{"diffoscope-json-version": 1, "source1": "/srv/reproducible-results/rbuild-debian/r-b-build.DRwMgvt8/b1/openlayers_2.13.1+ds2-10_armhf.changes", "source2": "/srv/reproducible-results/rbuild-debian/r-b-build.DRwMgvt8/b2/openlayers_2.13.1+ds2-10_armhf.changes", "unified_diff": null, "details": [{"source1": "Files", "source2": "Files", "unified_diff": "@@ -1,2 +1,2 @@\n \n- c5b7e5c200b9cd4991cea7757a73d3c3 715764 javascript optional libjs-openlayers_2.13.1+ds2-10_all.deb\n+ cf0c9dfa4e437587b088729c65476571 718104 javascript optional libjs-openlayers_2.13.1+ds2-10_all.deb\n"}, {"source1": "libjs-openlayers_2.13.1+ds2-10_all.deb", "source2": "libjs-openlayers_2.13.1+ds2-10_all.deb", "unified_diff": null, "details": [{"source1": "file list", "source2": "file list", "unified_diff": "@@ -1,3 +1,3 @@\n -rw-r--r--   0        0        0        4 2023-01-14 13:27:41.000000 debian-binary\n -rw-r--r--   0        0        0     3680 2023-01-14 13:27:41.000000 control.tar.xz\n--rw-r--r--   0        0        0   711892 2023-01-14 13:27:41.000000 data.tar.xz\n+-rw-r--r--   0        0        0   714232 2023-01-14 13:27:41.000000 data.tar.xz\n"}, {"source1": "control.tar.xz", "source2": "control.tar.xz", "unified_diff": null, "details": [{"source1": "control.tar", "source2": "control.tar", "unified_diff": null, "details": [{"source1": "./md5sums", "source2": "./md5sums", "unified_diff": null, "details": [{"source1": "./md5sums", "source2": "./md5sums", "comments": ["Files differ"], "unified_diff": null}]}]}]}, {"source1": "data.tar.xz", "source2": "data.tar.xz", "unified_diff": null, "details": [{"source1": "data.tar", "source2": "data.tar", "unified_diff": null, "details": [{"source1": "./usr/share/javascript/openlayers/OpenLayers.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -136,14 +136,141 @@\n      * (code)\n      *   <link rel=\"stylesheet\" href=\"/path/to/default/style.css\"  type=\"text/css\">\n      * (end code)\n      */\n     ImgPath: ''\n };\n /* ======================================================================\n+    OpenLayers/BaseTypes/Class.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+/**\n+ * Constructor: OpenLayers.Class\n+ * Base class used to construct all other classes. Includes support for \n+ *     multiple inheritance. \n+ *     \n+ * This constructor is new in OpenLayers 2.5.  At OpenLayers 3.0, the old \n+ *     syntax for creating classes and dealing with inheritance \n+ *     will be removed.\n+ * \n+ * To create a new OpenLayers-style class, use the following syntax:\n+ * (code)\n+ *     var MyClass = OpenLayers.Class(prototype);\n+ * (end)\n+ *\n+ * To create a new OpenLayers-style class with multiple inheritance, use the\n+ *     following syntax:\n+ * (code)\n+ *     var MyClass = OpenLayers.Class(Class1, Class2, prototype);\n+ * (end)\n+ * \n+ * Note that instanceof reflection will only reveal Class1 as superclass.\n+ *\n+ */\n+OpenLayers.Class = function() {\n+    var len = arguments.length;\n+    var P = arguments[0];\n+    var F = arguments[len - 1];\n+\n+    var C = typeof F.initialize == \"function\" ?\n+        F.initialize :\n+        function() {\n+            P.prototype.initialize.apply(this, arguments);\n+        };\n+\n+    if (len > 1) {\n+        var newArgs = [C, P].concat(\n+            Array.prototype.slice.call(arguments).slice(1, len - 1), F);\n+        OpenLayers.inherit.apply(null, newArgs);\n+    } else {\n+        C.prototype = F;\n+    }\n+    return C;\n+};\n+\n+/**\n+ * Function: OpenLayers.inherit\n+ *\n+ * Parameters:\n+ * C - {Object} the class that inherits\n+ * P - {Object} the superclass to inherit from\n+ *\n+ * In addition to the mandatory C and P parameters, an arbitrary number of\n+ * objects can be passed, which will extend C.\n+ */\n+OpenLayers.inherit = function(C, P) {\n+    var F = function() {};\n+    F.prototype = P.prototype;\n+    C.prototype = new F;\n+    var i, l, o;\n+    for (i = 2, l = arguments.length; i < l; i++) {\n+        o = arguments[i];\n+        if (typeof o === \"function\") {\n+            o = o.prototype;\n+        }\n+        OpenLayers.Util.extend(C.prototype, o);\n+    }\n+};\n+\n+/**\n+ * APIFunction: extend\n+ * Copy all properties of a source object to a destination object.  Modifies\n+ *     the passed in destination object.  Any properties on the source object\n+ *     that are set to undefined will not be (re)set on the destination object.\n+ *\n+ * Parameters:\n+ * destination - {Object} The object that will be modified\n+ * source - {Object} The object with properties to be set on the destination\n+ *\n+ * Returns:\n+ * {Object} The destination object.\n+ */\n+OpenLayers.Util = OpenLayers.Util || {};\n+OpenLayers.Util.extend = function(destination, source) {\n+    destination = destination || {};\n+    if (source) {\n+        for (var property in source) {\n+            var value = source[property];\n+            if (value !== undefined) {\n+                destination[property] = value;\n+            }\n+        }\n+\n+        /**\n+         * IE doesn't include the toString property when iterating over an object's\n+         * properties with the for(property in object) syntax.  Explicitly check if\n+         * the source has its own toString property.\n+         */\n+\n+        /*\n+         * FF/Windows < 2.0.0.13 reports \"Illegal operation on WrappedNative\n+         * prototype object\" when calling hawOwnProperty if the source object\n+         * is an instance of window.Event.\n+         */\n+\n+        var sourceIsEvt = typeof window.Event == \"function\" &&\n+            source instanceof window.Event;\n+\n+        if (!sourceIsEvt &&\n+            source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n+            destination.toString = source.toString;\n+        }\n+    }\n+    return destination;\n+};\n+/* ======================================================================\n     OpenLayers/BaseTypes.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -603,141 +730,14 @@\n             }\n         }\n         return selected;\n     }\n \n };\n /* ======================================================================\n-    OpenLayers/BaseTypes/Class.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-/**\n- * Constructor: OpenLayers.Class\n- * Base class used to construct all other classes. Includes support for \n- *     multiple inheritance. \n- *     \n- * This constructor is new in OpenLayers 2.5.  At OpenLayers 3.0, the old \n- *     syntax for creating classes and dealing with inheritance \n- *     will be removed.\n- * \n- * To create a new OpenLayers-style class, use the following syntax:\n- * (code)\n- *     var MyClass = OpenLayers.Class(prototype);\n- * (end)\n- *\n- * To create a new OpenLayers-style class with multiple inheritance, use the\n- *     following syntax:\n- * (code)\n- *     var MyClass = OpenLayers.Class(Class1, Class2, prototype);\n- * (end)\n- * \n- * Note that instanceof reflection will only reveal Class1 as superclass.\n- *\n- */\n-OpenLayers.Class = function() {\n-    var len = arguments.length;\n-    var P = arguments[0];\n-    var F = arguments[len - 1];\n-\n-    var C = typeof F.initialize == \"function\" ?\n-        F.initialize :\n-        function() {\n-            P.prototype.initialize.apply(this, arguments);\n-        };\n-\n-    if (len > 1) {\n-        var newArgs = [C, P].concat(\n-            Array.prototype.slice.call(arguments).slice(1, len - 1), F);\n-        OpenLayers.inherit.apply(null, newArgs);\n-    } else {\n-        C.prototype = F;\n-    }\n-    return C;\n-};\n-\n-/**\n- * Function: OpenLayers.inherit\n- *\n- * Parameters:\n- * C - {Object} the class that inherits\n- * P - {Object} the superclass to inherit from\n- *\n- * In addition to the mandatory C and P parameters, an arbitrary number of\n- * objects can be passed, which will extend C.\n- */\n-OpenLayers.inherit = function(C, P) {\n-    var F = function() {};\n-    F.prototype = P.prototype;\n-    C.prototype = new F;\n-    var i, l, o;\n-    for (i = 2, l = arguments.length; i < l; i++) {\n-        o = arguments[i];\n-        if (typeof o === \"function\") {\n-            o = o.prototype;\n-        }\n-        OpenLayers.Util.extend(C.prototype, o);\n-    }\n-};\n-\n-/**\n- * APIFunction: extend\n- * Copy all properties of a source object to a destination object.  Modifies\n- *     the passed in destination object.  Any properties on the source object\n- *     that are set to undefined will not be (re)set on the destination object.\n- *\n- * Parameters:\n- * destination - {Object} The object that will be modified\n- * source - {Object} The object with properties to be set on the destination\n- *\n- * Returns:\n- * {Object} The destination object.\n- */\n-OpenLayers.Util = OpenLayers.Util || {};\n-OpenLayers.Util.extend = function(destination, source) {\n-    destination = destination || {};\n-    if (source) {\n-        for (var property in source) {\n-            var value = source[property];\n-            if (value !== undefined) {\n-                destination[property] = value;\n-            }\n-        }\n-\n-        /**\n-         * IE doesn't include the toString property when iterating over an object's\n-         * properties with the for(property in object) syntax.  Explicitly check if\n-         * the source has its own toString property.\n-         */\n-\n-        /*\n-         * FF/Windows < 2.0.0.13 reports \"Illegal operation on WrappedNative\n-         * prototype object\" when calling hawOwnProperty if the source object\n-         * is an instance of window.Event.\n-         */\n-\n-        var sourceIsEvt = typeof window.Event == \"function\" &&\n-            source instanceof window.Event;\n-\n-        if (!sourceIsEvt &&\n-            source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n-            destination.toString = source.toString;\n-        }\n-    }\n-    return destination;\n-};\n-/* ======================================================================\n     OpenLayers/BaseTypes/Bounds.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -4426,813 +4426,1673 @@\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\");\n     }\n     return str;\n };\n \n /* ======================================================================\n-    OpenLayers/Util/vendorPrefix.js\n+    OpenLayers/Feature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/SingleFile.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n  */\n \n-OpenLayers.Util = OpenLayers.Util || {};\n /**\n- * Namespace: OpenLayers.Util.vendorPrefix\n- * A collection of utility functions to detect vendor prefixed features\n+ * Class: OpenLayers.Feature\n+ * Features are combinations of geography and attributes. The OpenLayers.Feature\n+ *     class specifically combines a marker and a lonlat.\n  */\n-OpenLayers.Util.vendorPrefix = (function() {\n-    \"use strict\";\n+OpenLayers.Feature = OpenLayers.Class({\n \n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n+    /** \n+     * Property: layer \n+     * {<OpenLayers.Layer>} \n+     */\n+    layer: null,\n \n+    /** \n+     * Property: id \n+     * {String} \n+     */\n+    id: null,\n \n-    /**\n-     * Function: domToCss\n-     * Converts a upper camel case DOM style property name to a CSS property\n-     *      i.e. transformOrigin -> transform-origin\n-     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n-     *\n-     * Parameters:\n-     * prefixedDom - {String} The property to convert\n-     *\n-     * Returns:\n-     * {String} The CSS property\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} \n      */\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null;\n-        }\n-        return prefixedDom.\n-        replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase();\n-        }).\n-        replace(/^ms-/, \"-ms-\");\n-    }\n+    lonlat: null,\n \n-    /**\n-     * APIMethod: css\n-     * Detect which property is used for a CSS property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) CSS property name\n-     *\n-     * Returns:\n-     * {String} The standard CSS property, prefixed property or null if not\n-     *          supported\n+    /** \n+     * Property: data \n+     * {Object} \n      */\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.\n-            replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase();\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom);\n-        }\n-        return cssCache[property];\n-    }\n+    data: null,\n+\n+    /** \n+     * Property: marker \n+     * {<OpenLayers.Marker>} \n+     */\n+    marker: null,\n \n     /**\n-     * APIMethod: js\n-     * Detect which property is used for a JS property/method\n+     * APIProperty: popupClass\n+     * {<OpenLayers.Class>} The class which will be used to instantiate\n+     *     a new Popup. Default is <OpenLayers.Popup.Anchored>.\n+     */\n+    popupClass: null,\n+\n+    /** \n+     * Property: popup \n+     * {<OpenLayers.Popup>} \n+     */\n+    popup: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Feature\n+     * Constructor for features.\n      *\n      * Parameters:\n-     * obj - {Object} The object to test on\n-     * property - {String} The standard (unprefixed) JS property name\n-     *\n+     * layer - {<OpenLayers.Layer>} \n+     * lonlat - {<OpenLayers.LonLat>} \n+     * data - {Object} \n+     * \n      * Returns:\n-     * {String} The standard JS property, prefixed property or null if not\n-     *          supported\n+     * {<OpenLayers.Feature>}\n      */\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp,\n-                i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix,\n-                isStyleObj = (typeof obj.cssText !== \"undefined\");\n+    initialize: function(layer, lonlat, data) {\n+        this.layer = layer;\n+        this.lonlat = lonlat;\n+        this.data = (data != null) ? data : {};\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n \n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        // js prefix should be lower-case, while style\n-                        // properties have upper case on first character\n-                        prefix = prefix.toLowerCase();\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n-                } else {\n-                    tmpProp = property;\n-                }\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n \n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break;\n-                }\n+        //remove the popup from the map\n+        if ((this.layer != null) && (this.layer.map != null)) {\n+            if (this.popup != null) {\n+                this.layer.map.removePopup(this.popup);\n             }\n         }\n-        return jsCache[property];\n-    }\n+        // remove the marker from the layer\n+        if (this.layer != null && this.marker != null) {\n+            this.layer.removeMarker(this.marker);\n+        }\n+\n+        this.layer = null;\n+        this.id = null;\n+        this.lonlat = null;\n+        this.data = null;\n+        if (this.marker != null) {\n+            this.destroyMarker(this.marker);\n+            this.marker = null;\n+        }\n+        if (this.popup != null) {\n+            this.destroyPopup(this.popup);\n+            this.popup = null;\n+        }\n+    },\n \n     /**\n-     * APIMethod: style\n-     * Detect which property is used for a DOM style property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) style property name\n-     *\n+     * Method: onScreen\n+     * \n      * Returns:\n-     * {String} The standard style property, prefixed property or null if not\n-     *          supported\n+     * {Boolean} Whether or not the feature is currently visible on screen\n+     *           (based on its 'lonlat' property)\n      */\n-    function style(property) {\n-        return js(divStyle, property);\n-    }\n-\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-\n-        // used for testing\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    };\n-}());\n-/* ======================================================================\n-    OpenLayers/Animation.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    onScreen: function() {\n \n-/**\n- * @requires OpenLayers/SingleFile.js\n- * @requires OpenLayers/Util/vendorPrefix.js\n- */\n+        var onScreen = false;\n+        if ((this.layer != null) && (this.layer.map != null)) {\n+            var screenBounds = this.layer.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat);\n+        }\n+        return onScreen;\n+    },\n \n-/**\n- * Namespace: OpenLayers.Animation\n- * A collection of utility functions for executing methods that repaint a \n- *     portion of the browser window.  These methods take advantage of the\n- *     browser's scheduled repaints where requestAnimationFrame is available.\n- */\n-OpenLayers.Animation = (function(window) {\n \n     /**\n-     * Property: isNative\n-     * {Boolean} true if a native requestAnimationFrame function is available\n+     * Method: createMarker\n+     * Based on the data associated with the Feature, create and return a marker object.\n+     *\n+     * Returns: \n+     * {<OpenLayers.Marker>} A Marker Object created from the 'lonlat' and 'icon' properties\n+     *          set in this.data. If no 'lonlat' is set, returns null. If no\n+     *          'icon' is set, OpenLayers.Marker() will load the default image.\n+     *          \n+     *          Note - this.marker is set to return value\n+     * \n      */\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!(requestAnimationFrame);\n+    createMarker: function() {\n+\n+        if (this.lonlat != null) {\n+            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon);\n+        }\n+        return this.marker;\n+    },\n \n     /**\n-     * Function: requestFrame\n-     * Schedule a function to be called at the next available animation frame.\n-     *     Uses the native method where available.  Where requestAnimationFrame is\n-     *     not available, setTimeout will be called with a 16ms delay.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n+     * Method: destroyMarker\n+     * Destroys marker.\n+     * If user overrides the createMarker() function, s/he should be able\n+     *   to also specify an alternative function for destroying it\n      */\n-    var requestFrame = (function() {\n-        var request = window[requestAnimationFrame] ||\n-            function(callback, element) {\n-                window.setTimeout(callback, 16);\n-            };\n-        // bind to window to avoid illegal invocation of native function\n-        return function(callback, element) {\n-            request.apply(window, [callback, element]);\n-        };\n-    })();\n-\n-    // private variables for animation loops\n-    var counter = 0;\n-    var loops = {};\n+    destroyMarker: function() {\n+        this.marker.destroy();\n+    },\n \n     /**\n-     * Function: start\n-     * Executes a method with <requestFrame> in series for some \n-     *     duration.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * duration - {Number} Optional duration for the loop.  If not provided, the\n-     *     animation loop will execute indefinitely.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n+     * Method: createPopup\n+     * Creates a popup object created from the 'lonlat', 'popupSize',\n+     *     and 'popupContentHTML' properties set in this.data. It uses\n+     *     this.marker.icon as default anchor. \n+     *  \n+     *  If no 'lonlat' is set, returns null. \n+     *  If no this.marker has been created, no anchor is sent.\n      *\n+     *  Note - the returned popup object is 'owned' by the feature, so you\n+     *      cannot use the popup's destroy method to discard the popup.\n+     *      Instead, you must use the feature's destroyPopup\n+     * \n+     *  Note - this.popup is set to return value\n+     * \n+     * Parameters: \n+     * closeBox - {Boolean} create popup with closebox or not\n+     * \n      * Returns:\n-     * {Number} Identifier for the animation loop.  Used to stop animations with\n-     *     <stop>.\n+     * {<OpenLayers.Popup>} Returns the created popup, which is also set\n+     *     as 'popup' property of this feature. Will be of whatever type\n+     *     specified by this feature's 'popupClass' property, but must be\n+     *     of type <OpenLayers.Popup>.\n+     * \n      */\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element);\n-                }\n-            } else {\n-                delete loops[id];\n+    createPopup: function(closeBox) {\n+\n+        if (this.lonlat != null) {\n+            if (!this.popup) {\n+                var anchor = (this.marker) ? this.marker.icon : null;\n+                var popupClass = this.popupClass ?\n+                    this.popupClass : OpenLayers.Popup.Anchored;\n+                this.popup = new popupClass(this.id + \"_popup\",\n+                    this.lonlat,\n+                    this.data.popupSize,\n+                    this.data.popupContentHTML,\n+                    anchor,\n+                    closeBox);\n+            }\n+            if (this.data.overflow != null) {\n+                this.popup.contentDiv.style.overflow = this.data.overflow;\n             }\n-        };\n-        requestFrame(loops[id], element);\n-        return id;\n-    }\n+\n+            this.popup.feature = this;\n+        }\n+        return this.popup;\n+    },\n+\n \n     /**\n-     * Function: stop\n-     * Terminates an animation loop started with <start>.\n+     * Method: destroyPopup\n+     * Destroys the popup created via createPopup.\n      *\n-     * Parameters:\n-     * id - {Number} Identifier returned from <start>.\n+     * As with the marker, if user overrides the createPopup() function, s/he \n+     *   should also be able to override the destruction\n      */\n-    function stop(id) {\n-        delete loops[id];\n-    }\n-\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    };\n+    destroyPopup: function() {\n+        if (this.popup) {\n+            this.popup.feature = null;\n+            this.popup.destroy();\n+            this.popup = null;\n+        }\n+    },\n \n-})(window);\n+    CLASS_NAME: \"OpenLayers.Feature\"\n+});\n /* ======================================================================\n-    OpenLayers/Kinetic.js\n+    OpenLayers/Feature/Vector.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+// TRASH THIS\n+OpenLayers.State = {\n+    /** states */\n+    UNKNOWN: 'Unknown',\n+    INSERT: 'Insert',\n+    UPDATE: 'Update',\n+    DELETE: 'Delete'\n+};\n+\n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Animation.js\n+ * @requires OpenLayers/Feature.js\n+ * @requires OpenLayers/Util.js\n  */\n \n-OpenLayers.Kinetic = OpenLayers.Class({\n+/**\n+ * Class: OpenLayers.Feature.Vector\n+ * Vector features use the OpenLayers.Geometry classes as geometry description.\n+ * They have an 'attributes' property, which is the data object, and a 'style'\n+ * property, the default values of which are defined in the \n+ * <OpenLayers.Feature.Vector.style> objects.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Feature>\n+ */\n+OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n \n-    /**\n-     * Property: threshold\n-     * In most cases changing the threshold isn't needed.\n-     * In px/ms, default to 0.\n+    /** \n+     * Property: fid \n+     * {String} \n      */\n-    threshold: 0,\n+    fid: null,\n \n-    /**\n-     * Property: deceleration\n-     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n+    /** \n+     * APIProperty: geometry \n+     * {<OpenLayers.Geometry>} \n      */\n-    deceleration: 0.0035,\n+    geometry: null,\n \n-    /**\n-     * Property: nbPoints\n-     * {Integer} the number of points we use to calculate the kinetic\n-     * initial values.\n+    /** \n+     * APIProperty: attributes \n+     * {Object} This object holds arbitrary, serializable properties that\n+     *     describe the feature.\n      */\n-    nbPoints: 100,\n+    attributes: null,\n \n     /**\n-     * Property: delay\n-     * {Float} time to consider to calculate the kinetic initial values.\n-     * In ms, default to 200.\n+     * Property: bounds\n+     * {<OpenLayers.Bounds>} The box bounding that feature's geometry, that\n+     *     property can be set by an <OpenLayers.Format> object when\n+     *     deserializing the feature, so in most cases it represents an\n+     *     information set by the server. \n      */\n-    delay: 200,\n+    bounds: null,\n+\n+    /** \n+     * Property: state \n+     * {String} \n+     */\n+    state: null,\n+\n+    /** \n+     * APIProperty: style \n+     * {Object} \n+     */\n+    style: null,\n \n     /**\n-     * Property: points\n-     * List of points use to calculate the kinetic initial values.\n+     * APIProperty: url\n+     * {String} If this property is set it will be taken into account by\n+     *     {<OpenLayers.HTTP>} when upadting or deleting the feature.\n      */\n-    points: undefined,\n+    url: null,\n \n     /**\n-     * Property: timerId\n-     * ID of the timer.\n+     * Property: renderIntent\n+     * {String} rendering intent currently being used\n      */\n-    timerId: undefined,\n+    renderIntent: \"default\",\n \n     /**\n-     * Constructor: OpenLayers.Kinetic\n+     * APIProperty: modified\n+     * {Object} An object with the originals of the geometry and attributes of\n+     * the feature, if they were changed. Currently this property is only read\n+     * by <OpenLayers.Format.WFST.v1>, and written by\n+     * <OpenLayers.Control.ModifyFeature>, which sets the geometry property.\n+     * Applications can set the originals of modified attributes in the\n+     * attributes property. Note that applications have to check if this\n+     * object and the attributes property is already created before using it.\n+     * After a change made with ModifyFeature, this object could look like\n+     *\n+     * (code)\n+     * {\n+     *     geometry: >Object\n+     * }\n+     * (end)\n+     *\n+     * When an application has made changes to feature attributes, it could\n+     * have set the attributes to something like this:\n+     *\n+     * (code)\n+     * {\n+     *     attributes: {\n+     *         myAttribute: \"original\"\n+     *     }\n+     * }\n+     * (end)\n      *\n+     * Note that <OpenLayers.Format.WFST.v1> only checks for truthy values in\n+     * *modified.geometry* and the attribute names in *modified.attributes*,\n+     * but it is recommended to set the original values (and not just true) as\n+     * attribute value, so applications could use this information to undo\n+     * changes.\n+     */\n+    modified: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Feature.Vector\n+     * Create a vector feature. \n+     * \n      * Parameters:\n-     * options - {Object}\n+     * geometry - {<OpenLayers.Geometry>} The geometry that this feature\n+     *     represents.\n+     * attributes - {Object} An optional object that will be mapped to the\n+     *     <attributes> property. \n+     * style - {Object} An optional style object.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n+    initialize: function(geometry, attributes, style) {\n+        OpenLayers.Feature.prototype.initialize.apply(this,\n+            [null, null, attributes]);\n+        this.lonlat = null;\n+        this.geometry = geometry ? geometry : null;\n+        this.state = null;\n+        this.attributes = {};\n+        if (attributes) {\n+            this.attributes = OpenLayers.Util.extend(this.attributes,\n+                attributes);\n+        }\n+        this.style = style ? style : null;\n     },\n \n-    /**\n-     * Method: begin\n-     * Begins the dragging.\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n      */\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = [];\n+    destroy: function() {\n+        if (this.layer) {\n+            this.layer.removeFeatures(this);\n+            this.layer = null;\n+        }\n+\n+        this.geometry = null;\n+        this.modified = null;\n+        OpenLayers.Feature.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: update\n-     * Updates during the dragging.\n+     * Method: clone\n+     * Create a clone of this vector feature.  Does not set any non-standard\n+     *     properties.\n      *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The new position.\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} An exact clone of this vector feature.\n      */\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: new Date().getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop();\n-        }\n+    clone: function() {\n+        return new OpenLayers.Feature.Vector(\n+            this.geometry ? this.geometry.clone() : null,\n+            this.attributes,\n+            this.style);\n     },\n \n     /**\n-     * Method: end\n-     * Ends the dragging, start the kinetic.\n+     * Method: onScreen\n+     * Determine whether the feature is within the map viewport.  This method\n+     *     tests for an intersection between the geometry and the viewport\n+     *     bounds.  If a more effecient but less precise geometry bounds\n+     *     intersection is desired, call the method with the boundsOnly\n+     *     parameter true.\n      *\n      * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The last position.\n-     *\n+     * boundsOnly - {Boolean} Only test whether a feature's bounds intersects\n+     *     the viewport bounds.  Default is false.  If false, the feature's\n+     *     geometry must intersect the viewport for onScreen to return true.\n+     * \n      * Returns:\n-     * {Object} An object with two properties: \"speed\", and \"theta\". The\n-     *     \"speed\" and \"theta\" values are to be passed to the move \n-     *     function when starting the animation.\n+     * {Boolean} The feature is currently visible on screen (optionally\n+     *     based on its bounds if boundsOnly is true).\n      */\n-    end: function(xy) {\n-        var last, now = new Date().getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break;\n+    onScreen: function(boundsOnly) {\n+        var onScreen = false;\n+        if (this.layer && this.layer.map) {\n+            var screenBounds = this.layer.map.getExtent();\n+            if (boundsOnly) {\n+                var featureBounds = this.geometry.getBounds();\n+                onScreen = screenBounds.intersectsBounds(featureBounds);\n+            } else {\n+                var screenPoly = screenBounds.toGeometry();\n+                onScreen = screenPoly.intersects(this.geometry);\n             }\n-            last = point;\n-        }\n-        if (!last) {\n-            return;\n-        }\n-        var time = new Date().getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n-            Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return;\n         }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta;\n+        return onScreen;\n+    },\n+\n+    /**\n+     * Method: getVisibility\n+     * Determine whether the feature is displayed or not. It may not displayed\n+     *     because:\n+     *     - its style display property is set to 'none',\n+     *     - it doesn't belong to any layer,\n+     *     - the styleMap creates a symbolizer with display property set to 'none'\n+     *          for it,\n+     *     - the layer which it belongs to is not visible.\n+     * \n+     * Returns:\n+     * {Boolean} The feature is currently displayed.\n+     */\n+    getVisibility: function() {\n+        return !(this.style && this.style.display == 'none' ||\n+            !this.layer ||\n+            this.layer && this.layer.styleMap &&\n+            this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == 'none' ||\n+            this.layer && !this.layer.getVisibility());\n+    },\n+\n+    /**\n+     * Method: createMarker\n+     * HACK - we need to decide if all vector features should be able to\n+     *     create markers\n+     * \n+     * Returns:\n+     * {<OpenLayers.Marker>} For now just returns null\n+     */\n+    createMarker: function() {\n+        return null;\n+    },\n+\n+    /**\n+     * Method: destroyMarker\n+     * HACK - we need to decide if all vector features should be able to\n+     *     delete markers\n+     * \n+     * If user overrides the createMarker() function, s/he should be able\n+     *   to also specify an alternative function for destroying it\n+     */\n+    destroyMarker: function() {\n+        // pass\n+    },\n+\n+    /**\n+     * Method: createPopup\n+     * HACK - we need to decide if all vector features should be able to\n+     *     create popups\n+     * \n+     * Returns:\n+     * {<OpenLayers.Popup>} For now just returns null\n+     */\n+    createPopup: function() {\n+        return null;\n+    },\n+\n+    /**\n+     * Method: atPoint\n+     * Determins whether the feature intersects with the specified location.\n+     * \n+     * Parameters: \n+     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     * toleranceLon - {float} Optional tolerance in Geometric Coords\n+     * toleranceLat - {float} Optional tolerance in Geographic Coords\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the feature is at the specified location\n+     */\n+    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n+        var atPoint = false;\n+        if (this.geometry) {\n+            atPoint = this.geometry.atPoint(lonlat, toleranceLon,\n+                toleranceLat);\n         }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        };\n+        return atPoint;\n+    },\n+\n+    /**\n+     * Method: destroyPopup\n+     * HACK - we need to decide if all vector features should be able to\n+     * delete popups\n+     */\n+    destroyPopup: function() {\n+        // pass\n     },\n \n     /**\n      * Method: move\n-     * Launch the kinetic move pan.\n+     * Moves the feature and redraws it at its new location\n      *\n      * Parameters:\n-     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n-     *     These values are those returned from the \"end\" call.\n-     * callback - {Function} Function called on every step of the animation,\n-     *     receives x, y (values to pan), end (is the last point).\n+     * location - {<OpenLayers.LonLat> or <OpenLayers.Pixel>} the\n+     *         location to which to move the feature.\n      */\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-\n-        var initialTime = new Date().getTime();\n+    move: function(location) {\n \n-        var lastX = 0;\n-        var lastY = 0;\n+        if (!this.layer || !this.geometry.move) {\n+            //do nothing if no layer or immoveable geometry\n+            return undefined;\n+        }\n \n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return;\n-            }\n+        var pixel;\n+        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n+            pixel = this.layer.getViewPortPxFromLonLat(location);\n+        } else {\n+            pixel = location;\n+        }\n \n-            var t = new Date().getTime() - initialTime;\n+        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n+        var res = this.layer.map.getResolution();\n+        this.geometry.move(res * (pixel.x - lastPixel.x),\n+            res * (lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this);\n+        return lastPixel;\n+    },\n \n-            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n+    /**\n+     * Method: toState\n+     * Sets the new state\n+     *\n+     * Parameters:\n+     * state - {String} \n+     */\n+    toState: function(state) {\n+        if (state == OpenLayers.State.UPDATE) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.DELETE:\n+                    this.state = state;\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                case OpenLayers.State.INSERT:\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.INSERT) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                    break;\n+                default:\n+                    this.state = state;\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.DELETE) {\n+            switch (this.state) {\n+                case OpenLayers.State.INSERT:\n+                    // the feature should be destroyed\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    break;\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.UPDATE:\n+                    this.state = state;\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.UNKNOWN) {\n+            this.state = state;\n+        }\n+    },\n \n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n+    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n+});\n \n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true;\n-            }\n \n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end);\n-        };\n+/**\n+ * Constant: OpenLayers.Feature.Vector.style\n+ * OpenLayers features can have a number of style attributes. The 'default' \n+ *     style will typically be used if no other style is specified. These\n+ *     styles correspond for the most part, to the styling properties defined\n+ *     by the SVG standard. \n+ *     Information on fill properties: http://www.w3.org/TR/SVG/painting.html#FillProperties\n+ *     Information on stroke properties: http://www.w3.org/TR/SVG/painting.html#StrokeProperties\n+ *\n+ * Symbolizer properties:\n+ * fill - {Boolean} Set to false if no fill is desired.\n+ * fillColor - {String} Hex fill color.  Default is \"#ee9900\".\n+ * fillOpacity - {Number} Fill opacity (0-1).  Default is 0.4 \n+ * stroke - {Boolean} Set to false if no stroke is desired.\n+ * strokeColor - {String} Hex stroke color.  Default is \"#ee9900\".\n+ * strokeOpacity - {Number} Stroke opacity (0-1).  Default is 1.\n+ * strokeWidth - {Number} Pixel stroke width.  Default is 1.\n+ * strokeLinecap - {String} Stroke cap type.  Default is \"round\".  [butt | round | square]\n+ * strokeDashstyle - {String} Stroke dash style.  Default is \"solid\". [dot | dash | dashdot | longdash | longdashdot | solid]\n+ * graphic - {Boolean} Set to false if no graphic is desired.\n+ * pointRadius - {Number} Pixel point radius.  Default is 6.\n+ * pointerEvents - {String}  Default is \"visiblePainted\".\n+ * cursor - {String} Default is \"\".\n+ * externalGraphic - {String} Url to an external graphic that will be used for rendering points.\n+ * graphicWidth - {Number} Pixel width for sizing an external graphic.\n+ * graphicHeight - {Number} Pixel height for sizing an external graphic.\n+ * graphicOpacity - {Number} Opacity (0-1) for an external graphic.\n+ * graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.\n+ * graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.\n+ * rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).\n+ * graphicZIndex - {Number} The integer z-index value to use in rendering.\n+ * graphicName - {String} Named graphic to use when rendering points.  Supported values include \"circle\" (default),\n+ *     \"square\", \"star\", \"x\", \"cross\", \"triangle\".\n+ * graphicTitle - {String} Tooltip when hovering over a feature. *deprecated*, use title instead\n+ * title - {String} Tooltip when hovering over a feature. Not supported by the canvas renderer.\n+ * backgroundGraphic - {String} Url to a graphic to be used as the background under an externalGraphic.\n+ * backgroundGraphicZIndex - {Number} The integer z-index value to use in rendering the background graphic.\n+ * backgroundXOffset - {Number} The x offset (in pixels) for the background graphic.\n+ * backgroundYOffset - {Number} The y offset (in pixels) for the background graphic.\n+ * backgroundHeight - {Number} The height of the background graphic.  If not provided, the graphicHeight will be used.\n+ * backgroundWidth - {Number} The width of the background width.  If not provided, the graphicWidth will be used.\n+ * label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either\n+ *     fillText or mozDrawText to be available.\n+ * labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string\n+ *     composed of two characters. The first character is for the horizontal alignment, the second for the vertical\n+ *     alignment. Valid values for horizontal alignment: \"l\"=left, \"c\"=center, \"r\"=right. Valid values for vertical\n+ *     alignment: \"t\"=top, \"m\"=middle, \"b\"=bottom. Example values: \"lt\", \"cm\", \"rb\". Default is \"cm\".\n+ * labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label. Not supported by the canvas renderer.\n+ * labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label. Not supported by the canvas renderer.\n+ * labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls.\n+ *     Default is false.\n+ * labelOutlineColor - {String} The color of the label outline. Default is 'white'. Only supported by the canvas & SVG renderers.\n+ * labelOutlineWidth - {Number} The width of the label outline. Default is 3, set to 0 or null to disable. Only supported by the  SVG renderers.\n+ * labelOutlineOpacity - {Number} The opacity (0-1) of the label outline. Default is fontOpacity. Only supported by the canvas & SVG renderers.\n+ * fontColor - {String} The font color for the label, to be provided like CSS.\n+ * fontOpacity - {Number} Opacity (0-1) for the label\n+ * fontFamily - {String} The font family for the label, to be provided like in CSS.\n+ * fontSize - {String} The font size for the label, to be provided like in CSS.\n+ * fontStyle - {String} The font style for the label, to be provided like in CSS.\n+ * fontWeight - {String} The font weight for the label, to be provided like in CSS.\n+ * display - {String} Symbolizers will have no effect if display is set to \"none\".  All other values have no effect.\n+ */\n+OpenLayers.Feature.Vector.style = {\n+    'default': {\n+        fillColor: \"#ee9900\",\n+        fillOpacity: 0.4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"#ee9900\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    'select': {\n+        fillColor: \"blue\",\n+        fillOpacity: 0.4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"blue\",\n+        strokeOpacity: 1,\n+        strokeWidth: 2,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"pointer\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n \n-        this.timerId = OpenLayers.Animation.start(\n-            OpenLayers.Function.bind(timerCallback, this)\n-        );\n     },\n+    'temporary': {\n+        fillColor: \"#66cccc\",\n+        fillOpacity: 0.2,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"#66cccc\",\n+        strokeOpacity: 1,\n+        strokeLinecap: \"round\",\n+        strokeWidth: 2,\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n \n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n+    },\n+    'delete': {\n+        display: \"none\"\n+    }\n+};\n /* ======================================================================\n-    OpenLayers/Tween.js\n+    OpenLayers/Style.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Animation.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Feature/Vector.js\n  */\n \n /**\n- * Namespace: OpenLayers.Tween\n+ * Class: OpenLayers.Style\n+ * This class represents a UserStyle obtained\n+ *     from a SLD, containing styling rules.\n  */\n-OpenLayers.Tween = OpenLayers.Class({\n+OpenLayers.Style = OpenLayers.Class({\n \n     /**\n-     * APIProperty: easing\n-     * {<OpenLayers.Easing>(Function)} Easing equation used for the animation\n-     *     Defaultly set to OpenLayers.Easing.Expo.easeOut\n+     * Property: id\n+     * {String} A unique id for this session.\n      */\n-    easing: null,\n+    id: null,\n \n     /**\n-     * APIProperty: begin\n-     * {Object} Values to start the animation with\n+     * APIProperty: name\n+     * {String}\n      */\n-    begin: null,\n+    name: null,\n \n     /**\n-     * APIProperty: finish\n-     * {Object} Values to finish the animation with\n+     * Property: title\n+     * {String} Title of this style (set if included in SLD)\n      */\n-    finish: null,\n+    title: null,\n \n     /**\n-     * APIProperty: duration\n-     * {int} duration of the tween (number of steps)\n+     * Property: description\n+     * {String} Description of this style (set if abstract is included in SLD)\n      */\n-    duration: null,\n+    description: null,\n \n     /**\n-     * APIProperty: callbacks\n-     * {Object} An object with start, eachStep and done properties whose values\n-     *     are functions to be call during the animation. They are passed the\n-     *     current computed value as argument.\n+     * APIProperty: layerName\n+     * {<String>} name of the layer that this style belongs to, usually\n+     * according to the NamedLayer attribute of an SLD document.\n      */\n-    callbacks: null,\n+    layerName: null,\n \n     /**\n-     * Property: time\n-     * {int} Step counter\n+     * APIProperty: isDefault\n+     * {Boolean}\n      */\n-    time: null,\n+    isDefault: false,\n+\n+    /** \n+     * Property: rules \n+     * {Array(<OpenLayers.Rule>)}\n+     */\n+    rules: null,\n \n     /**\n-     * APIProperty: minFrameRate\n-     * {Number} The minimum framerate for animations in frames per second. After\n-     * each step, the time spent in the animation is compared to the calculated\n-     * time at this frame rate. If the animation runs longer than the calculated\n-     * time, the next step is skipped. Default is 30.\n+     * APIProperty: context\n+     * {Object} An optional object with properties that symbolizers' property\n+     * values should be evaluated against. If no context is specified,\n+     * feature.attributes will be used\n      */\n-    minFrameRate: null,\n+    context: null,\n \n     /**\n-     * Property: startTime\n-     * {Number} The timestamp of the first execution step. Used for skipping\n-     * frames\n+     * Property: defaultStyle\n+     * {Object} hash of style properties to use as default for merging\n+     * rule-based style symbolizers onto. If no rules are defined,\n+     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n+     * true, the defaultStyle will only be taken into account if there are\n+     * rules defined.\n      */\n-    startTime: null,\n+    defaultStyle: null,\n \n     /**\n-     * Property: animationId\n-     * {int} Loop id returned by OpenLayers.Animation.start\n+     * Property: defaultsPerSymbolizer\n+     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n+     * of every rule. Properties of the <defaultStyle> will also be used to set\n+     * missing symbolizer properties if the symbolizer has stroke, fill or\n+     * graphic set to true. Default is false.\n      */\n-    animationId: null,\n+    defaultsPerSymbolizer: false,\n \n     /**\n-     * Property: playing\n-     * {Boolean} Tells if the easing is currently playing\n+     * Property: propertyStyles\n+     * {Hash of Boolean} cache of style properties that need to be parsed for\n+     * propertyNames. Property names are keys, values won't be used.\n      */\n-    playing: false,\n+    propertyStyles: null,\n+\n \n     /** \n-     * Constructor: OpenLayers.Tween\n-     * Creates a Tween.\n+     * Constructor: OpenLayers.Style\n+     * Creates a UserStyle.\n      *\n      * Parameters:\n-     * easing - {<OpenLayers.Easing>(Function)} easing function method to use\n+     * style        - {Object} Optional hash of style properties that will be\n+     *                used as default style for this style object. This style\n+     *                applies if no rules are specified. Symbolizers defined in\n+     *                rules will extend this default style.\n+     * options - {Object} An optional object with properties to set on the\n+     *     style.\n+     *\n+     * Valid options:\n+     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n+     *     style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>}\n      */\n-    initialize: function(easing) {\n-        this.easing = (easing) ? easing : OpenLayers.Easing.Expo.easeOut;\n+    initialize: function(style, options) {\n+\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules);\n+        }\n+\n+        // use the default style from OpenLayers.Feature.Vector if no style\n+        // was given in the constructor\n+        this.setDefaultStyle(style ||\n+            OpenLayers.Feature.Vector.style[\"default\"]);\n+\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n     },\n \n-    /**\n-     * APIMethod: start\n-     * Plays the Tween, and calls the callback method on each step\n-     * \n-     * Parameters:\n-     * begin - {Object} values to start the animation with\n-     * finish - {Object} values to finish the animation with\n-     * duration - {int} duration of the tween (number of steps)\n-     * options - {Object} hash of options (callbacks (start, eachStep, done),\n-     *     minFrameRate)\n+    /** \n+     * APIMethod: destroy\n+     * nullify references to prevent circular references and memory leaks\n      */\n-    start: function(begin, finish, duration, options) {\n-        this.playing = true;\n-        this.begin = begin;\n-        this.finish = finish;\n-        this.duration = duration;\n-        this.callbacks = options.callbacks;\n-        this.minFrameRate = options.minFrameRate || 30;\n-        this.time = 0;\n-        this.startTime = new Date().getTime();\n-        OpenLayers.Animation.stop(this.animationId);\n-        this.animationId = null;\n-        if (this.callbacks && this.callbacks.start) {\n-            this.callbacks.start.call(this, this.begin);\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null;\n         }\n-        this.animationId = OpenLayers.Animation.start(\n-            OpenLayers.Function.bind(this.play, this)\n-        );\n+        this.rules = null;\n+        this.defaultStyle = null;\n     },\n \n     /**\n-     * APIMethod: stop\n-     * Stops the Tween, and calls the done callback\n-     *     Doesn't do anything if animation is already finished\n+     * Method: createSymbolizer\n+     * creates a style by applying all feature-dependent rules to the base\n+     * style.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n+     * \n+     * Returns:\n+     * {Object} symbolizer hash\n      */\n-    stop: function() {\n-        if (!this.playing) {\n-            return;\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n+            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+\n+        var rules = this.rules;\n+\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            // does the rule apply?\n+            var applies = rule.evaluate(feature);\n+\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule);\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature);\n+                }\n+            }\n         }\n \n-        if (this.callbacks && this.callbacks.done) {\n-            this.callbacks.done.call(this, this.finish);\n+        // if no other rules apply, apply the rules with else filters\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature);\n+            }\n         }\n-        OpenLayers.Animation.stop(this.animationId);\n-        this.animationId = null;\n-        this.playing = false;\n+\n+        // don't display if there were rules but none applied\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\";\n+        }\n+\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label);\n+        }\n+\n+        return style;\n     },\n \n     /**\n-     * Method: play\n-     * Calls the appropriate easing method\n+     * Method: applySymbolizer\n+     *\n+     * Parameters:\n+     * rule - {<OpenLayers.Rule>}\n+     * style - {Object}\n+     * feature - {<OpenLayer.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {Object} A style with new symbolizer applied.\n      */\n-    play: function() {\n-        var value = {};\n-        for (var i in this.begin) {\n-            var b = this.begin[i];\n-            var f = this.finish[i];\n-            if (b == null || f == null || isNaN(b) || isNaN(f)) {\n-                throw new TypeError('invalid value for Tween');\n-            }\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ?\n+            this.getSymbolizerPrefix(feature.geometry) :\n+            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n \n-            var c = f - b;\n-            value[i] = this.easing.apply(this, [this.time, b, c, this.duration]);\n-        }\n-        this.time++;\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n \n-        if (this.callbacks && this.callbacks.eachStep) {\n-            // skip frames if frame rate drops below threshold\n-            if ((new Date().getTime() - this.startTime) / this.time <= 1000 / this.minFrameRate) {\n-                this.callbacks.eachStep.call(this, value);\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                });\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                });\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                });\n             }\n         }\n \n-        if (this.time > this.duration) {\n-            this.stop();\n-        }\n+        // merge the style with the current style\n+        return this.createLiterals(\n+            OpenLayers.Util.extend(style, symbolizer), feature);\n     },\n \n     /**\n-     * Create empty functions for all easing methods.\n+     * Method: createLiterals\n+     * creates literals for all style properties that have an entry in\n+     * <this.propertyStyles>.\n+     * \n+     * Parameters:\n+     * style   - {Object} style to create literals for. Will be modified\n+     *           inline.\n+     * feature - {Object}\n+     * \n+     * Returns:\n+     * {Object} the modified style\n      */\n-    CLASS_NAME: \"OpenLayers.Tween\"\n-});\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n+        }\n+        return style;\n+    },\n \n-/**\n- * Namespace: OpenLayers.Easing\n- * \n- * Credits:\n- *      Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>\n- */\n-OpenLayers.Easing = {\n     /**\n-     * Create empty functions for all easing methods.\n+     * Method: findPropertyStyles\n+     * Looks into all rules for this style and the defaultStyle to collect\n+     * all the style hash property names containing ${...} strings that have\n+     * to be replaced using the createLiteral method before returning them.\n+     * \n+     * Returns:\n+     * {Object} hash of property names that need createLiteral parsing. The\n+     * name of the property is the key, and the value is true;\n      */\n-    CLASS_NAME: \"OpenLayers.Easing\"\n-};\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n \n-/**\n- * Namespace: OpenLayers.Easing.Linear\n- */\n-OpenLayers.Easing.Linear = {\n+        // check the default style\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+\n+        // walk through all rules to check for properties in their symbolizer\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n+                    this.addPropertyStyles(propertyStyles, value);\n+                } else {\n+                    // symbolizer is a hash of style properties\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break;\n+                }\n+            }\n+        }\n+        return propertyStyles;\n+    },\n \n     /**\n-     * Function: easeIn\n+     * Method: addPropertyStyles\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n+     * propertyStyles - {Object} hash to add new property styles to. Will be\n+     *                  modified inline\n+     * symbolizer     - {Object} search this symbolizer for property styles\n+     * \n      * Returns:\n-     * {Float}\n+     * {Object} propertyStyles hash\n      */\n-    easeIn: function(t, b, c, d) {\n-        return c * t / d + b;\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" &&\n+                property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true;\n+            }\n+        }\n+        return propertyStyles;\n     },\n \n     /**\n-     * Function: easeOut\n+     * APIMethod: addRules\n+     * Adds rules to this style.\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n-     * Returns:\n-     * {Float}\n+     * rules - {Array(<OpenLayers.Rule>)}\n      */\n-    easeOut: function(t, b, c, d) {\n-        return c * t / d + b;\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles();\n     },\n \n     /**\n-     * Function: easeInOut\n+     * APIMethod: setDefaultStyle\n+     * Sets the default style for this style object.\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n+     * style - {Object} Hash of style properties\n+     */\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles();\n+    },\n+\n+    /**\n+     * Method: getSymbolizerPrefix\n+     * Returns the correct symbolizer prefix according to the\n+     * geometry type of the passed geometry\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {Float}\n+     * {String} key of the according symbolizer\n      */\n-    easeInOut: function(t, b, c, d) {\n-        return c * t / d + b;\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i];\n+            }\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Easing.Linear\"\n+    /**\n+     * APIMethod: clone\n+     * Clones this style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>} Clone of this style.\n+     */\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        // clone rules\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone());\n+            }\n+        }\n+        // clone context\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        //clone default style\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Style\"\n+});\n+\n+\n+/**\n+ * Function: createLiteral\n+ * converts a style value holding a combination of PropertyName and Literal\n+ * into a Literal, taking the property values from the passed features.\n+ * \n+ * Parameters:\n+ * value - {String} value to parse. If this string contains a construct like\n+ *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n+ *         will be replaced by the value of the \"bar\" attribute of the passed\n+ *         feature.\n+ * context - {Object} context to take attribute values from\n+ * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n+ *           <OpenLayers.String.format> for evaluating functions in the\n+ *           context.\n+ * property - {String} optional, name of the property for which the literal is\n+ *            being created for evaluating functions in the context.\n+ * \n+ * Returns:\n+ * {String} the parsed value. In the example of the value parameter above, the\n+ * result would be \"foo valueOfBar\", assuming that the passed feature has an\n+ * attribute named \"bar\" with the value \"valueOfBar\".\n+ */\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = (isNaN(value) || !value) ? value : parseFloat(value);\n+    }\n+    return value;\n };\n \n /**\n- * Namespace: OpenLayers.Easing.Expo\n+ * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n+ * {Array} prefixes of the sld symbolizers. These are the\n+ * same as the main geometry types\n  */\n-OpenLayers.Easing.Expo = {\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n+    'Raster'\n+];\n+/* ======================================================================\n+    OpenLayers/StyleMap.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.StyleMap\n+ */\n+OpenLayers.StyleMap = OpenLayers.Class({\n \n     /**\n-     * Function: easeIn\n+     * Property: styles\n+     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n+     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n+     */\n+    styles: null,\n+\n+    /**\n+     * Property: extendDefault\n+     * {Boolean} if true, every render intent will extend the symbolizers\n+     * specified for the \"default\" intent at rendering time. Otherwise, every\n+     * rendering intent will be treated as a completely independent style.\n+     */\n+    extendDefault: true,\n+\n+    /**\n+     * Constructor: OpenLayers.StyleMap\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n-     * Returns:\n-     * {Float}\n+     * style   - {Object} Optional. Either a style hash, or a style object, or\n+     *           a hash of style objects (style hashes) keyed by rendering\n+     *           intent. If just one style hash or style object is passed,\n+     *           this will be used for all known render intents (default,\n+     *           select, temporary)\n+     * options - {Object} optional hash of additional options for this\n+     *           instance\n      */\n-    easeIn: function(t, b, c, d) {\n-        return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;\n+    initialize: function(style, options) {\n+        this.styles = {\n+            \"default\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"default\"]),\n+            \"select\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"select\"]),\n+            \"temporary\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            \"delete\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+\n+        // take whatever the user passed as style parameter and convert it\n+        // into parts of stylemap.\n+        if (style instanceof OpenLayers.Style) {\n+            // user passed a style object\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style;\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    // user passed a hash of style objects\n+                    this.styles[key] = style[key];\n+                } else if (typeof style[key] == \"object\") {\n+                    // user passsed a hash of style hashes\n+                    this.styles[key] = new OpenLayers.Style(style[key]);\n+                } else {\n+                    // user passed a style hash (i.e. symbolizer)\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break;\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options);\n     },\n \n     /**\n-     * Function: easeOut\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy();\n+        }\n+        this.styles = null;\n+    },\n+\n+    /**\n+     * Method: createSymbolizer\n+     * Creates the symbolizer for a feature for a render intent.\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n+     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n+     *           of the intended style against.\n+     * intent  - {String} The intent determines the symbolizer that will be\n+     *           used to draw the feature. Well known intents are \"default\"\n+     *           (for just drawing the features), \"select\" (for selected\n+     *           features) and \"temporary\" (for drawing features).\n+     * \n      * Returns:\n-     * {Float}\n+     * {Object} symbolizer hash\n      */\n-    easeOut: function(t, b, c, d) {\n-        return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector();\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\";\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer,\n+            this.styles[intent].createSymbolizer(feature));\n     },\n \n     /**\n-     * Function: easeInOut\n+     * Method: addUniqueValueRules\n+     * Convenience method to create comparison rules for unique values of a\n+     * property. The rules will be added to the style object for a specified\n+     * rendering intent. This method is a shortcut for creating something like\n+     * the \"unique value legends\" familiar from well known desktop GIS systems\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n-     * Returns:\n-     * {Float}\n+     * renderIntent - {String} rendering intent to add the rules to\n+     * property     - {String} values of feature attributes to create the\n+     *                rules for\n+     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n+     *                property values \n+     * context      - {Object} An optional object with properties that\n+     *                symbolizers' property values should be evaluated\n+     *                against. If no context is specified, feature.attributes\n+     *                will be used\n      */\n-    easeInOut: function(t, b, c, d) {\n-        if (t == 0) return b;\n-        if (t == d) return b + c;\n-        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;\n-        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }));\n+        }\n+        this.styles[renderIntent].addRules(rules);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Easing.Expo\"\n-};\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+/* ======================================================================\n+    OpenLayers/Tile.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n \n /**\n- * Namespace: OpenLayers.Easing.Quad\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n  */\n-OpenLayers.Easing.Quad = {\n+\n+/**\n+ * Class: OpenLayers.Tile \n+ * This is a class designed to designate a single tile, however\n+ *     it is explicitly designed to do relatively little. Tiles store \n+ *     information about themselves -- such as the URL that they are related\n+ *     to, and their size - but do not add themselves to the layer div \n+ *     automatically, for example. Create a new tile with the \n+ *     <OpenLayers.Tile> constructor, or a subclass. \n+ * \n+ * TBD 3.0 - remove reference to url in above paragraph\n+ * \n+ */\n+OpenLayers.Tile = OpenLayers.Class({\n \n     /**\n-     * Function: easeIn\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the tile.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * tile.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types:\n+     * beforedraw - Triggered before the tile is drawn. Used to defer\n+     *     drawing to an animation queue. To defer drawing, listeners need\n+     *     to return false, which will abort drawing. The queue handler needs\n+     *     to call <draw>(true) to actually draw the tile.\n+     * loadstart - Triggered when tile loading starts.\n+     * loadend - Triggered when tile loading ends.\n+     * loaderror - Triggered before the loadend event (i.e. when the tile is\n+     *     still hidden) if the tile could not be loaded.\n+     * reload - Triggered when an already loading tile is reloaded.\n+     * unload - Triggered before a tile is unloaded.\n+     */\n+    events: null,\n+\n+    /**\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n+     *\n+     * This options can be set in the ``tileOptions`` option from\n+     * <OpenLayers.Layer.Grid>. For example, to be notified of the\n+     * ``loadend`` event of each tiles:\n+     * (code)\n+     * new OpenLayers.Layer.OSM('osm', 'http://tile.openstreetmap.org/${z}/${x}/${y}.png', {\n+     *     tileOptions: {\n+     *         eventListeners: {\n+     *             'loadend': function(evt) {\n+     *                 // do something on loadend\n+     *             }\n+     *         }\n+     *     }\n+     * });\n+     * (end)\n+     */\n+    eventListeners: null,\n+\n+    /**\n+     * Property: id \n+     * {String} null\n+     */\n+    id: null,\n+\n+    /** \n+     * Property: layer \n+     * {<OpenLayers.Layer>} layer the tile is attached to \n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: url\n+     * {String} url of the request.\n+     *\n+     * TBD 3.0 \n+     * Deprecated. The base tile class does not need an url. This should be \n+     * handled in subclasses. Does not belong here.\n+     */\n+    url: null,\n+\n+    /** \n+     * APIProperty: bounds \n+     * {<OpenLayers.Bounds>} null\n+     */\n+    bounds: null,\n+\n+    /** \n+     * Property: size \n+     * {<OpenLayers.Size>} null\n+     */\n+    size: null,\n+\n+    /** \n+     * Property: position \n+     * {<OpenLayers.Pixel>} Top Left pixel of the tile\n+     */\n+    position: null,\n+\n+    /**\n+     * Property: isLoading\n+     * {Boolean} Is the tile loading?\n+     */\n+    isLoading: false,\n+\n+    /** TBD 3.0 -- remove 'url' from the list of parameters to the constructor.\n+     *             there is no need for the base tile class to have a url.\n+     */\n+\n+    /** \n+     * Constructor: OpenLayers.Tile\n+     * Constructor for a new <OpenLayers.Tile> instance.\n      * \n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n+     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n+     * position - {<OpenLayers.Pixel>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     * url - {<String>}\n+     * size - {<OpenLayers.Size>}\n+     * options - {Object}\n+     */\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        this.layer = layer;\n+        this.position = position.clone();\n+        this.setBounds(bounds);\n+        this.url = url;\n+        if (size) {\n+            this.size = size.clone();\n+        }\n+\n+        //give the tile a unique id based on its BBOX.\n+        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n+\n+        OpenLayers.Util.extend(this, options);\n+\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners);\n+        }\n+    },\n+\n+    /**\n+     * Method: unload\n+     * Call immediately before destroying if you are listening to tile\n+     * events, so that counters are properly handled if tile is still\n+     * loading at destroy-time. Will only fire an event if the tile is\n+     * still loading.\n+     */\n+    unload: function() {\n+        if (this.isLoading) {\n+            this.isLoading = false;\n+            this.events.triggerEvent(\"unload\");\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: destroy\n+     * Nullify references to prevent circular references and memory leaks.\n+     */\n+    destroy: function() {\n+        this.layer = null;\n+        this.bounds = null;\n+        this.size = null;\n+        this.position = null;\n+\n+        if (this.eventListeners) {\n+            this.events.un(this.eventListeners);\n+        }\n+        this.events.destroy();\n+        this.eventListeners = null;\n+        this.events = null;\n+    },\n+\n+    /**\n+     * Method: draw\n+     * Clear whatever is currently in the tile, then return whether or not \n+     *     it should actually be re-drawn. This is an example implementation\n+     *     that can be overridden by subclasses. The minimum thing to do here\n+     *     is to call <clear> and return the result from <shouldDraw>.\n      *\n+     * Parameters:\n+     * force - {Boolean} If true, the tile will not be cleared and no beforedraw\n+     *     event will be fired. This is used for drawing tiles asynchronously\n+     *     after drawing has been cancelled by returning false from a beforedraw\n+     *     listener.\n+     * \n      * Returns:\n-     * {Float}\n+     * {Boolean} Whether or not the tile should actually be drawn. Returns null\n+     *     if a beforedraw listener returned false.\n      */\n-    easeIn: function(t, b, c, d) {\n-        return c * (t /= d) * t + b;\n+    draw: function(force) {\n+        if (!force) {\n+            //clear tile's contents and mark as not drawn\n+            this.clear();\n+        }\n+        var draw = this.shouldDraw();\n+        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n+            draw = null;\n+        }\n+        return draw;\n     },\n \n     /**\n-     * Function: easeOut\n+     * Method: shouldDraw\n+     * Return whether or not the tile should actually be (re-)drawn. The only\n+     * case where we *wouldn't* want to draw the tile is if the tile is outside\n+     * its layer's maxExtent\n      * \n-     * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n-     *\n      * Returns:\n-     * {Float}\n+     * {Boolean} Whether or not the tile should actually be drawn.\n      */\n-    easeOut: function(t, b, c, d) {\n-        return -c * (t /= d) * (t - 2) + b;\n+    shouldDraw: function() {\n+        var withinMaxExtent = false,\n+            maxExtent = this.layer.maxExtent;\n+        if (maxExtent) {\n+            var map = this.layer.map;\n+            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n+            if (this.bounds.intersectsBounds(maxExtent, {\n+                    inclusive: false,\n+                    worldBounds: worldBounds\n+                })) {\n+                withinMaxExtent = true;\n+            }\n+        }\n+\n+        return withinMaxExtent || this.layer.displayOutsideMaxExtent;\n     },\n \n     /**\n-     * Function: easeInOut\n-     * \n+     * Method: setBounds\n+     * Sets the bounds on this instance\n+     *\n      * Parameters:\n-     * t - {Float} time\n-     * b - {Float} beginning position\n-     * c - {Float} total change\n-     * d - {Float} duration of the transition\n+     * bounds {<OpenLayers.Bounds>}\n+     */\n+    setBounds: function(bounds) {\n+        bounds = bounds.clone();\n+        if (this.layer.map.baseLayer.wrapDateLine) {\n+            var worldExtent = this.layer.map.getMaxExtent(),\n+                tolerance = this.layer.map.getResolution();\n+            bounds = bounds.wrapDateLine(worldExtent, {\n+                leftTolerance: tolerance,\n+                rightTolerance: tolerance\n+            });\n+        }\n+        this.bounds = bounds;\n+    },\n+\n+    /** \n+     * Method: moveTo\n+     * Reposition the tile.\n      *\n-     * Returns:\n-     * {Float}\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * position - {<OpenLayers.Pixel>}\n+     * redraw - {Boolean} Call draw method on tile after moving.\n+     *     Default is true\n      */\n-    easeInOut: function(t, b, c, d) {\n-        if ((t /= d / 2) < 1) return c / 2 * t * t + b;\n-        return -c / 2 * ((--t) * (t - 2) - 1) + b;\n+    moveTo: function(bounds, position, redraw) {\n+        if (redraw == null) {\n+            redraw = true;\n+        }\n+\n+        this.setBounds(bounds);\n+        this.position = position.clone();\n+        if (redraw) {\n+            this.draw();\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Easing.Quad\"\n-};\n+    /** \n+     * Method: clear\n+     * Clear the tile of any bounds/position-related data so that it can \n+     *     be reused in a new location.\n+     */\n+    clear: function(draw) {\n+        // to be extended by subclasses\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Tile\"\n+});\n /* ======================================================================\n     OpenLayers/Events.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -6402,14 +7262,1549 @@\n \n         OpenLayers.Event.observe(element, 'MSPointerUp', cb);\n     },\n \n     CLASS_NAME: \"OpenLayers.Events\"\n });\n /* ======================================================================\n+    OpenLayers/Request/XMLHttpRequest.js\n+   ====================================================================== */\n+\n+// XMLHttpRequest.js Copyright (C) 2010 Sergey Ilinsky (http://www.ilinsky.com)\n+//\n+// Licensed under the Apache License, Version 2.0 (the \"License\");\n+// you may not use this file except in compliance with the License.\n+// You may obtain a copy of the License at\n+//\n+//   http://www.apache.org/licenses/LICENSE-2.0\n+//\n+// Unless required by applicable law or agreed to in writing, software\n+// distributed under the License is distributed on an \"AS IS\" BASIS,\n+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n+// See the License for the specific language governing permissions and\n+// limitations under the License.\n+\n+/**\n+ * @requires OpenLayers/Request.js\n+ */\n+\n+(function() {\n+\n+    // Save reference to earlier defined object implementation (if any)\n+    var oXMLHttpRequest = window.XMLHttpRequest;\n+\n+    // Define on browser type\n+    var bGecko = !!window.controllers,\n+        bIE = window.document.all && !window.opera,\n+        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n+\n+    // Enables \"XMLHttpRequest()\" call next to \"new XMLHttpReques()\"\n+    function fXMLHttpRequest() {\n+        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n+        this._listeners = [];\n+    };\n+\n+    // Constructor\n+    function cXMLHttpRequest() {\n+        return new fXMLHttpRequest;\n+    };\n+    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n+\n+    // BUGFIX: Firefox with Firebug installed would break pages if not executed\n+    if (bGecko && oXMLHttpRequest.wrapped)\n+        cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n+\n+    // Constants\n+    cXMLHttpRequest.UNSENT = 0;\n+    cXMLHttpRequest.OPENED = 1;\n+    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n+    cXMLHttpRequest.LOADING = 3;\n+    cXMLHttpRequest.DONE = 4;\n+\n+    // Public Properties\n+    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n+    cXMLHttpRequest.prototype.responseText = '';\n+    cXMLHttpRequest.prototype.responseXML = null;\n+    cXMLHttpRequest.prototype.status = 0;\n+    cXMLHttpRequest.prototype.statusText = '';\n+\n+    // Priority proposal\n+    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n+\n+    // Instance-level Events Handlers\n+    cXMLHttpRequest.prototype.onreadystatechange = null;\n+\n+    // Class-level Events Handlers\n+    cXMLHttpRequest.onreadystatechange = null;\n+    cXMLHttpRequest.onopen = null;\n+    cXMLHttpRequest.onsend = null;\n+    cXMLHttpRequest.onabort = null;\n+\n+    // Public Methods\n+    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n+        // Delete headers, required when object is reused\n+        delete this._headers;\n+\n+        // When bAsync parameter value is omitted, use true as default\n+        if (arguments.length < 3)\n+            bAsync = true;\n+\n+        // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests\n+        this._async = bAsync;\n+\n+        // Set the onreadystatechange handler\n+        var oRequest = this,\n+            nState = this.readyState,\n+            fOnUnload;\n+\n+        // BUGFIX: IE - memory leak on page unload (inter-page leak)\n+        if (bIE && bAsync) {\n+            fOnUnload = function() {\n+                if (nState != cXMLHttpRequest.DONE) {\n+                    fCleanTransport(oRequest);\n+                    // Safe to abort here since onreadystatechange handler removed\n+                    oRequest.abort();\n+                }\n+            };\n+            window.attachEvent(\"onunload\", fOnUnload);\n+        }\n+\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onopen)\n+            cXMLHttpRequest.onopen.apply(this, arguments);\n+\n+        if (arguments.length > 4)\n+            this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+        else\n+        if (arguments.length > 3)\n+            this._object.open(sMethod, sUrl, bAsync, sUser);\n+        else\n+            this._object.open(sMethod, sUrl, bAsync);\n+\n+        this.readyState = cXMLHttpRequest.OPENED;\n+        fReadyStateChange(this);\n+\n+        this._object.onreadystatechange = function() {\n+            if (bGecko && !bAsync)\n+                return;\n+\n+            // Synchronize state\n+            oRequest.readyState = oRequest._object.readyState;\n+\n+            //\n+            fSynchronizeValues(oRequest);\n+\n+            // BUGFIX: Firefox fires unnecessary DONE when aborting\n+            if (oRequest._aborted) {\n+                // Reset readyState to UNSENT\n+                oRequest.readyState = cXMLHttpRequest.UNSENT;\n+\n+                // Return now\n+                return;\n+            }\n+\n+            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                // Free up queue\n+                delete oRequest._data;\n+                /*                if (bAsync)\n+                                    fQueue_remove(oRequest);*/\n+                //\n+                fCleanTransport(oRequest);\n+                // Uncomment this block if you need a fix for IE cache\n+                /*\n+                                // BUGFIX: IE - cache issue\n+                                if (!oRequest._object.getResponseHeader(\"Date\")) {\n+                                    // Save object to cache\n+                                    oRequest._cached    = oRequest._object;\n+\n+                                    // Instantiate a new transport object\n+                                    cXMLHttpRequest.call(oRequest);\n+\n+                                    // Re-send request\n+                                    if (sUser) {\n+                                         if (sPassword)\n+                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+                                        else\n+                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser);\n+                                    }\n+                                    else\n+                                        oRequest._object.open(sMethod, sUrl, bAsync);\n+                                    oRequest._object.setRequestHeader(\"If-Modified-Since\", oRequest._cached.getResponseHeader(\"Last-Modified\") || new window.Date(0));\n+                                    // Copy headers set\n+                                    if (oRequest._headers)\n+                                        for (var sHeader in oRequest._headers)\n+                                            if (typeof oRequest._headers[sHeader] == \"string\")    // Some frameworks prototype objects with functions\n+                                                oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]);\n+\n+                                    oRequest._object.onreadystatechange    = function() {\n+                                        // Synchronize state\n+                                        oRequest.readyState        = oRequest._object.readyState;\n+\n+                                        if (oRequest._aborted) {\n+                                            //\n+                                            oRequest.readyState    = cXMLHttpRequest.UNSENT;\n+\n+                                            // Return\n+                                            return;\n+                                        }\n+\n+                                        if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                                            // Clean Object\n+                                            fCleanTransport(oRequest);\n+\n+                                            // get cached request\n+                                            if (oRequest.status == 304)\n+                                                oRequest._object    = oRequest._cached;\n+\n+                                            //\n+                                            delete oRequest._cached;\n+\n+                                            //\n+                                            fSynchronizeValues(oRequest);\n+\n+                                            //\n+                                            fReadyStateChange(oRequest);\n+\n+                                            // BUGFIX: IE - memory leak in interrupted\n+                                            if (bIE && bAsync)\n+                                                window.detachEvent(\"onunload\", fOnUnload);\n+                                        }\n+                                    };\n+                                    oRequest._object.send(null);\n+\n+                                    // Return now - wait until re-sent request is finished\n+                                    return;\n+                                };\n+                */\n+                // BUGFIX: IE - memory leak in interrupted\n+                if (bIE && bAsync)\n+                    window.detachEvent(\"onunload\", fOnUnload);\n+            }\n+\n+            // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice\n+            if (nState != oRequest.readyState)\n+                fReadyStateChange(oRequest);\n+\n+            nState = oRequest.readyState;\n+        }\n+    };\n+\n+    function fXMLHttpRequest_send(oRequest) {\n+        oRequest._object.send(oRequest._data);\n+\n+        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests\n+        if (bGecko && !oRequest._async) {\n+            oRequest.readyState = cXMLHttpRequest.OPENED;\n+\n+            // Synchronize state\n+            fSynchronizeValues(oRequest);\n+\n+            // Simulate missing states\n+            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n+                oRequest.readyState++;\n+                fReadyStateChange(oRequest);\n+                // Check if we are aborted\n+                if (oRequest._aborted)\n+                    return;\n+            }\n+        }\n+    };\n+    cXMLHttpRequest.prototype.send = function(vData) {\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onsend)\n+            cXMLHttpRequest.onsend.apply(this, arguments);\n+\n+        if (!arguments.length)\n+            vData = null;\n+\n+        // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required\n+        // BUGFIX: IE - rewrites any custom mime-type to \"text/xml\" in case an XMLNode is sent\n+        // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard)\n+        if (vData && vData.nodeType) {\n+            vData = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml;\n+            if (!this._headers[\"Content-Type\"])\n+                this._object.setRequestHeader(\"Content-Type\", \"application/xml\");\n+        }\n+\n+        this._data = vData;\n+        /*\n+                // Add to queue\n+                if (this._async)\n+                    fQueue_add(this);\n+                else*/\n+        fXMLHttpRequest_send(this);\n+    };\n+    cXMLHttpRequest.prototype.abort = function() {\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onabort)\n+            cXMLHttpRequest.onabort.apply(this, arguments);\n+\n+        // BUGFIX: Gecko - unnecessary DONE when aborting\n+        if (this.readyState > cXMLHttpRequest.UNSENT)\n+            this._aborted = true;\n+\n+        this._object.abort();\n+\n+        // BUGFIX: IE - memory leak\n+        fCleanTransport(this);\n+\n+        this.readyState = cXMLHttpRequest.UNSENT;\n+\n+        delete this._data;\n+        /*        if (this._async)\n+                    fQueue_remove(this);*/\n+    };\n+    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n+        return this._object.getAllResponseHeaders();\n+    };\n+    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n+        return this._object.getResponseHeader(sName);\n+    };\n+    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n+        // BUGFIX: IE - cache issue\n+        if (!this._headers)\n+            this._headers = {};\n+        this._headers[sName] = sValue;\n+\n+        return this._object.setRequestHeader(sName, sValue);\n+    };\n+\n+    // EventTarget interface implementation\n+    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n+                return;\n+        // Add listener\n+        this._listeners.push([sName, fHandler, bUseCapture]);\n+    };\n+\n+    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n+                break;\n+        // Remove listener\n+        if (oListener)\n+            this._listeners.splice(nIndex, 1);\n+    };\n+\n+    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n+        var oEventPseudo = {\n+            'type': oEvent.type,\n+            'target': this,\n+            'currentTarget': this,\n+            'eventPhase': 2,\n+            'bubbles': oEvent.bubbles,\n+            'cancelable': oEvent.cancelable,\n+            'timeStamp': oEvent.timeStamp,\n+            'stopPropagation': function() {}, // There is no flow\n+            'preventDefault': function() {}, // There is no default action\n+            'initEvent': function() {} // Original event object should be initialized\n+        };\n+\n+        // Execute onreadystatechange\n+        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)\n+            (this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n+\n+        // Execute listeners\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == oEventPseudo.type && !oListener[2])\n+                (oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo]);\n+    };\n+\n+    //\n+    cXMLHttpRequest.prototype.toString = function() {\n+        return '[' + \"object\" + ' ' + \"XMLHttpRequest\" + ']';\n+    };\n+\n+    cXMLHttpRequest.toString = function() {\n+        return '[' + \"XMLHttpRequest\" + ']';\n+    };\n+\n+    // Helper function\n+    function fReadyStateChange(oRequest) {\n+        // Sniffing code\n+        if (cXMLHttpRequest.onreadystatechange)\n+            cXMLHttpRequest.onreadystatechange.apply(oRequest);\n+\n+        // Fake event\n+        oRequest.dispatchEvent({\n+            'type': \"readystatechange\",\n+            'bubbles': false,\n+            'cancelable': false,\n+            'timeStamp': new Date + 0\n+        });\n+    };\n+\n+    function fGetDocument(oRequest) {\n+        var oDocument = oRequest.responseXML,\n+            sResponse = oRequest.responseText;\n+        // Try parsing responseText\n+        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n+            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n+            oDocument.async = false;\n+            oDocument.validateOnParse = false;\n+            oDocument.loadXML(sResponse);\n+        }\n+        // Check if there is no error in document\n+        if (oDocument)\n+            if ((bIE && oDocument.parseError != 0) || !oDocument.documentElement || (oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\"))\n+                return null;\n+        return oDocument;\n+    };\n+\n+    function fSynchronizeValues(oRequest) {\n+        try {\n+            oRequest.responseText = oRequest._object.responseText;\n+        } catch (e) {}\n+        try {\n+            oRequest.responseXML = fGetDocument(oRequest._object);\n+        } catch (e) {}\n+        try {\n+            oRequest.status = oRequest._object.status;\n+        } catch (e) {}\n+        try {\n+            oRequest.statusText = oRequest._object.statusText;\n+        } catch (e) {}\n+    };\n+\n+    function fCleanTransport(oRequest) {\n+        // BUGFIX: IE - memory leak (on-page leak)\n+        oRequest._object.onreadystatechange = new window.Function;\n+    };\n+    /*\n+        // Queue manager\n+        var oQueuePending    = {\"CRITICAL\":[],\"HIGH\":[],\"NORMAL\":[],\"LOW\":[],\"LOWEST\":[]},\n+            aQueueRunning    = [];\n+        function fQueue_add(oRequest) {\n+            oQueuePending[oRequest.priority in oQueuePending ? oRequest.priority : \"NORMAL\"].push(oRequest);\n+            //\n+            setTimeout(fQueue_process);\n+        };\n+\n+        function fQueue_remove(oRequest) {\n+            for (var nIndex = 0, bFound    = false; nIndex < aQueueRunning.length; nIndex++)\n+                if (bFound)\n+                    aQueueRunning[nIndex - 1]    = aQueueRunning[nIndex];\n+                else\n+                if (aQueueRunning[nIndex] == oRequest)\n+                    bFound    = true;\n+            if (bFound)\n+                aQueueRunning.length--;\n+            //\n+            setTimeout(fQueue_process);\n+        };\n+\n+        function fQueue_process() {\n+            if (aQueueRunning.length < 6) {\n+                for (var sPriority in oQueuePending) {\n+                    if (oQueuePending[sPriority].length) {\n+                        var oRequest    = oQueuePending[sPriority][0];\n+                        oQueuePending[sPriority]    = oQueuePending[sPriority].slice(1);\n+                        //\n+                        aQueueRunning.push(oRequest);\n+                        // Send request\n+                        fXMLHttpRequest_send(oRequest);\n+                        break;\n+                    }\n+                }\n+            }\n+        };\n+    */\n+    // Internet Explorer 5.0 (missing apply)\n+    if (!window.Function.prototype.apply) {\n+        window.Function.prototype.apply = function(oRequest, oArguments) {\n+            if (!oArguments)\n+                oArguments = [];\n+            oRequest.__func = this;\n+            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n+            delete oRequest.__func;\n+        };\n+    };\n+\n+    // Register new object with window\n+    /**\n+     * Class: OpenLayers.Request.XMLHttpRequest\n+     * Standard-compliant (W3C) cross-browser implementation of the\n+     *     XMLHttpRequest object.  From\n+     *     http://code.google.com/p/xmlhttprequest/.\n+     */\n+    if (!OpenLayers.Request) {\n+        /**\n+         * This allows for OpenLayers/Request.js to be included\n+         * before or after this script.\n+         */\n+        OpenLayers.Request = {};\n+    }\n+    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest;\n+})();\n+/* ======================================================================\n+    OpenLayers/Request.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ */\n+\n+/**\n+ * TODO: deprecate me\n+ * Use OpenLayers.Request.proxy instead.\n+ */\n+OpenLayers.ProxyHost = \"\";\n+\n+/**\n+ * Namespace: OpenLayers.Request\n+ * The OpenLayers.Request namespace contains convenience methods for working\n+ *     with XMLHttpRequests.  These methods work with a cross-browser\n+ *     W3C compliant <OpenLayers.Request.XMLHttpRequest> class.\n+ */\n+if (!OpenLayers.Request) {\n+    /**\n+     * This allows for OpenLayers/Request/XMLHttpRequest.js to be included\n+     * before or after this script.\n+     */\n+    OpenLayers.Request = {};\n+}\n+OpenLayers.Util.extend(OpenLayers.Request, {\n+\n+    /**\n+     * Constant: DEFAULT_CONFIG\n+     * {Object} Default configuration for all requests.\n+     */\n+    DEFAULT_CONFIG: {\n+        method: \"GET\",\n+        url: window.location.href,\n+        async: true,\n+        user: undefined,\n+        password: undefined,\n+        params: null,\n+        proxy: OpenLayers.ProxyHost,\n+        headers: {},\n+        data: null,\n+        callback: function() {},\n+        success: null,\n+        failure: null,\n+        scope: null\n+    },\n+\n+    /**\n+     * Constant: URL_SPLIT_REGEX\n+     */\n+    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n+\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the {<OpenLayers.Request>} object.\n+     *\n+     * All event listeners will receive an event object with three properties:\n+     * request - {<OpenLayers.Request.XMLHttpRequest>} The request object.\n+     * config - {Object} The config object sent to the specific request method.\n+     * requestUrl - {String} The request url.\n+     * \n+     * Supported event types:\n+     * complete - Triggered when we have a response from the request, if a\n+     *     listener returns false, no further response processing will take\n+     *     place.\n+     * success - Triggered when the HTTP response has a success code (200-299).\n+     * failure - Triggered when the HTTP response does not have a success code.\n+     */\n+    events: new OpenLayers.Events(this),\n+\n+    /**\n+     * Method: makeSameOrigin\n+     * Using the specified proxy, returns a same origin url of the provided url.\n+     *\n+     * Parameters:\n+     * url - {String} An arbitrary url\n+     * proxy {String|Function} The proxy to use to make the provided url a\n+     *     same origin url.\n+     *\n+     * Returns\n+     * {String} the same origin url. If no proxy is provided, the returned url\n+     *     will be the same as the provided url.\n+     */\n+    makeSameOrigin: function(url, proxy) {\n+        var sameOrigin = url.indexOf(\"http\") !== 0;\n+        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n+        if (urlParts) {\n+            var location = window.location;\n+            sameOrigin =\n+                urlParts[1] == location.protocol &&\n+                urlParts[3] == location.hostname;\n+            var uPort = urlParts[4],\n+                lPort = location.port;\n+            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n+                sameOrigin = sameOrigin && uPort == lPort;\n+            }\n+        }\n+        if (!sameOrigin) {\n+            if (proxy) {\n+                if (typeof proxy == \"function\") {\n+                    url = proxy(url);\n+                } else {\n+                    url = proxy + encodeURIComponent(url);\n+                }\n+            }\n+        }\n+        return url;\n+    },\n+\n+    /**\n+     * APIMethod: issue\n+     * Create a new XMLHttpRequest object, open it, set any headers, bind\n+     *     a callback to done state, and send any data.  It is recommended that\n+     *     you use one <GET>, <POST>, <PUT>, <DELETE>, <OPTIONS>, or <HEAD>.\n+     *     This method is only documented to provide detail on the configuration\n+     *     options available to all request methods.\n+     *\n+     * Parameters:\n+     * config - {Object} Object containing properties for configuring the\n+     *     request.  Allowed configuration properties are described below.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Allowed config properties:\n+     * method - {String} One of GET, POST, PUT, DELETE, HEAD, or\n+     *     OPTIONS.  Default is GET.\n+     * url - {String} URL for the request.\n+     * async - {Boolean} Open an asynchronous request.  Default is true.\n+     * user - {String} User for relevant authentication scheme.  Set\n+     *     to null to clear current user.\n+     * password - {String} Password for relevant authentication scheme.\n+     *     Set to null to clear current password.\n+     * proxy - {String} Optional proxy.  Defaults to\n+     *     <OpenLayers.ProxyHost>.\n+     * params - {Object} Any key:value pairs to be appended to the\n+     *     url as a query string.  Assumes url doesn't already include a query\n+     *     string or hash.  Typically, this is only appropriate for <GET>\n+     *     requests where the query string will be appended to the url.\n+     *     Parameter values that are arrays will be\n+     *     concatenated with a comma (note that this goes against form-encoding)\n+     *     as is done with <OpenLayers.Util.getParameterString>.\n+     * headers - {Object} Object with header:value pairs to be set on\n+     *     the request.\n+     * data - {String | Document} Optional data to send with the request.\n+     *     Typically, this is only used with <POST> and <PUT> requests.\n+     *     Make sure to provide the appropriate \"Content-Type\" header for your\n+     *     data.  For <POST> and <PUT> requests, the content type defaults to\n+     *     \"application-xml\".  If your data is a different content type, or\n+     *     if you are using a different HTTP method, set the \"Content-Type\"\n+     *     header to match your data type.\n+     * callback - {Function} Function to call when request is done.\n+     *     To determine if the request failed, check request.status (200\n+     *     indicates success).\n+     * success - {Function} Optional function to call if request status is in\n+     *     the 200s.  This will be called in addition to callback above and\n+     *     would typically only be used as an alternative.\n+     * failure - {Function} Optional function to call if request status is not\n+     *     in the 200s.  This will be called in addition to callback above and\n+     *     would typically only be used as an alternative.\n+     * scope - {Object} If callback is a public method on some object,\n+     *     set the scope to that object.\n+     *\n+     * Returns:\n+     * {XMLHttpRequest} Request object.  To abort the request before a response\n+     *     is received, call abort() on the request object.\n+     */\n+    issue: function(config) {\n+        // apply default config - proxy host may have changed\n+        var defaultConfig = OpenLayers.Util.extend(\n+            this.DEFAULT_CONFIG, {\n+                proxy: OpenLayers.ProxyHost\n+            }\n+        );\n+        config = config || {};\n+        config.headers = config.headers || {};\n+        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n+        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n+        // Always set the \"X-Requested-With\" header to signal that this request\n+        // was issued through the XHR-object. Since header keys are case \n+        // insensitive and we want to allow overriding of the \"X-Requested-With\"\n+        // header through the user we cannot use applyDefaults, but have to \n+        // check manually whether we were called with a \"X-Requested-With\"\n+        // header.\n+        var customRequestedWithHeader = false,\n+            headerKey;\n+        for (headerKey in config.headers) {\n+            if (config.headers.hasOwnProperty(headerKey)) {\n+                if (headerKey.toLowerCase() === 'x-requested-with') {\n+                    customRequestedWithHeader = true;\n+                }\n+            }\n+        }\n+        if (customRequestedWithHeader === false) {\n+            // we did not have a custom \"X-Requested-With\" header\n+            config.headers['X-Requested-With'] = 'XMLHttpRequest';\n+        }\n+\n+        // create request, open, and set headers\n+        var request = new OpenLayers.Request.XMLHttpRequest();\n+        var url = OpenLayers.Util.urlAppend(config.url,\n+            OpenLayers.Util.getParameterString(config.params || {}));\n+        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n+        request.open(\n+            config.method, url, config.async, config.user, config.password\n+        );\n+        for (var header in config.headers) {\n+            request.setRequestHeader(header, config.headers[header]);\n+        }\n+\n+        var events = this.events;\n+\n+        // we want to execute runCallbacks with \"this\" as the\n+        // execution scope\n+        var self = this;\n+\n+        request.onreadystatechange = function() {\n+            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n+                var proceed = events.triggerEvent(\n+                    \"complete\", {\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    }\n+                );\n+                if (proceed !== false) {\n+                    self.runCallbacks({\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    });\n+                }\n+            }\n+        };\n+\n+        // send request (optionally with data) and return\n+        // call in a timeout for asynchronous requests so the return is\n+        // available before readyState == 4 for cached docs\n+        if (config.async === false) {\n+            request.send(config.data);\n+        } else {\n+            window.setTimeout(function() {\n+                if (request.readyState !== 0) { // W3C: 0-UNSENT\n+                    request.send(config.data);\n+                }\n+            }, 0);\n+        }\n+        return request;\n+    },\n+\n+    /**\n+     * Method: runCallbacks\n+     * Calls the complete, success and failure callbacks. Application\n+     *    can listen to the \"complete\" event, have the listener \n+     *    display a confirm window and always return false, and\n+     *    execute OpenLayers.Request.runCallbacks if the user\n+     *    hits \"yes\" in the confirm window.\n+     *\n+     * Parameters:\n+     * options - {Object} Hash containing request, config and requestUrl keys\n+     */\n+    runCallbacks: function(options) {\n+        var request = options.request;\n+        var config = options.config;\n+\n+        // bind callbacks to readyState 4 (done)\n+        var complete = (config.scope) ?\n+            OpenLayers.Function.bind(config.callback, config.scope) :\n+            config.callback;\n+\n+        // optional success callback\n+        var success;\n+        if (config.success) {\n+            success = (config.scope) ?\n+                OpenLayers.Function.bind(config.success, config.scope) :\n+                config.success;\n+        }\n+\n+        // optional failure callback\n+        var failure;\n+        if (config.failure) {\n+            failure = (config.scope) ?\n+                OpenLayers.Function.bind(config.failure, config.scope) :\n+                config.failure;\n+        }\n+\n+        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" &&\n+            request.responseText) {\n+            request.status = 200;\n+        }\n+        complete(request);\n+\n+        if (!request.status || (request.status >= 200 && request.status < 300)) {\n+            this.events.triggerEvent(\"success\", options);\n+            if (success) {\n+                success(request);\n+            }\n+        }\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"failure\", options);\n+            if (failure) {\n+                failure(request);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: GET\n+     * Send an HTTP GET request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to GET.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    GET: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"GET\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: POST\n+     * Send a POST request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to POST and \"Content-Type\" header set to \"application/xml\".\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.  The\n+     *     default \"Content-Type\" header will be set to \"application-xml\" if\n+     *     none is provided.  This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    POST: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"POST\"\n+        });\n+        // set content type to application/xml if it isn't already set\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\";\n+        }\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: PUT\n+     * Send an HTTP PUT request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to PUT and \"Content-Type\" header set to \"application/xml\".\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.  The\n+     *     default \"Content-Type\" header will be set to \"application-xml\" if\n+     *     none is provided.  This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    PUT: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"PUT\"\n+        });\n+        // set content type to application/xml if it isn't already set\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\";\n+        }\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: DELETE\n+     * Send an HTTP DELETE request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to DELETE.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    DELETE: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"DELETE\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: HEAD\n+     * Send an HTTP HEAD request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to HEAD.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    HEAD: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"HEAD\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: OPTIONS\n+     * Send an HTTP OPTIONS request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to OPTIONS.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    OPTIONS: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"OPTIONS\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    }\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Util/vendorPrefix.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+OpenLayers.Util = OpenLayers.Util || {};\n+/**\n+ * Namespace: OpenLayers.Util.vendorPrefix\n+ * A collection of utility functions to detect vendor prefixed features\n+ */\n+OpenLayers.Util.vendorPrefix = (function() {\n+    \"use strict\";\n+\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+\n+    /**\n+     * Function: domToCss\n+     * Converts a upper camel case DOM style property name to a CSS property\n+     *      i.e. transformOrigin -> transform-origin\n+     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n+     *\n+     * Parameters:\n+     * prefixedDom - {String} The property to convert\n+     *\n+     * Returns:\n+     * {String} The CSS property\n+     */\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null;\n+        }\n+        return prefixedDom.\n+        replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase();\n+        }).\n+        replace(/^ms-/, \"-ms-\");\n+    }\n+\n+    /**\n+     * APIMethod: css\n+     * Detect which property is used for a CSS property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) CSS property name\n+     *\n+     * Returns:\n+     * {String} The standard CSS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.\n+            replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase();\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom);\n+        }\n+        return cssCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: js\n+     * Detect which property is used for a JS property/method\n+     *\n+     * Parameters:\n+     * obj - {Object} The object to test on\n+     * property - {String} The standard (unprefixed) JS property name\n+     *\n+     * Returns:\n+     * {String} The standard JS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp,\n+                i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix,\n+                isStyleObj = (typeof obj.cssText !== \"undefined\");\n+\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        // js prefix should be lower-case, while style\n+                        // properties have upper case on first character\n+                        prefix = prefix.toLowerCase();\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n+                } else {\n+                    tmpProp = property;\n+                }\n+\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break;\n+                }\n+            }\n+        }\n+        return jsCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: style\n+     * Detect which property is used for a DOM style property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) style property name\n+     *\n+     * Returns:\n+     * {String} The standard style property, prefixed property or null if not\n+     *          supported\n+     */\n+    function style(property) {\n+        return js(divStyle, property);\n+    }\n+\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+\n+        // used for testing\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    };\n+}());\n+/* ======================================================================\n+    OpenLayers/Animation.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ * @requires OpenLayers/Util/vendorPrefix.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Animation\n+ * A collection of utility functions for executing methods that repaint a \n+ *     portion of the browser window.  These methods take advantage of the\n+ *     browser's scheduled repaints where requestAnimationFrame is available.\n+ */\n+OpenLayers.Animation = (function(window) {\n+\n+    /**\n+     * Property: isNative\n+     * {Boolean} true if a native requestAnimationFrame function is available\n+     */\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!(requestAnimationFrame);\n+\n+    /**\n+     * Function: requestFrame\n+     * Schedule a function to be called at the next available animation frame.\n+     *     Uses the native method where available.  Where requestAnimationFrame is\n+     *     not available, setTimeout will be called with a 16ms delay.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     */\n+    var requestFrame = (function() {\n+        var request = window[requestAnimationFrame] ||\n+            function(callback, element) {\n+                window.setTimeout(callback, 16);\n+            };\n+        // bind to window to avoid illegal invocation of native function\n+        return function(callback, element) {\n+            request.apply(window, [callback, element]);\n+        };\n+    })();\n+\n+    // private variables for animation loops\n+    var counter = 0;\n+    var loops = {};\n+\n+    /**\n+     * Function: start\n+     * Executes a method with <requestFrame> in series for some \n+     *     duration.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * duration - {Number} Optional duration for the loop.  If not provided, the\n+     *     animation loop will execute indefinitely.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     *\n+     * Returns:\n+     * {Number} Identifier for the animation loop.  Used to stop animations with\n+     *     <stop>.\n+     */\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element);\n+                }\n+            } else {\n+                delete loops[id];\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id;\n+    }\n+\n+    /**\n+     * Function: stop\n+     * Terminates an animation loop started with <start>.\n+     *\n+     * Parameters:\n+     * id - {Number} Identifier returned from <start>.\n+     */\n+    function stop(id) {\n+        delete loops[id];\n+    }\n+\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    };\n+\n+})(window);\n+/* ======================================================================\n+    OpenLayers/Tween.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Animation.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Tween\n+ */\n+OpenLayers.Tween = OpenLayers.Class({\n+\n+    /**\n+     * APIProperty: easing\n+     * {<OpenLayers.Easing>(Function)} Easing equation used for the animation\n+     *     Defaultly set to OpenLayers.Easing.Expo.easeOut\n+     */\n+    easing: null,\n+\n+    /**\n+     * APIProperty: begin\n+     * {Object} Values to start the animation with\n+     */\n+    begin: null,\n+\n+    /**\n+     * APIProperty: finish\n+     * {Object} Values to finish the animation with\n+     */\n+    finish: null,\n+\n+    /**\n+     * APIProperty: duration\n+     * {int} duration of the tween (number of steps)\n+     */\n+    duration: null,\n+\n+    /**\n+     * APIProperty: callbacks\n+     * {Object} An object with start, eachStep and done properties whose values\n+     *     are functions to be call during the animation. They are passed the\n+     *     current computed value as argument.\n+     */\n+    callbacks: null,\n+\n+    /**\n+     * Property: time\n+     * {int} Step counter\n+     */\n+    time: null,\n+\n+    /**\n+     * APIProperty: minFrameRate\n+     * {Number} The minimum framerate for animations in frames per second. After\n+     * each step, the time spent in the animation is compared to the calculated\n+     * time at this frame rate. If the animation runs longer than the calculated\n+     * time, the next step is skipped. Default is 30.\n+     */\n+    minFrameRate: null,\n+\n+    /**\n+     * Property: startTime\n+     * {Number} The timestamp of the first execution step. Used for skipping\n+     * frames\n+     */\n+    startTime: null,\n+\n+    /**\n+     * Property: animationId\n+     * {int} Loop id returned by OpenLayers.Animation.start\n+     */\n+    animationId: null,\n+\n+    /**\n+     * Property: playing\n+     * {Boolean} Tells if the easing is currently playing\n+     */\n+    playing: false,\n+\n+    /** \n+     * Constructor: OpenLayers.Tween\n+     * Creates a Tween.\n+     *\n+     * Parameters:\n+     * easing - {<OpenLayers.Easing>(Function)} easing function method to use\n+     */\n+    initialize: function(easing) {\n+        this.easing = (easing) ? easing : OpenLayers.Easing.Expo.easeOut;\n+    },\n+\n+    /**\n+     * APIMethod: start\n+     * Plays the Tween, and calls the callback method on each step\n+     * \n+     * Parameters:\n+     * begin - {Object} values to start the animation with\n+     * finish - {Object} values to finish the animation with\n+     * duration - {int} duration of the tween (number of steps)\n+     * options - {Object} hash of options (callbacks (start, eachStep, done),\n+     *     minFrameRate)\n+     */\n+    start: function(begin, finish, duration, options) {\n+        this.playing = true;\n+        this.begin = begin;\n+        this.finish = finish;\n+        this.duration = duration;\n+        this.callbacks = options.callbacks;\n+        this.minFrameRate = options.minFrameRate || 30;\n+        this.time = 0;\n+        this.startTime = new Date().getTime();\n+        OpenLayers.Animation.stop(this.animationId);\n+        this.animationId = null;\n+        if (this.callbacks && this.callbacks.start) {\n+            this.callbacks.start.call(this, this.begin);\n+        }\n+        this.animationId = OpenLayers.Animation.start(\n+            OpenLayers.Function.bind(this.play, this)\n+        );\n+    },\n+\n+    /**\n+     * APIMethod: stop\n+     * Stops the Tween, and calls the done callback\n+     *     Doesn't do anything if animation is already finished\n+     */\n+    stop: function() {\n+        if (!this.playing) {\n+            return;\n+        }\n+\n+        if (this.callbacks && this.callbacks.done) {\n+            this.callbacks.done.call(this, this.finish);\n+        }\n+        OpenLayers.Animation.stop(this.animationId);\n+        this.animationId = null;\n+        this.playing = false;\n+    },\n+\n+    /**\n+     * Method: play\n+     * Calls the appropriate easing method\n+     */\n+    play: function() {\n+        var value = {};\n+        for (var i in this.begin) {\n+            var b = this.begin[i];\n+            var f = this.finish[i];\n+            if (b == null || f == null || isNaN(b) || isNaN(f)) {\n+                throw new TypeError('invalid value for Tween');\n+            }\n+\n+            var c = f - b;\n+            value[i] = this.easing.apply(this, [this.time, b, c, this.duration]);\n+        }\n+        this.time++;\n+\n+        if (this.callbacks && this.callbacks.eachStep) {\n+            // skip frames if frame rate drops below threshold\n+            if ((new Date().getTime() - this.startTime) / this.time <= 1000 / this.minFrameRate) {\n+                this.callbacks.eachStep.call(this, value);\n+            }\n+        }\n+\n+        if (this.time > this.duration) {\n+            this.stop();\n+        }\n+    },\n+\n+    /**\n+     * Create empty functions for all easing methods.\n+     */\n+    CLASS_NAME: \"OpenLayers.Tween\"\n+});\n+\n+/**\n+ * Namespace: OpenLayers.Easing\n+ * \n+ * Credits:\n+ *      Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>\n+ */\n+OpenLayers.Easing = {\n+    /**\n+     * Create empty functions for all easing methods.\n+     */\n+    CLASS_NAME: \"OpenLayers.Easing\"\n+};\n+\n+/**\n+ * Namespace: OpenLayers.Easing.Linear\n+ */\n+OpenLayers.Easing.Linear = {\n+\n+    /**\n+     * Function: easeIn\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeIn: function(t, b, c, d) {\n+        return c * t / d + b;\n+    },\n+\n+    /**\n+     * Function: easeOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeOut: function(t, b, c, d) {\n+        return c * t / d + b;\n+    },\n+\n+    /**\n+     * Function: easeInOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeInOut: function(t, b, c, d) {\n+        return c * t / d + b;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Easing.Linear\"\n+};\n+\n+/**\n+ * Namespace: OpenLayers.Easing.Expo\n+ */\n+OpenLayers.Easing.Expo = {\n+\n+    /**\n+     * Function: easeIn\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeIn: function(t, b, c, d) {\n+        return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;\n+    },\n+\n+    /**\n+     * Function: easeOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeOut: function(t, b, c, d) {\n+        return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;\n+    },\n+\n+    /**\n+     * Function: easeInOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeInOut: function(t, b, c, d) {\n+        if (t == 0) return b;\n+        if (t == d) return b + c;\n+        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;\n+        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Easing.Expo\"\n+};\n+\n+/**\n+ * Namespace: OpenLayers.Easing.Quad\n+ */\n+OpenLayers.Easing.Quad = {\n+\n+    /**\n+     * Function: easeIn\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeIn: function(t, b, c, d) {\n+        return c * (t /= d) * t + b;\n+    },\n+\n+    /**\n+     * Function: easeOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeOut: function(t, b, c, d) {\n+        return -c * (t /= d) * (t - 2) + b;\n+    },\n+\n+    /**\n+     * Function: easeInOut\n+     * \n+     * Parameters:\n+     * t - {Float} time\n+     * b - {Float} beginning position\n+     * c - {Float} total change\n+     * d - {Float} duration of the transition\n+     *\n+     * Returns:\n+     * {Float}\n+     */\n+    easeInOut: function(t, b, c, d) {\n+        if ((t /= d / 2) < 1) return c / 2 * t * t + b;\n+        return -c / 2 * ((--t) * (t - 2) - 1) + b;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Easing.Quad\"\n+};\n+/* ======================================================================\n     OpenLayers/Projection.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -9645,1311 +12040,1396 @@\n OpenLayers.Map.TILE_WIDTH = 256;\n /**\n  * Constant: TILE_HEIGHT\n  * {Integer} 256 Default tile height (unless otherwise specified)\n  */\n OpenLayers.Map.TILE_HEIGHT = 256;\n /* ======================================================================\n-    OpenLayers/Request/XMLHttpRequest.js\n+    OpenLayers/Layer.js\n    ====================================================================== */\n \n-// XMLHttpRequest.js Copyright (C) 2010 Sergey Ilinsky (http://www.ilinsky.com)\n-//\n-// Licensed under the Apache License, Version 2.0 (the \"License\");\n-// you may not use this file except in compliance with the License.\n-// You may obtain a copy of the License at\n-//\n-//   http://www.apache.org/licenses/LICENSE-2.0\n-//\n-// Unless required by applicable law or agreed to in writing, software\n-// distributed under the License is distributed on an \"AS IS\" BASIS,\n-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n-// See the License for the specific language governing permissions and\n-// limitations under the License.\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n \n /**\n- * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Map.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n-(function() {\n+/**\n+ * Class: OpenLayers.Layer\n+ */\n+OpenLayers.Layer = OpenLayers.Class({\n \n-    // Save reference to earlier defined object implementation (if any)\n-    var oXMLHttpRequest = window.XMLHttpRequest;\n+    /**\n+     * APIProperty: id\n+     * {String}\n+     */\n+    id: null,\n \n-    // Define on browser type\n-    var bGecko = !!window.controllers,\n-        bIE = window.document.all && !window.opera,\n-        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n+    /** \n+     * APIProperty: name\n+     * {String}\n+     */\n+    name: null,\n \n-    // Enables \"XMLHttpRequest()\" call next to \"new XMLHttpReques()\"\n-    function fXMLHttpRequest() {\n-        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n-        this._listeners = [];\n-    };\n+    /** \n+     * APIProperty: div\n+     * {DOMElement}\n+     */\n+    div: null,\n \n-    // Constructor\n-    function cXMLHttpRequest() {\n-        return new fXMLHttpRequest;\n-    };\n-    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n+    /**\n+     * APIProperty: opacity\n+     * {Float} The layer's opacity. Float number between 0.0 and 1.0. Default\n+     * is 1.\n+     */\n+    opacity: 1,\n \n-    // BUGFIX: Firefox with Firebug installed would break pages if not executed\n-    if (bGecko && oXMLHttpRequest.wrapped)\n-        cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n+    /**\n+     * APIProperty: alwaysInRange\n+     * {Boolean} If a layer's display should not be scale-based, this should \n+     *     be set to true. This will cause the layer, as an overlay, to always \n+     *     be 'active', by always returning true from the calculateInRange() \n+     *     function. \n+     * \n+     *     If not explicitly specified for a layer, its value will be \n+     *     determined on startup in initResolutions() based on whether or not \n+     *     any scale-specific properties have been set as options on the \n+     *     layer. If no scale-specific options have been set on the layer, we \n+     *     assume that it should always be in range.\n+     * \n+     *     See #987 for more info.\n+     */\n+    alwaysInRange: null,\n \n-    // Constants\n-    cXMLHttpRequest.UNSENT = 0;\n-    cXMLHttpRequest.OPENED = 1;\n-    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n-    cXMLHttpRequest.LOADING = 3;\n-    cXMLHttpRequest.DONE = 4;\n+    /**\n+     * Constant: RESOLUTION_PROPERTIES\n+     * {Array} The properties that are used for calculating resolutions\n+     *     information.\n+     */\n+    RESOLUTION_PROPERTIES: [\n+        'scales', 'resolutions',\n+        'maxScale', 'minScale',\n+        'maxResolution', 'minResolution',\n+        'numZoomLevels', 'maxZoomLevel'\n+    ],\n \n-    // Public Properties\n-    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n-    cXMLHttpRequest.prototype.responseText = '';\n-    cXMLHttpRequest.prototype.responseXML = null;\n-    cXMLHttpRequest.prototype.status = 0;\n-    cXMLHttpRequest.prototype.statusText = '';\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>}\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * layer.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n+     *\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to layer.events.object.\n+     * element - {DOMElement} A reference to layer.events.element.\n+     *\n+     * Supported map event types:\n+     * loadstart - Triggered when layer loading starts.  When using a Vector \n+     *     layer with a Fixed or BBOX strategy, the event object includes \n+     *     a *filter* property holding the OpenLayers.Filter used when \n+     *     calling read on the protocol.\n+     * loadend - Triggered when layer loading ends.  When using a Vector layer\n+     *     with a Fixed or BBOX strategy, the event object includes a \n+     *     *response* property holding an OpenLayers.Protocol.Response object.\n+     * visibilitychanged - Triggered when the layer's visibility property is\n+     *     changed, e.g. by turning the layer on or off in the layer switcher.\n+     *     Note that the actual visibility of the layer can also change if it\n+     *     gets out of range (see <calculateInRange>). If you also want to catch\n+     *     these cases, register for the map's 'changelayer' event instead.\n+     * move - Triggered when layer moves (triggered with every mousemove\n+     *     during a drag).\n+     * moveend - Triggered when layer is done moving, object passed as\n+     *     argument has a zoomChanged boolean property which tells that the\n+     *     zoom has changed.\n+     * added - Triggered after the layer is added to a map.  Listeners will\n+     *     receive an object with a *map* property referencing the map and a\n+     *     *layer* property referencing the layer.\n+     * removed - Triggered after the layer is removed from the map.  Listeners\n+     *     will receive an object with a *map* property referencing the map and\n+     *     a *layer* property referencing the layer.\n+     */\n+    events: null,\n \n-    // Priority proposal\n-    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n+    /**\n+     * APIProperty: map\n+     * {<OpenLayers.Map>} This variable is set when the layer is added to \n+     *     the map, via the accessor function setMap().\n+     */\n+    map: null,\n \n-    // Instance-level Events Handlers\n-    cXMLHttpRequest.prototype.onreadystatechange = null;\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Whether or not the layer is a base layer. This should be set \n+     *     individually by all subclasses. Default is false\n+     */\n+    isBaseLayer: false,\n \n-    // Class-level Events Handlers\n-    cXMLHttpRequest.onreadystatechange = null;\n-    cXMLHttpRequest.onopen = null;\n-    cXMLHttpRequest.onsend = null;\n-    cXMLHttpRequest.onabort = null;\n+    /**\n+     * Property: alpha\n+     * {Boolean} The layer's images have an alpha channel.  Default is false.\n+     */\n+    alpha: false,\n \n-    // Public Methods\n-    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n-        // Delete headers, required when object is reused\n-        delete this._headers;\n+    /** \n+     * APIProperty: displayInLayerSwitcher\n+     * {Boolean} Display the layer's name in the layer switcher.  Default is\n+     *     true.\n+     */\n+    displayInLayerSwitcher: true,\n \n-        // When bAsync parameter value is omitted, use true as default\n-        if (arguments.length < 3)\n-            bAsync = true;\n+    /**\n+     * APIProperty: visibility\n+     * {Boolean} The layer should be displayed in the map.  Default is true.\n+     */\n+    visibility: true,\n \n-        // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests\n-        this._async = bAsync;\n+    /**\n+     * APIProperty: attribution\n+     * {String} Attribution string, displayed when an \n+     *     <OpenLayers.Control.Attribution> has been added to the map.\n+     */\n+    attribution: null,\n \n-        // Set the onreadystatechange handler\n-        var oRequest = this,\n-            nState = this.readyState,\n-            fOnUnload;\n+    /** \n+     * Property: inRange\n+     * {Boolean} The current map resolution is within the layer's min/max \n+     *     range. This is set in <OpenLayers.Map.setCenter> whenever the zoom \n+     *     changes.\n+     */\n+    inRange: false,\n \n-        // BUGFIX: IE - memory leak on page unload (inter-page leak)\n-        if (bIE && bAsync) {\n-            fOnUnload = function() {\n-                if (nState != cXMLHttpRequest.DONE) {\n-                    fCleanTransport(oRequest);\n-                    // Safe to abort here since onreadystatechange handler removed\n-                    oRequest.abort();\n-                }\n-            };\n-            window.attachEvent(\"onunload\", fOnUnload);\n-        }\n+    /**\n+     * Propery: imageSize\n+     * {<OpenLayers.Size>} For layers with a gutter, the image is larger than \n+     *     the tile by twice the gutter in each dimension.\n+     */\n+    imageSize: null,\n \n-        // Add method sniffer\n-        if (cXMLHttpRequest.onopen)\n-            cXMLHttpRequest.onopen.apply(this, arguments);\n+    // OPTIONS\n \n-        if (arguments.length > 4)\n-            this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-        else\n-        if (arguments.length > 3)\n-            this._object.open(sMethod, sUrl, bAsync, sUser);\n-        else\n-            this._object.open(sMethod, sUrl, bAsync);\n+    /** \n+     * Property: options\n+     * {Object} An optional object whose properties will be set on the layer.\n+     *     Any of the layer properties can be set as a property of the options\n+     *     object and sent to the constructor when the layer is created.\n+     */\n+    options: null,\n \n-        this.readyState = cXMLHttpRequest.OPENED;\n-        fReadyStateChange(this);\n+    /**\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n+     */\n+    eventListeners: null,\n \n-        this._object.onreadystatechange = function() {\n-            if (bGecko && !bAsync)\n-                return;\n+    /**\n+     * APIProperty: gutter\n+     * {Integer} Determines the width (in pixels) of the gutter around image\n+     *     tiles to ignore.  By setting this property to a non-zero value,\n+     *     images will be requested that are wider and taller than the tile\n+     *     size by a value of 2 x gutter.  This allows artifacts of rendering\n+     *     at tile edges to be ignored.  Set a gutter value that is equal to\n+     *     half the size of the widest symbol that needs to be displayed.\n+     *     Defaults to zero.  Non-tiled layers always have zero gutter.\n+     */\n+    gutter: 0,\n \n-            // Synchronize state\n-            oRequest.readyState = oRequest._object.readyState;\n+    /**\n+     * APIProperty: projection\n+     * {<OpenLayers.Projection>} or {<String>} Specifies the projection of the layer.\n+     *     Can be set in the layer options. If not specified in the layer options,\n+     *     it is set to the default projection specified in the map,\n+     *     when the layer is added to the map.\n+     *     Projection along with default maxExtent and resolutions\n+     *     are set automatically with commercial baselayers in EPSG:3857,\n+     *     such as Google, Bing and OpenStreetMap, and do not need to be specified.\n+     *     Otherwise, if specifying projection, also set maxExtent,\n+     *     maxResolution or resolutions as appropriate.\n+     *     When using vector layers with strategies, layer projection should be set\n+     *     to the projection of the source data if that is different from the map default.\n+     * \n+     *     Can be either a string or an <OpenLayers.Projection> object;\n+     *     if a string is passed, will be converted to an object when\n+     *     the layer is added to the map.\n+     * \n+     */\n+    projection: null,\n \n-            //\n-            fSynchronizeValues(oRequest);\n+    /**\n+     * APIProperty: units\n+     * {String} The layer map units.  Defaults to null.  Possible values\n+     *     are 'degrees' (or 'dd'), 'm', 'ft', 'km', 'mi', 'inches'.\n+     *     Normally taken from the projection.\n+     *     Only required if both map and layers do not define a projection,\n+     *     or if they define a projection which does not define units.\n+     */\n+    units: null,\n \n-            // BUGFIX: Firefox fires unnecessary DONE when aborting\n-            if (oRequest._aborted) {\n-                // Reset readyState to UNSENT\n-                oRequest.readyState = cXMLHttpRequest.UNSENT;\n+    /**\n+     * APIProperty: scales\n+     * {Array}  An array of map scales in descending order.  The values in the\n+     *     array correspond to the map scale denominator.  Note that these\n+     *     values only make sense if the display (monitor) resolution of the\n+     *     client is correctly guessed by whomever is configuring the\n+     *     application.  In addition, the units property must also be set.\n+     *     Use <resolutions> instead wherever possible.\n+     */\n+    scales: null,\n \n-                // Return now\n-                return;\n-            }\n+    /**\n+     * APIProperty: resolutions\n+     * {Array} A list of map resolutions (map units per pixel) in descending\n+     *     order.  If this is not set in the layer constructor, it will be set\n+     *     based on other resolution related properties (maxExtent,\n+     *     maxResolution, maxScale, etc.).\n+     */\n+    resolutions: null,\n \n-            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                // Free up queue\n-                delete oRequest._data;\n-                /*                if (bAsync)\n-                                    fQueue_remove(oRequest);*/\n-                //\n-                fCleanTransport(oRequest);\n-                // Uncomment this block if you need a fix for IE cache\n-                /*\n-                                // BUGFIX: IE - cache issue\n-                                if (!oRequest._object.getResponseHeader(\"Date\")) {\n-                                    // Save object to cache\n-                                    oRequest._cached    = oRequest._object;\n+    /**\n+     * APIProperty: maxExtent\n+     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n+     *     should consist of four values (left, bottom, right, top).\n+     *     The maximum extent for the layer.  Defaults to null.\n+     * \n+     *     The center of these bounds will not stray outside\n+     *     of the viewport extent during panning.  In addition, if\n+     *     <displayOutsideMaxExtent> is set to false, data will not be\n+     *     requested that falls completely outside of these bounds.\n+     */\n+    maxExtent: null,\n \n-                                    // Instantiate a new transport object\n-                                    cXMLHttpRequest.call(oRequest);\n+    /**\n+     * APIProperty: minExtent\n+     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n+     *     should consist of four values (left, bottom, right, top).\n+     *     The minimum extent for the layer.  Defaults to null.\n+     */\n+    minExtent: null,\n \n-                                    // Re-send request\n-                                    if (sUser) {\n-                                         if (sPassword)\n-                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-                                        else\n-                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser);\n-                                    }\n-                                    else\n-                                        oRequest._object.open(sMethod, sUrl, bAsync);\n-                                    oRequest._object.setRequestHeader(\"If-Modified-Since\", oRequest._cached.getResponseHeader(\"Last-Modified\") || new window.Date(0));\n-                                    // Copy headers set\n-                                    if (oRequest._headers)\n-                                        for (var sHeader in oRequest._headers)\n-                                            if (typeof oRequest._headers[sHeader] == \"string\")    // Some frameworks prototype objects with functions\n-                                                oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]);\n-\n-                                    oRequest._object.onreadystatechange    = function() {\n-                                        // Synchronize state\n-                                        oRequest.readyState        = oRequest._object.readyState;\n-\n-                                        if (oRequest._aborted) {\n-                                            //\n-                                            oRequest.readyState    = cXMLHttpRequest.UNSENT;\n+    /**\n+     * APIProperty: maxResolution\n+     * {Float} Default max is 360 deg / 256 px, which corresponds to\n+     *     zoom level 0 on gmaps.  Specify a different value in the layer \n+     *     options if you are not using the default <OpenLayers.Map.tileSize>\n+     *     and displaying the whole world.\n+     */\n+    maxResolution: null,\n \n-                                            // Return\n-                                            return;\n-                                        }\n+    /**\n+     * APIProperty: minResolution\n+     * {Float}\n+     */\n+    minResolution: null,\n \n-                                        if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                                            // Clean Object\n-                                            fCleanTransport(oRequest);\n+    /**\n+     * APIProperty: numZoomLevels\n+     * {Integer}\n+     */\n+    numZoomLevels: null,\n \n-                                            // get cached request\n-                                            if (oRequest.status == 304)\n-                                                oRequest._object    = oRequest._cached;\n+    /**\n+     * APIProperty: minScale\n+     * {Float}\n+     */\n+    minScale: null,\n \n-                                            //\n-                                            delete oRequest._cached;\n+    /**\n+     * APIProperty: maxScale\n+     * {Float}\n+     */\n+    maxScale: null,\n \n-                                            //\n-                                            fSynchronizeValues(oRequest);\n+    /**\n+     * APIProperty: displayOutsideMaxExtent\n+     * {Boolean} Request map tiles that are completely outside of the max \n+     *     extent for this layer. Defaults to false.\n+     */\n+    displayOutsideMaxExtent: false,\n \n-                                            //\n-                                            fReadyStateChange(oRequest);\n+    /**\n+     * APIProperty: wrapDateLine\n+     * {Boolean} Wraps the world at the international dateline, so the map can\n+     * be panned infinitely in longitudinal direction. Only use this on the\n+     * base layer, and only if the layer's maxExtent equals the world bounds.\n+     * #487 for more info.   \n+     */\n+    wrapDateLine: false,\n \n-                                            // BUGFIX: IE - memory leak in interrupted\n-                                            if (bIE && bAsync)\n-                                                window.detachEvent(\"onunload\", fOnUnload);\n-                                        }\n-                                    };\n-                                    oRequest._object.send(null);\n+    /**\n+     * Property: metadata\n+     * {Object} This object can be used to store additional information on a\n+     *     layer object.\n+     */\n+    metadata: null,\n \n-                                    // Return now - wait until re-sent request is finished\n-                                    return;\n-                                };\n-                */\n-                // BUGFIX: IE - memory leak in interrupted\n-                if (bIE && bAsync)\n-                    window.detachEvent(\"onunload\", fOnUnload);\n-            }\n+    /**\n+     * Constructor: OpenLayers.Layer\n+     *\n+     * Parameters:\n+     * name - {String} The layer name\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, options) {\n \n-            // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice\n-            if (nState != oRequest.readyState)\n-                fReadyStateChange(oRequest);\n+        this.metadata = {};\n \n-            nState = oRequest.readyState;\n+        options = OpenLayers.Util.extend({}, options);\n+        // make sure we respect alwaysInRange if set on the prototype\n+        if (this.alwaysInRange != null) {\n+            options.alwaysInRange = this.alwaysInRange;\n         }\n-    };\n+        this.addOptions(options);\n \n-    function fXMLHttpRequest_send(oRequest) {\n-        oRequest._object.send(oRequest._data);\n+        this.name = name;\n \n-        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests\n-        if (bGecko && !oRequest._async) {\n-            oRequest.readyState = cXMLHttpRequest.OPENED;\n+        if (this.id == null) {\n \n-            // Synchronize state\n-            fSynchronizeValues(oRequest);\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n \n-            // Simulate missing states\n-            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n-                oRequest.readyState++;\n-                fReadyStateChange(oRequest);\n-                // Check if we are aborted\n-                if (oRequest._aborted)\n-                    return;\n-            }\n-        }\n-    };\n-    cXMLHttpRequest.prototype.send = function(vData) {\n-        // Add method sniffer\n-        if (cXMLHttpRequest.onsend)\n-            cXMLHttpRequest.onsend.apply(this, arguments);\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.style.width = \"100%\";\n+            this.div.style.height = \"100%\";\n+            this.div.dir = \"ltr\";\n \n-        if (!arguments.length)\n-            vData = null;\n+            this.events = new OpenLayers.Events(this, this.div);\n+            if (this.eventListeners instanceof Object) {\n+                this.events.on(this.eventListeners);\n+            }\n \n-        // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required\n-        // BUGFIX: IE - rewrites any custom mime-type to \"text/xml\" in case an XMLNode is sent\n-        // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard)\n-        if (vData && vData.nodeType) {\n-            vData = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml;\n-            if (!this._headers[\"Content-Type\"])\n-                this._object.setRequestHeader(\"Content-Type\", \"application/xml\");\n         }\n+    },\n \n-        this._data = vData;\n-        /*\n-                // Add to queue\n-                if (this._async)\n-                    fQueue_add(this);\n-                else*/\n-        fXMLHttpRequest_send(this);\n-    };\n-    cXMLHttpRequest.prototype.abort = function() {\n-        // Add method sniffer\n-        if (cXMLHttpRequest.onabort)\n-            cXMLHttpRequest.onabort.apply(this, arguments);\n-\n-        // BUGFIX: Gecko - unnecessary DONE when aborting\n-        if (this.readyState > cXMLHttpRequest.UNSENT)\n-            this._aborted = true;\n-\n-        this._object.abort();\n-\n-        // BUGFIX: IE - memory leak\n-        fCleanTransport(this);\n-\n-        this.readyState = cXMLHttpRequest.UNSENT;\n-\n-        delete this._data;\n-        /*        if (this._async)\n-                    fQueue_remove(this);*/\n-    };\n-    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n-        return this._object.getAllResponseHeaders();\n-    };\n-    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n-        return this._object.getResponseHeader(sName);\n-    };\n-    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n-        // BUGFIX: IE - cache issue\n-        if (!this._headers)\n-            this._headers = {};\n-        this._headers[sName] = sValue;\n-\n-        return this._object.setRequestHeader(sName, sValue);\n-    };\n-\n-    // EventTarget interface implementation\n-    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n-                return;\n-        // Add listener\n-        this._listeners.push([sName, fHandler, bUseCapture]);\n-    };\n-\n-    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n-                break;\n-        // Remove listener\n-        if (oListener)\n-            this._listeners.splice(nIndex, 1);\n-    };\n-\n-    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n-        var oEventPseudo = {\n-            'type': oEvent.type,\n-            'target': this,\n-            'currentTarget': this,\n-            'eventPhase': 2,\n-            'bubbles': oEvent.bubbles,\n-            'cancelable': oEvent.cancelable,\n-            'timeStamp': oEvent.timeStamp,\n-            'stopPropagation': function() {}, // There is no flow\n-            'preventDefault': function() {}, // There is no default action\n-            'initEvent': function() {} // Original event object should be initialized\n-        };\n-\n-        // Execute onreadystatechange\n-        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)\n-            (this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n-\n-        // Execute listeners\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == oEventPseudo.type && !oListener[2])\n-                (oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo]);\n-    };\n-\n-    //\n-    cXMLHttpRequest.prototype.toString = function() {\n-        return '[' + \"object\" + ' ' + \"XMLHttpRequest\" + ']';\n-    };\n-\n-    cXMLHttpRequest.toString = function() {\n-        return '[' + \"XMLHttpRequest\" + ']';\n-    };\n-\n-    // Helper function\n-    function fReadyStateChange(oRequest) {\n-        // Sniffing code\n-        if (cXMLHttpRequest.onreadystatechange)\n-            cXMLHttpRequest.onreadystatechange.apply(oRequest);\n-\n-        // Fake event\n-        oRequest.dispatchEvent({\n-            'type': \"readystatechange\",\n-            'bubbles': false,\n-            'cancelable': false,\n-            'timeStamp': new Date + 0\n-        });\n-    };\n-\n-    function fGetDocument(oRequest) {\n-        var oDocument = oRequest.responseXML,\n-            sResponse = oRequest.responseText;\n-        // Try parsing responseText\n-        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n-            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n-            oDocument.async = false;\n-            oDocument.validateOnParse = false;\n-            oDocument.loadXML(sResponse);\n+    /**\n+     * Method: destroy\n+     * Destroy is a destructor: this is to alleviate cyclic references which\n+     *     the Javascript garbage cleaner can not take care of on its own.\n+     *\n+     * Parameters:\n+     * setNewBaseLayer - {Boolean} Set a new base layer when this layer has\n+     *     been destroyed.  Default is true.\n+     */\n+    destroy: function(setNewBaseLayer) {\n+        if (setNewBaseLayer == null) {\n+            setNewBaseLayer = true;\n         }\n-        // Check if there is no error in document\n-        if (oDocument)\n-            if ((bIE && oDocument.parseError != 0) || !oDocument.documentElement || (oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\"))\n-                return null;\n-        return oDocument;\n-    };\n-\n-    function fSynchronizeValues(oRequest) {\n-        try {\n-            oRequest.responseText = oRequest._object.responseText;\n-        } catch (e) {}\n-        try {\n-            oRequest.responseXML = fGetDocument(oRequest._object);\n-        } catch (e) {}\n-        try {\n-            oRequest.status = oRequest._object.status;\n-        } catch (e) {}\n-        try {\n-            oRequest.statusText = oRequest._object.statusText;\n-        } catch (e) {}\n-    };\n-\n-    function fCleanTransport(oRequest) {\n-        // BUGFIX: IE - memory leak (on-page leak)\n-        oRequest._object.onreadystatechange = new window.Function;\n-    };\n-    /*\n-        // Queue manager\n-        var oQueuePending    = {\"CRITICAL\":[],\"HIGH\":[],\"NORMAL\":[],\"LOW\":[],\"LOWEST\":[]},\n-            aQueueRunning    = [];\n-        function fQueue_add(oRequest) {\n-            oQueuePending[oRequest.priority in oQueuePending ? oRequest.priority : \"NORMAL\"].push(oRequest);\n-            //\n-            setTimeout(fQueue_process);\n-        };\n-\n-        function fQueue_remove(oRequest) {\n-            for (var nIndex = 0, bFound    = false; nIndex < aQueueRunning.length; nIndex++)\n-                if (bFound)\n-                    aQueueRunning[nIndex - 1]    = aQueueRunning[nIndex];\n-                else\n-                if (aQueueRunning[nIndex] == oRequest)\n-                    bFound    = true;\n-            if (bFound)\n-                aQueueRunning.length--;\n-            //\n-            setTimeout(fQueue_process);\n-        };\n+        if (this.map != null) {\n+            this.map.removeLayer(this, setNewBaseLayer);\n+        }\n+        this.projection = null;\n+        this.map = null;\n+        this.name = null;\n+        this.div = null;\n+        this.options = null;\n \n-        function fQueue_process() {\n-            if (aQueueRunning.length < 6) {\n-                for (var sPriority in oQueuePending) {\n-                    if (oQueuePending[sPriority].length) {\n-                        var oRequest    = oQueuePending[sPriority][0];\n-                        oQueuePending[sPriority]    = oQueuePending[sPriority].slice(1);\n-                        //\n-                        aQueueRunning.push(oRequest);\n-                        // Send request\n-                        fXMLHttpRequest_send(oRequest);\n-                        break;\n-                    }\n-                }\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners);\n             }\n-        };\n-    */\n-    // Internet Explorer 5.0 (missing apply)\n-    if (!window.Function.prototype.apply) {\n-        window.Function.prototype.apply = function(oRequest, oArguments) {\n-            if (!oArguments)\n-                oArguments = [];\n-            oRequest.__func = this;\n-            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n-            delete oRequest.__func;\n-        };\n-    };\n+            this.events.destroy();\n+        }\n+        this.eventListeners = null;\n+        this.events = null;\n+    },\n \n-    // Register new object with window\n     /**\n-     * Class: OpenLayers.Request.XMLHttpRequest\n-     * Standard-compliant (W3C) cross-browser implementation of the\n-     *     XMLHttpRequest object.  From\n-     *     http://code.google.com/p/xmlhttprequest/.\n+     * Method: clone\n+     *\n+     * Parameters:\n+     * obj - {<OpenLayers.Layer>} The layer to be cloned\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer>} An exact clone of this <OpenLayers.Layer>\n      */\n-    if (!OpenLayers.Request) {\n-        /**\n-         * This allows for OpenLayers/Request.js to be included\n-         * before or after this script.\n-         */\n-        OpenLayers.Request = {};\n-    }\n-    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest;\n-})();\n-/* ======================================================================\n-    OpenLayers/Request.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    clone: function(obj) {\n \n-/**\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- */\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer(this.name, this.getOptions());\n+        }\n \n-/**\n- * TODO: deprecate me\n- * Use OpenLayers.Request.proxy instead.\n- */\n-OpenLayers.ProxyHost = \"\";\n+        // catch any randomly tagged-on properties\n+        OpenLayers.Util.applyDefaults(obj, this);\n \n-/**\n- * Namespace: OpenLayers.Request\n- * The OpenLayers.Request namespace contains convenience methods for working\n- *     with XMLHttpRequests.  These methods work with a cross-browser\n- *     W3C compliant <OpenLayers.Request.XMLHttpRequest> class.\n- */\n-if (!OpenLayers.Request) {\n-    /**\n-     * This allows for OpenLayers/Request/XMLHttpRequest.js to be included\n-     * before or after this script.\n-     */\n-    OpenLayers.Request = {};\n-}\n-OpenLayers.Util.extend(OpenLayers.Request, {\n+        // a cloned layer should never have its map property set\n+        //  because it has not been added to a map yet. \n+        obj.map = null;\n \n-    /**\n-     * Constant: DEFAULT_CONFIG\n-     * {Object} Default configuration for all requests.\n-     */\n-    DEFAULT_CONFIG: {\n-        method: \"GET\",\n-        url: window.location.href,\n-        async: true,\n-        user: undefined,\n-        password: undefined,\n-        params: null,\n-        proxy: OpenLayers.ProxyHost,\n-        headers: {},\n-        data: null,\n-        callback: function() {},\n-        success: null,\n-        failure: null,\n-        scope: null\n+        return obj;\n     },\n \n     /**\n-     * Constant: URL_SPLIT_REGEX\n-     */\n-    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n-\n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the {<OpenLayers.Request>} object.\n-     *\n-     * All event listeners will receive an event object with three properties:\n-     * request - {<OpenLayers.Request.XMLHttpRequest>} The request object.\n-     * config - {Object} The config object sent to the specific request method.\n-     * requestUrl - {String} The request url.\n+     * Method: getOptions\n+     * Extracts an object from the layer with the properties that were set as\n+     *     options, but updates them with the values currently set on the\n+     *     instance.\n      * \n-     * Supported event types:\n-     * complete - Triggered when we have a response from the request, if a\n-     *     listener returns false, no further response processing will take\n-     *     place.\n-     * success - Triggered when the HTTP response has a success code (200-299).\n-     * failure - Triggered when the HTTP response does not have a success code.\n+     * Returns:\n+     * {Object} the <options> of the layer, representing the current state.\n      */\n-    events: new OpenLayers.Events(this),\n+    getOptions: function() {\n+        var options = {};\n+        for (var o in this.options) {\n+            options[o] = this[o];\n+        }\n+        return options;\n+    },\n \n-    /**\n-     * Method: makeSameOrigin\n-     * Using the specified proxy, returns a same origin url of the provided url.\n+    /** \n+     * APIMethod: setName\n+     * Sets the new layer name for this layer.  Can trigger a changelayer event\n+     *     on the map.\n      *\n      * Parameters:\n-     * url - {String} An arbitrary url\n-     * proxy {String|Function} The proxy to use to make the provided url a\n-     *     same origin url.\n-     *\n-     * Returns\n-     * {String} the same origin url. If no proxy is provided, the returned url\n-     *     will be the same as the provided url.\n+     * newName - {String} The new name.\n      */\n-    makeSameOrigin: function(url, proxy) {\n-        var sameOrigin = url.indexOf(\"http\") !== 0;\n-        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n-        if (urlParts) {\n-            var location = window.location;\n-            sameOrigin =\n-                urlParts[1] == location.protocol &&\n-                urlParts[3] == location.hostname;\n-            var uPort = urlParts[4],\n-                lPort = location.port;\n-            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n-                sameOrigin = sameOrigin && uPort == lPort;\n-            }\n-        }\n-        if (!sameOrigin) {\n-            if (proxy) {\n-                if (typeof proxy == \"function\") {\n-                    url = proxy(url);\n-                } else {\n-                    url = proxy + encodeURIComponent(url);\n-                }\n+    setName: function(newName) {\n+        if (newName != this.name) {\n+            this.name = newName;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"name\"\n+                });\n             }\n         }\n-        return url;\n     },\n \n     /**\n-     * APIMethod: issue\n-     * Create a new XMLHttpRequest object, open it, set any headers, bind\n-     *     a callback to done state, and send any data.  It is recommended that\n-     *     you use one <GET>, <POST>, <PUT>, <DELETE>, <OPTIONS>, or <HEAD>.\n-     *     This method is only documented to provide detail on the configuration\n-     *     options available to all request methods.\n-     *\n+     * APIMethod: addOptions\n+     * \n      * Parameters:\n-     * config - {Object} Object containing properties for configuring the\n-     *     request.  Allowed configuration properties are described below.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Allowed config properties:\n-     * method - {String} One of GET, POST, PUT, DELETE, HEAD, or\n-     *     OPTIONS.  Default is GET.\n-     * url - {String} URL for the request.\n-     * async - {Boolean} Open an asynchronous request.  Default is true.\n-     * user - {String} User for relevant authentication scheme.  Set\n-     *     to null to clear current user.\n-     * password - {String} Password for relevant authentication scheme.\n-     *     Set to null to clear current password.\n-     * proxy - {String} Optional proxy.  Defaults to\n-     *     <OpenLayers.ProxyHost>.\n-     * params - {Object} Any key:value pairs to be appended to the\n-     *     url as a query string.  Assumes url doesn't already include a query\n-     *     string or hash.  Typically, this is only appropriate for <GET>\n-     *     requests where the query string will be appended to the url.\n-     *     Parameter values that are arrays will be\n-     *     concatenated with a comma (note that this goes against form-encoding)\n-     *     as is done with <OpenLayers.Util.getParameterString>.\n-     * headers - {Object} Object with header:value pairs to be set on\n-     *     the request.\n-     * data - {String | Document} Optional data to send with the request.\n-     *     Typically, this is only used with <POST> and <PUT> requests.\n-     *     Make sure to provide the appropriate \"Content-Type\" header for your\n-     *     data.  For <POST> and <PUT> requests, the content type defaults to\n-     *     \"application-xml\".  If your data is a different content type, or\n-     *     if you are using a different HTTP method, set the \"Content-Type\"\n-     *     header to match your data type.\n-     * callback - {Function} Function to call when request is done.\n-     *     To determine if the request failed, check request.status (200\n-     *     indicates success).\n-     * success - {Function} Optional function to call if request status is in\n-     *     the 200s.  This will be called in addition to callback above and\n-     *     would typically only be used as an alternative.\n-     * failure - {Function} Optional function to call if request status is not\n-     *     in the 200s.  This will be called in addition to callback above and\n-     *     would typically only be used as an alternative.\n-     * scope - {Object} If callback is a public method on some object,\n-     *     set the scope to that object.\n-     *\n-     * Returns:\n-     * {XMLHttpRequest} Request object.  To abort the request before a response\n-     *     is received, call abort() on the request object.\n+     * newOptions - {Object}\n+     * reinitialize - {Boolean} If set to true, and if resolution options of the\n+     *     current baseLayer were changed, the map will be recentered to make\n+     *     sure that it is displayed with a valid resolution, and a\n+     *     changebaselayer event will be triggered.\n      */\n-    issue: function(config) {\n-        // apply default config - proxy host may have changed\n-        var defaultConfig = OpenLayers.Util.extend(\n-            this.DEFAULT_CONFIG, {\n-                proxy: OpenLayers.ProxyHost\n+    addOptions: function(newOptions, reinitialize) {\n+\n+        if (this.options == null) {\n+            this.options = {};\n+        }\n+\n+        if (newOptions) {\n+            // make sure this.projection references a projection object\n+            if (typeof newOptions.projection == \"string\") {\n+                newOptions.projection = new OpenLayers.Projection(newOptions.projection);\n             }\n-        );\n-        config = config || {};\n-        config.headers = config.headers || {};\n-        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n-        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n-        // Always set the \"X-Requested-With\" header to signal that this request\n-        // was issued through the XHR-object. Since header keys are case \n-        // insensitive and we want to allow overriding of the \"X-Requested-With\"\n-        // header through the user we cannot use applyDefaults, but have to \n-        // check manually whether we were called with a \"X-Requested-With\"\n-        // header.\n-        var customRequestedWithHeader = false,\n-            headerKey;\n-        for (headerKey in config.headers) {\n-            if (config.headers.hasOwnProperty(headerKey)) {\n-                if (headerKey.toLowerCase() === 'x-requested-with') {\n-                    customRequestedWithHeader = true;\n-                }\n+            if (newOptions.projection) {\n+                // get maxResolution, units and maxExtent from projection defaults if\n+                // they are not defined already\n+                OpenLayers.Util.applyDefaults(newOptions,\n+                    OpenLayers.Projection.defaults[newOptions.projection.getCode()]);\n+            }\n+            // allow array for extents\n+            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent);\n+            }\n+            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent);\n             }\n-        }\n-        if (customRequestedWithHeader === false) {\n-            // we did not have a custom \"X-Requested-With\" header\n-            config.headers['X-Requested-With'] = 'XMLHttpRequest';\n         }\n \n-        // create request, open, and set headers\n-        var request = new OpenLayers.Request.XMLHttpRequest();\n-        var url = OpenLayers.Util.urlAppend(config.url,\n-            OpenLayers.Util.getParameterString(config.params || {}));\n-        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n-        request.open(\n-            config.method, url, config.async, config.user, config.password\n-        );\n-        for (var header in config.headers) {\n-            request.setRequestHeader(header, config.headers[header]);\n-        }\n+        // update our copy for clone\n+        OpenLayers.Util.extend(this.options, newOptions);\n \n-        var events = this.events;\n+        // add new options to this\n+        OpenLayers.Util.extend(this, newOptions);\n \n-        // we want to execute runCallbacks with \"this\" as the\n-        // execution scope\n-        var self = this;\n+        // get the units from the projection, if we have a projection\n+        // and it it has units\n+        if (this.projection && this.projection.getUnits()) {\n+            this.units = this.projection.getUnits();\n+        }\n \n-        request.onreadystatechange = function() {\n-            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n-                var proceed = events.triggerEvent(\n-                    \"complete\", {\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n+        // re-initialize resolutions if necessary, i.e. if any of the\n+        // properties of the \"properties\" array defined below is set\n+        // in the new options\n+        if (this.map) {\n+            // store current resolution so we can try to restore it later\n+            var resolution = this.map.getResolution();\n+            var properties = this.RESOLUTION_PROPERTIES.concat(\n+                [\"projection\", \"units\", \"minExtent\", \"maxExtent\"]\n+            );\n+            for (var o in newOptions) {\n+                if (newOptions.hasOwnProperty(o) &&\n+                    OpenLayers.Util.indexOf(properties, o) >= 0) {\n+\n+                    this.initResolutions();\n+                    if (reinitialize && this.map.baseLayer === this) {\n+                        // update map position, and restore previous resolution\n+                        this.map.setCenter(this.map.getCenter(),\n+                            this.map.getZoomForResolution(resolution),\n+                            false, true\n+                        );\n+                        // trigger a changebaselayer event to make sure that\n+                        // all controls (especially\n+                        // OpenLayers.Control.PanZoomBar) get notified of the\n+                        // new options\n+                        this.map.events.triggerEvent(\"changebaselayer\", {\n+                            layer: this\n+                        });\n                     }\n-                );\n-                if (proceed !== false) {\n-                    self.runCallbacks({\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n-                    });\n+                    break;\n                 }\n             }\n-        };\n-\n-        // send request (optionally with data) and return\n-        // call in a timeout for asynchronous requests so the return is\n-        // available before readyState == 4 for cached docs\n-        if (config.async === false) {\n-            request.send(config.data);\n-        } else {\n-            window.setTimeout(function() {\n-                if (request.readyState !== 0) { // W3C: 0-UNSENT\n-                    request.send(config.data);\n-                }\n-            }, 0);\n         }\n-        return request;\n     },\n \n     /**\n-     * Method: runCallbacks\n-     * Calls the complete, success and failure callbacks. Application\n-     *    can listen to the \"complete\" event, have the listener \n-     *    display a confirm window and always return false, and\n-     *    execute OpenLayers.Request.runCallbacks if the user\n-     *    hits \"yes\" in the confirm window.\n-     *\n-     * Parameters:\n-     * options - {Object} Hash containing request, config and requestUrl keys\n+     * APIMethod: onMapResize\n+     * This function can be implemented by subclasses\n      */\n-    runCallbacks: function(options) {\n-        var request = options.request;\n-        var config = options.config;\n-\n-        // bind callbacks to readyState 4 (done)\n-        var complete = (config.scope) ?\n-            OpenLayers.Function.bind(config.callback, config.scope) :\n-            config.callback;\n+    onMapResize: function() {\n+        //this function can be implemented by subclasses  \n+    },\n \n-        // optional success callback\n-        var success;\n-        if (config.success) {\n-            success = (config.scope) ?\n-                OpenLayers.Function.bind(config.success, config.scope) :\n-                config.success;\n-        }\n+    /**\n+     * APIMethod: redraw\n+     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n+     *\n+     * Returns:\n+     * {Boolean} The layer was redrawn.\n+     */\n+    redraw: function() {\n+        var redrawn = false;\n+        if (this.map) {\n \n-        // optional failure callback\n-        var failure;\n-        if (config.failure) {\n-            failure = (config.scope) ?\n-                OpenLayers.Function.bind(config.failure, config.scope) :\n-                config.failure;\n-        }\n+            // min/max Range may have changed\n+            this.inRange = this.calculateInRange();\n \n-        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" &&\n-            request.responseText) {\n-            request.status = 200;\n-        }\n-        complete(request);\n+            // map's center might not yet be set\n+            var extent = this.getExtent();\n \n-        if (!request.status || (request.status >= 200 && request.status < 300)) {\n-            this.events.triggerEvent(\"success\", options);\n-            if (success) {\n-                success(request);\n-            }\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"failure\", options);\n-            if (failure) {\n-                failure(request);\n+            if (extent && this.inRange && this.visibility) {\n+                var zoomChanged = true;\n+                this.moveTo(extent, zoomChanged, false);\n+                this.events.triggerEvent(\"moveend\", {\n+                    \"zoomChanged\": zoomChanged\n+                });\n+                redrawn = true;\n             }\n         }\n+        return redrawn;\n     },\n \n     /**\n-     * APIMethod: GET\n-     * Send an HTTP GET request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to GET.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n+     * Method: moveTo\n      * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+     *     do some init work in that case.\n+     * dragging - {Boolean}\n      */\n-    GET: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"GET\"\n-        });\n-        return OpenLayers.Request.issue(config);\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        var display = this.visibility;\n+        if (!this.isBaseLayer) {\n+            display = display && this.inRange;\n+        }\n+        this.display(display);\n     },\n \n     /**\n-     * APIMethod: POST\n-     * Send a POST request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to POST and \"Content-Type\" header set to \"application/xml\".\n+     * Method: moveByPx\n+     * Move the layer based on pixel vector. To be implemented by subclasses.\n      *\n      * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.  The\n-     *     default \"Content-Type\" header will be set to \"application-xml\" if\n-     *     none is provided.  This object is modified and should not be reused.\n+     * dx - {Number} The x coord of the displacement vector.\n+     * dy - {Number} The y coord of the displacement vector.\n+     */\n+    moveByPx: function(dx, dy) {},\n+\n+    /**\n+     * Method: setMap\n+     * Set the map property for the layer. This is done through an accessor\n+     *     so that subclasses can override this and take special action once \n+     *     they have their map variable set. \n      * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n+     *     Here we take care to bring over any of the necessary default \n+     *     properties from the map. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    POST: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"POST\"\n-        });\n-        // set content type to application/xml if it isn't already set\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\";\n+    setMap: function(map) {\n+        if (this.map == null) {\n+\n+            this.map = map;\n+\n+            // grab some essential layer data from the map if it hasn't already\n+            //  been set\n+            this.maxExtent = this.maxExtent || this.map.maxExtent;\n+            this.minExtent = this.minExtent || this.map.minExtent;\n+\n+            this.projection = this.projection || this.map.projection;\n+            if (typeof this.projection == \"string\") {\n+                this.projection = new OpenLayers.Projection(this.projection);\n+            }\n+\n+            // Check the projection to see if we can get units -- if not, refer\n+            // to properties.\n+            this.units = this.projection.getUnits() ||\n+                this.units || this.map.units;\n+\n+            this.initResolutions();\n+\n+            if (!this.isBaseLayer) {\n+                this.inRange = this.calculateInRange();\n+                var show = ((this.visibility) && (this.inRange));\n+                this.div.style.display = show ? \"\" : \"none\";\n+            }\n+\n+            // deal with gutters\n+            this.setTileSize();\n         }\n-        return OpenLayers.Request.issue(config);\n     },\n \n     /**\n-     * APIMethod: PUT\n-     * Send an HTTP PUT request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to PUT and \"Content-Type\" header set to \"application/xml\".\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.  The\n-     *     default \"Content-Type\" header will be set to \"application-xml\" if\n-     *     none is provided.  This object is modified and should not be reused.\n+     * Method: afterAdd\n+     * Called at the end of the map.addLayer sequence.  At this point, the map\n+     *     will have a base layer.  To be overridden by subclasses.\n+     */\n+    afterAdd: function() {},\n+\n+    /**\n+     * APIMethod: removeMap\n+     * Just as setMap() allows each layer the possibility to take a \n+     *     personalized action on being added to the map, removeMap() allows\n+     *     each layer to take a personalized action on being removed from it. \n+     *     For now, this will be mostly unused, except for the EventPane layer,\n+     *     which needs this hook so that it can remove the special invisible\n+     *     pane. \n      * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    PUT: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"PUT\"\n-        });\n-        // set content type to application/xml if it isn't already set\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\";\n-        }\n-        return OpenLayers.Request.issue(config);\n+    removeMap: function(map) {\n+        //to be overridden by subclasses\n     },\n \n     /**\n-     * APIMethod: DELETE\n-     * Send an HTTP DELETE request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to DELETE.\n+     * APIMethod: getImageSize\n      *\n      * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n+     * bounds - {<OpenLayers.Bounds>} optional tile bounds, can be used\n+     *     by subclasses that have to deal with different tile sizes at the\n+     *     layer extent edges (e.g. Zoomify)\n      * \n      * Returns:\n-     * {XMLHttpRequest} Request object.\n+     * {<OpenLayers.Size>} The size that the image should be, taking into \n+     *     account gutters.\n      */\n-    DELETE: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"DELETE\"\n-        });\n-        return OpenLayers.Request.issue(config);\n+    getImageSize: function(bounds) {\n+        return (this.imageSize || this.tileSize);\n     },\n \n     /**\n-     * APIMethod: HEAD\n-     * Send an HTTP HEAD request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to HEAD.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n+     * APIMethod: setTileSize\n+     * Set the tile size based on the map size.  This also sets layer.imageSize\n+     *     or use by Tile.Image.\n      * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n+     * Parameters:\n+     * size - {<OpenLayers.Size>}\n      */\n-    HEAD: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"HEAD\"\n-        });\n-        return OpenLayers.Request.issue(config);\n+    setTileSize: function(size) {\n+        var tileSize = (size) ? size :\n+            ((this.tileSize) ? this.tileSize :\n+                this.map.getTileSize());\n+        this.tileSize = tileSize;\n+        if (this.gutter) {\n+            // layers with gutters need non-null tile sizes\n+            //if(tileSize == null) {\n+            //    OpenLayers.console.error(\"Error in layer.setMap() for \" +\n+            //                              this.name + \": layers with \" +\n+            //                              \"gutters need non-null tile sizes\");\n+            //}\n+            this.imageSize = new OpenLayers.Size(tileSize.w + (2 * this.gutter),\n+                tileSize.h + (2 * this.gutter));\n+        }\n     },\n \n     /**\n-     * APIMethod: OPTIONS\n-     * Send an HTTP OPTIONS request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to OPTIONS.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n+     * APIMethod: getVisibility\n      * \n      * Returns:\n-     * {XMLHttpRequest} Request object.\n+     * {Boolean} The layer should be displayed (if in range).\n      */\n-    OPTIONS: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"OPTIONS\"\n-        });\n-        return OpenLayers.Request.issue(config);\n-    }\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Control.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control\n- * Controls affect the display or behavior of the map. They allow everything\n- * from panning and zooming to displaying a scale indicator. Controls by \n- * default are added to the map they are contained within however it is\n- * possible to add a control to an external div by passing the div in the\n- * options parameter.\n- * \n- * Example:\n- * The following example shows how to add many of the common controls\n- * to a map.\n- * \n- * > var map = new OpenLayers.Map('map', { controls: [] });\n- * >\n- * > map.addControl(new OpenLayers.Control.PanZoomBar());\n- * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n- * > map.addControl(new OpenLayers.Control.Permalink());\n- * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n- * > map.addControl(new OpenLayers.Control.MousePosition());\n- * > map.addControl(new OpenLayers.Control.OverviewMap());\n- * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n- *\n- * The next code fragment is a quick example of how to intercept \n- * shift-mouse click to display the extent of the bounding box\n- * dragged out by the user.  Usually controls are not created\n- * in exactly this manner.  See the source for a more complete \n- * example:\n- *\n- * > var control = new OpenLayers.Control();\n- * > OpenLayers.Util.extend(control, {\n- * >     draw: function () {\n- * >         // this Handler.Box will intercept the shift-mousedown\n- * >         // before Control.MouseDefault gets to see it\n- * >         this.box = new OpenLayers.Handler.Box( control, \n- * >             {\"done\": this.notice},\n- * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n- * >         this.box.activate();\n- * >     },\n- * >\n- * >     notice: function (bounds) {\n- * >         OpenLayers.Console.userError(bounds);\n- * >     }\n- * > }); \n- * > map.addControl(control);\n- * \n- */\n-OpenLayers.Control = OpenLayers.Class({\n+    getVisibility: function() {\n+        return this.visibility;\n+    },\n \n     /** \n-     * Property: id \n-     * {String} \n+     * APIMethod: setVisibility\n+     * Set the visibility flag for the layer and hide/show & redraw \n+     *     accordingly. Fire event unless otherwise specified\n+     * \n+     * Note that visibility is no longer simply whether or not the layer's\n+     *     style.display is set to \"block\". Now we store a 'visibility' state \n+     *     property on the layer class, this allows us to remember whether or \n+     *     not we *desire* for a layer to be visible. In the case where the \n+     *     map's resolution is out of the layer's range, this desire may be \n+     *     subverted.\n+     * \n+     * Parameters:\n+     * visibility - {Boolean} Whether or not to display the layer (if in range)\n      */\n-    id: null,\n+    setVisibility: function(visibility) {\n+        if (visibility != this.visibility) {\n+            this.visibility = visibility;\n+            this.display(visibility);\n+            this.redraw();\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"visibility\"\n+                });\n+            }\n+            this.events.triggerEvent(\"visibilitychanged\");\n+        }\n+    },\n \n     /** \n-     * Property: map \n-     * {<OpenLayers.Map>} this gets set in the addControl() function in\n-     * OpenLayers.Map \n+     * APIMethod: display\n+     * Hide or show the Layer. This is designed to be used internally, and \n+     *     is not generally the way to enable or disable the layer. For that,\n+     *     use the setVisibility function instead..\n+     * \n+     * Parameters:\n+     * display - {Boolean}\n      */\n-    map: null,\n+    display: function(display) {\n+        if (display != (this.div.style.display != \"none\")) {\n+            this.div.style.display = (display && this.calculateInRange()) ? \"block\" : \"none\";\n+        }\n+    },\n \n-    /** \n-     * APIProperty: div \n-     * {DOMElement} The element that contains the control, if not present the \n-     *     control is placed inside the map.\n+    /**\n+     * APIMethod: calculateInRange\n+     * \n+     * Returns:\n+     * {Boolean} The layer is displayable at the current map's current\n+     *     resolution. Note that if 'alwaysInRange' is true for the layer, \n+     *     this function will always return true.\n      */\n-    div: null,\n+    calculateInRange: function() {\n+        var inRange = false;\n \n-    /** \n-     * APIProperty: type \n-     * {Number} Controls can have a 'type'. The type determines the type of\n-     * interactions which are possible with them when they are placed in an\n-     * <OpenLayers.Control.Panel>. \n-     */\n-    type: null,\n+        if (this.alwaysInRange) {\n+            inRange = true;\n+        } else {\n+            if (this.map) {\n+                var resolution = this.map.getResolution();\n+                inRange = ((resolution >= this.minResolution) &&\n+                    (resolution <= this.maxResolution));\n+            }\n+        }\n+        return inRange;\n+    },\n \n     /** \n-     * Property: allowSelection\n-     * {Boolean} By default, controls do not allow selection, because\n-     * it may interfere with map dragging. If this is true, OpenLayers\n-     * will not prevent selection of the control.\n-     * Default is false.\n+     * APIMethod: setIsBaseLayer\n+     * \n+     * Parameters:\n+     * isBaseLayer - {Boolean}\n      */\n-    allowSelection: false,\n+    setIsBaseLayer: function(isBaseLayer) {\n+        if (isBaseLayer != this.isBaseLayer) {\n+            this.isBaseLayer = isBaseLayer;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changebaselayer\", {\n+                    layer: this\n+                });\n+            }\n+        }\n+    },\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /********************************************************/\n \n     /** \n-     * Property: displayClass \n-     * {string}  This property is used for CSS related to the drawing of the\n-     * Control. \n+     * Method: initResolutions\n+     * This method's responsibility is to set up the 'resolutions' array \n+     *     for the layer -- this array is what the layer will use to interface\n+     *     between the zoom levels of the map and the resolution display \n+     *     of the layer.\n+     * \n+     * The user has several options that determine how the array is set up.\n+     *  \n+     * For a detailed explanation, see the following wiki from the \n+     *     openlayers.org homepage:\n+     *     http://trac.openlayers.org/wiki/SettingZoomLevels\n      */\n-    displayClass: \"\",\n+    initResolutions: function() {\n \n-    /**\n-     * APIProperty: title  \n-     * {string}  This property is used for showing a tooltip over the  \n-     * Control.  \n-     */\n-    title: \"\",\n+        // ok we want resolutions, here's our strategy:\n+        //\n+        // 1. if resolutions are defined in the layer config, use them\n+        // 2. else, if scales are defined in the layer config then derive\n+        //    resolutions from these scales\n+        // 3. else, attempt to calculate resolutions from maxResolution,\n+        //    minResolution, numZoomLevels, maxZoomLevel set in the\n+        //    layer config\n+        // 4. if we still don't have resolutions, and if resolutions\n+        //    are defined in the same, use them\n+        // 5. else, if scales are defined in the map then derive\n+        //    resolutions from these scales\n+        // 6. else, attempt to calculate resolutions from maxResolution,\n+        //    minResolution, numZoomLevels, maxZoomLevel set in the\n+        //    map\n+        // 7. hope for the best!\n \n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     false.\n-     */\n-    autoActivate: false,\n+        var i, len, p;\n+        var props = {},\n+            alwaysInRange = true;\n \n-    /** \n-     * APIProperty: active \n-     * {Boolean} The control is active (read-only).  Use <activate> and \n-     *     <deactivate> to change control state.\n-     */\n-    active: null,\n+        // get resolution data from layer config\n+        // (we also set alwaysInRange in the layer as appropriate)\n+        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+            p = this.RESOLUTION_PROPERTIES[i];\n+            props[p] = this.options[p];\n+            if (alwaysInRange && this.options[p]) {\n+                alwaysInRange = false;\n+            }\n+        }\n+        if (this.options.alwaysInRange == null) {\n+            this.alwaysInRange = alwaysInRange;\n+        }\n \n-    /**\n-     * Property: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-    handlerOptions: null,\n+        // if we don't have resolutions then attempt to derive them from scales\n+        if (props.resolutions == null) {\n+            props.resolutions = this.resolutionsFromScales(props.scales);\n+        }\n \n-    /** \n-     * Property: handler \n-     * {<OpenLayers.Handler>} null\n-     */\n-    handler: null,\n+        // if we still don't have resolutions then attempt to calculate them\n+        if (props.resolutions == null) {\n+            props.resolutions = this.calculateResolutions(props);\n+        }\n \n-    /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n-     */\n-    eventListeners: null,\n+        // if we couldn't calculate resolutions then we look at we have\n+        // in the map\n+        if (props.resolutions == null) {\n+            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+                p = this.RESOLUTION_PROPERTIES[i];\n+                props[p] = this.options[p] != null ?\n+                    this.options[p] : this.map[p];\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.resolutionsFromScales(props.scales);\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.calculateResolutions(props);\n+            }\n+        }\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n+        // ok, we new need to set properties in the instance\n+\n+        // get maxResolution from the config if it's defined there\n+        var maxResolution;\n+        if (this.options.maxResolution &&\n+            this.options.maxResolution !== \"auto\") {\n+            maxResolution = this.options.maxResolution;\n+        }\n+        if (this.options.minScale) {\n+            maxResolution = OpenLayers.Util.getResolutionFromScale(\n+                this.options.minScale, this.units);\n+        }\n+\n+        // get minResolution from the config if it's defined there\n+        var minResolution;\n+        if (this.options.minResolution &&\n+            this.options.minResolution !== \"auto\") {\n+            minResolution = this.options.minResolution;\n+        }\n+        if (this.options.maxScale) {\n+            minResolution = OpenLayers.Util.getResolutionFromScale(\n+                this.options.maxScale, this.units);\n+        }\n+\n+        if (props.resolutions) {\n+\n+            //sort resolutions array descendingly\n+            props.resolutions.sort(function(a, b) {\n+                return (b - a);\n+            });\n+\n+            // if we still don't have a maxResolution get it from the\n+            // resolutions array\n+            if (!maxResolution) {\n+                maxResolution = props.resolutions[0];\n+            }\n+\n+            // if we still don't have a minResolution get it from the\n+            // resolutions array\n+            if (!minResolution) {\n+                var lastIdx = props.resolutions.length - 1;\n+                minResolution = props.resolutions[lastIdx];\n+            }\n+        }\n+\n+        this.resolutions = props.resolutions;\n+        if (this.resolutions) {\n+            len = this.resolutions.length;\n+            this.scales = new Array(len);\n+            for (i = 0; i < len; i++) {\n+                this.scales[i] = OpenLayers.Util.getScaleFromResolution(\n+                    this.resolutions[i], this.units);\n+            }\n+            this.numZoomLevels = len;\n+        }\n+        this.minResolution = minResolution;\n+        if (minResolution) {\n+            this.maxScale = OpenLayers.Util.getScaleFromResolution(\n+                minResolution, this.units);\n+        }\n+        this.maxResolution = maxResolution;\n+        if (maxResolution) {\n+            this.minScale = OpenLayers.Util.getScaleFromResolution(\n+                maxResolution, this.units);\n+        }\n+    },\n+\n+    /**\n+     * Method: resolutionsFromScales\n+     * Derive resolutions from scales.\n      *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to control.events.object (a reference\n-     *      to the control).\n-     * element - {DOMElement} A reference to control.events.element (which\n-     *      will be null unless documented otherwise).\n+     * Parameters:\n+     * scales - {Array(Number)} Scales\n      *\n-     * Supported map event types:\n-     * activate - Triggered when activated.\n-     * deactivate - Triggered when deactivated.\n+     * Returns\n+     * {Array(Number)} Resolutions\n      */\n-    events: null,\n+    resolutionsFromScales: function(scales) {\n+        if (scales == null) {\n+            return;\n+        }\n+        var resolutions, i, len;\n+        len = scales.length;\n+        resolutions = new Array(len);\n+        for (i = 0; i < len; i++) {\n+            resolutions[i] = OpenLayers.Util.getResolutionFromScale(\n+                scales[i], this.units);\n+        }\n+        return resolutions;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control\n-     * Create an OpenLayers Control.  The options passed as a parameter\n-     * directly extend the control.  For example passing the following:\n-     * \n-     * > var control = new OpenLayers.Control({div: myDiv});\n+     * Method: calculateResolutions\n+     * Calculate resolutions based on the provided properties.\n      *\n-     * Overrides the default div attribute value of null.\n-     * \n      * Parameters:\n-     * options - {Object} \n+     * props - {Object} Properties\n+     *\n+     * Returns:\n+     * {Array({Number})} Array of resolutions.\n      */\n-    initialize: function(options) {\n-        // We do this before the extend so that instances can override\n-        // className in options.\n-        this.displayClass =\n-            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n+    calculateResolutions: function(props) {\n \n-        OpenLayers.Util.extend(this, options);\n+        var viewSize, wRes, hRes;\n \n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners);\n+        // determine maxResolution\n+        var maxResolution = props.maxResolution;\n+        if (props.minScale != null) {\n+            maxResolution =\n+                OpenLayers.Util.getResolutionFromScale(props.minScale,\n+                    this.units);\n+        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.maxExtent.getWidth() / viewSize.w;\n+            hRes = this.maxExtent.getHeight() / viewSize.h;\n+            maxResolution = Math.max(wRes, hRes);\n         }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+\n+        // determine minResolution\n+        var minResolution = props.minResolution;\n+        if (props.maxScale != null) {\n+            minResolution =\n+                OpenLayers.Util.getResolutionFromScale(props.maxScale,\n+                    this.units);\n+        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.minExtent.getWidth() / viewSize.w;\n+            hRes = this.minExtent.getHeight() / viewSize.h;\n+            minResolution = Math.max(wRes, hRes);\n         }\n-    },\n \n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners);\n-            }\n-            this.events.destroy();\n-            this.events = null;\n+        if (typeof maxResolution !== \"number\" &&\n+            typeof minResolution !== \"number\" &&\n+            this.maxExtent != null) {\n+            // maxResolution for default grid sets assumes that at zoom\n+            // level zero, the whole world fits on one tile.\n+            var tileSize = this.map.getTileSize();\n+            maxResolution = Math.max(\n+                this.maxExtent.getWidth() / tileSize.w,\n+                this.maxExtent.getHeight() / tileSize.h\n+            );\n         }\n-        this.eventListeners = null;\n \n-        // eliminate circular references\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null;\n+        // determine numZoomLevels\n+        var maxZoomLevel = props.maxZoomLevel;\n+        var numZoomLevels = props.numZoomLevels;\n+        if (typeof minResolution === \"number\" &&\n+            typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n+            var ratio = maxResolution / minResolution;\n+            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1;\n+        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n+            numZoomLevels = maxZoomLevel + 1;\n         }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) &&\n-                    typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy();\n-                }\n-            }\n-            this.handlers = null;\n+\n+        // are we able to calculate resolutions?\n+        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 ||\n+            (typeof maxResolution !== \"number\" &&\n+                typeof minResolution !== \"number\")) {\n+            return;\n         }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null;\n+\n+        // now we have numZoomLevels and at least one of maxResolution\n+        // or minResolution, we can populate the resolutions array\n+\n+        var resolutions = new Array(numZoomLevels);\n+        var base = 2;\n+        if (typeof minResolution == \"number\" &&\n+            typeof maxResolution == \"number\") {\n+            // if maxResolution and minResolution are set, we calculate\n+            // the base for exponential scaling that starts at\n+            // maxResolution and ends at minResolution in numZoomLevels\n+            // steps.\n+            base = Math.pow(\n+                (maxResolution / minResolution),\n+                (1 / (numZoomLevels - 1))\n+            );\n         }\n-        this.div = null;\n+\n+        var i;\n+        if (typeof maxResolution === \"number\") {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[i] = maxResolution / Math.pow(base, i);\n+            }\n+        } else {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[numZoomLevels - 1 - i] =\n+                    minResolution * Math.pow(base, i);\n+            }\n+        }\n+\n+        return resolutions;\n+    },\n+\n+    /**\n+     * APIMethod: getResolution\n+     * \n+     * Returns:\n+     * {Float} The currently selected resolution of the map, taken from the\n+     *     resolutions array, indexed by current zoom level.\n+     */\n+    getResolution: function() {\n+        var zoom = this.map.getZoom();\n+        return this.getResolutionForZoom(zoom);\n     },\n \n     /** \n-     * Method: setMap\n-     * Set the map property for the control. This is done through an accessor\n-     * so that subclasses can override this and take special action once \n-     * they have their map variable set. \n+     * APIMethod: getExtent\n+     * \n+     * Returns:\n+     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n+     *     bounds of the current viewPort.\n+     */\n+    getExtent: function() {\n+        // just use stock map calculateBounds function -- passing no arguments\n+        //  means it will user map's current center & resolution\n+        //\n+        return this.map.calculateBounds();\n+    },\n+\n+    /**\n+     * APIMethod: getZoomForExtent\n+     * \n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * closest - {Boolean} Find the zoom level that most closely fits the \n+     *     specified bounds. Note that this may result in a zoom that does \n+     *     not exactly contain the entire extent.\n+     *     Default is false.\n      *\n+     * Returns:\n+     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n+     *     for the passed-in extent. We do this by calculating the ideal \n+     *     resolution for the given extent (based on the map size) and then \n+     *     calling getZoomForResolution(), passing along the 'closest'\n+     *     parameter.\n+     */\n+    getZoomForExtent: function(extent, closest) {\n+        var viewSize = this.map.getSize();\n+        var idealResolution = Math.max(extent.getWidth() / viewSize.w,\n+            extent.getHeight() / viewSize.h);\n+\n+        return this.getZoomForResolution(idealResolution, closest);\n+    },\n+\n+    /** \n+     * Method: getDataExtent\n+     * Calculates the max extent which includes all of the data for the layer.\n+     *     This function is to be implemented by subclasses.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n+     */\n+    getDataExtent: function() {\n+        //to be implemented by subclasses\n+    },\n+\n+    /**\n+     * APIMethod: getResolutionForZoom\n+     * \n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * zoom - {Float}\n+     * \n+     * Returns:\n+     * {Float} A suitable resolution for the specified zoom.\n      */\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map);\n+    getResolutionForZoom: function(zoom) {\n+        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n+        var resolution;\n+        if (this.map.fractionalZoom) {\n+            var low = Math.floor(zoom);\n+            var high = Math.ceil(zoom);\n+            resolution = this.resolutions[low] -\n+                ((zoom - low) * (this.resolutions[low] - this.resolutions[high]));\n+        } else {\n+            resolution = this.resolutions[Math.round(zoom)];\n         }\n+        return resolution;\n     },\n \n     /**\n-     * Method: draw\n-     * The draw method is called when the control is ready to be displayed\n-     * on the page.  If a div has not been created one is created.  Controls\n-     * with a visual component will almost always want to override this method \n-     * to customize the look of control. \n-     *\n+     * APIMethod: getZoomForResolution\n+     * \n      * Parameters:\n-     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n-     *      or null.\n-     *\n+     * resolution - {Float}\n+     * closest - {Boolean} Find the zoom level that corresponds to the absolute \n+     *     closest resolution, which may result in a zoom whose corresponding\n+     *     resolution is actually smaller than we would have desired (if this\n+     *     is being called from a getZoomForExtent() call, then this means that\n+     *     the returned zoom index might not actually contain the entire \n+     *     extent specified... but it'll be close).\n+     *     Default is false.\n+     * \n      * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n+     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n+     *     that corresponds to the best fit resolution given the passed in \n+     *     value and the 'closest' specification.\n      */\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False;\n+    getZoomForResolution: function(resolution, closest) {\n+        var zoom, i, len;\n+        if (this.map.fractionalZoom) {\n+            var lowZoom = 0;\n+            var highZoom = this.resolutions.length - 1;\n+            var highRes = this.resolutions[lowZoom];\n+            var lowRes = this.resolutions[highZoom];\n+            var res;\n+            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n+                res = this.resolutions[i];\n+                if (res >= resolution) {\n+                    highRes = res;\n+                    lowZoom = i;\n+                }\n+                if (res <= resolution) {\n+                    lowRes = res;\n+                    highZoom = i;\n+                    break;\n+                }\n             }\n-            if (this.title != \"\") {\n-                this.div.title = this.title;\n+            var dRes = highRes - lowRes;\n+            if (dRes > 0) {\n+                zoom = lowZoom + ((highRes - resolution) / dRes);\n+            } else {\n+                zoom = lowZoom;\n             }\n+        } else {\n+            var diff;\n+            var minDiff = Number.POSITIVE_INFINITY;\n+            for (i = 0, len = this.resolutions.length; i < len; i++) {\n+                if (closest) {\n+                    diff = Math.abs(this.resolutions[i] - resolution);\n+                    if (diff > minDiff) {\n+                        break;\n+                    }\n+                    minDiff = diff;\n+                } else {\n+                    if (this.resolutions[i] < resolution) {\n+                        break;\n+                    }\n+                }\n+            }\n+            zoom = Math.max(0, i - 1);\n         }\n-        if (px != null) {\n-            this.position = px.clone();\n-        }\n-        this.moveTo(this.position);\n-        return this.div;\n+        return zoom;\n     },\n \n     /**\n-     * Method: moveTo\n-     * Sets the left and top style attributes to the passed in pixel \n-     * coordinates.\n-     *\n+     * APIMethod: getLonLatFromViewPortPx\n+     * \n      * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n+     * viewPortPx - {<OpenLayers.Pixel>|Object} An OpenLayers.Pixel or\n+     *                                          an object with a 'x'\n+     *                                          and 'y' properties.\n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in \n+     *     view port <OpenLayers.Pixel>, translated into lon/lat by the layer.\n      */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.div != null)) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\";\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        var map = this.map;\n+        if (viewPortPx != null && map.minPx) {\n+            var res = map.getResolution();\n+            var maxExtent = map.getMaxExtent({\n+                restricted: true\n+            });\n+            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n+            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n+            lonlat = new OpenLayers.LonLat(lon, lat);\n+\n+            if (this.wrapDateLine) {\n+                lonlat = lonlat.wrapDateLine(this.maxExtent);\n+            }\n         }\n+        return lonlat;\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Explicitly activates a control and it's associated\n-     * handler if one has been set.  Controls can be\n-     * deactivated by calling the deactivate() method.\n+     * APIMethod: getViewPortPxFromLonLat\n+     * Returns a pixel location given a map location.  This method will return\n+     *     fractional pixel values.\n      * \n-     * Returns:\n-     * {Boolean}  True if the control was successfully activated or\n-     *            false if the control was already active.\n+     * Parameters:\n+     * lonlat - {<OpenLayers.LonLat>|Object} An OpenLayers.LonLat or\n+     *                                       an object with a 'lon'\n+     *                                       and 'lat' properties.\n+     *\n+     * Returns: \n+     * {<OpenLayers.Pixel>} An <OpenLayers.Pixel> which is the passed-in \n+     *     lonlat translated into view port pixels.\n      */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        if (this.handler) {\n-            this.handler.activate();\n-        }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv,\n-                this.displayClass.replace(/ /g, \"\") + \"Active\"\n+    getViewPortPxFromLonLat: function(lonlat, resolution) {\n+        var px = null;\n+        if (lonlat != null) {\n+            resolution = resolution || this.map.getResolution();\n+            var extent = this.map.calculateBounds(null, resolution);\n+            px = new OpenLayers.Pixel(\n+                (1 / resolution * (lonlat.lon - extent.left)),\n+                (1 / resolution * (extent.top - lonlat.lat))\n             );\n         }\n-        this.events.triggerEvent(\"activate\");\n-        return true;\n+        return px;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivates a control and it's associated handler if any.  The exact\n-     * effect of this depends on the control itself.\n+     * APIMethod: setOpacity\n+     * Sets the opacity for the entire layer (all images)\n      * \n-     * Returns:\n-     * {Boolean} True if the control was effectively deactivated or false\n-     *           if the control was already inactive.\n+     * Parameters:\n+     * opacity - {Float}\n      */\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate();\n+    setOpacity: function(opacity) {\n+        if (opacity != this.opacity) {\n+            this.opacity = opacity;\n+            var childNodes = this.div.childNodes;\n+            for (var i = 0, len = childNodes.length; i < len; ++i) {\n+                var element = childNodes[i].firstChild || childNodes[i];\n+                var lastChild = childNodes[i].lastChild;\n+                //TODO de-uglify this\n+                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n+                    element = lastChild.parentNode;\n+                }\n+                OpenLayers.Util.modifyDOMElement(element, null, null, null,\n+                    null, null, null, opacity);\n             }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv,\n-                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n-                );\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                });\n             }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true;\n         }\n-        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control\"\n-});\n+    /**\n+     * Method: getZIndex\n+     * \n+     * Returns: \n+     * {Integer} the z-index of this layer\n+     */\n+    getZIndex: function() {\n+        return this.div.style.zIndex;\n+    },\n \n-/**\n- * Constant: OpenLayers.Control.TYPE_BUTTON\n- */\n-OpenLayers.Control.TYPE_BUTTON = 1;\n+    /**\n+     * Method: setZIndex\n+     * \n+     * Parameters: \n+     * zIndex - {Integer}\n+     */\n+    setZIndex: function(zIndex) {\n+        this.div.style.zIndex = zIndex;\n+    },\n \n-/**\n- * Constant: OpenLayers.Control.TYPE_TOGGLE\n- */\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n+    /**\n+     * Method: adjustBounds\n+     * This function will take a bounds, and if wrapDateLine option is set\n+     *     on the layer, it will return a bounds which is wrapped around the \n+     *     world. We do not wrap for bounds which *cross* the \n+     *     maxExtent.left/right, only bounds which are entirely to the left \n+     *     or entirely to the right.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    adjustBounds: function(bounds) {\n \n-/**\n- * Constant: OpenLayers.Control.TYPE_TOOL\n- */\n-OpenLayers.Control.TYPE_TOOL = 3;\n+        if (this.gutter) {\n+            // Adjust the extent of a bounds in map units by the \n+            // layer's gutter in pixels.\n+            var mapGutter = this.gutter * this.map.getResolution();\n+            bounds = new OpenLayers.Bounds(bounds.left - mapGutter,\n+                bounds.bottom - mapGutter,\n+                bounds.right + mapGutter,\n+                bounds.top + mapGutter);\n+        }\n+\n+        if (this.wrapDateLine) {\n+            // wrap around the date line, within the limits of rounding error\n+            var wrappingOptions = {\n+                'rightTolerance': this.getResolution(),\n+                'leftTolerance': this.getResolution()\n+            };\n+            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions);\n+\n+        }\n+        return bounds;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer\"\n+});\n /* ======================================================================\n     OpenLayers/Geometry.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -11449,757 +13929,14 @@\n         distance: Math.pow(x - x0, 2) + Math.pow(y - y0, 2),\n         x: x,\n         y: y,\n         along: along\n     };\n };\n /* ======================================================================\n-    OpenLayers/Feature.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Feature\n- * Features are combinations of geography and attributes. The OpenLayers.Feature\n- *     class specifically combines a marker and a lonlat.\n- */\n-OpenLayers.Feature = OpenLayers.Class({\n-\n-    /** \n-     * Property: layer \n-     * {<OpenLayers.Layer>} \n-     */\n-    layer: null,\n-\n-    /** \n-     * Property: id \n-     * {String} \n-     */\n-    id: null,\n-\n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} \n-     */\n-    lonlat: null,\n-\n-    /** \n-     * Property: data \n-     * {Object} \n-     */\n-    data: null,\n-\n-    /** \n-     * Property: marker \n-     * {<OpenLayers.Marker>} \n-     */\n-    marker: null,\n-\n-    /**\n-     * APIProperty: popupClass\n-     * {<OpenLayers.Class>} The class which will be used to instantiate\n-     *     a new Popup. Default is <OpenLayers.Popup.Anchored>.\n-     */\n-    popupClass: null,\n-\n-    /** \n-     * Property: popup \n-     * {<OpenLayers.Popup>} \n-     */\n-    popup: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Feature\n-     * Constructor for features.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer>} \n-     * lonlat - {<OpenLayers.LonLat>} \n-     * data - {Object} \n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature>}\n-     */\n-    initialize: function(layer, lonlat, data) {\n-        this.layer = layer;\n-        this.lonlat = lonlat;\n-        this.data = (data != null) ? data : {};\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-\n-        //remove the popup from the map\n-        if ((this.layer != null) && (this.layer.map != null)) {\n-            if (this.popup != null) {\n-                this.layer.map.removePopup(this.popup);\n-            }\n-        }\n-        // remove the marker from the layer\n-        if (this.layer != null && this.marker != null) {\n-            this.layer.removeMarker(this.marker);\n-        }\n-\n-        this.layer = null;\n-        this.id = null;\n-        this.lonlat = null;\n-        this.data = null;\n-        if (this.marker != null) {\n-            this.destroyMarker(this.marker);\n-            this.marker = null;\n-        }\n-        if (this.popup != null) {\n-            this.destroyPopup(this.popup);\n-            this.popup = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: onScreen\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the feature is currently visible on screen\n-     *           (based on its 'lonlat' property)\n-     */\n-    onScreen: function() {\n-\n-        var onScreen = false;\n-        if ((this.layer != null) && (this.layer.map != null)) {\n-            var screenBounds = this.layer.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat);\n-        }\n-        return onScreen;\n-    },\n-\n-\n-    /**\n-     * Method: createMarker\n-     * Based on the data associated with the Feature, create and return a marker object.\n-     *\n-     * Returns: \n-     * {<OpenLayers.Marker>} A Marker Object created from the 'lonlat' and 'icon' properties\n-     *          set in this.data. If no 'lonlat' is set, returns null. If no\n-     *          'icon' is set, OpenLayers.Marker() will load the default image.\n-     *          \n-     *          Note - this.marker is set to return value\n-     * \n-     */\n-    createMarker: function() {\n-\n-        if (this.lonlat != null) {\n-            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon);\n-        }\n-        return this.marker;\n-    },\n-\n-    /**\n-     * Method: destroyMarker\n-     * Destroys marker.\n-     * If user overrides the createMarker() function, s/he should be able\n-     *   to also specify an alternative function for destroying it\n-     */\n-    destroyMarker: function() {\n-        this.marker.destroy();\n-    },\n-\n-    /**\n-     * Method: createPopup\n-     * Creates a popup object created from the 'lonlat', 'popupSize',\n-     *     and 'popupContentHTML' properties set in this.data. It uses\n-     *     this.marker.icon as default anchor. \n-     *  \n-     *  If no 'lonlat' is set, returns null. \n-     *  If no this.marker has been created, no anchor is sent.\n-     *\n-     *  Note - the returned popup object is 'owned' by the feature, so you\n-     *      cannot use the popup's destroy method to discard the popup.\n-     *      Instead, you must use the feature's destroyPopup\n-     * \n-     *  Note - this.popup is set to return value\n-     * \n-     * Parameters: \n-     * closeBox - {Boolean} create popup with closebox or not\n-     * \n-     * Returns:\n-     * {<OpenLayers.Popup>} Returns the created popup, which is also set\n-     *     as 'popup' property of this feature. Will be of whatever type\n-     *     specified by this feature's 'popupClass' property, but must be\n-     *     of type <OpenLayers.Popup>.\n-     * \n-     */\n-    createPopup: function(closeBox) {\n-\n-        if (this.lonlat != null) {\n-            if (!this.popup) {\n-                var anchor = (this.marker) ? this.marker.icon : null;\n-                var popupClass = this.popupClass ?\n-                    this.popupClass : OpenLayers.Popup.Anchored;\n-                this.popup = new popupClass(this.id + \"_popup\",\n-                    this.lonlat,\n-                    this.data.popupSize,\n-                    this.data.popupContentHTML,\n-                    anchor,\n-                    closeBox);\n-            }\n-            if (this.data.overflow != null) {\n-                this.popup.contentDiv.style.overflow = this.data.overflow;\n-            }\n-\n-            this.popup.feature = this;\n-        }\n-        return this.popup;\n-    },\n-\n-\n-    /**\n-     * Method: destroyPopup\n-     * Destroys the popup created via createPopup.\n-     *\n-     * As with the marker, if user overrides the createPopup() function, s/he \n-     *   should also be able to override the destruction\n-     */\n-    destroyPopup: function() {\n-        if (this.popup) {\n-            this.popup.feature = null;\n-            this.popup.destroy();\n-            this.popup = null;\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Feature\"\n-});\n-/* ======================================================================\n-    OpenLayers/Feature/Vector.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-// TRASH THIS\n-OpenLayers.State = {\n-    /** states */\n-    UNKNOWN: 'Unknown',\n-    INSERT: 'Insert',\n-    UPDATE: 'Update',\n-    DELETE: 'Delete'\n-};\n-\n-/**\n- * @requires OpenLayers/Feature.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Feature.Vector\n- * Vector features use the OpenLayers.Geometry classes as geometry description.\n- * They have an 'attributes' property, which is the data object, and a 'style'\n- * property, the default values of which are defined in the \n- * <OpenLayers.Feature.Vector.style> objects.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Feature>\n- */\n-OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n-\n-    /** \n-     * Property: fid \n-     * {String} \n-     */\n-    fid: null,\n-\n-    /** \n-     * APIProperty: geometry \n-     * {<OpenLayers.Geometry>} \n-     */\n-    geometry: null,\n-\n-    /** \n-     * APIProperty: attributes \n-     * {Object} This object holds arbitrary, serializable properties that\n-     *     describe the feature.\n-     */\n-    attributes: null,\n-\n-    /**\n-     * Property: bounds\n-     * {<OpenLayers.Bounds>} The box bounding that feature's geometry, that\n-     *     property can be set by an <OpenLayers.Format> object when\n-     *     deserializing the feature, so in most cases it represents an\n-     *     information set by the server. \n-     */\n-    bounds: null,\n-\n-    /** \n-     * Property: state \n-     * {String} \n-     */\n-    state: null,\n-\n-    /** \n-     * APIProperty: style \n-     * {Object} \n-     */\n-    style: null,\n-\n-    /**\n-     * APIProperty: url\n-     * {String} If this property is set it will be taken into account by\n-     *     {<OpenLayers.HTTP>} when upadting or deleting the feature.\n-     */\n-    url: null,\n-\n-    /**\n-     * Property: renderIntent\n-     * {String} rendering intent currently being used\n-     */\n-    renderIntent: \"default\",\n-\n-    /**\n-     * APIProperty: modified\n-     * {Object} An object with the originals of the geometry and attributes of\n-     * the feature, if they were changed. Currently this property is only read\n-     * by <OpenLayers.Format.WFST.v1>, and written by\n-     * <OpenLayers.Control.ModifyFeature>, which sets the geometry property.\n-     * Applications can set the originals of modified attributes in the\n-     * attributes property. Note that applications have to check if this\n-     * object and the attributes property is already created before using it.\n-     * After a change made with ModifyFeature, this object could look like\n-     *\n-     * (code)\n-     * {\n-     *     geometry: >Object\n-     * }\n-     * (end)\n-     *\n-     * When an application has made changes to feature attributes, it could\n-     * have set the attributes to something like this:\n-     *\n-     * (code)\n-     * {\n-     *     attributes: {\n-     *         myAttribute: \"original\"\n-     *     }\n-     * }\n-     * (end)\n-     *\n-     * Note that <OpenLayers.Format.WFST.v1> only checks for truthy values in\n-     * *modified.geometry* and the attribute names in *modified.attributes*,\n-     * but it is recommended to set the original values (and not just true) as\n-     * attribute value, so applications could use this information to undo\n-     * changes.\n-     */\n-    modified: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Feature.Vector\n-     * Create a vector feature. \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The geometry that this feature\n-     *     represents.\n-     * attributes - {Object} An optional object that will be mapped to the\n-     *     <attributes> property. \n-     * style - {Object} An optional style object.\n-     */\n-    initialize: function(geometry, attributes, style) {\n-        OpenLayers.Feature.prototype.initialize.apply(this,\n-            [null, null, attributes]);\n-        this.lonlat = null;\n-        this.geometry = geometry ? geometry : null;\n-        this.state = null;\n-        this.attributes = {};\n-        if (attributes) {\n-            this.attributes = OpenLayers.Util.extend(this.attributes,\n-                attributes);\n-        }\n-        this.style = style ? style : null;\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-        if (this.layer) {\n-            this.layer.removeFeatures(this);\n-            this.layer = null;\n-        }\n-\n-        this.geometry = null;\n-        this.modified = null;\n-        OpenLayers.Feature.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: clone\n-     * Create a clone of this vector feature.  Does not set any non-standard\n-     *     properties.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} An exact clone of this vector feature.\n-     */\n-    clone: function() {\n-        return new OpenLayers.Feature.Vector(\n-            this.geometry ? this.geometry.clone() : null,\n-            this.attributes,\n-            this.style);\n-    },\n-\n-    /**\n-     * Method: onScreen\n-     * Determine whether the feature is within the map viewport.  This method\n-     *     tests for an intersection between the geometry and the viewport\n-     *     bounds.  If a more effecient but less precise geometry bounds\n-     *     intersection is desired, call the method with the boundsOnly\n-     *     parameter true.\n-     *\n-     * Parameters:\n-     * boundsOnly - {Boolean} Only test whether a feature's bounds intersects\n-     *     the viewport bounds.  Default is false.  If false, the feature's\n-     *     geometry must intersect the viewport for onScreen to return true.\n-     * \n-     * Returns:\n-     * {Boolean} The feature is currently visible on screen (optionally\n-     *     based on its bounds if boundsOnly is true).\n-     */\n-    onScreen: function(boundsOnly) {\n-        var onScreen = false;\n-        if (this.layer && this.layer.map) {\n-            var screenBounds = this.layer.map.getExtent();\n-            if (boundsOnly) {\n-                var featureBounds = this.geometry.getBounds();\n-                onScreen = screenBounds.intersectsBounds(featureBounds);\n-            } else {\n-                var screenPoly = screenBounds.toGeometry();\n-                onScreen = screenPoly.intersects(this.geometry);\n-            }\n-        }\n-        return onScreen;\n-    },\n-\n-    /**\n-     * Method: getVisibility\n-     * Determine whether the feature is displayed or not. It may not displayed\n-     *     because:\n-     *     - its style display property is set to 'none',\n-     *     - it doesn't belong to any layer,\n-     *     - the styleMap creates a symbolizer with display property set to 'none'\n-     *          for it,\n-     *     - the layer which it belongs to is not visible.\n-     * \n-     * Returns:\n-     * {Boolean} The feature is currently displayed.\n-     */\n-    getVisibility: function() {\n-        return !(this.style && this.style.display == 'none' ||\n-            !this.layer ||\n-            this.layer && this.layer.styleMap &&\n-            this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == 'none' ||\n-            this.layer && !this.layer.getVisibility());\n-    },\n-\n-    /**\n-     * Method: createMarker\n-     * HACK - we need to decide if all vector features should be able to\n-     *     create markers\n-     * \n-     * Returns:\n-     * {<OpenLayers.Marker>} For now just returns null\n-     */\n-    createMarker: function() {\n-        return null;\n-    },\n-\n-    /**\n-     * Method: destroyMarker\n-     * HACK - we need to decide if all vector features should be able to\n-     *     delete markers\n-     * \n-     * If user overrides the createMarker() function, s/he should be able\n-     *   to also specify an alternative function for destroying it\n-     */\n-    destroyMarker: function() {\n-        // pass\n-    },\n-\n-    /**\n-     * Method: createPopup\n-     * HACK - we need to decide if all vector features should be able to\n-     *     create popups\n-     * \n-     * Returns:\n-     * {<OpenLayers.Popup>} For now just returns null\n-     */\n-    createPopup: function() {\n-        return null;\n-    },\n-\n-    /**\n-     * Method: atPoint\n-     * Determins whether the feature intersects with the specified location.\n-     * \n-     * Parameters: \n-     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n-     * toleranceLon - {float} Optional tolerance in Geometric Coords\n-     * toleranceLat - {float} Optional tolerance in Geographic Coords\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the feature is at the specified location\n-     */\n-    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n-        var atPoint = false;\n-        if (this.geometry) {\n-            atPoint = this.geometry.atPoint(lonlat, toleranceLon,\n-                toleranceLat);\n-        }\n-        return atPoint;\n-    },\n-\n-    /**\n-     * Method: destroyPopup\n-     * HACK - we need to decide if all vector features should be able to\n-     * delete popups\n-     */\n-    destroyPopup: function() {\n-        // pass\n-    },\n-\n-    /**\n-     * Method: move\n-     * Moves the feature and redraws it at its new location\n-     *\n-     * Parameters:\n-     * location - {<OpenLayers.LonLat> or <OpenLayers.Pixel>} the\n-     *         location to which to move the feature.\n-     */\n-    move: function(location) {\n-\n-        if (!this.layer || !this.geometry.move) {\n-            //do nothing if no layer or immoveable geometry\n-            return undefined;\n-        }\n-\n-        var pixel;\n-        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n-            pixel = this.layer.getViewPortPxFromLonLat(location);\n-        } else {\n-            pixel = location;\n-        }\n-\n-        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n-        var res = this.layer.map.getResolution();\n-        this.geometry.move(res * (pixel.x - lastPixel.x),\n-            res * (lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this);\n-        return lastPixel;\n-    },\n-\n-    /**\n-     * Method: toState\n-     * Sets the new state\n-     *\n-     * Parameters:\n-     * state - {String} \n-     */\n-    toState: function(state) {\n-        if (state == OpenLayers.State.UPDATE) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.DELETE:\n-                    this.state = state;\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                case OpenLayers.State.INSERT:\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.INSERT) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                    break;\n-                default:\n-                    this.state = state;\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.DELETE) {\n-            switch (this.state) {\n-                case OpenLayers.State.INSERT:\n-                    // the feature should be destroyed\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    break;\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.UPDATE:\n-                    this.state = state;\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.UNKNOWN) {\n-            this.state = state;\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n-});\n-\n-\n-/**\n- * Constant: OpenLayers.Feature.Vector.style\n- * OpenLayers features can have a number of style attributes. The 'default' \n- *     style will typically be used if no other style is specified. These\n- *     styles correspond for the most part, to the styling properties defined\n- *     by the SVG standard. \n- *     Information on fill properties: http://www.w3.org/TR/SVG/painting.html#FillProperties\n- *     Information on stroke properties: http://www.w3.org/TR/SVG/painting.html#StrokeProperties\n- *\n- * Symbolizer properties:\n- * fill - {Boolean} Set to false if no fill is desired.\n- * fillColor - {String} Hex fill color.  Default is \"#ee9900\".\n- * fillOpacity - {Number} Fill opacity (0-1).  Default is 0.4 \n- * stroke - {Boolean} Set to false if no stroke is desired.\n- * strokeColor - {String} Hex stroke color.  Default is \"#ee9900\".\n- * strokeOpacity - {Number} Stroke opacity (0-1).  Default is 1.\n- * strokeWidth - {Number} Pixel stroke width.  Default is 1.\n- * strokeLinecap - {String} Stroke cap type.  Default is \"round\".  [butt | round | square]\n- * strokeDashstyle - {String} Stroke dash style.  Default is \"solid\". [dot | dash | dashdot | longdash | longdashdot | solid]\n- * graphic - {Boolean} Set to false if no graphic is desired.\n- * pointRadius - {Number} Pixel point radius.  Default is 6.\n- * pointerEvents - {String}  Default is \"visiblePainted\".\n- * cursor - {String} Default is \"\".\n- * externalGraphic - {String} Url to an external graphic that will be used for rendering points.\n- * graphicWidth - {Number} Pixel width for sizing an external graphic.\n- * graphicHeight - {Number} Pixel height for sizing an external graphic.\n- * graphicOpacity - {Number} Opacity (0-1) for an external graphic.\n- * graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.\n- * graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.\n- * rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).\n- * graphicZIndex - {Number} The integer z-index value to use in rendering.\n- * graphicName - {String} Named graphic to use when rendering points.  Supported values include \"circle\" (default),\n- *     \"square\", \"star\", \"x\", \"cross\", \"triangle\".\n- * graphicTitle - {String} Tooltip when hovering over a feature. *deprecated*, use title instead\n- * title - {String} Tooltip when hovering over a feature. Not supported by the canvas renderer.\n- * backgroundGraphic - {String} Url to a graphic to be used as the background under an externalGraphic.\n- * backgroundGraphicZIndex - {Number} The integer z-index value to use in rendering the background graphic.\n- * backgroundXOffset - {Number} The x offset (in pixels) for the background graphic.\n- * backgroundYOffset - {Number} The y offset (in pixels) for the background graphic.\n- * backgroundHeight - {Number} The height of the background graphic.  If not provided, the graphicHeight will be used.\n- * backgroundWidth - {Number} The width of the background width.  If not provided, the graphicWidth will be used.\n- * label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either\n- *     fillText or mozDrawText to be available.\n- * labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string\n- *     composed of two characters. The first character is for the horizontal alignment, the second for the vertical\n- *     alignment. Valid values for horizontal alignment: \"l\"=left, \"c\"=center, \"r\"=right. Valid values for vertical\n- *     alignment: \"t\"=top, \"m\"=middle, \"b\"=bottom. Example values: \"lt\", \"cm\", \"rb\". Default is \"cm\".\n- * labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label. Not supported by the canvas renderer.\n- * labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label. Not supported by the canvas renderer.\n- * labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls.\n- *     Default is false.\n- * labelOutlineColor - {String} The color of the label outline. Default is 'white'. Only supported by the canvas & SVG renderers.\n- * labelOutlineWidth - {Number} The width of the label outline. Default is 3, set to 0 or null to disable. Only supported by the  SVG renderers.\n- * labelOutlineOpacity - {Number} The opacity (0-1) of the label outline. Default is fontOpacity. Only supported by the canvas & SVG renderers.\n- * fontColor - {String} The font color for the label, to be provided like CSS.\n- * fontOpacity - {Number} Opacity (0-1) for the label\n- * fontFamily - {String} The font family for the label, to be provided like in CSS.\n- * fontSize - {String} The font size for the label, to be provided like in CSS.\n- * fontStyle - {String} The font style for the label, to be provided like in CSS.\n- * fontWeight - {String} The font weight for the label, to be provided like in CSS.\n- * display - {String} Symbolizers will have no effect if display is set to \"none\".  All other values have no effect.\n- */\n-OpenLayers.Feature.Vector.style = {\n-    'default': {\n-        fillColor: \"#ee9900\",\n-        fillOpacity: 0.4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"#ee9900\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-    },\n-    'select': {\n-        fillColor: \"blue\",\n-        fillOpacity: 0.4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"blue\",\n-        strokeOpacity: 1,\n-        strokeWidth: 2,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"pointer\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-\n-    },\n-    'temporary': {\n-        fillColor: \"#66cccc\",\n-        fillOpacity: 0.2,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"#66cccc\",\n-        strokeOpacity: 1,\n-        strokeLinecap: \"round\",\n-        strokeWidth: 2,\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-\n-    },\n-    'delete': {\n-        display: \"none\"\n-    }\n-};\n-/* ======================================================================\n     OpenLayers/Format.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -18560,467 +20297,14 @@\n  * Constant: OpenLayers.Format.WFST.DEFAULTS\n  * {Object} Default properties for the WFST format.\n  */\n OpenLayers.Format.WFST.DEFAULTS = {\n     \"version\": \"1.0.0\"\n };\n /* ======================================================================\n-    OpenLayers/Style.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Style\n- * This class represents a UserStyle obtained\n- *     from a SLD, containing styling rules.\n- */\n-OpenLayers.Style = OpenLayers.Class({\n-\n-    /**\n-     * Property: id\n-     * {String} A unique id for this session.\n-     */\n-    id: null,\n-\n-    /**\n-     * APIProperty: name\n-     * {String}\n-     */\n-    name: null,\n-\n-    /**\n-     * Property: title\n-     * {String} Title of this style (set if included in SLD)\n-     */\n-    title: null,\n-\n-    /**\n-     * Property: description\n-     * {String} Description of this style (set if abstract is included in SLD)\n-     */\n-    description: null,\n-\n-    /**\n-     * APIProperty: layerName\n-     * {<String>} name of the layer that this style belongs to, usually\n-     * according to the NamedLayer attribute of an SLD document.\n-     */\n-    layerName: null,\n-\n-    /**\n-     * APIProperty: isDefault\n-     * {Boolean}\n-     */\n-    isDefault: false,\n-\n-    /** \n-     * Property: rules \n-     * {Array(<OpenLayers.Rule>)}\n-     */\n-    rules: null,\n-\n-    /**\n-     * APIProperty: context\n-     * {Object} An optional object with properties that symbolizers' property\n-     * values should be evaluated against. If no context is specified,\n-     * feature.attributes will be used\n-     */\n-    context: null,\n-\n-    /**\n-     * Property: defaultStyle\n-     * {Object} hash of style properties to use as default for merging\n-     * rule-based style symbolizers onto. If no rules are defined,\n-     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n-     * true, the defaultStyle will only be taken into account if there are\n-     * rules defined.\n-     */\n-    defaultStyle: null,\n-\n-    /**\n-     * Property: defaultsPerSymbolizer\n-     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n-     * of every rule. Properties of the <defaultStyle> will also be used to set\n-     * missing symbolizer properties if the symbolizer has stroke, fill or\n-     * graphic set to true. Default is false.\n-     */\n-    defaultsPerSymbolizer: false,\n-\n-    /**\n-     * Property: propertyStyles\n-     * {Hash of Boolean} cache of style properties that need to be parsed for\n-     * propertyNames. Property names are keys, values won't be used.\n-     */\n-    propertyStyles: null,\n-\n-\n-    /** \n-     * Constructor: OpenLayers.Style\n-     * Creates a UserStyle.\n-     *\n-     * Parameters:\n-     * style        - {Object} Optional hash of style properties that will be\n-     *                used as default style for this style object. This style\n-     *                applies if no rules are specified. Symbolizers defined in\n-     *                rules will extend this default style.\n-     * options - {Object} An optional object with properties to set on the\n-     *     style.\n-     *\n-     * Valid options:\n-     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n-     *     style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>}\n-     */\n-    initialize: function(style, options) {\n-\n-        OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules);\n-        }\n-\n-        // use the default style from OpenLayers.Feature.Vector if no style\n-        // was given in the constructor\n-        this.setDefaultStyle(style ||\n-            OpenLayers.Feature.Vector.style[\"default\"]);\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /** \n-     * APIMethod: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null;\n-        }\n-        this.rules = null;\n-        this.defaultStyle = null;\n-    },\n-\n-    /**\n-     * Method: createSymbolizer\n-     * creates a style by applying all feature-dependent rules to the base\n-     * style.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n-     * \n-     * Returns:\n-     * {Object} symbolizer hash\n-     */\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n-            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-\n-        var rules = this.rules;\n-\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            // does the rule apply?\n-            var applies = rule.evaluate(feature);\n-\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule);\n-                } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature);\n-                }\n-            }\n-        }\n-\n-        // if no other rules apply, apply the rules with else filters\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature);\n-            }\n-        }\n-\n-        // don't display if there were rules but none applied\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\";\n-        }\n-\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label);\n-        }\n-\n-        return style;\n-    },\n-\n-    /**\n-     * Method: applySymbolizer\n-     *\n-     * Parameters:\n-     * rule - {<OpenLayers.Rule>}\n-     * style - {Object}\n-     * feature - {<OpenLayer.Feature.Vector>}\n-     *\n-     * Returns:\n-     * {Object} A style with new symbolizer applied.\n-     */\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ?\n-            this.getSymbolizerPrefix(feature.geometry) :\n-            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                });\n-            }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                });\n-            }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                });\n-            }\n-        }\n-\n-        // merge the style with the current style\n-        return this.createLiterals(\n-            OpenLayers.Util.extend(style, symbolizer), feature);\n-    },\n-\n-    /**\n-     * Method: createLiterals\n-     * creates literals for all style properties that have an entry in\n-     * <this.propertyStyles>.\n-     * \n-     * Parameters:\n-     * style   - {Object} style to create literals for. Will be modified\n-     *           inline.\n-     * feature - {Object}\n-     * \n-     * Returns:\n-     * {Object} the modified style\n-     */\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n-        }\n-        return style;\n-    },\n-\n-    /**\n-     * Method: findPropertyStyles\n-     * Looks into all rules for this style and the defaultStyle to collect\n-     * all the style hash property names containing ${...} strings that have\n-     * to be replaced using the createLiteral method before returning them.\n-     * \n-     * Returns:\n-     * {Object} hash of property names that need createLiteral parsing. The\n-     * name of the property is the key, and the value is true;\n-     */\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n-\n-        // check the default style\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n-\n-        // walk through all rules to check for properties in their symbolizer\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n-                    this.addPropertyStyles(propertyStyles, value);\n-                } else {\n-                    // symbolizer is a hash of style properties\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break;\n-                }\n-            }\n-        }\n-        return propertyStyles;\n-    },\n-\n-    /**\n-     * Method: addPropertyStyles\n-     * \n-     * Parameters:\n-     * propertyStyles - {Object} hash to add new property styles to. Will be\n-     *                  modified inline\n-     * symbolizer     - {Object} search this symbolizer for property styles\n-     * \n-     * Returns:\n-     * {Object} propertyStyles hash\n-     */\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" &&\n-                property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true;\n-            }\n-        }\n-        return propertyStyles;\n-    },\n-\n-    /**\n-     * APIMethod: addRules\n-     * Adds rules to this style.\n-     * \n-     * Parameters:\n-     * rules - {Array(<OpenLayers.Rule>)}\n-     */\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles();\n-    },\n-\n-    /**\n-     * APIMethod: setDefaultStyle\n-     * Sets the default style for this style object.\n-     * \n-     * Parameters:\n-     * style - {Object} Hash of style properties\n-     */\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles();\n-    },\n-\n-    /**\n-     * Method: getSymbolizerPrefix\n-     * Returns the correct symbolizer prefix according to the\n-     * geometry type of the passed geometry\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {String} key of the according symbolizer\n-     */\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i];\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: clone\n-     * Clones this style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>} Clone of this style.\n-     */\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        // clone rules\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone());\n-            }\n-        }\n-        // clone context\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        //clone default style\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-\n-\n-/**\n- * Function: createLiteral\n- * converts a style value holding a combination of PropertyName and Literal\n- * into a Literal, taking the property values from the passed features.\n- * \n- * Parameters:\n- * value - {String} value to parse. If this string contains a construct like\n- *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n- *         will be replaced by the value of the \"bar\" attribute of the passed\n- *         feature.\n- * context - {Object} context to take attribute values from\n- * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n- *           <OpenLayers.String.format> for evaluating functions in the\n- *           context.\n- * property - {String} optional, name of the property for which the literal is\n- *            being created for evaluating functions in the context.\n- * \n- * Returns:\n- * {String} the parsed value. In the example of the value parameter above, the\n- * result would be \"foo valueOfBar\", assuming that the passed feature has an\n- * attribute named \"bar\" with the value \"valueOfBar\".\n- */\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = (isNaN(value) || !value) ? value : parseFloat(value);\n-    }\n-    return value;\n-};\n-\n-/**\n- * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n- * {Array} prefixes of the sld symbolizers. These are the\n- * same as the main geometry types\n- */\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n-    'Raster'\n-];\n-/* ======================================================================\n     OpenLayers/Filter.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -24416,429 +25700,784 @@\n         OpenLayers.Util.extend(this, options);\n     },\n \n     CLASS_NAME: \"OpenLayers.WPSProcess.ChainLink\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/WPSDescribeProcess.js\n+    OpenLayers/Handler.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WPSDescribeProcess\n- * Read WPS DescribeProcess responses. \n+ * Class: OpenLayers.Handler\n+ * Base class to construct a higher-level handler for event sequences.  All\n+ *     handlers have activate and deactivate methods.  In addition, they have\n+ *     methods named like browser events.  When a handler is activated, any\n+ *     additional methods named like a browser event is registered as a\n+ *     listener for the corresponding event.  When a handler is deactivated,\n+ *     those same methods are unregistered as event listeners.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ * Handlers also typically have a callbacks object with keys named like\n+ *     the abstracted events or event sequences that they are in charge of\n+ *     handling.  The controls that wrap handlers define the methods that\n+ *     correspond to these abstract events - so instead of listening for\n+ *     individual browser events, they only listen for the abstract events\n+ *     defined by the handler.\n+ *     \n+ * Handlers are created by controls, which ultimately have the responsibility\n+ *     of making changes to the the state of the application.  Handlers\n+ *     themselves may make temporary changes, but in general are expected to\n+ *     return the application in the same state that they found it.\n  */\n-OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+OpenLayers.Handler = OpenLayers.Class({\n \n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n+    /**\n+     * Property: id\n+     * {String}\n+     */\n+    id: null,\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wps: \"http://www.opengis.net/wps/1.0.0\",\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-        },\n+    /**\n+     * APIProperty: control\n+     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n+     *     control is assumed to have a valid map property - that map is used\n+     *     in the handler's own setMap method.\n+     */\n+    control: null,\n \n-        /**\n-         * Property: schemaLocation\n-         * {String} Schema location\n-         */\n-        schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n+    /**\n+     * Property: map\n+     * {<OpenLayers.Map>}\n+     */\n+    map: null,\n \n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wps\",\n+    /**\n+     * APIProperty: keyMask\n+     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n+     *     constants to construct a keyMask.  The keyMask is used by\n+     *     <checkModifiers>.  If the keyMask matches the combination of keys\n+     *     down on an event, checkModifiers returns true.\n+     *\n+     * Example:\n+     * (code)\n+     *     // handler only responds if the Shift key is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n+     *\n+     *     // handler only responds if Ctrl-Shift is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n+     *                       OpenLayers.Handler.MOD_CTRL;\n+     * (end)\n+     */\n+    keyMask: null,\n \n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+    /**\n+     * Property: active\n+     * {Boolean}\n+     */\n+    active: false,\n \n-        /**\n-         * Constructor: OpenLayers.Format.WPSDescribeProcess\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /**\n+     * Property: evt\n+     * {Event} This property references the last event handled by the handler.\n+     *     Note that this property is not part of the stable API.  Use of the\n+     *     evt property should be restricted to controls in the library\n+     *     or other applications that are willing to update with changes to\n+     *     the OpenLayers code.\n+     */\n+    evt: null,\n \n-        /**\n-         * APIMethod: read\n-         * Parse a WPS DescribeProcess and return an object with its information.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object}\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+    /**\n+     * Property: touch\n+     * {Boolean} Indicates the support of touch events. When touch events are \n+     *     started touch will be true and all mouse related listeners will do \n+     *     nothing.\n+     */\n+    touch: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler\n+     * Construct a handler.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that initialized this\n+     *     handler.  The control is assumed to have a valid map property; that\n+     *     map is used in the handler's own setMap method.  If a map property\n+     *     is present in the options argument it will be used instead.\n+     * callbacks - {Object} An object whose properties correspond to abstracted\n+     *     events or sequences of browser events.  The values for these\n+     *     properties are functions defined by the control that get called by\n+     *     the handler.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     the handler.\n+     */\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.control = control;\n+        this.callbacks = callbacks;\n+\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map);\n+        }\n+\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n+\n+    /**\n+     * Method: setMap\n+     */\n+    setMap: function(map) {\n+        this.map = map;\n+    },\n+\n+    /**\n+     * Method: checkModifiers\n+     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n+     *     returns true.  If a <keyMask> is set and it matches the combination\n+     *     of keys down on an event, this returns true.\n+     *\n+     * Returns:\n+     * {Boolean} The keyMask matches the keys down on an event.\n+     */\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true;\n+        }\n+        /* calculate the keyboard modifier mask for this event */\n+        var keyModifiers =\n+            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n+            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n+            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n+            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+\n+        /* if it differs from the handler object's key mask,\n+           bail out of the event handler */\n+        return (keyModifiers == this.keyMask);\n+    },\n+\n+    /**\n+     * APIMethod: activate\n+     * Turn on the handler.  Returns false if the handler was already active.\n+     * \n+     * Returns: \n+     * {Boolean} The handler was activated.\n+     */\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n+        }\n+        // register for event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]]);\n             }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n+        }\n+        this.active = true;\n+        return true;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Turn off the handler.  Returns false if the handler was already inactive.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was deactivated.\n+     */\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false;\n+        }\n+        // unregister event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]]);\n             }\n-            var info = {};\n-            this.readNode(data, info);\n-            return info;\n-        },\n+        }\n+        this.touch = false;\n+        this.active = false;\n+        return true;\n+    },\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wps\": {\n-                \"ProcessDescriptions\": function(node, obj) {\n-                    obj.processDescriptions = {};\n-                    this.readChildNodes(node, obj.processDescriptions);\n-                },\n-                \"ProcessDescription\": function(node, processDescriptions) {\n-                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                    var processDescription = {\n-                        processVersion: processVersion,\n-                        statusSupported: (node.getAttribute(\"statusSupported\") === \"true\"),\n-                        storeSupported: (node.getAttribute(\"storeSupported\") === \"true\")\n-                    };\n-                    this.readChildNodes(node, processDescription);\n-                    processDescriptions[processDescription.identifier] = processDescription;\n-                },\n-                \"DataInputs\": function(node, processDescription) {\n-                    processDescription.dataInputs = [];\n-                    this.readChildNodes(node, processDescription.dataInputs);\n-                },\n-                \"ProcessOutputs\": function(node, processDescription) {\n-                    processDescription.processOutputs = [];\n-                    this.readChildNodes(node, processDescription.processOutputs);\n-                },\n-                \"Output\": function(node, processOutputs) {\n-                    var output = {};\n-                    this.readChildNodes(node, output);\n-                    processOutputs.push(output);\n-                },\n-                \"ComplexOutput\": function(node, output) {\n-                    output.complexOutput = {};\n-                    this.readChildNodes(node, output.complexOutput);\n-                },\n-                \"LiteralOutput\": function(node, output) {\n-                    output.literalOutput = {};\n-                    this.readChildNodes(node, output.literalOutput);\n-                },\n-                \"Input\": function(node, dataInputs) {\n-                    var input = {\n-                        maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n-                        minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n-                    };\n-                    this.readChildNodes(node, input);\n-                    dataInputs.push(input);\n-                },\n-                \"BoundingBoxData\": function(node, input) {\n-                    input.boundingBoxData = {};\n-                    this.readChildNodes(node, input.boundingBoxData);\n-                },\n-                \"CRS\": function(node, obj) {\n-                    if (!obj.CRSs) {\n-                        obj.CRSs = {};\n-                    }\n-                    obj.CRSs[this.getChildValue(node)] = true;\n-                },\n-                \"LiteralData\": function(node, input) {\n-                    input.literalData = {};\n-                    this.readChildNodes(node, input.literalData);\n-                },\n-                \"ComplexData\": function(node, input) {\n-                    input.complexData = {};\n-                    this.readChildNodes(node, input.complexData);\n-                },\n-                \"Default\": function(node, complexData) {\n-                    complexData[\"default\"] = {};\n-                    this.readChildNodes(node, complexData[\"default\"]);\n-                },\n-                \"Supported\": function(node, complexData) {\n-                    complexData[\"supported\"] = {};\n-                    this.readChildNodes(node, complexData[\"supported\"]);\n-                },\n-                \"Format\": function(node, obj) {\n-                    var format = {};\n-                    this.readChildNodes(node, format);\n-                    if (!obj.formats) {\n-                        obj.formats = {};\n-                    }\n-                    obj.formats[format.mimeType] = true;\n-                },\n-                \"MimeType\": function(node, format) {\n-                    format.mimeType = this.getChildValue(node);\n+    /**\n+     * Method: startTouch\n+     * Start touch events, this method must be called by subclasses in \n+     *     \"touchstart\" method. When touch events are started <touch> will be\n+     *     true and all mouse related listeners will do nothing.\n+     */\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\n+                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n+                \"mouseout\"\n+            ];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]]);\n                 }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: callback\n+     * Trigger the control's named callback with the given arguments\n+     *\n+     * Parameters:\n+     * name - {String} The key for the callback that is one of the properties\n+     *     of the handler's callbacks object.\n+     * args - {Array(*)} An array of arguments (any type) with which to call \n+     *     the callback (defined by the control).\n+     */\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args);\n+        }\n+    },\n+\n+    /**\n+     * Method: register\n+     * register an event on the map\n+     */\n+    register: function(name, method) {\n+        // TODO: deal with registerPriority in 3.0\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent);\n+    },\n+\n+    /**\n+     * Method: unregister\n+     * unregister an event from the map\n+     */\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent);\n+    },\n+\n+    /**\n+     * Method: setEvent\n+     * With each registered browser event, the handler sets its own evt\n+     *     property.  This property can be accessed by controls if needed\n+     *     to get more information about the event that the handler is\n+     *     processing.\n+     *\n+     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n+     *     and meta cannot be checked with the keyboard handler).  For a\n+     *     control to determine which modifier keys are associated with the\n+     *     event that a handler is currently processing, it should access\n+     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n+     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n+     *\n+     * Parameters:\n+     * evt - {Event} The browser event.\n+     */\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true;\n+    },\n+\n+    /**\n+     * Method: destroy\n+     * Deconstruct the handler.\n+     */\n+    destroy: function() {\n+        // unregister event listeners\n+        this.deactivate();\n+        // eliminate circular references\n+        this.control = this.map = null;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_NONE\n+ * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n+ */\n+OpenLayers.Handler.MOD_NONE = 0;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_SHIFT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n+ */\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_CTRL\n+ * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n+ */\n+OpenLayers.Handler.MOD_CTRL = 2;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_ALT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n+ */\n+OpenLayers.Handler.MOD_ALT = 4;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_META\n+ * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n+ */\n+OpenLayers.Handler.MOD_META = 8;\n \n-        CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n \n-    });\n /* ======================================================================\n-    OpenLayers/WPSClient.js\n+    OpenLayers/Renderer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/SingleFile.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n  */\n \n /**\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/WPSProcess.js\n- * @requires OpenLayers/Format/WPSDescribeProcess.js\n- * @requires OpenLayers/Request.js\n+ * Class: OpenLayers.Renderer \n+ * This is the base class for all renderers.\n+ *\n+ * This is based on a merger code written by Paul Spencer and Bertil Chapuis.\n+ * It is largely composed of virtual functions that are to be implemented\n+ * in technology-specific subclasses, but there is some generic code too.\n+ * \n+ * The functions that *are* implemented here merely deal with the maintenance\n+ *  of the size and extent variables, as well as the cached 'resolution' \n+ *  value. \n+ * \n+ * A note to the user that all subclasses should use getResolution() instead\n+ *  of directly accessing this.resolution in order to correctly use the \n+ *  cacheing system.\n+ *\n  */\n+OpenLayers.Renderer = OpenLayers.Class({\n \n-/**\n- * Class: OpenLayers.WPSClient\n- * High level API for interaction with Web Processing Services (WPS).\n- * An <OpenLayers.WPSClient> instance is used to create <OpenLayers.WPSProcess>\n- * instances for servers known to the WPSClient. The WPSClient also caches\n- * DescribeProcess responses to reduce the number of requests sent to servers\n- * when processes are created.\n- */\n-OpenLayers.WPSClient = OpenLayers.Class({\n+    /** \n+     * Property: container\n+     * {DOMElement} \n+     */\n+    container: null,\n \n     /**\n-     * Property: servers\n-     * {Object} Service metadata, keyed by a local identifier.\n-     *\n-     * Properties:\n-     * url - {String} the url of the server\n-     * version - {String} WPS version of the server\n-     * processDescription - {Object} Cache of raw DescribeProcess\n-     *     responses, keyed by process identifier.\n+     * Property: root\n+     * {DOMElement}\n      */\n-    servers: null,\n+    root: null,\n+\n+    /** \n+     * Property: extent\n+     * {<OpenLayers.Bounds>}\n+     */\n+    extent: null,\n \n     /**\n-     * Property: version\n-     * {String} The default WPS version to use if none is configured. Default\n-     *     is '1.0.0'.\n+     * Property: locked\n+     * {Boolean} If the renderer is currently in a state where many things\n+     *     are changing, the 'locked' property is set to true. This means \n+     *     that renderers can expect at least one more drawFeature event to be\n+     *     called with the 'locked' property set to 'true': In some renderers,\n+     *     this might make sense to use as a 'only update local information'\n+     *     flag. \n      */\n-    version: '1.0.0',\n+    locked: false,\n+\n+    /** \n+     * Property: size\n+     * {<OpenLayers.Size>} \n+     */\n+    size: null,\n \n     /**\n-     * Property: lazy\n-     * {Boolean} Should the DescribeProcess be deferred until a process is\n-     *     fully configured? Default is false.\n+     * Property: resolution\n+     * {Float} cache of current map resolution\n      */\n-    lazy: false,\n+    resolution: null,\n \n     /**\n-     * Property: events\n-     * {<OpenLayers.Events>}\n-     *\n-     * Supported event types:\n-     * describeprocess - Fires when the process description is available.\n-     *     Listeners receive an object with a 'raw' property holding the raw\n-     *     DescribeProcess response, and an 'identifier' property holding the\n-     *     process identifier of the described process.\n+     * Property: map  \n+     * {<OpenLayers.Map>} Reference to the map -- this is set in Vector's setMap()\n      */\n-    events: null,\n+    map: null,\n \n     /**\n-     * Constructor: OpenLayers.WPSClient\n+     * Property: featureDx\n+     * {Number} Feature offset in x direction. Will be calculated for and\n+     * applied to the current feature while rendering (see\n+     * <calculateFeatureDx>).\n+     */\n+    featureDx: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Renderer \n      *\n      * Parameters:\n-     * options - {Object} Object whose properties will be set on the instance.\n+     * containerID - {<String>} \n+     * options - {Object} options for this renderer. See sublcasses for\n+     *     supported options.\n+     */\n+    initialize: function(containerID, options) {\n+        this.container = OpenLayers.Util.getElement(containerID);\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+        this.container = null;\n+        this.extent = null;\n+        this.size = null;\n+        this.resolution = null;\n+        this.map = null;\n+    },\n+\n+    /**\n+     * APIMethod: supported\n+     * This should be overridden by specific subclasses\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the renderer class\n+     */\n+    supported: function() {\n+        return false;\n+    },\n+\n+    /**\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n      *\n-     * Avaliable options:\n-     * servers - {Object} Mandatory. Service metadata, keyed by a local\n-     *     identifier. Can either be a string with the service url or an\n-     *     object literal with additional metadata:\n+     * Resolution has probably changed, so we nullify the resolution \n+     * cache (this.resolution) -- this way it will be re-computed when \n+     * next it is needed.\n+     * We nullify the resolution cache (this.resolution) if resolutionChanged\n+     * is set to true - this way it will be re-computed on the next\n+     * getResolution() request.\n      *\n-     *     (code)\n-     *     servers: {\n-     *         local: '/geoserver/wps'\n-     *     }, {\n-     *         opengeo: {\n-     *             url: 'http://demo.opengeo.org/geoserver/wps',\n-     *             version: '1.0.0'\n-     *         }\n-     *     }\n-     *     (end)\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n      *\n-     * lazy - {Boolean} Optional. Set to true if DescribeProcess should not be\n-     *     requested until a process is fully configured. Default is false.\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        this.servers = {};\n-        for (var s in options.servers) {\n-            this.servers[s] = typeof options.servers[s] == 'string' ? {\n-                url: options.servers[s],\n-                version: this.version,\n-                processDescription: {}\n-            } : options.servers[s];\n+    setExtent: function(extent, resolutionChanged) {\n+        this.extent = extent.clone();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio);\n+            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio);\n+        }\n+        if (resolutionChanged) {\n+            this.resolution = null;\n         }\n+        return true;\n     },\n \n     /**\n-     * APIMethod: execute\n-     * Shortcut to execute a process with a single function call. This is\n-     * equivalent to using <getProcess> and then calling execute on the\n-     * process.\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     * \n+     * Resolution has probably changed, so we nullify the resolution \n+     * cache (this.resolution) -- this way it will be re-computed when \n+     * next it is needed.\n      *\n      * Parameters:\n-     * options - {Object} Options for the execute operation.\n-     *\n-     * Available options:\n-     * server - {String} Mandatory. One of the local identifiers of the\n-     *     configured servers.\n-     * process - {String} Mandatory. A process identifier known to the\n-     *     server.\n-     * inputs - {Object} The inputs for the process, keyed by input identifier.\n-     *     For spatial data inputs, the value of an input is usually an\n-     *     <OpenLayers.Geometry>, an <OpenLayers.Feature.Vector> or an array of\n-     *     geometries or features.\n-     * output - {String} The identifier of an output to parse. Optional. If not\n-     *     provided, the first output will be parsed.\n-     * success - {Function} Callback to call when the process is complete.\n-     *     This function is called with an outputs object as argument, which\n-     *     will have a property with the identifier of the requested output\n-     *     (e.g. 'result'). For processes that generate spatial output, the\n-     *     value will either be a single <OpenLayers.Feature.Vector> or an\n-     *     array of features.\n-     * scope - {Object} Optional scope for the success callback.\n+     * size - {<OpenLayers.Size>} \n      */\n-    execute: function(options) {\n-        var process = this.getProcess(options.server, options.process);\n-        process.execute({\n-            inputs: options.inputs,\n-            success: options.success,\n-            scope: options.scope\n-        });\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        this.resolution = null;\n+    },\n+\n+    /** \n+     * Method: getResolution\n+     * Uses cached copy of resolution if available to minimize computing\n+     * \n+     * Returns:\n+     * {Float} The current map's resolution\n+     */\n+    getResolution: function() {\n+        this.resolution = this.resolution || this.map.getResolution();\n+        return this.resolution;\n     },\n \n     /**\n-     * APIMethod: getProcess\n-     * Creates an <OpenLayers.WPSProcess>.\n+     * Method: drawFeature\n+     * Draw the feature.  The optional style argument can be used\n+     * to override the feature's own style.  This method should only\n+     * be called from layer.drawFeature().\n      *\n      * Parameters:\n-     * serverID - {String} Local identifier from the servers that this instance\n-     *     was constructed with.\n-     * processID - {String} Process identifier known to the server.\n-     *\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {<Object>}\n+     * \n      * Returns:\n-     * {<OpenLayers.WPSProcess>}\n+     * {Boolean} true if the feature has been drawn completely, false if not,\n+     *     undefined if the feature had no geometry\n      */\n-    getProcess: function(serverID, processID) {\n-        var process = new OpenLayers.WPSProcess({\n-            client: this,\n-            server: serverID,\n-            identifier: processID\n-        });\n-        if (!this.lazy) {\n-            process.describe();\n+    drawFeature: function(feature, style) {\n+        if (style == null) {\n+            style = feature.style;\n+        }\n+        if (feature.geometry) {\n+            var bounds = feature.geometry.getBounds();\n+            if (bounds) {\n+                var worldBounds;\n+                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                    worldBounds = this.map.getMaxExtent();\n+                }\n+                if (!bounds.intersectsBounds(this.extent, {\n+                        worldBounds: worldBounds\n+                    })) {\n+                    style = {\n+                        display: \"none\"\n+                    };\n+                } else {\n+                    this.calculateFeatureDx(bounds, worldBounds);\n+                }\n+                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n+                if (style.display != \"none\" && style.label && rendered !== false) {\n+\n+                    var location = feature.geometry.getCentroid();\n+                    if (style.labelXOffset || style.labelYOffset) {\n+                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n+                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n+                        var res = this.getResolution();\n+                        location.move(xOffset * res, yOffset * res);\n+                    }\n+                    this.drawText(feature.id, style, location);\n+                } else {\n+                    this.removeText(feature.id);\n+                }\n+                return rendered;\n+            }\n         }\n-        return process;\n     },\n \n     /**\n-     * Method: describeProcess\n+     * Method: calculateFeatureDx\n+     * {Number} Calculates the feature offset in x direction. Looking at the\n+     * center of the feature bounds and the renderer extent, we calculate how\n+     * many world widths the two are away from each other. This distance is\n+     * used to shift the feature as close as possible to the center of the\n+     * current enderer extent, which ensures that the feature is visible in the\n+     * current viewport.\n      *\n      * Parameters:\n-     * serverID - {String} Identifier of the server\n-     * processID - {String} Identifier of the requested process\n-     * callback - {Function} Callback to call when the description is available\n-     * scope - {Object} Optional execution scope for the callback function\n+     * bounds - {<OpenLayers.Bounds>} Bounds of the feature\n+     * worldBounds - {<OpenLayers.Bounds>} Bounds of the world\n      */\n-    describeProcess: function(serverID, processID, callback, scope) {\n-        var server = this.servers[serverID];\n-        if (!server.processDescription[processID]) {\n-            if (!(processID in server.processDescription)) {\n-                // set to null so we know a describeFeature request is pending\n-                server.processDescription[processID] = null;\n-                OpenLayers.Request.GET({\n-                    url: server.url,\n-                    params: {\n-                        SERVICE: 'WPS',\n-                        VERSION: server.version,\n-                        REQUEST: 'DescribeProcess',\n-                        IDENTIFIER: processID\n-                    },\n-                    success: function(response) {\n-                        server.processDescription[processID] = response.responseText;\n-                        this.events.triggerEvent('describeprocess', {\n-                            identifier: processID,\n-                            raw: response.responseText\n-                        });\n-                    },\n-                    scope: this\n-                });\n-            } else {\n-                // pending request\n-                this.events.register('describeprocess', this, function describe(evt) {\n-                    if (evt.identifier === processID) {\n-                        this.events.unregister('describeprocess', this, describe);\n-                        callback.call(scope, evt.raw);\n-                    }\n-                });\n-            }\n-        } else {\n-            window.setTimeout(function() {\n-                callback.call(scope, server.processDescription[processID]);\n-            }, 0);\n+    calculateFeatureDx: function(bounds, worldBounds) {\n+        this.featureDx = 0;\n+        if (worldBounds) {\n+            var worldWidth = worldBounds.getWidth(),\n+                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n+                featureCenterX = (bounds.left + bounds.right) / 2,\n+                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n+            this.featureDx = worldsAway * worldWidth;\n         }\n     },\n \n+    /** \n+     * Method: drawGeometry\n+     * \n+     * Draw a geometry.  This should only be called from the renderer itself.\n+     * Use layer.drawFeature() from outside the renderer.\n+     * virtual function\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * style - {Object} \n+     * featureId - {<String>} \n+     */\n+    drawGeometry: function(geometry, style, featureId) {},\n+\n     /**\n-     * Method: destroy\n+     * Method: drawText\n+     * Function for drawing text labels.\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n      */\n-    destroy: function() {\n-        this.events.destroy();\n-        this.events = null;\n-        this.servers = null;\n+    drawText: function(featureId, style, location) {},\n+\n+    /**\n+     * Method: removeText\n+     * Function for removing text labels.\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     */\n+    removeText: function(featureId) {},\n+\n+    /**\n+     * Method: clear\n+     * Clear all vectors from the renderer.\n+     * virtual function.\n+     */\n+    clear: function() {},\n+\n+    /**\n+     * Method: getFeatureIdFromEvent\n+     * Returns a feature id from an event on the renderer.  \n+     * How this happens is specific to the renderer.  This should be\n+     * called from layer.getFeatureFromEvent().\n+     * Virtual function.\n+     * \n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n+     *\n+     * Returns:\n+     * {String} A feature id or undefined.\n+     */\n+    getFeatureIdFromEvent: function(evt) {},\n+\n+    /**\n+     * Method: eraseFeatures \n+     * This is called by the layer to erase features\n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    eraseFeatures: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            var feature = features[i];\n+            this.eraseGeometry(feature.geometry, feature.id);\n+            this.removeText(feature.id);\n+        }\n     },\n \n-    CLASS_NAME: 'OpenLayers.WPSClient'\n+    /**\n+     * Method: eraseGeometry\n+     * Remove a geometry from the renderer (by id).\n+     * virtual function.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * featureId - {String}\n+     */\n+    eraseGeometry: function(geometry, featureId) {},\n+\n+    /**\n+     * Method: moveRoot\n+     * moves this renderer's root to a (different) renderer.\n+     * To be implemented by subclasses that require a common renderer root for\n+     * feature selection.\n+     * \n+     * Parameters:\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     */\n+    moveRoot: function(renderer) {},\n+\n+    /**\n+     * Method: getRenderLayerId\n+     * Gets the layer that this renderer's output appears on. If moveRoot was\n+     * used, this will be different from the id of the layer containing the\n+     * features rendered by this renderer.\n+     * \n+     * Returns:\n+     * {String} the id of the output layer.\n+     */\n+    getRenderLayerId: function() {\n+        return this.container.id;\n+    },\n+\n+    /**\n+     * Method: applyDefaultSymbolizer\n+     * \n+     * Parameters:\n+     * symbolizer - {Object}\n+     * \n+     * Returns:\n+     * {Object}\n+     */\n+    applyDefaultSymbolizer: function(symbolizer) {\n+        var result = OpenLayers.Util.extend({},\n+            OpenLayers.Renderer.defaultSymbolizer);\n+        if (symbolizer.stroke === false) {\n+            delete result.strokeWidth;\n+            delete result.strokeColor;\n+        }\n+        if (symbolizer.fill === false) {\n+            delete result.fillColor;\n+        }\n+        OpenLayers.Util.extend(result, symbolizer);\n+        return result;\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Renderer\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Renderer.defaultSymbolizer\n+ * {Object} Properties from this symbolizer will be applied to symbolizers\n+ *     with missing properties. This can also be used to set a global\n+ *     symbolizer default in OpenLayers. To be SLD 1.x compliant, add the\n+ *     following code before rendering any vector features:\n+ * (code)\n+ * OpenLayers.Renderer.defaultSymbolizer = {\n+ *     fillColor: \"#808080\",\n+ *     fillOpacity: 1,\n+ *     strokeColor: \"#000000\",\n+ *     strokeOpacity: 1,\n+ *     strokeWidth: 1,\n+ *     pointRadius: 3,\n+ *     graphicName: \"square\"\n+ * };\n+ * (end)\n+ */\n+OpenLayers.Renderer.defaultSymbolizer = {\n+    fillColor: \"#000000\",\n+    strokeColor: \"#000000\",\n+    strokeWidth: 2,\n+    fillOpacity: 1,\n+    strokeOpacity: 1,\n+    pointRadius: 0,\n+    labelAlign: 'cm'\n+};\n+\n+\n+\n+/**\n+ * Constant: OpenLayers.Renderer.symbol\n+ * Coordinate arrays for well known (named) symbols.\n+ */\n+OpenLayers.Renderer.symbol = {\n+    \"star\": [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301,\n+        303, 215, 231, 161, 321, 161, 350, 75\n+    ],\n+    \"cross\": [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4,\n+        4, 0\n+    ],\n+    \"x\": [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n+    \"square\": [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n+    \"triangle\": [0, 10, 10, 10, 5, 0, 0, 10]\n+};\n /* ======================================================================\n     OpenLayers/Icon.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -25085,47 +26724,1500 @@\n \n         return isDrawn;\n     },\n \n     CLASS_NAME: \"OpenLayers.Icon\"\n });\n /* ======================================================================\n-    OpenLayers/Protocol.js\n+    OpenLayers/Marker.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Icon.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol\n- * Abstract vector layer protocol class.  Not to be instantiated directly.  Use\n- *     one of the protocol subclasses instead.\n- */\n-OpenLayers.Protocol = OpenLayers.Class({\n-\n-    /**\n-     * Property: format\n-     * {<OpenLayers.Format>} The format used by this protocol.\n-     */\n-    format: null,\n-\n-    /**\n-     * Property: options\n-     * {Object} Any options sent to the constructor.\n-     */\n-    options: null,\n-\n-    /**\n-     * Property: autoDestroy\n+ * Class: OpenLayers.Marker\n+ * Instances of OpenLayers.Marker are a combination of a \n+ * <OpenLayers.LonLat> and an <OpenLayers.Icon>.  \n+ *\n+ * Markers are generally added to a special layer called\n+ * <OpenLayers.Layer.Markers>.\n+ *\n+ * Example:\n+ * (code)\n+ * var markers = new OpenLayers.Layer.Markers( \"Markers\" );\n+ * map.addLayer(markers);\n+ *\n+ * var size = new OpenLayers.Size(21,25);\n+ * var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);\n+ * var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);\n+ * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));\n+ * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));\n+ *\n+ * (end)\n+ *\n+ * Note that if you pass an icon into the Marker constructor, it will take\n+ * that icon and use it. This means that you should not share icons between\n+ * markers -- you use them once, but you should clone() for any additional\n+ * markers using that same icon.\n+ */\n+OpenLayers.Marker = OpenLayers.Class({\n+\n+    /** \n+     * Property: icon \n+     * {<OpenLayers.Icon>} The icon used by this marker.\n+     */\n+    icon: null,\n+\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} location of object\n+     */\n+    lonlat: null,\n+\n+    /** \n+     * Property: events \n+     * {<OpenLayers.Events>} the event handler.\n+     */\n+    events: null,\n+\n+    /** \n+     * Property: map \n+     * {<OpenLayers.Map>} the map this marker is attached to\n+     */\n+    map: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Marker\n+     *\n+     * Parameters:\n+     * lonlat - {<OpenLayers.LonLat>} the position of this marker\n+     * icon - {<OpenLayers.Icon>}  the icon for this marker\n+     */\n+    initialize: function(lonlat, icon) {\n+        this.lonlat = lonlat;\n+\n+        var newIcon = (icon) ? icon : OpenLayers.Marker.defaultIcon();\n+        if (this.icon == null) {\n+            this.icon = newIcon;\n+        } else {\n+            this.icon.url = newIcon.url;\n+            this.icon.size = newIcon.size;\n+            this.icon.offset = newIcon.offset;\n+            this.icon.calculateOffset = newIcon.calculateOffset;\n+        }\n+        this.events = new OpenLayers.Events(this, this.icon.imageDiv);\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Destroy the marker. You must first remove the marker from any \n+     * layer which it has been added to, or you will get buggy behavior.\n+     * (This can not be done within the marker since the marker does not\n+     * know which layer it is attached to.)\n+     */\n+    destroy: function() {\n+        // erase any drawn features\n+        this.erase();\n+\n+        this.map = null;\n+\n+        this.events.destroy();\n+        this.events = null;\n+\n+        if (this.icon != null) {\n+            this.icon.destroy();\n+            this.icon = null;\n+        }\n+    },\n+\n+    /** \n+     * Method: draw\n+     * Calls draw on the icon, and returns that output.\n+     * \n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>}\n+     * \n+     * Returns:\n+     * {DOMElement} A new DOM Image with this marker's icon set at the \n+     * location passed-in\n+     */\n+    draw: function(px) {\n+        return this.icon.draw(px);\n+    },\n+\n+    /** \n+     * Method: erase\n+     * Erases any drawn elements for this marker.\n+     */\n+    erase: function() {\n+        if (this.icon != null) {\n+            this.icon.erase();\n+        }\n+    },\n+\n+    /**\n+     * Method: moveTo\n+     * Move the marker to the new location.\n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>|Object} the pixel position to move to.\n+     * An OpenLayers.Pixel or an object with a 'x' and 'y' properties.\n+     */\n+    moveTo: function(px) {\n+        if ((px != null) && (this.icon != null)) {\n+            this.icon.moveTo(px);\n+        }\n+        this.lonlat = this.map.getLonLatFromLayerPx(px);\n+    },\n+\n+    /**\n+     * APIMethod: isDrawn\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the marker is drawn.\n+     */\n+    isDrawn: function() {\n+        var isDrawn = (this.icon && this.icon.isDrawn());\n+        return isDrawn;\n+    },\n+\n+    /**\n+     * Method: onScreen\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the marker is currently visible on screen.\n+     */\n+    onScreen: function() {\n+\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat);\n+        }\n+        return onScreen;\n+    },\n+\n+    /**\n+     * Method: inflate\n+     * Englarges the markers icon by the specified ratio.\n+     *\n+     * Parameters:\n+     * inflate - {float} the ratio to enlarge the marker by (passing 2\n+     *                   will double the size).\n+     */\n+    inflate: function(inflate) {\n+        if (this.icon) {\n+            this.icon.setSize({\n+                w: this.icon.size.w * inflate,\n+                h: this.icon.size.h * inflate\n+            });\n+        }\n+    },\n+\n+    /** \n+     * Method: setOpacity\n+     * Change the opacity of the marker by changin the opacity of \n+     *   its icon\n+     * \n+     * Parameters:\n+     * opacity - {float}  Specified as fraction (0.4, etc)\n+     */\n+    setOpacity: function(opacity) {\n+        this.icon.setOpacity(opacity);\n+    },\n+\n+    /**\n+     * Method: setUrl\n+     * Change URL of the Icon Image.\n+     * \n+     * url - {String} \n+     */\n+    setUrl: function(url) {\n+        this.icon.setUrl(url);\n+    },\n+\n+    /** \n+     * Method: display\n+     * Hide or show the icon\n+     * \n+     * display - {Boolean} \n+     */\n+    display: function(display) {\n+        this.icon.display(display);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Marker\"\n+});\n+\n+\n+/**\n+ * Function: defaultIcon\n+ * Creates a default <OpenLayers.Icon>.\n+ * \n+ * Returns:\n+ * {<OpenLayers.Icon>} A default OpenLayers.Icon to use for a marker\n+ */\n+OpenLayers.Marker.defaultIcon = function() {\n+    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n+        w: 21,\n+        h: 25\n+    }, {\n+        x: -10.5,\n+        y: -25\n+    });\n+};\n+\n+\n+/* ======================================================================\n+    OpenLayers/Symbolizer.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Symbolizer\n+ * Base class representing a symbolizer used for feature rendering.\n+ */\n+OpenLayers.Symbolizer = OpenLayers.Class({\n+\n+\n+    /**\n+     * APIProperty: zIndex\n+     * {Number} The zIndex determines the rendering order for a symbolizer.\n+     *     Symbolizers with larger zIndex values are rendered over symbolizers\n+     *     with smaller zIndex values.  Default is 0.\n+     */\n+    zIndex: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Symbolizer\n+     * Instances of this class are not useful.  See one of the subclasses.\n+     *\n+     * Parameters:\n+     * config - {Object} An object containing properties to be set on the \n+     *     symbolizer.  Any documented symbolizer property can be set at \n+     *     construction.\n+     *\n+     * Returns:\n+     * A new symbolizer.\n+     */\n+    initialize: function(config) {\n+        OpenLayers.Util.extend(this, config);\n+    },\n+\n+    /** \n+     * APIMethod: clone\n+     * Create a copy of this symbolizer.\n+     *\n+     * Returns a symbolizer of the same type with the same properties.\n+     */\n+    clone: function() {\n+        var Type = eval(this.CLASS_NAME);\n+        return new Type(OpenLayers.Util.extend({}, this));\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Popup.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+\n+/**\n+ * Class: OpenLayers.Popup\n+ * A popup is a small div that can opened and closed on the map.\n+ * Typically opened in response to clicking on a marker.  \n+ * See <OpenLayers.Marker>.  Popup's don't require their own\n+ * layer and are added the the map using the <OpenLayers.Map.addPopup>\n+ * method.\n+ *\n+ * Example:\n+ * (code)\n+ * popup = new OpenLayers.Popup(\"chicken\", \n+ *                    new OpenLayers.LonLat(5,40),\n+ *                    new OpenLayers.Size(200,200),\n+ *                    \"example popup\",\n+ *                    true);\n+ *       \n+ * map.addPopup(popup);\n+ * (end)\n+ */\n+OpenLayers.Popup = OpenLayers.Class({\n+\n+    /** \n+     * Property: events  \n+     * {<OpenLayers.Events>} custom event manager \n+     */\n+    events: null,\n+\n+    /** Property: id\n+     * {String} the unique identifier assigned to this popup.\n+     */\n+    id: \"\",\n+\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} the position of this popup on the map\n+     */\n+    lonlat: null,\n+\n+    /** \n+     * Property: div \n+     * {DOMElement} the div that contains this popup.\n+     */\n+    div: null,\n+\n+    /** \n+     * Property: contentSize \n+     * {<OpenLayers.Size>} the width and height of the content.\n+     */\n+    contentSize: null,\n+\n+    /** \n+     * Property: size \n+     * {<OpenLayers.Size>} the width and height of the popup.\n+     */\n+    size: null,\n+\n+    /** \n+     * Property: contentHTML \n+     * {String} An HTML string for this popup to display.\n+     */\n+    contentHTML: null,\n+\n+    /** \n+     * Property: backgroundColor \n+     * {String} the background color used by the popup.\n+     */\n+    backgroundColor: \"\",\n+\n+    /** \n+     * Property: opacity \n+     * {float} the opacity of this popup (between 0.0 and 1.0)\n+     */\n+    opacity: \"\",\n+\n+    /** \n+     * Property: border \n+     * {String} the border size of the popup.  (eg 2px)\n+     */\n+    border: \"\",\n+\n+    /** \n+     * Property: contentDiv \n+     * {DOMElement} a reference to the element that holds the content of\n+     *              the div.\n+     */\n+    contentDiv: null,\n+\n+    /** \n+     * Property: groupDiv \n+     * {DOMElement} First and only child of 'div'. The group Div contains the\n+     *     'contentDiv' and the 'closeDiv'.\n+     */\n+    groupDiv: null,\n+\n+    /** \n+     * Property: closeDiv\n+     * {DOMElement} the optional closer image\n+     */\n+    closeDiv: null,\n+\n+    /** \n+     * APIProperty: autoSize\n+     * {Boolean} Resize the popup to auto-fit the contents.\n+     *     Default is false.\n+     */\n+    autoSize: false,\n+\n+    /**\n+     * APIProperty: minSize\n+     * {<OpenLayers.Size>} Minimum size allowed for the popup's contents.\n+     */\n+    minSize: null,\n+\n+    /**\n+     * APIProperty: maxSize\n+     * {<OpenLayers.Size>} Maximum size allowed for the popup's contents.\n+     */\n+    maxSize: null,\n+\n+    /** \n+     * Property: displayClass\n+     * {String} The CSS class of the popup.\n+     */\n+    displayClass: \"olPopup\",\n+\n+    /** \n+     * Property: contentDisplayClass\n+     * {String} The CSS class of the popup content div.\n+     */\n+    contentDisplayClass: \"olPopupContent\",\n+\n+    /** \n+     * Property: padding \n+     * {int or <OpenLayers.Bounds>} An extra opportunity to specify internal \n+     *     padding of the content div inside the popup. This was originally\n+     *     confused with the css padding as specified in style.css's \n+     *     'olPopupContent' class. We would like to get rid of this altogether,\n+     *     except that it does come in handy for the framed and anchoredbubble\n+     *     popups, who need to maintain yet another barrier between their \n+     *     content and the outer border of the popup itself. \n+     * \n+     *     Note that in order to not break API, we must continue to support \n+     *     this property being set as an integer. Really, though, we'd like to \n+     *     have this specified as a Bounds object so that user can specify\n+     *     distinct left, top, right, bottom paddings. With the 3.0 release\n+     *     we can make this only a bounds.\n+     */\n+    padding: 0,\n+\n+    /** \n+     * Property: disableFirefoxOverflowHack\n+     * {Boolean} The hack for overflow in Firefox causes all elements \n+     *     to be re-drawn, which causes Flash elements to be \n+     *     re-initialized, which is troublesome.\n+     *     With this property the hack can be disabled.\n+     */\n+    disableFirefoxOverflowHack: false,\n+\n+    /**\n+     * Method: fixPadding\n+     * To be removed in 3.0, this function merely helps us to deal with the \n+     *     case where the user may have set an integer value for padding, \n+     *     instead of an <OpenLayers.Bounds> object.\n+     */\n+    fixPadding: function() {\n+        if (typeof this.padding == \"number\") {\n+            this.padding = new OpenLayers.Bounds(\n+                this.padding, this.padding, this.padding, this.padding\n+            );\n+        }\n+    },\n+\n+    /**\n+     * APIProperty: panMapIfOutOfView\n+     * {Boolean} When drawn, pan map such that the entire popup is visible in\n+     *     the current viewport (if necessary).\n+     *     Default is false.\n+     */\n+    panMapIfOutOfView: false,\n+\n+    /**\n+     * APIProperty: keepInMap \n+     * {Boolean} If panMapIfOutOfView is false, and this property is true, \n+     *     contrain the popup such that it always fits in the available map\n+     *     space. By default, this is not set on the base class. If you are\n+     *     creating popups that are near map edges and not allowing pannning,\n+     *     and especially if you have a popup which has a\n+     *     fixedRelativePosition, setting this to false may be a smart thing to\n+     *     do. Subclasses may want to override this setting.\n+     *   \n+     *     Default is false.\n+     */\n+    keepInMap: false,\n+\n+    /**\n+     * APIProperty: closeOnMove\n+     * {Boolean} When map pans, close the popup.\n+     *     Default is false.\n+     */\n+    closeOnMove: false,\n+\n+    /** \n+     * Property: map \n+     * {<OpenLayers.Map>} this gets set in Map.js when the popup is added to the map\n+     */\n+    map: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Popup\n+     * Create a popup.\n+     * \n+     * Parameters: \n+     * id - {String} a unqiue identifier for this popup.  If null is passed\n+     *               an identifier will be automatically generated. \n+     * lonlat - {<OpenLayers.LonLat>}  The position on the map the popup will\n+     *                                 be shown.\n+     * contentSize - {<OpenLayers.Size>} The size of the content.\n+     * contentHTML - {String}          An HTML string to display inside the   \n+     *                                 popup.\n+     * closeBox - {Boolean}            Whether to display a close box inside\n+     *                                 the popup.\n+     * closeBoxCallback - {Function}   Function to be called on closeBox click.\n+     */\n+    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n+        if (id == null) {\n+            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+        }\n+\n+        this.id = id;\n+        this.lonlat = lonlat;\n+\n+        this.contentSize = (contentSize != null) ? contentSize :\n+            new OpenLayers.Size(\n+                OpenLayers.Popup.WIDTH,\n+                OpenLayers.Popup.HEIGHT);\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML;\n+        }\n+        this.backgroundColor = OpenLayers.Popup.COLOR;\n+        this.opacity = OpenLayers.Popup.OPACITY;\n+        this.border = OpenLayers.Popup.BORDER;\n+\n+        this.div = OpenLayers.Util.createDiv(this.id, null, null,\n+            null, null, null, \"hidden\");\n+        this.div.className = this.displayClass;\n+\n+        var groupDivId = this.id + \"_GroupDiv\";\n+        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null,\n+            null, \"relative\", null,\n+            \"hidden\");\n+\n+        var id = this.div.id + \"_contentDiv\";\n+        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(),\n+            null, \"relative\");\n+        this.contentDiv.className = this.contentDisplayClass;\n+        this.groupDiv.appendChild(this.contentDiv);\n+        this.div.appendChild(this.groupDiv);\n+\n+        if (closeBox) {\n+            this.addCloseBox(closeBoxCallback);\n+        }\n+\n+        this.registerEvents();\n+    },\n+\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n+\n+        this.id = null;\n+        this.lonlat = null;\n+        this.size = null;\n+        this.contentHTML = null;\n+\n+        this.backgroundColor = null;\n+        this.opacity = null;\n+        this.border = null;\n+\n+        if (this.closeOnMove && this.map) {\n+            this.map.events.unregister(\"movestart\", this, this.hide);\n+        }\n+\n+        this.events.destroy();\n+        this.events = null;\n+\n+        if (this.closeDiv) {\n+            OpenLayers.Event.stopObservingElement(this.closeDiv);\n+            this.groupDiv.removeChild(this.closeDiv);\n+        }\n+        this.closeDiv = null;\n+\n+        this.div.removeChild(this.groupDiv);\n+        this.groupDiv = null;\n+\n+        if (this.map != null) {\n+            this.map.removePopup(this);\n+        }\n+        this.map = null;\n+        this.div = null;\n+\n+        this.autoSize = null;\n+        this.minSize = null;\n+        this.maxSize = null;\n+        this.padding = null;\n+        this.panMapIfOutOfView = null;\n+    },\n+\n+    /** \n+     * Method: draw\n+     * Constructs the elements that make up the popup.\n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>} the position the popup in pixels.\n+     * \n+     * Returns:\n+     * {DOMElement} Reference to a div that contains the drawn popup\n+     */\n+    draw: function(px) {\n+        if (px == null) {\n+            if ((this.lonlat != null) && (this.map != null)) {\n+                px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            }\n+        }\n+\n+        // this assumes that this.map already exists, which is okay because \n+        // this.draw is only called once the popup has been added to the map.\n+        if (this.closeOnMove) {\n+            this.map.events.register(\"movestart\", this, this.hide);\n+        }\n+\n+        //listen to movestart, moveend to disable overflow (FF bug)\n+        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == 'firefox') {\n+            this.map.events.register(\"movestart\", this, function() {\n+                var style = document.defaultView.getComputedStyle(\n+                    this.contentDiv, null\n+                );\n+                var currentOverflow = style.getPropertyValue(\"overflow\");\n+                if (currentOverflow != \"hidden\") {\n+                    this.contentDiv._oldOverflow = currentOverflow;\n+                    this.contentDiv.style.overflow = \"hidden\";\n+                }\n+            });\n+            this.map.events.register(\"moveend\", this, function() {\n+                var oldOverflow = this.contentDiv._oldOverflow;\n+                if (oldOverflow) {\n+                    this.contentDiv.style.overflow = oldOverflow;\n+                    this.contentDiv._oldOverflow = null;\n+                }\n+            });\n+        }\n+\n+        this.moveTo(px);\n+        if (!this.autoSize && !this.size) {\n+            this.setSize(this.contentSize);\n+        }\n+        this.setBackgroundColor();\n+        this.setOpacity();\n+        this.setBorder();\n+        this.setContentHTML();\n+\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView();\n+        }\n+\n+        return this.div;\n+    },\n+\n+    /** \n+     * Method: updatePosition\n+     * if the popup has a lonlat and its map members set, \n+     * then have it move itself to its proper position\n+     */\n+    updatePosition: function() {\n+        if ((this.lonlat) && (this.map)) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            if (px) {\n+                this.moveTo(px);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: moveTo\n+     * \n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>} the top and left position of the popup div. \n+     */\n+    moveTo: function(px) {\n+        if ((px != null) && (this.div != null)) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\";\n+        }\n+    },\n+\n+    /**\n+     * Method: visible\n+     *\n+     * Returns:      \n+     * {Boolean} Boolean indicating whether or not the popup is visible\n+     */\n+    visible: function() {\n+        return OpenLayers.Element.visible(this.div);\n+    },\n+\n+    /**\n+     * Method: toggle\n+     * Toggles visibility of the popup.\n+     */\n+    toggle: function() {\n+        if (this.visible()) {\n+            this.hide();\n+        } else {\n+            this.show();\n+        }\n+    },\n+\n+    /**\n+     * Method: show\n+     * Makes the popup visible.\n+     */\n+    show: function() {\n+        this.div.style.display = '';\n+\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView();\n+        }\n+    },\n+\n+    /**\n+     * Method: hide\n+     * Makes the popup invisible.\n+     */\n+    hide: function() {\n+        this.div.style.display = 'none';\n+    },\n+\n+    /**\n+     * Method: setSize\n+     * Used to adjust the size of the popup. \n+     *\n+     * Parameters:\n+     * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+     *     contents div (in pixels).\n+     */\n+    setSize: function(contentSize) {\n+        this.size = contentSize.clone();\n+\n+        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n+        //  must add that to the desired \"size\". \n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+\n+        // take into account the popup's 'padding' property\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+\n+        // make extra space for the close div\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right;\n+        }\n+\n+        //increase size of the main popup div to take into account the \n+        // users's desired padding and close div.        \n+        this.size.w += wPadding;\n+        this.size.h += hPadding;\n+\n+        //now if our browser is IE, we need to actually make the contents \n+        // div itself bigger to take its own padding into effect. this makes \n+        // me want to shoot someone, but so it goes.\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.contentSize.w +=\n+                contentDivPadding.left + contentDivPadding.right;\n+            this.contentSize.h +=\n+                contentDivPadding.bottom + contentDivPadding.top;\n+        }\n+\n+        if (this.div != null) {\n+            this.div.style.width = this.size.w + \"px\";\n+            this.div.style.height = this.size.h + \"px\";\n+        }\n+        if (this.contentDiv != null) {\n+            this.contentDiv.style.width = contentSize.w + \"px\";\n+            this.contentDiv.style.height = contentSize.h + \"px\";\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: updateSize\n+     * Auto size the popup so that it precisely fits its contents (as \n+     *     determined by this.contentDiv.innerHTML). Popup size will, of\n+     *     course, be limited by the available space on the current map\n+     */\n+    updateSize: function() {\n+\n+        // determine actual render dimensions of the contents by putting its\n+        // contents into a fake contentDiv (for the CSS) and then measuring it\n+        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" +\n+            this.contentDiv.innerHTML +\n+            \"</div>\";\n+\n+        var containerElement = (this.map) ? this.map.div : document.body;\n+        var realSize = OpenLayers.Util.getRenderedDimensions(\n+            preparedHTML, null, {\n+                displayClass: this.displayClass,\n+                containerElement: containerElement\n+            }\n+        );\n+\n+        // is the \"real\" size of the div is safe to display in our map?\n+        var safeSize = this.getSafeContentSize(realSize);\n+\n+        var newSize = null;\n+        if (safeSize.equals(realSize)) {\n+            //real size of content is small enough to fit on the map, \n+            // so we use real size.\n+            newSize = realSize;\n+\n+        } else {\n+\n+            // make a new 'size' object with the clipped dimensions \n+            // set or null if not clipped.\n+            var fixedSize = {\n+                w: (safeSize.w < realSize.w) ? safeSize.w : null,\n+                h: (safeSize.h < realSize.h) ? safeSize.h : null\n+            };\n+\n+            if (fixedSize.w && fixedSize.h) {\n+                //content is too big in both directions, so we will use \n+                // max popup size (safeSize), knowing well that it will \n+                // overflow both ways.                \n+                newSize = safeSize;\n+            } else {\n+                //content is clipped in only one direction, so we need to \n+                // run getRenderedDimensions() again with a fixed dimension\n+                var clippedSize = OpenLayers.Util.getRenderedDimensions(\n+                    preparedHTML, fixedSize, {\n+                        displayClass: this.contentDisplayClass,\n+                        containerElement: containerElement\n+                    }\n+                );\n+\n+                //if the clipped size is still the same as the safeSize, \n+                // that means that our content must be fixed in the \n+                // offending direction. If overflow is 'auto', this means \n+                // we are going to have a scrollbar for sure, so we must \n+                // adjust for that.\n+                //\n+                var currentOverflow = OpenLayers.Element.getStyle(\n+                    this.contentDiv, \"overflow\"\n+                );\n+                if ((currentOverflow != \"hidden\") &&\n+                    (clippedSize.equals(safeSize))) {\n+                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n+                    if (fixedSize.w) {\n+                        clippedSize.h += scrollBar;\n+                    } else {\n+                        clippedSize.w += scrollBar;\n+                    }\n+                }\n+\n+                newSize = this.getSafeContentSize(clippedSize);\n+            }\n+        }\n+        this.setSize(newSize);\n+    },\n+\n+    /**\n+     * Method: setBackgroundColor\n+     * Sets the background color of the popup.\n+     *\n+     * Parameters:\n+     * color - {String} the background color.  eg \"#FFBBBB\"\n+     */\n+    setBackgroundColor: function(color) {\n+        if (color != undefined) {\n+            this.backgroundColor = color;\n+        }\n+\n+        if (this.div != null) {\n+            this.div.style.backgroundColor = this.backgroundColor;\n+        }\n+    },\n+\n+    /**\n+     * Method: setOpacity\n+     * Sets the opacity of the popup.\n+     * \n+     * Parameters:\n+     * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n+     */\n+    setOpacity: function(opacity) {\n+        if (opacity != undefined) {\n+            this.opacity = opacity;\n+        }\n+\n+        if (this.div != null) {\n+            // for Mozilla and Safari\n+            this.div.style.opacity = this.opacity;\n+\n+            // for IE\n+            this.div.style.filter = 'alpha(opacity=' + this.opacity * 100 + ')';\n+        }\n+    },\n+\n+    /**\n+     * Method: setBorder\n+     * Sets the border style of the popup.\n+     *\n+     * Parameters:\n+     * border - {String} The border style value. eg 2px \n+     */\n+    setBorder: function(border) {\n+        if (border != undefined) {\n+            this.border = border;\n+        }\n+\n+        if (this.div != null) {\n+            this.div.style.border = this.border;\n+        }\n+    },\n+\n+    /**\n+     * Method: setContentHTML\n+     * Allows the user to set the HTML content of the popup.\n+     *\n+     * Parameters:\n+     * contentHTML - {String} HTML for the div.\n+     */\n+    setContentHTML: function(contentHTML) {\n+\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML;\n+        }\n+\n+        if ((this.contentDiv != null) &&\n+            (this.contentHTML != null) &&\n+            (this.contentHTML != this.contentDiv.innerHTML)) {\n+\n+            this.contentDiv.innerHTML = this.contentHTML;\n+\n+            if (this.autoSize) {\n+\n+                //if popup has images, listen for when they finish\n+                // loading and resize accordingly\n+                this.registerImageListeners();\n+\n+                //auto size the popup to its current contents\n+                this.updateSize();\n+            }\n+        }\n+\n+    },\n+\n+    /**\n+     * Method: registerImageListeners\n+     * Called when an image contained by the popup loaded. this function\n+     *     updates the popup size, then unregisters the image load listener.\n+     */\n+    registerImageListeners: function() {\n+\n+        // As the images load, this function will call updateSize() to \n+        // resize the popup to fit the content div (which presumably is now\n+        // bigger than when the image was not loaded).\n+        // \n+        // If the 'panMapIfOutOfView' property is set, we will pan the newly\n+        // resized popup back into view.\n+        // \n+        // Note that this function, when called, will have 'popup' and \n+        // 'img' properties in the context.\n+        //\n+        var onImgLoad = function() {\n+            if (this.popup.id === null) { // this.popup has been destroyed!\n+                return;\n+            }\n+            this.popup.updateSize();\n+\n+            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n+                this.popup.panIntoView();\n+            }\n+\n+            OpenLayers.Event.stopObserving(\n+                this.img, \"load\", this.img._onImgLoad\n+            );\n+\n+        };\n+\n+        //cycle through the images and if their size is 0x0, that means that \n+        // they haven't been loaded yet, so we attach the listener, which \n+        // will fire when the images finish loading and will resize the \n+        // popup accordingly to its new size.\n+        var images = this.contentDiv.getElementsByTagName(\"img\");\n+        for (var i = 0, len = images.length; i < len; i++) {\n+            var img = images[i];\n+            if (img.width == 0 || img.height == 0) {\n+\n+                var context = {\n+                    'popup': this,\n+                    'img': img\n+                };\n+\n+                //expando this function to the image itself before registering\n+                // it. This way we can easily and properly unregister it.\n+                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n+\n+                OpenLayers.Event.observe(img, 'load', img._onImgLoad);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: getSafeContentSize\n+     * \n+     * Parameters:\n+     * size - {<OpenLayers.Size>} Desired size to make the popup.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Size>} A size to make the popup which is neither smaller\n+     *     than the specified minimum size, nor bigger than the maximum \n+     *     size (which is calculated relative to the size of the viewport).\n+     */\n+    getSafeContentSize: function(size) {\n+\n+        var safeContentSize = size.clone();\n+\n+        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n+        //  must add that to the desired \"size\". \n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+\n+        // take into account the popup's 'padding' property\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right;\n+        }\n+\n+        // prevent the popup from being smaller than a specified minimal size\n+        if (this.minSize) {\n+            safeContentSize.w = Math.max(safeContentSize.w,\n+                (this.minSize.w - wPadding));\n+            safeContentSize.h = Math.max(safeContentSize.h,\n+                (this.minSize.h - hPadding));\n+        }\n+\n+        // prevent the popup from being bigger than a specified maximum size\n+        if (this.maxSize) {\n+            safeContentSize.w = Math.min(safeContentSize.w,\n+                (this.maxSize.w - wPadding));\n+            safeContentSize.h = Math.min(safeContentSize.h,\n+                (this.maxSize.h - hPadding));\n+        }\n+\n+        //make sure the desired size to set doesn't result in a popup that \n+        // is bigger than the map's viewport.\n+        //\n+        if (this.map && this.map.size) {\n+\n+            var extraX = 0,\n+                extraY = 0;\n+            if (this.keepInMap && !this.panMapIfOutOfView) {\n+                var px = this.map.getPixelFromLonLat(this.lonlat);\n+                switch (this.relativePosition) {\n+                    case \"tr\":\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"tl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"bl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = px.y;\n+                        break;\n+                    case \"br\":\n+                        extraX = px.x;\n+                        extraY = px.y;\n+                        break;\n+                    default:\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                }\n+            }\n+\n+            var maxY = this.map.size.h -\n+                this.map.paddingForPopups.top -\n+                this.map.paddingForPopups.bottom -\n+                hPadding - extraY;\n+\n+            var maxX = this.map.size.w -\n+                this.map.paddingForPopups.left -\n+                this.map.paddingForPopups.right -\n+                wPadding - extraX;\n+\n+            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n+            safeContentSize.h = Math.min(safeContentSize.h, maxY);\n+        }\n+\n+        return safeContentSize;\n+    },\n+\n+    /**\n+     * Method: getContentDivPadding\n+     * Glorious, oh glorious hack in order to determine the css 'padding' of \n+     *     the contentDiv. IE/Opera return null here unless we actually add the \n+     *     popup's main 'div' element (which contains contentDiv) to the DOM. \n+     *     So we make it invisible and then add it to the document temporarily. \n+     *\n+     *     Once we've taken the padding readings we need, we then remove it \n+     *     from the DOM (it will actually get added to the DOM in \n+     *     Map.js's addPopup)\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n+     */\n+    getContentDivPadding: function() {\n+\n+        //use cached value if we have it\n+        var contentDivPadding = this._contentDivPadding;\n+        if (!contentDivPadding) {\n+\n+            if (this.div.parentNode == null) {\n+                //make the div invisible and add it to the page        \n+                this.div.style.display = \"none\";\n+                document.body.appendChild(this.div);\n+            }\n+\n+            //read the padding settings from css, put them in an OL.Bounds        \n+            contentDivPadding = new OpenLayers.Bounds(\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\")\n+            );\n+\n+            //cache the value\n+            this._contentDivPadding = contentDivPadding;\n+\n+            if (this.div.parentNode == document.body) {\n+                //remove the div from the page and make it visible again\n+                document.body.removeChild(this.div);\n+                this.div.style.display = \"\";\n+            }\n+        }\n+        return contentDivPadding;\n+    },\n+\n+    /**\n+     * Method: addCloseBox\n+     * \n+     * Parameters:\n+     * callback - {Function} The callback to be called when the close button\n+     *     is clicked.\n+     */\n+    addCloseBox: function(callback) {\n+\n+        this.closeDiv = OpenLayers.Util.createDiv(\n+            this.id + \"_close\", null, {\n+                w: 17,\n+                h: 17\n+            }\n+        );\n+        this.closeDiv.className = \"olPopupCloseBox\";\n+\n+        // use the content div's css padding to determine if we should\n+        //  padd the close div\n+        var contentDivPadding = this.getContentDivPadding();\n+\n+        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n+        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n+        this.groupDiv.appendChild(this.closeDiv);\n+\n+        var closePopup = callback || function(e) {\n+            this.hide();\n+            OpenLayers.Event.stop(e);\n+        };\n+        OpenLayers.Event.observe(this.closeDiv, \"touchend\",\n+            OpenLayers.Function.bindAsEventListener(closePopup, this));\n+        OpenLayers.Event.observe(this.closeDiv, \"click\",\n+            OpenLayers.Function.bindAsEventListener(closePopup, this));\n+    },\n+\n+    /**\n+     * Method: panIntoView\n+     * Pans the map such that the popup is totaly viewable (if necessary)\n+     */\n+    panIntoView: function() {\n+\n+        var mapSize = this.map.getSize();\n+\n+        //start with the top left corner of the popup, in px, \n+        // relative to the viewport\n+        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(\n+            parseInt(this.div.style.left),\n+            parseInt(this.div.style.top)\n+        ));\n+        var newTL = origTL.clone();\n+\n+        //new left (compare to margins, using this.size to calculate right)\n+        if (origTL.x < this.map.paddingForPopups.left) {\n+            newTL.x = this.map.paddingForPopups.left;\n+        } else\n+        if ((origTL.x + this.size.w) > (mapSize.w - this.map.paddingForPopups.right)) {\n+            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w;\n+        }\n+\n+        //new top (compare to margins, using this.size to calculate bottom)\n+        if (origTL.y < this.map.paddingForPopups.top) {\n+            newTL.y = this.map.paddingForPopups.top;\n+        } else\n+        if ((origTL.y + this.size.h) > (mapSize.h - this.map.paddingForPopups.bottom)) {\n+            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h;\n+        }\n+\n+        var dx = origTL.x - newTL.x;\n+        var dy = origTL.y - newTL.y;\n+\n+        this.map.pan(dx, dy);\n+    },\n+\n+    /** \n+     * Method: registerEvents\n+     * Registers events on the popup.\n+     *\n+     * Do this in a separate function so that subclasses can \n+     *   choose to override it if they wish to deal differently\n+     *   with mouse events\n+     * \n+     *   Note in the following handler functions that some special\n+     *    care is needed to deal correctly with mousing and popups. \n+     *   \n+     *   Because the user might select the zoom-rectangle option and\n+     *    then drag it over a popup, we need a safe way to allow the\n+     *    mousemove and mouseup events to pass through the popup when\n+     *    they are initiated from outside. The same procedure is needed for\n+     *    touchmove and touchend events.\n+     * \n+     *   Otherwise, we want to essentially kill the event propagation\n+     *    for all other events, though we have to do so carefully, \n+     *    without disabling basic html functionality, like clicking on \n+     *    hyperlinks or drag-selecting text.\n+     */\n+    registerEvents: function() {\n+        this.events = new OpenLayers.Events(this, this.div, null, true);\n+\n+        function onTouchstart(evt) {\n+            OpenLayers.Event.stop(evt, true);\n+        }\n+        this.events.on({\n+            \"mousedown\": this.onmousedown,\n+            \"mousemove\": this.onmousemove,\n+            \"mouseup\": this.onmouseup,\n+            \"click\": this.onclick,\n+            \"mouseout\": this.onmouseout,\n+            \"dblclick\": this.ondblclick,\n+            \"touchstart\": onTouchstart,\n+            scope: this\n+        });\n+\n+    },\n+\n+    /** \n+     * Method: onmousedown \n+     * When mouse goes down within the popup, make a note of\n+     *   it locally, and then do not propagate the mousedown \n+     *   (but do so safely so that user can select text inside)\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    onmousedown: function(evt) {\n+        this.mousedown = true;\n+        OpenLayers.Event.stop(evt, true);\n+    },\n+\n+    /** \n+     * Method: onmousemove\n+     * If the drag was started within the popup, then \n+     *   do not propagate the mousemove (but do so safely\n+     *   so that user can select text inside)\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    onmousemove: function(evt) {\n+        if (this.mousedown) {\n+            OpenLayers.Event.stop(evt, true);\n+        }\n+    },\n+\n+    /** \n+     * Method: onmouseup\n+     * When mouse comes up within the popup, after going down \n+     *   in it, reset the flag, and then (once again) do not \n+     *   propagate the event, but do so safely so that user can \n+     *   select text inside\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    onmouseup: function(evt) {\n+        if (this.mousedown) {\n+            this.mousedown = false;\n+            OpenLayers.Event.stop(evt, true);\n+        }\n+    },\n+\n+    /**\n+     * Method: onclick\n+     * Ignore clicks, but allowing default browser handling\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    onclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true);\n+    },\n+\n+    /** \n+     * Method: onmouseout\n+     * When mouse goes out of the popup set the flag to false so that\n+     *   if they let go and then drag back in, we won't be confused.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    onmouseout: function(evt) {\n+        this.mousedown = false;\n+    },\n+\n+    /** \n+     * Method: ondblclick\n+     * Ignore double-clicks, but allowing default browser handling\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    ondblclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Popup\"\n+});\n+\n+OpenLayers.Popup.WIDTH = 200;\n+OpenLayers.Popup.HEIGHT = 200;\n+OpenLayers.Popup.COLOR = \"white\";\n+OpenLayers.Popup.OPACITY = 1;\n+OpenLayers.Popup.BORDER = \"0px\";\n+/* ======================================================================\n+    OpenLayers/Spherical.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+/**\n+ * Namespace: Spherical\n+ * The OpenLayers.Spherical namespace includes utility functions for\n+ * calculations on the basis of a spherical earth (ignoring ellipsoidal\n+ * effects), which is accurate enough for most purposes.\n+ *\n+ * Relevant links:\n+ * * http://www.movable-type.co.uk/scripts/latlong.html\n+ * * http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical\n+ */\n+\n+OpenLayers.Spherical = OpenLayers.Spherical || {};\n+\n+OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n+\n+/**\n+ * APIFunction: computeDistanceBetween\n+ * Computes the distance between two LonLats.\n+ *\n+ * Parameters:\n+ * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n+ *          a JavaScript literal with lon lat properties.\n+ * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n+ *          JavaScript literal with lon lat properties.\n+ * radius - {Float} The radius. Optional. Defaults to 6378137 meters.\n+ *\n+ * Returns:\n+ * {Float} The distance in meters.\n+ */\n+OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n+    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n+    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n+    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n+    var a = sinHalfDeltaLat * sinHalfDeltaLat +\n+        sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n+    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n+};\n+\n+\n+/**\n+ * APIFunction: computeHeading\n+ * Computes the heading from one LonLat to another LonLat.\n+ *\n+ * Parameters:\n+ * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n+ *          a JavaScript literal with lon lat properties.\n+ * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n+ *          JavaScript literal with lon lat properties.\n+ *\n+ * Returns:\n+ * {Float} The heading in degrees.\n+ */\n+OpenLayers.Spherical.computeHeading = function(from, to) {\n+    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n+    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) -\n+        Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n+    return 180 * Math.atan2(y, x) / Math.PI;\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol\n+ * Abstract vector layer protocol class.  Not to be instantiated directly.  Use\n+ *     one of the protocol subclasses instead.\n+ */\n+OpenLayers.Protocol = OpenLayers.Class({\n+\n+    /**\n+     * Property: format\n+     * {<OpenLayers.Format>} The format used by this protocol.\n+     */\n+    format: null,\n+\n+    /**\n+     * Property: options\n+     * {Object} Any options sent to the constructor.\n+     */\n+    options: null,\n+\n+    /**\n+     * Property: autoDestroy\n      * {Boolean} The creator of the protocol can set autoDestroy to false\n      *      to fully control when the protocol is destroyed. Defaults to\n      *      true.\n      */\n     autoDestroy: true,\n \n     /**\n@@ -25375,1838 +28467,576 @@\n \n     CLASS_NAME: \"OpenLayers.Protocol.Response\"\n });\n \n OpenLayers.Protocol.Response.SUCCESS = 1;\n OpenLayers.Protocol.Response.FAILURE = 0;\n /* ======================================================================\n-    OpenLayers/Renderer.js\n+    OpenLayers/Kinetic.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Animation.js\n  */\n \n-/**\n- * Class: OpenLayers.Renderer \n- * This is the base class for all renderers.\n- *\n- * This is based on a merger code written by Paul Spencer and Bertil Chapuis.\n- * It is largely composed of virtual functions that are to be implemented\n- * in technology-specific subclasses, but there is some generic code too.\n- * \n- * The functions that *are* implemented here merely deal with the maintenance\n- *  of the size and extent variables, as well as the cached 'resolution' \n- *  value. \n- * \n- * A note to the user that all subclasses should use getResolution() instead\n- *  of directly accessing this.resolution in order to correctly use the \n- *  cacheing system.\n- *\n- */\n-OpenLayers.Renderer = OpenLayers.Class({\n-\n-    /** \n-     * Property: container\n-     * {DOMElement} \n-     */\n-    container: null,\n+OpenLayers.Kinetic = OpenLayers.Class({\n \n     /**\n-     * Property: root\n-     * {DOMElement}\n-     */\n-    root: null,\n-\n-    /** \n-     * Property: extent\n-     * {<OpenLayers.Bounds>}\n+     * Property: threshold\n+     * In most cases changing the threshold isn't needed.\n+     * In px/ms, default to 0.\n      */\n-    extent: null,\n+    threshold: 0,\n \n     /**\n-     * Property: locked\n-     * {Boolean} If the renderer is currently in a state where many things\n-     *     are changing, the 'locked' property is set to true. This means \n-     *     that renderers can expect at least one more drawFeature event to be\n-     *     called with the 'locked' property set to 'true': In some renderers,\n-     *     this might make sense to use as a 'only update local information'\n-     *     flag. \n+     * Property: deceleration\n+     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n      */\n-    locked: false,\n+    deceleration: 0.0035,\n \n-    /** \n-     * Property: size\n-     * {<OpenLayers.Size>} \n+    /**\n+     * Property: nbPoints\n+     * {Integer} the number of points we use to calculate the kinetic\n+     * initial values.\n      */\n-    size: null,\n+    nbPoints: 100,\n \n     /**\n-     * Property: resolution\n-     * {Float} cache of current map resolution\n+     * Property: delay\n+     * {Float} time to consider to calculate the kinetic initial values.\n+     * In ms, default to 200.\n      */\n-    resolution: null,\n+    delay: 200,\n \n     /**\n-     * Property: map  \n-     * {<OpenLayers.Map>} Reference to the map -- this is set in Vector's setMap()\n+     * Property: points\n+     * List of points use to calculate the kinetic initial values.\n      */\n-    map: null,\n+    points: undefined,\n \n     /**\n-     * Property: featureDx\n-     * {Number} Feature offset in x direction. Will be calculated for and\n-     * applied to the current feature while rendering (see\n-     * <calculateFeatureDx>).\n+     * Property: timerId\n+     * ID of the timer.\n      */\n-    featureDx: 0,\n+    timerId: undefined,\n \n     /**\n-     * Constructor: OpenLayers.Renderer \n+     * Constructor: OpenLayers.Kinetic\n      *\n      * Parameters:\n-     * containerID - {<String>} \n-     * options - {Object} options for this renderer. See sublcasses for\n-     *     supported options.\n+     * options - {Object}\n      */\n-    initialize: function(containerID, options) {\n-        this.container = OpenLayers.Util.getElement(containerID);\n+    initialize: function(options) {\n         OpenLayers.Util.extend(this, options);\n     },\n \n     /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-        this.container = null;\n-        this.extent = null;\n-        this.size = null;\n-        this.resolution = null;\n-        this.map = null;\n-    },\n-\n-    /**\n-     * APIMethod: supported\n-     * This should be overridden by specific subclasses\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the renderer class\n+     * Method: begin\n+     * Begins the dragging.\n      */\n-    supported: function() {\n-        return false;\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = [];\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n-     *\n-     * Resolution has probably changed, so we nullify the resolution \n-     * cache (this.resolution) -- this way it will be re-computed when \n-     * next it is needed.\n-     * We nullify the resolution cache (this.resolution) if resolutionChanged\n-     * is set to true - this way it will be re-computed on the next\n-     * getResolution() request.\n+     * Method: update\n+     * Updates during the dragging.\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     *\n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * xy - {<OpenLayers.Pixel>} The new position.\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        this.extent = extent.clone();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio);\n-            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio);\n-        }\n-        if (resolutionChanged) {\n-            this.resolution = null;\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: new Date().getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop();\n         }\n-        return true;\n     },\n \n     /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     * \n-     * Resolution has probably changed, so we nullify the resolution \n-     * cache (this.resolution) -- this way it will be re-computed when \n-     * next it is needed.\n+     * Method: end\n+     * Ends the dragging, start the kinetic.\n      *\n      * Parameters:\n-     * size - {<OpenLayers.Size>} \n-     */\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        this.resolution = null;\n-    },\n-\n-    /** \n-     * Method: getResolution\n-     * Uses cached copy of resolution if available to minimize computing\n-     * \n-     * Returns:\n-     * {Float} The current map's resolution\n-     */\n-    getResolution: function() {\n-        this.resolution = this.resolution || this.map.getResolution();\n-        return this.resolution;\n-    },\n-\n-    /**\n-     * Method: drawFeature\n-     * Draw the feature.  The optional style argument can be used\n-     * to override the feature's own style.  This method should only\n-     * be called from layer.drawFeature().\n+     * xy - {<OpenLayers.Pixel>} The last position.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {<Object>}\n-     * \n      * Returns:\n-     * {Boolean} true if the feature has been drawn completely, false if not,\n-     *     undefined if the feature had no geometry\n+     * {Object} An object with two properties: \"speed\", and \"theta\". The\n+     *     \"speed\" and \"theta\" values are to be passed to the move \n+     *     function when starting the animation.\n      */\n-    drawFeature: function(feature, style) {\n-        if (style == null) {\n-            style = feature.style;\n-        }\n-        if (feature.geometry) {\n-            var bounds = feature.geometry.getBounds();\n-            if (bounds) {\n-                var worldBounds;\n-                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                    worldBounds = this.map.getMaxExtent();\n-                }\n-                if (!bounds.intersectsBounds(this.extent, {\n-                        worldBounds: worldBounds\n-                    })) {\n-                    style = {\n-                        display: \"none\"\n-                    };\n-                } else {\n-                    this.calculateFeatureDx(bounds, worldBounds);\n-                }\n-                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n-                if (style.display != \"none\" && style.label && rendered !== false) {\n-\n-                    var location = feature.geometry.getCentroid();\n-                    if (style.labelXOffset || style.labelYOffset) {\n-                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n-                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n-                        var res = this.getResolution();\n-                        location.move(xOffset * res, yOffset * res);\n-                    }\n-                    this.drawText(feature.id, style, location);\n-                } else {\n-                    this.removeText(feature.id);\n-                }\n-                return rendered;\n+    end: function(xy) {\n+        var last, now = new Date().getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break;\n             }\n+            last = point;\n         }\n-    },\n-\n-    /**\n-     * Method: calculateFeatureDx\n-     * {Number} Calculates the feature offset in x direction. Looking at the\n-     * center of the feature bounds and the renderer extent, we calculate how\n-     * many world widths the two are away from each other. This distance is\n-     * used to shift the feature as close as possible to the center of the\n-     * current enderer extent, which ensures that the feature is visible in the\n-     * current viewport.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} Bounds of the feature\n-     * worldBounds - {<OpenLayers.Bounds>} Bounds of the world\n-     */\n-    calculateFeatureDx: function(bounds, worldBounds) {\n-        this.featureDx = 0;\n-        if (worldBounds) {\n-            var worldWidth = worldBounds.getWidth(),\n-                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n-                featureCenterX = (bounds.left + bounds.right) / 2,\n-                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n-            this.featureDx = worldsAway * worldWidth;\n+        if (!last) {\n+            return;\n+        }\n+        var time = new Date().getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n+            Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return;\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta;\n         }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        };\n     },\n \n-    /** \n-     * Method: drawGeometry\n-     * \n-     * Draw a geometry.  This should only be called from the renderer itself.\n-     * Use layer.drawFeature() from outside the renderer.\n-     * virtual function\n+    /**\n+     * Method: move\n+     * Launch the kinetic move pan.\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * style - {Object} \n-     * featureId - {<String>} \n+     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n+     *     These values are those returned from the \"end\" call.\n+     * callback - {Function} Function called on every step of the animation,\n+     *     receives x, y (values to pan), end (is the last point).\n      */\n-    drawGeometry: function(geometry, style, featureId) {},\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n \n-    /**\n-     * Method: drawText\n-     * Function for drawing text labels.\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {},\n+        var initialTime = new Date().getTime();\n \n-    /**\n-     * Method: removeText\n-     * Function for removing text labels.\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     */\n-    removeText: function(featureId) {},\n+        var lastX = 0;\n+        var lastY = 0;\n \n-    /**\n-     * Method: clear\n-     * Clear all vectors from the renderer.\n-     * virtual function.\n-     */\n-    clear: function() {},\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return;\n+            }\n \n-    /**\n-     * Method: getFeatureIdFromEvent\n-     * Returns a feature id from an event on the renderer.  \n-     * How this happens is specific to the renderer.  This should be\n-     * called from layer.getFeatureFromEvent().\n-     * Virtual function.\n-     * \n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     *\n-     * Returns:\n-     * {String} A feature id or undefined.\n-     */\n-    getFeatureIdFromEvent: function(evt) {},\n+            var t = new Date().getTime() - initialTime;\n \n-    /**\n-     * Method: eraseFeatures \n-     * This is called by the layer to erase features\n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n-     */\n-    eraseFeatures: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            var feature = features[i];\n-            this.eraseGeometry(feature.geometry, feature.id);\n-            this.removeText(feature.id);\n-        }\n-    },\n+            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n \n-    /**\n-     * Method: eraseGeometry\n-     * Remove a geometry from the renderer (by id).\n-     * virtual function.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * featureId - {String}\n-     */\n-    eraseGeometry: function(geometry, featureId) {},\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n \n-    /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a (different) renderer.\n-     * To be implemented by subclasses that require a common renderer root for\n-     * feature selection.\n-     * \n-     * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     */\n-    moveRoot: function(renderer) {},\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true;\n+            }\n \n-    /**\n-     * Method: getRenderLayerId\n-     * Gets the layer that this renderer's output appears on. If moveRoot was\n-     * used, this will be different from the id of the layer containing the\n-     * features rendered by this renderer.\n-     * \n-     * Returns:\n-     * {String} the id of the output layer.\n-     */\n-    getRenderLayerId: function() {\n-        return this.container.id;\n-    },\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end);\n+        };\n \n-    /**\n-     * Method: applyDefaultSymbolizer\n-     * \n-     * Parameters:\n-     * symbolizer - {Object}\n-     * \n-     * Returns:\n-     * {Object}\n-     */\n-    applyDefaultSymbolizer: function(symbolizer) {\n-        var result = OpenLayers.Util.extend({},\n-            OpenLayers.Renderer.defaultSymbolizer);\n-        if (symbolizer.stroke === false) {\n-            delete result.strokeWidth;\n-            delete result.strokeColor;\n-        }\n-        if (symbolizer.fill === false) {\n-            delete result.fillColor;\n-        }\n-        OpenLayers.Util.extend(result, symbolizer);\n-        return result;\n+        this.timerId = OpenLayers.Animation.start(\n+            OpenLayers.Function.bind(timerCallback, this)\n+        );\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer\"\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n });\n-\n-/**\n- * Constant: OpenLayers.Renderer.defaultSymbolizer\n- * {Object} Properties from this symbolizer will be applied to symbolizers\n- *     with missing properties. This can also be used to set a global\n- *     symbolizer default in OpenLayers. To be SLD 1.x compliant, add the\n- *     following code before rendering any vector features:\n- * (code)\n- * OpenLayers.Renderer.defaultSymbolizer = {\n- *     fillColor: \"#808080\",\n- *     fillOpacity: 1,\n- *     strokeColor: \"#000000\",\n- *     strokeOpacity: 1,\n- *     strokeWidth: 1,\n- *     pointRadius: 3,\n- *     graphicName: \"square\"\n- * };\n- * (end)\n- */\n-OpenLayers.Renderer.defaultSymbolizer = {\n-    fillColor: \"#000000\",\n-    strokeColor: \"#000000\",\n-    strokeWidth: 2,\n-    fillOpacity: 1,\n-    strokeOpacity: 1,\n-    pointRadius: 0,\n-    labelAlign: 'cm'\n-};\n-\n-\n-\n-/**\n- * Constant: OpenLayers.Renderer.symbol\n- * Coordinate arrays for well known (named) symbols.\n- */\n-OpenLayers.Renderer.symbol = {\n-    \"star\": [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301,\n-        303, 215, 231, 161, 321, 161, 350, 75\n-    ],\n-    \"cross\": [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4,\n-        4, 0\n-    ],\n-    \"x\": [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n-    \"square\": [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n-    \"triangle\": [0, 10, 10, 10, 5, 0, 0, 10]\n-};\n /* ======================================================================\n-    OpenLayers/Layer.js\n+    OpenLayers/Control.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Map.js\n- * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Layer\n+ * Class: OpenLayers.Control\n+ * Controls affect the display or behavior of the map. They allow everything\n+ * from panning and zooming to displaying a scale indicator. Controls by \n+ * default are added to the map they are contained within however it is\n+ * possible to add a control to an external div by passing the div in the\n+ * options parameter.\n+ * \n+ * Example:\n+ * The following example shows how to add many of the common controls\n+ * to a map.\n+ * \n+ * > var map = new OpenLayers.Map('map', { controls: [] });\n+ * >\n+ * > map.addControl(new OpenLayers.Control.PanZoomBar());\n+ * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n+ * > map.addControl(new OpenLayers.Control.Permalink());\n+ * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n+ * > map.addControl(new OpenLayers.Control.MousePosition());\n+ * > map.addControl(new OpenLayers.Control.OverviewMap());\n+ * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n+ *\n+ * The next code fragment is a quick example of how to intercept \n+ * shift-mouse click to display the extent of the bounding box\n+ * dragged out by the user.  Usually controls are not created\n+ * in exactly this manner.  See the source for a more complete \n+ * example:\n+ *\n+ * > var control = new OpenLayers.Control();\n+ * > OpenLayers.Util.extend(control, {\n+ * >     draw: function () {\n+ * >         // this Handler.Box will intercept the shift-mousedown\n+ * >         // before Control.MouseDefault gets to see it\n+ * >         this.box = new OpenLayers.Handler.Box( control, \n+ * >             {\"done\": this.notice},\n+ * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n+ * >         this.box.activate();\n+ * >     },\n+ * >\n+ * >     notice: function (bounds) {\n+ * >         OpenLayers.Console.userError(bounds);\n+ * >     }\n+ * > }); \n+ * > map.addControl(control);\n+ * \n  */\n-OpenLayers.Layer = OpenLayers.Class({\n+OpenLayers.Control = OpenLayers.Class({\n \n-    /**\n-     * APIProperty: id\n-     * {String}\n+    /** \n+     * Property: id \n+     * {String} \n      */\n     id: null,\n \n     /** \n-     * APIProperty: name\n-     * {String}\n+     * Property: map \n+     * {<OpenLayers.Map>} this gets set in the addControl() function in\n+     * OpenLayers.Map \n      */\n-    name: null,\n+    map: null,\n \n     /** \n-     * APIProperty: div\n-     * {DOMElement}\n+     * APIProperty: div \n+     * {DOMElement} The element that contains the control, if not present the \n+     *     control is placed inside the map.\n      */\n     div: null,\n \n-    /**\n-     * APIProperty: opacity\n-     * {Float} The layer's opacity. Float number between 0.0 and 1.0. Default\n-     * is 1.\n-     */\n-    opacity: 1,\n-\n-    /**\n-     * APIProperty: alwaysInRange\n-     * {Boolean} If a layer's display should not be scale-based, this should \n-     *     be set to true. This will cause the layer, as an overlay, to always \n-     *     be 'active', by always returning true from the calculateInRange() \n-     *     function. \n-     * \n-     *     If not explicitly specified for a layer, its value will be \n-     *     determined on startup in initResolutions() based on whether or not \n-     *     any scale-specific properties have been set as options on the \n-     *     layer. If no scale-specific options have been set on the layer, we \n-     *     assume that it should always be in range.\n-     * \n-     *     See #987 for more info.\n-     */\n-    alwaysInRange: null,\n-\n-    /**\n-     * Constant: RESOLUTION_PROPERTIES\n-     * {Array} The properties that are used for calculating resolutions\n-     *     information.\n-     */\n-    RESOLUTION_PROPERTIES: [\n-        'scales', 'resolutions',\n-        'maxScale', 'minScale',\n-        'maxResolution', 'minResolution',\n-        'numZoomLevels', 'maxZoomLevel'\n-    ],\n-\n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>}\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * layer.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to layer.events.object.\n-     * element - {DOMElement} A reference to layer.events.element.\n-     *\n-     * Supported map event types:\n-     * loadstart - Triggered when layer loading starts.  When using a Vector \n-     *     layer with a Fixed or BBOX strategy, the event object includes \n-     *     a *filter* property holding the OpenLayers.Filter used when \n-     *     calling read on the protocol.\n-     * loadend - Triggered when layer loading ends.  When using a Vector layer\n-     *     with a Fixed or BBOX strategy, the event object includes a \n-     *     *response* property holding an OpenLayers.Protocol.Response object.\n-     * visibilitychanged - Triggered when the layer's visibility property is\n-     *     changed, e.g. by turning the layer on or off in the layer switcher.\n-     *     Note that the actual visibility of the layer can also change if it\n-     *     gets out of range (see <calculateInRange>). If you also want to catch\n-     *     these cases, register for the map's 'changelayer' event instead.\n-     * move - Triggered when layer moves (triggered with every mousemove\n-     *     during a drag).\n-     * moveend - Triggered when layer is done moving, object passed as\n-     *     argument has a zoomChanged boolean property which tells that the\n-     *     zoom has changed.\n-     * added - Triggered after the layer is added to a map.  Listeners will\n-     *     receive an object with a *map* property referencing the map and a\n-     *     *layer* property referencing the layer.\n-     * removed - Triggered after the layer is removed from the map.  Listeners\n-     *     will receive an object with a *map* property referencing the map and\n-     *     a *layer* property referencing the layer.\n-     */\n-    events: null,\n-\n-    /**\n-     * APIProperty: map\n-     * {<OpenLayers.Map>} This variable is set when the layer is added to \n-     *     the map, via the accessor function setMap().\n-     */\n-    map: null,\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Whether or not the layer is a base layer. This should be set \n-     *     individually by all subclasses. Default is false\n+    /** \n+     * APIProperty: type \n+     * {Number} Controls can have a 'type'. The type determines the type of\n+     * interactions which are possible with them when they are placed in an\n+     * <OpenLayers.Control.Panel>. \n      */\n-    isBaseLayer: false,\n+    type: null,\n \n-    /**\n-     * Property: alpha\n-     * {Boolean} The layer's images have an alpha channel.  Default is false.\n+    /** \n+     * Property: allowSelection\n+     * {Boolean} By default, controls do not allow selection, because\n+     * it may interfere with map dragging. If this is true, OpenLayers\n+     * will not prevent selection of the control.\n+     * Default is false.\n      */\n-    alpha: false,\n+    allowSelection: false,\n \n     /** \n-     * APIProperty: displayInLayerSwitcher\n-     * {Boolean} Display the layer's name in the layer switcher.  Default is\n-     *     true.\n+     * Property: displayClass \n+     * {string}  This property is used for CSS related to the drawing of the\n+     * Control. \n      */\n-    displayInLayerSwitcher: true,\n+    displayClass: \"\",\n \n     /**\n-     * APIProperty: visibility\n-     * {Boolean} The layer should be displayed in the map.  Default is true.\n+     * APIProperty: title  \n+     * {string}  This property is used for showing a tooltip over the  \n+     * Control.  \n      */\n-    visibility: true,\n+    title: \"\",\n \n     /**\n-     * APIProperty: attribution\n-     * {String} Attribution string, displayed when an \n-     *     <OpenLayers.Control.Attribution> has been added to the map.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     false.\n      */\n-    attribution: null,\n+    autoActivate: false,\n \n     /** \n-     * Property: inRange\n-     * {Boolean} The current map resolution is within the layer's min/max \n-     *     range. This is set in <OpenLayers.Map.setCenter> whenever the zoom \n-     *     changes.\n+     * APIProperty: active \n+     * {Boolean} The control is active (read-only).  Use <activate> and \n+     *     <deactivate> to change control state.\n      */\n-    inRange: false,\n+    active: null,\n \n     /**\n-     * Propery: imageSize\n-     * {<OpenLayers.Size>} For layers with a gutter, the image is larger than \n-     *     the tile by twice the gutter in each dimension.\n+     * Property: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    imageSize: null,\n-\n-    // OPTIONS\n+    handlerOptions: null,\n \n     /** \n-     * Property: options\n-     * {Object} An optional object whose properties will be set on the layer.\n-     *     Any of the layer properties can be set as a property of the options\n-     *     object and sent to the constructor when the layer is created.\n+     * Property: handler \n+     * {<OpenLayers.Handler>} null\n      */\n-    options: null,\n+    handler: null,\n \n     /**\n      * APIProperty: eventListeners\n      * {Object} If set as an option at construction, the eventListeners\n      *     object will be registered with <OpenLayers.Events.on>.  Object\n      *     structure must be a listeners object as shown in the example for\n      *     the events.on method.\n      */\n     eventListeners: null,\n \n-    /**\n-     * APIProperty: gutter\n-     * {Integer} Determines the width (in pixels) of the gutter around image\n-     *     tiles to ignore.  By setting this property to a non-zero value,\n-     *     images will be requested that are wider and taller than the tile\n-     *     size by a value of 2 x gutter.  This allows artifacts of rendering\n-     *     at tile edges to be ignored.  Set a gutter value that is equal to\n-     *     half the size of the widest symbol that needs to be displayed.\n-     *     Defaults to zero.  Non-tiled layers always have zero gutter.\n-     */\n-    gutter: 0,\n-\n-    /**\n-     * APIProperty: projection\n-     * {<OpenLayers.Projection>} or {<String>} Specifies the projection of the layer.\n-     *     Can be set in the layer options. If not specified in the layer options,\n-     *     it is set to the default projection specified in the map,\n-     *     when the layer is added to the map.\n-     *     Projection along with default maxExtent and resolutions\n-     *     are set automatically with commercial baselayers in EPSG:3857,\n-     *     such as Google, Bing and OpenStreetMap, and do not need to be specified.\n-     *     Otherwise, if specifying projection, also set maxExtent,\n-     *     maxResolution or resolutions as appropriate.\n-     *     When using vector layers with strategies, layer projection should be set\n-     *     to the projection of the source data if that is different from the map default.\n-     * \n-     *     Can be either a string or an <OpenLayers.Projection> object;\n-     *     if a string is passed, will be converted to an object when\n-     *     the layer is added to the map.\n-     * \n-     */\n-    projection: null,\n-\n-    /**\n-     * APIProperty: units\n-     * {String} The layer map units.  Defaults to null.  Possible values\n-     *     are 'degrees' (or 'dd'), 'm', 'ft', 'km', 'mi', 'inches'.\n-     *     Normally taken from the projection.\n-     *     Only required if both map and layers do not define a projection,\n-     *     or if they define a projection which does not define units.\n-     */\n-    units: null,\n-\n-    /**\n-     * APIProperty: scales\n-     * {Array}  An array of map scales in descending order.  The values in the\n-     *     array correspond to the map scale denominator.  Note that these\n-     *     values only make sense if the display (monitor) resolution of the\n-     *     client is correctly guessed by whomever is configuring the\n-     *     application.  In addition, the units property must also be set.\n-     *     Use <resolutions> instead wherever possible.\n-     */\n-    scales: null,\n-\n-    /**\n-     * APIProperty: resolutions\n-     * {Array} A list of map resolutions (map units per pixel) in descending\n-     *     order.  If this is not set in the layer constructor, it will be set\n-     *     based on other resolution related properties (maxExtent,\n-     *     maxResolution, maxScale, etc.).\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n+     *\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to control.events.object (a reference\n+     *      to the control).\n+     * element - {DOMElement} A reference to control.events.element (which\n+     *      will be null unless documented otherwise).\n+     *\n+     * Supported map event types:\n+     * activate - Triggered when activated.\n+     * deactivate - Triggered when deactivated.\n      */\n-    resolutions: null,\n+    events: null,\n \n     /**\n-     * APIProperty: maxExtent\n-     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n-     *     should consist of four values (left, bottom, right, top).\n-     *     The maximum extent for the layer.  Defaults to null.\n+     * Constructor: OpenLayers.Control\n+     * Create an OpenLayers Control.  The options passed as a parameter\n+     * directly extend the control.  For example passing the following:\n      * \n-     *     The center of these bounds will not stray outside\n-     *     of the viewport extent during panning.  In addition, if\n-     *     <displayOutsideMaxExtent> is set to false, data will not be\n-     *     requested that falls completely outside of these bounds.\n-     */\n-    maxExtent: null,\n-\n-    /**\n-     * APIProperty: minExtent\n-     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n-     *     should consist of four values (left, bottom, right, top).\n-     *     The minimum extent for the layer.  Defaults to null.\n-     */\n-    minExtent: null,\n-\n-    /**\n-     * APIProperty: maxResolution\n-     * {Float} Default max is 360 deg / 256 px, which corresponds to\n-     *     zoom level 0 on gmaps.  Specify a different value in the layer \n-     *     options if you are not using the default <OpenLayers.Map.tileSize>\n-     *     and displaying the whole world.\n-     */\n-    maxResolution: null,\n-\n-    /**\n-     * APIProperty: minResolution\n-     * {Float}\n-     */\n-    minResolution: null,\n-\n-    /**\n-     * APIProperty: numZoomLevels\n-     * {Integer}\n-     */\n-    numZoomLevels: null,\n-\n-    /**\n-     * APIProperty: minScale\n-     * {Float}\n-     */\n-    minScale: null,\n-\n-    /**\n-     * APIProperty: maxScale\n-     * {Float}\n-     */\n-    maxScale: null,\n-\n-    /**\n-     * APIProperty: displayOutsideMaxExtent\n-     * {Boolean} Request map tiles that are completely outside of the max \n-     *     extent for this layer. Defaults to false.\n-     */\n-    displayOutsideMaxExtent: false,\n-\n-    /**\n-     * APIProperty: wrapDateLine\n-     * {Boolean} Wraps the world at the international dateline, so the map can\n-     * be panned infinitely in longitudinal direction. Only use this on the\n-     * base layer, and only if the layer's maxExtent equals the world bounds.\n-     * #487 for more info.   \n-     */\n-    wrapDateLine: false,\n-\n-    /**\n-     * Property: metadata\n-     * {Object} This object can be used to store additional information on a\n-     *     layer object.\n-     */\n-    metadata: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer\n+     * > var control = new OpenLayers.Control({div: myDiv});\n      *\n+     * Overrides the default div attribute value of null.\n+     * \n      * Parameters:\n-     * name - {String} The layer name\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * options - {Object} \n      */\n-    initialize: function(name, options) {\n+    initialize: function(options) {\n+        // We do this before the extend so that instances can override\n+        // className in options.\n+        this.displayClass =\n+            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n \n-        this.metadata = {};\n+        OpenLayers.Util.extend(this, options);\n \n-        options = OpenLayers.Util.extend({}, options);\n-        // make sure we respect alwaysInRange if set on the prototype\n-        if (this.alwaysInRange != null) {\n-            options.alwaysInRange = this.alwaysInRange;\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners);\n         }\n-        this.addOptions(options);\n-\n-        this.name = name;\n-\n         if (this.id == null) {\n-\n             this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.style.width = \"100%\";\n-            this.div.style.height = \"100%\";\n-            this.div.dir = \"ltr\";\n-\n-            this.events = new OpenLayers.Events(this, this.div);\n-            if (this.eventListeners instanceof Object) {\n-                this.events.on(this.eventListeners);\n-            }\n-\n         }\n     },\n \n     /**\n      * Method: destroy\n-     * Destroy is a destructor: this is to alleviate cyclic references which\n-     *     the Javascript garbage cleaner can not take care of on its own.\n-     *\n-     * Parameters:\n-     * setNewBaseLayer - {Boolean} Set a new base layer when this layer has\n-     *     been destroyed.  Default is true.\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    destroy: function(setNewBaseLayer) {\n-        if (setNewBaseLayer == null) {\n-            setNewBaseLayer = true;\n-        }\n-        if (this.map != null) {\n-            this.map.removeLayer(this, setNewBaseLayer);\n-        }\n-        this.projection = null;\n-        this.map = null;\n-        this.name = null;\n-        this.div = null;\n-        this.options = null;\n-\n+    destroy: function() {\n         if (this.events) {\n             if (this.eventListeners) {\n                 this.events.un(this.eventListeners);\n             }\n             this.events.destroy();\n+            this.events = null;\n         }\n         this.eventListeners = null;\n-        this.events = null;\n-    },\n-\n-    /**\n-     * Method: clone\n-     *\n-     * Parameters:\n-     * obj - {<OpenLayers.Layer>} The layer to be cloned\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer>} An exact clone of this <OpenLayers.Layer>\n-     */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer(this.name, this.getOptions());\n-        }\n-\n-        // catch any randomly tagged-on properties\n-        OpenLayers.Util.applyDefaults(obj, this);\n-\n-        // a cloned layer should never have its map property set\n-        //  because it has not been added to a map yet. \n-        obj.map = null;\n-\n-        return obj;\n-    },\n-\n-    /**\n-     * Method: getOptions\n-     * Extracts an object from the layer with the properties that were set as\n-     *     options, but updates them with the values currently set on the\n-     *     instance.\n-     * \n-     * Returns:\n-     * {Object} the <options> of the layer, representing the current state.\n-     */\n-    getOptions: function() {\n-        var options = {};\n-        for (var o in this.options) {\n-            options[o] = this[o];\n-        }\n-        return options;\n-    },\n-\n-    /** \n-     * APIMethod: setName\n-     * Sets the new layer name for this layer.  Can trigger a changelayer event\n-     *     on the map.\n-     *\n-     * Parameters:\n-     * newName - {String} The new name.\n-     */\n-    setName: function(newName) {\n-        if (newName != this.name) {\n-            this.name = newName;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"name\"\n-                });\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: addOptions\n-     * \n-     * Parameters:\n-     * newOptions - {Object}\n-     * reinitialize - {Boolean} If set to true, and if resolution options of the\n-     *     current baseLayer were changed, the map will be recentered to make\n-     *     sure that it is displayed with a valid resolution, and a\n-     *     changebaselayer event will be triggered.\n-     */\n-    addOptions: function(newOptions, reinitialize) {\n-\n-        if (this.options == null) {\n-            this.options = {};\n-        }\n-\n-        if (newOptions) {\n-            // make sure this.projection references a projection object\n-            if (typeof newOptions.projection == \"string\") {\n-                newOptions.projection = new OpenLayers.Projection(newOptions.projection);\n-            }\n-            if (newOptions.projection) {\n-                // get maxResolution, units and maxExtent from projection defaults if\n-                // they are not defined already\n-                OpenLayers.Util.applyDefaults(newOptions,\n-                    OpenLayers.Projection.defaults[newOptions.projection.getCode()]);\n-            }\n-            // allow array for extents\n-            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent);\n-            }\n-            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent);\n-            }\n-        }\n \n-        // update our copy for clone\n-        OpenLayers.Util.extend(this.options, newOptions);\n-\n-        // add new options to this\n-        OpenLayers.Util.extend(this, newOptions);\n-\n-        // get the units from the projection, if we have a projection\n-        // and it it has units\n-        if (this.projection && this.projection.getUnits()) {\n-            this.units = this.projection.getUnits();\n+        // eliminate circular references\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null;\n         }\n-\n-        // re-initialize resolutions if necessary, i.e. if any of the\n-        // properties of the \"properties\" array defined below is set\n-        // in the new options\n-        if (this.map) {\n-            // store current resolution so we can try to restore it later\n-            var resolution = this.map.getResolution();\n-            var properties = this.RESOLUTION_PROPERTIES.concat(\n-                [\"projection\", \"units\", \"minExtent\", \"maxExtent\"]\n-            );\n-            for (var o in newOptions) {\n-                if (newOptions.hasOwnProperty(o) &&\n-                    OpenLayers.Util.indexOf(properties, o) >= 0) {\n-\n-                    this.initResolutions();\n-                    if (reinitialize && this.map.baseLayer === this) {\n-                        // update map position, and restore previous resolution\n-                        this.map.setCenter(this.map.getCenter(),\n-                            this.map.getZoomForResolution(resolution),\n-                            false, true\n-                        );\n-                        // trigger a changebaselayer event to make sure that\n-                        // all controls (especially\n-                        // OpenLayers.Control.PanZoomBar) get notified of the\n-                        // new options\n-                        this.map.events.triggerEvent(\"changebaselayer\", {\n-                            layer: this\n-                        });\n-                    }\n-                    break;\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) &&\n+                    typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy();\n                 }\n             }\n+            this.handlers = null;\n         }\n-    },\n-\n-    /**\n-     * APIMethod: onMapResize\n-     * This function can be implemented by subclasses\n-     */\n-    onMapResize: function() {\n-        //this function can be implemented by subclasses  \n-    },\n-\n-    /**\n-     * APIMethod: redraw\n-     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n-     *\n-     * Returns:\n-     * {Boolean} The layer was redrawn.\n-     */\n-    redraw: function() {\n-        var redrawn = false;\n         if (this.map) {\n-\n-            // min/max Range may have changed\n-            this.inRange = this.calculateInRange();\n-\n-            // map's center might not yet be set\n-            var extent = this.getExtent();\n-\n-            if (extent && this.inRange && this.visibility) {\n-                var zoomChanged = true;\n-                this.moveTo(extent, zoomChanged, false);\n-                this.events.triggerEvent(\"moveend\", {\n-                    \"zoomChanged\": zoomChanged\n-                });\n-                redrawn = true;\n-            }\n-        }\n-        return redrawn;\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-     *     do some init work in that case.\n-     * dragging - {Boolean}\n-     */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        var display = this.visibility;\n-        if (!this.isBaseLayer) {\n-            display = display && this.inRange;\n-        }\n-        this.display(display);\n-    },\n-\n-    /**\n-     * Method: moveByPx\n-     * Move the layer based on pixel vector. To be implemented by subclasses.\n-     *\n-     * Parameters:\n-     * dx - {Number} The x coord of the displacement vector.\n-     * dy - {Number} The y coord of the displacement vector.\n-     */\n-    moveByPx: function(dx, dy) {},\n-\n-    /**\n-     * Method: setMap\n-     * Set the map property for the layer. This is done through an accessor\n-     *     so that subclasses can override this and take special action once \n-     *     they have their map variable set. \n-     * \n-     *     Here we take care to bring over any of the necessary default \n-     *     properties from the map. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        if (this.map == null) {\n-\n-            this.map = map;\n-\n-            // grab some essential layer data from the map if it hasn't already\n-            //  been set\n-            this.maxExtent = this.maxExtent || this.map.maxExtent;\n-            this.minExtent = this.minExtent || this.map.minExtent;\n-\n-            this.projection = this.projection || this.map.projection;\n-            if (typeof this.projection == \"string\") {\n-                this.projection = new OpenLayers.Projection(this.projection);\n-            }\n-\n-            // Check the projection to see if we can get units -- if not, refer\n-            // to properties.\n-            this.units = this.projection.getUnits() ||\n-                this.units || this.map.units;\n-\n-            this.initResolutions();\n-\n-            if (!this.isBaseLayer) {\n-                this.inRange = this.calculateInRange();\n-                var show = ((this.visibility) && (this.inRange));\n-                this.div.style.display = show ? \"\" : \"none\";\n-            }\n-\n-            // deal with gutters\n-            this.setTileSize();\n-        }\n-    },\n-\n-    /**\n-     * Method: afterAdd\n-     * Called at the end of the map.addLayer sequence.  At this point, the map\n-     *     will have a base layer.  To be overridden by subclasses.\n-     */\n-    afterAdd: function() {},\n-\n-    /**\n-     * APIMethod: removeMap\n-     * Just as setMap() allows each layer the possibility to take a \n-     *     personalized action on being added to the map, removeMap() allows\n-     *     each layer to take a personalized action on being removed from it. \n-     *     For now, this will be mostly unused, except for the EventPane layer,\n-     *     which needs this hook so that it can remove the special invisible\n-     *     pane. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        //to be overridden by subclasses\n-    },\n-\n-    /**\n-     * APIMethod: getImageSize\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} optional tile bounds, can be used\n-     *     by subclasses that have to deal with different tile sizes at the\n-     *     layer extent edges (e.g. Zoomify)\n-     * \n-     * Returns:\n-     * {<OpenLayers.Size>} The size that the image should be, taking into \n-     *     account gutters.\n-     */\n-    getImageSize: function(bounds) {\n-        return (this.imageSize || this.tileSize);\n-    },\n-\n-    /**\n-     * APIMethod: setTileSize\n-     * Set the tile size based on the map size.  This also sets layer.imageSize\n-     *     or use by Tile.Image.\n-     * \n-     * Parameters:\n-     * size - {<OpenLayers.Size>}\n-     */\n-    setTileSize: function(size) {\n-        var tileSize = (size) ? size :\n-            ((this.tileSize) ? this.tileSize :\n-                this.map.getTileSize());\n-        this.tileSize = tileSize;\n-        if (this.gutter) {\n-            // layers with gutters need non-null tile sizes\n-            //if(tileSize == null) {\n-            //    OpenLayers.console.error(\"Error in layer.setMap() for \" +\n-            //                              this.name + \": layers with \" +\n-            //                              \"gutters need non-null tile sizes\");\n-            //}\n-            this.imageSize = new OpenLayers.Size(tileSize.w + (2 * this.gutter),\n-                tileSize.h + (2 * this.gutter));\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: getVisibility\n-     * \n-     * Returns:\n-     * {Boolean} The layer should be displayed (if in range).\n-     */\n-    getVisibility: function() {\n-        return this.visibility;\n-    },\n-\n-    /** \n-     * APIMethod: setVisibility\n-     * Set the visibility flag for the layer and hide/show & redraw \n-     *     accordingly. Fire event unless otherwise specified\n-     * \n-     * Note that visibility is no longer simply whether or not the layer's\n-     *     style.display is set to \"block\". Now we store a 'visibility' state \n-     *     property on the layer class, this allows us to remember whether or \n-     *     not we *desire* for a layer to be visible. In the case where the \n-     *     map's resolution is out of the layer's range, this desire may be \n-     *     subverted.\n-     * \n-     * Parameters:\n-     * visibility - {Boolean} Whether or not to display the layer (if in range)\n-     */\n-    setVisibility: function(visibility) {\n-        if (visibility != this.visibility) {\n-            this.visibility = visibility;\n-            this.display(visibility);\n-            this.redraw();\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"visibility\"\n-                });\n-            }\n-            this.events.triggerEvent(\"visibilitychanged\");\n-        }\n-    },\n-\n-    /** \n-     * APIMethod: display\n-     * Hide or show the Layer. This is designed to be used internally, and \n-     *     is not generally the way to enable or disable the layer. For that,\n-     *     use the setVisibility function instead..\n-     * \n-     * Parameters:\n-     * display - {Boolean}\n-     */\n-    display: function(display) {\n-        if (display != (this.div.style.display != \"none\")) {\n-            this.div.style.display = (display && this.calculateInRange()) ? \"block\" : \"none\";\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: calculateInRange\n-     * \n-     * Returns:\n-     * {Boolean} The layer is displayable at the current map's current\n-     *     resolution. Note that if 'alwaysInRange' is true for the layer, \n-     *     this function will always return true.\n-     */\n-    calculateInRange: function() {\n-        var inRange = false;\n-\n-        if (this.alwaysInRange) {\n-            inRange = true;\n-        } else {\n-            if (this.map) {\n-                var resolution = this.map.getResolution();\n-                inRange = ((resolution >= this.minResolution) &&\n-                    (resolution <= this.maxResolution));\n-            }\n-        }\n-        return inRange;\n-    },\n-\n-    /** \n-     * APIMethod: setIsBaseLayer\n-     * \n-     * Parameters:\n-     * isBaseLayer - {Boolean}\n-     */\n-    setIsBaseLayer: function(isBaseLayer) {\n-        if (isBaseLayer != this.isBaseLayer) {\n-            this.isBaseLayer = isBaseLayer;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changebaselayer\", {\n-                    layer: this\n-                });\n-            }\n+            this.map.removeControl(this);\n+            this.map = null;\n         }\n+        this.div = null;\n     },\n \n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /********************************************************/\n-\n     /** \n-     * Method: initResolutions\n-     * This method's responsibility is to set up the 'resolutions' array \n-     *     for the layer -- this array is what the layer will use to interface\n-     *     between the zoom levels of the map and the resolution display \n-     *     of the layer.\n-     * \n-     * The user has several options that determine how the array is set up.\n-     *  \n-     * For a detailed explanation, see the following wiki from the \n-     *     openlayers.org homepage:\n-     *     http://trac.openlayers.org/wiki/SettingZoomLevels\n-     */\n-    initResolutions: function() {\n-\n-        // ok we want resolutions, here's our strategy:\n-        //\n-        // 1. if resolutions are defined in the layer config, use them\n-        // 2. else, if scales are defined in the layer config then derive\n-        //    resolutions from these scales\n-        // 3. else, attempt to calculate resolutions from maxResolution,\n-        //    minResolution, numZoomLevels, maxZoomLevel set in the\n-        //    layer config\n-        // 4. if we still don't have resolutions, and if resolutions\n-        //    are defined in the same, use them\n-        // 5. else, if scales are defined in the map then derive\n-        //    resolutions from these scales\n-        // 6. else, attempt to calculate resolutions from maxResolution,\n-        //    minResolution, numZoomLevels, maxZoomLevel set in the\n-        //    map\n-        // 7. hope for the best!\n-\n-        var i, len, p;\n-        var props = {},\n-            alwaysInRange = true;\n-\n-        // get resolution data from layer config\n-        // (we also set alwaysInRange in the layer as appropriate)\n-        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-            p = this.RESOLUTION_PROPERTIES[i];\n-            props[p] = this.options[p];\n-            if (alwaysInRange && this.options[p]) {\n-                alwaysInRange = false;\n-            }\n-        }\n-        if (this.options.alwaysInRange == null) {\n-            this.alwaysInRange = alwaysInRange;\n-        }\n-\n-        // if we don't have resolutions then attempt to derive them from scales\n-        if (props.resolutions == null) {\n-            props.resolutions = this.resolutionsFromScales(props.scales);\n-        }\n-\n-        // if we still don't have resolutions then attempt to calculate them\n-        if (props.resolutions == null) {\n-            props.resolutions = this.calculateResolutions(props);\n-        }\n-\n-        // if we couldn't calculate resolutions then we look at we have\n-        // in the map\n-        if (props.resolutions == null) {\n-            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-                p = this.RESOLUTION_PROPERTIES[i];\n-                props[p] = this.options[p] != null ?\n-                    this.options[p] : this.map[p];\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.resolutionsFromScales(props.scales);\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.calculateResolutions(props);\n-            }\n-        }\n-\n-        // ok, we new need to set properties in the instance\n-\n-        // get maxResolution from the config if it's defined there\n-        var maxResolution;\n-        if (this.options.maxResolution &&\n-            this.options.maxResolution !== \"auto\") {\n-            maxResolution = this.options.maxResolution;\n-        }\n-        if (this.options.minScale) {\n-            maxResolution = OpenLayers.Util.getResolutionFromScale(\n-                this.options.minScale, this.units);\n-        }\n-\n-        // get minResolution from the config if it's defined there\n-        var minResolution;\n-        if (this.options.minResolution &&\n-            this.options.minResolution !== \"auto\") {\n-            minResolution = this.options.minResolution;\n-        }\n-        if (this.options.maxScale) {\n-            minResolution = OpenLayers.Util.getResolutionFromScale(\n-                this.options.maxScale, this.units);\n-        }\n-\n-        if (props.resolutions) {\n-\n-            //sort resolutions array descendingly\n-            props.resolutions.sort(function(a, b) {\n-                return (b - a);\n-            });\n-\n-            // if we still don't have a maxResolution get it from the\n-            // resolutions array\n-            if (!maxResolution) {\n-                maxResolution = props.resolutions[0];\n-            }\n-\n-            // if we still don't have a minResolution get it from the\n-            // resolutions array\n-            if (!minResolution) {\n-                var lastIdx = props.resolutions.length - 1;\n-                minResolution = props.resolutions[lastIdx];\n-            }\n-        }\n-\n-        this.resolutions = props.resolutions;\n-        if (this.resolutions) {\n-            len = this.resolutions.length;\n-            this.scales = new Array(len);\n-            for (i = 0; i < len; i++) {\n-                this.scales[i] = OpenLayers.Util.getScaleFromResolution(\n-                    this.resolutions[i], this.units);\n-            }\n-            this.numZoomLevels = len;\n-        }\n-        this.minResolution = minResolution;\n-        if (minResolution) {\n-            this.maxScale = OpenLayers.Util.getScaleFromResolution(\n-                minResolution, this.units);\n-        }\n-        this.maxResolution = maxResolution;\n-        if (maxResolution) {\n-            this.minScale = OpenLayers.Util.getScaleFromResolution(\n-                maxResolution, this.units);\n-        }\n-    },\n-\n-    /**\n-     * Method: resolutionsFromScales\n-     * Derive resolutions from scales.\n+     * Method: setMap\n+     * Set the map property for the control. This is done through an accessor\n+     * so that subclasses can override this and take special action once \n+     * they have their map variable set. \n      *\n      * Parameters:\n-     * scales - {Array(Number)} Scales\n-     *\n-     * Returns\n-     * {Array(Number)} Resolutions\n+     * map - {<OpenLayers.Map>} \n      */\n-    resolutionsFromScales: function(scales) {\n-        if (scales == null) {\n-            return;\n-        }\n-        var resolutions, i, len;\n-        len = scales.length;\n-        resolutions = new Array(len);\n-        for (i = 0; i < len; i++) {\n-            resolutions[i] = OpenLayers.Util.getResolutionFromScale(\n-                scales[i], this.units);\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map);\n         }\n-        return resolutions;\n     },\n \n     /**\n-     * Method: calculateResolutions\n-     * Calculate resolutions based on the provided properties.\n+     * Method: draw\n+     * The draw method is called when the control is ready to be displayed\n+     * on the page.  If a div has not been created one is created.  Controls\n+     * with a visual component will almost always want to override this method \n+     * to customize the look of control. \n      *\n      * Parameters:\n-     * props - {Object} Properties\n+     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n+     *      or null.\n      *\n      * Returns:\n-     * {Array({Number})} Array of resolutions.\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n      */\n-    calculateResolutions: function(props) {\n-\n-        var viewSize, wRes, hRes;\n-\n-        // determine maxResolution\n-        var maxResolution = props.maxResolution;\n-        if (props.minScale != null) {\n-            maxResolution =\n-                OpenLayers.Util.getResolutionFromScale(props.minScale,\n-                    this.units);\n-        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.maxExtent.getWidth() / viewSize.w;\n-            hRes = this.maxExtent.getHeight() / viewSize.h;\n-            maxResolution = Math.max(wRes, hRes);\n-        }\n-\n-        // determine minResolution\n-        var minResolution = props.minResolution;\n-        if (props.maxScale != null) {\n-            minResolution =\n-                OpenLayers.Util.getResolutionFromScale(props.maxScale,\n-                    this.units);\n-        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.minExtent.getWidth() / viewSize.w;\n-            hRes = this.minExtent.getHeight() / viewSize.h;\n-            minResolution = Math.max(wRes, hRes);\n-        }\n-\n-        if (typeof maxResolution !== \"number\" &&\n-            typeof minResolution !== \"number\" &&\n-            this.maxExtent != null) {\n-            // maxResolution for default grid sets assumes that at zoom\n-            // level zero, the whole world fits on one tile.\n-            var tileSize = this.map.getTileSize();\n-            maxResolution = Math.max(\n-                this.maxExtent.getWidth() / tileSize.w,\n-                this.maxExtent.getHeight() / tileSize.h\n-            );\n-        }\n-\n-        // determine numZoomLevels\n-        var maxZoomLevel = props.maxZoomLevel;\n-        var numZoomLevels = props.numZoomLevels;\n-        if (typeof minResolution === \"number\" &&\n-            typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n-            var ratio = maxResolution / minResolution;\n-            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1;\n-        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n-            numZoomLevels = maxZoomLevel + 1;\n-        }\n-\n-        // are we able to calculate resolutions?\n-        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 ||\n-            (typeof maxResolution !== \"number\" &&\n-                typeof minResolution !== \"number\")) {\n-            return;\n-        }\n-\n-        // now we have numZoomLevels and at least one of maxResolution\n-        // or minResolution, we can populate the resolutions array\n-\n-        var resolutions = new Array(numZoomLevels);\n-        var base = 2;\n-        if (typeof minResolution == \"number\" &&\n-            typeof maxResolution == \"number\") {\n-            // if maxResolution and minResolution are set, we calculate\n-            // the base for exponential scaling that starts at\n-            // maxResolution and ends at minResolution in numZoomLevels\n-            // steps.\n-            base = Math.pow(\n-                (maxResolution / minResolution),\n-                (1 / (numZoomLevels - 1))\n-            );\n-        }\n-\n-        var i;\n-        if (typeof maxResolution === \"number\") {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[i] = maxResolution / Math.pow(base, i);\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False;\n             }\n-        } else {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[numZoomLevels - 1 - i] =\n-                    minResolution * Math.pow(base, i);\n+            if (this.title != \"\") {\n+                this.div.title = this.title;\n             }\n         }\n-\n-        return resolutions;\n-    },\n-\n-    /**\n-     * APIMethod: getResolution\n-     * \n-     * Returns:\n-     * {Float} The currently selected resolution of the map, taken from the\n-     *     resolutions array, indexed by current zoom level.\n-     */\n-    getResolution: function() {\n-        var zoom = this.map.getZoom();\n-        return this.getResolutionForZoom(zoom);\n-    },\n-\n-    /** \n-     * APIMethod: getExtent\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n-     *     bounds of the current viewPort.\n-     */\n-    getExtent: function() {\n-        // just use stock map calculateBounds function -- passing no arguments\n-        //  means it will user map's current center & resolution\n-        //\n-        return this.map.calculateBounds();\n+        if (px != null) {\n+            this.position = px.clone();\n+        }\n+        this.moveTo(this.position);\n+        return this.div;\n     },\n \n     /**\n-     * APIMethod: getZoomForExtent\n-     * \n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * closest - {Boolean} Find the zoom level that most closely fits the \n-     *     specified bounds. Note that this may result in a zoom that does \n-     *     not exactly contain the entire extent.\n-     *     Default is false.\n+     * Method: moveTo\n+     * Sets the left and top style attributes to the passed in pixel \n+     * coordinates.\n      *\n-     * Returns:\n-     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n-     *     for the passed-in extent. We do this by calculating the ideal \n-     *     resolution for the given extent (based on the map size) and then \n-     *     calling getZoomForResolution(), passing along the 'closest'\n-     *     parameter.\n-     */\n-    getZoomForExtent: function(extent, closest) {\n-        var viewSize = this.map.getSize();\n-        var idealResolution = Math.max(extent.getWidth() / viewSize.w,\n-            extent.getHeight() / viewSize.h);\n-\n-        return this.getZoomForResolution(idealResolution, closest);\n-    },\n-\n-    /** \n-     * Method: getDataExtent\n-     * Calculates the max extent which includes all of the data for the layer.\n-     *     This function is to be implemented by subclasses.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n-     */\n-    getDataExtent: function() {\n-        //to be implemented by subclasses\n-    },\n-\n-    /**\n-     * APIMethod: getResolutionForZoom\n-     * \n      * Parameters:\n-     * zoom - {Float}\n-     * \n-     * Returns:\n-     * {Float} A suitable resolution for the specified zoom.\n+     * px - {<OpenLayers.Pixel>}\n      */\n-    getResolutionForZoom: function(zoom) {\n-        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n-        var resolution;\n-        if (this.map.fractionalZoom) {\n-            var low = Math.floor(zoom);\n-            var high = Math.ceil(zoom);\n-            resolution = this.resolutions[low] -\n-                ((zoom - low) * (this.resolutions[low] - this.resolutions[high]));\n-        } else {\n-            resolution = this.resolutions[Math.round(zoom)];\n+    moveTo: function(px) {\n+        if ((px != null) && (this.div != null)) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\";\n         }\n-        return resolution;\n     },\n \n     /**\n-     * APIMethod: getZoomForResolution\n-     * \n-     * Parameters:\n-     * resolution - {Float}\n-     * closest - {Boolean} Find the zoom level that corresponds to the absolute \n-     *     closest resolution, which may result in a zoom whose corresponding\n-     *     resolution is actually smaller than we would have desired (if this\n-     *     is being called from a getZoomForExtent() call, then this means that\n-     *     the returned zoom index might not actually contain the entire \n-     *     extent specified... but it'll be close).\n-     *     Default is false.\n+     * APIMethod: activate\n+     * Explicitly activates a control and it's associated\n+     * handler if one has been set.  Controls can be\n+     * deactivated by calling the deactivate() method.\n      * \n      * Returns:\n-     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n-     *     that corresponds to the best fit resolution given the passed in \n-     *     value and the 'closest' specification.\n+     * {Boolean}  True if the control was successfully activated or\n+     *            false if the control was already active.\n      */\n-    getZoomForResolution: function(resolution, closest) {\n-        var zoom, i, len;\n-        if (this.map.fractionalZoom) {\n-            var lowZoom = 0;\n-            var highZoom = this.resolutions.length - 1;\n-            var highRes = this.resolutions[lowZoom];\n-            var lowRes = this.resolutions[highZoom];\n-            var res;\n-            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n-                res = this.resolutions[i];\n-                if (res >= resolution) {\n-                    highRes = res;\n-                    lowZoom = i;\n-                }\n-                if (res <= resolution) {\n-                    lowRes = res;\n-                    highZoom = i;\n-                    break;\n-                }\n-            }\n-            var dRes = highRes - lowRes;\n-            if (dRes > 0) {\n-                zoom = lowZoom + ((highRes - resolution) / dRes);\n-            } else {\n-                zoom = lowZoom;\n-            }\n-        } else {\n-            var diff;\n-            var minDiff = Number.POSITIVE_INFINITY;\n-            for (i = 0, len = this.resolutions.length; i < len; i++) {\n-                if (closest) {\n-                    diff = Math.abs(this.resolutions[i] - resolution);\n-                    if (diff > minDiff) {\n-                        break;\n-                    }\n-                    minDiff = diff;\n-                } else {\n-                    if (this.resolutions[i] < resolution) {\n-                        break;\n-                    }\n-                }\n-            }\n-            zoom = Math.max(0, i - 1);\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n         }\n-        return zoom;\n-    },\n-\n-    /**\n-     * APIMethod: getLonLatFromViewPortPx\n-     * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>|Object} An OpenLayers.Pixel or\n-     *                                          an object with a 'x'\n-     *                                          and 'y' properties.\n-     *\n-     * Returns:\n-     * {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in \n-     *     view port <OpenLayers.Pixel>, translated into lon/lat by the layer.\n-     */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        var map = this.map;\n-        if (viewPortPx != null && map.minPx) {\n-            var res = map.getResolution();\n-            var maxExtent = map.getMaxExtent({\n-                restricted: true\n-            });\n-            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n-            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n-            lonlat = new OpenLayers.LonLat(lon, lat);\n-\n-            if (this.wrapDateLine) {\n-                lonlat = lonlat.wrapDateLine(this.maxExtent);\n-            }\n+        if (this.handler) {\n+            this.handler.activate();\n         }\n-        return lonlat;\n-    },\n-\n-    /**\n-     * APIMethod: getViewPortPxFromLonLat\n-     * Returns a pixel location given a map location.  This method will return\n-     *     fractional pixel values.\n-     * \n-     * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>|Object} An OpenLayers.LonLat or\n-     *                                       an object with a 'lon'\n-     *                                       and 'lat' properties.\n-     *\n-     * Returns: \n-     * {<OpenLayers.Pixel>} An <OpenLayers.Pixel> which is the passed-in \n-     *     lonlat translated into view port pixels.\n-     */\n-    getViewPortPxFromLonLat: function(lonlat, resolution) {\n-        var px = null;\n-        if (lonlat != null) {\n-            resolution = resolution || this.map.getResolution();\n-            var extent = this.map.calculateBounds(null, resolution);\n-            px = new OpenLayers.Pixel(\n-                (1 / resolution * (lonlat.lon - extent.left)),\n-                (1 / resolution * (extent.top - lonlat.lat))\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv,\n+                this.displayClass.replace(/ /g, \"\") + \"Active\"\n             );\n         }\n-        return px;\n+        this.events.triggerEvent(\"activate\");\n+        return true;\n     },\n \n     /**\n-     * APIMethod: setOpacity\n-     * Sets the opacity for the entire layer (all images)\n+     * APIMethod: deactivate\n+     * Deactivates a control and it's associated handler if any.  The exact\n+     * effect of this depends on the control itself.\n      * \n-     * Parameters:\n-     * opacity - {Float}\n+     * Returns:\n+     * {Boolean} True if the control was effectively deactivated or false\n+     *           if the control was already inactive.\n      */\n-    setOpacity: function(opacity) {\n-        if (opacity != this.opacity) {\n-            this.opacity = opacity;\n-            var childNodes = this.div.childNodes;\n-            for (var i = 0, len = childNodes.length; i < len; ++i) {\n-                var element = childNodes[i].firstChild || childNodes[i];\n-                var lastChild = childNodes[i].lastChild;\n-                //TODO de-uglify this\n-                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n-                    element = lastChild.parentNode;\n-                }\n-                OpenLayers.Util.modifyDOMElement(element, null, null, null,\n-                    null, null, null, opacity);\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate();\n             }\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                });\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv,\n+                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n+                );\n             }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true;\n         }\n+        return false;\n     },\n \n-    /**\n-     * Method: getZIndex\n-     * \n-     * Returns: \n-     * {Integer} the z-index of this layer\n-     */\n-    getZIndex: function() {\n-        return this.div.style.zIndex;\n-    },\n-\n-    /**\n-     * Method: setZIndex\n-     * \n-     * Parameters: \n-     * zIndex - {Integer}\n-     */\n-    setZIndex: function(zIndex) {\n-        this.div.style.zIndex = zIndex;\n-    },\n-\n-    /**\n-     * Method: adjustBounds\n-     * This function will take a bounds, and if wrapDateLine option is set\n-     *     on the layer, it will return a bounds which is wrapped around the \n-     *     world. We do not wrap for bounds which *cross* the \n-     *     maxExtent.left/right, only bounds which are entirely to the left \n-     *     or entirely to the right.\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     */\n-    adjustBounds: function(bounds) {\n-\n-        if (this.gutter) {\n-            // Adjust the extent of a bounds in map units by the \n-            // layer's gutter in pixels.\n-            var mapGutter = this.gutter * this.map.getResolution();\n-            bounds = new OpenLayers.Bounds(bounds.left - mapGutter,\n-                bounds.bottom - mapGutter,\n-                bounds.right + mapGutter,\n-                bounds.top + mapGutter);\n-        }\n+    CLASS_NAME: \"OpenLayers.Control\"\n+});\n \n-        if (this.wrapDateLine) {\n-            // wrap around the date line, within the limits of rounding error\n-            var wrappingOptions = {\n-                'rightTolerance': this.getResolution(),\n-                'leftTolerance': this.getResolution()\n-            };\n-            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions);\n+/**\n+ * Constant: OpenLayers.Control.TYPE_BUTTON\n+ */\n+OpenLayers.Control.TYPE_BUTTON = 1;\n \n-        }\n-        return bounds;\n-    },\n+/**\n+ * Constant: OpenLayers.Control.TYPE_TOGGLE\n+ */\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n \n-    CLASS_NAME: \"OpenLayers.Layer\"\n-});\n+/**\n+ * Constant: OpenLayers.Control.TYPE_TOOL\n+ */\n+OpenLayers.Control.TYPE_TOOL = 3;\n /* ======================================================================\n     OpenLayers/Layer/HTTPRequest.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -27436,313 +29266,14 @@\n \n         return OpenLayers.Util.urlAppend(url, paramsString);\n     },\n \n     CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n });\n /* ======================================================================\n-    OpenLayers/Tile.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Tile \n- * This is a class designed to designate a single tile, however\n- *     it is explicitly designed to do relatively little. Tiles store \n- *     information about themselves -- such as the URL that they are related\n- *     to, and their size - but do not add themselves to the layer div \n- *     automatically, for example. Create a new tile with the \n- *     <OpenLayers.Tile> constructor, or a subclass. \n- * \n- * TBD 3.0 - remove reference to url in above paragraph\n- * \n- */\n-OpenLayers.Tile = OpenLayers.Class({\n-\n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the tile.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * tile.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types:\n-     * beforedraw - Triggered before the tile is drawn. Used to defer\n-     *     drawing to an animation queue. To defer drawing, listeners need\n-     *     to return false, which will abort drawing. The queue handler needs\n-     *     to call <draw>(true) to actually draw the tile.\n-     * loadstart - Triggered when tile loading starts.\n-     * loadend - Triggered when tile loading ends.\n-     * loaderror - Triggered before the loadend event (i.e. when the tile is\n-     *     still hidden) if the tile could not be loaded.\n-     * reload - Triggered when an already loading tile is reloaded.\n-     * unload - Triggered before a tile is unloaded.\n-     */\n-    events: null,\n-\n-    /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n-     *\n-     * This options can be set in the ``tileOptions`` option from\n-     * <OpenLayers.Layer.Grid>. For example, to be notified of the\n-     * ``loadend`` event of each tiles:\n-     * (code)\n-     * new OpenLayers.Layer.OSM('osm', 'http://tile.openstreetmap.org/${z}/${x}/${y}.png', {\n-     *     tileOptions: {\n-     *         eventListeners: {\n-     *             'loadend': function(evt) {\n-     *                 // do something on loadend\n-     *             }\n-     *         }\n-     *     }\n-     * });\n-     * (end)\n-     */\n-    eventListeners: null,\n-\n-    /**\n-     * Property: id \n-     * {String} null\n-     */\n-    id: null,\n-\n-    /** \n-     * Property: layer \n-     * {<OpenLayers.Layer>} layer the tile is attached to \n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: url\n-     * {String} url of the request.\n-     *\n-     * TBD 3.0 \n-     * Deprecated. The base tile class does not need an url. This should be \n-     * handled in subclasses. Does not belong here.\n-     */\n-    url: null,\n-\n-    /** \n-     * APIProperty: bounds \n-     * {<OpenLayers.Bounds>} null\n-     */\n-    bounds: null,\n-\n-    /** \n-     * Property: size \n-     * {<OpenLayers.Size>} null\n-     */\n-    size: null,\n-\n-    /** \n-     * Property: position \n-     * {<OpenLayers.Pixel>} Top Left pixel of the tile\n-     */\n-    position: null,\n-\n-    /**\n-     * Property: isLoading\n-     * {Boolean} Is the tile loading?\n-     */\n-    isLoading: false,\n-\n-    /** TBD 3.0 -- remove 'url' from the list of parameters to the constructor.\n-     *             there is no need for the base tile class to have a url.\n-     */\n-\n-    /** \n-     * Constructor: OpenLayers.Tile\n-     * Constructor for a new <OpenLayers.Tile> instance.\n-     * \n-     * Parameters:\n-     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n-     * position - {<OpenLayers.Pixel>}\n-     * bounds - {<OpenLayers.Bounds>}\n-     * url - {<String>}\n-     * size - {<OpenLayers.Size>}\n-     * options - {Object}\n-     */\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        this.layer = layer;\n-        this.position = position.clone();\n-        this.setBounds(bounds);\n-        this.url = url;\n-        if (size) {\n-            this.size = size.clone();\n-        }\n-\n-        //give the tile a unique id based on its BBOX.\n-        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n-\n-        OpenLayers.Util.extend(this, options);\n-\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners);\n-        }\n-    },\n-\n-    /**\n-     * Method: unload\n-     * Call immediately before destroying if you are listening to tile\n-     * events, so that counters are properly handled if tile is still\n-     * loading at destroy-time. Will only fire an event if the tile is\n-     * still loading.\n-     */\n-    unload: function() {\n-        if (this.isLoading) {\n-            this.isLoading = false;\n-            this.events.triggerEvent(\"unload\");\n-        }\n-    },\n-\n-    /** \n-     * APIMethod: destroy\n-     * Nullify references to prevent circular references and memory leaks.\n-     */\n-    destroy: function() {\n-        this.layer = null;\n-        this.bounds = null;\n-        this.size = null;\n-        this.position = null;\n-\n-        if (this.eventListeners) {\n-            this.events.un(this.eventListeners);\n-        }\n-        this.events.destroy();\n-        this.eventListeners = null;\n-        this.events = null;\n-    },\n-\n-    /**\n-     * Method: draw\n-     * Clear whatever is currently in the tile, then return whether or not \n-     *     it should actually be re-drawn. This is an example implementation\n-     *     that can be overridden by subclasses. The minimum thing to do here\n-     *     is to call <clear> and return the result from <shouldDraw>.\n-     *\n-     * Parameters:\n-     * force - {Boolean} If true, the tile will not be cleared and no beforedraw\n-     *     event will be fired. This is used for drawing tiles asynchronously\n-     *     after drawing has been cancelled by returning false from a beforedraw\n-     *     listener.\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the tile should actually be drawn. Returns null\n-     *     if a beforedraw listener returned false.\n-     */\n-    draw: function(force) {\n-        if (!force) {\n-            //clear tile's contents and mark as not drawn\n-            this.clear();\n-        }\n-        var draw = this.shouldDraw();\n-        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n-            draw = null;\n-        }\n-        return draw;\n-    },\n-\n-    /**\n-     * Method: shouldDraw\n-     * Return whether or not the tile should actually be (re-)drawn. The only\n-     * case where we *wouldn't* want to draw the tile is if the tile is outside\n-     * its layer's maxExtent\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the tile should actually be drawn.\n-     */\n-    shouldDraw: function() {\n-        var withinMaxExtent = false,\n-            maxExtent = this.layer.maxExtent;\n-        if (maxExtent) {\n-            var map = this.layer.map;\n-            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n-            if (this.bounds.intersectsBounds(maxExtent, {\n-                    inclusive: false,\n-                    worldBounds: worldBounds\n-                })) {\n-                withinMaxExtent = true;\n-            }\n-        }\n-\n-        return withinMaxExtent || this.layer.displayOutsideMaxExtent;\n-    },\n-\n-    /**\n-     * Method: setBounds\n-     * Sets the bounds on this instance\n-     *\n-     * Parameters:\n-     * bounds {<OpenLayers.Bounds>}\n-     */\n-    setBounds: function(bounds) {\n-        bounds = bounds.clone();\n-        if (this.layer.map.baseLayer.wrapDateLine) {\n-            var worldExtent = this.layer.map.getMaxExtent(),\n-                tolerance = this.layer.map.getResolution();\n-            bounds = bounds.wrapDateLine(worldExtent, {\n-                leftTolerance: tolerance,\n-                rightTolerance: tolerance\n-            });\n-        }\n-        this.bounds = bounds;\n-    },\n-\n-    /** \n-     * Method: moveTo\n-     * Reposition the tile.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * position - {<OpenLayers.Pixel>}\n-     * redraw - {Boolean} Call draw method on tile after moving.\n-     *     Default is true\n-     */\n-    moveTo: function(bounds, position, redraw) {\n-        if (redraw == null) {\n-            redraw = true;\n-        }\n-\n-        this.setBounds(bounds);\n-        this.position = position.clone();\n-        if (redraw) {\n-            this.draw();\n-        }\n-    },\n-\n-    /** \n-     * Method: clear\n-     * Clear the tile of any bounds/position-related data so that it can \n-     *     be reused in a new location.\n-     */\n-    clear: function(draw) {\n-        // to be extended by subclasses\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Tile\"\n-});\n-/* ======================================================================\n     OpenLayers/Tile/Image.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -30087,2085 +31618,429 @@\n         this.tileCache = null;\n         this.tileCacheIndex = null;\n         this._destroyed = true;\n     }\n \n });\n /* ======================================================================\n-    OpenLayers/Marker.js\n+    OpenLayers/Format/WPSDescribeProcess.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/Icon.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n  */\n \n /**\n- * Class: OpenLayers.Marker\n- * Instances of OpenLayers.Marker are a combination of a \n- * <OpenLayers.LonLat> and an <OpenLayers.Icon>.  \n- *\n- * Markers are generally added to a special layer called\n- * <OpenLayers.Layer.Markers>.\n- *\n- * Example:\n- * (code)\n- * var markers = new OpenLayers.Layer.Markers( \"Markers\" );\n- * map.addLayer(markers);\n- *\n- * var size = new OpenLayers.Size(21,25);\n- * var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);\n- * var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);\n- * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));\n- * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));\n- *\n- * (end)\n+ * Class: OpenLayers.Format.WPSDescribeProcess\n+ * Read WPS DescribeProcess responses. \n  *\n- * Note that if you pass an icon into the Marker constructor, it will take\n- * that icon and use it. This means that you should not share icons between\n- * markers -- you use them once, but you should clone() for any additional\n- * markers using that same icon.\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Marker = OpenLayers.Class({\n+OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-    /** \n-     * Property: icon \n-     * {<OpenLayers.Icon>} The icon used by this marker.\n-     */\n-    icon: null,\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n \n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} location of object\n-     */\n-    lonlat: null,\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wps: \"http://www.opengis.net/wps/1.0.0\",\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+        },\n \n-    /** \n-     * Property: events \n-     * {<OpenLayers.Events>} the event handler.\n-     */\n-    events: null,\n+        /**\n+         * Property: schemaLocation\n+         * {String} Schema location\n+         */\n+        schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n \n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} the map this marker is attached to\n-     */\n-    map: null,\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wps\",\n \n-    /** \n-     * Constructor: OpenLayers.Marker\n-     *\n-     * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>} the position of this marker\n-     * icon - {<OpenLayers.Icon>}  the icon for this marker\n-     */\n-    initialize: function(lonlat, icon) {\n-        this.lonlat = lonlat;\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n \n-        var newIcon = (icon) ? icon : OpenLayers.Marker.defaultIcon();\n-        if (this.icon == null) {\n-            this.icon = newIcon;\n-        } else {\n-            this.icon.url = newIcon.url;\n-            this.icon.size = newIcon.size;\n-            this.icon.offset = newIcon.offset;\n-            this.icon.calculateOffset = newIcon.calculateOffset;\n-        }\n-        this.events = new OpenLayers.Events(this, this.icon.imageDiv);\n-    },\n+        /**\n+         * Constructor: OpenLayers.Format.WPSDescribeProcess\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-    /**\n-     * APIMethod: destroy\n-     * Destroy the marker. You must first remove the marker from any \n-     * layer which it has been added to, or you will get buggy behavior.\n-     * (This can not be done within the marker since the marker does not\n-     * know which layer it is attached to.)\n-     */\n-    destroy: function() {\n-        // erase any drawn features\n-        this.erase();\n+        /**\n+         * APIMethod: read\n+         * Parse a WPS DescribeProcess and return an object with its information.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object}\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var info = {};\n+            this.readNode(data, info);\n+            return info;\n+        },\n \n-        this.map = null;\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wps\": {\n+                \"ProcessDescriptions\": function(node, obj) {\n+                    obj.processDescriptions = {};\n+                    this.readChildNodes(node, obj.processDescriptions);\n+                },\n+                \"ProcessDescription\": function(node, processDescriptions) {\n+                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                    var processDescription = {\n+                        processVersion: processVersion,\n+                        statusSupported: (node.getAttribute(\"statusSupported\") === \"true\"),\n+                        storeSupported: (node.getAttribute(\"storeSupported\") === \"true\")\n+                    };\n+                    this.readChildNodes(node, processDescription);\n+                    processDescriptions[processDescription.identifier] = processDescription;\n+                },\n+                \"DataInputs\": function(node, processDescription) {\n+                    processDescription.dataInputs = [];\n+                    this.readChildNodes(node, processDescription.dataInputs);\n+                },\n+                \"ProcessOutputs\": function(node, processDescription) {\n+                    processDescription.processOutputs = [];\n+                    this.readChildNodes(node, processDescription.processOutputs);\n+                },\n+                \"Output\": function(node, processOutputs) {\n+                    var output = {};\n+                    this.readChildNodes(node, output);\n+                    processOutputs.push(output);\n+                },\n+                \"ComplexOutput\": function(node, output) {\n+                    output.complexOutput = {};\n+                    this.readChildNodes(node, output.complexOutput);\n+                },\n+                \"LiteralOutput\": function(node, output) {\n+                    output.literalOutput = {};\n+                    this.readChildNodes(node, output.literalOutput);\n+                },\n+                \"Input\": function(node, dataInputs) {\n+                    var input = {\n+                        maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n+                        minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n+                    };\n+                    this.readChildNodes(node, input);\n+                    dataInputs.push(input);\n+                },\n+                \"BoundingBoxData\": function(node, input) {\n+                    input.boundingBoxData = {};\n+                    this.readChildNodes(node, input.boundingBoxData);\n+                },\n+                \"CRS\": function(node, obj) {\n+                    if (!obj.CRSs) {\n+                        obj.CRSs = {};\n+                    }\n+                    obj.CRSs[this.getChildValue(node)] = true;\n+                },\n+                \"LiteralData\": function(node, input) {\n+                    input.literalData = {};\n+                    this.readChildNodes(node, input.literalData);\n+                },\n+                \"ComplexData\": function(node, input) {\n+                    input.complexData = {};\n+                    this.readChildNodes(node, input.complexData);\n+                },\n+                \"Default\": function(node, complexData) {\n+                    complexData[\"default\"] = {};\n+                    this.readChildNodes(node, complexData[\"default\"]);\n+                },\n+                \"Supported\": function(node, complexData) {\n+                    complexData[\"supported\"] = {};\n+                    this.readChildNodes(node, complexData[\"supported\"]);\n+                },\n+                \"Format\": function(node, obj) {\n+                    var format = {};\n+                    this.readChildNodes(node, format);\n+                    if (!obj.formats) {\n+                        obj.formats = {};\n+                    }\n+                    obj.formats[format.mimeType] = true;\n+                },\n+                \"MimeType\": function(node, format) {\n+                    format.mimeType = this.getChildValue(node);\n+                }\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n \n-        this.events.destroy();\n-        this.events = null;\n+        CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n \n-        if (this.icon != null) {\n-            this.icon.destroy();\n-            this.icon = null;\n-        }\n-    },\n+    });\n+/* ======================================================================\n+    OpenLayers/WPSClient.js\n+   ====================================================================== */\n \n-    /** \n-     * Method: draw\n-     * Calls draw on the icon, and returns that output.\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n-     * \n-     * Returns:\n-     * {DOMElement} A new DOM Image with this marker's icon set at the \n-     * location passed-in\n-     */\n-    draw: function(px) {\n-        return this.icon.draw(px);\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /** \n-     * Method: erase\n-     * Erases any drawn elements for this marker.\n-     */\n-    erase: function() {\n-        if (this.icon != null) {\n-            this.icon.erase();\n-        }\n-    },\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+/**\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/WPSProcess.js\n+ * @requires OpenLayers/Format/WPSDescribeProcess.js\n+ * @requires OpenLayers/Request.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.WPSClient\n+ * High level API for interaction with Web Processing Services (WPS).\n+ * An <OpenLayers.WPSClient> instance is used to create <OpenLayers.WPSProcess>\n+ * instances for servers known to the WPSClient. The WPSClient also caches\n+ * DescribeProcess responses to reduce the number of requests sent to servers\n+ * when processes are created.\n+ */\n+OpenLayers.WPSClient = OpenLayers.Class({\n \n     /**\n-     * Method: moveTo\n-     * Move the marker to the new location.\n+     * Property: servers\n+     * {Object} Service metadata, keyed by a local identifier.\n      *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>|Object} the pixel position to move to.\n-     * An OpenLayers.Pixel or an object with a 'x' and 'y' properties.\n+     * Properties:\n+     * url - {String} the url of the server\n+     * version - {String} WPS version of the server\n+     * processDescription - {Object} Cache of raw DescribeProcess\n+     *     responses, keyed by process identifier.\n      */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.icon != null)) {\n-            this.icon.moveTo(px);\n-        }\n-        this.lonlat = this.map.getLonLatFromLayerPx(px);\n-    },\n+    servers: null,\n \n     /**\n-     * APIMethod: isDrawn\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the marker is drawn.\n+     * Property: version\n+     * {String} The default WPS version to use if none is configured. Default\n+     *     is '1.0.0'.\n      */\n-    isDrawn: function() {\n-        var isDrawn = (this.icon && this.icon.isDrawn());\n-        return isDrawn;\n-    },\n+    version: '1.0.0',\n \n     /**\n-     * Method: onScreen\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the marker is currently visible on screen.\n+     * Property: lazy\n+     * {Boolean} Should the DescribeProcess be deferred until a process is\n+     *     fully configured? Default is false.\n      */\n-    onScreen: function() {\n-\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat);\n-        }\n-        return onScreen;\n-    },\n+    lazy: false,\n \n     /**\n-     * Method: inflate\n-     * Englarges the markers icon by the specified ratio.\n+     * Property: events\n+     * {<OpenLayers.Events>}\n      *\n-     * Parameters:\n-     * inflate - {float} the ratio to enlarge the marker by (passing 2\n-     *                   will double the size).\n-     */\n-    inflate: function(inflate) {\n-        if (this.icon) {\n-            this.icon.setSize({\n-                w: this.icon.size.w * inflate,\n-                h: this.icon.size.h * inflate\n-            });\n-        }\n-    },\n-\n-    /** \n-     * Method: setOpacity\n-     * Change the opacity of the marker by changin the opacity of \n-     *   its icon\n-     * \n-     * Parameters:\n-     * opacity - {float}  Specified as fraction (0.4, etc)\n-     */\n-    setOpacity: function(opacity) {\n-        this.icon.setOpacity(opacity);\n-    },\n-\n-    /**\n-     * Method: setUrl\n-     * Change URL of the Icon Image.\n-     * \n-     * url - {String} \n-     */\n-    setUrl: function(url) {\n-        this.icon.setUrl(url);\n-    },\n-\n-    /** \n-     * Method: display\n-     * Hide or show the icon\n-     * \n-     * display - {Boolean} \n-     */\n-    display: function(display) {\n-        this.icon.display(display);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Marker\"\n-});\n-\n-\n-/**\n- * Function: defaultIcon\n- * Creates a default <OpenLayers.Icon>.\n- * \n- * Returns:\n- * {<OpenLayers.Icon>} A default OpenLayers.Icon to use for a marker\n- */\n-OpenLayers.Marker.defaultIcon = function() {\n-    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n-        w: 21,\n-        h: 25\n-    }, {\n-        x: -10.5,\n-        y: -25\n-    });\n-};\n-\n-\n-/* ======================================================================\n-    OpenLayers/Strategy.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Strategy\n- * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n- *     one of the strategy subclasses instead.\n- */\n-OpenLayers.Strategy = OpenLayers.Class({\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: options\n-     * {Object} Any options sent to the constructor.\n-     */\n-    options: null,\n-\n-    /** \n-     * Property: active \n-     * {Boolean} The control is active.\n-     */\n-    active: null,\n-\n-    /**\n-     * Property: autoActivate\n-     * {Boolean} The creator of the strategy can set autoActivate to false\n-     *      to fully control when the protocol is activated and deactivated.\n-     *      Defaults to true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * Property: autoDestroy\n-     * {Boolean} The creator of the strategy can set autoDestroy to false\n-     *      to fully control when the strategy is destroyed. Defaults to\n-     *      true.\n-     */\n-    autoDestroy: true,\n-\n-    /**\n-     * Constructor: OpenLayers.Strategy\n-     * Abstract class for vector strategies.  Create instances of a subclass.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        // set the active property here, so that user cannot override it\n-        this.active = false;\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the strategy.\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null;\n-    },\n-\n-    /**\n-     * Method: setLayer\n-     * Called to set the <layer> property.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}\n-     */\n-    setLayer: function(layer) {\n-        this.layer = layer;\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-/* ======================================================================\n-    OpenLayers/Popup.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-\n-/**\n- * Class: OpenLayers.Popup\n- * A popup is a small div that can opened and closed on the map.\n- * Typically opened in response to clicking on a marker.  \n- * See <OpenLayers.Marker>.  Popup's don't require their own\n- * layer and are added the the map using the <OpenLayers.Map.addPopup>\n- * method.\n- *\n- * Example:\n- * (code)\n- * popup = new OpenLayers.Popup(\"chicken\", \n- *                    new OpenLayers.LonLat(5,40),\n- *                    new OpenLayers.Size(200,200),\n- *                    \"example popup\",\n- *                    true);\n- *       \n- * map.addPopup(popup);\n- * (end)\n- */\n-OpenLayers.Popup = OpenLayers.Class({\n-\n-    /** \n-     * Property: events  \n-     * {<OpenLayers.Events>} custom event manager \n+     * Supported event types:\n+     * describeprocess - Fires when the process description is available.\n+     *     Listeners receive an object with a 'raw' property holding the raw\n+     *     DescribeProcess response, and an 'identifier' property holding the\n+     *     process identifier of the described process.\n      */\n     events: null,\n \n-    /** Property: id\n-     * {String} the unique identifier assigned to this popup.\n-     */\n-    id: \"\",\n-\n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} the position of this popup on the map\n-     */\n-    lonlat: null,\n-\n-    /** \n-     * Property: div \n-     * {DOMElement} the div that contains this popup.\n-     */\n-    div: null,\n-\n-    /** \n-     * Property: contentSize \n-     * {<OpenLayers.Size>} the width and height of the content.\n-     */\n-    contentSize: null,\n-\n-    /** \n-     * Property: size \n-     * {<OpenLayers.Size>} the width and height of the popup.\n-     */\n-    size: null,\n-\n-    /** \n-     * Property: contentHTML \n-     * {String} An HTML string for this popup to display.\n-     */\n-    contentHTML: null,\n-\n-    /** \n-     * Property: backgroundColor \n-     * {String} the background color used by the popup.\n-     */\n-    backgroundColor: \"\",\n-\n-    /** \n-     * Property: opacity \n-     * {float} the opacity of this popup (between 0.0 and 1.0)\n-     */\n-    opacity: \"\",\n-\n-    /** \n-     * Property: border \n-     * {String} the border size of the popup.  (eg 2px)\n-     */\n-    border: \"\",\n-\n-    /** \n-     * Property: contentDiv \n-     * {DOMElement} a reference to the element that holds the content of\n-     *              the div.\n-     */\n-    contentDiv: null,\n-\n-    /** \n-     * Property: groupDiv \n-     * {DOMElement} First and only child of 'div'. The group Div contains the\n-     *     'contentDiv' and the 'closeDiv'.\n-     */\n-    groupDiv: null,\n-\n-    /** \n-     * Property: closeDiv\n-     * {DOMElement} the optional closer image\n-     */\n-    closeDiv: null,\n-\n-    /** \n-     * APIProperty: autoSize\n-     * {Boolean} Resize the popup to auto-fit the contents.\n-     *     Default is false.\n-     */\n-    autoSize: false,\n-\n-    /**\n-     * APIProperty: minSize\n-     * {<OpenLayers.Size>} Minimum size allowed for the popup's contents.\n-     */\n-    minSize: null,\n-\n-    /**\n-     * APIProperty: maxSize\n-     * {<OpenLayers.Size>} Maximum size allowed for the popup's contents.\n-     */\n-    maxSize: null,\n-\n-    /** \n-     * Property: displayClass\n-     * {String} The CSS class of the popup.\n-     */\n-    displayClass: \"olPopup\",\n-\n-    /** \n-     * Property: contentDisplayClass\n-     * {String} The CSS class of the popup content div.\n-     */\n-    contentDisplayClass: \"olPopupContent\",\n-\n-    /** \n-     * Property: padding \n-     * {int or <OpenLayers.Bounds>} An extra opportunity to specify internal \n-     *     padding of the content div inside the popup. This was originally\n-     *     confused with the css padding as specified in style.css's \n-     *     'olPopupContent' class. We would like to get rid of this altogether,\n-     *     except that it does come in handy for the framed and anchoredbubble\n-     *     popups, who need to maintain yet another barrier between their \n-     *     content and the outer border of the popup itself. \n-     * \n-     *     Note that in order to not break API, we must continue to support \n-     *     this property being set as an integer. Really, though, we'd like to \n-     *     have this specified as a Bounds object so that user can specify\n-     *     distinct left, top, right, bottom paddings. With the 3.0 release\n-     *     we can make this only a bounds.\n-     */\n-    padding: 0,\n-\n-    /** \n-     * Property: disableFirefoxOverflowHack\n-     * {Boolean} The hack for overflow in Firefox causes all elements \n-     *     to be re-drawn, which causes Flash elements to be \n-     *     re-initialized, which is troublesome.\n-     *     With this property the hack can be disabled.\n-     */\n-    disableFirefoxOverflowHack: false,\n-\n-    /**\n-     * Method: fixPadding\n-     * To be removed in 3.0, this function merely helps us to deal with the \n-     *     case where the user may have set an integer value for padding, \n-     *     instead of an <OpenLayers.Bounds> object.\n-     */\n-    fixPadding: function() {\n-        if (typeof this.padding == \"number\") {\n-            this.padding = new OpenLayers.Bounds(\n-                this.padding, this.padding, this.padding, this.padding\n-            );\n-        }\n-    },\n-\n-    /**\n-     * APIProperty: panMapIfOutOfView\n-     * {Boolean} When drawn, pan map such that the entire popup is visible in\n-     *     the current viewport (if necessary).\n-     *     Default is false.\n-     */\n-    panMapIfOutOfView: false,\n-\n-    /**\n-     * APIProperty: keepInMap \n-     * {Boolean} If panMapIfOutOfView is false, and this property is true, \n-     *     contrain the popup such that it always fits in the available map\n-     *     space. By default, this is not set on the base class. If you are\n-     *     creating popups that are near map edges and not allowing pannning,\n-     *     and especially if you have a popup which has a\n-     *     fixedRelativePosition, setting this to false may be a smart thing to\n-     *     do. Subclasses may want to override this setting.\n-     *   \n-     *     Default is false.\n-     */\n-    keepInMap: false,\n-\n-    /**\n-     * APIProperty: closeOnMove\n-     * {Boolean} When map pans, close the popup.\n-     *     Default is false.\n-     */\n-    closeOnMove: false,\n-\n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} this gets set in Map.js when the popup is added to the map\n-     */\n-    map: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Popup\n-     * Create a popup.\n-     * \n-     * Parameters: \n-     * id - {String} a unqiue identifier for this popup.  If null is passed\n-     *               an identifier will be automatically generated. \n-     * lonlat - {<OpenLayers.LonLat>}  The position on the map the popup will\n-     *                                 be shown.\n-     * contentSize - {<OpenLayers.Size>} The size of the content.\n-     * contentHTML - {String}          An HTML string to display inside the   \n-     *                                 popup.\n-     * closeBox - {Boolean}            Whether to display a close box inside\n-     *                                 the popup.\n-     * closeBoxCallback - {Function}   Function to be called on closeBox click.\n-     */\n-    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n-        if (id == null) {\n-            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-        }\n-\n-        this.id = id;\n-        this.lonlat = lonlat;\n-\n-        this.contentSize = (contentSize != null) ? contentSize :\n-            new OpenLayers.Size(\n-                OpenLayers.Popup.WIDTH,\n-                OpenLayers.Popup.HEIGHT);\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML;\n-        }\n-        this.backgroundColor = OpenLayers.Popup.COLOR;\n-        this.opacity = OpenLayers.Popup.OPACITY;\n-        this.border = OpenLayers.Popup.BORDER;\n-\n-        this.div = OpenLayers.Util.createDiv(this.id, null, null,\n-            null, null, null, \"hidden\");\n-        this.div.className = this.displayClass;\n-\n-        var groupDivId = this.id + \"_GroupDiv\";\n-        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null,\n-            null, \"relative\", null,\n-            \"hidden\");\n-\n-        var id = this.div.id + \"_contentDiv\";\n-        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(),\n-            null, \"relative\");\n-        this.contentDiv.className = this.contentDisplayClass;\n-        this.groupDiv.appendChild(this.contentDiv);\n-        this.div.appendChild(this.groupDiv);\n-\n-        if (closeBox) {\n-            this.addCloseBox(closeBoxCallback);\n-        }\n-\n-        this.registerEvents();\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-\n-        this.id = null;\n-        this.lonlat = null;\n-        this.size = null;\n-        this.contentHTML = null;\n-\n-        this.backgroundColor = null;\n-        this.opacity = null;\n-        this.border = null;\n-\n-        if (this.closeOnMove && this.map) {\n-            this.map.events.unregister(\"movestart\", this, this.hide);\n-        }\n-\n-        this.events.destroy();\n-        this.events = null;\n-\n-        if (this.closeDiv) {\n-            OpenLayers.Event.stopObservingElement(this.closeDiv);\n-            this.groupDiv.removeChild(this.closeDiv);\n-        }\n-        this.closeDiv = null;\n-\n-        this.div.removeChild(this.groupDiv);\n-        this.groupDiv = null;\n-\n-        if (this.map != null) {\n-            this.map.removePopup(this);\n-        }\n-        this.map = null;\n-        this.div = null;\n-\n-        this.autoSize = null;\n-        this.minSize = null;\n-        this.maxSize = null;\n-        this.padding = null;\n-        this.panMapIfOutOfView = null;\n-    },\n-\n-    /** \n-     * Method: draw\n-     * Constructs the elements that make up the popup.\n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} the position the popup in pixels.\n-     * \n-     * Returns:\n-     * {DOMElement} Reference to a div that contains the drawn popup\n-     */\n-    draw: function(px) {\n-        if (px == null) {\n-            if ((this.lonlat != null) && (this.map != null)) {\n-                px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            }\n-        }\n-\n-        // this assumes that this.map already exists, which is okay because \n-        // this.draw is only called once the popup has been added to the map.\n-        if (this.closeOnMove) {\n-            this.map.events.register(\"movestart\", this, this.hide);\n-        }\n-\n-        //listen to movestart, moveend to disable overflow (FF bug)\n-        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == 'firefox') {\n-            this.map.events.register(\"movestart\", this, function() {\n-                var style = document.defaultView.getComputedStyle(\n-                    this.contentDiv, null\n-                );\n-                var currentOverflow = style.getPropertyValue(\"overflow\");\n-                if (currentOverflow != \"hidden\") {\n-                    this.contentDiv._oldOverflow = currentOverflow;\n-                    this.contentDiv.style.overflow = \"hidden\";\n-                }\n-            });\n-            this.map.events.register(\"moveend\", this, function() {\n-                var oldOverflow = this.contentDiv._oldOverflow;\n-                if (oldOverflow) {\n-                    this.contentDiv.style.overflow = oldOverflow;\n-                    this.contentDiv._oldOverflow = null;\n-                }\n-            });\n-        }\n-\n-        this.moveTo(px);\n-        if (!this.autoSize && !this.size) {\n-            this.setSize(this.contentSize);\n-        }\n-        this.setBackgroundColor();\n-        this.setOpacity();\n-        this.setBorder();\n-        this.setContentHTML();\n-\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView();\n-        }\n-\n-        return this.div;\n-    },\n-\n-    /** \n-     * Method: updatePosition\n-     * if the popup has a lonlat and its map members set, \n-     * then have it move itself to its proper position\n-     */\n-    updatePosition: function() {\n-        if ((this.lonlat) && (this.map)) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            if (px) {\n-                this.moveTo(px);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} the top and left position of the popup div. \n-     */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.div != null)) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\";\n-        }\n-    },\n-\n-    /**\n-     * Method: visible\n-     *\n-     * Returns:      \n-     * {Boolean} Boolean indicating whether or not the popup is visible\n-     */\n-    visible: function() {\n-        return OpenLayers.Element.visible(this.div);\n-    },\n-\n-    /**\n-     * Method: toggle\n-     * Toggles visibility of the popup.\n-     */\n-    toggle: function() {\n-        if (this.visible()) {\n-            this.hide();\n-        } else {\n-            this.show();\n-        }\n-    },\n-\n-    /**\n-     * Method: show\n-     * Makes the popup visible.\n-     */\n-    show: function() {\n-        this.div.style.display = '';\n-\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView();\n-        }\n-    },\n-\n-    /**\n-     * Method: hide\n-     * Makes the popup invisible.\n-     */\n-    hide: function() {\n-        this.div.style.display = 'none';\n-    },\n-\n     /**\n-     * Method: setSize\n-     * Used to adjust the size of the popup. \n+     * Constructor: OpenLayers.WPSClient\n      *\n      * Parameters:\n-     * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-     *     contents div (in pixels).\n-     */\n-    setSize: function(contentSize) {\n-        this.size = contentSize.clone();\n-\n-        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n-        //  must add that to the desired \"size\". \n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-\n-        // take into account the popup's 'padding' property\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-\n-        // make extra space for the close div\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right;\n-        }\n-\n-        //increase size of the main popup div to take into account the \n-        // users's desired padding and close div.        \n-        this.size.w += wPadding;\n-        this.size.h += hPadding;\n-\n-        //now if our browser is IE, we need to actually make the contents \n-        // div itself bigger to take its own padding into effect. this makes \n-        // me want to shoot someone, but so it goes.\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.contentSize.w +=\n-                contentDivPadding.left + contentDivPadding.right;\n-            this.contentSize.h +=\n-                contentDivPadding.bottom + contentDivPadding.top;\n-        }\n-\n-        if (this.div != null) {\n-            this.div.style.width = this.size.w + \"px\";\n-            this.div.style.height = this.size.h + \"px\";\n-        }\n-        if (this.contentDiv != null) {\n-            this.contentDiv.style.width = contentSize.w + \"px\";\n-            this.contentDiv.style.height = contentSize.h + \"px\";\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: updateSize\n-     * Auto size the popup so that it precisely fits its contents (as \n-     *     determined by this.contentDiv.innerHTML). Popup size will, of\n-     *     course, be limited by the available space on the current map\n-     */\n-    updateSize: function() {\n-\n-        // determine actual render dimensions of the contents by putting its\n-        // contents into a fake contentDiv (for the CSS) and then measuring it\n-        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" +\n-            this.contentDiv.innerHTML +\n-            \"</div>\";\n-\n-        var containerElement = (this.map) ? this.map.div : document.body;\n-        var realSize = OpenLayers.Util.getRenderedDimensions(\n-            preparedHTML, null, {\n-                displayClass: this.displayClass,\n-                containerElement: containerElement\n-            }\n-        );\n-\n-        // is the \"real\" size of the div is safe to display in our map?\n-        var safeSize = this.getSafeContentSize(realSize);\n-\n-        var newSize = null;\n-        if (safeSize.equals(realSize)) {\n-            //real size of content is small enough to fit on the map, \n-            // so we use real size.\n-            newSize = realSize;\n-\n-        } else {\n-\n-            // make a new 'size' object with the clipped dimensions \n-            // set or null if not clipped.\n-            var fixedSize = {\n-                w: (safeSize.w < realSize.w) ? safeSize.w : null,\n-                h: (safeSize.h < realSize.h) ? safeSize.h : null\n-            };\n-\n-            if (fixedSize.w && fixedSize.h) {\n-                //content is too big in both directions, so we will use \n-                // max popup size (safeSize), knowing well that it will \n-                // overflow both ways.                \n-                newSize = safeSize;\n-            } else {\n-                //content is clipped in only one direction, so we need to \n-                // run getRenderedDimensions() again with a fixed dimension\n-                var clippedSize = OpenLayers.Util.getRenderedDimensions(\n-                    preparedHTML, fixedSize, {\n-                        displayClass: this.contentDisplayClass,\n-                        containerElement: containerElement\n-                    }\n-                );\n-\n-                //if the clipped size is still the same as the safeSize, \n-                // that means that our content must be fixed in the \n-                // offending direction. If overflow is 'auto', this means \n-                // we are going to have a scrollbar for sure, so we must \n-                // adjust for that.\n-                //\n-                var currentOverflow = OpenLayers.Element.getStyle(\n-                    this.contentDiv, \"overflow\"\n-                );\n-                if ((currentOverflow != \"hidden\") &&\n-                    (clippedSize.equals(safeSize))) {\n-                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n-                    if (fixedSize.w) {\n-                        clippedSize.h += scrollBar;\n-                    } else {\n-                        clippedSize.w += scrollBar;\n-                    }\n-                }\n-\n-                newSize = this.getSafeContentSize(clippedSize);\n-            }\n-        }\n-        this.setSize(newSize);\n-    },\n-\n-    /**\n-     * Method: setBackgroundColor\n-     * Sets the background color of the popup.\n+     * options - {Object} Object whose properties will be set on the instance.\n      *\n-     * Parameters:\n-     * color - {String} the background color.  eg \"#FFBBBB\"\n-     */\n-    setBackgroundColor: function(color) {\n-        if (color != undefined) {\n-            this.backgroundColor = color;\n-        }\n-\n-        if (this.div != null) {\n-            this.div.style.backgroundColor = this.backgroundColor;\n-        }\n-    },\n-\n-    /**\n-     * Method: setOpacity\n-     * Sets the opacity of the popup.\n-     * \n-     * Parameters:\n-     * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n-     */\n-    setOpacity: function(opacity) {\n-        if (opacity != undefined) {\n-            this.opacity = opacity;\n-        }\n-\n-        if (this.div != null) {\n-            // for Mozilla and Safari\n-            this.div.style.opacity = this.opacity;\n-\n-            // for IE\n-            this.div.style.filter = 'alpha(opacity=' + this.opacity * 100 + ')';\n-        }\n-    },\n-\n-    /**\n-     * Method: setBorder\n-     * Sets the border style of the popup.\n+     * Avaliable options:\n+     * servers - {Object} Mandatory. Service metadata, keyed by a local\n+     *     identifier. Can either be a string with the service url or an\n+     *     object literal with additional metadata:\n      *\n-     * Parameters:\n-     * border - {String} The border style value. eg 2px \n-     */\n-    setBorder: function(border) {\n-        if (border != undefined) {\n-            this.border = border;\n-        }\n-\n-        if (this.div != null) {\n-            this.div.style.border = this.border;\n-        }\n-    },\n-\n-    /**\n-     * Method: setContentHTML\n-     * Allows the user to set the HTML content of the popup.\n+     *     (code)\n+     *     servers: {\n+     *         local: '/geoserver/wps'\n+     *     }, {\n+     *         opengeo: {\n+     *             url: 'http://demo.opengeo.org/geoserver/wps',\n+     *             version: '1.0.0'\n+     *         }\n+     *     }\n+     *     (end)\n      *\n-     * Parameters:\n-     * contentHTML - {String} HTML for the div.\n-     */\n-    setContentHTML: function(contentHTML) {\n-\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML;\n-        }\n-\n-        if ((this.contentDiv != null) &&\n-            (this.contentHTML != null) &&\n-            (this.contentHTML != this.contentDiv.innerHTML)) {\n-\n-            this.contentDiv.innerHTML = this.contentHTML;\n-\n-            if (this.autoSize) {\n-\n-                //if popup has images, listen for when they finish\n-                // loading and resize accordingly\n-                this.registerImageListeners();\n-\n-                //auto size the popup to its current contents\n-                this.updateSize();\n-            }\n-        }\n-\n-    },\n-\n-    /**\n-     * Method: registerImageListeners\n-     * Called when an image contained by the popup loaded. this function\n-     *     updates the popup size, then unregisters the image load listener.\n-     */\n-    registerImageListeners: function() {\n-\n-        // As the images load, this function will call updateSize() to \n-        // resize the popup to fit the content div (which presumably is now\n-        // bigger than when the image was not loaded).\n-        // \n-        // If the 'panMapIfOutOfView' property is set, we will pan the newly\n-        // resized popup back into view.\n-        // \n-        // Note that this function, when called, will have 'popup' and \n-        // 'img' properties in the context.\n-        //\n-        var onImgLoad = function() {\n-            if (this.popup.id === null) { // this.popup has been destroyed!\n-                return;\n-            }\n-            this.popup.updateSize();\n-\n-            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n-                this.popup.panIntoView();\n-            }\n-\n-            OpenLayers.Event.stopObserving(\n-                this.img, \"load\", this.img._onImgLoad\n-            );\n-\n-        };\n-\n-        //cycle through the images and if their size is 0x0, that means that \n-        // they haven't been loaded yet, so we attach the listener, which \n-        // will fire when the images finish loading and will resize the \n-        // popup accordingly to its new size.\n-        var images = this.contentDiv.getElementsByTagName(\"img\");\n-        for (var i = 0, len = images.length; i < len; i++) {\n-            var img = images[i];\n-            if (img.width == 0 || img.height == 0) {\n-\n-                var context = {\n-                    'popup': this,\n-                    'img': img\n-                };\n-\n-                //expando this function to the image itself before registering\n-                // it. This way we can easily and properly unregister it.\n-                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n-\n-                OpenLayers.Event.observe(img, 'load', img._onImgLoad);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: getSafeContentSize\n-     * \n-     * Parameters:\n-     * size - {<OpenLayers.Size>} Desired size to make the popup.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Size>} A size to make the popup which is neither smaller\n-     *     than the specified minimum size, nor bigger than the maximum \n-     *     size (which is calculated relative to the size of the viewport).\n+     * lazy - {Boolean} Optional. Set to true if DescribeProcess should not be\n+     *     requested until a process is fully configured. Default is false.\n      */\n-    getSafeContentSize: function(size) {\n-\n-        var safeContentSize = size.clone();\n-\n-        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n-        //  must add that to the desired \"size\". \n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-\n-        // take into account the popup's 'padding' property\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right;\n-        }\n-\n-        // prevent the popup from being smaller than a specified minimal size\n-        if (this.minSize) {\n-            safeContentSize.w = Math.max(safeContentSize.w,\n-                (this.minSize.w - wPadding));\n-            safeContentSize.h = Math.max(safeContentSize.h,\n-                (this.minSize.h - hPadding));\n-        }\n-\n-        // prevent the popup from being bigger than a specified maximum size\n-        if (this.maxSize) {\n-            safeContentSize.w = Math.min(safeContentSize.w,\n-                (this.maxSize.w - wPadding));\n-            safeContentSize.h = Math.min(safeContentSize.h,\n-                (this.maxSize.h - hPadding));\n-        }\n-\n-        //make sure the desired size to set doesn't result in a popup that \n-        // is bigger than the map's viewport.\n-        //\n-        if (this.map && this.map.size) {\n-\n-            var extraX = 0,\n-                extraY = 0;\n-            if (this.keepInMap && !this.panMapIfOutOfView) {\n-                var px = this.map.getPixelFromLonLat(this.lonlat);\n-                switch (this.relativePosition) {\n-                    case \"tr\":\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"tl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"bl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = px.y;\n-                        break;\n-                    case \"br\":\n-                        extraX = px.x;\n-                        extraY = px.y;\n-                        break;\n-                    default:\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                }\n-            }\n-\n-            var maxY = this.map.size.h -\n-                this.map.paddingForPopups.top -\n-                this.map.paddingForPopups.bottom -\n-                hPadding - extraY;\n-\n-            var maxX = this.map.size.w -\n-                this.map.paddingForPopups.left -\n-                this.map.paddingForPopups.right -\n-                wPadding - extraX;\n-\n-            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n-            safeContentSize.h = Math.min(safeContentSize.h, maxY);\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.events = new OpenLayers.Events(this);\n+        this.servers = {};\n+        for (var s in options.servers) {\n+            this.servers[s] = typeof options.servers[s] == 'string' ? {\n+                url: options.servers[s],\n+                version: this.version,\n+                processDescription: {}\n+            } : options.servers[s];\n         }\n-\n-        return safeContentSize;\n     },\n \n     /**\n-     * Method: getContentDivPadding\n-     * Glorious, oh glorious hack in order to determine the css 'padding' of \n-     *     the contentDiv. IE/Opera return null here unless we actually add the \n-     *     popup's main 'div' element (which contains contentDiv) to the DOM. \n-     *     So we make it invisible and then add it to the document temporarily. \n-     *\n-     *     Once we've taken the padding readings we need, we then remove it \n-     *     from the DOM (it will actually get added to the DOM in \n-     *     Map.js's addPopup)\n+     * APIMethod: execute\n+     * Shortcut to execute a process with a single function call. This is\n+     * equivalent to using <getProcess> and then calling execute on the\n+     * process.\n      *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n-     */\n-    getContentDivPadding: function() {\n-\n-        //use cached value if we have it\n-        var contentDivPadding = this._contentDivPadding;\n-        if (!contentDivPadding) {\n-\n-            if (this.div.parentNode == null) {\n-                //make the div invisible and add it to the page        \n-                this.div.style.display = \"none\";\n-                document.body.appendChild(this.div);\n-            }\n-\n-            //read the padding settings from css, put them in an OL.Bounds        \n-            contentDivPadding = new OpenLayers.Bounds(\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\")\n-            );\n-\n-            //cache the value\n-            this._contentDivPadding = contentDivPadding;\n-\n-            if (this.div.parentNode == document.body) {\n-                //remove the div from the page and make it visible again\n-                document.body.removeChild(this.div);\n-                this.div.style.display = \"\";\n-            }\n-        }\n-        return contentDivPadding;\n-    },\n-\n-    /**\n-     * Method: addCloseBox\n-     * \n      * Parameters:\n-     * callback - {Function} The callback to be called when the close button\n-     *     is clicked.\n-     */\n-    addCloseBox: function(callback) {\n-\n-        this.closeDiv = OpenLayers.Util.createDiv(\n-            this.id + \"_close\", null, {\n-                w: 17,\n-                h: 17\n-            }\n-        );\n-        this.closeDiv.className = \"olPopupCloseBox\";\n-\n-        // use the content div's css padding to determine if we should\n-        //  padd the close div\n-        var contentDivPadding = this.getContentDivPadding();\n-\n-        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n-        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n-        this.groupDiv.appendChild(this.closeDiv);\n-\n-        var closePopup = callback || function(e) {\n-            this.hide();\n-            OpenLayers.Event.stop(e);\n-        };\n-        OpenLayers.Event.observe(this.closeDiv, \"touchend\",\n-            OpenLayers.Function.bindAsEventListener(closePopup, this));\n-        OpenLayers.Event.observe(this.closeDiv, \"click\",\n-            OpenLayers.Function.bindAsEventListener(closePopup, this));\n-    },\n-\n-    /**\n-     * Method: panIntoView\n-     * Pans the map such that the popup is totaly viewable (if necessary)\n-     */\n-    panIntoView: function() {\n-\n-        var mapSize = this.map.getSize();\n-\n-        //start with the top left corner of the popup, in px, \n-        // relative to the viewport\n-        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(\n-            parseInt(this.div.style.left),\n-            parseInt(this.div.style.top)\n-        ));\n-        var newTL = origTL.clone();\n-\n-        //new left (compare to margins, using this.size to calculate right)\n-        if (origTL.x < this.map.paddingForPopups.left) {\n-            newTL.x = this.map.paddingForPopups.left;\n-        } else\n-        if ((origTL.x + this.size.w) > (mapSize.w - this.map.paddingForPopups.right)) {\n-            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w;\n-        }\n-\n-        //new top (compare to margins, using this.size to calculate bottom)\n-        if (origTL.y < this.map.paddingForPopups.top) {\n-            newTL.y = this.map.paddingForPopups.top;\n-        } else\n-        if ((origTL.y + this.size.h) > (mapSize.h - this.map.paddingForPopups.bottom)) {\n-            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h;\n-        }\n-\n-        var dx = origTL.x - newTL.x;\n-        var dy = origTL.y - newTL.y;\n-\n-        this.map.pan(dx, dy);\n-    },\n-\n-    /** \n-     * Method: registerEvents\n-     * Registers events on the popup.\n+     * options - {Object} Options for the execute operation.\n      *\n-     * Do this in a separate function so that subclasses can \n-     *   choose to override it if they wish to deal differently\n-     *   with mouse events\n-     * \n-     *   Note in the following handler functions that some special\n-     *    care is needed to deal correctly with mousing and popups. \n-     *   \n-     *   Because the user might select the zoom-rectangle option and\n-     *    then drag it over a popup, we need a safe way to allow the\n-     *    mousemove and mouseup events to pass through the popup when\n-     *    they are initiated from outside. The same procedure is needed for\n-     *    touchmove and touchend events.\n-     * \n-     *   Otherwise, we want to essentially kill the event propagation\n-     *    for all other events, though we have to do so carefully, \n-     *    without disabling basic html functionality, like clicking on \n-     *    hyperlinks or drag-selecting text.\n+     * Available options:\n+     * server - {String} Mandatory. One of the local identifiers of the\n+     *     configured servers.\n+     * process - {String} Mandatory. A process identifier known to the\n+     *     server.\n+     * inputs - {Object} The inputs for the process, keyed by input identifier.\n+     *     For spatial data inputs, the value of an input is usually an\n+     *     <OpenLayers.Geometry>, an <OpenLayers.Feature.Vector> or an array of\n+     *     geometries or features.\n+     * output - {String} The identifier of an output to parse. Optional. If not\n+     *     provided, the first output will be parsed.\n+     * success - {Function} Callback to call when the process is complete.\n+     *     This function is called with an outputs object as argument, which\n+     *     will have a property with the identifier of the requested output\n+     *     (e.g. 'result'). For processes that generate spatial output, the\n+     *     value will either be a single <OpenLayers.Feature.Vector> or an\n+     *     array of features.\n+     * scope - {Object} Optional scope for the success callback.\n      */\n-    registerEvents: function() {\n-        this.events = new OpenLayers.Events(this, this.div, null, true);\n-\n-        function onTouchstart(evt) {\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-        this.events.on({\n-            \"mousedown\": this.onmousedown,\n-            \"mousemove\": this.onmousemove,\n-            \"mouseup\": this.onmouseup,\n-            \"click\": this.onclick,\n-            \"mouseout\": this.onmouseout,\n-            \"dblclick\": this.ondblclick,\n-            \"touchstart\": onTouchstart,\n-            scope: this\n+    execute: function(options) {\n+        var process = this.getProcess(options.server, options.process);\n+        process.execute({\n+            inputs: options.inputs,\n+            success: options.success,\n+            scope: options.scope\n         });\n-\n-    },\n-\n-    /** \n-     * Method: onmousedown \n-     * When mouse goes down within the popup, make a note of\n-     *   it locally, and then do not propagate the mousedown \n-     *   (but do so safely so that user can select text inside)\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    onmousedown: function(evt) {\n-        this.mousedown = true;\n-        OpenLayers.Event.stop(evt, true);\n-    },\n-\n-    /** \n-     * Method: onmousemove\n-     * If the drag was started within the popup, then \n-     *   do not propagate the mousemove (but do so safely\n-     *   so that user can select text inside)\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    onmousemove: function(evt) {\n-        if (this.mousedown) {\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-    },\n-\n-    /** \n-     * Method: onmouseup\n-     * When mouse comes up within the popup, after going down \n-     *   in it, reset the flag, and then (once again) do not \n-     *   propagate the event, but do so safely so that user can \n-     *   select text inside\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    onmouseup: function(evt) {\n-        if (this.mousedown) {\n-            this.mousedown = false;\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-    },\n-\n-    /**\n-     * Method: onclick\n-     * Ignore clicks, but allowing default browser handling\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    onclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true);\n-    },\n-\n-    /** \n-     * Method: onmouseout\n-     * When mouse goes out of the popup set the flag to false so that\n-     *   if they let go and then drag back in, we won't be confused.\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    onmouseout: function(evt) {\n-        this.mousedown = false;\n-    },\n-\n-    /** \n-     * Method: ondblclick\n-     * Ignore double-clicks, but allowing default browser handling\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    ondblclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Popup\"\n-});\n-\n-OpenLayers.Popup.WIDTH = 200;\n-OpenLayers.Popup.HEIGHT = 200;\n-OpenLayers.Popup.COLOR = \"white\";\n-OpenLayers.Popup.OPACITY = 1;\n-OpenLayers.Popup.BORDER = \"0px\";\n-/* ======================================================================\n-    OpenLayers/StyleMap.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Style.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.StyleMap\n- */\n-OpenLayers.StyleMap = OpenLayers.Class({\n-\n-    /**\n-     * Property: styles\n-     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n-     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n-     */\n-    styles: null,\n-\n-    /**\n-     * Property: extendDefault\n-     * {Boolean} if true, every render intent will extend the symbolizers\n-     * specified for the \"default\" intent at rendering time. Otherwise, every\n-     * rendering intent will be treated as a completely independent style.\n-     */\n-    extendDefault: true,\n-\n-    /**\n-     * Constructor: OpenLayers.StyleMap\n-     * \n-     * Parameters:\n-     * style   - {Object} Optional. Either a style hash, or a style object, or\n-     *           a hash of style objects (style hashes) keyed by rendering\n-     *           intent. If just one style hash or style object is passed,\n-     *           this will be used for all known render intents (default,\n-     *           select, temporary)\n-     * options - {Object} optional hash of additional options for this\n-     *           instance\n-     */\n-    initialize: function(style, options) {\n-        this.styles = {\n-            \"default\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"default\"]),\n-            \"select\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"select\"]),\n-            \"temporary\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            \"delete\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"delete\"])\n-        };\n-\n-        // take whatever the user passed as style parameter and convert it\n-        // into parts of stylemap.\n-        if (style instanceof OpenLayers.Style) {\n-            // user passed a style object\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style;\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    // user passed a hash of style objects\n-                    this.styles[key] = style[key];\n-                } else if (typeof style[key] == \"object\") {\n-                    // user passsed a hash of style hashes\n-                    this.styles[key] = new OpenLayers.Style(style[key]);\n-                } else {\n-                    // user passed a style hash (i.e. symbolizer)\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break;\n-                }\n-            }\n-        }\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy();\n-        }\n-        this.styles = null;\n-    },\n-\n-    /**\n-     * Method: createSymbolizer\n-     * Creates the symbolizer for a feature for a render intent.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n-     *           of the intended style against.\n-     * intent  - {String} The intent determines the symbolizer that will be\n-     *           used to draw the feature. Well known intents are \"default\"\n-     *           (for just drawing the features), \"select\" (for selected\n-     *           features) and \"temporary\" (for drawing features).\n-     * \n-     * Returns:\n-     * {Object} symbolizer hash\n-     */\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector();\n-        }\n-        if (!this.styles[intent]) {\n-            intent = \"default\";\n-        }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n-        }\n-        return OpenLayers.Util.extend(defaultSymbolizer,\n-            this.styles[intent].createSymbolizer(feature));\n-    },\n-\n-    /**\n-     * Method: addUniqueValueRules\n-     * Convenience method to create comparison rules for unique values of a\n-     * property. The rules will be added to the style object for a specified\n-     * rendering intent. This method is a shortcut for creating something like\n-     * the \"unique value legends\" familiar from well known desktop GIS systems\n-     * \n-     * Parameters:\n-     * renderIntent - {String} rendering intent to add the rules to\n-     * property     - {String} values of feature attributes to create the\n-     *                rules for\n-     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n-     *                property values \n-     * context      - {Object} An optional object with properties that\n-     *                symbolizers' property values should be evaluated\n-     *                against. If no context is specified, feature.attributes\n-     *                will be used\n-     */\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }));\n-        }\n-        this.styles[renderIntent].addRules(rules);\n     },\n \n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler\n- * Base class to construct a higher-level handler for event sequences.  All\n- *     handlers have activate and deactivate methods.  In addition, they have\n- *     methods named like browser events.  When a handler is activated, any\n- *     additional methods named like a browser event is registered as a\n- *     listener for the corresponding event.  When a handler is deactivated,\n- *     those same methods are unregistered as event listeners.\n- *\n- * Handlers also typically have a callbacks object with keys named like\n- *     the abstracted events or event sequences that they are in charge of\n- *     handling.  The controls that wrap handlers define the methods that\n- *     correspond to these abstract events - so instead of listening for\n- *     individual browser events, they only listen for the abstract events\n- *     defined by the handler.\n- *     \n- * Handlers are created by controls, which ultimately have the responsibility\n- *     of making changes to the the state of the application.  Handlers\n- *     themselves may make temporary changes, but in general are expected to\n- *     return the application in the same state that they found it.\n- */\n-OpenLayers.Handler = OpenLayers.Class({\n-\n-    /**\n-     * Property: id\n-     * {String}\n-     */\n-    id: null,\n-\n-    /**\n-     * APIProperty: control\n-     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n-     *     control is assumed to have a valid map property - that map is used\n-     *     in the handler's own setMap method.\n-     */\n-    control: null,\n-\n-    /**\n-     * Property: map\n-     * {<OpenLayers.Map>}\n-     */\n-    map: null,\n-\n-    /**\n-     * APIProperty: keyMask\n-     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n-     *     constants to construct a keyMask.  The keyMask is used by\n-     *     <checkModifiers>.  If the keyMask matches the combination of keys\n-     *     down on an event, checkModifiers returns true.\n-     *\n-     * Example:\n-     * (code)\n-     *     // handler only responds if the Shift key is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n-     *\n-     *     // handler only responds if Ctrl-Shift is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n-     *                       OpenLayers.Handler.MOD_CTRL;\n-     * (end)\n-     */\n-    keyMask: null,\n-\n-    /**\n-     * Property: active\n-     * {Boolean}\n-     */\n-    active: false,\n-\n-    /**\n-     * Property: evt\n-     * {Event} This property references the last event handled by the handler.\n-     *     Note that this property is not part of the stable API.  Use of the\n-     *     evt property should be restricted to controls in the library\n-     *     or other applications that are willing to update with changes to\n-     *     the OpenLayers code.\n-     */\n-    evt: null,\n-\n-    /**\n-     * Property: touch\n-     * {Boolean} Indicates the support of touch events. When touch events are \n-     *     started touch will be true and all mouse related listeners will do \n-     *     nothing.\n-     */\n-    touch: false,\n-\n     /**\n-     * Constructor: OpenLayers.Handler\n-     * Construct a handler.\n+     * APIMethod: getProcess\n+     * Creates an <OpenLayers.WPSProcess>.\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that initialized this\n-     *     handler.  The control is assumed to have a valid map property; that\n-     *     map is used in the handler's own setMap method.  If a map property\n-     *     is present in the options argument it will be used instead.\n-     * callbacks - {Object} An object whose properties correspond to abstracted\n-     *     events or sequences of browser events.  The values for these\n-     *     properties are functions defined by the control that get called by\n-     *     the handler.\n-     * options - {Object} An optional object whose properties will be set on\n-     *     the handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map);\n-        }\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function(map) {\n-        this.map = map;\n-    },\n-\n-    /**\n-     * Method: checkModifiers\n-     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n-     *     returns true.  If a <keyMask> is set and it matches the combination\n-     *     of keys down on an event, this returns true.\n+     * serverID - {String} Local identifier from the servers that this instance\n+     *     was constructed with.\n+     * processID - {String} Process identifier known to the server.\n      *\n      * Returns:\n-     * {Boolean} The keyMask matches the keys down on an event.\n-     */\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true;\n-        }\n-        /* calculate the keyboard modifier mask for this event */\n-        var keyModifiers =\n-            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n-            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n-            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n-            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n-\n-        /* if it differs from the handler object's key mask,\n-           bail out of the event handler */\n-        return (keyModifiers == this.keyMask);\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Turn on the handler.  Returns false if the handler was already active.\n-     * \n-     * Returns: \n-     * {Boolean} The handler was activated.\n-     */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        // register for event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]]);\n-            }\n-        }\n-        this.active = true;\n-        return true;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Turn off the handler.  Returns false if the handler was already inactive.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was deactivated.\n-     */\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false;\n-        }\n-        // unregister event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]]);\n-            }\n-        }\n-        this.touch = false;\n-        this.active = false;\n-        return true;\n-    },\n-\n-    /**\n-     * Method: startTouch\n-     * Start touch events, this method must be called by subclasses in \n-     *     \"touchstart\" method. When touch events are started <touch> will be\n-     *     true and all mouse related listeners will do nothing.\n+     * {<OpenLayers.WPSProcess>}\n      */\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\n-                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n-                \"mouseout\"\n-            ];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]]);\n-                }\n-            }\n+    getProcess: function(serverID, processID) {\n+        var process = new OpenLayers.WPSProcess({\n+            client: this,\n+            server: serverID,\n+            identifier: processID\n+        });\n+        if (!this.lazy) {\n+            process.describe();\n         }\n+        return process;\n     },\n \n     /**\n-     * Method: callback\n-     * Trigger the control's named callback with the given arguments\n+     * Method: describeProcess\n      *\n      * Parameters:\n-     * name - {String} The key for the callback that is one of the properties\n-     *     of the handler's callbacks object.\n-     * args - {Array(*)} An array of arguments (any type) with which to call \n-     *     the callback (defined by the control).\n+     * serverID - {String} Identifier of the server\n+     * processID - {String} Identifier of the requested process\n+     * callback - {Function} Callback to call when the description is available\n+     * scope - {Object} Optional execution scope for the callback function\n      */\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args);\n+    describeProcess: function(serverID, processID, callback, scope) {\n+        var server = this.servers[serverID];\n+        if (!server.processDescription[processID]) {\n+            if (!(processID in server.processDescription)) {\n+                // set to null so we know a describeFeature request is pending\n+                server.processDescription[processID] = null;\n+                OpenLayers.Request.GET({\n+                    url: server.url,\n+                    params: {\n+                        SERVICE: 'WPS',\n+                        VERSION: server.version,\n+                        REQUEST: 'DescribeProcess',\n+                        IDENTIFIER: processID\n+                    },\n+                    success: function(response) {\n+                        server.processDescription[processID] = response.responseText;\n+                        this.events.triggerEvent('describeprocess', {\n+                            identifier: processID,\n+                            raw: response.responseText\n+                        });\n+                    },\n+                    scope: this\n+                });\n+            } else {\n+                // pending request\n+                this.events.register('describeprocess', this, function describe(evt) {\n+                    if (evt.identifier === processID) {\n+                        this.events.unregister('describeprocess', this, describe);\n+                        callback.call(scope, evt.raw);\n+                    }\n+                });\n+            }\n+        } else {\n+            window.setTimeout(function() {\n+                callback.call(scope, server.processDescription[processID]);\n+            }, 0);\n         }\n     },\n \n     /**\n-     * Method: register\n-     * register an event on the map\n-     */\n-    register: function(name, method) {\n-        // TODO: deal with registerPriority in 3.0\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent);\n-    },\n-\n-    /**\n-     * Method: unregister\n-     * unregister an event from the map\n-     */\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent);\n-    },\n-\n-    /**\n-     * Method: setEvent\n-     * With each registered browser event, the handler sets its own evt\n-     *     property.  This property can be accessed by controls if needed\n-     *     to get more information about the event that the handler is\n-     *     processing.\n-     *\n-     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n-     *     and meta cannot be checked with the keyboard handler).  For a\n-     *     control to determine which modifier keys are associated with the\n-     *     event that a handler is currently processing, it should access\n-     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n-     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n-     *\n-     * Parameters:\n-     * evt - {Event} The browser event.\n-     */\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true;\n-    },\n-\n-    /**\n      * Method: destroy\n-     * Deconstruct the handler.\n      */\n     destroy: function() {\n-        // unregister event listeners\n-        this.deactivate();\n-        // eliminate circular references\n-        this.control = this.map = null;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_NONE\n- * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n- */\n-OpenLayers.Handler.MOD_NONE = 0;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_SHIFT\n- * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n- */\n-OpenLayers.Handler.MOD_SHIFT = 1;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_CTRL\n- * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n- */\n-OpenLayers.Handler.MOD_CTRL = 2;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_ALT\n- * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n- */\n-OpenLayers.Handler.MOD_ALT = 4;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_META\n- * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n- */\n-OpenLayers.Handler.MOD_META = 8;\n-\n-\n-/* ======================================================================\n-    OpenLayers/Spherical.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-/**\n- * Namespace: Spherical\n- * The OpenLayers.Spherical namespace includes utility functions for\n- * calculations on the basis of a spherical earth (ignoring ellipsoidal\n- * effects), which is accurate enough for most purposes.\n- *\n- * Relevant links:\n- * * http://www.movable-type.co.uk/scripts/latlong.html\n- * * http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical\n- */\n-\n-OpenLayers.Spherical = OpenLayers.Spherical || {};\n-\n-OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n-\n-/**\n- * APIFunction: computeDistanceBetween\n- * Computes the distance between two LonLats.\n- *\n- * Parameters:\n- * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n- *          a JavaScript literal with lon lat properties.\n- * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n- *          JavaScript literal with lon lat properties.\n- * radius - {Float} The radius. Optional. Defaults to 6378137 meters.\n- *\n- * Returns:\n- * {Float} The distance in meters.\n- */\n-OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n-    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n-    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n-    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n-    var a = sinHalfDeltaLat * sinHalfDeltaLat +\n-        sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n-    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n-};\n-\n-\n-/**\n- * APIFunction: computeHeading\n- * Computes the heading from one LonLat to another LonLat.\n- *\n- * Parameters:\n- * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n- *          a JavaScript literal with lon lat properties.\n- * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n- *          JavaScript literal with lon lat properties.\n- *\n- * Returns:\n- * {Float} The heading in degrees.\n- */\n-OpenLayers.Spherical.computeHeading = function(from, to) {\n-    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n-    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) -\n-        Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n-    return 180 * Math.atan2(y, x) / Math.PI;\n-};\n-/* ======================================================================\n-    OpenLayers/Symbolizer.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Symbolizer\n- * Base class representing a symbolizer used for feature rendering.\n- */\n-OpenLayers.Symbolizer = OpenLayers.Class({\n-\n-\n-    /**\n-     * APIProperty: zIndex\n-     * {Number} The zIndex determines the rendering order for a symbolizer.\n-     *     Symbolizers with larger zIndex values are rendered over symbolizers\n-     *     with smaller zIndex values.  Default is 0.\n-     */\n-    zIndex: 0,\n-\n-    /**\n-     * Constructor: OpenLayers.Symbolizer\n-     * Instances of this class are not useful.  See one of the subclasses.\n-     *\n-     * Parameters:\n-     * config - {Object} An object containing properties to be set on the \n-     *     symbolizer.  Any documented symbolizer property can be set at \n-     *     construction.\n-     *\n-     * Returns:\n-     * A new symbolizer.\n-     */\n-    initialize: function(config) {\n-        OpenLayers.Util.extend(this, config);\n-    },\n-\n-    /** \n-     * APIMethod: clone\n-     * Create a copy of this symbolizer.\n-     *\n-     * Returns a symbolizer of the same type with the same properties.\n-     */\n-    clone: function() {\n-        var Type = eval(this.CLASS_NAME);\n-        return new Type(OpenLayers.Util.extend({}, this));\n+        this.events.destroy();\n+        this.events = null;\n+        this.servers = null;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+    CLASS_NAME: 'OpenLayers.WPSClient'\n \n });\n-\n /* ======================================================================\n     OpenLayers/Rule.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -32399,14 +32274,139 @@\n         options.context = this.context && OpenLayers.Util.extend({}, this.context);\n         return new OpenLayers.Rule(options);\n     },\n \n     CLASS_NAME: \"OpenLayers.Rule\"\n });\n /* ======================================================================\n+    OpenLayers/Strategy.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy\n+ * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n+ *     one of the strategy subclasses instead.\n+ */\n+OpenLayers.Strategy = OpenLayers.Class({\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: options\n+     * {Object} Any options sent to the constructor.\n+     */\n+    options: null,\n+\n+    /** \n+     * Property: active \n+     * {Boolean} The control is active.\n+     */\n+    active: null,\n+\n+    /**\n+     * Property: autoActivate\n+     * {Boolean} The creator of the strategy can set autoActivate to false\n+     *      to fully control when the protocol is activated and deactivated.\n+     *      Defaults to true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n+     * Property: autoDestroy\n+     * {Boolean} The creator of the strategy can set autoDestroy to false\n+     *      to fully control when the strategy is destroyed. Defaults to\n+     *      true.\n+     */\n+    autoDestroy: true,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy\n+     * Abstract class for vector strategies.  Create instances of a subclass.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        // set the active property here, so that user cannot override it\n+        this.active = false;\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the strategy.\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null;\n+    },\n+\n+    /**\n+     * Method: setLayer\n+     * Called to set the <layer> property.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>}\n+     */\n+    setLayer: function(layer) {\n+        this.layer = layer;\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n+     */\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n+/* ======================================================================\n     OpenLayers/Symbolizer/Point.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -33710,690 +33710,14 @@\n         }\n         return deactivated;\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Click\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Drag.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Drag\n- * The drag handler is used to deal with sequences of browser events related\n- *     to dragging.  The handler is used by controls that want to know when\n- *     a drag sequence begins, when a drag is happening, and when it has\n- *     finished.\n- *\n- * Controls that use the drag handler typically construct it with callbacks\n- *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n- *     when the drag begins, with each move, and when the drag is done.  In\n- *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n- *     care to differentiate between the types of events that correspond with\n- *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n- *     the 'down' and 'up' callbacks will be called, but not the 'done'\n- *     callback.\n- *\n- * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Handler>\n- */\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /** \n-     * Property: started\n-     * {Boolean} When a mousedown or touchstart event is received, we want to\n-     * record it, but not set 'dragging' until the mouse moves after starting.\n-     */\n-    started: false,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} Stop propagation of mousedown events from getting to listeners\n-     *     on the same element.  Default is true.\n-     */\n-    stopDown: true,\n-\n-    /** \n-     * Property: dragging \n-     * {Boolean} \n-     */\n-    dragging: false,\n-\n-    /** \n-     * Property: last\n-     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: start\n-     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n-     */\n-    start: null,\n-\n-    /**\n-     * Property: lastMoveEvt\n-     * {Object} The last mousemove event that occurred. Used to\n-     *     position the map correctly when our \"delay drag\"\n-     *     timeout expired.\n-     */\n-    lastMoveEvt: null,\n-\n-    /**\n-     * Property: oldOnselectstart\n-     * {Function}\n-     */\n-    oldOnselectstart: null,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} In order to increase performance, an interval (in \n-     *     milliseconds) can be set to reduce the number of drag events \n-     *     called. If set, a new drag event will not be set until the \n-     *     interval has passed. \n-     *     Defaults to 0, meaning no interval. \n-     */\n-    interval: 0,\n-\n-    /**\n-     * Property: timeoutId\n-     * {String} The id of the timeout used for the mousedown interval.\n-     *     This is \"private\", and should be left alone.\n-     */\n-    timeoutId: null,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, the handler will also handle mouse moves when\n-     *     the cursor has moved out of the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: documentEvents\n-     * {Boolean} Are we currently observing document events?\n-     */\n-    documentEvents: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Drag\n-     * Returns OpenLayers.Handler.Drag\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n-     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n-     * options - {Object} \n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                });\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                });\n-            };\n-        }\n-    },\n-\n-\n-    /**\n-     * Method: dragstart\n-     * This private method is factorized from mousedown and touchstart methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) &&\n-            (OpenLayers.Event.isLeftClick(evt) ||\n-                OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-\n-            // prevent document dragging\n-            OpenLayers.Event.preventDefault(evt);\n-\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ?\n-                    document.onselectstart : OpenLayers.Function.True;\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-\n-            propagate = !this.stopDown;\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null;\n-        }\n-        return propagate;\n-    },\n-\n-    /**\n-     * Method: dragmove\n-     * This private method is factorized from mousemove and touchmove methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n-                evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    // do setEvent manually because the documentEvents are not\n-                    // registered with the map\n-                    this.setEvent(evt);\n-                } else {\n-                    this.removeDocumentEvents();\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(\n-                    OpenLayers.Function.bind(this.removeTimeout, this),\n-                    this.interval);\n-            }\n-            this.dragging = true;\n-\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False;\n-            }\n-            this.last = evt.xy;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: dragend\n-     * This private method is factorized from mouseup and touchend methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents();\n-            }\n-            var dragged = (this.start != this.last);\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy]);\n-            }\n-            document.onselectstart = this.oldOnselectstart;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * The four methods below (down, move, up, and out) are used by subclasses\n-     *     to do their own processing related to these mouse events.\n-     */\n-\n-    /**\n-     * Method: down\n-     * This method is called during the handling of the mouse down event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse down event\n-     */\n-    down: function(evt) {},\n-\n-    /**\n-     * Method: move\n-     * This method is called during the handling of the mouse move event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse move event\n-     *\n-     */\n-    move: function(evt) {},\n-\n-    /**\n-     * Method: up\n-     * This method is called during the handling of the mouse up event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse up event\n-     */\n-    up: function(evt) {},\n-\n-    /**\n-     * Method: out\n-     * This method is called during the handling of the mouse out event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse out event\n-     */\n-    out: function(evt) {},\n-\n-    /**\n-     * The methods below are part of the magic of event handling.  Because\n-     *     they are named like browser events, they are registered as listeners\n-     *     for the events they represent.\n-     */\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mousedown events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousedown: function(evt) {\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: mousemove\n-     * Handle mousemove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousemove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     * Handle touchmove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchmove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: removeTimeout\n-     * Private. Called by mousemove() to remove the drag timeout.\n-     */\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        // if timeout expires while we're still dragging (mouseup\n-        // hasn't occurred) then call mousemove to move to the\n-        // correct position\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt);\n-        }\n-    },\n-\n-    /**\n-     * Method: mouseup\n-     * Handle mouseup events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseup: function(evt) {\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: touchend\n-     * Handle touchend events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchend: function(evt) {\n-        // override evt.xy with last position since touchend does not have\n-        // any touch position\n-        evt.xy = this.last;\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: mouseout\n-     * Handle mouseout events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents();\n-            } else {\n-                var dragged = (this.start != this.last);\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv, \"olDragDown\"\n-                );\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy]);\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart;\n-                }\n-            }\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: click\n-     * The drag handler captures the click event.  If something else registers\n-     *     for clicks on the same element, its listener will not be called \n-     *     after a drag.\n-     * \n-     * Parameters: \n-     * evt - {Event} \n-     * \n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    click: function(evt) {\n-        // let the click event propagate only if the mouse moved\n-        return (this.start == this.last);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully activated.\n-     */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true;\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: deactivate \n-     * Deactivate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: adjustXY\n-     * Converts event coordinates that are relative to the document body to\n-     * ones that are relative to the map viewport. The latter is the default in\n-     * OpenLayers.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1];\n-    },\n-\n-    /**\n-     * Method: addDocumentEvents\n-     * Start observing document events when documentDrag is true and the mouse\n-     * cursor leaves the map viewport while dragging.\n-     */\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n-    },\n-\n-    /**\n-     * Method: removeDocumentEvents\n-     * Stops observing document events when documentDrag is true and the mouse\n-     * cursor re-enters the map viewport while dragging.\n-     */\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Keyboard.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.handler.Keyboard\n- * A handler for keyboard events.  Create a new instance with the\n- *     <OpenLayers.Handler.Keyboard> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Handler> \n- */\n-OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n-        key handling quirks in pretty nice detail */\n-\n-    /** \n-     * Constant: KEY_EVENTS\n-     * keydown, keypress, keyup\n-     */\n-    KEY_EVENTS: [\"keydown\", \"keyup\"],\n-\n-    /** \n-     * Property: eventListener\n-     * {Function}\n-     */\n-    eventListener: null,\n-\n-    /**\n-     * Property: observeElement\n-     * {DOMElement|String} The DOM element on which we listen for\n-     *     key events. Default to the document.\n-     */\n-    observeElement: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Keyboard\n-     * Returns a new keyboard handler.\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        // cache the bound event listener method so it can be unobserved later\n-        this.eventListener = OpenLayers.Function.bindAsEventListener(\n-            this.handleKeyEvent, this\n-        );\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        this.eventListener = null;\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.observeElement = this.observeElement || document;\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.observe(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.stopObserving(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: handleKeyEvent \n-     */\n-    handleKeyEvent: function(evt) {\n-        if (this.checkModifiers(evt)) {\n-            this.callback(evt.type, [evt]);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n-});\n-/* ======================================================================\n     OpenLayers/Handler/Point.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -35498,14 +34822,333 @@\n         }\n         return false;\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Path\"\n });\n /* ======================================================================\n+    OpenLayers/Handler/Polygon.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Polygon\n+ * Handler to draw a polygon on the map.  Polygon is displayed on mouse down,\n+ * moves on mouse move, and is finished on mouse up.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Handler.Path>\n+ *  - <OpenLayers.Handler>\n+ */\n+OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+\n+    /** \n+     * APIProperty: holeModifier\n+     * {String} Key modifier to trigger hole digitizing.  Acceptable values are\n+     *     \"altKey\", \"shiftKey\", or \"ctrlKey\".  If not set, no hole digitizing\n+     *     will take place.  Default is null.\n+     */\n+    holeModifier: null,\n+\n+    /**\n+     * Property: drawingHole\n+     * {Boolean} Currently drawing an interior ring.\n+     */\n+    drawingHole: false,\n+\n+    /**\n+     * Property: polygon\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    polygon: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Polygon\n+     * Create a Polygon Handler.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that owns this handler\n+     * callbacks - {Object} An object with a properties whose values are\n+     *     functions.  Various callbacks described below.\n+     * options - {Object} An optional object with properties to be set on the\n+     *           handler\n+     *\n+     * Named callbacks:\n+     * create - Called when a sketch is first created.  Callback called with\n+     *     the creation point geometry and sketch feature.\n+     * modify - Called with each move of a vertex with the vertex (point)\n+     *     geometry and the sketch feature.\n+     * point - Called as each point is added.  Receives the new point geometry.\n+     * done - Called when the point drawing is finished.  The callback will\n+     *     recieve a single argument, the polygon geometry.\n+     * cancel - Called when the handler is deactivated while drawing.  The\n+     *     cancel callback will receive a geometry.\n+     */\n+\n+    /**\n+     * Method: createFeature\n+     * Add temporary geometries\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The initial pixel location for the new\n+     *     feature.\n+     */\n+    createFeature: function(pixel) {\n+        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n+        var geometry = new OpenLayers.Geometry.Point(\n+            lonlat.lon, lonlat.lat\n+        );\n+        this.point = new OpenLayers.Feature.Vector(geometry);\n+        this.line = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.LinearRing([this.point.geometry])\n+        );\n+        this.polygon = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.Polygon([this.line.geometry])\n+        );\n+        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n+        this.point.geometry.clearBounds();\n+        this.layer.addFeatures([this.polygon, this.point], {\n+            silent: true\n+        });\n+    },\n+\n+    /**\n+     * Method: addPoint\n+     * Add point to geometry.\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The pixel location for the new point.\n+     */\n+    addPoint: function(pixel) {\n+        if (!this.drawingHole && this.holeModifier &&\n+            this.evt && this.evt[this.holeModifier]) {\n+            var geometry = this.point.geometry;\n+            var features = this.control.layer.features;\n+            var candidate, polygon;\n+            // look for intersections, last drawn gets priority\n+            for (var i = features.length - 1; i >= 0; --i) {\n+                candidate = features[i].geometry;\n+                if ((candidate instanceof OpenLayers.Geometry.Polygon ||\n+                        candidate instanceof OpenLayers.Geometry.MultiPolygon) &&\n+                    candidate.intersects(geometry)) {\n+                    polygon = features[i];\n+                    this.control.layer.removeFeatures([polygon], {\n+                        silent: true\n+                    });\n+                    this.control.layer.events.registerPriority(\n+                        \"sketchcomplete\", this, this.finalizeInteriorRing\n+                    );\n+                    this.control.layer.events.registerPriority(\n+                        \"sketchmodified\", this, this.enforceTopology\n+                    );\n+                    polygon.geometry.addComponent(this.line.geometry);\n+                    this.polygon = polygon;\n+                    this.drawingHole = true;\n+                    break;\n+                }\n+            }\n+        }\n+        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: getCurrentPointIndex\n+     * \n+     * Returns:\n+     * {Number} The index of the most recently drawn point.\n+     */\n+    getCurrentPointIndex: function() {\n+        return this.line.geometry.components.length - 2;\n+    },\n+\n+    /**\n+     * Method: enforceTopology\n+     * Simple topology enforcement for drawing interior rings.  Ensures vertices\n+     *     of interior rings are contained by exterior ring.  Other topology \n+     *     rules are enforced in <finalizeInteriorRing> to allow drawing of \n+     *     rings that intersect only during the sketch (e.g. a \"C\" shaped ring\n+     *     that nearly encloses another ring).\n+     */\n+    enforceTopology: function(event) {\n+        var point = event.vertex;\n+        var components = this.line.geometry.components;\n+        // ensure that vertices of interior ring are contained by exterior ring\n+        if (!this.polygon.geometry.intersects(point)) {\n+            var last = components[components.length - 3];\n+            point.x = last.x;\n+            point.y = last.y;\n+        }\n+    },\n+\n+    /**\n+     * Method: finishGeometry\n+     * Finish the geometry and send it back to the control.\n+     */\n+    finishGeometry: function() {\n+        var index = this.line.geometry.components.length - 2;\n+        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n+        this.removePoint();\n+        this.finalize();\n+    },\n+\n+    /**\n+     * Method: finalizeInteriorRing\n+     * Enforces that new ring has some area and doesn't contain vertices of any\n+     *     other rings.\n+     */\n+    finalizeInteriorRing: function() {\n+        var ring = this.line.geometry;\n+        // ensure that ring has some area\n+        var modified = (ring.getArea() !== 0);\n+        if (modified) {\n+            // ensure that new ring doesn't intersect any other rings\n+            var rings = this.polygon.geometry.components;\n+            for (var i = rings.length - 2; i >= 0; --i) {\n+                if (ring.intersects(rings[i])) {\n+                    modified = false;\n+                    break;\n+                }\n+            }\n+            if (modified) {\n+                // ensure that new ring doesn't contain any other rings\n+                var target;\n+                outer: for (var i = rings.length - 2; i > 0; --i) {\n+                    var points = rings[i].components;\n+                    for (var j = 0, jj = points.length; j < jj; ++j) {\n+                        if (ring.containsPoint(points[j])) {\n+                            modified = false;\n+                            break outer;\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        if (modified) {\n+            if (this.polygon.state !== OpenLayers.State.INSERT) {\n+                this.polygon.state = OpenLayers.State.UPDATE;\n+            }\n+        } else {\n+            this.polygon.geometry.removeComponent(ring);\n+        }\n+        this.restoreFeature();\n+        return false;\n+    },\n+\n+    /**\n+     * APIMethod: cancel\n+     * Finish the geometry and call the \"cancel\" callback.\n+     */\n+    cancel: function() {\n+        if (this.drawingHole) {\n+            this.polygon.geometry.removeComponent(this.line.geometry);\n+            this.restoreFeature(true);\n+        }\n+        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: restoreFeature\n+     * Move the feature from the sketch layer to the target layer.\n+     *\n+     * Properties: \n+     * cancel - {Boolean} Cancel drawing.  If falsey, the \"sketchcomplete\" event\n+     *     will be fired.\n+     */\n+    restoreFeature: function(cancel) {\n+        this.control.layer.events.unregister(\n+            \"sketchcomplete\", this, this.finalizeInteriorRing\n+        );\n+        this.control.layer.events.unregister(\n+            \"sketchmodified\", this, this.enforceTopology\n+        );\n+        this.layer.removeFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.control.layer.addFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.drawingHole = false;\n+        if (!cancel) {\n+            // Re-trigger \"sketchcomplete\" so other listeners can do their\n+            // business.  While this is somewhat sloppy (if a listener is \n+            // registered with registerPriority - not common - between the start\n+            // and end of a single ring drawing - very uncommon - it will be \n+            // called twice).\n+            // TODO: In 3.0, collapse sketch handlers into geometry specific\n+            // drawing controls.\n+            this.control.layer.events.triggerEvent(\n+                \"sketchcomplete\", {\n+                    feature: this.polygon\n+                }\n+            );\n+        }\n+    },\n+\n+    /**\n+     * Method: destroyFeature\n+     * Destroy temporary geometries\n+     *\n+     * Parameters:\n+     * force - {Boolean} Destroy even if persist is true.\n+     */\n+    destroyFeature: function(force) {\n+        OpenLayers.Handler.Path.prototype.destroyFeature.call(\n+            this, force);\n+        this.polygon = null;\n+    },\n+\n+    /**\n+     * Method: drawFeature\n+     * Render geometries on the temporary layer.\n+     */\n+    drawFeature: function() {\n+        this.layer.drawFeature(this.polygon, this.style);\n+        this.layer.drawFeature(this.point, this.style);\n+    },\n+\n+    /**\n+     * Method: getSketch\n+     * Return the sketch feature.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    getSketch: function() {\n+        return this.polygon;\n+    },\n+\n+    /**\n+     * Method: getGeometry\n+     * Return the sketch geometry.  If <multi> is true, this will return\n+     *     a multi-part geometry.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.Polygon>}\n+     */\n+    getGeometry: function() {\n+        var geometry = this.polygon && this.polygon.geometry;\n+        if (geometry && this.multi) {\n+            geometry = new OpenLayers.Geometry.MultiPolygon([geometry]);\n+        }\n+        return geometry;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+});\n+/* ======================================================================\n     OpenLayers/Handler/MouseWheel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -35766,787 +35409,1000 @@\n             return false;\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Feature.js\n+    OpenLayers/Handler/Hover.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Feature \n- * Handler to respond to mouse events related to a drawn feature.  Callbacks\n- *     with the following keys will be notified of the following events\n- *     associated with features: click, clickout, over, out, and dblclick.\n- *\n- * This handler stops event propagation for mousedown and mouseup if those\n- *     browser events target features that can be selected.\n- *\n+ * Class: OpenLayers.Handler.Hover\n+ * The hover handler is to be used to emulate mouseovers on objects\n+ *      on the map that aren't DOM elements. For example one can use\n+ *      this handler to send WMS/GetFeatureInfo requests as the user\n+ *      moves the mouve over the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Handler>\n+ *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n+OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n \n     /**\n-     * Property: EVENTMAP\n-     * {Object} A object mapping the browser events to objects with callback\n-     *     keys for in and out.\n+     * APIProperty: delay\n+     * {Integer} - Number of milliseconds between mousemoves before\n+     *      the event is considered a hover. Default is 500.\n      */\n-    EVENTMAP: {\n-        'click': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        },\n-        'mousemove': {\n-            'in': 'over',\n-            'out': 'out'\n-        },\n-        'dblclick': {\n-            'in': 'dblclick',\n-            'out': null\n-        },\n-        'mousedown': {\n-            'in': null,\n-            'out': null\n-        },\n-        'mouseup': {\n-            'in': null,\n-            'out': null\n-        },\n-        'touchstart': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        }\n-    },\n+    delay: 500,\n \n     /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n+     * APIProperty: pixelTolerance\n+     * {Integer} - Maximum number of pixels between mousemoves for\n+     *      an event to be considered a hover. Default is null.\n      */\n-    feature: null,\n+    pixelTolerance: null,\n \n     /**\n-     * Property: lastFeature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n+     * APIProperty: stopMove\n+     * {Boolean} - Stop other listeners from being notified on mousemoves.\n+     *      Default is false.\n      */\n-    lastFeature: null,\n+    stopMove: false,\n \n     /**\n-     * Property: down\n-     * {<OpenLayers.Pixel>} The location of the last mousedown.\n+     * Property: px\n+     * {<OpenLayers.Pixel>} - The location of the last mousemove, expressed\n+     *      in pixels.\n      */\n-    down: null,\n+    px: null,\n \n     /**\n-     * Property: up\n-     * {<OpenLayers.Pixel>} The location of the last mouseup.\n+     * Property: timerId\n+     * {Number} - The id of the timer.\n      */\n-    up: null,\n+    timerId: null,\n \n     /**\n-     * Property: clickTolerance\n-     * {Number} The number of pixels the mouse can move between mousedown\n-     *     and mouseup for the event to still be considered a click.\n-     *     Dragging the map should not trigger the click and clickout callbacks\n-     *     unless the map is moved by less than this tolerance. Defaults to 4.\n+     * Constructor: OpenLayers.Handler.Hover\n+     * Construct a hover handler.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that initialized this\n+     *     handler.  The control is assumed to have a valid map property; that\n+     *     map is used in the handler's own setMap method.\n+     * callbacks - {Object} An object with keys corresponding to callbacks\n+     *     that will be called by the handler. The callbacks should\n+     *     expect to receive a single argument, the event. Callbacks for\n+     *     'move', the mouse is moving, and 'pause', the mouse is pausing,\n+     *     are supported.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     the handler.\n      */\n-    clickTolerance: 4,\n \n     /**\n-     * Property: geometryTypes\n-     * To restrict dragging to a limited set of geometry types, send a list\n-     * of strings corresponding to the geometry class names.\n-     * \n-     * @type Array(String)\n+     * Method: mousemove\n+     * Called when the mouse moves on the map.\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n      */\n-    geometryTypes: null,\n+    mousemove: function(evt) {\n+        if (this.passesTolerance(evt.xy)) {\n+            this.clearTimer();\n+            this.callback('move', [evt]);\n+            this.px = evt.xy;\n+            // clone the evt so original properties can be accessed even\n+            // if the browser deletes them during the delay\n+            evt = OpenLayers.Util.extend({}, evt);\n+            this.timerId = window.setTimeout(\n+                OpenLayers.Function.bind(this.delayedCall, this, evt),\n+                this.delay\n+            );\n+        }\n+        return !this.stopMove;\n+    },\n \n     /**\n-     * Property: stopClick\n-     * {Boolean} If stopClick is set to true, handled clicks do not\n-     *      propagate to other click listeners. Otherwise, handled clicks\n-     *      do propagate. Unhandled clicks always propagate, whatever the\n-     *      value of stopClick. Defaults to true.\n+     * Method: mouseout\n+     * Called when the mouse goes out of the map.\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n      */\n-    stopClick: true,\n+    mouseout: function(evt) {\n+        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            this.clearTimer();\n+            this.callback('move', [evt]);\n+        }\n+        return true;\n+    },\n+\n+    /**\n+     * Method: passesTolerance\n+     * Determine whether the mouse move is within the optional pixel tolerance.\n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>}\n+     *\n+     * Returns:\n+     * {Boolean} The mouse move is within the pixel tolerance.\n+     */\n+    passesTolerance: function(px) {\n+        var passes = true;\n+        if (this.pixelTolerance && this.px) {\n+            var dpx = Math.sqrt(\n+                Math.pow(this.px.x - px.x, 2) +\n+                Math.pow(this.px.y - px.y, 2)\n+            );\n+            if (dpx < this.pixelTolerance) {\n+                passes = false;\n+            }\n+        }\n+        return passes;\n+    },\n+\n+    /**\n+     * Method: clearTimer\n+     * Clear the timer and set <timerId> to null.\n+     */\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null;\n+        }\n+    },\n+\n+    /**\n+     * Method: delayedCall\n+     * Triggers pause callback.\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n+     */\n+    delayedCall: function(evt) {\n+        this.callback('pause', [evt]);\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the handler.\n+     *\n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            deactivated = true;\n+        }\n+        return deactivated;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/Drag.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Drag\n+ * The drag handler is used to deal with sequences of browser events related\n+ *     to dragging.  The handler is used by controls that want to know when\n+ *     a drag sequence begins, when a drag is happening, and when it has\n+ *     finished.\n+ *\n+ * Controls that use the drag handler typically construct it with callbacks\n+ *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n+ *     when the drag begins, with each move, and when the drag is done.  In\n+ *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n+ *     care to differentiate between the types of events that correspond with\n+ *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n+ *     the 'down' and 'up' callbacks will be called, but not the 'done'\n+ *     callback.\n+ *\n+ * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Handler>\n+ */\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n+\n+    /** \n+     * Property: started\n+     * {Boolean} When a mousedown or touchstart event is received, we want to\n+     * record it, but not set 'dragging' until the mouse moves after starting.\n+     */\n+    started: false,\n \n     /**\n      * Property: stopDown\n-     * {Boolean} If stopDown is set to true, handled mousedowns do not\n-     *      propagate to other mousedown listeners. Otherwise, handled\n-     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n-     *      whatever the value of stopDown. Defaults to true.\n+     * {Boolean} Stop propagation of mousedown events from getting to listeners\n+     *     on the same element.  Default is true.\n      */\n     stopDown: true,\n \n+    /** \n+     * Property: dragging \n+     * {Boolean} \n+     */\n+    dragging: false,\n+\n+    /** \n+     * Property: last\n+     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n+     */\n+    last: null,\n+\n+    /** \n+     * Property: start\n+     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n+     */\n+    start: null,\n+\n     /**\n-     * Property: stopUp\n-     * {Boolean} If stopUp is set to true, handled mouseups do not\n-     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n-     *      do propagate. Unhandled mouseups always propagate, whatever the\n-     *      value of stopUp. Defaults to false.\n+     * Property: lastMoveEvt\n+     * {Object} The last mousemove event that occurred. Used to\n+     *     position the map correctly when our \"delay drag\"\n+     *     timeout expired.\n      */\n-    stopUp: false,\n+    lastMoveEvt: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Feature\n-     *\n+     * Property: oldOnselectstart\n+     * {Function}\n+     */\n+    oldOnselectstart: null,\n+\n+    /**\n+     * Property: interval\n+     * {Integer} In order to increase performance, an interval (in \n+     *     milliseconds) can be set to reduce the number of drag events \n+     *     called. If set, a new drag event will not be set until the \n+     *     interval has passed. \n+     *     Defaults to 0, meaning no interval. \n+     */\n+    interval: 0,\n+\n+    /**\n+     * Property: timeoutId\n+     * {String} The id of the timeout used for the mousedown interval.\n+     *     This is \"private\", and should be left alone.\n+     */\n+    timeoutId: null,\n+\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, the handler will also handle mouse moves when\n+     *     the cursor has moved out of the map viewport. Default is false.\n+     */\n+    documentDrag: false,\n+\n+    /**\n+     * Property: documentEvents\n+     * {Boolean} Are we currently observing document events?\n+     */\n+    documentEvents: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Drag\n+     * Returns OpenLayers.Handler.Drag\n+     * \n      * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * layer - {<OpenLayers.Layer.Vector>}\n-     * callbacks - {Object} An object with a 'over' property whos value is\n-     *     a function to be called when the mouse is over a feature. The \n-     *     callback should expect to recieve a single argument, the feature.\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n+     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n      * options - {Object} \n      */\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer;\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                });\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                });\n+            };\n+        }\n     },\n \n+\n     /**\n-     * Method: touchstart\n-     * Handle touchstart events\n+     * Method: dragstart\n+     * This private method is factorized from mousedown and touchstart methods\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * evt - {Event} The event\n      *\n      * Returns:\n      * {Boolean} Let the event propagate.\n      */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ?\n-            true : this.mousedown(evt);\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) &&\n+            (OpenLayers.Event.isLeftClick(evt) ||\n+                OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+\n+            // prevent document dragging\n+            OpenLayers.Event.preventDefault(evt);\n+\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ?\n+                    document.onselectstart : OpenLayers.Function.True;\n+            }\n+            document.onselectstart = OpenLayers.Function.False;\n+\n+            propagate = !this.stopDown;\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null;\n+        }\n+        return propagate;\n     },\n \n     /**\n-     * Method: touchmove\n-     * Handle touchmove events. We just prevent the browser default behavior,\n-     *    for Android Webkit not to select text when moving the finger after\n-     *    selecting a feature.\n+     * Method: dragmove\n+     * This private method is factorized from mousemove and touchmove methods\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt);\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n+                evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    // do setEvent manually because the documentEvents are not\n+                    // registered with the map\n+                    this.setEvent(evt);\n+                } else {\n+                    this.removeDocumentEvents();\n+                }\n+            }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(\n+                    OpenLayers.Function.bind(this.removeTimeout, this),\n+                    this.interval);\n+            }\n+            this.dragging = true;\n+\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False;\n+            }\n+            this.last = evt.xy;\n+        }\n+        return true;\n     },\n \n     /**\n-     * Method: mousedown\n-     * Handle mouse down.  Stop propagation if a feature is targeted by this\n-     *     event (stops map dragging during feature selection).\n-     * \n+     * Method: dragend\n+     * This private method is factorized from mouseup and touchend methods\n+     *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    mousedown: function(evt) {\n-        // Feature selection is only done with a left click. Other handlers may stop the\n-        // propagation of left-click mousedown events but not right-click mousedown events.\n-        // This mismatch causes problems when comparing the location of the down and up\n-        // events in the click function so it is important ignore right-clicks.\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy;\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents();\n+            }\n+            var dragged = (this.start != this.last);\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy]);\n+            }\n+            document.onselectstart = this.oldOnselectstart;\n         }\n-        return this.handle(evt) ? !this.stopDown : true;\n+        return true;\n     },\n \n     /**\n-     * Method: mouseup\n-     * Handle mouse up.  Stop propagation if a feature is targeted by this\n-     *     event.\n-     * \n+     * The four methods below (down, move, up, and out) are used by subclasses\n+     *     to do their own processing related to these mouse events.\n+     */\n+\n+    /**\n+     * Method: down\n+     * This method is called during the handling of the mouse down event.\n+     *     Subclasses can do their own processing here.\n+     *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event} The mouse down event\n      */\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true;\n+    down: function(evt) {},\n+\n+    /**\n+     * Method: move\n+     * This method is called during the handling of the mouse move event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse move event\n+     *\n+     */\n+    move: function(evt) {},\n+\n+    /**\n+     * Method: up\n+     * This method is called during the handling of the mouse up event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse up event\n+     */\n+    up: function(evt) {},\n+\n+    /**\n+     * Method: out\n+     * This method is called during the handling of the mouse out event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse out event\n+     */\n+    out: function(evt) {},\n+\n+    /**\n+     * The methods below are part of the magic of event handling.  Because\n+     *     they are named like browser events, they are registered as listeners\n+     *     for the events they represent.\n+     */\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mousedown events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    mousedown: function(evt) {\n+        return this.dragstart(evt);\n     },\n \n     /**\n-     * Method: click\n-     * Handle click.  Call the \"click\" callback if click on a feature,\n-     *     or the \"clickout\" callback if click outside any feature.\n-     * \n+     * Method: touchstart\n+     * Handle touchstart events\n+     *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Let the event propagate.\n      */\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true;\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt);\n     },\n \n     /**\n      * Method: mousemove\n-     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n-     *     or the \"out\" callback if moving out of a feature.\n-     * \n+     * Handle mousemove events\n+     *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Let the event propagate.\n      */\n     mousemove: function(evt) {\n-        if (!this.callbacks['over'] && !this.callbacks['out']) {\n-            return true;\n-        }\n-        this.handle(evt);\n-        return true;\n+        return this.dragmove(evt);\n     },\n \n     /**\n-     * Method: dblclick\n-     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n+     * Method: touchmove\n+     * Handle touchmove events\n      *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Let the event propagate.\n      */\n-    dblclick: function(evt) {\n-        return !this.handle(evt);\n+    touchmove: function(evt) {\n+        return this.dragmove(evt);\n     },\n \n     /**\n-     * Method: geometryTypeMatches\n-     * Return true if the geometry type of the passed feature matches\n-     *     one of the geometry types in the geometryTypes array.\n+     * Method: removeTimeout\n+     * Private. Called by mousemove() to remove the drag timeout.\n+     */\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        // if timeout expires while we're still dragging (mouseup\n+        // hasn't occurred) then call mousemove to move to the\n+        // correct position\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt);\n+        }\n+    },\n+\n+    /**\n+     * Method: mouseup\n+     * Handle mouseup events\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>}\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Let the event propagate.\n      */\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null ||\n-            OpenLayers.Util.indexOf(this.geometryTypes,\n-                feature.geometry.CLASS_NAME) > -1;\n+    mouseup: function(evt) {\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * Method: handle\n+     * Method: touchend\n+     * Handle touchend events\n      *\n      * Parameters:\n      * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean} The event occurred over a relevant feature.\n+     * {Boolean} Let the event propagate.\n      */\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!(this.feature); // previously in a feature\n-        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            // last feature has been destroyed\n-            this.lastFeature = null;\n-        }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                // stop the event to prevent Android Webkit from\n-                // \"flashing\" the map div\n-                OpenLayers.Event.preventDefault(evt);\n-            }\n-            var inNew = (this.feature != this.lastFeature);\n-            if (this.geometryTypeMatches(this.feature)) {\n-                // in to a feature\n-                if (previouslyIn && inNew) {\n-                    // out of last feature and in to another\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, 'out', [this.lastFeature]);\n-                    }\n-                    this.triggerCallback(type, 'in', [this.feature]);\n-                } else if (!previouslyIn || click) {\n-                    // in feature for the first time\n-                    this.triggerCallback(type, 'in', [this.feature]);\n-                }\n-                this.lastFeature = this.feature;\n-                handled = true;\n-            } else {\n-                // not in to a feature\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    // out of last feature for the first time\n-                    this.triggerCallback(type, 'out', [this.lastFeature]);\n-                }\n-                // next time the mouse goes in a feature whose geometry type\n-                // doesn't match we don't want to call the 'out' callback\n-                // again, so let's set this.feature to null so that\n-                // previouslyIn will evaluate to false the next time\n-                // we enter handle. Yes, a bit hackish...\n-                this.feature = null;\n-            }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, 'out', [this.lastFeature]);\n-        }\n-        return handled;\n+    touchend: function(evt) {\n+        // override evt.xy with last position since touchend does not have\n+        // any touch position\n+        evt.xy = this.last;\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * Method: triggerCallback\n-     * Call the callback keyed in the event map with the supplied arguments.\n-     *     For click and clickout, the <clickTolerance> is checked first.\n+     * Method: mouseout\n+     * Handle mouseout events\n      *\n      * Parameters:\n-     * type - {String}\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == 'click' && this.up && this.down) {\n-                // for click/clickout, only trigger callback if tolerance is met\n-                var dpx = Math.sqrt(\n-                    Math.pow(this.up.x - this.down.x, 2) +\n-                    Math.pow(this.up.y - this.down.y, 2)\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents();\n+            } else {\n+                var dragged = (this.start != this.last);\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv, \"olDragDown\"\n                 );\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args);\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy]);\n+                }\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart;\n                 }\n-                // we're done with this set of events now: clear the cached\n-                // positions so we can't trip over them later (this can occur\n-                // if one of the up/down events gets eaten before it gets to us\n-                // but we still get the click)\n-                this.up = this.down = null;\n-            } else {\n-                this.callback(key, args);\n             }\n         }\n+        return true;\n     },\n \n     /**\n-     * Method: activate \n-     * Turn on the handler.  Returns false if the handler was already active.\n-     *\n+     * Method: click\n+     * The drag handler captures the click event.  If something else registers\n+     *     for clicks on the same element, its listener will not be called \n+     *     after a drag.\n+     * \n+     * Parameters: \n+     * evt - {Event} \n+     * \n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Let the event propagate.\n+     */\n+    click: function(evt) {\n+        // let the click event propagate only if the mouse moved\n+        return (this.start == this.last);\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activate the handler.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was successfully activated.\n      */\n     activate: function() {\n         var activated = false;\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n+            this.dragging = false;\n             activated = true;\n         }\n         return activated;\n     },\n \n     /**\n      * Method: deactivate \n-     * Turn off the handler.  Returns false if the handler was already active.\n-     *\n-     * Returns: \n-     * {Boolean}\n+     * Deactivate the handler.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n      */\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n             deactivated = true;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n         }\n         return deactivated;\n     },\n \n     /**\n-     * Method: handleMapEvents\n+     * Method: adjustXY\n+     * Converts event coordinates that are relative to the document body to\n+     * ones that are relative to the map viewport. The latter is the default in\n+     * OpenLayers.\n      * \n      * Parameters:\n      * evt - {Object}\n      */\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop();\n-        }\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1];\n     },\n \n     /**\n-     * Method: moveLayerToTop\n-     * Moves the layer for this handler to the top, so mouse events can reach\n-     * it.\n+     * Method: addDocumentEvents\n+     * Start observing document events when documentDrag is true and the mouse\n+     * cursor leaves the map viewport while dragging.\n      */\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n-            this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index);\n-\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n     },\n \n     /**\n-     * Method: moveLayerBack\n-     * Moves the layer back to the position determined by the map's layers\n-     * array.\n+     * Method: removeDocumentEvents\n+     * Stops observing document events when documentDrag is true and the mouse\n+     * cursor re-enters the map viewport while dragging.\n      */\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n-            this.layer.setZIndex(index);\n-        } else {\n-            this.map.setLayerZIndex(this.layer,\n-                this.map.getLayerIndex(this.layer));\n-        }\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Polygon.js\n+    OpenLayers/Handler/Box.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Polygon\n- * Handler to draw a polygon on the map.  Polygon is displayed on mouse down,\n- * moves on mouse move, and is finished on mouse up.\n+ * Class: OpenLayers.Handler.Box\n+ * Handler for dragging a rectangle across the map.  Box is displayed \n+ * on mouse down, moves on mouse move, and is finished on mouse up.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Handler.Path>\n- *  - <OpenLayers.Handler>\n+ *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n \n     /** \n-     * APIProperty: holeModifier\n-     * {String} Key modifier to trigger hole digitizing.  Acceptable values are\n-     *     \"altKey\", \"shiftKey\", or \"ctrlKey\".  If not set, no hole digitizing\n-     *     will take place.  Default is null.\n+     * Property: dragHandler \n+     * {<OpenLayers.Handler.Drag>} \n      */\n-    holeModifier: null,\n+    dragHandler: null,\n \n     /**\n-     * Property: drawingHole\n-     * {Boolean} Currently drawing an interior ring.\n+     * APIProperty: boxDivClassName\n+     * {String} The CSS class to use for drawing the box. Default is\n+     *     olHandlerBoxZoomBox\n      */\n-    drawingHole: false,\n+    boxDivClassName: 'olHandlerBoxZoomBox',\n \n     /**\n-     * Property: polygon\n-     * {<OpenLayers.Feature.Vector>}\n+     * Property: boxOffsets\n+     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n+     * method.\n      */\n-    polygon: null,\n+    boxOffsets: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Polygon\n-     * Create a Polygon Handler.\n+     * Constructor: OpenLayers.Handler.Box\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that owns this handler\n+     * control - {<OpenLayers.Control>} \n      * callbacks - {Object} An object with a properties whose values are\n      *     functions.  Various callbacks described below.\n-     * options - {Object} An optional object with properties to be set on the\n-     *           handler\n+     * options - {Object} \n      *\n      * Named callbacks:\n-     * create - Called when a sketch is first created.  Callback called with\n-     *     the creation point geometry and sketch feature.\n-     * modify - Called with each move of a vertex with the vertex (point)\n-     *     geometry and the sketch feature.\n-     * point - Called as each point is added.  Receives the new point geometry.\n-     * done - Called when the point drawing is finished.  The callback will\n-     *     recieve a single argument, the polygon geometry.\n-     * cancel - Called when the handler is deactivated while drawing.  The\n-     *     cancel callback will receive a geometry.\n-     */\n-\n-    /**\n-     * Method: createFeature\n-     * Add temporary geometries\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The initial pixel location for the new\n-     *     feature.\n+     * start - Called when the box drag operation starts.\n+     * done - Called when the box drag operation is finished.\n+     *     The callback should expect to receive a single argument, the box \n+     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n+     *     pixel distance, a pixel will be returned instead of a bounds object.\n      */\n-    createFeature: function(pixel) {\n-        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n-        var geometry = new OpenLayers.Geometry.Point(\n-            lonlat.lon, lonlat.lat\n-        );\n-        this.point = new OpenLayers.Feature.Vector(geometry);\n-        this.line = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.LinearRing([this.point.geometry])\n-        );\n-        this.polygon = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.Polygon([this.line.geometry])\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(\n+            this, {\n+                down: this.startBox,\n+                move: this.moveBox,\n+                out: this.removeBox,\n+                up: this.endBox\n+            }, {\n+                keyMask: this.keyMask\n+            }\n         );\n-        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n-        this.point.geometry.clearBounds();\n-        this.layer.addFeatures([this.polygon, this.point], {\n-            silent: true\n-        });\n     },\n \n     /**\n-     * Method: addPoint\n-     * Add point to geometry.\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The pixel location for the new point.\n+     * Method: destroy\n      */\n-    addPoint: function(pixel) {\n-        if (!this.drawingHole && this.holeModifier &&\n-            this.evt && this.evt[this.holeModifier]) {\n-            var geometry = this.point.geometry;\n-            var features = this.control.layer.features;\n-            var candidate, polygon;\n-            // look for intersections, last drawn gets priority\n-            for (var i = features.length - 1; i >= 0; --i) {\n-                candidate = features[i].geometry;\n-                if ((candidate instanceof OpenLayers.Geometry.Polygon ||\n-                        candidate instanceof OpenLayers.Geometry.MultiPolygon) &&\n-                    candidate.intersects(geometry)) {\n-                    polygon = features[i];\n-                    this.control.layer.removeFeatures([polygon], {\n-                        silent: true\n-                    });\n-                    this.control.layer.events.registerPriority(\n-                        \"sketchcomplete\", this, this.finalizeInteriorRing\n-                    );\n-                    this.control.layer.events.registerPriority(\n-                        \"sketchmodified\", this, this.enforceTopology\n-                    );\n-                    polygon.geometry.addComponent(this.line.geometry);\n-                    this.polygon = polygon;\n-                    this.drawingHole = true;\n-                    break;\n-                }\n-            }\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null;\n         }\n-        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments);\n     },\n \n     /**\n-     * Method: getCurrentPointIndex\n-     * \n-     * Returns:\n-     * {Number} The index of the most recently drawn point.\n+     * Method: setMap\n      */\n-    getCurrentPointIndex: function() {\n-        return this.line.geometry.components.length - 2;\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map);\n+        }\n     },\n \n     /**\n-     * Method: enforceTopology\n-     * Simple topology enforcement for drawing interior rings.  Ensures vertices\n-     *     of interior rings are contained by exterior ring.  Other topology \n-     *     rules are enforced in <finalizeInteriorRing> to allow drawing of \n-     *     rings that intersect only during the sketch (e.g. a \"C\" shaped ring\n-     *     that nearly encloses another ring).\n-     */\n-    enforceTopology: function(event) {\n-        var point = event.vertex;\n-        var components = this.line.geometry.components;\n-        // ensure that vertices of interior ring are contained by exterior ring\n-        if (!this.polygon.geometry.intersects(point)) {\n-            var last = components[components.length - 3];\n-            point.x = last.x;\n-            point.y = last.y;\n-        }\n+     * Method: startBox\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>}\n+     */\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n+\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+\n+        OpenLayers.Element.addClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n+        );\n     },\n \n     /**\n-     * Method: finishGeometry\n-     * Finish the geometry and send it back to the control.\n+     * Method: moveBox\n      */\n-    finishGeometry: function() {\n-        var index = this.line.geometry.components.length - 2;\n-        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n-        this.removePoint();\n-        this.finalize();\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n+        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ?\n+            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ?\n+            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n     },\n \n     /**\n-     * Method: finalizeInteriorRing\n-     * Enforces that new ring has some area and doesn't contain vertices of any\n-     *     other rings.\n+     * Method: endBox\n      */\n-    finalizeInteriorRing: function() {\n-        var ring = this.line.geometry;\n-        // ensure that ring has some area\n-        var modified = (ring.getArea() !== 0);\n-        if (modified) {\n-            // ensure that new ring doesn't intersect any other rings\n-            var rings = this.polygon.geometry.components;\n-            for (var i = rings.length - 2; i >= 0; --i) {\n-                if (ring.intersects(rings[i])) {\n-                    modified = false;\n-                    break;\n-                }\n-            }\n-            if (modified) {\n-                // ensure that new ring doesn't contain any other rings\n-                var target;\n-                outer: for (var i = rings.length - 2; i > 0; --i) {\n-                    var points = rings[i].components;\n-                    for (var j = 0, jj = points.length; j < jj; ++j) {\n-                        if (ring.containsPoint(points[j])) {\n-                            modified = false;\n-                            break outer;\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        if (modified) {\n-            if (this.polygon.state !== OpenLayers.State.INSERT) {\n-                this.polygon.state = OpenLayers.State.UPDATE;\n-            }\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n+            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top);\n         } else {\n-            this.polygon.geometry.removeComponent(ring);\n+            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n         }\n-        this.restoreFeature();\n-        return false;\n-    },\n+        this.removeBox();\n \n-    /**\n-     * APIMethod: cancel\n-     * Finish the geometry and call the \"cancel\" callback.\n-     */\n-    cancel: function() {\n-        if (this.drawingHole) {\n-            this.polygon.geometry.removeComponent(this.line.geometry);\n-            this.restoreFeature(true);\n-        }\n-        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments);\n+        this.callback(\"done\", [result]);\n     },\n \n     /**\n-     * Method: restoreFeature\n-     * Move the feature from the sketch layer to the target layer.\n-     *\n-     * Properties: \n-     * cancel - {Boolean} Cancel drawing.  If falsey, the \"sketchcomplete\" event\n-     *     will be fired.\n+     * Method: removeBox\n+     * Remove the zoombox from the screen and nullify our reference to it.\n      */\n-    restoreFeature: function(cancel) {\n-        this.control.layer.events.unregister(\n-            \"sketchcomplete\", this, this.finalizeInteriorRing\n-        );\n-        this.control.layer.events.unregister(\n-            \"sketchmodified\", this, this.enforceTopology\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n         );\n-        this.layer.removeFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.control.layer.addFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.drawingHole = false;\n-        if (!cancel) {\n-            // Re-trigger \"sketchcomplete\" so other listeners can do their\n-            // business.  While this is somewhat sloppy (if a listener is \n-            // registered with registerPriority - not common - between the start\n-            // and end of a single ring drawing - very uncommon - it will be \n-            // called twice).\n-            // TODO: In 3.0, collapse sketch handlers into geometry specific\n-            // drawing controls.\n-            this.control.layer.events.triggerEvent(\n-                \"sketchcomplete\", {\n-                    feature: this.polygon\n-                }\n-            );\n-        }\n-    },\n \n-    /**\n-     * Method: destroyFeature\n-     * Destroy temporary geometries\n-     *\n-     * Parameters:\n-     * force - {Boolean} Destroy even if persist is true.\n-     */\n-    destroyFeature: function(force) {\n-        OpenLayers.Handler.Path.prototype.destroyFeature.call(\n-            this, force);\n-        this.polygon = null;\n     },\n \n     /**\n-     * Method: drawFeature\n-     * Render geometries on the temporary layer.\n+     * Method: activate\n      */\n-    drawFeature: function() {\n-        this.layer.drawFeature(this.polygon, this.style);\n-        this.layer.drawFeature(this.point, this.style);\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: getSketch\n-     * Return the sketch feature.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n+     * Method: deactivate\n      */\n-    getSketch: function() {\n-        return this.polygon;\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox();\n+                }\n+            }\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: getGeometry\n-     * Return the sketch geometry.  If <multi> is true, this will return\n-     *     a multi-part geometry.\n-     *\n+     * Method: getBoxOffsets\n+     * Determines border offsets for a box, according to the box model.\n+     * \n      * Returns:\n-     * {<OpenLayers.Geometry.Polygon>}\n+     * {Object} an object with the following offsets:\n+     *     - left\n+     *     - right\n+     *     - top\n+     *     - bottom\n+     *     - width\n+     *     - height\n      */\n-    getGeometry: function() {\n-        var geometry = this.polygon && this.polygon.geometry;\n-        if (geometry && this.multi) {\n-            geometry = new OpenLayers.Geometry.MultiPolygon([geometry]);\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            // Determine the box model. If the testDiv's clientWidth is 3, then\n+            // the borders are outside and we are dealing with the w3c box\n+            // model. Otherwise, the browser uses the traditional box model and\n+            // the borders are inside the box bounds, leaving us with a\n+            // clientWidth of 1.\n+            var testDiv = document.createElement(\"div\");\n+            //testDiv.style.visibility = \"hidden\";\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n+            };\n         }\n-        return geometry;\n+        return this.boxOffsets;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n });\n /* ======================================================================\n     OpenLayers/Handler/RegularPolygon.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -36976,12645 +36832,10741 @@\n             this.clear();\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.RegularPolygon\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Box.js\n+    OpenLayers/Handler/Keyboard.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Box\n- * Handler for dragging a rectangle across the map.  Box is displayed \n- * on mouse down, moves on mouse move, and is finished on mouse up.\n- *\n+ * Class: OpenLayers.handler.Keyboard\n+ * A handler for keyboard events.  Create a new instance with the\n+ *     <OpenLayers.Handler.Keyboard> constructor.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n+\n+    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n+        key handling quirks in pretty nice detail */\n \n     /** \n-     * Property: dragHandler \n-     * {<OpenLayers.Handler.Drag>} \n+     * Constant: KEY_EVENTS\n+     * keydown, keypress, keyup\n      */\n-    dragHandler: null,\n+    KEY_EVENTS: [\"keydown\", \"keyup\"],\n \n-    /**\n-     * APIProperty: boxDivClassName\n-     * {String} The CSS class to use for drawing the box. Default is\n-     *     olHandlerBoxZoomBox\n+    /** \n+     * Property: eventListener\n+     * {Function}\n      */\n-    boxDivClassName: 'olHandlerBoxZoomBox',\n+    eventListener: null,\n \n     /**\n-     * Property: boxOffsets\n-     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n-     * method.\n+     * Property: observeElement\n+     * {DOMElement|String} The DOM element on which we listen for\n+     *     key events. Default to the document.\n      */\n-    boxOffsets: null,\n+    observeElement: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Box\n-     *\n+     * Constructor: OpenLayers.Handler.Keyboard\n+     * Returns a new keyboard handler.\n+     * \n      * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * callbacks - {Object} An object with a properties whose values are\n-     *     functions.  Various callbacks described below.\n-     * options - {Object} \n-     *\n-     * Named callbacks:\n-     * start - Called when the box drag operation starts.\n-     * done - Called when the box drag operation is finished.\n-     *     The callback should expect to receive a single argument, the box \n-     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n-     *     pixel distance, a pixel will be returned instead of a bounds object.\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     handler.\n      */\n     initialize: function(control, callbacks, options) {\n         OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(\n-            this, {\n-                down: this.startBox,\n-                move: this.moveBox,\n-                out: this.removeBox,\n-                up: this.endBox\n-            }, {\n-                keyMask: this.keyMask\n-            }\n+        // cache the bound event listener method so it can be unobserved later\n+        this.eventListener = OpenLayers.Function.bindAsEventListener(\n+            this.handleKeyEvent, this\n         );\n     },\n \n     /**\n      * Method: destroy\n      */\n     destroy: function() {\n+        this.deactivate();\n+        this.eventListener = null;\n         OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map);\n-        }\n-    },\n-\n-    /**\n-     * Method: startBox\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>}\n-     */\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-\n-        OpenLayers.Element.addClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-    },\n-\n-    /**\n-     * Method: moveBox\n-     */\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n-        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ?\n-            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ?\n-            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n-    },\n-\n-    /**\n-     * Method: endBox\n-     */\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n-            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top);\n-        } else {\n-            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n-        }\n-        this.removeBox();\n-\n-        this.callback(\"done\", [result]);\n-    },\n-\n-    /**\n-     * Method: removeBox\n-     * Remove the zoombox from the screen and nullify our reference to it.\n-     */\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-\n     },\n \n     /**\n      * Method: activate\n      */\n     activate: function() {\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n+            this.observeElement = this.observeElement || document;\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.observe(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n+            }\n             return true;\n         } else {\n             return false;\n         }\n     },\n \n     /**\n      * Method: deactivate\n      */\n     deactivate: function() {\n+        var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox();\n-                }\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.stopObserving(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n             }\n-            return true;\n-        } else {\n-            return false;\n+            deactivated = true;\n         }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: getBoxOffsets\n-     * Determines border offsets for a box, according to the box model.\n-     * \n-     * Returns:\n-     * {Object} an object with the following offsets:\n-     *     - left\n-     *     - right\n-     *     - top\n-     *     - bottom\n-     *     - width\n-     *     - height\n+     * Method: handleKeyEvent \n      */\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            // Determine the box model. If the testDiv's clientWidth is 3, then\n-            // the borders are outside and we are dealing with the w3c box\n-            // model. Otherwise, the browser uses the traditional box model and\n-            // the borders are inside the box bounds, leaving us with a\n-            // clientWidth of 1.\n-            var testDiv = document.createElement(\"div\");\n-            //testDiv.style.visibility = \"hidden\";\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n-\n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            };\n+    handleKeyEvent: function(evt) {\n+        if (this.checkModifiers(evt)) {\n+            this.callback(evt.type, [evt]);\n         }\n-        return this.boxOffsets;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Hover.js\n+    OpenLayers/Handler/Feature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Hover\n- * The hover handler is to be used to emulate mouseovers on objects\n- *      on the map that aren't DOM elements. For example one can use\n- *      this handler to send WMS/GetFeatureInfo requests as the user\n- *      moves the mouve over the map.\n- * \n+ * Class: OpenLayers.Handler.Feature \n+ * Handler to respond to mouse events related to a drawn feature.  Callbacks\n+ *     with the following keys will be notified of the following events\n+ *     associated with features: click, clickout, over, out, and dblclick.\n+ *\n+ * This handler stops event propagation for mousedown and mouseup if those\n+ *     browser events target features that can be selected.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Handler> \n+ *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n \n     /**\n-     * APIProperty: delay\n-     * {Integer} - Number of milliseconds between mousemoves before\n-     *      the event is considered a hover. Default is 500.\n+     * Property: EVENTMAP\n+     * {Object} A object mapping the browser events to objects with callback\n+     *     keys for in and out.\n      */\n-    delay: 500,\n+    EVENTMAP: {\n+        'click': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        },\n+        'mousemove': {\n+            'in': 'over',\n+            'out': 'out'\n+        },\n+        'dblclick': {\n+            'in': 'dblclick',\n+            'out': null\n+        },\n+        'mousedown': {\n+            'in': null,\n+            'out': null\n+        },\n+        'mouseup': {\n+            'in': null,\n+            'out': null\n+        },\n+        'touchstart': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        }\n+    },\n \n     /**\n-     * APIProperty: pixelTolerance\n-     * {Integer} - Maximum number of pixels between mousemoves for\n-     *      an event to be considered a hover. Default is null.\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n      */\n-    pixelTolerance: null,\n+    feature: null,\n \n     /**\n-     * APIProperty: stopMove\n-     * {Boolean} - Stop other listeners from being notified on mousemoves.\n-     *      Default is false.\n+     * Property: lastFeature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n      */\n-    stopMove: false,\n+    lastFeature: null,\n \n     /**\n-     * Property: px\n-     * {<OpenLayers.Pixel>} - The location of the last mousemove, expressed\n-     *      in pixels.\n+     * Property: down\n+     * {<OpenLayers.Pixel>} The location of the last mousedown.\n      */\n-    px: null,\n+    down: null,\n \n     /**\n-     * Property: timerId\n-     * {Number} - The id of the timer.\n+     * Property: up\n+     * {<OpenLayers.Pixel>} The location of the last mouseup.\n      */\n-    timerId: null,\n+    up: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Hover\n-     * Construct a hover handler.\n+     * Property: clickTolerance\n+     * {Number} The number of pixels the mouse can move between mousedown\n+     *     and mouseup for the event to still be considered a click.\n+     *     Dragging the map should not trigger the click and clickout callbacks\n+     *     unless the map is moved by less than this tolerance. Defaults to 4.\n+     */\n+    clickTolerance: 4,\n+\n+    /**\n+     * Property: geometryTypes\n+     * To restrict dragging to a limited set of geometry types, send a list\n+     * of strings corresponding to the geometry class names.\n+     * \n+     * @type Array(String)\n+     */\n+    geometryTypes: null,\n+\n+    /**\n+     * Property: stopClick\n+     * {Boolean} If stopClick is set to true, handled clicks do not\n+     *      propagate to other click listeners. Otherwise, handled clicks\n+     *      do propagate. Unhandled clicks always propagate, whatever the\n+     *      value of stopClick. Defaults to true.\n+     */\n+    stopClick: true,\n+\n+    /**\n+     * Property: stopDown\n+     * {Boolean} If stopDown is set to true, handled mousedowns do not\n+     *      propagate to other mousedown listeners. Otherwise, handled\n+     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n+     *      whatever the value of stopDown. Defaults to true.\n+     */\n+    stopDown: true,\n+\n+    /**\n+     * Property: stopUp\n+     * {Boolean} If stopUp is set to true, handled mouseups do not\n+     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n+     *      do propagate. Unhandled mouseups always propagate, whatever the\n+     *      value of stopUp. Defaults to false.\n+     */\n+    stopUp: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Feature\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that initialized this\n-     *     handler.  The control is assumed to have a valid map property; that\n-     *     map is used in the handler's own setMap method.\n-     * callbacks - {Object} An object with keys corresponding to callbacks\n-     *     that will be called by the handler. The callbacks should\n-     *     expect to receive a single argument, the event. Callbacks for\n-     *     'move', the mouse is moving, and 'pause', the mouse is pausing,\n-     *     are supported.\n-     * options - {Object} An optional object whose properties will be set on\n-     *     the handler.\n+     * control - {<OpenLayers.Control>} \n+     * layer - {<OpenLayers.Layer.Vector>}\n+     * callbacks - {Object} An object with a 'over' property whos value is\n+     *     a function to be called when the mouse is over a feature. The \n+     *     callback should expect to recieve a single argument, the feature.\n+     * options - {Object} \n      */\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer;\n+    },\n \n     /**\n-     * Method: mousemove\n-     * Called when the mouse moves on the map.\n+     * Method: touchstart\n+     * Handle touchstart events\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Boolean} Let the event propagate.\n      */\n-    mousemove: function(evt) {\n-        if (this.passesTolerance(evt.xy)) {\n-            this.clearTimer();\n-            this.callback('move', [evt]);\n-            this.px = evt.xy;\n-            // clone the evt so original properties can be accessed even\n-            // if the browser deletes them during the delay\n-            evt = OpenLayers.Util.extend({}, evt);\n-            this.timerId = window.setTimeout(\n-                OpenLayers.Function.bind(this.delayedCall, this, evt),\n-                this.delay\n-            );\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ?\n+            true : this.mousedown(evt);\n+    },\n+\n+    /**\n+     * Method: touchmove\n+     * Handle touchmove events. We just prevent the browser default behavior,\n+     *    for Android Webkit not to select text when moving the finger after\n+     *    selecting a feature.\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt);\n+    },\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mouse down.  Stop propagation if a feature is targeted by this\n+     *     event (stops map dragging during feature selection).\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mousedown: function(evt) {\n+        // Feature selection is only done with a left click. Other handlers may stop the\n+        // propagation of left-click mousedown events but not right-click mousedown events.\n+        // This mismatch causes problems when comparing the location of the down and up\n+        // events in the click function so it is important ignore right-clicks.\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy;\n         }\n-        return !this.stopMove;\n+        return this.handle(evt) ? !this.stopDown : true;\n     },\n \n     /**\n-     * Method: mouseout\n-     * Called when the mouse goes out of the map.\n+     * Method: mouseup\n+     * Handle mouse up.  Stop propagation if a feature is targeted by this\n+     *     event.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true;\n+    },\n+\n+    /**\n+     * Method: click\n+     * Handle click.  Call the \"click\" callback if click on a feature,\n+     *     or the \"clickout\" callback if click outside any feature.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n      *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true;\n+    },\n+\n+    /**\n+     * Method: mousemove\n+     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n+     *     or the \"out\" callback if moving out of a feature.\n+     * \n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * evt - {Event} \n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Boolean}\n      */\n-    mouseout: function(evt) {\n-        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            this.clearTimer();\n-            this.callback('move', [evt]);\n+    mousemove: function(evt) {\n+        if (!this.callbacks['over'] && !this.callbacks['out']) {\n+            return true;\n         }\n+        this.handle(evt);\n         return true;\n     },\n \n     /**\n-     * Method: passesTolerance\n-     * Determine whether the mouse move is within the optional pixel tolerance.\n+     * Method: dblclick\n+     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n      *\n      * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n+     * evt - {Event} \n      *\n      * Returns:\n-     * {Boolean} The mouse move is within the pixel tolerance.\n+     * {Boolean}\n      */\n-    passesTolerance: function(px) {\n-        var passes = true;\n-        if (this.pixelTolerance && this.px) {\n-            var dpx = Math.sqrt(\n-                Math.pow(this.px.x - px.x, 2) +\n-                Math.pow(this.px.y - px.y, 2)\n-            );\n-            if (dpx < this.pixelTolerance) {\n-                passes = false;\n-            }\n-        }\n-        return passes;\n+    dblclick: function(evt) {\n+        return !this.handle(evt);\n     },\n \n     /**\n-     * Method: clearTimer\n-     * Clear the timer and set <timerId> to null.\n+     * Method: geometryTypeMatches\n+     * Return true if the geometry type of the passed feature matches\n+     *     one of the geometry types in the geometryTypes array.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Vector.Feature>}\n+     *\n+     * Returns:\n+     * {Boolean}\n      */\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null;\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null ||\n+            OpenLayers.Util.indexOf(this.geometryTypes,\n+                feature.geometry.CLASS_NAME) > -1;\n+    },\n+\n+    /**\n+     * Method: handle\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} The event occurred over a relevant feature.\n+     */\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!(this.feature); // previously in a feature\n+        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            // last feature has been destroyed\n+            this.lastFeature = null;\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                // stop the event to prevent Android Webkit from\n+                // \"flashing\" the map div\n+                OpenLayers.Event.preventDefault(evt);\n+            }\n+            var inNew = (this.feature != this.lastFeature);\n+            if (this.geometryTypeMatches(this.feature)) {\n+                // in to a feature\n+                if (previouslyIn && inNew) {\n+                    // out of last feature and in to another\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, 'out', [this.lastFeature]);\n+                    }\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                } else if (!previouslyIn || click) {\n+                    // in feature for the first time\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true;\n+            } else {\n+                // not in to a feature\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    // out of last feature for the first time\n+                    this.triggerCallback(type, 'out', [this.lastFeature]);\n+                }\n+                // next time the mouse goes in a feature whose geometry type\n+                // doesn't match we don't want to call the 'out' callback\n+                // again, so let's set this.feature to null so that\n+                // previouslyIn will evaluate to false the next time\n+                // we enter handle. Yes, a bit hackish...\n+                this.feature = null;\n+            }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, 'out', [this.lastFeature]);\n         }\n+        return handled;\n     },\n \n     /**\n-     * Method: delayedCall\n-     * Triggers pause callback.\n+     * Method: triggerCallback\n+     * Call the callback keyed in the event map with the supplied arguments.\n+     *     For click and clickout, the <clickTolerance> is checked first.\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * type - {String}\n      */\n-    delayedCall: function(evt) {\n-        this.callback('pause', [evt]);\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == 'click' && this.up && this.down) {\n+                // for click/clickout, only trigger callback if tolerance is met\n+                var dpx = Math.sqrt(\n+                    Math.pow(this.up.x - this.down.x, 2) +\n+                    Math.pow(this.up.y - this.down.y, 2)\n+                );\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args);\n+                }\n+                // we're done with this set of events now: clear the cached\n+                // positions so we can't trip over them later (this can occur\n+                // if one of the up/down events gets eaten before it gets to us\n+                // but we still get the click)\n+                this.up = this.down = null;\n+            } else {\n+                this.callback(key, args);\n+            }\n+        }\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the handler.\n+     * Method: activate \n+     * Turn on the handler.  Returns false if the handler was already active.\n      *\n      * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n+     * {Boolean}\n+     */\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true;\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate \n+     * Turn off the handler.  Returns false if the handler was already active.\n+     *\n+     * Returns: \n+     * {Boolean}\n      */\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n             deactivated = true;\n         }\n         return deactivated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n+    /**\n+     * Method: handleMapEvents\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop();\n+        }\n+    },\n+\n+    /**\n+     * Method: moveLayerToTop\n+     * Moves the layer for this handler to the top, so mouse events can reach\n+     * it.\n+     */\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n+            this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index);\n+\n+    },\n+\n+    /**\n+     * Method: moveLayerBack\n+     * Moves the layer back to the position determined by the map's layers\n+     * array.\n+     */\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n+            this.layer.setZIndex(index);\n+        } else {\n+            this.map.setLayerZIndex(this.layer,\n+                this.map.getLayerIndex(this.layer));\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Vector.js\n+    OpenLayers/Control/DrawFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Renderer.js\n- * @requires OpenLayers/StyleMap.js\n+ * @requires OpenLayers/Control.js\n  * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Vector\n- * Instances of OpenLayers.Layer.Vector are used to render vector data from\n- *     a variety of sources. Create a new vector layer with the\n- *     <OpenLayers.Layer.Vector> constructor.\n+ * Class: OpenLayers.Control.DrawFeature\n+ * The DrawFeature control draws point, line or polygon features on a vector\n+ * layer when active.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n+     */\n+    layer: null,\n \n     /**\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n+     */\n+    callbacks: null,\n+\n+    /** \n      * APIProperty: events\n-     * {<OpenLayers.Events>}\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n      * Register a listener for a particular event with the following syntax:\n      * (code)\n-     * layer.events.register(type, obj, listener);\n+     * control.events.register(type, obj, listener);\n      * (end)\n      *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to layer.events.object.\n-     * element - {DOMElement} A reference to layer.events.element.\n-     *\n-     * Supported map event types (in addition to those from <OpenLayers.Layer.events>):\n-     * beforefeatureadded - Triggered before a feature is added.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be added.  To stop the feature from being added, a\n-     *      listener should return false.\n-     * beforefeaturesadded - Triggered before an array of features is added.\n-     *      Listeners will receive an object with a *features* property\n-     *      referencing the feature to be added. To stop the features from\n-     *      being added, a listener should return false.\n-     * featureadded - Triggered after a feature is added.  The event\n-     *      object passed to listeners will have a *feature* property with a\n-     *      reference to the added feature.\n-     * featuresadded - Triggered after features are added.  The event\n-     *      object passed to listeners will have a *features* property with a\n-     *      reference to an array of added features.\n-     * beforefeatureremoved - Triggered before a feature is removed. Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be removed.\n-     * beforefeaturesremoved - Triggered before multiple features are removed. \n-     *      Listeners will receive an object with a *features* property\n-     *      referencing the features to be removed.\n-     * featureremoved - Triggerd after a feature is removed. The event\n-     *      object passed to listeners will have a *feature* property with a\n-     *      reference to the removed feature.\n-     * featuresremoved - Triggered after features are removed. The event\n-     *      object passed to listeners will have a *features* property with a\n-     *      reference to an array of removed features.\n-     * beforefeatureselected - Triggered before a feature is selected.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be selected. To stop the feature from being selectd, a\n-     *      listener should return false.\n-     * featureselected - Triggered after a feature is selected.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      selected feature.\n-     * featureunselected - Triggered after a feature is unselected.\n-     *      Listeners will receive an object with a *feature* property\n-     *      referencing the unselected feature.\n-     * beforefeaturemodified - Triggered when a feature is selected to \n-     *      be modified.  Listeners will receive an object with a *feature* \n-     *      property referencing the selected feature.\n-     * featuremodified - Triggered when a feature has been modified.\n-     *      Listeners will receive an object with a *feature* property referencing \n-     *      the modified feature.\n-     * afterfeaturemodified - Triggered when a feature is finished being modified.\n-     *      Listeners will receive an object with a *feature* property referencing \n-     *      the modified feature.\n-     * vertexmodified - Triggered when a vertex within any feature geometry\n-     *      has been modified.  Listeners will receive an object with a\n-     *      *feature* property referencing the modified feature, a *vertex*\n-     *      property referencing the vertex modified (always a point geometry),\n-     *      and a *pixel* property referencing the pixel location of the\n-     *      modification.\n-     * vertexremoved - Triggered when a vertex within any feature geometry\n-     *      has been deleted.  Listeners will receive an object with a\n-     *      *feature* property referencing the modified feature, a *vertex*\n-     *      property referencing the vertex modified (always a point geometry),\n-     *      and a *pixel* property referencing the pixel location of the\n-     *      removal.\n-     * sketchstarted - Triggered when a feature sketch bound for this layer\n-     *      is started.  Listeners will receive an object with a *feature*\n-     *      property referencing the new sketch feature and a *vertex* property\n-     *      referencing the creation point.\n-     * sketchmodified - Triggered when a feature sketch bound for this layer\n-     *      is modified.  Listeners will receive an object with a *vertex*\n-     *      property referencing the modified vertex and a *feature* property\n-     *      referencing the sketch feature.\n-     * sketchcomplete - Triggered when a feature sketch bound for this layer\n-     *      is complete.  Listeners will receive an object with a *feature*\n-     *      property referencing the sketch feature.  By returning false, a\n-     *      listener can stop the sketch feature from being added to the layer.\n-     * refresh - Triggered when something wants a strategy to ask the protocol\n-     *      for a new set of features.\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * featureadded - Triggered when a feature is added\n      */\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is false.  Set this property\n-     * in the layer options.\n+     * APIProperty: multi\n+     * {Boolean} Cast features to multi-part geometries before passing to the\n+     *     layer.  Default is false.\n      */\n-    isBaseLayer: false,\n+    multi: false,\n \n-    /** \n-     * APIProperty: isFixed\n-     * {Boolean} Whether the layer remains in one place while dragging the\n-     * map. Note that setting this to true will move the layer to the bottom\n-     * of the layer stack.\n+    /**\n+     * APIProperty: featureAdded\n+     * {Function} Called after each feature is added\n      */\n-    isFixed: false,\n+    featureAdded: function() {},\n \n-    /** \n-     * APIProperty: features\n-     * {Array(<OpenLayers.Feature.Vector>)} \n+    /**\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    features: null,\n \n-    /** \n-     * Property: filter\n-     * {<OpenLayers.Filter>} The filter set in this layer,\n-     *     a strategy launching read requests can combined\n-     *     this filter with its own filter.\n+    /**\n+     * Constructor: OpenLayers.Control.DrawFeature\n+     * \n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} \n+     * handler - {<OpenLayers.Handler>} \n+     * options - {Object} \n      */\n-    filter: null,\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+                done: this.drawFeature,\n+                modify: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchmodified\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n+                },\n+                create: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchstarted\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n+                }\n+            },\n+            this.callbacks\n+        );\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+            this.handlerOptions.layerOptions, {\n+                renderers: layer.renderers,\n+                rendererOptions: layer.rendererOptions\n+            }\n+        );\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi;\n+        }\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+                this.handlerOptions.layerOptions, {\n+                    styleMap: new OpenLayers.StyleMap({\n+                        \"default\": sketchStyle\n+                    })\n+                }\n+            );\n+        }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n+    },\n \n-    /** \n-     * Property: selectedFeatures\n-     * {Array(<OpenLayers.Feature.Vector>)} \n+    /**\n+     * Method: drawFeature\n      */\n-    selectedFeatures: null,\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\n+            \"sketchcomplete\", {\n+                feature: feature\n+            }\n+        );\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n+            });\n+        }\n+    },\n \n     /**\n-     * Property: unrenderedFeatures\n-     * {Object} hash of features, keyed by feature.id, that the renderer\n-     *     failed to draw\n+     * APIMethod: insertXY\n+     * Insert a point in the current sketch given x & y coordinates.\n+     *\n+     * Parameters:\n+     * x - {Number} The x-coordinate of the point.\n+     * y - {Number} The y-coordinate of the point.\n      */\n-    unrenderedFeatures: null,\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y);\n+        }\n+    },\n \n     /**\n-     * APIProperty: reportError\n-     * {Boolean} report friendly error message when loading of renderer\n-     * fails.\n+     * APIMethod: insertDeltaXY\n+     * Insert a point given offsets from the previously inserted point.\n+     *\n+     * Parameters:\n+     * dx - {Number} The x-coordinate offset of the point.\n+     * dy - {Number} The y-coordinate offset of the point.\n      */\n-    reportError: true,\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy);\n+        }\n+    },\n \n-    /** \n-     * APIProperty: style\n-     * {Object} Default style for the layer\n+    /**\n+     * APIMethod: insertDirectionLength\n+     * Insert a point in the current sketch given a direction and a length.\n+     *\n+     * Parameters:\n+     * direction - {Number} Degrees clockwise from the positive x-axis.\n+     * length - {Number} Distance from the previously drawn point.\n      */\n-    style: null,\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length);\n+        }\n+    },\n \n     /**\n-     * Property: styleMap\n-     * {<OpenLayers.StyleMap>}\n+     * APIMethod: insertDeflectionLength\n+     * Insert a point in the current sketch given a deflection and a length.\n+     *     The deflection should be degrees clockwise from the previously \n+     *     digitized segment.\n+     *\n+     * Parameters:\n+     * deflection - {Number} Degrees clockwise from the previous segment.\n+     * length - {Number} Distance from the previously drawn point.\n      */\n-    styleMap: null,\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length);\n+        }\n+    },\n \n     /**\n-     * Property: strategies\n-     * {Array(<OpenLayers.Strategy>})} Optional list of strategies for the layer.\n+     * APIMethod: undo\n+     * Remove the most recently added point in the current sketch geometry.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was undone.\n      */\n-    strategies: null,\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo();\n+    },\n \n     /**\n-     * Property: protocol\n-     * {<OpenLayers.Protocol>} Optional protocol for the layer.\n+     * APIMethod: redo\n+     * Reinsert the most recently removed point resulting from an <undo> call.\n+     *     The undo stack is deleted whenever a point is added by other means.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was redone.\n      */\n-    protocol: null,\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo();\n+    },\n \n     /**\n-     * Property: renderers\n-     * {Array(String)} List of supported Renderer classes. Add to this list to\n-     * add support for additional renderers. This list is ordered:\n-     * the first renderer which returns true for the  'supported()'\n-     * method will be used, if not defined in the 'renderer' option.\n+     * APIMethod: finishSketch\n+     * Finishes the sketch without including the currently drawn point.\n+     *     This method can be called to terminate drawing programmatically\n+     *     instead of waiting for the user to end the sketch.\n      */\n-    renderers: ['SVG', 'VML', 'Canvas'],\n+    finishSketch: function() {\n+        this.handler.finishGeometry();\n+    },\n \n-    /** \n-     * Property: renderer\n-     * {<OpenLayers.Renderer>}\n+    /**\n+     * APIMethod: cancel\n+     * Cancel the current sketch.  This removes the current sketch and keeps\n+     *     the drawing control active.\n      */\n-    renderer: null,\n+    cancel: function() {\n+        this.handler.cancel();\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Events/buttonclick.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Events.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Events.buttonclick\n+ * Extension event type for handling buttons on top of a dom element. This\n+ *     event type fires \"buttonclick\" on its <target> when a button was\n+ *     clicked. Buttons are detected by the \"olButton\" class.\n+ *\n+ * This event type makes sure that button clicks do not interfere with other\n+ *     events that are registered on the same <element>.\n+ *\n+ * Event types provided by this extension:\n+ * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n+ *     object with a *buttonElement* property referencing the dom element of\n+ *     the clicked button, and an *buttonXY* property with the click position\n+ *     relative to the button.\n+ */\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n \n     /**\n-     * APIProperty: rendererOptions\n-     * {Object} Options for the renderer. See {<OpenLayers.Renderer>} for\n-     *     supported options.\n+     * Property: target\n+     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n+     * be triggered on.\n      */\n-    rendererOptions: null,\n+    target: null,\n \n-    /** \n-     * APIProperty: geometryType\n-     * {String} geometryType allows you to limit the types of geometries this\n-     * layer supports. This should be set to something like\n-     * \"OpenLayers.Geometry.Point\" to limit types.\n+    /**\n+     * Property: events\n+     * {Array} Events to observe and conditionally stop from propagating when\n+     *     an element with the olButton class (or its olAlphaImg child) is\n+     *     clicked.\n      */\n-    geometryType: null,\n+    events: [\n+        'mousedown', 'mouseup', 'click', 'dblclick',\n+        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    ],\n \n-    /** \n-     * Property: drawn\n-     * {Boolean} Whether the Vector Layer features have been drawn yet.\n+    /**\n+     * Property: startRegEx\n+     * {RegExp} Regular expression to test Event.type for events that start\n+     *     a buttonclick sequence.\n      */\n-    drawn: false,\n+    startRegEx: /^mousedown|touchstart$/,\n \n-    /** \n-     * APIProperty: ratio\n-     * {Float} This specifies the ratio of the size of the visiblity of the Vector Layer features to the size of the map.\n+    /**\n+     * Property: cancelRegEx\n+     * {RegExp} Regular expression to test Event.type for events that cancel\n+     *     a buttonclick sequence.\n      */\n-    ratio: 1,\n+    cancelRegEx: /^touchmove$/,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Vector\n-     * Create a new vector layer\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.Vector>} A new vector layer\n+     * Property: completeRegEx\n+     * {RegExp} Regular expression to test Event.type for events that complete\n+     *     a buttonclick sequence.\n      */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-\n-        // allow user-set renderer, otherwise assign one\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.assignRenderer();\n-        }\n-\n-        // if no valid renderer found, display error\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.renderer = null;\n-            this.displayError();\n-        }\n-\n-        if (!this.styleMap) {\n-            this.styleMap = new OpenLayers.StyleMap();\n-        }\n+    completeRegEx: /^mouseup|touchend$/,\n \n-        this.features = [];\n-        this.selectedFeatures = [];\n-        this.unrenderedFeatures = {};\n+    /**\n+     * Property: startEvt\n+     * {Event} The event that started the click sequence\n+     */\n \n-        // Allow for custom layer behavior\n-        if (this.strategies) {\n-            for (var i = 0, len = this.strategies.length; i < len; i++) {\n-                this.strategies[i].setLayer(this);\n-            }\n+    /**\n+     * Constructor: OpenLayers.Events.buttonclick\n+     * Construct a buttonclick event type. Applications are not supposed to\n+     *     create instances of this class - they are created on demand by\n+     *     <OpenLayers.Events> instances.\n+     *\n+     * Parameters:\n+     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n+     *     event will be triggered on.\n+     */\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            });\n         }\n-\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Destroy this layer\n+     * Method: destroy\n      */\n     destroy: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoDestroy) {\n-                    strategy.destroy();\n-                }\n-            }\n-            this.strategies = null;\n-        }\n-        if (this.protocol) {\n-            if (this.protocol.autoDestroy) {\n-                this.protocol.destroy();\n-            }\n-            this.protocol = null;\n-        }\n-        this.destroyFeatures();\n-        this.features = null;\n-        this.selectedFeatures = null;\n-        this.unrenderedFeatures = null;\n-        if (this.renderer) {\n-            this.renderer.destroy();\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick);\n         }\n-        this.renderer = null;\n-        this.geometryType = null;\n-        this.drawn = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+        delete this.target;\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer.\n-     * \n-     * Note: Features of the layer are also cloned.\n+     * Method: getPressedButton\n+     * Get the pressed button, if any. Returns undefined if no button\n+     * was pressed.\n+     *\n+     * Arguments:\n+     * element - {DOMElement} The event target.\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.Vector>} An exact clone of this layer\n+     * {DOMElement} The button element, or undefined.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-        var features = this.features;\n-        var len = features.length;\n-        var clonedFeatures = new Array(len);\n-        for (var i = 0; i < len; ++i) {\n-            clonedFeatures[i] = features[i].clone();\n-        }\n-        obj.features = clonedFeatures;\n-\n-        return obj;\n+    getPressedButton: function(element) {\n+        var depth = 3, // limit the search depth\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                // hit!\n+                button = element;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return button;\n     },\n \n     /**\n-     * Method: refresh\n-     * Ask the layer to request features again and redraw them.  Triggers\n-     *     the refresh event if the layer is in range and visible.\n+     * Method: ignore\n+     * Check for event target elements that should be ignored by OpenLayers.\n      *\n      * Parameters:\n-     * obj - {Object} Optional object with properties for any listener of\n-     *     the refresh event.\n+     * element - {DOMElement} The event target.\n      */\n-    refresh: function(obj) {\n-        if (this.calculateInRange() && this.visibility) {\n-            this.events.triggerEvent(\"refresh\", obj);\n-        }\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === 'a') {\n+                ignore = true;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return ignore;\n     },\n \n-    /** \n-     * Method: assignRenderer\n-     * Iterates through the available renderer implementations and selects \n-     * and assigns the first one whose \"supported()\" function returns true.\n+    /**\n+     * Method: buttonClick\n+     * Check if a button was clicked, and fire the buttonclick event\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    assignRenderer: function() {\n-        for (var i = 0, len = this.renderers.length; i < len; i++) {\n-            var rendererClass = this.renderers[i];\n-            var renderer = (typeof rendererClass == \"function\") ?\n-                rendererClass :\n-                OpenLayers.Renderer[rendererClass];\n-            if (renderer && renderer.prototype.supported()) {\n-                this.renderer = new renderer(this.div, this.rendererOptions);\n-                break;\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            // was a button pressed?\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break;\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        });\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt;\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt;\n             }\n         }\n-    },\n+        return propagate;\n+    }\n \n-    /** \n-     * Method: displayError \n-     * Let the user know their browser isn't supported.\n+});\n+/* ======================================================================\n+    OpenLayers/Control/LayerSwitcher.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.LayerSwitcher\n+ * The LayerSwitcher control displays a table of contents for the map. This\n+ * allows the user interface to switch between BaseLasyers and to show or hide\n+ * Overlays. By default the switcher is shown minimized on the right edge of\n+ * the map, the user may expand it by clicking on the handle.\n+ *\n+ * To create the LayerSwitcher outside of the map, pass the Id of a html div\n+ * as the first argument to the constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /**  \n+     * Property: layerStates \n+     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n+     *     the last time the control was drawn. We have this in order to avoid\n+     *     unnecessarily redrawing the control.\n      */\n-    displayError: function() {\n-        if (this.reportError) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n-                renderers: this.renderers.join('\\n')\n-            }));\n-        }\n-    },\n+    layerStates: null,\n \n-    /** \n-     * Method: setMap\n-     * The layer has been added to the map. \n-     * \n-     * If there is no renderer set, the layer can't be used. Remove it.\n-     * Otherwise, give the renderer a reference to the map and set its size.\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+    // DOM Elements\n+\n+    /**\n+     * Property: layersDiv\n+     * {DOMElement}\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+    layersDiv: null,\n \n-        if (!this.renderer) {\n-            this.map.removeLayer(this);\n-        } else {\n-            this.renderer.map = this.map;\n+    /**\n+     * Property: baseLayersDiv\n+     * {DOMElement}\n+     */\n+    baseLayersDiv: null,\n+\n+    /**\n+     * Property: baseLayers\n+     * {Array(Object)}\n+     */\n+    baseLayers: null,\n \n-            var newSize = this.map.getSize();\n-            newSize.w = newSize.w * this.ratio;\n-            newSize.h = newSize.h * this.ratio;\n-            this.renderer.setSize(newSize);\n-        }\n-    },\n \n     /**\n-     * Method: afterAdd\n-     * Called at the end of the map.addLayer sequence.  At this point, the map\n-     *     will have a base layer.  Any autoActivate strategies will be\n-     *     activated here.\n+     * Property: dataLbl\n+     * {DOMElement}\n      */\n-    afterAdd: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.activate();\n-                }\n-            }\n-        }\n-    },\n+    dataLbl: null,\n \n     /**\n-     * Method: removeMap\n-     * The layer has been removed from the map.\n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * Property: dataLayersDiv\n+     * {DOMElement}\n      */\n-    removeMap: function(map) {\n-        this.drawn = false;\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.deactivate();\n-                }\n-            }\n-        }\n-    },\n+    dataLayersDiv: null,\n \n     /**\n-     * Method: onMapResize\n-     * Notify the renderer of the change in size. \n-     * \n+     * Property: dataLayers\n+     * {Array(Object)}\n      */\n-    onMapResize: function() {\n-        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n+    dataLayers: null,\n \n-        var newSize = this.map.getSize();\n-        newSize.w = newSize.w * this.ratio;\n-        newSize.h = newSize.h * this.ratio;\n-        this.renderer.setSize(newSize);\n-    },\n \n     /**\n-     * Method: moveTo\n-     *  Reset the vector layer's div so that it once again is lined up with \n-     *   the map. Notify the renderer of the change of extent, and in the\n-     *   case of a change of zoom level (resolution), have the \n-     *   renderer redraw features.\n-     * \n-     *  If the layer has not yet been drawn, cycle through the layer's \n-     *   features and draw each one.\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * zoomChanged - {Boolean} \n-     * dragging - {Boolean} \n+     * Property: minimizeDiv\n+     * {DOMElement}\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+    minimizeDiv: null,\n \n-        var coordSysUnchanged = true;\n-        if (!dragging) {\n-            this.renderer.root.style.visibility = 'hidden';\n+    /**\n+     * Property: maximizeDiv\n+     * {DOMElement}\n+     */\n+    maximizeDiv: null,\n \n-            var viewSize = this.map.getSize(),\n-                viewWidth = viewSize.w,\n-                viewHeight = viewSize.h,\n-                offsetLeft = (viewWidth / 2 * this.ratio) - viewWidth / 2,\n-                offsetTop = (viewHeight / 2 * this.ratio) - viewHeight / 2;\n-            offsetLeft += this.map.layerContainerOriginPx.x;\n-            offsetLeft = -Math.round(offsetLeft);\n-            offsetTop += this.map.layerContainerOriginPx.y;\n-            offsetTop = -Math.round(offsetTop);\n+    /**\n+     * APIProperty: ascending\n+     * {Boolean}\n+     */\n+    ascending: true,\n \n-            this.div.style.left = offsetLeft + 'px';\n-            this.div.style.top = offsetTop + 'px';\n+    /**\n+     * Constructor: OpenLayers.Control.LayerSwitcher\n+     *\n+     * Parameters:\n+     * options - {Object}\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = [];\n+    },\n \n-            var extent = this.map.getExtent().scale(this.ratio);\n-            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n \n-            this.renderer.root.style.visibility = 'visible';\n+        //clear out layers info and unregister their events\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n \n-            // Force a reflow on gecko based browsers to prevent jump/flicker.\n-            // This seems to happen on only certain configurations; it was originally\n-            // noticed in FF 2.0 and Linux.\n-            if (OpenLayers.IS_GECKO === true) {\n-                this.div.scrollLeft = this.div.scrollLeft;\n-            }\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n \n-            if (!zoomChanged && coordSysUnchanged) {\n-                for (var i in this.unrenderedFeatures) {\n-                    var feature = this.unrenderedFeatures[i];\n-                    this.drawFeature(feature);\n-                }\n-            }\n-        }\n-        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n-            this.drawn = true;\n-            var feature;\n-            for (var i = 0, len = this.features.length; i < len; i++) {\n-                this.renderer.locked = (i !== (len - 1));\n-                feature = this.features[i];\n-                this.drawFeature(feature);\n-            }\n-        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    /** \n-     * APIMethod: display\n-     * Hide or show the Layer\n-     * \n-     * Parameters:\n-     * display - {Boolean}\n+    /**\n+     * Method: setMap\n+     *\n+     * Properties:\n+     * map - {<OpenLayers.Map>}\n      */\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        // we need to set the display style of the root in case it is attached\n-        // to a foreign layer\n-        var currentDisplay = this.div.style.display;\n-        if (currentDisplay != this.renderer.root.style.display) {\n-            this.renderer.root.style.display = currentDisplay;\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n         }\n     },\n \n     /**\n-     * APIMethod: addFeatures\n-     * Add Features to the layer.\n+     * Method: draw\n      *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n-     * options - {Object}\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the\n+     *     switcher tabs.\n      */\n-    addFeatures: function(features, options) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n \n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            var event = {\n-                features: features\n-            };\n-            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n-            if (ret === false) {\n-                return;\n-            }\n-            features = event.features;\n-        }\n+        // create layout divs\n+        this.loadContents();\n \n-        // Track successfully added features for featuresadded event, since\n-        // beforefeatureadded can veto single features.\n-        var featuresAdded = [];\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            if (i != (features.length - 1)) {\n-                this.renderer.locked = true;\n-            } else {\n-                this.renderer.locked = false;\n-            }\n-            var feature = features[i];\n+        // set mode to minimize\n+        if (!this.outsideViewport) {\n+            this.minimizeControl();\n+        }\n \n-            if (this.geometryType &&\n-                !(feature.geometry instanceof this.geometryType)) {\n-                throw new TypeError('addFeatures: component should be an ' +\n-                    this.geometryType.prototype.CLASS_NAME);\n-            }\n+        // populate div with current info\n+        this.redraw();\n \n-            //give feature reference to its layer\n-            feature.layer = this;\n+        return this.div;\n+    },\n \n-            if (!feature.style && this.style) {\n-                feature.style = OpenLayers.Util.extend({}, this.style);\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl();\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl();\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"]);\n             }\n-\n-            if (notify) {\n-                if (this.events.triggerEvent(\"beforefeatureadded\", {\n-                        feature: feature\n-                    }) === false) {\n-                    continue;\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap();\n                 }\n-                this.preFeatureInsert(feature);\n             }\n+        }\n+    },\n \n-            featuresAdded.push(feature);\n-            this.features.push(feature);\n-            this.drawFeature(feature);\n+    /**\n+     * Method: clearLayersArray\n+     * User specifies either \"base\" or \"data\". we then clear all the\n+     *     corresponding listeners, the div, and reinitialize a new array.\n+     *\n+     * Parameters:\n+     * layersType - {String}\n+     */\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = [];\n+    },\n \n-            if (notify) {\n-                this.events.triggerEvent(\"featureadded\", {\n-                    feature: feature\n-                });\n-                this.onFeatureInsert(feature);\n-            }\n+\n+    /**\n+     * Method: checkRedraw\n+     * Checks if the layer state has changed since the last redraw() call.\n+     *\n+     * Returns:\n+     * {Boolean} The layer state changed since the last redraw() call.\n+     */\n+    checkRedraw: function() {\n+        if (!this.layerStates.length ||\n+            (this.map.layers.length != this.layerStates.length)) {\n+            return true;\n         }\n \n-        if (notify) {\n-            this.events.triggerEvent(\"featuresadded\", {\n-                features: featuresAdded\n-            });\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if ((layerState.name != layer.name) ||\n+                (layerState.inRange != layer.inRange) ||\n+                (layerState.id != layer.id) ||\n+                (layerState.visibility != layer.visibility)) {\n+                return true;\n+            }\n         }\n-    },\n \n+        return false;\n+    },\n \n     /**\n-     * APIMethod: removeFeatures\n-     * Remove features from the layer.  This erases any drawn features and\n-     *     removes them from the layer's control.  The beforefeatureremoved\n-     *     and featureremoved events will be triggered for each feature.  The\n-     *     featuresremoved event will be triggered after all features have\n-     *     been removed.  To supress event triggering, use the silent option.\n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to be\n-     *     removed.\n-     * options - {Object} Optional properties for changing behavior of the\n-     *     removal.\n+     * Method: redraw\n+     * Goes through and takes the current state of the Map and rebuilds the\n+     *     control to display that state. Groups base layers into a\n+     *     radio-button group and lists each data layer with a checkbox.\n      *\n-     * Valid options:\n-     * silent - {Boolean} Supress event triggering.  Default is false.\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n      */\n-    removeFeatures: function(features, options) {\n-        if (!features || features.length === 0) {\n-            return;\n-        }\n-        if (features === this.features) {\n-            return this.removeAllFeatures(options);\n+    redraw: function() {\n+        //if the state hasn't changed since last redraw, no need\n+        // to do anything. Just return the existing div.\n+        if (!this.checkRedraw()) {\n+            return this.div;\n         }\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n+\n+        //clear out previous layers\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n+\n+        // Save state -- for checking layer if the map state changed.\n+        // We save this before redrawing, because in the process of redrawing\n+        // we will trigger more visibility changes, and we want to not redraw\n+        // and enter an infinite loop.\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                'name': layer.name,\n+                'visibility': layer.visibility,\n+                'inRange': layer.inRange,\n+                'id': layer.id\n+            };\n         }\n-        if (features === this.selectedFeatures) {\n-            features = features.slice();\n+\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse();\n         }\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n \n-        var notify = !options || !options.silent;\n+            if (layer.displayInLayerSwitcher) {\n \n-        if (notify) {\n-            this.events.triggerEvent(\n-                \"beforefeaturesremoved\", {\n-                    features: features\n+                if (baseLayer) {\n+                    containsBaseLayers = true;\n+                } else {\n+                    containsOverlays = true;\n                 }\n-            );\n-        }\n \n-        for (var i = features.length - 1; i >= 0; i--) {\n-            // We remain locked so long as we're not at 0\n-            // and the 'next' feature has a geometry. We do the geometry check\n-            // because if all the features after the current one are 'null', we\n-            // won't call eraseGeometry, so we break the 'renderer functions\n-            // will always be called with locked=false *last*' rule. The end result\n-            // is a possible gratiutious unlocking to save a loop through the rest \n-            // of the list checking the remaining features every time. So long as\n-            // null geoms are rare, this is probably okay.    \n-            if (i != 0 && features[i - 1].geometry) {\n-                this.renderer.locked = true;\n-            } else {\n-                this.renderer.locked = false;\n-            }\n+                // only check a baselayer if it is *the* baselayer, check data\n+                //  layers if they are visible\n+                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n+                    layer.getVisibility();\n \n-            var feature = features[i];\n-            delete this.unrenderedFeatures[feature.id];\n+                // create input element\n+                var inputElem = document.createElement(\"input\"),\n+                    // The input shall have an id attribute so we can use\n+                    // labels to interact with them.\n+                    inputId = OpenLayers.Util.createUniqueID(\n+                        this.id + \"_input_\"\n+                    );\n \n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                });\n-            }\n+                inputElem.id = inputId;\n+                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n \n-            this.features = OpenLayers.Util.removeItem(this.features, feature);\n-            // feature has no layer at this point\n-            feature.layer = null;\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true;\n+                }\n \n-            if (feature.geometry) {\n-                this.renderer.eraseFeatures(feature);\n-            }\n+                // create span\n+                var labelSpan = document.createElement(\"label\");\n+                // this isn't the DOM attribute 'for', but an arbitrary name we\n+                // use to find the appropriate input element in <onButtonClick>\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\";\n+                }\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n+                    \"baseline\";\n+                // create line break\n+                var br = document.createElement(\"br\");\n \n-            //in the case that this feature is one of the selected features, \n-            // remove it from that array as well.\n-            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n-                OpenLayers.Util.removeItem(this.selectedFeatures, feature);\n-            }\n \n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n+                var groupArray = (baseLayer) ? this.baseLayers :\n+                    this.dataLayers;\n+                groupArray.push({\n+                    'layer': layer,\n+                    'inputElem': inputElem,\n+                    'labelSpan': labelSpan\n                 });\n-            }\n-        }\n \n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            });\n-        }\n-    },\n \n-    /** \n-     * APIMethod: removeAllFeatures\n-     * Remove all features from the layer.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional properties for changing behavior of the\n-     *     removal.\n-     *\n-     * Valid options:\n-     * silent - {Boolean} Supress event triggering.  Default is false.\n-     */\n-    removeAllFeatures: function(options) {\n-        var notify = !options || !options.silent;\n-        var features = this.features;\n-        if (notify) {\n-            this.events.triggerEvent(\n-                \"beforefeaturesremoved\", {\n-                    features: features\n-                }\n-            );\n-        }\n-        var feature;\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            feature = features[i];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                });\n-            }\n-            feature.layer = null;\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                });\n+                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n+                    this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br);\n             }\n         }\n-        this.renderer.clear();\n-        this.features = [];\n-        this.unrenderedFeatures = {};\n-        this.selectedFeatures = [];\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            });\n-        }\n-    },\n \n-    /**\n-     * APIMethod: destroyFeatures\n-     * Erase and destroy features on the layer.\n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} An optional array of\n-     *     features to destroy.  If not supplied, all features on the layer\n-     *     will be destroyed.\n-     * options - {Object}\n-     */\n-    destroyFeatures: function(features, options) {\n-        var all = (features == undefined); // evaluates to true if\n-        // features is null\n-        if (all) {\n-            features = this.features;\n-        }\n-        if (features) {\n-            this.removeFeatures(features, options);\n-            for (var i = features.length - 1; i >= 0; i--) {\n-                features[i].destroy();\n-            }\n-        }\n+        // if no overlays, dont display the overlay label\n+        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n+\n+        // if no baselayers, dont display the baselayer label\n+        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n+\n+        return this.div;\n     },\n \n     /**\n-     * APIMethod: drawFeature\n-     * Draw (or redraw) a feature on the layer.  If the optional style argument\n-     * is included, this style will be used.  If no style is included, the\n-     * feature's style will be used.  If the feature doesn't have a style,\n-     * the layer's style will be used.\n-     * \n-     * This function is not designed to be used when adding features to \n-     * the layer (use addFeatures instead). It is meant to be used when\n-     * the style of a feature has changed, or in some other way needs to \n-     * visually updated *after* it has already been added to a layer. You\n-     * must add the feature to the layer for most layer-related events to \n-     * happen.\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {String | Object} Named render intent or full symbolizer object.\n+     * Method: updateMap\n+     * Cycles through the loaded data and base layer input arrays and makes\n+     *     the necessary calls to the Map object such that that the map's\n+     *     visual state corresponds to what the user has selected in\n+     *     the control.\n      */\n-    drawFeature: function(feature, style) {\n-        // don't try to draw the feature with the renderer if the layer is not \n-        // drawn itself\n-        if (!this.drawn) {\n-            return;\n-        }\n-        if (typeof style != \"object\") {\n-            if (!style && feature.state === OpenLayers.State.DELETE) {\n-                style = \"delete\";\n-            }\n-            var renderIntent = style || feature.renderIntent;\n-            style = feature.style || this.style;\n-            if (!style) {\n-                style = this.styleMap.createSymbolizer(feature, renderIntent);\n+    updateMap: function() {\n+\n+        // set the newly selected base layer\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false);\n             }\n         }\n \n-        var drawn = this.renderer.drawFeature(feature, style);\n-        //TODO remove the check for null when we get rid of Renderer.SVG\n-        if (drawn === false || drawn === null) {\n-            this.unrenderedFeatures[feature.id] = feature;\n-        } else {\n-            delete this.unrenderedFeatures[feature.id];\n+        // set the correct visibilities for the overlays\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n         }\n-    },\n \n-    /**\n-     * Method: eraseFeatures\n-     * Erase features from the layer.\n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n-     */\n-    eraseFeatures: function(features) {\n-        this.renderer.eraseFeatures(features);\n     },\n \n     /**\n-     * Method: getFeatureFromEvent\n-     * Given an event, return a feature if the event occurred over one.\n-     * Otherwise, return null.\n+     * Method: maximizeControl\n+     * Set up the labels and divs for the control\n      *\n      * Parameters:\n-     * evt - {Event} \n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature if one was under the event.\n+     * e - {Event}\n      */\n-    getFeatureFromEvent: function(evt) {\n-        if (!this.renderer) {\n-            throw new Error('getFeatureFromEvent called on layer with no ' +\n-                'renderer. This usually means you destroyed a ' +\n-                'layer, but not some handler which is associated ' +\n-                'with it.');\n-        }\n-        var feature = null;\n-        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n-        if (featureId) {\n-            if (typeof featureId === \"string\") {\n-                feature = this.getFeatureById(featureId);\n-            } else {\n-                feature = featureId;\n-            }\n+    maximizeControl: function(e) {\n+\n+        // set the div's width and height to empty values, so\n+        // the div dimensions can be controlled by CSS\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n+\n+        this.showControls(false);\n+\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-        return feature;\n     },\n \n     /**\n-     * APIMethod: getFeatureBy\n-     * Given a property value, return the feature if it exists in the features array\n+     * Method: minimizeControl\n+     * Hide all the contents of the control, shrink the size,\n+     *     add the maximize icon\n      *\n      * Parameters:\n-     * property - {String}\n-     * value - {String}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * property value or null if there is no such feature.\n+     * e - {Event}\n      */\n-    getFeatureBy: function(property, value) {\n-        //TBD - would it be more efficient to use a hash for this.features?\n-        var feature = null;\n-        for (var i = 0, len = this.features.length; i < len; ++i) {\n-            if (this.features[i][property] == value) {\n-                feature = this.features[i];\n-                break;\n-            }\n+    minimizeControl: function(e) {\n+\n+        // to minimize the control we set its div's width\n+        // and height to 0px, we cannot just set \"display\"\n+        // to \"none\" because it would hide the maximize\n+        // div\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n+\n+        this.showControls(true);\n+\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-        return feature;\n     },\n \n     /**\n-     * APIMethod: getFeatureById\n-     * Given a feature id, return the feature if it exists in the features array\n+     * Method: showControls\n+     * Hide/Show all LayerSwitcher controls depending on whether we are\n+     *     minimized or not\n      *\n      * Parameters:\n-     * featureId - {String}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * featureId or null if there is no such feature.\n+     * minimize - {Boolean}\n      */\n-    getFeatureById: function(featureId) {\n-        return this.getFeatureBy('id', featureId);\n-    },\n+    showControls: function(minimize) {\n \n-    /**\n-     * APIMethod: getFeatureByFid\n-     * Given a feature fid, return the feature if it exists in the features array\n-     *\n-     * Parameters:\n-     * featureFid - {String}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * featureFid or null if there is no such feature.\n-     */\n-    getFeatureByFid: function(featureFid) {\n-        return this.getFeatureBy('fid', featureFid);\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n+\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n     },\n \n     /**\n-     * APIMethod: getFeaturesByAttribute\n-     * Returns an array of features that have the given attribute key set to the\n-     * given value. Comparison of attribute values takes care of datatypes, e.g.\n-     * the string '1234' is not equal to the number 1234.\n-     *\n-     * Parameters:\n-     * attrName - {String}\n-     * attrValue - {Mixed}\n-     *\n-     * Returns:\n-     * Array({<OpenLayers.Feature.Vector>}) An array of features that have the \n-     * passed named attribute set to the given value.\n+     * Method: loadContents\n+     * Set up the labels and divs for the control\n      */\n-    getFeaturesByAttribute: function(attrName, attrValue) {\n-        var i,\n-            feature,\n-            len = this.features.length,\n-            foundFeatures = [];\n-        for (i = 0; i < len; i++) {\n-            feature = this.features[i];\n-            if (feature && feature.attributes) {\n-                if (feature.attributes[attrName] === attrValue) {\n-                    foundFeatures.push(feature);\n-                }\n-            }\n-        }\n-        return foundFeatures;\n-    },\n+    loadContents: function() {\n \n-    /**\n-     * Unselect the selected features\n-     * i.e. clears the featureSelection array\n-     * change the style back\n-    clearSelection: function() {\n+        // layers list div\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n \n-       var vectorLayer = this.map.vectorLayer;\n-        for (var i = 0; i < this.map.featureSelection.length; i++) {\n-            var featureSelection = this.map.featureSelection[i];\n-            vectorLayer.drawFeature(featureSelection, vectorLayer.style);\n-        }\n-        this.map.featureSelection = [];\n-    },\n-     */\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n \n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n \n-    /**\n-     * APIMethod: onFeatureInsert\n-     * method called after a feature is inserted.\n-     * Does nothing by default. Override this if you\n-     * need to do something on feature updates.\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    onFeatureInsert: function(feature) {},\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n \n-    /**\n-     * APIMethod: preFeatureInsert\n-     * method called before a feature is inserted.\n-     * Does nothing by default. Override this if you\n-     * need to do something when features are first added to the\n-     * layer, but before they are drawn, such as adjust the style.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    preFeatureInsert: function(feature) {},\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n \n-    /** \n-     * APIMethod: getDataExtent\n-     * Calculates the max extent which includes all of the features.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} or null if the layer has no features with\n-     * geometries.\n-     */\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        var features = this.features;\n-        if (features && (features.length > 0)) {\n-            var geometry = null;\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                geometry = features[i].geometry;\n-                if (geometry) {\n-                    if (maxExtent === null) {\n-                        maxExtent = new OpenLayers.Bounds();\n-                    }\n-                    maxExtent.extend(geometry.getBounds());\n-                }\n-            }\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+        } else {\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n         }\n-        return maxExtent;\n+\n+        this.div.appendChild(this.layersDiv);\n+\n+        // maximize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MaximizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n+\n+        this.div.appendChild(this.maximizeDiv);\n+\n+        // minimize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MinimizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+\n+        this.div.appendChild(this.minimizeDiv);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/PointTrack.js\n+    OpenLayers/Control/PanZoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.PointTrack\n- * Vector layer to display ordered point features as a line, creating one\n- * LineString feature for each pair of two points.\n+ * Class: OpenLayers.Control.PanZoom\n+ * The PanZoom is a visible control, composed of a\n+ * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomPanel>. By\n+ * default it is drawn in the upper left corner of the map.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Vector> \n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons.  If you want to pan by some ratio\n+     *     of the map dimensions, use <slideRatio> instead.\n+     */\n+    slideFactor: 50,\n+\n+    /** \n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then the Pan Up\n+     *     button will pan up half the map height. \n+     */\n+    slideRatio: null,\n+\n+    /** \n+     * Property: buttons\n+     * {Array(DOMElement)} Array of Button Divs \n+     */\n+    buttons: null,\n+\n+    /** \n+     * Property: position\n+     * {<OpenLayers.Pixel>} \n+     */\n+    position: null,\n \n     /**\n-     * APIProperty: dataFrom\n-     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n-     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n-     *     should get the data/attributes from one of the two points it is\n-     *     composed of, which one should it be?\n+     * Constructor: OpenLayers.Control.PanZoom\n+     * \n+     * Parameters:\n+     * options - {Object}\n      */\n-    dataFrom: null,\n+    initialize: function(options) {\n+        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X,\n+            OpenLayers.Control.PanZoom.Y);\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    },\n \n     /**\n-     * APIProperty: styleFrom\n-     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n-     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n-     *     should get the style from one of the two points it is composed of,\n-     *     which one should it be?\n+     * APIMethod: destroy\n      */\n-    styleFrom: null,\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        this.removeButtons();\n+        this.buttons = null;\n+        this.position = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /** \n+     * Method: setMap\n+     *\n+     * Properties:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.PointTrack\n-     * Constructor for a new OpenLayers.PointTrack instance.\n+     * Method: draw\n      *\n      * Parameters:\n-     * name     - {String} name of the layer\n-     * options  - {Object} Optional object with properties to tag onto the\n-     *            instance.\n+     * px - {<OpenLayers.Pixel>} \n+     * \n+     * Returns:\n+     * {DOMElement} A reference to the container div for the PanZoom control.\n      */\n+    draw: function(px) {\n+        // initialize our internal div\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position;\n+\n+        // place the controls\n+        this.buttons = [];\n+\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+\n+        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+        px.y = centered.y + sz.h;\n+        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n+        this._addButton(\"pandown\", \"south-mini.png\",\n+            centered.add(0, sz.h * 2), sz);\n+        this._addButton(\"zoomin\", \"zoom-plus-mini.png\",\n+            centered.add(0, sz.h * 3 + 5), sz);\n+        this._addButton(\"zoomworld\", \"zoom-world-mini.png\",\n+            centered.add(0, sz.h * 4 + 5), sz);\n+        this._addButton(\"zoomout\", \"zoom-minus-mini.png\",\n+            centered.add(0, sz.h * 5 + 5), sz);\n+        return this.div;\n+    },\n \n     /**\n-     * APIMethod: addNodes\n-     * Adds point features that will be used to create lines from, using point\n-     * pairs. The first point of a pair will be the source node, the second\n-     * will be the target node.\n+     * Method: _addButton\n      * \n      * Parameters:\n-     * pointFeatures - {Array(<OpenLayers.Feature>)}\n-     * options - {Object}\n+     * id - {String} \n+     * img - {String} \n+     * xy - {<OpenLayers.Pixel>} \n+     * sz - {<OpenLayers.Size>} \n      * \n-     * Supported options:\n-     * silent - {Boolean} true to suppress (before)feature(s)added events\n+     * Returns:\n+     * {DOMElement} A Div (an alphaImageDiv, to be precise) that contains the\n+     *     image of the button, and has all the proper event handlers set.\n      */\n-    addNodes: function(pointFeatures, options) {\n-        if (pointFeatures.length < 2) {\n-            throw new Error(\"At least two point features have to be added to \" +\n-                \"create a line from\");\n-        }\n-\n-        var lines = new Array(pointFeatures.length - 1);\n-\n-        var pointFeature, startPoint, endPoint;\n-        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n-            pointFeature = pointFeatures[i];\n-            endPoint = pointFeature.geometry;\n+    _addButton: function(id, img, xy, sz) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(img);\n+        var btn = OpenLayers.Util.createAlphaImageDiv(\n+            this.id + \"_\" + id,\n+            xy, sz, imgLocation, \"absolute\");\n+        btn.style.cursor = \"pointer\";\n+        //we want to add the outer div\n+        this.div.appendChild(btn);\n+        btn.action = id;\n+        btn.className = \"olButton\";\n \n-            if (!endPoint) {\n-                var lonlat = pointFeature.lonlat;\n-                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n-            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-                throw new TypeError(\"Only features with point geometries are supported.\");\n-            }\n+        //we want to remember/reference the outer div\n+        this.buttons.push(btn);\n+        return btn;\n+    },\n \n-            if (i > 0) {\n-                var attributes = (this.dataFrom != null) ?\n-                    (pointFeatures[i + this.dataFrom].data ||\n-                        pointFeatures[i + this.dataFrom].attributes) :\n-                    null;\n-                var style = (this.styleFrom != null) ?\n-                    (pointFeatures[i + this.styleFrom].style) :\n-                    null;\n-                var line = new OpenLayers.Geometry.LineString([startPoint,\n-                    endPoint\n-                ]);\n+    /**\n+     * Method: _removeButton\n+     * \n+     * Parameters:\n+     * btn - {Object}\n+     */\n+    _removeButton: function(btn) {\n+        this.div.removeChild(btn);\n+        OpenLayers.Util.removeItem(this.buttons, btn);\n+    },\n \n-                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes,\n-                    style);\n-            }\n+    /**\n+     * Method: removeButtons\n+     */\n+    removeButtons: function() {\n+        for (var i = this.buttons.length - 1; i >= 0; --i) {\n+            this._removeButton(this.buttons[i]);\n+        }\n+    },\n \n-            startPoint = endPoint;\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        var btn = evt.buttonElement;\n+        switch (btn.action) {\n+            case \"panup\":\n+                this.map.pan(0, -this.getSlideFactor(\"h\"));\n+                break;\n+            case \"pandown\":\n+                this.map.pan(0, this.getSlideFactor(\"h\"));\n+                break;\n+            case \"panleft\":\n+                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"panright\":\n+                this.map.pan(this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"zoomin\":\n+                this.map.zoomIn();\n+                break;\n+            case \"zoomout\":\n+                this.map.zoomOut();\n+                break;\n+            case \"zoomworld\":\n+                this.map.zoomToMaxExtent();\n+                break;\n         }\n+    },\n \n-        this.addFeatures(lines, options);\n+    /**\n+     * Method: getSlideFactor\n+     *\n+     * Parameters:\n+     * dim - {String} \"w\" or \"h\" (for width or height).\n+     *\n+     * Returns:\n+     * {Number} The slide factor for panning in the requested direction.\n+     */\n+    getSlideFactor: function(dim) {\n+        return this.slideRatio ?\n+            this.map.getSize()[dim] * this.slideRatio :\n+            this.slideFactor;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n+    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n });\n \n /**\n- * Constant: OpenLayers.Layer.PointTrack.SOURCE_NODE\n- * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n- * <OpenLayers.Layer.PointTrack.styleFrom>\n- */\n-OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n-\n-/**\n- * Constant: OpenLayers.Layer.PointTrack.TARGET_NODE\n- * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n- * <OpenLayers.Layer.PointTrack.styleFrom>\n+ * Constant: X\n+ * {Integer}\n  */\n-OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n+OpenLayers.Control.PanZoom.X = 4;\n \n /**\n- * Constant: OpenLayers.Layer.PointTrack.dataFrom\n- * {Object} with the following keys - *deprecated*\n- * - SOURCE_NODE: take data/attributes from the source node of the line\n- * - TARGET_NODE: take data/attributes from the target node of the line\n+ * Constant: Y\n+ * {Integer}\n  */\n-OpenLayers.Layer.PointTrack.dataFrom = {\n-    'SOURCE_NODE': -1,\n-    'TARGET_NODE': 0\n-};\n+OpenLayers.Control.PanZoom.Y = 4;\n /* ======================================================================\n-    OpenLayers/Layer/EventPane.js\n+    OpenLayers/Control/OverviewMap.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Util.js\n+/** \n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/BaseTypes.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Map.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.EventPane\n- * Base class for 3rd party layers, providing a DOM element which isolates\n- * the 3rd-party layer from mouse events.\n- * Only used by Google layers.\n- *\n- * Automatically instantiated by the Google constructor, and not usually instantiated directly.\n+ * Class: OpenLayers.Control.OverviewMap\n+ * The OverMap control creates a small overview map, useful to display the \n+ * extent of a zoomed map and your main map and provide additional \n+ * navigation options to the User.  By default the overview map is drawn in\n+ * the lower right corner of the main map. Create a new overview map with the\n+ * <OpenLayers.Control.OverviewMap> constructor.\n  *\n- * Create a new event pane layer with the\n- * <OpenLayers.Layer.EventPane> constructor.\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n+OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: smoothDragPan\n-     * {Boolean} smoothDragPan determines whether non-public/internal API\n-     *     methods are used for better performance while dragging EventPane \n-     *     layers. When not in sphericalMercator mode, the smoother dragging \n-     *     doesn't actually move north/south directly with the number of \n-     *     pixels moved, resulting in a slight offset when you drag your mouse \n-     *     north south with this option on. If this visual disparity bothers \n-     *     you, you should turn this option off, or use spherical mercator. \n-     *     Default is on.\n+     * Property: element\n+     * {DOMElement} The DOM element that contains the overview map\n      */\n-    smoothDragPan: true,\n+    element: null,\n \n     /**\n-     * Property: isBaseLayer\n-     * {Boolean} EventPaned layers are always base layers, by necessity.\n+     * APIProperty: ovmap\n+     * {<OpenLayers.Map>} A reference to the overview map itself.\n      */\n-    isBaseLayer: true,\n+    ovmap: null,\n \n     /**\n-     * APIProperty: isFixed\n-     * {Boolean} EventPaned layers are fixed by default.\n+     * APIProperty: size\n+     * {<OpenLayers.Size>} The overvew map size in pixels.  Note that this is\n+     * the size of the map itself - the element that contains the map (default\n+     * class name olControlOverviewMapElement) may have padding or other style\n+     * attributes added via CSS.\n      */\n-    isFixed: true,\n+    size: {\n+        w: 180,\n+        h: 90\n+    },\n \n     /**\n-     * Property: pane\n-     * {DOMElement} A reference to the element that controls the events.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer>)} Ordered list of layers in the overview map.\n+     * If none are sent at construction, the base layer for the main map is used.\n      */\n-    pane: null,\n+    layers: null,\n \n+    /**\n+     * APIProperty: minRectSize\n+     * {Integer} The minimum width or height (in pixels) of the extent\n+     *     rectangle on the overview map.  When the extent rectangle reaches\n+     *     this size, it will be replaced depending on the value of the\n+     *     <minRectDisplayClass> property.  Default is 15 pixels.\n+     */\n+    minRectSize: 15,\n \n     /**\n-     * Property: mapObject\n-     * {Object} This is the object which will be used to load the 3rd party library\n-     * in the case of the google layer, this will be of type GMap, \n-     * in the case of the ve layer, this will be of type VEMap\n+     * APIProperty: minRectDisplayClass\n+     * {String} Replacement style class name for the extent rectangle when\n+     *     <minRectSize> is reached.  This string will be suffixed on to the\n+     *     displayClass.  Default is \"RectReplacement\".\n+     *\n+     * Example CSS declaration:\n+     * (code)\n+     * .olControlOverviewMapRectReplacement {\n+     *     overflow: hidden;\n+     *     cursor: move;\n+     *     background-image: url(\"img/overview_replacement.gif\");\n+     *     background-repeat: no-repeat;\n+     *     background-position: center;\n+     * }\n+     * (end)\n      */\n-    mapObject: null,\n+    minRectDisplayClass: \"RectReplacement\",\n \n+    /**\n+     * APIProperty: minRatio\n+     * {Float} The ratio of the overview map resolution to the main map\n+     *     resolution at which to zoom farther out on the overview map.\n+     */\n+    minRatio: 8,\n \n     /**\n-     * Constructor: OpenLayers.Layer.EventPane\n-     * Create a new event pane layer\n-     *\n-     * Parameters:\n-     * name - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * APIProperty: maxRatio\n+     * {Float} The ratio of the overview map resolution to the main map\n+     *     resolution at which to zoom farther in on the overview map.\n      */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (this.pane == null) {\n-            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\");\n-        }\n-    },\n+    maxRatio: 32,\n \n     /**\n-     * APIMethod: destroy\n-     * Deconstruct this layer.\n+     * APIProperty: mapOptions\n+     * {Object} An object containing any non-default properties to be sent to\n+     *     the overview map's map constructor.  These should include any\n+     *     non-default options that the main map was constructed with.\n      */\n-    destroy: function() {\n-        this.mapObject = null;\n-        this.pane = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n-    },\n+    mapOptions: null,\n \n+    /**\n+     * APIProperty: autoPan\n+     * {Boolean} Always pan the overview map, so the extent marker remains in\n+     *     the center.  Default is false.  If true, when you drag the extent\n+     *     marker, the overview map will update itself so the marker returns\n+     *     to the center.\n+     */\n+    autoPan: false,\n \n     /**\n-     * Method: setMap\n-     * Set the map property for the layer. This is done through an accessor\n-     * so that subclasses can override this and take special action once \n-     * they have their map variable set. \n+     * Property: handlers\n+     * {Object}\n+     */\n+    handlers: null,\n+\n+    /**\n+     * Property: resolutionFactor\n+     * {Object}\n+     */\n+    resolutionFactor: 1,\n+\n+    /**\n+     * APIProperty: maximized\n+     * {Boolean} Start as maximized (visible). Defaults to false.\n+     */\n+    maximized: false,\n+\n+    /**\n+     * APIProperty: maximizeTitle\n+     * {String}  This property is used for showing a tooltip over the  \n+     * maximize div. Defaults to \"\" (no title).\n+     */\n+    maximizeTitle: \"\",\n+\n+    /**\n+     * APIProperty: minimizeTitle\n+     * {String}  This property is used for showing a tooltip over the  \n+     * minimize div. Defaults to \"\" (no title).\n+     */\n+    minimizeTitle: \"\",\n+\n+    /**\n+     * Constructor: OpenLayers.Control.OverviewMap\n+     * Create a new overview map\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * options - {Object} Properties of this object will be set on the overview\n+     * map object.  Note, to set options on the map object contained in this\n+     * control, set <mapOptions> as one of the options properties.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+    initialize: function(options) {\n+        this.layers = [];\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+    },\n \n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n-        this.pane.style.display = this.div.style.display;\n-        this.pane.style.width = \"100%\";\n-        this.pane.style.height = \"100%\";\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.pane.style.background =\n-                \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\";\n+    /**\n+     * APIMethod: destroy\n+     * Deconstruct the control\n+     */\n+    destroy: function() {\n+        if (!this.mapDiv) { // we've already been destroyed\n+            return;\n+        }\n+        if (this.handlers.click) {\n+            this.handlers.click.destroy();\n+        }\n+        if (this.handlers.drag) {\n+            this.handlers.drag.destroy();\n         }\n \n-        if (this.isFixed) {\n-            this.map.viewPortDiv.appendChild(this.pane);\n-        } else {\n-            this.map.layerContainerDiv.appendChild(this.pane);\n+        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n+        this.extentRectangle = null;\n+\n+        if (this.rectEvents) {\n+            this.rectEvents.destroy();\n+            this.rectEvents = null;\n         }\n \n-        // once our layer has been added to the map, we can load it\n-        this.loadMapObject();\n+        if (this.ovmap) {\n+            this.ovmap.destroy();\n+            this.ovmap = null;\n+        }\n \n-        // if map didn't load, display warning\n-        if (this.mapObject == null) {\n-            this.loadWarningMessage();\n+        this.element.removeChild(this.mapDiv);\n+        this.mapDiv = null;\n+\n+        this.div.removeChild(this.element);\n+        this.element = null;\n+\n+        if (this.maximizeDiv) {\n+            this.div.removeChild(this.maximizeDiv);\n+            this.maximizeDiv = null;\n         }\n-    },\n \n-    /**\n-     * APIMethod: removeMap\n-     * On being removed from the map, we'll like to remove the invisible 'pane'\n-     *     div that we added to it on creation. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        if (this.pane && this.pane.parentNode) {\n-            this.pane.parentNode.removeChild(this.pane);\n+        if (this.minimizeDiv) {\n+            this.div.removeChild(this.minimizeDiv);\n+            this.minimizeDiv = null;\n         }\n-        OpenLayers.Layer.prototype.removeMap.apply(this, arguments);\n+\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            changebaselayer: this.baseLayerDraw,\n+            scope: this\n+        });\n+\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: loadWarningMessage\n-     * If we can't load the map lib, then display an error message to the \n-     *     user and tell them where to go for help.\n-     * \n-     *     This function sets up the layout for the warning message. Each 3rd\n-     *     party layer must implement its own getWarningHTML() function to \n-     *     provide the actual warning message.\n+     * Method: draw\n+     * Render the control in the browser.\n      */\n-    loadWarningMessage: function() {\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.layers.length === 0) {\n+            if (this.map.baseLayer) {\n+                var layer = this.map.baseLayer.clone();\n+                this.layers = [layer];\n+            } else {\n+                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n+                return this.div;\n+            }\n+        }\n \n-        this.div.style.backgroundColor = \"darkblue\";\n+        // create overview map DOM elements\n+        this.element = document.createElement('div');\n+        this.element.className = this.displayClass + 'Element';\n+        this.element.style.display = 'none';\n \n-        var viewSize = this.map.getSize();\n+        this.mapDiv = document.createElement('div');\n+        this.mapDiv.style.width = this.size.w + 'px';\n+        this.mapDiv.style.height = this.size.h + 'px';\n+        this.mapDiv.style.position = 'relative';\n+        this.mapDiv.style.overflow = 'hidden';\n+        this.mapDiv.id = OpenLayers.Util.createUniqueID('overviewMap');\n \n-        var msgW = Math.min(viewSize.w, 300);\n-        var msgH = Math.min(viewSize.h, 200);\n-        var size = new OpenLayers.Size(msgW, msgH);\n+        this.extentRectangle = document.createElement('div');\n+        this.extentRectangle.style.position = 'absolute';\n+        this.extentRectangle.style.zIndex = 1000; //HACK\n+        this.extentRectangle.className = this.displayClass + 'ExtentRectangle';\n \n-        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n+        this.element.appendChild(this.mapDiv);\n \n-        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n+        this.div.appendChild(this.element);\n \n-        var div = OpenLayers.Util.createDiv(this.name + \"_warning\",\n-            topLeft,\n-            size,\n-            null,\n-            null,\n-            null,\n-            \"auto\");\n+        // Optionally add min/max buttons if the control will go in the\n+        // map viewport.\n+        if (!this.outsideViewport) {\n+            this.div.className += \" \" + this.displayClass + 'Container';\n+            // maximize button div\n+            var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n+            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+                this.displayClass + 'MaximizeButton',\n+                null,\n+                null,\n+                img,\n+                'absolute');\n+            this.maximizeDiv.style.display = 'none';\n+            this.maximizeDiv.className = this.displayClass + 'MaximizeButton olButton';\n+            if (this.maximizeTitle) {\n+                this.maximizeDiv.title = this.maximizeTitle;\n+            }\n+            this.div.appendChild(this.maximizeDiv);\n \n-        div.style.padding = \"7px\";\n-        div.style.backgroundColor = \"yellow\";\n+            // minimize button div\n+            var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n+            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+                'OpenLayers_Control_minimizeDiv',\n+                null,\n+                null,\n+                img,\n+                'absolute');\n+            this.minimizeDiv.style.display = 'none';\n+            this.minimizeDiv.className = this.displayClass + 'MinimizeButton olButton';\n+            if (this.minimizeTitle) {\n+                this.minimizeDiv.title = this.minimizeTitle;\n+            }\n+            this.div.appendChild(this.minimizeDiv);\n+            this.minimizeControl();\n+        } else {\n+            // show the overview map\n+            this.element.style.display = '';\n+        }\n+        if (this.map.getExtent()) {\n+            this.update();\n+        }\n \n-        div.innerHTML = this.getWarningHTML();\n-        this.div.appendChild(div);\n+        this.map.events.on({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            scope: this\n+        });\n+\n+        if (this.maximized) {\n+            this.maximizeControl();\n+        }\n+        return this.div;\n     },\n \n-    /** \n-     * Method: getWarningHTML\n-     * To be implemented by subclasses.\n-     * \n-     * Returns:\n-     * {String} String with information on why layer is broken, how to get\n-     *          it working.\n+    /**\n+     * Method: baseLayerDraw\n+     * Draw the base layer - called if unable to complete in the initial draw\n      */\n-    getWarningHTML: function() {\n-        //should be implemented by subclasses\n-        return \"\";\n+    baseLayerDraw: function() {\n+        this.draw();\n+        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw);\n     },\n \n     /**\n-     * Method: display\n-     * Set the display on the pane\n+     * Method: rectDrag\n+     * Handle extent rectangle drag\n      *\n      * Parameters:\n-     * display - {Boolean}\n+     * px - {<OpenLayers.Pixel>} The pixel location of the drag.\n      */\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        this.pane.style.display = this.div.style.display;\n+    rectDrag: function(px) {\n+        var deltaX = this.handlers.drag.last.x - px.x;\n+        var deltaY = this.handlers.drag.last.y - px.y;\n+        if (deltaX != 0 || deltaY != 0) {\n+            var rectTop = this.rectPxBounds.top;\n+            var rectLeft = this.rectPxBounds.left;\n+            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n+            var rectWidth = this.rectPxBounds.getWidth();\n+            // don't allow dragging off of parent element\n+            var newTop = Math.max(0, (rectTop - deltaY));\n+            newTop = Math.min(newTop,\n+                this.ovmap.size.h - this.hComp - rectHeight);\n+            var newLeft = Math.max(0, (rectLeft - deltaX));\n+            newLeft = Math.min(newLeft,\n+                this.ovmap.size.w - this.wComp - rectWidth);\n+            this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n+                newTop + rectHeight,\n+                newLeft + rectWidth,\n+                newTop));\n+        }\n     },\n \n     /**\n-     * Method: setZIndex\n-     * Set the z-index order for the pane.\n-     * \n+     * Method: mapDivClick\n+     * Handle browser events\n+     *\n      * Parameters:\n-     * zIndex - {int}\n+     * evt - {<OpenLayers.Event>} evt\n      */\n-    setZIndex: function(zIndex) {\n-        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+    mapDivClick: function(evt) {\n+        var pxCenter = this.rectPxBounds.getCenterPixel();\n+        var deltaX = evt.xy.x - pxCenter.x;\n+        var deltaY = evt.xy.y - pxCenter.y;\n+        var top = this.rectPxBounds.top;\n+        var left = this.rectPxBounds.left;\n+        var height = Math.abs(this.rectPxBounds.getHeight());\n+        var width = this.rectPxBounds.getWidth();\n+        var newTop = Math.max(0, (top + deltaY));\n+        newTop = Math.min(newTop, this.ovmap.size.h - height);\n+        var newLeft = Math.max(0, (left + deltaX));\n+        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n+        this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n+            newTop + height,\n+            newLeft + width,\n+            newTop));\n+        this.updateMapToRect();\n     },\n \n     /**\n-     * Method: moveByPx\n-     * Move the layer based on pixel vector. To be implemented by subclasses.\n+     * Method: onButtonClick\n      *\n      * Parameters:\n-     * dx - {Number} The x coord of the displacement vector.\n-     * dy - {Number} The y coord of the displacement vector.\n+     * evt - {Event}\n      */\n-    moveByPx: function(dx, dy) {\n-        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n+    onButtonClick: function(evt) {\n+        if (evt.buttonElement === this.minimizeDiv) {\n+            this.minimizeControl();\n+        } else if (evt.buttonElement === this.maximizeDiv) {\n+            this.maximizeControl();\n+        }\n+    },\n \n-        if (this.dragPanMapObject) {\n-            this.dragPanMapObject(dx, -dy);\n-        } else {\n-            this.moveTo(this.map.getCachedCenter());\n+    /**\n+     * Method: maximizeControl\n+     * Unhide the control.  Called when the control is in the map viewport.\n+     *\n+     * Parameters:\n+     * e - {<OpenLayers.Event>}\n+     */\n+    maximizeControl: function(e) {\n+        this.element.style.display = '';\n+        this.showToggle(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n     },\n \n     /**\n-     * Method: moveTo\n-     * Handle calls to move the layer.\n+     * Method: minimizeControl\n+     * Hide all the contents of the control, shrink the size, \n+     * add the maximize icon\n      * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean}\n-     * dragging - {Boolean}\n+     * e - {<OpenLayers.Event>}\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+    minimizeControl: function(e) {\n+        this.element.style.display = 'none';\n+        this.showToggle(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n+        }\n+    },\n \n-        if (this.mapObject != null) {\n+    /**\n+     * Method: showToggle\n+     * Hide/Show the toggle depending on whether the control is minimized\n+     *\n+     * Parameters:\n+     * minimize - {Boolean} \n+     */\n+    showToggle: function(minimize) {\n+        if (this.maximizeDiv) {\n+            this.maximizeDiv.style.display = minimize ? '' : 'none';\n+        }\n+        if (this.minimizeDiv) {\n+            this.minimizeDiv.style.display = minimize ? 'none' : '';\n+        }\n+    },\n \n-            var newCenter = this.map.getCenter();\n-            var newZoom = this.map.getZoom();\n+    /**\n+     * Method: update\n+     * Update the overview map after layers move.\n+     */\n+    update: function() {\n+        if (this.ovmap == null) {\n+            this.createMap();\n+        }\n \n-            if (newCenter != null) {\n+        if (this.autoPan || !this.isSuitableOverview()) {\n+            this.updateOverview();\n+        }\n \n-                var moOldCenter = this.getMapObjectCenter();\n-                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n+        // update extent rectangle\n+        this.updateRectToMap();\n+    },\n \n-                var moOldZoom = this.getMapObjectZoom();\n-                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n+    /**\n+     * Method: isSuitableOverview\n+     * Determines if the overview map is suitable given the extent and\n+     * resolution of the main map.\n+     */\n+    isSuitableOverview: function() {\n+        var mapExtent = this.map.getExtent();\n+        var maxExtent = this.map.getMaxExtent();\n+        var testExtent = new OpenLayers.Bounds(\n+            Math.max(mapExtent.left, maxExtent.left),\n+            Math.max(mapExtent.bottom, maxExtent.bottom),\n+            Math.min(mapExtent.right, maxExtent.right),\n+            Math.min(mapExtent.top, maxExtent.top));\n \n-                if (!(newCenter.equals(oldCenter)) || newZoom != oldZoom) {\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            testExtent = testExtent.transform(\n+                this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        }\n \n-                    if (!zoomChanged && oldCenter && this.dragPanMapObject &&\n-                        this.smoothDragPan) {\n-                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n-                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n-                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y);\n-                    } else {\n-                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n-                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n-                        this.setMapObjectCenter(center, zoom, dragging);\n-                    }\n-                }\n-            }\n+        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n+        return ((resRatio > this.minRatio) &&\n+            (resRatio <= this.maxRatio) &&\n+            (this.ovmap.getExtent().containsBounds(testExtent)));\n+    },\n+\n+    /**\n+     * Method updateOverview\n+     * Called by <update> if <isSuitableOverview> returns true\n+     */\n+    updateOverview: function() {\n+        var mapRes = this.map.getResolution();\n+        var targetRes = this.ovmap.getResolution();\n+        var resRatio = targetRes / mapRes;\n+        if (resRatio > this.maxRatio) {\n+            // zoom in overview map\n+            targetRes = this.minRatio * mapRes;\n+        } else if (resRatio <= this.minRatio) {\n+            // zoom out overview map\n+            targetRes = this.maxRatio * mapRes;\n+        }\n+        var center;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            center = this.map.center.clone();\n+            center.transform(this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        } else {\n+            center = this.map.center;\n         }\n+        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(\n+            targetRes * this.resolutionFactor));\n+        this.updateRectToMap();\n     },\n \n+    /**\n+     * Method: createMap\n+     * Construct the map that this control contains\n+     */\n+    createMap: function() {\n+        // create the overview map\n+        var options = OpenLayers.Util.extend({\n+            controls: [],\n+            maxResolution: 'auto',\n+            fallThrough: false\n+        }, this.mapOptions);\n+        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n+        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n \n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /********************************************************/\n+        // prevent ovmap from being destroyed when the page unloads, because\n+        // the OverviewMap control has to do this (and does it).\n+        OpenLayers.Event.stopObserving(window, 'unload', this.ovmap.unloadDestroy);\n+\n+        this.ovmap.addLayers(this.layers);\n+        this.ovmap.zoomToMaxExtent();\n+        // check extent rectangle border width\n+        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-left-width')) +\n+            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-right-width'));\n+        this.wComp = (this.wComp) ? this.wComp : 2;\n+        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-top-width')) +\n+            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-bottom-width'));\n+        this.hComp = (this.hComp) ? this.hComp : 2;\n+\n+        this.handlers.drag = new OpenLayers.Handler.Drag(\n+            this, {\n+                move: this.rectDrag,\n+                done: this.updateMapToRect\n+            }, {\n+                map: this.ovmap\n+            }\n+        );\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, {\n+                \"click\": this.mapDivClick\n+            }, {\n+                \"single\": true,\n+                \"double\": false,\n+                \"stopSingle\": true,\n+                \"stopDouble\": true,\n+                \"pixelTolerance\": 1,\n+                map: this.ovmap\n+            }\n+        );\n+        this.handlers.click.activate();\n+\n+        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle,\n+            null, true);\n+        this.rectEvents.register(\"mouseover\", this, function(e) {\n+            if (!this.handlers.drag.active && !this.map.dragging) {\n+                this.handlers.drag.activate();\n+            }\n+        });\n+        this.rectEvents.register(\"mouseout\", this, function(e) {\n+            if (!this.handlers.drag.dragging) {\n+                this.handlers.drag.deactivate();\n+            }\n+        });\n+\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            var sourceUnits = this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units;\n+            var targetUnits = this.ovmap.getProjectionObject().getUnits() ||\n+                this.ovmap.units || this.ovmap.baseLayer.units;\n+            this.resolutionFactor = sourceUnits && targetUnits ?\n+                OpenLayers.INCHES_PER_UNIT[sourceUnits] /\n+                OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+        }\n+    },\n \n     /**\n-     * Method: getLonLatFromViewPortPx\n-     * Get a map location from a pixel location\n-     * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>}\n-     *\n-     * Returns:\n-     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n-     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n-     *  If the map lib is not loaded or not centered, returns null\n+     * Method: updateRectToMap\n+     * Updates the extent rectangle position and size to match the map extent\n      */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        if ((this.mapObject != null) &&\n-            (this.getMapObjectCenter() != null)) {\n-            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n-            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n-            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat);\n+    updateRectToMap: function() {\n+        // If the projections differ we need to reproject\n+        var bounds;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            bounds = this.map.getExtent().transform(\n+                this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        } else {\n+            bounds = this.map.getExtent();\n+        }\n+        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n+        if (pxBounds) {\n+            this.setRectPxBounds(pxBounds);\n         }\n-        return lonlat;\n     },\n \n+    /**\n+     * Method: updateMapToRect\n+     * Updates the map extent to match the extent rectangle position and size\n+     */\n+    updateMapToRect: function() {\n+        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            lonLatBounds = lonLatBounds.transform(\n+                this.ovmap.getProjectionObject(),\n+                this.map.getProjectionObject());\n+        }\n+        this.map.panTo(lonLatBounds.getCenterLonLat());\n+    },\n \n     /**\n-     * Method: getViewPortPxFromLonLat\n-     * Get a pixel location from a map location\n+     * Method: setRectPxBounds\n+     * Set extent rectangle pixel bounds.\n      *\n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n-     * OpenLayers.LonLat, translated into view port pixels by map lib\n-     * If map lib is not loaded or not centered, returns null\n+     * pxBounds - {<OpenLayers.Bounds>}\n      */\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        var viewPortPx = null;\n-        if ((this.mapObject != null) &&\n-            (this.getMapObjectCenter() != null)) {\n-\n-            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n-            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n-\n-            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel);\n+    setRectPxBounds: function(pxBounds) {\n+        var top = Math.max(pxBounds.top, 0);\n+        var left = Math.max(pxBounds.left, 0);\n+        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()),\n+            this.ovmap.size.h - this.hComp);\n+        var right = Math.min(pxBounds.left + pxBounds.getWidth(),\n+            this.ovmap.size.w - this.wComp);\n+        var width = Math.max(right - left, 0);\n+        var height = Math.max(bottom - top, 0);\n+        if (width < this.minRectSize || height < this.minRectSize) {\n+            this.extentRectangle.className = this.displayClass +\n+                this.minRectDisplayClass;\n+            var rLeft = left + (width / 2) - (this.minRectSize / 2);\n+            var rTop = top + (height / 2) - (this.minRectSize / 2);\n+            this.extentRectangle.style.top = Math.round(rTop) + 'px';\n+            this.extentRectangle.style.left = Math.round(rLeft) + 'px';\n+            this.extentRectangle.style.height = this.minRectSize + 'px';\n+            this.extentRectangle.style.width = this.minRectSize + 'px';\n+        } else {\n+            this.extentRectangle.className = this.displayClass +\n+                'ExtentRectangle';\n+            this.extentRectangle.style.top = Math.round(top) + 'px';\n+            this.extentRectangle.style.left = Math.round(left) + 'px';\n+            this.extentRectangle.style.height = Math.round(height) + 'px';\n+            this.extentRectangle.style.width = Math.round(width) + 'px';\n         }\n-        return viewPortPx;\n+        this.rectPxBounds = new OpenLayers.Bounds(\n+            Math.round(left), Math.round(bottom),\n+            Math.round(right), Math.round(top)\n+        );\n     },\n \n-    /********************************************************/\n-    /*                                                      */\n-    /*               Translation Functions                  */\n-    /*                                                      */\n-    /*   The following functions translate Map Object and   */\n-    /*            OL formats for Pixel, LonLat              */\n-    /*                                                      */\n-    /********************************************************/\n-\n-    //\n-    // TRANSLATION: MapObject LatLng <-> OpenLayers.LonLat\n-    //\n-\n     /**\n-     * Method: getOLLonLatFromMapObjectLonLat\n-     * Get an OL style map location from a 3rd party style map location\n+     * Method: getRectBoundsFromMapBounds\n+     * Get the rect bounds from the map bounds.\n+     *\n+     * Parameters:\n+     * lonLatBounds - {<OpenLayers.Bounds>}\n      *\n-     * Parameters\n-     * moLonLat - {Object}\n-     * \n      * Returns:\n-     * {<OpenLayers.LonLat>} An OpenLayers.LonLat, translated from the passed in \n-     *          MapObject LonLat\n-     *          Returns null if null value is passed in\n+     * {<OpenLayers.Bounds>}A bounds which is the passed-in map lon/lat extent\n+     * translated into pixel bounds for the overview map\n      */\n-    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n-        var olLonLat = null;\n-        if (moLonLat != null) {\n-            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-            olLonLat = new OpenLayers.LonLat(lon, lat);\n+    getRectBoundsFromMapBounds: function(lonLatBounds) {\n+        var leftBottomPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.left,\n+            lat: lonLatBounds.bottom\n+        });\n+        var rightTopPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.right,\n+            lat: lonLatBounds.top\n+        });\n+        var bounds = null;\n+        if (leftBottomPx && rightTopPx) {\n+            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y,\n+                rightTopPx.x, rightTopPx.y);\n         }\n-        return olLonLat;\n+        return bounds;\n     },\n \n     /**\n-     * Method: getMapObjectLonLatFromOLLonLat\n-     * Get a 3rd party map location from an OL map location.\n+     * Method: getMapBoundsFromRectBounds\n+     * Get the map bounds from the rect bounds.\n      *\n      * Parameters:\n-     * olLonLat - {<OpenLayers.LonLat>}\n-     * \n+     * pxBounds - {<OpenLayers.Bounds>}\n+     *\n      * Returns:\n-     * {Object} A MapObject LonLat, translated from the passed in \n-     *          OpenLayers.LonLat\n-     *          Returns null if null value is passed in\n+     * {<OpenLayers.Bounds>} Bounds which is the passed-in overview rect bounds\n+     * translated into lon/lat bounds for the overview map\n      */\n-    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n-        var moLatLng = null;\n-        if (olLonLat != null) {\n-            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon,\n-                olLonLat.lat);\n-        }\n-        return moLatLng;\n+    getMapBoundsFromRectBounds: function(pxBounds) {\n+        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.left,\n+            y: pxBounds.bottom\n+        });\n+        var rightTopLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.right,\n+            y: pxBounds.top\n+        });\n+        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat,\n+            rightTopLonLat.lon, rightTopLonLat.lat);\n     },\n \n-\n-    //\n-    // TRANSLATION: MapObject Pixel <-> OpenLayers.Pixel\n-    //\n-\n     /**\n-     * Method: getOLPixelFromMapObjectPixel\n-     * Get an OL pixel location from a 3rd party pixel location.\n+     * Method: getLonLatFromOverviewPx\n+     * Get a map location from a pixel location\n      *\n      * Parameters:\n-     * moPixel - {Object}\n-     * \n+     * overviewMapPx - {<OpenLayers.Pixel>|Object} OpenLayers.Pixel or\n+     *                                             an object with a\n+     *                                             'x' and 'y' properties.\n+     *\n      * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel, translated from the passed in \n-     *          MapObject Pixel\n-     *          Returns null if null value is passed in\n+     * {Object} Location which is the passed-in overview map\n+     * OpenLayers.Pixel, translated into lon/lat by the overview\n+     * map. An object with a 'lon' and 'lat' properties.\n      */\n-    getOLPixelFromMapObjectPixel: function(moPixel) {\n-        var olPixel = null;\n-        if (moPixel != null) {\n-            var x = this.getXFromMapObjectPixel(moPixel);\n-            var y = this.getYFromMapObjectPixel(moPixel);\n-            olPixel = new OpenLayers.Pixel(x, y);\n-        }\n-        return olPixel;\n+    getLonLatFromOverviewPx: function(overviewMapPx) {\n+        var size = this.ovmap.size;\n+        var res = this.ovmap.getResolution();\n+        var center = this.ovmap.getExtent().getCenterLonLat();\n+\n+        var deltaX = overviewMapPx.x - (size.w / 2);\n+        var deltaY = overviewMapPx.y - (size.h / 2);\n+\n+        return {\n+            lon: center.lon + deltaX * res,\n+            lat: center.lat - deltaY * res\n+        };\n     },\n \n     /**\n-     * Method: getMapObjectPixelFromOLPixel\n-     * Get a 3rd party pixel location from an OL pixel location\n+     * Method: getOverviewPxFromLonLat\n+     * Get a pixel location from a map location\n      *\n      * Parameters:\n-     * olPixel - {<OpenLayers.Pixel>}\n-     * \n+     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     *\n      * Returns:\n-     * {Object} A MapObject Pixel, translated from the passed in \n-     *          OpenLayers.Pixel\n-     *          Returns null if null value is passed in\n+     * {Object} Location which is the passed-in OpenLayers.LonLat, \n+     * translated into overview map pixels\n      */\n-    getMapObjectPixelFromOLPixel: function(olPixel) {\n-        var moPixel = null;\n-        if (olPixel != null) {\n-            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y);\n+    getOverviewPxFromLonLat: function(lonlat) {\n+        var res = this.ovmap.getResolution();\n+        var extent = this.ovmap.getExtent();\n+        if (extent) {\n+            return {\n+                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n+                y: Math.round(1 / res * (extent.top - lonlat.lat))\n+            };\n         }\n-        return moPixel;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n+    CLASS_NAME: 'OpenLayers.Control.OverviewMap'\n });\n /* ======================================================================\n-    OpenLayers/Format/ArcXML.js\n+    OpenLayers/Format/WMSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/MultiPolygon.js\n- * @requires OpenLayers/Geometry/LinearRing.js\n  */\n \n /**\n- * Class: OpenLayers.Format.ArcXML\n- * Read/Write ArcXML. Create a new instance with the <OpenLayers.Format.ArcXML>\n- *     constructor.\n- * \n+ * Class: OpenLayers.Format.WMSGetFeatureInfo\n+ * Class to read GetFeatureInfo responses from Web Mapping Services\n+ *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * Property: fontStyleKeys\n-     * {Array} List of keys used in font styling.\n-     */\n-    fontStyleKeys: [\n-        'antialiasing', 'blockout', 'font', 'fontcolor', 'fontsize', 'fontstyle',\n-        'glowing', 'interval', 'outline', 'printmode', 'shadow', 'transparency'\n-    ],\n+OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: request\n-     * A get_image request destined for an ArcIMS server.\n+     * APIProperty: layerIdentifier\n+     * {String} All xml nodes containing this search criteria will populate an\n+     *     internal array of layer nodes.\n      */\n-    request: null,\n+    layerIdentifier: '_layer',\n \n     /**\n-     * Property: response\n-     * A parsed response from an ArcIMS server.\n+     * APIProperty: featureIdentifier\n+     * {String} All xml nodes containing this search criteria will populate an \n+     *     internal array of feature nodes for each layer node found.\n      */\n-    response: null,\n+    featureIdentifier: '_feature',\n \n     /**\n-     * Constructor: OpenLayers.Format.ArcXML\n-     * Create a new parser/writer for ArcXML.  Create an instance of this class\n-     *    to begin authoring a request to an ArcIMS service.  This is used\n-     *    primarily by the ArcIMS layer, but could be used to do other wild\n-     *    stuff, like geocoding.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n      */\n-    initialize: function(options) {\n-        this.request = new OpenLayers.Format.ArcXML.Request();\n-        this.response = new OpenLayers.Format.ArcXML.Response();\n-\n-        if (options) {\n-            if (options.requesttype == \"feature\") {\n-                this.request.get_image = null;\n-\n-                var qry = this.request.get_feature.query;\n-                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n-\n-                if (options.polygon) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.polygon = options.polygon;\n-                } else if (options.envelope) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.envelope = {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    };\n-                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope);\n-                }\n-            } else if (options.requesttype == \"image\") {\n-                this.request.get_feature = null;\n-\n-                var props = this.request.get_image.properties;\n-                this.parseEnvelope(props.envelope, options.envelope);\n-\n-                this.addLayers(props.layerlist, options.layers);\n-                this.addImageSize(props.imagesize, options.tileSize);\n-                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(props.filtercoordsys, options.filterCoordSys);\n-            } else {\n-                // if an arcxml object is being created with no request type, it is\n-                // probably going to consume a response, so do not throw an error if\n-                // the requesttype is not defined\n-                this.request = null;\n-            }\n-        }\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n     },\n \n     /**\n-     * Method: parseEnvelope\n-     * Parse an array of coordinates into an ArcXML envelope structure.\n-     *\n-     * Parameters:\n-     * env - {Object} An envelope object that will contain the parsed coordinates.\n-     * arr - {Array(double)} An array of coordinates in the order: [ minx, miny, maxx, maxy ]\n-     */\n-    parseEnvelope: function(env, arr) {\n-        if (arr && arr.length == 4) {\n-            env.minx = arr[0];\n-            env.miny = arr[1];\n-            env.maxx = arr[2];\n-            env.maxy = arr[3];\n-        }\n-    },\n-\n-    /** \n-     * Method: addLayers\n-     * Add a collection of layers to another collection of layers. Each layer in the list is tuple of\n-     * { id, visible }.  These layer collections represent the \n-     * /ARCXML/REQUEST/get_image/PROPERTIES/LAYERLIST/LAYERDEF items in ArcXML\n-     *\n-     * TODO: Add support for dynamic layer rendering.\n-     *\n-     * Parameters:\n-     * ll - {Array({id,visible})} A list of layer definitions.\n-     * lyrs - {Array({id,visible})} A list of layer definitions.\n+     * Property: gmlFormat\n+     * {<OpenLayers.Format.GML>} internal GML format for parsing geometries\n+     *     in msGMLOutput\n      */\n-    addLayers: function(ll, lyrs) {\n-        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n-            ll.push(lyrs[lind]);\n-        }\n-    },\n+    gmlFormat: null,\n \n     /**\n-     * Method: addImageSize\n-     * Set the size of the requested image.\n+     * Constructor: OpenLayers.Format.WMSGetFeatureInfo\n+     * Create a new parser for WMS GetFeatureInfo responses\n      *\n      * Parameters:\n-     * imsize - {Object} An ArcXML imagesize object.\n-     * olsize - {<OpenLayers.Size>} The image size to set.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    addImageSize: function(imsize, olsize) {\n-        if (olsize !== null) {\n-            imsize.width = olsize.w;\n-            imsize.height = olsize.h;\n-            imsize.printwidth = olsize.w;\n-            imsize.printheight = olsize.h;\n-        }\n-    },\n \n     /**\n-     * Method: addCoordSys\n-     * Add the coordinate system information to an object. The object may be \n+     * APIMethod: read\n+     * Read WMS GetFeatureInfo data from a string, and return an array of features\n      *\n      * Parameters:\n-     * featOrFilt - {Object} A featurecoordsys or filtercoordsys ArcXML structure.\n-     * fsys - {String} or {<OpenLayers.Projection>} or {filtercoordsys} or \n-     * {featurecoordsys} A projection representation. If it's a {String}, \n-     * the value is assumed to be the SRID.  If it's a {OpenLayers.Projection} \n-     * AND Proj4js is available, the projection number and name are extracted \n-     * from there.  If it's a filter or feature ArcXML structure, it is copied.\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} An array of features.\n      */\n-    addCoordSys: function(featOrFilt, fsys) {\n-        if (typeof fsys == \"string\") {\n-            featOrFilt.id = parseInt(fsys);\n-            featOrFilt.string = fsys;\n+    read: function(data) {\n+        var result;\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n-        // is this a proj4js instance?\n-        else if (typeof fsys == \"object\" && fsys.proj !== null) {\n-            featOrFilt.id = fsys.proj.srsProjNumber;\n-            featOrFilt.string = fsys.proj.srsCode;\n+        var root = data.documentElement;\n+        if (root) {\n+            var scope = this;\n+            var read = this[\"read_\" + root.nodeName];\n+            if (read) {\n+                result = read.call(this, root);\n+            } else {\n+                // fall-back to GML since this is a common output format for WMS\n+                // GetFeatureInfo responses\n+                result = new OpenLayers.Format.GML((this.options ? this.options : {})).read(data);\n+            }\n         } else {\n-            featOrFilt = fsys;\n+            result = data;\n         }\n+        return result;\n     },\n \n+\n     /**\n-     * APIMethod: iserror\n-     * Check to see if the response from the server was an error.\n+     * Method: read_msGMLOutput\n+     * Parse msGMLOutput nodes.\n      *\n      * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse. If nothing is supplied,\n-     * the current response is examined.\n+     * data - {DOMElement}\n      *\n      * Returns:\n-     * {Boolean} true if the response was an error.\n+     * {Array}\n      */\n-    iserror: function(data) {\n-        var ret = null;\n-\n-        if (!data) {\n-            ret = (this.response.error !== '');\n-        } else {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n-            ret = (errorNodes !== null && errorNodes.length > 0);\n+    read_msGMLOutput: function(data) {\n+        var response = [];\n+        var layerNodes = this.getSiblingNodesByTagCriteria(data,\n+            this.layerIdentifier);\n+        if (layerNodes) {\n+            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n+                var node = layerNodes[i];\n+                var layerName = node.nodeName;\n+                if (node.prefix) {\n+                    layerName = layerName.split(':')[1];\n+                }\n+                var layerName = layerName.replace(this.layerIdentifier, '');\n+                var featureNodes = this.getSiblingNodesByTagCriteria(node,\n+                    this.featureIdentifier);\n+                if (featureNodes) {\n+                    for (var j = 0; j < featureNodes.length; j++) {\n+                        var featureNode = featureNodes[j];\n+                        var geomInfo = this.parseGeometry(featureNode);\n+                        var attributes = this.parseAttributes(featureNode);\n+                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry,\n+                            attributes, null);\n+                        feature.bounds = geomInfo.bounds;\n+                        feature.type = layerName;\n+                        response.push(feature);\n+                    }\n+                }\n+            }\n         }\n-\n-        return ret;\n+        return response;\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read data from a string, and return an response. \n-     * \n+     * Method: read_FeatureInfoResponse\n+     * Parse FeatureInfoResponse nodes.\n+     *\n      * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n+     * data - {DOMElement}\n      *\n      * Returns:\n-     * {<OpenLayers.Format.ArcXML.Response>} An ArcXML response. Note that this response\n-     *     data may change in the future. \n+     * {Array}\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n+    read_FeatureInfoResponse: function(data) {\n+        var response = [];\n+        var featureNodes = this.getElementsByTagNameNS(data, '*',\n+            'FIELDS');\n \n-        var arcNode = null;\n-        if (data && data.documentElement) {\n-            if (data.documentElement.nodeName == \"ARCXML\") {\n-                arcNode = data.documentElement;\n+        for (var i = 0, len = featureNodes.length; i < len; i++) {\n+            var featureNode = featureNodes[i];\n+            var geom = null;\n+\n+            // attributes can be actual attributes on the FIELDS tag, \n+            // or FIELD children\n+            var attributes = {};\n+            var j;\n+            var jlen = featureNode.attributes.length;\n+            if (jlen > 0) {\n+                for (j = 0; j < jlen; j++) {\n+                    var attribute = featureNode.attributes[j];\n+                    attributes[attribute.nodeName] = attribute.nodeValue;\n+                }\n             } else {\n-                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0];\n+                var nodes = featureNode.childNodes;\n+                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n+                    var node = nodes[j];\n+                    if (node.nodeType != 3) {\n+                        attributes[node.getAttribute(\"name\")] =\n+                            node.getAttribute(\"value\");\n+                    }\n+                }\n             }\n-        }\n \n-        // in Safari, arcNode will be there but will have a child named \n-        // parsererror\n-        if (!arcNode || arcNode.firstChild.nodeName === 'parsererror') {\n-            var error, source;\n-            try {\n-                error = data.firstChild.nodeValue;\n-                source = data.firstChild.childNodes[1].firstChild.nodeValue;\n-            } catch (err) {\n-                // pass\n-            }\n-            throw {\n-                message: \"Error parsing the ArcXML request\",\n-                error: error,\n-                source: source\n-            };\n+            response.push(\n+                new OpenLayers.Feature.Vector(geom, attributes, null)\n+            );\n         }\n-\n-        var response = this.parseResponse(arcNode);\n         return response;\n     },\n \n     /**\n-     * APIMethod: write\n-     * Generate an ArcXml document string for sending to an ArcIMS server. \n+     * Method: getSiblingNodesByTagCriteria\n+     * Recursively searches passed xml node and all it's descendant levels for \n+     *     nodes whose tagName contains the passed search string. This returns an \n+     *     array of all sibling nodes which match the criteria from the highest \n+     *     hierarchial level from which a match is found.\n      * \n+     * Parameters:\n+     * node - {DOMElement} An xml node\n+     * criteria - {String} Search string which will match some part of a tagName \n+     *                                       \n      * Returns:\n-     * {String} A string representing the ArcXML document request.\n+     * Array({DOMElement}) An array of sibling xml nodes\n      */\n-    write: function(request) {\n-        if (!request) {\n-            request = this.request;\n-        }\n-        var root = this.createElementNS(\"\", \"ARCXML\");\n-        root.setAttribute(\"version\", \"1.1\");\n-\n-        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n-\n-        if (request.get_image != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n-            reqElem.appendChild(getElem);\n-\n-            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n-            getElem.appendChild(propElem);\n-\n-            var props = request.get_image.properties;\n-            if (props.featurecoordsys != null) {\n-                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                propElem.appendChild(feat);\n+    getSiblingNodesByTagCriteria: function(node, criteria) {\n+        var nodes = [];\n+        var children, tagName, n, matchNodes, child;\n+        if (node && node.hasChildNodes()) {\n+            children = node.childNodes;\n+            n = children.length;\n \n-                if (props.featurecoordsys.id === 0) {\n-                    feat.setAttribute(\"string\", props.featurecoordsys['string']);\n+            for (var k = 0; k < n; k++) {\n+                child = children[k];\n+                while (child && child.nodeType != 1) {\n+                    child = child.nextSibling;\n+                    k++;\n+                }\n+                tagName = (child ? child.nodeName : '');\n+                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n+                    nodes.push(child);\n                 } else {\n-                    feat.setAttribute(\"id\", props.featurecoordsys.id);\n+                    matchNodes = this.getSiblingNodesByTagCriteria(\n+                        child, criteria);\n+\n+                    if (matchNodes.length > 0) {\n+                        (nodes.length == 0) ?\n+                        nodes = matchNodes: nodes.push(matchNodes);\n+                    }\n                 }\n             }\n \n-            if (props.filtercoordsys != null) {\n-                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                propElem.appendChild(filt);\n-\n-                if (props.filtercoordsys.id === 0) {\n-                    filt.setAttribute(\"string\", props.filtercoordsys.string);\n-                } else {\n-                    filt.setAttribute(\"id\", props.filtercoordsys.id);\n-                }\n-            }\n-\n-            if (props.envelope != null) {\n-                var env = this.createElementNS(\"\", \"ENVELOPE\");\n-                propElem.appendChild(env);\n-\n-                env.setAttribute(\"minx\", props.envelope.minx);\n-                env.setAttribute(\"miny\", props.envelope.miny);\n-                env.setAttribute(\"maxx\", props.envelope.maxx);\n-                env.setAttribute(\"maxy\", props.envelope.maxy);\n-            }\n-\n-            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n-            propElem.appendChild(imagesz);\n-\n-            imagesz.setAttribute(\"height\", props.imagesize.height);\n-            imagesz.setAttribute(\"width\", props.imagesize.width);\n-\n-            if (props.imagesize.height != props.imagesize.printheight ||\n-                props.imagesize.width != props.imagesize.printwidth) {\n-                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n-                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth);\n-            }\n-\n-            if (props.background != null) {\n-                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n-                propElem.appendChild(backgrnd);\n-\n-                backgrnd.setAttribute(\"color\",\n-                    props.background.color.r + \",\" +\n-                    props.background.color.g + \",\" +\n-                    props.background.color.b);\n-\n-                if (props.background.transcolor !== null) {\n-                    backgrnd.setAttribute(\"transcolor\",\n-                        props.background.transcolor.r + \",\" +\n-                        props.background.transcolor.g + \",\" +\n-                        props.background.transcolor.b);\n-                }\n-            }\n-\n-            if (props.layerlist != null && props.layerlist.length > 0) {\n-                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n-                propElem.appendChild(layerlst);\n-\n-                for (var ld = 0; ld < props.layerlist.length; ld++) {\n-                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n-                    layerlst.appendChild(ldef);\n-\n-                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n-                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n-\n-                    if (typeof props.layerlist[ld].query == \"object\") {\n-                        var query = props.layerlist[ld].query;\n-\n-                        if (query.where.length < 0) {\n-                            continue;\n-                        }\n-\n-                        var queryElem = null;\n-                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n-                            // handle spatial filter madness\n-                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n-                        } else {\n-                            queryElem = this.createElementNS(\"\", \"QUERY\");\n-                        }\n-\n-                        queryElem.setAttribute(\"where\", query.where);\n-\n-                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n-                            queryElem.setAttribute(\"accuracy\", query.accuracy);\n-                        }\n-                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2000) {\n-                            queryElem.setAttribute(\"featurelimit\", query.featurelimit);\n-                        }\n-                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n-                            queryElem.setAttribute(\"subfields\", query.subfields);\n-                        }\n-                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n-                            queryElem.setAttribute(\"joinexpression\", query.joinexpression);\n-                        }\n-                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n-                            queryElem.setAttribute(\"jointables\", query.jointables);\n-                        }\n-\n-                        ldef.appendChild(queryElem);\n-                    }\n-\n-                    if (typeof props.layerlist[ld].renderer == \"object\") {\n-                        this.addRenderer(ldef, props.layerlist[ld].renderer);\n-                    }\n-                }\n-            }\n-        } else if (request.get_feature != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n-            getElem.setAttribute(\"outputmode\", \"newxml\");\n-            getElem.setAttribute(\"checkesc\", \"true\");\n-\n-            if (request.get_feature.geometry) {\n-                getElem.setAttribute(\"geometry\", request.get_feature.geometry);\n-            } else {\n-                getElem.setAttribute(\"geometry\", \"false\");\n-            }\n-\n-            if (request.get_feature.compact) {\n-                getElem.setAttribute(\"compact\", request.get_feature.compact);\n-            }\n-\n-            if (request.get_feature.featurelimit == \"number\") {\n-                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit);\n-            }\n-\n-            getElem.setAttribute(\"globalenvelope\", \"true\");\n-            reqElem.appendChild(getElem);\n-\n-            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n-                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n-                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n-                getElem.appendChild(lyrElem);\n-            }\n-\n-            var fquery = request.get_feature.query;\n-            if (fquery != null) {\n-                var qElem = null;\n-                if (fquery.isspatial) {\n-                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n-                } else {\n-                    qElem = this.createElementNS(\"\", \"QUERY\");\n-                }\n-                getElem.appendChild(qElem);\n-\n-                if (typeof fquery.accuracy == \"number\") {\n-                    qElem.setAttribute(\"accuracy\", fquery.accuracy);\n-                }\n-                //qElem.setAttribute(\"featurelimit\", \"5\");\n-\n-                if (fquery.featurecoordsys != null) {\n-                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-\n-                    if (fquery.featurecoordsys.id == 0) {\n-                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string);\n-                    } else {\n-                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id);\n-                    }\n-                    qElem.appendChild(fcsElem1);\n-                }\n-\n-                if (fquery.filtercoordsys != null) {\n-                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-\n-                    if (fquery.filtercoordsys.id === 0) {\n-                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string);\n-                    } else {\n-                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id);\n-                    }\n-                    qElem.appendChild(fcsElem2);\n-                }\n-\n-                if (fquery.buffer > 0) {\n-                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n-                    bufElem.setAttribute(\"distance\", fquery.buffer);\n-                    qElem.appendChild(bufElem);\n-                }\n-\n-                if (fquery.isspatial) {\n-                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n-                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n-                    qElem.appendChild(spfElem);\n-\n-                    if (fquery.spatialfilter.envelope) {\n-                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n-                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n-                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n-                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n-                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n-                        spfElem.appendChild(envElem);\n-                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n-                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon));\n-                    }\n-                }\n-\n-                if (fquery.where != null && fquery.where.length > 0) {\n-                    qElem.setAttribute(\"where\", fquery.where);\n-                }\n-            }\n-        }\n-\n-        root.appendChild(reqElem);\n-\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n-    },\n-\n-\n-    addGroupRenderer: function(ldef, toprenderer) {\n-        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n-        ldef.appendChild(topRelem);\n-\n-        for (var rind = 0; rind < toprenderer.length; rind++) {\n-            var renderer = toprenderer[rind];\n-            this.addRenderer(topRelem, renderer);\n-        }\n-    },\n-\n-\n-    addRenderer: function(topRelem, renderer) {\n-        if (OpenLayers.Util.isArray(renderer)) {\n-            this.addGroupRenderer(topRelem, renderer);\n-        } else {\n-            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n-            topRelem.appendChild(renderElem);\n-\n-            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n-                this.addValueMapRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n-                this.addValueMapLabelRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n-                this.addSimpleLabelRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n-                this.addScaleDependentRenderer(renderElem, renderer);\n-            }\n-        }\n-    },\n-\n-\n-    addScaleDependentRenderer: function(renderElem, renderer) {\n-        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n-            renderElem.setAttribute(\"lower\", renderer.lower);\n-        }\n-        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n-            renderElem.setAttribute(\"upper\", renderer.upper);\n-        }\n-\n-        this.addRenderer(renderElem, renderer.renderer);\n-    },\n-\n-\n-    addValueMapLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n-\n-        if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value);\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label);\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method);\n-                }\n-\n-                renderElem.appendChild(eelem);\n-\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-\n-                    if (exact.symbol.type == \"text\") {\n-                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-                    }\n-\n-                    if (selem != null) {\n-                        var keys = this.fontStyleKeys;\n-                        for (var i = 0, len = keys.length; i < len; i++) {\n-                            var key = keys[i];\n-                            if (exact.symbol[key]) {\n-                                selem.setAttribute(key, exact.symbol[key]);\n-                            }\n-                        }\n-                        eelem.appendChild(selem);\n-                    }\n-                }\n-            } // for each exact\n-        }\n-    },\n-\n-    addValueMapRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-\n-        if (typeof renderer.ranges == \"object\") {\n-            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n-                var range = renderer.ranges[rng];\n-\n-                var relem = this.createElementNS(\"\", \"RANGE\");\n-                relem.setAttribute(\"lower\", range.lower);\n-                relem.setAttribute(\"upper\", range.upper);\n-\n-                renderElem.appendChild(relem);\n-\n-                if (typeof range.symbol == \"object\") {\n-                    var selem = null;\n-\n-                    if (range.symbol.type == \"simplepolygon\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\");\n-                    }\n-\n-                    if (selem != null) {\n-                        if (typeof range.symbol.boundarycolor == \"string\") {\n-                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor);\n-                        }\n-                        if (typeof range.symbol.fillcolor == \"string\") {\n-                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor);\n-                        }\n-                        if (typeof range.symbol.filltransparency == \"number\") {\n-                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency);\n-                        }\n-                        relem.appendChild(selem);\n-                    }\n-                }\n-            } // for each range\n-        } else if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value);\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label);\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method);\n-                }\n-\n-                renderElem.appendChild(eelem);\n-\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-\n-                    if (exact.symbol.type == \"simplemarker\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\");\n-                    }\n-\n-                    if (selem != null) {\n-                        if (typeof exact.symbol.antialiasing == \"string\") {\n-                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing);\n-                        }\n-                        if (typeof exact.symbol.color == \"string\") {\n-                            selem.setAttribute(\"color\", exact.symbol.color);\n-                        }\n-                        if (typeof exact.symbol.outline == \"string\") {\n-                            selem.setAttribute(\"outline\", exact.symbol.outline);\n-                        }\n-                        if (typeof exact.symbol.overlap == \"string\") {\n-                            selem.setAttribute(\"overlap\", exact.symbol.overlap);\n-                        }\n-                        if (typeof exact.symbol.shadow == \"string\") {\n-                            selem.setAttribute(\"shadow\", exact.symbol.shadow);\n-                        }\n-                        if (typeof exact.symbol.transparency == \"number\") {\n-                            selem.setAttribute(\"transparency\", exact.symbol.transparency);\n-                        }\n-                        //if (typeof exact.symbol.type == \"string\")\n-                        //    selem.setAttribute(\"type\", exact.symbol.type);\n-                        if (typeof exact.symbol.usecentroid == \"string\") {\n-                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid);\n-                        }\n-                        if (typeof exact.symbol.width == \"number\") {\n-                            selem.setAttribute(\"width\", exact.symbol.width);\n-                        }\n-\n-                        eelem.appendChild(selem);\n-                    }\n-                }\n-            } // for each exact\n-        }\n-    },\n-\n-\n-    addSimpleLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"field\", renderer.field);\n-        var keys = ['featureweight', 'howmanylabels', 'labelbufferratio',\n-            'labelpriorities', 'labelweight', 'linelabelposition',\n-            'rotationalangles'\n-        ];\n-        for (var i = 0, len = keys.length; i < len; i++) {\n-            var key = keys[i];\n-            if (renderer[key]) {\n-                renderElem.setAttribute(key, renderer[key]);\n-            }\n-        }\n-\n-        if (renderer.symbol.type == \"text\") {\n-            var symbol = renderer.symbol;\n-            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-            renderElem.appendChild(selem);\n-\n-            var keys = this.fontStyleKeys;\n-            for (var i = 0, len = keys.length; i < len; i++) {\n-                var key = keys[i];\n-                if (symbol[key]) {\n-                    selem.setAttribute(key, renderer[key]);\n-                }\n-            }\n-        }\n-    },\n-\n-    writePolygonGeometry: function(polygon) {\n-        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n-            throw {\n-                message: 'Cannot write polygon geometry to ArcXML with an ' +\n-                    polygon.CLASS_NAME + ' object.',\n-                geometry: polygon\n-            };\n-        }\n-\n-        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n-\n-        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n-            var ring = polygon.components[ln];\n-            var ringElem = this.createElementNS(\"\", \"RING\");\n-\n-            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n-                var point = ring.components[rn];\n-                var pointElem = this.createElementNS(\"\", \"POINT\");\n-\n-                pointElem.setAttribute(\"x\", point.x);\n-                pointElem.setAttribute(\"y\", point.y);\n-\n-                ringElem.appendChild(pointElem);\n-            }\n-\n-            polyElem.appendChild(ringElem);\n-        }\n-\n-        return polyElem;\n-    },\n-\n-    /**\n-     * Method: parseResponse\n-     * Take an ArcXML response, and parse in into this object's internal properties.\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} The ArcXML response, as either a string or the\n-     * top level DOMElement of the response.\n-     */\n-    parseResponse: function(data) {\n-        if (typeof data == \"string\") {\n-            var newData = new OpenLayers.Format.XML();\n-            data = newData.read(data);\n-        }\n-        var response = new OpenLayers.Format.ArcXML.Response();\n-\n-        var errorNode = data.getElementsByTagName(\"ERROR\");\n-\n-        if (errorNode != null && errorNode.length > 0) {\n-            response.error = this.getChildValue(errorNode, \"Unknown error.\");\n-        } else {\n-            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n-\n-            if (responseNode == null || responseNode.length == 0) {\n-                response.error = \"No RESPONSE tag found in ArcXML response.\";\n-                return response;\n-            }\n-\n-            var rtype = responseNode[0].firstChild.nodeName;\n-            if (rtype == \"#text\") {\n-                rtype = responseNode[0].firstChild.nextSibling.nodeName;\n-            }\n-\n-            if (rtype == \"IMAGE\") {\n-                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n-                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n-\n-                if (envelopeNode == null || envelopeNode.length == 0) {\n-                    response.error = \"No ENVELOPE tag found in ArcXML response.\";\n-                } else if (outputNode == null || outputNode.length == 0) {\n-                    response.error = \"No OUTPUT tag found in ArcXML response.\";\n-                } else {\n-                    var envAttr = this.parseAttributes(envelopeNode[0]);\n-                    var outputAttr = this.parseAttributes(outputNode[0]);\n-\n-                    if (typeof outputAttr.type == \"string\") {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: {\n-                                type: outputAttr.type,\n-                                data: this.getChildValue(outputNode[0])\n-                            }\n-                        };\n-                    } else {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: outputAttr\n-                        };\n-                    }\n-                }\n-            } else if (rtype == \"FEATURES\") {\n-                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n-\n-                // get the feature count\n-                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n-                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n-\n-                if (response.features.featurecount > 0) {\n-                    // get the feature envelope\n-                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n-                    response.features.envelope = this.parseAttributes(envelope[0], typeof(0));\n-\n-                    // get the field values per feature\n-                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n-                    for (var fn = 0; fn < featureList.length; fn++) {\n-                        var feature = new OpenLayers.Feature.Vector();\n-                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n-\n-                        for (var fdn = 0; fdn < fields.length; fdn++) {\n-                            var fieldName = fields[fdn].getAttribute(\"name\");\n-                            var fieldValue = fields[fdn].getAttribute(\"value\");\n-                            feature.attributes[fieldName] = fieldValue;\n-                        }\n-\n-                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n-\n-                        if (geom.length > 0) {\n-                            // if there is a polygon, create an openlayers polygon, and assign\n-                            // it to the .geometry property of the feature\n-                            var ring = geom[0].getElementsByTagName(\"RING\");\n-\n-                            var polys = [];\n-                            for (var rn = 0; rn < ring.length; rn++) {\n-                                var linearRings = [];\n-                                linearRings.push(this.parsePointGeometry(ring[rn]));\n-\n-                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n-                                for (var hn = 0; hn < holes.length; hn++) {\n-                                    linearRings.push(this.parsePointGeometry(holes[hn]));\n-                                }\n-                                holes = null;\n-                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n-                                linearRings = null;\n-                            }\n-                            ring = null;\n-\n-                            if (polys.length == 1) {\n-                                feature.geometry = polys[0];\n-                            } else {\n-                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys);\n-                            }\n-                        }\n-\n-                        response.features.feature.push(feature);\n-                    }\n-                }\n-            } else {\n-                response.error = \"Unidentified response type.\";\n-            }\n         }\n-        return response;\n+        return nodes;\n     },\n \n-\n     /**\n      * Method: parseAttributes\n      *\n      * Parameters:\n-     * node - {<DOMElement>} An element to parse attributes from.\n+     * node - {<DOMElement>}\n      *\n      * Returns:\n-     * {Object} An attributes object, with properties set to attribute values.\n+     * {Object} An attributes object.\n+     * \n+     * Notes:\n+     * Assumes that attributes are direct child xml nodes of the passed node\n+     * and contain only a single text node. \n      */\n-    parseAttributes: function(node, type) {\n+    parseAttributes: function(node) {\n         var attributes = {};\n-        for (var attr = 0; attr < node.attributes.length; attr++) {\n-            if (type == \"number\") {\n-                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue);\n-            } else {\n-                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue;\n+        if (node.nodeType == 1) {\n+            var children = node.childNodes;\n+            var n = children.length;\n+            for (var i = 0; i < n; ++i) {\n+                var child = children[i];\n+                if (child.nodeType == 1) {\n+                    var grandchildren = child.childNodes;\n+                    var name = (child.prefix) ?\n+                        child.nodeName.split(\":\")[1] : child.nodeName;\n+                    if (grandchildren.length == 0) {\n+                        attributes[name] = null;\n+                    } else if (grandchildren.length == 1) {\n+                        var grandchild = grandchildren[0];\n+                        if (grandchild.nodeType == 3 ||\n+                            grandchild.nodeType == 4) {\n+                            var value = grandchild.nodeValue.replace(\n+                                this.regExes.trimSpace, \"\");\n+                            attributes[name] = value;\n+                        }\n+                    }\n+                }\n             }\n         }\n         return attributes;\n     },\n \n-\n     /**\n-     * Method: parsePointGeometry\n+     * Method: parseGeometry\n+     * Parse the geometry and the feature bounds out of the node using \n+     *     Format.GML\n      *\n      * Parameters:\n-     * node - {<DOMElement>} An element to parse <COORDS> or <POINT> arcxml data from.\n+     * node - {<DOMElement>}\n      *\n      * Returns:\n-     * {<OpenLayers.Geometry.LinearRing>} A linear ring represented by the node's points.\n+     * {Object} An object containing the geometry and the feature bounds\n      */\n-    parsePointGeometry: function(node) {\n-        var ringPoints = [];\n-        var coords = node.getElementsByTagName(\"COORDS\");\n-\n-        if (coords.length > 0) {\n-            // if coords is present, it's the only coords item\n-            var coordArr = this.getChildValue(coords[0]);\n-            coordArr = coordArr.split(/;/);\n-            for (var cn = 0; cn < coordArr.length; cn++) {\n-                var coordItems = coordArr[cn].split(/ /);\n-                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]));\n-            }\n-            coords = null;\n-        } else {\n-            var point = node.getElementsByTagName(\"POINT\");\n-            if (point.length > 0) {\n-                for (var pn = 0; pn < point.length; pn++) {\n-                    ringPoints.push(\n-                        new OpenLayers.Geometry.Point(\n-                            parseFloat(point[pn].getAttribute(\"x\")),\n-                            parseFloat(point[pn].getAttribute(\"y\"))\n-                        )\n-                    );\n-                }\n-            }\n-            point = null;\n+    parseGeometry: function(node) {\n+        // we need to use the old Format.GML parser since we do not know the \n+        // geometry name\n+        if (!this.gmlFormat) {\n+            this.gmlFormat = new OpenLayers.Format.GML();\n         }\n-\n-        return new OpenLayers.Geometry.LinearRing(ringPoints);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n-});\n-\n-OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            get_image: {\n-                properties: {\n-                    background: null,\n-                    /*{ \n-                        color: { r:255, g:255, b:255 },\n-                        transcolor: null\n-                    },*/\n-                    draw: true,\n-                    envelope: {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    },\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    imagesize: {\n-                        height: 0,\n-                        width: 0,\n-                        dpi: 96,\n-                        printheight: 0,\n-                        printwidth: 0,\n-                        scalesymbols: false\n-                    },\n-                    layerlist: [],\n-                    /* no support for legends */\n-                    output: {\n-                        baseurl: \"\",\n-                        legendbaseurl: \"\",\n-                        legendname: \"\",\n-                        legendpath: \"\",\n-                        legendurl: \"\",\n-                        name: \"\",\n-                        path: \"\",\n-                        type: \"jpg\",\n-                        url: \"\"\n-                    }\n-                }\n-            },\n-\n-            get_feature: {\n-                layer: \"\",\n-                query: {\n-                    isspatial: false,\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    buffer: 0,\n-                    where: \"\",\n-                    spatialfilter: {\n-                        relation: \"envelope_intersection\",\n-                        envelope: null\n-                    }\n-                }\n-            },\n-\n-            environment: {\n-                separators: {\n-                    cs: \" \",\n-                    ts: \";\"\n-                }\n-            },\n-\n-            layer: [],\n-            workspaces: []\n+        var feature = this.gmlFormat.parseFeature(node);\n+        var geometry, bounds = null;\n+        if (feature) {\n+            geometry = feature.geometry && feature.geometry.clone();\n+            bounds = feature.bounds && feature.bounds.clone();\n+            feature.destroy();\n+        }\n+        return {\n+            geometry: geometry,\n+            bounds: bounds\n         };\n-\n-        return OpenLayers.Util.extend(this, defaults);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n-});\n-\n-OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            image: {\n-                envelope: null,\n-                output: ''\n-            },\n-\n-            features: {\n-                featurecount: 0,\n-                envelope: null,\n-                feature: []\n-            },\n-\n-            error: ''\n-        };\n-\n-        return OpenLayers.Util.extend(this, defaults);\n-    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n \n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/ArcIMS.js\n+    OpenLayers/Control/WMSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Grid.js\n- * @requires OpenLayers/Format/ArcXML.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Handler/Hover.js\n  * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Format/WMSGetFeatureInfo.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.ArcIMS\n- * Instances of OpenLayers.Layer.ArcIMS are used to display data from ESRI ArcIMS\n- *     Mapping Services. Create a new ArcIMS layer with the <OpenLayers.Layer.ArcIMS>\n- *     constructor.\n- * \n+ * Class: OpenLayers.Control.WMSGetFeatureInfo\n+ * The WMSGetFeatureInfo control uses a WMS query to get information about a point on the map.  The\n+ * information may be in a display-friendly format such as HTML, or a machine-friendly format such\n+ * as GML, depending on the server's capabilities and the client's configuration.  This control\n+ * handles click or hover events, attempts to parse the results using an OpenLayers.Format, and\n+ * fires a 'getfeatureinfo' event with the click position, the raw body of the response, and an\n+ * array of features if it successfully read the response.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Default query string parameters.\n+     * APIProperty: hover\n+     * {Boolean} Send GetFeatureInfo requests when mouse stops moving.\n+     *     Default is false.\n      */\n-    DEFAULT_PARAMS: {\n-        ClientVersion: \"9.2\",\n-        ServiceName: ''\n-    },\n+    hover: false,\n \n     /**\n-     * APIProperty: featureCoordSys\n-     * {String} Code for feature coordinate system.  Default is \"4326\".\n+     * APIProperty: drillDown\n+     * {Boolean} Drill down over all WMS layers in the map. When\n+     *     using drillDown mode, hover is not possible, and an infoFormat that\n+     *     returns parseable features is required. Default is false.\n      */\n-    featureCoordSys: \"4326\",\n+    drillDown: false,\n \n     /**\n-     * APIProperty: filterCoordSys\n-     * {String} Code for filter coordinate system.  Default is \"4326\".\n+     * APIProperty: maxFeatures\n+     * {Integer} Maximum number of features to return from a WMS query. This\n+     *     sets the feature_count parameter on WMS GetFeatureInfo\n+     *     requests.\n      */\n-    filterCoordSys: \"4326\",\n+    maxFeatures: 10,\n+\n+    /**\n+     * APIProperty: clickCallback\n+     * {String} The click callback to register in the\n+     *     {<OpenLayers.Handler.Click>} object created when the hover\n+     *     option is set to false. Default is \"click\".\n+     */\n+    clickCallback: \"click\",\n+\n+    /**\n+     * APIProperty: output\n+     * {String} Either \"features\" or \"object\". When triggering a getfeatureinfo\n+     *     request should we pass on an array of features or an object with with\n+     *     a \"features\" property and other properties (such as the url of the\n+     *     WMS). Default is \"features\".\n+     */\n+    output: \"features\",\n \n     /**\n      * APIProperty: layers\n-     * {Array} An array of objects with layer properties.\n+     * {Array(<OpenLayers.Layer.WMS>)} The layers to query for feature info.\n+     *     If omitted, all map WMS layers with a url that matches this <url> or\n+     *     <layerUrls> will be considered.\n      */\n     layers: null,\n \n     /**\n-     * APIProperty: async\n-     * {Boolean} Request images asynchronously.  Default is true.\n+     * APIProperty: queryVisible\n+     * {Boolean} If true, filter out hidden layers when searching the map for\n+     *     layers to query.  Default is false.\n      */\n-    async: true,\n+    queryVisible: false,\n \n     /**\n-     * APIProperty: name\n-     * {String} Layer name.  Default is \"ArcIMS\".\n+     * APIProperty: url\n+     * {String} The URL of the WMS service to use.  If not provided, the url\n+     *     of the first eligible layer will be used.\n      */\n-    name: \"ArcIMS\",\n+    url: null,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is true.\n+     * APIProperty: layerUrls\n+     * {Array(String)} Optional list of urls for layers that should be queried.\n+     *     This can be used when the layer url differs from the url used for\n+     *     making GetFeatureInfo requests (in the case of a layer using cached\n+     *     tiles).\n      */\n-    isBaseLayer: true,\n+    layerUrls: null,\n \n     /**\n-     * Constant: DEFAULT_OPTIONS\n-     * {Object} Default layers properties.\n+     * APIProperty: infoFormat\n+     * {String} The mimetype to request from the server. If you are using\n+     *     drillDown mode and have multiple servers that do not share a common\n+     *     infoFormat, you can override the control's infoFormat by providing an\n+     *     INFO_FORMAT parameter in your <OpenLayers.Layer.WMS> instance(s).\n      */\n-    DEFAULT_OPTIONS: {\n-        tileSize: new OpenLayers.Size(512, 512),\n-        featureCoordSys: \"4326\",\n-        filterCoordSys: \"4326\",\n-        layers: null,\n-        isBaseLayer: true,\n-        async: true,\n-        name: \"ArcIMS\"\n-    },\n+    infoFormat: 'text/html',\n \n     /**\n-     * Constructor: OpenLayers.Layer.ArcIMS\n-     * Create a new ArcIMS layer object.\n-     *\n-     * Example:\n-     * (code)\n-     * var arcims = new OpenLayers.Layer.ArcIMS(\n-     *     \"Global Sample\",\n-     *     \"http://sample.avencia.com/servlet/com.esri.esrimap.Esrimap\", \n-     *     {\n-     *         service: \"OpenLayers_Sample\", \n-     *         layers: [\n-     *             // layers to manipulate\n-     *             {id: \"1\", visible: true}\n-     *         ]\n-     *     }\n-     * );\n+     * APIProperty: vendorParams\n+     * {Object} Additional parameters that will be added to the request, for\n+     *     WMS implementations that support them. This could e.g. look like\n+     * (start code)\n+     * {\n+     *     radius: 5\n+     * }\n      * (end)\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the ArcIMS server\n-     * options - {Object} Optional object with properties to be set on the\n-     *     layer.\n      */\n-    initialize: function(name, url, options) {\n-\n-        this.tileSize = new OpenLayers.Size(512, 512);\n-\n-        // parameters\n-        this.params = OpenLayers.Util.applyDefaults({\n-                ServiceName: options.serviceName\n-            },\n-            this.DEFAULT_PARAMS\n-        );\n-        this.options = OpenLayers.Util.applyDefaults(\n-            options, this.DEFAULT_OPTIONS\n-        );\n+    vendorParams: {},\n \n-        OpenLayers.Layer.Grid.prototype.initialize.apply(\n-            this, [name, url, this.params, options]\n-        );\n+    /**\n+     * APIProperty: format\n+     * {<OpenLayers.Format>} A format for parsing GetFeatureInfo responses.\n+     *     Default is <OpenLayers.Format.WMSGetFeatureInfo>.\n+     */\n+    format: null,\n \n-        //layer is transparent        \n-        if (this.transparent) {\n+    /**\n+     * APIProperty: formatOptions\n+     * {Object} Optional properties to set on the format (if one is not provided\n+     *     in the <format> property.\n+     */\n+    formatOptions: null,\n \n-            // unless explicitly set in options, make layer an overlay\n-            if (!this.isBaseLayer) {\n-                this.isBaseLayer = false;\n-            }\n+    /**\n+     * APIProperty: handlerOptions\n+     * {Object} Additional options for the handlers used by this control, e.g.\n+     * (start code)\n+     * {\n+     *     \"click\": {delay: 100},\n+     *     \"hover\": {delay: 300}\n+     * }\n+     * (end)\n+     */\n \n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.format == \"image/jpeg\") {\n-                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\";\n-            }\n-        }\n+    /**\n+     * Property: handler\n+     * {Object} Reference to the <OpenLayers.Handler> for this control\n+     */\n+    handler: null,\n \n-        // create an empty layer list if no layers specified in the options\n-        if (this.options.layers === null) {\n-            this.options.layers = [];\n-        }\n-    },\n+    /**\n+     * Property: hoverRequest\n+     * {<OpenLayers.Request>} contains the currently running hover request\n+     *     (if any).\n+     */\n+    hoverRequest: null,\n \n     /**\n-     * Method: getURL\n-     * Return an image url this layer.\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *     request.\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n      *\n-     * Returns:\n-     * {String} A string with the map image's url.\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforegetfeatureinfo - Triggered before the request is sent.\n+     *      The event object has an *xy* property with the position of the\n+     *      mouse click or hover event that triggers the request.\n+     * nogetfeatureinfo - no queryable layers were found.\n+     * getfeatureinfo - Triggered when a GetFeatureInfo response is received.\n+     *      The event object has a *text* property with the body of the\n+     *      response (String), a *features* property with an array of the\n+     *      parsed features, an *xy* property with the position of the mouse\n+     *      click or hover event that triggered the request, and a *request*\n+     *      property with the request itself. If drillDown is set to true and\n+     *      multiple requests were issued to collect feature info from all\n+     *      layers, *text* and *request* will only contain the response body\n+     *      and request object of the last request.\n      */\n-    getURL: function(bounds) {\n-        var url = \"\";\n-        bounds = this.adjustBounds(bounds);\n \n-        // create an arcxml request to generate the image\n-        var axlReq = new OpenLayers.Format.ArcXML(\n-            OpenLayers.Util.extend(this.options, {\n-                requesttype: \"image\",\n-                envelope: bounds.toArray(),\n-                tileSize: this.tileSize\n-            })\n-        );\n-\n-        // create a synchronous ajax request to get an arcims image\n-        var req = new OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            data: axlReq.write(),\n-            async: false\n-        });\n+    /**\n+     * Constructor: <OpenLayers.Control.WMSGetFeatureInfo>\n+     *\n+     * Parameters:\n+     * options - {Object}\n+     */\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || {};\n \n-        // if the response exists\n-        if (req != null) {\n-            var doc = req.responseXML;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n \n-            if (!doc || !doc.documentElement) {\n-                doc = req.responseText;\n-            }\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.WMSGetFeatureInfo(\n+                options.formatOptions\n+            );\n+        }\n \n-            // create a new arcxml format to read the response\n-            var axlResp = new OpenLayers.Format.ArcXML();\n-            var arcxml = axlResp.read(doc);\n-            url = this.getUrlOrImage(arcxml.image.output);\n+        if (this.drillDown === true) {\n+            this.hover = false;\n         }\n \n-        return url;\n+        if (this.hover) {\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this, {\n+                    'move': this.cancelHover,\n+                    'pause': this.getInfoForHover\n+                },\n+                OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n+                    'delay': 250\n+                }));\n+        } else {\n+            var callbacks = {};\n+            callbacks[this.clickCallback] = this.getInfoForClick;\n+            this.handler = new OpenLayers.Handler.Click(\n+                this, callbacks, this.handlerOptions.click || {});\n+        }\n     },\n \n-\n     /**\n-     * Method: getURLasync\n-     * Get an image url this layer asynchronously, and execute a callback\n-     *     when the image url is generated.\n+     * Method: getInfoForClick\n+     * Called on click\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *     request.\n-     * callback - {Function} Function to call when image url is retrieved.\n-     * scope - {Object} The scope of the callback method.\n+     * evt - {<OpenLayers.Event>}\n      */\n-    getURLasync: function(bounds, callback, scope) {\n-        bounds = this.adjustBounds(bounds);\n+    getInfoForClick: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        // Set the cursor to \"wait\" to tell the user we're working on their\n+        // click.\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        this.request(evt.xy, {});\n+    },\n \n-        // create an arcxml request to generate the image\n-        var axlReq = new OpenLayers.Format.ArcXML(\n-            OpenLayers.Util.extend(this.options, {\n-                requesttype: \"image\",\n-                envelope: bounds.toArray(),\n-                tileSize: this.tileSize\n-            })\n-        );\n+    /**\n+     * Method: getInfoForHover\n+     * Pause callback for the hover handler\n+     *\n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    getInfoForHover: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        this.request(evt.xy, {\n+            hover: true\n+        });\n+    },\n \n-        // create an asynchronous ajax request to get an arcims image\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            async: true,\n-            data: axlReq.write(),\n-            callback: function(req) {\n-                // process the response from ArcIMS, and call the callback function\n-                // to set the image URL\n-                var doc = req.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = req.responseText;\n-                }\n+    /**\n+     * Method: cancelHover\n+     * Cancel callback for the hover handler\n+     */\n+    cancelHover: function() {\n+        if (this.hoverRequest) {\n+            this.hoverRequest.abort();\n+            this.hoverRequest = null;\n+        }\n+    },\n \n-                // create a new arcxml format to read the response\n-                var axlResp = new OpenLayers.Format.ArcXML();\n-                var arcxml = axlResp.read(doc);\n+    /**\n+     * Method: findLayers\n+     * Internal method to get the layers, independent of whether we are\n+     *     inspecting the map or using a client-provided array\n+     */\n+    findLayers: function() {\n \n-                callback.call(scope, this.getUrlOrImage(arcxml.image.output));\n-            },\n-            scope: this\n-        });\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer, url;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.WMS &&\n+                (!this.queryVisible || layer.getVisibility())) {\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                // if the control was not configured with a url, set it\n+                // to the first layer url\n+                if (this.drillDown === false && !this.url) {\n+                    this.url = url;\n+                }\n+                if (this.drillDown === true || this.urlMatches(url)) {\n+                    layers.push(layer);\n+                }\n+            }\n+        }\n+        return layers;\n     },\n \n     /**\n-     * Method: getUrlOrImage\n-     * Extract a url or image from the ArcXML image output.\n+     * Method: urlMatches\n+     * Test to see if the provided url matches either the control <url> or one\n+     *     of the <layerUrls>.\n      *\n      * Parameters:\n-     * output - {Object} The image.output property of the object returned from\n-     *     the ArcXML format read method.\n+     * url - {String} The url to test.\n      *\n      * Returns:\n-     * {String} A URL for an image (potentially with the data protocol).\n+     * {Boolean} The provided url matches the control <url> or one of the\n+     *     <layerUrls>.\n      */\n-    getUrlOrImage: function(output) {\n-        var ret = \"\";\n-        if (output.url) {\n-            // If the image response output url is a string, then the image\n-            // data is not inline.\n-            ret = output.url;\n-        } else if (output.data) {\n-            // The image data is inline and base64 encoded, create a data\n-            // url for the image.  This will only work for small images,\n-            // due to browser url length limits.\n-            ret = \"data:image/\" + output.type +\n-                \";base64,\" + output.data;\n+    urlMatches: function(url) {\n+        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n+        if (!matches && this.layerUrls) {\n+            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n+                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n+                    matches = true;\n+                    break;\n+                }\n+            }\n         }\n-        return ret;\n+        return matches;\n     },\n \n     /**\n-     * Method: setLayerQuery\n-     * Set the query definition on this layer. Query definitions are used to\n-     *     render parts of the spatial data in an image, and can be used to\n-     *     filter features or layers in the ArcIMS service.\n+     * Method: buildWMSOptions\n+     * Build an object with the relevant WMS options for the GetFeatureInfo request\n      *\n      * Parameters:\n-     * id - {String} The ArcIMS layer ID.\n-     * querydef - {Object} The query definition to apply to this layer.\n+     * url - {String} The url to be used for sending the request\n+     * layers - {Array(<OpenLayers.Layer.WMS)} An array of layers\n+     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the mouse\n+     *     event occurred.\n+     * format - {String} The format from the corresponding GetMap request\n      */\n-    setLayerQuery: function(id, querydef) {\n-        // find the matching layer, if it exists\n-        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n-            if (id == this.options.layers[lyr].id) {\n-                // replace this layer definition\n-                this.options.layers[lyr].query = querydef;\n-                return;\n+    buildWMSOptions: function(url, layers, clickPosition, format) {\n+        var layerNames = [],\n+            styleNames = [];\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            if (layers[i].params.LAYERS != null) {\n+                layerNames = layerNames.concat(layers[i].params.LAYERS);\n+                styleNames = styleNames.concat(this.getStyleNames(layers[i]));\n             }\n         }\n-\n-        // no layer found, create a new definition\n-        this.options.layers.push({\n-            id: id,\n-            visible: true,\n-            query: querydef\n+        var firstLayer = layers[0];\n+        // use the firstLayer's projection if it matches the map projection -\n+        // this assumes that all layers will be available in this projection\n+        var projection = this.map.getProjection();\n+        var layerProj = firstLayer.projection;\n+        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n+            projection = layerProj.getCode();\n+        }\n+        var params = OpenLayers.Util.extend({\n+            service: \"WMS\",\n+            version: firstLayer.params.VERSION,\n+            request: \"GetFeatureInfo\",\n+            exceptions: firstLayer.params.EXCEPTIONS,\n+            bbox: this.map.getExtent().toBBOX(null,\n+                firstLayer.reverseAxisOrder()),\n+            feature_count: this.maxFeatures,\n+            height: this.map.getSize().h,\n+            width: this.map.getSize().w,\n+            format: format,\n+            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n+        }, (parseFloat(firstLayer.params.VERSION) >= 1.3) ? {\n+            crs: projection,\n+            i: parseInt(clickPosition.x),\n+            j: parseInt(clickPosition.y)\n+        } : {\n+            srs: projection,\n+            x: parseInt(clickPosition.x),\n+            y: parseInt(clickPosition.y)\n         });\n+        if (layerNames.length != 0) {\n+            params = OpenLayers.Util.extend({\n+                layers: layerNames,\n+                query_layers: layerNames,\n+                styles: styleNames\n+            }, params);\n+        }\n+        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n+        return {\n+            url: url,\n+            params: OpenLayers.Util.upperCaseObject(params),\n+            callback: function(request) {\n+                this.handleResponse(clickPosition, request, url);\n+            },\n+            scope: this\n+        };\n     },\n \n     /**\n-     * Method: getFeatureInfo\n-     * Get feature information from ArcIMS.  Using the applied geometry, apply\n-     *     the options to the query (buffer, area/envelope intersection), and\n-     *     query the ArcIMS service.\n-     *\n-     * A note about accuracy:\n-     * ArcIMS interprets the accuracy attribute in feature requests to be\n-     *     something like the 'modulus' operator on feature coordinates,\n-     *     applied to the database geometry of the feature.  It doesn't round,\n-     *     so your feature coordinates may be up to (1 x accuracy) offset from\n-     *     the actual feature coordinates.  If the accuracy of the layer is not\n-     *     specified, the accuracy will be computed to be approximately 1\n-     *     feature coordinate per screen  pixel.\n+     * Method: getStyleNames\n+     * Gets the STYLES parameter for the layer. Make sure the STYLES parameter\n+     * matches the LAYERS parameter\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.LonLat>} or {<OpenLayers.Geometry.Polygon>} The\n-     *     geometry to use when making the query. This should be a closed\n-     *     polygon for behavior approximating a free selection.\n-     * layer - {Object} The ArcIMS layer definition. This is an anonymous object\n-     *     that looks like:\n-     * (code)\n-     * {\n-     *     id: \"ArcXML layer ID\",  // the ArcXML layer ID\n-     *     query: {\n-     *         where: \"STATE = 'PA'\",  // the where clause of the query\n-     *         accuracy: 100           // the accuracy of the returned feature\n-     *     }\n-     * }\n-     * (end)\n-     * options - {Object} Object with non-default properties to set on the layer.\n-     *     Supported properties are buffer, callback, scope, and any other\n-     *     properties applicable to the ArcXML format.  Set the 'callback' and\n-     *     'scope' for an object and function to recieve the parsed features\n-     *     from ArcIMS.\n+     * layer - {<OpenLayers.Layer.WMS>}\n+     *\n+     * Returns:\n+     * {Array(String)} The STYLES parameter\n      */\n-    getFeatureInfo: function(geometry, layer, options) {\n-        // set the buffer to 1 unit (dd/m/ft?) by default\n-        var buffer = options.buffer || 1;\n-        // empty callback by default\n-        var callback = options.callback || function() {};\n-        // default scope is window (global)\n-        var scope = options.scope || window;\n-\n-        // apply these option to the request options\n-        var requestOptions = {};\n-        OpenLayers.Util.extend(requestOptions, this.options);\n-\n-        // this is a feature request\n-        requestOptions.requesttype = \"feature\";\n-\n-        if (geometry instanceof OpenLayers.LonLat) {\n-            // create an envelope if the geometry is really a lon/lat\n-            requestOptions.polygon = null;\n-            requestOptions.envelope = [\n-                geometry.lon - buffer,\n-                geometry.lat - buffer,\n-                geometry.lon + buffer,\n-                geometry.lat + buffer\n-            ];\n-        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n-            // use the polygon assigned, and empty the envelope\n-            requestOptions.envelope = null;\n-            requestOptions.polygon = geometry;\n-        }\n-\n-        // create an arcxml request to get feature requests\n-        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n-\n-        // apply any get feature options to the arcxml request\n-        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n-\n-        arcxml.request.get_feature.layer = layer.id;\n-        if (typeof layer.query.accuracy == \"number\") {\n-            // set the accuracy if it was specified\n-            arcxml.request.get_feature.query.accuracy = layer.query.accuracy;\n+    getStyleNames: function(layer) {\n+        // in the event of a WMS layer bundling multiple layers but not\n+        // specifying styles,we need the same number of commas to specify\n+        // the default style for each of the layers.  We can't just leave it\n+        // blank as we may be including other layers that do specify styles.\n+        var styleNames;\n+        if (layer.params.STYLES) {\n+            styleNames = layer.params.STYLES;\n         } else {\n-            // guess that the accuracy is 1 per screen pixel\n-            var mapCenter = this.map.getCenter();\n-            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n-            viewPx.x++;\n-            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n-            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon;\n+            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n+                styleNames = new Array(layer.params.LAYERS.length);\n+            } else { // Assume it's a String\n+                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\");\n+            }\n         }\n+        return styleNames;\n+    },\n \n-        // set the get_feature query to be the same as the layer passed in\n-        arcxml.request.get_feature.query.where = layer.query.where;\n-\n-        // use area_intersection\n-        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n+    /**\n+     * Method: request\n+     * Sends a GetFeatureInfo request to the WMS\n+     *\n+     * Parameters:\n+     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * options - {Object} additional options for this method.\n+     *\n+     * Valid options:\n+     * - *hover* {Boolean} true if we do the request for the hover handler\n+     */\n+    request: function(clickPosition, options) {\n+        var layers = this.findLayers();\n+        if (layers.length == 0) {\n+            this.events.triggerEvent(\"nogetfeatureinfo\");\n+            // Reset the cursor.\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            return;\n+        }\n \n-        // create a new asynchronous request to get the feature info\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString({\n-                'CustomService': 'Query'\n-            }),\n-            data: arcxml.write(),\n-            callback: function(request) {\n-                // parse the arcxml response\n-                var response = arcxml.parseResponse(request.responseText);\n+        options = options || {};\n+        if (this.drillDown === false) {\n+            var wmsOptions = this.buildWMSOptions(this.url, layers,\n+                clickPosition, layers[0].params.FORMAT);\n+            var request = OpenLayers.Request.GET(wmsOptions);\n \n-                if (!arcxml.iserror()) {\n-                    // if the arcxml is not an error, call the callback with the features parsed\n-                    callback.call(scope, response.features);\n+            if (options.hover === true) {\n+                this.hoverRequest = request;\n+            }\n+        } else {\n+            this._requestCount = 0;\n+            this._numRequests = 0;\n+            this.features = [];\n+            // group according to service url to combine requests\n+            var services = {},\n+                url;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                var service, found = false;\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (url in services) {\n+                    services[url].push(layer);\n                 } else {\n-                    // if the arcxml is an error, return null features selected\n-                    callback.call(scope, null);\n+                    this._numRequests++;\n+                    services[url] = [layer];\n                 }\n             }\n-        });\n+            var layers;\n+            for (var url in services) {\n+                layers = services[url];\n+                var wmsOptions = this.buildWMSOptions(url, layers,\n+                    clickPosition, layers[0].params.FORMAT);\n+                OpenLayers.Request.GET(wmsOptions);\n+            }\n+        }\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n+     * Method: triggerGetFeatureInfo\n+     * Trigger the getfeatureinfo event when all is done\n      *\n-     * Returns:\n-     * {<OpenLayers.Layer.ArcIMS>} An exact clone of this layer\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     * xy - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} or\n+     *     {Array({Object}) when output is \"object\". The object has a url and a\n+     *     features property which contains an array of features.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcIMS(this.name,\n-                this.url,\n-                this.getOptions());\n-        }\n+    triggerGetFeatureInfo: function(request, xy, features) {\n+        this.events.triggerEvent(\"getfeatureinfo\", {\n+            text: request.responseText,\n+            features: features,\n+            request: request,\n+            xy: xy\n+        });\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        // Reset the cursor.\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+    },\n \n-        // copy/set any non-init, non-simple values here\n+    /**\n+     * Method: handleResponse\n+     * Handler for the GetFeatureInfo response.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * request - {XMLHttpRequest} The request object.\n+     * url - {String} The url which was used for this request.\n+     */\n+    handleResponse: function(xy, request, url) {\n \n-        return obj;\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        var features = this.format.read(doc);\n+        if (this.drillDown === false) {\n+            this.triggerGetFeatureInfo(request, xy, features);\n+        } else {\n+            this._requestCount++;\n+            if (this.output === \"object\") {\n+                this._features = (this._features || []).concat({\n+                    url: url,\n+                    features: features\n+                });\n+            } else {\n+                this._features = (this._features || []).concat(features);\n+            }\n+            if (this._requestCount === this._numRequests) {\n+                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n+                delete this._features;\n+                delete this._requestCount;\n+                delete this._numRequests;\n+            }\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n+    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/WorldWind.js\n+    OpenLayers/Control/ZoomBox.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Box.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.WorldWind\n- * \n+ * Class: OpenLayers.Control.ZoomBox\n+ * The ZoomBox control enables zooming directly to a given extent, by drawing \n+ * a box on the map. The box is drawn by holding down shift, whilst dragging \n+ * the mouse.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    DEFAULT_PARAMS: {},\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+    /**\n+     * Property: type\n+     * {OpenLayers.Control.TYPE}\n+     */\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} WorldWind layer is a base layer by default.\n+     * Property: out\n+     * {Boolean} Should the control be used for zooming out?\n      */\n-    isBaseLayer: true,\n+    out: false,\n \n-    /** \n-     * APIProperty: lzd\n-     * {Float} LevelZeroTileSizeDegrees\n+    /**\n+     * APIProperty: keyMask\n+     * {Integer} Zoom only occurs if the keyMask matches the combination of \n+     *     keys down. Use bitwise operators and one or more of the\n+     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n+     *     not used mask. Default is null.\n      */\n-    lzd: null,\n+    keyMask: null,\n \n     /**\n-     * APIProperty: zoomLevels\n-     * {Integer} Number of zoom levels.\n+     * APIProperty: alwaysZoom\n+     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n+     * not change.\n      */\n-    zoomLevels: null,\n+    alwaysZoom: false,\n \n     /**\n-     * Constructor: OpenLayers.Layer.WorldWind\n-     * \n-     * Parameters:\n-     * name - {String} Name of Layer\n-     * url - {String} Base URL  \n-     * lzd - {Float} Level zero tile size degrees \n-     * zoomLevels - {Integer} number of zoom levels\n-     * params - {Object} additional parameters\n-     * options - {Object} additional options\n+     * APIProperty: zoomOnClick\n+     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n+     * clicked? Default is true.\n      */\n-    initialize: function(name, url, lzd, zoomLevels, params, options) {\n-        this.lzd = lzd;\n-        this.zoomLevels = zoomLevels;\n-        var newArguments = [];\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        this.params = OpenLayers.Util.applyDefaults(\n-            this.params, this.DEFAULT_PARAMS\n-        );\n-    },\n+    zoomOnClick: true,\n \n     /**\n-     * Method: getZoom\n-     * Convert map zoom to WW zoom.\n+     * Method: draw\n      */\n-    getZoom: function() {\n-        var zoom = this.map.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n-        return zoom;\n+    draw: function() {\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n+        });\n     },\n \n     /**\n-     * Method: getURL\n+     * Method: zoomBox\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *           passed-in bounds and appropriate tile size specified as \n-     *           parameters\n+     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var zoom = this.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        var deg = this.lzd / Math.pow(2, this.getZoom());\n-        var x = Math.floor((bounds.left - extent.left) / deg);\n-        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n-        if (this.map.getResolution() <= (this.lzd / 512) &&\n-            this.getZoom() <= this.zoomLevels) {\n-            return this.getFullRequestString({\n-                L: zoom,\n-                X: x,\n-                Y: y\n-            });\n-        } else {\n-            return OpenLayers.Util.getImageLocation(\"blank.gif\");\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds,\n+                targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n+                    maxXY.lon, maxXY.lat);\n+            } else {\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n+                    (this.map.size.w / pixWidth));\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n+                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n+                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n+                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n+            }\n+            // always zoom in/out \n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n+            } else {\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n+                        (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n+                        (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx);\n+            }\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n+            }\n+        } else if (this.zoomOnClick) { // it's a pixel\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position);\n+            } else {\n+                this.map.zoomTo(this.map.getZoom() - 1, position);\n+            }\n         }\n-\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/ArcGIS93Rest.js\n+    OpenLayers/Control/Scale.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.ArcGIS93Rest\n- * Instances of OpenLayers.Layer.ArcGIS93Rest are used to display data from\n- *     ESRI ArcGIS Server 9.3 (and up?) Mapping Services using the REST API.\n- *     Create a new ArcGIS93Rest layer with the <OpenLayers.Layer.ArcGIS93Rest>\n- *     constructor.  More detail on the REST API is available at\n- *     http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/index.html ;\n- *     specifically, the URL provided to this layer should be an export service\n- *     URL: http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html \n- * \n+ * Class: OpenLayers.Control.Scale\n+ * The Scale control displays the current map scale as a ratio (e.g. Scale = \n+ * 1:1M). By default it is displayed in the lower right corner of the map.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n+     * Property: element\n+     * {DOMElement}\n      */\n-    DEFAULT_PARAMS: {\n-        format: \"png\"\n-    },\n+    element: null,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Default is true for ArcGIS93Rest layer\n+     * APIProperty: geodesic\n+     * {Boolean} Use geodesic measurement. Default is false. The recommended\n+     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n+     * true, the scale will be calculated based on the horizontal size of the\n+     * pixel in the center of the map viewport.\n      */\n-    isBaseLayer: true,\n-\n+    geodesic: false,\n \n     /**\n-     * Constructor: OpenLayers.Layer.ArcGIS93Rest\n-     * Create a new ArcGIS93Rest layer object.\n-     *\n-     * Example:\n-     * (code)\n-     * var arcims = new OpenLayers.Layer.ArcGIS93Rest(\"MyName\",\n-     *                                    \"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StateCityHighway_USA/MapServer/export\", \n-     *                                    {\n-     *                                      layers: \"0,1,2\"\n-     *                                    });\n-     * (end)\n-     *\n+     * Constructor: OpenLayers.Control.Scale\n+     * \n      * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the ArcGIS server REST service\n-     * options - {Object} An object with key/value pairs representing the\n-     *                    options and option values.\n-     *\n-     * Valid Options:\n-     *        format - {String} MIME type of desired image type.\n-     *        layers - {String} Comma-separated list of layers to display.\n-     *        srs - {String} Projection ID.\n+     * element - {DOMElement} \n+     * options - {Object} \n      */\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        //uppercase params\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(\n-            this.params,\n-            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n-        );\n-\n-        //layer is transparent        \n-        if (this.params.TRANSPARENT &&\n-            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-\n-            // unless explicitly set in options, make layer an overlay\n-            if ((options == null) || (!options.isBaseLayer)) {\n-                this.isBaseLayer = false;\n-            }\n-\n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.params.FORMAT == \"jpg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" :\n-                    \"png\";\n-            }\n-        }\n+    initialize: function(element, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.element = OpenLayers.Util.getElement(element);\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n+     * Method: draw\n+     * \n      * Returns:\n-     * {<OpenLayers.Layer.ArcGIS93Rest>} An exact clone of this layer\n+     * {DOMElement}\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.element = document.createElement(\"div\");\n+            this.div.appendChild(this.element);\n         }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n+        this.map.events.register('moveend', this, this.updateScale);\n+        this.updateScale();\n+        return this.div;\n     },\n \n-\n     /**\n-     * Method: getURL\n-     * Return an image url this layer.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *                                request.\n-     *\n-     * Returns:\n-     * {String} A string with the map image's url.\n+     * Method: updateScale\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-\n-        // ArcGIS Server only wants the numeric portion of the projection ID.\n-        var projWords = this.projection.getCode().split(\":\");\n-        var srid = projWords[projWords.length - 1];\n-\n-        var imageSize = this.getImageSize();\n-        var newParams = {\n-            'BBOX': bounds.toBBOX(),\n-            'SIZE': imageSize.w + \",\" + imageSize.h,\n-            // We always want image, the other options were json, image with a whole lotta html around it, etc.\n-            'F': \"image\",\n-            'BBOXSR': srid,\n-            'IMAGESR': srid\n-        };\n-\n-        // Now add the filter parameters.\n-        if (this.layerDefs) {\n-            var layerDefStrList = [];\n-            var layerID;\n-            for (layerID in this.layerDefs) {\n-                if (this.layerDefs.hasOwnProperty(layerID)) {\n-                    if (this.layerDefs[layerID]) {\n-                        layerDefStrList.push(layerID);\n-                        layerDefStrList.push(\":\");\n-                        layerDefStrList.push(this.layerDefs[layerID]);\n-                        layerDefStrList.push(\";\");\n-                    }\n-                }\n-            }\n-            if (layerDefStrList.length > 0) {\n-                newParams['LAYERDEFS'] = layerDefStrList.join(\"\");\n+    updateScale: function() {\n+        var scale;\n+        if (this.geodesic === true) {\n+            var units = this.map.getUnits();\n+            if (!units) {\n+                return;\n             }\n+            var inches = OpenLayers.INCHES_PER_UNIT;\n+            scale = (this.map.getGeodesicPixelSize().w || 0.000001) *\n+                inches[\"km\"] * OpenLayers.DOTS_PER_INCH;\n+        } else {\n+            scale = this.map.getScale();\n         }\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString;\n-    },\n \n-    /**\n-     * Method: setLayerFilter\n-     * addTile creates a tile, initializes it, and adds it to the layer div. \n-     *\n-     * Parameters:\n-     * id - {String} The id of the layer to which the filter applies.\n-     * queryDef - {String} A sql-ish query filter, for more detail see the ESRI\n-     *                     documentation at http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html\n-     */\n-    setLayerFilter: function(id, queryDef) {\n-        if (!this.layerDefs) {\n-            this.layerDefs = {};\n-        }\n-        if (queryDef) {\n-            this.layerDefs[id] = queryDef;\n-        } else {\n-            delete this.layerDefs[id];\n+        if (!scale) {\n+            return;\n         }\n-    },\n \n-    /**\n-     * Method: clearLayerFilter\n-     * Clears layer filters, either from a specific layer,\n-     * or all of them.\n-     *\n-     * Parameters:\n-     * id - {String} The id of the layer from which to remove any\n-     *               filter.  If unspecified/blank, all filters\n-     *               will be removed.\n-     */\n-    clearLayerFilter: function(id) {\n-        if (id) {\n-            delete this.layerDefs[id];\n+        if (scale >= 9500 && scale <= 950000) {\n+            scale = Math.round(scale / 1000) + \"K\";\n+        } else if (scale >= 950000) {\n+            scale = Math.round(scale / 1000000) + \"M\";\n         } else {\n-            delete this.layerDefs;\n+            scale = Math.round(scale);\n         }\n-    },\n \n-    /**\n-     * APIMethod: mergeNewParams\n-     * Catch changeParams and uppercase the new params to be merged in\n-     *     before calling changeParams on the super class.\n-     * \n-     *     Once params have been changed, the tiles will be reloaded with\n-     *     the new parameters.\n-     * \n-     * Parameters:\n-     * newParams - {Object} Hashtable of new params to use\n-     */\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n-            newArguments);\n+        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n+            'scaleDenom': scale\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n+    CLASS_NAME: \"OpenLayers.Control.Scale\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Layer/XYZ.js\n+    OpenLayers/Control/Panel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.XYZ\n- * The XYZ class is designed to make it easier for people who have tiles\n- * arranged by a standard XYZ grid. \n- * \n+/**\n+ * Class: OpenLayers.Control.Panel\n+ * The Panel control is a container for other controls. With it toolbars\n+ * may be composed.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+    /**\n+     * Property: controls\n+     * {Array(<OpenLayers.Control>)}\n+     */\n+    controls: null,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * Default is true, as this is designed to be a base tile source. \n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    isBaseLayer: true,\n+    autoActivate: true,\n+\n+    /** \n+     * APIProperty: defaultControl\n+     * {<OpenLayers.Control>} The control which is activated when the control is\n+     * activated (turned on), which also happens at instantiation.\n+     * If <saveState> is true, <defaultControl> will be nullified after the\n+     * first activation of the panel.\n+     */\n+    defaultControl: null,\n \n     /**\n-     * APIProperty: sphericalMercator\n-     * Whether the tile extents should be set to the defaults for \n-     *    spherical mercator. Useful for things like OpenStreetMap.\n-     *    Default is false, except for the OSM subclass.\n+     * APIProperty: saveState\n+     * {Boolean} If set to true, the active state of this panel's controls will\n+     * be stored on panel deactivation, and restored on reactivation. Default\n+     * is false.\n      */\n-    sphericalMercator: false,\n+    saveState: false,\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n+     * APIProperty: allowDepress\n+     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n+     *     be deactivated by clicking the icon that represents them.  Default \n+     *     is false.\n      */\n-    zoomOffset: 0,\n+    allowDepress: false,\n \n     /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n+     * Property: activeState\n+     * {Object} stores the active state of this panel's controls.\n      */\n-    serverResolutions: null,\n+    activeState: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.XYZ\n+     * Constructor: OpenLayers.Control.Panel\n+     * Create a new control panel.\n+     *\n+     * Each control in the panel is represented by an icon. When clicking \n+     *     on an icon, the <activateControl> method is called.\n+     *\n+     * Specific properties for controls on a panel:\n+     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n+     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n+     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n+     * title - {string} Text displayed when mouse is over the icon that \n+     *     represents the control.     \n+     *\n+     * The <OpenLayers.Control.type> of a control determines the behavior when\n+     * clicking its icon:\n+     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n+     *     controls of this type in the same panel are deactivated. This is\n+     *     the default type.\n+     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n+     *     toggled.\n+     * <OpenLayers.Control.TYPE_BUTTON> - The\n+     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n+     *     but its active state is not changed.\n+     *\n+     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n+     * olControl[Name]ItemActive class, otherwise with the\n+     * olControl[Name]ItemInactive class.\n      *\n      * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options);\n-        }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name || this.name, url || this.url, {},\n-            options\n-        ]);\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {};\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n-     *\n-     * Parameters:\n-     * obj - {Object} Is this ever used?\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+     * APIMethod: destroy\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name,\n-                this.url,\n-                this.getOptions());\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n         }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                });\n+            }\n+            ctl.panel_div = null;\n+        }\n+        this.activeState = null;\n     },\n \n     /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n+     * APIMethod: activate\n      */\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = '' + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url);\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl ||\n+                    (this.saveState && this.activeState[control.id])) {\n+                    control.activate();\n+                }\n+            }\n+            if (this.saveState === true) {\n+                this.defaultControl = null;\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n         }\n+    },\n \n-        return OpenLayers.String.format(url, xyz);\n+    /**\n+     * APIMethod: deactivate\n+     */\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate();\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: getXYZ\n-     * Calculates x, y and z for the given bounds.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * Method: draw\n      *\n      * Returns:\n-     * {Object} - an object with x, y and z properties.\n+     * {DOMElement}\n      */\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) /\n-            (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) /\n-            (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = ((x % limit) + limit) % limit;\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n         }\n-\n-        return {\n-            'x': x,\n-            'y': y,\n-            'z': z\n-        };\n+        this.addControlsToMap(this.controls);\n+        return this.div;\n     },\n \n-    /* APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+    /**\n+     * Method: redraw\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n-                this.maxExtent.bottom);\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i]);\n+        }\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div);\n+            }\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n-});\n-/* ======================================================================\n-    OpenLayers/Tile/UTFGrid.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Tile.js\n- * @requires OpenLayers/Format/JSON.js\n- * @requires OpenLayers/Request.js\n- */\n-\n-/**\n- * Class: OpenLayers.Tile.UTFGrid\n- * Instances of OpenLayers.Tile.UTFGrid are used to manage \n- * UTFGrids. This is an unusual tile type in that it doesn't have a\n- * rendered image; only a 'hit grid' that can be used to \n- * look up feature attributes.\n- *\n- * See the <OpenLayers.Tile.UTFGrid> constructor for details on constructing a\n- * new instance.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Tile>\n- */\n-OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n-\n-    /** \n-     * Property: url\n-     * {String}\n-     * The URL of the UTFGrid file being requested. Provided by the <getURL>\n-     *     method. \n+    /**\n+     * APIMethod: activateControl\n+     * This method is called when the user click on the icon representing a \n+     *     control in the panel.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>}\n      */\n-    url: null,\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false;\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return;\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate();\n+            } else {\n+                control.activate();\n+            }\n+            return;\n+        }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate();\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control &&\n+                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate();\n+                }\n+            }\n+            control.activate();\n+        }\n+    },\n \n     /**\n-     * Property: utfgridResolution\n-     * {Number}\n-     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n-     *     entry in the grid represents a 4x4 block of pixels, the \n-     *     utfgridResolution would be 4.  Default is 2.\n+     * APIMethod: addControls\n+     * To build a toolbar, you add a set of controls to it. addControls\n+     * lets you add a single control or a list of controls to the \n+     * Control Panel.\n+     *\n+     * Parameters:\n+     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n      */\n-    utfgridResolution: 2,\n+    addControls: function(controls) {\n+        if (!(OpenLayers.Util.isArray(controls))) {\n+            controls = [controls];\n+        }\n+        this.controls = this.controls.concat(controls);\n \n-    /** \n-     * Property: json\n-     * {Object}\n-     * Stores the parsed JSON tile data structure. \n-     */\n-    json: null,\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element,\n+                control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title;\n+            }\n+            control.panel_div = element;\n+        }\n \n-    /** \n-     * Property: format\n-     * {OpenLayers.Format.JSON}\n-     * Parser instance used to parse JSON for cross browser support.  The native\n-     *     JSON.parse method will be used where available (all except IE<8).\n-     */\n-    format: null,\n+        if (this.map) { // map.addControl() has already been called on the panel\n+            this.addControlsToMap(controls);\n+            this.redraw();\n+        }\n+    },\n \n-    /** \n-     * Constructor: OpenLayers.Tile.UTFGrid\n-     * Constructor for a new <OpenLayers.Tile.UTFGrid> instance.\n-     * \n+    /**\n+     * APIMethod: createControlMarkup\n+     * This function just creates a div for the control. If specific HTML\n+     * markup is needed this function can be overridden in specific classes,\n+     * or at panel instantiation time:\n+     *\n+     * Example:\n+     * (code)\n+     * var panel = new OpenLayers.Control.Panel({\n+     *     defaultControl: control,\n+     *     // ovverride createControlMarkup to create actual buttons\n+     *     // including texts wrapped into span elements.\n+     *     createControlMarkup: function(control) {\n+     *         var button = document.createElement('button'),\n+     *             span = document.createElement('span');\n+     *         if (control.text) {\n+     *             span.innerHTML = control.text;\n+     *         }\n+     *         return button;\n+     *     }\n+     *  });\n+     * (end)\n+     *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n-     * position - {<OpenLayers.Pixel>}\n-     * bounds - {<OpenLayers.Bounds>}\n-     * url - {<String>} Deprecated. Remove me in 3.0.\n-     * size - {<OpenLayers.Size>}\n-     * options - {Object}\n-     */\n-\n-    /** \n-     * APIMethod: destroy\n-     * Clean up.\n+     * control - {<OpenLayers.Control>} The control to create the HTML\n+     *     markup for.\n+     *\n+     * Returns:\n+     * {DOMElement} The markup.\n      */\n-    destroy: function() {\n-        this.clear();\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\");\n     },\n \n     /**\n-     * Method: draw\n-     * Check that a tile should be drawn, and draw it.\n-     * In the case of UTFGrids, \"drawing\" it means fetching and\n-     * parsing the json. \n-     * \n-     * Returns:\n-     * {Boolean} Was a tile drawn?\n+     * Method: addControlsToMap\n+     * Only for internal use in draw() and addControls() methods.\n+     *\n+     * Parameters:\n+     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n      */\n-    draw: function() {\n-        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (drawn) {\n-            if (this.isLoading) {\n-                this.abortLoading();\n-                //if we're already loading, send 'reload' instead of 'loadstart'.\n-                this.events.triggerEvent(\"reload\");\n-            } else {\n-                this.isLoading = true;\n-                this.events.triggerEvent(\"loadstart\");\n-            }\n-            this.url = this.layer.getURL(this.bounds);\n-\n-            if (this.layer.useJSONP) {\n-                // Use JSONP method to avoid xbrowser policy\n-                var ols = new OpenLayers.Protocol.Script({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        this.json = response.data;\n-                    },\n-                    scope: this\n-                });\n-                ols.read();\n-                this.request = ols;\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true;\n             } else {\n-                // Use standard XHR\n-                this.request = OpenLayers.Request.GET({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        if (response.status === 200) {\n-                            this.parseData(response.responseText);\n-                        }\n-                    },\n-                    scope: this\n-                });\n+                this.map.addControl(control);\n+                control.deactivate();\n             }\n-        } else {\n-            this.unload();\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            });\n         }\n-        return drawn;\n     },\n \n     /**\n-     * Method: abortLoading\n-     * Cancel a pending request.\n+     * Method: iconOn\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n      */\n-    abortLoading: function() {\n-        if (this.request) {\n-            this.request.abort();\n-            delete this.request;\n-        }\n-        this.isLoading = false;\n+    iconOn: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\");\n     },\n \n     /**\n-     * Method: getFeatureInfo\n-     * Get feature information associated with a pixel offset.  If the pixel\n-     *     offset corresponds to a feature, the returned object will have id\n-     *     and data properties.  Otherwise, null will be returned.\n-     *     \n+     * Method: iconOff\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n+     */\n+    iconOff: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\");\n+    },\n+\n+    /**\n+     * Method: onButtonClick\n      *\n      * Parameters:\n-     * i - {Number} X-axis pixel offset (from top left of tile)\n-     * j - {Number} Y-axis pixel offset (from top left of tile)\n-     *\n-     * Returns:\n-     * {Object} Object with feature id and data properties corresponding to the \n-     *     given pixel offset.\n+     * evt - {Event}\n      */\n-    getFeatureInfo: function(i, j) {\n-        var info = null;\n-        if (this.json) {\n-            var id = this.getFeatureId(i, j);\n-            if (id !== null) {\n-                info = {\n-                    id: id,\n-                    data: this.json.data[id]\n-                };\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break;\n             }\n         }\n-        return info;\n     },\n \n     /**\n-     * Method: getFeatureId\n-     * Get the identifier for the feature associated with a pixel offset.\n+     * APIMethod: getControlsBy\n+     * Get a list of controls with properties matching the given criteria.\n      *\n      * Parameters:\n-     * i - {Number} X-axis pixel offset (from top left of tile)\n-     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     * property - {String} A control property to be matched.\n+     * match - {String | Object} A string to match.  Can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     match.test(control[property]) evaluates to true, the control will be\n+     *     included in the array returned.  If no controls are found, an empty\n+     *     array is returned.\n      *\n      * Returns:\n-     * {Object} The feature identifier corresponding to the given pixel offset.\n-     *     Returns null if pixel doesn't correspond to a feature.\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n+     *     An empty array is returned if no matches are found.\n      */\n-    getFeatureId: function(i, j) {\n-        var id = null;\n-        if (this.json) {\n-            var resolution = this.utfgridResolution;\n-            var row = Math.floor(j / resolution);\n-            var col = Math.floor(i / resolution);\n-            var charCode = this.json.grid[row].charCodeAt(col);\n-            var index = this.indexFromCharCode(charCode);\n-            var keys = this.json.keys;\n-            if (!isNaN(index) && (index in keys)) {\n-                id = keys[index];\n-            }\n-        }\n-        return id;\n+    getControlsBy: function(property, match) {\n+        var test = (typeof match.test == \"function\");\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || (test && match.test(item[property]));\n+        });\n+        return found;\n     },\n \n     /**\n-     * Method: indexFromCharCode\n-     * Given a character code for one of the UTFGrid \"grid\" characters, \n-     *     resolve the integer index for the feature id in the UTFGrid \"keys\"\n-     *     array.\n+     * APIMethod: getControlsByName\n+     * Get a list of contorls with names matching the given name.\n      *\n      * Parameters:\n-     * charCode - {Integer}\n+     * match - {String | Object} A control name.  The name can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     name.test(control.name) evaluates to true, the control will be included\n+     *     in the list of controls returned.  If no controls are found, an empty\n+     *     array is returned.\n      *\n      * Returns:\n-     * {Integer} Index for the feature id from the keys array.\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n+     *     An empty array is returned if no matches are found.\n      */\n-    indexFromCharCode: function(charCode) {\n-        if (charCode >= 93) {\n-            charCode--;\n-        }\n-        if (charCode >= 35) {\n-            charCode--;\n-        }\n-        return charCode - 32;\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match);\n     },\n \n     /**\n-     * Method: parseData\n-     * Parse the JSON from a request\n+     * APIMethod: getControlsByClass\n+     * Get a list of controls of a given type (CLASS_NAME).\n      *\n      * Parameters:\n-     * str - {String} UTFGrid as a JSON string. \n-     * \n+     * match - {String | Object} A control class name.  The type can also be a\n+     *     regular expression literal or object.  In addition, it can be any\n+     *     object with a method named test.  For reqular expressions or other,\n+     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n+     *     be included in the list of controls returned.  If no controls are\n+     *     found, an empty array is returned.\n+     *\n      * Returns:\n-     * {Object} parsed javascript data\n-     */\n-    parseData: function(str) {\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.JSON();\n-        }\n-        this.json = this.format.read(str);\n-    },\n-\n-    /** \n-     * Method: clear\n-     * Delete data stored with this tile.\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n+     *     An empty array is returned if no matches are found.\n      */\n-    clear: function() {\n-        this.json = null;\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n-\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Layer/UTFGrid.js\n+    OpenLayers/Control/DragPan.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/XYZ.js\n- * @requires OpenLayers/Tile/UTFGrid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.UTFGrid\n- * This Layer reads from UTFGrid tiled data sources.  Since UTFGrids are \n- * essentially JSON-based ASCII art with attached attributes, they are not \n- * visibly rendered.  In order to use them in the map, you must add a \n- * <OpenLayers.Control.UTFGrid> control as well.\n- *\n- * Example:\n- *\n- * (start code)\n- * var world_utfgrid = new OpenLayers.Layer.UTFGrid({\n- *     url: \"/tiles/world_utfgrid/${z}/${x}/${y}.json\",\n- *     utfgridResolution: 4,\n- *     displayInLayerSwitcher: false\n- * );\n- * map.addLayer(world_utfgrid);\n- * \n- * var control = new OpenLayers.Control.UTFGrid({\n- *     layers: [world_utfgrid],\n- *     handlerMode: 'move',\n- *     callback: function(dataLookup) {\n- *         // do something with returned data\n- *     }\n- * })\n- * (end code)\n+/**\n+ * Class: OpenLayers.Control.DragPan\n+ * The DragPan control pans the map with a drag of the mouse.\n  *\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIProperty: isBaseLayer\n-     * Default is false, as UTFGrids are designed to be a transparent overlay layer. \n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n      */\n-    isBaseLayer: false,\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * APIProperty: projection\n-     * {<OpenLayers.Projection>}\n-     * Source projection for the UTFGrids.  Default is \"EPSG:900913\".\n+     * Property: panned\n+     * {Boolean} The map moved.\n      */\n-    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n+    panned: false,\n \n     /**\n-     * Property: useJSONP\n-     * {Boolean}\n-     * Should we use a JSONP script approach instead of a standard AJAX call?\n-     *\n-     * Set to true for using utfgrids from another server. \n-     * Avoids same-domain policy restrictions. \n-     * Note that this only works if the server accepts \n-     * the callback GET parameter and dynamically \n-     * wraps the returned json in a function call.\n-     * \n-     * Default is false\n+     * Property: interval\n+     * {Integer} The number of milliseconds that should ellapse before\n+     *     panning the map again. Defaults to 0 milliseconds, which means that\n+     *     no separate cycle is used for panning. In most cases you won't want\n+     *     to change this value. For slow machines/devices larger values can be\n+     *     tried out.\n      */\n-    useJSONP: false,\n+    interval: 0,\n \n     /**\n-     * APIProperty: url\n-     * {String}\n-     * URL tempate for UTFGrid tiles.  Include x, y, and z parameters.\n-     * E.g. \"/tiles/${z}/${x}/${y}.json\"\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n+    documentDrag: false,\n \n     /**\n-     * APIProperty: utfgridResolution\n-     * {Number}\n-     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n-     *     entry in the grid represents a 4x4 block of pixels, the \n-     *     utfgridResolution would be 4.  Default is 2 (specified in \n-     *     <OpenLayers.Tile.UTFGrid>).\n+     * Property: kinetic\n+     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n      */\n+    kinetic: null,\n \n     /**\n-     * Property: tileClass\n-     * {<OpenLayers.Tile>} The tile class to use for this layer.\n-     *     Defaults is <OpenLayers.Tile.UTFGrid>.\n+     * APIProperty: enableKinetic\n+     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n+     *     set to true or to an object. If set to an object this\n+     *     object will be passed to the {<OpenLayers.Kinetic>}\n+     *     constructor. Defaults to true.\n+     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n+     *     included in your build config.\n      */\n-    tileClass: OpenLayers.Tile.UTFGrid,\n+    enableKinetic: true,\n \n     /**\n-     * Constructor: OpenLayers.Layer.UTFGrid\n-     * Create a new UTFGrid layer.\n-     *\n-     * Parameters:\n-     * config - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * url - {String} The url template for UTFGrid tiles.  See the <url> property.\n+     * APIProperty: kineticInterval\n+     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n+     *     scrolling\". Applies only if enableKinetic is set. Defaults\n+     *     to 10 milliseconds.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(\n-            this, [options.name, options.url, {}, options]\n-        );\n-        this.tileOptions = OpenLayers.Util.extend({\n-            utfgridResolution: this.utfgridResolution\n-        }, this.tileOptions);\n-    },\n+    kineticInterval: 10,\n+\n \n     /**\n-     * Method: createBackBuffer\n-     * The UTFGrid cannot create a back buffer, so this method is overriden.\n+     * Method: draw\n+     * Creates a Drag handler, using <panMap> and\n+     * <panMapDone> as callbacks.\n      */\n-    createBackBuffer: function() {},\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic);\n+            }\n+            this.kinetic = new OpenLayers.Kinetic(config);\n+        }\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            \"move\": this.panMap,\n+            \"done\": this.panMapDone,\n+            \"down\": this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        });\n+    },\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n-     *\n-     * Parameters:\n-     * obj - {Object} Only used by a subclass of this layer.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.UTFGrid>} An exact clone of this OpenLayers.Layer.UTFGrid\n+     * Method: panMapStart\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.UTFGrid(this.getOptions());\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin();\n         }\n-\n-        // get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n     },\n \n     /**\n-     * APIProperty: getFeatureInfo\n-     * Get details about a feature associated with a map location.  The object\n-     *     returned will have id and data properties.  If the given location\n-     *     doesn't correspond to a feature, null will be returned.\n+     * Method: panMap\n      *\n      * Parameters:\n-     * location - {<OpenLayers.LonLat>} map location\n-     *\n-     * Returns:\n-     * {Object} Object representing the feature id and UTFGrid data \n-     *     corresponding to the given map location.  Returns null if the given\n-     *     location doesn't hit a feature.\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    getFeatureInfo: function(location) {\n-        var info = null;\n-        var tileInfo = this.getTileData(location);\n-        if (tileInfo && tileInfo.tile) {\n-            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j);\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy);\n         }\n-        return info;\n+        this.panned = true;\n+        this.map.pan(\n+            this.handler.last.x - xy.x,\n+            this.handler.last.y - xy.y, {\n+                dragging: true,\n+                animate: false\n+            }\n+        );\n     },\n \n     /**\n-     * APIMethod: getFeatureId\n-     * Get the identifier for the feature associated with a map location.\n+     * Method: panMapDone\n+     * Finish the panning operation.  Only call setCenter (through <panMap>)\n+     *     if the map has actually been moved.\n      *\n      * Parameters:\n-     * location - {<OpenLayers.LonLat>} map location\n-     *\n-     * Returns:\n-     * {String} The feature identifier corresponding to the given map location.\n-     *     Returns null if the location doesn't hit a feature.\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    getFeatureId: function(location) {\n-        var id = null;\n-        var info = this.getTileData(location);\n-        if (info.tile) {\n-            id = info.tile.getFeatureId(info.i, info.j);\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy);\n+            }\n+            this.map.pan(\n+                this.handler.last.x - xy.x,\n+                this.handler.last.y - xy.y, {\n+                    dragging: !!res,\n+                    animate: false\n+                }\n+            );\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    });\n+                });\n+            }\n+            this.panned = false;\n         }\n-        return id;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Bing.js\n+    OpenLayers/Control/Navigation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Control/ZoomBox.js\n+ * @requires OpenLayers/Control/DragPan.js\n+ * @requires OpenLayers/Handler/MouseWheel.js\n+ * @requires OpenLayers/Handler/Click.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.Bing\n- * Bing layer using direct tile access as provided by Bing Maps REST Services.\n- * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n- * information. Note: Terms of Service compliant use requires the map to be\n- * configured with an <OpenLayers.Control.Attribution> control and the\n- * attribution placed on or near the map.\n+/**\n+ * Class: OpenLayers.Control.Navigation\n+ * The navigation control handles map browsing with mouse events (dragging,\n+ *     double-clicking, and scrolling the wheel).  Create a new navigation \n+ *     control with the <OpenLayers.Control.Navigation> control.  \n  * \n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ *     Note that this control is added to the map by default (if no controls \n+ *     array is sent in the options object to the <OpenLayers.Map> \n+ *     constructor).\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * Property: dragPan\n+     * {<OpenLayers.Control.DragPan>} \n+     */\n+    dragPan: null,\n \n     /**\n-     * Property: key\n-     * {String} API key for Bing maps, get your own key \n-     *     at http://bingmapsportal.com/ .\n+     * APIProperty: dragPanOptions\n+     * {Object} Options passed to the DragPan control.\n      */\n-    key: null,\n+    dragPanOptions: null,\n \n     /**\n-     * Property: serverResolutions\n-     * {Array} the resolutions provided by the Bing servers.\n+     * Property: pinchZoom\n+     * {<OpenLayers.Control.PinchZoom>}\n      */\n-    serverResolutions: [\n-        156543.03390625, 78271.516953125, 39135.7584765625,\n-        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n-        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n-        305.74811309814453, 152.87405654907226, 76.43702827453613,\n-        38.218514137268066, 19.109257068634033, 9.554628534317017,\n-        4.777314267158508, 2.388657133579254, 1.194328566789627,\n-        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n-        0.07464553542435169\n-    ],\n+    pinchZoom: null,\n \n     /**\n-     * Property: attributionTemplate\n-     * {String}\n+     * APIProperty: pinchZoomOptions\n+     * {Object} Options passed to the PinchZoom control.\n      */\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n-        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n-        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n-        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n-        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n-        'Terms of Use</a></span>',\n+    pinchZoomOptions: null,\n \n     /**\n-     * Property: metadata\n-     * {Object} Metadata for this layer, as returned by the callback script\n+     * APIProperty: documentDrag\n+     * {Boolean} Allow panning of the map by dragging outside map viewport.\n+     *     Default is false.\n      */\n-    metadata: null,\n+    documentDrag: false,\n+\n+    /** \n+     * Property: zoomBox\n+     * {<OpenLayers.Control.ZoomBox>}\n+     */\n+    zoomBox: null,\n \n     /**\n-     * Property: protocolRegex\n-     * {RegExp} Regular expression to match and replace http: in bing urls\n+     * APIProperty: zoomBoxEnabled\n+     * {Boolean} Whether the user can draw a box to zoom\n      */\n-    protocolRegex: /^http:/i,\n+    zoomBoxEnabled: true,\n \n     /**\n-     * APIProperty: type\n-     * {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.  Default is \"Road\".\n+     * APIProperty: zoomWheelEnabled\n+     * {Boolean} Whether the mousewheel should zoom the map\n      */\n-    type: \"Road\",\n+    zoomWheelEnabled: true,\n \n     /**\n-     * APIProperty: culture\n-     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n-     * for the definition and the possible values.  Default is \"en-US\".\n+     * Property: mouseWheelOptions\n+     * {Object} Options passed to the MouseWheel control (only useful if\n+     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n+     *     with fractionalZoom set to true, otherwise\n+     *     {cumulative: false, interval: 50, maxDelta: 6} \n      */\n-    culture: \"en-US\",\n+    mouseWheelOptions: null,\n \n     /**\n-     * APIProperty: metadataParams\n-     * {Object} Optional url parameters for the Get Imagery Metadata request\n-     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     * APIProperty: handleRightClicks\n+     * {Boolean} Whether or not to handle right clicks. Default is false.\n      */\n-    metadataParams: null,\n+    handleRightClicks: false,\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n+    /**\n+     * APIProperty: zoomBoxKeyMask\n+     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n+     *    pressed, while drawing the zoom box with the mouse on the screen. \n+     *    You should probably set handleRightClicks to true if you use this\n+     *    with MOD_CTRL, to disable the context menu for machines which use\n+     *    CTRL-Click as a right click.\n+     * Default: <OpenLayers.Handler.MOD_SHIFT>\n      */\n-    tileOptions: null,\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n \n-    /** APIProperty: protocol\n-     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n-     *  Can be 'http:' 'https:' or ''\n-     *\n-     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n-     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n-     *  this is undocumented and the Imagery Metadata API always returns HTTP\n-     *  urls.\n-     *\n-     *  Default is '', unless when executed from a file:/// uri, in which case\n-     *  it is 'http:'.\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+    autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Bing\n-     * Create a new Bing layer.\n-     *\n-     * Example:\n-     * (code)\n-     * var road = new OpenLayers.Layer.Bing({\n-     *     name: \"My Bing Aerial Layer\",\n-     *     type: \"Aerial\",\n-     *     key: \"my-api-key-here\",\n-     * });\n-     * (end)\n-     *\n+     * Constructor: OpenLayers.Control.Navigation\n+     * Create a new navigation control\n+     * \n      * Parameters:\n-     * options - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * key - {String} Bing Maps API key for your application. Get one at\n-     *     http://bingmapsportal.com/.\n-     * type - {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.\n-     *\n-     * Any other documented layer properties can be provided in the config object.\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n      */\n     initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options.tileOptions);\n-        this.loadMetadata();\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n     },\n \n     /**\n-     * Method: loadMetadata\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        // link the processMetadata method to the global scope and bind it\n-        // to this instance\n-        window[this._callbackId] = OpenLayers.Function.bind(\n-            OpenLayers.Layer.Bing.processMetadata, this\n-        );\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n-            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script);\n+    destroy: function() {\n+        this.deactivate();\n+\n+        if (this.dragPan) {\n+            this.dragPan.destroy();\n+        }\n+        this.dragPan = null;\n+\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy();\n+        }\n+        this.zoomBox = null;\n+\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+        }\n+        this.pinchZoom = null;\n+\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: initLayer\n-     *\n-     * Sets layer properties according to the metadata provided by the API\n+     * Method: activate\n      */\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n+    activate: function() {\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate();\n         }\n-        this.addOptions({\n-            maxResolution: Math.min(\n-                this.serverResolutions[res.zoomMin],\n-                this.maxResolution || Number.POSITIVE_INFINITY\n-            ),\n-            numZoomLevels: Math.min(\n-                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n-            )\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw();\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate();\n         }\n-        this.updateAttribution();\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate();\n+        }\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n     },\n \n     /**\n-     * Method: getURL\n-     *\n-     * Paramters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * Method: deactivate\n      */\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return;\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = '0';\n-            var mask = 1 << (i - 1);\n-            if ((x & mask) != 0) {\n-                digit++;\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++;\n-            }\n-            quadDigits.push(digit);\n+    deactivate: function() {\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate();\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl('' + x + y + z, this.url);\n-\n-        return OpenLayers.String.format(url, {\n-            'quadkey': quadKey\n-        });\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n     },\n \n     /**\n-     * Method: updateAttribution\n-     * Updates the attribution according to the requirements outlined in\n-     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n+     * Method: draw\n      */\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return;\n+    draw: function() {\n+        // disable right mouse context menu for support of right click events\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(\n-            this.map.getProjectionObject(),\n-            new OpenLayers.Projection(\"EPSG:4326\")\n+\n+        var clickCallbacks = {\n+            'click': this.defaultClick,\n+            'dblclick': this.defaultDblClick,\n+            'dblrightclick': this.defaultDblRightClick\n+        };\n+        var clickOptions = {\n+            'double': true,\n+            'stopDouble': true\n+        };\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, clickCallbacks, clickOptions\n         );\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n-                this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                // axis order provided is Y,X\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) &&\n-                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \";\n-                }\n-            }\n-        }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n+        this.dragPan = new OpenLayers.Control.DragPan(\n+            OpenLayers.Util.extend({\n+                map: this.map,\n+                documentDrag: this.documentDrag\n+            }, this.dragPanOptions)\n+        );\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n         });\n+        this.dragPan.draw();\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n+        };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n+            this, {\n+                up: this.wheelUp,\n+                down: this.wheelDown\n+            },\n+            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n+        );\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+                OpenLayers.Util.extend({\n+                    map: this.map\n+                }, this.pinchZoomOptions));\n+        }\n     },\n \n     /**\n-     * Method: setMap\n+     * Method: defaultClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution);\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut();\n+        }\n     },\n \n     /**\n-     * APIMethod: clone\n+     * Method: defaultDblClick \n      * \n      * Parameters:\n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n+     * evt - {Event} \n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options);\n-        }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n     },\n \n     /**\n-     * Method: destroy\n+     * Method: defaultDblRightClick \n+     * \n+     * Parameters:\n+     * evt - {Event} \n      */\n-    destroy: function() {\n-        this.map &&\n-            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n-\n-/**\n- * Function: OpenLayers.Layer.Bing.processMetadata\n- * This function will be bound to an instance, linked to the global scope with\n- * an id, and called by the JSONP script returned by the API.\n- *\n- * Parameters:\n- * metadata - {Object} metadata as returned by the API\n- */\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined; // cannot delete from window in IE\n-    delete this._callbackId;\n-};\n-/* ======================================================================\n-    OpenLayers/Layer/Markers.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Markers\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer> \n- */\n-OpenLayers.Layer.Markers = OpenLayers.Class(OpenLayers.Layer, {\n-\n-    /** \n-     * APIProperty: isBaseLayer \n-     * {Boolean} Markers layer is never a base layer.  \n-     */\n-    isBaseLayer: false,\n-\n-    /** \n-     * APIProperty: markers \n-     * {Array(<OpenLayers.Marker>)} internal marker list \n-     */\n-    markers: null,\n-\n-\n-    /** \n-     * Property: drawn \n-     * {Boolean} internal state of drawing. This is a workaround for the fact\n-     * that the map does not call moveTo with a zoomChanged when the map is\n-     * first starting up. This lets us catch the case where we have *never*\n-     * drawn the layer, and draw it even if the zoom hasn't changed.\n-     */\n-    drawn: false,\n-\n     /**\n-     * Constructor: OpenLayers.Layer.Markers \n-     * Create a Markers layer.\n+     * Method: wheelChange  \n      *\n      * Parameters:\n-     * name - {String} \n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        this.markers = [];\n-    },\n-\n-    /**\n-     * APIMethod: destroy \n+     * evt - {Event}\n+     * deltaZ - {Integer}\n      */\n-    destroy: function() {\n-        this.clearMarkers();\n-        this.markers = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ);\n+        }\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n+            return;\n+        }\n+        this.map.zoomTo(newZoom, evt.xy);\n     },\n \n-    /**\n-     * APIMethod: setOpacity\n-     * Sets the opacity for all the markers.\n+    /** \n+     * Method: wheelUp\n+     * User spun scroll wheel up\n      * \n      * Parameters:\n-     * opacity - {Float}\n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    setOpacity: function(opacity) {\n-        if (opacity != this.opacity) {\n-            this.opacity = opacity;\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                this.markers[i].setOpacity(this.opacity);\n-            }\n-        }\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1);\n     },\n \n     /** \n-     * Method: moveTo\n-     *\n+     * Method: wheelDown\n+     * User spun scroll wheel down\n+     * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * zoomChanged - {Boolean} \n-     * dragging - {Boolean} \n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-\n-        if (zoomChanged || !this.drawn) {\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                this.drawMarker(this.markers[i]);\n-            }\n-            this.drawn = true;\n-        }\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1);\n     },\n \n     /**\n-     * APIMethod: addMarker\n-     *\n-     * Parameters:\n-     * marker - {<OpenLayers.Marker>} \n+     * Method: disableZoomBox\n      */\n-    addMarker: function(marker) {\n-        this.markers.push(marker);\n-\n-        if (this.opacity < 1) {\n-            marker.setOpacity(this.opacity);\n-        }\n-\n-        if (this.map && this.map.getExtent()) {\n-            marker.map = this.map;\n-            this.drawMarker(marker);\n-        }\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate();\n     },\n \n     /**\n-     * APIMethod: removeMarker\n-     *\n-     * Parameters:\n-     * marker - {<OpenLayers.Marker>} \n+     * Method: enableZoomBox\n      */\n-    removeMarker: function(marker) {\n-        if (this.markers && this.markers.length) {\n-            OpenLayers.Util.removeItem(this.markers, marker);\n-            marker.erase();\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate();\n         }\n     },\n \n     /**\n-     * Method: clearMarkers\n-     * This method removes all markers from a layer. The markers are not\n-     * destroyed by this function, but are removed from the list of markers.\n+     * Method: disableZoomWheel\n      */\n-    clearMarkers: function() {\n-        if (this.markers != null) {\n-            while (this.markers.length > 0) {\n-                this.removeMarker(this.markers[0]);\n-            }\n-        }\n-    },\n \n-    /** \n-     * Method: drawMarker\n-     * Calculate the pixel location for the marker, create it, and \n-     *    add it to the layer's div\n-     *\n-     * Parameters:\n-     * marker - {<OpenLayers.Marker>} \n-     */\n-    drawMarker: function(marker) {\n-        var px = this.map.getLayerPxFromLonLat(marker.lonlat);\n-        if (px == null) {\n-            marker.display(false);\n-        } else {\n-            if (!marker.isDrawn()) {\n-                var markerImg = marker.draw(px);\n-                this.div.appendChild(markerImg);\n-            } else if (marker.icon) {\n-                marker.icon.moveTo(px);\n-            }\n-        }\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate();\n     },\n \n-    /** \n-     * APIMethod: getDataExtent\n-     * Calculates the max extent which includes all of the markers.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n+    /**\n+     * Method: enableZoomWheel\n      */\n-    getDataExtent: function() {\n-        var maxExtent = null;\n \n-        if (this.markers && (this.markers.length > 0)) {\n-            var maxExtent = new OpenLayers.Bounds();\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                var marker = this.markers[i];\n-                maxExtent.extend(marker.lonlat);\n-            }\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate();\n         }\n-\n-        return maxExtent;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Markers\"\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n });\n /* ======================================================================\n-    OpenLayers/Format/Text.js\n+    OpenLayers/Control/EditingToolbar.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Navigation.js\n+ * @requires OpenLayers/Control/DrawFeature.js\n+ * @requires OpenLayers/Handler/Point.js\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Handler/Polygon.js\n  */\n \n /**\n- * Class: OpenLayers.Format.Text\n- * Read Text format. Create a new instance with the <OpenLayers.Format.Text>\n- *     constructor. This reads text which is formatted like CSV text, using\n- *     tabs as the seperator by default. It provides parsing of data originally\n- *     used in the MapViewerService, described on the wiki. This Format is used\n- *     by the <OpenLayers.Layer.Text> class.\n- *\n+ * Class: OpenLayers.Control.EditingToolbar \n+ * The EditingToolbar is a panel of 4 controls to draw polygons, lines, \n+ * points, or to navigate the map by panning. By default it appears in the \n+ * upper right corner of the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Control.Panel>\n  */\n-OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n-\n-    /**\n-     * APIProperty: defaultStyle\n-     * defaultStyle allows one to control the default styling of the features.\n-     *    It should be a symbolizer hash. By default, this is set to match the\n-     *    Layer.Text behavior, which is to use the default OpenLayers Icon.\n-     */\n-    defaultStyle: null,\n-\n-    /**\n-     * APIProperty: extractStyles\n-     * set to true to extract styles from the TSV files, using information\n-     * from the image or icon, iconSize and iconOffset fields. This will result\n-     * in features with a symbolizer (style) property set, using the\n-     * default symbolizer specified in <defaultStyle>. Set to false if you\n-     * wish to use a styleMap or OpenLayers.Style options to style your\n-     * layer instead.\n-     */\n-    extractStyles: true,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.Text\n-     * Create a new parser for TSV Text.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-    initialize: function(options) {\n-        options = options || {};\n-\n-        if (options.extractStyles !== false) {\n-            options.defaultStyle = {\n-                'externalGraphic': OpenLayers.Util.getImageLocation(\"marker.png\"),\n-                'graphicWidth': 21,\n-                'graphicHeight': 25,\n-                'graphicXOffset': -10.5,\n-                'graphicYOffset': -12.5\n-            };\n-        }\n-\n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n-    },\n+OpenLayers.Control.EditingToolbar = OpenLayers.Class(\n+    OpenLayers.Control.Panel, {\n \n-    /**\n-     * APIMethod: read\n-     * Return a list of features from a Tab Seperated Values text string.\n-     * \n-     * Parameters:\n-     * text - {String} \n-     *\n-     * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n-     */\n-    read: function(text) {\n-        var lines = text.split('\\n');\n-        var columns;\n-        var features = [];\n-        // length - 1 to allow for trailing new line\n-        for (var lcv = 0; lcv < (lines.length - 1); lcv++) {\n-            var currLine = lines[lcv].replace(/^\\s*/, '').replace(/\\s*$/, '');\n+        /**\n+         * APIProperty: citeCompliant\n+         * {Boolean} If set to true, coordinates of features drawn in a map extent\n+         * crossing the date line won't exceed the world bounds. Default is false.\n+         */\n+        citeCompliant: false,\n \n-            if (currLine.charAt(0) != '#') {\n-                /* not a comment */\n+        /**\n+         * Constructor: OpenLayers.Control.EditingToolbar\n+         * Create an editing toolbar for a given layer. \n+         *\n+         * Parameters:\n+         * layer - {<OpenLayers.Layer.Vector>} \n+         * options - {Object} \n+         */\n+        initialize: function(layer, options) {\n+            OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n \n-                if (!columns) {\n-                    //First line is columns\n-                    columns = currLine.split('\\t');\n-                } else {\n-                    var vals = currLine.split('\\t');\n-                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n-                    var attributes = {};\n-                    var style = this.defaultStyle ?\n-                        OpenLayers.Util.applyDefaults({}, this.defaultStyle) :\n-                        null;\n-                    var icon, iconSize, iconOffset, overflow;\n-                    var set = false;\n-                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n-                        if (vals[valIndex]) {\n-                            if (columns[valIndex] == 'point') {\n-                                var coords = vals[valIndex].split(',');\n-                                geometry.y = parseFloat(coords[0]);\n-                                geometry.x = parseFloat(coords[1]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'lat') {\n-                                geometry.y = parseFloat(vals[valIndex]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'lon') {\n-                                geometry.x = parseFloat(vals[valIndex]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'title')\n-                                attributes['title'] = vals[valIndex];\n-                            else if (columns[valIndex] == 'image' ||\n-                                columns[valIndex] == 'icon' && style) {\n-                                style['externalGraphic'] = vals[valIndex];\n-                            } else if (columns[valIndex] == 'iconSize' && style) {\n-                                var size = vals[valIndex].split(',');\n-                                style['graphicWidth'] = parseFloat(size[0]);\n-                                style['graphicHeight'] = parseFloat(size[1]);\n-                            } else if (columns[valIndex] == 'iconOffset' && style) {\n-                                var offset = vals[valIndex].split(',');\n-                                style['graphicXOffset'] = parseFloat(offset[0]);\n-                                style['graphicYOffset'] = parseFloat(offset[1]);\n-                            } else if (columns[valIndex] == 'description') {\n-                                attributes['description'] = vals[valIndex];\n-                            } else if (columns[valIndex] == 'overflow') {\n-                                attributes['overflow'] = vals[valIndex];\n-                            } else {\n-                                // For StyleMap filtering, allow additional\n-                                // columns to be stored as attributes.\n-                                attributes[columns[valIndex]] = vals[valIndex];\n-                            }\n-                        }\n+            this.addControls(\n+                [new OpenLayers.Control.Navigation()]\n+            );\n+            var controls = [\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n+                    displayClass: 'olControlDrawFeaturePoint',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n                     }\n-                    if (set) {\n-                        if (this.internalProjection && this.externalProjection) {\n-                            geometry.transform(this.externalProjection,\n-                                this.internalProjection);\n-                        }\n-                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n-                        features.push(feature);\n+                }),\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n+                    displayClass: 'olControlDrawFeaturePath',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n                     }\n-                }\n+                }),\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n+                    displayClass: 'olControlDrawFeaturePolygon',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n+                    }\n+                })\n+            ];\n+            this.addControls(controls);\n+        },\n+\n+        /**\n+         * Method: draw\n+         * calls the default draw, and then activates mouse defaults.\n+         *\n+         * Returns:\n+         * {DOMElement}\n+         */\n+        draw: function() {\n+            var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+            if (this.defaultControl === null) {\n+                this.defaultControl = this.controls[0];\n             }\n-        }\n-        return features;\n-    },\n+            return div;\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Format.Text\"\n-});\n+        CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n+    });\n /* ======================================================================\n-    OpenLayers/Layer/Text.js\n+    OpenLayers/Control/PanZoomBar.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n- * @requires OpenLayers/Layer/Markers.js\n- * @requires OpenLayers/Format/Text.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Control/PanZoom.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Text\n- * This layer creates markers given data in a text file.  The <location>\n- *     property of the layer (specified as a property of the options argument\n- *     in the <OpenLayers.Layer.Text> constructor) points to a tab delimited\n- *     file with data used to create markers.\n- *\n- * The first row of the data file should be a header line with the column names\n- *     of the data. Each column should be delimited by a tab space. The\n- *     possible columns are:\n- *      - *point* lat,lon of the point where a marker is to be placed\n- *      - *lat*  Latitude of the point where a marker is to be placed\n- *      - *lon*  Longitude of the point where a marker is to be placed\n- *      - *icon* or *image* URL of marker icon to use.\n- *      - *iconSize* Size of Icon to use.\n- *      - *iconOffset* Where the top-left corner of the icon is to be placed\n- *            relative to the latitude and longitude of the point.\n- *      - *title* The text of the 'title' is placed inside an 'h2' marker\n- *            inside a popup, which opens when the marker is clicked.\n- *      - *description* The text of the 'description' is placed below the h2\n- *            in the popup. this can be plain text or HTML.\n- *\n- * Example text file:\n- * (code)\n- * lat\tlon\ttitle\tdescription\ticonSize\ticonOffset\ticon\n- * 10\t20\ttitle\tdescription\t21,25\t\t-10,-25\t\thttp://www.openlayers.org/dev/img/marker.png\n- * (end)\n+ * Class: OpenLayers.Control.PanZoomBar\n+ * The PanZoomBar is a visible control composed of a\n+ * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomBar>. \n+ * By default it is displayed in the upper left corner of the map as 4\n+ * directional arrows above a vertical slider.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n+ *  - <OpenLayers.Control.PanZoom>\n  */\n-OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n \n-    /**\n-     * APIProperty: location \n-     * {String} URL of text file.  Must be specified in the \"options\" argument\n-     *   of the constructor. Can not be changed once passed in. \n+    /** \n+     * APIProperty: zoomStopWidth\n      */\n-    location: null,\n+    zoomStopWidth: 18,\n \n     /** \n-     * Property: features\n-     * {Array(<OpenLayers.Feature>)} \n+     * APIProperty: zoomStopHeight\n      */\n-    features: null,\n+    zoomStopHeight: 11,\n \n-    /**\n-     * APIProperty: formatOptions\n-     * {Object} Hash of options which should be passed to the format when it is\n-     * created. Must be passed in the constructor.\n+    /** \n+     * Property: slider\n      */\n-    formatOptions: null,\n+    slider: null,\n \n     /** \n-     * Property: selectedFeature\n-     * {<OpenLayers.Feature>}\n+     * Property: sliderEvents\n+     * {<OpenLayers.Events>}\n      */\n-    selectedFeature: null,\n+    sliderEvents: null,\n+\n+    /** \n+     * Property: zoombarDiv\n+     * {DOMElement}\n+     */\n+    zoombarDiv: null,\n+\n+    /** \n+     * APIProperty: zoomWorldIcon\n+     * {Boolean}\n+     */\n+    zoomWorldIcon: false,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Text\n-     * Create a text layer.\n-     * \n-     * Parameters:\n-     * name - {String} \n-     * options - {Object} Object with properties to be set on the layer.\n-     *     Must include <location> property.\n+     * APIProperty: panIcons\n+     * {Boolean} Set this property to false not to display the pan icons. If\n+     * false the zoom world icon is placed under the zoom bar. Defaults to\n+     * true.\n      */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n-        this.features = [];\n-    },\n+    panIcons: true,\n \n     /**\n-     * APIMethod: destroy \n+     * APIProperty: forceFixedZoomLevel\n+     * {Boolean} Force a fixed zoom level even though the map has \n+     *     fractionalZoom\n      */\n-    destroy: function() {\n-        // Warning: Layer.Markers.destroy() must be called prior to calling\n-        // clearFeatures() here, otherwise we leak memory. Indeed, if\n-        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n-        // able to remove the marker image elements from the layer's div since\n-        // the markers will have been destroyed by clearFeatures().\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null;\n-    },\n+    forceFixedZoomLevel: false,\n \n     /**\n-     * Method: loadText\n-     * Start the load of the Text data. Don't do this when we first add the layer,\n-     * since we may not be visible at any point, and it would therefore be a waste.\n+     * Property: mouseDragStart\n+     * {<OpenLayers.Pixel>}\n      */\n-    loadText: function() {\n-        if (!this.loaded) {\n-            if (this.location != null) {\n+    mouseDragStart: null,\n \n-                var onFail = function(e) {\n-                    this.events.triggerEvent(\"loadend\");\n-                };\n+    /**\n+     * Property: deltaY\n+     * {Number} The cumulative vertical pixel offset during a zoom bar drag.\n+     */\n+    deltaY: null,\n \n-                this.events.triggerEvent(\"loadstart\");\n-                OpenLayers.Request.GET({\n-                    url: this.location,\n-                    success: this.parseData,\n-                    failure: onFail,\n-                    scope: this\n-                });\n-                this.loaded = true;\n-            }\n-        }\n+    /**\n+     * Property: zoomStart\n+     * {<OpenLayers.Pixel>}\n+     */\n+    zoomStart: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.PanZoomBar\n+     */\n+\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+\n+        this._removeZoomBar();\n+\n+        this.map.events.un({\n+            \"changebaselayer\": this.redraw,\n+            \"updatesize\": this.redraw,\n+            scope: this\n+        });\n+\n+        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n+\n+        delete this.mouseDragStart;\n+        delete this.zoomStart;\n     },\n \n     /**\n-     * Method: moveTo\n-     * If layer is visible and Text has not been loaded, load Text. \n+     * Method: setMap\n      * \n      * Parameters:\n-     * bounds - {Object} \n-     * zoomChanged - {Object} \n-     * minor - {Object} \n+     * map - {<OpenLayers.Map>} \n      */\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadText();\n+    setMap: function(map) {\n+        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            \"changebaselayer\": this.redraw,\n+            \"updatesize\": this.redraw,\n+            scope: this\n+        });\n+    },\n+\n+    /** \n+     * Method: redraw\n+     * clear the div and start over.\n+     */\n+    redraw: function() {\n+        if (this.div != null) {\n+            this.removeButtons();\n+            this._removeZoomBar();\n         }\n+        this.draw();\n     },\n \n     /**\n-     * Method: parseData\n+     * Method: draw \n      *\n      * Parameters:\n-     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     * px - {<OpenLayers.Pixel>} \n      */\n-    parseData: function(ajaxRequest) {\n-        var text = ajaxRequest.responseText;\n-\n-        var options = {};\n-\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject();\n-        }\n-\n-        var parser = new OpenLayers.Format.Text(options);\n-        var features = parser.read(text);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            var location;\n-            var iconSize, iconOffset;\n+    draw: function(px) {\n+        // initialize our internal div\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position.clone();\n \n-            location = new OpenLayers.LonLat(feature.geometry.x,\n-                feature.geometry.y);\n+        // place the controls\n+        this.buttons = [];\n \n-            if (feature.style.graphicWidth &&\n-                feature.style.graphicHeight) {\n-                iconSize = new OpenLayers.Size(\n-                    feature.style.graphicWidth,\n-                    feature.style.graphicHeight);\n-            }\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        if (this.panIcons) {\n+            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+            var wposition = sz.w;\n \n-            // FIXME: At the moment, we only use this if we have an \n-            // externalGraphic, because icon has no setOffset API Method.\n-            /**\n-             * FIXME FIRST!!\n-             * The Text format does all sorts of parseFloating\n-             * The result of a parseFloat for a bogus string is NaN.  That\n-             * means the three possible values here are undefined, NaN, or a\n-             * number.  The previous check was an identity check for null.  This\n-             * means it was failing for all undefined or NaN.  A slightly better\n-             * check is for undefined.  An even better check is to see if the\n-             * value is a number (see #1441).\n-             */\n-            if (feature.style.graphicXOffset !== undefined &&\n-                feature.style.graphicYOffset !== undefined) {\n-                iconOffset = new OpenLayers.Pixel(\n-                    feature.style.graphicXOffset,\n-                    feature.style.graphicYOffset);\n+            if (this.zoomWorldIcon) {\n+                centered = new OpenLayers.Pixel(px.x + sz.w, px.y);\n             }\n \n-            if (feature.style.externalGraphic != null) {\n-                data.icon = new OpenLayers.Icon(feature.style.externalGraphic,\n-                    iconSize,\n-                    iconOffset);\n-            } else {\n-                data.icon = OpenLayers.Marker.defaultIcon();\n-\n-                //allows for the case where the image url is not \n-                // specified but the size is. use a default icon\n-                // but change the size\n-                if (iconSize != null) {\n-                    data.icon.setSize(iconSize);\n-                }\n-            }\n+            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+            px.y = centered.y + sz.h;\n+            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+            if (this.zoomWorldIcon) {\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n \n-            if ((feature.attributes.title != null) &&\n-                (feature.attributes.description != null)) {\n-                data['popupContentHTML'] =\n-                    '<h2>' + feature.attributes.title + '</h2>' +\n-                    '<p>' + feature.attributes.description + '</p>';\n+                wposition *= 2;\n             }\n-\n-            data['overflow'] = feature.attributes.overflow || \"auto\";\n-\n-            var markerFeature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(markerFeature);\n-            var marker = markerFeature.createMarker();\n-            if ((feature.attributes.title != null) &&\n-                (feature.attributes.description != null)) {\n-                marker.events.register('click', markerFeature, this.markerClick);\n+            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n+            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+        } else {\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n+            centered = this._addZoomBar(px.add(0, sz.h));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+            if (this.zoomWorldIcon) {\n+                centered = centered.add(0, sz.h + 3);\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz);\n             }\n-            this.addMarker(marker);\n         }\n-        this.events.triggerEvent(\"loadend\");\n+        return this.div;\n     },\n \n-    /**\n-     * Property: markerClick\n+    /** \n+     * Method: _addZoomBar\n      * \n      * Parameters:\n-     * evt - {Event} \n-     *\n-     * Context:\n-     * - {<OpenLayers.Feature>}\n+     * centered - {<OpenLayers.Pixel>} where zoombar drawing is to start.\n      */\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = (this == this.layer.selectedFeature);\n-        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i]);\n-        }\n-        if (!sameMarkerClicked) {\n-            this.layer.map.addPopup(this.createPopup());\n-        }\n-        OpenLayers.Event.stop(evt);\n-    },\n+    _addZoomBar: function(centered) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n+        var id = this.id + \"_\" + this.map.id;\n+        var minZoom = this.map.getMinZoom();\n+        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n+        var slider = OpenLayers.Util.createAlphaImageDiv(id,\n+            centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n+                w: 20,\n+                h: 9\n+            },\n+            imgLocation,\n+            \"absolute\");\n+        slider.style.cursor = \"move\";\n+        this.slider = slider;\n \n-    /**\n-     * Method: clearFeatures\n-     */\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy();\n-            }\n+        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n+            includeXY: true\n+        });\n+        this.sliderEvents.on({\n+            \"touchstart\": this.zoomBarDown,\n+            \"touchmove\": this.zoomBarDrag,\n+            \"touchend\": this.zoomBarUp,\n+            \"mousedown\": this.zoomBarDown,\n+            \"mousemove\": this.zoomBarDrag,\n+            \"mouseup\": this.zoomBarUp\n+        });\n+\n+        var sz = {\n+            w: this.zoomStopWidth,\n+            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n+        };\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n+        var div = null;\n+\n+        if (OpenLayers.Util.alphaHack()) {\n+            var id = this.id + \"_\" + this.map.id;\n+            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n+                    w: sz.w,\n+                    h: this.zoomStopHeight\n+                },\n+                imgLocation,\n+                \"absolute\", null, \"crop\");\n+            div.style.height = sz.h + \"px\";\n+        } else {\n+            div = OpenLayers.Util.createDiv(\n+                'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id,\n+                centered,\n+                sz,\n+                imgLocation);\n         }\n-    },\n+        div.style.cursor = \"pointer\";\n+        div.className = \"olButton\";\n+        this.zoombarDiv = div;\n \n-    CLASS_NAME: \"OpenLayers.Layer.Text\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/WMTS.js\n-   ====================================================================== */\n+        this.div.appendChild(div);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        this.startTop = parseInt(div.style.top);\n+        this.div.appendChild(slider);\n \n-/**\n- * @requires OpenLayers/Layer/Grid.js\n- */\n+        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n \n-/**\n- * Class: OpenLayers.Layer.WMTS\n- * Instances of the WMTS class allow viewing of tiles from a service that \n- *     implements the OGC WMTS specification version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer will be considered a base layer.  Default is true.\n-     */\n-    isBaseLayer: true,\n-\n-    /**\n-     * Property: version\n-     * {String} WMTS version.  Default is \"1.0.0\".\n-     */\n-    version: \"1.0.0\",\n-\n-    /**\n-     * APIProperty: requestEncoding\n-     * {String} Request encoding.  Can be \"REST\" or \"KVP\".  Default is \"KVP\".\n-     */\n-    requestEncoding: \"KVP\",\n-\n-    /**\n-     * APIProperty: url\n-     * {String|Array(String)} The base URL or request URL template for the WMTS\n-     * service. Must be provided. Array is only supported for base URLs, not\n-     * for request URL templates. URL templates are only supported for\n-     * REST <requestEncoding>.\n-     */\n-    url: null,\n-\n-    /**\n-     * APIProperty: layer\n-     * {String} The layer identifier advertised by the WMTS service.  Must be \n-     *     provided.\n-     */\n-    layer: null,\n-\n-    /** \n-     * APIProperty: matrixSet\n-     * {String} One of the advertised matrix set identifiers.  Must be provided.\n-     */\n-    matrixSet: null,\n-\n-    /** \n-     * APIProperty: style\n-     * {String} One of the advertised layer styles.  Must be provided.\n-     */\n-    style: null,\n-\n-    /** \n-     * APIProperty: format\n-     * {String} The image MIME type.  Default is \"image/jpeg\".\n-     */\n-    format: \"image/jpeg\",\n-\n-    /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} The top-left corner of the tile matrix in map \n-     *     units.  If the tile origin for each matrix in a set is different,\n-     *     the <matrixIds> should include a topLeftCorner property.  If\n-     *     not provided, the tile origin will default to the top left corner\n-     *     of the layer <maxExtent>.\n-     */\n-    tileOrigin: null,\n-\n-    /**\n-     * APIProperty: tileFullExtent\n-     * {<OpenLayers.Bounds>}  The full extent of the tile set.  If not supplied,\n-     *     the layer's <maxExtent> property will be used.\n-     */\n-    tileFullExtent: null,\n-\n-    /**\n-     * APIProperty: formatSuffix\n-     * {String} For REST request encoding, an image format suffix must be \n-     *     included in the request.  If not provided, the suffix will be derived\n-     *     from the <format> property.\n-     */\n-    formatSuffix: null,\n-\n-    /**\n-     * APIProperty: matrixIds\n-     * {Array} A list of tile matrix identifiers.  If not provided, the matrix\n-     *     identifiers will be assumed to be integers corresponding to the \n-     *     map zoom level.  If a list of strings is provided, each item should\n-     *     be the matrix identifier that corresponds to the map zoom level.\n-     *     Additionally, a list of objects can be provided.  Each object should\n-     *     describe the matrix as presented in the WMTS capabilities.  These\n-     *     objects should have the propertes shown below.\n-     * \n-     * Matrix properties:\n-     * identifier - {String} The matrix identifier (required).\n-     * scaleDenominator - {Number} The matrix scale denominator.\n-     * topLeftCorner - {<OpenLayers.LonLat>} The top left corner of the \n-     *     matrix.  Must be provided if different than the layer <tileOrigin>.\n-     * tileWidth - {Number} The tile width for the matrix.  Must be provided \n-     *     if different than the width given in the layer <tileSize>.\n-     * tileHeight - {Number} The tile height for the matrix.  Must be provided \n-     *     if different than the height given in the layer <tileSize>.\n-     */\n-    matrixIds: null,\n-\n-    /**\n-     * APIProperty: dimensions\n-     * {Array} For RESTful request encoding, extra dimensions may be specified.\n-     *     Items in this list should be property names in the <params> object.\n-     *     Values of extra dimensions will be determined from the corresponding\n-     *     values in the <params> object.\n-     */\n-    dimensions: null,\n-\n-    /**\n-     * APIProperty: params\n-     * {Object} Extra parameters to include in tile requests.  For KVP \n-     *     <requestEncoding>, these properties will be encoded in the request \n-     *     query string.  For REST <requestEncoding>, these properties will\n-     *     become part of the request path, with order determined by the \n-     *     <dimensions> list.\n-     */\n-    params: null,\n+        centered = centered.add(0,\n+            this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n+        return centered;\n+    },\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Additionally, if this layer is to be used\n-     *     as an overlay and the cache has fewer zoom levels than the base\n-     *     layer, you can supply a negative zoomOffset.  For example, if a\n-     *     map zoom level of 1 corresponds to your cache level zero, you would\n-     *     supply a -1 zoomOffset (and set the maxResolution of the layer\n-     *     appropriately).  The zoomOffset value has no effect if complete\n-     *     matrix definitions (including scaleDenominator) are supplied in\n-     *     the <matrixIds> property.  Defaults to 0 (no zoom offset).\n+     * Method: _removeZoomBar\n      */\n-    zoomOffset: 0,\n+    _removeZoomBar: function() {\n+        this.sliderEvents.un({\n+            \"touchstart\": this.zoomBarDown,\n+            \"touchmove\": this.zoomBarDrag,\n+            \"touchend\": this.zoomBarUp,\n+            \"mousedown\": this.zoomBarDown,\n+            \"mousemove\": this.zoomBarDrag,\n+            \"mouseup\": this.zoomBarUp\n+        });\n+        this.sliderEvents.destroy();\n \n-    /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n-     */\n-    serverResolutions: null,\n+        this.div.removeChild(this.zoombarDiv);\n+        this.zoombarDiv = null;\n+        this.div.removeChild(this.slider);\n+        this.slider = null;\n \n-    /**\n-     * Property: formatSuffixMap\n-     * {Object} a map between WMTS 'format' request parameter and tile image file suffix\n-     */\n-    formatSuffixMap: {\n-        \"image/png\": \"png\",\n-        \"image/png8\": \"png\",\n-        \"image/png24\": \"png\",\n-        \"image/png32\": \"png\",\n-        \"png\": \"png\",\n-        \"image/jpeg\": \"jpg\",\n-        \"image/jpg\": \"jpg\",\n-        \"jpeg\": \"jpg\",\n-        \"jpg\": \"jpg\"\n+        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar);\n     },\n \n     /**\n-     * Property: matrix\n-     * {Object} Matrix definition for the current map resolution.  Updated by\n-     *     the <updateMatrixProperties> method.\n-     */\n-    matrix: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.WMTS\n-     * Create a new WMTS layer.\n-     *\n-     * Example:\n-     * (code)\n-     * var wmts = new OpenLayers.Layer.WMTS({\n-     *     name: \"My WMTS Layer\",\n-     *     url: \"http://example.com/wmts\", \n-     *     layer: \"layer_id\",\n-     *     style: \"default\",\n-     *     matrixSet: \"matrix_id\"\n-     * });\n-     * (end)\n+     * Method: onButtonClick\n      *\n      * Parameters:\n-     * config - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * url - {String} The base url for the service.  See the <url> property.\n-     * layer - {String} The layer identifier.  See the <layer> property.\n-     * style - {String} The layer style identifier.  See the <style> property.\n-     * matrixSet - {String} The tile matrix set identifier.  See the <matrixSet>\n-     *     property.\n-     *\n-     * Any other documented layer properties can be provided in the config object.\n-     */\n-    initialize: function(config) {\n-\n-        // confirm required properties are supplied\n-        var required = {\n-            url: true,\n-            layer: true,\n-            style: true,\n-            matrixSet: true\n-        };\n-        for (var prop in required) {\n-            if (!(prop in config)) {\n-                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\");\n-            }\n-        }\n-\n-        config.params = OpenLayers.Util.upperCaseObject(config.params);\n-        var args = [config.name, config.url, config.params, config];\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n-\n-\n-        // determine format suffix (for REST)\n-        if (!this.formatSuffix) {\n-            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop();\n-        }\n-\n-        // expand matrixIds (may be array of string or array of object)\n-        if (this.matrixIds) {\n-            var len = this.matrixIds.length;\n-            if (len && typeof this.matrixIds[0] === \"string\") {\n-                var ids = this.matrixIds;\n-                this.matrixIds = new Array(len);\n-                for (var i = 0; i < len; ++i) {\n-                    this.matrixIds[i] = {\n-                        identifier: ids[i]\n-                    };\n-                }\n-            }\n-        }\n-\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function() {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: updateMatrixProperties\n-     * Called when map resolution changes to update matrix related properties.\n+     * evt - {Event}\n      */\n-    updateMatrixProperties: function() {\n-        this.matrix = this.getMatrix();\n-        if (this.matrix) {\n-            if (this.matrix.topLeftCorner) {\n-                this.tileOrigin = this.matrix.topLeftCorner;\n-            }\n-            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n-                this.tileSize = new OpenLayers.Size(\n-                    this.matrix.tileWidth, this.matrix.tileHeight\n-                );\n-            }\n-            if (!this.tileOrigin) {\n-                this.tileOrigin = new OpenLayers.LonLat(\n-                    this.maxExtent.left, this.maxExtent.top\n-                );\n-            }\n-            if (!this.tileFullExtent) {\n-                this.tileFullExtent = this.maxExtent;\n+    onButtonClick: function(evt) {\n+        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n+        if (evt.buttonElement === this.zoombarDiv) {\n+            var levels = evt.buttonXY.y / this.zoomStopHeight;\n+            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n+                levels = Math.floor(levels);\n             }\n+            var zoom = (this.map.getNumZoomLevels() - 1) - levels;\n+            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n+            this.map.zoomTo(zoom);\n         }\n     },\n \n     /**\n-     * Method: moveTo\n-     * \n+     * Method: passEventToSlider\n+     * This function is used to pass events that happen on the div, or the map,\n+     * through to the slider, which then does its moving thing.\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-     *     do some init work in that case.\n-     * dragging - {Boolean}\n+     * evt - {<OpenLayers.Event>} \n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        if (zoomChanged || !this.matrix) {\n-            this.updateMatrixProperties();\n-        }\n-        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments);\n+    passEventToSlider: function(evt) {\n+        this.sliderEvents.handleBrowserEvent(evt);\n     },\n \n-    /**\n-     * APIMethod: clone\n-     * \n+    /*\n+     * Method: zoomBarDown\n+     * event listener for clicks on the slider\n+     *\n      * Parameters:\n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.WMTS>} An exact clone of this <OpenLayers.Layer.WMTS>\n+     * evt - {<OpenLayers.Event>} \n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMTS(this.options);\n+    zoomBarDown: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n+            return;\n         }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n-    },\n-\n-    /**\n-     * Method: getIdentifier\n-     * Get the current index in the matrixIds array.\n-     */\n-    getIdentifier: function() {\n-        return this.getServerZoom();\n+        this.map.events.on({\n+            \"touchmove\": this.passEventToSlider,\n+            \"mousemove\": this.passEventToSlider,\n+            \"mouseup\": this.passEventToSlider,\n+            scope: this\n+        });\n+        this.mouseDragStart = evt.xy.clone();\n+        this.zoomStart = evt.xy.clone();\n+        this.div.style.cursor = \"move\";\n+        // reset the div offsets just in case the div moved\n+        this.zoombarDiv.offsets = null;\n+        OpenLayers.Event.stop(evt);\n     },\n \n-    /**\n-     * Method: getMatrix\n-     * Get the appropriate matrix definition for the current map resolution.\n+    /*\n+     * Method: zoomBarDrag\n+     * This is what happens when a click has occurred, and the client is\n+     * dragging.  Here we must ensure that the slider doesn't go beyond the\n+     * bottom/top of the zoombar div, as well as moving the slider to its new\n+     * visual location\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n      */\n-    getMatrix: function() {\n-        var matrix;\n-        if (!this.matrixIds || this.matrixIds.length === 0) {\n-            matrix = {\n-                identifier: this.getIdentifier()\n-            };\n-        } else {\n-            // get appropriate matrix given the map scale if possible\n-            if (\"scaleDenominator\" in this.matrixIds[0]) {\n-                // scale denominator calculation based on WMTS spec\n-                var denom =\n-                    OpenLayers.METERS_PER_INCH *\n-                    OpenLayers.INCHES_PER_UNIT[this.units] *\n-                    this.getServerResolution() / 0.28E-3;\n-                var diff = Number.POSITIVE_INFINITY;\n-                var delta;\n-                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n-                    delta = Math.abs(1 - (this.matrixIds[i].scaleDenominator / denom));\n-                    if (delta < diff) {\n-                        diff = delta;\n-                        matrix = this.matrixIds[i];\n-                    }\n-                }\n-            } else {\n-                // fall back on zoom as index\n-                matrix = this.matrixIds[this.getIdentifier()];\n+    zoomBarDrag: function(evt) {\n+        if (this.mouseDragStart != null) {\n+            var deltaY = this.mouseDragStart.y - evt.xy.y;\n+            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n+            if ((evt.clientY - offsets[1]) > 0 &&\n+                (evt.clientY - offsets[1]) < parseInt(this.zoombarDiv.style.height) - 2) {\n+                var newTop = parseInt(this.slider.style.top) - deltaY;\n+                this.slider.style.top = newTop + \"px\";\n+                this.mouseDragStart = evt.xy.clone();\n             }\n+            // set cumulative displacement\n+            this.deltaY = this.zoomStart.y - evt.xy.y;\n+            OpenLayers.Event.stop(evt);\n         }\n-        return matrix;\n     },\n \n-    /** \n-     * Method: getTileInfo\n-     * Get tile information for a given location at the current map resolution.\n-     *\n-     * Parameters:\n-     * loc - {<OpenLayers.LonLat} A location in map coordinates.\n+    /*\n+     * Method: zoomBarUp\n+     * Perform cleanup when a mouseup event is received -- discover new zoom\n+     * level and switch to it.\n      *\n-     * Returns:\n-     * {Object} An object with \"col\", \"row\", \"i\", and \"j\" properties.  The col\n-     *     and row values are zero based tile indexes from the top left.  The\n-     *     i and j values are the number of pixels to the left and top \n-     *     (respectively) of the given location within the target tile.\n-     */\n-    getTileInfo: function(loc) {\n-        var res = this.getServerResolution();\n-\n-        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n-        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n-\n-        var col = Math.floor(fx);\n-        var row = Math.floor(fy);\n-\n-        return {\n-            col: col,\n-            row: row,\n-            i: Math.floor((fx - col) * this.tileSize.w),\n-            j: Math.floor((fy - row) * this.tileSize.h)\n-        };\n-    },\n-\n-    /**\n-     * Method: getURL\n-     * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {String} A URL for the tile corresponding to the given bounds.\n+     * evt - {<OpenLayers.Event>} \n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var url = \"\";\n-        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n-\n-            var center = bounds.getCenterLonLat();\n-            var info = this.getTileInfo(center);\n-            var matrixId = this.matrix.identifier;\n-            var dimensions = this.dimensions,\n-                params;\n-\n-            if (OpenLayers.Util.isArray(this.url)) {\n-                url = this.selectUrl([\n-                    this.version, this.style, this.matrixSet,\n-                    this.matrix.identifier, info.row, info.col\n-                ].join(\",\"), this.url);\n+    zoomBarUp: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n+            return;\n+        }\n+        if (this.mouseDragStart) {\n+            this.div.style.cursor = \"\";\n+            this.map.events.un({\n+                \"touchmove\": this.passEventToSlider,\n+                \"mouseup\": this.passEventToSlider,\n+                \"mousemove\": this.passEventToSlider,\n+                scope: this\n+            });\n+            var zoomLevel = this.map.zoom;\n+            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.min(Math.max(zoomLevel, 0),\n+                    this.map.getNumZoomLevels() - 1);\n             } else {\n-                url = this.url;\n-            }\n-\n-            if (this.requestEncoding.toUpperCase() === \"REST\") {\n-                params = this.params;\n-                if (url.indexOf(\"{\") !== -1) {\n-                    var template = url.replace(/\\{/g, \"${\");\n-                    var context = {\n-                        // spec does not make clear if capital S or not\n-                        style: this.style,\n-                        Style: this.style,\n-                        TileMatrixSet: this.matrixSet,\n-                        TileMatrix: this.matrix.identifier,\n-                        TileRow: info.row,\n-                        TileCol: info.col\n-                    };\n-                    if (dimensions) {\n-                        var dimension, i;\n-                        for (i = dimensions.length - 1; i >= 0; --i) {\n-                            dimension = dimensions[i];\n-                            context[dimension] = params[dimension.toUpperCase()];\n-                        }\n-                    }\n-                    url = OpenLayers.String.format(template, context);\n-                } else {\n-                    // include 'version', 'layer' and 'style' in tile resource url\n-                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n-\n-                    // append optional dimension path elements\n-                    if (dimensions) {\n-                        for (var i = 0; i < dimensions.length; i++) {\n-                            if (params[dimensions[i]]) {\n-                                path = path + params[dimensions[i]] + \"/\";\n-                            }\n-                        }\n-                    }\n-\n-                    // append other required path elements\n-                    path = path + this.matrixSet + \"/\" + this.matrix.identifier +\n-                        \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n-\n-                    if (!url.match(/\\/$/)) {\n-                        url = url + \"/\";\n-                    }\n-                    url = url + path;\n-                }\n-            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-\n-                // assemble all required parameters\n-                params = {\n-                    SERVICE: \"WMTS\",\n-                    REQUEST: \"GetTile\",\n-                    VERSION: this.version,\n-                    LAYER: this.layer,\n-                    STYLE: this.style,\n-                    TILEMATRIXSET: this.matrixSet,\n-                    TILEMATRIX: this.matrix.identifier,\n-                    TILEROW: info.row,\n-                    TILECOL: info.col,\n-                    FORMAT: this.format\n-                };\n-                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params]);\n-\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.max(Math.round(zoomLevel), 0);\n             }\n+            this.map.zoomTo(zoomLevel);\n+            this.mouseDragStart = null;\n+            this.zoomStart = null;\n+            this.deltaY = 0;\n+            OpenLayers.Event.stop(evt);\n         }\n-        return url;\n     },\n \n-    /**\n-     * APIMethod: mergeNewParams\n-     * Extend the existing layer <params> with new properties.  Tiles will be\n-     *     reloaded with updated params in the request.\n-     * \n-     * Parameters:\n-     * newParams - {Object} Properties to extend to existing <params>.\n+    /*\n+     * Method: moveZoomBar\n+     * Change the location of the slider to match the current zoom level.\n      */\n-    mergeNewParams: function(newParams) {\n-        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(\n-                this, [OpenLayers.Util.upperCaseObject(newParams)]\n-            );\n-        }\n+    moveZoomBar: function() {\n+        var newTop =\n+            ((this.map.getNumZoomLevels() - 1) - this.map.getZoom()) *\n+            this.zoomStopHeight + this.startTop + 1;\n+        this.slider.style.top = newTop + \"px\";\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n+    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/SphericalMercator.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.SphericalMercator\n- * A mixin for layers that wraps up the pieces neccesary to have a coordinate\n- *     conversion for working with commercial APIs which use a spherical\n- *     mercator projection.  Using this layer as a base layer, additional\n- *     layers can be used as overlays if they are in the same projection.\n- *\n- * A layer is given properties of this object by setting the sphericalMercator\n- *     property to true.\n- *\n- * More projection information:\n- *  - http://spatialreference.org/ref/user/google-projection/\n- *\n- * Proj4 Text:\n- *     +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0\n- *     +k=1.0 +units=m +nadgrids=@null +no_defs\n- *\n- * WKT:\n- *     900913=PROJCS[\"WGS84 / Simple Mercator\", GEOGCS[\"WGS 84\",\n- *     DATUM[\"WGS_1984\", SPHEROID[\"WGS_1984\", 6378137.0, 298.257223563]], \n- *     PRIMEM[\"Greenwich\", 0.0], UNIT[\"degree\", 0.017453292519943295], \n- *     AXIS[\"Longitude\", EAST], AXIS[\"Latitude\", NORTH]],\n- *     PROJECTION[\"Mercator_1SP_Google\"], \n- *     PARAMETER[\"latitude_of_origin\", 0.0], PARAMETER[\"central_meridian\", 0.0], \n- *     PARAMETER[\"scale_factor\", 1.0], PARAMETER[\"false_easting\", 0.0], \n- *     PARAMETER[\"false_northing\", 0.0], UNIT[\"m\", 1.0], AXIS[\"x\", EAST],\n- *     AXIS[\"y\", NORTH], AUTHORITY[\"EPSG\",\"900913\"]]\n- */\n-OpenLayers.Layer.SphericalMercator = {\n-\n-    /**\n-     * Method: getExtent\n-     * Get the map's extent.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} The map extent.\n-     */\n-    getExtent: function() {\n-        var extent = null;\n-        if (this.sphericalMercator) {\n-            extent = this.map.calculateBounds();\n-        } else {\n-            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this);\n-        }\n-        return extent;\n-    },\n-\n-    /**\n-     * Method: getLonLatFromViewPortPx\n-     * Get a map location from a pixel location\n-     * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>}\n-     *\n-     * Returns:\n-     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n-     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n-     *  If the map lib is not loaded or not centered, returns null\n-     */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: getViewPortPxFromLonLat\n-     * Get a pixel location from a map location\n-     *\n-     * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n-     * OpenLayers.LonLat, translated into view port pixels by map lib\n-     * If map lib is not loaded or not centered, returns null\n-     */\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments);\n-    },\n-\n-    /** \n-     * Method: initMercatorParameters \n-     * Set up the mercator parameters on the layer: resolutions,\n-     *     projection, units.\n-     */\n-    initMercatorParameters: function() {\n-        // set up properties for Mercator - assume EPSG:900913\n-        this.RESOLUTIONS = [];\n-        var maxResolution = 156543.03390625;\n-        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n-            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom);\n-        }\n-        this.units = \"m\";\n-        this.projection = this.projection || \"EPSG:900913\";\n-    },\n-\n-    /**\n-     * APIMethod: forwardMercator\n-     * Given a lon,lat in EPSG:4326, return a point in Spherical Mercator.\n-     *\n-     * Parameters:\n-     * lon - {float} \n-     * lat - {float}\n-     * \n-     * Returns:\n-     * {<OpenLayers.LonLat>} The coordinates transformed to Mercator.\n-     */\n-    forwardMercator: (function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(lon, lat) {\n-            var point = OpenLayers.Projection.transform({\n-                x: lon,\n-                y: lat\n-            }, gg, sm);\n-            return new OpenLayers.LonLat(point.x, point.y);\n-        };\n-    })(),\n-\n-    /**\n-     * APIMethod: inverseMercator\n-     * Given a x,y in Spherical Mercator, return a point in EPSG:4326.\n-     *\n-     * Parameters:\n-     * x - {float} A map x in Spherical Mercator.\n-     * y - {float} A map y in Spherical Mercator.\n-     * \n-     * Returns:\n-     * {<OpenLayers.LonLat>} The coordinates transformed to EPSG:4326.\n-     */\n-    inverseMercator: (function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(x, y) {\n-            var point = OpenLayers.Projection.transform({\n-                x: x,\n-                y: y\n-            }, sm, gg);\n-            return new OpenLayers.LonLat(point.x, point.y);\n-        };\n-    })()\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Layer/TMS.js\n+    OpenLayers/Control/Button.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.TMS\n- * Create a layer for accessing tiles from services that conform with the \n- *     Tile Map Service Specification \n- *     (http://wiki.osgeo.org/wiki/Tile_Map_Service_Specification).\n+ * Class: OpenLayers.Control.Button \n+ * The Button control is a very simple push-button, for use with \n+ * <OpenLayers.Control.Panel>.\n+ * When clicked, the function trigger() is executed.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n  *\n- * Example:\n+ * Use:\n  * (code)\n- *     var layer = new OpenLayers.Layer.TMS(\n- *         \"My Layer\", // name for display in LayerSwitcher\n- *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\", // service endpoint\n- *         {layername: \"basic\", type: \"png\"} // required properties\n- *     );\n+ * var button = new OpenLayers.Control.Button({\n+ *     displayClass: \"MyButton\", trigger: myFunction\n+ * });\n+ * panel.addControls([button]);\n  * (end)\n  * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ * Will create a button with CSS class MyButtonItemInactive, that\n+ *     will call the function MyFunction() when clicked.\n  */\n-OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * APIProperty: serviceVersion\n-     * {String} Service version for tile requests.  Default is \"1.0.0\".\n-     */\n-    serviceVersion: \"1.0.0\",\n-\n-    /**\n-     * APIProperty: layername\n-     * {String} The identifier for the <TileMap> as advertised by the service.  \n-     *     For example, if the service advertises a <TileMap> with \n-     *    'href=\"http://tms.osgeo.org/1.0.0/vmap0\"', the <layername> property \n-     *     would be set to \"vmap0\".\n-     */\n-    layername: null,\n-\n-    /**\n-     * APIProperty: type\n-     * {String} The format extension corresponding to the requested tile image\n-     *     type.  This is advertised in a <TileFormat> element as the \n-     *     \"extension\" attribute.  For example, if the service advertises a \n-     *     <TileMap> with <TileFormat width=\"256\" height=\"256\" mime-type=\"image/jpeg\" extension=\"jpg\" />,\n-     *     the <type> property would be set to \"jpg\".\n-     */\n-    type: null,\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Make this layer a base layer.  Default is true.  Set false to\n-     *     use the layer as an overlay.\n-     */\n-    isBaseLayer: true,\n-\n-    /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n-     *     If provided, requests for tiles at all resolutions will be aligned\n-     *     with this location (no tiles shall overlap this location).  If\n-     *     not provided, the grid of tiles will be aligned with the bottom-left\n-     *     corner of the map's <maxExtent>.  Default is ``null``.\n-     *\n-     * Example:\n-     * (code)\n-     *     var layer = new OpenLayers.Layer.TMS(\n-     *         \"My Layer\",\n-     *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\",\n-     *         {\n-     *             layername: \"basic\", \n-     *             type: \"png\",\n-     *             // set if different than the bottom left of map.maxExtent\n-     *             tileOrigin: new OpenLayers.LonLat(-180, -90)\n-     *         }\n-     *     );\n-     * (end)\n-     */\n-    tileOrigin: null,\n-\n-    /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n-     */\n-    serverResolutions: null,\n-\n-    /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n-     */\n-    zoomOffset: 0,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.TMS\n-     * \n-     * Parameters:\n-     * name - {String} Title to be displayed in a <OpenLayers.Control.LayerSwitcher>\n-     * url - {String} Service endpoint (without the version number).  E.g.\n-     *     \"http://tms.osgeo.org/\".\n-     * options - {Object} Additional properties to be set on the layer.  The\n-     *     <layername> and <type> properties must be set here.\n-     */\n-    initialize: function(name, url, options) {\n-        var newArguments = [];\n-        newArguments.push(name, url, {}, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-    },\n-\n+OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n     /**\n-     * APIMethod: clone\n-     * Create a complete copy of this layer.\n-     *\n-     * Parameters:\n-     * obj - {Object} Should only be provided by subclasses that call this\n-     *     method.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.TMS>} An exact clone of this <OpenLayers.Layer.TMS>\n+     * Property: type\n+     * {Integer} OpenLayers.Control.TYPE_BUTTON.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TMS(this.name,\n-                this.url,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n-    },\n+    type: OpenLayers.Control.TYPE_BUTTON,\n \n     /**\n-     * Method: getURL\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n-     */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n-        }\n-        return url + path;\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * Method: trigger\n+     * Called by a control panel when the button is clicked.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n-                this.map.maxExtent.bottom);\n-        }\n-    },\n+    trigger: function() {},\n \n-    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+    CLASS_NAME: \"OpenLayers.Control.Button\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/ArcGISCache.js\n+    OpenLayers/Control/Pan.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/** \n- * @requires OpenLayers/Layer/XYZ.js\n+/**\n+ * @requires OpenLayers/Control/Button.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.ArcGISCache   \n- * Layer for accessing cached map tiles from an ArcGIS Server style mapcache. \n- * Tile must already be cached for this layer to access it. This does not require \n- * ArcGIS Server itself.\n- * \n- * A few attempts have been made at this kind of layer before. See \n- * http://trac.osgeo.org/openlayers/ticket/1967 \n- * and \n- * http://trac.osgeo.org/openlayers/browser/sandbox/tschaub/arcgiscache/lib/OpenLayers/Layer/ArcGISCache.js\n- *\n- * Typically the problem encountered is that the tiles seem to \"jump around\".\n- * This is due to the fact that the actual max extent for the tiles on AGS layers\n- * changes at each zoom level due to the way these caches are constructed.\n- * We have attempted to use the resolutions, tile size, and tile origin\n- * from the cache meta data to make the appropriate changes to the max extent\n- * of the tile to compensate for this behavior.  This must be done as zoom levels change\n- * and before tiles are requested, which is why methods from base classes are overridden.\n+/**\n+ * Class: OpenLayers.Control.Pan\n+ * The Pan control is a single button to pan the map in one direction. For\n+ * a more complete control see <OpenLayers.Control.PanPanel>.\n  *\n- * For reference, you can access mapcache meta data in two ways. For accessing a \n- * mapcache through ArcGIS Server, you can simply go to the landing page for the\n- * layer. (ie. http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer)\n- * For accessing it directly through HTTP, there should always be a conf.xml file\n- * in the root directory. \n- * (ie. http://serverx.esri.com/arcgiscache/DG_County_roads_yesA_backgroundDark/Layers/conf.xml)\n- *  \n- *Inherits from: \n- *  - <OpenLayers.Layer.XYZ>             \n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-\n-    /**\n-     * APIProperty: url\n-     * {String | Array} The base URL for the layer cache.  You can also\n-     *     provide a list of URL strings for the layer if your cache is\n-     *     available from multiple origins.  This must be set before the layer\n-     *     is drawn.\n-     */\n-    url: null,\n-\n-    /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} The location of the tile origin for the cache.\n-     *     An ArcGIS cache has it's origin at the upper-left (lowest x value\n-     *     and highest y value of the coordinate system).  The units for the\n-     *     tile origin should be the same as the units for the cached data.\n-     */\n-    tileOrigin: null,\n-\n-    /**\n-     * APIProperty: tileSize\n-     * {<OpenLayers.Size>} This size of each tile. Defaults to 256 by 256 pixels.\n-     */\n-    tileSize: new OpenLayers.Size(256, 256),\n-\n-    /**\n-     * APIProperty: useAGS\n-     * {Boolean} Indicates if we are going to be accessing the ArcGIS Server (AGS)\n-     *     cache via an AGS MapServer or directly through HTTP. When accessing via\n-     *     AGS the path structure uses a standard z/y/x structure. But AGS actually\n-     *     stores the tile images on disk using a hex based folder structure that looks\n-     *     like \"http://example.com/mylayer/L00/R00000000/C00000000.png\".  Learn more\n-     *     about this here:\n-     *     http://blogs.esri.com/Support/blogs/mappingcenter/archive/2010/08/20/Checking-Your-Local-Cache-Folders.aspx\n-     *     Defaults to true;\n-     */\n-    useArcGISServer: true,\n-\n-    /**\n-     * APIProperty: type\n-     * {String} Image type for the layer.  This becomes the filename extension\n-     *     in tile requests.  Default is \"png\" (generating a url like\n-     *     \"http://example.com/mylayer/L00/R00000000/C00000000.png\").\n-     */\n-    type: 'png',\n-\n-    /**\n-     * APIProperty: useScales\n-     * {Boolean} Optional override to indicate that the layer should use 'scale' information\n-     *     returned from the server capabilities object instead of 'resolution' information.\n-     *     This can be important if your tile server uses an unusual DPI for the tiles.\n-     */\n-    useScales: false,\n-\n-    /**\n-     * APIProperty: overrideDPI\n-     * {Boolean} Optional override to change the OpenLayers.DOTS_PER_INCH setting based \n-     *     on the tile information in the server capabilities object.  This can be useful \n-     *     if your server has a non-standard DPI setting on its tiles, and you're only using \n-     *     tiles with that DPI.  This value is used while OpenLayers is calculating resolution\n-     *     using scales, and is not necessary if you have resolution information. (This is\n-     *     typically the case)  Regardless, this setting can be useful, but is dangerous\n-     *     because it will impact other layers while calculating resolution.  Only use this\n-     *     if you know what you are doing.  (See OpenLayers.Util.getResolutionFromScale)\n-     */\n-    overrideDPI: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.ArcGISCache \n-     * Creates a new instance of this class \n-     * \n-     * Parameters: \n-     * name - {String} \n-     * url - {String} \n-     * options - {Object} extra layer options\n-     */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-\n-        if (this.resolutions) {\n-            this.serverResolutions = this.resolutions;\n-            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0]);\n-        }\n-\n-        // this block steps through translating the values from the server layer JSON \n-        // capabilities object into values that we can use.  This is also a helpful\n-        // reference when configuring this layer directly.\n-        if (this.layerInfo) {\n-            // alias the object\n-            var info = this.layerInfo;\n-\n-            // build our extents\n-            var startingTileExtent = new OpenLayers.Bounds(\n-                info.fullExtent.xmin,\n-                info.fullExtent.ymin,\n-                info.fullExtent.xmax,\n-                info.fullExtent.ymax\n-            );\n-\n-            // set our projection based on the given spatial reference.\n-            // esri uses slightly different IDs, so this may not be comprehensive\n-            this.projection = 'EPSG:' + info.spatialReference.wkid;\n-            this.sphericalMercator = (info.spatialReference.wkid == 102100);\n-\n-            // convert esri units into openlayers units (basic feet or meters only)\n-            this.units = (info.units == \"esriFeet\") ? 'ft' : 'm';\n-\n-            // optional extended section based on whether or not the server returned\n-            // specific tile information\n-            if (!!info.tileInfo) {\n-                // either set the tiles based on rows/columns, or specific width/height\n-                this.tileSize = new OpenLayers.Size(\n-                    info.tileInfo.width || info.tileInfo.cols,\n-                    info.tileInfo.height || info.tileInfo.rows\n-                );\n-\n-                // this must be set when manually configuring this layer\n-                this.tileOrigin = new OpenLayers.LonLat(\n-                    info.tileInfo.origin.x,\n-                    info.tileInfo.origin.y\n-                );\n-\n-                var upperLeft = new OpenLayers.Geometry.Point(\n-                    startingTileExtent.left,\n-                    startingTileExtent.top\n-                );\n-\n-                var bottomRight = new OpenLayers.Geometry.Point(\n-                    startingTileExtent.right,\n-                    startingTileExtent.bottom\n-                );\n-\n-                if (this.useScales) {\n-                    this.scales = [];\n-                } else {\n-                    this.resolutions = [];\n-                }\n-\n-                this.lods = [];\n-                for (var key in info.tileInfo.lods) {\n-                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n-                        var lod = info.tileInfo.lods[key];\n-                        if (this.useScales) {\n-                            this.scales.push(lod.scale);\n-                        } else {\n-                            this.resolutions.push(lod.resolution);\n-                        }\n-\n-                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n-                        lod.startTileCol = start.x;\n-                        lod.startTileRow = start.y;\n-\n-                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n-                        lod.endTileCol = end.x;\n-                        lod.endTileRow = end.y;\n-                        this.lods.push(lod);\n-                    }\n-                }\n-\n-                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n-                this.serverResolutions = this.resolutions;\n-                if (this.overrideDPI && info.tileInfo.dpi) {\n-                    // see comment above for 'overrideDPI'\n-                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi;\n-                }\n-            }\n-        }\n-    },\n-\n-    /** \n-     * Method: getContainingTileCoords\n-     * Calculates the x/y pixel corresponding to the position of the tile\n-     *     that contains the given point and for the for the given resolution.\n-     * \n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n-     * of the upper left tile for the given resolution.\n-     */\n-    getContainingTileCoords: function(point, res) {\n-        return new OpenLayers.Pixel(\n-            Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0),\n-            Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0)\n-        );\n-    },\n-\n-    /** \n-     * Method: calculateMaxExtentWithLOD\n-     * Given a Level of Detail object from the server, this function\n-     *     calculates the actual max extent\n-     * \n-     * Parameters: \n-     * lod - {Object} a Level of Detail Object from the server capabilities object \n-             representing a particular zoom level\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n-     */\n-    calculateMaxExtentWithLOD: function(lod) {\n-        // the max extent we're provided with just overlaps some tiles\n-        // our real extent is the bounds of all the tiles we touch\n-\n-        var numTileCols = (lod.endTileCol - lod.startTileCol) + 1;\n-        var numTileRows = (lod.endTileRow - lod.startTileRow) + 1;\n-\n-        var minX = this.tileOrigin.lon + (lod.startTileCol * this.tileSize.w * lod.resolution);\n-        var maxX = minX + (numTileCols * this.tileSize.w * lod.resolution);\n-\n-        var maxY = this.tileOrigin.lat - (lod.startTileRow * this.tileSize.h * lod.resolution);\n-        var minY = maxY - (numTileRows * this.tileSize.h * lod.resolution);\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n-    },\n-\n-    /** \n-     * Method: calculateMaxExtentWithExtent\n-     * Given a 'suggested' max extent from the server, this function uses\n-     *     information about the actual tile sizes to determine the actual\n-     *     extent of the layer.\n-     * \n-     * Parameters: \n-     * extent - {<OpenLayers.Bounds>} The 'suggested' extent for the layer\n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n-     */\n-    calculateMaxExtentWithExtent: function(extent, res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n-        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n-        var start = this.getContainingTileCoords(upperLeft, res);\n-        var end = this.getContainingTileCoords(bottomRight, res);\n-        var lod = {\n-            resolution: res,\n-            startTileCol: start.x,\n-            startTileRow: start.y,\n-            endTileCol: end.x,\n-            endTileRow: end.y\n-        };\n-        return this.calculateMaxExtentWithLOD(lod);\n-    },\n-\n-    /** \n-     * Method: getUpperLeftTileCoord\n-     * Calculates the x/y pixel corresponding to the position \n-     *     of the upper left tile for the given resolution.\n-     * \n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n-     * of the upper left tile for the given resolution.\n-     */\n-    getUpperLeftTileCoord: function(res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(\n-            this.maxExtent.left,\n-            this.maxExtent.top);\n-        return this.getContainingTileCoords(upperLeft, res);\n-    },\n+OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /** \n-     * Method: getLowerRightTileCoord\n-     * Calculates the x/y pixel corresponding to the position \n-     *     of the lower right tile for the given resolution.\n-     *  \n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position\n-     * of the lower right tile for the given resolution.\n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n+     *     by some ratio of the map dimensions, use <slideRatio> instead.\n      */\n-    getLowerRightTileCoord: function(res) {\n-        var bottomRight = new OpenLayers.Geometry.Point(\n-            this.maxExtent.right,\n-            this.maxExtent.bottom);\n-        return this.getContainingTileCoords(bottomRight, res);\n-    },\n+    slideFactor: 50,\n \n     /** \n-     * Method: getMaxExtentForResolution\n-     * Since the max extent of a set of tiles can change from zoom level\n-     *     to zoom level, we need to be able to calculate that max extent \n-     *     for a given resolution.\n-     *\n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The extent for this resolution\n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n+     *     pan up half the map height. \n      */\n-    getMaxExtentForResolution: function(res) {\n-        var start = this.getUpperLeftTileCoord(res);\n-        var end = this.getLowerRightTileCoord(res);\n-\n-        var numTileCols = (end.x - start.x) + 1;\n-        var numTileRows = (end.y - start.y) + 1;\n-\n-        var minX = this.tileOrigin.lon + (start.x * this.tileSize.w * res);\n-        var maxX = minX + (numTileCols * this.tileSize.w * res);\n-\n-        var maxY = this.tileOrigin.lat - (start.y * this.tileSize.h * res);\n-        var minY = maxY - (numTileRows * this.tileSize.h * res);\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n-    },\n+    slideRatio: null,\n \n     /** \n-     * APIMethod: clone \n-     * Returns an exact clone of this OpenLayers.Layer.ArcGISCache\n-     * \n-     * Parameters: \n-     * [obj] - {Object} optional object to assign the cloned instance to.\n-     *  \n-     * Returns: \n-     * {<OpenLayers.Layer.ArcGISCache>} clone of this instance \n+     * Property: direction\n+     * {String} in {'North', 'South', 'East', 'West'}\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options);\n-        }\n-        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-    },\n+    direction: null,\n \n     /**\n-     * Method: initGriddedTiles\n-     * \n+     * Constructor: OpenLayers.Control.Pan \n+     * Control which handles the panning (in any of the cardinal directions)\n+     *     of the map by a set px distance. \n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * direction - {String} The direction this button should pan.\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    initGriddedTiles: function(bounds) {\n-        delete this._tileOrigin;\n-        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments);\n-    },\n+    initialize: function(direction, options) {\n \n-    /**\n-     * Method: getMaxExtent\n-     * Get this layer's maximum extent.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n-     */\n-    getMaxExtent: function() {\n-        var resolution = this.map.getResolution();\n-        return this.maxExtent = this.getMaxExtentForResolution(resolution);\n-    },\n+        this.direction = direction;\n+        this.CLASS_NAME += this.direction;\n \n-    /**\n-     * Method: getTileOrigin\n-     * Determine the origin for aligning the grid of tiles.  \n-     *     The origin will be derived from the layer's <maxExtent> property. \n-     *\n-     * Returns:\n-     * {<OpenLayers.LonLat>} The tile origin.\n-     */\n-    getTileOrigin: function() {\n-        if (!this._tileOrigin) {\n-            var extent = this.getMaxExtent();\n-            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom);\n-        }\n-        return this._tileOrigin;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: getURL\n-     * Determine the URL for a tile given the tile bounds.  This is should support\n-     *     urls that access tiles through an ArcGIS Server MapServer or directly through\n-     *     the hex folder structure using HTTP.  Just be sure to set the useArcGISServer\n-     *     property appropriately!  This is basically the same as \n-     *     'OpenLayers.Layer.TMS.getURL',  but with the addition of hex addressing,\n-     *     and tile rounding.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {String} The URL for a tile based on given bounds.\n+     * Method: trigger\n      */\n-    getURL: function(bounds) {\n-        var res = this.getResolution();\n-\n-        // tile center\n-        var originTileX = (this.tileOrigin.lon + (res * this.tileSize.w / 2));\n-        var originTileY = (this.tileOrigin.lat - (res * this.tileSize.h / 2));\n-\n-        var center = bounds.getCenterLonLat();\n-        var point = {\n-            x: center.lon,\n-            y: center.lat\n-        };\n-        var x = (Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w))));\n-        var y = (Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h))));\n-        var z = this.map.getZoom();\n+    trigger: function() {\n+        if (this.map) {\n+            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n+                return this.slideRatio ?\n+                    this.map.getSize()[dim] * this.slideRatio :\n+                    this.slideFactor;\n+            }, this);\n \n-        // this prevents us from getting pink tiles (non-existant tiles)\n-        if (this.lods) {\n-            var lod = this.lods[this.map.getZoom()];\n-            if ((x < lod.startTileCol || x > lod.endTileCol) ||\n-                (y < lod.startTileRow || y > lod.endTileRow)) {\n-                return null;\n-            }\n-        } else {\n-            var start = this.getUpperLeftTileCoord(res);\n-            var end = this.getLowerRightTileCoord(res);\n-            if ((x < start.x || x >= end.x) ||\n-                (y < start.y || y >= end.y)) {\n-                return null;\n+            switch (this.direction) {\n+                case OpenLayers.Control.Pan.NORTH:\n+                    this.map.pan(0, -getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.SOUTH:\n+                    this.map.pan(0, getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.WEST:\n+                    this.map.pan(-getSlideFactor(\"w\"), 0);\n+                    break;\n+                case OpenLayers.Control.Pan.EAST:\n+                    this.map.pan(getSlideFactor(\"w\"), 0);\n+                    break;\n             }\n         }\n-\n-        // Construct the url string\n-        var url = this.url;\n-        var s = '' + x + y + z;\n-\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(s, url);\n-        }\n-\n-        // Accessing tiles through ArcGIS Server uses a different path\n-        // structure than direct access via the folder structure.\n-        if (this.useArcGISServer) {\n-            // AGS MapServers have pretty url access to tiles\n-            url = url + '/tile/${z}/${y}/${x}';\n-        } else {\n-            // The tile images are stored using hex values on disk.\n-            x = 'C' + OpenLayers.Number.zeroPad(x, 8, 16);\n-            y = 'R' + OpenLayers.Number.zeroPad(y, 8, 16);\n-            z = 'L' + OpenLayers.Number.zeroPad(z, 2, 10);\n-            url = url + '/${z}/${y}/${x}.' + this.type;\n-        }\n-\n-        // Write the values into our formatted url\n-        url = OpenLayers.String.format(url, {\n-            'x': x,\n-            'y': y,\n-            'z': z\n-        });\n-\n-        return OpenLayers.Util.urlAppend(\n-            url, OpenLayers.Util.getParameterString(this.params)\n-        );\n     },\n \n-    CLASS_NAME: 'OpenLayers.Layer.ArcGISCache'\n+    CLASS_NAME: \"OpenLayers.Control.Pan\"\n });\n+\n+OpenLayers.Control.Pan.NORTH = \"North\";\n+OpenLayers.Control.Pan.SOUTH = \"South\";\n+OpenLayers.Control.Pan.EAST = \"East\";\n+OpenLayers.Control.Pan.WEST = \"West\";\n /* ======================================================================\n-    OpenLayers/Layer/Boxes.js\n+    OpenLayers/Control/PanPanel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Layer/Markers.js\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Pan.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Boxes\n- * Draw divs as 'boxes' on the layer. \n+ * Class: OpenLayers.Control.PanPanel\n+ * The PanPanel is visible control for panning the map North, South, East or\n+ * West in small steps. By default it is drawn in the top left corner of the\n+ * map.\n+ *\n+ * Note: \n+ * If you wish to use this class with the default images and you want \n+ *       it to look nice in ie6, you should add the following, conditionally\n+ *       added css stylesheet to your HTML file:\n+ * \n+ * (code)\n+ * <!--[if lte IE 6]>\n+ *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n+ * <![endif]-->\n+ * (end)\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n+ *  - <OpenLayers.Control.Panel> \n  */\n-OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n \n-    /**\n-     * Constructor: OpenLayers.Layer.Boxes\n-     *\n-     * Parameters:\n-     * name - {String} \n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+    /** \n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n+     *     by some ratio of the map dimensions, use <slideRatio> instead.\n      */\n+    slideFactor: 50,\n \n-    /**\n-     * Method: drawMarker \n-     * Calculate the pixel location for the marker, create it, and\n-     *    add it to the layer's div\n-     *\n-     * Parameters: \n-     * marker - {<OpenLayers.Marker.Box>} \n+    /** \n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n+     *     pan up half the map height. \n      */\n-    drawMarker: function(marker) {\n-        var topleft = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.left,\n-            lat: marker.bounds.top\n-        });\n-        var botright = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.right,\n-            lat: marker.bounds.bottom\n-        });\n-        if (botright == null || topleft == null) {\n-            marker.display(false);\n-        } else {\n-            var markerDiv = marker.draw(topleft, {\n-                w: Math.max(1, botright.x - topleft.x),\n-                h: Math.max(1, botright.y - topleft.y)\n-            });\n-            if (!marker.drawn) {\n-                this.div.appendChild(markerDiv);\n-                marker.drawn = true;\n-            }\n-        }\n-    },\n-\n+    slideRatio: null,\n \n     /**\n-     * APIMethod: removeMarker \n-     * \n+     * Constructor: OpenLayers.Control.PanPanel \n+     * Add the four directional pan buttons.\n+     *\n      * Parameters:\n-     * marker - {<OpenLayers.Marker.Box>} \n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    removeMarker: function(marker) {\n-        OpenLayers.Util.removeItem(this.markers, marker);\n-        if ((marker.div != null) &&\n-            (marker.div.parentNode == this.div)) {\n-            this.div.removeChild(marker.div);\n-        }\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        var options = {\n+            slideFactor: this.slideFactor,\n+            slideRatio: this.slideRatio\n+        };\n+        this.addControls([\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)\n+        ]);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n+    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/TileCache.js\n+    OpenLayers/Layer/WMS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n  * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.TileCache\n- * A read only TileCache layer.  Used to requests tiles cached by TileCache in\n- *     a web accessible cache.  This means that you have to pre-populate your\n- *     cache before this layer can be used.  It is meant only to read tiles\n- *     created by TileCache, and not to make calls to TileCache for tile\n- *     creation.  Create a new instance with the\n- *     <OpenLayers.Layer.TileCache> constructor.\n- *\n+ * Class: OpenLayers.Layer.WMS\n+ * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n+ *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n+ *     constructor.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} Treat this layer as a base layer.  Default is true.\n-     */\n-    isBaseLayer: true,\n-\n-    /** \n-     * APIProperty: format\n-     * {String} Mime type of the images returned.  Default is image/png.\n-     */\n-    format: 'image/png',\n-\n-    /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer. (b) The map can work with resolutions\n-     *     that aren't supported by the server, i.e. that aren't in\n-     *     <serverResolutions>. When the map is displayed in such a resolution\n-     *     data for the closest server-supported resolution is loaded and the\n-     *     layer div is stretched as necessary.\n-     */\n-    serverResolutions: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.TileCache\n-     * Create a new read only TileCache layer.\n-     *\n-     * Parameters:\n-     * name - {String} Name of the layer displayed in the interface\n-     * url - {String} Location of the web accessible cache (not the location of\n-     *     your tilecache script!)\n-     * layername - {String} Layer name as defined in the TileCache \n-     *     configuration\n-     * options - {Object} Optional object with properties to be set on the\n-     *     layer.  Note that you should speficy your resolutions to match\n-     *     your TileCache configuration.  This can be done by setting\n-     *     the resolutions array directly (here or on the map), by setting\n-     *     maxResolution and numZoomLevels, or by using scale based properties.\n-     */\n-    initialize: function(name, url, layername, options) {\n-        this.layername = layername;\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this,\n-            [name, url, {}, options]);\n-        this.extension = this.format.split('/')[1].toLowerCase();\n-        this.extension = (this.extension == 'jpg') ? 'jpeg' : this.extension;\n-    },\n-\n-    /**\n-     * APIMethod: clone\n-     * obj - {Object} \n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.TileCache>} An exact clone of this \n-     *     <OpenLayers.Layer.TileCache>\n-     */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TileCache(this.name,\n-                this.url,\n-                this.layername,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n-    },\n+OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *     passed-in bounds and appropriate tile size specified as parameters.\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n      */\n-    getURL: function(bounds) {\n-        var res = this.getServerResolution();\n-        var bbox = this.maxExtent;\n-        var size = this.tileSize;\n-        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n-        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n-        var tileZ = this.serverResolutions != null ?\n-            OpenLayers.Util.indexOf(this.serverResolutions, res) :\n-            this.map.getZoom();\n-\n-        var components = [\n-            this.layername,\n-            OpenLayers.Number.zeroPad(tileZ, 2),\n-            OpenLayers.Number.zeroPad(parseInt(tileX / 1000000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileX / 1000) % 1000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileX) % 1000), 3),\n-            OpenLayers.Number.zeroPad(parseInt(tileY / 1000000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileY / 1000) % 1000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileY) % 1000), 3) + '.' + this.extension\n-        ];\n-        var path = components.join('/');\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n-        }\n-        url = (url.charAt(url.length - 1) == '/') ? url : url + '/';\n-        return url + path;\n+    DEFAULT_PARAMS: {\n+        service: \"WMS\",\n+        version: \"1.1.1\",\n+        request: \"GetMap\",\n+        styles: \"\",\n+        format: \"image/jpeg\"\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Image.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Tile/Image.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Image\n- * Instances of OpenLayers.Layer.Image are used to display data from a web\n- * accessible image as a map layer.  Create a new image layer with the\n- * <OpenLayers.Layer.Image> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer>\n- */\n-OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n-\n     /**\n-     * Property: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is true.  Set this property\n-     * in the layer options\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Default is true for WMS layer\n      */\n     isBaseLayer: true,\n \n     /**\n-     * Property: url\n-     * {String} URL of the image to use\n-     */\n-    url: null,\n-\n-    /**\n-     * Property: extent\n-     * {<OpenLayers.Bounds>} The image bounds in map units.  This extent will\n-     *     also be used as the default maxExtent for the layer.  If you wish\n-     *     to have a maxExtent that is different than the image extent, set the\n-     *     maxExtent property of the options argument (as with any other layer).\n-     */\n-    extent: null,\n-\n-    /**\n-     * Property: size\n-     * {<OpenLayers.Size>} The image size in pixels\n+     * APIProperty: encodeBBOX\n+     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n+     * but some services want it that way. Default false.\n      */\n-    size: null,\n+    encodeBBOX: false,\n \n-    /**\n-     * Property: tile\n-     * {<OpenLayers.Tile.Image>}\n+    /** \n+     * APIProperty: noMagic \n+     * {Boolean} If true, the image format will not be automagicaly switched \n+     *     from image/jpeg to image/png or image/gif when using \n+     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n+     *     constructor. Default false. \n      */\n-    tile: null,\n+    noMagic: false,\n \n     /**\n-     * Property: aspectRatio\n-     * {Float} The ratio of height/width represented by a single pixel in the\n-     * graphic\n+     * Property: yx\n+     * {Object} Keys in this object are EPSG codes for which the axis order\n+     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n+     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n+     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n+     *     used projection.\n      */\n-    aspectRatio: null,\n+    yx: {},\n \n     /**\n-     * Constructor: OpenLayers.Layer.Image\n-     * Create a new image layer\n+     * Constructor: OpenLayers.Layer.WMS\n+     * Create a new WMS layer object\n+     *\n+     * Examples:\n+     *\n+     * The code below creates a simple WMS layer using the image/jpeg format.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {layers: \"modis,global_mosaic\"});\n+     * (end)\n+     * Note the 3rd argument (params). Properties added to this object will be\n+     * added to the WMS GetMap requests used for this layer's tiles. The only\n+     * mandatory parameter is \"layers\". Other common WMS params include\n+     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n+     * always be ignored. Instead, it will be derived from the baseLayer's or\n+     * map's projection.\n+     *\n+     * The code below creates a transparent WMS layer with additional options.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {\n+     *                                        layers: \"modis,global_mosaic\",\n+     *                                        transparent: true\n+     *                                    }, {\n+     *                                        opacity: 0.5,\n+     *                                        singleTile: true\n+     *                                    });\n+     * (end)\n+     * Note that by default, a WMS layer is configured as baseLayer. Setting\n+     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n+     * The default image format changes from image/jpeg to image/png, and the\n+     * layer is not configured as baseLayer.\n      *\n      * Parameters:\n-     * name - {String} A name for the layer.\n-     * url - {String} Relative or absolute path to the image\n-     * extent - {<OpenLayers.Bounds>} The extent represented by the image\n-     * size - {<OpenLayers.Size>} The size (in pixels) of the image\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the WMS\n+     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n+     * params - {Object} An object with key/value pairs representing the\n+     *                   GetMap query string parameters and parameter values.\n+     * options - {Object} Hashtable of extra options to tag onto the layer.\n+     *     These options include all properties listed above, plus the ones\n+     *     inherited from superclasses.\n      */\n-    initialize: function(name, url, extent, size, options) {\n-        this.url = url;\n-        this.extent = extent;\n-        this.maxExtent = extent;\n-        this.size = size;\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        //uppercase params\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n+            params.EXCEPTIONS = \"INIMAGE\";\n+        }\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(\n+            this.params,\n+            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n+        );\n \n-        this.aspectRatio = (this.extent.getHeight() / this.size.h) /\n-            (this.extent.getWidth() / this.size.w);\n-    },\n \n-    /**\n-     * Method: destroy\n-     * Destroy this layer\n-     */\n-    destroy: function() {\n-        if (this.tile) {\n-            this.removeTileMonitoringHooks(this.tile);\n-            this.tile.destroy();\n-            this.tile = null;\n+        //layer is transparent        \n+        if (!this.noMagic && this.params.TRANSPARENT &&\n+            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if ((options == null) || (!options.isBaseLayer)) {\n+                this.isBaseLayer = false;\n+            }\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.params.FORMAT == \"image/jpeg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n+                    \"image/png\";\n+            }\n         }\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+\n     },\n \n     /**\n      * Method: clone\n      * Create a clone of this layer\n      *\n-     * Paramters:\n-     * obj - {Object} An optional layer (is this ever used?)\n-     *\n      * Returns:\n-     * {<OpenLayers.Layer.Image>} An exact copy of this layer\n+     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n      */\n     clone: function(obj) {\n \n         if (obj == null) {\n-            obj = new OpenLayers.Layer.Image(this.name,\n+            obj = new OpenLayers.Layer.WMS(this.name,\n                 this.url,\n-                this.extent,\n-                this.size,\n+                this.params,\n                 this.getOptions());\n         }\n \n         //get all additions from superclasses\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n         // copy/set any non-init, non-simple values here\n \n         return obj;\n     },\n \n     /**\n-     * APIMethod: setMap\n+     * APIMethod: reverseAxisOrder\n+     * Returns true if the axis order is reversed for the WMS version and\n+     * projection of the layer.\n      * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * Returns:\n+     * {Boolean} true if the axis order is reversed, false otherwise.\n      */\n-    setMap: function(map) {\n-        /**\n-         * If nothing to do with resolutions has been set, assume a single\n-         * resolution determined by ratio*extent/size - if an image has a\n-         * pixel aspect ratio different than one (as calculated above), the\n-         * image will be stretched in one dimension only.\n-         */\n-        if (this.options.maxResolution == null) {\n-            this.options.maxResolution = this.aspectRatio *\n-                this.extent.getWidth() /\n-                this.size.w;\n-        }\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+    reverseAxisOrder: function() {\n+        var projCode = this.projection.getCode();\n+        return parseFloat(this.params.VERSION) >= 1.3 &&\n+            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n+                OpenLayers.Projection.defaults[projCode].yx));\n     },\n \n-    /** \n-     * Method: moveTo\n-     * Create the tile for the image or resize it for the new resolution\n-     * \n+    /**\n+     * Method: getURL\n+     * Return a GetMap query string for this layer\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean}\n-     * dragging - {Boolean}\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *                                request.\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters.\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-\n-        var firstRendering = (this.tile == null);\n-\n-        if (zoomChanged || firstRendering) {\n-\n-            //determine new tile size\n-            this.setTileSize();\n-\n-            //determine new position (upper left corner of new bounds)\n-            var ulPx = this.map.getLayerPxFromLonLat({\n-                lon: this.extent.left,\n-                lat: this.extent.top\n-            });\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n \n-            if (firstRendering) {\n-                //create the new tile\n-                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent,\n-                    null, this.tileSize);\n-                this.addTileMonitoringHooks(this.tile);\n-            } else {\n-                //just resize the tile and set it's new position\n-                this.tile.size = this.tileSize.clone();\n-                this.tile.position = ulPx.clone();\n-            }\n-            this.tile.draw();\n-        }\n+        var imageSize = this.getImageSize();\n+        var newParams = {};\n+        // WMS 1.3 introduced axis order\n+        var reverseAxisOrder = this.reverseAxisOrder();\n+        newParams.BBOX = this.encodeBBOX ?\n+            bounds.toBBOX(null, reverseAxisOrder) :\n+            bounds.toArray(reverseAxisOrder);\n+        newParams.WIDTH = imageSize.w;\n+        newParams.HEIGHT = imageSize.h;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString;\n     },\n \n     /**\n-     * Set the tile size based on the map size.\n-     */\n-    setTileSize: function() {\n-        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n-        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n-        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight);\n-    },\n-\n-    /** \n-     * Method: addTileMonitoringHooks\n-     * This function takes a tile as input and adds the appropriate hooks to \n-     *     the tile so that the layer can keep track of the loading tiles.\n-     * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n-     */\n-    addTileMonitoringHooks: function(tile) {\n-        tile.onLoadStart = function() {\n-            this.events.triggerEvent(\"loadstart\");\n-        };\n-        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n-\n-        tile.onLoadEnd = function() {\n-            this.events.triggerEvent(\"loadend\");\n-        };\n-        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n-        tile.events.register(\"unload\", this, tile.onLoadEnd);\n-    },\n-\n-    /** \n-     * Method: removeTileMonitoringHooks\n-     * This function takes a tile as input and removes the tile hooks \n-     *     that were added in <addTileMonitoringHooks>.\n+     * APIMethod: mergeNewParams\n+     * Catch changeParams and uppercase the new params to be merged in\n+     *     before calling changeParams on the super class.\n      * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n-     */\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            \"loadstart\": tile.onLoadStart,\n-            \"loadend\": tile.onLoadEnd,\n-            \"unload\": tile.onLoadEnd,\n-            scope: this\n-        });\n-    },\n-\n-    /**\n-     * APIMethod: setUrl\n+     *     Once params have been changed, the tiles will be reloaded with\n+     *     the new parameters.\n      * \n      * Parameters:\n-     * newUrl - {String}\n+     * newParams - {Object} Hashtable of new params to use\n      */\n-    setUrl: function(newUrl) {\n-        this.url = newUrl;\n-        this.tile.draw();\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n+            newArguments);\n     },\n \n     /** \n-     * APIMethod: getURL\n-     * The url we return is always the same (the image itself never changes)\n-     *     so we can ignore the bounds parameter (it will always be the same, \n-     *     anyways) \n-     * \n+     * APIMethod: getFullRequestString\n+     * Combine the layer's url with its params and these newParams. \n+     *   \n+     *     Add the SRS parameter from projection -- this is probably\n+     *     more eloquently done via a setProjection() method, but this \n+     *     works for now and always.\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * newParams - {Object}\n+     * altUrl - {String} Use this as the url instead of the layer's url\n+     * \n+     * Returns:\n+     * {String} \n      */\n-    getURL: function(bounds) {\n-        return this.url;\n+    getFullRequestString: function(newParams, altUrl) {\n+        var mapProjection = this.map.getProjectionObject();\n+        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n+            this.projection.getCode() :\n+            mapProjection.getCode();\n+        var value = (projectionCode == \"none\") ? null : projectionCode;\n+        if (parseFloat(this.params.VERSION) >= 1.3) {\n+            this.params.CRS = value;\n+        } else {\n+            this.params.SRS = value;\n+        }\n+\n+        if (typeof this.params.TRANSPARENT == \"boolean\") {\n+            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n+        }\n+\n+        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n+            this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Image\"\n+    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/KaMap.js\n+    OpenLayers/Format/SLD.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/Filter/FeatureId.js\n+ * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Spatial.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.KaMap\n+ * Class: OpenLayers.Format.SLD\n+ * Read/Write SLD. Create a new instance with the <OpenLayers.Format.SLD>\n+ *     constructor.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} KaMap Layer is always a base layer \n-     */\n-    isBaseLayer: true,\n+OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} parameters set by default. The default parameters set \n-     * the format via the 'i' parameter to 'jpeg'.    \n+     * APIProperty: profile\n+     * {String} If provided, use a custom profile.\n+     *\n+     * Currently supported profiles:\n+     * - GeoServer - parses GeoServer vendor specific capabilities for SLD.\n      */\n-    DEFAULT_PARAMS: {\n-        i: 'jpeg',\n-        map: ''\n-    },\n+    profile: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.KaMap\n-     * \n-     * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * params - {Object} Parameters to be sent to the HTTP server in the\n-     *    query string for the tile. The format can be set via the 'i'\n-     *    parameter (defaults to jpg) , and the map should be set via \n-     *    the 'map' parameter. It has been reported that ka-Map may behave\n-     *    inconsistently if your format parameter does not match the format\n-     *    parameter configured in your config.php. (See ticket #327 for more\n-     *    information.)\n-     * options - {Object} Additional options for the layer. Any of the \n-     *     APIProperties listed on this layer, and any layer types it\n-     *     extends, can be overridden through the options parameter. \n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        this.params = OpenLayers.Util.applyDefaults(\n-            this.params, this.DEFAULT_PARAMS\n-        );\n-    },\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * Method: getURL\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n+     * APIProperty: stringifyOutput\n+     * {Boolean} If true, write will return a string otherwise a DOMElement.\n+     * Default is true.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        return this.getFullRequestString({\n-            t: pY,\n-            l: pX,\n-            s: scale\n-        });\n-    },\n+    stringifyOutput: true,\n \n-    /** \n-     * Method: calculateGridLayout\n-     * ka-Map uses the center point of the map as an origin for \n-     * its tiles. Override calculateGridLayout to center tiles \n-     * correctly for this case.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bound>}\n-     * origin - {<OpenLayers.LonLat>}\n-     * resolution - {Number}\n-     *\n-     * Returns:\n-     * {Object} Object containing properties tilelon, tilelat, startcol,\n-     * startrow\n+    /**\n+     * APIProperty: namedLayersAsArray\n+     * {Boolean} Generate a namedLayers array.  If false, the namedLayers\n+     *     property value will be an object keyed by layer name. Default is\n+     *     false.\n      */\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n-\n-        var offsetlon = bounds.left;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n-\n-        var offsetlat = bounds.top;\n-        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n-\n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n-        };\n-    },\n+    namedLayersAsArray: false,\n \n     /**\n-     * Method: getTileBoundsForGridIndex\n+     * APIMethod: write\n+     * Write a SLD document given a list of styles.\n      *\n      * Parameters:\n-     * row - {Number} The row of the grid\n-     * col - {Number} The column of the grid\n+     * sld - {Object} An object representing the SLD.\n+     * options - {Object} Optional configuration object.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n-     */\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var minX = (tileLayout.startcol + col) * tilelon;\n-        var minY = (tileLayout.startrow - row) * tilelat;\n-        return new OpenLayers.Bounds(\n-            minX, minY,\n-            minX + tilelon, minY + tilelat\n-        );\n-    },\n-\n-    /**\n-     * APIMethod: clone\n-     * \n-     * Parameters: \n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Kamap>} An exact clone of this OpenLayers.Layer.KaMap\n+     * {String} An SLD document string.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.KaMap(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone();\n-        }\n-\n-        // we do not want to copy reference to grid, so we make a new array\n-        obj.grid = [];\n-\n-        return obj;\n-    },\n \n     /**\n-     * APIMethod: getTileBounds\n-     * Returns The tile bounds for a layer given a pixel location.\n+     * APIMethod: read\n+     * Read and SLD doc and return an object representing the SLD.\n      *\n      * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n+     * data - {String | DOMElement} Data to read.\n+     * options - {Object} Options for the reader.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n+     * {Object} An object representing the SLD.\n      */\n-    getTileBounds: function(viewPortPx) {\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n-        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n-        return new OpenLayers.Bounds(tileLeft, tileBottom,\n-            tileLeft + tileMapWidth,\n-            tileBottom + tileMapHeight);\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n+    CLASS_NAME: \"OpenLayers.Format.SLD\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/KaMapCache.js\n+    OpenLayers/Format/GML/v2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n- * @requires OpenLayers/Layer/KaMap.js\n+ * @requires OpenLayers/Format/GML/Base.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.KaMapCache\n- * \n- * This class is designed to talk directly to a web-accessible ka-Map\n- * cache generated by the precache2.php script.\n- * \n- * To create a a new KaMapCache layer, you must indicate also the \"i\" parameter\n- * (that will be used to calculate the file extension), and another special\n- * parameter, object names \"metaTileSize\", with \"h\" (height) and \"w\" (width)\n- * properties.\n- * \n- *     // Create a new kaMapCache layer. \n- *     var kamap_base = new OpenLayers.Layer.KaMapCache(\n- *         \"Satellite\",\n- *         \"http://www.example.org/web/acessible/cache\",\n- *         {g: \"satellite\", map: \"world\", i: 'png24', metaTileSize: {w: 5, h: 5} }\n- *       );\n- *    \n- *     // Create an kaMapCache overlay layer (using \"isBaseLayer: false\"). \n- *     // Forces the output to be a \"gif\", using the \"i\" parameter.\n- *     var kamap_overlay = new OpenLayers.Layer.KaMapCache(\n- *         \"Streets\",\n- *         \"http://www.example.org/web/acessible/cache\",\n- *         {g: \"streets\", map: \"world\", i: \"gif\", metaTileSize: {w: 5, h: 5} },\n- *         {isBaseLayer: false}\n- *       );\n- *\n- * The cache URLs must look like: \n- *   var/cache/World/50000/Group_Name/def/t-440320/l20480\n- * \n- * This means that the cache generated via tile.php will *not* work with\n- *     this class, and should instead use the KaMap layer.\n+ * Class: OpenLayers.Format.GML.v2\n+ * Parses GML version 2.\n  *\n- * More information is available in Ticket #1518.\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer.KaMap>\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Format.GML.Base>\n  */\n-OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n+OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n \n     /**\n-     * Constant: IMAGE_EXTENSIONS\n-     * {Object} Simple hash map to convert format to extension.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    IMAGE_EXTENSIONS: {\n-        'jpeg': 'jpg',\n-        'gif': 'gif',\n-        'png': 'png',\n-        'png8': 'png',\n-        'png24': 'png',\n-        'dithered': 'png'\n-    },\n+    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n \n     /**\n-     * Constant: DEFAULT_FORMAT\n-     * {Object} Simple hash map to convert format to extension.\n+     * Constructor: OpenLayers.Format.GML.v2\n+     * Create a parser for GML v2.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (required).\n+     * geometryName - {String} Geometry element name.\n      */\n-    DEFAULT_FORMAT: 'jpeg',\n+    initialize: function(options) {\n+        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.KaMapCache\n-     * \n-     * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * params - {Object} Parameters to be sent to the HTTP server in the\n-     *    query string for the tile. The format can be set via the 'i'\n-     *    parameter (defaults to jpg) , and the map should be set via \n-     *    the 'map' parameter. It has been reported that ka-Map may behave\n-     *    inconsistently if your format parameter does not match the format\n-     *    parameter configured in your config.php. (See ticket #327 for more\n-     *    information.)\n-     * options - {Object} Additional options for the layer. Any of the \n-     *     APIProperties listed on this layer, and any layer types it\n-     *     extends, can be overridden through the options parameter. \n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n-        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT];\n+    readers: {\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"outerBoundaryIs\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.outer = obj.components[0];\n+            },\n+            \"innerBoundaryIs\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.inner.push(obj.components[0]);\n+            },\n+            \"Box\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                if (!container.components) {\n+                    container.components = [];\n+                }\n+                var min = obj.points[0];\n+                var max = obj.points[1];\n+                container.components.push(\n+                    new OpenLayers.Bounds(min.x, min.y, max.x, max.y)\n+                );\n+            }\n+        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n+        \"feature\": OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n+        \"wfs\": OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n     },\n \n     /**\n-     * Method: getURL\n-     * \n+     * Method: write\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n+     * features - {Array(<OpenLayers.Feature.Vector>) | OpenLayers.Feature.Vector}\n+     *     An array of features or a single feature.\n+     *\n      * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n+     * {String} Given an array of features, a doc with a gml:featureMembers\n+     *     element will be returned.  Given a single feature, a doc with a\n+     *     gml:featureMember element will be returned.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-\n-        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n-        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n-\n-        var components = [\n-            \"/\",\n-            this.params.map,\n-            \"/\",\n-            scale,\n-            \"/\",\n-            this.params.g.replace(/\\s/g, '_'),\n-            \"/def/t\",\n-            metaY,\n-            \"/l\",\n-            metaX,\n-            \"/t\",\n-            pY,\n-            \"l\",\n-            pX,\n-            \".\",\n-            this.extension\n-        ];\n+    write: function(features) {\n+        var name;\n+        if (OpenLayers.Util.isArray(features)) {\n+            // GML2 only has abstract feature collections\n+            // wfs provides a feature collection from a well-known schema\n+            name = \"wfs:FeatureCollection\";\n+        } else {\n+            name = \"gml:featureMember\";\n+        }\n+        var root = this.writeNode(name, features);\n+        this.setAttributeNS(\n+            root, this.namespaces[\"xsi\"],\n+            \"xsi:schemaLocation\", this.schemaLocation\n+        );\n \n-        var url = this.url;\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+    },\n \n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(components.join(''), url);\n-        }\n-        return url + components.join(\"\");\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"Point\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:Point\");\n+                this.writeNode(\"coordinates\", [geometry], node);\n+                return node;\n+            },\n+            \"coordinates\": function(points) {\n+                var numPoints = points.length;\n+                var parts = new Array(numPoints);\n+                var point;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    point = points[i];\n+                    if (this.xy) {\n+                        parts[i] = point.x + \",\" + point.y;\n+                    } else {\n+                        parts[i] = point.y + \",\" + point.x;\n+                    }\n+                    if (point.z != undefined) { // allow null or undefined\n+                        parts[i] += \",\" + point.z;\n+                    }\n+                }\n+                return this.createElementNSPlus(\"gml:coordinates\", {\n+                    attributes: {\n+                        decimal: \".\",\n+                        cs: \",\",\n+                        ts: \" \"\n+                    },\n+                    value: (numPoints == 1) ? parts[0] : parts.join(\" \")\n+                });\n+            },\n+            \"LineString\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:LineString\");\n+                this.writeNode(\"coordinates\", geometry.components, node);\n+                return node;\n+            },\n+            \"Polygon\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:Polygon\");\n+                this.writeNode(\"outerBoundaryIs\", geometry.components[0], node);\n+                for (var i = 1; i < geometry.components.length; ++i) {\n+                    this.writeNode(\n+                        \"innerBoundaryIs\", geometry.components[i], node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"outerBoundaryIs\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:outerBoundaryIs\");\n+                this.writeNode(\"LinearRing\", ring, node);\n+                return node;\n+            },\n+            \"innerBoundaryIs\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:innerBoundaryIs\");\n+                this.writeNode(\"LinearRing\", ring, node);\n+                return node;\n+            },\n+            \"LinearRing\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:LinearRing\");\n+                this.writeNode(\"coordinates\", ring.components, node);\n+                return node;\n+            },\n+            \"Box\": function(bounds) {\n+                var node = this.createElementNSPlus(\"gml:Box\");\n+                this.writeNode(\"coordinates\", [{\n+                    x: bounds.left,\n+                    y: bounds.bottom\n+                }, {\n+                    x: bounds.right,\n+                    y: bounds.top\n+                }], node);\n+                // srsName attribute is optional for gml:Box\n+                if (this.srsName) {\n+                    node.setAttribute(\"srsName\", this.srsName);\n+                }\n+                return node;\n+            }\n+        }, OpenLayers.Format.GML.Base.prototype.writers[\"gml\"]),\n+        \"feature\": OpenLayers.Format.GML.Base.prototype.writers[\"feature\"],\n+        \"wfs\": OpenLayers.Format.GML.Base.prototype.writers[\"wfs\"]\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n+    CLASS_NAME: \"OpenLayers.Format.GML.v2\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Layer/Zoomify.js\n+    OpenLayers/Format/Filter/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/*\n- * Development supported by a R&D grant DC08P02OUK006 - Old Maps Online\n- * (www.oldmapsonline.org) from Ministry of Culture of the Czech Republic.\n- */\n-\n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Format/GML/v2.js\n+ * @requires OpenLayers/Format/Filter/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Zoomify\n- *\n+ * Class: OpenLayers.Format.Filter.v1_0_0\n+ * Write ogc:Filter version 1.0.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Format.GML.v2>\n+ *  - <OpenLayers.Format.Filter.v1>\n  */\n-OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * Property: size\n-     * {<OpenLayers.Size>} The Zoomify image size in pixels.\n-     */\n-    size: null,\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean}\n-     */\n-    isBaseLayer: true,\n-\n-    /**\n-     * Property: standardTileSize\n-     * {Integer} The size of a standard (non-border) square tile in pixels.\n-     */\n-    standardTileSize: 256,\n-\n-    /** \n-     * Property: tileOriginCorner\n-     * {String} This layer uses top-left as tile origin\n-     **/\n-    tileOriginCorner: \"tl\",\n-\n-    /**\n-     * Property: numberOfTiers\n-     * {Integer} Depth of the Zoomify pyramid, number of tiers (zoom levels)\n-     *                          - filled during Zoomify pyramid initialization.\n-     */\n-    numberOfTiers: 0,\n-\n-    /**\n-     * Property: tileCountUpToTier\n-     * {Array(Integer)} Number of tiles up to the given tier of pyramid.\n-     *                          - filled during Zoomify pyramid initialization.\n-     */\n-    tileCountUpToTier: null,\n-\n-    /**\n-     * Property: tierSizeInTiles\n-     * {Array(<OpenLayers.Size>)} Size (in tiles) for each tier of pyramid.\n-     *                          - filled during Zoomify pyramid initialization.\n-     */\n-    tierSizeInTiles: null,\n-\n-    /**\n-     * Property: tierImageSize\n-     * {Array(<OpenLayers.Size>)} Image size in pixels for each pyramid tier.\n-     *                          - filled during Zoomify pyramid initialization.\n-     */\n-    tierImageSize: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.Zoomify\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer.\n-     * url - {String} - Relative or absolute path to the image or more\n-     *        precisly to the TileGroup[X] directories root.\n-     *        Flash plugin use the variable name \"zoomifyImagePath\" for this.\n-     * size - {<OpenLayers.Size>} The size (in pixels) of the image.\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n-    initialize: function(name, url, size, options) {\n-\n-        // initilize the Zoomify pyramid for given size\n-        this.initializeZoomify(size);\n-\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name, url, size, {},\n-            options\n-        ]);\n-    },\n-\n-    /**\n-     * Method: initializeZoomify\n-     * It generates constants for all tiers of the Zoomify pyramid\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} The size of the image in pixels\n-     *\n-     */\n-    initializeZoomify: function(size) {\n-\n-        var imageSize = size.clone();\n-        this.size = size.clone();\n-        var tiles = new OpenLayers.Size(\n-            Math.ceil(imageSize.w / this.standardTileSize),\n-            Math.ceil(imageSize.h / this.standardTileSize)\n-        );\n-\n-        this.tierSizeInTiles = [tiles];\n-        this.tierImageSize = [imageSize];\n-\n-        while (imageSize.w > this.standardTileSize ||\n-            imageSize.h > this.standardTileSize) {\n+OpenLayers.Format.Filter.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.GML.v2, OpenLayers.Format.Filter.v1, {\n \n-            imageSize = new OpenLayers.Size(\n-                Math.floor(imageSize.w / 2),\n-                Math.floor(imageSize.h / 2)\n-            );\n-            tiles = new OpenLayers.Size(\n-                Math.ceil(imageSize.w / this.standardTileSize),\n-                Math.ceil(imageSize.h / this.standardTileSize)\n-            );\n-            this.tierSizeInTiles.push(tiles);\n-            this.tierImageSize.push(imageSize);\n-        }\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n \n-        this.tierSizeInTiles.reverse();\n-        this.tierImageSize.reverse();\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\",\n \n-        this.numberOfTiers = this.tierSizeInTiles.length;\n-        var resolutions = [1];\n-        this.tileCountUpToTier = [0];\n-        for (var i = 1; i < this.numberOfTiers; i++) {\n-            resolutions.unshift(Math.pow(2, i));\n-            this.tileCountUpToTier.push(\n-                this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h +\n-                this.tileCountUpToTier[i - 1]\n+        /**\n+         * Constructor: OpenLayers.Format.Filter.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.Filter> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.GML.v2.prototype.initialize.apply(\n+                this, [options]\n             );\n-        }\n-        if (!this.serverResolutions) {\n-            this.serverResolutions = resolutions;\n-        }\n-    },\n-\n-    /**\n-     * APIMethod:destroy\n-     */\n-    destroy: function() {\n-        // for now, nothing special to do here.\n-        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n-\n-        // Remove from memory the Zoomify pyramid - is that enough?\n-        this.tileCountUpToTier.length = 0;\n-        this.tierSizeInTiles.length = 0;\n-        this.tierImageSize.length = 0;\n-\n-    },\n-\n-    /**\n-     * APIMethod: clone\n-     *\n-     * Parameters:\n-     * obj - {Object}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.Zoomify>} An exact clone of this <OpenLayers.Layer.Zoomify>\n-     */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Zoomify(this.name,\n-                this.url,\n-                this.size,\n-                this.options);\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n-    },\n+        },\n \n-    /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n-     */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getZoomForResolution(res);\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"ogc\": OpenLayers.Util.applyDefaults({\n+                \"PropertyIsEqualTo\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.EQUAL_TO\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    obj.filters.push(filter);\n+                },\n+                \"PropertyIsNotEqualTo\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.NOT_EQUAL_TO\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    obj.filters.push(filter);\n+                },\n+                \"PropertyIsLike\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.LIKE\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    var wildCard = node.getAttribute(\"wildCard\");\n+                    var singleChar = node.getAttribute(\"singleChar\");\n+                    var esc = node.getAttribute(\"escape\");\n+                    filter.value2regex(wildCard, singleChar, esc);\n+                    obj.filters.push(filter);\n+                }\n+            }, OpenLayers.Format.Filter.v1.prototype.readers[\"ogc\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"]\n+        },\n \n-        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n-        var path = \"TileGroup\" + Math.floor((tileIndex) / 256) +\n-            \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n-        }\n-        return url + path;\n-    },\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: {\n+            \"ogc\": OpenLayers.Util.applyDefaults({\n+                \"PropertyIsEqualTo\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsEqualTo\");\n+                    // no ogc:expression handling for PropertyName for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // handle Literals or Functions for now\n+                    this.writeOgcExpression(filter.value, node);\n+                    return node;\n+                },\n+                \"PropertyIsNotEqualTo\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsNotEqualTo\");\n+                    // no ogc:expression handling for PropertyName for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // handle Literals or Functions for now\n+                    this.writeOgcExpression(filter.value, node);\n+                    return node;\n+                },\n+                \"PropertyIsLike\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsLike\", {\n+                        attributes: {\n+                            wildCard: \"*\",\n+                            singleChar: \".\",\n+                            escape: \"!\"\n+                        }\n+                    });\n+                    // no ogc:expression handling for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // convert regex string to ogc string\n+                    this.writeNode(\"Literal\", filter.regex2value(), node);\n+                    return node;\n+                },\n+                \"BBOX\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n+                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n+                    // accepts filters without it. When this is used with\n+                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n+                    // missing filter.property to the geometryName that is\n+                    // configured with the protocol, which defaults to \"the_geom\".\n+                    // So the only way to omit this mandatory property is to not\n+                    // set the property on the filter and to set the geometryName\n+                    // on the WFS protocol to null. The latter also happens when\n+                    // the protocol is configured without a geometryName and a\n+                    // featureNS.\n+                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n+                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n+                    if (filter.projection) {\n+                        box.setAttribute(\"srsName\", filter.projection);\n+                    }\n+                    return node;\n+                }\n+            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n+        },\n \n-    /**\n-     * Method: getImageSize\n-     * getImageSize returns size for a particular tile. If bounds are given as\n-     * first argument, size is calculated (bottom-right tiles are non square).\n-     *\n-     */\n-    getImageSize: function() {\n-        if (arguments.length > 0) {\n-            var bounds = this.adjustBounds(arguments[0]);\n-            var res = this.getServerResolution();\n-            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-            var z = this.getZoomForResolution(res);\n-            var w = this.standardTileSize;\n-            var h = this.standardTileSize;\n-            if (x == this.tierSizeInTiles[z].w - 1) {\n-                var w = this.tierImageSize[z].w % this.standardTileSize;\n-            }\n-            if (y == this.tierSizeInTiles[z].h - 1) {\n-                var h = this.tierImageSize[z].h % this.standardTileSize;\n+        /**\n+         * Method: writeSpatial\n+         *\n+         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n+         *\n+         * Parameters:\n+         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n+         * name - {String} Name of the generated XML element.\n+         *\n+         * Returns:\n+         * {DOMElement} The created XML element.\n+         */\n+        writeSpatial: function(filter, name) {\n+            var node = this.createElementNSPlus(\"ogc:\" + name);\n+            this.writeNode(\"PropertyName\", filter, node);\n+            if (filter.value instanceof OpenLayers.Filter.Function) {\n+                this.writeNode(\"Function\", filter.value, node);\n+            } else {\n+                var child;\n+                if (filter.value instanceof OpenLayers.Geometry) {\n+                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n+                } else {\n+                    child = this.writeNode(\"gml:Box\", filter.value);\n+                }\n+                if (filter.projection) {\n+                    child.setAttribute(\"srsName\", filter.projection);\n+                }\n+                node.appendChild(child);\n             }\n-            return (new OpenLayers.Size(w, h));\n-        } else {\n-            return this.tileSize;\n-        }\n-    },\n+            return node;\n+        },\n \n-    /**\n-     * APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin\n-     *    (if we don't have one.)\n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n-            this.map.maxExtent.top);\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n-});\n+        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Layer/PointGrid.js\n+    OpenLayers/Format/SLD/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Vector.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/Format/SLD.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ * @requires OpenLayers/Symbolizer/Point.js\n+ * @requires OpenLayers/Symbolizer/Line.js\n+ * @requires OpenLayers/Symbolizer/Polygon.js\n+ * @requires OpenLayers/Symbolizer/Text.js\n+ * @requires OpenLayers/Symbolizer/Raster.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.PointGrid\n- * A point grid layer dynamically generates a regularly spaced grid of point\n- *     features.  This is a specialty layer for cases where an application needs\n- *     a regular grid of points.  It can be used, for example, in an editing\n- *     environment to snap to a grid.\n- *\n- * Create a new vector layer with the <OpenLayers.Layer.PointGrid> constructor.\n- * (code)\n- * // create a grid with points spaced at 10 map units\n- * var points = new OpenLayers.Layer.PointGrid({dx: 10, dy: 10});\n- *\n- * // create a grid with different x/y spacing rotated 15 degrees clockwise.\n- * var points = new OpenLayers.Layer.PointGrid({dx: 5, dy: 10, rotation: 15});\n- * (end)\n+ * Class: OpenLayers.Format.SLD.v1\n+ * Superclass for SLD version 1 parsers.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n+ *  - <OpenLayers.Format.Filter.v1_0_0>\n  */\n-OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-\n-    /**\n-     * APIProperty: dx\n-     * {Number} Point grid spacing in the x-axis direction (map units).  \n-     * Read-only.  Use the <setSpacing> method to modify this value.\n-     */\n-    dx: null,\n+OpenLayers.Format.SLD.v1 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, {\n \n     /**\n-     * APIProperty: dy\n-     * {Number} Point grid spacing in the y-axis direction (map units).  \n-     * Read-only.  Use the <setSpacing> method to modify this value.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    dy: null,\n+    namespaces: {\n+        sld: \"http://www.opengis.net/sld\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * APIProperty: ratio\n-     * {Number} Ratio of the desired grid size to the map viewport size.  \n-     * Default is 1.5.  Larger ratios mean the grid is recalculated less often \n-     * while panning.  The <maxFeatures> setting has precedence when determining\n-     * grid size.  Read-only.  Use the <setRatio> method to modify this value.\n+     * Property: defaultPrefix\n      */\n-    ratio: 1.5,\n+    defaultPrefix: \"sld\",\n \n     /**\n-     * APIProperty: maxFeatures\n-     * {Number} The maximum number of points to generate in the grid.  Default\n-     * is 250.  Read-only.  Use the <setMaxFeatures> method to modify this value.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    maxFeatures: 250,\n+    schemaLocation: null,\n \n-    /**\n-     * APIProperty: rotation\n-     * {Number} Grid rotation (in degrees clockwise from the positive x-axis).\n-     * Default is 0.  Read-only.  Use the <setRotation> method to modify this\n-     * value.\n+    /** \n+     * APIProperty: multipleSymbolizers\n+     * {Boolean} Support multiple symbolizers per rule.  Default is false.  if\n+     *     true, an OpenLayers.Style2 instance will be created to represent \n+     *     user styles instead of an OpenLayers.Style instace.  The \n+     *     OpenLayers.Style2 class allows collections of rules with multiple\n+     *     symbolizers, but is not currently useful for client side rendering.\n+     *     If multiple symbolizers is true, multiple FeatureTypeStyle elements\n+     *     are preserved in reading/writing by setting symbolizer zIndex values.\n+     *     In addition, the <defaultSymbolizer> property is ignored if \n+     *     multiple symbolizers are supported (defaults should be applied\n+     *     when rendering).\n      */\n-    rotation: 0,\n+    multipleSymbolizers: false,\n \n     /**\n-     * APIProperty: origin\n-     * {<OpenLayers.LonLat>} Grid origin.  The grid lattice will be aligned with \n-     * the origin.  If not set at construction, the center of the map's maximum \n-     * extent is used.  Read-only.  Use the <setOrigin> method to modify this \n-     * value.\n+     * Property: featureTypeCounter\n+     * {Number} Private counter for multiple feature type styles.\n      */\n-    origin: null,\n+    featureTypeCounter: null,\n \n     /**\n-     * Property: gridBounds\n-     * {<OpenLayers.Bounds>}  Internally cached grid bounds (with optional \n-     * rotation applied).\n+     * APIProperty: defaultSymbolizer.\n+     * {Object} A symbolizer with the SLD defaults.\n      */\n-    gridBounds: null,\n+    defaultSymbolizer: {\n+        fillColor: \"#808080\",\n+        fillOpacity: 1,\n+        strokeColor: \"#000000\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeDashstyle: \"solid\",\n+        pointRadius: 3,\n+        graphicName: \"square\"\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.PointGrid\n-     * Creates a new point grid layer.\n+     * Constructor: OpenLayers.Format.SLD.v1\n+     * Instances of this class are not created directly.  Use the\n+     *     <OpenLayers.Format.SLD> constructor instead.\n      *\n      * Parameters:\n-     * config - {Object} An object containing all configuration properties for\n-     *     the layer.  The <dx> and <dy> properties are required to be set at \n-     *     construction.  Any other layer properties may be set in this object.\n-     */\n-    initialize: function(config) {\n-        config = config || {};\n-        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config]);\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * The layer has been added to the map. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        map.events.register(\"moveend\", this, this.onMoveEnd);\n-    },\n \n     /**\n-     * Method: removeMap\n-     * The layer has been removed from the map.\n+     * Method: read\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * data - {DOMElement} An SLD document element.\n+     * options - {Object} Options for the reader.\n+     *\n+     * Valid options:\n+     * namedLayersAsArray - {Boolean}  Generate a namedLayers array.  If false,\n+     *     the namedLayers property value will be an object keyed by layer name.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {Object} An object representing the SLD.\n      */\n-    removeMap: function(map) {\n-        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    read: function(data, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var sld = {\n+            namedLayers: options.namedLayersAsArray === true ? [] : {}\n+        };\n+        this.readChildNodes(data, sld);\n+        return sld;\n     },\n \n     /**\n-     * APIMethod: setRatio\n-     * Set the grid <ratio> property and update the grid.  Can only be called\n-     *     after the layer has been added to a map with a center/extent.\n-     *\n-     * Parameters:\n-     * ratio - {Number}\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    setRatio: function(ratio) {\n-        this.ratio = ratio;\n-        this.updateGrid(true);\n-    },\n+    readers: OpenLayers.Util.applyDefaults({\n+        \"sld\": {\n+            \"StyledLayerDescriptor\": function(node, sld) {\n+                sld.version = node.getAttribute(\"version\");\n+                this.readChildNodes(node, sld);\n+            },\n+            \"Name\": function(node, obj) {\n+                obj.name = this.getChildValue(node);\n+            },\n+            \"Title\": function(node, obj) {\n+                obj.title = this.getChildValue(node);\n+            },\n+            \"Abstract\": function(node, obj) {\n+                obj.description = this.getChildValue(node);\n+            },\n+            \"NamedLayer\": function(node, sld) {\n+                var layer = {\n+                    userStyles: [],\n+                    namedStyles: []\n+                };\n+                this.readChildNodes(node, layer);\n+                // give each of the user styles this layer name\n+                for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n+                    layer.userStyles[i].layerName = layer.name;\n+                }\n+                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n+                    sld.namedLayers.push(layer);\n+                } else {\n+                    sld.namedLayers[layer.name] = layer;\n+                }\n+            },\n+            \"NamedStyle\": function(node, layer) {\n+                layer.namedStyles.push(\n+                    this.getChildName(node.firstChild)\n+                );\n+            },\n+            \"UserStyle\": function(node, layer) {\n+                var obj = {\n+                    defaultsPerSymbolizer: true,\n+                    rules: []\n+                };\n+                this.featureTypeCounter = -1;\n+                this.readChildNodes(node, obj);\n+                var style;\n+                if (this.multipleSymbolizers) {\n+                    delete obj.defaultsPerSymbolizer;\n+                    style = new OpenLayers.Style2(obj);\n+                } else {\n+                    style = new OpenLayers.Style(this.defaultSymbolizer, obj);\n+                }\n+                layer.userStyles.push(style);\n+            },\n+            \"IsDefault\": function(node, style) {\n+                if (this.getChildValue(node) == \"1\") {\n+                    style.isDefault = true;\n+                }\n+            },\n+            \"FeatureTypeStyle\": function(node, style) {\n+                ++this.featureTypeCounter;\n+                var obj = {\n+                    rules: this.multipleSymbolizers ? style.rules : []\n+                };\n+                this.readChildNodes(node, obj);\n+                if (!this.multipleSymbolizers) {\n+                    style.rules = obj.rules;\n+                }\n+            },\n+            \"Rule\": function(node, obj) {\n+                var config;\n+                if (this.multipleSymbolizers) {\n+                    config = {\n+                        symbolizers: []\n+                    };\n+                }\n+                var rule = new OpenLayers.Rule(config);\n+                this.readChildNodes(node, rule);\n+                obj.rules.push(rule);\n+            },\n+            \"ElseFilter\": function(node, rule) {\n+                rule.elseFilter = true;\n+            },\n+            \"MinScaleDenominator\": function(node, rule) {\n+                rule.minScaleDenominator = parseFloat(this.getChildValue(node));\n+            },\n+            \"MaxScaleDenominator\": function(node, rule) {\n+                rule.maxScaleDenominator = parseFloat(this.getChildValue(node));\n+            },\n+            \"TextSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Text(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Text\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Text\"]\n+                    );\n+                }\n+            },\n+            \"LabelPlacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"PointPlacement\": function(node, symbolizer) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                config.labelRotation = config.rotation;\n+                delete config.rotation;\n+                var labelAlign,\n+                    x = symbolizer.labelAnchorPointX,\n+                    y = symbolizer.labelAnchorPointY;\n+                if (x <= 1 / 3) {\n+                    labelAlign = 'l';\n+                } else if (x > 1 / 3 && x < 2 / 3) {\n+                    labelAlign = 'c';\n+                } else if (x >= 2 / 3) {\n+                    labelAlign = 'r';\n+                }\n+                if (y <= 1 / 3) {\n+                    labelAlign += 'b';\n+                } else if (y > 1 / 3 && y < 2 / 3) {\n+                    labelAlign += 'm';\n+                } else if (y >= 2 / 3) {\n+                    labelAlign += 't';\n+                }\n+                config.labelAlign = labelAlign;\n+                OpenLayers.Util.applyDefaults(symbolizer, config);\n+            },\n+            \"AnchorPoint\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"AnchorPointX\": function(node, symbolizer) {\n+                var labelAnchorPointX = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelAnchorPointX) {\n+                    symbolizer.labelAnchorPointX = labelAnchorPointX;\n+                }\n+            },\n+            \"AnchorPointY\": function(node, symbolizer) {\n+                var labelAnchorPointY = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelAnchorPointY) {\n+                    symbolizer.labelAnchorPointY = labelAnchorPointY;\n+                }\n+            },\n+            \"Displacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"DisplacementX\": function(node, symbolizer) {\n+                var labelXOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelXOffset) {\n+                    symbolizer.labelXOffset = labelXOffset;\n+                }\n+            },\n+            \"DisplacementY\": function(node, symbolizer) {\n+                var labelYOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelYOffset) {\n+                    symbolizer.labelYOffset = labelYOffset;\n+                }\n+            },\n+            \"LinePlacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"PerpendicularOffset\": function(node, symbolizer) {\n+                var labelPerpendicularOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelPerpendicularOffset) {\n+                    symbolizer.labelPerpendicularOffset = labelPerpendicularOffset;\n+                }\n+            },\n+            \"Label\": function(node, symbolizer) {\n+                var value = this.readers.ogc._expression.call(this, node);\n+                if (value) {\n+                    symbolizer.label = value;\n+                }\n+            },\n+            \"Font\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"Halo\": function(node, symbolizer) {\n+                // halo has a fill, so send fresh object\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                symbolizer.haloRadius = obj.haloRadius;\n+                symbolizer.haloColor = obj.fillColor;\n+                symbolizer.haloOpacity = obj.fillOpacity;\n+            },\n+            \"Radius\": function(node, symbolizer) {\n+                var radius = this.readers.ogc._expression.call(this, node);\n+                if (radius != null) {\n+                    // radius is only used for halo\n+                    symbolizer.haloRadius = radius;\n+                }\n+            },\n+            \"RasterSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Raster(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Raster\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Raster\"]\n+                    );\n+                }\n+            },\n+            \"Geometry\": function(node, obj) {\n+                obj.geometry = {};\n+                this.readChildNodes(node, obj.geometry);\n+            },\n+            \"ColorMap\": function(node, symbolizer) {\n+                symbolizer.colorMap = [];\n+                this.readChildNodes(node, symbolizer.colorMap);\n+            },\n+            \"ColorMapEntry\": function(node, colorMap) {\n+                var q = node.getAttribute(\"quantity\");\n+                var o = node.getAttribute(\"opacity\");\n+                colorMap.push({\n+                    color: node.getAttribute(\"color\"),\n+                    quantity: q !== null ? parseFloat(q) : undefined,\n+                    label: node.getAttribute(\"label\") || undefined,\n+                    opacity: o !== null ? parseFloat(o) : undefined\n+                });\n+            },\n+            \"LineSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Line(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Line\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Line\"]\n+                    );\n+                }\n+            },\n+            \"PolygonSymbolizer\": function(node, rule) {\n+                var config = {\n+                    fill: false,\n+                    stroke: false\n+                };\n+                if (!this.multipleSymbolizers) {\n+                    config = rule.symbolizer[\"Polygon\"] || config;\n+                }\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Polygon(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Polygon\"] = config;\n+                }\n+            },\n+            \"PointSymbolizer\": function(node, rule) {\n+                var config = {\n+                    fill: false,\n+                    stroke: false,\n+                    graphic: false\n+                };\n+                if (!this.multipleSymbolizers) {\n+                    config = rule.symbolizer[\"Point\"] || config;\n+                }\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Point(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Point\"] = config;\n+                }\n+            },\n+            \"Stroke\": function(node, symbolizer) {\n+                symbolizer.stroke = true;\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"Fill\": function(node, symbolizer) {\n+                symbolizer.fill = true;\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"CssParameter\": function(node, symbolizer) {\n+                var cssProperty = node.getAttribute(\"name\");\n+                var symProperty = this.cssMap[cssProperty];\n+                // for labels, fill should map to fontColor and fill-opacity \n+                // to fontOpacity\n+                if (symbolizer.label) {\n+                    if (cssProperty === 'fill') {\n+                        symProperty = \"fontColor\";\n+                    } else if (cssProperty === 'fill-opacity') {\n+                        symProperty = \"fontOpacity\";\n+                    }\n+                }\n+                if (symProperty) {\n+                    // Limited support for parsing of OGC expressions\n+                    var value = this.readers.ogc._expression.call(this, node);\n+                    // always string, could be an empty string\n+                    if (value) {\n+                        symbolizer[symProperty] = value;\n+                    }\n+                }\n+            },\n+            \"Graphic\": function(node, symbolizer) {\n+                symbolizer.graphic = true;\n+                var graphic = {};\n+                // painter's order not respected here, clobber previous with next\n+                this.readChildNodes(node, graphic);\n+                // directly properties with names that match symbolizer properties\n+                var properties = [\n+                    \"stroke\", \"strokeColor\", \"strokeWidth\", \"strokeOpacity\",\n+                    \"strokeLinecap\", \"fill\", \"fillColor\", \"fillOpacity\",\n+                    \"graphicName\", \"rotation\", \"graphicFormat\"\n+                ];\n+                var prop, value;\n+                for (var i = 0, len = properties.length; i < len; ++i) {\n+                    prop = properties[i];\n+                    value = graphic[prop];\n+                    if (value != undefined) {\n+                        symbolizer[prop] = value;\n+                    }\n+                }\n+                // set other generic properties with specific graphic property names\n+                if (graphic.opacity != undefined) {\n+                    symbolizer.graphicOpacity = graphic.opacity;\n+                }\n+                if (graphic.size != undefined) {\n+                    var pointRadius = graphic.size / 2;\n+                    if (isNaN(pointRadius)) {\n+                        // likely a property name\n+                        symbolizer.graphicWidth = graphic.size;\n+                    } else {\n+                        symbolizer.pointRadius = graphic.size / 2;\n+                    }\n+                }\n+                if (graphic.href != undefined) {\n+                    symbolizer.externalGraphic = graphic.href;\n+                }\n+                if (graphic.rotation != undefined) {\n+                    symbolizer.rotation = graphic.rotation;\n+                }\n+            },\n+            \"ExternalGraphic\": function(node, graphic) {\n+                this.readChildNodes(node, graphic);\n+            },\n+            \"Mark\": function(node, graphic) {\n+                this.readChildNodes(node, graphic);\n+            },\n+            \"WellKnownName\": function(node, graphic) {\n+                graphic.graphicName = this.getChildValue(node);\n+            },\n+            \"Opacity\": function(node, obj) {\n+                var opacity = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (opacity) {\n+                    obj.opacity = opacity;\n+                }\n+            },\n+            \"Size\": function(node, obj) {\n+                var size = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (size) {\n+                    obj.size = size;\n+                }\n+            },\n+            \"Rotation\": function(node, obj) {\n+                var rotation = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (rotation) {\n+                    obj.rotation = rotation;\n+                }\n+            },\n+            \"OnlineResource\": function(node, obj) {\n+                obj.href = this.getAttributeNS(\n+                    node, this.namespaces.xlink, \"href\"\n+                );\n+            },\n+            \"Format\": function(node, graphic) {\n+                graphic.graphicFormat = this.getChildValue(node);\n+            }\n+        }\n+    }, OpenLayers.Format.Filter.v1_0_0.prototype.readers),\n \n     /**\n-     * APIMethod: setMaxFeatures\n-     * Set the grid <maxFeatures> property and update the grid.  Can only be \n-     *     called after the layer has been added to a map with a center/extent.\n-     *\n-     * Parameters:\n-     * maxFeatures - {Number}\n+     * Property: cssMap\n+     * {Object} Object mapping supported css property names to OpenLayers\n+     *     symbolizer property names.\n      */\n-    setMaxFeatures: function(maxFeatures) {\n-        this.maxFeatures = maxFeatures;\n-        this.updateGrid(true);\n+    cssMap: {\n+        \"stroke\": \"strokeColor\",\n+        \"stroke-opacity\": \"strokeOpacity\",\n+        \"stroke-width\": \"strokeWidth\",\n+        \"stroke-linecap\": \"strokeLinecap\",\n+        \"stroke-dasharray\": \"strokeDashstyle\",\n+        \"fill\": \"fillColor\",\n+        \"fill-opacity\": \"fillOpacity\",\n+        \"font-family\": \"fontFamily\",\n+        \"font-size\": \"fontSize\",\n+        \"font-weight\": \"fontWeight\",\n+        \"font-style\": \"fontStyle\"\n     },\n \n     /**\n-     * APIMethod: setSpacing\n-     * Set the grid <dx> and <dy> properties and update the grid.  If only one\n-     *     argument is provided, it will be set as <dx> and <dy>.  Can only be \n-     *     called after the layer has been added to a map with a center/extent.\n+     * Method: getCssProperty\n+     * Given a symbolizer property, get the corresponding CSS property\n+     *     from the <cssMap>.\n      *\n      * Parameters:\n-     * dx - {Number}\n-     * dy - {Number}\n+     * sym - {String} A symbolizer property name.\n+     *\n+     * Returns:\n+     * {String} A CSS property name or null if none found.\n      */\n-    setSpacing: function(dx, dy) {\n-        this.dx = dx;\n-        this.dy = dy || dx;\n-        this.updateGrid(true);\n+    getCssProperty: function(sym) {\n+        var css = null;\n+        for (var prop in this.cssMap) {\n+            if (this.cssMap[prop] == sym) {\n+                css = prop;\n+                break;\n+            }\n+        }\n+        return css;\n     },\n \n     /**\n-     * APIMethod: setOrigin\n-     * Set the grid <origin> property and update the grid.  Can only be called\n-     *     after the layer has been added to a map with a center/extent.\n+     * Method: getGraphicFormat\n+     * Given a href for an external graphic, try to determine the mime-type.\n+     *     This method doesn't try too hard, and will fall back to\n+     *     <defaultGraphicFormat> if one of the known <graphicFormats> is not\n+     *     the file extension of the provided href.\n      *\n      * Parameters:\n-     * origin - {<OpenLayers.LonLat>}\n-     */\n-    setOrigin: function(origin) {\n-        this.origin = origin;\n-        this.updateGrid(true);\n-    },\n-\n-    /**\n-     * APIMethod: getOrigin\n-     * Get the grid <origin> property.\n+     * href - {String}\n      *\n      * Returns:\n-     * {<OpenLayers.LonLat>} The grid origin.\n+     * {String} The graphic format.\n      */\n-    getOrigin: function() {\n-        if (!this.origin) {\n-            this.origin = this.map.getExtent().getCenterLonLat();\n+    getGraphicFormat: function(href) {\n+        var format, regex;\n+        for (var key in this.graphicFormats) {\n+            if (this.graphicFormats[key].test(href)) {\n+                format = key;\n+                break;\n+            }\n         }\n-        return this.origin;\n+        return format || this.defaultGraphicFormat;\n     },\n \n     /**\n-     * APIMethod: setRotation\n-     * Set the grid <rotation> property and update the grid.  Rotation values\n-     *     are in degrees clockwise from the positive x-axis (negative values\n-     *     for counter-clockwise rotation).  Can only be called after the layer \n-     *     has been added to a map with a center/extent.\n-     *\n-     * Parameters:\n-     * rotation - {Number} Degrees clockwise from the positive x-axis.\n+     * Property: defaultGraphicFormat\n+     * {String} If none other can be determined from <getGraphicFormat>, this\n+     *     default will be returned.\n      */\n-    setRotation: function(rotation) {\n-        this.rotation = rotation;\n-        this.updateGrid(true);\n-    },\n+    defaultGraphicFormat: \"image/png\",\n \n     /**\n-     * Method: onMoveEnd\n-     * Listener for map \"moveend\" events.\n+     * Property: graphicFormats\n+     * {Object} Mapping of image mime-types to regular extensions matching \n+     *     well-known file extensions.\n      */\n-    onMoveEnd: function() {\n-        this.updateGrid();\n+    graphicFormats: {\n+        \"image/jpeg\": /\\.jpe?g$/i,\n+        \"image/gif\": /\\.gif$/i,\n+        \"image/png\": /\\.png$/i\n     },\n \n     /**\n-     * Method: getViewBounds\n-     * Gets the (potentially rotated) view bounds for grid calculations.\n+     * Method: write\n+     *\n+     * Parameters:\n+     * sld - {Object} An object representing the SLD.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * {DOMElement} The root of an SLD document.\n      */\n-    getViewBounds: function() {\n-        var bounds = this.map.getExtent();\n-        if (this.rotation) {\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var rect = bounds.toGeometry();\n-            rect.rotate(-this.rotation, rotationOrigin);\n-            bounds = rect.getBounds();\n-        }\n-        return bounds;\n+    write: function(sld) {\n+        return this.writers.sld.StyledLayerDescriptor.apply(this, [sld]);\n     },\n \n     /**\n-     * Method: updateGrid\n-     * Update the grid.\n-     *\n-     * Parameters:\n-     * force - {Boolean} Update the grid even if the previous bounds are still\n-     *     valid.\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n      */\n-    updateGrid: function(force) {\n-        if (force || this.invalidBounds()) {\n-            var viewBounds = this.getViewBounds();\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var viewBoundsWidth = viewBounds.getWidth();\n-            var viewBoundsHeight = viewBounds.getHeight();\n-            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n-            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n-            var maxWidth = maxHeight * aspectRatio;\n-            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n-            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n-            var center = viewBounds.getCenterLonLat();\n-            this.gridBounds = new OpenLayers.Bounds(\n-                center.lon - (gridWidth / 2),\n-                center.lat - (gridHeight / 2),\n-                center.lon + (gridWidth / 2),\n-                center.lat + (gridHeight / 2)\n-            );\n-            var rows = Math.floor(gridHeight / this.dy);\n-            var cols = Math.floor(gridWidth / this.dx);\n-            var gridLeft = origin.lon + (this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx));\n-            var gridBottom = origin.lat + (this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy));\n-            var features = new Array(rows * cols);\n-            var x, y, point;\n-            for (var i = 0; i < cols; ++i) {\n-                x = gridLeft + (i * this.dx);\n-                for (var j = 0; j < rows; ++j) {\n-                    y = gridBottom + (j * this.dy);\n-                    point = new OpenLayers.Geometry.Point(x, y);\n-                    if (this.rotation) {\n-                        point.rotate(this.rotation, rotationOrigin);\n+    writers: OpenLayers.Util.applyDefaults({\n+        \"sld\": {\n+            \"_OGCExpression\": function(nodeName, value) {\n+                // only the simplest of ogc:expression handled\n+                // {label: \"some text and a ${propertyName}\"}\n+                var node = this.createElementNSPlus(nodeName);\n+                var tokens = typeof value == \"string\" ?\n+                    value.split(\"${\") : [value];\n+                node.appendChild(this.createTextNode(tokens[0]));\n+                var item, last;\n+                for (var i = 1, len = tokens.length; i < len; i++) {\n+                    item = tokens[i];\n+                    last = item.indexOf(\"}\");\n+                    if (last > 0) {\n+                        this.writeNode(\n+                            \"ogc:PropertyName\", {\n+                                property: item.substring(0, last)\n+                            },\n+                            node\n+                        );\n+                        node.appendChild(\n+                            this.createTextNode(item.substring(++last))\n+                        );\n+                    } else {\n+                        // no ending }, so this is a literal ${\n+                        node.appendChild(\n+                            this.createTextNode(\"${\" + item)\n+                        );\n                     }\n-                    features[(i * rows) + j] = new OpenLayers.Feature.Vector(point);\n                 }\n-            }\n-            this.destroyFeatures(this.features, {\n-                silent: true\n-            });\n-            this.addFeatures(features, {\n-                silent: true\n-            });\n-        }\n-    },\n-\n-    /**\n-     * Method: invalidBounds\n-     * Determine whether the previously generated point grid is invalid. \n-     *     This occurs when the map bounds extends beyond the previously \n-     *     generated grid bounds.\n-     *\n-     * Returns:\n-     * {Boolean} \n-     */\n-    invalidBounds: function() {\n-        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds());\n-    },\n+                return node;\n+            },\n+            \"StyledLayerDescriptor\": function(sld) {\n+                var root = this.createElementNSPlus(\n+                    \"sld:StyledLayerDescriptor\", {\n+                        attributes: {\n+                            \"version\": this.VERSION,\n+                            \"xsi:schemaLocation\": this.schemaLocation\n+                        }\n+                    }\n+                );\n \n-    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n+                // For ArcGIS Server it is necessary to define this\n+                // at the root level (see ticket:2166).\n+                root.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n+                root.setAttribute(\"xmlns:gml\", this.namespaces.gml);\n \n-});\n-/* ======================================================================\n-    OpenLayers/Layer/OSM.js\n-   ====================================================================== */\n+                // add in optional name\n+                if (sld.name) {\n+                    this.writeNode(\"Name\", sld.name, root);\n+                }\n+                // add in optional title\n+                if (sld.title) {\n+                    this.writeNode(\"Title\", sld.title, root);\n+                }\n+                // add in optional description\n+                if (sld.description) {\n+                    this.writeNode(\"Abstract\", sld.description, root);\n+                }\n+                // add in named layers\n+                // allow namedLayers to be an array\n+                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n+                    for (var i = 0, len = sld.namedLayers.length; i < len; ++i) {\n+                        this.writeNode(\"NamedLayer\", sld.namedLayers[i], root);\n+                    }\n+                } else {\n+                    for (var name in sld.namedLayers) {\n+                        this.writeNode(\"NamedLayer\", sld.namedLayers[name], root);\n+                    }\n+                }\n+                return root;\n+            },\n+            \"Name\": function(name) {\n+                return this.createElementNSPlus(\"sld:Name\", {\n+                    value: name\n+                });\n+            },\n+            \"Title\": function(title) {\n+                return this.createElementNSPlus(\"sld:Title\", {\n+                    value: title\n+                });\n+            },\n+            \"Abstract\": function(description) {\n+                return this.createElementNSPlus(\n+                    \"sld:Abstract\", {\n+                        value: description\n+                    }\n+                );\n+            },\n+            \"NamedLayer\": function(layer) {\n+                var node = this.createElementNSPlus(\"sld:NamedLayer\");\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                // add in required name\n+                this.writeNode(\"Name\", layer.name, node);\n \n-/**\n- * @requires OpenLayers/Layer/XYZ.js\n- */\n+                // optional sld:LayerFeatureConstraints here\n \n-/**\n- * Class: OpenLayers.Layer.OSM\n- * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n- *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n- *    a different layer instead, you need to provide a different\n- *    URL to the constructor. Here's an example for using OpenCycleMap:\n- * \n- * (code)\n- *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n- *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n- * (end)\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n- */\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+                // add in named styles\n+                if (layer.namedStyles) {\n+                    for (var i = 0, len = layer.namedStyles.length; i < len; ++i) {\n+                        this.writeNode(\n+                            \"NamedStyle\", layer.namedStyles[i], node\n+                        );\n+                    }\n+                }\n \n-    /**\n-     * APIProperty: name\n-     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n-     * argument to the constructor is null or undefined.\n-     */\n-    name: \"OpenStreetMap\",\n+                // add in user styles\n+                if (layer.userStyles) {\n+                    for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n+                        this.writeNode(\n+                            \"UserStyle\", layer.userStyles[i], node\n+                        );\n+                    }\n+                }\n \n-    /**\n-     * APIProperty: url\n-     * {String} The tileset URL scheme. Defaults to\n-     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n-     * (the official OSM tileset) if the second argument to the constructor\n-     * is null or undefined. To use another tileset you can have something\n-     * like this:\n-     * (code)\n-     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n-     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n-     * (end)\n-     */\n-    url: [\n-        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n-    ],\n+                return node;\n+            },\n+            \"NamedStyle\": function(name) {\n+                var node = this.createElementNSPlus(\"sld:NamedStyle\");\n+                this.writeNode(\"Name\", name, node);\n+                return node;\n+            },\n+            \"UserStyle\": function(style) {\n+                var node = this.createElementNSPlus(\"sld:UserStyle\");\n \n-    /**\n-     * Property: attribution\n-     * {String} The layer attribution.\n-     */\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+                // add in optional name\n+                if (style.name) {\n+                    this.writeNode(\"Name\", style.name, node);\n+                }\n+                // add in optional title\n+                if (style.title) {\n+                    this.writeNode(\"Title\", style.title, node);\n+                }\n+                // add in optional description\n+                if (style.description) {\n+                    this.writeNode(\"Abstract\", style.description, node);\n+                }\n \n-    /**\n-     * Property: sphericalMercator\n-     * {Boolean}\n-     */\n-    sphericalMercator: true,\n+                // add isdefault\n+                if (style.isDefault) {\n+                    this.writeNode(\"IsDefault\", style.isDefault, node);\n+                }\n \n-    /**\n-     * Property: wrapDateLine\n-     * {Boolean}\n-     */\n-    wrapDateLine: true,\n+                // add FeatureTypeStyles\n+                if (this.multipleSymbolizers && style.rules) {\n+                    // group style objects by symbolizer zIndex\n+                    var rulesByZ = {\n+                        0: []\n+                    };\n+                    var zValues = [0];\n+                    var rule, ruleMap, symbolizer, zIndex, clone;\n+                    for (var i = 0, ii = style.rules.length; i < ii; ++i) {\n+                        rule = style.rules[i];\n+                        if (rule.symbolizers) {\n+                            ruleMap = {};\n+                            for (var j = 0, jj = rule.symbolizers.length; j < jj; ++j) {\n+                                symbolizer = rule.symbolizers[j];\n+                                zIndex = symbolizer.zIndex;\n+                                if (!(zIndex in ruleMap)) {\n+                                    clone = rule.clone();\n+                                    clone.symbolizers = [];\n+                                    ruleMap[zIndex] = clone;\n+                                }\n+                                ruleMap[zIndex].symbolizers.push(symbolizer.clone());\n+                            }\n+                            for (zIndex in ruleMap) {\n+                                if (!(zIndex in rulesByZ)) {\n+                                    zValues.push(zIndex);\n+                                    rulesByZ[zIndex] = [];\n+                                }\n+                                rulesByZ[zIndex].push(ruleMap[zIndex]);\n+                            }\n+                        } else {\n+                            // no symbolizers in rule\n+                            rulesByZ[0].push(rule.clone());\n+                        }\n+                    }\n+                    // write one FeatureTypeStyle per zIndex\n+                    zValues.sort();\n+                    var rules;\n+                    for (var i = 0, ii = zValues.length; i < ii; ++i) {\n+                        rules = rulesByZ[zValues[i]];\n+                        if (rules.length > 0) {\n+                            clone = style.clone();\n+                            clone.rules = rulesByZ[zValues[i]];\n+                            this.writeNode(\"FeatureTypeStyle\", clone, node);\n+                        }\n+                    }\n+                } else {\n+                    this.writeNode(\"FeatureTypeStyle\", style, node);\n+                }\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n-     *\n-     *  When using OSM tilesets other than the default ones, it may be\n-     *  necessary to set this to\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: null}\n-     *  (end)\n-     *\n-     *  if the server does not send Access-Control-Allow-Origin headers.\n-     */\n-    tileOptions: null,\n+                return node;\n+            },\n+            \"IsDefault\": function(bool) {\n+                return this.createElementNSPlus(\n+                    \"sld:IsDefault\", {\n+                        value: (bool) ? \"1\" : \"0\"\n+                    }\n+                );\n+            },\n+            \"FeatureTypeStyle\": function(style) {\n+                var node = this.createElementNSPlus(\"sld:FeatureTypeStyle\");\n \n-    /**\n-     * Constructor: OpenLayers.Layer.OSM\n-     *\n-     * Parameters:\n-     * name - {String} The layer name.\n-     * url - {String} The tileset URL scheme.\n-     * options - {Object} Configuration options for the layer. Any inherited\n-     *     layer option can be set in this object (e.g.\n-     *     <OpenLayers.Layer.Grid.buffer>).\n-     */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options && this.options.tileOptions);\n-    },\n+                // OpenLayers currently stores no Name, Title, Abstract,\n+                // FeatureTypeName, or SemanticTypeIdentifier information\n+                // related to FeatureTypeStyle\n \n-    /**\n-     * Method: clone\n-     */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(\n-                this.name, this.url, this.getOptions());\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj;\n-    },\n+                // add in rules\n+                for (var i = 0, len = style.rules.length; i < len; ++i) {\n+                    this.writeNode(\"Rule\", style.rules[i], node);\n+                }\n \n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/MapServer.js\n-   ====================================================================== */\n+                return node;\n+            },\n+            \"Rule\": function(rule) {\n+                var node = this.createElementNSPlus(\"sld:Rule\");\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                // add in optional name\n+                if (rule.name) {\n+                    this.writeNode(\"Name\", rule.name, node);\n+                }\n+                // add in optional title\n+                if (rule.title) {\n+                    this.writeNode(\"Title\", rule.title, node);\n+                }\n+                // add in optional description\n+                if (rule.description) {\n+                    this.writeNode(\"Abstract\", rule.description, node);\n+                }\n \n-/**\n- * @requires OpenLayers/Layer/Grid.js\n- */\n+                // add in LegendGraphic here\n \n-/**\n- * Class: OpenLayers.Layer.MapServer\n- * Instances of OpenLayers.Layer.MapServer are used to display\n- * data from a MapServer CGI instance.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.MapServer = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+                // add in optional filters\n+                if (rule.elseFilter) {\n+                    this.writeNode(\"ElseFilter\", null, node);\n+                } else if (rule.filter) {\n+                    this.writeNode(\"ogc:Filter\", rule.filter, node);\n+                }\n \n-    /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n-     */\n-    DEFAULT_PARAMS: {\n-        mode: \"map\",\n-        map_imagetype: \"png\"\n-    },\n+                // add in scale limits\n+                if (rule.minScaleDenominator != undefined) {\n+                    this.writeNode(\n+                        \"MinScaleDenominator\", rule.minScaleDenominator, node\n+                    );\n+                }\n+                if (rule.maxScaleDenominator != undefined) {\n+                    this.writeNode(\n+                        \"MaxScaleDenominator\", rule.maxScaleDenominator, node\n+                    );\n+                }\n \n-    /**\n-     * Constructor: OpenLayers.Layer.MapServer\n-     * Create a new MapServer layer object\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the MapServer CGI\n-     *       (e.g. http://www2.dmsolutions.ca/cgi-bin/mapserv)\n-     * params - {Object} An object with key/value pairs representing the\n-     *          GetMap query string parameters and parameter values.\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-\n-        this.params = OpenLayers.Util.applyDefaults(\n-            this.params, this.DEFAULT_PARAMS\n-        );\n+                var type, symbolizer;\n+                if (this.multipleSymbolizers && rule.symbolizers) {\n+                    var symbolizer;\n+                    for (var i = 0, ii = rule.symbolizers.length; i < ii; ++i) {\n+                        symbolizer = rule.symbolizers[i];\n+                        type = symbolizer.CLASS_NAME.split(\".\").pop();\n+                        this.writeNode(\n+                            type + \"Symbolizer\", symbolizer, node\n+                        );\n+                    }\n+                } else {\n+                    // add in symbolizers (relies on geometry type keys)\n+                    var types = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+                    for (var i = 0, len = types.length; i < len; ++i) {\n+                        type = types[i];\n+                        symbolizer = rule.symbolizer[type];\n+                        if (symbolizer) {\n+                            this.writeNode(\n+                                type + \"Symbolizer\", symbolizer, node\n+                            );\n+                        }\n+                    }\n+                }\n+                return node;\n \n-        // unless explicitly set in options, if the layer is transparent, \n-        // it will be an overlay\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = ((this.params.transparent != \"true\") &&\n-                (this.params.transparent != true));\n-        }\n-    },\n+            },\n+            \"ElseFilter\": function() {\n+                return this.createElementNSPlus(\"sld:ElseFilter\");\n+            },\n+            \"MinScaleDenominator\": function(scale) {\n+                return this.createElementNSPlus(\n+                    \"sld:MinScaleDenominator\", {\n+                        value: scale\n+                    }\n+                );\n+            },\n+            \"MaxScaleDenominator\": function(scale) {\n+                return this.createElementNSPlus(\n+                    \"sld:MaxScaleDenominator\", {\n+                        value: scale\n+                    }\n+                );\n+            },\n+            \"LineSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LineSymbolizer\");\n+                this.writeNode(\"Stroke\", symbolizer, node);\n+                return node;\n+            },\n+            \"Stroke\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Stroke\");\n \n-    /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.MapServer>} An exact clone of this layer\n-     */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.MapServer(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+                // GraphicFill here\n+                // GraphicStroke here\n \n-        // copy/set any non-init, non-simple values here\n+                // add in CssParameters\n+                if (symbolizer.strokeColor != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeColor\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeOpacity != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeOpacity\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeWidth != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeWidth\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeDashstyle != undefined && symbolizer.strokeDashstyle !== \"solid\") {\n+                    // assumes valid stroke-dasharray value\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeDashstyle\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeLinecap != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeLinecap\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"CssParameter\": function(obj) {\n+                // not handling ogc:expressions for now\n+                return this.createElementNSPlus(\"sld:CssParameter\", {\n+                    attributes: {\n+                        name: this.getCssProperty(obj.key)\n+                    },\n+                    value: obj.symbolizer[obj.key]\n+                });\n+            },\n+            \"TextSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:TextSymbolizer\");\n+                // add in optional Label\n+                if (symbolizer.label != null) {\n+                    this.writeNode(\"Label\", symbolizer.label, node);\n+                }\n+                // add in optional Font\n+                if (symbolizer.fontFamily != null ||\n+                    symbolizer.fontSize != null ||\n+                    symbolizer.fontWeight != null ||\n+                    symbolizer.fontStyle != null) {\n+                    this.writeNode(\"Font\", symbolizer, node);\n+                }\n+                // add in optional LabelPlacement\n+                if (symbolizer.labelAnchorPointX != null ||\n+                    symbolizer.labelAnchorPointY != null ||\n+                    symbolizer.labelAlign != null ||\n+                    symbolizer.labelXOffset != null ||\n+                    symbolizer.labelYOffset != null ||\n+                    symbolizer.labelRotation != null ||\n+                    symbolizer.labelPerpendicularOffset != null) {\n+                    this.writeNode(\"LabelPlacement\", symbolizer, node);\n+                }\n+                // add in optional Halo\n+                if (symbolizer.haloRadius != null ||\n+                    symbolizer.haloColor != null ||\n+                    symbolizer.haloOpacity != null) {\n+                    this.writeNode(\"Halo\", symbolizer, node);\n+                }\n+                // add in optional Fill\n+                if (symbolizer.fontColor != null ||\n+                    symbolizer.fontOpacity != null) {\n+                    this.writeNode(\"Fill\", {\n+                        fillColor: symbolizer.fontColor,\n+                        fillOpacity: symbolizer.fontOpacity\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"LabelPlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LabelPlacement\");\n+                // PointPlacement and LinePlacement are choices, so don't output both\n+                if ((symbolizer.labelAnchorPointX != null ||\n+                        symbolizer.labelAnchorPointY != null ||\n+                        symbolizer.labelAlign != null ||\n+                        symbolizer.labelXOffset != null ||\n+                        symbolizer.labelYOffset != null ||\n+                        symbolizer.labelRotation != null) &&\n+                    symbolizer.labelPerpendicularOffset == null) {\n+                    this.writeNode(\"PointPlacement\", symbolizer, node);\n+                }\n+                if (symbolizer.labelPerpendicularOffset != null) {\n+                    this.writeNode(\"LinePlacement\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"LinePlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LinePlacement\");\n+                this.writeNode(\"PerpendicularOffset\", symbolizer.labelPerpendicularOffset, node);\n+                return node;\n+            },\n+            \"PerpendicularOffset\": function(value) {\n+                return this.createElementNSPlus(\"sld:PerpendicularOffset\", {\n+                    value: value\n+                });\n+            },\n+            \"PointPlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PointPlacement\");\n+                if (symbolizer.labelAnchorPointX != null ||\n+                    symbolizer.labelAnchorPointY != null ||\n+                    symbolizer.labelAlign != null) {\n+                    this.writeNode(\"AnchorPoint\", symbolizer, node);\n+                }\n+                if (symbolizer.labelXOffset != null ||\n+                    symbolizer.labelYOffset != null) {\n+                    this.writeNode(\"Displacement\", symbolizer, node);\n+                }\n+                if (symbolizer.labelRotation != null) {\n+                    this.writeNode(\"Rotation\", symbolizer.labelRotation, node);\n+                }\n+                return node;\n+            },\n+            \"AnchorPoint\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:AnchorPoint\");\n+                var x = symbolizer.labelAnchorPointX,\n+                    y = symbolizer.labelAnchorPointY;\n+                if (x != null) {\n+                    this.writeNode(\"AnchorPointX\", x, node);\n+                }\n+                if (y != null) {\n+                    this.writeNode(\"AnchorPointY\", y, node);\n+                }\n+                if (x == null && y == null) {\n+                    var xAlign = symbolizer.labelAlign.substr(0, 1),\n+                        yAlign = symbolizer.labelAlign.substr(1, 1);\n+                    if (xAlign === \"l\") {\n+                        x = 0;\n+                    } else if (xAlign === \"c\") {\n+                        x = 0.5;\n+                    } else if (xAlign === \"r\") {\n+                        x = 1;\n+                    }\n+                    if (yAlign === \"b\") {\n+                        y = 0;\n+                    } else if (yAlign === \"m\") {\n+                        y = 0.5;\n+                    } else if (yAlign === \"t\") {\n+                        y = 1;\n+                    }\n+                    this.writeNode(\"AnchorPointX\", x, node);\n+                    this.writeNode(\"AnchorPointY\", y, node);\n+                }\n+                return node;\n+            },\n+            \"AnchorPointX\": function(value) {\n+                return this.createElementNSPlus(\"sld:AnchorPointX\", {\n+                    value: value\n+                });\n+            },\n+            \"AnchorPointY\": function(value) {\n+                return this.createElementNSPlus(\"sld:AnchorPointY\", {\n+                    value: value\n+                });\n+            },\n+            \"Displacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Displacement\");\n+                if (symbolizer.labelXOffset != null) {\n+                    this.writeNode(\"DisplacementX\", symbolizer.labelXOffset, node);\n+                }\n+                if (symbolizer.labelYOffset != null) {\n+                    this.writeNode(\"DisplacementY\", symbolizer.labelYOffset, node);\n+                }\n+                return node;\n+            },\n+            \"DisplacementX\": function(value) {\n+                return this.createElementNSPlus(\"sld:DisplacementX\", {\n+                    value: value\n+                });\n+            },\n+            \"DisplacementY\": function(value) {\n+                return this.createElementNSPlus(\"sld:DisplacementY\", {\n+                    value: value\n+                });\n+            },\n+            \"Font\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Font\");\n+                // add in CssParameters\n+                if (symbolizer.fontFamily) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontFamily\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontSize) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontSize\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontWeight) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontWeight\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontStyle) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontStyle\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"Label\": function(label) {\n+                return this.writers.sld._OGCExpression.call(\n+                    this, \"sld:Label\", label\n+                );\n+            },\n+            \"Halo\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Halo\");\n+                if (symbolizer.haloRadius) {\n+                    this.writeNode(\"Radius\", symbolizer.haloRadius, node);\n+                }\n+                if (symbolizer.haloColor || symbolizer.haloOpacity) {\n+                    this.writeNode(\"Fill\", {\n+                        fillColor: symbolizer.haloColor,\n+                        fillOpacity: symbolizer.haloOpacity\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"Radius\": function(value) {\n+                return this.createElementNSPlus(\"sld:Radius\", {\n+                    value: value\n+                });\n+            },\n+            \"RasterSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:RasterSymbolizer\");\n+                if (symbolizer.geometry) {\n+                    this.writeNode(\"Geometry\", symbolizer.geometry, node);\n+                }\n+                if (symbolizer.opacity) {\n+                    this.writeNode(\"Opacity\", symbolizer.opacity, node);\n+                }\n+                if (symbolizer.colorMap) {\n+                    this.writeNode(\"ColorMap\", symbolizer.colorMap, node);\n+                }\n+                return node;\n+            },\n+            \"Geometry\": function(geometry) {\n+                var node = this.createElementNSPlus(\"sld:Geometry\");\n+                if (geometry.property) {\n+                    this.writeNode(\"ogc:PropertyName\", geometry, node);\n+                }\n+                return node;\n+            },\n+            \"ColorMap\": function(colorMap) {\n+                var node = this.createElementNSPlus(\"sld:ColorMap\");\n+                for (var i = 0, len = colorMap.length; i < len; ++i) {\n+                    this.writeNode(\"ColorMapEntry\", colorMap[i], node);\n+                }\n+                return node;\n+            },\n+            \"ColorMapEntry\": function(colorMapEntry) {\n+                var node = this.createElementNSPlus(\"sld:ColorMapEntry\");\n+                var a = colorMapEntry;\n+                node.setAttribute(\"color\", a.color);\n+                a.opacity !== undefined && node.setAttribute(\"opacity\",\n+                    parseFloat(a.opacity));\n+                a.quantity !== undefined && node.setAttribute(\"quantity\",\n+                    parseFloat(a.quantity));\n+                a.label !== undefined && node.setAttribute(\"label\", a.label);\n+                return node;\n+            },\n+            \"PolygonSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PolygonSymbolizer\");\n+                if (symbolizer.fill !== false) {\n+                    this.writeNode(\"Fill\", symbolizer, node);\n+                }\n+                if (symbolizer.stroke !== false) {\n+                    this.writeNode(\"Stroke\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"Fill\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Fill\");\n \n-        return obj;\n-    },\n+                // GraphicFill here\n \n-    /**\n-     * Method: getURL\n-     * Return a query string for this layer\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n-     *                                for the request\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also \n-     *          the passed-in bounds and appropriate tile size specified \n-     *          as parameters.\n-     */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        // Make a list, so that getFullRequestString uses literal \",\" \n-        var extent = [bounds.left, bounds.bottom, bounds.right, bounds.top];\n+                // add in CssParameters\n+                if (symbolizer.fillColor) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fillColor\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fillOpacity != null) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fillOpacity\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"PointSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PointSymbolizer\");\n+                this.writeNode(\"Graphic\", symbolizer, node);\n+                return node;\n+            },\n+            \"Graphic\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Graphic\");\n+                if (symbolizer.externalGraphic != undefined) {\n+                    this.writeNode(\"ExternalGraphic\", symbolizer, node);\n+                } else {\n+                    this.writeNode(\"Mark\", symbolizer, node);\n+                }\n \n-        var imageSize = this.getImageSize();\n+                if (symbolizer.graphicOpacity != undefined) {\n+                    this.writeNode(\"Opacity\", symbolizer.graphicOpacity, node);\n+                }\n+                if (symbolizer.pointRadius != undefined) {\n+                    this.writeNode(\"Size\", symbolizer.pointRadius * 2, node);\n+                } else if (symbolizer.graphicWidth != undefined) {\n+                    this.writeNode(\"Size\", symbolizer.graphicWidth, node);\n+                }\n+                if (symbolizer.rotation != undefined) {\n+                    this.writeNode(\"Rotation\", symbolizer.rotation, node);\n+                }\n+                return node;\n+            },\n+            \"ExternalGraphic\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:ExternalGraphic\");\n+                this.writeNode(\n+                    \"OnlineResource\", symbolizer.externalGraphic, node\n+                );\n+                var format = symbolizer.graphicFormat ||\n+                    this.getGraphicFormat(symbolizer.externalGraphic);\n+                this.writeNode(\"Format\", format, node);\n+                return node;\n+            },\n+            \"Mark\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Mark\");\n+                if (symbolizer.graphicName) {\n+                    this.writeNode(\"WellKnownName\", symbolizer.graphicName, node);\n+                }\n+                if (symbolizer.fill !== false) {\n+                    this.writeNode(\"Fill\", symbolizer, node);\n+                }\n+                if (symbolizer.stroke !== false) {\n+                    this.writeNode(\"Stroke\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"WellKnownName\": function(name) {\n+                return this.createElementNSPlus(\"sld:WellKnownName\", {\n+                    value: name\n+                });\n+            },\n+            \"Opacity\": function(value) {\n+                return this.createElementNSPlus(\"sld:Opacity\", {\n+                    value: value\n+                });\n+            },\n+            \"Size\": function(value) {\n+                return this.writers.sld._OGCExpression.call(\n+                    this, \"sld:Size\", value\n+                );\n+            },\n+            \"Rotation\": function(value) {\n+                return this.createElementNSPlus(\"sld:Rotation\", {\n+                    value: value\n+                });\n+            },\n+            \"OnlineResource\": function(href) {\n+                return this.createElementNSPlus(\"sld:OnlineResource\", {\n+                    attributes: {\n+                        \"xlink:type\": \"simple\",\n+                        \"xlink:href\": href\n+                    }\n+                });\n+            },\n+            \"Format\": function(format) {\n+                return this.createElementNSPlus(\"sld:Format\", {\n+                    value: format\n+                });\n+            }\n+        }\n+    }, OpenLayers.Format.Filter.v1_0_0.prototype.writers),\n \n-        // make lists, so that literal ','s are used \n-        var url = this.getFullRequestString({\n-            mapext: extent,\n-            imgext: extent,\n-            map_size: [imageSize.w, imageSize.h],\n-            imgx: imageSize.w / 2,\n-            imgy: imageSize.h / 2,\n-            imgxy: [imageSize.w, imageSize.h]\n-        });\n+    CLASS_NAME: \"OpenLayers.Format.SLD.v1\"\n \n-        return url;\n-    },\n+});\n+/* ======================================================================\n+    OpenLayers/Format/SLD/v1_0_0.js\n+   ====================================================================== */\n \n-    /** \n-     * Method: getFullRequestString\n-     * combine the layer's url with its params and these newParams. \n-     *   \n-     * Parameters:\n-     * newParams - {Object} New parameters that should be added to the \n-     *                      request string.\n-     * altUrl - {String} (optional) Replace the URL in the full request  \n-     *                              string with the provided URL.\n-     * \n-     * Returns: \n-     * {String} A string with the layer's url and parameters embedded in it.\n-     */\n-    getFullRequestString: function(newParams, altUrl) {\n-        // use layer's url unless altUrl passed in\n-        var url = (altUrl == null) ? this.url : altUrl;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        // create a new params hashtable with all the layer params and the \n-        // new params together. then convert to string\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+/**\n+ * @requires OpenLayers/Format/SLD/v1.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ */\n \n-        // if url is not a string, it should be an array of strings, \n-        // in which case we will deterministically select one of them in \n-        // order to evenly distribute requests to different urls.\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(paramsString, url);\n-        }\n+/**\n+ * Class: OpenLayers.Format.SLD.v1_0_0\n+ * Write SLD version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.SLD.v1>\n+ */\n+OpenLayers.Format.SLD.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.SLD.v1, {\n \n-        // ignore parameters that are already in the url search string\n-        var urlParams = OpenLayers.Util.upperCaseObject(\n-            OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key];\n-            }\n-        }\n-        paramsString = OpenLayers.Util.getParameterString(allParams);\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n \n-        // requestString always starts with url\n-        var requestString = url;\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/sld\n+         *   http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\",\n \n-        // MapServer needs '+' seperating things like bounds/height/width.\n-        //   Since typically this is URL encoded, we use a slight hack: we\n-        //  depend on the list-like functionality of getParameterString to\n-        //  leave ',' only in the case of list items (since otherwise it is\n-        //  encoded) then do a regular expression replace on the , characters\n-        //  to '+'\n-        //\n-        paramsString = paramsString.replace(/,/g, \"+\");\n+        /**\n+         * Constructor: OpenLayers.Format.SLD.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.SLD> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n-                requestString += paramsString;\n-            } else {\n-                if (url.indexOf('?') == -1) {\n-                    //serverPath has no ? -- add one\n-                    requestString += '?' + paramsString;\n-                } else {\n-                    //serverPath contains ?, so must already have paramsString at the end\n-                    requestString += '&' + paramsString;\n-                }\n-            }\n-        }\n-        return requestString;\n-    },\n+        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0\"\n \n-    CLASS_NAME: \"OpenLayers.Layer.MapServer\"\n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Layer/GeoRSS.js\n+    OpenLayers/Control/SLDSelect.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Markers.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Layer/WMS.js\n+ * @requires OpenLayers/Handler/RegularPolygon.js\n+ * @requires OpenLayers/Handler/Polygon.js\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Format/SLD/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.GeoRSS\n- * Add GeoRSS Point features to your map. \n- * \n+ * Class: OpenLayers.Control.SLDSelect\n+ * Perform selections on WMS layers using Styled Layer Descriptor (SLD)\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-\n-    /** \n-     * Property: location \n-     * {String} store url of text file \n-     */\n-    location: null,\n+OpenLayers.Control.SLDSelect = OpenLayers.Class(OpenLayers.Control, {\n \n     /** \n-     * Property: features \n-     * {Array(<OpenLayers.Feature>)} \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * selected - Triggered when a selection occurs.  Listeners receive an \n+     *     event with *filters* and *layer* properties.  Filters will be an \n+     *     array of OpenLayers.Filter objects created in order to perform \n+     *     the particular selection.\n      */\n-    features: null,\n \n     /**\n-     * APIProperty: formatOptions\n-     * {Object} Hash of options which should be passed to the format when it is\n-     * created. Must be passed in the constructor.\n+     * APIProperty: clearOnDeactivate\n+     * {Boolean} Should the selection be cleared when the control is \n+     *     deactivated. Default value is false.\n      */\n-    formatOptions: null,\n+    clearOnDeactivate: false,\n \n-    /** \n-     * Property: selectedFeature \n-     * {<OpenLayers.Feature>} \n+    /**\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.WMS>)} The WMS layers this control will work \n+     *     on.\n      */\n-    selectedFeature: null,\n+    layers: null,\n \n-    /** \n-     * APIProperty: icon \n-     * {<OpenLayers.Icon>}. This determines the Icon to be used on the map\n-     * for this GeoRSS layer.\n+    /**\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n      */\n-    icon: null,\n+    callbacks: null,\n \n     /**\n-     * APIProperty: popupSize\n-     * {<OpenLayers.Size>} This determines the size of GeoRSS popups. If \n-     * not provided, defaults to 250px by 120px. \n+     * APIProperty: selectionSymbolizer\n+     * {Object} Determines the styling of the selected objects. Default is\n+     *     a selection in red.\n      */\n-    popupSize: null,\n+    selectionSymbolizer: {\n+        'Polygon': {\n+            fillColor: '#FF0000',\n+            stroke: false\n+        },\n+        'Line': {\n+            strokeColor: '#FF0000',\n+            strokeWidth: 2\n+        },\n+        'Point': {\n+            graphicName: 'square',\n+            fillColor: '#FF0000',\n+            pointRadius: 5\n+        }\n+    },\n \n-    /** \n-     * APIProperty: useFeedTitle \n-     * {Boolean} Set layer.name to the first <title> element in the feed. Default is true. \n+    /**\n+     * APIProperty: layerOptions\n+     * {Object} The options to apply to the selection layer, by default the\n+     *     selection layer will be kept out of the layer switcher.\n      */\n-    useFeedTitle: true,\n+    layerOptions: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.GeoRSS\n-     * Create a GeoRSS Layer.\n-     *\n-     * Parameters:\n-     * name - {String} \n-     * location - {String} \n-     * options - {Object}\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    initialize: function(name, location, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n-        this.location = location;\n-        this.features = [];\n-    },\n \n     /**\n-     * Method: destroy \n+     * APIProperty: sketchStyle\n+     * {<OpenLayers.Style>|Object} Style or symbolizer to use for the sketch\n+     * handler. The recommended way of styling the sketch layer, however, is\n+     * to configure an <OpenLayers.StyleMap> in the layerOptions of the\n+     * <handlerOptions>:\n+     * \n+     * (code)\n+     * new OpenLayers.Control.SLDSelect(OpenLayers.Handler.Path, {\n+     *     handlerOptions: {\n+     *         layerOptions: {\n+     *             styleMap: new OpenLayers.StyleMap({\n+     *                 \"default\": {strokeColor: \"yellow\"}\n+     *             })\n+     *         }\n+     *     }\n+     * });\n+     * (end)\n      */\n-    destroy: function() {\n-        // Warning: Layer.Markers.destroy() must be called prior to calling\n-        // clearFeatures() here, otherwise we leak memory. Indeed, if\n-        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n-        // able to remove the marker image elements from the layer's div since\n-        // the markers will have been destroyed by clearFeatures().\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null;\n-    },\n+    sketchStyle: null,\n \n     /**\n-     * Method: loadRSS\n-     * Start the load of the RSS data. Don't do this when we first add the layer,\n-     * since we may not be visible at any point, and it would therefore be a waste.\n+     * APIProperty: wfsCache\n+     * {Object} Cache to use for storing parsed results from\n+     *     <OpenLayers.Format.WFSDescribeFeatureType.read>. If not provided,\n+     *     these will be cached on the prototype.\n      */\n-    loadRSS: function() {\n-        if (!this.loaded) {\n-            this.events.triggerEvent(\"loadstart\");\n-            OpenLayers.Request.GET({\n-                url: this.location,\n-                success: this.parseData,\n-                scope: this\n-            });\n-            this.loaded = true;\n-        }\n-    },\n+    wfsCache: {},\n \n     /**\n-     * Method: moveTo\n-     * If layer is visible and RSS has not been loaded, load RSS. \n-     * \n-     * Parameters:\n-     * bounds - {Object} \n-     * zoomChanged - {Object} \n-     * minor - {Object} \n+     * APIProperty: layerCache\n+     * {Object} Cache to use for storing references to the selection layers.\n+     *     Normally each source layer will have exactly 1 selection layer of\n+     *     type OpenLayers.Layer.WMS. If not provided, layers will\n+     *     be cached on the prototype. Note that if <clearOnDeactivate> is\n+     *     true, the layer will no longer be cached after deactivating the\n+     *     control.\n      */\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadRSS();\n-        }\n-    },\n+    layerCache: {},\n \n     /**\n-     * Method: parseData\n-     * Parse the data returned from the Events call.\n+     * Constructor: OpenLayers.Control.SLDSelect\n+     * Create a new control for selecting features in WMS layers using\n+     *     Styled Layer Descriptor (SLD).\n      *\n      * Parameters:\n-     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     * handler - {<OpenLayers.Class>} A sketch handler class. This determines\n+     *     the type of selection, e.g. box (<OpenLayers.Handler.Box>), point\n+     *     (<OpenLayers.Handler.Point>), path (<OpenLayers.Handler.Path>) or\n+     *     polygon (<OpenLayers.Handler.Polygon>) selection. To use circle\n+     *     type selection, use <OpenLayers.Handler.RegularPolygon> and pass\n+     *     the number of desired sides (e.g. 40) as \"sides\" property to the\n+     *     <handlerOptions>.\n+     * options - {Object} An object containing all configuration properties for\n+     *     the control.\n+     *\n+     * Valid options:\n+     * layers - Array({<OpenLayers.Layer.WMS>}) The layers to perform the\n+     *     selection on.\n      */\n-    parseData: function(ajaxRequest) {\n-        var doc = ajaxRequest.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText);\n-        }\n+    initialize: function(handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n \n-        if (this.useFeedTitle) {\n-            var name = null;\n-            try {\n-                name = doc.getElementsByTagNameNS('*', 'title')[0].firstChild.nodeValue;\n-            } catch (e) {\n-                try {\n-                    name = doc.getElementsByTagName('title')[0].firstChild.nodeValue;\n-                } catch (e) {}\n-            }\n-            if (name) {\n-                this.setName(name);\n+        this.callbacks = OpenLayers.Util.extend({\n+            done: this.select,\n+            click: this.select\n+        }, this.callbacks);\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.layerOptions = OpenLayers.Util.applyDefaults(this.layerOptions, {\n+            displayInLayerSwitcher: false,\n+            tileOptions: {\n+                maxGetUrlLength: 2048\n             }\n+        });\n+        if (this.sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+                this.handlerOptions.layerOptions, {\n+                    styleMap: new OpenLayers.StyleMap({\n+                        \"default\": this.sketchStyle\n+                    })\n+                }\n+            );\n         }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n+    },\n \n-        var options = {};\n-\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject();\n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n+     */\n+    destroy: function() {\n+        for (var key in this.layerCache) {\n+            delete this.layerCache[key];\n         }\n-\n-        var format = new OpenLayers.Format.GeoRSS(options);\n-        var features = format.read(doc);\n-\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-\n-            // we don't support features with no geometry in the GeoRSS\n-            // layer at this time. \n-            if (!feature.geometry) {\n-                continue;\n-            }\n-\n-            var title = feature.attributes.title ?\n-                feature.attributes.title : \"Untitled\";\n-\n-            var description = feature.attributes.description ?\n-                feature.attributes.description : \"No description.\";\n-\n-            var link = feature.attributes.link ? feature.attributes.link : \"\";\n-\n-            var location = feature.geometry.getBounds().getCenterLonLat();\n-\n-\n-            data.icon = this.icon == null ?\n-                OpenLayers.Marker.defaultIcon() :\n-                this.icon.clone();\n-\n-            data.popupSize = this.popupSize ?\n-                this.popupSize.clone() :\n-                new OpenLayers.Size(250, 120);\n-\n-            if (title || description) {\n-                // we have supplemental data, store them.\n-                data.title = title;\n-                data.description = description;\n-\n-                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n-                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n-                if (link) {\n-                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">';\n-                }\n-                contentHTML += title;\n-                if (link) {\n-                    contentHTML += '</a>';\n-                }\n-                contentHTML += '</div>';\n-                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n-                contentHTML += description;\n-                contentHTML += '</div>';\n-                data['popupContentHTML'] = contentHTML;\n-            }\n-            var feature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(feature);\n-            var marker = feature.createMarker();\n-            marker.events.register('click', feature, this.markerClick);\n-            this.addMarker(marker);\n+        for (var key in this.wfsCache) {\n+            delete this.wfsCache[key];\n         }\n-        this.events.triggerEvent(\"loadend\");\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: markerClick\n+     * Method: coupleLayerVisiblity\n+     * Couple the selection layer and the source layer with respect to\n+     *     layer visibility. So if the source layer is turned off, the\n+     *     selection layer is also turned off.\n+     *\n+     * Context: \n+     * - {<OpenLayers.Layer>}\n      *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Object}\n      */\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = (this == this.layer.selectedFeature);\n-        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i]);\n-        }\n-        if (!sameMarkerClicked) {\n-            var popup = this.createPopup();\n-            OpenLayers.Event.observe(popup.div, \"click\",\n-                OpenLayers.Function.bind(function() {\n-                    for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-                        this.layer.map.removePopup(this.layer.map.popups[i]);\n-                    }\n-                }, this)\n-            );\n-            this.layer.map.addPopup(popup);\n-        }\n-        OpenLayers.Event.stop(evt);\n+    coupleLayerVisiblity: function(evt) {\n+        this.setVisibility(evt.object.getVisibility());\n     },\n \n     /**\n-     * Method: clearFeatures\n-     * Destroy all features in this layer.\n+     * Method: createSelectionLayer\n+     * Creates a \"clone\" from the source layer in which the selection can\n+     * be drawn. This ensures both the source layer and the selection are \n+     * visible and not only the selection.\n+     *\n+     * Parameters:\n+     * source - {<OpenLayers.Layer.WMS>} The source layer on which the selection\n+     *     is performed.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.WMS>} A WMS layer with maxGetUrlLength configured to 2048\n+     *     since SLD selections can easily get quite long.\n      */\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy();\n+    createSelectionLayer: function(source) {\n+        // check if we already have a selection layer for the source layer\n+        var selectionLayer;\n+        if (!this.layerCache[source.id]) {\n+            selectionLayer = new OpenLayers.Layer.WMS(source.name,\n+                source.url, source.params,\n+                OpenLayers.Util.applyDefaults(\n+                    this.layerOptions,\n+                    source.getOptions())\n+            );\n+            this.layerCache[source.id] = selectionLayer;\n+            // make sure the layers are coupled wrt visibility, but only\n+            // if they are not displayed in the layer switcher, because in\n+            // that case the user cannot control visibility.\n+            if (this.layerOptions.displayInLayerSwitcher === false) {\n+                source.events.on({\n+                    \"visibilitychanged\": this.coupleLayerVisiblity,\n+                    scope: selectionLayer\n+                });\n             }\n+            this.map.addLayer(selectionLayer);\n+        } else {\n+            selectionLayer = this.layerCache[source.id];\n         }\n+        return selectionLayer;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/FixedZoomLevels.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.FixedZoomLevels\n- *   Some Layers will already have established zoom levels (like google \n- *    or ve). Instead of trying to determine them and populate a resolutions[]\n- *    Array with those values, we will hijack the resolution functionality\n- *    here.\n- * \n- *   When you subclass FixedZoomLevels: \n- * \n- *   The initResolutions() call gets nullified, meaning no resolutions[] array \n- *    is set up. Which would be a big problem getResolution() in Layer, since \n- *    it merely takes map.zoom and indexes into resolutions[]... but....\n- * \n- *   The getResolution() call is also overridden. Instead of using the \n- *    resolutions[] array, we simply calculate the current resolution based\n- *    on the current extent and the current map size. But how will we be able\n- *    to calculate the current extent without knowing the resolution...?\n- *  \n- *   The getExtent() function is also overridden. Instead of calculating extent\n- *    based on the center point and the current resolution, we instead \n- *    calculate the extent by getting the lonlats at the top-left and \n- *    bottom-right by using the getLonLatFromViewPortPx() translation function,\n- *    taken from the pixel locations (0,0) and the size of the map. But how \n- *    will we be able to do lonlat-px translation without resolution....?\n- * \n- *   The getZoomForResolution() method is overridden. Instead of indexing into\n- *    the resolutions[] array, we call OpenLayers.Layer.getExent(), passing in\n- *    the desired resolution. With this extent, we then call getZoomForExtent() \n- * \n- * \n- *   Whenever you implement a layer using OpenLayers.Layer.FixedZoomLevels, \n- *    it is your responsibility to provide the following three functions:\n- * \n- *   - getLonLatFromViewPortPx\n- *   - getViewPortPxFromLonLat\n- *   - getZoomForExtent\n- * \n- *  ...those three functions should generally be provided by any reasonable \n- *  API that you might be working from.\n- *\n- */\n-OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n-\n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /*    The following functions must all be implemented   */\n-    /*                  by all base layers                  */\n-    /*                                                      */\n-    /********************************************************/\n-\n     /**\n-     * Constructor: OpenLayers.Layer.FixedZoomLevels\n-     * Create a new fixed zoom levels layer.\n+     * Method: createSLD\n+     * Create the SLD document for the layer using the supplied filters.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.WMS>}\n+     * filters - Array({<OpenLayers.Filter>}) The filters to be applied.\n+     * geometryAttributes - Array({Object}) The geometry attributes of the \n+     *     layer.\n+     *\n+     * Returns:\n+     * {String} The SLD document generated as a string.\n      */\n-    initialize: function() {\n-        //this class is only just to add the following functions... \n-        // nothing to actually do here... but it is probably a good\n-        // idea to have layers that use these functions call this \n-        // inititalize() anyways, in case at some point we decide we \n-        // do want to put some functionality or state in here. \n+    createSLD: function(layer, filters, geometryAttributes) {\n+        var sld = {\n+            version: \"1.0.0\",\n+            namedLayers: {}\n+        };\n+        var layerNames = [layer.params.LAYERS].join(\",\").split(\",\");\n+        for (var i = 0, len = layerNames.length; i < len; i++) {\n+            var name = layerNames[i];\n+            sld.namedLayers[name] = {\n+                name: name,\n+                userStyles: []\n+            };\n+            var symbolizer = this.selectionSymbolizer;\n+            var geometryAttribute = geometryAttributes[i];\n+            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n+                symbolizer = {\n+                    Polygon: this.selectionSymbolizer['Polygon']\n+                };\n+            } else if (geometryAttribute.type.indexOf('LineString') >= 0) {\n+                symbolizer = {\n+                    Line: this.selectionSymbolizer['Line']\n+                };\n+            } else if (geometryAttribute.type.indexOf('Point') >= 0) {\n+                symbolizer = {\n+                    Point: this.selectionSymbolizer['Point']\n+                };\n+            }\n+            var filter = filters[i];\n+            sld.namedLayers[name].userStyles.push({\n+                name: 'default',\n+                rules: [\n+                    new OpenLayers.Rule({\n+                        symbolizer: symbolizer,\n+                        filter: filter,\n+                        maxScaleDenominator: layer.options.minScale\n+                    })\n+                ]\n+            });\n+        }\n+        return new OpenLayers.Format.SLD({\n+            srsName: this.map.getProjection()\n+        }).write(sld);\n     },\n \n     /**\n-     * Method: initResolutions\n-     * Populate the resolutions array\n+     * Method: parseDescribeLayer\n+     * Parse the SLD WMS DescribeLayer response and issue the corresponding\n+     *     WFS DescribeFeatureType request\n+     *\n+     * request - {XMLHttpRequest} The request object.\n      */\n-    initResolutions: function() {\n-\n-        var props = ['minZoomLevel', 'maxZoomLevel', 'numZoomLevels'];\n-\n-        for (var i = 0, len = props.length; i < len; i++) {\n-            var property = props[i];\n-            this[property] = (this.options[property] != null) ?\n-                this.options[property] :\n-                this.map[property];\n-        }\n-\n-        if ((this.minZoomLevel == null) ||\n-            (this.minZoomLevel < this.MIN_ZOOM_LEVEL)) {\n-            this.minZoomLevel = this.MIN_ZOOM_LEVEL;\n-        }\n-\n-        //\n-        // At this point, we know what the minimum desired zoom level is, and\n-        //  we must calculate the total number of zoom levels. \n-        //  \n-        //  Because we allow for the setting of either the 'numZoomLevels'\n-        //   or the 'maxZoomLevel' properties... on either the layer or the  \n-        //   map, we have to define some rules to see which we take into\n-        //   account first in this calculation. \n-        //\n-        // The following is the precedence list for these properties:\n-        // \n-        // (1) numZoomLevels set on layer\n-        // (2) maxZoomLevel set on layer\n-        // (3) numZoomLevels set on map\n-        // (4) maxZoomLevel set on map*\n-        // (5) none of the above*\n-        //\n-        // *Note that options (4) and (5) are only possible if the user \n-        //  _explicitly_ sets the 'numZoomLevels' property on the map to \n-        //  null, since it is set by default to 16. \n-        //\n-\n-        //\n-        // Note to future: In 3.0, I think we should remove the default \n-        // value of 16 for map.numZoomLevels. Rather, I think that value \n-        // should be set as a default on the Layer.WMS class. If someone\n-        // creates a 3rd party layer and does not specify any 'minZoomLevel', \n-        // 'maxZoomLevel', or 'numZoomLevels', and has not explicitly \n-        // specified any of those on the map object either.. then I think\n-        // it is fair to say that s/he wants all the zoom levels available.\n-        // \n-        // By making map.numZoomLevels *null* by default, that will be the \n-        // case. As it is, I don't feel comfortable changing that right now\n-        // as it would be a glaring API change and actually would probably\n-        // break many peoples' codes. \n-        //\n-\n-        //the number of zoom levels we'd like to have.\n-        var desiredZoomLevels;\n-\n-        //this is the maximum number of zoom levels the layer will allow, \n-        // given the specified starting minimum zoom level.\n-        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n-\n-        if (((this.options.numZoomLevels == null) &&\n-                (this.options.maxZoomLevel != null)) // (2)\n-            ||\n-            ((this.numZoomLevels == null) &&\n-                (this.maxZoomLevel != null)) // (4)\n-        ) {\n-            //calculate based on specified maxZoomLevel (on layer or map)\n-            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1;\n-        } else {\n-            //calculate based on specified numZoomLevels (on layer or map)\n-            // this covers cases (1) and (3)\n-            desiredZoomLevels = this.numZoomLevels;\n-        }\n-\n-        if (desiredZoomLevels != null) {\n-            //Now that we know what we would *like* the number of zoom levels\n-            // to be, based on layer or map options, we have to make sure that\n-            // it does not conflict with the actual limit, as specified by \n-            // the constants on the layer itself (and calculated into the\n-            // 'limitZoomLevels' variable). \n-            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels);\n-        } else {\n-            // case (5) -- neither 'numZoomLevels' not 'maxZoomLevel' was \n-            // set on either the layer or the map. So we just use the \n-            // maximum limit as calculated by the layer's constants.\n-            this.numZoomLevels = limitZoomLevels;\n+    parseDescribeLayer: function(request) {\n+        var format = new OpenLayers.Format.WMSDescribeLayer();\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n         }\n-\n-        //now that the 'numZoomLevels' is appropriately, safely set, \n-        // we go back and re-calculate the 'maxZoomLevel'.\n-        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n-\n-        if (this.RESOLUTIONS != null) {\n-            var resolutionsIndex = 0;\n-            this.resolutions = [];\n-            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n-                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i];\n+        var describeLayer = format.read(doc);\n+        var typeNames = [];\n+        var url = null;\n+        for (var i = 0, len = describeLayer.length; i < len; i++) {\n+            // perform a WFS DescribeFeatureType request\n+            if (describeLayer[i].owsType == \"WFS\") {\n+                typeNames.push(describeLayer[i].typeName);\n+                url = describeLayer[i].owsURL;\n             }\n-            this.maxResolution = this.resolutions[0];\n-            this.minResolution = this.resolutions[this.resolutions.length - 1];\n         }\n+        var options = {\n+            url: url,\n+            params: {\n+                SERVICE: \"WFS\",\n+                TYPENAME: typeNames.toString(),\n+                REQUEST: \"DescribeFeatureType\",\n+                VERSION: \"1.0.0\"\n+            },\n+            callback: function(request) {\n+                var format = new OpenLayers.Format.WFSDescribeFeatureType();\n+                var doc = request.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = request.responseText;\n+                }\n+                var describeFeatureType = format.read(doc);\n+                this.control.wfsCache[this.layer.id] = describeFeatureType;\n+                this.control._queue && this.control.applySelection();\n+            },\n+            scope: this\n+        };\n+        OpenLayers.Request.GET(options);\n     },\n \n     /**\n-     * APIMethod: getResolution\n-     * Get the current map resolution\n-     * \n+     * Method: getGeometryAttributes\n+     * Look up the geometry attributes from the WFS DescribeFeatureType response\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.WMS>} The layer for which to look up the \n+     *     geometry attributes.\n+     *\n      * Returns:\n-     * {Float} Map units per Pixel\n+     * Array({Object}) Array of geometry attributes\n      */\n-    getResolution: function() {\n-\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments);\n-        } else {\n-            var resolution = null;\n-\n-            var viewSize = this.map.getSize();\n-            var extent = this.getExtent();\n-\n-            if ((viewSize != null) && (extent != null)) {\n-                resolution = Math.max(extent.getWidth() / viewSize.w,\n-                    extent.getHeight() / viewSize.h);\n+    getGeometryAttributes: function(layer) {\n+        var result = [];\n+        var cache = this.wfsCache[layer.id];\n+        for (var i = 0, len = cache.featureTypes.length; i < len; i++) {\n+            var typeName = cache.featureTypes[i];\n+            var properties = typeName.properties;\n+            for (var j = 0, lenj = properties.length; j < lenj; j++) {\n+                var property = properties[j];\n+                var type = property.type;\n+                if ((type.indexOf('LineString') >= 0) ||\n+                    (type.indexOf('GeometryAssociationType') >= 0) ||\n+                    (type.indexOf('GeometryPropertyType') >= 0) ||\n+                    (type.indexOf('Point') >= 0) ||\n+                    (type.indexOf('Polygon') >= 0)) {\n+                    result.push(property);\n+                }\n             }\n-            return resolution;\n         }\n+        return result;\n     },\n \n     /**\n-     * APIMethod: getExtent\n-     * Calculates using px-> lonlat translation functions on tl and br \n-     *     corners of viewport\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n-     *                       bounds of the current viewPort.\n+     * APIMethod: activate\n+     * Activate the control. Activating the control will perform a SLD WMS\n+     *     DescribeLayer request followed by a WFS DescribeFeatureType request\n+     *     so that the proper symbolizers can be chosen based on the geometry\n+     *     type.\n      */\n-    getExtent: function() {\n-        var size = this.map.getSize();\n-        var tl = this.getLonLatFromViewPortPx({\n-            x: 0,\n-            y: 0\n-        });\n-        var br = this.getLonLatFromViewPortPx({\n-            x: size.w,\n-            y: size.h\n-        });\n+    activate: function() {\n+        var activated = OpenLayers.Control.prototype.activate.call(this);\n+        if (activated) {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                if (layer && !this.wfsCache[layer.id]) {\n+                    var options = {\n+                        url: layer.url,\n+                        params: {\n+                            SERVICE: \"WMS\",\n+                            VERSION: layer.params.VERSION,\n+                            LAYERS: layer.params.LAYERS,\n+                            REQUEST: \"DescribeLayer\"\n+                        },\n+                        callback: this.parseDescribeLayer,\n+                        scope: {\n+                            layer: layer,\n+                            control: this\n+                        }\n+                    };\n+                    OpenLayers.Request.GET(options);\n+                }\n+            }\n+        }\n+        return activated;\n+    },\n \n-        if ((tl != null) && (br != null)) {\n-            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat);\n-        } else {\n-            return null;\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the control. If clearOnDeactivate is true, remove the\n+     *     selection layer(s).\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                if (layer && this.clearOnDeactivate === true) {\n+                    var layerCache = this.layerCache;\n+                    var selectionLayer = layerCache[layer.id];\n+                    if (selectionLayer) {\n+                        layer.events.un({\n+                            \"visibilitychanged\": this.coupleLayerVisiblity,\n+                            scope: selectionLayer\n+                        });\n+                        selectionLayer.destroy();\n+                        delete layerCache[layer.id];\n+                    }\n+                }\n+            }\n         }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: getZoomForResolution\n-     * Get the zoom level for a given resolution\n+     * APIMethod: setLayers\n+     * Set the layers on which the selection should be performed.  Call the \n+     *     setLayers method if the layer(s) to be used change and the same \n+     *     control should be used on a new set of layers.\n+     *     If the control is already active, it will be active after the new\n+     *     set of layers is set.\n      *\n      * Parameters:\n-     * resolution - {Float}\n-     *\n-     * Returns:\n-     * {Integer} A suitable zoom level for the specified resolution.\n-     *           If no baselayer is set, returns null.\n+     * layers - {Array(<OpenLayers.Layer.WMS>)}  The new set of layers on which \n+     *     the selection should be performed.\n      */\n-    getZoomForResolution: function(resolution) {\n-\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments);\n+    setLayers: function(layers) {\n+        if (this.active) {\n+            this.deactivate();\n+            this.layers = layers;\n+            this.activate();\n         } else {\n-            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n-            return this.getZoomForExtent(extent);\n+            this.layers = layers;\n         }\n     },\n \n-\n-\n-\n-    /********************************************************/\n-    /*                                                      */\n-    /*             Translation Functions                    */\n-    /*                                                      */\n-    /*    The following functions translate GMaps and OL    */\n-    /*     formats for Pixel, LonLat, Bounds, and Zoom      */\n-    /*                                                      */\n-    /********************************************************/\n-\n-\n-    //\n-    // TRANSLATION: MapObject Zoom <-> OpenLayers Zoom\n-    //\n-\n     /**\n-     * Method: getOLZoomFromMapObjectZoom\n-     * Get the OL zoom index from the map object zoom level\n+     * Function: createFilter\n+     * Create the filter to be used in the SLD.\n      *\n      * Parameters:\n-     * moZoom - {Integer}\n-     * \n+     * geometryAttribute - {Object} Used to get the name of the geometry \n+     *     attribute which is needed for constructing the spatial filter.\n+     * geometry - {<OpenLayers.Geometry>} The geometry to use.\n+     *\n      * Returns:\n-     * {Integer} An OpenLayers Zoom level, translated from the passed in zoom\n-     *           Returns null if null value is passed in\n+     * {<OpenLayers.Filter.Spatial>} The spatial filter created.\n      */\n-    getOLZoomFromMapObjectZoom: function(moZoom) {\n-        var zoom = null;\n-        if (moZoom != null) {\n-            zoom = moZoom - this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.map.baseLayer.getZoomForResolution(\n-                    this.getResolutionForZoom(zoom)\n-                );\n+    createFilter: function(geometryAttribute, geometry) {\n+        var filter = null;\n+        if (this.handler instanceof OpenLayers.Handler.RegularPolygon) {\n+            // box\n+            if (this.handler.irregular === true) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.BBOX,\n+                    property: geometryAttribute.name,\n+                    value: geometry.getBounds()\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            }\n+        } else if (this.handler instanceof OpenLayers.Handler.Polygon) {\n+            filter = new OpenLayers.Filter.Spatial({\n+                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                property: geometryAttribute.name,\n+                value: geometry\n+            });\n+        } else if (this.handler instanceof OpenLayers.Handler.Path) {\n+            // if source layer is point based, use DWITHIN instead\n+            if (geometryAttribute.type.indexOf('Point') >= 0) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.DWITHIN,\n+                    property: geometryAttribute.name,\n+                    distance: this.map.getExtent().getWidth() * 0.01,\n+                    distanceUnits: this.map.getUnits(),\n+                    value: geometry\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            }\n+        } else if (this.handler instanceof OpenLayers.Handler.Click) {\n+            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.DWITHIN,\n+                    property: geometryAttribute.name,\n+                    distance: this.map.getExtent().getWidth() * 0.01,\n+                    distanceUnits: this.map.getUnits(),\n+                    value: geometry\n+                });\n             }\n         }\n-        return zoom;\n+        return filter;\n     },\n \n     /**\n-     * Method: getMapObjectZoomFromOLZoom\n-     * Get the map object zoom level from the OL zoom level\n+     * Method: select\n+     * When the handler is done, use SLD_BODY on the selection layer to\n+     *     display the selection in the map.\n      *\n      * Parameters:\n-     * olZoom - {Integer}\n-     * \n-     * Returns:\n-     * {Integer} A MapObject level, translated from the passed in olZoom\n-     *           Returns null if null value is passed in\n+     * geometry - {Object} or {<OpenLayers.Geometry>}\n      */\n-    getMapObjectZoomFromOLZoom: function(olZoom) {\n-        var zoom = null;\n-        if (olZoom != null) {\n-            zoom = olZoom + this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.getZoomForResolution(\n-                    this.map.baseLayer.getResolutionForZoom(zoom)\n-                );\n+    select: function(geometry) {\n+        this._queue = function() {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                var geometryAttributes = this.getGeometryAttributes(layer);\n+                var filters = [];\n+                for (var j = 0, lenj = geometryAttributes.length; j < lenj; j++) {\n+                    var geometryAttribute = geometryAttributes[j];\n+                    if (geometryAttribute !== null) {\n+                        // from the click handler we will not get an actual \n+                        // geometry so transform\n+                        if (!(geometry instanceof OpenLayers.Geometry)) {\n+                            var point = this.map.getLonLatFromPixel(\n+                                geometry.xy);\n+                            geometry = new OpenLayers.Geometry.Point(\n+                                point.lon, point.lat);\n+                        }\n+                        var filter = this.createFilter(geometryAttribute,\n+                            geometry);\n+                        if (filter !== null) {\n+                            filters.push(filter);\n+                        }\n+                    }\n+                }\n+\n+                var selectionLayer = this.createSelectionLayer(layer);\n+\n+                this.events.triggerEvent(\"selected\", {\n+                    layer: layer,\n+                    filters: filters\n+                });\n+\n+                var sld = this.createSLD(layer, filters, geometryAttributes);\n+\n+                selectionLayer.mergeNewParams({\n+                    SLD_BODY: sld\n+                });\n+                delete this._queue;\n+            }\n+        };\n+        this.applySelection();\n+    },\n+\n+    /**\n+     * Method: applySelection\n+     * Checks if all required wfs data is cached, and applies the selection\n+     */\n+    applySelection: function() {\n+        var canApply = true;\n+        for (var i = 0, len = this.layers.length; i < len; i++) {\n+            if (!this.wfsCache[this.layers[i].id]) {\n+                canApply = false;\n+                break;\n             }\n         }\n-        return zoom;\n+        canApply && this._queue.call(this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+    CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Layer/Google.js\n+    OpenLayers/Control/ModifyFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/SphericalMercator.js\n- * @requires OpenLayers/Layer/EventPane.js\n- * @requires OpenLayers/Layer/FixedZoomLevels.js\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Handler/Keyboard.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Google\n- * \n- * Provides a wrapper for Google's Maps API\n- * Normally the Terms of Use for this API do not allow wrapping, but Google\n- * have provided written consent to OpenLayers for this - see email in \n- * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.SphericalMercator>\n- *  - <OpenLayers.Layer.EventPane>\n- *  - <OpenLayers.Layer.FixedZoomLevels>\n+ * Class: OpenLayers.Control.ModifyFeature\n+ * Control to modify features.  When activated, a click renders the vertices\n+ *     of a feature - these vertices can then be dragged.  By default, the\n+ *     delete key will delete the vertex under the mouse.  New features are\n+ *     added by dragging \"virtual vertices\" between vertices.  Create a new\n+ *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n+ *\n+ * Inherits From:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.Google = OpenLayers.Class(\n-    OpenLayers.Layer.EventPane,\n-    OpenLayers.Layer.FixedZoomLevels, {\n-\n-        /** \n-         * Constant: MIN_ZOOM_LEVEL\n-         * {Integer} 0 \n-         */\n-        MIN_ZOOM_LEVEL: 0,\n-\n-        /** \n-         * Constant: MAX_ZOOM_LEVEL\n-         * {Integer} 21\n-         */\n-        MAX_ZOOM_LEVEL: 21,\n-\n-        /** \n-         * Constant: RESOLUTIONS\n-         * {Array(Float)} Hardcode these resolutions so that they are more closely\n-         *                tied with the standard wms projection\n-         */\n-        RESOLUTIONS: [\n-            1.40625,\n-            0.703125,\n-            0.3515625,\n-            0.17578125,\n-            0.087890625,\n-            0.0439453125,\n-            0.02197265625,\n-            0.010986328125,\n-            0.0054931640625,\n-            0.00274658203125,\n-            0.001373291015625,\n-            0.0006866455078125,\n-            0.00034332275390625,\n-            0.000171661376953125,\n-            0.0000858306884765625,\n-            0.00004291534423828125,\n-            0.00002145767211914062,\n-            0.00001072883605957031,\n-            0.00000536441802978515,\n-            0.00000268220901489257,\n-            0.0000013411045074462891,\n-            0.00000067055225372314453\n-        ],\n-\n-        /**\n-         * APIProperty: type\n-         * {GMapType}\n-         */\n-        type: null,\n-\n-        /**\n-         * APIProperty: wrapDateLine\n-         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n-         *     Setting this to false only restricts panning if \n-         *     <sphericalMercator> is true. \n-         */\n-        wrapDateLine: true,\n-\n-        /**\n-         * APIProperty: sphericalMercator\n-         * {Boolean} Should the map act as a mercator-projected map? This will\n-         *     cause all interactions with the map to be in the actual map \n-         *     projection, which allows support for vector drawing, overlaying \n-         *     other maps, etc. \n-         */\n-        sphericalMercator: false,\n-\n-        /**\n-         * Property: version\n-         * {Number} The version of the Google Maps API\n-         */\n-        version: null,\n-\n-        /** \n-         * Constructor: OpenLayers.Layer.Google\n-         * \n-         * Parameters:\n-         * name - {String} A name for the layer.\n-         * options - {Object} An optional object whose properties will be set\n-         *     on the layer.\n-         */\n-        initialize: function(name, options) {\n-            options = options || {};\n-            if (!options.version) {\n-                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n-            }\n-            var mixin = OpenLayers.Layer.Google[\"v\" +\n-                options.version.replace(/\\./g, \"_\")];\n-            if (mixin) {\n-                OpenLayers.Util.applyDefaults(options, mixin);\n-            } else {\n-                throw \"Unsupported Google Maps API version: \" + options.version;\n-            }\n-\n-            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-            if (options.maxExtent) {\n-                options.maxExtent = options.maxExtent.clone();\n-            }\n-\n-            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n-                [name, options]);\n-            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n-                [name, options]);\n-\n-            if (this.sphericalMercator) {\n-                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-                this.initMercatorParameters();\n-            }\n-        },\n-\n-        /**\n-         * Method: clone\n-         * Create a clone of this layer\n-         *\n-         * Returns:\n-         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n-         */\n-        clone: function() {\n-            /**\n-             * This method isn't intended to be called by a subclass and it\n-             * doesn't call the same method on the superclass.  We don't call\n-             * the super's clone because we don't want properties that are set\n-             * on this layer after initialize (i.e. this.mapObject etc.).\n-             */\n-            return new OpenLayers.Layer.Google(\n-                this.name, this.getOptions()\n-            );\n-        },\n-\n-        /**\n-         * APIMethod: setVisibility\n-         * Set the visibility flag for the layer and hide/show & redraw \n-         *     accordingly. Fire event unless otherwise specified\n-         * \n-         * Note that visibility is no longer simply whether or not the layer's\n-         *     style.display is set to \"block\". Now we store a 'visibility' state \n-         *     property on the layer class, this allows us to remember whether or \n-         *     not we *desire* for a layer to be visible. In the case where the \n-         *     map's resolution is out of the layer's range, this desire may be \n-         *     subverted.\n-         * \n-         * Parameters:\n-         * visible - {Boolean} Display the layer (if in range)\n-         */\n-        setVisibility: function(visible) {\n-            // sharing a map container, opacity has to be set per layer\n-            var opacity = this.opacity == null ? 1 : this.opacity;\n-            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-            this.setOpacity(opacity);\n-        },\n-\n-        /** \n-         * APIMethod: display\n-         * Hide or show the Layer\n-         * \n-         * Parameters:\n-         * visible - {Boolean}\n-         */\n-        display: function(visible) {\n-            if (!this._dragging) {\n-                this.setGMapVisibility(visible);\n-            }\n-            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: moveTo\n-         * \n-         * Parameters:\n-         * bounds - {<OpenLayers.Bounds>}\n-         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-         *     do some init work in that case.\n-         * dragging - {Boolean}\n-         */\n-        moveTo: function(bounds, zoomChanged, dragging) {\n-            this._dragging = dragging;\n-            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-            delete this._dragging;\n-        },\n-\n-        /**\n-         * APIMethod: setOpacity\n-         * Sets the opacity for the entire layer (all images)\n-         * \n-         * Parameters:\n-         * opacity - {Float}\n-         */\n-        setOpacity: function(opacity) {\n-            if (opacity !== this.opacity) {\n-                if (this.map != null) {\n-                    this.map.events.triggerEvent(\"changelayer\", {\n-                        layer: this,\n-                        property: \"opacity\"\n-                    });\n-                }\n-                this.opacity = opacity;\n-            }\n-            // Though this layer's opacity may not change, we're sharing a container\n-            // and need to update the opacity for the entire container.\n-            if (this.getVisibility()) {\n-                var container = this.getMapContainer();\n-                OpenLayers.Util.modifyDOMElement(\n-                    container, null, null, null, null, null, null, opacity\n-                );\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: destroy\n-         * Clean up this layer.\n-         */\n-        destroy: function() {\n-            /**\n-             * We have to override this method because the event pane destroy\n-             * deletes the mapObject reference before removing this layer from\n-             * the map.\n-             */\n-            if (this.map) {\n-                this.setGMapVisibility(false);\n-                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-                if (cache && cache.count <= 1) {\n-                    this.removeGMapElements();\n-                }\n-            }\n-            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: removeGMapElements\n-         * Remove all elements added to the dom.  This should only be called if\n-         * this is the last of the Google layers for the given map.\n-         */\n-        removeGMapElements: function() {\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache) {\n-                // remove shared elements from dom\n-                var container = this.mapObject && this.getMapContainer();\n-                if (container && container.parentNode) {\n-                    container.parentNode.removeChild(container);\n-                }\n-                var termsOfUse = cache.termsOfUse;\n-                if (termsOfUse && termsOfUse.parentNode) {\n-                    termsOfUse.parentNode.removeChild(termsOfUse);\n-                }\n-                var poweredBy = cache.poweredBy;\n-                if (poweredBy && poweredBy.parentNode) {\n-                    poweredBy.parentNode.removeChild(poweredBy);\n-                }\n-                if (this.mapObject && window.google && google.maps &&\n-                    google.maps.event && google.maps.event.clearListeners) {\n-                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n-                }\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: removeMap\n-         * On being removed from the map, also remove termsOfUse and poweredBy divs\n-         * \n-         * Parameters:\n-         * map - {<OpenLayers.Map>}\n-         */\n-        removeMap: function(map) {\n-            // hide layer before removing\n-            if (this.visibility && this.mapObject) {\n-                this.setGMapVisibility(false);\n-            }\n-            // check to see if last Google layer in this map\n-            var cache = OpenLayers.Layer.Google.cache[map.id];\n-            if (cache) {\n-                if (cache.count <= 1) {\n-                    this.removeGMapElements();\n-                    delete OpenLayers.Layer.Google.cache[map.id];\n-                } else {\n-                    // decrement the layer count\n-                    --cache.count;\n-                }\n-            }\n-            // remove references to gmap elements\n-            delete this.termsOfUse;\n-            delete this.poweredBy;\n-            delete this.mapObject;\n-            delete this.dragObject;\n-            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n-        },\n-\n-        //\n-        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-        //\n-\n-        /**\n-         * APIMethod: getOLBoundsFromMapObjectBounds\n-         * \n-         * Parameters:\n-         * moBounds - {Object}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n-         *                       passed-in MapObject Bounds.\n-         *                       Returns null if null value is passed in.\n-         */\n-        getOLBoundsFromMapObjectBounds: function(moBounds) {\n-            var olBounds = null;\n-            if (moBounds != null) {\n-                var sw = moBounds.getSouthWest();\n-                var ne = moBounds.getNorthEast();\n-                if (this.sphericalMercator) {\n-                    sw = this.forwardMercator(sw.lng(), sw.lat());\n-                    ne = this.forwardMercator(ne.lng(), ne.lat());\n-                } else {\n-                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n-                }\n-                olBounds = new OpenLayers.Bounds(sw.lon,\n-                    sw.lat,\n-                    ne.lon,\n-                    ne.lat);\n-            }\n-            return olBounds;\n-        },\n-\n-        /** \n-         * APIMethod: getWarningHTML\n-         * \n-         * Returns: \n-         * {String} String with information on why layer is broken, how to get\n-         *          it working.\n-         */\n-        getWarningHTML: function() {\n-            return OpenLayers.i18n(\"googleWarning\");\n-        },\n+OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n \n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, dragging vertices will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n+     */\n+    documentDrag: false,\n \n-        /************************************\n-         *                                  *\n-         *   MapObject Interface Controls   *\n-         *                                  *\n-         ************************************/\n+    /**\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict modification to a limited set of geometry\n+     *     types, send a list of strings corresponding to the geometry class\n+     *     names.\n+     */\n+    geometryTypes: null,\n \n+    /**\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n+     */\n+    clickout: true,\n \n-        // Get&Set Center, Zoom\n+    /**\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.\n+     *      Default is true.\n+     */\n+    toggle: true,\n \n-        /**\n-         * APIMethod: getMapObjectCenter\n-         * \n-         * Returns: \n-         * {Object} The mapObject's current center in Map Object format\n-         */\n-        getMapObjectCenter: function() {\n-            return this.mapObject.getCenter();\n-        },\n+    /**\n+     * APIProperty: standalone\n+     * {Boolean} Set to true to create a control without SelectFeature\n+     *     capabilities. Default is false.  If standalone is true, to modify\n+     *     a feature, call the <selectFeature> method with the target feature.\n+     *     Note that you must call the <unselectFeature> method to finish\n+     *     feature modification in standalone mode (before starting to modify\n+     *     another feature).\n+     */\n+    standalone: false,\n \n-        /** \n-         * APIMethod: getMapObjectZoom\n-         * \n-         * Returns:\n-         * {Integer} The mapObject's current zoom, in Map Object format\n-         */\n-        getMapObjectZoom: function() {\n-            return this.mapObject.getZoom();\n-        },\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n+     */\n+    layer: null,\n \n+    /**\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} Feature currently available for modification.\n+     */\n+    feature: null,\n \n-        /************************************\n-         *                                  *\n-         *       MapObject Primitives       *\n-         *                                  *\n-         ************************************/\n+    /**\n+     * Property: vertex\n+     * {<OpenLayers.Feature.Vector>} Vertex currently being modified.\n+     */\n+    vertex: null,\n \n+    /**\n+     * Property: vertices\n+     * {Array(<OpenLayers.Feature.Vector>)} Verticies currently available\n+     *     for dragging.\n+     */\n+    vertices: null,\n \n-        // LonLat\n+    /**\n+     * Property: virtualVertices\n+     * {Array(<OpenLayers.Feature.Vector>)} Virtual vertices in the middle\n+     *     of each edge.\n+     */\n+    virtualVertices: null,\n \n-        /**\n-         * APIMethod: getLongitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Longitude of the given MapObject LonLat\n-         */\n-        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-            return this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n-                moLonLat.lng();\n-        },\n+    /**\n+     * Property: handlers\n+     * {Object}\n+     */\n+    handlers: null,\n \n-        /**\n-         * APIMethod: getLatitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Latitude of the given MapObject LonLat\n-         */\n-        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-            var lat = this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n-                moLonLat.lat();\n-            return lat;\n-        },\n+    /**\n+     * APIProperty: deleteCodes\n+     * {Array(Integer)} Keycodes for deleting verticies.  Set to null to disable\n+     *     vertex deltion by keypress.  If non-null, keypresses with codes\n+     *     in this array will delete vertices under the mouse. Default\n+     *     is 46 and 68, the 'delete' and lowercase 'd' keys.\n+     */\n+    deleteCodes: null,\n \n-        // Pixel\n+    /**\n+     * APIProperty: virtualStyle\n+     * {Object} A symbolizer to be used for virtual vertices.\n+     */\n+    virtualStyle: null,\n \n-        /**\n-         * APIMethod: getXFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} X value of the MapObject Pixel\n-         */\n-        getXFromMapObjectPixel: function(moPixel) {\n-            return moPixel.x;\n-        },\n+    /**\n+     * APIProperty: vertexRenderIntent\n+     * {String} The renderIntent to use for vertices. If no <virtualStyle> is\n+     * provided, this renderIntent will also be used for virtual vertices, with\n+     * a fillOpacity and strokeOpacity of 0.3. Default is null, which means\n+     * that the layer's default style will be used for vertices.\n+     */\n+    vertexRenderIntent: null,\n \n-        /**\n-         * APIMethod: getYFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} Y value of the MapObject Pixel\n-         */\n-        getYFromMapObjectPixel: function(moPixel) {\n-            return moPixel.y;\n-        },\n+    /**\n+     * APIProperty: mode\n+     * {Integer} Bitfields specifying the modification mode. Defaults to\n+     *      OpenLayers.Control.ModifyFeature.RESHAPE. To set the mode to a\n+     *      combination of options, use the | operator. For example, to allow\n+     *      the control to both resize and rotate features, use the following\n+     *      syntax\n+     * (code)\n+     * control.mode = OpenLayers.Control.ModifyFeature.RESIZE |\n+     *                OpenLayers.Control.ModifyFeature.ROTATE;\n+     *  (end)\n+     */\n+    mode: null,\n \n-        CLASS_NAME: \"OpenLayers.Layer.Google\"\n-    });\n+    /**\n+     * APIProperty: createVertices\n+     * {Boolean} Create new vertices by dragging the virtual vertices\n+     *     in the middle of each edge. Default is true.\n+     */\n+    createVertices: true,\n \n-/**\n- * Property: OpenLayers.Layer.Google.cache\n- * {Object} Cache for elements that should only be created once per map.\n- */\n-OpenLayers.Layer.Google.cache = {};\n+    /**\n+     * Property: modified\n+     * {Boolean} The currently selected feature has been modified.\n+     */\n+    modified: false,\n \n+    /**\n+     * Property: radiusHandle\n+     * {<OpenLayers.Feature.Vector>} A handle for rotating/resizing a feature.\n+     */\n+    radiusHandle: null,\n \n-/**\n- * Constant: OpenLayers.Layer.Google.v2\n- * \n- * Mixin providing functionality specific to the Google Maps API v2.\n- * \n- * This API has been deprecated by Google.\n- * Developers are encouraged to migrate to v3 of the API; support for this\n- * is provided by <OpenLayers.Layer.Google.v3>\n- */\n-OpenLayers.Layer.Google.v2 = {\n+    /**\n+     * Property: dragHandle\n+     * {<OpenLayers.Feature.Vector>} A handle for dragging a feature.\n+     */\n+    dragHandle: null,\n \n     /**\n-     * Property: termsOfUse\n-     * {DOMElement} Div for Google's copyright and terms of use link\n+     * APIProperty: onModificationStart \n+     * {Function} *Deprecated*.  Register for \"beforefeaturemodified\" instead.\n+     *     The \"beforefeaturemodified\" event is triggered on the layer before\n+     *     any modification begins.\n+     *\n+     * Optional function to be called when a feature is selected\n+     *     to be modified. The function should expect to be called with a\n+     *     feature.  This could be used for example to allow to lock the\n+     *     feature on server-side.\n      */\n-    termsOfUse: null,\n+    onModificationStart: function() {},\n \n     /**\n-     * Property: poweredBy\n-     * {DOMElement} Div for Google's powered by logo and link\n+     * APIProperty: onModification\n+     * {Function} *Deprecated*.  Register for \"featuremodified\" instead.\n+     *     The \"featuremodified\" event is triggered on the layer with each\n+     *     feature modification.\n+     *\n+     * Optional function to be called when a feature has been\n+     *     modified.  The function should expect to be called with a feature.\n      */\n-    poweredBy: null,\n+    onModification: function() {},\n \n     /**\n-     * Property: dragObject\n-     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n-     *     the maps GDraggableObject. We can now use this for smooth panning\n+     * APIProperty: onModificationEnd\n+     * {Function} *Deprecated*.  Register for \"afterfeaturemodified\" instead.\n+     *     The \"afterfeaturemodified\" event is triggered on the layer after\n+     *     a feature has been modified.\n+     *\n+     * Optional function to be called when a feature is finished \n+     *     being modified.  The function should expect to be called with a\n+     *     feature.\n      */\n-    dragObject: null,\n+    onModificationEnd: function() {},\n \n-    /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners. If we can't \n-     *     load GMap2, then display a warning message.\n+    /**\n+     * Constructor: OpenLayers.Control.ModifyFeature\n+     * Create a new modify feature control.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n+     *     will be modified.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n      */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP;\n+    initialize: function(layer, options) {\n+        options = options || {};\n+        this.layer = layer;\n+        this.vertices = [];\n+        this.virtualVertices = [];\n+        this.virtualStyle = OpenLayers.Util.extend({},\n+            this.layer.style ||\n+            this.layer.styleMap.createSymbolizer(null, options.vertexRenderIntent)\n+        );\n+        this.virtualStyle.fillOpacity = 0.3;\n+        this.virtualStyle.strokeOpacity = 0.3;\n+        this.deleteCodes = [46, 68];\n+        this.mode = OpenLayers.Control.ModifyFeature.RESHAPE;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        if (!(OpenLayers.Util.isArray(this.deleteCodes))) {\n+            this.deleteCodes = [this.deleteCodes];\n         }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n \n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n+        // configure the drag handler\n+        var dragCallbacks = {\n+            down: function(pixel) {\n+                this.vertex = null;\n+                var feature = this.layer.getFeatureFromEvent(\n+                    this.handlers.drag.evt);\n+                if (feature) {\n+                    this.dragStart(feature);\n+                } else if (this.clickout) {\n+                    this._unselect = this.feature;\n+                }\n+            },\n+            move: function(pixel) {\n+                delete this._unselect;\n+                if (this.vertex) {\n+                    this.dragVertex(this.vertex, pixel);\n+                }\n+            },\n+            up: function() {\n+                this.handlers.drag.stopDown = false;\n+                if (this._unselect) {\n+                    this.unselectFeature(this._unselect);\n+                    delete this._unselect;\n+                }\n+            },\n+            done: function(pixel) {\n+                if (this.vertex) {\n+                    this.dragComplete(this.vertex);\n+                }\n+            }\n+        };\n+        var dragOptions = {\n+            documentDrag: this.documentDrag,\n+            stopDown: false\n+        };\n \n-            // create GMap and shuffle elements\n-            try {\n-                mapObject = new GMap2(div);\n+        // configure the keyboard handler\n+        var keyboardOptions = {\n+            keydown: this.handleKeypress\n+        };\n+        this.handlers = {\n+            keyboard: new OpenLayers.Handler.Keyboard(this, keyboardOptions),\n+            drag: new OpenLayers.Handler.Drag(this, dragCallbacks, dragOptions)\n+        };\n+    },\n \n-                // move the ToS and branding stuff up to the container div\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n+     */\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+        }\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, []);\n+    },\n \n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n+    /**\n+     * APIMethod: activate\n+     * Activate the control.\n+     * \n+     * Returns:\n+     * {Boolean} Successfully activated the control.\n+     */\n+    activate: function() {\n+        this.moveLayerToTop();\n+        this.map.events.on({\n+            \"removelayer\": this.handleMapEvents,\n+            \"changelayer\": this.handleMapEvents,\n+            scope: this\n+        });\n+        return (this.handlers.keyboard.activate() &&\n+            this.handlers.drag.activate() &&\n+            OpenLayers.Control.prototype.activate.apply(this, arguments));\n+    },\n \n-            } catch (e) {\n-                throw (e);\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the control.\n+     *\n+     * Returns: \n+     * {Boolean} Successfully deactivated the control.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        // the return from the controls is unimportant in this case\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.moveLayerBack();\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            this.layer.removeFeatures(this.vertices, {\n+                silent: true\n+            });\n+            this.layer.removeFeatures(this.virtualVertices, {\n+                silent: true\n+            });\n+            this.vertices = [];\n+            this.handlers.drag.deactivate();\n+            this.handlers.keyboard.deactivate();\n+            var feature = this.feature;\n+            if (feature && feature.geometry && feature.layer) {\n+                this.unselectFeature(feature);\n             }\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n-            };\n+            deactivated = true;\n         }\n+        return deactivated;\n+    },\n \n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n+    /**\n+     * Method: beforeSelectFeature\n+     * Called before a feature is selected.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature about to be selected.\n+     */\n+    beforeSelectFeature: function(feature) {\n+        return this.layer.events.triggerEvent(\n+            \"beforefeaturemodified\", {\n+                feature: feature\n+            }\n+        );\n+    },\n \n-        // ensure this layer type is one of the mapObject types\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n-                this.type) === -1) {\n-            this.mapObject.addMapType(this.type);\n+    /**\n+     * APIMethod: selectFeature\n+     * Select a feature for modification in standalone mode. In non-standalone\n+     * mode, this method is called when a feature is selected by clicking.\n+     * Register a listener to the beforefeaturemodified event and return false\n+     * to prevent feature modification.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} the selected feature.\n+     */\n+    selectFeature: function(feature) {\n+        if (this.feature === feature ||\n+            (this.geometryTypes && OpenLayers.Util.indexOf(this.geometryTypes,\n+                feature.geometry.CLASS_NAME) == -1)) {\n+            return;\n         }\n-\n-        //since v 2.93 getDragObject is now available.\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject();\n-        } else {\n-            this.dragPanMapObject = null;\n+        if (this.beforeSelectFeature(feature) !== false) {\n+            if (this.feature) {\n+                this.unselectFeature(this.feature);\n+            }\n+            this.feature = feature;\n+            this.layer.selectedFeatures.push(feature);\n+            this.layer.drawFeature(feature, 'select');\n+            this.modified = false;\n+            this.resetVertices();\n+            this.onModificationStart(this.feature);\n         }\n-\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\");\n+        // keep track of geometry modifications\n+        var modified = feature.modified;\n+        if (feature.geometry && !(modified && modified.geometry)) {\n+            this._originalGeometry = feature.geometry.clone();\n         }\n+    },\n \n+    /**\n+     * APIMethod: unselectFeature\n+     * Called when the select feature control unselects a feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The unselected feature.\n+     */\n+    unselectFeature: function(feature) {\n+        this.layer.removeFeatures(this.vertices, {\n+            silent: true\n+        });\n+        this.vertices = [];\n+        this.layer.destroyFeatures(this.virtualVertices, {\n+            silent: true\n+        });\n+        this.virtualVertices = [];\n+        if (this.dragHandle) {\n+            this.layer.destroyFeatures([this.dragHandle], {\n+                silent: true\n+            });\n+            delete this.dragHandle;\n+        }\n+        if (this.radiusHandle) {\n+            this.layer.destroyFeatures([this.radiusHandle], {\n+                silent: true\n+            });\n+            delete this.radiusHandle;\n+        }\n+        this.layer.drawFeature(this.feature, 'default');\n+        this.feature = null;\n+        OpenLayers.Util.removeItem(this.layer.selectedFeatures, feature);\n+        this.onModificationEnd(feature);\n+        this.layer.events.triggerEvent(\"afterfeaturemodified\", {\n+            feature: feature,\n+            modified: this.modified\n+        });\n+        this.modified = false;\n     },\n \n+\n     /**\n-     * APIMethod: onMapResize\n+     * Method: dragStart\n+     * Called by the drag handler before a feature is dragged.  This method is\n+     *     used to differentiate between points and vertices\n+     *     of higher order geometries.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The point or vertex about to be\n+     *     dragged.\n      */\n-    onMapResize: function() {\n-        // workaround for resizing of invisible or not yet fully loaded layers\n-        // where GMap2.checkResize() does not work. We need to load the GMap\n-        // for the old div size, then checkResize(), and then call\n-        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n-        // the GMap initialization).\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize();\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n-                });\n+    dragStart: function(feature) {\n+        var isPoint = feature.geometry.CLASS_NAME ==\n+            'OpenLayers.Geometry.Point';\n+        if (!this.standalone &&\n+            ((!feature._sketch && isPoint) || !feature._sketch)) {\n+            if (this.toggle && this.feature === feature) {\n+                // mark feature for unselection\n+                this._unselect = feature;\n             }\n-            this._resized = true;\n+            this.selectFeature(feature);\n+        }\n+        if (feature._sketch || isPoint) {\n+            // feature is a drag or virtual handle or point\n+            this.vertex = feature;\n+            this.handlers.drag.stopDown = true;\n         }\n     },\n \n     /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n-     * \n+     * Method: dragVertex\n+     * Called by the drag handler with each drag move of a vertex.\n+     *\n      * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n+     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n+     * pixel - {<OpenLayers.Pixel>} Pixel location of the mouse event.\n      */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id;\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed;\n-                }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    // move ToU far to the left in addition to setting display\n-                    // to \"none\", because at the end of the GMap2 load\n-                    // sequence, display: none will be unset and ToU would be\n-                    // visible after loading a map with a google layer that is\n-                    // initially hidden. \n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\";\n+    dragVertex: function(vertex, pixel) {\n+        var pos = this.map.getLonLatFromViewPortPx(pixel);\n+        var geom = vertex.geometry;\n+        geom.move(pos.lon - geom.x, pos.lat - geom.y);\n+        this.modified = true;\n+        /**\n+         * Five cases:\n+         * 1) dragging a simple point\n+         * 2) dragging a virtual vertex\n+         * 3) dragging a drag handle\n+         * 4) dragging a real vertex\n+         * 5) dragging a radius handle\n+         */\n+        if (this.feature.geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            // dragging a simple point\n+            this.layer.events.triggerEvent(\"vertexmodified\", {\n+                vertex: vertex.geometry,\n+                feature: this.feature,\n+                pixel: pixel\n+            });\n+        } else {\n+            if (vertex._index) {\n+                // dragging a virtual vertex\n+                vertex.geometry.parent.addComponent(vertex.geometry,\n+                    vertex._index);\n+                // move from virtual to real vertex\n+                delete vertex._index;\n+                OpenLayers.Util.removeItem(this.virtualVertices, vertex);\n+                this.vertices.push(vertex);\n+            } else if (vertex == this.dragHandle) {\n+                // dragging a drag handle\n+                this.layer.removeFeatures(this.vertices, {\n+                    silent: true\n+                });\n+                this.vertices = [];\n+                if (this.radiusHandle) {\n+                    this.layer.destroyFeatures([this.radiusHandle], {\n+                        silent: true\n+                    });\n+                    this.radiusHandle = null;\n                 }\n+            } else if (vertex !== this.radiusHandle) {\n+                // dragging a real vertex\n+                this.layer.events.triggerEvent(\"vertexmodified\", {\n+                    vertex: vertex.geometry,\n+                    feature: this.feature,\n+                    pixel: pixel\n+                });\n+            }\n+            // dragging a radius handle - no special treatment\n+            if (this.virtualVertices.length > 0) {\n+                this.layer.destroyFeatures(this.virtualVertices, {\n+                    silent: true\n+                });\n+                this.virtualVertices = [];\n             }\n+            this.layer.drawFeature(this.feature, this.standalone ? undefined :\n+                'select');\n         }\n+        // keep the vertex on top so it gets the mouseout after dragging\n+        // this should be removed in favor of an option to draw under or\n+        // maintain node z-index\n+        this.layer.drawFeature(vertex);\n     },\n \n     /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n+     * Method: dragComplete\n+     * Called by the drag handler when the feature dragging is complete.\n+     *\n+     * Parameters:\n+     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n      */\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer();\n+    dragComplete: function(vertex) {\n+        this.resetVertices();\n+        this.setFeatureState();\n+        this.onModification(this.feature);\n+        this.layer.events.triggerEvent(\"featuremodified\", {\n+            feature: this.feature\n+        });\n     },\n \n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n+    /**\n+     * Method: setFeatureState\n+     * Called when the feature is modified.  If the current state is not\n+     *     INSERT or DELETE, the state is set to UPDATE.\n+     */\n+    setFeatureState: function() {\n+        if (this.feature.state != OpenLayers.State.INSERT &&\n+            this.feature.state != OpenLayers.State.DELETE) {\n+            this.feature.state = OpenLayers.State.UPDATE;\n+            if (this.modified && this._originalGeometry) {\n+                var feature = this.feature;\n+                feature.modified = OpenLayers.Util.extend(feature.modified, {\n+                    geometry: this._originalGeometry\n+                });\n+                delete this._originalGeometry;\n+            }\n+        }\n+    },\n \n     /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n-     * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n+     * Method: resetVertices\n      */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n-                new GLatLng(ne.lat, ne.lon));\n+    resetVertices: function() {\n+        if (this.vertices.length > 0) {\n+            this.layer.removeFeatures(this.vertices, {\n+                silent: true\n+            });\n+            this.vertices = [];\n+        }\n+        if (this.virtualVertices.length > 0) {\n+            this.layer.removeFeatures(this.virtualVertices, {\n+                silent: true\n+            });\n+            this.virtualVertices = [];\n+        }\n+        if (this.dragHandle) {\n+            this.layer.destroyFeatures([this.dragHandle], {\n+                silent: true\n+            });\n+            this.dragHandle = null;\n+        }\n+        if (this.radiusHandle) {\n+            this.layer.destroyFeatures([this.radiusHandle], {\n+                silent: true\n+            });\n+            this.radiusHandle = null;\n+        }\n+        if (this.feature &&\n+            this.feature.geometry.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+            if ((this.mode & OpenLayers.Control.ModifyFeature.DRAG)) {\n+                this.collectDragHandle();\n+            }\n+            if ((this.mode & (OpenLayers.Control.ModifyFeature.ROTATE |\n+                    OpenLayers.Control.ModifyFeature.RESIZE))) {\n+                this.collectRadiusHandle();\n+            }\n+            if (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE) {\n+                // Don't collect vertices when we're resizing\n+                if (!(this.mode & OpenLayers.Control.ModifyFeature.RESIZE)) {\n+                    this.collectVertices();\n+                }\n+            }\n         }\n-        return moBounds;\n     },\n \n+    /**\n+     * Method: handleKeypress\n+     * Called by the feature handler on keypress.  This is used to delete\n+     *     vertices. If the <deleteCode> property is set, vertices will\n+     *     be deleted when a feature is selected for modification and\n+     *     the mouse is over a vertex.\n+     *\n+     * Parameters:\n+     * evt - {Event} Keypress event.\n+     */\n+    handleKeypress: function(evt) {\n+        var code = evt.keyCode;\n \n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n+        // check for delete key\n+        if (this.feature &&\n+            OpenLayers.Util.indexOf(this.deleteCodes, code) != -1) {\n+            var vertex = this.layer.getFeatureFromEvent(this.handlers.drag.evt);\n+            if (vertex &&\n+                OpenLayers.Util.indexOf(this.vertices, vertex) != -1 &&\n+                !this.handlers.drag.dragging && vertex.geometry.parent) {\n+                // remove the vertex\n+                vertex.geometry.parent.removeComponent(vertex.geometry);\n+                this.layer.events.triggerEvent(\"vertexremoved\", {\n+                    vertex: vertex.geometry,\n+                    feature: this.feature,\n+                    pixel: evt.xy\n+                });\n+                this.layer.drawFeature(this.feature, this.standalone ?\n+                    undefined : 'select');\n+                this.modified = true;\n+                this.resetVertices();\n+                this.setFeatureState();\n+                this.onModification(this.feature);\n+                this.layer.events.triggerEvent(\"featuremodified\", {\n+                    feature: this.feature\n+                });\n+            }\n+        }\n+    },\n \n+    /**\n+     * Method: collectVertices\n+     * Collect the vertices from the modifiable feature's geometry and push\n+     *     them on to the control's vertices array.\n+     */\n+    collectVertices: function() {\n+        this.vertices = [];\n+        this.virtualVertices = [];\n+        var control = this;\n \n-    // Get&Set Center, Zoom\n+        function collectComponentVertices(geometry) {\n+            var i, vertex, component, len;\n+            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                vertex = new OpenLayers.Feature.Vector(geometry);\n+                vertex._sketch = true;\n+                vertex.renderIntent = control.vertexRenderIntent;\n+                control.vertices.push(vertex);\n+            } else {\n+                var numVert = geometry.components.length;\n+                if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+                    numVert -= 1;\n+                }\n+                for (i = 0; i < numVert; ++i) {\n+                    component = geometry.components[i];\n+                    if (component.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                        vertex = new OpenLayers.Feature.Vector(component);\n+                        vertex._sketch = true;\n+                        vertex.renderIntent = control.vertexRenderIntent;\n+                        control.vertices.push(vertex);\n+                    } else {\n+                        collectComponentVertices(component);\n+                    }\n+                }\n \n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n-     */\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom);\n+                // add virtual vertices in the middle of each edge\n+                if (control.createVertices && geometry.CLASS_NAME != \"OpenLayers.Geometry.MultiPoint\") {\n+                    for (i = 0, len = geometry.components.length; i < len - 1; ++i) {\n+                        var prevVertex = geometry.components[i];\n+                        var nextVertex = geometry.components[i + 1];\n+                        if (prevVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\" &&\n+                            nextVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                            var x = (prevVertex.x + nextVertex.x) / 2;\n+                            var y = (prevVertex.y + nextVertex.y) / 2;\n+                            var point = new OpenLayers.Feature.Vector(\n+                                new OpenLayers.Geometry.Point(x, y),\n+                                null, control.virtualStyle\n+                            );\n+                            // set the virtual parent and intended index\n+                            point.geometry.parent = geometry;\n+                            point._index = i + 1;\n+                            point._sketch = true;\n+                            control.virtualVertices.push(point);\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        collectComponentVertices.call(this, this.feature.geometry);\n+        this.layer.addFeatures(this.virtualVertices, {\n+            silent: true\n+        });\n+        this.layer.addFeatures(this.vertices, {\n+            silent: true\n+        });\n     },\n \n     /**\n-     * APIMethod: dragPanMapObject\n-     * \n-     * Parameters:\n-     * dX - {Integer}\n-     * dY - {Integer}\n+     * Method: collectDragHandle\n+     * Collect the drag handle for the selected geometry.\n      */\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY));\n+    collectDragHandle: function() {\n+        var geometry = this.feature.geometry;\n+        var center = geometry.getBounds().getCenterLonLat();\n+        var originGeometry = new OpenLayers.Geometry.Point(\n+            center.lon, center.lat\n+        );\n+        var origin = new OpenLayers.Feature.Vector(originGeometry);\n+        originGeometry.move = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            geometry.move(x, y);\n+        };\n+        origin._sketch = true;\n+        this.dragHandle = origin;\n+        this.dragHandle.renderIntent = this.vertexRenderIntent;\n+        this.layer.addFeatures([this.dragHandle], {\n+            silent: true\n+        });\n     },\n \n-\n-    // LonLat - Pixel Translation\n-\n     /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n-     * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n+     * Method: collectRadiusHandle\n+     * Collect the radius handle for the selected geometry.\n      */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n+    collectRadiusHandle: function() {\n+        var geometry = this.feature.geometry;\n+        var bounds = geometry.getBounds();\n+        var center = bounds.getCenterLonLat();\n+        var originGeometry = new OpenLayers.Geometry.Point(\n+            center.lon, center.lat\n+        );\n+        var radiusGeometry = new OpenLayers.Geometry.Point(\n+            bounds.right, bounds.bottom\n+        );\n+        var radius = new OpenLayers.Feature.Vector(radiusGeometry);\n+        var resize = (this.mode & OpenLayers.Control.ModifyFeature.RESIZE);\n+        var reshape = (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE);\n+        var rotate = (this.mode & OpenLayers.Control.ModifyFeature.ROTATE);\n+\n+        radiusGeometry.move = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            var dx1 = this.x - originGeometry.x;\n+            var dy1 = this.y - originGeometry.y;\n+            var dx0 = dx1 - x;\n+            var dy0 = dy1 - y;\n+            if (rotate) {\n+                var a0 = Math.atan2(dy0, dx0);\n+                var a1 = Math.atan2(dy1, dx1);\n+                var angle = a1 - a0;\n+                angle *= 180 / Math.PI;\n+                geometry.rotate(angle, originGeometry);\n+            }\n+            if (resize) {\n+                var scale, ratio;\n+                // 'resize' together with 'reshape' implies that the aspect \n+                // ratio of the geometry will not be preserved whilst resizing \n+                if (reshape) {\n+                    scale = dy1 / dy0;\n+                    ratio = (dx1 / dx0) / scale;\n+                } else {\n+                    var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n+                    var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n+                    scale = l1 / l0;\n+                }\n+                geometry.resize(scale, originGeometry, ratio);\n+            }\n+        };\n+        radius._sketch = true;\n+        this.radiusHandle = radius;\n+        this.radiusHandle.renderIntent = this.vertexRenderIntent;\n+        this.layer.addFeatures([this.radiusHandle], {\n+            silent: true\n+        });\n     },\n \n     /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n+     * Method: setMap\n+     * Set the map property for the control and all handlers.\n+     *\n      * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n+     * map - {<OpenLayers.Map>} The control's map.\n      */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n-\n-    // Bounds\n-\n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n+    /**\n+     * Method: handleMapEvents\n      * \n      * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n-     * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n+     * evt - {Object}\n      */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop();\n+        }\n     },\n \n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n+    /**\n+     * Method: moveLayerToTop\n+     * Moves the layer for this handler to the top, so mouse events can reach\n+     * it.\n+     */\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n+            this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index);\n \n-    // LonLat\n+    },\n \n     /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n-     * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n+     * Method: moveLayerBack\n+     * Moves the layer back to the position determined by the map's layers\n+     * array.\n      */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n+            this.layer.setZIndex(index);\n         } else {\n-            gLatLng = new GLatLng(lat, lon);\n+            this.map.setLayerZIndex(this.layer,\n+                this.map.getLayerIndex(this.layer));\n         }\n-        return gLatLng;\n     },\n \n-    // Pixel\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y);\n-    }\n+    CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n+});\n \n-};\n+/**\n+ * Constant: RESHAPE\n+ * {Integer} Constant used to make the control work in reshape mode\n+ */\n+OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n+/**\n+ * Constant: RESIZE\n+ * {Integer} Constant used to make the control work in resize mode\n+ */\n+OpenLayers.Control.ModifyFeature.RESIZE = 2;\n+/**\n+ * Constant: ROTATE\n+ * {Integer} Constant used to make the control work in rotate mode\n+ */\n+OpenLayers.Control.ModifyFeature.ROTATE = 4;\n+/**\n+ * Constant: DRAG\n+ * {Integer} Constant used to make the control work in drag mode\n+ */\n+OpenLayers.Control.ModifyFeature.DRAG = 8;\n /* ======================================================================\n-    OpenLayers/Layer/MapGuide.js\n+    OpenLayers/Layer/Vector.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/StyleMap.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.MapGuide\n- * Instances of OpenLayers.Layer.MapGuide are used to display\n- * data from a MapGuide OS instance.\n+ * Class: OpenLayers.Layer.Vector\n+ * Instances of OpenLayers.Layer.Vector are used to render vector data from\n+ *     a variety of sources. Create a new vector layer with the\n+ *     <OpenLayers.Layer.Vector> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n \n-    /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} Treat this layer as a base layer.  Default is true.\n-     **/\n-    isBaseLayer: true,\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>}\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * layer.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n+     *\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to layer.events.object.\n+     * element - {DOMElement} A reference to layer.events.element.\n+     *\n+     * Supported map event types (in addition to those from <OpenLayers.Layer.events>):\n+     * beforefeatureadded - Triggered before a feature is added.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be added.  To stop the feature from being added, a\n+     *      listener should return false.\n+     * beforefeaturesadded - Triggered before an array of features is added.\n+     *      Listeners will receive an object with a *features* property\n+     *      referencing the feature to be added. To stop the features from\n+     *      being added, a listener should return false.\n+     * featureadded - Triggered after a feature is added.  The event\n+     *      object passed to listeners will have a *feature* property with a\n+     *      reference to the added feature.\n+     * featuresadded - Triggered after features are added.  The event\n+     *      object passed to listeners will have a *features* property with a\n+     *      reference to an array of added features.\n+     * beforefeatureremoved - Triggered before a feature is removed. Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be removed.\n+     * beforefeaturesremoved - Triggered before multiple features are removed. \n+     *      Listeners will receive an object with a *features* property\n+     *      referencing the features to be removed.\n+     * featureremoved - Triggerd after a feature is removed. The event\n+     *      object passed to listeners will have a *feature* property with a\n+     *      reference to the removed feature.\n+     * featuresremoved - Triggered after features are removed. The event\n+     *      object passed to listeners will have a *features* property with a\n+     *      reference to an array of removed features.\n+     * beforefeatureselected - Triggered before a feature is selected.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be selected. To stop the feature from being selectd, a\n+     *      listener should return false.\n+     * featureselected - Triggered after a feature is selected.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      selected feature.\n+     * featureunselected - Triggered after a feature is unselected.\n+     *      Listeners will receive an object with a *feature* property\n+     *      referencing the unselected feature.\n+     * beforefeaturemodified - Triggered when a feature is selected to \n+     *      be modified.  Listeners will receive an object with a *feature* \n+     *      property referencing the selected feature.\n+     * featuremodified - Triggered when a feature has been modified.\n+     *      Listeners will receive an object with a *feature* property referencing \n+     *      the modified feature.\n+     * afterfeaturemodified - Triggered when a feature is finished being modified.\n+     *      Listeners will receive an object with a *feature* property referencing \n+     *      the modified feature.\n+     * vertexmodified - Triggered when a vertex within any feature geometry\n+     *      has been modified.  Listeners will receive an object with a\n+     *      *feature* property referencing the modified feature, a *vertex*\n+     *      property referencing the vertex modified (always a point geometry),\n+     *      and a *pixel* property referencing the pixel location of the\n+     *      modification.\n+     * vertexremoved - Triggered when a vertex within any feature geometry\n+     *      has been deleted.  Listeners will receive an object with a\n+     *      *feature* property referencing the modified feature, a *vertex*\n+     *      property referencing the vertex modified (always a point geometry),\n+     *      and a *pixel* property referencing the pixel location of the\n+     *      removal.\n+     * sketchstarted - Triggered when a feature sketch bound for this layer\n+     *      is started.  Listeners will receive an object with a *feature*\n+     *      property referencing the new sketch feature and a *vertex* property\n+     *      referencing the creation point.\n+     * sketchmodified - Triggered when a feature sketch bound for this layer\n+     *      is modified.  Listeners will receive an object with a *vertex*\n+     *      property referencing the modified vertex and a *feature* property\n+     *      referencing the sketch feature.\n+     * sketchcomplete - Triggered when a feature sketch bound for this layer\n+     *      is complete.  Listeners will receive an object with a *feature*\n+     *      property referencing the sketch feature.  By returning false, a\n+     *      listener can stop the sketch feature from being added to the layer.\n+     * refresh - Triggered when something wants a strategy to ask the protocol\n+     *      for a new set of features.\n+     */\n \n     /**\n-     * APIProperty: useHttpTile\n-     * {Boolean} use a tile cache exposed directly via a webserver rather than the \n-     *    via mapguide server. This does require extra configuration on the Mapguide Server,\n-     *    and will only work when singleTile is false. The url for the layer must be set to the\n-     *    webserver path rather than the Mapguide mapagent.\n-     *    See http://trac.osgeo.org/mapguide/wiki/CodeSamples/Tiles/ServingTilesViaHttp\n-     **/\n-    useHttpTile: false,\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is false.  Set this property\n+     * in the layer options.\n+     */\n+    isBaseLayer: false,\n \n     /** \n-     * APIProperty: singleTile\n-     * {Boolean} use tile server or request single tile image. \n-     **/\n-    singleTile: false,\n+     * APIProperty: isFixed\n+     * {Boolean} Whether the layer remains in one place while dragging the\n+     * map. Note that setting this to true will move the layer to the bottom\n+     * of the layer stack.\n+     */\n+    isFixed: false,\n \n     /** \n-     * APIProperty: useOverlay\n-     * {Boolean} flag to indicate if the layer should be retrieved using\n-     * GETMAPIMAGE (default) or using GETDYNAMICOVERLAY requests.\n-     **/\n-    useOverlay: false,\n+     * APIProperty: features\n+     * {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    features: null,\n \n     /** \n-     * APIProperty: useAsyncOverlay\n-     * {Boolean} indicates if the MapGuide site supports the asynchronous \n-     * GETDYNAMICOVERLAY requests which is available in MapGuide Enterprise 2010\n-     * and MapGuide Open Source v2.0.3 or higher. The newer versions of MG \n-     * is called asynchronously, allows selections to be drawn separately from \n-     * the map and offers styling options.\n-     * \n-     * With older versions of MapGuide, set useAsyncOverlay=false.  Note that in\n-     * this case a synchronous AJAX call is issued and the mapname and session\n-     * parameters must be used to initialize the layer, not the mapdefinition\n-     * parameter. Also note that this will issue a synchronous AJAX request \n-     * before the image request can be issued so the users browser may lock\n-     * up if the MG Web tier does not respond in a timely fashion.\n-     **/\n-    useAsyncOverlay: true,\n+     * Property: filter\n+     * {<OpenLayers.Filter>} The filter set in this layer,\n+     *     a strategy launching read requests can combined\n+     *     this filter with its own filter.\n+     */\n+    filter: null,\n+\n+    /** \n+     * Property: selectedFeatures\n+     * {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    selectedFeatures: null,\n \n     /**\n-     * Constant: TILE_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for tiled layer\n+     * Property: unrenderedFeatures\n+     * {Object} hash of features, keyed by feature.id, that the renderer\n+     *     failed to draw\n      */\n-    TILE_PARAMS: {\n-        operation: 'GETTILEIMAGE',\n-        version: '1.2.0'\n-    },\n+    unrenderedFeatures: null,\n \n     /**\n-     * Constant: SINGLE_TILE_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n+     * APIProperty: reportError\n+     * {Boolean} report friendly error message when loading of renderer\n+     * fails.\n      */\n-    SINGLE_TILE_PARAMS: {\n-        operation: 'GETMAPIMAGE',\n-        format: 'PNG',\n-        locale: 'en',\n-        clip: '1',\n-        version: '1.0.0'\n-    },\n+    reportError: true,\n+\n+    /** \n+     * APIProperty: style\n+     * {Object} Default style for the layer\n+     */\n+    style: null,\n \n     /**\n-     * Constant: OVERLAY_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n+     * Property: styleMap\n+     * {<OpenLayers.StyleMap>}\n      */\n-    OVERLAY_PARAMS: {\n-        operation: 'GETDYNAMICMAPOVERLAYIMAGE',\n-        format: 'PNG',\n-        locale: 'en',\n-        clip: '1',\n-        version: '2.0.0'\n-    },\n+    styleMap: null,\n+\n+    /**\n+     * Property: strategies\n+     * {Array(<OpenLayers.Strategy>})} Optional list of strategies for the layer.\n+     */\n+    strategies: null,\n+\n+    /**\n+     * Property: protocol\n+     * {<OpenLayers.Protocol>} Optional protocol for the layer.\n+     */\n+    protocol: null,\n+\n+    /**\n+     * Property: renderers\n+     * {Array(String)} List of supported Renderer classes. Add to this list to\n+     * add support for additional renderers. This list is ordered:\n+     * the first renderer which returns true for the  'supported()'\n+     * method will be used, if not defined in the 'renderer' option.\n+     */\n+    renderers: ['SVG', 'VML', 'Canvas'],\n \n     /** \n-     * Constant: FOLDER_PARAMS\n-     * {Object} Hashtable of parameter key/value pairs which describe \n-     * the folder structure for tiles as configured in the mapguide \n-     * serverconfig.ini section [TileServiceProperties]\n+     * Property: renderer\n+     * {<OpenLayers.Renderer>}\n      */\n-    FOLDER_PARAMS: {\n-        tileColumnsPerFolder: 30,\n-        tileRowsPerFolder: 30,\n-        format: 'png',\n-        querystring: null\n-    },\n+    renderer: null,\n+\n+    /**\n+     * APIProperty: rendererOptions\n+     * {Object} Options for the renderer. See {<OpenLayers.Renderer>} for\n+     *     supported options.\n+     */\n+    rendererOptions: null,\n \n     /** \n-     * Property: defaultSize\n-     * {<OpenLayers.Size>} Tile size as produced by MapGuide server\n-     **/\n-    defaultSize: new OpenLayers.Size(300, 300),\n+     * APIProperty: geometryType\n+     * {String} geometryType allows you to limit the types of geometries this\n+     * layer supports. This should be set to something like\n+     * \"OpenLayers.Geometry.Point\" to limit types.\n+     */\n+    geometryType: null,\n \n     /** \n-     * Property: tileOriginCorner\n-     * {String} MapGuide tile server uses top-left as tile origin\n-     **/\n-    tileOriginCorner: \"tl\",\n+     * Property: drawn\n+     * {Boolean} Whether the Vector Layer features have been drawn yet.\n+     */\n+    drawn: false,\n+\n+    /** \n+     * APIProperty: ratio\n+     * {Float} This specifies the ratio of the size of the visiblity of the Vector Layer features to the size of the map.\n+     */\n+    ratio: 1,\n \n     /**\n-     * Constructor: OpenLayers.Layer.MapGuide\n-     * Create a new Mapguide layer, either tiled or untiled.  \n-     *\n-     * For tiled layers, the 'groupName' and 'mapDefinition' values \n-     * must be specified as parameters in the constructor.\n-     *\n-     * For untiled base layers, specify either combination of 'mapName' and\n-     * 'session', or 'mapDefinition' and 'locale'.  \n-     *\n-     * For older versions of MapGuide and overlay layers, set useAsyncOverlay \n-     * to false and in this case mapName and session are required parameters \n-     * for the constructor.\n-     *\n-     * NOTE: MapGuide OS uses a DPI value and degrees to meters conversion \n-     * factor that are different than the defaults used in OpenLayers, \n-     * so these must be adjusted accordingly in your application.  \n-     * See the MapGuide example for how to set these values for MGOS.\n+     * Constructor: OpenLayers.Layer.Vector\n+     * Create a new vector layer\n      *\n      * Parameters:\n-     * name - {String} Name of the layer displayed in the interface\n-     * url - {String} Location of the MapGuide mapagent executable\n-     *            (e.g. http://localhost:8008/mapguide/mapagent/mapagent.fcgi)\n-     * params - {Object} hashtable of additional parameters to use. Some\n-     *     parameters may require additional code on the server. The ones that\n-     *     you may want to use are: \n-     *   - mapDefinition - {String} The MapGuide resource definition\n-     *            (e.g. Library://Samples/Gmap/Maps/gmapTiled.MapDefinition)\n-     *   - locale - Locale setting \n-     *            (for untiled overlays layers only)\n-     *   - mapName - {String} Name of the map as stored in the MapGuide session.\n-     *          (for untiled layers with a session parameter only)\n-     *   - session - { String} MapGuide session ID \n-     *            (for untiled overlays layers only)\n-     *   - basemaplayergroupname - {String} GroupName for tiled MapGuide layers only\n-     *   - format - Image format to be returned (for untiled overlay layers only)\n-     *   - showLayers - {String} A comma separated list of GUID's for the\n-     *       layers to display eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - hideLayers - {String} A comma separated list of GUID's for the\n-     *       layers to hide eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - showGroups - {String} A comma separated list of GUID's for the\n-     *       groups to display eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - hideGroups - {String} A comma separated list of GUID's for the\n-     *       groups to hide eg: 'cvc-xcv34,453-345-345sdf'\n-     *   - selectionXml - {String} A selection xml string Some server plumbing\n-     *       is required to read such a value.\n-     * options - {Object} Hashtable of extra options to tag onto the layer; \n-     *          will vary depending if tiled or untiled maps are being requested\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector>} A new vector layer\n      */\n-    initialize: function(name, url, params, options) {\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n \n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        // allow user-set renderer, otherwise assign one\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.assignRenderer();\n+        }\n \n-        // unless explicitly set in options, if the layer is transparent, \n-        // it will be an overlay\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = ((this.transparent != \"true\") &&\n-                (this.transparent != true));\n+        // if no valid renderer found, display error\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.renderer = null;\n+            this.displayError();\n         }\n \n-        if (options && options.useOverlay != null) {\n-            this.useOverlay = options.useOverlay;\n+        if (!this.styleMap) {\n+            this.styleMap = new OpenLayers.StyleMap();\n         }\n \n-        //initialize for untiled layers\n-        if (this.singleTile) {\n-            if (this.useOverlay) {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.OVERLAY_PARAMS\n-                );\n-                if (!this.useAsyncOverlay) {\n-                    this.params.version = \"1.0.0\";\n+        this.features = [];\n+        this.selectedFeatures = [];\n+        this.unrenderedFeatures = {};\n+\n+        // Allow for custom layer behavior\n+        if (this.strategies) {\n+            for (var i = 0, len = this.strategies.length; i < len; i++) {\n+                this.strategies[i].setLayer(this);\n+            }\n+        }\n+\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Destroy this layer\n+     */\n+    destroy: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoDestroy) {\n+                    strategy.destroy();\n                 }\n-            } else {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.SINGLE_TILE_PARAMS\n-                );\n             }\n-        } else {\n-            //initialize for tiled layers\n-            if (this.useHttpTile) {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.FOLDER_PARAMS\n-                );\n-            } else {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.TILE_PARAMS\n-                );\n+            this.strategies = null;\n+        }\n+        if (this.protocol) {\n+            if (this.protocol.autoDestroy) {\n+                this.protocol.destroy();\n             }\n-            this.setTileSize(this.defaultSize);\n+            this.protocol = null;\n+        }\n+        this.destroyFeatures();\n+        this.features = null;\n+        this.selectedFeatures = null;\n+        this.unrenderedFeatures = null;\n+        if (this.renderer) {\n+            this.renderer.destroy();\n         }\n+        this.renderer = null;\n+        this.geometryType = null;\n+        this.drawn = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n      * Method: clone\n-     * Create a clone of this layer\n+     * Create a clone of this layer.\n+     * \n+     * Note: Features of the layer are also cloned.\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.MapGuide>} An exact clone of this layer\n+     * {<OpenLayers.Layer.Vector>} An exact clone of this layer\n      */\n     clone: function(obj) {\n+\n         if (obj == null) {\n-            obj = new OpenLayers.Layer.MapGuide(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n+            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions());\n         }\n+\n         //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+        var features = this.features;\n+        var len = features.length;\n+        var clonedFeatures = new Array(len);\n+        for (var i = 0; i < len; ++i) {\n+            clonedFeatures[i] = features[i].clone();\n+        }\n+        obj.features = clonedFeatures;\n \n         return obj;\n     },\n \n     /**\n-     * Method: getURL\n-     * Return a query string for this layer\n+     * Method: refresh\n+     * Ask the layer to request features again and redraw them.  Triggers\n+     *     the refresh event if the layer is in range and visible.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n-     *                                for the request\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also \n-     *          the passed-in bounds and appropriate tile size specified \n-     *          as parameters.\n+     * obj - {Object} Optional object with properties for any listener of\n+     *     the refresh event.\n      */\n-    getURL: function(bounds) {\n-        var url;\n-        var center = bounds.getCenterLonLat();\n-        var mapSize = this.map.getSize();\n-\n-        if (this.singleTile) {\n-            //set up the call for GETMAPIMAGE or GETDYNAMICMAPOVERLAY with\n-            //dynamic map parameters\n-            var params = {\n-                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n-                setdisplayheight: mapSize.h * this.ratio,\n-                setdisplaywidth: mapSize.w * this.ratio,\n-                setviewcenterx: center.lon,\n-                setviewcentery: center.lat,\n-                setviewscale: this.map.getScale()\n-            };\n-\n-            if (this.useOverlay && !this.useAsyncOverlay) {\n-                //first we need to call GETVISIBLEMAPEXTENT to set the extent\n-                var getVisParams = {};\n-                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n-                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n-                getVisParams.version = \"1.0.0\";\n-                getVisParams.session = this.params.session;\n-                getVisParams.mapName = this.params.mapName;\n-                getVisParams.format = 'text/xml';\n-                url = this.getFullRequestString(getVisParams);\n+    refresh: function(obj) {\n+        if (this.calculateInRange() && this.visibility) {\n+            this.events.triggerEvent(\"refresh\", obj);\n+        }\n+    },\n \n-                OpenLayers.Request.GET({\n-                    url: url,\n-                    async: false\n-                });\n+    /** \n+     * Method: assignRenderer\n+     * Iterates through the available renderer implementations and selects \n+     * and assigns the first one whose \"supported()\" function returns true.\n+     */\n+    assignRenderer: function() {\n+        for (var i = 0, len = this.renderers.length; i < len; i++) {\n+            var rendererClass = this.renderers[i];\n+            var renderer = (typeof rendererClass == \"function\") ?\n+                rendererClass :\n+                OpenLayers.Renderer[rendererClass];\n+            if (renderer && renderer.prototype.supported()) {\n+                this.renderer = new renderer(this.div, this.rendererOptions);\n+                break;\n             }\n-            //construct the full URL\n-            url = this.getFullRequestString(params);\n-        } else {\n-\n-            //tiled version\n-            var currentRes = this.map.getResolution();\n-            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n-            colidx = Math.round(colidx / this.tileSize.w);\n-            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n-            rowidx = Math.round(rowidx / this.tileSize.h);\n-\n-            if (this.useHttpTile) {\n-                url = this.getImageFilePath({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                });\n+        }\n+    },\n \n-            } else {\n-                url = this.getFullRequestString({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                });\n-            }\n+    /** \n+     * Method: displayError \n+     * Let the user know their browser isn't supported.\n+     */\n+    displayError: function() {\n+        if (this.reportError) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n+                renderers: this.renderers.join('\\n')\n+            }));\n         }\n-        return url;\n     },\n \n-    /**\n-     * Method: getFullRequestString\n-     * getFullRequestString on MapGuide layers is special, because we \n-     * do a regular expression replace on ',' in parameters to '+'.\n-     * This is why it is subclassed here.\n-     *\n+    /** \n+     * Method: setMap\n+     * The layer has been added to the map. \n+     * \n+     * If there is no renderer set, the layer can't be used. Remove it.\n+     * Otherwise, give the renderer a reference to the map and set its size.\n+     * \n      * Parameters:\n-     * altUrl - {String} Alternative base URL to use.\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url appropriately encoded for MapGuide\n+     * map - {<OpenLayers.Map>} \n      */\n-    getFullRequestString: function(newParams, altUrl) {\n-        // use layer's url unless altUrl passed in\n-        var url = (altUrl == null) ? this.url : altUrl;\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n \n-        // if url is not a string, it should be an array of strings, \n-        //  in which case we will randomly select one of them in order\n-        //  to evenly distribute requests to different urls.\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)];\n-        }\n-        // requestString always starts with url\n-        var requestString = url;\n+        if (!this.renderer) {\n+            this.map.removeLayer(this);\n+        } else {\n+            this.renderer.map = this.map;\n \n-        // create a new params hashtable with all the layer params and the \n-        // new params together. then convert to string\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        // ignore parameters that are already in the url search string\n-        var urlParams = OpenLayers.Util.upperCaseObject(\n-            OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key];\n-            }\n+            var newSize = this.map.getSize();\n+            newSize.w = newSize.w * this.ratio;\n+            newSize.h = newSize.h * this.ratio;\n+            this.renderer.setSize(newSize);\n         }\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-\n-        /* MapGuide needs '+' seperating things like bounds/height/width.\n-           Since typically this is URL encoded, we use a slight hack: we\n-           depend on the list-like functionality of getParameterString to\n-           leave ',' only in the case of list items (since otherwise it is\n-           encoded) then do a regular expression replace on the , characters\n-           to '+' */\n-        paramsString = paramsString.replace(/,/g, \"+\");\n+    },\n \n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n-                requestString += paramsString;\n-            } else {\n-                if (url.indexOf('?') == -1) {\n-                    //serverPath has no ? -- add one\n-                    requestString += '?' + paramsString;\n-                } else {\n-                    //serverPath contains ?, so must already have paramsString at the end\n-                    requestString += '&' + paramsString;\n+    /**\n+     * Method: afterAdd\n+     * Called at the end of the map.addLayer sequence.  At this point, the map\n+     *     will have a base layer.  Any autoActivate strategies will be\n+     *     activated here.\n+     */\n+    afterAdd: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.activate();\n                 }\n             }\n         }\n-        return requestString;\n     },\n \n-    /** \n-     * Method: getImageFilePath\n-     * special handler to request mapguide tiles from an http exposed tilecache \n+    /**\n+     * Method: removeMap\n+     * The layer has been removed from the map.\n      *\n      * Parameters:\n-     * altUrl - {String} Alternative base URL to use.\n-     *\n-     * Returns:\n-     * {String} A string with the url for the tile image\n+     * map - {<OpenLayers.Map>}\n      */\n-    getImageFilePath: function(newParams, altUrl) {\n-        // use layer's url unless altUrl passed in\n-        var url = (altUrl == null) ? this.url : altUrl;\n-\n-        // if url is not a string, it should be an array of strings, \n-        //  in which case we will randomly select one of them in order\n-        //  to evenly distribute requests to different urls.\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)];\n-        }\n-        // requestString always starts with url\n-        var requestString = url;\n-\n-        var tileRowGroup = \"\";\n-        var tileColGroup = \"\";\n-\n-        if (newParams.tilerow < 0) {\n-            tileRowGroup = '-';\n-        }\n-\n-        if (newParams.tilerow == 0) {\n-            tileRowGroup += '0';\n-        } else {\n-            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder;\n-        }\n-\n-        if (newParams.tilecol < 0) {\n-            tileColGroup = '-';\n-        }\n-\n-        if (newParams.tilecol == 0) {\n-            tileColGroup += '0';\n-        } else {\n-            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder;\n+    removeMap: function(map) {\n+        this.drawn = false;\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.deactivate();\n+                }\n+            }\n         }\n+    },\n \n-        var tilePath = '/S' + Math.floor(newParams.scaleindex) +\n-            '/' + this.params.basemaplayergroupname +\n-            '/R' + tileRowGroup +\n-            '/C' + tileColGroup +\n-            '/' + (newParams.tilerow % this.params.tileRowsPerFolder) +\n-            '_' + (newParams.tilecol % this.params.tileColumnsPerFolder) +\n-            '.' + this.params.format;\n-\n-        if (this.params.querystring) {\n-            tilePath += \"?\" + this.params.querystring;\n-        }\n+    /**\n+     * Method: onMapResize\n+     * Notify the renderer of the change in size. \n+     * \n+     */\n+    onMapResize: function() {\n+        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n \n-        requestString += tilePath;\n-        return requestString;\n+        var newSize = this.map.getSize();\n+        newSize.w = newSize.w * this.ratio;\n+        newSize.h = newSize.h * this.ratio;\n+        this.renderer.setSize(newSize);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/WMS.js\n-   ====================================================================== */\n+    /**\n+     * Method: moveTo\n+     *  Reset the vector layer's div so that it once again is lined up with \n+     *   the map. Notify the renderer of the change of extent, and in the\n+     *   case of a change of zoom level (resolution), have the \n+     *   renderer redraw features.\n+     * \n+     *  If the layer has not yet been drawn, cycle through the layer's \n+     *   features and draw each one.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * zoomChanged - {Boolean} \n+     * dragging - {Boolean} \n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var coordSysUnchanged = true;\n+        if (!dragging) {\n+            this.renderer.root.style.visibility = 'hidden';\n \n+            var viewSize = this.map.getSize(),\n+                viewWidth = viewSize.w,\n+                viewHeight = viewSize.h,\n+                offsetLeft = (viewWidth / 2 * this.ratio) - viewWidth / 2,\n+                offsetTop = (viewHeight / 2 * this.ratio) - viewHeight / 2;\n+            offsetLeft += this.map.layerContainerOriginPx.x;\n+            offsetLeft = -Math.round(offsetLeft);\n+            offsetTop += this.map.layerContainerOriginPx.y;\n+            offsetTop = -Math.round(offsetTop);\n \n-/**\n- * @requires OpenLayers/Layer/Grid.js\n- */\n+            this.div.style.left = offsetLeft + 'px';\n+            this.div.style.top = offsetTop + 'px';\n \n-/**\n- * Class: OpenLayers.Layer.WMS\n- * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n- *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n- *     constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+            var extent = this.map.getExtent().scale(this.ratio);\n+            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n \n-    /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n-     */\n-    DEFAULT_PARAMS: {\n-        service: \"WMS\",\n-        version: \"1.1.1\",\n-        request: \"GetMap\",\n-        styles: \"\",\n-        format: \"image/jpeg\"\n-    },\n+            this.renderer.root.style.visibility = 'visible';\n \n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Default is true for WMS layer\n-     */\n-    isBaseLayer: true,\n+            // Force a reflow on gecko based browsers to prevent jump/flicker.\n+            // This seems to happen on only certain configurations; it was originally\n+            // noticed in FF 2.0 and Linux.\n+            if (OpenLayers.IS_GECKO === true) {\n+                this.div.scrollLeft = this.div.scrollLeft;\n+            }\n \n-    /**\n-     * APIProperty: encodeBBOX\n-     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n-     * but some services want it that way. Default false.\n-     */\n-    encodeBBOX: false,\n+            if (!zoomChanged && coordSysUnchanged) {\n+                for (var i in this.unrenderedFeatures) {\n+                    var feature = this.unrenderedFeatures[i];\n+                    this.drawFeature(feature);\n+                }\n+            }\n+        }\n+        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n+            this.drawn = true;\n+            var feature;\n+            for (var i = 0, len = this.features.length; i < len; i++) {\n+                this.renderer.locked = (i !== (len - 1));\n+                feature = this.features[i];\n+                this.drawFeature(feature);\n+            }\n+        }\n+    },\n \n     /** \n-     * APIProperty: noMagic \n-     * {Boolean} If true, the image format will not be automagicaly switched \n-     *     from image/jpeg to image/png or image/gif when using \n-     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n-     *     constructor. Default false. \n-     */\n-    noMagic: false,\n-\n-    /**\n-     * Property: yx\n-     * {Object} Keys in this object are EPSG codes for which the axis order\n-     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n-     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n-     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n-     *     used projection.\n+     * APIMethod: display\n+     * Hide or show the Layer\n+     * \n+     * Parameters:\n+     * display - {Boolean}\n      */\n-    yx: {},\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        // we need to set the display style of the root in case it is attached\n+        // to a foreign layer\n+        var currentDisplay = this.div.style.display;\n+        if (currentDisplay != this.renderer.root.style.display) {\n+            this.renderer.root.style.display = currentDisplay;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.WMS\n-     * Create a new WMS layer object\n-     *\n-     * Examples:\n-     *\n-     * The code below creates a simple WMS layer using the image/jpeg format.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {layers: \"modis,global_mosaic\"});\n-     * (end)\n-     * Note the 3rd argument (params). Properties added to this object will be\n-     * added to the WMS GetMap requests used for this layer's tiles. The only\n-     * mandatory parameter is \"layers\". Other common WMS params include\n-     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n-     * always be ignored. Instead, it will be derived from the baseLayer's or\n-     * map's projection.\n-     *\n-     * The code below creates a transparent WMS layer with additional options.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {\n-     *                                        layers: \"modis,global_mosaic\",\n-     *                                        transparent: true\n-     *                                    }, {\n-     *                                        opacity: 0.5,\n-     *                                        singleTile: true\n-     *                                    });\n-     * (end)\n-     * Note that by default, a WMS layer is configured as baseLayer. Setting\n-     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n-     * The default image format changes from image/jpeg to image/png, and the\n-     * layer is not configured as baseLayer.\n+     * APIMethod: addFeatures\n+     * Add Features to the layer.\n      *\n      * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the WMS\n-     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n-     * params - {Object} An object with key/value pairs representing the\n-     *                   GetMap query string parameters and parameter values.\n-     * options - {Object} Hashtable of extra options to tag onto the layer.\n-     *     These options include all properties listed above, plus the ones\n-     *     inherited from superclasses.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * options - {Object}\n      */\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        //uppercase params\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n-            params.EXCEPTIONS = \"INIMAGE\";\n+    addFeatures: function(features, options) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n         }\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(\n-            this.params,\n-            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n-        );\n \n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            var event = {\n+                features: features\n+            };\n+            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n+            if (ret === false) {\n+                return;\n+            }\n+            features = event.features;\n+        }\n \n-        //layer is transparent        \n-        if (!this.noMagic && this.params.TRANSPARENT &&\n-            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-\n-            // unless explicitly set in options, make layer an overlay\n-            if ((options == null) || (!options.isBaseLayer)) {\n-                this.isBaseLayer = false;\n+        // Track successfully added features for featuresadded event, since\n+        // beforefeatureadded can veto single features.\n+        var featuresAdded = [];\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            if (i != (features.length - 1)) {\n+                this.renderer.locked = true;\n+            } else {\n+                this.renderer.locked = false;\n             }\n+            var feature = features[i];\n \n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.params.FORMAT == \"image/jpeg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n-                    \"image/png\";\n+            if (this.geometryType &&\n+                !(feature.geometry instanceof this.geometryType)) {\n+                throw new TypeError('addFeatures: component should be an ' +\n+                    this.geometryType.prototype.CLASS_NAME);\n             }\n-        }\n \n-    },\n+            //give feature reference to its layer\n+            feature.layer = this;\n \n-    /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n-     */\n-    clone: function(obj) {\n+            if (!feature.style && this.style) {\n+                feature.style = OpenLayers.Util.extend({}, this.style);\n+            }\n \n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMS(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n+            if (notify) {\n+                if (this.events.triggerEvent(\"beforefeatureadded\", {\n+                        feature: feature\n+                    }) === false) {\n+                    continue;\n+                }\n+                this.preFeatureInsert(feature);\n+            }\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+            featuresAdded.push(feature);\n+            this.features.push(feature);\n+            this.drawFeature(feature);\n \n-        // copy/set any non-init, non-simple values here\n+            if (notify) {\n+                this.events.triggerEvent(\"featureadded\", {\n+                    feature: feature\n+                });\n+                this.onFeatureInsert(feature);\n+            }\n+        }\n \n-        return obj;\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresadded\", {\n+                features: featuresAdded\n+            });\n+        }\n     },\n \n-    /**\n-     * APIMethod: reverseAxisOrder\n-     * Returns true if the axis order is reversed for the WMS version and\n-     * projection of the layer.\n-     * \n-     * Returns:\n-     * {Boolean} true if the axis order is reversed, false otherwise.\n-     */\n-    reverseAxisOrder: function() {\n-        var projCode = this.projection.getCode();\n-        return parseFloat(this.params.VERSION) >= 1.3 &&\n-            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n-                OpenLayers.Projection.defaults[projCode].yx));\n-    },\n \n     /**\n-     * Method: getURL\n-     * Return a GetMap query string for this layer\n-     *\n+     * APIMethod: removeFeatures\n+     * Remove features from the layer.  This erases any drawn features and\n+     *     removes them from the layer's control.  The beforefeatureremoved\n+     *     and featureremoved events will be triggered for each feature.  The\n+     *     featuresremoved event will be triggered after all features have\n+     *     been removed.  To supress event triggering, use the silent option.\n+     * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *                                request.\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters.\n-     */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-\n-        var imageSize = this.getImageSize();\n-        var newParams = {};\n-        // WMS 1.3 introduced axis order\n-        var reverseAxisOrder = this.reverseAxisOrder();\n-        newParams.BBOX = this.encodeBBOX ?\n-            bounds.toBBOX(null, reverseAxisOrder) :\n-            bounds.toArray(reverseAxisOrder);\n-        newParams.WIDTH = imageSize.w;\n-        newParams.HEIGHT = imageSize.h;\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString;\n-    },\n-\n-    /**\n-     * APIMethod: mergeNewParams\n-     * Catch changeParams and uppercase the new params to be merged in\n-     *     before calling changeParams on the super class.\n-     * \n-     *     Once params have been changed, the tiles will be reloaded with\n-     *     the new parameters.\n-     * \n-     * Parameters:\n-     * newParams - {Object} Hashtable of new params to use\n-     */\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n-            newArguments);\n-    },\n-\n-    /** \n-     * APIMethod: getFullRequestString\n-     * Combine the layer's url with its params and these newParams. \n-     *   \n-     *     Add the SRS parameter from projection -- this is probably\n-     *     more eloquently done via a setProjection() method, but this \n-     *     works for now and always.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to be\n+     *     removed.\n+     * options - {Object} Optional properties for changing behavior of the\n+     *     removal.\n      *\n-     * Parameters:\n-     * newParams - {Object}\n-     * altUrl - {String} Use this as the url instead of the layer's url\n-     * \n-     * Returns:\n-     * {String} \n+     * Valid options:\n+     * silent - {Boolean} Supress event triggering.  Default is false.\n      */\n-    getFullRequestString: function(newParams, altUrl) {\n-        var mapProjection = this.map.getProjectionObject();\n-        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n-            this.projection.getCode() :\n-            mapProjection.getCode();\n-        var value = (projectionCode == \"none\") ? null : projectionCode;\n-        if (parseFloat(this.params.VERSION) >= 1.3) {\n-            this.params.CRS = value;\n-        } else {\n-            this.params.SRS = value;\n+    removeFeatures: function(features, options) {\n+        if (!features || features.length === 0) {\n+            return;\n         }\n-\n-        if (typeof this.params.TRANSPARENT == \"boolean\") {\n-            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n+        if (features === this.features) {\n+            return this.removeAllFeatures(options);\n+        }\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        if (features === this.selectedFeatures) {\n+            features = features.slice();\n         }\n \n-        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n-            this, arguments);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Vector/RootContainer.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Vector.RootContainer\n- * A special layer type to combine multiple vector layers inside a single\n- *     renderer root container. This class is not supposed to be instantiated\n- *     from user space, it is a helper class for controls that require event\n- *     processing for multiple vector layers.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n- */\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-\n-    /**\n-     * Property: displayInLayerSwitcher\n-     * Set to false for this layer type\n-     */\n-    displayInLayerSwitcher: false,\n+        var notify = !options || !options.silent;\n \n-    /**\n-     * APIProperty: layers\n-     * Layers that are attached to this container. Required config option.\n-     */\n-    layers: null,\n+        if (notify) {\n+            this.events.triggerEvent(\n+                \"beforefeaturesremoved\", {\n+                    features: features\n+                }\n+            );\n+        }\n \n-    /**\n-     * Constructor: OpenLayers.Layer.Vector.RootContainer\n-     * Create a new root container for multiple vector layer. This constructor\n-     * is not supposed to be used from user space, it is only to be used by\n-     * controls that need feature selection across multiple vector layers.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n-     * \n-     * Required options properties:\n-     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n-     *     container\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n-     *     container\n-     */\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            // We remain locked so long as we're not at 0\n+            // and the 'next' feature has a geometry. We do the geometry check\n+            // because if all the features after the current one are 'null', we\n+            // won't call eraseGeometry, so we break the 'renderer functions\n+            // will always be called with locked=false *last*' rule. The end result\n+            // is a possible gratiutious unlocking to save a loop through the rest \n+            // of the list checking the remaining features every time. So long as\n+            // null geoms are rare, this is probably okay.    \n+            if (i != 0 && features[i - 1].geometry) {\n+                this.renderer.locked = true;\n+            } else {\n+                this.renderer.locked = false;\n+            }\n \n-    /**\n-     * Method: display\n-     */\n-    display: function() {},\n+            var feature = features[i];\n+            delete this.unrenderedFeatures[feature.id];\n \n-    /**\n-     * Method: getFeatureFromEvent\n-     * walk through the layers to find the feature returned by the event\n-     * \n-     * Parameters:\n-     * evt - {Object} event object with a feature property\n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n-     */\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature;\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                });\n             }\n-        }\n-    },\n \n-    /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n-    },\n+            this.features = OpenLayers.Util.removeItem(this.features, feature);\n+            // feature has no layer at this point\n+            feature.layer = null;\n \n-    /**\n-     * Method: removeMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n-    },\n+            if (feature.geometry) {\n+                this.renderer.eraseFeatures(feature);\n+            }\n \n-    /**\n-     * Method: collectRoots\n-     * Collects the root nodes of all layers this control is configured with\n-     * and moveswien the nodes to this control's layer\n-     */\n-    collectRoots: function() {\n-        var layer;\n-        // walk through all map layers, because we want to keep the order\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer);\n+            //in the case that this feature is one of the selected features, \n+            // remove it from that array as well.\n+            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n+                OpenLayers.Util.removeItem(this.selectedFeatures, feature);\n             }\n-        }\n-    },\n \n-    /**\n-     * Method: resetRoots\n-     * Resets the root nodes back into the layers they belong to.\n-     */\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer);\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                });\n             }\n         }\n-    },\n \n-    /**\n-     * Method: handleChangeLayer\n-     * Event handler for the map's changelayer event. We need to rebuild\n-     * this container's layer dom if order of one of its layers changes.\n-     * This handler is added with the setMap method, and removed with the\n-     * removeMap method.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    handleChangeLayer: function(evt) {\n-        var layer = evt.layer;\n-        if (evt.property == \"order\" &&\n-            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-            this.resetRoots();\n-            this.collectRoots();\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            });\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Google/v3.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer/Google.js\n- */\n-\n-/**\n- * Constant: OpenLayers.Layer.Google.v3\n- * \n- * Mixin providing functionality specific to the Google Maps API v3.\n- * \n- * To use this layer, you must include the GMaps v3 API in your html.\n- * \n- * Note that this layer configures the google.maps.map object with the\n- * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n- * Maps API provides is not supported by the OpenLayers API.\n- */\n-OpenLayers.Layer.Google.v3 = {\n-\n-    /**\n-     * Constant: DEFAULTS\n-     * {Object} It is not recommended to change the properties set here. Note\n-     * that Google.v3 layers only work when sphericalMercator is set to true.\n-     * \n-     * (code)\n-     * {\n-     *     sphericalMercator: true,\n-     *     projection: \"EPSG:900913\"\n-     * }\n-     * (end)\n-     */\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n-    },\n-\n-    /**\n-     * APIProperty: animationEnabled\n-     * {Boolean} If set to true, the transition between zoom levels will be\n-     *     animated (if supported by the GMaps API for the device used). Set to\n-     *     false to match the zooming experience of other layer types. Default\n-     *     is true. Note that the GMaps API does not give us control over zoom\n-     *     animation, so if set to false, when zooming, this will make the\n-     *     layer temporarily invisible, wait until GMaps reports the map being\n-     *     idle, and make it visible again. The result will be a blank layer\n-     *     for a few moments while zooming.\n-     */\n-    animationEnabled: true,\n-\n     /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners.\n+     * APIMethod: removeAllFeatures\n+     * Remove all features from the layer.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional properties for changing behavior of the\n+     *     removal.\n+     *\n+     * Valid options:\n+     * silent - {Boolean} Supress event triggering.  Default is false.\n      */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP;\n+    removeAllFeatures: function(options) {\n+        var notify = !options || !options.silent;\n+        var features = this.features;\n+        if (notify) {\n+            this.events.triggerEvent(\n+                \"beforefeaturesremoved\", {\n+                    features: features\n+                }\n+            );\n         }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n-            // create GMap\n-            var center = this.map.getCenter();\n-            var container = document.createElement('div');\n-            container.className = \"olForeignContainer\";\n-            container.style.width = '100%';\n-            container.style.height = '100%';\n-            mapObject = new google.maps.Map(container, {\n-                center: center ?\n-                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n+        var feature;\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            feature = features[i];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+            feature.layer = null;\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+        }\n+        this.renderer.clear();\n+        this.features = [];\n+        this.unrenderedFeatures = {};\n+        this.selectedFeatures = [];\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n             });\n-            var googleControl = document.createElement('div');\n-            googleControl.style.width = '100%';\n-            googleControl.style.height = '100%';\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n         }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility);\n     },\n \n     /**\n-     * APIMethod: onMapResize\n+     * APIMethod: destroyFeatures\n+     * Erase and destroy features on the layer.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} An optional array of\n+     *     features to destroy.  If not supplied, all features on the layer\n+     *     will be destroyed.\n+     * options - {Object}\n      */\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\");\n+    destroyFeatures: function(features, options) {\n+        var all = (features == undefined); // evaluates to true if\n+        // features is null\n+        if (all) {\n+            features = this.features;\n+        }\n+        if (features) {\n+            this.removeFeatures(features, options);\n+            for (var i = features.length - 1; i >= 0; i--) {\n+                features[i].destroy();\n+            }\n         }\n     },\n \n     /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n+     * APIMethod: drawFeature\n+     * Draw (or redraw) a feature on the layer.  If the optional style argument\n+     * is included, this style will be used.  If no style is included, the\n+     * feature's style will be used.  If the feature doesn't have a style,\n+     * the layer's style will be used.\n      * \n-     * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n+     * This function is not designed to be used when adding features to \n+     * the layer (use addFeatures instead). It is meant to be used when\n+     * the style of a feature has changed, or in some other way needs to \n+     * visually updated *after* it has already been added to a layer. You\n+     * must add the feature to the layer for most layer-related events to \n+     * happen.\n+     *\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {String | Object} Named render intent or full symbolizer object.\n      */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google &&\n-                    layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break;\n-                }\n+    drawFeature: function(feature, style) {\n+        // don't try to draw the feature with the renderer if the layer is not \n+        // drawn itself\n+        if (!this.drawn) {\n+            return;\n+        }\n+        if (typeof style != \"object\") {\n+            if (!style && feature.state === OpenLayers.State.DELETE) {\n+                style = \"delete\";\n             }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter());\n-                        });\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, 'resize');\n-                    }\n-                }\n-                this.mapObject.setMapTypeId(type);\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container);\n+            var renderIntent = style || feature.renderIntent;\n+            style = feature.style || this.style;\n+            if (!style) {\n+                style = this.styleMap.createSymbolizer(feature, renderIntent);\n             }\n         }\n+\n+        var drawn = this.renderer.drawFeature(feature, style);\n+        //TODO remove the check for null when we get rid of Renderer.SVG\n+        if (drawn === false || drawn === null) {\n+            this.unrenderedFeatures[feature.id] = feature;\n+        } else {\n+            delete this.unrenderedFeatures[feature.id];\n+        }\n     },\n \n     /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n+     * Method: eraseFeatures\n+     * Erase features from the layer.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n      */\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv();\n+    eraseFeatures: function(features) {\n+        this.renderer.eraseFeatures(features);\n     },\n \n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n-\n     /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n+     * Method: getFeatureFromEvent\n+     * Given an event, return a feature if the event occurred over one.\n+     * Otherwise, return null.\n+     *\n      * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n+     * evt - {Event} \n+     *\n      * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n+     * {<OpenLayers.Feature.Vector>} A feature if one was under the event.\n      */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(\n-                new google.maps.LatLng(sw.lat, sw.lon),\n-                new google.maps.LatLng(ne.lat, ne.lon)\n-            );\n+    getFeatureFromEvent: function(evt) {\n+        if (!this.renderer) {\n+            throw new Error('getFeatureFromEvent called on layer with no ' +\n+                'renderer. This usually means you destroyed a ' +\n+                'layer, but not some handler which is associated ' +\n+                'with it.');\n         }\n-        return moBounds;\n+        var feature = null;\n+        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n+        if (featureId) {\n+            if (typeof featureId === \"string\") {\n+                feature = this.getFeatureById(featureId);\n+            } else {\n+                feature = featureId;\n+            }\n+        }\n+        return feature;\n     },\n \n-\n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat - Pixel Translation\n-\n     /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n+     * APIMethod: getFeatureBy\n+     * Given a property value, return the feature if it exists in the features array\n+     *\n      * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n+     * property - {String}\n+     * value - {String}\n+     *\n      * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * property value or null if there is no such feature.\n      */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-\n-        var delta_x = moPixel.x - (size.w / 2);\n-        var delta_y = moPixel.y - (size.h / 2);\n-\n-        var lonlat = new OpenLayers.LonLat(\n-            lon + delta_x * res,\n-            lat - delta_y * res\n-        );\n-\n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent);\n+    getFeatureBy: function(property, value) {\n+        //TBD - would it be more efficient to use a hash for this.features?\n+        var feature = null;\n+        for (var i = 0, len = this.features.length; i < len; ++i) {\n+            if (this.features[i][property] == value) {\n+                feature = this.features[i];\n+                break;\n+            }\n         }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n+        return feature;\n     },\n \n     /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n+     * APIMethod: getFeatureById\n+     * Given a feature id, return the feature if it exists in the features array\n+     *\n      * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n+     * featureId - {String}\n+     *\n      * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n-     */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n-            (1 / res * (extent.top - lat)));\n-    },\n-\n-\n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * featureId or null if there is no such feature.\n      */\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(\n-                this.mapObject,\n-                \"idle\",\n-                function() {\n-                    mapContainer.style.visibility = \"\";\n-                }\n-            );\n-            mapContainer.style.visibility = \"hidden\";\n-        }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n-        });\n+    getFeatureById: function(featureId) {\n+        return this.getFeatureBy('id', featureId);\n     },\n \n-\n-    // Bounds\n-\n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n-     * \n+    /**\n+     * APIMethod: getFeatureByFid\n+     * Given a feature fid, return the feature if it exists in the features array\n+     *\n      * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n+     * featureFid - {String}\n+     *\n      * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * featureFid or null if there is no such feature.\n      */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n+    getFeatureByFid: function(featureFid) {\n+        return this.getFeatureBy('fid', featureFid);\n     },\n \n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat\n-\n     /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n+     * APIMethod: getFeaturesByAttribute\n+     * Returns an array of features that have the given attribute key set to the\n+     * given value. Comparison of attribute values takes care of datatypes, e.g.\n+     * the string '1234' is not equal to the number 1234.\n+     *\n      * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n+     * attrName - {String}\n+     * attrValue - {Mixed}\n+     *\n      * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n+     * Array({<OpenLayers.Feature.Vector>}) An array of features that have the \n+     * passed named attribute set to the given value.\n      */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon);\n+    getFeaturesByAttribute: function(attrName, attrValue) {\n+        var i,\n+            feature,\n+            len = this.features.length,\n+            foundFeatures = [];\n+        for (i = 0; i < len; i++) {\n+            feature = this.features[i];\n+            if (feature && feature.attributes) {\n+                if (feature.attributes[attrName] === attrValue) {\n+                    foundFeatures.push(feature);\n+                }\n+            }\n         }\n-        return gLatLng;\n+        return foundFeatures;\n     },\n \n-    // Pixel\n-\n     /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y);\n-    }\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Marker/Box.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Marker.js\n- */\n-\n-/**\n- * Class: OpenLayers.Marker.Box\n- *\n- * Inherits from:\n- *  - <OpenLayers.Marker> \n- */\n-OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n+     * Unselect the selected features\n+     * i.e. clears the featureSelection array\n+     * change the style back\n+    clearSelection: function() {\n \n-    /** \n-     * Property: bounds \n-     * {<OpenLayers.Bounds>} \n+       var vectorLayer = this.map.vectorLayer;\n+        for (var i = 0; i < this.map.featureSelection.length; i++) {\n+            var featureSelection = this.map.featureSelection[i];\n+            vectorLayer.drawFeature(featureSelection, vectorLayer.style);\n+        }\n+        this.map.featureSelection = [];\n+    },\n      */\n-    bounds: null,\n \n-    /** \n-     * Property: div \n-     * {DOMElement} \n-     */\n-    div: null,\n \n-    /** \n-     * Constructor: OpenLayers.Marker.Box\n+    /**\n+     * APIMethod: onFeatureInsert\n+     * method called after a feature is inserted.\n+     * Does nothing by default. Override this if you\n+     * need to do something on feature updates.\n      *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * borderColor - {String} \n-     * borderWidth - {int} \n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    initialize: function(bounds, borderColor, borderWidth) {\n-        this.bounds = bounds;\n-        this.div = OpenLayers.Util.createDiv();\n-        this.div.style.overflow = 'hidden';\n-        this.events = new OpenLayers.Events(this, this.div);\n-        this.setBorder(borderColor, borderWidth);\n-    },\n+    onFeatureInsert: function(feature) {},\n \n     /**\n-     * Method: destroy \n-     */\n-    destroy: function() {\n-\n-        this.bounds = null;\n-        this.div = null;\n-\n-        OpenLayers.Marker.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /** \n-     * Method: setBorder\n-     * Allow the user to change the box's color and border width\n-     * \n+     * APIMethod: preFeatureInsert\n+     * method called before a feature is inserted.\n+     * Does nothing by default. Override this if you\n+     * need to do something when features are first added to the\n+     * layer, but before they are drawn, such as adjust the style.\n+     *\n      * Parameters:\n-     * color - {String} Default is \"red\"\n-     * width - {int} Default is 2\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    setBorder: function(color, width) {\n-        if (!color) {\n-            color = \"red\";\n-        }\n-        if (!width) {\n-            width = 2;\n-        }\n-        this.div.style.border = width + \"px solid \" + color;\n-    },\n+    preFeatureInsert: function(feature) {},\n \n     /** \n-     * Method: draw\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n-     * sz - {<OpenLayers.Size>} \n-     * \n-     * Returns: \n-     * {DOMElement} A new DOM Image with this marker's icon set at the \n-     *         location passed-in\n-     */\n-    draw: function(px, sz) {\n-        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: onScreen\n+     * APIMethod: getDataExtent\n+     * Calculates the max extent which includes all of the features.\n      * \n-     * Rreturn:\n-     * {Boolean} Whether or not the marker is currently visible on screen.\n+     * Returns:\n+     * {<OpenLayers.Bounds>} or null if the layer has no features with\n+     * geometries.\n      */\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsBounds(this.bounds, true, true);\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        var features = this.features;\n+        if (features && (features.length > 0)) {\n+            var geometry = null;\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                geometry = features[i].geometry;\n+                if (geometry) {\n+                    if (maxExtent === null) {\n+                        maxExtent = new OpenLayers.Bounds();\n+                    }\n+                    maxExtent.extend(geometry.getBounds());\n+                }\n+            }\n         }\n-        return onScreen;\n-    },\n-\n-    /**\n-     * Method: display\n-     * Hide or show the icon\n-     * \n-     * Parameters:\n-     * display - {Boolean} \n-     */\n-    display: function(display) {\n-        this.div.style.display = (display) ? \"\" : \"none\";\n+        return maxExtent;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Control/Button.js\n+    OpenLayers/Control/Graticule.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/StyleMap.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Button \n- * The Button control is a very simple push-button, for use with \n- * <OpenLayers.Control.Panel>.\n- * When clicked, the function trigger() is executed.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- *\n- * Use:\n- * (code)\n- * var button = new OpenLayers.Control.Button({\n- *     displayClass: \"MyButton\", trigger: myFunction\n- * });\n- * panel.addControls([button]);\n- * (end)\n+ * Class: OpenLayers.Control.Graticule\n+ * The Graticule displays a grid of latitude/longitude lines reprojected on\n+ * the map.  \n  * \n- * Will create a button with CSS class MyButtonItemInactive, that\n- *     will call the function MyFunction() when clicked.\n- */\n-OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n-    /**\n-     * Property: type\n-     * {Integer} OpenLayers.Control.TYPE_BUTTON.\n-     */\n-    type: OpenLayers.Control.TYPE_BUTTON,\n-\n-    /**\n-     * Method: trigger\n-     * Called by a control panel when the button is clicked.\n-     */\n-    trigger: function() {},\n-\n-    CLASS_NAME: \"OpenLayers.Control.Button\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ZoomOut.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/Button.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.ZoomOut\n- * The ZoomOut control is a button to decrease the zoom level of a map.\n- *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n+ *  \n  */\n-OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n-\n-    /**\n-     * Method: trigger\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomOut();\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n-});\n-/* ======================================================================\n-    OpenLayers/Events/buttonclick.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Events.buttonclick\n- * Extension event type for handling buttons on top of a dom element. This\n- *     event type fires \"buttonclick\" on its <target> when a button was\n- *     clicked. Buttons are detected by the \"olButton\" class.\n- *\n- * This event type makes sure that button clicks do not interfere with other\n- *     events that are registered on the same <element>.\n- *\n- * Event types provided by this extension:\n- * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n- *     object with a *buttonElement* property referencing the dom element of\n- *     the clicked button, and an *buttonXY* property with the click position\n- *     relative to the button.\n- */\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n+OpenLayers.Control.Graticule = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: target\n-     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n-     * be triggered on.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map. Default is\n+     *     true. \n      */\n-    target: null,\n+    autoActivate: true,\n \n     /**\n-     * Property: events\n-     * {Array} Events to observe and conditionally stop from propagating when\n-     *     an element with the olButton class (or its olAlphaImg child) is\n-     *     clicked.\n+     * APIProperty: intervals\n+     * {Array(Float)} A list of possible graticule widths in degrees.\n      */\n-    events: [\n-        'mousedown', 'mouseup', 'click', 'dblclick',\n-        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    intervals: [45, 30, 20, 10, 5, 2, 1,\n+        0.5, 0.2, 0.1, 0.05, 0.01,\n+        0.005, 0.002, 0.001\n     ],\n \n     /**\n-     * Property: startRegEx\n-     * {RegExp} Regular expression to test Event.type for events that start\n-     *     a buttonclick sequence.\n+     * APIProperty: displayInLayerSwitcher\n+     * {Boolean} Allows the Graticule control to be switched on and off by \n+     *     LayerSwitcher control. Defaults is true.\n      */\n-    startRegEx: /^mousedown|touchstart$/,\n+    displayInLayerSwitcher: true,\n \n     /**\n-     * Property: cancelRegEx\n-     * {RegExp} Regular expression to test Event.type for events that cancel\n-     *     a buttonclick sequence.\n+     * APIProperty: visible\n+     * {Boolean} should the graticule be initially visible (default=true)\n      */\n-    cancelRegEx: /^touchmove$/,\n+    visible: true,\n \n     /**\n-     * Property: completeRegEx\n-     * {RegExp} Regular expression to test Event.type for events that complete\n-     *     a buttonclick sequence.\n+     * APIProperty: numPoints\n+     * {Integer} The number of points to use in each graticule line.  Higher\n+     * numbers result in a smoother curve for projected maps \n      */\n-    completeRegEx: /^mouseup|touchend$/,\n+    numPoints: 50,\n \n     /**\n-     * Property: startEvt\n-     * {Event} The event that started the click sequence\n+     * APIProperty: targetSize\n+     * {Integer} The maximum size of the grid in pixels on the map\n      */\n+    targetSize: 200,\n \n     /**\n-     * Constructor: OpenLayers.Events.buttonclick\n-     * Construct a buttonclick event type. Applications are not supposed to\n-     *     create instances of this class - they are created on demand by\n-     *     <OpenLayers.Events> instances.\n-     *\n-     * Parameters:\n-     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n-     *     event will be triggered on.\n+     * APIProperty: layerName\n+     * {String} The name to be displayed in the layer switcher, default is set \n+     *     by {<OpenLayers.Lang>}.\n      */\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            });\n-        }\n-    },\n+    layerName: null,\n \n     /**\n-     * Method: destroy\n+     * APIProperty: labelled\n+     * {Boolean} Should the graticule lines be labelled?. default=true\n      */\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick);\n-        }\n-        delete this.target;\n-    },\n+    labelled: true,\n \n     /**\n-     * Method: getPressedButton\n-     * Get the pressed button, if any. Returns undefined if no button\n-     * was pressed.\n-     *\n-     * Arguments:\n-     * element - {DOMElement} The event target.\n-     *\n-     * Returns:\n-     * {DOMElement} The button element, or undefined.\n+     * APIProperty: labelFormat\n+     * {String} the format of the labels, default = 'dm'. See\n+     * <OpenLayers.Util.getFormattedLonLat> for other options.\n      */\n-    getPressedButton: function(element) {\n-        var depth = 3, // limit the search depth\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                // hit!\n-                button = element;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return button;\n-    },\n+    labelFormat: 'dm',\n \n     /**\n-     * Method: ignore\n-     * Check for event target elements that should be ignored by OpenLayers.\n-     *\n-     * Parameters:\n-     * element - {DOMElement} The event target.\n+     * APIProperty: lineSymbolizer\n+     * {symbolizer} the symbolizer used to render lines\n      */\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === 'a') {\n-                ignore = true;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return ignore;\n+    lineSymbolizer: {\n+        strokeColor: \"#333\",\n+        strokeWidth: 1,\n+        strokeOpacity: 0.5\n     },\n \n     /**\n-     * Method: buttonClick\n-     * Check if a button was clicked, and fire the buttonclick event\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            // was a button pressed?\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break;\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        });\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt;\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt;\n-            }\n-        }\n-        return propagate;\n-    }\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Control/PanZoom.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.PanZoom\n- * The PanZoom is a visible control, composed of a\n- * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomPanel>. By\n- * default it is drawn in the upper left corner of the map.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons.  If you want to pan by some ratio\n-     *     of the map dimensions, use <slideRatio> instead.\n-     */\n-    slideFactor: 50,\n-\n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then the Pan Up\n-     *     button will pan up half the map height. \n-     */\n-    slideRatio: null,\n-\n-    /** \n-     * Property: buttons\n-     * {Array(DOMElement)} Array of Button Divs \n+     * APIProperty: labelSymbolizer\n+     * {symbolizer} the symbolizer used to render labels\n      */\n-    buttons: null,\n+    labelSymbolizer: {},\n \n-    /** \n-     * Property: position\n-     * {<OpenLayers.Pixel>} \n+    /**\n+     * Property: gratLayer\n+     * {<OpenLayers.Layer.Vector>} vector layer used to draw the graticule on\n      */\n-    position: null,\n+    gratLayer: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.PanZoom\n+     * Constructor: OpenLayers.Control.Graticule\n+     * Create a new graticule control to display a grid of latitude longitude\n+     * lines.\n      * \n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n     initialize: function(options) {\n-        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X,\n-            OpenLayers.Control.PanZoom.Y);\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        options = options || {};\n+        options.layerName = options.layerName || OpenLayers.i18n(\"Graticule\");\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        this.labelSymbolizer.stroke = false;\n+        this.labelSymbolizer.fill = false;\n+        this.labelSymbolizer.label = \"${label}\";\n+        this.labelSymbolizer.labelAlign = \"${labelAlign}\";\n+        this.labelSymbolizer.labelXOffset = \"${xOffset}\";\n+        this.labelSymbolizer.labelYOffset = \"${yOffset}\";\n     },\n \n     /**\n      * APIMethod: destroy\n      */\n     destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        this.removeButtons();\n-        this.buttons = null;\n-        this.position = null;\n+        this.deactivate();\n         OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /** \n-     * Method: setMap\n-     *\n-     * Properties:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+        if (this.gratLayer) {\n+            this.gratLayer.destroy();\n+            this.gratLayer = null;\n+        }\n     },\n \n     /**\n      * Method: draw\n      *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n+     * initializes the graticule layer and does the initial update\n      * \n      * Returns:\n-     * {DOMElement} A reference to the container div for the PanZoom control.\n+     * {DOMElement}\n      */\n-    draw: function(px) {\n-        // initialize our internal div\n+    draw: function() {\n         OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position;\n-\n-        // place the controls\n-        this.buttons = [];\n-\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-\n-        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-        px.y = centered.y + sz.h;\n-        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n-        this._addButton(\"pandown\", \"south-mini.png\",\n-            centered.add(0, sz.h * 2), sz);\n-        this._addButton(\"zoomin\", \"zoom-plus-mini.png\",\n-            centered.add(0, sz.h * 3 + 5), sz);\n-        this._addButton(\"zoomworld\", \"zoom-world-mini.png\",\n-            centered.add(0, sz.h * 4 + 5), sz);\n-        this._addButton(\"zoomout\", \"zoom-minus-mini.png\",\n-            centered.add(0, sz.h * 5 + 5), sz);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: _addButton\n-     * \n-     * Parameters:\n-     * id - {String} \n-     * img - {String} \n-     * xy - {<OpenLayers.Pixel>} \n-     * sz - {<OpenLayers.Size>} \n-     * \n-     * Returns:\n-     * {DOMElement} A Div (an alphaImageDiv, to be precise) that contains the\n-     *     image of the button, and has all the proper event handlers set.\n-     */\n-    _addButton: function(id, img, xy, sz) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(img);\n-        var btn = OpenLayers.Util.createAlphaImageDiv(\n-            this.id + \"_\" + id,\n-            xy, sz, imgLocation, \"absolute\");\n-        btn.style.cursor = \"pointer\";\n-        //we want to add the outer div\n-        this.div.appendChild(btn);\n-        btn.action = id;\n-        btn.className = \"olButton\";\n-\n-        //we want to remember/reference the outer div\n-        this.buttons.push(btn);\n-        return btn;\n-    },\n-\n-    /**\n-     * Method: _removeButton\n-     * \n-     * Parameters:\n-     * btn - {Object}\n-     */\n-    _removeButton: function(btn) {\n-        this.div.removeChild(btn);\n-        OpenLayers.Util.removeItem(this.buttons, btn);\n-    },\n-\n-    /**\n-     * Method: removeButtons\n-     */\n-    removeButtons: function() {\n-        for (var i = this.buttons.length - 1; i >= 0; --i) {\n-            this._removeButton(this.buttons[i]);\n+        if (!this.gratLayer) {\n+            var gratStyle = new OpenLayers.Style({}, {\n+                rules: [new OpenLayers.Rule({\n+                    'symbolizer': {\n+                        \"Point\": this.labelSymbolizer,\n+                        \"Line\": this.lineSymbolizer\n+                    }\n+                })]\n+            });\n+            this.gratLayer = new OpenLayers.Layer.Vector(this.layerName, {\n+                styleMap: new OpenLayers.StyleMap({\n+                    'default': gratStyle\n+                }),\n+                visibility: this.visible,\n+                displayInLayerSwitcher: this.displayInLayerSwitcher\n+            });\n         }\n+        return this.div;\n     },\n \n     /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * APIMethod: activate\n      */\n-    onButtonClick: function(evt) {\n-        var btn = evt.buttonElement;\n-        switch (btn.action) {\n-            case \"panup\":\n-                this.map.pan(0, -this.getSlideFactor(\"h\"));\n-                break;\n-            case \"pandown\":\n-                this.map.pan(0, this.getSlideFactor(\"h\"));\n-                break;\n-            case \"panleft\":\n-                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"panright\":\n-                this.map.pan(this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"zoomin\":\n-                this.map.zoomIn();\n-                break;\n-            case \"zoomout\":\n-                this.map.zoomOut();\n-                break;\n-            case \"zoomworld\":\n-                this.map.zoomToMaxExtent();\n-                break;\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.addLayer(this.gratLayer);\n+            this.map.events.register('moveend', this, this.update);\n+            this.update();\n+            return true;\n+        } else {\n+            return false;\n         }\n     },\n \n     /**\n-     * Method: getSlideFactor\n-     *\n-     * Parameters:\n-     * dim - {String} \"w\" or \"h\" (for width or height).\n-     *\n-     * Returns:\n-     * {Number} The slide factor for panning in the requested direction.\n-     */\n-    getSlideFactor: function(dim) {\n-        return this.slideRatio ?\n-            this.map.getSize()[dim] * this.slideRatio :\n-            this.slideFactor;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n-});\n-\n-/**\n- * Constant: X\n- * {Integer}\n- */\n-OpenLayers.Control.PanZoom.X = 4;\n-\n-/**\n- * Constant: Y\n- * {Integer}\n- */\n-OpenLayers.Control.PanZoom.Y = 4;\n-/* ======================================================================\n-    OpenLayers/Control/UTFGrid.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Hover.js\n- * @requires OpenLayers/Handler/Click.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.UTFGrid\n- *\n- * This Control provides behavior associated with UTFGrid Layers.\n- * These 'hit grids' provide underlying feature attributes without\n- * calling the server (again). This control allows Mousemove, Hovering \n- * and Click events to trigger callbacks that use the attributes in \n- * whatever way you need. \n- *\n- * The most common example may be a UTFGrid layer containing feature\n- * attributes that are displayed in a div as you mouseover.\n- *\n- * Example Code:\n- *\n- * (start code)\n- * var world_utfgrid = new OpenLayers.Layer.UTFGrid( \n- *     'UTFGrid Layer', \n- *     \"http://tiles/world_utfgrid/${z}/${x}/${y}.json\"\n- * );\n- * map.addLayer(world_utfgrid);\n- * \n- * var control = new OpenLayers.Control.UTFGrid({\n- *     layers: [world_utfgrid],\n- *     handlerMode: 'move',\n- *     callback: function(infoLookup) {\n- *         // do something with returned data\n- *\n- *     }\n- * })\n- * (end code)\n- *\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /** \n-     * APIProperty: Layers\n-     * List of layers to consider. Must be Layer.UTFGrids\n-     * `null` is the default indicating all UTFGrid Layers are queried.\n-     * {Array} <OpenLayers.Layer.UTFGrid> \n-     */\n-    layers: null,\n-\n-    /* Property: defaultHandlerOptions\n-     * The default opts passed to the handler constructors\n-     */\n-    defaultHandlerOptions: {\n-        'delay': 300,\n-        'pixelTolerance': 4,\n-        'stopMove': false,\n-        'single': true,\n-        'double': false,\n-        'stopSingle': false,\n-        'stopDouble': false\n-    },\n-\n-    /* APIProperty: handlerMode\n-     * Defaults to 'click'. Can be 'hover' or 'move'.\n-     */\n-    handlerMode: 'click',\n-\n-    /**\n-     * APIMethod: setHandler\n-     * sets this.handlerMode and calls resetHandler()\n-     *\n-     * Parameters:\n-     * hm - {String} Handler Mode string; 'click', 'hover' or 'move'.\n-     */\n-    setHandler: function(hm) {\n-        this.handlerMode = hm;\n-        this.resetHandler();\n-    },\n-\n-    /**\n-     * Method: resetHandler\n-     * Deactivates the old hanlder and creates a new\n-     * <OpenLayers.Handler> based on the mode specified in\n-     * this.handlerMode\n-     *\n+     * APIMethod: deactivate\n      */\n-    resetHandler: function() {\n-        if (this.handler) {\n-            this.handler.deactivate();\n-            this.handler.destroy();\n-            this.handler = null;\n-        }\n-\n-        if (this.handlerMode == 'hover') {\n-            // Handle this event on hover\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this, {\n-                    'pause': this.handleEvent,\n-                    'move': this.reset\n-                },\n-                this.handlerOptions\n-            );\n-        } else if (this.handlerMode == 'click') {\n-            // Handle this event on click\n-            this.handler = new OpenLayers.Handler.Click(\n-                this, {\n-                    'click': this.handleEvent\n-                }, this.handlerOptions\n-            );\n-        } else if (this.handlerMode == 'move') {\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this,\n-                // Handle this event while hovering OR moving\n-                {\n-                    'pause': this.handleEvent,\n-                    'move': this.handleEvent\n-                },\n-                this.handlerOptions\n-            );\n-        }\n-        if (this.handler) {\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister('moveend', this, this.update);\n+            this.map.removeLayer(this.gratLayer);\n             return true;\n         } else {\n             return false;\n         }\n     },\n-\n     /**\n-     * Constructor: <OpenLayers.Control.UTFGrid>\n+     * Method: update\n      *\n-     * Parameters:\n-     * options - {Object} \n-     */\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.resetHandler();\n-    },\n-\n-    /**\n-     * Method: handleEvent\n-     * Internal method called when specified event is triggered.\n+     * calculates the grid to be displayed and actually draws it\n      * \n-     * This method does several things:\n-     *\n-     * Gets the lonLat of the event.\n-     *\n-     * Loops through the appropriate hit grid layers and gathers the attributes.\n-     *\n-     * Passes the attributes to the callback\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+     * Returns:\n+     * {DOMElement}\n      */\n-    handleEvent: function(evt) {\n-        if (evt == null) {\n-            this.reset();\n+    update: function() {\n+        //wait for the map to be initialized before proceeding\n+        var mapBounds = this.map.getExtent();\n+        if (!mapBounds) {\n             return;\n         }\n \n-        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n-        if (!lonLat) {\n-            return;\n+        //clear out the old grid\n+        this.gratLayer.destroyFeatures();\n+\n+        //get the projection objects required\n+        var llProj = new OpenLayers.Projection(\"EPSG:4326\");\n+        var mapProj = this.map.getProjectionObject();\n+        var mapRes = this.map.getResolution();\n+\n+        //if the map is in lon/lat, then the lines are straight and only one\n+        //point is required\n+        if (mapProj.proj && mapProj.proj.projName == \"longlat\") {\n+            this.numPoints = 1;\n         }\n \n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var infoLookup = {};\n-            var layer, idx;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n-                infoLookup[idx] = layer.getFeatureInfo(lonLat);\n+        //get the map center in EPSG:4326\n+        var mapCenter = this.map.getCenter(); //lon and lat here are really map x and y\n+        var mapCenterLL = new OpenLayers.Pixel(mapCenter.lon, mapCenter.lat);\n+        OpenLayers.Projection.transform(mapCenterLL, mapProj, llProj);\n+\n+        /* This block of code determines the lon/lat interval to use for the\n+         * grid by calculating the diagonal size of one grid cell at the map\n+         * center.  Iterates through the intervals array until the diagonal\n+         * length is less than the targetSize option.\n+         */\n+        //find lat/lon interval that results in a grid of less than the target size\n+        var testSq = this.targetSize * mapRes;\n+        testSq *= testSq; //compare squares rather than doing a square root to save time\n+        var llInterval;\n+        for (var i = 0; i < this.intervals.length; ++i) {\n+            llInterval = this.intervals[i]; //could do this for both x and y??\n+            var delta = llInterval / 2;\n+            var p1 = mapCenterLL.offset({\n+                x: -delta,\n+                y: -delta\n+            }); //test coords in EPSG:4326 space\n+            var p2 = mapCenterLL.offset({\n+                x: delta,\n+                y: delta\n+            });\n+            OpenLayers.Projection.transform(p1, llProj, mapProj); // convert them back to map projection\n+            OpenLayers.Projection.transform(p2, llProj, mapProj);\n+            var distSq = (p1.x - p2.x) * (p1.x - p2.x) + (p1.y - p2.y) * (p1.y - p2.y);\n+            if (distSq <= testSq) {\n+                break;\n             }\n-            this.callback(infoLookup, lonLat, evt.xy);\n         }\n-    },\n+        //alert(llInterval);\n \n-    /**\n-     * APIMethod: callback\n-     * Function to be called when a mouse event corresponds with a location that\n-     *     includes data in one of the configured UTFGrid layers.\n-     *\n-     * Parameters:\n-     * infoLookup - {Object} Keys of this object are layer indexes and can be\n-     *     used to resolve a layer in the map.layers array.  The structure of\n-     *     the property values depend on the data included in the underlying\n-     *     UTFGrid and may be any valid JSON type.  \n-     */\n-    callback: function(infoLookup) {\n-        // to be provided in the constructor\n-    },\n+        //round the LL center to an even number based on the interval\n+        mapCenterLL.x = Math.floor(mapCenterLL.x / llInterval) * llInterval;\n+        mapCenterLL.y = Math.floor(mapCenterLL.y / llInterval) * llInterval;\n+        //TODO adjust for minutses/seconds?\n \n-    /**\n-     * Method: reset\n-     * Calls the callback with null.\n-     */\n-    reset: function(evt) {\n-        this.callback(null);\n-    },\n+        /* The following 2 blocks calculate the nodes of the grid along a \n+         * line of constant longitude (then latitiude) running through the\n+         * center of the map until it reaches the map edge.  The calculation\n+         * goes from the center in both directions to the edge.\n+         */\n+        //get the central longitude line, increment the latitude\n+        var iter = 0;\n+        var centerLonPoints = [mapCenterLL.clone()];\n+        var newPoint = mapCenterLL.clone();\n+        var mapXY;\n+        do {\n+            newPoint = newPoint.offset({\n+                x: 0,\n+                y: llInterval\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLonPoints.unshift(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: 0,\n+                y: -llInterval\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLonPoints.push(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n \n-    /**\n-     * Method: findLayers\n-     * Internal method to get the layers, independent of whether we are\n-     *     inspecting the map or using a client-provided array\n-     *\n-     * The default value of this.layers is null; this causes the \n-     * findLayers method to return ALL UTFGrid layers encountered.\n-     *\n-     * Parameters:\n-     * None\n-     *\n-     * Returns:\n-     * {Array} Layers to handle on each event\n-     */\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n-                layers.push(layer);\n+        //get the central latitude line, increment the longitude\n+        iter = 0;\n+        var centerLatPoints = [mapCenterLL.clone()];\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: -llInterval,\n+                y: 0\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLatPoints.unshift(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: llInterval,\n+                y: 0\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLatPoints.push(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+\n+        //now generate a line for each node in the central lat and lon lines\n+        //first loop over constant longitude\n+        var lines = [];\n+        for (var i = 0; i < centerLatPoints.length; ++i) {\n+            var lon = centerLatPoints[i].x;\n+            var pointList = [];\n+            var labelPoint = null;\n+            var latEnd = Math.min(centerLonPoints[0].y, 90);\n+            var latStart = Math.max(centerLonPoints[centerLonPoints.length - 1].y, -90);\n+            var latDelta = (latEnd - latStart) / this.numPoints;\n+            var lat = latStart;\n+            for (var j = 0; j <= this.numPoints; ++j) {\n+                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n+                gridPoint.transform(llProj, mapProj);\n+                pointList.push(gridPoint);\n+                lat += latDelta;\n+                if (gridPoint.y >= mapBounds.bottom && !labelPoint) {\n+                    labelPoint = gridPoint;\n+                }\n+            }\n+            if (this.labelled) {\n+                //keep track of when this grid line crosses the map bounds to set\n+                //the label position\n+                //labels along the bottom, add 10 pixel offset up into the map\n+                //TODO add option for labels on top\n+                var labelPos = new OpenLayers.Geometry.Point(labelPoint.x, mapBounds.bottom);\n+                var labelAttrs = {\n+                    value: lon,\n+                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lon, \"lon\", this.labelFormat) : \"\",\n+                    labelAlign: \"cb\",\n+                    xOffset: 0,\n+                    yOffset: 2\n+                };\n+                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n             }\n+            var geom = new OpenLayers.Geometry.LineString(pointList);\n+            lines.push(new OpenLayers.Feature.Vector(geom));\n         }\n-        return layers;\n+\n+        //now draw the lines of constant latitude\n+        for (var j = 0; j < centerLonPoints.length; ++j) {\n+            lat = centerLonPoints[j].y;\n+            if (lat < -90 || lat > 90) { //latitudes only valid between -90 and 90\n+                continue;\n+            }\n+            var pointList = [];\n+            var lonStart = centerLatPoints[0].x;\n+            var lonEnd = centerLatPoints[centerLatPoints.length - 1].x;\n+            var lonDelta = (lonEnd - lonStart) / this.numPoints;\n+            var lon = lonStart;\n+            var labelPoint = null;\n+            for (var i = 0; i <= this.numPoints; ++i) {\n+                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n+                gridPoint.transform(llProj, mapProj);\n+                pointList.push(gridPoint);\n+                lon += lonDelta;\n+                if (gridPoint.x < mapBounds.right) {\n+                    labelPoint = gridPoint;\n+                }\n+            }\n+            if (this.labelled) {\n+                //keep track of when this grid line crosses the map bounds to set\n+                //the label position\n+                //labels along the right, 30 pixel offset left into the map\n+                //TODO add option for labels on left\n+                var labelPos = new OpenLayers.Geometry.Point(mapBounds.right, labelPoint.y);\n+                var labelAttrs = {\n+                    value: lat,\n+                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lat, \"lat\", this.labelFormat) : \"\",\n+                    labelAlign: \"rb\",\n+                    xOffset: -2,\n+                    yOffset: 2\n+                };\n+                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n+            }\n+            var geom = new OpenLayers.Geometry.LineString(pointList);\n+            lines.push(new OpenLayers.Feature.Vector(geom));\n+        }\n+        this.gratLayer.addFeatures(lines);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n+    CLASS_NAME: \"OpenLayers.Control.Graticule\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Control/DragFeature.js\n+    OpenLayers/Control/Zoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- * @requires OpenLayers/Handler/Feature.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Control.DragFeature\n- * The DragFeature control moves a feature with a drag of the mouse. Create a\n- * new control with the <OpenLayers.Control.DragFeature> constructor.\n+ * Class: OpenLayers.Control.Zoom\n+ * The Zoom control is a pair of +/- links for zooming in and out.\n  *\n- * Inherits From:\n+ * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict dragging to a limited set of geometry types,\n-     *     send a list of strings corresponding to the geometry class names.\n-     */\n-    geometryTypes: null,\n-\n-    /**\n-     * APIProperty: onStart\n-     * {Function} Define this function if you want to know when a drag starts.\n-     *     The function should expect to receive two arguments: the feature\n-     *     that is about to be dragged and the pixel location of the mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that is about to be\n-     *     dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onStart: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onDrag\n-     * {Function} Define this function if you want to know about each move of a\n-     *     feature. The function should expect to receive two arguments: the\n-     *     feature that is being dragged and the pixel location of the mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onDrag: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onComplete\n-     * {Function} Define this function if you want to know when a feature is\n-     *     done dragging. The function should expect to receive two arguments:\n-     *     the feature that is being dragged and the pixel location of the\n-     *     mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onComplete: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onEnter\n-     * {Function} Define this function if you want to know when the mouse\n-     *     goes over a feature and thereby makes this feature a candidate\n-     *     for dragging.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that is ready\n-     *     to be dragged.\n-     */\n-    onEnter: function(feature) {},\n-\n-    /**\n-     * APIProperty: onLeave\n-     * {Function} Define this function if you want to know when the mouse\n-     *     goes out of the feature that was dragged.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     */\n-    onLeave: function(feature) {},\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>}\n-     */\n-    feature: null,\n+OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: dragCallbacks\n-     * {Object} The functions that are sent to the drag handler for callback.\n+     * APIProperty: zoomInText\n+     * {String}\n+     * Text for zoom-in link.  Default is \"+\".\n      */\n-    dragCallbacks: {},\n+    zoomInText: \"+\",\n \n     /**\n-     * Property: featureCallbacks\n-     * {Object} The functions that are sent to the feature handler for callback.\n+     * APIProperty: zoomInId\n+     * {String}\n+     * Instead of having the control create a zoom in link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomInLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    featureCallbacks: {},\n+    zoomInId: \"olZoomInLink\",\n \n     /**\n-     * Property: lastPixel\n-     * {<OpenLayers.Pixel>}\n+     * APIProperty: zoomOutText\n+     * {String}\n+     * Text for zoom-out link.  Default is \"\\u2212\".\n      */\n-    lastPixel: null,\n+    zoomOutText: \"\\u2212\",\n \n     /**\n-     * Constructor: OpenLayers.Control.DragFeature\n-     * Create a new control to drag features.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} The layer containing features to be\n-     *     dragged.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n+     * APIProperty: zoomOutId\n+     * {String}\n+     * Instead of having the control create a zoom out link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomOutLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        this.handlers = {\n-            drag: new OpenLayers.Handler.Drag(\n-                this, OpenLayers.Util.extend({\n-                    down: this.downFeature,\n-                    move: this.moveFeature,\n-                    up: this.upFeature,\n-                    out: this.cancel,\n-                    done: this.doneDragging\n-                }, this.dragCallbacks), {\n-                    documentDrag: this.documentDrag\n-                }\n-            ),\n-            feature: new OpenLayers.Handler.Feature(\n-                this, this.layer, OpenLayers.Util.extend({\n-                    // 'click' and 'clickout' callback are for the mobile\n-                    // support: no 'over' or 'out' in touch based browsers.\n-                    click: this.clickFeature,\n-                    clickout: this.clickoutFeature,\n-                    over: this.overFeature,\n-                    out: this.outFeature\n-                }, this.featureCallbacks), {\n-                    geometryTypes: this.geometryTypes\n-                }\n-            )\n-        };\n-    },\n+    zoomOutId: \"olZoomOutLink\",\n \n     /**\n-     * Method: clickFeature\n-     * Called when the feature handler detects a click-in on a feature.\n+     * Method: draw\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * Returns:\n+     * {DOMElement} A reference to the DOMElement containing the zoom links.\n      */\n-    clickFeature: function(feature) {\n-        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n-            this.handlers.drag.dragstart(this.handlers.feature.evt);\n-            // to let the events propagate to the feature handler (click callback)\n-            this.handlers.drag.stopDown = false;\n-        }\n-    },\n+    draw: function() {\n+        var div = OpenLayers.Control.prototype.draw.apply(this),\n+            links = this.getOrCreateLinks(div),\n+            zoomIn = links.zoomIn,\n+            zoomOut = links.zoomOut,\n+            eventsInstance = this.map.events;\n \n-    /**\n-     * Method: clickoutFeature\n-     * Called when the feature handler detects a click-out on a feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    clickoutFeature: function(feature) {\n-        if (this.handlers.feature.touch && this.over) {\n-            this.outFeature(feature);\n-            this.handlers.drag.stopDown = true;\n+        if (zoomOut.parentNode !== div) {\n+            eventsInstance = this.events;\n+            eventsInstance.attachToElement(zoomOut.parentNode);\n         }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass\n-     */\n-    destroy: function() {\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, []);\n-    },\n+        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n \n-    /**\n-     * APIMethod: activate\n-     * Activate the control and the feature handler.\n-     * \n-     * Returns:\n-     * {Boolean} Successfully activated the control and feature handler.\n-     */\n-    activate: function() {\n-        return (this.handlers.feature.activate() &&\n-            OpenLayers.Control.prototype.activate.apply(this, arguments));\n+        this.zoomInLink = zoomIn;\n+        this.zoomOutLink = zoomOut;\n+        return div;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the control and all handlers.\n+     * Method: getOrCreateLinks\n      * \n-     * Returns:\n-     * {Boolean} Successfully deactivated the control.\n-     */\n-    deactivate: function() {\n-        // the return from the handlers is unimportant in this case\n-        this.handlers.drag.deactivate();\n-        this.handlers.feature.deactivate();\n-        this.feature = null;\n-        this.dragging = false;\n-        this.lastPixel = null;\n-        OpenLayers.Element.removeClass(\n-            this.map.viewPortDiv, this.displayClass + \"Over\"\n-        );\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: overFeature\n-     * Called when the feature handler detects a mouse-over on a feature.\n-     *     This activates the drag handler.\n-     *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The selected feature.\n+     * el - {DOMElement}\n      *\n-     * Returns:\n-     * {Boolean} Successfully activated the drag handler.\n+     * Return: \n+     * {Object} Object with zoomIn and zoomOut properties referencing links.\n      */\n-    overFeature: function(feature) {\n-        var activated = false;\n-        if (!this.handlers.drag.dragging) {\n-            this.feature = feature;\n-            this.handlers.drag.activate();\n-            activated = true;\n-            this.over = true;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onEnter(feature);\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = true;\n-            } else {\n-                this.over = false;\n-            }\n+    getOrCreateLinks: function(el) {\n+        var zoomIn = document.getElementById(this.zoomInId),\n+            zoomOut = document.getElementById(this.zoomOutId);\n+        if (!zoomIn) {\n+            zoomIn = document.createElement(\"a\");\n+            zoomIn.href = \"#zoomIn\";\n+            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n+            zoomIn.className = \"olControlZoomIn\";\n+            el.appendChild(zoomIn);\n         }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: downFeature\n-     * Called when the drag handler detects a mouse-down.\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    downFeature: function(pixel) {\n-        this.lastPixel = pixel;\n-        this.onStart(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: moveFeature\n-     * Called when the drag handler detects a mouse-move.  Also calls the\n-     *     optional onDrag method.\n-     * \n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    moveFeature: function(pixel) {\n-        var res = this.map.getResolution();\n-        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x),\n-            res * (this.lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this.feature);\n-        this.lastPixel = pixel;\n-        this.onDrag(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: upFeature\n-     * Called when the drag handler detects a mouse-up.\n-     * \n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    upFeature: function(pixel) {\n-        if (!this.over) {\n-            this.handlers.drag.deactivate();\n+        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n+        if (!zoomOut) {\n+            zoomOut = document.createElement(\"a\");\n+            zoomOut.href = \"#zoomOut\";\n+            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n+            zoomOut.className = \"olControlZoomOut\";\n+            el.appendChild(zoomOut);\n         }\n+        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n+        return {\n+            zoomIn: zoomIn,\n+            zoomOut: zoomOut\n+        };\n     },\n \n     /**\n-     * Method: doneDragging\n-     * Called when the drag handler is done dragging.\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The last event pixel location.  If this event\n-     *     came from a mouseout, this may not be in the map viewport.\n-     */\n-    doneDragging: function(pixel) {\n-        this.onComplete(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: outFeature\n-     * Called when the feature handler detects a mouse-out on a feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that the mouse left.\n+     * Method: onZoomClick\n+     * Called when zoomin/out link is clicked.\n      */\n-    outFeature: function(feature) {\n-        if (!this.handlers.drag.dragging) {\n-            this.over = false;\n-            this.handlers.drag.deactivate();\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, this.displayClass + \"Over\"\n-            );\n-            this.onLeave(feature);\n-            this.feature = null;\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = false;\n-            }\n+    onZoomClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.zoomInLink) {\n+            this.map.zoomIn();\n+        } else if (button === this.zoomOutLink) {\n+            this.map.zoomOut();\n         }\n     },\n \n-    /**\n-     * Method: cancel\n-     * Called when the drag handler detects a mouse-out (from the map viewport).\n-     */\n-    cancel: function() {\n-        this.handlers.drag.deactivate();\n-        this.over = false;\n-    },\n-\n-    /**\n-     * Method: setMap\n-     * Set the map property for the control and all handlers.\n-     *\n-     * Parameters: \n-     * map - {<OpenLayers.Map>} The control's map.\n+    /** \n+     * Method: destroy\n+     * Clean up.\n      */\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        this.handlers.feature.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n+        }\n+        delete this.zoomInLink;\n+        delete this.zoomOutLink;\n+        OpenLayers.Control.prototype.destroy.apply(this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n+    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Geolocate.js\n+    OpenLayers/Control/CacheRead.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Geolocate\n- * The Geolocate control wraps w3c geolocation API into control that can be\n- * bound to a map, and generate events on location update\n- *\n- * To use this control requires to load the proj4js library if the projection\n- * of the map is not EPSG:4326 or EPSG:900913.\n+ * Class: OpenLayers.Control.CacheRead\n+ * A control for using image tiles cached with <OpenLayers.Control.CacheWrite>\n+ * from the browser's local storage.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * locationupdated - Triggered when browser return a new position. Listeners will \n-     *     receive an object with a 'position' property which is the browser.geolocation.position\n-     *     native object, as well as a 'point' property which is the location transformed in the \n-     *     current map projection.\n-     * locationfailed - Triggered when geolocation has failed\n-     * locationuncapable - Triggered when control is activated on a browser\n-     *     which doesn't support geolocation\n-     */\n-\n-    /**\n-     * Property: geolocation\n-     * {Object} The geolocation engine, as a property to be possibly mocked.\n-     * This is set lazily to avoid a memory leak in IE9.\n-     */\n-    geolocation: null,\n-\n-    /**\n-     * Property: available\n-     * {Boolean} The navigator.geolocation object is available.\n-     */\n-    available: ('geolocation' in navigator),\n+OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: bind\n-     * {Boolean} If true, map center will be set on location update.\n+     * APIProperty: fetchEvent\n+     * {String} The layer event to listen to for replacing remote resource tile\n+     *     URLs with cached data URIs. Supported values are \"tileerror\" (try\n+     *     remote first, fall back to cached) and \"tileloadstart\" (try cache\n+     *     first, fall back to remote). Default is \"tileloadstart\".\n+     *\n+     *     Note that \"tileerror\" will not work for CORS enabled images (see\n+     *     https://developer.mozilla.org/en/CORS_Enabled_Image), i.e. layers\n+     *     configured with a <OpenLayers.Tile.Image.crossOriginKeyword> in\n+     *     <OpenLayers.Layer.Grid.tileOptions>.\n      */\n-    bind: true,\n+    fetchEvent: \"tileloadstart\",\n \n     /**\n-     * APIProperty: watch\n-     * {Boolean} If true, position will be update regularly.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, only these\n+     *     layers will receive tiles from the cache.\n      */\n-    watch: false,\n+    layers: null,\n \n     /**\n-     * APIProperty: geolocationOptions\n-     * {Object} Options to pass to the navigator's geolocation API. See\n-     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n-     *     option is passed to the geolocation API by default.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    geolocationOptions: null,\n+    autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Control.Geolocate\n-     * Create a new control to deal with browser geolocation API\n+     * Constructor: OpenLayers.Control.CacheRead\n      *\n+     * Parameters:\n+     * options - {Object} Object with API properties for this control\n      */\n \n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     *\n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            // set lazily to avoid IE9 memory leak\n-            this.geolocation = navigator.geolocation;\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false;\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            });\n         }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(\n-                    OpenLayers.Function.bind(this.geolocate, this),\n-                    OpenLayers.Function.bind(this.failure, this),\n-                    this.geolocationOptions\n-                );\n-            } else {\n-                this.getCurrentLocation();\n-            }\n-            return true;\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n         }\n-        return false;\n     },\n \n     /**\n-     * Method: deactivate\n-     * Deactivates the control.\n+     * Method: addLayer\n+     * Adds a layer to the control. Once added, tiles requested for this layer\n+     *     will be cached.\n      *\n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n+     * Parameters:\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n      */\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId);\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n+    addLayer: function(evt) {\n+        evt.layer.events.register(this.fetchEvent, this, this.fetch);\n     },\n \n     /**\n-     * Method: geolocate\n-     * Activates the control.\n+     * Method: removeLayer\n+     * Removes a layer from the control. Once removed, tiles requested for this\n+     *     layer will no longer be cached.\n      *\n+     * Parameters:\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n      */\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(\n-            position.coords.longitude,\n-            position.coords.latitude\n-        ).transform(\n-            new OpenLayers.Projection(\"EPSG:4326\"),\n-            this.map.getProjectionObject()\n-        );\n-        if (this.bind) {\n-            this.map.setCenter(center);\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(\n-                center.lon, center.lat\n-            )\n-        });\n+    removeLayer: function(evt) {\n+        evt.layer.events.unregister(this.fetchEvent, this, this.fetch);\n     },\n \n     /**\n-     * APIMethod: getCurrentLocation\n+     * Method: fetch\n+     * Listener to the <fetchEvent> event. Replaces a tile's url with a data\n+     * URI from the cache.\n      *\n-     * Returns:\n-     * {Boolean} Returns true if a event will be fired (successfull\n-     * registration)\n+     * Parameters:\n+     * evt - {Object} Event object with a tile property.\n      */\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false;\n+    fetch: function(evt) {\n+        if (this.active && window.localStorage &&\n+            evt.tile instanceof OpenLayers.Tile.Image) {\n+            var tile = evt.tile,\n+                url = tile.url;\n+            // deal with modified tile urls when both CacheWrite and CacheRead\n+            // are active\n+            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost &&\n+                url.indexOf(OpenLayers.ProxyHost) === 0) {\n+                url = OpenLayers.Control.CacheWrite.urlMap[url];\n+            }\n+            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n+            if (dataURI) {\n+                tile.url = dataURI;\n+                if (evt.type === \"tileerror\") {\n+                    tile.setImgSrc(dataURI);\n+                }\n+            }\n         }\n-        this.geolocation.getCurrentPosition(\n-            OpenLayers.Function.bind(this.geolocate, this),\n-            OpenLayers.Function.bind(this.failure, this),\n-            this.geolocationOptions\n-        );\n-        return true;\n     },\n \n     /**\n-     * Method: failure\n-     * method called on browser's geolocation failure\n-     *\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        });\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                });\n+            }\n+        }\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n });\n /* ======================================================================\n     OpenLayers/Control/Split.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -50118,893 +48070,727 @@\n         }\n         OpenLayers.Control.prototype.destroy.call(this);\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.Split\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Panel.js\n+    OpenLayers/Control/NavigationHistory.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Panel\n- * The Panel control is a container for other controls. With it toolbars\n- * may be composed.\n+ * Class: OpenLayers.Control.NavigationHistory\n+ * A navigation history control.  This is a meta-control, that creates two\n+ *     dependent controls: <previous> and <next>.  Call the trigger method\n+ *     on the <previous> and <next> controls to restore previous and next\n+ *     history states.  The previous and next controls will become active\n+ *     when there are available states to restore and will become deactive\n+ *     when there are no states to restore.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n+\n     /**\n-     * Property: controls\n-     * {Array(<OpenLayers.Control>)}\n+     * Property: type\n+     * {String} Note that this control is not intended to be added directly\n+     *     to a control panel.  Instead, add the sub-controls previous and\n+     *     next.  These sub-controls are button type controls that activate\n+     *     and deactivate themselves.  If this parent control is added to\n+     *     a panel, it will act as a toggle.\n      */\n-    controls: null,\n+    type: OpenLayers.Control.TYPE_TOGGLE,\n+\n+    /**\n+     * APIProperty: previous\n+     * {<OpenLayers.Control>} A button type control whose trigger method restores\n+     *     the previous state managed by this control.\n+     */\n+    previous: null,\n+\n+    /**\n+     * APIProperty: previousOptions\n+     * {Object} Set this property on the options argument of the constructor\n+     *     to set optional properties on the <previous> control.\n+     */\n+    previousOptions: null,\n+\n+    /**\n+     * APIProperty: next\n+     * {<OpenLayers.Control>} A button type control whose trigger method restores\n+     *     the next state managed by this control.\n+     */\n+    next: null,\n+\n+    /**\n+     * APIProperty: nextOptions\n+     * {Object} Set this property on the options argument of the constructor\n+     *     to set optional properties on the <next> control.\n+     */\n+    nextOptions: null,\n+\n+    /**\n+     * APIProperty: limit\n+     * {Integer} Optional limit on the number of history items to retain.  If\n+     *     null, there is no limit.  Default is 50.\n+     */\n+    limit: 50,\n \n     /**\n      * APIProperty: autoActivate\n      * {Boolean} Activate the control when it is added to a map.  Default is\n      *     true.\n      */\n     autoActivate: true,\n \n-    /** \n-     * APIProperty: defaultControl\n-     * {<OpenLayers.Control>} The control which is activated when the control is\n-     * activated (turned on), which also happens at instantiation.\n-     * If <saveState> is true, <defaultControl> will be nullified after the\n-     * first activation of the panel.\n+    /**\n+     * Property: clearOnDeactivate\n+     * {Boolean} Clear the history when the control is deactivated.  Default\n+     *     is false.\n      */\n-    defaultControl: null,\n+    clearOnDeactivate: false,\n \n     /**\n-     * APIProperty: saveState\n-     * {Boolean} If set to true, the active state of this panel's controls will\n-     * be stored on panel deactivation, and restored on reactivation. Default\n-     * is false.\n+     * Property: registry\n+     * {Object} An object with keys corresponding to event types.  Values\n+     *     are functions that return an object representing the current state.\n      */\n-    saveState: false,\n+    registry: null,\n \n     /**\n-     * APIProperty: allowDepress\n-     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n-     *     be deactivated by clicking the icon that represents them.  Default \n-     *     is false.\n+     * Property: nextStack\n+     * {Array} Array of items in the history.\n      */\n-    allowDepress: false,\n+    nextStack: null,\n \n     /**\n-     * Property: activeState\n-     * {Object} stores the active state of this panel's controls.\n+     * Property: previousStack\n+     * {Array} List of items in the history.  First item represents the current\n+     *     state.\n      */\n-    activeState: null,\n+    previousStack: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.Panel\n-     * Create a new control panel.\n-     *\n-     * Each control in the panel is represented by an icon. When clicking \n-     *     on an icon, the <activateControl> method is called.\n-     *\n-     * Specific properties for controls on a panel:\n-     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n-     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n-     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n-     * title - {string} Text displayed when mouse is over the icon that \n-     *     represents the control.     \n-     *\n-     * The <OpenLayers.Control.type> of a control determines the behavior when\n-     * clicking its icon:\n-     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n-     *     controls of this type in the same panel are deactivated. This is\n-     *     the default type.\n-     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n-     *     toggled.\n-     * <OpenLayers.Control.TYPE_BUTTON> - The\n-     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n-     *     but its active state is not changed.\n-     *\n-     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n-     * olControl[Name]ItemActive class, otherwise with the\n-     * olControl[Name]ItemInactive class.\n-     *\n+     * Property: listeners\n+     * {Object} An object containing properties corresponding to event types.\n+     *     This object is used to configure the control and is modified on\n+     *     construction.\n+     */\n+    listeners: null,\n+\n+    /**\n+     * Property: restoring\n+     * {Boolean} Currently restoring a history state.  This is set to true\n+     *     before calling restore and set to false after restore returns.\n+     */\n+    restoring: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.NavigationHistory \n+     * \n      * Parameters:\n      * options - {Object} An optional object whose properties will be used\n      *     to extend the control.\n      */\n     initialize: function(options) {\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {};\n+\n+        this.registry = OpenLayers.Util.extend({\n+            \"moveend\": this.getState\n+        }, this.registry);\n+\n+        var previousOptions = {\n+            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n+        };\n+        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n+        this.previous = new OpenLayers.Control.Button(previousOptions);\n+\n+        var nextOptions = {\n+            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n+        };\n+        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n+        this.next = new OpenLayers.Control.Button(nextOptions);\n+\n+        this.clear();\n     },\n \n     /**\n-     * APIMethod: destroy\n+     * Method: onPreviousChange\n+     * Called when the previous history stack changes.\n+     *\n+     * Parameters:\n+     * state - {Object} An object representing the state to be restored\n+     *     if previous is triggered again or null if no previous states remain.\n+     * length - {Integer} The number of remaining previous states that can\n+     *     be restored.\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                });\n-            }\n-            ctl.panel_div = null;\n+    onPreviousChange: function(state, length) {\n+        if (state && !this.previous.active) {\n+            this.previous.activate();\n+        } else if (!state && this.previous.active) {\n+            this.previous.deactivate();\n         }\n-        this.activeState = null;\n     },\n \n     /**\n-     * APIMethod: activate\n+     * Method: onNextChange\n+     * Called when the next history stack changes.\n+     *\n+     * Parameters:\n+     * state - {Object} An object representing the state to be restored\n+     *     if next is triggered again or null if no next states remain.\n+     * length - {Integer} The number of remaining next states that can\n+     *     be restored.\n      */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl ||\n-                    (this.saveState && this.activeState[control.id])) {\n-                    control.activate();\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null;\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n+    onNextChange: function(state, length) {\n+        if (state && !this.next.active) {\n+            this.next.activate();\n+        } else if (!state && this.next.active) {\n+            this.next.deactivate();\n         }\n     },\n \n     /**\n-     * APIMethod: deactivate\n+     * APIMethod: destroy\n+     * Destroy the control.\n      */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate();\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n+    destroy: function() {\n+        OpenLayers.Control.prototype.destroy.apply(this);\n+        this.previous.destroy();\n+        this.next.destroy();\n+        this.deactivate();\n+        for (var prop in this) {\n+            this[prop] = null;\n         }\n     },\n \n-    /**\n-     * Method: draw\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control and <previous> and <next> child\n+     *     controls.\n      *\n-     * Returns:\n-     * {DOMElement}\n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div;\n+    setMap: function(map) {\n+        this.map = map;\n+        this.next.setMap(map);\n+        this.previous.setMap(map);\n     },\n \n     /**\n-     * Method: redraw\n+     * Method: draw\n+     * Called when the control is added to the map.\n      */\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i]);\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div);\n-            }\n-        }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.next.draw();\n+        this.previous.draw();\n     },\n \n     /**\n-     * APIMethod: activateControl\n-     * This method is called when the user click on the icon representing a \n-     *     control in the panel.\n+     * Method: previousTrigger\n+     * Restore the previous state.  If no items are in the previous history\n+     *     stack, this has no effect.\n      *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>}\n+     * Returns:\n+     * {Object} Item representing state that was restored.  Undefined if no\n+     *     items are in the previous history stack.\n      */\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate();\n-            } else {\n-                control.activate();\n-            }\n-            return;\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate();\n+    previousTrigger: function() {\n+        var current = this.previousStack.shift();\n+        var state = this.previousStack.shift();\n+        if (state != undefined) {\n+            this.nextStack.unshift(current);\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(\n+                this.previousStack[1], this.previousStack.length - 1\n+            );\n         } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control &&\n-                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate();\n-                }\n-            }\n-            control.activate();\n+            this.previousStack.unshift(current);\n         }\n+        return state;\n     },\n \n     /**\n-     * APIMethod: addControls\n-     * To build a toolbar, you add a set of controls to it. addControls\n-     * lets you add a single control or a list of controls to the \n-     * Control Panel.\n+     * APIMethod: nextTrigger\n+     * Restore the next state.  If no items are in the next history\n+     *     stack, this has no effect.  The next history stack is populated\n+     *     as states are restored from the previous history stack.\n      *\n-     * Parameters:\n-     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n+     * Returns:\n+     * {Object} Item representing state that was restored.  Undefined if no\n+     *     items are in the next history stack.\n      */\n-    addControls: function(controls) {\n-        if (!(OpenLayers.Util.isArray(controls))) {\n-            controls = [controls];\n-        }\n-        this.controls = this.controls.concat(controls);\n-\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element,\n-                control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title;\n-            }\n-            control.panel_div = element;\n+    nextTrigger: function() {\n+        var state = this.nextStack.shift();\n+        if (state != undefined) {\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(\n+                this.previousStack[1], this.previousStack.length - 1\n+            );\n         }\n+        return state;\n+    },\n \n-        if (this.map) { // map.addControl() has already been called on the panel\n-            this.addControlsToMap(controls);\n-            this.redraw();\n-        }\n+    /**\n+     * APIMethod: clear\n+     * Clear history.\n+     */\n+    clear: function() {\n+        this.previousStack = [];\n+        this.previous.deactivate();\n+        this.nextStack = [];\n+        this.next.deactivate();\n     },\n \n     /**\n-     * APIMethod: createControlMarkup\n-     * This function just creates a div for the control. If specific HTML\n-     * markup is needed this function can be overridden in specific classes,\n-     * or at panel instantiation time:\n-     *\n-     * Example:\n-     * (code)\n-     * var panel = new OpenLayers.Control.Panel({\n-     *     defaultControl: control,\n-     *     // ovverride createControlMarkup to create actual buttons\n-     *     // including texts wrapped into span elements.\n-     *     createControlMarkup: function(control) {\n-     *         var button = document.createElement('button'),\n-     *             span = document.createElement('span');\n-     *         if (control.text) {\n-     *             span.innerHTML = control.text;\n-     *         }\n-     *         return button;\n-     *     }\n-     *  });\n-     * (end)\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control to create the HTML\n-     *     markup for.\n+     * Method: getState\n+     * Get the current state and return it.\n      *\n      * Returns:\n-     * {DOMElement} The markup.\n+     * {Object} An object representing the current state.\n      */\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\");\n+    getState: function() {\n+        return {\n+            center: this.map.getCenter(),\n+            resolution: this.map.getResolution(),\n+            projection: this.map.getProjectionObject(),\n+            units: this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units\n+        };\n     },\n \n     /**\n-     * Method: addControlsToMap\n-     * Only for internal use in draw() and addControls() methods.\n+     * Method: restore\n+     * Update the state with the given object.\n      *\n      * Parameters:\n-     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n+     * state - {Object} An object representing the state to restore.\n      */\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true;\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate();\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            });\n+    restore: function(state) {\n+        var center, zoom;\n+        if (this.map.getProjectionObject() == state.projection) {\n+            zoom = this.map.getZoomForResolution(state.resolution);\n+            center = state.center;\n+        } else {\n+            center = state.center.clone();\n+            center.transform(state.projection, this.map.getProjectionObject());\n+            var sourceUnits = state.units;\n+            var targetUnits = this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units;\n+            var resolutionFactor = sourceUnits && targetUnits ?\n+                OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution);\n         }\n+        this.map.setCenter(center, zoom);\n     },\n \n     /**\n-     * Method: iconOn\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOn: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\");\n-    },\n-\n-    /**\n-     * Method: iconOff\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOff: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\");\n-    },\n-\n-    /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * Method: setListeners\n+     * Sets functions to be registered in the listeners object.\n      */\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break;\n-            }\n+    setListeners: function() {\n+        this.listeners = {};\n+        for (var type in this.registry) {\n+            this.listeners[type] = OpenLayers.Function.bind(function() {\n+                if (!this.restoring) {\n+                    var state = this.registry[type].apply(this, arguments);\n+                    this.previousStack.unshift(state);\n+                    if (this.previousStack.length > 1) {\n+                        this.onPreviousChange(\n+                            this.previousStack[1], this.previousStack.length - 1\n+                        );\n+                    }\n+                    if (this.previousStack.length > (this.limit + 1)) {\n+                        this.previousStack.pop();\n+                    }\n+                    if (this.nextStack.length > 0) {\n+                        this.nextStack = [];\n+                        this.onNextChange(null, 0);\n+                    }\n+                }\n+                return true;\n+            }, this);\n         }\n     },\n \n     /**\n-     * APIMethod: getControlsBy\n-     * Get a list of controls with properties matching the given criteria.\n-     *\n-     * Parameters:\n-     * property - {String} A control property to be matched.\n-     * match - {String | Object} A string to match.  Can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     match.test(control[property]) evaluates to true, the control will be\n-     *     included in the array returned.  If no controls are found, an empty\n-     *     array is returned.\n+     * APIMethod: activate\n+     * Activate the control.  This registers any listeners.\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n-     *     An empty array is returned if no matches are found.\n+     * {Boolean} Control successfully activated.\n      */\n-    getControlsBy: function(property, match) {\n-        var test = (typeof match.test == \"function\");\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || (test && match.test(item[property]));\n-        });\n-        return found;\n+    activate: function() {\n+        var activated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.activate.apply(this)) {\n+                if (this.listeners == null) {\n+                    this.setListeners();\n+                }\n+                for (var type in this.listeners) {\n+                    this.map.events.register(type, this, this.listeners[type]);\n+                }\n+                activated = true;\n+                if (this.previousStack.length == 0) {\n+                    this.initStack();\n+                }\n+            }\n+        }\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: getControlsByName\n-     * Get a list of contorls with names matching the given name.\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control name.  The name can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     name.test(control.name) evaluates to true, the control will be included\n-     *     in the list of controls returned.  If no controls are found, an empty\n-     *     array is returned.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n-     *     An empty array is returned if no matches are found.\n+     * Method: initStack\n+     * Called after the control is activated if the previous history stack is\n+     *     empty.\n      */\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match);\n+    initStack: function() {\n+        if (this.map.getCenter()) {\n+            this.listeners.moveend();\n+        }\n     },\n \n     /**\n-     * APIMethod: getControlsByClass\n-     * Get a list of controls of a given type (CLASS_NAME).\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control class name.  The type can also be a\n-     *     regular expression literal or object.  In addition, it can be any\n-     *     object with a method named test.  For reqular expressions or other,\n-     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n-     *     be included in the list of controls returned.  If no controls are\n-     *     found, an empty array is returned.\n+     * APIMethod: deactivate\n+     * Deactivate the control.  This unregisters any listeners.\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n-     *     An empty array is returned if no matches are found.\n+     * {Boolean} Control successfully deactivated.\n      */\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match);\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n+                for (var type in this.listeners) {\n+                    this.map.events.unregister(\n+                        type, this, this.listeners[type]\n+                    );\n+                }\n+                if (this.clearOnDeactivate) {\n+                    this.clear();\n+                }\n+                deactivated = true;\n+            }\n+        }\n+        return deactivated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n+    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n });\n \n /* ======================================================================\n-    OpenLayers/Control/Attribution.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Attribution\n- * The attribution control adds attribution from layers to the map display. \n- * It uses 'attribution' property of each layer.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Attribution =\n-    OpenLayers.Class(OpenLayers.Control, {\n-\n-        /**\n-         * APIProperty: separator\n-         * {String} String used to separate layers.\n-         */\n-        separator: \", \",\n-\n-        /**\n-         * APIProperty: template\n-         * {String} Template for the attribution. This has to include the substring\n-         *     \"${layers}\", which will be replaced by the layer specific\n-         *     attributions, separated by <separator>. The default is \"${layers}\".\n-         */\n-        template: \"${layers}\",\n-\n-        /**\n-         * Constructor: OpenLayers.Control.Attribution \n-         * \n-         * Parameters:\n-         * options - {Object} Options for control.\n-         */\n-\n-        /** \n-         * Method: destroy\n-         * Destroy control.\n-         */\n-        destroy: function() {\n-            this.map.events.un({\n-                \"removelayer\": this.updateAttribution,\n-                \"addlayer\": this.updateAttribution,\n-                \"changelayer\": this.updateAttribution,\n-                \"changebaselayer\": this.updateAttribution,\n-                scope: this\n-            });\n-\n-            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: draw\n-         * Initialize control.\n-         * \n-         * Returns: \n-         * {DOMElement} A reference to the DIV DOMElement containing the control\n-         */\n-        draw: function() {\n-            OpenLayers.Control.prototype.draw.apply(this, arguments);\n-\n-            this.map.events.on({\n-                'changebaselayer': this.updateAttribution,\n-                'changelayer': this.updateAttribution,\n-                'addlayer': this.updateAttribution,\n-                'removelayer': this.updateAttribution,\n-                scope: this\n-            });\n-            this.updateAttribution();\n-\n-            return this.div;\n-        },\n-\n-        /**\n-         * Method: updateAttribution\n-         * Update attribution string.\n-         */\n-        updateAttribution: function() {\n-            var attributions = [];\n-            if (this.map && this.map.layers) {\n-                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                    var layer = this.map.layers[i];\n-                    if (layer.attribution && layer.getVisibility()) {\n-                        // add attribution only if attribution text is unique\n-                        if (OpenLayers.Util.indexOf(\n-                                attributions, layer.attribution) === -1) {\n-                            attributions.push(layer.attribution);\n-                        }\n-                    }\n-                }\n-                this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                    layers: attributions.join(this.separator)\n-                });\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Control/ZoomIn.js\n+    OpenLayers/Control/ZoomToMaxExtent.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomIn\n- * The ZoomIn control is a button to increase the zoom level of a map.\n- *\n+ * Class: OpenLayers.Control.ZoomToMaxExtent \n+ * The ZoomToMaxExtent control is a button that zooms out to the maximum\n+ * extent of the map. It is designed to be used with a \n+ * <OpenLayers.Control.Panel>.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n+OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /**\n      * Method: trigger\n+     * \n+     * Called whenever this control is being rendered inside of a panel and a \n+     *     click occurs on this controls element. Actually zooms to the maximum\n+     *     extent of this controls map.\n      */\n     trigger: function() {\n         if (this.map) {\n-            this.map.zoomIn();\n+            this.map.zoomToMaxExtent();\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WMSGetFeatureInfo.js\n+    OpenLayers/Control/UTFGrid.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Hover.js\n+ * @requires OpenLayers/Handler/Click.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSGetFeatureInfo\n- * Class to read GetFeatureInfo responses from Web Mapping Services\n+ * Class: OpenLayers.Control.UTFGrid\n+ *\n+ * This Control provides behavior associated with UTFGrid Layers.\n+ * These 'hit grids' provide underlying feature attributes without\n+ * calling the server (again). This control allows Mousemove, Hovering \n+ * and Click events to trigger callbacks that use the attributes in \n+ * whatever way you need. \n+ *\n+ * The most common example may be a UTFGrid layer containing feature\n+ * attributes that are displayed in a div as you mouseover.\n+ *\n+ * Example Code:\n+ *\n+ * (start code)\n+ * var world_utfgrid = new OpenLayers.Layer.UTFGrid( \n+ *     'UTFGrid Layer', \n+ *     \"http://tiles/world_utfgrid/${z}/${x}/${y}.json\"\n+ * );\n+ * map.addLayer(world_utfgrid);\n+ * \n+ * var control = new OpenLayers.Control.UTFGrid({\n+ *     layers: [world_utfgrid],\n+ *     handlerMode: 'move',\n+ *     callback: function(infoLookup) {\n+ *         // do something with returned data\n+ *\n+ *     }\n+ * })\n+ * (end code)\n+ *\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: layerIdentifier\n-     * {String} All xml nodes containing this search criteria will populate an\n-     *     internal array of layer nodes.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    layerIdentifier: '_layer',\n+    autoActivate: true,\n \n-    /**\n-     * APIProperty: featureIdentifier\n-     * {String} All xml nodes containing this search criteria will populate an \n-     *     internal array of feature nodes for each layer node found.\n+    /** \n+     * APIProperty: Layers\n+     * List of layers to consider. Must be Layer.UTFGrids\n+     * `null` is the default indicating all UTFGrid Layers are queried.\n+     * {Array} <OpenLayers.Layer.UTFGrid> \n      */\n-    featureIdentifier: '_feature',\n+    layers: null,\n \n-    /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+    /* Property: defaultHandlerOptions\n+     * The default opts passed to the handler constructors\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n+    defaultHandlerOptions: {\n+        'delay': 300,\n+        'pixelTolerance': 4,\n+        'stopMove': false,\n+        'single': true,\n+        'double': false,\n+        'stopSingle': false,\n+        'stopDouble': false\n     },\n \n-    /**\n-     * Property: gmlFormat\n-     * {<OpenLayers.Format.GML>} internal GML format for parsing geometries\n-     *     in msGMLOutput\n+    /* APIProperty: handlerMode\n+     * Defaults to 'click'. Can be 'hover' or 'move'.\n      */\n-    gmlFormat: null,\n+    handlerMode: 'click',\n \n     /**\n-     * Constructor: OpenLayers.Format.WMSGetFeatureInfo\n-     * Create a new parser for WMS GetFeatureInfo responses\n+     * APIMethod: setHandler\n+     * sets this.handlerMode and calls resetHandler()\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * hm - {String} Handler Mode string; 'click', 'hover' or 'move'.\n      */\n+    setHandler: function(hm) {\n+        this.handlerMode = hm;\n+        this.resetHandler();\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read WMS GetFeatureInfo data from a string, and return an array of features\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n+     * Method: resetHandler\n+     * Deactivates the old hanlder and creates a new\n+     * <OpenLayers.Handler> based on the mode specified in\n+     * this.handlerMode\n      *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} An array of features.\n      */\n-    read: function(data) {\n-        var result;\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+    resetHandler: function() {\n+        if (this.handler) {\n+            this.handler.deactivate();\n+            this.handler.destroy();\n+            this.handler = null;\n         }\n-        var root = data.documentElement;\n-        if (root) {\n-            var scope = this;\n-            var read = this[\"read_\" + root.nodeName];\n-            if (read) {\n-                result = read.call(this, root);\n-            } else {\n-                // fall-back to GML since this is a common output format for WMS\n-                // GetFeatureInfo responses\n-                result = new OpenLayers.Format.GML((this.options ? this.options : {})).read(data);\n-            }\n+\n+        if (this.handlerMode == 'hover') {\n+            // Handle this event on hover\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this, {\n+                    'pause': this.handleEvent,\n+                    'move': this.reset\n+                },\n+                this.handlerOptions\n+            );\n+        } else if (this.handlerMode == 'click') {\n+            // Handle this event on click\n+            this.handler = new OpenLayers.Handler.Click(\n+                this, {\n+                    'click': this.handleEvent\n+                }, this.handlerOptions\n+            );\n+        } else if (this.handlerMode == 'move') {\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this,\n+                // Handle this event while hovering OR moving\n+                {\n+                    'pause': this.handleEvent,\n+                    'move': this.handleEvent\n+                },\n+                this.handlerOptions\n+            );\n+        }\n+        if (this.handler) {\n+            return true;\n         } else {\n-            result = data;\n+            return false;\n         }\n-        return result;\n     },\n \n-\n     /**\n-     * Method: read_msGMLOutput\n-     * Parse msGMLOutput nodes.\n+     * Constructor: <OpenLayers.Control.UTFGrid>\n      *\n      * Parameters:\n-     * data - {DOMElement}\n-     *\n-     * Returns:\n-     * {Array}\n+     * options - {Object} \n      */\n-    read_msGMLOutput: function(data) {\n-        var response = [];\n-        var layerNodes = this.getSiblingNodesByTagCriteria(data,\n-            this.layerIdentifier);\n-        if (layerNodes) {\n-            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n-                var node = layerNodes[i];\n-                var layerName = node.nodeName;\n-                if (node.prefix) {\n-                    layerName = layerName.split(':')[1];\n-                }\n-                var layerName = layerName.replace(this.layerIdentifier, '');\n-                var featureNodes = this.getSiblingNodesByTagCriteria(node,\n-                    this.featureIdentifier);\n-                if (featureNodes) {\n-                    for (var j = 0; j < featureNodes.length; j++) {\n-                        var featureNode = featureNodes[j];\n-                        var geomInfo = this.parseGeometry(featureNode);\n-                        var attributes = this.parseAttributes(featureNode);\n-                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry,\n-                            attributes, null);\n-                        feature.bounds = geomInfo.bounds;\n-                        feature.type = layerName;\n-                        response.push(feature);\n-                    }\n-                }\n-            }\n-        }\n-        return response;\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.resetHandler();\n     },\n \n     /**\n-     * Method: read_FeatureInfoResponse\n-     * Parse FeatureInfoResponse nodes.\n+     * Method: handleEvent\n+     * Internal method called when specified event is triggered.\n+     * \n+     * This method does several things:\n      *\n-     * Parameters:\n-     * data - {DOMElement}\n+     * Gets the lonLat of the event.\n      *\n-     * Returns:\n-     * {Array}\n+     * Loops through the appropriate hit grid layers and gathers the attributes.\n+     *\n+     * Passes the attributes to the callback\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n      */\n-    read_FeatureInfoResponse: function(data) {\n-        var response = [];\n-        var featureNodes = this.getElementsByTagNameNS(data, '*',\n-            'FIELDS');\n+    handleEvent: function(evt) {\n+        if (evt == null) {\n+            this.reset();\n+            return;\n+        }\n \n-        for (var i = 0, len = featureNodes.length; i < len; i++) {\n-            var featureNode = featureNodes[i];\n-            var geom = null;\n+        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n+        if (!lonLat) {\n+            return;\n+        }\n \n-            // attributes can be actual attributes on the FIELDS tag, \n-            // or FIELD children\n-            var attributes = {};\n-            var j;\n-            var jlen = featureNode.attributes.length;\n-            if (jlen > 0) {\n-                for (j = 0; j < jlen; j++) {\n-                    var attribute = featureNode.attributes[j];\n-                    attributes[attribute.nodeName] = attribute.nodeValue;\n-                }\n-            } else {\n-                var nodes = featureNode.childNodes;\n-                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n-                    var node = nodes[j];\n-                    if (node.nodeType != 3) {\n-                        attributes[node.getAttribute(\"name\")] =\n-                            node.getAttribute(\"value\");\n-                    }\n-                }\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var infoLookup = {};\n+            var layer, idx;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                layer = layers[i];\n+                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n+                infoLookup[idx] = layer.getFeatureInfo(lonLat);\n             }\n-\n-            response.push(\n-                new OpenLayers.Feature.Vector(geom, attributes, null)\n-            );\n+            this.callback(infoLookup, lonLat, evt.xy);\n         }\n-        return response;\n     },\n \n     /**\n-     * Method: getSiblingNodesByTagCriteria\n-     * Recursively searches passed xml node and all it's descendant levels for \n-     *     nodes whose tagName contains the passed search string. This returns an \n-     *     array of all sibling nodes which match the criteria from the highest \n-     *     hierarchial level from which a match is found.\n-     * \n+     * APIMethod: callback\n+     * Function to be called when a mouse event corresponds with a location that\n+     *     includes data in one of the configured UTFGrid layers.\n+     *\n      * Parameters:\n-     * node - {DOMElement} An xml node\n-     * criteria - {String} Search string which will match some part of a tagName \n-     *                                       \n-     * Returns:\n-     * Array({DOMElement}) An array of sibling xml nodes\n+     * infoLookup - {Object} Keys of this object are layer indexes and can be\n+     *     used to resolve a layer in the map.layers array.  The structure of\n+     *     the property values depend on the data included in the underlying\n+     *     UTFGrid and may be any valid JSON type.  \n      */\n-    getSiblingNodesByTagCriteria: function(node, criteria) {\n-        var nodes = [];\n-        var children, tagName, n, matchNodes, child;\n-        if (node && node.hasChildNodes()) {\n-            children = node.childNodes;\n-            n = children.length;\n-\n-            for (var k = 0; k < n; k++) {\n-                child = children[k];\n-                while (child && child.nodeType != 1) {\n-                    child = child.nextSibling;\n-                    k++;\n-                }\n-                tagName = (child ? child.nodeName : '');\n-                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n-                    nodes.push(child);\n-                } else {\n-                    matchNodes = this.getSiblingNodesByTagCriteria(\n-                        child, criteria);\n-\n-                    if (matchNodes.length > 0) {\n-                        (nodes.length == 0) ?\n-                        nodes = matchNodes: nodes.push(matchNodes);\n-                    }\n-                }\n-            }\n-\n-        }\n-        return nodes;\n+    callback: function(infoLookup) {\n+        // to be provided in the constructor\n     },\n \n     /**\n-     * Method: parseAttributes\n-     *\n-     * Parameters:\n-     * node - {<DOMElement>}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n-     * \n-     * Notes:\n-     * Assumes that attributes are direct child xml nodes of the passed node\n-     * and contain only a single text node. \n+     * Method: reset\n+     * Calls the callback with null.\n      */\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        if (node.nodeType == 1) {\n-            var children = node.childNodes;\n-            var n = children.length;\n-            for (var i = 0; i < n; ++i) {\n-                var child = children[i];\n-                if (child.nodeType == 1) {\n-                    var grandchildren = child.childNodes;\n-                    var name = (child.prefix) ?\n-                        child.nodeName.split(\":\")[1] : child.nodeName;\n-                    if (grandchildren.length == 0) {\n-                        attributes[name] = null;\n-                    } else if (grandchildren.length == 1) {\n-                        var grandchild = grandchildren[0];\n-                        if (grandchild.nodeType == 3 ||\n-                            grandchild.nodeType == 4) {\n-                            var value = grandchild.nodeValue.replace(\n-                                this.regExes.trimSpace, \"\");\n-                            attributes[name] = value;\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes;\n+    reset: function(evt) {\n+        this.callback(null);\n     },\n \n     /**\n-     * Method: parseGeometry\n-     * Parse the geometry and the feature bounds out of the node using \n-     *     Format.GML\n+     * Method: findLayers\n+     * Internal method to get the layers, independent of whether we are\n+     *     inspecting the map or using a client-provided array\n+     *\n+     * The default value of this.layers is null; this causes the \n+     * findLayers method to return ALL UTFGrid layers encountered.\n      *\n      * Parameters:\n-     * node - {<DOMElement>}\n+     * None\n      *\n      * Returns:\n-     * {Object} An object containing the geometry and the feature bounds\n+     * {Array} Layers to handle on each event\n      */\n-    parseGeometry: function(node) {\n-        // we need to use the old Format.GML parser since we do not know the \n-        // geometry name\n-        if (!this.gmlFormat) {\n-            this.gmlFormat = new OpenLayers.Format.GML();\n-        }\n-        var feature = this.gmlFormat.parseFeature(node);\n-        var geometry, bounds = null;\n-        if (feature) {\n-            geometry = feature.geometry && feature.geometry.clone();\n-            bounds = feature.bounds && feature.bounds.clone();\n-            feature.destroy();\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n+                layers.push(layer);\n+            }\n         }\n-        return {\n-            geometry: geometry,\n-            bounds: bounds\n-        };\n+        return layers;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n-\n+    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n });\n /* ======================================================================\n     OpenLayers/Control/WMTSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -51407,3931 +49193,4823 @@\n             }\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Pan.js\n+    OpenLayers/Control/KeyboardDefaults.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Button.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Keyboard.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Pan\n- * The Pan control is a single button to pan the map in one direction. For\n- * a more complete control see <OpenLayers.Control.PanPanel>.\n+ * Class: OpenLayers.Control.KeyboardDefaults\n+ * The KeyboardDefaults control adds panning and zooming functions, controlled\n+ * with the keyboard. By default arrow keys pan, +/- keys zoom & Page Up/Page\n+ * Down/Home/End scroll by three quarters of a page.\n+ * \n+ * This control has no visible appearance.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n+OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n \n-    /** \n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n      * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n-     *     by some ratio of the map dimensions, use <slideRatio> instead.\n+     * Pixels to slide by.\n      */\n-    slideFactor: 50,\n+    slideFactor: 75,\n \n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n-     *     pan up half the map height. \n+    /**\n+     * APIProperty: observeElement\n+     * {DOMelement|String} The DOM element to handle keys for. You\n+     *     can use the map div here, to have the navigation keys\n+     *     work when the map div has the focus. If undefined the\n+     *     document is used.\n      */\n-    slideRatio: null,\n+    observeElement: null,\n \n-    /** \n-     * Property: direction\n-     * {String} in {'North', 'South', 'East', 'West'}\n+    /**\n+     * Constructor: OpenLayers.Control.KeyboardDefaults\n      */\n-    direction: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.Pan \n-     * Control which handles the panning (in any of the cardinal directions)\n-     *     of the map by a set px distance. \n+     * Method: draw\n+     * Create handler.\n+     */\n+    draw: function() {\n+        var observeElement = this.observeElement || document;\n+        this.handler = new OpenLayers.Handler.Keyboard(this, {\n+            \"keydown\": this.defaultKeyPress\n+        }, {\n+            observeElement: observeElement\n+        });\n+    },\n+\n+    /**\n+     * Method: defaultKeyPress\n+     * When handling the key event, we only use evt.keyCode. This holds \n+     * some drawbacks, though we get around them below. When interpretting\n+     * the keycodes below (including the comments associated with them),\n+     * consult the URL below. For instance, the Safari browser returns\n+     * \"IE keycodes\", and so is supported by any keycode labeled \"IE\".\n+     * \n+     * Very informative URL:\n+     *    http://unixpapa.com/js/key.html\n      *\n      * Parameters:\n-     * direction - {String} The direction this button should pan.\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * evt - {Event} \n      */\n-    initialize: function(direction, options) {\n+    defaultKeyPress: function(evt) {\n+        var size, handled = true;\n \n-        this.direction = direction;\n-        this.CLASS_NAME += this.direction;\n+        var target = OpenLayers.Event.element(evt);\n+        if (target &&\n+            (target.tagName == 'INPUT' ||\n+                target.tagName == 'TEXTAREA' ||\n+                target.tagName == 'SELECT')) {\n+            return;\n+        }\n \n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-    },\n+        switch (evt.keyCode) {\n+            case OpenLayers.Event.KEY_LEFT:\n+                this.map.pan(-this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_RIGHT:\n+                this.map.pan(this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_UP:\n+                this.map.pan(0, -this.slideFactor);\n+                break;\n+            case OpenLayers.Event.KEY_DOWN:\n+                this.map.pan(0, this.slideFactor);\n+                break;\n \n-    /**\n-     * Method: trigger\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n-                return this.slideRatio ?\n-                    this.map.getSize()[dim] * this.slideRatio :\n-                    this.slideFactor;\n-            }, this);\n+            case 33: // Page Up. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0, -0.75 * size.h);\n+                break;\n+            case 34: // Page Down. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0, 0.75 * size.h);\n+                break;\n+            case 35: // End. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0.75 * size.w, 0);\n+                break;\n+            case 36: // Home. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(-0.75 * size.w, 0);\n+                break;\n \n-            switch (this.direction) {\n-                case OpenLayers.Control.Pan.NORTH:\n-                    this.map.pan(0, -getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.SOUTH:\n-                    this.map.pan(0, getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.WEST:\n-                    this.map.pan(-getSlideFactor(\"w\"), 0);\n-                    break;\n-                case OpenLayers.Control.Pan.EAST:\n-                    this.map.pan(getSlideFactor(\"w\"), 0);\n-                    break;\n-            }\n+            case 43: // +/= (ASCII), keypad + (ASCII, Opera)\n+            case 61: // +/= (Mozilla, Opera, some ASCII)\n+            case 187: // +/= (IE)\n+            case 107: // keypad + (IE, Mozilla)\n+                this.map.zoomIn();\n+                break;\n+            case 45: // -/_ (ASCII, Opera), keypad - (ASCII, Opera)\n+            case 109: // -/_ (Mozilla), keypad - (Mozilla, IE)\n+            case 189: // -/_ (IE)\n+            case 95: // -/_ (some ASCII)\n+                this.map.zoomOut();\n+                break;\n+            default:\n+                handled = false;\n+        }\n+        if (handled) {\n+            // prevent browser default not to move the page\n+            // when moving the page with the keyboard\n+            OpenLayers.Event.stop(evt);\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Pan\"\n+    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n });\n-\n-OpenLayers.Control.Pan.NORTH = \"North\";\n-OpenLayers.Control.Pan.SOUTH = \"South\";\n-OpenLayers.Control.Pan.EAST = \"East\";\n-OpenLayers.Control.Pan.WEST = \"West\";\n /* ======================================================================\n-    OpenLayers/Control/DragPan.js\n+    OpenLayers/Control/ArgParser.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Control.DragPan\n- * The DragPan control pans the map with a drag of the mouse.\n+ * Class: OpenLayers.Control.ArgParser\n+ * The ArgParser control adds location bar query string parsing functionality \n+ * to an OpenLayers Map.\n+ * When added to a Map control, on a page load/refresh, the Map will \n+ * automatically take the href string and parse it for lon, lat, zoom, and \n+ * layers information. \n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n+OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: panned\n-     * {Boolean} The map moved.\n+     * Property: center\n+     * {<OpenLayers.LonLat>}\n      */\n-    panned: false,\n+    center: null,\n \n     /**\n-     * Property: interval\n-     * {Integer} The number of milliseconds that should ellapse before\n-     *     panning the map again. Defaults to 0 milliseconds, which means that\n-     *     no separate cycle is used for panning. In most cases you won't want\n-     *     to change this value. For slow machines/devices larger values can be\n-     *     tried out.\n+     * Property: zoom\n+     * {int}\n      */\n-    interval: 0,\n+    zoom: null,\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n+     * Property: layers\n+     * {String} Each character represents the state of the corresponding layer \n+     *     on the map.\n      */\n-    documentDrag: false,\n+    layers: null,\n \n-    /**\n-     * Property: kinetic\n-     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n+    /** \n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} Requires proj4js support. \n+     *     Projection used when reading the coordinates from the URL. This will\n+     *     reproject the map coordinates from the URL into the map's\n+     *     projection.\n+     *\n+     *     If you are using this functionality, be aware that any permalink\n+     *     which is added to the map will determine the coordinate type which\n+     *     is read from the URL, which means you should not add permalinks with\n+     *     different displayProjections to the same map. \n      */\n-    kinetic: null,\n+    displayProjection: null,\n \n     /**\n-     * APIProperty: enableKinetic\n-     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n-     *     set to true or to an object. If set to an object this\n-     *     object will be passed to the {<OpenLayers.Kinetic>}\n-     *     constructor. Defaults to true.\n-     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n-     *     included in your build config.\n+     * Constructor: OpenLayers.Control.ArgParser\n+     *\n+     * Parameters:\n+     * options - {Object}\n      */\n-    enableKinetic: true,\n \n     /**\n-     * APIProperty: kineticInterval\n-     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n-     *     scrolling\". Applies only if enableKinetic is set. Defaults\n-     *     to 10 milliseconds.\n+     * Method: getParameters\n      */\n-    kineticInterval: 10,\n-\n+    getParameters: function(url) {\n+        url = url || window.location.href;\n+        var parameters = OpenLayers.Util.getParameters(url);\n \n-    /**\n-     * Method: draw\n-     * Creates a Drag handler, using <panMap> and\n-     * <panMapDone> as callbacks.\n-     */\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic);\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config);\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            \"move\": this.panMap,\n-            \"done\": this.panMapDone,\n-            \"down\": this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        });\n-    },\n+        // If we have an anchor in the url use it to split the url\n+        var index = url.indexOf('#');\n+        if (index > 0) {\n+            // create an url to parse on the getParameters\n+            url = '?' + url.substring(index + 1, url.length);\n \n-    /**\n-     * Method: panMapStart\n-     */\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin();\n+            OpenLayers.Util.extend(parameters,\n+                OpenLayers.Util.getParameters(url));\n         }\n+        return parameters;\n     },\n \n     /**\n-     * Method: panMap\n-     *\n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n      * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+     * map - {<OpenLayers.Map>} \n      */\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy);\n-        }\n-        this.panned = true;\n-        this.map.pan(\n-            this.handler.last.x - xy.x,\n-            this.handler.last.y - xy.y, {\n-                dragging: true,\n-                animate: false\n-            }\n-        );\n-    },\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n \n-    /**\n-     * Method: panMapDone\n-     * Finish the panning operation.  Only call setCenter (through <panMap>)\n-     *     if the map has actually been moved.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n-     */\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy);\n-            }\n-            this.map.pan(\n-                this.handler.last.x - xy.x,\n-                this.handler.last.y - xy.y, {\n-                    dragging: !!res,\n-                    animate: false\n+        //make sure we dont already have an arg parser attached\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if ((control != this) &&\n+                (control.CLASS_NAME == \"OpenLayers.Control.ArgParser\")) {\n+\n+                // If a second argparser is added to the map, then we \n+                // override the displayProjection to be the one added to the\n+                // map. \n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection;\n                 }\n-            );\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    });\n-                });\n+\n+                break;\n             }\n-            this.panned = false;\n         }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/PinchZoom.js\n-   ====================================================================== */\n+        if (i == this.map.controls.length) {\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+            var args = this.getParameters();\n+            // Be careful to set layer first, to not trigger unnecessary layer loads\n+            if (args.layers) {\n+                this.layers = args.layers;\n \n-/**\n- * @requires OpenLayers/Handler/Pinch.js\n- */\n+                // when we add a new layer, set its visibility \n+                this.map.events.register('addlayer', this,\n+                    this.configureLayers);\n+                this.configureLayers();\n+            }\n+            if (args.lat && args.lon) {\n+                this.center = new OpenLayers.LonLat(parseFloat(args.lon),\n+                    parseFloat(args.lat));\n+                if (args.zoom) {\n+                    this.zoom = parseFloat(args.zoom);\n+                }\n \n-/**\n- * Class: OpenLayers.Control.PinchZoom\n- *\n- * Inherits:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+                // when we add a new baselayer to see when we can set the center\n+                this.map.events.register('changebaselayer', this,\n+                    this.setCenter);\n+                this.setCenter();\n+            }\n+        }\n+    },\n \n     /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n+     * Method: setCenter\n+     * As soon as a baseLayer has been loaded, we center and zoom\n+     *   ...and remove the handler.\n      */\n-    type: OpenLayers.Control.TYPE_TOOL,\n+    setCenter: function() {\n \n-    /**\n-     * Property: pinchOrigin\n-     * {Object} Cached object representing the pinch start (in pixels).\n-     */\n-    pinchOrigin: null,\n+        if (this.map.baseLayer) {\n+            //dont need to listen for this one anymore\n+            this.map.events.unregister('changebaselayer', this,\n+                this.setCenter);\n+\n+            if (this.displayProjection) {\n+                this.center.transform(this.displayProjection,\n+                    this.map.getProjectionObject());\n+            }\n+\n+            this.map.setCenter(this.center, this.zoom);\n+        }\n+    },\n+\n+    /** \n+     * Method: configureLayers\n+     * As soon as all the layers are loaded, cycle through them and \n+     *   hide or show them. \n+     */\n+    configureLayers: function() {\n+\n+        if (this.layers.length == this.map.layers.length) {\n+            this.map.events.unregister('addlayer', this, this.configureLayers);\n+\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+\n+                var layer = this.map.layers[i];\n+                var c = this.layers.charAt(i);\n+\n+                if (c == \"B\") {\n+                    this.map.setBaseLayer(layer);\n+                } else if ((c == \"T\") || (c == \"F\")) {\n+                    layer.setVisibility(c == \"T\");\n+                }\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/DragFeature.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Handler/Feature.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.DragFeature\n+ * The DragFeature control moves a feature with a drag of the mouse. Create a\n+ * new control with the <OpenLayers.Control.DragFeature> constructor.\n+ *\n+ * Inherits From:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: currentCenter\n-     * {Object} Cached object representing the latest pinch center (in pixels).\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict dragging to a limited set of geometry types,\n+     *     send a list of strings corresponding to the geometry class names.\n      */\n-    currentCenter: null,\n+    geometryTypes: null,\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * APIProperty: onStart\n+     * {Function} Define this function if you want to know when a drag starts.\n+     *     The function should expect to receive two arguments: the feature\n+     *     that is about to be dragged and the pixel location of the mouse.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that is about to be\n+     *     dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n-    autoActivate: true,\n+    onStart: function(feature, pixel) {},\n \n     /**\n-     * APIProperty: preserveCenter\n-     * {Boolean} Set this to true if you don't want the map center to change\n-     *     while pinching. For example you may want to set preserveCenter to\n-     *     true when the user location is being watched and you want to preserve\n-     *     the user location at the center of the map even if he zooms in or\n-     *     out using pinch. This property's value can be changed any time on an\n-     *     existing instance. Default is false.\n+     * APIProperty: onDrag\n+     * {Function} Define this function if you want to know about each move of a\n+     *     feature. The function should expect to receive two arguments: the\n+     *     feature that is being dragged and the pixel location of the mouse.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n-    preserveCenter: false,\n+    onDrag: function(feature, pixel) {},\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the pinch handler\n+     * APIProperty: onComplete\n+     * {Function} Define this function if you want to know when a feature is\n+     *     done dragging. The function should expect to receive two arguments:\n+     *     the feature that is being dragged and the pixel location of the\n+     *     mouse.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n+    onComplete: function(feature, pixel) {},\n \n     /**\n-     * Constructor: OpenLayers.Control.PinchZoom\n-     * Create a control for zooming with pinch gestures.  This works on devices\n-     *     with multi-touch support.\n+     * APIProperty: onEnter\n+     * {Function} Define this function if you want to know when the mouse\n+     *     goes over a feature and thereby makes this feature a candidate\n+     *     for dragging.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that is ready\n+     *     to be dragged.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions);\n+    onEnter: function(feature) {},\n+\n+    /**\n+     * APIProperty: onLeave\n+     * {Function} Define this function if you want to know when the mouse\n+     *     goes out of the feature that was dragged.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n+     */\n+    onLeave: function(feature) {},\n+\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n+     */\n+    documentDrag: false,\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    feature: null,\n+\n+    /**\n+     * Property: dragCallbacks\n+     * {Object} The functions that are sent to the drag handler for callback.\n+     */\n+    dragCallbacks: {},\n+\n+    /**\n+     * Property: featureCallbacks\n+     * {Object} The functions that are sent to the feature handler for callback.\n+     */\n+    featureCallbacks: {},\n+\n+    /**\n+     * Property: lastPixel\n+     * {<OpenLayers.Pixel>}\n+     */\n+    lastPixel: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.DragFeature\n+     * Create a new control to drag features.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} The layer containing features to be\n+     *     dragged.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n+     */\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        this.handlers = {\n+            drag: new OpenLayers.Handler.Drag(\n+                this, OpenLayers.Util.extend({\n+                    down: this.downFeature,\n+                    move: this.moveFeature,\n+                    up: this.upFeature,\n+                    out: this.cancel,\n+                    done: this.doneDragging\n+                }, this.dragCallbacks), {\n+                    documentDrag: this.documentDrag\n+                }\n+            ),\n+            feature: new OpenLayers.Handler.Feature(\n+                this, this.layer, OpenLayers.Util.extend({\n+                    // 'click' and 'clickout' callback are for the mobile\n+                    // support: no 'over' or 'out' in touch based browsers.\n+                    click: this.clickFeature,\n+                    clickout: this.clickoutFeature,\n+                    over: this.overFeature,\n+                    out: this.outFeature\n+                }, this.featureCallbacks), {\n+                    geometryTypes: this.geometryTypes\n+                }\n+            )\n+        };\n     },\n \n     /**\n-     * Method: pinchStart\n+     * Method: clickFeature\n+     * Called when the feature handler detects a click-in on a feature.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    pinchStart: function(evt, pinchData) {\n-        var xy = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy;\n+    clickFeature: function(feature) {\n+        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n+            this.handlers.drag.dragstart(this.handlers.feature.evt);\n+            // to let the events propagate to the feature handler (click callback)\n+            this.handlers.drag.stopDown = false;\n+        }\n     },\n \n     /**\n-     * Method: pinchMove\n+     * Method: clickoutFeature\n+     * Called when the feature handler detects a click-out on a feature.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+    clickoutFeature: function(feature) {\n+        if (this.handlers.feature.touch && this.over) {\n+            this.outFeature(feature);\n+            this.handlers.drag.stopDown = true;\n+        }\n+    },\n \n-        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass\n+     */\n+    destroy: function() {\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, []);\n+    },\n \n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current;\n+    /**\n+     * APIMethod: activate\n+     * Activate the control and the feature handler.\n+     * \n+     * Returns:\n+     * {Boolean} Successfully activated the control and feature handler.\n+     */\n+    activate: function() {\n+        return (this.handlers.feature.activate() &&\n+            OpenLayers.Control.prototype.activate.apply(this, arguments));\n     },\n \n     /**\n-     * Method: pinchDone\n+     * APIMethod: deactivate\n+     * Deactivate the control and all handlers.\n+     * \n+     * Returns:\n+     * {Boolean} Successfully deactivated the control.\n+     */\n+    deactivate: function() {\n+        // the return from the handlers is unimportant in this case\n+        this.handlers.drag.deactivate();\n+        this.handlers.feature.deactivate();\n+        this.feature = null;\n+        this.dragging = false;\n+        this.lastPixel = null;\n+        OpenLayers.Element.removeClass(\n+            this.map.viewPortDiv, this.displayClass + \"Over\"\n+        );\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: overFeature\n+     * Called when the feature handler detects a mouse-over on a feature.\n+     *     This activates the drag handler.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * start - {Object} pinch data object related to the touchstart event that\n-     *     started the pinch gesture.\n-     * last - {Object} pinch data object related to the last touchmove event\n-     *     of the pinch gesture. This give us the final scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>} The selected feature.\n+     *\n+     * Returns:\n+     * {Boolean} Successfully activated the drag handler.\n      */\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n+    overFeature: function(feature) {\n+        var activated = false;\n+        if (!this.handlers.drag.dragging) {\n+            this.feature = feature;\n+            this.handlers.drag.activate();\n+            activated = true;\n+            this.over = true;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onEnter(feature);\n+        } else {\n+            if (this.feature.id == feature.id) {\n+                this.over = true;\n+            } else {\n+                this.over = false;\n+            }\n+        }\n+        return activated;\n+    },\n \n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n+    /**\n+     * Method: downFeature\n+     * Called when the drag handler detects a mouse-down.\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n+     */\n+    downFeature: function(pixel) {\n+        this.lastPixel = pixel;\n+        this.onStart(this.feature, pixel);\n+    },\n \n-            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n-            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n+    /**\n+     * Method: moveFeature\n+     * Called when the drag handler detects a mouse-move.  Also calls the\n+     *     optional onDrag method.\n+     * \n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n+     */\n+    moveFeature: function(pixel) {\n+        var res = this.map.getResolution();\n+        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x),\n+            res * (this.lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this.feature);\n+        this.lastPixel = pixel;\n+        this.onDrag(this.feature, pixel);\n+    },\n \n-            // Force a reflow before calling setCenter. This is to work\n-            // around an issue occuring in iOS.\n-            //\n-            // See https://github.com/openlayers/openlayers/pull/351.\n-            //\n-            // Without a reflow setting the layer container div's top left\n-            // style properties to \"0px\" - as done in Map.moveTo when zoom\n-            // is changed - won't actually correctly reposition the layer\n-            // container div.\n-            //\n-            // Also, we need to use a statement that the Google Closure\n-            // compiler won't optimize away.\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n+    /**\n+     * Method: upFeature\n+     * Called when the drag handler detects a mouse-up.\n+     * \n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n+     */\n+    upFeature: function(pixel) {\n+        if (!this.over) {\n+            this.handlers.drag.deactivate();\n+        }\n+    },\n \n-            this.map.setCenter(location, zoom);\n+    /**\n+     * Method: doneDragging\n+     * Called when the drag handler is done dragging.\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The last event pixel location.  If this event\n+     *     came from a mouseout, this may not be in the map viewport.\n+     */\n+    doneDragging: function(pixel) {\n+        this.onComplete(this.feature, pixel);\n+    },\n+\n+    /**\n+     * Method: outFeature\n+     * Called when the feature handler detects a mouse-out on a feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that the mouse left.\n+     */\n+    outFeature: function(feature) {\n+        if (!this.handlers.drag.dragging) {\n+            this.over = false;\n+            this.handlers.drag.deactivate();\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, this.displayClass + \"Over\"\n+            );\n+            this.onLeave(feature);\n+            this.feature = null;\n+        } else {\n+            if (this.feature.id == feature.id) {\n+                this.over = false;\n+            }\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n+    /**\n+     * Method: cancel\n+     * Called when the drag handler detects a mouse-out (from the map viewport).\n+     */\n+    cancel: function() {\n+        this.handlers.drag.deactivate();\n+        this.over = false;\n+    },\n+\n+    /**\n+     * Method: setMap\n+     * Set the map property for the control and all handlers.\n+     *\n+     * Parameters: \n+     * map - {<OpenLayers.Map>} The control's map.\n+     */\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        this.handlers.feature.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n });\n /* ======================================================================\n-    OpenLayers/Control/TouchNavigation.js\n+    OpenLayers/Control/TransformFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Control/PinchZoom.js\n- * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Control/DragFeature.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Point.js\n  */\n \n /**\n- * Class: OpenLayers.Control.TouchNavigation\n- * The navigation control handles map browsing with touch events (dragging,\n- *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n- *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n- *\n- * If you\u2019re only targeting touch enabled devices with your mapping application,\n- *     you can create a map with only a TouchNavigation control. The \n- *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n- *     you can generate a smaller build of the library by only including this\n- *     touch navigation control if you aren't concerned about mouse interaction.\n+ * Class: OpenLayers.Control.TransformFeature\n+ * Control to transform features with a standard transformation box.\n  *\n- * Inherits:\n+ * Inherits From:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforesetfeature - Triggered before a feature is set for\n+     *     tranformation. The feature will not be set if a listener returns\n+     *     false. Listeners receive a *feature* property, with the feature\n+     *     that will be set for transformation. Listeners are allowed to\n+     *     set the control's *scale*, *ratio* and *rotation* properties,\n+     *     which will set the initial scale, ratio and rotation of the\n+     *     feature, like the <setFeature> method's initialParams argument.\n+     * setfeature - Triggered when a feature is set for tranformation.\n+     *     Listeners receive a *feature* property, with the feature that\n+     *     is now set for transformation.\n+     * beforetransform - Triggered while dragging, before a feature is\n+     *     transformed. The feature will not be transformed if a listener\n+     *     returns false (but the box still will). Listeners receive one or\n+     *     more of *center*, *scale*, *ratio* and *rotation*. The *center*\n+     *     property is an <OpenLayers.Geometry.Point> object with the new\n+     *     center of the transformed feature, the others are Floats with the\n+     *     scale, ratio or rotation change since the last transformation.\n+     * transform - Triggered while dragging, when a feature is transformed.\n+     *     Listeners receive an event object with one or more of *center*,\n+     *     scale*, *ratio* and *rotation*. The *center* property is an\n+     *     <OpenLayers.Geometry.Point> object with the new center of the\n+     *     transformed feature, the others are Floats with the scale, ratio\n+     *     or rotation change of the feature since the last transformation.\n+     * transformcomplete - Triggered after dragging. Listeners receive\n+     *     an event object with the transformed *feature*.\n+     */\n \n     /**\n-     * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>}\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict transformation to a limited set of geometry\n+     *     types, send a list of strings corresponding to the geometry class\n+     *     names.\n      */\n-    dragPan: null,\n+    geometryTypes: null,\n \n     /**\n-     * APIProperty: dragPanOptions\n-     * {Object} Options passed to the DragPan control.\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    dragPanOptions: null,\n+    layer: null,\n \n     /**\n-     * Property: pinchZoom\n-     * {<OpenLayers.Control.PinchZoom>}\n+     * APIProperty: preserveAspectRatio\n+     * {Boolean} set to true to not change the feature's aspect ratio.\n      */\n-    pinchZoom: null,\n+    preserveAspectRatio: false,\n \n     /**\n-     * APIProperty: pinchZoomOptions\n-     * {Object} Options passed to the PinchZoom control.\n+     * APIProperty: rotate\n+     * {Boolean} set to false if rotation should be disabled. Default is true.\n+     *     To be passed with the constructor or set when the control is not\n+     *     active.\n      */\n-    pinchZoomOptions: null,\n+    rotate: true,\n \n     /**\n-     * APIProperty: clickHandlerOptions\n-     * {Object} Options passed to the Click handler.\n+     * APIProperty: feature\n+     * {<OpenLayers.Feature.Vector>} Feature currently available for\n+     *     transformation. Read-only, use <setFeature> to set it manually.\n      */\n-    clickHandlerOptions: null,\n+    feature: null,\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} Allow panning of the map by dragging outside map viewport.\n-     *     Default is false.\n+     * APIProperty: renderIntent\n+     * {String|Object} Render intent for the transformation box and\n+     *     handles. A symbolizer object can also be provided here.\n      */\n-    documentDrag: false,\n+    renderIntent: \"temporary\",\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * APIProperty: rotationHandleSymbolizer\n+     * {Object|String} Optional. A custom symbolizer for the rotation handles.\n+     *     A render intent can also be provided here. Defaults to\n+     *     (code)\n+     *     {\n+     *         stroke: false,\n+     *         pointRadius: 10,\n+     *         fillOpacity: 0,\n+     *         cursor: \"pointer\"\n+     *     }\n+     *     (end)\n      */\n-    autoActivate: true,\n+    rotationHandleSymbolizer: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.TouchNavigation\n-     * Create a new navigation control\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n+     * APIProperty: box\n+     * {<OpenLayers.Feature.Vector>} The transformation box rectangle.\n+     *     Read-only.\n      */\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-    },\n+    box: null,\n \n     /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n+     * APIProperty: center\n+     * {<OpenLayers.Geometry.Point>} The center of the feature bounds.\n+     * Read-only.\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy();\n-        }\n-        this.dragPan = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom;\n+    center: null,\n+\n+    /**\n+     * APIProperty: scale\n+     * {Float} The scale of the feature, relative to the scale the time the\n+     *     feature was set. Read-only, except for *beforesetfeature*\n+     *     listeners.\n+     */\n+    scale: 1,\n+\n+    /**\n+     * APIProperty: ratio\n+     * {Float} The ratio of the feature relative to the ratio the time the\n+     *     feature was set. Read-only, except for *beforesetfeature*\n+     *     listeners.\n+     */\n+    ratio: 1,\n+\n+    /**\n+     * Property: rotation\n+     * {Integer} the current rotation angle of the box. Read-only, except for\n+     *     *beforesetfeature* listeners.\n+     */\n+    rotation: 0,\n+\n+    /**\n+     * APIProperty: handles\n+     * {Array(<OpenLayers.Feature.Vector>)} The 8 handles currently available\n+     *     for scaling/resizing. Numbered counterclockwise, starting from the\n+     *     southwest corner. Read-only.\n+     */\n+    handles: null,\n+\n+    /**\n+     * APIProperty: rotationHandles\n+     * {Array(<OpenLayers.Feature.Vector>)} The 4 rotation handles currently\n+     *     available for rotating. Numbered counterclockwise, starting from\n+     *     the southwest corner. Read-only.\n+     */\n+    rotationHandles: null,\n+\n+    /**\n+     * Property: dragControl\n+     * {<OpenLayers.Control.DragFeature>}\n+     */\n+    dragControl: null,\n+\n+    /**\n+     * APIProperty: irregular\n+     * {Boolean} Make scaling/resizing work irregularly. If true then\n+     *     dragging a handle causes the feature to resize in the direction\n+     *     of movement. If false then the feature resizes symetrically\n+     *     about it's center.\n+     */\n+    irregular: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.TransformFeature\n+     * Create a new transform feature control.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n+     *     will be transformed.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n+     */\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        this.layer = layer;\n+\n+        if (!this.rotationHandleSymbolizer) {\n+            this.rotationHandleSymbolizer = {\n+                stroke: false,\n+                pointRadius: 10,\n+                fillOpacity: 0,\n+                cursor: \"pointer\"\n+            };\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+\n+        this.createBox();\n+        this.createControl();\n     },\n \n     /**\n-     * Method: activate\n+     * APIMethod: activate\n+     * Activates the control.\n      */\n     activate: function() {\n+        var activated = false;\n         if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true;\n+            this.dragControl.activate();\n+            this.layer.addFeatures([this.box]);\n+            this.rotate && this.layer.addFeatures(this.rotationHandles);\n+            this.layer.addFeatures(this.handles);\n+            activated = true;\n         }\n-        return false;\n+        return activated;\n     },\n \n     /**\n-     * Method: deactivate\n+     * APIMethod: deactivate\n+     * Deactivates the control.\n      */\n     deactivate: function() {\n+        var deactivated = false;\n         if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true;\n+            this.layer.removeFeatures(this.handles);\n+            this.rotate && this.layer.removeFeatures(this.rotationHandles);\n+            this.layer.removeFeatures([this.box]);\n+            this.dragControl.deactivate();\n+            deactivated = true;\n         }\n-        return false;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: draw\n+     * Method: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    draw: function() {\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n-        };\n-        var clickOptions = OpenLayers.Util.extend({\n-            \"double\": true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, clickCallbacks, clickOptions\n-        );\n-        this.dragPan = new OpenLayers.Control.DragPan(\n-            OpenLayers.Util.extend({\n-                map: this.map,\n-                documentDrag: this.documentDrag\n-            }, this.dragPanOptions)\n-        );\n-        this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-            OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions)\n-        );\n+    setMap: function(map) {\n+        this.dragControl.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: defaultClick\n-     *\n+     * APIMethod: setFeature\n+     * Place the transformation box on a feature and start transforming it.\n+     * If the control is not active, it will be activated.\n+     * \n      * Parameters:\n-     * evt - {Event}\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * initialParams - {Object} Initial values for rotation, scale or ratio.\n+     *     Setting a rotation value here will cause the transformation box to\n+     *     start rotated. Setting a scale or ratio will not affect the\n+     *     transormation box, but applications may use this to keep track of\n+     *     scale and ratio of a feature across multiple transforms.\n      */\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut();\n+    setFeature: function(feature, initialParams) {\n+        initialParams = OpenLayers.Util.applyDefaults(initialParams, {\n+            rotation: 0,\n+            scale: 1,\n+            ratio: 1\n+        });\n+\n+        var oldRotation = this.rotation;\n+        var oldCenter = this.center;\n+        OpenLayers.Util.extend(this, initialParams);\n+\n+        var cont = this.events.triggerEvent(\"beforesetfeature\", {\n+            feature: feature\n+        });\n+        if (cont === false) {\n+            return;\n+        }\n+\n+        this.feature = feature;\n+        this.activate();\n+\n+        this._setfeature = true;\n+\n+        var featureBounds = this.feature.geometry.getBounds();\n+        this.box.move(featureBounds.getCenterLonLat());\n+        this.box.geometry.rotate(-oldRotation, oldCenter);\n+        this._angle = 0;\n+\n+        var ll;\n+        if (this.rotation) {\n+            var geom = feature.geometry.clone();\n+            geom.rotate(-this.rotation, this.center);\n+            var box = new OpenLayers.Feature.Vector(\n+                geom.getBounds().toGeometry());\n+            box.geometry.rotate(this.rotation, this.center);\n+            this.box.geometry.rotate(this.rotation, this.center);\n+            this.box.move(box.geometry.getBounds().getCenterLonLat());\n+            var llGeom = box.geometry.components[0].components[0];\n+            ll = llGeom.getBounds().getCenterLonLat();\n+        } else {\n+            ll = new OpenLayers.LonLat(featureBounds.left, featureBounds.bottom);\n         }\n+        this.handles[0].move(ll);\n+\n+        delete this._setfeature;\n+\n+        this.events.triggerEvent(\"setfeature\", {\n+            feature: feature\n+        });\n     },\n \n     /**\n-     * Method: defaultDblClick\n-     *\n+     * APIMethod: unsetFeature\n+     * Remove the transformation box off any feature.\n+     * If the control is active, it will be deactivated first.\n+     */\n+    unsetFeature: function() {\n+        if (this.active) {\n+            this.deactivate();\n+        } else {\n+            this.feature = null;\n+            this.rotation = 0;\n+            this.scale = 1;\n+            this.ratio = 1;\n+        }\n+    },\n+\n+    /**\n+     * Method: createBox\n+     * Creates the box with all handles and transformation handles.\n+     */\n+    createBox: function() {\n+        var control = this;\n+\n+        this.center = new OpenLayers.Geometry.Point(0, 0);\n+        this.box = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.LineString([\n+                new OpenLayers.Geometry.Point(-1, -1),\n+                new OpenLayers.Geometry.Point(0, -1),\n+                new OpenLayers.Geometry.Point(1, -1),\n+                new OpenLayers.Geometry.Point(1, 0),\n+                new OpenLayers.Geometry.Point(1, 1),\n+                new OpenLayers.Geometry.Point(0, 1),\n+                new OpenLayers.Geometry.Point(-1, 1),\n+                new OpenLayers.Geometry.Point(-1, 0),\n+                new OpenLayers.Geometry.Point(-1, -1)\n+            ]), null,\n+            typeof this.renderIntent == \"string\" ? null : this.renderIntent\n+        );\n+\n+        // Override for box move - make sure that the center gets updated\n+        this.box.geometry.move = function(x, y) {\n+            control._moving = true;\n+            OpenLayers.Geometry.LineString.prototype.move.apply(this, arguments);\n+            control.center.move(x, y);\n+            delete control._moving;\n+        };\n+\n+        // Overrides for vertex move, resize and rotate - make sure that\n+        // handle and rotationHandle geometries are also moved, resized and\n+        // rotated.\n+        var vertexMoveFn = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.move(x, y);\n+            this._handle.geometry.move(x, y);\n+        };\n+        var vertexResizeFn = function(scale, center, ratio) {\n+            OpenLayers.Geometry.Point.prototype.resize.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.resize(\n+                scale, center, ratio);\n+            this._handle.geometry.resize(scale, center, ratio);\n+        };\n+        var vertexRotateFn = function(angle, center) {\n+            OpenLayers.Geometry.Point.prototype.rotate.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.rotate(\n+                angle, center);\n+            this._handle.geometry.rotate(angle, center);\n+        };\n+\n+        // Override for handle move - make sure that the box and other handles\n+        // are updated, and finally transform the feature.\n+        var handleMoveFn = function(x, y) {\n+            var oldX = this.x,\n+                oldY = this.y;\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            if (control._moving) {\n+                return;\n+            }\n+            var evt = control.dragControl.handlers.drag.evt;\n+            var preserveAspectRatio = !control._setfeature &&\n+                control.preserveAspectRatio;\n+            var reshape = !preserveAspectRatio && !(evt && evt.shiftKey);\n+            var oldGeom = new OpenLayers.Geometry.Point(oldX, oldY);\n+            var centerGeometry = control.center;\n+            this.rotate(-control.rotation, centerGeometry);\n+            oldGeom.rotate(-control.rotation, centerGeometry);\n+            var dx1 = this.x - centerGeometry.x;\n+            var dy1 = this.y - centerGeometry.y;\n+            var dx0 = dx1 - (this.x - oldGeom.x);\n+            var dy0 = dy1 - (this.y - oldGeom.y);\n+            if (control.irregular && !control._setfeature) {\n+                dx1 -= (this.x - oldGeom.x) / 2;\n+                dy1 -= (this.y - oldGeom.y) / 2;\n+            }\n+            this.x = oldX;\n+            this.y = oldY;\n+            var scale, ratio = 1;\n+            if (reshape) {\n+                scale = Math.abs(dy0) < 0.00001 ? 1 : dy1 / dy0;\n+                ratio = (Math.abs(dx0) < 0.00001 ? 1 : (dx1 / dx0)) / scale;\n+            } else {\n+                var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n+                var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n+                scale = l1 / l0;\n+            }\n+\n+            // rotate the box to 0 before resizing - saves us some\n+            // calculations and is inexpensive because we don't drawFeature.\n+            control._moving = true;\n+            control.box.geometry.rotate(-control.rotation, centerGeometry);\n+            delete control._moving;\n+\n+            control.box.geometry.resize(scale, centerGeometry, ratio);\n+            control.box.geometry.rotate(control.rotation, centerGeometry);\n+            control.transformFeature({\n+                scale: scale,\n+                ratio: ratio\n+            });\n+            if (control.irregular && !control._setfeature) {\n+                var newCenter = centerGeometry.clone();\n+                newCenter.x += Math.abs(oldX - centerGeometry.x) < 0.00001 ? 0 : (this.x - oldX);\n+                newCenter.y += Math.abs(oldY - centerGeometry.y) < 0.00001 ? 0 : (this.y - oldY);\n+                control.box.geometry.move(this.x - oldX, this.y - oldY);\n+                control.transformFeature({\n+                    center: newCenter\n+                });\n+            }\n+        };\n+\n+        // Override for rotation handle move - make sure that the box and\n+        // other handles are updated, and finally transform the feature.\n+        var rotationHandleMoveFn = function(x, y) {\n+            var oldX = this.x,\n+                oldY = this.y;\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            if (control._moving) {\n+                return;\n+            }\n+            var evt = control.dragControl.handlers.drag.evt;\n+            var constrain = (evt && evt.shiftKey) ? 45 : 1;\n+            var centerGeometry = control.center;\n+            var dx1 = this.x - centerGeometry.x;\n+            var dy1 = this.y - centerGeometry.y;\n+            var dx0 = dx1 - x;\n+            var dy0 = dy1 - y;\n+            this.x = oldX;\n+            this.y = oldY;\n+            var a0 = Math.atan2(dy0, dx0);\n+            var a1 = Math.atan2(dy1, dx1);\n+            var angle = a1 - a0;\n+            angle *= 180 / Math.PI;\n+            control._angle = (control._angle + angle) % 360;\n+            var diff = control.rotation % constrain;\n+            if (Math.abs(control._angle) >= constrain || diff !== 0) {\n+                angle = Math.round(control._angle / constrain) * constrain -\n+                    diff;\n+                control._angle = 0;\n+                control.box.geometry.rotate(angle, centerGeometry);\n+                control.transformFeature({\n+                    rotation: angle\n+                });\n+            }\n+        };\n+\n+        var handles = new Array(8);\n+        var rotationHandles = new Array(4);\n+        var geom, handle, rotationHandle;\n+        var positions = [\"sw\", \"s\", \"se\", \"e\", \"ne\", \"n\", \"nw\", \"w\"];\n+        for (var i = 0; i < 8; ++i) {\n+            geom = this.box.geometry.components[i];\n+            handle = new OpenLayers.Feature.Vector(geom.clone(), {\n+                    role: positions[i] + \"-resize\"\n+                }, typeof this.renderIntent == \"string\" ? null :\n+                this.renderIntent);\n+            if (i % 2 == 0) {\n+                rotationHandle = new OpenLayers.Feature.Vector(geom.clone(), {\n+                        role: positions[i] + \"-rotate\"\n+                    }, typeof this.rotationHandleSymbolizer == \"string\" ?\n+                    null : this.rotationHandleSymbolizer);\n+                rotationHandle.geometry.move = rotationHandleMoveFn;\n+                geom._rotationHandle = rotationHandle;\n+                rotationHandles[i / 2] = rotationHandle;\n+            }\n+            geom.move = vertexMoveFn;\n+            geom.resize = vertexResizeFn;\n+            geom.rotate = vertexRotateFn;\n+            handle.geometry.move = handleMoveFn;\n+            geom._handle = handle;\n+            handles[i] = handle;\n+        }\n+\n+        this.rotationHandles = rotationHandles;\n+        this.handles = handles;\n+    },\n+\n+    /**\n+     * Method: createControl\n+     * Creates a DragFeature control for this control.\n+     */\n+    createControl: function() {\n+        var control = this;\n+        this.dragControl = new OpenLayers.Control.DragFeature(this.layer, {\n+            documentDrag: true,\n+            // avoid moving the feature itself - move the box instead\n+            moveFeature: function(pixel) {\n+                if (this.feature === control.feature) {\n+                    this.feature = control.box;\n+                }\n+                OpenLayers.Control.DragFeature.prototype.moveFeature.apply(this,\n+                    arguments);\n+            },\n+            // transform while dragging\n+            onDrag: function(feature, pixel) {\n+                if (feature === control.box) {\n+                    control.transformFeature({\n+                        center: control.center\n+                    });\n+                }\n+            },\n+            // set a new feature\n+            onStart: function(feature, pixel) {\n+                var eligible = !control.geometryTypes ||\n+                    OpenLayers.Util.indexOf(control.geometryTypes,\n+                        feature.geometry.CLASS_NAME) !== -1;\n+                var i = OpenLayers.Util.indexOf(control.handles, feature);\n+                i += OpenLayers.Util.indexOf(control.rotationHandles,\n+                    feature);\n+                if (feature !== control.feature && feature !== control.box &&\n+                    i == -2 && eligible) {\n+                    control.setFeature(feature);\n+                }\n+            },\n+            onComplete: function(feature, pixel) {\n+                control.events.triggerEvent(\"transformcomplete\", {\n+                    feature: control.feature\n+                });\n+            }\n+        });\n+    },\n+\n+    /**\n+     * Method: drawHandles\n+     * Draws the handles to match the box.\n+     */\n+    drawHandles: function() {\n+        var layer = this.layer;\n+        for (var i = 0; i < 8; ++i) {\n+            if (this.rotate && i % 2 === 0) {\n+                layer.drawFeature(this.rotationHandles[i / 2],\n+                    this.rotationHandleSymbolizer);\n+            }\n+            layer.drawFeature(this.handles[i], this.renderIntent);\n+        }\n+    },\n+\n+    /**\n+     * Method: transformFeature\n+     * Transforms the feature.\n+     * \n      * Parameters:\n-     * evt - {Event}\n+     * mods - {Object} An object with optional scale, ratio, rotation and\n+     *     center properties.\n      */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n+    transformFeature: function(mods) {\n+        if (!this._setfeature) {\n+            this.scale *= (mods.scale || 1);\n+            this.ratio *= (mods.ratio || 1);\n+            var oldRotation = this.rotation;\n+            this.rotation = (this.rotation + (mods.rotation || 0)) % 360;\n+\n+            if (this.events.triggerEvent(\"beforetransform\", mods) !== false) {\n+                var feature = this.feature;\n+                var geom = feature.geometry;\n+                var center = this.center;\n+                geom.rotate(-oldRotation, center);\n+                if (mods.scale || mods.ratio) {\n+                    geom.resize(mods.scale, center, mods.ratio);\n+                } else if (mods.center) {\n+                    feature.move(mods.center.getBounds().getCenterLonLat());\n+                }\n+                geom.rotate(this.rotation, center);\n+                this.layer.drawFeature(feature);\n+                feature.toState(OpenLayers.State.UPDATE);\n+                this.events.triggerEvent(\"transform\", mods);\n+            }\n+        }\n+        this.layer.drawFeature(this.box, this.renderIntent);\n+        this.drawHandles();\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n+     */\n+    destroy: function() {\n+        var geom;\n+        for (var i = 0; i < 8; ++i) {\n+            geom = this.box.geometry.components[i];\n+            geom._handle.destroy();\n+            geom._handle = null;\n+            geom._rotationHandle && geom._rotationHandle.destroy();\n+            geom._rotationHandle = null;\n+        }\n+        this.center = null;\n+        this.feature = null;\n+        this.handles = null;\n+        this.rotationHandleSymbolizer = null;\n+        this.rotationHandles = null;\n+        this.box.destroy();\n+        this.box = null;\n+        this.layer = null;\n+        this.dragControl.destroy();\n+        this.dragControl = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Scale.js\n+    OpenLayers/Control/Permalink.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n  * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Control/ArgParser.js\n  * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Scale\n- * The Scale control displays the current map scale as a ratio (e.g. Scale = \n- * 1:1M). By default it is displayed in the lower right corner of the map.\n- *\n+ * Class: OpenLayers.Control.Permalink\n+ * The Permalink control is hyperlink that will return the user to the \n+ * current map view. By default it is drawn in the lower right corner of the\n+ * map. The href is updated as the map is zoomed, panned and whilst layers\n+ * are switched.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: element\n+     * APIProperty: argParserClass\n+     * {Class} The ArgParser control class (not instance) to use with this\n+     *     control.\n+     */\n+    argParserClass: OpenLayers.Control.ArgParser,\n+\n+    /** \n+     * Property: element \n      * {DOMElement}\n      */\n     element: null,\n \n+    /** \n+     * APIProperty: anchor\n+     * {Boolean} This option changes 3 things:\n+     *     the character '#' is used in place of the character '?',\n+     *     the window.href is updated if no element is provided.\n+     *     When this option is set to true it's not recommend to provide\n+     *     a base without provide an element.\n+     */\n+    anchor: false,\n+\n+    /** \n+     * APIProperty: base\n+     * {String}\n+     */\n+    base: '',\n+\n+    /** \n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} Requires proj4js support.  Projection used\n+     *     when creating the coordinates in the link. This will reproject the\n+     *     map coordinates into display coordinates. If you are using this\n+     *     functionality, the permalink which is last added to the map will\n+     *     determine the coordinate type which is read from the URL, which\n+     *     means you should not add permalinks with different\n+     *     displayProjections to the same map. \n+     */\n+    displayProjection: null,\n+\n     /**\n-     * APIProperty: geodesic\n-     * {Boolean} Use geodesic measurement. Default is false. The recommended\n-     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n-     * true, the scale will be calculated based on the horizontal size of the\n-     * pixel in the center of the map viewport.\n+     * Constructor: OpenLayers.Control.Permalink\n+     *\n+     * Parameters: \n+     * element - {DOMElement} \n+     * base - {String} \n+     * options - {Object} options to the control.\n+     *\n+     * Or for anchor:\n+     * options - {Object} options to the control.\n      */\n-    geodesic: false,\n+    initialize: function(element, base, options) {\n+        if (element !== null && typeof element == 'object' && !OpenLayers.Util.isElement(element)) {\n+            options = element;\n+            this.base = document.location.href;\n+            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+            if (this.element != null) {\n+                this.element = OpenLayers.Util.getElement(this.element);\n+            }\n+        } else {\n+            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+            this.element = OpenLayers.Util.getElement(element);\n+            this.base = base || document.location.href;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.Scale\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+        if (this.element && this.element.parentNode == this.div) {\n+            this.div.removeChild(this.element);\n+            this.element = null;\n+        }\n+        if (this.map) {\n+            this.map.events.unregister('moveend', this, this.updateLink);\n+        }\n+\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: setMap\n+     * Set the map property for the control. \n      * \n      * Parameters:\n-     * element - {DOMElement} \n-     * options - {Object} \n+     * map - {<OpenLayers.Map>} \n      */\n-    initialize: function(element, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.element = OpenLayers.Util.getElement(element);\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+\n+        //make sure we have an arg parser attached\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if (control.CLASS_NAME == this.argParserClass.CLASS_NAME) {\n+\n+                // If a permalink is added to the map, and an ArgParser already\n+                // exists, we override the displayProjection to be the one\n+                // on the permalink. \n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection;\n+                }\n+\n+                break;\n+            }\n+        }\n+        if (i == this.map.controls.length) {\n+            this.map.addControl(new this.argParserClass({\n+                'displayProjection': this.displayProjection\n+            }));\n+        }\n+\n     },\n \n     /**\n      * Method: draw\n-     * \n+     *\n      * Returns:\n      * {DOMElement}\n      */\n     draw: function() {\n         OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.element = document.createElement(\"div\");\n+\n+        if (!this.element && !this.anchor) {\n+            this.element = document.createElement(\"a\");\n+            this.element.innerHTML = OpenLayers.i18n(\"Permalink\");\n+            this.element.href = \"\";\n             this.div.appendChild(this.element);\n         }\n-        this.map.events.register('moveend', this, this.updateScale);\n-        this.updateScale();\n+        this.map.events.on({\n+            'moveend': this.updateLink,\n+            'changelayer': this.updateLink,\n+            'changebaselayer': this.updateLink,\n+            scope: this\n+        });\n+\n+        // Make it so there is at least a link even though the map may not have\n+        // moved yet.\n+        this.updateLink();\n+\n         return this.div;\n     },\n \n     /**\n-     * Method: updateScale\n+     * Method: updateLink \n      */\n-    updateScale: function() {\n-        var scale;\n-        if (this.geodesic === true) {\n-            var units = this.map.getUnits();\n-            if (!units) {\n-                return;\n-            }\n-            var inches = OpenLayers.INCHES_PER_UNIT;\n-            scale = (this.map.getGeodesicPixelSize().w || 0.000001) *\n-                inches[\"km\"] * OpenLayers.DOTS_PER_INCH;\n+    updateLink: function() {\n+        var separator = this.anchor ? '#' : '?';\n+        var href = this.base;\n+        var anchor = null;\n+        if (href.indexOf(\"#\") != -1 && this.anchor == false) {\n+            anchor = href.substring(href.indexOf(\"#\"), href.length);\n+        }\n+        if (href.indexOf(separator) != -1) {\n+            href = href.substring(0, href.indexOf(separator));\n+        }\n+        var splits = href.split(\"#\");\n+        href = splits[0] + separator + OpenLayers.Util.getParameterString(this.createParams());\n+        if (anchor) {\n+            href += anchor;\n+        }\n+        if (this.anchor && !this.element) {\n+            window.location.href = href;\n         } else {\n-            scale = this.map.getScale();\n+            this.element.href = href;\n         }\n+    },\n \n-        if (!scale) {\n-            return;\n-        }\n+    /**\n+     * APIMethod: createParams\n+     * Creates the parameters that need to be encoded into the permalink url.\n+     * \n+     * Parameters:\n+     * center - {<OpenLayers.LonLat>} center to encode in the permalink.\n+     *     Defaults to the current map center.\n+     * zoom - {Integer} zoom level to encode in the permalink. Defaults to the\n+     *     current map zoom level.\n+     * layers - {Array(<OpenLayers.Layer>)} layers to encode in the permalink.\n+     *     Defaults to the current map layers.\n+     * \n+     * Returns:\n+     * {Object} Hash of parameters that will be url-encoded into the\n+     * permalink.\n+     */\n+    createParams: function(center, zoom, layers) {\n+        center = center || this.map.getCenter();\n \n-        if (scale >= 9500 && scale <= 950000) {\n-            scale = Math.round(scale / 1000) + \"K\";\n-        } else if (scale >= 950000) {\n-            scale = Math.round(scale / 1000000) + \"M\";\n-        } else {\n-            scale = Math.round(scale);\n+        var params = OpenLayers.Util.getParameters(this.base);\n+\n+        // If there's still no center, map is not initialized yet. \n+        // Break out of this function, and simply return the params from the\n+        // base link.\n+        if (center) {\n+\n+            //zoom\n+            params.zoom = zoom || this.map.getZoom();\n+\n+            //lon,lat\n+            var lat = center.lat;\n+            var lon = center.lon;\n+\n+            if (this.displayProjection) {\n+                var mapPosition = OpenLayers.Projection.transform({\n+                        x: lon,\n+                        y: lat\n+                    },\n+                    this.map.getProjectionObject(),\n+                    this.displayProjection);\n+                lon = mapPosition.x;\n+                lat = mapPosition.y;\n+            }\n+            params.lat = Math.round(lat * 100000) / 100000;\n+            params.lon = Math.round(lon * 100000) / 100000;\n+\n+            //layers        \n+            layers = layers || this.map.layers;\n+            params.layers = '';\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+\n+                if (layer.isBaseLayer) {\n+                    params.layers += (layer == this.map.baseLayer) ? \"B\" : \"0\";\n+                } else {\n+                    params.layers += (layer.getVisibility()) ? \"T\" : \"F\";\n+                }\n+            }\n         }\n \n-        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n-            'scaleDenom': scale\n-        });\n+        return params;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Scale\"\n+    CLASS_NAME: \"OpenLayers.Control.Permalink\"\n });\n+/* ======================================================================\n+    OpenLayers/Control/ZoomOut.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/Button.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.ZoomOut\n+ * The ZoomOut control is a button to decrease the zoom level of a map.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n+\n+    /**\n+     * Method: trigger\n+     */\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomOut();\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/LayerSwitcher.js\n+    OpenLayers/Layer/Vector/RootContainer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Control.LayerSwitcher\n- * The LayerSwitcher control displays a table of contents for the map. This\n- * allows the user interface to switch between BaseLasyers and to show or hide\n- * Overlays. By default the switcher is shown minimized on the right edge of\n- * the map, the user may expand it by clicking on the handle.\n+ * Class: OpenLayers.Layer.Vector.RootContainer\n+ * A special layer type to combine multiple vector layers inside a single\n+ *     renderer root container. This class is not supposed to be instantiated\n+ *     from user space, it is a helper class for controls that require event\n+ *     processing for multiple vector layers.\n  *\n- * To create the LayerSwitcher outside of the map, pass the Id of a html div\n- * as the first argument to the constructor.\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector>\n+ */\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+\n+    /**\n+     * Property: displayInLayerSwitcher\n+     * Set to false for this layer type\n+     */\n+    displayInLayerSwitcher: false,\n+\n+    /**\n+     * APIProperty: layers\n+     * Layers that are attached to this container. Required config option.\n+     */\n+    layers: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Vector.RootContainer\n+     * Create a new root container for multiple vector layer. This constructor\n+     * is not supposed to be used from user space, it is only to be used by\n+     * controls that need feature selection across multiple vector layers.\n+     *\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     * \n+     * Required options properties:\n+     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n+     *     container\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n+     *     container\n+     */\n+\n+    /**\n+     * Method: display\n+     */\n+    display: function() {},\n+\n+    /**\n+     * Method: getFeatureFromEvent\n+     * walk through the layers to find the feature returned by the event\n+     * \n+     * Parameters:\n+     * evt - {Object} event object with a feature property\n+     * \n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n+    },\n+\n+    /**\n+     * Method: removeMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: collectRoots\n+     * Collects the root nodes of all layers this control is configured with\n+     * and moveswien the nodes to this control's layer\n+     */\n+    collectRoots: function() {\n+        var layer;\n+        // walk through all map layers, because we want to keep the order\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: resetRoots\n+     * Resets the root nodes back into the layers they belong to.\n+     */\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: handleChangeLayer\n+     * Event handler for the map's changelayer event. We need to rebuild\n+     * this container's layer dom if order of one of its layers changes.\n+     * This handler is added with the setMap method, and removed with the\n+     * removeMap method.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    handleChangeLayer: function(evt) {\n+        var layer = evt.layer;\n+        if (evt.property == \"order\" &&\n+            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+            this.resetRoots();\n+            this.collectRoots();\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/SelectFeature.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Handler/Feature.js\n+ * @requires OpenLayers/Layer/Vector/RootContainer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.SelectFeature\n+ * The SelectFeature control selects vector features from a given layer on \n+ * click or hover. \n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**  \n-     * Property: layerStates \n-     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n-     *     the last time the control was drawn. We have this in order to avoid\n-     *     unnecessarily redrawing the control.\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforefeaturehighlighted - Triggered before a feature is highlighted\n+     * featurehighlighted - Triggered when a feature is highlighted\n+     * featureunhighlighted - Triggered when a feature is unhighlighted\n+     * boxselectionstart - Triggered before box selection starts\n+     * boxselectionend - Triggered after box selection ends\n      */\n-    layerStates: null,\n \n-    // DOM Elements\n+    /**\n+     * Property: multipleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <multiple> property to true.  Default is null.\n+     */\n+    multipleKey: null,\n \n     /**\n-     * Property: layersDiv\n-     * {DOMElement}\n+     * Property: toggleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <toggle> property to true.  Default is null.\n      */\n-    layersDiv: null,\n+    toggleKey: null,\n \n     /**\n-     * Property: baseLayersDiv\n-     * {DOMElement}\n+     * APIProperty: multiple\n+     * {Boolean} Allow selection of multiple geometries.  Default is false.\n      */\n-    baseLayersDiv: null,\n+    multiple: false,\n \n     /**\n-     * Property: baseLayers\n-     * {Array(Object)}\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n      */\n-    baseLayers: null,\n+    clickout: true,\n \n+    /**\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n+     *     has meaning if hover is false.\n+     */\n+    toggle: false,\n \n     /**\n-     * Property: dataLbl\n-     * {DOMElement}\n+     * APIProperty: hover\n+     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n+     * ignores clicks and only listens to mouse moves.\n      */\n-    dataLbl: null,\n+    hover: false,\n \n     /**\n-     * Property: dataLayersDiv\n-     * {DOMElement}\n+     * APIProperty: highlightOnly\n+     * {Boolean} If true do not actually select features (that is place them in \n+     * the layer's selected features array), just highlight them. This property\n+     * has no effect if hover is false. Defaults to false.\n      */\n-    dataLayersDiv: null,\n+    highlightOnly: false,\n \n     /**\n-     * Property: dataLayers\n-     * {Array(Object)}\n+     * APIProperty: box\n+     * {Boolean} Allow feature selection by drawing a box.\n      */\n-    dataLayers: null,\n+    box: false,\n \n+    /**\n+     * Property: onBeforeSelect \n+     * {Function} Optional function to be called before a feature is selected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onBeforeSelect: function() {},\n \n     /**\n-     * Property: minimizeDiv\n-     * {DOMElement}\n+     * APIProperty: onSelect \n+     * {Function} Optional function to be called when a feature is selected.\n+     *     The function should expect to be called with a feature.\n      */\n-    minimizeDiv: null,\n+    onSelect: function() {},\n \n     /**\n-     * Property: maximizeDiv\n-     * {DOMElement}\n+     * APIProperty: onUnselect\n+     * {Function} Optional function to be called when a feature is unselected.\n+     *     The function should expect to be called with a feature.\n      */\n-    maximizeDiv: null,\n+    onUnselect: function() {},\n \n     /**\n-     * APIProperty: ascending\n-     * {Boolean}\n+     * Property: scope\n+     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n+     *     callbacks. If null the scope will be this control.\n      */\n-    ascending: true,\n+    scope: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.LayerSwitcher\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict selecting to a limited set of geometry types,\n+     *     send a list of strings corresponding to the geometry class names.\n+     */\n+    geometryTypes: null,\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n+     * root for all layers this control is configured with (if an array of\n+     * layers was passed to the constructor), or the vector layer the control\n+     * was configured with (if a single layer was passed to the constructor).\n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: layers\n+     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n+     * or null if the control was configured with a single layer\n+     */\n+    layers: null,\n+\n+    /**\n+     * APIProperty: callbacks\n+     * {Object} The functions that are sent to the handlers.feature for callback\n+     */\n+    callbacks: null,\n+\n+    /**\n+     * APIProperty: selectStyle \n+     * {Object} Hash of styles\n+     */\n+    selectStyle: null,\n+\n+    /**\n+     * Property: renderIntent\n+     * {String} key used to retrieve the select style from the layer's\n+     * style map.\n+     */\n+    renderIntent: \"select\",\n+\n+    /**\n+     * Property: handlers\n+     * {Object} Object with references to multiple <OpenLayers.Handler>\n+     *     instances.\n+     */\n+    handlers: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.SelectFeature\n+     * Create a new control for selecting features.\n      *\n      * Parameters:\n-     * options - {Object}\n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n+     *     layer(s) this control will select features from.\n+     * options - {Object} \n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = [];\n+    initialize: function(layers, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        if (this.scope === null) {\n+            this.scope = this;\n+        }\n+        this.initLayer(layers);\n+        var callbacks = {\n+            click: this.clickFeature,\n+            clickout: this.clickoutFeature\n+        };\n+        if (this.hover) {\n+            callbacks.over = this.overFeature;\n+            callbacks.out = this.outFeature;\n+        }\n+\n+        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n+        this.handlers = {\n+            feature: new OpenLayers.Handler.Feature(\n+                this, this.layer, this.callbacks, {\n+                    geometryTypes: this.geometryTypes\n+                }\n+            )\n+        };\n+\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(\n+                this, {\n+                    done: this.selectBox\n+                }, {\n+                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n+                }\n+            );\n+        }\n     },\n \n     /**\n-     * APIMethod: destroy\n+     * Method: initLayer\n+     * Assign the layer property. If layers is an array, we need to use\n+     *     a RootContainer.\n+     *\n+     * Parameters:\n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n      */\n-    destroy: function() {\n+    initLayer: function(layers) {\n+        if (OpenLayers.Util.isArray(layers)) {\n+            this.layers = layers;\n+            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n+                this.id + \"_container\", {\n+                    layers: layers\n+                }\n+            );\n+        } else {\n+            this.layer = layers;\n+        }\n+    },\n \n-        //clear out layers info and unregister their events\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        if (this.active && this.layers) {\n+            this.map.removeLayer(this.layer);\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        if (this.layers) {\n+            this.layer.destroy();\n+        }\n+    },\n \n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+    /**\n+     * Method: activate\n+     * Activates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n+     */\n+    activate: function() {\n+        if (!this.active) {\n+            if (this.layers) {\n+                this.map.addLayer(this.layer);\n+            }\n+            this.handlers.feature.activate();\n+            if (this.box && this.handlers.box) {\n+                this.handlers.box.activate();\n+            }\n+        }\n+        return OpenLayers.Control.prototype.activate.apply(\n+            this, arguments\n+        );\n+    },\n \n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    /**\n+     * Method: deactivate\n+     * Deactivates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n+     */\n+    deactivate: function() {\n+        if (this.active) {\n+            this.handlers.feature.deactivate();\n+            if (this.handlers.box) {\n+                this.handlers.box.deactivate();\n+            }\n+            if (this.layers) {\n+                this.map.removeLayer(this.layer);\n+            }\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n     },\n \n     /**\n-     * Method: setMap\n+     * Method: unselectAll\n+     * Unselect all selected features.  To unselect all except for a single\n+     *     feature, set the options.except property to the feature.\n      *\n-     * Properties:\n-     * map - {<OpenLayers.Map>}\n+     * Parameters:\n+     * options - {Object} Optional configuration object.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    unselectAll: function(options) {\n+        // we'll want an option to supress notification here\n+        var layers = this.layers || [this.layer],\n+            layer, feature, l, numExcept;\n+        for (l = 0; l < layers.length; ++l) {\n+            layer = layers[l];\n+            numExcept = 0;\n+            //layer.selectedFeatures is null when layer is destroyed and \n+            //one of it's preremovelayer listener calls setLayer \n+            //with another layer on this control\n+            if (layer.selectedFeatures != null) {\n+                while (layer.selectedFeatures.length > numExcept) {\n+                    feature = layer.selectedFeatures[numExcept];\n+                    if (!options || options.except != feature) {\n+                        this.unselect(feature);\n+                    } else {\n+                        ++numExcept;\n+                    }\n+                }\n+            }\n+        }\n+    },\n \n-        this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+    /**\n+     * Method: clickFeature\n+     * Called on click in a feature\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    clickFeature: function(feature) {\n+        if (!this.hover) {\n+            var selected = (OpenLayers.Util.indexOf(\n+                feature.layer.selectedFeatures, feature) > -1);\n+            if (selected) {\n+                if (this.toggleSelect()) {\n+                    this.unselect(feature);\n+                } else if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+            } else {\n+                if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+                this.select(feature);\n+            }\n         }\n     },\n \n     /**\n-     * Method: draw\n+     * Method: multipleSelect\n+     * Allow for multiple selected features based on <multiple> property and\n+     *     <multipleKey> event modifier.\n      *\n      * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the\n-     *     switcher tabs.\n+     * {Boolean} Allow for multiple selected features.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n+    multipleSelect: function() {\n+        return this.multiple || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.multipleKey]);\n+    },\n \n-        // create layout divs\n-        this.loadContents();\n+    /**\n+     * Method: toggleSelect\n+     * Event should toggle the selected state of a feature based on <toggle>\n+     *     property and <toggleKey> event modifier.\n+     *\n+     * Returns:\n+     * {Boolean} Toggle the selected state of a feature.\n+     */\n+    toggleSelect: function() {\n+        return this.toggle || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.toggleKey]);\n+    },\n \n-        // set mode to minimize\n-        if (!this.outsideViewport) {\n-            this.minimizeControl();\n+    /**\n+     * Method: clickoutFeature\n+     * Called on click outside a previously clicked (selected) feature.\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Vector.Feature>} \n+     */\n+    clickoutFeature: function(feature) {\n+        if (!this.hover && this.clickout) {\n+            this.unselectAll();\n         }\n-\n-        // populate div with current info\n-        this.redraw();\n-\n-        return this.div;\n     },\n \n     /**\n-     * Method: onButtonClick\n+     * Method: overFeature\n+     * Called on over a feature.\n+     * Only responds if this.hover is true.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl();\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl();\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"]);\n+    overFeature: function(feature) {\n+        var layer = feature.layer;\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                this.highlight(feature);\n+            } else if (OpenLayers.Util.indexOf(\n+                    layer.selectedFeatures, feature) == -1) {\n+                this.select(feature);\n             }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap();\n+        }\n+    },\n+\n+    /**\n+     * Method: outFeature\n+     * Called on out of a selected feature.\n+     * Only responds if this.hover is true.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    outFeature: function(feature) {\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                // we do nothing if we're not the last highlighter of the\n+                // feature\n+                if (feature._lastHighlighter == this.id) {\n+                    // if another select control had highlighted the feature before\n+                    // we did it ourself then we use that control to highlight the\n+                    // feature as it was before we highlighted it, else we just\n+                    // unhighlight it\n+                    if (feature._prevHighlighter &&\n+                        feature._prevHighlighter != this.id) {\n+                        delete feature._lastHighlighter;\n+                        var control = this.map.getControl(\n+                            feature._prevHighlighter);\n+                        if (control) {\n+                            control.highlight(feature);\n+                        }\n+                    } else {\n+                        this.unhighlight(feature);\n+                    }\n                 }\n+            } else {\n+                this.unselect(feature);\n             }\n         }\n     },\n \n     /**\n-     * Method: clearLayersArray\n-     * User specifies either \"base\" or \"data\". we then clear all the\n-     *     corresponding listeners, the div, and reinitialize a new array.\n+     * Method: highlight\n+     * Redraw feature with the select style.\n      *\n      * Parameters:\n-     * layersType - {String}\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = [];\n+    highlight: function(feature) {\n+        var layer = feature.layer;\n+        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n+            feature: feature\n+        });\n+        if (cont !== false) {\n+            feature._prevHighlighter = feature._lastHighlighter;\n+            feature._lastHighlighter = this.id;\n+            var style = this.selectStyle || this.renderIntent;\n+            layer.drawFeature(feature, style);\n+            this.events.triggerEvent(\"featurehighlighted\", {\n+                feature: feature\n+            });\n+        }\n     },\n \n-\n     /**\n-     * Method: checkRedraw\n-     * Checks if the layer state has changed since the last redraw() call.\n+     * Method: unhighlight\n+     * Redraw feature with the \"default\" style\n      *\n-     * Returns:\n-     * {Boolean} The layer state changed since the last redraw() call.\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    checkRedraw: function() {\n-        if (!this.layerStates.length ||\n-            (this.map.layers.length != this.layerStates.length)) {\n-            return true;\n+    unhighlight: function(feature) {\n+        var layer = feature.layer;\n+        // three cases:\n+        // 1. there's no other highlighter, in that case _prev is undefined,\n+        //    and we just need to undef _last\n+        // 2. another control highlighted the feature after we did it, in\n+        //    that case _last references this other control, and we just\n+        //    need to undef _prev\n+        // 3. another control highlighted the feature before we did it, in\n+        //    that case _prev references this other control, and we need to\n+        //    set _last to _prev and undef _prev\n+        if (feature._prevHighlighter == undefined) {\n+            delete feature._lastHighlighter;\n+        } else if (feature._prevHighlighter == this.id) {\n+            delete feature._prevHighlighter;\n+        } else {\n+            feature._lastHighlighter = feature._prevHighlighter;\n+            delete feature._prevHighlighter;\n         }\n+        layer.drawFeature(feature, feature.style || feature.layer.style ||\n+            \"default\");\n+        this.events.triggerEvent(\"featureunhighlighted\", {\n+            feature: feature\n+        });\n+    },\n \n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if ((layerState.name != layer.name) ||\n-                (layerState.inRange != layer.inRange) ||\n-                (layerState.id != layer.id) ||\n-                (layerState.visibility != layer.visibility)) {\n-                return true;\n+    /**\n+     * Method: select\n+     * Add feature to the layer's selectedFeature array, render the feature as\n+     * selected, and call the onSelect function.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    select: function(feature) {\n+        var cont = this.onBeforeSelect.call(this.scope, feature);\n+        var layer = feature.layer;\n+        if (cont !== false) {\n+            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n+                feature: feature\n+            });\n+            if (cont !== false) {\n+                layer.selectedFeatures.push(feature);\n+                this.highlight(feature);\n+                // if the feature handler isn't involved in the feature\n+                // selection (because the box handler is used or the\n+                // feature is selected programatically) we fake the\n+                // feature handler to allow unselecting on click\n+                if (!this.handlers.feature.lastFeature) {\n+                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n+                }\n+                layer.events.triggerEvent(\"featureselected\", {\n+                    feature: feature\n+                });\n+                this.onSelect.call(this.scope, feature);\n             }\n         }\n+    },\n \n-        return false;\n+    /**\n+     * Method: unselect\n+     * Remove feature from the layer's selectedFeature array, render the feature as\n+     * normal, and call the onUnselect function.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     */\n+    unselect: function(feature) {\n+        var layer = feature.layer;\n+        // Store feature style for restoration later\n+        this.unhighlight(feature);\n+        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n+        layer.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        });\n+        this.onUnselect.call(this.scope, feature);\n     },\n \n     /**\n-     * Method: redraw\n-     * Goes through and takes the current state of the Map and rebuilds the\n-     *     control to display that state. Groups base layers into a\n-     *     radio-button group and lists each data layer with a checkbox.\n+     * Method: selectBox\n+     * Callback from the handlers.box set up when <box> selection is true\n+     *     on.\n      *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n+     * Parameters:\n+     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n      */\n-    redraw: function() {\n-        //if the state hasn't changed since last redraw, no need\n-        // to do anything. Just return the existing div.\n-        if (!this.checkRedraw()) {\n-            return this.div;\n-        }\n+    selectBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            var bounds = new OpenLayers.Bounds(\n+                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n+            );\n \n-        //clear out previous layers\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n+            // if multiple is false, first deselect currently selected features\n+            if (!this.multipleSelect()) {\n+                this.unselectAll();\n+            }\n \n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n+            // because we're using a box, we consider we want multiple selection\n+            var prevMultiple = this.multiple;\n+            this.multiple = true;\n+            var layers = this.layers || [this.layer];\n+            this.events.triggerEvent(\"boxselectionstart\", {\n+                layers: layers\n+            });\n+            var layer;\n+            for (var l = 0; l < layers.length; ++l) {\n+                layer = layers[l];\n+                for (var i = 0, len = layer.features.length; i < len; ++i) {\n+                    var feature = layer.features[i];\n+                    // check if the feature is displayed\n+                    if (!feature.getVisibility()) {\n+                        continue;\n+                    }\n \n-        // Save state -- for checking layer if the map state changed.\n-        // We save this before redrawing, because in the process of redrawing\n-        // we will trigger more visibility changes, and we want to not redraw\n-        // and enter an infinite loop.\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                'name': layer.name,\n-                'visibility': layer.visibility,\n-                'inRange': layer.inRange,\n-                'id': layer.id\n-            };\n+                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n+                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n+                        if (bounds.toGeometry().intersects(feature.geometry)) {\n+                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n+                                this.select(feature);\n+                            }\n+                        }\n+                    }\n+                }\n+            }\n+            this.multiple = prevMultiple;\n+            this.events.triggerEvent(\"boxselectionend\", {\n+                layers: layers\n+            });\n         }\n+    },\n \n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse();\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        this.handlers.feature.setMap(map);\n+        if (this.box) {\n+            this.handlers.box.setMap(map);\n         }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    },\n \n-            if (layer.displayInLayerSwitcher) {\n+    /**\n+     * APIMethod: setLayer\n+     * Attach a new layer to the control, overriding any existing layers.\n+     *\n+     * Parameters:\n+     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n+     *     {<OpenLayers.Layer.Vector>}\n+     */\n+    setLayer: function(layers) {\n+        var isActive = this.active;\n+        this.unselectAll();\n+        this.deactivate();\n+        if (this.layers) {\n+            this.layer.destroy();\n+            this.layers = null;\n+        }\n+        this.initLayer(layers);\n+        this.handlers.feature.layer = this.layer;\n+        if (isActive) {\n+            this.activate();\n+        }\n+    },\n \n-                if (baseLayer) {\n-                    containsBaseLayers = true;\n-                } else {\n-                    containsOverlays = true;\n-                }\n+    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Measure.js\n+   ====================================================================== */\n \n-                // only check a baselayer if it is *the* baselayer, check data\n-                //  layers if they are visible\n-                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n-                    layer.getVisibility();\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                // create input element\n-                var inputElem = document.createElement(\"input\"),\n-                    // The input shall have an id attribute so we can use\n-                    // labels to interact with them.\n-                    inputId = OpenLayers.Util.createUniqueID(\n-                        this.id + \"_input_\"\n-                    );\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n \n-                inputElem.id = inputId;\n-                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n+/**\n+ * Class: OpenLayers.Control.Measure\n+ * Allows for drawing of features for measurements.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Measure = OpenLayers.Class(OpenLayers.Control, {\n \n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true;\n-                }\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * measure - Triggered when a measurement sketch is complete.  Listeners\n+     *      will receive an event with measure, units, order, and geometry\n+     *      properties.\n+     * measurepartial - Triggered when a new point is added to the\n+     *      measurement sketch or if the <immediate> property is true and the\n+     *      measurement sketch is modified.  Listeners receive an event with measure,\n+     *      units, order, and geometry.\n+     */\n \n-                // create span\n-                var labelSpan = document.createElement(\"label\");\n-                // this isn't the DOM attribute 'for', but an arbitrary name we\n-                // use to find the appropriate input element in <onButtonClick>\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\";\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n-                    \"baseline\";\n-                // create line break\n-                var br = document.createElement(\"br\");\n+    /**\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n+     */\n \n+    /**\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n+     */\n+    callbacks: null,\n \n-                var groupArray = (baseLayer) ? this.baseLayers :\n-                    this.dataLayers;\n-                groupArray.push({\n-                    'layer': layer,\n-                    'inputElem': inputElem,\n-                    'labelSpan': labelSpan\n-                });\n+    /**\n+     * APIProperty: displaySystem\n+     * {String} Display system for output measurements.  Supported values\n+     *     are 'english', 'metric', and 'geographic'.  Default is 'metric'.\n+     */\n+    displaySystem: 'metric',\n \n+    /**\n+     * APIProperty: geodesic\n+     * {Boolean} Calculate geodesic metrics instead of planar metrics.  This\n+     *     requires that geometries can be transformed into Geographic/WGS84\n+     *     (if that is not already the map projection).  Default is false.\n+     */\n+    geodesic: false,\n \n-                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n-                    this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br);\n-            }\n-        }\n+    /**\n+     * Property: displaySystemUnits\n+     * {Object} Units for various measurement systems.  Values are arrays\n+     *     of unit abbreviations (from OpenLayers.INCHES_PER_UNIT) in decreasing\n+     *     order of length.\n+     */\n+    displaySystemUnits: {\n+        geographic: ['dd'],\n+        english: ['mi', 'ft', 'in'],\n+        metric: ['km', 'm']\n+    },\n \n-        // if no overlays, dont display the overlay label\n-        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n+    /**\n+     * Property: delay\n+     * {Number} Number of milliseconds between clicks before the event is\n+     *     considered a double-click.  The \"measurepartial\" event will not\n+     *     be triggered if the sketch is completed within this time.  This\n+     *     is required for IE where creating a browser reflow (if a listener\n+     *     is modifying the DOM by displaying the measurement values) messes\n+     *     with the dblclick listener in the sketch handler.\n+     */\n+    partialDelay: 300,\n \n-        // if no baselayers, dont display the baselayer label\n-        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n+    /**\n+     * Property: delayedTrigger\n+     * {Number} Timeout id of trigger for measurepartial.\n+     */\n+    delayedTrigger: null,\n \n-        return this.div;\n-    },\n+    /**\n+     * APIProperty: persist\n+     * {Boolean} Keep the temporary measurement sketch drawn after the\n+     *     measurement is complete.  The geometry will persist until a new\n+     *     measurement is started, the control is deactivated, or <cancel> is\n+     *     called.\n+     */\n+    persist: false,\n \n     /**\n-     * Method: updateMap\n-     * Cycles through the loaded data and base layer input arrays and makes\n-     *     the necessary calls to the Map object such that that the map's\n-     *     visual state corresponds to what the user has selected in\n-     *     the control.\n+     * APIProperty: immediate\n+     * {Boolean} Activates the immediate measurement so that the \"measurepartial\"\n+     *     event is also fired once the measurement sketch is modified.\n+     *     Default is false.\n      */\n-    updateMap: function() {\n+    immediate: false,\n \n-        // set the newly selected base layer\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false);\n-            }\n+    /**\n+     * Constructor: OpenLayers.Control.Measure\n+     *\n+     * Parameters:\n+     * handler - {<OpenLayers.Handler>}\n+     * options - {Object}\n+     */\n+    initialize: function(handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        var callbacks = {\n+            done: this.measureComplete,\n+            point: this.measurePartial\n+        };\n+        if (this.immediate) {\n+            callbacks.modify = this.measureImmediate;\n         }\n+        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n \n-        // set the correct visibilities for the overlays\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n+        // let the handler options override, so old code that passes 'persist'\n+        // directly to the handler does not need an update\n+        this.handlerOptions = OpenLayers.Util.extend({\n+            persist: this.persist\n+        }, this.handlerOptions);\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     */\n+    deactivate: function() {\n+        this.cancelDelay();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n+    },\n+\n+    /**\n+     * APIMethod: cancel\n+     * Stop the control from measuring.  If <persist> is true, the temporary\n+     *     sketch will be erased.\n+     */\n+    cancel: function() {\n+        this.cancelDelay();\n+        this.handler.cancel();\n+    },\n+\n+    /**\n+     * APIMethod: setImmediate\n+     * Sets the <immediate> property. Changes the activity of immediate\n+     * measurement.\n+     */\n+    setImmediate: function(immediate) {\n+        this.immediate = immediate;\n+        if (this.immediate) {\n+            this.callbacks.modify = this.measureImmediate;\n+        } else {\n+            delete this.callbacks.modify;\n         }\n+    },\n \n+    /**\n+     * Method: updateHandler\n+     *\n+     * Parameters:\n+     * handler - {Function} One of the sketch handler constructors.\n+     * options - {Object} Options for the handler.\n+     */\n+    updateHandler: function(handler, options) {\n+        var active = this.active;\n+        if (active) {\n+            this.deactivate();\n+        }\n+        this.handler = new handler(this, this.callbacks, options);\n+        if (active) {\n+            this.activate();\n+        }\n     },\n \n     /**\n-     * Method: maximizeControl\n-     * Set up the labels and divs for the control\n+     * Method: measureComplete\n+     * Called when the measurement sketch is done.\n      *\n      * Parameters:\n-     * e - {Event}\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    maximizeControl: function(e) {\n+    measureComplete: function(geometry) {\n+        this.cancelDelay();\n+        this.measure(geometry, \"measure\");\n+    },\n \n-        // set the div's width and height to empty values, so\n-        // the div dimensions can be controlled by CSS\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n+    /**\n+     * Method: measurePartial\n+     * Called each time a new point is added to the measurement sketch.\n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>} The last point added.\n+     * geometry - {<OpenLayers.Geometry>} The sketch geometry.\n+     */\n+    measurePartial: function(point, geometry) {\n+        this.cancelDelay();\n+        geometry = geometry.clone();\n+        // when we're wating for a dblclick, we have to trigger measurepartial\n+        // after some delay to deal with reflow issues in IE\n+        if (this.handler.freehandMode(this.handler.evt)) {\n+            // no dblclick in freehand mode\n+            this.measure(geometry, \"measurepartial\");\n+        } else {\n+            this.delayedTrigger = window.setTimeout(\n+                OpenLayers.Function.bind(function() {\n+                    this.delayedTrigger = null;\n+                    this.measure(geometry, \"measurepartial\");\n+                }, this),\n+                this.partialDelay\n+            );\n+        }\n+    },\n \n-        this.showControls(false);\n+    /**\n+     * Method: measureImmediate\n+     * Called each time the measurement sketch is modified.\n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>} The point at the mouse position.\n+     * feature - {<OpenLayers.Feature.Vector>} The sketch feature.\n+     * drawing - {Boolean} Indicates whether we're currently drawing.\n+     */\n+    measureImmediate: function(point, feature, drawing) {\n+        if (drawing && !this.handler.freehandMode(this.handler.evt)) {\n+            this.cancelDelay();\n+            this.measure(feature.geometry, \"measurepartial\");\n+        }\n+    },\n \n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    /**\n+     * Method: cancelDelay\n+     * Cancels the delay measurement that measurePartial began.\n+     */\n+    cancelDelay: function() {\n+        if (this.delayedTrigger !== null) {\n+            window.clearTimeout(this.delayedTrigger);\n+            this.delayedTrigger = null;\n         }\n     },\n \n     /**\n-     * Method: minimizeControl\n-     * Hide all the contents of the control, shrink the size,\n-     *     add the maximize icon\n+     * Method: measure\n      *\n      * Parameters:\n-     * e - {Event}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * eventType - {String}\n      */\n-    minimizeControl: function(e) {\n+    measure: function(geometry, eventType) {\n+        var stat, order;\n+        if (geometry.CLASS_NAME.indexOf('LineString') > -1) {\n+            stat = this.getBestLength(geometry);\n+            order = 1;\n+        } else {\n+            stat = this.getBestArea(geometry);\n+            order = 2;\n+        }\n+        this.events.triggerEvent(eventType, {\n+            measure: stat[0],\n+            units: stat[1],\n+            order: order,\n+            geometry: geometry\n+        });\n+    },\n \n-        // to minimize the control we set its div's width\n-        // and height to 0px, we cannot just set \"display\"\n-        // to \"none\" because it would hide the maximize\n-        // div\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n+    /**\n+     * Method: getBestArea\n+     * Based on the <displaySystem> returns the area of a geometry.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     *\n+     * Returns:\n+     * {Array([Float, String])}  Returns a two item array containing the\n+     *     area and the units abbreviation.\n+     */\n+    getBestArea: function(geometry) {\n+        var units = this.displaySystemUnits[this.displaySystem];\n+        var unit, area;\n+        for (var i = 0, len = units.length; i < len; ++i) {\n+            unit = units[i];\n+            area = this.getArea(geometry, unit);\n+            if (area > 1) {\n+                break;\n+            }\n+        }\n+        return [area, unit];\n+    },\n \n-        this.showControls(true);\n+    /**\n+     * Method: getArea\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * units - {String} Unit abbreviation\n+     *\n+     * Returns:\n+     * {Float} The geometry area in the given units.\n+     */\n+    getArea: function(geometry, units) {\n+        var area, geomUnits;\n+        if (this.geodesic) {\n+            area = geometry.getGeodesicArea(this.map.getProjectionObject());\n+            geomUnits = \"m\";\n+        } else {\n+            area = geometry.getArea();\n+            geomUnits = this.map.getUnits();\n+        }\n+        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n+        if (inPerDisplayUnit) {\n+            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n+            area *= Math.pow((inPerMapUnit / inPerDisplayUnit), 2);\n+        }\n+        return area;\n+    },\n \n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    /**\n+     * Method: getBestLength\n+     * Based on the <displaySystem> returns the length of a geometry.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     *\n+     * Returns:\n+     * {Array([Float, String])}  Returns a two item array containing the\n+     *     length and the units abbreviation.\n+     */\n+    getBestLength: function(geometry) {\n+        var units = this.displaySystemUnits[this.displaySystem];\n+        var unit, length;\n+        for (var i = 0, len = units.length; i < len; ++i) {\n+            unit = units[i];\n+            length = this.getLength(geometry, unit);\n+            if (length > 1) {\n+                break;\n+            }\n         }\n+        return [length, unit];\n     },\n \n     /**\n-     * Method: showControls\n-     * Hide/Show all LayerSwitcher controls depending on whether we are\n-     *     minimized or not\n+     * Method: getLength\n      *\n      * Parameters:\n-     * minimize - {Boolean}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * units - {String} Unit abbreviation\n+     *\n+     * Returns:\n+     * {Float} The geometry length in the given units.\n      */\n-    showControls: function(minimize) {\n+    getLength: function(geometry, units) {\n+        var length, geomUnits;\n+        if (this.geodesic) {\n+            length = geometry.getGeodesicLength(this.map.getProjectionObject());\n+            geomUnits = \"m\";\n+        } else {\n+            length = geometry.getLength();\n+            geomUnits = this.map.getUnits();\n+        }\n+        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n+        if (inPerDisplayUnit) {\n+            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n+            length *= (inPerMapUnit / inPerDisplayUnit);\n+        }\n+        return length;\n+    },\n \n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n+    CLASS_NAME: \"OpenLayers.Control.Measure\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Geolocate.js\n+   ====================================================================== */\n \n-        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Geolocate\n+ * The Geolocate control wraps w3c geolocation API into control that can be\n+ * bound to a map, and generate events on location update\n+ *\n+ * To use this control requires to load the proj4js library if the projection\n+ * of the map is not EPSG:4326 or EPSG:900913.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * locationupdated - Triggered when browser return a new position. Listeners will \n+     *     receive an object with a 'position' property which is the browser.geolocation.position\n+     *     native object, as well as a 'point' property which is the location transformed in the \n+     *     current map projection.\n+     * locationfailed - Triggered when geolocation has failed\n+     * locationuncapable - Triggered when control is activated on a browser\n+     *     which doesn't support geolocation\n+     */\n \n     /**\n-     * Method: loadContents\n-     * Set up the labels and divs for the control\n+     * Property: geolocation\n+     * {Object} The geolocation engine, as a property to be possibly mocked.\n+     * This is set lazily to avoid a memory leak in IE9.\n      */\n-    loadContents: function() {\n+    geolocation: null,\n \n-        // layers list div\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n+    /**\n+     * Property: available\n+     * {Boolean} The navigator.geolocation object is available.\n+     */\n+    available: ('geolocation' in navigator),\n \n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n+    /**\n+     * APIProperty: bind\n+     * {Boolean} If true, map center will be set on location update.\n+     */\n+    bind: true,\n \n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+    /**\n+     * APIProperty: watch\n+     * {Boolean} If true, position will be update regularly.\n+     */\n+    watch: false,\n \n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+    /**\n+     * APIProperty: geolocationOptions\n+     * {Object} Options to pass to the navigator's geolocation API. See\n+     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n+     *     option is passed to the geolocation API by default.\n+     */\n+    geolocationOptions: null,\n \n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+    /**\n+     * Constructor: OpenLayers.Control.Geolocate\n+     * Create a new control to deal with browser geolocation API\n+     *\n+     */\n \n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activates the control.\n+     *\n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n+     */\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            // set lazily to avoid IE9 memory leak\n+            this.geolocation = navigator.geolocation;\n+        }\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false;\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(\n+                    OpenLayers.Function.bind(this.geolocate, this),\n+                    OpenLayers.Function.bind(this.failure, this),\n+                    this.geolocationOptions\n+                );\n+            } else {\n+                this.getCurrentLocation();\n+            }\n+            return true;\n         }\n+        return false;\n+    },\n \n-        this.div.appendChild(this.layersDiv);\n+    /**\n+     * Method: deactivate\n+     * Deactivates the control.\n+     *\n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n+     */\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId);\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n+    },\n \n-        // maximize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MaximizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n+    /**\n+     * Method: geolocate\n+     * Activates the control.\n+     *\n+     */\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(\n+            position.coords.longitude,\n+            position.coords.latitude\n+        ).transform(\n+            new OpenLayers.Projection(\"EPSG:4326\"),\n+            this.map.getProjectionObject()\n+        );\n+        if (this.bind) {\n+            this.map.setCenter(center);\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(\n+                center.lon, center.lat\n+            )\n+        });\n+    },\n \n-        this.div.appendChild(this.maximizeDiv);\n+    /**\n+     * APIMethod: getCurrentLocation\n+     *\n+     * Returns:\n+     * {Boolean} Returns true if a event will be fired (successfull\n+     * registration)\n+     */\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false;\n+        }\n+        this.geolocation.getCurrentPosition(\n+            OpenLayers.Function.bind(this.geolocate, this),\n+            OpenLayers.Function.bind(this.failure, this),\n+            this.geolocationOptions\n+        );\n+        return true;\n+    },\n \n-        // minimize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MinimizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n+    /**\n+     * Method: failure\n+     * method called on browser's geolocation failure\n+     *\n+     */\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        });\n+    },\n \n-        this.div.appendChild(this.minimizeDiv);\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/ZoomIn.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/Button.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.ZoomIn\n+ * The ZoomIn control is a button to increase the zoom level of a map.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n+\n+    /**\n+     * Method: trigger\n+     */\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomIn();\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n });\n /* ======================================================================\n-    OpenLayers/Format/SLD.js\n+    OpenLayers/Control/ScaleLine.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- * @requires OpenLayers/Style.js\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/Filter/FeatureId.js\n- * @requires OpenLayers/Filter/Logical.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Control.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SLD\n- * Read/Write SLD. Create a new instance with the <OpenLayers.Format.SLD>\n- *     constructor.\n+ * Class: OpenLayers.Control.ScaleLine\n+ * The ScaleLine displays a small line indicator representing the current \n+ * map scale on the map. By default it is drawn in the lower left corner of\n+ * the map.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Control>\n+ *  \n+ * Is a very close copy of:\n+ *  - <OpenLayers.Control.Scale>\n  */\n-OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: profile\n-     * {String} If provided, use a custom profile.\n-     *\n-     * Currently supported profiles:\n-     * - GeoServer - parses GeoServer vendor specific capabilities for SLD.\n+     * Property: maxWidth\n+     * {Integer} Maximum width of the scale line in pixels.  Default is 100.\n      */\n-    profile: null,\n+    maxWidth: 100,\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n+     * Property: topOutUnits\n+     * {String} Units for zoomed out on top bar.  Default is km.\n      */\n-    defaultVersion: \"1.0.0\",\n+    topOutUnits: \"km\",\n \n     /**\n-     * APIProperty: stringifyOutput\n-     * {Boolean} If true, write will return a string otherwise a DOMElement.\n-     * Default is true.\n+     * Property: topInUnits\n+     * {String} Units for zoomed in on top bar.  Default is m.\n      */\n-    stringifyOutput: true,\n+    topInUnits: \"m\",\n \n     /**\n-     * APIProperty: namedLayersAsArray\n-     * {Boolean} Generate a namedLayers array.  If false, the namedLayers\n-     *     property value will be an object keyed by layer name. Default is\n-     *     false.\n+     * Property: bottomOutUnits\n+     * {String} Units for zoomed out on bottom bar.  Default is mi.\n      */\n-    namedLayersAsArray: false,\n+    bottomOutUnits: \"mi\",\n \n     /**\n-     * APIMethod: write\n-     * Write a SLD document given a list of styles.\n-     *\n+     * Property: bottomInUnits\n+     * {String} Units for zoomed in on bottom bar.  Default is ft.\n+     */\n+    bottomInUnits: \"ft\",\n+\n+    /**\n+     * Property: eTop\n+     * {DOMElement}\n+     */\n+    eTop: null,\n+\n+    /**\n+     * Property: eBottom\n+     * {DOMElement}\n+     */\n+    eBottom: null,\n+\n+    /**\n+     * APIProperty: geodesic\n+     * {Boolean} Use geodesic measurement. Default is false. The recommended\n+     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n+     * true, the scale will be calculated based on the horizontal size of the\n+     * pixel in the center of the map viewport.\n+     */\n+    geodesic: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.ScaleLine\n+     * Create a new scale line control.\n+     * \n      * Parameters:\n-     * sld - {Object} An object representing the SLD.\n-     * options - {Object} Optional configuration object.\n-     *\n-     * Returns:\n-     * {String} An SLD document string.\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n \n     /**\n-     * APIMethod: read\n-     * Read and SLD doc and return an object representing the SLD.\n-     *\n+     * Method: draw\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.eTop) {\n+            // stick in the top bar\n+            this.eTop = document.createElement(\"div\");\n+            this.eTop.className = this.displayClass + \"Top\";\n+            var theLen = this.topInUnits.length;\n+            this.div.appendChild(this.eTop);\n+            if ((this.topOutUnits == \"\") || (this.topInUnits == \"\")) {\n+                this.eTop.style.visibility = \"hidden\";\n+            } else {\n+                this.eTop.style.visibility = \"visible\";\n+            }\n+\n+            // and the bottom bar\n+            this.eBottom = document.createElement(\"div\");\n+            this.eBottom.className = this.displayClass + \"Bottom\";\n+            this.div.appendChild(this.eBottom);\n+            if ((this.bottomOutUnits == \"\") || (this.bottomInUnits == \"\")) {\n+                this.eBottom.style.visibility = \"hidden\";\n+            } else {\n+                this.eBottom.style.visibility = \"visible\";\n+            }\n+        }\n+        this.map.events.register('moveend', this, this.update);\n+        this.update();\n+        return this.div;\n+    },\n+\n+    /** \n+     * Method: getBarLen\n+     * Given a number, round it down to the nearest 1,2,5 times a power of 10.\n+     * That seems a fairly useful set of number groups to use.\n+     * \n      * Parameters:\n-     * data - {String | DOMElement} Data to read.\n-     * options - {Object} Options for the reader.\n-     *\n+     * maxLen - {float}  the number we're rounding down from\n+     * \n      * Returns:\n-     * {Object} An object representing the SLD.\n+     * {Float} the rounded number (less than or equal to maxLen)\n      */\n+    getBarLen: function(maxLen) {\n+        // nearest power of 10 lower than maxLen\n+        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n+        var pow10 = Math.pow(10, digits);\n \n-    CLASS_NAME: \"OpenLayers.Format.SLD\"\n+        // ok, find first character\n+        var firstChar = parseInt(maxLen / pow10);\n+\n+        // right, put it into the correct bracket\n+        var barLen;\n+        if (firstChar > 5) {\n+            barLen = 5;\n+        } else if (firstChar > 2) {\n+            barLen = 2;\n+        } else {\n+            barLen = 1;\n+        }\n+\n+        // scale it up the correct power of 10\n+        return barLen * pow10;\n+    },\n+\n+    /**\n+     * Method: update\n+     * Update the size of the bars, and the labels they contain.\n+     */\n+    update: function() {\n+        var res = this.map.getResolution();\n+        if (!res) {\n+            return;\n+        }\n+\n+        var curMapUnits = this.map.getUnits();\n+        var inches = OpenLayers.INCHES_PER_UNIT;\n+\n+        // convert maxWidth to map units\n+        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n+        var geodesicRatio = 1;\n+        if (this.geodesic === true) {\n+            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w ||\n+                0.000001) * this.maxWidth;\n+            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n+            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n+            maxSizeData *= geodesicRatio;\n+        }\n+\n+        // decide whether to use large or small scale units     \n+        var topUnits;\n+        var bottomUnits;\n+        if (maxSizeData > 100000) {\n+            topUnits = this.topOutUnits;\n+            bottomUnits = this.bottomOutUnits;\n+        } else {\n+            topUnits = this.topInUnits;\n+            bottomUnits = this.bottomInUnits;\n+        }\n+\n+        // and to map units units\n+        var topMax = maxSizeData / inches[topUnits];\n+        var bottomMax = maxSizeData / inches[bottomUnits];\n+\n+        // now trim this down to useful block length\n+        var topRounded = this.getBarLen(topMax);\n+        var bottomRounded = this.getBarLen(bottomMax);\n+\n+        // and back to display units\n+        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n+        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n+\n+        // and to pixel units\n+        var topPx = topMax / res / geodesicRatio;\n+        var bottomPx = bottomMax / res / geodesicRatio;\n+\n+        // now set the pixel widths\n+        // and the values inside them\n+\n+        if (this.eBottom.style.visibility == \"visible\") {\n+            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n+            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits;\n+        }\n+\n+        if (this.eTop.style.visibility == \"visible\") {\n+            this.eTop.style.width = Math.round(topPx) + \"px\";\n+            this.eTop.innerHTML = topRounded + \" \" + topUnits;\n+        }\n+\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Format/GML/v2.js\n+    OpenLayers/Control/MousePosition.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Format/GML/Base.js\n+ * @requires OpenLayers/Control.js\n  */\n \n /**\n- * Class: OpenLayers.Format.GML.v2\n- * Parses GML version 2.\n+ * Class: OpenLayers.Control.MousePosition\n+ * The MousePosition control displays geographic coordinates of the mouse\n+ * pointer, as it is moved about the map.\n+ *\n+ * You can use the <prefix>- or <suffix>-properties to provide more information\n+ * about the displayed coordinates to the user:\n+ *\n+ * (code)\n+ *     var mousePositionCtrl = new OpenLayers.Control.MousePosition({\n+ *         prefix: '<a target=\"_blank\" ' +\n+ *             'href=\"http://spatialreference.org/ref/epsg/4326/\">' +\n+ *             'EPSG:4326</a> coordinates: '\n+ *         }\n+ *     );\n+ * (end code)\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.GML.Base>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n+OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n+    autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Format.GML.v2\n-     * Create a parser for GML v2.\n+     * Property: element\n+     * {DOMElement}\n+     */\n+    element: null,\n+\n+    /**\n+     * APIProperty: prefix\n+     * {String} A string to be prepended to the current pointers coordinates\n+     *     when it is rendered.  Defaults to the empty string ''.\n+     */\n+    prefix: '',\n+\n+    /**\n+     * APIProperty: separator\n+     * {String} A string to be used to seperate the two coordinates from each\n+     *     other.  Defaults to the string ', ', which will result in a\n+     *     rendered coordinate of e.g. '42.12, 21.22'.\n+     */\n+    separator: ', ',\n+\n+    /**\n+     * APIProperty: suffix\n+     * {String} A string to be appended to the current pointers coordinates\n+     *     when it is rendered.  Defaults to the empty string ''.\n+     */\n+    suffix: '',\n+\n+    /**\n+     * APIProperty: numDigits\n+     * {Integer} The number of digits each coordinate shall have when being\n+     *     rendered, Defaults to 5.\n+     */\n+    numDigits: 5,\n+\n+    /**\n+     * APIProperty: granularity\n+     * {Integer}\n+     */\n+    granularity: 10,\n+\n+    /**\n+     * APIProperty: emptyString\n+     * {String} Set this to some value to set when the mouse is outside the\n+     *     map.\n+     */\n+    emptyString: null,\n+\n+    /**\n+     * Property: lastXy\n+     * {<OpenLayers.Pixel>}\n+     */\n+    lastXy: null,\n+\n+    /**\n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} The projection in which the mouse position is\n+     *     displayed.\n+     */\n+    displayProjection: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.MousePosition\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (required).\n-     * geometryName - {String} Geometry element name.\n+     * options - {Object} Options for control.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options]);\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * APIMethod: activate\n      */\n-    readers: {\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"outerBoundaryIs\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.outer = obj.components[0];\n-            },\n-            \"innerBoundaryIs\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.inner.push(obj.components[0]);\n-            },\n-            \"Box\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                if (!container.components) {\n-                    container.components = [];\n-                }\n-                var min = obj.points[0];\n-                var max = obj.points[1];\n-                container.components.push(\n-                    new OpenLayers.Bounds(min.x, min.y, max.x, max.y)\n-                );\n-            }\n-        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n-        \"feature\": OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n-        \"wfs\": OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.events.register('mousemove', this, this.redraw);\n+            this.map.events.register('mouseout', this, this.reset);\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: write\n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>) | OpenLayers.Feature.Vector}\n-     *     An array of features or a single feature.\n-     *\n-     * Returns:\n-     * {String} Given an array of features, a doc with a gml:featureMembers\n-     *     element will be returned.  Given a single feature, a doc with a\n-     *     gml:featureMember element will be returned.\n+     * APIMethod: deactivate\n      */\n-    write: function(features) {\n-        var name;\n-        if (OpenLayers.Util.isArray(features)) {\n-            // GML2 only has abstract feature collections\n-            // wfs provides a feature collection from a well-known schema\n-            name = \"wfs:FeatureCollection\";\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister('mousemove', this, this.redraw);\n+            this.map.events.unregister('mouseout', this, this.reset);\n+            this.element.innerHTML = \"\";\n+            return true;\n         } else {\n-            name = \"gml:featureMember\";\n+            return false;\n         }\n-        var root = this.writeNode(name, features);\n-        this.setAttributeNS(\n-            root, this.namespaces[\"xsi\"],\n-            \"xsi:schemaLocation\", this.schemaLocation\n-        );\n+    },\n \n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+    /**\n+     * Method: draw\n+     * {DOMElement}\n+     */\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+\n+        if (!this.element) {\n+            this.div.left = \"\";\n+            this.div.top = \"\";\n+            this.element = this.div;\n+        }\n+\n+        return this.div;\n     },\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * Method: redraw\n      */\n-    writers: {\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"Point\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:Point\");\n-                this.writeNode(\"coordinates\", [geometry], node);\n-                return node;\n-            },\n-            \"coordinates\": function(points) {\n-                var numPoints = points.length;\n-                var parts = new Array(numPoints);\n-                var point;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    point = points[i];\n-                    if (this.xy) {\n-                        parts[i] = point.x + \",\" + point.y;\n-                    } else {\n-                        parts[i] = point.y + \",\" + point.x;\n-                    }\n-                    if (point.z != undefined) { // allow null or undefined\n-                        parts[i] += \",\" + point.z;\n-                    }\n-                }\n-                return this.createElementNSPlus(\"gml:coordinates\", {\n-                    attributes: {\n-                        decimal: \".\",\n-                        cs: \",\",\n-                        ts: \" \"\n-                    },\n-                    value: (numPoints == 1) ? parts[0] : parts.join(\" \")\n-                });\n-            },\n-            \"LineString\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:LineString\");\n-                this.writeNode(\"coordinates\", geometry.components, node);\n-                return node;\n-            },\n-            \"Polygon\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:Polygon\");\n-                this.writeNode(\"outerBoundaryIs\", geometry.components[0], node);\n-                for (var i = 1; i < geometry.components.length; ++i) {\n-                    this.writeNode(\n-                        \"innerBoundaryIs\", geometry.components[i], node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"outerBoundaryIs\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:outerBoundaryIs\");\n-                this.writeNode(\"LinearRing\", ring, node);\n-                return node;\n-            },\n-            \"innerBoundaryIs\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:innerBoundaryIs\");\n-                this.writeNode(\"LinearRing\", ring, node);\n-                return node;\n-            },\n-            \"LinearRing\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:LinearRing\");\n-                this.writeNode(\"coordinates\", ring.components, node);\n-                return node;\n-            },\n-            \"Box\": function(bounds) {\n-                var node = this.createElementNSPlus(\"gml:Box\");\n-                this.writeNode(\"coordinates\", [{\n-                    x: bounds.left,\n-                    y: bounds.bottom\n-                }, {\n-                    x: bounds.right,\n-                    y: bounds.top\n-                }], node);\n-                // srsName attribute is optional for gml:Box\n-                if (this.srsName) {\n-                    node.setAttribute(\"srsName\", this.srsName);\n-                }\n-                return node;\n+    redraw: function(evt) {\n+\n+        var lonLat;\n+\n+        if (evt == null) {\n+            this.reset();\n+            return;\n+        } else {\n+            if (this.lastXy == null ||\n+                Math.abs(evt.xy.x - this.lastXy.x) > this.granularity ||\n+                Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n+                this.lastXy = evt.xy;\n+                return;\n             }\n-        }, OpenLayers.Format.GML.Base.prototype.writers[\"gml\"]),\n-        \"feature\": OpenLayers.Format.GML.Base.prototype.writers[\"feature\"],\n-        \"wfs\": OpenLayers.Format.GML.Base.prototype.writers[\"wfs\"]\n+\n+            lonLat = this.map.getLonLatFromPixel(evt.xy);\n+            if (!lonLat) {\n+                // map has not yet been properly initialized\n+                return;\n+            }\n+            if (this.displayProjection) {\n+                lonLat.transform(this.map.getProjectionObject(),\n+                    this.displayProjection);\n+            }\n+            this.lastXy = evt.xy;\n+\n+        }\n+\n+        var newHtml = this.formatOutput(lonLat);\n+\n+        if (newHtml != this.element.innerHTML) {\n+            this.element.innerHTML = newHtml;\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.GML.v2\"\n+    /**\n+     * Method: reset\n+     */\n+    reset: function(evt) {\n+        if (this.emptyString != null) {\n+            this.element.innerHTML = this.emptyString;\n+        }\n+    },\n+\n+    /**\n+     * Method: formatOutput\n+     * Override to provide custom display output\n+     *\n+     * Parameters:\n+     * lonLat - {<OpenLayers.LonLat>} Location to display\n+     */\n+    formatOutput: function(lonLat) {\n+        var digits = parseInt(this.numDigits);\n+        var newHtml =\n+            this.prefix +\n+            lonLat.lon.toFixed(digits) +\n+            this.separator +\n+            lonLat.lat.toFixed(digits) +\n+            this.suffix;\n+        return newHtml;\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n });\n /* ======================================================================\n-    OpenLayers/Format/Filter/v1_0_0.js\n+    OpenLayers/Control/ZoomPanel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/GML/v2.js\n- * @requires OpenLayers/Format/Filter/v1.js\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/ZoomIn.js\n+ * @requires OpenLayers/Control/ZoomOut.js\n+ * @requires OpenLayers/Control/ZoomToMaxExtent.js\n  */\n \n /**\n- * Class: OpenLayers.Format.Filter.v1_0_0\n- * Write ogc:Filter version 1.0.0.\n+ * Class: OpenLayers.Control.ZoomPanel\n+ * The ZoomPanel control is a compact collecton of 3 zoom controls: a \n+ * <OpenLayers.Control.ZoomIn>, a <OpenLayers.Control.ZoomToMaxExtent>, and a\n+ * <OpenLayers.Control.ZoomOut>. By default it is drawn in the upper left \n+ * corner of the map.\n+ *\n+ * Note: \n+ * If you wish to use this class with the default images and you want \n+ *       it to look nice in ie6, you should add the following, conditionally\n+ *       added css stylesheet to your HTML file:\n+ * \n+ * (code)\n+ * <!--[if lte IE 6]>\n+ *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n+ * <![endif]-->\n+ * (end)\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.GML.v2>\n- *  - <OpenLayers.Format.Filter.v1>\n+ *  - <OpenLayers.Control.Panel>\n  */\n-OpenLayers.Format.Filter.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.GML.v2, OpenLayers.Format.Filter.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.Filter.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.Filter> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.GML.v2.prototype.initialize.apply(\n-                this, [options]\n-            );\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"ogc\": OpenLayers.Util.applyDefaults({\n-                \"PropertyIsEqualTo\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.EQUAL_TO\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    obj.filters.push(filter);\n-                },\n-                \"PropertyIsNotEqualTo\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.NOT_EQUAL_TO\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    obj.filters.push(filter);\n-                },\n-                \"PropertyIsLike\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.LIKE\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    var wildCard = node.getAttribute(\"wildCard\");\n-                    var singleChar = node.getAttribute(\"singleChar\");\n-                    var esc = node.getAttribute(\"escape\");\n-                    filter.value2regex(wildCard, singleChar, esc);\n-                    obj.filters.push(filter);\n-                }\n-            }, OpenLayers.Format.Filter.v1.prototype.readers[\"ogc\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"]\n-        },\n-\n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: {\n-            \"ogc\": OpenLayers.Util.applyDefaults({\n-                \"PropertyIsEqualTo\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsEqualTo\");\n-                    // no ogc:expression handling for PropertyName for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // handle Literals or Functions for now\n-                    this.writeOgcExpression(filter.value, node);\n-                    return node;\n-                },\n-                \"PropertyIsNotEqualTo\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsNotEqualTo\");\n-                    // no ogc:expression handling for PropertyName for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // handle Literals or Functions for now\n-                    this.writeOgcExpression(filter.value, node);\n-                    return node;\n-                },\n-                \"PropertyIsLike\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsLike\", {\n-                        attributes: {\n-                            wildCard: \"*\",\n-                            singleChar: \".\",\n-                            escape: \"!\"\n-                        }\n-                    });\n-                    // no ogc:expression handling for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // convert regex string to ogc string\n-                    this.writeNode(\"Literal\", filter.regex2value(), node);\n-                    return node;\n-                },\n-                \"BBOX\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n-                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n-                    // accepts filters without it. When this is used with\n-                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n-                    // missing filter.property to the geometryName that is\n-                    // configured with the protocol, which defaults to \"the_geom\".\n-                    // So the only way to omit this mandatory property is to not\n-                    // set the property on the filter and to set the geometryName\n-                    // on the WFS protocol to null. The latter also happens when\n-                    // the protocol is configured without a geometryName and a\n-                    // featureNS.\n-                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n-                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n-                    if (filter.projection) {\n-                        box.setAttribute(\"srsName\", filter.projection);\n-                    }\n-                    return node;\n-                }\n-            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n-        },\n-\n-        /**\n-         * Method: writeSpatial\n-         *\n-         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n-         *\n-         * Parameters:\n-         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n-         * name - {String} Name of the generated XML element.\n-         *\n-         * Returns:\n-         * {DOMElement} The created XML element.\n-         */\n-        writeSpatial: function(filter, name) {\n-            var node = this.createElementNSPlus(\"ogc:\" + name);\n-            this.writeNode(\"PropertyName\", filter, node);\n-            if (filter.value instanceof OpenLayers.Filter.Function) {\n-                this.writeNode(\"Function\", filter.value, node);\n-            } else {\n-                var child;\n-                if (filter.value instanceof OpenLayers.Geometry) {\n-                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n-                } else {\n-                    child = this.writeNode(\"gml:Box\", filter.value);\n-                }\n-                if (filter.projection) {\n-                    child.setAttribute(\"srsName\", filter.projection);\n-                }\n-                node.appendChild(child);\n-            }\n-            return node;\n-        },\n-\n+OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n \n-        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n+    /**\n+     * Constructor: OpenLayers.Control.ZoomPanel \n+     * Add the three zooming controls.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([\n+            new OpenLayers.Control.ZoomIn(),\n+            new OpenLayers.Control.ZoomToMaxExtent(),\n+            new OpenLayers.Control.ZoomOut()\n+        ]);\n+    },\n \n-    });\n+    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n+});\n /* ======================================================================\n-    OpenLayers/Format/SLD/v1.js\n+    OpenLayers/Control/CacheWrite.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/Format/SLD.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- * @requires OpenLayers/Symbolizer/Point.js\n- * @requires OpenLayers/Symbolizer/Line.js\n- * @requires OpenLayers/Symbolizer/Polygon.js\n- * @requires OpenLayers/Symbolizer/Text.js\n- * @requires OpenLayers/Symbolizer/Raster.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Console.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SLD.v1\n- * Superclass for SLD version 1 parsers.\n+ * Class: OpenLayers.Control.CacheWrite\n+ * A control for caching image tiles in the browser's local storage. The\n+ * <OpenLayers.Control.CacheRead> control is used to fetch and use the cached\n+ * tile images.\n+ *\n+ * Note: Before using this control on any layer that is not your own, make sure\n+ * that the terms of service of the tile provider allow local storage of tiles.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.Filter.v1_0_0>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.SLD.v1 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, {\n+OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * To register events in the constructor, configure <eventListeners>.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * cachefull - Triggered when the cache is full. Listeners receive an\n+     *     object with a tile property as first argument. The tile references\n+     *     the tile that couldn't be cached.\n      */\n-    namespaces: {\n-        sld: \"http://www.opengis.net/sld\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n \n     /**\n-     * Property: defaultPrefix\n+     * APIProperty: eventListeners\n+     * {Object} Object with event listeners, keyed by event name. An optional\n+     *     scope property defines the scope that listeners will be executed in.\n      */\n-    defaultPrefix: \"sld\",\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, caching\n+     *     will be enabled for these layers only, otherwise for all cacheable\n+     *     layers.\n      */\n-    schemaLocation: null,\n+    layers: null,\n \n-    /** \n-     * APIProperty: multipleSymbolizers\n-     * {Boolean} Support multiple symbolizers per rule.  Default is false.  if\n-     *     true, an OpenLayers.Style2 instance will be created to represent \n-     *     user styles instead of an OpenLayers.Style instace.  The \n-     *     OpenLayers.Style2 class allows collections of rules with multiple\n-     *     symbolizers, but is not currently useful for client side rendering.\n-     *     If multiple symbolizers is true, multiple FeatureTypeStyle elements\n-     *     are preserved in reading/writing by setting symbolizer zIndex values.\n-     *     In addition, the <defaultSymbolizer> property is ignored if \n-     *     multiple symbolizers are supported (defaults should be applied\n-     *     when rendering).\n+    /**\n+     * APIProperty: imageFormat\n+     * {String} The image format used for caching. The default is \"image/png\".\n+     *     Supported formats depend on the user agent. If an unsupported\n+     *     <imageFormat> is provided, \"image/png\" will be used. For aerial\n+     *     imagery, \"image/jpeg\" is recommended.\n      */\n-    multipleSymbolizers: false,\n+    imageFormat: \"image/png\",\n \n     /**\n-     * Property: featureTypeCounter\n-     * {Number} Private counter for multiple feature type styles.\n+     * Property: quotaRegEx\n+     * {RegExp}\n      */\n-    featureTypeCounter: null,\n+    quotaRegEx: (/quota/i),\n \n     /**\n-     * APIProperty: defaultSymbolizer.\n-     * {Object} A symbolizer with the SLD defaults.\n+     * Constructor: OpenLayers.Control.CacheWrite\n+     *\n+     * Parameters:\n+     * options - {Object} Object with API properties for this control.\n      */\n-    defaultSymbolizer: {\n-        fillColor: \"#808080\",\n-        fillOpacity: 1,\n-        strokeColor: \"#000000\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeDashstyle: \"solid\",\n-        pointRadius: 3,\n-        graphicName: \"square\"\n+\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            });\n+        }\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n+        }\n     },\n \n     /**\n-     * Constructor: OpenLayers.Format.SLD.v1\n-     * Instances of this class are not created directly.  Use the\n-     *     <OpenLayers.Format.SLD> constructor instead.\n+     * Method: addLayer\n+     * Adds a layer to the control. Once added, tiles requested for this layer\n+     *     will be cached.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n      */\n+    addLayer: function(evt) {\n+        evt.layer.events.on({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        });\n+    },\n \n     /**\n-     * Method: read\n+     * Method: removeLayer\n+     * Removes a layer from the control. Once removed, tiles requested for this\n+     *     layer will no longer be cached.\n      *\n      * Parameters:\n-     * data - {DOMElement} An SLD document element.\n-     * options - {Object} Options for the reader.\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n+     */\n+    removeLayer: function(evt) {\n+        evt.layer.events.un({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        });\n+    },\n+\n+    /**\n+     * Method: makeSameOrigin\n+     * If the tile does not have CORS image loading enabled and is from a\n+     * different origin, use OpenLayers.ProxyHost to make it a same origin url.\n      *\n-     * Valid options:\n-     * namedLayersAsArray - {Boolean}  Generate a namedLayers array.  If false,\n-     *     the namedLayers property value will be an object keyed by layer name.\n-     *     Default is false.\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n+     */\n+    makeSameOrigin: function(evt) {\n+        if (this.active) {\n+            var tile = evt.tile;\n+            if (tile instanceof OpenLayers.Tile.Image &&\n+                !tile.crossOriginKeyword &&\n+                tile.url.substr(0, 5) !== \"data:\") {\n+                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(\n+                    tile.url, OpenLayers.ProxyHost\n+                );\n+                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n+                tile.url = sameOriginUrl;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: onTileLoaded\n+     * Decides whether a tile can be cached and calls the cache method.\n      *\n-     * Returns:\n-     * {Object} An object representing the SLD.\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    read: function(data, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var sld = {\n-            namedLayers: options.namedLayersAsArray === true ? [] : {}\n-        };\n-        this.readChildNodes(data, sld);\n-        return sld;\n+    onTileLoaded: function(evt) {\n+        if (this.active && !evt.aborted &&\n+            evt.tile instanceof OpenLayers.Tile.Image &&\n+            evt.tile.url.substr(0, 5) !== 'data:') {\n+            this.cache({\n+                tile: evt.tile\n+            });\n+            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url];\n+        }\n     },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: cache\n+     * Adds a tile to the cache. When the cache is full, the \"cachefull\" event\n+     * is triggered.\n+     *\n+     * Parameters:\n+     * obj - {Object} Object with a tile property, tile being the\n+     *     <OpenLayers.Tile.Image> with the data to add to the cache\n      */\n-    readers: OpenLayers.Util.applyDefaults({\n-        \"sld\": {\n-            \"StyledLayerDescriptor\": function(node, sld) {\n-                sld.version = node.getAttribute(\"version\");\n-                this.readChildNodes(node, sld);\n-            },\n-            \"Name\": function(node, obj) {\n-                obj.name = this.getChildValue(node);\n-            },\n-            \"Title\": function(node, obj) {\n-                obj.title = this.getChildValue(node);\n-            },\n-            \"Abstract\": function(node, obj) {\n-                obj.description = this.getChildValue(node);\n-            },\n-            \"NamedLayer\": function(node, sld) {\n-                var layer = {\n-                    userStyles: [],\n-                    namedStyles: []\n-                };\n-                this.readChildNodes(node, layer);\n-                // give each of the user styles this layer name\n-                for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n-                    layer.userStyles[i].layerName = layer.name;\n+    cache: function(obj) {\n+        if (window.localStorage) {\n+            var tile = obj.tile;\n+            try {\n+                var canvasContext = tile.getCanvasContext();\n+                if (canvasContext) {\n+                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n+                    var url = urlMap[tile.url] || tile.url;\n+                    window.localStorage.setItem(\n+                        \"olCache_\" + url,\n+                        canvasContext.canvas.toDataURL(this.imageFormat)\n+                    );\n                 }\n-                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n-                    sld.namedLayers.push(layer);\n+            } catch (e) {\n+                // local storage full or CORS violation\n+                var reason = e.name || e.message;\n+                if (reason && this.quotaRegEx.test(reason)) {\n+                    this.events.triggerEvent(\"cachefull\", {\n+                        tile: tile\n+                    });\n                 } else {\n-                    sld.namedLayers[layer.name] = layer;\n+                    OpenLayers.Console.error(e.toString());\n                 }\n-            },\n-            \"NamedStyle\": function(node, layer) {\n-                layer.namedStyles.push(\n-                    this.getChildName(node.firstChild)\n-                );\n-            },\n-            \"UserStyle\": function(node, layer) {\n-                var obj = {\n-                    defaultsPerSymbolizer: true,\n-                    rules: []\n-                };\n-                this.featureTypeCounter = -1;\n-                this.readChildNodes(node, obj);\n-                var style;\n-                if (this.multipleSymbolizers) {\n-                    delete obj.defaultsPerSymbolizer;\n-                    style = new OpenLayers.Style2(obj);\n-                } else {\n-                    style = new OpenLayers.Style(this.defaultSymbolizer, obj);\n-                }\n-                layer.userStyles.push(style);\n-            },\n-            \"IsDefault\": function(node, style) {\n-                if (this.getChildValue(node) == \"1\") {\n-                    style.isDefault = true;\n-                }\n-            },\n-            \"FeatureTypeStyle\": function(node, style) {\n-                ++this.featureTypeCounter;\n-                var obj = {\n-                    rules: this.multipleSymbolizers ? style.rules : []\n-                };\n-                this.readChildNodes(node, obj);\n-                if (!this.multipleSymbolizers) {\n-                    style.rules = obj.rules;\n-                }\n-            },\n-            \"Rule\": function(node, obj) {\n-                var config;\n-                if (this.multipleSymbolizers) {\n-                    config = {\n-                        symbolizers: []\n-                    };\n-                }\n-                var rule = new OpenLayers.Rule(config);\n-                this.readChildNodes(node, rule);\n-                obj.rules.push(rule);\n-            },\n-            \"ElseFilter\": function(node, rule) {\n-                rule.elseFilter = true;\n-            },\n-            \"MinScaleDenominator\": function(node, rule) {\n-                rule.minScaleDenominator = parseFloat(this.getChildValue(node));\n-            },\n-            \"MaxScaleDenominator\": function(node, rule) {\n-                rule.maxScaleDenominator = parseFloat(this.getChildValue(node));\n-            },\n-            \"TextSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Text(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Text\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Text\"]\n-                    );\n-                }\n-            },\n-            \"LabelPlacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"PointPlacement\": function(node, symbolizer) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                config.labelRotation = config.rotation;\n-                delete config.rotation;\n-                var labelAlign,\n-                    x = symbolizer.labelAnchorPointX,\n-                    y = symbolizer.labelAnchorPointY;\n-                if (x <= 1 / 3) {\n-                    labelAlign = 'l';\n-                } else if (x > 1 / 3 && x < 2 / 3) {\n-                    labelAlign = 'c';\n-                } else if (x >= 2 / 3) {\n-                    labelAlign = 'r';\n-                }\n-                if (y <= 1 / 3) {\n-                    labelAlign += 'b';\n-                } else if (y > 1 / 3 && y < 2 / 3) {\n-                    labelAlign += 'm';\n-                } else if (y >= 2 / 3) {\n-                    labelAlign += 't';\n-                }\n-                config.labelAlign = labelAlign;\n-                OpenLayers.Util.applyDefaults(symbolizer, config);\n-            },\n-            \"AnchorPoint\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"AnchorPointX\": function(node, symbolizer) {\n-                var labelAnchorPointX = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelAnchorPointX) {\n-                    symbolizer.labelAnchorPointX = labelAnchorPointX;\n-                }\n-            },\n-            \"AnchorPointY\": function(node, symbolizer) {\n-                var labelAnchorPointY = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelAnchorPointY) {\n-                    symbolizer.labelAnchorPointY = labelAnchorPointY;\n-                }\n-            },\n-            \"Displacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"DisplacementX\": function(node, symbolizer) {\n-                var labelXOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelXOffset) {\n-                    symbolizer.labelXOffset = labelXOffset;\n-                }\n-            },\n-            \"DisplacementY\": function(node, symbolizer) {\n-                var labelYOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelYOffset) {\n-                    symbolizer.labelYOffset = labelYOffset;\n-                }\n-            },\n-            \"LinePlacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"PerpendicularOffset\": function(node, symbolizer) {\n-                var labelPerpendicularOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelPerpendicularOffset) {\n-                    symbolizer.labelPerpendicularOffset = labelPerpendicularOffset;\n-                }\n-            },\n-            \"Label\": function(node, symbolizer) {\n-                var value = this.readers.ogc._expression.call(this, node);\n-                if (value) {\n-                    symbolizer.label = value;\n-                }\n-            },\n-            \"Font\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"Halo\": function(node, symbolizer) {\n-                // halo has a fill, so send fresh object\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                symbolizer.haloRadius = obj.haloRadius;\n-                symbolizer.haloColor = obj.fillColor;\n-                symbolizer.haloOpacity = obj.fillOpacity;\n-            },\n-            \"Radius\": function(node, symbolizer) {\n-                var radius = this.readers.ogc._expression.call(this, node);\n-                if (radius != null) {\n-                    // radius is only used for halo\n-                    symbolizer.haloRadius = radius;\n-                }\n-            },\n-            \"RasterSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Raster(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Raster\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Raster\"]\n-                    );\n-                }\n-            },\n-            \"Geometry\": function(node, obj) {\n-                obj.geometry = {};\n-                this.readChildNodes(node, obj.geometry);\n-            },\n-            \"ColorMap\": function(node, symbolizer) {\n-                symbolizer.colorMap = [];\n-                this.readChildNodes(node, symbolizer.colorMap);\n-            },\n-            \"ColorMapEntry\": function(node, colorMap) {\n-                var q = node.getAttribute(\"quantity\");\n-                var o = node.getAttribute(\"opacity\");\n-                colorMap.push({\n-                    color: node.getAttribute(\"color\"),\n-                    quantity: q !== null ? parseFloat(q) : undefined,\n-                    label: node.getAttribute(\"label\") || undefined,\n-                    opacity: o !== null ? parseFloat(o) : undefined\n-                });\n-            },\n-            \"LineSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Line(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Line\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Line\"]\n-                    );\n-                }\n-            },\n-            \"PolygonSymbolizer\": function(node, rule) {\n-                var config = {\n-                    fill: false,\n-                    stroke: false\n-                };\n-                if (!this.multipleSymbolizers) {\n-                    config = rule.symbolizer[\"Polygon\"] || config;\n-                }\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Polygon(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Polygon\"] = config;\n-                }\n-            },\n-            \"PointSymbolizer\": function(node, rule) {\n-                var config = {\n-                    fill: false,\n-                    stroke: false,\n-                    graphic: false\n-                };\n-                if (!this.multipleSymbolizers) {\n-                    config = rule.symbolizer[\"Point\"] || config;\n-                }\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Point(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Point\"] = config;\n-                }\n-            },\n-            \"Stroke\": function(node, symbolizer) {\n-                symbolizer.stroke = true;\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"Fill\": function(node, symbolizer) {\n-                symbolizer.fill = true;\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"CssParameter\": function(node, symbolizer) {\n-                var cssProperty = node.getAttribute(\"name\");\n-                var symProperty = this.cssMap[cssProperty];\n-                // for labels, fill should map to fontColor and fill-opacity \n-                // to fontOpacity\n-                if (symbolizer.label) {\n-                    if (cssProperty === 'fill') {\n-                        symProperty = \"fontColor\";\n-                    } else if (cssProperty === 'fill-opacity') {\n-                        symProperty = \"fontOpacity\";\n-                    }\n-                }\n-                if (symProperty) {\n-                    // Limited support for parsing of OGC expressions\n-                    var value = this.readers.ogc._expression.call(this, node);\n-                    // always string, could be an empty string\n-                    if (value) {\n-                        symbolizer[symProperty] = value;\n-                    }\n-                }\n-            },\n-            \"Graphic\": function(node, symbolizer) {\n-                symbolizer.graphic = true;\n-                var graphic = {};\n-                // painter's order not respected here, clobber previous with next\n-                this.readChildNodes(node, graphic);\n-                // directly properties with names that match symbolizer properties\n-                var properties = [\n-                    \"stroke\", \"strokeColor\", \"strokeWidth\", \"strokeOpacity\",\n-                    \"strokeLinecap\", \"fill\", \"fillColor\", \"fillOpacity\",\n-                    \"graphicName\", \"rotation\", \"graphicFormat\"\n-                ];\n-                var prop, value;\n-                for (var i = 0, len = properties.length; i < len; ++i) {\n-                    prop = properties[i];\n-                    value = graphic[prop];\n-                    if (value != undefined) {\n-                        symbolizer[prop] = value;\n-                    }\n-                }\n-                // set other generic properties with specific graphic property names\n-                if (graphic.opacity != undefined) {\n-                    symbolizer.graphicOpacity = graphic.opacity;\n-                }\n-                if (graphic.size != undefined) {\n-                    var pointRadius = graphic.size / 2;\n-                    if (isNaN(pointRadius)) {\n-                        // likely a property name\n-                        symbolizer.graphicWidth = graphic.size;\n-                    } else {\n-                        symbolizer.pointRadius = graphic.size / 2;\n-                    }\n-                }\n-                if (graphic.href != undefined) {\n-                    symbolizer.externalGraphic = graphic.href;\n-                }\n-                if (graphic.rotation != undefined) {\n-                    symbolizer.rotation = graphic.rotation;\n-                }\n-            },\n-            \"ExternalGraphic\": function(node, graphic) {\n-                this.readChildNodes(node, graphic);\n-            },\n-            \"Mark\": function(node, graphic) {\n-                this.readChildNodes(node, graphic);\n-            },\n-            \"WellKnownName\": function(node, graphic) {\n-                graphic.graphicName = this.getChildValue(node);\n-            },\n-            \"Opacity\": function(node, obj) {\n-                var opacity = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (opacity) {\n-                    obj.opacity = opacity;\n-                }\n-            },\n-            \"Size\": function(node, obj) {\n-                var size = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (size) {\n-                    obj.size = size;\n-                }\n-            },\n-            \"Rotation\": function(node, obj) {\n-                var rotation = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (rotation) {\n-                    obj.rotation = rotation;\n-                }\n-            },\n-            \"OnlineResource\": function(node, obj) {\n-                obj.href = this.getAttributeNS(\n-                    node, this.namespaces.xlink, \"href\"\n-                );\n-            },\n-            \"Format\": function(node, graphic) {\n-                graphic.graphicFormat = this.getChildValue(node);\n             }\n         }\n-    }, OpenLayers.Format.Filter.v1_0_0.prototype.readers),\n-\n-    /**\n-     * Property: cssMap\n-     * {Object} Object mapping supported css property names to OpenLayers\n-     *     symbolizer property names.\n-     */\n-    cssMap: {\n-        \"stroke\": \"strokeColor\",\n-        \"stroke-opacity\": \"strokeOpacity\",\n-        \"stroke-width\": \"strokeWidth\",\n-        \"stroke-linecap\": \"strokeLinecap\",\n-        \"stroke-dasharray\": \"strokeDashstyle\",\n-        \"fill\": \"fillColor\",\n-        \"fill-opacity\": \"fillOpacity\",\n-        \"font-family\": \"fontFamily\",\n-        \"font-size\": \"fontSize\",\n-        \"font-weight\": \"fontWeight\",\n-        \"font-style\": \"fontStyle\"\n     },\n \n     /**\n-     * Method: getCssProperty\n-     * Given a symbolizer property, get the corresponding CSS property\n-     *     from the <cssMap>.\n-     *\n-     * Parameters:\n-     * sym - {String} A symbolizer property name.\n-     *\n-     * Returns:\n-     * {String} A CSS property name or null if none found.\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    getCssProperty: function(sym) {\n-        var css = null;\n-        for (var prop in this.cssMap) {\n-            if (this.cssMap[prop] == sym) {\n-                css = prop;\n-                break;\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                });\n             }\n         }\n-        return css;\n-    },\n-\n-    /**\n-     * Method: getGraphicFormat\n-     * Given a href for an external graphic, try to determine the mime-type.\n-     *     This method doesn't try too hard, and will fall back to\n-     *     <defaultGraphicFormat> if one of the known <graphicFormats> is not\n-     *     the file extension of the provided href.\n-     *\n-     * Parameters:\n-     * href - {String}\n-     *\n-     * Returns:\n-     * {String} The graphic format.\n-     */\n-    getGraphicFormat: function(href) {\n-        var format, regex;\n-        for (var key in this.graphicFormats) {\n-            if (this.graphicFormats[key].test(href)) {\n-                format = key;\n-                break;\n-            }\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n         }\n-        return format || this.defaultGraphicFormat;\n-    },\n-\n-    /**\n-     * Property: defaultGraphicFormat\n-     * {String} If none other can be determined from <getGraphicFormat>, this\n-     *     default will be returned.\n-     */\n-    defaultGraphicFormat: \"image/png\",\n-\n-    /**\n-     * Property: graphicFormats\n-     * {Object} Mapping of image mime-types to regular extensions matching \n-     *     well-known file extensions.\n-     */\n-    graphicFormats: {\n-        \"image/jpeg\": /\\.jpe?g$/i,\n-        \"image/gif\": /\\.gif$/i,\n-        \"image/png\": /\\.png$/i\n-    },\n-\n-    /**\n-     * Method: write\n-     *\n-     * Parameters:\n-     * sld - {Object} An object representing the SLD.\n-     *\n-     * Returns:\n-     * {DOMElement} The root of an SLD document.\n-     */\n-    write: function(sld) {\n-        return this.writers.sld.StyledLayerDescriptor.apply(this, [sld]);\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n-     */\n-    writers: OpenLayers.Util.applyDefaults({\n-        \"sld\": {\n-            \"_OGCExpression\": function(nodeName, value) {\n-                // only the simplest of ogc:expression handled\n-                // {label: \"some text and a ${propertyName}\"}\n-                var node = this.createElementNSPlus(nodeName);\n-                var tokens = typeof value == \"string\" ?\n-                    value.split(\"${\") : [value];\n-                node.appendChild(this.createTextNode(tokens[0]));\n-                var item, last;\n-                for (var i = 1, len = tokens.length; i < len; i++) {\n-                    item = tokens[i];\n-                    last = item.indexOf(\"}\");\n-                    if (last > 0) {\n-                        this.writeNode(\n-                            \"ogc:PropertyName\", {\n-                                property: item.substring(0, last)\n-                            },\n-                            node\n-                        );\n-                        node.appendChild(\n-                            this.createTextNode(item.substring(++last))\n-                        );\n-                    } else {\n-                        // no ending }, so this is a literal ${\n-                        node.appendChild(\n-                            this.createTextNode(\"${\" + item)\n-                        );\n-                    }\n-                }\n-                return node;\n-            },\n-            \"StyledLayerDescriptor\": function(sld) {\n-                var root = this.createElementNSPlus(\n-                    \"sld:StyledLayerDescriptor\", {\n-                        attributes: {\n-                            \"version\": this.VERSION,\n-                            \"xsi:schemaLocation\": this.schemaLocation\n-                        }\n-                    }\n-                );\n-\n-                // For ArcGIS Server it is necessary to define this\n-                // at the root level (see ticket:2166).\n-                root.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n-                root.setAttribute(\"xmlns:gml\", this.namespaces.gml);\n-\n-                // add in optional name\n-                if (sld.name) {\n-                    this.writeNode(\"Name\", sld.name, root);\n-                }\n-                // add in optional title\n-                if (sld.title) {\n-                    this.writeNode(\"Title\", sld.title, root);\n-                }\n-                // add in optional description\n-                if (sld.description) {\n-                    this.writeNode(\"Abstract\", sld.description, root);\n-                }\n-                // add in named layers\n-                // allow namedLayers to be an array\n-                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n-                    for (var i = 0, len = sld.namedLayers.length; i < len; ++i) {\n-                        this.writeNode(\"NamedLayer\", sld.namedLayers[i], root);\n-                    }\n-                } else {\n-                    for (var name in sld.namedLayers) {\n-                        this.writeNode(\"NamedLayer\", sld.namedLayers[name], root);\n-                    }\n-                }\n-                return root;\n-            },\n-            \"Name\": function(name) {\n-                return this.createElementNSPlus(\"sld:Name\", {\n-                    value: name\n-                });\n-            },\n-            \"Title\": function(title) {\n-                return this.createElementNSPlus(\"sld:Title\", {\n-                    value: title\n-                });\n-            },\n-            \"Abstract\": function(description) {\n-                return this.createElementNSPlus(\n-                    \"sld:Abstract\", {\n-                        value: description\n-                    }\n-                );\n-            },\n-            \"NamedLayer\": function(layer) {\n-                var node = this.createElementNSPlus(\"sld:NamedLayer\");\n-\n-                // add in required name\n-                this.writeNode(\"Name\", layer.name, node);\n+    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+});\n \n-                // optional sld:LayerFeatureConstraints here\n+/**\n+ * APIFunction: OpenLayers.Control.CacheWrite.clearCache\n+ * Clears all tiles cached with <OpenLayers.Control.CacheWrite> from the cache.\n+ */\n+OpenLayers.Control.CacheWrite.clearCache = function() {\n+    if (!window.localStorage) {\n+        return;\n+    }\n+    var i, key;\n+    for (i = window.localStorage.length - 1; i >= 0; --i) {\n+        key = window.localStorage.key(i);\n+        if (key.substr(0, 8) === \"olCache_\") {\n+            window.localStorage.removeItem(key);\n+        }\n+    }\n+};\n \n-                // add in named styles\n-                if (layer.namedStyles) {\n-                    for (var i = 0, len = layer.namedStyles.length; i < len; ++i) {\n-                        this.writeNode(\n-                            \"NamedStyle\", layer.namedStyles[i], node\n-                        );\n-                    }\n-                }\n+/**\n+ * Property: OpenLayers.Control.CacheWrite.urlMap\n+ * {Object} Mapping of same origin urls to cache url keys. Entries will be\n+ *     deleted as soon as a tile was cached.\n+ */\n+OpenLayers.Control.CacheWrite.urlMap = {};\n \n-                // add in user styles\n-                if (layer.userStyles) {\n-                    for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n-                        this.writeNode(\n-                            \"UserStyle\", layer.userStyles[i], node\n-                        );\n-                    }\n-                }\n \n-                return node;\n-            },\n-            \"NamedStyle\": function(name) {\n-                var node = this.createElementNSPlus(\"sld:NamedStyle\");\n-                this.writeNode(\"Name\", name, node);\n-                return node;\n-            },\n-            \"UserStyle\": function(style) {\n-                var node = this.createElementNSPlus(\"sld:UserStyle\");\n+/* ======================================================================\n+    OpenLayers/Control/Attribution.js\n+   ====================================================================== */\n \n-                // add in optional name\n-                if (style.name) {\n-                    this.writeNode(\"Name\", style.name, node);\n-                }\n-                // add in optional title\n-                if (style.title) {\n-                    this.writeNode(\"Title\", style.title, node);\n-                }\n-                // add in optional description\n-                if (style.description) {\n-                    this.writeNode(\"Abstract\", style.description, node);\n-                }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                // add isdefault\n-                if (style.isDefault) {\n-                    this.writeNode(\"IsDefault\", style.isDefault, node);\n-                }\n+/**\n+ * @requires OpenLayers/Control.js\n+ */\n \n-                // add FeatureTypeStyles\n-                if (this.multipleSymbolizers && style.rules) {\n-                    // group style objects by symbolizer zIndex\n-                    var rulesByZ = {\n-                        0: []\n-                    };\n-                    var zValues = [0];\n-                    var rule, ruleMap, symbolizer, zIndex, clone;\n-                    for (var i = 0, ii = style.rules.length; i < ii; ++i) {\n-                        rule = style.rules[i];\n-                        if (rule.symbolizers) {\n-                            ruleMap = {};\n-                            for (var j = 0, jj = rule.symbolizers.length; j < jj; ++j) {\n-                                symbolizer = rule.symbolizers[j];\n-                                zIndex = symbolizer.zIndex;\n-                                if (!(zIndex in ruleMap)) {\n-                                    clone = rule.clone();\n-                                    clone.symbolizers = [];\n-                                    ruleMap[zIndex] = clone;\n-                                }\n-                                ruleMap[zIndex].symbolizers.push(symbolizer.clone());\n-                            }\n-                            for (zIndex in ruleMap) {\n-                                if (!(zIndex in rulesByZ)) {\n-                                    zValues.push(zIndex);\n-                                    rulesByZ[zIndex] = [];\n-                                }\n-                                rulesByZ[zIndex].push(ruleMap[zIndex]);\n-                            }\n-                        } else {\n-                            // no symbolizers in rule\n-                            rulesByZ[0].push(rule.clone());\n-                        }\n-                    }\n-                    // write one FeatureTypeStyle per zIndex\n-                    zValues.sort();\n-                    var rules;\n-                    for (var i = 0, ii = zValues.length; i < ii; ++i) {\n-                        rules = rulesByZ[zValues[i]];\n-                        if (rules.length > 0) {\n-                            clone = style.clone();\n-                            clone.rules = rulesByZ[zValues[i]];\n-                            this.writeNode(\"FeatureTypeStyle\", clone, node);\n-                        }\n-                    }\n-                } else {\n-                    this.writeNode(\"FeatureTypeStyle\", style, node);\n-                }\n+/**\n+ * Class: OpenLayers.Control.Attribution\n+ * The attribution control adds attribution from layers to the map display. \n+ * It uses 'attribution' property of each layer.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Attribution =\n+    OpenLayers.Class(OpenLayers.Control, {\n \n-                return node;\n-            },\n-            \"IsDefault\": function(bool) {\n-                return this.createElementNSPlus(\n-                    \"sld:IsDefault\", {\n-                        value: (bool) ? \"1\" : \"0\"\n-                    }\n-                );\n-            },\n-            \"FeatureTypeStyle\": function(style) {\n-                var node = this.createElementNSPlus(\"sld:FeatureTypeStyle\");\n+        /**\n+         * APIProperty: separator\n+         * {String} String used to separate layers.\n+         */\n+        separator: \", \",\n \n-                // OpenLayers currently stores no Name, Title, Abstract,\n-                // FeatureTypeName, or SemanticTypeIdentifier information\n-                // related to FeatureTypeStyle\n+        /**\n+         * APIProperty: template\n+         * {String} Template for the attribution. This has to include the substring\n+         *     \"${layers}\", which will be replaced by the layer specific\n+         *     attributions, separated by <separator>. The default is \"${layers}\".\n+         */\n+        template: \"${layers}\",\n \n-                // add in rules\n-                for (var i = 0, len = style.rules.length; i < len; ++i) {\n-                    this.writeNode(\"Rule\", style.rules[i], node);\n-                }\n+        /**\n+         * Constructor: OpenLayers.Control.Attribution \n+         * \n+         * Parameters:\n+         * options - {Object} Options for control.\n+         */\n \n-                return node;\n-            },\n-            \"Rule\": function(rule) {\n-                var node = this.createElementNSPlus(\"sld:Rule\");\n+        /** \n+         * Method: destroy\n+         * Destroy control.\n+         */\n+        destroy: function() {\n+            this.map.events.un({\n+                \"removelayer\": this.updateAttribution,\n+                \"addlayer\": this.updateAttribution,\n+                \"changelayer\": this.updateAttribution,\n+                \"changebaselayer\": this.updateAttribution,\n+                scope: this\n+            });\n \n-                // add in optional name\n-                if (rule.name) {\n-                    this.writeNode(\"Name\", rule.name, node);\n-                }\n-                // add in optional title\n-                if (rule.title) {\n-                    this.writeNode(\"Title\", rule.title, node);\n-                }\n-                // add in optional description\n-                if (rule.description) {\n-                    this.writeNode(\"Abstract\", rule.description, node);\n-                }\n+            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        },\n \n-                // add in LegendGraphic here\n+        /**\n+         * Method: draw\n+         * Initialize control.\n+         * \n+         * Returns: \n+         * {DOMElement} A reference to the DIV DOMElement containing the control\n+         */\n+        draw: function() {\n+            OpenLayers.Control.prototype.draw.apply(this, arguments);\n \n-                // add in optional filters\n-                if (rule.elseFilter) {\n-                    this.writeNode(\"ElseFilter\", null, node);\n-                } else if (rule.filter) {\n-                    this.writeNode(\"ogc:Filter\", rule.filter, node);\n-                }\n+            this.map.events.on({\n+                'changebaselayer': this.updateAttribution,\n+                'changelayer': this.updateAttribution,\n+                'addlayer': this.updateAttribution,\n+                'removelayer': this.updateAttribution,\n+                scope: this\n+            });\n+            this.updateAttribution();\n \n-                // add in scale limits\n-                if (rule.minScaleDenominator != undefined) {\n-                    this.writeNode(\n-                        \"MinScaleDenominator\", rule.minScaleDenominator, node\n-                    );\n-                }\n-                if (rule.maxScaleDenominator != undefined) {\n-                    this.writeNode(\n-                        \"MaxScaleDenominator\", rule.maxScaleDenominator, node\n-                    );\n-                }\n+            return this.div;\n+        },\n \n-                var type, symbolizer;\n-                if (this.multipleSymbolizers && rule.symbolizers) {\n-                    var symbolizer;\n-                    for (var i = 0, ii = rule.symbolizers.length; i < ii; ++i) {\n-                        symbolizer = rule.symbolizers[i];\n-                        type = symbolizer.CLASS_NAME.split(\".\").pop();\n-                        this.writeNode(\n-                            type + \"Symbolizer\", symbolizer, node\n-                        );\n-                    }\n-                } else {\n-                    // add in symbolizers (relies on geometry type keys)\n-                    var types = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-                    for (var i = 0, len = types.length; i < len; ++i) {\n-                        type = types[i];\n-                        symbolizer = rule.symbolizer[type];\n-                        if (symbolizer) {\n-                            this.writeNode(\n-                                type + \"Symbolizer\", symbolizer, node\n-                            );\n+        /**\n+         * Method: updateAttribution\n+         * Update attribution string.\n+         */\n+        updateAttribution: function() {\n+            var attributions = [];\n+            if (this.map && this.map.layers) {\n+                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                    var layer = this.map.layers[i];\n+                    if (layer.attribution && layer.getVisibility()) {\n+                        // add attribution only if attribution text is unique\n+                        if (OpenLayers.Util.indexOf(\n+                                attributions, layer.attribution) === -1) {\n+                            attributions.push(layer.attribution);\n                         }\n                     }\n                 }\n-                return node;\n-\n-            },\n-            \"ElseFilter\": function() {\n-                return this.createElementNSPlus(\"sld:ElseFilter\");\n-            },\n-            \"MinScaleDenominator\": function(scale) {\n-                return this.createElementNSPlus(\n-                    \"sld:MinScaleDenominator\", {\n-                        value: scale\n-                    }\n-                );\n-            },\n-            \"MaxScaleDenominator\": function(scale) {\n-                return this.createElementNSPlus(\n-                    \"sld:MaxScaleDenominator\", {\n-                        value: scale\n-                    }\n-                );\n-            },\n-            \"LineSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LineSymbolizer\");\n-                this.writeNode(\"Stroke\", symbolizer, node);\n-                return node;\n-            },\n-            \"Stroke\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Stroke\");\n-\n-                // GraphicFill here\n-                // GraphicStroke here\n-\n-                // add in CssParameters\n-                if (symbolizer.strokeColor != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeColor\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeOpacity != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeOpacity\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeWidth != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeWidth\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeDashstyle != undefined && symbolizer.strokeDashstyle !== \"solid\") {\n-                    // assumes valid stroke-dasharray value\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeDashstyle\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeLinecap != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeLinecap\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"CssParameter\": function(obj) {\n-                // not handling ogc:expressions for now\n-                return this.createElementNSPlus(\"sld:CssParameter\", {\n-                    attributes: {\n-                        name: this.getCssProperty(obj.key)\n-                    },\n-                    value: obj.symbolizer[obj.key]\n-                });\n-            },\n-            \"TextSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:TextSymbolizer\");\n-                // add in optional Label\n-                if (symbolizer.label != null) {\n-                    this.writeNode(\"Label\", symbolizer.label, node);\n-                }\n-                // add in optional Font\n-                if (symbolizer.fontFamily != null ||\n-                    symbolizer.fontSize != null ||\n-                    symbolizer.fontWeight != null ||\n-                    symbolizer.fontStyle != null) {\n-                    this.writeNode(\"Font\", symbolizer, node);\n-                }\n-                // add in optional LabelPlacement\n-                if (symbolizer.labelAnchorPointX != null ||\n-                    symbolizer.labelAnchorPointY != null ||\n-                    symbolizer.labelAlign != null ||\n-                    symbolizer.labelXOffset != null ||\n-                    symbolizer.labelYOffset != null ||\n-                    symbolizer.labelRotation != null ||\n-                    symbolizer.labelPerpendicularOffset != null) {\n-                    this.writeNode(\"LabelPlacement\", symbolizer, node);\n-                }\n-                // add in optional Halo\n-                if (symbolizer.haloRadius != null ||\n-                    symbolizer.haloColor != null ||\n-                    symbolizer.haloOpacity != null) {\n-                    this.writeNode(\"Halo\", symbolizer, node);\n-                }\n-                // add in optional Fill\n-                if (symbolizer.fontColor != null ||\n-                    symbolizer.fontOpacity != null) {\n-                    this.writeNode(\"Fill\", {\n-                        fillColor: symbolizer.fontColor,\n-                        fillOpacity: symbolizer.fontOpacity\n-                    }, node);\n-                }\n-                return node;\n-            },\n-            \"LabelPlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LabelPlacement\");\n-                // PointPlacement and LinePlacement are choices, so don't output both\n-                if ((symbolizer.labelAnchorPointX != null ||\n-                        symbolizer.labelAnchorPointY != null ||\n-                        symbolizer.labelAlign != null ||\n-                        symbolizer.labelXOffset != null ||\n-                        symbolizer.labelYOffset != null ||\n-                        symbolizer.labelRotation != null) &&\n-                    symbolizer.labelPerpendicularOffset == null) {\n-                    this.writeNode(\"PointPlacement\", symbolizer, node);\n-                }\n-                if (symbolizer.labelPerpendicularOffset != null) {\n-                    this.writeNode(\"LinePlacement\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"LinePlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LinePlacement\");\n-                this.writeNode(\"PerpendicularOffset\", symbolizer.labelPerpendicularOffset, node);\n-                return node;\n-            },\n-            \"PerpendicularOffset\": function(value) {\n-                return this.createElementNSPlus(\"sld:PerpendicularOffset\", {\n-                    value: value\n-                });\n-            },\n-            \"PointPlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PointPlacement\");\n-                if (symbolizer.labelAnchorPointX != null ||\n-                    symbolizer.labelAnchorPointY != null ||\n-                    symbolizer.labelAlign != null) {\n-                    this.writeNode(\"AnchorPoint\", symbolizer, node);\n-                }\n-                if (symbolizer.labelXOffset != null ||\n-                    symbolizer.labelYOffset != null) {\n-                    this.writeNode(\"Displacement\", symbolizer, node);\n-                }\n-                if (symbolizer.labelRotation != null) {\n-                    this.writeNode(\"Rotation\", symbolizer.labelRotation, node);\n-                }\n-                return node;\n-            },\n-            \"AnchorPoint\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:AnchorPoint\");\n-                var x = symbolizer.labelAnchorPointX,\n-                    y = symbolizer.labelAnchorPointY;\n-                if (x != null) {\n-                    this.writeNode(\"AnchorPointX\", x, node);\n-                }\n-                if (y != null) {\n-                    this.writeNode(\"AnchorPointY\", y, node);\n-                }\n-                if (x == null && y == null) {\n-                    var xAlign = symbolizer.labelAlign.substr(0, 1),\n-                        yAlign = symbolizer.labelAlign.substr(1, 1);\n-                    if (xAlign === \"l\") {\n-                        x = 0;\n-                    } else if (xAlign === \"c\") {\n-                        x = 0.5;\n-                    } else if (xAlign === \"r\") {\n-                        x = 1;\n-                    }\n-                    if (yAlign === \"b\") {\n-                        y = 0;\n-                    } else if (yAlign === \"m\") {\n-                        y = 0.5;\n-                    } else if (yAlign === \"t\") {\n-                        y = 1;\n-                    }\n-                    this.writeNode(\"AnchorPointX\", x, node);\n-                    this.writeNode(\"AnchorPointY\", y, node);\n-                }\n-                return node;\n-            },\n-            \"AnchorPointX\": function(value) {\n-                return this.createElementNSPlus(\"sld:AnchorPointX\", {\n-                    value: value\n-                });\n-            },\n-            \"AnchorPointY\": function(value) {\n-                return this.createElementNSPlus(\"sld:AnchorPointY\", {\n-                    value: value\n-                });\n-            },\n-            \"Displacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Displacement\");\n-                if (symbolizer.labelXOffset != null) {\n-                    this.writeNode(\"DisplacementX\", symbolizer.labelXOffset, node);\n-                }\n-                if (symbolizer.labelYOffset != null) {\n-                    this.writeNode(\"DisplacementY\", symbolizer.labelYOffset, node);\n-                }\n-                return node;\n-            },\n-            \"DisplacementX\": function(value) {\n-                return this.createElementNSPlus(\"sld:DisplacementX\", {\n-                    value: value\n-                });\n-            },\n-            \"DisplacementY\": function(value) {\n-                return this.createElementNSPlus(\"sld:DisplacementY\", {\n-                    value: value\n-                });\n-            },\n-            \"Font\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Font\");\n-                // add in CssParameters\n-                if (symbolizer.fontFamily) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontFamily\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontSize) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontSize\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontWeight) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontWeight\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontStyle) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontStyle\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"Label\": function(label) {\n-                return this.writers.sld._OGCExpression.call(\n-                    this, \"sld:Label\", label\n-                );\n-            },\n-            \"Halo\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Halo\");\n-                if (symbolizer.haloRadius) {\n-                    this.writeNode(\"Radius\", symbolizer.haloRadius, node);\n-                }\n-                if (symbolizer.haloColor || symbolizer.haloOpacity) {\n-                    this.writeNode(\"Fill\", {\n-                        fillColor: symbolizer.haloColor,\n-                        fillOpacity: symbolizer.haloOpacity\n-                    }, node);\n-                }\n-                return node;\n-            },\n-            \"Radius\": function(value) {\n-                return this.createElementNSPlus(\"sld:Radius\", {\n-                    value: value\n-                });\n-            },\n-            \"RasterSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:RasterSymbolizer\");\n-                if (symbolizer.geometry) {\n-                    this.writeNode(\"Geometry\", symbolizer.geometry, node);\n-                }\n-                if (symbolizer.opacity) {\n-                    this.writeNode(\"Opacity\", symbolizer.opacity, node);\n-                }\n-                if (symbolizer.colorMap) {\n-                    this.writeNode(\"ColorMap\", symbolizer.colorMap, node);\n-                }\n-                return node;\n-            },\n-            \"Geometry\": function(geometry) {\n-                var node = this.createElementNSPlus(\"sld:Geometry\");\n-                if (geometry.property) {\n-                    this.writeNode(\"ogc:PropertyName\", geometry, node);\n-                }\n-                return node;\n-            },\n-            \"ColorMap\": function(colorMap) {\n-                var node = this.createElementNSPlus(\"sld:ColorMap\");\n-                for (var i = 0, len = colorMap.length; i < len; ++i) {\n-                    this.writeNode(\"ColorMapEntry\", colorMap[i], node);\n-                }\n-                return node;\n-            },\n-            \"ColorMapEntry\": function(colorMapEntry) {\n-                var node = this.createElementNSPlus(\"sld:ColorMapEntry\");\n-                var a = colorMapEntry;\n-                node.setAttribute(\"color\", a.color);\n-                a.opacity !== undefined && node.setAttribute(\"opacity\",\n-                    parseFloat(a.opacity));\n-                a.quantity !== undefined && node.setAttribute(\"quantity\",\n-                    parseFloat(a.quantity));\n-                a.label !== undefined && node.setAttribute(\"label\", a.label);\n-                return node;\n-            },\n-            \"PolygonSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PolygonSymbolizer\");\n-                if (symbolizer.fill !== false) {\n-                    this.writeNode(\"Fill\", symbolizer, node);\n-                }\n-                if (symbolizer.stroke !== false) {\n-                    this.writeNode(\"Stroke\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"Fill\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Fill\");\n-\n-                // GraphicFill here\n-\n-                // add in CssParameters\n-                if (symbolizer.fillColor) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fillColor\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fillOpacity != null) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fillOpacity\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"PointSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PointSymbolizer\");\n-                this.writeNode(\"Graphic\", symbolizer, node);\n-                return node;\n-            },\n-            \"Graphic\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Graphic\");\n-                if (symbolizer.externalGraphic != undefined) {\n-                    this.writeNode(\"ExternalGraphic\", symbolizer, node);\n-                } else {\n-                    this.writeNode(\"Mark\", symbolizer, node);\n-                }\n-\n-                if (symbolizer.graphicOpacity != undefined) {\n-                    this.writeNode(\"Opacity\", symbolizer.graphicOpacity, node);\n-                }\n-                if (symbolizer.pointRadius != undefined) {\n-                    this.writeNode(\"Size\", symbolizer.pointRadius * 2, node);\n-                } else if (symbolizer.graphicWidth != undefined) {\n-                    this.writeNode(\"Size\", symbolizer.graphicWidth, node);\n-                }\n-                if (symbolizer.rotation != undefined) {\n-                    this.writeNode(\"Rotation\", symbolizer.rotation, node);\n-                }\n-                return node;\n-            },\n-            \"ExternalGraphic\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:ExternalGraphic\");\n-                this.writeNode(\n-                    \"OnlineResource\", symbolizer.externalGraphic, node\n-                );\n-                var format = symbolizer.graphicFormat ||\n-                    this.getGraphicFormat(symbolizer.externalGraphic);\n-                this.writeNode(\"Format\", format, node);\n-                return node;\n-            },\n-            \"Mark\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Mark\");\n-                if (symbolizer.graphicName) {\n-                    this.writeNode(\"WellKnownName\", symbolizer.graphicName, node);\n-                }\n-                if (symbolizer.fill !== false) {\n-                    this.writeNode(\"Fill\", symbolizer, node);\n-                }\n-                if (symbolizer.stroke !== false) {\n-                    this.writeNode(\"Stroke\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"WellKnownName\": function(name) {\n-                return this.createElementNSPlus(\"sld:WellKnownName\", {\n-                    value: name\n-                });\n-            },\n-            \"Opacity\": function(value) {\n-                return this.createElementNSPlus(\"sld:Opacity\", {\n-                    value: value\n-                });\n-            },\n-            \"Size\": function(value) {\n-                return this.writers.sld._OGCExpression.call(\n-                    this, \"sld:Size\", value\n-                );\n-            },\n-            \"Rotation\": function(value) {\n-                return this.createElementNSPlus(\"sld:Rotation\", {\n-                    value: value\n-                });\n-            },\n-            \"OnlineResource\": function(href) {\n-                return this.createElementNSPlus(\"sld:OnlineResource\", {\n-                    attributes: {\n-                        \"xlink:type\": \"simple\",\n-                        \"xlink:href\": href\n-                    }\n-                });\n-            },\n-            \"Format\": function(format) {\n-                return this.createElementNSPlus(\"sld:Format\", {\n-                    value: format\n+                this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                    layers: attributions.join(this.separator)\n                 });\n             }\n-        }\n-    }, OpenLayers.Format.Filter.v1_0_0.prototype.writers),\n-\n-    CLASS_NAME: \"OpenLayers.Format.SLD.v1\"\n+        },\n \n-});\n+        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+    });\n /* ======================================================================\n-    OpenLayers/Format/SLD/v1_0_0.js\n+    OpenLayers/Control/NavToolbar.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/SLD/v1.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Navigation.js\n+ * @requires OpenLayers/Control/ZoomBox.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SLD.v1_0_0\n- * Write SLD version 1.0.0.\n+ * Class: OpenLayers.Control.NavToolbar\n+ * This Toolbar is an alternative to the Navigation control that displays\n+ *     the state of the control, and provides a UI for changing state to\n+ *     use the zoomBox via a Panel control.\n+ *\n+ * If you wish to change the properties of the Navigation control used\n+ *     in the NavToolbar, see: \n+ *     http://trac.openlayers.org/wiki/Toolbars#SubclassingNavToolbar \n+ * \n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.SLD.v1>\n+ *  - <OpenLayers.Control.Panel>\n  */\n-OpenLayers.Format.SLD.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.SLD.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/sld\n-         *   http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\",\n+OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n \n-        /**\n-         * Constructor: OpenLayers.Format.SLD.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.SLD> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /**\n+     * Constructor: OpenLayers.Control.NavToolbar \n+     * Add our two mousedefaults controls.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([\n+            new OpenLayers.Control.Navigation(),\n+            new OpenLayers.Control.ZoomBox()\n+        ]);\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0\"\n+    /**\n+     * Method: draw \n+     * calls the default draw, and then activates mouse defaults.\n+     */\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0];\n+        }\n+        return div;\n+    },\n \n-    });\n+    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/SLDSelect.js\n+    OpenLayers/Control/Snapping.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Layer/WMS.js\n- * @requires OpenLayers/Handler/RegularPolygon.js\n- * @requires OpenLayers/Handler/Polygon.js\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Filter/Spatial.js\n- * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Control.SLDSelect\n- * Perform selections on WMS layers using Styled Layer Descriptor (SLD)\n+ * Class: OpenLayers.Control.Snapping\n+ * Acts as a snapping agent while editing vector features.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.SLDSelect = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n \n     /** \n      * APIProperty: events\n      * {<OpenLayers.Events>} Events instance for listeners and triggering\n      *     control specific events.\n      *\n      * Register a listener for a particular event with the following syntax:\n      * (code)\n      * control.events.register(type, obj, listener);\n      * (end)\n      *\n      * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * selected - Triggered when a selection occurs.  Listeners receive an \n-     *     event with *filters* and *layer* properties.  Filters will be an \n-     *     array of OpenLayers.Filter objects created in order to perform \n-     *     the particular selection.\n-     */\n-\n-    /**\n-     * APIProperty: clearOnDeactivate\n-     * {Boolean} Should the selection be cleared when the control is \n-     *     deactivated. Default value is false.\n+     * beforesnap - Triggered before a snap occurs.  Listeners receive an\n+     *     event object with *point*, *x*, *y*, *distance*, *layer*, and\n+     *     *snapType* properties.  The point property will be original point\n+     *     geometry considered for snapping. The x and y properties represent\n+     *     coordinates the point will receive. The distance is the distance\n+     *     of the snap.  The layer is the target layer.  The snapType property\n+     *     will be one of \"node\", \"vertex\", or \"edge\". Return false to stop\n+     *     snapping from occurring.\n+     * snap - Triggered when a snap occurs.  Listeners receive an event with\n+     *     *point*, *snapType*, *layer*, and *distance* properties.  The point\n+     *     will be the location snapped to.  The snapType will be one of \"node\",\n+     *     \"vertex\", or \"edge\".  The layer will be the target layer.  The\n+     *     distance will be the distance of the snap in map units.\n+     * unsnap - Triggered when a vertex is unsnapped.  Listeners receive an\n+     *     event with a *point* property.\n      */\n-    clearOnDeactivate: false,\n \n     /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.WMS>)} The WMS layers this control will work \n-     *     on.\n+     * CONSTANT: DEFAULTS\n+     * Default target properties.\n      */\n-    layers: null,\n+    DEFAULTS: {\n+        tolerance: 10,\n+        node: true,\n+        edge: true,\n+        vertex: true\n+    },\n \n     /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n+     * Property: greedy\n+     * {Boolean} Snap to closest feature in first layer with an eligible\n+     *     feature.  Default is true.\n      */\n-    callbacks: null,\n+    greedy: true,\n \n     /**\n-     * APIProperty: selectionSymbolizer\n-     * {Object} Determines the styling of the selected objects. Default is\n-     *     a selection in red.\n+     * Property: precedence\n+     * {Array} List representing precedence of different snapping types.\n+     *     Default is \"node\", \"vertex\", \"edge\".\n      */\n-    selectionSymbolizer: {\n-        'Polygon': {\n-            fillColor: '#FF0000',\n-            stroke: false\n-        },\n-        'Line': {\n-            strokeColor: '#FF0000',\n-            strokeWidth: 2\n-        },\n-        'Point': {\n-            graphicName: 'square',\n-            fillColor: '#FF0000',\n-            pointRadius: 5\n-        }\n-    },\n+    precedence: [\"node\", \"vertex\", \"edge\"],\n \n     /**\n-     * APIProperty: layerOptions\n-     * {Object} The options to apply to the selection layer, by default the\n-     *     selection layer will be kept out of the layer switcher.\n+     * Property: resolution\n+     * {Float} The map resolution for the previously considered snap.\n      */\n-    layerOptions: null,\n+    resolution: null,\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n+     * Property: geoToleranceCache\n+     * {Object} A cache of geo-tolerances.  Tolerance values (in map units) are\n+     *     calculated when the map resolution changes.\n      */\n+    geoToleranceCache: null,\n \n     /**\n-     * APIProperty: sketchStyle\n-     * {<OpenLayers.Style>|Object} Style or symbolizer to use for the sketch\n-     * handler. The recommended way of styling the sketch layer, however, is\n-     * to configure an <OpenLayers.StyleMap> in the layerOptions of the\n-     * <handlerOptions>:\n-     * \n-     * (code)\n-     * new OpenLayers.Control.SLDSelect(OpenLayers.Handler.Path, {\n-     *     handlerOptions: {\n-     *         layerOptions: {\n-     *             styleMap: new OpenLayers.StyleMap({\n-     *                 \"default\": {strokeColor: \"yellow\"}\n-     *             })\n-     *         }\n-     *     }\n-     * });\n-     * (end)\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The current editable layer.  Set at\n+     *     construction or after construction with <setLayer>.\n      */\n-    sketchStyle: null,\n+    layer: null,\n \n     /**\n-     * APIProperty: wfsCache\n-     * {Object} Cache to use for storing parsed results from\n-     *     <OpenLayers.Format.WFSDescribeFeatureType.read>. If not provided,\n-     *     these will be cached on the prototype.\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} The current editable feature.\n      */\n-    wfsCache: {},\n+    feature: null,\n \n     /**\n-     * APIProperty: layerCache\n-     * {Object} Cache to use for storing references to the selection layers.\n-     *     Normally each source layer will have exactly 1 selection layer of\n-     *     type OpenLayers.Layer.WMS. If not provided, layers will\n-     *     be cached on the prototype. Note that if <clearOnDeactivate> is\n-     *     true, the layer will no longer be cached after deactivating the\n-     *     control.\n+     * Property: point\n+     * {<OpenLayers.Geometry.Point>} The currently snapped vertex.\n      */\n-    layerCache: {},\n+    point: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.SLDSelect\n-     * Create a new control for selecting features in WMS layers using\n-     *     Styled Layer Descriptor (SLD).\n+     * Constructor: OpenLayers.Control.Snapping\n+     * Creates a new snapping control. A control is constructed with an editable\n+     *     layer and a set of configuration objects for target layers. While the\n+     *     control is active, dragging vertices while drawing new features or\n+     *     modifying existing features on the editable layer will engage\n+     *     snapping to features on the target layers. Whether a vertex snaps to\n+     *     a feature on a target layer depends on the target layer configuration.\n      *\n      * Parameters:\n-     * handler - {<OpenLayers.Class>} A sketch handler class. This determines\n-     *     the type of selection, e.g. box (<OpenLayers.Handler.Box>), point\n-     *     (<OpenLayers.Handler.Point>), path (<OpenLayers.Handler.Path>) or\n-     *     polygon (<OpenLayers.Handler.Polygon>) selection. To use circle\n-     *     type selection, use <OpenLayers.Handler.RegularPolygon> and pass\n-     *     the number of desired sides (e.g. 40) as \"sides\" property to the\n-     *     <handlerOptions>.\n      * options - {Object} An object containing all configuration properties for\n      *     the control.\n      *\n      * Valid options:\n-     * layers - Array({<OpenLayers.Layer.WMS>}) The layers to perform the\n-     *     selection on.\n+     * layer - {<OpenLayers.Layer.Vector>} The editable layer.  Features from this\n+     *     layer that are digitized or modified may have vertices snapped to\n+     *     features from any of the target layers.\n+     * targets - {Array(Object | OpenLayers.Layer.Vector)} A list of objects for\n+     *     configuring target layers.  See valid properties of the target\n+     *     objects below.  If the items in the targets list are vector layers\n+     *     (instead of configuration objects), the defaults from the <defaults>\n+     *     property will apply.  The editable layer itself may be a target\n+     *     layer, allowing newly created or edited features to be snapped to\n+     *     existing features from the same layer.  If no targets are provided\n+     *     the layer given in the constructor (as <layer>) will become the\n+     *     initial target.\n+     * defaults - {Object} An object with default properties to be applied\n+     *     to all target objects.\n+     * greedy - {Boolean} Snap to closest feature in first target layer that\n+     *     applies.  Default is true.  If false, all features in all target\n+     *     layers will be checked and the closest feature in all target layers\n+     *     will be chosen.  The greedy property determines if the order of the\n+     *     target layers is significant.  By default, the order of the target\n+     *     layers is significant where layers earlier in the target layer list\n+     *     have precedence over layers later in the list.  Within a single\n+     *     layer, the closest feature is always chosen for snapping.  This\n+     *     property only determines whether the search for a closer feature\n+     *     continues after an eligible feature is found in a target layer.\n+     *\n+     * Valid target properties:\n+     * layer - {<OpenLayers.Layer.Vector>} A target layer.  Features from this\n+     *     layer will be eligible to act as snapping target for the editable\n+     *     layer.\n+     * tolerance - {Float} The distance (in pixels) at which snapping may occur.\n+     *     Default is 10.\n+     * node - {Boolean} Snap to nodes (first or last point in a geometry) in\n+     *     target layer.  Default is true.\n+     * nodeTolerance - {Float} Optional distance at which snapping may occur\n+     *     for nodes specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * vertex - {Boolean} Snap to vertices in target layer.  Default is true.\n+     * vertexTolerance - {Float} Optional distance at which snapping may occur\n+     *     for vertices specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * edge - {Boolean} Snap to edges in target layer.  Default is true.\n+     * edgeTolerance - {Float} Optional distance at which snapping may occur\n+     *     for edges specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * filter - {<OpenLayers.Filter>} Optional filter to evaluate to determine if\n+     *     feature is eligible for snapping.  If filter evaluates to true for a\n+     *     target feature a vertex may be snapped to the feature. \n+     * minResolution - {Number} If a minResolution is provided, snapping to this\n+     *     target will only be considered if the map resolution is greater than\n+     *     or equal to this value (the minResolution is inclusive).  Default is\n+     *     no minimum resolution limit.\n+     * maxResolution - {Number} If a maxResolution is provided, snapping to this\n+     *     target will only be considered if the map resolution is strictly\n+     *     less than this value (the maxResolution is exclusive).  Default is\n+     *     no maximum resolution limit.\n      */\n-    initialize: function(handler, options) {\n+    initialize: function(options) {\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.options = options || {}; // TODO: this could be done by the super\n \n-        this.callbacks = OpenLayers.Util.extend({\n-            done: this.select,\n-            click: this.select\n-        }, this.callbacks);\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.layerOptions = OpenLayers.Util.applyDefaults(this.layerOptions, {\n-            displayInLayerSwitcher: false,\n-            tileOptions: {\n-                maxGetUrlLength: 2048\n-            }\n-        });\n-        if (this.sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-                this.handlerOptions.layerOptions, {\n-                    styleMap: new OpenLayers.StyleMap({\n-                        \"default\": this.sketchStyle\n-                    })\n-                }\n-            );\n+        // set the editable layer if provided\n+        if (this.options.layer) {\n+            this.setLayer(this.options.layer);\n         }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n+        // configure target layers\n+        var defaults = OpenLayers.Util.extend({}, this.options.defaults);\n+        this.defaults = OpenLayers.Util.applyDefaults(defaults, this.DEFAULTS);\n+        this.setTargets(this.options.targets);\n+        if (this.targets.length === 0 && this.layer) {\n+            this.addTargetLayer(this.layer);\n+        }\n+\n+        this.geoToleranceCache = {};\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n+     * APIMethod: setLayer\n+     * Set the editable layer.  Call the setLayer method if the editable layer\n+     *     changes and the same control should be used on a new editable layer.\n+     *     If the control is already active, it will be active after the new\n+     *     layer is set.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>}  The new editable layer.\n      */\n-    destroy: function() {\n-        for (var key in this.layerCache) {\n-            delete this.layerCache[key];\n-        }\n-        for (var key in this.wfsCache) {\n-            delete this.wfsCache[key];\n+    setLayer: function(layer) {\n+        if (this.active) {\n+            this.deactivate();\n+            this.layer = layer;\n+            this.activate();\n+        } else {\n+            this.layer = layer;\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: coupleLayerVisiblity\n-     * Couple the selection layer and the source layer with respect to\n-     *     layer visibility. So if the source layer is turned off, the\n-     *     selection layer is also turned off.\n-     *\n-     * Context: \n-     * - {<OpenLayers.Layer>}\n+     * Method: setTargets\n+     * Set the targets for the snapping agent.\n      *\n      * Parameters:\n-     * evt - {Object}\n+     * targets - {Array} An array of target configs or target layers.\n      */\n-    coupleLayerVisiblity: function(evt) {\n-        this.setVisibility(evt.object.getVisibility());\n+    setTargets: function(targets) {\n+        this.targets = [];\n+        if (targets && targets.length) {\n+            var target;\n+            for (var i = 0, len = targets.length; i < len; ++i) {\n+                target = targets[i];\n+                if (target instanceof OpenLayers.Layer.Vector) {\n+                    this.addTargetLayer(target);\n+                } else {\n+                    this.addTarget(target);\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * Method: createSelectionLayer\n-     * Creates a \"clone\" from the source layer in which the selection can\n-     * be drawn. This ensures both the source layer and the selection are \n-     * visible and not only the selection.\n+     * Method: addTargetLayer\n+     * Add a target layer with the default target config.\n      *\n      * Parameters:\n-     * source - {<OpenLayers.Layer.WMS>} The source layer on which the selection\n-     *     is performed.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} A WMS layer with maxGetUrlLength configured to 2048\n-     *     since SLD selections can easily get quite long.\n+     * layer - {<OpenLayers.Layer.Vector>} A target layer.\n      */\n-    createSelectionLayer: function(source) {\n-        // check if we already have a selection layer for the source layer\n-        var selectionLayer;\n-        if (!this.layerCache[source.id]) {\n-            selectionLayer = new OpenLayers.Layer.WMS(source.name,\n-                source.url, source.params,\n-                OpenLayers.Util.applyDefaults(\n-                    this.layerOptions,\n-                    source.getOptions())\n-            );\n-            this.layerCache[source.id] = selectionLayer;\n-            // make sure the layers are coupled wrt visibility, but only\n-            // if they are not displayed in the layer switcher, because in\n-            // that case the user cannot control visibility.\n-            if (this.layerOptions.displayInLayerSwitcher === false) {\n-                source.events.on({\n-                    \"visibilitychanged\": this.coupleLayerVisiblity,\n-                    scope: selectionLayer\n-                });\n-            }\n-            this.map.addLayer(selectionLayer);\n-        } else {\n-            selectionLayer = this.layerCache[source.id];\n-        }\n-        return selectionLayer;\n+    addTargetLayer: function(layer) {\n+        this.addTarget({\n+            layer: layer\n+        });\n     },\n \n     /**\n-     * Method: createSLD\n-     * Create the SLD document for the layer using the supplied filters.\n+     * Method: addTarget\n+     * Add a configured target layer.\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>}\n-     * filters - Array({<OpenLayers.Filter>}) The filters to be applied.\n-     * geometryAttributes - Array({Object}) The geometry attributes of the \n-     *     layer.\n-     *\n-     * Returns:\n-     * {String} The SLD document generated as a string.\n+     * target - {Object} A target config.\n      */\n-    createSLD: function(layer, filters, geometryAttributes) {\n-        var sld = {\n-            version: \"1.0.0\",\n-            namedLayers: {}\n-        };\n-        var layerNames = [layer.params.LAYERS].join(\",\").split(\",\");\n-        for (var i = 0, len = layerNames.length; i < len; i++) {\n-            var name = layerNames[i];\n-            sld.namedLayers[name] = {\n-                name: name,\n-                userStyles: []\n-            };\n-            var symbolizer = this.selectionSymbolizer;\n-            var geometryAttribute = geometryAttributes[i];\n-            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n-                symbolizer = {\n-                    Polygon: this.selectionSymbolizer['Polygon']\n-                };\n-            } else if (geometryAttribute.type.indexOf('LineString') >= 0) {\n-                symbolizer = {\n-                    Line: this.selectionSymbolizer['Line']\n-                };\n-            } else if (geometryAttribute.type.indexOf('Point') >= 0) {\n-                symbolizer = {\n-                    Point: this.selectionSymbolizer['Point']\n-                };\n-            }\n-            var filter = filters[i];\n-            sld.namedLayers[name].userStyles.push({\n-                name: 'default',\n-                rules: [\n-                    new OpenLayers.Rule({\n-                        symbolizer: symbolizer,\n-                        filter: filter,\n-                        maxScaleDenominator: layer.options.minScale\n-                    })\n-                ]\n-            });\n-        }\n-        return new OpenLayers.Format.SLD({\n-            srsName: this.map.getProjection()\n-        }).write(sld);\n+    addTarget: function(target) {\n+        target = OpenLayers.Util.applyDefaults(target, this.defaults);\n+        target.nodeTolerance = target.nodeTolerance || target.tolerance;\n+        target.vertexTolerance = target.vertexTolerance || target.tolerance;\n+        target.edgeTolerance = target.edgeTolerance || target.tolerance;\n+        this.targets.push(target);\n     },\n \n     /**\n-     * Method: parseDescribeLayer\n-     * Parse the SLD WMS DescribeLayer response and issue the corresponding\n-     *     WFS DescribeFeatureType request\n+     * Method: removeTargetLayer\n+     * Remove a target layer.\n      *\n-     * request - {XMLHttpRequest} The request object.\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} The target layer to remove.\n      */\n-    parseDescribeLayer: function(request) {\n-        var format = new OpenLayers.Format.WMSDescribeLayer();\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        var describeLayer = format.read(doc);\n-        var typeNames = [];\n-        var url = null;\n-        for (var i = 0, len = describeLayer.length; i < len; i++) {\n-            // perform a WFS DescribeFeatureType request\n-            if (describeLayer[i].owsType == \"WFS\") {\n-                typeNames.push(describeLayer[i].typeName);\n-                url = describeLayer[i].owsURL;\n+    removeTargetLayer: function(layer) {\n+        var target;\n+        for (var i = this.targets.length - 1; i >= 0; --i) {\n+            target = this.targets[i];\n+            if (target.layer === layer) {\n+                this.removeTarget(target);\n             }\n         }\n-        var options = {\n-            url: url,\n-            params: {\n-                SERVICE: \"WFS\",\n-                TYPENAME: typeNames.toString(),\n-                REQUEST: \"DescribeFeatureType\",\n-                VERSION: \"1.0.0\"\n-            },\n-            callback: function(request) {\n-                var format = new OpenLayers.Format.WFSDescribeFeatureType();\n-                var doc = request.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = request.responseText;\n-                }\n-                var describeFeatureType = format.read(doc);\n-                this.control.wfsCache[this.layer.id] = describeFeatureType;\n-                this.control._queue && this.control.applySelection();\n-            },\n-            scope: this\n-        };\n-        OpenLayers.Request.GET(options);\n     },\n \n     /**\n-     * Method: getGeometryAttributes\n-     * Look up the geometry attributes from the WFS DescribeFeatureType response\n+     * Method: removeTarget\n+     * Remove a target.\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>} The layer for which to look up the \n-     *     geometry attributes.\n+     * target - {Object} A target config.\n      *\n      * Returns:\n-     * Array({Object}) Array of geometry attributes\n+     * {Array} The targets array.\n      */\n-    getGeometryAttributes: function(layer) {\n-        var result = [];\n-        var cache = this.wfsCache[layer.id];\n-        for (var i = 0, len = cache.featureTypes.length; i < len; i++) {\n-            var typeName = cache.featureTypes[i];\n-            var properties = typeName.properties;\n-            for (var j = 0, lenj = properties.length; j < lenj; j++) {\n-                var property = properties[j];\n-                var type = property.type;\n-                if ((type.indexOf('LineString') >= 0) ||\n-                    (type.indexOf('GeometryAssociationType') >= 0) ||\n-                    (type.indexOf('GeometryPropertyType') >= 0) ||\n-                    (type.indexOf('Point') >= 0) ||\n-                    (type.indexOf('Polygon') >= 0)) {\n-                    result.push(property);\n-                }\n-            }\n-        }\n-        return result;\n+    removeTarget: function(target) {\n+        return OpenLayers.Util.removeItem(this.targets, target);\n     },\n \n     /**\n      * APIMethod: activate\n-     * Activate the control. Activating the control will perform a SLD WMS\n-     *     DescribeLayer request followed by a WFS DescribeFeatureType request\n-     *     so that the proper symbolizers can be chosen based on the geometry\n-     *     type.\n+     * Activate the control.  Activating the control registers listeners for\n+     *     editing related events so that during feature creation and\n+     *     modification, moving vertices will trigger snapping.\n      */\n     activate: function() {\n         var activated = OpenLayers.Control.prototype.activate.call(this);\n         if (activated) {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                if (layer && !this.wfsCache[layer.id]) {\n-                    var options = {\n-                        url: layer.url,\n-                        params: {\n-                            SERVICE: \"WMS\",\n-                            VERSION: layer.params.VERSION,\n-                            LAYERS: layer.params.LAYERS,\n-                            REQUEST: \"DescribeLayer\"\n-                        },\n-                        callback: this.parseDescribeLayer,\n-                        scope: {\n-                            layer: layer,\n-                            control: this\n-                        }\n-                    };\n-                    OpenLayers.Request.GET(options);\n-                }\n+            if (this.layer && this.layer.events) {\n+                this.layer.events.on({\n+                    sketchstarted: this.onSketchModified,\n+                    sketchmodified: this.onSketchModified,\n+                    vertexmodified: this.onVertexModified,\n+                    scope: this\n+                });\n             }\n         }\n         return activated;\n     },\n \n     /**\n      * APIMethod: deactivate\n-     * Deactivate the control. If clearOnDeactivate is true, remove the\n-     *     selection layer(s).\n+     * Deactivate the control.  Deactivating the control unregisters listeners\n+     *     so feature editing may proceed without engaging the snapping agent.\n      */\n     deactivate: function() {\n         var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n         if (deactivated) {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                if (layer && this.clearOnDeactivate === true) {\n-                    var layerCache = this.layerCache;\n-                    var selectionLayer = layerCache[layer.id];\n-                    if (selectionLayer) {\n-                        layer.events.un({\n-                            \"visibilitychanged\": this.coupleLayerVisiblity,\n-                            scope: selectionLayer\n-                        });\n-                        selectionLayer.destroy();\n-                        delete layerCache[layer.id];\n-                    }\n-                }\n+            if (this.layer && this.layer.events) {\n+                this.layer.events.un({\n+                    sketchstarted: this.onSketchModified,\n+                    sketchmodified: this.onSketchModified,\n+                    vertexmodified: this.onVertexModified,\n+                    scope: this\n+                });\n             }\n         }\n+        this.feature = null;\n+        this.point = null;\n         return deactivated;\n     },\n \n     /**\n-     * APIMethod: setLayers\n-     * Set the layers on which the selection should be performed.  Call the \n-     *     setLayers method if the layer(s) to be used change and the same \n-     *     control should be used on a new set of layers.\n-     *     If the control is already active, it will be active after the new\n-     *     set of layers is set.\n+     * Method: onSketchModified\n+     * Registered as a listener for the sketchmodified event on the editable\n+     *     layer.\n      *\n      * Parameters:\n-     * layers - {Array(<OpenLayers.Layer.WMS>)}  The new set of layers on which \n-     *     the selection should be performed.\n+     * event - {Object} The sketch modified event.\n      */\n-    setLayers: function(layers) {\n-        if (this.active) {\n-            this.deactivate();\n-            this.layers = layers;\n-            this.activate();\n-        } else {\n-            this.layers = layers;\n-        }\n+    onSketchModified: function(event) {\n+        this.feature = event.feature;\n+        this.considerSnapping(event.vertex, event.vertex);\n     },\n \n     /**\n-     * Function: createFilter\n-     * Create the filter to be used in the SLD.\n+     * Method: onVertexModified\n+     * Registered as a listener for the vertexmodified event on the editable\n+     *     layer.\n      *\n      * Parameters:\n-     * geometryAttribute - {Object} Used to get the name of the geometry \n-     *     attribute which is needed for constructing the spatial filter.\n-     * geometry - {<OpenLayers.Geometry>} The geometry to use.\n+     * event - {Object} The vertex modified event.\n+     */\n+    onVertexModified: function(event) {\n+        this.feature = event.feature;\n+        var loc = this.layer.map.getLonLatFromViewPortPx(event.pixel);\n+        this.considerSnapping(\n+            event.vertex, new OpenLayers.Geometry.Point(loc.lon, loc.lat)\n+        );\n+    },\n+\n+    /**\n+     * Method: considerSnapping\n      *\n-     * Returns:\n-     * {<OpenLayers.Filter.Spatial>} The spatial filter created.\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>} The vertex to be snapped (or\n+     *     unsnapped).\n+     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n+     *     coords.\n      */\n-    createFilter: function(geometryAttribute, geometry) {\n-        var filter = null;\n-        if (this.handler instanceof OpenLayers.Handler.RegularPolygon) {\n-            // box\n-            if (this.handler.irregular === true) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.BBOX,\n-                    property: geometryAttribute.name,\n-                    value: geometry.getBounds()\n-                });\n-            } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n-                });\n+    considerSnapping: function(point, loc) {\n+        var best = {\n+            rank: Number.POSITIVE_INFINITY,\n+            dist: Number.POSITIVE_INFINITY,\n+            x: null,\n+            y: null\n+        };\n+        var snapped = false;\n+        var result, target;\n+        for (var i = 0, len = this.targets.length; i < len; ++i) {\n+            target = this.targets[i];\n+            result = this.testTarget(target, loc);\n+            if (result) {\n+                if (this.greedy) {\n+                    best = result;\n+                    best.target = target;\n+                    snapped = true;\n+                    break;\n+                } else {\n+                    if ((result.rank < best.rank) ||\n+                        (result.rank === best.rank && result.dist < best.dist)) {\n+                        best = result;\n+                        best.target = target;\n+                        snapped = true;\n+                    }\n+                }\n             }\n-        } else if (this.handler instanceof OpenLayers.Handler.Polygon) {\n-            filter = new OpenLayers.Filter.Spatial({\n-                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                property: geometryAttribute.name,\n-                value: geometry\n+        }\n+        if (snapped) {\n+            var proceed = this.events.triggerEvent(\"beforesnap\", {\n+                point: point,\n+                x: best.x,\n+                y: best.y,\n+                distance: best.dist,\n+                layer: best.target.layer,\n+                snapType: this.precedence[best.rank]\n             });\n-        } else if (this.handler instanceof OpenLayers.Handler.Path) {\n-            // if source layer is point based, use DWITHIN instead\n-            if (geometryAttribute.type.indexOf('Point') >= 0) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.DWITHIN,\n-                    property: geometryAttribute.name,\n-                    distance: this.map.getExtent().getWidth() * 0.01,\n-                    distanceUnits: this.map.getUnits(),\n-                    value: geometry\n-                });\n-            } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n-                });\n-            }\n-        } else if (this.handler instanceof OpenLayers.Handler.Click) {\n-            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n+            if (proceed !== false) {\n+                point.x = best.x;\n+                point.y = best.y;\n+                this.point = point;\n+                this.events.triggerEvent(\"snap\", {\n+                    point: point,\n+                    snapType: this.precedence[best.rank],\n+                    layer: best.target.layer,\n+                    distance: best.dist\n                 });\n             } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.DWITHIN,\n-                    property: geometryAttribute.name,\n-                    distance: this.map.getExtent().getWidth() * 0.01,\n-                    distanceUnits: this.map.getUnits(),\n-                    value: geometry\n-                });\n+                snapped = false;\n             }\n         }\n-        return filter;\n+        if (this.point && !snapped) {\n+            point.x = loc.x;\n+            point.y = loc.y;\n+            this.point = null;\n+            this.events.triggerEvent(\"unsnap\", {\n+                point: point\n+            });\n+        }\n     },\n \n     /**\n-     * Method: select\n-     * When the handler is done, use SLD_BODY on the selection layer to\n-     *     display the selection in the map.\n+     * Method: testTarget\n      *\n      * Parameters:\n-     * geometry - {Object} or {<OpenLayers.Geometry>}\n+     * target - {Object} Object with target layer configuration.\n+     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n+     *     coords.\n+     *\n+     * Returns:\n+     * {Object} A result object with rank, dist, x, and y properties.\n+     *     Returns null if candidate is not eligible for snapping.\n      */\n-    select: function(geometry) {\n-        this._queue = function() {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                var geometryAttributes = this.getGeometryAttributes(layer);\n-                var filters = [];\n-                for (var j = 0, lenj = geometryAttributes.length; j < lenj; j++) {\n-                    var geometryAttribute = geometryAttributes[j];\n-                    if (geometryAttribute !== null) {\n-                        // from the click handler we will not get an actual \n-                        // geometry so transform\n-                        if (!(geometry instanceof OpenLayers.Geometry)) {\n-                            var point = this.map.getLonLatFromPixel(\n-                                geometry.xy);\n-                            geometry = new OpenLayers.Geometry.Point(\n-                                point.lon, point.lat);\n-                        }\n-                        var filter = this.createFilter(geometryAttribute,\n-                            geometry);\n-                        if (filter !== null) {\n-                            filters.push(filter);\n+    testTarget: function(target, loc) {\n+        var resolution = this.layer.map.getResolution();\n+        if (\"minResolution\" in target) {\n+            if (resolution < target.minResolution) {\n+                return null;\n+            }\n+        }\n+        if (\"maxResolution\" in target) {\n+            if (resolution >= target.maxResolution) {\n+                return null;\n+            }\n+        }\n+        var tolerance = {\n+            node: this.getGeoTolerance(target.nodeTolerance, resolution),\n+            vertex: this.getGeoTolerance(target.vertexTolerance, resolution),\n+            edge: this.getGeoTolerance(target.edgeTolerance, resolution)\n+        };\n+        // this could be cached if we don't support setting tolerance values directly\n+        var maxTolerance = Math.max(\n+            tolerance.node, tolerance.vertex, tolerance.edge\n+        );\n+        var result = {\n+            rank: Number.POSITIVE_INFINITY,\n+            dist: Number.POSITIVE_INFINITY\n+        };\n+        var eligible = false;\n+        var features = target.layer.features;\n+        var feature, type, vertices, vertex, closest, dist, found;\n+        var numTypes = this.precedence.length;\n+        var ll = new OpenLayers.LonLat(loc.x, loc.y);\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            if (feature !== this.feature && !feature._sketch &&\n+                feature.state !== OpenLayers.State.DELETE &&\n+                (!target.filter || target.filter.evaluate(feature))) {\n+                if (feature.atPoint(ll, maxTolerance, maxTolerance)) {\n+                    for (var j = 0, stop = Math.min(result.rank + 1, numTypes); j < stop; ++j) {\n+                        type = this.precedence[j];\n+                        if (target[type]) {\n+                            if (type === \"edge\") {\n+                                closest = feature.geometry.distanceTo(loc, {\n+                                    details: true\n+                                });\n+                                dist = closest.distance;\n+                                if (dist <= tolerance[type] && dist < result.dist) {\n+                                    result = {\n+                                        rank: j,\n+                                        dist: dist,\n+                                        x: closest.x0,\n+                                        y: closest.y0 // closest coords on feature\n+                                    };\n+                                    eligible = true;\n+                                    // don't look for lower precedence types for this feature\n+                                    break;\n+                                }\n+                            } else {\n+                                // look for nodes or vertices\n+                                vertices = feature.geometry.getVertices(type === \"node\");\n+                                found = false;\n+                                for (var k = 0, klen = vertices.length; k < klen; ++k) {\n+                                    vertex = vertices[k];\n+                                    dist = vertex.distanceTo(loc);\n+                                    if (dist <= tolerance[type] &&\n+                                        (j < result.rank || (j === result.rank && dist < result.dist))) {\n+                                        result = {\n+                                            rank: j,\n+                                            dist: dist,\n+                                            x: vertex.x,\n+                                            y: vertex.y\n+                                        };\n+                                        eligible = true;\n+                                        found = true;\n+                                    }\n+                                }\n+                                if (found) {\n+                                    // don't look for lower precedence types for this feature\n+                                    break;\n+                                }\n+                            }\n                         }\n                     }\n                 }\n-\n-                var selectionLayer = this.createSelectionLayer(layer);\n-\n-                this.events.triggerEvent(\"selected\", {\n-                    layer: layer,\n-                    filters: filters\n-                });\n-\n-                var sld = this.createSLD(layer, filters, geometryAttributes);\n-\n-                selectionLayer.mergeNewParams({\n-                    SLD_BODY: sld\n-                });\n-                delete this._queue;\n             }\n-        };\n-        this.applySelection();\n+        }\n+        return eligible ? result : null;\n     },\n \n     /**\n-     * Method: applySelection\n-     * Checks if all required wfs data is cached, and applies the selection\n+     * Method: getGeoTolerance\n+     * Calculate a tolerance in map units given a tolerance in pixels.  This\n+     *     takes advantage of the <geoToleranceCache> when the map resolution\n+     *     has not changed.\n+     *     \n+     * Parameters:\n+     * tolerance - {Number} A tolerance value in pixels.\n+     * resolution - {Number} Map resolution.\n+     *\n+     * Returns:\n+     * {Number} A tolerance value in map units.\n      */\n-    applySelection: function() {\n-        var canApply = true;\n-        for (var i = 0, len = this.layers.length; i < len; i++) {\n-            if (!this.wfsCache[this.layers[i].id]) {\n-                canApply = false;\n-                break;\n-            }\n+    getGeoTolerance: function(tolerance, resolution) {\n+        if (resolution !== this.resolution) {\n+            this.resolution = resolution;\n+            this.geoToleranceCache = {};\n         }\n-        canApply && this._queue.call(this);\n+        var geoTolerance = this.geoToleranceCache[tolerance];\n+        if (geoTolerance === undefined) {\n+            geoTolerance = tolerance * resolution;\n+            this.geoToleranceCache[tolerance] = geoTolerance;\n+        }\n+        return geoTolerance;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n+    /**\n+     * Method: destroy\n+     * Clean up the control.\n+     */\n+    destroy: function() {\n+        if (this.active) {\n+            this.deactivate(); // TODO: this should be handled by the super\n+        }\n+        delete this.layer;\n+        delete this.targets;\n+        OpenLayers.Control.prototype.destroy.call(this);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.Snapping\"\n });\n /* ======================================================================\n-    OpenLayers/Control/ZoomBox.js\n+    OpenLayers/Control/PinchZoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Box.js\n+ * @requires OpenLayers/Handler/Pinch.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomBox\n- * The ZoomBox control enables zooming directly to a given extent, by drawing \n- * a box on the map. The box is drawn by holding down shift, whilst dragging \n- * the mouse.\n+ * Class: OpenLayers.Control.PinchZoom\n  *\n- * Inherits from:\n+ * Inherits:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n-    /**\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n      * Property: type\n-     * {OpenLayers.Control.TYPE}\n+     * {OpenLayers.Control.TYPES}\n      */\n     type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * Property: out\n-     * {Boolean} Should the control be used for zooming out?\n+     * Property: pinchOrigin\n+     * {Object} Cached object representing the pinch start (in pixels).\n      */\n-    out: false,\n+    pinchOrigin: null,\n \n     /**\n-     * APIProperty: keyMask\n-     * {Integer} Zoom only occurs if the keyMask matches the combination of \n-     *     keys down. Use bitwise operators and one or more of the\n-     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n-     *     not used mask. Default is null.\n+     * Property: currentCenter\n+     * {Object} Cached object representing the latest pinch center (in pixels).\n      */\n-    keyMask: null,\n+    currentCenter: null,\n \n     /**\n-     * APIProperty: alwaysZoom\n-     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n-     * not change.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    alwaysZoom: false,\n+    autoActivate: true,\n \n     /**\n-     * APIProperty: zoomOnClick\n-     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n-     * clicked? Default is true.\n+     * APIProperty: preserveCenter\n+     * {Boolean} Set this to true if you don't want the map center to change\n+     *     while pinching. For example you may want to set preserveCenter to\n+     *     true when the user location is being watched and you want to preserve\n+     *     the user location at the center of the map even if he zooms in or\n+     *     out using pinch. This property's value can be changed any time on an\n+     *     existing instance. Default is false.\n      */\n-    zoomOnClick: true,\n+    preserveCenter: false,\n \n     /**\n-     * Method: draw\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the pinch handler\n      */\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        });\n+\n+    /**\n+     * Constructor: OpenLayers.Control.PinchZoom\n+     * Create a control for zooming with pinch gestures.  This works on devices\n+     *     with multi-touch support.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions);\n     },\n \n     /**\n-     * Method: zoomBox\n+     * Method: pinchStart\n      *\n      * Parameters:\n-     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n      */\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds,\n-                targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n-                    maxXY.lon, maxXY.lat);\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n-                    (this.map.size.w / pixWidth));\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n-                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n-                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n-                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n-            }\n-            // always zoom in/out \n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n-                        (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n-                        (oldRes - newRes)\n-                };\n-                this.map.zoomTo(zoom, zoomOriginPx);\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n-            }\n-        } else if (this.zoomOnClick) { // it's a pixel\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position);\n-            } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position);\n-            }\n+    pinchStart: function(evt, pinchData) {\n+        var xy = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy;\n+    },\n+\n+    /**\n+     * Method: pinchMove\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n+     */\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+\n+        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current;\n+    },\n+\n+    /**\n+     * Method: pinchDone\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     * start - {Object} pinch data object related to the touchstart event that\n+     *     started the pinch gesture.\n+     * last - {Object} pinch data object related to the last touchmove event\n+     *     of the pinch gesture. This give us the final scale of the pinch.\n+     */\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n+\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n+\n+            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n+            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n+\n+            // Force a reflow before calling setCenter. This is to work\n+            // around an issue occuring in iOS.\n+            //\n+            // See https://github.com/openlayers/openlayers/pull/351.\n+            //\n+            // Without a reflow setting the layer container div's top left\n+            // style properties to \"0px\" - as done in Map.moveTo when zoom\n+            // is changed - won't actually correctly reposition the layer\n+            // container div.\n+            //\n+            // Also, we need to use a statement that the Google Closure\n+            // compiler won't optimize away.\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n+\n+            this.map.setCenter(location, zoom);\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/Navigation.js\n+    OpenLayers/Control/TouchNavigation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/ZoomBox.js\n  * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Handler/MouseWheel.js\n+ * @requires OpenLayers/Control/PinchZoom.js\n  * @requires OpenLayers/Handler/Click.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Navigation\n- * The navigation control handles map browsing with mouse events (dragging,\n- *     double-clicking, and scrolling the wheel).  Create a new navigation \n- *     control with the <OpenLayers.Control.Navigation> control.  \n- * \n- *     Note that this control is added to the map by default (if no controls \n- *     array is sent in the options object to the <OpenLayers.Map> \n- *     constructor).\n- * \n+ * Class: OpenLayers.Control.TouchNavigation\n+ * The navigation control handles map browsing with touch events (dragging,\n+ *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n+ *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n+ *\n+ * If you\u2019re only targeting touch enabled devices with your mapping application,\n+ *     you can create a map with only a TouchNavigation control. The \n+ *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n+ *     you can generate a smaller build of the library by only including this\n+ *     touch navigation control if you aren't concerned about mouse interaction.\n+ *\n  * Inherits:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n \n-    /** \n+    /**\n      * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>} \n+     * {<OpenLayers.Control.DragPan>}\n      */\n     dragPan: null,\n \n     /**\n      * APIProperty: dragPanOptions\n      * {Object} Options passed to the DragPan control.\n      */\n@@ -55346,75 +54024,37 @@\n     /**\n      * APIProperty: pinchZoomOptions\n      * {Object} Options passed to the PinchZoom control.\n      */\n     pinchZoomOptions: null,\n \n     /**\n+     * APIProperty: clickHandlerOptions\n+     * {Object} Options passed to the Click handler.\n+     */\n+    clickHandlerOptions: null,\n+\n+    /**\n      * APIProperty: documentDrag\n      * {Boolean} Allow panning of the map by dragging outside map viewport.\n      *     Default is false.\n      */\n     documentDrag: false,\n \n-    /** \n-     * Property: zoomBox\n-     * {<OpenLayers.Control.ZoomBox>}\n-     */\n-    zoomBox: null,\n-\n-    /**\n-     * APIProperty: zoomBoxEnabled\n-     * {Boolean} Whether the user can draw a box to zoom\n-     */\n-    zoomBoxEnabled: true,\n-\n-    /**\n-     * APIProperty: zoomWheelEnabled\n-     * {Boolean} Whether the mousewheel should zoom the map\n-     */\n-    zoomWheelEnabled: true,\n-\n-    /**\n-     * Property: mouseWheelOptions\n-     * {Object} Options passed to the MouseWheel control (only useful if\n-     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n-     *     with fractionalZoom set to true, otherwise\n-     *     {cumulative: false, interval: 50, maxDelta: 6} \n-     */\n-    mouseWheelOptions: null,\n-\n-    /**\n-     * APIProperty: handleRightClicks\n-     * {Boolean} Whether or not to handle right clicks. Default is false.\n-     */\n-    handleRightClicks: false,\n-\n-    /**\n-     * APIProperty: zoomBoxKeyMask\n-     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n-     *    pressed, while drawing the zoom box with the mouse on the screen. \n-     *    You should probably set handleRightClicks to true if you use this\n-     *    with MOD_CTRL, to disable the context menu for machines which use\n-     *    CTRL-Click as a right click.\n-     * Default: <OpenLayers.Handler.MOD_SHIFT>\n-     */\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n-\n     /**\n      * APIProperty: autoActivate\n      * {Boolean} Activate the control when it is added to a map.  Default is\n      *     true.\n      */\n     autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Control.Navigation\n+     * Constructor: OpenLayers.Control.TouchNavigation\n      * Create a new navigation control\n-     * \n+     *\n      * Parameters:\n      * options - {Object} An optional object whose properties will be set on\n      *                    the control\n      */\n     initialize: function(options) {\n         this.handlers = {};\n         OpenLayers.Control.prototype.initialize.apply(this, arguments);\n@@ -55424,116 +54064,79 @@\n      * Method: destroy\n      * The destroy method is used to perform any clean up before the control\n      * is dereferenced.  Typically this is where event listeners are removed\n      * to prevent memory leaks.\n      */\n     destroy: function() {\n         this.deactivate();\n-\n         if (this.dragPan) {\n             this.dragPan.destroy();\n         }\n         this.dragPan = null;\n-\n-        if (this.zoomBox) {\n-            this.zoomBox.destroy();\n-        }\n-        this.zoomBox = null;\n-\n         if (this.pinchZoom) {\n             this.pinchZoom.destroy();\n+            delete this.pinchZoom;\n         }\n-        this.pinchZoom = null;\n-\n         OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n      * Method: activate\n      */\n     activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate();\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate();\n-        }\n-        if (this.pinchZoom) {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n             this.pinchZoom.activate();\n+            return true;\n         }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n+        return false;\n     },\n \n     /**\n      * Method: deactivate\n      */\n     deactivate: function() {\n-        if (this.pinchZoom) {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n             this.pinchZoom.deactivate();\n+            return true;\n         }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n+        return false;\n     },\n \n     /**\n      * Method: draw\n      */\n     draw: function() {\n-        // disable right mouse context menu for support of right click events\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n-        }\n-\n         var clickCallbacks = {\n-            'click': this.defaultClick,\n-            'dblclick': this.defaultDblClick,\n-            'dblrightclick': this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            'double': true,\n-            'stopDouble': true\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n         };\n+        var clickOptions = OpenLayers.Util.extend({\n+            \"double\": true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n         this.handlers.click = new OpenLayers.Handler.Click(\n             this, clickCallbacks, clickOptions\n         );\n         this.dragPan = new OpenLayers.Control.DragPan(\n             OpenLayers.Util.extend({\n                 map: this.map,\n                 documentDrag: this.documentDrag\n             }, this.dragPanOptions)\n         );\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n         this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n-            this, {\n-                up: this.wheelUp,\n-                down: this.wheelDown\n-            },\n-            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+            OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions)\n         );\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-                OpenLayers.Util.extend({\n-                    map: this.map\n-                }, this.pinchZoomOptions));\n-        }\n     },\n \n     /**\n      * Method: defaultClick\n      *\n      * Parameters:\n      * evt - {Event}\n@@ -55541,10238 +54144,10639 @@\n     defaultClick: function(evt) {\n         if (evt.lastTouches && evt.lastTouches.length == 2) {\n             this.map.zoomOut();\n         }\n     },\n \n     /**\n-     * Method: defaultDblClick \n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n-    },\n-\n-    /**\n-     * Method: defaultDblRightClick \n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n-    },\n-\n-    /**\n-     * Method: wheelChange  \n+     * Method: defaultDblClick\n      *\n      * Parameters:\n      * evt - {Event}\n-     * deltaZ - {Integer}\n-     */\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ);\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return;\n-        }\n-        this.map.zoomTo(newZoom, evt.xy);\n-    },\n-\n-    /** \n-     * Method: wheelUp\n-     * User spun scroll wheel up\n-     * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n-     */\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1);\n-    },\n-\n-    /** \n-     * Method: wheelDown\n-     * User spun scroll wheel down\n-     * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n-     */\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1);\n-    },\n-\n-    /**\n-     * Method: disableZoomBox\n-     */\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate();\n-    },\n-\n-    /**\n-     * Method: enableZoomBox\n-     */\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate();\n-        }\n-    },\n-\n-    /**\n-     * Method: disableZoomWheel\n-     */\n-\n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate();\n-    },\n-\n-    /**\n-     * Method: enableZoomWheel\n-     */\n-\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate();\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/NavToolbar.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Navigation.js\n- * @requires OpenLayers/Control/ZoomBox.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.NavToolbar\n- * This Toolbar is an alternative to the Navigation control that displays\n- *     the state of the control, and provides a UI for changing state to\n- *     use the zoomBox via a Panel control.\n- *\n- * If you wish to change the properties of the Navigation control used\n- *     in the NavToolbar, see: \n- *     http://trac.openlayers.org/wiki/Toolbars#SubclassingNavToolbar \n- * \n- * \n- * Inherits from:\n- *  - <OpenLayers.Control.Panel>\n- */\n-OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n-\n-    /**\n-     * Constructor: OpenLayers.Control.NavToolbar \n-     * Add our two mousedefaults controls.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([\n-            new OpenLayers.Control.Navigation(),\n-            new OpenLayers.Control.ZoomBox()\n-        ]);\n-    },\n-\n-    /**\n-     * Method: draw \n-     * calls the default draw, and then activates mouse defaults.\n      */\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0];\n-        }\n-        return div;\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n });\n /* ======================================================================\n-    OpenLayers/Control/CacheRead.js\n+    OpenLayers/Control/GetFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Handler/Box.js\n+ * @requires OpenLayers/Handler/Hover.js\n+ * @requires OpenLayers/Filter/Spatial.js\n  */\n \n /**\n- * Class: OpenLayers.Control.CacheRead\n- * A control for using image tiles cached with <OpenLayers.Control.CacheWrite>\n- * from the browser's local storage.\n+ * Class: OpenLayers.Control.GetFeature\n+ * Gets vector features for locations underneath the mouse cursor. Can be\n+ *     configured to act on click, hover or dragged boxes. Uses an\n+ *     <OpenLayers.Protocol> that supports spatial filters to retrieve\n+ *     features from a server and fires events that notify applications of the\n+ *     selected features. \n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: fetchEvent\n-     * {String} The layer event to listen to for replacing remote resource tile\n-     *     URLs with cached data URIs. Supported values are \"tileerror\" (try\n-     *     remote first, fall back to cached) and \"tileloadstart\" (try cache\n-     *     first, fall back to remote). Default is \"tileloadstart\".\n-     *\n-     *     Note that \"tileerror\" will not work for CORS enabled images (see\n-     *     https://developer.mozilla.org/en/CORS_Enabled_Image), i.e. layers\n-     *     configured with a <OpenLayers.Tile.Image.crossOriginKeyword> in\n-     *     <OpenLayers.Layer.Grid.tileOptions>.\n-     */\n-    fetchEvent: \"tileloadstart\",\n-\n-    /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, only these\n-     *     layers will receive tiles from the cache.\n-     */\n-    layers: null,\n+OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * APIProperty: protocol\n+     * {<OpenLayers.Protocol>} Required. The protocol used for fetching\n+     *     features.\n      */\n-    autoActivate: true,\n+    protocol: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.CacheRead\n-     *\n-     * Parameters:\n-     * options - {Object} Object with API properties for this control\n-     */\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * APIProperty: multipleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <multiple> property to true.  Default is null.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            });\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n-        }\n-    },\n+    multipleKey: null,\n \n     /**\n-     * Method: addLayer\n-     * Adds a layer to the control. Once added, tiles requested for this layer\n-     *     will be cached.\n-     *\n-     * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n+     * APIProperty: toggleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <toggle> property to true.  Default is null.\n      */\n-    addLayer: function(evt) {\n-        evt.layer.events.register(this.fetchEvent, this, this.fetch);\n-    },\n+    toggleKey: null,\n \n     /**\n-     * Method: removeLayer\n-     * Removes a layer from the control. Once removed, tiles requested for this\n-     *     layer will no longer be cached.\n-     *\n-     * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n+     * Property: modifiers\n+     * {Object} The event modifiers to use, according to the current event\n+     *     being handled by this control's handlers\n      */\n-    removeLayer: function(evt) {\n-        evt.layer.events.unregister(this.fetchEvent, this, this.fetch);\n-    },\n+    modifiers: null,\n \n     /**\n-     * Method: fetch\n-     * Listener to the <fetchEvent> event. Replaces a tile's url with a data\n-     * URI from the cache.\n-     *\n-     * Parameters:\n-     * evt - {Object} Event object with a tile property.\n+     * APIProperty: multiple\n+     * {Boolean} Allow selection of multiple geometries.  Default is false.\n      */\n-    fetch: function(evt) {\n-        if (this.active && window.localStorage &&\n-            evt.tile instanceof OpenLayers.Tile.Image) {\n-            var tile = evt.tile,\n-                url = tile.url;\n-            // deal with modified tile urls when both CacheWrite and CacheRead\n-            // are active\n-            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost &&\n-                url.indexOf(OpenLayers.ProxyHost) === 0) {\n-                url = OpenLayers.Control.CacheWrite.urlMap[url];\n-            }\n-            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n-            if (dataURI) {\n-                tile.url = dataURI;\n-                if (evt.type === \"tileerror\") {\n-                    tile.setImgSrc(dataURI);\n-                }\n-            }\n-        }\n-    },\n+    multiple: false,\n \n     /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n+     * APIProperty: click\n+     * {Boolean} Use a click handler for selecting/unselecting features. If\n+     *     both <click> and <box> are set to true, the click handler takes\n+     *     precedence over the box handler if a box with zero extent was\n+     *     selected.  Default is true.\n      */\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                });\n-            }\n-        }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/OverviewMap.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/** \n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/BaseTypes.js\n- * @requires OpenLayers/Events/buttonclick.js\n- * @requires OpenLayers/Map.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Handler/Drag.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.OverviewMap\n- * The OverMap control creates a small overview map, useful to display the \n- * extent of a zoomed map and your main map and provide additional \n- * navigation options to the User.  By default the overview map is drawn in\n- * the lower right corner of the main map. Create a new overview map with the\n- * <OpenLayers.Control.OverviewMap> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n+    click: true,\n \n     /**\n-     * Property: element\n-     * {DOMElement} The DOM element that contains the overview map\n+     * APIProperty: single\n+     * {Boolean} Tells whether select by click should select a single\n+     *     feature. If set to false, all matching features are selected.\n+     *     If set to true, only the best matching feature is selected.\n+     *     This option has an effect only of the <click> option is set\n+     *     to true. Default is true.\n      */\n-    element: null,\n+    single: true,\n \n     /**\n-     * APIProperty: ovmap\n-     * {<OpenLayers.Map>} A reference to the overview map itself.\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Applies only if <click> is true.  Default is true.\n      */\n-    ovmap: null,\n+    clickout: true,\n \n     /**\n-     * APIProperty: size\n-     * {<OpenLayers.Size>} The overvew map size in pixels.  Note that this is\n-     * the size of the map itself - the element that contains the map (default\n-     * class name olControlOverviewMapElement) may have padding or other style\n-     * attributes added via CSS.\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.  Applies only if\n+     *     <click> is true.  Default is false.\n      */\n-    size: {\n-        w: 180,\n-        h: 90\n-    },\n+    toggle: false,\n \n     /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer>)} Ordered list of layers in the overview map.\n-     * If none are sent at construction, the base layer for the main map is used.\n+     * APIProperty: clickTolerance\n+     * {Integer} Tolerance for the filter query in pixels. This has the\n+     *     same effect as the tolerance parameter on WMS GetFeatureInfo\n+     *     requests.  Will be ignored for box selections.  Applies only if\n+     *     <click> or <hover> is true.  Default is 5.  Note that this not\n+     *     only affects requests on click, but also on hover.\n      */\n-    layers: null,\n+    clickTolerance: 5,\n \n     /**\n-     * APIProperty: minRectSize\n-     * {Integer} The minimum width or height (in pixels) of the extent\n-     *     rectangle on the overview map.  When the extent rectangle reaches\n-     *     this size, it will be replaced depending on the value of the\n-     *     <minRectDisplayClass> property.  Default is 15 pixels.\n+     * APIProperty: hover\n+     * {Boolean} Send feature requests on mouse moves.  Default is false.\n      */\n-    minRectSize: 15,\n+    hover: false,\n \n     /**\n-     * APIProperty: minRectDisplayClass\n-     * {String} Replacement style class name for the extent rectangle when\n-     *     <minRectSize> is reached.  This string will be suffixed on to the\n-     *     displayClass.  Default is \"RectReplacement\".\n-     *\n-     * Example CSS declaration:\n-     * (code)\n-     * .olControlOverviewMapRectReplacement {\n-     *     overflow: hidden;\n-     *     cursor: move;\n-     *     background-image: url(\"img/overview_replacement.gif\");\n-     *     background-repeat: no-repeat;\n-     *     background-position: center;\n-     * }\n-     * (end)\n+     * APIProperty: box\n+     * {Boolean} Allow feature selection by drawing a box. If set to\n+     *     true set <click> to false to disable the click handler and\n+     *     rely on the box handler only, even for \"zero extent\" boxes.\n+     *     See the description of the <click> option for additional\n+     *     information.  Default is false.\n      */\n-    minRectDisplayClass: \"RectReplacement\",\n+    box: false,\n \n     /**\n-     * APIProperty: minRatio\n-     * {Float} The ratio of the overview map resolution to the main map\n-     *     resolution at which to zoom farther out on the overview map.\n+     * APIProperty: maxFeatures\n+     * {Integer} Maximum number of features to return from a query in single mode\n+     *     if supported by the <protocol>. This set of features is then used to\n+     *     determine the best match client-side. Default is 10.\n      */\n-    minRatio: 8,\n+    maxFeatures: 10,\n \n     /**\n-     * APIProperty: maxRatio\n-     * {Float} The ratio of the overview map resolution to the main map\n-     *     resolution at which to zoom farther in on the overview map.\n+     * Property: features\n+     * {Object} Hash of {<OpenLayers.Feature.Vector>}, keyed by fid, holding\n+     *     the currently selected features\n      */\n-    maxRatio: 32,\n+    features: null,\n \n     /**\n-     * APIProperty: mapOptions\n-     * {Object} An object containing any non-default properties to be sent to\n-     *     the overview map's map constructor.  These should include any\n-     *     non-default options that the main map was constructed with.\n+     * Proeprty: hoverFeature\n+     * {<OpenLayers.Feature.Vector>} The feature currently selected by the\n+     *     hover handler\n      */\n-    mapOptions: null,\n+    hoverFeature: null,\n \n     /**\n-     * APIProperty: autoPan\n-     * {Boolean} Always pan the overview map, so the extent marker remains in\n-     *     the center.  Default is false.  If true, when you drag the extent\n-     *     marker, the overview map will update itself so the marker returns\n-     *     to the center.\n+     * APIProperty: handlerOptions\n+     * {Object} Additional options for the handlers used by this control. This\n+     *     is a hash with the keys \"click\", \"box\" and \"hover\".\n      */\n-    autoPan: false,\n \n     /**\n      * Property: handlers\n-     * {Object}\n+     * {Object} Object with references to multiple <OpenLayers.Handler>\n+     *     instances.\n      */\n     handlers: null,\n \n     /**\n-     * Property: resolutionFactor\n-     * {Object}\n-     */\n-    resolutionFactor: 1,\n-\n-    /**\n-     * APIProperty: maximized\n-     * {Boolean} Start as maximized (visible). Defaults to false.\n+     * Property: hoverResponse\n+     * {<OpenLayers.Protocol.Response>} The response object associated with\n+     *     the currently running hover request (if any).\n      */\n-    maximized: false,\n+    hoverResponse: null,\n \n     /**\n-     * APIProperty: maximizeTitle\n-     * {String}  This property is used for showing a tooltip over the  \n-     * maximize div. Defaults to \"\" (no title).\n+     * Property: filterType\n+     * {<String>} The type of filter to use when sending off a request. \n+     *     Possible values: \n+     *     OpenLayers.Filter.Spatial.<BBOX|INTERSECTS|WITHIN|CONTAINS>\n+     *     Defaults to: OpenLayers.Filter.Spatial.BBOX\n      */\n-    maximizeTitle: \"\",\n+    filterType: OpenLayers.Filter.Spatial.BBOX,\n \n-    /**\n-     * APIProperty: minimizeTitle\n-     * {String}  This property is used for showing a tooltip over the  \n-     * minimize div. Defaults to \"\" (no title).\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforefeatureselected - Triggered when <click> is true before a\n+     *      feature is selected. The event object has a feature property with\n+     *      the feature about to select\n+     * featureselected - Triggered when <click> is true and a feature is\n+     *      selected. The event object has a feature property with the\n+     *      selected feature\n+     * beforefeaturesselected - Triggered when <click> is true before a\n+     *      set of features is selected. The event object is an array of\n+     *      feature properties with the features about to be selected.  \n+     *      Return false after receiving this event to discontinue processing\n+     *      of all featureselected events and the featuresselected event.\n+     * featuresselected - Triggered when <click> is true and a set of\n+     *      features is selected.  The event object is an array of feature\n+     *      properties of the selected features\n+     * featureunselected - Triggered when <click> is true and a feature is\n+     *      unselected. The event object has a feature property with the\n+     *      unselected feature\n+     * clickout - Triggered when when <click> is true and no feature was\n+     *      selected.\n+     * hoverfeature - Triggered when <hover> is true and the mouse has\n+     *      stopped over a feature\n+     * outfeature - Triggered when <hover> is true and the mouse moves\n+     *      moved away from a hover-selected feature\n      */\n-    minimizeTitle: \"\",\n \n     /**\n-     * Constructor: OpenLayers.Control.OverviewMap\n-     * Create a new overview map\n+     * Constructor: OpenLayers.Control.GetFeature\n+     * Create a new control for fetching remote features.\n      *\n      * Parameters:\n-     * options - {Object} Properties of this object will be set on the overview\n-     * map object.  Note, to set options on the map object contained in this\n-     * control, set <mapOptions> as one of the options properties.\n+     * options - {Object} A configuration object which at least has to contain\n+     *     a <protocol> property (if not, it has to be set before a request is\n+     *     made)\n      */\n     initialize: function(options) {\n-        this.layers = [];\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-    },\n+        options.handlerOptions = options.handlerOptions || {};\n \n-    /**\n-     * APIMethod: destroy\n-     * Deconstruct the control\n-     */\n-    destroy: function() {\n-        if (!this.mapDiv) { // we've already been destroyed\n-            return;\n-        }\n-        if (this.handlers.click) {\n-            this.handlers.click.destroy();\n-        }\n-        if (this.handlers.drag) {\n-            this.handlers.drag.destroy();\n-        }\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n \n-        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n-        this.extentRectangle = null;\n+        this.features = {};\n \n-        if (this.rectEvents) {\n-            this.rectEvents.destroy();\n-            this.rectEvents = null;\n-        }\n+        this.handlers = {};\n \n-        if (this.ovmap) {\n-            this.ovmap.destroy();\n-            this.ovmap = null;\n+        if (this.click) {\n+            this.handlers.click = new OpenLayers.Handler.Click(this, {\n+                click: this.selectClick\n+            }, this.handlerOptions.click || {});\n         }\n \n-        this.element.removeChild(this.mapDiv);\n-        this.mapDiv = null;\n-\n-        this.div.removeChild(this.element);\n-        this.element = null;\n-\n-        if (this.maximizeDiv) {\n-            this.div.removeChild(this.maximizeDiv);\n-            this.maximizeDiv = null;\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(\n+                this, {\n+                    done: this.selectBox\n+                },\n+                OpenLayers.Util.extend(this.handlerOptions.box, {\n+                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n+                })\n+            );\n         }\n \n-        if (this.minimizeDiv) {\n-            this.div.removeChild(this.minimizeDiv);\n-            this.minimizeDiv = null;\n+        if (this.hover) {\n+            this.handlers.hover = new OpenLayers.Handler.Hover(\n+                this, {\n+                    'move': this.cancelHover,\n+                    'pause': this.selectHover\n+                },\n+                OpenLayers.Util.extend(this.handlerOptions.hover, {\n+                    'delay': 250,\n+                    'pixelTolerance': 2\n+                })\n+            );\n         }\n-\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            changebaselayer: this.baseLayerDraw,\n-            scope: this\n-        });\n-\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: draw\n-     * Render the control in the browser.\n+     * Method: activate\n+     * Activates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.layers.length === 0) {\n-            if (this.map.baseLayer) {\n-                var layer = this.map.baseLayer.clone();\n-                this.layers = [layer];\n-            } else {\n-                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n-                return this.div;\n+    activate: function() {\n+        if (!this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].activate();\n             }\n         }\n+        return OpenLayers.Control.prototype.activate.apply(\n+            this, arguments\n+        );\n+    },\n \n-        // create overview map DOM elements\n-        this.element = document.createElement('div');\n-        this.element.className = this.displayClass + 'Element';\n-        this.element.style.display = 'none';\n-\n-        this.mapDiv = document.createElement('div');\n-        this.mapDiv.style.width = this.size.w + 'px';\n-        this.mapDiv.style.height = this.size.h + 'px';\n-        this.mapDiv.style.position = 'relative';\n-        this.mapDiv.style.overflow = 'hidden';\n-        this.mapDiv.id = OpenLayers.Util.createUniqueID('overviewMap');\n-\n-        this.extentRectangle = document.createElement('div');\n-        this.extentRectangle.style.position = 'absolute';\n-        this.extentRectangle.style.zIndex = 1000; //HACK\n-        this.extentRectangle.className = this.displayClass + 'ExtentRectangle';\n-\n-        this.element.appendChild(this.mapDiv);\n-\n-        this.div.appendChild(this.element);\n-\n-        // Optionally add min/max buttons if the control will go in the\n-        // map viewport.\n-        if (!this.outsideViewport) {\n-            this.div.className += \" \" + this.displayClass + 'Container';\n-            // maximize button div\n-            var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n-            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-                this.displayClass + 'MaximizeButton',\n-                null,\n-                null,\n-                img,\n-                'absolute');\n-            this.maximizeDiv.style.display = 'none';\n-            this.maximizeDiv.className = this.displayClass + 'MaximizeButton olButton';\n-            if (this.maximizeTitle) {\n-                this.maximizeDiv.title = this.maximizeTitle;\n-            }\n-            this.div.appendChild(this.maximizeDiv);\n-\n-            // minimize button div\n-            var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n-            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-                'OpenLayers_Control_minimizeDiv',\n-                null,\n-                null,\n-                img,\n-                'absolute');\n-            this.minimizeDiv.style.display = 'none';\n-            this.minimizeDiv.className = this.displayClass + 'MinimizeButton olButton';\n-            if (this.minimizeTitle) {\n-                this.minimizeDiv.title = this.minimizeTitle;\n+    /**\n+     * Method: deactivate\n+     * Deactivates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n+     */\n+    deactivate: function() {\n+        if (this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].deactivate();\n             }\n-            this.div.appendChild(this.minimizeDiv);\n-            this.minimizeControl();\n-        } else {\n-            // show the overview map\n-            this.element.style.display = '';\n-        }\n-        if (this.map.getExtent()) {\n-            this.update();\n-        }\n-\n-        this.map.events.on({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            scope: this\n-        });\n-\n-        if (this.maximized) {\n-            this.maximizeControl();\n         }\n-        return this.div;\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n     },\n \n     /**\n-     * Method: baseLayerDraw\n-     * Draw the base layer - called if unable to complete in the initial draw\n+     * Method: selectClick\n+     * Called on click\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n      */\n-    baseLayerDraw: function() {\n-        this.draw();\n-        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw);\n+    selectClick: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+\n+        this.setModifiers(evt);\n+        this.request(bounds, {\n+            single: this.single\n+        });\n     },\n \n     /**\n-     * Method: rectDrag\n-     * Handle extent rectangle drag\n+     * Method: selectBox\n+     * Callback from the handlers.box set up when <box> selection is on\n      *\n      * Parameters:\n-     * px - {<OpenLayers.Pixel>} The pixel location of the drag.\n+     * position - {<OpenLayers.Bounds>|Object} An OpenLayers.Bounds or\n+     * an object with a 'left', 'bottom', 'right' and 'top' properties.\n      */\n-    rectDrag: function(px) {\n-        var deltaX = this.handlers.drag.last.x - px.x;\n-        var deltaY = this.handlers.drag.last.y - px.y;\n-        if (deltaX != 0 || deltaY != 0) {\n-            var rectTop = this.rectPxBounds.top;\n-            var rectLeft = this.rectPxBounds.left;\n-            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n-            var rectWidth = this.rectPxBounds.getWidth();\n-            // don't allow dragging off of parent element\n-            var newTop = Math.max(0, (rectTop - deltaY));\n-            newTop = Math.min(newTop,\n-                this.ovmap.size.h - this.hComp - rectHeight);\n-            var newLeft = Math.max(0, (rectLeft - deltaX));\n-            newLeft = Math.min(newLeft,\n-                this.ovmap.size.w - this.wComp - rectWidth);\n-            this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n-                newTop + rectHeight,\n-                newLeft + rectWidth,\n-                newTop));\n+    selectBox: function(position) {\n+        var bounds;\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            bounds = new OpenLayers.Bounds(\n+                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n+            );\n+\n+        } else {\n+            if (this.click) {\n+                // box without extent - let the click handler take care of it\n+                return;\n+            }\n+            bounds = this.pixelToBounds(position);\n         }\n+        this.setModifiers(this.handlers.box.dragHandler.evt);\n+        this.request(bounds);\n     },\n \n     /**\n-     * Method: mapDivClick\n-     * Handle browser events\n+     * Method: selectHover\n+     * Callback from the handlers.hover set up when <hover> selection is on\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>} evt\n+     * evt - {Object} event object with an xy property\n      */\n-    mapDivClick: function(evt) {\n-        var pxCenter = this.rectPxBounds.getCenterPixel();\n-        var deltaX = evt.xy.x - pxCenter.x;\n-        var deltaY = evt.xy.y - pxCenter.y;\n-        var top = this.rectPxBounds.top;\n-        var left = this.rectPxBounds.left;\n-        var height = Math.abs(this.rectPxBounds.getHeight());\n-        var width = this.rectPxBounds.getWidth();\n-        var newTop = Math.max(0, (top + deltaY));\n-        newTop = Math.min(newTop, this.ovmap.size.h - height);\n-        var newLeft = Math.max(0, (left + deltaX));\n-        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n-        this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n-            newTop + height,\n-            newLeft + width,\n-            newTop));\n-        this.updateMapToRect();\n+    selectHover: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+        this.request(bounds, {\n+            single: true,\n+            hover: true\n+        });\n     },\n \n     /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * Method: cancelHover\n+     * Callback from the handlers.hover set up when <hover> selection is on\n      */\n-    onButtonClick: function(evt) {\n-        if (evt.buttonElement === this.minimizeDiv) {\n-            this.minimizeControl();\n-        } else if (evt.buttonElement === this.maximizeDiv) {\n-            this.maximizeControl();\n+    cancelHover: function() {\n+        if (this.hoverResponse) {\n+            this.protocol.abort(this.hoverResponse);\n+            this.hoverResponse = null;\n+\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n         }\n     },\n \n     /**\n-     * Method: maximizeControl\n-     * Unhide the control.  Called when the control is in the map viewport.\n-     *\n+     * Method: request\n+     * Sends a GetFeature request to the WFS\n+     * \n      * Parameters:\n-     * e - {<OpenLayers.Event>}\n+     * bounds - {<OpenLayers.Bounds>} bounds for the request's BBOX filter\n+     * options - {Object} additional options for this method.\n+     * \n+     * Supported options include:\n+     * single - {Boolean} A single feature should be returned.\n+     *     Note that this will be ignored if the protocol does not\n+     *     return the geometries of the features.\n+     * hover - {Boolean} Do the request for the hover handler.\n      */\n-    maximizeControl: function(e) {\n-        this.element.style.display = '';\n-        this.showToggle(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    request: function(bounds, options) {\n+        options = options || {};\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: this.filterType,\n+            value: bounds\n+        });\n+\n+        // Set the cursor to \"wait\" to tell the user we're working.\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+\n+        var response = this.protocol.read({\n+            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n+            filter: filter,\n+            callback: function(result) {\n+                if (result.success()) {\n+                    if (result.features.length) {\n+                        if (options.single == true) {\n+                            this.selectBestFeature(result.features,\n+                                bounds.getCenterLonLat(), options);\n+                        } else {\n+                            this.select(result.features);\n+                        }\n+                    } else if (options.hover) {\n+                        this.hoverSelect();\n+                    } else {\n+                        this.events.triggerEvent(\"clickout\");\n+                        if (this.clickout) {\n+                            this.unselectAll();\n+                        }\n+                    }\n+                }\n+                // Reset the cursor.\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            },\n+            scope: this\n+        });\n+        if (options.hover == true) {\n+            this.hoverResponse = response;\n         }\n     },\n \n     /**\n-     * Method: minimizeControl\n-     * Hide all the contents of the control, shrink the size, \n-     * add the maximize icon\n+     * Method: selectBestFeature\n+     * Selects the feature from an array of features that is the best match\n+     *     for the click position.\n      * \n      * Parameters:\n-     * e - {<OpenLayers.Event>}\n+     * features - {Array(<OpenLayers.Feature.Vector>)}\n+     * clickPosition - {<OpenLayers.LonLat>}\n+     * options - {Object} additional options for this method\n+     * \n+     * Supported options include:\n+     * hover - {Boolean} Do the selection for the hover handler.\n      */\n-    minimizeControl: function(e) {\n-        this.element.style.display = 'none';\n-        this.showToggle(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    selectBestFeature: function(features, clickPosition, options) {\n+        options = options || {};\n+        if (features.length) {\n+            var point = new OpenLayers.Geometry.Point(clickPosition.lon,\n+                clickPosition.lat);\n+            var feature, resultFeature, dist;\n+            var minDist = Number.MAX_VALUE;\n+            for (var i = 0; i < features.length; ++i) {\n+                feature = features[i];\n+                if (feature.geometry) {\n+                    dist = point.distanceTo(feature.geometry, {\n+                        edge: false\n+                    });\n+                    if (dist < minDist) {\n+                        minDist = dist;\n+                        resultFeature = feature;\n+                        if (minDist == 0) {\n+                            break;\n+                        }\n+                    }\n+                }\n+            }\n+\n+            if (options.hover == true) {\n+                this.hoverSelect(resultFeature);\n+            } else {\n+                this.select(resultFeature || features);\n+            }\n         }\n     },\n \n     /**\n-     * Method: showToggle\n-     * Hide/Show the toggle depending on whether the control is minimized\n-     *\n+     * Method: setModifiers\n+     * Sets the multiple and toggle modifiers according to the current event\n+     * \n      * Parameters:\n-     * minimize - {Boolean} \n+     * evt - {<OpenLayers.Event>}\n      */\n-    showToggle: function(minimize) {\n-        if (this.maximizeDiv) {\n-            this.maximizeDiv.style.display = minimize ? '' : 'none';\n-        }\n-        if (this.minimizeDiv) {\n-            this.minimizeDiv.style.display = minimize ? 'none' : '';\n-        }\n+    setModifiers: function(evt) {\n+        this.modifiers = {\n+            multiple: this.multiple || (this.multipleKey && evt[this.multipleKey]),\n+            toggle: this.toggle || (this.toggleKey && evt[this.toggleKey])\n+        };\n     },\n \n     /**\n-     * Method: update\n-     * Update the overview map after layers move.\n+     * Method: select\n+     * Add feature to the hash of selected features and trigger the\n+     * featureselected and featuresselected events.\n+     * \n+     * Parameters:\n+     * features - {<OpenLayers.Feature.Vector>} or an array of features\n      */\n-    update: function() {\n-        if (this.ovmap == null) {\n-            this.createMap();\n+    select: function(features) {\n+        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n+            this.unselectAll();\n         }\n-\n-        if (this.autoPan || !this.isSuitableOverview()) {\n-            this.updateOverview();\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n         }\n \n-        // update extent rectangle\n-        this.updateRectToMap();\n-    },\n-\n-    /**\n-     * Method: isSuitableOverview\n-     * Determines if the overview map is suitable given the extent and\n-     * resolution of the main map.\n-     */\n-    isSuitableOverview: function() {\n-        var mapExtent = this.map.getExtent();\n-        var maxExtent = this.map.getMaxExtent();\n-        var testExtent = new OpenLayers.Bounds(\n-            Math.max(mapExtent.left, maxExtent.left),\n-            Math.max(mapExtent.bottom, maxExtent.bottom),\n-            Math.min(mapExtent.right, maxExtent.right),\n-            Math.min(mapExtent.top, maxExtent.top));\n+        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n+            features: features\n+        });\n+        if (cont !== false) {\n+            var selectedFeatures = [];\n+            var feature;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                if (this.features[feature.fid || feature.id]) {\n+                    if (this.modifiers.toggle) {\n+                        this.unselect(this.features[feature.fid || feature.id]);\n+                    }\n+                } else {\n+                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n+                        feature: feature\n+                    });\n+                    if (cont !== false) {\n+                        this.features[feature.fid || feature.id] = feature;\n+                        selectedFeatures.push(feature);\n \n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            testExtent = testExtent.transform(\n-                this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n+                        this.events.triggerEvent(\"featureselected\", {\n+                            feature: feature\n+                        });\n+                    }\n+                }\n+            }\n+            this.events.triggerEvent(\"featuresselected\", {\n+                features: selectedFeatures\n+            });\n         }\n-\n-        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n-        return ((resRatio > this.minRatio) &&\n-            (resRatio <= this.maxRatio) &&\n-            (this.ovmap.getExtent().containsBounds(testExtent)));\n     },\n \n     /**\n-     * Method updateOverview\n-     * Called by <update> if <isSuitableOverview> returns true\n+     * Method: hoverSelect\n+     * Sets/unsets the <hoverFeature>\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} the feature to hover-select.\n+     *     If none is provided, the current <hoverFeature> will be nulled and\n+     *     the outfeature event will be triggered.\n      */\n-    updateOverview: function() {\n-        var mapRes = this.map.getResolution();\n-        var targetRes = this.ovmap.getResolution();\n-        var resRatio = targetRes / mapRes;\n-        if (resRatio > this.maxRatio) {\n-            // zoom in overview map\n-            targetRes = this.minRatio * mapRes;\n-        } else if (resRatio <= this.minRatio) {\n-            // zoom out overview map\n-            targetRes = this.maxRatio * mapRes;\n+    hoverSelect: function(feature) {\n+        var fid = feature ? feature.fid || feature.id : null;\n+        var hfid = this.hoverFeature ?\n+            this.hoverFeature.fid || this.hoverFeature.id : null;\n+\n+        if (hfid && hfid != fid) {\n+            this.events.triggerEvent(\"outfeature\", {\n+                feature: this.hoverFeature\n+            });\n+            this.hoverFeature = null;\n         }\n-        var center;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            center = this.map.center.clone();\n-            center.transform(this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n-        } else {\n-            center = this.map.center;\n+        if (fid && fid != hfid) {\n+            this.events.triggerEvent(\"hoverfeature\", {\n+                feature: feature\n+            });\n+            this.hoverFeature = feature;\n         }\n-        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(\n-            targetRes * this.resolutionFactor));\n-        this.updateRectToMap();\n     },\n \n     /**\n-     * Method: createMap\n-     * Construct the map that this control contains\n+     * Method: unselect\n+     * Remove feature from the hash of selected features and trigger the\n+     * featureunselected event.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    createMap: function() {\n-        // create the overview map\n-        var options = OpenLayers.Util.extend({\n-            controls: [],\n-            maxResolution: 'auto',\n-            fallThrough: false\n-        }, this.mapOptions);\n-        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n-        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n-\n-        // prevent ovmap from being destroyed when the page unloads, because\n-        // the OverviewMap control has to do this (and does it).\n-        OpenLayers.Event.stopObserving(window, 'unload', this.ovmap.unloadDestroy);\n-\n-        this.ovmap.addLayers(this.layers);\n-        this.ovmap.zoomToMaxExtent();\n-        // check extent rectangle border width\n-        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-left-width')) +\n-            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-right-width'));\n-        this.wComp = (this.wComp) ? this.wComp : 2;\n-        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-top-width')) +\n-            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-bottom-width'));\n-        this.hComp = (this.hComp) ? this.hComp : 2;\n-\n-        this.handlers.drag = new OpenLayers.Handler.Drag(\n-            this, {\n-                move: this.rectDrag,\n-                done: this.updateMapToRect\n-            }, {\n-                map: this.ovmap\n-            }\n-        );\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, {\n-                \"click\": this.mapDivClick\n-            }, {\n-                \"single\": true,\n-                \"double\": false,\n-                \"stopSingle\": true,\n-                \"stopDouble\": true,\n-                \"pixelTolerance\": 1,\n-                map: this.ovmap\n-            }\n-        );\n-        this.handlers.click.activate();\n-\n-        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle,\n-            null, true);\n-        this.rectEvents.register(\"mouseover\", this, function(e) {\n-            if (!this.handlers.drag.active && !this.map.dragging) {\n-                this.handlers.drag.activate();\n-            }\n-        });\n-        this.rectEvents.register(\"mouseout\", this, function(e) {\n-            if (!this.handlers.drag.dragging) {\n-                this.handlers.drag.deactivate();\n-            }\n+    unselect: function(feature) {\n+        delete this.features[feature.fid || feature.id];\n+        this.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n         });\n-\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            var sourceUnits = this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units;\n-            var targetUnits = this.ovmap.getProjectionObject().getUnits() ||\n-                this.ovmap.units || this.ovmap.baseLayer.units;\n-            this.resolutionFactor = sourceUnits && targetUnits ?\n-                OpenLayers.INCHES_PER_UNIT[sourceUnits] /\n-                OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-        }\n     },\n \n     /**\n-     * Method: updateRectToMap\n-     * Updates the extent rectangle position and size to match the map extent\n+     * Method: unselectAll\n+     * Unselect all selected features.\n      */\n-    updateRectToMap: function() {\n-        // If the projections differ we need to reproject\n-        var bounds;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            bounds = this.map.getExtent().transform(\n-                this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n-        } else {\n-            bounds = this.map.getExtent();\n-        }\n-        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n-        if (pxBounds) {\n-            this.setRectPxBounds(pxBounds);\n+    unselectAll: function() {\n+        // we'll want an option to supress notification here\n+        for (var fid in this.features) {\n+            this.unselect(this.features[fid]);\n         }\n     },\n \n-    /**\n-     * Method: updateMapToRect\n-     * Updates the map extent to match the extent rectangle position and size\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    updateMapToRect: function() {\n-        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            lonLatBounds = lonLatBounds.transform(\n-                this.ovmap.getProjectionObject(),\n-                this.map.getProjectionObject());\n+    setMap: function(map) {\n+        for (var i in this.handlers) {\n+            this.handlers[i].setMap(map);\n         }\n-        this.map.panTo(lonLatBounds.getCenterLonLat());\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: setRectPxBounds\n-     * Set extent rectangle pixel bounds.\n-     *\n+     * Method: pixelToBounds\n+     * Takes a pixel as argument and creates bounds after adding the\n+     * <clickTolerance>.\n+     * \n      * Parameters:\n-     * pxBounds - {<OpenLayers.Bounds>}\n+     * pixel - {<OpenLayers.Pixel>}\n      */\n-    setRectPxBounds: function(pxBounds) {\n-        var top = Math.max(pxBounds.top, 0);\n-        var left = Math.max(pxBounds.left, 0);\n-        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()),\n-            this.ovmap.size.h - this.hComp);\n-        var right = Math.min(pxBounds.left + pxBounds.getWidth(),\n-            this.ovmap.size.w - this.wComp);\n-        var width = Math.max(right - left, 0);\n-        var height = Math.max(bottom - top, 0);\n-        if (width < this.minRectSize || height < this.minRectSize) {\n-            this.extentRectangle.className = this.displayClass +\n-                this.minRectDisplayClass;\n-            var rLeft = left + (width / 2) - (this.minRectSize / 2);\n-            var rTop = top + (height / 2) - (this.minRectSize / 2);\n-            this.extentRectangle.style.top = Math.round(rTop) + 'px';\n-            this.extentRectangle.style.left = Math.round(rLeft) + 'px';\n-            this.extentRectangle.style.height = this.minRectSize + 'px';\n-            this.extentRectangle.style.width = this.minRectSize + 'px';\n-        } else {\n-            this.extentRectangle.className = this.displayClass +\n-                'ExtentRectangle';\n-            this.extentRectangle.style.top = Math.round(top) + 'px';\n-            this.extentRectangle.style.left = Math.round(left) + 'px';\n-            this.extentRectangle.style.height = Math.round(height) + 'px';\n-            this.extentRectangle.style.width = Math.round(width) + 'px';\n-        }\n-        this.rectPxBounds = new OpenLayers.Bounds(\n-            Math.round(left), Math.round(bottom),\n-            Math.round(right), Math.round(top)\n-        );\n+    pixelToBounds: function(pixel) {\n+        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n+        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n+        var ll = this.map.getLonLatFromPixel(llPx);\n+        var ur = this.map.getLonLatFromPixel(urPx);\n+        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/Text.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.Text\n+ * Read Text format. Create a new instance with the <OpenLayers.Format.Text>\n+ *     constructor. This reads text which is formatted like CSV text, using\n+ *     tabs as the seperator by default. It provides parsing of data originally\n+ *     used in the MapViewerService, described on the wiki. This Format is used\n+ *     by the <OpenLayers.Layer.Text> class.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n+\n     /**\n-     * Method: getRectBoundsFromMapBounds\n-     * Get the rect bounds from the map bounds.\n-     *\n-     * Parameters:\n-     * lonLatBounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}A bounds which is the passed-in map lon/lat extent\n-     * translated into pixel bounds for the overview map\n+     * APIProperty: defaultStyle\n+     * defaultStyle allows one to control the default styling of the features.\n+     *    It should be a symbolizer hash. By default, this is set to match the\n+     *    Layer.Text behavior, which is to use the default OpenLayers Icon.\n      */\n-    getRectBoundsFromMapBounds: function(lonLatBounds) {\n-        var leftBottomPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.left,\n-            lat: lonLatBounds.bottom\n-        });\n-        var rightTopPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.right,\n-            lat: lonLatBounds.top\n-        });\n-        var bounds = null;\n-        if (leftBottomPx && rightTopPx) {\n-            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y,\n-                rightTopPx.x, rightTopPx.y);\n-        }\n-        return bounds;\n-    },\n+    defaultStyle: null,\n \n     /**\n-     * Method: getMapBoundsFromRectBounds\n-     * Get the map bounds from the rect bounds.\n-     *\n-     * Parameters:\n-     * pxBounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Bounds which is the passed-in overview rect bounds\n-     * translated into lon/lat bounds for the overview map\n+     * APIProperty: extractStyles\n+     * set to true to extract styles from the TSV files, using information\n+     * from the image or icon, iconSize and iconOffset fields. This will result\n+     * in features with a symbolizer (style) property set, using the\n+     * default symbolizer specified in <defaultStyle>. Set to false if you\n+     * wish to use a styleMap or OpenLayers.Style options to style your\n+     * layer instead.\n      */\n-    getMapBoundsFromRectBounds: function(pxBounds) {\n-        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.left,\n-            y: pxBounds.bottom\n-        });\n-        var rightTopLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.right,\n-            y: pxBounds.top\n-        });\n-        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat,\n-            rightTopLonLat.lon, rightTopLonLat.lat);\n-    },\n+    extractStyles: true,\n \n     /**\n-     * Method: getLonLatFromOverviewPx\n-     * Get a map location from a pixel location\n+     * Constructor: OpenLayers.Format.Text\n+     * Create a new parser for TSV Text.\n      *\n      * Parameters:\n-     * overviewMapPx - {<OpenLayers.Pixel>|Object} OpenLayers.Pixel or\n-     *                                             an object with a\n-     *                                             'x' and 'y' properties.\n-     *\n-     * Returns:\n-     * {Object} Location which is the passed-in overview map\n-     * OpenLayers.Pixel, translated into lon/lat by the overview\n-     * map. An object with a 'lon' and 'lat' properties.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    getLonLatFromOverviewPx: function(overviewMapPx) {\n-        var size = this.ovmap.size;\n-        var res = this.ovmap.getResolution();\n-        var center = this.ovmap.getExtent().getCenterLonLat();\n+    initialize: function(options) {\n+        options = options || {};\n \n-        var deltaX = overviewMapPx.x - (size.w / 2);\n-        var deltaY = overviewMapPx.y - (size.h / 2);\n+        if (options.extractStyles !== false) {\n+            options.defaultStyle = {\n+                'externalGraphic': OpenLayers.Util.getImageLocation(\"marker.png\"),\n+                'graphicWidth': 21,\n+                'graphicHeight': 25,\n+                'graphicXOffset': -10.5,\n+                'graphicYOffset': -12.5\n+            };\n+        }\n \n-        return {\n-            lon: center.lon + deltaX * res,\n-            lat: center.lat - deltaY * res\n-        };\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: getOverviewPxFromLonLat\n-     * Get a pixel location from a map location\n-     *\n+     * APIMethod: read\n+     * Return a list of features from a Tab Seperated Values text string.\n+     * \n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n+     * text - {String} \n      *\n      * Returns:\n-     * {Object} Location which is the passed-in OpenLayers.LonLat, \n-     * translated into overview map pixels\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    getOverviewPxFromLonLat: function(lonlat) {\n-        var res = this.ovmap.getResolution();\n-        var extent = this.ovmap.getExtent();\n-        if (extent) {\n-            return {\n-                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n-                y: Math.round(1 / res * (extent.top - lonlat.lat))\n-            };\n+    read: function(text) {\n+        var lines = text.split('\\n');\n+        var columns;\n+        var features = [];\n+        // length - 1 to allow for trailing new line\n+        for (var lcv = 0; lcv < (lines.length - 1); lcv++) {\n+            var currLine = lines[lcv].replace(/^\\s*/, '').replace(/\\s*$/, '');\n+\n+            if (currLine.charAt(0) != '#') {\n+                /* not a comment */\n+\n+                if (!columns) {\n+                    //First line is columns\n+                    columns = currLine.split('\\t');\n+                } else {\n+                    var vals = currLine.split('\\t');\n+                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n+                    var attributes = {};\n+                    var style = this.defaultStyle ?\n+                        OpenLayers.Util.applyDefaults({}, this.defaultStyle) :\n+                        null;\n+                    var icon, iconSize, iconOffset, overflow;\n+                    var set = false;\n+                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n+                        if (vals[valIndex]) {\n+                            if (columns[valIndex] == 'point') {\n+                                var coords = vals[valIndex].split(',');\n+                                geometry.y = parseFloat(coords[0]);\n+                                geometry.x = parseFloat(coords[1]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'lat') {\n+                                geometry.y = parseFloat(vals[valIndex]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'lon') {\n+                                geometry.x = parseFloat(vals[valIndex]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'title')\n+                                attributes['title'] = vals[valIndex];\n+                            else if (columns[valIndex] == 'image' ||\n+                                columns[valIndex] == 'icon' && style) {\n+                                style['externalGraphic'] = vals[valIndex];\n+                            } else if (columns[valIndex] == 'iconSize' && style) {\n+                                var size = vals[valIndex].split(',');\n+                                style['graphicWidth'] = parseFloat(size[0]);\n+                                style['graphicHeight'] = parseFloat(size[1]);\n+                            } else if (columns[valIndex] == 'iconOffset' && style) {\n+                                var offset = vals[valIndex].split(',');\n+                                style['graphicXOffset'] = parseFloat(offset[0]);\n+                                style['graphicYOffset'] = parseFloat(offset[1]);\n+                            } else if (columns[valIndex] == 'description') {\n+                                attributes['description'] = vals[valIndex];\n+                            } else if (columns[valIndex] == 'overflow') {\n+                                attributes['overflow'] = vals[valIndex];\n+                            } else {\n+                                // For StyleMap filtering, allow additional\n+                                // columns to be stored as attributes.\n+                                attributes[columns[valIndex]] = vals[valIndex];\n+                            }\n+                        }\n+                    }\n+                    if (set) {\n+                        if (this.internalProjection && this.externalProjection) {\n+                            geometry.transform(this.externalProjection,\n+                                this.internalProjection);\n+                        }\n+                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n+                        features.push(feature);\n+                    }\n+                }\n+            }\n         }\n+        return features;\n     },\n \n-    CLASS_NAME: 'OpenLayers.Control.OverviewMap'\n+    CLASS_NAME: \"OpenLayers.Format.Text\"\n });\n /* ======================================================================\n-    OpenLayers/Control/DrawFeature.js\n+    OpenLayers/Format/Context.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.DrawFeature\n- * The DrawFeature control draws point, line or polygon features on a vector\n- * layer when active.\n+ * Class: OpenLayers.Format.Context\n+ * Base class for both Format.WMC and Format.OWSContext\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n+     * Property: layerOptions\n+     * {Object} Default options for layers created by the parser. These\n+     *     options are overridden by the options which are read from the\n+     *     capabilities document.\n      */\n-    layer: null,\n+    layerOptions: null,\n \n     /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n-     */\n-    callbacks: null,\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * featureadded - Triggered when a feature is added\n-     */\n-\n-    /**\n-     * APIProperty: multi\n-     * {Boolean} Cast features to multi-part geometries before passing to the\n-     *     layer.  Default is false.\n+     * Property: layerParams\n+     * {Object} Default parameters for layers created by the parser. This\n+     *     can be used e.g. to override DEFAULT_PARAMS for \n+     *     OpenLayers.Layer.WMS.\n      */\n-    multi: false,\n+    layerParams: null,\n \n     /**\n-     * APIProperty: featureAdded\n-     * {Function} Called after each feature is added\n+     * Constructor: OpenLayers.Format.Context\n+     * Create a new parser for Context documents.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    featureAdded: function() {},\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n+     * APIMethod: read\n+     * Read Context data from a string, and return an object with map\n+     *     properties and a list of layers.\n+     *\n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse.\n+     * options - {Object} The options object must contain a map property.  If\n+     *     the map property is a string, it must be the id of a dom element\n+     *     where the new map will be placed.  If the map property is an\n+     *     <OpenLayers.Map>, the layers from the context document will be added\n+     *     to the map.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Map>} A map based on the context.\n      */\n+    read: function(data, options) {\n+        var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this,\n+            arguments);\n+        var map;\n+        if (options && options.map) {\n+            this.context = context;\n+            if (options.map instanceof OpenLayers.Map) {\n+                map = this.mergeContextToMap(context, options.map);\n+            } else {\n+                var mapOptions = options.map;\n+                if (OpenLayers.Util.isElement(mapOptions) ||\n+                    typeof mapOptions == \"string\") {\n+                    // we assume mapOptions references a div\n+                    // element\n+                    mapOptions = {\n+                        div: mapOptions\n+                    };\n+                }\n+                map = this.contextToMap(context, mapOptions);\n+            }\n+        } else {\n+            // not documented as part of the API, provided as a non-API option\n+            map = context;\n+        }\n+        return map;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.DrawFeature\n-     * \n+     * Method: getLayerFromContext\n+     * Create a WMS layer from a layerContext object.\n+     *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} \n-     * handler - {<OpenLayers.Handler>} \n-     * options - {Object} \n+     * layerContext - {Object} An object representing a WMS layer.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.WMS>} A WMS layer.\n      */\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-                done: this.drawFeature,\n-                modify: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchmodified\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n-                },\n-                create: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchstarted\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n+    getLayerFromContext: function(layerContext) {\n+        var i, len;\n+        // fill initial options object from layerContext\n+        var options = {\n+            queryable: layerContext.queryable, //keep queryable for api compatibility\n+            visibility: layerContext.visibility,\n+            maxExtent: layerContext.maxExtent,\n+            metadata: OpenLayers.Util.applyDefaults(layerContext.metadata, {\n+                styles: layerContext.styles,\n+                formats: layerContext.formats,\n+                \"abstract\": layerContext[\"abstract\"],\n+                dataURL: layerContext.dataURL\n+            }),\n+            numZoomLevels: layerContext.numZoomLevels,\n+            units: layerContext.units,\n+            isBaseLayer: layerContext.isBaseLayer,\n+            opacity: layerContext.opacity,\n+            displayInLayerSwitcher: layerContext.displayInLayerSwitcher,\n+            singleTile: layerContext.singleTile,\n+            tileSize: (layerContext.tileSize) ?\n+                new OpenLayers.Size(\n+                    layerContext.tileSize.width,\n+                    layerContext.tileSize.height\n+                ) : undefined,\n+            minScale: layerContext.minScale || layerContext.maxScaleDenominator,\n+            maxScale: layerContext.maxScale || layerContext.minScaleDenominator,\n+            srs: layerContext.srs,\n+            dimensions: layerContext.dimensions,\n+            metadataURL: layerContext.metadataURL\n+        };\n+        if (this.layerOptions) {\n+            OpenLayers.Util.applyDefaults(options, this.layerOptions);\n+        }\n+\n+        var params = {\n+            layers: layerContext.name,\n+            transparent: layerContext.transparent,\n+            version: layerContext.version\n+        };\n+        if (layerContext.formats && layerContext.formats.length > 0) {\n+            // set default value for params if current attribute is not positionned\n+            params.format = layerContext.formats[0].value;\n+            for (i = 0, len = layerContext.formats.length; i < len; i++) {\n+                var format = layerContext.formats[i];\n+                if (format.current == true) {\n+                    params.format = format.value;\n+                    break;\n                 }\n-            },\n-            this.callbacks\n-        );\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-            this.handlerOptions.layerOptions, {\n-                renderers: layer.renderers,\n-                rendererOptions: layer.rendererOptions\n             }\n-        );\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi;\n         }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-                this.handlerOptions.layerOptions, {\n-                    styleMap: new OpenLayers.StyleMap({\n-                        \"default\": sketchStyle\n-                    })\n+        if (layerContext.styles && layerContext.styles.length > 0) {\n+            for (i = 0, len = layerContext.styles.length; i < len; i++) {\n+                var style = layerContext.styles[i];\n+                if (style.current == true) {\n+                    // three style types to consider\n+                    // 1) linked SLD\n+                    // 2) inline SLD\n+                    // 3) named style\n+                    if (style.href) {\n+                        params.sld = style.href;\n+                    } else if (style.body) {\n+                        params.sld_body = style.body;\n+                    } else {\n+                        params.styles = style.name;\n+                    }\n+                    break;\n                 }\n-            );\n+            }\n+        }\n+        if (this.layerParams) {\n+            OpenLayers.Util.applyDefaults(params, this.layerParams);\n         }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n-    },\n \n-    /**\n-     * Method: drawFeature\n-     */\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\n-            \"sketchcomplete\", {\n-                feature: feature\n-            }\n-        );\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n+        var layer = null;\n+        var service = layerContext.service;\n+        if (service == OpenLayers.Format.Context.serviceTypes.WFS) {\n+            options.strategies = [new OpenLayers.Strategy.BBOX()];\n+            options.protocol = new OpenLayers.Protocol.WFS({\n+                url: layerContext.url,\n+                // since we do not know featureNS, let the protocol\n+                // determine it automagically using featurePrefix\n+                featurePrefix: layerContext.name.split(\":\")[0],\n+                featureType: layerContext.name.split(\":\").pop()\n+            });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (service == OpenLayers.Format.Context.serviceTypes.KML) {\n+            // use a vector layer with an HTTP Protcol and a Fixed strategy\n+            options.strategies = [new OpenLayers.Strategy.Fixed()];\n+            options.protocol = new OpenLayers.Protocol.HTTP({\n+                url: layerContext.url,\n+                format: new OpenLayers.Format.KML()\n+            });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (service == OpenLayers.Format.Context.serviceTypes.GML) {\n+            // use a vector layer with a HTTP Protocol and a Fixed strategy\n+            options.strategies = [new OpenLayers.Strategy.Fixed()];\n+            options.protocol = new OpenLayers.Protocol.HTTP({\n+                url: layerContext.url,\n+                format: new OpenLayers.Format.GML()\n             });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (layerContext.features) {\n+            // inline GML or KML features\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+            layer.addFeatures(layerContext.features);\n+        } else if (layerContext.categoryLayer !== true) {\n+            layer = new OpenLayers.Layer.WMS(\n+                layerContext.title || layerContext.name,\n+                layerContext.url,\n+                params,\n+                options\n+            );\n         }\n+        return layer;\n     },\n \n     /**\n-     * APIMethod: insertXY\n-     * Insert a point in the current sketch given x & y coordinates.\n+     * Method: getLayersFromContext\n+     * Create an array of layers from an array of layerContext objects.\n      *\n      * Parameters:\n-     * x - {Number} The x-coordinate of the point.\n-     * y - {Number} The y-coordinate of the point.\n+     * layersContext - {Array(Object)} An array of objects representing layers.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Layer>)} An array of layers.\n      */\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y);\n+    getLayersFromContext: function(layersContext) {\n+        var layers = [];\n+        for (var i = 0, len = layersContext.length; i < len; i++) {\n+            var layer = this.getLayerFromContext(layersContext[i]);\n+            if (layer !== null) {\n+                layers.push(layer);\n+            }\n         }\n+        return layers;\n     },\n \n     /**\n-     * APIMethod: insertDeltaXY\n-     * Insert a point given offsets from the previously inserted point.\n+     * Method: contextToMap\n+     * Create a map given a context object.\n      *\n      * Parameters:\n-     * dx - {Number} The x-coordinate offset of the point.\n-     * dy - {Number} The y-coordinate offset of the point.\n+     * context - {Object} The context object.\n+     * options - {Object} Default map options.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Map>} A map based on the context object.\n      */\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy);\n+    contextToMap: function(context, options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            maxExtent: context.maxExtent,\n+            projection: context.projection,\n+            units: context.units\n+        }, options);\n+\n+        if (options.maxExtent) {\n+            options.maxResolution =\n+                options.maxExtent.getWidth() / OpenLayers.Map.TILE_WIDTH;\n         }\n+\n+        var metadata = {\n+            contactInformation: context.contactInformation,\n+            \"abstract\": context[\"abstract\"],\n+            keywords: context.keywords,\n+            logo: context.logo,\n+            descriptionURL: context.descriptionURL\n+        };\n+\n+        options.metadata = metadata;\n+\n+        var map = new OpenLayers.Map(options);\n+        map.addLayers(this.getLayersFromContext(context.layersContext));\n+        map.setCenter(\n+            context.bounds.getCenterLonLat(),\n+            map.getZoomForExtent(context.bounds, true)\n+        );\n+        return map;\n     },\n \n     /**\n-     * APIMethod: insertDirectionLength\n-     * Insert a point in the current sketch given a direction and a length.\n+     * Method: mergeContextToMap\n+     * Add layers from a context object to a map.\n      *\n      * Parameters:\n-     * direction - {Number} Degrees clockwise from the positive x-axis.\n-     * length - {Number} Distance from the previously drawn point.\n+     * context - {Object} The context object.\n+     * map - {<OpenLayers.Map>} The map.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Map>} The same map with layers added.\n      */\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length);\n-        }\n+    mergeContextToMap: function(context, map) {\n+        map.addLayers(this.getLayersFromContext(context.layersContext));\n+        return map;\n     },\n \n     /**\n-     * APIMethod: insertDeflectionLength\n-     * Insert a point in the current sketch given a deflection and a length.\n-     *     The deflection should be degrees clockwise from the previously \n-     *     digitized segment.\n+     * APIMethod: write\n+     * Write a context document given a map.\n      *\n      * Parameters:\n-     * deflection - {Number} Degrees clockwise from the previous segment.\n-     * length - {Number} Distance from the previously drawn point.\n+     * obj - {<OpenLayers.Map> | Object} A map or context object.\n+     * options - {Object} Optional configuration object.\n+     *\n+     * Returns:\n+     * {String} A context document string.\n      */\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length);\n-        }\n+    write: function(obj, options) {\n+        obj = this.toContext(obj);\n+        return OpenLayers.Format.XML.VersionedOGC.prototype.write.apply(this,\n+            arguments);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Format.Context\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Format.Context.serviceTypes\n+ * Enumeration for service types\n+ */\n+OpenLayers.Format.Context.serviceTypes = {\n+    \"WMS\": \"urn:ogc:serviceType:WMS\",\n+    \"WFS\": \"urn:ogc:serviceType:WFS\",\n+    \"WCS\": \"urn:ogc:serviceType:WCS\",\n+    \"GML\": \"urn:ogc:serviceType:GML\",\n+    \"SLD\": \"urn:ogc:serviceType:SLD\",\n+    \"FES\": \"urn:ogc:serviceType:FES\",\n+    \"KML\": \"urn:ogc:serviceType:KML\"\n+};\n+/* ======================================================================\n+    OpenLayers/Format/WMC.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/Context.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMC\n+ * Read and write Web Map Context documents.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.Context>\n+ */\n+OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n+\n     /**\n-     * APIMethod: undo\n-     * Remove the most recently added point in the current sketch geometry.\n-     *\n-     * Returns: \n-     * {Boolean} An edit was undone.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo();\n-    },\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * APIMethod: redo\n-     * Reinsert the most recently removed point resulting from an <undo> call.\n-     *     The undo stack is deleted whenever a point is added by other means.\n+     * Constructor: OpenLayers.Format.WMC\n+     * Create a new parser for Web Map Context documents.\n      *\n-     * Returns: \n-     * {Boolean} An edit was redone.\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo();\n-    },\n \n     /**\n-     * APIMethod: finishSketch\n-     * Finishes the sketch without including the currently drawn point.\n-     *     This method can be called to terminate drawing programmatically\n-     *     instead of waiting for the user to end the sketch.\n+     * Method: layerToContext\n+     * Create a layer context object given a wms layer object.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.WMS>} The layer.\n+     *\n+     * Returns:\n+     * {Object} A layer context object.\n      */\n-    finishSketch: function() {\n-        this.handler.finishGeometry();\n+    layerToContext: function(layer) {\n+        var parser = this.getParser();\n+        var layerContext = {\n+            queryable: layer.queryable,\n+            visibility: layer.visibility,\n+            name: layer.params[\"LAYERS\"],\n+            title: layer.name,\n+            \"abstract\": layer.metadata[\"abstract\"],\n+            dataURL: layer.metadata.dataURL,\n+            metadataURL: layer.metadataURL,\n+            server: {\n+                version: layer.params[\"VERSION\"],\n+                url: layer.url\n+            },\n+            maxExtent: layer.maxExtent,\n+            transparent: layer.params[\"TRANSPARENT\"],\n+            numZoomLevels: layer.numZoomLevels,\n+            units: layer.units,\n+            isBaseLayer: layer.isBaseLayer,\n+            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n+            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n+            singleTile: layer.singleTile,\n+            tileSize: (layer.singleTile || !layer.tileSize) ?\n+                undefined : {\n+                    width: layer.tileSize.w,\n+                    height: layer.tileSize.h\n+                },\n+            minScale: (layer.options.resolutions ||\n+                    layer.options.scales ||\n+                    layer.options.maxResolution ||\n+                    layer.options.minScale) ?\n+                layer.minScale : undefined,\n+            maxScale: (layer.options.resolutions ||\n+                    layer.options.scales ||\n+                    layer.options.minResolution ||\n+                    layer.options.maxScale) ?\n+                layer.maxScale : undefined,\n+            formats: [],\n+            styles: [],\n+            srs: layer.srs,\n+            dimensions: layer.dimensions\n+        };\n+\n+\n+        if (layer.metadata.servertitle) {\n+            layerContext.server.title = layer.metadata.servertitle;\n+        }\n+\n+        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n+            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n+                var format = layer.metadata.formats[i];\n+                layerContext.formats.push({\n+                    value: format.value,\n+                    current: (format.value == layer.params[\"FORMAT\"])\n+                });\n+            }\n+        } else {\n+            layerContext.formats.push({\n+                value: layer.params[\"FORMAT\"],\n+                current: true\n+            });\n+        }\n+\n+        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n+            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n+                var style = layer.metadata.styles[i];\n+                if ((style.href == layer.params[\"SLD\"]) ||\n+                    (style.body == layer.params[\"SLD_BODY\"]) ||\n+                    (style.name == layer.params[\"STYLES\"])) {\n+                    style.current = true;\n+                } else {\n+                    style.current = false;\n+                }\n+                layerContext.styles.push(style);\n+            }\n+        } else {\n+            layerContext.styles.push({\n+                href: layer.params[\"SLD\"],\n+                body: layer.params[\"SLD_BODY\"],\n+                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n+                title: parser.defaultStyleTitle,\n+                current: true\n+            });\n+        }\n+\n+        return layerContext;\n     },\n \n     /**\n-     * APIMethod: cancel\n-     * Cancel the current sketch.  This removes the current sketch and keeps\n-     *     the drawing control active.\n+     * Method: toContext\n+     * Create a context object free from layer given a map or a\n+     * context object.\n+     *\n+     * Parameters:\n+     * obj - {<OpenLayers.Map> | Object} The map or context.\n+     *\n+     * Returns:\n+     * {Object} A context object.\n      */\n-    cancel: function() {\n-        this.handler.cancel();\n+    toContext: function(obj) {\n+        var context = {};\n+        var layers = obj.layers;\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            var metadata = obj.metadata || {};\n+            context.size = obj.getSize();\n+            context.bounds = obj.getExtent();\n+            context.projection = obj.projection;\n+            context.title = obj.title;\n+            context.keywords = metadata.keywords;\n+            context[\"abstract\"] = metadata[\"abstract\"];\n+            context.logo = metadata.logo;\n+            context.descriptionURL = metadata.descriptionURL;\n+            context.contactInformation = metadata.contactInformation;\n+            context.maxExtent = obj.maxExtent;\n+        } else {\n+            // copy all obj properties except the \"layers\" property\n+            OpenLayers.Util.applyDefaults(context, obj);\n+            if (context.layers != undefined) {\n+                delete(context.layers);\n+            }\n+        }\n+\n+        if (context.layersContext == undefined) {\n+            context.layersContext = [];\n+        }\n+\n+        // let's convert layers into layersContext object (if any)\n+        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.WMS) {\n+                    context.layersContext.push(this.layerToContext(layer));\n+                }\n+            }\n+        }\n+        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+    CLASS_NAME: \"OpenLayers.Format.WMC\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/ModifyFeature.js\n+    OpenLayers/Format/CQL.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- * @requires OpenLayers/Handler/Keyboard.js\n+ * @requires OpenLayers/Format/WKT.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Filter/Spatial.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ModifyFeature\n- * Control to modify features.  When activated, a click renders the vertices\n- *     of a feature - these vertices can then be dragged.  By default, the\n- *     delete key will delete the vertex under the mouse.  New features are\n- *     added by dragging \"virtual vertices\" between vertices.  Create a new\n- *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n+ * Class: OpenLayers.Format.CQL\n+ * Read CQL strings to get <OpenLayers.Filter> objects.  Write \n+ *     <OpenLayers.Filter> objects to get CQL strings. Create a new parser with \n+ *     the <OpenLayers.Format.CQL> constructor.\n  *\n- * Inherits From:\n- *  - <OpenLayers.Control>\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n  */\n-OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.CQL = (function() {\n \n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, dragging vertices will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n+    var tokens = [\n+            \"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"\n+        ],\n \n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict modification to a limited set of geometry\n-     *     types, send a list of strings corresponding to the geometry class\n-     *     names.\n-     */\n-    geometryTypes: null,\n+        patterns = {\n+            PROPERTY: /^[_a-zA-Z]\\w*/,\n+            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n+            IS_NULL: /^IS NULL/i,\n+            COMMA: /^,/,\n+            LOGICAL: /^(AND|OR)/i,\n+            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n+            LPAREN: /^\\(/,\n+            RPAREN: /^\\)/,\n+            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n+            NOT: /^NOT/i,\n+            BETWEEN: /^BETWEEN/i,\n+            GEOMETRY: function(text) {\n+                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n+                if (type) {\n+                    var len = text.length;\n+                    var idx = text.indexOf(\"(\", type[0].length);\n+                    if (idx > -1) {\n+                        var depth = 1;\n+                        while (idx < len && depth > 0) {\n+                            idx++;\n+                            switch (text.charAt(idx)) {\n+                                case '(':\n+                                    depth++;\n+                                    break;\n+                                case ')':\n+                                    depth--;\n+                                    break;\n+                                default:\n+                                    // in default case, do nothing\n+                            }\n+                        }\n+                    }\n+                    return [text.substr(0, idx + 1)];\n+                }\n+            },\n+            END: /^$/\n+        },\n \n-    /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n-     */\n-    clickout: true,\n+        follows = {\n+            LPAREN: ['GEOMETRY', 'SPATIAL', 'PROPERTY', 'VALUE', 'LPAREN'],\n+            RPAREN: ['NOT', 'LOGICAL', 'END', 'RPAREN'],\n+            PROPERTY: ['COMPARISON', 'BETWEEN', 'COMMA', 'IS_NULL'],\n+            BETWEEN: ['VALUE'],\n+            IS_NULL: ['END'],\n+            COMPARISON: ['VALUE'],\n+            COMMA: ['GEOMETRY', 'VALUE', 'PROPERTY'],\n+            VALUE: ['LOGICAL', 'COMMA', 'RPAREN', 'END'],\n+            SPATIAL: ['LPAREN'],\n+            LOGICAL: ['NOT', 'VALUE', 'SPATIAL', 'PROPERTY', 'LPAREN'],\n+            NOT: ['PROPERTY', 'LPAREN'],\n+            GEOMETRY: ['COMMA', 'RPAREN']\n+        },\n \n-    /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.\n-     *      Default is true.\n-     */\n-    toggle: true,\n+        operators = {\n+            '=': OpenLayers.Filter.Comparison.EQUAL_TO,\n+            '<>': OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n+            '<': OpenLayers.Filter.Comparison.LESS_THAN,\n+            '<=': OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n+            '>': OpenLayers.Filter.Comparison.GREATER_THAN,\n+            '>=': OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n+            'LIKE': OpenLayers.Filter.Comparison.LIKE,\n+            'BETWEEN': OpenLayers.Filter.Comparison.BETWEEN,\n+            'IS NULL': OpenLayers.Filter.Comparison.IS_NULL\n+        },\n \n-    /**\n-     * APIProperty: standalone\n-     * {Boolean} Set to true to create a control without SelectFeature\n-     *     capabilities. Default is false.  If standalone is true, to modify\n-     *     a feature, call the <selectFeature> method with the target feature.\n-     *     Note that you must call the <unselectFeature> method to finish\n-     *     feature modification in standalone mode (before starting to modify\n-     *     another feature).\n-     */\n-    standalone: false,\n+        operatorReverse = {},\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n+        logicals = {\n+            'AND': OpenLayers.Filter.Logical.AND,\n+            'OR': OpenLayers.Filter.Logical.OR\n+        },\n \n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} Feature currently available for modification.\n-     */\n-    feature: null,\n+        logicalReverse = {},\n \n-    /**\n-     * Property: vertex\n-     * {<OpenLayers.Feature.Vector>} Vertex currently being modified.\n-     */\n-    vertex: null,\n+        precedence = {\n+            'RPAREN': 3,\n+            'LOGICAL': 2,\n+            'COMPARISON': 1\n+        };\n \n-    /**\n-     * Property: vertices\n-     * {Array(<OpenLayers.Feature.Vector>)} Verticies currently available\n-     *     for dragging.\n-     */\n-    vertices: null,\n+    var i;\n+    for (i in operators) {\n+        if (operators.hasOwnProperty(i)) {\n+            operatorReverse[operators[i]] = i;\n+        }\n+    }\n \n-    /**\n-     * Property: virtualVertices\n-     * {Array(<OpenLayers.Feature.Vector>)} Virtual vertices in the middle\n-     *     of each edge.\n-     */\n-    virtualVertices: null,\n+    for (i in logicals) {\n+        if (logicals.hasOwnProperty(i)) {\n+            logicalReverse[logicals[i]] = i;\n+        }\n+    }\n+\n+    function tryToken(text, pattern) {\n+        if (pattern instanceof RegExp) {\n+            return pattern.exec(text);\n+        } else {\n+            return pattern(text);\n+        }\n+    }\n+\n+    function nextToken(text, tokens) {\n+        var i, token, len = tokens.length;\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            var pat = patterns[token];\n+            var matches = tryToken(text, pat);\n+            if (matches) {\n+                var match = matches[0];\n+                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n+                return {\n+                    type: token,\n+                    text: match,\n+                    remainder: remainder\n+                };\n+            }\n+        }\n+\n+        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            msg += \"\\n    \" + token + \": \" + patterns[token];\n+        }\n+\n+        throw new Error(msg);\n+    }\n+\n+    function tokenize(text) {\n+        var results = [];\n+        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n+\n+        do {\n+            token = nextToken(text, expect);\n+            text = token.remainder;\n+            expect = follows[token.type];\n+            if (token.type != \"END\" && !expect) {\n+                throw new Error(\"No follows list for \" + token.type);\n+            }\n+            results.push(token);\n+        } while (token.type != \"END\");\n+\n+        return results;\n+    }\n+\n+    function buildAst(tokens) {\n+        var operatorStack = [],\n+            postfix = [];\n+\n+        while (tokens.length) {\n+            var tok = tokens.shift();\n+            switch (tok.type) {\n+                case \"PROPERTY\":\n+                case \"GEOMETRY\":\n+                case \"VALUE\":\n+                    postfix.push(tok);\n+                    break;\n+                case \"COMPARISON\":\n+                case \"BETWEEN\":\n+                case \"IS_NULL\":\n+                case \"LOGICAL\":\n+                    var p = precedence[tok.type];\n+\n+                    while (operatorStack.length > 0 &&\n+                        (precedence[operatorStack[operatorStack.length - 1].type] <= p)\n+                    ) {\n+                        postfix.push(operatorStack.pop());\n+                    }\n+\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"SPATIAL\":\n+                case \"NOT\":\n+                case \"LPAREN\":\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"RPAREN\":\n+                    while (operatorStack.length > 0 &&\n+                        (operatorStack[operatorStack.length - 1].type != \"LPAREN\")\n+                    ) {\n+                        postfix.push(operatorStack.pop());\n+                    }\n+                    operatorStack.pop(); // toss out the LPAREN\n+\n+                    if (operatorStack.length > 0 &&\n+                        operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n+                        postfix.push(operatorStack.pop());\n+                    }\n+                case \"COMMA\":\n+                case \"END\":\n+                    break;\n+                default:\n+                    throw new Error(\"Unknown token type \" + tok.type);\n+            }\n+        }\n+\n+        while (operatorStack.length > 0) {\n+            postfix.push(operatorStack.pop());\n+        }\n+\n+        function buildTree() {\n+            var tok = postfix.pop();\n+            switch (tok.type) {\n+                case \"LOGICAL\":\n+                    var rhs = buildTree(),\n+                        lhs = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [lhs, rhs],\n+                        type: logicals[tok.text.toUpperCase()]\n+                    });\n+                case \"NOT\":\n+                    var operand = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [operand],\n+                        type: OpenLayers.Filter.Logical.NOT\n+                    });\n+                case \"BETWEEN\":\n+                    var min, max, property;\n+                    postfix.pop(); // unneeded AND token here\n+                    max = buildTree();\n+                    min = buildTree();\n+                    property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        lowerBoundary: min,\n+                        upperBoundary: max,\n+                        type: OpenLayers.Filter.Comparison.BETWEEN\n+                    });\n+                case \"COMPARISON\":\n+                    var value = buildTree(),\n+                        property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        value: value,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"IS_NULL\":\n+                    var property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"VALUE\":\n+                    var match = tok.text.match(/^'(.*)'$/);\n+                    if (match) {\n+                        return match[1].replace(/''/g, \"'\");\n+                    } else {\n+                        return Number(tok.text);\n+                    }\n+                case \"SPATIAL\":\n+                    switch (tok.text.toUpperCase()) {\n+                        case \"BBOX\":\n+                            var maxy = buildTree(),\n+                                maxx = buildTree(),\n+                                miny = buildTree(),\n+                                minx = buildTree(),\n+                                prop = buildTree();\n+\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.BBOX,\n+                                property: prop,\n+                                value: OpenLayers.Bounds.fromArray(\n+                                    [minx, miny, maxx, maxy]\n+                                )\n+                            });\n+                        case \"INTERSECTS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"WITHIN\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.WITHIN,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"CONTAINS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.CONTAINS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"DWITHIN\":\n+                            var distance = buildTree(),\n+                                value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.DWITHIN,\n+                                value: value,\n+                                property: property,\n+                                distance: Number(distance)\n+                            });\n+                    }\n+                case \"GEOMETRY\":\n+                    return OpenLayers.Geometry.fromWKT(tok.text);\n+                default:\n+                    return tok.text;\n+            }\n+        }\n+\n+        var result = buildTree();\n+        if (postfix.length > 0) {\n+            var msg = \"Remaining tokens after building AST: \\n\";\n+            for (var i = postfix.length - 1; i >= 0; i--) {\n+                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\";\n+            }\n+            throw new Error(msg);\n+        }\n+\n+        return result;\n+    }\n+\n+    return OpenLayers.Class(OpenLayers.Format, {\n+        /**\n+         * APIMethod: read\n+         * Generate a filter from a CQL string.\n+         \n+         * Parameters:\n+         * text - {String} The CQL text.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Filter>} A filter based on the CQL text.\n+         */\n+        read: function(text) {\n+            var result = buildAst(tokenize(text));\n+            if (this.keepData) {\n+                this.data = result;\n+            }\n+            return result;\n+        },\n+\n+        /**\n+         * APIMethod: write\n+         * Convert a filter into a CQL string.\n+         \n+         * Parameters:\n+         * filter - {<OpenLayers.Filter>} The filter.\n+         *\n+         * Returns:\n+         * {String} A CQL string based on the filter.\n+         */\n+        write: function(filter) {\n+            if (filter instanceof OpenLayers.Geometry) {\n+                return filter.toString();\n+            }\n+            switch (filter.CLASS_NAME) {\n+                case \"OpenLayers.Filter.Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            return \"BBOX(\" +\n+                                filter.property + \",\" +\n+                                filter.value.toBBOX() +\n+                                \")\";\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            return \"DWITHIN(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \", \" +\n+                                filter.distance + \")\";\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            return \"WITHIN(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.INTERSECTS:\n+                            return \"INTERSECTS(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.CONTAINS:\n+                            return \"CONTAINS(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        default:\n+                            throw new Error(\"Unknown spatial filter type: \" + filter.type);\n+                    }\n+                case \"OpenLayers.Filter.Logical\":\n+                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n+                        // TODO: deal with precedence of logical operators to \n+                        // avoid extra parentheses (not urgent)\n+                        return \"NOT (\" + this.write(filter.filters[0]) + \")\";\n+                    } else {\n+                        var res = \"(\";\n+                        var first = true;\n+                        for (var i = 0; i < filter.filters.length; i++) {\n+                            if (first) {\n+                                first = false;\n+                            } else {\n+                                res += \") \" + logicalReverse[filter.type] + \" (\";\n+                            }\n+                            res += this.write(filter.filters[i]);\n+                        }\n+                        return res + \")\";\n+                    }\n+                case \"OpenLayers.Filter.Comparison\":\n+                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n+                        return filter.property + \" BETWEEN \" +\n+                            this.write(filter.lowerBoundary) + \" AND \" +\n+                            this.write(filter.upperBoundary);\n+                    } else {\n+                        return (filter.value !== null) ? filter.property +\n+                            \" \" + operatorReverse[filter.type] + \" \" +\n+                            this.write(filter.value) : filter.property +\n+                            \" \" + operatorReverse[filter.type];\n+                    }\n+                case undefined:\n+                    if (typeof filter === \"string\") {\n+                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\";\n+                    } else if (typeof filter === \"number\") {\n+                        return String(filter);\n+                    }\n+                default:\n+                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter);\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.CQL\"\n+\n+    });\n+})();\n+\n+/* ======================================================================\n+    OpenLayers/Format/GeoRSS.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.GeoRSS\n+ * Read/write GeoRSS parser. Create a new instance with the \n+ *     <OpenLayers.Format.GeoRSS> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: handlers\n-     * {Object}\n+     * APIProperty: rssns\n+     * {String} RSS namespace to use. Defaults to\n+     *   \"http://backend.userland.com/rss2\"\n      */\n-    handlers: null,\n+    rssns: \"http://backend.userland.com/rss2\",\n \n     /**\n-     * APIProperty: deleteCodes\n-     * {Array(Integer)} Keycodes for deleting verticies.  Set to null to disable\n-     *     vertex deltion by keypress.  If non-null, keypresses with codes\n-     *     in this array will delete vertices under the mouse. Default\n-     *     is 46 and 68, the 'delete' and lowercase 'd' keys.\n+     * APIProperty: featurens\n+     * {String} Feature Attributes namespace.  Defaults to\n+     *    \"http://mapserver.gis.umn.edu/mapserver\"\n      */\n-    deleteCodes: null,\n+    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n \n     /**\n-     * APIProperty: virtualStyle\n-     * {Object} A symbolizer to be used for virtual vertices.\n+     * APIProperty: georssns\n+     * {String} GeoRSS namespace to use.  Defaults to\n+     *     \"http://www.georss.org/georss\"\n      */\n-    virtualStyle: null,\n+    georssns: \"http://www.georss.org/georss\",\n \n     /**\n-     * APIProperty: vertexRenderIntent\n-     * {String} The renderIntent to use for vertices. If no <virtualStyle> is\n-     * provided, this renderIntent will also be used for virtual vertices, with\n-     * a fillOpacity and strokeOpacity of 0.3. Default is null, which means\n-     * that the layer's default style will be used for vertices.\n+     * APIProperty: geons\n+     * {String} W3C Geo namespace to use.  Defaults to\n+     *     \"http://www.w3.org/2003/01/geo/wgs84_pos#\"\n      */\n-    vertexRenderIntent: null,\n+    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n \n     /**\n-     * APIProperty: mode\n-     * {Integer} Bitfields specifying the modification mode. Defaults to\n-     *      OpenLayers.Control.ModifyFeature.RESHAPE. To set the mode to a\n-     *      combination of options, use the | operator. For example, to allow\n-     *      the control to both resize and rotate features, use the following\n-     *      syntax\n-     * (code)\n-     * control.mode = OpenLayers.Control.ModifyFeature.RESIZE |\n-     *                OpenLayers.Control.ModifyFeature.ROTATE;\n-     *  (end)\n+     * APIProperty: featureTitle\n+     * {String} Default title for features.  Defaults to \"Untitled\"\n      */\n-    mode: null,\n+    featureTitle: \"Untitled\",\n \n     /**\n-     * APIProperty: createVertices\n-     * {Boolean} Create new vertices by dragging the virtual vertices\n-     *     in the middle of each edge. Default is true.\n+     * APIProperty: featureDescription\n+     * {String} Default description for features.  Defaults to \"No Description\"\n      */\n-    createVertices: true,\n+    featureDescription: \"No Description\",\n \n     /**\n-     * Property: modified\n-     * {Boolean} The currently selected feature has been modified.\n+     * Property: gmlParse\n+     * {Object} GML Format object for parsing features\n+     * Non-API and only created if necessary\n      */\n-    modified: false,\n+    gmlParser: null,\n \n     /**\n-     * Property: radiusHandle\n-     * {<OpenLayers.Feature.Vector>} A handle for rotating/resizing a feature.\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n+     * For GeoRSS the default is (y,x), therefore: false\n      */\n-    radiusHandle: null,\n+    xy: false,\n \n     /**\n-     * Property: dragHandle\n-     * {<OpenLayers.Feature.Vector>} A handle for dragging a feature.\n+     * Constructor: OpenLayers.Format.GeoRSS\n+     * Create a new parser for GeoRSS.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    dragHandle: null,\n \n     /**\n-     * APIProperty: onModificationStart \n-     * {Function} *Deprecated*.  Register for \"beforefeaturemodified\" instead.\n-     *     The \"beforefeaturemodified\" event is triggered on the layer before\n-     *     any modification begins.\n+     * Method: createGeometryFromItem\n+     * Return a geometry from a GeoRSS Item.\n      *\n-     * Optional function to be called when a feature is selected\n-     *     to be modified. The function should expect to be called with a\n-     *     feature.  This could be used for example to allow to lock the\n-     *     feature on server-side.\n+     * Parameters:\n+     * item - {DOMElement} A GeoRSS item node.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry>} A geometry representing the node.\n      */\n-    onModificationStart: function() {},\n+    createGeometryFromItem: function(item) {\n+        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n+        var lat = this.getElementsByTagNameNS(item, this.geons, 'lat');\n+        var lon = this.getElementsByTagNameNS(item, this.geons, 'long');\n+\n+        var line = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"line\");\n+        var polygon = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"polygon\");\n+        var where = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"where\");\n+        var box = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"box\");\n+\n+        if (point.length > 0 || (lat.length > 0 && lon.length > 0)) {\n+            var location;\n+            if (point.length > 0) {\n+                location = OpenLayers.String.trim(\n+                    point[0].firstChild.nodeValue).split(/\\s+/);\n+                if (location.length != 2) {\n+                    location = OpenLayers.String.trim(\n+                        point[0].firstChild.nodeValue).split(/\\s*,\\s*/);\n+                }\n+            } else {\n+                location = [parseFloat(lat[0].firstChild.nodeValue),\n+                    parseFloat(lon[0].firstChild.nodeValue)\n+                ];\n+            }\n+\n+            var geometry = new OpenLayers.Geometry.Point(location[1], location[0]);\n+\n+        } else if (line.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.LineString(components);\n+        } else if (polygon.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n+        } else if (where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.gmlParser = new OpenLayers.Format.GML({\n+                    'xy': this.xy\n+                });\n+            }\n+            var feature = this.gmlParser.parseFeature(where[0]);\n+            geometry = feature.geometry;\n+        } else if (box.length > 0) {\n+            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            if (coords.length > 3) {\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n+        }\n+\n+        if (geometry && this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.externalProjection,\n+                this.internalProjection);\n+        }\n+\n+        return geometry;\n+    },\n \n     /**\n-     * APIProperty: onModification\n-     * {Function} *Deprecated*.  Register for \"featuremodified\" instead.\n-     *     The \"featuremodified\" event is triggered on the layer with each\n-     *     feature modification.\n+     * Method: createFeatureFromItem\n+     * Return a feature from a GeoRSS Item.\n      *\n-     * Optional function to be called when a feature has been\n-     *     modified.  The function should expect to be called with a feature.\n+     * Parameters:\n+     * item - {DOMElement} A GeoRSS item node.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature representing the item.\n      */\n-    onModification: function() {},\n+    createFeatureFromItem: function(item) {\n+        var geometry = this.createGeometryFromItem(item);\n+\n+        /* Provide defaults for title and description */\n+        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n+\n+        /* First try RSS descriptions, then Atom summaries */\n+        var description = this._getChildValue(\n+            item, \"*\", \"description\",\n+            this._getChildValue(item, \"*\", \"content\",\n+                this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n+\n+        /* If no link URL is found in the first child node, try the\n+           href attribute */\n+        var link = this._getChildValue(item, \"*\", \"link\");\n+        if (!link) {\n+            try {\n+                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\");\n+            } catch (e) {\n+                link = null;\n+            }\n+        }\n+\n+        var id = this._getChildValue(item, \"*\", \"id\", null);\n+\n+        var data = {\n+            \"title\": title,\n+            \"description\": description,\n+            \"link\": link\n+        };\n+        var feature = new OpenLayers.Feature.Vector(geometry, data);\n+        feature.fid = id;\n+        return feature;\n+    },\n \n     /**\n-     * APIProperty: onModificationEnd\n-     * {Function} *Deprecated*.  Register for \"afterfeaturemodified\" instead.\n-     *     The \"afterfeaturemodified\" event is triggered on the layer after\n-     *     a feature has been modified.\n+     * Method: _getChildValue\n      *\n-     * Optional function to be called when a feature is finished \n-     *     being modified.  The function should expect to be called with a\n-     *     feature.\n+     * Parameters:\n+     * node - {DOMElement}\n+     * nsuri - {String} Child node namespace uri (\"*\" for any).\n+     * name - {String} Child node name.\n+     * def - {String} Optional string default to return if no child found.\n+     *\n+     * Returns:\n+     * {String} The value of the first child with the given tag name.  Returns\n+     *     default value or empty string if none found.\n      */\n-    onModificationEnd: function() {},\n+    _getChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (eles && eles[0] && eles[0].firstChild &&\n+            eles[0].firstChild.nodeValue) {\n+            value = this.getChildValue(eles[0]);\n+        } else {\n+            value = (def == undefined) ? \"\" : def;\n+        }\n+        return value;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.ModifyFeature\n-     * Create a new modify feature control.\n+     * APIMethod: read\n+     * Return a list of features from a GeoRSS doc\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n-     *     will be modified.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n+     * doc - {Element} \n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)}\n      */\n-    initialize: function(layer, options) {\n-        options = options || {};\n-        this.layer = layer;\n-        this.vertices = [];\n-        this.virtualVertices = [];\n-        this.virtualStyle = OpenLayers.Util.extend({},\n-            this.layer.style ||\n-            this.layer.styleMap.createSymbolizer(null, options.vertexRenderIntent)\n-        );\n-        this.virtualStyle.fillOpacity = 0.3;\n-        this.virtualStyle.strokeOpacity = 0.3;\n-        this.deleteCodes = [46, 68];\n-        this.mode = OpenLayers.Control.ModifyFeature.RESHAPE;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        if (!(OpenLayers.Util.isArray(this.deleteCodes))) {\n-            this.deleteCodes = [this.deleteCodes];\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n         }\n \n-        // configure the drag handler\n-        var dragCallbacks = {\n-            down: function(pixel) {\n-                this.vertex = null;\n-                var feature = this.layer.getFeatureFromEvent(\n-                    this.handlers.drag.evt);\n-                if (feature) {\n-                    this.dragStart(feature);\n-                } else if (this.clickout) {\n-                    this._unselect = this.feature;\n-                }\n-            },\n-            move: function(pixel) {\n-                delete this._unselect;\n-                if (this.vertex) {\n-                    this.dragVertex(this.vertex, pixel);\n-                }\n-            },\n-            up: function() {\n-                this.handlers.drag.stopDown = false;\n-                if (this._unselect) {\n-                    this.unselectFeature(this._unselect);\n-                    delete this._unselect;\n-                }\n-            },\n-            done: function(pixel) {\n-                if (this.vertex) {\n-                    this.dragComplete(this.vertex);\n-                }\n-            }\n-        };\n-        var dragOptions = {\n-            documentDrag: this.documentDrag,\n-            stopDown: false\n-        };\n+        /* Try RSS items first, then Atom entries */\n+        var itemlist = null;\n+        itemlist = this.getElementsByTagNameNS(doc, '*', 'item');\n+        if (itemlist.length == 0) {\n+            itemlist = this.getElementsByTagNameNS(doc, '*', 'entry');\n+        }\n \n-        // configure the keyboard handler\n-        var keyboardOptions = {\n-            keydown: this.handleKeypress\n-        };\n-        this.handlers = {\n-            keyboard: new OpenLayers.Handler.Keyboard(this, keyboardOptions),\n-            drag: new OpenLayers.Handler.Drag(this, dragCallbacks, dragOptions)\n-        };\n+        var numItems = itemlist.length;\n+        var features = new Array(numItems);\n+        for (var i = 0; i < numItems; i++) {\n+            features[i] = this.createFeatureFromItem(itemlist[i]);\n+        }\n+        return features;\n     },\n \n+\n     /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n+     * APIMethod: write\n+     * Accept Feature Collection, and return a string. \n+     * \n+     * Parameters: \n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n+    write: function(features) {\n+        var georss;\n+        if (OpenLayers.Util.isArray(features)) {\n+            georss = this.createElementNS(this.rssns, \"rss\");\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                georss.appendChild(this.createFeatureXML(features[i]));\n+            }\n+        } else {\n+            georss = this.createFeatureXML(features);\n         }\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, []);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [georss]);\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the control.\n+     * Method: createFeatureXML\n+     * Accept an <OpenLayers.Feature.Vector>, and build a geometry for it.\n      * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     *\n      * Returns:\n-     * {Boolean} Successfully activated the control.\n+     * {DOMElement}\n      */\n-    activate: function() {\n-        this.moveLayerToTop();\n-        this.map.events.on({\n-            \"removelayer\": this.handleMapEvents,\n-            \"changelayer\": this.handleMapEvents,\n-            scope: this\n-        });\n-        return (this.handlers.keyboard.activate() &&\n-            this.handlers.drag.activate() &&\n-            OpenLayers.Control.prototype.activate.apply(this, arguments));\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var featureNode = this.createElementNS(this.rssns, \"item\");\n+        var titleNode = this.createElementNS(this.rssns, \"title\");\n+        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n+        var descNode = this.createElementNS(this.rssns, \"description\");\n+        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n+        featureNode.appendChild(titleNode);\n+        featureNode.appendChild(descNode);\n+        if (feature.attributes.link) {\n+            var linkNode = this.createElementNS(this.rssns, \"link\");\n+            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n+            featureNode.appendChild(linkNode);\n+        }\n+        for (var attr in feature.attributes) {\n+            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n+                continue;\n+            }\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1];\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureNode.appendChild(attrContainer);\n+        }\n+        featureNode.appendChild(geometryNode);\n+        return featureNode;\n     },\n \n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.\n+    /** \n+     * Method: buildGeometryNode\n+     * builds a GeoRSS node with a given geometry\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n      *\n-     * Returns: \n-     * {Boolean} Successfully deactivated the control.\n+     * Returns:\n+     * {DOMElement} A gml node.\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        // the return from the controls is unimportant in this case\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-            this.layer.removeFeatures(this.vertices, {\n-                silent: true\n-            });\n-            this.layer.removeFeatures(this.virtualVertices, {\n-                silent: true\n-            });\n-            this.vertices = [];\n-            this.handlers.drag.deactivate();\n-            this.handlers.keyboard.deactivate();\n-            var feature = this.feature;\n-            if (feature && feature.geometry && feature.layer) {\n-                this.unselectFeature(feature);\n-            }\n-            deactivated = true;\n+    buildGeometryNode: function(geometry) {\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry = geometry.clone();\n+            geometry.transform(this.internalProjection,\n+                this.externalProjection);\n         }\n-        return deactivated;\n+        var node;\n+        // match Polygon\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n+            node = this.createElementNS(this.georssns, 'georss:polygon');\n+\n+            node.appendChild(this.buildCoordinatesNode(geometry.components[0]));\n+        }\n+        // match LineString\n+        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n+            node = this.createElementNS(this.georssns, 'georss:line');\n+\n+            node.appendChild(this.buildCoordinatesNode(geometry));\n+        }\n+        // match Point\n+        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            node = this.createElementNS(this.georssns, 'georss:point');\n+            node.appendChild(this.buildCoordinatesNode(geometry));\n+        } else {\n+            throw \"Couldn't parse \" + geometry.CLASS_NAME;\n+        }\n+        return node;\n     },\n \n-    /**\n-     * Method: beforeSelectFeature\n-     * Called before a feature is selected.\n-     *\n+    /** \n+     * Method: buildCoordinatesNode\n+     * \n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature about to be selected.\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    beforeSelectFeature: function(feature) {\n-        return this.layer.events.triggerEvent(\n-            \"beforefeaturemodified\", {\n-                feature: feature\n+    buildCoordinatesNode: function(geometry) {\n+        var points = null;\n+\n+        if (geometry.components) {\n+            points = geometry.components;\n+        }\n+\n+        var path;\n+        if (points) {\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; i++) {\n+                parts[i] = points[i].y + \" \" + points[i].x;\n             }\n-        );\n+            path = parts.join(\" \");\n+        } else {\n+            path = geometry.y + \" \" + geometry.x;\n+        }\n+        return this.createTextNode(path);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/ArcXML.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/MultiPolygon.js\n+ * @requires OpenLayers/Geometry/LinearRing.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.ArcXML\n+ * Read/Write ArcXML. Create a new instance with the <OpenLayers.Format.ArcXML>\n+ *     constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n     /**\n-     * APIMethod: selectFeature\n-     * Select a feature for modification in standalone mode. In non-standalone\n-     * mode, this method is called when a feature is selected by clicking.\n-     * Register a listener to the beforefeaturemodified event and return false\n-     * to prevent feature modification.\n+     * Property: fontStyleKeys\n+     * {Array} List of keys used in font styling.\n+     */\n+    fontStyleKeys: [\n+        'antialiasing', 'blockout', 'font', 'fontcolor', 'fontsize', 'fontstyle',\n+        'glowing', 'interval', 'outline', 'printmode', 'shadow', 'transparency'\n+    ],\n+\n+    /**\n+     * Property: request\n+     * A get_image request destined for an ArcIMS server.\n+     */\n+    request: null,\n+\n+    /**\n+     * Property: response\n+     * A parsed response from an ArcIMS server.\n+     */\n+    response: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Format.ArcXML\n+     * Create a new parser/writer for ArcXML.  Create an instance of this class\n+     *    to begin authoring a request to an ArcIMS service.  This is used\n+     *    primarily by the ArcIMS layer, but could be used to do other wild\n+     *    stuff, like geocoding.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} the selected feature.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    selectFeature: function(feature) {\n-        if (this.feature === feature ||\n-            (this.geometryTypes && OpenLayers.Util.indexOf(this.geometryTypes,\n-                feature.geometry.CLASS_NAME) == -1)) {\n-            return;\n-        }\n-        if (this.beforeSelectFeature(feature) !== false) {\n-            if (this.feature) {\n-                this.unselectFeature(this.feature);\n+    initialize: function(options) {\n+        this.request = new OpenLayers.Format.ArcXML.Request();\n+        this.response = new OpenLayers.Format.ArcXML.Response();\n+\n+        if (options) {\n+            if (options.requesttype == \"feature\") {\n+                this.request.get_image = null;\n+\n+                var qry = this.request.get_feature.query;\n+                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n+\n+                if (options.polygon) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.polygon = options.polygon;\n+                } else if (options.envelope) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.envelope = {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    };\n+                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope);\n+                }\n+            } else if (options.requesttype == \"image\") {\n+                this.request.get_feature = null;\n+\n+                var props = this.request.get_image.properties;\n+                this.parseEnvelope(props.envelope, options.envelope);\n+\n+                this.addLayers(props.layerlist, options.layers);\n+                this.addImageSize(props.imagesize, options.tileSize);\n+                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(props.filtercoordsys, options.filterCoordSys);\n+            } else {\n+                // if an arcxml object is being created with no request type, it is\n+                // probably going to consume a response, so do not throw an error if\n+                // the requesttype is not defined\n+                this.request = null;\n             }\n-            this.feature = feature;\n-            this.layer.selectedFeatures.push(feature);\n-            this.layer.drawFeature(feature, 'select');\n-            this.modified = false;\n-            this.resetVertices();\n-            this.onModificationStart(this.feature);\n-        }\n-        // keep track of geometry modifications\n-        var modified = feature.modified;\n-        if (feature.geometry && !(modified && modified.geometry)) {\n-            this._originalGeometry = feature.geometry.clone();\n         }\n+\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * APIMethod: unselectFeature\n-     * Called when the select feature control unselects a feature.\n+     * Method: parseEnvelope\n+     * Parse an array of coordinates into an ArcXML envelope structure.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The unselected feature.\n+     * env - {Object} An envelope object that will contain the parsed coordinates.\n+     * arr - {Array(double)} An array of coordinates in the order: [ minx, miny, maxx, maxy ]\n      */\n-    unselectFeature: function(feature) {\n-        this.layer.removeFeatures(this.vertices, {\n-            silent: true\n-        });\n-        this.vertices = [];\n-        this.layer.destroyFeatures(this.virtualVertices, {\n-            silent: true\n-        });\n-        this.virtualVertices = [];\n-        if (this.dragHandle) {\n-            this.layer.destroyFeatures([this.dragHandle], {\n-                silent: true\n-            });\n-            delete this.dragHandle;\n-        }\n-        if (this.radiusHandle) {\n-            this.layer.destroyFeatures([this.radiusHandle], {\n-                silent: true\n-            });\n-            delete this.radiusHandle;\n+    parseEnvelope: function(env, arr) {\n+        if (arr && arr.length == 4) {\n+            env.minx = arr[0];\n+            env.miny = arr[1];\n+            env.maxx = arr[2];\n+            env.maxy = arr[3];\n         }\n-        this.layer.drawFeature(this.feature, 'default');\n-        this.feature = null;\n-        OpenLayers.Util.removeItem(this.layer.selectedFeatures, feature);\n-        this.onModificationEnd(feature);\n-        this.layer.events.triggerEvent(\"afterfeaturemodified\", {\n-            feature: feature,\n-            modified: this.modified\n-        });\n-        this.modified = false;\n     },\n \n+    /** \n+     * Method: addLayers\n+     * Add a collection of layers to another collection of layers. Each layer in the list is tuple of\n+     * { id, visible }.  These layer collections represent the \n+     * /ARCXML/REQUEST/get_image/PROPERTIES/LAYERLIST/LAYERDEF items in ArcXML\n+     *\n+     * TODO: Add support for dynamic layer rendering.\n+     *\n+     * Parameters:\n+     * ll - {Array({id,visible})} A list of layer definitions.\n+     * lyrs - {Array({id,visible})} A list of layer definitions.\n+     */\n+    addLayers: function(ll, lyrs) {\n+        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n+            ll.push(lyrs[lind]);\n+        }\n+    },\n \n     /**\n-     * Method: dragStart\n-     * Called by the drag handler before a feature is dragged.  This method is\n-     *     used to differentiate between points and vertices\n-     *     of higher order geometries.\n+     * Method: addImageSize\n+     * Set the size of the requested image.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The point or vertex about to be\n-     *     dragged.\n+     * imsize - {Object} An ArcXML imagesize object.\n+     * olsize - {<OpenLayers.Size>} The image size to set.\n      */\n-    dragStart: function(feature) {\n-        var isPoint = feature.geometry.CLASS_NAME ==\n-            'OpenLayers.Geometry.Point';\n-        if (!this.standalone &&\n-            ((!feature._sketch && isPoint) || !feature._sketch)) {\n-            if (this.toggle && this.feature === feature) {\n-                // mark feature for unselection\n-                this._unselect = feature;\n-            }\n-            this.selectFeature(feature);\n-        }\n-        if (feature._sketch || isPoint) {\n-            // feature is a drag or virtual handle or point\n-            this.vertex = feature;\n-            this.handlers.drag.stopDown = true;\n+    addImageSize: function(imsize, olsize) {\n+        if (olsize !== null) {\n+            imsize.width = olsize.w;\n+            imsize.height = olsize.h;\n+            imsize.printwidth = olsize.w;\n+            imsize.printheight = olsize.h;\n         }\n     },\n \n     /**\n-     * Method: dragVertex\n-     * Called by the drag handler with each drag move of a vertex.\n+     * Method: addCoordSys\n+     * Add the coordinate system information to an object. The object may be \n      *\n      * Parameters:\n-     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n-     * pixel - {<OpenLayers.Pixel>} Pixel location of the mouse event.\n+     * featOrFilt - {Object} A featurecoordsys or filtercoordsys ArcXML structure.\n+     * fsys - {String} or {<OpenLayers.Projection>} or {filtercoordsys} or \n+     * {featurecoordsys} A projection representation. If it's a {String}, \n+     * the value is assumed to be the SRID.  If it's a {OpenLayers.Projection} \n+     * AND Proj4js is available, the projection number and name are extracted \n+     * from there.  If it's a filter or feature ArcXML structure, it is copied.\n      */\n-    dragVertex: function(vertex, pixel) {\n-        var pos = this.map.getLonLatFromViewPortPx(pixel);\n-        var geom = vertex.geometry;\n-        geom.move(pos.lon - geom.x, pos.lat - geom.y);\n-        this.modified = true;\n-        /**\n-         * Five cases:\n-         * 1) dragging a simple point\n-         * 2) dragging a virtual vertex\n-         * 3) dragging a drag handle\n-         * 4) dragging a real vertex\n-         * 5) dragging a radius handle\n-         */\n-        if (this.feature.geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            // dragging a simple point\n-            this.layer.events.triggerEvent(\"vertexmodified\", {\n-                vertex: vertex.geometry,\n-                feature: this.feature,\n-                pixel: pixel\n-            });\n+    addCoordSys: function(featOrFilt, fsys) {\n+        if (typeof fsys == \"string\") {\n+            featOrFilt.id = parseInt(fsys);\n+            featOrFilt.string = fsys;\n+        }\n+        // is this a proj4js instance?\n+        else if (typeof fsys == \"object\" && fsys.proj !== null) {\n+            featOrFilt.id = fsys.proj.srsProjNumber;\n+            featOrFilt.string = fsys.proj.srsCode;\n         } else {\n-            if (vertex._index) {\n-                // dragging a virtual vertex\n-                vertex.geometry.parent.addComponent(vertex.geometry,\n-                    vertex._index);\n-                // move from virtual to real vertex\n-                delete vertex._index;\n-                OpenLayers.Util.removeItem(this.virtualVertices, vertex);\n-                this.vertices.push(vertex);\n-            } else if (vertex == this.dragHandle) {\n-                // dragging a drag handle\n-                this.layer.removeFeatures(this.vertices, {\n-                    silent: true\n-                });\n-                this.vertices = [];\n-                if (this.radiusHandle) {\n-                    this.layer.destroyFeatures([this.radiusHandle], {\n-                        silent: true\n-                    });\n-                    this.radiusHandle = null;\n-                }\n-            } else if (vertex !== this.radiusHandle) {\n-                // dragging a real vertex\n-                this.layer.events.triggerEvent(\"vertexmodified\", {\n-                    vertex: vertex.geometry,\n-                    feature: this.feature,\n-                    pixel: pixel\n-                });\n-            }\n-            // dragging a radius handle - no special treatment\n-            if (this.virtualVertices.length > 0) {\n-                this.layer.destroyFeatures(this.virtualVertices, {\n-                    silent: true\n-                });\n-                this.virtualVertices = [];\n-            }\n-            this.layer.drawFeature(this.feature, this.standalone ? undefined :\n-                'select');\n+            featOrFilt = fsys;\n         }\n-        // keep the vertex on top so it gets the mouseout after dragging\n-        // this should be removed in favor of an option to draw under or\n-        // maintain node z-index\n-        this.layer.drawFeature(vertex);\n     },\n \n     /**\n-     * Method: dragComplete\n-     * Called by the drag handler when the feature dragging is complete.\n+     * APIMethod: iserror\n+     * Check to see if the response from the server was an error.\n      *\n      * Parameters:\n-     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n+     * data - {String} or {DOMElement} data to read/parse. If nothing is supplied,\n+     * the current response is examined.\n+     *\n+     * Returns:\n+     * {Boolean} true if the response was an error.\n      */\n-    dragComplete: function(vertex) {\n-        this.resetVertices();\n-        this.setFeatureState();\n-        this.onModification(this.feature);\n-        this.layer.events.triggerEvent(\"featuremodified\", {\n-            feature: this.feature\n-        });\n+    iserror: function(data) {\n+        var ret = null;\n+\n+        if (!data) {\n+            ret = (this.response.error !== '');\n+        } else {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n+            ret = (errorNodes !== null && errorNodes.length > 0);\n+        }\n+\n+        return ret;\n     },\n \n     /**\n-     * Method: setFeatureState\n-     * Called when the feature is modified.  If the current state is not\n-     *     INSERT or DELETE, the state is set to UPDATE.\n+     * APIMethod: read\n+     * Read data from a string, and return an response. \n+     * \n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Format.ArcXML.Response>} An ArcXML response. Note that this response\n+     *     data may change in the future. \n      */\n-    setFeatureState: function() {\n-        if (this.feature.state != OpenLayers.State.INSERT &&\n-            this.feature.state != OpenLayers.State.DELETE) {\n-            this.feature.state = OpenLayers.State.UPDATE;\n-            if (this.modified && this._originalGeometry) {\n-                var feature = this.feature;\n-                feature.modified = OpenLayers.Util.extend(feature.modified, {\n-                    geometry: this._originalGeometry\n-                });\n-                delete this._originalGeometry;\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n+\n+        var arcNode = null;\n+        if (data && data.documentElement) {\n+            if (data.documentElement.nodeName == \"ARCXML\") {\n+                arcNode = data.documentElement;\n+            } else {\n+                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0];\n+            }\n+        }\n+\n+        // in Safari, arcNode will be there but will have a child named \n+        // parsererror\n+        if (!arcNode || arcNode.firstChild.nodeName === 'parsererror') {\n+            var error, source;\n+            try {\n+                error = data.firstChild.nodeValue;\n+                source = data.firstChild.childNodes[1].firstChild.nodeValue;\n+            } catch (err) {\n+                // pass\n             }\n+            throw {\n+                message: \"Error parsing the ArcXML request\",\n+                error: error,\n+                source: source\n+            };\n         }\n+\n+        var response = this.parseResponse(arcNode);\n+        return response;\n     },\n \n     /**\n-     * Method: resetVertices\n+     * APIMethod: write\n+     * Generate an ArcXml document string for sending to an ArcIMS server. \n+     * \n+     * Returns:\n+     * {String} A string representing the ArcXML document request.\n      */\n-    resetVertices: function() {\n-        if (this.vertices.length > 0) {\n-            this.layer.removeFeatures(this.vertices, {\n-                silent: true\n-            });\n-            this.vertices = [];\n-        }\n-        if (this.virtualVertices.length > 0) {\n-            this.layer.removeFeatures(this.virtualVertices, {\n-                silent: true\n-            });\n-            this.virtualVertices = [];\n-        }\n-        if (this.dragHandle) {\n-            this.layer.destroyFeatures([this.dragHandle], {\n-                silent: true\n-            });\n-            this.dragHandle = null;\n-        }\n-        if (this.radiusHandle) {\n-            this.layer.destroyFeatures([this.radiusHandle], {\n-                silent: true\n-            });\n-            this.radiusHandle = null;\n+    write: function(request) {\n+        if (!request) {\n+            request = this.request;\n         }\n-        if (this.feature &&\n-            this.feature.geometry.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-            if ((this.mode & OpenLayers.Control.ModifyFeature.DRAG)) {\n-                this.collectDragHandle();\n+        var root = this.createElementNS(\"\", \"ARCXML\");\n+        root.setAttribute(\"version\", \"1.1\");\n+\n+        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n+\n+        if (request.get_image != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n+            reqElem.appendChild(getElem);\n+\n+            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n+            getElem.appendChild(propElem);\n+\n+            var props = request.get_image.properties;\n+            if (props.featurecoordsys != null) {\n+                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                propElem.appendChild(feat);\n+\n+                if (props.featurecoordsys.id === 0) {\n+                    feat.setAttribute(\"string\", props.featurecoordsys['string']);\n+                } else {\n+                    feat.setAttribute(\"id\", props.featurecoordsys.id);\n+                }\n             }\n-            if ((this.mode & (OpenLayers.Control.ModifyFeature.ROTATE |\n-                    OpenLayers.Control.ModifyFeature.RESIZE))) {\n-                this.collectRadiusHandle();\n+\n+            if (props.filtercoordsys != null) {\n+                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                propElem.appendChild(filt);\n+\n+                if (props.filtercoordsys.id === 0) {\n+                    filt.setAttribute(\"string\", props.filtercoordsys.string);\n+                } else {\n+                    filt.setAttribute(\"id\", props.filtercoordsys.id);\n+                }\n             }\n-            if (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE) {\n-                // Don't collect vertices when we're resizing\n-                if (!(this.mode & OpenLayers.Control.ModifyFeature.RESIZE)) {\n-                    this.collectVertices();\n+\n+            if (props.envelope != null) {\n+                var env = this.createElementNS(\"\", \"ENVELOPE\");\n+                propElem.appendChild(env);\n+\n+                env.setAttribute(\"minx\", props.envelope.minx);\n+                env.setAttribute(\"miny\", props.envelope.miny);\n+                env.setAttribute(\"maxx\", props.envelope.maxx);\n+                env.setAttribute(\"maxy\", props.envelope.maxy);\n+            }\n+\n+            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n+            propElem.appendChild(imagesz);\n+\n+            imagesz.setAttribute(\"height\", props.imagesize.height);\n+            imagesz.setAttribute(\"width\", props.imagesize.width);\n+\n+            if (props.imagesize.height != props.imagesize.printheight ||\n+                props.imagesize.width != props.imagesize.printwidth) {\n+                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n+                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth);\n+            }\n+\n+            if (props.background != null) {\n+                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n+                propElem.appendChild(backgrnd);\n+\n+                backgrnd.setAttribute(\"color\",\n+                    props.background.color.r + \",\" +\n+                    props.background.color.g + \",\" +\n+                    props.background.color.b);\n+\n+                if (props.background.transcolor !== null) {\n+                    backgrnd.setAttribute(\"transcolor\",\n+                        props.background.transcolor.r + \",\" +\n+                        props.background.transcolor.g + \",\" +\n+                        props.background.transcolor.b);\n+                }\n+            }\n+\n+            if (props.layerlist != null && props.layerlist.length > 0) {\n+                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n+                propElem.appendChild(layerlst);\n+\n+                for (var ld = 0; ld < props.layerlist.length; ld++) {\n+                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n+                    layerlst.appendChild(ldef);\n+\n+                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n+                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n+\n+                    if (typeof props.layerlist[ld].query == \"object\") {\n+                        var query = props.layerlist[ld].query;\n+\n+                        if (query.where.length < 0) {\n+                            continue;\n+                        }\n+\n+                        var queryElem = null;\n+                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n+                            // handle spatial filter madness\n+                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n+                        } else {\n+                            queryElem = this.createElementNS(\"\", \"QUERY\");\n+                        }\n+\n+                        queryElem.setAttribute(\"where\", query.where);\n+\n+                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n+                            queryElem.setAttribute(\"accuracy\", query.accuracy);\n+                        }\n+                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2000) {\n+                            queryElem.setAttribute(\"featurelimit\", query.featurelimit);\n+                        }\n+                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n+                            queryElem.setAttribute(\"subfields\", query.subfields);\n+                        }\n+                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n+                            queryElem.setAttribute(\"joinexpression\", query.joinexpression);\n+                        }\n+                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n+                            queryElem.setAttribute(\"jointables\", query.jointables);\n+                        }\n+\n+                        ldef.appendChild(queryElem);\n+                    }\n+\n+                    if (typeof props.layerlist[ld].renderer == \"object\") {\n+                        this.addRenderer(ldef, props.layerlist[ld].renderer);\n+                    }\n+                }\n+            }\n+        } else if (request.get_feature != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n+            getElem.setAttribute(\"outputmode\", \"newxml\");\n+            getElem.setAttribute(\"checkesc\", \"true\");\n+\n+            if (request.get_feature.geometry) {\n+                getElem.setAttribute(\"geometry\", request.get_feature.geometry);\n+            } else {\n+                getElem.setAttribute(\"geometry\", \"false\");\n+            }\n+\n+            if (request.get_feature.compact) {\n+                getElem.setAttribute(\"compact\", request.get_feature.compact);\n+            }\n+\n+            if (request.get_feature.featurelimit == \"number\") {\n+                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit);\n+            }\n+\n+            getElem.setAttribute(\"globalenvelope\", \"true\");\n+            reqElem.appendChild(getElem);\n+\n+            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n+                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n+                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n+                getElem.appendChild(lyrElem);\n+            }\n+\n+            var fquery = request.get_feature.query;\n+            if (fquery != null) {\n+                var qElem = null;\n+                if (fquery.isspatial) {\n+                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n+                } else {\n+                    qElem = this.createElementNS(\"\", \"QUERY\");\n+                }\n+                getElem.appendChild(qElem);\n+\n+                if (typeof fquery.accuracy == \"number\") {\n+                    qElem.setAttribute(\"accuracy\", fquery.accuracy);\n+                }\n+                //qElem.setAttribute(\"featurelimit\", \"5\");\n+\n+                if (fquery.featurecoordsys != null) {\n+                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+\n+                    if (fquery.featurecoordsys.id == 0) {\n+                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string);\n+                    } else {\n+                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id);\n+                    }\n+                    qElem.appendChild(fcsElem1);\n+                }\n+\n+                if (fquery.filtercoordsys != null) {\n+                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+\n+                    if (fquery.filtercoordsys.id === 0) {\n+                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string);\n+                    } else {\n+                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id);\n+                    }\n+                    qElem.appendChild(fcsElem2);\n+                }\n+\n+                if (fquery.buffer > 0) {\n+                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n+                    bufElem.setAttribute(\"distance\", fquery.buffer);\n+                    qElem.appendChild(bufElem);\n+                }\n+\n+                if (fquery.isspatial) {\n+                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n+                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n+                    qElem.appendChild(spfElem);\n+\n+                    if (fquery.spatialfilter.envelope) {\n+                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n+                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n+                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n+                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n+                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n+                        spfElem.appendChild(envElem);\n+                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n+                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon));\n+                    }\n+                }\n+\n+                if (fquery.where != null && fquery.where.length > 0) {\n+                    qElem.setAttribute(\"where\", fquery.where);\n                 }\n             }\n         }\n+\n+        root.appendChild(reqElem);\n+\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n     },\n \n-    /**\n-     * Method: handleKeypress\n-     * Called by the feature handler on keypress.  This is used to delete\n-     *     vertices. If the <deleteCode> property is set, vertices will\n-     *     be deleted when a feature is selected for modification and\n-     *     the mouse is over a vertex.\n-     *\n-     * Parameters:\n-     * evt - {Event} Keypress event.\n-     */\n-    handleKeypress: function(evt) {\n-        var code = evt.keyCode;\n \n-        // check for delete key\n-        if (this.feature &&\n-            OpenLayers.Util.indexOf(this.deleteCodes, code) != -1) {\n-            var vertex = this.layer.getFeatureFromEvent(this.handlers.drag.evt);\n-            if (vertex &&\n-                OpenLayers.Util.indexOf(this.vertices, vertex) != -1 &&\n-                !this.handlers.drag.dragging && vertex.geometry.parent) {\n-                // remove the vertex\n-                vertex.geometry.parent.removeComponent(vertex.geometry);\n-                this.layer.events.triggerEvent(\"vertexremoved\", {\n-                    vertex: vertex.geometry,\n-                    feature: this.feature,\n-                    pixel: evt.xy\n-                });\n-                this.layer.drawFeature(this.feature, this.standalone ?\n-                    undefined : 'select');\n-                this.modified = true;\n-                this.resetVertices();\n-                this.setFeatureState();\n-                this.onModification(this.feature);\n-                this.layer.events.triggerEvent(\"featuremodified\", {\n-                    feature: this.feature\n-                });\n+    addGroupRenderer: function(ldef, toprenderer) {\n+        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n+        ldef.appendChild(topRelem);\n+\n+        for (var rind = 0; rind < toprenderer.length; rind++) {\n+            var renderer = toprenderer[rind];\n+            this.addRenderer(topRelem, renderer);\n+        }\n+    },\n+\n+\n+    addRenderer: function(topRelem, renderer) {\n+        if (OpenLayers.Util.isArray(renderer)) {\n+            this.addGroupRenderer(topRelem, renderer);\n+        } else {\n+            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n+            topRelem.appendChild(renderElem);\n+\n+            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n+                this.addValueMapRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n+                this.addValueMapLabelRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n+                this.addSimpleLabelRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n+                this.addScaleDependentRenderer(renderElem, renderer);\n             }\n         }\n     },\n \n-    /**\n-     * Method: collectVertices\n-     * Collect the vertices from the modifiable feature's geometry and push\n-     *     them on to the control's vertices array.\n-     */\n-    collectVertices: function() {\n-        this.vertices = [];\n-        this.virtualVertices = [];\n-        var control = this;\n \n-        function collectComponentVertices(geometry) {\n-            var i, vertex, component, len;\n-            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                vertex = new OpenLayers.Feature.Vector(geometry);\n-                vertex._sketch = true;\n-                vertex.renderIntent = control.vertexRenderIntent;\n-                control.vertices.push(vertex);\n-            } else {\n-                var numVert = geometry.components.length;\n-                if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-                    numVert -= 1;\n+    addScaleDependentRenderer: function(renderElem, renderer) {\n+        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n+            renderElem.setAttribute(\"lower\", renderer.lower);\n+        }\n+        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n+            renderElem.setAttribute(\"upper\", renderer.upper);\n+        }\n+\n+        this.addRenderer(renderElem, renderer.renderer);\n+    },\n+\n+\n+    addValueMapLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n+\n+        if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value);\n                 }\n-                for (i = 0; i < numVert; ++i) {\n-                    component = geometry.components[i];\n-                    if (component.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                        vertex = new OpenLayers.Feature.Vector(component);\n-                        vertex._sketch = true;\n-                        vertex.renderIntent = control.vertexRenderIntent;\n-                        control.vertices.push(vertex);\n-                    } else {\n-                        collectComponentVertices(component);\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label);\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method);\n+                }\n+\n+                renderElem.appendChild(eelem);\n+\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+\n+                    if (exact.symbol.type == \"text\") {\n+                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+                    }\n+\n+                    if (selem != null) {\n+                        var keys = this.fontStyleKeys;\n+                        for (var i = 0, len = keys.length; i < len; i++) {\n+                            var key = keys[i];\n+                            if (exact.symbol[key]) {\n+                                selem.setAttribute(key, exact.symbol[key]);\n+                            }\n+                        }\n+                        eelem.appendChild(selem);\n                     }\n                 }\n+            } // for each exact\n+        }\n+    },\n \n-                // add virtual vertices in the middle of each edge\n-                if (control.createVertices && geometry.CLASS_NAME != \"OpenLayers.Geometry.MultiPoint\") {\n-                    for (i = 0, len = geometry.components.length; i < len - 1; ++i) {\n-                        var prevVertex = geometry.components[i];\n-                        var nextVertex = geometry.components[i + 1];\n-                        if (prevVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\" &&\n-                            nextVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                            var x = (prevVertex.x + nextVertex.x) / 2;\n-                            var y = (prevVertex.y + nextVertex.y) / 2;\n-                            var point = new OpenLayers.Feature.Vector(\n-                                new OpenLayers.Geometry.Point(x, y),\n-                                null, control.virtualStyle\n-                            );\n-                            // set the virtual parent and intended index\n-                            point.geometry.parent = geometry;\n-                            point._index = i + 1;\n-                            point._sketch = true;\n-                            control.virtualVertices.push(point);\n+    addValueMapRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+\n+        if (typeof renderer.ranges == \"object\") {\n+            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n+                var range = renderer.ranges[rng];\n+\n+                var relem = this.createElementNS(\"\", \"RANGE\");\n+                relem.setAttribute(\"lower\", range.lower);\n+                relem.setAttribute(\"upper\", range.upper);\n+\n+                renderElem.appendChild(relem);\n+\n+                if (typeof range.symbol == \"object\") {\n+                    var selem = null;\n+\n+                    if (range.symbol.type == \"simplepolygon\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\");\n+                    }\n+\n+                    if (selem != null) {\n+                        if (typeof range.symbol.boundarycolor == \"string\") {\n+                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor);\n+                        }\n+                        if (typeof range.symbol.fillcolor == \"string\") {\n+                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor);\n+                        }\n+                        if (typeof range.symbol.filltransparency == \"number\") {\n+                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency);\n+                        }\n+                        relem.appendChild(selem);\n+                    }\n+                }\n+            } // for each range\n+        } else if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value);\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label);\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method);\n+                }\n+\n+                renderElem.appendChild(eelem);\n+\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+\n+                    if (exact.symbol.type == \"simplemarker\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\");\n+                    }\n+\n+                    if (selem != null) {\n+                        if (typeof exact.symbol.antialiasing == \"string\") {\n+                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing);\n+                        }\n+                        if (typeof exact.symbol.color == \"string\") {\n+                            selem.setAttribute(\"color\", exact.symbol.color);\n+                        }\n+                        if (typeof exact.symbol.outline == \"string\") {\n+                            selem.setAttribute(\"outline\", exact.symbol.outline);\n+                        }\n+                        if (typeof exact.symbol.overlap == \"string\") {\n+                            selem.setAttribute(\"overlap\", exact.symbol.overlap);\n+                        }\n+                        if (typeof exact.symbol.shadow == \"string\") {\n+                            selem.setAttribute(\"shadow\", exact.symbol.shadow);\n+                        }\n+                        if (typeof exact.symbol.transparency == \"number\") {\n+                            selem.setAttribute(\"transparency\", exact.symbol.transparency);\n+                        }\n+                        //if (typeof exact.symbol.type == \"string\")\n+                        //    selem.setAttribute(\"type\", exact.symbol.type);\n+                        if (typeof exact.symbol.usecentroid == \"string\") {\n+                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid);\n+                        }\n+                        if (typeof exact.symbol.width == \"number\") {\n+                            selem.setAttribute(\"width\", exact.symbol.width);\n                         }\n+\n+                        eelem.appendChild(selem);\n                     }\n                 }\n+            } // for each exact\n+        }\n+    },\n+\n+\n+    addSimpleLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"field\", renderer.field);\n+        var keys = ['featureweight', 'howmanylabels', 'labelbufferratio',\n+            'labelpriorities', 'labelweight', 'linelabelposition',\n+            'rotationalangles'\n+        ];\n+        for (var i = 0, len = keys.length; i < len; i++) {\n+            var key = keys[i];\n+            if (renderer[key]) {\n+                renderElem.setAttribute(key, renderer[key]);\n+            }\n+        }\n+\n+        if (renderer.symbol.type == \"text\") {\n+            var symbol = renderer.symbol;\n+            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+            renderElem.appendChild(selem);\n+\n+            var keys = this.fontStyleKeys;\n+            for (var i = 0, len = keys.length; i < len; i++) {\n+                var key = keys[i];\n+                if (symbol[key]) {\n+                    selem.setAttribute(key, renderer[key]);\n+                }\n             }\n         }\n-        collectComponentVertices.call(this, this.feature.geometry);\n-        this.layer.addFeatures(this.virtualVertices, {\n-            silent: true\n-        });\n-        this.layer.addFeatures(this.vertices, {\n-            silent: true\n-        });\n     },\n \n-    /**\n-     * Method: collectDragHandle\n-     * Collect the drag handle for the selected geometry.\n-     */\n-    collectDragHandle: function() {\n-        var geometry = this.feature.geometry;\n-        var center = geometry.getBounds().getCenterLonLat();\n-        var originGeometry = new OpenLayers.Geometry.Point(\n-            center.lon, center.lat\n-        );\n-        var origin = new OpenLayers.Feature.Vector(originGeometry);\n-        originGeometry.move = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            geometry.move(x, y);\n-        };\n-        origin._sketch = true;\n-        this.dragHandle = origin;\n-        this.dragHandle.renderIntent = this.vertexRenderIntent;\n-        this.layer.addFeatures([this.dragHandle], {\n-            silent: true\n-        });\n+    writePolygonGeometry: function(polygon) {\n+        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n+            throw {\n+                message: 'Cannot write polygon geometry to ArcXML with an ' +\n+                    polygon.CLASS_NAME + ' object.',\n+                geometry: polygon\n+            };\n+        }\n+\n+        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n+\n+        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n+            var ring = polygon.components[ln];\n+            var ringElem = this.createElementNS(\"\", \"RING\");\n+\n+            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n+                var point = ring.components[rn];\n+                var pointElem = this.createElementNS(\"\", \"POINT\");\n+\n+                pointElem.setAttribute(\"x\", point.x);\n+                pointElem.setAttribute(\"y\", point.y);\n+\n+                ringElem.appendChild(pointElem);\n+            }\n+\n+            polyElem.appendChild(ringElem);\n+        }\n+\n+        return polyElem;\n     },\n \n     /**\n-     * Method: collectRadiusHandle\n-     * Collect the radius handle for the selected geometry.\n+     * Method: parseResponse\n+     * Take an ArcXML response, and parse in into this object's internal properties.\n+     *\n+     * Parameters:\n+     * data - {String} or {DOMElement} The ArcXML response, as either a string or the\n+     * top level DOMElement of the response.\n      */\n-    collectRadiusHandle: function() {\n-        var geometry = this.feature.geometry;\n-        var bounds = geometry.getBounds();\n-        var center = bounds.getCenterLonLat();\n-        var originGeometry = new OpenLayers.Geometry.Point(\n-            center.lon, center.lat\n-        );\n-        var radiusGeometry = new OpenLayers.Geometry.Point(\n-            bounds.right, bounds.bottom\n-        );\n-        var radius = new OpenLayers.Feature.Vector(radiusGeometry);\n-        var resize = (this.mode & OpenLayers.Control.ModifyFeature.RESIZE);\n-        var reshape = (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE);\n-        var rotate = (this.mode & OpenLayers.Control.ModifyFeature.ROTATE);\n+    parseResponse: function(data) {\n+        if (typeof data == \"string\") {\n+            var newData = new OpenLayers.Format.XML();\n+            data = newData.read(data);\n+        }\n+        var response = new OpenLayers.Format.ArcXML.Response();\n \n-        radiusGeometry.move = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            var dx1 = this.x - originGeometry.x;\n-            var dy1 = this.y - originGeometry.y;\n-            var dx0 = dx1 - x;\n-            var dy0 = dy1 - y;\n-            if (rotate) {\n-                var a0 = Math.atan2(dy0, dx0);\n-                var a1 = Math.atan2(dy1, dx1);\n-                var angle = a1 - a0;\n-                angle *= 180 / Math.PI;\n-                geometry.rotate(angle, originGeometry);\n+        var errorNode = data.getElementsByTagName(\"ERROR\");\n+\n+        if (errorNode != null && errorNode.length > 0) {\n+            response.error = this.getChildValue(errorNode, \"Unknown error.\");\n+        } else {\n+            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n+\n+            if (responseNode == null || responseNode.length == 0) {\n+                response.error = \"No RESPONSE tag found in ArcXML response.\";\n+                return response;\n             }\n-            if (resize) {\n-                var scale, ratio;\n-                // 'resize' together with 'reshape' implies that the aspect \n-                // ratio of the geometry will not be preserved whilst resizing \n-                if (reshape) {\n-                    scale = dy1 / dy0;\n-                    ratio = (dx1 / dx0) / scale;\n+\n+            var rtype = responseNode[0].firstChild.nodeName;\n+            if (rtype == \"#text\") {\n+                rtype = responseNode[0].firstChild.nextSibling.nodeName;\n+            }\n+\n+            if (rtype == \"IMAGE\") {\n+                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n+                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n+\n+                if (envelopeNode == null || envelopeNode.length == 0) {\n+                    response.error = \"No ENVELOPE tag found in ArcXML response.\";\n+                } else if (outputNode == null || outputNode.length == 0) {\n+                    response.error = \"No OUTPUT tag found in ArcXML response.\";\n                 } else {\n-                    var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n-                    var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n-                    scale = l1 / l0;\n+                    var envAttr = this.parseAttributes(envelopeNode[0]);\n+                    var outputAttr = this.parseAttributes(outputNode[0]);\n+\n+                    if (typeof outputAttr.type == \"string\") {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: {\n+                                type: outputAttr.type,\n+                                data: this.getChildValue(outputNode[0])\n+                            }\n+                        };\n+                    } else {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: outputAttr\n+                        };\n+                    }\n                 }\n-                geometry.resize(scale, originGeometry, ratio);\n+            } else if (rtype == \"FEATURES\") {\n+                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n+\n+                // get the feature count\n+                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n+                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n+\n+                if (response.features.featurecount > 0) {\n+                    // get the feature envelope\n+                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n+                    response.features.envelope = this.parseAttributes(envelope[0], typeof(0));\n+\n+                    // get the field values per feature\n+                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n+                    for (var fn = 0; fn < featureList.length; fn++) {\n+                        var feature = new OpenLayers.Feature.Vector();\n+                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n+\n+                        for (var fdn = 0; fdn < fields.length; fdn++) {\n+                            var fieldName = fields[fdn].getAttribute(\"name\");\n+                            var fieldValue = fields[fdn].getAttribute(\"value\");\n+                            feature.attributes[fieldName] = fieldValue;\n+                        }\n+\n+                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n+\n+                        if (geom.length > 0) {\n+                            // if there is a polygon, create an openlayers polygon, and assign\n+                            // it to the .geometry property of the feature\n+                            var ring = geom[0].getElementsByTagName(\"RING\");\n+\n+                            var polys = [];\n+                            for (var rn = 0; rn < ring.length; rn++) {\n+                                var linearRings = [];\n+                                linearRings.push(this.parsePointGeometry(ring[rn]));\n+\n+                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n+                                for (var hn = 0; hn < holes.length; hn++) {\n+                                    linearRings.push(this.parsePointGeometry(holes[hn]));\n+                                }\n+                                holes = null;\n+                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n+                                linearRings = null;\n+                            }\n+                            ring = null;\n+\n+                            if (polys.length == 1) {\n+                                feature.geometry = polys[0];\n+                            } else {\n+                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys);\n+                            }\n+                        }\n+\n+                        response.features.feature.push(feature);\n+                    }\n+                }\n+            } else {\n+                response.error = \"Unidentified response type.\";\n             }\n-        };\n-        radius._sketch = true;\n-        this.radiusHandle = radius;\n-        this.radiusHandle.renderIntent = this.vertexRenderIntent;\n-        this.layer.addFeatures([this.radiusHandle], {\n-            silent: true\n-        });\n+        }\n+        return response;\n     },\n \n+\n     /**\n-     * Method: setMap\n-     * Set the map property for the control and all handlers.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} The control's map.\n+     * node - {<DOMElement>} An element to parse attributes from.\n+     *\n+     * Returns:\n+     * {Object} An attributes object, with properties set to attribute values.\n      */\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    parseAttributes: function(node, type) {\n+        var attributes = {};\n+        for (var attr = 0; attr < node.attributes.length; attr++) {\n+            if (type == \"number\") {\n+                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue);\n+            } else {\n+                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue;\n+            }\n+        }\n+        return attributes;\n     },\n \n+\n     /**\n-     * Method: handleMapEvents\n-     * \n+     * Method: parsePointGeometry\n+     *\n      * Parameters:\n-     * evt - {Object}\n+     * node - {<DOMElement>} An element to parse <COORDS> or <POINT> arcxml data from.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.LinearRing>} A linear ring represented by the node's points.\n      */\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop();\n+    parsePointGeometry: function(node) {\n+        var ringPoints = [];\n+        var coords = node.getElementsByTagName(\"COORDS\");\n+\n+        if (coords.length > 0) {\n+            // if coords is present, it's the only coords item\n+            var coordArr = this.getChildValue(coords[0]);\n+            coordArr = coordArr.split(/;/);\n+            for (var cn = 0; cn < coordArr.length; cn++) {\n+                var coordItems = coordArr[cn].split(/ /);\n+                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]));\n+            }\n+            coords = null;\n+        } else {\n+            var point = node.getElementsByTagName(\"POINT\");\n+            if (point.length > 0) {\n+                for (var pn = 0; pn < point.length; pn++) {\n+                    ringPoints.push(\n+                        new OpenLayers.Geometry.Point(\n+                            parseFloat(point[pn].getAttribute(\"x\")),\n+                            parseFloat(point[pn].getAttribute(\"y\"))\n+                        )\n+                    );\n+                }\n+            }\n+            point = null;\n         }\n+\n+        return new OpenLayers.Geometry.LinearRing(ringPoints);\n     },\n \n-    /**\n-     * Method: moveLayerToTop\n-     * Moves the layer for this handler to the top, so mouse events can reach\n-     * it.\n-     */\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n-            this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index);\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n+});\n \n-    },\n+OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            get_image: {\n+                properties: {\n+                    background: null,\n+                    /*{ \n+                        color: { r:255, g:255, b:255 },\n+                        transcolor: null\n+                    },*/\n+                    draw: true,\n+                    envelope: {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    },\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    imagesize: {\n+                        height: 0,\n+                        width: 0,\n+                        dpi: 96,\n+                        printheight: 0,\n+                        printwidth: 0,\n+                        scalesymbols: false\n+                    },\n+                    layerlist: [],\n+                    /* no support for legends */\n+                    output: {\n+                        baseurl: \"\",\n+                        legendbaseurl: \"\",\n+                        legendname: \"\",\n+                        legendpath: \"\",\n+                        legendurl: \"\",\n+                        name: \"\",\n+                        path: \"\",\n+                        type: \"jpg\",\n+                        url: \"\"\n+                    }\n+                }\n+            },\n \n-    /**\n-     * Method: moveLayerBack\n-     * Moves the layer back to the position determined by the map's layers\n-     * array.\n-     */\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n-            this.layer.setZIndex(index);\n-        } else {\n-            this.map.setLayerZIndex(this.layer,\n-                this.map.getLayerIndex(this.layer));\n-        }\n+            get_feature: {\n+                layer: \"\",\n+                query: {\n+                    isspatial: false,\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    buffer: 0,\n+                    where: \"\",\n+                    spatialfilter: {\n+                        relation: \"envelope_intersection\",\n+                        envelope: null\n+                    }\n+                }\n+            },\n+\n+            environment: {\n+                separators: {\n+                    cs: \" \",\n+                    ts: \";\"\n+                }\n+            },\n+\n+            layer: [],\n+            workspaces: []\n+        };\n+\n+        return OpenLayers.Util.extend(this, defaults);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n });\n \n-/**\n- * Constant: RESHAPE\n- * {Integer} Constant used to make the control work in reshape mode\n- */\n-OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n-/**\n- * Constant: RESIZE\n- * {Integer} Constant used to make the control work in resize mode\n- */\n-OpenLayers.Control.ModifyFeature.RESIZE = 2;\n-/**\n- * Constant: ROTATE\n- * {Integer} Constant used to make the control work in rotate mode\n- */\n-OpenLayers.Control.ModifyFeature.ROTATE = 4;\n-/**\n- * Constant: DRAG\n- * {Integer} Constant used to make the control work in drag mode\n- */\n-OpenLayers.Control.ModifyFeature.DRAG = 8;\n+OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            image: {\n+                envelope: null,\n+                output: ''\n+            },\n+\n+            features: {\n+                featurecount: 0,\n+                envelope: null,\n+                feature: []\n+            },\n+\n+            error: ''\n+        };\n+\n+        return OpenLayers.Util.extend(this, defaults);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/Graticule.js\n+    OpenLayers/Format/WCSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/StyleMap.js\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Graticule\n- * The Graticule displays a grid of latitude/longitude lines reprojected on\n- * the map.  \n+ * Class: OpenLayers.Format.WCSCapabilities\n+ * Read WCS Capabilities.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n- *  \n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.Graticule = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map. Default is\n-     *     true. \n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    autoActivate: true,\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * APIProperty: intervals\n-     * {Array(Float)} A list of possible graticule widths in degrees.\n+     * Constructor: OpenLayers.Format.WCSCapabilities\n+     * Create a new parser for WCS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    intervals: [45, 30, 20, 10, 5, 2, 1,\n-        0.5, 0.2, 0.1, 0.05, 0.01,\n-        0.005, 0.002, 0.001\n-    ],\n \n     /**\n-     * APIProperty: displayInLayerSwitcher\n-     * {Boolean} Allows the Graticule control to be switched on and off by \n-     *     LayerSwitcher control. Defaults is true.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return a list of coverages. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array} List of named coverages.\n      */\n-    displayInLayerSwitcher: true,\n \n-    /**\n-     * APIProperty: visible\n-     * {Boolean} should the graticule be initially visible (default=true)\n-     */\n-    visible: true,\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n \n-    /**\n-     * APIProperty: numPoints\n-     * {Integer} The number of points to use in each graticule line.  Higher\n-     * numbers result in a smoother curve for projected maps \n+});\n+/* ======================================================================\n+    OpenLayers/Format/GPX.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.GPX\n+ * Read/write GPX parser. Create a new instance with the \n+ *     <OpenLayers.Format.GPX> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n+\n+    /** \n+     * APIProperty: defaultDesc\n+     * {String} Default description for the waypoints/tracks in the case\n+     *     where the feature has no \"description\" attribute.\n+     *     Default is \"No description available\".\n      */\n-    numPoints: 50,\n+    defaultDesc: \"No description available\",\n \n     /**\n-     * APIProperty: targetSize\n-     * {Integer} The maximum size of the grid in pixels on the map\n+     * APIProperty: extractWaypoints\n+     * {Boolean} Extract waypoints from GPX. (default: true)\n      */\n-    targetSize: 200,\n+    extractWaypoints: true,\n \n     /**\n-     * APIProperty: layerName\n-     * {String} The name to be displayed in the layer switcher, default is set \n-     *     by {<OpenLayers.Lang>}.\n+     * APIProperty: extractTracks\n+     * {Boolean} Extract tracks from GPX. (default: true)\n      */\n-    layerName: null,\n+    extractTracks: true,\n \n     /**\n-     * APIProperty: labelled\n-     * {Boolean} Should the graticule lines be labelled?. default=true\n+     * APIProperty: extractRoutes\n+     * {Boolean} Extract routes from GPX. (default: true)\n      */\n-    labelled: true,\n+    extractRoutes: true,\n \n     /**\n-     * APIProperty: labelFormat\n-     * {String} the format of the labels, default = 'dm'. See\n-     * <OpenLayers.Util.getFormattedLonLat> for other options.\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract feature attributes from GPX. (default: true)\n+     *     NOTE: Attributes as part of extensions to the GPX standard may not\n+     *     be extracted.\n      */\n-    labelFormat: 'dm',\n+    extractAttributes: true,\n \n     /**\n-     * APIProperty: lineSymbolizer\n-     * {symbolizer} the symbolizer used to render lines\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    lineSymbolizer: {\n-        strokeColor: \"#333\",\n-        strokeWidth: 1,\n-        strokeOpacity: 0.5\n+    namespaces: {\n+        gpx: \"http://www.topografix.com/GPX/1/1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n \n     /**\n-     * APIProperty: labelSymbolizer\n-     * {symbolizer} the symbolizer used to render labels\n+     * Property: schemaLocation\n+     * {String} Schema location. Defaults to\n+     *  \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\"\n      */\n-    labelSymbolizer: {},\n+    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n \n     /**\n-     * Property: gratLayer\n-     * {<OpenLayers.Layer.Vector>} vector layer used to draw the graticule on\n+     * APIProperty: creator\n+     * {String} The creator attribute to be added to the written GPX files.\n+     * Defaults to \"OpenLayers\"\n      */\n-    gratLayer: null,\n+    creator: \"OpenLayers\",\n \n     /**\n-     * Constructor: OpenLayers.Control.Graticule\n-     * Create a new graticule control to display a grid of latitude longitude\n-     * lines.\n-     * \n+     * Constructor: OpenLayers.Format.GPX\n+     * Create a new parser for GPX.\n+     *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n     initialize: function(options) {\n-        options = options || {};\n-        options.layerName = options.layerName || OpenLayers.i18n(\"Graticule\");\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.labelSymbolizer.stroke = false;\n-        this.labelSymbolizer.fill = false;\n-        this.labelSymbolizer.label = \"${label}\";\n-        this.labelSymbolizer.labelAlign = \"${labelAlign}\";\n-        this.labelSymbolizer.labelXOffset = \"${xOffset}\";\n-        this.labelSymbolizer.labelYOffset = \"${yOffset}\";\n-    },\n+        // GPX coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n \n-    /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        if (this.gratLayer) {\n-            this.gratLayer.destroy();\n-            this.gratLayer = null;\n-        }\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: draw\n+     * APIMethod: read\n+     * Return a list of features from a GPX doc\n      *\n-     * initializes the graticule layer and does the initial update\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.gratLayer) {\n-            var gratStyle = new OpenLayers.Style({}, {\n-                rules: [new OpenLayers.Rule({\n-                    'symbolizer': {\n-                        \"Point\": this.labelSymbolizer,\n-                        \"Line\": this.lineSymbolizer\n-                    }\n-                })]\n-            });\n-            this.gratLayer = new OpenLayers.Layer.Vector(this.layerName, {\n-                styleMap: new OpenLayers.StyleMap({\n-                    'default': gratStyle\n-                }),\n-                visibility: this.visible,\n-                displayInLayerSwitcher: this.displayInLayerSwitcher\n-            });\n-        }\n-        return this.div;\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.addLayer(this.gratLayer);\n-            this.map.events.register('moveend', this, this.update);\n-            this.update();\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister('moveend', this, this.update);\n-            this.map.removeLayer(this.gratLayer);\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-    /**\n-     * Method: update\n+     * Parameters:\n+     * doc - {Element} \n      *\n-     * calculates the grid to be displayed and actually draws it\n-     * \n      * Returns:\n-     * {DOMElement}\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    update: function() {\n-        //wait for the map to be initialized before proceeding\n-        var mapBounds = this.map.getExtent();\n-        if (!mapBounds) {\n-            return;\n-        }\n-\n-        //clear out the old grid\n-        this.gratLayer.destroyFeatures();\n-\n-        //get the projection objects required\n-        var llProj = new OpenLayers.Projection(\"EPSG:4326\");\n-        var mapProj = this.map.getProjectionObject();\n-        var mapRes = this.map.getResolution();\n-\n-        //if the map is in lon/lat, then the lines are straight and only one\n-        //point is required\n-        if (mapProj.proj && mapProj.proj.projName == \"longlat\") {\n-            this.numPoints = 1;\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n         }\n+        var features = [];\n \n-        //get the map center in EPSG:4326\n-        var mapCenter = this.map.getCenter(); //lon and lat here are really map x and y\n-        var mapCenterLL = new OpenLayers.Pixel(mapCenter.lon, mapCenter.lat);\n-        OpenLayers.Projection.transform(mapCenterLL, mapProj, llProj);\n+        if (this.extractTracks) {\n+            var tracks = doc.getElementsByTagName(\"trk\");\n+            for (var i = 0, len = tracks.length; i < len; i++) {\n+                // Attributes are only in trk nodes, not trkseg nodes\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(tracks[i]);\n+                }\n \n-        /* This block of code determines the lon/lat interval to use for the\n-         * grid by calculating the diagonal size of one grid cell at the map\n-         * center.  Iterates through the intervals array until the diagonal\n-         * length is less than the targetSize option.\n-         */\n-        //find lat/lon interval that results in a grid of less than the target size\n-        var testSq = this.targetSize * mapRes;\n-        testSq *= testSq; //compare squares rather than doing a square root to save time\n-        var llInterval;\n-        for (var i = 0; i < this.intervals.length; ++i) {\n-            llInterval = this.intervals[i]; //could do this for both x and y??\n-            var delta = llInterval / 2;\n-            var p1 = mapCenterLL.offset({\n-                x: -delta,\n-                y: -delta\n-            }); //test coords in EPSG:4326 space\n-            var p2 = mapCenterLL.offset({\n-                x: delta,\n-                y: delta\n-            });\n-            OpenLayers.Projection.transform(p1, llProj, mapProj); // convert them back to map projection\n-            OpenLayers.Projection.transform(p2, llProj, mapProj);\n-            var distSq = (p1.x - p2.x) * (p1.x - p2.x) + (p1.y - p2.y) * (p1.y - p2.y);\n-            if (distSq <= testSq) {\n-                break;\n+                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n+                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n+                    // We don't yet support extraction of trkpt attributes\n+                    // All trksegs of a trk get that trk's attributes\n+                    var track = this.extractSegment(segs[j], \"trkpt\");\n+                    features.push(new OpenLayers.Feature.Vector(track, attrs));\n+                }\n             }\n         }\n-        //alert(llInterval);\n-\n-        //round the LL center to an even number based on the interval\n-        mapCenterLL.x = Math.floor(mapCenterLL.x / llInterval) * llInterval;\n-        mapCenterLL.y = Math.floor(mapCenterLL.y / llInterval) * llInterval;\n-        //TODO adjust for minutses/seconds?\n-\n-        /* The following 2 blocks calculate the nodes of the grid along a \n-         * line of constant longitude (then latitiude) running through the\n-         * center of the map until it reaches the map edge.  The calculation\n-         * goes from the center in both directions to the edge.\n-         */\n-        //get the central longitude line, increment the latitude\n-        var iter = 0;\n-        var centerLonPoints = [mapCenterLL.clone()];\n-        var newPoint = mapCenterLL.clone();\n-        var mapXY;\n-        do {\n-            newPoint = newPoint.offset({\n-                x: 0,\n-                y: llInterval\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLonPoints.unshift(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: 0,\n-                y: -llInterval\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLonPoints.push(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-\n-        //get the central latitude line, increment the longitude\n-        iter = 0;\n-        var centerLatPoints = [mapCenterLL.clone()];\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: -llInterval,\n-                y: 0\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLatPoints.unshift(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: llInterval,\n-                y: 0\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLatPoints.push(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n \n-        //now generate a line for each node in the central lat and lon lines\n-        //first loop over constant longitude\n-        var lines = [];\n-        for (var i = 0; i < centerLatPoints.length; ++i) {\n-            var lon = centerLatPoints[i].x;\n-            var pointList = [];\n-            var labelPoint = null;\n-            var latEnd = Math.min(centerLonPoints[0].y, 90);\n-            var latStart = Math.max(centerLonPoints[centerLonPoints.length - 1].y, -90);\n-            var latDelta = (latEnd - latStart) / this.numPoints;\n-            var lat = latStart;\n-            for (var j = 0; j <= this.numPoints; ++j) {\n-                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n-                gridPoint.transform(llProj, mapProj);\n-                pointList.push(gridPoint);\n-                lat += latDelta;\n-                if (gridPoint.y >= mapBounds.bottom && !labelPoint) {\n-                    labelPoint = gridPoint;\n+        if (this.extractRoutes) {\n+            var routes = doc.getElementsByTagName(\"rte\");\n+            for (var k = 0, klen = routes.length; k < klen; k++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(routes[k]);\n                 }\n+                var route = this.extractSegment(routes[k], \"rtept\");\n+                features.push(new OpenLayers.Feature.Vector(route, attrs));\n             }\n-            if (this.labelled) {\n-                //keep track of when this grid line crosses the map bounds to set\n-                //the label position\n-                //labels along the bottom, add 10 pixel offset up into the map\n-                //TODO add option for labels on top\n-                var labelPos = new OpenLayers.Geometry.Point(labelPoint.x, mapBounds.bottom);\n-                var labelAttrs = {\n-                    value: lon,\n-                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lon, \"lon\", this.labelFormat) : \"\",\n-                    labelAlign: \"cb\",\n-                    xOffset: 0,\n-                    yOffset: 2\n-                };\n-                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n-            }\n-            var geom = new OpenLayers.Geometry.LineString(pointList);\n-            lines.push(new OpenLayers.Feature.Vector(geom));\n         }\n \n-        //now draw the lines of constant latitude\n-        for (var j = 0; j < centerLonPoints.length; ++j) {\n-            lat = centerLonPoints[j].y;\n-            if (lat < -90 || lat > 90) { //latitudes only valid between -90 and 90\n-                continue;\n-            }\n-            var pointList = [];\n-            var lonStart = centerLatPoints[0].x;\n-            var lonEnd = centerLatPoints[centerLatPoints.length - 1].x;\n-            var lonDelta = (lonEnd - lonStart) / this.numPoints;\n-            var lon = lonStart;\n-            var labelPoint = null;\n-            for (var i = 0; i <= this.numPoints; ++i) {\n-                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n-                gridPoint.transform(llProj, mapProj);\n-                pointList.push(gridPoint);\n-                lon += lonDelta;\n-                if (gridPoint.x < mapBounds.right) {\n-                    labelPoint = gridPoint;\n+        if (this.extractWaypoints) {\n+            var waypoints = doc.getElementsByTagName(\"wpt\");\n+            for (var l = 0, len = waypoints.length; l < len; l++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(waypoints[l]);\n                 }\n+                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n+                features.push(new OpenLayers.Feature.Vector(wpt, attrs));\n             }\n-            if (this.labelled) {\n-                //keep track of when this grid line crosses the map bounds to set\n-                //the label position\n-                //labels along the right, 30 pixel offset left into the map\n-                //TODO add option for labels on left\n-                var labelPos = new OpenLayers.Geometry.Point(mapBounds.right, labelPoint.y);\n-                var labelAttrs = {\n-                    value: lat,\n-                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lat, \"lat\", this.labelFormat) : \"\",\n-                    labelAlign: \"rb\",\n-                    xOffset: -2,\n-                    yOffset: 2\n-                };\n-                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n-            }\n-            var geom = new OpenLayers.Geometry.LineString(pointList);\n-            lines.push(new OpenLayers.Feature.Vector(geom));\n         }\n-        this.gratLayer.addFeatures(lines);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Graticule\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/Zoom.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n \n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n- */\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var g = 0, featLength = features.length; g < featLength; g++) {\n+                features[g].geometry.transform(this.externalProjection,\n+                    this.internalProjection);\n+            }\n+        }\n \n-/**\n- * Class: OpenLayers.Control.Zoom\n- * The Zoom control is a pair of +/- links for zooming in and out.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n+        return features;\n+    },\n \n     /**\n-     * APIProperty: zoomInText\n-     * {String}\n-     * Text for zoom-in link.  Default is \"+\".\n+     * Method: extractSegment\n+     *\n+     * Parameters:\n+     * segment - {DOMElement} a trkseg or rte node to parse\n+     * segmentType - {String} nodeName of waypoints that form the line\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.LineString>} A linestring geometry\n      */\n-    zoomInText: \"+\",\n+    extractSegment: function(segment, segmentType) {\n+        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n+        var point_features = [];\n+        for (var i = 0, len = points.length; i < len; i++) {\n+            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")));\n+        }\n+        return new OpenLayers.Geometry.LineString(point_features);\n+    },\n \n     /**\n-     * APIProperty: zoomInId\n-     * {String}\n-     * Instead of having the control create a zoom in link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomInLink\" will be searched for\n-     *     and used if it exists.\n+     * Method: parseAttributes\n+     *\n+     * Parameters:\n+     * node - {<DOMElement>}\n+     *\n+     * Returns:\n+     * {Object} An attributes object.\n      */\n-    zoomInId: \"olZoomInLink\",\n+    parseAttributes: function(node) {\n+        // node is either a wpt, trk or rte\n+        // attributes are children of the form <attr>value</attr>\n+        var attributes = {};\n+        var attrNode = node.firstChild,\n+            value, name;\n+        while (attrNode) {\n+            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n+                value = attrNode.firstChild;\n+                if (value.nodeType == 3 || value.nodeType == 4) {\n+                    name = (attrNode.prefix) ?\n+                        attrNode.nodeName.split(\":\")[1] :\n+                        attrNode.nodeName;\n+                    if (name != \"trkseg\" && name != \"rtept\") {\n+                        attributes[name] = value.nodeValue;\n+                    }\n+                }\n+            }\n+            attrNode = attrNode.nextSibling;\n+        }\n+        return attributes;\n+    },\n \n     /**\n-     * APIProperty: zoomOutText\n-     * {String}\n-     * Text for zoom-out link.  Default is \"\\u2212\".\n+     * APIMethod: write\n+     * Accepts Feature Collection, and returns a string. \n+     * \n+     * Parameters: \n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n+     * metadata - {Object} A key/value pairs object to build a metadata node to\n+     *      add to the gpx. Supported keys are 'name', 'desc', 'author'.\n      */\n-    zoomOutText: \"\\u2212\",\n+    write: function(features, metadata) {\n+        features = OpenLayers.Util.isArray(features) ?\n+            features : [features];\n+        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n+        gpx.setAttribute(\"version\", \"1.1\");\n+        gpx.setAttribute(\"creator\", this.creator);\n+        this.setAttributes(gpx, {\n+            \"xsi:schemaLocation\": this.schemaLocation\n+        });\n \n-    /**\n-     * APIProperty: zoomOutId\n-     * {String}\n-     * Instead of having the control create a zoom out link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomOutLink\" will be searched for\n-     *     and used if it exists.\n-     */\n-    zoomOutId: \"olZoomOutLink\",\n+        if (metadata && typeof metadata == 'object') {\n+            gpx.appendChild(this.buildMetadataNode(metadata));\n+        }\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            gpx.appendChild(this.buildFeatureNode(features[i]));\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx]);\n+    },\n \n     /**\n-     * Method: draw\n+     * Method: buildMetadataNode\n+     * Creates a \"metadata\" node.\n      *\n      * Returns:\n-     * {DOMElement} A reference to the DOMElement containing the zoom links.\n+     * {DOMElement}\n      */\n-    draw: function() {\n-        var div = OpenLayers.Control.prototype.draw.apply(this),\n-            links = this.getOrCreateLinks(div),\n-            zoomIn = links.zoomIn,\n-            zoomOut = links.zoomOut,\n-            eventsInstance = this.map.events;\n-\n-        if (zoomOut.parentNode !== div) {\n-            eventsInstance = this.events;\n-            eventsInstance.attachToElement(zoomOut.parentNode);\n+    buildMetadataNode: function(metadata) {\n+        var types = ['name', 'desc', 'author'],\n+            node = this.createElementNS(this.namespaces.gpx, 'metadata');\n+        for (var i = 0; i < types.length; i++) {\n+            var type = types[i];\n+            if (metadata[type]) {\n+                var n = this.createElementNS(this.namespaces.gpx, type);\n+                n.appendChild(this.createTextNode(metadata[type]));\n+                node.appendChild(n);\n+            }\n         }\n-        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n-\n-        this.zoomInLink = zoomIn;\n-        this.zoomOutLink = zoomOut;\n-        return div;\n+        return node;\n     },\n \n     /**\n-     * Method: getOrCreateLinks\n+     * Method: buildFeatureNode\n+     * Accepts an <OpenLayers.Feature.Vector>, and builds a node for it.\n      * \n      * Parameters:\n-     * el - {DOMElement}\n+     * feature - {<OpenLayers.Feature.Vector>}\n      *\n-     * Return: \n-     * {Object} Object with zoomIn and zoomOut properties referencing links.\n+     * Returns:\n+     * {DOMElement} - The created node, either a 'wpt' or a 'trk'.\n      */\n-    getOrCreateLinks: function(el) {\n-        var zoomIn = document.getElementById(this.zoomInId),\n-            zoomOut = document.getElementById(this.zoomOutId);\n-        if (!zoomIn) {\n-            zoomIn = document.createElement(\"a\");\n-            zoomIn.href = \"#zoomIn\";\n-            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n-            zoomIn.className = \"olControlZoomIn\";\n-            el.appendChild(zoomIn);\n+    buildFeatureNode: function(feature) {\n+        var geometry = feature.geometry;\n+        geometry = geometry.clone();\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.internalProjection,\n+                this.externalProjection);\n         }\n-        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n-        if (!zoomOut) {\n-            zoomOut = document.createElement(\"a\");\n-            zoomOut.href = \"#zoomOut\";\n-            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n-            zoomOut.className = \"olControlZoomOut\";\n-            el.appendChild(zoomOut);\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            var wpt = this.buildWptNode(geometry);\n+            this.appendAttributesNode(wpt, feature);\n+            return wpt;\n+        } else {\n+            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n+            this.appendAttributesNode(trkNode, feature);\n+            var trkSegNodes = this.buildTrkSegNode(geometry);\n+            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ?\n+                trkSegNodes : [trkSegNodes];\n+            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n+                trkNode.appendChild(trkSegNodes[i]);\n+            }\n+            return trkNode;\n         }\n-        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n-        return {\n-            zoomIn: zoomIn,\n-            zoomOut: zoomOut\n-        };\n     },\n \n     /**\n-     * Method: onZoomClick\n-     * Called when zoomin/out link is clicked.\n+     * Method: buildTrkSegNode\n+     * Builds trkseg node(s) given a geometry\n+     *\n+     * Parameters:\n+     * trknode\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    onZoomClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.zoomInLink) {\n-            this.map.zoomIn();\n-        } else if (button === this.zoomOutLink) {\n-            this.map.zoomOut();\n+    buildTrkSegNode: function(geometry) {\n+        var node,\n+            i,\n+            len,\n+            point,\n+            nodes;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n+            geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                point = geometry.components[i];\n+                node.appendChild(this.buildTrkPtNode(point));\n+            }\n+            return node;\n+        } else {\n+            nodes = [];\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                nodes.push(this.buildTrkSegNode(geometry.components[i]));\n+            }\n+            return nodes;\n         }\n     },\n \n-    /** \n-     * Method: destroy\n-     * Clean up.\n+    /**\n+     * Method: buildTrkPtNode\n+     * Builds a trkpt node given a point \n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns:\n+     * {DOMElement} A trkpt node\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n-        }\n-        delete this.zoomInLink;\n-        delete this.zoomOutLink;\n-        OpenLayers.Control.prototype.destroy.apply(this);\n+    buildTrkPtNode: function(point) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n+        node.setAttribute(\"lon\", point.x);\n+        node.setAttribute(\"lat\", point.y);\n+        return node;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n+    /**\n+     * Method: buildWptNode\n+     * Builds a wpt node given a point\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns:\n+     * {DOMElement} A wpt node\n+     */\n+    buildWptNode: function(geometry) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n+        node.setAttribute(\"lon\", geometry.x);\n+        node.setAttribute(\"lat\", geometry.y);\n+        return node;\n+    },\n+\n+    /**\n+     * Method: appendAttributesNode\n+     * Adds some attributes node.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} the node to append the attribute nodes to.\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     */\n+    appendAttributesNode: function(node, feature) {\n+        var name = this.createElementNS(this.namespaces.gpx, 'name');\n+        name.appendChild(this.createTextNode(\n+            feature.attributes.name || feature.id));\n+        node.appendChild(name);\n+        var desc = this.createElementNS(this.namespaces.gpx, 'desc');\n+        desc.appendChild(this.createTextNode(\n+            feature.attributes.description || this.defaultDesc));\n+        node.appendChild(desc);\n+        // TBD - deal with remaining (non name/description) attributes.\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.GPX\"\n });\n /* ======================================================================\n-    OpenLayers/Control/ZoomToMaxExtent.js\n+    OpenLayers/Format/CSWGetDomain.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Button.js\n+ * @requires OpenLayers/Format.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomToMaxExtent \n- * The ZoomToMaxExtent control is a button that zooms out to the maximum\n- * extent of the map. It is designed to be used with a \n- * <OpenLayers.Control.Panel>.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n+ * Class: OpenLayers.Format.CSWGetDomain\n+ * Default version is 2.0.2.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Format>} A CSWGetDomain format of the given version.\n  */\n-OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n-\n-    /**\n-     * Method: trigger\n-     * \n-     * Called whenever this control is being rendered inside of a panel and a \n-     *     click occurs on this controls element. Actually zooms to the maximum\n-     *     extent of this controls map.\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomToMaxExtent();\n-        }\n-    },\n+OpenLayers.Format.CSWGetDomain = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Format.CSWGetDomain.DEFAULTS\n+    );\n+    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetDomain version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n-});\n+/**\n+ * Constant: DEFAULTS\n+ * {Object} Default properties for the CSWGetDomain format.\n+ */\n+OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n+    \"version\": \"2.0.2\"\n+};\n /* ======================================================================\n-    OpenLayers/Control/ZoomPanel.js\n+    OpenLayers/Format/WPSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/ZoomIn.js\n- * @requires OpenLayers/Control/ZoomOut.js\n- * @requires OpenLayers/Control/ZoomToMaxExtent.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomPanel\n- * The ZoomPanel control is a compact collecton of 3 zoom controls: a \n- * <OpenLayers.Control.ZoomIn>, a <OpenLayers.Control.ZoomToMaxExtent>, and a\n- * <OpenLayers.Control.ZoomOut>. By default it is drawn in the upper left \n- * corner of the map.\n- *\n- * Note: \n- * If you wish to use this class with the default images and you want \n- *       it to look nice in ie6, you should add the following, conditionally\n- *       added css stylesheet to your HTML file:\n- * \n- * (code)\n- * <!--[if lte IE 6]>\n- *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n- * <![endif]-->\n- * (end)\n+ * Class: OpenLayers.Format.WPSCapabilities\n+ * Read WPS Capabilities.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Control.Panel>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Constructor: OpenLayers.Control.ZoomPanel \n-     * Add the three zooming controls.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n+     */\n+    defaultVersion: \"1.0.0\",\n+\n+    /**\n+     * Constructor: OpenLayers.Format.WPSCapabilities\n+     * Create a new parser for WPS Capabilities.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([\n-            new OpenLayers.Control.ZoomIn(),\n-            new OpenLayers.Control.ZoomToMaxExtent(),\n-            new OpenLayers.Control.ZoomOut()\n-        ]);\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n+    /**\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return information about\n+     * the service.\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Object} Info about the WPS\n+     */\n+\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/PanZoomBar.js\n+    OpenLayers/Format/WFS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control/PanZoom.js\n+ * @requires OpenLayers/Format/GML.js\n+ * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Control.PanZoomBar\n- * The PanZoomBar is a visible control composed of a\n- * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomBar>. \n- * By default it is displayed in the upper left corner of the map as 4\n- * directional arrows above a vertical slider.\n+ * Class: OpenLayers.Format.WFS\n+ * Read/Write WFS. \n  *\n  * Inherits from:\n- *  - <OpenLayers.Control.PanZoom>\n+ *  - <OpenLayers.Format.GML>\n  */\n-OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n-\n-    /** \n-     * APIProperty: zoomStopWidth\n-     */\n-    zoomStopWidth: 18,\n-\n-    /** \n-     * APIProperty: zoomStopHeight\n-     */\n-    zoomStopHeight: 11,\n-\n-    /** \n-     * Property: slider\n-     */\n-    slider: null,\n-\n-    /** \n-     * Property: sliderEvents\n-     * {<OpenLayers.Events>}\n-     */\n-    sliderEvents: null,\n-\n-    /** \n-     * Property: zoombarDiv\n-     * {DOMElement}\n-     */\n-    zoombarDiv: null,\n+OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n \n     /** \n-     * APIProperty: zoomWorldIcon\n-     * {Boolean}\n-     */\n-    zoomWorldIcon: false,\n-\n-    /**\n-     * APIProperty: panIcons\n-     * {Boolean} Set this property to false not to display the pan icons. If\n-     * false the zoom world icon is placed under the zoom bar. Defaults to\n-     * true.\n-     */\n-    panIcons: true,\n-\n-    /**\n-     * APIProperty: forceFixedZoomLevel\n-     * {Boolean} Force a fixed zoom level even though the map has \n-     *     fractionalZoom\n-     */\n-    forceFixedZoomLevel: false,\n-\n-    /**\n-     * Property: mouseDragStart\n-     * {<OpenLayers.Pixel>}\n+     * Property: layer\n+     * {<OpenLayers.Layer>}\n      */\n-    mouseDragStart: null,\n+    layer: null,\n \n     /**\n-     * Property: deltaY\n-     * {Number} The cumulative vertical pixel offset during a zoom bar drag.\n+     * APIProperty: wfsns\n+     * {String}\n      */\n-    deltaY: null,\n+    wfsns: \"http://www.opengis.net/wfs\",\n \n     /**\n-     * Property: zoomStart\n-     * {<OpenLayers.Pixel>}\n+     * Property: ogcns\n+     * {String}\n      */\n-    zoomStart: null,\n+    ogcns: \"http://www.opengis.net/ogc\",\n \n     /**\n-     * Constructor: OpenLayers.Control.PanZoomBar\n+     * Constructor: OpenLayers.Format.WFS\n+     * Create a WFS-T formatter. This requires a layer: that layer should\n+     * have two properties: geometry_column and typename. The parser\n+     * for this format is subclassed entirely from GML: There is a writer \n+     * only, which uses most of the code from the GML layer, and wraps\n+     * it in transactional elements.\n+     * \n+     * Parameters: \n+     * options - {Object} \n+     * layer - {<OpenLayers.Layer>} \n      */\n+    initialize: function(options, layer) {\n+        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        if (this.layer.featureNS) {\n+            this.featureNS = this.layer.featureNS;\n+        }\n+        if (this.layer.options.geometry_column) {\n+            this.geometryName = this.layer.options.geometry_column;\n+        }\n+        if (this.layer.options.typename) {\n+            this.featureName = this.layer.options.typename;\n+        }\n+    },\n \n     /**\n-     * APIMethod: destroy\n+     * Method: write \n+     * Takes a feature list, and generates a WFS-T Transaction \n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n      */\n-    destroy: function() {\n-\n-        this._removeZoomBar();\n-\n-        this.map.events.un({\n-            \"changebaselayer\": this.redraw,\n-            \"updatesize\": this.redraw,\n-            scope: this\n-        });\n+    write: function(features) {\n \n-        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n+        var transaction = this.createElementNS(this.wfsns, 'wfs:Transaction');\n+        transaction.setAttribute(\"version\", \"1.0.0\");\n+        transaction.setAttribute(\"service\", \"WFS\");\n+        for (var i = 0; i < features.length; i++) {\n+            switch (features[i].state) {\n+                case OpenLayers.State.INSERT:\n+                    transaction.appendChild(this.insert(features[i]));\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                    transaction.appendChild(this.update(features[i]));\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    transaction.appendChild(this.remove(features[i]));\n+                    break;\n+            }\n+        }\n \n-        delete this.mouseDragStart;\n-        delete this.zoomStart;\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction]);\n     },\n \n     /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * Method: createFeatureXML\n+     *\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            \"changebaselayer\": this.redraw,\n-            \"updatesize\": this.redraw,\n-            scope: this\n-        });\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n+        geomContainer.appendChild(geometryNode);\n+        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n+        featureContainer.appendChild(geomContainer);\n+        for (var attr in feature.attributes) {\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1];\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureContainer.appendChild(attrContainer);\n+        }\n+        return featureContainer;\n     },\n \n-    /** \n-     * Method: redraw\n-     * clear the div and start over.\n+    /**\n+     * Method: insert \n+     * Takes a feature, and generates a WFS-T Transaction \"Insert\" \n+     *\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    redraw: function() {\n-        if (this.div != null) {\n-            this.removeButtons();\n-            this._removeZoomBar();\n-        }\n-        this.draw();\n+    insert: function(feature) {\n+        var insertNode = this.createElementNS(this.wfsns, 'wfs:Insert');\n+        insertNode.appendChild(this.createFeatureXML(feature));\n+        return insertNode;\n     },\n \n     /**\n-     * Method: draw \n+     * Method: update\n+     * Takes a feature, and generates a WFS-T Transaction \"Update\" \n      *\n      * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    draw: function(px) {\n-        // initialize our internal div\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position.clone();\n+    update: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+        }\n+        var updateNode = this.createElementNS(this.wfsns, 'wfs:Update');\n+        updateNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n+        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n \n-        // place the controls\n-        this.buttons = [];\n+        var propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n+        var nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n \n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        if (this.panIcons) {\n-            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-            var wposition = sz.w;\n+        var txtNode = this.createTextNode(this.geometryName);\n+        nameNode.appendChild(txtNode);\n+        propertyNode.appendChild(nameNode);\n \n-            if (this.zoomWorldIcon) {\n-                centered = new OpenLayers.Pixel(px.x + sz.w, px.y);\n-            }\n+        var valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n \n-            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-            px.y = centered.y + sz.h;\n-            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-            if (this.zoomWorldIcon) {\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n \n-                wposition *= 2;\n-            }\n-            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n-            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-        } else {\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n-            centered = this._addZoomBar(px.add(0, sz.h));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-            if (this.zoomWorldIcon) {\n-                centered = centered.add(0, sz.h + 3);\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz);\n-            }\n+        if (feature.layer) {\n+            geometryNode.setAttribute(\n+                \"srsName\", feature.layer.projection.getCode()\n+            );\n         }\n-        return this.div;\n-    },\n-\n-    /** \n-     * Method: _addZoomBar\n-     * \n-     * Parameters:\n-     * centered - {<OpenLayers.Pixel>} where zoombar drawing is to start.\n-     */\n-    _addZoomBar: function(centered) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n-        var id = this.id + \"_\" + this.map.id;\n-        var minZoom = this.map.getMinZoom();\n-        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n-        var slider = OpenLayers.Util.createAlphaImageDiv(id,\n-            centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n-                w: 20,\n-                h: 9\n-            },\n-            imgLocation,\n-            \"absolute\");\n-        slider.style.cursor = \"move\";\n-        this.slider = slider;\n \n-        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n-            includeXY: true\n-        });\n-        this.sliderEvents.on({\n-            \"touchstart\": this.zoomBarDown,\n-            \"touchmove\": this.zoomBarDrag,\n-            \"touchend\": this.zoomBarUp,\n-            \"mousedown\": this.zoomBarDown,\n-            \"mousemove\": this.zoomBarDrag,\n-            \"mouseup\": this.zoomBarUp\n-        });\n+        valueNode.appendChild(geometryNode);\n \n-        var sz = {\n-            w: this.zoomStopWidth,\n-            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n-        };\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n-        var div = null;\n+        propertyNode.appendChild(valueNode);\n+        updateNode.appendChild(propertyNode);\n \n-        if (OpenLayers.Util.alphaHack()) {\n-            var id = this.id + \"_\" + this.map.id;\n-            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n-                    w: sz.w,\n-                    h: this.zoomStopHeight\n-                },\n-                imgLocation,\n-                \"absolute\", null, \"crop\");\n-            div.style.height = sz.h + \"px\";\n-        } else {\n-            div = OpenLayers.Util.createDiv(\n-                'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id,\n-                centered,\n-                sz,\n-                imgLocation);\n+        // add in attributes\n+        for (var propName in feature.attributes) {\n+            propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n+            nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n+            nameNode.appendChild(this.createTextNode(propName));\n+            propertyNode.appendChild(nameNode);\n+            valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n+            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n+            propertyNode.appendChild(valueNode);\n+            updateNode.appendChild(propertyNode);\n         }\n-        div.style.cursor = \"pointer\";\n-        div.className = \"olButton\";\n-        this.zoombarDiv = div;\n-\n-        this.div.appendChild(div);\n-\n-        this.startTop = parseInt(div.style.top);\n-        this.div.appendChild(slider);\n \n-        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n-\n-        centered = centered.add(0,\n-            this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n-        return centered;\n-    },\n-\n-    /**\n-     * Method: _removeZoomBar\n-     */\n-    _removeZoomBar: function() {\n-        this.sliderEvents.un({\n-            \"touchstart\": this.zoomBarDown,\n-            \"touchmove\": this.zoomBarDrag,\n-            \"touchend\": this.zoomBarUp,\n-            \"mousedown\": this.zoomBarDown,\n-            \"mousemove\": this.zoomBarDrag,\n-            \"mouseup\": this.zoomBarUp\n-        });\n-        this.sliderEvents.destroy();\n \n-        this.div.removeChild(this.zoombarDiv);\n-        this.zoombarDiv = null;\n-        this.div.removeChild(this.slider);\n-        this.slider = null;\n+        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n+        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        updateNode.appendChild(filterNode);\n \n-        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar);\n+        return updateNode;\n     },\n \n     /**\n-     * Method: onButtonClick\n+     * Method: remove \n+     * Takes a feature, and generates a WFS-T Transaction \"Delete\" \n      *\n      * Parameters:\n-     * evt - {Event}\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    onButtonClick: function(evt) {\n-        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n-        if (evt.buttonElement === this.zoombarDiv) {\n-            var levels = evt.buttonXY.y / this.zoomStopHeight;\n-            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n-                levels = Math.floor(levels);\n-            }\n-            var zoom = (this.map.getNumZoomLevels() - 1) - levels;\n-            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n-            this.map.zoomTo(zoom);\n+    remove: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+            return false;\n         }\n+        var deleteNode = this.createElementNS(this.wfsns, 'wfs:Delete');\n+        deleteNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n+        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+\n+        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n+        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        deleteNode.appendChild(filterNode);\n+\n+        return deleteNode;\n     },\n \n     /**\n-     * Method: passEventToSlider\n-     * This function is used to pass events that happen on the div, or the map,\n-     * through to the slider, which then does its moving thing.\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+     * APIMethod: destroy\n+     * Remove ciruclar ref to layer \n      */\n-    passEventToSlider: function(evt) {\n-        this.sliderEvents.handleBrowserEvent(evt);\n+    destroy: function() {\n+        this.layer = null;\n     },\n \n-    /*\n-     * Method: zoomBarDown\n-     * event listener for clicks on the slider\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarDown: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n-            return;\n-        }\n-        this.map.events.on({\n-            \"touchmove\": this.passEventToSlider,\n-            \"mousemove\": this.passEventToSlider,\n-            \"mouseup\": this.passEventToSlider,\n-            scope: this\n-        });\n-        this.mouseDragStart = evt.xy.clone();\n-        this.zoomStart = evt.xy.clone();\n-        this.div.style.cursor = \"move\";\n-        // reset the div offsets just in case the div moved\n-        this.zoombarDiv.offsets = null;\n-        OpenLayers.Event.stop(evt);\n-    },\n+    CLASS_NAME: \"OpenLayers.Format.WFS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/CSWGetRecords.js\n+   ====================================================================== */\n \n-    /*\n-     * Method: zoomBarDrag\n-     * This is what happens when a click has occurred, and the client is\n-     * dragging.  Here we must ensure that the slider doesn't go beyond the\n-     * bottom/top of the zoombar div, as well as moving the slider to its new\n-     * visual location\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarDrag: function(evt) {\n-        if (this.mouseDragStart != null) {\n-            var deltaY = this.mouseDragStart.y - evt.xy.y;\n-            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n-            if ((evt.clientY - offsets[1]) > 0 &&\n-                (evt.clientY - offsets[1]) < parseInt(this.zoombarDiv.style.height) - 2) {\n-                var newTop = parseInt(this.slider.style.top) - deltaY;\n-                this.slider.style.top = newTop + \"px\";\n-                this.mouseDragStart = evt.xy.clone();\n-            }\n-            // set cumulative displacement\n-            this.deltaY = this.zoomStart.y - evt.xy.y;\n-            OpenLayers.Event.stop(evt);\n-        }\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /*\n-     * Method: zoomBarUp\n-     * Perform cleanup when a mouseup event is received -- discover new zoom\n-     * level and switch to it.\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarUp: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n-            return;\n-        }\n-        if (this.mouseDragStart) {\n-            this.div.style.cursor = \"\";\n-            this.map.events.un({\n-                \"touchmove\": this.passEventToSlider,\n-                \"mouseup\": this.passEventToSlider,\n-                \"mousemove\": this.passEventToSlider,\n-                scope: this\n-            });\n-            var zoomLevel = this.map.zoom;\n-            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.min(Math.max(zoomLevel, 0),\n-                    this.map.getNumZoomLevels() - 1);\n-            } else {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.max(Math.round(zoomLevel), 0);\n-            }\n-            this.map.zoomTo(zoomLevel);\n-            this.mouseDragStart = null;\n-            this.zoomStart = null;\n-            this.deltaY = 0;\n-            OpenLayers.Event.stop(evt);\n-        }\n-    },\n+/**\n+ * @requires OpenLayers/Format.js\n+ */\n \n-    /*\n-     * Method: moveZoomBar\n-     * Change the location of the slider to match the current zoom level.\n-     */\n-    moveZoomBar: function() {\n-        var newTop =\n-            ((this.map.getNumZoomLevels() - 1) - this.map.getZoom()) *\n-            this.zoomStopHeight + this.startTop + 1;\n-        this.slider.style.top = newTop + \"px\";\n-    },\n+/**\n+ * Class: OpenLayers.Format.CSWGetRecords\n+ * Default version is 2.0.2.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Format>} A CSWGetRecords format of the given version.\n+ */\n+OpenLayers.Format.CSWGetRecords = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Format.CSWGetRecords.DEFAULTS\n+    );\n+    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetRecords version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n \n-    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n-});\n+/**\n+ * Constant: DEFAULTS\n+ * {Object} Default properties for the CSWGetRecords format.\n+ */\n+OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n+    \"version\": \"2.0.2\"\n+};\n /* ======================================================================\n-    OpenLayers/Control/GetFeature.js\n+    OpenLayers/Format/WMSDescribeLayer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Handler/Box.js\n- * @requires OpenLayers/Handler/Hover.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.GetFeature\n- * Gets vector features for locations underneath the mouse cursor. Can be\n- *     configured to act on click, hover or dragged boxes. Uses an\n- *     <OpenLayers.Protocol> that supports spatial filters to retrieve\n- *     features from a server and fires events that notify applications of the\n- *     selected features. \n- *\n+ * Class: OpenLayers.Format.WMSDescribeLayer\n+ * Read SLD WMS DescribeLayer response\n+ * DescribeLayer is meant to couple WMS to WFS and WCS\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: protocol\n-     * {<OpenLayers.Protocol>} Required. The protocol used for fetching\n-     *     features.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n      */\n-    protocol: null,\n+    defaultVersion: \"1.1.1\",\n \n     /**\n-     * APIProperty: multipleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <multiple> property to true.  Default is null.\n+     * Constructor: OpenLayers.Format.WMSDescribeLayer\n+     * Create a new parser for WMS DescribeLayer responses.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    multipleKey: null,\n \n     /**\n-     * APIProperty: toggleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <toggle> property to true.  Default is null.\n+     * APIMethod: read\n+     * Read DescribeLayer data from a string, and return the response. \n+     * The OGC currently defines 2 formats which are allowed for output,\n+     * so we need to parse these 2 types\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array} Array of {<LayerDescription>} objects which have:\n+     * - {String} owsType: WFS/WCS\n+     * - {String} owsURL: the online resource\n+     * - {String} typeName: the name of the typename on the service\n      */\n-    toggleKey: null,\n \n-    /**\n-     * Property: modifiers\n-     * {Object} The event modifiers to use, according to the current event\n-     *     being handled by this control's handlers\n-     */\n-    modifiers: null,\n+    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n \n-    /**\n-     * APIProperty: multiple\n-     * {Boolean} Allow selection of multiple geometries.  Default is false.\n-     */\n-    multiple: false,\n+});\n+/* ======================================================================\n+    OpenLayers/Format/SOSCapabilities.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: click\n-     * {Boolean} Use a click handler for selecting/unselecting features. If\n-     *     both <click> and <box> are set to true, the click handler takes\n-     *     precedence over the box handler if a box with zero extent was\n-     *     selected.  Default is true.\n-     */\n-    click: true,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: single\n-     * {Boolean} Tells whether select by click should select a single\n-     *     feature. If set to false, all matching features are selected.\n-     *     If set to true, only the best matching feature is selected.\n-     *     This option has an effect only of the <click> option is set\n-     *     to true. Default is true.\n-     */\n-    single: true,\n+/**\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ */\n \n-    /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Applies only if <click> is true.  Default is true.\n-     */\n-    clickout: true,\n+/**\n+ * Class: OpenLayers.Format.SOSCapabilities\n+ * Read SOS Capabilities.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n+ */\n+OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.  Applies only if\n-     *     <click> is true.  Default is false.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    toggle: false,\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * APIProperty: clickTolerance\n-     * {Integer} Tolerance for the filter query in pixels. This has the\n-     *     same effect as the tolerance parameter on WMS GetFeatureInfo\n-     *     requests.  Will be ignored for box selections.  Applies only if\n-     *     <click> or <hover> is true.  Default is 5.  Note that this not\n-     *     only affects requests on click, but also on hover.\n+     * Constructor: OpenLayers.Format.SOSCapabilities\n+     * Create a new parser for SOS Capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    clickTolerance: 5,\n \n     /**\n-     * APIProperty: hover\n-     * {Boolean} Send feature requests on mouse moves.  Default is false.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return information about\n+     * the service (offering and observedProperty mostly).\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Object} Info about the SOS\n      */\n-    hover: false,\n \n-    /**\n-     * APIProperty: box\n-     * {Boolean} Allow feature selection by drawing a box. If set to\n-     *     true set <click> to false to disable the click handler and\n-     *     rely on the box handler only, even for \"zero extent\" boxes.\n-     *     See the description of the <click> option for additional\n-     *     information.  Default is false.\n-     */\n-    box: false,\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n \n-    /**\n-     * APIProperty: maxFeatures\n-     * {Integer} Maximum number of features to return from a query in single mode\n-     *     if supported by the <protocol>. This set of features is then used to\n-     *     determine the best match client-side. Default is 10.\n-     */\n-    maxFeatures: 10,\n+});\n+/* ======================================================================\n+    OpenLayers/Format/XLS.js\n+   ====================================================================== */\n \n-    /**\n-     * Property: features\n-     * {Object} Hash of {<OpenLayers.Feature.Vector>}, keyed by fid, holding\n-     *     the currently selected features\n-     */\n-    features: null,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Proeprty: hoverFeature\n-     * {<OpenLayers.Feature.Vector>} The feature currently selected by the\n-     *     hover handler\n-     */\n-    hoverFeature: null,\n+/**\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ */\n \n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Additional options for the handlers used by this control. This\n-     *     is a hash with the keys \"click\", \"box\" and \"hover\".\n-     */\n+/**\n+ * Class: OpenLayers.Format.XLS\n+ * Read/Write XLS (OpenLS). Create a new instance with the <OpenLayers.Format.XLS>\n+ *     constructor. Currently only implemented for Location Utility Services, more\n+ *     specifically only for Geocoding. No support for Reverse Geocoding as yet.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n+ */\n+OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: handlers\n-     * {Object} Object with references to multiple <OpenLayers.Handler>\n-     *     instances.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    handlers: null,\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * Property: hoverResponse\n-     * {<OpenLayers.Protocol.Response>} The response object associated with\n-     *     the currently running hover request (if any).\n+     * APIProperty: stringifyOutput\n+     * {Boolean} If true, write will return a string otherwise a DOMElement.\n+     * Default is true.\n      */\n-    hoverResponse: null,\n+    stringifyOutput: true,\n \n     /**\n-     * Property: filterType\n-     * {<String>} The type of filter to use when sending off a request. \n-     *     Possible values: \n-     *     OpenLayers.Filter.Spatial.<BBOX|INTERSECTS|WITHIN|CONTAINS>\n-     *     Defaults to: OpenLayers.Filter.Spatial.BBOX\n+     * Constructor: OpenLayers.Format.XLS\n+     * Create a new parser for XLS.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    filterType: OpenLayers.Filter.Spatial.BBOX,\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n+    /**\n+     * APIMethod: write\n+     * Write out an XLS request.\n      *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n+     * Parameters:\n+     * request - {Object} An object representing the LUS request.\n+     * options - {Object} Optional configuration object.\n      *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforefeatureselected - Triggered when <click> is true before a\n-     *      feature is selected. The event object has a feature property with\n-     *      the feature about to select\n-     * featureselected - Triggered when <click> is true and a feature is\n-     *      selected. The event object has a feature property with the\n-     *      selected feature\n-     * beforefeaturesselected - Triggered when <click> is true before a\n-     *      set of features is selected. The event object is an array of\n-     *      feature properties with the features about to be selected.  \n-     *      Return false after receiving this event to discontinue processing\n-     *      of all featureselected events and the featuresselected event.\n-     * featuresselected - Triggered when <click> is true and a set of\n-     *      features is selected.  The event object is an array of feature\n-     *      properties of the selected features\n-     * featureunselected - Triggered when <click> is true and a feature is\n-     *      unselected. The event object has a feature property with the\n-     *      unselected feature\n-     * clickout - Triggered when when <click> is true and no feature was\n-     *      selected.\n-     * hoverfeature - Triggered when <hover> is true and the mouse has\n-     *      stopped over a feature\n-     * outfeature - Triggered when <hover> is true and the mouse moves\n-     *      moved away from a hover-selected feature\n+     * Returns:\n+     * {String} An XLS document string.\n      */\n \n     /**\n-     * Constructor: OpenLayers.Control.GetFeature\n-     * Create a new control for fetching remote features.\n+     * APIMethod: read\n+     * Read an XLS doc and return an object representing the result.\n      *\n      * Parameters:\n-     * options - {Object} A configuration object which at least has to contain\n-     *     a <protocol> property (if not, it has to be set before a request is\n-     *     made)\n+     * data - {String | DOMElement} Data to read.\n+     * options - {Object} Options for the reader.\n+     *\n+     * Returns:\n+     * {Object} An object representing the GeocodeResponse.\n      */\n-    initialize: function(options) {\n-        options.handlerOptions = options.handlerOptions || {};\n-\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n \n-        this.features = {};\n+    CLASS_NAME: \"OpenLayers.Format.XLS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/SOSGetFeatureOfInterest.js\n+   ====================================================================== */\n \n-        this.handlers = {};\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        if (this.click) {\n-            this.handlers.click = new OpenLayers.Handler.Click(this, {\n-                click: this.selectClick\n-            }, this.handlerOptions.click || {});\n-        }\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/GML/v3.js\n+ */\n \n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(\n-                this, {\n-                    done: this.selectBox\n-                },\n-                OpenLayers.Util.extend(this.handlerOptions.box, {\n-                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n-                })\n-            );\n-        }\n+/**\n+ * Class: OpenLayers.Format.SOSGetFeatureOfInterest\n+ * Read and write SOS GetFeatureOfInterest. This is used to get to\n+ * the location of the features (stations). The stations can have 1 or more\n+ * sensors.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-        if (this.hover) {\n-            this.handlers.hover = new OpenLayers.Handler.Hover(\n-                this, {\n-                    'move': this.cancelHover,\n-                    'pause': this.selectHover\n-                },\n-                OpenLayers.Util.extend(this.handlerOptions.hover, {\n-                    'delay': 250,\n-                    'pixelTolerance': 2\n-                })\n-            );\n-        }\n-    },\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n \n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].activate();\n-            }\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(\n-            this, arguments\n-        );\n-    },\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            sos: \"http://www.opengis.net/sos/1.0\",\n+            gml: \"http://www.opengis.net/gml\",\n+            sa: \"http://www.opengis.net/sampling/1.0\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+        },\n \n-    /**\n-     * Method: deactivate\n-     * Deactivates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].deactivate();\n-            }\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n-    },\n+        /**\n+         * Property: schemaLocation\n+         * {String} Schema location\n+         */\n+        schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n \n-    /**\n-     * Method: selectClick\n-     * Called on click\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    selectClick: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"sos\",\n \n-        this.setModifiers(evt);\n-        this.request(bounds, {\n-            single: this.single\n-        });\n-    },\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n \n-    /**\n-     * Method: selectBox\n-     * Callback from the handlers.box set up when <box> selection is on\n-     *\n-     * Parameters:\n-     * position - {<OpenLayers.Bounds>|Object} An OpenLayers.Bounds or\n-     * an object with a 'left', 'bottom', 'right' and 'top' properties.\n-     */\n-    selectBox: function(position) {\n-        var bounds;\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            bounds = new OpenLayers.Bounds(\n-                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n-            );\n+        /**\n+         * Constructor: OpenLayers.Format.SOSGetFeatureOfInterest\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-        } else {\n-            if (this.click) {\n-                // box without extent - let the click handler take care of it\n-                return;\n+        /**\n+         * APIMethod: read\n+         * Parse a GetFeatureOfInterest response and return an array of features\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Array(<OpenLayers.Feature.Vector>)} An array of features. \n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n             }\n-            bounds = this.pixelToBounds(position);\n-        }\n-        this.setModifiers(this.handlers.box.dragHandler.evt);\n-        this.request(bounds);\n-    },\n-\n-    /**\n-     * Method: selectHover\n-     * Callback from the handlers.hover set up when <hover> selection is on\n-     *\n-     * Parameters:\n-     * evt - {Object} event object with an xy property\n-     */\n-    selectHover: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n-        this.request(bounds, {\n-            single: true,\n-            hover: true\n-        });\n-    },\n-\n-    /**\n-     * Method: cancelHover\n-     * Callback from the handlers.hover set up when <hover> selection is on\n-     */\n-    cancelHover: function() {\n-        if (this.hoverResponse) {\n-            this.protocol.abort(this.hoverResponse);\n-            this.hoverResponse = null;\n-\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-        }\n-    },\n \n-    /**\n-     * Method: request\n-     * Sends a GetFeature request to the WFS\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} bounds for the request's BBOX filter\n-     * options - {Object} additional options for this method.\n-     * \n-     * Supported options include:\n-     * single - {Boolean} A single feature should be returned.\n-     *     Note that this will be ignored if the protocol does not\n-     *     return the geometries of the features.\n-     * hover - {Boolean} Do the request for the hover handler.\n-     */\n-    request: function(bounds, options) {\n-        options = options || {};\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: this.filterType,\n-            value: bounds\n-        });\n+            var info = {\n+                features: []\n+            };\n+            this.readNode(data, info);\n \n-        // Set the cursor to \"wait\" to tell the user we're working.\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+            var features = [];\n+            for (var i = 0, len = info.features.length; i < len; i++) {\n+                var container = info.features[i];\n+                // reproject features if needed\n+                if (this.internalProjection && this.externalProjection &&\n+                    container.components[0]) {\n+                    container.components[0].transform(\n+                        this.externalProjection, this.internalProjection\n+                    );\n+                }\n+                var feature = new OpenLayers.Feature.Vector(\n+                    container.components[0], container.attributes);\n+                features.push(feature);\n+            }\n+            return features;\n+        },\n \n-        var response = this.protocol.read({\n-            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n-            filter: filter,\n-            callback: function(result) {\n-                if (result.success()) {\n-                    if (result.features.length) {\n-                        if (options.single == true) {\n-                            this.selectBestFeature(result.features,\n-                                bounds.getCenterLonLat(), options);\n-                        } else {\n-                            this.select(result.features);\n-                        }\n-                    } else if (options.hover) {\n-                        this.hoverSelect();\n-                    } else {\n-                        this.events.triggerEvent(\"clickout\");\n-                        if (this.clickout) {\n-                            this.unselectAll();\n-                        }\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"sa\": {\n+                \"SamplingPoint\": function(node, obj) {\n+                    // sampling point can also be without a featureMember if \n+                    // there is only 1\n+                    if (!obj.attributes) {\n+                        var feature = {\n+                            attributes: {}\n+                        };\n+                        obj.features.push(feature);\n+                        obj = feature;\n                     }\n+                    obj.attributes.id = this.getAttributeNS(node,\n+                        this.namespaces.gml, \"id\");\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"position\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n                 }\n-                // Reset the cursor.\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n             },\n-            scope: this\n-        });\n-        if (options.hover == true) {\n-            this.hoverResponse = response;\n-        }\n-    },\n+            \"gml\": OpenLayers.Util.applyDefaults({\n+                \"FeatureCollection\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"featureMember\": function(node, obj) {\n+                    var feature = {\n+                        attributes: {}\n+                    };\n+                    obj.features.push(feature);\n+                    this.readChildNodes(node, feature);\n+                },\n+                \"name\": function(node, obj) {\n+                    obj.attributes.name = this.getChildValue(node);\n+                },\n+                \"pos\": function(node, obj) {\n+                    // we need to parse the srsName to get to the \n+                    // externalProjection, that's why we cannot use\n+                    // GML v3 for this\n+                    if (!this.externalProjection) {\n+                        this.externalProjection = new OpenLayers.Projection(\n+                            node.getAttribute(\"srsName\"));\n+                    }\n+                    OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(\n+                        this, [node, obj]);\n+                }\n+            }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n+        },\n \n-    /**\n-     * Method: selectBestFeature\n-     * Selects the feature from an array of features that is the best match\n-     *     for the click position.\n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)}\n-     * clickPosition - {<OpenLayers.LonLat>}\n-     * options - {Object} additional options for this method\n-     * \n-     * Supported options include:\n-     * hover - {Boolean} Do the selection for the hover handler.\n-     */\n-    selectBestFeature: function(features, clickPosition, options) {\n-        options = options || {};\n-        if (features.length) {\n-            var point = new OpenLayers.Geometry.Point(clickPosition.lon,\n-                clickPosition.lat);\n-            var feature, resultFeature, dist;\n-            var minDist = Number.MAX_VALUE;\n-            for (var i = 0; i < features.length; ++i) {\n-                feature = features[i];\n-                if (feature.geometry) {\n-                    dist = point.distanceTo(feature.geometry, {\n-                        edge: false\n-                    });\n-                    if (dist < minDist) {\n-                        minDist = dist;\n-                        resultFeature = feature;\n-                        if (minDist == 0) {\n-                            break;\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: {\n+            \"sos\": {\n+                \"GetFeatureOfInterest\": function(options) {\n+                    var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n+                        attributes: {\n+                            version: this.VERSION,\n+                            service: 'SOS',\n+                            \"xsi:schemaLocation\": this.schemaLocation\n                         }\n+                    });\n+                    for (var i = 0, len = options.fois.length; i < len; i++) {\n+                        this.writeNode(\"FeatureOfInterestId\", {\n+                            foi: options.fois[i]\n+                        }, node);\n                     }\n+                    return node;\n+                },\n+                \"FeatureOfInterestId\": function(options) {\n+                    var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n+                        value: options.foi\n+                    });\n+                    return node;\n                 }\n             }\n+        },\n \n-            if (options.hover == true) {\n-                this.hoverSelect(resultFeature);\n-            } else {\n-                this.select(resultFeature || features);\n-            }\n-        }\n-    },\n+        CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n \n-    /**\n-     * Method: setModifiers\n-     * Sets the multiple and toggle modifiers according to the current event\n-     * \n-     * Parameters:\n-     * evt - {<OpenLayers.Event>}\n-     */\n-    setModifiers: function(evt) {\n-        this.modifiers = {\n-            multiple: this.multiple || (this.multipleKey && evt[this.multipleKey]),\n-            toggle: this.toggle || (this.toggleKey && evt[this.toggleKey])\n-        };\n-    },\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/OWSContext.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: select\n-     * Add feature to the hash of selected features and trigger the\n-     * featureselected and featuresselected events.\n-     * \n-     * Parameters:\n-     * features - {<OpenLayers.Feature.Vector>} or an array of features\n-     */\n-    select: function(features) {\n-        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n-            this.unselectAll();\n-        }\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n-            features: features\n-        });\n-        if (cont !== false) {\n-            var selectedFeatures = [];\n-            var feature;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                if (this.features[feature.fid || feature.id]) {\n-                    if (this.modifiers.toggle) {\n-                        this.unselect(this.features[feature.fid || feature.id]);\n-                    }\n-                } else {\n-                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n-                        feature: feature\n-                    });\n-                    if (cont !== false) {\n-                        this.features[feature.fid || feature.id] = feature;\n-                        selectedFeatures.push(feature);\n+/**\n+ * @requires OpenLayers/Format/Context.js\n+ */\n \n-                        this.events.triggerEvent(\"featureselected\", {\n-                            feature: feature\n-                        });\n-                    }\n-                }\n-            }\n-            this.events.triggerEvent(\"featuresselected\", {\n-                features: selectedFeatures\n-            });\n-        }\n-    },\n+/**\n+ * Class: OpenLayers.Format.OWSContext\n+ * Read and write OWS Context documents. OWS Context documents are a \n+ * preliminary OGC (Open Geospatial Consortium) standard for storing the \n+ * state of a web mapping application. In a way it is the successor to\n+ * Web Map Context (WMC), since it is more generic and more types of layers\n+ * can be stored. Also, nesting of layers is supported since version 0.3.1.\n+ * For more information see: http://www.ogcnetwork.net/context\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.Context>\n+ */\n+OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n \n     /**\n-     * Method: hoverSelect\n-     * Sets/unsets the <hoverFeature>\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} the feature to hover-select.\n-     *     If none is provided, the current <hoverFeature> will be nulled and\n-     *     the outfeature event will be triggered.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"0.3.1\".\n      */\n-    hoverSelect: function(feature) {\n-        var fid = feature ? feature.fid || feature.id : null;\n-        var hfid = this.hoverFeature ?\n-            this.hoverFeature.fid || this.hoverFeature.id : null;\n-\n-        if (hfid && hfid != fid) {\n-            this.events.triggerEvent(\"outfeature\", {\n-                feature: this.hoverFeature\n-            });\n-            this.hoverFeature = null;\n-        }\n-        if (fid && fid != hfid) {\n-            this.events.triggerEvent(\"hoverfeature\", {\n-                feature: feature\n-            });\n-            this.hoverFeature = feature;\n-        }\n-    },\n+    defaultVersion: \"0.3.1\",\n \n     /**\n-     * Method: unselect\n-     * Remove feature from the hash of selected features and trigger the\n-     * featureunselected event.\n+     * Constructor: OpenLayers.Format.OWSContext\n+     * Create a new parser for OWS Context documents.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    unselect: function(feature) {\n-        delete this.features[feature.fid || feature.id];\n-        this.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        });\n-    },\n \n     /**\n-     * Method: unselectAll\n-     * Unselect all selected features.\n-     */\n-    unselectAll: function() {\n-        // we'll want an option to supress notification here\n-        for (var fid in this.features) {\n-            this.unselect(this.features[fid]);\n-        }\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n+     * Method: getVersion\n+     * Returns the version to use. Subclasses can override this function\n+     * if a different version detection is needed.\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * root - {DOMElement}\n+     * options - {Object} Optional configuration object.\n+     *\n+     * Returns:\n+     * {String} The version to use.\n      */\n-    setMap: function(map) {\n-        for (var i in this.handlers) {\n-            this.handlers[i].setMap(map);\n+    getVersion: function(root, options) {\n+        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(\n+            this, arguments);\n+        // 0.3.1 is backwards compatible with 0.3.0\n+        if (version === \"0.3.0\") {\n+            version = this.defaultVersion;\n         }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        return version;\n     },\n \n     /**\n-     * Method: pixelToBounds\n-     * Takes a pixel as argument and creates bounds after adding the\n-     * <clickTolerance>.\n-     * \n+     * Method: toContext\n+     * Create a context object free from layer given a map or a\n+     * context object.\n+     *\n      * Parameters:\n-     * pixel - {<OpenLayers.Pixel>}\n+     * obj - {<OpenLayers.Map> | Object} The map or context.\n+     *\n+     * Returns:\n+     * {Object} A context object.\n      */\n-    pixelToBounds: function(pixel) {\n-        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n-        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n-        var ll = this.map.getLonLatFromPixel(llPx);\n-        var ur = this.map.getLonLatFromPixel(urPx);\n-        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat);\n+    toContext: function(obj) {\n+        var context = {};\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            context.bounds = obj.getExtent();\n+            context.maxExtent = obj.maxExtent;\n+            context.projection = obj.projection;\n+            context.size = obj.getSize();\n+            context.layers = obj.layers;\n+        }\n+        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n+    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/WMSGetFeatureInfo.js\n+    OpenLayers/Format/KML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Handler/Hover.js\n- * @requires OpenLayers/Request.js\n- * @requires OpenLayers/Format/WMSGetFeatureInfo.js\n+ * @requires OpenLayers/BaseTypes/Date.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Control.WMSGetFeatureInfo\n- * The WMSGetFeatureInfo control uses a WMS query to get information about a point on the map.  The\n- * information may be in a display-friendly format such as HTML, or a machine-friendly format such\n- * as GML, depending on the server's capabilities and the client's configuration.  This control\n- * handles click or hover events, attempts to parse the results using an OpenLayers.Format, and\n- * fires a 'getfeatureinfo' event with the click position, the raw body of the response, and an\n- * array of features if it successfully read the response.\n- *\n+ * Class: OpenLayers.Format.KML\n+ * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n+ *     constructor. \n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: hover\n-     * {Boolean} Send GetFeatureInfo requests when mouse stops moving.\n-     *     Default is false.\n-     */\n-    hover: false,\n+OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * APIProperty: drillDown\n-     * {Boolean} Drill down over all WMS layers in the map. When\n-     *     using drillDown mode, hover is not possible, and an infoFormat that\n-     *     returns parseable features is required. Default is false.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    drillDown: false,\n+    namespaces: {\n+        kml: \"http://www.opengis.net/kml/2.2\",\n+        gx: \"http://www.google.com/kml/ext/2.2\"\n+    },\n \n     /**\n-     * APIProperty: maxFeatures\n-     * {Integer} Maximum number of features to return from a WMS query. This\n-     *     sets the feature_count parameter on WMS GetFeatureInfo\n-     *     requests.\n+     * APIProperty: kmlns\n+     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n      */\n-    maxFeatures: 10,\n+    kmlns: \"http://earth.google.com/kml/2.0\",\n \n-    /**\n-     * APIProperty: clickCallback\n-     * {String} The click callback to register in the\n-     *     {<OpenLayers.Handler.Click>} object created when the hover\n-     *     option is set to false. Default is \"click\".\n+    /** \n+     * APIProperty: placemarksDesc\n+     * {String} Name of the placemarks.  Default is \"No description available\".\n      */\n-    clickCallback: \"click\",\n+    placemarksDesc: \"No description available\",\n \n-    /**\n-     * APIProperty: output\n-     * {String} Either \"features\" or \"object\". When triggering a getfeatureinfo\n-     *     request should we pass on an array of features or an object with with\n-     *     a \"features\" property and other properties (such as the url of the\n-     *     WMS). Default is \"features\".\n+    /** \n+     * APIProperty: foldersName\n+     * {String} Name of the folders.  Default is \"OpenLayers export\".\n+     *          If set to null, no name element will be created.\n      */\n-    output: \"features\",\n+    foldersName: \"OpenLayers export\",\n \n-    /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.WMS>)} The layers to query for feature info.\n-     *     If omitted, all map WMS layers with a url that matches this <url> or\n-     *     <layerUrls> will be considered.\n+    /** \n+     * APIProperty: foldersDesc\n+     * {String} Description of the folders. Default is \"Exported on [date].\"\n+     *          If set to null, no description element will be created.\n      */\n-    layers: null,\n+    foldersDesc: \"Exported on \" + new Date(),\n \n     /**\n-     * APIProperty: queryVisible\n-     * {Boolean} If true, filter out hidden layers when searching the map for\n-     *     layers to query.  Default is false.\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract attributes from KML.  Default is true.\n+     *           Extracting styleUrls requires this to be set to true\n+     *           Note that currently only Data and SimpleData \n+     *           elements are handled.\n      */\n-    queryVisible: false,\n+    extractAttributes: true,\n \n     /**\n-     * APIProperty: url\n-     * {String} The URL of the WMS service to use.  If not provided, the url\n-     *     of the first eligible layer will be used.\n+     * APIProperty: kvpAttributes\n+     * {Boolean} Only used if extractAttributes is true.\n+     *           If set to true, attributes will be simple\n+     *           key-value pairs, compatible with other formats,\n+     *           Any displayName elements will be ignored.\n+     *           If set to false, attributes will be objects,\n+     *           retaining any displayName elements, but not\n+     *           compatible with other formats. Any CDATA in\n+     *           displayName will be read in as a string value.\n+     *           Default is false.\n      */\n-    url: null,\n+    kvpAttributes: false,\n \n     /**\n-     * APIProperty: layerUrls\n-     * {Array(String)} Optional list of urls for layers that should be queried.\n-     *     This can be used when the layer url differs from the url used for\n-     *     making GetFeatureInfo requests (in the case of a layer using cached\n-     *     tiles).\n+     * Property: extractStyles\n+     * {Boolean} Extract styles from KML.  Default is false.\n+     *           Extracting styleUrls also requires extractAttributes to be\n+     *           set to true\n      */\n-    layerUrls: null,\n+    extractStyles: false,\n \n     /**\n-     * APIProperty: infoFormat\n-     * {String} The mimetype to request from the server. If you are using\n-     *     drillDown mode and have multiple servers that do not share a common\n-     *     infoFormat, you can override the control's infoFormat by providing an\n-     *     INFO_FORMAT parameter in your <OpenLayers.Layer.WMS> instance(s).\n+     * APIProperty: extractTracks\n+     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n+     *     is false.  If true, features will be generated for all points in\n+     *     all gx:Track elements.  Features will have a when (Date) attribute\n+     *     based on when elements in the track.  If tracks include angle\n+     *     elements, features will have heading, tilt, and roll attributes.\n+     *     If track point coordinates have three values, features will have\n+     *     an altitude attribute with the third coordinate value.\n      */\n-    infoFormat: 'text/html',\n+    extractTracks: false,\n \n     /**\n-     * APIProperty: vendorParams\n-     * {Object} Additional parameters that will be added to the request, for\n-     *     WMS implementations that support them. This could e.g. look like\n-     * (start code)\n-     * {\n-     *     radius: 5\n-     * }\n-     * (end)\n+     * APIProperty: trackAttributes\n+     * {Array} If <extractTracks> is true, points within gx:Track elements will \n+     *     be parsed as features with when, heading, tilt, and roll attributes.\n+     *     Any additional attribute names can be provided in <trackAttributes>.\n      */\n-    vendorParams: {},\n+    trackAttributes: null,\n \n     /**\n-     * APIProperty: format\n-     * {<OpenLayers.Format>} A format for parsing GetFeatureInfo responses.\n-     *     Default is <OpenLayers.Format.WMSGetFeatureInfo>.\n+     * Property: internalns\n+     * {String} KML Namespace to use -- defaults to the namespace of the\n+     *     Placemark node being parsed, but falls back to kmlns. \n      */\n-    format: null,\n+    internalns: null,\n \n     /**\n-     * APIProperty: formatOptions\n-     * {Object} Optional properties to set on the format (if one is not provided\n-     *     in the <format> property.\n+     * Property: features\n+     * {Array} Array of features\n+     *     \n      */\n-    formatOptions: null,\n+    features: null,\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Additional options for the handlers used by this control, e.g.\n-     * (start code)\n-     * {\n-     *     \"click\": {delay: 100},\n-     *     \"hover\": {delay: 300}\n-     * }\n-     * (end)\n+     * Property: styles\n+     * {Object} Storage of style objects\n+     *     \n      */\n+    styles: null,\n \n     /**\n-     * Property: handler\n-     * {Object} Reference to the <OpenLayers.Handler> for this control\n+     * Property: styleBaseUrl\n+     * {String}\n      */\n-    handler: null,\n+    styleBaseUrl: \"\",\n \n     /**\n-     * Property: hoverRequest\n-     * {<OpenLayers.Request>} contains the currently running hover request\n-     *     (if any).\n+     * Property: fetched\n+     * {Object} Storage of KML URLs that have been fetched before\n+     *     in order to prevent reloading them.\n      */\n-    hoverRequest: null,\n+    fetched: null,\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforegetfeatureinfo - Triggered before the request is sent.\n-     *      The event object has an *xy* property with the position of the\n-     *      mouse click or hover event that triggers the request.\n-     * nogetfeatureinfo - no queryable layers were found.\n-     * getfeatureinfo - Triggered when a GetFeatureInfo response is received.\n-     *      The event object has a *text* property with the body of the\n-     *      response (String), a *features* property with an array of the\n-     *      parsed features, an *xy* property with the position of the mouse\n-     *      click or hover event that triggered the request, and a *request*\n-     *      property with the request itself. If drillDown is set to true and\n-     *      multiple requests were issued to collect feature info from all\n-     *      layers, *text* and *request* will only contain the response body\n-     *      and request object of the last request.\n+     * APIProperty: maxDepth\n+     * {Integer} Maximum depth for recursive loading external KML URLs \n+     *           Defaults to 0: do no external fetching\n      */\n+    maxDepth: 0,\n \n     /**\n-     * Constructor: <OpenLayers.Control.WMSGetFeatureInfo>\n+     * Constructor: OpenLayers.Format.KML\n+     * Create a new parser for KML.\n      *\n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n     initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || {};\n-\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.WMSGetFeatureInfo(\n-                options.formatOptions\n-            );\n-        }\n-\n-        if (this.drillDown === true) {\n-            this.hover = false;\n-        }\n+        // compile regular expressions once instead of every time they are used\n+        this.regExes = {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g),\n+            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n+            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n+            straightBracket: (/\\$\\[(.*?)\\]/g)\n+        };\n+        // KML coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n \n-        if (this.hover) {\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this, {\n-                    'move': this.cancelHover,\n-                    'pause': this.getInfoForHover\n-                },\n-                OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n-                    'delay': 250\n-                }));\n-        } else {\n-            var callbacks = {};\n-            callbacks[this.clickCallback] = this.getInfoForClick;\n-            this.handler = new OpenLayers.Handler.Click(\n-                this, callbacks, this.handlerOptions.click || {});\n-        }\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: getInfoForClick\n-     * Called on click\n+     * APIMethod: read\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n      *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n      */\n-    getInfoForClick: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        // Set the cursor to \"wait\" to tell the user we're working on their\n-        // click.\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n-        this.request(evt.xy, {});\n+    read: function(data) {\n+        this.features = [];\n+        this.styles = {};\n+        this.fetched = {};\n+\n+        // Set default options \n+        var options = {\n+            depth: 0,\n+            styleBaseUrl: this.styleBaseUrl\n+        };\n+\n+        return this.parseData(data, options);\n     },\n \n     /**\n-     * Method: getInfoForHover\n-     * Pause callback for the hover handler\n+     * Method: parseData\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n      *\n-     * Parameters:\n-     * evt - {Object}\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n      */\n-    getInfoForHover: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        this.request(evt.xy, {\n-            hover: true\n-        });\n-    },\n+    parseData: function(data, options) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n \n-    /**\n-     * Method: cancelHover\n-     * Cancel callback for the hover handler\n-     */\n-    cancelHover: function() {\n-        if (this.hoverRequest) {\n-            this.hoverRequest.abort();\n-            this.hoverRequest = null;\n+        // Loop throught the following node types in this order and\n+        // process the nodes found \n+        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            var type = types[i];\n+\n+            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n+\n+            // skip to next type if no nodes are found\n+            if (nodes.length == 0) {\n+                continue;\n+            }\n+\n+            switch (type.toLowerCase()) {\n+\n+                // Fetch external links \n+                case \"link\":\n+                case \"networklink\":\n+                    this.parseLinks(nodes, options);\n+                    break;\n+\n+                    // parse style information\n+                case \"style\":\n+                    if (this.extractStyles) {\n+                        this.parseStyles(nodes, options);\n+                    }\n+                    break;\n+                case \"stylemap\":\n+                    if (this.extractStyles) {\n+                        this.parseStyleMaps(nodes, options);\n+                    }\n+                    break;\n+\n+                    // parse features\n+                case \"placemark\":\n+                    this.parseFeatures(nodes, options);\n+                    break;\n+            }\n         }\n+\n+        return this.features;\n     },\n \n     /**\n-     * Method: findLayers\n-     * Internal method to get the layers, independent of whether we are\n-     *     inspecting the map or using a client-provided array\n+     * Method: parseLinks\n+     * Finds URLs of linked KML documents and fetches them\n+     * \n+     * Parameters: \n+     * nodes   - {Array} of {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n+     * \n      */\n-    findLayers: function() {\n+    parseLinks: function(nodes, options) {\n \n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer, url;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMS &&\n-                (!this.queryVisible || layer.getVisibility())) {\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                // if the control was not configured with a url, set it\n-                // to the first layer url\n-                if (this.drillDown === false && !this.url) {\n-                    this.url = url;\n-                }\n-                if (this.drillDown === true || this.urlMatches(url)) {\n-                    layers.push(layer);\n+        // Fetch external links <NetworkLink> and <Link>\n+        // Don't do anything if we have reached our maximum depth for recursion\n+        if (options.depth >= this.maxDepth) {\n+            return false;\n+        }\n+\n+        // increase depth\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n+            if (href && !this.fetched[href]) {\n+                this.fetched[href] = true; // prevent reloading the same urls\n+                var data = this.fetchLink(href);\n+                if (data) {\n+                    this.parseData(data, newOptions);\n                 }\n             }\n         }\n-        return layers;\n+\n     },\n \n     /**\n-     * Method: urlMatches\n-     * Test to see if the provided url matches either the control <url> or one\n-     *     of the <layerUrls>.\n-     *\n-     * Parameters:\n-     * url - {String} The url to test.\n-     *\n-     * Returns:\n-     * {Boolean} The provided url matches the control <url> or one of the\n-     *     <layerUrls>.\n+     * Method: fetchLink\n+     * Fetches a URL and returns the result\n+     * \n+     * Parameters: \n+     * href  - {String} url to be fetched\n+     * \n      */\n-    urlMatches: function(url) {\n-        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n-        if (!matches && this.layerUrls) {\n-            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n-                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n-                    matches = true;\n-                    break;\n-                }\n-            }\n+    fetchLink: function(href) {\n+        var request = OpenLayers.Request.GET({\n+            url: href,\n+            async: false\n+        });\n+        if (request) {\n+            return request.responseText;\n         }\n-        return matches;\n     },\n \n     /**\n-     * Method: buildWMSOptions\n-     * Build an object with the relevant WMS options for the GetFeatureInfo request\n-     *\n-     * Parameters:\n-     * url - {String} The url to be used for sending the request\n-     * layers - {Array(<OpenLayers.Layer.WMS)} An array of layers\n-     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the mouse\n-     *     event occurred.\n-     * format - {String} The format from the corresponding GetMap request\n+     * Method: parseStyles\n+     * Parses <Style> nodes\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n      */\n-    buildWMSOptions: function(url, layers, clickPosition, format) {\n-        var layerNames = [],\n-            styleNames = [];\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            if (layers[i].params.LAYERS != null) {\n-                layerNames = layerNames.concat(layers[i].params.LAYERS);\n-                styleNames = styleNames.concat(this.getStyleNames(layers[i]));\n+    parseStyles: function(nodes, options) {\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var style = this.parseStyle(nodes[i]);\n+            if (style) {\n+                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n+\n+                this.styles[styleName] = style;\n             }\n         }\n-        var firstLayer = layers[0];\n-        // use the firstLayer's projection if it matches the map projection -\n-        // this assumes that all layers will be available in this projection\n-        var projection = this.map.getProjection();\n-        var layerProj = firstLayer.projection;\n-        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n-            projection = layerProj.getCode();\n-        }\n-        var params = OpenLayers.Util.extend({\n-            service: \"WMS\",\n-            version: firstLayer.params.VERSION,\n-            request: \"GetFeatureInfo\",\n-            exceptions: firstLayer.params.EXCEPTIONS,\n-            bbox: this.map.getExtent().toBBOX(null,\n-                firstLayer.reverseAxisOrder()),\n-            feature_count: this.maxFeatures,\n-            height: this.map.getSize().h,\n-            width: this.map.getSize().w,\n-            format: format,\n-            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n-        }, (parseFloat(firstLayer.params.VERSION) >= 1.3) ? {\n-            crs: projection,\n-            i: parseInt(clickPosition.x),\n-            j: parseInt(clickPosition.y)\n-        } : {\n-            srs: projection,\n-            x: parseInt(clickPosition.x),\n-            y: parseInt(clickPosition.y)\n-        });\n-        if (layerNames.length != 0) {\n-            params = OpenLayers.Util.extend({\n-                layers: layerNames,\n-                query_layers: layerNames,\n-                styles: styleNames\n-            }, params);\n-        }\n-        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n-        return {\n-            url: url,\n-            params: OpenLayers.Util.upperCaseObject(params),\n-            callback: function(request) {\n-                this.handleResponse(clickPosition, request, url);\n-            },\n-            scope: this\n-        };\n     },\n \n     /**\n-     * Method: getStyleNames\n-     * Gets the STYLES parameter for the layer. Make sure the STYLES parameter\n-     * matches the LAYERS parameter\n+     * Method: parseKmlColor\n+     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n+     * color and opacity or null if the color is invalid.\n      *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>}\n+     * Parameters: \n+     * kmlColor - {String} a kml formated color\n      *\n      * Returns:\n-     * {Array(String)} The STYLES parameter\n+     * {Object}\n      */\n-    getStyleNames: function(layer) {\n-        // in the event of a WMS layer bundling multiple layers but not\n-        // specifying styles,we need the same number of commas to specify\n-        // the default style for each of the layers.  We can't just leave it\n-        // blank as we may be including other layers that do specify styles.\n-        var styleNames;\n-        if (layer.params.STYLES) {\n-            styleNames = layer.params.STYLES;\n-        } else {\n-            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n-                styleNames = new Array(layer.params.LAYERS.length);\n-            } else { // Assume it's a String\n-                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\");\n+    parseKmlColor: function(kmlColor) {\n+        var color = null;\n+        if (kmlColor) {\n+            var matches = kmlColor.match(this.regExes.kmlColor);\n+            if (matches) {\n+                color = {\n+                    color: '#' + matches[4] + matches[3] + matches[2],\n+                    opacity: parseInt(matches[1], 16) / 255\n+                };\n             }\n         }\n-        return styleNames;\n+        return color;\n     },\n \n     /**\n-     * Method: request\n-     * Sends a GetFeatureInfo request to the WMS\n-     *\n-     * Parameters:\n-     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * options - {Object} additional options for this method.\n-     *\n-     * Valid options:\n-     * - *hover* {Boolean} true if we do the request for the hover handler\n+     * Method: parseStyle\n+     * Parses the children of a <Style> node and builds the style hash\n+     * accordingly\n+     * \n+     * Parameters: \n+     * node - {DOMElement} <Style> node\n+     * \n      */\n-    request: function(clickPosition, options) {\n-        var layers = this.findLayers();\n-        if (layers.length == 0) {\n-            this.events.triggerEvent(\"nogetfeatureinfo\");\n-            // Reset the cursor.\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            return;\n-        }\n-\n-        options = options || {};\n-        if (this.drillDown === false) {\n-            var wmsOptions = this.buildWMSOptions(this.url, layers,\n-                clickPosition, layers[0].params.FORMAT);\n-            var request = OpenLayers.Request.GET(wmsOptions);\n+    parseStyle: function(node) {\n+        var style = {};\n \n-            if (options.hover === true) {\n-                this.hoverRequest = request;\n-            }\n-        } else {\n-            this._requestCount = 0;\n-            this._numRequests = 0;\n-            this.features = [];\n-            // group according to service url to combine requests\n-            var services = {},\n-                url;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                var service, found = false;\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (url in services) {\n-                    services[url].push(layer);\n-                } else {\n-                    this._numRequests++;\n-                    services[url] = [layer];\n-                }\n-            }\n-            var layers;\n-            for (var url in services) {\n-                layers = services[url];\n-                var wmsOptions = this.buildWMSOptions(url, layers,\n-                    clickPosition, layers[0].params.FORMAT);\n-                OpenLayers.Request.GET(wmsOptions);\n+        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n+            \"LabelStyle\"\n+        ];\n+        var type, styleTypeNode, nodeList, geometry, parser;\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            type = types[i];\n+            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n+            if (!styleTypeNode) {\n+                continue;\n             }\n-        }\n-    },\n \n-    /**\n-     * Method: triggerGetFeatureInfo\n-     * Trigger the getfeatureinfo event when all is done\n-     *\n-     * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     * xy - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * features - {Array(<OpenLayers.Feature.Vector>)} or\n-     *     {Array({Object}) when output is \"object\". The object has a url and a\n-     *     features property which contains an array of features.\n-     */\n-    triggerGetFeatureInfo: function(request, xy, features) {\n-        this.events.triggerEvent(\"getfeatureinfo\", {\n-            text: request.responseText,\n-            features: features,\n-            request: request,\n-            xy: xy\n-        });\n+            // only deal with first geometry of this type\n+            switch (type.toLowerCase()) {\n+                case \"linestyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"strokeColor\"] = color.color;\n+                        style[\"strokeOpacity\"] = color.opacity;\n+                    }\n \n-        // Reset the cursor.\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-    },\n+                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n+                    if (width) {\n+                        style[\"strokeWidth\"] = width;\n+                    }\n+                    break;\n \n-    /**\n-     * Method: handleResponse\n-     * Handler for the GetFeatureInfo response.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * request - {XMLHttpRequest} The request object.\n-     * url - {String} The url which was used for this request.\n-     */\n-    handleResponse: function(xy, request, url) {\n+                case \"polystyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fillOpacity\"] = color.opacity;\n+                        style[\"fillColor\"] = color.color;\n+                    }\n+                    // Check if fill is disabled\n+                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n+                    if (fill == \"0\") {\n+                        style[\"fillColor\"] = \"none\";\n+                    }\n+                    // Check if outline is disabled\n+                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n+                    if (outline == \"0\") {\n+                        style[\"strokeWidth\"] = \"0\";\n+                    }\n \n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        var features = this.format.read(doc);\n-        if (this.drillDown === false) {\n-            this.triggerGetFeatureInfo(request, xy, features);\n-        } else {\n-            this._requestCount++;\n-            if (this.output === \"object\") {\n-                this._features = (this._features || []).concat({\n-                    url: url,\n-                    features: features\n-                });\n-            } else {\n-                this._features = (this._features || []).concat(features);\n-            }\n-            if (this._requestCount === this._numRequests) {\n-                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n-                delete this._features;\n-                delete this._requestCount;\n-                delete this._numRequests;\n-            }\n-        }\n-    },\n+                    break;\n \n-    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ScaleLine.js\n-   ====================================================================== */\n+                case \"iconstyle\":\n+                    // set scale\n+                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n+                        \"*\", \"scale\") || 1);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                    // set default width and height of icon\n+                    var width = 32 * scale;\n+                    var height = 32 * scale;\n \n-/**\n- * @requires OpenLayers/Control.js\n- */\n+                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"Icon\")[0];\n+                    if (iconNode) {\n+                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n+                        if (href) {\n \n-/**\n- * Class: OpenLayers.Control.ScaleLine\n- * The ScaleLine displays a small line indicator representing the current \n- * map scale on the map. By default it is drawn in the lower left corner of\n- * the map.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- *  \n- * Is a very close copy of:\n- *  - <OpenLayers.Control.Scale>\n- */\n-OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n+                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n+                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n \n-    /**\n-     * Property: maxWidth\n-     * {Integer} Maximum width of the scale line in pixels.  Default is 100.\n-     */\n-    maxWidth: 100,\n+                            // Settings for Google specific icons that are 64x64\n+                            // We set the width and height to 64 and halve the\n+                            // scale to prevent icons from being too big\n+                            var google = \"http://maps.google.com/mapfiles/kml\";\n+                            if (OpenLayers.String.startsWith(\n+                                    href, google) && !w && !h) {\n+                                w = 64;\n+                                h = 64;\n+                                scale = scale / 2;\n+                            }\n \n-    /**\n-     * Property: topOutUnits\n-     * {String} Units for zoomed out on top bar.  Default is km.\n-     */\n-    topOutUnits: \"km\",\n+                            // if only dimension is defined, make sure the\n+                            // other one has the same value\n+                            w = w || h;\n+                            h = h || w;\n \n-    /**\n-     * Property: topInUnits\n-     * {String} Units for zoomed in on top bar.  Default is m.\n-     */\n-    topInUnits: \"m\",\n+                            if (w) {\n+                                width = parseInt(w) * scale;\n+                            }\n \n-    /**\n-     * Property: bottomOutUnits\n-     * {String} Units for zoomed out on bottom bar.  Default is mi.\n-     */\n-    bottomOutUnits: \"mi\",\n+                            if (h) {\n+                                height = parseInt(h) * scale;\n+                            }\n \n-    /**\n-     * Property: bottomInUnits\n-     * {String} Units for zoomed in on bottom bar.  Default is ft.\n-     */\n-    bottomInUnits: \"ft\",\n+                            // support for internal icons \n+                            //    (/root://icons/palette-x.png)\n+                            // x and y tell the position on the palette:\n+                            // - in pixels\n+                            // - starting from the left bottom\n+                            // We translate that to a position in the list \n+                            // and request the appropriate icon from the \n+                            // google maps website\n+                            var matches = href.match(this.regExes.kmlIconPalette);\n+                            if (matches) {\n+                                var palette = matches[1];\n+                                var file_extension = matches[2];\n \n-    /**\n-     * Property: eTop\n-     * {DOMElement}\n-     */\n-    eTop: null,\n+                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n+                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n \n-    /**\n-     * Property: eBottom\n-     * {DOMElement}\n-     */\n-    eBottom: null,\n+                                var posX = x ? x / 32 : 0;\n+                                var posY = y ? (7 - y / 32) : 7;\n \n-    /**\n-     * APIProperty: geodesic\n-     * {Boolean} Use geodesic measurement. Default is false. The recommended\n-     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n-     * true, the scale will be calculated based on the horizontal size of the\n-     * pixel in the center of the map viewport.\n-     */\n-    geodesic: false,\n+                                var pos = posY * 8 + posX;\n+                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n+                                    palette + \"/icon\" + pos + file_extension;\n+                            }\n \n-    /**\n-     * Constructor: OpenLayers.Control.ScaleLine\n-     * Create a new scale line control.\n-     * \n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n-     */\n+                            style[\"graphicOpacity\"] = 1; // fully opaque\n+                            style[\"externalGraphic\"] = href;\n+                        }\n \n-    /**\n-     * Method: draw\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.eTop) {\n-            // stick in the top bar\n-            this.eTop = document.createElement(\"div\");\n-            this.eTop.className = this.displayClass + \"Top\";\n-            var theLen = this.topInUnits.length;\n-            this.div.appendChild(this.eTop);\n-            if ((this.topOutUnits == \"\") || (this.topInUnits == \"\")) {\n-                this.eTop.style.visibility = \"hidden\";\n-            } else {\n-                this.eTop.style.visibility = \"visible\";\n-            }\n+                    }\n \n-            // and the bottom bar\n-            this.eBottom = document.createElement(\"div\");\n-            this.eBottom.className = this.displayClass + \"Bottom\";\n-            this.div.appendChild(this.eBottom);\n-            if ((this.bottomOutUnits == \"\") || (this.bottomInUnits == \"\")) {\n-                this.eBottom.style.visibility = \"hidden\";\n-            } else {\n-                this.eBottom.style.visibility = \"visible\";\n-            }\n-        }\n-        this.map.events.register('moveend', this, this.update);\n-        this.update();\n-        return this.div;\n-    },\n \n-    /** \n-     * Method: getBarLen\n-     * Given a number, round it down to the nearest 1,2,5 times a power of 10.\n-     * That seems a fairly useful set of number groups to use.\n-     * \n-     * Parameters:\n-     * maxLen - {float}  the number we're rounding down from\n-     * \n-     * Returns:\n-     * {Float} the rounded number (less than or equal to maxLen)\n-     */\n-    getBarLen: function(maxLen) {\n-        // nearest power of 10 lower than maxLen\n-        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n-        var pow10 = Math.pow(10, digits);\n+                    // hotSpots define the offset for an Icon\n+                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"hotSpot\")[0];\n+                    if (hotSpotNode) {\n+                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n+                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n \n-        // ok, find first character\n-        var firstChar = parseInt(maxLen / pow10);\n+                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n+                        if (xUnits == \"pixels\") {\n+                            style[\"graphicXOffset\"] = -x * scale;\n+                        } else if (xUnits == \"insetPixels\") {\n+                            style[\"graphicXOffset\"] = -width + (x * scale);\n+                        } else if (xUnits == \"fraction\") {\n+                            style[\"graphicXOffset\"] = -width * x;\n+                        }\n \n-        // right, put it into the correct bracket\n-        var barLen;\n-        if (firstChar > 5) {\n-            barLen = 5;\n-        } else if (firstChar > 2) {\n-            barLen = 2;\n-        } else {\n-            barLen = 1;\n-        }\n+                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n+                        if (yUnits == \"pixels\") {\n+                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n+                        } else if (yUnits == \"insetPixels\") {\n+                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n+                        } else if (yUnits == \"fraction\") {\n+                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n+                        }\n+                    }\n \n-        // scale it up the correct power of 10\n-        return barLen * pow10;\n-    },\n+                    style[\"graphicWidth\"] = width;\n+                    style[\"graphicHeight\"] = height;\n+                    break;\n \n-    /**\n-     * Method: update\n-     * Update the size of the bars, and the labels they contain.\n-     */\n-    update: function() {\n-        var res = this.map.getResolution();\n-        if (!res) {\n-            return;\n-        }\n+                case \"balloonstyle\":\n+                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n+                        styleTypeNode);\n+                    if (balloonStyle) {\n+                        style[\"balloonStyle\"] = balloonStyle.replace(\n+                            this.regExes.straightBracket, \"${$1}\");\n+                    }\n+                    break;\n+                case \"labelstyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fontColor\"] = color.color;\n+                        style[\"fontOpacity\"] = color.opacity;\n+                    }\n+                    break;\n \n-        var curMapUnits = this.map.getUnits();\n-        var inches = OpenLayers.INCHES_PER_UNIT;\n+                default:\n+            }\n+        }\n \n-        // convert maxWidth to map units\n-        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n-        var geodesicRatio = 1;\n-        if (this.geodesic === true) {\n-            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w ||\n-                0.000001) * this.maxWidth;\n-            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n-            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n-            maxSizeData *= geodesicRatio;\n+        // Some polygons have no line color, so we use the fillColor for that\n+        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n+            style[\"strokeColor\"] = style[\"fillColor\"];\n         }\n \n-        // decide whether to use large or small scale units     \n-        var topUnits;\n-        var bottomUnits;\n-        if (maxSizeData > 100000) {\n-            topUnits = this.topOutUnits;\n-            bottomUnits = this.bottomOutUnits;\n-        } else {\n-            topUnits = this.topInUnits;\n-            bottomUnits = this.bottomInUnits;\n+        var id = node.getAttribute(\"id\");\n+        if (id && style) {\n+            style.id = id;\n         }\n \n-        // and to map units units\n-        var topMax = maxSizeData / inches[topUnits];\n-        var bottomMax = maxSizeData / inches[bottomUnits];\n+        return style;\n+    },\n \n-        // now trim this down to useful block length\n-        var topRounded = this.getBarLen(topMax);\n-        var bottomRounded = this.getBarLen(bottomMax);\n+    /**\n+     * Method: parseStyleMaps\n+     * Parses <StyleMap> nodes, but only uses the 'normal' key\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseStyleMaps: function(nodes, options) {\n+        // Only the default or \"normal\" part of the StyleMap is processed now\n+        // To do the select or \"highlight\" bit, we'd need to change lots more\n \n-        // and back to display units\n-        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n-        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var node = nodes[i];\n+            var pairs = this.getElementsByTagNameNS(node, \"*\",\n+                \"Pair\");\n \n-        // and to pixel units\n-        var topPx = topMax / res / geodesicRatio;\n-        var bottomPx = bottomMax / res / geodesicRatio;\n+            var id = node.getAttribute(\"id\");\n+            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n+                var pair = pairs[j];\n+                // Use the shortcut in the SLD format to quickly retrieve the \n+                // value of a node. Maybe it's good to have a method in \n+                // Format.XML to do this\n+                var key = this.parseProperty(pair, \"*\", \"key\");\n+                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n \n-        // now set the pixel widths\n-        // and the values inside them\n+                if (styleUrl && key == \"normal\") {\n+                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n+                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n+                }\n \n-        if (this.eBottom.style.visibility == \"visible\") {\n-            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n-            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits;\n-        }\n+                // TODO: implement the \"select\" part\n+                //if (styleUrl && key == \"highlight\") {\n+                //}\n \n-        if (this.eTop.style.visibility == \"visible\") {\n-            this.eTop.style.width = Math.round(topPx) + \"px\";\n-            this.eTop.innerHTML = topRounded + \" \" + topUnits;\n+            }\n         }\n \n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/TransformFeature.js\n-   ====================================================================== */\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: parseFeatures\n+     * Loop through all Placemark nodes and parse them.\n+     * Will create a list of features\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseFeatures: function(nodes, options) {\n+        var features = [];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var featureNode = nodes[i];\n+            var feature = this.parseFeature.apply(this, [featureNode]);\n+            if (feature) {\n \n+                // Create reference to styleUrl \n+                if (this.extractStyles && feature.attributes &&\n+                    feature.attributes.styleUrl) {\n+                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n+                }\n \n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/DragFeature.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Point.js\n- */\n+                if (this.extractStyles) {\n+                    // Make sure that <Style> nodes within a placemark are \n+                    // processed as well\n+                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n+                        \"*\",\n+                        \"Style\")[0];\n+                    if (inlineStyleNode) {\n+                        var inlineStyle = this.parseStyle(inlineStyleNode);\n+                        if (inlineStyle) {\n+                            feature.style = OpenLayers.Util.extend(\n+                                feature.style, inlineStyle\n+                            );\n+                        }\n+                    }\n+                }\n \n-/**\n- * Class: OpenLayers.Control.TransformFeature\n- * Control to transform features with a standard transformation box.\n- *\n- * Inherits From:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n+                // check if gx:Track elements should be parsed\n+                if (this.extractTracks) {\n+                    var tracks = this.getElementsByTagNameNS(\n+                        featureNode, this.namespaces.gx, \"Track\"\n+                    );\n+                    if (tracks && tracks.length > 0) {\n+                        var track = tracks[0];\n+                        var container = {\n+                            features: [],\n+                            feature: feature\n+                        };\n+                        this.readNode(track, container);\n+                        if (container.features.length > 0) {\n+                            features.push.apply(features, container.features);\n+                        }\n+                    }\n+                } else {\n+                    // add feature to list of features\n+                    features.push(feature);\n+                }\n+            } else {\n+                throw \"Bad Placemark: \" + i;\n+            }\n+        }\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforesetfeature - Triggered before a feature is set for\n-     *     tranformation. The feature will not be set if a listener returns\n-     *     false. Listeners receive a *feature* property, with the feature\n-     *     that will be set for transformation. Listeners are allowed to\n-     *     set the control's *scale*, *ratio* and *rotation* properties,\n-     *     which will set the initial scale, ratio and rotation of the\n-     *     feature, like the <setFeature> method's initialParams argument.\n-     * setfeature - Triggered when a feature is set for tranformation.\n-     *     Listeners receive a *feature* property, with the feature that\n-     *     is now set for transformation.\n-     * beforetransform - Triggered while dragging, before a feature is\n-     *     transformed. The feature will not be transformed if a listener\n-     *     returns false (but the box still will). Listeners receive one or\n-     *     more of *center*, *scale*, *ratio* and *rotation*. The *center*\n-     *     property is an <OpenLayers.Geometry.Point> object with the new\n-     *     center of the transformed feature, the others are Floats with the\n-     *     scale, ratio or rotation change since the last transformation.\n-     * transform - Triggered while dragging, when a feature is transformed.\n-     *     Listeners receive an event object with one or more of *center*,\n-     *     scale*, *ratio* and *rotation*. The *center* property is an\n-     *     <OpenLayers.Geometry.Point> object with the new center of the\n-     *     transformed feature, the others are Floats with the scale, ratio\n-     *     or rotation change of the feature since the last transformation.\n-     * transformcomplete - Triggered after dragging. Listeners receive\n-     *     an event object with the transformed *feature*.\n-     */\n+        // add new features to existing feature list\n+        this.features = this.features.concat(features);\n+    },\n \n     /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict transformation to a limited set of geometry\n-     *     types, send a list of strings corresponding to the geometry class\n-     *     names.\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    geometryTypes: null,\n+    readers: {\n+        \"kml\": {\n+            \"when\": function(node, container) {\n+                container.whens.push(OpenLayers.Date.parse(\n+                    this.getChildValue(node)\n+                ));\n+            },\n+            \"_trackPointAttribute\": function(node, container) {\n+                var name = node.nodeName.split(\":\").pop();\n+                container.attributes[name].push(this.getChildValue(node));\n+            }\n+        },\n+        \"gx\": {\n+            \"Track\": function(node, container) {\n+                var obj = {\n+                    whens: [],\n+                    points: [],\n+                    angles: []\n+                };\n+                if (this.trackAttributes) {\n+                    var name;\n+                    obj.attributes = {};\n+                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n+                        name = this.trackAttributes[i];\n+                        obj.attributes[name] = [];\n+                        if (!(name in this.readers.kml)) {\n+                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n+                        }\n+                    }\n+                }\n+                this.readChildNodes(node, obj);\n+                if (obj.whens.length !== obj.points.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:coord (\" +\n+                        obj.points.length + \") elements.\");\n+                }\n+                var hasAngles = obj.angles.length > 0;\n+                if (hasAngles && obj.whens.length !== obj.angles.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:angles (\" +\n+                        obj.angles.length + \") elements.\");\n+                }\n+                var feature, point, angles;\n+                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n+                    feature = container.feature.clone();\n+                    feature.fid = container.feature.fid || container.feature.id;\n+                    point = obj.points[i];\n+                    feature.geometry = point;\n+                    if (\"z\" in point) {\n+                        feature.attributes.altitude = point.z;\n+                    }\n+                    if (this.internalProjection && this.externalProjection) {\n+                        feature.geometry.transform(\n+                            this.externalProjection, this.internalProjection\n+                        );\n+                    }\n+                    if (this.trackAttributes) {\n+                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n+                            var name = this.trackAttributes[j];\n+                            feature.attributes[name] = obj.attributes[name][i];\n+                        }\n+                    }\n+                    feature.attributes.when = obj.whens[i];\n+                    feature.attributes.trackId = container.feature.id;\n+                    if (hasAngles) {\n+                        angles = obj.angles[i];\n+                        feature.attributes.heading = parseFloat(angles[0]);\n+                        feature.attributes.tilt = parseFloat(angles[1]);\n+                        feature.attributes.roll = parseFloat(angles[2]);\n+                    }\n+                    container.features.push(feature);\n+                }\n+            },\n+            \"coord\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n+                if (coords.length > 2) {\n+                    point.z = parseFloat(coords[2]);\n+                }\n+                container.points.push(point);\n+            },\n+            \"angles\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                container.angles.push(parts);\n+            }\n+        }\n+    },\n \n     /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n+     * Method: parseFeature\n+     * This function is the core of the KML parsing code in OpenLayers.\n+     *     It creates the geometries that are then attached to the returned\n+     *     feature, and calls parseAttributes() to get attribute data out.\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A vector feature.\n      */\n-    layer: null,\n+    parseFeature: function(node) {\n+        // only accept one geometry per feature - look for highest \"order\"\n+        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n+        var type, nodeList, geometry, parser;\n+        for (var i = 0, len = order.length; i < len; ++i) {\n+            type = order[i];\n+            this.internalns = node.namespaceURI ?\n+                node.namespaceURI : this.kmlns;\n+            nodeList = this.getElementsByTagNameNS(node,\n+                this.internalns, type);\n+            if (nodeList.length > 0) {\n+                // only deal with first geometry of this type\n+                var parser = this.parseGeometry[type.toLowerCase()];\n+                if (parser) {\n+                    geometry = parser.apply(this, [nodeList[0]]);\n+                    if (this.internalProjection && this.externalProjection) {\n+                        geometry.transform(this.externalProjection,\n+                            this.internalProjection);\n+                    }\n+                } else {\n+                    throw new TypeError(\"Unsupported geometry type: \" + type);\n+                }\n+                // stop looking for different geometry types\n+                break;\n+            }\n+        }\n \n-    /**\n-     * APIProperty: preserveAspectRatio\n-     * {Boolean} set to true to not change the feature's aspect ratio.\n-     */\n-    preserveAspectRatio: false,\n+        // construct feature (optionally with attributes)\n+        var attributes;\n+        if (this.extractAttributes) {\n+            attributes = this.parseAttributes(node);\n+        }\n+        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n \n-    /**\n-     * APIProperty: rotate\n-     * {Boolean} set to false if rotation should be disabled. Default is true.\n-     *     To be passed with the constructor or set when the control is not\n-     *     active.\n-     */\n-    rotate: true,\n+        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n+        if (fid != null) {\n+            feature.fid = fid;\n+        }\n \n-    /**\n-     * APIProperty: feature\n-     * {<OpenLayers.Feature.Vector>} Feature currently available for\n-     *     transformation. Read-only, use <setFeature> to set it manually.\n-     */\n-    feature: null,\n+        return feature;\n+    },\n \n     /**\n-     * APIProperty: renderIntent\n-     * {String|Object} Render intent for the transformation box and\n-     *     handles. A symbolizer object can also be provided here.\n+     * Method: getStyle\n+     * Retrieves a style from a style hash using styleUrl as the key\n+     * If the styleUrl doesn't exist yet, we try to fetch it \n+     * Internet\n+     * \n+     * Parameters: \n+     * styleUrl  - {String} URL of style\n+     * options   - {Object} Hash of options \n+     *\n+     * Returns:\n+     * {Object}  - (reference to) Style hash\n      */\n-    renderIntent: \"temporary\",\n+    getStyle: function(styleUrl, options) {\n \n-    /**\n-     * APIProperty: rotationHandleSymbolizer\n-     * {Object|String} Optional. A custom symbolizer for the rotation handles.\n-     *     A render intent can also be provided here. Defaults to\n-     *     (code)\n-     *     {\n-     *         stroke: false,\n-     *         pointRadius: 10,\n-     *         fillOpacity: 0,\n-     *         cursor: \"pointer\"\n-     *     }\n-     *     (end)\n-     */\n-    rotationHandleSymbolizer: null,\n+        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n \n-    /**\n-     * APIProperty: box\n-     * {<OpenLayers.Feature.Vector>} The transformation box rectangle.\n-     *     Read-only.\n-     */\n-    box: null,\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+        newOptions.styleBaseUrl = styleBaseUrl;\n \n-    /**\n-     * APIProperty: center\n-     * {<OpenLayers.Geometry.Point>} The center of the feature bounds.\n-     * Read-only.\n-     */\n-    center: null,\n+        // Fetch remote Style URLs (if not fetched before) \n+        if (!this.styles[styleUrl] &&\n+            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n+            newOptions.depth <= this.maxDepth &&\n+            !this.fetched[styleBaseUrl]) {\n \n-    /**\n-     * APIProperty: scale\n-     * {Float} The scale of the feature, relative to the scale the time the\n-     *     feature was set. Read-only, except for *beforesetfeature*\n-     *     listeners.\n-     */\n-    scale: 1,\n+            var data = this.fetchLink(styleBaseUrl);\n+            if (data) {\n+                this.parseData(data, newOptions);\n+            }\n \n-    /**\n-     * APIProperty: ratio\n-     * {Float} The ratio of the feature relative to the ratio the time the\n-     *     feature was set. Read-only, except for *beforesetfeature*\n-     *     listeners.\n-     */\n-    ratio: 1,\n+        }\n \n-    /**\n-     * Property: rotation\n-     * {Integer} the current rotation angle of the box. Read-only, except for\n-     *     *beforesetfeature* listeners.\n-     */\n-    rotation: 0,\n+        // return requested style\n+        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n+        return style;\n+    },\n \n     /**\n-     * APIProperty: handles\n-     * {Array(<OpenLayers.Feature.Vector>)} The 8 handles currently available\n-     *     for scaling/resizing. Numbered counterclockwise, starting from the\n-     *     southwest corner. Read-only.\n+     * Property: parseGeometry\n+     * Properties of this object are the functions that parse geometries based\n+     *     on their type.\n      */\n-    handles: null,\n+    parseGeometry: {\n \n-    /**\n-     * APIProperty: rotationHandles\n-     * {Array(<OpenLayers.Feature.Vector>)} The 4 rotation handles currently\n-     *     available for rotating. Numbered counterclockwise, starting from\n-     *     the southwest corner. Read-only.\n-     */\n-    rotationHandles: null,\n+        /**\n+         * Method: parseGeometry.point\n+         * Given a KML node representing a point geometry, create an OpenLayers\n+         *     point geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Point node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Point>} A point geometry.\n+         */\n+        point: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var coords = [];\n+            if (nodeList.length > 0) {\n+                var coordString = nodeList[0].firstChild.nodeValue;\n+                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n+                coords = coordString.split(\",\");\n+            }\n \n-    /**\n-     * Property: dragControl\n-     * {<OpenLayers.Control.DragFeature>}\n-     */\n-    dragControl: null,\n+            var point = null;\n+            if (coords.length > 1) {\n+                // preserve third dimension\n+                if (coords.length == 2) {\n+                    coords[2] = null;\n+                }\n+                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n+                    coords[2]);\n+            } else {\n+                throw \"Bad coordinate string: \" + coordString;\n+            }\n+            return point;\n+        },\n \n-    /**\n-     * APIProperty: irregular\n-     * {Boolean} Make scaling/resizing work irregularly. If true then\n-     *     dragging a handle causes the feature to resize in the direction\n-     *     of movement. If false then the feature resizes symetrically\n-     *     about it's center.\n-     */\n-    irregular: false,\n+        /**\n+         * Method: parseGeometry.linestring\n+         * Given a KML node representing a linestring geometry, create an\n+         *     OpenLayers linestring geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML LineString node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         */\n+        linestring: function(node, ring) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var line = null;\n+            if (nodeList.length > 0) {\n+                var coordString = this.getChildValue(nodeList[0]);\n+\n+                coordString = coordString.replace(this.regExes.trimSpace,\n+                    \"\");\n+                coordString = coordString.replace(this.regExes.trimComma,\n+                    \",\");\n+                var pointList = coordString.split(this.regExes.splitSpace);\n+                var numPoints = pointList.length;\n+                var points = new Array(numPoints);\n+                var coords, numCoords;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    coords = pointList[i].split(\",\");\n+                    numCoords = coords.length;\n+                    if (numCoords > 1) {\n+                        if (coords.length == 2) {\n+                            coords[2] = null;\n+                        }\n+                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n+                            coords[1],\n+                            coords[2]);\n+                    } else {\n+                        throw \"Bad LineString point coordinates: \" +\n+                            pointList[i];\n+                    }\n+                }\n+                if (numPoints) {\n+                    if (ring) {\n+                        line = new OpenLayers.Geometry.LinearRing(points);\n+                    } else {\n+                        line = new OpenLayers.Geometry.LineString(points);\n+                    }\n+                } else {\n+                    throw \"Bad LineString coordinates: \" + coordString;\n+                }\n+            }\n+\n+            return line;\n+        },\n+\n+        /**\n+         * Method: parseGeometry.polygon\n+         * Given a KML node representing a polygon geometry, create an\n+         *     OpenLayers polygon geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Polygon node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         */\n+        polygon: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"LinearRing\");\n+            var numRings = nodeList.length;\n+            var components = new Array(numRings);\n+            if (numRings > 0) {\n+                // this assumes exterior ring first, inner rings after\n+                var ring;\n+                for (var i = 0, len = nodeList.length; i < len; ++i) {\n+                    ring = this.parseGeometry.linestring.apply(this,\n+                        [nodeList[i], true]);\n+                    if (ring) {\n+                        components[i] = ring;\n+                    } else {\n+                        throw \"Bad LinearRing geometry: \" + i;\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Polygon(components);\n+        },\n+\n+        /**\n+         * Method: parseGeometry.multigeometry\n+         * Given a KML node representing a multigeometry, create an\n+         *     OpenLayers geometry collection.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML MultiGeometry node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         */\n+        multigeometry: function(node) {\n+            var child, parser;\n+            var parts = [];\n+            var children = node.childNodes;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    var type = (child.prefix) ?\n+                        child.nodeName.split(\":\")[1] :\n+                        child.nodeName;\n+                    var parser = this.parseGeometry[type.toLowerCase()];\n+                    if (parser) {\n+                        parts.push(parser.apply(this, [child]));\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Collection(parts);\n+        }\n+\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.TransformFeature\n-     * Create a new transform feature control.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n-     *     will be transformed.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {Object} An attributes object.\n      */\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.layer = layer;\n+    parseAttributes: function(node) {\n+        var attributes = {};\n \n-        if (!this.rotationHandleSymbolizer) {\n-            this.rotationHandleSymbolizer = {\n-                stroke: false,\n-                pointRadius: 10,\n-                fillOpacity: 0,\n-                cursor: \"pointer\"\n-            };\n+        // Extended Data is parsed first.\n+        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n+        if (edNodes.length) {\n+            attributes = this.parseExtendedData(edNodes[0]);\n         }\n \n-        this.createBox();\n-        this.createControl();\n+        // assume attribute nodes are type 1 children with a type 3 or 4 child\n+        var child, grandchildren, grandchild;\n+        var children = node.childNodes;\n+\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                grandchildren = child.childNodes;\n+                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n+                    var grandchild;\n+                    switch (grandchildren.length) {\n+                        case 1:\n+                            grandchild = grandchildren[0];\n+                            break;\n+                        case 2:\n+                            var c1 = grandchildren[0];\n+                            var c2 = grandchildren[1];\n+                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n+                                c1 : c2;\n+                            break;\n+                        case 3:\n+                        default:\n+                            grandchild = grandchildren[1];\n+                            break;\n+                    }\n+                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                        var name = (child.prefix) ?\n+                            child.nodeName.split(\":\")[1] :\n+                            child.nodeName;\n+                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n+                        if (value) {\n+                            value = value.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value;\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        return attributes;\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activates the control.\n+     * Method: parseExtendedData\n+     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n+     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n+     *     for more information on extendeddata.\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragControl.activate();\n-            this.layer.addFeatures([this.box]);\n-            this.rotate && this.layer.addFeatures(this.rotationHandles);\n-            this.layer.addFeatures(this.handles);\n-            activated = true;\n+    parseExtendedData: function(node) {\n+        var attributes = {};\n+        var i, len, data, key;\n+        var dataNodes = node.getElementsByTagName(\"Data\");\n+        for (i = 0, len = dataNodes.length; i < len; i++) {\n+            data = dataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            var ed = {};\n+            var valueNode = data.getElementsByTagName(\"value\");\n+            if (valueNode.length) {\n+                ed['value'] = this.getChildValue(valueNode[0]);\n+            }\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                var nameNode = data.getElementsByTagName(\"displayName\");\n+                if (nameNode.length) {\n+                    ed['displayName'] = this.getChildValue(nameNode[0]);\n+                }\n+                attributes[key] = ed;\n+            }\n         }\n-        return activated;\n+        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n+        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n+            var ed = {};\n+            data = simpleDataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            ed['value'] = this.getChildValue(data);\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                ed['displayName'] = key;\n+                attributes[key] = ed;\n+            }\n+        }\n+\n+        return attributes;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivates the control.\n+     * Method: parseProperty\n+     * Convenience method to find a node and return its value\n+     *\n+     * Parameters:\n+     * xmlNode    - {<DOMElement>}\n+     * namespace  - {String} namespace of the node to find\n+     * tagName    - {String} name of the property to parse\n+     * \n+     * Returns:\n+     * {String} The value for the requested property (defaults to null)\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.layer.removeFeatures(this.handles);\n-            this.rotate && this.layer.removeFeatures(this.rotationHandles);\n-            this.layer.removeFeatures([this.box]);\n-            this.dragControl.deactivate();\n-            deactivated = true;\n+    parseProperty: function(xmlNode, namespace, tagName) {\n+        var value;\n+        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n+        try {\n+            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n+        } catch (e) {\n+            value = null;\n         }\n-        return deactivated;\n+\n+        return value;\n     },\n \n     /**\n-     * Method: setMap\n+     * APIMethod: write\n+     * Accept Feature Collection, and return a string. \n      * \n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n+     *\n+     * Returns:\n+     * {String} A KML string.\n      */\n-    setMap: function(map) {\n-        this.dragControl.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    write: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        var kml = this.createElementNS(this.kmlns, \"kml\");\n+        var folder = this.createFolderXML();\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            folder.appendChild(this.createPlacemarkXML(features[i]));\n+        }\n+        kml.appendChild(folder);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n     },\n \n     /**\n-     * APIMethod: setFeature\n-     * Place the transformation box on a feature and start transforming it.\n-     * If the control is not active, it will be activated.\n+     * Method: createFolderXML\n+     * Creates and returns a KML folder node\n      * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * initialParams - {Object} Initial values for rotation, scale or ratio.\n-     *     Setting a rotation value here will cause the transformation box to\n-     *     start rotated. Setting a scale or ratio will not affect the\n-     *     transormation box, but applications may use this to keep track of\n-     *     scale and ratio of a feature across multiple transforms.\n+     * Returns:\n+     * {DOMElement}\n      */\n-    setFeature: function(feature, initialParams) {\n-        initialParams = OpenLayers.Util.applyDefaults(initialParams, {\n-            rotation: 0,\n-            scale: 1,\n-            ratio: 1\n-        });\n+    createFolderXML: function() {\n+        // Folder\n+        var folder = this.createElementNS(this.kmlns, \"Folder\");\n \n-        var oldRotation = this.rotation;\n-        var oldCenter = this.center;\n-        OpenLayers.Util.extend(this, initialParams);\n+        // Folder name\n+        if (this.foldersName) {\n+            var folderName = this.createElementNS(this.kmlns, \"name\");\n+            var folderNameText = this.createTextNode(this.foldersName);\n+            folderName.appendChild(folderNameText);\n+            folder.appendChild(folderName);\n+        }\n \n-        var cont = this.events.triggerEvent(\"beforesetfeature\", {\n-            feature: feature\n-        });\n-        if (cont === false) {\n-            return;\n+        // Folder description\n+        if (this.foldersDesc) {\n+            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n+            var folderDescText = this.createTextNode(this.foldersDesc);\n+            folderDesc.appendChild(folderDescText);\n+            folder.appendChild(folderDesc);\n         }\n \n-        this.feature = feature;\n-        this.activate();\n+        return folder;\n+    },\n \n-        this._setfeature = true;\n+    /**\n+     * Method: createPlacemarkXML\n+     * Creates and returns a KML placemark node representing the given feature. \n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createPlacemarkXML: function(feature) {\n+        // Placemark name\n+        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n+        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n+        var name = feature.attributes.name || label;\n+        placemarkName.appendChild(this.createTextNode(name));\n \n-        var featureBounds = this.feature.geometry.getBounds();\n-        this.box.move(featureBounds.getCenterLonLat());\n-        this.box.geometry.rotate(-oldRotation, oldCenter);\n-        this._angle = 0;\n+        // Placemark description\n+        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n+        var desc = feature.attributes.description || this.placemarksDesc;\n+        placemarkDesc.appendChild(this.createTextNode(desc));\n \n-        var ll;\n-        if (this.rotation) {\n-            var geom = feature.geometry.clone();\n-            geom.rotate(-this.rotation, this.center);\n-            var box = new OpenLayers.Feature.Vector(\n-                geom.getBounds().toGeometry());\n-            box.geometry.rotate(this.rotation, this.center);\n-            this.box.geometry.rotate(this.rotation, this.center);\n-            this.box.move(box.geometry.getBounds().getCenterLonLat());\n-            var llGeom = box.geometry.components[0].components[0];\n-            ll = llGeom.getBounds().getCenterLonLat();\n-        } else {\n-            ll = new OpenLayers.LonLat(featureBounds.left, featureBounds.bottom);\n+        // Placemark\n+        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n+        if (feature.fid != null) {\n+            placemarkNode.setAttribute(\"id\", feature.fid);\n         }\n-        this.handles[0].move(ll);\n+        placemarkNode.appendChild(placemarkName);\n+        placemarkNode.appendChild(placemarkDesc);\n \n-        delete this._setfeature;\n+        // Geometry node (Point, LineString, etc. nodes)\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        placemarkNode.appendChild(geometryNode);\n \n-        this.events.triggerEvent(\"setfeature\", {\n-            feature: feature\n-        });\n+        // output attributes as extendedData\n+        if (feature.attributes) {\n+            var edNode = this.buildExtendedData(feature.attributes);\n+            if (edNode) {\n+                placemarkNode.appendChild(edNode);\n+            }\n+        }\n+\n+        return placemarkNode;\n     },\n \n     /**\n-     * APIMethod: unsetFeature\n-     * Remove the transformation box off any feature.\n-     * If the control is active, it will be deactivated first.\n+     * Method: buildGeometryNode\n+     * Builds and returns a KML geometry node with the given geometry.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    unsetFeature: function() {\n-        if (this.active) {\n-            this.deactivate();\n-        } else {\n-            this.feature = null;\n-            this.rotation = 0;\n-            this.scale = 1;\n-            this.ratio = 1;\n+    buildGeometryNode: function(geometry) {\n+        var className = geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        var builder = this.buildGeometry[type.toLowerCase()];\n+        var node = null;\n+        if (builder) {\n+            node = builder.apply(this, [geometry]);\n         }\n+        return node;\n     },\n \n     /**\n-     * Method: createBox\n-     * Creates the box with all handles and transformation handles.\n+     * Property: buildGeometry\n+     * Object containing methods to do the actual geometry node building\n+     *     based on geometry type.\n      */\n-    createBox: function() {\n-        var control = this;\n+    buildGeometry: {\n+        // TBD: Anybody care about namespace aliases here (these nodes have\n+        //    no prefixes)?\n \n-        this.center = new OpenLayers.Geometry.Point(0, 0);\n-        this.box = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.LineString([\n-                new OpenLayers.Geometry.Point(-1, -1),\n-                new OpenLayers.Geometry.Point(0, -1),\n-                new OpenLayers.Geometry.Point(1, -1),\n-                new OpenLayers.Geometry.Point(1, 0),\n-                new OpenLayers.Geometry.Point(1, 1),\n-                new OpenLayers.Geometry.Point(0, 1),\n-                new OpenLayers.Geometry.Point(-1, 1),\n-                new OpenLayers.Geometry.Point(-1, 0),\n-                new OpenLayers.Geometry.Point(-1, -1)\n-            ]), null,\n-            typeof this.renderIntent == \"string\" ? null : this.renderIntent\n-        );\n+        /**\n+         * Method: buildGeometry.point\n+         * Given an OpenLayers point geometry, create a KML point.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML point node.\n+         */\n+        point: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Point\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n \n-        // Override for box move - make sure that the center gets updated\n-        this.box.geometry.move = function(x, y) {\n-            control._moving = true;\n-            OpenLayers.Geometry.LineString.prototype.move.apply(this, arguments);\n-            control.center.move(x, y);\n-            delete control._moving;\n-        };\n+        /**\n+         * Method: buildGeometry.multipoint\n+         * Given an OpenLayers multipoint geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipoint: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n \n-        // Overrides for vertex move, resize and rotate - make sure that\n-        // handle and rotationHandle geometries are also moved, resized and\n-        // rotated.\n-        var vertexMoveFn = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.move(x, y);\n-            this._handle.geometry.move(x, y);\n-        };\n-        var vertexResizeFn = function(scale, center, ratio) {\n-            OpenLayers.Geometry.Point.prototype.resize.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.resize(\n-                scale, center, ratio);\n-            this._handle.geometry.resize(scale, center, ratio);\n-        };\n-        var vertexRotateFn = function(angle, center) {\n-            OpenLayers.Geometry.Point.prototype.rotate.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.rotate(\n-                angle, center);\n-            this._handle.geometry.rotate(angle, center);\n-        };\n+        /**\n+         * Method: buildGeometry.linestring\n+         * Given an OpenLayers linestring geometry, create a KML linestring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linestring node.\n+         */\n+        linestring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LineString\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n \n-        // Override for handle move - make sure that the box and other handles\n-        // are updated, and finally transform the feature.\n-        var handleMoveFn = function(x, y) {\n-            var oldX = this.x,\n-                oldY = this.y;\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            if (control._moving) {\n-                return;\n-            }\n-            var evt = control.dragControl.handlers.drag.evt;\n-            var preserveAspectRatio = !control._setfeature &&\n-                control.preserveAspectRatio;\n-            var reshape = !preserveAspectRatio && !(evt && evt.shiftKey);\n-            var oldGeom = new OpenLayers.Geometry.Point(oldX, oldY);\n-            var centerGeometry = control.center;\n-            this.rotate(-control.rotation, centerGeometry);\n-            oldGeom.rotate(-control.rotation, centerGeometry);\n-            var dx1 = this.x - centerGeometry.x;\n-            var dy1 = this.y - centerGeometry.y;\n-            var dx0 = dx1 - (this.x - oldGeom.x);\n-            var dy0 = dy1 - (this.y - oldGeom.y);\n-            if (control.irregular && !control._setfeature) {\n-                dx1 -= (this.x - oldGeom.x) / 2;\n-                dy1 -= (this.y - oldGeom.y) / 2;\n-            }\n-            this.x = oldX;\n-            this.y = oldY;\n-            var scale, ratio = 1;\n-            if (reshape) {\n-                scale = Math.abs(dy0) < 0.00001 ? 1 : dy1 / dy0;\n-                ratio = (Math.abs(dx0) < 0.00001 ? 1 : (dx1 / dx0)) / scale;\n-            } else {\n-                var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n-                var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n-                scale = l1 / l0;\n-            }\n+        /**\n+         * Method: buildGeometry.multilinestring\n+         * Given an OpenLayers multilinestring geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multilinestring: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n \n-            // rotate the box to 0 before resizing - saves us some\n-            // calculations and is inexpensive because we don't drawFeature.\n-            control._moving = true;\n-            control.box.geometry.rotate(-control.rotation, centerGeometry);\n-            delete control._moving;\n+        /**\n+         * Method: buildGeometry.linearring\n+         * Given an OpenLayers linearring geometry, create a KML linearring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linearring node.\n+         */\n+        linearring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n \n-            control.box.geometry.resize(scale, centerGeometry, ratio);\n-            control.box.geometry.rotate(control.rotation, centerGeometry);\n-            control.transformFeature({\n-                scale: scale,\n-                ratio: ratio\n-            });\n-            if (control.irregular && !control._setfeature) {\n-                var newCenter = centerGeometry.clone();\n-                newCenter.x += Math.abs(oldX - centerGeometry.x) < 0.00001 ? 0 : (this.x - oldX);\n-                newCenter.y += Math.abs(oldY - centerGeometry.y) < 0.00001 ? 0 : (this.y - oldY);\n-                control.box.geometry.move(this.x - oldX, this.y - oldY);\n-                control.transformFeature({\n-                    center: newCenter\n-                });\n+        /**\n+         * Method: buildGeometry.polygon\n+         * Given an OpenLayers polygon geometry, create a KML polygon.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML polygon node.\n+         */\n+        polygon: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n+            var rings = geometry.components;\n+            var ringMember, ringGeom, type;\n+            for (var i = 0, len = rings.length; i < len; ++i) {\n+                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n+                ringMember = this.createElementNS(this.kmlns, type);\n+                ringGeom = this.buildGeometry.linearring.apply(this,\n+                    [rings[i]]);\n+                ringMember.appendChild(ringGeom);\n+                kml.appendChild(ringMember);\n             }\n-        };\n+            return kml;\n+        },\n \n-        // Override for rotation handle move - make sure that the box and\n-        // other handles are updated, and finally transform the feature.\n-        var rotationHandleMoveFn = function(x, y) {\n-            var oldX = this.x,\n-                oldY = this.y;\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            if (control._moving) {\n-                return;\n-            }\n-            var evt = control.dragControl.handlers.drag.evt;\n-            var constrain = (evt && evt.shiftKey) ? 45 : 1;\n-            var centerGeometry = control.center;\n-            var dx1 = this.x - centerGeometry.x;\n-            var dy1 = this.y - centerGeometry.y;\n-            var dx0 = dx1 - x;\n-            var dy0 = dy1 - y;\n-            this.x = oldX;\n-            this.y = oldY;\n-            var a0 = Math.atan2(dy0, dx0);\n-            var a1 = Math.atan2(dy1, dx1);\n-            var angle = a1 - a0;\n-            angle *= 180 / Math.PI;\n-            control._angle = (control._angle + angle) % 360;\n-            var diff = control.rotation % constrain;\n-            if (Math.abs(control._angle) >= constrain || diff !== 0) {\n-                angle = Math.round(control._angle / constrain) * constrain -\n-                    diff;\n-                control._angle = 0;\n-                control.box.geometry.rotate(angle, centerGeometry);\n-                control.transformFeature({\n-                    rotation: angle\n-                });\n-            }\n-        };\n+        /**\n+         * Method: buildGeometry.multipolygon\n+         * Given an OpenLayers multipolygon geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipolygon: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n \n-        var handles = new Array(8);\n-        var rotationHandles = new Array(4);\n-        var geom, handle, rotationHandle;\n-        var positions = [\"sw\", \"s\", \"se\", \"e\", \"ne\", \"n\", \"nw\", \"w\"];\n-        for (var i = 0; i < 8; ++i) {\n-            geom = this.box.geometry.components[i];\n-            handle = new OpenLayers.Feature.Vector(geom.clone(), {\n-                    role: positions[i] + \"-resize\"\n-                }, typeof this.renderIntent == \"string\" ? null :\n-                this.renderIntent);\n-            if (i % 2 == 0) {\n-                rotationHandle = new OpenLayers.Feature.Vector(geom.clone(), {\n-                        role: positions[i] + \"-rotate\"\n-                    }, typeof this.rotationHandleSymbolizer == \"string\" ?\n-                    null : this.rotationHandleSymbolizer);\n-                rotationHandle.geometry.move = rotationHandleMoveFn;\n-                geom._rotationHandle = rotationHandle;\n-                rotationHandles[i / 2] = rotationHandle;\n+        /**\n+         * Method: buildGeometry.collection\n+         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML MultiGeometry node.\n+         */\n+        collection: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n+            var child;\n+            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n+                child = this.buildGeometryNode.apply(this,\n+                    [geometry.components[i]]);\n+                if (child) {\n+                    kml.appendChild(child);\n+                }\n             }\n-            geom.move = vertexMoveFn;\n-            geom.resize = vertexResizeFn;\n-            geom.rotate = vertexRotateFn;\n-            handle.geometry.move = handleMoveFn;\n-            geom._handle = handle;\n-            handles[i] = handle;\n+            return kml;\n         }\n-\n-        this.rotationHandles = rotationHandles;\n-        this.handles = handles;\n     },\n \n     /**\n-     * Method: createControl\n-     * Creates a DragFeature control for this control.\n+     * Method: buildCoordinatesNode\n+     * Builds and returns the KML coordinates node with the given geometry\n+     * <coordinates>...</coordinates>\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    createControl: function() {\n-        var control = this;\n-        this.dragControl = new OpenLayers.Control.DragFeature(this.layer, {\n-            documentDrag: true,\n-            // avoid moving the feature itself - move the box instead\n-            moveFeature: function(pixel) {\n-                if (this.feature === control.feature) {\n-                    this.feature = control.box;\n-                }\n-                OpenLayers.Control.DragFeature.prototype.moveFeature.apply(this,\n-                    arguments);\n-            },\n-            // transform while dragging\n-            onDrag: function(feature, pixel) {\n-                if (feature === control.box) {\n-                    control.transformFeature({\n-                        center: control.center\n-                    });\n-                }\n-            },\n-            // set a new feature\n-            onStart: function(feature, pixel) {\n-                var eligible = !control.geometryTypes ||\n-                    OpenLayers.Util.indexOf(control.geometryTypes,\n-                        feature.geometry.CLASS_NAME) !== -1;\n-                var i = OpenLayers.Util.indexOf(control.handles, feature);\n-                i += OpenLayers.Util.indexOf(control.rotationHandles,\n-                    feature);\n-                if (feature !== control.feature && feature !== control.box &&\n-                    i == -2 && eligible) {\n-                    control.setFeature(feature);\n-                }\n-            },\n-            onComplete: function(feature, pixel) {\n-                control.events.triggerEvent(\"transformcomplete\", {\n-                    feature: control.feature\n-                });\n+    buildCoordinatesNode: function(geometry) {\n+        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+\n+        var path;\n+        var points = geometry.components;\n+        if (points) {\n+            // LineString or LinearRing\n+            var point;\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; ++i) {\n+                point = points[i];\n+                parts[i] = this.buildCoordinates(point);\n             }\n-        });\n+            path = parts.join(\" \");\n+        } else {\n+            // Point\n+            path = this.buildCoordinates(geometry);\n+        }\n+\n+        var txtNode = this.createTextNode(path);\n+        coordinatesNode.appendChild(txtNode);\n+\n+        return coordinatesNode;\n     },\n \n     /**\n-     * Method: drawHandles\n-     * Draws the handles to match the box.\n+     * Method: buildCoordinates\n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns\n+     * {String} a coordinate pair\n      */\n-    drawHandles: function() {\n-        var layer = this.layer;\n-        for (var i = 0; i < 8; ++i) {\n-            if (this.rotate && i % 2 === 0) {\n-                layer.drawFeature(this.rotationHandles[i / 2],\n-                    this.rotationHandleSymbolizer);\n-            }\n-            layer.drawFeature(this.handles[i], this.renderIntent);\n+    buildCoordinates: function(point) {\n+        if (this.internalProjection && this.externalProjection) {\n+            point = point.clone();\n+            point.transform(this.internalProjection,\n+                this.externalProjection);\n         }\n+        return point.x + \",\" + point.y;\n     },\n \n     /**\n-     * Method: transformFeature\n-     * Transforms the feature.\n-     * \n+     * Method: buildExtendedData\n+     *\n      * Parameters:\n-     * mods - {Object} An object with optional scale, ratio, rotation and\n-     *     center properties.\n+     * attributes - {Object}\n+     *\n+     * Returns\n+     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n      */\n-    transformFeature: function(mods) {\n-        if (!this._setfeature) {\n-            this.scale *= (mods.scale || 1);\n-            this.ratio *= (mods.ratio || 1);\n-            var oldRotation = this.rotation;\n-            this.rotation = (this.rotation + (mods.rotation || 0)) % 360;\n-\n-            if (this.events.triggerEvent(\"beforetransform\", mods) !== false) {\n-                var feature = this.feature;\n-                var geom = feature.geometry;\n-                var center = this.center;\n-                geom.rotate(-oldRotation, center);\n-                if (mods.scale || mods.ratio) {\n-                    geom.resize(mods.scale, center, mods.ratio);\n-                } else if (mods.center) {\n-                    feature.move(mods.center.getBounds().getCenterLonLat());\n+    buildExtendedData: function(attributes) {\n+        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n+        for (var attributeName in attributes) {\n+            // empty, name, description, styleUrl attributes ignored\n+            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n+                var data = this.createElementNS(this.kmlns, \"Data\");\n+                data.setAttribute(\"name\", attributeName);\n+                var value = this.createElementNS(this.kmlns, \"value\");\n+                if (typeof attributes[attributeName] == \"object\") {\n+                    // cater for object attributes with 'value' properties\n+                    // other object properties will output an empty node\n+                    if (attributes[attributeName].value) {\n+                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n+                    }\n+                    if (attributes[attributeName].displayName) {\n+                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n+                        // displayName always written as CDATA\n+                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n+                        data.appendChild(displayName);\n+                    }\n+                } else {\n+                    value.appendChild(this.createTextNode(attributes[attributeName]));\n                 }\n-                geom.rotate(this.rotation, center);\n-                this.layer.drawFeature(feature);\n-                feature.toState(OpenLayers.State.UPDATE);\n-                this.events.triggerEvent(\"transform\", mods);\n+                data.appendChild(value);\n+                extendedData.appendChild(data);\n             }\n         }\n-        this.layer.drawFeature(this.box, this.renderIntent);\n-        this.drawHandles();\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n-     */\n-    destroy: function() {\n-        var geom;\n-        for (var i = 0; i < 8; ++i) {\n-            geom = this.box.geometry.components[i];\n-            geom._handle.destroy();\n-            geom._handle = null;\n-            geom._rotationHandle && geom._rotationHandle.destroy();\n-            geom._rotationHandle = null;\n+        if (this.isSimpleContent(extendedData)) {\n+            return null;\n+        } else {\n+            return extendedData;\n         }\n-        this.center = null;\n-        this.feature = null;\n-        this.handles = null;\n-        this.rotationHandleSymbolizer = null;\n-        this.rotationHandles = null;\n-        this.box.destroy();\n-        this.box = null;\n-        this.layer = null;\n-        this.dragControl.destroy();\n-        this.dragControl = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n+    CLASS_NAME: \"OpenLayers.Format.KML\"\n });\n /* ======================================================================\n-    OpenLayers/Control/EditingToolbar.js\n+    OpenLayers/Format/WFSDescribeFeatureType.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Navigation.js\n- * @requires OpenLayers/Control/DrawFeature.js\n- * @requires OpenLayers/Handler/Point.js\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Handler/Polygon.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n  */\n \n /**\n- * Class: OpenLayers.Control.EditingToolbar \n- * The EditingToolbar is a panel of 4 controls to draw polygons, lines, \n- * points, or to navigate the map by panning. By default it appears in the \n- * upper right corner of the map.\n+ * Class: OpenLayers.Format.WFSDescribeFeatureType\n+ * Read WFS DescribeFeatureType response\n  * \n  * Inherits from:\n- *  - <OpenLayers.Control.Panel>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.EditingToolbar = OpenLayers.Class(\n-    OpenLayers.Control.Panel, {\n+OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n         /**\n-         * APIProperty: citeCompliant\n-         * {Boolean} If set to true, coordinates of features drawn in a map extent\n-         * crossing the date line won't exceed the world bounds. Default is false.\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n          */\n-        citeCompliant: false,\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g)\n+        },\n \n         /**\n-         * Constructor: OpenLayers.Control.EditingToolbar\n-         * Create an editing toolbar for a given layer. \n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            xsd: \"http://www.w3.org/2001/XMLSchema\"\n+        },\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WFSDescribeFeatureType\n+         * Create a new parser for WFS DescribeFeatureType responses.\n          *\n          * Parameters:\n-         * layer - {<OpenLayers.Layer.Vector>} \n-         * options - {Object} \n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n          */\n-        initialize: function(layer, options) {\n-            OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n \n-            this.addControls(\n-                [new OpenLayers.Control.Navigation()]\n-            );\n-            var controls = [\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n-                    displayClass: 'olControlDrawFeaturePoint',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"xsd\": {\n+                \"schema\": function(node, obj) {\n+                    var complexTypes = [];\n+                    var customTypes = {};\n+                    var schema = {\n+                        complexTypes: complexTypes,\n+                        customTypes: customTypes\n+                    };\n+                    var i, len;\n+\n+                    this.readChildNodes(node, schema);\n+\n+                    var attributes = node.attributes;\n+                    var attr, name;\n+                    for (i = 0, len = attributes.length; i < len; ++i) {\n+                        attr = attributes[i];\n+                        name = attr.name;\n+                        if (name.indexOf(\"xmlns\") === 0) {\n+                            this.setNamespace(name.split(\":\")[1] || \"\", attr.value);\n+                        } else {\n+                            obj[name] = attr.value;\n+                        }\n                     }\n-                }),\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n-                    displayClass: 'olControlDrawFeaturePath',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n+                    obj.featureTypes = complexTypes;\n+                    obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n+\n+                    // map complexTypes to names of customTypes\n+                    var complexType, customType;\n+                    for (i = 0, len = complexTypes.length; i < len; ++i) {\n+                        complexType = complexTypes[i];\n+                        customType = customTypes[complexType.typeName];\n+                        if (customTypes[complexType.typeName]) {\n+                            complexType.typeName = customType.name;\n+                        }\n                     }\n-                }),\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n-                    displayClass: 'olControlDrawFeaturePolygon',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n+                },\n+                \"complexType\": function(node, obj) {\n+                    var complexType = {\n+                        // this is a temporary typeName, it will be overwritten by\n+                        // the schema reader with the metadata found in the\n+                        // customTypes hash\n+                        \"typeName\": node.getAttribute(\"name\")\n+                    };\n+                    this.readChildNodes(node, complexType);\n+                    obj.complexTypes.push(complexType);\n+                },\n+                \"complexContent\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"extension\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"sequence\": function(node, obj) {\n+                    var sequence = {\n+                        elements: []\n+                    };\n+                    this.readChildNodes(node, sequence);\n+                    obj.properties = sequence.elements;\n+                },\n+                \"element\": function(node, obj) {\n+                    var type;\n+                    if (obj.elements) {\n+                        var element = {};\n+                        var attributes = node.attributes;\n+                        var attr;\n+                        for (var i = 0, len = attributes.length; i < len; ++i) {\n+                            attr = attributes[i];\n+                            element[attr.name] = attr.value;\n+                        }\n+\n+                        type = element.type;\n+                        if (!type) {\n+                            type = {};\n+                            this.readChildNodes(node, type);\n+                            element.restriction = type;\n+                            element.type = type.base;\n+                        }\n+                        var fullType = type.base || type;\n+                        element.localType = fullType.split(\":\").pop();\n+                        obj.elements.push(element);\n+                        this.readChildNodes(node, element);\n                     }\n-                })\n-            ];\n-            this.addControls(controls);\n+\n+                    if (obj.complexTypes) {\n+                        type = node.getAttribute(\"type\");\n+                        var localType = type.split(\":\").pop();\n+                        obj.customTypes[localType] = {\n+                            \"name\": node.getAttribute(\"name\"),\n+                            \"type\": type\n+                        };\n+                    }\n+                },\n+                \"annotation\": function(node, obj) {\n+                    obj.annotation = {};\n+                    this.readChildNodes(node, obj.annotation);\n+                },\n+                \"appinfo\": function(node, obj) {\n+                    if (!obj.appinfo) {\n+                        obj.appinfo = [];\n+                    }\n+                    obj.appinfo.push(this.getChildValue(node));\n+                },\n+                \"documentation\": function(node, obj) {\n+                    if (!obj.documentation) {\n+                        obj.documentation = [];\n+                    }\n+                    var value = this.getChildValue(node);\n+                    obj.documentation.push({\n+                        lang: node.getAttribute(\"xml:lang\"),\n+                        textContent: value.replace(this.regExes.trimSpace, \"\")\n+                    });\n+                },\n+                \"simpleType\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"restriction\": function(node, obj) {\n+                    obj.base = node.getAttribute(\"base\");\n+                    this.readRestriction(node, obj);\n+                }\n+            }\n         },\n \n         /**\n-         * Method: draw\n-         * calls the default draw, and then activates mouse defaults.\n+         * Method: readRestriction\n+         * Reads restriction defined in the child nodes of a restriction element\n+         * \n+         * Parameters:\n+         * node - {DOMElement} the node to parse\n+         * obj - {Object} the object that receives the read result\n+         */\n+        readRestriction: function(node, obj) {\n+            var children = node.childNodes;\n+            var child, nodeName, value;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    nodeName = child.nodeName.split(\":\").pop();\n+                    value = child.getAttribute(\"value\");\n+                    if (!obj[nodeName]) {\n+                        obj[nodeName] = value;\n+                    } else {\n+                        if (typeof obj[nodeName] == \"string\") {\n+                            obj[nodeName] = [obj[nodeName]];\n+                        }\n+                        obj[nodeName].push(value);\n+                    }\n+                }\n+            }\n+        },\n+\n+        /**\n+         * Method: read\n+         *\n+         * Parameters:\n+         * data - {DOMElement|String} A WFS DescribeFeatureType document.\n          *\n          * Returns:\n-         * {DOMElement}\n+         * {Object} An object representing the WFS DescribeFeatureType response.\n          */\n-        draw: function() {\n-            var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-            if (this.defaultControl === null) {\n-                this.defaultControl = this.controls[0];\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n             }\n-            return div;\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var schema = {};\n+            if (data.nodeName.split(\":\").pop() === 'ExceptionReport') {\n+                // an exception must have occurred, so parse it\n+                var parser = new OpenLayers.Format.OGCExceptionReport();\n+                schema.error = parser.read(data);\n+            } else {\n+                this.readNode(data, schema);\n+            }\n+            return schema;\n         },\n \n-        CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n+        CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n+\n     });\n /* ======================================================================\n-    OpenLayers/Control/NavigationHistory.js\n+    OpenLayers/Format/Atom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/Button.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/GML/v3.js\n+ * @requires OpenLayers/Feature/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Control.NavigationHistory\n- * A navigation history control.  This is a meta-control, that creates two\n- *     dependent controls: <previous> and <next>.  Call the trigger method\n- *     on the <previous> and <next> controls to restore previous and next\n- *     history states.  The previous and next controls will become active\n- *     when there are available states to restore and will become deactive\n- *     when there are no states to restore.\n+ * Class: OpenLayers.Format.Atom\n+ * Read/write Atom feeds. Create a new instance with the\n+ *     <OpenLayers.Format.AtomFeed> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: type\n-     * {String} Note that this control is not intended to be added directly\n-     *     to a control panel.  Instead, add the sub-controls previous and\n-     *     next.  These sub-controls are button type controls that activate\n-     *     and deactivate themselves.  If this parent control is added to\n-     *     a panel, it will act as a toggle.\n-     */\n-    type: OpenLayers.Control.TYPE_TOGGLE,\n-\n-    /**\n-     * APIProperty: previous\n-     * {<OpenLayers.Control>} A button type control whose trigger method restores\n-     *     the previous state managed by this control.\n-     */\n-    previous: null,\n-\n-    /**\n-     * APIProperty: previousOptions\n-     * {Object} Set this property on the options argument of the constructor\n-     *     to set optional properties on the <previous> control.\n-     */\n-    previousOptions: null,\n-\n-    /**\n-     * APIProperty: next\n-     * {<OpenLayers.Control>} A button type control whose trigger method restores\n-     *     the next state managed by this control.\n-     */\n-    next: null,\n-\n-    /**\n-     * APIProperty: nextOptions\n-     * {Object} Set this property on the options argument of the constructor\n-     *     to set optional properties on the <next> control.\n-     */\n-    nextOptions: null,\n-\n-    /**\n-     * APIProperty: limit\n-     * {Integer} Optional limit on the number of history items to retain.  If\n-     *     null, there is no limit.  Default is 50.\n-     */\n-    limit: 50,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n+OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: clearOnDeactivate\n-     * {Boolean} Clear the history when the control is deactivated.  Default\n-     *     is false.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.  Properties\n+     *     of this object should not be set individually.  Read-only.  All\n+     *     XML subclasses should have their own namespaces object.  Use\n+     *     <setNamespace> to add or set a namespace alias after construction.\n      */\n-    clearOnDeactivate: false,\n+    namespaces: {\n+        atom: \"http://www.w3.org/2005/Atom\",\n+        georss: \"http://www.georss.org/georss\"\n+    },\n \n     /**\n-     * Property: registry\n-     * {Object} An object with keys corresponding to event types.  Values\n-     *     are functions that return an object representing the current state.\n+     * APIProperty: feedTitle\n+     * {String} Atom feed elements require a title.  Default is \"untitled\".\n      */\n-    registry: null,\n+    feedTitle: \"untitled\",\n \n     /**\n-     * Property: nextStack\n-     * {Array} Array of items in the history.\n+     * APIProperty: defaultEntryTitle\n+     * {String} Atom entry elements require a title.  In cases where one is\n+     *     not provided in the feature attributes, this will be used.  Default\n+     *     is \"untitled\".\n      */\n-    nextStack: null,\n+    defaultEntryTitle: \"untitled\",\n \n     /**\n-     * Property: previousStack\n-     * {Array} List of items in the history.  First item represents the current\n-     *     state.\n+     * Property: gmlParse\n+     * {Object} GML Format object for parsing features\n+     * Non-API and only created if necessary\n      */\n-    previousStack: null,\n+    gmlParser: null,\n \n     /**\n-     * Property: listeners\n-     * {Object} An object containing properties corresponding to event types.\n-     *     This object is used to configure the control and is modified on\n-     *     construction.\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n+     * For GeoRSS the default is (y,x), therefore: false\n      */\n-    listeners: null,\n+    xy: false,\n \n     /**\n-     * Property: restoring\n-     * {Boolean} Currently restoring a history state.  This is set to true\n-     *     before calling restore and set to false after restore returns.\n+     * Constructor: OpenLayers.Format.AtomEntry\n+     * Create a new parser for Atom.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    restoring: false,\n \n     /**\n-     * Constructor: OpenLayers.Control.NavigationHistory \n-     * \n+     * APIMethod: read\n+     * Return a list of features from an Atom feed or entry document.\n+     \n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * doc - {Element} or {String}\n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.registry = OpenLayers.Util.extend({\n-            \"moveend\": this.getState\n-        }, this.registry);\n-\n-        var previousOptions = {\n-            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n-        };\n-        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n-        this.previous = new OpenLayers.Control.Button(previousOptions);\n-\n-        var nextOptions = {\n-            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n-        };\n-        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n-        this.next = new OpenLayers.Control.Button(nextOptions);\n-\n-        this.clear();\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n+        }\n+        return this.parseFeatures(doc);\n     },\n \n     /**\n-     * Method: onPreviousChange\n-     * Called when the previous history stack changes.\n+     * APIMethod: write\n+     * Serialize or more feature nodes to Atom documents.\n      *\n      * Parameters:\n-     * state - {Object} An object representing the state to be restored\n-     *     if previous is triggered again or null if no previous states remain.\n-     * length - {Integer} The number of remaining previous states that can\n-     *     be restored.\n+     * features - {<OpenLayers.Feature.Vector>} or Array({<OpenLayers.Feature.Vector>})\n+     *\n+     * Returns:\n+     * {String} an Atom entry document if passed one feature node, or a feed\n+     * document if passed an array of feature nodes.\n      */\n-    onPreviousChange: function(state, length) {\n-        if (state && !this.previous.active) {\n-            this.previous.activate();\n-        } else if (!state && this.previous.active) {\n-            this.previous.deactivate();\n+    write: function(features) {\n+        var doc;\n+        if (OpenLayers.Util.isArray(features)) {\n+            doc = this.createElementNSPlus(\"atom:feed\");\n+            doc.appendChild(\n+                this.createElementNSPlus(\"atom:title\", {\n+                    value: this.feedTitle\n+                })\n+            );\n+            for (var i = 0, ii = features.length; i < ii; i++) {\n+                doc.appendChild(this.buildEntryNode(features[i]));\n+            }\n+        } else {\n+            doc = this.buildEntryNode(features);\n         }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [doc]);\n     },\n \n     /**\n-     * Method: onNextChange\n-     * Called when the next history stack changes.\n+     * Method: buildContentNode\n      *\n      * Parameters:\n-     * state - {Object} An object representing the state to be restored\n-     *     if next is triggered again or null if no next states remain.\n-     * length - {Integer} The number of remaining next states that can\n-     *     be restored.\n+     * content - {Object}\n+     *\n+     * Returns:\n+     * {DOMElement} an Atom content node.\n+     *\n+     * TODO: types other than text.\n      */\n-    onNextChange: function(state, length) {\n-        if (state && !this.next.active) {\n-            this.next.activate();\n-        } else if (!state && this.next.active) {\n-            this.next.deactivate();\n+    buildContentNode: function(content) {\n+        var node = this.createElementNSPlus(\"atom:content\", {\n+            attributes: {\n+                type: content.type || null\n+            }\n+        });\n+        if (content.src) {\n+            node.setAttribute(\"src\", content.src);\n+        } else {\n+            if (content.type == \"text\" || content.type == null) {\n+                node.appendChild(\n+                    this.createTextNode(content.value)\n+                );\n+            } else if (content.type == \"html\") {\n+                if (typeof content.value != \"string\") {\n+                    throw \"HTML content must be in form of an escaped string\";\n+                }\n+                node.appendChild(\n+                    this.createTextNode(content.value)\n+                );\n+            } else if (content.type == \"xhtml\") {\n+                node.appendChild(content.value);\n+            } else if (content.type == \"xhtml\" ||\n+                content.type.match(/(\\+|\\/)xml$/)) {\n+                node.appendChild(content.value);\n+            } else { // MUST be a valid Base64 encoding\n+                node.appendChild(\n+                    this.createTextNode(content.value)\n+                );\n+            }\n         }\n+        return node;\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Destroy the control.\n-     */\n-    destroy: function() {\n-        OpenLayers.Control.prototype.destroy.apply(this);\n-        this.previous.destroy();\n-        this.next.destroy();\n-        this.deactivate();\n-        for (var prop in this) {\n-            this[prop] = null;\n-        }\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control and <previous> and <next> child\n-     *     controls.\n+     * Method: buildEntryNode\n+     * Build an Atom entry node from a feature object.\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * feature - {<OpenLayers.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {DOMElement} an Atom entry node.\n+     *\n+     * These entries are geared for publication using AtomPub.\n+     *\n+     * TODO: support extension elements\n      */\n-    setMap: function(map) {\n-        this.map = map;\n-        this.next.setMap(map);\n-        this.previous.setMap(map);\n+    buildEntryNode: function(feature) {\n+        var attrib = feature.attributes;\n+        var atomAttrib = attrib.atom || {};\n+        var entryNode = this.createElementNSPlus(\"atom:entry\");\n+\n+        // atom:author\n+        if (atomAttrib.authors) {\n+            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ?\n+                atomAttrib.authors : [atomAttrib.authors];\n+            for (var i = 0, ii = authors.length; i < ii; i++) {\n+                entryNode.appendChild(\n+                    this.buildPersonConstructNode(\n+                        \"author\", authors[i]\n+                    )\n+                );\n+            }\n+        }\n+\n+        // atom:category\n+        if (atomAttrib.categories) {\n+            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ?\n+                atomAttrib.categories : [atomAttrib.categories];\n+            var category;\n+            for (var i = 0, ii = categories.length; i < ii; i++) {\n+                category = categories[i];\n+                entryNode.appendChild(\n+                    this.createElementNSPlus(\"atom:category\", {\n+                        attributes: {\n+                            term: category.term,\n+                            scheme: category.scheme || null,\n+                            label: category.label || null\n+                        }\n+                    })\n+                );\n+            }\n+        }\n+\n+        // atom:content\n+        if (atomAttrib.content) {\n+            entryNode.appendChild(this.buildContentNode(atomAttrib.content));\n+        }\n+\n+        // atom:contributor\n+        if (atomAttrib.contributors) {\n+            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ?\n+                atomAttrib.contributors : [atomAttrib.contributors];\n+            for (var i = 0, ii = contributors.length; i < ii; i++) {\n+                entryNode.appendChild(\n+                    this.buildPersonConstructNode(\n+                        \"contributor\",\n+                        contributors[i]\n+                    )\n+                );\n+            }\n+        }\n+\n+        // atom:id\n+        if (feature.fid) {\n+            entryNode.appendChild(\n+                this.createElementNSPlus(\"atom:id\", {\n+                    value: feature.fid\n+                })\n+            );\n+        }\n+\n+        // atom:link\n+        if (atomAttrib.links) {\n+            var links = OpenLayers.Util.isArray(atomAttrib.links) ?\n+                atomAttrib.links : [atomAttrib.links];\n+            var link;\n+            for (var i = 0, ii = links.length; i < ii; i++) {\n+                link = links[i];\n+                entryNode.appendChild(\n+                    this.createElementNSPlus(\"atom:link\", {\n+                        attributes: {\n+                            href: link.href,\n+                            rel: link.rel || null,\n+                            type: link.type || null,\n+                            hreflang: link.hreflang || null,\n+                            title: link.title || null,\n+                            length: link.length || null\n+                        }\n+                    })\n+                );\n+            }\n+        }\n+\n+        // atom:published\n+        if (atomAttrib.published) {\n+            entryNode.appendChild(\n+                this.createElementNSPlus(\"atom:published\", {\n+                    value: atomAttrib.published\n+                })\n+            );\n+        }\n+\n+        // atom:rights\n+        if (atomAttrib.rights) {\n+            entryNode.appendChild(\n+                this.createElementNSPlus(\"atom:rights\", {\n+                    value: atomAttrib.rights\n+                })\n+            );\n+        }\n+\n+        // atom:source not implemented\n+\n+        // atom:summary\n+        if (atomAttrib.summary || attrib.description) {\n+            entryNode.appendChild(\n+                this.createElementNSPlus(\"atom:summary\", {\n+                    value: atomAttrib.summary || attrib.description\n+                })\n+            );\n+        }\n+\n+        // atom:title\n+        entryNode.appendChild(\n+            this.createElementNSPlus(\"atom:title\", {\n+                value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n+            })\n+        );\n+\n+        // atom:updated\n+        if (atomAttrib.updated) {\n+            entryNode.appendChild(\n+                this.createElementNSPlus(\"atom:updated\", {\n+                    value: atomAttrib.updated\n+                })\n+            );\n+        }\n+\n+        // georss:where\n+        if (feature.geometry) {\n+            var whereNode = this.createElementNSPlus(\"georss:where\");\n+            whereNode.appendChild(\n+                this.buildGeometryNode(feature.geometry)\n+            );\n+            entryNode.appendChild(whereNode);\n+        }\n+\n+        return entryNode;\n     },\n \n     /**\n-     * Method: draw\n-     * Called when the control is added to the map.\n+     * Method: initGmlParser\n+     * Creates a GML parser.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.next.draw();\n-        this.previous.draw();\n+    initGmlParser: function() {\n+        this.gmlParser = new OpenLayers.Format.GML.v3({\n+            xy: this.xy,\n+            featureNS: \"http://example.com#feature\",\n+            internalProjection: this.internalProjection,\n+            externalProjection: this.externalProjection\n+        });\n     },\n \n     /**\n-     * Method: previousTrigger\n-     * Restore the previous state.  If no items are in the previous history\n-     *     stack, this has no effect.\n+     * Method: buildGeometryNode\n+     * builds a GeoRSS node with a given geometry\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n      *\n      * Returns:\n-     * {Object} Item representing state that was restored.  Undefined if no\n-     *     items are in the previous history stack.\n+     * {DOMElement} A gml node.\n      */\n-    previousTrigger: function() {\n-        var current = this.previousStack.shift();\n-        var state = this.previousStack.shift();\n-        if (state != undefined) {\n-            this.nextStack.unshift(current);\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(\n-                this.previousStack[1], this.previousStack.length - 1\n-            );\n-        } else {\n-            this.previousStack.unshift(current);\n+    buildGeometryNode: function(geometry) {\n+        if (!this.gmlParser) {\n+            this.initGmlParser();\n         }\n-        return state;\n+        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n+        return node.firstChild;\n     },\n \n     /**\n-     * APIMethod: nextTrigger\n-     * Restore the next state.  If no items are in the next history\n-     *     stack, this has no effect.  The next history stack is populated\n-     *     as states are restored from the previous history stack.\n+     * Method: buildPersonConstructNode\n+     *\n+     * Parameters:\n+     * name - {String}\n+     * value - {Object}\n      *\n      * Returns:\n-     * {Object} Item representing state that was restored.  Undefined if no\n-     *     items are in the next history stack.\n+     * {DOMElement} an Atom person construct node.\n+     *\n+     * Example:\n+     * >>> buildPersonConstructNode(\"author\", {name: \"John Smith\"})\n+     * {<author><name>John Smith</name></author>}\n+     *\n+     * TODO: how to specify extension elements? Add to the oNames array?\n      */\n-    nextTrigger: function() {\n-        var state = this.nextStack.shift();\n-        if (state != undefined) {\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(\n-                this.previousStack[1], this.previousStack.length - 1\n-            );\n+    buildPersonConstructNode: function(name, value) {\n+        var oNames = [\"uri\", \"email\"];\n+        var personNode = this.createElementNSPlus(\"atom:\" + name);\n+        personNode.appendChild(\n+            this.createElementNSPlus(\"atom:name\", {\n+                value: value.name\n+            })\n+        );\n+        for (var i = 0, ii = oNames.length; i < ii; i++) {\n+            if (value[oNames[i]]) {\n+                personNode.appendChild(\n+                    this.createElementNSPlus(\"atom:\" + oNames[i], {\n+                        value: value[oNames[i]]\n+                    })\n+                );\n+            }\n         }\n-        return state;\n+        return personNode;\n     },\n \n     /**\n-     * APIMethod: clear\n-     * Clear history.\n+     * Method: getFirstChildValue\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     * nsuri - {String} Child node namespace uri (\"*\" for any).\n+     * name - {String} Child node name.\n+     * def - {String} Optional string default to return if no child found.\n+     *\n+     * Returns:\n+     * {String} The value of the first child with the given tag name.  Returns\n+     *     default value or empty string if none found.\n      */\n-    clear: function() {\n-        this.previousStack = [];\n-        this.previous.deactivate();\n-        this.nextStack = [];\n-        this.next.deactivate();\n+    getFirstChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (nodes && nodes.length > 0) {\n+            value = this.getChildValue(nodes[0], def);\n+        } else {\n+            value = def;\n+        }\n+        return value;\n     },\n \n     /**\n-     * Method: getState\n-     * Get the current state and return it.\n+     * Method: parseFeature\n+     * Parse feature from an Atom entry node..\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An Atom entry or feed node.\n      *\n      * Returns:\n-     * {Object} An object representing the current state.\n+     * {<OpenLayers.Feature.Vector>}\n      */\n-    getState: function() {\n-        return {\n-            center: this.map.getCenter(),\n-            resolution: this.map.getResolution(),\n-            projection: this.map.getProjectionObject(),\n-            units: this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units\n+    parseFeature: function(node) {\n+        var atomAttrib = {};\n+        var value = null;\n+        var nodes = null;\n+        var attval = null;\n+        var atomns = this.namespaces.atom;\n+\n+        // atomAuthor*\n+        this.parsePersonConstructs(node, \"author\", atomAttrib);\n+\n+        // atomCategory*\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n+        if (nodes.length > 0) {\n+            atomAttrib.categories = [];\n+        }\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.term = nodes[i].getAttribute(\"term\");\n+            attval = nodes[i].getAttribute(\"scheme\");\n+            if (attval) {\n+                value.scheme = attval;\n+            }\n+            attval = nodes[i].getAttribute(\"label\");\n+            if (attval) {\n+                value.label = attval;\n+            }\n+            atomAttrib.categories.push(value);\n+        }\n+\n+        // atomContent?\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n+        if (nodes.length > 0) {\n+            value = {};\n+            attval = nodes[0].getAttribute(\"type\");\n+            if (attval) {\n+                value.type = attval;\n+            }\n+            attval = nodes[0].getAttribute(\"src\");\n+            if (attval) {\n+                value.src = attval;\n+            } else {\n+                if (value.type == \"text\" ||\n+                    value.type == \"html\" ||\n+                    value.type == null) {\n+                    value.value = this.getFirstChildValue(\n+                        node,\n+                        atomns,\n+                        \"content\",\n+                        null\n+                    );\n+                } else if (value.type == \"xhtml\" ||\n+                    value.type.match(/(\\+|\\/)xml$/)) {\n+                    value.value = this.getChildEl(nodes[0]);\n+                } else { // MUST be base64 encoded\n+                    value.value = this.getFirstChildValue(\n+                        node,\n+                        atomns,\n+                        \"content\",\n+                        null\n+                    );\n+                }\n+                atomAttrib.content = value;\n+            }\n+        }\n+\n+        // atomContributor*\n+        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n+\n+        // atomId\n+        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n+\n+        // atomLink*\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n+        if (nodes.length > 0) {\n+            atomAttrib.links = new Array(nodes.length);\n+        }\n+        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.href = nodes[i].getAttribute(\"href\");\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                attval = nodes[i].getAttribute(oAtts[j]);\n+                if (attval) {\n+                    value[oAtts[j]] = attval;\n+                }\n+            }\n+            atomAttrib.links[i] = value;\n+        }\n+\n+        // atomPublished?\n+        value = this.getFirstChildValue(node, atomns, \"published\", null);\n+        if (value) {\n+            atomAttrib.published = value;\n+        }\n+\n+        // atomRights?\n+        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n+        if (value) {\n+            atomAttrib.rights = value;\n+        }\n+\n+        // atomSource? -- not implemented\n+\n+        // atomSummary?\n+        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n+        if (value) {\n+            atomAttrib.summary = value;\n+        }\n+\n+        // atomTitle\n+        atomAttrib.title = this.getFirstChildValue(\n+            node, atomns, \"title\", null\n+        );\n+\n+        // atomUpdated\n+        atomAttrib.updated = this.getFirstChildValue(\n+            node, atomns, \"updated\", null\n+        );\n+\n+        var featureAttrib = {\n+            title: atomAttrib.title,\n+            description: atomAttrib.summary,\n+            atom: atomAttrib\n         };\n+        var geometry = this.parseLocations(node)[0];\n+        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n+        feature.fid = atomAttrib.id;\n+        return feature;\n     },\n \n     /**\n-     * Method: restore\n-     * Update the state with the given object.\n+     * Method: parseFeatures\n+     * Return features from an Atom entry or feed.\n      *\n      * Parameters:\n-     * state - {Object} An object representing the state to restore.\n+     * node - {DOMElement} An Atom entry or feed node.\n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    restore: function(state) {\n-        var center, zoom;\n-        if (this.map.getProjectionObject() == state.projection) {\n-            zoom = this.map.getZoomForResolution(state.resolution);\n-            center = state.center;\n-        } else {\n-            center = state.center.clone();\n-            center.transform(state.projection, this.map.getProjectionObject());\n-            var sourceUnits = state.units;\n-            var targetUnits = this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units;\n-            var resolutionFactor = sourceUnits && targetUnits ?\n-                OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution);\n+    parseFeatures: function(node) {\n+        var features = [];\n+        var entries = this.getElementsByTagNameNS(\n+            node, this.namespaces.atom, \"entry\"\n+        );\n+        if (entries.length == 0) {\n+            entries = [node];\n         }\n-        this.map.setCenter(center, zoom);\n-    },\n-\n-    /**\n-     * Method: setListeners\n-     * Sets functions to be registered in the listeners object.\n-     */\n-    setListeners: function() {\n-        this.listeners = {};\n-        for (var type in this.registry) {\n-            this.listeners[type] = OpenLayers.Function.bind(function() {\n-                if (!this.restoring) {\n-                    var state = this.registry[type].apply(this, arguments);\n-                    this.previousStack.unshift(state);\n-                    if (this.previousStack.length > 1) {\n-                        this.onPreviousChange(\n-                            this.previousStack[1], this.previousStack.length - 1\n-                        );\n-                    }\n-                    if (this.previousStack.length > (this.limit + 1)) {\n-                        this.previousStack.pop();\n-                    }\n-                    if (this.nextStack.length > 0) {\n-                        this.nextStack = [];\n-                        this.onNextChange(null, 0);\n-                    }\n-                }\n-                return true;\n-            }, this);\n+        for (var i = 0, ii = entries.length; i < ii; i++) {\n+            features.push(this.parseFeature(entries[i]));\n         }\n+        return features;\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the control.  This registers any listeners.\n+     * Method: parseLocations\n+     * Parse the locations from an Atom entry or feed.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An Atom entry or feed node.\n      *\n      * Returns:\n-     * {Boolean} Control successfully activated.\n+     * Array({<OpenLayers.Geometry>})\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.activate.apply(this)) {\n-                if (this.listeners == null) {\n-                    this.setListeners();\n+    parseLocations: function(node) {\n+        var georssns = this.namespaces.georss;\n+\n+        var locations = {\n+            components: []\n+        };\n+        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n+        if (where && where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.initGmlParser();\n+            }\n+            for (var i = 0, ii = where.length; i < ii; i++) {\n+                this.gmlParser.readChildNodes(where[i], locations);\n+            }\n+        }\n+\n+        var components = locations.components;\n+        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n+        if (point && point.length > 0) {\n+            for (var i = 0, ii = point.length; i < ii; i++) {\n+                var xy = OpenLayers.String.trim(\n+                    point[i].firstChild.nodeValue\n+                ).split(/\\s+/);\n+                if (xy.length != 2) {\n+                    xy = OpenLayers.String.trim(\n+                        point[i].firstChild.nodeValue\n+                    ).split(/\\s*,\\s*/);\n                 }\n-                for (var type in this.listeners) {\n-                    this.map.events.register(type, this, this.listeners[type]);\n+                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]));\n+            }\n+        }\n+\n+        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n+        if (line && line.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = line.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(\n+                    line[i].firstChild.nodeValue\n+                ).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p);\n                 }\n-                activated = true;\n-                if (this.previousStack.length == 0) {\n-                    this.initStack();\n+                components.push(\n+                    new OpenLayers.Geometry.LineString(points)\n+                );\n+            }\n+        }\n+\n+        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n+        if (polygon && polygon.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = polygon.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(\n+                    polygon[i].firstChild.nodeValue\n+                ).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p);\n                 }\n+                components.push(\n+                    new OpenLayers.Geometry.Polygon(\n+                        [new OpenLayers.Geometry.LinearRing(points)]\n+                    )\n+                );\n             }\n         }\n-        return activated;\n-    },\n \n-    /**\n-     * Method: initStack\n-     * Called after the control is activated if the previous history stack is\n-     *     empty.\n-     */\n-    initStack: function() {\n-        if (this.map.getCenter()) {\n-            this.listeners.moveend();\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var i = 0, ii = components.length; i < ii; i++) {\n+                if (components[i]) {\n+                    components[i].transform(\n+                        this.externalProjection,\n+                        this.internalProjection\n+                    );\n+                }\n+            }\n         }\n+\n+        return components;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.  This unregisters any listeners.\n+     * Method: parsePersonConstruct\n+     * Parse Atom person constructs from an Atom entry node.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An Atom entry or feed node.\n+     * name - {String} Construcy name (\"author\" or \"contributor\")\n+     * data = {Object} Object in which to put parsed persons.\n      *\n      * Returns:\n-     * {Boolean} Control successfully deactivated.\n+     * An {Object}.\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n-                for (var type in this.listeners) {\n-                    this.map.events.unregister(\n-                        type, this, this.listeners[type]\n-                    );\n-                }\n-                if (this.clearOnDeactivate) {\n-                    this.clear();\n+    parsePersonConstructs: function(node, name, data) {\n+        var persons = [];\n+        var atomns = this.namespaces.atom;\n+        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n+        var oAtts = [\"uri\", \"email\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            var value = {};\n+            value.name = this.getFirstChildValue(\n+                nodes[i],\n+                atomns,\n+                \"name\",\n+                null\n+            );\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                var attval = this.getFirstChildValue(\n+                    nodes[i],\n+                    atomns,\n+                    oAtts[j],\n+                    null);\n+                if (attval) {\n+                    value[oAtts[j]] = attval;\n                 }\n-                deactivated = true;\n             }\n+            persons.push(value);\n+        }\n+        if (persons.length > 0) {\n+            data[name + \"s\"] = persons;\n         }\n-        return deactivated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n+    CLASS_NAME: \"OpenLayers.Format.Atom\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Control/KeyboardDefaults.js\n+    OpenLayers/Format/SOSGetObservation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Keyboard.js\n- * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n  */\n \n /**\n- * Class: OpenLayers.Control.KeyboardDefaults\n- * The KeyboardDefaults control adds panning and zooming functions, controlled\n- * with the keyboard. By default arrow keys pan, +/- keys zoom & Page Up/Page\n- * Down/Home/End scroll by three quarters of a page.\n- * \n- * This control has no visible appearance.\n+ * Class: OpenLayers.Format.SOSGetObservation\n+ * Read and write SOS GetObersation (to get the actual values from a sensor) \n+ *     version 1.0.0\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    autoActivate: true,\n+    namespaces: {\n+        ows: \"http://www.opengis.net/ows\",\n+        gml: \"http://www.opengis.net/gml\",\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        om: \"http://www.opengis.net/om/1.0\",\n+        sa: \"http://www.opengis.net/sampling/1.0\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * APIProperty: slideFactor\n-     * Pixels to slide by.\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n      */\n-    slideFactor: 75,\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n \n     /**\n-     * APIProperty: observeElement\n-     * {DOMelement|String} The DOM element to handle keys for. You\n-     *     can use the map div here, to have the navigation keys\n-     *     work when the map div has the focus. If undefined the\n-     *     document is used.\n+     * Constant: VERSION\n+     * {String} 1.0.0\n      */\n-    observeElement: null,\n+    VERSION: \"1.0.0\",\n \n     /**\n-     * Constructor: OpenLayers.Control.KeyboardDefaults\n+     * Property: schemaLocation\n+     * {String} Schema location\n      */\n+    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n \n     /**\n-     * Method: draw\n-     * Create handler.\n+     * Property: defaultPrefix\n      */\n-    draw: function() {\n-        var observeElement = this.observeElement || document;\n-        this.handler = new OpenLayers.Handler.Keyboard(this, {\n-            \"keydown\": this.defaultKeyPress\n-        }, {\n-            observeElement: observeElement\n-        });\n-    },\n+    defaultPrefix: \"sos\",\n \n     /**\n-     * Method: defaultKeyPress\n-     * When handling the key event, we only use evt.keyCode. This holds \n-     * some drawbacks, though we get around them below. When interpretting\n-     * the keycodes below (including the comments associated with them),\n-     * consult the URL below. For instance, the Safari browser returns\n-     * \"IE keycodes\", and so is supported by any keycode labeled \"IE\".\n-     * \n-     * Very informative URL:\n-     *    http://unixpapa.com/js/key.html\n+     * Constructor: OpenLayers.Format.SOSGetObservation\n      *\n      * Parameters:\n-     * evt - {Event} \n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    defaultKeyPress: function(evt) {\n-        var size, handled = true;\n \n-        var target = OpenLayers.Event.element(evt);\n-        if (target &&\n-            (target.tagName == 'INPUT' ||\n-                target.tagName == 'TEXTAREA' ||\n-                target.tagName == 'SELECT')) {\n-            return;\n+    /**\n+     * Method: read\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Object} An object containing the measurements\n+     */\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement;\n         }\n+        var info = {\n+            measurements: [],\n+            observations: []\n+        };\n+        this.readNode(data, info);\n+        return info;\n+    },\n \n-        switch (evt.keyCode) {\n-            case OpenLayers.Event.KEY_LEFT:\n-                this.map.pan(-this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_RIGHT:\n-                this.map.pan(this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_UP:\n-                this.map.pan(0, -this.slideFactor);\n-                break;\n-            case OpenLayers.Event.KEY_DOWN:\n-                this.map.pan(0, this.slideFactor);\n-                break;\n+    /**\n+     * Method: write\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object.\n+     *\n+     * Returns:\n+     * {String} An SOS GetObservation request XML string.\n+     */\n+    write: function(options) {\n+        var node = this.writeNode(\"sos:GetObservation\", options);\n+        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n+        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n+        this.setAttributeNS(\n+            node, this.namespaces.xsi,\n+            \"xsi:schemaLocation\", this.schemaLocation\n+        );\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+    },\n \n-            case 33: // Page Up. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0, -0.75 * size.h);\n-                break;\n-            case 34: // Page Down. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0, 0.75 * size.h);\n-                break;\n-            case 35: // End. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0.75 * size.w, 0);\n-                break;\n-            case 36: // Home. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(-0.75 * size.w, 0);\n-                break;\n+    /**\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n+     */\n+    readers: {\n+        \"om\": {\n+            \"ObservationCollection\": function(node, obj) {\n+                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                this.readChildNodes(node, obj);\n+            },\n+            \"member\": function(node, observationCollection) {\n+                this.readChildNodes(node, observationCollection);\n+            },\n+            \"Measurement\": function(node, observationCollection) {\n+                var measurement = {};\n+                observationCollection.measurements.push(measurement);\n+                this.readChildNodes(node, measurement);\n+            },\n+            \"Observation\": function(node, observationCollection) {\n+                var observation = {};\n+                observationCollection.observations.push(observation);\n+                this.readChildNodes(node, observation);\n+            },\n+            \"samplingTime\": function(node, measurement) {\n+                var samplingTime = {};\n+                measurement.samplingTime = samplingTime;\n+                this.readChildNodes(node, samplingTime);\n+            },\n+            \"observedProperty\": function(node, measurement) {\n+                measurement.observedProperty =\n+                    this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement);\n+            },\n+            \"procedure\": function(node, measurement) {\n+                measurement.procedure =\n+                    this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement);\n+            },\n+            \"featureOfInterest\": function(node, observation) {\n+                var foi = {\n+                    features: []\n+                };\n+                observation.fois = [];\n+                observation.fois.push(foi);\n+                this.readChildNodes(node, foi);\n+                // postprocessing to get actual features\n+                var features = [];\n+                for (var i = 0, len = foi.features.length; i < len; i++) {\n+                    var feature = foi.features[i];\n+                    features.push(new OpenLayers.Feature.Vector(\n+                        feature.components[0], feature.attributes));\n+                }\n+                foi.features = features;\n+            },\n+            \"result\": function(node, measurement) {\n+                var result = {};\n+                measurement.result = result;\n+                if (this.getChildValue(node) !== '') {\n+                    result.value = this.getChildValue(node);\n+                    result.uom = node.getAttribute(\"uom\");\n+                } else {\n+                    this.readChildNodes(node, result);\n+                }\n+            }\n+        },\n+        \"sa\": OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"TimeInstant\": function(node, samplingTime) {\n+                var timeInstant = {};\n+                samplingTime.timeInstant = timeInstant;\n+                this.readChildNodes(node, timeInstant);\n+            },\n+            \"timePosition\": function(node, timeInstant) {\n+                timeInstant.timePosition = this.getChildValue(node);\n+            }\n+        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n+    },\n \n-            case 43: // +/= (ASCII), keypad + (ASCII, Opera)\n-            case 61: // +/= (Mozilla, Opera, some ASCII)\n-            case 187: // +/= (IE)\n-            case 107: // keypad + (IE, Mozilla)\n-                this.map.zoomIn();\n-                break;\n-            case 45: // -/_ (ASCII, Opera), keypad - (ASCII, Opera)\n-            case 109: // -/_ (Mozilla), keypad - (Mozilla, IE)\n-            case 189: // -/_ (IE)\n-            case 95: // -/_ (some ASCII)\n-                this.map.zoomOut();\n-                break;\n-            default:\n-                handled = false;\n-        }\n-        if (handled) {\n-            // prevent browser default not to move the page\n-            // when moving the page with the keyboard\n-            OpenLayers.Event.stop(evt);\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {\n+        \"sos\": {\n+            \"GetObservation\": function(options) {\n+                var node = this.createElementNSPlus(\"GetObservation\", {\n+                    attributes: {\n+                        version: this.VERSION,\n+                        service: 'SOS'\n+                    }\n+                });\n+                this.writeNode(\"offering\", options, node);\n+                if (options.eventTime) {\n+                    this.writeNode(\"eventTime\", options, node);\n+                }\n+                for (var procedure in options.procedures) {\n+                    this.writeNode(\"procedure\", options.procedures[procedure], node);\n+                }\n+                for (var observedProperty in options.observedProperties) {\n+                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node);\n+                }\n+                if (options.foi) {\n+                    this.writeNode(\"featureOfInterest\", options.foi, node);\n+                }\n+                this.writeNode(\"responseFormat\", options, node);\n+                if (options.resultModel) {\n+                    this.writeNode(\"resultModel\", options, node);\n+                }\n+                if (options.responseMode) {\n+                    this.writeNode(\"responseMode\", options, node);\n+                }\n+                return node;\n+            },\n+            \"featureOfInterest\": function(foi) {\n+                var node = this.createElementNSPlus(\"featureOfInterest\");\n+                this.writeNode(\"ObjectID\", foi.objectId, node);\n+                return node;\n+            },\n+            \"ObjectID\": function(options) {\n+                return this.createElementNSPlus(\"ObjectID\", {\n+                    value: options\n+                });\n+            },\n+            \"responseFormat\": function(options) {\n+                return this.createElementNSPlus(\"responseFormat\", {\n+                    value: options.responseFormat\n+                });\n+            },\n+            \"procedure\": function(procedure) {\n+                return this.createElementNSPlus(\"procedure\", {\n+                    value: procedure\n+                });\n+            },\n+            \"offering\": function(options) {\n+                return this.createElementNSPlus(\"offering\", {\n+                    value: options.offering\n+                });\n+            },\n+            \"observedProperty\": function(observedProperty) {\n+                return this.createElementNSPlus(\"observedProperty\", {\n+                    value: observedProperty\n+                });\n+            },\n+            \"eventTime\": function(options) {\n+                var node = this.createElementNSPlus(\"eventTime\");\n+                if (options.eventTime === 'latest') {\n+                    this.writeNode(\"ogc:TM_Equals\", options, node);\n+                }\n+                return node;\n+            },\n+            \"resultModel\": function(options) {\n+                return this.createElementNSPlus(\"resultModel\", {\n+                    value: options.resultModel\n+                });\n+            },\n+            \"responseMode\": function(options) {\n+                return this.createElementNSPlus(\"responseMode\", {\n+                    value: options.responseMode\n+                });\n+            }\n+        },\n+        \"ogc\": {\n+            \"TM_Equals\": function(options) {\n+                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n+                this.writeNode(\"ogc:PropertyName\", {\n+                    property: \"urn:ogc:data:time:iso8601\"\n+                }, node);\n+                if (options.eventTime === 'latest') {\n+                    this.writeNode(\"gml:TimeInstant\", {\n+                        value: 'latest'\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"PropertyName\": function(options) {\n+                return this.createElementNSPlus(\"ogc:PropertyName\", {\n+                    value: options.property\n+                });\n+            }\n+        },\n+        \"gml\": {\n+            \"TimeInstant\": function(options) {\n+                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n+                this.writeNode(\"gml:timePosition\", options, node);\n+                return node;\n+            },\n+            \"timePosition\": function(options) {\n+                var node = this.createElementNSPlus(\"gml:timePosition\", {\n+                    value: options.value\n+                });\n+                return node;\n+            }\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n+    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/PanPanel.js\n+    OpenLayers/Format/WFSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Pan.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.PanPanel\n- * The PanPanel is visible control for panning the map North, South, East or\n- * West in small steps. By default it is drawn in the top left corner of the\n- * map.\n- *\n- * Note: \n- * If you wish to use this class with the default images and you want \n- *       it to look nice in ie6, you should add the following, conditionally\n- *       added css stylesheet to your HTML file:\n+ * Class: OpenLayers.Format.WFSCapabilities\n+ * Read WFS Capabilities.\n  * \n- * (code)\n- * <!--[if lte IE 6]>\n- *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n- * <![endif]-->\n- * (end)\n- *\n  * Inherits from:\n- *  - <OpenLayers.Control.Panel> \n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n-    /** \n-     * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n-     *     by some ratio of the map dimensions, use <slideRatio> instead.\n+    /**\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    slideFactor: 50,\n+    defaultVersion: \"1.1.0\",\n \n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n-     *     pan up half the map height. \n+    /**\n+     * Constructor: OpenLayers.Format.WFSCapabilities\n+     * Create a new parser for WFS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    slideRatio: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.PanPanel \n-     * Add the four directional pan buttons.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return a list of layers. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * Returns:\n+     * {Array} List of named layers.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        var options = {\n-            slideFactor: this.slideFactor,\n-            slideRatio: this.slideRatio\n-        };\n-        this.addControls([\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)\n-        ]);\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/MousePosition.js\n+    OpenLayers/Format/WMTSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.MousePosition\n- * The MousePosition control displays geographic coordinates of the mouse\n- * pointer, as it is moved about the map.\n- *\n- * You can use the <prefix>- or <suffix>-properties to provide more information\n- * about the displayed coordinates to the user:\n- *\n- * (code)\n- *     var mousePositionCtrl = new OpenLayers.Control.MousePosition({\n- *         prefix: '<a target=\"_blank\" ' +\n- *             'href=\"http://spatialreference.org/ref/epsg/4326/\">' +\n- *             'EPSG:4326</a> coordinates: '\n- *         }\n- *     );\n- * (end code)\n+ * Class: OpenLayers.Format.WMTSCapabilities\n+ * Read WMTS Capabilities.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * Property: element\n-     * {DOMElement}\n-     */\n-    element: null,\n-\n-    /**\n-     * APIProperty: prefix\n-     * {String} A string to be prepended to the current pointers coordinates\n-     *     when it is rendered.  Defaults to the empty string ''.\n-     */\n-    prefix: '',\n-\n-    /**\n-     * APIProperty: separator\n-     * {String} A string to be used to seperate the two coordinates from each\n-     *     other.  Defaults to the string ', ', which will result in a\n-     *     rendered coordinate of e.g. '42.12, 21.22'.\n-     */\n-    separator: ', ',\n-\n-    /**\n-     * APIProperty: suffix\n-     * {String} A string to be appended to the current pointers coordinates\n-     *     when it is rendered.  Defaults to the empty string ''.\n-     */\n-    suffix: '',\n-\n-    /**\n-     * APIProperty: numDigits\n-     * {Integer} The number of digits each coordinate shall have when being\n-     *     rendered, Defaults to 5.\n-     */\n-    numDigits: 5,\n-\n-    /**\n-     * APIProperty: granularity\n-     * {Integer}\n-     */\n-    granularity: 10,\n+OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: emptyString\n-     * {String} Set this to some value to set when the mouse is outside the\n-     *     map.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    emptyString: null,\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * Property: lastXy\n-     * {<OpenLayers.Pixel>}\n+     * APIProperty: yx\n+     * {Object} Members in the yx object are used to determine if a CRS URN\n+     *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n+     *     and values are boolean.  By default, the following CRS URN are\n+     *     assumed to correspond to a CRS with y,x axis order:\n+     *\n+     * * urn:ogc:def:crs:EPSG::4326\n      */\n-    lastXy: null,\n+    yx: {\n+        \"urn:ogc:def:crs:EPSG::4326\": true\n+    },\n \n     /**\n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} The projection in which the mouse position is\n-     *     displayed.\n+     * Constructor: OpenLayers.Format.WMTSCapabilities\n+     * Create a new parser for WMTS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    displayProjection: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.MousePosition\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return information about\n+     * the service (offering and observedProperty mostly).\n      *\n      * Parameters:\n-     * options - {Object} Options for control.\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Object} Info about the WMTS Capabilities\n      */\n \n     /**\n-     * Method: destroy\n+     * APIMethod: createLayer\n+     * Create a WMTS layer given a capabilities object.\n+     *\n+     * Parameters:\n+     * capabilities - {Object} The object returned from a <read> call to this\n+     *     format.\n+     * config - {Object} Configuration properties for the layer.  Defaults for\n+     *     the layer will apply if not provided.\n+     *\n+     * Required config properties:\n+     * layer - {String} The layer identifier.\n+     *\n+     * Optional config properties:\n+     * matrixSet - {String} The matrix set identifier, required if there is \n+     *      more than one matrix set in the layer capabilities.\n+     * style - {String} The name of the style\n+     * format - {String} Image format for the layer. Default is the first\n+     *     format returned in the GetCapabilities response.\n+     * param - {Object} The dimensions values eg: {\"Year\": \"2012\"}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.WMTS>} A properly configured WMTS layer.  Throws an\n+     *     error if an incomplete config is provided.  Returns undefined if no\n+     *     layer could be created with the provided config.\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n+    createLayer: function(capabilities, config) {\n+        var layer;\n \n-    /**\n-     * APIMethod: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.events.register('mousemove', this, this.redraw);\n-            this.map.events.register('mouseout', this, this.reset);\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n+        // confirm required properties are supplied in config\n+        if (!('layer' in config)) {\n+            throw new Error(\"Missing property 'layer' in configuration.\");\n         }\n-    },\n \n-    /**\n-     * APIMethod: deactivate\n-     */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister('mousemove', this, this.redraw);\n-            this.map.events.unregister('mouseout', this, this.reset);\n-            this.element.innerHTML = \"\";\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n+        var contents = capabilities.contents;\n \n-    /**\n-     * Method: draw\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        // find the layer definition with the given identifier\n+        var layers = contents.layers;\n+        var layerDef;\n+        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n+            if (contents.layers[i].identifier === config.layer) {\n+                layerDef = contents.layers[i];\n+                break;\n+            }\n+        }\n+        if (!layerDef) {\n+            throw new Error(\"Layer not found\");\n+        }\n \n-        if (!this.element) {\n-            this.div.left = \"\";\n-            this.div.top = \"\";\n-            this.element = this.div;\n+        var format = config.format;\n+        if (!format && layerDef.formats && layerDef.formats.length) {\n+            format = layerDef.formats[0];\n         }\n \n-        return this.div;\n-    },\n+        // find the matrixSet definition\n+        var matrixSet;\n+        if (config.matrixSet) {\n+            matrixSet = contents.tileMatrixSets[config.matrixSet];\n+        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n+            matrixSet = contents.tileMatrixSets[\n+                layerDef.tileMatrixSetLinks[0].tileMatrixSet];\n+        }\n+        if (!matrixSet) {\n+            throw new Error(\"matrixSet not found\");\n+        }\n \n-    /**\n-     * Method: redraw\n-     */\n-    redraw: function(evt) {\n+        // get the default style for the layer\n+        var style;\n+        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n+            style = layerDef.styles[i];\n+            if (style.isDefault) {\n+                break;\n+            }\n+        }\n \n-        var lonLat;\n+        var requestEncoding = config.requestEncoding;\n+        if (!requestEncoding) {\n+            requestEncoding = \"KVP\";\n+            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n+                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n+                // Get first get method\n+                if (http.get[0].constraints) {\n+                    var constraints = http.get[0].constraints;\n+                    var allowedValues = constraints.GetEncoding.allowedValues;\n \n-        if (evt == null) {\n-            this.reset();\n-            return;\n-        } else {\n-            if (this.lastXy == null ||\n-                Math.abs(evt.xy.x - this.lastXy.x) > this.granularity ||\n-                Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n-                this.lastXy = evt.xy;\n-                return;\n+                    // The OGC documentation is not clear if we should use\n+                    // REST or RESTful, ArcGis use RESTful,\n+                    // and OpenLayers use REST.\n+                    if (!allowedValues.KVP &&\n+                        (allowedValues.REST || allowedValues.RESTful)) {\n+                        requestEncoding = \"REST\";\n+                    }\n+                }\n             }\n+        }\n \n-            lonLat = this.map.getLonLatFromPixel(evt.xy);\n-            if (!lonLat) {\n-                // map has not yet been properly initialized\n-                return;\n-            }\n-            if (this.displayProjection) {\n-                lonLat.transform(this.map.getProjectionObject(),\n-                    this.displayProjection);\n+        var dimensions = [];\n+        var params = config.params || {};\n+        // to don't overwrite the changes in the applyDefaults\n+        delete config.params;\n+        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n+            var dimension = layerDef.dimensions[id];\n+            dimensions.push(dimension.identifier);\n+            if (!params.hasOwnProperty(dimension.identifier)) {\n+                params[dimension.identifier] = dimension['default'];\n             }\n-            this.lastXy = evt.xy;\n-\n         }\n \n-        var newHtml = this.formatOutput(lonLat);\n+        var projection = config.projection || matrixSet.supportedCRS.replace(\n+            /urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n+        var units = config.units ||\n+            (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n \n-        if (newHtml != this.element.innerHTML) {\n-            this.element.innerHTML = newHtml;\n+        var resolutions = [];\n+        for (var mid in matrixSet.matrixIds) {\n+            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n+                resolutions.push(\n+                    matrixSet.matrixIds[mid].scaleDenominator * 0.28E-3 /\n+                    OpenLayers.METERS_PER_INCH /\n+                    OpenLayers.INCHES_PER_UNIT[units]);\n+            }\n         }\n-    },\n \n-    /**\n-     * Method: reset\n-     */\n-    reset: function(evt) {\n-        if (this.emptyString != null) {\n-            this.element.innerHTML = this.emptyString;\n+        var url;\n+        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n+            url = [];\n+            var resourceUrls = layerDef.resourceUrls,\n+                resourceUrl;\n+            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n+                resourceUrl = layerDef.resourceUrls[t];\n+                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n+                    url.push(resourceUrl.template);\n+                }\n+            }\n+        } else {\n+            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n+            url = [];\n+            var constraint;\n+            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n+                constraint = httpGet[i].constraints;\n+                if (!constraint || (constraint && constraint.GetEncoding.allowedValues[requestEncoding])) {\n+                    url.push(httpGet[i].url);\n+                }\n+            }\n         }\n-    },\n \n-    /**\n-     * Method: formatOutput\n-     * Override to provide custom display output\n-     *\n-     * Parameters:\n-     * lonLat - {<OpenLayers.LonLat>} Location to display\n-     */\n-    formatOutput: function(lonLat) {\n-        var digits = parseInt(this.numDigits);\n-        var newHtml =\n-            this.prefix +\n-            lonLat.lon.toFixed(digits) +\n-            this.separator +\n-            lonLat.lat.toFixed(digits) +\n-            this.suffix;\n-        return newHtml;\n+        return new OpenLayers.Layer.WMTS(\n+            OpenLayers.Util.applyDefaults(config, {\n+                url: url,\n+                requestEncoding: requestEncoding,\n+                name: layerDef.title,\n+                style: style.identifier,\n+                format: format,\n+                matrixIds: matrixSet.matrixIds,\n+                matrixSet: matrixSet.identifier,\n+                projection: projection,\n+                units: units,\n+                resolutions: config.isBaseLayer === false ? undefined : resolutions,\n+                serverResolutions: resolutions,\n+                tileFullExtent: matrixSet.bounds,\n+                dimensions: dimensions,\n+                params: params\n+            })\n+        );\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n+    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Control/ArgParser.js\n+    OpenLayers/Format/OSM.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n-/**\n- * Class: OpenLayers.Control.ArgParser\n- * The ArgParser control adds location bar query string parsing functionality \n- * to an OpenLayers Map.\n- * When added to a Map control, on a page load/refresh, the Map will \n- * automatically take the href string and parse it for lon, lat, zoom, and \n- * layers information. \n+/**  \n+ * Class: OpenLayers.Format.OSM\n+ * OSM parser. Create a new instance with the \n+ *     <OpenLayers.Format.OSM> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: center\n-     * {<OpenLayers.LonLat>}\n+     * APIProperty: checkTags\n+     * {Boolean} Should tags be checked to determine whether something\n+     * should be treated as a seperate node. Will slow down parsing.\n+     * Default is false.\n      */\n-    center: null,\n+    checkTags: false,\n \n     /**\n-     * Property: zoom\n-     * {int}\n+     * Property: interestingTagsExclude\n+     * {Array} List of tags to exclude from 'interesting' checks on nodes.\n+     * Must be set when creating the format. Will only be used if checkTags\n+     * is set.\n      */\n-    zoom: null,\n+    interestingTagsExclude: null,\n \n     /**\n-     * Property: layers\n-     * {String} Each character represents the state of the corresponding layer \n-     *     on the map.\n-     */\n-    layers: null,\n-\n-    /** \n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} Requires proj4js support. \n-     *     Projection used when reading the coordinates from the URL. This will\n-     *     reproject the map coordinates from the URL into the map's\n-     *     projection.\n-     *\n-     *     If you are using this functionality, be aware that any permalink\n-     *     which is added to the map will determine the coordinate type which\n-     *     is read from the URL, which means you should not add permalinks with\n-     *     different displayProjections to the same map. \n+     * APIProperty: areaTags\n+     * {Array} List of tags indicating that something is an area.  \n+     * Must be set when creating the format. Will only be used if \n+     * checkTags is true.\n      */\n-    displayProjection: null,\n+    areaTags: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.ArgParser\n+     * Constructor: OpenLayers.Format.OSM\n+     * Create a new parser for OSM.\n      *\n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n+    initialize: function(options) {\n+        var layer_defaults = {\n+            'interestingTagsExclude': ['source', 'source_ref',\n+                'source:ref', 'history', 'attribution', 'created_by'\n+            ],\n+            'areaTags': ['area', 'building', 'leisure', 'tourism', 'ruins',\n+                'historic', 'landuse', 'military', 'natural', 'sport'\n+            ]\n+        };\n \n-    /**\n-     * Method: getParameters\n-     */\n-    getParameters: function(url) {\n-        url = url || window.location.href;\n-        var parameters = OpenLayers.Util.getParameters(url);\n+        layer_defaults = OpenLayers.Util.extend(layer_defaults, options);\n \n-        // If we have an anchor in the url use it to split the url\n-        var index = url.indexOf('#');\n-        if (index > 0) {\n-            // create an url to parse on the getParameters\n-            url = '?' + url.substring(index + 1, url.length);\n+        var interesting = {};\n+        for (var i = 0; i < layer_defaults.interestingTagsExclude.length; i++) {\n+            interesting[layer_defaults.interestingTagsExclude[i]] = true;\n+        }\n+        layer_defaults.interestingTagsExclude = interesting;\n \n-            OpenLayers.Util.extend(parameters,\n-                OpenLayers.Util.getParameters(url));\n+        var area = {};\n+        for (var i = 0; i < layer_defaults.areaTags.length; i++) {\n+            area[layer_defaults.areaTags[i]] = true;\n         }\n-        return parameters;\n+        layer_defaults.areaTags = area;\n+\n+        // OSM coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [layer_defaults]);\n     },\n \n     /**\n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n+     * APIMethod: read\n+     * Return a list of features from a OSM doc\n+     \n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * doc - {Element} \n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n+        }\n \n-        //make sure we dont already have an arg parser attached\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if ((control != this) &&\n-                (control.CLASS_NAME == \"OpenLayers.Control.ArgParser\")) {\n+        var nodes = this.getNodes(doc);\n+        var ways = this.getWays(doc);\n \n-                // If a second argparser is added to the map, then we \n-                // override the displayProjection to be the one added to the\n-                // map. \n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection;\n-                }\n+        // Geoms will contain at least ways.length entries.\n+        var feat_list = new Array(ways.length);\n \n-                break;\n-            }\n-        }\n-        if (i == this.map.controls.length) {\n+        for (var i = 0; i < ways.length; i++) {\n+            // We know the minimal of this one ahead of time. (Could be -1\n+            // due to areas/polygons)\n+            var point_list = new Array(ways[i].nodes.length);\n \n-            var args = this.getParameters();\n-            // Be careful to set layer first, to not trigger unnecessary layer loads\n-            if (args.layers) {\n-                this.layers = args.layers;\n+            var poly = this.isWayArea(ways[i]) ? 1 : 0;\n+            for (var j = 0; j < ways[i].nodes.length; j++) {\n+                var node = nodes[ways[i].nodes[j]];\n \n-                // when we add a new layer, set its visibility \n-                this.map.events.register('addlayer', this,\n-                    this.configureLayers);\n-                this.configureLayers();\n-            }\n-            if (args.lat && args.lon) {\n-                this.center = new OpenLayers.LonLat(parseFloat(args.lon),\n-                    parseFloat(args.lat));\n-                if (args.zoom) {\n-                    this.zoom = parseFloat(args.zoom);\n-                }\n+                var point = new OpenLayers.Geometry.Point(node.lon, node.lat);\n \n-                // when we add a new baselayer to see when we can set the center\n-                this.map.events.register('changebaselayer', this,\n-                    this.setCenter);\n-                this.setCenter();\n+                // Since OSM is topological, we stash the node ID internally. \n+                point.osm_id = parseInt(ways[i].nodes[j]);\n+                point_list[j] = point;\n+\n+                // We don't display nodes if they're used inside other \n+                // elements.\n+                node.used = true;\n+            }\n+            var geometry = null;\n+            if (poly) {\n+                geometry = new OpenLayers.Geometry.Polygon(\n+                    new OpenLayers.Geometry.LinearRing(point_list));\n+            } else {\n+                geometry = new OpenLayers.Geometry.LineString(point_list);\n             }\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry.transform(this.externalProjection,\n+                    this.internalProjection);\n+            }\n+            var feat = new OpenLayers.Feature.Vector(geometry,\n+                ways[i].tags);\n+            feat.osm_id = parseInt(ways[i].id);\n+            feat.fid = \"way.\" + feat.osm_id;\n+            feat_list[i] = feat;\n         }\n-    },\n-\n-    /** \n-     * Method: setCenter\n-     * As soon as a baseLayer has been loaded, we center and zoom\n-     *   ...and remove the handler.\n-     */\n-    setCenter: function() {\n+        for (var node_id in nodes) {\n+            var node = nodes[node_id];\n+            if (!node.used || this.checkTags) {\n+                var tags = null;\n \n-        if (this.map.baseLayer) {\n-            //dont need to listen for this one anymore\n-            this.map.events.unregister('changebaselayer', this,\n-                this.setCenter);\n+                if (this.checkTags) {\n+                    var result = this.getTags(node.node, true);\n+                    if (node.used && !result[1]) {\n+                        continue;\n+                    }\n+                    tags = result[0];\n+                } else {\n+                    tags = this.getTags(node.node);\n+                }\n \n-            if (this.displayProjection) {\n-                this.center.transform(this.displayProjection,\n-                    this.map.getProjectionObject());\n+                var feat = new OpenLayers.Feature.Vector(\n+                    new OpenLayers.Geometry.Point(node['lon'], node['lat']),\n+                    tags);\n+                if (this.internalProjection && this.externalProjection) {\n+                    feat.geometry.transform(this.externalProjection,\n+                        this.internalProjection);\n+                }\n+                feat.osm_id = parseInt(node_id);\n+                feat.fid = \"node.\" + feat.osm_id;\n+                feat_list.push(feat);\n             }\n-\n-            this.map.setCenter(this.center, this.zoom);\n+            // Memory cleanup\n+            node.node = null;\n         }\n+        return feat_list;\n     },\n \n-    /** \n-     * Method: configureLayers\n-     * As soon as all the layers are loaded, cycle through them and \n-     *   hide or show them. \n+    /**\n+     * Method: getNodes\n+     * Return the node items from a doc.  \n+     *\n+     * Parameters:\n+     * doc - {DOMElement} node to parse tags from\n      */\n-    configureLayers: function() {\n-\n-        if (this.layers.length == this.map.layers.length) {\n-            this.map.events.unregister('addlayer', this, this.configureLayers);\n-\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-\n-                var layer = this.map.layers[i];\n-                var c = this.layers.charAt(i);\n-\n-                if (c == \"B\") {\n-                    this.map.setBaseLayer(layer);\n-                } else if ((c == \"T\") || (c == \"F\")) {\n-                    layer.setVisibility(c == \"T\");\n-                }\n-            }\n+    getNodes: function(doc) {\n+        var node_list = doc.getElementsByTagName(\"node\");\n+        var nodes = {};\n+        for (var i = 0; i < node_list.length; i++) {\n+            var node = node_list[i];\n+            var id = node.getAttribute(\"id\");\n+            nodes[id] = {\n+                'lat': node.getAttribute(\"lat\"),\n+                'lon': node.getAttribute(\"lon\"),\n+                'node': node\n+            };\n         }\n+        return nodes;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Permalink.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/ArgParser.js\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Permalink\n- * The Permalink control is hyperlink that will return the user to the \n- * current map view. By default it is drawn in the lower right corner of the\n- * map. The href is updated as the map is zoomed, panned and whilst layers\n- * are switched.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n-\n     /**\n-     * APIProperty: argParserClass\n-     * {Class} The ArgParser control class (not instance) to use with this\n-     *     control.\n+     * Method: getWays\n+     * Return the way items from a doc.  \n+     *\n+     * Parameters:\n+     * doc - {DOMElement} node to parse tags from\n      */\n-    argParserClass: OpenLayers.Control.ArgParser,\n+    getWays: function(doc) {\n+        var way_list = doc.getElementsByTagName(\"way\");\n+        var return_ways = [];\n+        for (var i = 0; i < way_list.length; i++) {\n+            var way = way_list[i];\n+            var way_object = {\n+                id: way.getAttribute(\"id\")\n+            };\n \n-    /** \n-     * Property: element \n-     * {DOMElement}\n-     */\n-    element: null,\n+            way_object.tags = this.getTags(way);\n \n-    /** \n-     * APIProperty: anchor\n-     * {Boolean} This option changes 3 things:\n-     *     the character '#' is used in place of the character '?',\n-     *     the window.href is updated if no element is provided.\n-     *     When this option is set to true it's not recommend to provide\n-     *     a base without provide an element.\n-     */\n-    anchor: false,\n+            var node_list = way.getElementsByTagName(\"nd\");\n \n-    /** \n-     * APIProperty: base\n-     * {String}\n-     */\n-    base: '',\n+            way_object.nodes = new Array(node_list.length);\n \n-    /** \n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} Requires proj4js support.  Projection used\n-     *     when creating the coordinates in the link. This will reproject the\n-     *     map coordinates into display coordinates. If you are using this\n-     *     functionality, the permalink which is last added to the map will\n-     *     determine the coordinate type which is read from the URL, which\n-     *     means you should not add permalinks with different\n-     *     displayProjections to the same map. \n-     */\n-    displayProjection: null,\n+            for (var j = 0; j < node_list.length; j++) {\n+                way_object.nodes[j] = node_list[j].getAttribute(\"ref\");\n+            }\n+            return_ways.push(way_object);\n+        }\n+        return return_ways;\n+\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.Permalink\n-     *\n-     * Parameters: \n-     * element - {DOMElement} \n-     * base - {String} \n-     * options - {Object} options to the control.\n+     * Method: getTags\n+     * Return the tags list attached to a specific DOM element.\n      *\n-     * Or for anchor:\n-     * options - {Object} options to the control.\n+     * Parameters:\n+     * dom_node - {DOMElement} node to parse tags from\n+     * interesting_tags - {Boolean} whether the return from this function should\n+     *    return a boolean indicating that it has 'interesting tags' -- \n+     *    tags like attribution and source are ignored. (To change the list\n+     *    of tags, see interestingTagsExclude)\n+     * \n+     * Returns:\n+     * tags - {Object} hash of tags\n+     * interesting - {Boolean} if interesting_tags is passed, returns\n+     *     whether there are any interesting tags on this element.\n      */\n-    initialize: function(element, base, options) {\n-        if (element !== null && typeof element == 'object' && !OpenLayers.Util.isElement(element)) {\n-            options = element;\n-            this.base = document.location.href;\n-            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-            if (this.element != null) {\n-                this.element = OpenLayers.Util.getElement(this.element);\n+    getTags: function(dom_node, interesting_tags) {\n+        var tag_list = dom_node.getElementsByTagName(\"tag\");\n+        var tags = {};\n+        var interesting = false;\n+        for (var j = 0; j < tag_list.length; j++) {\n+            var key = tag_list[j].getAttribute(\"k\");\n+            tags[key] = tag_list[j].getAttribute(\"v\");\n+            if (interesting_tags) {\n+                if (!this.interestingTagsExclude[key]) {\n+                    interesting = true;\n+                }\n             }\n-        } else {\n-            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-            this.element = OpenLayers.Util.getElement(element);\n-            this.base = base || document.location.href;\n         }\n+        return interesting_tags ? [tags, interesting] : tags;\n     },\n \n-    /**\n-     * APIMethod: destroy\n+    /** \n+     * Method: isWayArea\n+     * Given a way object from getWays, check whether the tags and geometry\n+     * indicate something is an area.\n+     *\n+     * Returns:\n+     * {Boolean}\n      */\n-    destroy: function() {\n-        if (this.element && this.element.parentNode == this.div) {\n-            this.div.removeChild(this.element);\n-            this.element = null;\n+    isWayArea: function(way) {\n+        var poly_shaped = false;\n+        var poly_tags = false;\n+\n+        if (way.nodes[0] == way.nodes[way.nodes.length - 1]) {\n+            poly_shaped = true;\n         }\n-        if (this.map) {\n-            this.map.events.unregister('moveend', this, this.updateLink);\n+        if (this.checkTags) {\n+            for (var key in way.tags) {\n+                if (this.areaTags[key]) {\n+                    poly_tags = true;\n+                    break;\n+                }\n+            }\n         }\n-\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        return poly_shaped && (this.checkTags ? poly_tags : true);\n     },\n \n     /**\n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n+     * APIMethod: write \n+     * Takes a list of features, returns a serialized OSM format file for use\n+     * in tools like JOSM.\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * features - {Array(<OpenLayers.Feature.Vector>)}\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-\n-        //make sure we have an arg parser attached\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if (control.CLASS_NAME == this.argParserClass.CLASS_NAME) {\n+    write: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n \n-                // If a permalink is added to the map, and an ArgParser already\n-                // exists, we override the displayProjection to be the one\n-                // on the permalink. \n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection;\n-                }\n+        this.osm_id = 1;\n+        this.created_nodes = {};\n+        var root_node = this.createElementNS(null, \"osm\");\n+        root_node.setAttribute(\"version\", \"0.5\");\n+        root_node.setAttribute(\"generator\", \"OpenLayers \" + OpenLayers.VERSION_NUMBER);\n \n-                break;\n+        // Loop backwards, because the deserializer puts nodes last, and \n+        // we want them first if possible\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            var nodes = this.createFeatureNodes(features[i]);\n+            for (var j = 0; j < nodes.length; j++) {\n+                root_node.appendChild(nodes[j]);\n             }\n         }\n-        if (i == this.map.controls.length) {\n-            this.map.addControl(new this.argParserClass({\n-                'displayProjection': this.displayProjection\n-            }));\n-        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root_node]);\n+    },\n \n+    /**\n+     * Method: createFeatureNodes\n+     * Takes a feature, returns a list of nodes from size 0->n.\n+     * Will include all pieces of the serialization that are required which\n+     * have not already been created. Calls out to createXML based on geometry\n+     * type.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     */\n+    createFeatureNodes: function(feature) {\n+        var nodes = [];\n+        var className = feature.geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        type = type.toLowerCase();\n+        var builder = this.createXML[type];\n+        if (builder) {\n+            nodes = builder.apply(this, [feature]);\n+        }\n+        return nodes;\n     },\n \n     /**\n-     * Method: draw\n+     * Method: createXML\n+     * Takes a feature, returns a list of nodes from size 0->n.\n+     * Will include all pieces of the serialization that are required which\n+     * have not already been created.\n      *\n-     * Returns:\n-     * {DOMElement}\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+    createXML: {\n+        'point': function(point) {\n+            var id = null;\n+            var geometry = point.geometry ? point.geometry : point;\n \n-        if (!this.element && !this.anchor) {\n-            this.element = document.createElement(\"a\");\n-            this.element.innerHTML = OpenLayers.i18n(\"Permalink\");\n-            this.element.href = \"\";\n-            this.div.appendChild(this.element);\n-        }\n-        this.map.events.on({\n-            'moveend': this.updateLink,\n-            'changelayer': this.updateLink,\n-            'changebaselayer': this.updateLink,\n-            scope: this\n-        });\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry = geometry.clone();\n+                geometry.transform(this.internalProjection,\n+                    this.externalProjection);\n+            }\n \n-        // Make it so there is at least a link even though the map may not have\n-        // moved yet.\n-        this.updateLink();\n+            var already_exists = false; // We don't return anything if the node\n+            // has already been created\n+            if (point.osm_id) {\n+                id = point.osm_id;\n+                if (this.created_nodes[id]) {\n+                    already_exists = true;\n+                }\n+            } else {\n+                id = -this.osm_id;\n+                this.osm_id++;\n+            }\n+            if (already_exists) {\n+                node = this.created_nodes[id];\n+            } else {\n+                var node = this.createElementNS(null, \"node\");\n+            }\n+            this.created_nodes[id] = node;\n+            node.setAttribute(\"id\", id);\n+            node.setAttribute(\"lon\", geometry.x);\n+            node.setAttribute(\"lat\", geometry.y);\n+            if (point.attributes) {\n+                this.serializeTags(point, node);\n+            }\n+            this.setState(point, node);\n+            return already_exists ? [] : [node];\n+        },\n+        linestring: function(feature) {\n+            var id;\n+            var nodes = [];\n+            var geometry = feature.geometry;\n+            if (feature.osm_id) {\n+                id = feature.osm_id;\n+            } else {\n+                id = -this.osm_id;\n+                this.osm_id++;\n+            }\n+            var way = this.createElementNS(null, \"way\");\n+            way.setAttribute(\"id\", id);\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                var node = this.createXML['point'].apply(this, [geometry.components[i]]);\n+                if (node.length) {\n+                    node = node[0];\n+                    var node_ref = node.getAttribute(\"id\");\n+                    nodes.push(node);\n+                } else {\n+                    node_ref = geometry.components[i].osm_id;\n+                    node = this.created_nodes[node_ref];\n+                }\n+                this.setState(feature, node);\n+                var nd_dom = this.createElementNS(null, \"nd\");\n+                nd_dom.setAttribute(\"ref\", node_ref);\n+                way.appendChild(nd_dom);\n+            }\n+            this.serializeTags(feature, way);\n+            nodes.push(way);\n \n-        return this.div;\n+            return nodes;\n+        },\n+        polygon: function(feature) {\n+            var attrs = OpenLayers.Util.extend({\n+                'area': 'yes'\n+            }, feature.attributes);\n+            var feat = new OpenLayers.Feature.Vector(feature.geometry.components[0], attrs);\n+            feat.osm_id = feature.osm_id;\n+            return this.createXML['linestring'].apply(this, [feat]);\n+        }\n     },\n \n     /**\n-     * Method: updateLink \n+     * Method: serializeTags\n+     * Given a feature, serialize the attributes onto the given node.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * node - {DOMNode}\n      */\n-    updateLink: function() {\n-        var separator = this.anchor ? '#' : '?';\n-        var href = this.base;\n-        var anchor = null;\n-        if (href.indexOf(\"#\") != -1 && this.anchor == false) {\n-            anchor = href.substring(href.indexOf(\"#\"), href.length);\n-        }\n-        if (href.indexOf(separator) != -1) {\n-            href = href.substring(0, href.indexOf(separator));\n-        }\n-        var splits = href.split(\"#\");\n-        href = splits[0] + separator + OpenLayers.Util.getParameterString(this.createParams());\n-        if (anchor) {\n-            href += anchor;\n-        }\n-        if (this.anchor && !this.element) {\n-            window.location.href = href;\n-        } else {\n-            this.element.href = href;\n+    serializeTags: function(feature, node) {\n+        for (var key in feature.attributes) {\n+            var tag = this.createElementNS(null, \"tag\");\n+            tag.setAttribute(\"k\", key);\n+            tag.setAttribute(\"v\", feature.attributes[key]);\n+            node.appendChild(tag);\n         }\n     },\n \n     /**\n-     * APIMethod: createParams\n-     * Creates the parameters that need to be encoded into the permalink url.\n-     * \n+     * Method: setState \n+     * OpenStreetMap has a convention that 'state' is stored for modification or deletion.\n+     * This allows the file to be uploaded via JOSM or the bulk uploader tool.\n+     *\n      * Parameters:\n-     * center - {<OpenLayers.LonLat>} center to encode in the permalink.\n-     *     Defaults to the current map center.\n-     * zoom - {Integer} zoom level to encode in the permalink. Defaults to the\n-     *     current map zoom level.\n-     * layers - {Array(<OpenLayers.Layer>)} layers to encode in the permalink.\n-     *     Defaults to the current map layers.\n-     * \n-     * Returns:\n-     * {Object} Hash of parameters that will be url-encoded into the\n-     * permalink.\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * node - {DOMNode}\n      */\n-    createParams: function(center, zoom, layers) {\n-        center = center || this.map.getCenter();\n-\n-        var params = OpenLayers.Util.getParameters(this.base);\n-\n-        // If there's still no center, map is not initialized yet. \n-        // Break out of this function, and simply return the params from the\n-        // base link.\n-        if (center) {\n-\n-            //zoom\n-            params.zoom = zoom || this.map.getZoom();\n-\n-            //lon,lat\n-            var lat = center.lat;\n-            var lon = center.lon;\n-\n-            if (this.displayProjection) {\n-                var mapPosition = OpenLayers.Projection.transform({\n-                        x: lon,\n-                        y: lat\n-                    },\n-                    this.map.getProjectionObject(),\n-                    this.displayProjection);\n-                lon = mapPosition.x;\n-                lat = mapPosition.y;\n+    setState: function(feature, node) {\n+        if (feature.state) {\n+            var state = null;\n+            switch (feature.state) {\n+                case OpenLayers.State.UPDATE:\n+                    state = \"modify\";\n+                case OpenLayers.State.DELETE:\n+                    state = \"delete\";\n             }\n-            params.lat = Math.round(lat * 100000) / 100000;\n-            params.lon = Math.round(lon * 100000) / 100000;\n-\n-            //layers        \n-            layers = layers || this.map.layers;\n-            params.layers = '';\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-\n-                if (layer.isBaseLayer) {\n-                    params.layers += (layer == this.map.baseLayer) ? \"B\" : \"0\";\n-                } else {\n-                    params.layers += (layer.getVisibility()) ? \"T\" : \"F\";\n-                }\n+            if (state) {\n+                node.setAttribute(\"action\", state);\n             }\n         }\n-\n-        return params;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Permalink\"\n+    CLASS_NAME: \"OpenLayers.Format.OSM\"\n });\n /* ======================================================================\n-    OpenLayers/Control/CacheWrite.js\n+    OpenLayers/Format/QueryStringFilter.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Request.js\n  * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Logical.js\n  */\n \n /**\n- * Class: OpenLayers.Control.CacheWrite\n- * A control for caching image tiles in the browser's local storage. The\n- * <OpenLayers.Control.CacheRead> control is used to fetch and use the cached\n- * tile images.\n- *\n- * Note: Before using this control on any layer that is not your own, make sure\n- * that the terms of service of the tile provider allow local storage of tiles.\n+ * Class: OpenLayers.Format.QueryStringFilter\n+ * Parser for reading a query string and creating a simple filter.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format>\n  */\n-OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.QueryStringFilter = (function() {\n \n     /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * To register events in the constructor, configure <eventListeners>.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * cachefull - Triggered when the cache is full. Listeners receive an\n-     *     object with a tile property as first argument. The tile references\n-     *     the tile that couldn't be cached.\n+     * Map the OpenLayers.Filter.Comparison types to the operation strings of \n+     * the protocol.\n      */\n+    var cmpToStr = {};\n+    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n+    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n \n     /**\n-     * APIProperty: eventListeners\n-     * {Object} Object with event listeners, keyed by event name. An optional\n-     *     scope property defines the scope that listeners will be executed in.\n+     * Function: regex2value\n+     * Convert the value from a regular expression string to a LIKE/ILIKE\n+     * string known to the web service.\n+     *\n+     * Parameters:\n+     * value - {String} The regex string.\n+     *\n+     * Returns:\n+     * {String} The converted string.\n      */\n+    function regex2value(value) {\n \n-    /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, caching\n-     *     will be enabled for these layers only, otherwise for all cacheable\n-     *     layers.\n-     */\n-    layers: null,\n+        // highly sensitive!! Do not change this without running the\n+        // Protocol/HTTP.html unit tests\n \n-    /**\n-     * APIProperty: imageFormat\n-     * {String} The image format used for caching. The default is \"image/png\".\n-     *     Supported formats depend on the user agent. If an unsupported\n-     *     <imageFormat> is provided, \"image/png\" will be used. For aerial\n-     *     imagery, \"image/jpeg\" is recommended.\n-     */\n-    imageFormat: \"image/png\",\n+        // convert % to \\%\n+        value = value.replace(/%/g, \"\\\\%\");\n \n-    /**\n-     * Property: quotaRegEx\n-     * {RegExp}\n-     */\n-    quotaRegEx: (/quota/i),\n+        // convert \\\\. to \\\\_ (\\\\.* occurences converted later)\n+        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n+            return $1 ? $0 : \"\\\\\\\\_\";\n+        });\n \n-    /**\n-     * Constructor: OpenLayers.Control.CacheWrite\n-     *\n-     * Parameters:\n-     * options - {Object} Object with API properties for this control.\n-     */\n+        // convert \\\\.* to \\\\%\n+        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n \n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            });\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n-        }\n-    },\n+        // convert . to _ (\\. and .* occurences converted later)\n+        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n+            return $1 || $2 ? $0 : \"_\";\n+        });\n \n-    /**\n-     * Method: addLayer\n-     * Adds a layer to the control. Once added, tiles requested for this layer\n-     *     will be cached.\n-     *\n-     * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n-     */\n-    addLayer: function(evt) {\n-        evt.layer.events.on({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n+        // convert .* to % (\\.* occurnces converted later)\n+        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"%\";\n         });\n-    },\n \n-    /**\n-     * Method: removeLayer\n-     * Removes a layer from the control. Once removed, tiles requested for this\n-     *     layer will no longer be cached.\n-     *\n-     * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n-     */\n-    removeLayer: function(evt) {\n-        evt.layer.events.un({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n+        // convert \\. to .\n+        value = value.replace(/\\\\\\./g, \".\");\n+\n+        // replace \\* with * (watching out for \\\\*)\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"*\";\n         });\n-    },\n \n-    /**\n-     * Method: makeSameOrigin\n-     * If the tile does not have CORS image loading enabled and is from a\n-     * different origin, use OpenLayers.ProxyHost to make it a same origin url.\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>}\n-     */\n-    makeSameOrigin: function(evt) {\n-        if (this.active) {\n-            var tile = evt.tile;\n-            if (tile instanceof OpenLayers.Tile.Image &&\n-                !tile.crossOriginKeyword &&\n-                tile.url.substr(0, 5) !== \"data:\") {\n-                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(\n-                    tile.url, OpenLayers.ProxyHost\n-                );\n-                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n-                tile.url = sameOriginUrl;\n-            }\n-        }\n-    },\n+        return value;\n+    }\n \n-    /**\n-     * Method: onTileLoaded\n-     * Decides whether a tile can be cached and calls the cache method.\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    onTileLoaded: function(evt) {\n-        if (this.active && !evt.aborted &&\n-            evt.tile instanceof OpenLayers.Tile.Image &&\n-            evt.tile.url.substr(0, 5) !== 'data:') {\n-            this.cache({\n-                tile: evt.tile\n-            });\n-            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url];\n-        }\n-    },\n+    return OpenLayers.Class(OpenLayers.Format, {\n \n-    /**\n-     * Method: cache\n-     * Adds a tile to the cache. When the cache is full, the \"cachefull\" event\n-     * is triggered.\n-     *\n-     * Parameters:\n-     * obj - {Object} Object with a tile property, tile being the\n-     *     <OpenLayers.Tile.Image> with the data to add to the cache\n-     */\n-    cache: function(obj) {\n-        if (window.localStorage) {\n-            var tile = obj.tile;\n-            try {\n-                var canvasContext = tile.getCanvasContext();\n-                if (canvasContext) {\n-                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n-                    var url = urlMap[tile.url] || tile.url;\n-                    window.localStorage.setItem(\n-                        \"olCache_\" + url,\n-                        canvasContext.canvas.toDataURL(this.imageFormat)\n-                    );\n-                }\n-            } catch (e) {\n-                // local storage full or CORS violation\n-                var reason = e.name || e.message;\n-                if (reason && this.quotaRegEx.test(reason)) {\n-                    this.events.triggerEvent(\"cachefull\", {\n-                        tile: tile\n-                    });\n-                } else {\n-                    OpenLayers.Console.error(e.toString());\n-                }\n-            }\n-        }\n-    },\n+        /**\n+         * Property: wildcarded.\n+         * {Boolean} If true percent signs are added around values\n+         *     read from LIKE filters, for example if the protocol\n+         *     read method is passed a LIKE filter whose property\n+         *     is \"foo\" and whose value is \"bar\" the string\n+         *     \"foo__ilike=%bar%\" will be sent in the query string;\n+         *     defaults to false.\n+         */\n+        wildcarded: false,\n \n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                });\n-            }\n-        }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n+        /**\n+         * APIProperty: srsInBBOX\n+         * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n+         *     Default is false.  If true and the layer has a projection object set,\n+         *     any BBOX filter will be serialized with a fifth item identifying the\n+         *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+         */\n+        srsInBBOX: false,\n \n-    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n-});\n+        /**\n+         * APIMethod: write\n+         * Serialize an <OpenLayers.Filter> objects using the \"simple\" filter syntax for \n+         *     query string parameters.  This function must be called as a method of\n+         *     a protocol instance.\n+         *\n+         * Parameters:\n+         * filter - {<OpenLayers.Filter>} filter to convert.\n+         * params - {Object} The parameters object.\n+         *\n+         * Returns:\n+         * {Object} The resulting parameters object.\n+         */\n+        write: function(filter, params) {\n+            params = params || {};\n+            var className = filter.CLASS_NAME;\n+            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n+            switch (filterType) {\n+                case \"Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            params.bbox = filter.value.toArray();\n+                            if (this.srsInBBOX && filter.projection) {\n+                                params.bbox.push(filter.projection.getCode());\n+                            }\n+                            break;\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            params.tolerance = filter.distance;\n+                            // no break here\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            params.lon = filter.value.x;\n+                            params.lat = filter.value.y;\n+                            break;\n+                        default:\n+                            OpenLayers.Console.warn(\n+                                \"Unknown spatial filter type \" + filter.type);\n+                    }\n+                    break;\n+                case \"Comparison\":\n+                    var op = cmpToStr[filter.type];\n+                    if (op !== undefined) {\n+                        var value = filter.value;\n+                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n+                            value = regex2value(value);\n+                            if (this.wildcarded) {\n+                                value = \"%\" + value + \"%\";\n+                            }\n+                        }\n+                        params[filter.property + \"__\" + op] = value;\n+                        params.queryable = params.queryable || [];\n+                        params.queryable.push(filter.property);\n+                    } else {\n+                        OpenLayers.Console.warn(\n+                            \"Unknown comparison filter type \" + filter.type);\n+                    }\n+                    break;\n+                case \"Logical\":\n+                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n+                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n+                            params = this.write(filter.filters[i], params);\n+                        }\n+                    } else {\n+                        OpenLayers.Console.warn(\n+                            \"Unsupported logical filter type \" + filter.type);\n+                    }\n+                    break;\n+                default:\n+                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType);\n+            }\n+            return params;\n+        },\n \n-/**\n- * APIFunction: OpenLayers.Control.CacheWrite.clearCache\n- * Clears all tiles cached with <OpenLayers.Control.CacheWrite> from the cache.\n- */\n-OpenLayers.Control.CacheWrite.clearCache = function() {\n-    if (!window.localStorage) {\n-        return;\n-    }\n-    var i, key;\n-    for (i = window.localStorage.length - 1; i >= 0; --i) {\n-        key = window.localStorage.key(i);\n-        if (key.substr(0, 8) === \"olCache_\") {\n-            window.localStorage.removeItem(key);\n-        }\n-    }\n-};\n+        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n \n-/**\n- * Property: OpenLayers.Control.CacheWrite.urlMap\n- * {Object} Mapping of same origin urls to cache url keys. Entries will be\n- *     deleted as soon as a tile was cached.\n- */\n-OpenLayers.Control.CacheWrite.urlMap = {};\n+    });\n \n \n+})();\n /* ======================================================================\n-    OpenLayers/Control/SelectFeature.js\n+    OpenLayers/Format/WMSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Handler/Feature.js\n- * @requires OpenLayers/Layer/Vector/RootContainer.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.SelectFeature\n- * The SelectFeature control selects vector features from a given layer on \n- * click or hover. \n- *\n+ * Class: OpenLayers.Format.WMSCapabilities\n+ * Read WMS Capabilities.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforefeaturehighlighted - Triggered before a feature is highlighted\n-     * featurehighlighted - Triggered when a feature is highlighted\n-     * featureunhighlighted - Triggered when a feature is unhighlighted\n-     * boxselectionstart - Triggered before box selection starts\n-     * boxselectionend - Triggered after box selection ends\n-     */\n-\n-    /**\n-     * Property: multipleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <multiple> property to true.  Default is null.\n-     */\n-    multipleKey: null,\n+OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: toggleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <toggle> property to true.  Default is null.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n      */\n-    toggleKey: null,\n+    defaultVersion: \"1.1.1\",\n \n     /**\n-     * APIProperty: multiple\n-     * {Boolean} Allow selection of multiple geometries.  Default is false.\n+     * APIProperty: profile\n+     * {String} If provided, use a custom profile.\n+     *\n+     * Currently supported profiles:\n+     * - WMSC - parses vendor specific capabilities for WMS-C.\n      */\n-    multiple: false,\n+    profile: null,\n \n     /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n+     * Constructor: OpenLayers.Format.WMSCapabilities\n+     * Create a new parser for WMS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    clickout: true,\n \n     /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n-     *     has meaning if hover is false.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return a list of layers. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array} List of named layers.\n      */\n-    toggle: false,\n \n-    /**\n-     * APIProperty: hover\n-     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n-     * ignores clicks and only listens to mouse moves.\n-     */\n-    hover: false,\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n \n-    /**\n-     * APIProperty: highlightOnly\n-     * {Boolean} If true do not actually select features (that is place them in \n-     * the layer's selected features array), just highlight them. This property\n-     * has no effect if hover is false. Defaults to false.\n-     */\n-    highlightOnly: false,\n+});\n+/* ======================================================================\n+    OpenLayers/Format/EncodedPolyline.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: box\n-     * {Boolean} Allow feature selection by drawing a box.\n-     */\n-    box: false,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Property: onBeforeSelect \n-     * {Function} Optional function to be called before a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onBeforeSelect: function() {},\n+/**\n+ * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n \n-    /**\n-     * APIProperty: onSelect \n-     * {Function} Optional function to be called when a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onSelect: function() {},\n+/**\n+ * Class: OpenLayers.Format.EncodedPolyline\n+ * Class for reading and writing encoded polylines.  Create a new instance\n+ * with the <OpenLayers.Format.EncodedPolyline> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n \n     /**\n-     * APIProperty: onUnselect\n-     * {Function} Optional function to be called when a feature is unselected.\n-     *     The function should expect to be called with a feature.\n+     * APIProperty: geometryType\n+     * {String} Geometry type to output. One of: linestring (default),\n+     *     linearring, point, multipoint or polygon. If the geometryType is\n+     *     point, only the first point of the string is returned.\n      */\n-    onUnselect: function() {},\n+    geometryType: \"linestring\",\n \n     /**\n-     * Property: scope\n-     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n-     *     callbacks. If null the scope will be this control.\n+     * Constructor: OpenLayers.Format.EncodedPolyline\n+     * Create a new parser for encoded polylines\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *           this instance\n+     *\n+     * Returns:\n+     * {<OpenLayers.Format.EncodedPolyline>} A new encoded polylines parser.\n      */\n-    scope: null,\n+    initialize: function(options) {\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict selecting to a limited set of geometry types,\n-     *     send a list of strings corresponding to the geometry class names.\n+     * APIMethod: read\n+     * Deserialize an encoded polyline string and return a vector feature.\n+     *\n+     * Parameters:\n+     * encoded - {String} An encoded polyline string\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A vector feature with a linestring.\n      */\n-    geometryTypes: null,\n+    read: function(encoded) {\n+        var geomType;\n+        if (this.geometryType == \"linestring\")\n+            geomType = OpenLayers.Geometry.LineString;\n+        else if (this.geometryType == \"linearring\")\n+            geomType = OpenLayers.Geometry.LinearRing;\n+        else if (this.geometryType == \"multipoint\")\n+            geomType = OpenLayers.Geometry.MultiPoint;\n+        else if (this.geometryType != \"point\" && this.geometryType != \"polygon\")\n+            return null;\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n-     * root for all layers this control is configured with (if an array of\n-     * layers was passed to the constructor), or the vector layer the control\n-     * was configured with (if a single layer was passed to the constructor).\n-     */\n-    layer: null,\n+        var flatPoints = this.decodeDeltas(encoded, 2);\n+        var flatPointsLength = flatPoints.length;\n \n-    /**\n-     * Property: layers\n-     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n-     * or null if the control was configured with a single layer\n-     */\n-    layers: null,\n+        var pointGeometries = [];\n+        for (var i = 0; i + 1 < flatPointsLength;) {\n+            var y = flatPoints[i++],\n+                x = flatPoints[i++];\n+            pointGeometries.push(new OpenLayers.Geometry.Point(x, y));\n+        }\n \n-    /**\n-     * APIProperty: callbacks\n-     * {Object} The functions that are sent to the handlers.feature for callback\n-     */\n-    callbacks: null,\n \n-    /**\n-     * APIProperty: selectStyle \n-     * {Object} Hash of styles\n-     */\n-    selectStyle: null,\n+        if (this.geometryType == \"point\")\n+            return new OpenLayers.Feature.Vector(\n+                pointGeometries[0]\n+            );\n \n-    /**\n-     * Property: renderIntent\n-     * {String} key used to retrieve the select style from the layer's\n-     * style map.\n-     */\n-    renderIntent: \"select\",\n+        if (this.geometryType == \"polygon\")\n+            return new OpenLayers.Feature.Vector(\n+                new OpenLayers.Geometry.Polygon([\n+                    new OpenLayers.Geometry.LinearRing(pointGeometries)\n+                ])\n+            );\n \n-    /**\n-     * Property: handlers\n-     * {Object} Object with references to multiple <OpenLayers.Handler>\n-     *     instances.\n-     */\n-    handlers: null,\n+        return new OpenLayers.Feature.Vector(\n+            new geomType(pointGeometries)\n+        );\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.SelectFeature\n-     * Create a new control for selecting features.\n+     * APIMethod: decode\n+     * Deserialize an encoded string and return an array of n-dimensional\n+     * points.\n      *\n      * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n-     *     layer(s) this control will select features from.\n-     * options - {Object} \n+     * encoded - {String} An encoded string\n+     * dims - {int} The dimension of the points that are returned\n+     *\n+     * Returns:\n+     * {Array(Array(int))} An array containing n-dimensional arrays of\n+     *     coordinates.\n      */\n-    initialize: function(layers, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+    decode: function(encoded, dims, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+        var flatPoints = this.decodeDeltas(encoded, dims, factor);\n+        var flatPointsLength = flatPoints.length;\n \n-        if (this.scope === null) {\n-            this.scope = this;\n-        }\n-        this.initLayer(layers);\n-        var callbacks = {\n-            click: this.clickFeature,\n-            clickout: this.clickoutFeature\n-        };\n-        if (this.hover) {\n-            callbacks.over = this.overFeature;\n-            callbacks.out = this.outFeature;\n-        }\n+        var points = [];\n+        for (var i = 0; i + (dims - 1) < flatPointsLength;) {\n+            var point = [];\n \n-        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n-        this.handlers = {\n-            feature: new OpenLayers.Handler.Feature(\n-                this, this.layer, this.callbacks, {\n-                    geometryTypes: this.geometryTypes\n-                }\n-            )\n-        };\n+            for (var dim = 0; dim < dims; ++dim) {\n+                point.push(flatPoints[i++])\n+            }\n \n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(\n-                this, {\n-                    done: this.selectBox\n-                }, {\n-                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n-                }\n-            );\n+            points.push(point);\n         }\n+\n+        return points;\n     },\n \n     /**\n-     * Method: initLayer\n-     * Assign the layer property. If layers is an array, we need to use\n-     *     a RootContainer.\n+     * APIMethod: write\n+     * Serialize a feature or array of features into a WKT string.\n      *\n      * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n+     * features - {<OpenLayers.Feature.Vector>|Array} A feature or array of\n+     *            features\n+     *\n+     * Returns:\n+     * {String} The WKT string representation of the input geometries\n      */\n-    initLayer: function(layers) {\n-        if (OpenLayers.Util.isArray(layers)) {\n-            this.layers = layers;\n-            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n-                this.id + \"_container\", {\n-                    layers: layers\n-                }\n-            );\n-        } else {\n-            this.layer = layers;\n-        }\n-    },\n+    write: function(features) {\n+        var feature;\n+        if (features.constructor == Array)\n+            feature = features[0];\n+        else\n+            feature = features;\n \n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        if (this.active && this.layers) {\n-            this.map.removeLayer(this.layer);\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        if (this.layers) {\n-            this.layer.destroy();\n-        }\n-    },\n+        var geometry = feature.geometry;\n+        var type = geometry.CLASS_NAME.split('.')[2].toLowerCase();\n \n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            if (this.layers) {\n-                this.map.addLayer(this.layer);\n-            }\n-            this.handlers.feature.activate();\n-            if (this.box && this.handlers.box) {\n-                this.handlers.box.activate();\n-            }\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(\n-            this, arguments\n-        );\n-    },\n+        var pointGeometries;\n+        if (type == \"point\")\n+            pointGeometries = new Array(geometry);\n+        else if (type == \"linestring\" ||\n+            type == \"linearring\" ||\n+            type == \"multipoint\")\n+            pointGeometries = geometry.components;\n+        else if (type == \"polygon\")\n+            pointGeometries = geometry.components[0].components;\n+        else\n+            return null;\n \n-    /**\n-     * Method: deactivate\n-     * Deactivates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.handlers.feature.deactivate();\n-            if (this.handlers.box) {\n-                this.handlers.box.deactivate();\n-            }\n-            if (this.layers) {\n-                this.map.removeLayer(this.layer);\n-            }\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n-    },\n+        var flatPoints = [];\n \n-    /**\n-     * Method: unselectAll\n-     * Unselect all selected features.  To unselect all except for a single\n-     *     feature, set the options.except property to the feature.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional configuration object.\n-     */\n-    unselectAll: function(options) {\n-        // we'll want an option to supress notification here\n-        var layers = this.layers || [this.layer],\n-            layer, feature, l, numExcept;\n-        for (l = 0; l < layers.length; ++l) {\n-            layer = layers[l];\n-            numExcept = 0;\n-            //layer.selectedFeatures is null when layer is destroyed and \n-            //one of it's preremovelayer listener calls setLayer \n-            //with another layer on this control\n-            if (layer.selectedFeatures != null) {\n-                while (layer.selectedFeatures.length > numExcept) {\n-                    feature = layer.selectedFeatures[numExcept];\n-                    if (!options || options.except != feature) {\n-                        this.unselect(feature);\n-                    } else {\n-                        ++numExcept;\n-                    }\n-                }\n-            }\n+        var pointGeometriesLength = pointGeometries.length;\n+        for (var i = 0; i < pointGeometriesLength; ++i) {\n+            var pointGeometry = pointGeometries[i];\n+            flatPoints.push(pointGeometry.y);\n+            flatPoints.push(pointGeometry.x);\n         }\n+\n+        return this.encodeDeltas(flatPoints, 2);\n     },\n \n     /**\n-     * Method: clickFeature\n-     * Called on click in a feature\n-     * Only responds if this.hover is false.\n+     * APIMethod: encode\n+     * Serialize an array of n-dimensional points and return an encoded string\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * points - {Array(Array(int))} An array containing n-dimensional\n+     *          arrays of coordinates\n+     * dims - {int} The dimension of the points that should be read\n+     *\n+     * Returns:\n+     * {String} An encoded string\n      */\n-    clickFeature: function(feature) {\n-        if (!this.hover) {\n-            var selected = (OpenLayers.Util.indexOf(\n-                feature.layer.selectedFeatures, feature) > -1);\n-            if (selected) {\n-                if (this.toggleSelect()) {\n-                    this.unselect(feature);\n-                } else if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-            } else {\n-                if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-                this.select(feature);\n+    encode: function(points, dims, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+        var flatPoints = [];\n+\n+        var pointsLength = points.length;\n+        for (var i = 0; i < pointsLength; ++i) {\n+            var point = points[i];\n+\n+            for (var dim = 0; dim < dims; ++dim) {\n+                flatPoints.push(point[dim]);\n             }\n         }\n-    },\n \n-    /**\n-     * Method: multipleSelect\n-     * Allow for multiple selected features based on <multiple> property and\n-     *     <multipleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Allow for multiple selected features.\n-     */\n-    multipleSelect: function() {\n-        return this.multiple || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.multipleKey]);\n+        return this.encodeDeltas(flatPoints, dims, factor);\n     },\n \n     /**\n-     * Method: toggleSelect\n-     * Event should toggle the selected state of a feature based on <toggle>\n-     *     property and <toggleKey> event modifier.\n+     * APIMethod: encodeDeltas\n+     * Encode a list of n-dimensional points and return an encoded string\n      *\n-     * Returns:\n-     * {Boolean} Toggle the selected state of a feature.\n-     */\n-    toggleSelect: function() {\n-        return this.toggle || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.toggleKey]);\n-    },\n-\n-    /**\n-     * Method: clickoutFeature\n-     * Called on click outside a previously clicked (selected) feature.\n-     * Only responds if this.hover is false.\n+     * Attention: This function will modify the passed array!\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>} \n+     * numbers - {Array.<number>} A list of n-dimensional points.\n+     * dimension - {number} The dimension of the points in the list.\n+     * opt_factor - {number=} The factor by which the numbers will be\n+     * multiplied. The remaining decimal places will get rounded away.\n+     *\n+     * Returns:\n+     * {string} The encoded string.\n      */\n-    clickoutFeature: function(feature) {\n-        if (!this.hover && this.clickout) {\n-            this.unselectAll();\n+    encodeDeltas: function(numbers, dimension, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+        var d;\n+\n+        var lastNumbers = new Array(dimension);\n+        for (d = 0; d < dimension; ++d) {\n+            lastNumbers[d] = 0;\n         }\n-    },\n \n-    /**\n-     * Method: overFeature\n-     * Called on over a feature.\n-     * Only responds if this.hover is true.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    overFeature: function(feature) {\n-        var layer = feature.layer;\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                this.highlight(feature);\n-            } else if (OpenLayers.Util.indexOf(\n-                    layer.selectedFeatures, feature) == -1) {\n-                this.select(feature);\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength;) {\n+            for (d = 0; d < dimension; ++d, ++i) {\n+                var num = numbers[i];\n+                var delta = num - lastNumbers[d];\n+                lastNumbers[d] = num;\n+\n+                numbers[i] = delta;\n             }\n         }\n+\n+        return this.encodeFloats(numbers, factor);\n     },\n \n+\n     /**\n-     * Method: outFeature\n-     * Called on out of a selected feature.\n-     * Only responds if this.hover is true.\n+     * APIMethod: decodeDeltas\n+     * Decode a list of n-dimensional points from an encoded string\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * encoded - {string} An encoded string.\n+     * dimension - {number} The dimension of the points in the encoded string.\n+     * opt_factor - {number=} The factor by which the resulting numbers will\n+     * be divided.\n+     *\n+     * Returns:\n+     * {Array.<number>} A list of n-dimensional points.\n      */\n-    outFeature: function(feature) {\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                // we do nothing if we're not the last highlighter of the\n-                // feature\n-                if (feature._lastHighlighter == this.id) {\n-                    // if another select control had highlighted the feature before\n-                    // we did it ourself then we use that control to highlight the\n-                    // feature as it was before we highlighted it, else we just\n-                    // unhighlight it\n-                    if (feature._prevHighlighter &&\n-                        feature._prevHighlighter != this.id) {\n-                        delete feature._lastHighlighter;\n-                        var control = this.map.getControl(\n-                            feature._prevHighlighter);\n-                        if (control) {\n-                            control.highlight(feature);\n-                        }\n-                    } else {\n-                        this.unhighlight(feature);\n-                    }\n-                }\n-            } else {\n-                this.unselect(feature);\n+    decodeDeltas: function(encoded, dimension, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+        var d;\n+\n+        var lastNumbers = new Array(dimension);\n+        for (d = 0; d < dimension; ++d) {\n+            lastNumbers[d] = 0;\n+        }\n+\n+        var numbers = this.decodeFloats(encoded, factor);\n+\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength;) {\n+            for (d = 0; d < dimension; ++d, ++i) {\n+                lastNumbers[d] += numbers[i];\n+\n+                numbers[i] = lastNumbers[d];\n             }\n         }\n+\n+        return numbers;\n     },\n \n+\n     /**\n-     * Method: highlight\n-     * Redraw feature with the select style.\n+     * APIMethod: encodeFloats\n+     * Encode a list of floating point numbers and return an encoded string\n+     *\n+     * Attention: This function will modify the passed array!\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * numbers - {Array.<number>} A list of floating point numbers.\n+     * opt_factor - {number=} The factor by which the numbers will be\n+     * multiplied. The remaining decimal places will get rounded away.\n+     *\n+     * Returns:\n+     * {string} The encoded string.\n      */\n-    highlight: function(feature) {\n-        var layer = feature.layer;\n-        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n-            feature: feature\n-        });\n-        if (cont !== false) {\n-            feature._prevHighlighter = feature._lastHighlighter;\n-            feature._lastHighlighter = this.id;\n-            var style = this.selectStyle || this.renderIntent;\n-            layer.drawFeature(feature, style);\n-            this.events.triggerEvent(\"featurehighlighted\", {\n-                feature: feature\n-            });\n+    encodeFloats: function(numbers, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength; ++i) {\n+            numbers[i] = Math.round(numbers[i] * factor);\n         }\n+\n+        return this.encodeSignedIntegers(numbers);\n     },\n \n+\n     /**\n-     * Method: unhighlight\n-     * Redraw feature with the \"default\" style\n+     * APIMethod: decodeFloats\n+     * Decode a list of floating point numbers from an encoded string\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * encoded - {string} An encoded string.\n+     * opt_factor - {number=} The factor by which the result will be divided.\n+     *\n+     * Returns:\n+     * {Array.<number>} A list of floating point numbers.\n      */\n-    unhighlight: function(feature) {\n-        var layer = feature.layer;\n-        // three cases:\n-        // 1. there's no other highlighter, in that case _prev is undefined,\n-        //    and we just need to undef _last\n-        // 2. another control highlighted the feature after we did it, in\n-        //    that case _last references this other control, and we just\n-        //    need to undef _prev\n-        // 3. another control highlighted the feature before we did it, in\n-        //    that case _prev references this other control, and we need to\n-        //    set _last to _prev and undef _prev\n-        if (feature._prevHighlighter == undefined) {\n-            delete feature._lastHighlighter;\n-        } else if (feature._prevHighlighter == this.id) {\n-            delete feature._prevHighlighter;\n-        } else {\n-            feature._lastHighlighter = feature._prevHighlighter;\n-            delete feature._prevHighlighter;\n-        }\n-        layer.drawFeature(feature, feature.style || feature.layer.style ||\n-            \"default\");\n-        this.events.triggerEvent(\"featureunhighlighted\", {\n-            feature: feature\n-        });\n-    },\n+    decodeFloats: function(encoded, opt_factor) {\n+        var factor = opt_factor || 1e5;\n \n-    /**\n-     * Method: select\n-     * Add feature to the layer's selectedFeature array, render the feature as\n-     * selected, and call the onSelect function.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    select: function(feature) {\n-        var cont = this.onBeforeSelect.call(this.scope, feature);\n-        var layer = feature.layer;\n-        if (cont !== false) {\n-            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n-                feature: feature\n-            });\n-            if (cont !== false) {\n-                layer.selectedFeatures.push(feature);\n-                this.highlight(feature);\n-                // if the feature handler isn't involved in the feature\n-                // selection (because the box handler is used or the\n-                // feature is selected programatically) we fake the\n-                // feature handler to allow unselecting on click\n-                if (!this.handlers.feature.lastFeature) {\n-                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n-                }\n-                layer.events.triggerEvent(\"featureselected\", {\n-                    feature: feature\n-                });\n-                this.onSelect.call(this.scope, feature);\n-            }\n+        var numbers = this.decodeSignedIntegers(encoded);\n+\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength; ++i) {\n+            numbers[i] /= factor;\n         }\n-    },\n \n-    /**\n-     * Method: unselect\n-     * Remove feature from the layer's selectedFeature array, render the feature as\n-     * normal, and call the onUnselect function.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    unselect: function(feature) {\n-        var layer = feature.layer;\n-        // Store feature style for restoration later\n-        this.unhighlight(feature);\n-        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n-        layer.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        });\n-        this.onUnselect.call(this.scope, feature);\n+        return numbers;\n     },\n \n+\n     /**\n-     * Method: selectBox\n-     * Callback from the handlers.box set up when <box> selection is true\n-     *     on.\n+     * APIMethod: encodeSignedIntegers\n+     * Encode a list of signed integers and return an encoded string\n+     *\n+     * Attention: This function will modify the passed array!\n      *\n      * Parameters:\n-     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n+     * numbers - {Array.<number>} A list of signed integers.\n+     *\n+     * Returns:\n+     * {string} The encoded string.\n      */\n-    selectBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            var bounds = new OpenLayers.Bounds(\n-                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n-            );\n+    encodeSignedIntegers: function(numbers) {\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength; ++i) {\n+            var num = numbers[i];\n \n-            // if multiple is false, first deselect currently selected features\n-            if (!this.multipleSelect()) {\n-                this.unselectAll();\n+            var signedNum = num << 1;\n+            if (num < 0) {\n+                signedNum = ~(signedNum);\n             }\n \n-            // because we're using a box, we consider we want multiple selection\n-            var prevMultiple = this.multiple;\n-            this.multiple = true;\n-            var layers = this.layers || [this.layer];\n-            this.events.triggerEvent(\"boxselectionstart\", {\n-                layers: layers\n-            });\n-            var layer;\n-            for (var l = 0; l < layers.length; ++l) {\n-                layer = layers[l];\n-                for (var i = 0, len = layer.features.length; i < len; ++i) {\n-                    var feature = layer.features[i];\n-                    // check if the feature is displayed\n-                    if (!feature.getVisibility()) {\n-                        continue;\n-                    }\n-\n-                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n-                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n-                        if (bounds.toGeometry().intersects(feature.geometry)) {\n-                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n-                                this.select(feature);\n-                            }\n-                        }\n-                    }\n-                }\n-            }\n-            this.multiple = prevMultiple;\n-            this.events.triggerEvent(\"boxselectionend\", {\n-                layers: layers\n-            });\n+            numbers[i] = signedNum;\n         }\n-    },\n \n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        this.handlers.feature.setMap(map);\n-        if (this.box) {\n-            this.handlers.box.setMap(map);\n-        }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        return this.encodeUnsignedIntegers(numbers);\n     },\n \n+\n     /**\n-     * APIMethod: setLayer\n-     * Attach a new layer to the control, overriding any existing layers.\n+     * APIMethod: decodeSignedIntegers\n+     * Decode a list of signed integers from an encoded string\n      *\n      * Parameters:\n-     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n-     *     {<OpenLayers.Layer.Vector>}\n+     * encoded - {string} An encoded string.\n+     *\n+     * Returns:\n+     * {Array.<number>} A list of signed integers.\n      */\n-    setLayer: function(layers) {\n-        var isActive = this.active;\n-        this.unselectAll();\n-        this.deactivate();\n-        if (this.layers) {\n-            this.layer.destroy();\n-            this.layers = null;\n-        }\n-        this.initLayer(layers);\n-        this.handlers.feature.layer = this.layer;\n-        if (isActive) {\n-            this.activate();\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Measure.js\n-   ====================================================================== */\n+    decodeSignedIntegers: function(encoded) {\n+        var numbers = this.decodeUnsignedIntegers(encoded);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength; ++i) {\n+            var num = numbers[i];\n+            numbers[i] = (num & 1) ? ~(num >> 1) : (num >> 1);\n+        }\n \n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n+        return numbers;\n+    },\n \n-/**\n- * Class: OpenLayers.Control.Measure\n- * Allows for drawing of features for measurements.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Measure = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n+     * APIMethod: encodeUnsignedIntegers\n+     * Encode a list of unsigned integers and return an encoded string\n      *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n+     * Parameters:\n+     * numbers - {Array.<number>} A list of unsigned integers.\n      *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * measure - Triggered when a measurement sketch is complete.  Listeners\n-     *      will receive an event with measure, units, order, and geometry\n-     *      properties.\n-     * measurepartial - Triggered when a new point is added to the\n-     *      measurement sketch or if the <immediate> property is true and the\n-     *      measurement sketch is modified.  Listeners receive an event with measure,\n-     *      units, order, and geometry.\n-     */\n-\n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-\n-    /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n-     */\n-    callbacks: null,\n-\n-    /**\n-     * APIProperty: displaySystem\n-     * {String} Display system for output measurements.  Supported values\n-     *     are 'english', 'metric', and 'geographic'.  Default is 'metric'.\n+     * Returns:\n+     * {string} The encoded string.\n      */\n-    displaySystem: 'metric',\n+    encodeUnsignedIntegers: function(numbers) {\n+        var encoded = '';\n \n-    /**\n-     * APIProperty: geodesic\n-     * {Boolean} Calculate geodesic metrics instead of planar metrics.  This\n-     *     requires that geometries can be transformed into Geographic/WGS84\n-     *     (if that is not already the map projection).  Default is false.\n-     */\n-    geodesic: false,\n+        var numbersLength = numbers.length;\n+        for (var i = 0; i < numbersLength; ++i) {\n+            encoded += this.encodeUnsignedInteger(numbers[i]);\n+        }\n \n-    /**\n-     * Property: displaySystemUnits\n-     * {Object} Units for various measurement systems.  Values are arrays\n-     *     of unit abbreviations (from OpenLayers.INCHES_PER_UNIT) in decreasing\n-     *     order of length.\n-     */\n-    displaySystemUnits: {\n-        geographic: ['dd'],\n-        english: ['mi', 'ft', 'in'],\n-        metric: ['km', 'm']\n+        return encoded;\n     },\n \n-    /**\n-     * Property: delay\n-     * {Number} Number of milliseconds between clicks before the event is\n-     *     considered a double-click.  The \"measurepartial\" event will not\n-     *     be triggered if the sketch is completed within this time.  This\n-     *     is required for IE where creating a browser reflow (if a listener\n-     *     is modifying the DOM by displaying the measurement values) messes\n-     *     with the dblclick listener in the sketch handler.\n-     */\n-    partialDelay: 300,\n-\n-    /**\n-     * Property: delayedTrigger\n-     * {Number} Timeout id of trigger for measurepartial.\n-     */\n-    delayedTrigger: null,\n-\n-    /**\n-     * APIProperty: persist\n-     * {Boolean} Keep the temporary measurement sketch drawn after the\n-     *     measurement is complete.  The geometry will persist until a new\n-     *     measurement is started, the control is deactivated, or <cancel> is\n-     *     called.\n-     */\n-    persist: false,\n-\n-    /**\n-     * APIProperty: immediate\n-     * {Boolean} Activates the immediate measurement so that the \"measurepartial\"\n-     *     event is also fired once the measurement sketch is modified.\n-     *     Default is false.\n-     */\n-    immediate: false,\n \n     /**\n-     * Constructor: OpenLayers.Control.Measure\n+     * APIMethod: decodeUnsignedIntegers\n+     * Decode a list of unsigned integers from an encoded string\n      *\n      * Parameters:\n-     * handler - {<OpenLayers.Handler>}\n-     * options - {Object}\n+     * encoded - {string} An encoded string.\n+     *\n+     * Returns:\n+     * {Array.<number>} A list of unsigned integers.\n      */\n-    initialize: function(handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        var callbacks = {\n-            done: this.measureComplete,\n-            point: this.measurePartial\n-        };\n-        if (this.immediate) {\n-            callbacks.modify = this.measureImmediate;\n-        }\n-        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n+    decodeUnsignedIntegers: function(encoded) {\n+        var numbers = [];\n \n-        // let the handler options override, so old code that passes 'persist'\n-        // directly to the handler does not need an update\n-        this.handlerOptions = OpenLayers.Util.extend({\n-            persist: this.persist\n-        }, this.handlerOptions);\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n-    },\n+        var current = 0;\n+        var shift = 0;\n \n-    /**\n-     * APIMethod: deactivate\n-     */\n-    deactivate: function() {\n-        this.cancelDelay();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n+        var encodedLength = encoded.length;\n+        for (var i = 0; i < encodedLength; ++i) {\n+            var b = encoded.charCodeAt(i) - 63;\n \n-    /**\n-     * APIMethod: cancel\n-     * Stop the control from measuring.  If <persist> is true, the temporary\n-     *     sketch will be erased.\n-     */\n-    cancel: function() {\n-        this.cancelDelay();\n-        this.handler.cancel();\n-    },\n+            current |= (b & 0x1f) << shift;\n \n-    /**\n-     * APIMethod: setImmediate\n-     * Sets the <immediate> property. Changes the activity of immediate\n-     * measurement.\n-     */\n-    setImmediate: function(immediate) {\n-        this.immediate = immediate;\n-        if (this.immediate) {\n-            this.callbacks.modify = this.measureImmediate;\n-        } else {\n-            delete this.callbacks.modify;\n+            if (b < 0x20) {\n+                numbers.push(current);\n+                current = 0;\n+                shift = 0;\n+            } else {\n+                shift += 5;\n+            }\n         }\n-    },\n \n-    /**\n-     * Method: updateHandler\n-     *\n-     * Parameters:\n-     * handler - {Function} One of the sketch handler constructors.\n-     * options - {Object} Options for the handler.\n-     */\n-    updateHandler: function(handler, options) {\n-        var active = this.active;\n-        if (active) {\n-            this.deactivate();\n-        }\n-        this.handler = new handler(this, this.callbacks, options);\n-        if (active) {\n-            this.activate();\n-        }\n+        return numbers;\n     },\n \n-    /**\n-     * Method: measureComplete\n-     * Called when the measurement sketch is done.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     */\n-    measureComplete: function(geometry) {\n-        this.cancelDelay();\n-        this.measure(geometry, \"measure\");\n-    },\n \n     /**\n-     * Method: measurePartial\n-     * Called each time a new point is added to the measurement sketch.\n+     * Method: encodeFloat\n+     * Encode one single floating point number and return an encoded string\n      *\n      * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The last point added.\n-     * geometry - {<OpenLayers.Geometry>} The sketch geometry.\n-     */\n-    measurePartial: function(point, geometry) {\n-        this.cancelDelay();\n-        geometry = geometry.clone();\n-        // when we're wating for a dblclick, we have to trigger measurepartial\n-        // after some delay to deal with reflow issues in IE\n-        if (this.handler.freehandMode(this.handler.evt)) {\n-            // no dblclick in freehand mode\n-            this.measure(geometry, \"measurepartial\");\n-        } else {\n-            this.delayedTrigger = window.setTimeout(\n-                OpenLayers.Function.bind(function() {\n-                    this.delayedTrigger = null;\n-                    this.measure(geometry, \"measurepartial\");\n-                }, this),\n-                this.partialDelay\n-            );\n-        }\n-    },\n-\n-    /**\n-     * Method: measureImmediate\n-     * Called each time the measurement sketch is modified.\n+     * num - {number} Floating point number that should be encoded.\n+     * opt_factor - {number=} The factor by which num will be multiplied.\n+     * The remaining decimal places will get rounded away.\n      *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The point at the mouse position.\n-     * feature - {<OpenLayers.Feature.Vector>} The sketch feature.\n-     * drawing - {Boolean} Indicates whether we're currently drawing.\n+     * Returns:\n+     * {string} The encoded string.\n      */\n-    measureImmediate: function(point, feature, drawing) {\n-        if (drawing && !this.handler.freehandMode(this.handler.evt)) {\n-            this.cancelDelay();\n-            this.measure(feature.geometry, \"measurepartial\");\n-        }\n+    encodeFloat: function(num, opt_factor) {\n+        num = Math.round(num * (opt_factor || 1e5));\n+        return this.encodeSignedInteger(num);\n     },\n \n-    /**\n-     * Method: cancelDelay\n-     * Cancels the delay measurement that measurePartial began.\n-     */\n-    cancelDelay: function() {\n-        if (this.delayedTrigger !== null) {\n-            window.clearTimeout(this.delayedTrigger);\n-            this.delayedTrigger = null;\n-        }\n-    },\n \n     /**\n-     * Method: measure\n+     * Method: decodeFloat\n+     * Decode one single floating point number from an encoded string\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * eventType - {String}\n+     * encoded - {string} An encoded string.\n+     * opt_factor - {number=} The factor by which the result will be divided.\n+     *\n+     * Returns:\n+     * {number} The decoded floating point number.\n      */\n-    measure: function(geometry, eventType) {\n-        var stat, order;\n-        if (geometry.CLASS_NAME.indexOf('LineString') > -1) {\n-            stat = this.getBestLength(geometry);\n-            order = 1;\n-        } else {\n-            stat = this.getBestArea(geometry);\n-            order = 2;\n-        }\n-        this.events.triggerEvent(eventType, {\n-            measure: stat[0],\n-            units: stat[1],\n-            order: order,\n-            geometry: geometry\n-        });\n+    decodeFloat: function(encoded, opt_factor) {\n+        var result = this.decodeSignedInteger(encoded);\n+        return result / (opt_factor || 1e5);\n     },\n \n+\n     /**\n-     * Method: getBestArea\n-     * Based on the <displaySystem> returns the area of a geometry.\n+     * Method: encodeSignedInteger\n+     * Encode one single signed integer and return an encoded string\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n+     * num - {number} Signed integer that should be encoded.\n      *\n      * Returns:\n-     * {Array([Float, String])}  Returns a two item array containing the\n-     *     area and the units abbreviation.\n+     * {string} The encoded string.\n      */\n-    getBestArea: function(geometry) {\n-        var units = this.displaySystemUnits[this.displaySystem];\n-        var unit, area;\n-        for (var i = 0, len = units.length; i < len; ++i) {\n-            unit = units[i];\n-            area = this.getArea(geometry, unit);\n-            if (area > 1) {\n-                break;\n-            }\n+    encodeSignedInteger: function(num) {\n+        var signedNum = num << 1;\n+        if (num < 0) {\n+            signedNum = ~(signedNum);\n         }\n-        return [area, unit];\n+\n+        return this.encodeUnsignedInteger(signedNum);\n     },\n \n+\n     /**\n-     * Method: getArea\n+     * Method: decodeSignedInteger\n+     * Decode one single signed integer from an encoded string\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * units - {String} Unit abbreviation\n+     * encoded - {string} An encoded string.\n      *\n      * Returns:\n-     * {Float} The geometry area in the given units.\n+     * {number} The decoded signed integer.\n      */\n-    getArea: function(geometry, units) {\n-        var area, geomUnits;\n-        if (this.geodesic) {\n-            area = geometry.getGeodesicArea(this.map.getProjectionObject());\n-            geomUnits = \"m\";\n-        } else {\n-            area = geometry.getArea();\n-            geomUnits = this.map.getUnits();\n-        }\n-        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n-        if (inPerDisplayUnit) {\n-            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n-            area *= Math.pow((inPerMapUnit / inPerDisplayUnit), 2);\n-        }\n-        return area;\n+    decodeSignedInteger: function(encoded) {\n+        var result = this.decodeUnsignedInteger(encoded);\n+        return ((result & 1) ? ~(result >> 1) : (result >> 1));\n     },\n \n+\n     /**\n-     * Method: getBestLength\n-     * Based on the <displaySystem> returns the length of a geometry.\n+     * Method: encodeUnsignedInteger\n+     * Encode one single unsigned integer and return an encoded string\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n+     * num - {number} Unsigned integer that should be encoded.\n      *\n      * Returns:\n-     * {Array([Float, String])}  Returns a two item array containing the\n-     *     length and the units abbreviation.\n+     * {string} The encoded string.\n      */\n-    getBestLength: function(geometry) {\n-        var units = this.displaySystemUnits[this.displaySystem];\n-        var unit, length;\n-        for (var i = 0, len = units.length; i < len; ++i) {\n-            unit = units[i];\n-            length = this.getLength(geometry, unit);\n-            if (length > 1) {\n-                break;\n-            }\n+    encodeUnsignedInteger: function(num) {\n+        var value, encoded = '';\n+        while (num >= 0x20) {\n+            value = (0x20 | (num & 0x1f)) + 63;\n+            encoded += (String.fromCharCode(value));\n+            num >>= 5;\n         }\n-        return [length, unit];\n+        value = num + 63;\n+        encoded += (String.fromCharCode(value));\n+        return encoded;\n     },\n \n+\n     /**\n-     * Method: getLength\n+     * Method: decodeUnsignedInteger\n+     * Decode one single unsigned integer from an encoded string\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * units - {String} Unit abbreviation\n+     * encoded - {string} An encoded string.\n      *\n      * Returns:\n-     * {Float} The geometry length in the given units.\n+     * {number} The decoded unsigned integer.\n      */\n-    getLength: function(geometry, units) {\n-        var length, geomUnits;\n-        if (this.geodesic) {\n-            length = geometry.getGeodesicLength(this.map.getProjectionObject());\n-            geomUnits = \"m\";\n-        } else {\n-            length = geometry.getLength();\n-            geomUnits = this.map.getUnits();\n-        }\n-        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n-        if (inPerDisplayUnit) {\n-            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n-            length *= (inPerMapUnit / inPerDisplayUnit);\n+    decodeUnsignedInteger: function(encoded) {\n+        var result = 0;\n+        var shift = 0;\n+\n+        var encodedLength = encoded.length;\n+        for (var i = 0; i < encodedLength; ++i) {\n+            var b = encoded.charCodeAt(i) - 63;\n+\n+            result |= (b & 0x1f) << shift;\n+\n+            if (b < 0x20)\n+                break;\n+\n+            shift += 5;\n         }\n-        return length;\n+\n+        return result;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Measure\"\n+    CLASS_NAME: \"OpenLayers.Format.EncodedPolyline\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Snapping.js\n+    OpenLayers/Format/SOSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Format/SOSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Format/GML/v3.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Snapping\n- * Acts as a snapping agent while editing vector features.\n- *\n+ * Class: OpenLayers.Format.SOSCapabilities.v1_0_0\n+ * Read SOS Capabilities version 1.0.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.SOSCapabilities>\n  */\n-OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.SOSCapabilities, {\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforesnap - Triggered before a snap occurs.  Listeners receive an\n-     *     event object with *point*, *x*, *y*, *distance*, *layer*, and\n-     *     *snapType* properties.  The point property will be original point\n-     *     geometry considered for snapping. The x and y properties represent\n-     *     coordinates the point will receive. The distance is the distance\n-     *     of the snap.  The layer is the target layer.  The snapType property\n-     *     will be one of \"node\", \"vertex\", or \"edge\". Return false to stop\n-     *     snapping from occurring.\n-     * snap - Triggered when a snap occurs.  Listeners receive an event with\n-     *     *point*, *snapType*, *layer*, and *distance* properties.  The point\n-     *     will be the location snapped to.  The snapType will be one of \"node\",\n-     *     \"vertex\", or \"edge\".  The layer will be the target layer.  The\n-     *     distance will be the distance of the snap in map units.\n-     * unsnap - Triggered when a vertex is unsnapped.  Listeners receive an\n-     *     event with a *point* property.\n-     */\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            sos: \"http://www.opengis.net/sos/1.0\",\n+            gml: \"http://www.opengis.net/gml\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n+        },\n \n-    /**\n-     * CONSTANT: DEFAULTS\n-     * Default target properties.\n-     */\n-    DEFAULTS: {\n-        tolerance: 10,\n-        node: true,\n-        edge: true,\n-        vertex: true\n-    },\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n \n-    /**\n-     * Property: greedy\n-     * {Boolean} Snap to closest feature in first layer with an eligible\n-     *     feature.  Default is true.\n-     */\n-    greedy: true,\n+        /**\n+         * Constructor: OpenLayers.Format.SOSCapabilities.v1_0_0\n+         * Create a new parser for SOS capabilities version 1.0.0. \n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+            this.options = options;\n+        },\n \n-    /**\n-     * Property: precedence\n-     * {Array} List representing precedence of different snapping types.\n-     *     Default is \"node\", \"vertex\", \"edge\".\n-     */\n-    precedence: [\"node\", \"vertex\", \"edge\"],\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the SOS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Information about the SOS service.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n \n-    /**\n-     * Property: resolution\n-     * {Float} The map resolution for the previously considered snap.\n-     */\n-    resolution: null,\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"gml\": OpenLayers.Util.applyDefaults({\n+                \"name\": function(node, obj) {\n+                    obj.name = this.getChildValue(node);\n+                },\n+                \"TimePeriod\": function(node, obj) {\n+                    obj.timePeriod = {};\n+                    this.readChildNodes(node, obj.timePeriod);\n+                },\n+                \"beginPosition\": function(node, timePeriod) {\n+                    timePeriod.beginPosition = this.getChildValue(node);\n+                },\n+                \"endPosition\": function(node, timePeriod) {\n+                    timePeriod.endPosition = this.getChildValue(node);\n+                }\n+            }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n+            \"sos\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, obj) {\n+                    obj.contents = {};\n+                    this.readChildNodes(node, obj.contents);\n+                },\n+                \"ObservationOfferingList\": function(node, contents) {\n+                    contents.offeringList = {};\n+                    this.readChildNodes(node, contents.offeringList);\n+                },\n+                \"ObservationOffering\": function(node, offeringList) {\n+                    var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                    offeringList[id] = {\n+                        procedures: [],\n+                        observedProperties: [],\n+                        featureOfInterestIds: [],\n+                        responseFormats: [],\n+                        resultModels: [],\n+                        responseModes: []\n+                    };\n+                    this.readChildNodes(node, offeringList[id]);\n+                },\n+                \"time\": function(node, offering) {\n+                    offering.time = {};\n+                    this.readChildNodes(node, offering.time);\n+                },\n+                \"procedure\": function(node, offering) {\n+                    offering.procedures.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"observedProperty\": function(node, offering) {\n+                    offering.observedProperties.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"featureOfInterest\": function(node, offering) {\n+                    offering.featureOfInterestIds.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"responseFormat\": function(node, offering) {\n+                    offering.responseFormats.push(this.getChildValue(node));\n+                },\n+                \"resultModel\": function(node, offering) {\n+                    offering.resultModels.push(this.getChildValue(node));\n+                },\n+                \"responseMode\": function(node, offering) {\n+                    offering.responseModes.push(this.getChildValue(node));\n+                }\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n \n-    /**\n-     * Property: geoToleranceCache\n-     * {Object} A cache of geo-tolerances.  Tolerance values (in map units) are\n-     *     calculated when the map resolution changes.\n-     */\n-    geoToleranceCache: null,\n+        CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The current editable layer.  Set at\n-     *     construction or after construction with <setLayer>.\n-     */\n-    layer: null,\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSDescribeLayer/v1_1.js\n+   ====================================================================== */\n \n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} The current editable feature.\n-     */\n-    feature: null,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Property: point\n-     * {<OpenLayers.Geometry.Point>} The currently snapped vertex.\n-     */\n-    point: null,\n+/**\n+ * @requires OpenLayers/Format/WMSDescribeLayer.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n+ */\n \n-    /**\n-     * Constructor: OpenLayers.Control.Snapping\n-     * Creates a new snapping control. A control is constructed with an editable\n-     *     layer and a set of configuration objects for target layers. While the\n-     *     control is active, dragging vertices while drawing new features or\n-     *     modifying existing features on the editable layer will engage\n-     *     snapping to features on the target layers. Whether a vertex snaps to\n-     *     a feature on a target layer depends on the target layer configuration.\n-     *\n-     * Parameters:\n-     * options - {Object} An object containing all configuration properties for\n-     *     the control.\n-     *\n-     * Valid options:\n-     * layer - {<OpenLayers.Layer.Vector>} The editable layer.  Features from this\n-     *     layer that are digitized or modified may have vertices snapped to\n-     *     features from any of the target layers.\n-     * targets - {Array(Object | OpenLayers.Layer.Vector)} A list of objects for\n-     *     configuring target layers.  See valid properties of the target\n-     *     objects below.  If the items in the targets list are vector layers\n-     *     (instead of configuration objects), the defaults from the <defaults>\n-     *     property will apply.  The editable layer itself may be a target\n-     *     layer, allowing newly created or edited features to be snapped to\n-     *     existing features from the same layer.  If no targets are provided\n-     *     the layer given in the constructor (as <layer>) will become the\n-     *     initial target.\n-     * defaults - {Object} An object with default properties to be applied\n-     *     to all target objects.\n-     * greedy - {Boolean} Snap to closest feature in first target layer that\n-     *     applies.  Default is true.  If false, all features in all target\n-     *     layers will be checked and the closest feature in all target layers\n-     *     will be chosen.  The greedy property determines if the order of the\n-     *     target layers is significant.  By default, the order of the target\n-     *     layers is significant where layers earlier in the target layer list\n-     *     have precedence over layers later in the list.  Within a single\n-     *     layer, the closest feature is always chosen for snapping.  This\n-     *     property only determines whether the search for a closer feature\n-     *     continues after an eligible feature is found in a target layer.\n-     *\n-     * Valid target properties:\n-     * layer - {<OpenLayers.Layer.Vector>} A target layer.  Features from this\n-     *     layer will be eligible to act as snapping target for the editable\n-     *     layer.\n-     * tolerance - {Float} The distance (in pixels) at which snapping may occur.\n-     *     Default is 10.\n-     * node - {Boolean} Snap to nodes (first or last point in a geometry) in\n-     *     target layer.  Default is true.\n-     * nodeTolerance - {Float} Optional distance at which snapping may occur\n-     *     for nodes specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * vertex - {Boolean} Snap to vertices in target layer.  Default is true.\n-     * vertexTolerance - {Float} Optional distance at which snapping may occur\n-     *     for vertices specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * edge - {Boolean} Snap to edges in target layer.  Default is true.\n-     * edgeTolerance - {Float} Optional distance at which snapping may occur\n-     *     for edges specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * filter - {<OpenLayers.Filter>} Optional filter to evaluate to determine if\n-     *     feature is eligible for snapping.  If filter evaluates to true for a\n-     *     target feature a vertex may be snapped to the feature. \n-     * minResolution - {Number} If a minResolution is provided, snapping to this\n-     *     target will only be considered if the map resolution is greater than\n-     *     or equal to this value (the minResolution is inclusive).  Default is\n-     *     no minimum resolution limit.\n-     * maxResolution - {Number} If a maxResolution is provided, snapping to this\n-     *     target will only be considered if the map resolution is strictly\n-     *     less than this value (the maxResolution is exclusive).  Default is\n-     *     no maximum resolution limit.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.options = options || {}; // TODO: this could be done by the super\n+/**\n+ * Class: OpenLayers.Format.WMSDescribeLayer.v1_1_1\n+ * Read SLD WMS DescribeLayer response for WMS 1.1.X\n+ * WMS 1.1.X is tightly coupled to SLD 1.0.0\n+ *\n+ * Example DescribeLayer request: \n+ * http://demo.opengeo.org/geoserver/wms?request=DescribeLayer&version=1.1.1&layers=topp:states\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSDescribeLayer>\n+ */\n+OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSDescribeLayer, {\n \n-        // set the editable layer if provided\n-        if (this.options.layer) {\n-            this.setLayer(this.options.layer);\n-        }\n-        // configure target layers\n-        var defaults = OpenLayers.Util.extend({}, this.options.defaults);\n-        this.defaults = OpenLayers.Util.applyDefaults(defaults, this.DEFAULTS);\n-        this.setTargets(this.options.targets);\n-        if (this.targets.length === 0 && this.layer) {\n-            this.addTargetLayer(this.layer);\n-        }\n+        /**\n+         * Constructor: OpenLayers.Format.WMSDescribeLayer\n+         * Create a new parser for WMS DescribeLayer responses.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this,\n+                [options]);\n+        },\n \n-        this.geoToleranceCache = {};\n-    },\n+        /**\n+         * APIMethod: read\n+         * Read DescribeLayer data from a string, and return the response. \n+         * The OGC defines 2 formats which are allowed for output,\n+         * so we need to parse these 2 types for version 1.1.X\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Object with a layerDescriptions property, which holds an Array\n+         * of {<LayerDescription>} objects which have:\n+         * - {String} owsType: WFS/WCS\n+         * - {String} owsURL: the online resource\n+         * - {String} typeName: the name of the typename on the owsType service\n+         * - {String} layerName: the name of the WMS layer we did a lookup for\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            var root = data.documentElement;\n+            var children = root.childNodes;\n+            var describelayer = {\n+                layerDescriptions: []\n+            };\n+            var childNode, nodeName;\n+            for (var i = 0; i < children.length; ++i) {\n+                childNode = children[i];\n+                nodeName = childNode.nodeName;\n+                if (nodeName == 'LayerDescription') {\n+                    var layerName = childNode.getAttribute('name');\n+                    var owsType = '';\n+                    var owsURL = '';\n+                    var typeName = '';\n+                    // check for owsType and owsURL attributes\n+                    if (childNode.getAttribute('owsType')) {\n+                        owsType = childNode.getAttribute('owsType');\n+                        owsURL = childNode.getAttribute('owsURL');\n+                    } else {\n+                        // look for wfs or wcs attribute\n+                        if (childNode.getAttribute('wfs') != '') {\n+                            owsType = 'WFS';\n+                            owsURL = childNode.getAttribute('wfs');\n+                        } else if (childNode.getAttribute('wcs') != '') {\n+                            owsType = 'WCS';\n+                            owsURL = childNode.getAttribute('wcs');\n+                        }\n+                    }\n+                    // look for Query child\n+                    var query = childNode.getElementsByTagName('Query');\n+                    if (query.length > 0) {\n+                        typeName = query[0].getAttribute('typeName');\n+                        if (!typeName) {\n+                            // because of Ionic bug\n+                            typeName = query[0].getAttribute('typename');\n+                        }\n+                    }\n+                    var layerDescription = {\n+                        layerName: layerName,\n+                        owsType: owsType,\n+                        owsURL: owsURL,\n+                        typeName: typeName\n+                    };\n+                    describelayer.layerDescriptions.push(layerDescription);\n \n-    /**\n-     * APIMethod: setLayer\n-     * Set the editable layer.  Call the setLayer method if the editable layer\n-     *     changes and the same control should be used on a new editable layer.\n-     *     If the control is already active, it will be active after the new\n-     *     layer is set.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}  The new editable layer.\n-     */\n-    setLayer: function(layer) {\n-        if (this.active) {\n-            this.deactivate();\n-            this.layer = layer;\n-            this.activate();\n-        } else {\n-            this.layer = layer;\n-        }\n-    },\n+                    //TODO do this in deprecated.js instead:\n+                    // array style index for backwards compatibility\n+                    describelayer.length = describelayer.layerDescriptions.length;\n+                    describelayer[describelayer.length - 1] = layerDescription;\n \n-    /**\n-     * Method: setTargets\n-     * Set the targets for the snapping agent.\n-     *\n-     * Parameters:\n-     * targets - {Array} An array of target configs or target layers.\n-     */\n-    setTargets: function(targets) {\n-        this.targets = [];\n-        if (targets && targets.length) {\n-            var target;\n-            for (var i = 0, len = targets.length; i < len; ++i) {\n-                target = targets[i];\n-                if (target instanceof OpenLayers.Layer.Vector) {\n-                    this.addTargetLayer(target);\n-                } else {\n-                    this.addTarget(target);\n+                } else if (nodeName == 'ServiceException') {\n+                    // an exception must have occurred, so parse it\n+                    var parser = new OpenLayers.Format.OGCExceptionReport();\n+                    return {\n+                        error: parser.read(data)\n+                    };\n                 }\n             }\n-        }\n-    },\n+            return describelayer;\n+        },\n \n-    /**\n-     * Method: addTargetLayer\n-     * Add a target layer with the default target config.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} A target layer.\n-     */\n-    addTargetLayer: function(layer) {\n-        this.addTarget({\n-            layer: layer\n-        });\n-    },\n+        CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n \n-    /**\n-     * Method: addTarget\n-     * Add a configured target layer.\n-     *\n-     * Parameters:\n-     * target - {Object} A target config.\n-     */\n-    addTarget: function(target) {\n-        target = OpenLayers.Util.applyDefaults(target, this.defaults);\n-        target.nodeTolerance = target.nodeTolerance || target.tolerance;\n-        target.vertexTolerance = target.vertexTolerance || target.tolerance;\n-        target.edgeTolerance = target.edgeTolerance || target.tolerance;\n-        this.targets.push(target);\n-    },\n+    });\n \n-    /**\n-     * Method: removeTargetLayer\n-     * Remove a target layer.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} The target layer to remove.\n-     */\n-    removeTargetLayer: function(layer) {\n-        var target;\n-        for (var i = this.targets.length - 1; i >= 0; --i) {\n-            target = this.targets[i];\n-            if (target.layer === layer) {\n-                this.removeTarget(target);\n-            }\n-        }\n-    },\n+// Version alias - workaround for http://trac.osgeo.org/mapserver/ticket/2257\n+OpenLayers.Format.WMSDescribeLayer.v1_1_0 =\n+    OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n+/* ======================================================================\n+    OpenLayers/Format/WFSCapabilities/v1.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: removeTarget\n-     * Remove a target.\n-     *\n-     * Parameters:\n-     * target - {Object} A target config.\n-     *\n-     * Returns:\n-     * {Array} The targets array.\n-     */\n-    removeTarget: function(target) {\n-        return OpenLayers.Util.removeItem(this.targets, target);\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIMethod: activate\n-     * Activate the control.  Activating the control registers listeners for\n-     *     editing related events so that during feature creation and\n-     *     modification, moving vertices will trigger snapping.\n-     */\n-    activate: function() {\n-        var activated = OpenLayers.Control.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer && this.layer.events) {\n-                this.layer.events.on({\n-                    sketchstarted: this.onSketchModified,\n-                    sketchmodified: this.onSketchModified,\n-                    vertexmodified: this.onVertexModified,\n-                    scope: this\n-                });\n-            }\n-        }\n-        return activated;\n-    },\n+/**\n+ * @requires OpenLayers/Format/WFSCapabilities.js\n+ */\n \n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.  Deactivating the control unregisters listeners\n-     *     so feature editing may proceed without engaging the snapping agent.\n-     */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.layer && this.layer.events) {\n-                this.layer.events.un({\n-                    sketchstarted: this.onSketchModified,\n-                    sketchmodified: this.onSketchModified,\n-                    vertexmodified: this.onVertexModified,\n-                    scope: this\n-                });\n-            }\n-        }\n-        this.feature = null;\n-        this.point = null;\n-        return deactivated;\n-    },\n+/**\n+ * Class: OpenLayers.Format.WFSCapabilities.v1\n+ * Abstract class not to be instantiated directly.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.WFSCapabilities.v1 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-    /**\n-     * Method: onSketchModified\n-     * Registered as a listener for the sketchmodified event on the editable\n-     *     layer.\n-     *\n-     * Parameters:\n-     * event - {Object} The sketch modified event.\n-     */\n-    onSketchModified: function(event) {\n-        this.feature = event.feature;\n-        this.considerSnapping(event.vertex, event.vertex);\n-    },\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wfs: \"http://www.opengis.net/wfs\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+            ows: \"http://www.opengis.net/ows\"\n+        },\n \n-    /**\n-     * Method: onVertexModified\n-     * Registered as a listener for the vertexmodified event on the editable\n-     *     layer.\n-     *\n-     * Parameters:\n-     * event - {Object} The vertex modified event.\n-     */\n-    onVertexModified: function(event) {\n-        this.feature = event.feature;\n-        var loc = this.layer.map.getLonLatFromViewPortPx(event.pixel);\n-        this.considerSnapping(\n-            event.vertex, new OpenLayers.Geometry.Point(loc.lon, loc.lat)\n-        );\n-    },\n \n-    /**\n-     * Method: considerSnapping\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The vertex to be snapped (or\n-     *     unsnapped).\n-     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n-     *     coords.\n-     */\n-    considerSnapping: function(point, loc) {\n-        var best = {\n-            rank: Number.POSITIVE_INFINITY,\n-            dist: Number.POSITIVE_INFINITY,\n-            x: null,\n-            y: null\n-        };\n-        var snapped = false;\n-        var result, target;\n-        for (var i = 0, len = this.targets.length; i < len; ++i) {\n-            target = this.targets[i];\n-            result = this.testTarget(target, loc);\n-            if (result) {\n-                if (this.greedy) {\n-                    best = result;\n-                    best.target = target;\n-                    snapped = true;\n-                    break;\n-                } else {\n-                    if ((result.rank < best.rank) ||\n-                        (result.rank === best.rank && result.dist < best.dist)) {\n-                        best = result;\n-                        best.target = target;\n-                        snapped = true;\n-                    }\n-                }\n-            }\n-        }\n-        if (snapped) {\n-            var proceed = this.events.triggerEvent(\"beforesnap\", {\n-                point: point,\n-                x: best.x,\n-                y: best.y,\n-                distance: best.dist,\n-                layer: best.target.layer,\n-                snapType: this.precedence[best.rank]\n-            });\n-            if (proceed !== false) {\n-                point.x = best.x;\n-                point.y = best.y;\n-                this.point = point;\n-                this.events.triggerEvent(\"snap\", {\n-                    point: point,\n-                    snapType: this.precedence[best.rank],\n-                    layer: best.target.layer,\n-                    distance: best.dist\n-                });\n-            } else {\n-                snapped = false;\n-            }\n-        }\n-        if (this.point && !snapped) {\n-            point.x = loc.x;\n-            point.y = loc.y;\n-            this.point = null;\n-            this.events.triggerEvent(\"unsnap\", {\n-                point: point\n-            });\n-        }\n-    },\n+        /**\n+         * APIProperty: errorProperty\n+         * {String} Which property of the returned object to check for in order to\n+         * determine whether or not parsing has failed. In the case that the\n+         * errorProperty is undefined on the returned object, the document will be\n+         * run through an OGCExceptionReport parser.\n+         */\n+        errorProperty: \"featureTypeList\",\n \n-    /**\n-     * Method: testTarget\n-     *\n-     * Parameters:\n-     * target - {Object} Object with target layer configuration.\n-     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n-     *     coords.\n-     *\n-     * Returns:\n-     * {Object} A result object with rank, dist, x, and y properties.\n-     *     Returns null if candidate is not eligible for snapping.\n-     */\n-    testTarget: function(target, loc) {\n-        var resolution = this.layer.map.getResolution();\n-        if (\"minResolution\" in target) {\n-            if (resolution < target.minResolution) {\n-                return null;\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wfs\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1\n+         * Create an instance of one of the subclasses.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return a list of layers. \n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Array} List of named layers.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n             }\n-        }\n-        if (\"maxResolution\" in target) {\n-            if (resolution >= target.maxResolution) {\n-                return null;\n+            var raw = data;\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n             }\n-        }\n-        var tolerance = {\n-            node: this.getGeoTolerance(target.nodeTolerance, resolution),\n-            vertex: this.getGeoTolerance(target.vertexTolerance, resolution),\n-            edge: this.getGeoTolerance(target.edgeTolerance, resolution)\n-        };\n-        // this could be cached if we don't support setting tolerance values directly\n-        var maxTolerance = Math.max(\n-            tolerance.node, tolerance.vertex, tolerance.edge\n-        );\n-        var result = {\n-            rank: Number.POSITIVE_INFINITY,\n-            dist: Number.POSITIVE_INFINITY\n-        };\n-        var eligible = false;\n-        var features = target.layer.features;\n-        var feature, type, vertices, vertex, closest, dist, found;\n-        var numTypes = this.precedence.length;\n-        var ll = new OpenLayers.LonLat(loc.x, loc.y);\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            if (feature !== this.feature && !feature._sketch &&\n-                feature.state !== OpenLayers.State.DELETE &&\n-                (!target.filter || target.filter.evaluate(feature))) {\n-                if (feature.atPoint(ll, maxTolerance, maxTolerance)) {\n-                    for (var j = 0, stop = Math.min(result.rank + 1, numTypes); j < stop; ++j) {\n-                        type = this.precedence[j];\n-                        if (target[type]) {\n-                            if (type === \"edge\") {\n-                                closest = feature.geometry.distanceTo(loc, {\n-                                    details: true\n-                                });\n-                                dist = closest.distance;\n-                                if (dist <= tolerance[type] && dist < result.dist) {\n-                                    result = {\n-                                        rank: j,\n-                                        dist: dist,\n-                                        x: closest.x0,\n-                                        y: closest.y0 // closest coords on feature\n-                                    };\n-                                    eligible = true;\n-                                    // don't look for lower precedence types for this feature\n-                                    break;\n-                                }\n-                            } else {\n-                                // look for nodes or vertices\n-                                vertices = feature.geometry.getVertices(type === \"node\");\n-                                found = false;\n-                                for (var k = 0, klen = vertices.length; k < klen; ++k) {\n-                                    vertex = vertices[k];\n-                                    dist = vertex.distanceTo(loc);\n-                                    if (dist <= tolerance[type] &&\n-                                        (j < result.rank || (j === result.rank && dist < result.dist))) {\n-                                        result = {\n-                                            rank: j,\n-                                            dist: dist,\n-                                            x: vertex.x,\n-                                            y: vertex.y\n-                                        };\n-                                        eligible = true;\n-                                        found = true;\n-                                    }\n-                                }\n-                                if (found) {\n-                                    // don't look for lower precedence types for this feature\n-                                    break;\n-                                }\n-                            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wfs\": {\n+                \"WFS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"FeatureTypeList\": function(node, request) {\n+                    request.featureTypeList = {\n+                        featureTypes: []\n+                    };\n+                    this.readChildNodes(node, request.featureTypeList);\n+                },\n+                \"FeatureType\": function(node, featureTypeList) {\n+                    var featureType = {};\n+                    this.readChildNodes(node, featureType);\n+                    featureTypeList.featureTypes.push(featureType);\n+                },\n+                \"Name\": function(node, obj) {\n+                    var name = this.getChildValue(node);\n+                    if (name) {\n+                        var parts = name.split(\":\");\n+                        obj.name = parts.pop();\n+                        if (parts.length > 0) {\n+                            obj.featureNS = this.lookupNamespaceURI(node, parts[0]);\n                         }\n                     }\n+                },\n+                \"Title\": function(node, obj) {\n+                    var title = this.getChildValue(node);\n+                    if (title) {\n+                        obj.title = title;\n+                    }\n+                },\n+                \"Abstract\": function(node, obj) {\n+                    var abst = this.getChildValue(node);\n+                    if (abst) {\n+                        obj[\"abstract\"] = abst;\n+                    }\n                 }\n             }\n-        }\n-        return eligible ? result : null;\n-    },\n-\n-    /**\n-     * Method: getGeoTolerance\n-     * Calculate a tolerance in map units given a tolerance in pixels.  This\n-     *     takes advantage of the <geoToleranceCache> when the map resolution\n-     *     has not changed.\n-     *     \n-     * Parameters:\n-     * tolerance - {Number} A tolerance value in pixels.\n-     * resolution - {Number} Map resolution.\n-     *\n-     * Returns:\n-     * {Number} A tolerance value in map units.\n-     */\n-    getGeoTolerance: function(tolerance, resolution) {\n-        if (resolution !== this.resolution) {\n-            this.resolution = resolution;\n-            this.geoToleranceCache = {};\n-        }\n-        var geoTolerance = this.geoToleranceCache[tolerance];\n-        if (geoTolerance === undefined) {\n-            geoTolerance = tolerance * resolution;\n-            this.geoToleranceCache[tolerance] = geoTolerance;\n-        }\n-        return geoTolerance;\n-    },\n+        },\n \n-    /**\n-     * Method: destroy\n-     * Clean up the control.\n-     */\n-    destroy: function() {\n-        if (this.active) {\n-            this.deactivate(); // TODO: this should be handled by the super\n-        }\n-        delete this.layer;\n-        delete this.targets;\n-        OpenLayers.Control.prototype.destroy.call(this);\n-    },\n+        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1\"\n \n-    CLASS_NAME: \"OpenLayers.Control.Snapping\"\n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Protocol/Script.js\n+    OpenLayers/Format/WFSCapabilities/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Format/GeoJSON.js\n- */\n-\n-/**\n- * if application uses the query string, for example, for BBOX parameters,\n- * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ * @requires OpenLayers/Format/WFSCapabilities/v1.js\n+ * @requires OpenLayers/Format/OWSCommon/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.Script\n- * A basic Script protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.Script> constructor.  A script protocol is used to\n- *     get around the same origin policy.  It works with services that return\n- *     JSONP - that is, JSON wrapped in a client-specified callback.  The\n- *     protocol handles fetching and parsing of feature data and sends parsed\n- *     features to the <callback> configured with the protocol.  The protocol\n- *     expects features serialized as GeoJSON by default, but can be configured\n- *     to work with other formats by setting the <format> property.\n- *\n+ * Class: OpenLayers.Format.WFSCapabilities/v1_1_0\n+ * Read WFS Capabilities version 1.1.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.WFSCapabilities>\n  */\n-OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * APIProperty: url\n-     * {String} Service URL.  The service is expected to return serialized \n-     *     features wrapped in a named callback (where the callback name is\n-     *     generated by this protocol).\n-     *     Read-only, set through the options passed to the constructor.\n-     */\n-    url: null,\n-\n-    /**\n-     * APIProperty: params\n-     * {Object} Query string parameters to be appended to the URL.\n-     *     Read-only, set through the options passed to the constructor.\n-     *     Example: {maxFeatures: 50}\n-     */\n-    params: null,\n-\n-    /**\n-     * APIProperty: callback\n-     * {Object} Function to be called when the <read> operation completes.\n-     */\n-    callback: null,\n-\n-    /**\n-     * APIProperty: callbackTemplate\n-     * {String} Template for creating a unique callback function name\n-     * for the registry. Should include ${id}.  The ${id} variable will be\n-     * replaced with a string identifier prefixed with a \"c\" (e.g. c1, c2).\n-     * Default is \"OpenLayers.Protocol.Script.registry.${id}\".\n-     */\n-    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n-\n-    /**\n-     * APIProperty: callbackKey\n-     * {String} The name of the query string parameter that the service \n-     *     recognizes as the callback identifier.  Default is \"callback\".\n-     *     This key is used to generate the URL for the script.  For example\n-     *     setting <callbackKey> to \"myCallback\" would result in a URL like \n-     *     http://example.com/?myCallback=...\n-     */\n-    callbackKey: \"callback\",\n-\n-    /**\n-     * APIProperty: callbackPrefix\n-     * {String} Where a service requires that the callback query string \n-     *     parameter value is prefixed by some string, this value may be set.\n-     *     For example, setting <callbackPrefix> to \"foo:\" would result in a\n-     *     URL like http://example.com/?callback=foo:...  Default is \"\".\n-     */\n-    callbackPrefix: \"\",\n-\n-    /**\n-     * APIProperty: scope\n-     * {Object} Optional ``this`` object for the callback. Read-only, set \n-     *     through the options passed to the constructor.\n-     */\n-    scope: null,\n-\n-    /**\n-     * APIProperty: format\n-     * {<OpenLayers.Format>} Format for parsing features.  Default is an \n-     *     <OpenLayers.Format.GeoJSON> format.  If an alternative is provided,\n-     *     the format's read method must take an object and return an array\n-     *     of features.\n-     */\n-    format: null,\n-\n-    /**\n-     * Property: pendingRequests\n-     * {Object} References all pending requests.  Property names are script \n-     *     identifiers and property values are script elements.\n-     */\n-    pendingRequests: null,\n-\n-    /**\n-     * APIProperty: srsInBBOX\n-     * {Boolean} Include the SRS identifier in BBOX query string parameter.\n-     *     Setting this property has no effect if a custom filterToParams method\n-     *     is provided.   Default is false.  If true and the layer has a \n-     *     projection object set, any BBOX filter will be serialized with a \n-     *     fifth item identifying the projection.  \n-     *     E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n-     */\n-    srsInBBOX: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Protocol.Script\n-     * A class for giving layers generic Script protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options include:\n-     * url - {String}\n-     * params - {Object}\n-     * callback - {Function}\n-     * scope - {Object}\n-     */\n-    initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.pendingRequests = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.GeoJSON();\n-        }\n-\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params);\n-            };\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Construct a request for reading new features.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Valid options:\n-     * url - {String} Url for the request.\n-     * params - {Object} Parameters to get serialized as a query string.\n-     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n-     *     query string.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n-     *     references the injected script.  This object is also passed to the\n-     *     callback function when the request completes, its \"features\" property\n-     *     is then populated with the features received from the server.\n-     */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        options.params = OpenLayers.Util.applyDefaults(\n-            options.params, this.options.params\n-        );\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(\n-                options.filter, options.params\n-            );\n-        }\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var request = this.createRequest(\n-            options.url,\n-            options.params,\n-            OpenLayers.Function.bind(function(data) {\n-                response.data = data;\n-                this.handleRead(response, options);\n-            }, this)\n-        );\n-        response.priv = request;\n-        return response;\n-    },\n+OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WFSCapabilities.v1, {\n \n-    /** \n-     * APIMethod: filterToParams \n-     * Optional method to translate an <OpenLayers.Filter> object into an object \n-     *     that can be serialized as request query string provided.  If a custom \n-     *     method is not provided, any filter will not be serialized. \n-     * \n-     * Parameters: \n-     * filter - {<OpenLayers.Filter>} filter to convert. \n-     * params - {Object} The parameters object. \n-     * \n-     * Returns: \n-     * {Object} The resulting parameters object. \n-     */\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n \n-    /** \n-     * Method: createRequest\n-     * Issues a request for features by creating injecting a script in the \n-     *     document head.\n-     *\n-     * Parameters:\n-     * url - {String} Service URL.\n-     * params - {Object} Query string parameters.\n-     * callback - {Function} Callback to be called with resulting data.\n-     *\n-     * Returns:\n-     * {HTMLScriptElement} The script pending execution.\n-     */\n-    createRequest: function(url, params, callback) {\n-        var id = OpenLayers.Protocol.Script.register(callback);\n-        var name = OpenLayers.String.format(this.callbackTemplate, {\n-            id: id\n-        });\n-        params = OpenLayers.Util.extend({}, params);\n-        params[this.callbackKey] = this.callbackPrefix + name;\n-        url = OpenLayers.Util.urlAppend(\n-            url, OpenLayers.Util.getParameterString(params)\n-        );\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = \"OpenLayers_Protocol_Script_\" + id;\n-        this.pendingRequests[script.id] = script;\n-        var head = document.getElementsByTagName(\"head\")[0];\n-        head.appendChild(script);\n-        return script;\n-    },\n+        /**\n+         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1_0\n+         * Create a new parser for WFS capabilities version 1.1.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-    /** \n-     * Method: destroyRequest\n-     * Remove a script node associated with a response from the document.  Also\n-     *     unregisters the callback and removes the script from the \n-     *     <pendingRequests> object.\n-     *\n-     * Parameters:\n-     * script - {HTMLScriptElement}\n-     */\n-    destroyRequest: function(script) {\n-        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n-        delete this.pendingRequests[script.id];\n-        if (script.parentNode) {\n-            script.parentNode.removeChild(script);\n-        }\n-    },\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"DefaultSRS\": function(node, obj) {\n+                    var defaultSRS = this.getChildValue(node);\n+                    if (defaultSRS) {\n+                        obj.srs = defaultSRS;\n+                    }\n+                }\n+            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n+            \"ows\": OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+        },\n \n-    /**\n-     * Method: handleRead\n-     * Individual callbacks are created for read, create and update, should\n-     *     a subclass need to override each one separately.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     the user callback.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(response, options) {\n-        this.handleResponse(response, options);\n-    },\n+        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n \n-    /**\n-     * Method: handleResponse\n-     * Called by CRUD specific handlers.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create, read, update,\n-     *     or delete call.\n-     */\n-    handleResponse: function(response, options) {\n-        if (options.callback) {\n-            if (response.data) {\n-                response.features = this.parseFeatures(response.data);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            this.destroyRequest(response.priv);\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WFSCapabilities/v1_0_0.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: parseFeatures\n-     * Read Script response body and return features.\n-     *\n-     * Parameters:\n-     * data - {Object} The data sent to the callback function by the server.\n-     *\n-     * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n-     */\n-    parseFeatures: function(data) {\n-        return this.format.read(data);\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIMethod: abort\n-     * Abort an ongoing request.  If no response is provided, all pending \n-     *     requests will be aborted.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object returned\n-     *     from a <read> request.\n-     */\n-    abort: function(response) {\n-        if (response) {\n-            this.destroyRequest(response.priv);\n-        } else {\n-            for (var key in this.pendingRequests) {\n-                this.destroyRequest(this.pendingRequests[key]);\n-            }\n-        }\n-    },\n+/**\n+ * @requires OpenLayers/Format/WFSCapabilities/v1.js\n+ */\n \n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        this.abort();\n-        delete this.params;\n-        delete this.format;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n+/**\n+ * Class: OpenLayers.Format.WFSCapabilities/v1_0_0\n+ * Read WFS Capabilities version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WFSCapabilities.v1>\n+ */\n+OpenLayers.Format.WFSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.WFSCapabilities.v1, {\n \n-    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n-});\n+        /**\n+         * Constructor: OpenLayers.Format.WFSCapabilities.v1_0_0\n+         * Create a new parser for WFS capabilities version 1.0.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-(function() {\n-    var o = OpenLayers.Protocol.Script;\n-    var counter = 0;\n-    o.registry = {};\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"Service\": function(node, capabilities) {\n+                    capabilities.service = {};\n+                    this.readChildNodes(node, capabilities.service);\n+                },\n+                \"Fees\": function(node, service) {\n+                    var fees = this.getChildValue(node);\n+                    if (fees && fees.toLowerCase() != \"none\") {\n+                        service.fees = fees;\n+                    }\n+                },\n+                \"AccessConstraints\": function(node, service) {\n+                    var constraints = this.getChildValue(node);\n+                    if (constraints && constraints.toLowerCase() != \"none\") {\n+                        service.accessConstraints = constraints;\n+                    }\n+                },\n+                \"OnlineResource\": function(node, service) {\n+                    var onlineResource = this.getChildValue(node);\n+                    if (onlineResource && onlineResource.toLowerCase() != \"none\") {\n+                        service.onlineResource = onlineResource;\n+                    }\n+                },\n+                \"Keywords\": function(node, service) {\n+                    var keywords = this.getChildValue(node);\n+                    if (keywords && keywords.toLowerCase() != \"none\") {\n+                        service.keywords = keywords.split(', ');\n+                    }\n+                },\n+                \"Capability\": function(node, capabilities) {\n+                    capabilities.capability = {};\n+                    this.readChildNodes(node, capabilities.capability);\n+                },\n+                \"Request\": function(node, obj) {\n+                    obj.request = {};\n+                    this.readChildNodes(node, obj.request);\n+                },\n+                \"GetFeature\": function(node, request) {\n+                    request.getfeature = {\n+                        href: {}, // DCPType\n+                        formats: [] // ResultFormat\n+                    };\n+                    this.readChildNodes(node, request.getfeature);\n+                },\n+                \"ResultFormat\": function(node, obj) {\n+                    var children = node.childNodes;\n+                    var childNode;\n+                    for (var i = 0; i < children.length; i++) {\n+                        childNode = children[i];\n+                        if (childNode.nodeType == 1) {\n+                            obj.formats.push(childNode.nodeName);\n+                        }\n+                    }\n+                },\n+                \"DCPType\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"HTTP\": function(node, obj) {\n+                    this.readChildNodes(node, obj.href);\n+                },\n+                \"Get\": function(node, obj) {\n+                    obj.get = node.getAttribute(\"onlineResource\");\n+                },\n+                \"Post\": function(node, obj) {\n+                    obj.post = node.getAttribute(\"onlineResource\");\n+                },\n+                \"SRS\": function(node, obj) {\n+                    var srs = this.getChildValue(node);\n+                    if (srs) {\n+                        obj.srs = srs;\n+                    }\n+                }\n+            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"])\n+        },\n \n-    /**\n-     * Function: OpenLayers.Protocol.Script.register\n-     * Register a callback for a newly created script.\n-     *\n-     * Parameters:\n-     * callback - {Function} The callback to be executed when the newly added\n-     *     script loads.  This callback will be called with a single argument\n-     *     that is the JSON returned by the service.\n-     *\n-     * Returns:\n-     * {Number} An identifier for retrieving the registered callback.\n-     */\n-    o.register = function(callback) {\n-        var id = \"c\" + (++counter);\n-        o.registry[id] = function() {\n-            callback.apply(this, arguments);\n-        };\n-        return id;\n-    };\n+        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_0_0\"\n \n-    /**\n-     * Function: OpenLayers.Protocol.Script.unregister\n-     * Unregister a callback previously registered with the register function.\n-     *\n-     * Parameters:\n-     * id - {Number} The identifer returned by the register function.\n-     */\n-    o.unregister = function(id) {\n-        delete o.registry[id];\n-    };\n-})();\n+    });\n /* ======================================================================\n-    OpenLayers/Protocol/HTTP.js\n+    OpenLayers/Format/CSWGetDomain/v2_0_2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- */\n-\n-/**\n- * if application uses the query string, for example, for BBOX parameters,\n- * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/CSWGetDomain.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.HTTP\n- * A basic HTTP protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.HTTP> constructor.\n+ * Class: OpenLayers.Format.CSWGetDomain.v2_0_2\n+ *     A format for creating CSWGetDomain v2.0.2 transactions. \n+ *     Create a new instance with the\n+ *     <OpenLayers.Format.CSWGetDomain.v2_0_2> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * Property: url\n-     * {String} Service URL, read-only, set through the options\n-     *     passed to constructor.\n-     */\n-    url: null,\n-\n-    /**\n-     * Property: headers\n-     * {Object} HTTP request headers, read-only, set through the options\n-     *     passed to the constructor,\n-     *     Example: {'Content-Type': 'plain/text'}\n-     */\n-    headers: null,\n-\n-    /**\n-     * Property: params\n-     * {Object} Parameters of GET requests, read-only, set through the options\n-     *     passed to the constructor,\n-     *     Example: {'bbox': '5,5,5,5'}\n-     */\n-    params: null,\n-\n-    /**\n-     * Property: callback\n-     * {Object} Function to be called when the <read>, <create>,\n-     *     <update>, <delete> or <commit> operation completes, read-only,\n-     *     set through the options passed to the constructor.\n-     */\n-    callback: null,\n+OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: scope\n-     * {Object} Callback execution scope, read-only, set through the\n-     *     options passed to the constructor.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    scope: null,\n+    namespaces: {\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+    },\n \n     /**\n-     * APIProperty: readWithPOST\n-     * {Boolean} true if read operations are done with POST requests\n-     *     instead of GET, defaults to false.\n+     * Property: defaultPrefix\n+     * {String} The default prefix (used by Format.XML).\n      */\n-    readWithPOST: false,\n+    defaultPrefix: \"csw\",\n \n     /**\n-     * APIProperty: updateWithPOST\n-     * {Boolean} true if update operations are done with POST requests\n-     *     defaults to false.\n+     * Property: version\n+     * {String} CSW version number.\n      */\n-    updateWithPOST: false,\n+    version: \"2.0.2\",\n \n     /**\n-     * APIProperty: deleteWithPOST\n-     * {Boolean} true if delete operations are done with POST requests\n-     *     defaults to false.\n-     *     if true, POST data is set to output of format.write().\n+     * Property: schemaLocation\n+     * {String} http://www.opengis.net/cat/csw/2.0.2\n+     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n      */\n-    deleteWithPOST: false,\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n \n     /**\n-     * Property: wildcarded.\n-     * {Boolean} If true percent signs are added around values\n-     *     read from LIKE filters, for example if the protocol\n-     *     read method is passed a LIKE filter whose property\n-     *     is \"foo\" and whose value is \"bar\" the string\n-     *     \"foo__ilike=%bar%\" will be sent in the query string;\n-     *     defaults to false.\n+     * APIProperty: PropertyName\n+     * {String} Value of the csw:PropertyName element, used when\n+     *     writing a GetDomain document.\n      */\n-    wildcarded: false,\n+    PropertyName: null,\n \n     /**\n-     * APIProperty: srsInBBOX\n-     * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n-     *     Default is false.  If true and the layer has a projection object set,\n-     *     any BBOX filter will be serialized with a fifth item identifying the\n-     *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     * APIProperty: ParameterName\n+     * {String} Value of the csw:ParameterName element, used when\n+     *     writing a GetDomain document.\n      */\n-    srsInBBOX: false,\n+    ParameterName: null,\n \n     /**\n-     * Constructor: OpenLayers.Protocol.HTTP\n-     * A class for giving layers generic HTTP protocol.\n+     * Constructor: OpenLayers.Format.CSWGetDomain.v2_0_2\n+     * A class for parsing and generating CSWGetDomain v2.0.2 transactions.\n      *\n      * Parameters:\n      * options - {Object} Optional object whose properties will be set on the\n      *     instance.\n      *\n-     * Valid options include:\n-     * url - {String}\n-     * headers - {Object} \n-     * params - {Object} URL parameters for GET requests\n-     * format - {<OpenLayers.Format>}\n-     * callback - {Function}\n-     * scope - {Object}\n-     */\n-    initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.headers = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                wildcarded: this.wildcarded,\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params);\n-            };\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        this.params = null;\n-        this.headers = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n-\n-    /**\n-     * APIMethod: filterToParams\n-     * Optional method to translate an <OpenLayers.Filter> object into an object\n-     *     that can be serialized as request query string provided.  If a custom\n-     *     method is not provided, the filter will be serialized using the \n-     *     <OpenLayers.Format.QueryStringFilter> class.\n-     *\n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} filter to convert.\n-     * params - {Object} The parameters object.\n-     *\n-     * Returns:\n-     * {Object} The resulting parameters object.\n+     * Valid options properties:\n+     * - PropertyName\n+     * - ParameterName\n      */\n \n     /**\n      * APIMethod: read\n-     * Construct a request for reading new features.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Valid options:\n-     * url - {String} Url for the request.\n-     * params - {Object} Parameters to get serialized as a query string.\n-     * headers - {Object} Headers to be set on the request.\n-     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n-     *     query string.\n-     * readWithPOST - {Boolean} If the request should be done with POST.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n-     *     references the HTTP request, this object is also passed to the\n-     *     callback function when the request completes, its \"features\" property\n-     *     is then populated with the features received from the server.\n+     * Parse the response from a GetDomain request.\n      */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = options || {};\n-        options.params = OpenLayers.Util.applyDefaults(\n-            options.params, this.options.params);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(\n-                options.filter, options.params\n-            );\n-        }\n-        var readWithPOST = (options.readWithPOST !== undefined) ?\n-            options.readWithPOST : this.readWithPOST;\n-        var resp = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        if (readWithPOST) {\n-            var headers = options.headers || {};\n-            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n-            resp.priv = OpenLayers.Request.POST({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                data: OpenLayers.Util.getParameterString(options.params),\n-                headers: headers\n-            });\n-        } else {\n-            resp.priv = OpenLayers.Request.GET({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                params: options.params,\n-                headers: options.headers\n-            });\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n-        return resp;\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Individual callbacks are created for read, create and update, should\n-     *     a subclass need to override each one separately.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     the user callback.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(resp, options) {\n-        this.handleResponse(resp, options);\n-    },\n-\n-    /**\n-     * APIMethod: create\n-     * Construct a request for writing newly created features.\n-     *\n-     * Parameters:\n-     * features - {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes, its \"features\" property is then populated with the\n-     *     the features received from the server.\n-     */\n-    create: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: features,\n-            requestType: \"create\"\n-        });\n-\n-        resp.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleCreate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(features)\n-        });\n-\n-        return resp;\n-    },\n-\n-    /**\n-     * Method: handleCreate\n-     * Called the the request issued by <create> is complete.  May be overridden\n-     *     by subclasses.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create call.\n-     */\n-    handleCreate: function(resp, options) {\n-        this.handleResponse(resp, options);\n-    },\n-\n-    /**\n-     * APIMethod: update\n-     * Construct a request updating modified feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes, its \"features\" property is then populated with the\n-     *     the feature received from the server.\n-     */\n-    update: function(feature, options) {\n-        options = options || {};\n-        var url = options.url ||\n-            feature.url ||\n-            this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"update\"\n-        });\n-\n-        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n-        resp.priv = OpenLayers.Request[method]({\n-            url: url,\n-            callback: this.createCallback(this.handleUpdate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(feature)\n-        });\n-\n-        return resp;\n-    },\n-\n-    /**\n-     * Method: handleUpdate\n-     * Called the the request issued by <update> is complete.  May be overridden\n-     *     by subclasses.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the update call.\n-     */\n-    handleUpdate: function(resp, options) {\n-        this.handleResponse(resp, options);\n-    },\n-\n-    /**\n-     * APIMethod: delete\n-     * Construct a request deleting a removed feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes.\n-     */\n-    \"delete\": function(feature, options) {\n-        options = options || {};\n-        var url = options.url ||\n-            feature.url ||\n-            this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"delete\"\n-        });\n-\n-        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n-        var requestOptions = {\n-            url: url,\n-            callback: this.createCallback(this.handleDelete, resp, options),\n-            headers: options.headers\n-        };\n-        if (this.deleteWithPOST) {\n-            requestOptions.data = this.format.write(feature);\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement;\n         }\n-        resp.priv = OpenLayers.Request[method](requestOptions);\n-\n-        return resp;\n-    },\n-\n-    /**\n-     * Method: handleDelete\n-     * Called the the request issued by <delete> is complete.  May be overridden\n-     *     by subclasses.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the delete call.\n-     */\n-    handleDelete: function(resp, options) {\n-        this.handleResponse(resp, options);\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj;\n     },\n \n     /**\n-     * Method: handleResponse\n-     * Called by CRUD specific handlers.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create, read, update,\n-     *     or delete call.\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    handleResponse: function(resp, options) {\n-        var request = resp.priv;\n-        if (options.callback) {\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                if (resp.requestType != \"delete\") {\n-                    resp.features = this.parseFeatures(request);\n+    readers: {\n+        \"csw\": {\n+            \"GetDomainResponse\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+            },\n+            \"DomainValues\": function(node, obj) {\n+                if (!(OpenLayers.Util.isArray(obj.DomainValues))) {\n+                    obj.DomainValues = [];\n                 }\n-                resp.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                resp.code = OpenLayers.Protocol.Response.FAILURE;\n+                var attrs = node.attributes;\n+                var domainValue = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    domainValue[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                this.readChildNodes(node, domainValue);\n+                obj.DomainValues.push(domainValue);\n+            },\n+            \"PropertyName\": function(node, obj) {\n+                obj.PropertyName = this.getChildValue(node);\n+            },\n+            \"ParameterName\": function(node, obj) {\n+                obj.ParameterName = this.getChildValue(node);\n+            },\n+            \"ListOfValues\": function(node, obj) {\n+                if (!(OpenLayers.Util.isArray(obj.ListOfValues))) {\n+                    obj.ListOfValues = [];\n+                }\n+                this.readChildNodes(node, obj.ListOfValues);\n+            },\n+            \"Value\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.push({\n+                    Value: value\n+                });\n+            },\n+            \"ConceptualScheme\": function(node, obj) {\n+                obj.ConceptualScheme = {};\n+                this.readChildNodes(node, obj.ConceptualScheme);\n+            },\n+            \"Name\": function(node, obj) {\n+                obj.Name = this.getChildValue(node);\n+            },\n+            \"Document\": function(node, obj) {\n+                obj.Document = this.getChildValue(node);\n+            },\n+            \"Authority\": function(node, obj) {\n+                obj.Authority = this.getChildValue(node);\n+            },\n+            \"RangeOfValues\": function(node, obj) {\n+                obj.RangeOfValues = {};\n+                this.readChildNodes(node, obj.RangeOfValues);\n+            },\n+            \"MinValue\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MinValue = value;\n+            },\n+            \"MaxValue\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MaxValue = value;\n             }\n-            options.callback.call(options.scope, resp);\n         }\n     },\n \n     /**\n-     * Method: parseFeatures\n-     * Read HTTP response body and return features.\n+     * APIMethod: write\n+     * Given an configuration js object, write a CSWGetDomain request. \n      *\n      * Parameters:\n-     * request - {XMLHttpRequest} The request object\n+     * options - {Object} A object mapping the request.\n      *\n      * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n+     * {String} A serialized CSWGetDomain request.\n      */\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        return this.format.read(doc);\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetDomain\", options);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n     },\n \n     /**\n-     * APIMethod: commit\n-     * Iterate over each feature and take action based on the feature state.\n-     *     Possible actions are create, update and delete.\n-     *\n-     * Parameters:\n-     * features - {Array({<OpenLayers.Feature.Vector>})}\n-     * options - {Object} Optional object for setting up intermediate commit\n-     *     callbacks.\n-     *\n-     * Valid options:\n-     * create - {Object} Optional object to be passed to the <create> method.\n-     * update - {Object} Optional object to be passed to the <update> method.\n-     * delete - {Object} Optional object to be passed to the <delete> method.\n-     * callback - {Function} Optional function to be called when the commit\n-     *     is complete.\n-     * scope - {Object} Optional object to be set as the scope of the callback.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Protocol.Response>)} An array of response objects,\n-     *     one per request made to the server, each object's \"priv\" property\n-     *     references the corresponding HTTP request.\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n      */\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = [],\n-            nResponses = 0;\n-\n-        // Divide up features before issuing any requests.  This properly\n-        // counts requests in the event that any responses come in before\n-        // all requests have been issued.\n-        var types = {};\n-        types[OpenLayers.State.INSERT] = [];\n-        types[OpenLayers.State.UPDATE] = [];\n-        types[OpenLayers.State.DELETE] = [];\n-        var feature, list, requestFeatures = [];\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            list = types[feature.state];\n-            if (list) {\n-                list.push(feature);\n-                requestFeatures.push(feature);\n-            }\n-        }\n-        // tally up number of requests\n-        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) +\n-            types[OpenLayers.State.UPDATE].length +\n-            types[OpenLayers.State.DELETE].length;\n-\n-        // This response will be sent to the final callback after all the others\n-        // have been fired.\n-        var success = true;\n-        var finalResponse = new OpenLayers.Protocol.Response({\n-            reqFeatures: requestFeatures\n-        });\n-\n-        function insertCallback(response) {\n-            var len = response.features ? response.features.length : 0;\n-            var fids = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                fids[i] = response.features[i].fid;\n-            }\n-            finalResponse.insertIds = fids;\n-            callback.apply(this, [response]);\n-        }\n-\n-        function callback(response) {\n-            this.callUserCallback(response, options);\n-            success = success && response.success();\n-            nResponses++;\n-            if (nResponses >= nRequests) {\n-                if (options.callback) {\n-                    finalResponse.code = success ?\n-                        OpenLayers.Protocol.Response.SUCCESS :\n-                        OpenLayers.Protocol.Response.FAILURE;\n-                    options.callback.apply(options.scope, [finalResponse]);\n+    writers: {\n+        \"csw\": {\n+            \"GetDomain\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version\n+                    }\n+                });\n+                if (options.PropertyName || this.PropertyName) {\n+                    this.writeNode(\n+                        \"csw:PropertyName\",\n+                        options.PropertyName || this.PropertyName,\n+                        node\n+                    );\n+                } else if (options.ParameterName || this.ParameterName) {\n+                    this.writeNode(\n+                        \"csw:ParameterName\",\n+                        options.ParameterName || this.ParameterName,\n+                        node\n+                    );\n                 }\n+                this.readChildNodes(node, options);\n+                return node;\n+            },\n+            \"PropertyName\": function(value) {\n+                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n+                    value: value\n+                });\n+                return node;\n+            },\n+            \"ParameterName\": function(value) {\n+                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n+                    value: value\n+                });\n+                return node;\n             }\n         }\n-\n-        // start issuing requests\n-        var queue = types[OpenLayers.State.INSERT];\n-        if (queue.length > 0) {\n-            resp.push(this.create(\n-                queue, OpenLayers.Util.applyDefaults({\n-                    callback: insertCallback,\n-                    scope: this\n-                }, options.create)\n-            ));\n-        }\n-        queue = types[OpenLayers.State.UPDATE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this.update(\n-                queue[i], OpenLayers.Util.applyDefaults({\n-                    callback: callback,\n-                    scope: this\n-                }, options.update)));\n-        }\n-        queue = types[OpenLayers.State.DELETE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this[\"delete\"](\n-                queue[i], OpenLayers.Util.applyDefaults({\n-                    callback: callback,\n-                    scope: this\n-                }, options[\"delete\"])));\n-        }\n-        return resp;\n-    },\n-\n-    /**\n-     * APIMethod: abort\n-     * Abort an ongoing request, the response object passed to\n-     * this method must come from this HTTP protocol (as a result\n-     * of a create, read, update, delete or commit operation).\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>}\n-     */\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort();\n-        }\n-    },\n-\n-    /**\n-     * Method: callUserCallback\n-     * This method is used from within the commit method each time an\n-     *     an HTTP response is received from the server, it is responsible\n-     *     for calling the user-supplied callbacks.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>}\n-     * options - {Object} The map of options passed to the commit call.\n-     */\n-    callUserCallback: function(resp, options) {\n-        var opt = options[resp.requestType];\n-        if (opt && opt.callback) {\n-            opt.callback.call(opt.scope, resp);\n-        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n });\n /* ======================================================================\n-    OpenLayers/Protocol/SOS.js\n+    OpenLayers/Format/SLD/v1_0_0_GeoServer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n+ * @requires OpenLayers/Format/SLD/v1_0_0.js\n  */\n \n /**\n- * Function: OpenLayers.Protocol.SOS\n- * Used to create a versioned SOS protocol.  Default version is 1.0.0.\n+ * Class: OpenLayers.Format.SLD/v1_0_0_GeoServer\n+ * Read and write SLD version 1.0.0 with GeoServer-specific enhanced options.\n+ * See http://svn.osgeo.org/geotools/trunk/modules/extension/xsd/xsd-sld/src/main/resources/org/geotools/sld/bindings/StyledLayerDescriptor.xsd\n+ * for more information.\n  *\n- * Returns:\n- * {<OpenLayers.Protocol>} An SOS protocol for the given version.\n+ * Inherits from:\n+ *  - <OpenLayers.Format.SLD.v1_0_0>\n  */\n-OpenLayers.Protocol.SOS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.SOS.DEFAULTS\n-    );\n-    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported SOS version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n+OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(\n+    OpenLayers.Format.SLD.v1_0_0, {\n \n-/**\n- * Constant: OpenLayers.Protocol.SOS.DEFAULTS\n- */\n-OpenLayers.Protocol.SOS.DEFAULTS = {\n-    \"version\": \"1.0.0\"\n-};\n-/* ======================================================================\n-    OpenLayers/Protocol/CSW.js\n-   ====================================================================== */\n+        /**\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.0.0\",\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        /**\n+         * Property: profile\n+         * {String} The specific profile\n+         */\n+        profile: \"GeoServer\",\n \n-/**\n- * @requires OpenLayers/Protocol.js\n- */\n+        /**\n+         * Constructor: OpenLayers.Format.SLD.v1_0_0_GeoServer\n+         * Create a new parser for GeoServer-enhanced SLD version 1.0.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-/**\n- * Class: OpenLayers.Protocol.CSW\n- * Used to create a versioned CSW protocol. Default version is 2.0.2.\n- */\n-OpenLayers.Protocol.CSW = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.CSW.DEFAULTS\n-    );\n-    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSW version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: OpenLayers.Util.applyDefaults({\n+            \"sld\": OpenLayers.Util.applyDefaults({\n+                \"Priority\": function(node, obj) {\n+                    var value = this.readers.ogc._expression.call(this, node);\n+                    if (value) {\n+                        obj.priority = value;\n+                    }\n+                },\n+                \"VendorOption\": function(node, obj) {\n+                    if (!obj.vendorOptions) {\n+                        obj.vendorOptions = {};\n+                    }\n+                    obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node);\n+                },\n+                \"TextSymbolizer\": function(node, rule) {\n+                    OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n+                    var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n+                    if (symbolizer.graphic === undefined) {\n+                        symbolizer.graphic = false;\n+                    }\n+                }\n+            }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n \n-/**\n- * Constant: OpenLayers.Protocol.CSW.DEFAULTS\n- */\n-OpenLayers.Protocol.CSW.DEFAULTS = {\n-    \"version\": \"2.0.2\"\n-};\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: OpenLayers.Util.applyDefaults({\n+            \"sld\": OpenLayers.Util.applyDefaults({\n+                \"Priority\": function(priority) {\n+                    return this.writers.sld._OGCExpression.call(\n+                        this, \"sld:Priority\", priority\n+                    );\n+                },\n+                \"VendorOption\": function(option) {\n+                    return this.createElementNSPlus(\"sld:VendorOption\", {\n+                        attributes: {\n+                            name: option.name\n+                        },\n+                        value: option.value\n+                    });\n+                },\n+                \"TextSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n+                    if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n+                        this.writeNode(\"Graphic\", symbolizer, node);\n+                    }\n+                    if (\"priority\" in symbolizer) {\n+                        this.writeNode(\"Priority\", symbolizer.priority, node);\n+                    }\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"PointSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"LineSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"PolygonSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                }\n+            }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+\n+        /**\n+         * Method: addVendorOptions\n+         * Add in the VendorOption tags and return the node again.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A DOM node.\n+         * symbolizer - {Object}\n+         *\n+         * Returns:\n+         * {DOMElement} A DOM node.\n+         */\n+        addVendorOptions: function(node, symbolizer) {\n+            var options = symbolizer.vendorOptions;\n+            if (options) {\n+                for (var key in symbolizer.vendorOptions) {\n+                    this.writeNode(\"VendorOption\", {\n+                        name: key,\n+                        value: symbolizer.vendorOptions[key]\n+                    }, node);\n+                }\n+            }\n+            return node;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Protocol/WFS.js\n+    OpenLayers/Format/WPSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.WFS\n- * Used to create a versioned WFS protocol.  Default version is 1.0.0.\n- *\n- * Returns:\n- * {<OpenLayers.Protocol>} A WFS protocol of the given version.\n- *\n- * Example:\n- * (code)\n- *     var protocol = new OpenLayers.Protocol.WFS({\n- *         version: \"1.1.0\",\n- *         url:  \"http://demo.opengeo.org/geoserver/wfs\",\n- *         featureType: \"tasmania_roads\",\n- *         featureNS: \"http://www.openplans.org/topp\",\n- *         geometryName: \"the_geom\"\n- *     });\n- * (end)\n- *\n- * See the protocols for specific WFS versions for more detail.\n+ * @requires OpenLayers/Format/WPSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n  */\n-OpenLayers.Protocol.WFS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.WFS.DEFAULTS\n-    );\n-    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported WFS version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n \n /**\n- * Function: fromWMSLayer\n- * Convenience function to create a WFS protocol from a WMS layer.  This makes\n- *     the assumption that a WFS requests can be issued at the same URL as\n- *     WMS requests and that a WFS featureType exists with the same name as the\n- *     WMS layer.\n- *     \n- * This function is designed to auto-configure <url>, <featureType>,\n- *     <featurePrefix> and <srsName> for WFS <version> 1.1.0. Note that\n- *     srsName matching with the WMS layer will not work with WFS 1.0.0.\n+ * Class: OpenLayers.Format.WPSCapabilities.v1_0_0\n+ * Read WPS Capabilities version 1.0.0.\n  * \n- * Parameters:\n- * layer - {<OpenLayers.Layer.WMS>} WMS layer that has a matching WFS\n- *     FeatureType at the same server url with the same typename.\n- * options - {Object} Default properties to be set on the protocol.\n- *\n- * Returns:\n- * {<OpenLayers.Protocol.WFS>}\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n-    var typeName, featurePrefix;\n-    var param = layer.params[\"LAYERS\"];\n-    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n-    if (parts.length > 1) {\n-        featurePrefix = parts[0];\n-    }\n-    typeName = parts.pop();\n-    var protocolOptions = {\n-        url: layer.url,\n-        featureType: typeName,\n-        featurePrefix: featurePrefix,\n-        srsName: layer.projection && layer.projection.getCode() ||\n-            layer.map && layer.map.getProjectionObject().getCode(),\n-        version: \"1.1.0\"\n-    };\n-    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(\n-        options, protocolOptions\n-    ));\n-};\n+OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-/**\n- * Constant: OpenLayers.Protocol.WFS.DEFAULTS\n- */\n-OpenLayers.Protocol.WFS.DEFAULTS = {\n-    \"version\": \"1.0.0\"\n-};\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            wps: \"http://www.opengis.net/wps/1.0.0\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n+        },\n+\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WPSCapabilities.v1_0_0\n+         * Create a new parser for WPS capabilities version 1.0.0. \n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        },\n+\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the WPS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Information about the WPS service.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wps\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"ProcessOfferings\": function(node, obj) {\n+                    obj.processOfferings = {};\n+                    this.readChildNodes(node, obj.processOfferings);\n+                },\n+                \"Process\": function(node, processOfferings) {\n+                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                    var process = {\n+                        processVersion: processVersion\n+                    };\n+                    this.readChildNodes(node, process);\n+                    processOfferings[process.identifier] = process;\n+                },\n+                \"Languages\": function(node, obj) {\n+                    obj.languages = [];\n+                    this.readChildNodes(node, obj.languages);\n+                },\n+                \"Default\": function(node, languages) {\n+                    var language = {\n+                        isDefault: true\n+                    };\n+                    this.readChildNodes(node, language);\n+                    languages.push(language);\n+                },\n+                \"Supported\": function(node, languages) {\n+                    var language = {};\n+                    this.readChildNodes(node, language);\n+                    languages.push(language);\n+                }\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Protocol/WFS/v1.js\n+    OpenLayers/Format/OWSContext/v0_3_1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/WFS.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/KML.js\n+ * @requires OpenLayers/Format/GML.js\n+ * @requires OpenLayers/Format/GML/v2.js\n+ * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ * @requires OpenLayers/Format/OWSContext.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.WFS.v1\n- * Abstract class for for v1.0.0 and v1.1.0 protocol.\n+ * Class: OpenLayers.Format.OWSContext.v0_3_1\n+ * Read and write OWSContext version 0.3.1.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n+OpenLayers.Format.OWSContext.v0_3_1 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: version\n-     * {String} WFS version number.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    version: null,\n+    namespaces: {\n+        owc: \"http://www.opengis.net/ows-context\",\n+        gml: \"http://www.opengis.net/gml\",\n+        kml: \"http://www.opengis.net/kml/2.2\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        ows: \"http://www.opengis.net/ows\",\n+        sld: \"http://www.opengis.net/sld\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * Property: srsName\n-     * {String} Name of spatial reference system.  Default is \"EPSG:4326\".\n+     * Constant: VERSION\n+     * {String} 0.3.1\n      */\n-    srsName: \"EPSG:4326\",\n+    VERSION: \"0.3.1\",\n \n     /**\n-     * Property: featureType\n-     * {String} Local feature typeName.\n+     * Property: schemaLocation\n+     * {String} Schema location\n      */\n-    featureType: null,\n+    schemaLocation: \"http://www.opengis.net/ows-context http://www.ogcnetwork.net/schemas/owc/0.3.1/owsContext.xsd\",\n \n     /**\n-     * Property: featureNS\n-     * {String} Feature namespace.\n+     * Property: defaultPrefix\n+     * {String} Default namespace prefix to use.\n      */\n-    featureNS: null,\n+    defaultPrefix: \"owc\",\n \n     /**\n-     * Property: geometryName\n-     * {String} Name of the geometry attribute for features.  Default is\n-     *     \"the_geom\" for WFS <version> 1.0, and null for higher versions.\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract attributes from GML.  Default is true.\n      */\n-    geometryName: \"the_geom\",\n+    extractAttributes: true,\n \n     /**\n-     * Property: maxFeatures\n-     * {Integer} Optional maximum number of features to retrieve.\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n+     * Changing is not recommended, a new Format should be instantiated.\n      */\n+    xy: true,\n \n     /**\n-     * Property: schema\n-     * {String} Optional schema location that will be included in the\n-     *     schemaLocation attribute value.  Note that the feature type schema\n-     *     is required for a strict XML validator (on transactions with an\n-     *     insert for example), but is *not* required by the WFS specification\n-     *     (since the server is supposed to know about feature type schemas).\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n      */\n-    schema: null,\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n \n     /**\n-     * Property: featurePrefix\n-     * {String} Namespace alias for feature type.  Default is \"feature\".\n+     * Property: featureNS\n+     * {String} The namespace uri to use for writing InlineGeometry\n      */\n-    featurePrefix: \"feature\",\n+    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n \n     /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n-     */\n-    formatOptions: null,\n-\n-    /** \n-     * Property: readFormat \n-     * {<OpenLayers.Format>} For WFS requests it is possible to get a  \n-     *     different output format than GML. In that case, we cannot parse  \n-     *     the response with the default format (WFST) and we need a different \n-     *     format for reading. \n+     * Property: featureType\n+     * {String} The name to use as the feature type when writing out\n+     *     InlineGeometry\n      */\n-    readFormat: null,\n+    featureType: 'vector',\n \n     /**\n-     * Property: readOptions\n-     * {Object} Optional object to pass to format's read.\n+     * Property: geometryName\n+     * {String} The name to use for the geometry attribute when writing out\n+     *     InlineGeometry\n      */\n-    readOptions: null,\n+    geometryName: 'geometry',\n \n     /**\n-     * Constructor: OpenLayers.Protocol.WFS\n-     * A class for giving layers WFS protocol.\n+     * Property: nestingLayerLookup\n+     * {Object} Hashtable lookup for nesting layer nodes. Used while writing \n+     *     the OWS context document. It is necessary to keep track of the \n+     *     nestingPaths for which nesting layer nodes have already been \n+     *     created, so (nesting) layer nodes are added to those nodes.\n      *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * For example:\n      *\n-     * Valid options properties:\n-     * url - {String} URL to send requests to (required).\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (required, but can be autodetected\n-     *     during the first query if GML is used as readFormat and\n-     *     featurePrefix is provided and matches the prefix used by the server\n-     *     for this featureType).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     for writing if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  The default is\n-     *     'the_geom' for WFS <version> 1.0, and null for higher versions. If\n-     *     null, it will be set to the name of the first geometry found in the\n-     *     first read operation.\n-     * multi - {Boolean} If set to true, geometries will be casted to Multi\n-     *     geometries before they are written in a transaction. No casting will\n-     *     be done when reading features.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n-                version: this.version,\n-                featureType: this.featureType,\n-                featureNS: this.featureNS,\n-                featurePrefix: this.featurePrefix,\n-                geometryName: this.geometryName,\n-                srsName: this.srsName,\n-                schema: this.schema\n-            }, this.formatOptions));\n-        }\n-        if (!options.geometryName && parseFloat(this.format.version) > 1.0) {\n-            this.setGeometryName(null);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n+     *     If there are three layers with nestingPaths:\n+     *         layer1.metadata.nestingPath = \"a/b/\"\n+     *         layer2.metadata.nestingPath = \"a/b/\"\n+     *         layer2.metadata.nestingPath = \"a/c\"\n+     *\n+     *     then a nesting layer node \"a\" should be created once and added \n+     *     to the resource list, a nesting layer node \"b\" should be created \n+     *     once and added under \"a\", and a nesting layer node \"c\" should be \n+     *     created and added under \"a\". The lookup paths for these nodes \n+     *     will be \"a\", \"a/b\", and \"a/c\" respectively.\n      */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n+    nestingLayerLookup: null,\n \n     /**\n-     * APIMethod: read\n-     * Construct a request for reading new features.  Since WFS splits the\n-     *     basic CRUD operations into GetFeature requests (for read) and\n-     *     Transactions (for all others), this method does not make use of the\n-     *     format's read method (that is only about reading transaction\n-     *     responses).\n+     * Constructor: OpenLayers.Format.OWSContext.v0_3_1\n+     * Instances of this class are not created directly.  Use the\n+     *     <OpenLayers.Format.OWSContext> constructor instead.\n      *\n      * Parameters:\n-     * options - {Object} Options for the read operation, in addition to the\n-     *     options set on the instance (options set here will take precedence).\n-     *\n-     * To use a configured protocol to get e.g. a WFS hit count, applications\n-     * could do the following:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     readOptions: {output: \"object\"},\n-     *     resultType: \"hits\",\n-     *     maxFeatures: null,\n-     *     callback: function(resp) {\n-     *         // process resp.numberOfFeatures here\n-     *     }\n-     * });\n-     * (end)\n-     *\n-     * To use a configured protocol to use WFS paging (if supported by the\n-     * server), applications could do the following:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     startIndex: 0,\n-     *     count: 50\n-     * });\n-     * (end)\n-     *\n-     * To limit the attributes returned by the GetFeature request, applications\n-     * can use the propertyNames option to specify the properties to include in\n-     * the response:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     propertyNames: [\"DURATION\", \"INTENSITY\"]\n-     * });\n-     * (end)\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-\n-        var data = OpenLayers.Format.XML.prototype.write.apply(\n-            this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]\n-        );\n-\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-\n-        return response;\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        OpenLayers.Format.GML.v2.prototype.setGeometryTypes.call(this);\n     },\n \n     /**\n-     * APIMethod: setFeatureType\n-     * Change the feature type on the fly.\n+     * Method: setNestingPath\n+     * Set the nestingPath property of the layer depending on the position\n+     *     of the layer in hierarchy of layers.\n      *\n      * Parameters:\n-     * featureType - {String} Local (without prefix) feature typeName.\n+     * l - {Object} An object that may have a layersContext array property.\n+     * \n      */\n-    setFeatureType: function(featureType) {\n-        this.featureType = featureType;\n-        this.format.featureType = featureType;\n+    setNestingPath: function(l) {\n+        if (l.layersContext) {\n+            for (var i = 0, len = l.layersContext.length; i < len; i++) {\n+                var layerContext = l.layersContext[i];\n+                var nPath = [];\n+                var nTitle = l.title || \"\";\n+                if (l.metadata && l.metadata.nestingPath) {\n+                    nPath = l.metadata.nestingPath.slice();\n+                }\n+                if (nTitle != \"\") {\n+                    nPath.push(nTitle);\n+                }\n+                layerContext.metadata.nestingPath = nPath;\n+                if (layerContext.layersContext) {\n+                    this.setNestingPath(layerContext);\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * APIMethod: setGeometryName\n-     * Sets the geometryName option after instantiation.\n+     * Function: decomposeNestingPath\n+     * Takes a nestingPath like \"a/b/c\" and decomposes it into subpaths:\n+     * \"a\", \"a/b\", \"a/b/c\"\n      *\n      * Parameters:\n-     * geometryName - {String} Name of geometry attribute.\n+     * nPath  - {Array} the nesting path\n+     *\n+     * Returns:\n+     * Array({String}) Array with subpaths, or empty array if there is nothing\n+     *     to decompose\n      */\n-    setGeometryName: function(geometryName) {\n-        this.geometryName = geometryName;\n-        this.format.geometryName = geometryName;\n+    decomposeNestingPath: function(nPath) {\n+        var a = [];\n+        if (OpenLayers.Util.isArray(nPath)) {\n+            var path = nPath.slice();\n+            while (path.length > 0) {\n+                a.push(path.slice());\n+                path.pop();\n+            }\n+            a.reverse();\n+        }\n+        return a;\n     },\n \n     /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n+     * APIMethod: read\n+     * Read OWS context data from a string or DOMElement, and return a list \n+     *     of layers. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the read call.\n+     * Returns:\n+     * {Object} The context object with a flat layer list as a property named\n+     *     layersContext.\n      */\n-    handleRead: function(response, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                var result = this.parseResponse(request, options.readOptions);\n-                if (result && result.success !== false) {\n-                    if (options.readOptions && options.readOptions.output == \"object\") {\n-                        OpenLayers.Util.extend(response, result);\n-                    } else {\n-                        response.features = result;\n-                    }\n-                    response.code = OpenLayers.Protocol.Response.SUCCESS;\n-                } else {\n-                    // failure (service exception)\n-                    response.code = OpenLayers.Protocol.Response.FAILURE;\n-                    response.error = result;\n-                }\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement;\n+        }\n+        var context = {};\n+        this.readNode(data, context);\n+        // since an OWSContext can be nested we need to go through this\n+        // structure recursively      \n+        this.setNestingPath({\n+            layersContext: context.layersContext\n+        });\n+        // after nesting path has been set, create a flat list of layers\n+        var layers = [];\n+        this.processLayer(layers, context);\n+        delete context.layersContext;\n+        context.layersContext = layers;\n+        return context;\n     },\n \n     /**\n-     * Method: parseResponse\n-     * Read HTTP response body and return features\n+     * Method: processLayer\n+     * Recursive function to get back a flat list of layers from the hierarchic\n+     *     layer structure.\n      *\n      * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     * options - {Object} Optional object to pass to format's read\n-     *\n-     * Returns:\n-     * {Object} or {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} \n-     * An object with a features property, an array of features or a single \n-     * feature.\n+     * layerArray - {Array({Object})} Array of layerContext objects\n+     * layer - {Object} layerContext object\n      */\n-    parseResponse: function(request, options) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        var result = (this.readFormat !== null) ? this.readFormat.read(doc) :\n-            this.format.read(doc, options);\n-        if (!this.featureNS) {\n-            var format = this.readFormat || this.format;\n-            this.featureNS = format.featureNS;\n-            // no need to auto-configure again on subsequent reads\n-            format.autoConfig = false;\n-            if (!this.geometryName) {\n-                this.setGeometryName(format.geometryName);\n+    processLayer: function(layerArray, layer) {\n+        if (layer.layersContext) {\n+            for (var i = 0, len = layer.layersContext.length; i < len; i++) {\n+                var l = layer.layersContext[i];\n+                layerArray.push(l);\n+                if (l.layersContext) {\n+                    this.processLayer(layerArray, l);\n+                }\n             }\n         }\n-        return result;\n     },\n \n     /**\n-     * Method: commit\n-     * Given a list of feature, assemble a batch request for update, create,\n-     *     and delete transactions.  A commit call on the prototype amounts\n-     *     to writing a WFS transaction - so the write method on the format\n-     *     is used.\n+     * APIMethod: write\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)}\n-     * options - {Object}\n-     *\n-     * Valid options properties:\n-     * nativeElements - {Array({Object})} Array of objects with information for writing\n-     * out <Native> elements, these objects have vendorId, safeToIgnore and\n-     * value properties. The <Native> element is intended to allow access to \n-     * vendor specific capabilities of any particular web feature server or \n-     * datastore.\n+     * context - {Object} An object representing the map context.\n+     * options - {Object} Optional object.\n      *\n      * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object with a features\n-     *     property containing any insertIds and a priv property referencing\n-     *     the XMLHttpRequest object.\n+     * {String} An OWS Context document string.\n      */\n-    commit: function(features, options) {\n-\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\",\n-            reqFeatures: features\n-        });\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            headers: options.headers,\n-            data: this.format.write(features, options),\n-            callback: this.createCallback(this.handleCommit, response, options)\n-        });\n-\n-        return response;\n+    write: function(context, options) {\n+        var name = \"OWSContext\";\n+        this.nestingLayerLookup = {}; //start with empty lookup\n+        options = options || {};\n+        OpenLayers.Util.applyDefaults(options, context);\n+        var root = this.writeNode(name, options);\n+        this.nestingLayerLookup = null; //clear lookup\n+        this.setAttributeNS(\n+            root, this.namespaces[\"xsi\"],\n+            \"xsi:schemaLocation\", this.schemaLocation\n+        );\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n     },\n \n     /**\n-     * Method: handleCommit\n-     * Called when the commit request returns.\n-     * \n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the commit call.\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    handleCommit: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-\n-            // ensure that we have an xml doc\n-            var data = request.responseXML;\n-            if (!data || !data.documentElement) {\n-                data = request.responseText;\n+    readers: {\n+        \"kml\": {\n+            \"Document\": function(node, obj) {\n+                obj.features = new OpenLayers.Format.KML({\n+                    kmlns: this.namespaces.kml,\n+                    extractStyles: true\n+                }).read(node);\n             }\n-\n-            var obj = this.format.read(data) || {};\n-\n-            response.insertIds = obj.insertIds || [];\n-            if (obj.success) {\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-                response.error = obj;\n+        },\n+        \"owc\": {\n+            \"OWSContext\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+            },\n+            \"General\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+            },\n+            \"ResourceList\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+            },\n+            \"Layer\": function(node, obj) {\n+                var layerContext = {\n+                    metadata: {},\n+                    visibility: (node.getAttribute(\"hidden\") != \"1\"),\n+                    queryable: (node.getAttribute(\"queryable\") == \"1\"),\n+                    opacity: ((node.getAttribute(\"opacity\") != null) ?\n+                        parseFloat(node.getAttribute(\"opacity\")) : null),\n+                    name: node.getAttribute(\"name\"),\n+                    /* A category layer is a dummy layer meant for creating\n+                       hierarchies. It is not a physical layer in the \n+                       OpenLayers sense. The assumption we make here is that\n+                       category layers do not have a name attribute */\n+                    categoryLayer: (node.getAttribute(\"name\") == null),\n+                    formats: [],\n+                    styles: []\n+                };\n+                if (!obj.layersContext) {\n+                    obj.layersContext = [];\n+                }\n+                obj.layersContext.push(layerContext);\n+                this.readChildNodes(node, layerContext);\n+            },\n+            \"InlineGeometry\": function(node, obj) {\n+                obj.features = [];\n+                var elements = this.getElementsByTagNameNS(node,\n+                    this.namespaces.gml, \"featureMember\");\n+                var el;\n+                if (elements.length >= 1) {\n+                    el = elements[0];\n+                }\n+                if (el && el.firstChild) {\n+                    var featurenode = (el.firstChild.nextSibling) ?\n+                        el.firstChild.nextSibling : el.firstChild;\n+                    this.setNamespace(\"feature\", featurenode.namespaceURI);\n+                    this.featureType = featurenode.localName ||\n+                        featurenode.nodeName.split(\":\").pop();\n+                    this.readChildNodes(node, obj);\n+                }\n+            },\n+            \"Server\": function(node, obj) {\n+                // when having multiple Server types, we prefer WMS\n+                if ((!obj.service && !obj.version) ||\n+                    (obj.service !=\n+                        OpenLayers.Format.Context.serviceTypes.WMS)) {\n+                    obj.service = node.getAttribute(\"service\");\n+                    obj.version = node.getAttribute(\"version\");\n+                    this.readChildNodes(node, obj);\n+                }\n+            },\n+            \"Name\": function(node, obj) {\n+                obj.name = this.getChildValue(node);\n+                this.readChildNodes(node, obj);\n+            },\n+            \"Title\": function(node, obj) {\n+                obj.title = this.getChildValue(node);\n+                this.readChildNodes(node, obj);\n+            },\n+            \"StyleList\": function(node, obj) {\n+                this.readChildNodes(node, obj.styles);\n+            },\n+            \"Style\": function(node, obj) {\n+                var style = {};\n+                obj.push(style);\n+                this.readChildNodes(node, style);\n+            },\n+            \"LegendURL\": function(node, obj) {\n+                var legend = {};\n+                obj.legend = legend;\n+                this.readChildNodes(node, legend);\n+            },\n+            \"OnlineResource\": function(node, obj) {\n+                obj.url = this.getAttributeNS(node, this.namespaces.xlink,\n+                    \"href\");\n+                this.readChildNodes(node, obj);\n             }\n-            options.callback.call(options.scope, response);\n-        }\n+        },\n+        \"ows\": OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers.ows,\n+        \"gml\": OpenLayers.Format.GML.v2.prototype.readers.gml,\n+        \"sld\": OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld,\n+        \"feature\": OpenLayers.Format.GML.v2.prototype.readers.feature\n     },\n \n     /**\n-     * Method: filterDelete\n-     * Send a request that deletes all features by their filter.\n-     * \n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} filter\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n      */\n-    filterDelete: function(filter, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\"\n-        });\n-\n-        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n-            attributes: {\n-                service: \"WFS\",\n-                version: this.version\n+    writers: {\n+        \"owc\": {\n+            \"OWSContext\": function(options) {\n+                var node = this.createElementNSPlus(\"OWSContext\", {\n+                    attributes: {\n+                        version: this.VERSION,\n+                        id: options.id || OpenLayers.Util.createUniqueID(\"OpenLayers_OWSContext_\")\n+                    }\n+                });\n+                this.writeNode(\"General\", options, node);\n+                this.writeNode(\"ResourceList\", options, node);\n+                return node;\n+            },\n+            \"General\": function(options) {\n+                var node = this.createElementNSPlus(\"General\");\n+                this.writeNode(\"ows:BoundingBox\", options, node);\n+                this.writeNode(\"ows:Title\", options.title || 'OpenLayers OWSContext', node);\n+                return node;\n+            },\n+            \"ResourceList\": function(options) {\n+                var node = this.createElementNSPlus(\"ResourceList\");\n+                for (var i = 0, len = options.layers.length; i < len; i++) {\n+                    var layer = options.layers[i];\n+                    var decomposedPath = this.decomposeNestingPath(layer.metadata.nestingPath);\n+                    this.writeNode(\"_Layer\", {\n+                        layer: layer,\n+                        subPaths: decomposedPath\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"Server\": function(options) {\n+                var node = this.createElementNSPlus(\"Server\", {\n+                    attributes: {\n+                        version: options.version,\n+                        service: options.service\n+                    }\n+                });\n+                this.writeNode(\"OnlineResource\", options, node);\n+                return node;\n+            },\n+            \"OnlineResource\": function(options) {\n+                var node = this.createElementNSPlus(\"OnlineResource\", {\n+                    attributes: {\n+                        \"xlink:href\": options.url\n+                    }\n+                });\n+                return node;\n+            },\n+            \"InlineGeometry\": function(layer) {\n+                var node = this.createElementNSPlus(\"InlineGeometry\"),\n+                    dataExtent = layer.getDataExtent();\n+                if (dataExtent !== null) {\n+                    this.writeNode(\"gml:boundedBy\", dataExtent, node);\n+                }\n+                for (var i = 0, len = layer.features.length; i < len; i++) {\n+                    this.writeNode(\"gml:featureMember\", layer.features[i], node);\n+                }\n+                return node;\n+            },\n+            \"StyleList\": function(styles) {\n+                var node = this.createElementNSPlus(\"StyleList\");\n+                for (var i = 0, len = styles.length; i < len; i++) {\n+                    this.writeNode(\"Style\", styles[i], node);\n+                }\n+                return node;\n+            },\n+            \"Style\": function(style) {\n+                var node = this.createElementNSPlus(\"Style\");\n+                this.writeNode(\"Name\", style, node);\n+                this.writeNode(\"Title\", style, node);\n+                if (style.legend) {\n+                    this.writeNode(\"LegendURL\", style, node);\n+                }\n+                return node;\n+            },\n+            \"Name\": function(obj) {\n+                var node = this.createElementNSPlus(\"Name\", {\n+                    value: obj.name\n+                });\n+                return node;\n+            },\n+            \"Title\": function(obj) {\n+                var node = this.createElementNSPlus(\"Title\", {\n+                    value: obj.title\n+                });\n+                return node;\n+            },\n+            \"LegendURL\": function(style) {\n+                var node = this.createElementNSPlus(\"LegendURL\");\n+                this.writeNode(\"OnlineResource\", style.legend, node);\n+                return node;\n+            },\n+            \"_WMS\": function(layer) {\n+                var node = this.createElementNSPlus(\"Layer\", {\n+                    attributes: {\n+                        name: layer.params.LAYERS,\n+                        queryable: layer.queryable ? \"1\" : \"0\",\n+                        hidden: layer.visibility ? \"0\" : \"1\",\n+                        opacity: layer.hasOwnProperty(\"opacity\") ? layer.opacity : null\n+                    }\n+                });\n+                this.writeNode(\"ows:Title\", layer.name, node);\n+                this.writeNode(\"ows:OutputFormat\", layer.params.FORMAT, node);\n+                this.writeNode(\"Server\", {\n+                    service: OpenLayers.Format.Context.serviceTypes.WMS,\n+                    version: layer.params.VERSION,\n+                    url: layer.url\n+                }, node);\n+                if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n+                    this.writeNode(\"StyleList\", layer.metadata.styles, node);\n+                }\n+                return node;\n+            },\n+            \"_Layer\": function(options) {\n+                var layer, subPaths, node, title;\n+                layer = options.layer;\n+                subPaths = options.subPaths;\n+                node = null;\n+                title = null;\n+                // subPaths is an array of an array\n+                // recursively calling _Layer writer eats up subPaths, until a \n+                // real writer is called and nodes are returned.\n+                if (subPaths.length > 0) {\n+                    var path = subPaths[0].join(\"/\");\n+                    var index = path.lastIndexOf(\"/\");\n+                    node = this.nestingLayerLookup[path];\n+                    title = (index > 0) ? path.substring(index + 1, path.length) : path;\n+                    if (!node) {\n+                        // category layer\n+                        node = this.createElementNSPlus(\"Layer\");\n+                        this.writeNode(\"ows:Title\", title, node);\n+                        this.nestingLayerLookup[path] = node;\n+                    }\n+                    options.subPaths.shift(); //remove a path after each call\n+                    this.writeNode(\"_Layer\", options, node);\n+                    return node;\n+                } else {\n+                    // write out the actual layer\n+                    if (layer instanceof OpenLayers.Layer.WMS) {\n+                        node = this.writeNode(\"_WMS\", layer);\n+                    } else if (layer instanceof OpenLayers.Layer.Vector) {\n+                        if (layer.protocol instanceof OpenLayers.Protocol.WFS.v1) {\n+                            node = this.writeNode(\"_WFS\", layer);\n+                        } else if (layer.protocol instanceof OpenLayers.Protocol.HTTP) {\n+                            if (layer.protocol.format instanceof OpenLayers.Format.GML) {\n+                                layer.protocol.format.version = \"2.1.2\";\n+                                node = this.writeNode(\"_GML\", layer);\n+                            } else if (layer.protocol.format instanceof OpenLayers.Format.KML) {\n+                                layer.protocol.format.version = \"2.2\";\n+                                node = this.writeNode(\"_KML\", layer);\n+                            }\n+                        } else {\n+                            // write out as inline GML since we have no idea\n+                            // about the original Format\n+                            this.setNamespace(\"feature\", this.featureNS);\n+                            node = this.writeNode(\"_InlineGeometry\", layer);\n+                        }\n+                    }\n+                    if (layer.options.maxScale) {\n+                        this.writeNode(\"sld:MinScaleDenominator\",\n+                            layer.options.maxScale, node);\n+                    }\n+                    if (layer.options.minScale) {\n+                        this.writeNode(\"sld:MaxScaleDenominator\",\n+                            layer.options.minScale, node);\n+                    }\n+                    this.nestingLayerLookup[layer.name] = node;\n+                    return node;\n+                }\n+            },\n+            \"_WFS\": function(layer) {\n+                var node = this.createElementNSPlus(\"Layer\", {\n+                    attributes: {\n+                        name: layer.protocol.featurePrefix + \":\" + layer.protocol.featureType,\n+                        hidden: layer.visibility ? \"0\" : \"1\"\n+                    }\n+                });\n+                this.writeNode(\"ows:Title\", layer.name, node);\n+                this.writeNode(\"Server\", {\n+                    service: OpenLayers.Format.Context.serviceTypes.WFS,\n+                    version: layer.protocol.version,\n+                    url: layer.protocol.url\n+                }, node);\n+                return node;\n+            },\n+            \"_InlineGeometry\": function(layer) {\n+                var node = this.createElementNSPlus(\"Layer\", {\n+                    attributes: {\n+                        name: this.featureType,\n+                        hidden: layer.visibility ? \"0\" : \"1\"\n+                    }\n+                });\n+                this.writeNode(\"ows:Title\", layer.name, node);\n+                this.writeNode(\"InlineGeometry\", layer, node);\n+                return node;\n+            },\n+            \"_GML\": function(layer) {\n+                var node = this.createElementNSPlus(\"Layer\");\n+                this.writeNode(\"ows:Title\", layer.name, node);\n+                this.writeNode(\"Server\", {\n+                    service: OpenLayers.Format.Context.serviceTypes.GML,\n+                    url: layer.protocol.url,\n+                    version: layer.protocol.format.version\n+                }, node);\n+                return node;\n+            },\n+            \"_KML\": function(layer) {\n+                var node = this.createElementNSPlus(\"Layer\");\n+                this.writeNode(\"ows:Title\", layer.name, node);\n+                this.writeNode(\"Server\", {\n+                    service: OpenLayers.Format.Context.serviceTypes.KML,\n+                    version: layer.protocol.format.version,\n+                    url: layer.protocol.url\n+                }, node);\n+                return node;\n             }\n-        });\n-\n-        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n-            attributes: {\n-                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") +\n-                    options.featureType\n+        },\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"boundedBy\": function(bounds) {\n+                var node = this.createElementNSPlus(\"gml:boundedBy\");\n+                this.writeNode(\"gml:Box\", bounds, node);\n+                return node;\n             }\n-        });\n-\n-        if (options.featureNS) {\n-            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS);\n-        }\n-        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n-\n-        deleteNode.appendChild(filterNode);\n-\n-        root.appendChild(deleteNode);\n-\n-        var data = OpenLayers.Format.XML.prototype.write.apply(\n-            this.format, [root]\n-        );\n-\n-        return OpenLayers.Request.POST({\n-            url: this.url,\n-            callback: options.callback || function() {},\n-            data: data\n-        });\n-\n+        }, OpenLayers.Format.GML.v2.prototype.writers.gml),\n+        \"ows\": OpenLayers.Format.OWSCommon.v1_0_0.prototype.writers.ows,\n+        \"sld\": OpenLayers.Format.SLD.v1_0_0.prototype.writers.sld,\n+        \"feature\": OpenLayers.Format.GML.v2.prototype.writers.feature\n     },\n \n-    /**\n-     * Method: abort\n-     * Abort an ongoing request, the response object passed to\n-     * this method must come from this protocol (as a result\n-     * of a read, or commit operation).\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>}\n-     */\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort();\n-        }\n-    },\n+    CLASS_NAME: \"OpenLayers.Format.OWSContext.v0_3_1\"\n \n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n });\n /* ======================================================================\n     OpenLayers/Format/WFST/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -65948,13884 +64952,11443 @@\n             \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n             \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n         },\n \n         CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n     });\n /* ======================================================================\n-    OpenLayers/Protocol/WFS/v1_0_0.js\n+    OpenLayers/Format/WCSCapabilities/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/WFS/v1.js\n- * @requires OpenLayers/Format/WFST/v1_0_0.js\n+ * @requires OpenLayers/Format/WCSCapabilities.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.WFS.v1_0_0\n- * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n- *\n+ * Class: OpenLayers.Format.WCSCapabilities.v1\n+ * Abstract class not to be instantiated directly.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol.WFS.v1>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-    /**\n-     * Property: version\n-     * {String} WFS version number.\n-     */\n-    version: \"1.0.0\",\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            splitSpace: (/\\s+/)\n+        },\n \n-    /**\n-     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n-     * A class for giving layers WFS v1.0.0 protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (optional).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-     */\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wcs\",\n \n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n-});\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return a list of coverages. \n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Array} List of named coverages.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            var raw = data;\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Protocol/WFS/v1_1_0.js\n+    OpenLayers/Format/WCSCapabilities/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/WFS/v1.js\n- * @requires OpenLayers/Format/WFST/v1_1_0.js\n+ * @requires OpenLayers/Format/WCSCapabilities/v1.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.WFS.v1_1_0\n- * A WFS v1.1.0 protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.WFS.v1_1_0> constructor.\n- *\n- * Differences from the v1.0.0 protocol:\n- *  - uses Filter Encoding 1.1.0 instead of 1.0.0\n- *  - uses GML 3 instead of 2 if no format is provided\n- *  \n+ * Class: OpenLayers.Format.WCSCapabilities/v1_1_0\n+ * Read WCS Capabilities version 1.1.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol.WFS.v1>\n+ *  - <OpenLayers.Format.WCSCapabilities.v1>\n  */\n-OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WCSCapabilities.v1, {\n \n-    /**\n-     * Property: version\n-     * {String} WFS version number.\n-     */\n-    version: \"1.1.0\",\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wcs: \"http://www.opengis.net/wcs/1.1\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+            ows: \"http://www.opengis.net/ows/1.1\"\n+        },\n \n-    /**\n-     * Constructor: OpenLayers.Protocol.WFS.v1_1_0\n-     * A class for giving layers WFS v1.1.0 protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (optional).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-     * outputFormat - {String} Optional output format to use for WFS GetFeature\n-     *     requests. This can be any format advertized by the WFS's\n-     *     GetCapabilities response. If set, an appropriate readFormat also\n-     *     has to be provided, unless outputFormat is GML3, GML2 or JSON.\n-     * readFormat - {<OpenLayers.Format>} An appropriate format parser if\n-     *     outputFormat is none of GML3, GML2 or JSON.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n-        if (this.outputFormat && !this.readFormat) {\n-            if (this.outputFormat.toLowerCase() == \"gml2\") {\n-                this.readFormat = new OpenLayers.Format.GML.v2({\n-                    featureType: this.featureType,\n-                    featureNS: this.featureNS,\n-                    geometryName: this.geometryName\n-                });\n-            } else if (this.outputFormat.toLowerCase() == \"json\") {\n-                this.readFormat = new OpenLayers.Format.GeoJSON();\n-            }\n-        }\n-    },\n+        /**\n+         * APIProperty: errorProperty\n+         * {String} Which property of the returned object to check for in order to\n+         * determine whether or not parsing has failed. In the case that the\n+         * errorProperty is undefined on the returned object, the document will be\n+         * run through an OGCExceptionReport parser.\n+         */\n+        errorProperty: \"operationsMetadata\",\n \n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n-});\n+        /**\n+         * Constructor: OpenLayers.Format.WCSCapabilities.v1_1_0\n+         * Create a new parser for WCS capabilities version 1.1.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wcs\": OpenLayers.Util.applyDefaults({\n+                // In 1.0.0, this was WCS_Capabilties, in 1.1.0, it's Capabilities\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, request) {\n+                    request.contentMetadata = [];\n+                    this.readChildNodes(node, request.contentMetadata);\n+                },\n+                \"CoverageSummary\": function(node, contentMetadata) {\n+                    var coverageSummary = {};\n+                    // Read the summary:\n+                    this.readChildNodes(node, coverageSummary);\n+\n+                    // Add it to the contentMetadata array:  \n+                    contentMetadata.push(coverageSummary);\n+                },\n+                \"Identifier\": function(node, coverageSummary) {\n+                    coverageSummary.identifier = this.getChildValue(node);\n+                },\n+                \"Title\": function(node, coverageSummary) {\n+                    coverageSummary.title = this.getChildValue(node);\n+                },\n+                \"Abstract\": function(node, coverageSummary) {\n+                    coverageSummary[\"abstract\"] = this.getChildValue(node);\n+                },\n+                \"SupportedCRS\": function(node, coverageSummary) {\n+                    var crs = this.getChildValue(node);\n+                    if (crs) {\n+                        if (!coverageSummary.supportedCRS) {\n+                            coverageSummary.supportedCRS = [];\n+                        }\n+                        coverageSummary.supportedCRS.push(crs);\n+                    }\n+                },\n+                \"SupportedFormat\": function(node, coverageSummary) {\n+                    var format = this.getChildValue(node);\n+                    if (format) {\n+                        if (!coverageSummary.supportedFormat) {\n+                            coverageSummary.supportedFormat = [];\n+                        }\n+                        coverageSummary.supportedFormat.push(format);\n+                    }\n+                }\n+            }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Format/CSWGetRecords.js\n+    OpenLayers/Format/WCSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Format/WCSCapabilities/v1.js\n+ * @requires OpenLayers/Format/GML/v3.js\n  */\n \n /**\n- * Class: OpenLayers.Format.CSWGetRecords\n- * Default version is 2.0.2.\n- *\n- * Returns:\n- * {<OpenLayers.Format>} A CSWGetRecords format of the given version.\n+ * Class: OpenLayers.Format.WCSCapabilities/v1_0_0\n+ * Read WCS Capabilities version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WCSCapabilities.v1>\n  */\n-OpenLayers.Format.CSWGetRecords = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Format.CSWGetRecords.DEFAULTS\n-    );\n-    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetRecords version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n+OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.WCSCapabilities.v1, {\n \n-/**\n- * Constant: DEFAULTS\n- * {Object} Default properties for the CSWGetRecords format.\n- */\n-OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n-    \"version\": \"2.0.2\"\n-};\n+        /**\n+         * Constructor: OpenLayers.Format.WCSCapabilities.v1_0_0\n+         * Create a new parser for WCS capabilities version 1.0.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wcs: \"http://www.opengis.net/wcs\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+            ows: \"http://www.opengis.net/ows\"\n+        },\n+\n+        /**\n+         * Property: errorProperty\n+         * {String} Which property of the returned object to check for in order to\n+         * determine whether or not parsing has failed. In the case that the\n+         * errorProperty is undefined on the returned object, the document will be\n+         * run through an OGCExceptionReport parser.\n+         */\n+        errorProperty: \"service\",\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wcs\": {\n+                \"WCS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Service\": function(node, obj) {\n+                    obj.service = {};\n+                    this.readChildNodes(node, obj.service);\n+                },\n+                \"name\": function(node, service) {\n+                    service.name = this.getChildValue(node);\n+                },\n+                \"label\": function(node, service) {\n+                    service.label = this.getChildValue(node);\n+                },\n+                \"keywords\": function(node, service) {\n+                    service.keywords = [];\n+                    this.readChildNodes(node, service.keywords);\n+                },\n+                \"keyword\": function(node, keywords) {\n+                    // Append the keyword to the keywords list\n+                    keywords.push(this.getChildValue(node));\n+                },\n+                \"responsibleParty\": function(node, service) {\n+                    service.responsibleParty = {};\n+                    this.readChildNodes(node, service.responsibleParty);\n+                },\n+                \"individualName\": function(node, responsibleParty) {\n+                    responsibleParty.individualName = this.getChildValue(node);\n+                },\n+                \"organisationName\": function(node, responsibleParty) {\n+                    responsibleParty.organisationName = this.getChildValue(node);\n+                },\n+                \"positionName\": function(node, responsibleParty) {\n+                    responsibleParty.positionName = this.getChildValue(node);\n+                },\n+                \"contactInfo\": function(node, responsibleParty) {\n+                    responsibleParty.contactInfo = {};\n+                    this.readChildNodes(node, responsibleParty.contactInfo);\n+                },\n+                \"phone\": function(node, contactInfo) {\n+                    contactInfo.phone = {};\n+                    this.readChildNodes(node, contactInfo.phone);\n+                },\n+                \"voice\": function(node, phone) {\n+                    phone.voice = this.getChildValue(node);\n+                },\n+                \"facsimile\": function(node, phone) {\n+                    phone.facsimile = this.getChildValue(node);\n+                },\n+                \"address\": function(node, contactInfo) {\n+                    contactInfo.address = {};\n+                    this.readChildNodes(node, contactInfo.address);\n+                },\n+                \"deliveryPoint\": function(node, address) {\n+                    address.deliveryPoint = this.getChildValue(node);\n+                },\n+                \"city\": function(node, address) {\n+                    address.city = this.getChildValue(node);\n+                },\n+                \"postalCode\": function(node, address) {\n+                    address.postalCode = this.getChildValue(node);\n+                },\n+                \"country\": function(node, address) {\n+                    address.country = this.getChildValue(node);\n+                },\n+                \"electronicMailAddress\": function(node, address) {\n+                    address.electronicMailAddress = this.getChildValue(node);\n+                },\n+                \"fees\": function(node, service) {\n+                    service.fees = this.getChildValue(node);\n+                },\n+                \"accessConstraints\": function(node, service) {\n+                    service.accessConstraints = this.getChildValue(node);\n+                },\n+                \"ContentMetadata\": function(node, obj) {\n+                    obj.contentMetadata = [];\n+                    this.readChildNodes(node, obj.contentMetadata);\n+                },\n+                \"CoverageOfferingBrief\": function(node, contentMetadata) {\n+                    var coverageOfferingBrief = {};\n+                    this.readChildNodes(node, coverageOfferingBrief);\n+                    contentMetadata.push(coverageOfferingBrief);\n+                },\n+                \"name\": function(node, coverageOfferingBrief) {\n+                    coverageOfferingBrief.name = this.getChildValue(node);\n+                },\n+                \"label\": function(node, coverageOfferingBrief) {\n+                    coverageOfferingBrief.label = this.getChildValue(node);\n+                },\n+                \"lonLatEnvelope\": function(node, coverageOfferingBrief) {\n+                    var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n+\n+                    // We expect two nodes here, to create the corners of a bounding box\n+                    if (nodeList.length == 2) {\n+                        var min = {};\n+                        var max = {};\n+\n+                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n+                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n+\n+                        coverageOfferingBrief.lonLatEnvelope = {};\n+                        coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n+                        coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n+                        coverageOfferingBrief.lonLatEnvelope.max = max.points[0];\n+                    }\n+                }\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+\n+    });\n /* ======================================================================\n-    OpenLayers/Format/CSWGetRecords/v2_0_2.js\n+    OpenLayers/Format/XLS/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/CSWGetRecords.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- * @requires OpenLayers/Format/Filter/v1_1_0.js\n- * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n+ * @requires OpenLayers/Format/XLS.js\n+ * @requires OpenLayers/Format/GML/v3.js\n  */\n \n /**\n- * Class: OpenLayers.Format.CSWGetRecords.v2_0_2\n- *     A format for creating CSWGetRecords v2.0.2 transactions. \n- *     Create a new instance with the\n- *     <OpenLayers.Format.CSWGetRecords.v2_0_2> constructor.\n+ * Class: OpenLayers.Format.XLS.v1\n+ * Superclass for XLS version 1 parsers. Only supports GeocodeRequest for now.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n      * Property: namespaces\n      * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n     namespaces: {\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n-        dc: \"http://purl.org/dc/elements/1.1/\",\n-        dct: \"http://purl.org/dc/terms/\",\n-        gmd: \"http://www.isotc211.org/2005/gmd\",\n-        geonet: \"http://www.fao.org/geonetwork\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        ows: \"http://www.opengis.net/ows\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n+        xls: \"http://www.opengis.net/xls\",\n+        gml: \"http://www.opengis.net/gml\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n \n     /**\n-     * Property: defaultPrefix\n-     * {String} The default prefix (used by Format.XML).\n-     */\n-    defaultPrefix: \"csw\",\n-\n-    /**\n-     * Property: version\n-     * {String} CSW version number.\n-     */\n-    version: \"2.0.2\",\n-\n-    /**\n-     * Property: schemaLocation\n-     * {String} http://www.opengis.net/cat/csw/2.0.2\n-     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n-     */\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-\n-    /**\n-     * APIProperty: requestId\n-     * {String} Value of the requestId attribute of the GetRecords element.\n-     */\n-    requestId: null,\n-\n-    /**\n-     * APIProperty: resultType\n-     * {String} Value of the resultType attribute of the GetRecords element,\n-     *     specifies the result type in the GetRecords response, \"hits\" is\n-     *     the default.\n-     */\n-    resultType: null,\n-\n-    /**\n-     * APIProperty: outputFormat\n-     * {String} Value of the outputFormat attribute of the GetRecords element,\n-     *     specifies the format of the GetRecords response,\n-     *     \"application/xml\" is the default.\n-     */\n-    outputFormat: null,\n-\n-    /**\n-     * APIProperty: outputSchema\n-     * {String} Value of the outputSchema attribute of the GetRecords element,\n-     *     specifies the schema of the GetRecords response.\n-     */\n-    outputSchema: null,\n-\n-    /**\n-     * APIProperty: startPosition\n-     * {String} Value of the startPosition attribute of the GetRecords element,\n-     *     specifies the start position (offset+1) for the GetRecords response,\n-     *     1 is the default.\n-     */\n-    startPosition: null,\n-\n-    /**\n-     * APIProperty: maxRecords\n-     * {String} Value of the maxRecords attribute of the GetRecords element,\n-     *     specifies the maximum number of records in the GetRecords response,\n-     *     10 is the default.\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n      */\n-    maxRecords: null,\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n \n     /**\n-     * APIProperty: DistributedSearch\n-     * {String} Value of the csw:DistributedSearch element, used when writing\n-     *     a csw:GetRecords document.\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n+     * Changing is not recommended, a new Format should be instantiated.\n      */\n-    DistributedSearch: null,\n+    xy: true,\n \n     /**\n-     * APIProperty: ResponseHandler\n-     * {Array({String})} Values of the csw:ResponseHandler elements, used when\n-     *     writting a csw:GetRecords document.\n+     * Property: defaultPrefix\n      */\n-    ResponseHandler: null,\n+    defaultPrefix: \"xls\",\n \n     /**\n-     * APIProperty: Query\n-     * {String} Value of the csw:Query element, used when writing a csw:GetRecords\n-     *     document.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    Query: null,\n+    schemaLocation: null,\n \n     /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+     * Constructor: OpenLayers.Format.XLS.v1\n+     * Instances of this class are not created directly.  Use the\n+     *     <OpenLayers.Format.XLS> constructor instead.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n-    },\n \n     /**\n-     * Constructor: OpenLayers.Format.CSWGetRecords.v2_0_2\n-     * A class for parsing and generating CSWGetRecords v2.0.2 transactions.\n+     * Method: read\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * data - {DOMElement} An XLS document element.\n+     * options - {Object} Options for the reader.\n      *\n-     * Valid options properties (documented as class properties):\n-     * - requestId\n-     * - resultType\n-     * - outputFormat\n-     * - outputSchema\n-     * - startPosition\n-     * - maxRecords\n-     * - DistributedSearch\n-     * - ResponseHandler\n-     * - Query\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Parse the response from a GetRecords request.\n+     * Returns:\n+     * {Object} An object representing the XLSResponse.\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement;\n-        }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj;\n+    read: function(data, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var xls = {};\n+        this.readChildNodes(data, xls);\n+        return xls;\n     },\n \n     /**\n      * Property: readers\n      * Contains public functions, grouped by namespace prefix, that will\n      *     be applied when a namespaced node is found matching the function\n      *     name.  The function will be applied in the scope of this parser\n      *     with two arguments: the node being read and a context object passed\n      *     from the parent.\n      */\n     readers: {\n-        \"csw\": {\n-            \"GetRecordsResponse\": function(node, obj) {\n-                obj.records = [];\n-                this.readChildNodes(node, obj);\n-                var version = this.getAttributeNS(node, \"\", 'version');\n-                if (version != \"\") {\n-                    obj.version = version;\n-                }\n-            },\n-            \"RequestId\": function(node, obj) {\n-                obj.RequestId = this.getChildValue(node);\n+        \"xls\": {\n+            \"XLS\": function(node, xls) {\n+                xls.version = node.getAttribute(\"version\");\n+                this.readChildNodes(node, xls);\n             },\n-            \"SearchStatus\": function(node, obj) {\n-                obj.SearchStatus = {};\n-                var timestamp = this.getAttributeNS(node, \"\", 'timestamp');\n-                if (timestamp != \"\") {\n-                    obj.SearchStatus.timestamp = timestamp;\n-                }\n+            \"Response\": function(node, xls) {\n+                this.readChildNodes(node, xls);\n             },\n-            \"SearchResults\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-                var attrs = node.attributes;\n-                var SearchResults = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    if ((attrs[i].name == \"numberOfRecordsMatched\") ||\n-                        (attrs[i].name == \"numberOfRecordsReturned\") ||\n-                        (attrs[i].name == \"nextRecord\")) {\n-                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue);\n-                    } else {\n-                        SearchResults[attrs[i].name] = attrs[i].nodeValue;\n-                    }\n-                }\n-                obj.SearchResults = SearchResults;\n+            \"GeocodeResponse\": function(node, xls) {\n+                xls.responseLists = [];\n+                this.readChildNodes(node, xls);\n             },\n-            \"SummaryRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"SummaryRecord\"\n+            \"GeocodeResponseList\": function(node, xls) {\n+                var responseList = {\n+                    features: [],\n+                    numberOfGeocodedAddresses: parseInt(node.getAttribute(\"numberOfGeocodedAddresses\"))\n                 };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n+                xls.responseLists.push(responseList);\n+                this.readChildNodes(node, responseList);\n             },\n-            \"BriefRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"BriefRecord\"\n+            \"GeocodedAddress\": function(node, responseList) {\n+                var feature = new OpenLayers.Feature.Vector();\n+                responseList.features.push(feature);\n+                this.readChildNodes(node, feature);\n+                // post-process geometry\n+                feature.geometry = feature.components[0];\n+            },\n+            \"GeocodeMatchCode\": function(node, feature) {\n+                feature.attributes.matchCode = {\n+                    accuracy: parseFloat(node.getAttribute(\"accuracy\")),\n+                    matchType: node.getAttribute(\"matchType\")\n                 };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n             },\n-            \"DCMIRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"DCMIRecord\"\n+            \"Address\": function(node, feature) {\n+                var address = {\n+                    countryCode: node.getAttribute(\"countryCode\"),\n+                    addressee: node.getAttribute(\"addressee\"),\n+                    street: [],\n+                    place: []\n                 };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n+                feature.attributes.address = address;\n+                this.readChildNodes(node, address);\n             },\n-            \"Record\": function(node, obj) {\n-                var record = {\n-                    type: \"Record\"\n+            \"freeFormAddress\": function(node, address) {\n+                address.freeFormAddress = this.getChildValue(node);\n+            },\n+            \"StreetAddress\": function(node, address) {\n+                this.readChildNodes(node, address);\n+            },\n+            \"Building\": function(node, address) {\n+                address.building = {\n+                    'number': node.getAttribute(\"number\"),\n+                    subdivision: node.getAttribute(\"subdivision\"),\n+                    buildingName: node.getAttribute(\"buildingName\")\n                 };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n             },\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                obj[name] = this.getChildValue(node);\n-            }\n-        },\n-        \"geonet\": {\n-            \"info\": function(node, obj) {\n-                var gninfo = {};\n-                this.readChildNodes(node, gninfo);\n-                obj.gninfo = gninfo;\n-            }\n-        },\n-        \"dc\": {\n-            // audience, contributor, coverage, creator, date, description, format,\n-            // identifier, language, provenance, publisher, relation, rights,\n-            // rightsHolder, source, subject, title, type, URI\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!(OpenLayers.Util.isArray(obj[name]))) {\n-                    obj[name] = [];\n-                }\n-                var dc_element = {};\n-                var attrs = node.attributes;\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    dc_element[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                dc_element.value = this.getChildValue(node);\n-                if (dc_element.value != \"\") {\n-                    obj[name].push(dc_element);\n-                }\n-            }\n-        },\n-        \"dct\": {\n-            // abstract, modified, spatial\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!(OpenLayers.Util.isArray(obj[name]))) {\n-                    obj[name] = [];\n-                }\n-                obj[name].push(this.getChildValue(node));\n+            \"Street\": function(node, address) {\n+                // only support the built-in primitive type for now\n+                address.street.push(this.getChildValue(node));\n+            },\n+            \"Place\": function(node, address) {\n+                // type is one of CountrySubdivision, \n+                // CountrySecondarySubdivision, Municipality or\n+                // MunicipalitySubdivision\n+                address.place[node.getAttribute(\"type\")] =\n+                    this.getChildValue(node);\n+            },\n+            \"PostalCode\": function(node, address) {\n+                address.postalCode = this.getChildValue(node);\n             }\n         },\n-        \"ows\": OpenLayers.Util.applyDefaults({\n-            \"BoundingBox\": function(node, obj) {\n-                if (obj.bounds) {\n-                    obj.BoundingBox = [{\n-                        crs: obj.projection,\n-                        value: [\n-                            obj.bounds.left,\n-                            obj.bounds.bottom,\n-                            obj.bounds.right,\n-                            obj.bounds.top\n-                        ]\n-                    }];\n-                    delete obj.projection;\n-                    delete obj.bounds;\n-                }\n-                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(\n-                    this, arguments);\n-            }\n-        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n+        \"gml\": OpenLayers.Format.GML.v3.prototype.readers.gml\n     },\n \n     /**\n      * Method: write\n-     * Given an configuration js object, write a CSWGetRecords request. \n      *\n      * Parameters:\n-     * options - {Object} A object mapping the request.\n+     * request - {Object} An object representing the geocode request.\n      *\n      * Returns:\n-     * {String} A serialized CSWGetRecords request.\n+     * {DOMElement} The root of an XLS document.\n      */\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetRecords\", options);\n-        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+    write: function(request) {\n+        return this.writers.xls.XLS.apply(this, [request]);\n     },\n \n     /**\n      * Property: writers\n      * As a compliment to the readers property, this structure contains public\n      *     writing functions grouped by namespace alias and named like the\n      *     node names they produce.\n      */\n     writers: {\n-        \"csw\": {\n-            \"GetRecords\": function(options) {\n-                if (!options) {\n-                    options = {};\n-                }\n-                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version,\n-                        requestId: options.requestId || this.requestId,\n-                        resultType: options.resultType || this.resultType,\n-                        outputFormat: options.outputFormat || this.outputFormat,\n-                        outputSchema: options.outputSchema || this.outputSchema,\n-                        startPosition: options.startPosition || this.startPosition,\n-                        maxRecords: options.maxRecords || this.maxRecords\n-                    }\n-                });\n-                if (options.DistributedSearch || this.DistributedSearch) {\n-                    this.writeNode(\n-                        \"csw:DistributedSearch\",\n-                        options.DistributedSearch || this.DistributedSearch,\n-                        node\n-                    );\n-                }\n-                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n-                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n-                    // ResponseHandler must be a non-empty array\n-                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n-                        this.writeNode(\n-                            \"csw:ResponseHandler\",\n-                            ResponseHandler[i],\n-                            node\n-                        );\n+        \"xls\": {\n+            \"XLS\": function(request) {\n+                var root = this.createElementNSPlus(\n+                    \"xls:XLS\", {\n+                        attributes: {\n+                            \"version\": this.VERSION,\n+                            \"xsi:schemaLocation\": this.schemaLocation\n+                        }\n                     }\n-                }\n-                this.writeNode(\"Query\", options.Query || this.Query, node);\n-                return node;\n+                );\n+                this.writeNode(\"RequestHeader\", request.header, root);\n+                this.writeNode(\"Request\", request, root);\n+                return root;\n             },\n-            \"DistributedSearch\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n+            \"RequestHeader\": function(header) {\n+                return this.createElementNSPlus(\"xls:RequestHeader\");\n+            },\n+            \"Request\": function(request) {\n+                var node = this.createElementNSPlus(\"xls:Request\", {\n                     attributes: {\n-                        hopCount: options.hopCount\n+                        methodName: \"GeocodeRequest\",\n+                        requestID: request.requestID || \"\",\n+                        version: this.VERSION\n                     }\n                 });\n+                this.writeNode(\"GeocodeRequest\", request.addresses, node);\n                 return node;\n             },\n-            \"ResponseHandler\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n-                    value: options.value\n-                });\n+            \"GeocodeRequest\": function(addresses) {\n+                var node = this.createElementNSPlus(\"xls:GeocodeRequest\");\n+                for (var i = 0, len = addresses.length; i < len; i++) {\n+                    this.writeNode(\"Address\", addresses[i], node);\n+                }\n                 return node;\n             },\n-            \"Query\": function(options) {\n-                if (!options) {\n-                    options = {};\n-                }\n-                var node = this.createElementNSPlus(\"csw:Query\", {\n+            \"Address\": function(address) {\n+                var node = this.createElementNSPlus(\"xls:Address\", {\n                     attributes: {\n-                        typeNames: options.typeNames || \"csw:Record\"\n+                        countryCode: address.countryCode\n                     }\n                 });\n-                var ElementName = options.ElementName;\n-                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n-                    // ElementName must be a non-empty array\n-                    for (var i = 0, len = ElementName.length; i < len; i++) {\n-                        this.writeNode(\n-                            \"csw:ElementName\",\n-                            ElementName[i],\n-                            node\n-                        );\n-                    }\n+                if (address.freeFormAddress) {\n+                    this.writeNode(\"freeFormAddress\", address.freeFormAddress, node);\n                 } else {\n-                    this.writeNode(\n-                        \"csw:ElementSetName\",\n-                        options.ElementSetName || {\n-                            value: 'summary'\n-                        },\n-                        node\n-                    );\n+                    if (address.street) {\n+                        this.writeNode(\"StreetAddress\", address, node);\n+                    }\n+                    if (address.municipality) {\n+                        this.writeNode(\"Municipality\", address.municipality, node);\n+                    }\n+                    if (address.countrySubdivision) {\n+                        this.writeNode(\"CountrySubdivision\", address.countrySubdivision, node);\n+                    }\n+                    if (address.postalCode) {\n+                        this.writeNode(\"PostalCode\", address.postalCode, node);\n+                    }\n                 }\n-                if (options.Constraint) {\n-                    this.writeNode(\n-                        \"csw:Constraint\",\n-                        options.Constraint,\n-                        node\n-                    );\n+                return node;\n+            },\n+            \"freeFormAddress\": function(freeFormAddress) {\n+                return this.createElementNSPlus(\"freeFormAddress\", {\n+                    value: freeFormAddress\n+                });\n+            },\n+            \"StreetAddress\": function(address) {\n+                var node = this.createElementNSPlus(\"xls:StreetAddress\");\n+                if (address.building) {\n+                    this.writeNode(node, \"Building\", address.building);\n                 }\n-                if (options.SortBy) {\n-                    this.writeNode(\n-                        \"ogc:SortBy\",\n-                        options.SortBy,\n-                        node\n-                    );\n+                var street = address.street;\n+                if (!(OpenLayers.Util.isArray(street))) {\n+                    street = [street];\n+                }\n+                for (var i = 0, len = street.length; i < len; i++) {\n+                    this.writeNode(\"Street\", street[i], node);\n                 }\n                 return node;\n             },\n-            \"ElementName\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementName\", {\n-                    value: options.value\n+            \"Building\": function(building) {\n+                return this.createElementNSPlus(\"xls:Building\", {\n+                    attributes: {\n+                        \"number\": building[\"number\"],\n+                        \"subdivision\": building.subdivision,\n+                        \"buildingName\": building.buildingName\n+                    }\n                 });\n-                return node;\n             },\n-            \"ElementSetName\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n+            \"Street\": function(street) {\n+                return this.createElementNSPlus(\"xls:Street\", {\n+                    value: street\n+                });\n+            },\n+            \"Municipality\": function(municipality) {\n+                return this.createElementNSPlus(\"xls:Place\", {\n                     attributes: {\n-                        typeNames: options.typeNames\n+                        type: \"Municipality\"\n                     },\n-                    value: options.value\n+                    value: municipality\n                 });\n-                return node;\n             },\n-            \"Constraint\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:Constraint\", {\n+            \"CountrySubdivision\": function(countrySubdivision) {\n+                return this.createElementNSPlus(\"xls:Place\", {\n                     attributes: {\n-                        version: options.version\n-                    }\n+                        type: \"CountrySubdivision\"\n+                    },\n+                    value: countrySubdivision\n+                });\n+            },\n+            \"PostalCode\": function(postalCode) {\n+                return this.createElementNSPlus(\"xls:PostalCode\", {\n+                    value: postalCode\n                 });\n-                if (options.Filter) {\n-                    var format = new OpenLayers.Format.Filter({\n-                        version: options.version\n-                    });\n-                    node.appendChild(format.write(options.Filter));\n-                } else if (options.CqlText) {\n-                    var child = this.createElementNSPlus(\"CqlText\", {\n-                        value: options.CqlText.value\n-                    });\n-                    node.appendChild(child);\n-                }\n-                return node;\n             }\n-        },\n-        \"ogc\": OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n+    CLASS_NAME: \"OpenLayers.Format.XLS.v1\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Protocol/CSW/v2_0_2.js\n+    OpenLayers/Format/XLS/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/CSW.js\n- * @requires OpenLayers/Format/CSWGetRecords/v2_0_2.js\n+ * @requires OpenLayers/Format/XLS/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.CSW.v2_0_2\n- * CS-W (Catalogue services for the Web) version 2.0.2 protocol.\n- *\n+ * Class: OpenLayers.Format.XLS.v1_1_0\n+ * Read / write XLS version 1.1.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XLS.v1>\n  */\n-OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n+OpenLayers.Format.XLS.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.XLS.v1, {\n \n-    /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n-     */\n-    formatOptions: null,\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.1\n+         */\n+        VERSION: \"1.1\",\n \n-    /**\n-     * Constructor: OpenLayers.Protocol.CSW.v2_0_2\n-     * A class for CSW version 2.0.2 protocol management.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions));\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n-\n-    /**\n-     * Method: read\n-     * Construct a request for reading new records from the Catalogue.\n-     */\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-\n-        var data = this.format.write(options.params || options);\n-\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-\n-        return response;\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     *     This response is given a code property, and optionally a data property.\n-     *     The latter represents the CSW records as returned by the call to\n-     *     the CSW format read method.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                response.data = this.parseData(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n-\n-    /**\n-     * Method: parseData\n-     * Read HTTP response body and return records\n-     *\n-     * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     *\n-     * Returns:\n-     * {Object} The CSW records as returned by the call to the format read method.\n-     */\n-    parseData: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        return this.format.read(doc);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/SOSGetFeatureOfInterest.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/GML/v3.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.SOSGetFeatureOfInterest\n- * Read and write SOS GetFeatureOfInterest. This is used to get to\n- * the location of the features (stations). The stations can have 1 or more\n- * sensors.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            sos: \"http://www.opengis.net/sos/1.0\",\n-            gml: \"http://www.opengis.net/gml\",\n-            sa: \"http://www.opengis.net/sampling/1.0\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-        },\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} Schema location\n-         */\n-        schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n-\n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"sos\",\n-\n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/xls\n+         *   http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/xls http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\",\n \n         /**\n-         * Constructor: OpenLayers.Format.SOSGetFeatureOfInterest\n+         * Constructor: OpenLayers.Format.XLS.v1_1_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.XLS> constructor instead.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n \n-        /**\n-         * APIMethod: read\n-         * Parse a GetFeatureOfInterest response and return an array of features\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array(<OpenLayers.Feature.Vector>)} An array of features. \n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-\n-            var info = {\n-                features: []\n-            };\n-            this.readNode(data, info);\n-\n-            var features = [];\n-            for (var i = 0, len = info.features.length; i < len; i++) {\n-                var container = info.features[i];\n-                // reproject features if needed\n-                if (this.internalProjection && this.externalProjection &&\n-                    container.components[0]) {\n-                    container.components[0].transform(\n-                        this.externalProjection, this.internalProjection\n-                    );\n-                }\n-                var feature = new OpenLayers.Feature.Vector(\n-                    container.components[0], container.attributes);\n-                features.push(feature);\n-            }\n-            return features;\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"sa\": {\n-                \"SamplingPoint\": function(node, obj) {\n-                    // sampling point can also be without a featureMember if \n-                    // there is only 1\n-                    if (!obj.attributes) {\n-                        var feature = {\n-                            attributes: {}\n-                        };\n-                        obj.features.push(feature);\n-                        obj = feature;\n-                    }\n-                    obj.attributes.id = this.getAttributeNS(node,\n-                        this.namespaces.gml, \"id\");\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"position\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                }\n-            },\n-            \"gml\": OpenLayers.Util.applyDefaults({\n-                \"FeatureCollection\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"featureMember\": function(node, obj) {\n-                    var feature = {\n-                        attributes: {}\n-                    };\n-                    obj.features.push(feature);\n-                    this.readChildNodes(node, feature);\n-                },\n-                \"name\": function(node, obj) {\n-                    obj.attributes.name = this.getChildValue(node);\n-                },\n-                \"pos\": function(node, obj) {\n-                    // we need to parse the srsName to get to the \n-                    // externalProjection, that's why we cannot use\n-                    // GML v3 for this\n-                    if (!this.externalProjection) {\n-                        this.externalProjection = new OpenLayers.Projection(\n-                            node.getAttribute(\"srsName\"));\n-                    }\n-                    OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(\n-                        this, [node, obj]);\n-                }\n-            }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n-        },\n-\n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: {\n-            \"sos\": {\n-                \"GetFeatureOfInterest\": function(options) {\n-                    var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n-                        attributes: {\n-                            version: this.VERSION,\n-                            service: 'SOS',\n-                            \"xsi:schemaLocation\": this.schemaLocation\n-                        }\n-                    });\n-                    for (var i = 0, len = options.fois.length; i < len; i++) {\n-                        this.writeNode(\"FeatureOfInterestId\", {\n-                            foi: options.fois[i]\n-                        }, node);\n-                    }\n-                    return node;\n-                },\n-                \"FeatureOfInterestId\": function(options) {\n-                    var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n-                        value: options.foi\n-                    });\n-                    return node;\n-                }\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n+        CLASS_NAME: \"OpenLayers.Format.XLS.v1_1_0\"\n \n     });\n+\n+// Support non standard implementation\n+OpenLayers.Format.XLS.v1_1 = OpenLayers.Format.XLS.v1_1_0;\n /* ======================================================================\n-    OpenLayers/Protocol/SOS/v1_0_0.js\n+    OpenLayers/Format/WMC/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/SOS.js\n- * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n+ * @requires OpenLayers/Format/WMC.js\n+ * @requires OpenLayers/Format/XML.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.SOS.v1_0_0\n- * An SOS v1.0.0 Protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.SOS.v1_0_0> constructor.\n+ * Class: OpenLayers.Format.WMC.v1\n+ * Superclass for WMC version 1 parsers.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n+OpenLayers.Format.WMC.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * APIProperty: fois\n-     * {Array(String)} Array of features of interest (foi)\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    fois: null,\n+    namespaces: {\n+        ol: \"http://openlayers.org/context\",\n+        wmc: \"http://www.opengis.net/context\",\n+        sld: \"http://www.opengis.net/sld\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    formatOptions: null,\n+    schemaLocation: \"\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.SOS\n-     * A class for giving layers an SOS protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Method: getNamespacePrefix\n+     * Get the namespace prefix for a given uri from the <namespaces> object.\n      *\n-     * Valid options properties:\n-     * url - {String} URL to send requests to (required).\n-     * fois - {Array} The features of interest (required).\n+     * Returns:\n+     * {String} A namespace prefix or null if none found.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(\n-                this.formatOptions);\n+    getNamespacePrefix: function(uri) {\n+        var prefix = null;\n+        if (uri == null) {\n+            prefix = this.namespaces[this.defaultPrefix];\n+        } else {\n+            for (prefix in this.namespaces) {\n+                if (this.namespaces[prefix] == uri) {\n+                    break;\n+                }\n+            }\n         }\n+        return prefix;\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n+     * Property: defaultPrefix\n      */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n+    defaultPrefix: \"wmc\",\n \n     /**\n-     * APIMethod: read\n-     * Construct a request for reading new sensor positions. This is done by\n-     *     issuing one GetFeatureOfInterest request.\n+     * Property: rootPrefix\n+     * {String} Prefix on the root node that maps to the context namespace URI.\n      */\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var format = this.format;\n-        var data = OpenLayers.Format.XML.prototype.write.apply(format,\n-            [format.writeNode(\"sos:GetFeatureOfInterest\", {\n-                fois: this.fois\n-            })]\n-        );\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            data: data\n-        });\n-        return response;\n-    },\n+    rootPrefix: null,\n \n     /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n+     * Property: defaultStyleName\n+     * {String} Style name used if layer has no style param.  Default is \"\".\n+     */\n+    defaultStyleName: \"\",\n+\n+    /**\n+     * Property: defaultStyleTitle\n+     * {String} Default style title.  Default is \"Default\".\n+     */\n+    defaultStyleTitle: \"Default\",\n+\n+    /**\n+     * Constructor: OpenLayers.Format.WMC.v1\n+     * Instances of this class are not created directly.  Use the\n+     *     <OpenLayers.Format.WMC> constructor instead.\n      *\n      * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the read call.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                response.features = this.parseFeatures(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n-        }\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: parseFeatures\n-     * Read HTTP response body and return features\n-     *\n-     * Parameters:\n-     * request - {XMLHttpRequest} The request object\n+     * Method: read\n+     * Read capabilities data from a string, and return a list of layers. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} Array of features\n+     * {Array} List of named layers.\n      */\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n-        return this.format.read(doc);\n+        var root = data.documentElement;\n+        this.rootPrefix = root.prefix;\n+        var context = {\n+            version: root.getAttribute(\"version\")\n+        };\n+        this.runChildNodes(context, root);\n+        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n-});\n-/* ======================================================================\n-    OpenLayers/Popup/Anchored.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Popup.js\n- */\n-\n-/**\n- * Class: OpenLayers.Popup.Anchored\n- * \n- * Inherits from:\n- *  - <OpenLayers.Popup>\n- */\n-OpenLayers.Popup.Anchored =\n-    OpenLayers.Class(OpenLayers.Popup, {\n-\n-        /** \n-         * Property: relativePosition\n-         * {String} Relative position of the popup (\"br\", \"tr\", \"tl\" or \"bl\").\n-         */\n-        relativePosition: null,\n-\n-        /**\n-         * APIProperty: keepInMap \n-         * {Boolean} If panMapIfOutOfView is false, and this property is true, \n-         *     contrain the popup such that it always fits in the available map\n-         *     space. By default, this is set. If you are creating popups that are\n-         *     near map edges and not allowing pannning, and especially if you have\n-         *     a popup which has a fixedRelativePosition, setting this to false may\n-         *     be a smart thing to do.\n-         *   \n-         *     For anchored popups, default is true, since subclasses will\n-         *     usually want this functionality.\n-         */\n-        keepInMap: true,\n-\n-        /**\n-         * Property: anchor\n-         * {Object} Object to which we'll anchor the popup. Must expose a \n-         *     'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>).\n-         */\n-        anchor: null,\n-\n-        /** \n-         * Constructor: OpenLayers.Popup.Anchored\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object which must expose a 'size' <OpenLayers.Size> \n-         *     and 'offset' <OpenLayers.Pixel> (generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n-            var newArguments = [\n-                id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback\n-            ];\n-            OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n-\n-            this.anchor = (anchor != null) ? anchor :\n-                {\n-                    size: new OpenLayers.Size(0, 0),\n-                    offset: new OpenLayers.Pixel(0, 0)\n-                };\n-        },\n-\n-        /**\n-         * APIMethod: destroy\n-         */\n-        destroy: function() {\n-            this.anchor = null;\n-            this.relativePosition = null;\n-\n-            OpenLayers.Popup.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * APIMethod: show\n-         * Overridden from Popup since user might hide popup and then show() it \n-         *     in a new location (meaning we might want to update the relative\n-         *     position on the show)\n-         */\n-        show: function() {\n-            this.updatePosition();\n-            OpenLayers.Popup.prototype.show.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: moveTo\n-         * Since the popup is moving to a new px, it might need also to be moved\n-         *     relative to where the marker is. We first calculate the new \n-         *     relativePosition, and then we calculate the new px where we will \n-         *     put the popup, based on the new relative position. \n-         * \n-         *     If the relativePosition has changed, we must also call \n-         *     updateRelativePosition() to make any visual changes to the popup \n-         *     which are associated with putting it in a new relativePosition.\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         */\n-        moveTo: function(px) {\n-            var oldRelativePosition = this.relativePosition;\n-            this.relativePosition = this.calculateRelativePosition(px);\n-\n-            OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n-\n-            //if this move has caused the popup to change its relative position, \n-            // we need to make the appropriate cosmetic changes.\n-            if (this.relativePosition != oldRelativePosition) {\n-                this.updateRelativePosition();\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: setSize\n-         * \n-         * Parameters:\n-         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-         *     contents div (in pixels).\n-         */\n-        setSize: function(contentSize) {\n-            OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n-\n-            if ((this.lonlat) && (this.map)) {\n-                var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-                this.moveTo(px);\n-            }\n-        },\n-\n-        /** \n-         * Method: calculateRelativePosition\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {String} The relative position (\"br\" \"tr\" \"tl\" \"bl\") at which the popup\n-         *     should be placed.\n-         */\n-        calculateRelativePosition: function(px) {\n-            var lonlat = this.map.getLonLatFromLayerPx(px);\n-\n-            var extent = this.map.getExtent();\n-            var quadrant = extent.determineQuadrant(lonlat);\n-\n-            return OpenLayers.Bounds.oppositeQuadrant(quadrant);\n-        },\n-\n-        /**\n-         * Method: updateRelativePosition\n-         * The popup has been moved to a new relative location, so we may want to \n-         *     make some cosmetic adjustments to it. \n-         * \n-         *     Note that in the classic Anchored popup, there is nothing to do \n-         *     here, since the popup looks exactly the same in all four positions.\n-         *     Subclasses such as Framed, however, will want to do something\n-         *     special here.\n-         */\n-        updateRelativePosition: function() {\n-            //to be overridden by subclasses\n-        },\n-\n-        /** \n-         * Method: calculateNewPx\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n-         *     relative to the passed-in px.\n-         */\n-        calculateNewPx: function(px) {\n-            var newPx = px.offset(this.anchor.offset);\n-\n-            //use contentSize if size is not already set\n-            var size = this.size || this.contentSize;\n-\n-            var top = (this.relativePosition.charAt(0) == 't');\n-            newPx.y += (top) ? -size.h : this.anchor.size.h;\n-\n-            var left = (this.relativePosition.charAt(1) == 'l');\n-            newPx.x += (left) ? -size.w : this.anchor.size.w;\n-\n-            return newPx;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Popup/Framed.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Popup/Anchored.js\n- */\n-\n-/**\n- * Class: OpenLayers.Popup.Framed\n- * \n- * Inherits from:\n- *  - <OpenLayers.Popup.Anchored>\n- */\n-OpenLayers.Popup.Framed =\n-    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n-\n-        /**\n-         * Property: imageSrc\n-         * {String} location of the image to be used as the popup frame\n-         */\n-        imageSrc: null,\n-\n-        /**\n-         * Property: imageSize\n-         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n-         *     by the 'imageSrc' property.\n-         */\n-        imageSize: null,\n-\n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The image has some alpha and thus needs to use the alpha \n-         *     image hack. Note that setting this to true will have no noticeable\n-         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n-         *     browser. \n-         *     Default is false.\n-         */\n-        isAlphaImage: false,\n-\n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of different position blocks (Object/Hashs). Each block \n-         *     will be keyed by a two-character 'relativePosition' \n-         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n-         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n-         *     parameter, which is an array of the block objects. \n-         * \n-         *     Each block object must have 'size', 'anchor', and 'position' \n-         *     properties.\n-         * \n-         *     Note that positionBlocks should never be modified at runtime.\n-         */\n-        positionBlocks: null,\n-\n-        /**\n-         * Property: blocks\n-         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n-         *     popup. Each block has a 'div' and an 'image' property, both of \n-         *     which are DOMElements, and the latter of which is appended to the \n-         *     former. These are reused as the popup goes changing positions for\n-         *     great economy and elegance.\n-         */\n-        blocks: null,\n-\n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} We want the framed popup to work dynamically placed relative\n-         *     to its anchor but also in just one fixed position. A well designed\n-         *     framed popup will have the pixels and logic to display itself in \n-         *     any of the four relative positions, but (understandably), this will\n-         *     not be the case for all of them. By setting this property to 'true', \n-         *     framed popup will not recalculate for the best placement each time\n-         *     it's open, but will always open the same way. \n-         *     Note that if this is set to true, it is generally advisable to also\n-         *     set the 'panIntoView' property to true so that the popup can be \n-         *     scrolled into view (since it will often be offscreen on open)\n-         *     Default is false.\n-         */\n-        fixedRelativePosition: false,\n-\n-        /** \n-         * Constructor: OpenLayers.Popup.Framed\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n-\n-            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n-\n-            if (this.fixedRelativePosition) {\n-                //based on our decided relativePostion, set the current padding\n-                // this keeps us from getting into trouble \n-                this.updateRelativePosition();\n-\n-                //make calculateRelativePosition always return the specified\n-                // fixed position.\n-                this.calculateRelativePosition = function(px) {\n-                    return this.relativePosition;\n-                };\n-            }\n-\n-            this.contentDiv.style.position = \"absolute\";\n-            this.contentDiv.style.zIndex = 1;\n-\n-            if (closeBox) {\n-                this.closeDiv.style.zIndex = 1;\n-            }\n-\n-            this.groupDiv.style.position = \"absolute\";\n-            this.groupDiv.style.top = \"0px\";\n-            this.groupDiv.style.left = \"0px\";\n-            this.groupDiv.style.height = \"100%\";\n-            this.groupDiv.style.width = \"100%\";\n-        },\n-\n-        /** \n-         * APIMethod: destroy\n-         */\n-        destroy: function() {\n-            this.imageSrc = null;\n-            this.imageSize = null;\n-            this.isAlphaImage = null;\n-\n-            this.fixedRelativePosition = false;\n-            this.positionBlocks = null;\n-\n-            //remove our blocks\n-            for (var i = 0; i < this.blocks.length; i++) {\n-                var block = this.blocks[i];\n-\n-                if (block.image) {\n-                    block.div.removeChild(block.image);\n-                }\n-                block.image = null;\n-\n-                if (block.div) {\n-                    this.groupDiv.removeChild(block.div);\n-                }\n-                block.div = null;\n-            }\n-            this.blocks = null;\n-\n-            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * APIMethod: setBackgroundColor\n-         */\n-        setBackgroundColor: function(color) {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the background color makes no sense. \n-        },\n-\n-        /**\n-         * APIMethod: setBorder\n-         */\n-        setBorder: function() {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the popup's border makes no sense. \n-        },\n-\n-        /**\n-         * Method: setOpacity\n-         * Sets the opacity of the popup.\n-         * \n-         * Parameters:\n-         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n-         */\n-        setOpacity: function(opacity) {\n-            //does nothing since we suppose that we'll never apply an opacity\n-            // to a framed popup\n-        },\n-\n-        /**\n-         * APIMethod: setSize\n-         * Overridden here, because we need to update the blocks whenever the size\n-         *     of the popup has changed.\n-         * \n-         * Parameters:\n-         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-         *     contents div (in pixels).\n-         */\n-        setSize: function(contentSize) {\n-            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n-\n-            this.updateBlocks();\n-        },\n-\n-        /**\n-         * Method: updateRelativePosition\n-         * When the relative position changes, we need to set the new padding \n-         *     BBOX on the popup, reposition the close div, and update the blocks.\n-         */\n-        updateRelativePosition: function() {\n-\n-            //update the padding\n-            this.padding = this.positionBlocks[this.relativePosition].padding;\n-\n-            //update the position of our close box to new padding\n-            if (this.closeDiv) {\n-                // use the content div's css padding to determine if we should\n-                //  padd the close div\n-                var contentDivPadding = this.getContentDivPadding();\n-\n-                this.closeDiv.style.right = contentDivPadding.right +\n-                    this.padding.right + \"px\";\n-                this.closeDiv.style.top = contentDivPadding.top +\n-                    this.padding.top + \"px\";\n-            }\n-\n-            this.updateBlocks();\n-        },\n-\n-        /** \n-         * Method: calculateNewPx\n-         * Besides the standard offset as determined by the Anchored class, our \n-         *     Framed popups have a special 'offset' property for each of their \n-         *     positions, which is used to offset the popup relative to its anchor.\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n-         *     relative to the passed-in px.\n-         */\n-        calculateNewPx: function(px) {\n-            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n-                this, arguments\n-            );\n-\n-            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n-\n-            return newPx;\n-        },\n-\n-        /**\n-         * Method: createBlocks\n-         */\n-        createBlocks: function() {\n-            this.blocks = [];\n-\n-            //since all positions contain the same number of blocks, we can \n-            // just pick the first position and use its blocks array to create\n-            // our blocks array\n-            var firstPosition = null;\n-            for (var key in this.positionBlocks) {\n-                firstPosition = key;\n-                break;\n-            }\n-\n-            var position = this.positionBlocks[firstPosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n-\n-                var block = {};\n-                this.blocks.push(block);\n-\n-                var divId = this.id + '_FrameDecorationDiv_' + i;\n-                block.div = OpenLayers.Util.createDiv(divId,\n-                    null, null, null, \"absolute\", null, \"hidden\", null\n-                );\n-\n-                var imgId = this.id + '_FrameDecorationImg_' + i;\n-                var imageCreator =\n-                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n-                    OpenLayers.Util.createImage;\n-\n-                block.image = imageCreator(imgId,\n-                    null, this.imageSize, this.imageSrc,\n-                    \"absolute\", null, null, null\n-                );\n-\n-                block.div.appendChild(block.image);\n-                this.groupDiv.appendChild(block.div);\n-            }\n-        },\n-\n-        /**\n-         * Method: updateBlocks\n-         * Internal method, called on initialize and when the popup's relative\n-         *     position has changed. This function takes care of re-positioning\n-         *     the popup's blocks in their appropropriate places.\n-         */\n-        updateBlocks: function() {\n-            if (!this.blocks) {\n-                this.createBlocks();\n-            }\n-\n-            if (this.size && this.relativePosition) {\n-                var position = this.positionBlocks[this.relativePosition];\n-                for (var i = 0; i < position.blocks.length; i++) {\n-\n-                    var positionBlock = position.blocks[i];\n-                    var block = this.blocks[i];\n-\n-                    // adjust sizes\n-                    var l = positionBlock.anchor.left;\n-                    var b = positionBlock.anchor.bottom;\n-                    var r = positionBlock.anchor.right;\n-                    var t = positionBlock.anchor.top;\n-\n-                    //note that we use the isNaN() test here because if the \n-                    // size object is initialized with a \"auto\" parameter, the \n-                    // size constructor calls parseFloat() on the string, \n-                    // which will turn it into NaN\n-                    //\n-                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n-                        positionBlock.size.w;\n-\n-                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n-                        positionBlock.size.h;\n-\n-                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n-                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n-\n-                    block.div.style.left = (l != null) ? l + 'px' : '';\n-                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n-                    block.div.style.right = (r != null) ? r + 'px' : '';\n-                    block.div.style.top = (t != null) ? t + 'px' : '';\n-\n-                    block.image.style.left = positionBlock.position.x + 'px';\n-                    block.image.style.top = positionBlock.position.y + 'px';\n+    /**\n+     * Method: runChildNodes\n+     */\n+    runChildNodes: function(obj, node) {\n+        var children = node.childNodes;\n+        var childNode, processor, prefix, local;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            childNode = children[i];\n+            if (childNode.nodeType == 1) {\n+                prefix = this.getNamespacePrefix(childNode.namespaceURI);\n+                local = childNode.nodeName.split(\":\").pop();\n+                processor = this[\"read_\" + prefix + \"_\" + local];\n+                if (processor) {\n+                    processor.apply(this, [obj, childNode]);\n                 }\n-\n-                this.contentDiv.style.left = this.padding.left + \"px\";\n-                this.contentDiv.style.top = this.padding.top + \"px\";\n             }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Popup/FramedCloud.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Popup/Framed.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/BaseTypes/Bounds.js\n- * @requires OpenLayers/BaseTypes/Pixel.js\n- * @requires OpenLayers/BaseTypes/Size.js\n- */\n-\n-/**\n- * Class: OpenLayers.Popup.FramedCloud\n- * \n- * Inherits from: \n- *  - <OpenLayers.Popup.Framed>\n- */\n-OpenLayers.Popup.FramedCloud =\n-    OpenLayers.Class(OpenLayers.Popup.Framed, {\n-\n-        /** \n-         * Property: contentDisplayClass\n-         * {String} The CSS class of the popup content div.\n-         */\n-        contentDisplayClass: \"olFramedCloudPopupContent\",\n-\n-        /**\n-         * APIProperty: autoSize\n-         * {Boolean} Framed Cloud is autosizing by default.\n-         */\n-        autoSize: true,\n-\n-        /**\n-         * APIProperty: panMapIfOutOfView\n-         * {Boolean} Framed Cloud does pan into view by default.\n-         */\n-        panMapIfOutOfView: true,\n+        }\n+    },\n \n-        /**\n-         * APIProperty: imageSize\n-         * {<OpenLayers.Size>}\n-         */\n-        imageSize: new OpenLayers.Size(1276, 736),\n+    /**\n+     * Method: read_wmc_General\n+     */\n+    read_wmc_General: function(context, node) {\n+        this.runChildNodes(context, node);\n+    },\n \n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n-         *     good ie6 folk out there)\n-         */\n-        isAlphaImage: false,\n+    /**\n+     * Method: read_wmc_BoundingBox\n+     */\n+    read_wmc_BoundingBox: function(context, node) {\n+        context.projection = node.getAttribute(\"SRS\");\n+        context.bounds = new OpenLayers.Bounds(\n+            node.getAttribute(\"minx\"), node.getAttribute(\"miny\"),\n+            node.getAttribute(\"maxx\"), node.getAttribute(\"maxy\")\n+        );\n+    },\n \n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} The Framed Cloud popup works in just one fixed position.\n-         */\n-        fixedRelativePosition: false,\n+    /**\n+     * Method: read_wmc_LayerList\n+     */\n+    read_wmc_LayerList: function(context, node) {\n+        // layersContext is an array containing info for each layer\n+        context.layersContext = [];\n+        this.runChildNodes(context, node);\n+    },\n \n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of differen position blocks, keyed by relativePosition\n-         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n-         */\n-        positionBlocks: {\n-            \"tl\": {\n-                'offset': new OpenLayers.Pixel(44, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 18),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -632)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(0, -688)\n-                }]\n-            },\n-            \"tr\": {\n-                'offset': new OpenLayers.Pixel(-45, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 19),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -631)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                    position: new OpenLayers.Pixel(-215, -687)\n-                }]\n-            },\n-            \"bl\": {\n-                'offset': new OpenLayers.Pixel(45, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                    position: new OpenLayers.Pixel(-101, -674)\n-                }]\n-            },\n-            \"br\": {\n-                'offset': new OpenLayers.Pixel(-44, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                    position: new OpenLayers.Pixel(-311, -674)\n-                }]\n-            }\n-        },\n+    /**\n+     * Method: read_wmc_Layer\n+     */\n+    read_wmc_Layer: function(context, node) {\n+        var layerContext = {\n+            visibility: (node.getAttribute(\"hidden\") != \"1\"),\n+            queryable: (node.getAttribute(\"queryable\") == \"1\"),\n+            formats: [],\n+            styles: [],\n+            metadata: {}\n+        };\n \n-        /**\n-         * APIProperty: minSize\n-         * {<OpenLayers.Size>}\n-         */\n-        minSize: new OpenLayers.Size(105, 10),\n+        this.runChildNodes(layerContext, node);\n+        // set properties common to multiple objects on layer options/params\n+        context.layersContext.push(layerContext);\n+    },\n \n-        /**\n-         * APIProperty: maxSize\n-         * {<OpenLayers.Size>}\n-         */\n-        maxSize: new OpenLayers.Size(1200, 660),\n+    /**\n+     * Method: read_wmc_Extension\n+     */\n+    read_wmc_Extension: function(obj, node) {\n+        this.runChildNodes(obj, node);\n+    },\n \n-        /** \n-         * Constructor: OpenLayers.Popup.FramedCloud\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n+    /**\n+     * Method: read_ol_units\n+     */\n+    read_ol_units: function(layerContext, node) {\n+        layerContext.units = this.getChildValue(node);\n+    },\n \n-            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n-            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-            this.contentDiv.className = this.contentDisplayClass;\n-        },\n+    /**\n+     * Method: read_ol_maxExtent\n+     */\n+    read_ol_maxExtent: function(obj, node) {\n+        var bounds = new OpenLayers.Bounds(\n+            node.getAttribute(\"minx\"), node.getAttribute(\"miny\"),\n+            node.getAttribute(\"maxx\"), node.getAttribute(\"maxy\")\n+        );\n+        obj.maxExtent = bounds;\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities.js\n-   ====================================================================== */\n+    /**\n+     * Method: read_ol_transparent\n+     */\n+    read_ol_transparent: function(layerContext, node) {\n+        layerContext.transparent = this.getChildValue(node);\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: read_ol_numZoomLevels\n+     */\n+    read_ol_numZoomLevels: function(layerContext, node) {\n+        layerContext.numZoomLevels = parseInt(this.getChildValue(node));\n+    },\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+    /**\n+     * Method: read_ol_opacity\n+     */\n+    read_ol_opacity: function(layerContext, node) {\n+        layerContext.opacity = parseFloat(this.getChildValue(node));\n+    },\n \n-/**\n- * Class: OpenLayers.Format.WCSCapabilities\n- * Read WCS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    /**\n+     * Method: read_ol_singleTile\n+     */\n+    read_ol_singleTile: function(layerContext, node) {\n+        layerContext.singleTile = (this.getChildValue(node) == \"true\");\n+    },\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n+     * Method: read_ol_tileSize\n      */\n-    defaultVersion: \"1.1.0\",\n+    read_ol_tileSize: function(layerContext, node) {\n+        var obj = {\n+            \"width\": node.getAttribute(\"width\"),\n+            \"height\": node.getAttribute(\"height\")\n+        };\n+        layerContext.tileSize = obj;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.WCSCapabilities\n-     * Create a new parser for WCS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Method: read_ol_isBaseLayer\n      */\n+    read_ol_isBaseLayer: function(layerContext, node) {\n+        layerContext.isBaseLayer = (this.getChildValue(node) == \"true\");\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of coverages. \n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array} List of named coverages.\n+     * Method: read_ol_displayInLayerSwitcher\n      */\n+    read_ol_displayInLayerSwitcher: function(layerContext, node) {\n+        layerContext.displayInLayerSwitcher = (this.getChildValue(node) == \"true\");\n+    },\n \n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+    /**\n+     * Method: read_wmc_Server\n+     */\n+    read_wmc_Server: function(layerContext, node) {\n+        layerContext.version = node.getAttribute(\"version\");\n+        layerContext.url = this.getOnlineResource_href(node);\n+        layerContext.metadata.servertitle = node.getAttribute(\"title\");\n+    },\n \n-});\n-/* ======================================================================\n-    OpenLayers/Format/Context.js\n-   ====================================================================== */\n+    /**\n+     * Method: read_wmc_FormatList\n+     */\n+    read_wmc_FormatList: function(layerContext, node) {\n+        this.runChildNodes(layerContext, node);\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: read_wmc_Format\n+     */\n+    read_wmc_Format: function(layerContext, node) {\n+        var format = {\n+            value: this.getChildValue(node)\n+        };\n+        if (node.getAttribute(\"current\") == \"1\") {\n+            format.current = true;\n+        }\n+        layerContext.formats.push(format);\n+    },\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+    /**\n+     * Method: read_wmc_StyleList\n+     */\n+    read_wmc_StyleList: function(layerContext, node) {\n+        this.runChildNodes(layerContext, node);\n+    },\n \n-/**\n- * Class: OpenLayers.Format.Context\n- * Base class for both Format.WMC and Format.OWSContext\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    /**\n+     * Method: read_wmc_Style\n+     */\n+    read_wmc_Style: function(layerContext, node) {\n+        var style = {};\n+        this.runChildNodes(style, node);\n+        if (node.getAttribute(\"current\") == \"1\") {\n+            style.current = true;\n+        }\n+        layerContext.styles.push(style);\n+    },\n \n     /**\n-     * Property: layerOptions\n-     * {Object} Default options for layers created by the parser. These\n-     *     options are overridden by the options which are read from the\n-     *     capabilities document.\n+     * Method: read_wmc_SLD\n      */\n-    layerOptions: null,\n+    read_wmc_SLD: function(style, node) {\n+        this.runChildNodes(style, node);\n+        // style either comes back with an href or a body property\n+    },\n \n     /**\n-     * Property: layerParams\n-     * {Object} Default parameters for layers created by the parser. This\n-     *     can be used e.g. to override DEFAULT_PARAMS for \n-     *     OpenLayers.Layer.WMS.\n+     * Method: read_sld_StyledLayerDescriptor\n      */\n-    layerParams: null,\n+    read_sld_StyledLayerDescriptor: function(sld, node) {\n+        var xml = OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+        sld.body = xml;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.Context\n-     * Create a new parser for Context documents.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Method: read_sld_FeatureTypeStyle\n      */\n+    read_sld_FeatureTypeStyle: function(sld, node) {\n+        var xml = OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+        sld.body = xml;\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read Context data from a string, and return an object with map\n-     *     properties and a list of layers.\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n-     * options - {Object} The options object must contain a map property.  If\n-     *     the map property is a string, it must be the id of a dom element\n-     *     where the new map will be placed.  If the map property is an\n-     *     <OpenLayers.Map>, the layers from the context document will be added\n-     *     to the map.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Map>} A map based on the context.\n+     * Method: read_wmc_OnlineResource\n      */\n-    read: function(data, options) {\n-        var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this,\n-            arguments);\n-        var map;\n-        if (options && options.map) {\n-            this.context = context;\n-            if (options.map instanceof OpenLayers.Map) {\n-                map = this.mergeContextToMap(context, options.map);\n-            } else {\n-                var mapOptions = options.map;\n-                if (OpenLayers.Util.isElement(mapOptions) ||\n-                    typeof mapOptions == \"string\") {\n-                    // we assume mapOptions references a div\n-                    // element\n-                    mapOptions = {\n-                        div: mapOptions\n-                    };\n-                }\n-                map = this.contextToMap(context, mapOptions);\n-            }\n-        } else {\n-            // not documented as part of the API, provided as a non-API option\n-            map = context;\n-        }\n-        return map;\n+    read_wmc_OnlineResource: function(obj, node) {\n+        obj.href = this.getAttributeNS(\n+            node, this.namespaces.xlink, \"href\"\n+        );\n     },\n \n     /**\n-     * Method: getLayerFromContext\n-     * Create a WMS layer from a layerContext object.\n-     *\n-     * Parameters:\n-     * layerContext - {Object} An object representing a WMS layer.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} A WMS layer.\n+     * Method: read_wmc_Name\n      */\n-    getLayerFromContext: function(layerContext) {\n-        var i, len;\n-        // fill initial options object from layerContext\n-        var options = {\n-            queryable: layerContext.queryable, //keep queryable for api compatibility\n-            visibility: layerContext.visibility,\n-            maxExtent: layerContext.maxExtent,\n-            metadata: OpenLayers.Util.applyDefaults(layerContext.metadata, {\n-                styles: layerContext.styles,\n-                formats: layerContext.formats,\n-                \"abstract\": layerContext[\"abstract\"],\n-                dataURL: layerContext.dataURL\n-            }),\n-            numZoomLevels: layerContext.numZoomLevels,\n-            units: layerContext.units,\n-            isBaseLayer: layerContext.isBaseLayer,\n-            opacity: layerContext.opacity,\n-            displayInLayerSwitcher: layerContext.displayInLayerSwitcher,\n-            singleTile: layerContext.singleTile,\n-            tileSize: (layerContext.tileSize) ?\n-                new OpenLayers.Size(\n-                    layerContext.tileSize.width,\n-                    layerContext.tileSize.height\n-                ) : undefined,\n-            minScale: layerContext.minScale || layerContext.maxScaleDenominator,\n-            maxScale: layerContext.maxScale || layerContext.minScaleDenominator,\n-            srs: layerContext.srs,\n-            dimensions: layerContext.dimensions,\n-            metadataURL: layerContext.metadataURL\n-        };\n-        if (this.layerOptions) {\n-            OpenLayers.Util.applyDefaults(options, this.layerOptions);\n+    read_wmc_Name: function(obj, node) {\n+        var name = this.getChildValue(node);\n+        if (name) {\n+            obj.name = name;\n         }\n+    },\n \n-        var params = {\n-            layers: layerContext.name,\n-            transparent: layerContext.transparent,\n-            version: layerContext.version\n-        };\n-        if (layerContext.formats && layerContext.formats.length > 0) {\n-            // set default value for params if current attribute is not positionned\n-            params.format = layerContext.formats[0].value;\n-            for (i = 0, len = layerContext.formats.length; i < len; i++) {\n-                var format = layerContext.formats[i];\n-                if (format.current == true) {\n-                    params.format = format.value;\n-                    break;\n-                }\n-            }\n-        }\n-        if (layerContext.styles && layerContext.styles.length > 0) {\n-            for (i = 0, len = layerContext.styles.length; i < len; i++) {\n-                var style = layerContext.styles[i];\n-                if (style.current == true) {\n-                    // three style types to consider\n-                    // 1) linked SLD\n-                    // 2) inline SLD\n-                    // 3) named style\n-                    if (style.href) {\n-                        params.sld = style.href;\n-                    } else if (style.body) {\n-                        params.sld_body = style.body;\n-                    } else {\n-                        params.styles = style.name;\n-                    }\n-                    break;\n-                }\n-            }\n-        }\n-        if (this.layerParams) {\n-            OpenLayers.Util.applyDefaults(params, this.layerParams);\n+    /**\n+     * Method: read_wmc_Title\n+     */\n+    read_wmc_Title: function(obj, node) {\n+        var title = this.getChildValue(node);\n+        if (title) {\n+            obj.title = title;\n         }\n+    },\n \n-        var layer = null;\n-        var service = layerContext.service;\n-        if (service == OpenLayers.Format.Context.serviceTypes.WFS) {\n-            options.strategies = [new OpenLayers.Strategy.BBOX()];\n-            options.protocol = new OpenLayers.Protocol.WFS({\n-                url: layerContext.url,\n-                // since we do not know featureNS, let the protocol\n-                // determine it automagically using featurePrefix\n-                featurePrefix: layerContext.name.split(\":\")[0],\n-                featureType: layerContext.name.split(\":\").pop()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (service == OpenLayers.Format.Context.serviceTypes.KML) {\n-            // use a vector layer with an HTTP Protcol and a Fixed strategy\n-            options.strategies = [new OpenLayers.Strategy.Fixed()];\n-            options.protocol = new OpenLayers.Protocol.HTTP({\n-                url: layerContext.url,\n-                format: new OpenLayers.Format.KML()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (service == OpenLayers.Format.Context.serviceTypes.GML) {\n-            // use a vector layer with a HTTP Protocol and a Fixed strategy\n-            options.strategies = [new OpenLayers.Strategy.Fixed()];\n-            options.protocol = new OpenLayers.Protocol.HTTP({\n-                url: layerContext.url,\n-                format: new OpenLayers.Format.GML()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (layerContext.features) {\n-            // inline GML or KML features\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-            layer.addFeatures(layerContext.features);\n-        } else if (layerContext.categoryLayer !== true) {\n-            layer = new OpenLayers.Layer.WMS(\n-                layerContext.title || layerContext.name,\n-                layerContext.url,\n-                params,\n-                options\n-            );\n-        }\n-        return layer;\n+    /**\n+     * Method: read_wmc_MetadataURL\n+     */\n+    read_wmc_MetadataURL: function(layerContext, node) {\n+        layerContext.metadataURL = this.getOnlineResource_href(node);\n     },\n \n     /**\n-     * Method: getLayersFromContext\n-     * Create an array of layers from an array of layerContext objects.\n-     *\n-     * Parameters:\n-     * layersContext - {Array(Object)} An array of objects representing layers.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Layer>)} An array of layers.\n+     * Method: read_wmc_KeywordList\n      */\n-    getLayersFromContext: function(layersContext) {\n-        var layers = [];\n-        for (var i = 0, len = layersContext.length; i < len; i++) {\n-            var layer = this.getLayerFromContext(layersContext[i]);\n-            if (layer !== null) {\n-                layers.push(layer);\n-            }\n-        }\n-        return layers;\n+    read_wmc_KeywordList: function(context, node) {\n+        context.keywords = [];\n+        this.runChildNodes(context.keywords, node);\n     },\n \n     /**\n-     * Method: contextToMap\n-     * Create a map given a context object.\n-     *\n-     * Parameters:\n-     * context - {Object} The context object.\n-     * options - {Object} Default map options.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Map>} A map based on the context object.\n+     * Method: read_wmc_Keyword\n      */\n-    contextToMap: function(context, options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            maxExtent: context.maxExtent,\n-            projection: context.projection,\n-            units: context.units\n-        }, options);\n+    read_wmc_Keyword: function(keywords, node) {\n+        keywords.push(this.getChildValue(node));\n+    },\n \n-        if (options.maxExtent) {\n-            options.maxResolution =\n-                options.maxExtent.getWidth() / OpenLayers.Map.TILE_WIDTH;\n+    /**\n+     * Method: read_wmc_Abstract\n+     */\n+    read_wmc_Abstract: function(obj, node) {\n+        var abst = this.getChildValue(node);\n+        if (abst) {\n+            obj[\"abstract\"] = abst;\n         }\n+    },\n \n-        var metadata = {\n-            contactInformation: context.contactInformation,\n-            \"abstract\": context[\"abstract\"],\n-            keywords: context.keywords,\n-            logo: context.logo,\n-            descriptionURL: context.descriptionURL\n+    /**\n+     * Method: read_wmc_LogoURL\n+     */\n+    read_wmc_LogoURL: function(context, node) {\n+        context.logo = {\n+            width: node.getAttribute(\"width\"),\n+            height: node.getAttribute(\"height\"),\n+            format: node.getAttribute(\"format\"),\n+            href: this.getOnlineResource_href(node)\n         };\n-\n-        options.metadata = metadata;\n-\n-        var map = new OpenLayers.Map(options);\n-        map.addLayers(this.getLayersFromContext(context.layersContext));\n-        map.setCenter(\n-            context.bounds.getCenterLonLat(),\n-            map.getZoomForExtent(context.bounds, true)\n-        );\n-        return map;\n     },\n \n     /**\n-     * Method: mergeContextToMap\n-     * Add layers from a context object to a map.\n-     *\n-     * Parameters:\n-     * context - {Object} The context object.\n-     * map - {<OpenLayers.Map>} The map.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Map>} The same map with layers added.\n+     * Method: read_wmc_DescriptionURL\n      */\n-    mergeContextToMap: function(context, map) {\n-        map.addLayers(this.getLayersFromContext(context.layersContext));\n-        return map;\n+    read_wmc_DescriptionURL: function(context, node) {\n+        context.descriptionURL = this.getOnlineResource_href(node);\n     },\n \n     /**\n-     * APIMethod: write\n-     * Write a context document given a map.\n-     *\n-     * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} A map or context object.\n-     * options - {Object} Optional configuration object.\n-     *\n-     * Returns:\n-     * {String} A context document string.\n+     * Method: read_wmc_ContactInformation\n      */\n-    write: function(obj, options) {\n-        obj = this.toContext(obj);\n-        return OpenLayers.Format.XML.VersionedOGC.prototype.write.apply(this,\n-            arguments);\n+    read_wmc_ContactInformation: function(obj, node) {\n+        var contact = {};\n+        this.runChildNodes(contact, node);\n+        obj.contactInformation = contact;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.Context\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Format.Context.serviceTypes\n- * Enumeration for service types\n- */\n-OpenLayers.Format.Context.serviceTypes = {\n-    \"WMS\": \"urn:ogc:serviceType:WMS\",\n-    \"WFS\": \"urn:ogc:serviceType:WFS\",\n-    \"WCS\": \"urn:ogc:serviceType:WCS\",\n-    \"GML\": \"urn:ogc:serviceType:GML\",\n-    \"SLD\": \"urn:ogc:serviceType:SLD\",\n-    \"FES\": \"urn:ogc:serviceType:FES\",\n-    \"KML\": \"urn:ogc:serviceType:KML\"\n-};\n-/* ======================================================================\n-    OpenLayers/Format/OWSContext.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: read_wmc_ContactPersonPrimary\n+     */\n+    read_wmc_ContactPersonPrimary: function(contact, node) {\n+        var personPrimary = {};\n+        this.runChildNodes(personPrimary, node);\n+        contact.personPrimary = personPrimary;\n+    },\n \n-/**\n- * @requires OpenLayers/Format/Context.js\n- */\n+    /**\n+     * Method: read_wmc_ContactPerson\n+     */\n+    read_wmc_ContactPerson: function(primaryPerson, node) {\n+        var person = this.getChildValue(node);\n+        if (person) {\n+            primaryPerson.person = person;\n+        }\n+    },\n \n-/**\n- * Class: OpenLayers.Format.OWSContext\n- * Read and write OWS Context documents. OWS Context documents are a \n- * preliminary OGC (Open Geospatial Consortium) standard for storing the \n- * state of a web mapping application. In a way it is the successor to\n- * Web Map Context (WMC), since it is more generic and more types of layers\n- * can be stored. Also, nesting of layers is supported since version 0.3.1.\n- * For more information see: http://www.ogcnetwork.net/context\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Context>\n- */\n-OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n+    /**\n+     * Method: read_wmc_ContactOrganization\n+     */\n+    read_wmc_ContactOrganization: function(primaryPerson, node) {\n+        var organization = this.getChildValue(node);\n+        if (organization) {\n+            primaryPerson.organization = organization;\n+        }\n+    },\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"0.3.1\".\n+     * Method: read_wmc_ContactPosition\n      */\n-    defaultVersion: \"0.3.1\",\n+    read_wmc_ContactPosition: function(contact, node) {\n+        var position = this.getChildValue(node);\n+        if (position) {\n+            contact.position = position;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.OWSContext\n-     * Create a new parser for OWS Context documents.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Method: read_wmc_ContactAddress\n      */\n+    read_wmc_ContactAddress: function(contact, node) {\n+        var contactAddress = {};\n+        this.runChildNodes(contactAddress, node);\n+        contact.contactAddress = contactAddress;\n+    },\n \n     /**\n-     * Method: getVersion\n-     * Returns the version to use. Subclasses can override this function\n-     * if a different version detection is needed.\n-     *\n-     * Parameters:\n-     * root - {DOMElement}\n-     * options - {Object} Optional configuration object.\n-     *\n-     * Returns:\n-     * {String} The version to use.\n+     * Method: read_wmc_AddressType\n      */\n-    getVersion: function(root, options) {\n-        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(\n-            this, arguments);\n-        // 0.3.1 is backwards compatible with 0.3.0\n-        if (version === \"0.3.0\") {\n-            version = this.defaultVersion;\n+    read_wmc_AddressType: function(contactAddress, node) {\n+        var type = this.getChildValue(node);\n+        if (type) {\n+            contactAddress.type = type;\n         }\n-        return version;\n     },\n \n     /**\n-     * Method: toContext\n-     * Create a context object free from layer given a map or a\n-     * context object.\n-     *\n-     * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} The map or context.\n-     *\n-     * Returns:\n-     * {Object} A context object.\n+     * Method: read_wmc_Address\n      */\n-    toContext: function(obj) {\n-        var context = {};\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            context.bounds = obj.getExtent();\n-            context.maxExtent = obj.maxExtent;\n-            context.projection = obj.projection;\n-            context.size = obj.getSize();\n-            context.layers = obj.layers;\n+    read_wmc_Address: function(contactAddress, node) {\n+        var address = this.getChildValue(node);\n+        if (address) {\n+            contactAddress.address = address;\n         }\n-        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/Atom.js\n-   ====================================================================== */\n+    /**\n+     * Method: read_wmc_City\n+     */\n+    read_wmc_City: function(contactAddress, node) {\n+        var city = this.getChildValue(node);\n+        if (city) {\n+            contactAddress.city = city;\n+        }\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: read_wmc_StateOrProvince\n+     */\n+    read_wmc_StateOrProvince: function(contactAddress, node) {\n+        var stateOrProvince = this.getChildValue(node);\n+        if (stateOrProvince) {\n+            contactAddress.stateOrProvince = stateOrProvince;\n+        }\n+    },\n \n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/GML/v3.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n+    /**\n+     * Method: read_wmc_PostCode\n+     */\n+    read_wmc_PostCode: function(contactAddress, node) {\n+        var postcode = this.getChildValue(node);\n+        if (postcode) {\n+            contactAddress.postcode = postcode;\n+        }\n+    },\n \n-/**\n- * Class: OpenLayers.Format.Atom\n- * Read/write Atom feeds. Create a new instance with the\n- *     <OpenLayers.Format.AtomFeed> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n+    /**\n+     * Method: read_wmc_Country\n+     */\n+    read_wmc_Country: function(contactAddress, node) {\n+        var country = this.getChildValue(node);\n+        if (country) {\n+            contactAddress.country = country;\n+        }\n+    },\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.  Properties\n-     *     of this object should not be set individually.  Read-only.  All\n-     *     XML subclasses should have their own namespaces object.  Use\n-     *     <setNamespace> to add or set a namespace alias after construction.\n+     * Method: read_wmc_ContactVoiceTelephone\n      */\n-    namespaces: {\n-        atom: \"http://www.w3.org/2005/Atom\",\n-        georss: \"http://www.georss.org/georss\"\n+    read_wmc_ContactVoiceTelephone: function(contact, node) {\n+        var phone = this.getChildValue(node);\n+        if (phone) {\n+            contact.phone = phone;\n+        }\n     },\n \n     /**\n-     * APIProperty: feedTitle\n-     * {String} Atom feed elements require a title.  Default is \"untitled\".\n+     * Method: read_wmc_ContactFacsimileTelephone\n      */\n-    feedTitle: \"untitled\",\n+    read_wmc_ContactFacsimileTelephone: function(contact, node) {\n+        var fax = this.getChildValue(node);\n+        if (fax) {\n+            contact.fax = fax;\n+        }\n+    },\n \n     /**\n-     * APIProperty: defaultEntryTitle\n-     * {String} Atom entry elements require a title.  In cases where one is\n-     *     not provided in the feature attributes, this will be used.  Default\n-     *     is \"untitled\".\n+     * Method: read_wmc_ContactElectronicMailAddress\n      */\n-    defaultEntryTitle: \"untitled\",\n+    read_wmc_ContactElectronicMailAddress: function(contact, node) {\n+        var email = this.getChildValue(node);\n+        if (email) {\n+            contact.email = email;\n+        }\n+    },\n \n     /**\n-     * Property: gmlParse\n-     * {Object} GML Format object for parsing features\n-     * Non-API and only created if necessary\n+     * Method: read_wmc_DataURL\n      */\n-    gmlParser: null,\n+    read_wmc_DataURL: function(layerContext, node) {\n+        layerContext.dataURL = this.getOnlineResource_href(node);\n+    },\n \n     /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n-     * For GeoRSS the default is (y,x), therefore: false\n+     * Method: read_wmc_LegendURL\n      */\n-    xy: false,\n+    read_wmc_LegendURL: function(style, node) {\n+        var legend = {\n+            width: node.getAttribute('width'),\n+            height: node.getAttribute('height'),\n+            format: node.getAttribute('format'),\n+            href: this.getOnlineResource_href(node)\n+        };\n+        style.legend = legend;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.AtomEntry\n-     * Create a new parser for Atom.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Method: read_wmc_DimensionList\n+     */\n+    read_wmc_DimensionList: function(layerContext, node) {\n+        layerContext.dimensions = {};\n+        this.runChildNodes(layerContext.dimensions, node);\n+    },\n+    /**\n+     * Method: read_wmc_Dimension\n      */\n+    read_wmc_Dimension: function(dimensions, node) {\n+        var name = node.getAttribute(\"name\").toLowerCase();\n+\n+        var dim = {\n+            name: name,\n+            units: node.getAttribute(\"units\") || \"\",\n+            unitSymbol: node.getAttribute(\"unitSymbol\") || \"\",\n+            userValue: node.getAttribute(\"userValue\") || \"\",\n+            nearestValue: node.getAttribute(\"nearestValue\") === \"1\",\n+            multipleValues: node.getAttribute(\"multipleValues\") === \"1\",\n+            current: node.getAttribute(\"current\") === \"1\",\n+            \"default\": node.getAttribute(\"default\") || \"\"\n+        };\n+        var values = this.getChildValue(node);\n+        dim.values = values.split(\",\");\n+\n+        dimensions[dim.name] = dim;\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Return a list of features from an Atom feed or entry document.\n-     \n+     * Method: write\n+     *\n      * Parameters:\n-     * doc - {Element} or {String}\n+     * context - {Object} An object representing the map context.\n+     * options - {Object} Optional object.\n      *\n      * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n+     * {String} A WMC document string.\n      */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-        return this.parseFeatures(doc);\n+    write: function(context, options) {\n+        var root = this.createElementDefaultNS(\"ViewContext\");\n+        this.setAttributes(root, {\n+            version: this.VERSION,\n+            id: (options && typeof options.id == \"string\") ?\n+                options.id : OpenLayers.Util.createUniqueID(\"OpenLayers_Context_\")\n+        });\n+\n+        // add schemaLocation attribute\n+        this.setAttributeNS(\n+            root, this.namespaces.xsi,\n+            \"xsi:schemaLocation\", this.schemaLocation\n+        );\n+\n+        // required General element\n+        root.appendChild(this.write_wmc_General(context));\n+\n+        // required LayerList element\n+        root.appendChild(this.write_wmc_LayerList(context));\n+\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n     },\n \n     /**\n-     * APIMethod: write\n-     * Serialize or more feature nodes to Atom documents.\n+     * Method: createElementDefaultNS\n+     * Shorthand for createElementNS with namespace from <defaultPrefix>.\n+     *     Can optionally be used to set attributes and a text child value.\n      *\n      * Parameters:\n-     * features - {<OpenLayers.Feature.Vector>} or Array({<OpenLayers.Feature.Vector>})\n+     * name - {String} The qualified node name.\n+     * childValue - {String} Optional value for text child node.\n+     * attributes - {Object} Optional object representing attributes.\n      *\n      * Returns:\n-     * {String} an Atom entry document if passed one feature node, or a feed\n-     * document if passed an array of feature nodes.\n+     * {Element} An element node.\n      */\n-    write: function(features) {\n-        var doc;\n-        if (OpenLayers.Util.isArray(features)) {\n-            doc = this.createElementNSPlus(\"atom:feed\");\n-            doc.appendChild(\n-                this.createElementNSPlus(\"atom:title\", {\n-                    value: this.feedTitle\n-                })\n-            );\n-            for (var i = 0, ii = features.length; i < ii; i++) {\n-                doc.appendChild(this.buildEntryNode(features[i]));\n-            }\n-        } else {\n-            doc = this.buildEntryNode(features);\n+    createElementDefaultNS: function(name, childValue, attributes) {\n+        var node = this.createElementNS(\n+            this.namespaces[this.defaultPrefix],\n+            name\n+        );\n+        if (childValue) {\n+            node.appendChild(this.createTextNode(childValue));\n         }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [doc]);\n+        if (attributes) {\n+            this.setAttributes(node, attributes);\n+        }\n+        return node;\n     },\n \n     /**\n-     * Method: buildContentNode\n+     * Method: setAttributes\n+     * Set multiple attributes given key value pairs from an object.\n      *\n      * Parameters:\n-     * content - {Object}\n-     *\n-     * Returns:\n-     * {DOMElement} an Atom content node.\n-     *\n-     * TODO: types other than text.\n+     * node - {Element} An element node.\n+     * obj - {Object} An object whose properties represent attribute names and\n+     *     values represent attribute values.\n      */\n-    buildContentNode: function(content) {\n-        var node = this.createElementNSPlus(\"atom:content\", {\n-            attributes: {\n-                type: content.type || null\n-            }\n-        });\n-        if (content.src) {\n-            node.setAttribute(\"src\", content.src);\n-        } else {\n-            if (content.type == \"text\" || content.type == null) {\n-                node.appendChild(\n-                    this.createTextNode(content.value)\n-                );\n-            } else if (content.type == \"html\") {\n-                if (typeof content.value != \"string\") {\n-                    throw \"HTML content must be in form of an escaped string\";\n-                }\n-                node.appendChild(\n-                    this.createTextNode(content.value)\n-                );\n-            } else if (content.type == \"xhtml\") {\n-                node.appendChild(content.value);\n-            } else if (content.type == \"xhtml\" ||\n-                content.type.match(/(\\+|\\/)xml$/)) {\n-                node.appendChild(content.value);\n-            } else { // MUST be a valid Base64 encoding\n-                node.appendChild(\n-                    this.createTextNode(content.value)\n-                );\n+    setAttributes: function(node, obj) {\n+        var value;\n+        for (var name in obj) {\n+            value = obj[name].toString();\n+            if (value.match(/[A-Z]/)) {\n+                // safari lowercases attributes with setAttribute\n+                this.setAttributeNS(node, null, name, value);\n+            } else {\n+                node.setAttribute(name, value);\n             }\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: buildEntryNode\n-     * Build an Atom entry node from a feature object.\n+     * Method: write_wmc_General\n+     * Create a General node given an context object.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * context - {Object} Context object.\n      *\n      * Returns:\n-     * {DOMElement} an Atom entry node.\n-     *\n-     * These entries are geared for publication using AtomPub.\n-     *\n-     * TODO: support extension elements\n+     * {Element} A WMC General element node.\n      */\n-    buildEntryNode: function(feature) {\n-        var attrib = feature.attributes;\n-        var atomAttrib = attrib.atom || {};\n-        var entryNode = this.createElementNSPlus(\"atom:entry\");\n+    write_wmc_General: function(context) {\n+        var node = this.createElementDefaultNS(\"General\");\n \n-        // atom:author\n-        if (atomAttrib.authors) {\n-            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ?\n-                atomAttrib.authors : [atomAttrib.authors];\n-            for (var i = 0, ii = authors.length; i < ii; i++) {\n-                entryNode.appendChild(\n-                    this.buildPersonConstructNode(\n-                        \"author\", authors[i]\n-                    )\n-                );\n-            }\n+        // optional Window element\n+        if (context.size) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Window\", null, {\n+                    width: context.size.w,\n+                    height: context.size.h\n+                }\n+            ));\n         }\n \n-        // atom:category\n-        if (atomAttrib.categories) {\n-            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ?\n-                atomAttrib.categories : [atomAttrib.categories];\n-            var category;\n-            for (var i = 0, ii = categories.length; i < ii; i++) {\n-                category = categories[i];\n-                entryNode.appendChild(\n-                    this.createElementNSPlus(\"atom:category\", {\n-                        attributes: {\n-                            term: category.term,\n-                            scheme: category.scheme || null,\n-                            label: category.label || null\n-                        }\n-                    })\n-                );\n+        // required BoundingBox element\n+        var bounds = context.bounds;\n+        node.appendChild(this.createElementDefaultNS(\n+            \"BoundingBox\", null, {\n+                minx: bounds.left.toPrecision(18),\n+                miny: bounds.bottom.toPrecision(18),\n+                maxx: bounds.right.toPrecision(18),\n+                maxy: bounds.top.toPrecision(18),\n+                SRS: context.projection\n             }\n-        }\n+        ));\n \n-        // atom:content\n-        if (atomAttrib.content) {\n-            entryNode.appendChild(this.buildContentNode(atomAttrib.content));\n-        }\n+        // required Title element\n+        node.appendChild(this.createElementDefaultNS(\n+            \"Title\", context.title\n+        ));\n \n-        // atom:contributor\n-        if (atomAttrib.contributors) {\n-            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ?\n-                atomAttrib.contributors : [atomAttrib.contributors];\n-            for (var i = 0, ii = contributors.length; i < ii; i++) {\n-                entryNode.appendChild(\n-                    this.buildPersonConstructNode(\n-                        \"contributor\",\n-                        contributors[i]\n-                    )\n-                );\n-            }\n+        // optional KeywordList element\n+        if (context.keywords) {\n+            node.appendChild(this.write_wmc_KeywordList(context.keywords));\n         }\n \n-        // atom:id\n-        if (feature.fid) {\n-            entryNode.appendChild(\n-                this.createElementNSPlus(\"atom:id\", {\n-                    value: feature.fid\n-                })\n-            );\n+        // optional Abstract element\n+        if (context[\"abstract\"]) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Abstract\", context[\"abstract\"]\n+            ));\n         }\n \n-        // atom:link\n-        if (atomAttrib.links) {\n-            var links = OpenLayers.Util.isArray(atomAttrib.links) ?\n-                atomAttrib.links : [atomAttrib.links];\n-            var link;\n-            for (var i = 0, ii = links.length; i < ii; i++) {\n-                link = links[i];\n-                entryNode.appendChild(\n-                    this.createElementNSPlus(\"atom:link\", {\n-                        attributes: {\n-                            href: link.href,\n-                            rel: link.rel || null,\n-                            type: link.type || null,\n-                            hreflang: link.hreflang || null,\n-                            title: link.title || null,\n-                            length: link.length || null\n-                        }\n-                    })\n-                );\n-            }\n+        // Optional LogoURL element\n+        if (context.logo) {\n+            node.appendChild(this.write_wmc_URLType(\"LogoURL\", context.logo.href, context.logo));\n         }\n \n-        // atom:published\n-        if (atomAttrib.published) {\n-            entryNode.appendChild(\n-                this.createElementNSPlus(\"atom:published\", {\n-                    value: atomAttrib.published\n-                })\n-            );\n+        // Optional DescriptionURL element\n+        if (context.descriptionURL) {\n+            node.appendChild(this.write_wmc_URLType(\"DescriptionURL\", context.descriptionURL));\n         }\n \n-        // atom:rights\n-        if (atomAttrib.rights) {\n-            entryNode.appendChild(\n-                this.createElementNSPlus(\"atom:rights\", {\n-                    value: atomAttrib.rights\n-                })\n-            );\n+        // Optional ContactInformation element\n+        if (context.contactInformation) {\n+            node.appendChild(this.write_wmc_ContactInformation(context.contactInformation));\n         }\n \n-        // atom:source not implemented\n+        // OpenLayers specific map properties\n+        node.appendChild(this.write_ol_MapExtension(context));\n \n-        // atom:summary\n-        if (atomAttrib.summary || attrib.description) {\n-            entryNode.appendChild(\n-                this.createElementNSPlus(\"atom:summary\", {\n-                    value: atomAttrib.summary || attrib.description\n-                })\n-            );\n-        }\n+        return node;\n+    },\n \n-        // atom:title\n-        entryNode.appendChild(\n-            this.createElementNSPlus(\"atom:title\", {\n-                value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n-            })\n-        );\n+    /**\n+     * Method: write_wmc_KeywordList\n+     */\n+    write_wmc_KeywordList: function(keywords) {\n+        var node = this.createElementDefaultNS(\"KeywordList\");\n \n-        // atom:updated\n-        if (atomAttrib.updated) {\n-            entryNode.appendChild(\n-                this.createElementNSPlus(\"atom:updated\", {\n-                    value: atomAttrib.updated\n-                })\n-            );\n+        for (var i = 0, len = keywords.length; i < len; i++) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Keyword\", keywords[i]\n+            ));\n         }\n+        return node;\n+    },\n+    /**\n+     * Method: write_wmc_ContactInformation\n+     */\n+    write_wmc_ContactInformation: function(contact) {\n+        var node = this.createElementDefaultNS(\"ContactInformation\");\n \n-        // georss:where\n-        if (feature.geometry) {\n-            var whereNode = this.createElementNSPlus(\"georss:where\");\n-            whereNode.appendChild(\n-                this.buildGeometryNode(feature.geometry)\n-            );\n-            entryNode.appendChild(whereNode);\n+        if (contact.personPrimary) {\n+            node.appendChild(this.write_wmc_ContactPersonPrimary(contact.personPrimary));\n         }\n-\n-        return entryNode;\n+        if (contact.position) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactPosition\", contact.position\n+            ));\n+        }\n+        if (contact.contactAddress) {\n+            node.appendChild(this.write_wmc_ContactAddress(contact.contactAddress));\n+        }\n+        if (contact.phone) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactVoiceTelephone\", contact.phone\n+            ));\n+        }\n+        if (contact.fax) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactFacsimileTelephone\", contact.fax\n+            ));\n+        }\n+        if (contact.email) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactElectronicMailAddress\", contact.email\n+            ));\n+        }\n+        return node;\n     },\n \n     /**\n-     * Method: initGmlParser\n-     * Creates a GML parser.\n+     * Method: write_wmc_ContactPersonPrimary\n      */\n-    initGmlParser: function() {\n-        this.gmlParser = new OpenLayers.Format.GML.v3({\n-            xy: this.xy,\n-            featureNS: \"http://example.com#feature\",\n-            internalProjection: this.internalProjection,\n-            externalProjection: this.externalProjection\n-        });\n+    write_wmc_ContactPersonPrimary: function(personPrimary) {\n+        var node = this.createElementDefaultNS(\"ContactPersonPrimary\");\n+        if (personPrimary.person) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactPerson\", personPrimary.person\n+            ));\n+        }\n+        if (personPrimary.organization) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"ContactOrganization\", personPrimary.organization\n+            ));\n+        }\n+        return node;\n     },\n \n     /**\n-     * Method: buildGeometryNode\n-     * builds a GeoRSS node with a given geometry\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     *\n-     * Returns:\n-     * {DOMElement} A gml node.\n+     * Method: write_wmc_ContactAddress\n      */\n-    buildGeometryNode: function(geometry) {\n-        if (!this.gmlParser) {\n-            this.initGmlParser();\n+    write_wmc_ContactAddress: function(contactAddress) {\n+        var node = this.createElementDefaultNS(\"ContactAddress\");\n+        if (contactAddress.type) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"AddressType\", contactAddress.type\n+            ));\n         }\n-        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n-        return node.firstChild;\n+        if (contactAddress.address) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Address\", contactAddress.address\n+            ));\n+        }\n+        if (contactAddress.city) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"City\", contactAddress.city\n+            ));\n+        }\n+        if (contactAddress.stateOrProvince) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"StateOrProvince\", contactAddress.stateOrProvince\n+            ));\n+        }\n+        if (contactAddress.postcode) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"PostCode\", contactAddress.postcode\n+            ));\n+        }\n+        if (contactAddress.country) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Country\", contactAddress.country\n+            ));\n+        }\n+        return node;\n     },\n \n     /**\n-     * Method: buildPersonConstructNode\n-     *\n-     * Parameters:\n-     * name - {String}\n-     * value - {Object}\n-     *\n-     * Returns:\n-     * {DOMElement} an Atom person construct node.\n-     *\n-     * Example:\n-     * >>> buildPersonConstructNode(\"author\", {name: \"John Smith\"})\n-     * {<author><name>John Smith</name></author>}\n-     *\n-     * TODO: how to specify extension elements? Add to the oNames array?\n+     * Method: write_ol_MapExtension\n      */\n-    buildPersonConstructNode: function(name, value) {\n-        var oNames = [\"uri\", \"email\"];\n-        var personNode = this.createElementNSPlus(\"atom:\" + name);\n-        personNode.appendChild(\n-            this.createElementNSPlus(\"atom:name\", {\n-                value: value.name\n-            })\n-        );\n-        for (var i = 0, ii = oNames.length; i < ii; i++) {\n-            if (value[oNames[i]]) {\n-                personNode.appendChild(\n-                    this.createElementNSPlus(\"atom:\" + oNames[i], {\n-                        value: value[oNames[i]]\n-                    })\n-                );\n-            }\n+    write_ol_MapExtension: function(context) {\n+        var node = this.createElementDefaultNS(\"Extension\");\n+\n+        var bounds = context.maxExtent;\n+        if (bounds) {\n+            var maxExtent = this.createElementNS(\n+                this.namespaces.ol, \"ol:maxExtent\"\n+            );\n+            this.setAttributes(maxExtent, {\n+                minx: bounds.left.toPrecision(18),\n+                miny: bounds.bottom.toPrecision(18),\n+                maxx: bounds.right.toPrecision(18),\n+                maxy: bounds.top.toPrecision(18)\n+            });\n+            node.appendChild(maxExtent);\n         }\n-        return personNode;\n+\n+        return node;\n     },\n \n     /**\n-     * Method: getFirstChildValue\n+     * Method: write_wmc_LayerList\n+     * Create a LayerList node given an context object.\n      *\n      * Parameters:\n-     * node - {DOMElement}\n-     * nsuri - {String} Child node namespace uri (\"*\" for any).\n-     * name - {String} Child node name.\n-     * def - {String} Optional string default to return if no child found.\n+     * context - {Object} Context object.\n      *\n      * Returns:\n-     * {String} The value of the first child with the given tag name.  Returns\n-     *     default value or empty string if none found.\n+     * {Element} A WMC LayerList element node.\n      */\n-    getFirstChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (nodes && nodes.length > 0) {\n-            value = this.getChildValue(nodes[0], def);\n-        } else {\n-            value = def;\n+    write_wmc_LayerList: function(context) {\n+        var list = this.createElementDefaultNS(\"LayerList\");\n+\n+        for (var i = 0, len = context.layersContext.length; i < len; ++i) {\n+            list.appendChild(this.write_wmc_Layer(context.layersContext[i]));\n         }\n-        return value;\n+\n+        return list;\n     },\n \n     /**\n-     * Method: parseFeature\n-     * Parse feature from an Atom entry node..\n+     * Method: write_wmc_Layer\n+     * Create a Layer node given a layer context object.\n      *\n      * Parameters:\n-     * node - {DOMElement} An Atom entry or feed node.\n+     * context - {Object} A layer context object.}\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n+     * {Element} A WMC Layer element node.\n      */\n-    parseFeature: function(node) {\n-        var atomAttrib = {};\n-        var value = null;\n-        var nodes = null;\n-        var attval = null;\n-        var atomns = this.namespaces.atom;\n-\n-        // atomAuthor*\n-        this.parsePersonConstructs(node, \"author\", atomAttrib);\n-\n-        // atomCategory*\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n-        if (nodes.length > 0) {\n-            atomAttrib.categories = [];\n-        }\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.term = nodes[i].getAttribute(\"term\");\n-            attval = nodes[i].getAttribute(\"scheme\");\n-            if (attval) {\n-                value.scheme = attval;\n-            }\n-            attval = nodes[i].getAttribute(\"label\");\n-            if (attval) {\n-                value.label = attval;\n+    write_wmc_Layer: function(context) {\n+        var node = this.createElementDefaultNS(\n+            \"Layer\", null, {\n+                queryable: context.queryable ? \"1\" : \"0\",\n+                hidden: context.visibility ? \"0\" : \"1\"\n             }\n-            atomAttrib.categories.push(value);\n-        }\n+        );\n \n-        // atomContent?\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n-        if (nodes.length > 0) {\n-            value = {};\n-            attval = nodes[0].getAttribute(\"type\");\n-            if (attval) {\n-                value.type = attval;\n-            }\n-            attval = nodes[0].getAttribute(\"src\");\n-            if (attval) {\n-                value.src = attval;\n-            } else {\n-                if (value.type == \"text\" ||\n-                    value.type == \"html\" ||\n-                    value.type == null) {\n-                    value.value = this.getFirstChildValue(\n-                        node,\n-                        atomns,\n-                        \"content\",\n-                        null\n-                    );\n-                } else if (value.type == \"xhtml\" ||\n-                    value.type.match(/(\\+|\\/)xml$/)) {\n-                    value.value = this.getChildEl(nodes[0]);\n-                } else { // MUST be base64 encoded\n-                    value.value = this.getFirstChildValue(\n-                        node,\n-                        atomns,\n-                        \"content\",\n-                        null\n-                    );\n-                }\n-                atomAttrib.content = value;\n-            }\n-        }\n+        // required Server element\n+        node.appendChild(this.write_wmc_Server(context));\n \n-        // atomContributor*\n-        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n+        // required Name element\n+        node.appendChild(this.createElementDefaultNS(\n+            \"Name\", context.name\n+        ));\n \n-        // atomId\n-        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n+        // required Title element\n+        node.appendChild(this.createElementDefaultNS(\n+            \"Title\", context.title\n+        ));\n \n-        // atomLink*\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n-        if (nodes.length > 0) {\n-            atomAttrib.links = new Array(nodes.length);\n-        }\n-        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.href = nodes[i].getAttribute(\"href\");\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                attval = nodes[i].getAttribute(oAtts[j]);\n-                if (attval) {\n-                    value[oAtts[j]] = attval;\n-                }\n-            }\n-            atomAttrib.links[i] = value;\n+        // optional Abstract element\n+        if (context[\"abstract\"]) {\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Abstract\", context[\"abstract\"]\n+            ));\n         }\n \n-        // atomPublished?\n-        value = this.getFirstChildValue(node, atomns, \"published\", null);\n-        if (value) {\n-            atomAttrib.published = value;\n+        // optional DataURL element\n+        if (context.dataURL) {\n+            node.appendChild(this.write_wmc_URLType(\"DataURL\", context.dataURL));\n         }\n \n-        // atomRights?\n-        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n-        if (value) {\n-            atomAttrib.rights = value;\n+        // optional MetadataURL element\n+        if (context.metadataURL) {\n+            node.appendChild(this.write_wmc_URLType(\"MetadataURL\", context.metadataURL));\n         }\n \n-        // atomSource? -- not implemented\n+        return node;\n+    },\n \n-        // atomSummary?\n-        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n-        if (value) {\n-            atomAttrib.summary = value;\n-        }\n+    /**\n+     * Method: write_wmc_LayerExtension\n+     * Add OpenLayers specific layer parameters to an Extension element.\n+     *\n+     * Parameters:\n+     * context - {Object} A layer context object.\n+     *\n+     * Returns:\n+     * {Element} A WMC Extension element (for a layer).\n+     */\n+    write_wmc_LayerExtension: function(context) {\n+        var node = this.createElementDefaultNS(\"Extension\");\n \n-        // atomTitle\n-        atomAttrib.title = this.getFirstChildValue(\n-            node, atomns, \"title\", null\n+        var bounds = context.maxExtent;\n+        var maxExtent = this.createElementNS(\n+            this.namespaces.ol, \"ol:maxExtent\"\n         );\n+        this.setAttributes(maxExtent, {\n+            minx: bounds.left.toPrecision(18),\n+            miny: bounds.bottom.toPrecision(18),\n+            maxx: bounds.right.toPrecision(18),\n+            maxy: bounds.top.toPrecision(18)\n+        });\n+        node.appendChild(maxExtent);\n \n-        // atomUpdated\n-        atomAttrib.updated = this.getFirstChildValue(\n-            node, atomns, \"updated\", null\n-        );\n+        if (context.tileSize && !context.singleTile) {\n+            var size = this.createElementNS(\n+                this.namespaces.ol, \"ol:tileSize\"\n+            );\n+            this.setAttributes(size, context.tileSize);\n+            node.appendChild(size);\n+        }\n \n-        var featureAttrib = {\n-            title: atomAttrib.title,\n-            description: atomAttrib.summary,\n-            atom: atomAttrib\n-        };\n-        var geometry = this.parseLocations(node)[0];\n-        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n-        feature.fid = atomAttrib.id;\n-        return feature;\n+        var properties = [\n+            \"transparent\", \"numZoomLevels\", \"units\", \"isBaseLayer\",\n+            \"opacity\", \"displayInLayerSwitcher\", \"singleTile\"\n+        ];\n+        var child;\n+        for (var i = 0, len = properties.length; i < len; ++i) {\n+            child = this.createOLPropertyNode(context, properties[i]);\n+            if (child) {\n+                node.appendChild(child);\n+            }\n+        }\n+\n+        return node;\n     },\n \n     /**\n-     * Method: parseFeatures\n-     * Return features from an Atom entry or feed.\n+     * Method: createOLPropertyNode\n+     * Create a node representing an OpenLayers property.  If the property is\n+     *     null or undefined, null will be returned.\n      *\n      * Parameters:\n-     * node - {DOMElement} An Atom entry or feed node.\n+     * obj - {Object} An object.\n+     * prop - {String} A property.\n      *\n      * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n+     * {Element} A property node.\n      */\n-    parseFeatures: function(node) {\n-        var features = [];\n-        var entries = this.getElementsByTagNameNS(\n-            node, this.namespaces.atom, \"entry\"\n-        );\n-        if (entries.length == 0) {\n-            entries = [node];\n-        }\n-        for (var i = 0, ii = entries.length; i < ii; i++) {\n-            features.push(this.parseFeature(entries[i]));\n+    createOLPropertyNode: function(obj, prop) {\n+        var node = null;\n+        if (obj[prop] != null) {\n+            node = this.createElementNS(this.namespaces.ol, \"ol:\" + prop);\n+            node.appendChild(this.createTextNode(obj[prop].toString()));\n         }\n-        return features;\n+        return node;\n     },\n \n     /**\n-     * Method: parseLocations\n-     * Parse the locations from an Atom entry or feed.\n+     * Method: write_wmc_Server\n+     * Create a Server node given a layer context object.\n      *\n      * Parameters:\n-     * node - {DOMElement} An Atom entry or feed node.\n+     * context - {Object} Layer context object.\n      *\n      * Returns:\n-     * Array({<OpenLayers.Geometry>})\n+     * {Element} A WMC Server element node.\n      */\n-    parseLocations: function(node) {\n-        var georssns = this.namespaces.georss;\n-\n-        var locations = {\n-            components: []\n+    write_wmc_Server: function(context) {\n+        var server = context.server;\n+        var node = this.createElementDefaultNS(\"Server\");\n+        var attributes = {\n+            service: \"OGC:WMS\",\n+            version: server.version\n         };\n-        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n-        if (where && where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.initGmlParser();\n-            }\n-            for (var i = 0, ii = where.length; i < ii; i++) {\n-                this.gmlParser.readChildNodes(where[i], locations);\n-            }\n+        if (server.title) {\n+            attributes.title = server.title;\n         }\n+        this.setAttributes(node, attributes);\n \n-        var components = locations.components;\n-        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n-        if (point && point.length > 0) {\n-            for (var i = 0, ii = point.length; i < ii; i++) {\n-                var xy = OpenLayers.String.trim(\n-                    point[i].firstChild.nodeValue\n-                ).split(/\\s+/);\n-                if (xy.length != 2) {\n-                    xy = OpenLayers.String.trim(\n-                        point[i].firstChild.nodeValue\n-                    ).split(/\\s*,\\s*/);\n-                }\n-                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]));\n-            }\n-        }\n+        // required OnlineResource element\n+        node.appendChild(this.write_wmc_OnlineResource(server.url));\n \n-        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n-        if (line && line.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = line.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(\n-                    line[i].firstChild.nodeValue\n-                ).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p);\n+        return node;\n+    },\n+\n+    /**\n+     * Method: write_wmc_URLType\n+     * Create a LogoURL/DescriptionURL/MetadataURL/DataURL/LegendURL node given a object and elementName.\n+     *\n+     * Parameters:\n+     * elName - {String} Name of element (LogoURL/DescriptionURL/MetadataURL/LegendURL)\n+     * url - {String} URL string value\n+     * attr - {Object} Optional attributes (width, height, format)\n+     *\n+     * Returns:\n+     * {Element} A WMC element node.\n+     */\n+    write_wmc_URLType: function(elName, url, attr) {\n+        var node = this.createElementDefaultNS(elName);\n+        node.appendChild(this.write_wmc_OnlineResource(url));\n+        if (attr) {\n+            var optionalAttributes = [\"width\", \"height\", \"format\"];\n+            for (var i = 0; i < optionalAttributes.length; i++) {\n+                if (optionalAttributes[i] in attr) {\n+                    node.setAttribute(optionalAttributes[i], attr[optionalAttributes[i]]);\n                 }\n-                components.push(\n-                    new OpenLayers.Geometry.LineString(points)\n-                );\n             }\n         }\n+        return node;\n+    },\n \n-        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n-        if (polygon && polygon.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = polygon.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(\n-                    polygon[i].firstChild.nodeValue\n-                ).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p);\n+    /**\n+     * Method: write_wmc_DimensionList\n+     */\n+    write_wmc_DimensionList: function(context) {\n+        var node = this.createElementDefaultNS(\"DimensionList\");\n+        var required_attributes = {\n+            name: true,\n+            units: true,\n+            unitSymbol: true,\n+            userValue: true\n+        };\n+        for (var dim in context.dimensions) {\n+            var attributes = {};\n+            var dimension = context.dimensions[dim];\n+            for (var name in dimension) {\n+                if (typeof dimension[name] == \"boolean\") {\n+                    attributes[name] = Number(dimension[name]);\n+                } else {\n+                    attributes[name] = dimension[name];\n                 }\n-                components.push(\n-                    new OpenLayers.Geometry.Polygon(\n-                        [new OpenLayers.Geometry.LinearRing(points)]\n-                    )\n-                );\n             }\n+            var values = \"\";\n+            if (attributes.values) {\n+                values = attributes.values.join(\",\");\n+                delete attributes.values;\n+            }\n+\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Dimension\", values, attributes\n+            ));\n         }\n+        return node;\n+    },\n \n-        if (this.internalProjection && this.externalProjection) {\n-            for (var i = 0, ii = components.length; i < ii; i++) {\n-                if (components[i]) {\n-                    components[i].transform(\n-                        this.externalProjection,\n-                        this.internalProjection\n-                    );\n-                }\n-            }\n+    /**\n+     * Method: write_wmc_FormatList\n+     * Create a FormatList node given a layer context.\n+     *\n+     * Parameters:\n+     * context - {Object} Layer context object.\n+     *\n+     * Returns:\n+     * {Element} A WMC FormatList element node.\n+     */\n+    write_wmc_FormatList: function(context) {\n+        var node = this.createElementDefaultNS(\"FormatList\");\n+        for (var i = 0, len = context.formats.length; i < len; i++) {\n+            var format = context.formats[i];\n+            node.appendChild(this.createElementDefaultNS(\n+                \"Format\",\n+                format.value,\n+                (format.current && format.current == true) ? {\n+                    current: \"1\"\n+                } : null\n+            ));\n         }\n \n-        return components;\n+        return node;\n     },\n \n     /**\n-     * Method: parsePersonConstruct\n-     * Parse Atom person constructs from an Atom entry node.\n+     * Method: write_wmc_StyleList\n+     * Create a StyleList node given a layer context.\n      *\n      * Parameters:\n-     * node - {DOMElement} An Atom entry or feed node.\n-     * name - {String} Construcy name (\"author\" or \"contributor\")\n-     * data = {Object} Object in which to put parsed persons.\n+     * layer - {Object} Layer context object.\n      *\n      * Returns:\n-     * An {Object}.\n+     * {Element} A WMC StyleList element node.\n      */\n-    parsePersonConstructs: function(node, name, data) {\n-        var persons = [];\n-        var atomns = this.namespaces.atom;\n-        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n-        var oAtts = [\"uri\", \"email\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            var value = {};\n-            value.name = this.getFirstChildValue(\n-                nodes[i],\n-                atomns,\n-                \"name\",\n-                null\n-            );\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                var attval = this.getFirstChildValue(\n-                    nodes[i],\n-                    atomns,\n-                    oAtts[j],\n-                    null);\n-                if (attval) {\n-                    value[oAtts[j]] = attval;\n+    write_wmc_StyleList: function(layer) {\n+        var node = this.createElementDefaultNS(\"StyleList\");\n+\n+        var styles = layer.styles;\n+        if (styles && OpenLayers.Util.isArray(styles)) {\n+            var sld;\n+            for (var i = 0, len = styles.length; i < len; i++) {\n+                var s = styles[i];\n+                // three style types to consider\n+                // [1] linked SLD\n+                // [2] inline SLD\n+                // [3] named style\n+                // running child nodes always gets name, optionally gets href or body\n+                var style = this.createElementDefaultNS(\n+                    \"Style\",\n+                    null,\n+                    (s.current && s.current == true) ? {\n+                        current: \"1\"\n+                    } : null\n+                );\n+                if (s.href) { // [1]\n+                    sld = this.createElementDefaultNS(\"SLD\");\n+                    // Name is optional.\n+                    if (s.name) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n+                    }\n+                    // Title is optional.\n+                    if (s.title) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n+                    }\n+                    // LegendURL is optional\n+                    if (s.legend) {\n+                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n+                    }\n+\n+                    var link = this.write_wmc_OnlineResource(s.href);\n+                    sld.appendChild(link);\n+                    style.appendChild(sld);\n+                } else if (s.body) { // [2]\n+                    sld = this.createElementDefaultNS(\"SLD\");\n+                    // Name is optional.\n+                    if (s.name) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n+                    }\n+                    // Title is optional.\n+                    if (s.title) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n+                    }\n+                    // LegendURL is optional\n+                    if (s.legend) {\n+                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n+                    }\n+\n+                    // read in body as xml doc - assume proper namespace declarations\n+                    var doc = OpenLayers.Format.XML.prototype.read.apply(this, [s.body]);\n+                    // append to StyledLayerDescriptor node\n+                    var imported = doc.documentElement;\n+                    if (sld.ownerDocument && sld.ownerDocument.importNode) {\n+                        imported = sld.ownerDocument.importNode(imported, true);\n+                    }\n+                    sld.appendChild(imported);\n+                    style.appendChild(sld);\n+                } else { // [3]\n+                    // both Name and Title are required.\n+                    style.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n+                    style.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n+                    // Abstract is optional\n+                    if (s['abstract']) { // abstract is a js keyword\n+                        style.appendChild(this.createElementDefaultNS(\n+                            \"Abstract\", s['abstract']\n+                        ));\n+                    }\n+                    // LegendURL is optional\n+                    if (s.legend) {\n+                        style.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n+                    }\n                 }\n+                node.appendChild(style);\n             }\n-            persons.push(value);\n         }\n-        if (persons.length > 0) {\n-            data[name + \"s\"] = persons;\n+\n+        return node;\n+    },\n+\n+    /**\n+     * Method: write_wmc_OnlineResource\n+     * Create an OnlineResource node given a URL.\n+     *\n+     * Parameters:\n+     * href - {String} URL for the resource.\n+     *\n+     * Returns:\n+     * {Element} A WMC OnlineResource element node.\n+     */\n+    write_wmc_OnlineResource: function(href) {\n+        var node = this.createElementDefaultNS(\"OnlineResource\");\n+        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:type\", \"simple\");\n+        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:href\", href);\n+        return node;\n+    },\n+\n+    /**\n+     * Method: getOnlineResource_href\n+     */\n+    getOnlineResource_href: function(node) {\n+        var object = {};\n+        var links = node.getElementsByTagName(\"OnlineResource\");\n+        if (links.length > 0) {\n+            this.read_wmc_OnlineResource(object, links[0]);\n         }\n+        return object.href;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.Atom\"\n+\n+    CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Format/WFSDescribeFeatureType.js\n+    OpenLayers/Format/WMC/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n+ * @requires OpenLayers/Format/WMC/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WFSDescribeFeatureType\n- * Read WFS DescribeFeatureType response\n+ * Class: OpenLayers.Format.WMC.v1_1_0\n+ * Read and write WMC version 1.1.0.\n+ *\n+ * Differences between 1.1.0 and 1.0.0:\n+ *     - 1.1.0 Layers have optional sld:MinScaleDenominator and\n+ *       sld:MaxScaleDenominator\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Format.WMC.v1>\n  */\n-OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+OpenLayers.Format.WMC.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMC.v1, {\n \n         /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n+         * Constant: VERSION\n+         * {String} 1.1.0\n          */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g)\n+        VERSION: \"1.1.0\",\n+\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/context\n+         *     http://schemas.opengis.net/context/1.1.0/context.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.1.0/context.xsd\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WMC.v1_1_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.WMC> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n+                this, [options]\n+            );\n+        },\n+\n+        /**\n+         * Method: read_sld_MinScaleDenominator\n+         * Read a sld:MinScaleDenominator node.\n+         *\n+         * Parameters:\n+         * layerContext - {Object} An object representing a layer.\n+         * node - {Element} An element node.\n+         */\n+        read_sld_MinScaleDenominator: function(layerContext, node) {\n+            var minScaleDenominator = parseFloat(this.getChildValue(node));\n+            if (minScaleDenominator > 0) {\n+                layerContext.maxScale = minScaleDenominator;\n+            }\n+        },\n+\n+        /**\n+         * Method: read_sld_MaxScaleDenominator\n+         * Read a sld:MaxScaleDenominator node.\n+         *\n+         * Parameters:\n+         * layerContext - {Object} An object representing a layer.\n+         * node - {Element} An element node.\n+         */\n+        read_sld_MaxScaleDenominator: function(layerContext, node) {\n+            layerContext.minScale = parseFloat(this.getChildValue(node));\n+        },\n+\n+        /**\n+         * Method: read_wmc_SRS\n+         */\n+        read_wmc_SRS: function(layerContext, node) {\n+            if (!(\"srs\" in layerContext)) {\n+                layerContext.srs = {};\n+            }\n+            layerContext.srs[this.getChildValue(node)] = true;\n+        },\n+\n+        /**\n+         * Method: write_wmc_Layer\n+         * Create a Layer node given a layer context object. This method adds\n+         *     elements specific to version 1.1.0.\n+         *\n+         * Parameters:\n+         * context - {Object} A layer context object.}\n+         *\n+         * Returns:\n+         * {Element} A WMC Layer element node.\n+         */\n+        write_wmc_Layer: function(context) {\n+            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n+                this, [context]\n+            );\n+\n+            // min/max scale denominator elements go before the 4th element in v1\n+            if (context.maxScale) {\n+                var minSD = this.createElementNS(\n+                    this.namespaces.sld, \"sld:MinScaleDenominator\"\n+                );\n+                minSD.appendChild(this.createTextNode(context.maxScale.toPrecision(16)));\n+                node.appendChild(minSD);\n+            }\n+\n+            if (context.minScale) {\n+                var maxSD = this.createElementNS(\n+                    this.namespaces.sld, \"sld:MaxScaleDenominator\"\n+                );\n+                maxSD.appendChild(this.createTextNode(context.minScale.toPrecision(16)));\n+                node.appendChild(maxSD);\n+            }\n+\n+            // optional SRS element(s)\n+            if (context.srs) {\n+                for (var name in context.srs) {\n+                    node.appendChild(this.createElementDefaultNS(\"SRS\", name));\n+                }\n+            }\n+\n+            // optional FormatList element\n+            node.appendChild(this.write_wmc_FormatList(context));\n+\n+            // optional StyleList element\n+            node.appendChild(this.write_wmc_StyleList(context));\n+\n+            // optional DimensionList element\n+            if (context.dimensions) {\n+                node.appendChild(this.write_wmc_DimensionList(context));\n+            }\n+\n+            // OpenLayers specific properties go in an Extension element\n+            node.appendChild(this.write_wmc_LayerExtension(context));\n+\n+            return node;\n+\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMC/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMC/v1.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMC.v1_0_0\n+ * Read and write WMC version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMC.v1>\n+ */\n+OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMC.v1, {\n+\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n+\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/context\n+         *     http://schemas.opengis.net/context/1.0.0/context.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WMC.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.WMC> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n+                this, [options]\n+            );\n+        },\n+\n+        /**\n+         * Method: read_wmc_SRS\n+         */\n+        read_wmc_SRS: function(layerContext, node) {\n+            var srs = this.getChildValue(node);\n+            if (typeof layerContext.projections != \"object\") {\n+                layerContext.projections = {};\n+            }\n+            var values = srs.split(/ +/);\n+            for (var i = 0, len = values.length; i < len; i++) {\n+                layerContext.projections[values[i]] = true;\n+            }\n+        },\n+\n+        /**\n+         * Method: write_wmc_Layer\n+         * Create a Layer node given a layer context object. This method adds\n+         *     elements specific to version 1.0.0.\n+         *\n+         * Parameters:\n+         * context - {Object} A layer context object.}\n+         *\n+         * Returns:\n+         * {Element} A WMC Layer element node.\n+         */\n+        write_wmc_Layer: function(context) {\n+            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n+                this, [context]\n+            );\n+\n+            // optional SRS element(s)\n+            if (context.srs) {\n+                var projections = [];\n+                for (var name in context.srs) {\n+                    projections.push(name);\n+                }\n+                node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")));\n+            }\n+\n+            // optional FormatList element\n+            node.appendChild(this.write_wmc_FormatList(context));\n+\n+            // optional StyleList element\n+            node.appendChild(this.write_wmc_StyleList(context));\n+\n+            // optional DimensionList element\n+            if (context.dimensions) {\n+                node.appendChild(this.write_wmc_DimensionList(context));\n+            }\n+\n+            // OpenLayers specific properties go in an Extension element\n+            node.appendChild(this.write_wmc_LayerExtension(context));\n         },\n \n+        CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities/v1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n+ * @requires OpenLayers/Format/XML.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities.v1\n+ * Abstract class not to be instantiated directly. Creates\n+ * the common parts for both WMS 1.1.X and WMS 1.3.X.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n+\n         /**\n          * Property: namespaces\n          * {Object} Mapping of namespace aliases to namespace URIs.\n          */\n         namespaces: {\n-            xsd: \"http://www.w3.org/2001/XMLSchema\"\n+            wms: \"http://www.opengis.net/wms\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n         },\n \n         /**\n-         * Constructor: OpenLayers.Format.WFSDescribeFeatureType\n-         * Create a new parser for WFS DescribeFeatureType responses.\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wms\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1\n+         * Create an instance of one of the subclasses.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n \n         /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return a list of layers. \n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Array} List of named layers.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            var raw = data;\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            if (capabilities.service === undefined) {\n+                // an exception must have occurred, so parse it\n+                var parser = new OpenLayers.Format.OGCExceptionReport();\n+                capabilities.error = parser.read(raw);\n+            }\n+            return capabilities;\n+        },\n+\n+        /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"xsd\": {\n-                \"schema\": function(node, obj) {\n-                    var complexTypes = [];\n-                    var customTypes = {};\n-                    var schema = {\n-                        complexTypes: complexTypes,\n-                        customTypes: customTypes\n+            \"wms\": {\n+                \"Service\": function(node, obj) {\n+                    obj.service = {};\n+                    this.readChildNodes(node, obj.service);\n+                },\n+                \"Name\": function(node, obj) {\n+                    obj.name = this.getChildValue(node);\n+                },\n+                \"Title\": function(node, obj) {\n+                    obj.title = this.getChildValue(node);\n+                },\n+                \"Abstract\": function(node, obj) {\n+                    obj[\"abstract\"] = this.getChildValue(node);\n+                },\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = {};\n+                    bbox.bbox = [\n+                        parseFloat(node.getAttribute(\"minx\")),\n+                        parseFloat(node.getAttribute(\"miny\")),\n+                        parseFloat(node.getAttribute(\"maxx\")),\n+                        parseFloat(node.getAttribute(\"maxy\"))\n+                    ];\n+                    var res = {\n+                        x: parseFloat(node.getAttribute(\"resx\")),\n+                        y: parseFloat(node.getAttribute(\"resy\"))\n                     };\n-                    var i, len;\n-\n-                    this.readChildNodes(node, schema);\n \n-                    var attributes = node.attributes;\n-                    var attr, name;\n-                    for (i = 0, len = attributes.length; i < len; ++i) {\n-                        attr = attributes[i];\n-                        name = attr.name;\n-                        if (name.indexOf(\"xmlns\") === 0) {\n-                            this.setNamespace(name.split(\":\")[1] || \"\", attr.value);\n-                        } else {\n-                            obj[name] = attr.value;\n-                        }\n+                    if (!(isNaN(res.x) && isNaN(res.y))) {\n+                        bbox.res = res;\n                     }\n-                    obj.featureTypes = complexTypes;\n-                    obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n-\n-                    // map complexTypes to names of customTypes\n-                    var complexType, customType;\n-                    for (i = 0, len = complexTypes.length; i < len; ++i) {\n-                        complexType = complexTypes[i];\n-                        customType = customTypes[complexType.typeName];\n-                        if (customTypes[complexType.typeName]) {\n-                            complexType.typeName = customType.name;\n-                        }\n+                    // return the bbox so that descendant classes can set the\n+                    // CRS and SRS and add it to the obj\n+                    return bbox;\n+                },\n+                \"OnlineResource\": function(node, obj) {\n+                    obj.href = this.getAttributeNS(node, this.namespaces.xlink,\n+                        \"href\");\n+                },\n+                \"ContactInformation\": function(node, obj) {\n+                    obj.contactInformation = {};\n+                    this.readChildNodes(node, obj.contactInformation);\n+                },\n+                \"ContactPersonPrimary\": function(node, obj) {\n+                    obj.personPrimary = {};\n+                    this.readChildNodes(node, obj.personPrimary);\n+                },\n+                \"ContactPerson\": function(node, obj) {\n+                    obj.person = this.getChildValue(node);\n+                },\n+                \"ContactOrganization\": function(node, obj) {\n+                    obj.organization = this.getChildValue(node);\n+                },\n+                \"ContactPosition\": function(node, obj) {\n+                    obj.position = this.getChildValue(node);\n+                },\n+                \"ContactAddress\": function(node, obj) {\n+                    obj.contactAddress = {};\n+                    this.readChildNodes(node, obj.contactAddress);\n+                },\n+                \"AddressType\": function(node, obj) {\n+                    obj.type = this.getChildValue(node);\n+                },\n+                \"Address\": function(node, obj) {\n+                    obj.address = this.getChildValue(node);\n+                },\n+                \"City\": function(node, obj) {\n+                    obj.city = this.getChildValue(node);\n+                },\n+                \"StateOrProvince\": function(node, obj) {\n+                    obj.stateOrProvince = this.getChildValue(node);\n+                },\n+                \"PostCode\": function(node, obj) {\n+                    obj.postcode = this.getChildValue(node);\n+                },\n+                \"Country\": function(node, obj) {\n+                    obj.country = this.getChildValue(node);\n+                },\n+                \"ContactVoiceTelephone\": function(node, obj) {\n+                    obj.phone = this.getChildValue(node);\n+                },\n+                \"ContactFacsimileTelephone\": function(node, obj) {\n+                    obj.fax = this.getChildValue(node);\n+                },\n+                \"ContactElectronicMailAddress\": function(node, obj) {\n+                    obj.email = this.getChildValue(node);\n+                },\n+                \"Fees\": function(node, obj) {\n+                    var fees = this.getChildValue(node);\n+                    if (fees && fees.toLowerCase() != \"none\") {\n+                        obj.fees = fees;\n                     }\n                 },\n-                \"complexType\": function(node, obj) {\n-                    var complexType = {\n-                        // this is a temporary typeName, it will be overwritten by\n-                        // the schema reader with the metadata found in the\n-                        // customTypes hash\n-                        \"typeName\": node.getAttribute(\"name\")\n+                \"AccessConstraints\": function(node, obj) {\n+                    var constraints = this.getChildValue(node);\n+                    if (constraints && constraints.toLowerCase() != \"none\") {\n+                        obj.accessConstraints = constraints;\n+                    }\n+                },\n+                \"Capability\": function(node, obj) {\n+                    obj.capability = {\n+                        nestedLayers: [],\n+                        layers: []\n                     };\n-                    this.readChildNodes(node, complexType);\n-                    obj.complexTypes.push(complexType);\n+                    this.readChildNodes(node, obj.capability);\n                 },\n-                \"complexContent\": function(node, obj) {\n+                \"Request\": function(node, obj) {\n+                    obj.request = {};\n+                    this.readChildNodes(node, obj.request);\n+                },\n+                \"GetCapabilities\": function(node, obj) {\n+                    obj.getcapabilities = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getcapabilities);\n+                },\n+                \"Format\": function(node, obj) {\n+                    if (OpenLayers.Util.isArray(obj.formats)) {\n+                        obj.formats.push(this.getChildValue(node));\n+                    } else {\n+                        obj.format = this.getChildValue(node);\n+                    }\n+                },\n+                \"DCPType\": function(node, obj) {\n                     this.readChildNodes(node, obj);\n                 },\n-                \"extension\": function(node, obj) {\n+                \"HTTP\": function(node, obj) {\n                     this.readChildNodes(node, obj);\n                 },\n-                \"sequence\": function(node, obj) {\n-                    var sequence = {\n-                        elements: []\n+                \"Get\": function(node, obj) {\n+                    obj.get = {};\n+                    this.readChildNodes(node, obj.get);\n+                    // backwards compatibility\n+                    if (!obj.href) {\n+                        obj.href = obj.get.href;\n+                    }\n+                },\n+                \"Post\": function(node, obj) {\n+                    obj.post = {};\n+                    this.readChildNodes(node, obj.post);\n+                    // backwards compatibility\n+                    if (!obj.href) {\n+                        obj.href = obj.get.href;\n+                    }\n+                },\n+                \"GetMap\": function(node, obj) {\n+                    obj.getmap = {\n+                        formats: []\n                     };\n-                    this.readChildNodes(node, sequence);\n-                    obj.properties = sequence.elements;\n+                    this.readChildNodes(node, obj.getmap);\n                 },\n-                \"element\": function(node, obj) {\n-                    var type;\n-                    if (obj.elements) {\n-                        var element = {};\n-                        var attributes = node.attributes;\n-                        var attr;\n-                        for (var i = 0, len = attributes.length; i < len; ++i) {\n-                            attr = attributes[i];\n-                            element[attr.name] = attr.value;\n+                \"GetFeatureInfo\": function(node, obj) {\n+                    obj.getfeatureinfo = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getfeatureinfo);\n+                },\n+                \"Exception\": function(node, obj) {\n+                    obj.exception = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.exception);\n+                },\n+                \"Layer\": function(node, obj) {\n+                    var parentLayer, capability;\n+                    if (obj.capability) {\n+                        capability = obj.capability;\n+                        parentLayer = obj;\n+                    } else {\n+                        capability = obj;\n+                    }\n+                    var attrNode = node.getAttributeNode(\"queryable\");\n+                    var queryable = (attrNode && attrNode.specified) ?\n+                        node.getAttribute(\"queryable\") : null;\n+                    attrNode = node.getAttributeNode(\"cascaded\");\n+                    var cascaded = (attrNode && attrNode.specified) ?\n+                        node.getAttribute(\"cascaded\") : null;\n+                    attrNode = node.getAttributeNode(\"opaque\");\n+                    var opaque = (attrNode && attrNode.specified) ?\n+                        node.getAttribute('opaque') : null;\n+                    var noSubsets = node.getAttribute('noSubsets');\n+                    var fixedWidth = node.getAttribute('fixedWidth');\n+                    var fixedHeight = node.getAttribute('fixedHeight');\n+                    var parent = parentLayer || {},\n+                        extend = OpenLayers.Util.extend;\n+                    var layer = {\n+                        nestedLayers: [],\n+                        styles: parentLayer ? [].concat(parentLayer.styles) : [],\n+                        srs: parentLayer ? extend({}, parent.srs) : {},\n+                        metadataURLs: [],\n+                        bbox: parentLayer ? extend({}, parent.bbox) : {},\n+                        llbbox: parent.llbbox,\n+                        dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n+                        authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n+                        identifiers: {},\n+                        keywords: [],\n+                        queryable: (queryable && queryable !== \"\") ?\n+                            (queryable === \"1\" || queryable === \"true\") : (parent.queryable || false),\n+                        cascaded: (cascaded !== null) ? parseInt(cascaded) : (parent.cascaded || 0),\n+                        opaque: opaque ?\n+                            (opaque === \"1\" || opaque === \"true\") : (parent.opaque || false),\n+                        noSubsets: (noSubsets !== null) ?\n+                            (noSubsets === \"1\" || noSubsets === \"true\") : (parent.noSubsets || false),\n+                        fixedWidth: (fixedWidth != null) ?\n+                            parseInt(fixedWidth) : (parent.fixedWidth || 0),\n+                        fixedHeight: (fixedHeight != null) ?\n+                            parseInt(fixedHeight) : (parent.fixedHeight || 0),\n+                        minScale: parent.minScale,\n+                        maxScale: parent.maxScale,\n+                        attribution: parent.attribution\n+                    };\n+                    obj.nestedLayers.push(layer);\n+                    layer.capability = capability;\n+                    this.readChildNodes(node, layer);\n+                    delete layer.capability;\n+                    if (layer.name) {\n+                        var parts = layer.name.split(\":\"),\n+                            request = capability.request,\n+                            gfi = request.getfeatureinfo;\n+                        if (parts.length > 0) {\n+                            layer.prefix = parts[0];\n                         }\n-\n-                        type = element.type;\n-                        if (!type) {\n-                            type = {};\n-                            this.readChildNodes(node, type);\n-                            element.restriction = type;\n-                            element.type = type.base;\n+                        capability.layers.push(layer);\n+                        if (layer.formats === undefined) {\n+                            layer.formats = request.getmap.formats;\n+                        }\n+                        if (layer.infoFormats === undefined && gfi) {\n+                            layer.infoFormats = gfi.formats;\n                         }\n-                        var fullType = type.base || type;\n-                        element.localType = fullType.split(\":\").pop();\n-                        obj.elements.push(element);\n-                        this.readChildNodes(node, element);\n-                    }\n-\n-                    if (obj.complexTypes) {\n-                        type = node.getAttribute(\"type\");\n-                        var localType = type.split(\":\").pop();\n-                        obj.customTypes[localType] = {\n-                            \"name\": node.getAttribute(\"name\"),\n-                            \"type\": type\n-                        };\n                     }\n                 },\n-                \"annotation\": function(node, obj) {\n-                    obj.annotation = {};\n-                    this.readChildNodes(node, obj.annotation);\n+                \"Attribution\": function(node, obj) {\n+                    obj.attribution = {};\n+                    this.readChildNodes(node, obj.attribution);\n                 },\n-                \"appinfo\": function(node, obj) {\n-                    if (!obj.appinfo) {\n-                        obj.appinfo = [];\n-                    }\n-                    obj.appinfo.push(this.getChildValue(node));\n+                \"LogoURL\": function(node, obj) {\n+                    obj.logo = {\n+                        width: node.getAttribute(\"width\"),\n+                        height: node.getAttribute(\"height\")\n+                    };\n+                    this.readChildNodes(node, obj.logo);\n                 },\n-                \"documentation\": function(node, obj) {\n-                    if (!obj.documentation) {\n-                        obj.documentation = [];\n-                    }\n-                    var value = this.getChildValue(node);\n-                    obj.documentation.push({\n-                        lang: node.getAttribute(\"xml:lang\"),\n-                        textContent: value.replace(this.regExes.trimSpace, \"\")\n-                    });\n+                \"Style\": function(node, obj) {\n+                    var style = {};\n+                    obj.styles.push(style);\n+                    this.readChildNodes(node, style);\n                 },\n-                \"simpleType\": function(node, obj) {\n+                \"LegendURL\": function(node, obj) {\n+                    var legend = {\n+                        width: node.getAttribute(\"width\"),\n+                        height: node.getAttribute(\"height\")\n+                    };\n+                    obj.legend = legend;\n+                    this.readChildNodes(node, legend);\n+                },\n+                \"MetadataURL\": function(node, obj) {\n+                    var metadataURL = {\n+                        type: node.getAttribute(\"type\")\n+                    };\n+                    obj.metadataURLs.push(metadataURL);\n+                    this.readChildNodes(node, metadataURL);\n+                },\n+                \"DataURL\": function(node, obj) {\n+                    obj.dataURL = {};\n+                    this.readChildNodes(node, obj.dataURL);\n+                },\n+                \"FeatureListURL\": function(node, obj) {\n+                    obj.featureListURL = {};\n+                    this.readChildNodes(node, obj.featureListURL);\n+                },\n+                \"AuthorityURL\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\");\n+                    var authority = {};\n+                    this.readChildNodes(node, authority);\n+                    obj.authorityURLs[name] = authority.href;\n+                },\n+                \"Identifier\": function(node, obj) {\n+                    var authority = node.getAttribute(\"authority\");\n+                    obj.identifiers[authority] = this.getChildValue(node);\n+                },\n+                \"KeywordList\": function(node, obj) {\n                     this.readChildNodes(node, obj);\n                 },\n-                \"restriction\": function(node, obj) {\n-                    obj.base = node.getAttribute(\"base\");\n-                    this.readRestriction(node, obj);\n+                \"SRS\": function(node, obj) {\n+                    obj.srs[this.getChildValue(node)] = true;\n                 }\n             }\n         },\n \n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities/v1_1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities/v1.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities.v1_1\n+ * Abstract class not to be instantiated directly.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSCapabilities.v1>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1, {\n+\n         /**\n-         * Method: readRestriction\n-         * Reads restriction defined in the child nodes of a restriction element\n-         * \n-         * Parameters:\n-         * node - {DOMElement} the node to parse\n-         * obj - {Object} the object that receives the read result\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n          */\n-        readRestriction: function(node, obj) {\n-            var children = node.childNodes;\n-            var child, nodeName, value;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    nodeName = child.nodeName.split(\":\").pop();\n-                    value = child.getAttribute(\"value\");\n-                    if (!obj[nodeName]) {\n-                        obj[nodeName] = value;\n-                    } else {\n-                        if (typeof obj[nodeName] == \"string\") {\n-                            obj[nodeName] = [obj[nodeName]];\n-                        }\n-                        obj[nodeName].push(value);\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"WMT_MS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Keyword\": function(node, obj) {\n+                    if (obj.keywords) {\n+                        obj.keywords.push(this.getChildValue(node));\n+                    }\n+                },\n+                \"DescribeLayer\": function(node, obj) {\n+                    obj.describelayer = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.describelayer);\n+                },\n+                \"GetLegendGraphic\": function(node, obj) {\n+                    obj.getlegendgraphic = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getlegendgraphic);\n+                },\n+                \"GetStyles\": function(node, obj) {\n+                    obj.getstyles = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getstyles);\n+                },\n+                \"PutStyles\": function(node, obj) {\n+                    obj.putstyles = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.putstyles);\n+                },\n+                \"UserDefinedSymbolization\": function(node, obj) {\n+                    var userSymbols = {\n+                        supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n+                        userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n+                        userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n+                        remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n+                    };\n+                    obj.userSymbols = userSymbols;\n+                },\n+                \"LatLonBoundingBox\": function(node, obj) {\n+                    obj.llbbox = [\n+                        parseFloat(node.getAttribute(\"minx\")),\n+                        parseFloat(node.getAttribute(\"miny\")),\n+                        parseFloat(node.getAttribute(\"maxx\")),\n+                        parseFloat(node.getAttribute(\"maxy\"))\n+                    ];\n+                },\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                    bbox.srs = node.getAttribute(\"SRS\");\n+                    obj.bbox[bbox.srs] = bbox;\n+                },\n+                \"ScaleHint\": function(node, obj) {\n+                    var min = node.getAttribute(\"min\");\n+                    var max = node.getAttribute(\"max\");\n+                    var rad2 = Math.pow(2, 0.5);\n+                    var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n+                    if (min != 0) {\n+                        obj.maxScale = parseFloat(\n+                            ((min / rad2) * ipm *\n+                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n+                        );\n+                    }\n+                    if (max != Number.POSITIVE_INFINITY) {\n+                        obj.minScale = parseFloat(\n+                            ((max / rad2) * ipm *\n+                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n+                        );\n+                    }\n+                },\n+                \"Dimension\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    var dim = {\n+                        name: name,\n+                        units: node.getAttribute(\"units\"),\n+                        unitsymbol: node.getAttribute(\"unitSymbol\")\n+                    };\n+                    obj.dimensions[dim.name] = dim;\n+                },\n+                \"Extent\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    if (name in obj[\"dimensions\"]) {\n+                        var extent = obj.dimensions[name];\n+                        extent.nearestVal =\n+                            node.getAttribute(\"nearestValue\") === \"1\";\n+                        extent.multipleVal =\n+                            node.getAttribute(\"multipleValues\") === \"1\";\n+                        extent.current = node.getAttribute(\"current\") === \"1\";\n+                        extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n+                        var values = this.getChildValue(node);\n+                        extent.values = values.split(\",\");\n                     }\n                 }\n-            }\n+            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n         },\n \n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities/v1_1_1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_1\n+ * Read WMS Capabilities version 1.1.1.\n+ *\n+ * Note on <ScaleHint> parsing: If the 'min' attribute is set to \"0\", no\n+ * maxScale will be set on the layer object. If the 'max' attribute is set to\n+ * \"Infinity\", no minScale will be set. This makes it easy to create proper\n+ * {<OpenLayers.Layer.WMS>} configurations directly from the layer object\n+ * literals returned by this format, because no minScale/maxScale modifications\n+ * need to be made.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1, {\n+\n         /**\n-         * Method: read\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.1.1\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n+         * Create a new parser for WMS capabilities version 1.1.1.\n          *\n          * Parameters:\n-         * data - {DOMElement|String} A WFS DescribeFeatureType document.\n-         *\n-         * Returns:\n-         * {Object} An object representing the WFS DescribeFeatureType response.\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n          */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var schema = {};\n-            if (data.nodeName.split(\":\").pop() === 'ExceptionReport') {\n-                // an exception must have occurred, so parse it\n-                var parser = new OpenLayers.Format.OGCExceptionReport();\n-                schema.error = parser.read(data);\n-            } else {\n-                this.readNode(data, schema);\n-            }\n-            return schema;\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"SRS\": function(node, obj) {\n+                    obj.srs[this.getChildValue(node)] = true;\n+                }\n+            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WMSCapabilities.js\n+    OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1_1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSCapabilities\n- * Read WMS Capabilities.\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_1_WMSC\n+ * Read WMS-C Capabilities version 1.1.1.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1_1>\n  */\n-OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1_1, {\n \n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n-     */\n-    defaultVersion: \"1.1.1\",\n+        /**\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.1.1\",\n \n-    /**\n-     * APIProperty: profile\n-     * {String} If provided, use a custom profile.\n-     *\n-     * Currently supported profiles:\n-     * - WMSC - parses vendor specific capabilities for WMS-C.\n-     */\n-    profile: null,\n+        /**\n+         * Property: profile\n+         * {String} The specific profile\n+         */\n+        profile: \"WMSC\",\n \n-    /**\n-     * Constructor: OpenLayers.Format.WMSCapabilities\n-     * Create a new parser for WMS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n+        /**\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n+         * Create a new parser for WMS-C capabilities version 1.1.1.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of layers. \n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array} List of named layers.\n-     */\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"VendorSpecificCapabilities\": function(node, obj) {\n+                    obj.vendorSpecific = {\n+                        tileSets: []\n+                    };\n+                    this.readChildNodes(node, obj.vendorSpecific);\n+                },\n+                \"TileSet\": function(node, vendorSpecific) {\n+                    var tileset = {\n+                        srs: {},\n+                        bbox: {},\n+                        resolutions: []\n+                    };\n+                    this.readChildNodes(node, tileset);\n+                    vendorSpecific.tileSets.push(tileset);\n+                },\n+                \"Resolutions\": function(node, tileset) {\n+                    var res = this.getChildValue(node).split(\" \");\n+                    for (var i = 0, len = res.length; i < len; i++) {\n+                        if (res[i] != \"\") {\n+                            tileset.resolutions.push(parseFloat(res[i]));\n+                        }\n+                    }\n+                },\n+                \"Width\": function(node, tileset) {\n+                    tileset.width = parseInt(this.getChildValue(node));\n+                },\n+                \"Height\": function(node, tileset) {\n+                    tileset.height = parseInt(this.getChildValue(node));\n+                },\n+                \"Layers\": function(node, tileset) {\n+                    tileset.layers = this.getChildValue(node);\n+                },\n+                \"Styles\": function(node, tileset) {\n+                    tileset.styles = this.getChildValue(node);\n+                }\n+            }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n \n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Format/WMC.js\n+    OpenLayers/Format/WMSCapabilities/v1_3.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/Context.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMC\n- * Read and write Web Map Context documents.\n- *\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_3\n+ * Abstract base class for WMS Capabilities version 1.3.X. \n+ * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n+ * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Format.Context>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1>\n  */\n-OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n-     */\n-    defaultVersion: \"1.1.0\",\n+OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1, {\n \n-    /**\n-     * Constructor: OpenLayers.Format.WMC\n-     * Create a new parser for Web Map Context documents.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"WMS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"LayerLimit\": function(node, obj) {\n+                    obj.layerLimit = parseInt(this.getChildValue(node));\n+                },\n+                \"MaxWidth\": function(node, obj) {\n+                    obj.maxWidth = parseInt(this.getChildValue(node));\n+                },\n+                \"MaxHeight\": function(node, obj) {\n+                    obj.maxHeight = parseInt(this.getChildValue(node));\n+                },\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                    bbox.srs = node.getAttribute(\"CRS\");\n+                    obj.bbox[bbox.srs] = bbox;\n+                },\n+                \"CRS\": function(node, obj) {\n+                    // CRS is the synonym of SRS\n+                    this.readers.wms.SRS.apply(this, [node, obj]);\n+                },\n+                \"EX_GeographicBoundingBox\": function(node, obj) {\n+                    // replacement of LatLonBoundingBox\n+                    obj.llbbox = [];\n+                    this.readChildNodes(node, obj.llbbox);\n \n-    /**\n-     * Method: layerToContext\n-     * Create a layer context object given a wms layer object.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>} The layer.\n-     *\n-     * Returns:\n-     * {Object} A layer context object.\n-     */\n-    layerToContext: function(layer) {\n-        var parser = this.getParser();\n-        var layerContext = {\n-            queryable: layer.queryable,\n-            visibility: layer.visibility,\n-            name: layer.params[\"LAYERS\"],\n-            title: layer.name,\n-            \"abstract\": layer.metadata[\"abstract\"],\n-            dataURL: layer.metadata.dataURL,\n-            metadataURL: layer.metadataURL,\n-            server: {\n-                version: layer.params[\"VERSION\"],\n-                url: layer.url\n-            },\n-            maxExtent: layer.maxExtent,\n-            transparent: layer.params[\"TRANSPARENT\"],\n-            numZoomLevels: layer.numZoomLevels,\n-            units: layer.units,\n-            isBaseLayer: layer.isBaseLayer,\n-            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n-            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n-            singleTile: layer.singleTile,\n-            tileSize: (layer.singleTile || !layer.tileSize) ?\n-                undefined : {\n-                    width: layer.tileSize.w,\n-                    height: layer.tileSize.h\n                 },\n-            minScale: (layer.options.resolutions ||\n-                    layer.options.scales ||\n-                    layer.options.maxResolution ||\n-                    layer.options.minScale) ?\n-                layer.minScale : undefined,\n-            maxScale: (layer.options.resolutions ||\n-                    layer.options.scales ||\n-                    layer.options.minResolution ||\n-                    layer.options.maxScale) ?\n-                layer.maxScale : undefined,\n-            formats: [],\n-            styles: [],\n-            srs: layer.srs,\n-            dimensions: layer.dimensions\n-        };\n+                \"westBoundLongitude\": function(node, obj) {\n+                    obj[0] = this.getChildValue(node);\n+                },\n+                \"eastBoundLongitude\": function(node, obj) {\n+                    obj[2] = this.getChildValue(node);\n+                },\n+                \"southBoundLatitude\": function(node, obj) {\n+                    obj[1] = this.getChildValue(node);\n+                },\n+                \"northBoundLatitude\": function(node, obj) {\n+                    obj[3] = this.getChildValue(node);\n+                },\n+                \"MinScaleDenominator\": function(node, obj) {\n+                    obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n+                },\n+                \"MaxScaleDenominator\": function(node, obj) {\n+                    obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n+                },\n+                \"Dimension\": function(node, obj) {\n+                    // dimension has extra attributes: default, multipleValues, \n+                    // nearestValue, current which used to be part of Extent. It now\n+                    // also contains the values.\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    var dim = {\n+                        name: name,\n+                        units: node.getAttribute(\"units\"),\n+                        unitsymbol: node.getAttribute(\"unitSymbol\"),\n+                        nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n+                        multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n+                        \"default\": node.getAttribute(\"default\") || \"\",\n+                        current: node.getAttribute(\"current\") === \"1\",\n+                        values: this.getChildValue(node).split(\",\")\n \n+                    };\n+                    // Theoretically there can be more dimensions with the same\n+                    // name, but with a different unit. Until we meet such a case,\n+                    // let's just keep the same structure as the WMS 1.1 \n+                    // GetCapabilities parser uses. We will store the last\n+                    // one encountered.\n+                    obj.dimensions[dim.name] = dim;\n+                },\n+                \"Keyword\": function(node, obj) {\n+                    // TODO: should we change the structure of keyword in v1.js?\n+                    // Make it an object with a value instead of a string?\n+                    var keyword = {\n+                        value: this.getChildValue(node),\n+                        vocabulary: node.getAttribute(\"vocabulary\")\n+                    };\n+                    if (obj.keywords) {\n+                        obj.keywords.push(keyword);\n+                    }\n+                }\n+            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n+            \"sld\": {\n+                \"UserDefinedSymbolization\": function(node, obj) {\n+                    this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n+                    // add the two extra attributes\n+                    obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n+                    obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1;\n+                },\n+                \"DescribeLayer\": function(node, obj) {\n+                    this.readers.wms.DescribeLayer.apply(this, [node, obj]);\n+                },\n+                \"GetLegendGraphic\": function(node, obj) {\n+                    this.readers.wms.GetLegendGraphic.apply(this, [node, obj]);\n+                }\n+            }\n+        },\n \n-        if (layer.metadata.servertitle) {\n-            layerContext.server.title = layer.metadata.servertitle;\n-        }\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n \n-        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n-            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n-                var format = layer.metadata.formats[i];\n-                layerContext.formats.push({\n-                    value: format.value,\n-                    current: (format.value == layer.params[\"FORMAT\"])\n-                });\n-            }\n-        } else {\n-            layerContext.formats.push({\n-                value: layer.params[\"FORMAT\"],\n-                current: true\n-            });\n-        }\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities/v1_1_0.js\n+   ====================================================================== */\n \n-        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n-            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n-                var style = layer.metadata.styles[i];\n-                if ((style.href == layer.params[\"SLD\"]) ||\n-                    (style.body == layer.params[\"SLD_BODY\"]) ||\n-                    (style.name == layer.params[\"STYLES\"])) {\n-                    style.current = true;\n-                } else {\n-                    style.current = false;\n-                }\n-                layerContext.styles.push(style);\n-            }\n-        } else {\n-            layerContext.styles.push({\n-                href: layer.params[\"SLD\"],\n-                body: layer.params[\"SLD_BODY\"],\n-                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n-                title: parser.defaultStyleTitle,\n-                current: true\n-            });\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        return layerContext;\n-    },\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n+ */\n \n-    /**\n-     * Method: toContext\n-     * Create a context object free from layer given a map or a\n-     * context object.\n-     *\n-     * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} The map or context.\n-     *\n-     * Returns:\n-     * {Object} A context object.\n-     */\n-    toContext: function(obj) {\n-        var context = {};\n-        var layers = obj.layers;\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            var metadata = obj.metadata || {};\n-            context.size = obj.getSize();\n-            context.bounds = obj.getExtent();\n-            context.projection = obj.projection;\n-            context.title = obj.title;\n-            context.keywords = metadata.keywords;\n-            context[\"abstract\"] = metadata[\"abstract\"];\n-            context.logo = metadata.logo;\n-            context.descriptionURL = metadata.descriptionURL;\n-            context.contactInformation = metadata.contactInformation;\n-            context.maxExtent = obj.maxExtent;\n-        } else {\n-            // copy all obj properties except the \"layers\" property\n-            OpenLayers.Util.applyDefaults(context, obj);\n-            if (context.layers != undefined) {\n-                delete(context.layers);\n-            }\n-        }\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_0\n+ * Read WMS Capabilities version 1.1.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1, {\n \n-        if (context.layersContext == undefined) {\n-            context.layersContext = [];\n-        }\n+        /**\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.1.0\",\n \n-        // let's convert layers into layersContext object (if any)\n-        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.WMS) {\n-                    context.layersContext.push(this.layerToContext(layer));\n+        /**\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_0\n+         * Create a new parser for WMS capabilities version 1.1.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"SRS\": function(node, obj) {\n+                    var srs = this.getChildValue(node);\n+                    var values = srs.split(/ +/);\n+                    for (var i = 0, len = values.length; i < len; i++) {\n+                        obj.srs[values[i]] = true;\n+                    }\n                 }\n-            }\n-        }\n-        return context;\n-    },\n+            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMC\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n \n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Format/SOSGetObservation.js\n+    OpenLayers/Format/WMSCapabilities/v1_3_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_3.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_3_0\n+ * Read WMS Capabilities version 1.3.0. \n+ * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n+ * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_3>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_3, {\n+\n+        /**\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.3.0\",\n+\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/CSWGetRecords/v2_0_2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n+ * @requires OpenLayers/Format/CSWGetRecords.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ * @requires OpenLayers/Format/Filter/v1_1_0.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SOSGetObservation\n- * Read and write SOS GetObersation (to get the actual values from a sensor) \n- *     version 1.0.0\n+ * Class: OpenLayers.Format.CSWGetRecords.v2_0_2\n+ *     A format for creating CSWGetRecords v2.0.2 transactions. \n+ *     Create a new instance with the\n+ *     <OpenLayers.Format.CSWGetRecords.v2_0_2> constructor.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n      * Property: namespaces\n      * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n     namespaces: {\n-        ows: \"http://www.opengis.net/ows\",\n-        gml: \"http://www.opengis.net/gml\",\n-        sos: \"http://www.opengis.net/sos/1.0\",\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n+        dc: \"http://purl.org/dc/elements/1.1/\",\n+        dct: \"http://purl.org/dc/terms/\",\n+        gmd: \"http://www.isotc211.org/2005/gmd\",\n+        geonet: \"http://www.fao.org/geonetwork\",\n         ogc: \"http://www.opengis.net/ogc\",\n-        om: \"http://www.opengis.net/om/1.0\",\n-        sa: \"http://www.opengis.net/sampling/1.0\",\n+        ows: \"http://www.opengis.net/ows\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n \n     /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+     * Property: defaultPrefix\n+     * {String} The default prefix (used by Format.XML).\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n-    },\n+    defaultPrefix: \"csw\",\n \n     /**\n-     * Constant: VERSION\n-     * {String} 1.0.0\n+     * Property: version\n+     * {String} CSW version number.\n      */\n-    VERSION: \"1.0.0\",\n+    version: \"2.0.2\",\n \n     /**\n      * Property: schemaLocation\n-     * {String} Schema location\n+     * {String} http://www.opengis.net/cat/csw/2.0.2\n+     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n      */\n-    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n \n     /**\n-     * Property: defaultPrefix\n+     * APIProperty: requestId\n+     * {String} Value of the requestId attribute of the GetRecords element.\n      */\n-    defaultPrefix: \"sos\",\n+    requestId: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.SOSGetObservation\n+     * APIProperty: resultType\n+     * {String} Value of the resultType attribute of the GetRecords element,\n+     *     specifies the result type in the GetRecords response, \"hits\" is\n+     *     the default.\n+     */\n+    resultType: null,\n+\n+    /**\n+     * APIProperty: outputFormat\n+     * {String} Value of the outputFormat attribute of the GetRecords element,\n+     *     specifies the format of the GetRecords response,\n+     *     \"application/xml\" is the default.\n+     */\n+    outputFormat: null,\n+\n+    /**\n+     * APIProperty: outputSchema\n+     * {String} Value of the outputSchema attribute of the GetRecords element,\n+     *     specifies the schema of the GetRecords response.\n+     */\n+    outputSchema: null,\n+\n+    /**\n+     * APIProperty: startPosition\n+     * {String} Value of the startPosition attribute of the GetRecords element,\n+     *     specifies the start position (offset+1) for the GetRecords response,\n+     *     1 is the default.\n+     */\n+    startPosition: null,\n+\n+    /**\n+     * APIProperty: maxRecords\n+     * {String} Value of the maxRecords attribute of the GetRecords element,\n+     *     specifies the maximum number of records in the GetRecords response,\n+     *     10 is the default.\n+     */\n+    maxRecords: null,\n+\n+    /**\n+     * APIProperty: DistributedSearch\n+     * {String} Value of the csw:DistributedSearch element, used when writing\n+     *     a csw:GetRecords document.\n+     */\n+    DistributedSearch: null,\n+\n+    /**\n+     * APIProperty: ResponseHandler\n+     * {Array({String})} Values of the csw:ResponseHandler elements, used when\n+     *     writting a csw:GetRecords document.\n+     */\n+    ResponseHandler: null,\n+\n+    /**\n+     * APIProperty: Query\n+     * {String} Value of the csw:Query element, used when writing a csw:GetRecords\n+     *     document.\n+     */\n+    Query: null,\n+\n+    /**\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n+     */\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n+\n+    /**\n+     * Constructor: OpenLayers.Format.CSWGetRecords.v2_0_2\n+     * A class for parsing and generating CSWGetRecords v2.0.2 transactions.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties (documented as class properties):\n+     * - requestId\n+     * - resultType\n+     * - outputFormat\n+     * - outputSchema\n+     * - startPosition\n+     * - maxRecords\n+     * - DistributedSearch\n+     * - ResponseHandler\n+     * - Query\n      */\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * Method: read\n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Object} An object containing the measurements\n+     * APIMethod: read\n+     * Parse the response from a GetRecords request.\n      */\n     read: function(data) {\n         if (typeof data == \"string\") {\n             data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n         if (data && data.nodeType == 9) {\n             data = data.documentElement;\n         }\n-        var info = {\n-            measurements: [],\n-            observations: []\n-        };\n-        this.readNode(data, info);\n-        return info;\n-    },\n-\n-    /**\n-     * Method: write\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object.\n-     *\n-     * Returns:\n-     * {String} An SOS GetObservation request XML string.\n-     */\n-    write: function(options) {\n-        var node = this.writeNode(\"sos:GetObservation\", options);\n-        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n-        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n-        this.setAttributeNS(\n-            node, this.namespaces.xsi,\n-            \"xsi:schemaLocation\", this.schemaLocation\n-        );\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj;\n     },\n \n     /**\n      * Property: readers\n      * Contains public functions, grouped by namespace prefix, that will\n      *     be applied when a namespaced node is found matching the function\n      *     name.  The function will be applied in the scope of this parser\n      *     with two arguments: the node being read and a context object passed\n      *     from the parent.\n      */\n     readers: {\n-        \"om\": {\n-            \"ObservationCollection\": function(node, obj) {\n-                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+        \"csw\": {\n+            \"GetRecordsResponse\": function(node, obj) {\n+                obj.records = [];\n                 this.readChildNodes(node, obj);\n+                var version = this.getAttributeNS(node, \"\", 'version');\n+                if (version != \"\") {\n+                    obj.version = version;\n+                }\n             },\n-            \"member\": function(node, observationCollection) {\n-                this.readChildNodes(node, observationCollection);\n+            \"RequestId\": function(node, obj) {\n+                obj.RequestId = this.getChildValue(node);\n             },\n-            \"Measurement\": function(node, observationCollection) {\n-                var measurement = {};\n-                observationCollection.measurements.push(measurement);\n-                this.readChildNodes(node, measurement);\n+            \"SearchStatus\": function(node, obj) {\n+                obj.SearchStatus = {};\n+                var timestamp = this.getAttributeNS(node, \"\", 'timestamp');\n+                if (timestamp != \"\") {\n+                    obj.SearchStatus.timestamp = timestamp;\n+                }\n             },\n-            \"Observation\": function(node, observationCollection) {\n-                var observation = {};\n-                observationCollection.observations.push(observation);\n-                this.readChildNodes(node, observation);\n+            \"SearchResults\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+                var attrs = node.attributes;\n+                var SearchResults = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    if ((attrs[i].name == \"numberOfRecordsMatched\") ||\n+                        (attrs[i].name == \"numberOfRecordsReturned\") ||\n+                        (attrs[i].name == \"nextRecord\")) {\n+                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue);\n+                    } else {\n+                        SearchResults[attrs[i].name] = attrs[i].nodeValue;\n+                    }\n+                }\n+                obj.SearchResults = SearchResults;\n             },\n-            \"samplingTime\": function(node, measurement) {\n-                var samplingTime = {};\n-                measurement.samplingTime = samplingTime;\n-                this.readChildNodes(node, samplingTime);\n+            \"SummaryRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"SummaryRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"observedProperty\": function(node, measurement) {\n-                measurement.observedProperty =\n-                    this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement);\n+            \"BriefRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"BriefRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"procedure\": function(node, measurement) {\n-                measurement.procedure =\n-                    this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement);\n+            \"DCMIRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"DCMIRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"featureOfInterest\": function(node, observation) {\n-                var foi = {\n-                    features: []\n+            \"Record\": function(node, obj) {\n+                var record = {\n+                    type: \"Record\"\n                 };\n-                observation.fois = [];\n-                observation.fois.push(foi);\n-                this.readChildNodes(node, foi);\n-                // postprocessing to get actual features\n-                var features = [];\n-                for (var i = 0, len = foi.features.length; i < len; i++) {\n-                    var feature = foi.features[i];\n-                    features.push(new OpenLayers.Feature.Vector(\n-                        feature.components[0], feature.attributes));\n-                }\n-                foi.features = features;\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"result\": function(node, measurement) {\n-                var result = {};\n-                measurement.result = result;\n-                if (this.getChildValue(node) !== '') {\n-                    result.value = this.getChildValue(node);\n-                    result.uom = node.getAttribute(\"uom\");\n-                } else {\n-                    this.readChildNodes(node, result);\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                obj[name] = this.getChildValue(node);\n+            }\n+        },\n+        \"geonet\": {\n+            \"info\": function(node, obj) {\n+                var gninfo = {};\n+                this.readChildNodes(node, gninfo);\n+                obj.gninfo = gninfo;\n+            }\n+        },\n+        \"dc\": {\n+            // audience, contributor, coverage, creator, date, description, format,\n+            // identifier, language, provenance, publisher, relation, rights,\n+            // rightsHolder, source, subject, title, type, URI\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!(OpenLayers.Util.isArray(obj[name]))) {\n+                    obj[name] = [];\n+                }\n+                var dc_element = {};\n+                var attrs = node.attributes;\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    dc_element[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                dc_element.value = this.getChildValue(node);\n+                if (dc_element.value != \"\") {\n+                    obj[name].push(dc_element);\n                 }\n             }\n         },\n-        \"sa\": OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"TimeInstant\": function(node, samplingTime) {\n-                var timeInstant = {};\n-                samplingTime.timeInstant = timeInstant;\n-                this.readChildNodes(node, timeInstant);\n-            },\n-            \"timePosition\": function(node, timeInstant) {\n-                timeInstant.timePosition = this.getChildValue(node);\n+        \"dct\": {\n+            // abstract, modified, spatial\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!(OpenLayers.Util.isArray(obj[name]))) {\n+                    obj[name] = [];\n+                }\n+                obj[name].push(this.getChildValue(node));\n             }\n-        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n+        },\n+        \"ows\": OpenLayers.Util.applyDefaults({\n+            \"BoundingBox\": function(node, obj) {\n+                if (obj.bounds) {\n+                    obj.BoundingBox = [{\n+                        crs: obj.projection,\n+                        value: [\n+                            obj.bounds.left,\n+                            obj.bounds.bottom,\n+                            obj.bounds.right,\n+                            obj.bounds.top\n+                        ]\n+                    }];\n+                    delete obj.projection;\n+                    delete obj.bounds;\n+                }\n+                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(\n+                    this, arguments);\n+            }\n+        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n+    },\n+\n+    /**\n+     * Method: write\n+     * Given an configuration js object, write a CSWGetRecords request. \n+     *\n+     * Parameters:\n+     * options - {Object} A object mapping the request.\n+     *\n+     * Returns:\n+     * {String} A serialized CSWGetRecords request.\n+     */\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetRecords\", options);\n+        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n     },\n \n     /**\n      * Property: writers\n      * As a compliment to the readers property, this structure contains public\n      *     writing functions grouped by namespace alias and named like the\n      *     node names they produce.\n      */\n     writers: {\n-        \"sos\": {\n-            \"GetObservation\": function(options) {\n-                var node = this.createElementNSPlus(\"GetObservation\", {\n+        \"csw\": {\n+            \"GetRecords\": function(options) {\n+                if (!options) {\n+                    options = {};\n+                }\n+                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n                     attributes: {\n-                        version: this.VERSION,\n-                        service: 'SOS'\n+                        service: \"CSW\",\n+                        version: this.version,\n+                        requestId: options.requestId || this.requestId,\n+                        resultType: options.resultType || this.resultType,\n+                        outputFormat: options.outputFormat || this.outputFormat,\n+                        outputSchema: options.outputSchema || this.outputSchema,\n+                        startPosition: options.startPosition || this.startPosition,\n+                        maxRecords: options.maxRecords || this.maxRecords\n                     }\n                 });\n-                this.writeNode(\"offering\", options, node);\n-                if (options.eventTime) {\n-                    this.writeNode(\"eventTime\", options, node);\n-                }\n-                for (var procedure in options.procedures) {\n-                    this.writeNode(\"procedure\", options.procedures[procedure], node);\n-                }\n-                for (var observedProperty in options.observedProperties) {\n-                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node);\n-                }\n-                if (options.foi) {\n-                    this.writeNode(\"featureOfInterest\", options.foi, node);\n-                }\n-                this.writeNode(\"responseFormat\", options, node);\n-                if (options.resultModel) {\n-                    this.writeNode(\"resultModel\", options, node);\n+                if (options.DistributedSearch || this.DistributedSearch) {\n+                    this.writeNode(\n+                        \"csw:DistributedSearch\",\n+                        options.DistributedSearch || this.DistributedSearch,\n+                        node\n+                    );\n                 }\n-                if (options.responseMode) {\n-                    this.writeNode(\"responseMode\", options, node);\n+                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n+                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n+                    // ResponseHandler must be a non-empty array\n+                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n+                        this.writeNode(\n+                            \"csw:ResponseHandler\",\n+                            ResponseHandler[i],\n+                            node\n+                        );\n+                    }\n                 }\n+                this.writeNode(\"Query\", options.Query || this.Query, node);\n                 return node;\n             },\n-            \"featureOfInterest\": function(foi) {\n-                var node = this.createElementNSPlus(\"featureOfInterest\");\n-                this.writeNode(\"ObjectID\", foi.objectId, node);\n-                return node;\n-            },\n-            \"ObjectID\": function(options) {\n-                return this.createElementNSPlus(\"ObjectID\", {\n-                    value: options\n-                });\n-            },\n-            \"responseFormat\": function(options) {\n-                return this.createElementNSPlus(\"responseFormat\", {\n-                    value: options.responseFormat\n-                });\n-            },\n-            \"procedure\": function(procedure) {\n-                return this.createElementNSPlus(\"procedure\", {\n-                    value: procedure\n+            \"DistributedSearch\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n+                    attributes: {\n+                        hopCount: options.hopCount\n+                    }\n                 });\n+                return node;\n             },\n-            \"offering\": function(options) {\n-                return this.createElementNSPlus(\"offering\", {\n-                    value: options.offering\n+            \"ResponseHandler\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n+                    value: options.value\n                 });\n+                return node;\n             },\n-            \"observedProperty\": function(observedProperty) {\n-                return this.createElementNSPlus(\"observedProperty\", {\n-                    value: observedProperty\n+            \"Query\": function(options) {\n+                if (!options) {\n+                    options = {};\n+                }\n+                var node = this.createElementNSPlus(\"csw:Query\", {\n+                    attributes: {\n+                        typeNames: options.typeNames || \"csw:Record\"\n+                    }\n                 });\n-            },\n-            \"eventTime\": function(options) {\n-                var node = this.createElementNSPlus(\"eventTime\");\n-                if (options.eventTime === 'latest') {\n-                    this.writeNode(\"ogc:TM_Equals\", options, node);\n+                var ElementName = options.ElementName;\n+                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n+                    // ElementName must be a non-empty array\n+                    for (var i = 0, len = ElementName.length; i < len; i++) {\n+                        this.writeNode(\n+                            \"csw:ElementName\",\n+                            ElementName[i],\n+                            node\n+                        );\n+                    }\n+                } else {\n+                    this.writeNode(\n+                        \"csw:ElementSetName\",\n+                        options.ElementSetName || {\n+                            value: 'summary'\n+                        },\n+                        node\n+                    );\n+                }\n+                if (options.Constraint) {\n+                    this.writeNode(\n+                        \"csw:Constraint\",\n+                        options.Constraint,\n+                        node\n+                    );\n+                }\n+                if (options.SortBy) {\n+                    this.writeNode(\n+                        \"ogc:SortBy\",\n+                        options.SortBy,\n+                        node\n+                    );\n                 }\n                 return node;\n             },\n-            \"resultModel\": function(options) {\n-                return this.createElementNSPlus(\"resultModel\", {\n-                    value: options.resultModel\n-                });\n-            },\n-            \"responseMode\": function(options) {\n-                return this.createElementNSPlus(\"responseMode\", {\n-                    value: options.responseMode\n+            \"ElementName\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementName\", {\n+                    value: options.value\n                 });\n-            }\n-        },\n-        \"ogc\": {\n-            \"TM_Equals\": function(options) {\n-                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n-                this.writeNode(\"ogc:PropertyName\", {\n-                    property: \"urn:ogc:data:time:iso8601\"\n-                }, node);\n-                if (options.eventTime === 'latest') {\n-                    this.writeNode(\"gml:TimeInstant\", {\n-                        value: 'latest'\n-                    }, node);\n-                }\n                 return node;\n             },\n-            \"PropertyName\": function(options) {\n-                return this.createElementNSPlus(\"ogc:PropertyName\", {\n-                    value: options.property\n+            \"ElementSetName\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n+                    attributes: {\n+                        typeNames: options.typeNames\n+                    },\n+                    value: options.value\n                 });\n-            }\n-        },\n-        \"gml\": {\n-            \"TimeInstant\": function(options) {\n-                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n-                this.writeNode(\"gml:timePosition\", options, node);\n                 return node;\n             },\n-            \"timePosition\": function(options) {\n-                var node = this.createElementNSPlus(\"gml:timePosition\", {\n-                    value: options.value\n+            \"Constraint\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:Constraint\", {\n+                    attributes: {\n+                        version: options.version\n+                    }\n                 });\n+                if (options.Filter) {\n+                    var format = new OpenLayers.Format.Filter({\n+                        version: options.version\n+                    });\n+                    node.appendChild(format.write(options.Filter));\n+                } else if (options.CqlText) {\n+                    var child = this.createElementNSPlus(\"CqlText\", {\n+                        value: options.CqlText.value\n+                    });\n+                    node.appendChild(child);\n+                }\n                 return node;\n             }\n-        }\n+        },\n+        \"ogc\": OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n-\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WMSDescribeLayer.js\n+    OpenLayers/Format/ArcXML/Features.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Format/ArcXML.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSDescribeLayer\n- * Read SLD WMS DescribeLayer response\n- * DescribeLayer is meant to couple WMS to WFS and WCS\n+ * Class: OpenLayers.Format.ArcXML.Features\n+ * Read/Write ArcXML features. Create a new instance with the \n+ *     <OpenLayers.Format.ArcXML.Features> constructor.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n-     */\n-    defaultVersion: \"1.1.1\",\n+OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Constructor: OpenLayers.Format.WMSDescribeLayer\n-     * Create a new parser for WMS DescribeLayer responses.\n+     * Constructor: OpenLayers.Format.ArcXML.Features\n+     * Create a new parser/writer for ArcXML Features.  Create an instance of this class\n+     * to get a set of features from an ArcXML response.\n      *\n      * Parameters:\n      * options - {Object} An optional object whose properties will be set on\n      *     this instance.\n      */\n \n     /**\n      * APIMethod: read\n-     * Read DescribeLayer data from a string, and return the response. \n-     * The OGC currently defines 2 formats which are allowed for output,\n-     * so we need to parse these 2 types\n+     * Read data from a string of ArcXML, and return a set of OpenLayers features. \n      * \n-     * Parameters: \n+     * Parameters:\n      * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {Array} Array of {<LayerDescription>} objects which have:\n-     * - {String} owsType: WFS/WCS\n-     * - {String} owsURL: the online resource\n-     * - {String} typeName: the name of the typename on the service\n+     * {Array(<OpenLayers.Feature.Vector>)} A collection of features.\n      */\n+    read: function(data) {\n+        var axl = new OpenLayers.Format.ArcXML();\n+        var parsed = axl.read(data);\n \n-    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n-\n+        return parsed.features.feature;\n+    }\n });\n /* ======================================================================\n-    OpenLayers/Format/XLS.js\n+    OpenLayers/Format/WMTSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Format/WMTSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.XLS\n- * Read/Write XLS (OpenLS). Create a new instance with the <OpenLayers.Format.XLS>\n- *     constructor. Currently only implemented for Location Utility Services, more\n- *     specifically only for Geocoding. No support for Reverse Geocoding as yet.\n+ * Class: OpenLayers.Format.WMTSCapabilities.v1_0_0\n+ * Read WMTS Capabilities version 1.0.0.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Format.WMTSCapabilities>\n  */\n-OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n-     */\n-    defaultVersion: \"1.1.0\",\n-\n-    /**\n-     * APIProperty: stringifyOutput\n-     * {Boolean} If true, write will return a string otherwise a DOMElement.\n-     * Default is true.\n-     */\n-    stringifyOutput: true,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.XLS\n-     * Create a new parser for XLS.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: write\n-     * Write out an XLS request.\n-     *\n-     * Parameters:\n-     * request - {Object} An object representing the LUS request.\n-     * options - {Object} Optional configuration object.\n-     *\n-     * Returns:\n-     * {String} An XLS document string.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read an XLS doc and return an object representing the result.\n-     *\n-     * Parameters:\n-     * data - {String | DOMElement} Data to read.\n-     * options - {Object} Options for the reader.\n-     *\n-     * Returns:\n-     * {Object} An object representing the GeocodeResponse.\n-     */\n+OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.OWSCommon.v1_1_0, {\n \n-    CLASS_NAME: \"OpenLayers.Format.XLS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/WFSCapabilities.js\n-   ====================================================================== */\n+        /**\n+         * Property: version\n+         * {String} The parser version (\"1.0.0\").\n+         */\n+        version: \"1.0.0\",\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            wmts: \"http://www.opengis.net/wmts/1.0\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n+        },\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+        /**\n+         * Property: yx\n+         * {Object} Members in the yx object are used to determine if a CRS URN\n+         *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n+         *     and values are boolean.  Defaults come from the \n+         *     <OpenLayers.Format.WMTSCapabilities> prototype.\n+         */\n+        yx: null,\n \n-/**\n- * Class: OpenLayers.Format.WFSCapabilities\n- * Read WFS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+        /**\n+         * Property: defaultPrefix\n+         * {String} The default namespace alias for creating element nodes.\n+         */\n+        defaultPrefix: \"wmts\",\n \n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n-     */\n-    defaultVersion: \"1.1.0\",\n+        /**\n+         * Constructor: OpenLayers.Format.WMTSCapabilities.v1_0_0\n+         * Create a new parser for WMTS capabilities version 1.0.0. \n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+            this.options = options;\n+            var yx = OpenLayers.Util.extend({}, OpenLayers.Format.WMTSCapabilities.prototype.yx);\n+            this.yx = OpenLayers.Util.extend(yx, this.yx);\n+        },\n \n-    /**\n-     * Constructor: OpenLayers.Format.WFSCapabilities\n-     * Create a new parser for WFS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the WMTS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Information about the SOS service.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            capabilities.version = this.version;\n+            return capabilities;\n+        },\n \n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of layers. \n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array} List of named layers.\n-     */\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wmts\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, obj) {\n+                    obj.contents = {};\n+                    obj.contents.layers = [];\n+                    obj.contents.tileMatrixSets = {};\n+                    this.readChildNodes(node, obj.contents);\n+                },\n+                \"Layer\": function(node, obj) {\n+                    var layer = {\n+                        styles: [],\n+                        formats: [],\n+                        dimensions: [],\n+                        tileMatrixSetLinks: []\n+                    };\n+                    layer.layers = [];\n+                    this.readChildNodes(node, layer);\n+                    obj.layers.push(layer);\n+                },\n+                \"Style\": function(node, obj) {\n+                    var style = {};\n+                    style.isDefault = (node.getAttribute(\"isDefault\") === \"true\");\n+                    this.readChildNodes(node, style);\n+                    obj.styles.push(style);\n+                },\n+                \"Format\": function(node, obj) {\n+                    obj.formats.push(this.getChildValue(node));\n+                },\n+                \"TileMatrixSetLink\": function(node, obj) {\n+                    var tileMatrixSetLink = {};\n+                    this.readChildNodes(node, tileMatrixSetLink);\n+                    obj.tileMatrixSetLinks.push(tileMatrixSetLink);\n+                },\n+                \"TileMatrixSet\": function(node, obj) {\n+                    // node could be child of wmts:Contents or wmts:TileMatrixSetLink\n+                    // duck type wmts:Contents by looking for layers\n+                    if (obj.layers) {\n+                        // TileMatrixSet as object type in schema\n+                        var tileMatrixSet = {\n+                            matrixIds: []\n+                        };\n+                        this.readChildNodes(node, tileMatrixSet);\n+                        obj.tileMatrixSets[tileMatrixSet.identifier] = tileMatrixSet;\n+                    } else {\n+                        // TileMatrixSet as string type in schema\n+                        obj.tileMatrixSet = this.getChildValue(node);\n+                    }\n+                },\n+                \"TileMatrix\": function(node, obj) {\n+                    var tileMatrix = {\n+                        supportedCRS: obj.supportedCRS\n+                    };\n+                    this.readChildNodes(node, tileMatrix);\n+                    obj.matrixIds.push(tileMatrix);\n+                },\n+                \"ScaleDenominator\": function(node, obj) {\n+                    obj.scaleDenominator = parseFloat(this.getChildValue(node));\n+                },\n+                \"TopLeftCorner\": function(node, obj) {\n+                    var topLeftCorner = this.getChildValue(node);\n+                    var coords = topLeftCorner.split(\" \");\n+                    // decide on axis order for the given CRS\n+                    var yx;\n+                    if (obj.supportedCRS) {\n+                        // extract out version from URN\n+                        var crs = obj.supportedCRS.replace(\n+                            /urn:ogc:def:crs:(\\w+):.+:(\\w+)$/,\n+                            \"urn:ogc:def:crs:$1::$2\"\n+                        );\n+                        yx = !!this.yx[crs];\n+                    }\n+                    if (yx) {\n+                        obj.topLeftCorner = new OpenLayers.LonLat(\n+                            coords[1], coords[0]\n+                        );\n+                    } else {\n+                        obj.topLeftCorner = new OpenLayers.LonLat(\n+                            coords[0], coords[1]\n+                        );\n+                    }\n+                },\n+                \"TileWidth\": function(node, obj) {\n+                    obj.tileWidth = parseInt(this.getChildValue(node));\n+                },\n+                \"TileHeight\": function(node, obj) {\n+                    obj.tileHeight = parseInt(this.getChildValue(node));\n+                },\n+                \"MatrixWidth\": function(node, obj) {\n+                    obj.matrixWidth = parseInt(this.getChildValue(node));\n+                },\n+                \"MatrixHeight\": function(node, obj) {\n+                    obj.matrixHeight = parseInt(this.getChildValue(node));\n+                },\n+                \"ResourceURL\": function(node, obj) {\n+                    obj.resourceUrl = obj.resourceUrl || {};\n+                    var resourceType = node.getAttribute(\"resourceType\");\n+                    if (!obj.resourceUrls) {\n+                        obj.resourceUrls = [];\n+                    }\n+                    var resourceUrl = obj.resourceUrl[resourceType] = {\n+                        format: node.getAttribute(\"format\"),\n+                        template: node.getAttribute(\"template\"),\n+                        resourceType: resourceType\n+                    };\n+                    obj.resourceUrls.push(resourceUrl);\n+                },\n+                // not used for now, can be added in the future though\n+                /*\"Themes\": function(node, obj) {\n+                    obj.themes = [];\n+                    this.readChildNodes(node, obj.themes);\n+                },\n+                \"Theme\": function(node, obj) {\n+                    var theme = {};                \n+                    this.readChildNodes(node, theme);\n+                    obj.push(theme);\n+                },*/\n+                \"WSDL\": function(node, obj) {\n+                    obj.wsdl = {};\n+                    obj.wsdl.href = node.getAttribute(\"xlink:href\");\n+                    // TODO: other attributes of <WSDL> element                \n+                },\n+                \"ServiceMetadataURL\": function(node, obj) {\n+                    obj.serviceMetadataUrl = {};\n+                    obj.serviceMetadataUrl.href = node.getAttribute(\"xlink:href\");\n+                    // TODO: other attributes of <ServiceMetadataURL> element                \n+                },\n+                \"LegendURL\": function(node, obj) {\n+                    obj.legend = {};\n+                    obj.legend.href = node.getAttribute(\"xlink:href\");\n+                    obj.legend.format = node.getAttribute(\"format\");\n+                },\n+                \"Dimension\": function(node, obj) {\n+                    var dimension = {\n+                        values: []\n+                    };\n+                    this.readChildNodes(node, dimension);\n+                    obj.dimensions.push(dimension);\n+                },\n+                \"Default\": function(node, obj) {\n+                    obj[\"default\"] = this.getChildValue(node);\n+                },\n+                \"Value\": function(node, obj) {\n+                    obj.values.push(this.getChildValue(node));\n+                }\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+        CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n \n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Format/KML.js\n+    OpenLayers/Strategy/Cluster.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Date.js\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- * @requires OpenLayers/Projection.js\n+ * @requires OpenLayers/Strategy.js\n  */\n \n /**\n- * Class: OpenLayers.Format.KML\n- * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n- *     constructor. \n- * \n+ * Class: OpenLayers.Strategy.Cluster\n+ * Strategy for vector feature clustering.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Strategy>\n  */\n-OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * APIProperty: distance\n+     * {Integer} Pixel distance between features that should be considered a\n+     *     single cluster.  Default is 20 pixels.\n      */\n-    namespaces: {\n-        kml: \"http://www.opengis.net/kml/2.2\",\n-        gx: \"http://www.google.com/kml/ext/2.2\"\n-    },\n+    distance: 20,\n \n     /**\n-     * APIProperty: kmlns\n-     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n-     */\n-    kmlns: \"http://earth.google.com/kml/2.0\",\n-\n-    /** \n-     * APIProperty: placemarksDesc\n-     * {String} Name of the placemarks.  Default is \"No description available\".\n-     */\n-    placemarksDesc: \"No description available\",\n-\n-    /** \n-     * APIProperty: foldersName\n-     * {String} Name of the folders.  Default is \"OpenLayers export\".\n-     *          If set to null, no name element will be created.\n-     */\n-    foldersName: \"OpenLayers export\",\n-\n-    /** \n-     * APIProperty: foldersDesc\n-     * {String} Description of the folders. Default is \"Exported on [date].\"\n-     *          If set to null, no description element will be created.\n+     * APIProperty: threshold\n+     * {Integer} Optional threshold below which original features will be\n+     *     added to the layer instead of clusters.  For example, a threshold\n+     *     of 3 would mean that any time there are 2 or fewer features in\n+     *     a cluster, those features will be added directly to the layer instead\n+     *     of a cluster representing those features.  Default is null (which is\n+     *     equivalent to 1 - meaning that clusters may contain just one feature).\n      */\n-    foldersDesc: \"Exported on \" + new Date(),\n+    threshold: null,\n \n     /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract attributes from KML.  Default is true.\n-     *           Extracting styleUrls requires this to be set to true\n-     *           Note that currently only Data and SimpleData \n-     *           elements are handled.\n+     * Property: features\n+     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n      */\n-    extractAttributes: true,\n+    features: null,\n \n     /**\n-     * APIProperty: kvpAttributes\n-     * {Boolean} Only used if extractAttributes is true.\n-     *           If set to true, attributes will be simple\n-     *           key-value pairs, compatible with other formats,\n-     *           Any displayName elements will be ignored.\n-     *           If set to false, attributes will be objects,\n-     *           retaining any displayName elements, but not\n-     *           compatible with other formats. Any CDATA in\n-     *           displayName will be read in as a string value.\n-     *           Default is false.\n+     * Property: clusters\n+     * {Array(<OpenLayers.Feature.Vector>)} Calculated clusters.\n      */\n-    kvpAttributes: false,\n+    clusters: null,\n \n     /**\n-     * Property: extractStyles\n-     * {Boolean} Extract styles from KML.  Default is false.\n-     *           Extracting styleUrls also requires extractAttributes to be\n-     *           set to true\n+     * Property: clustering\n+     * {Boolean} The strategy is currently clustering features.\n      */\n-    extractStyles: false,\n+    clustering: false,\n \n     /**\n-     * APIProperty: extractTracks\n-     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n-     *     is false.  If true, features will be generated for all points in\n-     *     all gx:Track elements.  Features will have a when (Date) attribute\n-     *     based on when elements in the track.  If tracks include angle\n-     *     elements, features will have heading, tilt, and roll attributes.\n-     *     If track point coordinates have three values, features will have\n-     *     an altitude attribute with the third coordinate value.\n+     * Property: resolution\n+     * {Float} The resolution (map units per pixel) of the current cluster set.\n      */\n-    extractTracks: false,\n+    resolution: null,\n \n     /**\n-     * APIProperty: trackAttributes\n-     * {Array} If <extractTracks> is true, points within gx:Track elements will \n-     *     be parsed as features with when, heading, tilt, and roll attributes.\n-     *     Any additional attribute names can be provided in <trackAttributes>.\n+     * Constructor: OpenLayers.Strategy.Cluster\n+     * Create a new clustering strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    trackAttributes: null,\n \n     /**\n-     * Property: internalns\n-     * {String} KML Namespace to use -- defaults to the namespace of the\n-     *     Placemark node being parsed, but falls back to kmlns. \n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n      */\n-    internalns: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                \"featuresremoved\": this.clearCache,\n+                \"moveend\": this.cluster,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n \n     /**\n-     * Property: features\n-     * {Array} Array of features\n-     *     \n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    features: null,\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                \"featuresremoved\": this.clearCache,\n+                \"moveend\": this.cluster,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n \n     /**\n-     * Property: styles\n-     * {Object} Storage of style objects\n+     * Method: cacheFeatures\n+     * Cache features before they are added to the layer.\n+     *\n+     * Parameters:\n+     * event - {Object} The event that this was listening for.  This will come\n+     *     with a batch of features to be clustered.\n      *     \n+     * Returns:\n+     * {Boolean} False to stop features from being added to the layer.\n      */\n-    styles: null,\n+    cacheFeatures: function(event) {\n+        var propagate = true;\n+        if (!this.clustering) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.cluster();\n+            propagate = false;\n+        }\n+        return propagate;\n+    },\n \n     /**\n-     * Property: styleBaseUrl\n-     * {String}\n+     * Method: clearCache\n+     * Clear out the cached features.\n      */\n-    styleBaseUrl: \"\",\n+    clearCache: function() {\n+        if (!this.clustering) {\n+            this.features = null;\n+        }\n+    },\n \n     /**\n-     * Property: fetched\n-     * {Object} Storage of KML URLs that have been fetched before\n-     *     in order to prevent reloading them.\n+     * Method: cluster\n+     * Cluster features based on some threshold distance.\n+     *\n+     * Parameters:\n+     * event - {Object} The event received when cluster is called as a\n+     *     result of a moveend event.\n      */\n-    fetched: null,\n+    cluster: function(event) {\n+        if ((!event || event.zoomChanged) && this.features) {\n+            var resolution = this.layer.map.getResolution();\n+            if (resolution != this.resolution || !this.clustersExist()) {\n+                this.resolution = resolution;\n+                var clusters = [];\n+                var feature, clustered, cluster;\n+                for (var i = 0; i < this.features.length; ++i) {\n+                    feature = this.features[i];\n+                    if (feature.geometry) {\n+                        clustered = false;\n+                        for (var j = clusters.length - 1; j >= 0; --j) {\n+                            cluster = clusters[j];\n+                            if (this.shouldCluster(cluster, feature)) {\n+                                this.addToCluster(cluster, feature);\n+                                clustered = true;\n+                                break;\n+                            }\n+                        }\n+                        if (!clustered) {\n+                            clusters.push(this.createCluster(this.features[i]));\n+                        }\n+                    }\n+                }\n+                this.clustering = true;\n+                this.layer.removeAllFeatures();\n+                this.clustering = false;\n+                if (clusters.length > 0) {\n+                    if (this.threshold > 1) {\n+                        var clone = clusters.slice();\n+                        clusters = [];\n+                        var candidate;\n+                        for (var i = 0, len = clone.length; i < len; ++i) {\n+                            candidate = clone[i];\n+                            if (candidate.attributes.count < this.threshold) {\n+                                Array.prototype.push.apply(clusters, candidate.cluster);\n+                            } else {\n+                                clusters.push(candidate);\n+                            }\n+                        }\n+                    }\n+                    this.clustering = true;\n+                    // A legitimate feature addition could occur during this\n+                    // addFeatures call.  For clustering to behave well, features\n+                    // should be removed from a layer before requesting a new batch.\n+                    this.layer.addFeatures(clusters);\n+                    this.clustering = false;\n+                }\n+                this.clusters = clusters;\n+            }\n+        }\n+    },\n \n     /**\n-     * APIProperty: maxDepth\n-     * {Integer} Maximum depth for recursive loading external KML URLs \n-     *           Defaults to 0: do no external fetching\n+     * Method: clustersExist\n+     * Determine whether calculated clusters are already on the layer.\n+     *\n+     * Returns:\n+     * {Boolean} The calculated clusters are already on the layer.\n      */\n-    maxDepth: 0,\n+    clustersExist: function() {\n+        var exist = false;\n+        if (this.clusters && this.clusters.length > 0 &&\n+            this.clusters.length == this.layer.features.length) {\n+            exist = true;\n+            for (var i = 0; i < this.clusters.length; ++i) {\n+                if (this.clusters[i] != this.layer.features[i]) {\n+                    exist = false;\n+                    break;\n+                }\n+            }\n+        }\n+        return exist;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.KML\n-     * Create a new parser for KML.\n+     * Method: shouldCluster\n+     * Determine whether to include a feature in a given cluster.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n+     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     *\n+     * Returns:\n+     * {Boolean} The feature should be included in the cluster.\n      */\n-    initialize: function(options) {\n-        // compile regular expressions once instead of every time they are used\n-        this.regExes = {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g),\n-            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n-            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n-            straightBracket: (/\\$\\[(.*?)\\]/g)\n-        };\n-        // KML coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    shouldCluster: function(cluster, feature) {\n+        var cc = cluster.geometry.getBounds().getCenterLonLat();\n+        var fc = feature.geometry.getBounds().getCenterLonLat();\n+        var distance = (\n+            Math.sqrt(\n+                Math.pow((cc.lon - fc.lon), 2) + Math.pow((cc.lat - fc.lat), 2)\n+            ) / this.resolution\n+        );\n+        return (distance <= this.distance);\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read data from a string, and return a list of features. \n-     * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n+     * Method: addToCluster\n+     * Add a feature to a cluster.\n      *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * Parameters:\n+     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n+     * feature - {<OpenLayers.Feature.Vector>} A feature.\n      */\n-    read: function(data) {\n-        this.features = [];\n-        this.styles = {};\n-        this.fetched = {};\n-\n-        // Set default options \n-        var options = {\n-            depth: 0,\n-            styleBaseUrl: this.styleBaseUrl\n-        };\n-\n-        return this.parseData(data, options);\n+    addToCluster: function(cluster, feature) {\n+        cluster.cluster.push(feature);\n+        cluster.attributes.count += 1;\n     },\n \n     /**\n-     * Method: parseData\n-     * Read data from a string, and return a list of features. \n-     * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n+     * Method: createCluster\n+     * Given a feature, create a cluster.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * {<OpenLayers.Feature.Vector>} A cluster.\n      */\n-    parseData: function(data, options) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-\n-        // Loop throught the following node types in this order and\n-        // process the nodes found \n-        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            var type = types[i];\n-\n-            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n-\n-            // skip to next type if no nodes are found\n-            if (nodes.length == 0) {\n-                continue;\n+    createCluster: function(feature) {\n+        var center = feature.geometry.getBounds().getCenterLonLat();\n+        var cluster = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.Point(center.lon, center.lat), {\n+                count: 1\n             }\n+        );\n+        cluster.cluster = [feature];\n+        return cluster;\n+    },\n \n-            switch (type.toLowerCase()) {\n-\n-                // Fetch external links \n-                case \"link\":\n-                case \"networklink\":\n-                    this.parseLinks(nodes, options);\n-                    break;\n+    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Fixed.js\n+   ====================================================================== */\n \n-                    // parse style information\n-                case \"style\":\n-                    if (this.extractStyles) {\n-                        this.parseStyles(nodes, options);\n-                    }\n-                    break;\n-                case \"stylemap\":\n-                    if (this.extractStyles) {\n-                        this.parseStyleMaps(nodes, options);\n-                    }\n-                    break;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                    // parse features\n-                case \"placemark\":\n-                    this.parseFeatures(nodes, options);\n-                    break;\n-            }\n-        }\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n \n-        return this.features;\n-    },\n+/**\n+ * Class: OpenLayers.Strategy.Fixed\n+ * A simple strategy that requests features once and never requests new data.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n \n     /**\n-     * Method: parseLinks\n-     * Finds URLs of linked KML documents and fetches them\n-     * \n-     * Parameters: \n-     * nodes   - {Array} of {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n-     * \n+     * APIProperty: preload\n+     * {Boolean} Load data before layer made visible. Enabling this may result\n+     *   in considerable overhead if your application loads many data layers\n+     *   that are not visible by default. Default is false.\n      */\n-    parseLinks: function(nodes, options) {\n-\n-        // Fetch external links <NetworkLink> and <Link>\n-        // Don't do anything if we have reached our maximum depth for recursion\n-        if (options.depth >= this.maxDepth) {\n-            return false;\n-        }\n+    preload: false,\n \n-        // increase depth\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n+    /**\n+     * Constructor: OpenLayers.Strategy.Fixed\n+     * Create a new Fixed strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n \n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n-            if (href && !this.fetched[href]) {\n-                this.fetched[href] = true; // prevent reloading the same urls\n-                var data = this.fetchLink(href);\n-                if (data) {\n-                    this.parseData(data, newOptions);\n-                }\n+    /**\n+     * Method: activate\n+     * Activate the strategy: load data or add listener to load when visible\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"refresh\": this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load();\n+            } else {\n+                this.layer.events.on({\n+                    \"visibilitychanged\": this.load,\n+                    scope: this\n+                });\n             }\n         }\n-\n+        return activated;\n     },\n \n     /**\n-     * Method: fetchLink\n-     * Fetches a URL and returns the result\n-     * \n-     * Parameters: \n-     * href  - {String} url to be fetched\n+     * Method: deactivate\n+     * Deactivate the strategy.  Undo what is done in <activate>.\n      * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    fetchLink: function(href) {\n-        var request = OpenLayers.Request.GET({\n-            url: href,\n-            async: false\n-        });\n-        if (request) {\n-            return request.responseText;\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"refresh\": this.load,\n+                \"visibilitychanged\": this.load,\n+                scope: this\n+            });\n         }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: parseStyles\n-     * Parses <Style> nodes\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n+     * Method: load\n+     * Tells protocol to load data and unhooks the visibilitychanged event\n+     *\n+     * Parameters:\n+     * options - {Object} options to pass to protocol read.\n      */\n-    parseStyles: function(nodes, options) {\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var style = this.parseStyle(nodes[i]);\n-            if (style) {\n-                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n-\n-                this.styles[styleName] = style;\n-            }\n-        }\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            \"visibilitychanged\": this.load,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: parseKmlColor\n-     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n-     * color and opacity or null if the color is invalid.\n-     *\n-     * Parameters: \n-     * kmlColor - {String} a kml formated color\n+     * Method: merge\n+     * Add all features to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n      *\n-     * Returns:\n-     * {Object}\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n      */\n-    parseKmlColor: function(kmlColor) {\n-        var color = null;\n-        if (kmlColor) {\n-            var matches = kmlColor.match(this.regExes.kmlColor);\n-            if (matches) {\n-                color = {\n-                    color: '#' + matches[4] + matches[3] + matches[2],\n-                    opacity: parseInt(matches[1], 16) / 255\n-                };\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local);\n+                    }\n+                }\n             }\n+            layer.addFeatures(features);\n         }\n-        return color;\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n     },\n \n-    /**\n-     * Method: parseStyle\n-     * Parses the children of a <Style> node and builds the style hash\n-     * accordingly\n-     * \n-     * Parameters: \n-     * node - {DOMElement} <Style> node\n-     * \n-     */\n-    parseStyle: function(node) {\n-        var style = {};\n-\n-        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n-            \"LabelStyle\"\n-        ];\n-        var type, styleTypeNode, nodeList, geometry, parser;\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            type = types[i];\n-            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n-            if (!styleTypeNode) {\n-                continue;\n-            }\n-\n-            // only deal with first geometry of this type\n-            switch (type.toLowerCase()) {\n-                case \"linestyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"strokeColor\"] = color.color;\n-                        style[\"strokeOpacity\"] = color.opacity;\n-                    }\n-\n-                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n-                    if (width) {\n-                        style[\"strokeWidth\"] = width;\n-                    }\n-                    break;\n-\n-                case \"polystyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fillOpacity\"] = color.opacity;\n-                        style[\"fillColor\"] = color.color;\n-                    }\n-                    // Check if fill is disabled\n-                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n-                    if (fill == \"0\") {\n-                        style[\"fillColor\"] = \"none\";\n-                    }\n-                    // Check if outline is disabled\n-                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n-                    if (outline == \"0\") {\n-                        style[\"strokeWidth\"] = \"0\";\n-                    }\n-\n-                    break;\n-\n-                case \"iconstyle\":\n-                    // set scale\n-                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n-                        \"*\", \"scale\") || 1);\n-\n-                    // set default width and height of icon\n-                    var width = 32 * scale;\n-                    var height = 32 * scale;\n-\n-                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"Icon\")[0];\n-                    if (iconNode) {\n-                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n-                        if (href) {\n-\n-                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n-                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n-\n-                            // Settings for Google specific icons that are 64x64\n-                            // We set the width and height to 64 and halve the\n-                            // scale to prevent icons from being too big\n-                            var google = \"http://maps.google.com/mapfiles/kml\";\n-                            if (OpenLayers.String.startsWith(\n-                                    href, google) && !w && !h) {\n-                                w = 64;\n-                                h = 64;\n-                                scale = scale / 2;\n-                            }\n-\n-                            // if only dimension is defined, make sure the\n-                            // other one has the same value\n-                            w = w || h;\n-                            h = h || w;\n-\n-                            if (w) {\n-                                width = parseInt(w) * scale;\n-                            }\n-\n-                            if (h) {\n-                                height = parseInt(h) * scale;\n-                            }\n-\n-                            // support for internal icons \n-                            //    (/root://icons/palette-x.png)\n-                            // x and y tell the position on the palette:\n-                            // - in pixels\n-                            // - starting from the left bottom\n-                            // We translate that to a position in the list \n-                            // and request the appropriate icon from the \n-                            // google maps website\n-                            var matches = href.match(this.regExes.kmlIconPalette);\n-                            if (matches) {\n-                                var palette = matches[1];\n-                                var file_extension = matches[2];\n-\n-                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n-                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n-\n-                                var posX = x ? x / 32 : 0;\n-                                var posY = y ? (7 - y / 32) : 7;\n-\n-                                var pos = posY * 8 + posX;\n-                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n-                                    palette + \"/icon\" + pos + file_extension;\n-                            }\n-\n-                            style[\"graphicOpacity\"] = 1; // fully opaque\n-                            style[\"externalGraphic\"] = href;\n-                        }\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/BBOX.js\n+   ====================================================================== */\n \n-                    }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n+/**\n+ * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ */\n \n-                    // hotSpots define the offset for an Icon\n-                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"hotSpot\")[0];\n-                    if (hotSpotNode) {\n-                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n-                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n+/**\n+ * Class: OpenLayers.Strategy.BBOX\n+ * A simple strategy that reads new features when the viewport invalidates\n+ *     some bounds.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n \n-                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n-                        if (xUnits == \"pixels\") {\n-                            style[\"graphicXOffset\"] = -x * scale;\n-                        } else if (xUnits == \"insetPixels\") {\n-                            style[\"graphicXOffset\"] = -width + (x * scale);\n-                        } else if (xUnits == \"fraction\") {\n-                            style[\"graphicXOffset\"] = -width * x;\n-                        }\n+    /**\n+     * Property: bounds\n+     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n+     *     as the layer - not always the same projection as the map).\n+     */\n+    bounds: null,\n \n-                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n-                        if (yUnits == \"pixels\") {\n-                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n-                        } else if (yUnits == \"insetPixels\") {\n-                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n-                        } else if (yUnits == \"fraction\") {\n-                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n-                        }\n-                    }\n+    /** \n+     * Property: resolution \n+     * {Float} The current data resolution. \n+     */\n+    resolution: null,\n \n-                    style[\"graphicWidth\"] = width;\n-                    style[\"graphicHeight\"] = height;\n-                    break;\n+    /**\n+     * APIProperty: ratio\n+     * {Float} The ratio of the data bounds to the viewport bounds (in each\n+     *     dimension).  Default is 2.\n+     */\n+    ratio: 2,\n \n-                case \"balloonstyle\":\n-                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n-                        styleTypeNode);\n-                    if (balloonStyle) {\n-                        style[\"balloonStyle\"] = balloonStyle.replace(\n-                            this.regExes.straightBracket, \"${$1}\");\n-                    }\n-                    break;\n-                case \"labelstyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fontColor\"] = color.color;\n-                        style[\"fontOpacity\"] = color.opacity;\n-                    }\n-                    break;\n+    /** \n+     * Property: resFactor \n+     * {Float} Optional factor used to determine when previously requested \n+     *     features are invalid.  If set, the resFactor will be compared to the\n+     *     resolution of the previous request to the current map resolution.\n+     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n+     *     set a resFactor of 1, data will be requested every time the\n+     *     resolution changes.  If you set a resFactor of 3, data will be\n+     *     requested if the old resolution is 3 times the new, or if the new is\n+     *     3 times the old.  If the old bounds do not contain the new bounds\n+     *     new data will always be requested (with or without considering\n+     *     resFactor). \n+     */\n+    resFactor: null,\n \n-                default:\n-            }\n-        }\n+    /**\n+     * Property: response\n+     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n+     *      by the layer protocol.\n+     */\n+    response: null,\n \n-        // Some polygons have no line color, so we use the fillColor for that\n-        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n-            style[\"strokeColor\"] = style[\"fillColor\"];\n-        }\n+    /**\n+     * Constructor: OpenLayers.Strategy.BBOX\n+     * Create a new BBOX strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n \n-        var id = node.getAttribute(\"id\");\n-        if (id && style) {\n-            style.id = id;\n+    /**\n+     * Method: activate\n+     * Set up strategy with regard to reading new batches of remote data.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n+            this.update();\n         }\n-\n-        return style;\n+        return activated;\n     },\n \n     /**\n-     * Method: parseStyleMaps\n-     * Parses <StyleMap> nodes, but only uses the 'normal' key\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n+     * Method: deactivate\n+     * Tear down strategy with regard to reading new batches of remote data.\n      * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    parseStyleMaps: function(nodes, options) {\n-        // Only the default or \"normal\" part of the StyleMap is processed now\n-        // To do the select or \"highlight\" bit, we'd need to change lots more\n-\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var node = nodes[i];\n-            var pairs = this.getElementsByTagNameNS(node, \"*\",\n-                \"Pair\");\n-\n-            var id = node.getAttribute(\"id\");\n-            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n-                var pair = pairs[j];\n-                // Use the shortcut in the SLD format to quickly retrieve the \n-                // value of a node. Maybe it's good to have a method in \n-                // Format.XML to do this\n-                var key = this.parseProperty(pair, \"*\", \"key\");\n-                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n-\n-                if (styleUrl && key == \"normal\") {\n-                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n-                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n-                }\n-\n-                // TODO: implement the \"select\" part\n-                //if (styleUrl && key == \"highlight\") {\n-                //}\n-\n-            }\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n         }\n-\n+        return deactivated;\n     },\n \n-\n     /**\n-     * Method: parseFeatures\n-     * Loop through all Placemark nodes and parse them.\n-     * Will create a list of features\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n+     * Method: update\n+     * Callback function called on \"moveend\" or \"refresh\" layer events.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will determine\n+     *     the behaviour of this Strategy\n+     *\n+     * Valid options include:\n+     * force - {Boolean} if true, new data must be unconditionally read.\n+     * noAbort - {Boolean} if true, do not abort previous requests.\n      */\n-    parseFeatures: function(nodes, options) {\n-        var features = [];\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var featureNode = nodes[i];\n-            var feature = this.parseFeature.apply(this, [featureNode]);\n-            if (feature) {\n-\n-                // Create reference to styleUrl \n-                if (this.extractStyles && feature.attributes &&\n-                    feature.attributes.styleUrl) {\n-                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n-                }\n-\n-                if (this.extractStyles) {\n-                    // Make sure that <Style> nodes within a placemark are \n-                    // processed as well\n-                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n-                        \"*\",\n-                        \"Style\")[0];\n-                    if (inlineStyleNode) {\n-                        var inlineStyle = this.parseStyle(inlineStyleNode);\n-                        if (inlineStyle) {\n-                            feature.style = OpenLayers.Util.extend(\n-                                feature.style, inlineStyle\n-                            );\n-                        }\n-                    }\n-                }\n-\n-                // check if gx:Track elements should be parsed\n-                if (this.extractTracks) {\n-                    var tracks = this.getElementsByTagNameNS(\n-                        featureNode, this.namespaces.gx, \"Track\"\n-                    );\n-                    if (tracks && tracks.length > 0) {\n-                        var track = tracks[0];\n-                        var container = {\n-                            features: [],\n-                            feature: feature\n-                        };\n-                        this.readNode(track, container);\n-                        if (container.features.length > 0) {\n-                            features.push.apply(features, container.features);\n-                        }\n-                    }\n-                } else {\n-                    // add feature to list of features\n-                    features.push(feature);\n-                }\n-            } else {\n-                throw \"Bad Placemark: \" + i;\n-            }\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && ((options && options.force) ||\n+                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options);\n         }\n-\n-        // add new features to existing feature list\n-        this.features = this.features.concat(features);\n     },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: getMapBounds\n+     * Get the map bounds expressed in the same projection as this layer.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n      */\n-    readers: {\n-        \"kml\": {\n-            \"when\": function(node, container) {\n-                container.whens.push(OpenLayers.Date.parse(\n-                    this.getChildValue(node)\n-                ));\n-            },\n-            \"_trackPointAttribute\": function(node, container) {\n-                var name = node.nodeName.split(\":\").pop();\n-                container.attributes[name].push(this.getChildValue(node));\n-            }\n-        },\n-        \"gx\": {\n-            \"Track\": function(node, container) {\n-                var obj = {\n-                    whens: [],\n-                    points: [],\n-                    angles: []\n-                };\n-                if (this.trackAttributes) {\n-                    var name;\n-                    obj.attributes = {};\n-                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n-                        name = this.trackAttributes[i];\n-                        obj.attributes[name] = [];\n-                        if (!(name in this.readers.kml)) {\n-                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n-                        }\n-                    }\n-                }\n-                this.readChildNodes(node, obj);\n-                if (obj.whens.length !== obj.points.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:coord (\" +\n-                        obj.points.length + \") elements.\");\n-                }\n-                var hasAngles = obj.angles.length > 0;\n-                if (hasAngles && obj.whens.length !== obj.angles.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:angles (\" +\n-                        obj.angles.length + \") elements.\");\n-                }\n-                var feature, point, angles;\n-                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n-                    feature = container.feature.clone();\n-                    feature.fid = container.feature.fid || container.feature.id;\n-                    point = obj.points[i];\n-                    feature.geometry = point;\n-                    if (\"z\" in point) {\n-                        feature.attributes.altitude = point.z;\n-                    }\n-                    if (this.internalProjection && this.externalProjection) {\n-                        feature.geometry.transform(\n-                            this.externalProjection, this.internalProjection\n-                        );\n-                    }\n-                    if (this.trackAttributes) {\n-                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n-                            var name = this.trackAttributes[j];\n-                            feature.attributes[name] = obj.attributes[name][i];\n-                        }\n-                    }\n-                    feature.attributes.when = obj.whens[i];\n-                    feature.attributes.trackId = container.feature.id;\n-                    if (hasAngles) {\n-                        angles = obj.angles[i];\n-                        feature.attributes.heading = parseFloat(angles[0]);\n-                        feature.attributes.tilt = parseFloat(angles[1]);\n-                        feature.attributes.roll = parseFloat(angles[2]);\n-                    }\n-                    container.features.push(feature);\n-                }\n-            },\n-            \"coord\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n-                if (coords.length > 2) {\n-                    point.z = parseFloat(coords[2]);\n-                }\n-                container.points.push(point);\n-            },\n-            \"angles\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                container.angles.push(parts);\n-            }\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null;\n         }\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(\n+                this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(\n+                this.layer.map.getProjectionObject(), this.layer.projection\n+            );\n+        }\n+        return bounds;\n     },\n \n     /**\n-     * Method: parseFeature\n-     * This function is the core of the KML parsing code in OpenLayers.\n-     *     It creates the geometries that are then attached to the returned\n-     *     feature, and calls parseAttributes() to get attribute data out.\n+     * Method: invalidBounds\n+     * Determine whether the previously requested set of features is invalid. \n+     *     This occurs when the new map bounds do not contain the previously \n+     *     requested bounds.  In addition, if <resFactor> is set, it will be \n+     *     considered.\n      *\n      * Parameters:\n-     * node - {DOMElement}\n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A vector feature.\n+     * {Boolean} \n      */\n-    parseFeature: function(node) {\n-        // only accept one geometry per feature - look for highest \"order\"\n-        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n-        var type, nodeList, geometry, parser;\n-        for (var i = 0, len = order.length; i < len; ++i) {\n-            type = order[i];\n-            this.internalns = node.namespaceURI ?\n-                node.namespaceURI : this.kmlns;\n-            nodeList = this.getElementsByTagNameNS(node,\n-                this.internalns, type);\n-            if (nodeList.length > 0) {\n-                // only deal with first geometry of this type\n-                var parser = this.parseGeometry[type.toLowerCase()];\n-                if (parser) {\n-                    geometry = parser.apply(this, [nodeList[0]]);\n-                    if (this.internalProjection && this.externalProjection) {\n-                        geometry.transform(this.externalProjection,\n-                            this.internalProjection);\n-                    }\n-                } else {\n-                    throw new TypeError(\"Unsupported geometry type: \" + type);\n-                }\n-                // stop looking for different geometry types\n-                break;\n-            }\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n         }\n-\n-        // construct feature (optionally with attributes)\n-        var attributes;\n-        if (this.extractAttributes) {\n-            attributes = this.parseAttributes(node);\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n         }\n-        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        return invalid;\n+    },\n \n-        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n-        if (fid != null) {\n-            feature.fid = fid;\n+    /**\n+     * Method: calculateBounds\n+     *\n+     * Parameters:\n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n+     */\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n         }\n-\n-        return feature;\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(\n+            center.lon - (dataWidth / 2),\n+            center.lat - (dataHeight / 2),\n+            center.lon + (dataWidth / 2),\n+            center.lat + (dataHeight / 2)\n+        );\n     },\n \n     /**\n-     * Method: getStyle\n-     * Retrieves a style from a style hash using styleUrl as the key\n-     * If the styleUrl doesn't exist yet, we try to fetch it \n-     * Internet\n-     * \n-     * Parameters: \n-     * styleUrl  - {String} URL of style\n-     * options   - {Object} Hash of options \n+     * Method: triggerRead\n+     *\n+     * Parameters:\n+     * options - {Object} Additional options for the protocol's read method \n+     *     (optional)\n      *\n      * Returns:\n-     * {Object}  - (reference to) Style hash\n+     * {<OpenLayers.Protocol.Response>} The protocol response object\n+     *      returned by the layer protocol.\n      */\n-    getStyle: function(styleUrl, options) {\n-\n-        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n-\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-        newOptions.styleBaseUrl = styleBaseUrl;\n-\n-        // Fetch remote Style URLs (if not fetched before) \n-        if (!this.styles[styleUrl] &&\n-            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n-            newOptions.depth <= this.maxDepth &&\n-            !this.fetched[styleBaseUrl]) {\n-\n-            var data = this.fetchLink(styleBaseUrl);\n-            if (data) {\n-                this.parseData(data, newOptions);\n-            }\n-\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\");\n         }\n-\n-        // return requested style\n-        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n-        return style;\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(\n+            OpenLayers.Util.applyDefaults({\n+                filter: evt.filter,\n+                callback: this.merge,\n+                scope: this\n+            }, options));\n     },\n \n     /**\n-     * Property: parseGeometry\n-     * Properties of this object are the functions that parse geometries based\n-     *     on their type.\n+     * Method: createFilter\n+     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n+     * to has a filter property, this filter will be combined with the BBOX \n+     * filter.\n+     * \n+     * Returns\n+     * {<OpenLayers.Filter>} The filter object.\n      */\n-    parseGeometry: {\n-\n-        /**\n-         * Method: parseGeometry.point\n-         * Given a KML node representing a point geometry, create an OpenLayers\n-         *     point geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Point node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Point>} A point geometry.\n-         */\n-        point: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var coords = [];\n-            if (nodeList.length > 0) {\n-                var coordString = nodeList[0].firstChild.nodeValue;\n-                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n-                coords = coordString.split(\",\");\n-            }\n-\n-            var point = null;\n-            if (coords.length > 1) {\n-                // preserve third dimension\n-                if (coords.length == 2) {\n-                    coords[2] = null;\n-                }\n-                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n-                    coords[2]);\n-            } else {\n-                throw \"Bad coordinate string: \" + coordString;\n-            }\n-            return point;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.linestring\n-         * Given a KML node representing a linestring geometry, create an\n-         *     OpenLayers linestring geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML LineString node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         */\n-        linestring: function(node, ring) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var line = null;\n-            if (nodeList.length > 0) {\n-                var coordString = this.getChildValue(nodeList[0]);\n-\n-                coordString = coordString.replace(this.regExes.trimSpace,\n-                    \"\");\n-                coordString = coordString.replace(this.regExes.trimComma,\n-                    \",\");\n-                var pointList = coordString.split(this.regExes.splitSpace);\n-                var numPoints = pointList.length;\n-                var points = new Array(numPoints);\n-                var coords, numCoords;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    coords = pointList[i].split(\",\");\n-                    numCoords = coords.length;\n-                    if (numCoords > 1) {\n-                        if (coords.length == 2) {\n-                            coords[2] = null;\n-                        }\n-                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n-                            coords[1],\n-                            coords[2]);\n-                    } else {\n-                        throw \"Bad LineString point coordinates: \" +\n-                            pointList[i];\n-                    }\n-                }\n-                if (numPoints) {\n-                    if (ring) {\n-                        line = new OpenLayers.Geometry.LinearRing(points);\n-                    } else {\n-                        line = new OpenLayers.Geometry.LineString(points);\n-                    }\n-                } else {\n-                    throw \"Bad LineString coordinates: \" + coordString;\n-                }\n-            }\n-\n-            return line;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.polygon\n-         * Given a KML node representing a polygon geometry, create an\n-         *     OpenLayers polygon geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Polygon node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         */\n-        polygon: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"LinearRing\");\n-            var numRings = nodeList.length;\n-            var components = new Array(numRings);\n-            if (numRings > 0) {\n-                // this assumes exterior ring first, inner rings after\n-                var ring;\n-                for (var i = 0, len = nodeList.length; i < len; ++i) {\n-                    ring = this.parseGeometry.linestring.apply(this,\n-                        [nodeList[i], true]);\n-                    if (ring) {\n-                        components[i] = ring;\n-                    } else {\n-                        throw \"Bad LinearRing geometry: \" + i;\n-                    }\n-                }\n-            }\n-            return new OpenLayers.Geometry.Polygon(components);\n-        },\n-\n-        /**\n-         * Method: parseGeometry.multigeometry\n-         * Given a KML node representing a multigeometry, create an\n-         *     OpenLayers geometry collection.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML MultiGeometry node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         */\n-        multigeometry: function(node) {\n-            var child, parser;\n-            var parts = [];\n-            var children = node.childNodes;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    var type = (child.prefix) ?\n-                        child.nodeName.split(\":\")[1] :\n-                        child.nodeName;\n-                    var parser = this.parseGeometry[type.toLowerCase()];\n-                    if (parser) {\n-                        parts.push(parser.apply(this, [child]));\n-                    }\n-                }\n-            }\n-            return new OpenLayers.Geometry.Collection(parts);\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n+        });\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            });\n         }\n-\n+        return filter;\n     },\n \n     /**\n-     * Method: parseAttributes\n+     * Method: merge\n+     * Given a list of features, determine which ones to add to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n      *\n      * Parameters:\n-     * node - {DOMElement}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n      */\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-\n-        // Extended Data is parsed first.\n-        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n-        if (edNodes.length) {\n-            attributes = this.parseExtendedData(edNodes[0]);\n-        }\n-\n-        // assume attribute nodes are type 1 children with a type 3 or 4 child\n-        var child, grandchildren, grandchild;\n-        var children = node.childNodes;\n-\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                grandchildren = child.childNodes;\n-                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n-                    var grandchild;\n-                    switch (grandchildren.length) {\n-                        case 1:\n-                            grandchild = grandchildren[0];\n-                            break;\n-                        case 2:\n-                            var c1 = grandchildren[0];\n-                            var c2 = grandchildren[1];\n-                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n-                                c1 : c2;\n-                            break;\n-                        case 3:\n-                        default:\n-                            grandchild = grandchildren[1];\n-                            break;\n-                    }\n-                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                        var name = (child.prefix) ?\n-                            child.nodeName.split(\":\")[1] :\n-                            child.nodeName;\n-                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n-                        if (value) {\n-                            value = value.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value;\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local);\n                         }\n                     }\n                 }\n+                this.layer.addFeatures(features);\n             }\n+        } else {\n+            this.bounds = null;\n         }\n-        return attributes;\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n     },\n \n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Paging.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Paging\n+ * Strategy for vector feature paging\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+\n     /**\n-     * Method: parseExtendedData\n-     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n-     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n-     *     for more information on extendeddata.\n+     * Property: features\n+     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n      */\n-    parseExtendedData: function(node) {\n-        var attributes = {};\n-        var i, len, data, key;\n-        var dataNodes = node.getElementsByTagName(\"Data\");\n-        for (i = 0, len = dataNodes.length; i < len; i++) {\n-            data = dataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            var ed = {};\n-            var valueNode = data.getElementsByTagName(\"value\");\n-            if (valueNode.length) {\n-                ed['value'] = this.getChildValue(valueNode[0]);\n-            }\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                var nameNode = data.getElementsByTagName(\"displayName\");\n-                if (nameNode.length) {\n-                    ed['displayName'] = this.getChildValue(nameNode[0]);\n-                }\n-                attributes[key] = ed;\n-            }\n-        }\n-        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n-        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n-            var ed = {};\n-            data = simpleDataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            ed['value'] = this.getChildValue(data);\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                ed['displayName'] = key;\n-                attributes[key] = ed;\n-            }\n-        }\n+    features: null,\n \n-        return attributes;\n-    },\n+    /**\n+     * Property: length\n+     * {Integer} Number of features per page.  Default is 10.\n+     */\n+    length: 10,\n \n     /**\n-     * Method: parseProperty\n-     * Convenience method to find a node and return its value\n+     * Property: num\n+     * {Integer} The currently displayed page number.\n+     */\n+    num: null,\n+\n+    /**\n+     * Property: paging\n+     * {Boolean} The strategy is currently changing pages.\n+     */\n+    paging: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Paging\n+     * Create a new paging strategy.\n      *\n      * Parameters:\n-     * xmlNode    - {<DOMElement>}\n-     * namespace  - {String} namespace of the node to find\n-     * tagName    - {String} name of the property to parse\n-     * \n-     * Returns:\n-     * {String} The value for the requested property (defaults to null)\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    parseProperty: function(xmlNode, namespace, tagName) {\n-        var value;\n-        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n-        try {\n-            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n-        } catch (e) {\n-            value = null;\n-        }\n-\n-        return value;\n-    },\n \n     /**\n-     * APIMethod: write\n-     * Accept Feature Collection, and return a string. \n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n      * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n-     *\n      * Returns:\n-     * {String} A KML string.\n+     * {Boolean} The strategy was successfully activated.\n      */\n-    write: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        var kml = this.createElementNS(this.kmlns, \"kml\");\n-        var folder = this.createFolderXML();\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            folder.appendChild(this.createPlacemarkXML(features[i]));\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                scope: this\n+            });\n         }\n-        kml.appendChild(folder);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n+        return activated;\n     },\n \n     /**\n-     * Method: createFolderXML\n-     * Creates and returns a KML folder node\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n      * \n      * Returns:\n-     * {DOMElement}\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    createFolderXML: function() {\n-        // Folder\n-        var folder = this.createElementNS(this.kmlns, \"Folder\");\n-\n-        // Folder name\n-        if (this.foldersName) {\n-            var folderName = this.createElementNS(this.kmlns, \"name\");\n-            var folderNameText = this.createTextNode(this.foldersName);\n-            folderName.appendChild(folderNameText);\n-            folder.appendChild(folderName);\n-        }\n-\n-        // Folder description\n-        if (this.foldersDesc) {\n-            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n-            var folderDescText = this.createTextNode(this.foldersDesc);\n-            folderDesc.appendChild(folderDescText);\n-            folder.appendChild(folderDesc);\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                scope: this\n+            });\n         }\n-\n-        return folder;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: createPlacemarkXML\n-     * Creates and returns a KML placemark node representing the given feature. \n-     * \n+     * Method: cacheFeatures\n+     * Cache features before they are added to the layer.\n+     *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * event - {Object} The event that this was listening for.  This will come\n+     *     with a batch of features to be paged.\n      */\n-    createPlacemarkXML: function(feature) {\n-        // Placemark name\n-        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n-        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n-        var name = feature.attributes.name || label;\n-        placemarkName.appendChild(this.createTextNode(name));\n-\n-        // Placemark description\n-        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n-        var desc = feature.attributes.description || this.placemarksDesc;\n-        placemarkDesc.appendChild(this.createTextNode(desc));\n-\n-        // Placemark\n-        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n-        if (feature.fid != null) {\n-            placemarkNode.setAttribute(\"id\", feature.fid);\n+    cacheFeatures: function(event) {\n+        if (!this.paging) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.pageNext(event);\n         }\n-        placemarkNode.appendChild(placemarkName);\n-        placemarkNode.appendChild(placemarkDesc);\n-\n-        // Geometry node (Point, LineString, etc. nodes)\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        placemarkNode.appendChild(geometryNode);\n+    },\n \n-        // output attributes as extendedData\n-        if (feature.attributes) {\n-            var edNode = this.buildExtendedData(feature.attributes);\n-            if (edNode) {\n-                placemarkNode.appendChild(edNode);\n+    /**\n+     * Method: clearCache\n+     * Clear out the cached features.  This destroys features, assuming\n+     *     nothing else has a reference.\n+     */\n+    clearCache: function() {\n+        if (this.features) {\n+            for (var i = 0; i < this.features.length; ++i) {\n+                this.features[i].destroy();\n             }\n         }\n-\n-        return placemarkNode;\n+        this.features = null;\n+        this.num = null;\n     },\n \n     /**\n-     * Method: buildGeometryNode\n-     * Builds and returns a KML geometry node with the given geometry.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * APIMethod: pageCount\n+     * Get the total count of pages given the current cache of features.\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {Integer} The page count.\n      */\n-    buildGeometryNode: function(geometry) {\n-        var className = geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        var builder = this.buildGeometry[type.toLowerCase()];\n-        var node = null;\n-        if (builder) {\n-            node = builder.apply(this, [geometry]);\n-        }\n-        return node;\n+    pageCount: function() {\n+        var numFeatures = this.features ? this.features.length : 0;\n+        return Math.ceil(numFeatures / this.length);\n     },\n \n     /**\n-     * Property: buildGeometry\n-     * Object containing methods to do the actual geometry node building\n-     *     based on geometry type.\n+     * APIMethod: pageNum\n+     * Get the zero based page number.\n+     *\n+     * Returns:\n+     * {Integer} The current page number being displayed.\n      */\n-    buildGeometry: {\n-        // TBD: Anybody care about namespace aliases here (these nodes have\n-        //    no prefixes)?\n-\n-        /**\n-         * Method: buildGeometry.point\n-         * Given an OpenLayers point geometry, create a KML point.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML point node.\n-         */\n-        point: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Point\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipoint\n-         * Given an OpenLayers multipoint geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipoint: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linestring\n-         * Given an OpenLayers linestring geometry, create a KML linestring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linestring node.\n-         */\n-        linestring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LineString\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multilinestring\n-         * Given an OpenLayers multilinestring geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multilinestring: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linearring\n-         * Given an OpenLayers linearring geometry, create a KML linearring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linearring node.\n-         */\n-        linearring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.polygon\n-         * Given an OpenLayers polygon geometry, create a KML polygon.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML polygon node.\n-         */\n-        polygon: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n-            var rings = geometry.components;\n-            var ringMember, ringGeom, type;\n-            for (var i = 0, len = rings.length; i < len; ++i) {\n-                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n-                ringMember = this.createElementNS(this.kmlns, type);\n-                ringGeom = this.buildGeometry.linearring.apply(this,\n-                    [rings[i]]);\n-                ringMember.appendChild(ringGeom);\n-                kml.appendChild(ringMember);\n-            }\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipolygon\n-         * Given an OpenLayers multipolygon geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipolygon: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.collection\n-         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML MultiGeometry node.\n-         */\n-        collection: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n-            var child;\n-            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n-                child = this.buildGeometryNode.apply(this,\n-                    [geometry.components[i]]);\n-                if (child) {\n-                    kml.appendChild(child);\n-                }\n-            }\n-            return kml;\n-        }\n+    pageNum: function() {\n+        return this.num;\n     },\n \n     /**\n-     * Method: buildCoordinatesNode\n-     * Builds and returns the KML coordinates node with the given geometry\n-     * <coordinates>...</coordinates>\n-     * \n+     * APIMethod: pageLength\n+     * Gets or sets page length.\n+     *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * newLength - {Integer} Optional length to be set.\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {Integer} The length of a page (number of features per page).\n      */\n-    buildCoordinatesNode: function(geometry) {\n-        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+    pageLength: function(newLength) {\n+        if (newLength && newLength > 0) {\n+            this.length = newLength;\n+        }\n+        return this.length;\n+    },\n \n-        var path;\n-        var points = geometry.components;\n-        if (points) {\n-            // LineString or LinearRing\n-            var point;\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; ++i) {\n-                point = points[i];\n-                parts[i] = this.buildCoordinates(point);\n+    /**\n+     * APIMethod: pageNext\n+     * Display the next page of features.\n+     *\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n+     */\n+    pageNext: function(event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = -1;\n             }\n-            path = parts.join(\" \");\n-        } else {\n-            // Point\n-            path = this.buildCoordinates(geometry);\n+            var start = (this.num + 1) * this.length;\n+            changed = this.page(start, event);\n         }\n-\n-        var txtNode = this.createTextNode(path);\n-        coordinatesNode.appendChild(txtNode);\n-\n-        return coordinatesNode;\n+        return changed;\n     },\n \n     /**\n-     * Method: buildCoordinates\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n+     * APIMethod: pagePrevious\n+     * Display the previous page of features.\n      *\n-     * Returns\n-     * {String} a coordinate pair\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n      */\n-    buildCoordinates: function(point) {\n-        if (this.internalProjection && this.externalProjection) {\n-            point = point.clone();\n-            point.transform(this.internalProjection,\n-                this.externalProjection);\n+    pagePrevious: function() {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = this.pageCount();\n+            }\n+            var start = (this.num - 1) * this.length;\n+            changed = this.page(start);\n         }\n-        return point.x + \",\" + point.y;\n+        return changed;\n     },\n \n     /**\n-     * Method: buildExtendedData\n-     *\n-     * Parameters:\n-     * attributes - {Object}\n+     * Method: page\n+     * Display the page starting at the given index from the cache.\n      *\n-     * Returns\n-     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n      */\n-    buildExtendedData: function(attributes) {\n-        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n-        for (var attributeName in attributes) {\n-            // empty, name, description, styleUrl attributes ignored\n-            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n-                var data = this.createElementNS(this.kmlns, \"Data\");\n-                data.setAttribute(\"name\", attributeName);\n-                var value = this.createElementNS(this.kmlns, \"value\");\n-                if (typeof attributes[attributeName] == \"object\") {\n-                    // cater for object attributes with 'value' properties\n-                    // other object properties will output an empty node\n-                    if (attributes[attributeName].value) {\n-                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n-                    }\n-                    if (attributes[attributeName].displayName) {\n-                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n-                        // displayName always written as CDATA\n-                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n-                        data.appendChild(displayName);\n+    page: function(start, event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (start >= 0 && start < this.features.length) {\n+                var num = Math.floor(start / this.length);\n+                if (num != this.num) {\n+                    this.paging = true;\n+                    var features = this.features.slice(start, start + this.length);\n+                    this.layer.removeFeatures(this.layer.features);\n+                    this.num = num;\n+                    // modify the event if any\n+                    if (event && event.features) {\n+                        // this.was called by an event listener\n+                        event.features = features;\n+                    } else {\n+                        // this was called directly on the strategy\n+                        this.layer.addFeatures(features);\n                     }\n-                } else {\n-                    value.appendChild(this.createTextNode(attributes[attributeName]));\n+                    this.paging = false;\n+                    changed = true;\n                 }\n-                data.appendChild(value);\n-                extendedData.appendChild(data);\n             }\n         }\n-        if (this.isSimpleContent(extendedData)) {\n-            return null;\n-        } else {\n-            return extendedData;\n-        }\n+        return changed;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.KML\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WPSCapabilities.js\n+    OpenLayers/Strategy/Save.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Strategy.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WPSCapabilities\n- * Read WPS Capabilities.\n- * \n+ * Class: OpenLayers.Strategy.Save\n+ * A strategy that commits newly created or modified features.  By default\n+ *     the strategy waits for a call to <save> before persisting changes.  By\n+ *     configuring the strategy with the <auto> option, changes can be saved\n+ *     automatically.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Strategy>\n  */\n-OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n-     */\n-    defaultVersion: \"1.0.0\",\n+OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n \n     /**\n-     * Constructor: OpenLayers.Format.WPSCapabilities\n-     * Create a new parser for WPS Capabilities.\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the strategy object.\n      *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service.\n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * strategy.events.register(type, obj, listener);\n+     * (end)\n      *\n-     * Returns:\n-     * {Object} Info about the WPS\n+     * Supported event types:\n+     * start - Triggered before saving\n+     * success - Triggered after a successful transaction\n+     * fail - Triggered after a failed transaction\n+     * \n      */\n \n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/OSM.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**  \n- * Class: OpenLayers.Format.OSM\n- * OSM parser. Create a new instance with the \n- *     <OpenLayers.Format.OSM> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * APIProperty: checkTags\n-     * {Boolean} Should tags be checked to determine whether something\n-     * should be treated as a seperate node. Will slow down parsing.\n-     * Default is false.\n+    /** \n+     * Property: events\n+     * {<OpenLayers.Events>} Events instance for triggering this protocol\n+     *    events.\n      */\n-    checkTags: false,\n+    events: null,\n \n     /**\n-     * Property: interestingTagsExclude\n-     * {Array} List of tags to exclude from 'interesting' checks on nodes.\n-     * Must be set when creating the format. Will only be used if checkTags\n-     * is set.\n+     * APIProperty: auto\n+     * {Boolean | Number} Auto-save.  Default is false.  If true, features will be\n+     *     saved immediately after being added to the layer and with each\n+     *     modification or deletion.  If auto is a number, features will be\n+     *     saved on an interval provided by the value (in seconds).\n      */\n-    interestingTagsExclude: null,\n+    auto: false,\n \n     /**\n-     * APIProperty: areaTags\n-     * {Array} List of tags indicating that something is an area.  \n-     * Must be set when creating the format. Will only be used if \n-     * checkTags is true.\n+     * Property: timer\n+     * {Number} The id of the timer.\n      */\n-    areaTags: null,\n+    timer: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.OSM\n-     * Create a new parser for OSM.\n+     * Constructor: OpenLayers.Strategy.Save\n+     * Create a new Save strategy.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n     initialize: function(options) {\n-        var layer_defaults = {\n-            'interestingTagsExclude': ['source', 'source_ref',\n-                'source:ref', 'history', 'attribution', 'created_by'\n-            ],\n-            'areaTags': ['area', 'building', 'leisure', 'tourism', 'ruins',\n-                'historic', 'landuse', 'military', 'natural', 'sport'\n-            ]\n-        };\n-\n-        layer_defaults = OpenLayers.Util.extend(layer_defaults, options);\n-\n-        var interesting = {};\n-        for (var i = 0; i < layer_defaults.interestingTagsExclude.length; i++) {\n-            interesting[layer_defaults.interestingTagsExclude[i]] = true;\n-        }\n-        layer_defaults.interestingTagsExclude = interesting;\n-\n-        var area = {};\n-        for (var i = 0; i < layer_defaults.areaTags.length; i++) {\n-            area[layer_defaults.areaTags[i]] = true;\n-        }\n-        layer_defaults.areaTags = area;\n-\n-        // OSM coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [layer_defaults]);\n+        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n+        this.events = new OpenLayers.Events(this);\n     },\n \n     /**\n-     * APIMethod: read\n-     * Return a list of features from a OSM doc\n-     \n-     * Parameters:\n-     * doc - {Element} \n-     *\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * \n      * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n+     * {Boolean} The strategy was successfully activated.\n      */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-\n-        var nodes = this.getNodes(doc);\n-        var ways = this.getWays(doc);\n-\n-        // Geoms will contain at least ways.length entries.\n-        var feat_list = new Array(ways.length);\n-\n-        for (var i = 0; i < ways.length; i++) {\n-            // We know the minimal of this one ahead of time. (Could be -1\n-            // due to areas/polygons)\n-            var point_list = new Array(ways[i].nodes.length);\n-\n-            var poly = this.isWayArea(ways[i]) ? 1 : 0;\n-            for (var j = 0; j < ways[i].nodes.length; j++) {\n-                var node = nodes[ways[i].nodes[j]];\n-\n-                var point = new OpenLayers.Geometry.Point(node.lon, node.lat);\n-\n-                // Since OSM is topological, we stash the node ID internally. \n-                point.osm_id = parseInt(ways[i].nodes[j]);\n-                point_list[j] = point;\n-\n-                // We don't display nodes if they're used inside other \n-                // elements.\n-                node.used = true;\n-            }\n-            var geometry = null;\n-            if (poly) {\n-                geometry = new OpenLayers.Geometry.Polygon(\n-                    new OpenLayers.Geometry.LinearRing(point_list));\n-            } else {\n-                geometry = new OpenLayers.Geometry.LineString(point_list);\n-            }\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry.transform(this.externalProjection,\n-                    this.internalProjection);\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    this.timer = window.setInterval(\n+                        OpenLayers.Function.bind(this.save, this),\n+                        this.auto * 1000\n+                    );\n+                } else {\n+                    this.layer.events.on({\n+                        \"featureadded\": this.triggerSave,\n+                        \"afterfeaturemodified\": this.triggerSave,\n+                        scope: this\n+                    });\n+                }\n             }\n-            var feat = new OpenLayers.Feature.Vector(geometry,\n-                ways[i].tags);\n-            feat.osm_id = parseInt(ways[i].id);\n-            feat.fid = \"way.\" + feat.osm_id;\n-            feat_list[i] = feat;\n         }\n-        for (var node_id in nodes) {\n-            var node = nodes[node_id];\n-            if (!node.used || this.checkTags) {\n-                var tags = null;\n+        return activated;\n+    },\n \n-                if (this.checkTags) {\n-                    var result = this.getTags(node.node, true);\n-                    if (node.used && !result[1]) {\n-                        continue;\n-                    }\n-                    tags = result[0];\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    window.clearInterval(this.timer);\n                 } else {\n-                    tags = this.getTags(node.node);\n-                }\n-\n-                var feat = new OpenLayers.Feature.Vector(\n-                    new OpenLayers.Geometry.Point(node['lon'], node['lat']),\n-                    tags);\n-                if (this.internalProjection && this.externalProjection) {\n-                    feat.geometry.transform(this.externalProjection,\n-                        this.internalProjection);\n+                    this.layer.events.un({\n+                        \"featureadded\": this.triggerSave,\n+                        \"afterfeaturemodified\": this.triggerSave,\n+                        scope: this\n+                    });\n                 }\n-                feat.osm_id = parseInt(node_id);\n-                feat.fid = \"node.\" + feat.osm_id;\n-                feat_list.push(feat);\n             }\n-            // Memory cleanup\n-            node.node = null;\n         }\n-        return feat_list;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: getNodes\n-     * Return the node items from a doc.  \n+     * Method: triggerSave\n+     * Registered as a listener.  Calls save if a feature has insert, update,\n+     *     or delete state.\n      *\n      * Parameters:\n-     * doc - {DOMElement} node to parse tags from\n+     * event - {Object} The event this function is listening for.\n      */\n-    getNodes: function(doc) {\n-        var node_list = doc.getElementsByTagName(\"node\");\n-        var nodes = {};\n-        for (var i = 0; i < node_list.length; i++) {\n-            var node = node_list[i];\n-            var id = node.getAttribute(\"id\");\n-            nodes[id] = {\n-                'lat': node.getAttribute(\"lat\"),\n-                'lon': node.getAttribute(\"lon\"),\n-                'node': node\n-            };\n+    triggerSave: function(event) {\n+        var feature = event.feature;\n+        if (feature.state === OpenLayers.State.INSERT ||\n+            feature.state === OpenLayers.State.UPDATE ||\n+            feature.state === OpenLayers.State.DELETE) {\n+            this.save([event.feature]);\n         }\n-        return nodes;\n     },\n \n     /**\n-     * Method: getWays\n-     * Return the way items from a doc.  \n+     * APIMethod: save\n+     * Tell the layer protocol to commit unsaved features.  If the layer\n+     *     projection differs from the map projection, features will be\n+     *     transformed into the layer projection before being committed.\n      *\n      * Parameters:\n-     * doc - {DOMElement} node to parse tags from\n+     * features - {Array} Features to be saved.  If null, then default is all\n+     *     features in the layer.  Features are assumed to be in the map\n+     *     projection.\n      */\n-    getWays: function(doc) {\n-        var way_list = doc.getElementsByTagName(\"way\");\n-        var return_ways = [];\n-        for (var i = 0; i < way_list.length; i++) {\n-            var way = way_list[i];\n-            var way_object = {\n-                id: way.getAttribute(\"id\")\n-            };\n-\n-            way_object.tags = this.getTags(way);\n-\n-            var node_list = way.getElementsByTagName(\"nd\");\n-\n-            way_object.nodes = new Array(node_list.length);\n-\n-            for (var j = 0; j < node_list.length; j++) {\n-                way_object.nodes[j] = node_list[j].getAttribute(\"ref\");\n+    save: function(features) {\n+        if (!features) {\n+            features = this.layer.features;\n+        }\n+        this.events.triggerEvent(\"start\", {\n+            features: features\n+        });\n+        var remote = this.layer.projection;\n+        var local = this.layer.map.getProjectionObject();\n+        if (!local.equals(remote)) {\n+            var len = features.length;\n+            var clones = new Array(len);\n+            var orig, clone;\n+            for (var i = 0; i < len; ++i) {\n+                orig = features[i];\n+                clone = orig.clone();\n+                clone.fid = orig.fid;\n+                clone.state = orig.state;\n+                if (orig.url) {\n+                    clone.url = orig.url;\n+                }\n+                clone._original = orig;\n+                clone.geometry.transform(local, remote);\n+                clones[i] = clone;\n             }\n-            return_ways.push(way_object);\n+            features = clones;\n         }\n-        return return_ways;\n-\n+        this.layer.protocol.commit(features, {\n+            callback: this.onCommit,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: getTags\n-     * Return the tags list attached to a specific DOM element.\n+     * Method: onCommit\n+     * Called after protocol commit.\n      *\n      * Parameters:\n-     * dom_node - {DOMElement} node to parse tags from\n-     * interesting_tags - {Boolean} whether the return from this function should\n-     *    return a boolean indicating that it has 'interesting tags' -- \n-     *    tags like attribution and source are ignored. (To change the list\n-     *    of tags, see interestingTagsExclude)\n-     * \n-     * Returns:\n-     * tags - {Object} hash of tags\n-     * interesting - {Boolean} if interesting_tags is passed, returns\n-     *     whether there are any interesting tags on this element.\n+     * response - {<OpenLayers.Protocol.Response>} A response object.\n      */\n-    getTags: function(dom_node, interesting_tags) {\n-        var tag_list = dom_node.getElementsByTagName(\"tag\");\n-        var tags = {};\n-        var interesting = false;\n-        for (var j = 0; j < tag_list.length; j++) {\n-            var key = tag_list[j].getAttribute(\"k\");\n-            tags[key] = tag_list[j].getAttribute(\"v\");\n-            if (interesting_tags) {\n-                if (!this.interestingTagsExclude[key]) {\n-                    interesting = true;\n+    onCommit: function(response) {\n+        var evt = {\n+            \"response\": response\n+        };\n+        if (response.success()) {\n+            var features = response.reqFeatures;\n+            // deal with inserts, updates, and deletes\n+            var state, feature;\n+            var destroys = [];\n+            var insertIds = response.insertIds || [];\n+            var j = 0;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                // if projection was different, we may be dealing with clones\n+                feature = feature._original || feature;\n+                state = feature.state;\n+                if (state) {\n+                    if (state == OpenLayers.State.DELETE) {\n+                        destroys.push(feature);\n+                    } else if (state == OpenLayers.State.INSERT) {\n+                        feature.fid = insertIds[j];\n+                        ++j;\n+                    }\n+                    feature.state = null;\n                 }\n             }\n+\n+            if (destroys.length > 0) {\n+                this.layer.destroyFeatures(destroys);\n+            }\n+\n+            this.events.triggerEvent(\"success\", evt);\n+\n+        } else {\n+            this.events.triggerEvent(\"fail\", evt);\n         }\n-        return interesting_tags ? [tags, interesting] : tags;\n     },\n \n-    /** \n-     * Method: isWayArea\n-     * Given a way object from getWays, check whether the tags and geometry\n-     * indicate something is an area.\n-     *\n-     * Returns:\n-     * {Boolean}\n+    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Filter.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Filter.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Filter\n+ * Strategy for limiting features that get added to a layer by \n+ *     evaluating a filter.  The strategy maintains a cache of\n+ *     all features until removeFeatures is called on the layer.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * APIProperty: filter\n+     * {<OpenLayers.Filter>}  Filter for limiting features sent to the layer.\n+     *     Use the <setFilter> method to update this filter after construction.\n      */\n-    isWayArea: function(way) {\n-        var poly_shaped = false;\n-        var poly_tags = false;\n+    filter: null,\n \n-        if (way.nodes[0] == way.nodes[way.nodes.length - 1]) {\n-            poly_shaped = true;\n-        }\n-        if (this.checkTags) {\n-            for (var key in way.tags) {\n-                if (this.areaTags[key]) {\n-                    poly_tags = true;\n-                    break;\n-                }\n-            }\n-        }\n-        return poly_shaped && (this.checkTags ? poly_tags : true);\n-    },\n+    /**\n+     * Property: cache\n+     * {Array(<OpenLayers.Feature.Vector>)} List of currently cached\n+     *     features.\n+     */\n+    cache: null,\n \n     /**\n-     * APIMethod: write \n-     * Takes a list of features, returns a serialized OSM format file for use\n-     * in tools like JOSM.\n+     * Property: caching\n+     * {Boolean} The filter is currently caching features.\n+     */\n+    caching: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Filter\n+     * Create a new filter strategy.\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)}\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    write: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n \n-        this.osm_id = 1;\n-        this.created_nodes = {};\n-        var root_node = this.createElementNS(null, \"osm\");\n-        root_node.setAttribute(\"version\", \"0.5\");\n-        root_node.setAttribute(\"generator\", \"OpenLayers \" + OpenLayers.VERSION_NUMBER);\n-\n-        // Loop backwards, because the deserializer puts nodes last, and \n-        // we want them first if possible\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            var nodes = this.createFeatureNodes(features[i]);\n-            for (var j = 0; j < nodes.length; j++) {\n-                root_node.appendChild(nodes[j]);\n-            }\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     *     By default, this strategy automatically activates itself when a layer\n+     *     is added to a map.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.cache = [];\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.handleAdd,\n+                \"beforefeaturesremoved\": this.handleRemove,\n+                scope: this\n+            });\n         }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root_node]);\n+        return activated;\n     },\n \n     /**\n-     * Method: createFeatureNodes\n-     * Takes a feature, returns a list of nodes from size 0->n.\n-     * Will include all pieces of the serialization that are required which\n-     * have not already been created. Calls out to createXML based on geometry\n-     * type.\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Clear the feature cache.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n      */\n-    createFeatureNodes: function(feature) {\n-        var nodes = [];\n-        var className = feature.geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        type = type.toLowerCase();\n-        var builder = this.createXML[type];\n-        if (builder) {\n-            nodes = builder.apply(this, [feature]);\n+    deactivate: function() {\n+        this.cache = null;\n+        if (this.layer && this.layer.events) {\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.handleAdd,\n+                \"beforefeaturesremoved\": this.handleRemove,\n+                scope: this\n+            });\n         }\n-        return nodes;\n+        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments);\n     },\n \n     /**\n-     * Method: createXML\n-     * Takes a feature, returns a list of nodes from size 0->n.\n-     * Will include all pieces of the serialization that are required which\n-     * have not already been created.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * Method: handleAdd\n      */\n-    createXML: {\n-        'point': function(point) {\n-            var id = null;\n-            var geometry = point.geometry ? point.geometry : point;\n-\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry = geometry.clone();\n-                geometry.transform(this.internalProjection,\n-                    this.externalProjection);\n-            }\n-\n-            var already_exists = false; // We don't return anything if the node\n-            // has already been created\n-            if (point.osm_id) {\n-                id = point.osm_id;\n-                if (this.created_nodes[id]) {\n-                    already_exists = true;\n-                }\n-            } else {\n-                id = -this.osm_id;\n-                this.osm_id++;\n-            }\n-            if (already_exists) {\n-                node = this.created_nodes[id];\n-            } else {\n-                var node = this.createElementNS(null, \"node\");\n-            }\n-            this.created_nodes[id] = node;\n-            node.setAttribute(\"id\", id);\n-            node.setAttribute(\"lon\", geometry.x);\n-            node.setAttribute(\"lat\", geometry.y);\n-            if (point.attributes) {\n-                this.serializeTags(point, node);\n-            }\n-            this.setState(point, node);\n-            return already_exists ? [] : [node];\n-        },\n-        linestring: function(feature) {\n-            var id;\n-            var nodes = [];\n-            var geometry = feature.geometry;\n-            if (feature.osm_id) {\n-                id = feature.osm_id;\n-            } else {\n-                id = -this.osm_id;\n-                this.osm_id++;\n-            }\n-            var way = this.createElementNS(null, \"way\");\n-            way.setAttribute(\"id\", id);\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                var node = this.createXML['point'].apply(this, [geometry.components[i]]);\n-                if (node.length) {\n-                    node = node[0];\n-                    var node_ref = node.getAttribute(\"id\");\n-                    nodes.push(node);\n+    handleAdd: function(event) {\n+        if (!this.caching && this.filter) {\n+            var features = event.features;\n+            event.features = [];\n+            var feature;\n+            for (var i = 0, ii = features.length; i < ii; ++i) {\n+                feature = features[i];\n+                if (this.filter.evaluate(feature)) {\n+                    event.features.push(feature);\n                 } else {\n-                    node_ref = geometry.components[i].osm_id;\n-                    node = this.created_nodes[node_ref];\n+                    this.cache.push(feature);\n                 }\n-                this.setState(feature, node);\n-                var nd_dom = this.createElementNS(null, \"nd\");\n-                nd_dom.setAttribute(\"ref\", node_ref);\n-                way.appendChild(nd_dom);\n             }\n-            this.serializeTags(feature, way);\n-            nodes.push(way);\n-\n-            return nodes;\n-        },\n-        polygon: function(feature) {\n-            var attrs = OpenLayers.Util.extend({\n-                'area': 'yes'\n-            }, feature.attributes);\n-            var feat = new OpenLayers.Feature.Vector(feature.geometry.components[0], attrs);\n-            feat.osm_id = feature.osm_id;\n-            return this.createXML['linestring'].apply(this, [feat]);\n         }\n     },\n \n     /**\n-     * Method: serializeTags\n-     * Given a feature, serialize the attributes onto the given node.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * node - {DOMNode}\n+     * Method: handleRemove\n      */\n-    serializeTags: function(feature, node) {\n-        for (var key in feature.attributes) {\n-            var tag = this.createElementNS(null, \"tag\");\n-            tag.setAttribute(\"k\", key);\n-            tag.setAttribute(\"v\", feature.attributes[key]);\n-            node.appendChild(tag);\n+    handleRemove: function(event) {\n+        if (!this.caching) {\n+            this.cache = [];\n         }\n     },\n \n-    /**\n-     * Method: setState \n-     * OpenStreetMap has a convention that 'state' is stored for modification or deletion.\n-     * This allows the file to be uploaded via JOSM or the bulk uploader tool.\n+    /** \n+     * APIMethod: setFilter\n+     * Update the filter for this strategy.  This will re-evaluate\n+     *     any features on the layer and in the cache.  Only features\n+     *     for which filter.evalute(feature) returns true will be\n+     *     added to the layer.  Others will be cached by the strategy.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * node - {DOMNode}\n+     * filter - {<OpenLayers.Filter>} A filter for evaluating features.\n      */\n-    setState: function(feature, node) {\n-        if (feature.state) {\n-            var state = null;\n-            switch (feature.state) {\n-                case OpenLayers.State.UPDATE:\n-                    state = \"modify\";\n-                case OpenLayers.State.DELETE:\n-                    state = \"delete\";\n-            }\n-            if (state) {\n-                node.setAttribute(\"action\", state);\n+    setFilter: function(filter) {\n+        this.filter = filter;\n+        var previousCache = this.cache;\n+        this.cache = [];\n+        // look through layer for features to remove from layer\n+        this.handleAdd({\n+            features: this.layer.features\n+        });\n+        // cache now contains features to remove from layer\n+        if (this.cache.length > 0) {\n+            this.caching = true;\n+            this.layer.removeFeatures(this.cache.slice());\n+            this.caching = false;\n+        }\n+        // now look through previous cache for features to add to layer\n+        if (previousCache.length > 0) {\n+            var event = {\n+                features: previousCache\n+            };\n+            this.handleAdd(event);\n+            if (event.features.length > 0) {\n+                // event has features to add to layer\n+                this.caching = true;\n+                this.layer.addFeatures(event.features);\n+                this.caching = false;\n             }\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.OSM\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Format/GeoRSS.js\n+    OpenLayers/Strategy/Refresh.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Strategy.js\n  */\n \n /**\n- * Class: OpenLayers.Format.GeoRSS\n- * Read/write GeoRSS parser. Create a new instance with the \n- *     <OpenLayers.Format.GeoRSS> constructor.\n+ * Class: OpenLayers.Strategy.Refresh\n+ * A strategy that refreshes the layer. By default the strategy waits for a\n+ *     call to <refresh> before refreshing.  By configuring the strategy with \n+ *     the <interval> option, refreshing can take place automatically.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Strategy>\n  */\n-OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * APIProperty: rssns\n-     * {String} RSS namespace to use. Defaults to\n-     *   \"http://backend.userland.com/rss2\"\n-     */\n-    rssns: \"http://backend.userland.com/rss2\",\n+OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n \n     /**\n-     * APIProperty: featurens\n-     * {String} Feature Attributes namespace.  Defaults to\n-     *    \"http://mapserver.gis.umn.edu/mapserver\"\n+     * Property: force\n+     * {Boolean} Force a refresh on the layer. Default is false.\n      */\n-    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n+    force: false,\n \n     /**\n-     * APIProperty: georssns\n-     * {String} GeoRSS namespace to use.  Defaults to\n-     *     \"http://www.georss.org/georss\"\n+     * Property: interval\n+     * {Number} Auto-refresh. Default is 0.  If > 0, layer will be refreshed \n+     *     every N milliseconds.\n      */\n-    georssns: \"http://www.georss.org/georss\",\n+    interval: 0,\n \n     /**\n-     * APIProperty: geons\n-     * {String} W3C Geo namespace to use.  Defaults to\n-     *     \"http://www.w3.org/2003/01/geo/wgs84_pos#\"\n+     * Property: timer\n+     * {Number} The id of the timer.\n      */\n-    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n+    timer: null,\n \n     /**\n-     * APIProperty: featureTitle\n-     * {String} Default title for features.  Defaults to \"Untitled\"\n+     * Constructor: OpenLayers.Strategy.Refresh\n+     * Create a new Refresh strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    featureTitle: \"Untitled\",\n \n     /**\n-     * APIProperty: featureDescription\n-     * {String} Default description for features.  Defaults to \"No Description\"\n+     * APIMethod: activate\n+     * Activate the strategy. Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated.\n      */\n-    featureDescription: \"No Description\",\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.layer.visibility === true) {\n+                this.start();\n+            }\n+            this.layer.events.on({\n+                \"visibilitychanged\": this.reset,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n \n     /**\n-     * Property: gmlParse\n-     * {Object} GML Format object for parsing features\n-     * Non-API and only created if necessary\n+     * APIMethod: deactivate\n+     * Deactivate the strategy. Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated.\n      */\n-    gmlParser: null,\n-\n-    /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n-     * For GeoRSS the default is (y,x), therefore: false\n-     */\n-    xy: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.GeoRSS\n-     * Create a new parser for GeoRSS.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * Method: createGeometryFromItem\n-     * Return a geometry from a GeoRSS Item.\n-     *\n-     * Parameters:\n-     * item - {DOMElement} A GeoRSS item node.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry>} A geometry representing the node.\n-     */\n-    createGeometryFromItem: function(item) {\n-        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n-        var lat = this.getElementsByTagNameNS(item, this.geons, 'lat');\n-        var lon = this.getElementsByTagNameNS(item, this.geons, 'long');\n-\n-        var line = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"line\");\n-        var polygon = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"polygon\");\n-        var where = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"where\");\n-        var box = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"box\");\n-\n-        if (point.length > 0 || (lat.length > 0 && lon.length > 0)) {\n-            var location;\n-            if (point.length > 0) {\n-                location = OpenLayers.String.trim(\n-                    point[0].firstChild.nodeValue).split(/\\s+/);\n-                if (location.length != 2) {\n-                    location = OpenLayers.String.trim(\n-                        point[0].firstChild.nodeValue).split(/\\s*,\\s*/);\n-                }\n-            } else {\n-                location = [parseFloat(lat[0].firstChild.nodeValue),\n-                    parseFloat(lon[0].firstChild.nodeValue)\n-                ];\n-            }\n-\n-            var geometry = new OpenLayers.Geometry.Point(location[1], location[0]);\n-\n-        } else if (line.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.LineString(components);\n-        } else if (polygon.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n-        } else if (where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.gmlParser = new OpenLayers.Format.GML({\n-                    'xy': this.xy\n-                });\n-            }\n-            var feature = this.gmlParser.parseFeature(where[0]);\n-            geometry = feature.geometry;\n-        } else if (box.length > 0) {\n-            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            if (coords.length > 3) {\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n-        }\n-\n-        if (geometry && this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.externalProjection,\n-                this.internalProjection);\n-        }\n-\n-        return geometry;\n-    },\n-\n-    /**\n-     * Method: createFeatureFromItem\n-     * Return a feature from a GeoRSS Item.\n-     *\n-     * Parameters:\n-     * item - {DOMElement} A GeoRSS item node.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature representing the item.\n-     */\n-    createFeatureFromItem: function(item) {\n-        var geometry = this.createGeometryFromItem(item);\n-\n-        /* Provide defaults for title and description */\n-        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n-\n-        /* First try RSS descriptions, then Atom summaries */\n-        var description = this._getChildValue(\n-            item, \"*\", \"description\",\n-            this._getChildValue(item, \"*\", \"content\",\n-                this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n-\n-        /* If no link URL is found in the first child node, try the\n-           href attribute */\n-        var link = this._getChildValue(item, \"*\", \"link\");\n-        if (!link) {\n-            try {\n-                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\");\n-            } catch (e) {\n-                link = null;\n-            }\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.stop();\n+            this.layer.events.un({\n+                \"visibilitychanged\": this.reset,\n+                scope: this\n+            });\n         }\n-\n-        var id = this._getChildValue(item, \"*\", \"id\", null);\n-\n-        var data = {\n-            \"title\": title,\n-            \"description\": description,\n-            \"link\": link\n-        };\n-        var feature = new OpenLayers.Feature.Vector(geometry, data);\n-        feature.fid = id;\n-        return feature;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: _getChildValue\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     * nsuri - {String} Child node namespace uri (\"*\" for any).\n-     * name - {String} Child node name.\n-     * def - {String} Optional string default to return if no child found.\n-     *\n-     * Returns:\n-     * {String} The value of the first child with the given tag name.  Returns\n-     *     default value or empty string if none found.\n+     * Method: reset\n+     * Start or cancel the refresh interval depending on the visibility of \n+     *     the layer.\n      */\n-    _getChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (eles && eles[0] && eles[0].firstChild &&\n-            eles[0].firstChild.nodeValue) {\n-            value = this.getChildValue(eles[0]);\n+    reset: function() {\n+        if (this.layer.visibility === true) {\n+            this.start();\n         } else {\n-            value = (def == undefined) ? \"\" : def;\n+            this.stop();\n         }\n-        return value;\n     },\n \n     /**\n-     * APIMethod: read\n-     * Return a list of features from a GeoRSS doc\n-     *\n-     * Parameters:\n-     * doc - {Element} \n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)}\n+     * Method: start\n+     * Start the refresh interval. \n      */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-\n-        /* Try RSS items first, then Atom entries */\n-        var itemlist = null;\n-        itemlist = this.getElementsByTagNameNS(doc, '*', 'item');\n-        if (itemlist.length == 0) {\n-            itemlist = this.getElementsByTagNameNS(doc, '*', 'entry');\n-        }\n-\n-        var numItems = itemlist.length;\n-        var features = new Array(numItems);\n-        for (var i = 0; i < numItems; i++) {\n-            features[i] = this.createFeatureFromItem(itemlist[i]);\n-        }\n-        return features;\n-    },\n-\n+    start: function() {\n+        if (this.interval && typeof this.interval === \"number\" &&\n+            this.interval > 0) {\n \n-    /**\n-     * APIMethod: write\n-     * Accept Feature Collection, and return a string. \n-     * \n-     * Parameters: \n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n-     */\n-    write: function(features) {\n-        var georss;\n-        if (OpenLayers.Util.isArray(features)) {\n-            georss = this.createElementNS(this.rssns, \"rss\");\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                georss.appendChild(this.createFeatureXML(features[i]));\n-            }\n-        } else {\n-            georss = this.createFeatureXML(features);\n+            this.timer = window.setInterval(\n+                OpenLayers.Function.bind(this.refresh, this),\n+                this.interval);\n         }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [georss]);\n     },\n \n     /**\n-     * Method: createFeatureXML\n-     * Accept an <OpenLayers.Feature.Vector>, and build a geometry for it.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var featureNode = this.createElementNS(this.rssns, \"item\");\n-        var titleNode = this.createElementNS(this.rssns, \"title\");\n-        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n-        var descNode = this.createElementNS(this.rssns, \"description\");\n-        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n-        featureNode.appendChild(titleNode);\n-        featureNode.appendChild(descNode);\n-        if (feature.attributes.link) {\n-            var linkNode = this.createElementNS(this.rssns, \"link\");\n-            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n-            featureNode.appendChild(linkNode);\n-        }\n-        for (var attr in feature.attributes) {\n-            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n-                continue;\n-            }\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1];\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureNode.appendChild(attrContainer);\n-        }\n-        featureNode.appendChild(geometryNode);\n-        return featureNode;\n-    },\n-\n-    /** \n-     * Method: buildGeometryNode\n-     * builds a GeoRSS node with a given geometry\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     *\n-     * Returns:\n-     * {DOMElement} A gml node.\n+     * APIMethod: refresh\n+     * Tell the strategy to refresh which will refresh the layer.\n      */\n-    buildGeometryNode: function(geometry) {\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry = geometry.clone();\n-            geometry.transform(this.internalProjection,\n-                this.externalProjection);\n-        }\n-        var node;\n-        // match Polygon\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n-            node = this.createElementNS(this.georssns, 'georss:polygon');\n-\n-            node.appendChild(this.buildCoordinatesNode(geometry.components[0]));\n-        }\n-        // match LineString\n-        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n-            node = this.createElementNS(this.georssns, 'georss:line');\n+    refresh: function() {\n+        if (this.layer && this.layer.refresh &&\n+            typeof this.layer.refresh == \"function\") {\n \n-            node.appendChild(this.buildCoordinatesNode(geometry));\n-        }\n-        // match Point\n-        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            node = this.createElementNS(this.georssns, 'georss:point');\n-            node.appendChild(this.buildCoordinatesNode(geometry));\n-        } else {\n-            throw \"Couldn't parse \" + geometry.CLASS_NAME;\n+            this.layer.refresh({\n+                force: this.force\n+            });\n         }\n-        return node;\n     },\n \n-    /** \n-     * Method: buildCoordinatesNode\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n+    /**\n+     * Method: stop\n+     * Cancels the refresh interval. \n      */\n-    buildCoordinatesNode: function(geometry) {\n-        var points = null;\n-\n-        if (geometry.components) {\n-            points = geometry.components;\n-        }\n-\n-        var path;\n-        if (points) {\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; i++) {\n-                parts[i] = points[i].y + \" \" + points[i].x;\n-            }\n-            path = parts.join(\" \");\n-        } else {\n-            path = geometry.y + \" \" + geometry.x;\n+    stop: function() {\n+        if (this.timer !== null) {\n+            window.clearInterval(this.timer);\n+            this.timer = null;\n         }\n-        return this.createTextNode(path);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n });\n /* ======================================================================\n-    OpenLayers/Format/EncodedPolyline.js\n+    OpenLayers/Protocol/HTTP.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format.js\n- * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Protocol.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n  */\n \n /**\n- * Class: OpenLayers.Format.EncodedPolyline\n- * Class for reading and writing encoded polylines.  Create a new instance\n- * with the <OpenLayers.Format.EncodedPolyline> constructor.\n+ * if application uses the query string, for example, for BBOX parameters,\n+ * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.HTTP\n+ * A basic HTTP protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.HTTP> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Protocol>\n  */\n-OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n+OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n \n     /**\n-     * APIProperty: geometryType\n-     * {String} Geometry type to output. One of: linestring (default),\n-     *     linearring, point, multipoint or polygon. If the geometryType is\n-     *     point, only the first point of the string is returned.\n+     * Property: url\n+     * {String} Service URL, read-only, set through the options\n+     *     passed to constructor.\n      */\n-    geometryType: \"linestring\",\n+    url: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.EncodedPolyline\n-     * Create a new parser for encoded polylines\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *           this instance\n-     *\n-     * Returns:\n-     * {<OpenLayers.Format.EncodedPolyline>} A new encoded polylines parser.\n+     * Property: headers\n+     * {Object} HTTP request headers, read-only, set through the options\n+     *     passed to the constructor,\n+     *     Example: {'Content-Type': 'plain/text'}\n      */\n-    initialize: function(options) {\n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n-    },\n+    headers: null,\n \n     /**\n-     * APIMethod: read\n-     * Deserialize an encoded polyline string and return a vector feature.\n-     *\n-     * Parameters:\n-     * encoded - {String} An encoded polyline string\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A vector feature with a linestring.\n+     * Property: params\n+     * {Object} Parameters of GET requests, read-only, set through the options\n+     *     passed to the constructor,\n+     *     Example: {'bbox': '5,5,5,5'}\n      */\n-    read: function(encoded) {\n-        var geomType;\n-        if (this.geometryType == \"linestring\")\n-            geomType = OpenLayers.Geometry.LineString;\n-        else if (this.geometryType == \"linearring\")\n-            geomType = OpenLayers.Geometry.LinearRing;\n-        else if (this.geometryType == \"multipoint\")\n-            geomType = OpenLayers.Geometry.MultiPoint;\n-        else if (this.geometryType != \"point\" && this.geometryType != \"polygon\")\n-            return null;\n+    params: null,\n \n-        var flatPoints = this.decodeDeltas(encoded, 2);\n-        var flatPointsLength = flatPoints.length;\n+    /**\n+     * Property: callback\n+     * {Object} Function to be called when the <read>, <create>,\n+     *     <update>, <delete> or <commit> operation completes, read-only,\n+     *     set through the options passed to the constructor.\n+     */\n+    callback: null,\n \n-        var pointGeometries = [];\n-        for (var i = 0; i + 1 < flatPointsLength;) {\n-            var y = flatPoints[i++],\n-                x = flatPoints[i++];\n-            pointGeometries.push(new OpenLayers.Geometry.Point(x, y));\n-        }\n+    /**\n+     * Property: scope\n+     * {Object} Callback execution scope, read-only, set through the\n+     *     options passed to the constructor.\n+     */\n+    scope: null,\n \n+    /**\n+     * APIProperty: readWithPOST\n+     * {Boolean} true if read operations are done with POST requests\n+     *     instead of GET, defaults to false.\n+     */\n+    readWithPOST: false,\n \n-        if (this.geometryType == \"point\")\n-            return new OpenLayers.Feature.Vector(\n-                pointGeometries[0]\n-            );\n+    /**\n+     * APIProperty: updateWithPOST\n+     * {Boolean} true if update operations are done with POST requests\n+     *     defaults to false.\n+     */\n+    updateWithPOST: false,\n \n-        if (this.geometryType == \"polygon\")\n-            return new OpenLayers.Feature.Vector(\n-                new OpenLayers.Geometry.Polygon([\n-                    new OpenLayers.Geometry.LinearRing(pointGeometries)\n-                ])\n-            );\n+    /**\n+     * APIProperty: deleteWithPOST\n+     * {Boolean} true if delete operations are done with POST requests\n+     *     defaults to false.\n+     *     if true, POST data is set to output of format.write().\n+     */\n+    deleteWithPOST: false,\n \n-        return new OpenLayers.Feature.Vector(\n-            new geomType(pointGeometries)\n-        );\n-    },\n+    /**\n+     * Property: wildcarded.\n+     * {Boolean} If true percent signs are added around values\n+     *     read from LIKE filters, for example if the protocol\n+     *     read method is passed a LIKE filter whose property\n+     *     is \"foo\" and whose value is \"bar\" the string\n+     *     \"foo__ilike=%bar%\" will be sent in the query string;\n+     *     defaults to false.\n+     */\n+    wildcarded: false,\n \n     /**\n-     * APIMethod: decode\n-     * Deserialize an encoded string and return an array of n-dimensional\n-     * points.\n+     * APIProperty: srsInBBOX\n+     * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n+     *     Default is false.  If true and the layer has a projection object set,\n+     *     any BBOX filter will be serialized with a fifth item identifying the\n+     *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     */\n+    srsInBBOX: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.HTTP\n+     * A class for giving layers generic HTTP protocol.\n      *\n      * Parameters:\n-     * encoded - {String} An encoded string\n-     * dims - {int} The dimension of the points that are returned\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      *\n-     * Returns:\n-     * {Array(Array(int))} An array containing n-dimensional arrays of\n-     *     coordinates.\n+     * Valid options include:\n+     * url - {String}\n+     * headers - {Object} \n+     * params - {Object} URL parameters for GET requests\n+     * format - {<OpenLayers.Format>}\n+     * callback - {Function}\n+     * scope - {Object}\n      */\n-    decode: function(encoded, dims, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-        var flatPoints = this.decodeDeltas(encoded, dims, factor);\n-        var flatPointsLength = flatPoints.length;\n-\n-        var points = [];\n-        for (var i = 0; i + (dims - 1) < flatPointsLength;) {\n-            var point = [];\n-\n-            for (var dim = 0; dim < dims; ++dim) {\n-                point.push(flatPoints[i++])\n-            }\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.headers = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n \n-            points.push(point);\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                wildcarded: this.wildcarded,\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params);\n+            };\n         }\n+    },\n \n-        return points;\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        this.params = null;\n+        this.headers = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n     },\n \n     /**\n-     * APIMethod: write\n-     * Serialize a feature or array of features into a WKT string.\n+     * APIMethod: filterToParams\n+     * Optional method to translate an <OpenLayers.Filter> object into an object\n+     *     that can be serialized as request query string provided.  If a custom\n+     *     method is not provided, the filter will be serialized using the \n+     *     <OpenLayers.Format.QueryStringFilter> class.\n      *\n      * Parameters:\n-     * features - {<OpenLayers.Feature.Vector>|Array} A feature or array of\n-     *            features\n+     * filter - {<OpenLayers.Filter>} filter to convert.\n+     * params - {Object} The parameters object.\n      *\n      * Returns:\n-     * {String} The WKT string representation of the input geometries\n+     * {Object} The resulting parameters object.\n      */\n-    write: function(features) {\n-        var feature;\n-        if (features.constructor == Array)\n-            feature = features[0];\n-        else\n-            feature = features;\n-\n-        var geometry = feature.geometry;\n-        var type = geometry.CLASS_NAME.split('.')[2].toLowerCase();\n-\n-        var pointGeometries;\n-        if (type == \"point\")\n-            pointGeometries = new Array(geometry);\n-        else if (type == \"linestring\" ||\n-            type == \"linearring\" ||\n-            type == \"multipoint\")\n-            pointGeometries = geometry.components;\n-        else if (type == \"polygon\")\n-            pointGeometries = geometry.components[0].components;\n-        else\n-            return null;\n-\n-        var flatPoints = [];\n-\n-        var pointGeometriesLength = pointGeometries.length;\n-        for (var i = 0; i < pointGeometriesLength; ++i) {\n-            var pointGeometry = pointGeometries[i];\n-            flatPoints.push(pointGeometry.y);\n-            flatPoints.push(pointGeometry.x);\n-        }\n-\n-        return this.encodeDeltas(flatPoints, 2);\n-    },\n \n     /**\n-     * APIMethod: encode\n-     * Serialize an array of n-dimensional points and return an encoded string\n+     * APIMethod: read\n+     * Construct a request for reading new features.\n      *\n      * Parameters:\n-     * points - {Array(Array(int))} An array containing n-dimensional\n-     *          arrays of coordinates\n-     * dims - {int} The dimension of the points that should be read\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Valid options:\n+     * url - {String} Url for the request.\n+     * params - {Object} Parameters to get serialized as a query string.\n+     * headers - {Object} Headers to be set on the request.\n+     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n+     *     query string.\n+     * readWithPOST - {Boolean} If the request should be done with POST.\n      *\n      * Returns:\n-     * {String} An encoded string\n+     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n+     *     references the HTTP request, this object is also passed to the\n+     *     callback function when the request completes, its \"features\" property\n+     *     is then populated with the features received from the server.\n      */\n-    encode: function(points, dims, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-        var flatPoints = [];\n-\n-        var pointsLength = points.length;\n-        for (var i = 0; i < pointsLength; ++i) {\n-            var point = points[i];\n-\n-            for (var dim = 0; dim < dims; ++dim) {\n-                flatPoints.push(point[dim]);\n-            }\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = options || {};\n+        options.params = OpenLayers.Util.applyDefaults(\n+            options.params, this.options.params);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(\n+                options.filter, options.params\n+            );\n         }\n-\n-        return this.encodeDeltas(flatPoints, dims, factor);\n+        var readWithPOST = (options.readWithPOST !== undefined) ?\n+            options.readWithPOST : this.readWithPOST;\n+        var resp = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        if (readWithPOST) {\n+            var headers = options.headers || {};\n+            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n+            resp.priv = OpenLayers.Request.POST({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                data: OpenLayers.Util.getParameterString(options.params),\n+                headers: headers\n+            });\n+        } else {\n+            resp.priv = OpenLayers.Request.GET({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                params: options.params,\n+                headers: options.headers\n+            });\n+        }\n+        return resp;\n     },\n \n     /**\n-     * APIMethod: encodeDeltas\n-     * Encode a list of n-dimensional points and return an encoded string\n-     *\n-     * Attention: This function will modify the passed array!\n+     * Method: handleRead\n+     * Individual callbacks are created for read, create and update, should\n+     *     a subclass need to override each one separately.\n      *\n      * Parameters:\n-     * numbers - {Array.<number>} A list of n-dimensional points.\n-     * dimension - {number} The dimension of the points in the list.\n-     * opt_factor - {number=} The factor by which the numbers will be\n-     * multiplied. The remaining decimal places will get rounded away.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     the user callback.\n+     * options - {Object} The user options passed to the read call.\n      */\n-    encodeDeltas: function(numbers, dimension, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-        var d;\n-\n-        var lastNumbers = new Array(dimension);\n-        for (d = 0; d < dimension; ++d) {\n-            lastNumbers[d] = 0;\n-        }\n-\n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength;) {\n-            for (d = 0; d < dimension; ++d, ++i) {\n-                var num = numbers[i];\n-                var delta = num - lastNumbers[d];\n-                lastNumbers[d] = num;\n-\n-                numbers[i] = delta;\n-            }\n-        }\n-\n-        return this.encodeFloats(numbers, factor);\n+    handleRead: function(resp, options) {\n+        this.handleResponse(resp, options);\n     },\n \n-\n     /**\n-     * APIMethod: decodeDeltas\n-     * Decode a list of n-dimensional points from an encoded string\n+     * APIMethod: create\n+     * Construct a request for writing newly created features.\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n-     * dimension - {number} The dimension of the points in the encoded string.\n-     * opt_factor - {number=} The factor by which the resulting numbers will\n-     * be divided.\n+     * features - {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n      *\n      * Returns:\n-     * {Array.<number>} A list of n-dimensional points.\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes, its \"features\" property is then populated with the\n+     *     the features received from the server.\n      */\n-    decodeDeltas: function(encoded, dimension, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-        var d;\n-\n-        var lastNumbers = new Array(dimension);\n-        for (d = 0; d < dimension; ++d) {\n-            lastNumbers[d] = 0;\n-        }\n-\n-        var numbers = this.decodeFloats(encoded, factor);\n+    create: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n \n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength;) {\n-            for (d = 0; d < dimension; ++d, ++i) {\n-                lastNumbers[d] += numbers[i];\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: features,\n+            requestType: \"create\"\n+        });\n \n-                numbers[i] = lastNumbers[d];\n-            }\n-        }\n+        resp.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleCreate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(features)\n+        });\n \n-        return numbers;\n+        return resp;\n     },\n \n-\n     /**\n-     * APIMethod: encodeFloats\n-     * Encode a list of floating point numbers and return an encoded string\n-     *\n-     * Attention: This function will modify the passed array!\n+     * Method: handleCreate\n+     * Called the the request issued by <create> is complete.  May be overridden\n+     *     by subclasses.\n      *\n      * Parameters:\n-     * numbers - {Array.<number>} A list of floating point numbers.\n-     * opt_factor - {number=} The factor by which the numbers will be\n-     * multiplied. The remaining decimal places will get rounded away.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create call.\n      */\n-    encodeFloats: function(numbers, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-\n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength; ++i) {\n-            numbers[i] = Math.round(numbers[i] * factor);\n-        }\n-\n-        return this.encodeSignedIntegers(numbers);\n+    handleCreate: function(resp, options) {\n+        this.handleResponse(resp, options);\n     },\n \n-\n     /**\n-     * APIMethod: decodeFloats\n-     * Decode a list of floating point numbers from an encoded string\n+     * APIMethod: update\n+     * Construct a request updating modified feature.\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n-     * opt_factor - {number=} The factor by which the result will be divided.\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n      *\n      * Returns:\n-     * {Array.<number>} A list of floating point numbers.\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes, its \"features\" property is then populated with the\n+     *     the feature received from the server.\n      */\n-    decodeFloats: function(encoded, opt_factor) {\n-        var factor = opt_factor || 1e5;\n+    update: function(feature, options) {\n+        options = options || {};\n+        var url = options.url ||\n+            feature.url ||\n+            this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n \n-        var numbers = this.decodeSignedIntegers(encoded);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"update\"\n+        });\n \n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength; ++i) {\n-            numbers[i] /= factor;\n-        }\n+        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n+        resp.priv = OpenLayers.Request[method]({\n+            url: url,\n+            callback: this.createCallback(this.handleUpdate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(feature)\n+        });\n \n-        return numbers;\n+        return resp;\n     },\n \n-\n     /**\n-     * APIMethod: encodeSignedIntegers\n-     * Encode a list of signed integers and return an encoded string\n-     *\n-     * Attention: This function will modify the passed array!\n+     * Method: handleUpdate\n+     * Called the the request issued by <update> is complete.  May be overridden\n+     *     by subclasses.\n      *\n      * Parameters:\n-     * numbers - {Array.<number>} A list of signed integers.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the update call.\n      */\n-    encodeSignedIntegers: function(numbers) {\n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength; ++i) {\n-            var num = numbers[i];\n-\n-            var signedNum = num << 1;\n-            if (num < 0) {\n-                signedNum = ~(signedNum);\n-            }\n-\n-            numbers[i] = signedNum;\n-        }\n-\n-        return this.encodeUnsignedIntegers(numbers);\n+    handleUpdate: function(resp, options) {\n+        this.handleResponse(resp, options);\n     },\n \n-\n     /**\n-     * APIMethod: decodeSignedIntegers\n-     * Decode a list of signed integers from an encoded string\n+     * APIMethod: delete\n+     * Construct a request deleting a removed feature.\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n      *\n      * Returns:\n-     * {Array.<number>} A list of signed integers.\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes.\n      */\n-    decodeSignedIntegers: function(encoded) {\n-        var numbers = this.decodeUnsignedIntegers(encoded);\n+    \"delete\": function(feature, options) {\n+        options = options || {};\n+        var url = options.url ||\n+            feature.url ||\n+            this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n \n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength; ++i) {\n-            var num = numbers[i];\n-            numbers[i] = (num & 1) ? ~(num >> 1) : (num >> 1);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"delete\"\n+        });\n+\n+        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n+        var requestOptions = {\n+            url: url,\n+            callback: this.createCallback(this.handleDelete, resp, options),\n+            headers: options.headers\n+        };\n+        if (this.deleteWithPOST) {\n+            requestOptions.data = this.format.write(feature);\n         }\n+        resp.priv = OpenLayers.Request[method](requestOptions);\n \n-        return numbers;\n+        return resp;\n     },\n \n-\n     /**\n-     * APIMethod: encodeUnsignedIntegers\n-     * Encode a list of unsigned integers and return an encoded string\n+     * Method: handleDelete\n+     * Called the the request issued by <delete> is complete.  May be overridden\n+     *     by subclasses.\n      *\n      * Parameters:\n-     * numbers - {Array.<number>} A list of unsigned integers.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the delete call.\n      */\n-    encodeUnsignedIntegers: function(numbers) {\n-        var encoded = '';\n-\n-        var numbersLength = numbers.length;\n-        for (var i = 0; i < numbersLength; ++i) {\n-            encoded += this.encodeUnsignedInteger(numbers[i]);\n-        }\n-\n-        return encoded;\n+    handleDelete: function(resp, options) {\n+        this.handleResponse(resp, options);\n     },\n \n-\n     /**\n-     * APIMethod: decodeUnsignedIntegers\n-     * Decode a list of unsigned integers from an encoded string\n+     * Method: handleResponse\n+     * Called by CRUD specific handlers.\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n-     *\n-     * Returns:\n-     * {Array.<number>} A list of unsigned integers.\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create, read, update,\n+     *     or delete call.\n      */\n-    decodeUnsignedIntegers: function(encoded) {\n-        var numbers = [];\n-\n-        var current = 0;\n-        var shift = 0;\n-\n-        var encodedLength = encoded.length;\n-        for (var i = 0; i < encodedLength; ++i) {\n-            var b = encoded.charCodeAt(i) - 63;\n-\n-            current |= (b & 0x1f) << shift;\n-\n-            if (b < 0x20) {\n-                numbers.push(current);\n-                current = 0;\n-                shift = 0;\n+    handleResponse: function(resp, options) {\n+        var request = resp.priv;\n+        if (options.callback) {\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                if (resp.requestType != \"delete\") {\n+                    resp.features = this.parseFeatures(request);\n+                }\n+                resp.code = OpenLayers.Protocol.Response.SUCCESS;\n             } else {\n-                shift += 5;\n+                // failure\n+                resp.code = OpenLayers.Protocol.Response.FAILURE;\n             }\n+            options.callback.call(options.scope, resp);\n         }\n-\n-        return numbers;\n     },\n \n-\n     /**\n-     * Method: encodeFloat\n-     * Encode one single floating point number and return an encoded string\n+     * Method: parseFeatures\n+     * Read HTTP response body and return features.\n      *\n      * Parameters:\n-     * num - {number} Floating point number that should be encoded.\n-     * opt_factor - {number=} The factor by which num will be multiplied.\n-     * The remaining decimal places will get rounded away.\n+     * request - {XMLHttpRequest} The request object\n      *\n      * Returns:\n-     * {string} The encoded string.\n+     * {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n      */\n-    encodeFloat: function(num, opt_factor) {\n-        num = Math.round(num * (opt_factor || 1e5));\n-        return this.encodeSignedInteger(num);\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n     },\n \n-\n     /**\n-     * Method: decodeFloat\n-     * Decode one single floating point number from an encoded string\n+     * APIMethod: commit\n+     * Iterate over each feature and take action based on the feature state.\n+     *     Possible actions are create, update and delete.\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n-     * opt_factor - {number=} The factor by which the result will be divided.\n+     * features - {Array({<OpenLayers.Feature.Vector>})}\n+     * options - {Object} Optional object for setting up intermediate commit\n+     *     callbacks.\n+     *\n+     * Valid options:\n+     * create - {Object} Optional object to be passed to the <create> method.\n+     * update - {Object} Optional object to be passed to the <update> method.\n+     * delete - {Object} Optional object to be passed to the <delete> method.\n+     * callback - {Function} Optional function to be called when the commit\n+     *     is complete.\n+     * scope - {Object} Optional object to be set as the scope of the callback.\n      *\n      * Returns:\n-     * {number} The decoded floating point number.\n+     * {Array(<OpenLayers.Protocol.Response>)} An array of response objects,\n+     *     one per request made to the server, each object's \"priv\" property\n+     *     references the corresponding HTTP request.\n      */\n-    decodeFloat: function(encoded, opt_factor) {\n-        var result = this.decodeSignedInteger(encoded);\n-        return result / (opt_factor || 1e5);\n-    },\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = [],\n+            nResponses = 0;\n \n+        // Divide up features before issuing any requests.  This properly\n+        // counts requests in the event that any responses come in before\n+        // all requests have been issued.\n+        var types = {};\n+        types[OpenLayers.State.INSERT] = [];\n+        types[OpenLayers.State.UPDATE] = [];\n+        types[OpenLayers.State.DELETE] = [];\n+        var feature, list, requestFeatures = [];\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            list = types[feature.state];\n+            if (list) {\n+                list.push(feature);\n+                requestFeatures.push(feature);\n+            }\n+        }\n+        // tally up number of requests\n+        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) +\n+            types[OpenLayers.State.UPDATE].length +\n+            types[OpenLayers.State.DELETE].length;\n \n-    /**\n-     * Method: encodeSignedInteger\n-     * Encode one single signed integer and return an encoded string\n-     *\n-     * Parameters:\n-     * num - {number} Signed integer that should be encoded.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n-     */\n-    encodeSignedInteger: function(num) {\n-        var signedNum = num << 1;\n-        if (num < 0) {\n-            signedNum = ~(signedNum);\n+        // This response will be sent to the final callback after all the others\n+        // have been fired.\n+        var success = true;\n+        var finalResponse = new OpenLayers.Protocol.Response({\n+            reqFeatures: requestFeatures\n+        });\n+\n+        function insertCallback(response) {\n+            var len = response.features ? response.features.length : 0;\n+            var fids = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                fids[i] = response.features[i].fid;\n+            }\n+            finalResponse.insertIds = fids;\n+            callback.apply(this, [response]);\n         }\n \n-        return this.encodeUnsignedInteger(signedNum);\n-    },\n+        function callback(response) {\n+            this.callUserCallback(response, options);\n+            success = success && response.success();\n+            nResponses++;\n+            if (nResponses >= nRequests) {\n+                if (options.callback) {\n+                    finalResponse.code = success ?\n+                        OpenLayers.Protocol.Response.SUCCESS :\n+                        OpenLayers.Protocol.Response.FAILURE;\n+                    options.callback.apply(options.scope, [finalResponse]);\n+                }\n+            }\n+        }\n \n+        // start issuing requests\n+        var queue = types[OpenLayers.State.INSERT];\n+        if (queue.length > 0) {\n+            resp.push(this.create(\n+                queue, OpenLayers.Util.applyDefaults({\n+                    callback: insertCallback,\n+                    scope: this\n+                }, options.create)\n+            ));\n+        }\n+        queue = types[OpenLayers.State.UPDATE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this.update(\n+                queue[i], OpenLayers.Util.applyDefaults({\n+                    callback: callback,\n+                    scope: this\n+                }, options.update)));\n+        }\n+        queue = types[OpenLayers.State.DELETE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this[\"delete\"](\n+                queue[i], OpenLayers.Util.applyDefaults({\n+                    callback: callback,\n+                    scope: this\n+                }, options[\"delete\"])));\n+        }\n+        return resp;\n+    },\n \n     /**\n-     * Method: decodeSignedInteger\n-     * Decode one single signed integer from an encoded string\n+     * APIMethod: abort\n+     * Abort an ongoing request, the response object passed to\n+     * this method must come from this HTTP protocol (as a result\n+     * of a create, read, update, delete or commit operation).\n      *\n      * Parameters:\n-     * encoded - {string} An encoded string.\n-     *\n-     * Returns:\n-     * {number} The decoded signed integer.\n+     * response - {<OpenLayers.Protocol.Response>}\n      */\n-    decodeSignedInteger: function(encoded) {\n-        var result = this.decodeUnsignedInteger(encoded);\n-        return ((result & 1) ? ~(result >> 1) : (result >> 1));\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort();\n+        }\n     },\n \n-\n     /**\n-     * Method: encodeUnsignedInteger\n-     * Encode one single unsigned integer and return an encoded string\n+     * Method: callUserCallback\n+     * This method is used from within the commit method each time an\n+     *     an HTTP response is received from the server, it is responsible\n+     *     for calling the user-supplied callbacks.\n      *\n      * Parameters:\n-     * num - {number} Unsigned integer that should be encoded.\n-     *\n-     * Returns:\n-     * {string} The encoded string.\n+     * resp - {<OpenLayers.Protocol.Response>}\n+     * options - {Object} The map of options passed to the commit call.\n      */\n-    encodeUnsignedInteger: function(num) {\n-        var value, encoded = '';\n-        while (num >= 0x20) {\n-            value = (0x20 | (num & 0x1f)) + 63;\n-            encoded += (String.fromCharCode(value));\n-            num >>= 5;\n+    callUserCallback: function(resp, options) {\n+        var opt = options[resp.requestType];\n+        if (opt && opt.callback) {\n+            opt.callback.call(opt.scope, resp);\n         }\n-        value = num + 63;\n-        encoded += (String.fromCharCode(value));\n-        return encoded;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/SOS.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: decodeUnsignedInteger\n-     * Decode one single unsigned integer from an encoded string\n-     *\n-     * Parameters:\n-     * encoded - {string} An encoded string.\n-     *\n-     * Returns:\n-     * {number} The decoded unsigned integer.\n-     */\n-    decodeUnsignedInteger: function(encoded) {\n-        var result = 0;\n-        var shift = 0;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        var encodedLength = encoded.length;\n-        for (var i = 0; i < encodedLength; ++i) {\n-            var b = encoded.charCodeAt(i) - 63;\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ */\n \n-            result |= (b & 0x1f) << shift;\n+/**\n+ * Function: OpenLayers.Protocol.SOS\n+ * Used to create a versioned SOS protocol.  Default version is 1.0.0.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol>} An SOS protocol for the given version.\n+ */\n+OpenLayers.Protocol.SOS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.SOS.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported SOS version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n \n-            if (b < 0x20)\n-                break;\n+/**\n+ * Constant: OpenLayers.Protocol.SOS.DEFAULTS\n+ */\n+OpenLayers.Protocol.SOS.DEFAULTS = {\n+    \"version\": \"1.0.0\"\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol/WFS.js\n+   ====================================================================== */\n \n-            shift += 5;\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        return result;\n-    },\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ */\n \n-    CLASS_NAME: \"OpenLayers.Format.EncodedPolyline\"\n-});\n+/**\n+ * Class: OpenLayers.Protocol.WFS\n+ * Used to create a versioned WFS protocol.  Default version is 1.0.0.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol>} A WFS protocol of the given version.\n+ *\n+ * Example:\n+ * (code)\n+ *     var protocol = new OpenLayers.Protocol.WFS({\n+ *         version: \"1.1.0\",\n+ *         url:  \"http://demo.opengeo.org/geoserver/wfs\",\n+ *         featureType: \"tasmania_roads\",\n+ *         featureNS: \"http://www.openplans.org/topp\",\n+ *         geometryName: \"the_geom\"\n+ *     });\n+ * (end)\n+ *\n+ * See the protocols for specific WFS versions for more detail.\n+ */\n+OpenLayers.Protocol.WFS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.WFS.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported WFS version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n+\n+/**\n+ * Function: fromWMSLayer\n+ * Convenience function to create a WFS protocol from a WMS layer.  This makes\n+ *     the assumption that a WFS requests can be issued at the same URL as\n+ *     WMS requests and that a WFS featureType exists with the same name as the\n+ *     WMS layer.\n+ *     \n+ * This function is designed to auto-configure <url>, <featureType>,\n+ *     <featurePrefix> and <srsName> for WFS <version> 1.1.0. Note that\n+ *     srsName matching with the WMS layer will not work with WFS 1.0.0.\n+ * \n+ * Parameters:\n+ * layer - {<OpenLayers.Layer.WMS>} WMS layer that has a matching WFS\n+ *     FeatureType at the same server url with the same typename.\n+ * options - {Object} Default properties to be set on the protocol.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol.WFS>}\n+ */\n+OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n+    var typeName, featurePrefix;\n+    var param = layer.params[\"LAYERS\"];\n+    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n+    if (parts.length > 1) {\n+        featurePrefix = parts[0];\n+    }\n+    typeName = parts.pop();\n+    var protocolOptions = {\n+        url: layer.url,\n+        featureType: typeName,\n+        featurePrefix: featurePrefix,\n+        srsName: layer.projection && layer.projection.getCode() ||\n+            layer.map && layer.map.getProjectionObject().getCode(),\n+        version: \"1.1.0\"\n+    };\n+    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(\n+        options, protocolOptions\n+    ));\n+};\n+\n+/**\n+ * Constant: OpenLayers.Protocol.WFS.DEFAULTS\n+ */\n+OpenLayers.Protocol.WFS.DEFAULTS = {\n+    \"version\": \"1.0.0\"\n+};\n /* ======================================================================\n-    OpenLayers/Format/GPX.js\n+    OpenLayers/Protocol/CSW.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Protocol.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.CSW\n+ * Used to create a versioned CSW protocol. Default version is 2.0.2.\n+ */\n+OpenLayers.Protocol.CSW = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.CSW.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSW version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n+\n+/**\n+ * Constant: OpenLayers.Protocol.CSW.DEFAULTS\n+ */\n+OpenLayers.Protocol.CSW.DEFAULTS = {\n+    \"version\": \"2.0.2\"\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol/Script.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n  * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Projection.js\n+ * @requires OpenLayers/Format/GeoJSON.js\n  */\n \n /**\n- * Class: OpenLayers.Format.GPX\n- * Read/write GPX parser. Create a new instance with the \n- *     <OpenLayers.Format.GPX> constructor.\n+ * if application uses the query string, for example, for BBOX parameters,\n+ * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.Script\n+ * A basic Script protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.Script> constructor.  A script protocol is used to\n+ *     get around the same origin policy.  It works with services that return\n+ *     JSONP - that is, JSON wrapped in a client-specified callback.  The\n+ *     protocol handles fetching and parsing of feature data and sends parsed\n+ *     features to the <callback> configured with the protocol.  The protocol\n+ *     expects features serialized as GeoJSON by default, but can be configured\n+ *     to work with other formats by setting the <format> property.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Protocol>\n  */\n-OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n \n+    /**\n+     * APIProperty: url\n+     * {String} Service URL.  The service is expected to return serialized \n+     *     features wrapped in a named callback (where the callback name is\n+     *     generated by this protocol).\n+     *     Read-only, set through the options passed to the constructor.\n+     */\n+    url: null,\n \n-    /** \n-     * APIProperty: defaultDesc\n-     * {String} Default description for the waypoints/tracks in the case\n-     *     where the feature has no \"description\" attribute.\n-     *     Default is \"No description available\".\n+    /**\n+     * APIProperty: params\n+     * {Object} Query string parameters to be appended to the URL.\n+     *     Read-only, set through the options passed to the constructor.\n+     *     Example: {maxFeatures: 50}\n      */\n-    defaultDesc: \"No description available\",\n+    params: null,\n \n     /**\n-     * APIProperty: extractWaypoints\n-     * {Boolean} Extract waypoints from GPX. (default: true)\n+     * APIProperty: callback\n+     * {Object} Function to be called when the <read> operation completes.\n      */\n-    extractWaypoints: true,\n+    callback: null,\n \n     /**\n-     * APIProperty: extractTracks\n-     * {Boolean} Extract tracks from GPX. (default: true)\n+     * APIProperty: callbackTemplate\n+     * {String} Template for creating a unique callback function name\n+     * for the registry. Should include ${id}.  The ${id} variable will be\n+     * replaced with a string identifier prefixed with a \"c\" (e.g. c1, c2).\n+     * Default is \"OpenLayers.Protocol.Script.registry.${id}\".\n      */\n-    extractTracks: true,\n+    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n \n     /**\n-     * APIProperty: extractRoutes\n-     * {Boolean} Extract routes from GPX. (default: true)\n+     * APIProperty: callbackKey\n+     * {String} The name of the query string parameter that the service \n+     *     recognizes as the callback identifier.  Default is \"callback\".\n+     *     This key is used to generate the URL for the script.  For example\n+     *     setting <callbackKey> to \"myCallback\" would result in a URL like \n+     *     http://example.com/?myCallback=...\n      */\n-    extractRoutes: true,\n+    callbackKey: \"callback\",\n \n     /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract feature attributes from GPX. (default: true)\n-     *     NOTE: Attributes as part of extensions to the GPX standard may not\n-     *     be extracted.\n+     * APIProperty: callbackPrefix\n+     * {String} Where a service requires that the callback query string \n+     *     parameter value is prefixed by some string, this value may be set.\n+     *     For example, setting <callbackPrefix> to \"foo:\" would result in a\n+     *     URL like http://example.com/?callback=foo:...  Default is \"\".\n      */\n-    extractAttributes: true,\n+    callbackPrefix: \"\",\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * APIProperty: scope\n+     * {Object} Optional ``this`` object for the callback. Read-only, set \n+     *     through the options passed to the constructor.\n      */\n-    namespaces: {\n-        gpx: \"http://www.topografix.com/GPX/1/1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+    scope: null,\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location. Defaults to\n-     *  \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\"\n+     * APIProperty: format\n+     * {<OpenLayers.Format>} Format for parsing features.  Default is an \n+     *     <OpenLayers.Format.GeoJSON> format.  If an alternative is provided,\n+     *     the format's read method must take an object and return an array\n+     *     of features.\n      */\n-    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n+    format: null,\n \n     /**\n-     * APIProperty: creator\n-     * {String} The creator attribute to be added to the written GPX files.\n-     * Defaults to \"OpenLayers\"\n+     * Property: pendingRequests\n+     * {Object} References all pending requests.  Property names are script \n+     *     identifiers and property values are script elements.\n      */\n-    creator: \"OpenLayers\",\n+    pendingRequests: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.GPX\n-     * Create a new parser for GPX.\n+     * APIProperty: srsInBBOX\n+     * {Boolean} Include the SRS identifier in BBOX query string parameter.\n+     *     Setting this property has no effect if a custom filterToParams method\n+     *     is provided.   Default is false.  If true and the layer has a \n+     *     projection object set, any BBOX filter will be serialized with a \n+     *     fifth item identifying the projection.  \n+     *     E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     */\n+    srsInBBOX: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.Script\n+     * A class for giving layers generic Script protocol.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options include:\n+     * url - {String}\n+     * params - {Object}\n+     * callback - {Function}\n+     * scope - {Object}\n      */\n     initialize: function(options) {\n-        // GPX coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+        options = options || {};\n+        this.params = {};\n+        this.pendingRequests = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.GeoJSON();\n+        }\n \n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params);\n+            };\n+        }\n     },\n \n     /**\n      * APIMethod: read\n-     * Return a list of features from a GPX doc\n+     * Construct a request for reading new features.\n      *\n      * Parameters:\n-     * doc - {Element} \n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Valid options:\n+     * url - {String} Url for the request.\n+     * params - {Object} Parameters to get serialized as a query string.\n+     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n+     *     query string.\n      *\n      * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n+     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n+     *     references the injected script.  This object is also passed to the\n+     *     callback function when the request completes, its \"features\" property\n+     *     is then populated with the features received from the server.\n      */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-        var features = [];\n-\n-        if (this.extractTracks) {\n-            var tracks = doc.getElementsByTagName(\"trk\");\n-            for (var i = 0, len = tracks.length; i < len; i++) {\n-                // Attributes are only in trk nodes, not trkseg nodes\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(tracks[i]);\n-                }\n-\n-                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n-                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n-                    // We don't yet support extraction of trkpt attributes\n-                    // All trksegs of a trk get that trk's attributes\n-                    var track = this.extractSegment(segs[j], \"trkpt\");\n-                    features.push(new OpenLayers.Feature.Vector(track, attrs));\n-                }\n-            }\n-        }\n-\n-        if (this.extractRoutes) {\n-            var routes = doc.getElementsByTagName(\"rte\");\n-            for (var k = 0, klen = routes.length; k < klen; k++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(routes[k]);\n-                }\n-                var route = this.extractSegment(routes[k], \"rtept\");\n-                features.push(new OpenLayers.Feature.Vector(route, attrs));\n-            }\n-        }\n-\n-        if (this.extractWaypoints) {\n-            var waypoints = doc.getElementsByTagName(\"wpt\");\n-            for (var l = 0, len = waypoints.length; l < len; l++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(waypoints[l]);\n-                }\n-                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n-                features.push(new OpenLayers.Feature.Vector(wpt, attrs));\n-            }\n-        }\n-\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var g = 0, featLength = features.length; g < featLength; g++) {\n-                features[g].geometry.transform(this.externalProjection,\n-                    this.internalProjection);\n-            }\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        options.params = OpenLayers.Util.applyDefaults(\n+            options.params, this.options.params\n+        );\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(\n+                options.filter, options.params\n+            );\n         }\n-\n-        return features;\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var request = this.createRequest(\n+            options.url,\n+            options.params,\n+            OpenLayers.Function.bind(function(data) {\n+                response.data = data;\n+                this.handleRead(response, options);\n+            }, this)\n+        );\n+        response.priv = request;\n+        return response;\n     },\n \n-    /**\n-     * Method: extractSegment\n+    /** \n+     * APIMethod: filterToParams \n+     * Optional method to translate an <OpenLayers.Filter> object into an object \n+     *     that can be serialized as request query string provided.  If a custom \n+     *     method is not provided, any filter will not be serialized. \n+     * \n+     * Parameters: \n+     * filter - {<OpenLayers.Filter>} filter to convert. \n+     * params - {Object} The parameters object. \n+     * \n+     * Returns: \n+     * {Object} The resulting parameters object. \n+     */\n+\n+    /** \n+     * Method: createRequest\n+     * Issues a request for features by creating injecting a script in the \n+     *     document head.\n      *\n      * Parameters:\n-     * segment - {DOMElement} a trkseg or rte node to parse\n-     * segmentType - {String} nodeName of waypoints that form the line\n+     * url - {String} Service URL.\n+     * params - {Object} Query string parameters.\n+     * callback - {Function} Callback to be called with resulting data.\n      *\n      * Returns:\n-     * {<OpenLayers.Geometry.LineString>} A linestring geometry\n+     * {HTMLScriptElement} The script pending execution.\n      */\n-    extractSegment: function(segment, segmentType) {\n-        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n-        var point_features = [];\n-        for (var i = 0, len = points.length; i < len; i++) {\n-            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")));\n-        }\n-        return new OpenLayers.Geometry.LineString(point_features);\n+    createRequest: function(url, params, callback) {\n+        var id = OpenLayers.Protocol.Script.register(callback);\n+        var name = OpenLayers.String.format(this.callbackTemplate, {\n+            id: id\n+        });\n+        params = OpenLayers.Util.extend({}, params);\n+        params[this.callbackKey] = this.callbackPrefix + name;\n+        url = OpenLayers.Util.urlAppend(\n+            url, OpenLayers.Util.getParameterString(params)\n+        );\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = \"OpenLayers_Protocol_Script_\" + id;\n+        this.pendingRequests[script.id] = script;\n+        var head = document.getElementsByTagName(\"head\")[0];\n+        head.appendChild(script);\n+        return script;\n     },\n \n-    /**\n-     * Method: parseAttributes\n+    /** \n+     * Method: destroyRequest\n+     * Remove a script node associated with a response from the document.  Also\n+     *     unregisters the callback and removes the script from the \n+     *     <pendingRequests> object.\n      *\n      * Parameters:\n-     * node - {<DOMElement>}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n+     * script - {HTMLScriptElement}\n      */\n-    parseAttributes: function(node) {\n-        // node is either a wpt, trk or rte\n-        // attributes are children of the form <attr>value</attr>\n-        var attributes = {};\n-        var attrNode = node.firstChild,\n-            value, name;\n-        while (attrNode) {\n-            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n-                value = attrNode.firstChild;\n-                if (value.nodeType == 3 || value.nodeType == 4) {\n-                    name = (attrNode.prefix) ?\n-                        attrNode.nodeName.split(\":\")[1] :\n-                        attrNode.nodeName;\n-                    if (name != \"trkseg\" && name != \"rtept\") {\n-                        attributes[name] = value.nodeValue;\n-                    }\n-                }\n-            }\n-            attrNode = attrNode.nextSibling;\n+    destroyRequest: function(script) {\n+        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n+        delete this.pendingRequests[script.id];\n+        if (script.parentNode) {\n+            script.parentNode.removeChild(script);\n         }\n-        return attributes;\n     },\n \n     /**\n-     * APIMethod: write\n-     * Accepts Feature Collection, and returns a string. \n-     * \n-     * Parameters: \n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n-     * metadata - {Object} A key/value pairs object to build a metadata node to\n-     *      add to the gpx. Supported keys are 'name', 'desc', 'author'.\n+     * Method: handleRead\n+     * Individual callbacks are created for read, create and update, should\n+     *     a subclass need to override each one separately.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     the user callback.\n+     * options - {Object} The user options passed to the read call.\n      */\n-    write: function(features, metadata) {\n-        features = OpenLayers.Util.isArray(features) ?\n-            features : [features];\n-        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n-        gpx.setAttribute(\"version\", \"1.1\");\n-        gpx.setAttribute(\"creator\", this.creator);\n-        this.setAttributes(gpx, {\n-            \"xsi:schemaLocation\": this.schemaLocation\n-        });\n-\n-        if (metadata && typeof metadata == 'object') {\n-            gpx.appendChild(this.buildMetadataNode(metadata));\n-        }\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            gpx.appendChild(this.buildFeatureNode(features[i]));\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx]);\n+    handleRead: function(response, options) {\n+        this.handleResponse(response, options);\n     },\n \n     /**\n-     * Method: buildMetadataNode\n-     * Creates a \"metadata\" node.\n+     * Method: handleResponse\n+     * Called by CRUD specific handlers.\n      *\n-     * Returns:\n-     * {DOMElement}\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create, read, update,\n+     *     or delete call.\n      */\n-    buildMetadataNode: function(metadata) {\n-        var types = ['name', 'desc', 'author'],\n-            node = this.createElementNS(this.namespaces.gpx, 'metadata');\n-        for (var i = 0; i < types.length; i++) {\n-            var type = types[i];\n-            if (metadata[type]) {\n-                var n = this.createElementNS(this.namespaces.gpx, type);\n-                n.appendChild(this.createTextNode(metadata[type]));\n-                node.appendChild(n);\n+    handleResponse: function(response, options) {\n+        if (options.callback) {\n+            if (response.data) {\n+                response.features = this.parseFeatures(response.data);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n             }\n+            this.destroyRequest(response.priv);\n+            options.callback.call(options.scope, response);\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: buildFeatureNode\n-     * Accepts an <OpenLayers.Feature.Vector>, and builds a node for it.\n-     * \n+     * Method: parseFeatures\n+     * Read Script response body and return features.\n+     *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * data - {Object} The data sent to the callback function by the server.\n      *\n      * Returns:\n-     * {DOMElement} - The created node, either a 'wpt' or a 'trk'.\n+     * {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n      */\n-    buildFeatureNode: function(feature) {\n-        var geometry = feature.geometry;\n-        geometry = geometry.clone();\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.internalProjection,\n-                this.externalProjection);\n-        }\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            var wpt = this.buildWptNode(geometry);\n-            this.appendAttributesNode(wpt, feature);\n-            return wpt;\n-        } else {\n-            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n-            this.appendAttributesNode(trkNode, feature);\n-            var trkSegNodes = this.buildTrkSegNode(geometry);\n-            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ?\n-                trkSegNodes : [trkSegNodes];\n-            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n-                trkNode.appendChild(trkSegNodes[i]);\n-            }\n-            return trkNode;\n-        }\n+    parseFeatures: function(data) {\n+        return this.format.read(data);\n     },\n \n     /**\n-     * Method: buildTrkSegNode\n-     * Builds trkseg node(s) given a geometry\n+     * APIMethod: abort\n+     * Abort an ongoing request.  If no response is provided, all pending \n+     *     requests will be aborted.\n      *\n      * Parameters:\n-     * trknode\n-     * geometry - {<OpenLayers.Geometry>}\n+     * response - {<OpenLayers.Protocol.Response>} The response object returned\n+     *     from a <read> request.\n      */\n-    buildTrkSegNode: function(geometry) {\n-        var node,\n-            i,\n-            len,\n-            point,\n-            nodes;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n-            geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                point = geometry.components[i];\n-                node.appendChild(this.buildTrkPtNode(point));\n-            }\n-            return node;\n+    abort: function(response) {\n+        if (response) {\n+            this.destroyRequest(response.priv);\n         } else {\n-            nodes = [];\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                nodes.push(this.buildTrkSegNode(geometry.components[i]));\n+            for (var key in this.pendingRequests) {\n+                this.destroyRequest(this.pendingRequests[key]);\n             }\n-            return nodes;\n         }\n     },\n \n     /**\n-     * Method: buildTrkPtNode\n-     * Builds a trkpt node given a point \n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     *\n-     * Returns:\n-     * {DOMElement} A trkpt node\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n      */\n-    buildTrkPtNode: function(point) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n-        node.setAttribute(\"lon\", point.x);\n-        node.setAttribute(\"lat\", point.y);\n-        return node;\n+    destroy: function() {\n+        this.abort();\n+        delete this.params;\n+        delete this.format;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+});\n+\n+(function() {\n+    var o = OpenLayers.Protocol.Script;\n+    var counter = 0;\n+    o.registry = {};\n+\n     /**\n-     * Method: buildWptNode\n-     * Builds a wpt node given a point\n+     * Function: OpenLayers.Protocol.Script.register\n+     * Register a callback for a newly created script.\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry.Point>}\n+     * callback - {Function} The callback to be executed when the newly added\n+     *     script loads.  This callback will be called with a single argument\n+     *     that is the JSON returned by the service.\n      *\n      * Returns:\n-     * {DOMElement} A wpt node\n+     * {Number} An identifier for retrieving the registered callback.\n      */\n-    buildWptNode: function(geometry) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n-        node.setAttribute(\"lon\", geometry.x);\n-        node.setAttribute(\"lat\", geometry.y);\n-        return node;\n-    },\n+    o.register = function(callback) {\n+        var id = \"c\" + (++counter);\n+        o.registry[id] = function() {\n+            callback.apply(this, arguments);\n+        };\n+        return id;\n+    };\n \n     /**\n-     * Method: appendAttributesNode\n-     * Adds some attributes node.\n+     * Function: OpenLayers.Protocol.Script.unregister\n+     * Unregister a callback previously registered with the register function.\n      *\n      * Parameters:\n-     * node - {DOMElement} the node to append the attribute nodes to.\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * id - {Number} The identifer returned by the register function.\n      */\n-    appendAttributesNode: function(node, feature) {\n-        var name = this.createElementNS(this.namespaces.gpx, 'name');\n-        name.appendChild(this.createTextNode(\n-            feature.attributes.name || feature.id));\n-        node.appendChild(name);\n-        var desc = this.createElementNS(this.namespaces.gpx, 'desc');\n-        desc.appendChild(this.createTextNode(\n-            feature.attributes.description || this.defaultDesc));\n-        node.appendChild(desc);\n-        // TBD - deal with remaining (non name/description) attributes.\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.GPX\"\n-});\n+    o.unregister = function(id) {\n+        delete o.registry[id];\n+    };\n+})();\n /* ======================================================================\n-    OpenLayers/Format/SOSCapabilities.js\n+    OpenLayers/Protocol/CSW/v2_0_2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Protocol/CSW.js\n+ * @requires OpenLayers/Format/CSWGetRecords/v2_0_2.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SOSCapabilities\n- * Read SOS Capabilities.\n- * \n+ * Class: OpenLayers.Protocol.CSW.v2_0_2\n+ * CS-W (Catalogue services for the Web) version 2.0.2 protocol.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Protocol>\n  */\n-OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n      */\n-    defaultVersion: \"1.0.0\",\n+    formatOptions: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.SOSCapabilities\n-     * Create a new parser for SOS Capabilities.\n+     * Constructor: OpenLayers.Protocol.CSW.v2_0_2\n+     * A class for CSW version 2.0.2 protocol management.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions));\n+        }\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service (offering and observedProperty mostly).\n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Object} Info about the SOS\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n      */\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n \n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n+    /**\n+     * Method: read\n+     * Construct a request for reading new records from the Catalogue.\n+     */\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n \n-});\n-/* ======================================================================\n-    OpenLayers/Format/CSWGetDomain.js\n-   ====================================================================== */\n+        var data = this.format.write(options.params || options);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n \n-/**\n- * @requires OpenLayers/Format.js\n- */\n+        return response;\n+    },\n \n-/**\n- * Class: OpenLayers.Format.CSWGetDomain\n- * Default version is 2.0.2.\n- *\n- * Returns:\n- * {<OpenLayers.Format>} A CSWGetDomain format of the given version.\n- */\n-OpenLayers.Format.CSWGetDomain = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Format.CSWGetDomain.DEFAULTS\n-    );\n-    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetDomain version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n+    /**\n+     * Method: handleRead\n+     * Deal with response from the read request.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     *     This response is given a code property, and optionally a data property.\n+     *     The latter represents the CSW records as returned by the call to\n+     *     the CSW format read method.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                response.data = this.parseData(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n \n-/**\n- * Constant: DEFAULTS\n- * {Object} Default properties for the CSWGetDomain format.\n- */\n-OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n-    \"version\": \"2.0.2\"\n-};\n+    /**\n+     * Method: parseData\n+     * Read HTTP response body and return records\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     *\n+     * Returns:\n+     * {Object} The CSW records as returned by the call to the format read method.\n+     */\n+    parseData: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n+\n+});\n /* ======================================================================\n-    OpenLayers/Format/WFS.js\n+    OpenLayers/Protocol/SOS/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/GML.js\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Protocol/SOS.js\n+ * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WFS\n- * Read/Write WFS. \n+ * Class: OpenLayers.Protocol.SOS.v1_0_0\n+ * An SOS v1.0.0 Protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.SOS.v1_0_0> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.GML>\n+ *  - <OpenLayers.Protocol>\n  */\n-OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n-\n-    /** \n-     * Property: layer\n-     * {<OpenLayers.Layer>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * APIProperty: wfsns\n-     * {String}\n-     */\n-    wfsns: \"http://www.opengis.net/wfs\",\n+OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n \n     /**\n-     * Property: ogcns\n-     * {String}\n+     * APIProperty: fois\n+     * {Array(String)} Array of features of interest (foi)\n      */\n-    ogcns: \"http://www.opengis.net/ogc\",\n+    fois: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.WFS\n-     * Create a WFS-T formatter. This requires a layer: that layer should\n-     * have two properties: geometry_column and typename. The parser\n-     * for this format is subclassed entirely from GML: There is a writer \n-     * only, which uses most of the code from the GML layer, and wraps\n-     * it in transactional elements.\n-     * \n-     * Parameters: \n-     * options - {Object} \n-     * layer - {<OpenLayers.Layer>} \n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n      */\n-    initialize: function(options, layer) {\n-        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        if (this.layer.featureNS) {\n-            this.featureNS = this.layer.featureNS;\n-        }\n-        if (this.layer.options.geometry_column) {\n-            this.geometryName = this.layer.options.geometry_column;\n-        }\n-        if (this.layer.options.typename) {\n-            this.featureName = this.layer.options.typename;\n-        }\n-    },\n+    formatOptions: null,\n \n     /**\n-     * Method: write \n-     * Takes a feature list, and generates a WFS-T Transaction \n+     * Constructor: OpenLayers.Protocol.SOS\n+     * A class for giving layers an SOS protocol.\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * url - {String} URL to send requests to (required).\n+     * fois - {Array} The features of interest (required).\n      */\n-    write: function(features) {\n-\n-        var transaction = this.createElementNS(this.wfsns, 'wfs:Transaction');\n-        transaction.setAttribute(\"version\", \"1.0.0\");\n-        transaction.setAttribute(\"service\", \"WFS\");\n-        for (var i = 0; i < features.length; i++) {\n-            switch (features[i].state) {\n-                case OpenLayers.State.INSERT:\n-                    transaction.appendChild(this.insert(features[i]));\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                    transaction.appendChild(this.update(features[i]));\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    transaction.appendChild(this.remove(features[i]));\n-                    break;\n-            }\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(\n+                this.formatOptions);\n         }\n-\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction]);\n     },\n \n     /**\n-     * Method: createFeatureXML\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n      */\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n-        geomContainer.appendChild(geometryNode);\n-        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n-        featureContainer.appendChild(geomContainer);\n-        for (var attr in feature.attributes) {\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1];\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureContainer.appendChild(attrContainer);\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n         }\n-        return featureContainer;\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n     },\n \n     /**\n-     * Method: insert \n-     * Takes a feature, and generates a WFS-T Transaction \"Insert\" \n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * APIMethod: read\n+     * Construct a request for reading new sensor positions. This is done by\n+     *     issuing one GetFeatureOfInterest request.\n      */\n-    insert: function(feature) {\n-        var insertNode = this.createElementNS(this.wfsns, 'wfs:Insert');\n-        insertNode.appendChild(this.createFeatureXML(feature));\n-        return insertNode;\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var format = this.format;\n+        var data = OpenLayers.Format.XML.prototype.write.apply(format,\n+            [format.writeNode(\"sos:GetFeatureOfInterest\", {\n+                fois: this.fois\n+            })]\n+        );\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            data: data\n+        });\n+        return response;\n     },\n \n     /**\n-     * Method: update\n-     * Takes a feature, and generates a WFS-T Transaction \"Update\" \n+     * Method: handleRead\n+     * Deal with response from the read request.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the read call.\n      */\n-    update: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-        }\n-        var updateNode = this.createElementNS(this.wfsns, 'wfs:Update');\n-        updateNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n-        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-\n-        var propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n-        var nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n-\n-        var txtNode = this.createTextNode(this.geometryName);\n-        nameNode.appendChild(txtNode);\n-        propertyNode.appendChild(nameNode);\n-\n-        var valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n-\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-\n-        if (feature.layer) {\n-            geometryNode.setAttribute(\n-                \"srsName\", feature.layer.projection.getCode()\n-            );\n-        }\n-\n-        valueNode.appendChild(geometryNode);\n-\n-        propertyNode.appendChild(valueNode);\n-        updateNode.appendChild(propertyNode);\n-\n-        // add in attributes\n-        for (var propName in feature.attributes) {\n-            propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n-            nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n-            nameNode.appendChild(this.createTextNode(propName));\n-            propertyNode.appendChild(nameNode);\n-            valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n-            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n-            propertyNode.appendChild(valueNode);\n-            updateNode.appendChild(propertyNode);\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                response.features = this.parseFeatures(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n         }\n-\n-\n-        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n-        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        updateNode.appendChild(filterNode);\n-\n-        return updateNode;\n     },\n \n     /**\n-     * Method: remove \n-     * Takes a feature, and generates a WFS-T Transaction \"Delete\" \n+     * Method: parseFeatures\n+     * Read HTTP response body and return features\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * request - {XMLHttpRequest} The request object\n+     *\n+     * Returns:\n+     * {Array({<OpenLayers.Feature.Vector>})} Array of features\n      */\n-    remove: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-            return false;\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n         }\n-        var deleteNode = this.createElementNS(this.wfsns, 'wfs:Delete');\n-        deleteNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n-        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-\n-        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n-        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        deleteNode.appendChild(filterNode);\n-\n-        return deleteNode;\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Remove ciruclar ref to layer \n-     */\n-    destroy: function() {\n-        this.layer = null;\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.WFS\"\n+    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n });\n /* ======================================================================\n-    OpenLayers/Format/CQL.js\n+    OpenLayers/Protocol/WFS/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WKT.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Logical.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Protocol/WFS.js\n  */\n \n /**\n- * Class: OpenLayers.Format.CQL\n- * Read CQL strings to get <OpenLayers.Filter> objects.  Write \n- *     <OpenLayers.Filter> objects to get CQL strings. Create a new parser with \n- *     the <OpenLayers.Format.CQL> constructor.\n+ * Class: OpenLayers.Protocol.WFS.v1\n+ * Abstract class for for v1.0.0 and v1.1.0 protocol.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Protocol>\n  */\n-OpenLayers.Format.CQL = (function() {\n-\n-    var tokens = [\n-            \"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"\n-        ],\n-\n-        patterns = {\n-            PROPERTY: /^[_a-zA-Z]\\w*/,\n-            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n-            IS_NULL: /^IS NULL/i,\n-            COMMA: /^,/,\n-            LOGICAL: /^(AND|OR)/i,\n-            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n-            LPAREN: /^\\(/,\n-            RPAREN: /^\\)/,\n-            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n-            NOT: /^NOT/i,\n-            BETWEEN: /^BETWEEN/i,\n-            GEOMETRY: function(text) {\n-                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n-                if (type) {\n-                    var len = text.length;\n-                    var idx = text.indexOf(\"(\", type[0].length);\n-                    if (idx > -1) {\n-                        var depth = 1;\n-                        while (idx < len && depth > 0) {\n-                            idx++;\n-                            switch (text.charAt(idx)) {\n-                                case '(':\n-                                    depth++;\n-                                    break;\n-                                case ')':\n-                                    depth--;\n-                                    break;\n-                                default:\n-                                    // in default case, do nothing\n-                            }\n-                        }\n-                    }\n-                    return [text.substr(0, idx + 1)];\n-                }\n-            },\n-            END: /^$/\n-        },\n-\n-        follows = {\n-            LPAREN: ['GEOMETRY', 'SPATIAL', 'PROPERTY', 'VALUE', 'LPAREN'],\n-            RPAREN: ['NOT', 'LOGICAL', 'END', 'RPAREN'],\n-            PROPERTY: ['COMPARISON', 'BETWEEN', 'COMMA', 'IS_NULL'],\n-            BETWEEN: ['VALUE'],\n-            IS_NULL: ['END'],\n-            COMPARISON: ['VALUE'],\n-            COMMA: ['GEOMETRY', 'VALUE', 'PROPERTY'],\n-            VALUE: ['LOGICAL', 'COMMA', 'RPAREN', 'END'],\n-            SPATIAL: ['LPAREN'],\n-            LOGICAL: ['NOT', 'VALUE', 'SPATIAL', 'PROPERTY', 'LPAREN'],\n-            NOT: ['PROPERTY', 'LPAREN'],\n-            GEOMETRY: ['COMMA', 'RPAREN']\n-        },\n-\n-        operators = {\n-            '=': OpenLayers.Filter.Comparison.EQUAL_TO,\n-            '<>': OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n-            '<': OpenLayers.Filter.Comparison.LESS_THAN,\n-            '<=': OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n-            '>': OpenLayers.Filter.Comparison.GREATER_THAN,\n-            '>=': OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n-            'LIKE': OpenLayers.Filter.Comparison.LIKE,\n-            'BETWEEN': OpenLayers.Filter.Comparison.BETWEEN,\n-            'IS NULL': OpenLayers.Filter.Comparison.IS_NULL\n-        },\n-\n-        operatorReverse = {},\n-\n-        logicals = {\n-            'AND': OpenLayers.Filter.Logical.AND,\n-            'OR': OpenLayers.Filter.Logical.OR\n-        },\n-\n-        logicalReverse = {},\n-\n-        precedence = {\n-            'RPAREN': 3,\n-            'LOGICAL': 2,\n-            'COMPARISON': 1\n-        };\n-\n-    var i;\n-    for (i in operators) {\n-        if (operators.hasOwnProperty(i)) {\n-            operatorReverse[operators[i]] = i;\n-        }\n-    }\n-\n-    for (i in logicals) {\n-        if (logicals.hasOwnProperty(i)) {\n-            logicalReverse[logicals[i]] = i;\n-        }\n-    }\n-\n-    function tryToken(text, pattern) {\n-        if (pattern instanceof RegExp) {\n-            return pattern.exec(text);\n-        } else {\n-            return pattern(text);\n-        }\n-    }\n+OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n \n-    function nextToken(text, tokens) {\n-        var i, token, len = tokens.length;\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            var pat = patterns[token];\n-            var matches = tryToken(text, pat);\n-            if (matches) {\n-                var match = matches[0];\n-                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n-                return {\n-                    type: token,\n-                    text: match,\n-                    remainder: remainder\n-                };\n-            }\n-        }\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n+     */\n+    version: null,\n \n-        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            msg += \"\\n    \" + token + \": \" + patterns[token];\n-        }\n+    /**\n+     * Property: srsName\n+     * {String} Name of spatial reference system.  Default is \"EPSG:4326\".\n+     */\n+    srsName: \"EPSG:4326\",\n \n-        throw new Error(msg);\n-    }\n+    /**\n+     * Property: featureType\n+     * {String} Local feature typeName.\n+     */\n+    featureType: null,\n \n-    function tokenize(text) {\n-        var results = [];\n-        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n+    /**\n+     * Property: featureNS\n+     * {String} Feature namespace.\n+     */\n+    featureNS: null,\n \n-        do {\n-            token = nextToken(text, expect);\n-            text = token.remainder;\n-            expect = follows[token.type];\n-            if (token.type != \"END\" && !expect) {\n-                throw new Error(\"No follows list for \" + token.type);\n-            }\n-            results.push(token);\n-        } while (token.type != \"END\");\n+    /**\n+     * Property: geometryName\n+     * {String} Name of the geometry attribute for features.  Default is\n+     *     \"the_geom\" for WFS <version> 1.0, and null for higher versions.\n+     */\n+    geometryName: \"the_geom\",\n \n-        return results;\n-    }\n+    /**\n+     * Property: maxFeatures\n+     * {Integer} Optional maximum number of features to retrieve.\n+     */\n \n-    function buildAst(tokens) {\n-        var operatorStack = [],\n-            postfix = [];\n+    /**\n+     * Property: schema\n+     * {String} Optional schema location that will be included in the\n+     *     schemaLocation attribute value.  Note that the feature type schema\n+     *     is required for a strict XML validator (on transactions with an\n+     *     insert for example), but is *not* required by the WFS specification\n+     *     (since the server is supposed to know about feature type schemas).\n+     */\n+    schema: null,\n \n-        while (tokens.length) {\n-            var tok = tokens.shift();\n-            switch (tok.type) {\n-                case \"PROPERTY\":\n-                case \"GEOMETRY\":\n-                case \"VALUE\":\n-                    postfix.push(tok);\n-                    break;\n-                case \"COMPARISON\":\n-                case \"BETWEEN\":\n-                case \"IS_NULL\":\n-                case \"LOGICAL\":\n-                    var p = precedence[tok.type];\n+    /**\n+     * Property: featurePrefix\n+     * {String} Namespace alias for feature type.  Default is \"feature\".\n+     */\n+    featurePrefix: \"feature\",\n \n-                    while (operatorStack.length > 0 &&\n-                        (precedence[operatorStack[operatorStack.length - 1].type] <= p)\n-                    ) {\n-                        postfix.push(operatorStack.pop());\n-                    }\n+    /**\n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n+     */\n+    formatOptions: null,\n \n-                    operatorStack.push(tok);\n-                    break;\n-                case \"SPATIAL\":\n-                case \"NOT\":\n-                case \"LPAREN\":\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"RPAREN\":\n-                    while (operatorStack.length > 0 &&\n-                        (operatorStack[operatorStack.length - 1].type != \"LPAREN\")\n-                    ) {\n-                        postfix.push(operatorStack.pop());\n-                    }\n-                    operatorStack.pop(); // toss out the LPAREN\n+    /** \n+     * Property: readFormat \n+     * {<OpenLayers.Format>} For WFS requests it is possible to get a  \n+     *     different output format than GML. In that case, we cannot parse  \n+     *     the response with the default format (WFST) and we need a different \n+     *     format for reading. \n+     */\n+    readFormat: null,\n \n-                    if (operatorStack.length > 0 &&\n-                        operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n-                        postfix.push(operatorStack.pop());\n-                    }\n-                case \"COMMA\":\n-                case \"END\":\n-                    break;\n-                default:\n-                    throw new Error(\"Unknown token type \" + tok.type);\n-            }\n-        }\n+    /**\n+     * Property: readOptions\n+     * {Object} Optional object to pass to format's read.\n+     */\n+    readOptions: null,\n \n-        while (operatorStack.length > 0) {\n-            postfix.push(operatorStack.pop());\n+    /**\n+     * Constructor: OpenLayers.Protocol.WFS\n+     * A class for giving layers WFS protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * url - {String} URL to send requests to (required).\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (required, but can be autodetected\n+     *     during the first query if GML is used as readFormat and\n+     *     featurePrefix is provided and matches the prefix used by the server\n+     *     for this featureType).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     for writing if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  The default is\n+     *     'the_geom' for WFS <version> 1.0, and null for higher versions. If\n+     *     null, it will be set to the name of the first geometry found in the\n+     *     first read operation.\n+     * multi - {Boolean} If set to true, geometries will be casted to Multi\n+     *     geometries before they are written in a transaction. No casting will\n+     *     be done when reading features.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n+                version: this.version,\n+                featureType: this.featureType,\n+                featureNS: this.featureNS,\n+                featurePrefix: this.featurePrefix,\n+                geometryName: this.geometryName,\n+                srsName: this.srsName,\n+                schema: this.schema\n+            }, this.formatOptions));\n         }\n-\n-        function buildTree() {\n-            var tok = postfix.pop();\n-            switch (tok.type) {\n-                case \"LOGICAL\":\n-                    var rhs = buildTree(),\n-                        lhs = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [lhs, rhs],\n-                        type: logicals[tok.text.toUpperCase()]\n-                    });\n-                case \"NOT\":\n-                    var operand = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [operand],\n-                        type: OpenLayers.Filter.Logical.NOT\n-                    });\n-                case \"BETWEEN\":\n-                    var min, max, property;\n-                    postfix.pop(); // unneeded AND token here\n-                    max = buildTree();\n-                    min = buildTree();\n-                    property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        lowerBoundary: min,\n-                        upperBoundary: max,\n-                        type: OpenLayers.Filter.Comparison.BETWEEN\n-                    });\n-                case \"COMPARISON\":\n-                    var value = buildTree(),\n-                        property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        value: value,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"IS_NULL\":\n-                    var property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"VALUE\":\n-                    var match = tok.text.match(/^'(.*)'$/);\n-                    if (match) {\n-                        return match[1].replace(/''/g, \"'\");\n-                    } else {\n-                        return Number(tok.text);\n-                    }\n-                case \"SPATIAL\":\n-                    switch (tok.text.toUpperCase()) {\n-                        case \"BBOX\":\n-                            var maxy = buildTree(),\n-                                maxx = buildTree(),\n-                                miny = buildTree(),\n-                                minx = buildTree(),\n-                                prop = buildTree();\n-\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.BBOX,\n-                                property: prop,\n-                                value: OpenLayers.Bounds.fromArray(\n-                                    [minx, miny, maxx, maxy]\n-                                )\n-                            });\n-                        case \"INTERSECTS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"WITHIN\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.WITHIN,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"CONTAINS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.CONTAINS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"DWITHIN\":\n-                            var distance = buildTree(),\n-                                value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.DWITHIN,\n-                                value: value,\n-                                property: property,\n-                                distance: Number(distance)\n-                            });\n-                    }\n-                case \"GEOMETRY\":\n-                    return OpenLayers.Geometry.fromWKT(tok.text);\n-                default:\n-                    return tok.text;\n-            }\n+        if (!options.geometryName && parseFloat(this.format.version) > 1.0) {\n+            this.setGeometryName(null);\n         }\n+    },\n \n-        var result = buildTree();\n-        if (postfix.length > 0) {\n-            var msg = \"Remaining tokens after building AST: \\n\";\n-            for (var i = postfix.length - 1; i >= 0; i--) {\n-                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\";\n-            }\n-            throw new Error(msg);\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n         }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n \n-        return result;\n-    }\n-\n-    return OpenLayers.Class(OpenLayers.Format, {\n-        /**\n-         * APIMethod: read\n-         * Generate a filter from a CQL string.\n-         \n-         * Parameters:\n-         * text - {String} The CQL text.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Filter>} A filter based on the CQL text.\n-         */\n-        read: function(text) {\n-            var result = buildAst(tokenize(text));\n-            if (this.keepData) {\n-                this.data = result;\n-            }\n-            return result;\n-        },\n-\n-        /**\n-         * APIMethod: write\n-         * Convert a filter into a CQL string.\n-         \n-         * Parameters:\n-         * filter - {<OpenLayers.Filter>} The filter.\n-         *\n-         * Returns:\n-         * {String} A CQL string based on the filter.\n-         */\n-        write: function(filter) {\n-            if (filter instanceof OpenLayers.Geometry) {\n-                return filter.toString();\n-            }\n-            switch (filter.CLASS_NAME) {\n-                case \"OpenLayers.Filter.Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            return \"BBOX(\" +\n-                                filter.property + \",\" +\n-                                filter.value.toBBOX() +\n-                                \")\";\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            return \"DWITHIN(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \", \" +\n-                                filter.distance + \")\";\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            return \"WITHIN(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.INTERSECTS:\n-                            return \"INTERSECTS(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.CONTAINS:\n-                            return \"CONTAINS(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        default:\n-                            throw new Error(\"Unknown spatial filter type: \" + filter.type);\n-                    }\n-                case \"OpenLayers.Filter.Logical\":\n-                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n-                        // TODO: deal with precedence of logical operators to \n-                        // avoid extra parentheses (not urgent)\n-                        return \"NOT (\" + this.write(filter.filters[0]) + \")\";\n-                    } else {\n-                        var res = \"(\";\n-                        var first = true;\n-                        for (var i = 0; i < filter.filters.length; i++) {\n-                            if (first) {\n-                                first = false;\n-                            } else {\n-                                res += \") \" + logicalReverse[filter.type] + \" (\";\n-                            }\n-                            res += this.write(filter.filters[i]);\n-                        }\n-                        return res + \")\";\n-                    }\n-                case \"OpenLayers.Filter.Comparison\":\n-                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n-                        return filter.property + \" BETWEEN \" +\n-                            this.write(filter.lowerBoundary) + \" AND \" +\n-                            this.write(filter.upperBoundary);\n-                    } else {\n-                        return (filter.value !== null) ? filter.property +\n-                            \" \" + operatorReverse[filter.type] + \" \" +\n-                            this.write(filter.value) : filter.property +\n-                            \" \" + operatorReverse[filter.type];\n-                    }\n-                case undefined:\n-                    if (typeof filter === \"string\") {\n-                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\";\n-                    } else if (typeof filter === \"number\") {\n-                        return String(filter);\n-                    }\n-                default:\n-                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter);\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.CQL\"\n-\n-    });\n-})();\n-\n-/* ======================================================================\n-    OpenLayers/Format/WMTSCapabilities.js\n-   ====================================================================== */\n+    /**\n+     * APIMethod: read\n+     * Construct a request for reading new features.  Since WFS splits the\n+     *     basic CRUD operations into GetFeature requests (for read) and\n+     *     Transactions (for all others), this method does not make use of the\n+     *     format's read method (that is only about reading transaction\n+     *     responses).\n+     *\n+     * Parameters:\n+     * options - {Object} Options for the read operation, in addition to the\n+     *     options set on the instance (options set here will take precedence).\n+     *\n+     * To use a configured protocol to get e.g. a WFS hit count, applications\n+     * could do the following:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     readOptions: {output: \"object\"},\n+     *     resultType: \"hits\",\n+     *     maxFeatures: null,\n+     *     callback: function(resp) {\n+     *         // process resp.numberOfFeatures here\n+     *     }\n+     * });\n+     * (end)\n+     *\n+     * To use a configured protocol to use WFS paging (if supported by the\n+     * server), applications could do the following:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     startIndex: 0,\n+     *     count: 50\n+     * });\n+     * (end)\n+     *\n+     * To limit the attributes returned by the GetFeature request, applications\n+     * can use the propertyNames option to specify the properties to include in\n+     * the response:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     propertyNames: [\"DURATION\", \"INTENSITY\"]\n+     * });\n+     * (end)\n+     */\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var data = OpenLayers.Format.XML.prototype.write.apply(\n+            this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]\n+        );\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n \n-/**\n- * Class: OpenLayers.Format.WMTSCapabilities\n- * Read WMTS Capabilities.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+        return response;\n+    },\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n+     * APIMethod: setFeatureType\n+     * Change the feature type on the fly.\n+     *\n+     * Parameters:\n+     * featureType - {String} Local (without prefix) feature typeName.\n      */\n-    defaultVersion: \"1.0.0\",\n+    setFeatureType: function(featureType) {\n+        this.featureType = featureType;\n+        this.format.featureType = featureType;\n+    },\n \n     /**\n-     * APIProperty: yx\n-     * {Object} Members in the yx object are used to determine if a CRS URN\n-     *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n-     *     and values are boolean.  By default, the following CRS URN are\n-     *     assumed to correspond to a CRS with y,x axis order:\n+     * APIMethod: setGeometryName\n+     * Sets the geometryName option after instantiation.\n      *\n-     * * urn:ogc:def:crs:EPSG::4326\n+     * Parameters:\n+     * geometryName - {String} Name of geometry attribute.\n      */\n-    yx: {\n-        \"urn:ogc:def:crs:EPSG::4326\": true\n+    setGeometryName: function(geometryName) {\n+        this.geometryName = geometryName;\n+        this.format.geometryName = geometryName;\n     },\n \n     /**\n-     * Constructor: OpenLayers.Format.WMTSCapabilities\n-     * Create a new parser for WMTS capabilities.\n+     * Method: handleRead\n+     * Deal with response from the read request.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the read call.\n      */\n+    handleRead: function(response, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                var result = this.parseResponse(request, options.readOptions);\n+                if (result && result.success !== false) {\n+                    if (options.readOptions && options.readOptions.output == \"object\") {\n+                        OpenLayers.Util.extend(response, result);\n+                    } else {\n+                        response.features = result;\n+                    }\n+                    response.code = OpenLayers.Protocol.Response.SUCCESS;\n+                } else {\n+                    // failure (service exception)\n+                    response.code = OpenLayers.Protocol.Response.FAILURE;\n+                    response.error = result;\n+                }\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service (offering and observedProperty mostly).\n+     * Method: parseResponse\n+     * Read HTTP response body and return features\n      *\n      * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n+     * request - {XMLHttpRequest} The request object\n+     * options - {Object} Optional object to pass to format's read\n      *\n      * Returns:\n-     * {Object} Info about the WMTS Capabilities\n+     * {Object} or {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} \n+     * An object with a features property, an array of features or a single \n+     * feature.\n      */\n+    parseResponse: function(request, options) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        var result = (this.readFormat !== null) ? this.readFormat.read(doc) :\n+            this.format.read(doc, options);\n+        if (!this.featureNS) {\n+            var format = this.readFormat || this.format;\n+            this.featureNS = format.featureNS;\n+            // no need to auto-configure again on subsequent reads\n+            format.autoConfig = false;\n+            if (!this.geometryName) {\n+                this.setGeometryName(format.geometryName);\n+            }\n+        }\n+        return result;\n+    },\n \n     /**\n-     * APIMethod: createLayer\n-     * Create a WMTS layer given a capabilities object.\n+     * Method: commit\n+     * Given a list of feature, assemble a batch request for update, create,\n+     *     and delete transactions.  A commit call on the prototype amounts\n+     *     to writing a WFS transaction - so the write method on the format\n+     *     is used.\n      *\n      * Parameters:\n-     * capabilities - {Object} The object returned from a <read> call to this\n-     *     format.\n-     * config - {Object} Configuration properties for the layer.  Defaults for\n-     *     the layer will apply if not provided.\n-     *\n-     * Required config properties:\n-     * layer - {String} The layer identifier.\n+     * features - {Array(<OpenLayers.Feature.Vector>)}\n+     * options - {Object}\n      *\n-     * Optional config properties:\n-     * matrixSet - {String} The matrix set identifier, required if there is \n-     *      more than one matrix set in the layer capabilities.\n-     * style - {String} The name of the style\n-     * format - {String} Image format for the layer. Default is the first\n-     *     format returned in the GetCapabilities response.\n-     * param - {Object} The dimensions values eg: {\"Year\": \"2012\"}\n+     * Valid options properties:\n+     * nativeElements - {Array({Object})} Array of objects with information for writing\n+     * out <Native> elements, these objects have vendorId, safeToIgnore and\n+     * value properties. The <Native> element is intended to allow access to \n+     * vendor specific capabilities of any particular web feature server or \n+     * datastore.\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.WMTS>} A properly configured WMTS layer.  Throws an\n-     *     error if an incomplete config is provided.  Returns undefined if no\n-     *     layer could be created with the provided config.\n+     * {<OpenLayers.Protocol.Response>} A response object with a features\n+     *     property containing any insertIds and a priv property referencing\n+     *     the XMLHttpRequest object.\n      */\n-    createLayer: function(capabilities, config) {\n-        var layer;\n-\n-        // confirm required properties are supplied in config\n-        if (!('layer' in config)) {\n-            throw new Error(\"Missing property 'layer' in configuration.\");\n-        }\n+    commit: function(features, options) {\n \n-        var contents = capabilities.contents;\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n \n-        // find the layer definition with the given identifier\n-        var layers = contents.layers;\n-        var layerDef;\n-        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n-            if (contents.layers[i].identifier === config.layer) {\n-                layerDef = contents.layers[i];\n-                break;\n-            }\n-        }\n-        if (!layerDef) {\n-            throw new Error(\"Layer not found\");\n-        }\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\",\n+            reqFeatures: features\n+        });\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            headers: options.headers,\n+            data: this.format.write(features, options),\n+            callback: this.createCallback(this.handleCommit, response, options)\n+        });\n \n-        var format = config.format;\n-        if (!format && layerDef.formats && layerDef.formats.length) {\n-            format = layerDef.formats[0];\n-        }\n+        return response;\n+    },\n \n-        // find the matrixSet definition\n-        var matrixSet;\n-        if (config.matrixSet) {\n-            matrixSet = contents.tileMatrixSets[config.matrixSet];\n-        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n-            matrixSet = contents.tileMatrixSets[\n-                layerDef.tileMatrixSetLinks[0].tileMatrixSet];\n-        }\n-        if (!matrixSet) {\n-            throw new Error(\"matrixSet not found\");\n-        }\n+    /**\n+     * Method: handleCommit\n+     * Called when the commit request returns.\n+     * \n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the commit call.\n+     */\n+    handleCommit: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n \n-        // get the default style for the layer\n-        var style;\n-        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n-            style = layerDef.styles[i];\n-            if (style.isDefault) {\n-                break;\n+            // ensure that we have an xml doc\n+            var data = request.responseXML;\n+            if (!data || !data.documentElement) {\n+                data = request.responseText;\n             }\n-        }\n \n-        var requestEncoding = config.requestEncoding;\n-        if (!requestEncoding) {\n-            requestEncoding = \"KVP\";\n-            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n-                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n-                // Get first get method\n-                if (http.get[0].constraints) {\n-                    var constraints = http.get[0].constraints;\n-                    var allowedValues = constraints.GetEncoding.allowedValues;\n+            var obj = this.format.read(data) || {};\n \n-                    // The OGC documentation is not clear if we should use\n-                    // REST or RESTful, ArcGis use RESTful,\n-                    // and OpenLayers use REST.\n-                    if (!allowedValues.KVP &&\n-                        (allowedValues.REST || allowedValues.RESTful)) {\n-                        requestEncoding = \"REST\";\n-                    }\n-                }\n+            response.insertIds = obj.insertIds || [];\n+            if (obj.success) {\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+                response.error = obj;\n             }\n+            options.callback.call(options.scope, response);\n         }\n+    },\n \n-        var dimensions = [];\n-        var params = config.params || {};\n-        // to don't overwrite the changes in the applyDefaults\n-        delete config.params;\n-        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n-            var dimension = layerDef.dimensions[id];\n-            dimensions.push(dimension.identifier);\n-            if (!params.hasOwnProperty(dimension.identifier)) {\n-                params[dimension.identifier] = dimension['default'];\n-            }\n-        }\n+    /**\n+     * Method: filterDelete\n+     * Send a request that deletes all features by their filter.\n+     * \n+     * Parameters:\n+     * filter - {<OpenLayers.Filter>} filter\n+     */\n+    filterDelete: function(filter, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n \n-        var projection = config.projection || matrixSet.supportedCRS.replace(\n-            /urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n-        var units = config.units ||\n-            (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\"\n+        });\n \n-        var resolutions = [];\n-        for (var mid in matrixSet.matrixIds) {\n-            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n-                resolutions.push(\n-                    matrixSet.matrixIds[mid].scaleDenominator * 0.28E-3 /\n-                    OpenLayers.METERS_PER_INCH /\n-                    OpenLayers.INCHES_PER_UNIT[units]);\n+        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n+            attributes: {\n+                service: \"WFS\",\n+                version: this.version\n             }\n-        }\n+        });\n \n-        var url;\n-        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n-            url = [];\n-            var resourceUrls = layerDef.resourceUrls,\n-                resourceUrl;\n-            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n-                resourceUrl = layerDef.resourceUrls[t];\n-                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n-                    url.push(resourceUrl.template);\n-                }\n-            }\n-        } else {\n-            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n-            url = [];\n-            var constraint;\n-            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n-                constraint = httpGet[i].constraints;\n-                if (!constraint || (constraint && constraint.GetEncoding.allowedValues[requestEncoding])) {\n-                    url.push(httpGet[i].url);\n-                }\n+        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n+            attributes: {\n+                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") +\n+                    options.featureType\n             }\n+        });\n+\n+        if (options.featureNS) {\n+            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS);\n         }\n+        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n \n-        return new OpenLayers.Layer.WMTS(\n-            OpenLayers.Util.applyDefaults(config, {\n-                url: url,\n-                requestEncoding: requestEncoding,\n-                name: layerDef.title,\n-                style: style.identifier,\n-                format: format,\n-                matrixIds: matrixSet.matrixIds,\n-                matrixSet: matrixSet.identifier,\n-                projection: projection,\n-                units: units,\n-                resolutions: config.isBaseLayer === false ? undefined : resolutions,\n-                serverResolutions: resolutions,\n-                tileFullExtent: matrixSet.bounds,\n-                dimensions: dimensions,\n-                params: params\n-            })\n+        deleteNode.appendChild(filterNode);\n+\n+        root.appendChild(deleteNode);\n+\n+        var data = OpenLayers.Format.XML.prototype.write.apply(\n+            this.format, [root]\n         );\n+\n+        return OpenLayers.Request.POST({\n+            url: this.url,\n+            callback: options.callback || function() {},\n+            data: data\n+        });\n+\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n+    /**\n+     * Method: abort\n+     * Abort an ongoing request, the response object passed to\n+     * this method must come from this protocol (as a result\n+     * of a read, or commit operation).\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>}\n+     */\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort();\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n });\n /* ======================================================================\n-    OpenLayers/Format/QueryStringFilter.js\n+    OpenLayers/Protocol/WFS/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Format.js\n- * @requires OpenLayers/Filter/Spatial.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Protocol/WFS/v1.js\n+ * @requires OpenLayers/Format/WFST/v1_1_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.QueryStringFilter\n- * Parser for reading a query string and creating a simple filter.\n+ * Class: OpenLayers.Protocol.WFS.v1_1_0\n+ * A WFS v1.1.0 protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.WFS.v1_1_0> constructor.\n  *\n+ * Differences from the v1.0.0 protocol:\n+ *  - uses Filter Encoding 1.1.0 instead of 1.0.0\n+ *  - uses GML 3 instead of 2 if no format is provided\n+ *  \n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Protocol.WFS.v1>\n  */\n-OpenLayers.Format.QueryStringFilter = (function() {\n+OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n \n-    /** \n-     * Map the OpenLayers.Filter.Comparison types to the operation strings of \n-     * the protocol.\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n      */\n-    var cmpToStr = {};\n-    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n-    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n+    version: \"1.1.0\",\n \n     /**\n-     * Function: regex2value\n-     * Convert the value from a regular expression string to a LIKE/ILIKE\n-     * string known to the web service.\n+     * Constructor: OpenLayers.Protocol.WFS.v1_1_0\n+     * A class for giving layers WFS v1.1.0 protocol.\n      *\n      * Parameters:\n-     * value - {String} The regex string.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      *\n-     * Returns:\n-     * {String} The converted string.\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (optional).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n+     * outputFormat - {String} Optional output format to use for WFS GetFeature\n+     *     requests. This can be any format advertized by the WFS's\n+     *     GetCapabilities response. If set, an appropriate readFormat also\n+     *     has to be provided, unless outputFormat is GML3, GML2 or JSON.\n+     * readFormat - {<OpenLayers.Format>} An appropriate format parser if\n+     *     outputFormat is none of GML3, GML2 or JSON.\n      */\n-    function regex2value(value) {\n-\n-        // highly sensitive!! Do not change this without running the\n-        // Protocol/HTTP.html unit tests\n-\n-        // convert % to \\%\n-        value = value.replace(/%/g, \"\\\\%\");\n-\n-        // convert \\\\. to \\\\_ (\\\\.* occurences converted later)\n-        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n-            return $1 ? $0 : \"\\\\\\\\_\";\n-        });\n-\n-        // convert \\\\.* to \\\\%\n-        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n-\n-        // convert . to _ (\\. and .* occurences converted later)\n-        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n-            return $1 || $2 ? $0 : \"_\";\n-        });\n-\n-        // convert .* to % (\\.* occurnces converted later)\n-        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"%\";\n-        });\n-\n-        // convert \\. to .\n-        value = value.replace(/\\\\\\./g, \".\");\n-\n-        // replace \\* with * (watching out for \\\\*)\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"*\";\n-        });\n-\n-        return value;\n-    }\n-\n-    return OpenLayers.Class(OpenLayers.Format, {\n-\n-        /**\n-         * Property: wildcarded.\n-         * {Boolean} If true percent signs are added around values\n-         *     read from LIKE filters, for example if the protocol\n-         *     read method is passed a LIKE filter whose property\n-         *     is \"foo\" and whose value is \"bar\" the string\n-         *     \"foo__ilike=%bar%\" will be sent in the query string;\n-         *     defaults to false.\n-         */\n-        wildcarded: false,\n-\n-        /**\n-         * APIProperty: srsInBBOX\n-         * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n-         *     Default is false.  If true and the layer has a projection object set,\n-         *     any BBOX filter will be serialized with a fifth item identifying the\n-         *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n-         */\n-        srsInBBOX: false,\n-\n-        /**\n-         * APIMethod: write\n-         * Serialize an <OpenLayers.Filter> objects using the \"simple\" filter syntax for \n-         *     query string parameters.  This function must be called as a method of\n-         *     a protocol instance.\n-         *\n-         * Parameters:\n-         * filter - {<OpenLayers.Filter>} filter to convert.\n-         * params - {Object} The parameters object.\n-         *\n-         * Returns:\n-         * {Object} The resulting parameters object.\n-         */\n-        write: function(filter, params) {\n-            params = params || {};\n-            var className = filter.CLASS_NAME;\n-            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n-            switch (filterType) {\n-                case \"Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            params.bbox = filter.value.toArray();\n-                            if (this.srsInBBOX && filter.projection) {\n-                                params.bbox.push(filter.projection.getCode());\n-                            }\n-                            break;\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            params.tolerance = filter.distance;\n-                            // no break here\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            params.lon = filter.value.x;\n-                            params.lat = filter.value.y;\n-                            break;\n-                        default:\n-                            OpenLayers.Console.warn(\n-                                \"Unknown spatial filter type \" + filter.type);\n-                    }\n-                    break;\n-                case \"Comparison\":\n-                    var op = cmpToStr[filter.type];\n-                    if (op !== undefined) {\n-                        var value = filter.value;\n-                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n-                            value = regex2value(value);\n-                            if (this.wildcarded) {\n-                                value = \"%\" + value + \"%\";\n-                            }\n-                        }\n-                        params[filter.property + \"__\" + op] = value;\n-                        params.queryable = params.queryable || [];\n-                        params.queryable.push(filter.property);\n-                    } else {\n-                        OpenLayers.Console.warn(\n-                            \"Unknown comparison filter type \" + filter.type);\n-                    }\n-                    break;\n-                case \"Logical\":\n-                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n-                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n-                            params = this.write(filter.filters[i], params);\n-                        }\n-                    } else {\n-                        OpenLayers.Console.warn(\n-                            \"Unsupported logical filter type \" + filter.type);\n-                    }\n-                    break;\n-                default:\n-                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType);\n-            }\n-            return params;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n-\n-    });\n-\n-\n-})();\n-/* ======================================================================\n-    OpenLayers/Format/WFSCapabilities/v1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WFSCapabilities.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFSCapabilities.v1\n- * Abstract class not to be instantiated directly.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WFSCapabilities.v1 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wfs: \"http://www.opengis.net/wfs\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-            ows: \"http://www.opengis.net/ows\"\n-        },\n-\n-\n-        /**\n-         * APIProperty: errorProperty\n-         * {String} Which property of the returned object to check for in order to\n-         * determine whether or not parsing has failed. In the case that the\n-         * errorProperty is undefined on the returned object, the document will be\n-         * run through an OGCExceptionReport parser.\n-         */\n-        errorProperty: \"featureTypeList\",\n-\n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wfs\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1\n-         * Create an instance of one of the subclasses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return a list of layers. \n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array} List of named layers.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            var raw = data;\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wfs\": {\n-                \"WFS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"FeatureTypeList\": function(node, request) {\n-                    request.featureTypeList = {\n-                        featureTypes: []\n-                    };\n-                    this.readChildNodes(node, request.featureTypeList);\n-                },\n-                \"FeatureType\": function(node, featureTypeList) {\n-                    var featureType = {};\n-                    this.readChildNodes(node, featureType);\n-                    featureTypeList.featureTypes.push(featureType);\n-                },\n-                \"Name\": function(node, obj) {\n-                    var name = this.getChildValue(node);\n-                    if (name) {\n-                        var parts = name.split(\":\");\n-                        obj.name = parts.pop();\n-                        if (parts.length > 0) {\n-                            obj.featureNS = this.lookupNamespaceURI(node, parts[0]);\n-                        }\n-                    }\n-                },\n-                \"Title\": function(node, obj) {\n-                    var title = this.getChildValue(node);\n-                    if (title) {\n-                        obj.title = title;\n-                    }\n-                },\n-                \"Abstract\": function(node, obj) {\n-                    var abst = this.getChildValue(node);\n-                    if (abst) {\n-                        obj[\"abstract\"] = abst;\n-                    }\n-                }\n+    initialize: function(options) {\n+        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n+        if (this.outputFormat && !this.readFormat) {\n+            if (this.outputFormat.toLowerCase() == \"gml2\") {\n+                this.readFormat = new OpenLayers.Format.GML.v2({\n+                    featureType: this.featureType,\n+                    featureNS: this.featureNS,\n+                    geometryName: this.geometryName\n+                });\n+            } else if (this.outputFormat.toLowerCase() == \"json\") {\n+                this.readFormat = new OpenLayers.Format.GeoJSON();\n             }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WFSCapabilities/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WFSCapabilities/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFSCapabilities/v1_0_0\n- * Read WFS Capabilities version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WFSCapabilities.v1>\n- */\n-OpenLayers.Format.WFSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.WFSCapabilities.v1, {\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFSCapabilities.v1_0_0\n-         * Create a new parser for WFS capabilities version 1.0.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"Service\": function(node, capabilities) {\n-                    capabilities.service = {};\n-                    this.readChildNodes(node, capabilities.service);\n-                },\n-                \"Fees\": function(node, service) {\n-                    var fees = this.getChildValue(node);\n-                    if (fees && fees.toLowerCase() != \"none\") {\n-                        service.fees = fees;\n-                    }\n-                },\n-                \"AccessConstraints\": function(node, service) {\n-                    var constraints = this.getChildValue(node);\n-                    if (constraints && constraints.toLowerCase() != \"none\") {\n-                        service.accessConstraints = constraints;\n-                    }\n-                },\n-                \"OnlineResource\": function(node, service) {\n-                    var onlineResource = this.getChildValue(node);\n-                    if (onlineResource && onlineResource.toLowerCase() != \"none\") {\n-                        service.onlineResource = onlineResource;\n-                    }\n-                },\n-                \"Keywords\": function(node, service) {\n-                    var keywords = this.getChildValue(node);\n-                    if (keywords && keywords.toLowerCase() != \"none\") {\n-                        service.keywords = keywords.split(', ');\n-                    }\n-                },\n-                \"Capability\": function(node, capabilities) {\n-                    capabilities.capability = {};\n-                    this.readChildNodes(node, capabilities.capability);\n-                },\n-                \"Request\": function(node, obj) {\n-                    obj.request = {};\n-                    this.readChildNodes(node, obj.request);\n-                },\n-                \"GetFeature\": function(node, request) {\n-                    request.getfeature = {\n-                        href: {}, // DCPType\n-                        formats: [] // ResultFormat\n-                    };\n-                    this.readChildNodes(node, request.getfeature);\n-                },\n-                \"ResultFormat\": function(node, obj) {\n-                    var children = node.childNodes;\n-                    var childNode;\n-                    for (var i = 0; i < children.length; i++) {\n-                        childNode = children[i];\n-                        if (childNode.nodeType == 1) {\n-                            obj.formats.push(childNode.nodeName);\n-                        }\n-                    }\n-                },\n-                \"DCPType\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"HTTP\": function(node, obj) {\n-                    this.readChildNodes(node, obj.href);\n-                },\n-                \"Get\": function(node, obj) {\n-                    obj.get = node.getAttribute(\"onlineResource\");\n-                },\n-                \"Post\": function(node, obj) {\n-                    obj.post = node.getAttribute(\"onlineResource\");\n-                },\n-                \"SRS\": function(node, obj) {\n-                    var srs = this.getChildValue(node);\n-                    if (srs) {\n-                        obj.srs = srs;\n-                    }\n-                }\n-            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_0_0\"\n+        }\n+    },\n \n-    });\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n+});\n /* ======================================================================\n-    OpenLayers/Format/WFSCapabilities/v1_1_0.js\n+    OpenLayers/Protocol/WFS/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WFSCapabilities/v1.js\n- * @requires OpenLayers/Format/OWSCommon/v1.js\n+ * @requires OpenLayers/Protocol/WFS/v1.js\n+ * @requires OpenLayers/Format/WFST/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WFSCapabilities/v1_1_0\n- * Read WFS Capabilities version 1.1.0.\n- * \n+ * Class: OpenLayers.Protocol.WFS.v1_0_0\n+ * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.WFSCapabilities>\n+ *  - <OpenLayers.Protocol.WFS.v1>\n  */\n-OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WFSCapabilities.v1, {\n-\n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1_0\n-         * Create a new parser for WFS capabilities version 1.1.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"DefaultSRS\": function(node, obj) {\n-                    var defaultSRS = this.getChildValue(node);\n-                    if (defaultSRS) {\n-                        obj.srs = defaultSRS;\n-                    }\n-                }\n-            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n-            \"ows\": OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n-        },\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n+     */\n+    version: \"1.0.0\",\n \n-        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+    /**\n+     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n+     * A class for giving layers WFS v1.0.0 protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (optional).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n+     */\n \n-    });\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n+});\n /* ======================================================================\n-    OpenLayers/Format/OWSContext/v0_3_1.js\n+    OpenLayers/Renderer/Elements.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/KML.js\n- * @requires OpenLayers/Format/GML.js\n- * @requires OpenLayers/Format/GML/v2.js\n- * @requires OpenLayers/Format/SLD/v1_0_0.js\n- * @requires OpenLayers/Format/OWSContext.js\n- * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n+ * @requires OpenLayers/Renderer.js\n  */\n \n /**\n- * Class: OpenLayers.Format.OWSContext.v0_3_1\n- * Read and write OWSContext version 0.3.1.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ * Class: OpenLayers.ElementsIndexer\n+ * This class takes care of figuring out which order elements should be\n+ *     placed in the DOM based on given indexing methods. \n  */\n-OpenLayers.Format.OWSContext.v0_3_1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.ElementsIndexer = OpenLayers.Class({\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * Property: maxZIndex\n+     * {Integer} This is the largest-most z-index value for a node\n+     *     contained within the indexer.\n      */\n-    namespaces: {\n-        owc: \"http://www.opengis.net/ows-context\",\n-        gml: \"http://www.opengis.net/gml\",\n-        kml: \"http://www.opengis.net/kml/2.2\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        ows: \"http://www.opengis.net/ows\",\n-        sld: \"http://www.opengis.net/sld\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+    maxZIndex: null,\n \n     /**\n-     * Constant: VERSION\n-     * {String} 0.3.1\n+     * Property: order\n+     * {Array<String>} This is an array of node id's stored in the\n+     *     order that they should show up on screen. Id's higher up in the\n+     *     array (higher array index) represent nodes with higher z-indeces.\n      */\n-    VERSION: \"0.3.1\",\n+    order: null,\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location\n+     * Property: indices\n+     * {Object} This is a hash that maps node ids to their z-index value\n+     *     stored in the indexer. This is done to make finding a nodes z-index \n+     *     value O(1).\n      */\n-    schemaLocation: \"http://www.opengis.net/ows-context http://www.ogcnetwork.net/schemas/owc/0.3.1/owsContext.xsd\",\n+    indices: null,\n \n     /**\n-     * Property: defaultPrefix\n-     * {String} Default namespace prefix to use.\n+     * Property: compare\n+     * {Function} This is the function used to determine placement of\n+     *     of a new node within the indexer. If null, this defaults to to\n+     *     the Z_ORDER_DRAWING_ORDER comparison method.\n      */\n-    defaultPrefix: \"owc\",\n+    compare: null,\n \n     /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract attributes from GML.  Default is true.\n+     * APIMethod: initialize\n+     * Create a new indexer with \n+     * \n+     * Parameters:\n+     * yOrdering - {Boolean} Whether to use y-ordering.\n      */\n-    extractAttributes: true,\n+    initialize: function(yOrdering) {\n \n-    /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n-     * Changing is not recommended, a new Format should be instantiated.\n-     */\n-    xy: true,\n+        this.compare = yOrdering ?\n+            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER :\n+            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n \n-    /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n-     */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n+        this.clear();\n     },\n \n     /**\n-     * Property: featureNS\n-     * {String} The namespace uri to use for writing InlineGeometry\n+     * APIMethod: insert\n+     * Insert a new node into the indexer. In order to find the correct \n+     *     positioning for the node to be inserted, this method uses a binary \n+     *     search. This makes inserting O(log(n)). \n+     * \n+     * Parameters:\n+     * newNode - {DOMElement} The new node to be inserted.\n+     * \n+     * Returns\n+     * {DOMElement} the node before which we should insert our newNode, or\n+     *     null if newNode can just be appended.\n      */\n-    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n+    insert: function(newNode) {\n+        // If the node is known to the indexer, remove it so we can\n+        // recalculate where it should go.\n+        if (this.exists(newNode)) {\n+            this.remove(newNode);\n+        }\n \n-    /**\n-     * Property: featureType\n-     * {String} The name to use as the feature type when writing out\n-     *     InlineGeometry\n-     */\n-    featureType: 'vector',\n+        var nodeId = newNode.id;\n \n-    /**\n-     * Property: geometryName\n-     * {String} The name to use for the geometry attribute when writing out\n-     *     InlineGeometry\n-     */\n-    geometryName: 'geometry',\n+        this.determineZIndex(newNode);\n \n-    /**\n-     * Property: nestingLayerLookup\n-     * {Object} Hashtable lookup for nesting layer nodes. Used while writing \n-     *     the OWS context document. It is necessary to keep track of the \n-     *     nestingPaths for which nesting layer nodes have already been \n-     *     created, so (nesting) layer nodes are added to those nodes.\n-     *\n-     * For example:\n-     *\n-     *     If there are three layers with nestingPaths:\n-     *         layer1.metadata.nestingPath = \"a/b/\"\n-     *         layer2.metadata.nestingPath = \"a/b/\"\n-     *         layer2.metadata.nestingPath = \"a/c\"\n-     *\n-     *     then a nesting layer node \"a\" should be created once and added \n-     *     to the resource list, a nesting layer node \"b\" should be created \n-     *     once and added under \"a\", and a nesting layer node \"c\" should be \n-     *     created and added under \"a\". The lookup paths for these nodes \n-     *     will be \"a\", \"a/b\", and \"a/c\" respectively.\n-     */\n-    nestingLayerLookup: null,\n+        var leftIndex = -1;\n+        var rightIndex = this.order.length;\n+        var middle;\n \n-    /**\n-     * Constructor: OpenLayers.Format.OWSContext.v0_3_1\n-     * Instances of this class are not created directly.  Use the\n-     *     <OpenLayers.Format.OWSContext> constructor instead.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-        OpenLayers.Format.GML.v2.prototype.setGeometryTypes.call(this);\n+        while (rightIndex - leftIndex > 1) {\n+            middle = parseInt((leftIndex + rightIndex) / 2);\n+\n+            var placement = this.compare(this, newNode,\n+                OpenLayers.Util.getElement(this.order[middle]));\n+\n+            if (placement > 0) {\n+                leftIndex = middle;\n+            } else {\n+                rightIndex = middle;\n+            }\n+        }\n+\n+        this.order.splice(rightIndex, 0, nodeId);\n+        this.indices[nodeId] = this.getZIndex(newNode);\n+\n+        // If the new node should be before another in the index\n+        // order, return the node before which we have to insert the new one;\n+        // else, return null to indicate that the new node can be appended.\n+        return this.getNextElement(rightIndex);\n     },\n \n     /**\n-     * Method: setNestingPath\n-     * Set the nestingPath property of the layer depending on the position\n-     *     of the layer in hierarchy of layers.\n-     *\n-     * Parameters:\n-     * l - {Object} An object that may have a layersContext array property.\n+     * APIMethod: remove\n      * \n+     * Parameters:\n+     * node - {DOMElement} The node to be removed.\n      */\n-    setNestingPath: function(l) {\n-        if (l.layersContext) {\n-            for (var i = 0, len = l.layersContext.length; i < len; i++) {\n-                var layerContext = l.layersContext[i];\n-                var nPath = [];\n-                var nTitle = l.title || \"\";\n-                if (l.metadata && l.metadata.nestingPath) {\n-                    nPath = l.metadata.nestingPath.slice();\n-                }\n-                if (nTitle != \"\") {\n-                    nPath.push(nTitle);\n-                }\n-                layerContext.metadata.nestingPath = nPath;\n-                if (layerContext.layersContext) {\n-                    this.setNestingPath(layerContext);\n-                }\n+    remove: function(node) {\n+        var nodeId = node.id;\n+        var arrayIndex = OpenLayers.Util.indexOf(this.order, nodeId);\n+        if (arrayIndex >= 0) {\n+            // Remove it from the order array, as well as deleting the node\n+            // from the indeces hash.\n+            this.order.splice(arrayIndex, 1);\n+            delete this.indices[nodeId];\n+\n+            // Reset the maxium z-index based on the last item in the \n+            // order array.\n+            if (this.order.length > 0) {\n+                var lastId = this.order[this.order.length - 1];\n+                this.maxZIndex = this.indices[lastId];\n+            } else {\n+                this.maxZIndex = 0;\n             }\n         }\n     },\n \n     /**\n-     * Function: decomposeNestingPath\n-     * Takes a nestingPath like \"a/b/c\" and decomposes it into subpaths:\n-     * \"a\", \"a/b\", \"a/b/c\"\n+     * APIMethod: clear\n+     */\n+    clear: function() {\n+        this.order = [];\n+        this.indices = {};\n+        this.maxZIndex = 0;\n+    },\n+\n+    /**\n+     * APIMethod: exists\n      *\n      * Parameters:\n-     * nPath  - {Array} the nesting path\n+     * node - {DOMElement} The node to test for existence.\n      *\n      * Returns:\n-     * Array({String}) Array with subpaths, or empty array if there is nothing\n-     *     to decompose\n+     * {Boolean} Whether or not the node exists in the indexer?\n      */\n-    decomposeNestingPath: function(nPath) {\n-        var a = [];\n-        if (OpenLayers.Util.isArray(nPath)) {\n-            var path = nPath.slice();\n-            while (path.length > 0) {\n-                a.push(path.slice());\n-                path.pop();\n-            }\n-            a.reverse();\n-        }\n-        return a;\n+    exists: function(node) {\n+        return (this.indices[node.id] != null);\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read OWS context data from a string or DOMElement, and return a list \n-     *     of layers. \n+     * APIMethod: getZIndex\n+     * Get the z-index value for the current node from the node data itself.\n+     * \n+     * Parameters:\n+     * node - {DOMElement} The node whose z-index to get.\n      * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n      * Returns:\n-     * {Object} The context object with a flat layer list as a property named\n-     *     layersContext.\n+     * {Integer} The z-index value for the specified node (from the node \n+     *     data itself).\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement;\n-        }\n-        var context = {};\n-        this.readNode(data, context);\n-        // since an OWSContext can be nested we need to go through this\n-        // structure recursively      \n-        this.setNestingPath({\n-            layersContext: context.layersContext\n-        });\n-        // after nesting path has been set, create a flat list of layers\n-        var layers = [];\n-        this.processLayer(layers, context);\n-        delete context.layersContext;\n-        context.layersContext = layers;\n-        return context;\n+    getZIndex: function(node) {\n+        return node._style.graphicZIndex;\n     },\n \n     /**\n-     * Method: processLayer\n-     * Recursive function to get back a flat list of layers from the hierarchic\n-     *     layer structure.\n-     *\n+     * Method: determineZIndex\n+     * Determine the z-index for the current node if there isn't one, \n+     *     and set the maximum value if we've found a new maximum.\n+     * \n      * Parameters:\n-     * layerArray - {Array({Object})} Array of layerContext objects\n-     * layer - {Object} layerContext object\n+     * node - {DOMElement} \n      */\n-    processLayer: function(layerArray, layer) {\n-        if (layer.layersContext) {\n-            for (var i = 0, len = layer.layersContext.length; i < len; i++) {\n-                var l = layer.layersContext[i];\n-                layerArray.push(l);\n-                if (l.layersContext) {\n-                    this.processLayer(layerArray, l);\n-                }\n-            }\n+    determineZIndex: function(node) {\n+        var zIndex = node._style.graphicZIndex;\n+\n+        // Everything must have a zIndex. If none is specified,\n+        // this means the user *must* (hint: assumption) want this\n+        // node to succomb to drawing order. To enforce drawing order\n+        // over all indexing methods, we'll create a new z-index that's\n+        // greater than any currently in the indexer.\n+        if (zIndex == null) {\n+            zIndex = this.maxZIndex;\n+            node._style.graphicZIndex = zIndex;\n+        } else if (zIndex > this.maxZIndex) {\n+            this.maxZIndex = zIndex;\n         }\n     },\n \n     /**\n-     * APIMethod: write\n-     *\n+     * APIMethod: getNextElement\n+     * Get the next element in the order stack.\n+     * \n      * Parameters:\n-     * context - {Object} An object representing the map context.\n-     * options - {Object} Optional object.\n-     *\n+     * index - {Integer} The index of the current node in this.order.\n+     * \n      * Returns:\n-     * {String} An OWS Context document string.\n+     * {DOMElement} the node following the index passed in, or\n+     *     null.\n      */\n-    write: function(context, options) {\n-        var name = \"OWSContext\";\n-        this.nestingLayerLookup = {}; //start with empty lookup\n-        options = options || {};\n-        OpenLayers.Util.applyDefaults(options, context);\n-        var root = this.writeNode(name, options);\n-        this.nestingLayerLookup = null; //clear lookup\n-        this.setAttributeNS(\n-            root, this.namespaces[\"xsi\"],\n-            \"xsi:schemaLocation\", this.schemaLocation\n-        );\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+    getNextElement: function(index) {\n+        var nextIndex = index + 1;\n+        if (nextIndex < this.order.length) {\n+            var nextElement = OpenLayers.Util.getElement(this.order[nextIndex]);\n+            if (nextElement == undefined) {\n+                nextElement = this.getNextElement(nextIndex);\n+            }\n+            return nextElement;\n+        } else {\n+            return null;\n+        }\n     },\n \n+    CLASS_NAME: \"OpenLayers.ElementsIndexer\"\n+});\n+\n+/**\n+ * Namespace: OpenLayers.ElementsIndexer.IndexingMethods\n+ * These are the compare methods for figuring out where a new node should be \n+ *     placed within the indexer. These methods are very similar to general \n+ *     sorting methods in that they return -1, 0, and 1 to specify the \n+ *     direction in which new nodes fall in the ordering.\n+ */\n+OpenLayers.ElementsIndexer.IndexingMethods = {\n+\n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: Z_ORDER\n+     * This compare method is used by other comparison methods.\n+     *     It can be used individually for ordering, but is not recommended,\n+     *     because it doesn't subscribe to drawing order.\n+     * \n+     * Parameters:\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n+     * \n+     * Returns:\n+     * {Integer}\n      */\n-    readers: {\n-        \"kml\": {\n-            \"Document\": function(node, obj) {\n-                obj.features = new OpenLayers.Format.KML({\n-                    kmlns: this.namespaces.kml,\n-                    extractStyles: true\n-                }).read(node);\n-            }\n-        },\n-        \"owc\": {\n-            \"OWSContext\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-            },\n-            \"General\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-            },\n-            \"ResourceList\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-            },\n-            \"Layer\": function(node, obj) {\n-                var layerContext = {\n-                    metadata: {},\n-                    visibility: (node.getAttribute(\"hidden\") != \"1\"),\n-                    queryable: (node.getAttribute(\"queryable\") == \"1\"),\n-                    opacity: ((node.getAttribute(\"opacity\") != null) ?\n-                        parseFloat(node.getAttribute(\"opacity\")) : null),\n-                    name: node.getAttribute(\"name\"),\n-                    /* A category layer is a dummy layer meant for creating\n-                       hierarchies. It is not a physical layer in the \n-                       OpenLayers sense. The assumption we make here is that\n-                       category layers do not have a name attribute */\n-                    categoryLayer: (node.getAttribute(\"name\") == null),\n-                    formats: [],\n-                    styles: []\n-                };\n-                if (!obj.layersContext) {\n-                    obj.layersContext = [];\n-                }\n-                obj.layersContext.push(layerContext);\n-                this.readChildNodes(node, layerContext);\n-            },\n-            \"InlineGeometry\": function(node, obj) {\n-                obj.features = [];\n-                var elements = this.getElementsByTagNameNS(node,\n-                    this.namespaces.gml, \"featureMember\");\n-                var el;\n-                if (elements.length >= 1) {\n-                    el = elements[0];\n-                }\n-                if (el && el.firstChild) {\n-                    var featurenode = (el.firstChild.nextSibling) ?\n-                        el.firstChild.nextSibling : el.firstChild;\n-                    this.setNamespace(\"feature\", featurenode.namespaceURI);\n-                    this.featureType = featurenode.localName ||\n-                        featurenode.nodeName.split(\":\").pop();\n-                    this.readChildNodes(node, obj);\n-                }\n-            },\n-            \"Server\": function(node, obj) {\n-                // when having multiple Server types, we prefer WMS\n-                if ((!obj.service && !obj.version) ||\n-                    (obj.service !=\n-                        OpenLayers.Format.Context.serviceTypes.WMS)) {\n-                    obj.service = node.getAttribute(\"service\");\n-                    obj.version = node.getAttribute(\"version\");\n-                    this.readChildNodes(node, obj);\n-                }\n-            },\n-            \"Name\": function(node, obj) {\n-                obj.name = this.getChildValue(node);\n-                this.readChildNodes(node, obj);\n-            },\n-            \"Title\": function(node, obj) {\n-                obj.title = this.getChildValue(node);\n-                this.readChildNodes(node, obj);\n-            },\n-            \"StyleList\": function(node, obj) {\n-                this.readChildNodes(node, obj.styles);\n-            },\n-            \"Style\": function(node, obj) {\n-                var style = {};\n-                obj.push(style);\n-                this.readChildNodes(node, style);\n-            },\n-            \"LegendURL\": function(node, obj) {\n-                var legend = {};\n-                obj.legend = legend;\n-                this.readChildNodes(node, legend);\n-            },\n-            \"OnlineResource\": function(node, obj) {\n-                obj.url = this.getAttributeNS(node, this.namespaces.xlink,\n-                    \"href\");\n-                this.readChildNodes(node, obj);\n-            }\n-        },\n-        \"ows\": OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers.ows,\n-        \"gml\": OpenLayers.Format.GML.v2.prototype.readers.gml,\n-        \"sld\": OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld,\n-        \"feature\": OpenLayers.Format.GML.v2.prototype.readers.feature\n+    Z_ORDER: function(indexer, newNode, nextNode) {\n+        var newZIndex = indexer.getZIndex(newNode);\n+\n+        var returnVal = 0;\n+        if (nextNode) {\n+            var nextZIndex = indexer.getZIndex(nextNode);\n+            returnVal = newZIndex - nextZIndex;\n+        }\n+\n+        return returnVal;\n     },\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * APIMethod: Z_ORDER_DRAWING_ORDER\n+     * This method orders nodes by their z-index, but does so in a way\n+     *     that, if there are other nodes with the same z-index, the newest \n+     *     drawn will be the front most within that z-index. This is the \n+     *     default indexing method.\n+     * \n+     * Parameters:\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n+     * \n+     * Returns:\n+     * {Integer}\n      */\n-    writers: {\n-        \"owc\": {\n-            \"OWSContext\": function(options) {\n-                var node = this.createElementNSPlus(\"OWSContext\", {\n-                    attributes: {\n-                        version: this.VERSION,\n-                        id: options.id || OpenLayers.Util.createUniqueID(\"OpenLayers_OWSContext_\")\n-                    }\n-                });\n-                this.writeNode(\"General\", options, node);\n-                this.writeNode(\"ResourceList\", options, node);\n-                return node;\n-            },\n-            \"General\": function(options) {\n-                var node = this.createElementNSPlus(\"General\");\n-                this.writeNode(\"ows:BoundingBox\", options, node);\n-                this.writeNode(\"ows:Title\", options.title || 'OpenLayers OWSContext', node);\n-                return node;\n-            },\n-            \"ResourceList\": function(options) {\n-                var node = this.createElementNSPlus(\"ResourceList\");\n-                for (var i = 0, len = options.layers.length; i < len; i++) {\n-                    var layer = options.layers[i];\n-                    var decomposedPath = this.decomposeNestingPath(layer.metadata.nestingPath);\n-                    this.writeNode(\"_Layer\", {\n-                        layer: layer,\n-                        subPaths: decomposedPath\n-                    }, node);\n-                }\n-                return node;\n-            },\n-            \"Server\": function(options) {\n-                var node = this.createElementNSPlus(\"Server\", {\n-                    attributes: {\n-                        version: options.version,\n-                        service: options.service\n-                    }\n-                });\n-                this.writeNode(\"OnlineResource\", options, node);\n-                return node;\n-            },\n-            \"OnlineResource\": function(options) {\n-                var node = this.createElementNSPlus(\"OnlineResource\", {\n-                    attributes: {\n-                        \"xlink:href\": options.url\n-                    }\n-                });\n-                return node;\n-            },\n-            \"InlineGeometry\": function(layer) {\n-                var node = this.createElementNSPlus(\"InlineGeometry\"),\n-                    dataExtent = layer.getDataExtent();\n-                if (dataExtent !== null) {\n-                    this.writeNode(\"gml:boundedBy\", dataExtent, node);\n-                }\n-                for (var i = 0, len = layer.features.length; i < len; i++) {\n-                    this.writeNode(\"gml:featureMember\", layer.features[i], node);\n-                }\n-                return node;\n-            },\n-            \"StyleList\": function(styles) {\n-                var node = this.createElementNSPlus(\"StyleList\");\n-                for (var i = 0, len = styles.length; i < len; i++) {\n-                    this.writeNode(\"Style\", styles[i], node);\n-                }\n-                return node;\n-            },\n-            \"Style\": function(style) {\n-                var node = this.createElementNSPlus(\"Style\");\n-                this.writeNode(\"Name\", style, node);\n-                this.writeNode(\"Title\", style, node);\n-                if (style.legend) {\n-                    this.writeNode(\"LegendURL\", style, node);\n-                }\n-                return node;\n-            },\n-            \"Name\": function(obj) {\n-                var node = this.createElementNSPlus(\"Name\", {\n-                    value: obj.name\n-                });\n-                return node;\n-            },\n-            \"Title\": function(obj) {\n-                var node = this.createElementNSPlus(\"Title\", {\n-                    value: obj.title\n-                });\n-                return node;\n-            },\n-            \"LegendURL\": function(style) {\n-                var node = this.createElementNSPlus(\"LegendURL\");\n-                this.writeNode(\"OnlineResource\", style.legend, node);\n-                return node;\n-            },\n-            \"_WMS\": function(layer) {\n-                var node = this.createElementNSPlus(\"Layer\", {\n-                    attributes: {\n-                        name: layer.params.LAYERS,\n-                        queryable: layer.queryable ? \"1\" : \"0\",\n-                        hidden: layer.visibility ? \"0\" : \"1\",\n-                        opacity: layer.hasOwnProperty(\"opacity\") ? layer.opacity : null\n-                    }\n-                });\n-                this.writeNode(\"ows:Title\", layer.name, node);\n-                this.writeNode(\"ows:OutputFormat\", layer.params.FORMAT, node);\n-                this.writeNode(\"Server\", {\n-                    service: OpenLayers.Format.Context.serviceTypes.WMS,\n-                    version: layer.params.VERSION,\n-                    url: layer.url\n-                }, node);\n-                if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n-                    this.writeNode(\"StyleList\", layer.metadata.styles, node);\n-                }\n-                return node;\n-            },\n-            \"_Layer\": function(options) {\n-                var layer, subPaths, node, title;\n-                layer = options.layer;\n-                subPaths = options.subPaths;\n-                node = null;\n-                title = null;\n-                // subPaths is an array of an array\n-                // recursively calling _Layer writer eats up subPaths, until a \n-                // real writer is called and nodes are returned.\n-                if (subPaths.length > 0) {\n-                    var path = subPaths[0].join(\"/\");\n-                    var index = path.lastIndexOf(\"/\");\n-                    node = this.nestingLayerLookup[path];\n-                    title = (index > 0) ? path.substring(index + 1, path.length) : path;\n-                    if (!node) {\n-                        // category layer\n-                        node = this.createElementNSPlus(\"Layer\");\n-                        this.writeNode(\"ows:Title\", title, node);\n-                        this.nestingLayerLookup[path] = node;\n-                    }\n-                    options.subPaths.shift(); //remove a path after each call\n-                    this.writeNode(\"_Layer\", options, node);\n-                    return node;\n-                } else {\n-                    // write out the actual layer\n-                    if (layer instanceof OpenLayers.Layer.WMS) {\n-                        node = this.writeNode(\"_WMS\", layer);\n-                    } else if (layer instanceof OpenLayers.Layer.Vector) {\n-                        if (layer.protocol instanceof OpenLayers.Protocol.WFS.v1) {\n-                            node = this.writeNode(\"_WFS\", layer);\n-                        } else if (layer.protocol instanceof OpenLayers.Protocol.HTTP) {\n-                            if (layer.protocol.format instanceof OpenLayers.Format.GML) {\n-                                layer.protocol.format.version = \"2.1.2\";\n-                                node = this.writeNode(\"_GML\", layer);\n-                            } else if (layer.protocol.format instanceof OpenLayers.Format.KML) {\n-                                layer.protocol.format.version = \"2.2\";\n-                                node = this.writeNode(\"_KML\", layer);\n-                            }\n-                        } else {\n-                            // write out as inline GML since we have no idea\n-                            // about the original Format\n-                            this.setNamespace(\"feature\", this.featureNS);\n-                            node = this.writeNode(\"_InlineGeometry\", layer);\n-                        }\n-                    }\n-                    if (layer.options.maxScale) {\n-                        this.writeNode(\"sld:MinScaleDenominator\",\n-                            layer.options.maxScale, node);\n-                    }\n-                    if (layer.options.minScale) {\n-                        this.writeNode(\"sld:MaxScaleDenominator\",\n-                            layer.options.minScale, node);\n-                    }\n-                    this.nestingLayerLookup[layer.name] = node;\n-                    return node;\n-                }\n-            },\n-            \"_WFS\": function(layer) {\n-                var node = this.createElementNSPlus(\"Layer\", {\n-                    attributes: {\n-                        name: layer.protocol.featurePrefix + \":\" + layer.protocol.featureType,\n-                        hidden: layer.visibility ? \"0\" : \"1\"\n-                    }\n-                });\n-                this.writeNode(\"ows:Title\", layer.name, node);\n-                this.writeNode(\"Server\", {\n-                    service: OpenLayers.Format.Context.serviceTypes.WFS,\n-                    version: layer.protocol.version,\n-                    url: layer.protocol.url\n-                }, node);\n-                return node;\n-            },\n-            \"_InlineGeometry\": function(layer) {\n-                var node = this.createElementNSPlus(\"Layer\", {\n-                    attributes: {\n-                        name: this.featureType,\n-                        hidden: layer.visibility ? \"0\" : \"1\"\n-                    }\n-                });\n-                this.writeNode(\"ows:Title\", layer.name, node);\n-                this.writeNode(\"InlineGeometry\", layer, node);\n-                return node;\n-            },\n-            \"_GML\": function(layer) {\n-                var node = this.createElementNSPlus(\"Layer\");\n-                this.writeNode(\"ows:Title\", layer.name, node);\n-                this.writeNode(\"Server\", {\n-                    service: OpenLayers.Format.Context.serviceTypes.GML,\n-                    url: layer.protocol.url,\n-                    version: layer.protocol.format.version\n-                }, node);\n-                return node;\n-            },\n-            \"_KML\": function(layer) {\n-                var node = this.createElementNSPlus(\"Layer\");\n-                this.writeNode(\"ows:Title\", layer.name, node);\n-                this.writeNode(\"Server\", {\n-                    service: OpenLayers.Format.Context.serviceTypes.KML,\n-                    version: layer.protocol.format.version,\n-                    url: layer.protocol.url\n-                }, node);\n-                return node;\n-            }\n-        },\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"boundedBy\": function(bounds) {\n-                var node = this.createElementNSPlus(\"gml:boundedBy\");\n-                this.writeNode(\"gml:Box\", bounds, node);\n-                return node;\n-            }\n-        }, OpenLayers.Format.GML.v2.prototype.writers.gml),\n-        \"ows\": OpenLayers.Format.OWSCommon.v1_0_0.prototype.writers.ows,\n-        \"sld\": OpenLayers.Format.SLD.v1_0_0.prototype.writers.sld,\n-        \"feature\": OpenLayers.Format.GML.v2.prototype.writers.feature\n-    },\n+    Z_ORDER_DRAWING_ORDER: function(indexer, newNode, nextNode) {\n+        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n+            indexer,\n+            newNode,\n+            nextNode\n+        );\n \n-    CLASS_NAME: \"OpenLayers.Format.OWSContext.v0_3_1\"\n+        // Make Z_ORDER subscribe to drawing order by pushing it above\n+        // all of the other nodes with the same z-index.\n+        if (nextNode && returnVal == 0) {\n+            returnVal = 1;\n+        }\n \n-});\n-/* ======================================================================\n-    OpenLayers/Format/XLS/v1.js\n-   ====================================================================== */\n+        return returnVal;\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * APIMethod: Z_ORDER_Y_ORDER\n+     * This one should really be called Z_ORDER_Y_ORDER_DRAWING_ORDER, as it\n+     *     best describes which ordering methods have precedence (though, the \n+     *     name would be too long). This method orders nodes by their z-index, \n+     *     but does so in a way that, if there are other nodes with the same \n+     *     z-index, the nodes with the lower y position will be \"closer\" than \n+     *     those with a higher y position. If two nodes have the exact same y \n+     *     position, however, then this method will revert to using drawing  \n+     *     order to decide placement.\n+     * \n+     * Parameters:\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n+     * \n+     * Returns:\n+     * {Integer}\n+     */\n+    Z_ORDER_Y_ORDER: function(indexer, newNode, nextNode) {\n+        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n+            indexer,\n+            newNode,\n+            nextNode\n+        );\n \n-/**\n- * @requires OpenLayers/Format/XLS.js\n- * @requires OpenLayers/Format/GML/v3.js\n- */\n+        if (nextNode && returnVal === 0) {\n+            var result = nextNode._boundsBottom - newNode._boundsBottom;\n+            returnVal = (result === 0) ? 1 : result;\n+        }\n+\n+        return returnVal;\n+    }\n+};\n \n /**\n- * Class: OpenLayers.Format.XLS.v1\n- * Superclass for XLS version 1 parsers. Only supports GeocodeRequest for now.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ * Class: OpenLayers.Renderer.Elements\n+ * This is another virtual class in that it should never be instantiated by \n+ *  itself as a Renderer. It exists because there is *tons* of shared \n+ *  functionality between different vector libraries which use nodes/elements\n+ *  as a base for rendering vectors. \n+ * \n+ * The highlevel bits of code that are implemented here are the adding and \n+ *  removing of geometries, which is essentially the same for any \n+ *  element-based renderer. The details of creating each node and drawing the\n+ *  paths are of course different, but the machinery is the same. \n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer>\n  */\n-OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Renderer.Elements = OpenLayers.Class(OpenLayers.Renderer, {\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * Property: rendererRoot\n+     * {DOMElement}\n      */\n-    namespaces: {\n-        xls: \"http://www.opengis.net/xls\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+    rendererRoot: null,\n \n     /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+     * Property: root\n+     * {DOMElement}\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n-    },\n+    root: null,\n \n     /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n-     * Changing is not recommended, a new Format should be instantiated.\n+     * Property: vectorRoot\n+     * {DOMElement}\n      */\n-    xy: true,\n+    vectorRoot: null,\n \n     /**\n-     * Property: defaultPrefix\n+     * Property: textRoot\n+     * {DOMElement}\n      */\n-    defaultPrefix: \"xls\",\n+    textRoot: null,\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * Property: xmlns\n+     * {String}\n      */\n-    schemaLocation: null,\n+    xmlns: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.XLS.v1\n-     * Instances of this class are not created directly.  Use the\n-     *     <OpenLayers.Format.XLS> constructor instead.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Property: xOffset\n+     * {Number} Offset to apply to the renderer viewport translation in x\n+     * direction. If the renderer extent's center is on the right of the\n+     * dateline (i.e. exceeds the world bounds), we shift the viewport to the\n+     * left by one world width. This avoids that features disappear from the\n+     * map viewport. Because our dateline handling logic in other places\n+     * ensures that extents crossing the dateline always have a center\n+     * exceeding the world bounds on the left, we need this offset to make sure\n+     * that the same is true for the renderer extent in pixel space as well.\n      */\n+    xOffset: 0,\n \n     /**\n-     * Method: read\n-     *\n-     * Parameters:\n-     * data - {DOMElement} An XLS document element.\n-     * options - {Object} Options for the reader.\n-     *\n-     * Returns:\n-     * {Object} An object representing the XLSResponse.\n+     * Property: rightOfDateLine\n+     * {Boolean} Keeps track of the location of the map extent relative to the\n+     * date line. The <setExtent> method compares this value (which is the one\n+     * from the previous <setExtent> call) with the current position of the map\n+     * extent relative to the date line and updates the xOffset when the extent\n+     * has moved from one side of the date line to the other.\n      */\n-    read: function(data, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var xls = {};\n-        this.readChildNodes(data, xls);\n-        return xls;\n-    },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Property: Indexer\n+     * {<OpenLayers.ElementIndexer>} An instance of OpenLayers.ElementsIndexer \n+     *     created upon initialization if the zIndexing or yOrdering options\n+     *     passed to this renderer's constructor are set to true.\n      */\n-    readers: {\n-        \"xls\": {\n-            \"XLS\": function(node, xls) {\n-                xls.version = node.getAttribute(\"version\");\n-                this.readChildNodes(node, xls);\n-            },\n-            \"Response\": function(node, xls) {\n-                this.readChildNodes(node, xls);\n-            },\n-            \"GeocodeResponse\": function(node, xls) {\n-                xls.responseLists = [];\n-                this.readChildNodes(node, xls);\n-            },\n-            \"GeocodeResponseList\": function(node, xls) {\n-                var responseList = {\n-                    features: [],\n-                    numberOfGeocodedAddresses: parseInt(node.getAttribute(\"numberOfGeocodedAddresses\"))\n-                };\n-                xls.responseLists.push(responseList);\n-                this.readChildNodes(node, responseList);\n-            },\n-            \"GeocodedAddress\": function(node, responseList) {\n-                var feature = new OpenLayers.Feature.Vector();\n-                responseList.features.push(feature);\n-                this.readChildNodes(node, feature);\n-                // post-process geometry\n-                feature.geometry = feature.components[0];\n-            },\n-            \"GeocodeMatchCode\": function(node, feature) {\n-                feature.attributes.matchCode = {\n-                    accuracy: parseFloat(node.getAttribute(\"accuracy\")),\n-                    matchType: node.getAttribute(\"matchType\")\n-                };\n-            },\n-            \"Address\": function(node, feature) {\n-                var address = {\n-                    countryCode: node.getAttribute(\"countryCode\"),\n-                    addressee: node.getAttribute(\"addressee\"),\n-                    street: [],\n-                    place: []\n-                };\n-                feature.attributes.address = address;\n-                this.readChildNodes(node, address);\n-            },\n-            \"freeFormAddress\": function(node, address) {\n-                address.freeFormAddress = this.getChildValue(node);\n-            },\n-            \"StreetAddress\": function(node, address) {\n-                this.readChildNodes(node, address);\n-            },\n-            \"Building\": function(node, address) {\n-                address.building = {\n-                    'number': node.getAttribute(\"number\"),\n-                    subdivision: node.getAttribute(\"subdivision\"),\n-                    buildingName: node.getAttribute(\"buildingName\")\n-                };\n-            },\n-            \"Street\": function(node, address) {\n-                // only support the built-in primitive type for now\n-                address.street.push(this.getChildValue(node));\n-            },\n-            \"Place\": function(node, address) {\n-                // type is one of CountrySubdivision, \n-                // CountrySecondarySubdivision, Municipality or\n-                // MunicipalitySubdivision\n-                address.place[node.getAttribute(\"type\")] =\n-                    this.getChildValue(node);\n-            },\n-            \"PostalCode\": function(node, address) {\n-                address.postalCode = this.getChildValue(node);\n-            }\n-        },\n-        \"gml\": OpenLayers.Format.GML.v3.prototype.readers.gml\n-    },\n+    indexer: null,\n \n     /**\n-     * Method: write\n-     *\n-     * Parameters:\n-     * request - {Object} An object representing the geocode request.\n-     *\n-     * Returns:\n-     * {DOMElement} The root of an XLS document.\n+     * Constant: BACKGROUND_ID_SUFFIX\n+     * {String}\n      */\n-    write: function(request) {\n-        return this.writers.xls.XLS.apply(this, [request]);\n-    },\n+    BACKGROUND_ID_SUFFIX: \"_background\",\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * Constant: LABEL_ID_SUFFIX\n+     * {String}\n      */\n-    writers: {\n-        \"xls\": {\n-            \"XLS\": function(request) {\n-                var root = this.createElementNSPlus(\n-                    \"xls:XLS\", {\n-                        attributes: {\n-                            \"version\": this.VERSION,\n-                            \"xsi:schemaLocation\": this.schemaLocation\n-                        }\n-                    }\n-                );\n-                this.writeNode(\"RequestHeader\", request.header, root);\n-                this.writeNode(\"Request\", request, root);\n-                return root;\n-            },\n-            \"RequestHeader\": function(header) {\n-                return this.createElementNSPlus(\"xls:RequestHeader\");\n-            },\n-            \"Request\": function(request) {\n-                var node = this.createElementNSPlus(\"xls:Request\", {\n-                    attributes: {\n-                        methodName: \"GeocodeRequest\",\n-                        requestID: request.requestID || \"\",\n-                        version: this.VERSION\n-                    }\n-                });\n-                this.writeNode(\"GeocodeRequest\", request.addresses, node);\n-                return node;\n-            },\n-            \"GeocodeRequest\": function(addresses) {\n-                var node = this.createElementNSPlus(\"xls:GeocodeRequest\");\n-                for (var i = 0, len = addresses.length; i < len; i++) {\n-                    this.writeNode(\"Address\", addresses[i], node);\n-                }\n-                return node;\n-            },\n-            \"Address\": function(address) {\n-                var node = this.createElementNSPlus(\"xls:Address\", {\n-                    attributes: {\n-                        countryCode: address.countryCode\n-                    }\n-                });\n-                if (address.freeFormAddress) {\n-                    this.writeNode(\"freeFormAddress\", address.freeFormAddress, node);\n-                } else {\n-                    if (address.street) {\n-                        this.writeNode(\"StreetAddress\", address, node);\n-                    }\n-                    if (address.municipality) {\n-                        this.writeNode(\"Municipality\", address.municipality, node);\n-                    }\n-                    if (address.countrySubdivision) {\n-                        this.writeNode(\"CountrySubdivision\", address.countrySubdivision, node);\n-                    }\n-                    if (address.postalCode) {\n-                        this.writeNode(\"PostalCode\", address.postalCode, node);\n-                    }\n-                }\n-                return node;\n-            },\n-            \"freeFormAddress\": function(freeFormAddress) {\n-                return this.createElementNSPlus(\"freeFormAddress\", {\n-                    value: freeFormAddress\n-                });\n-            },\n-            \"StreetAddress\": function(address) {\n-                var node = this.createElementNSPlus(\"xls:StreetAddress\");\n-                if (address.building) {\n-                    this.writeNode(node, \"Building\", address.building);\n-                }\n-                var street = address.street;\n-                if (!(OpenLayers.Util.isArray(street))) {\n-                    street = [street];\n-                }\n-                for (var i = 0, len = street.length; i < len; i++) {\n-                    this.writeNode(\"Street\", street[i], node);\n-                }\n-                return node;\n-            },\n-            \"Building\": function(building) {\n-                return this.createElementNSPlus(\"xls:Building\", {\n-                    attributes: {\n-                        \"number\": building[\"number\"],\n-                        \"subdivision\": building.subdivision,\n-                        \"buildingName\": building.buildingName\n-                    }\n-                });\n-            },\n-            \"Street\": function(street) {\n-                return this.createElementNSPlus(\"xls:Street\", {\n-                    value: street\n-                });\n-            },\n-            \"Municipality\": function(municipality) {\n-                return this.createElementNSPlus(\"xls:Place\", {\n-                    attributes: {\n-                        type: \"Municipality\"\n-                    },\n-                    value: municipality\n-                });\n-            },\n-            \"CountrySubdivision\": function(countrySubdivision) {\n-                return this.createElementNSPlus(\"xls:Place\", {\n-                    attributes: {\n-                        type: \"CountrySubdivision\"\n-                    },\n-                    value: countrySubdivision\n-                });\n-            },\n-            \"PostalCode\": function(postalCode) {\n-                return this.createElementNSPlus(\"xls:PostalCode\", {\n-                    value: postalCode\n-                });\n-            }\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.XLS.v1\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/XLS/v1_1_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XLS/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.XLS.v1_1_0\n- * Read / write XLS version 1.1.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XLS.v1>\n- */\n-OpenLayers.Format.XLS.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.XLS.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.1\n-         */\n-        VERSION: \"1.1\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/xls\n-         *   http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/xls http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\",\n+    LABEL_ID_SUFFIX: \"_label\",\n \n-        /**\n-         * Constructor: OpenLayers.Format.XLS.v1_1_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.XLS> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /**\n+     * Constant: LABEL_OUTLINE_SUFFIX\n+     * {String}\n+     */\n+    LABEL_OUTLINE_SUFFIX: \"_outline\",\n \n-        CLASS_NAME: \"OpenLayers.Format.XLS.v1_1_0\"\n+    /**\n+     * Constructor: OpenLayers.Renderer.Elements\n+     * \n+     * Parameters:\n+     * containerID - {String}\n+     * options - {Object} options for this renderer. \n+     *\n+     * Supported options are:\n+     *     yOrdering - {Boolean} Whether to use y-ordering\n+     *     zIndexing - {Boolean} Whether to use z-indexing. Will be ignored\n+     *         if yOrdering is set to true.\n+     */\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n \n-    });\n+        this.rendererRoot = this.createRenderRoot();\n+        this.root = this.createRoot(\"_root\");\n+        this.vectorRoot = this.createRoot(\"_vroot\");\n+        this.textRoot = this.createRoot(\"_troot\");\n \n-// Support non standard implementation\n-OpenLayers.Format.XLS.v1_1 = OpenLayers.Format.XLS.v1_1_0;\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1.js\n-   ====================================================================== */\n+        this.root.appendChild(this.vectorRoot);\n+        this.root.appendChild(this.textRoot);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        this.rendererRoot.appendChild(this.root);\n+        this.container.appendChild(this.rendererRoot);\n \n-/**\n- * @requires OpenLayers/Format/WMSCapabilities.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n- * @requires OpenLayers/Format/XML.js\n- */\n+        if (options && (options.zIndexing || options.yOrdering)) {\n+            this.indexer = new OpenLayers.ElementsIndexer(options.yOrdering);\n+        }\n+    },\n \n-/**\n- * Class: OpenLayers.Format.WMSCapabilities.v1\n- * Abstract class not to be instantiated directly. Creates\n- * the common parts for both WMS 1.1.X and WMS 1.3.X.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wms: \"http://www.opengis.net/wms\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-        },\n+        this.clear();\n \n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wms\",\n+        this.rendererRoot = null;\n+        this.root = null;\n+        this.xmlns = null;\n \n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1\n-         * Create an instance of one of the subclasses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+        OpenLayers.Renderer.prototype.destroy.apply(this, arguments);\n+    },\n \n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return a list of layers. \n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array} List of named layers.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            var raw = data;\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n+    /**\n+     * Method: clear\n+     * Remove all the elements from the root\n+     */\n+    clear: function() {\n+        var child;\n+        var root = this.vectorRoot;\n+        if (root) {\n+            while (child = root.firstChild) {\n+                root.removeChild(child);\n             }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            if (capabilities.service === undefined) {\n-                // an exception must have occurred, so parse it\n-                var parser = new OpenLayers.Format.OGCExceptionReport();\n-                capabilities.error = parser.read(raw);\n+        }\n+        root = this.textRoot;\n+        if (root) {\n+            while (child = root.firstChild) {\n+                root.removeChild(child);\n             }\n-            return capabilities;\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": {\n-                \"Service\": function(node, obj) {\n-                    obj.service = {};\n-                    this.readChildNodes(node, obj.service);\n-                },\n-                \"Name\": function(node, obj) {\n-                    obj.name = this.getChildValue(node);\n-                },\n-                \"Title\": function(node, obj) {\n-                    obj.title = this.getChildValue(node);\n-                },\n-                \"Abstract\": function(node, obj) {\n-                    obj[\"abstract\"] = this.getChildValue(node);\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = {};\n-                    bbox.bbox = [\n-                        parseFloat(node.getAttribute(\"minx\")),\n-                        parseFloat(node.getAttribute(\"miny\")),\n-                        parseFloat(node.getAttribute(\"maxx\")),\n-                        parseFloat(node.getAttribute(\"maxy\"))\n-                    ];\n-                    var res = {\n-                        x: parseFloat(node.getAttribute(\"resx\")),\n-                        y: parseFloat(node.getAttribute(\"resy\"))\n-                    };\n+        }\n+        if (this.indexer) {\n+            this.indexer.clear();\n+        }\n+    },\n \n-                    if (!(isNaN(res.x) && isNaN(res.y))) {\n-                        bbox.res = res;\n-                    }\n-                    // return the bbox so that descendant classes can set the\n-                    // CRS and SRS and add it to the obj\n-                    return bbox;\n-                },\n-                \"OnlineResource\": function(node, obj) {\n-                    obj.href = this.getAttributeNS(node, this.namespaces.xlink,\n-                        \"href\");\n-                },\n-                \"ContactInformation\": function(node, obj) {\n-                    obj.contactInformation = {};\n-                    this.readChildNodes(node, obj.contactInformation);\n-                },\n-                \"ContactPersonPrimary\": function(node, obj) {\n-                    obj.personPrimary = {};\n-                    this.readChildNodes(node, obj.personPrimary);\n-                },\n-                \"ContactPerson\": function(node, obj) {\n-                    obj.person = this.getChildValue(node);\n-                },\n-                \"ContactOrganization\": function(node, obj) {\n-                    obj.organization = this.getChildValue(node);\n-                },\n-                \"ContactPosition\": function(node, obj) {\n-                    obj.position = this.getChildValue(node);\n-                },\n-                \"ContactAddress\": function(node, obj) {\n-                    obj.contactAddress = {};\n-                    this.readChildNodes(node, obj.contactAddress);\n-                },\n-                \"AddressType\": function(node, obj) {\n-                    obj.type = this.getChildValue(node);\n-                },\n-                \"Address\": function(node, obj) {\n-                    obj.address = this.getChildValue(node);\n-                },\n-                \"City\": function(node, obj) {\n-                    obj.city = this.getChildValue(node);\n-                },\n-                \"StateOrProvince\": function(node, obj) {\n-                    obj.stateOrProvince = this.getChildValue(node);\n-                },\n-                \"PostCode\": function(node, obj) {\n-                    obj.postcode = this.getChildValue(node);\n-                },\n-                \"Country\": function(node, obj) {\n-                    obj.country = this.getChildValue(node);\n-                },\n-                \"ContactVoiceTelephone\": function(node, obj) {\n-                    obj.phone = this.getChildValue(node);\n-                },\n-                \"ContactFacsimileTelephone\": function(node, obj) {\n-                    obj.fax = this.getChildValue(node);\n-                },\n-                \"ContactElectronicMailAddress\": function(node, obj) {\n-                    obj.email = this.getChildValue(node);\n-                },\n-                \"Fees\": function(node, obj) {\n-                    var fees = this.getChildValue(node);\n-                    if (fees && fees.toLowerCase() != \"none\") {\n-                        obj.fees = fees;\n-                    }\n-                },\n-                \"AccessConstraints\": function(node, obj) {\n-                    var constraints = this.getChildValue(node);\n-                    if (constraints && constraints.toLowerCase() != \"none\") {\n-                        obj.accessConstraints = constraints;\n-                    }\n-                },\n-                \"Capability\": function(node, obj) {\n-                    obj.capability = {\n-                        nestedLayers: [],\n-                        layers: []\n-                    };\n-                    this.readChildNodes(node, obj.capability);\n-                },\n-                \"Request\": function(node, obj) {\n-                    obj.request = {};\n-                    this.readChildNodes(node, obj.request);\n-                },\n-                \"GetCapabilities\": function(node, obj) {\n-                    obj.getcapabilities = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getcapabilities);\n-                },\n-                \"Format\": function(node, obj) {\n-                    if (OpenLayers.Util.isArray(obj.formats)) {\n-                        obj.formats.push(this.getChildValue(node));\n-                    } else {\n-                        obj.format = this.getChildValue(node);\n-                    }\n-                },\n-                \"DCPType\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"HTTP\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Get\": function(node, obj) {\n-                    obj.get = {};\n-                    this.readChildNodes(node, obj.get);\n-                    // backwards compatibility\n-                    if (!obj.href) {\n-                        obj.href = obj.get.href;\n-                    }\n-                },\n-                \"Post\": function(node, obj) {\n-                    obj.post = {};\n-                    this.readChildNodes(node, obj.post);\n-                    // backwards compatibility\n-                    if (!obj.href) {\n-                        obj.href = obj.get.href;\n-                    }\n-                },\n-                \"GetMap\": function(node, obj) {\n-                    obj.getmap = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getmap);\n-                },\n-                \"GetFeatureInfo\": function(node, obj) {\n-                    obj.getfeatureinfo = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getfeatureinfo);\n-                },\n-                \"Exception\": function(node, obj) {\n-                    obj.exception = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.exception);\n-                },\n-                \"Layer\": function(node, obj) {\n-                    var parentLayer, capability;\n-                    if (obj.capability) {\n-                        capability = obj.capability;\n-                        parentLayer = obj;\n-                    } else {\n-                        capability = obj;\n-                    }\n-                    var attrNode = node.getAttributeNode(\"queryable\");\n-                    var queryable = (attrNode && attrNode.specified) ?\n-                        node.getAttribute(\"queryable\") : null;\n-                    attrNode = node.getAttributeNode(\"cascaded\");\n-                    var cascaded = (attrNode && attrNode.specified) ?\n-                        node.getAttribute(\"cascaded\") : null;\n-                    attrNode = node.getAttributeNode(\"opaque\");\n-                    var opaque = (attrNode && attrNode.specified) ?\n-                        node.getAttribute('opaque') : null;\n-                    var noSubsets = node.getAttribute('noSubsets');\n-                    var fixedWidth = node.getAttribute('fixedWidth');\n-                    var fixedHeight = node.getAttribute('fixedHeight');\n-                    var parent = parentLayer || {},\n-                        extend = OpenLayers.Util.extend;\n-                    var layer = {\n-                        nestedLayers: [],\n-                        styles: parentLayer ? [].concat(parentLayer.styles) : [],\n-                        srs: parentLayer ? extend({}, parent.srs) : {},\n-                        metadataURLs: [],\n-                        bbox: parentLayer ? extend({}, parent.bbox) : {},\n-                        llbbox: parent.llbbox,\n-                        dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n-                        authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n-                        identifiers: {},\n-                        keywords: [],\n-                        queryable: (queryable && queryable !== \"\") ?\n-                            (queryable === \"1\" || queryable === \"true\") : (parent.queryable || false),\n-                        cascaded: (cascaded !== null) ? parseInt(cascaded) : (parent.cascaded || 0),\n-                        opaque: opaque ?\n-                            (opaque === \"1\" || opaque === \"true\") : (parent.opaque || false),\n-                        noSubsets: (noSubsets !== null) ?\n-                            (noSubsets === \"1\" || noSubsets === \"true\") : (parent.noSubsets || false),\n-                        fixedWidth: (fixedWidth != null) ?\n-                            parseInt(fixedWidth) : (parent.fixedWidth || 0),\n-                        fixedHeight: (fixedHeight != null) ?\n-                            parseInt(fixedHeight) : (parent.fixedHeight || 0),\n-                        minScale: parent.minScale,\n-                        maxScale: parent.maxScale,\n-                        attribution: parent.attribution\n-                    };\n-                    obj.nestedLayers.push(layer);\n-                    layer.capability = capability;\n-                    this.readChildNodes(node, layer);\n-                    delete layer.capability;\n-                    if (layer.name) {\n-                        var parts = layer.name.split(\":\"),\n-                            request = capability.request,\n-                            gfi = request.getfeatureinfo;\n-                        if (parts.length > 0) {\n-                            layer.prefix = parts[0];\n-                        }\n-                        capability.layers.push(layer);\n-                        if (layer.formats === undefined) {\n-                            layer.formats = request.getmap.formats;\n-                        }\n-                        if (layer.infoFormats === undefined && gfi) {\n-                            layer.infoFormats = gfi.formats;\n-                        }\n-                    }\n-                },\n-                \"Attribution\": function(node, obj) {\n-                    obj.attribution = {};\n-                    this.readChildNodes(node, obj.attribution);\n-                },\n-                \"LogoURL\": function(node, obj) {\n-                    obj.logo = {\n-                        width: node.getAttribute(\"width\"),\n-                        height: node.getAttribute(\"height\")\n-                    };\n-                    this.readChildNodes(node, obj.logo);\n-                },\n-                \"Style\": function(node, obj) {\n-                    var style = {};\n-                    obj.styles.push(style);\n-                    this.readChildNodes(node, style);\n-                },\n-                \"LegendURL\": function(node, obj) {\n-                    var legend = {\n-                        width: node.getAttribute(\"width\"),\n-                        height: node.getAttribute(\"height\")\n-                    };\n-                    obj.legend = legend;\n-                    this.readChildNodes(node, legend);\n-                },\n-                \"MetadataURL\": function(node, obj) {\n-                    var metadataURL = {\n-                        type: node.getAttribute(\"type\")\n-                    };\n-                    obj.metadataURLs.push(metadataURL);\n-                    this.readChildNodes(node, metadataURL);\n-                },\n-                \"DataURL\": function(node, obj) {\n-                    obj.dataURL = {};\n-                    this.readChildNodes(node, obj.dataURL);\n-                },\n-                \"FeatureListURL\": function(node, obj) {\n-                    obj.featureListURL = {};\n-                    this.readChildNodes(node, obj.featureListURL);\n-                },\n-                \"AuthorityURL\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\");\n-                    var authority = {};\n-                    this.readChildNodes(node, authority);\n-                    obj.authorityURLs[name] = authority.href;\n-                },\n-                \"Identifier\": function(node, obj) {\n-                    var authority = node.getAttribute(\"authority\");\n-                    obj.identifiers[authority] = this.getChildValue(node);\n-                },\n-                \"KeywordList\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"SRS\": function(node, obj) {\n-                    obj.srs[this.getChildValue(node)] = true;\n-                }\n+    /**\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     *\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var rightOfDateLine,\n+                ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio),\n+                world = this.map.getMaxExtent();\n+            if (world.right > extent.left && world.right < extent.right) {\n+                rightOfDateLine = true;\n+            } else if (world.left > extent.left && world.left < extent.right) {\n+                rightOfDateLine = false;\n             }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities.v1_1\n- * Abstract class not to be instantiated directly.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1, {\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"WMT_MS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Keyword\": function(node, obj) {\n-                    if (obj.keywords) {\n-                        obj.keywords.push(this.getChildValue(node));\n-                    }\n-                },\n-                \"DescribeLayer\": function(node, obj) {\n-                    obj.describelayer = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.describelayer);\n-                },\n-                \"GetLegendGraphic\": function(node, obj) {\n-                    obj.getlegendgraphic = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getlegendgraphic);\n-                },\n-                \"GetStyles\": function(node, obj) {\n-                    obj.getstyles = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getstyles);\n-                },\n-                \"PutStyles\": function(node, obj) {\n-                    obj.putstyles = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.putstyles);\n-                },\n-                \"UserDefinedSymbolization\": function(node, obj) {\n-                    var userSymbols = {\n-                        supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n-                        userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n-                        userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n-                        remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n-                    };\n-                    obj.userSymbols = userSymbols;\n-                },\n-                \"LatLonBoundingBox\": function(node, obj) {\n-                    obj.llbbox = [\n-                        parseFloat(node.getAttribute(\"minx\")),\n-                        parseFloat(node.getAttribute(\"miny\")),\n-                        parseFloat(node.getAttribute(\"maxx\")),\n-                        parseFloat(node.getAttribute(\"maxy\"))\n-                    ];\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                    bbox.srs = node.getAttribute(\"SRS\");\n-                    obj.bbox[bbox.srs] = bbox;\n-                },\n-                \"ScaleHint\": function(node, obj) {\n-                    var min = node.getAttribute(\"min\");\n-                    var max = node.getAttribute(\"max\");\n-                    var rad2 = Math.pow(2, 0.5);\n-                    var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n-                    if (min != 0) {\n-                        obj.maxScale = parseFloat(\n-                            ((min / rad2) * ipm *\n-                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n-                        );\n-                    }\n-                    if (max != Number.POSITIVE_INFINITY) {\n-                        obj.minScale = parseFloat(\n-                            ((max / rad2) * ipm *\n-                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n-                        );\n-                    }\n-                },\n-                \"Dimension\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    var dim = {\n-                        name: name,\n-                        units: node.getAttribute(\"units\"),\n-                        unitsymbol: node.getAttribute(\"unitSymbol\")\n-                    };\n-                    obj.dimensions[dim.name] = dim;\n-                },\n-                \"Extent\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    if (name in obj[\"dimensions\"]) {\n-                        var extent = obj.dimensions[name];\n-                        extent.nearestVal =\n-                            node.getAttribute(\"nearestValue\") === \"1\";\n-                        extent.multipleVal =\n-                            node.getAttribute(\"multipleValues\") === \"1\";\n-                        extent.current = node.getAttribute(\"current\") === \"1\";\n-                        extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n-                        var values = this.getChildValue(node);\n-                        extent.values = values.split(\",\");\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_3.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_3\n- * Abstract base class for WMS Capabilities version 1.3.X. \n- * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n- * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1, {\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"WMS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"LayerLimit\": function(node, obj) {\n-                    obj.layerLimit = parseInt(this.getChildValue(node));\n-                },\n-                \"MaxWidth\": function(node, obj) {\n-                    obj.maxWidth = parseInt(this.getChildValue(node));\n-                },\n-                \"MaxHeight\": function(node, obj) {\n-                    obj.maxHeight = parseInt(this.getChildValue(node));\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                    bbox.srs = node.getAttribute(\"CRS\");\n-                    obj.bbox[bbox.srs] = bbox;\n-                },\n-                \"CRS\": function(node, obj) {\n-                    // CRS is the synonym of SRS\n-                    this.readers.wms.SRS.apply(this, [node, obj]);\n-                },\n-                \"EX_GeographicBoundingBox\": function(node, obj) {\n-                    // replacement of LatLonBoundingBox\n-                    obj.llbbox = [];\n-                    this.readChildNodes(node, obj.llbbox);\n-\n-                },\n-                \"westBoundLongitude\": function(node, obj) {\n-                    obj[0] = this.getChildValue(node);\n-                },\n-                \"eastBoundLongitude\": function(node, obj) {\n-                    obj[2] = this.getChildValue(node);\n-                },\n-                \"southBoundLatitude\": function(node, obj) {\n-                    obj[1] = this.getChildValue(node);\n-                },\n-                \"northBoundLatitude\": function(node, obj) {\n-                    obj[3] = this.getChildValue(node);\n-                },\n-                \"MinScaleDenominator\": function(node, obj) {\n-                    obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n-                },\n-                \"MaxScaleDenominator\": function(node, obj) {\n-                    obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n-                },\n-                \"Dimension\": function(node, obj) {\n-                    // dimension has extra attributes: default, multipleValues, \n-                    // nearestValue, current which used to be part of Extent. It now\n-                    // also contains the values.\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    var dim = {\n-                        name: name,\n-                        units: node.getAttribute(\"units\"),\n-                        unitsymbol: node.getAttribute(\"unitSymbol\"),\n-                        nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n-                        multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n-                        \"default\": node.getAttribute(\"default\") || \"\",\n-                        current: node.getAttribute(\"current\") === \"1\",\n-                        values: this.getChildValue(node).split(\",\")\n-\n-                    };\n-                    // Theoretically there can be more dimensions with the same\n-                    // name, but with a different unit. Until we meet such a case,\n-                    // let's just keep the same structure as the WMS 1.1 \n-                    // GetCapabilities parser uses. We will store the last\n-                    // one encountered.\n-                    obj.dimensions[dim.name] = dim;\n-                },\n-                \"Keyword\": function(node, obj) {\n-                    // TODO: should we change the structure of keyword in v1.js?\n-                    // Make it an object with a value instead of a string?\n-                    var keyword = {\n-                        value: this.getChildValue(node),\n-                        vocabulary: node.getAttribute(\"vocabulary\")\n-                    };\n-                    if (obj.keywords) {\n-                        obj.keywords.push(keyword);\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n-            \"sld\": {\n-                \"UserDefinedSymbolization\": function(node, obj) {\n-                    this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n-                    // add the two extra attributes\n-                    obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n-                    obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1;\n-                },\n-                \"DescribeLayer\": function(node, obj) {\n-                    this.readers.wms.DescribeLayer.apply(this, [node, obj]);\n-                },\n-                \"GetLegendGraphic\": function(node, obj) {\n-                    this.readers.wms.GetLegendGraphic.apply(this, [node, obj]);\n-                }\n+            if (rightOfDateLine !== this.rightOfDateLine || resolutionChanged) {\n+                coordSysUnchanged = false;\n+                this.xOffset = rightOfDateLine === true ?\n+                    world.getWidth() / resolution : 0;\n             }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_3_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_3.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_3_0\n- * Read WMS Capabilities version 1.3.0. \n- * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n- * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_3>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_3, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.3.0\",\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_0\n- * Read WMS Capabilities version 1.1.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.0\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_0\n-         * Create a new parser for WMS capabilities version 1.1.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"SRS\": function(node, obj) {\n-                    var srs = this.getChildValue(node);\n-                    var values = srs.split(/ +/);\n-                    for (var i = 0, len = values.length; i < len; i++) {\n-                        obj.srs[values[i]] = true;\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_1\n- * Read WMS Capabilities version 1.1.1.\n- *\n- * Note on <ScaleHint> parsing: If the 'min' attribute is set to \"0\", no\n- * maxScale will be set on the layer object. If the 'max' attribute is set to\n- * \"Infinity\", no minScale will be set. This makes it easy to create proper\n- * {<OpenLayers.Layer.WMS>} configurations directly from the layer object\n- * literals returned by this format, because no minScale/maxScale modifications\n- * need to be made.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1, {\n+            this.rightOfDateLine = rightOfDateLine;\n+        }\n+        return coordSysUnchanged;\n+    },\n \n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.1\",\n+    /** \n+     * Method: getNodeType\n+     * This function is in charge of asking the specific renderer which type\n+     *     of node to create for the given geometry and style. All geometries\n+     *     in an Elements-based renderer consist of one node and some\n+     *     attributes. We have the nodeFactory() function which creates a node\n+     *     for us, but it takes a 'type' as input, and that is precisely what\n+     *     this function tells us.  \n+     *  \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {},\n \n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n-         * Create a new parser for WMS capabilities version 1.1.1.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /** \n+     * Method: drawGeometry \n+     * Draw the geometry, creating new nodes, setting paths, setting style,\n+     *     setting featureId on the node.  This method should only be called\n+     *     by the renderer itself.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n+     * \n+     * Returns:\n+     * {Boolean} true if the geometry has been drawn completely; null if\n+     *     incomplete; false otherwise\n+     */\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        var rendered = true;\n+        if ((className == \"OpenLayers.Geometry.Collection\") ||\n+            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n+            for (var i = 0, len = geometry.components.length; i < len; i++) {\n+                rendered = this.drawGeometry(\n+                    geometry.components[i], style, featureId) && rendered;\n+            }\n+            return rendered;\n+        }\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"SRS\": function(node, obj) {\n-                    obj.srs[this.getChildValue(node)] = true;\n+        rendered = false;\n+        var removeBackground = false;\n+        if (style.display != \"none\") {\n+            if (style.backgroundGraphic) {\n+                this.redrawBackgroundNode(geometry.id, geometry, style,\n+                    featureId);\n+            } else {\n+                removeBackground = true;\n+            }\n+            rendered = this.redrawNode(geometry.id, geometry, style,\n+                featureId);\n+        }\n+        if (rendered == false) {\n+            var node = document.getElementById(geometry.id);\n+            if (node) {\n+                if (node._style.backgroundGraphic) {\n+                    removeBackground = true;\n                 }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                node.parentNode.removeChild(node);\n+            }\n+        }\n+        if (removeBackground) {\n+            var node = document.getElementById(\n+                geometry.id + this.BACKGROUND_ID_SUFFIX);\n+            if (node) {\n+                node.parentNode.removeChild(node);\n+            }\n+        }\n+        return rendered;\n+    },\n \n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1_1.js\n- */\n+    /**\n+     * Method: redrawNode\n+     * \n+     * Parameters:\n+     * id - {String}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n+     * \n+     * Returns:\n+     * {Boolean} true if the complete geometry could be drawn, null if parts of\n+     *     the geometry could not be drawn, false otherwise\n+     */\n+    redrawNode: function(id, geometry, style, featureId) {\n+        style = this.applyDefaultSymbolizer(style);\n+        // Get the node if it's already on the map.\n+        var node = this.nodeFactory(id, this.getNodeType(geometry, style));\n \n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_1_WMSC\n- * Read WMS-C Capabilities version 1.1.1.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1_1, {\n+        // Set the data for the node, then draw it.\n+        node._featureId = featureId;\n+        node._boundsBottom = geometry.getBounds().bottom;\n+        node._geometryClass = geometry.CLASS_NAME;\n+        node._style = style;\n \n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.1\",\n+        var drawResult = this.drawGeometryNode(node, geometry, style);\n+        if (drawResult === false) {\n+            return false;\n+        }\n \n-        /**\n-         * Property: profile\n-         * {String} The specific profile\n-         */\n-        profile: \"WMSC\",\n+        node = drawResult.node;\n \n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n-         * Create a new parser for WMS-C capabilities version 1.1.1.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+        // Insert the node into the indexer so it can show us where to\n+        // place it. Note that this operation is O(log(n)). If there's a\n+        // performance problem (when dragging, for instance) this is\n+        // likely where it would be.\n+        if (this.indexer) {\n+            var insert = this.indexer.insert(node);\n+            if (insert) {\n+                this.vectorRoot.insertBefore(node, insert);\n+            } else {\n+                this.vectorRoot.appendChild(node);\n+            }\n+        } else {\n+            // if there's no indexer, simply append the node to root,\n+            // but only if the node is a new one\n+            if (node.parentNode !== this.vectorRoot) {\n+                this.vectorRoot.appendChild(node);\n+            }\n+        }\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"VendorSpecificCapabilities\": function(node, obj) {\n-                    obj.vendorSpecific = {\n-                        tileSets: []\n-                    };\n-                    this.readChildNodes(node, obj.vendorSpecific);\n-                },\n-                \"TileSet\": function(node, vendorSpecific) {\n-                    var tileset = {\n-                        srs: {},\n-                        bbox: {},\n-                        resolutions: []\n-                    };\n-                    this.readChildNodes(node, tileset);\n-                    vendorSpecific.tileSets.push(tileset);\n-                },\n-                \"Resolutions\": function(node, tileset) {\n-                    var res = this.getChildValue(node).split(\" \");\n-                    for (var i = 0, len = res.length; i < len; i++) {\n-                        if (res[i] != \"\") {\n-                            tileset.resolutions.push(parseFloat(res[i]));\n-                        }\n-                    }\n-                },\n-                \"Width\": function(node, tileset) {\n-                    tileset.width = parseInt(this.getChildValue(node));\n-                },\n-                \"Height\": function(node, tileset) {\n-                    tileset.height = parseInt(this.getChildValue(node));\n-                },\n-                \"Layers\": function(node, tileset) {\n-                    tileset.layers = this.getChildValue(node);\n-                },\n-                \"Styles\": function(node, tileset) {\n-                    tileset.styles = this.getChildValue(node);\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n-        },\n+        this.postDraw(node);\n \n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n+        return drawResult.complete;\n+    },\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/ArcXML/Features.js\n-   ====================================================================== */\n+    /**\n+     * Method: redrawBackgroundNode\n+     * Redraws the node using special 'background' style properties. Basically\n+     *     just calls redrawNode(), but instead of directly using the \n+     *     'externalGraphic', 'graphicXOffset', 'graphicYOffset', and \n+     *     'graphicZIndex' properties directly from the specified 'style' \n+     *     parameter, we create a new style object and set those properties \n+     *     from the corresponding 'background'-prefixed properties from \n+     *     specified 'style' parameter.\n+     * \n+     * Parameters:\n+     * id - {String}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n+     * \n+     * Returns:\n+     * {Boolean} true if the complete geometry could be drawn, null if parts of\n+     *     the geometry could not be drawn, false otherwise\n+     */\n+    redrawBackgroundNode: function(id, geometry, style, featureId) {\n+        var backgroundStyle = OpenLayers.Util.extend({}, style);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        // Set regular style attributes to apply to the background styles.\n+        backgroundStyle.externalGraphic = backgroundStyle.backgroundGraphic;\n+        backgroundStyle.graphicXOffset = backgroundStyle.backgroundXOffset;\n+        backgroundStyle.graphicYOffset = backgroundStyle.backgroundYOffset;\n+        backgroundStyle.graphicZIndex = backgroundStyle.backgroundGraphicZIndex;\n+        backgroundStyle.graphicWidth = backgroundStyle.backgroundWidth || backgroundStyle.graphicWidth;\n+        backgroundStyle.graphicHeight = backgroundStyle.backgroundHeight || backgroundStyle.graphicHeight;\n \n-/**\n- * @requires OpenLayers/Format/ArcXML.js\n- */\n+        // Erase background styles.\n+        backgroundStyle.backgroundGraphic = null;\n+        backgroundStyle.backgroundXOffset = null;\n+        backgroundStyle.backgroundYOffset = null;\n+        backgroundStyle.backgroundGraphicZIndex = null;\n \n-/**\n- * Class: OpenLayers.Format.ArcXML.Features\n- * Read/Write ArcXML features. Create a new instance with the \n- *     <OpenLayers.Format.ArcXML.Features> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n+        return this.redrawNode(\n+            id + this.BACKGROUND_ID_SUFFIX,\n+            geometry,\n+            backgroundStyle,\n+            null\n+        );\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.ArcXML.Features\n-     * Create a new parser/writer for ArcXML Features.  Create an instance of this class\n-     * to get a set of features from an ArcXML response.\n+     * Method: drawGeometryNode\n+     * Given a node, draw a geometry on the specified layer.\n+     *     node and geometry are required arguments, style is optional.\n+     *     This method is only called by the render itself.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read data from a string of ArcXML, and return a set of OpenLayers features. \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n      * \n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n      * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} A collection of features.\n+     * {Object} a hash with properties \"node\" (the drawn node) and \"complete\"\n+     *     (null if parts of the geometry could not be drawn, false if nothing\n+     *     could be drawn)\n      */\n-    read: function(data) {\n-        var axl = new OpenLayers.Format.ArcXML();\n-        var parsed = axl.read(data);\n-\n-        return parsed.features.feature;\n-    }\n-});\n-/* ======================================================================\n-    OpenLayers/Format/WMC/v1.js\n-   ====================================================================== */\n+    drawGeometryNode: function(node, geometry, style) {\n+        style = style || node._style;\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var options = {\n+            'isFilled': style.fill === undefined ?\n+                true : style.fill,\n+            'isStroked': style.stroke === undefined ?\n+                !!style.strokeWidth : style.stroke\n+        };\n+        var drawn;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.graphic === false) {\n+                    options.isFilled = false;\n+                    options.isStroked = false;\n+                }\n+                drawn = this.drawPoint(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                options.isFilled = false;\n+                drawn = this.drawLineString(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                drawn = this.drawLinearRing(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                drawn = this.drawPolygon(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                drawn = this.drawRectangle(node, geometry);\n+                break;\n+            default:\n+                break;\n+        }\n \n-/**\n- * @requires OpenLayers/Format/WMC.js\n- * @requires OpenLayers/Format/XML.js\n- */\n+        node._options = options;\n \n-/**\n- * Class: OpenLayers.Format.WMC.v1\n- * Superclass for WMC version 1 parsers.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WMC.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+        //set style\n+        //TBD simplify this\n+        if (drawn != false) {\n+            return {\n+                node: this.setStyle(node, style, options, geometry),\n+                complete: drawn\n+            };\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * Method: postDraw\n+     * Things that have do be done after the geometry node is appended\n+     *     to its parent node. To be overridden by subclasses.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n      */\n-    namespaces: {\n-        ol: \"http://openlayers.org/context\",\n-        wmc: \"http://www.opengis.net/context\",\n-        sld: \"http://www.opengis.net/sld\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+    postDraw: function(node) {},\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * Method: drawPoint\n+     * Virtual function for drawing Point Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the point\n      */\n-    schemaLocation: \"\",\n+    drawPoint: function(node, geometry) {},\n \n     /**\n-     * Method: getNamespacePrefix\n-     * Get the namespace prefix for a given uri from the <namespaces> object.\n-     *\n+     * Method: drawLineString\n+     * Virtual function for drawing LineString Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {String} A namespace prefix or null if none found.\n+     * {DOMElement} or null if the renderer could not draw all components of\n+     *     the linestring, or false if nothing could be drawn\n      */\n-    getNamespacePrefix: function(uri) {\n-        var prefix = null;\n-        if (uri == null) {\n-            prefix = this.namespaces[this.defaultPrefix];\n-        } else {\n-            for (prefix in this.namespaces) {\n-                if (this.namespaces[prefix] == uri) {\n-                    break;\n-                }\n-            }\n-        }\n-        return prefix;\n-    },\n+    drawLineString: function(node, geometry) {},\n \n     /**\n-     * Property: defaultPrefix\n+     * Method: drawLinearRing\n+     * Virtual function for drawing LinearRing Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the linear ring, or false if nothing could be drawn\n      */\n-    defaultPrefix: \"wmc\",\n+    drawLinearRing: function(node, geometry) {},\n \n     /**\n-     * Property: rootPrefix\n-     * {String} Prefix on the root node that maps to the context namespace URI.\n+     * Method: drawPolygon\n+     * Virtual function for drawing Polygon Geometry. \n+     *    Should be implemented by subclasses.\n+     *    This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the polygon, or false if nothing could be drawn\n      */\n-    rootPrefix: null,\n+    drawPolygon: function(node, geometry) {},\n \n     /**\n-     * Property: defaultStyleName\n-     * {String} Style name used if layer has no style param.  Default is \"\".\n+     * Method: drawRectangle\n+     * Virtual function for drawing Rectangle Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the rectangle\n      */\n-    defaultStyleName: \"\",\n+    drawRectangle: function(node, geometry) {},\n \n     /**\n-     * Property: defaultStyleTitle\n-     * {String} Default style title.  Default is \"Default\".\n+     * Method: drawCircle\n+     * Virtual function for drawing Circle Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the circle\n      */\n-    defaultStyleTitle: \"Default\",\n+    drawCircle: function(node, geometry) {},\n \n     /**\n-     * Constructor: OpenLayers.Format.WMC.v1\n-     * Instances of this class are not created directly.  Use the\n-     *     <OpenLayers.Format.WMC> constructor instead.\n-     *\n+     * Method: removeText\n+     * Removes a label\n+     * \n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * featureId - {String}\n      */\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    removeText: function(featureId) {\n+        var label = document.getElementById(featureId + this.LABEL_ID_SUFFIX);\n+        if (label) {\n+            this.textRoot.removeChild(label);\n+        }\n+        var outline = document.getElementById(featureId + this.LABEL_OUTLINE_SUFFIX);\n+        if (outline) {\n+            this.textRoot.removeChild(outline);\n+        }\n     },\n \n     /**\n-     * Method: read\n-     * Read capabilities data from a string, and return a list of layers. \n+     * Method: getFeatureIdFromEvent\n      * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n+     * Parameters:\n+     * evt - {Object} An <OpenLayers.Event> object\n      *\n      * Returns:\n-     * {Array} List of named layers.\n+     * {String} A feature id or undefined.\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-        var root = data.documentElement;\n-        this.rootPrefix = root.prefix;\n-        var context = {\n-            version: root.getAttribute(\"version\")\n-        };\n-        this.runChildNodes(context, root);\n-        return context;\n+    getFeatureIdFromEvent: function(evt) {\n+        var target = evt.target;\n+        var useElement = target && target.correspondingUseElement;\n+        var node = useElement ? useElement : (target || evt.srcElement);\n+        return node._featureId;\n     },\n \n-    /**\n-     * Method: runChildNodes\n+    /** \n+     * Method: eraseGeometry\n+     * Erase a geometry from the renderer. In the case of a multi-geometry, \n+     *     we cycle through and recurse on ourselves. Otherwise, we look for a \n+     *     node with the geometry.id, destroy its geometry, and remove it from\n+     *     the DOM.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * featureId - {String}\n      */\n-    runChildNodes: function(obj, node) {\n-        var children = node.childNodes;\n-        var childNode, processor, prefix, local;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            childNode = children[i];\n-            if (childNode.nodeType == 1) {\n-                prefix = this.getNamespacePrefix(childNode.namespaceURI);\n-                local = childNode.nodeName.split(\":\").pop();\n-                processor = this[\"read_\" + prefix + \"_\" + local];\n-                if (processor) {\n-                    processor.apply(this, [obj, childNode]);\n+    eraseGeometry: function(geometry, featureId) {\n+        if ((geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPolygon\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.Collection\")) {\n+            for (var i = 0, len = geometry.components.length; i < len; i++) {\n+                this.eraseGeometry(geometry.components[i], featureId);\n+            }\n+        } else {\n+            var element = OpenLayers.Util.getElement(geometry.id);\n+            if (element && element.parentNode) {\n+                if (element.geometry) {\n+                    element.geometry.destroy();\n+                    element.geometry = null;\n+                }\n+                element.parentNode.removeChild(element);\n+\n+                if (this.indexer) {\n+                    this.indexer.remove(element);\n+                }\n+\n+                if (element._style.backgroundGraphic) {\n+                    var backgroundId = geometry.id + this.BACKGROUND_ID_SUFFIX;\n+                    var bElem = OpenLayers.Util.getElement(backgroundId);\n+                    if (bElem && bElem.parentNode) {\n+                        // No need to destroy the geometry since the element and the background\n+                        // node share the same geometry.\n+                        bElem.parentNode.removeChild(bElem);\n+                    }\n                 }\n             }\n         }\n     },\n \n-    /**\n-     * Method: read_wmc_General\n+    /** \n+     * Method: nodeFactory\n+     * Create new node of the specified type, with the (optional) specified id.\n+     * \n+     * If node already exists with same ID and a different type, we remove it\n+     *     and then call ourselves again to recreate it.\n+     * \n+     * Parameters:\n+     * id - {String}\n+     * type - {String} type Kind of node to draw.\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id.\n      */\n-    read_wmc_General: function(context, node) {\n-        this.runChildNodes(context, node);\n+    nodeFactory: function(id, type) {\n+        var node = OpenLayers.Util.getElement(id);\n+        if (node) {\n+            if (!this.nodeTypeCompare(node, type)) {\n+                node.parentNode.removeChild(node);\n+                node = this.nodeFactory(id, type);\n+            }\n+        } else {\n+            node = this.createNode(type, id);\n+        }\n+        return node;\n     },\n \n-    /**\n-     * Method: read_wmc_BoundingBox\n+    /** \n+     * Method: nodeTypeCompare\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * type - {String} Kind of node\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     *     This function must be overridden by subclasses.\n      */\n-    read_wmc_BoundingBox: function(context, node) {\n-        context.projection = node.getAttribute(\"SRS\");\n-        context.bounds = new OpenLayers.Bounds(\n-            node.getAttribute(\"minx\"), node.getAttribute(\"miny\"),\n-            node.getAttribute(\"maxx\"), node.getAttribute(\"maxy\")\n-        );\n-    },\n+    nodeTypeCompare: function(node, type) {},\n \n-    /**\n-     * Method: read_wmc_LayerList\n+    /** \n+     * Method: createNode\n+     * \n+     * Parameters:\n+     * type - {String} Kind of node to draw.\n+     * id - {String} Id for node.\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id.\n+     *     This function must be overridden by subclasses.\n      */\n-    read_wmc_LayerList: function(context, node) {\n-        // layersContext is an array containing info for each layer\n-        context.layersContext = [];\n-        this.runChildNodes(context, node);\n-    },\n+    createNode: function(type, id) {},\n \n     /**\n-     * Method: read_wmc_Layer\n+     * Method: moveRoot\n+     * moves this renderer's root to a different renderer.\n+     * \n+     * Parameters:\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n      */\n-    read_wmc_Layer: function(context, node) {\n-        var layerContext = {\n-            visibility: (node.getAttribute(\"hidden\") != \"1\"),\n-            queryable: (node.getAttribute(\"queryable\") == \"1\"),\n-            formats: [],\n-            styles: [],\n-            metadata: {}\n-        };\n-\n-        this.runChildNodes(layerContext, node);\n-        // set properties common to multiple objects on layer options/params\n-        context.layersContext.push(layerContext);\n+    moveRoot: function(renderer) {\n+        var root = this.root;\n+        if (renderer.root.parentNode == this.rendererRoot) {\n+            root = renderer.root;\n+        }\n+        root.parentNode.removeChild(root);\n+        renderer.rendererRoot.appendChild(root);\n     },\n \n     /**\n-     * Method: read_wmc_Extension\n+     * Method: getRenderLayerId\n+     * Gets the layer that this renderer's output appears on. If moveRoot was\n+     * used, this will be different from the id of the layer containing the\n+     * features rendered by this renderer.\n+     * \n+     * Returns:\n+     * {String} the id of the output layer.\n      */\n-    read_wmc_Extension: function(obj, node) {\n-        this.runChildNodes(obj, node);\n+    getRenderLayerId: function() {\n+        return this.root.parentNode.parentNode.id;\n     },\n \n     /**\n-     * Method: read_ol_units\n+     * Method: isComplexSymbol\n+     * Determines if a symbol cannot be rendered using drawCircle\n+     * \n+     * Parameters:\n+     * graphicName - {String}\n+     * \n+     * Returns\n+     * {Boolean} true if the symbol is complex, false if not\n      */\n-    read_ol_units: function(layerContext, node) {\n-        layerContext.units = this.getChildValue(node);\n+    isComplexSymbol: function(graphicName) {\n+        return (graphicName != \"circle\") && !!graphicName;\n     },\n \n-    /**\n-     * Method: read_ol_maxExtent\n-     */\n-    read_ol_maxExtent: function(obj, node) {\n-        var bounds = new OpenLayers.Bounds(\n-            node.getAttribute(\"minx\"), node.getAttribute(\"miny\"),\n-            node.getAttribute(\"maxx\"), node.getAttribute(\"maxy\")\n-        );\n-        obj.maxExtent = bounds;\n-    },\n+    CLASS_NAME: \"OpenLayers.Renderer.Elements\"\n+});\n \n-    /**\n-     * Method: read_ol_transparent\n-     */\n-    read_ol_transparent: function(layerContext, node) {\n-        layerContext.transparent = this.getChildValue(node);\n-    },\n+/* ======================================================================\n+    OpenLayers/Renderer/Canvas.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: read_ol_numZoomLevels\n-     */\n-    read_ol_numZoomLevels: function(layerContext, node) {\n-        layerContext.numZoomLevels = parseInt(this.getChildValue(node));\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Method: read_ol_opacity\n-     */\n-    read_ol_opacity: function(layerContext, node) {\n-        layerContext.opacity = parseFloat(this.getChildValue(node));\n-    },\n+/**\n+ * @requires OpenLayers/Renderer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Renderer.Canvas \n+ * A renderer based on the 2D 'canvas' drawing element.\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer>\n+ */\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n \n     /**\n-     * Method: read_ol_singleTile\n+     * APIProperty: hitDetection\n+     * {Boolean} Allow for hit detection of features.  Default is true.\n      */\n-    read_ol_singleTile: function(layerContext, node) {\n-        layerContext.singleTile = (this.getChildValue(node) == \"true\");\n-    },\n+    hitDetection: true,\n \n     /**\n-     * Method: read_ol_tileSize\n+     * Property: hitOverflow\n+     * {Number} The method for converting feature identifiers to color values\n+     *     supports 16777215 sequential values.  Two features cannot be \n+     *     predictably detected if their identifiers differ by more than this\n+     *     value.  The hitOverflow allows for bigger numbers (but the \n+     *     difference in values is still limited).\n      */\n-    read_ol_tileSize: function(layerContext, node) {\n-        var obj = {\n-            \"width\": node.getAttribute(\"width\"),\n-            \"height\": node.getAttribute(\"height\")\n-        };\n-        layerContext.tileSize = obj;\n-    },\n+    hitOverflow: 0,\n \n     /**\n-     * Method: read_ol_isBaseLayer\n+     * Property: canvas\n+     * {Canvas} The canvas context object.\n      */\n-    read_ol_isBaseLayer: function(layerContext, node) {\n-        layerContext.isBaseLayer = (this.getChildValue(node) == \"true\");\n-    },\n+    canvas: null,\n \n     /**\n-     * Method: read_ol_displayInLayerSwitcher\n+     * Property: features\n+     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n      */\n-    read_ol_displayInLayerSwitcher: function(layerContext, node) {\n-        layerContext.displayInLayerSwitcher = (this.getChildValue(node) == \"true\");\n-    },\n+    features: null,\n \n     /**\n-     * Method: read_wmc_Server\n+     * Property: pendingRedraw\n+     * {Boolean} The renderer needs a redraw call to render features added while\n+     *     the renderer was locked.\n      */\n-    read_wmc_Server: function(layerContext, node) {\n-        layerContext.version = node.getAttribute(\"version\");\n-        layerContext.url = this.getOnlineResource_href(node);\n-        layerContext.metadata.servertitle = node.getAttribute(\"title\");\n-    },\n+    pendingRedraw: false,\n \n     /**\n-     * Method: read_wmc_FormatList\n+     * Property: cachedSymbolBounds\n+     * {Object} Internal cache of calculated symbol extents.\n      */\n-    read_wmc_FormatList: function(layerContext, node) {\n-        this.runChildNodes(layerContext, node);\n-    },\n+    cachedSymbolBounds: {},\n \n     /**\n-     * Method: read_wmc_Format\n+     * Constructor: OpenLayers.Renderer.Canvas\n+     *\n+     * Parameters:\n+     * containerID - {<String>}\n+     * options - {Object} Optional properties to be set on the renderer.\n      */\n-    read_wmc_Format: function(layerContext, node) {\n-        var format = {\n-            value: this.getChildValue(node)\n-        };\n-        if (node.getAttribute(\"current\") == \"1\") {\n-            format.current = true;\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\");\n         }\n-        layerContext.formats.push(format);\n     },\n \n     /**\n-     * Method: read_wmc_StyleList\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     *\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n      */\n-    read_wmc_StyleList: function(layerContext, node) {\n-        this.runChildNodes(layerContext, node);\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        // always redraw features\n+        return false;\n     },\n \n-    /**\n-     * Method: read_wmc_Style\n+    /** \n+     * Method: eraseGeometry\n+     * Erase a geometry from the renderer. Because the Canvas renderer has\n+     *     'memory' of the features that it has drawn, we have to remove the\n+     *     feature so it doesn't redraw.   \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * featureId - {String}\n      */\n-    read_wmc_Style: function(layerContext, node) {\n-        var style = {};\n-        this.runChildNodes(style, node);\n-        if (node.getAttribute(\"current\") == \"1\") {\n-            style.current = true;\n-        }\n-        layerContext.styles.push(style);\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0]);\n     },\n \n     /**\n-     * Method: read_wmc_SLD\n+     * APIMethod: supported\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the renderer class\n      */\n-    read_wmc_SLD: function(style, node) {\n-        this.runChildNodes(style, node);\n-        // style either comes back with an href or a body property\n+    supported: function() {\n+        return OpenLayers.CANVAS_SUPPORTED;\n     },\n \n     /**\n-     * Method: read_sld_StyledLayerDescriptor\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     *\n+     * Once the size is updated, redraw the canvas.\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} \n      */\n-    read_sld_StyledLayerDescriptor: function(sld, node) {\n-        var xml = OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n-        sld.body = xml;\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h;\n+        }\n     },\n \n     /**\n-     * Method: read_sld_FeatureTypeStyle\n+     * Method: drawFeature\n+     * Draw the feature. Stores the feature in the features list,\n+     * then redraws the layer. \n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {<Object>} \n+     *\n+     * Returns:\n+     * {Boolean} The feature has been drawn completely.  If the feature has no\n+     *     geometry, undefined will be returned.  If the feature is not rendered\n+     *     for other reasons, false will be returned.\n      */\n-    read_sld_FeatureTypeStyle: function(sld, node) {\n-        var xml = OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n-        sld.body = xml;\n-    },\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            // don't render if display none or feature outside extent\n+            var bounds = feature.geometry.getBounds();\n \n-    /**\n-     * Method: read_wmc_OnlineResource\n-     */\n-    read_wmc_OnlineResource: function(obj, node) {\n-        obj.href = this.getAttributeNS(\n-            node, this.namespaces.xlink, \"href\"\n-        );\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent();\n+            }\n+\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+\n+            rendered = (style.display !== \"none\") && !!bounds && intersects;\n+            if (rendered) {\n+                // keep track of what we have rendered for redraw\n+                this.features[feature.id] = [feature, style];\n+            } else {\n+                // remove from features tracked for redraw\n+                delete(this.features[feature.id]);\n+            }\n+            this.pendingRedraw = true;\n+        }\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false;\n+        }\n+        return rendered;\n     },\n \n-    /**\n-     * Method: read_wmc_Name\n+    /** \n+     * Method: drawGeometry\n+     * Used when looping (in redraw) over the features; draws\n+     * the canvas. \n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * style - {Object} \n      */\n-    read_wmc_Name: function(obj, node) {\n-        var name = this.getChildValue(node);\n-        if (name) {\n-            obj.name = name;\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if ((className == \"OpenLayers.Geometry.Collection\") ||\n+            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId);\n+            }\n+            return;\n+        }\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                this.drawPoint(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                this.drawLineString(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                this.drawLinearRing(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                this.drawPolygon(geometry, style, featureId);\n+                break;\n+            default:\n+                break;\n         }\n     },\n \n     /**\n-     * Method: read_wmc_Title\n+     * Method: drawExternalGraphic\n+     * Called to draw External graphics. \n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_Title: function(obj, node) {\n-        var title = this.getChildValue(node);\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image();\n+\n+        var title = style.title || style.graphicTitle;\n         if (title) {\n-            obj.title = title;\n+            img.title = title;\n         }\n-    },\n \n-    /**\n-     * Method: read_wmc_MetadataURL\n-     */\n-    read_wmc_MetadataURL: function(layerContext, node) {\n-        layerContext.metadataURL = this.getOnlineResource_href(node);\n-    },\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = (style.graphicXOffset != undefined) ?\n+            style.graphicXOffset : -(0.5 * width);\n+        var yOffset = (style.graphicYOffset != undefined) ?\n+            style.graphicYOffset : -(0.5 * height);\n \n-    /**\n-     * Method: read_wmc_KeywordList\n-     */\n-    read_wmc_KeywordList: function(context, node) {\n-        context.keywords = [];\n-        this.runChildNodes(context.keywords, node);\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return;\n+            }\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = (p0 + xOffset) | 0;\n+                var y = (p1 + yOffset) | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n+                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n+                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n+                        // 320 is the screen width of the G1 phone, for\n+                        // which drawImage works out of the box.\n+                        320 / window.screen.width : 1\n+                    );\n+                canvas.drawImage(\n+                    img, x * factor, y * factor, width * factor, height * factor\n+                );\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height);\n+                }\n+            }\n+        };\n+\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic;\n     },\n \n     /**\n-     * Method: read_wmc_Keyword\n+     * Method: drawNamedSymbol\n+     * Called to draw Well Known Graphic Symbol Name. \n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_Keyword: function(keywords, node) {\n-        keywords.push(this.getChildValue(node));\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180.0;\n+\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+\n+        if (!symbol) {\n+            throw new Error(style.graphicName + ' is not a valid symbol name');\n+        }\n+\n+        if (!symbol.length || symbol.length < 2) return;\n+\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n+\n+        if (isNaN(p0) || isNaN(p1)) return;\n+\n+        // Use rounded line caps\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n+\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\";\n+        }\n+\n+        // Scale and rotate symbols, using precalculated bounds whenever possible.\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n+        } else {\n+            symbolBounds = new OpenLayers.Bounds();\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n+            }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n+        }\n+\n+        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n+        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save();\n+        }\n+\n+        // Step 3: place symbol at the desired location\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1);\n+        }\n+\n+        // Step 2a. rotate the symbol if necessary\n+        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle);\n+            }\n+        }\n+\n+        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n+        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling);\n+        }\n+\n+        // Step 1: center the symbol at the origin        \n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy);\n+        }\n+\n+        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n+        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n+\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.fill();\n+\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.fill();\n+            }\n+        }\n+\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n+\n+\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.stroke();\n+            }\n+\n+        }\n+\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore();\n+        }\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: read_wmc_Abstract\n+     * Method: setCanvasStyle\n+     * Prepare the canvas for drawing by setting various global settings.\n+     *\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * style - {Object} Symbolizer hash\n      */\n-    read_wmc_Abstract: function(obj, node) {\n-        var abst = this.getChildValue(node);\n-        if (abst) {\n-            obj[\"abstract\"] = abst;\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style['fillOpacity'];\n+            this.canvas.fillStyle = style['fillColor'];\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style['strokeOpacity'];\n+            this.canvas.strokeStyle = style['strokeColor'];\n+            this.canvas.lineWidth = style['strokeWidth'];\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1;\n         }\n     },\n \n     /**\n-     * Method: read_wmc_LogoURL\n+     * Method: featureIdToHex\n+     * Convert a feature ID string into an RGB hex string.\n+     *\n+     * Parameters:\n+     * featureId - {String} Feature id\n+     *\n+     * Returns:\n+     * {String} RGB hex string.\n      */\n-    read_wmc_LogoURL: function(context, node) {\n-        context.logo = {\n-            width: node.getAttribute(\"width\"),\n-            height: node.getAttribute(\"height\"),\n-            format: node.getAttribute(\"format\"),\n-            href: this.getOnlineResource_href(node)\n-        };\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1;\n+        }\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex;\n     },\n \n     /**\n-     * Method: read_wmc_DescriptionURL\n+     * Method: setHitContextStyle\n+     * Prepare the hit canvas for drawing by setting various global settings.\n+     *\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * featureId - {String} The feature id.\n+     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n      */\n-    read_wmc_DescriptionURL: function(context, node) {\n-        context.descriptionURL = this.getOnlineResource_href(node);\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.fillStyle = hex;\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.strokeStyle = hex;\n+            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n+            // on a transformed canvas, so the antialias width bump has to scale as well.\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n+                }\n+            }\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1;\n+        }\n     },\n \n     /**\n-     * Method: read_wmc_ContactInformation\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_ContactInformation: function(obj, node) {\n-        var contact = {};\n-        this.runChildNodes(contact, node);\n-        obj.contactInformation = contact;\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId);\n+            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n+                this.drawNamedSymbol(geometry, style, featureId);\n+            } else {\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill();\n+                        }\n+                    }\n+\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke();\n+                        }\n+                        this.setCanvasStyle(\"reset\");\n+                    }\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * Method: read_wmc_ContactPersonPrimary\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_ContactPersonPrimary: function(contact, node) {\n-        var personPrimary = {};\n-        this.runChildNodes(personPrimary, node);\n-        contact.personPrimary = personPrimary;\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId);\n     },\n \n     /**\n-     * Method: read_wmc_ContactPerson\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_ContactPerson: function(primaryPerson, node) {\n-        var person = this.getChildValue(node);\n-        if (person) {\n-            primaryPerson.person = person;\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n+            }\n         }\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: read_wmc_ContactOrganization\n+     * Method: renderPath\n+     * Render a path with stroke and optional fill.\n      */\n-    read_wmc_ContactOrganization: function(primaryPerson, node) {\n-        var organization = this.getChildValue(node);\n-        if (organization) {\n-            primaryPerson.organization = organization;\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1]);\n+            }\n+            if (type === \"fill\") {\n+                context.fill();\n+            } else {\n+                context.stroke();\n+            }\n         }\n     },\n \n     /**\n-     * Method: read_wmc_ContactPosition\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    read_wmc_ContactPosition: function(contact, node) {\n-        var position = this.getChildValue(node);\n-        if (position) {\n-            contact.position = position;\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        // erase inner rings\n+        for (var i = 1; i < len; ++i) {\n+            /** \n+             * Note that this is overly agressive.  Here we punch holes through \n+             * all previously rendered features on the same canvas.  A better \n+             * solution for polygons with interior rings would be to draw the \n+             * polygon on a sketch canvas first.  We could erase all holes \n+             * there and then copy the drawing to the layer canvas. \n+             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n+             */\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    stroke: false,\n+                    fillOpacity: 1.0\n+                }, style),\n+                featureId\n+            );\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    fill: false\n+                }, style),\n+                featureId\n+            );\n         }\n     },\n \n     /**\n-     * Method: read_wmc_ContactAddress\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.Point>}\n+     * style    - {Object}\n      */\n-    read_wmc_ContactAddress: function(contact, node) {\n-        var contactAddress = {};\n-        this.runChildNodes(contactAddress, node);\n-        contact.contactAddress = contactAddress;\n-    },\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n \n-    /**\n-     * Method: read_wmc_AddressType\n-     */\n-    read_wmc_AddressType: function(contactAddress, node) {\n-        var type = this.getChildValue(node);\n-        if (type) {\n-            contactAddress.type = type;\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n+            \"normal\", // \"font-variant\" not supported\n+            style.fontWeight ? style.fontWeight : \"normal\",\n+            style.fontSize ? style.fontSize : \"1em\",\n+            style.fontFamily ? style.fontFamily : \"sans-serif\"\n+        ].join(\" \");\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            // HTML5\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n+                \"center\";\n+            this.canvas.textBaseline =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n+                \"middle\";\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight =\n+                this.canvas.measureText('Mg').height ||\n+                this.canvas.measureText('xx').width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n+                    this.canvas.restore();\n+                }\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n+            }\n+        } else if (this.canvas.mozDrawText) {\n+            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n+            this.canvas.mozTextStyle = fontStyle;\n+            // No built-in text alignment, so we measure and adjust the position\n+            var hfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5;\n+            }\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight = this.canvas.mozMeasureText('xx');\n+            pt[1] += lineHeight * (1 + (vfactor * numRows));\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n+                var y = pt[1] + (i * lineHeight);\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y);\n+            }\n         }\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: read_wmc_Address\n+     * Method: getLocalXY\n+     * transform geographic xy into pixel xy\n+     *\n+     * Parameters: \n+     * point - {<OpenLayers.Geometry.Point>}\n      */\n-    read_wmc_Address: function(contactAddress, node) {\n-        var address = this.getChildValue(node);\n-        if (address) {\n-            contactAddress.address = address;\n-        }\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n+        var y = ((extent.top / resolution) - point.y / resolution);\n+        return [x, y];\n     },\n \n     /**\n-     * Method: read_wmc_City\n+     * Method: clear\n+     * Clear all vectors from the renderer.\n      */\n-    read_wmc_City: function(contactAddress, node) {\n-        var city = this.getChildValue(node);\n-        if (city) {\n-            contactAddress.city = city;\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height);\n         }\n     },\n \n     /**\n-     * Method: read_wmc_StateOrProvince\n+     * Method: getFeatureIdFromEvent\n+     * Returns a feature id from an event on the renderer.  \n+     * \n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n+     *     feature instead of a feature id to avoid an unnecessary lookup on the\n+     *     layer.\n      */\n-    read_wmc_StateOrProvince: function(contactAddress, node) {\n-        var stateOrProvince = this.getChildValue(node);\n-        if (stateOrProvince) {\n-            contactAddress.stateOrProvince = stateOrProvince;\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n+\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            // this dragging check should go in the feature handler\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) { // antialiased\n+                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0];\n+                        } catch (err) {\n+                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n+                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n+                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n+                        }\n+                    }\n+                }\n+            }\n         }\n+        return feature;\n     },\n \n     /**\n-     * Method: read_wmc_PostCode\n+     * Method: eraseFeatures \n+     * This is called by the layer to erase features; removes the feature from\n+     *     the list, then redraws the layer.\n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n      */\n-    read_wmc_PostCode: function(contactAddress, node) {\n-        var postcode = this.getChildValue(node);\n-        if (postcode) {\n-            contactAddress.postcode = postcode;\n+    eraseFeatures: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id];\n         }\n+        this.redraw();\n     },\n \n     /**\n-     * Method: read_wmc_Country\n+     * Method: redraw\n+     * The real 'meat' of the function: any time things have changed,\n+     *     redraw() can be called to loop over all the data and (you guessed\n+     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n+     *     with things once they're drawn, to remove them, for example, so\n+     *     instead we have to just clear everything and draw from scratch.\n      */\n-    read_wmc_Country: function(contactAddress, node) {\n-        var country = this.getChildValue(node);\n-        if (country) {\n-            contactAddress.country = country;\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height);\n+            }\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue;\n+                }\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style]);\n+                }\n+            }\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1]);\n+            }\n         }\n     },\n \n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    \"l\": \"left\",\n+    \"r\": \"right\",\n+    \"t\": \"top\",\n+    \"b\": \"bottom\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    \"l\": 0,\n+    \"r\": -1,\n+    \"t\": 0,\n+    \"b\": -1\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n+ * {Number} Scale factor to apply to the canvas drawImage arguments. This\n+ *     is always 1 except for Android 2.1 devices, to work around\n+ *     http://code.google.com/p/android/issues/detail?id=5141.\n+ */\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n+/* ======================================================================\n+    OpenLayers/Renderer/SVG.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Renderer/Elements.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Renderer.SVG\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer.Elements>\n+ */\n+OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+\n+    /** \n+     * Property: xmlns\n+     * {String}\n+     */\n+    xmlns: \"http://www.w3.org/2000/svg\",\n+\n     /**\n-     * Method: read_wmc_ContactVoiceTelephone\n+     * Property: xlinkns\n+     * {String}\n      */\n-    read_wmc_ContactVoiceTelephone: function(contact, node) {\n-        var phone = this.getChildValue(node);\n-        if (phone) {\n-            contact.phone = phone;\n-        }\n-    },\n+    xlinkns: \"http://www.w3.org/1999/xlink\",\n \n     /**\n-     * Method: read_wmc_ContactFacsimileTelephone\n+     * Constant: MAX_PIXEL\n+     * {Integer} Firefox has a limitation where values larger or smaller than  \n+     *           about 15000 in an SVG document lock the browser up. This \n+     *           works around it.\n      */\n-    read_wmc_ContactFacsimileTelephone: function(contact, node) {\n-        var fax = this.getChildValue(node);\n-        if (fax) {\n-            contact.fax = fax;\n-        }\n-    },\n+    MAX_PIXEL: 15000,\n \n     /**\n-     * Method: read_wmc_ContactElectronicMailAddress\n+     * Property: translationParameters\n+     * {Object} Hash with \"x\" and \"y\" properties\n      */\n-    read_wmc_ContactElectronicMailAddress: function(contact, node) {\n-        var email = this.getChildValue(node);\n-        if (email) {\n-            contact.email = email;\n-        }\n-    },\n+    translationParameters: null,\n \n     /**\n-     * Method: read_wmc_DataURL\n+     * Property: symbolMetrics\n+     * {Object} Cache for symbol metrics according to their svg coordinate\n+     *     space. This is an object keyed by the symbol's id, and values are\n+     *     an array of [width, centerX, centerY].\n      */\n-    read_wmc_DataURL: function(layerContext, node) {\n-        layerContext.dataURL = this.getOnlineResource_href(node);\n-    },\n+    symbolMetrics: null,\n \n     /**\n-     * Method: read_wmc_LegendURL\n+     * Constructor: OpenLayers.Renderer.SVG\n+     * \n+     * Parameters:\n+     * containerID - {String}\n      */\n-    read_wmc_LegendURL: function(style, node) {\n-        var legend = {\n-            width: node.getAttribute('width'),\n-            height: node.getAttribute('height'),\n-            format: node.getAttribute('format'),\n-            href: this.getOnlineResource_href(node)\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+        this.translationParameters = {\n+            x: 0,\n+            y: 0\n         };\n-        style.legend = legend;\n+\n+        this.symbolMetrics = {};\n     },\n \n     /**\n-     * Method: read_wmc_DimensionList\n+     * APIMethod: supported\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the SVG renderer\n      */\n-    read_wmc_DimensionList: function(layerContext, node) {\n-        layerContext.dimensions = {};\n-        this.runChildNodes(layerContext.dimensions, node);\n+    supported: function() {\n+        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n+        return (document.implementation &&\n+            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n+                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n+                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n     },\n+\n     /**\n-     * Method: read_wmc_Dimension\n+     * Method: inValidRange\n+     * See #669 for more information\n+     *\n+     * Parameters:\n+     * x      - {Integer}\n+     * y      - {Integer}\n+     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n+     *     to not take the current translation parameters into account if true.\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n+     *           valid range.\n      */\n-    read_wmc_Dimension: function(dimensions, node) {\n-        var name = node.getAttribute(\"name\").toLowerCase();\n-\n-        var dim = {\n-            name: name,\n-            units: node.getAttribute(\"units\") || \"\",\n-            unitSymbol: node.getAttribute(\"unitSymbol\") || \"\",\n-            userValue: node.getAttribute(\"userValue\") || \"\",\n-            nearestValue: node.getAttribute(\"nearestValue\") === \"1\",\n-            multipleValues: node.getAttribute(\"multipleValues\") === \"1\",\n-            current: node.getAttribute(\"current\") === \"1\",\n-            \"default\": node.getAttribute(\"default\") || \"\"\n-        };\n-        var values = this.getChildValue(node);\n-        dim.values = values.split(\",\");\n-\n-        dimensions[dim.name] = dim;\n+    inValidRange: function(x, y, xyOnly) {\n+        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n+        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n+        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n+            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n     },\n \n     /**\n-     * Method: write\n-     *\n+     * Method: setExtent\n+     * \n      * Parameters:\n-     * context - {Object} An object representing the map context.\n-     * options - {Object} Optional object.\n-     *\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n      * Returns:\n-     * {String} A WMC document string.\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n      */\n-    write: function(context, options) {\n-        var root = this.createElementDefaultNS(\"ViewContext\");\n-        this.setAttributes(root, {\n-            version: this.VERSION,\n-            id: (options && typeof options.id == \"string\") ?\n-                options.id : OpenLayers.Util.createUniqueID(\"OpenLayers_Context_\")\n-        });\n-\n-        // add schemaLocation attribute\n-        this.setAttributeNS(\n-            root, this.namespaces.xsi,\n-            \"xsi:schemaLocation\", this.schemaLocation\n-        );\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n \n-        // required General element\n-        root.appendChild(this.write_wmc_General(context));\n+        var resolution = this.getResolution(),\n+            left = -extent.left / resolution,\n+            top = extent.top / resolution;\n \n-        // required LayerList element\n-        root.appendChild(this.write_wmc_LayerList(context));\n+        // If the resolution has changed, start over changing the corner, because\n+        // the features will redraw.\n+        if (resolutionChanged) {\n+            this.left = left;\n+            this.top = top;\n+            // Set the viewbox\n+            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n \n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n+            this.translate(this.xOffset, 0);\n+            return true;\n+        } else {\n+            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n+            if (!inRange) {\n+                // recenter the coordinate system\n+                this.setExtent(extent, true);\n+            }\n+            return coordSysUnchanged && inRange;\n+        }\n     },\n \n     /**\n-     * Method: createElementDefaultNS\n-     * Shorthand for createElementNS with namespace from <defaultPrefix>.\n-     *     Can optionally be used to set attributes and a text child value.\n-     *\n+     * Method: translate\n+     * Transforms the SVG coordinate system\n+     * \n      * Parameters:\n-     * name - {String} The qualified node name.\n-     * childValue - {String} Optional value for text child node.\n-     * attributes - {Object} Optional object representing attributes.\n-     *\n+     * x - {Float}\n+     * y - {Float}\n+     * \n      * Returns:\n-     * {Element} An element node.\n+     * {Boolean} true if the translation parameters are in the valid coordinates\n+     *     range, false otherwise.\n      */\n-    createElementDefaultNS: function(name, childValue, attributes) {\n-        var node = this.createElementNS(\n-            this.namespaces[this.defaultPrefix],\n-            name\n-        );\n-        if (childValue) {\n-            node.appendChild(this.createTextNode(childValue));\n-        }\n-        if (attributes) {\n-            this.setAttributes(node, attributes);\n+    translate: function(x, y) {\n+        if (!this.inValidRange(x, y, true)) {\n+            return false;\n+        } else {\n+            var transformString = \"\";\n+            if (x || y) {\n+                transformString = \"translate(\" + x + \",\" + y + \")\";\n+            }\n+            this.root.setAttributeNS(null, \"transform\", transformString);\n+            this.translationParameters = {\n+                x: x,\n+                y: y\n+            };\n+            return true;\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: setAttributes\n-     * Set multiple attributes given key value pairs from an object.\n-     *\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     * \n      * Parameters:\n-     * node - {Element} An element node.\n-     * obj - {Object} An object whose properties represent attribute names and\n-     *     values represent attribute values.\n+     * size - {<OpenLayers.Size>} The size of the drawing surface\n      */\n-    setAttributes: function(node, obj) {\n-        var value;\n-        for (var name in obj) {\n-            value = obj[name].toString();\n-            if (value.match(/[A-Z]/)) {\n-                // safari lowercases attributes with setAttribute\n-                this.setAttributeNS(node, null, name, value);\n-            } else {\n-                node.setAttribute(name, value);\n-            }\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+\n+        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n+        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n+    },\n+\n+    /** \n+     * Method: getNodeType \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"image\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"svg\";\n+                } else {\n+                    nodeType = \"circle\";\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                nodeType = \"polyline\";\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                nodeType = \"polygon\";\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"path\";\n+                break;\n+            default:\n+                break;\n         }\n+        return nodeType;\n     },\n \n-    /**\n-     * Method: write_wmc_General\n-     * Create a General node given an context object.\n+    /** \n+     * Method: setStyle\n+     * Use to set all the style attributes to a SVG node.\n+     * \n+     * Takes care to adjust stroke width and point radius to be\n+     * resolution-relative\n      *\n      * Parameters:\n-     * context - {Object} Context object.\n-     *\n-     * Returns:\n-     * {Element} A WMC General element node.\n+     * node - {SVGDomElement} An SVG element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n      */\n-    write_wmc_General: function(context) {\n-        var node = this.createElementDefaultNS(\"General\");\n+    setStyle: function(node, style, options) {\n+        style = style || node._style;\n+        options = options || node._options;\n \n-        // optional Window element\n-        if (context.size) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Window\", null, {\n-                    width: context.size.w,\n-                    height: context.size.h\n-                }\n-            ));\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.setAttributeNS(null, \"title\", title);\n+            //Standards-conformant SVG\n+            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n+            var titleNode = node.getElementsByTagName(\"title\");\n+            if (titleNode.length > 0) {\n+                titleNode[0].firstChild.textContent = title;\n+            } else {\n+                var label = this.nodeFactory(null, \"title\");\n+                label.textContent = title;\n+                node.appendChild(label);\n+            }\n         }\n \n-        // required BoundingBox element\n-        var bounds = context.bounds;\n-        node.appendChild(this.createElementDefaultNS(\n-            \"BoundingBox\", null, {\n-                minx: bounds.left.toPrecision(18),\n-                miny: bounds.bottom.toPrecision(18),\n-                maxx: bounds.right.toPrecision(18),\n-                maxy: bounds.top.toPrecision(18),\n-                SRS: context.projection\n+        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n+        var widthFactor = 1;\n+        var pos;\n+        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n+            node.style.visibility = \"\";\n+            if (style.graphic === false) {\n+                node.style.visibility = \"hidden\";\n+            } else if (style.externalGraphic) {\n+                pos = this.getPosition(node);\n+                if (style.graphicWidth && style.graphicHeight) {\n+                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n+                }\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n+\n+                var opacity = style.graphicOpacity || style.fillOpacity;\n+\n+                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n+                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n+                node.setAttributeNS(null, \"width\", width);\n+                node.setAttributeNS(null, \"height\", height);\n+                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n+                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n+                node.onclick = OpenLayers.Event.preventDefault;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                // the symbol viewBox is three times as large as the symbol\n+                var offset = style.pointRadius * 3;\n+                var size = offset * 2;\n+                var src = this.importSymbol(style.graphicName);\n+                pos = this.getPosition(node);\n+                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n+\n+                // remove the node from the dom before we modify it. This\n+                // prevents various rendering issues in Safari and FF\n+                var parent = node.parentNode;\n+                var nextSibling = node.nextSibling;\n+                if (parent) {\n+                    parent.removeChild(node);\n+                }\n+\n+                // The more appropriate way to implement this would be use/defs,\n+                // but due to various issues in several browsers, it is safer to\n+                // copy the symbols instead of referencing them. \n+                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n+                // and this email thread\n+                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n+                node.firstChild && node.removeChild(node.firstChild);\n+                node.appendChild(src.firstChild.cloneNode(true));\n+                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n+\n+                node.setAttributeNS(null, \"width\", size);\n+                node.setAttributeNS(null, \"height\", size);\n+                node.setAttributeNS(null, \"x\", pos.x - offset);\n+                node.setAttributeNS(null, \"y\", pos.y - offset);\n+\n+                // now that the node has all its new properties, insert it\n+                // back into the dom where it was\n+                if (nextSibling) {\n+                    parent.insertBefore(node, nextSibling);\n+                } else if (parent) {\n+                    parent.appendChild(node);\n+                }\n+            } else {\n+                node.setAttributeNS(null, \"r\", style.pointRadius);\n             }\n-        ));\n \n-        // required Title element\n-        node.appendChild(this.createElementDefaultNS(\n-            \"Title\", context.title\n-        ));\n+            var rotation = style.rotation;\n \n-        // optional KeywordList element\n-        if (context.keywords) {\n-            node.appendChild(this.write_wmc_KeywordList(context.keywords));\n+            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n+                node._rotation = rotation;\n+                rotation |= 0;\n+                if (node.nodeName !== \"svg\") {\n+                    node.setAttributeNS(null, \"transform\",\n+                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n+                        pos.y + \")\");\n+                } else {\n+                    var metrics = this.symbolMetrics[src.id];\n+                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n+                        rotation + \" \" +\n+                        metrics[1] + \" \" +\n+                        metrics[2] + \")\");\n+                }\n+            }\n         }\n \n-        // optional Abstract element\n-        if (context[\"abstract\"]) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Abstract\", context[\"abstract\"]\n-            ));\n+        if (options.isFilled) {\n+            node.setAttributeNS(null, \"fill\", style.fillColor);\n+            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n+        } else {\n+            node.setAttributeNS(null, \"fill\", \"none\");\n         }\n \n-        // Optional LogoURL element\n-        if (context.logo) {\n-            node.appendChild(this.write_wmc_URLType(\"LogoURL\", context.logo.href, context.logo));\n+        if (options.isStroked) {\n+            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n+            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n+            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n+            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n+            // Hard-coded linejoin for now, to make it look the same as in VML.\n+            // There is no strokeLinejoin property yet for symbolizers.\n+            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n+            style.strokeDashstyle && node.setAttributeNS(null,\n+                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n+        } else {\n+            node.setAttributeNS(null, \"stroke\", \"none\");\n         }\n \n-        // Optional DescriptionURL element\n-        if (context.descriptionURL) {\n-            node.appendChild(this.write_wmc_URLType(\"DescriptionURL\", context.descriptionURL));\n+        if (style.pointerEvents) {\n+            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n         }\n \n-        // Optional ContactInformation element\n-        if (context.contactInformation) {\n-            node.appendChild(this.write_wmc_ContactInformation(context.contactInformation));\n+        if (style.cursor != null) {\n+            node.setAttributeNS(null, \"cursor\", style.cursor);\n         }\n \n-        // OpenLayers specific map properties\n-        node.appendChild(this.write_ol_MapExtension(context));\n-\n         return node;\n     },\n \n-    /**\n-     * Method: write_wmc_KeywordList\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * widthFactor - {Number}\n+     * \n+     * Returns:\n+     * {String} A SVG compliant 'stroke-dasharray' value\n      */\n-    write_wmc_KeywordList: function(keywords) {\n-        var node = this.createElementDefaultNS(\"KeywordList\");\n-\n-        for (var i = 0, len = keywords.length; i < len; i++) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Keyword\", keywords[i]\n-            ));\n+    dashStyle: function(style, widthFactor) {\n+        var w = style.strokeWidth * widthFactor;\n+        var str = style.strokeDashstyle;\n+        switch (str) {\n+            case 'solid':\n+                return 'none';\n+            case 'dot':\n+                return [1, 4 * w].join();\n+            case 'dash':\n+                return [4 * w, 4 * w].join();\n+            case 'dashdot':\n+                return [4 * w, 4 * w, 1, 4 * w].join();\n+            case 'longdash':\n+                return [8 * w, 4 * w].join();\n+            case 'longdashdot':\n+                return [8 * w, 4 * w, 1, 4 * w].join();\n+            default:\n+                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n         }\n-        return node;\n     },\n-    /**\n-     * Method: write_wmc_ContactInformation\n-     */\n-    write_wmc_ContactInformation: function(contact) {\n-        var node = this.createElementDefaultNS(\"ContactInformation\");\n \n-        if (contact.personPrimary) {\n-            node.appendChild(this.write_wmc_ContactPersonPrimary(contact.personPrimary));\n-        }\n-        if (contact.position) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactPosition\", contact.position\n-            ));\n-        }\n-        if (contact.contactAddress) {\n-            node.appendChild(this.write_wmc_ContactAddress(contact.contactAddress));\n-        }\n-        if (contact.phone) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactVoiceTelephone\", contact.phone\n-            ));\n-        }\n-        if (contact.fax) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactFacsimileTelephone\", contact.fax\n-            ));\n-        }\n-        if (contact.email) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactElectronicMailAddress\", contact.email\n-            ));\n+    /** \n+     * Method: createNode\n+     * \n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id\n+     */\n+    createNode: function(type, id) {\n+        var node = document.createElementNS(this.xmlns, type);\n+        if (id) {\n+            node.setAttributeNS(null, \"id\", id);\n         }\n         return node;\n     },\n \n-    /**\n-     * Method: write_wmc_ContactPersonPrimary\n+    /** \n+     * Method: nodeTypeCompare\n+     * \n+     * Parameters:\n+     * node - {SVGDomElement} An SVG element\n+     * type - {String} Kind of node\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n      */\n-    write_wmc_ContactPersonPrimary: function(personPrimary) {\n-        var node = this.createElementDefaultNS(\"ContactPersonPrimary\");\n-        if (personPrimary.person) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactPerson\", personPrimary.person\n-            ));\n-        }\n-        if (personPrimary.organization) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"ContactOrganization\", personPrimary.organization\n-            ));\n-        }\n-        return node;\n+    nodeTypeCompare: function(node, type) {\n+        return (type == node.nodeName);\n     },\n \n     /**\n-     * Method: write_wmc_ContactAddress\n+     * Method: createRenderRoot\n+     * \n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n      */\n-    write_wmc_ContactAddress: function(contactAddress) {\n-        var node = this.createElementDefaultNS(\"ContactAddress\");\n-        if (contactAddress.type) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"AddressType\", contactAddress.type\n-            ));\n-        }\n-        if (contactAddress.address) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Address\", contactAddress.address\n-            ));\n-        }\n-        if (contactAddress.city) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"City\", contactAddress.city\n-            ));\n-        }\n-        if (contactAddress.stateOrProvince) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"StateOrProvince\", contactAddress.stateOrProvince\n-            ));\n-        }\n-        if (contactAddress.postcode) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"PostCode\", contactAddress.postcode\n-            ));\n-        }\n-        if (contactAddress.country) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Country\", contactAddress.country\n-            ));\n-        }\n-        return node;\n+    createRenderRoot: function() {\n+        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n+        svg.style.display = \"block\";\n+        return svg;\n     },\n \n     /**\n-     * Method: write_ol_MapExtension\n+     * Method: createRoot\n+     * \n+     * Parameters:\n+     * suffix - {String} suffix to append to the id\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    write_ol_MapExtension: function(context) {\n-        var node = this.createElementDefaultNS(\"Extension\");\n-\n-        var bounds = context.maxExtent;\n-        if (bounds) {\n-            var maxExtent = this.createElementNS(\n-                this.namespaces.ol, \"ol:maxExtent\"\n-            );\n-            this.setAttributes(maxExtent, {\n-                minx: bounds.left.toPrecision(18),\n-                miny: bounds.bottom.toPrecision(18),\n-                maxx: bounds.right.toPrecision(18),\n-                maxy: bounds.top.toPrecision(18)\n-            });\n-            node.appendChild(maxExtent);\n-        }\n-\n-        return node;\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"g\");\n     },\n \n     /**\n-     * Method: write_wmc_LayerList\n-     * Create a LayerList node given an context object.\n-     *\n-     * Parameters:\n-     * context - {Object} Context object.\n+     * Method: createDefs\n      *\n      * Returns:\n-     * {Element} A WMC LayerList element node.\n+     * {DOMElement} The element to which we'll add the symbol definitions\n      */\n-    write_wmc_LayerList: function(context) {\n-        var list = this.createElementDefaultNS(\"LayerList\");\n+    createDefs: function() {\n+        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n+        this.rendererRoot.appendChild(defs);\n+        return defs;\n+    },\n \n-        for (var i = 0, len = context.layersContext.length; i < len; ++i) {\n-            list.appendChild(this.write_wmc_Layer(context.layersContext[i]));\n-        }\n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n \n-        return list;\n+    /**\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the point\n+     */\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n     },\n \n     /**\n-     * Method: write_wmc_Layer\n-     * Create a Layer node given a layer context object.\n-     *\n-     * Parameters:\n-     * context - {Object} A layer context object.}\n-     *\n+     * Method: drawCircle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {Float}\n+     * \n      * Returns:\n-     * {Element} A WMC Layer element node.\n+     * {DOMElement} or false if the renderer could not draw the circle\n      */\n-    write_wmc_Layer: function(context) {\n-        var node = this.createElementDefaultNS(\n-            \"Layer\", null, {\n-                queryable: context.queryable ? \"1\" : \"0\",\n-                hidden: context.visibility ? \"0\" : \"1\"\n-            }\n-        );\n-\n-        // required Server element\n-        node.appendChild(this.write_wmc_Server(context));\n-\n-        // required Name element\n-        node.appendChild(this.createElementDefaultNS(\n-            \"Name\", context.name\n-        ));\n-\n-        // required Title element\n-        node.appendChild(this.createElementDefaultNS(\n-            \"Title\", context.title\n-        ));\n+    drawCircle: function(node, geometry, radius) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n \n-        // optional Abstract element\n-        if (context[\"abstract\"]) {\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Abstract\", context[\"abstract\"]\n-            ));\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"cx\", x);\n+            node.setAttributeNS(null, \"cy\", y);\n+            node.setAttributeNS(null, \"r\", radius);\n+            return node;\n+        } else {\n+            return false;\n         }\n \n-        // optional DataURL element\n-        if (context.dataURL) {\n-            node.appendChild(this.write_wmc_URLType(\"DataURL\", context.dataURL));\n-        }\n+    },\n \n-        // optional MetadataURL element\n-        if (context.metadataURL) {\n-            node.appendChild(this.write_wmc_URLType(\"MetadataURL\", context.metadataURL));\n+    /**\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components of\n+     *     the linestring, or false if nothing could be drawn\n+     */\n+    drawLineString: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n         }\n-\n-        return node;\n     },\n \n     /**\n-     * Method: write_wmc_LayerExtension\n-     * Add OpenLayers specific layer parameters to an Extension element.\n-     *\n-     * Parameters:\n-     * context - {Object} A layer context object.\n-     *\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {Element} A WMC Extension element (for a layer).\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the linear ring, or false if nothing could be drawn\n      */\n-    write_wmc_LayerExtension: function(context) {\n-        var node = this.createElementDefaultNS(\"Extension\");\n-\n-        var bounds = context.maxExtent;\n-        var maxExtent = this.createElementNS(\n-            this.namespaces.ol, \"ol:maxExtent\"\n-        );\n-        this.setAttributes(maxExtent, {\n-            minx: bounds.left.toPrecision(18),\n-            miny: bounds.bottom.toPrecision(18),\n-            maxx: bounds.right.toPrecision(18),\n-            maxy: bounds.top.toPrecision(18)\n-        });\n-        node.appendChild(maxExtent);\n-\n-        if (context.tileSize && !context.singleTile) {\n-            var size = this.createElementNS(\n-                this.namespaces.ol, \"ol:tileSize\"\n-            );\n-            this.setAttributes(size, context.tileSize);\n-            node.appendChild(size);\n+    drawLinearRing: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n         }\n+    },\n \n-        var properties = [\n-            \"transparent\", \"numZoomLevels\", \"units\", \"isBaseLayer\",\n-            \"opacity\", \"displayInLayerSwitcher\", \"singleTile\"\n-        ];\n-        var child;\n-        for (var i = 0, len = properties.length; i < len; ++i) {\n-            child = this.createOLPropertyNode(context, properties[i]);\n-            if (child) {\n-                node.appendChild(child);\n+    /**\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the polygon, or false if nothing could be drawn\n+     */\n+    drawPolygon: function(node, geometry) {\n+        var d = \"\";\n+        var draw = true;\n+        var complete = true;\n+        var linearRingResult, path;\n+        for (var j = 0, len = geometry.components.length; j < len; j++) {\n+            d += \" M\";\n+            linearRingResult = this.getComponentsString(\n+                geometry.components[j].components, \" \");\n+            path = linearRingResult.path;\n+            if (path) {\n+                d += \" \" + path;\n+                complete = linearRingResult.complete && complete;\n+            } else {\n+                draw = false;\n             }\n         }\n-\n-        return node;\n+        d += \" z\";\n+        if (draw) {\n+            node.setAttributeNS(null, \"d\", d);\n+            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n+            return complete ? node : null;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: createOLPropertyNode\n-     * Create a node representing an OpenLayers property.  If the property is\n-     *     null or undefined, null will be returned.\n-     *\n-     * Parameters:\n-     * obj - {Object} An object.\n-     * prop - {String} A property.\n-     *\n+     * Method: drawRectangle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {Element} A property node.\n+     * {DOMElement} or false if the renderer could not draw the rectangle\n      */\n-    createOLPropertyNode: function(obj, prop) {\n-        var node = null;\n-        if (obj[prop] != null) {\n-            node = this.createElementNS(this.namespaces.ol, \"ol:\" + prop);\n-            node.appendChild(this.createTextNode(obj[prop].toString()));\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n+\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"x\", x);\n+            node.setAttributeNS(null, \"y\", y);\n+            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n+            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n+            return node;\n+        } else {\n+            return false;\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: write_wmc_Server\n-     * Create a Server node given a layer context object.\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n      *\n      * Parameters:\n-     * context - {Object} Layer context object.\n-     *\n-     * Returns:\n-     * {Element} A WMC Server element node.\n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n      */\n-    write_wmc_Server: function(context) {\n-        var server = context.server;\n-        var node = this.createElementDefaultNS(\"Server\");\n-        var attributes = {\n-            service: \"OGC:WMS\",\n-            version: server.version\n-        };\n-        if (server.title) {\n-            attributes.title = server.title;\n+    drawText: function(featureId, style, location) {\n+        var drawOutline = (!!style.labelOutlineWidth);\n+        // First draw text in halo color and size and overlay the\n+        // normal text afterwards\n+        if (drawOutline) {\n+            var outlineStyle = OpenLayers.Util.extend({}, style);\n+            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n+            if (style.labelOutlineOpacity) {\n+                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n+            }\n+            delete outlineStyle.labelOutlineWidth;\n+            this.drawText(featureId, outlineStyle, location);\n         }\n-        this.setAttributes(node, attributes);\n \n-        // required OnlineResource element\n-        node.appendChild(this.write_wmc_OnlineResource(server.url));\n+        var resolution = this.getResolution();\n \n-        return node;\n+        var x = ((location.x - this.featureDx) / resolution + this.left);\n+        var y = (location.y / resolution - this.top);\n+\n+        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n+        var label = this.nodeFactory(featureId + suffix, \"text\");\n+\n+        label.setAttributeNS(null, \"x\", x);\n+        label.setAttributeNS(null, \"y\", -y);\n+\n+        if (style.fontColor) {\n+            label.setAttributeNS(null, \"fill\", style.fontColor);\n+        }\n+        if (style.fontStrokeColor) {\n+            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n+        }\n+        if (style.fontStrokeWidth) {\n+            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n+        }\n+        if (style.fontOpacity) {\n+            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n+        }\n+        if (style.fontFamily) {\n+            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n+        }\n+        if (style.fontSize) {\n+            label.setAttributeNS(null, \"font-size\", style.fontSize);\n+        }\n+        if (style.fontWeight) {\n+            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n+        }\n+        if (style.fontStyle) {\n+            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n+        }\n+        if (style.labelSelect === true) {\n+            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n+            label._featureId = featureId;\n+        } else {\n+            label.setAttributeNS(null, \"pointer-events\", \"none\");\n+        }\n+        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n+        label.setAttributeNS(null, \"text-anchor\",\n+            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n+\n+        if (OpenLayers.IS_GECKO === true) {\n+            label.setAttributeNS(null, \"dominant-baseline\",\n+                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n+        }\n+\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        while (label.childNodes.length > numRows) {\n+            label.removeChild(label.lastChild);\n+        }\n+        for (var i = 0; i < numRows; i++) {\n+            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n+            if (style.labelSelect === true) {\n+                tspan._featureId = featureId;\n+                tspan._geometry = location;\n+                tspan._geometryClass = location.CLASS_NAME;\n+            }\n+            if (OpenLayers.IS_GECKO === false) {\n+                tspan.setAttributeNS(null, \"baseline-shift\",\n+                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n+            }\n+            tspan.setAttribute(\"x\", x);\n+            if (i == 0) {\n+                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n+                if (vfactor == null) {\n+                    vfactor = -.5;\n+                }\n+                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n+            } else {\n+                tspan.setAttribute(\"dy\", \"1em\");\n+            }\n+            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n+            if (!tspan.parentNode) {\n+                label.appendChild(tspan);\n+            }\n+        }\n+\n+        if (!label.parentNode) {\n+            this.textRoot.appendChild(label);\n+        }\n     },\n \n-    /**\n-     * Method: write_wmc_URLType\n-     * Create a LogoURL/DescriptionURL/MetadataURL/DataURL/LegendURL node given a object and elementName.\n-     *\n+    /** \n+     * Method: getComponentString\n+     * \n      * Parameters:\n-     * elName - {String} Name of element (LogoURL/DescriptionURL/MetadataURL/LegendURL)\n-     * url - {String} URL string value\n-     * attr - {Object} Optional attributes (width, height, format)\n-     *\n+     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n+     * separator - {String} character between coordinate pairs. Defaults to \",\"\n+     * \n      * Returns:\n-     * {Element} A WMC element node.\n+     * {Object} hash with properties \"path\" (the string created from the\n+     *     components and \"complete\" (false if the renderer was unable to\n+     *     draw all components)\n      */\n-    write_wmc_URLType: function(elName, url, attr) {\n-        var node = this.createElementDefaultNS(elName);\n-        node.appendChild(this.write_wmc_OnlineResource(url));\n-        if (attr) {\n-            var optionalAttributes = [\"width\", \"height\", \"format\"];\n-            for (var i = 0; i < optionalAttributes.length; i++) {\n-                if (optionalAttributes[i] in attr) {\n-                    node.setAttribute(optionalAttributes[i], attr[optionalAttributes[i]]);\n+    getComponentsString: function(components, separator) {\n+        var renderCmp = [];\n+        var complete = true;\n+        var len = components.length;\n+        var strings = [];\n+        var str, component;\n+        for (var i = 0; i < len; i++) {\n+            component = components[i];\n+            renderCmp.push(component);\n+            str = this.getShortString(component);\n+            if (str) {\n+                strings.push(str);\n+            } else {\n+                // The current component is outside the valid range. Let's\n+                // see if the previous or next component is inside the range.\n+                // If so, add the coordinate of the intersection with the\n+                // valid range bounds.\n+                if (i > 0) {\n+                    if (this.getShortString(components[i - 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i - 1]));\n+                    }\n+                }\n+                if (i < len - 1) {\n+                    if (this.getShortString(components[i + 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i + 1]));\n+                    }\n                 }\n+                complete = false;\n             }\n         }\n-        return node;\n+\n+        return {\n+            path: strings.join(separator || \",\"),\n+            complete: complete\n+        };\n     },\n \n     /**\n-     * Method: write_wmc_DimensionList\n+     * Method: clipLine\n+     * Given two points (one inside the valid range, and one outside),\n+     * clips the line betweeen the two points so that the new points are both\n+     * inside the valid range.\n+     * \n+     * Parameters:\n+     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     invalid point\n+     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     valid point\n+     * Returns\n+     * {String} the SVG coordinate pair of the clipped point (like\n+     *     getShortString), or an empty string if both passed componets are at\n+     *     the same point.\n      */\n-    write_wmc_DimensionList: function(context) {\n-        var node = this.createElementDefaultNS(\"DimensionList\");\n-        var required_attributes = {\n-            name: true,\n-            units: true,\n-            unitSymbol: true,\n-            userValue: true\n-        };\n-        for (var dim in context.dimensions) {\n-            var attributes = {};\n-            var dimension = context.dimensions[dim];\n-            for (var name in dimension) {\n-                if (typeof dimension[name] == \"boolean\") {\n-                    attributes[name] = Number(dimension[name]);\n-                } else {\n-                    attributes[name] = dimension[name];\n-                }\n-            }\n-            var values = \"\";\n-            if (attributes.values) {\n-                values = attributes.values.join(\",\");\n-                delete attributes.values;\n-            }\n-\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Dimension\", values, attributes\n-            ));\n+    clipLine: function(badComponent, goodComponent) {\n+        if (goodComponent.equals(badComponent)) {\n+            return \"\";\n         }\n-        return node;\n+        var resolution = this.getResolution();\n+        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n+        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n+        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n+        var y1 = this.top - goodComponent.y / resolution;\n+        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n+        var y2 = this.top - badComponent.y / resolution;\n+        var k;\n+        if (x2 < -maxX || x2 > maxX) {\n+            k = (y2 - y1) / (x2 - x1);\n+            x2 = x2 < 0 ? -maxX : maxX;\n+            y2 = y1 + (x2 - x1) * k;\n+        }\n+        if (y2 < -maxY || y2 > maxY) {\n+            k = (x2 - x1) / (y2 - y1);\n+            y2 = y2 < 0 ? -maxY : maxY;\n+            x2 = x1 + (y2 - y1) * k;\n+        }\n+        return x2 + \",\" + y2;\n     },\n \n-    /**\n-     * Method: write_wmc_FormatList\n-     * Create a FormatList node given a layer context.\n-     *\n+    /** \n+     * Method: getShortString\n+     * \n      * Parameters:\n-     * context - {Object} Layer context object.\n-     *\n+     * point - {<OpenLayers.Geometry.Point>}\n+     * \n      * Returns:\n-     * {Element} A WMC FormatList element node.\n+     * {String} or false if point is outside the valid range\n      */\n-    write_wmc_FormatList: function(context) {\n-        var node = this.createElementDefaultNS(\"FormatList\");\n-        for (var i = 0, len = context.formats.length; i < len; i++) {\n-            var format = context.formats[i];\n-            node.appendChild(this.createElementDefaultNS(\n-                \"Format\",\n-                format.value,\n-                (format.current && format.current == true) ? {\n-                    current: \"1\"\n-                } : null\n-            ));\n+    getShortString: function(point) {\n+        var resolution = this.getResolution();\n+        var x = ((point.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - point.y / resolution);\n+\n+        if (this.inValidRange(x, y)) {\n+            return x + \",\" + y;\n+        } else {\n+            return false;\n         }\n+    },\n \n-        return node;\n+    /**\n+     * Method: getPosition\n+     * Finds the position of an svg node.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * \n+     * Returns:\n+     * {Object} hash with x and y properties, representing the coordinates\n+     *     within the svg coordinate system\n+     */\n+    getPosition: function(node) {\n+        return ({\n+            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n+            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n+        });\n     },\n \n     /**\n-     * Method: write_wmc_StyleList\n-     * Create a StyleList node given a layer context.\n-     *\n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n+     * \n      * Parameters:\n-     * layer - {Object} Layer context object.\n-     *\n+     * graphicName - {String} name of the symbol to import\n+     * \n      * Returns:\n-     * {Element} A WMC StyleList element node.\n+     * {DOMElement} - the imported symbol\n      */\n-    write_wmc_StyleList: function(layer) {\n-        var node = this.createElementDefaultNS(\"StyleList\");\n+    importSymbol: function(graphicName) {\n+        if (!this.defs) {\n+            // create svg defs tag\n+            this.defs = this.createDefs();\n+        }\n+        var id = this.container.id + \"-\" + graphicName;\n \n-        var styles = layer.styles;\n-        if (styles && OpenLayers.Util.isArray(styles)) {\n-            var sld;\n-            for (var i = 0, len = styles.length; i < len; i++) {\n-                var s = styles[i];\n-                // three style types to consider\n-                // [1] linked SLD\n-                // [2] inline SLD\n-                // [3] named style\n-                // running child nodes always gets name, optionally gets href or body\n-                var style = this.createElementDefaultNS(\n-                    \"Style\",\n-                    null,\n-                    (s.current && s.current == true) ? {\n-                        current: \"1\"\n-                    } : null\n-                );\n-                if (s.href) { // [1]\n-                    sld = this.createElementDefaultNS(\"SLD\");\n-                    // Name is optional.\n-                    if (s.name) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n-                    }\n-                    // Title is optional.\n-                    if (s.title) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n-                    }\n-                    // LegendURL is optional\n-                    if (s.legend) {\n-                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n-                    }\n+        // check if symbol already exists in the defs\n+        var existing = document.getElementById(id);\n+        if (existing != null) {\n+            return existing;\n+        }\n \n-                    var link = this.write_wmc_OnlineResource(s.href);\n-                    sld.appendChild(link);\n-                    style.appendChild(sld);\n-                } else if (s.body) { // [2]\n-                    sld = this.createElementDefaultNS(\"SLD\");\n-                    // Name is optional.\n-                    if (s.name) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n-                    }\n-                    // Title is optional.\n-                    if (s.title) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n-                    }\n-                    // LegendURL is optional\n-                    if (s.legend) {\n-                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n-                    }\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n+        }\n \n-                    // read in body as xml doc - assume proper namespace declarations\n-                    var doc = OpenLayers.Format.XML.prototype.read.apply(this, [s.body]);\n-                    // append to StyledLayerDescriptor node\n-                    var imported = doc.documentElement;\n-                    if (sld.ownerDocument && sld.ownerDocument.importNode) {\n-                        imported = sld.ownerDocument.importNode(imported, true);\n-                    }\n-                    sld.appendChild(imported);\n-                    style.appendChild(sld);\n-                } else { // [3]\n-                    // both Name and Title are required.\n-                    style.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n-                    style.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n-                    // Abstract is optional\n-                    if (s['abstract']) { // abstract is a js keyword\n-                        style.appendChild(this.createElementDefaultNS(\n-                            \"Abstract\", s['abstract']\n-                        ));\n-                    }\n-                    // LegendURL is optional\n-                    if (s.legend) {\n-                        style.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend));\n-                    }\n-                }\n-                node.appendChild(style);\n-            }\n+        var symbolNode = this.nodeFactory(id, \"symbol\");\n+        var node = this.nodeFactory(null, \"polygon\");\n+        symbolNode.appendChild(node);\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var points = [];\n+        var x, y;\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            x = symbol[i];\n+            y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n+            points.push(x, \",\", y);\n         }\n \n-        return node;\n+        node.setAttributeNS(null, \"points\", points.join(\" \"));\n+\n+        var width = symbolExtent.getWidth();\n+        var height = symbolExtent.getHeight();\n+        // create a viewBox three times as large as the symbol itself,\n+        // to allow for strokeWidth being displayed correctly at the corners.\n+        var viewBox = [symbolExtent.left - width,\n+            symbolExtent.bottom - height, width * 3, height * 3\n+        ];\n+        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n+        this.symbolMetrics[id] = [\n+            Math.max(width, height),\n+            symbolExtent.getCenterLonLat().lon,\n+            symbolExtent.getCenterLonLat().lat\n+        ];\n+\n+        this.defs.appendChild(symbolNode);\n+        return symbolNode;\n     },\n \n     /**\n-     * Method: write_wmc_OnlineResource\n-     * Create an OnlineResource node given a URL.\n-     *\n+     * Method: getFeatureIdFromEvent\n+     * \n      * Parameters:\n-     * href - {String} URL for the resource.\n+     * evt - {Object} An <OpenLayers.Event> object\n      *\n      * Returns:\n-     * {Element} A WMC OnlineResource element node.\n-     */\n-    write_wmc_OnlineResource: function(href) {\n-        var node = this.createElementDefaultNS(\"OnlineResource\");\n-        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:type\", \"simple\");\n-        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:href\", href);\n-        return node;\n-    },\n-\n-    /**\n-     * Method: getOnlineResource_href\n+     * {String} A feature id or undefined.\n      */\n-    getOnlineResource_href: function(node) {\n-        var object = {};\n-        var links = node.getElementsByTagName(\"OnlineResource\");\n-        if (links.length > 0) {\n-            this.read_wmc_OnlineResource(object, links[0]);\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n+        if (!featureId) {\n+            var target = evt.target;\n+            featureId = target.parentNode && target != this.rendererRoot ?\n+                target.parentNode._featureId : undefined;\n         }\n-        return object.href;\n+        return featureId;\n     },\n \n-\n-    CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n-\n+    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n });\n-/* ======================================================================\n-    OpenLayers/Format/WMC/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WMC/v1.js\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n+ * {Object}\n  */\n+OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n+    \"l\": \"start\",\n+    \"r\": \"end\",\n+    \"b\": \"bottom\",\n+    \"t\": \"hanging\"\n+};\n \n /**\n- * Class: OpenLayers.Format.WMC.v1_0_0\n- * Read and write WMC version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMC.v1>\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n+ * {Object}\n  */\n-OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMC.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/context\n-         *     http://schemas.opengis.net/context/1.0.0/context.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMC.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.WMC> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n-                this, [options]\n-            );\n-        },\n-\n-        /**\n-         * Method: read_wmc_SRS\n-         */\n-        read_wmc_SRS: function(layerContext, node) {\n-            var srs = this.getChildValue(node);\n-            if (typeof layerContext.projections != \"object\") {\n-                layerContext.projections = {};\n-            }\n-            var values = srs.split(/ +/);\n-            for (var i = 0, len = values.length; i < len; i++) {\n-                layerContext.projections[values[i]] = true;\n-            }\n-        },\n-\n-        /**\n-         * Method: write_wmc_Layer\n-         * Create a Layer node given a layer context object. This method adds\n-         *     elements specific to version 1.0.0.\n-         *\n-         * Parameters:\n-         * context - {Object} A layer context object.}\n-         *\n-         * Returns:\n-         * {Element} A WMC Layer element node.\n-         */\n-        write_wmc_Layer: function(context) {\n-            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n-                this, [context]\n-            );\n-\n-            // optional SRS element(s)\n-            if (context.srs) {\n-                var projections = [];\n-                for (var name in context.srs) {\n-                    projections.push(name);\n-                }\n-                node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")));\n-            }\n-\n-            // optional FormatList element\n-            node.appendChild(this.write_wmc_FormatList(context));\n-\n-            // optional StyleList element\n-            node.appendChild(this.write_wmc_StyleList(context));\n-\n-            // optional DimensionList element\n-            if (context.dimensions) {\n-                node.appendChild(this.write_wmc_DimensionList(context));\n-            }\n-\n-            // OpenLayers specific properties go in an Extension element\n-            node.appendChild(this.write_wmc_LayerExtension(context));\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMC/v1_1_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n+    // according to\n+    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n+    // a baseline-shift of -70% shifts the text exactly from the\n+    // bottom to the top of the baseline, so -35% moves the text to\n+    // the center of the baseline.\n+    \"t\": \"-70%\",\n+    \"b\": \"0\"\n+};\n \n /**\n- * @requires OpenLayers/Format/WMC/v1.js\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n+ * {Object}\n  */\n+OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n+    \"t\": 0,\n+    \"b\": -1\n+};\n \n /**\n- * Class: OpenLayers.Format.WMC.v1_1_0\n- * Read and write WMC version 1.1.0.\n- *\n- * Differences between 1.1.0 and 1.0.0:\n- *     - 1.1.0 Layers have optional sld:MinScaleDenominator and\n- *       sld:MaxScaleDenominator\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMC.v1>\n+ * Function: OpenLayers.Renderer.SVG.preventDefault\n+ * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n+ * Used to prevent default events (especially opening images in a new tab on\n+ * ctrl-click) from being executed for externalGraphic symbols\n  */\n-OpenLayers.Format.WMC.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMC.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.1.0\n-         */\n-        VERSION: \"1.1.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/context\n-         *     http://schemas.opengis.net/context/1.1.0/context.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.1.0/context.xsd\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMC.v1_1_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.WMC> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n-                this, [options]\n-            );\n-        },\n-\n-        /**\n-         * Method: read_sld_MinScaleDenominator\n-         * Read a sld:MinScaleDenominator node.\n-         *\n-         * Parameters:\n-         * layerContext - {Object} An object representing a layer.\n-         * node - {Element} An element node.\n-         */\n-        read_sld_MinScaleDenominator: function(layerContext, node) {\n-            var minScaleDenominator = parseFloat(this.getChildValue(node));\n-            if (minScaleDenominator > 0) {\n-                layerContext.maxScale = minScaleDenominator;\n-            }\n-        },\n-\n-        /**\n-         * Method: read_sld_MaxScaleDenominator\n-         * Read a sld:MaxScaleDenominator node.\n-         *\n-         * Parameters:\n-         * layerContext - {Object} An object representing a layer.\n-         * node - {Element} An element node.\n-         */\n-        read_sld_MaxScaleDenominator: function(layerContext, node) {\n-            layerContext.minScale = parseFloat(this.getChildValue(node));\n-        },\n-\n-        /**\n-         * Method: read_wmc_SRS\n-         */\n-        read_wmc_SRS: function(layerContext, node) {\n-            if (!(\"srs\" in layerContext)) {\n-                layerContext.srs = {};\n-            }\n-            layerContext.srs[this.getChildValue(node)] = true;\n-        },\n-\n-        /**\n-         * Method: write_wmc_Layer\n-         * Create a Layer node given a layer context object. This method adds\n-         *     elements specific to version 1.1.0.\n-         *\n-         * Parameters:\n-         * context - {Object} A layer context object.}\n-         *\n-         * Returns:\n-         * {Element} A WMC Layer element node.\n-         */\n-        write_wmc_Layer: function(context) {\n-            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n-                this, [context]\n-            );\n-\n-            // min/max scale denominator elements go before the 4th element in v1\n-            if (context.maxScale) {\n-                var minSD = this.createElementNS(\n-                    this.namespaces.sld, \"sld:MinScaleDenominator\"\n-                );\n-                minSD.appendChild(this.createTextNode(context.maxScale.toPrecision(16)));\n-                node.appendChild(minSD);\n-            }\n-\n-            if (context.minScale) {\n-                var maxSD = this.createElementNS(\n-                    this.namespaces.sld, \"sld:MaxScaleDenominator\"\n-                );\n-                maxSD.appendChild(this.createTextNode(context.minScale.toPrecision(16)));\n-                node.appendChild(maxSD);\n-            }\n-\n-            // optional SRS element(s)\n-            if (context.srs) {\n-                for (var name in context.srs) {\n-                    node.appendChild(this.createElementDefaultNS(\"SRS\", name));\n-                }\n-            }\n-\n-            // optional FormatList element\n-            node.appendChild(this.write_wmc_FormatList(context));\n-\n-            // optional StyleList element\n-            node.appendChild(this.write_wmc_StyleList(context));\n-\n-            // optional DimensionList element\n-            if (context.dimensions) {\n-                node.appendChild(this.write_wmc_DimensionList(context));\n-            }\n-\n-            // OpenLayers specific properties go in an Extension element\n-            node.appendChild(this.write_wmc_LayerExtension(context));\n-\n-            return node;\n-\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n-\n-    });\n+OpenLayers.Renderer.SVG.preventDefault = function(e) {\n+    OpenLayers.Event.preventDefault(e);\n+};\n /* ======================================================================\n-    OpenLayers/Format/WPSCapabilities/v1_0_0.js\n+    OpenLayers/Renderer/VML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WPSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Renderer/Elements.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WPSCapabilities.v1_0_0\n- * Read WPS Capabilities version 1.0.0.\n+ * Class: OpenLayers.Renderer.VML\n+ * Render vector features in browsers with VML capability.  Construct a new\n+ * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n  * \n+ * Note that for all calculations in this class, we use (num | 0) to truncate a \n+ * float value to an integer. This is done because it seems that VML doesn't \n+ * support float values.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Renderer.Elements>\n  */\n-OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            wps: \"http://www.opengis.net/wps/1.0.0\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n-        },\n+    /**\n+     * Property: xmlns\n+     * {String} XML Namespace URN\n+     */\n+    xmlns: \"urn:schemas-microsoft-com:vml\",\n \n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+    /**\n+     * Property: symbolCache\n+     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n+     *     and each value is a hash with a \"path\" and an \"extent\" property.\n+     */\n+    symbolCache: {},\n \n-        /**\n-         * Constructor: OpenLayers.Format.WPSCapabilities.v1_0_0\n-         * Create a new parser for WPS capabilities version 1.0.0. \n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-        },\n+    /**\n+     * Property: offset\n+     * {Object} Hash with \"x\" and \"y\" properties\n+     */\n+    offset: null,\n \n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return info about the WPS.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Information about the WPS service.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n+    /**\n+     * Constructor: OpenLayers.Renderer.VML\n+     * Create a new VML renderer.\n+     *\n+     * Parameters:\n+     * containerID - {String} The id for the element that contains the renderer\n+     */\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        if (!document.namespaces.olv) {\n+            document.namespaces.add(\"olv\", this.xmlns);\n+            var style = document.createStyleSheet();\n+            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n+            for (var i = 0, len = shapes.length; i < len; i++) {\n+\n+                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n+                    \"position: absolute; display: inline-block;\");\n             }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n+        }\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wps\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"ProcessOfferings\": function(node, obj) {\n-                    obj.processOfferings = {};\n-                    this.readChildNodes(node, obj.processOfferings);\n-                },\n-                \"Process\": function(node, processOfferings) {\n-                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                    var process = {\n-                        processVersion: processVersion\n-                    };\n-                    this.readChildNodes(node, process);\n-                    processOfferings[process.identifier] = process;\n-                },\n-                \"Languages\": function(node, obj) {\n-                    obj.languages = [];\n-                    this.readChildNodes(node, obj.languages);\n-                },\n-                \"Default\": function(node, languages) {\n-                    var language = {\n-                        isDefault: true\n-                    };\n-                    this.readChildNodes(node, language);\n-                    languages.push(language);\n-                },\n-                \"Supported\": function(node, languages) {\n-                    var language = {};\n-                    this.readChildNodes(node, language);\n-                    languages.push(language);\n-                }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n+    /**\n+     * APIMethod: supported\n+     * Determine whether a browser supports this renderer.\n+     *\n+     * Returns:\n+     * {Boolean} The browser supports the VML renderer\n+     */\n+    supported: function() {\n+        return !!(document.namespaces);\n+    },\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMTSCapabilities/v1_0_0.js\n-   ====================================================================== */\n+    /**\n+     * Method: setExtent\n+     * Set the renderer's extent\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution();\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var left = (extent.left / resolution) | 0;\n+        var top = (extent.top / resolution - this.size.h) | 0;\n+        if (resolutionChanged || !this.offset) {\n+            this.offset = {\n+                x: left,\n+                y: top\n+            };\n+            left = 0;\n+            top = 0;\n+        } else {\n+            left = left - this.offset.x;\n+            top = top - this.offset.y;\n+        }\n \n-/**\n- * @requires OpenLayers/Format/WMTSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n- */\n \n-/**\n- * Class: OpenLayers.Format.WMTSCapabilities.v1_0_0\n- * Read WMTS Capabilities version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMTSCapabilities>\n- */\n-OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.OWSCommon.v1_1_0, {\n+        var org = (left - this.xOffset) + \" \" + top;\n+        this.root.coordorigin = org;\n+        var roots = [this.root, this.vectorRoot, this.textRoot];\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n \n-        /**\n-         * Property: version\n-         * {String} The parser version (\"1.0.0\").\n-         */\n-        version: \"1.0.0\",\n+            var size = this.size.w + \" \" + this.size.h;\n+            root.coordsize = size;\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            wmts: \"http://www.opengis.net/wmts/1.0\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n-        },\n+        }\n+        // flip the VML display Y axis upside down so it \n+        // matches the display Y axis of the map\n+        this.root.style.flip = \"y\";\n \n-        /**\n-         * Property: yx\n-         * {Object} Members in the yx object are used to determine if a CRS URN\n-         *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n-         *     and values are boolean.  Defaults come from the \n-         *     <OpenLayers.Format.WMTSCapabilities> prototype.\n-         */\n-        yx: null,\n+        return coordSysUnchanged;\n+    },\n \n-        /**\n-         * Property: defaultPrefix\n-         * {String} The default namespace alias for creating element nodes.\n-         */\n-        defaultPrefix: \"wmts\",\n \n-        /**\n-         * Constructor: OpenLayers.Format.WMTSCapabilities.v1_0_0\n-         * Create a new parser for WMTS capabilities version 1.0.0. \n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-            this.options = options;\n-            var yx = OpenLayers.Util.extend({}, OpenLayers.Format.WMTSCapabilities.prototype.yx);\n-            this.yx = OpenLayers.Util.extend(yx, this.yx);\n-        },\n+    /**\n+     * Method: setSize\n+     * Set the size of the drawing surface\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} the size of the drawing surface\n+     */\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n \n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return info about the WMTS.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Information about the SOS service.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            capabilities.version = this.version;\n-            return capabilities;\n-        },\n+        // setting width and height on all roots to avoid flicker which we\n+        // would get with 100% width and height on child roots\n+        var roots = [\n+            this.rendererRoot,\n+            this.root,\n+            this.vectorRoot,\n+            this.textRoot\n+        ];\n+        var w = this.size.w + \"px\";\n+        var h = this.size.h + \"px\";\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n+            root.style.width = w;\n+            root.style.height = h;\n+        }\n+    },\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wmts\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Contents\": function(node, obj) {\n-                    obj.contents = {};\n-                    obj.contents.layers = [];\n-                    obj.contents.tileMatrixSets = {};\n-                    this.readChildNodes(node, obj.contents);\n-                },\n-                \"Layer\": function(node, obj) {\n-                    var layer = {\n-                        styles: [],\n-                        formats: [],\n-                        dimensions: [],\n-                        tileMatrixSetLinks: []\n-                    };\n-                    layer.layers = [];\n-                    this.readChildNodes(node, layer);\n-                    obj.layers.push(layer);\n-                },\n-                \"Style\": function(node, obj) {\n-                    var style = {};\n-                    style.isDefault = (node.getAttribute(\"isDefault\") === \"true\");\n-                    this.readChildNodes(node, style);\n-                    obj.styles.push(style);\n-                },\n-                \"Format\": function(node, obj) {\n-                    obj.formats.push(this.getChildValue(node));\n-                },\n-                \"TileMatrixSetLink\": function(node, obj) {\n-                    var tileMatrixSetLink = {};\n-                    this.readChildNodes(node, tileMatrixSetLink);\n-                    obj.tileMatrixSetLinks.push(tileMatrixSetLink);\n-                },\n-                \"TileMatrixSet\": function(node, obj) {\n-                    // node could be child of wmts:Contents or wmts:TileMatrixSetLink\n-                    // duck type wmts:Contents by looking for layers\n-                    if (obj.layers) {\n-                        // TileMatrixSet as object type in schema\n-                        var tileMatrixSet = {\n-                            matrixIds: []\n-                        };\n-                        this.readChildNodes(node, tileMatrixSet);\n-                        obj.tileMatrixSets[tileMatrixSet.identifier] = tileMatrixSet;\n-                    } else {\n-                        // TileMatrixSet as string type in schema\n-                        obj.tileMatrixSet = this.getChildValue(node);\n-                    }\n-                },\n-                \"TileMatrix\": function(node, obj) {\n-                    var tileMatrix = {\n-                        supportedCRS: obj.supportedCRS\n-                    };\n-                    this.readChildNodes(node, tileMatrix);\n-                    obj.matrixIds.push(tileMatrix);\n-                },\n-                \"ScaleDenominator\": function(node, obj) {\n-                    obj.scaleDenominator = parseFloat(this.getChildValue(node));\n-                },\n-                \"TopLeftCorner\": function(node, obj) {\n-                    var topLeftCorner = this.getChildValue(node);\n-                    var coords = topLeftCorner.split(\" \");\n-                    // decide on axis order for the given CRS\n-                    var yx;\n-                    if (obj.supportedCRS) {\n-                        // extract out version from URN\n-                        var crs = obj.supportedCRS.replace(\n-                            /urn:ogc:def:crs:(\\w+):.+:(\\w+)$/,\n-                            \"urn:ogc:def:crs:$1::$2\"\n-                        );\n-                        yx = !!this.yx[crs];\n-                    }\n-                    if (yx) {\n-                        obj.topLeftCorner = new OpenLayers.LonLat(\n-                            coords[1], coords[0]\n-                        );\n-                    } else {\n-                        obj.topLeftCorner = new OpenLayers.LonLat(\n-                            coords[0], coords[1]\n-                        );\n-                    }\n-                },\n-                \"TileWidth\": function(node, obj) {\n-                    obj.tileWidth = parseInt(this.getChildValue(node));\n-                },\n-                \"TileHeight\": function(node, obj) {\n-                    obj.tileHeight = parseInt(this.getChildValue(node));\n-                },\n-                \"MatrixWidth\": function(node, obj) {\n-                    obj.matrixWidth = parseInt(this.getChildValue(node));\n-                },\n-                \"MatrixHeight\": function(node, obj) {\n-                    obj.matrixHeight = parseInt(this.getChildValue(node));\n-                },\n-                \"ResourceURL\": function(node, obj) {\n-                    obj.resourceUrl = obj.resourceUrl || {};\n-                    var resourceType = node.getAttribute(\"resourceType\");\n-                    if (!obj.resourceUrls) {\n-                        obj.resourceUrls = [];\n-                    }\n-                    var resourceUrl = obj.resourceUrl[resourceType] = {\n-                        format: node.getAttribute(\"format\"),\n-                        template: node.getAttribute(\"template\"),\n-                        resourceType: resourceType\n-                    };\n-                    obj.resourceUrls.push(resourceUrl);\n-                },\n-                // not used for now, can be added in the future though\n-                /*\"Themes\": function(node, obj) {\n-                    obj.themes = [];\n-                    this.readChildNodes(node, obj.themes);\n-                },\n-                \"Theme\": function(node, obj) {\n-                    var theme = {};                \n-                    this.readChildNodes(node, theme);\n-                    obj.push(theme);\n-                },*/\n-                \"WSDL\": function(node, obj) {\n-                    obj.wsdl = {};\n-                    obj.wsdl.href = node.getAttribute(\"xlink:href\");\n-                    // TODO: other attributes of <WSDL> element                \n-                },\n-                \"ServiceMetadataURL\": function(node, obj) {\n-                    obj.serviceMetadataUrl = {};\n-                    obj.serviceMetadataUrl.href = node.getAttribute(\"xlink:href\");\n-                    // TODO: other attributes of <ServiceMetadataURL> element                \n-                },\n-                \"LegendURL\": function(node, obj) {\n-                    obj.legend = {};\n-                    obj.legend.href = node.getAttribute(\"xlink:href\");\n-                    obj.legend.format = node.getAttribute(\"format\");\n-                },\n-                \"Dimension\": function(node, obj) {\n-                    var dimension = {\n-                        values: []\n-                    };\n-                    this.readChildNodes(node, dimension);\n-                    obj.dimensions.push(dimension);\n-                },\n-                \"Default\": function(node, obj) {\n-                    obj[\"default\"] = this.getChildValue(node);\n-                },\n-                \"Value\": function(node, obj) {\n-                    obj.values.push(this.getChildValue(node));\n+    /**\n+     * Method: getNodeType\n+     * Get the node type for a geometry and style\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     *\n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"olv:rect\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"olv:shape\";\n+                } else {\n+                    nodeType = \"olv:oval\";\n                 }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"olv:rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+            case \"OpenLayers.Geometry.LinearRing\":\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"olv:shape\";\n+                break;\n+            default:\n+                break;\n+        }\n+        return nodeType;\n+    },\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSDescribeLayer/v1_1.js\n-   ====================================================================== */\n+    /**\n+     * Method: setStyle\n+     * Use to set all the style attributes to a VML node.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An VML element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n+     * geometry - {<OpenLayers.Geometry>}\n+     */\n+    setStyle: function(node, style, options, geometry) {\n+        style = style || node._style;\n+        options = options || node._options;\n+        var fillColor = style.fillColor;\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.title = title;\n+        }\n \n-/**\n- * @requires OpenLayers/Format/WMSDescribeLayer.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n- */\n+        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+            if (style.externalGraphic) {\n+                options.isFilled = true;\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n \n-/**\n- * Class: OpenLayers.Format.WMSDescribeLayer.v1_1_1\n- * Read SLD WMS DescribeLayer response for WMS 1.1.X\n- * WMS 1.1.X is tightly coupled to SLD 1.0.0\n- *\n- * Example DescribeLayer request: \n- * http://demo.opengeo.org/geoserver/wms?request=DescribeLayer&version=1.1.1&layers=topp:states\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.WMSDescribeLayer>\n- */\n-OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSDescribeLayer, {\n+                var resolution = this.getResolution();\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n \n-        /**\n-         * Constructor: OpenLayers.Format.WMSDescribeLayer\n-         * Create a new parser for WMS DescribeLayer responses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this,\n-                [options]);\n-        },\n+                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n+                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n+                node.style.width = width + \"px\";\n+                node.style.height = height + \"px\";\n+                node.style.flip = \"y\";\n \n-        /**\n-         * APIMethod: read\n-         * Read DescribeLayer data from a string, and return the response. \n-         * The OGC defines 2 formats which are allowed for output,\n-         * so we need to parse these 2 types for version 1.1.X\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Object with a layerDescriptions property, which holds an Array\n-         * of {<LayerDescription>} objects which have:\n-         * - {String} owsType: WFS/WCS\n-         * - {String} owsURL: the online resource\n-         * - {String} typeName: the name of the typename on the owsType service\n-         * - {String} layerName: the name of the WMS layer we did a lookup for\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+                // modify fillColor and options for stroke styling below\n+                fillColor = \"none\";\n+                options.isStroked = false;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                var cache = this.importSymbol(style.graphicName);\n+                node.path = cache.path;\n+                node.coordorigin = cache.left + \",\" + cache.bottom;\n+                var size = cache.size;\n+                node.coordsize = size + \",\" + size;\n+                this.drawCircle(node, geometry, style.pointRadius);\n+                node.style.flip = \"y\";\n+            } else {\n+                this.drawCircle(node, geometry, style.pointRadius);\n             }\n-            var root = data.documentElement;\n-            var children = root.childNodes;\n-            var describelayer = {\n-                layerDescriptions: []\n-            };\n-            var childNode, nodeName;\n-            for (var i = 0; i < children.length; ++i) {\n-                childNode = children[i];\n-                nodeName = childNode.nodeName;\n-                if (nodeName == 'LayerDescription') {\n-                    var layerName = childNode.getAttribute('name');\n-                    var owsType = '';\n-                    var owsURL = '';\n-                    var typeName = '';\n-                    // check for owsType and owsURL attributes\n-                    if (childNode.getAttribute('owsType')) {\n-                        owsType = childNode.getAttribute('owsType');\n-                        owsURL = childNode.getAttribute('owsURL');\n-                    } else {\n-                        // look for wfs or wcs attribute\n-                        if (childNode.getAttribute('wfs') != '') {\n-                            owsType = 'WFS';\n-                            owsURL = childNode.getAttribute('wfs');\n-                        } else if (childNode.getAttribute('wcs') != '') {\n-                            owsType = 'WCS';\n-                            owsURL = childNode.getAttribute('wcs');\n-                        }\n-                    }\n-                    // look for Query child\n-                    var query = childNode.getElementsByTagName('Query');\n-                    if (query.length > 0) {\n-                        typeName = query[0].getAttribute('typeName');\n-                        if (!typeName) {\n-                            // because of Ionic bug\n-                            typeName = query[0].getAttribute('typename');\n-                        }\n-                    }\n-                    var layerDescription = {\n-                        layerName: layerName,\n-                        owsType: owsType,\n-                        owsURL: owsURL,\n-                        typeName: typeName\n-                    };\n-                    describelayer.layerDescriptions.push(layerDescription);\n-\n-                    //TODO do this in deprecated.js instead:\n-                    // array style index for backwards compatibility\n-                    describelayer.length = describelayer.layerDescriptions.length;\n-                    describelayer[describelayer.length - 1] = layerDescription;\n+        }\n \n-                } else if (nodeName == 'ServiceException') {\n-                    // an exception must have occurred, so parse it\n-                    var parser = new OpenLayers.Format.OGCExceptionReport();\n-                    return {\n-                        error: parser.read(data)\n-                    };\n-                }\n+        // fill \n+        if (options.isFilled) {\n+            node.fillcolor = fillColor;\n+        } else {\n+            node.filled = \"false\";\n+        }\n+        var fills = node.getElementsByTagName(\"fill\");\n+        var fill = (fills.length == 0) ? null : fills[0];\n+        if (!options.isFilled) {\n+            if (fill) {\n+                node.removeChild(fill);\n             }\n-            return describelayer;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n-\n-    });\n-\n-// Version alias - workaround for http://trac.osgeo.org/mapserver/ticket/2257\n-OpenLayers.Format.WMSDescribeLayer.v1_1_0 =\n-    OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WCSCapabilities.js\n- */\n+        } else {\n+            if (!fill) {\n+                fill = this.createNode('olv:fill', node.id + \"_fill\");\n+            }\n+            fill.opacity = style.fillOpacity;\n \n-/**\n- * Class: OpenLayers.Format.WCSCapabilities.v1\n- * Abstract class not to be instantiated directly.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n+                style.externalGraphic) {\n \n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            splitSpace: (/\\s+/)\n-        },\n+                // override fillOpacity\n+                if (style.graphicOpacity) {\n+                    fill.opacity = style.graphicOpacity;\n+                }\n \n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wcs\",\n+                fill.src = style.externalGraphic;\n+                fill.type = \"frame\";\n \n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return a list of coverages. \n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array} List of named coverages.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+                if (!(style.graphicWidth && style.graphicHeight)) {\n+                    fill.aspect = \"atmost\";\n+                }\n             }\n-            var raw = data;\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n+            if (fill.parentNode != node) {\n+                node.appendChild(fill);\n             }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n+        }\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1_0_0.js\n-   ====================================================================== */\n+        // additional rendering for rotated graphics or symbols\n+        var rotation = style.rotation;\n+        if ((rotation !== undefined || node._rotation !== undefined)) {\n+            node._rotation = rotation;\n+            if (style.externalGraphic) {\n+                this.graphicRotate(node, xOffset, yOffset, style);\n+                // make the fill fully transparent, because we now have\n+                // the graphic as imagedata element. We cannot just remove\n+                // the fill, because this is part of the hack described\n+                // in graphicRotate\n+                fill.opacity = 0;\n+            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+                node.style.rotation = rotation || 0;\n+            }\n+        }\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        // stroke \n+        var strokes = node.getElementsByTagName(\"stroke\");\n+        var stroke = (strokes.length == 0) ? null : strokes[0];\n+        if (!options.isStroked) {\n+            node.stroked = false;\n+            if (stroke) {\n+                stroke.on = false;\n+            }\n+        } else {\n+            if (!stroke) {\n+                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n+                node.appendChild(stroke);\n+            }\n+            stroke.on = true;\n+            stroke.color = style.strokeColor;\n+            stroke.weight = style.strokeWidth + \"px\";\n+            stroke.opacity = style.strokeOpacity;\n+            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n+                (style.strokeLinecap || 'round');\n+            if (style.strokeDashstyle) {\n+                stroke.dashstyle = this.dashStyle(style);\n+            }\n+        }\n \n-/**\n- * @requires OpenLayers/Format/WCSCapabilities/v1.js\n- * @requires OpenLayers/Format/GML/v3.js\n- */\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            node.style.cursor = style.cursor;\n+        }\n+        return node;\n+    },\n \n-/**\n- * Class: OpenLayers.Format.WCSCapabilities/v1_0_0\n- * Read WCS Capabilities version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WCSCapabilities.v1>\n- */\n-OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.WCSCapabilities.v1, {\n+    /**\n+     * Method: graphicRotate\n+     * If a point is to be styled with externalGraphic and rotation, VML fills\n+     * cannot be used to display the graphic, because rotation of graphic\n+     * fills is not supported by the VML implementation of Internet Explorer.\n+     * This method creates a olv:imagedata element inside the VML node,\n+     * DXImageTransform.Matrix and BasicImage filters for rotation and\n+     * opacity, and a 3-step hack to remove rendering artefacts from the\n+     * graphic and preserve the ability of graphics to trigger events.\n+     * Finally, OpenLayers methods are used to determine the correct\n+     * insertion point of the rotated image, because DXImageTransform.Matrix\n+     * does the rotation without the ability to specify a rotation center\n+     * point.\n+     * \n+     * Parameters:\n+     * node    - {DOMElement}\n+     * xOffset - {Number} rotation center relative to image, x coordinate\n+     * yOffset - {Number} rotation center relative to image, y coordinate\n+     * style   - {Object}\n+     */\n+    graphicRotate: function(node, xOffset, yOffset, style) {\n+        var style = style || node._style;\n+        var rotation = style.rotation || 0;\n \n-        /**\n-         * Constructor: OpenLayers.Format.WCSCapabilities.v1_0_0\n-         * Create a new parser for WCS capabilities version 1.0.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+        var aspectRatio, size;\n+        if (!(style.graphicWidth && style.graphicHeight)) {\n+            // load the image to determine its size\n+            var img = new Image();\n+            img.onreadystatechange = OpenLayers.Function.bind(function() {\n+                if (img.readyState == \"complete\" ||\n+                    img.readyState == \"interactive\") {\n+                    aspectRatio = img.width / img.height;\n+                    size = Math.max(style.pointRadius * 2,\n+                        style.graphicWidth || 0,\n+                        style.graphicHeight || 0);\n+                    xOffset = xOffset * aspectRatio;\n+                    style.graphicWidth = size * aspectRatio;\n+                    style.graphicHeight = size;\n+                    this.graphicRotate(node, xOffset, yOffset, style);\n+                }\n+            }, this);\n+            img.src = style.externalGraphic;\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wcs: \"http://www.opengis.net/wcs\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-            ows: \"http://www.opengis.net/ows\"\n-        },\n+            // will be called again by the onreadystate handler\n+            return;\n+        } else {\n+            size = Math.max(style.graphicWidth, style.graphicHeight);\n+            aspectRatio = style.graphicWidth / style.graphicHeight;\n+        }\n \n-        /**\n-         * Property: errorProperty\n-         * {String} Which property of the returned object to check for in order to\n-         * determine whether or not parsing has failed. In the case that the\n-         * errorProperty is undefined on the returned object, the document will be\n-         * run through an OGCExceptionReport parser.\n-         */\n-        errorProperty: \"service\",\n+        var width = Math.round(style.graphicWidth || size * aspectRatio);\n+        var height = Math.round(style.graphicHeight || size);\n+        node.style.width = width + \"px\";\n+        node.style.height = height + \"px\";\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wcs\": {\n-                \"WCS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Service\": function(node, obj) {\n-                    obj.service = {};\n-                    this.readChildNodes(node, obj.service);\n-                },\n-                \"name\": function(node, service) {\n-                    service.name = this.getChildValue(node);\n-                },\n-                \"label\": function(node, service) {\n-                    service.label = this.getChildValue(node);\n-                },\n-                \"keywords\": function(node, service) {\n-                    service.keywords = [];\n-                    this.readChildNodes(node, service.keywords);\n-                },\n-                \"keyword\": function(node, keywords) {\n-                    // Append the keyword to the keywords list\n-                    keywords.push(this.getChildValue(node));\n-                },\n-                \"responsibleParty\": function(node, service) {\n-                    service.responsibleParty = {};\n-                    this.readChildNodes(node, service.responsibleParty);\n-                },\n-                \"individualName\": function(node, responsibleParty) {\n-                    responsibleParty.individualName = this.getChildValue(node);\n-                },\n-                \"organisationName\": function(node, responsibleParty) {\n-                    responsibleParty.organisationName = this.getChildValue(node);\n-                },\n-                \"positionName\": function(node, responsibleParty) {\n-                    responsibleParty.positionName = this.getChildValue(node);\n-                },\n-                \"contactInfo\": function(node, responsibleParty) {\n-                    responsibleParty.contactInfo = {};\n-                    this.readChildNodes(node, responsibleParty.contactInfo);\n-                },\n-                \"phone\": function(node, contactInfo) {\n-                    contactInfo.phone = {};\n-                    this.readChildNodes(node, contactInfo.phone);\n-                },\n-                \"voice\": function(node, phone) {\n-                    phone.voice = this.getChildValue(node);\n-                },\n-                \"facsimile\": function(node, phone) {\n-                    phone.facsimile = this.getChildValue(node);\n-                },\n-                \"address\": function(node, contactInfo) {\n-                    contactInfo.address = {};\n-                    this.readChildNodes(node, contactInfo.address);\n-                },\n-                \"deliveryPoint\": function(node, address) {\n-                    address.deliveryPoint = this.getChildValue(node);\n-                },\n-                \"city\": function(node, address) {\n-                    address.city = this.getChildValue(node);\n-                },\n-                \"postalCode\": function(node, address) {\n-                    address.postalCode = this.getChildValue(node);\n-                },\n-                \"country\": function(node, address) {\n-                    address.country = this.getChildValue(node);\n-                },\n-                \"electronicMailAddress\": function(node, address) {\n-                    address.electronicMailAddress = this.getChildValue(node);\n-                },\n-                \"fees\": function(node, service) {\n-                    service.fees = this.getChildValue(node);\n-                },\n-                \"accessConstraints\": function(node, service) {\n-                    service.accessConstraints = this.getChildValue(node);\n-                },\n-                \"ContentMetadata\": function(node, obj) {\n-                    obj.contentMetadata = [];\n-                    this.readChildNodes(node, obj.contentMetadata);\n-                },\n-                \"CoverageOfferingBrief\": function(node, contentMetadata) {\n-                    var coverageOfferingBrief = {};\n-                    this.readChildNodes(node, coverageOfferingBrief);\n-                    contentMetadata.push(coverageOfferingBrief);\n-                },\n-                \"name\": function(node, coverageOfferingBrief) {\n-                    coverageOfferingBrief.name = this.getChildValue(node);\n-                },\n-                \"label\": function(node, coverageOfferingBrief) {\n-                    coverageOfferingBrief.label = this.getChildValue(node);\n-                },\n-                \"lonLatEnvelope\": function(node, coverageOfferingBrief) {\n-                    var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n+        // Three steps are required to remove artefacts for images with\n+        // transparent backgrounds (resulting from using DXImageTransform\n+        // filters on svg objects), while preserving awareness for browser\n+        // events on images:\n+        // - Use the fill as usual (like for unrotated images) to handle\n+        //   events\n+        // - specify an imagedata element with the same src as the fill\n+        // - style the imagedata element with an AlphaImageLoader filter\n+        //   with empty src\n+        var image = document.getElementById(node.id + \"_image\");\n+        if (!image) {\n+            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n+            node.appendChild(image);\n+        }\n+        image.style.width = width + \"px\";\n+        image.style.height = height + \"px\";\n+        image.src = style.externalGraphic;\n+        image.style.filter =\n+            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n+            \"src='', sizingMethod='scale')\";\n \n-                    // We expect two nodes here, to create the corners of a bounding box\n-                    if (nodeList.length == 2) {\n-                        var min = {};\n-                        var max = {};\n+        var rot = rotation * Math.PI / 180;\n+        var sintheta = Math.sin(rot);\n+        var costheta = Math.cos(rot);\n \n-                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n-                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n+        // do the rotation on the image\n+        var filter =\n+            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n+            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n+            \",SizingMethod='auto expand')\\n\";\n \n-                        coverageOfferingBrief.lonLatEnvelope = {};\n-                        coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n-                        coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n-                        coverageOfferingBrief.lonLatEnvelope.max = max.points[0];\n-                    }\n-                }\n-            }\n-        },\n+        // set the opacity (needed for the imagedata)\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        if (opacity && opacity != 1) {\n+            filter +=\n+                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n+                opacity + \")\\n\";\n+        }\n+        node.style.filter = filter;\n \n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+        // do the rotation again on a box, so we know the insertion point\n+        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n+        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n+        imgBox.rotate(style.rotation, centerPoint);\n+        var imgBounds = imgBox.getBounds();\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1_1_0.js\n-   ====================================================================== */\n+        node.style.left = Math.round(\n+            parseInt(node.style.left) + imgBounds.left) + \"px\";\n+        node.style.top = Math.round(\n+            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: postDraw\n+     * Does some node postprocessing to work around browser issues:\n+     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n+     *   and strokecolor to \"none\" correctly before the fill node is appended\n+     *   to a visible vml node. This method takes care of that and sets\n+     *   fillcolor and strokecolor again if needed.\n+     * - In some cases, a node won't become visible after being drawn. Setting\n+     *   style.visibility to \"visible\" works around that.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     */\n+    postDraw: function(node) {\n+        node.style.visibility = \"visible\";\n+        var fillColor = node._style.fillColor;\n+        var strokeColor = node._style.strokeColor;\n+        if (fillColor == \"none\" &&\n+            node.fillcolor != fillColor) {\n+            node.fillcolor = fillColor;\n+        }\n+        if (strokeColor == \"none\" &&\n+            node.strokecolor != strokeColor) {\n+            node.strokecolor = strokeColor;\n+        }\n+    },\n \n-/**\n- * @requires OpenLayers/Format/WCSCapabilities/v1.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n- */\n \n-/**\n- * Class: OpenLayers.Format.WCSCapabilities/v1_1_0\n- * Read WCS Capabilities version 1.1.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WCSCapabilities.v1>\n- */\n-OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WCSCapabilities.v1, {\n+    /**\n+     * Method: setNodeDimension\n+     * Get the geometry's bounds, convert it to our vml coordinate system, \n+     * then set the node's position, size, and local coordinate system.\n+     *   \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     */\n+    setNodeDimension: function(node, geometry) {\n \n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wcs: \"http://www.opengis.net/wcs/1.1\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-            ows: \"http://www.opengis.net/ows/1.1\"\n-        },\n+        var bbox = geometry.getBounds();\n+        if (bbox) {\n+            var resolution = this.getResolution();\n \n-        /**\n-         * APIProperty: errorProperty\n-         * {String} Which property of the returned object to check for in order to\n-         * determine whether or not parsing has failed. In the case that the\n-         * errorProperty is undefined on the returned object, the document will be\n-         * run through an OGCExceptionReport parser.\n-         */\n-        errorProperty: \"operationsMetadata\",\n+            var scaledBox =\n+                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.bottom / resolution - this.offset.y) | 0,\n+                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.top / resolution - this.offset.y) | 0);\n \n-        /**\n-         * Constructor: OpenLayers.Format.WCSCapabilities.v1_1_0\n-         * Create a new parser for WCS capabilities version 1.1.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+            // Set the internal coordinate system to draw the path\n+            node.style.left = scaledBox.left + \"px\";\n+            node.style.top = scaledBox.top + \"px\";\n+            node.style.width = scaledBox.getWidth() + \"px\";\n+            node.style.height = scaledBox.getHeight() + \"px\";\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wcs\": OpenLayers.Util.applyDefaults({\n-                // In 1.0.0, this was WCS_Capabilties, in 1.1.0, it's Capabilities\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Contents\": function(node, request) {\n-                    request.contentMetadata = [];\n-                    this.readChildNodes(node, request.contentMetadata);\n-                },\n-                \"CoverageSummary\": function(node, contentMetadata) {\n-                    var coverageSummary = {};\n-                    // Read the summary:\n-                    this.readChildNodes(node, coverageSummary);\n+            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n+            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n+        }\n+    },\n \n-                    // Add it to the contentMetadata array:  \n-                    contentMetadata.push(coverageSummary);\n-                },\n-                \"Identifier\": function(node, coverageSummary) {\n-                    coverageSummary.identifier = this.getChildValue(node);\n-                },\n-                \"Title\": function(node, coverageSummary) {\n-                    coverageSummary.title = this.getChildValue(node);\n-                },\n-                \"Abstract\": function(node, coverageSummary) {\n-                    coverageSummary[\"abstract\"] = this.getChildValue(node);\n-                },\n-                \"SupportedCRS\": function(node, coverageSummary) {\n-                    var crs = this.getChildValue(node);\n-                    if (crs) {\n-                        if (!coverageSummary.supportedCRS) {\n-                            coverageSummary.supportedCRS = [];\n-                        }\n-                        coverageSummary.supportedCRS.push(crs);\n-                    }\n-                },\n-                \"SupportedFormat\": function(node, coverageSummary) {\n-                    var format = this.getChildValue(node);\n-                    if (format) {\n-                        if (!coverageSummary.supportedFormat) {\n-                            coverageSummary.supportedFormat = [];\n-                        }\n-                        coverageSummary.supportedFormat.push(format);\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} A VML compliant 'stroke-dasharray' value\n+     */\n+    dashStyle: function(style) {\n+        var dash = style.strokeDashstyle;\n+        switch (dash) {\n+            case 'solid':\n+            case 'dot':\n+            case 'dash':\n+            case 'dashdot':\n+            case 'longdash':\n+            case 'longdashdot':\n+                return dash;\n+            default:\n+                // very basic guessing of dash style patterns\n+                var parts = dash.split(/[ ,]/);\n+                if (parts.length == 2) {\n+                    if (1 * parts[0] >= 2 * parts[1]) {\n+                        return \"longdash\";\n                     }\n+                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n+                } else if (parts.length == 4) {\n+                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n+                        \"dashdot\";\n                 }\n-            }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/SOSCapabilities/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/SOSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n- * @requires OpenLayers/Format/GML/v3.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.SOSCapabilities.v1_0_0\n- * Read SOS Capabilities version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.SOSCapabilities>\n- */\n-OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.SOSCapabilities, {\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            sos: \"http://www.opengis.net/sos/1.0\",\n-            gml: \"http://www.opengis.net/gml\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n-        },\n+                return \"solid\";\n+        }\n+    },\n \n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+    /**\n+     * Method: createNode\n+     * Create a new node\n+     *\n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     *\n+     * Returns:\n+     * {DOMElement} A new node of the given type and id\n+     */\n+    createNode: function(type, id) {\n+        var node = document.createElement(type);\n+        if (id) {\n+            node.id = id;\n+        }\n \n-        /**\n-         * Constructor: OpenLayers.Format.SOSCapabilities.v1_0_0\n-         * Create a new parser for SOS capabilities version 1.0.0. \n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-            this.options = options;\n-        },\n+        // IE hack to make elements unselectable, to prevent 'blue flash'\n+        // while dragging vectors; #1410\n+        node.unselectable = 'on';\n+        node.onselectstart = OpenLayers.Function.False;\n \n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return info about the SOS.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Information about the SOS service.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n+        return node;\n+    },\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"gml\": OpenLayers.Util.applyDefaults({\n-                \"name\": function(node, obj) {\n-                    obj.name = this.getChildValue(node);\n-                },\n-                \"TimePeriod\": function(node, obj) {\n-                    obj.timePeriod = {};\n-                    this.readChildNodes(node, obj.timePeriod);\n-                },\n-                \"beginPosition\": function(node, timePeriod) {\n-                    timePeriod.beginPosition = this.getChildValue(node);\n-                },\n-                \"endPosition\": function(node, timePeriod) {\n-                    timePeriod.endPosition = this.getChildValue(node);\n-                }\n-            }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n-            \"sos\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Contents\": function(node, obj) {\n-                    obj.contents = {};\n-                    this.readChildNodes(node, obj.contents);\n-                },\n-                \"ObservationOfferingList\": function(node, contents) {\n-                    contents.offeringList = {};\n-                    this.readChildNodes(node, contents.offeringList);\n-                },\n-                \"ObservationOffering\": function(node, offeringList) {\n-                    var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                    offeringList[id] = {\n-                        procedures: [],\n-                        observedProperties: [],\n-                        featureOfInterestIds: [],\n-                        responseFormats: [],\n-                        resultModels: [],\n-                        responseModes: []\n-                    };\n-                    this.readChildNodes(node, offeringList[id]);\n-                },\n-                \"time\": function(node, offering) {\n-                    offering.time = {};\n-                    this.readChildNodes(node, offering.time);\n-                },\n-                \"procedure\": function(node, offering) {\n-                    offering.procedures.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n-                },\n-                \"observedProperty\": function(node, offering) {\n-                    offering.observedProperties.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n-                },\n-                \"featureOfInterest\": function(node, offering) {\n-                    offering.featureOfInterestIds.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n-                },\n-                \"responseFormat\": function(node, offering) {\n-                    offering.responseFormats.push(this.getChildValue(node));\n-                },\n-                \"resultModel\": function(node, offering) {\n-                    offering.resultModels.push(this.getChildValue(node));\n-                },\n-                \"responseMode\": function(node, offering) {\n-                    offering.responseModes.push(this.getChildValue(node));\n-                }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n+    /**\n+     * Method: nodeTypeCompare\n+     * Determine whether a node is of a given type\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An VML element\n+     * type - {String} Kind of node\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     */\n+    nodeTypeCompare: function(node, type) {\n \n-        CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n+        //split type\n+        var subType = type;\n+        var splitIndex = subType.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            subType = subType.substr(splitIndex + 1);\n+        }\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/SLD/v1_0_0_GeoServer.js\n-   ====================================================================== */\n+        //split nodeName\n+        var nodeName = node.nodeName;\n+        splitIndex = nodeName.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            nodeName = nodeName.substr(splitIndex + 1);\n+        }\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        return (subType == nodeName);\n+    },\n \n-/**\n- * @requires OpenLayers/Format/SLD/v1_0_0.js\n- */\n+    /**\n+     * Method: createRenderRoot\n+     * Create the renderer root\n+     *\n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n+     */\n+    createRenderRoot: function() {\n+        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n+    },\n \n-/**\n- * Class: OpenLayers.Format.SLD/v1_0_0_GeoServer\n- * Read and write SLD version 1.0.0 with GeoServer-specific enhanced options.\n- * See http://svn.osgeo.org/geotools/trunk/modules/extension/xsd/xsd-sld/src/main/resources/org/geotools/sld/bindings/StyledLayerDescriptor.xsd\n- * for more information.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.SLD.v1_0_0>\n- */\n-OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(\n-    OpenLayers.Format.SLD.v1_0_0, {\n+    /**\n+     * Method: createRoot\n+     * Create the main root element\n+     * \n+     * Parameters:\n+     * suffix - {String} suffix to append to the id\n+     *\n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n+    },\n \n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.0.0\",\n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n \n-        /**\n-         * Property: profile\n-         * {String} The specific profile\n-         */\n-        profile: \"GeoServer\",\n+    /**\n+     * Method: drawPoint\n+     * Render a point\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the point could not be drawn\n+     */\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n+    },\n \n-        /**\n-         * Constructor: OpenLayers.Format.SLD.v1_0_0_GeoServer\n-         * Create a new parser for GeoServer-enhanced SLD version 1.0.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /**\n+     * Method: drawCircle\n+     * Render a circle.\n+     * Size and Center a circle given geometry (x,y center) and radius\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {float}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the circle could not ne drawn\n+     */\n+    drawCircle: function(node, geometry, radius) {\n+        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n+            var resolution = this.getResolution();\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: OpenLayers.Util.applyDefaults({\n-            \"sld\": OpenLayers.Util.applyDefaults({\n-                \"Priority\": function(node, obj) {\n-                    var value = this.readers.ogc._expression.call(this, node);\n-                    if (value) {\n-                        obj.priority = value;\n-                    }\n-                },\n-                \"VendorOption\": function(node, obj) {\n-                    if (!obj.vendorOptions) {\n-                        obj.vendorOptions = {};\n-                    }\n-                    obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node);\n-                },\n-                \"TextSymbolizer\": function(node, rule) {\n-                    OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n-                    var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n-                    if (symbolizer.graphic === undefined) {\n-                        symbolizer.graphic = false;\n-                    }\n-                }\n-            }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n+            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n+            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n \n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: OpenLayers.Util.applyDefaults({\n-            \"sld\": OpenLayers.Util.applyDefaults({\n-                \"Priority\": function(priority) {\n-                    return this.writers.sld._OGCExpression.call(\n-                        this, \"sld:Priority\", priority\n-                    );\n-                },\n-                \"VendorOption\": function(option) {\n-                    return this.createElementNSPlus(\"sld:VendorOption\", {\n-                        attributes: {\n-                            name: option.name\n-                        },\n-                        value: option.value\n-                    });\n-                },\n-                \"TextSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n-                    if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n-                        this.writeNode(\"Graphic\", symbolizer, node);\n-                    }\n-                    if (\"priority\" in symbolizer) {\n-                        this.writeNode(\"Priority\", symbolizer.priority, node);\n-                    }\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"PointSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"LineSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"PolygonSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                }\n-            }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+            var diameter = radius * 2;\n \n-        /**\n-         * Method: addVendorOptions\n-         * Add in the VendorOption tags and return the node again.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A DOM node.\n-         * symbolizer - {Object}\n-         *\n-         * Returns:\n-         * {DOMElement} A DOM node.\n-         */\n-        addVendorOptions: function(node, symbolizer) {\n-            var options = symbolizer.vendorOptions;\n-            if (options) {\n-                for (var key in symbolizer.vendorOptions) {\n-                    this.writeNode(\"VendorOption\", {\n-                        name: key,\n-                        value: symbolizer.vendorOptions[key]\n-                    }, node);\n-                }\n-            }\n+            node.style.width = diameter + \"px\";\n+            node.style.height = diameter + \"px\";\n             return node;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/CSWGetDomain/v2_0_2.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/CSWGetDomain.js\n- */\n+        }\n+        return false;\n+    },\n \n-/**\n- * Class: OpenLayers.Format.CSWGetDomain.v2_0_2\n- *     A format for creating CSWGetDomain v2.0.2 transactions. \n- *     Create a new instance with the\n- *     <OpenLayers.Format.CSWGetDomain.v2_0_2> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * Method: drawLineString\n+     * Render a linestring.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    namespaces: {\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+    drawLineString: function(node, geometry) {\n+        return this.drawLine(node, geometry, false);\n     },\n \n     /**\n-     * Property: defaultPrefix\n-     * {String} The default prefix (used by Format.XML).\n+     * Method: drawLinearRing\n+     * Render a linearring\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    defaultPrefix: \"csw\",\n+    drawLinearRing: function(node, geometry) {\n+        return this.drawLine(node, geometry, true);\n+    },\n \n     /**\n-     * Property: version\n-     * {String} CSW version number.\n+     * Method: DrawLine\n+     * Render a line.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * closeLine - {Boolean} Close the line? (make it a ring?)\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    version: \"2.0.2\",\n+    drawLine: function(node, geometry, closeLine) {\n \n-    /**\n-     * Property: schemaLocation\n-     * {String} http://www.opengis.net/cat/csw/2.0.2\n-     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n-     */\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+        this.setNodeDimension(node, geometry);\n \n-    /**\n-     * APIProperty: PropertyName\n-     * {String} Value of the csw:PropertyName element, used when\n-     *     writing a GetDomain document.\n-     */\n-    PropertyName: null,\n+        var resolution = this.getResolution();\n+        var numComponents = geometry.components.length;\n+        var parts = new Array(numComponents);\n+\n+        var comp, x, y;\n+        for (var i = 0; i < numComponents; i++) {\n+            comp = geometry.components[i];\n+            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+            y = (comp.y / resolution - this.offset.y) | 0;\n+            parts[i] = \" \" + x + \",\" + y + \" l \";\n+        }\n+        var end = (closeLine) ? \" x e\" : \" e\";\n+        node.path = \"m\" + parts.join(\"\") + end;\n+        return node;\n+    },\n \n     /**\n-     * APIProperty: ParameterName\n-     * {String} Value of the csw:ParameterName element, used when\n-     *     writing a GetDomain document.\n+     * Method: drawPolygon\n+     * Render a polygon\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    ParameterName: null,\n+    drawPolygon: function(node, geometry) {\n+        this.setNodeDimension(node, geometry);\n+\n+        var resolution = this.getResolution();\n+\n+        var path = [];\n+        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n+        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n+            path.push(\"m\");\n+            points = geometry.components[j].components;\n+            // we only close paths of interior rings with area\n+            area = (j === 0);\n+            first = null;\n+            second = null;\n+            for (i = 0, ii = points.length; i < ii; i++) {\n+                comp = points[i];\n+                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+                y = (comp.y / resolution - this.offset.y) | 0;\n+                pathComp = \" \" + x + \",\" + y;\n+                path.push(pathComp);\n+                if (i == 0) {\n+                    path.push(\" l\");\n+                }\n+                if (!area) {\n+                    // IE improperly renders sub-paths that have no area.\n+                    // Instead of checking the area of every ring, we confirm\n+                    // the ring has at least three distinct points.  This does\n+                    // not catch all non-zero area cases, but it greatly improves\n+                    // interior ring digitizing and is a minor performance hit\n+                    // when rendering rings with many points.\n+                    if (!first) {\n+                        first = pathComp;\n+                    } else if (first != pathComp) {\n+                        if (!second) {\n+                            second = pathComp;\n+                        } else if (second != pathComp) {\n+                            // stop looking\n+                            area = true;\n+                        }\n+                    }\n+                }\n+            }\n+            path.push(area ? \" x \" : \" \");\n+        }\n+        path.push(\"e\");\n+        node.path = path.join(\"\");\n+        return node;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.CSWGetDomain.v2_0_2\n-     * A class for parsing and generating CSWGetDomain v2.0.2 transactions.\n-     *\n+     * Method: drawRectangle\n+     * Render a rectangle\n+     * \n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * - PropertyName\n-     * - ParameterName\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+\n+        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n+        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n+        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+\n+        return node;\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Parse the response from a GetDomain request.\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+    drawText: function(featureId, style, location) {\n+        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n+        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+\n+        var resolution = this.getResolution();\n+        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n+        label.style.flip = \"y\";\n+\n+        textbox.innerText = style.label;\n+\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            textbox.style.cursor = style.cursor;\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement;\n+        if (style.fontColor) {\n+            textbox.style.color = style.fontColor;\n         }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj;\n-    },\n+        if (style.fontOpacity) {\n+            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n+        }\n+        if (style.fontFamily) {\n+            textbox.style.fontFamily = style.fontFamily;\n+        }\n+        if (style.fontSize) {\n+            textbox.style.fontSize = style.fontSize;\n+        }\n+        if (style.fontWeight) {\n+            textbox.style.fontWeight = style.fontWeight;\n+        }\n+        if (style.fontStyle) {\n+            textbox.style.fontStyle = style.fontStyle;\n+        }\n+        if (style.labelSelect === true) {\n+            label._featureId = featureId;\n+            textbox._featureId = featureId;\n+            textbox._geometry = location;\n+            textbox._geometryClass = location.CLASS_NAME;\n+        }\n+        textbox.style.whiteSpace = \"nowrap\";\n+        // fun with IE: IE7 in standards compliant mode does not display any\n+        // text with a left inset of 0. So we set this to 1px and subtract one\n+        // pixel later when we set label.style.left\n+        textbox.inset = \"1px,0px,0px,0px\";\n \n-    /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n-     */\n-    readers: {\n-        \"csw\": {\n-            \"GetDomainResponse\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-            },\n-            \"DomainValues\": function(node, obj) {\n-                if (!(OpenLayers.Util.isArray(obj.DomainValues))) {\n-                    obj.DomainValues = [];\n-                }\n-                var attrs = node.attributes;\n-                var domainValue = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    domainValue[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                this.readChildNodes(node, domainValue);\n-                obj.DomainValues.push(domainValue);\n-            },\n-            \"PropertyName\": function(node, obj) {\n-                obj.PropertyName = this.getChildValue(node);\n-            },\n-            \"ParameterName\": function(node, obj) {\n-                obj.ParameterName = this.getChildValue(node);\n-            },\n-            \"ListOfValues\": function(node, obj) {\n-                if (!(OpenLayers.Util.isArray(obj.ListOfValues))) {\n-                    obj.ListOfValues = [];\n-                }\n-                this.readChildNodes(node, obj.ListOfValues);\n-            },\n-            \"Value\": function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.push({\n-                    Value: value\n-                });\n-            },\n-            \"ConceptualScheme\": function(node, obj) {\n-                obj.ConceptualScheme = {};\n-                this.readChildNodes(node, obj.ConceptualScheme);\n-            },\n-            \"Name\": function(node, obj) {\n-                obj.Name = this.getChildValue(node);\n-            },\n-            \"Document\": function(node, obj) {\n-                obj.Document = this.getChildValue(node);\n-            },\n-            \"Authority\": function(node, obj) {\n-                obj.Authority = this.getChildValue(node);\n-            },\n-            \"RangeOfValues\": function(node, obj) {\n-                obj.RangeOfValues = {};\n-                this.readChildNodes(node, obj.RangeOfValues);\n-            },\n-            \"MinValue\": function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.MinValue = value;\n-            },\n-            \"MaxValue\": function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.MaxValue = value;\n-            }\n+        if (!label.parentNode) {\n+            label.appendChild(textbox);\n+            this.textRoot.appendChild(label);\n+        }\n+\n+        var align = style.labelAlign || \"cm\";\n+        if (align.length == 1) {\n+            align += \"m\";\n         }\n+        var xshift = textbox.clientWidth *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n+        var yshift = textbox.clientHeight *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n+        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n+        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+\n     },\n \n     /**\n-     * APIMethod: write\n-     * Given an configuration js object, write a CSWGetDomain request. \n-     *\n+     * Method: moveRoot\n+     * moves this renderer's root to a different renderer.\n+     * \n      * Parameters:\n-     * options - {Object} A object mapping the request.\n-     *\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     * root - {DOMElement} optional root node. To be used when this renderer\n+     *     holds roots from multiple layers to tell this method which one to\n+     *     detach\n+     * \n      * Returns:\n-     * {String} A serialized CSWGetDomain request.\n+     * {Boolean} true if successful, false otherwise\n      */\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetDomain\", options);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+    moveRoot: function(renderer) {\n+        var layer = this.map.getLayer(renderer.container.id);\n+        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n+            layer = this.map.getLayer(this.container.id);\n+        }\n+        layer && layer.renderer.clear();\n+        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n+        layer && layer.redraw();\n     },\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n+     * \n+     * Parameters:\n+     * graphicName - {String} name of the symbol to import\n+     * \n+     * Returns:\n+     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n      */\n-    writers: {\n-        \"csw\": {\n-            \"GetDomain\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version\n-                    }\n-                });\n-                if (options.PropertyName || this.PropertyName) {\n-                    this.writeNode(\n-                        \"csw:PropertyName\",\n-                        options.PropertyName || this.PropertyName,\n-                        node\n-                    );\n-                } else if (options.ParameterName || this.ParameterName) {\n-                    this.writeNode(\n-                        \"csw:ParameterName\",\n-                        options.ParameterName || this.ParameterName,\n-                        node\n-                    );\n-                }\n-                this.readChildNodes(node, options);\n-                return node;\n-            },\n-            \"PropertyName\": function(value) {\n-                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n-                    value: value\n-                });\n-                return node;\n-            },\n-            \"ParameterName\": function(value) {\n-                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n-                    value: value\n-                });\n-                return node;\n+    importSymbol: function(graphicName) {\n+        var id = this.container.id + \"-\" + graphicName;\n+\n+        // check if symbol already exists in the cache\n+        var cache = this.symbolCache[id];\n+        if (cache) {\n+            return cache;\n+        }\n+\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n+        }\n+\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var pathitems = [\"m\"];\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            var x = symbol[i];\n+            var y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n+\n+            pathitems.push(x);\n+            pathitems.push(y);\n+            if (i == 0) {\n+                pathitems.push(\"l\");\n             }\n         }\n+        pathitems.push(\"x e\");\n+        var path = pathitems.join(\" \");\n+\n+        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n+        if (diff > 0) {\n+            symbolExtent.bottom = symbolExtent.bottom - diff;\n+            symbolExtent.top = symbolExtent.top + diff;\n+        } else {\n+            symbolExtent.left = symbolExtent.left + diff;\n+            symbolExtent.right = symbolExtent.right - diff;\n+        }\n+\n+        cache = {\n+            path: path,\n+            size: symbolExtent.getWidth(), // equals getHeight() now\n+            left: symbolExtent.left,\n+            bottom: symbolExtent.bottom\n+        };\n+        this.symbolCache[id] = cache;\n+\n+        return cache;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n+ * {Object}\n+ */\n+OpenLayers.Renderer.VML.LABEL_SHIFT = {\n+    \"l\": 0,\n+    \"c\": .5,\n+    \"r\": 1,\n+    \"t\": 0,\n+    \"m\": .5,\n+    \"b\": 1\n+};\n /* ======================================================================\n     OpenLayers/Events/featureclick.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -80169,5774 +76732,9211 @@\n  * Extension event type for handling leaving a feature. \n  * \n  * Event types provided by this extension:\n  * - featureout \n  */\n OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n /* ======================================================================\n-    OpenLayers/Tile/Image/IFrame.js\n+    OpenLayers/Layer/PointGrid.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Tile/Image.js\n+ * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n  */\n \n /**\n- * Constant: OpenLayers.Tile.Image.IFrame\n- * Mixin for tiles that use form-encoded POST requests to get images from\n- * remote services. Images will be loaded using HTTP-POST into an IFrame.\n+ * Class: OpenLayers.Layer.PointGrid\n+ * A point grid layer dynamically generates a regularly spaced grid of point\n+ *     features.  This is a specialty layer for cases where an application needs\n+ *     a regular grid of points.  It can be used, for example, in an editing\n+ *     environment to snap to a grid.\n  *\n- * This mixin will be applied to <OpenLayers.Tile.Image> instances\n- * configured with <OpenLayers.Tile.Image.maxGetUrlLength> set.\n+ * Create a new vector layer with the <OpenLayers.Layer.PointGrid> constructor.\n+ * (code)\n+ * // create a grid with points spaced at 10 map units\n+ * var points = new OpenLayers.Layer.PointGrid({dx: 10, dy: 10});\n+ *\n+ * // create a grid with different x/y spacing rotated 15 degrees clockwise.\n+ * var points = new OpenLayers.Layer.PointGrid({dx: 5, dy: 10, rotation: 15});\n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector>\n  */\n-OpenLayers.Tile.Image.IFrame = {\n+OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n     /**\n-     * Property: useIFrame\n-     * {Boolean} true if we are currently using an IFrame to render POST\n-     * responses, false if we are using an img element to render GET responses.\n+     * APIProperty: dx\n+     * {Number} Point grid spacing in the x-axis direction (map units).  \n+     * Read-only.  Use the <setSpacing> method to modify this value.\n      */\n-    useIFrame: null,\n+    dx: null,\n \n     /**\n-     * Property: blankImageUrl\n-     * {String} Using a data scheme url is not supported by all browsers, but\n-     * we don't care because we either set it as css backgroundImage, or the\n-     * image's display style is set to \"none\" when we use it.\n+     * APIProperty: dy\n+     * {Number} Point grid spacing in the y-axis direction (map units).  \n+     * Read-only.  Use the <setSpacing> method to modify this value.\n      */\n-    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n+    dy: null,\n \n     /**\n-     * Method: draw\n-     * Set useIFrame in the instance, and operate the image/iframe switch.\n-     * Then call Tile.Image.draw.\n+     * APIProperty: ratio\n+     * {Number} Ratio of the desired grid size to the map viewport size.  \n+     * Default is 1.5.  Larger ratios mean the grid is recalculated less often \n+     * while panning.  The <maxFeatures> setting has precedence when determining\n+     * grid size.  Read-only.  Use the <setRatio> method to modify this value.\n+     */\n+    ratio: 1.5,\n+\n+    /**\n+     * APIProperty: maxFeatures\n+     * {Number} The maximum number of points to generate in the grid.  Default\n+     * is 250.  Read-only.  Use the <setMaxFeatures> method to modify this value.\n+     */\n+    maxFeatures: 250,\n+\n+    /**\n+     * APIProperty: rotation\n+     * {Number} Grid rotation (in degrees clockwise from the positive x-axis).\n+     * Default is 0.  Read-only.  Use the <setRotation> method to modify this\n+     * value.\n+     */\n+    rotation: 0,\n+\n+    /**\n+     * APIProperty: origin\n+     * {<OpenLayers.LonLat>} Grid origin.  The grid lattice will be aligned with \n+     * the origin.  If not set at construction, the center of the map's maximum \n+     * extent is used.  Read-only.  Use the <setOrigin> method to modify this \n+     * value.\n+     */\n+    origin: null,\n+\n+    /**\n+     * Property: gridBounds\n+     * {<OpenLayers.Bounds>}  Internally cached grid bounds (with optional \n+     * rotation applied).\n+     */\n+    gridBounds: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.PointGrid\n+     * Creates a new point grid layer.\n      *\n-     * Returns:\n-     * {Boolean}\n+     * Parameters:\n+     * config - {Object} An object containing all configuration properties for\n+     *     the layer.  The <dx> and <dy> properties are required to be set at \n+     *     construction.  Any other layer properties may be set in this object.\n      */\n-    draw: function() {\n-        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n-        if (draw) {\n+    initialize: function(config) {\n+        config = config || {};\n+        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config]);\n+    },\n \n-            // this.url isn't set to the currect value yet, so we call getURL\n-            // on the layer and store the result in a local variable\n-            var url = this.layer.getURL(this.bounds);\n+    /** \n+     * Method: setMap\n+     * The layer has been added to the map. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        map.events.register(\"moveend\", this, this.onMoveEnd);\n+    },\n \n-            var usedIFrame = this.useIFrame;\n-            this.useIFrame = this.maxGetUrlLength !== null &&\n-                !this.layer.async &&\n-                url.length > this.maxGetUrlLength;\n+    /**\n+     * Method: removeMap\n+     * The layer has been removed from the map.\n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    removeMap: function(map) {\n+        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    },\n \n-            var fromIFrame = usedIFrame && !this.useIFrame;\n-            var toIFrame = !usedIFrame && this.useIFrame;\n+    /**\n+     * APIMethod: setRatio\n+     * Set the grid <ratio> property and update the grid.  Can only be called\n+     *     after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * ratio - {Number}\n+     */\n+    setRatio: function(ratio) {\n+        this.ratio = ratio;\n+        this.updateGrid(true);\n+    },\n \n-            if (fromIFrame || toIFrame) {\n+    /**\n+     * APIMethod: setMaxFeatures\n+     * Set the grid <maxFeatures> property and update the grid.  Can only be \n+     *     called after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * maxFeatures - {Number}\n+     */\n+    setMaxFeatures: function(maxFeatures) {\n+        this.maxFeatures = maxFeatures;\n+        this.updateGrid(true);\n+    },\n \n-                // Switching between GET (image) and POST (iframe).\n+    /**\n+     * APIMethod: setSpacing\n+     * Set the grid <dx> and <dy> properties and update the grid.  If only one\n+     *     argument is provided, it will be set as <dx> and <dy>.  Can only be \n+     *     called after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * dx - {Number}\n+     * dy - {Number}\n+     */\n+    setSpacing: function(dx, dy) {\n+        this.dx = dx;\n+        this.dy = dy || dx;\n+        this.updateGrid(true);\n+    },\n \n-                // We remove the imgDiv (really either an image or an iframe)\n-                // from the frame and set it to null to make sure initImage\n-                // will call getImage.\n+    /**\n+     * APIMethod: setOrigin\n+     * Set the grid <origin> property and update the grid.  Can only be called\n+     *     after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * origin - {<OpenLayers.LonLat>}\n+     */\n+    setOrigin: function(origin) {\n+        this.origin = origin;\n+        this.updateGrid(true);\n+    },\n \n-                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n-                    this.frame.removeChild(this.imgDiv);\n-                }\n-                this.imgDiv = null;\n+    /**\n+     * APIMethod: getOrigin\n+     * Get the grid <origin> property.\n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} The grid origin.\n+     */\n+    getOrigin: function() {\n+        if (!this.origin) {\n+            this.origin = this.map.getExtent().getCenterLonLat();\n+        }\n+        return this.origin;\n+    },\n \n-                // And if we had an iframe we also remove the event pane.\n+    /**\n+     * APIMethod: setRotation\n+     * Set the grid <rotation> property and update the grid.  Rotation values\n+     *     are in degrees clockwise from the positive x-axis (negative values\n+     *     for counter-clockwise rotation).  Can only be called after the layer \n+     *     has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * rotation - {Number} Degrees clockwise from the positive x-axis.\n+     */\n+    setRotation: function(rotation) {\n+        this.rotation = rotation;\n+        this.updateGrid(true);\n+    },\n \n-                if (fromIFrame) {\n-                    this.frame.removeChild(this.frame.firstChild);\n+    /**\n+     * Method: onMoveEnd\n+     * Listener for map \"moveend\" events.\n+     */\n+    onMoveEnd: function() {\n+        this.updateGrid();\n+    },\n+\n+    /**\n+     * Method: getViewBounds\n+     * Gets the (potentially rotated) view bounds for grid calculations.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n+     */\n+    getViewBounds: function() {\n+        var bounds = this.map.getExtent();\n+        if (this.rotation) {\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var rect = bounds.toGeometry();\n+            rect.rotate(-this.rotation, rotationOrigin);\n+            bounds = rect.getBounds();\n+        }\n+        return bounds;\n+    },\n+\n+    /**\n+     * Method: updateGrid\n+     * Update the grid.\n+     *\n+     * Parameters:\n+     * force - {Boolean} Update the grid even if the previous bounds are still\n+     *     valid.\n+     */\n+    updateGrid: function(force) {\n+        if (force || this.invalidBounds()) {\n+            var viewBounds = this.getViewBounds();\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var viewBoundsWidth = viewBounds.getWidth();\n+            var viewBoundsHeight = viewBounds.getHeight();\n+            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n+            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n+            var maxWidth = maxHeight * aspectRatio;\n+            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n+            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n+            var center = viewBounds.getCenterLonLat();\n+            this.gridBounds = new OpenLayers.Bounds(\n+                center.lon - (gridWidth / 2),\n+                center.lat - (gridHeight / 2),\n+                center.lon + (gridWidth / 2),\n+                center.lat + (gridHeight / 2)\n+            );\n+            var rows = Math.floor(gridHeight / this.dy);\n+            var cols = Math.floor(gridWidth / this.dx);\n+            var gridLeft = origin.lon + (this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx));\n+            var gridBottom = origin.lat + (this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy));\n+            var features = new Array(rows * cols);\n+            var x, y, point;\n+            for (var i = 0; i < cols; ++i) {\n+                x = gridLeft + (i * this.dx);\n+                for (var j = 0; j < rows; ++j) {\n+                    y = gridBottom + (j * this.dy);\n+                    point = new OpenLayers.Geometry.Point(x, y);\n+                    if (this.rotation) {\n+                        point.rotate(this.rotation, rotationOrigin);\n+                    }\n+                    features[(i * rows) + j] = new OpenLayers.Feature.Vector(point);\n                 }\n             }\n+            this.destroyFeatures(this.features, {\n+                silent: true\n+            });\n+            this.addFeatures(features, {\n+                silent: true\n+            });\n         }\n-        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments);\n     },\n \n     /**\n-     * Method: getImage\n-     * Creates the content for the frame on the tile.\n+     * Method: invalidBounds\n+     * Determine whether the previously generated point grid is invalid. \n+     *     This occurs when the map bounds extends beyond the previously \n+     *     generated grid bounds.\n+     *\n+     * Returns:\n+     * {Boolean} \n      */\n-    getImage: function() {\n-        if (this.useIFrame === true) {\n-            if (!this.frame.childNodes.length) {\n-                var eventPane = document.createElement(\"div\"),\n-                    style = eventPane.style;\n-                style.position = \"absolute\";\n-                style.width = \"100%\";\n-                style.height = \"100%\";\n-                style.zIndex = 1;\n-                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n-                this.frame.appendChild(eventPane);\n-            }\n+    invalidBounds: function() {\n+        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds());\n+    },\n \n-            var id = this.id + '_iFrame',\n-                iframe;\n-            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n-                // Older IE versions do not set the name attribute of an iFrame \n-                // properly via DOM manipulation, so we need to do it on our own with\n-                // this hack.\n-                iframe = document.createElement('<iframe name=\"' + id + '\">');\n+    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n \n-                // IFrames in older IE versions are not transparent, if you set\n-                // the backgroundColor transparent. This is a workaround to get \n-                // transparent iframes.\n-                iframe.style.backgroundColor = '#FFFFFF';\n-                iframe.style.filter = 'chroma(color=#FFFFFF)';\n-            } else {\n-                iframe = document.createElement('iframe');\n-                iframe.style.backgroundColor = 'transparent';\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/WorldWind.js\n+   ====================================================================== */\n \n-                // iframe.name needs to be an unique id, otherwise it \n-                // could happen that other iframes are overwritten.\n-                iframe.name = id;\n-            }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-            // some special properties to avoid scaling the images and scrollbars \n-            // in the iframe\n-            iframe.scrolling = 'no';\n-            iframe.marginWidth = '0px';\n-            iframe.marginHeight = '0px';\n-            iframe.frameBorder = '0';\n \n-            iframe.style.position = \"absolute\";\n-            iframe.style.width = \"100%\";\n-            iframe.style.height = \"100%\";\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n \n-            if (this.layer.opacity < 1) {\n-                OpenLayers.Util.modifyDOMElement(iframe, null, null, null,\n-                    null, null, null, this.layer.opacity);\n-            }\n-            this.frame.appendChild(iframe);\n-            this.imgDiv = iframe;\n-            return iframe;\n+/**\n+ * Class: OpenLayers.Layer.WorldWind\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n+    DEFAULT_PARAMS: {},\n+\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} WorldWind layer is a base layer by default.\n+     */\n+    isBaseLayer: true,\n+\n+    /** \n+     * APIProperty: lzd\n+     * {Float} LevelZeroTileSizeDegrees\n+     */\n+    lzd: null,\n+\n+    /**\n+     * APIProperty: zoomLevels\n+     * {Integer} Number of zoom levels.\n+     */\n+    zoomLevels: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.WorldWind\n+     * \n+     * Parameters:\n+     * name - {String} Name of Layer\n+     * url - {String} Base URL  \n+     * lzd - {Float} Level zero tile size degrees \n+     * zoomLevels - {Integer} number of zoom levels\n+     * params - {Object} additional parameters\n+     * options - {Object} additional options\n+     */\n+    initialize: function(name, url, lzd, zoomLevels, params, options) {\n+        this.lzd = lzd;\n+        this.zoomLevels = zoomLevels;\n+        var newArguments = [];\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        this.params = OpenLayers.Util.applyDefaults(\n+            this.params, this.DEFAULT_PARAMS\n+        );\n+    },\n+\n+    /**\n+     * Method: getZoom\n+     * Convert map zoom to WW zoom.\n+     */\n+    getZoom: function() {\n+        var zoom = this.map.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n+        return zoom;\n+    },\n+\n+    /**\n+     * Method: getURL\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *           passed-in bounds and appropriate tile size specified as \n+     *           parameters\n+     */\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var zoom = this.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        var deg = this.lzd / Math.pow(2, this.getZoom());\n+        var x = Math.floor((bounds.left - extent.left) / deg);\n+        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n+        if (this.map.getResolution() <= (this.lzd / 512) &&\n+            this.getZoom() <= this.zoomLevels) {\n+            return this.getFullRequestString({\n+                L: zoom,\n+                X: x,\n+                Y: y\n+            });\n         } else {\n-            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments);\n+            return OpenLayers.Util.getImageLocation(\"blank.gif\");\n         }\n+\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/Markers.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.Markers\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer> \n+ */\n+OpenLayers.Layer.Markers = OpenLayers.Class(OpenLayers.Layer, {\n+\n+    /** \n+     * APIProperty: isBaseLayer \n+     * {Boolean} Markers layer is never a base layer.  \n+     */\n+    isBaseLayer: false,\n+\n+    /** \n+     * APIProperty: markers \n+     * {Array(<OpenLayers.Marker>)} internal marker list \n+     */\n+    markers: null,\n+\n+\n+    /** \n+     * Property: drawn \n+     * {Boolean} internal state of drawing. This is a workaround for the fact\n+     * that the map does not call moveTo with a zoomChanged when the map is\n+     * first starting up. This lets us catch the case where we have *never*\n+     * drawn the layer, and draw it even if the zoom hasn't changed.\n+     */\n+    drawn: false,\n+\n     /**\n-     * Method: createRequestForm\n-     * Create the html <form> element with width, height, bbox and all \n-     * parameters specified in the layer params.\n+     * Constructor: OpenLayers.Layer.Markers \n+     * Create a Markers layer.\n      *\n-     * Returns: \n-     * {DOMElement} The form element which sends the HTTP-POST request to the\n-     *              WMS. \n+     * Parameters:\n+     * name - {String} \n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    createRequestForm: function() {\n-        // creation of the form element\n-        var form = document.createElement('form');\n-        form.method = 'POST';\n-        var cacheId = this.layer.params[\"_OLSALT\"];\n-        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n-        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n-        form.target = this.id + '_iFrame';\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        this.markers = [];\n+    },\n \n-        // adding all parameters in layer params as hidden fields to the html\n-        // form element\n-        var imageSize = this.layer.getImageSize(),\n-            params = OpenLayers.Util.getParameters(this.url),\n-            field;\n+    /**\n+     * APIMethod: destroy \n+     */\n+    destroy: function() {\n+        this.clearMarkers();\n+        this.markers = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+    },\n \n-        for (var par in params) {\n-            field = document.createElement('input');\n-            field.type = 'hidden';\n-            field.name = par;\n-            field.value = params[par];\n-            form.appendChild(field);\n+    /**\n+     * APIMethod: setOpacity\n+     * Sets the opacity for all the markers.\n+     * \n+     * Parameters:\n+     * opacity - {Float}\n+     */\n+    setOpacity: function(opacity) {\n+        if (opacity != this.opacity) {\n+            this.opacity = opacity;\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                this.markers[i].setOpacity(this.opacity);\n+            }\n         }\n+    },\n \n-        return form;\n+    /** \n+     * Method: moveTo\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * zoomChanged - {Boolean} \n+     * dragging - {Boolean} \n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+\n+        if (zoomChanged || !this.drawn) {\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                this.drawMarker(this.markers[i]);\n+            }\n+            this.drawn = true;\n+        }\n     },\n \n     /**\n-     * Method: setImgSrc\n-     * Sets the source for the tile image\n+     * APIMethod: addMarker\n      *\n      * Parameters:\n-     * url - {String}\n+     * marker - {<OpenLayers.Marker>} \n      */\n-    setImgSrc: function(url) {\n-        if (this.useIFrame === true) {\n-            if (url) {\n-                var form = this.createRequestForm();\n-                this.frame.appendChild(form);\n-                form.submit();\n-                this.frame.removeChild(form);\n-            } else if (this.imgDiv.parentNode === this.frame) {\n-                // we don't reuse iframes to avoid caching issues\n-                this.frame.removeChild(this.imgDiv);\n-                this.imgDiv = null;\n-            }\n-        } else {\n-            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments);\n+    addMarker: function(marker) {\n+        this.markers.push(marker);\n+\n+        if (this.opacity < 1) {\n+            marker.setOpacity(this.opacity);\n+        }\n+\n+        if (this.map && this.map.getExtent()) {\n+            marker.map = this.map;\n+            this.drawMarker(marker);\n         }\n     },\n \n     /**\n-     * Method: onImageLoad\n-     * Handler for the image onload event\n+     * APIMethod: removeMarker\n+     *\n+     * Parameters:\n+     * marker - {<OpenLayers.Marker>} \n      */\n-    onImageLoad: function() {\n-        //TODO de-uglify opacity handling\n-        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n-        if (this.useIFrame === true) {\n-            this.imgDiv.style.opacity = 1;\n-            this.frame.style.opacity = this.layer.opacity;\n+    removeMarker: function(marker) {\n+        if (this.markers && this.markers.length) {\n+            OpenLayers.Util.removeItem(this.markers, marker);\n+            marker.erase();\n         }\n     },\n \n     /**\n-     * Method: createBackBuffer\n-     * Override createBackBuffer to do nothing when we use an iframe. Moving an\n-     * iframe from one element to another makes it necessary to reload the iframe\n-     * because its content is lost. So we just give up.\n+     * Method: clearMarkers\n+     * This method removes all markers from a layer. The markers are not\n+     * destroyed by this function, but are removed from the list of markers.\n+     */\n+    clearMarkers: function() {\n+        if (this.markers != null) {\n+            while (this.markers.length > 0) {\n+                this.removeMarker(this.markers[0]);\n+            }\n+        }\n+    },\n+\n+    /** \n+     * Method: drawMarker\n+     * Calculate the pixel location for the marker, create it, and \n+     *    add it to the layer's div\n      *\n+     * Parameters:\n+     * marker - {<OpenLayers.Marker>} \n+     */\n+    drawMarker: function(marker) {\n+        var px = this.map.getLayerPxFromLonLat(marker.lonlat);\n+        if (px == null) {\n+            marker.display(false);\n+        } else {\n+            if (!marker.isDrawn()) {\n+                var markerImg = marker.draw(px);\n+                this.div.appendChild(markerImg);\n+            } else if (marker.icon) {\n+                marker.icon.moveTo(px);\n+            }\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: getDataExtent\n+     * Calculates the max extent which includes all of the markers.\n+     * \n      * Returns:\n-     * {DOMElement}\n+     * {<OpenLayers.Bounds>}\n      */\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.useIFrame === false) {\n-            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this);\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+\n+        if (this.markers && (this.markers.length > 0)) {\n+            var maxExtent = new OpenLayers.Bounds();\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                var marker = this.markers[i];\n+                maxExtent.extend(marker.lonlat);\n+            }\n         }\n-        return backBuffer;\n-    }\n-};\n+\n+        return maxExtent;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Markers\"\n+});\n /* ======================================================================\n-    OpenLayers/Renderer/Elements.js\n+    OpenLayers/Layer/Text.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/Layer/Markers.js\n+ * @requires OpenLayers/Format/Text.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n  */\n \n /**\n- * Class: OpenLayers.ElementsIndexer\n- * This class takes care of figuring out which order elements should be\n- *     placed in the DOM based on given indexing methods. \n+ * Class: OpenLayers.Layer.Text\n+ * This layer creates markers given data in a text file.  The <location>\n+ *     property of the layer (specified as a property of the options argument\n+ *     in the <OpenLayers.Layer.Text> constructor) points to a tab delimited\n+ *     file with data used to create markers.\n+ *\n+ * The first row of the data file should be a header line with the column names\n+ *     of the data. Each column should be delimited by a tab space. The\n+ *     possible columns are:\n+ *      - *point* lat,lon of the point where a marker is to be placed\n+ *      - *lat*  Latitude of the point where a marker is to be placed\n+ *      - *lon*  Longitude of the point where a marker is to be placed\n+ *      - *icon* or *image* URL of marker icon to use.\n+ *      - *iconSize* Size of Icon to use.\n+ *      - *iconOffset* Where the top-left corner of the icon is to be placed\n+ *            relative to the latitude and longitude of the point.\n+ *      - *title* The text of the 'title' is placed inside an 'h2' marker\n+ *            inside a popup, which opens when the marker is clicked.\n+ *      - *description* The text of the 'description' is placed below the h2\n+ *            in the popup. this can be plain text or HTML.\n+ *\n+ * Example text file:\n+ * (code)\n+ * lat\tlon\ttitle\tdescription\ticonSize\ticonOffset\ticon\n+ * 10\t20\ttitle\tdescription\t21,25\t\t-10,-25\t\thttp://www.openlayers.org/dev/img/marker.png\n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.ElementsIndexer = OpenLayers.Class({\n+OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n \n     /**\n-     * Property: maxZIndex\n-     * {Integer} This is the largest-most z-index value for a node\n-     *     contained within the indexer.\n+     * APIProperty: location \n+     * {String} URL of text file.  Must be specified in the \"options\" argument\n+     *   of the constructor. Can not be changed once passed in. \n      */\n-    maxZIndex: null,\n+    location: null,\n \n-    /**\n-     * Property: order\n-     * {Array<String>} This is an array of node id's stored in the\n-     *     order that they should show up on screen. Id's higher up in the\n-     *     array (higher array index) represent nodes with higher z-indeces.\n+    /** \n+     * Property: features\n+     * {Array(<OpenLayers.Feature>)} \n      */\n-    order: null,\n+    features: null,\n \n     /**\n-     * Property: indices\n-     * {Object} This is a hash that maps node ids to their z-index value\n-     *     stored in the indexer. This is done to make finding a nodes z-index \n-     *     value O(1).\n+     * APIProperty: formatOptions\n+     * {Object} Hash of options which should be passed to the format when it is\n+     * created. Must be passed in the constructor.\n      */\n-    indices: null,\n+    formatOptions: null,\n \n-    /**\n-     * Property: compare\n-     * {Function} This is the function used to determine placement of\n-     *     of a new node within the indexer. If null, this defaults to to\n-     *     the Z_ORDER_DRAWING_ORDER comparison method.\n+    /** \n+     * Property: selectedFeature\n+     * {<OpenLayers.Feature>}\n      */\n-    compare: null,\n+    selectedFeature: null,\n \n     /**\n-     * APIMethod: initialize\n-     * Create a new indexer with \n+     * Constructor: OpenLayers.Layer.Text\n+     * Create a text layer.\n      * \n      * Parameters:\n-     * yOrdering - {Boolean} Whether to use y-ordering.\n+     * name - {String} \n+     * options - {Object} Object with properties to be set on the layer.\n+     *     Must include <location> property.\n      */\n-    initialize: function(yOrdering) {\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n+        this.features = [];\n+    },\n \n-        this.compare = yOrdering ?\n-            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER :\n-            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n+    /**\n+     * APIMethod: destroy \n+     */\n+    destroy: function() {\n+        // Warning: Layer.Markers.destroy() must be called prior to calling\n+        // clearFeatures() here, otherwise we leak memory. Indeed, if\n+        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n+        // able to remove the marker image elements from the layer's div since\n+        // the markers will have been destroyed by clearFeatures().\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null;\n+    },\n \n-        this.clear();\n+    /**\n+     * Method: loadText\n+     * Start the load of the Text data. Don't do this when we first add the layer,\n+     * since we may not be visible at any point, and it would therefore be a waste.\n+     */\n+    loadText: function() {\n+        if (!this.loaded) {\n+            if (this.location != null) {\n+\n+                var onFail = function(e) {\n+                    this.events.triggerEvent(\"loadend\");\n+                };\n+\n+                this.events.triggerEvent(\"loadstart\");\n+                OpenLayers.Request.GET({\n+                    url: this.location,\n+                    success: this.parseData,\n+                    failure: onFail,\n+                    scope: this\n+                });\n+                this.loaded = true;\n+            }\n+        }\n     },\n \n     /**\n-     * APIMethod: insert\n-     * Insert a new node into the indexer. In order to find the correct \n-     *     positioning for the node to be inserted, this method uses a binary \n-     *     search. This makes inserting O(log(n)). \n+     * Method: moveTo\n+     * If layer is visible and Text has not been loaded, load Text. \n      * \n      * Parameters:\n-     * newNode - {DOMElement} The new node to be inserted.\n-     * \n-     * Returns\n-     * {DOMElement} the node before which we should insert our newNode, or\n-     *     null if newNode can just be appended.\n+     * bounds - {Object} \n+     * zoomChanged - {Object} \n+     * minor - {Object} \n      */\n-    insert: function(newNode) {\n-        // If the node is known to the indexer, remove it so we can\n-        // recalculate where it should go.\n-        if (this.exists(newNode)) {\n-            this.remove(newNode);\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadText();\n         }\n+    },\n \n-        var nodeId = newNode.id;\n+    /**\n+     * Method: parseData\n+     *\n+     * Parameters:\n+     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     */\n+    parseData: function(ajaxRequest) {\n+        var text = ajaxRequest.responseText;\n \n-        this.determineZIndex(newNode);\n+        var options = {};\n \n-        var leftIndex = -1;\n-        var rightIndex = this.order.length;\n-        var middle;\n+        OpenLayers.Util.extend(options, this.formatOptions);\n \n-        while (rightIndex - leftIndex > 1) {\n-            middle = parseInt((leftIndex + rightIndex) / 2);\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject();\n+        }\n \n-            var placement = this.compare(this, newNode,\n-                OpenLayers.Util.getElement(this.order[middle]));\n+        var parser = new OpenLayers.Format.Text(options);\n+        var features = parser.read(text);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            var location;\n+            var iconSize, iconOffset;\n \n-            if (placement > 0) {\n-                leftIndex = middle;\n+            location = new OpenLayers.LonLat(feature.geometry.x,\n+                feature.geometry.y);\n+\n+            if (feature.style.graphicWidth &&\n+                feature.style.graphicHeight) {\n+                iconSize = new OpenLayers.Size(\n+                    feature.style.graphicWidth,\n+                    feature.style.graphicHeight);\n+            }\n+\n+            // FIXME: At the moment, we only use this if we have an \n+            // externalGraphic, because icon has no setOffset API Method.\n+            /**\n+             * FIXME FIRST!!\n+             * The Text format does all sorts of parseFloating\n+             * The result of a parseFloat for a bogus string is NaN.  That\n+             * means the three possible values here are undefined, NaN, or a\n+             * number.  The previous check was an identity check for null.  This\n+             * means it was failing for all undefined or NaN.  A slightly better\n+             * check is for undefined.  An even better check is to see if the\n+             * value is a number (see #1441).\n+             */\n+            if (feature.style.graphicXOffset !== undefined &&\n+                feature.style.graphicYOffset !== undefined) {\n+                iconOffset = new OpenLayers.Pixel(\n+                    feature.style.graphicXOffset,\n+                    feature.style.graphicYOffset);\n+            }\n+\n+            if (feature.style.externalGraphic != null) {\n+                data.icon = new OpenLayers.Icon(feature.style.externalGraphic,\n+                    iconSize,\n+                    iconOffset);\n             } else {\n-                rightIndex = middle;\n+                data.icon = OpenLayers.Marker.defaultIcon();\n+\n+                //allows for the case where the image url is not \n+                // specified but the size is. use a default icon\n+                // but change the size\n+                if (iconSize != null) {\n+                    data.icon.setSize(iconSize);\n+                }\n             }\n-        }\n \n-        this.order.splice(rightIndex, 0, nodeId);\n-        this.indices[nodeId] = this.getZIndex(newNode);\n+            if ((feature.attributes.title != null) &&\n+                (feature.attributes.description != null)) {\n+                data['popupContentHTML'] =\n+                    '<h2>' + feature.attributes.title + '</h2>' +\n+                    '<p>' + feature.attributes.description + '</p>';\n+            }\n \n-        // If the new node should be before another in the index\n-        // order, return the node before which we have to insert the new one;\n-        // else, return null to indicate that the new node can be appended.\n-        return this.getNextElement(rightIndex);\n+            data['overflow'] = feature.attributes.overflow || \"auto\";\n+\n+            var markerFeature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(markerFeature);\n+            var marker = markerFeature.createMarker();\n+            if ((feature.attributes.title != null) &&\n+                (feature.attributes.description != null)) {\n+                marker.events.register('click', markerFeature, this.markerClick);\n+            }\n+            this.addMarker(marker);\n+        }\n+        this.events.triggerEvent(\"loadend\");\n     },\n \n     /**\n-     * APIMethod: remove\n+     * Property: markerClick\n      * \n      * Parameters:\n-     * node - {DOMElement} The node to be removed.\n+     * evt - {Event} \n+     *\n+     * Context:\n+     * - {<OpenLayers.Feature>}\n      */\n-    remove: function(node) {\n-        var nodeId = node.id;\n-        var arrayIndex = OpenLayers.Util.indexOf(this.order, nodeId);\n-        if (arrayIndex >= 0) {\n-            // Remove it from the order array, as well as deleting the node\n-            // from the indeces hash.\n-            this.order.splice(arrayIndex, 1);\n-            delete this.indices[nodeId];\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = (this == this.layer.selectedFeature);\n+        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i]);\n+        }\n+        if (!sameMarkerClicked) {\n+            this.layer.map.addPopup(this.createPopup());\n+        }\n+        OpenLayers.Event.stop(evt);\n+    },\n \n-            // Reset the maxium z-index based on the last item in the \n-            // order array.\n-            if (this.order.length > 0) {\n-                var lastId = this.order[this.order.length - 1];\n-                this.maxZIndex = this.indices[lastId];\n-            } else {\n-                this.maxZIndex = 0;\n+    /**\n+     * Method: clearFeatures\n+     */\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy();\n             }\n         }\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Text\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/WMTS.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.WMTS\n+ * Instances of the WMTS class allow viewing of tiles from a service that \n+ *     implements the OGC WMTS specification version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n     /**\n-     * APIMethod: clear\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer will be considered a base layer.  Default is true.\n      */\n-    clear: function() {\n-        this.order = [];\n-        this.indices = {};\n-        this.maxZIndex = 0;\n+    isBaseLayer: true,\n+\n+    /**\n+     * Property: version\n+     * {String} WMTS version.  Default is \"1.0.0\".\n+     */\n+    version: \"1.0.0\",\n+\n+    /**\n+     * APIProperty: requestEncoding\n+     * {String} Request encoding.  Can be \"REST\" or \"KVP\".  Default is \"KVP\".\n+     */\n+    requestEncoding: \"KVP\",\n+\n+    /**\n+     * APIProperty: url\n+     * {String|Array(String)} The base URL or request URL template for the WMTS\n+     * service. Must be provided. Array is only supported for base URLs, not\n+     * for request URL templates. URL templates are only supported for\n+     * REST <requestEncoding>.\n+     */\n+    url: null,\n+\n+    /**\n+     * APIProperty: layer\n+     * {String} The layer identifier advertised by the WMTS service.  Must be \n+     *     provided.\n+     */\n+    layer: null,\n+\n+    /** \n+     * APIProperty: matrixSet\n+     * {String} One of the advertised matrix set identifiers.  Must be provided.\n+     */\n+    matrixSet: null,\n+\n+    /** \n+     * APIProperty: style\n+     * {String} One of the advertised layer styles.  Must be provided.\n+     */\n+    style: null,\n+\n+    /** \n+     * APIProperty: format\n+     * {String} The image MIME type.  Default is \"image/jpeg\".\n+     */\n+    format: \"image/jpeg\",\n+\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} The top-left corner of the tile matrix in map \n+     *     units.  If the tile origin for each matrix in a set is different,\n+     *     the <matrixIds> should include a topLeftCorner property.  If\n+     *     not provided, the tile origin will default to the top left corner\n+     *     of the layer <maxExtent>.\n+     */\n+    tileOrigin: null,\n+\n+    /**\n+     * APIProperty: tileFullExtent\n+     * {<OpenLayers.Bounds>}  The full extent of the tile set.  If not supplied,\n+     *     the layer's <maxExtent> property will be used.\n+     */\n+    tileFullExtent: null,\n+\n+    /**\n+     * APIProperty: formatSuffix\n+     * {String} For REST request encoding, an image format suffix must be \n+     *     included in the request.  If not provided, the suffix will be derived\n+     *     from the <format> property.\n+     */\n+    formatSuffix: null,\n+\n+    /**\n+     * APIProperty: matrixIds\n+     * {Array} A list of tile matrix identifiers.  If not provided, the matrix\n+     *     identifiers will be assumed to be integers corresponding to the \n+     *     map zoom level.  If a list of strings is provided, each item should\n+     *     be the matrix identifier that corresponds to the map zoom level.\n+     *     Additionally, a list of objects can be provided.  Each object should\n+     *     describe the matrix as presented in the WMTS capabilities.  These\n+     *     objects should have the propertes shown below.\n+     * \n+     * Matrix properties:\n+     * identifier - {String} The matrix identifier (required).\n+     * scaleDenominator - {Number} The matrix scale denominator.\n+     * topLeftCorner - {<OpenLayers.LonLat>} The top left corner of the \n+     *     matrix.  Must be provided if different than the layer <tileOrigin>.\n+     * tileWidth - {Number} The tile width for the matrix.  Must be provided \n+     *     if different than the width given in the layer <tileSize>.\n+     * tileHeight - {Number} The tile height for the matrix.  Must be provided \n+     *     if different than the height given in the layer <tileSize>.\n+     */\n+    matrixIds: null,\n+\n+    /**\n+     * APIProperty: dimensions\n+     * {Array} For RESTful request encoding, extra dimensions may be specified.\n+     *     Items in this list should be property names in the <params> object.\n+     *     Values of extra dimensions will be determined from the corresponding\n+     *     values in the <params> object.\n+     */\n+    dimensions: null,\n+\n+    /**\n+     * APIProperty: params\n+     * {Object} Extra parameters to include in tile requests.  For KVP \n+     *     <requestEncoding>, these properties will be encoded in the request \n+     *     query string.  For REST <requestEncoding>, these properties will\n+     *     become part of the request path, with order determined by the \n+     *     <dimensions> list.\n+     */\n+    params: null,\n+\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Additionally, if this layer is to be used\n+     *     as an overlay and the cache has fewer zoom levels than the base\n+     *     layer, you can supply a negative zoomOffset.  For example, if a\n+     *     map zoom level of 1 corresponds to your cache level zero, you would\n+     *     supply a -1 zoomOffset (and set the maxResolution of the layer\n+     *     appropriately).  The zoomOffset value has no effect if complete\n+     *     matrix definitions (including scaleDenominator) are supplied in\n+     *     the <matrixIds> property.  Defaults to 0 (no zoom offset).\n+     */\n+    zoomOffset: 0,\n+\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n+\n+    /**\n+     * Property: formatSuffixMap\n+     * {Object} a map between WMTS 'format' request parameter and tile image file suffix\n+     */\n+    formatSuffixMap: {\n+        \"image/png\": \"png\",\n+        \"image/png8\": \"png\",\n+        \"image/png24\": \"png\",\n+        \"image/png32\": \"png\",\n+        \"png\": \"png\",\n+        \"image/jpeg\": \"jpg\",\n+        \"image/jpg\": \"jpg\",\n+        \"jpeg\": \"jpg\",\n+        \"jpg\": \"jpg\"\n     },\n \n     /**\n-     * APIMethod: exists\n+     * Property: matrix\n+     * {Object} Matrix definition for the current map resolution.  Updated by\n+     *     the <updateMatrixProperties> method.\n+     */\n+    matrix: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.WMTS\n+     * Create a new WMTS layer.\n+     *\n+     * Example:\n+     * (code)\n+     * var wmts = new OpenLayers.Layer.WMTS({\n+     *     name: \"My WMTS Layer\",\n+     *     url: \"http://example.com/wmts\", \n+     *     layer: \"layer_id\",\n+     *     style: \"default\",\n+     *     matrixSet: \"matrix_id\"\n+     * });\n+     * (end)\n      *\n      * Parameters:\n-     * node - {DOMElement} The node to test for existence.\n+     * config - {Object} Configuration properties for the layer.\n      *\n-     * Returns:\n-     * {Boolean} Whether or not the node exists in the indexer?\n+     * Required configuration properties:\n+     * url - {String} The base url for the service.  See the <url> property.\n+     * layer - {String} The layer identifier.  See the <layer> property.\n+     * style - {String} The layer style identifier.  See the <style> property.\n+     * matrixSet - {String} The tile matrix set identifier.  See the <matrixSet>\n+     *     property.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n      */\n-    exists: function(node) {\n-        return (this.indices[node.id] != null);\n+    initialize: function(config) {\n+\n+        // confirm required properties are supplied\n+        var required = {\n+            url: true,\n+            layer: true,\n+            style: true,\n+            matrixSet: true\n+        };\n+        for (var prop in required) {\n+            if (!(prop in config)) {\n+                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\");\n+            }\n+        }\n+\n+        config.params = OpenLayers.Util.upperCaseObject(config.params);\n+        var args = [config.name, config.url, config.params, config];\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n+\n+\n+        // determine format suffix (for REST)\n+        if (!this.formatSuffix) {\n+            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop();\n+        }\n+\n+        // expand matrixIds (may be array of string or array of object)\n+        if (this.matrixIds) {\n+            var len = this.matrixIds.length;\n+            if (len && typeof this.matrixIds[0] === \"string\") {\n+                var ids = this.matrixIds;\n+                this.matrixIds = new Array(len);\n+                for (var i = 0; i < len; ++i) {\n+                    this.matrixIds[i] = {\n+                        identifier: ids[i]\n+                    };\n+                }\n+            }\n+        }\n+\n     },\n \n     /**\n-     * APIMethod: getZIndex\n-     * Get the z-index value for the current node from the node data itself.\n-     * \n-     * Parameters:\n-     * node - {DOMElement} The node whose z-index to get.\n-     * \n-     * Returns:\n-     * {Integer} The z-index value for the specified node (from the node \n-     *     data itself).\n+     * Method: setMap\n      */\n-    getZIndex: function(node) {\n-        return node._style.graphicZIndex;\n+    setMap: function() {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: determineZIndex\n-     * Determine the z-index for the current node if there isn't one, \n-     *     and set the maximum value if we've found a new maximum.\n+     * Method: updateMatrixProperties\n+     * Called when map resolution changes to update matrix related properties.\n+     */\n+    updateMatrixProperties: function() {\n+        this.matrix = this.getMatrix();\n+        if (this.matrix) {\n+            if (this.matrix.topLeftCorner) {\n+                this.tileOrigin = this.matrix.topLeftCorner;\n+            }\n+            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n+                this.tileSize = new OpenLayers.Size(\n+                    this.matrix.tileWidth, this.matrix.tileHeight\n+                );\n+            }\n+            if (!this.tileOrigin) {\n+                this.tileOrigin = new OpenLayers.LonLat(\n+                    this.maxExtent.left, this.maxExtent.top\n+                );\n+            }\n+            if (!this.tileFullExtent) {\n+                this.tileFullExtent = this.maxExtent;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: moveTo\n      * \n      * Parameters:\n-     * node - {DOMElement} \n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+     *     do some init work in that case.\n+     * dragging - {Boolean}\n      */\n-    determineZIndex: function(node) {\n-        var zIndex = node._style.graphicZIndex;\n-\n-        // Everything must have a zIndex. If none is specified,\n-        // this means the user *must* (hint: assumption) want this\n-        // node to succomb to drawing order. To enforce drawing order\n-        // over all indexing methods, we'll create a new z-index that's\n-        // greater than any currently in the indexer.\n-        if (zIndex == null) {\n-            zIndex = this.maxZIndex;\n-            node._style.graphicZIndex = zIndex;\n-        } else if (zIndex > this.maxZIndex) {\n-            this.maxZIndex = zIndex;\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        if (zoomChanged || !this.matrix) {\n+            this.updateMatrixProperties();\n         }\n+        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: getNextElement\n-     * Get the next element in the order stack.\n+     * APIMethod: clone\n      * \n      * Parameters:\n-     * index - {Integer} The index of the current node in this.order.\n+     * obj - {Object}\n      * \n      * Returns:\n-     * {DOMElement} the node following the index passed in, or\n-     *     null.\n+     * {<OpenLayers.Layer.WMTS>} An exact clone of this <OpenLayers.Layer.WMTS>\n      */\n-    getNextElement: function(index) {\n-        var nextIndex = index + 1;\n-        if (nextIndex < this.order.length) {\n-            var nextElement = OpenLayers.Util.getElement(this.order[nextIndex]);\n-            if (nextElement == undefined) {\n-                nextElement = this.getNextElement(nextIndex);\n-            }\n-            return nextElement;\n-        } else {\n-            return null;\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMTS(this.options);\n         }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.ElementsIndexer\"\n-});\n-\n-/**\n- * Namespace: OpenLayers.ElementsIndexer.IndexingMethods\n- * These are the compare methods for figuring out where a new node should be \n- *     placed within the indexer. These methods are very similar to general \n- *     sorting methods in that they return -1, 0, and 1 to specify the \n- *     direction in which new nodes fall in the ordering.\n- */\n-OpenLayers.ElementsIndexer.IndexingMethods = {\n+    /**\n+     * Method: getIdentifier\n+     * Get the current index in the matrixIds array.\n+     */\n+    getIdentifier: function() {\n+        return this.getServerZoom();\n+    },\n \n     /**\n-     * Method: Z_ORDER\n-     * This compare method is used by other comparison methods.\n-     *     It can be used individually for ordering, but is not recommended,\n-     *     because it doesn't subscribe to drawing order.\n-     * \n+     * Method: getMatrix\n+     * Get the appropriate matrix definition for the current map resolution.\n+     */\n+    getMatrix: function() {\n+        var matrix;\n+        if (!this.matrixIds || this.matrixIds.length === 0) {\n+            matrix = {\n+                identifier: this.getIdentifier()\n+            };\n+        } else {\n+            // get appropriate matrix given the map scale if possible\n+            if (\"scaleDenominator\" in this.matrixIds[0]) {\n+                // scale denominator calculation based on WMTS spec\n+                var denom =\n+                    OpenLayers.METERS_PER_INCH *\n+                    OpenLayers.INCHES_PER_UNIT[this.units] *\n+                    this.getServerResolution() / 0.28E-3;\n+                var diff = Number.POSITIVE_INFINITY;\n+                var delta;\n+                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n+                    delta = Math.abs(1 - (this.matrixIds[i].scaleDenominator / denom));\n+                    if (delta < diff) {\n+                        diff = delta;\n+                        matrix = this.matrixIds[i];\n+                    }\n+                }\n+            } else {\n+                // fall back on zoom as index\n+                matrix = this.matrixIds[this.getIdentifier()];\n+            }\n+        }\n+        return matrix;\n+    },\n+\n+    /** \n+     * Method: getTileInfo\n+     * Get tile information for a given location at the current map resolution.\n+     *\n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n-     * \n+     * loc - {<OpenLayers.LonLat} A location in map coordinates.\n+     *\n      * Returns:\n-     * {Integer}\n+     * {Object} An object with \"col\", \"row\", \"i\", and \"j\" properties.  The col\n+     *     and row values are zero based tile indexes from the top left.  The\n+     *     i and j values are the number of pixels to the left and top \n+     *     (respectively) of the given location within the target tile.\n      */\n-    Z_ORDER: function(indexer, newNode, nextNode) {\n-        var newZIndex = indexer.getZIndex(newNode);\n+    getTileInfo: function(loc) {\n+        var res = this.getServerResolution();\n \n-        var returnVal = 0;\n-        if (nextNode) {\n-            var nextZIndex = indexer.getZIndex(nextNode);\n-            returnVal = newZIndex - nextZIndex;\n-        }\n+        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n+        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n \n-        return returnVal;\n+        var col = Math.floor(fx);\n+        var row = Math.floor(fy);\n+\n+        return {\n+            col: col,\n+            row: row,\n+            i: Math.floor((fx - col) * this.tileSize.w),\n+            j: Math.floor((fy - row) * this.tileSize.h)\n+        };\n     },\n \n     /**\n-     * APIMethod: Z_ORDER_DRAWING_ORDER\n-     * This method orders nodes by their z-index, but does so in a way\n-     *     that, if there are other nodes with the same z-index, the newest \n-     *     drawn will be the front most within that z-index. This is the \n-     *     default indexing method.\n+     * Method: getURL\n      * \n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n+     * bounds - {<OpenLayers.Bounds>}\n      * \n      * Returns:\n-     * {Integer}\n+     * {String} A URL for the tile corresponding to the given bounds.\n      */\n-    Z_ORDER_DRAWING_ORDER: function(indexer, newNode, nextNode) {\n-        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n-            indexer,\n-            newNode,\n-            nextNode\n-        );\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var url = \"\";\n+        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n \n-        // Make Z_ORDER subscribe to drawing order by pushing it above\n-        // all of the other nodes with the same z-index.\n-        if (nextNode && returnVal == 0) {\n-            returnVal = 1;\n-        }\n+            var center = bounds.getCenterLonLat();\n+            var info = this.getTileInfo(center);\n+            var matrixId = this.matrix.identifier;\n+            var dimensions = this.dimensions,\n+                params;\n \n-        return returnVal;\n+            if (OpenLayers.Util.isArray(this.url)) {\n+                url = this.selectUrl([\n+                    this.version, this.style, this.matrixSet,\n+                    this.matrix.identifier, info.row, info.col\n+                ].join(\",\"), this.url);\n+            } else {\n+                url = this.url;\n+            }\n+\n+            if (this.requestEncoding.toUpperCase() === \"REST\") {\n+                params = this.params;\n+                if (url.indexOf(\"{\") !== -1) {\n+                    var template = url.replace(/\\{/g, \"${\");\n+                    var context = {\n+                        // spec does not make clear if capital S or not\n+                        style: this.style,\n+                        Style: this.style,\n+                        TileMatrixSet: this.matrixSet,\n+                        TileMatrix: this.matrix.identifier,\n+                        TileRow: info.row,\n+                        TileCol: info.col\n+                    };\n+                    if (dimensions) {\n+                        var dimension, i;\n+                        for (i = dimensions.length - 1; i >= 0; --i) {\n+                            dimension = dimensions[i];\n+                            context[dimension] = params[dimension.toUpperCase()];\n+                        }\n+                    }\n+                    url = OpenLayers.String.format(template, context);\n+                } else {\n+                    // include 'version', 'layer' and 'style' in tile resource url\n+                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n+\n+                    // append optional dimension path elements\n+                    if (dimensions) {\n+                        for (var i = 0; i < dimensions.length; i++) {\n+                            if (params[dimensions[i]]) {\n+                                path = path + params[dimensions[i]] + \"/\";\n+                            }\n+                        }\n+                    }\n+\n+                    // append other required path elements\n+                    path = path + this.matrixSet + \"/\" + this.matrix.identifier +\n+                        \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n+\n+                    if (!url.match(/\\/$/)) {\n+                        url = url + \"/\";\n+                    }\n+                    url = url + path;\n+                }\n+            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+\n+                // assemble all required parameters\n+                params = {\n+                    SERVICE: \"WMTS\",\n+                    REQUEST: \"GetTile\",\n+                    VERSION: this.version,\n+                    LAYER: this.layer,\n+                    STYLE: this.style,\n+                    TILEMATRIXSET: this.matrixSet,\n+                    TILEMATRIX: this.matrix.identifier,\n+                    TILEROW: info.row,\n+                    TILECOL: info.col,\n+                    FORMAT: this.format\n+                };\n+                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params]);\n+\n+            }\n+        }\n+        return url;\n     },\n \n     /**\n-     * APIMethod: Z_ORDER_Y_ORDER\n-     * This one should really be called Z_ORDER_Y_ORDER_DRAWING_ORDER, as it\n-     *     best describes which ordering methods have precedence (though, the \n-     *     name would be too long). This method orders nodes by their z-index, \n-     *     but does so in a way that, if there are other nodes with the same \n-     *     z-index, the nodes with the lower y position will be \"closer\" than \n-     *     those with a higher y position. If two nodes have the exact same y \n-     *     position, however, then this method will revert to using drawing  \n-     *     order to decide placement.\n+     * APIMethod: mergeNewParams\n+     * Extend the existing layer <params> with new properties.  Tiles will be\n+     *     reloaded with updated params in the request.\n      * \n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n-     * \n-     * Returns:\n-     * {Integer}\n+     * newParams - {Object} Properties to extend to existing <params>.\n      */\n-    Z_ORDER_Y_ORDER: function(indexer, newNode, nextNode) {\n-        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n-            indexer,\n-            newNode,\n-            nextNode\n-        );\n-\n-        if (nextNode && returnVal === 0) {\n-            var result = nextNode._boundsBottom - newNode._boundsBottom;\n-            returnVal = (result === 0) ? 1 : result;\n+    mergeNewParams: function(newParams) {\n+        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(\n+                this, [OpenLayers.Util.upperCaseObject(newParams)]\n+            );\n         }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/GeoRSS.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        return returnVal;\n-    }\n-};\n \n /**\n- * Class: OpenLayers.Renderer.Elements\n- * This is another virtual class in that it should never be instantiated by \n- *  itself as a Renderer. It exists because there is *tons* of shared \n- *  functionality between different vector libraries which use nodes/elements\n- *  as a base for rendering vectors. \n- * \n- * The highlevel bits of code that are implemented here are the adding and \n- *  removing of geometries, which is essentially the same for any \n- *  element-based renderer. The details of creating each node and drawing the\n- *  paths are of course different, but the machinery is the same. \n+ * @requires OpenLayers/Layer/Markers.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.GeoRSS\n+ * Add GeoRSS Point features to your map. \n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer>\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.Renderer.Elements = OpenLayers.Class(OpenLayers.Renderer, {\n+OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+\n+    /** \n+     * Property: location \n+     * {String} store url of text file \n+     */\n+    location: null,\n+\n+    /** \n+     * Property: features \n+     * {Array(<OpenLayers.Feature>)} \n+     */\n+    features: null,\n \n     /**\n-     * Property: rendererRoot\n-     * {DOMElement}\n+     * APIProperty: formatOptions\n+     * {Object} Hash of options which should be passed to the format when it is\n+     * created. Must be passed in the constructor.\n      */\n-    rendererRoot: null,\n+    formatOptions: null,\n+\n+    /** \n+     * Property: selectedFeature \n+     * {<OpenLayers.Feature>} \n+     */\n+    selectedFeature: null,\n+\n+    /** \n+     * APIProperty: icon \n+     * {<OpenLayers.Icon>}. This determines the Icon to be used on the map\n+     * for this GeoRSS layer.\n+     */\n+    icon: null,\n \n     /**\n-     * Property: root\n-     * {DOMElement}\n+     * APIProperty: popupSize\n+     * {<OpenLayers.Size>} This determines the size of GeoRSS popups. If \n+     * not provided, defaults to 250px by 120px. \n      */\n-    root: null,\n+    popupSize: null,\n+\n+    /** \n+     * APIProperty: useFeedTitle \n+     * {Boolean} Set layer.name to the first <title> element in the feed. Default is true. \n+     */\n+    useFeedTitle: true,\n \n     /**\n-     * Property: vectorRoot\n-     * {DOMElement}\n+     * Constructor: OpenLayers.Layer.GeoRSS\n+     * Create a GeoRSS Layer.\n+     *\n+     * Parameters:\n+     * name - {String} \n+     * location - {String} \n+     * options - {Object}\n      */\n-    vectorRoot: null,\n+    initialize: function(name, location, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n+        this.location = location;\n+        this.features = [];\n+    },\n \n     /**\n-     * Property: textRoot\n-     * {DOMElement}\n+     * Method: destroy \n      */\n-    textRoot: null,\n+    destroy: function() {\n+        // Warning: Layer.Markers.destroy() must be called prior to calling\n+        // clearFeatures() here, otherwise we leak memory. Indeed, if\n+        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n+        // able to remove the marker image elements from the layer's div since\n+        // the markers will have been destroyed by clearFeatures().\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null;\n+    },\n \n     /**\n-     * Property: xmlns\n-     * {String}\n+     * Method: loadRSS\n+     * Start the load of the RSS data. Don't do this when we first add the layer,\n+     * since we may not be visible at any point, and it would therefore be a waste.\n      */\n-    xmlns: null,\n+    loadRSS: function() {\n+        if (!this.loaded) {\n+            this.events.triggerEvent(\"loadstart\");\n+            OpenLayers.Request.GET({\n+                url: this.location,\n+                success: this.parseData,\n+                scope: this\n+            });\n+            this.loaded = true;\n+        }\n+    },\n \n     /**\n-     * Property: xOffset\n-     * {Number} Offset to apply to the renderer viewport translation in x\n-     * direction. If the renderer extent's center is on the right of the\n-     * dateline (i.e. exceeds the world bounds), we shift the viewport to the\n-     * left by one world width. This avoids that features disappear from the\n-     * map viewport. Because our dateline handling logic in other places\n-     * ensures that extents crossing the dateline always have a center\n-     * exceeding the world bounds on the left, we need this offset to make sure\n-     * that the same is true for the renderer extent in pixel space as well.\n+     * Method: moveTo\n+     * If layer is visible and RSS has not been loaded, load RSS. \n+     * \n+     * Parameters:\n+     * bounds - {Object} \n+     * zoomChanged - {Object} \n+     * minor - {Object} \n      */\n-    xOffset: 0,\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadRSS();\n+        }\n+    },\n \n     /**\n-     * Property: rightOfDateLine\n-     * {Boolean} Keeps track of the location of the map extent relative to the\n-     * date line. The <setExtent> method compares this value (which is the one\n-     * from the previous <setExtent> call) with the current position of the map\n-     * extent relative to the date line and updates the xOffset when the extent\n-     * has moved from one side of the date line to the other.\n+     * Method: parseData\n+     * Parse the data returned from the Events call.\n+     *\n+     * Parameters:\n+     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n      */\n+    parseData: function(ajaxRequest) {\n+        var doc = ajaxRequest.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText);\n+        }\n+\n+        if (this.useFeedTitle) {\n+            var name = null;\n+            try {\n+                name = doc.getElementsByTagNameNS('*', 'title')[0].firstChild.nodeValue;\n+            } catch (e) {\n+                try {\n+                    name = doc.getElementsByTagName('title')[0].firstChild.nodeValue;\n+                } catch (e) {}\n+            }\n+            if (name) {\n+                this.setName(name);\n+            }\n+        }\n+\n+        var options = {};\n+\n+        OpenLayers.Util.extend(options, this.formatOptions);\n+\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject();\n+        }\n+\n+        var format = new OpenLayers.Format.GeoRSS(options);\n+        var features = format.read(doc);\n+\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+\n+            // we don't support features with no geometry in the GeoRSS\n+            // layer at this time. \n+            if (!feature.geometry) {\n+                continue;\n+            }\n+\n+            var title = feature.attributes.title ?\n+                feature.attributes.title : \"Untitled\";\n+\n+            var description = feature.attributes.description ?\n+                feature.attributes.description : \"No description.\";\n+\n+            var link = feature.attributes.link ? feature.attributes.link : \"\";\n+\n+            var location = feature.geometry.getBounds().getCenterLonLat();\n+\n+\n+            data.icon = this.icon == null ?\n+                OpenLayers.Marker.defaultIcon() :\n+                this.icon.clone();\n+\n+            data.popupSize = this.popupSize ?\n+                this.popupSize.clone() :\n+                new OpenLayers.Size(250, 120);\n+\n+            if (title || description) {\n+                // we have supplemental data, store them.\n+                data.title = title;\n+                data.description = description;\n+\n+                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n+                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n+                if (link) {\n+                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">';\n+                }\n+                contentHTML += title;\n+                if (link) {\n+                    contentHTML += '</a>';\n+                }\n+                contentHTML += '</div>';\n+                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n+                contentHTML += description;\n+                contentHTML += '</div>';\n+                data['popupContentHTML'] = contentHTML;\n+            }\n+            var feature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(feature);\n+            var marker = feature.createMarker();\n+            marker.events.register('click', feature, this.markerClick);\n+            this.addMarker(marker);\n+        }\n+        this.events.triggerEvent(\"loadend\");\n+    },\n \n     /**\n-     * Property: Indexer\n-     * {<OpenLayers.ElementIndexer>} An instance of OpenLayers.ElementsIndexer \n-     *     created upon initialization if the zIndexing or yOrdering options\n-     *     passed to this renderer's constructor are set to true.\n+     * Method: markerClick\n+     *\n+     * Parameters:\n+     * evt - {Event} \n      */\n-    indexer: null,\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = (this == this.layer.selectedFeature);\n+        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i]);\n+        }\n+        if (!sameMarkerClicked) {\n+            var popup = this.createPopup();\n+            OpenLayers.Event.observe(popup.div, \"click\",\n+                OpenLayers.Function.bind(function() {\n+                    for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+                        this.layer.map.removePopup(this.layer.map.popups[i]);\n+                    }\n+                }, this)\n+            );\n+            this.layer.map.addPopup(popup);\n+        }\n+        OpenLayers.Event.stop(evt);\n+    },\n \n     /**\n-     * Constant: BACKGROUND_ID_SUFFIX\n-     * {String}\n+     * Method: clearFeatures\n+     * Destroy all features in this layer.\n      */\n-    BACKGROUND_ID_SUFFIX: \"_background\",\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy();\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/XYZ.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/** \n+ * Class: OpenLayers.Layer.XYZ\n+ * The XYZ class is designed to make it easier for people who have tiles\n+ * arranged by a standard XYZ grid. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Constant: LABEL_ID_SUFFIX\n-     * {String}\n+     * APIProperty: isBaseLayer\n+     * Default is true, as this is designed to be a base tile source. \n      */\n-    LABEL_ID_SUFFIX: \"_label\",\n+    isBaseLayer: true,\n \n     /**\n-     * Constant: LABEL_OUTLINE_SUFFIX\n-     * {String}\n+     * APIProperty: sphericalMercator\n+     * Whether the tile extents should be set to the defaults for \n+     *    spherical mercator. Useful for things like OpenStreetMap.\n+     *    Default is false, except for the OSM subclass.\n      */\n-    LABEL_OUTLINE_SUFFIX: \"_outline\",\n+    sphericalMercator: false,\n \n     /**\n-     * Constructor: OpenLayers.Renderer.Elements\n-     * \n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n+\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.XYZ\n+     *\n      * Parameters:\n-     * containerID - {String}\n-     * options - {Object} options for this renderer. \n+     * name - {String}\n+     * url - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options);\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name || this.name, url || this.url, {},\n+            options\n+        ]);\n+    },\n+\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n      *\n-     * Supported options are:\n-     *     yOrdering - {Boolean} Whether to use y-ordering\n-     *     zIndexing - {Boolean} Whether to use z-indexing. Will be ignored\n-     *         if yOrdering is set to true.\n+     * Parameters:\n+     * obj - {Object} Is this ever used?\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n      */\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+    clone: function(obj) {\n \n-        this.rendererRoot = this.createRenderRoot();\n-        this.root = this.createRoot(\"_root\");\n-        this.vectorRoot = this.createRoot(\"_vroot\");\n-        this.textRoot = this.createRoot(\"_troot\");\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name,\n+                this.url,\n+                this.getOptions());\n+        }\n \n-        this.root.appendChild(this.vectorRoot);\n-        this.root.appendChild(this.textRoot);\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-        this.rendererRoot.appendChild(this.root);\n-        this.container.appendChild(this.rendererRoot);\n+        return obj;\n+    },\n \n-        if (options && (options.zIndexing || options.yOrdering)) {\n-            this.indexer = new OpenLayers.ElementsIndexer(options.yOrdering);\n+    /**\n+     * Method: getURL\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n+     */\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = '' + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url);\n         }\n+\n+        return OpenLayers.String.format(url, xyz);\n     },\n \n     /**\n-     * Method: destroy\n+     * Method: getXYZ\n+     * Calculates x, y and z for the given bounds.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {Object} - an object with x, y and z properties.\n      */\n-    destroy: function() {\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) /\n+            (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) /\n+            (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n \n-        this.clear();\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = ((x % limit) + limit) % limit;\n+        }\n \n-        this.rendererRoot = null;\n-        this.root = null;\n-        this.xmlns = null;\n+        return {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        };\n+    },\n \n-        OpenLayers.Renderer.prototype.destroy.apply(this, arguments);\n+    /* APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n+                this.maxExtent.bottom);\n+        }\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/MapServer.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.MapServer\n+ * Instances of OpenLayers.Layer.MapServer are used to display\n+ * data from a MapServer CGI instance.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.MapServer = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n     /**\n-     * Method: clear\n-     * Remove all the elements from the root\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n      */\n-    clear: function() {\n-        var child;\n-        var root = this.vectorRoot;\n-        if (root) {\n-            while (child = root.firstChild) {\n-                root.removeChild(child);\n-            }\n-        }\n-        root = this.textRoot;\n-        if (root) {\n-            while (child = root.firstChild) {\n-                root.removeChild(child);\n-            }\n-        }\n-        if (this.indexer) {\n-            this.indexer.clear();\n-        }\n+    DEFAULT_PARAMS: {\n+        mode: \"map\",\n+        map_imagetype: \"png\"\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n+     * Constructor: OpenLayers.Layer.MapServer\n+     * Create a new MapServer layer object\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the MapServer CGI\n+     *       (e.g. http://www2.dmsolutions.ca/cgi-bin/mapserv)\n+     * params - {Object} An object with key/value pairs representing the\n+     *          GetMap query string parameters and parameter values.\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+\n+        this.params = OpenLayers.Util.applyDefaults(\n+            this.params, this.DEFAULT_PARAMS\n+        );\n+\n+        // unless explicitly set in options, if the layer is transparent, \n+        // it will be an overlay\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = ((this.params.transparent != \"true\") &&\n+                (this.params.transparent != true));\n+        }\n+    },\n+\n+    /**\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n      * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * {<OpenLayers.Layer.MapServer>} An exact clone of this layer\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var rightOfDateLine,\n-                ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio),\n-                world = this.map.getMaxExtent();\n-            if (world.right > extent.left && world.right < extent.right) {\n-                rightOfDateLine = true;\n-            } else if (world.left > extent.left && world.left < extent.right) {\n-                rightOfDateLine = false;\n-            }\n-            if (rightOfDateLine !== this.rightOfDateLine || resolutionChanged) {\n-                coordSysUnchanged = false;\n-                this.xOffset = rightOfDateLine === true ?\n-                    world.getWidth() / resolution : 0;\n-            }\n-            this.rightOfDateLine = rightOfDateLine;\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapServer(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n-        return coordSysUnchanged;\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n-    /** \n-     * Method: getNodeType\n-     * This function is in charge of asking the specific renderer which type\n-     *     of node to create for the given geometry and style. All geometries\n-     *     in an Elements-based renderer consist of one node and some\n-     *     attributes. We have the nodeFactory() function which creates a node\n-     *     for us, but it takes a 'type' as input, and that is precisely what\n-     *     this function tells us.  \n-     *  \n+    /**\n+     * Method: getURL\n+     * Return a query string for this layer\n+     *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * \n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n+     *                                for the request\n+     *\n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {String} A string with the layer's url and parameters and also \n+     *          the passed-in bounds and appropriate tile size specified \n+     *          as parameters.\n      */\n-    getNodeType: function(geometry, style) {},\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        // Make a list, so that getFullRequestString uses literal \",\" \n+        var extent = [bounds.left, bounds.bottom, bounds.right, bounds.top];\n+\n+        var imageSize = this.getImageSize();\n+\n+        // make lists, so that literal ','s are used \n+        var url = this.getFullRequestString({\n+            mapext: extent,\n+            imgext: extent,\n+            map_size: [imageSize.w, imageSize.h],\n+            imgx: imageSize.w / 2,\n+            imgy: imageSize.h / 2,\n+            imgxy: [imageSize.w, imageSize.h]\n+        });\n+\n+        return url;\n+    },\n \n     /** \n-     * Method: drawGeometry \n-     * Draw the geometry, creating new nodes, setting paths, setting style,\n-     *     setting featureId on the node.  This method should only be called\n-     *     by the renderer itself.\n-     *\n+     * Method: getFullRequestString\n+     * combine the layer's url with its params and these newParams. \n+     *   \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n+     * newParams - {Object} New parameters that should be added to the \n+     *                      request string.\n+     * altUrl - {String} (optional) Replace the URL in the full request  \n+     *                              string with the provided URL.\n      * \n-     * Returns:\n-     * {Boolean} true if the geometry has been drawn completely; null if\n-     *     incomplete; false otherwise\n+     * Returns: \n+     * {String} A string with the layer's url and parameters embedded in it.\n      */\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        var rendered = true;\n-        if ((className == \"OpenLayers.Geometry.Collection\") ||\n-            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n-            for (var i = 0, len = geometry.components.length; i < len; i++) {\n-                rendered = this.drawGeometry(\n-                    geometry.components[i], style, featureId) && rendered;\n-            }\n-            return rendered;\n+    getFullRequestString: function(newParams, altUrl) {\n+        // use layer's url unless altUrl passed in\n+        var url = (altUrl == null) ? this.url : altUrl;\n+\n+        // create a new params hashtable with all the layer params and the \n+        // new params together. then convert to string\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+\n+        // if url is not a string, it should be an array of strings, \n+        // in which case we will deterministically select one of them in \n+        // order to evenly distribute requests to different urls.\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(paramsString, url);\n         }\n \n-        rendered = false;\n-        var removeBackground = false;\n-        if (style.display != \"none\") {\n-            if (style.backgroundGraphic) {\n-                this.redrawBackgroundNode(geometry.id, geometry, style,\n-                    featureId);\n-            } else {\n-                removeBackground = true;\n+        // ignore parameters that are already in the url search string\n+        var urlParams = OpenLayers.Util.upperCaseObject(\n+            OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key];\n             }\n-            rendered = this.redrawNode(geometry.id, geometry, style,\n-                featureId);\n         }\n-        if (rendered == false) {\n-            var node = document.getElementById(geometry.id);\n-            if (node) {\n-                if (node._style.backgroundGraphic) {\n-                    removeBackground = true;\n+        paramsString = OpenLayers.Util.getParameterString(allParams);\n+\n+        // requestString always starts with url\n+        var requestString = url;\n+\n+        // MapServer needs '+' seperating things like bounds/height/width.\n+        //   Since typically this is URL encoded, we use a slight hack: we\n+        //  depend on the list-like functionality of getParameterString to\n+        //  leave ',' only in the case of list items (since otherwise it is\n+        //  encoded) then do a regular expression replace on the , characters\n+        //  to '+'\n+        //\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n+                requestString += paramsString;\n+            } else {\n+                if (url.indexOf('?') == -1) {\n+                    //serverPath has no ? -- add one\n+                    requestString += '?' + paramsString;\n+                } else {\n+                    //serverPath contains ?, so must already have paramsString at the end\n+                    requestString += '&' + paramsString;\n                 }\n-                node.parentNode.removeChild(node);\n             }\n         }\n-        if (removeBackground) {\n-            var node = document.getElementById(\n-                geometry.id + this.BACKGROUND_ID_SUFFIX);\n-            if (node) {\n-                node.parentNode.removeChild(node);\n-            }\n+        return requestString;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.MapServer\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/SphericalMercator.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.SphericalMercator\n+ * A mixin for layers that wraps up the pieces neccesary to have a coordinate\n+ *     conversion for working with commercial APIs which use a spherical\n+ *     mercator projection.  Using this layer as a base layer, additional\n+ *     layers can be used as overlays if they are in the same projection.\n+ *\n+ * A layer is given properties of this object by setting the sphericalMercator\n+ *     property to true.\n+ *\n+ * More projection information:\n+ *  - http://spatialreference.org/ref/user/google-projection/\n+ *\n+ * Proj4 Text:\n+ *     +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0\n+ *     +k=1.0 +units=m +nadgrids=@null +no_defs\n+ *\n+ * WKT:\n+ *     900913=PROJCS[\"WGS84 / Simple Mercator\", GEOGCS[\"WGS 84\",\n+ *     DATUM[\"WGS_1984\", SPHEROID[\"WGS_1984\", 6378137.0, 298.257223563]], \n+ *     PRIMEM[\"Greenwich\", 0.0], UNIT[\"degree\", 0.017453292519943295], \n+ *     AXIS[\"Longitude\", EAST], AXIS[\"Latitude\", NORTH]],\n+ *     PROJECTION[\"Mercator_1SP_Google\"], \n+ *     PARAMETER[\"latitude_of_origin\", 0.0], PARAMETER[\"central_meridian\", 0.0], \n+ *     PARAMETER[\"scale_factor\", 1.0], PARAMETER[\"false_easting\", 0.0], \n+ *     PARAMETER[\"false_northing\", 0.0], UNIT[\"m\", 1.0], AXIS[\"x\", EAST],\n+ *     AXIS[\"y\", NORTH], AUTHORITY[\"EPSG\",\"900913\"]]\n+ */\n+OpenLayers.Layer.SphericalMercator = {\n+\n+    /**\n+     * Method: getExtent\n+     * Get the map's extent.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} The map extent.\n+     */\n+    getExtent: function() {\n+        var extent = null;\n+        if (this.sphericalMercator) {\n+            extent = this.map.calculateBounds();\n+        } else {\n+            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this);\n         }\n-        return rendered;\n+        return extent;\n     },\n \n     /**\n-     * Method: redrawNode\n+     * Method: getLonLatFromViewPortPx\n+     * Get a map location from a pixel location\n      * \n      * Parameters:\n-     * id - {String}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n-     * \n+     * viewPortPx - {<OpenLayers.Pixel>}\n+     *\n      * Returns:\n-     * {Boolean} true if the complete geometry could be drawn, null if parts of\n-     *     the geometry could not be drawn, false otherwise\n+     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n+     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n+     *  If the map lib is not loaded or not centered, returns null\n      */\n-    redrawNode: function(id, geometry, style, featureId) {\n-        style = this.applyDefaultSymbolizer(style);\n-        // Get the node if it's already on the map.\n-        var node = this.nodeFactory(id, this.getNodeType(geometry, style));\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments);\n+    },\n \n-        // Set the data for the node, then draw it.\n-        node._featureId = featureId;\n-        node._boundsBottom = geometry.getBounds().bottom;\n-        node._geometryClass = geometry.CLASS_NAME;\n-        node._style = style;\n+    /**\n+     * Method: getViewPortPxFromLonLat\n+     * Get a pixel location from a map location\n+     *\n+     * Parameters:\n+     * lonlat - {<OpenLayers.LonLat>}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n+     * OpenLayers.LonLat, translated into view port pixels by map lib\n+     * If map lib is not loaded or not centered, returns null\n+     */\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments);\n+    },\n \n-        var drawResult = this.drawGeometryNode(node, geometry, style);\n-        if (drawResult === false) {\n-            return false;\n+    /** \n+     * Method: initMercatorParameters \n+     * Set up the mercator parameters on the layer: resolutions,\n+     *     projection, units.\n+     */\n+    initMercatorParameters: function() {\n+        // set up properties for Mercator - assume EPSG:900913\n+        this.RESOLUTIONS = [];\n+        var maxResolution = 156543.03390625;\n+        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n+            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom);\n         }\n+        this.units = \"m\";\n+        this.projection = this.projection || \"EPSG:900913\";\n+    },\n \n-        node = drawResult.node;\n+    /**\n+     * APIMethod: forwardMercator\n+     * Given a lon,lat in EPSG:4326, return a point in Spherical Mercator.\n+     *\n+     * Parameters:\n+     * lon - {float} \n+     * lat - {float}\n+     * \n+     * Returns:\n+     * {<OpenLayers.LonLat>} The coordinates transformed to Mercator.\n+     */\n+    forwardMercator: (function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(lon, lat) {\n+            var point = OpenLayers.Projection.transform({\n+                x: lon,\n+                y: lat\n+            }, gg, sm);\n+            return new OpenLayers.LonLat(point.x, point.y);\n+        };\n+    })(),\n \n-        // Insert the node into the indexer so it can show us where to\n-        // place it. Note that this operation is O(log(n)). If there's a\n-        // performance problem (when dragging, for instance) this is\n-        // likely where it would be.\n-        if (this.indexer) {\n-            var insert = this.indexer.insert(node);\n-            if (insert) {\n-                this.vectorRoot.insertBefore(node, insert);\n-            } else {\n-                this.vectorRoot.appendChild(node);\n-            }\n-        } else {\n-            // if there's no indexer, simply append the node to root,\n-            // but only if the node is a new one\n-            if (node.parentNode !== this.vectorRoot) {\n-                this.vectorRoot.appendChild(node);\n-            }\n-        }\n+    /**\n+     * APIMethod: inverseMercator\n+     * Given a x,y in Spherical Mercator, return a point in EPSG:4326.\n+     *\n+     * Parameters:\n+     * x - {float} A map x in Spherical Mercator.\n+     * y - {float} A map y in Spherical Mercator.\n+     * \n+     * Returns:\n+     * {<OpenLayers.LonLat>} The coordinates transformed to EPSG:4326.\n+     */\n+    inverseMercator: (function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(x, y) {\n+            var point = OpenLayers.Projection.transform({\n+                x: x,\n+                y: y\n+            }, sm, gg);\n+            return new OpenLayers.LonLat(point.x, point.y);\n+        };\n+    })()\n \n-        this.postDraw(node);\n+};\n+/* ======================================================================\n+    OpenLayers/Layer/TMS.js\n+   ====================================================================== */\n \n-        return drawResult.complete;\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.TMS\n+ * Create a layer for accessing tiles from services that conform with the \n+ *     Tile Map Service Specification \n+ *     (http://wiki.osgeo.org/wiki/Tile_Map_Service_Specification).\n+ *\n+ * Example:\n+ * (code)\n+ *     var layer = new OpenLayers.Layer.TMS(\n+ *         \"My Layer\", // name for display in LayerSwitcher\n+ *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\", // service endpoint\n+ *         {layername: \"basic\", type: \"png\"} // required properties\n+ *     );\n+ * (end)\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Method: redrawBackgroundNode\n-     * Redraws the node using special 'background' style properties. Basically\n-     *     just calls redrawNode(), but instead of directly using the \n-     *     'externalGraphic', 'graphicXOffset', 'graphicYOffset', and \n-     *     'graphicZIndex' properties directly from the specified 'style' \n-     *     parameter, we create a new style object and set those properties \n-     *     from the corresponding 'background'-prefixed properties from \n-     *     specified 'style' parameter.\n+     * APIProperty: serviceVersion\n+     * {String} Service version for tile requests.  Default is \"1.0.0\".\n+     */\n+    serviceVersion: \"1.0.0\",\n+\n+    /**\n+     * APIProperty: layername\n+     * {String} The identifier for the <TileMap> as advertised by the service.  \n+     *     For example, if the service advertises a <TileMap> with \n+     *    'href=\"http://tms.osgeo.org/1.0.0/vmap0\"', the <layername> property \n+     *     would be set to \"vmap0\".\n+     */\n+    layername: null,\n+\n+    /**\n+     * APIProperty: type\n+     * {String} The format extension corresponding to the requested tile image\n+     *     type.  This is advertised in a <TileFormat> element as the \n+     *     \"extension\" attribute.  For example, if the service advertises a \n+     *     <TileMap> with <TileFormat width=\"256\" height=\"256\" mime-type=\"image/jpeg\" extension=\"jpg\" />,\n+     *     the <type> property would be set to \"jpg\".\n+     */\n+    type: null,\n+\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Make this layer a base layer.  Default is true.  Set false to\n+     *     use the layer as an overlay.\n+     */\n+    isBaseLayer: true,\n+\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n+     *     If provided, requests for tiles at all resolutions will be aligned\n+     *     with this location (no tiles shall overlap this location).  If\n+     *     not provided, the grid of tiles will be aligned with the bottom-left\n+     *     corner of the map's <maxExtent>.  Default is ``null``.\n+     *\n+     * Example:\n+     * (code)\n+     *     var layer = new OpenLayers.Layer.TMS(\n+     *         \"My Layer\",\n+     *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\",\n+     *         {\n+     *             layername: \"basic\", \n+     *             type: \"png\",\n+     *             // set if different than the bottom left of map.maxExtent\n+     *             tileOrigin: new OpenLayers.LonLat(-180, -90)\n+     *         }\n+     *     );\n+     * (end)\n+     */\n+    tileOrigin: null,\n+\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n+\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.TMS\n      * \n      * Parameters:\n-     * id - {String}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n+     * name - {String} Title to be displayed in a <OpenLayers.Control.LayerSwitcher>\n+     * url - {String} Service endpoint (without the version number).  E.g.\n+     *     \"http://tms.osgeo.org/\".\n+     * options - {Object} Additional properties to be set on the layer.  The\n+     *     <layername> and <type> properties must be set here.\n+     */\n+    initialize: function(name, url, options) {\n+        var newArguments = [];\n+        newArguments.push(name, url, {}, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+    },\n+\n+    /**\n+     * APIMethod: clone\n+     * Create a complete copy of this layer.\n+     *\n+     * Parameters:\n+     * obj - {Object} Should only be provided by subclasses that call this\n+     *     method.\n      * \n      * Returns:\n-     * {Boolean} true if the complete geometry could be drawn, null if parts of\n-     *     the geometry could not be drawn, false otherwise\n+     * {<OpenLayers.Layer.TMS>} An exact clone of this <OpenLayers.Layer.TMS>\n      */\n-    redrawBackgroundNode: function(id, geometry, style, featureId) {\n-        var backgroundStyle = OpenLayers.Util.extend({}, style);\n+    clone: function(obj) {\n \n-        // Set regular style attributes to apply to the background styles.\n-        backgroundStyle.externalGraphic = backgroundStyle.backgroundGraphic;\n-        backgroundStyle.graphicXOffset = backgroundStyle.backgroundXOffset;\n-        backgroundStyle.graphicYOffset = backgroundStyle.backgroundYOffset;\n-        backgroundStyle.graphicZIndex = backgroundStyle.backgroundGraphicZIndex;\n-        backgroundStyle.graphicWidth = backgroundStyle.backgroundWidth || backgroundStyle.graphicWidth;\n-        backgroundStyle.graphicHeight = backgroundStyle.backgroundHeight || backgroundStyle.graphicHeight;\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TMS(this.name,\n+                this.url,\n+                this.getOptions());\n+        }\n \n-        // Erase background styles.\n-        backgroundStyle.backgroundGraphic = null;\n-        backgroundStyle.backgroundXOffset = null;\n-        backgroundStyle.backgroundYOffset = null;\n-        backgroundStyle.backgroundGraphicZIndex = null;\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-        return this.redrawNode(\n-            id + this.BACKGROUND_ID_SUFFIX,\n-            geometry,\n-            backgroundStyle,\n-            null\n-        );\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: drawGeometryNode\n-     * Given a node, draw a geometry on the specified layer.\n-     *     node and geometry are required arguments, style is optional.\n-     *     This method is only called by the render itself.\n-     *\n+     * Method: getURL\n+     * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * bounds - {<OpenLayers.Bounds>}\n      * \n      * Returns:\n-     * {Object} a hash with properties \"node\" (the drawn node) and \"complete\"\n-     *     (null if parts of the geometry could not be drawn, false if nothing\n-     *     could be drawn)\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n      */\n-    drawGeometryNode: function(node, geometry, style) {\n-        style = style || node._style;\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n+        }\n+        return url + path;\n+    },\n \n-        var options = {\n-            'isFilled': style.fill === undefined ?\n-                true : style.fill,\n-            'isStroked': style.stroke === undefined ?\n-                !!style.strokeWidth : style.stroke\n-        };\n-        var drawn;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.graphic === false) {\n-                    options.isFilled = false;\n-                    options.isStroked = false;\n-                }\n-                drawn = this.drawPoint(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                options.isFilled = false;\n-                drawn = this.drawLineString(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                drawn = this.drawLinearRing(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                drawn = this.drawPolygon(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                drawn = this.drawRectangle(node, geometry);\n-                break;\n-            default:\n-                break;\n+    /** \n+     * Method: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n+                this.map.maxExtent.bottom);\n         }\n+    },\n \n-        node._options = options;\n+    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/KaMap.js\n+   ====================================================================== */\n \n-        //set style\n-        //TBD simplify this\n-        if (drawn != false) {\n-            return {\n-                node: this.setStyle(node, style, options, geometry),\n-                complete: drawn\n-            };\n-        } else {\n-            return false;\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.KaMap\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} KaMap Layer is always a base layer \n+     */\n+    isBaseLayer: true,\n+\n+    /**\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} parameters set by default. The default parameters set \n+     * the format via the 'i' parameter to 'jpeg'.    \n+     */\n+    DEFAULT_PARAMS: {\n+        i: 'jpeg',\n+        map: ''\n     },\n \n     /**\n-     * Method: postDraw\n-     * Things that have do be done after the geometry node is appended\n-     *     to its parent node. To be overridden by subclasses.\n+     * Constructor: OpenLayers.Layer.KaMap\n      * \n      * Parameters:\n-     * node - {DOMElement}\n+     * name - {String}\n+     * url - {String}\n+     * params - {Object} Parameters to be sent to the HTTP server in the\n+     *    query string for the tile. The format can be set via the 'i'\n+     *    parameter (defaults to jpg) , and the map should be set via \n+     *    the 'map' parameter. It has been reported that ka-Map may behave\n+     *    inconsistently if your format parameter does not match the format\n+     *    parameter configured in your config.php. (See ticket #327 for more\n+     *    information.)\n+     * options - {Object} Additional options for the layer. Any of the \n+     *     APIProperties listed on this layer, and any layer types it\n+     *     extends, can be overridden through the options parameter. \n      */\n-    postDraw: function(node) {},\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        this.params = OpenLayers.Util.applyDefaults(\n+            this.params, this.DEFAULT_PARAMS\n+        );\n+    },\n \n     /**\n-     * Method: drawPoint\n-     * Virtual function for drawing Point Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n+     * Method: getURL\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the point\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n      */\n-    drawPoint: function(node, geometry) {},\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        return this.getFullRequestString({\n+            t: pY,\n+            l: pX,\n+            s: scale\n+        });\n+    },\n \n-    /**\n-     * Method: drawLineString\n-     * Virtual function for drawing LineString Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+    /** \n+     * Method: calculateGridLayout\n+     * ka-Map uses the center point of the map as an origin for \n+     * its tiles. Override calculateGridLayout to center tiles \n+     * correctly for this case.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bound>}\n+     * origin - {<OpenLayers.LonLat>}\n+     * resolution - {Number}\n+     *\n      * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components of\n-     *     the linestring, or false if nothing could be drawn\n+     * {Object} Object containing properties tilelon, tilelat, startcol,\n+     * startrow\n      */\n-    drawLineString: function(node, geometry) {},\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n+\n+        var offsetlon = bounds.left;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+\n+        var offsetlat = bounds.top;\n+        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n+\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        };\n+    },\n \n     /**\n-     * Method: drawLinearRing\n-     * Virtual function for drawing LinearRing Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * Method: getTileBoundsForGridIndex\n+     *\n+     * Parameters:\n+     * row - {Number} The row of the grid\n+     * col - {Number} The column of the grid\n+     *\n      * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the linear ring, or false if nothing could be drawn\n+     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n      */\n-    drawLinearRing: function(node, geometry) {},\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var minX = (tileLayout.startcol + col) * tilelon;\n+        var minY = (tileLayout.startrow - row) * tilelat;\n+        return new OpenLayers.Bounds(\n+            minX, minY,\n+            minX + tilelon, minY + tilelat\n+        );\n+    },\n \n     /**\n-     * Method: drawPolygon\n-     * Virtual function for drawing Polygon Geometry. \n-     *    Should be implemented by subclasses.\n-     *    This method is only called by the renderer itself.\n+     * APIMethod: clone\n      * \n      * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * obj - {Object}\n      * \n      * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the polygon, or false if nothing could be drawn\n+     * {<OpenLayers.Layer.Kamap>} An exact clone of this OpenLayers.Layer.KaMap\n      */\n-    drawPolygon: function(node, geometry) {},\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.KaMap(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n+        }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone();\n+        }\n+\n+        // we do not want to copy reference to grid, so we make a new array\n+        obj.grid = [];\n+\n+        return obj;\n+    },\n \n     /**\n-     * Method: drawRectangle\n-     * Virtual function for drawing Rectangle Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * APIMethod: getTileBounds\n+     * Returns The tile bounds for a layer given a pixel location.\n+     *\n+     * Parameters:\n+     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n+     *\n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the rectangle\n+     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n      */\n-    drawRectangle: function(node, geometry) {},\n+    getTileBounds: function(viewPortPx) {\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n+        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n+        return new OpenLayers.Bounds(tileLeft, tileBottom,\n+            tileLeft + tileMapWidth,\n+            tileBottom + tileMapHeight);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n+});\n+/* ======================================================================\n+    OpenLayers/Tile/UTFGrid.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Tile.js\n+ * @requires OpenLayers/Format/JSON.js\n+ * @requires OpenLayers/Request.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Tile.UTFGrid\n+ * Instances of OpenLayers.Tile.UTFGrid are used to manage \n+ * UTFGrids. This is an unusual tile type in that it doesn't have a\n+ * rendered image; only a 'hit grid' that can be used to \n+ * look up feature attributes.\n+ *\n+ * See the <OpenLayers.Tile.UTFGrid> constructor for details on constructing a\n+ * new instance.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Tile>\n+ */\n+OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n+\n+    /** \n+     * Property: url\n+     * {String}\n+     * The URL of the UTFGrid file being requested. Provided by the <getURL>\n+     *     method. \n+     */\n+    url: null,\n \n     /**\n-     * Method: drawCircle\n-     * Virtual function for drawing Circle Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n+     * Property: utfgridResolution\n+     * {Number}\n+     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n+     *     entry in the grid represents a 4x4 block of pixels, the \n+     *     utfgridResolution would be 4.  Default is 2.\n+     */\n+    utfgridResolution: 2,\n+\n+    /** \n+     * Property: json\n+     * {Object}\n+     * Stores the parsed JSON tile data structure. \n+     */\n+    json: null,\n+\n+    /** \n+     * Property: format\n+     * {OpenLayers.Format.JSON}\n+     * Parser instance used to parse JSON for cross browser support.  The native\n+     *     JSON.parse method will be used where available (all except IE<8).\n+     */\n+    format: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Tile.UTFGrid\n+     * Constructor for a new <OpenLayers.Tile.UTFGrid> instance.\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n+     * position - {<OpenLayers.Pixel>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     * url - {<String>} Deprecated. Remove me in 3.0.\n+     * size - {<OpenLayers.Size>}\n+     * options - {Object}\n+     */\n+\n+    /** \n+     * APIMethod: destroy\n+     * Clean up.\n+     */\n+    destroy: function() {\n+        this.clear();\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: draw\n+     * Check that a tile should be drawn, and draw it.\n+     * In the case of UTFGrids, \"drawing\" it means fetching and\n+     * parsing the json. \n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the circle\n+     * {Boolean} Was a tile drawn?\n      */\n-    drawCircle: function(node, geometry) {},\n+    draw: function() {\n+        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (drawn) {\n+            if (this.isLoading) {\n+                this.abortLoading();\n+                //if we're already loading, send 'reload' instead of 'loadstart'.\n+                this.events.triggerEvent(\"reload\");\n+            } else {\n+                this.isLoading = true;\n+                this.events.triggerEvent(\"loadstart\");\n+            }\n+            this.url = this.layer.getURL(this.bounds);\n+\n+            if (this.layer.useJSONP) {\n+                // Use JSONP method to avoid xbrowser policy\n+                var ols = new OpenLayers.Protocol.Script({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        this.json = response.data;\n+                    },\n+                    scope: this\n+                });\n+                ols.read();\n+                this.request = ols;\n+            } else {\n+                // Use standard XHR\n+                this.request = OpenLayers.Request.GET({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        if (response.status === 200) {\n+                            this.parseData(response.responseText);\n+                        }\n+                    },\n+                    scope: this\n+                });\n+            }\n+        } else {\n+            this.unload();\n+        }\n+        return drawn;\n+    },\n \n     /**\n-     * Method: removeText\n-     * Removes a label\n-     * \n+     * Method: abortLoading\n+     * Cancel a pending request.\n+     */\n+    abortLoading: function() {\n+        if (this.request) {\n+            this.request.abort();\n+            delete this.request;\n+        }\n+        this.isLoading = false;\n+    },\n+\n+    /**\n+     * Method: getFeatureInfo\n+     * Get feature information associated with a pixel offset.  If the pixel\n+     *     offset corresponds to a feature, the returned object will have id\n+     *     and data properties.  Otherwise, null will be returned.\n+     *     \n+     *\n      * Parameters:\n-     * featureId - {String}\n+     * i - {Number} X-axis pixel offset (from top left of tile)\n+     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     *\n+     * Returns:\n+     * {Object} Object with feature id and data properties corresponding to the \n+     *     given pixel offset.\n      */\n-    removeText: function(featureId) {\n-        var label = document.getElementById(featureId + this.LABEL_ID_SUFFIX);\n-        if (label) {\n-            this.textRoot.removeChild(label);\n+    getFeatureInfo: function(i, j) {\n+        var info = null;\n+        if (this.json) {\n+            var id = this.getFeatureId(i, j);\n+            if (id !== null) {\n+                info = {\n+                    id: id,\n+                    data: this.json.data[id]\n+                };\n+            }\n         }\n-        var outline = document.getElementById(featureId + this.LABEL_OUTLINE_SUFFIX);\n-        if (outline) {\n-            this.textRoot.removeChild(outline);\n+        return info;\n+    },\n+\n+    /**\n+     * Method: getFeatureId\n+     * Get the identifier for the feature associated with a pixel offset.\n+     *\n+     * Parameters:\n+     * i - {Number} X-axis pixel offset (from top left of tile)\n+     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     *\n+     * Returns:\n+     * {Object} The feature identifier corresponding to the given pixel offset.\n+     *     Returns null if pixel doesn't correspond to a feature.\n+     */\n+    getFeatureId: function(i, j) {\n+        var id = null;\n+        if (this.json) {\n+            var resolution = this.utfgridResolution;\n+            var row = Math.floor(j / resolution);\n+            var col = Math.floor(i / resolution);\n+            var charCode = this.json.grid[row].charCodeAt(col);\n+            var index = this.indexFromCharCode(charCode);\n+            var keys = this.json.keys;\n+            if (!isNaN(index) && (index in keys)) {\n+                id = keys[index];\n+            }\n         }\n+        return id;\n     },\n \n     /**\n-     * Method: getFeatureIdFromEvent\n-     * \n+     * Method: indexFromCharCode\n+     * Given a character code for one of the UTFGrid \"grid\" characters, \n+     *     resolve the integer index for the feature id in the UTFGrid \"keys\"\n+     *     array.\n+     *\n      * Parameters:\n-     * evt - {Object} An <OpenLayers.Event> object\n+     * charCode - {Integer}\n      *\n      * Returns:\n-     * {String} A feature id or undefined.\n+     * {Integer} Index for the feature id from the keys array.\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var target = evt.target;\n-        var useElement = target && target.correspondingUseElement;\n-        var node = useElement ? useElement : (target || evt.srcElement);\n-        return node._featureId;\n+    indexFromCharCode: function(charCode) {\n+        if (charCode >= 93) {\n+            charCode--;\n+        }\n+        if (charCode >= 35) {\n+            charCode--;\n+        }\n+        return charCode - 32;\n+    },\n+\n+    /**\n+     * Method: parseData\n+     * Parse the JSON from a request\n+     *\n+     * Parameters:\n+     * str - {String} UTFGrid as a JSON string. \n+     * \n+     * Returns:\n+     * {Object} parsed javascript data\n+     */\n+    parseData: function(str) {\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.JSON();\n+        }\n+        this.json = this.format.read(str);\n     },\n \n     /** \n-     * Method: eraseGeometry\n-     * Erase a geometry from the renderer. In the case of a multi-geometry, \n-     *     we cycle through and recurse on ourselves. Otherwise, we look for a \n-     *     node with the geometry.id, destroy its geometry, and remove it from\n-     *     the DOM.\n+     * Method: clear\n+     * Delete data stored with this tile.\n+     */\n+    clear: function() {\n+        this.json = null;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/UTFGrid.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Tile/UTFGrid.js\n+ */\n+\n+/** \n+ * Class: OpenLayers.Layer.UTFGrid\n+ * This Layer reads from UTFGrid tiled data sources.  Since UTFGrids are \n+ * essentially JSON-based ASCII art with attached attributes, they are not \n+ * visibly rendered.  In order to use them in the map, you must add a \n+ * <OpenLayers.Control.UTFGrid> control as well.\n+ *\n+ * Example:\n+ *\n+ * (start code)\n+ * var world_utfgrid = new OpenLayers.Layer.UTFGrid({\n+ *     url: \"/tiles/world_utfgrid/${z}/${x}/${y}.json\",\n+ *     utfgridResolution: 4,\n+ *     displayInLayerSwitcher: false\n+ * );\n+ * map.addLayer(world_utfgrid);\n+ * \n+ * var control = new OpenLayers.Control.UTFGrid({\n+ *     layers: [world_utfgrid],\n+ *     handlerMode: 'move',\n+ *     callback: function(dataLookup) {\n+ *         // do something with returned data\n+ *     }\n+ * })\n+ * (end code)\n+ *\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n+ */\n+OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+\n+    /**\n+     * APIProperty: isBaseLayer\n+     * Default is false, as UTFGrids are designed to be a transparent overlay layer. \n+     */\n+    isBaseLayer: false,\n+\n+    /**\n+     * APIProperty: projection\n+     * {<OpenLayers.Projection>}\n+     * Source projection for the UTFGrids.  Default is \"EPSG:900913\".\n+     */\n+    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n+\n+    /**\n+     * Property: useJSONP\n+     * {Boolean}\n+     * Should we use a JSONP script approach instead of a standard AJAX call?\n+     *\n+     * Set to true for using utfgrids from another server. \n+     * Avoids same-domain policy restrictions. \n+     * Note that this only works if the server accepts \n+     * the callback GET parameter and dynamically \n+     * wraps the returned json in a function call.\n      * \n+     * Default is false\n+     */\n+    useJSONP: false,\n+\n+    /**\n+     * APIProperty: url\n+     * {String}\n+     * URL tempate for UTFGrid tiles.  Include x, y, and z parameters.\n+     * E.g. \"/tiles/${z}/${x}/${y}.json\"\n+     */\n+\n+    /**\n+     * APIProperty: utfgridResolution\n+     * {Number}\n+     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n+     *     entry in the grid represents a 4x4 block of pixels, the \n+     *     utfgridResolution would be 4.  Default is 2 (specified in \n+     *     <OpenLayers.Tile.UTFGrid>).\n+     */\n+\n+    /**\n+     * Property: tileClass\n+     * {<OpenLayers.Tile>} The tile class to use for this layer.\n+     *     Defaults is <OpenLayers.Tile.UTFGrid>.\n+     */\n+    tileClass: OpenLayers.Tile.UTFGrid,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.UTFGrid\n+     * Create a new UTFGrid layer.\n+     *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * featureId - {String}\n+     * config - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * url - {String} The url template for UTFGrid tiles.  See the <url> property.\n      */\n-    eraseGeometry: function(geometry, featureId) {\n-        if ((geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPolygon\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.Collection\")) {\n-            for (var i = 0, len = geometry.components.length; i < len; i++) {\n-                this.eraseGeometry(geometry.components[i], featureId);\n-            }\n+    initialize: function(options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(\n+            this, [options.name, options.url, {}, options]\n+        );\n+        this.tileOptions = OpenLayers.Util.extend({\n+            utfgridResolution: this.utfgridResolution\n+        }, this.tileOptions);\n+    },\n+\n+    /**\n+     * Method: createBackBuffer\n+     * The UTFGrid cannot create a back buffer, so this method is overriden.\n+     */\n+    createBackBuffer: function() {},\n+\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n+     *\n+     * Parameters:\n+     * obj - {Object} Only used by a subclass of this layer.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.UTFGrid>} An exact clone of this OpenLayers.Layer.UTFGrid\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.UTFGrid(this.getOptions());\n+        }\n+\n+        // get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        return obj;\n+    },\n+\n+    /**\n+     * APIProperty: getFeatureInfo\n+     * Get details about a feature associated with a map location.  The object\n+     *     returned will have id and data properties.  If the given location\n+     *     doesn't correspond to a feature, null will be returned.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.LonLat>} map location\n+     *\n+     * Returns:\n+     * {Object} Object representing the feature id and UTFGrid data \n+     *     corresponding to the given map location.  Returns null if the given\n+     *     location doesn't hit a feature.\n+     */\n+    getFeatureInfo: function(location) {\n+        var info = null;\n+        var tileInfo = this.getTileData(location);\n+        if (tileInfo && tileInfo.tile) {\n+            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j);\n+        }\n+        return info;\n+    },\n+\n+    /**\n+     * APIMethod: getFeatureId\n+     * Get the identifier for the feature associated with a map location.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.LonLat>} map location\n+     *\n+     * Returns:\n+     * {String} The feature identifier corresponding to the given map location.\n+     *     Returns null if the location doesn't hit a feature.\n+     */\n+    getFeatureId: function(location) {\n+        var id = null;\n+        var info = this.getTileData(location);\n+        if (info.tile) {\n+            id = info.tile.getFeatureId(info.i, info.j);\n+        }\n+        return id;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/FixedZoomLevels.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.FixedZoomLevels\n+ *   Some Layers will already have established zoom levels (like google \n+ *    or ve). Instead of trying to determine them and populate a resolutions[]\n+ *    Array with those values, we will hijack the resolution functionality\n+ *    here.\n+ * \n+ *   When you subclass FixedZoomLevels: \n+ * \n+ *   The initResolutions() call gets nullified, meaning no resolutions[] array \n+ *    is set up. Which would be a big problem getResolution() in Layer, since \n+ *    it merely takes map.zoom and indexes into resolutions[]... but....\n+ * \n+ *   The getResolution() call is also overridden. Instead of using the \n+ *    resolutions[] array, we simply calculate the current resolution based\n+ *    on the current extent and the current map size. But how will we be able\n+ *    to calculate the current extent without knowing the resolution...?\n+ *  \n+ *   The getExtent() function is also overridden. Instead of calculating extent\n+ *    based on the center point and the current resolution, we instead \n+ *    calculate the extent by getting the lonlats at the top-left and \n+ *    bottom-right by using the getLonLatFromViewPortPx() translation function,\n+ *    taken from the pixel locations (0,0) and the size of the map. But how \n+ *    will we be able to do lonlat-px translation without resolution....?\n+ * \n+ *   The getZoomForResolution() method is overridden. Instead of indexing into\n+ *    the resolutions[] array, we call OpenLayers.Layer.getExent(), passing in\n+ *    the desired resolution. With this extent, we then call getZoomForExtent() \n+ * \n+ * \n+ *   Whenever you implement a layer using OpenLayers.Layer.FixedZoomLevels, \n+ *    it is your responsibility to provide the following three functions:\n+ * \n+ *   - getLonLatFromViewPortPx\n+ *   - getViewPortPxFromLonLat\n+ *   - getZoomForExtent\n+ * \n+ *  ...those three functions should generally be provided by any reasonable \n+ *  API that you might be working from.\n+ *\n+ */\n+OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /*    The following functions must all be implemented   */\n+    /*                  by all base layers                  */\n+    /*                                                      */\n+    /********************************************************/\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.FixedZoomLevels\n+     * Create a new fixed zoom levels layer.\n+     */\n+    initialize: function() {\n+        //this class is only just to add the following functions... \n+        // nothing to actually do here... but it is probably a good\n+        // idea to have layers that use these functions call this \n+        // inititalize() anyways, in case at some point we decide we \n+        // do want to put some functionality or state in here. \n+    },\n+\n+    /**\n+     * Method: initResolutions\n+     * Populate the resolutions array\n+     */\n+    initResolutions: function() {\n+\n+        var props = ['minZoomLevel', 'maxZoomLevel', 'numZoomLevels'];\n+\n+        for (var i = 0, len = props.length; i < len; i++) {\n+            var property = props[i];\n+            this[property] = (this.options[property] != null) ?\n+                this.options[property] :\n+                this.map[property];\n+        }\n+\n+        if ((this.minZoomLevel == null) ||\n+            (this.minZoomLevel < this.MIN_ZOOM_LEVEL)) {\n+            this.minZoomLevel = this.MIN_ZOOM_LEVEL;\n+        }\n+\n+        //\n+        // At this point, we know what the minimum desired zoom level is, and\n+        //  we must calculate the total number of zoom levels. \n+        //  \n+        //  Because we allow for the setting of either the 'numZoomLevels'\n+        //   or the 'maxZoomLevel' properties... on either the layer or the  \n+        //   map, we have to define some rules to see which we take into\n+        //   account first in this calculation. \n+        //\n+        // The following is the precedence list for these properties:\n+        // \n+        // (1) numZoomLevels set on layer\n+        // (2) maxZoomLevel set on layer\n+        // (3) numZoomLevels set on map\n+        // (4) maxZoomLevel set on map*\n+        // (5) none of the above*\n+        //\n+        // *Note that options (4) and (5) are only possible if the user \n+        //  _explicitly_ sets the 'numZoomLevels' property on the map to \n+        //  null, since it is set by default to 16. \n+        //\n+\n+        //\n+        // Note to future: In 3.0, I think we should remove the default \n+        // value of 16 for map.numZoomLevels. Rather, I think that value \n+        // should be set as a default on the Layer.WMS class. If someone\n+        // creates a 3rd party layer and does not specify any 'minZoomLevel', \n+        // 'maxZoomLevel', or 'numZoomLevels', and has not explicitly \n+        // specified any of those on the map object either.. then I think\n+        // it is fair to say that s/he wants all the zoom levels available.\n+        // \n+        // By making map.numZoomLevels *null* by default, that will be the \n+        // case. As it is, I don't feel comfortable changing that right now\n+        // as it would be a glaring API change and actually would probably\n+        // break many peoples' codes. \n+        //\n+\n+        //the number of zoom levels we'd like to have.\n+        var desiredZoomLevels;\n+\n+        //this is the maximum number of zoom levels the layer will allow, \n+        // given the specified starting minimum zoom level.\n+        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n+\n+        if (((this.options.numZoomLevels == null) &&\n+                (this.options.maxZoomLevel != null)) // (2)\n+            ||\n+            ((this.numZoomLevels == null) &&\n+                (this.maxZoomLevel != null)) // (4)\n+        ) {\n+            //calculate based on specified maxZoomLevel (on layer or map)\n+            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1;\n         } else {\n-            var element = OpenLayers.Util.getElement(geometry.id);\n-            if (element && element.parentNode) {\n-                if (element.geometry) {\n-                    element.geometry.destroy();\n-                    element.geometry = null;\n-                }\n-                element.parentNode.removeChild(element);\n+            //calculate based on specified numZoomLevels (on layer or map)\n+            // this covers cases (1) and (3)\n+            desiredZoomLevels = this.numZoomLevels;\n+        }\n \n-                if (this.indexer) {\n-                    this.indexer.remove(element);\n-                }\n+        if (desiredZoomLevels != null) {\n+            //Now that we know what we would *like* the number of zoom levels\n+            // to be, based on layer or map options, we have to make sure that\n+            // it does not conflict with the actual limit, as specified by \n+            // the constants on the layer itself (and calculated into the\n+            // 'limitZoomLevels' variable). \n+            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels);\n+        } else {\n+            // case (5) -- neither 'numZoomLevels' not 'maxZoomLevel' was \n+            // set on either the layer or the map. So we just use the \n+            // maximum limit as calculated by the layer's constants.\n+            this.numZoomLevels = limitZoomLevels;\n+        }\n \n-                if (element._style.backgroundGraphic) {\n-                    var backgroundId = geometry.id + this.BACKGROUND_ID_SUFFIX;\n-                    var bElem = OpenLayers.Util.getElement(backgroundId);\n-                    if (bElem && bElem.parentNode) {\n-                        // No need to destroy the geometry since the element and the background\n-                        // node share the same geometry.\n-                        bElem.parentNode.removeChild(bElem);\n-                    }\n-                }\n+        //now that the 'numZoomLevels' is appropriately, safely set, \n+        // we go back and re-calculate the 'maxZoomLevel'.\n+        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n+\n+        if (this.RESOLUTIONS != null) {\n+            var resolutionsIndex = 0;\n+            this.resolutions = [];\n+            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n+                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i];\n             }\n+            this.maxResolution = this.resolutions[0];\n+            this.minResolution = this.resolutions[this.resolutions.length - 1];\n         }\n     },\n \n-    /** \n-     * Method: nodeFactory\n-     * Create new node of the specified type, with the (optional) specified id.\n+    /**\n+     * APIMethod: getResolution\n+     * Get the current map resolution\n      * \n-     * If node already exists with same ID and a different type, we remove it\n-     *     and then call ourselves again to recreate it.\n+     * Returns:\n+     * {Float} Map units per Pixel\n+     */\n+    getResolution: function() {\n+\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments);\n+        } else {\n+            var resolution = null;\n+\n+            var viewSize = this.map.getSize();\n+            var extent = this.getExtent();\n+\n+            if ((viewSize != null) && (extent != null)) {\n+                resolution = Math.max(extent.getWidth() / viewSize.w,\n+                    extent.getHeight() / viewSize.h);\n+            }\n+            return resolution;\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: getExtent\n+     * Calculates using px-> lonlat translation functions on tl and br \n+     *     corners of viewport\n      * \n+     * Returns:\n+     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n+     *                       bounds of the current viewPort.\n+     */\n+    getExtent: function() {\n+        var size = this.map.getSize();\n+        var tl = this.getLonLatFromViewPortPx({\n+            x: 0,\n+            y: 0\n+        });\n+        var br = this.getLonLatFromViewPortPx({\n+            x: size.w,\n+            y: size.h\n+        });\n+\n+        if ((tl != null) && (br != null)) {\n+            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat);\n+        } else {\n+            return null;\n+        }\n+    },\n+\n+    /**\n+     * Method: getZoomForResolution\n+     * Get the zoom level for a given resolution\n+     *\n      * Parameters:\n-     * id - {String}\n-     * type - {String} type Kind of node to draw.\n-     * \n+     * resolution - {Float}\n+     *\n      * Returns:\n-     * {DOMElement} A new node of the given type and id.\n+     * {Integer} A suitable zoom level for the specified resolution.\n+     *           If no baselayer is set, returns null.\n      */\n-    nodeFactory: function(id, type) {\n-        var node = OpenLayers.Util.getElement(id);\n-        if (node) {\n-            if (!this.nodeTypeCompare(node, type)) {\n-                node.parentNode.removeChild(node);\n-                node = this.nodeFactory(id, type);\n-            }\n+    getZoomForResolution: function(resolution) {\n+\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments);\n         } else {\n-            node = this.createNode(type, id);\n+            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n+            return this.getZoomForExtent(extent);\n         }\n-        return node;\n     },\n \n-    /** \n-     * Method: nodeTypeCompare\n-     * \n+\n+\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*             Translation Functions                    */\n+    /*                                                      */\n+    /*    The following functions translate GMaps and OL    */\n+    /*     formats for Pixel, LonLat, Bounds, and Zoom      */\n+    /*                                                      */\n+    /********************************************************/\n+\n+\n+    //\n+    // TRANSLATION: MapObject Zoom <-> OpenLayers Zoom\n+    //\n+\n+    /**\n+     * Method: getOLZoomFromMapObjectZoom\n+     * Get the OL zoom index from the map object zoom level\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * type - {String} Kind of node\n+     * moZoom - {Integer}\n      * \n      * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n-     *     This function must be overridden by subclasses.\n+     * {Integer} An OpenLayers Zoom level, translated from the passed in zoom\n+     *           Returns null if null value is passed in\n      */\n-    nodeTypeCompare: function(node, type) {},\n+    getOLZoomFromMapObjectZoom: function(moZoom) {\n+        var zoom = null;\n+        if (moZoom != null) {\n+            zoom = moZoom - this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.map.baseLayer.getZoomForResolution(\n+                    this.getResolutionForZoom(zoom)\n+                );\n+            }\n+        }\n+        return zoom;\n+    },\n \n-    /** \n-     * Method: createNode\n-     * \n+    /**\n+     * Method: getMapObjectZoomFromOLZoom\n+     * Get the map object zoom level from the OL zoom level\n+     *\n      * Parameters:\n-     * type - {String} Kind of node to draw.\n-     * id - {String} Id for node.\n+     * olZoom - {Integer}\n      * \n      * Returns:\n-     * {DOMElement} A new node of the given type and id.\n-     *     This function must be overridden by subclasses.\n+     * {Integer} A MapObject level, translated from the passed in olZoom\n+     *           Returns null if null value is passed in\n      */\n-    createNode: function(type, id) {},\n+    getMapObjectZoomFromOLZoom: function(olZoom) {\n+        var zoom = null;\n+        if (olZoom != null) {\n+            zoom = olZoom + this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.getZoomForResolution(\n+                    this.map.baseLayer.getResolutionForZoom(zoom)\n+                );\n+            }\n+        }\n+        return zoom;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Layer/TileCache.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.TileCache\n+ * A read only TileCache layer.  Used to requests tiles cached by TileCache in\n+ *     a web accessible cache.  This means that you have to pre-populate your\n+ *     cache before this layer can be used.  It is meant only to read tiles\n+ *     created by TileCache, and not to make calls to TileCache for tile\n+ *     creation.  Create a new instance with the\n+ *     <OpenLayers.Layer.TileCache> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} Treat this layer as a base layer.  Default is true.\n+     */\n+    isBaseLayer: true,\n+\n+    /** \n+     * APIProperty: format\n+     * {String} Mime type of the images returned.  Default is image/png.\n+     */\n+    format: 'image/png',\n \n     /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a different renderer.\n-     * \n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer. (b) The map can work with resolutions\n+     *     that aren't supported by the server, i.e. that aren't in\n+     *     <serverResolutions>. When the map is displayed in such a resolution\n+     *     data for the closest server-supported resolution is loaded and the\n+     *     layer div is stretched as necessary.\n+     */\n+    serverResolutions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.TileCache\n+     * Create a new read only TileCache layer.\n+     *\n      * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     * name - {String} Name of the layer displayed in the interface\n+     * url - {String} Location of the web accessible cache (not the location of\n+     *     your tilecache script!)\n+     * layername - {String} Layer name as defined in the TileCache \n+     *     configuration\n+     * options - {Object} Optional object with properties to be set on the\n+     *     layer.  Note that you should speficy your resolutions to match\n+     *     your TileCache configuration.  This can be done by setting\n+     *     the resolutions array directly (here or on the map), by setting\n+     *     maxResolution and numZoomLevels, or by using scale based properties.\n      */\n-    moveRoot: function(renderer) {\n-        var root = this.root;\n-        if (renderer.root.parentNode == this.rendererRoot) {\n-            root = renderer.root;\n-        }\n-        root.parentNode.removeChild(root);\n-        renderer.rendererRoot.appendChild(root);\n+    initialize: function(name, url, layername, options) {\n+        this.layername = layername;\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this,\n+            [name, url, {}, options]);\n+        this.extension = this.format.split('/')[1].toLowerCase();\n+        this.extension = (this.extension == 'jpg') ? 'jpeg' : this.extension;\n     },\n \n     /**\n-     * Method: getRenderLayerId\n-     * Gets the layer that this renderer's output appears on. If moveRoot was\n-     * used, this will be different from the id of the layer containing the\n-     * features rendered by this renderer.\n+     * APIMethod: clone\n+     * obj - {Object} \n      * \n      * Returns:\n-     * {String} the id of the output layer.\n+     * {<OpenLayers.Layer.TileCache>} An exact clone of this \n+     *     <OpenLayers.Layer.TileCache>\n      */\n-    getRenderLayerId: function() {\n-        return this.root.parentNode.parentNode.id;\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TileCache(this.name,\n+                this.url,\n+                this.layername,\n+                this.getOptions());\n+        }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: isComplexSymbol\n-     * Determines if a symbol cannot be rendered using drawCircle\n-     * \n+     * Method: getURL\n+     *\n      * Parameters:\n-     * graphicName - {String}\n+     * bounds - {<OpenLayers.Bounds>} \n      * \n-     * Returns\n-     * {Boolean} true if the symbol is complex, false if not\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *     passed-in bounds and appropriate tile size specified as parameters.\n      */\n-    isComplexSymbol: function(graphicName) {\n-        return (graphicName != \"circle\") && !!graphicName;\n+    getURL: function(bounds) {\n+        var res = this.getServerResolution();\n+        var bbox = this.maxExtent;\n+        var size = this.tileSize;\n+        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n+        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n+        var tileZ = this.serverResolutions != null ?\n+            OpenLayers.Util.indexOf(this.serverResolutions, res) :\n+            this.map.getZoom();\n+\n+        var components = [\n+            this.layername,\n+            OpenLayers.Number.zeroPad(tileZ, 2),\n+            OpenLayers.Number.zeroPad(parseInt(tileX / 1000000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileX / 1000) % 1000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileX) % 1000), 3),\n+            OpenLayers.Number.zeroPad(parseInt(tileY / 1000000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileY / 1000) % 1000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileY) % 1000), 3) + '.' + this.extension\n+        ];\n+        var path = components.join('/');\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n+        }\n+        url = (url.charAt(url.length - 1) == '/') ? url : url + '/';\n+        return url + path;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.Elements\"\n+    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Renderer/SVG.js\n+    OpenLayers/Layer/EventPane.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Renderer/Elements.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Util.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.SVG\n+ * Class: OpenLayers.Layer.EventPane\n+ * Base class for 3rd party layers, providing a DOM element which isolates\n+ * the 3rd-party layer from mouse events.\n+ * Only used by Google layers.\n+ *\n+ * Automatically instantiated by the Google constructor, and not usually instantiated directly.\n+ *\n+ * Create a new event pane layer with the\n+ * <OpenLayers.Layer.EventPane> constructor.\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer.Elements>\n+ * Inherits from:\n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n \n-    /** \n-     * Property: xmlns\n-     * {String}\n+    /**\n+     * APIProperty: smoothDragPan\n+     * {Boolean} smoothDragPan determines whether non-public/internal API\n+     *     methods are used for better performance while dragging EventPane \n+     *     layers. When not in sphericalMercator mode, the smoother dragging \n+     *     doesn't actually move north/south directly with the number of \n+     *     pixels moved, resulting in a slight offset when you drag your mouse \n+     *     north south with this option on. If this visual disparity bothers \n+     *     you, you should turn this option off, or use spherical mercator. \n+     *     Default is on.\n      */\n-    xmlns: \"http://www.w3.org/2000/svg\",\n+    smoothDragPan: true,\n \n     /**\n-     * Property: xlinkns\n-     * {String}\n+     * Property: isBaseLayer\n+     * {Boolean} EventPaned layers are always base layers, by necessity.\n      */\n-    xlinkns: \"http://www.w3.org/1999/xlink\",\n+    isBaseLayer: true,\n \n     /**\n-     * Constant: MAX_PIXEL\n-     * {Integer} Firefox has a limitation where values larger or smaller than  \n-     *           about 15000 in an SVG document lock the browser up. This \n-     *           works around it.\n+     * APIProperty: isFixed\n+     * {Boolean} EventPaned layers are fixed by default.\n      */\n-    MAX_PIXEL: 15000,\n+    isFixed: true,\n \n     /**\n-     * Property: translationParameters\n-     * {Object} Hash with \"x\" and \"y\" properties\n+     * Property: pane\n+     * {DOMElement} A reference to the element that controls the events.\n      */\n-    translationParameters: null,\n+    pane: null,\n+\n \n     /**\n-     * Property: symbolMetrics\n-     * {Object} Cache for symbol metrics according to their svg coordinate\n-     *     space. This is an object keyed by the symbol's id, and values are\n-     *     an array of [width, centerX, centerY].\n+     * Property: mapObject\n+     * {Object} This is the object which will be used to load the 3rd party library\n+     * in the case of the google layer, this will be of type GMap, \n+     * in the case of the ve layer, this will be of type VEMap\n      */\n-    symbolMetrics: null,\n+    mapObject: null,\n+\n \n     /**\n-     * Constructor: OpenLayers.Renderer.SVG\n-     * \n+     * Constructor: OpenLayers.Layer.EventPane\n+     * Create a new event pane layer\n+     *\n      * Parameters:\n-     * containerID - {String}\n+     * name - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (this.pane == null) {\n+            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\");\n         }\n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-        this.translationParameters = {\n-            x: 0,\n-            y: 0\n-        };\n-\n-        this.symbolMetrics = {};\n     },\n \n     /**\n-     * APIMethod: supported\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the SVG renderer\n+     * APIMethod: destroy\n+     * Deconstruct this layer.\n      */\n-    supported: function() {\n-        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n-        return (document.implementation &&\n-            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n-                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n-                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n+    destroy: function() {\n+        this.mapObject = null;\n+        this.pane = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n     },\n \n+\n     /**\n-     * Method: inValidRange\n-     * See #669 for more information\n+     * Method: setMap\n+     * Set the map property for the layer. This is done through an accessor\n+     * so that subclasses can override this and take special action once \n+     * they have their map variable set. \n      *\n      * Parameters:\n-     * x      - {Integer}\n-     * y      - {Integer}\n-     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n-     *     to not take the current translation parameters into account if true.\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n-     *           valid range.\n+     * map - {<OpenLayers.Map>}\n      */\n-    inValidRange: function(x, y, xyOnly) {\n-        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n-        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n-        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n-            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n-    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n \n-    /**\n-     * Method: setExtent\n-     * \n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     * \n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n-     */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+        this.pane.style.display = this.div.style.display;\n+        this.pane.style.width = \"100%\";\n+        this.pane.style.height = \"100%\";\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.pane.style.background =\n+                \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\";\n+        }\n \n-        var resolution = this.getResolution(),\n-            left = -extent.left / resolution,\n-            top = extent.top / resolution;\n+        if (this.isFixed) {\n+            this.map.viewPortDiv.appendChild(this.pane);\n+        } else {\n+            this.map.layerContainerDiv.appendChild(this.pane);\n+        }\n \n-        // If the resolution has changed, start over changing the corner, because\n-        // the features will redraw.\n-        if (resolutionChanged) {\n-            this.left = left;\n-            this.top = top;\n-            // Set the viewbox\n-            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n+        // once our layer has been added to the map, we can load it\n+        this.loadMapObject();\n \n-            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n-            this.translate(this.xOffset, 0);\n-            return true;\n-        } else {\n-            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n-            if (!inRange) {\n-                // recenter the coordinate system\n-                this.setExtent(extent, true);\n-            }\n-            return coordSysUnchanged && inRange;\n+        // if map didn't load, display warning\n+        if (this.mapObject == null) {\n+            this.loadWarningMessage();\n         }\n     },\n \n     /**\n-     * Method: translate\n-     * Transforms the SVG coordinate system\n+     * APIMethod: removeMap\n+     * On being removed from the map, we'll like to remove the invisible 'pane'\n+     *     div that we added to it on creation. \n      * \n      * Parameters:\n-     * x - {Float}\n-     * y - {Float}\n-     * \n-     * Returns:\n-     * {Boolean} true if the translation parameters are in the valid coordinates\n-     *     range, false otherwise.\n+     * map - {<OpenLayers.Map>}\n      */\n-    translate: function(x, y) {\n-        if (!this.inValidRange(x, y, true)) {\n-            return false;\n-        } else {\n-            var transformString = \"\";\n-            if (x || y) {\n-                transformString = \"translate(\" + x + \",\" + y + \")\";\n-            }\n-            this.root.setAttributeNS(null, \"transform\", transformString);\n-            this.translationParameters = {\n-                x: x,\n-                y: y\n-            };\n-            return true;\n+    removeMap: function(map) {\n+        if (this.pane && this.pane.parentNode) {\n+            this.pane.parentNode.removeChild(this.pane);\n         }\n+        OpenLayers.Layer.prototype.removeMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n+     * Method: loadWarningMessage\n+     * If we can't load the map lib, then display an error message to the \n+     *     user and tell them where to go for help.\n      * \n-     * Parameters:\n-     * size - {<OpenLayers.Size>} The size of the drawing surface\n+     *     This function sets up the layout for the warning message. Each 3rd\n+     *     party layer must implement its own getWarningHTML() function to \n+     *     provide the actual warning message.\n      */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+    loadWarningMessage: function() {\n \n-        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n-        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n+        this.div.style.backgroundColor = \"darkblue\";\n+\n+        var viewSize = this.map.getSize();\n+\n+        var msgW = Math.min(viewSize.w, 300);\n+        var msgH = Math.min(viewSize.h, 200);\n+        var size = new OpenLayers.Size(msgW, msgH);\n+\n+        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n+\n+        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n+\n+        var div = OpenLayers.Util.createDiv(this.name + \"_warning\",\n+            topLeft,\n+            size,\n+            null,\n+            null,\n+            null,\n+            \"auto\");\n+\n+        div.style.padding = \"7px\";\n+        div.style.backgroundColor = \"yellow\";\n+\n+        div.innerHTML = this.getWarningHTML();\n+        this.div.appendChild(div);\n     },\n \n     /** \n-     * Method: getNodeType \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * Method: getWarningHTML\n+     * To be implemented by subclasses.\n      * \n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {String} String with information on why layer is broken, how to get\n+     *          it working.\n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"image\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"svg\";\n-                } else {\n-                    nodeType = \"circle\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                nodeType = \"polyline\";\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                nodeType = \"polygon\";\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"path\";\n-                break;\n-            default:\n-                break;\n-        }\n-        return nodeType;\n+    getWarningHTML: function() {\n+        //should be implemented by subclasses\n+        return \"\";\n     },\n \n-    /** \n-     * Method: setStyle\n-     * Use to set all the style attributes to a SVG node.\n+    /**\n+     * Method: display\n+     * Set the display on the pane\n+     *\n+     * Parameters:\n+     * display - {Boolean}\n+     */\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        this.pane.style.display = this.div.style.display;\n+    },\n+\n+    /**\n+     * Method: setZIndex\n+     * Set the z-index order for the pane.\n      * \n-     * Takes care to adjust stroke width and point radius to be\n-     * resolution-relative\n+     * Parameters:\n+     * zIndex - {int}\n+     */\n+    setZIndex: function(zIndex) {\n+        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+    },\n+\n+    /**\n+     * Method: moveByPx\n+     * Move the layer based on pixel vector. To be implemented by subclasses.\n      *\n      * Parameters:\n-     * node - {SVGDomElement} An SVG element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n+     * dx - {Number} The x coord of the displacement vector.\n+     * dy - {Number} The y coord of the displacement vector.\n      */\n-    setStyle: function(node, style, options) {\n-        style = style || node._style;\n-        options = options || node._options;\n+    moveByPx: function(dx, dy) {\n+        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n \n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.setAttributeNS(null, \"title\", title);\n-            //Standards-conformant SVG\n-            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n-            var titleNode = node.getElementsByTagName(\"title\");\n-            if (titleNode.length > 0) {\n-                titleNode[0].firstChild.textContent = title;\n-            } else {\n-                var label = this.nodeFactory(null, \"title\");\n-                label.textContent = title;\n-                node.appendChild(label);\n-            }\n+        if (this.dragPanMapObject) {\n+            this.dragPanMapObject(dx, -dy);\n+        } else {\n+            this.moveTo(this.map.getCachedCenter());\n         }\n+    },\n \n-        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n-        var widthFactor = 1;\n-        var pos;\n-        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n-            node.style.visibility = \"\";\n-            if (style.graphic === false) {\n-                node.style.visibility = \"hidden\";\n-            } else if (style.externalGraphic) {\n-                pos = this.getPosition(node);\n-                if (style.graphicWidth && style.graphicHeight) {\n-                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n-                }\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n-\n-                var opacity = style.graphicOpacity || style.fillOpacity;\n+    /**\n+     * Method: moveTo\n+     * Handle calls to move the layer.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean}\n+     * dragging - {Boolean}\n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n \n-                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n-                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n-                node.setAttributeNS(null, \"width\", width);\n-                node.setAttributeNS(null, \"height\", height);\n-                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n-                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n-                node.onclick = OpenLayers.Event.preventDefault;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                // the symbol viewBox is three times as large as the symbol\n-                var offset = style.pointRadius * 3;\n-                var size = offset * 2;\n-                var src = this.importSymbol(style.graphicName);\n-                pos = this.getPosition(node);\n-                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n+        if (this.mapObject != null) {\n \n-                // remove the node from the dom before we modify it. This\n-                // prevents various rendering issues in Safari and FF\n-                var parent = node.parentNode;\n-                var nextSibling = node.nextSibling;\n-                if (parent) {\n-                    parent.removeChild(node);\n-                }\n+            var newCenter = this.map.getCenter();\n+            var newZoom = this.map.getZoom();\n \n-                // The more appropriate way to implement this would be use/defs,\n-                // but due to various issues in several browsers, it is safer to\n-                // copy the symbols instead of referencing them. \n-                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n-                // and this email thread\n-                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n-                node.firstChild && node.removeChild(node.firstChild);\n-                node.appendChild(src.firstChild.cloneNode(true));\n-                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n+            if (newCenter != null) {\n \n-                node.setAttributeNS(null, \"width\", size);\n-                node.setAttributeNS(null, \"height\", size);\n-                node.setAttributeNS(null, \"x\", pos.x - offset);\n-                node.setAttributeNS(null, \"y\", pos.y - offset);\n+                var moOldCenter = this.getMapObjectCenter();\n+                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n \n-                // now that the node has all its new properties, insert it\n-                // back into the dom where it was\n-                if (nextSibling) {\n-                    parent.insertBefore(node, nextSibling);\n-                } else if (parent) {\n-                    parent.appendChild(node);\n-                }\n-            } else {\n-                node.setAttributeNS(null, \"r\", style.pointRadius);\n-            }\n+                var moOldZoom = this.getMapObjectZoom();\n+                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n \n-            var rotation = style.rotation;\n+                if (!(newCenter.equals(oldCenter)) || newZoom != oldZoom) {\n \n-            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n-                node._rotation = rotation;\n-                rotation |= 0;\n-                if (node.nodeName !== \"svg\") {\n-                    node.setAttributeNS(null, \"transform\",\n-                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n-                        pos.y + \")\");\n-                } else {\n-                    var metrics = this.symbolMetrics[src.id];\n-                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n-                        rotation + \" \" +\n-                        metrics[1] + \" \" +\n-                        metrics[2] + \")\");\n+                    if (!zoomChanged && oldCenter && this.dragPanMapObject &&\n+                        this.smoothDragPan) {\n+                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n+                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n+                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y);\n+                    } else {\n+                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n+                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n+                        this.setMapObjectCenter(center, zoom, dragging);\n+                    }\n                 }\n             }\n         }\n+    },\n \n-        if (options.isFilled) {\n-            node.setAttributeNS(null, \"fill\", style.fillColor);\n-            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n-        } else {\n-            node.setAttributeNS(null, \"fill\", \"none\");\n-        }\n-\n-        if (options.isStroked) {\n-            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n-            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n-            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n-            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n-            // Hard-coded linejoin for now, to make it look the same as in VML.\n-            // There is no strokeLinejoin property yet for symbolizers.\n-            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n-            style.strokeDashstyle && node.setAttributeNS(null,\n-                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n-        } else {\n-            node.setAttributeNS(null, \"stroke\", \"none\");\n-        }\n-\n-        if (style.pointerEvents) {\n-            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n-        }\n-\n-        if (style.cursor != null) {\n-            node.setAttributeNS(null, \"cursor\", style.cursor);\n-        }\n \n-        return node;\n-    },\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /********************************************************/\n \n-    /** \n-     * Method: dashStyle\n+    /**\n+     * Method: getLonLatFromViewPortPx\n+     * Get a map location from a pixel location\n      * \n      * Parameters:\n-     * style - {Object}\n-     * widthFactor - {Number}\n-     * \n+     * viewPortPx - {<OpenLayers.Pixel>}\n+     *\n      * Returns:\n-     * {String} A SVG compliant 'stroke-dasharray' value\n+     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n+     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n+     *  If the map lib is not loaded or not centered, returns null\n      */\n-    dashStyle: function(style, widthFactor) {\n-        var w = style.strokeWidth * widthFactor;\n-        var str = style.strokeDashstyle;\n-        switch (str) {\n-            case 'solid':\n-                return 'none';\n-            case 'dot':\n-                return [1, 4 * w].join();\n-            case 'dash':\n-                return [4 * w, 4 * w].join();\n-            case 'dashdot':\n-                return [4 * w, 4 * w, 1, 4 * w].join();\n-            case 'longdash':\n-                return [8 * w, 4 * w].join();\n-            case 'longdashdot':\n-                return [8 * w, 4 * w, 1, 4 * w].join();\n-            default:\n-                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        if ((this.mapObject != null) &&\n+            (this.getMapObjectCenter() != null)) {\n+            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n+            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n+            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat);\n         }\n+        return lonlat;\n     },\n \n-    /** \n-     * Method: createNode\n-     * \n+\n+    /**\n+     * Method: getViewPortPxFromLonLat\n+     * Get a pixel location from a map location\n+     *\n      * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n-     * \n+     * lonlat - {<OpenLayers.LonLat>}\n+     *\n      * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n+     * OpenLayers.LonLat, translated into view port pixels by map lib\n+     * If map lib is not loaded or not centered, returns null\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElementNS(this.xmlns, type);\n-        if (id) {\n-            node.setAttributeNS(null, \"id\", id);\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        var viewPortPx = null;\n+        if ((this.mapObject != null) &&\n+            (this.getMapObjectCenter() != null)) {\n+\n+            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n+            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n+\n+            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel);\n         }\n-        return node;\n+        return viewPortPx;\n     },\n \n-    /** \n-     * Method: nodeTypeCompare\n-     * \n-     * Parameters:\n-     * node - {SVGDomElement} An SVG element\n-     * type - {String} Kind of node\n+    /********************************************************/\n+    /*                                                      */\n+    /*               Translation Functions                  */\n+    /*                                                      */\n+    /*   The following functions translate Map Object and   */\n+    /*            OL formats for Pixel, LonLat              */\n+    /*                                                      */\n+    /********************************************************/\n+\n+    //\n+    // TRANSLATION: MapObject LatLng <-> OpenLayers.LonLat\n+    //\n+\n+    /**\n+     * Method: getOLLonLatFromMapObjectLonLat\n+     * Get an OL style map location from a 3rd party style map location\n+     *\n+     * Parameters\n+     * moLonLat - {Object}\n      * \n      * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n+     * {<OpenLayers.LonLat>} An OpenLayers.LonLat, translated from the passed in \n+     *          MapObject LonLat\n+     *          Returns null if null value is passed in\n      */\n-    nodeTypeCompare: function(node, type) {\n-        return (type == node.nodeName);\n+    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n+        var olLonLat = null;\n+        if (moLonLat != null) {\n+            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+            olLonLat = new OpenLayers.LonLat(lon, lat);\n+        }\n+        return olLonLat;\n     },\n \n     /**\n-     * Method: createRenderRoot\n+     * Method: getMapObjectLonLatFromOLLonLat\n+     * Get a 3rd party map location from an OL map location.\n+     *\n+     * Parameters:\n+     * olLonLat - {<OpenLayers.LonLat>}\n      * \n      * Returns:\n-     * {DOMElement} The specific render engine's root element\n+     * {Object} A MapObject LonLat, translated from the passed in \n+     *          OpenLayers.LonLat\n+     *          Returns null if null value is passed in\n      */\n-    createRenderRoot: function() {\n-        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n-        svg.style.display = \"block\";\n-        return svg;\n+    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n+        var moLatLng = null;\n+        if (olLonLat != null) {\n+            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon,\n+                olLonLat.lat);\n+        }\n+        return moLatLng;\n     },\n \n+\n+    //\n+    // TRANSLATION: MapObject Pixel <-> OpenLayers.Pixel\n+    //\n+\n     /**\n-     * Method: createRoot\n-     * \n+     * Method: getOLPixelFromMapObjectPixel\n+     * Get an OL pixel location from a 3rd party pixel location.\n+     *\n      * Parameters:\n-     * suffix - {String} suffix to append to the id\n+     * moPixel - {Object}\n      * \n      * Returns:\n-     * {DOMElement}\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel, translated from the passed in \n+     *          MapObject Pixel\n+     *          Returns null if null value is passed in\n      */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"g\");\n+    getOLPixelFromMapObjectPixel: function(moPixel) {\n+        var olPixel = null;\n+        if (moPixel != null) {\n+            var x = this.getXFromMapObjectPixel(moPixel);\n+            var y = this.getYFromMapObjectPixel(moPixel);\n+            olPixel = new OpenLayers.Pixel(x, y);\n+        }\n+        return olPixel;\n     },\n \n     /**\n-     * Method: createDefs\n+     * Method: getMapObjectPixelFromOLPixel\n+     * Get a 3rd party pixel location from an OL pixel location\n      *\n+     * Parameters:\n+     * olPixel - {<OpenLayers.Pixel>}\n+     * \n      * Returns:\n-     * {DOMElement} The element to which we'll add the symbol definitions\n+     * {Object} A MapObject Pixel, translated from the passed in \n+     *          OpenLayers.Pixel\n+     *          Returns null if null value is passed in\n      */\n-    createDefs: function() {\n-        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n-        this.rendererRoot.appendChild(defs);\n-        return defs;\n+    getMapObjectPixelFromOLPixel: function(olPixel) {\n+        var moPixel = null;\n+        if (olPixel != null) {\n+            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y);\n+        }\n+        return moPixel;\n     },\n \n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n+    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/Google.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer/SphericalMercator.js\n+ * @requires OpenLayers/Layer/EventPane.js\n+ * @requires OpenLayers/Layer/FixedZoomLevels.js\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.Google\n+ * \n+ * Provides a wrapper for Google's Maps API\n+ * Normally the Terms of Use for this API do not allow wrapping, but Google\n+ * have provided written consent to OpenLayers for this - see email in \n+ * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.SphericalMercator>\n+ *  - <OpenLayers.Layer.EventPane>\n+ *  - <OpenLayers.Layer.FixedZoomLevels>\n+ */\n+OpenLayers.Layer.Google = OpenLayers.Class(\n+    OpenLayers.Layer.EventPane,\n+    OpenLayers.Layer.FixedZoomLevels, {\n+\n+        /** \n+         * Constant: MIN_ZOOM_LEVEL\n+         * {Integer} 0 \n+         */\n+        MIN_ZOOM_LEVEL: 0,\n+\n+        /** \n+         * Constant: MAX_ZOOM_LEVEL\n+         * {Integer} 21\n+         */\n+        MAX_ZOOM_LEVEL: 21,\n+\n+        /** \n+         * Constant: RESOLUTIONS\n+         * {Array(Float)} Hardcode these resolutions so that they are more closely\n+         *                tied with the standard wms projection\n+         */\n+        RESOLUTIONS: [\n+            1.40625,\n+            0.703125,\n+            0.3515625,\n+            0.17578125,\n+            0.087890625,\n+            0.0439453125,\n+            0.02197265625,\n+            0.010986328125,\n+            0.0054931640625,\n+            0.00274658203125,\n+            0.001373291015625,\n+            0.0006866455078125,\n+            0.00034332275390625,\n+            0.000171661376953125,\n+            0.0000858306884765625,\n+            0.00004291534423828125,\n+            0.00002145767211914062,\n+            0.00001072883605957031,\n+            0.00000536441802978515,\n+            0.00000268220901489257,\n+            0.0000013411045074462891,\n+            0.00000067055225372314453\n+        ],\n+\n+        /**\n+         * APIProperty: type\n+         * {GMapType}\n+         */\n+        type: null,\n+\n+        /**\n+         * APIProperty: wrapDateLine\n+         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n+         *     Setting this to false only restricts panning if \n+         *     <sphericalMercator> is true. \n+         */\n+        wrapDateLine: true,\n+\n+        /**\n+         * APIProperty: sphericalMercator\n+         * {Boolean} Should the map act as a mercator-projected map? This will\n+         *     cause all interactions with the map to be in the actual map \n+         *     projection, which allows support for vector drawing, overlaying \n+         *     other maps, etc. \n+         */\n+        sphericalMercator: false,\n+\n+        /**\n+         * Property: version\n+         * {Number} The version of the Google Maps API\n+         */\n+        version: null,\n+\n+        /** \n+         * Constructor: OpenLayers.Layer.Google\n+         * \n+         * Parameters:\n+         * name - {String} A name for the layer.\n+         * options - {Object} An optional object whose properties will be set\n+         *     on the layer.\n+         */\n+        initialize: function(name, options) {\n+            options = options || {};\n+            if (!options.version) {\n+                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n+            }\n+            var mixin = OpenLayers.Layer.Google[\"v\" +\n+                options.version.replace(/\\./g, \"_\")];\n+            if (mixin) {\n+                OpenLayers.Util.applyDefaults(options, mixin);\n+            } else {\n+                throw \"Unsupported Google Maps API version: \" + options.version;\n+            }\n+\n+            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+            if (options.maxExtent) {\n+                options.maxExtent = options.maxExtent.clone();\n+            }\n+\n+            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n+                [name, options]);\n+            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n+                [name, options]);\n+\n+            if (this.sphericalMercator) {\n+                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+                this.initMercatorParameters();\n+            }\n+        },\n+\n+        /**\n+         * Method: clone\n+         * Create a clone of this layer\n+         *\n+         * Returns:\n+         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n+         */\n+        clone: function() {\n+            /**\n+             * This method isn't intended to be called by a subclass and it\n+             * doesn't call the same method on the superclass.  We don't call\n+             * the super's clone because we don't want properties that are set\n+             * on this layer after initialize (i.e. this.mapObject etc.).\n+             */\n+            return new OpenLayers.Layer.Google(\n+                this.name, this.getOptions()\n+            );\n+        },\n+\n+        /**\n+         * APIMethod: setVisibility\n+         * Set the visibility flag for the layer and hide/show & redraw \n+         *     accordingly. Fire event unless otherwise specified\n+         * \n+         * Note that visibility is no longer simply whether or not the layer's\n+         *     style.display is set to \"block\". Now we store a 'visibility' state \n+         *     property on the layer class, this allows us to remember whether or \n+         *     not we *desire* for a layer to be visible. In the case where the \n+         *     map's resolution is out of the layer's range, this desire may be \n+         *     subverted.\n+         * \n+         * Parameters:\n+         * visible - {Boolean} Display the layer (if in range)\n+         */\n+        setVisibility: function(visible) {\n+            // sharing a map container, opacity has to be set per layer\n+            var opacity = this.opacity == null ? 1 : this.opacity;\n+            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+            this.setOpacity(opacity);\n+        },\n+\n+        /** \n+         * APIMethod: display\n+         * Hide or show the Layer\n+         * \n+         * Parameters:\n+         * visible - {Boolean}\n+         */\n+        display: function(visible) {\n+            if (!this._dragging) {\n+                this.setGMapVisibility(visible);\n+            }\n+            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: moveTo\n+         * \n+         * Parameters:\n+         * bounds - {<OpenLayers.Bounds>}\n+         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+         *     do some init work in that case.\n+         * dragging - {Boolean}\n+         */\n+        moveTo: function(bounds, zoomChanged, dragging) {\n+            this._dragging = dragging;\n+            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+            delete this._dragging;\n+        },\n+\n+        /**\n+         * APIMethod: setOpacity\n+         * Sets the opacity for the entire layer (all images)\n+         * \n+         * Parameters:\n+         * opacity - {Float}\n+         */\n+        setOpacity: function(opacity) {\n+            if (opacity !== this.opacity) {\n+                if (this.map != null) {\n+                    this.map.events.triggerEvent(\"changelayer\", {\n+                        layer: this,\n+                        property: \"opacity\"\n+                    });\n+                }\n+                this.opacity = opacity;\n+            }\n+            // Though this layer's opacity may not change, we're sharing a container\n+            // and need to update the opacity for the entire container.\n+            if (this.getVisibility()) {\n+                var container = this.getMapContainer();\n+                OpenLayers.Util.modifyDOMElement(\n+                    container, null, null, null, null, null, null, opacity\n+                );\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: destroy\n+         * Clean up this layer.\n+         */\n+        destroy: function() {\n+            /**\n+             * We have to override this method because the event pane destroy\n+             * deletes the mapObject reference before removing this layer from\n+             * the map.\n+             */\n+            if (this.map) {\n+                this.setGMapVisibility(false);\n+                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+                if (cache && cache.count <= 1) {\n+                    this.removeGMapElements();\n+                }\n+            }\n+            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: removeGMapElements\n+         * Remove all elements added to the dom.  This should only be called if\n+         * this is the last of the Google layers for the given map.\n+         */\n+        removeGMapElements: function() {\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache) {\n+                // remove shared elements from dom\n+                var container = this.mapObject && this.getMapContainer();\n+                if (container && container.parentNode) {\n+                    container.parentNode.removeChild(container);\n+                }\n+                var termsOfUse = cache.termsOfUse;\n+                if (termsOfUse && termsOfUse.parentNode) {\n+                    termsOfUse.parentNode.removeChild(termsOfUse);\n+                }\n+                var poweredBy = cache.poweredBy;\n+                if (poweredBy && poweredBy.parentNode) {\n+                    poweredBy.parentNode.removeChild(poweredBy);\n+                }\n+                if (this.mapObject && window.google && google.maps &&\n+                    google.maps.event && google.maps.event.clearListeners) {\n+                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n+                }\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: removeMap\n+         * On being removed from the map, also remove termsOfUse and poweredBy divs\n+         * \n+         * Parameters:\n+         * map - {<OpenLayers.Map>}\n+         */\n+        removeMap: function(map) {\n+            // hide layer before removing\n+            if (this.visibility && this.mapObject) {\n+                this.setGMapVisibility(false);\n+            }\n+            // check to see if last Google layer in this map\n+            var cache = OpenLayers.Layer.Google.cache[map.id];\n+            if (cache) {\n+                if (cache.count <= 1) {\n+                    this.removeGMapElements();\n+                    delete OpenLayers.Layer.Google.cache[map.id];\n+                } else {\n+                    // decrement the layer count\n+                    --cache.count;\n+                }\n+            }\n+            // remove references to gmap elements\n+            delete this.termsOfUse;\n+            delete this.poweredBy;\n+            delete this.mapObject;\n+            delete this.dragObject;\n+            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n+        },\n+\n+        //\n+        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+        //\n+\n+        /**\n+         * APIMethod: getOLBoundsFromMapObjectBounds\n+         * \n+         * Parameters:\n+         * moBounds - {Object}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n+         *                       passed-in MapObject Bounds.\n+         *                       Returns null if null value is passed in.\n+         */\n+        getOLBoundsFromMapObjectBounds: function(moBounds) {\n+            var olBounds = null;\n+            if (moBounds != null) {\n+                var sw = moBounds.getSouthWest();\n+                var ne = moBounds.getNorthEast();\n+                if (this.sphericalMercator) {\n+                    sw = this.forwardMercator(sw.lng(), sw.lat());\n+                    ne = this.forwardMercator(ne.lng(), ne.lat());\n+                } else {\n+                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n+                }\n+                olBounds = new OpenLayers.Bounds(sw.lon,\n+                    sw.lat,\n+                    ne.lon,\n+                    ne.lat);\n+            }\n+            return olBounds;\n+        },\n+\n+        /** \n+         * APIMethod: getWarningHTML\n+         * \n+         * Returns: \n+         * {String} String with information on why layer is broken, how to get\n+         *          it working.\n+         */\n+        getWarningHTML: function() {\n+            return OpenLayers.i18n(\"googleWarning\");\n+        },\n+\n+\n+        /************************************\n+         *                                  *\n+         *   MapObject Interface Controls   *\n+         *                                  *\n+         ************************************/\n+\n+\n+        // Get&Set Center, Zoom\n+\n+        /**\n+         * APIMethod: getMapObjectCenter\n+         * \n+         * Returns: \n+         * {Object} The mapObject's current center in Map Object format\n+         */\n+        getMapObjectCenter: function() {\n+            return this.mapObject.getCenter();\n+        },\n+\n+        /** \n+         * APIMethod: getMapObjectZoom\n+         * \n+         * Returns:\n+         * {Integer} The mapObject's current zoom, in Map Object format\n+         */\n+        getMapObjectZoom: function() {\n+            return this.mapObject.getZoom();\n+        },\n+\n+\n+        /************************************\n+         *                                  *\n+         *       MapObject Primitives       *\n+         *                                  *\n+         ************************************/\n+\n+\n+        // LonLat\n+\n+        /**\n+         * APIMethod: getLongitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Longitude of the given MapObject LonLat\n+         */\n+        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+            return this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n+                moLonLat.lng();\n+        },\n+\n+        /**\n+         * APIMethod: getLatitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Latitude of the given MapObject LonLat\n+         */\n+        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+            var lat = this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n+                moLonLat.lat();\n+            return lat;\n+        },\n+\n+        // Pixel\n+\n+        /**\n+         * APIMethod: getXFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} X value of the MapObject Pixel\n+         */\n+        getXFromMapObjectPixel: function(moPixel) {\n+            return moPixel.x;\n+        },\n+\n+        /**\n+         * APIMethod: getYFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} Y value of the MapObject Pixel\n+         */\n+        getYFromMapObjectPixel: function(moPixel) {\n+            return moPixel.y;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Layer.Google\"\n+    });\n+\n+/**\n+ * Property: OpenLayers.Layer.Google.cache\n+ * {Object} Cache for elements that should only be created once per map.\n+ */\n+OpenLayers.Layer.Google.cache = {};\n+\n+\n+/**\n+ * Constant: OpenLayers.Layer.Google.v2\n+ * \n+ * Mixin providing functionality specific to the Google Maps API v2.\n+ * \n+ * This API has been deprecated by Google.\n+ * Developers are encouraged to migrate to v3 of the API; support for this\n+ * is provided by <OpenLayers.Layer.Google.v3>\n+ */\n+OpenLayers.Layer.Google.v2 = {\n \n     /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the point\n+     * Property: termsOfUse\n+     * {DOMElement} Div for Google's copyright and terms of use link\n      */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n-    },\n+    termsOfUse: null,\n \n     /**\n-     * Method: drawCircle\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {Float}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the circle\n+     * Property: poweredBy\n+     * {DOMElement} Div for Google's powered by logo and link\n      */\n-    drawCircle: function(node, geometry, radius) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n+    poweredBy: null,\n \n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"cx\", x);\n-            node.setAttributeNS(null, \"cy\", y);\n-            node.setAttributeNS(null, \"r\", radius);\n-            return node;\n+    /**\n+     * Property: dragObject\n+     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n+     *     the maps GDraggableObject. We can now use this for smooth panning\n+     */\n+    dragObject: null,\n+\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners. If we can't \n+     *     load GMap2, then display a warning message.\n+     */\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP;\n+        }\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            // increment the layer count\n+            ++cache.count;\n         } else {\n-            return false;\n+            // this is the first Google layer for this map\n+\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n+\n+            // create GMap and shuffle elements\n+            try {\n+                mapObject = new GMap2(div);\n+\n+                // move the ToS and branding stuff up to the container div\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n+\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n+\n+            } catch (e) {\n+                throw (e);\n+            }\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            };\n         }\n \n-    },\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n \n-    /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components of\n-     *     the linestring, or false if nothing could be drawn\n-     */\n-    drawLineString: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n+        // ensure this layer type is one of the mapObject types\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n+                this.type) === -1) {\n+            this.mapObject.addMapType(this.type);\n+        }\n+\n+        //since v 2.93 getDragObject is now available.\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject();\n         } else {\n-            return false;\n+            this.dragPanMapObject = null;\n+        }\n+\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\");\n         }\n+\n     },\n \n     /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the linear ring, or false if nothing could be drawn\n+     * APIMethod: onMapResize\n      */\n-    drawLinearRing: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n+    onMapResize: function() {\n+        // workaround for resizing of invisible or not yet fully loaded layers\n+        // where GMap2.checkResize() does not work. We need to load the GMap\n+        // for the old div size, then checkResize(), and then call\n+        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n+        // the GMap initialization).\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize();\n         } else {\n-            return false;\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n+                });\n+            }\n+            this._resized = true;\n         }\n     },\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the polygon, or false if nothing could be drawn\n+     * Parameters:\n+     * visible - {Boolean} Display the GMap elements.\n      */\n-    drawPolygon: function(node, geometry) {\n-        var d = \"\";\n-        var draw = true;\n-        var complete = true;\n-        var linearRingResult, path;\n-        for (var j = 0, len = geometry.components.length; j < len; j++) {\n-            d += \" M\";\n-            linearRingResult = this.getComponentsString(\n-                geometry.components[j].components, \" \");\n-            path = linearRingResult.path;\n-            if (path) {\n-                d += \" \" + path;\n-                complete = linearRingResult.complete && complete;\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id;\n             } else {\n-                draw = false;\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed;\n+                }\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    // move ToU far to the left in addition to setting display\n+                    // to \"none\", because at the end of the GMap2 load\n+                    // sequence, display: none will be unset and ToU would be\n+                    // visible after loading a map with a google layer that is\n+                    // initially hidden. \n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\";\n+                }\n             }\n         }\n-        d += \" z\";\n-        if (draw) {\n-            node.setAttributeNS(null, \"d\", d);\n-            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n-            return complete ? node : null;\n-        } else {\n-            return false;\n-        }\n     },\n \n     /**\n-     * Method: drawRectangle\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the rectangle\n+     * {DOMElement} the GMap container's div\n      */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"x\", x);\n-            node.setAttributeNS(null, \"y\", y);\n-            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n-            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n-            return node;\n-        } else {\n-            return false;\n-        }\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer();\n     },\n \n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n+\n     /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     *\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n+     * \n      * Parameters:\n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n+     * olBounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    drawText: function(featureId, style, location) {\n-        var drawOutline = (!!style.labelOutlineWidth);\n-        // First draw text in halo color and size and overlay the\n-        // normal text afterwards\n-        if (drawOutline) {\n-            var outlineStyle = OpenLayers.Util.extend({}, style);\n-            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n-            if (style.labelOutlineOpacity) {\n-                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n-            }\n-            delete outlineStyle.labelOutlineWidth;\n-            this.drawText(featureId, outlineStyle, location);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n+                new GLatLng(ne.lat, ne.lon));\n         }\n+        return moBounds;\n+    },\n \n-        var resolution = this.getResolution();\n \n-        var x = ((location.x - this.featureDx) / resolution + this.left);\n-        var y = (location.y / resolution - this.top);\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n \n-        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n-        var label = this.nodeFactory(featureId + suffix, \"text\");\n \n-        label.setAttributeNS(null, \"x\", x);\n-        label.setAttributeNS(null, \"y\", -y);\n+    // Get&Set Center, Zoom\n \n-        if (style.fontColor) {\n-            label.setAttributeNS(null, \"fill\", style.fontColor);\n-        }\n-        if (style.fontStrokeColor) {\n-            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n-        }\n-        if (style.fontStrokeWidth) {\n-            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n-        }\n-        if (style.fontOpacity) {\n-            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n-        }\n-        if (style.fontFamily) {\n-            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n-        }\n-        if (style.fontSize) {\n-            label.setAttributeNS(null, \"font-size\", style.fontSize);\n-        }\n-        if (style.fontWeight) {\n-            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n-        }\n-        if (style.fontStyle) {\n-            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n-        }\n-        if (style.labelSelect === true) {\n-            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n-            label._featureId = featureId;\n-        } else {\n-            label.setAttributeNS(null, \"pointer-events\", \"none\");\n-        }\n-        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n-        label.setAttributeNS(null, \"text-anchor\",\n-            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n+    /** \n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n+     * \n+     * Parameters:\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n+     */\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom);\n+    },\n \n-        if (OpenLayers.IS_GECKO === true) {\n-            label.setAttributeNS(null, \"dominant-baseline\",\n-                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n-        }\n+    /**\n+     * APIMethod: dragPanMapObject\n+     * \n+     * Parameters:\n+     * dX - {Integer}\n+     * dY - {Integer}\n+     */\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY));\n+    },\n \n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        while (label.childNodes.length > numRows) {\n-            label.removeChild(label.lastChild);\n-        }\n-        for (var i = 0; i < numRows; i++) {\n-            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n-            if (style.labelSelect === true) {\n-                tspan._featureId = featureId;\n-                tspan._geometry = location;\n-                tspan._geometryClass = location.CLASS_NAME;\n-            }\n-            if (OpenLayers.IS_GECKO === false) {\n-                tspan.setAttributeNS(null, \"baseline-shift\",\n-                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n-            }\n-            tspan.setAttribute(\"x\", x);\n-            if (i == 0) {\n-                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n-                if (vfactor == null) {\n-                    vfactor = -.5;\n-                }\n-                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n-            } else {\n-                tspan.setAttribute(\"dy\", \"1em\");\n-            }\n-            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n-            if (!tspan.parentNode) {\n-                label.appendChild(tspan);\n-            }\n-        }\n \n-        if (!label.parentNode) {\n-            this.textRoot.appendChild(label);\n-        }\n-    },\n+    // LonLat - Pixel Translation\n \n-    /** \n-     * Method: getComponentString\n+    /**\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n      * \n      * Parameters:\n-     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n-     * separator - {String} character between coordinate pairs. Defaults to \",\"\n+     * moPixel - {Object} MapObject Pixel format\n      * \n      * Returns:\n-     * {Object} hash with properties \"path\" (the string created from the\n-     *     components and \"complete\" (false if the renderer was unable to\n-     *     draw all components)\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    getComponentsString: function(components, separator) {\n-        var renderCmp = [];\n-        var complete = true;\n-        var len = components.length;\n-        var strings = [];\n-        var str, component;\n-        for (var i = 0; i < len; i++) {\n-            component = components[i];\n-            renderCmp.push(component);\n-            str = this.getShortString(component);\n-            if (str) {\n-                strings.push(str);\n-            } else {\n-                // The current component is outside the valid range. Let's\n-                // see if the previous or next component is inside the range.\n-                // If so, add the coordinate of the intersection with the\n-                // valid range bounds.\n-                if (i > 0) {\n-                    if (this.getShortString(components[i - 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i - 1]));\n-                    }\n-                }\n-                if (i < len - 1) {\n-                    if (this.getShortString(components[i + 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i + 1]));\n-                    }\n-                }\n-                complete = false;\n-            }\n-        }\n-\n-        return {\n-            path: strings.join(separator || \",\"),\n-            complete: complete\n-        };\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n     },\n \n     /**\n-     * Method: clipLine\n-     * Given two points (one inside the valid range, and one outside),\n-     * clips the line betweeen the two points so that the new points are both\n-     * inside the valid range.\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n      * \n      * Parameters:\n-     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     invalid point\n-     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     valid point\n-     * Returns\n-     * {String} the SVG coordinate pair of the clipped point (like\n-     *     getShortString), or an empty string if both passed componets are at\n-     *     the same point.\n+     * moLonLat - {Object} MapObject LonLat format\n+     * \n+     * Returns:\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    clipLine: function(badComponent, goodComponent) {\n-        if (goodComponent.equals(badComponent)) {\n-            return \"\";\n-        }\n-        var resolution = this.getResolution();\n-        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n-        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n-        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n-        var y1 = this.top - goodComponent.y / resolution;\n-        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n-        var y2 = this.top - badComponent.y / resolution;\n-        var k;\n-        if (x2 < -maxX || x2 > maxX) {\n-            k = (y2 - y1) / (x2 - x1);\n-            x2 = x2 < 0 ? -maxX : maxX;\n-            y2 = y1 + (x2 - x1) * k;\n-        }\n-        if (y2 < -maxY || y2 > maxY) {\n-            k = (x2 - x1) / (y2 - y1);\n-            y2 = y2 < 0 ? -maxY : maxY;\n-            x2 = x1 + (y2 - y1) * k;\n-        }\n-        return x2 + \",\" + y2;\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n     },\n \n+\n+    // Bounds\n+\n     /** \n-     * Method: getShortString\n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n      * \n      * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n+     * moBounds - {Object} MapObject Bounds format\n      * \n      * Returns:\n-     * {String} or false if point is outside the valid range\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    getShortString: function(point) {\n-        var resolution = this.getResolution();\n-        var x = ((point.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - point.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            return x + \",\" + y;\n-        } else {\n-            return false;\n-        }\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n     },\n \n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n+\n     /**\n-     * Method: getPosition\n-     * Finds the position of an svg node.\n+     * APIMethod: getMapObjectLonLatFromLonLat\n      * \n      * Parameters:\n-     * node - {DOMElement}\n+     * lon - {Float}\n+     * lat - {Float}\n      * \n      * Returns:\n-     * {Object} hash with x and y properties, representing the coordinates\n-     *     within the svg coordinate system\n+     * {Object} MapObject LonLat built from lon and lat params\n      */\n-    getPosition: function(node) {\n-        return ({\n-            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n-            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n-        });\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n+        } else {\n+            gLatLng = new GLatLng(lat, lon);\n+        }\n+        return gLatLng;\n     },\n \n+    // Pixel\n+\n     /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n+     * APIMethod: getMapObjectPixelFromXY\n      * \n      * Parameters:\n-     * graphicName - {String} name of the symbol to import\n+     * x - {Integer}\n+     * y - {Integer}\n      * \n      * Returns:\n-     * {DOMElement} - the imported symbol\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    importSymbol: function(graphicName) {\n-        if (!this.defs) {\n-            // create svg defs tag\n-            this.defs = this.createDefs();\n-        }\n-        var id = this.container.id + \"-\" + graphicName;\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y);\n+    }\n \n-        // check if symbol already exists in the defs\n-        var existing = document.getElementById(id);\n-        if (existing != null) {\n-            return existing;\n-        }\n+};\n+/* ======================================================================\n+    OpenLayers/Layer/PointTrack.js\n+   ====================================================================== */\n \n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        var symbolNode = this.nodeFactory(id, \"symbol\");\n-        var node = this.nodeFactory(null, \"polygon\");\n-        symbolNode.appendChild(node);\n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+/**\n+ * @requires OpenLayers/Layer/Vector.js\n+ */\n \n-        var points = [];\n-        var x, y;\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            x = symbol[i];\n-            y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n-            points.push(x, \",\", y);\n-        }\n+/**\n+ * Class: OpenLayers.Layer.PointTrack\n+ * Vector layer to display ordered point features as a line, creating one\n+ * LineString feature for each pair of two points.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector> \n+ */\n+OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n-        node.setAttributeNS(null, \"points\", points.join(\" \"));\n+    /**\n+     * APIProperty: dataFrom\n+     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n+     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n+     *     should get the data/attributes from one of the two points it is\n+     *     composed of, which one should it be?\n+     */\n+    dataFrom: null,\n \n-        var width = symbolExtent.getWidth();\n-        var height = symbolExtent.getHeight();\n-        // create a viewBox three times as large as the symbol itself,\n-        // to allow for strokeWidth being displayed correctly at the corners.\n-        var viewBox = [symbolExtent.left - width,\n-            symbolExtent.bottom - height, width * 3, height * 3\n-        ];\n-        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n-        this.symbolMetrics[id] = [\n-            Math.max(width, height),\n-            symbolExtent.getCenterLonLat().lon,\n-            symbolExtent.getCenterLonLat().lat\n-        ];\n+    /**\n+     * APIProperty: styleFrom\n+     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n+     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n+     *     should get the style from one of the two points it is composed of,\n+     *     which one should it be?\n+     */\n+    styleFrom: null,\n \n-        this.defs.appendChild(symbolNode);\n-        return symbolNode;\n-    },\n+    /**\n+     * Constructor: OpenLayers.PointTrack\n+     * Constructor for a new OpenLayers.PointTrack instance.\n+     *\n+     * Parameters:\n+     * name     - {String} name of the layer\n+     * options  - {Object} Optional object with properties to tag onto the\n+     *            instance.\n+     */\n \n     /**\n-     * Method: getFeatureIdFromEvent\n+     * APIMethod: addNodes\n+     * Adds point features that will be used to create lines from, using point\n+     * pairs. The first point of a pair will be the source node, the second\n+     * will be the target node.\n      * \n      * Parameters:\n-     * evt - {Object} An <OpenLayers.Event> object\n-     *\n-     * Returns:\n-     * {String} A feature id or undefined.\n+     * pointFeatures - {Array(<OpenLayers.Feature>)}\n+     * options - {Object}\n+     * \n+     * Supported options:\n+     * silent - {Boolean} true to suppress (before)feature(s)added events\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n-        if (!featureId) {\n-            var target = evt.target;\n-            featureId = target.parentNode && target != this.rendererRoot ?\n-                target.parentNode._featureId : undefined;\n+    addNodes: function(pointFeatures, options) {\n+        if (pointFeatures.length < 2) {\n+            throw new Error(\"At least two point features have to be added to \" +\n+                \"create a line from\");\n         }\n-        return featureId;\n+\n+        var lines = new Array(pointFeatures.length - 1);\n+\n+        var pointFeature, startPoint, endPoint;\n+        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n+            pointFeature = pointFeatures[i];\n+            endPoint = pointFeature.geometry;\n+\n+            if (!endPoint) {\n+                var lonlat = pointFeature.lonlat;\n+                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n+            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+                throw new TypeError(\"Only features with point geometries are supported.\");\n+            }\n+\n+            if (i > 0) {\n+                var attributes = (this.dataFrom != null) ?\n+                    (pointFeatures[i + this.dataFrom].data ||\n+                        pointFeatures[i + this.dataFrom].attributes) :\n+                    null;\n+                var style = (this.styleFrom != null) ?\n+                    (pointFeatures[i + this.styleFrom].style) :\n+                    null;\n+                var line = new OpenLayers.Geometry.LineString([startPoint,\n+                    endPoint\n+                ]);\n+\n+                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes,\n+                    style);\n+            }\n+\n+            startPoint = endPoint;\n+        }\n+\n+        this.addFeatures(lines, options);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n+    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n });\n \n /**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n-    \"l\": \"start\",\n-    \"r\": \"end\",\n-    \"b\": \"bottom\",\n-    \"t\": \"hanging\"\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n- * {Object}\n+ * Constant: OpenLayers.Layer.PointTrack.SOURCE_NODE\n+ * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n+ * <OpenLayers.Layer.PointTrack.styleFrom>\n  */\n-OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n-    // according to\n-    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n-    // a baseline-shift of -70% shifts the text exactly from the\n-    // bottom to the top of the baseline, so -35% moves the text to\n-    // the center of the baseline.\n-    \"t\": \"-70%\",\n-    \"b\": \"0\"\n-};\n+OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n \n /**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n- * {Object}\n+ * Constant: OpenLayers.Layer.PointTrack.TARGET_NODE\n+ * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n+ * <OpenLayers.Layer.PointTrack.styleFrom>\n  */\n-OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n-    \"t\": 0,\n-    \"b\": -1\n-};\n+OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n \n /**\n- * Function: OpenLayers.Renderer.SVG.preventDefault\n- * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n- * Used to prevent default events (especially opening images in a new tab on\n- * ctrl-click) from being executed for externalGraphic symbols\n+ * Constant: OpenLayers.Layer.PointTrack.dataFrom\n+ * {Object} with the following keys - *deprecated*\n+ * - SOURCE_NODE: take data/attributes from the source node of the line\n+ * - TARGET_NODE: take data/attributes from the target node of the line\n  */\n-OpenLayers.Renderer.SVG.preventDefault = function(e) {\n-    OpenLayers.Event.preventDefault(e);\n+OpenLayers.Layer.PointTrack.dataFrom = {\n+    'SOURCE_NODE': -1,\n+    'TARGET_NODE': 0\n };\n /* ======================================================================\n-    OpenLayers/Renderer/VML.js\n+    OpenLayers/Layer/Zoomify.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+/*\n+ * Development supported by a R&D grant DC08P02OUK006 - Old Maps Online\n+ * (www.oldmapsonline.org) from Ministry of Culture of the Czech Republic.\n+ */\n+\n+\n /**\n- * @requires OpenLayers/Renderer/Elements.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.VML\n- * Render vector features in browsers with VML capability.  Construct a new\n- * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n- * \n- * Note that for all calculations in this class, we use (num | 0) to truncate a \n- * float value to an integer. This is done because it seems that VML doesn't \n- * support float values.\n+ * Class: OpenLayers.Layer.Zoomify\n  *\n  * Inherits from:\n- *  - <OpenLayers.Renderer.Elements>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Property: xmlns\n-     * {String} XML Namespace URN\n+     * Property: size\n+     * {<OpenLayers.Size>} The Zoomify image size in pixels.\n      */\n-    xmlns: \"urn:schemas-microsoft-com:vml\",\n+    size: null,\n \n     /**\n-     * Property: symbolCache\n-     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n-     *     and each value is a hash with a \"path\" and an \"extent\" property.\n+     * APIProperty: isBaseLayer\n+     * {Boolean}\n      */\n-    symbolCache: {},\n+    isBaseLayer: true,\n \n     /**\n-     * Property: offset\n-     * {Object} Hash with \"x\" and \"y\" properties\n+     * Property: standardTileSize\n+     * {Integer} The size of a standard (non-border) square tile in pixels.\n      */\n-    offset: null,\n+    standardTileSize: 256,\n+\n+    /** \n+     * Property: tileOriginCorner\n+     * {String} This layer uses top-left as tile origin\n+     **/\n+    tileOriginCorner: \"tl\",\n \n     /**\n-     * Constructor: OpenLayers.Renderer.VML\n-     * Create a new VML renderer.\n-     *\n-     * Parameters:\n-     * containerID - {String} The id for the element that contains the renderer\n+     * Property: numberOfTiers\n+     * {Integer} Depth of the Zoomify pyramid, number of tiers (zoom levels)\n+     *                          - filled during Zoomify pyramid initialization.\n      */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n-        }\n-        if (!document.namespaces.olv) {\n-            document.namespaces.add(\"olv\", this.xmlns);\n-            var style = document.createStyleSheet();\n-            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n-            for (var i = 0, len = shapes.length; i < len; i++) {\n+    numberOfTiers: 0,\n \n-                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n-                    \"position: absolute; display: inline-block;\");\n-            }\n-        }\n+    /**\n+     * Property: tileCountUpToTier\n+     * {Array(Integer)} Number of tiles up to the given tier of pyramid.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tileCountUpToTier: null,\n \n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-    },\n+    /**\n+     * Property: tierSizeInTiles\n+     * {Array(<OpenLayers.Size>)} Size (in tiles) for each tier of pyramid.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tierSizeInTiles: null,\n \n     /**\n-     * APIMethod: supported\n-     * Determine whether a browser supports this renderer.\n+     * Property: tierImageSize\n+     * {Array(<OpenLayers.Size>)} Image size in pixels for each pyramid tier.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tierImageSize: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Zoomify\n      *\n-     * Returns:\n-     * {Boolean} The browser supports the VML renderer\n+     * Parameters:\n+     * name - {String} A name for the layer.\n+     * url - {String} - Relative or absolute path to the image or more\n+     *        precisly to the TileGroup[X] directories root.\n+     *        Flash plugin use the variable name \"zoomifyImagePath\" for this.\n+     * size - {<OpenLayers.Size>} The size (in pixels) of the image.\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    supported: function() {\n-        return !!(document.namespaces);\n+    initialize: function(name, url, size, options) {\n+\n+        // initilize the Zoomify pyramid for given size\n+        this.initializeZoomify(size);\n+\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name, url, size, {},\n+            options\n+        ]);\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the renderer's extent\n+     * Method: initializeZoomify\n+     * It generates constants for all tiers of the Zoomify pyramid\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     * \n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n+     * size - {<OpenLayers.Size>} The size of the image in pixels\n+     *\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution();\n-\n-        var left = (extent.left / resolution) | 0;\n-        var top = (extent.top / resolution - this.size.h) | 0;\n-        if (resolutionChanged || !this.offset) {\n-            this.offset = {\n-                x: left,\n-                y: top\n-            };\n-            left = 0;\n-            top = 0;\n-        } else {\n-            left = left - this.offset.x;\n-            top = top - this.offset.y;\n-        }\n+    initializeZoomify: function(size) {\n \n+        var imageSize = size.clone();\n+        this.size = size.clone();\n+        var tiles = new OpenLayers.Size(\n+            Math.ceil(imageSize.w / this.standardTileSize),\n+            Math.ceil(imageSize.h / this.standardTileSize)\n+        );\n \n-        var org = (left - this.xOffset) + \" \" + top;\n-        this.root.coordorigin = org;\n-        var roots = [this.root, this.vectorRoot, this.textRoot];\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n+        this.tierSizeInTiles = [tiles];\n+        this.tierImageSize = [imageSize];\n \n-            var size = this.size.w + \" \" + this.size.h;\n-            root.coordsize = size;\n+        while (imageSize.w > this.standardTileSize ||\n+            imageSize.h > this.standardTileSize) {\n \n+            imageSize = new OpenLayers.Size(\n+                Math.floor(imageSize.w / 2),\n+                Math.floor(imageSize.h / 2)\n+            );\n+            tiles = new OpenLayers.Size(\n+                Math.ceil(imageSize.w / this.standardTileSize),\n+                Math.ceil(imageSize.h / this.standardTileSize)\n+            );\n+            this.tierSizeInTiles.push(tiles);\n+            this.tierImageSize.push(imageSize);\n         }\n-        // flip the VML display Y axis upside down so it \n-        // matches the display Y axis of the map\n-        this.root.style.flip = \"y\";\n \n-        return coordSysUnchanged;\n-    },\n+        this.tierSizeInTiles.reverse();\n+        this.tierImageSize.reverse();\n \n+        this.numberOfTiers = this.tierSizeInTiles.length;\n+        var resolutions = [1];\n+        this.tileCountUpToTier = [0];\n+        for (var i = 1; i < this.numberOfTiers; i++) {\n+            resolutions.unshift(Math.pow(2, i));\n+            this.tileCountUpToTier.push(\n+                this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h +\n+                this.tileCountUpToTier[i - 1]\n+            );\n+        }\n+        if (!this.serverResolutions) {\n+            this.serverResolutions = resolutions;\n+        }\n+    },\n \n     /**\n-     * Method: setSize\n-     * Set the size of the drawing surface\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} the size of the drawing surface\n+     * APIMethod:destroy\n      */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+    destroy: function() {\n+        // for now, nothing special to do here.\n+        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n+\n+        // Remove from memory the Zoomify pyramid - is that enough?\n+        this.tileCountUpToTier.length = 0;\n+        this.tierSizeInTiles.length = 0;\n+        this.tierImageSize.length = 0;\n \n-        // setting width and height on all roots to avoid flicker which we\n-        // would get with 100% width and height on child roots\n-        var roots = [\n-            this.rendererRoot,\n-            this.root,\n-            this.vectorRoot,\n-            this.textRoot\n-        ];\n-        var w = this.size.w + \"px\";\n-        var h = this.size.h + \"px\";\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n-            root.style.width = w;\n-            root.style.height = h;\n-        }\n     },\n \n     /**\n-     * Method: getNodeType\n-     * Get the node type for a geometry and style\n+     * APIMethod: clone\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * obj - {Object}\n      *\n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {<OpenLayers.Layer.Zoomify>} An exact clone of this <OpenLayers.Layer.Zoomify>\n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"olv:rect\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"olv:shape\";\n-                } else {\n-                    nodeType = \"olv:oval\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"olv:rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-            case \"OpenLayers.Geometry.LinearRing\":\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"olv:shape\";\n-                break;\n-            default:\n-                break;\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Zoomify(this.name,\n+                this.url,\n+                this.size,\n+                this.options);\n         }\n-        return nodeType;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: setStyle\n-     * Use to set all the style attributes to a VML node.\n+     * Method: getURL\n      *\n      * Parameters:\n-     * node - {DOMElement} An VML element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n      */\n-    setStyle: function(node, style, options, geometry) {\n-        style = style || node._style;\n-        options = options || node._options;\n-        var fillColor = style.fillColor;\n-\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.title = title;\n-        }\n-\n-        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-            if (style.externalGraphic) {\n-                options.isFilled = true;\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-\n-                var resolution = this.getResolution();\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n-\n-                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n-                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n-                node.style.width = width + \"px\";\n-                node.style.height = height + \"px\";\n-                node.style.flip = \"y\";\n-\n-                // modify fillColor and options for stroke styling below\n-                fillColor = \"none\";\n-                options.isStroked = false;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                var cache = this.importSymbol(style.graphicName);\n-                node.path = cache.path;\n-                node.coordorigin = cache.left + \",\" + cache.bottom;\n-                var size = cache.size;\n-                node.coordsize = size + \",\" + size;\n-                this.drawCircle(node, geometry, style.pointRadius);\n-                node.style.flip = \"y\";\n-            } else {\n-                this.drawCircle(node, geometry, style.pointRadius);\n-            }\n-        }\n-\n-        // fill \n-        if (options.isFilled) {\n-            node.fillcolor = fillColor;\n-        } else {\n-            node.filled = \"false\";\n-        }\n-        var fills = node.getElementsByTagName(\"fill\");\n-        var fill = (fills.length == 0) ? null : fills[0];\n-        if (!options.isFilled) {\n-            if (fill) {\n-                node.removeChild(fill);\n-            }\n-        } else {\n-            if (!fill) {\n-                fill = this.createNode('olv:fill', node.id + \"_fill\");\n-            }\n-            fill.opacity = style.fillOpacity;\n-\n-            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n-                style.externalGraphic) {\n-\n-                // override fillOpacity\n-                if (style.graphicOpacity) {\n-                    fill.opacity = style.graphicOpacity;\n-                }\n-\n-                fill.src = style.externalGraphic;\n-                fill.type = \"frame\";\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getZoomForResolution(res);\n \n-                if (!(style.graphicWidth && style.graphicHeight)) {\n-                    fill.aspect = \"atmost\";\n-                }\n-            }\n-            if (fill.parentNode != node) {\n-                node.appendChild(fill);\n-            }\n+        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n+        var path = \"TileGroup\" + Math.floor((tileIndex) / 256) +\n+            \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n         }\n+        return url + path;\n+    },\n \n-        // additional rendering for rotated graphics or symbols\n-        var rotation = style.rotation;\n-        if ((rotation !== undefined || node._rotation !== undefined)) {\n-            node._rotation = rotation;\n-            if (style.externalGraphic) {\n-                this.graphicRotate(node, xOffset, yOffset, style);\n-                // make the fill fully transparent, because we now have\n-                // the graphic as imagedata element. We cannot just remove\n-                // the fill, because this is part of the hack described\n-                // in graphicRotate\n-                fill.opacity = 0;\n-            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-                node.style.rotation = rotation || 0;\n+    /**\n+     * Method: getImageSize\n+     * getImageSize returns size for a particular tile. If bounds are given as\n+     * first argument, size is calculated (bottom-right tiles are non square).\n+     *\n+     */\n+    getImageSize: function() {\n+        if (arguments.length > 0) {\n+            var bounds = this.adjustBounds(arguments[0]);\n+            var res = this.getServerResolution();\n+            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+            var z = this.getZoomForResolution(res);\n+            var w = this.standardTileSize;\n+            var h = this.standardTileSize;\n+            if (x == this.tierSizeInTiles[z].w - 1) {\n+                var w = this.tierImageSize[z].w % this.standardTileSize;\n             }\n-        }\n-\n-        // stroke \n-        var strokes = node.getElementsByTagName(\"stroke\");\n-        var stroke = (strokes.length == 0) ? null : strokes[0];\n-        if (!options.isStroked) {\n-            node.stroked = false;\n-            if (stroke) {\n-                stroke.on = false;\n+            if (y == this.tierSizeInTiles[z].h - 1) {\n+                var h = this.tierImageSize[z].h % this.standardTileSize;\n             }\n+            return (new OpenLayers.Size(w, h));\n         } else {\n-            if (!stroke) {\n-                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n-                node.appendChild(stroke);\n-            }\n-            stroke.on = true;\n-            stroke.color = style.strokeColor;\n-            stroke.weight = style.strokeWidth + \"px\";\n-            stroke.opacity = style.strokeOpacity;\n-            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n-                (style.strokeLinecap || 'round');\n-            if (style.strokeDashstyle) {\n-                stroke.dashstyle = this.dashStyle(style);\n-            }\n-        }\n-\n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            node.style.cursor = style.cursor;\n+            return this.tileSize;\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: graphicRotate\n-     * If a point is to be styled with externalGraphic and rotation, VML fills\n-     * cannot be used to display the graphic, because rotation of graphic\n-     * fills is not supported by the VML implementation of Internet Explorer.\n-     * This method creates a olv:imagedata element inside the VML node,\n-     * DXImageTransform.Matrix and BasicImage filters for rotation and\n-     * opacity, and a 3-step hack to remove rendering artefacts from the\n-     * graphic and preserve the ability of graphics to trigger events.\n-     * Finally, OpenLayers methods are used to determine the correct\n-     * insertion point of the rotated image, because DXImageTransform.Matrix\n-     * does the rotation without the ability to specify a rotation center\n-     * point.\n-     * \n+     * APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin\n+     *    (if we don't have one.)\n+     *\n      * Parameters:\n-     * node    - {DOMElement}\n-     * xOffset - {Number} rotation center relative to image, x coordinate\n-     * yOffset - {Number} rotation center relative to image, y coordinate\n-     * style   - {Object}\n+     * map - {<OpenLayers.Map>}\n      */\n-    graphicRotate: function(node, xOffset, yOffset, style) {\n-        var style = style || node._style;\n-        var rotation = style.rotation || 0;\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n+            this.map.maxExtent.top);\n+    },\n \n-        var aspectRatio, size;\n-        if (!(style.graphicWidth && style.graphicHeight)) {\n-            // load the image to determine its size\n-            var img = new Image();\n-            img.onreadystatechange = OpenLayers.Function.bind(function() {\n-                if (img.readyState == \"complete\" ||\n-                    img.readyState == \"interactive\") {\n-                    aspectRatio = img.width / img.height;\n-                    size = Math.max(style.pointRadius * 2,\n-                        style.graphicWidth || 0,\n-                        style.graphicHeight || 0);\n-                    xOffset = xOffset * aspectRatio;\n-                    style.graphicWidth = size * aspectRatio;\n-                    style.graphicHeight = size;\n-                    this.graphicRotate(node, xOffset, yOffset, style);\n-                }\n-            }, this);\n-            img.src = style.externalGraphic;\n+    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/ArcIMS.js\n+   ====================================================================== */\n \n-            // will be called again by the onreadystate handler\n-            return;\n-        } else {\n-            size = Math.max(style.graphicWidth, style.graphicHeight);\n-            aspectRatio = style.graphicWidth / style.graphicHeight;\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        var width = Math.round(style.graphicWidth || size * aspectRatio);\n-        var height = Math.round(style.graphicHeight || size);\n-        node.style.width = width + \"px\";\n-        node.style.height = height + \"px\";\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Format/ArcXML.js\n+ * @requires OpenLayers/Request.js\n+ */\n \n-        // Three steps are required to remove artefacts for images with\n-        // transparent backgrounds (resulting from using DXImageTransform\n-        // filters on svg objects), while preserving awareness for browser\n-        // events on images:\n-        // - Use the fill as usual (like for unrotated images) to handle\n-        //   events\n-        // - specify an imagedata element with the same src as the fill\n-        // - style the imagedata element with an AlphaImageLoader filter\n-        //   with empty src\n-        var image = document.getElementById(node.id + \"_image\");\n-        if (!image) {\n-            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n-            node.appendChild(image);\n-        }\n-        image.style.width = width + \"px\";\n-        image.style.height = height + \"px\";\n-        image.src = style.externalGraphic;\n-        image.style.filter =\n-            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n-            \"src='', sizingMethod='scale')\";\n+/**\n+ * Class: OpenLayers.Layer.ArcIMS\n+ * Instances of OpenLayers.Layer.ArcIMS are used to display data from ESRI ArcIMS\n+ *     Mapping Services. Create a new ArcIMS layer with the <OpenLayers.Layer.ArcIMS>\n+ *     constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-        var rot = rotation * Math.PI / 180;\n-        var sintheta = Math.sin(rot);\n-        var costheta = Math.cos(rot);\n+    /**\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Default query string parameters.\n+     */\n+    DEFAULT_PARAMS: {\n+        ClientVersion: \"9.2\",\n+        ServiceName: ''\n+    },\n \n-        // do the rotation on the image\n-        var filter =\n-            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n-            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n-            \",SizingMethod='auto expand')\\n\";\n+    /**\n+     * APIProperty: featureCoordSys\n+     * {String} Code for feature coordinate system.  Default is \"4326\".\n+     */\n+    featureCoordSys: \"4326\",\n \n-        // set the opacity (needed for the imagedata)\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        if (opacity && opacity != 1) {\n-            filter +=\n-                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n-                opacity + \")\\n\";\n-        }\n-        node.style.filter = filter;\n+    /**\n+     * APIProperty: filterCoordSys\n+     * {String} Code for filter coordinate system.  Default is \"4326\".\n+     */\n+    filterCoordSys: \"4326\",\n \n-        // do the rotation again on a box, so we know the insertion point\n-        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n-        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n-        imgBox.rotate(style.rotation, centerPoint);\n-        var imgBounds = imgBox.getBounds();\n+    /**\n+     * APIProperty: layers\n+     * {Array} An array of objects with layer properties.\n+     */\n+    layers: null,\n \n-        node.style.left = Math.round(\n-            parseInt(node.style.left) + imgBounds.left) + \"px\";\n-        node.style.top = Math.round(\n-            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n-    },\n+    /**\n+     * APIProperty: async\n+     * {Boolean} Request images asynchronously.  Default is true.\n+     */\n+    async: true,\n \n     /**\n-     * Method: postDraw\n-     * Does some node postprocessing to work around browser issues:\n-     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n-     *   and strokecolor to \"none\" correctly before the fill node is appended\n-     *   to a visible vml node. This method takes care of that and sets\n-     *   fillcolor and strokecolor again if needed.\n-     * - In some cases, a node won't become visible after being drawn. Setting\n-     *   style.visibility to \"visible\" works around that.\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n+     * APIProperty: name\n+     * {String} Layer name.  Default is \"ArcIMS\".\n      */\n-    postDraw: function(node) {\n-        node.style.visibility = \"visible\";\n-        var fillColor = node._style.fillColor;\n-        var strokeColor = node._style.strokeColor;\n-        if (fillColor == \"none\" &&\n-            node.fillcolor != fillColor) {\n-            node.fillcolor = fillColor;\n-        }\n-        if (strokeColor == \"none\" &&\n-            node.strokecolor != strokeColor) {\n-            node.strokecolor = strokeColor;\n-        }\n-    },\n+    name: \"ArcIMS\",\n \n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is true.\n+     */\n+    isBaseLayer: true,\n \n     /**\n-     * Method: setNodeDimension\n-     * Get the geometry's bounds, convert it to our vml coordinate system, \n-     * then set the node's position, size, and local coordinate system.\n-     *   \n+     * Constant: DEFAULT_OPTIONS\n+     * {Object} Default layers properties.\n+     */\n+    DEFAULT_OPTIONS: {\n+        tileSize: new OpenLayers.Size(512, 512),\n+        featureCoordSys: \"4326\",\n+        filterCoordSys: \"4326\",\n+        layers: null,\n+        isBaseLayer: true,\n+        async: true,\n+        name: \"ArcIMS\"\n+    },\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.ArcIMS\n+     * Create a new ArcIMS layer object.\n+     *\n+     * Example:\n+     * (code)\n+     * var arcims = new OpenLayers.Layer.ArcIMS(\n+     *     \"Global Sample\",\n+     *     \"http://sample.avencia.com/servlet/com.esri.esrimap.Esrimap\", \n+     *     {\n+     *         service: \"OpenLayers_Sample\", \n+     *         layers: [\n+     *             // layers to manipulate\n+     *             {id: \"1\", visible: true}\n+     *         ]\n+     *     }\n+     * );\n+     * (end)\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the ArcIMS server\n+     * options - {Object} Optional object with properties to be set on the\n+     *     layer.\n      */\n-    setNodeDimension: function(node, geometry) {\n+    initialize: function(name, url, options) {\n \n-        var bbox = geometry.getBounds();\n-        if (bbox) {\n-            var resolution = this.getResolution();\n+        this.tileSize = new OpenLayers.Size(512, 512);\n \n-            var scaledBox =\n-                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.bottom / resolution - this.offset.y) | 0,\n-                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.top / resolution - this.offset.y) | 0);\n+        // parameters\n+        this.params = OpenLayers.Util.applyDefaults({\n+                ServiceName: options.serviceName\n+            },\n+            this.DEFAULT_PARAMS\n+        );\n+        this.options = OpenLayers.Util.applyDefaults(\n+            options, this.DEFAULT_OPTIONS\n+        );\n \n-            // Set the internal coordinate system to draw the path\n-            node.style.left = scaledBox.left + \"px\";\n-            node.style.top = scaledBox.top + \"px\";\n-            node.style.width = scaledBox.getWidth() + \"px\";\n-            node.style.height = scaledBox.getHeight() + \"px\";\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(\n+            this, [name, url, this.params, options]\n+        );\n \n-            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n-            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n+        //layer is transparent        \n+        if (this.transparent) {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if (!this.isBaseLayer) {\n+                this.isBaseLayer = false;\n+            }\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.format == \"image/jpeg\") {\n+                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\";\n+            }\n         }\n-    },\n \n-    /** \n-     * Method: dashStyle\n-     * \n-     * Parameters:\n-     * style - {Object}\n-     * \n-     * Returns:\n-     * {String} A VML compliant 'stroke-dasharray' value\n-     */\n-    dashStyle: function(style) {\n-        var dash = style.strokeDashstyle;\n-        switch (dash) {\n-            case 'solid':\n-            case 'dot':\n-            case 'dash':\n-            case 'dashdot':\n-            case 'longdash':\n-            case 'longdashdot':\n-                return dash;\n-            default:\n-                // very basic guessing of dash style patterns\n-                var parts = dash.split(/[ ,]/);\n-                if (parts.length == 2) {\n-                    if (1 * parts[0] >= 2 * parts[1]) {\n-                        return \"longdash\";\n-                    }\n-                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n-                } else if (parts.length == 4) {\n-                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n-                        \"dashdot\";\n-                }\n-                return \"solid\";\n+        // create an empty layer list if no layers specified in the options\n+        if (this.options.layers === null) {\n+            this.options.layers = [];\n         }\n     },\n \n     /**\n-     * Method: createNode\n-     * Create a new node\n+     * Method: getURL\n+     * Return an image url this layer.\n      *\n      * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *     request.\n      *\n      * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * {String} A string with the map image's url.\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElement(type);\n-        if (id) {\n-            node.id = id;\n-        }\n+    getURL: function(bounds) {\n+        var url = \"\";\n+        bounds = this.adjustBounds(bounds);\n \n-        // IE hack to make elements unselectable, to prevent 'blue flash'\n-        // while dragging vectors; #1410\n-        node.unselectable = 'on';\n-        node.onselectstart = OpenLayers.Function.False;\n+        // create an arcxml request to generate the image\n+        var axlReq = new OpenLayers.Format.ArcXML(\n+            OpenLayers.Util.extend(this.options, {\n+                requesttype: \"image\",\n+                envelope: bounds.toArray(),\n+                tileSize: this.tileSize\n+            })\n+        );\n \n-        return node;\n-    },\n+        // create a synchronous ajax request to get an arcims image\n+        var req = new OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            data: axlReq.write(),\n+            async: false\n+        });\n \n-    /**\n-     * Method: nodeTypeCompare\n-     * Determine whether a node is of a given type\n-     *\n-     * Parameters:\n-     * node - {DOMElement} An VML element\n-     * type - {String} Kind of node\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n-     */\n-    nodeTypeCompare: function(node, type) {\n+        // if the response exists\n+        if (req != null) {\n+            var doc = req.responseXML;\n \n-        //split type\n-        var subType = type;\n-        var splitIndex = subType.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            subType = subType.substr(splitIndex + 1);\n-        }\n+            if (!doc || !doc.documentElement) {\n+                doc = req.responseText;\n+            }\n \n-        //split nodeName\n-        var nodeName = node.nodeName;\n-        splitIndex = nodeName.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            nodeName = nodeName.substr(splitIndex + 1);\n+            // create a new arcxml format to read the response\n+            var axlResp = new OpenLayers.Format.ArcXML();\n+            var arcxml = axlResp.read(doc);\n+            url = this.getUrlOrImage(arcxml.image.output);\n         }\n \n-        return (subType == nodeName);\n+        return url;\n     },\n \n-    /**\n-     * Method: createRenderRoot\n-     * Create the renderer root\n-     *\n-     * Returns:\n-     * {DOMElement} The specific render engine's root element\n-     */\n-    createRenderRoot: function() {\n-        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n-    },\n \n     /**\n-     * Method: createRoot\n-     * Create the main root element\n-     * \n-     * Parameters:\n-     * suffix - {String} suffix to append to the id\n+     * Method: getURLasync\n+     * Get an image url this layer asynchronously, and execute a callback\n+     *     when the image url is generated.\n      *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n-    },\n-\n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n-\n-    /**\n-     * Method: drawPoint\n-     * Render a point\n-     * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the point could not be drawn\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *     request.\n+     * callback - {Function} Function to call when image url is retrieved.\n+     * scope - {Object} The scope of the callback method.\n      */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n-    },\n+    getURLasync: function(bounds, callback, scope) {\n+        bounds = this.adjustBounds(bounds);\n \n-    /**\n-     * Method: drawCircle\n-     * Render a circle.\n-     * Size and Center a circle given geometry (x,y center) and radius\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {float}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the circle could not ne drawn\n-     */\n-    drawCircle: function(node, geometry, radius) {\n-        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n-            var resolution = this.getResolution();\n+        // create an arcxml request to generate the image\n+        var axlReq = new OpenLayers.Format.ArcXML(\n+            OpenLayers.Util.extend(this.options, {\n+                requesttype: \"image\",\n+                envelope: bounds.toArray(),\n+                tileSize: this.tileSize\n+            })\n+        );\n \n-            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n-            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n+        // create an asynchronous ajax request to get an arcims image\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            async: true,\n+            data: axlReq.write(),\n+            callback: function(req) {\n+                // process the response from ArcIMS, and call the callback function\n+                // to set the image URL\n+                var doc = req.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = req.responseText;\n+                }\n \n-            var diameter = radius * 2;\n+                // create a new arcxml format to read the response\n+                var axlResp = new OpenLayers.Format.ArcXML();\n+                var arcxml = axlResp.read(doc);\n \n-            node.style.width = diameter + \"px\";\n-            node.style.height = diameter + \"px\";\n-            return node;\n-        }\n-        return false;\n+                callback.call(scope, this.getUrlOrImage(arcxml.image.output));\n+            },\n+            scope: this\n+        });\n     },\n \n-\n     /**\n-     * Method: drawLineString\n-     * Render a linestring.\n-     * \n+     * Method: getUrlOrImage\n+     * Extract a url or image from the ArcXML image output.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * output - {Object} The image.output property of the object returned from\n+     *     the ArcXML format read method.\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {String} A URL for an image (potentially with the data protocol).\n      */\n-    drawLineString: function(node, geometry) {\n-        return this.drawLine(node, geometry, false);\n+    getUrlOrImage: function(output) {\n+        var ret = \"\";\n+        if (output.url) {\n+            // If the image response output url is a string, then the image\n+            // data is not inline.\n+            ret = output.url;\n+        } else if (output.data) {\n+            // The image data is inline and base64 encoded, create a data\n+            // url for the image.  This will only work for small images,\n+            // due to browser url length limits.\n+            ret = \"data:image/\" + output.type +\n+                \";base64,\" + output.data;\n+        }\n+        return ret;\n     },\n \n     /**\n-     * Method: drawLinearRing\n-     * Render a linearring\n-     * \n+     * Method: setLayerQuery\n+     * Set the query definition on this layer. Query definitions are used to\n+     *     render parts of the spatial data in an image, and can be used to\n+     *     filter features or layers in the ArcIMS service.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * id - {String} The ArcIMS layer ID.\n+     * querydef - {Object} The query definition to apply to this layer.\n      */\n-    drawLinearRing: function(node, geometry) {\n-        return this.drawLine(node, geometry, true);\n+    setLayerQuery: function(id, querydef) {\n+        // find the matching layer, if it exists\n+        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n+            if (id == this.options.layers[lyr].id) {\n+                // replace this layer definition\n+                this.options.layers[lyr].query = querydef;\n+                return;\n+            }\n+        }\n+\n+        // no layer found, create a new definition\n+        this.options.layers.push({\n+            id: id,\n+            visible: true,\n+            query: querydef\n+        });\n     },\n \n     /**\n-     * Method: DrawLine\n-     * Render a line.\n-     * \n+     * Method: getFeatureInfo\n+     * Get feature information from ArcIMS.  Using the applied geometry, apply\n+     *     the options to the query (buffer, area/envelope intersection), and\n+     *     query the ArcIMS service.\n+     *\n+     * A note about accuracy:\n+     * ArcIMS interprets the accuracy attribute in feature requests to be\n+     *     something like the 'modulus' operator on feature coordinates,\n+     *     applied to the database geometry of the feature.  It doesn't round,\n+     *     so your feature coordinates may be up to (1 x accuracy) offset from\n+     *     the actual feature coordinates.  If the accuracy of the layer is not\n+     *     specified, the accuracy will be computed to be approximately 1\n+     *     feature coordinate per screen  pixel.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * closeLine - {Boolean} Close the line? (make it a ring?)\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * geometry - {<OpenLayers.LonLat>} or {<OpenLayers.Geometry.Polygon>} The\n+     *     geometry to use when making the query. This should be a closed\n+     *     polygon for behavior approximating a free selection.\n+     * layer - {Object} The ArcIMS layer definition. This is an anonymous object\n+     *     that looks like:\n+     * (code)\n+     * {\n+     *     id: \"ArcXML layer ID\",  // the ArcXML layer ID\n+     *     query: {\n+     *         where: \"STATE = 'PA'\",  // the where clause of the query\n+     *         accuracy: 100           // the accuracy of the returned feature\n+     *     }\n+     * }\n+     * (end)\n+     * options - {Object} Object with non-default properties to set on the layer.\n+     *     Supported properties are buffer, callback, scope, and any other\n+     *     properties applicable to the ArcXML format.  Set the 'callback' and\n+     *     'scope' for an object and function to recieve the parsed features\n+     *     from ArcIMS.\n      */\n-    drawLine: function(node, geometry, closeLine) {\n+    getFeatureInfo: function(geometry, layer, options) {\n+        // set the buffer to 1 unit (dd/m/ft?) by default\n+        var buffer = options.buffer || 1;\n+        // empty callback by default\n+        var callback = options.callback || function() {};\n+        // default scope is window (global)\n+        var scope = options.scope || window;\n \n-        this.setNodeDimension(node, geometry);\n+        // apply these option to the request options\n+        var requestOptions = {};\n+        OpenLayers.Util.extend(requestOptions, this.options);\n \n-        var resolution = this.getResolution();\n-        var numComponents = geometry.components.length;\n-        var parts = new Array(numComponents);\n+        // this is a feature request\n+        requestOptions.requesttype = \"feature\";\n \n-        var comp, x, y;\n-        for (var i = 0; i < numComponents; i++) {\n-            comp = geometry.components[i];\n-            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-            y = (comp.y / resolution - this.offset.y) | 0;\n-            parts[i] = \" \" + x + \",\" + y + \" l \";\n+        if (geometry instanceof OpenLayers.LonLat) {\n+            // create an envelope if the geometry is really a lon/lat\n+            requestOptions.polygon = null;\n+            requestOptions.envelope = [\n+                geometry.lon - buffer,\n+                geometry.lat - buffer,\n+                geometry.lon + buffer,\n+                geometry.lat + buffer\n+            ];\n+        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n+            // use the polygon assigned, and empty the envelope\n+            requestOptions.envelope = null;\n+            requestOptions.polygon = geometry;\n         }\n-        var end = (closeLine) ? \" x e\" : \" e\";\n-        node.path = \"m\" + parts.join(\"\") + end;\n-        return node;\n-    },\n \n-    /**\n-     * Method: drawPolygon\n-     * Render a polygon\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    drawPolygon: function(node, geometry) {\n-        this.setNodeDimension(node, geometry);\n+        // create an arcxml request to get feature requests\n+        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n \n-        var resolution = this.getResolution();\n+        // apply any get feature options to the arcxml request\n+        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n \n-        var path = [];\n-        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n-        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n-            path.push(\"m\");\n-            points = geometry.components[j].components;\n-            // we only close paths of interior rings with area\n-            area = (j === 0);\n-            first = null;\n-            second = null;\n-            for (i = 0, ii = points.length; i < ii; i++) {\n-                comp = points[i];\n-                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-                y = (comp.y / resolution - this.offset.y) | 0;\n-                pathComp = \" \" + x + \",\" + y;\n-                path.push(pathComp);\n-                if (i == 0) {\n-                    path.push(\" l\");\n-                }\n-                if (!area) {\n-                    // IE improperly renders sub-paths that have no area.\n-                    // Instead of checking the area of every ring, we confirm\n-                    // the ring has at least three distinct points.  This does\n-                    // not catch all non-zero area cases, but it greatly improves\n-                    // interior ring digitizing and is a minor performance hit\n-                    // when rendering rings with many points.\n-                    if (!first) {\n-                        first = pathComp;\n-                    } else if (first != pathComp) {\n-                        if (!second) {\n-                            second = pathComp;\n-                        } else if (second != pathComp) {\n-                            // stop looking\n-                            area = true;\n-                        }\n-                    }\n+        arcxml.request.get_feature.layer = layer.id;\n+        if (typeof layer.query.accuracy == \"number\") {\n+            // set the accuracy if it was specified\n+            arcxml.request.get_feature.query.accuracy = layer.query.accuracy;\n+        } else {\n+            // guess that the accuracy is 1 per screen pixel\n+            var mapCenter = this.map.getCenter();\n+            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n+            viewPx.x++;\n+            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n+            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon;\n+        }\n+\n+        // set the get_feature query to be the same as the layer passed in\n+        arcxml.request.get_feature.query.where = layer.query.where;\n+\n+        // use area_intersection\n+        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n+\n+        // create a new asynchronous request to get the feature info\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString({\n+                'CustomService': 'Query'\n+            }),\n+            data: arcxml.write(),\n+            callback: function(request) {\n+                // parse the arcxml response\n+                var response = arcxml.parseResponse(request.responseText);\n+\n+                if (!arcxml.iserror()) {\n+                    // if the arcxml is not an error, call the callback with the features parsed\n+                    callback.call(scope, response.features);\n+                } else {\n+                    // if the arcxml is an error, return null features selected\n+                    callback.call(scope, null);\n                 }\n             }\n-            path.push(area ? \" x \" : \" \");\n-        }\n-        path.push(\"e\");\n-        node.path = path.join(\"\");\n-        return node;\n+        });\n     },\n \n     /**\n-     * Method: drawRectangle\n-     * Render a rectangle\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * Method: clone\n+     * Create a clone of this layer\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {<OpenLayers.Layer.ArcIMS>} An exact clone of this layer\n      */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n+    clone: function(obj) {\n \n-        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n-        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n-        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcIMS(this.name,\n+                this.url,\n+                this.getOptions());\n+        }\n \n-        return node;\n-    },\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {\n-        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n-        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+        // copy/set any non-init, non-simple values here\n \n-        var resolution = this.getResolution();\n-        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n-        label.style.flip = \"y\";\n+        return obj;\n+    },\n \n-        textbox.innerText = style.label;\n+    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/KaMapCache.js\n+   ====================================================================== */\n \n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            textbox.style.cursor = style.cursor;\n-        }\n-        if (style.fontColor) {\n-            textbox.style.color = style.fontColor;\n-        }\n-        if (style.fontOpacity) {\n-            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n-        }\n-        if (style.fontFamily) {\n-            textbox.style.fontFamily = style.fontFamily;\n-        }\n-        if (style.fontSize) {\n-            textbox.style.fontSize = style.fontSize;\n-        }\n-        if (style.fontWeight) {\n-            textbox.style.fontWeight = style.fontWeight;\n-        }\n-        if (style.fontStyle) {\n-            textbox.style.fontStyle = style.fontStyle;\n-        }\n-        if (style.labelSelect === true) {\n-            label._featureId = featureId;\n-            textbox._featureId = featureId;\n-            textbox._geometry = location;\n-            textbox._geometryClass = location.CLASS_NAME;\n-        }\n-        textbox.style.whiteSpace = \"nowrap\";\n-        // fun with IE: IE7 in standards compliant mode does not display any\n-        // text with a left inset of 0. So we set this to 1px and subtract one\n-        // pixel later when we set label.style.left\n-        textbox.inset = \"1px,0px,0px,0px\";\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        if (!label.parentNode) {\n-            label.appendChild(textbox);\n-            this.textRoot.appendChild(label);\n-        }\n \n-        var align = style.labelAlign || \"cm\";\n-        if (align.length == 1) {\n-            align += \"m\";\n-        }\n-        var xshift = textbox.clientWidth *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n-        var yshift = textbox.clientHeight *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n-        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n-        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Layer/KaMap.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.KaMapCache\n+ * \n+ * This class is designed to talk directly to a web-accessible ka-Map\n+ * cache generated by the precache2.php script.\n+ * \n+ * To create a a new KaMapCache layer, you must indicate also the \"i\" parameter\n+ * (that will be used to calculate the file extension), and another special\n+ * parameter, object names \"metaTileSize\", with \"h\" (height) and \"w\" (width)\n+ * properties.\n+ * \n+ *     // Create a new kaMapCache layer. \n+ *     var kamap_base = new OpenLayers.Layer.KaMapCache(\n+ *         \"Satellite\",\n+ *         \"http://www.example.org/web/acessible/cache\",\n+ *         {g: \"satellite\", map: \"world\", i: 'png24', metaTileSize: {w: 5, h: 5} }\n+ *       );\n+ *    \n+ *     // Create an kaMapCache overlay layer (using \"isBaseLayer: false\"). \n+ *     // Forces the output to be a \"gif\", using the \"i\" parameter.\n+ *     var kamap_overlay = new OpenLayers.Layer.KaMapCache(\n+ *         \"Streets\",\n+ *         \"http://www.example.org/web/acessible/cache\",\n+ *         {g: \"streets\", map: \"world\", i: \"gif\", metaTileSize: {w: 5, h: 5} },\n+ *         {isBaseLayer: false}\n+ *       );\n+ *\n+ * The cache URLs must look like: \n+ *   var/cache/World/50000/Group_Name/def/t-440320/l20480\n+ * \n+ * This means that the cache generated via tile.php will *not* work with\n+ *     this class, and should instead use the KaMap layer.\n+ *\n+ * More information is available in Ticket #1518.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.KaMap>\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n \n+    /**\n+     * Constant: IMAGE_EXTENSIONS\n+     * {Object} Simple hash map to convert format to extension.\n+     */\n+    IMAGE_EXTENSIONS: {\n+        'jpeg': 'jpg',\n+        'gif': 'gif',\n+        'png': 'png',\n+        'png8': 'png',\n+        'png24': 'png',\n+        'dithered': 'png'\n     },\n \n     /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a different renderer.\n+     * Constant: DEFAULT_FORMAT\n+     * {Object} Simple hash map to convert format to extension.\n+     */\n+    DEFAULT_FORMAT: 'jpeg',\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.KaMapCache\n      * \n      * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     * root - {DOMElement} optional root node. To be used when this renderer\n-     *     holds roots from multiple layers to tell this method which one to\n-     *     detach\n-     * \n-     * Returns:\n-     * {Boolean} true if successful, false otherwise\n+     * name - {String}\n+     * url - {String}\n+     * params - {Object} Parameters to be sent to the HTTP server in the\n+     *    query string for the tile. The format can be set via the 'i'\n+     *    parameter (defaults to jpg) , and the map should be set via \n+     *    the 'map' parameter. It has been reported that ka-Map may behave\n+     *    inconsistently if your format parameter does not match the format\n+     *    parameter configured in your config.php. (See ticket #327 for more\n+     *    information.)\n+     * options - {Object} Additional options for the layer. Any of the \n+     *     APIProperties listed on this layer, and any layer types it\n+     *     extends, can be overridden through the options parameter. \n      */\n-    moveRoot: function(renderer) {\n-        var layer = this.map.getLayer(renderer.container.id);\n-        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n-            layer = this.map.getLayer(this.container.id);\n-        }\n-        layer && layer.renderer.clear();\n-        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n-        layer && layer.redraw();\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n+        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT];\n     },\n \n     /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n+     * Method: getURL\n      * \n      * Parameters:\n-     * graphicName - {String} name of the symbol to import\n+     * bounds - {<OpenLayers.Bounds>} \n      * \n      * Returns:\n-     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n      */\n-    importSymbol: function(graphicName) {\n-        var id = this.container.id + \"-\" + graphicName;\n-\n-        // check if symbol already exists in the cache\n-        var cache = this.symbolCache[id];\n-        if (cache) {\n-            return cache;\n-        }\n-\n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n-        }\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n \n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n+        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n \n-        var pathitems = [\"m\"];\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            var x = symbol[i];\n-            var y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n+        var components = [\n+            \"/\",\n+            this.params.map,\n+            \"/\",\n+            scale,\n+            \"/\",\n+            this.params.g.replace(/\\s/g, '_'),\n+            \"/def/t\",\n+            metaY,\n+            \"/l\",\n+            metaX,\n+            \"/t\",\n+            pY,\n+            \"l\",\n+            pX,\n+            \".\",\n+            this.extension\n+        ];\n \n-            pathitems.push(x);\n-            pathitems.push(y);\n-            if (i == 0) {\n-                pathitems.push(\"l\");\n-            }\n-        }\n-        pathitems.push(\"x e\");\n-        var path = pathitems.join(\" \");\n+        var url = this.url;\n \n-        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n-        if (diff > 0) {\n-            symbolExtent.bottom = symbolExtent.bottom - diff;\n-            symbolExtent.top = symbolExtent.top + diff;\n-        } else {\n-            symbolExtent.left = symbolExtent.left + diff;\n-            symbolExtent.right = symbolExtent.right - diff;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(components.join(''), url);\n         }\n-\n-        cache = {\n-            path: path,\n-            size: symbolExtent.getWidth(), // equals getHeight() now\n-            left: symbolExtent.left,\n-            bottom: symbolExtent.bottom\n-        };\n-        this.symbolCache[id] = cache;\n-\n-        return cache;\n+        return url + components.join(\"\");\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n+    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n });\n-\n-/**\n- * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n- * {Object}\n- */\n-OpenLayers.Renderer.VML.LABEL_SHIFT = {\n-    \"l\": 0,\n-    \"c\": .5,\n-    \"r\": 1,\n-    \"t\": 0,\n-    \"m\": .5,\n-    \"b\": 1\n-};\n /* ======================================================================\n-    OpenLayers/Renderer/Canvas.js\n+    OpenLayers/Layer/ArcGISCache.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/**\n- * @requires OpenLayers/Renderer.js\n+/** \n+ * @requires OpenLayers/Layer/XYZ.js\n  */\n \n-/**\n- * Class: OpenLayers.Renderer.Canvas \n- * A renderer based on the 2D 'canvas' drawing element.\n+/** \n+ * Class: OpenLayers.Layer.ArcGISCache   \n+ * Layer for accessing cached map tiles from an ArcGIS Server style mapcache. \n+ * Tile must already be cached for this layer to access it. This does not require \n+ * ArcGIS Server itself.\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer>\n+ * A few attempts have been made at this kind of layer before. See \n+ * http://trac.osgeo.org/openlayers/ticket/1967 \n+ * and \n+ * http://trac.osgeo.org/openlayers/browser/sandbox/tschaub/arcgiscache/lib/OpenLayers/Layer/ArcGISCache.js\n+ *\n+ * Typically the problem encountered is that the tiles seem to \"jump around\".\n+ * This is due to the fact that the actual max extent for the tiles on AGS layers\n+ * changes at each zoom level due to the way these caches are constructed.\n+ * We have attempted to use the resolutions, tile size, and tile origin\n+ * from the cache meta data to make the appropriate changes to the max extent\n+ * of the tile to compensate for this behavior.  This must be done as zoom levels change\n+ * and before tiles are requested, which is why methods from base classes are overridden.\n+ *\n+ * For reference, you can access mapcache meta data in two ways. For accessing a \n+ * mapcache through ArcGIS Server, you can simply go to the landing page for the\n+ * layer. (ie. http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer)\n+ * For accessing it directly through HTTP, there should always be a conf.xml file\n+ * in the root directory. \n+ * (ie. http://serverx.esri.com/arcgiscache/DG_County_roads_yesA_backgroundDark/Layers/conf.xml)\n+ *  \n+ *Inherits from: \n+ *  - <OpenLayers.Layer.XYZ>             \n  */\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n-\n-    /**\n-     * APIProperty: hitDetection\n-     * {Boolean} Allow for hit detection of features.  Default is true.\n-     */\n-    hitDetection: true,\n+OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n     /**\n-     * Property: hitOverflow\n-     * {Number} The method for converting feature identifiers to color values\n-     *     supports 16777215 sequential values.  Two features cannot be \n-     *     predictably detected if their identifiers differ by more than this\n-     *     value.  The hitOverflow allows for bigger numbers (but the \n-     *     difference in values is still limited).\n+     * APIProperty: url\n+     * {String | Array} The base URL for the layer cache.  You can also\n+     *     provide a list of URL strings for the layer if your cache is\n+     *     available from multiple origins.  This must be set before the layer\n+     *     is drawn.\n      */\n-    hitOverflow: 0,\n+    url: null,\n \n     /**\n-     * Property: canvas\n-     * {Canvas} The canvas context object.\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} The location of the tile origin for the cache.\n+     *     An ArcGIS cache has it's origin at the upper-left (lowest x value\n+     *     and highest y value of the coordinate system).  The units for the\n+     *     tile origin should be the same as the units for the cached data.\n      */\n-    canvas: null,\n+    tileOrigin: null,\n \n     /**\n-     * Property: features\n-     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n+     * APIProperty: tileSize\n+     * {<OpenLayers.Size>} This size of each tile. Defaults to 256 by 256 pixels.\n      */\n-    features: null,\n+    tileSize: new OpenLayers.Size(256, 256),\n \n     /**\n-     * Property: pendingRedraw\n-     * {Boolean} The renderer needs a redraw call to render features added while\n-     *     the renderer was locked.\n+     * APIProperty: useAGS\n+     * {Boolean} Indicates if we are going to be accessing the ArcGIS Server (AGS)\n+     *     cache via an AGS MapServer or directly through HTTP. When accessing via\n+     *     AGS the path structure uses a standard z/y/x structure. But AGS actually\n+     *     stores the tile images on disk using a hex based folder structure that looks\n+     *     like \"http://example.com/mylayer/L00/R00000000/C00000000.png\".  Learn more\n+     *     about this here:\n+     *     http://blogs.esri.com/Support/blogs/mappingcenter/archive/2010/08/20/Checking-Your-Local-Cache-Folders.aspx\n+     *     Defaults to true;\n      */\n-    pendingRedraw: false,\n+    useArcGISServer: true,\n \n     /**\n-     * Property: cachedSymbolBounds\n-     * {Object} Internal cache of calculated symbol extents.\n+     * APIProperty: type\n+     * {String} Image type for the layer.  This becomes the filename extension\n+     *     in tile requests.  Default is \"png\" (generating a url like\n+     *     \"http://example.com/mylayer/L00/R00000000/C00000000.png\").\n      */\n-    cachedSymbolBounds: {},\n+    type: 'png',\n \n     /**\n-     * Constructor: OpenLayers.Renderer.Canvas\n-     *\n-     * Parameters:\n-     * containerID - {<String>}\n-     * options - {Object} Optional properties to be set on the renderer.\n+     * APIProperty: useScales\n+     * {Boolean} Optional override to indicate that the layer should use 'scale' information\n+     *     returned from the server capabilities object instead of 'resolution' information.\n+     *     This can be important if your tile server uses an unusual DPI for the tiles.\n      */\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\");\n-        }\n-    },\n+    useScales: false,\n \n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n-     *\n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     *\n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n-     */\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        // always redraw features\n-        return false;\n-    },\n-\n-    /** \n-     * Method: eraseGeometry\n-     * Erase a geometry from the renderer. Because the Canvas renderer has\n-     *     'memory' of the features that it has drawn, we have to remove the\n-     *     feature so it doesn't redraw.   \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * featureId - {String}\n+     * APIProperty: overrideDPI\n+     * {Boolean} Optional override to change the OpenLayers.DOTS_PER_INCH setting based \n+     *     on the tile information in the server capabilities object.  This can be useful \n+     *     if your server has a non-standard DPI setting on its tiles, and you're only using \n+     *     tiles with that DPI.  This value is used while OpenLayers is calculating resolution\n+     *     using scales, and is not necessary if you have resolution information. (This is\n+     *     typically the case)  Regardless, this setting can be useful, but is dangerous\n+     *     because it will impact other layers while calculating resolution.  Only use this\n+     *     if you know what you are doing.  (See OpenLayers.Util.getResolutionFromScale)\n      */\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0]);\n-    },\n+    overrideDPI: false,\n \n     /**\n-     * APIMethod: supported\n+     * Constructor: OpenLayers.Layer.ArcGISCache \n+     * Creates a new instance of this class \n      * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the renderer class\n+     * Parameters: \n+     * name - {String} \n+     * url - {String} \n+     * options - {Object} extra layer options\n      */\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED;\n-    },\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n \n-    /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     *\n-     * Once the size is updated, redraw the canvas.\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} \n-     */\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h;\n+        if (this.resolutions) {\n+            this.serverResolutions = this.resolutions;\n+            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0]);\n         }\n-    },\n \n-    /**\n-     * Method: drawFeature\n-     * Draw the feature. Stores the feature in the features list,\n-     * then redraws the layer. \n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {<Object>} \n-     *\n-     * Returns:\n-     * {Boolean} The feature has been drawn completely.  If the feature has no\n-     *     geometry, undefined will be returned.  If the feature is not rendered\n-     *     for other reasons, false will be returned.\n-     */\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            // don't render if display none or feature outside extent\n-            var bounds = feature.geometry.getBounds();\n+        // this block steps through translating the values from the server layer JSON \n+        // capabilities object into values that we can use.  This is also a helpful\n+        // reference when configuring this layer directly.\n+        if (this.layerInfo) {\n+            // alias the object\n+            var info = this.layerInfo;\n \n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent();\n-            }\n+            // build our extents\n+            var startingTileExtent = new OpenLayers.Bounds(\n+                info.fullExtent.xmin,\n+                info.fullExtent.ymin,\n+                info.fullExtent.xmax,\n+                info.fullExtent.ymax\n+            );\n \n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n-            });\n+            // set our projection based on the given spatial reference.\n+            // esri uses slightly different IDs, so this may not be comprehensive\n+            this.projection = 'EPSG:' + info.spatialReference.wkid;\n+            this.sphericalMercator = (info.spatialReference.wkid == 102100);\n \n-            rendered = (style.display !== \"none\") && !!bounds && intersects;\n-            if (rendered) {\n-                // keep track of what we have rendered for redraw\n-                this.features[feature.id] = [feature, style];\n-            } else {\n-                // remove from features tracked for redraw\n-                delete(this.features[feature.id]);\n+            // convert esri units into openlayers units (basic feet or meters only)\n+            this.units = (info.units == \"esriFeet\") ? 'ft' : 'm';\n+\n+            // optional extended section based on whether or not the server returned\n+            // specific tile information\n+            if (!!info.tileInfo) {\n+                // either set the tiles based on rows/columns, or specific width/height\n+                this.tileSize = new OpenLayers.Size(\n+                    info.tileInfo.width || info.tileInfo.cols,\n+                    info.tileInfo.height || info.tileInfo.rows\n+                );\n+\n+                // this must be set when manually configuring this layer\n+                this.tileOrigin = new OpenLayers.LonLat(\n+                    info.tileInfo.origin.x,\n+                    info.tileInfo.origin.y\n+                );\n+\n+                var upperLeft = new OpenLayers.Geometry.Point(\n+                    startingTileExtent.left,\n+                    startingTileExtent.top\n+                );\n+\n+                var bottomRight = new OpenLayers.Geometry.Point(\n+                    startingTileExtent.right,\n+                    startingTileExtent.bottom\n+                );\n+\n+                if (this.useScales) {\n+                    this.scales = [];\n+                } else {\n+                    this.resolutions = [];\n+                }\n+\n+                this.lods = [];\n+                for (var key in info.tileInfo.lods) {\n+                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n+                        var lod = info.tileInfo.lods[key];\n+                        if (this.useScales) {\n+                            this.scales.push(lod.scale);\n+                        } else {\n+                            this.resolutions.push(lod.resolution);\n+                        }\n+\n+                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n+                        lod.startTileCol = start.x;\n+                        lod.startTileRow = start.y;\n+\n+                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n+                        lod.endTileCol = end.x;\n+                        lod.endTileRow = end.y;\n+                        this.lods.push(lod);\n+                    }\n+                }\n+\n+                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n+                this.serverResolutions = this.resolutions;\n+                if (this.overrideDPI && info.tileInfo.dpi) {\n+                    // see comment above for 'overrideDPI'\n+                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi;\n+                }\n             }\n-            this.pendingRedraw = true;\n-        }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false;\n         }\n-        return rendered;\n     },\n \n     /** \n-     * Method: drawGeometry\n-     * Used when looping (in redraw) over the features; draws\n-     * the canvas. \n-     *\n+     * Method: getContainingTileCoords\n+     * Calculates the x/y pixel corresponding to the position of the tile\n+     *     that contains the given point and for the for the given resolution.\n+     * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * style - {Object} \n+     * point - {<OpenLayers.Geometry.Point>} \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n+     * of the upper left tile for the given resolution.\n      */\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if ((className == \"OpenLayers.Geometry.Collection\") ||\n-            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId);\n-            }\n-            return;\n-        }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n-                break;\n-        }\n+    getContainingTileCoords: function(point, res) {\n+        return new OpenLayers.Pixel(\n+            Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0),\n+            Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0)\n+        );\n     },\n \n-    /**\n-     * Method: drawExternalGraphic\n-     * Called to draw External graphics. \n+    /** \n+     * Method: calculateMaxExtentWithLOD\n+     * Given a Level of Detail object from the server, this function\n+     *     calculates the actual max extent\n      * \n      * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * lod - {Object} a Level of Detail Object from the server capabilities object \n+             representing a particular zoom level\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n      */\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image();\n+    calculateMaxExtentWithLOD: function(lod) {\n+        // the max extent we're provided with just overlaps some tiles\n+        // our real extent is the bounds of all the tiles we touch\n \n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title;\n-        }\n+        var numTileCols = (lod.endTileCol - lod.startTileCol) + 1;\n+        var numTileRows = (lod.endTileRow - lod.startTileRow) + 1;\n \n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = (style.graphicXOffset != undefined) ?\n-            style.graphicXOffset : -(0.5 * width);\n-        var yOffset = (style.graphicYOffset != undefined) ?\n-            style.graphicYOffset : -(0.5 * height);\n+        var minX = this.tileOrigin.lon + (lod.startTileCol * this.tileSize.w * lod.resolution);\n+        var maxX = minX + (numTileCols * this.tileSize.w * lod.resolution);\n \n-        var opacity = style.graphicOpacity || style.fillOpacity;\n+        var maxY = this.tileOrigin.lat - (lod.startTileRow * this.tileSize.h * lod.resolution);\n+        var minY = maxY - (numTileRows * this.tileSize.h * lod.resolution);\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n+    },\n \n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return;\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = (p0 + xOffset) | 0;\n-                var y = (p1 + yOffset) | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n-                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n-                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n-                        // 320 is the screen width of the G1 phone, for\n-                        // which drawImage works out of the box.\n-                        320 / window.screen.width : 1\n-                    );\n-                canvas.drawImage(\n-                    img, x * factor, y * factor, width * factor, height * factor\n-                );\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height);\n-                }\n-            }\n+    /** \n+     * Method: calculateMaxExtentWithExtent\n+     * Given a 'suggested' max extent from the server, this function uses\n+     *     information about the actual tile sizes to determine the actual\n+     *     extent of the layer.\n+     * \n+     * Parameters: \n+     * extent - {<OpenLayers.Bounds>} The 'suggested' extent for the layer\n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n+     */\n+    calculateMaxExtentWithExtent: function(extent, res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n+        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n+        var start = this.getContainingTileCoords(upperLeft, res);\n+        var end = this.getContainingTileCoords(bottomRight, res);\n+        var lod = {\n+            resolution: res,\n+            startTileCol: start.x,\n+            startTileRow: start.y,\n+            endTileCol: end.x,\n+            endTileRow: end.y\n         };\n-\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic;\n+        return this.calculateMaxExtentWithLOD(lod);\n     },\n \n-    /**\n-     * Method: drawNamedSymbol\n-     * Called to draw Well Known Graphic Symbol Name. \n-     * This method is only called by the renderer itself.\n+    /** \n+     * Method: getUpperLeftTileCoord\n+     * Calculates the x/y pixel corresponding to the position \n+     *     of the upper left tile for the given resolution.\n      * \n      * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n+     * of the upper left tile for the given resolution.\n      */\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180.0;\n-\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n-\n-        if (!symbol) {\n-            throw new Error(style.graphicName + ' is not a valid symbol name');\n-        }\n-\n-        if (!symbol.length || symbol.length < 2) return;\n-\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n-\n-        if (isNaN(p0) || isNaN(p1)) return;\n-\n-        // Use rounded line caps\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n-\n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\";\n-        }\n-\n-        // Scale and rotate symbols, using precalculated bounds whenever possible.\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n-        } else {\n-            symbolBounds = new OpenLayers.Bounds();\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n-            }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n-        }\n-\n-        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n-        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save();\n-        }\n-\n-        // Step 3: place symbol at the desired location\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1);\n-        }\n-\n-        // Step 2a. rotate the symbol if necessary\n-        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle);\n-            }\n-        }\n-\n-        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n-        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling);\n-        }\n-\n-        // Step 1: center the symbol at the origin        \n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy);\n-        }\n-\n-        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n-        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n-\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n+    getUpperLeftTileCoord: function(res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(\n+            this.maxExtent.left,\n+            this.maxExtent.top);\n+        return this.getContainingTileCoords(upperLeft, res);\n+    },\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.fill();\n-            }\n-        }\n+    /** \n+     * Method: getLowerRightTileCoord\n+     * Calculates the x/y pixel corresponding to the position \n+     *     of the lower right tile for the given resolution.\n+     *  \n+     * Parameters: \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position\n+     * of the lower right tile for the given resolution.\n+     */\n+    getLowerRightTileCoord: function(res) {\n+        var bottomRight = new OpenLayers.Geometry.Point(\n+            this.maxExtent.right,\n+            this.maxExtent.bottom);\n+        return this.getContainingTileCoords(bottomRight, res);\n+    },\n \n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n+    /** \n+     * Method: getMaxExtentForResolution\n+     * Since the max extent of a set of tiles can change from zoom level\n+     *     to zoom level, we need to be able to calculate that max extent \n+     *     for a given resolution.\n+     *\n+     * Parameters: \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The extent for this resolution\n+     */\n+    getMaxExtentForResolution: function(res) {\n+        var start = this.getUpperLeftTileCoord(res);\n+        var end = this.getLowerRightTileCoord(res);\n \n+        var numTileCols = (end.x - start.x) + 1;\n+        var numTileRows = (end.y - start.y) + 1;\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke();\n-            }\n+        var minX = this.tileOrigin.lon + (start.x * this.tileSize.w * res);\n+        var maxX = minX + (numTileCols * this.tileSize.w * res);\n \n-        }\n+        var maxY = this.tileOrigin.lat - (start.y * this.tileSize.h * res);\n+        var minY = maxY - (numTileRows * this.tileSize.h * res);\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n+    },\n \n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore();\n+    /** \n+     * APIMethod: clone \n+     * Returns an exact clone of this OpenLayers.Layer.ArcGISCache\n+     * \n+     * Parameters: \n+     * [obj] - {Object} optional object to assign the cloned instance to.\n+     *  \n+     * Returns: \n+     * {<OpenLayers.Layer.ArcGISCache>} clone of this instance \n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options);\n         }\n-        this.setCanvasStyle(\"reset\");\n+        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n     },\n \n     /**\n-     * Method: setCanvasStyle\n-     * Prepare the canvas for drawing by setting various global settings.\n-     *\n+     * Method: initGriddedTiles\n+     * \n      * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * style - {Object} Symbolizer hash\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style['fillOpacity'];\n-            this.canvas.fillStyle = style['fillColor'];\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style['strokeOpacity'];\n-            this.canvas.strokeStyle = style['strokeColor'];\n-            this.canvas.lineWidth = style['strokeWidth'];\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1;\n-        }\n+    initGriddedTiles: function(bounds) {\n+        delete this._tileOrigin;\n+        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments);\n     },\n \n     /**\n-     * Method: featureIdToHex\n-     * Convert a feature ID string into an RGB hex string.\n-     *\n-     * Parameters:\n-     * featureId - {String} Feature id\n+     * Method: getMaxExtent\n+     * Get this layer's maximum extent.\n      *\n      * Returns:\n-     * {String} RGB hex string.\n+     * {<OpenLayers.Bounds>}\n      */\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1;\n-        }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex;\n+    getMaxExtent: function() {\n+        var resolution = this.map.getResolution();\n+        return this.maxExtent = this.getMaxExtentForResolution(resolution);\n     },\n \n     /**\n-     * Method: setHitContextStyle\n-     * Prepare the hit canvas for drawing by setting various global settings.\n+     * Method: getTileOrigin\n+     * Determine the origin for aligning the grid of tiles.  \n+     *     The origin will be derived from the layer's <maxExtent> property. \n      *\n-     * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * featureId - {String} The feature id.\n-     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n+     * Returns:\n+     * {<OpenLayers.LonLat>} The tile origin.\n      */\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.fillStyle = hex;\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.strokeStyle = hex;\n-            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n-            // on a transformed canvas, so the antialias width bump has to scale as well.\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n-                }\n-            }\n-        } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1;\n+    getTileOrigin: function() {\n+        if (!this._tileOrigin) {\n+            var extent = this.getMaxExtent();\n+            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom);\n         }\n+        return this._tileOrigin;\n     },\n \n     /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Method: getURL\n+     * Determine the URL for a tile given the tile bounds.  This is should support\n+     *     urls that access tiles through an ArcGIS Server MapServer or directly through\n+     *     the hex folder structure using HTTP.  Just be sure to set the useArcGISServer\n+     *     property appropriately!  This is basically the same as \n+     *     'OpenLayers.Layer.TMS.getURL',  but with the addition of hex addressing,\n+     *     and tile rounding.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} The URL for a tile based on given bounds.\n      */\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId);\n-            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n-                this.drawNamedSymbol(geometry, style, featureId);\n-            } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill();\n-                        }\n-                    }\n+    getURL: function(bounds) {\n+        var res = this.getResolution();\n \n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke();\n-                        }\n-                        this.setCanvasStyle(\"reset\");\n-                    }\n-                }\n+        // tile center\n+        var originTileX = (this.tileOrigin.lon + (res * this.tileSize.w / 2));\n+        var originTileY = (this.tileOrigin.lat - (res * this.tileSize.h / 2));\n+\n+        var center = bounds.getCenterLonLat();\n+        var point = {\n+            x: center.lon,\n+            y: center.lat\n+        };\n+        var x = (Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w))));\n+        var y = (Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h))));\n+        var z = this.map.getZoom();\n+\n+        // this prevents us from getting pink tiles (non-existant tiles)\n+        if (this.lods) {\n+            var lod = this.lods[this.map.getZoom()];\n+            if ((x < lod.startTileCol || x > lod.endTileCol) ||\n+                (y < lod.startTileRow || y > lod.endTileRow)) {\n+                return null;\n+            }\n+        } else {\n+            var start = this.getUpperLeftTileCoord(res);\n+            var end = this.getLowerRightTileCoord(res);\n+            if ((x < start.x || x >= end.x) ||\n+                (y < start.y || y >= end.y)) {\n+                return null;\n             }\n         }\n-    },\n \n-    /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n-     */\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId);\n-    },\n+        // Construct the url string\n+        var url = this.url;\n+        var s = '' + x + y + z;\n \n-    /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n-     */\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n-            }\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(s, url);\n         }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n-            }\n+\n+        // Accessing tiles through ArcGIS Server uses a different path\n+        // structure than direct access via the folder structure.\n+        if (this.useArcGISServer) {\n+            // AGS MapServers have pretty url access to tiles\n+            url = url + '/tile/${z}/${y}/${x}';\n+        } else {\n+            // The tile images are stored using hex values on disk.\n+            x = 'C' + OpenLayers.Number.zeroPad(x, 8, 16);\n+            y = 'R' + OpenLayers.Number.zeroPad(y, 8, 16);\n+            z = 'L' + OpenLayers.Number.zeroPad(z, 2, 10);\n+            url = url + '/${z}/${y}/${x}.' + this.type;\n         }\n-        this.setCanvasStyle(\"reset\");\n+\n+        // Write the values into our formatted url\n+        url = OpenLayers.String.format(url, {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        });\n+\n+        return OpenLayers.Util.urlAppend(\n+            url, OpenLayers.Util.getParameterString(this.params)\n+        );\n     },\n \n+    CLASS_NAME: 'OpenLayers.Layer.ArcGISCache'\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/ArcGIS93Rest.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.ArcGIS93Rest\n+ * Instances of OpenLayers.Layer.ArcGIS93Rest are used to display data from\n+ *     ESRI ArcGIS Server 9.3 (and up?) Mapping Services using the REST API.\n+ *     Create a new ArcGIS93Rest layer with the <OpenLayers.Layer.ArcGIS93Rest>\n+ *     constructor.  More detail on the REST API is available at\n+ *     http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/index.html ;\n+ *     specifically, the URL provided to this layer should be an export service\n+ *     URL: http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n     /**\n-     * Method: renderPath\n-     * Render a path with stroke and optional fill.\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n      */\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1]);\n-            }\n-            if (type === \"fill\") {\n-                context.fill();\n-            } else {\n-                context.stroke();\n-            }\n-        }\n+    DEFAULT_PARAMS: {\n+        format: \"png\"\n     },\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Default is true for ArcGIS93Rest layer\n      */\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        // erase inner rings\n-        for (var i = 1; i < len; ++i) {\n-            /** \n-             * Note that this is overly agressive.  Here we punch holes through \n-             * all previously rendered features on the same canvas.  A better \n-             * solution for polygons with interior rings would be to draw the \n-             * polygon on a sketch canvas first.  We could erase all holes \n-             * there and then copy the drawing to the layer canvas. \n-             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n-             */\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\";\n-            }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    stroke: false,\n-                    fillOpacity: 1.0\n-                }, style),\n-                featureId\n-            );\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\";\n-            }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    fill: false\n-                }, style),\n-                featureId\n-            );\n-        }\n-    },\n+    isBaseLayer: true,\n+\n \n     /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n+     * Constructor: OpenLayers.Layer.ArcGIS93Rest\n+     * Create a new ArcGIS93Rest layer object.\n+     *\n+     * Example:\n+     * (code)\n+     * var arcims = new OpenLayers.Layer.ArcGIS93Rest(\"MyName\",\n+     *                                    \"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StateCityHighway_USA/MapServer/export\", \n+     *                                    {\n+     *                                      layers: \"0,1,2\"\n+     *                                    });\n+     * (end)\n      *\n      * Parameters:\n-     * location - {<OpenLayers.Point>}\n-     * style    - {Object}\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the ArcGIS server REST service\n+     * options - {Object} An object with key/value pairs representing the\n+     *                    options and option values.\n+     *\n+     * Valid Options:\n+     *        format - {String} MIME type of desired image type.\n+     *        layers - {String} Comma-separated list of layers to display.\n+     *        srs - {String} Projection ID.\n      */\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        //uppercase params\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(\n+            this.params,\n+            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n+        );\n \n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n-            \"normal\", // \"font-variant\" not supported\n-            style.fontWeight ? style.fontWeight : \"normal\",\n-            style.fontSize ? style.fontSize : \"1em\",\n-            style.fontFamily ? style.fontFamily : \"sans-serif\"\n-        ].join(\" \");\n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            // HTML5\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n-                \"center\";\n-            this.canvas.textBaseline =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n-                \"middle\";\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n-            }\n-            var lineHeight =\n-                this.canvas.measureText('Mg').height ||\n-                this.canvas.measureText('xx').width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n-                    this.canvas.restore();\n-                }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n-            }\n-        } else if (this.canvas.mozDrawText) {\n-            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n-            this.canvas.mozTextStyle = fontStyle;\n-            // No built-in text alignment, so we measure and adjust the position\n-            var hfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5;\n-            }\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n+        //layer is transparent        \n+        if (this.params.TRANSPARENT &&\n+            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if ((options == null) || (!options.isBaseLayer)) {\n+                this.isBaseLayer = false;\n             }\n-            var lineHeight = this.canvas.mozMeasureText('xx');\n-            pt[1] += lineHeight * (1 + (vfactor * numRows));\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n-                var y = pt[1] + (i * lineHeight);\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y);\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.params.FORMAT == \"jpg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" :\n+                    \"png\";\n             }\n         }\n-        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: getLocalXY\n-     * transform geographic xy into pixel xy\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n-     * Parameters: \n-     * point - {<OpenLayers.Geometry.Point>}\n+     * Returns:\n+     * {<OpenLayers.Layer.ArcGIS93Rest>} An exact clone of this layer\n      */\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n-        var y = ((extent.top / resolution) - point.y / resolution);\n-        return [x, y];\n-    },\n+    clone: function(obj) {\n \n-    /**\n-     * Method: clear\n-     * Clear all vectors from the renderer.\n-     */\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height);\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n+\n     /**\n-     * Method: getFeatureIdFromEvent\n-     * Returns a feature id from an event on the renderer.  \n-     * \n+     * Method: getURL\n+     * Return an image url this layer.\n+     *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *                                request.\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n-     *     feature instead of a feature id to avoid an unnecessary lookup on the\n-     *     layer.\n+     * {String} A string with the map image's url.\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n \n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            // this dragging check should go in the feature handler\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) { // antialiased\n-                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0];\n-                        } catch (err) {\n-                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n-                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n-                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n-                        }\n+        // ArcGIS Server only wants the numeric portion of the projection ID.\n+        var projWords = this.projection.getCode().split(\":\");\n+        var srid = projWords[projWords.length - 1];\n+\n+        var imageSize = this.getImageSize();\n+        var newParams = {\n+            'BBOX': bounds.toBBOX(),\n+            'SIZE': imageSize.w + \",\" + imageSize.h,\n+            // We always want image, the other options were json, image with a whole lotta html around it, etc.\n+            'F': \"image\",\n+            'BBOXSR': srid,\n+            'IMAGESR': srid\n+        };\n+\n+        // Now add the filter parameters.\n+        if (this.layerDefs) {\n+            var layerDefStrList = [];\n+            var layerID;\n+            for (layerID in this.layerDefs) {\n+                if (this.layerDefs.hasOwnProperty(layerID)) {\n+                    if (this.layerDefs[layerID]) {\n+                        layerDefStrList.push(layerID);\n+                        layerDefStrList.push(\":\");\n+                        layerDefStrList.push(this.layerDefs[layerID]);\n+                        layerDefStrList.push(\";\");\n                     }\n                 }\n             }\n+            if (layerDefStrList.length > 0) {\n+                newParams['LAYERDEFS'] = layerDefStrList.join(\"\");\n+            }\n         }\n-        return feature;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString;\n     },\n \n     /**\n-     * Method: eraseFeatures \n-     * This is called by the layer to erase features; removes the feature from\n-     *     the list, then redraws the layer.\n-     * \n+     * Method: setLayerFilter\n+     * addTile creates a tile, initializes it, and adds it to the layer div. \n+     *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * id - {String} The id of the layer to which the filter applies.\n+     * queryDef - {String} A sql-ish query filter, for more detail see the ESRI\n+     *                     documentation at http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html\n      */\n-    eraseFeatures: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n+    setLayerFilter: function(id, queryDef) {\n+        if (!this.layerDefs) {\n+            this.layerDefs = {};\n         }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id];\n+        if (queryDef) {\n+            this.layerDefs[id] = queryDef;\n+        } else {\n+            delete this.layerDefs[id];\n         }\n-        this.redraw();\n     },\n \n     /**\n-     * Method: redraw\n-     * The real 'meat' of the function: any time things have changed,\n-     *     redraw() can be called to loop over all the data and (you guessed\n-     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n-     *     with things once they're drawn, to remove them, for example, so\n-     *     instead we have to just clear everything and draw from scratch.\n+     * Method: clearLayerFilter\n+     * Clears layer filters, either from a specific layer,\n+     * or all of them.\n+     *\n+     * Parameters:\n+     * id - {String} The id of the layer from which to remove any\n+     *               filter.  If unspecified/blank, all filters\n+     *               will be removed.\n      */\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height);\n-            }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue;\n-                }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style]);\n-                }\n-            }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1]);\n-            }\n+    clearLayerFilter: function(id) {\n+        if (id) {\n+            delete this.layerDefs[id];\n+        } else {\n+            delete this.layerDefs;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    \"l\": \"left\",\n-    \"r\": \"right\",\n-    \"t\": \"top\",\n-    \"b\": \"bottom\"\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    \"l\": 0,\n-    \"r\": -1,\n-    \"t\": 0,\n-    \"b\": -1\n-};\n+    /**\n+     * APIMethod: mergeNewParams\n+     * Catch changeParams and uppercase the new params to be merged in\n+     *     before calling changeParams on the super class.\n+     * \n+     *     Once params have been changed, the tiles will be reloaded with\n+     *     the new parameters.\n+     * \n+     * Parameters:\n+     * newParams - {Object} Hashtable of new params to use\n+     */\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n+            newArguments);\n+    },\n \n-/**\n- * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n- * {Number} Scale factor to apply to the canvas drawImage arguments. This\n- *     is always 1 except for Android 2.1 devices, to work around\n- *     http://code.google.com/p/android/issues/detail?id=5141.\n- */\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n+});\n /* ======================================================================\n-    OpenLayers/Strategy/Fixed.js\n+    OpenLayers/Layer/Boxes.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Layer/Markers.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Fixed\n- * A simple strategy that requests features once and never requests new data.\n+ * Class: OpenLayers.Layer.Boxes\n+ * Draw divs as 'boxes' on the layer. \n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-\n-    /**\n-     * APIProperty: preload\n-     * {Boolean} Load data before layer made visible. Enabling this may result\n-     *   in considerable overhead if your application loads many data layers\n-     *   that are not visible by default. Default is false.\n-     */\n-    preload: false,\n+OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Fixed\n-     * Create a new Fixed strategy.\n+     * Constructor: OpenLayers.Layer.Boxes\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * name - {String} \n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n \n     /**\n-     * Method: activate\n-     * Activate the strategy: load data or add listener to load when visible\n+     * Method: drawMarker \n+     * Calculate the pixel location for the marker, create it, and\n+     *    add it to the layer's div\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     * Parameters: \n+     * marker - {<OpenLayers.Marker.Box>} \n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"refresh\": this.load,\n-                scope: this\n+    drawMarker: function(marker) {\n+        var topleft = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.left,\n+            lat: marker.bounds.top\n+        });\n+        var botright = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.right,\n+            lat: marker.bounds.bottom\n+        });\n+        if (botright == null || topleft == null) {\n+            marker.display(false);\n+        } else {\n+            var markerDiv = marker.draw(topleft, {\n+                w: Math.max(1, botright.x - topleft.x),\n+                h: Math.max(1, botright.y - topleft.y)\n             });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load();\n-            } else {\n-                this.layer.events.on({\n-                    \"visibilitychanged\": this.load,\n-                    scope: this\n-                });\n+            if (!marker.drawn) {\n+                this.div.appendChild(markerDiv);\n+                marker.drawn = true;\n             }\n         }\n-        return activated;\n     },\n \n+\n     /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Undo what is done in <activate>.\n+     * APIMethod: removeMarker \n      * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Parameters:\n+     * marker - {<OpenLayers.Marker.Box>} \n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"refresh\": this.load,\n-                \"visibilitychanged\": this.load,\n-                scope: this\n-            });\n+    removeMarker: function(marker) {\n+        OpenLayers.Util.removeItem(this.markers, marker);\n+        if ((marker.div != null) &&\n+            (marker.div.parentNode == this.div)) {\n+            this.div.removeChild(marker.div);\n         }\n-        return deactivated;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/OSM.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/XYZ.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.OSM\n+ * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n+ *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n+ *    a different layer instead, you need to provide a different\n+ *    URL to the constructor. Here's an example for using OpenCycleMap:\n+ * \n+ * (code)\n+ *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+ *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n+ */\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+\n     /**\n-     * Method: load\n-     * Tells protocol to load data and unhooks the visibilitychanged event\n+     * APIProperty: name\n+     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n+     * argument to the constructor is null or undefined.\n+     */\n+    name: \"OpenStreetMap\",\n+\n+    /**\n+     * APIProperty: url\n+     * {String} The tileset URL scheme. Defaults to\n+     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n+     * (the official OSM tileset) if the second argument to the constructor\n+     * is null or undefined. To use another tileset you can have something\n+     * like this:\n+     * (code)\n+     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+     * (end)\n+     */\n+    url: [\n+        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n+    ],\n+\n+    /**\n+     * Property: attribution\n+     * {String} The layer attribution.\n+     */\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+\n+    /**\n+     * Property: sphericalMercator\n+     * {Boolean}\n+     */\n+    sphericalMercator: true,\n+\n+    /**\n+     * Property: wrapDateLine\n+     * {Boolean}\n+     */\n+    wrapDateLine: true,\n+\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n      *\n-     * Parameters:\n-     * options - {Object} options to pass to protocol read.\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     *\n+     *  When using OSM tilesets other than the default ones, it may be\n+     *  necessary to set this to\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: null}\n+     *  (end)\n+     *\n+     *  if the server does not send Access-Control-Allow-Origin headers.\n      */\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n-        });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            \"visibilitychanged\": this.load,\n-            scope: this\n-        });\n-    },\n+    tileOptions: null,\n \n     /**\n-     * Method: merge\n-     * Add all features to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n+     * Constructor: OpenLayers.Layer.OSM\n      *\n      * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n+     * name - {String} The layer name.\n+     * url - {String} The tileset URL scheme.\n+     * options - {Object} Configuration options for the layer. Any inherited\n+     *     layer option can be set in this object (e.g.\n+     *     <OpenLayers.Layer.Grid.buffer>).\n      */\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local);\n-                    }\n-                }\n-            }\n-            layer.addFeatures(features);\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options && this.options.tileOptions);\n+    },\n+\n+    /**\n+     * Method: clone\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(\n+                this.name, this.url, this.getOptions());\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Save.js\n+    OpenLayers/Layer/Bing.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer/XYZ.js\n  */\n \n-/**\n- * Class: OpenLayers.Strategy.Save\n- * A strategy that commits newly created or modified features.  By default\n- *     the strategy waits for a call to <save> before persisting changes.  By\n- *     configuring the strategy with the <auto> option, changes can be saved\n- *     automatically.\n- *\n+/** \n+ * Class: OpenLayers.Layer.Bing\n+ * Bing layer using direct tile access as provided by Bing Maps REST Services.\n+ * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n+ * information. Note: Terms of Service compliant use requires the map to be\n+ * configured with an <OpenLayers.Control.Attribution> control and the\n+ * attribution placed on or near the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.XYZ>\n  */\n-OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the strategy object.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * strategy.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types:\n-     * start - Triggered before saving\n-     * success - Triggered after a successful transaction\n-     * fail - Triggered after a failed transaction\n-     * \n+     * Property: key\n+     * {String} API key for Bing maps, get your own key \n+     *     at http://bingmapsportal.com/ .\n      */\n+    key: null,\n \n-    /** \n-     * Property: events\n-     * {<OpenLayers.Events>} Events instance for triggering this protocol\n-     *    events.\n+    /**\n+     * Property: serverResolutions\n+     * {Array} the resolutions provided by the Bing servers.\n      */\n-    events: null,\n+    serverResolutions: [\n+        156543.03390625, 78271.516953125, 39135.7584765625,\n+        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n+        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n+        305.74811309814453, 152.87405654907226, 76.43702827453613,\n+        38.218514137268066, 19.109257068634033, 9.554628534317017,\n+        4.777314267158508, 2.388657133579254, 1.194328566789627,\n+        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n+        0.07464553542435169\n+    ],\n \n     /**\n-     * APIProperty: auto\n-     * {Boolean | Number} Auto-save.  Default is false.  If true, features will be\n-     *     saved immediately after being added to the layer and with each\n-     *     modification or deletion.  If auto is a number, features will be\n-     *     saved on an interval provided by the value (in seconds).\n+     * Property: attributionTemplate\n+     * {String}\n      */\n-    auto: false,\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n+        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n+        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n+        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n+        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n+        'Terms of Use</a></span>',\n \n     /**\n-     * Property: timer\n-     * {Number} The id of the timer.\n+     * Property: metadata\n+     * {Object} Metadata for this layer, as returned by the callback script\n      */\n-    timer: null,\n+    metadata: null,\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Save\n-     * Create a new Save strategy.\n+     * Property: protocolRegex\n+     * {RegExp} Regular expression to match and replace http: in bing urls\n+     */\n+    protocolRegex: /^http:/i,\n+\n+    /**\n+     * APIProperty: type\n+     * {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.  Default is \"Road\".\n+     */\n+    type: \"Road\",\n+\n+    /**\n+     * APIProperty: culture\n+     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n+     * for the definition and the possible values.  Default is \"en-US\".\n+     */\n+    culture: \"en-US\",\n+\n+    /**\n+     * APIProperty: metadataParams\n+     * {Object} Optional url parameters for the Get Imagery Metadata request\n+     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     */\n+    metadataParams: null,\n+\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     */\n+    tileOptions: null,\n+\n+    /** APIProperty: protocol\n+     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n+     *  Can be 'http:' 'https:' or ''\n+     *\n+     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n+     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n+     *  this is undocumented and the Imagery Metadata API always returns HTTP\n+     *  urls.\n+     *\n+     *  Default is '', unless when executed from a file:/// uri, in which case\n+     *  it is 'http:'.\n+     */\n+    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Bing\n+     * Create a new Bing layer.\n+     *\n+     * Example:\n+     * (code)\n+     * var road = new OpenLayers.Layer.Bing({\n+     *     name: \"My Bing Aerial Layer\",\n+     *     type: \"Aerial\",\n+     *     key: \"my-api-key-here\",\n+     * });\n+     * (end)\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * options - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * key - {String} Bing Maps API key for your application. Get one at\n+     *     http://bingmapsportal.com/.\n+     * type - {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n      */\n     initialize: function(options) {\n-        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n-        this.events = new OpenLayers.Events(this);\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options.tileOptions);\n+        this.loadMetadata();\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Method: loadMetadata\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    this.timer = window.setInterval(\n-                        OpenLayers.Function.bind(this.save, this),\n-                        this.auto * 1000\n-                    );\n-                } else {\n-                    this.layer.events.on({\n-                        \"featureadded\": this.triggerSave,\n-                        \"afterfeaturemodified\": this.triggerSave,\n-                        scope: this\n-                    });\n-                }\n-            }\n-        }\n-        return activated;\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        // link the processMetadata method to the global scope and bind it\n+        // to this instance\n+        window[this._callbackId] = OpenLayers.Function.bind(\n+            OpenLayers.Layer.Bing.processMetadata, this\n+        );\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n+            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script);\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Method: initLayer\n+     *\n+     * Sets layer properties according to the metadata provided by the API\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    window.clearInterval(this.timer);\n-                } else {\n-                    this.layer.events.un({\n-                        \"featureadded\": this.triggerSave,\n-                        \"afterfeaturemodified\": this.triggerSave,\n-                        scope: this\n-                    });\n-                }\n-            }\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n         }\n-        return deactivated;\n+        this.addOptions({\n+            maxResolution: Math.min(\n+                this.serverResolutions[res.zoomMin],\n+                this.maxResolution || Number.POSITIVE_INFINITY\n+            ),\n+            numZoomLevels: Math.min(\n+                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n+            )\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw();\n+        }\n+        this.updateAttribution();\n     },\n \n     /**\n-     * Method: triggerSave\n-     * Registered as a listener.  Calls save if a feature has insert, update,\n-     *     or delete state.\n+     * Method: getURL\n      *\n-     * Parameters:\n-     * event - {Object} The event this function is listening for.\n+     * Paramters:\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    triggerSave: function(event) {\n-        var feature = event.feature;\n-        if (feature.state === OpenLayers.State.INSERT ||\n-            feature.state === OpenLayers.State.UPDATE ||\n-            feature.state === OpenLayers.State.DELETE) {\n-            this.save([event.feature]);\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return;\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = '0';\n+            var mask = 1 << (i - 1);\n+            if ((x & mask) != 0) {\n+                digit++;\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++;\n+            }\n+            quadDigits.push(digit);\n         }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl('' + x + y + z, this.url);\n+\n+        return OpenLayers.String.format(url, {\n+            'quadkey': quadKey\n+        });\n     },\n \n     /**\n-     * APIMethod: save\n-     * Tell the layer protocol to commit unsaved features.  If the layer\n-     *     projection differs from the map projection, features will be\n-     *     transformed into the layer projection before being committed.\n-     *\n-     * Parameters:\n-     * features - {Array} Features to be saved.  If null, then default is all\n-     *     features in the layer.  Features are assumed to be in the map\n-     *     projection.\n+     * Method: updateAttribution\n+     * Updates the attribution according to the requirements outlined in\n+     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n      */\n-    save: function(features) {\n-        if (!features) {\n-            features = this.layer.features;\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return;\n         }\n-        this.events.triggerEvent(\"start\", {\n-            features: features\n-        });\n-        var remote = this.layer.projection;\n-        var local = this.layer.map.getProjectionObject();\n-        if (!local.equals(remote)) {\n-            var len = features.length;\n-            var clones = new Array(len);\n-            var orig, clone;\n-            for (var i = 0; i < len; ++i) {\n-                orig = features[i];\n-                clone = orig.clone();\n-                clone.fid = orig.fid;\n-                clone.state = orig.state;\n-                if (orig.url) {\n-                    clone.url = orig.url;\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(\n+            this.map.getProjectionObject(),\n+            new OpenLayers.Projection(\"EPSG:4326\")\n+        );\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n+                this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                // axis order provided is Y,X\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) &&\n+                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \";\n                 }\n-                clone._original = orig;\n-                clone.geometry.transform(local, remote);\n-                clones[i] = clone;\n             }\n-            features = clones;\n         }\n-        this.layer.protocol.commit(features, {\n-            callback: this.onCommit,\n-            scope: this\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n         });\n     },\n \n     /**\n-     * Method: onCommit\n-     * Called after protocol commit.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} A response object.\n+     * Method: setMap\n      */\n-    onCommit: function(response) {\n-        var evt = {\n-            \"response\": response\n-        };\n-        if (response.success()) {\n-            var features = response.reqFeatures;\n-            // deal with inserts, updates, and deletes\n-            var state, feature;\n-            var destroys = [];\n-            var insertIds = response.insertIds || [];\n-            var j = 0;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                // if projection was different, we may be dealing with clones\n-                feature = feature._original || feature;\n-                state = feature.state;\n-                if (state) {\n-                    if (state == OpenLayers.State.DELETE) {\n-                        destroys.push(feature);\n-                    } else if (state == OpenLayers.State.INSERT) {\n-                        feature.fid = insertIds[j];\n-                        ++j;\n-                    }\n-                    feature.state = null;\n-                }\n-            }\n-\n-            if (destroys.length > 0) {\n-                this.layer.destroyFeatures(destroys);\n-            }\n-\n-            this.events.triggerEvent(\"success\", evt);\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution);\n+    },\n \n-        } else {\n-            this.events.triggerEvent(\"fail\", evt);\n+    /**\n+     * APIMethod: clone\n+     * \n+     * Parameters:\n+     * obj - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options);\n         }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.map &&\n+            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n });\n+\n+/**\n+ * Function: OpenLayers.Layer.Bing.processMetadata\n+ * This function will be bound to an instance, linked to the global scope with\n+ * an id, and called by the JSONP script returned by the API.\n+ *\n+ * Parameters:\n+ * metadata - {Object} metadata as returned by the API\n+ */\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined; // cannot delete from window in IE\n+    delete this._callbackId;\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/Cluster.js\n+    OpenLayers/Layer/MapGuide.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Cluster\n- * Strategy for vector feature clustering.\n+ * Class: OpenLayers.Layer.MapGuide\n+ * Instances of OpenLayers.Layer.MapGuide are used to display\n+ * data from a MapGuide OS instance.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    /**\n-     * APIProperty: distance\n-     * {Integer} Pixel distance between features that should be considered a\n-     *     single cluster.  Default is 20 pixels.\n-     */\n-    distance: 20,\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} Treat this layer as a base layer.  Default is true.\n+     **/\n+    isBaseLayer: true,\n \n     /**\n-     * APIProperty: threshold\n-     * {Integer} Optional threshold below which original features will be\n-     *     added to the layer instead of clusters.  For example, a threshold\n-     *     of 3 would mean that any time there are 2 or fewer features in\n-     *     a cluster, those features will be added directly to the layer instead\n-     *     of a cluster representing those features.  Default is null (which is\n-     *     equivalent to 1 - meaning that clusters may contain just one feature).\n-     */\n-    threshold: null,\n+     * APIProperty: useHttpTile\n+     * {Boolean} use a tile cache exposed directly via a webserver rather than the \n+     *    via mapguide server. This does require extra configuration on the Mapguide Server,\n+     *    and will only work when singleTile is false. The url for the layer must be set to the\n+     *    webserver path rather than the Mapguide mapagent.\n+     *    See http://trac.osgeo.org/mapguide/wiki/CodeSamples/Tiles/ServingTilesViaHttp\n+     **/\n+    useHttpTile: false,\n \n-    /**\n-     * Property: features\n-     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n-     */\n-    features: null,\n+    /** \n+     * APIProperty: singleTile\n+     * {Boolean} use tile server or request single tile image. \n+     **/\n+    singleTile: false,\n \n-    /**\n-     * Property: clusters\n-     * {Array(<OpenLayers.Feature.Vector>)} Calculated clusters.\n-     */\n-    clusters: null,\n+    /** \n+     * APIProperty: useOverlay\n+     * {Boolean} flag to indicate if the layer should be retrieved using\n+     * GETMAPIMAGE (default) or using GETDYNAMICOVERLAY requests.\n+     **/\n+    useOverlay: false,\n \n-    /**\n-     * Property: clustering\n-     * {Boolean} The strategy is currently clustering features.\n-     */\n-    clustering: false,\n+    /** \n+     * APIProperty: useAsyncOverlay\n+     * {Boolean} indicates if the MapGuide site supports the asynchronous \n+     * GETDYNAMICOVERLAY requests which is available in MapGuide Enterprise 2010\n+     * and MapGuide Open Source v2.0.3 or higher. The newer versions of MG \n+     * is called asynchronously, allows selections to be drawn separately from \n+     * the map and offers styling options.\n+     * \n+     * With older versions of MapGuide, set useAsyncOverlay=false.  Note that in\n+     * this case a synchronous AJAX call is issued and the mapname and session\n+     * parameters must be used to initialize the layer, not the mapdefinition\n+     * parameter. Also note that this will issue a synchronous AJAX request \n+     * before the image request can be issued so the users browser may lock\n+     * up if the MG Web tier does not respond in a timely fashion.\n+     **/\n+    useAsyncOverlay: true,\n \n     /**\n-     * Property: resolution\n-     * {Float} The resolution (map units per pixel) of the current cluster set.\n+     * Constant: TILE_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for tiled layer\n      */\n-    resolution: null,\n+    TILE_PARAMS: {\n+        operation: 'GETTILEIMAGE',\n+        version: '1.2.0'\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Cluster\n-     * Create a new clustering strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Constant: SINGLE_TILE_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n      */\n+    SINGLE_TILE_PARAMS: {\n+        operation: 'GETMAPIMAGE',\n+        format: 'PNG',\n+        locale: 'en',\n+        clip: '1',\n+        version: '1.0.0'\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Constant: OVERLAY_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                \"featuresremoved\": this.clearCache,\n-                \"moveend\": this.cluster,\n-                scope: this\n-            });\n-        }\n-        return activated;\n+    OVERLAY_PARAMS: {\n+        operation: 'GETDYNAMICMAPOVERLAYIMAGE',\n+        format: 'PNG',\n+        locale: 'en',\n+        clip: '1',\n+        version: '2.0.0'\n     },\n \n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+    /** \n+     * Constant: FOLDER_PARAMS\n+     * {Object} Hashtable of parameter key/value pairs which describe \n+     * the folder structure for tiles as configured in the mapguide \n+     * serverconfig.ini section [TileServiceProperties]\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                \"featuresremoved\": this.clearCache,\n-                \"moveend\": this.cluster,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n+    FOLDER_PARAMS: {\n+        tileColumnsPerFolder: 30,\n+        tileRowsPerFolder: 30,\n+        format: 'png',\n+        querystring: null\n     },\n \n+    /** \n+     * Property: defaultSize\n+     * {<OpenLayers.Size>} Tile size as produced by MapGuide server\n+     **/\n+    defaultSize: new OpenLayers.Size(300, 300),\n+\n+    /** \n+     * Property: tileOriginCorner\n+     * {String} MapGuide tile server uses top-left as tile origin\n+     **/\n+    tileOriginCorner: \"tl\",\n+\n     /**\n-     * Method: cacheFeatures\n-     * Cache features before they are added to the layer.\n+     * Constructor: OpenLayers.Layer.MapGuide\n+     * Create a new Mapguide layer, either tiled or untiled.  \n+     *\n+     * For tiled layers, the 'groupName' and 'mapDefinition' values \n+     * must be specified as parameters in the constructor.\n+     *\n+     * For untiled base layers, specify either combination of 'mapName' and\n+     * 'session', or 'mapDefinition' and 'locale'.  \n+     *\n+     * For older versions of MapGuide and overlay layers, set useAsyncOverlay \n+     * to false and in this case mapName and session are required parameters \n+     * for the constructor.\n+     *\n+     * NOTE: MapGuide OS uses a DPI value and degrees to meters conversion \n+     * factor that are different than the defaults used in OpenLayers, \n+     * so these must be adjusted accordingly in your application.  \n+     * See the MapGuide example for how to set these values for MGOS.\n      *\n      * Parameters:\n-     * event - {Object} The event that this was listening for.  This will come\n-     *     with a batch of features to be clustered.\n-     *     \n-     * Returns:\n-     * {Boolean} False to stop features from being added to the layer.\n+     * name - {String} Name of the layer displayed in the interface\n+     * url - {String} Location of the MapGuide mapagent executable\n+     *            (e.g. http://localhost:8008/mapguide/mapagent/mapagent.fcgi)\n+     * params - {Object} hashtable of additional parameters to use. Some\n+     *     parameters may require additional code on the server. The ones that\n+     *     you may want to use are: \n+     *   - mapDefinition - {String} The MapGuide resource definition\n+     *            (e.g. Library://Samples/Gmap/Maps/gmapTiled.MapDefinition)\n+     *   - locale - Locale setting \n+     *            (for untiled overlays layers only)\n+     *   - mapName - {String} Name of the map as stored in the MapGuide session.\n+     *          (for untiled layers with a session parameter only)\n+     *   - session - { String} MapGuide session ID \n+     *            (for untiled overlays layers only)\n+     *   - basemaplayergroupname - {String} GroupName for tiled MapGuide layers only\n+     *   - format - Image format to be returned (for untiled overlay layers only)\n+     *   - showLayers - {String} A comma separated list of GUID's for the\n+     *       layers to display eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - hideLayers - {String} A comma separated list of GUID's for the\n+     *       layers to hide eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - showGroups - {String} A comma separated list of GUID's for the\n+     *       groups to display eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - hideGroups - {String} A comma separated list of GUID's for the\n+     *       groups to hide eg: 'cvc-xcv34,453-345-345sdf'\n+     *   - selectionXml - {String} A selection xml string Some server plumbing\n+     *       is required to read such a value.\n+     * options - {Object} Hashtable of extra options to tag onto the layer; \n+     *          will vary depending if tiled or untiled maps are being requested\n      */\n-    cacheFeatures: function(event) {\n-        var propagate = true;\n-        if (!this.clustering) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.cluster();\n-            propagate = false;\n+    initialize: function(name, url, params, options) {\n+\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+\n+        // unless explicitly set in options, if the layer is transparent, \n+        // it will be an overlay\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = ((this.transparent != \"true\") &&\n+                (this.transparent != true));\n         }\n-        return propagate;\n-    },\n \n-    /**\n-     * Method: clearCache\n-     * Clear out the cached features.\n-     */\n-    clearCache: function() {\n-        if (!this.clustering) {\n-            this.features = null;\n+        if (options && options.useOverlay != null) {\n+            this.useOverlay = options.useOverlay;\n         }\n-    },\n \n-    /**\n-     * Method: cluster\n-     * Cluster features based on some threshold distance.\n-     *\n-     * Parameters:\n-     * event - {Object} The event received when cluster is called as a\n-     *     result of a moveend event.\n-     */\n-    cluster: function(event) {\n-        if ((!event || event.zoomChanged) && this.features) {\n-            var resolution = this.layer.map.getResolution();\n-            if (resolution != this.resolution || !this.clustersExist()) {\n-                this.resolution = resolution;\n-                var clusters = [];\n-                var feature, clustered, cluster;\n-                for (var i = 0; i < this.features.length; ++i) {\n-                    feature = this.features[i];\n-                    if (feature.geometry) {\n-                        clustered = false;\n-                        for (var j = clusters.length - 1; j >= 0; --j) {\n-                            cluster = clusters[j];\n-                            if (this.shouldCluster(cluster, feature)) {\n-                                this.addToCluster(cluster, feature);\n-                                clustered = true;\n-                                break;\n-                            }\n-                        }\n-                        if (!clustered) {\n-                            clusters.push(this.createCluster(this.features[i]));\n-                        }\n-                    }\n-                }\n-                this.clustering = true;\n-                this.layer.removeAllFeatures();\n-                this.clustering = false;\n-                if (clusters.length > 0) {\n-                    if (this.threshold > 1) {\n-                        var clone = clusters.slice();\n-                        clusters = [];\n-                        var candidate;\n-                        for (var i = 0, len = clone.length; i < len; ++i) {\n-                            candidate = clone[i];\n-                            if (candidate.attributes.count < this.threshold) {\n-                                Array.prototype.push.apply(clusters, candidate.cluster);\n-                            } else {\n-                                clusters.push(candidate);\n-                            }\n-                        }\n-                    }\n-                    this.clustering = true;\n-                    // A legitimate feature addition could occur during this\n-                    // addFeatures call.  For clustering to behave well, features\n-                    // should be removed from a layer before requesting a new batch.\n-                    this.layer.addFeatures(clusters);\n-                    this.clustering = false;\n+        //initialize for untiled layers\n+        if (this.singleTile) {\n+            if (this.useOverlay) {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.OVERLAY_PARAMS\n+                );\n+                if (!this.useAsyncOverlay) {\n+                    this.params.version = \"1.0.0\";\n                 }\n-                this.clusters = clusters;\n+            } else {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.SINGLE_TILE_PARAMS\n+                );\n+            }\n+        } else {\n+            //initialize for tiled layers\n+            if (this.useHttpTile) {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.FOLDER_PARAMS\n+                );\n+            } else {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.TILE_PARAMS\n+                );\n             }\n+            this.setTileSize(this.defaultSize);\n         }\n     },\n \n     /**\n-     * Method: clustersExist\n-     * Determine whether calculated clusters are already on the layer.\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n      * Returns:\n-     * {Boolean} The calculated clusters are already on the layer.\n+     * {<OpenLayers.Layer.MapGuide>} An exact clone of this layer\n      */\n-    clustersExist: function() {\n-        var exist = false;\n-        if (this.clusters && this.clusters.length > 0 &&\n-            this.clusters.length == this.layer.features.length) {\n-            exist = true;\n-            for (var i = 0; i < this.clusters.length; ++i) {\n-                if (this.clusters[i] != this.layer.features[i]) {\n-                    exist = false;\n-                    break;\n-                }\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapGuide(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n-        return exist;\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: shouldCluster\n-     * Determine whether to include a feature in a given cluster.\n+     * Method: getURL\n+     * Return a query string for this layer\n      *\n      * Parameters:\n-     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n-     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n+     *                                for the request\n      *\n      * Returns:\n-     * {Boolean} The feature should be included in the cluster.\n+     * {String} A string with the layer's url and parameters and also \n+     *          the passed-in bounds and appropriate tile size specified \n+     *          as parameters.\n      */\n-    shouldCluster: function(cluster, feature) {\n-        var cc = cluster.geometry.getBounds().getCenterLonLat();\n-        var fc = feature.geometry.getBounds().getCenterLonLat();\n-        var distance = (\n-            Math.sqrt(\n-                Math.pow((cc.lon - fc.lon), 2) + Math.pow((cc.lat - fc.lat), 2)\n-            ) / this.resolution\n-        );\n-        return (distance <= this.distance);\n+    getURL: function(bounds) {\n+        var url;\n+        var center = bounds.getCenterLonLat();\n+        var mapSize = this.map.getSize();\n+\n+        if (this.singleTile) {\n+            //set up the call for GETMAPIMAGE or GETDYNAMICMAPOVERLAY with\n+            //dynamic map parameters\n+            var params = {\n+                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n+                setdisplayheight: mapSize.h * this.ratio,\n+                setdisplaywidth: mapSize.w * this.ratio,\n+                setviewcenterx: center.lon,\n+                setviewcentery: center.lat,\n+                setviewscale: this.map.getScale()\n+            };\n+\n+            if (this.useOverlay && !this.useAsyncOverlay) {\n+                //first we need to call GETVISIBLEMAPEXTENT to set the extent\n+                var getVisParams = {};\n+                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n+                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n+                getVisParams.version = \"1.0.0\";\n+                getVisParams.session = this.params.session;\n+                getVisParams.mapName = this.params.mapName;\n+                getVisParams.format = 'text/xml';\n+                url = this.getFullRequestString(getVisParams);\n+\n+                OpenLayers.Request.GET({\n+                    url: url,\n+                    async: false\n+                });\n+            }\n+            //construct the full URL\n+            url = this.getFullRequestString(params);\n+        } else {\n+\n+            //tiled version\n+            var currentRes = this.map.getResolution();\n+            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n+            colidx = Math.round(colidx / this.tileSize.w);\n+            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n+            rowidx = Math.round(rowidx / this.tileSize.h);\n+\n+            if (this.useHttpTile) {\n+                url = this.getImageFilePath({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                });\n+\n+            } else {\n+                url = this.getFullRequestString({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                });\n+            }\n+        }\n+        return url;\n     },\n \n     /**\n-     * Method: addToCluster\n-     * Add a feature to a cluster.\n+     * Method: getFullRequestString\n+     * getFullRequestString on MapGuide layers is special, because we \n+     * do a regular expression replace on ',' in parameters to '+'.\n+     * This is why it is subclassed here.\n      *\n      * Parameters:\n-     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n-     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     * altUrl - {String} Alternative base URL to use.\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url appropriately encoded for MapGuide\n      */\n-    addToCluster: function(cluster, feature) {\n-        cluster.cluster.push(feature);\n-        cluster.attributes.count += 1;\n+    getFullRequestString: function(newParams, altUrl) {\n+        // use layer's url unless altUrl passed in\n+        var url = (altUrl == null) ? this.url : altUrl;\n+\n+        // if url is not a string, it should be an array of strings, \n+        //  in which case we will randomly select one of them in order\n+        //  to evenly distribute requests to different urls.\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)];\n+        }\n+        // requestString always starts with url\n+        var requestString = url;\n+\n+        // create a new params hashtable with all the layer params and the \n+        // new params together. then convert to string\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        // ignore parameters that are already in the url search string\n+        var urlParams = OpenLayers.Util.upperCaseObject(\n+            OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key];\n+            }\n+        }\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+\n+        /* MapGuide needs '+' seperating things like bounds/height/width.\n+           Since typically this is URL encoded, we use a slight hack: we\n+           depend on the list-like functionality of getParameterString to\n+           leave ',' only in the case of list items (since otherwise it is\n+           encoded) then do a regular expression replace on the , characters\n+           to '+' */\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n+                requestString += paramsString;\n+            } else {\n+                if (url.indexOf('?') == -1) {\n+                    //serverPath has no ? -- add one\n+                    requestString += '?' + paramsString;\n+                } else {\n+                    //serverPath contains ?, so must already have paramsString at the end\n+                    requestString += '&' + paramsString;\n+                }\n+            }\n+        }\n+        return requestString;\n     },\n \n-    /**\n-     * Method: createCluster\n-     * Given a feature, create a cluster.\n+    /** \n+     * Method: getImageFilePath\n+     * special handler to request mapguide tiles from an http exposed tilecache \n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * altUrl - {String} Alternative base URL to use.\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A cluster.\n+     * {String} A string with the url for the tile image\n      */\n-    createCluster: function(feature) {\n-        var center = feature.geometry.getBounds().getCenterLonLat();\n-        var cluster = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.Point(center.lon, center.lat), {\n-                count: 1\n-            }\n-        );\n-        cluster.cluster = [feature];\n-        return cluster;\n+    getImageFilePath: function(newParams, altUrl) {\n+        // use layer's url unless altUrl passed in\n+        var url = (altUrl == null) ? this.url : altUrl;\n+\n+        // if url is not a string, it should be an array of strings, \n+        //  in which case we will randomly select one of them in order\n+        //  to evenly distribute requests to different urls.\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)];\n+        }\n+        // requestString always starts with url\n+        var requestString = url;\n+\n+        var tileRowGroup = \"\";\n+        var tileColGroup = \"\";\n+\n+        if (newParams.tilerow < 0) {\n+            tileRowGroup = '-';\n+        }\n+\n+        if (newParams.tilerow == 0) {\n+            tileRowGroup += '0';\n+        } else {\n+            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder;\n+        }\n+\n+        if (newParams.tilecol < 0) {\n+            tileColGroup = '-';\n+        }\n+\n+        if (newParams.tilecol == 0) {\n+            tileColGroup += '0';\n+        } else {\n+            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder;\n+        }\n+\n+        var tilePath = '/S' + Math.floor(newParams.scaleindex) +\n+            '/' + this.params.basemaplayergroupname +\n+            '/R' + tileRowGroup +\n+            '/C' + tileColGroup +\n+            '/' + (newParams.tilerow % this.params.tileRowsPerFolder) +\n+            '_' + (newParams.tilecol % this.params.tileColumnsPerFolder) +\n+            '.' + this.params.format;\n+\n+        if (this.params.querystring) {\n+            tilePath += \"?\" + this.params.querystring;\n+        }\n+\n+        requestString += tilePath;\n+        return requestString;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Refresh.js\n+    OpenLayers/Layer/Image.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Tile/Image.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Refresh\n- * A strategy that refreshes the layer. By default the strategy waits for a\n- *     call to <refresh> before refreshing.  By configuring the strategy with \n- *     the <interval> option, refreshing can take place automatically.\n+ * Class: OpenLayers.Layer.Image\n+ * Instances of OpenLayers.Layer.Image are used to display data from a web\n+ * accessible image as a map layer.  Create a new image layer with the\n+ * <OpenLayers.Layer.Image> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n \n     /**\n-     * Property: force\n-     * {Boolean} Force a refresh on the layer. Default is false.\n+     * Property: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is true.  Set this property\n+     * in the layer options\n      */\n-    force: false,\n+    isBaseLayer: true,\n \n     /**\n-     * Property: interval\n-     * {Number} Auto-refresh. Default is 0.  If > 0, layer will be refreshed \n-     *     every N milliseconds.\n+     * Property: url\n+     * {String} URL of the image to use\n      */\n-    interval: 0,\n+    url: null,\n \n     /**\n-     * Property: timer\n-     * {Number} The id of the timer.\n+     * Property: extent\n+     * {<OpenLayers.Bounds>} The image bounds in map units.  This extent will\n+     *     also be used as the default maxExtent for the layer.  If you wish\n+     *     to have a maxExtent that is different than the image extent, set the\n+     *     maxExtent property of the options argument (as with any other layer).\n      */\n-    timer: null,\n+    extent: null,\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Refresh\n-     * Create a new Refresh strategy.\n+     * Property: size\n+     * {<OpenLayers.Size>} The image size in pixels\n+     */\n+    size: null,\n+\n+    /**\n+     * Property: tile\n+     * {<OpenLayers.Tile.Image>}\n+     */\n+    tile: null,\n+\n+    /**\n+     * Property: aspectRatio\n+     * {Float} The ratio of height/width represented by a single pixel in the\n+     * graphic\n+     */\n+    aspectRatio: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Image\n+     * Create a new image layer\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * name - {String} A name for the layer.\n+     * url - {String} Relative or absolute path to the image\n+     * extent - {<OpenLayers.Bounds>} The extent represented by the image\n+     * size - {<OpenLayers.Size>} The size (in pixels) of the image\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n+    initialize: function(name, url, extent, size, options) {\n+        this.url = url;\n+        this.extent = extent;\n+        this.maxExtent = extent;\n+        this.size = size;\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+\n+        this.aspectRatio = (this.extent.getHeight() / this.size.h) /\n+            (this.extent.getWidth() / this.size.w);\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy. Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated.\n+     * Method: destroy\n+     * Destroy this layer\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer.visibility === true) {\n-                this.start();\n-            }\n-            this.layer.events.on({\n-                \"visibilitychanged\": this.reset,\n-                scope: this\n-            });\n+    destroy: function() {\n+        if (this.tile) {\n+            this.removeTileMonitoringHooks(this.tile);\n+            this.tile.destroy();\n+            this.tile = null;\n         }\n-        return activated;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy. Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n+     * Method: clone\n+     * Create a clone of this layer\n+     *\n+     * Paramters:\n+     * obj - {Object} An optional layer (is this ever used?)\n+     *\n      * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated.\n+     * {<OpenLayers.Layer.Image>} An exact copy of this layer\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.stop();\n-            this.layer.events.un({\n-                \"visibilitychanged\": this.reset,\n-                scope: this\n-            });\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Image(this.name,\n+                this.url,\n+                this.extent,\n+                this.size,\n+                this.getOptions());\n         }\n-        return deactivated;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: reset\n-     * Start or cancel the refresh interval depending on the visibility of \n-     *     the layer.\n+     * APIMethod: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    reset: function() {\n-        if (this.layer.visibility === true) {\n-            this.start();\n-        } else {\n-            this.stop();\n+    setMap: function(map) {\n+        /**\n+         * If nothing to do with resolutions has been set, assume a single\n+         * resolution determined by ratio*extent/size - if an image has a\n+         * pixel aspect ratio different than one (as calculated above), the\n+         * image will be stretched in one dimension only.\n+         */\n+        if (this.options.maxResolution == null) {\n+            this.options.maxResolution = this.aspectRatio *\n+                this.extent.getWidth() /\n+                this.size.w;\n         }\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n     },\n \n-    /**\n-     * Method: start\n-     * Start the refresh interval. \n+    /** \n+     * Method: moveTo\n+     * Create the tile for the image or resize it for the new resolution\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean}\n+     * dragging - {Boolean}\n      */\n-    start: function() {\n-        if (this.interval && typeof this.interval === \"number\" &&\n-            this.interval > 0) {\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n \n-            this.timer = window.setInterval(\n-                OpenLayers.Function.bind(this.refresh, this),\n-                this.interval);\n+        var firstRendering = (this.tile == null);\n+\n+        if (zoomChanged || firstRendering) {\n+\n+            //determine new tile size\n+            this.setTileSize();\n+\n+            //determine new position (upper left corner of new bounds)\n+            var ulPx = this.map.getLayerPxFromLonLat({\n+                lon: this.extent.left,\n+                lat: this.extent.top\n+            });\n+\n+            if (firstRendering) {\n+                //create the new tile\n+                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent,\n+                    null, this.tileSize);\n+                this.addTileMonitoringHooks(this.tile);\n+            } else {\n+                //just resize the tile and set it's new position\n+                this.tile.size = this.tileSize.clone();\n+                this.tile.position = ulPx.clone();\n+            }\n+            this.tile.draw();\n         }\n     },\n \n     /**\n-     * APIMethod: refresh\n-     * Tell the strategy to refresh which will refresh the layer.\n+     * Set the tile size based on the map size.\n      */\n-    refresh: function() {\n-        if (this.layer && this.layer.refresh &&\n-            typeof this.layer.refresh == \"function\") {\n+    setTileSize: function() {\n+        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n+        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n+        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight);\n+    },\n \n-            this.layer.refresh({\n-                force: this.force\n-            });\n-        }\n+    /** \n+     * Method: addTileMonitoringHooks\n+     * This function takes a tile as input and adds the appropriate hooks to \n+     *     the tile so that the layer can keep track of the loading tiles.\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    addTileMonitoringHooks: function(tile) {\n+        tile.onLoadStart = function() {\n+            this.events.triggerEvent(\"loadstart\");\n+        };\n+        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n+\n+        tile.onLoadEnd = function() {\n+            this.events.triggerEvent(\"loadend\");\n+        };\n+        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n+        tile.events.register(\"unload\", this, tile.onLoadEnd);\n+    },\n+\n+    /** \n+     * Method: removeTileMonitoringHooks\n+     * This function takes a tile as input and removes the tile hooks \n+     *     that were added in <addTileMonitoringHooks>.\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            \"loadstart\": tile.onLoadStart,\n+            \"loadend\": tile.onLoadEnd,\n+            \"unload\": tile.onLoadEnd,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: stop\n-     * Cancels the refresh interval. \n+     * APIMethod: setUrl\n+     * \n+     * Parameters:\n+     * newUrl - {String}\n      */\n-    stop: function() {\n-        if (this.timer !== null) {\n-            window.clearInterval(this.timer);\n-            this.timer = null;\n-        }\n+    setUrl: function(newUrl) {\n+        this.url = newUrl;\n+        this.tile.draw();\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+    /** \n+     * APIMethod: getURL\n+     * The url we return is always the same (the image itself never changes)\n+     *     so we can ignore the bounds parameter (it will always be the same, \n+     *     anyways) \n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    getURL: function(bounds) {\n+        return this.url;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Image\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Paging.js\n+    OpenLayers/Layer/Google/v3.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer/Google.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Paging\n- * Strategy for vector feature paging\n- *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ * Constant: OpenLayers.Layer.Google.v3\n+ * \n+ * Mixin providing functionality specific to the Google Maps API v3.\n+ * \n+ * To use this layer, you must include the GMaps v3 API in your html.\n+ * \n+ * Note that this layer configures the google.maps.map object with the\n+ * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n+ * Maps API provides is not supported by the OpenLayers API.\n  */\n-OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Google.v3 = {\n \n     /**\n-     * Property: features\n-     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n+     * Constant: DEFAULTS\n+     * {Object} It is not recommended to change the properties set here. Note\n+     * that Google.v3 layers only work when sphericalMercator is set to true.\n+     * \n+     * (code)\n+     * {\n+     *     sphericalMercator: true,\n+     *     projection: \"EPSG:900913\"\n+     * }\n+     * (end)\n      */\n-    features: null,\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n \n     /**\n-     * Property: length\n-     * {Integer} Number of features per page.  Default is 10.\n+     * APIProperty: animationEnabled\n+     * {Boolean} If set to true, the transition between zoom levels will be\n+     *     animated (if supported by the GMaps API for the device used). Set to\n+     *     false to match the zooming experience of other layer types. Default\n+     *     is true. Note that the GMaps API does not give us control over zoom\n+     *     animation, so if set to false, when zooming, this will make the\n+     *     layer temporarily invisible, wait until GMaps reports the map being\n+     *     idle, and make it visible again. The result will be a blank layer\n+     *     for a few moments while zooming.\n      */\n-    length: 10,\n+    animationEnabled: true,\n \n-    /**\n-     * Property: num\n-     * {Integer} The currently displayed page number.\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners.\n      */\n-    num: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP;\n+        }\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            // increment the layer count\n+            ++cache.count;\n+        } else {\n+            // this is the first Google layer for this map\n+            // create GMap\n+            var center = this.map.getCenter();\n+            var container = document.createElement('div');\n+            container.className = \"olForeignContainer\";\n+            container.style.width = '100%';\n+            container.style.height = '100%';\n+            mapObject = new google.maps.Map(container, {\n+                center: center ?\n+                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n+            });\n+            var googleControl = document.createElement('div');\n+            googleControl.style.width = '100%';\n+            googleControl.style.height = '100%';\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n \n-    /**\n-     * Property: paging\n-     * {Boolean} The strategy is currently changing pages.\n-     */\n-    paging: false,\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n+        }\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Paging\n-     * Create a new paging strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * APIMethod: onMapResize\n      */\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\");\n+        }\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Parameters:\n+     * visible - {Boolean} Display the GMap elements.\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                scope: this\n-            });\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google &&\n+                    layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break;\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter());\n+                        });\n+                    } else {\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, 'resize');\n+                    }\n+                }\n+                this.mapObject.setMapTypeId(type);\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container);\n+            }\n         }\n-        return activated;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * {DOMElement} the GMap container's div\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv();\n     },\n \n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n+\n     /**\n-     * Method: cacheFeatures\n-     * Cache features before they are added to the layer.\n-     *\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n+     * \n      * Parameters:\n-     * event - {Object} The event that this was listening for.  This will come\n-     *     with a batch of features to be paged.\n+     * olBounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    cacheFeatures: function(event) {\n-        if (!this.paging) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.pageNext(event);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(\n+                new google.maps.LatLng(sw.lat, sw.lon),\n+                new google.maps.LatLng(ne.lat, ne.lon)\n+            );\n         }\n+        return moBounds;\n     },\n \n-    /**\n-     * Method: clearCache\n-     * Clear out the cached features.  This destroys features, assuming\n-     *     nothing else has a reference.\n-     */\n-    clearCache: function() {\n-        if (this.features) {\n-            for (var i = 0; i < this.features.length; ++i) {\n-                this.features[i].destroy();\n-            }\n-        }\n-        this.features = null;\n-        this.num = null;\n-    },\n+\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat - Pixel Translation\n \n     /**\n-     * APIMethod: pageCount\n-     * Get the total count of pages given the current cache of features.\n-     *\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n+     * \n+     * Parameters:\n+     * moPixel - {Object} MapObject Pixel format\n+     * \n      * Returns:\n-     * {Integer} The page count.\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    pageCount: function() {\n-        var numFeatures = this.features ? this.features.length : 0;\n-        return Math.ceil(numFeatures / this.length);\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n+\n+        var delta_x = moPixel.x - (size.w / 2);\n+        var delta_y = moPixel.y - (size.h / 2);\n+\n+        var lonlat = new OpenLayers.LonLat(\n+            lon + delta_x * res,\n+            lat - delta_y * res\n+        );\n+\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent);\n+        }\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n     },\n \n     /**\n-     * APIMethod: pageNum\n-     * Get the zero based page number.\n-     *\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n+     * \n+     * Parameters:\n+     * moLonLat - {Object} MapObject LonLat format\n+     * \n      * Returns:\n-     * {Integer} The current page number being displayed.\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    pageNum: function() {\n-        return this.num;\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n+            (1 / res * (extent.top - lat)));\n     },\n \n-    /**\n-     * APIMethod: pageLength\n-     * Gets or sets page length.\n-     *\n+\n+    /** \n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n+     * \n      * Parameters:\n-     * newLength - {Integer} Optional length to be set.\n-     *\n-     * Returns:\n-     * {Integer} The length of a page (number of features per page).\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n      */\n-    pageLength: function(newLength) {\n-        if (newLength && newLength > 0) {\n-            this.length = newLength;\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(\n+                this.mapObject,\n+                \"idle\",\n+                function() {\n+                    mapContainer.style.visibility = \"\";\n+                }\n+            );\n+            mapContainer.style.visibility = \"hidden\";\n         }\n-        return this.length;\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        });\n     },\n \n-    /**\n-     * APIMethod: pageNext\n-     * Display the next page of features.\n-     *\n+\n+    // Bounds\n+\n+    /** \n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n+     * \n+     * Parameters:\n+     * moBounds - {Object} MapObject Bounds format\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    pageNext: function(event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = -1;\n-            }\n-            var start = (this.num + 1) * this.length;\n-            changed = this.page(start, event);\n-        }\n-        return changed;\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n     },\n \n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n+\n     /**\n-     * APIMethod: pagePrevious\n-     * Display the previous page of features.\n-     *\n+     * APIMethod: getMapObjectLonLatFromLonLat\n+     * \n+     * Parameters:\n+     * lon - {Float}\n+     * lat - {Float}\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject LonLat built from lon and lat params\n      */\n-    pagePrevious: function() {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = this.pageCount();\n-            }\n-            var start = (this.num - 1) * this.length;\n-            changed = this.page(start);\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon);\n         }\n-        return changed;\n+        return gLatLng;\n     },\n \n+    // Pixel\n+\n     /**\n-     * Method: page\n-     * Display the page starting at the given index from the cache.\n-     *\n+     * APIMethod: getMapObjectPixelFromXY\n+     * \n+     * Parameters:\n+     * x - {Integer}\n+     * y - {Integer}\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    page: function(start, event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (start >= 0 && start < this.features.length) {\n-                var num = Math.floor(start / this.length);\n-                if (num != this.num) {\n-                    this.paging = true;\n-                    var features = this.features.slice(start, start + this.length);\n-                    this.layer.removeFeatures(this.layer.features);\n-                    this.num = num;\n-                    // modify the event if any\n-                    if (event && event.features) {\n-                        // this.was called by an event listener\n-                        event.features = features;\n-                    } else {\n-                        // this was called directly on the strategy\n-                        this.layer.addFeatures(features);\n-                    }\n-                    this.paging = false;\n-                    changed = true;\n-                }\n-            }\n-        }\n-        return changed;\n-    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y);\n+    }\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n-});\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/Filter.js\n+    OpenLayers/Tile/Image/IFrame.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n- * @requires OpenLayers/Filter.js\n+ * @requires OpenLayers/Tile/Image.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Filter\n- * Strategy for limiting features that get added to a layer by \n- *     evaluating a filter.  The strategy maintains a cache of\n- *     all features until removeFeatures is called on the layer.\n+ * Constant: OpenLayers.Tile.Image.IFrame\n+ * Mixin for tiles that use form-encoded POST requests to get images from\n+ * remote services. Images will be loaded using HTTP-POST into an IFrame.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ * This mixin will be applied to <OpenLayers.Tile.Image> instances\n+ * configured with <OpenLayers.Tile.Image.maxGetUrlLength> set.\n  */\n-OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n-\n-    /**\n-     * APIProperty: filter\n-     * {<OpenLayers.Filter>}  Filter for limiting features sent to the layer.\n-     *     Use the <setFilter> method to update this filter after construction.\n-     */\n-    filter: null,\n+OpenLayers.Tile.Image.IFrame = {\n \n     /**\n-     * Property: cache\n-     * {Array(<OpenLayers.Feature.Vector>)} List of currently cached\n-     *     features.\n+     * Property: useIFrame\n+     * {Boolean} true if we are currently using an IFrame to render POST\n+     * responses, false if we are using an img element to render GET responses.\n      */\n-    cache: null,\n+    useIFrame: null,\n \n     /**\n-     * Property: caching\n-     * {Boolean} The filter is currently caching features.\n+     * Property: blankImageUrl\n+     * {String} Using a data scheme url is not supported by all browsers, but\n+     * we don't care because we either set it as css backgroundImage, or the\n+     * image's display style is set to \"none\" when we use it.\n      */\n-    caching: false,\n+    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Filter\n-     * Create a new filter strategy.\n+     * Method: draw\n+     * Set useIFrame in the instance, and operate the image/iframe switch.\n+     * Then call Tile.Image.draw.\n      *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Returns:\n+     * {Boolean}\n      */\n+    draw: function() {\n+        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n+        if (draw) {\n+\n+            // this.url isn't set to the currect value yet, so we call getURL\n+            // on the layer and store the result in a local variable\n+            var url = this.layer.getURL(this.bounds);\n+\n+            var usedIFrame = this.useIFrame;\n+            this.useIFrame = this.maxGetUrlLength !== null &&\n+                !this.layer.async &&\n+                url.length > this.maxGetUrlLength;\n+\n+            var fromIFrame = usedIFrame && !this.useIFrame;\n+            var toIFrame = !usedIFrame && this.useIFrame;\n+\n+            if (fromIFrame || toIFrame) {\n+\n+                // Switching between GET (image) and POST (iframe).\n+\n+                // We remove the imgDiv (really either an image or an iframe)\n+                // from the frame and set it to null to make sure initImage\n+                // will call getImage.\n+\n+                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n+                    this.frame.removeChild(this.imgDiv);\n+                }\n+                this.imgDiv = null;\n+\n+                // And if we had an iframe we also remove the event pane.\n+\n+                if (fromIFrame) {\n+                    this.frame.removeChild(this.frame.firstChild);\n+                }\n+            }\n+        }\n+        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments);\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     *     By default, this strategy automatically activates itself when a layer\n-     *     is added to a map.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     * Method: getImage\n+     * Creates the content for the frame on the tile.\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.cache = [];\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.handleAdd,\n-                \"beforefeaturesremoved\": this.handleRemove,\n-                scope: this\n-            });\n+    getImage: function() {\n+        if (this.useIFrame === true) {\n+            if (!this.frame.childNodes.length) {\n+                var eventPane = document.createElement(\"div\"),\n+                    style = eventPane.style;\n+                style.position = \"absolute\";\n+                style.width = \"100%\";\n+                style.height = \"100%\";\n+                style.zIndex = 1;\n+                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n+                this.frame.appendChild(eventPane);\n+            }\n+\n+            var id = this.id + '_iFrame',\n+                iframe;\n+            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n+                // Older IE versions do not set the name attribute of an iFrame \n+                // properly via DOM manipulation, so we need to do it on our own with\n+                // this hack.\n+                iframe = document.createElement('<iframe name=\"' + id + '\">');\n+\n+                // IFrames in older IE versions are not transparent, if you set\n+                // the backgroundColor transparent. This is a workaround to get \n+                // transparent iframes.\n+                iframe.style.backgroundColor = '#FFFFFF';\n+                iframe.style.filter = 'chroma(color=#FFFFFF)';\n+            } else {\n+                iframe = document.createElement('iframe');\n+                iframe.style.backgroundColor = 'transparent';\n+\n+                // iframe.name needs to be an unique id, otherwise it \n+                // could happen that other iframes are overwritten.\n+                iframe.name = id;\n+            }\n+\n+            // some special properties to avoid scaling the images and scrollbars \n+            // in the iframe\n+            iframe.scrolling = 'no';\n+            iframe.marginWidth = '0px';\n+            iframe.marginHeight = '0px';\n+            iframe.frameBorder = '0';\n+\n+            iframe.style.position = \"absolute\";\n+            iframe.style.width = \"100%\";\n+            iframe.style.height = \"100%\";\n+\n+            if (this.layer.opacity < 1) {\n+                OpenLayers.Util.modifyDOMElement(iframe, null, null, null,\n+                    null, null, null, this.layer.opacity);\n+            }\n+            this.frame.appendChild(iframe);\n+            this.imgDiv = iframe;\n+            return iframe;\n+        } else {\n+            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments);\n         }\n-        return activated;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Clear the feature cache.\n+     * Method: createRequestForm\n+     * Create the html <form> element with width, height, bbox and all \n+     * parameters specified in the layer params.\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n+     * Returns: \n+     * {DOMElement} The form element which sends the HTTP-POST request to the\n+     *              WMS. \n      */\n-    deactivate: function() {\n-        this.cache = null;\n-        if (this.layer && this.layer.events) {\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.handleAdd,\n-                \"beforefeaturesremoved\": this.handleRemove,\n-                scope: this\n-            });\n+    createRequestForm: function() {\n+        // creation of the form element\n+        var form = document.createElement('form');\n+        form.method = 'POST';\n+        var cacheId = this.layer.params[\"_OLSALT\"];\n+        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n+        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n+        form.target = this.id + '_iFrame';\n+\n+        // adding all parameters in layer params as hidden fields to the html\n+        // form element\n+        var imageSize = this.layer.getImageSize(),\n+            params = OpenLayers.Util.getParameters(this.url),\n+            field;\n+\n+        for (var par in params) {\n+            field = document.createElement('input');\n+            field.type = 'hidden';\n+            field.name = par;\n+            field.value = params[par];\n+            form.appendChild(field);\n         }\n-        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments);\n+\n+        return form;\n     },\n \n     /**\n-     * Method: handleAdd\n+     * Method: setImgSrc\n+     * Sets the source for the tile image\n+     *\n+     * Parameters:\n+     * url - {String}\n      */\n-    handleAdd: function(event) {\n-        if (!this.caching && this.filter) {\n-            var features = event.features;\n-            event.features = [];\n-            var feature;\n-            for (var i = 0, ii = features.length; i < ii; ++i) {\n-                feature = features[i];\n-                if (this.filter.evaluate(feature)) {\n-                    event.features.push(feature);\n-                } else {\n-                    this.cache.push(feature);\n-                }\n+    setImgSrc: function(url) {\n+        if (this.useIFrame === true) {\n+            if (url) {\n+                var form = this.createRequestForm();\n+                this.frame.appendChild(form);\n+                form.submit();\n+                this.frame.removeChild(form);\n+            } else if (this.imgDiv.parentNode === this.frame) {\n+                // we don't reuse iframes to avoid caching issues\n+                this.frame.removeChild(this.imgDiv);\n+                this.imgDiv = null;\n             }\n+        } else {\n+            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments);\n         }\n     },\n \n     /**\n-     * Method: handleRemove\n+     * Method: onImageLoad\n+     * Handler for the image onload event\n      */\n-    handleRemove: function(event) {\n-        if (!this.caching) {\n-            this.cache = [];\n+    onImageLoad: function() {\n+        //TODO de-uglify opacity handling\n+        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n+        if (this.useIFrame === true) {\n+            this.imgDiv.style.opacity = 1;\n+            this.frame.style.opacity = this.layer.opacity;\n         }\n     },\n \n-    /** \n-     * APIMethod: setFilter\n-     * Update the filter for this strategy.  This will re-evaluate\n-     *     any features on the layer and in the cache.  Only features\n-     *     for which filter.evalute(feature) returns true will be\n-     *     added to the layer.  Others will be cached by the strategy.\n+    /**\n+     * Method: createBackBuffer\n+     * Override createBackBuffer to do nothing when we use an iframe. Moving an\n+     * iframe from one element to another makes it necessary to reload the iframe\n+     * because its content is lost. So we just give up.\n      *\n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} A filter for evaluating features.\n+     * Returns:\n+     * {DOMElement}\n      */\n-    setFilter: function(filter) {\n-        this.filter = filter;\n-        var previousCache = this.cache;\n-        this.cache = [];\n-        // look through layer for features to remove from layer\n-        this.handleAdd({\n-            features: this.layer.features\n-        });\n-        // cache now contains features to remove from layer\n-        if (this.cache.length > 0) {\n-            this.caching = true;\n-            this.layer.removeFeatures(this.cache.slice());\n-            this.caching = false;\n-        }\n-        // now look through previous cache for features to add to layer\n-        if (previousCache.length > 0) {\n-            var event = {\n-                features: previousCache\n-            };\n-            this.handleAdd(event);\n-            if (event.features.length > 0) {\n-                // event has features to add to layer\n-                this.caching = true;\n-                this.layer.addFeatures(event.features);\n-                this.caching = false;\n-            }\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.useIFrame === false) {\n+            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this);\n         }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n-\n-});\n+        return backBuffer;\n+    }\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/BBOX.js\n+    OpenLayers/Marker/Box.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Marker.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.BBOX\n- * A simple strategy that reads new features when the viewport invalidates\n- *     some bounds.\n+ * Class: OpenLayers.Marker.Box\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Marker> \n  */\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n \n-    /**\n-     * Property: bounds\n-     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n-     *     as the layer - not always the same projection as the map).\n+    /** \n+     * Property: bounds \n+     * {<OpenLayers.Bounds>} \n      */\n     bounds: null,\n \n     /** \n-     * Property: resolution \n-     * {Float} The current data resolution. \n-     */\n-    resolution: null,\n-\n-    /**\n-     * APIProperty: ratio\n-     * {Float} The ratio of the data bounds to the viewport bounds (in each\n-     *     dimension).  Default is 2.\n+     * Property: div \n+     * {DOMElement} \n      */\n-    ratio: 2,\n+    div: null,\n \n     /** \n-     * Property: resFactor \n-     * {Float} Optional factor used to determine when previously requested \n-     *     features are invalid.  If set, the resFactor will be compared to the\n-     *     resolution of the previous request to the current map resolution.\n-     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n-     *     set a resFactor of 1, data will be requested every time the\n-     *     resolution changes.  If you set a resFactor of 3, data will be\n-     *     requested if the old resolution is 3 times the new, or if the new is\n-     *     3 times the old.  If the old bounds do not contain the new bounds\n-     *     new data will always be requested (with or without considering\n-     *     resFactor). \n-     */\n-    resFactor: null,\n-\n-    /**\n-     * Property: response\n-     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n-     *      by the layer protocol.\n-     */\n-    response: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Strategy.BBOX\n-     * Create a new BBOX strategy.\n+     * Constructor: OpenLayers.Marker.Box\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-\n-    /**\n-     * Method: activate\n-     * Set up strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * bounds - {<OpenLayers.Bounds>} \n+     * borderColor - {String} \n+     * borderWidth - {int} \n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-            this.update();\n-        }\n-        return activated;\n+    initialize: function(bounds, borderColor, borderWidth) {\n+        this.bounds = bounds;\n+        this.div = OpenLayers.Util.createDiv();\n+        this.div.style.overflow = 'hidden';\n+        this.events = new OpenLayers.Events(this, this.div);\n+        this.setBorder(borderColor, borderWidth);\n     },\n \n     /**\n-     * Method: deactivate\n-     * Tear down strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Method: destroy \n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n-    },\n+    destroy: function() {\n \n-    /**\n-     * Method: update\n-     * Callback function called on \"moveend\" or \"refresh\" layer events.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will determine\n-     *     the behaviour of this Strategy\n-     *\n-     * Valid options include:\n-     * force - {Boolean} if true, new data must be unconditionally read.\n-     * noAbort - {Boolean} if true, do not abort previous requests.\n-     */\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && ((options && options.force) ||\n-                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options);\n-        }\n-    },\n+        this.bounds = null;\n+        this.div = null;\n \n-    /**\n-     * Method: getMapBounds\n-     * Get the map bounds expressed in the same projection as this layer.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n-     */\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null;\n-        }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(\n-                this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(\n-                this.layer.map.getProjectionObject(), this.layer.projection\n-            );\n-        }\n-        return bounds;\n+        OpenLayers.Marker.prototype.destroy.apply(this, arguments);\n     },\n \n-    /**\n-     * Method: invalidBounds\n-     * Determine whether the previously requested set of features is invalid. \n-     *     This occurs when the new map bounds do not contain the previously \n-     *     requested bounds.  In addition, if <resFactor> is set, it will be \n-     *     considered.\n-     *\n+    /** \n+     * Method: setBorder\n+     * Allow the user to change the box's color and border width\n+     * \n      * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n-     *\n-     * Returns:\n-     * {Boolean} \n+     * color - {String} Default is \"red\"\n+     * width - {int} Default is 2\n      */\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n+    setBorder: function(color, width) {\n+        if (!color) {\n+            color = \"red\";\n         }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n+        if (!width) {\n+            width = 2;\n         }\n-        return invalid;\n+        this.div.style.border = width + \"px solid \" + color;\n     },\n \n-    /**\n-     * Method: calculateBounds\n-     *\n+    /** \n+     * Method: draw\n+     * \n      * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n+     * px - {<OpenLayers.Pixel>} \n+     * sz - {<OpenLayers.Size>} \n+     * \n+     * Returns: \n+     * {DOMElement} A new DOM Image with this marker's icon set at the \n+     *         location passed-in\n      */\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n-        }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(\n-            center.lon - (dataWidth / 2),\n-            center.lat - (dataHeight / 2),\n-            center.lon + (dataWidth / 2),\n-            center.lat + (dataHeight / 2)\n-        );\n+    draw: function(px, sz) {\n+        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n+        return this.div;\n     },\n \n     /**\n-     * Method: triggerRead\n-     *\n-     * Parameters:\n-     * options - {Object} Additional options for the protocol's read method \n-     *     (optional)\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} The protocol response object\n-     *      returned by the layer protocol.\n+     * Method: onScreen\n+     * \n+     * Rreturn:\n+     * {Boolean} Whether or not the marker is currently visible on screen.\n      */\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\");\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsBounds(this.bounds, true, true);\n         }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(\n-            OpenLayers.Util.applyDefaults({\n-                filter: evt.filter,\n-                callback: this.merge,\n-                scope: this\n-            }, options));\n+        return onScreen;\n     },\n \n     /**\n-     * Method: createFilter\n-     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n-     * to has a filter property, this filter will be combined with the BBOX \n-     * filter.\n+     * Method: display\n+     * Hide or show the icon\n      * \n-     * Returns\n-     * {<OpenLayers.Filter>} The filter object.\n+     * Parameters:\n+     * display - {Boolean} \n      */\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n-            });\n-        }\n-        return filter;\n+    display: function(display) {\n+        this.div.style.display = (display) ? \"\" : \"none\";\n     },\n \n-    /**\n-     * Method: merge\n-     * Given a list of features, determine which ones to add to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n-     */\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local);\n-                        }\n-                    }\n+    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Popup/Anchored.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Popup.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Popup.Anchored\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Popup>\n+ */\n+OpenLayers.Popup.Anchored =\n+    OpenLayers.Class(OpenLayers.Popup, {\n+\n+        /** \n+         * Property: relativePosition\n+         * {String} Relative position of the popup (\"br\", \"tr\", \"tl\" or \"bl\").\n+         */\n+        relativePosition: null,\n+\n+        /**\n+         * APIProperty: keepInMap \n+         * {Boolean} If panMapIfOutOfView is false, and this property is true, \n+         *     contrain the popup such that it always fits in the available map\n+         *     space. By default, this is set. If you are creating popups that are\n+         *     near map edges and not allowing pannning, and especially if you have\n+         *     a popup which has a fixedRelativePosition, setting this to false may\n+         *     be a smart thing to do.\n+         *   \n+         *     For anchored popups, default is true, since subclasses will\n+         *     usually want this functionality.\n+         */\n+        keepInMap: true,\n+\n+        /**\n+         * Property: anchor\n+         * {Object} Object to which we'll anchor the popup. Must expose a \n+         *     'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>).\n+         */\n+        anchor: null,\n+\n+        /** \n+         * Constructor: OpenLayers.Popup.Anchored\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object which must expose a 'size' <OpenLayers.Size> \n+         *     and 'offset' <OpenLayers.Pixel> (generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+            var newArguments = [\n+                id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback\n+            ];\n+            OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n+\n+            this.anchor = (anchor != null) ? anchor :\n+                {\n+                    size: new OpenLayers.Size(0, 0),\n+                    offset: new OpenLayers.Pixel(0, 0)\n+                };\n+        },\n+\n+        /**\n+         * APIMethod: destroy\n+         */\n+        destroy: function() {\n+            this.anchor = null;\n+            this.relativePosition = null;\n+\n+            OpenLayers.Popup.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * APIMethod: show\n+         * Overridden from Popup since user might hide popup and then show() it \n+         *     in a new location (meaning we might want to update the relative\n+         *     position on the show)\n+         */\n+        show: function() {\n+            this.updatePosition();\n+            OpenLayers.Popup.prototype.show.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: moveTo\n+         * Since the popup is moving to a new px, it might need also to be moved\n+         *     relative to where the marker is. We first calculate the new \n+         *     relativePosition, and then we calculate the new px where we will \n+         *     put the popup, based on the new relative position. \n+         * \n+         *     If the relativePosition has changed, we must also call \n+         *     updateRelativePosition() to make any visual changes to the popup \n+         *     which are associated with putting it in a new relativePosition.\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         */\n+        moveTo: function(px) {\n+            var oldRelativePosition = this.relativePosition;\n+            this.relativePosition = this.calculateRelativePosition(px);\n+\n+            OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n+\n+            //if this move has caused the popup to change its relative position, \n+            // we need to make the appropriate cosmetic changes.\n+            if (this.relativePosition != oldRelativePosition) {\n+                this.updateRelativePosition();\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: setSize\n+         * \n+         * Parameters:\n+         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+         *     contents div (in pixels).\n+         */\n+        setSize: function(contentSize) {\n+            OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n+\n+            if ((this.lonlat) && (this.map)) {\n+                var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+                this.moveTo(px);\n+            }\n+        },\n+\n+        /** \n+         * Method: calculateRelativePosition\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {String} The relative position (\"br\" \"tr\" \"tl\" \"bl\") at which the popup\n+         *     should be placed.\n+         */\n+        calculateRelativePosition: function(px) {\n+            var lonlat = this.map.getLonLatFromLayerPx(px);\n+\n+            var extent = this.map.getExtent();\n+            var quadrant = extent.determineQuadrant(lonlat);\n+\n+            return OpenLayers.Bounds.oppositeQuadrant(quadrant);\n+        },\n+\n+        /**\n+         * Method: updateRelativePosition\n+         * The popup has been moved to a new relative location, so we may want to \n+         *     make some cosmetic adjustments to it. \n+         * \n+         *     Note that in the classic Anchored popup, there is nothing to do \n+         *     here, since the popup looks exactly the same in all four positions.\n+         *     Subclasses such as Framed, however, will want to do something\n+         *     special here.\n+         */\n+        updateRelativePosition: function() {\n+            //to be overridden by subclasses\n+        },\n+\n+        /** \n+         * Method: calculateNewPx\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n+         *     relative to the passed-in px.\n+         */\n+        calculateNewPx: function(px) {\n+            var newPx = px.offset(this.anchor.offset);\n+\n+            //use contentSize if size is not already set\n+            var size = this.size || this.contentSize;\n+\n+            var top = (this.relativePosition.charAt(0) == 't');\n+            newPx.y += (top) ? -size.h : this.anchor.size.h;\n+\n+            var left = (this.relativePosition.charAt(1) == 'l');\n+            newPx.x += (left) ? -size.w : this.anchor.size.w;\n+\n+            return newPx;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Popup/Framed.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Popup/Anchored.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Popup.Framed\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Popup.Anchored>\n+ */\n+OpenLayers.Popup.Framed =\n+    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+\n+        /**\n+         * Property: imageSrc\n+         * {String} location of the image to be used as the popup frame\n+         */\n+        imageSrc: null,\n+\n+        /**\n+         * Property: imageSize\n+         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n+         *     by the 'imageSrc' property.\n+         */\n+        imageSize: null,\n+\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The image has some alpha and thus needs to use the alpha \n+         *     image hack. Note that setting this to true will have no noticeable\n+         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n+         *     browser. \n+         *     Default is false.\n+         */\n+        isAlphaImage: false,\n+\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of different position blocks (Object/Hashs). Each block \n+         *     will be keyed by a two-character 'relativePosition' \n+         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n+         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n+         *     parameter, which is an array of the block objects. \n+         * \n+         *     Each block object must have 'size', 'anchor', and 'position' \n+         *     properties.\n+         * \n+         *     Note that positionBlocks should never be modified at runtime.\n+         */\n+        positionBlocks: null,\n+\n+        /**\n+         * Property: blocks\n+         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n+         *     popup. Each block has a 'div' and an 'image' property, both of \n+         *     which are DOMElements, and the latter of which is appended to the \n+         *     former. These are reused as the popup goes changing positions for\n+         *     great economy and elegance.\n+         */\n+        blocks: null,\n+\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} We want the framed popup to work dynamically placed relative\n+         *     to its anchor but also in just one fixed position. A well designed\n+         *     framed popup will have the pixels and logic to display itself in \n+         *     any of the four relative positions, but (understandably), this will\n+         *     not be the case for all of them. By setting this property to 'true', \n+         *     framed popup will not recalculate for the best placement each time\n+         *     it's open, but will always open the same way. \n+         *     Note that if this is set to true, it is generally advisable to also\n+         *     set the 'panIntoView' property to true so that the popup can be \n+         *     scrolled into view (since it will often be offscreen on open)\n+         *     Default is false.\n+         */\n+        fixedRelativePosition: false,\n+\n+        /** \n+         * Constructor: OpenLayers.Popup.Framed\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+\n+            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+\n+            if (this.fixedRelativePosition) {\n+                //based on our decided relativePostion, set the current padding\n+                // this keeps us from getting into trouble \n+                this.updateRelativePosition();\n+\n+                //make calculateRelativePosition always return the specified\n+                // fixed position.\n+                this.calculateRelativePosition = function(px) {\n+                    return this.relativePosition;\n+                };\n+            }\n+\n+            this.contentDiv.style.position = \"absolute\";\n+            this.contentDiv.style.zIndex = 1;\n+\n+            if (closeBox) {\n+                this.closeDiv.style.zIndex = 1;\n+            }\n+\n+            this.groupDiv.style.position = \"absolute\";\n+            this.groupDiv.style.top = \"0px\";\n+            this.groupDiv.style.left = \"0px\";\n+            this.groupDiv.style.height = \"100%\";\n+            this.groupDiv.style.width = \"100%\";\n+        },\n+\n+        /** \n+         * APIMethod: destroy\n+         */\n+        destroy: function() {\n+            this.imageSrc = null;\n+            this.imageSize = null;\n+            this.isAlphaImage = null;\n+\n+            this.fixedRelativePosition = false;\n+            this.positionBlocks = null;\n+\n+            //remove our blocks\n+            for (var i = 0; i < this.blocks.length; i++) {\n+                var block = this.blocks[i];\n+\n+                if (block.image) {\n+                    block.div.removeChild(block.image);\n                 }\n-                this.layer.addFeatures(features);\n+                block.image = null;\n+\n+                if (block.div) {\n+                    this.groupDiv.removeChild(block.div);\n+                }\n+                block.div = null;\n             }\n-        } else {\n-            this.bounds = null;\n-        }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n-    },\n+            this.blocks = null;\n \n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n-});\n+            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * APIMethod: setBackgroundColor\n+         */\n+        setBackgroundColor: function(color) {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the background color makes no sense. \n+        },\n+\n+        /**\n+         * APIMethod: setBorder\n+         */\n+        setBorder: function() {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the popup's border makes no sense. \n+        },\n+\n+        /**\n+         * Method: setOpacity\n+         * Sets the opacity of the popup.\n+         * \n+         * Parameters:\n+         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n+         */\n+        setOpacity: function(opacity) {\n+            //does nothing since we suppose that we'll never apply an opacity\n+            // to a framed popup\n+        },\n+\n+        /**\n+         * APIMethod: setSize\n+         * Overridden here, because we need to update the blocks whenever the size\n+         *     of the popup has changed.\n+         * \n+         * Parameters:\n+         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+         *     contents div (in pixels).\n+         */\n+        setSize: function(contentSize) {\n+            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+\n+            this.updateBlocks();\n+        },\n+\n+        /**\n+         * Method: updateRelativePosition\n+         * When the relative position changes, we need to set the new padding \n+         *     BBOX on the popup, reposition the close div, and update the blocks.\n+         */\n+        updateRelativePosition: function() {\n+\n+            //update the padding\n+            this.padding = this.positionBlocks[this.relativePosition].padding;\n+\n+            //update the position of our close box to new padding\n+            if (this.closeDiv) {\n+                // use the content div's css padding to determine if we should\n+                //  padd the close div\n+                var contentDivPadding = this.getContentDivPadding();\n+\n+                this.closeDiv.style.right = contentDivPadding.right +\n+                    this.padding.right + \"px\";\n+                this.closeDiv.style.top = contentDivPadding.top +\n+                    this.padding.top + \"px\";\n+            }\n+\n+            this.updateBlocks();\n+        },\n+\n+        /** \n+         * Method: calculateNewPx\n+         * Besides the standard offset as determined by the Anchored class, our \n+         *     Framed popups have a special 'offset' property for each of their \n+         *     positions, which is used to offset the popup relative to its anchor.\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n+         *     relative to the passed-in px.\n+         */\n+        calculateNewPx: function(px) {\n+            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n+                this, arguments\n+            );\n+\n+            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+\n+            return newPx;\n+        },\n+\n+        /**\n+         * Method: createBlocks\n+         */\n+        createBlocks: function() {\n+            this.blocks = [];\n+\n+            //since all positions contain the same number of blocks, we can \n+            // just pick the first position and use its blocks array to create\n+            // our blocks array\n+            var firstPosition = null;\n+            for (var key in this.positionBlocks) {\n+                firstPosition = key;\n+                break;\n+            }\n+\n+            var position = this.positionBlocks[firstPosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n+\n+                var block = {};\n+                this.blocks.push(block);\n+\n+                var divId = this.id + '_FrameDecorationDiv_' + i;\n+                block.div = OpenLayers.Util.createDiv(divId,\n+                    null, null, null, \"absolute\", null, \"hidden\", null\n+                );\n+\n+                var imgId = this.id + '_FrameDecorationImg_' + i;\n+                var imageCreator =\n+                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n+                    OpenLayers.Util.createImage;\n+\n+                block.image = imageCreator(imgId,\n+                    null, this.imageSize, this.imageSrc,\n+                    \"absolute\", null, null, null\n+                );\n+\n+                block.div.appendChild(block.image);\n+                this.groupDiv.appendChild(block.div);\n+            }\n+        },\n+\n+        /**\n+         * Method: updateBlocks\n+         * Internal method, called on initialize and when the popup's relative\n+         *     position has changed. This function takes care of re-positioning\n+         *     the popup's blocks in their appropropriate places.\n+         */\n+        updateBlocks: function() {\n+            if (!this.blocks) {\n+                this.createBlocks();\n+            }\n+\n+            if (this.size && this.relativePosition) {\n+                var position = this.positionBlocks[this.relativePosition];\n+                for (var i = 0; i < position.blocks.length; i++) {\n+\n+                    var positionBlock = position.blocks[i];\n+                    var block = this.blocks[i];\n+\n+                    // adjust sizes\n+                    var l = positionBlock.anchor.left;\n+                    var b = positionBlock.anchor.bottom;\n+                    var r = positionBlock.anchor.right;\n+                    var t = positionBlock.anchor.top;\n+\n+                    //note that we use the isNaN() test here because if the \n+                    // size object is initialized with a \"auto\" parameter, the \n+                    // size constructor calls parseFloat() on the string, \n+                    // which will turn it into NaN\n+                    //\n+                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n+                        positionBlock.size.w;\n+\n+                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n+                        positionBlock.size.h;\n+\n+                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n+                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n+\n+                    block.div.style.left = (l != null) ? l + 'px' : '';\n+                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n+                    block.div.style.right = (r != null) ? r + 'px' : '';\n+                    block.div.style.top = (t != null) ? t + 'px' : '';\n+\n+                    block.image.style.left = positionBlock.position.x + 'px';\n+                    block.image.style.top = positionBlock.position.y + 'px';\n+                }\n+\n+                this.contentDiv.style.left = this.padding.left + \"px\";\n+                this.contentDiv.style.top = this.padding.top + \"px\";\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Popup/FramedCloud.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Popup/Framed.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/BaseTypes/Bounds.js\n+ * @requires OpenLayers/BaseTypes/Pixel.js\n+ * @requires OpenLayers/BaseTypes/Size.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Popup.FramedCloud\n+ * \n+ * Inherits from: \n+ *  - <OpenLayers.Popup.Framed>\n+ */\n+OpenLayers.Popup.FramedCloud =\n+    OpenLayers.Class(OpenLayers.Popup.Framed, {\n+\n+        /** \n+         * Property: contentDisplayClass\n+         * {String} The CSS class of the popup content div.\n+         */\n+        contentDisplayClass: \"olFramedCloudPopupContent\",\n+\n+        /**\n+         * APIProperty: autoSize\n+         * {Boolean} Framed Cloud is autosizing by default.\n+         */\n+        autoSize: true,\n+\n+        /**\n+         * APIProperty: panMapIfOutOfView\n+         * {Boolean} Framed Cloud does pan into view by default.\n+         */\n+        panMapIfOutOfView: true,\n+\n+        /**\n+         * APIProperty: imageSize\n+         * {<OpenLayers.Size>}\n+         */\n+        imageSize: new OpenLayers.Size(1276, 736),\n+\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n+         *     good ie6 folk out there)\n+         */\n+        isAlphaImage: false,\n+\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} The Framed Cloud popup works in just one fixed position.\n+         */\n+        fixedRelativePosition: false,\n+\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of differen position blocks, keyed by relativePosition\n+         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n+         */\n+        positionBlocks: {\n+            \"tl\": {\n+                'offset': new OpenLayers.Pixel(44, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 18),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -632)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(0, -688)\n+                }]\n+            },\n+            \"tr\": {\n+                'offset': new OpenLayers.Pixel(-45, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 19),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -631)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                    position: new OpenLayers.Pixel(-215, -687)\n+                }]\n+            },\n+            \"bl\": {\n+                'offset': new OpenLayers.Pixel(45, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                    position: new OpenLayers.Pixel(-101, -674)\n+                }]\n+            },\n+            \"br\": {\n+                'offset': new OpenLayers.Pixel(-44, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                    position: new OpenLayers.Pixel(-311, -674)\n+                }]\n+            }\n+        },\n+\n+        /**\n+         * APIProperty: minSize\n+         * {<OpenLayers.Size>}\n+         */\n+        minSize: new OpenLayers.Size(105, 10),\n+\n+        /**\n+         * APIProperty: maxSize\n+         * {<OpenLayers.Size>}\n+         */\n+        maxSize: new OpenLayers.Size(1200, 660),\n+\n+        /** \n+         * Constructor: OpenLayers.Popup.FramedCloud\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+\n+            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n+            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+            this.contentDiv.className = this.contentDisplayClass;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n+    });\n /* ======================================================================\n     Rico/license.js\n    ====================================================================== */\n \n /**\n  * @license Apache 2 \n  *  \n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.light.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.light.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -263,449 +263,14 @@\n             source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n             destination.toString = source.toString;\n         }\n     }\n     return destination;\n };\n /* ======================================================================\n-    OpenLayers/Util/vendorPrefix.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-OpenLayers.Util = OpenLayers.Util || {};\n-/**\n- * Namespace: OpenLayers.Util.vendorPrefix\n- * A collection of utility functions to detect vendor prefixed features\n- */\n-OpenLayers.Util.vendorPrefix = (function() {\n-    \"use strict\";\n-\n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n-\n-\n-    /**\n-     * Function: domToCss\n-     * Converts a upper camel case DOM style property name to a CSS property\n-     *      i.e. transformOrigin -> transform-origin\n-     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n-     *\n-     * Parameters:\n-     * prefixedDom - {String} The property to convert\n-     *\n-     * Returns:\n-     * {String} The CSS property\n-     */\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null;\n-        }\n-        return prefixedDom.\n-        replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase();\n-        }).\n-        replace(/^ms-/, \"-ms-\");\n-    }\n-\n-    /**\n-     * APIMethod: css\n-     * Detect which property is used for a CSS property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) CSS property name\n-     *\n-     * Returns:\n-     * {String} The standard CSS property, prefixed property or null if not\n-     *          supported\n-     */\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.\n-            replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase();\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom);\n-        }\n-        return cssCache[property];\n-    }\n-\n-    /**\n-     * APIMethod: js\n-     * Detect which property is used for a JS property/method\n-     *\n-     * Parameters:\n-     * obj - {Object} The object to test on\n-     * property - {String} The standard (unprefixed) JS property name\n-     *\n-     * Returns:\n-     * {String} The standard JS property, prefixed property or null if not\n-     *          supported\n-     */\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp,\n-                i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix,\n-                isStyleObj = (typeof obj.cssText !== \"undefined\");\n-\n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        // js prefix should be lower-case, while style\n-                        // properties have upper case on first character\n-                        prefix = prefix.toLowerCase();\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n-                } else {\n-                    tmpProp = property;\n-                }\n-\n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break;\n-                }\n-            }\n-        }\n-        return jsCache[property];\n-    }\n-\n-    /**\n-     * APIMethod: style\n-     * Detect which property is used for a DOM style property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) style property name\n-     *\n-     * Returns:\n-     * {String} The standard style property, prefixed property or null if not\n-     *          supported\n-     */\n-    function style(property) {\n-        return js(divStyle, property);\n-    }\n-\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-\n-        // used for testing\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    };\n-}());\n-/* ======================================================================\n-    OpenLayers/Animation.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- * @requires OpenLayers/Util/vendorPrefix.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Animation\n- * A collection of utility functions for executing methods that repaint a \n- *     portion of the browser window.  These methods take advantage of the\n- *     browser's scheduled repaints where requestAnimationFrame is available.\n- */\n-OpenLayers.Animation = (function(window) {\n-\n-    /**\n-     * Property: isNative\n-     * {Boolean} true if a native requestAnimationFrame function is available\n-     */\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!(requestAnimationFrame);\n-\n-    /**\n-     * Function: requestFrame\n-     * Schedule a function to be called at the next available animation frame.\n-     *     Uses the native method where available.  Where requestAnimationFrame is\n-     *     not available, setTimeout will be called with a 16ms delay.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n-     */\n-    var requestFrame = (function() {\n-        var request = window[requestAnimationFrame] ||\n-            function(callback, element) {\n-                window.setTimeout(callback, 16);\n-            };\n-        // bind to window to avoid illegal invocation of native function\n-        return function(callback, element) {\n-            request.apply(window, [callback, element]);\n-        };\n-    })();\n-\n-    // private variables for animation loops\n-    var counter = 0;\n-    var loops = {};\n-\n-    /**\n-     * Function: start\n-     * Executes a method with <requestFrame> in series for some \n-     *     duration.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * duration - {Number} Optional duration for the loop.  If not provided, the\n-     *     animation loop will execute indefinitely.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n-     *\n-     * Returns:\n-     * {Number} Identifier for the animation loop.  Used to stop animations with\n-     *     <stop>.\n-     */\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element);\n-                }\n-            } else {\n-                delete loops[id];\n-            }\n-        };\n-        requestFrame(loops[id], element);\n-        return id;\n-    }\n-\n-    /**\n-     * Function: stop\n-     * Terminates an animation loop started with <start>.\n-     *\n-     * Parameters:\n-     * id - {Number} Identifier returned from <start>.\n-     */\n-    function stop(id) {\n-        delete loops[id];\n-    }\n-\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    };\n-\n-})(window);\n-/* ======================================================================\n-    OpenLayers/Kinetic.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Animation.js\n- */\n-\n-OpenLayers.Kinetic = OpenLayers.Class({\n-\n-    /**\n-     * Property: threshold\n-     * In most cases changing the threshold isn't needed.\n-     * In px/ms, default to 0.\n-     */\n-    threshold: 0,\n-\n-    /**\n-     * Property: deceleration\n-     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n-     */\n-    deceleration: 0.0035,\n-\n-    /**\n-     * Property: nbPoints\n-     * {Integer} the number of points we use to calculate the kinetic\n-     * initial values.\n-     */\n-    nbPoints: 100,\n-\n-    /**\n-     * Property: delay\n-     * {Float} time to consider to calculate the kinetic initial values.\n-     * In ms, default to 200.\n-     */\n-    delay: 200,\n-\n-    /**\n-     * Property: points\n-     * List of points use to calculate the kinetic initial values.\n-     */\n-    points: undefined,\n-\n-    /**\n-     * Property: timerId\n-     * ID of the timer.\n-     */\n-    timerId: undefined,\n-\n-    /**\n-     * Constructor: OpenLayers.Kinetic\n-     *\n-     * Parameters:\n-     * options - {Object}\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * Method: begin\n-     * Begins the dragging.\n-     */\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = [];\n-    },\n-\n-    /**\n-     * Method: update\n-     * Updates during the dragging.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The new position.\n-     */\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: new Date().getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop();\n-        }\n-    },\n-\n-    /**\n-     * Method: end\n-     * Ends the dragging, start the kinetic.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The last position.\n-     *\n-     * Returns:\n-     * {Object} An object with two properties: \"speed\", and \"theta\". The\n-     *     \"speed\" and \"theta\" values are to be passed to the move \n-     *     function when starting the animation.\n-     */\n-    end: function(xy) {\n-        var last, now = new Date().getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break;\n-            }\n-            last = point;\n-        }\n-        if (!last) {\n-            return;\n-        }\n-        var time = new Date().getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n-            Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return;\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta;\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        };\n-    },\n-\n-    /**\n-     * Method: move\n-     * Launch the kinetic move pan.\n-     *\n-     * Parameters:\n-     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n-     *     These values are those returned from the \"end\" call.\n-     * callback - {Function} Function called on every step of the animation,\n-     *     receives x, y (values to pan), end (is the last point).\n-     */\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-\n-        var initialTime = new Date().getTime();\n-\n-        var lastX = 0;\n-        var lastY = 0;\n-\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return;\n-            }\n-\n-            var t = new Date().getTime() - initialTime;\n-\n-            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true;\n-            }\n-\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end);\n-        };\n-\n-        this.timerId = OpenLayers.Animation.start(\n-            OpenLayers.Function.bind(timerCallback, this)\n-        );\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n-/* ======================================================================\n     OpenLayers/BaseTypes.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -4861,14 +4426,1516 @@\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\");\n     }\n     return str;\n };\n \n /* ======================================================================\n+    OpenLayers/Feature.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Feature\n+ * Features are combinations of geography and attributes. The OpenLayers.Feature\n+ *     class specifically combines a marker and a lonlat.\n+ */\n+OpenLayers.Feature = OpenLayers.Class({\n+\n+    /** \n+     * Property: layer \n+     * {<OpenLayers.Layer>} \n+     */\n+    layer: null,\n+\n+    /** \n+     * Property: id \n+     * {String} \n+     */\n+    id: null,\n+\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} \n+     */\n+    lonlat: null,\n+\n+    /** \n+     * Property: data \n+     * {Object} \n+     */\n+    data: null,\n+\n+    /** \n+     * Property: marker \n+     * {<OpenLayers.Marker>} \n+     */\n+    marker: null,\n+\n+    /**\n+     * APIProperty: popupClass\n+     * {<OpenLayers.Class>} The class which will be used to instantiate\n+     *     a new Popup. Default is <OpenLayers.Popup.Anchored>.\n+     */\n+    popupClass: null,\n+\n+    /** \n+     * Property: popup \n+     * {<OpenLayers.Popup>} \n+     */\n+    popup: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Feature\n+     * Constructor for features.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer>} \n+     * lonlat - {<OpenLayers.LonLat>} \n+     * data - {Object} \n+     * \n+     * Returns:\n+     * {<OpenLayers.Feature>}\n+     */\n+    initialize: function(layer, lonlat, data) {\n+        this.layer = layer;\n+        this.lonlat = lonlat;\n+        this.data = (data != null) ? data : {};\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n+\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n+\n+        //remove the popup from the map\n+        if ((this.layer != null) && (this.layer.map != null)) {\n+            if (this.popup != null) {\n+                this.layer.map.removePopup(this.popup);\n+            }\n+        }\n+        // remove the marker from the layer\n+        if (this.layer != null && this.marker != null) {\n+            this.layer.removeMarker(this.marker);\n+        }\n+\n+        this.layer = null;\n+        this.id = null;\n+        this.lonlat = null;\n+        this.data = null;\n+        if (this.marker != null) {\n+            this.destroyMarker(this.marker);\n+            this.marker = null;\n+        }\n+        if (this.popup != null) {\n+            this.destroyPopup(this.popup);\n+            this.popup = null;\n+        }\n+    },\n+\n+    /**\n+     * Method: onScreen\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the feature is currently visible on screen\n+     *           (based on its 'lonlat' property)\n+     */\n+    onScreen: function() {\n+\n+        var onScreen = false;\n+        if ((this.layer != null) && (this.layer.map != null)) {\n+            var screenBounds = this.layer.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat);\n+        }\n+        return onScreen;\n+    },\n+\n+\n+    /**\n+     * Method: createMarker\n+     * Based on the data associated with the Feature, create and return a marker object.\n+     *\n+     * Returns: \n+     * {<OpenLayers.Marker>} A Marker Object created from the 'lonlat' and 'icon' properties\n+     *          set in this.data. If no 'lonlat' is set, returns null. If no\n+     *          'icon' is set, OpenLayers.Marker() will load the default image.\n+     *          \n+     *          Note - this.marker is set to return value\n+     * \n+     */\n+    createMarker: function() {\n+\n+        if (this.lonlat != null) {\n+            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon);\n+        }\n+        return this.marker;\n+    },\n+\n+    /**\n+     * Method: destroyMarker\n+     * Destroys marker.\n+     * If user overrides the createMarker() function, s/he should be able\n+     *   to also specify an alternative function for destroying it\n+     */\n+    destroyMarker: function() {\n+        this.marker.destroy();\n+    },\n+\n+    /**\n+     * Method: createPopup\n+     * Creates a popup object created from the 'lonlat', 'popupSize',\n+     *     and 'popupContentHTML' properties set in this.data. It uses\n+     *     this.marker.icon as default anchor. \n+     *  \n+     *  If no 'lonlat' is set, returns null. \n+     *  If no this.marker has been created, no anchor is sent.\n+     *\n+     *  Note - the returned popup object is 'owned' by the feature, so you\n+     *      cannot use the popup's destroy method to discard the popup.\n+     *      Instead, you must use the feature's destroyPopup\n+     * \n+     *  Note - this.popup is set to return value\n+     * \n+     * Parameters: \n+     * closeBox - {Boolean} create popup with closebox or not\n+     * \n+     * Returns:\n+     * {<OpenLayers.Popup>} Returns the created popup, which is also set\n+     *     as 'popup' property of this feature. Will be of whatever type\n+     *     specified by this feature's 'popupClass' property, but must be\n+     *     of type <OpenLayers.Popup>.\n+     * \n+     */\n+    createPopup: function(closeBox) {\n+\n+        if (this.lonlat != null) {\n+            if (!this.popup) {\n+                var anchor = (this.marker) ? this.marker.icon : null;\n+                var popupClass = this.popupClass ?\n+                    this.popupClass : OpenLayers.Popup.Anchored;\n+                this.popup = new popupClass(this.id + \"_popup\",\n+                    this.lonlat,\n+                    this.data.popupSize,\n+                    this.data.popupContentHTML,\n+                    anchor,\n+                    closeBox);\n+            }\n+            if (this.data.overflow != null) {\n+                this.popup.contentDiv.style.overflow = this.data.overflow;\n+            }\n+\n+            this.popup.feature = this;\n+        }\n+        return this.popup;\n+    },\n+\n+\n+    /**\n+     * Method: destroyPopup\n+     * Destroys the popup created via createPopup.\n+     *\n+     * As with the marker, if user overrides the createPopup() function, s/he \n+     *   should also be able to override the destruction\n+     */\n+    destroyPopup: function() {\n+        if (this.popup) {\n+            this.popup.feature = null;\n+            this.popup.destroy();\n+            this.popup = null;\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Feature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Feature/Vector.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+// TRASH THIS\n+OpenLayers.State = {\n+    /** states */\n+    UNKNOWN: 'Unknown',\n+    INSERT: 'Insert',\n+    UPDATE: 'Update',\n+    DELETE: 'Delete'\n+};\n+\n+/**\n+ * @requires OpenLayers/Feature.js\n+ * @requires OpenLayers/Util.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Feature.Vector\n+ * Vector features use the OpenLayers.Geometry classes as geometry description.\n+ * They have an 'attributes' property, which is the data object, and a 'style'\n+ * property, the default values of which are defined in the \n+ * <OpenLayers.Feature.Vector.style> objects.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Feature>\n+ */\n+OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n+\n+    /** \n+     * Property: fid \n+     * {String} \n+     */\n+    fid: null,\n+\n+    /** \n+     * APIProperty: geometry \n+     * {<OpenLayers.Geometry>} \n+     */\n+    geometry: null,\n+\n+    /** \n+     * APIProperty: attributes \n+     * {Object} This object holds arbitrary, serializable properties that\n+     *     describe the feature.\n+     */\n+    attributes: null,\n+\n+    /**\n+     * Property: bounds\n+     * {<OpenLayers.Bounds>} The box bounding that feature's geometry, that\n+     *     property can be set by an <OpenLayers.Format> object when\n+     *     deserializing the feature, so in most cases it represents an\n+     *     information set by the server. \n+     */\n+    bounds: null,\n+\n+    /** \n+     * Property: state \n+     * {String} \n+     */\n+    state: null,\n+\n+    /** \n+     * APIProperty: style \n+     * {Object} \n+     */\n+    style: null,\n+\n+    /**\n+     * APIProperty: url\n+     * {String} If this property is set it will be taken into account by\n+     *     {<OpenLayers.HTTP>} when upadting or deleting the feature.\n+     */\n+    url: null,\n+\n+    /**\n+     * Property: renderIntent\n+     * {String} rendering intent currently being used\n+     */\n+    renderIntent: \"default\",\n+\n+    /**\n+     * APIProperty: modified\n+     * {Object} An object with the originals of the geometry and attributes of\n+     * the feature, if they were changed. Currently this property is only read\n+     * by <OpenLayers.Format.WFST.v1>, and written by\n+     * <OpenLayers.Control.ModifyFeature>, which sets the geometry property.\n+     * Applications can set the originals of modified attributes in the\n+     * attributes property. Note that applications have to check if this\n+     * object and the attributes property is already created before using it.\n+     * After a change made with ModifyFeature, this object could look like\n+     *\n+     * (code)\n+     * {\n+     *     geometry: >Object\n+     * }\n+     * (end)\n+     *\n+     * When an application has made changes to feature attributes, it could\n+     * have set the attributes to something like this:\n+     *\n+     * (code)\n+     * {\n+     *     attributes: {\n+     *         myAttribute: \"original\"\n+     *     }\n+     * }\n+     * (end)\n+     *\n+     * Note that <OpenLayers.Format.WFST.v1> only checks for truthy values in\n+     * *modified.geometry* and the attribute names in *modified.attributes*,\n+     * but it is recommended to set the original values (and not just true) as\n+     * attribute value, so applications could use this information to undo\n+     * changes.\n+     */\n+    modified: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Feature.Vector\n+     * Create a vector feature. \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} The geometry that this feature\n+     *     represents.\n+     * attributes - {Object} An optional object that will be mapped to the\n+     *     <attributes> property. \n+     * style - {Object} An optional style object.\n+     */\n+    initialize: function(geometry, attributes, style) {\n+        OpenLayers.Feature.prototype.initialize.apply(this,\n+            [null, null, attributes]);\n+        this.lonlat = null;\n+        this.geometry = geometry ? geometry : null;\n+        this.state = null;\n+        this.attributes = {};\n+        if (attributes) {\n+            this.attributes = OpenLayers.Util.extend(this.attributes,\n+                attributes);\n+        }\n+        this.style = style ? style : null;\n+    },\n+\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n+        if (this.layer) {\n+            this.layer.removeFeatures(this);\n+            this.layer = null;\n+        }\n+\n+        this.geometry = null;\n+        this.modified = null;\n+        OpenLayers.Feature.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: clone\n+     * Create a clone of this vector feature.  Does not set any non-standard\n+     *     properties.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} An exact clone of this vector feature.\n+     */\n+    clone: function() {\n+        return new OpenLayers.Feature.Vector(\n+            this.geometry ? this.geometry.clone() : null,\n+            this.attributes,\n+            this.style);\n+    },\n+\n+    /**\n+     * Method: onScreen\n+     * Determine whether the feature is within the map viewport.  This method\n+     *     tests for an intersection between the geometry and the viewport\n+     *     bounds.  If a more effecient but less precise geometry bounds\n+     *     intersection is desired, call the method with the boundsOnly\n+     *     parameter true.\n+     *\n+     * Parameters:\n+     * boundsOnly - {Boolean} Only test whether a feature's bounds intersects\n+     *     the viewport bounds.  Default is false.  If false, the feature's\n+     *     geometry must intersect the viewport for onScreen to return true.\n+     * \n+     * Returns:\n+     * {Boolean} The feature is currently visible on screen (optionally\n+     *     based on its bounds if boundsOnly is true).\n+     */\n+    onScreen: function(boundsOnly) {\n+        var onScreen = false;\n+        if (this.layer && this.layer.map) {\n+            var screenBounds = this.layer.map.getExtent();\n+            if (boundsOnly) {\n+                var featureBounds = this.geometry.getBounds();\n+                onScreen = screenBounds.intersectsBounds(featureBounds);\n+            } else {\n+                var screenPoly = screenBounds.toGeometry();\n+                onScreen = screenPoly.intersects(this.geometry);\n+            }\n+        }\n+        return onScreen;\n+    },\n+\n+    /**\n+     * Method: getVisibility\n+     * Determine whether the feature is displayed or not. It may not displayed\n+     *     because:\n+     *     - its style display property is set to 'none',\n+     *     - it doesn't belong to any layer,\n+     *     - the styleMap creates a symbolizer with display property set to 'none'\n+     *          for it,\n+     *     - the layer which it belongs to is not visible.\n+     * \n+     * Returns:\n+     * {Boolean} The feature is currently displayed.\n+     */\n+    getVisibility: function() {\n+        return !(this.style && this.style.display == 'none' ||\n+            !this.layer ||\n+            this.layer && this.layer.styleMap &&\n+            this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == 'none' ||\n+            this.layer && !this.layer.getVisibility());\n+    },\n+\n+    /**\n+     * Method: createMarker\n+     * HACK - we need to decide if all vector features should be able to\n+     *     create markers\n+     * \n+     * Returns:\n+     * {<OpenLayers.Marker>} For now just returns null\n+     */\n+    createMarker: function() {\n+        return null;\n+    },\n+\n+    /**\n+     * Method: destroyMarker\n+     * HACK - we need to decide if all vector features should be able to\n+     *     delete markers\n+     * \n+     * If user overrides the createMarker() function, s/he should be able\n+     *   to also specify an alternative function for destroying it\n+     */\n+    destroyMarker: function() {\n+        // pass\n+    },\n+\n+    /**\n+     * Method: createPopup\n+     * HACK - we need to decide if all vector features should be able to\n+     *     create popups\n+     * \n+     * Returns:\n+     * {<OpenLayers.Popup>} For now just returns null\n+     */\n+    createPopup: function() {\n+        return null;\n+    },\n+\n+    /**\n+     * Method: atPoint\n+     * Determins whether the feature intersects with the specified location.\n+     * \n+     * Parameters: \n+     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     * toleranceLon - {float} Optional tolerance in Geometric Coords\n+     * toleranceLat - {float} Optional tolerance in Geographic Coords\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the feature is at the specified location\n+     */\n+    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n+        var atPoint = false;\n+        if (this.geometry) {\n+            atPoint = this.geometry.atPoint(lonlat, toleranceLon,\n+                toleranceLat);\n+        }\n+        return atPoint;\n+    },\n+\n+    /**\n+     * Method: destroyPopup\n+     * HACK - we need to decide if all vector features should be able to\n+     * delete popups\n+     */\n+    destroyPopup: function() {\n+        // pass\n+    },\n+\n+    /**\n+     * Method: move\n+     * Moves the feature and redraws it at its new location\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.LonLat> or <OpenLayers.Pixel>} the\n+     *         location to which to move the feature.\n+     */\n+    move: function(location) {\n+\n+        if (!this.layer || !this.geometry.move) {\n+            //do nothing if no layer or immoveable geometry\n+            return undefined;\n+        }\n+\n+        var pixel;\n+        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n+            pixel = this.layer.getViewPortPxFromLonLat(location);\n+        } else {\n+            pixel = location;\n+        }\n+\n+        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n+        var res = this.layer.map.getResolution();\n+        this.geometry.move(res * (pixel.x - lastPixel.x),\n+            res * (lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this);\n+        return lastPixel;\n+    },\n+\n+    /**\n+     * Method: toState\n+     * Sets the new state\n+     *\n+     * Parameters:\n+     * state - {String} \n+     */\n+    toState: function(state) {\n+        if (state == OpenLayers.State.UPDATE) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.DELETE:\n+                    this.state = state;\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                case OpenLayers.State.INSERT:\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.INSERT) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                    break;\n+                default:\n+                    this.state = state;\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.DELETE) {\n+            switch (this.state) {\n+                case OpenLayers.State.INSERT:\n+                    // the feature should be destroyed\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    break;\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.UPDATE:\n+                    this.state = state;\n+                    break;\n+            }\n+        } else if (state == OpenLayers.State.UNKNOWN) {\n+            this.state = state;\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n+});\n+\n+\n+/**\n+ * Constant: OpenLayers.Feature.Vector.style\n+ * OpenLayers features can have a number of style attributes. The 'default' \n+ *     style will typically be used if no other style is specified. These\n+ *     styles correspond for the most part, to the styling properties defined\n+ *     by the SVG standard. \n+ *     Information on fill properties: http://www.w3.org/TR/SVG/painting.html#FillProperties\n+ *     Information on stroke properties: http://www.w3.org/TR/SVG/painting.html#StrokeProperties\n+ *\n+ * Symbolizer properties:\n+ * fill - {Boolean} Set to false if no fill is desired.\n+ * fillColor - {String} Hex fill color.  Default is \"#ee9900\".\n+ * fillOpacity - {Number} Fill opacity (0-1).  Default is 0.4 \n+ * stroke - {Boolean} Set to false if no stroke is desired.\n+ * strokeColor - {String} Hex stroke color.  Default is \"#ee9900\".\n+ * strokeOpacity - {Number} Stroke opacity (0-1).  Default is 1.\n+ * strokeWidth - {Number} Pixel stroke width.  Default is 1.\n+ * strokeLinecap - {String} Stroke cap type.  Default is \"round\".  [butt | round | square]\n+ * strokeDashstyle - {String} Stroke dash style.  Default is \"solid\". [dot | dash | dashdot | longdash | longdashdot | solid]\n+ * graphic - {Boolean} Set to false if no graphic is desired.\n+ * pointRadius - {Number} Pixel point radius.  Default is 6.\n+ * pointerEvents - {String}  Default is \"visiblePainted\".\n+ * cursor - {String} Default is \"\".\n+ * externalGraphic - {String} Url to an external graphic that will be used for rendering points.\n+ * graphicWidth - {Number} Pixel width for sizing an external graphic.\n+ * graphicHeight - {Number} Pixel height for sizing an external graphic.\n+ * graphicOpacity - {Number} Opacity (0-1) for an external graphic.\n+ * graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.\n+ * graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.\n+ * rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).\n+ * graphicZIndex - {Number} The integer z-index value to use in rendering.\n+ * graphicName - {String} Named graphic to use when rendering points.  Supported values include \"circle\" (default),\n+ *     \"square\", \"star\", \"x\", \"cross\", \"triangle\".\n+ * graphicTitle - {String} Tooltip when hovering over a feature. *deprecated*, use title instead\n+ * title - {String} Tooltip when hovering over a feature. Not supported by the canvas renderer.\n+ * backgroundGraphic - {String} Url to a graphic to be used as the background under an externalGraphic.\n+ * backgroundGraphicZIndex - {Number} The integer z-index value to use in rendering the background graphic.\n+ * backgroundXOffset - {Number} The x offset (in pixels) for the background graphic.\n+ * backgroundYOffset - {Number} The y offset (in pixels) for the background graphic.\n+ * backgroundHeight - {Number} The height of the background graphic.  If not provided, the graphicHeight will be used.\n+ * backgroundWidth - {Number} The width of the background width.  If not provided, the graphicWidth will be used.\n+ * label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either\n+ *     fillText or mozDrawText to be available.\n+ * labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string\n+ *     composed of two characters. The first character is for the horizontal alignment, the second for the vertical\n+ *     alignment. Valid values for horizontal alignment: \"l\"=left, \"c\"=center, \"r\"=right. Valid values for vertical\n+ *     alignment: \"t\"=top, \"m\"=middle, \"b\"=bottom. Example values: \"lt\", \"cm\", \"rb\". Default is \"cm\".\n+ * labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label. Not supported by the canvas renderer.\n+ * labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label. Not supported by the canvas renderer.\n+ * labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls.\n+ *     Default is false.\n+ * labelOutlineColor - {String} The color of the label outline. Default is 'white'. Only supported by the canvas & SVG renderers.\n+ * labelOutlineWidth - {Number} The width of the label outline. Default is 3, set to 0 or null to disable. Only supported by the  SVG renderers.\n+ * labelOutlineOpacity - {Number} The opacity (0-1) of the label outline. Default is fontOpacity. Only supported by the canvas & SVG renderers.\n+ * fontColor - {String} The font color for the label, to be provided like CSS.\n+ * fontOpacity - {Number} Opacity (0-1) for the label\n+ * fontFamily - {String} The font family for the label, to be provided like in CSS.\n+ * fontSize - {String} The font size for the label, to be provided like in CSS.\n+ * fontStyle - {String} The font style for the label, to be provided like in CSS.\n+ * fontWeight - {String} The font weight for the label, to be provided like in CSS.\n+ * display - {String} Symbolizers will have no effect if display is set to \"none\".  All other values have no effect.\n+ */\n+OpenLayers.Feature.Vector.style = {\n+    'default': {\n+        fillColor: \"#ee9900\",\n+        fillOpacity: 0.4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"#ee9900\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    'select': {\n+        fillColor: \"blue\",\n+        fillOpacity: 0.4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"blue\",\n+        strokeOpacity: 1,\n+        strokeWidth: 2,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"pointer\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+\n+    },\n+    'temporary': {\n+        fillColor: \"#66cccc\",\n+        fillOpacity: 0.2,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: 0.8,\n+        strokeColor: \"#66cccc\",\n+        strokeOpacity: 1,\n+        strokeLinecap: \"round\",\n+        strokeWidth: 2,\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: 0.2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+\n+    },\n+    'delete': {\n+        display: \"none\"\n+    }\n+};\n+/* ======================================================================\n+    OpenLayers/Style.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Style\n+ * This class represents a UserStyle obtained\n+ *     from a SLD, containing styling rules.\n+ */\n+OpenLayers.Style = OpenLayers.Class({\n+\n+    /**\n+     * Property: id\n+     * {String} A unique id for this session.\n+     */\n+    id: null,\n+\n+    /**\n+     * APIProperty: name\n+     * {String}\n+     */\n+    name: null,\n+\n+    /**\n+     * Property: title\n+     * {String} Title of this style (set if included in SLD)\n+     */\n+    title: null,\n+\n+    /**\n+     * Property: description\n+     * {String} Description of this style (set if abstract is included in SLD)\n+     */\n+    description: null,\n+\n+    /**\n+     * APIProperty: layerName\n+     * {<String>} name of the layer that this style belongs to, usually\n+     * according to the NamedLayer attribute of an SLD document.\n+     */\n+    layerName: null,\n+\n+    /**\n+     * APIProperty: isDefault\n+     * {Boolean}\n+     */\n+    isDefault: false,\n+\n+    /** \n+     * Property: rules \n+     * {Array(<OpenLayers.Rule>)}\n+     */\n+    rules: null,\n+\n+    /**\n+     * APIProperty: context\n+     * {Object} An optional object with properties that symbolizers' property\n+     * values should be evaluated against. If no context is specified,\n+     * feature.attributes will be used\n+     */\n+    context: null,\n+\n+    /**\n+     * Property: defaultStyle\n+     * {Object} hash of style properties to use as default for merging\n+     * rule-based style symbolizers onto. If no rules are defined,\n+     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n+     * true, the defaultStyle will only be taken into account if there are\n+     * rules defined.\n+     */\n+    defaultStyle: null,\n+\n+    /**\n+     * Property: defaultsPerSymbolizer\n+     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n+     * of every rule. Properties of the <defaultStyle> will also be used to set\n+     * missing symbolizer properties if the symbolizer has stroke, fill or\n+     * graphic set to true. Default is false.\n+     */\n+    defaultsPerSymbolizer: false,\n+\n+    /**\n+     * Property: propertyStyles\n+     * {Hash of Boolean} cache of style properties that need to be parsed for\n+     * propertyNames. Property names are keys, values won't be used.\n+     */\n+    propertyStyles: null,\n+\n+\n+    /** \n+     * Constructor: OpenLayers.Style\n+     * Creates a UserStyle.\n+     *\n+     * Parameters:\n+     * style        - {Object} Optional hash of style properties that will be\n+     *                used as default style for this style object. This style\n+     *                applies if no rules are specified. Symbolizers defined in\n+     *                rules will extend this default style.\n+     * options - {Object} An optional object with properties to set on the\n+     *     style.\n+     *\n+     * Valid options:\n+     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n+     *     style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>}\n+     */\n+    initialize: function(style, options) {\n+\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules);\n+        }\n+\n+        // use the default style from OpenLayers.Feature.Vector if no style\n+        // was given in the constructor\n+        this.setDefaultStyle(style ||\n+            OpenLayers.Feature.Vector.style[\"default\"]);\n+\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n+\n+    /** \n+     * APIMethod: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null;\n+        }\n+        this.rules = null;\n+        this.defaultStyle = null;\n+    },\n+\n+    /**\n+     * Method: createSymbolizer\n+     * creates a style by applying all feature-dependent rules to the base\n+     * style.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n+     * \n+     * Returns:\n+     * {Object} symbolizer hash\n+     */\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n+            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+\n+        var rules = this.rules;\n+\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            // does the rule apply?\n+            var applies = rule.evaluate(feature);\n+\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule);\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature);\n+                }\n+            }\n+        }\n+\n+        // if no other rules apply, apply the rules with else filters\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature);\n+            }\n+        }\n+\n+        // don't display if there were rules but none applied\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\";\n+        }\n+\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label);\n+        }\n+\n+        return style;\n+    },\n+\n+    /**\n+     * Method: applySymbolizer\n+     *\n+     * Parameters:\n+     * rule - {<OpenLayers.Rule>}\n+     * style - {Object}\n+     * feature - {<OpenLayer.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {Object} A style with new symbolizer applied.\n+     */\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ?\n+            this.getSymbolizerPrefix(feature.geometry) :\n+            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n+\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n+\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                });\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                });\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                });\n+            }\n+        }\n+\n+        // merge the style with the current style\n+        return this.createLiterals(\n+            OpenLayers.Util.extend(style, symbolizer), feature);\n+    },\n+\n+    /**\n+     * Method: createLiterals\n+     * creates literals for all style properties that have an entry in\n+     * <this.propertyStyles>.\n+     * \n+     * Parameters:\n+     * style   - {Object} style to create literals for. Will be modified\n+     *           inline.\n+     * feature - {Object}\n+     * \n+     * Returns:\n+     * {Object} the modified style\n+     */\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n+        }\n+        return style;\n+    },\n+\n+    /**\n+     * Method: findPropertyStyles\n+     * Looks into all rules for this style and the defaultStyle to collect\n+     * all the style hash property names containing ${...} strings that have\n+     * to be replaced using the createLiteral method before returning them.\n+     * \n+     * Returns:\n+     * {Object} hash of property names that need createLiteral parsing. The\n+     * name of the property is the key, and the value is true;\n+     */\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n+\n+        // check the default style\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+\n+        // walk through all rules to check for properties in their symbolizer\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n+                    this.addPropertyStyles(propertyStyles, value);\n+                } else {\n+                    // symbolizer is a hash of style properties\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break;\n+                }\n+            }\n+        }\n+        return propertyStyles;\n+    },\n+\n+    /**\n+     * Method: addPropertyStyles\n+     * \n+     * Parameters:\n+     * propertyStyles - {Object} hash to add new property styles to. Will be\n+     *                  modified inline\n+     * symbolizer     - {Object} search this symbolizer for property styles\n+     * \n+     * Returns:\n+     * {Object} propertyStyles hash\n+     */\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" &&\n+                property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true;\n+            }\n+        }\n+        return propertyStyles;\n+    },\n+\n+    /**\n+     * APIMethod: addRules\n+     * Adds rules to this style.\n+     * \n+     * Parameters:\n+     * rules - {Array(<OpenLayers.Rule>)}\n+     */\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles();\n+    },\n+\n+    /**\n+     * APIMethod: setDefaultStyle\n+     * Sets the default style for this style object.\n+     * \n+     * Parameters:\n+     * style - {Object} Hash of style properties\n+     */\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles();\n+    },\n+\n+    /**\n+     * Method: getSymbolizerPrefix\n+     * Returns the correct symbolizer prefix according to the\n+     * geometry type of the passed geometry\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {String} key of the according symbolizer\n+     */\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i];\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: clone\n+     * Clones this style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>} Clone of this style.\n+     */\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        // clone rules\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone());\n+            }\n+        }\n+        // clone context\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        //clone default style\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Style\"\n+});\n+\n+\n+/**\n+ * Function: createLiteral\n+ * converts a style value holding a combination of PropertyName and Literal\n+ * into a Literal, taking the property values from the passed features.\n+ * \n+ * Parameters:\n+ * value - {String} value to parse. If this string contains a construct like\n+ *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n+ *         will be replaced by the value of the \"bar\" attribute of the passed\n+ *         feature.\n+ * context - {Object} context to take attribute values from\n+ * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n+ *           <OpenLayers.String.format> for evaluating functions in the\n+ *           context.\n+ * property - {String} optional, name of the property for which the literal is\n+ *            being created for evaluating functions in the context.\n+ * \n+ * Returns:\n+ * {String} the parsed value. In the example of the value parameter above, the\n+ * result would be \"foo valueOfBar\", assuming that the passed feature has an\n+ * attribute named \"bar\" with the value \"valueOfBar\".\n+ */\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = (isNaN(value) || !value) ? value : parseFloat(value);\n+    }\n+    return value;\n+};\n+\n+/**\n+ * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n+ * {Array} prefixes of the sld symbolizers. These are the\n+ * same as the main geometry types\n+ */\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n+    'Raster'\n+];\n+/* ======================================================================\n+    OpenLayers/StyleMap.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.StyleMap\n+ */\n+OpenLayers.StyleMap = OpenLayers.Class({\n+\n+    /**\n+     * Property: styles\n+     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n+     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n+     */\n+    styles: null,\n+\n+    /**\n+     * Property: extendDefault\n+     * {Boolean} if true, every render intent will extend the symbolizers\n+     * specified for the \"default\" intent at rendering time. Otherwise, every\n+     * rendering intent will be treated as a completely independent style.\n+     */\n+    extendDefault: true,\n+\n+    /**\n+     * Constructor: OpenLayers.StyleMap\n+     * \n+     * Parameters:\n+     * style   - {Object} Optional. Either a style hash, or a style object, or\n+     *           a hash of style objects (style hashes) keyed by rendering\n+     *           intent. If just one style hash or style object is passed,\n+     *           this will be used for all known render intents (default,\n+     *           select, temporary)\n+     * options - {Object} optional hash of additional options for this\n+     *           instance\n+     */\n+    initialize: function(style, options) {\n+        this.styles = {\n+            \"default\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"default\"]),\n+            \"select\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"select\"]),\n+            \"temporary\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            \"delete\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+\n+        // take whatever the user passed as style parameter and convert it\n+        // into parts of stylemap.\n+        if (style instanceof OpenLayers.Style) {\n+            // user passed a style object\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style;\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    // user passed a hash of style objects\n+                    this.styles[key] = style[key];\n+                } else if (typeof style[key] == \"object\") {\n+                    // user passsed a hash of style hashes\n+                    this.styles[key] = new OpenLayers.Style(style[key]);\n+                } else {\n+                    // user passed a style hash (i.e. symbolizer)\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break;\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy();\n+        }\n+        this.styles = null;\n+    },\n+\n+    /**\n+     * Method: createSymbolizer\n+     * Creates the symbolizer for a feature for a render intent.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n+     *           of the intended style against.\n+     * intent  - {String} The intent determines the symbolizer that will be\n+     *           used to draw the feature. Well known intents are \"default\"\n+     *           (for just drawing the features), \"select\" (for selected\n+     *           features) and \"temporary\" (for drawing features).\n+     * \n+     * Returns:\n+     * {Object} symbolizer hash\n+     */\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector();\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\";\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer,\n+            this.styles[intent].createSymbolizer(feature));\n+    },\n+\n+    /**\n+     * Method: addUniqueValueRules\n+     * Convenience method to create comparison rules for unique values of a\n+     * property. The rules will be added to the style object for a specified\n+     * rendering intent. This method is a shortcut for creating something like\n+     * the \"unique value legends\" familiar from well known desktop GIS systems\n+     * \n+     * Parameters:\n+     * renderIntent - {String} rendering intent to add the rules to\n+     * property     - {String} values of feature attributes to create the\n+     *                rules for\n+     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n+     *                property values \n+     * context      - {Object} An optional object with properties that\n+     *                symbolizers' property values should be evaluated\n+     *                against. If no context is specified, feature.attributes\n+     *                will be used\n+     */\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }));\n+        }\n+        this.styles[renderIntent].addRules(rules);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+/* ======================================================================\n+    OpenLayers/Util/vendorPrefix.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+OpenLayers.Util = OpenLayers.Util || {};\n+/**\n+ * Namespace: OpenLayers.Util.vendorPrefix\n+ * A collection of utility functions to detect vendor prefixed features\n+ */\n+OpenLayers.Util.vendorPrefix = (function() {\n+    \"use strict\";\n+\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+\n+    /**\n+     * Function: domToCss\n+     * Converts a upper camel case DOM style property name to a CSS property\n+     *      i.e. transformOrigin -> transform-origin\n+     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n+     *\n+     * Parameters:\n+     * prefixedDom - {String} The property to convert\n+     *\n+     * Returns:\n+     * {String} The CSS property\n+     */\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null;\n+        }\n+        return prefixedDom.\n+        replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase();\n+        }).\n+        replace(/^ms-/, \"-ms-\");\n+    }\n+\n+    /**\n+     * APIMethod: css\n+     * Detect which property is used for a CSS property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) CSS property name\n+     *\n+     * Returns:\n+     * {String} The standard CSS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.\n+            replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase();\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom);\n+        }\n+        return cssCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: js\n+     * Detect which property is used for a JS property/method\n+     *\n+     * Parameters:\n+     * obj - {Object} The object to test on\n+     * property - {String} The standard (unprefixed) JS property name\n+     *\n+     * Returns:\n+     * {String} The standard JS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp,\n+                i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix,\n+                isStyleObj = (typeof obj.cssText !== \"undefined\");\n+\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        // js prefix should be lower-case, while style\n+                        // properties have upper case on first character\n+                        prefix = prefix.toLowerCase();\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n+                } else {\n+                    tmpProp = property;\n+                }\n+\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break;\n+                }\n+            }\n+        }\n+        return jsCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: style\n+     * Detect which property is used for a DOM style property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) style property name\n+     *\n+     * Returns:\n+     * {String} The standard style property, prefixed property or null if not\n+     *          supported\n+     */\n+    function style(property) {\n+        return js(divStyle, property);\n+    }\n+\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+\n+        // used for testing\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    };\n+}());\n+/* ======================================================================\n     OpenLayers/Events.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -6037,14 +7104,120 @@\n \n         OpenLayers.Event.observe(element, 'MSPointerUp', cb);\n     },\n \n     CLASS_NAME: \"OpenLayers.Events\"\n });\n /* ======================================================================\n+    OpenLayers/Animation.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ * @requires OpenLayers/Util/vendorPrefix.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Animation\n+ * A collection of utility functions for executing methods that repaint a \n+ *     portion of the browser window.  These methods take advantage of the\n+ *     browser's scheduled repaints where requestAnimationFrame is available.\n+ */\n+OpenLayers.Animation = (function(window) {\n+\n+    /**\n+     * Property: isNative\n+     * {Boolean} true if a native requestAnimationFrame function is available\n+     */\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!(requestAnimationFrame);\n+\n+    /**\n+     * Function: requestFrame\n+     * Schedule a function to be called at the next available animation frame.\n+     *     Uses the native method where available.  Where requestAnimationFrame is\n+     *     not available, setTimeout will be called with a 16ms delay.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     */\n+    var requestFrame = (function() {\n+        var request = window[requestAnimationFrame] ||\n+            function(callback, element) {\n+                window.setTimeout(callback, 16);\n+            };\n+        // bind to window to avoid illegal invocation of native function\n+        return function(callback, element) {\n+            request.apply(window, [callback, element]);\n+        };\n+    })();\n+\n+    // private variables for animation loops\n+    var counter = 0;\n+    var loops = {};\n+\n+    /**\n+     * Function: start\n+     * Executes a method with <requestFrame> in series for some \n+     *     duration.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * duration - {Number} Optional duration for the loop.  If not provided, the\n+     *     animation loop will execute indefinitely.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     *\n+     * Returns:\n+     * {Number} Identifier for the animation loop.  Used to stop animations with\n+     *     <stop>.\n+     */\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element);\n+                }\n+            } else {\n+                delete loops[id];\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id;\n+    }\n+\n+    /**\n+     * Function: stop\n+     * Terminates an animation loop started with <start>.\n+     *\n+     * Parameters:\n+     * id - {Number} Identifier returned from <start>.\n+     */\n+    function stop(id) {\n+        delete loops[id];\n+    }\n+\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    };\n+\n+})(window);\n+/* ======================================================================\n     OpenLayers/Tween.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -9645,1373 +10818,200 @@\n OpenLayers.Map.TILE_WIDTH = 256;\n /**\n  * Constant: TILE_HEIGHT\n  * {Integer} 256 Default tile height (unless otherwise specified)\n  */\n OpenLayers.Map.TILE_HEIGHT = 256;\n /* ======================================================================\n-    OpenLayers/Feature.js\n+    OpenLayers/Kinetic.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Feature\n- * Features are combinations of geography and attributes. The OpenLayers.Feature\n- *     class specifically combines a marker and a lonlat.\n+ * @requires OpenLayers/Animation.js\n  */\n-OpenLayers.Feature = OpenLayers.Class({\n-\n-    /** \n-     * Property: layer \n-     * {<OpenLayers.Layer>} \n-     */\n-    layer: null,\n-\n-    /** \n-     * Property: id \n-     * {String} \n-     */\n-    id: null,\n-\n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} \n-     */\n-    lonlat: null,\n-\n-    /** \n-     * Property: data \n-     * {Object} \n-     */\n-    data: null,\n-\n-    /** \n-     * Property: marker \n-     * {<OpenLayers.Marker>} \n-     */\n-    marker: null,\n-\n-    /**\n-     * APIProperty: popupClass\n-     * {<OpenLayers.Class>} The class which will be used to instantiate\n-     *     a new Popup. Default is <OpenLayers.Popup.Anchored>.\n-     */\n-    popupClass: null,\n-\n-    /** \n-     * Property: popup \n-     * {<OpenLayers.Popup>} \n-     */\n-    popup: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Feature\n-     * Constructor for features.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer>} \n-     * lonlat - {<OpenLayers.LonLat>} \n-     * data - {Object} \n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature>}\n-     */\n-    initialize: function(layer, lonlat, data) {\n-        this.layer = layer;\n-        this.lonlat = lonlat;\n-        this.data = (data != null) ? data : {};\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-\n-        //remove the popup from the map\n-        if ((this.layer != null) && (this.layer.map != null)) {\n-            if (this.popup != null) {\n-                this.layer.map.removePopup(this.popup);\n-            }\n-        }\n-        // remove the marker from the layer\n-        if (this.layer != null && this.marker != null) {\n-            this.layer.removeMarker(this.marker);\n-        }\n-\n-        this.layer = null;\n-        this.id = null;\n-        this.lonlat = null;\n-        this.data = null;\n-        if (this.marker != null) {\n-            this.destroyMarker(this.marker);\n-            this.marker = null;\n-        }\n-        if (this.popup != null) {\n-            this.destroyPopup(this.popup);\n-            this.popup = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: onScreen\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the feature is currently visible on screen\n-     *           (based on its 'lonlat' property)\n-     */\n-    onScreen: function() {\n-\n-        var onScreen = false;\n-        if ((this.layer != null) && (this.layer.map != null)) {\n-            var screenBounds = this.layer.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat);\n-        }\n-        return onScreen;\n-    },\n-\n-\n-    /**\n-     * Method: createMarker\n-     * Based on the data associated with the Feature, create and return a marker object.\n-     *\n-     * Returns: \n-     * {<OpenLayers.Marker>} A Marker Object created from the 'lonlat' and 'icon' properties\n-     *          set in this.data. If no 'lonlat' is set, returns null. If no\n-     *          'icon' is set, OpenLayers.Marker() will load the default image.\n-     *          \n-     *          Note - this.marker is set to return value\n-     * \n-     */\n-    createMarker: function() {\n-\n-        if (this.lonlat != null) {\n-            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon);\n-        }\n-        return this.marker;\n-    },\n-\n-    /**\n-     * Method: destroyMarker\n-     * Destroys marker.\n-     * If user overrides the createMarker() function, s/he should be able\n-     *   to also specify an alternative function for destroying it\n-     */\n-    destroyMarker: function() {\n-        this.marker.destroy();\n-    },\n-\n-    /**\n-     * Method: createPopup\n-     * Creates a popup object created from the 'lonlat', 'popupSize',\n-     *     and 'popupContentHTML' properties set in this.data. It uses\n-     *     this.marker.icon as default anchor. \n-     *  \n-     *  If no 'lonlat' is set, returns null. \n-     *  If no this.marker has been created, no anchor is sent.\n-     *\n-     *  Note - the returned popup object is 'owned' by the feature, so you\n-     *      cannot use the popup's destroy method to discard the popup.\n-     *      Instead, you must use the feature's destroyPopup\n-     * \n-     *  Note - this.popup is set to return value\n-     * \n-     * Parameters: \n-     * closeBox - {Boolean} create popup with closebox or not\n-     * \n-     * Returns:\n-     * {<OpenLayers.Popup>} Returns the created popup, which is also set\n-     *     as 'popup' property of this feature. Will be of whatever type\n-     *     specified by this feature's 'popupClass' property, but must be\n-     *     of type <OpenLayers.Popup>.\n-     * \n-     */\n-    createPopup: function(closeBox) {\n-\n-        if (this.lonlat != null) {\n-            if (!this.popup) {\n-                var anchor = (this.marker) ? this.marker.icon : null;\n-                var popupClass = this.popupClass ?\n-                    this.popupClass : OpenLayers.Popup.Anchored;\n-                this.popup = new popupClass(this.id + \"_popup\",\n-                    this.lonlat,\n-                    this.data.popupSize,\n-                    this.data.popupContentHTML,\n-                    anchor,\n-                    closeBox);\n-            }\n-            if (this.data.overflow != null) {\n-                this.popup.contentDiv.style.overflow = this.data.overflow;\n-            }\n-\n-            this.popup.feature = this;\n-        }\n-        return this.popup;\n-    },\n \n+OpenLayers.Kinetic = OpenLayers.Class({\n \n     /**\n-     * Method: destroyPopup\n-     * Destroys the popup created via createPopup.\n-     *\n-     * As with the marker, if user overrides the createPopup() function, s/he \n-     *   should also be able to override the destruction\n-     */\n-    destroyPopup: function() {\n-        if (this.popup) {\n-            this.popup.feature = null;\n-            this.popup.destroy();\n-            this.popup = null;\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Feature\"\n-});\n-/* ======================================================================\n-    OpenLayers/Feature/Vector.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-// TRASH THIS\n-OpenLayers.State = {\n-    /** states */\n-    UNKNOWN: 'Unknown',\n-    INSERT: 'Insert',\n-    UPDATE: 'Update',\n-    DELETE: 'Delete'\n-};\n-\n-/**\n- * @requires OpenLayers/Feature.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Feature.Vector\n- * Vector features use the OpenLayers.Geometry classes as geometry description.\n- * They have an 'attributes' property, which is the data object, and a 'style'\n- * property, the default values of which are defined in the \n- * <OpenLayers.Feature.Vector.style> objects.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Feature>\n- */\n-OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n-\n-    /** \n-     * Property: fid \n-     * {String} \n-     */\n-    fid: null,\n-\n-    /** \n-     * APIProperty: geometry \n-     * {<OpenLayers.Geometry>} \n-     */\n-    geometry: null,\n-\n-    /** \n-     * APIProperty: attributes \n-     * {Object} This object holds arbitrary, serializable properties that\n-     *     describe the feature.\n+     * Property: threshold\n+     * In most cases changing the threshold isn't needed.\n+     * In px/ms, default to 0.\n      */\n-    attributes: null,\n+    threshold: 0,\n \n     /**\n-     * Property: bounds\n-     * {<OpenLayers.Bounds>} The box bounding that feature's geometry, that\n-     *     property can be set by an <OpenLayers.Format> object when\n-     *     deserializing the feature, so in most cases it represents an\n-     *     information set by the server. \n-     */\n-    bounds: null,\n-\n-    /** \n-     * Property: state \n-     * {String} \n-     */\n-    state: null,\n-\n-    /** \n-     * APIProperty: style \n-     * {Object} \n+     * Property: deceleration\n+     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n      */\n-    style: null,\n+    deceleration: 0.0035,\n \n     /**\n-     * APIProperty: url\n-     * {String} If this property is set it will be taken into account by\n-     *     {<OpenLayers.HTTP>} when upadting or deleting the feature.\n+     * Property: nbPoints\n+     * {Integer} the number of points we use to calculate the kinetic\n+     * initial values.\n      */\n-    url: null,\n+    nbPoints: 100,\n \n     /**\n-     * Property: renderIntent\n-     * {String} rendering intent currently being used\n+     * Property: delay\n+     * {Float} time to consider to calculate the kinetic initial values.\n+     * In ms, default to 200.\n      */\n-    renderIntent: \"default\",\n+    delay: 200,\n \n     /**\n-     * APIProperty: modified\n-     * {Object} An object with the originals of the geometry and attributes of\n-     * the feature, if they were changed. Currently this property is only read\n-     * by <OpenLayers.Format.WFST.v1>, and written by\n-     * <OpenLayers.Control.ModifyFeature>, which sets the geometry property.\n-     * Applications can set the originals of modified attributes in the\n-     * attributes property. Note that applications have to check if this\n-     * object and the attributes property is already created before using it.\n-     * After a change made with ModifyFeature, this object could look like\n-     *\n-     * (code)\n-     * {\n-     *     geometry: >Object\n-     * }\n-     * (end)\n-     *\n-     * When an application has made changes to feature attributes, it could\n-     * have set the attributes to something like this:\n-     *\n-     * (code)\n-     * {\n-     *     attributes: {\n-     *         myAttribute: \"original\"\n-     *     }\n-     * }\n-     * (end)\n-     *\n-     * Note that <OpenLayers.Format.WFST.v1> only checks for truthy values in\n-     * *modified.geometry* and the attribute names in *modified.attributes*,\n-     * but it is recommended to set the original values (and not just true) as\n-     * attribute value, so applications could use this information to undo\n-     * changes.\n-     */\n-    modified: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Feature.Vector\n-     * Create a vector feature. \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The geometry that this feature\n-     *     represents.\n-     * attributes - {Object} An optional object that will be mapped to the\n-     *     <attributes> property. \n-     * style - {Object} An optional style object.\n-     */\n-    initialize: function(geometry, attributes, style) {\n-        OpenLayers.Feature.prototype.initialize.apply(this,\n-            [null, null, attributes]);\n-        this.lonlat = null;\n-        this.geometry = geometry ? geometry : null;\n-        this.state = null;\n-        this.attributes = {};\n-        if (attributes) {\n-            this.attributes = OpenLayers.Util.extend(this.attributes,\n-                attributes);\n-        }\n-        this.style = style ? style : null;\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n+     * Property: points\n+     * List of points use to calculate the kinetic initial values.\n      */\n-    destroy: function() {\n-        if (this.layer) {\n-            this.layer.removeFeatures(this);\n-            this.layer = null;\n-        }\n-\n-        this.geometry = null;\n-        this.modified = null;\n-        OpenLayers.Feature.prototype.destroy.apply(this, arguments);\n-    },\n+    points: undefined,\n \n     /**\n-     * Method: clone\n-     * Create a clone of this vector feature.  Does not set any non-standard\n-     *     properties.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} An exact clone of this vector feature.\n+     * Property: timerId\n+     * ID of the timer.\n      */\n-    clone: function() {\n-        return new OpenLayers.Feature.Vector(\n-            this.geometry ? this.geometry.clone() : null,\n-            this.attributes,\n-            this.style);\n-    },\n+    timerId: undefined,\n \n     /**\n-     * Method: onScreen\n-     * Determine whether the feature is within the map viewport.  This method\n-     *     tests for an intersection between the geometry and the viewport\n-     *     bounds.  If a more effecient but less precise geometry bounds\n-     *     intersection is desired, call the method with the boundsOnly\n-     *     parameter true.\n+     * Constructor: OpenLayers.Kinetic\n      *\n      * Parameters:\n-     * boundsOnly - {Boolean} Only test whether a feature's bounds intersects\n-     *     the viewport bounds.  Default is false.  If false, the feature's\n-     *     geometry must intersect the viewport for onScreen to return true.\n-     * \n-     * Returns:\n-     * {Boolean} The feature is currently visible on screen (optionally\n-     *     based on its bounds if boundsOnly is true).\n-     */\n-    onScreen: function(boundsOnly) {\n-        var onScreen = false;\n-        if (this.layer && this.layer.map) {\n-            var screenBounds = this.layer.map.getExtent();\n-            if (boundsOnly) {\n-                var featureBounds = this.geometry.getBounds();\n-                onScreen = screenBounds.intersectsBounds(featureBounds);\n-            } else {\n-                var screenPoly = screenBounds.toGeometry();\n-                onScreen = screenPoly.intersects(this.geometry);\n-            }\n-        }\n-        return onScreen;\n-    },\n-\n-    /**\n-     * Method: getVisibility\n-     * Determine whether the feature is displayed or not. It may not displayed\n-     *     because:\n-     *     - its style display property is set to 'none',\n-     *     - it doesn't belong to any layer,\n-     *     - the styleMap creates a symbolizer with display property set to 'none'\n-     *          for it,\n-     *     - the layer which it belongs to is not visible.\n-     * \n-     * Returns:\n-     * {Boolean} The feature is currently displayed.\n-     */\n-    getVisibility: function() {\n-        return !(this.style && this.style.display == 'none' ||\n-            !this.layer ||\n-            this.layer && this.layer.styleMap &&\n-            this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == 'none' ||\n-            this.layer && !this.layer.getVisibility());\n-    },\n-\n-    /**\n-     * Method: createMarker\n-     * HACK - we need to decide if all vector features should be able to\n-     *     create markers\n-     * \n-     * Returns:\n-     * {<OpenLayers.Marker>} For now just returns null\n-     */\n-    createMarker: function() {\n-        return null;\n-    },\n-\n-    /**\n-     * Method: destroyMarker\n-     * HACK - we need to decide if all vector features should be able to\n-     *     delete markers\n-     * \n-     * If user overrides the createMarker() function, s/he should be able\n-     *   to also specify an alternative function for destroying it\n-     */\n-    destroyMarker: function() {\n-        // pass\n-    },\n-\n-    /**\n-     * Method: createPopup\n-     * HACK - we need to decide if all vector features should be able to\n-     *     create popups\n-     * \n-     * Returns:\n-     * {<OpenLayers.Popup>} For now just returns null\n-     */\n-    createPopup: function() {\n-        return null;\n-    },\n-\n-    /**\n-     * Method: atPoint\n-     * Determins whether the feature intersects with the specified location.\n-     * \n-     * Parameters: \n-     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n-     * toleranceLon - {float} Optional tolerance in Geometric Coords\n-     * toleranceLat - {float} Optional tolerance in Geographic Coords\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the feature is at the specified location\n-     */\n-    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n-        var atPoint = false;\n-        if (this.geometry) {\n-            atPoint = this.geometry.atPoint(lonlat, toleranceLon,\n-                toleranceLat);\n-        }\n-        return atPoint;\n-    },\n-\n-    /**\n-     * Method: destroyPopup\n-     * HACK - we need to decide if all vector features should be able to\n-     * delete popups\n+     * options - {Object}\n      */\n-    destroyPopup: function() {\n-        // pass\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n     },\n \n     /**\n-     * Method: move\n-     * Moves the feature and redraws it at its new location\n-     *\n-     * Parameters:\n-     * location - {<OpenLayers.LonLat> or <OpenLayers.Pixel>} the\n-     *         location to which to move the feature.\n+     * Method: begin\n+     * Begins the dragging.\n      */\n-    move: function(location) {\n-\n-        if (!this.layer || !this.geometry.move) {\n-            //do nothing if no layer or immoveable geometry\n-            return undefined;\n-        }\n-\n-        var pixel;\n-        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n-            pixel = this.layer.getViewPortPxFromLonLat(location);\n-        } else {\n-            pixel = location;\n-        }\n-\n-        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n-        var res = this.layer.map.getResolution();\n-        this.geometry.move(res * (pixel.x - lastPixel.x),\n-            res * (lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this);\n-        return lastPixel;\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = [];\n     },\n \n     /**\n-     * Method: toState\n-     * Sets the new state\n+     * Method: update\n+     * Updates during the dragging.\n      *\n      * Parameters:\n-     * state - {String} \n+     * xy - {<OpenLayers.Pixel>} The new position.\n      */\n-    toState: function(state) {\n-        if (state == OpenLayers.State.UPDATE) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.DELETE:\n-                    this.state = state;\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                case OpenLayers.State.INSERT:\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.INSERT) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                    break;\n-                default:\n-                    this.state = state;\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.DELETE) {\n-            switch (this.state) {\n-                case OpenLayers.State.INSERT:\n-                    // the feature should be destroyed\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    break;\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.UPDATE:\n-                    this.state = state;\n-                    break;\n-            }\n-        } else if (state == OpenLayers.State.UNKNOWN) {\n-            this.state = state;\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: new Date().getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop();\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n-});\n-\n-\n-/**\n- * Constant: OpenLayers.Feature.Vector.style\n- * OpenLayers features can have a number of style attributes. The 'default' \n- *     style will typically be used if no other style is specified. These\n- *     styles correspond for the most part, to the styling properties defined\n- *     by the SVG standard. \n- *     Information on fill properties: http://www.w3.org/TR/SVG/painting.html#FillProperties\n- *     Information on stroke properties: http://www.w3.org/TR/SVG/painting.html#StrokeProperties\n- *\n- * Symbolizer properties:\n- * fill - {Boolean} Set to false if no fill is desired.\n- * fillColor - {String} Hex fill color.  Default is \"#ee9900\".\n- * fillOpacity - {Number} Fill opacity (0-1).  Default is 0.4 \n- * stroke - {Boolean} Set to false if no stroke is desired.\n- * strokeColor - {String} Hex stroke color.  Default is \"#ee9900\".\n- * strokeOpacity - {Number} Stroke opacity (0-1).  Default is 1.\n- * strokeWidth - {Number} Pixel stroke width.  Default is 1.\n- * strokeLinecap - {String} Stroke cap type.  Default is \"round\".  [butt | round | square]\n- * strokeDashstyle - {String} Stroke dash style.  Default is \"solid\". [dot | dash | dashdot | longdash | longdashdot | solid]\n- * graphic - {Boolean} Set to false if no graphic is desired.\n- * pointRadius - {Number} Pixel point radius.  Default is 6.\n- * pointerEvents - {String}  Default is \"visiblePainted\".\n- * cursor - {String} Default is \"\".\n- * externalGraphic - {String} Url to an external graphic that will be used for rendering points.\n- * graphicWidth - {Number} Pixel width for sizing an external graphic.\n- * graphicHeight - {Number} Pixel height for sizing an external graphic.\n- * graphicOpacity - {Number} Opacity (0-1) for an external graphic.\n- * graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.\n- * graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.\n- * rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).\n- * graphicZIndex - {Number} The integer z-index value to use in rendering.\n- * graphicName - {String} Named graphic to use when rendering points.  Supported values include \"circle\" (default),\n- *     \"square\", \"star\", \"x\", \"cross\", \"triangle\".\n- * graphicTitle - {String} Tooltip when hovering over a feature. *deprecated*, use title instead\n- * title - {String} Tooltip when hovering over a feature. Not supported by the canvas renderer.\n- * backgroundGraphic - {String} Url to a graphic to be used as the background under an externalGraphic.\n- * backgroundGraphicZIndex - {Number} The integer z-index value to use in rendering the background graphic.\n- * backgroundXOffset - {Number} The x offset (in pixels) for the background graphic.\n- * backgroundYOffset - {Number} The y offset (in pixels) for the background graphic.\n- * backgroundHeight - {Number} The height of the background graphic.  If not provided, the graphicHeight will be used.\n- * backgroundWidth - {Number} The width of the background width.  If not provided, the graphicWidth will be used.\n- * label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either\n- *     fillText or mozDrawText to be available.\n- * labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string\n- *     composed of two characters. The first character is for the horizontal alignment, the second for the vertical\n- *     alignment. Valid values for horizontal alignment: \"l\"=left, \"c\"=center, \"r\"=right. Valid values for vertical\n- *     alignment: \"t\"=top, \"m\"=middle, \"b\"=bottom. Example values: \"lt\", \"cm\", \"rb\". Default is \"cm\".\n- * labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label. Not supported by the canvas renderer.\n- * labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label. Not supported by the canvas renderer.\n- * labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls.\n- *     Default is false.\n- * labelOutlineColor - {String} The color of the label outline. Default is 'white'. Only supported by the canvas & SVG renderers.\n- * labelOutlineWidth - {Number} The width of the label outline. Default is 3, set to 0 or null to disable. Only supported by the  SVG renderers.\n- * labelOutlineOpacity - {Number} The opacity (0-1) of the label outline. Default is fontOpacity. Only supported by the canvas & SVG renderers.\n- * fontColor - {String} The font color for the label, to be provided like CSS.\n- * fontOpacity - {Number} Opacity (0-1) for the label\n- * fontFamily - {String} The font family for the label, to be provided like in CSS.\n- * fontSize - {String} The font size for the label, to be provided like in CSS.\n- * fontStyle - {String} The font style for the label, to be provided like in CSS.\n- * fontWeight - {String} The font weight for the label, to be provided like in CSS.\n- * display - {String} Symbolizers will have no effect if display is set to \"none\".  All other values have no effect.\n- */\n-OpenLayers.Feature.Vector.style = {\n-    'default': {\n-        fillColor: \"#ee9900\",\n-        fillOpacity: 0.4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"#ee9900\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-    },\n-    'select': {\n-        fillColor: \"blue\",\n-        fillOpacity: 0.4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"blue\",\n-        strokeOpacity: 1,\n-        strokeWidth: 2,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"pointer\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-\n-    },\n-    'temporary': {\n-        fillColor: \"#66cccc\",\n-        fillOpacity: 0.2,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: 0.8,\n-        strokeColor: \"#66cccc\",\n-        strokeOpacity: 1,\n-        strokeLinecap: \"round\",\n-        strokeWidth: 2,\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: 0.2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-\n-    },\n-    'delete': {\n-        display: \"none\"\n-    }\n-};\n-/* ======================================================================\n-    OpenLayers/Style.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Style\n- * This class represents a UserStyle obtained\n- *     from a SLD, containing styling rules.\n- */\n-OpenLayers.Style = OpenLayers.Class({\n-\n-    /**\n-     * Property: id\n-     * {String} A unique id for this session.\n-     */\n-    id: null,\n-\n-    /**\n-     * APIProperty: name\n-     * {String}\n-     */\n-    name: null,\n-\n-    /**\n-     * Property: title\n-     * {String} Title of this style (set if included in SLD)\n-     */\n-    title: null,\n-\n-    /**\n-     * Property: description\n-     * {String} Description of this style (set if abstract is included in SLD)\n-     */\n-    description: null,\n-\n-    /**\n-     * APIProperty: layerName\n-     * {<String>} name of the layer that this style belongs to, usually\n-     * according to the NamedLayer attribute of an SLD document.\n-     */\n-    layerName: null,\n-\n-    /**\n-     * APIProperty: isDefault\n-     * {Boolean}\n-     */\n-    isDefault: false,\n-\n-    /** \n-     * Property: rules \n-     * {Array(<OpenLayers.Rule>)}\n-     */\n-    rules: null,\n-\n     /**\n-     * APIProperty: context\n-     * {Object} An optional object with properties that symbolizers' property\n-     * values should be evaluated against. If no context is specified,\n-     * feature.attributes will be used\n-     */\n-    context: null,\n-\n-    /**\n-     * Property: defaultStyle\n-     * {Object} hash of style properties to use as default for merging\n-     * rule-based style symbolizers onto. If no rules are defined,\n-     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n-     * true, the defaultStyle will only be taken into account if there are\n-     * rules defined.\n-     */\n-    defaultStyle: null,\n-\n-    /**\n-     * Property: defaultsPerSymbolizer\n-     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n-     * of every rule. Properties of the <defaultStyle> will also be used to set\n-     * missing symbolizer properties if the symbolizer has stroke, fill or\n-     * graphic set to true. Default is false.\n-     */\n-    defaultsPerSymbolizer: false,\n-\n-    /**\n-     * Property: propertyStyles\n-     * {Hash of Boolean} cache of style properties that need to be parsed for\n-     * propertyNames. Property names are keys, values won't be used.\n-     */\n-    propertyStyles: null,\n-\n-\n-    /** \n-     * Constructor: OpenLayers.Style\n-     * Creates a UserStyle.\n+     * Method: end\n+     * Ends the dragging, start the kinetic.\n      *\n      * Parameters:\n-     * style        - {Object} Optional hash of style properties that will be\n-     *                used as default style for this style object. This style\n-     *                applies if no rules are specified. Symbolizers defined in\n-     *                rules will extend this default style.\n-     * options - {Object} An optional object with properties to set on the\n-     *     style.\n+     * xy - {<OpenLayers.Pixel>} The last position.\n      *\n-     * Valid options:\n-     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n-     *     style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>}\n-     */\n-    initialize: function(style, options) {\n-\n-        OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules);\n-        }\n-\n-        // use the default style from OpenLayers.Feature.Vector if no style\n-        // was given in the constructor\n-        this.setDefaultStyle(style ||\n-            OpenLayers.Feature.Vector.style[\"default\"]);\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /** \n-     * APIMethod: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null;\n-        }\n-        this.rules = null;\n-        this.defaultStyle = null;\n-    },\n-\n-    /**\n-     * Method: createSymbolizer\n-     * creates a style by applying all feature-dependent rules to the base\n-     * style.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n-     * \n      * Returns:\n-     * {Object} symbolizer hash\n+     * {Object} An object with two properties: \"speed\", and \"theta\". The\n+     *     \"speed\" and \"theta\" values are to be passed to the move \n+     *     function when starting the animation.\n      */\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n-            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-\n-        var rules = this.rules;\n-\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            // does the rule apply?\n-            var applies = rule.evaluate(feature);\n-\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule);\n-                } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature);\n-                }\n+    end: function(xy) {\n+        var last, now = new Date().getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break;\n             }\n+            last = point;\n         }\n-\n-        // if no other rules apply, apply the rules with else filters\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature);\n-            }\n+        if (!last) {\n+            return;\n         }\n-\n-        // don't display if there were rules but none applied\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\";\n+        var time = new Date().getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n+            Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return;\n         }\n-\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label);\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta;\n         }\n-\n-        return style;\n+        return {\n+            speed: speed,\n+            theta: theta\n+        };\n     },\n \n     /**\n-     * Method: applySymbolizer\n-     *\n-     * Parameters:\n-     * rule - {<OpenLayers.Rule>}\n-     * style - {Object}\n-     * feature - {<OpenLayer.Feature.Vector>}\n+     * Method: move\n+     * Launch the kinetic move pan.\n      *\n-     * Returns:\n-     * {Object} A style with new symbolizer applied.\n-     */\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ?\n-            this.getSymbolizerPrefix(feature.geometry) :\n-            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                });\n-            }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                });\n-            }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                });\n-            }\n-        }\n-\n-        // merge the style with the current style\n-        return this.createLiterals(\n-            OpenLayers.Util.extend(style, symbolizer), feature);\n-    },\n-\n-    /**\n-     * Method: createLiterals\n-     * creates literals for all style properties that have an entry in\n-     * <this.propertyStyles>.\n-     * \n      * Parameters:\n-     * style   - {Object} style to create literals for. Will be modified\n-     *           inline.\n-     * feature - {Object}\n-     * \n-     * Returns:\n-     * {Object} the modified style\n-     */\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n-        }\n-        return style;\n-    },\n-\n-    /**\n-     * Method: findPropertyStyles\n-     * Looks into all rules for this style and the defaultStyle to collect\n-     * all the style hash property names containing ${...} strings that have\n-     * to be replaced using the createLiteral method before returning them.\n-     * \n-     * Returns:\n-     * {Object} hash of property names that need createLiteral parsing. The\n-     * name of the property is the key, and the value is true;\n+     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n+     *     These values are those returned from the \"end\" call.\n+     * callback - {Function} Function called on every step of the animation,\n+     *     receives x, y (values to pan), end (is the last point).\n      */\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n \n-        // check the default style\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n+        var initialTime = new Date().getTime();\n \n-        // walk through all rules to check for properties in their symbolizer\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n-                    this.addPropertyStyles(propertyStyles, value);\n-                } else {\n-                    // symbolizer is a hash of style properties\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break;\n-                }\n-            }\n-        }\n-        return propertyStyles;\n-    },\n+        var lastX = 0;\n+        var lastY = 0;\n \n-    /**\n-     * Method: addPropertyStyles\n-     * \n-     * Parameters:\n-     * propertyStyles - {Object} hash to add new property styles to. Will be\n-     *                  modified inline\n-     * symbolizer     - {Object} search this symbolizer for property styles\n-     * \n-     * Returns:\n-     * {Object} propertyStyles hash\n-     */\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" &&\n-                property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true;\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return;\n             }\n-        }\n-        return propertyStyles;\n-    },\n \n-    /**\n-     * APIMethod: addRules\n-     * Adds rules to this style.\n-     * \n-     * Parameters:\n-     * rules - {Array(<OpenLayers.Rule>)}\n-     */\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles();\n-    },\n+            var t = new Date().getTime() - initialTime;\n \n-    /**\n-     * APIMethod: setDefaultStyle\n-     * Sets the default style for this style object.\n-     * \n-     * Parameters:\n-     * style - {Object} Hash of style properties\n-     */\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles();\n-    },\n+            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n \n-    /**\n-     * Method: getSymbolizerPrefix\n-     * Returns the correct symbolizer prefix according to the\n-     * geometry type of the passed geometry\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {String} key of the according symbolizer\n-     */\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i];\n-            }\n-        }\n-    },\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n \n-    /**\n-     * APIMethod: clone\n-     * Clones this style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>} Clone of this style.\n-     */\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        // clone rules\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone());\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true;\n             }\n-        }\n-        // clone context\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        //clone default style\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-\n-\n-/**\n- * Function: createLiteral\n- * converts a style value holding a combination of PropertyName and Literal\n- * into a Literal, taking the property values from the passed features.\n- * \n- * Parameters:\n- * value - {String} value to parse. If this string contains a construct like\n- *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n- *         will be replaced by the value of the \"bar\" attribute of the passed\n- *         feature.\n- * context - {Object} context to take attribute values from\n- * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n- *           <OpenLayers.String.format> for evaluating functions in the\n- *           context.\n- * property - {String} optional, name of the property for which the literal is\n- *            being created for evaluating functions in the context.\n- * \n- * Returns:\n- * {String} the parsed value. In the example of the value parameter above, the\n- * result would be \"foo valueOfBar\", assuming that the passed feature has an\n- * attribute named \"bar\" with the value \"valueOfBar\".\n- */\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = (isNaN(value) || !value) ? value : parseFloat(value);\n-    }\n-    return value;\n-};\n-\n-/**\n- * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n- * {Array} prefixes of the sld symbolizers. These are the\n- * same as the main geometry types\n- */\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n-    'Raster'\n-];\n-/* ======================================================================\n-    OpenLayers/StyleMap.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Style.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.StyleMap\n- */\n-OpenLayers.StyleMap = OpenLayers.Class({\n-\n-    /**\n-     * Property: styles\n-     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n-     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n-     */\n-    styles: null,\n-\n-    /**\n-     * Property: extendDefault\n-     * {Boolean} if true, every render intent will extend the symbolizers\n-     * specified for the \"default\" intent at rendering time. Otherwise, every\n-     * rendering intent will be treated as a completely independent style.\n-     */\n-    extendDefault: true,\n \n-    /**\n-     * Constructor: OpenLayers.StyleMap\n-     * \n-     * Parameters:\n-     * style   - {Object} Optional. Either a style hash, or a style object, or\n-     *           a hash of style objects (style hashes) keyed by rendering\n-     *           intent. If just one style hash or style object is passed,\n-     *           this will be used for all known render intents (default,\n-     *           select, temporary)\n-     * options - {Object} optional hash of additional options for this\n-     *           instance\n-     */\n-    initialize: function(style, options) {\n-        this.styles = {\n-            \"default\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"default\"]),\n-            \"select\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"select\"]),\n-            \"temporary\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            \"delete\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"delete\"])\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end);\n         };\n \n-        // take whatever the user passed as style parameter and convert it\n-        // into parts of stylemap.\n-        if (style instanceof OpenLayers.Style) {\n-            // user passed a style object\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style;\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    // user passed a hash of style objects\n-                    this.styles[key] = style[key];\n-                } else if (typeof style[key] == \"object\") {\n-                    // user passsed a hash of style hashes\n-                    this.styles[key] = new OpenLayers.Style(style[key]);\n-                } else {\n-                    // user passed a style hash (i.e. symbolizer)\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break;\n-                }\n-            }\n-        }\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy();\n-        }\n-        this.styles = null;\n-    },\n-\n-    /**\n-     * Method: createSymbolizer\n-     * Creates the symbolizer for a feature for a render intent.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n-     *           of the intended style against.\n-     * intent  - {String} The intent determines the symbolizer that will be\n-     *           used to draw the feature. Well known intents are \"default\"\n-     *           (for just drawing the features), \"select\" (for selected\n-     *           features) and \"temporary\" (for drawing features).\n-     * \n-     * Returns:\n-     * {Object} symbolizer hash\n-     */\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector();\n-        }\n-        if (!this.styles[intent]) {\n-            intent = \"default\";\n-        }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n-        }\n-        return OpenLayers.Util.extend(defaultSymbolizer,\n-            this.styles[intent].createSymbolizer(feature));\n-    },\n-\n-    /**\n-     * Method: addUniqueValueRules\n-     * Convenience method to create comparison rules for unique values of a\n-     * property. The rules will be added to the style object for a specified\n-     * rendering intent. This method is a shortcut for creating something like\n-     * the \"unique value legends\" familiar from well known desktop GIS systems\n-     * \n-     * Parameters:\n-     * renderIntent - {String} rendering intent to add the rules to\n-     * property     - {String} values of feature attributes to create the\n-     *                rules for\n-     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n-     *                property values \n-     * context      - {Object} An optional object with properties that\n-     *                symbolizers' property values should be evaluated\n-     *                against. If no context is specified, feature.attributes\n-     *                will be used\n-     */\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }));\n-        }\n-        this.styles[renderIntent].addRules(rules);\n+        this.timerId = OpenLayers.Animation.start(\n+            OpenLayers.Function.bind(timerCallback, this)\n+        );\n     },\n \n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n });\n /* ======================================================================\n     OpenLayers/Rule.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -11246,4327 +11246,5679 @@\n         options.context = this.context && OpenLayers.Util.extend({}, this.context);\n         return new OpenLayers.Rule(options);\n     },\n \n     CLASS_NAME: \"OpenLayers.Rule\"\n });\n /* ======================================================================\n-    OpenLayers/Layer.js\n+    OpenLayers/Control.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Map.js\n- * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Layer\n+ * Class: OpenLayers.Control\n+ * Controls affect the display or behavior of the map. They allow everything\n+ * from panning and zooming to displaying a scale indicator. Controls by \n+ * default are added to the map they are contained within however it is\n+ * possible to add a control to an external div by passing the div in the\n+ * options parameter.\n+ * \n+ * Example:\n+ * The following example shows how to add many of the common controls\n+ * to a map.\n+ * \n+ * > var map = new OpenLayers.Map('map', { controls: [] });\n+ * >\n+ * > map.addControl(new OpenLayers.Control.PanZoomBar());\n+ * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n+ * > map.addControl(new OpenLayers.Control.Permalink());\n+ * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n+ * > map.addControl(new OpenLayers.Control.MousePosition());\n+ * > map.addControl(new OpenLayers.Control.OverviewMap());\n+ * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n+ *\n+ * The next code fragment is a quick example of how to intercept \n+ * shift-mouse click to display the extent of the bounding box\n+ * dragged out by the user.  Usually controls are not created\n+ * in exactly this manner.  See the source for a more complete \n+ * example:\n+ *\n+ * > var control = new OpenLayers.Control();\n+ * > OpenLayers.Util.extend(control, {\n+ * >     draw: function () {\n+ * >         // this Handler.Box will intercept the shift-mousedown\n+ * >         // before Control.MouseDefault gets to see it\n+ * >         this.box = new OpenLayers.Handler.Box( control, \n+ * >             {\"done\": this.notice},\n+ * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n+ * >         this.box.activate();\n+ * >     },\n+ * >\n+ * >     notice: function (bounds) {\n+ * >         OpenLayers.Console.userError(bounds);\n+ * >     }\n+ * > }); \n+ * > map.addControl(control);\n+ * \n  */\n-OpenLayers.Layer = OpenLayers.Class({\n+OpenLayers.Control = OpenLayers.Class({\n \n-    /**\n-     * APIProperty: id\n-     * {String}\n+    /** \n+     * Property: id \n+     * {String} \n      */\n     id: null,\n \n     /** \n-     * APIProperty: name\n-     * {String}\n+     * Property: map \n+     * {<OpenLayers.Map>} this gets set in the addControl() function in\n+     * OpenLayers.Map \n      */\n-    name: null,\n+    map: null,\n \n     /** \n-     * APIProperty: div\n-     * {DOMElement}\n+     * APIProperty: div \n+     * {DOMElement} The element that contains the control, if not present the \n+     *     control is placed inside the map.\n      */\n     div: null,\n \n+    /** \n+     * APIProperty: type \n+     * {Number} Controls can have a 'type'. The type determines the type of\n+     * interactions which are possible with them when they are placed in an\n+     * <OpenLayers.Control.Panel>. \n+     */\n+    type: null,\n+\n+    /** \n+     * Property: allowSelection\n+     * {Boolean} By default, controls do not allow selection, because\n+     * it may interfere with map dragging. If this is true, OpenLayers\n+     * will not prevent selection of the control.\n+     * Default is false.\n+     */\n+    allowSelection: false,\n+\n+    /** \n+     * Property: displayClass \n+     * {string}  This property is used for CSS related to the drawing of the\n+     * Control. \n+     */\n+    displayClass: \"\",\n+\n     /**\n-     * APIProperty: opacity\n-     * {Float} The layer's opacity. Float number between 0.0 and 1.0. Default\n-     * is 1.\n+     * APIProperty: title  \n+     * {string}  This property is used for showing a tooltip over the  \n+     * Control.  \n      */\n-    opacity: 1,\n+    title: \"\",\n \n     /**\n-     * APIProperty: alwaysInRange\n-     * {Boolean} If a layer's display should not be scale-based, this should \n-     *     be set to true. This will cause the layer, as an overlay, to always \n-     *     be 'active', by always returning true from the calculateInRange() \n-     *     function. \n-     * \n-     *     If not explicitly specified for a layer, its value will be \n-     *     determined on startup in initResolutions() based on whether or not \n-     *     any scale-specific properties have been set as options on the \n-     *     layer. If no scale-specific options have been set on the layer, we \n-     *     assume that it should always be in range.\n-     * \n-     *     See #987 for more info.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     false.\n      */\n-    alwaysInRange: null,\n+    autoActivate: false,\n+\n+    /** \n+     * APIProperty: active \n+     * {Boolean} The control is active (read-only).  Use <activate> and \n+     *     <deactivate> to change control state.\n+     */\n+    active: null,\n \n     /**\n-     * Constant: RESOLUTION_PROPERTIES\n-     * {Array} The properties that are used for calculating resolutions\n-     *     information.\n+     * Property: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    RESOLUTION_PROPERTIES: [\n-        'scales', 'resolutions',\n-        'maxScale', 'minScale',\n-        'maxResolution', 'minResolution',\n-        'numZoomLevels', 'maxZoomLevel'\n-    ],\n+    handlerOptions: null,\n+\n+    /** \n+     * Property: handler \n+     * {<OpenLayers.Handler>} null\n+     */\n+    handler: null,\n \n     /**\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n+     */\n+    eventListeners: null,\n+\n+    /** \n      * APIProperty: events\n-     * {<OpenLayers.Events>}\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n      * Register a listener for a particular event with the following syntax:\n      * (code)\n-     * layer.events.register(type, obj, listener);\n+     * control.events.register(type, obj, listener);\n      * (end)\n      *\n      * Listeners will be called with a reference to an event object.  The\n      *     properties of this event depends on exactly what happened.\n      *\n      * All event objects have at least the following properties:\n-     * object - {Object} A reference to layer.events.object.\n-     * element - {DOMElement} A reference to layer.events.element.\n+     * object - {Object} A reference to control.events.object (a reference\n+     *      to the control).\n+     * element - {DOMElement} A reference to control.events.element (which\n+     *      will be null unless documented otherwise).\n      *\n      * Supported map event types:\n-     * loadstart - Triggered when layer loading starts.  When using a Vector \n-     *     layer with a Fixed or BBOX strategy, the event object includes \n-     *     a *filter* property holding the OpenLayers.Filter used when \n-     *     calling read on the protocol.\n-     * loadend - Triggered when layer loading ends.  When using a Vector layer\n-     *     with a Fixed or BBOX strategy, the event object includes a \n-     *     *response* property holding an OpenLayers.Protocol.Response object.\n-     * visibilitychanged - Triggered when the layer's visibility property is\n-     *     changed, e.g. by turning the layer on or off in the layer switcher.\n-     *     Note that the actual visibility of the layer can also change if it\n-     *     gets out of range (see <calculateInRange>). If you also want to catch\n-     *     these cases, register for the map's 'changelayer' event instead.\n-     * move - Triggered when layer moves (triggered with every mousemove\n-     *     during a drag).\n-     * moveend - Triggered when layer is done moving, object passed as\n-     *     argument has a zoomChanged boolean property which tells that the\n-     *     zoom has changed.\n-     * added - Triggered after the layer is added to a map.  Listeners will\n-     *     receive an object with a *map* property referencing the map and a\n-     *     *layer* property referencing the layer.\n-     * removed - Triggered after the layer is removed from the map.  Listeners\n-     *     will receive an object with a *map* property referencing the map and\n-     *     a *layer* property referencing the layer.\n+     * activate - Triggered when activated.\n+     * deactivate - Triggered when deactivated.\n      */\n     events: null,\n \n     /**\n-     * APIProperty: map\n-     * {<OpenLayers.Map>} This variable is set when the layer is added to \n-     *     the map, via the accessor function setMap().\n-     */\n-    map: null,\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Whether or not the layer is a base layer. This should be set \n-     *     individually by all subclasses. Default is false\n+     * Constructor: OpenLayers.Control\n+     * Create an OpenLayers Control.  The options passed as a parameter\n+     * directly extend the control.  For example passing the following:\n+     * \n+     * > var control = new OpenLayers.Control({div: myDiv});\n+     *\n+     * Overrides the default div attribute value of null.\n+     * \n+     * Parameters:\n+     * options - {Object} \n      */\n-    isBaseLayer: false,\n+    initialize: function(options) {\n+        // We do this before the extend so that instances can override\n+        // className in options.\n+        this.displayClass =\n+            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n \n-    /**\n-     * Property: alpha\n-     * {Boolean} The layer's images have an alpha channel.  Default is false.\n-     */\n-    alpha: false,\n+        OpenLayers.Util.extend(this, options);\n \n-    /** \n-     * APIProperty: displayInLayerSwitcher\n-     * {Boolean} Display the layer's name in the layer switcher.  Default is\n-     *     true.\n-     */\n-    displayInLayerSwitcher: true,\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners);\n+        }\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+        }\n+    },\n \n     /**\n-     * APIProperty: visibility\n-     * {Boolean} The layer should be displayed in the map.  Default is true.\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    visibility: true,\n+    destroy: function() {\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners);\n+            }\n+            this.events.destroy();\n+            this.events = null;\n+        }\n+        this.eventListeners = null;\n \n-    /**\n-     * APIProperty: attribution\n-     * {String} Attribution string, displayed when an \n-     *     <OpenLayers.Control.Attribution> has been added to the map.\n-     */\n-    attribution: null,\n+        // eliminate circular references\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null;\n+        }\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) &&\n+                    typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy();\n+                }\n+            }\n+            this.handlers = null;\n+        }\n+        if (this.map) {\n+            this.map.removeControl(this);\n+            this.map = null;\n+        }\n+        this.div = null;\n+    },\n \n     /** \n-     * Property: inRange\n-     * {Boolean} The current map resolution is within the layer's min/max \n-     *     range. This is set in <OpenLayers.Map.setCenter> whenever the zoom \n-     *     changes.\n+     * Method: setMap\n+     * Set the map property for the control. This is done through an accessor\n+     * so that subclasses can override this and take special action once \n+     * they have their map variable set. \n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    inRange: false,\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map);\n+        }\n+    },\n \n     /**\n-     * Propery: imageSize\n-     * {<OpenLayers.Size>} For layers with a gutter, the image is larger than \n-     *     the tile by twice the gutter in each dimension.\n-     */\n-    imageSize: null,\n-\n-    // OPTIONS\n-\n-    /** \n-     * Property: options\n-     * {Object} An optional object whose properties will be set on the layer.\n-     *     Any of the layer properties can be set as a property of the options\n-     *     object and sent to the constructor when the layer is created.\n+     * Method: draw\n+     * The draw method is called when the control is ready to be displayed\n+     * on the page.  If a div has not been created one is created.  Controls\n+     * with a visual component will almost always want to override this method \n+     * to customize the look of control. \n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n+     *      or null.\n+     *\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n      */\n-    options: null,\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False;\n+            }\n+            if (this.title != \"\") {\n+                this.div.title = this.title;\n+            }\n+        }\n+        if (px != null) {\n+            this.position = px.clone();\n+        }\n+        this.moveTo(this.position);\n+        return this.div;\n+    },\n \n     /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n+     * Method: moveTo\n+     * Sets the left and top style attributes to the passed in pixel \n+     * coordinates.\n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>}\n      */\n-    eventListeners: null,\n+    moveTo: function(px) {\n+        if ((px != null) && (this.div != null)) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\";\n+        }\n+    },\n \n     /**\n-     * APIProperty: gutter\n-     * {Integer} Determines the width (in pixels) of the gutter around image\n-     *     tiles to ignore.  By setting this property to a non-zero value,\n-     *     images will be requested that are wider and taller than the tile\n-     *     size by a value of 2 x gutter.  This allows artifacts of rendering\n-     *     at tile edges to be ignored.  Set a gutter value that is equal to\n-     *     half the size of the widest symbol that needs to be displayed.\n-     *     Defaults to zero.  Non-tiled layers always have zero gutter.\n+     * APIMethod: activate\n+     * Explicitly activates a control and it's associated\n+     * handler if one has been set.  Controls can be\n+     * deactivated by calling the deactivate() method.\n+     * \n+     * Returns:\n+     * {Boolean}  True if the control was successfully activated or\n+     *            false if the control was already active.\n      */\n-    gutter: 0,\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n+        }\n+        if (this.handler) {\n+            this.handler.activate();\n+        }\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv,\n+                this.displayClass.replace(/ /g, \"\") + \"Active\"\n+            );\n+        }\n+        this.events.triggerEvent(\"activate\");\n+        return true;\n+    },\n \n     /**\n-     * APIProperty: projection\n-     * {<OpenLayers.Projection>} or {<String>} Specifies the projection of the layer.\n-     *     Can be set in the layer options. If not specified in the layer options,\n-     *     it is set to the default projection specified in the map,\n-     *     when the layer is added to the map.\n-     *     Projection along with default maxExtent and resolutions\n-     *     are set automatically with commercial baselayers in EPSG:3857,\n-     *     such as Google, Bing and OpenStreetMap, and do not need to be specified.\n-     *     Otherwise, if specifying projection, also set maxExtent,\n-     *     maxResolution or resolutions as appropriate.\n-     *     When using vector layers with strategies, layer projection should be set\n-     *     to the projection of the source data if that is different from the map default.\n-     * \n-     *     Can be either a string or an <OpenLayers.Projection> object;\n-     *     if a string is passed, will be converted to an object when\n-     *     the layer is added to the map.\n+     * APIMethod: deactivate\n+     * Deactivates a control and it's associated handler if any.  The exact\n+     * effect of this depends on the control itself.\n      * \n+     * Returns:\n+     * {Boolean} True if the control was effectively deactivated or false\n+     *           if the control was already inactive.\n      */\n-    projection: null,\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate();\n+            }\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv,\n+                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n+                );\n+            }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true;\n+        }\n+        return false;\n+    },\n \n-    /**\n-     * APIProperty: units\n-     * {String} The layer map units.  Defaults to null.  Possible values\n-     *     are 'degrees' (or 'dd'), 'm', 'ft', 'km', 'mi', 'inches'.\n-     *     Normally taken from the projection.\n-     *     Only required if both map and layers do not define a projection,\n-     *     or if they define a projection which does not define units.\n-     */\n-    units: null,\n+    CLASS_NAME: \"OpenLayers.Control\"\n+});\n \n-    /**\n-     * APIProperty: scales\n-     * {Array}  An array of map scales in descending order.  The values in the\n-     *     array correspond to the map scale denominator.  Note that these\n-     *     values only make sense if the display (monitor) resolution of the\n-     *     client is correctly guessed by whomever is configuring the\n-     *     application.  In addition, the units property must also be set.\n-     *     Use <resolutions> instead wherever possible.\n-     */\n-    scales: null,\n+/**\n+ * Constant: OpenLayers.Control.TYPE_BUTTON\n+ */\n+OpenLayers.Control.TYPE_BUTTON = 1;\n \n-    /**\n-     * APIProperty: resolutions\n-     * {Array} A list of map resolutions (map units per pixel) in descending\n-     *     order.  If this is not set in the layer constructor, it will be set\n-     *     based on other resolution related properties (maxExtent,\n-     *     maxResolution, maxScale, etc.).\n-     */\n-    resolutions: null,\n+/**\n+ * Constant: OpenLayers.Control.TYPE_TOGGLE\n+ */\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n \n-    /**\n-     * APIProperty: maxExtent\n-     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n-     *     should consist of four values (left, bottom, right, top).\n-     *     The maximum extent for the layer.  Defaults to null.\n-     * \n-     *     The center of these bounds will not stray outside\n-     *     of the viewport extent during panning.  In addition, if\n-     *     <displayOutsideMaxExtent> is set to false, data will not be\n-     *     requested that falls completely outside of these bounds.\n-     */\n-    maxExtent: null,\n+/**\n+ * Constant: OpenLayers.Control.TYPE_TOOL\n+ */\n+OpenLayers.Control.TYPE_TOOL = 3;\n+/* ======================================================================\n+    OpenLayers/Events/buttonclick.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: minExtent\n-     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n-     *     should consist of four values (left, bottom, right, top).\n-     *     The minimum extent for the layer.  Defaults to null.\n-     */\n-    minExtent: null,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: maxResolution\n-     * {Float} Default max is 360 deg / 256 px, which corresponds to\n-     *     zoom level 0 on gmaps.  Specify a different value in the layer \n-     *     options if you are not using the default <OpenLayers.Map.tileSize>\n-     *     and displaying the whole world.\n-     */\n-    maxResolution: null,\n+/**\n+ * @requires OpenLayers/Events.js\n+ */\n \n-    /**\n-     * APIProperty: minResolution\n-     * {Float}\n-     */\n-    minResolution: null,\n+/**\n+ * Class: OpenLayers.Events.buttonclick\n+ * Extension event type for handling buttons on top of a dom element. This\n+ *     event type fires \"buttonclick\" on its <target> when a button was\n+ *     clicked. Buttons are detected by the \"olButton\" class.\n+ *\n+ * This event type makes sure that button clicks do not interfere with other\n+ *     events that are registered on the same <element>.\n+ *\n+ * Event types provided by this extension:\n+ * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n+ *     object with a *buttonElement* property referencing the dom element of\n+ *     the clicked button, and an *buttonXY* property with the click position\n+ *     relative to the button.\n+ */\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n \n     /**\n-     * APIProperty: numZoomLevels\n-     * {Integer}\n+     * Property: target\n+     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n+     * be triggered on.\n      */\n-    numZoomLevels: null,\n+    target: null,\n \n     /**\n-     * APIProperty: minScale\n-     * {Float}\n+     * Property: events\n+     * {Array} Events to observe and conditionally stop from propagating when\n+     *     an element with the olButton class (or its olAlphaImg child) is\n+     *     clicked.\n      */\n-    minScale: null,\n+    events: [\n+        'mousedown', 'mouseup', 'click', 'dblclick',\n+        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    ],\n \n     /**\n-     * APIProperty: maxScale\n-     * {Float}\n+     * Property: startRegEx\n+     * {RegExp} Regular expression to test Event.type for events that start\n+     *     a buttonclick sequence.\n      */\n-    maxScale: null,\n+    startRegEx: /^mousedown|touchstart$/,\n \n     /**\n-     * APIProperty: displayOutsideMaxExtent\n-     * {Boolean} Request map tiles that are completely outside of the max \n-     *     extent for this layer. Defaults to false.\n+     * Property: cancelRegEx\n+     * {RegExp} Regular expression to test Event.type for events that cancel\n+     *     a buttonclick sequence.\n      */\n-    displayOutsideMaxExtent: false,\n+    cancelRegEx: /^touchmove$/,\n \n     /**\n-     * APIProperty: wrapDateLine\n-     * {Boolean} Wraps the world at the international dateline, so the map can\n-     * be panned infinitely in longitudinal direction. Only use this on the\n-     * base layer, and only if the layer's maxExtent equals the world bounds.\n-     * #487 for more info.   \n+     * Property: completeRegEx\n+     * {RegExp} Regular expression to test Event.type for events that complete\n+     *     a buttonclick sequence.\n      */\n-    wrapDateLine: false,\n+    completeRegEx: /^mouseup|touchend$/,\n \n     /**\n-     * Property: metadata\n-     * {Object} This object can be used to store additional information on a\n-     *     layer object.\n+     * Property: startEvt\n+     * {Event} The event that started the click sequence\n      */\n-    metadata: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer\n+     * Constructor: OpenLayers.Events.buttonclick\n+     * Construct a buttonclick event type. Applications are not supposed to\n+     *     create instances of this class - they are created on demand by\n+     *     <OpenLayers.Events> instances.\n      *\n      * Parameters:\n-     * name - {String} The layer name\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n+     *     event will be triggered on.\n      */\n-    initialize: function(name, options) {\n-\n-        this.metadata = {};\n-\n-        options = OpenLayers.Util.extend({}, options);\n-        // make sure we respect alwaysInRange if set on the prototype\n-        if (this.alwaysInRange != null) {\n-            options.alwaysInRange = this.alwaysInRange;\n-        }\n-        this.addOptions(options);\n-\n-        this.name = name;\n-\n-        if (this.id == null) {\n-\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.style.width = \"100%\";\n-            this.div.style.height = \"100%\";\n-            this.div.dir = \"ltr\";\n-\n-            this.events = new OpenLayers.Events(this, this.div);\n-            if (this.eventListeners instanceof Object) {\n-                this.events.on(this.eventListeners);\n-            }\n-\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            });\n         }\n     },\n \n     /**\n      * Method: destroy\n-     * Destroy is a destructor: this is to alleviate cyclic references which\n-     *     the Javascript garbage cleaner can not take care of on its own.\n-     *\n-     * Parameters:\n-     * setNewBaseLayer - {Boolean} Set a new base layer when this layer has\n-     *     been destroyed.  Default is true.\n      */\n-    destroy: function(setNewBaseLayer) {\n-        if (setNewBaseLayer == null) {\n-            setNewBaseLayer = true;\n-        }\n-        if (this.map != null) {\n-            this.map.removeLayer(this, setNewBaseLayer);\n-        }\n-        this.projection = null;\n-        this.map = null;\n-        this.name = null;\n-        this.div = null;\n-        this.options = null;\n-\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners);\n-            }\n-            this.events.destroy();\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick);\n         }\n-        this.eventListeners = null;\n-        this.events = null;\n+        delete this.target;\n     },\n \n     /**\n-     * Method: clone\n+     * Method: getPressedButton\n+     * Get the pressed button, if any. Returns undefined if no button\n+     * was pressed.\n      *\n-     * Parameters:\n-     * obj - {<OpenLayers.Layer>} The layer to be cloned\n+     * Arguments:\n+     * element - {DOMElement} The event target.\n      *\n      * Returns:\n-     * {<OpenLayers.Layer>} An exact clone of this <OpenLayers.Layer>\n+     * {DOMElement} The button element, or undefined.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer(this.name, this.getOptions());\n-        }\n-\n-        // catch any randomly tagged-on properties\n-        OpenLayers.Util.applyDefaults(obj, this);\n-\n-        // a cloned layer should never have its map property set\n-        //  because it has not been added to a map yet. \n-        obj.map = null;\n-\n-        return obj;\n+    getPressedButton: function(element) {\n+        var depth = 3, // limit the search depth\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                // hit!\n+                button = element;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return button;\n     },\n \n     /**\n-     * Method: getOptions\n-     * Extracts an object from the layer with the properties that were set as\n-     *     options, but updates them with the values currently set on the\n-     *     instance.\n-     * \n-     * Returns:\n-     * {Object} the <options> of the layer, representing the current state.\n-     */\n-    getOptions: function() {\n-        var options = {};\n-        for (var o in this.options) {\n-            options[o] = this[o];\n-        }\n-        return options;\n-    },\n-\n-    /** \n-     * APIMethod: setName\n-     * Sets the new layer name for this layer.  Can trigger a changelayer event\n-     *     on the map.\n+     * Method: ignore\n+     * Check for event target elements that should be ignored by OpenLayers.\n      *\n      * Parameters:\n-     * newName - {String} The new name.\n+     * element - {DOMElement} The event target.\n      */\n-    setName: function(newName) {\n-        if (newName != this.name) {\n-            this.name = newName;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"name\"\n-                });\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === 'a') {\n+                ignore = true;\n+                break;\n             }\n-        }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return ignore;\n     },\n \n     /**\n-     * APIMethod: addOptions\n-     * \n+     * Method: buttonClick\n+     * Check if a button was clicked, and fire the buttonclick event\n+     *\n      * Parameters:\n-     * newOptions - {Object}\n-     * reinitialize - {Boolean} If set to true, and if resolution options of the\n-     *     current baseLayer were changed, the map will be recentered to make\n-     *     sure that it is displayed with a valid resolution, and a\n-     *     changebaselayer event will be triggered.\n+     * evt - {Event}\n      */\n-    addOptions: function(newOptions, reinitialize) {\n-\n-        if (this.options == null) {\n-            this.options = {};\n-        }\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            // was a button pressed?\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break;\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n \n-        if (newOptions) {\n-            // make sure this.projection references a projection object\n-            if (typeof newOptions.projection == \"string\") {\n-                newOptions.projection = new OpenLayers.Projection(newOptions.projection);\n-            }\n-            if (newOptions.projection) {\n-                // get maxResolution, units and maxExtent from projection defaults if\n-                // they are not defined already\n-                OpenLayers.Util.applyDefaults(newOptions,\n-                    OpenLayers.Projection.defaults[newOptions.projection.getCode()]);\n-            }\n-            // allow array for extents\n-            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent);\n-            }\n-            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent);\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        });\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt;\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt;\n             }\n         }\n+        return propagate;\n+    }\n \n-        // update our copy for clone\n-        OpenLayers.Util.extend(this.options, newOptions);\n+});\n+/* ======================================================================\n+    OpenLayers/Control/LayerSwitcher.js\n+   ====================================================================== */\n \n-        // add new options to this\n-        OpenLayers.Util.extend(this, newOptions);\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        // get the units from the projection, if we have a projection\n-        // and it it has units\n-        if (this.projection && this.projection.getUnits()) {\n-            this.units = this.projection.getUnits();\n-        }\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ */\n \n-        // re-initialize resolutions if necessary, i.e. if any of the\n-        // properties of the \"properties\" array defined below is set\n-        // in the new options\n-        if (this.map) {\n-            // store current resolution so we can try to restore it later\n-            var resolution = this.map.getResolution();\n-            var properties = this.RESOLUTION_PROPERTIES.concat(\n-                [\"projection\", \"units\", \"minExtent\", \"maxExtent\"]\n-            );\n-            for (var o in newOptions) {\n-                if (newOptions.hasOwnProperty(o) &&\n-                    OpenLayers.Util.indexOf(properties, o) >= 0) {\n+/**\n+ * Class: OpenLayers.Control.LayerSwitcher\n+ * The LayerSwitcher control displays a table of contents for the map. This\n+ * allows the user interface to switch between BaseLasyers and to show or hide\n+ * Overlays. By default the switcher is shown minimized on the right edge of\n+ * the map, the user may expand it by clicking on the handle.\n+ *\n+ * To create the LayerSwitcher outside of the map, pass the Id of a html div\n+ * as the first argument to the constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n \n-                    this.initResolutions();\n-                    if (reinitialize && this.map.baseLayer === this) {\n-                        // update map position, and restore previous resolution\n-                        this.map.setCenter(this.map.getCenter(),\n-                            this.map.getZoomForResolution(resolution),\n-                            false, true\n-                        );\n-                        // trigger a changebaselayer event to make sure that\n-                        // all controls (especially\n-                        // OpenLayers.Control.PanZoomBar) get notified of the\n-                        // new options\n-                        this.map.events.triggerEvent(\"changebaselayer\", {\n-                            layer: this\n-                        });\n-                    }\n-                    break;\n-                }\n-            }\n-        }\n-    },\n+    /**  \n+     * Property: layerStates \n+     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n+     *     the last time the control was drawn. We have this in order to avoid\n+     *     unnecessarily redrawing the control.\n+     */\n+    layerStates: null,\n+\n+    // DOM Elements\n \n     /**\n-     * APIMethod: onMapResize\n-     * This function can be implemented by subclasses\n+     * Property: layersDiv\n+     * {DOMElement}\n      */\n-    onMapResize: function() {\n-        //this function can be implemented by subclasses  \n-    },\n+    layersDiv: null,\n \n     /**\n-     * APIMethod: redraw\n-     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n-     *\n-     * Returns:\n-     * {Boolean} The layer was redrawn.\n+     * Property: baseLayersDiv\n+     * {DOMElement}\n      */\n-    redraw: function() {\n-        var redrawn = false;\n-        if (this.map) {\n-\n-            // min/max Range may have changed\n-            this.inRange = this.calculateInRange();\n+    baseLayersDiv: null,\n \n-            // map's center might not yet be set\n-            var extent = this.getExtent();\n+    /**\n+     * Property: baseLayers\n+     * {Array(Object)}\n+     */\n+    baseLayers: null,\n \n-            if (extent && this.inRange && this.visibility) {\n-                var zoomChanged = true;\n-                this.moveTo(extent, zoomChanged, false);\n-                this.events.triggerEvent(\"moveend\", {\n-                    \"zoomChanged\": zoomChanged\n-                });\n-                redrawn = true;\n-            }\n-        }\n-        return redrawn;\n-    },\n \n     /**\n-     * Method: moveTo\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-     *     do some init work in that case.\n-     * dragging - {Boolean}\n+     * Property: dataLbl\n+     * {DOMElement}\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        var display = this.visibility;\n-        if (!this.isBaseLayer) {\n-            display = display && this.inRange;\n-        }\n-        this.display(display);\n-    },\n+    dataLbl: null,\n \n     /**\n-     * Method: moveByPx\n-     * Move the layer based on pixel vector. To be implemented by subclasses.\n-     *\n-     * Parameters:\n-     * dx - {Number} The x coord of the displacement vector.\n-     * dy - {Number} The y coord of the displacement vector.\n+     * Property: dataLayersDiv\n+     * {DOMElement}\n      */\n-    moveByPx: function(dx, dy) {},\n+    dataLayersDiv: null,\n \n     /**\n-     * Method: setMap\n-     * Set the map property for the layer. This is done through an accessor\n-     *     so that subclasses can override this and take special action once \n-     *     they have their map variable set. \n-     * \n-     *     Here we take care to bring over any of the necessary default \n-     *     properties from the map. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * Property: dataLayers\n+     * {Array(Object)}\n      */\n-    setMap: function(map) {\n-        if (this.map == null) {\n-\n-            this.map = map;\n-\n-            // grab some essential layer data from the map if it hasn't already\n-            //  been set\n-            this.maxExtent = this.maxExtent || this.map.maxExtent;\n-            this.minExtent = this.minExtent || this.map.minExtent;\n-\n-            this.projection = this.projection || this.map.projection;\n-            if (typeof this.projection == \"string\") {\n-                this.projection = new OpenLayers.Projection(this.projection);\n-            }\n-\n-            // Check the projection to see if we can get units -- if not, refer\n-            // to properties.\n-            this.units = this.projection.getUnits() ||\n-                this.units || this.map.units;\n+    dataLayers: null,\n \n-            this.initResolutions();\n \n-            if (!this.isBaseLayer) {\n-                this.inRange = this.calculateInRange();\n-                var show = ((this.visibility) && (this.inRange));\n-                this.div.style.display = show ? \"\" : \"none\";\n-            }\n+    /**\n+     * Property: minimizeDiv\n+     * {DOMElement}\n+     */\n+    minimizeDiv: null,\n \n-            // deal with gutters\n-            this.setTileSize();\n-        }\n-    },\n+    /**\n+     * Property: maximizeDiv\n+     * {DOMElement}\n+     */\n+    maximizeDiv: null,\n \n     /**\n-     * Method: afterAdd\n-     * Called at the end of the map.addLayer sequence.  At this point, the map\n-     *     will have a base layer.  To be overridden by subclasses.\n+     * APIProperty: ascending\n+     * {Boolean}\n      */\n-    afterAdd: function() {},\n+    ascending: true,\n \n     /**\n-     * APIMethod: removeMap\n-     * Just as setMap() allows each layer the possibility to take a \n-     *     personalized action on being added to the map, removeMap() allows\n-     *     each layer to take a personalized action on being removed from it. \n-     *     For now, this will be mostly unused, except for the EventPane layer,\n-     *     which needs this hook so that it can remove the special invisible\n-     *     pane. \n-     * \n+     * Constructor: OpenLayers.Control.LayerSwitcher\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * options - {Object}\n      */\n-    removeMap: function(map) {\n-        //to be overridden by subclasses\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = [];\n     },\n \n     /**\n-     * APIMethod: getImageSize\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} optional tile bounds, can be used\n-     *     by subclasses that have to deal with different tile sizes at the\n-     *     layer extent edges (e.g. Zoomify)\n-     * \n-     * Returns:\n-     * {<OpenLayers.Size>} The size that the image should be, taking into \n-     *     account gutters.\n+     * APIMethod: destroy\n      */\n-    getImageSize: function(bounds) {\n-        return (this.imageSize || this.tileSize);\n+    destroy: function() {\n+\n+        //clear out layers info and unregister their events\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: setTileSize\n-     * Set the tile size based on the map size.  This also sets layer.imageSize\n-     *     or use by Tile.Image.\n-     * \n-     * Parameters:\n-     * size - {<OpenLayers.Size>}\n+     * Method: setMap\n+     *\n+     * Properties:\n+     * map - {<OpenLayers.Map>}\n      */\n-    setTileSize: function(size) {\n-        var tileSize = (size) ? size :\n-            ((this.tileSize) ? this.tileSize :\n-                this.map.getTileSize());\n-        this.tileSize = tileSize;\n-        if (this.gutter) {\n-            // layers with gutters need non-null tile sizes\n-            //if(tileSize == null) {\n-            //    OpenLayers.console.error(\"Error in layer.setMap() for \" +\n-            //                              this.name + \": layers with \" +\n-            //                              \"gutters need non-null tile sizes\");\n-            //}\n-            this.imageSize = new OpenLayers.Size(tileSize.w + (2 * this.gutter),\n-                tileSize.h + (2 * this.gutter));\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n         }\n     },\n \n     /**\n-     * APIMethod: getVisibility\n-     * \n+     * Method: draw\n+     *\n      * Returns:\n-     * {Boolean} The layer should be displayed (if in range).\n+     * {DOMElement} A reference to the DIV DOMElement containing the\n+     *     switcher tabs.\n      */\n-    getVisibility: function() {\n-        return this.visibility;\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n+\n+        // create layout divs\n+        this.loadContents();\n+\n+        // set mode to minimize\n+        if (!this.outsideViewport) {\n+            this.minimizeControl();\n+        }\n+\n+        // populate div with current info\n+        this.redraw();\n+\n+        return this.div;\n     },\n \n-    /** \n-     * APIMethod: setVisibility\n-     * Set the visibility flag for the layer and hide/show & redraw \n-     *     accordingly. Fire event unless otherwise specified\n-     * \n-     * Note that visibility is no longer simply whether or not the layer's\n-     *     style.display is set to \"block\". Now we store a 'visibility' state \n-     *     property on the layer class, this allows us to remember whether or \n-     *     not we *desire* for a layer to be visible. In the case where the \n-     *     map's resolution is out of the layer's range, this desire may be \n-     *     subverted.\n-     * \n+    /**\n+     * Method: onButtonClick\n+     *\n      * Parameters:\n-     * visibility - {Boolean} Whether or not to display the layer (if in range)\n+     * evt - {Event}\n      */\n-    setVisibility: function(visibility) {\n-        if (visibility != this.visibility) {\n-            this.visibility = visibility;\n-            this.display(visibility);\n-            this.redraw();\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"visibility\"\n-                });\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl();\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl();\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"]);\n+            }\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap();\n+                }\n             }\n-            this.events.triggerEvent(\"visibilitychanged\");\n         }\n     },\n \n-    /** \n-     * APIMethod: display\n-     * Hide or show the Layer. This is designed to be used internally, and \n-     *     is not generally the way to enable or disable the layer. For that,\n-     *     use the setVisibility function instead..\n-     * \n+    /**\n+     * Method: clearLayersArray\n+     * User specifies either \"base\" or \"data\". we then clear all the\n+     *     corresponding listeners, the div, and reinitialize a new array.\n+     *\n      * Parameters:\n-     * display - {Boolean}\n+     * layersType - {String}\n      */\n-    display: function(display) {\n-        if (display != (this.div.style.display != \"none\")) {\n-            this.div.style.display = (display && this.calculateInRange()) ? \"block\" : \"none\";\n-        }\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = [];\n     },\n \n+\n     /**\n-     * APIMethod: calculateInRange\n-     * \n+     * Method: checkRedraw\n+     * Checks if the layer state has changed since the last redraw() call.\n+     *\n      * Returns:\n-     * {Boolean} The layer is displayable at the current map's current\n-     *     resolution. Note that if 'alwaysInRange' is true for the layer, \n-     *     this function will always return true.\n+     * {Boolean} The layer state changed since the last redraw() call.\n      */\n-    calculateInRange: function() {\n-        var inRange = false;\n-\n-        if (this.alwaysInRange) {\n-            inRange = true;\n-        } else {\n-            if (this.map) {\n-                var resolution = this.map.getResolution();\n-                inRange = ((resolution >= this.minResolution) &&\n-                    (resolution <= this.maxResolution));\n-            }\n+    checkRedraw: function() {\n+        if (!this.layerStates.length ||\n+            (this.map.layers.length != this.layerStates.length)) {\n+            return true;\n         }\n-        return inRange;\n-    },\n \n-    /** \n-     * APIMethod: setIsBaseLayer\n-     * \n-     * Parameters:\n-     * isBaseLayer - {Boolean}\n-     */\n-    setIsBaseLayer: function(isBaseLayer) {\n-        if (isBaseLayer != this.isBaseLayer) {\n-            this.isBaseLayer = isBaseLayer;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changebaselayer\", {\n-                    layer: this\n-                });\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if ((layerState.name != layer.name) ||\n+                (layerState.inRange != layer.inRange) ||\n+                (layerState.id != layer.id) ||\n+                (layerState.visibility != layer.visibility)) {\n+                return true;\n             }\n         }\n-    },\n \n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /********************************************************/\n+        return false;\n+    },\n \n-    /** \n-     * Method: initResolutions\n-     * This method's responsibility is to set up the 'resolutions' array \n-     *     for the layer -- this array is what the layer will use to interface\n-     *     between the zoom levels of the map and the resolution display \n-     *     of the layer.\n-     * \n-     * The user has several options that determine how the array is set up.\n-     *  \n-     * For a detailed explanation, see the following wiki from the \n-     *     openlayers.org homepage:\n-     *     http://trac.openlayers.org/wiki/SettingZoomLevels\n+    /**\n+     * Method: redraw\n+     * Goes through and takes the current state of the Map and rebuilds the\n+     *     control to display that state. Groups base layers into a\n+     *     radio-button group and lists each data layer with a checkbox.\n+     *\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n      */\n-    initResolutions: function() {\n+    redraw: function() {\n+        //if the state hasn't changed since last redraw, no need\n+        // to do anything. Just return the existing div.\n+        if (!this.checkRedraw()) {\n+            return this.div;\n+        }\n \n-        // ok we want resolutions, here's our strategy:\n-        //\n-        // 1. if resolutions are defined in the layer config, use them\n-        // 2. else, if scales are defined in the layer config then derive\n-        //    resolutions from these scales\n-        // 3. else, attempt to calculate resolutions from maxResolution,\n-        //    minResolution, numZoomLevels, maxZoomLevel set in the\n-        //    layer config\n-        // 4. if we still don't have resolutions, and if resolutions\n-        //    are defined in the same, use them\n-        // 5. else, if scales are defined in the map then derive\n-        //    resolutions from these scales\n-        // 6. else, attempt to calculate resolutions from maxResolution,\n-        //    minResolution, numZoomLevels, maxZoomLevel set in the\n-        //    map\n-        // 7. hope for the best!\n+        //clear out previous layers\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n \n-        var i, len, p;\n-        var props = {},\n-            alwaysInRange = true;\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n \n-        // get resolution data from layer config\n-        // (we also set alwaysInRange in the layer as appropriate)\n-        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-            p = this.RESOLUTION_PROPERTIES[i];\n-            props[p] = this.options[p];\n-            if (alwaysInRange && this.options[p]) {\n-                alwaysInRange = false;\n-            }\n-        }\n-        if (this.options.alwaysInRange == null) {\n-            this.alwaysInRange = alwaysInRange;\n+        // Save state -- for checking layer if the map state changed.\n+        // We save this before redrawing, because in the process of redrawing\n+        // we will trigger more visibility changes, and we want to not redraw\n+        // and enter an infinite loop.\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                'name': layer.name,\n+                'visibility': layer.visibility,\n+                'inRange': layer.inRange,\n+                'id': layer.id\n+            };\n         }\n \n-        // if we don't have resolutions then attempt to derive them from scales\n-        if (props.resolutions == null) {\n-            props.resolutions = this.resolutionsFromScales(props.scales);\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse();\n         }\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n \n-        // if we still don't have resolutions then attempt to calculate them\n-        if (props.resolutions == null) {\n-            props.resolutions = this.calculateResolutions(props);\n-        }\n+            if (layer.displayInLayerSwitcher) {\n \n-        // if we couldn't calculate resolutions then we look at we have\n-        // in the map\n-        if (props.resolutions == null) {\n-            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-                p = this.RESOLUTION_PROPERTIES[i];\n-                props[p] = this.options[p] != null ?\n-                    this.options[p] : this.map[p];\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.resolutionsFromScales(props.scales);\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.calculateResolutions(props);\n-            }\n-        }\n+                if (baseLayer) {\n+                    containsBaseLayers = true;\n+                } else {\n+                    containsOverlays = true;\n+                }\n \n-        // ok, we new need to set properties in the instance\n+                // only check a baselayer if it is *the* baselayer, check data\n+                //  layers if they are visible\n+                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n+                    layer.getVisibility();\n \n-        // get maxResolution from the config if it's defined there\n-        var maxResolution;\n-        if (this.options.maxResolution &&\n-            this.options.maxResolution !== \"auto\") {\n-            maxResolution = this.options.maxResolution;\n-        }\n-        if (this.options.minScale) {\n-            maxResolution = OpenLayers.Util.getResolutionFromScale(\n-                this.options.minScale, this.units);\n-        }\n+                // create input element\n+                var inputElem = document.createElement(\"input\"),\n+                    // The input shall have an id attribute so we can use\n+                    // labels to interact with them.\n+                    inputId = OpenLayers.Util.createUniqueID(\n+                        this.id + \"_input_\"\n+                    );\n \n-        // get minResolution from the config if it's defined there\n-        var minResolution;\n-        if (this.options.minResolution &&\n-            this.options.minResolution !== \"auto\") {\n-            minResolution = this.options.minResolution;\n-        }\n-        if (this.options.maxScale) {\n-            minResolution = OpenLayers.Util.getResolutionFromScale(\n-                this.options.maxScale, this.units);\n-        }\n+                inputElem.id = inputId;\n+                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n \n-        if (props.resolutions) {\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true;\n+                }\n \n-            //sort resolutions array descendingly\n-            props.resolutions.sort(function(a, b) {\n-                return (b - a);\n-            });\n+                // create span\n+                var labelSpan = document.createElement(\"label\");\n+                // this isn't the DOM attribute 'for', but an arbitrary name we\n+                // use to find the appropriate input element in <onButtonClick>\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\";\n+                }\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n+                    \"baseline\";\n+                // create line break\n+                var br = document.createElement(\"br\");\n \n-            // if we still don't have a maxResolution get it from the\n-            // resolutions array\n-            if (!maxResolution) {\n-                maxResolution = props.resolutions[0];\n-            }\n \n-            // if we still don't have a minResolution get it from the\n-            // resolutions array\n-            if (!minResolution) {\n-                var lastIdx = props.resolutions.length - 1;\n-                minResolution = props.resolutions[lastIdx];\n-            }\n-        }\n+                var groupArray = (baseLayer) ? this.baseLayers :\n+                    this.dataLayers;\n+                groupArray.push({\n+                    'layer': layer,\n+                    'inputElem': inputElem,\n+                    'labelSpan': labelSpan\n+                });\n \n-        this.resolutions = props.resolutions;\n-        if (this.resolutions) {\n-            len = this.resolutions.length;\n-            this.scales = new Array(len);\n-            for (i = 0; i < len; i++) {\n-                this.scales[i] = OpenLayers.Util.getScaleFromResolution(\n-                    this.resolutions[i], this.units);\n+\n+                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n+                    this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br);\n             }\n-            this.numZoomLevels = len;\n-        }\n-        this.minResolution = minResolution;\n-        if (minResolution) {\n-            this.maxScale = OpenLayers.Util.getScaleFromResolution(\n-                minResolution, this.units);\n-        }\n-        this.maxResolution = maxResolution;\n-        if (maxResolution) {\n-            this.minScale = OpenLayers.Util.getScaleFromResolution(\n-                maxResolution, this.units);\n         }\n+\n+        // if no overlays, dont display the overlay label\n+        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n+\n+        // if no baselayers, dont display the baselayer label\n+        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n+\n+        return this.div;\n     },\n \n     /**\n-     * Method: resolutionsFromScales\n-     * Derive resolutions from scales.\n-     *\n-     * Parameters:\n-     * scales - {Array(Number)} Scales\n-     *\n-     * Returns\n-     * {Array(Number)} Resolutions\n+     * Method: updateMap\n+     * Cycles through the loaded data and base layer input arrays and makes\n+     *     the necessary calls to the Map object such that that the map's\n+     *     visual state corresponds to what the user has selected in\n+     *     the control.\n      */\n-    resolutionsFromScales: function(scales) {\n-        if (scales == null) {\n-            return;\n+    updateMap: function() {\n+\n+        // set the newly selected base layer\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false);\n+            }\n         }\n-        var resolutions, i, len;\n-        len = scales.length;\n-        resolutions = new Array(len);\n-        for (i = 0; i < len; i++) {\n-            resolutions[i] = OpenLayers.Util.getResolutionFromScale(\n-                scales[i], this.units);\n+\n+        // set the correct visibilities for the overlays\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n         }\n-        return resolutions;\n+\n     },\n \n     /**\n-     * Method: calculateResolutions\n-     * Calculate resolutions based on the provided properties.\n+     * Method: maximizeControl\n+     * Set up the labels and divs for the control\n      *\n      * Parameters:\n-     * props - {Object} Properties\n-     *\n-     * Returns:\n-     * {Array({Number})} Array of resolutions.\n+     * e - {Event}\n      */\n-    calculateResolutions: function(props) {\n-\n-        var viewSize, wRes, hRes;\n-\n-        // determine maxResolution\n-        var maxResolution = props.maxResolution;\n-        if (props.minScale != null) {\n-            maxResolution =\n-                OpenLayers.Util.getResolutionFromScale(props.minScale,\n-                    this.units);\n-        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.maxExtent.getWidth() / viewSize.w;\n-            hRes = this.maxExtent.getHeight() / viewSize.h;\n-            maxResolution = Math.max(wRes, hRes);\n-        }\n-\n-        // determine minResolution\n-        var minResolution = props.minResolution;\n-        if (props.maxScale != null) {\n-            minResolution =\n-                OpenLayers.Util.getResolutionFromScale(props.maxScale,\n-                    this.units);\n-        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.minExtent.getWidth() / viewSize.w;\n-            hRes = this.minExtent.getHeight() / viewSize.h;\n-            minResolution = Math.max(wRes, hRes);\n-        }\n-\n-        if (typeof maxResolution !== \"number\" &&\n-            typeof minResolution !== \"number\" &&\n-            this.maxExtent != null) {\n-            // maxResolution for default grid sets assumes that at zoom\n-            // level zero, the whole world fits on one tile.\n-            var tileSize = this.map.getTileSize();\n-            maxResolution = Math.max(\n-                this.maxExtent.getWidth() / tileSize.w,\n-                this.maxExtent.getHeight() / tileSize.h\n-            );\n-        }\n-\n-        // determine numZoomLevels\n-        var maxZoomLevel = props.maxZoomLevel;\n-        var numZoomLevels = props.numZoomLevels;\n-        if (typeof minResolution === \"number\" &&\n-            typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n-            var ratio = maxResolution / minResolution;\n-            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1;\n-        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n-            numZoomLevels = maxZoomLevel + 1;\n-        }\n-\n-        // are we able to calculate resolutions?\n-        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 ||\n-            (typeof maxResolution !== \"number\" &&\n-                typeof minResolution !== \"number\")) {\n-            return;\n-        }\n+    maximizeControl: function(e) {\n \n-        // now we have numZoomLevels and at least one of maxResolution\n-        // or minResolution, we can populate the resolutions array\n+        // set the div's width and height to empty values, so\n+        // the div dimensions can be controlled by CSS\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n \n-        var resolutions = new Array(numZoomLevels);\n-        var base = 2;\n-        if (typeof minResolution == \"number\" &&\n-            typeof maxResolution == \"number\") {\n-            // if maxResolution and minResolution are set, we calculate\n-            // the base for exponential scaling that starts at\n-            // maxResolution and ends at minResolution in numZoomLevels\n-            // steps.\n-            base = Math.pow(\n-                (maxResolution / minResolution),\n-                (1 / (numZoomLevels - 1))\n-            );\n-        }\n+        this.showControls(false);\n \n-        var i;\n-        if (typeof maxResolution === \"number\") {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[i] = maxResolution / Math.pow(base, i);\n-            }\n-        } else {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[numZoomLevels - 1 - i] =\n-                    minResolution * Math.pow(base, i);\n-            }\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-\n-        return resolutions;\n-    },\n-\n-    /**\n-     * APIMethod: getResolution\n-     * \n-     * Returns:\n-     * {Float} The currently selected resolution of the map, taken from the\n-     *     resolutions array, indexed by current zoom level.\n-     */\n-    getResolution: function() {\n-        var zoom = this.map.getZoom();\n-        return this.getResolutionForZoom(zoom);\n-    },\n-\n-    /** \n-     * APIMethod: getExtent\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n-     *     bounds of the current viewPort.\n-     */\n-    getExtent: function() {\n-        // just use stock map calculateBounds function -- passing no arguments\n-        //  means it will user map's current center & resolution\n-        //\n-        return this.map.calculateBounds();\n     },\n \n     /**\n-     * APIMethod: getZoomForExtent\n-     * \n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * closest - {Boolean} Find the zoom level that most closely fits the \n-     *     specified bounds. Note that this may result in a zoom that does \n-     *     not exactly contain the entire extent.\n-     *     Default is false.\n+     * Method: minimizeControl\n+     * Hide all the contents of the control, shrink the size,\n+     *     add the maximize icon\n      *\n-     * Returns:\n-     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n-     *     for the passed-in extent. We do this by calculating the ideal \n-     *     resolution for the given extent (based on the map size) and then \n-     *     calling getZoomForResolution(), passing along the 'closest'\n-     *     parameter.\n+     * Parameters:\n+     * e - {Event}\n      */\n-    getZoomForExtent: function(extent, closest) {\n-        var viewSize = this.map.getSize();\n-        var idealResolution = Math.max(extent.getWidth() / viewSize.w,\n-            extent.getHeight() / viewSize.h);\n+    minimizeControl: function(e) {\n \n-        return this.getZoomForResolution(idealResolution, closest);\n-    },\n+        // to minimize the control we set its div's width\n+        // and height to 0px, we cannot just set \"display\"\n+        // to \"none\" because it would hide the maximize\n+        // div\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n \n-    /** \n-     * Method: getDataExtent\n-     * Calculates the max extent which includes all of the data for the layer.\n-     *     This function is to be implemented by subclasses.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n-     */\n-    getDataExtent: function() {\n-        //to be implemented by subclasses\n-    },\n+        this.showControls(true);\n \n-    /**\n-     * APIMethod: getResolutionForZoom\n-     * \n-     * Parameters:\n-     * zoom - {Float}\n-     * \n-     * Returns:\n-     * {Float} A suitable resolution for the specified zoom.\n-     */\n-    getResolutionForZoom: function(zoom) {\n-        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n-        var resolution;\n-        if (this.map.fractionalZoom) {\n-            var low = Math.floor(zoom);\n-            var high = Math.ceil(zoom);\n-            resolution = this.resolutions[low] -\n-                ((zoom - low) * (this.resolutions[low] - this.resolutions[high]));\n-        } else {\n-            resolution = this.resolutions[Math.round(zoom)];\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-        return resolution;\n     },\n \n     /**\n-     * APIMethod: getZoomForResolution\n-     * \n+     * Method: showControls\n+     * Hide/Show all LayerSwitcher controls depending on whether we are\n+     *     minimized or not\n+     *\n      * Parameters:\n-     * resolution - {Float}\n-     * closest - {Boolean} Find the zoom level that corresponds to the absolute \n-     *     closest resolution, which may result in a zoom whose corresponding\n-     *     resolution is actually smaller than we would have desired (if this\n-     *     is being called from a getZoomForExtent() call, then this means that\n-     *     the returned zoom index might not actually contain the entire \n-     *     extent specified... but it'll be close).\n-     *     Default is false.\n-     * \n-     * Returns:\n-     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n-     *     that corresponds to the best fit resolution given the passed in \n-     *     value and the 'closest' specification.\n+     * minimize - {Boolean}\n      */\n-    getZoomForResolution: function(resolution, closest) {\n-        var zoom, i, len;\n-        if (this.map.fractionalZoom) {\n-            var lowZoom = 0;\n-            var highZoom = this.resolutions.length - 1;\n-            var highRes = this.resolutions[lowZoom];\n-            var lowRes = this.resolutions[highZoom];\n-            var res;\n-            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n-                res = this.resolutions[i];\n-                if (res >= resolution) {\n-                    highRes = res;\n-                    lowZoom = i;\n-                }\n-                if (res <= resolution) {\n-                    lowRes = res;\n-                    highZoom = i;\n-                    break;\n-                }\n-            }\n-            var dRes = highRes - lowRes;\n-            if (dRes > 0) {\n-                zoom = lowZoom + ((highRes - resolution) / dRes);\n-            } else {\n-                zoom = lowZoom;\n-            }\n-        } else {\n-            var diff;\n-            var minDiff = Number.POSITIVE_INFINITY;\n-            for (i = 0, len = this.resolutions.length; i < len; i++) {\n-                if (closest) {\n-                    diff = Math.abs(this.resolutions[i] - resolution);\n-                    if (diff > minDiff) {\n-                        break;\n-                    }\n-                    minDiff = diff;\n-                } else {\n-                    if (this.resolutions[i] < resolution) {\n-                        break;\n-                    }\n-                }\n-            }\n-            zoom = Math.max(0, i - 1);\n-        }\n-        return zoom;\n-    },\n+    showControls: function(minimize) {\n \n-    /**\n-     * APIMethod: getLonLatFromViewPortPx\n-     * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>|Object} An OpenLayers.Pixel or\n-     *                                          an object with a 'x'\n-     *                                          and 'y' properties.\n-     *\n-     * Returns:\n-     * {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in \n-     *     view port <OpenLayers.Pixel>, translated into lon/lat by the layer.\n-     */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        var map = this.map;\n-        if (viewPortPx != null && map.minPx) {\n-            var res = map.getResolution();\n-            var maxExtent = map.getMaxExtent({\n-                restricted: true\n-            });\n-            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n-            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n-            lonlat = new OpenLayers.LonLat(lon, lat);\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n \n-            if (this.wrapDateLine) {\n-                lonlat = lonlat.wrapDateLine(this.maxExtent);\n-            }\n-        }\n-        return lonlat;\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n     },\n \n     /**\n-     * APIMethod: getViewPortPxFromLonLat\n-     * Returns a pixel location given a map location.  This method will return\n-     *     fractional pixel values.\n-     * \n-     * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>|Object} An OpenLayers.LonLat or\n-     *                                       an object with a 'lon'\n-     *                                       and 'lat' properties.\n-     *\n-     * Returns: \n-     * {<OpenLayers.Pixel>} An <OpenLayers.Pixel> which is the passed-in \n-     *     lonlat translated into view port pixels.\n+     * Method: loadContents\n+     * Set up the labels and divs for the control\n      */\n-    getViewPortPxFromLonLat: function(lonlat, resolution) {\n-        var px = null;\n-        if (lonlat != null) {\n-            resolution = resolution || this.map.getResolution();\n-            var extent = this.map.calculateBounds(null, resolution);\n-            px = new OpenLayers.Pixel(\n-                (1 / resolution * (lonlat.lon - extent.left)),\n-                (1 / resolution * (extent.top - lonlat.lat))\n-            );\n-        }\n-        return px;\n-    },\n+    loadContents: function() {\n \n-    /**\n-     * APIMethod: setOpacity\n-     * Sets the opacity for the entire layer (all images)\n-     * \n-     * Parameters:\n-     * opacity - {Float}\n-     */\n-    setOpacity: function(opacity) {\n-        if (opacity != this.opacity) {\n-            this.opacity = opacity;\n-            var childNodes = this.div.childNodes;\n-            for (var i = 0, len = childNodes.length; i < len; ++i) {\n-                var element = childNodes[i].firstChild || childNodes[i];\n-                var lastChild = childNodes[i].lastChild;\n-                //TODO de-uglify this\n-                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n-                    element = lastChild.parentNode;\n-                }\n-                OpenLayers.Util.modifyDOMElement(element, null, null, null,\n-                    null, null, null, opacity);\n-            }\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                });\n-            }\n-        }\n-    },\n+        // layers list div\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n \n-    /**\n-     * Method: getZIndex\n-     * \n-     * Returns: \n-     * {Integer} the z-index of this layer\n-     */\n-    getZIndex: function() {\n-        return this.div.style.zIndex;\n-    },\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n \n-    /**\n-     * Method: setZIndex\n-     * \n-     * Parameters: \n-     * zIndex - {Integer}\n-     */\n-    setZIndex: function(zIndex) {\n-        this.div.style.zIndex = zIndex;\n-    },\n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n \n-    /**\n-     * Method: adjustBounds\n-     * This function will take a bounds, and if wrapDateLine option is set\n-     *     on the layer, it will return a bounds which is wrapped around the \n-     *     world. We do not wrap for bounds which *cross* the \n-     *     maxExtent.left/right, only bounds which are entirely to the left \n-     *     or entirely to the right.\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     */\n-    adjustBounds: function(bounds) {\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n \n-        if (this.gutter) {\n-            // Adjust the extent of a bounds in map units by the \n-            // layer's gutter in pixels.\n-            var mapGutter = this.gutter * this.map.getResolution();\n-            bounds = new OpenLayers.Bounds(bounds.left - mapGutter,\n-                bounds.bottom - mapGutter,\n-                bounds.right + mapGutter,\n-                bounds.top + mapGutter);\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+        } else {\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n         }\n \n-        if (this.wrapDateLine) {\n-            // wrap around the date line, within the limits of rounding error\n-            var wrappingOptions = {\n-                'rightTolerance': this.getResolution(),\n-                'leftTolerance': this.getResolution()\n-            };\n-            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions);\n+        this.div.appendChild(this.layersDiv);\n \n-        }\n-        return bounds;\n+        // maximize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MaximizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n+\n+        this.div.appendChild(this.maximizeDiv);\n+\n+        // minimize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MinimizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+\n+        this.div.appendChild(this.minimizeDiv);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer\"\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/HTTPRequest.js\n+    OpenLayers/Control/Zoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.HTTPRequest\n- * \n- * Inherits from: \n- *  - <OpenLayers.Layer>\n+ * Class: OpenLayers.Control.Zoom\n+ * The Zoom control is a pair of +/- links for zooming in and out.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n-\n-    /** \n-     * Constant: URL_HASH_FACTOR\n-     * {Float} Used to hash URL param strings for multi-WMS server selection.\n-     *         Set to the Golden Ratio per Knuth's recommendation.\n-     */\n-    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n-\n-    /** \n-     * Property: url\n-     * {Array(String) or String} This is either an array of url strings or \n-     *                           a single url string. \n-     */\n-    url: null,\n+OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n \n-    /** \n-     * Property: params\n-     * {Object} Hashtable of key/value parameters\n+    /**\n+     * APIProperty: zoomInText\n+     * {String}\n+     * Text for zoom-in link.  Default is \"+\".\n      */\n-    params: null,\n+    zoomInText: \"+\",\n \n-    /** \n-     * APIProperty: reproject\n-     * *Deprecated*. See http://docs.openlayers.org/library/spherical_mercator.html\n-     * for information on the replacement for this functionality. \n-     * {Boolean} Whether layer should reproject itself based on base layer \n-     *           locations. This allows reprojection onto commercial layers. \n-     *           Default is false: Most layers can't reproject, but layers \n-     *           which can create non-square geographic pixels can, like WMS.\n-     *           \n+    /**\n+     * APIProperty: zoomInId\n+     * {String}\n+     * Instead of having the control create a zoom in link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomInLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    reproject: false,\n+    zoomInId: \"olZoomInLink\",\n \n     /**\n-     * Constructor: OpenLayers.Layer.HTTPRequest\n-     * \n-     * Parameters:\n-     * name - {String}\n-     * url - {Array(String) or String}\n-     * params - {Object}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * APIProperty: zoomOutText\n+     * {String}\n+     * Text for zoom-out link.  Default is \"\\u2212\".\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-        this.url = url;\n-        if (!this.params) {\n-            this.params = OpenLayers.Util.extend({}, params);\n-        }\n-    },\n+    zoomOutText: \"\\u2212\",\n \n     /**\n-     * APIMethod: destroy\n+     * APIProperty: zoomOutId\n+     * {String}\n+     * Instead of having the control create a zoom out link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomOutLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    destroy: function() {\n-        this.url = null;\n-        this.params = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n-    },\n+    zoomOutId: \"olZoomOutLink\",\n \n     /**\n-     * APIMethod: clone\n-     * \n-     * Parameters:\n-     * obj - {Object}\n-     * \n+     * Method: draw\n+     *\n      * Returns:\n-     * {<OpenLayers.Layer.HTTPRequest>} An exact clone of this \n-     *                                  <OpenLayers.Layer.HTTPRequest>\n+     * {DOMElement} A reference to the DOMElement containing the zoom links.\n      */\n-    clone: function(obj) {\n+    draw: function() {\n+        var div = OpenLayers.Control.prototype.draw.apply(this),\n+            links = this.getOrCreateLinks(div),\n+            zoomIn = links.zoomIn,\n+            zoomOut = links.zoomOut,\n+            eventsInstance = this.map.events;\n \n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.HTTPRequest(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n+        if (zoomOut.parentNode !== div) {\n+            eventsInstance = this.events;\n+            eventsInstance.attachToElement(zoomOut.parentNode);\n         }\n+        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n-    },\n-\n-    /** \n-     * APIMethod: setUrl\n-     * \n-     * Parameters:\n-     * newUrl - {String}\n-     */\n-    setUrl: function(newUrl) {\n-        this.url = newUrl;\n+        this.zoomInLink = zoomIn;\n+        this.zoomOutLink = zoomOut;\n+        return div;\n     },\n \n     /**\n-     * APIMethod: mergeNewParams\n+     * Method: getOrCreateLinks\n      * \n      * Parameters:\n-     * newParams - {Object}\n+     * el - {DOMElement}\n      *\n-     * Returns:\n-     * redrawn: {Boolean} whether the layer was actually redrawn.\n+     * Return: \n+     * {Object} Object with zoomIn and zoomOut properties referencing links.\n      */\n-    mergeNewParams: function(newParams) {\n-        this.params = OpenLayers.Util.extend(this.params, newParams);\n-        var ret = this.redraw();\n-        if (this.map != null) {\n-            this.map.events.triggerEvent(\"changelayer\", {\n-                layer: this,\n-                property: \"params\"\n-            });\n+    getOrCreateLinks: function(el) {\n+        var zoomIn = document.getElementById(this.zoomInId),\n+            zoomOut = document.getElementById(this.zoomOutId);\n+        if (!zoomIn) {\n+            zoomIn = document.createElement(\"a\");\n+            zoomIn.href = \"#zoomIn\";\n+            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n+            zoomIn.className = \"olControlZoomIn\";\n+            el.appendChild(zoomIn);\n         }\n-        return ret;\n-    },\n-\n-    /**\n-     * APIMethod: redraw\n-     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n-     *\n-     * Parameters:\n-     * force - {Boolean} Force redraw by adding random parameter.\n-     *\n-     * Returns:\n-     * {Boolean} The layer was redrawn.\n-     */\n-    redraw: function(force) {\n-        if (force) {\n-            return this.mergeNewParams({\n-                \"_olSalt\": Math.random()\n-            });\n-        } else {\n-            return OpenLayers.Layer.prototype.redraw.apply(this, []);\n+        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n+        if (!zoomOut) {\n+            zoomOut = document.createElement(\"a\");\n+            zoomOut.href = \"#zoomOut\";\n+            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n+            zoomOut.className = \"olControlZoomOut\";\n+            el.appendChild(zoomOut);\n         }\n+        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n+        return {\n+            zoomIn: zoomIn,\n+            zoomOut: zoomOut\n+        };\n     },\n \n     /**\n-     * Method: selectUrl\n-     * selectUrl() implements the standard floating-point multiplicative\n-     *     hash function described by Knuth, and hashes the contents of the \n-     *     given param string into a float between 0 and 1. This float is then\n-     *     scaled to the size of the provided urls array, and used to select\n-     *     a URL.\n-     *\n-     * Parameters:\n-     * paramString - {String}\n-     * urls - {Array(String)}\n-     * \n-     * Returns:\n-     * {String} An entry from the urls array, deterministically selected based\n-     *          on the paramString.\n+     * Method: onZoomClick\n+     * Called when zoomin/out link is clicked.\n      */\n-    selectUrl: function(paramString, urls) {\n-        var product = 1;\n-        for (var i = 0, len = paramString.length; i < len; i++) {\n-            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n-            product -= Math.floor(product);\n+    onZoomClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.zoomInLink) {\n+            this.map.zoomIn();\n+        } else if (button === this.zoomOutLink) {\n+            this.map.zoomOut();\n         }\n-        return urls[Math.floor(product * urls.length)];\n     },\n \n     /** \n-     * Method: getFullRequestString\n-     * Combine url with layer's params and these newParams. \n-     *   \n-     *    does checking on the serverPath variable, allowing for cases when it \n-     *     is supplied with trailing ? or &, as well as cases where not. \n-     *\n-     *    return in formatted string like this:\n-     *        \"server?key1=value1&key2=value2&key3=value3\"\n-     * \n-     * WARNING: The altUrl parameter is deprecated and will be removed in 3.0.\n-     *\n-     * Parameters:\n-     * newParams - {Object}\n-     * altUrl - {String} Use this as the url instead of the layer's url\n-     *   \n-     * Returns: \n-     * {String}\n+     * Method: destroy\n+     * Clean up.\n      */\n-    getFullRequestString: function(newParams, altUrl) {\n-\n-        // if not altUrl passed in, use layer's url\n-        var url = altUrl || this.url;\n-\n-        // create a new params hashtable with all the layer params and the \n-        // new params together. then convert to string\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-\n-        // if url is not a string, it should be an array of strings, \n-        // in which case we will deterministically select one of them in \n-        // order to evenly distribute requests to different urls.\n-        //\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(paramsString, url);\n-        }\n-\n-        // ignore parameters that are already in the url search string\n-        var urlParams =\n-            OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key];\n-            }\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n         }\n-        paramsString = OpenLayers.Util.getParameterString(allParams);\n-\n-        return OpenLayers.Util.urlAppend(url, paramsString);\n+        delete this.zoomInLink;\n+        delete this.zoomOutLink;\n+        OpenLayers.Control.prototype.destroy.apply(this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n+    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n });\n /* ======================================================================\n-    OpenLayers/Tile.js\n+    OpenLayers/Handler.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Tile \n- * This is a class designed to designate a single tile, however\n- *     it is explicitly designed to do relatively little. Tiles store \n- *     information about themselves -- such as the URL that they are related\n- *     to, and their size - but do not add themselves to the layer div \n- *     automatically, for example. Create a new tile with the \n- *     <OpenLayers.Tile> constructor, or a subclass. \n- * \n- * TBD 3.0 - remove reference to url in above paragraph\n- * \n+ * Class: OpenLayers.Handler\n+ * Base class to construct a higher-level handler for event sequences.  All\n+ *     handlers have activate and deactivate methods.  In addition, they have\n+ *     methods named like browser events.  When a handler is activated, any\n+ *     additional methods named like a browser event is registered as a\n+ *     listener for the corresponding event.  When a handler is deactivated,\n+ *     those same methods are unregistered as event listeners.\n+ *\n+ * Handlers also typically have a callbacks object with keys named like\n+ *     the abstracted events or event sequences that they are in charge of\n+ *     handling.  The controls that wrap handlers define the methods that\n+ *     correspond to these abstract events - so instead of listening for\n+ *     individual browser events, they only listen for the abstract events\n+ *     defined by the handler.\n+ *     \n+ * Handlers are created by controls, which ultimately have the responsibility\n+ *     of making changes to the the state of the application.  Handlers\n+ *     themselves may make temporary changes, but in general are expected to\n+ *     return the application in the same state that they found it.\n  */\n-OpenLayers.Tile = OpenLayers.Class({\n+OpenLayers.Handler = OpenLayers.Class({\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the tile.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * tile.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types:\n-     * beforedraw - Triggered before the tile is drawn. Used to defer\n-     *     drawing to an animation queue. To defer drawing, listeners need\n-     *     to return false, which will abort drawing. The queue handler needs\n-     *     to call <draw>(true) to actually draw the tile.\n-     * loadstart - Triggered when tile loading starts.\n-     * loadend - Triggered when tile loading ends.\n-     * loaderror - Triggered before the loadend event (i.e. when the tile is\n-     *     still hidden) if the tile could not be loaded.\n-     * reload - Triggered when an already loading tile is reloaded.\n-     * unload - Triggered before a tile is unloaded.\n+     * Property: id\n+     * {String}\n      */\n-    events: null,\n+    id: null,\n \n     /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n-     *\n-     * This options can be set in the ``tileOptions`` option from\n-     * <OpenLayers.Layer.Grid>. For example, to be notified of the\n-     * ``loadend`` event of each tiles:\n-     * (code)\n-     * new OpenLayers.Layer.OSM('osm', 'http://tile.openstreetmap.org/${z}/${x}/${y}.png', {\n-     *     tileOptions: {\n-     *         eventListeners: {\n-     *             'loadend': function(evt) {\n-     *                 // do something on loadend\n-     *             }\n-     *         }\n-     *     }\n-     * });\n-     * (end)\n+     * APIProperty: control\n+     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n+     *     control is assumed to have a valid map property - that map is used\n+     *     in the handler's own setMap method.\n      */\n-    eventListeners: null,\n+    control: null,\n \n     /**\n-     * Property: id \n-     * {String} null\n-     */\n-    id: null,\n-\n-    /** \n-     * Property: layer \n-     * {<OpenLayers.Layer>} layer the tile is attached to \n+     * Property: map\n+     * {<OpenLayers.Map>}\n      */\n-    layer: null,\n+    map: null,\n \n     /**\n-     * Property: url\n-     * {String} url of the request.\n+     * APIProperty: keyMask\n+     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n+     *     constants to construct a keyMask.  The keyMask is used by\n+     *     <checkModifiers>.  If the keyMask matches the combination of keys\n+     *     down on an event, checkModifiers returns true.\n      *\n-     * TBD 3.0 \n-     * Deprecated. The base tile class does not need an url. This should be \n-     * handled in subclasses. Does not belong here.\n-     */\n-    url: null,\n-\n-    /** \n-     * APIProperty: bounds \n-     * {<OpenLayers.Bounds>} null\n-     */\n-    bounds: null,\n-\n-    /** \n-     * Property: size \n-     * {<OpenLayers.Size>} null\n+     * Example:\n+     * (code)\n+     *     // handler only responds if the Shift key is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n+     *\n+     *     // handler only responds if Ctrl-Shift is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n+     *                       OpenLayers.Handler.MOD_CTRL;\n+     * (end)\n      */\n-    size: null,\n+    keyMask: null,\n \n-    /** \n-     * Property: position \n-     * {<OpenLayers.Pixel>} Top Left pixel of the tile\n+    /**\n+     * Property: active\n+     * {Boolean}\n      */\n-    position: null,\n+    active: false,\n \n     /**\n-     * Property: isLoading\n-     * {Boolean} Is the tile loading?\n+     * Property: evt\n+     * {Event} This property references the last event handled by the handler.\n+     *     Note that this property is not part of the stable API.  Use of the\n+     *     evt property should be restricted to controls in the library\n+     *     or other applications that are willing to update with changes to\n+     *     the OpenLayers code.\n      */\n-    isLoading: false,\n+    evt: null,\n \n-    /** TBD 3.0 -- remove 'url' from the list of parameters to the constructor.\n-     *             there is no need for the base tile class to have a url.\n+    /**\n+     * Property: touch\n+     * {Boolean} Indicates the support of touch events. When touch events are \n+     *     started touch will be true and all mouse related listeners will do \n+     *     nothing.\n      */\n+    touch: false,\n \n-    /** \n-     * Constructor: OpenLayers.Tile\n-     * Constructor for a new <OpenLayers.Tile> instance.\n-     * \n+    /**\n+     * Constructor: OpenLayers.Handler\n+     * Construct a handler.\n+     *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n-     * position - {<OpenLayers.Pixel>}\n-     * bounds - {<OpenLayers.Bounds>}\n-     * url - {<String>}\n-     * size - {<OpenLayers.Size>}\n-     * options - {Object}\n+     * control - {<OpenLayers.Control>} The control that initialized this\n+     *     handler.  The control is assumed to have a valid map property; that\n+     *     map is used in the handler's own setMap method.  If a map property\n+     *     is present in the options argument it will be used instead.\n+     * callbacks - {Object} An object whose properties correspond to abstracted\n+     *     events or sequences of browser events.  The values for these\n+     *     properties are functions defined by the control that get called by\n+     *     the handler.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     the handler.\n      */\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        this.layer = layer;\n-        this.position = position.clone();\n-        this.setBounds(bounds);\n-        this.url = url;\n-        if (size) {\n-            this.size = size.clone();\n-        }\n-\n-        //give the tile a unique id based on its BBOX.\n-        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n-\n+    initialize: function(control, callbacks, options) {\n         OpenLayers.Util.extend(this, options);\n+        this.control = control;\n+        this.callbacks = callbacks;\n \n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners);\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map);\n         }\n+\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n     },\n \n     /**\n-     * Method: unload\n-     * Call immediately before destroying if you are listening to tile\n-     * events, so that counters are properly handled if tile is still\n-     * loading at destroy-time. Will only fire an event if the tile is\n-     * still loading.\n+     * Method: setMap\n      */\n-    unload: function() {\n-        if (this.isLoading) {\n-            this.isLoading = false;\n-            this.events.triggerEvent(\"unload\");\n-        }\n+    setMap: function(map) {\n+        this.map = map;\n     },\n \n-    /** \n-     * APIMethod: destroy\n-     * Nullify references to prevent circular references and memory leaks.\n+    /**\n+     * Method: checkModifiers\n+     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n+     *     returns true.  If a <keyMask> is set and it matches the combination\n+     *     of keys down on an event, this returns true.\n+     *\n+     * Returns:\n+     * {Boolean} The keyMask matches the keys down on an event.\n      */\n-    destroy: function() {\n-        this.layer = null;\n-        this.bounds = null;\n-        this.size = null;\n-        this.position = null;\n-\n-        if (this.eventListeners) {\n-            this.events.un(this.eventListeners);\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true;\n         }\n-        this.events.destroy();\n-        this.eventListeners = null;\n-        this.events = null;\n+        /* calculate the keyboard modifier mask for this event */\n+        var keyModifiers =\n+            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n+            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n+            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n+            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+\n+        /* if it differs from the handler object's key mask,\n+           bail out of the event handler */\n+        return (keyModifiers == this.keyMask);\n     },\n \n     /**\n-     * Method: draw\n-     * Clear whatever is currently in the tile, then return whether or not \n-     *     it should actually be re-drawn. This is an example implementation\n-     *     that can be overridden by subclasses. The minimum thing to do here\n-     *     is to call <clear> and return the result from <shouldDraw>.\n-     *\n-     * Parameters:\n-     * force - {Boolean} If true, the tile will not be cleared and no beforedraw\n-     *     event will be fired. This is used for drawing tiles asynchronously\n-     *     after drawing has been cancelled by returning false from a beforedraw\n-     *     listener.\n+     * APIMethod: activate\n+     * Turn on the handler.  Returns false if the handler was already active.\n      * \n-     * Returns:\n-     * {Boolean} Whether or not the tile should actually be drawn. Returns null\n-     *     if a beforedraw listener returned false.\n+     * Returns: \n+     * {Boolean} The handler was activated.\n      */\n-    draw: function(force) {\n-        if (!force) {\n-            //clear tile's contents and mark as not drawn\n-            this.clear();\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n         }\n-        var draw = this.shouldDraw();\n-        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n-            draw = null;\n+        // register for event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]]);\n+            }\n         }\n-        return draw;\n+        this.active = true;\n+        return true;\n     },\n \n     /**\n-     * Method: shouldDraw\n-     * Return whether or not the tile should actually be (re-)drawn. The only\n-     * case where we *wouldn't* want to draw the tile is if the tile is outside\n-     * its layer's maxExtent\n+     * APIMethod: deactivate\n+     * Turn off the handler.  Returns false if the handler was already inactive.\n      * \n      * Returns:\n-     * {Boolean} Whether or not the tile should actually be drawn.\n+     * {Boolean} The handler was deactivated.\n      */\n-    shouldDraw: function() {\n-        var withinMaxExtent = false,\n-            maxExtent = this.layer.maxExtent;\n-        if (maxExtent) {\n-            var map = this.layer.map;\n-            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n-            if (this.bounds.intersectsBounds(maxExtent, {\n-                    inclusive: false,\n-                    worldBounds: worldBounds\n-                })) {\n-                withinMaxExtent = true;\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false;\n+        }\n+        // unregister event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]]);\n             }\n         }\n+        this.touch = false;\n+        this.active = false;\n+        return true;\n+    },\n \n-        return withinMaxExtent || this.layer.displayOutsideMaxExtent;\n+    /**\n+     * Method: startTouch\n+     * Start touch events, this method must be called by subclasses in \n+     *     \"touchstart\" method. When touch events are started <touch> will be\n+     *     true and all mouse related listeners will do nothing.\n+     */\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\n+                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n+                \"mouseout\"\n+            ];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]]);\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * Method: setBounds\n-     * Sets the bounds on this instance\n+     * Method: callback\n+     * Trigger the control's named callback with the given arguments\n      *\n      * Parameters:\n-     * bounds {<OpenLayers.Bounds>}\n+     * name - {String} The key for the callback that is one of the properties\n+     *     of the handler's callbacks object.\n+     * args - {Array(*)} An array of arguments (any type) with which to call \n+     *     the callback (defined by the control).\n      */\n-    setBounds: function(bounds) {\n-        bounds = bounds.clone();\n-        if (this.layer.map.baseLayer.wrapDateLine) {\n-            var worldExtent = this.layer.map.getMaxExtent(),\n-                tolerance = this.layer.map.getResolution();\n-            bounds = bounds.wrapDateLine(worldExtent, {\n-                leftTolerance: tolerance,\n-                rightTolerance: tolerance\n-            });\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args);\n         }\n-        this.bounds = bounds;\n     },\n \n-    /** \n-     * Method: moveTo\n-     * Reposition the tile.\n+    /**\n+     * Method: register\n+     * register an event on the map\n+     */\n+    register: function(name, method) {\n+        // TODO: deal with registerPriority in 3.0\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent);\n+    },\n+\n+    /**\n+     * Method: unregister\n+     * unregister an event from the map\n+     */\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent);\n+    },\n+\n+    /**\n+     * Method: setEvent\n+     * With each registered browser event, the handler sets its own evt\n+     *     property.  This property can be accessed by controls if needed\n+     *     to get more information about the event that the handler is\n+     *     processing.\n+     *\n+     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n+     *     and meta cannot be checked with the keyboard handler).  For a\n+     *     control to determine which modifier keys are associated with the\n+     *     event that a handler is currently processing, it should access\n+     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n+     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * position - {<OpenLayers.Pixel>}\n-     * redraw - {Boolean} Call draw method on tile after moving.\n-     *     Default is true\n+     * evt - {Event} The browser event.\n      */\n-    moveTo: function(bounds, position, redraw) {\n-        if (redraw == null) {\n-            redraw = true;\n-        }\n-\n-        this.setBounds(bounds);\n-        this.position = position.clone();\n-        if (redraw) {\n-            this.draw();\n-        }\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true;\n     },\n \n-    /** \n-     * Method: clear\n-     * Clear the tile of any bounds/position-related data so that it can \n-     *     be reused in a new location.\n+    /**\n+     * Method: destroy\n+     * Deconstruct the handler.\n      */\n-    clear: function(draw) {\n-        // to be extended by subclasses\n+    destroy: function() {\n+        // unregister event listeners\n+        this.deactivate();\n+        // eliminate circular references\n+        this.control = this.map = null;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Tile\"\n+    CLASS_NAME: \"OpenLayers.Handler\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_NONE\n+ * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n+ */\n+OpenLayers.Handler.MOD_NONE = 0;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_SHIFT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n+ */\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_CTRL\n+ * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n+ */\n+OpenLayers.Handler.MOD_CTRL = 2;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_ALT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n+ */\n+OpenLayers.Handler.MOD_ALT = 4;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_META\n+ * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n+ */\n+OpenLayers.Handler.MOD_META = 8;\n+\n+\n /* ======================================================================\n-    OpenLayers/Tile/Image.js\n+    OpenLayers/Handler/Drag.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Tile.js\n- * @requires OpenLayers/Animation.js\n- * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Tile.Image\n- * Instances of OpenLayers.Tile.Image are used to manage the image tiles\n- * used by various layers.  Create a new image tile with the\n- * <OpenLayers.Tile.Image> constructor.\n+ * Class: OpenLayers.Handler.Drag\n+ * The drag handler is used to deal with sequences of browser events related\n+ *     to dragging.  The handler is used by controls that want to know when\n+ *     a drag sequence begins, when a drag is happening, and when it has\n+ *     finished.\n+ *\n+ * Controls that use the drag handler typically construct it with callbacks\n+ *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n+ *     when the drag begins, with each move, and when the drag is done.  In\n+ *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n+ *     care to differentiate between the types of events that correspond with\n+ *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n+ *     the 'down' and 'up' callbacks will be called, but not the 'done'\n+ *     callback.\n+ *\n+ * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Tile>\n+ *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Tile.Image = OpenLayers.Class(OpenLayers.Tile, {\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n \n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the tile.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * tile.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to the <OpenLayers.Tile> events):\n-     * beforeload - Triggered before an image is prepared for loading, when the\n-     *     url for the image is known already. Listeners may call <setImage> on\n-     *     the tile instance. If they do so, that image will be used and no new\n-     *     one will be created.\n+    /** \n+     * Property: started\n+     * {Boolean} When a mousedown or touchstart event is received, we want to\n+     * record it, but not set 'dragging' until the mouse moves after starting.\n      */\n+    started: false,\n \n-    /** \n-     * APIProperty: url\n-     * {String} The URL of the image being requested. No default. Filled in by\n-     * layer.getURL() function. May be modified by loadstart listeners.\n+    /**\n+     * Property: stopDown\n+     * {Boolean} Stop propagation of mousedown events from getting to listeners\n+     *     on the same element.  Default is true.\n      */\n-    url: null,\n+    stopDown: true,\n \n     /** \n-     * Property: imgDiv\n-     * {HTMLImageElement} The image for this tile.\n+     * Property: dragging \n+     * {Boolean} \n      */\n-    imgDiv: null,\n+    dragging: false,\n \n-    /**\n-     * Property: frame\n-     * {DOMElement} The image element is appended to the frame.  Any gutter on\n-     * the image will be hidden behind the frame. If no gutter is set,\n-     * this will be null.\n+    /** \n+     * Property: last\n+     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n      */\n-    frame: null,\n+    last: null,\n \n     /** \n-     * Property: imageReloadAttempts\n-     * {Integer} Attempts to load the image.\n+     * Property: start\n+     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n      */\n-    imageReloadAttempts: null,\n+    start: null,\n \n     /**\n-     * Property: layerAlphaHack\n-     * {Boolean} True if the png alpha hack needs to be applied on the layer's div.\n+     * Property: lastMoveEvt\n+     * {Object} The last mousemove event that occurred. Used to\n+     *     position the map correctly when our \"delay drag\"\n+     *     timeout expired.\n      */\n-    layerAlphaHack: null,\n+    lastMoveEvt: null,\n \n     /**\n-     * Property: asyncRequestId\n-     * {Integer} ID of an request to see if request is still valid. This is a\n-     * number which increments by 1 for each asynchronous request.\n+     * Property: oldOnselectstart\n+     * {Function}\n      */\n-    asyncRequestId: null,\n+    oldOnselectstart: null,\n \n     /**\n-     * APIProperty: maxGetUrlLength\n-     * {Number} If set, requests that would result in GET urls with more\n-     * characters than the number provided will be made using form-encoded\n-     * HTTP POST. It is good practice to avoid urls that are longer than 2048\n-     * characters.\n-     *\n-     * Caution:\n-     * Older versions of Gecko based browsers (e.g. Firefox < 3.5) and most\n-     * Opera versions do not fully support this option. On all browsers,\n-     * transition effects are not supported if POST requests are used.\n+     * Property: interval\n+     * {Integer} In order to increase performance, an interval (in \n+     *     milliseconds) can be set to reduce the number of drag events \n+     *     called. If set, a new drag event will not be set until the \n+     *     interval has passed. \n+     *     Defaults to 0, meaning no interval. \n      */\n-    maxGetUrlLength: null,\n+    interval: 0,\n \n     /**\n-     * Property: canvasContext\n-     * {CanvasRenderingContext2D} A canvas context associated with\n-     * the tile image.\n+     * Property: timeoutId\n+     * {String} The id of the timeout used for the mousedown interval.\n+     *     This is \"private\", and should be left alone.\n      */\n-    canvasContext: null,\n+    timeoutId: null,\n \n     /**\n-     * APIProperty: crossOriginKeyword\n-     * The value of the crossorigin keyword to use when loading images. This is\n-     * only relevant when using <getCanvasContext> for tiles from remote\n-     * origins and should be set to either 'anonymous' or 'use-credentials'\n-     * for servers that send Access-Control-Allow-Origin headers with their\n-     * tiles.\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, the handler will also handle mouse moves when\n+     *     the cursor has moved out of the map viewport. Default is false.\n      */\n-    crossOriginKeyword: null,\n+    documentDrag: false,\n \n-    /** TBD 3.0 - reorder the parameters to the init function to remove \n-     *             URL. the getUrl() function on the layer gets called on \n-     *             each draw(), so no need to specify it here.\n+    /**\n+     * Property: documentEvents\n+     * {Boolean} Are we currently observing document events?\n      */\n+    documentEvents: null,\n \n-    /** \n-     * Constructor: OpenLayers.Tile.Image\n-     * Constructor for a new <OpenLayers.Tile.Image> instance.\n+    /**\n+     * Constructor: OpenLayers.Handler.Drag\n+     * Returns OpenLayers.Handler.Drag\n      * \n      * Parameters:\n-     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n-     * position - {<OpenLayers.Pixel>}\n-     * bounds - {<OpenLayers.Bounds>}\n-     * url - {<String>} Deprecated. Remove me in 3.0.\n-     * size - {<OpenLayers.Size>}\n-     * options - {Object}\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n+     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n+     * options - {Object} \n      */\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        OpenLayers.Tile.prototype.initialize.apply(this, arguments);\n-\n-        this.url = url; //deprecated remove me\n-\n-        this.layerAlphaHack = this.layer.alpha && OpenLayers.Util.alphaHack();\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n \n-        if (this.maxGetUrlLength != null || this.layer.gutter || this.layerAlphaHack) {\n-            // only create frame if it's needed\n-            this.frame = document.createElement(\"div\");\n-            this.frame.style.position = \"absolute\";\n-            this.frame.style.overflow = \"hidden\";\n-        }\n-        if (this.maxGetUrlLength != null) {\n-            OpenLayers.Util.extend(this, OpenLayers.Tile.Image.IFrame);\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                });\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                });\n+            };\n         }\n     },\n \n-    /** \n-     * APIMethod: destroy\n-     * nullify references to prevent circular references and memory leaks\n-     */\n-    destroy: function() {\n-        if (this.imgDiv) {\n-            this.clear();\n-            this.imgDiv = null;\n-            this.frame = null;\n-        }\n-        // don't handle async requests any more\n-        this.asyncRequestId = null;\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n-    },\n \n     /**\n-     * Method: draw\n-     * Check that a tile should be drawn, and draw it.\n-     * \n+     * Method: dragstart\n+     * This private method is factorized from mousedown and touchstart methods\n+     *\n+     * Parameters:\n+     * evt - {Event} The event\n+     *\n      * Returns:\n-     * {Boolean} Was a tile drawn? Or null if a beforedraw listener returned\n-     *     false.\n+     * {Boolean} Let the event propagate.\n      */\n-    draw: function() {\n-        var shouldDraw = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (shouldDraw) {\n-            // The layer's reproject option is deprecated.\n-            if (this.layer != this.layer.map.baseLayer && this.layer.reproject) {\n-                // getBoundsFromBaseLayer is defined in deprecated.js.\n-                this.bounds = this.getBoundsFromBaseLayer(this.position);\n-            }\n-            if (this.isLoading) {\n-                //if we're already loading, send 'reload' instead of 'loadstart'.\n-                this._loadEvent = \"reload\";\n-            } else {\n-                this.isLoading = true;\n-                this._loadEvent = \"loadstart\";\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) &&\n+            (OpenLayers.Event.isLeftClick(evt) ||\n+                OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+\n+            // prevent document dragging\n+            OpenLayers.Event.preventDefault(evt);\n+\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ?\n+                    document.onselectstart : OpenLayers.Function.True;\n             }\n-            this.renderTile();\n-            this.positionTile();\n-        } else if (shouldDraw === false) {\n-            this.unload();\n-        }\n-        return shouldDraw;\n-    },\n+            document.onselectstart = OpenLayers.Function.False;\n \n-    /**\n-     * Method: renderTile\n-     * Internal function to actually initialize the image tile,\n-     *     position it correctly, and set its url.\n-     */\n-    renderTile: function() {\n-        if (this.layer.async) {\n-            // Asynchronous image requests call the asynchronous getURL method\n-            // on the layer to fetch an image that covers 'this.bounds'.\n-            var id = this.asyncRequestId = (this.asyncRequestId || 0) + 1;\n-            this.layer.getURLasync(this.bounds, function(url) {\n-                if (id == this.asyncRequestId) {\n-                    this.url = url;\n-                    this.initImage();\n-                }\n-            }, this);\n+            propagate = !this.stopDown;\n         } else {\n-            // synchronous image requests get the url immediately.\n-            this.url = this.layer.getURL(this.bounds);\n-            this.initImage();\n+            this.started = false;\n+            this.start = null;\n+            this.last = null;\n         }\n+        return propagate;\n     },\n \n     /**\n-     * Method: positionTile\n-     * Using the properties currenty set on the layer, position the tile correctly.\n-     * This method is used both by the async and non-async versions of the Tile.Image\n-     * code.\n+     * Method: dragmove\n+     * This private method is factorized from mousemove and touchmove methods\n+     *\n+     * Parameters:\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    positionTile: function() {\n-        var style = this.getTile().style,\n-            size = this.frame ? this.size :\n-            this.layer.getImageSize(this.bounds),\n-            ratio = 1;\n-        if (this.layer instanceof OpenLayers.Layer.Grid) {\n-            ratio = this.layer.getServerResolution() / this.layer.map.getResolution();\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n+                evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    // do setEvent manually because the documentEvents are not\n+                    // registered with the map\n+                    this.setEvent(evt);\n+                } else {\n+                    this.removeDocumentEvents();\n+                }\n+            }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(\n+                    OpenLayers.Function.bind(this.removeTimeout, this),\n+                    this.interval);\n+            }\n+            this.dragging = true;\n+\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False;\n+            }\n+            this.last = evt.xy;\n         }\n-        style.left = this.position.x + \"px\";\n-        style.top = this.position.y + \"px\";\n-        style.width = Math.round(ratio * size.w) + \"px\";\n-        style.height = Math.round(ratio * size.h) + \"px\";\n+        return true;\n     },\n \n-    /** \n-     * Method: clear\n-     * Remove the tile from the DOM, clear it of any image related data so that\n-     * it can be reused in a new location.\n+    /**\n+     * Method: dragend\n+     * This private method is factorized from mouseup and touchend methods\n+     *\n+     * Parameters:\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    clear: function() {\n-        OpenLayers.Tile.prototype.clear.apply(this, arguments);\n-        var img = this.imgDiv;\n-        if (img) {\n-            var tile = this.getTile();\n-            if (tile.parentNode === this.layer.div) {\n-                this.layer.div.removeChild(tile);\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents();\n             }\n-            this.setImgSrc();\n-            if (this.layerAlphaHack === true) {\n-                img.style.filter = \"\";\n+            var dragged = (this.start != this.last);\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy]);\n             }\n-            OpenLayers.Element.removeClass(img, \"olImageLoadError\");\n+            document.onselectstart = this.oldOnselectstart;\n         }\n-        this.canvasContext = null;\n+        return true;\n     },\n \n     /**\n-     * Method: getImage\n-     * Returns or creates and returns the tile image.\n+     * The four methods below (down, move, up, and out) are used by subclasses\n+     *     to do their own processing related to these mouse events.\n      */\n-    getImage: function() {\n-        if (!this.imgDiv) {\n-            this.imgDiv = OpenLayers.Tile.Image.IMAGE.cloneNode(false);\n \n-            var style = this.imgDiv.style;\n-            if (this.frame) {\n-                var left = 0,\n-                    top = 0;\n-                if (this.layer.gutter) {\n-                    left = this.layer.gutter / this.layer.tileSize.w * 100;\n-                    top = this.layer.gutter / this.layer.tileSize.h * 100;\n-                }\n-                style.left = -left + \"%\";\n-                style.top = -top + \"%\";\n-                style.width = (2 * left + 100) + \"%\";\n-                style.height = (2 * top + 100) + \"%\";\n-            }\n-            style.visibility = \"hidden\";\n-            style.opacity = 0;\n-            if (this.layer.opacity < 1) {\n-                style.filter = 'alpha(opacity=' +\n-                    (this.layer.opacity * 100) +\n-                    ')';\n-            }\n-            style.position = \"absolute\";\n-            if (this.layerAlphaHack) {\n-                // move the image out of sight\n-                style.paddingTop = style.height;\n-                style.height = \"0\";\n-                style.width = \"100%\";\n-            }\n-            if (this.frame) {\n-                this.frame.appendChild(this.imgDiv);\n-            }\n-        }\n+    /**\n+     * Method: down\n+     * This method is called during the handling of the mouse down event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse down event\n+     */\n+    down: function(evt) {},\n \n-        return this.imgDiv;\n-    },\n+    /**\n+     * Method: move\n+     * This method is called during the handling of the mouse move event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse move event\n+     *\n+     */\n+    move: function(evt) {},\n \n     /**\n-     * APIMethod: setImage\n-     * Sets the image element for this tile. This method should only be called\n-     * from beforeload listeners.\n+     * Method: up\n+     * This method is called during the handling of the mouse up event.\n+     *     Subclasses can do their own processing here.\n      *\n-     * Parameters\n-     * img - {HTMLImageElement} The image to use for this tile.\n+     * Parameters:\n+     * evt - {Event} The mouse up event\n      */\n-    setImage: function(img) {\n-        this.imgDiv = img;\n-    },\n+    up: function(evt) {},\n \n     /**\n-     * Method: initImage\n-     * Creates the content for the frame on the tile.\n+     * Method: out\n+     * This method is called during the handling of the mouse out event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse out event\n      */\n-    initImage: function() {\n-        if (!this.url && !this.imgDiv) {\n-            // fast path out - if there is no tile url and no previous image\n-            this.isLoading = false;\n-            return;\n-        }\n-        this.events.triggerEvent('beforeload');\n-        this.layer.div.appendChild(this.getTile());\n-        this.events.triggerEvent(this._loadEvent);\n-        var img = this.getImage();\n-        var src = img.getAttribute('src') || '';\n-        if (this.url && OpenLayers.Util.isEquivalentUrl(src, this.url)) {\n-            this._loadTimeout = window.setTimeout(\n-                OpenLayers.Function.bind(this.onImageLoad, this), 0\n-            );\n-        } else {\n-            this.stopLoading();\n-            if (this.crossOriginKeyword) {\n-                img.removeAttribute(\"crossorigin\");\n-            }\n-            OpenLayers.Event.observe(img, \"load\",\n-                OpenLayers.Function.bind(this.onImageLoad, this)\n-            );\n-            OpenLayers.Event.observe(img, \"error\",\n-                OpenLayers.Function.bind(this.onImageError, this)\n-            );\n-            this.imageReloadAttempts = 0;\n-            this.setImgSrc(this.url);\n-        }\n+    out: function(evt) {},\n+\n+    /**\n+     * The methods below are part of the magic of event handling.  Because\n+     *     they are named like browser events, they are registered as listeners\n+     *     for the events they represent.\n+     */\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mousedown events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    mousedown: function(evt) {\n+        return this.dragstart(evt);\n     },\n \n     /**\n-     * Method: setImgSrc\n-     * Sets the source for the tile image\n+     * Method: touchstart\n+     * Handle touchstart events\n      *\n      * Parameters:\n-     * url - {String} or undefined to hide the image\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    setImgSrc: function(url) {\n-        var img = this.imgDiv;\n-        if (url) {\n-            img.style.visibility = 'hidden';\n-            img.style.opacity = 0;\n-            // don't set crossOrigin if the url is a data URL\n-            if (this.crossOriginKeyword) {\n-                if (url.substr(0, 5) !== 'data:') {\n-                    img.setAttribute(\"crossorigin\", this.crossOriginKeyword);\n-                } else {\n-                    img.removeAttribute(\"crossorigin\");\n-                }\n-            }\n-            img.src = url;\n-        } else {\n-            // Remove reference to the image, and leave it to the browser's\n-            // caching and garbage collection.\n-            this.stopLoading();\n-            this.imgDiv = null;\n-            if (img.parentNode) {\n-                img.parentNode.removeChild(img);\n-            }\n-        }\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt);\n     },\n \n     /**\n-     * Method: getTile\n-     * Get the tile's markup.\n+     * Method: mousemove\n+     * Handle mousemove events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {DOMElement} The tile's markup\n+     * {Boolean} Let the event propagate.\n      */\n-    getTile: function() {\n-        return this.frame ? this.frame : this.getImage();\n+    mousemove: function(evt) {\n+        return this.dragmove(evt);\n     },\n \n     /**\n-     * Method: createBackBuffer\n-     * Create a backbuffer for this tile. A backbuffer isn't exactly a clone\n-     * of the tile's markup, because we want to avoid the reloading of the\n-     * image. So we clone the frame, and steal the image from the tile.\n+     * Method: touchmove\n+     * Handle touchmove events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {DOMElement} The markup, or undefined if the tile has no image\n-     * or if it's currently loading.\n+     * {Boolean} Let the event propagate.\n      */\n-    createBackBuffer: function() {\n-        if (!this.imgDiv || this.isLoading) {\n-            return;\n-        }\n-        var backBuffer;\n-        if (this.frame) {\n-            backBuffer = this.frame.cloneNode(false);\n-            backBuffer.appendChild(this.imgDiv);\n-        } else {\n-            backBuffer = this.imgDiv;\n+    touchmove: function(evt) {\n+        return this.dragmove(evt);\n+    },\n+\n+    /**\n+     * Method: removeTimeout\n+     * Private. Called by mousemove() to remove the drag timeout.\n+     */\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        // if timeout expires while we're still dragging (mouseup\n+        // hasn't occurred) then call mousemove to move to the\n+        // correct position\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt);\n         }\n-        this.imgDiv = null;\n-        return backBuffer;\n     },\n \n     /**\n-     * Method: onImageLoad\n-     * Handler for the image onload event\n+     * Method: mouseup\n+     * Handle mouseup events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    onImageLoad: function() {\n-        var img = this.imgDiv;\n-        this.stopLoading();\n-        img.style.visibility = 'inherit';\n-        img.style.opacity = this.layer.opacity;\n-        this.isLoading = false;\n-        this.canvasContext = null;\n-        this.events.triggerEvent(\"loadend\");\n+    mouseup: function(evt) {\n+        return this.dragend(evt);\n+    },\n \n-        if (this.layerAlphaHack === true) {\n-            img.style.filter =\n-                \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='\" +\n-                img.src + \"', sizingMethod='scale')\";\n-        }\n+    /**\n+     * Method: touchend\n+     * Handle touchend events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchend: function(evt) {\n+        // override evt.xy with last position since touchend does not have\n+        // any touch position\n+        evt.xy = this.last;\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * Method: onImageError\n-     * Handler for the image onerror event\n+     * Method: mouseout\n+     * Handle mouseout events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    onImageError: function() {\n-        var img = this.imgDiv;\n-        if (img.src != null) {\n-            this.imageReloadAttempts++;\n-            if (this.imageReloadAttempts <= OpenLayers.IMAGE_RELOAD_ATTEMPTS) {\n-                this.setImgSrc(this.layer.getURL(this.bounds));\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents();\n             } else {\n-                OpenLayers.Element.addClass(img, \"olImageLoadError\");\n-                this.events.triggerEvent(\"loaderror\");\n-                this.onImageLoad();\n+                var dragged = (this.start != this.last);\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv, \"olDragDown\"\n+                );\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy]);\n+                }\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart;\n+                }\n             }\n         }\n+        return true;\n     },\n \n     /**\n-     * Method: stopLoading\n-     * Stops a loading sequence so <onImageLoad> won't be executed.\n+     * Method: click\n+     * The drag handler captures the click event.  If something else registers\n+     *     for clicks on the same element, its listener will not be called \n+     *     after a drag.\n+     * \n+     * Parameters: \n+     * evt - {Event} \n+     * \n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    stopLoading: function() {\n-        OpenLayers.Event.stopObservingElement(this.imgDiv);\n-        window.clearTimeout(this._loadTimeout);\n-        delete this._loadTimeout;\n+    click: function(evt) {\n+        // let the click event propagate only if the mouse moved\n+        return (this.start == this.last);\n     },\n \n     /**\n-     * APIMethod: getCanvasContext\n-     * Returns a canvas context associated with the tile image (with\n-     * the image drawn on it).\n-     * Returns undefined if the browser does not support canvas, if\n-     * the tile has no image or if it's currently loading.\n-     *\n-     * The function returns a canvas context instance but the\n-     * underlying canvas is still available in the 'canvas' property:\n-     * (code)\n-     * var context = tile.getCanvasContext();\n-     * if (context) {\n-     *     var data = context.canvas.toDataURL('image/jpeg');\n-     * }\n-     * (end)\n-     *\n+     * Method: activate\n+     * Activate the handler.\n+     * \n      * Returns:\n-     * {Boolean}\n+     * {Boolean} The handler was successfully activated.\n      */\n-    getCanvasContext: function() {\n-        if (OpenLayers.CANVAS_SUPPORTED && this.imgDiv && !this.isLoading) {\n-            if (!this.canvasContext) {\n-                var canvas = document.createElement(\"canvas\");\n-                canvas.width = this.size.w;\n-                canvas.height = this.size.h;\n-                this.canvasContext = canvas.getContext(\"2d\");\n-                this.canvasContext.drawImage(this.imgDiv, 0, 0);\n-            }\n-            return this.canvasContext;\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragging = false;\n+            activated = true;\n         }\n+        return activated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Tile.Image\"\n+    /**\n+     * Method: deactivate \n+     * Deactivate the handler.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+        }\n+        return deactivated;\n+    },\n \n-});\n+    /**\n+     * Method: adjustXY\n+     * Converts event coordinates that are relative to the document body to\n+     * ones that are relative to the map viewport. The latter is the default in\n+     * OpenLayers.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1];\n+    },\n \n-/** \n- * Constant: OpenLayers.Tile.Image.IMAGE\n- * {HTMLImageElement} The image for a tile.\n- */\n-OpenLayers.Tile.Image.IMAGE = (function() {\n-    var img = new Image();\n-    img.className = \"olTileImage\";\n-    // avoid image gallery menu in IE6\n-    img.galleryImg = \"no\";\n-    return img;\n-}());\n+    /**\n+     * Method: addDocumentEvents\n+     * Start observing document events when documentDrag is true and the mouse\n+     * cursor leaves the map viewport while dragging.\n+     */\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n+    },\n+\n+    /**\n+     * Method: removeDocumentEvents\n+     * Stops observing document events when documentDrag is true and the mouse\n+     * cursor re-enters the map viewport while dragging.\n+     */\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n+});\n /* ======================================================================\n-    OpenLayers/Layer/Grid.js\n+    OpenLayers/Handler/Box.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/HTTPRequest.js\n- * @requires OpenLayers/Tile/Image.js\n+ * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Grid\n- * Base class for layers that use a lattice of tiles.  Create a new grid\n- * layer with the <OpenLayers.Layer.Grid> constructor.\n+ * Class: OpenLayers.Handler.Box\n+ * Handler for dragging a rectangle across the map.  Box is displayed \n+ * on mouse down, moves on mouse move, and is finished on mouse up.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.HTTPRequest>\n+ *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n \n-    /**\n-     * APIProperty: tileSize\n-     * {<OpenLayers.Size>}\n+    /** \n+     * Property: dragHandler \n+     * {<OpenLayers.Handler.Drag>} \n      */\n-    tileSize: null,\n+    dragHandler: null,\n \n     /**\n-     * Property: tileOriginCorner\n-     * {String} If the <tileOrigin> property is not provided, the tile origin \n-     *     will be derived from the layer's <maxExtent>.  The corner of the \n-     *     <maxExtent> used is determined by this property.  Acceptable values\n-     *     are \"tl\" (top left), \"tr\" (top right), \"bl\" (bottom left), and \"br\"\n-     *     (bottom right).  Default is \"bl\".\n+     * APIProperty: boxDivClassName\n+     * {String} The CSS class to use for drawing the box. Default is\n+     *     olHandlerBoxZoomBox\n      */\n-    tileOriginCorner: \"bl\",\n+    boxDivClassName: 'olHandlerBoxZoomBox',\n \n     /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n-     *     If provided, requests for tiles at all resolutions will be aligned\n-     *     with this location (no tiles shall overlap this location).  If\n-     *     not provided, the grid of tiles will be aligned with the layer's\n-     *     <maxExtent>.  Default is ``null``.\n+     * Property: boxOffsets\n+     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n+     * method.\n      */\n-    tileOrigin: null,\n+    boxOffsets: null,\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer, if supported by the tile class.\n+    /**\n+     * Constructor: OpenLayers.Handler.Box\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} \n+     * callbacks - {Object} An object with a properties whose values are\n+     *     functions.  Various callbacks described below.\n+     * options - {Object} \n+     *\n+     * Named callbacks:\n+     * start - Called when the box drag operation starts.\n+     * done - Called when the box drag operation is finished.\n+     *     The callback should expect to receive a single argument, the box \n+     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n+     *     pixel distance, a pixel will be returned instead of a bounds object.\n      */\n-    tileOptions: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(\n+            this, {\n+                down: this.startBox,\n+                move: this.moveBox,\n+                out: this.removeBox,\n+                up: this.endBox\n+            }, {\n+                keyMask: this.keyMask\n+            }\n+        );\n+    },\n \n     /**\n-     * APIProperty: tileClass\n-     * {<OpenLayers.Tile>} The tile class to use for this layer.\n-     *     Defaults is OpenLayers.Tile.Image.\n+     * Method: destroy\n      */\n-    tileClass: OpenLayers.Tile.Image,\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null;\n+        }\n+    },\n \n     /**\n-     * Property: grid\n-     * {Array(Array(<OpenLayers.Tile>))} This is an array of rows, each row is \n-     *     an array of tiles.\n+     * Method: setMap\n      */\n-    grid: null,\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map);\n+        }\n+    },\n \n     /**\n-     * APIProperty: singleTile\n-     * {Boolean} Moves the layer into single-tile mode, meaning that one tile \n-     *     will be loaded. The tile's size will be determined by the 'ratio'\n-     *     property. When the tile is dragged such that it does not cover the \n-     *     entire viewport, it is reloaded.\n+     * Method: startBox\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>}\n      */\n-    singleTile: false,\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n \n-    /** APIProperty: ratio\n-     *  {Float} Used only when in single-tile mode, this specifies the \n-     *          ratio of the size of the single tile to the size of the map.\n-     *          Default value is 1.5.\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+\n+        OpenLayers.Element.addClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n+        );\n+    },\n+\n+    /**\n+     * Method: moveBox\n      */\n-    ratio: 1.5,\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n+        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ?\n+            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ?\n+            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n+    },\n \n     /**\n-     * APIProperty: buffer\n-     * {Integer} Used only when in gridded mode, this specifies the number of \n-     *           extra rows and colums of tiles on each side which will\n-     *           surround the minimum grid tiles to cover the map.\n-     *           For very slow loading layers, a larger value may increase\n-     *           performance somewhat when dragging, but will increase bandwidth\n-     *           use significantly. \n+     * Method: endBox\n      */\n-    buffer: 0,\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n+            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top);\n+        } else {\n+            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n+        }\n+        this.removeBox();\n+\n+        this.callback(\"done\", [result]);\n+    },\n \n     /**\n-     * APIProperty: transitionEffect\n-     * {String} The transition effect to use when the map is zoomed.\n-     * Two posible values:\n-     *\n-     * \"resize\" - Existing tiles are resized on zoom to provide a visual\n-     *     effect of the zoom having taken place immediately.  As the\n-     *     new tiles become available, they are drawn on top of the\n-     *     resized tiles (this is the default setting).\n-     * \"map-resize\" - Existing tiles are resized on zoom and placed below the\n-     *     base layer.  New tiles for the base layer will cover existing tiles.\n-     *     This setting is recommended when having an overlay duplicated during\n-     *     the transition is undesirable (e.g. street labels or big transparent\n-     *     fills). \n-     * null - No transition effect.\n-     *\n-     * Using \"resize\" on non-opaque layers can cause undesired visual\n-     * effects.  Set transitionEffect to null in this case.\n+     * Method: removeBox\n+     * Remove the zoombox from the screen and nullify our reference to it.\n      */\n-    transitionEffect: \"resize\",\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n+        );\n+\n+    },\n \n     /**\n-     * APIProperty: numLoadingTiles\n-     * {Integer} How many tiles are still loading?\n+     * Method: activate\n      */\n-    numLoadingTiles: 0,\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Property: serverResolutions\n-     * {Array(Number}} This property is documented in subclasses as\n-     *     an API property.\n+     * Method: deactivate\n      */\n-    serverResolutions: null,\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox();\n+                }\n+            }\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Property: loading\n-     * {Boolean} Indicates if tiles are being loaded.\n+     * Method: getBoxOffsets\n+     * Determines border offsets for a box, according to the box model.\n+     * \n+     * Returns:\n+     * {Object} an object with the following offsets:\n+     *     - left\n+     *     - right\n+     *     - top\n+     *     - bottom\n+     *     - width\n+     *     - height\n      */\n-    loading: false,\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            // Determine the box model. If the testDiv's clientWidth is 3, then\n+            // the borders are outside and we are dealing with the w3c box\n+            // model. Otherwise, the browser uses the traditional box model and\n+            // the borders are inside the box bounds, leaving us with a\n+            // clientWidth of 1.\n+            var testDiv = document.createElement(\"div\");\n+            //testDiv.style.visibility = \"hidden\";\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n+            };\n+        }\n+        return this.boxOffsets;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/ZoomBox.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Box.js\n+ */\n \n+/**\n+ * Class: OpenLayers.Control.ZoomBox\n+ * The ZoomBox control enables zooming directly to a given extent, by drawing \n+ * a box on the map. The box is drawn by holding down shift, whilst dragging \n+ * the mouse.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n     /**\n-     * Property: backBuffer\n-     * {DOMElement} The back buffer.\n+     * Property: type\n+     * {OpenLayers.Control.TYPE}\n      */\n-    backBuffer: null,\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * Property: gridResolution\n-     * {Number} The resolution of the current grid. Used for backbuffer and\n-     *     client zoom. This property is updated every time the grid is\n-     *     initialized.\n+     * Property: out\n+     * {Boolean} Should the control be used for zooming out?\n      */\n-    gridResolution: null,\n+    out: false,\n \n     /**\n-     * Property: backBufferResolution\n-     * {Number} The resolution of the current back buffer. This property is\n-     *     updated each time a back buffer is created.\n+     * APIProperty: keyMask\n+     * {Integer} Zoom only occurs if the keyMask matches the combination of \n+     *     keys down. Use bitwise operators and one or more of the\n+     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n+     *     not used mask. Default is null.\n      */\n-    backBufferResolution: null,\n+    keyMask: null,\n \n     /**\n-     * Property: backBufferLonLat\n-     * {Object} The top-left corner of the current back buffer. Includes lon\n-     *     and lat properties. This object is updated each time a back buffer\n-     *     is created.\n+     * APIProperty: alwaysZoom\n+     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n+     * not change.\n      */\n-    backBufferLonLat: null,\n+    alwaysZoom: false,\n \n     /**\n-     * Property: backBufferTimerId\n-     * {Number} The id of the back buffer timer. This timer is used to\n-     *     delay the removal of the back buffer, thereby preventing\n-     *     flash effects caused by tile animation.\n+     * APIProperty: zoomOnClick\n+     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n+     * clicked? Default is true.\n      */\n-    backBufferTimerId: null,\n+    zoomOnClick: true,\n \n     /**\n-     * APIProperty: removeBackBufferDelay\n-     * {Number} Delay for removing the backbuffer when all tiles have finished\n-     *     loading. Can be set to 0 when no css opacity transitions for the\n-     *     olTileImage class are used. Default is 0 for <singleTile> layers,\n-     *     2500 for tiled layers. See <className> for more information on\n-     *     tile animation.\n+     * Method: draw\n      */\n-    removeBackBufferDelay: null,\n+    draw: function() {\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n+        });\n+    },\n \n     /**\n-     * APIProperty: className\n-     * {String} Name of the class added to the layer div. If not set in the\n-     *     options passed to the constructor then className defaults to\n-     *     \"olLayerGridSingleTile\" for single tile layers (see <singleTile>),\n-     *     and \"olLayerGrid\" for non single tile layers.\n-     *\n-     * Note:\n+     * Method: zoomBox\n      *\n-     * The displaying of tiles is not animated by default for single tile\n-     *     layers - OpenLayers' default theme (style.css) includes this:\n-     * (code)\n-     * .olLayerGrid .olTileImage {\n-     *     -webkit-transition: opacity 0.2s linear;\n-     *     -moz-transition: opacity 0.2s linear;\n-     *     -o-transition: opacity 0.2s linear;\n-     *     transition: opacity 0.2s linear;\n-     *  }\n-     * (end)\n-     * To animate tile displaying for any grid layer the following\n-     *     CSS rule can be used:\n-     * (code)\n-     * .olTileImage {\n-     *     -webkit-transition: opacity 0.2s linear;\n-     *     -moz-transition: opacity 0.2s linear;\n-     *     -o-transition: opacity 0.2s linear;\n-     *     transition: opacity 0.2s linear;\n-     * }\n-     * (end)\n-     * In that case, to avoid flash effects, <removeBackBufferDelay>\n-     *     should not be zero.\n+     * Parameters:\n+     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n      */\n-    className: null,\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds,\n+                targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n+                    maxXY.lon, maxXY.lat);\n+            } else {\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n+                    (this.map.size.w / pixWidth));\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n+                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n+                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n+                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n+            }\n+            // always zoom in/out \n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n+            } else {\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n+                        (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n+                        (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx);\n+            }\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n+            }\n+        } else if (this.zoomOnClick) { // it's a pixel\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position);\n+            } else {\n+                this.map.zoomTo(this.map.getZoom() - 1, position);\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/DragPan.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.DragPan\n+ * The DragPan control pans the map with a drag of the mouse.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n+     */\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * layer.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to layer.events.object.\n-     * element - {DOMElement} A reference to layer.events.element.\n-     *\n-     * Supported event types:\n-     * addtile - Triggered when a tile is added to this layer. Listeners receive\n-     *     an object as first argument, which has a tile property that\n-     *     references the tile that has been added.\n-     * tileloadstart - Triggered when a tile starts loading. Listeners receive\n-     *     an object as first argument, which has a tile property that\n-     *     references the tile that starts loading.\n-     * tileloaded - Triggered when each new tile is\n-     *     loaded, as a means of progress update to listeners.\n-     *     listeners can access 'numLoadingTiles' if they wish to keep\n-     *     track of the loading progress. Listeners are called with an object\n-     *     with a 'tile' property as first argument, making the loaded tile\n-     *     available to the listener, and an 'aborted' property, which will be\n-     *     true when loading was aborted and no tile data is available.\n-     * tileerror - Triggered before the tileloaded event (i.e. when the tile is\n-     *     still hidden) if a tile failed to load. Listeners receive an object\n-     *     as first argument, which has a tile property that references the\n-     *     tile that could not be loaded.\n-     * retile - Triggered when the layer recreates its tile grid.\n+     * Property: panned\n+     * {Boolean} The map moved.\n      */\n+    panned: false,\n \n     /**\n-     * Property: gridLayout\n-     * {Object} Object containing properties tilelon, tilelat, startcol,\n-     * startrow\n+     * Property: interval\n+     * {Integer} The number of milliseconds that should ellapse before\n+     *     panning the map again. Defaults to 0 milliseconds, which means that\n+     *     no separate cycle is used for panning. In most cases you won't want\n+     *     to change this value. For slow machines/devices larger values can be\n+     *     tried out.\n      */\n-    gridLayout: null,\n+    interval: 0,\n \n     /**\n-     * Property: rowSign\n-     * {Number} 1 for grids starting at the top, -1 for grids starting at the\n-     * bottom. This is used for several grid index and offset calculations.\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n-    rowSign: null,\n+    documentDrag: false,\n \n     /**\n-     * Property: transitionendEvents\n-     * {Array} Event names for transitionend\n+     * Property: kinetic\n+     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n      */\n-    transitionendEvents: [\n-        'transitionend', 'webkitTransitionEnd', 'otransitionend',\n-        'oTransitionEnd'\n-    ],\n+    kinetic: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Grid\n-     * Create a new grid layer\n-     *\n-     * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * params - {Object}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * APIProperty: enableKinetic\n+     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n+     *     set to true or to an object. If set to an object this\n+     *     object will be passed to the {<OpenLayers.Kinetic>}\n+     *     constructor. Defaults to true.\n+     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n+     *     included in your build config.\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.HTTPRequest.prototype.initialize.apply(this,\n-            arguments);\n-        this.grid = [];\n-        this._removeBackBuffer = OpenLayers.Function.bind(this.removeBackBuffer, this);\n+    enableKinetic: true,\n \n-        this.initProperties();\n+    /**\n+     * APIProperty: kineticInterval\n+     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n+     *     scrolling\". Applies only if enableKinetic is set. Defaults\n+     *     to 10 milliseconds.\n+     */\n+    kineticInterval: 10,\n \n-        this.rowSign = this.tileOriginCorner.substr(0, 1) === \"t\" ? 1 : -1;\n-    },\n \n     /**\n-     * Method: initProperties\n-     * Set any properties that depend on the value of singleTile.\n-     * Currently sets removeBackBufferDelay and className\n+     * Method: draw\n+     * Creates a Drag handler, using <panMap> and\n+     * <panMapDone> as callbacks.\n      */\n-    initProperties: function() {\n-        if (this.options.removeBackBufferDelay === undefined) {\n-            this.removeBackBufferDelay = this.singleTile ? 0 : 2500;\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic);\n+            }\n+            this.kinetic = new OpenLayers.Kinetic(config);\n         }\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            \"move\": this.panMap,\n+            \"done\": this.panMapDone,\n+            \"down\": this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        });\n+    },\n \n-        if (this.options.className === undefined) {\n-            this.className = this.singleTile ? 'olLayerGridSingleTile' :\n-                'olLayerGrid';\n+    /**\n+     * Method: panMapStart\n+     */\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin();\n         }\n     },\n \n     /**\n-     * Method: setMap\n+     * Method: panMap\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} The map.\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.HTTPRequest.prototype.setMap.call(this, map);\n-        OpenLayers.Element.addClass(this.div, this.className);\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy);\n+        }\n+        this.panned = true;\n+        this.map.pan(\n+            this.handler.last.x - xy.x,\n+            this.handler.last.y - xy.y, {\n+                dragging: true,\n+                animate: false\n+            }\n+        );\n     },\n \n     /**\n-     * Method: removeMap\n-     * Called when the layer is removed from the map.\n+     * Method: panMapDone\n+     * Finish the panning operation.  Only call setCenter (through <panMap>)\n+     *     if the map has actually been moved.\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} The map.\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    removeMap: function(map) {\n-        this.removeBackBuffer();\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy);\n+            }\n+            this.map.pan(\n+                this.handler.last.x - xy.x,\n+                this.handler.last.y - xy.y, {\n+                    dragging: !!res,\n+                    animate: false\n+                }\n+            );\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    });\n+                });\n+            }\n+            this.panned = false;\n+        }\n     },\n \n-    /**\n-     * APIMethod: destroy\n-     * Deconstruct the layer and clear the grid.\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/MouseWheel.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.MouseWheel\n+ * Handler for wheel up/down events.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Handler>\n+ */\n+OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n+    /** \n+     * Property: wheelListener \n+     * {function} \n      */\n-    destroy: function() {\n-        this.removeBackBuffer();\n-        this.clearGrid();\n+    wheelListener: null,\n \n-        this.grid = null;\n-        this.tileSize = null;\n-        OpenLayers.Layer.HTTPRequest.prototype.destroy.apply(this, arguments);\n-    },\n+    /**\n+     * Property: interval\n+     * {Integer} In order to increase server performance, an interval (in \n+     *     milliseconds) can be set to reduce the number of up/down events \n+     *     called. If set, a new up/down event will not be set until the \n+     *     interval has passed. \n+     *     Defaults to 0, meaning no interval. \n+     */\n+    interval: 0,\n \n     /**\n-     * APIMethod: mergeNewParams\n-     * Refetches tiles with new params merged, keeping a backbuffer. Each\n-     * loading new tile will have a css class of '.olTileReplacing'. If a\n-     * stylesheet applies a 'display: none' style to that class, any fade-in\n-     * transition will not apply, and backbuffers for each tile will be removed\n-     * as soon as the tile is loaded.\n-     * \n-     * Parameters:\n-     * newParams - {Object}\n-     *\n-     * Returns:\n-     * redrawn: {Boolean} whether the layer was actually redrawn.\n+     * Property: maxDelta\n+     * {Integer} Maximum delta to collect before breaking from the current\n+     *    interval. In cumulative mode, this also limits the maximum delta\n+     *    returned from the handler. Default is Number.POSITIVE_INFINITY.\n      */\n+    maxDelta: Number.POSITIVE_INFINITY,\n \n     /**\n-     * Method: clearGrid\n-     * Go through and remove all tiles from the grid, calling\n-     *    destroy() on each of them to kill circular references\n+     * Property: delta\n+     * {Integer} When interval is set, delta collects the mousewheel z-deltas\n+     *     of the events that occur within the interval.\n+     *      See also the cumulative option\n      */\n-    clearGrid: function() {\n-        if (this.grid) {\n-            for (var iRow = 0, len = this.grid.length; iRow < len; iRow++) {\n-                var row = this.grid[iRow];\n-                for (var iCol = 0, clen = row.length; iCol < clen; iCol++) {\n-                    var tile = row[iCol];\n-                    this.destroyTile(tile);\n-                }\n-            }\n-            this.grid = [];\n-            this.gridResolution = null;\n-            this.gridLayout = null;\n-        }\n-    },\n+    delta: 0,\n \n     /**\n-     * APIMethod: addOptions\n-     * \n-     * Parameters:\n-     * newOptions - {Object}\n-     * reinitialize - {Boolean} If set to true, and if resolution options of the\n-     *     current baseLayer were changed, the map will be recentered to make\n-     *     sure that it is displayed with a valid resolution, and a\n-     *     changebaselayer event will be triggered.\n+     * Property: cumulative\n+     * {Boolean} When interval is set: true to collect all the mousewheel \n+     *     z-deltas, false to only record the delta direction (positive or\n+     *     negative)\n      */\n-    addOptions: function(newOptions, reinitialize) {\n-        var singleTileChanged = newOptions.singleTile !== undefined &&\n-            newOptions.singleTile !== this.singleTile;\n-        OpenLayers.Layer.HTTPRequest.prototype.addOptions.apply(this, arguments);\n-        if (this.map && singleTileChanged) {\n-            this.initProperties();\n-            this.clearGrid();\n-            this.tileSize = this.options.tileSize;\n-            this.setTileSize();\n-            this.moveTo(null, true);\n-        }\n-    },\n+    cumulative: true,\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n+     * Constructor: OpenLayers.Handler.MouseWheel\n      *\n      * Parameters:\n-     * obj - {Object} Is this ever used?\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Grid>} An exact clone of this OpenLayers.Layer.Grid\n+     * control - {<OpenLayers.Control>} \n+     * callbacks - {Object} An object containing a single function to be\n+     *                          called when the drag operation is finished.\n+     *                          The callback should expect to recieve a single\n+     *                          argument, the point geometry.\n+     * options - {Object} \n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Grid(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.HTTPRequest.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone();\n-        }\n-\n-        // we do not want to copy reference to grid, so we make a new array\n-        obj.grid = [];\n-        obj.gridResolution = null;\n-        // same for backbuffer\n-        obj.backBuffer = null;\n-        obj.backBufferTimerId = null;\n-        obj.loading = false;\n-        obj.numLoadingTiles = 0;\n-\n-        return obj;\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.wheelListener = OpenLayers.Function.bindAsEventListener(\n+            this.onWheelEvent, this\n+        );\n     },\n \n     /**\n-     * Method: moveTo\n-     * This function is called whenever the map is moved. All the moving\n-     * of actual 'tiles' is done by the map, but moveTo's role is to accept\n-     * a bounds and make sure the data that that bounds requires is pre-loaded.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean}\n-     * dragging - {Boolean}\n+     * Method: destroy\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-\n-        OpenLayers.Layer.HTTPRequest.prototype.moveTo.apply(this, arguments);\n-\n-        bounds = bounds || this.map.getExtent();\n-\n-        if (bounds != null) {\n-\n-            // if grid is empty or zoom has changed, we *must* re-tile\n-            var forceReTile = !this.grid.length || zoomChanged;\n-\n-            // total bounds of the tiles\n-            var tilesBounds = this.getTilesBounds();\n-\n-            // the new map resolution\n-            var resolution = this.map.getResolution();\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        this.wheelListener = null;\n+    },\n \n-            // the server-supported resolution for the new map resolution\n-            var serverResolution = this.getServerResolution(resolution);\n+    /**\n+     *  Mouse ScrollWheel code thanks to http://adomas.org/javascript-mouse-wheel/\n+     */\n \n-            if (this.singleTile) {\n+    /** \n+     * Method: onWheelEvent\n+     * Catch the wheel event and handle it xbrowserly\n+     * \n+     * Parameters:\n+     * e - {Event} \n+     */\n+    onWheelEvent: function(e) {\n \n-                // We want to redraw whenever even the slightest part of the \n-                //  current bounds is not contained by our tile.\n-                //  (thus, we do not specify partial -- its default is false)\n+        // make sure we have a map and check keyboard modifiers\n+        if (!this.map || !this.checkModifiers(e)) {\n+            return;\n+        }\n \n-                if (forceReTile ||\n-                    (!dragging && !tilesBounds.containsBounds(bounds))) {\n+        // Ride up the element's DOM hierarchy to determine if it or any of \n+        //  its ancestors was: \n+        //   * specifically marked as scrollable (CSS overflow property)\n+        //   * one of our layer divs or a div marked as scrollable\n+        //     ('olScrollable' CSS class)\n+        //   * the map div\n+        //\n+        var overScrollableDiv = false;\n+        var allowScroll = false;\n+        var overMapDiv = false;\n \n-                    // In single tile mode with no transition effect, we insert\n-                    // a non-scaled backbuffer when the layer is moved. But if\n-                    // a zoom occurs right after a move, i.e. before the new\n-                    // image is received, we need to remove the backbuffer, or\n-                    // an ill-positioned image will be visible during the zoom\n-                    // transition.\n+        var elem = OpenLayers.Event.element(e);\n+        while ((elem != null) && !overMapDiv && !overScrollableDiv) {\n \n-                    if (zoomChanged && this.transitionEffect !== 'resize') {\n-                        this.removeBackBuffer();\n+            if (!overScrollableDiv) {\n+                try {\n+                    var overflow;\n+                    if (elem.currentStyle) {\n+                        overflow = elem.currentStyle[\"overflow\"];\n+                    } else {\n+                        var style =\n+                            document.defaultView.getComputedStyle(elem, null);\n+                        overflow = style.getPropertyValue(\"overflow\");\n                     }\n+                    overScrollableDiv = (overflow &&\n+                        (overflow == \"auto\") || (overflow == \"scroll\"));\n+                } catch (err) {\n+                    //sometimes when scrolling in a popup, this causes \n+                    // obscure browser error\n+                }\n+            }\n \n-                    if (!zoomChanged || this.transitionEffect === 'resize') {\n-                        this.applyBackBuffer(resolution);\n+            if (!allowScroll) {\n+                allowScroll = OpenLayers.Element.hasClass(elem, 'olScrollable');\n+                if (!allowScroll) {\n+                    for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                        // Are we in the layer div? Note that we have two cases\n+                        // here: one is to catch EventPane layers, which have a\n+                        // pane above the layer (layer.pane)\n+                        var layer = this.map.layers[i];\n+                        if (elem == layer.div || elem == layer.pane) {\n+                            allowScroll = true;\n+                            break;\n+                        }\n                     }\n-\n-                    this.initSingleTile(bounds);\n                 }\n-            } else {\n+            }\n+            overMapDiv = (elem == this.map.div);\n \n-                // if the bounds have changed such that they are not even \n-                // *partially* contained by our tiles (e.g. when user has \n-                // programmatically panned to the other side of the earth on\n-                // zoom level 18), then moveGriddedTiles could potentially have\n-                // to run through thousands of cycles, so we want to reTile\n-                // instead (thus, partial true).  \n-                forceReTile = forceReTile ||\n-                    !tilesBounds.intersectsBounds(bounds, {\n-                        worldBounds: this.map.baseLayer.wrapDateLine &&\n-                            this.map.getMaxExtent()\n-                    });\n+            elem = elem.parentNode;\n+        }\n \n-                if (forceReTile) {\n-                    if (zoomChanged && (this.transitionEffect === 'resize' ||\n-                            this.gridResolution === resolution)) {\n-                        this.applyBackBuffer(resolution);\n+        // Logic below is the following:\n+        //\n+        // If we are over a scrollable div or not over the map div:\n+        //  * do nothing (let the browser handle scrolling)\n+        //\n+        //    otherwise \n+        // \n+        //    If we are over the layer div or a 'olScrollable' div:\n+        //     * zoom/in out\n+        //     then\n+        //     * kill event (so as not to also scroll the page after zooming)\n+        //\n+        //       otherwise\n+        //\n+        //       Kill the event (dont scroll the page if we wheel over the \n+        //        layerswitcher or the pan/zoom control)\n+        //\n+        if (!overScrollableDiv && overMapDiv) {\n+            if (allowScroll) {\n+                var delta = 0;\n+\n+                if (e.wheelDelta) {\n+                    delta = e.wheelDelta;\n+                    if (delta % 160 === 0) {\n+                        // opera have steps of 160 instead of 120\n+                        delta = delta * 0.75;\n                     }\n-                    this.initGriddedTiles(bounds);\n+                    delta = delta / 120;\n+                } else if (e.detail) {\n+                    // detail in Firefox on OS X is 1/3 of Windows\n+                    // so force delta 1 / -1\n+                    delta = -(e.detail / Math.abs(e.detail));\n+                }\n+                this.delta += delta;\n+\n+                window.clearTimeout(this._timeoutId);\n+                if (this.interval && Math.abs(this.delta) < this.maxDelta) {\n+                    // store e because window.event might change during delay\n+                    var evt = OpenLayers.Util.extend({}, e);\n+                    this._timeoutId = window.setTimeout(\n+                        OpenLayers.Function.bind(function() {\n+                            this.wheelZoom(evt);\n+                        }, this),\n+                        this.interval\n+                    );\n                 } else {\n-                    this.moveGriddedTiles();\n+                    this.wheelZoom(e);\n                 }\n             }\n+            OpenLayers.Event.stop(e);\n         }\n     },\n \n     /**\n-     * Method: getTileData\n-     * Given a map location, retrieve a tile and the pixel offset within that\n-     *     tile corresponding to the location.  If there is not an existing \n-     *     tile in the grid that covers the given location, null will be \n-     *     returned.\n-     *\n+     * Method: wheelZoom\n+     * Given the wheel event, we carry out the appropriate zooming in or out,\n+     *     based on the 'wheelDelta' or 'detail' property of the event.\n+     * \n      * Parameters:\n-     * loc - {<OpenLayers.LonLat>} map location\n-     *\n-     * Returns:\n-     * {Object} Object with the following properties: tile ({<OpenLayers.Tile>}),\n-     *     i ({Number} x-pixel offset from top left), and j ({Integer} y-pixel\n-     *     offset from top left).\n+     * e - {Event}\n      */\n-    getTileData: function(loc) {\n-        var data = null,\n-            x = loc.lon,\n-            y = loc.lat,\n-            numRows = this.grid.length;\n-\n-        if (this.map && numRows) {\n-            var res = this.map.getResolution(),\n-                tileWidth = this.tileSize.w,\n-                tileHeight = this.tileSize.h,\n-                bounds = this.grid[0][0].bounds,\n-                left = bounds.left,\n-                top = bounds.top;\n+    wheelZoom: function(e) {\n+        var delta = this.delta;\n+        this.delta = 0;\n \n-            if (x < left) {\n-                // deal with multiple worlds\n-                if (this.map.baseLayer.wrapDateLine) {\n-                    var worldWidth = this.map.getMaxExtent().getWidth();\n-                    var worldsAway = Math.ceil((left - x) / worldWidth);\n-                    x += worldWidth * worldsAway;\n-                }\n-            }\n-            // tile distance to location (fractional number of tiles);\n-            var dtx = (x - left) / (res * tileWidth);\n-            var dty = (top - y) / (res * tileHeight);\n-            // index of tile in grid\n-            var col = Math.floor(dtx);\n-            var row = Math.floor(dty);\n-            if (row >= 0 && row < numRows) {\n-                var tile = this.grid[row][col];\n-                if (tile) {\n-                    data = {\n-                        tile: tile,\n-                        // pixel index within tile\n-                        i: Math.floor((dtx - col) * tileWidth),\n-                        j: Math.floor((dty - row) * tileHeight)\n-                    };\n-                }\n+        if (delta) {\n+            e.xy = this.map.events.getMousePosition(e);\n+            if (delta < 0) {\n+                this.callback(\"down\",\n+                    [e, this.cumulative ? Math.max(-this.maxDelta, delta) : -1]);\n+            } else {\n+                this.callback(\"up\",\n+                    [e, this.cumulative ? Math.min(this.maxDelta, delta) : 1]);\n             }\n         }\n-        return data;\n     },\n \n     /**\n-     * Method: destroyTile\n-     *\n-     * Parameters:\n-     * tile - {<OpenLayers.Tile>}\n+     * Method: activate \n      */\n-    destroyTile: function(tile) {\n-        this.removeTileMonitoringHooks(tile);\n-        tile.destroy();\n+    activate: function(evt) {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            //register mousewheel events specifically on the window and document\n+            var wheelListener = this.wheelListener;\n+            OpenLayers.Event.observe(window, \"DOMMouseScroll\", wheelListener);\n+            OpenLayers.Event.observe(window, \"mousewheel\", wheelListener);\n+            OpenLayers.Event.observe(document, \"mousewheel\", wheelListener);\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: getServerResolution\n-     * Return the closest server-supported resolution.\n-     *\n-     * Parameters:\n-     * resolution - {Number} The base resolution. If undefined the\n-     *     map resolution is used.\n-     *\n-     * Returns:\n-     * {Number} The closest server resolution value.\n+     * Method: deactivate \n      */\n-    getServerResolution: function(resolution) {\n-        var distance = Number.POSITIVE_INFINITY;\n-        resolution = resolution || this.map.getResolution();\n-        if (this.serverResolutions &&\n-            OpenLayers.Util.indexOf(this.serverResolutions, resolution) === -1) {\n-            var i, newDistance, newResolution, serverResolution;\n-            for (i = this.serverResolutions.length - 1; i >= 0; i--) {\n-                newResolution = this.serverResolutions[i];\n-                newDistance = Math.abs(newResolution - resolution);\n-                if (newDistance > distance) {\n-                    break;\n-                }\n-                distance = newDistance;\n-                serverResolution = newResolution;\n-            }\n-            resolution = serverResolution;\n+    deactivate: function(evt) {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            // unregister mousewheel events specifically on the window and document\n+            var wheelListener = this.wheelListener;\n+            OpenLayers.Event.stopObserving(window, \"DOMMouseScroll\", wheelListener);\n+            OpenLayers.Event.stopObserving(window, \"mousewheel\", wheelListener);\n+            OpenLayers.Event.stopObserving(document, \"mousewheel\", wheelListener);\n+            return true;\n+        } else {\n+            return false;\n         }\n-        return resolution;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/Click.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Click\n+ * A handler for mouse clicks.  The intention of this handler is to give\n+ *     controls more flexibility with handling clicks.  Browsers trigger\n+ *     click events twice for a double-click.  In addition, the mousedown,\n+ *     mousemove, mouseup sequence fires a click event.  With this handler,\n+ *     controls can decide whether to ignore clicks associated with a double\n+ *     click.  By setting a <pixelTolerance>, controls can also ignore clicks\n+ *     that include a drag.  Create a new instance with the\n+ *     <OpenLayers.Handler.Click> constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Handler> \n+ */\n+OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n     /**\n-     * Method: getServerZoom\n-     * Return the zoom value corresponding to the best matching server\n-     * resolution, taking into account <serverResolutions> and <zoomOffset>.\n-     *\n-     * Returns:\n-     * {Number} The closest server supported zoom. This is not the map zoom\n-     *     level, but an index of the server's resolutions array.\n+     * APIProperty: delay\n+     * {Number} Number of milliseconds between clicks before the event is\n+     *     considered a double-click.\n      */\n-    getServerZoom: function() {\n-        var resolution = this.getServerResolution();\n-        return this.serverResolutions ?\n-            OpenLayers.Util.indexOf(this.serverResolutions, resolution) :\n-            this.map.getZoomForResolution(resolution) + (this.zoomOffset || 0);\n-    },\n+    delay: 300,\n \n     /**\n-     * Method: applyBackBuffer\n-     * Create, insert, scale and position a back buffer for the layer.\n-     *\n-     * Parameters:\n-     * resolution - {Number} The resolution to transition to.\n+     * APIProperty: single\n+     * {Boolean} Handle single clicks.  Default is true.  If false, clicks\n+     * will not be reported.  If true, single-clicks will be reported.\n      */\n-    applyBackBuffer: function(resolution) {\n-        if (this.backBufferTimerId !== null) {\n-            this.removeBackBuffer();\n-        }\n-        var backBuffer = this.backBuffer;\n-        if (!backBuffer) {\n-            backBuffer = this.createBackBuffer();\n-            if (!backBuffer) {\n-                return;\n-            }\n-            if (resolution === this.gridResolution) {\n-                this.div.insertBefore(backBuffer, this.div.firstChild);\n-            } else {\n-                this.map.baseLayer.div.parentNode.insertBefore(backBuffer, this.map.baseLayer.div);\n-            }\n-            this.backBuffer = backBuffer;\n-\n-            // set some information in the instance for subsequent\n-            // calls to applyBackBuffer where the same back buffer\n-            // is reused\n-            var topLeftTileBounds = this.grid[0][0].bounds;\n-            this.backBufferLonLat = {\n-                lon: topLeftTileBounds.left,\n-                lat: topLeftTileBounds.top\n-            };\n-            this.backBufferResolution = this.gridResolution;\n-        }\n-\n-        var ratio = this.backBufferResolution / resolution;\n+    single: true,\n \n-        // scale the tiles inside the back buffer\n-        var tiles = backBuffer.childNodes,\n-            tile;\n-        for (var i = tiles.length - 1; i >= 0; --i) {\n-            tile = tiles[i];\n-            tile.style.top = ((ratio * tile._i * tile._h) | 0) + 'px';\n-            tile.style.left = ((ratio * tile._j * tile._w) | 0) + 'px';\n-            tile.style.width = Math.round(ratio * tile._w) + 'px';\n-            tile.style.height = Math.round(ratio * tile._h) + 'px';\n-        }\n+    /**\n+     * APIProperty: double\n+     * {Boolean} Handle double-clicks.  Default is false.\n+     */\n+    'double': false,\n \n-        // and position it (based on the grid's top-left corner)\n-        var position = this.getViewPortPxFromLonLat(\n-            this.backBufferLonLat, resolution);\n-        var leftOffset = this.map.layerContainerOriginPx.x;\n-        var topOffset = this.map.layerContainerOriginPx.y;\n-        backBuffer.style.left = Math.round(position.x - leftOffset) + 'px';\n-        backBuffer.style.top = Math.round(position.y - topOffset) + 'px';\n-    },\n+    /**\n+     * APIProperty: pixelTolerance\n+     * {Number} Maximum number of pixels between mouseup and mousedown for an\n+     *     event to be considered a click.  Default is 0.  If set to an\n+     *     integer value, clicks with a drag greater than the value will be\n+     *     ignored.  This property can only be set when the handler is\n+     *     constructed.\n+     */\n+    pixelTolerance: 0,\n \n     /**\n-     * Method: createBackBuffer\n-     * Create a back buffer.\n-     *\n-     * Returns:\n-     * {DOMElement} The DOM element for the back buffer, undefined if the\n-     * grid isn't initialized yet.\n+     * APIProperty: dblclickTolerance\n+     * {Number} Maximum distance in pixels between clicks for a sequence of \n+     *     events to be considered a double click.  Default is 13.  If the\n+     *     distance between two clicks is greater than this value, a double-\n+     *     click will not be fired.\n      */\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.grid.length > 0) {\n-            backBuffer = document.createElement('div');\n-            backBuffer.id = this.div.id + '_bb';\n-            backBuffer.className = 'olBackBuffer';\n-            backBuffer.style.position = 'absolute';\n-            var map = this.map;\n-            backBuffer.style.zIndex = this.transitionEffect === 'resize' ?\n-                this.getZIndex() - 1 :\n-                // 'map-resize':\n-                map.Z_INDEX_BASE.BaseLayer -\n-                (map.getNumLayers() - map.getLayerIndex(this));\n-            for (var i = 0, lenI = this.grid.length; i < lenI; i++) {\n-                for (var j = 0, lenJ = this.grid[i].length; j < lenJ; j++) {\n-                    var tile = this.grid[i][j],\n-                        markup = this.grid[i][j].createBackBuffer();\n-                    if (markup) {\n-                        markup._i = i;\n-                        markup._j = j;\n-                        markup._w = tile.size.w;\n-                        markup._h = tile.size.h;\n-                        markup.id = tile.id + '_bb';\n-                        backBuffer.appendChild(markup);\n-                    }\n-                }\n-            }\n-        }\n-        return backBuffer;\n-    },\n+    dblclickTolerance: 13,\n \n     /**\n-     * Method: removeBackBuffer\n-     * Remove back buffer from DOM.\n+     * APIProperty: stopSingle\n+     * {Boolean} Stop other listeners from being notified of clicks.  Default\n+     *     is false.  If true, any listeners registered before this one for \n+     *     click or rightclick events will not be notified.\n      */\n-    removeBackBuffer: function() {\n-        if (this._transitionElement) {\n-            for (var i = this.transitionendEvents.length - 1; i >= 0; --i) {\n-                OpenLayers.Event.stopObserving(this._transitionElement,\n-                    this.transitionendEvents[i], this._removeBackBuffer);\n-            }\n-            delete this._transitionElement;\n-        }\n-        if (this.backBuffer) {\n-            if (this.backBuffer.parentNode) {\n-                this.backBuffer.parentNode.removeChild(this.backBuffer);\n-            }\n-            this.backBuffer = null;\n-            this.backBufferResolution = null;\n-            if (this.backBufferTimerId !== null) {\n-                window.clearTimeout(this.backBufferTimerId);\n-                this.backBufferTimerId = null;\n-            }\n-        }\n-    },\n+    stopSingle: false,\n \n     /**\n-     * Method: moveByPx\n-     * Move the layer based on pixel vector.\n-     *\n-     * Parameters:\n-     * dx - {Number}\n-     * dy - {Number}\n+     * APIProperty: stopDouble\n+     * {Boolean} Stop other listeners from being notified of double-clicks.\n+     *     Default is false.  If true, any click listeners registered before\n+     *     this one will not be notified of *any* double-click events.\n+     * \n+     * The one caveat with stopDouble is that given a map with two click\n+     *     handlers, one with stopDouble true and the other with stopSingle\n+     *     true, the stopSingle handler should be activated last to get\n+     *     uniform cross-browser performance.  Since IE triggers one click\n+     *     with a dblclick and FF triggers two, if a stopSingle handler is\n+     *     activated first, all it gets in IE is a single click when the\n+     *     second handler stops propagation on the dblclick.\n      */\n-    moveByPx: function(dx, dy) {\n-        if (!this.singleTile) {\n-            this.moveGriddedTiles();\n-        }\n-    },\n+    stopDouble: false,\n \n     /**\n-     * APIMethod: setTileSize\n-     * Check if we are in singleTile mode and if so, set the size as a ratio\n-     *     of the map size (as specified by the layer's 'ratio' property).\n+     * Property: timerId\n+     * {Number} The id of the timeout waiting to clear the <delayedCall>.\n+     */\n+    timerId: null,\n+\n+    /**\n+     * Property: down\n+     * {Object} Object that store relevant information about the last\n+     *     mousedown or touchstart. Its 'xy' OpenLayers.Pixel property gives\n+     *     the average location of the mouse/touch event. Its 'touches'\n+     *     property records clientX/clientY of each touches.\n+     */\n+    down: null,\n+\n+    /**\n+     * Property: last\n+     * {Object} Object that store relevant information about the last\n+     *     mousemove or touchmove. Its 'xy' OpenLayers.Pixel property gives\n+     *     the average location of the mouse/touch event. Its 'touches'\n+     *     property records clientX/clientY of each touches.\n+     */\n+    last: null,\n+\n+    /** \n+     * Property: first\n+     * {Object} When waiting for double clicks, this object will store \n+     *     information about the first click in a two click sequence.\n+     */\n+    first: null,\n+\n+    /**\n+     * Property: rightclickTimerId\n+     * {Number} The id of the right mouse timeout waiting to clear the \n+     *     <delayedEvent>.\n+     */\n+    rightclickTimerId: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Click\n+     * Create a new click handler.\n      * \n      * Parameters:\n-     * size - {<OpenLayers.Size>}\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handler's setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object with keys corresponding to callbacks\n+     *     that will be called by the handler. The callbacks should\n+     *     expect to recieve a single argument, the click event.\n+     *     Callbacks for 'click' and 'dblclick' are supported.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     handler.\n      */\n-    setTileSize: function(size) {\n-        if (this.singleTile) {\n-            size = this.map.getSize();\n-            size.h = parseInt(size.h * this.ratio, 10);\n-            size.w = parseInt(size.w * this.ratio, 10);\n-        }\n-        OpenLayers.Layer.HTTPRequest.prototype.setTileSize.apply(this, [size]);\n-    },\n \n     /**\n-     * APIMethod: getTilesBounds\n-     * Return the bounds of the tile grid.\n+     * Method: touchstart\n+     * Handle touchstart.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>} A Bounds object representing the bounds of all the\n-     *     currently loaded tiles (including those partially or not at all seen \n-     *     onscreen).\n+     * {Boolean} Continue propagating this event.\n      */\n-    getTilesBounds: function() {\n-        var bounds = null;\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n \n-        var length = this.grid.length;\n-        if (length) {\n-            var bottomLeftTileBounds = this.grid[length - 1][0].bounds,\n-                width = this.grid[0].length * bottomLeftTileBounds.getWidth(),\n-                height = this.grid.length * bottomLeftTileBounds.getHeight();\n+    /**\n+     * Method: touchmove\n+     *    Store position of last move, because touchend event can have\n+     *    an empty \"touches\" property.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    touchmove: function(evt) {\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n \n-            bounds = new OpenLayers.Bounds(bottomLeftTileBounds.left,\n-                bottomLeftTileBounds.bottom,\n-                bottomLeftTileBounds.left + width,\n-                bottomLeftTileBounds.bottom + height);\n+    /**\n+     * Method: touchend\n+     *   Correctly set event xy property, and add lastTouches to have\n+     *   touches property from last touchstart or touchmove\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    touchend: function(evt) {\n+        // touchstart may not have been allowed to propagate\n+        if (this.down) {\n+            evt.xy = this.last.xy;\n+            evt.lastTouches = this.last.touches;\n+            this.handleSingle(evt);\n+            this.down = null;\n         }\n-        return bounds;\n+        return true;\n     },\n \n     /**\n-     * Method: initSingleTile\n+     * Method: mousedown\n+     * Handle mousedown.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    mousedown: function(evt) {\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n+\n+    /**\n+     * Method: mouseup\n+     * Handle mouseup.  Installed to support collection of right mouse events.\n      * \n-     * Parameters: \n-     * bounds - {<OpenLayers.Bounds>}\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n      */\n-    initSingleTile: function(bounds) {\n-        this.events.triggerEvent(\"retile\");\n+    mouseup: function(evt) {\n+        var propagate = true;\n \n-        //determine new tile bounds\n-        var center = bounds.getCenterLonLat();\n-        var tileWidth = bounds.getWidth() * this.ratio;\n-        var tileHeight = bounds.getHeight() * this.ratio;\n+        // Collect right mouse clicks from the mouseup\n+        //  IE - ignores the second right click in mousedown so using\n+        //  mouseup instead\n+        if (this.checkModifiers(evt) && this.control.handleRightClicks &&\n+            OpenLayers.Event.isRightClick(evt)) {\n+            propagate = this.rightclick(evt);\n+        }\n \n-        var tileBounds =\n-            new OpenLayers.Bounds(center.lon - (tileWidth / 2),\n-                center.lat - (tileHeight / 2),\n-                center.lon + (tileWidth / 2),\n-                center.lat + (tileHeight / 2));\n+        return propagate;\n+    },\n \n-        var px = this.map.getLayerPxFromLonLat({\n-            lon: tileBounds.left,\n-            lat: tileBounds.top\n-        });\n+    /**\n+     * Method: rightclick\n+     * Handle rightclick.  For a dblrightclick, we get two clicks so we need \n+     *     to always register for dblrightclick to properly handle single \n+     *     clicks.\n+     *     \n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    rightclick: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.rightclickTimerId != null) {\n+                //Second click received before timeout this must be \n+                // a double click\n+                this.clearTimer();\n+                this.callback('dblrightclick', [evt]);\n+                return !this.stopDouble;\n+            } else {\n+                //Set the rightclickTimerId, send evt only if double is \n+                // true else trigger single\n+                var clickEvent = this['double'] ?\n+                    OpenLayers.Util.extend({}, evt) :\n+                    this.callback('rightclick', [evt]);\n \n-        if (!this.grid.length) {\n-            this.grid[0] = [];\n+                var delayedRightCall = OpenLayers.Function.bind(\n+                    this.delayedRightCall,\n+                    this,\n+                    clickEvent\n+                );\n+                this.rightclickTimerId = window.setTimeout(\n+                    delayedRightCall, this.delay\n+                );\n+            }\n         }\n+        return !this.stopSingle;\n+    },\n \n-        var tile = this.grid[0][0];\n-        if (!tile) {\n-            tile = this.addTile(tileBounds, px);\n+    /**\n+     * Method: delayedRightCall\n+     * Sets <rightclickTimerId> to null.  And optionally triggers the \n+     *     rightclick callback if evt is set.\n+     */\n+    delayedRightCall: function(evt) {\n+        this.rightclickTimerId = null;\n+        if (evt) {\n+            this.callback('rightclick', [evt]);\n+        }\n+    },\n \n-            this.addTileMonitoringHooks(tile);\n-            tile.draw();\n-            this.grid[0][0] = tile;\n-        } else {\n-            tile.moveTo(tileBounds, px);\n+    /**\n+     * Method: click\n+     * Handle click events from the browser.  This is registered as a listener\n+     *     for click events and should not be called from other events in this\n+     *     handler.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    click: function(evt) {\n+        if (!this.last) {\n+            this.last = this.getEventInfo(evt);\n         }\n+        this.handleSingle(evt);\n+        return !this.stopSingle;\n+    },\n \n-        //remove all but our single tile\n-        this.removeExcessTiles(1, 1);\n+    /**\n+     * Method: dblclick\n+     * Handle dblclick.  For a dblclick, we get two clicks in some browsers\n+     *     (FF) and one in others (IE).  So we need to always register for\n+     *     dblclick to properly handle single clicks.  This method is registered\n+     *     as a listener for the dblclick browser event.  It should *not* be\n+     *     called by other methods in this handler.\n+     *     \n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    dblclick: function(evt) {\n+        this.handleDouble(evt);\n+        return !this.stopDouble;\n+    },\n \n-        // store the resolution of the grid\n-        this.gridResolution = this.getServerResolution();\n+    /** \n+     * Method: handleDouble\n+     * Handle double-click sequence.\n+     */\n+    handleDouble: function(evt) {\n+        if (this.passesDblclickTolerance(evt)) {\n+            if (this[\"double\"]) {\n+                this.callback(\"dblclick\", [evt]);\n+            }\n+            // to prevent a dblclick from firing the click callback in IE\n+            this.clearTimer();\n+        }\n     },\n \n     /** \n-     * Method: calculateGridLayout\n-     * Generate parameters for the grid layout.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bound>|Object} OpenLayers.Bounds or an\n-     *     object with a 'left' and 'top' properties.\n-     * origin - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n-     * resolution - {Number}\n+     * Method: handleSingle\n+     * Handle single click sequence.\n+     */\n+    handleSingle: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.timerId != null) {\n+                // already received a click\n+                if (this.last.touches && this.last.touches.length === 1) {\n+                    // touch device, no dblclick event - this may be a double\n+                    if (this[\"double\"]) {\n+                        // on Android don't let the browser zoom on the page\n+                        OpenLayers.Event.preventDefault(evt);\n+                    }\n+                    this.handleDouble(evt);\n+                }\n+                // if we're not in a touch environment we clear the click timer\n+                // if we've got a second touch, we'll get two touchend events\n+                if (!this.last.touches || this.last.touches.length !== 2) {\n+                    this.clearTimer();\n+                }\n+            } else {\n+                // remember the first click info so we can compare to the second\n+                this.first = this.getEventInfo(evt);\n+                // set the timer, send evt only if single is true\n+                //use a clone of the event object because it will no longer \n+                //be a valid event object in IE in the timer callback\n+                var clickEvent = this.single ?\n+                    OpenLayers.Util.extend({}, evt) : null;\n+                this.queuePotentialClick(clickEvent);\n+            }\n+        }\n+    },\n+\n+    /** \n+     * Method: queuePotentialClick\n+     * This method is separated out largely to make testing easier (so we\n+     *     don't have to override window.setTimeout)\n+     */\n+    queuePotentialClick: function(evt) {\n+        this.timerId = window.setTimeout(\n+            OpenLayers.Function.bind(this.delayedCall, this, evt),\n+            this.delay\n+        );\n+    },\n+\n+    /**\n+     * Method: passesTolerance\n+     * Determine whether the event is within the optional pixel tolerance.  Note\n+     *     that the pixel tolerance check only works if mousedown events get to\n+     *     the listeners registered here.  If they are stopped by other elements,\n+     *     the <pixelTolerance> will have no effect here (this method will always\n+     *     return true).\n      *\n      * Returns:\n-     * {Object} Object containing properties tilelon, tilelat, startcol,\n-     * startrow\n+     * {Boolean} The click is within the pixel tolerance (if specified).\n      */\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n-\n-        var offsetlon = bounds.left - origin.lon;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+    passesTolerance: function(evt) {\n+        var passes = true;\n+        if (this.pixelTolerance != null && this.down && this.down.xy) {\n+            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n+            // for touch environments, we also enforce that all touches\n+            // start and end within the given tolerance to be considered a click\n+            if (passes && this.touch &&\n+                this.down.touches.length === this.last.touches.length) {\n+                // the touchend event doesn't come with touches, so we check\n+                // down and last\n+                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n+                    if (this.getTouchDistance(\n+                            this.down.touches[i],\n+                            this.last.touches[i]\n+                        ) > this.pixelTolerance) {\n+                        passes = false;\n+                        break;\n+                    }\n+                }\n+            }\n+        }\n+        return passes;\n+    },\n \n-        var rowSign = this.rowSign;\n+    /** \n+     * Method: getTouchDistance\n+     *\n+     * Returns:\n+     * {Boolean} The pixel displacement between two touches.\n+     */\n+    getTouchDistance: function(from, to) {\n+        return Math.sqrt(\n+            Math.pow(from.clientX - to.clientX, 2) +\n+            Math.pow(from.clientY - to.clientY, 2)\n+        );\n+    },\n \n-        var offsetlat = rowSign * (origin.lat - bounds.top + tilelat);\n-        var tilerow = Math[~rowSign ? 'floor' : 'ceil'](offsetlat / tilelat) - this.buffer * rowSign;\n+    /**\n+     * Method: passesDblclickTolerance\n+     * Determine whether the event is within the optional double-cick pixel \n+     *     tolerance.\n+     *\n+     * Returns:\n+     * {Boolean} The click is within the double-click pixel tolerance.\n+     */\n+    passesDblclickTolerance: function(evt) {\n+        var passes = true;\n+        if (this.down && this.first) {\n+            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance;\n+        }\n+        return passes;\n+    },\n \n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n-        };\n+    /**\n+     * Method: clearTimer\n+     * Clear the timer and set <timerId> to null.\n+     */\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null;\n+        }\n+        if (this.rightclickTimerId != null) {\n+            window.clearTimeout(this.rightclickTimerId);\n+            this.rightclickTimerId = null;\n+        }\n+    },\n \n+    /**\n+     * Method: delayedCall\n+     * Sets <timerId> to null.  And optionally triggers the click callback if\n+     *     evt is set.\n+     */\n+    delayedCall: function(evt) {\n+        this.timerId = null;\n+        if (evt) {\n+            this.callback(\"click\", [evt]);\n+        }\n     },\n \n     /**\n-     * Method: getTileOrigin\n-     * Determine the origin for aligning the grid of tiles.  If a <tileOrigin>\n-     *     property is supplied, that will be returned.  Otherwise, the origin\n-     *     will be derived from the layer's <maxExtent> property.  In this case,\n-     *     the tile origin will be the corner of the <maxExtent> given by the \n-     *     <tileOriginCorner> property.\n+     * Method: getEventInfo\n+     * This method allows us to store event information without storing the\n+     *     actual event.  In touch devices (at least), the same event is \n+     *     modified between touchstart, touchmove, and touchend.\n      *\n      * Returns:\n-     * {<OpenLayers.LonLat>} The tile origin.\n+     * {Object} An object with event related info.\n      */\n-    getTileOrigin: function() {\n-        var origin = this.tileOrigin;\n-        if (!origin) {\n-            var extent = this.getMaxExtent();\n-            var edges = ({\n-                \"tl\": [\"left\", \"top\"],\n-                \"tr\": [\"right\", \"top\"],\n-                \"bl\": [\"left\", \"bottom\"],\n-                \"br\": [\"right\", \"bottom\"]\n-            })[this.tileOriginCorner];\n-            origin = new OpenLayers.LonLat(extent[edges[0]], extent[edges[1]]);\n+    getEventInfo: function(evt) {\n+        var touches;\n+        if (evt.touches) {\n+            var len = evt.touches.length;\n+            touches = new Array(len);\n+            var touch;\n+            for (var i = 0; i < len; i++) {\n+                touch = evt.touches[i];\n+                touches[i] = {\n+                    clientX: touch.olClientX,\n+                    clientY: touch.olClientY\n+                };\n+            }\n         }\n-        return origin;\n+        return {\n+            xy: evt.xy,\n+            touches: touches\n+        };\n     },\n \n     /**\n-     * Method: getTileBoundsForGridIndex\n-     *\n-     * Parameters:\n-     * row - {Number} The row of the grid\n-     * col - {Number} The column of the grid\n+     * APIMethod: deactivate\n+     * Deactivate the handler.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n+     * {Boolean} The handler was successfully deactivated.\n      */\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var startcol = tileLayout.startcol;\n-        var startrow = tileLayout.startrow;\n-        var rowSign = this.rowSign;\n-        return new OpenLayers.Bounds(\n-            origin.lon + (startcol + col) * tilelon,\n-            origin.lat - (startrow + row * rowSign) * tilelat * rowSign,\n-            origin.lon + (startcol + col + 1) * tilelon,\n-            origin.lat - (startrow + (row - 1) * rowSign) * tilelat * rowSign\n-        );\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            this.down = null;\n+            this.first = null;\n+            this.last = null;\n+            deactivated = true;\n+        }\n+        return deactivated;\n     },\n \n-    /**\n-     * Method: initGriddedTiles\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+    CLASS_NAME: \"OpenLayers.Handler.Click\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Navigation.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/ZoomBox.js\n+ * @requires OpenLayers/Control/DragPan.js\n+ * @requires OpenLayers/Handler/MouseWheel.js\n+ * @requires OpenLayers/Handler/Click.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Navigation\n+ * The navigation control handles map browsing with mouse events (dragging,\n+ *     double-clicking, and scrolling the wheel).  Create a new navigation \n+ *     control with the <OpenLayers.Control.Navigation> control.  \n+ * \n+ *     Note that this control is added to the map by default (if no controls \n+ *     array is sent in the options object to the <OpenLayers.Map> \n+ *     constructor).\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * Property: dragPan\n+     * {<OpenLayers.Control.DragPan>} \n      */\n-    initGriddedTiles: function(bounds) {\n-        this.events.triggerEvent(\"retile\");\n+    dragPan: null,\n \n-        // work out mininum number of rows and columns; this is the number of\n-        // tiles required to cover the viewport plus at least one for panning\n+    /**\n+     * APIProperty: dragPanOptions\n+     * {Object} Options passed to the DragPan control.\n+     */\n+    dragPanOptions: null,\n \n-        var viewSize = this.map.getSize();\n+    /**\n+     * Property: pinchZoom\n+     * {<OpenLayers.Control.PinchZoom>}\n+     */\n+    pinchZoom: null,\n \n-        var origin = this.getTileOrigin();\n-        var resolution = this.map.getResolution(),\n-            serverResolution = this.getServerResolution(),\n-            ratio = resolution / serverResolution,\n-            tileSize = {\n-                w: this.tileSize.w / ratio,\n-                h: this.tileSize.h / ratio\n-            };\n+    /**\n+     * APIProperty: pinchZoomOptions\n+     * {Object} Options passed to the PinchZoom control.\n+     */\n+    pinchZoomOptions: null,\n \n-        var minRows = Math.ceil(viewSize.h / tileSize.h) +\n-            2 * this.buffer + 1;\n-        var minCols = Math.ceil(viewSize.w / tileSize.w) +\n-            2 * this.buffer + 1;\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} Allow panning of the map by dragging outside map viewport.\n+     *     Default is false.\n+     */\n+    documentDrag: false,\n \n-        var tileLayout = this.calculateGridLayout(bounds, origin, serverResolution);\n-        this.gridLayout = tileLayout;\n+    /** \n+     * Property: zoomBox\n+     * {<OpenLayers.Control.ZoomBox>}\n+     */\n+    zoomBox: null,\n \n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n+    /**\n+     * APIProperty: zoomBoxEnabled\n+     * {Boolean} Whether the user can draw a box to zoom\n+     */\n+    zoomBoxEnabled: true,\n \n-        var layerContainerDivLeft = this.map.layerContainerOriginPx.x;\n-        var layerContainerDivTop = this.map.layerContainerOriginPx.y;\n+    /**\n+     * APIProperty: zoomWheelEnabled\n+     * {Boolean} Whether the mousewheel should zoom the map\n+     */\n+    zoomWheelEnabled: true,\n \n-        var tileBounds = this.getTileBoundsForGridIndex(0, 0);\n-        var startPx = this.map.getViewPortPxFromLonLat(\n-            new OpenLayers.LonLat(tileBounds.left, tileBounds.top)\n-        );\n-        startPx.x = Math.round(startPx.x) - layerContainerDivLeft;\n-        startPx.y = Math.round(startPx.y) - layerContainerDivTop;\n+    /**\n+     * Property: mouseWheelOptions\n+     * {Object} Options passed to the MouseWheel control (only useful if\n+     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n+     *     with fractionalZoom set to true, otherwise\n+     *     {cumulative: false, interval: 50, maxDelta: 6} \n+     */\n+    mouseWheelOptions: null,\n \n-        var tileData = [],\n-            center = this.map.getCenter();\n+    /**\n+     * APIProperty: handleRightClicks\n+     * {Boolean} Whether or not to handle right clicks. Default is false.\n+     */\n+    handleRightClicks: false,\n \n-        var rowidx = 0;\n-        do {\n-            var row = this.grid[rowidx];\n-            if (!row) {\n-                row = [];\n-                this.grid.push(row);\n-            }\n+    /**\n+     * APIProperty: zoomBoxKeyMask\n+     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n+     *    pressed, while drawing the zoom box with the mouse on the screen. \n+     *    You should probably set handleRightClicks to true if you use this\n+     *    with MOD_CTRL, to disable the context menu for machines which use\n+     *    CTRL-Click as a right click.\n+     * Default: <OpenLayers.Handler.MOD_SHIFT>\n+     */\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n \n-            var colidx = 0;\n-            do {\n-                tileBounds = this.getTileBoundsForGridIndex(rowidx, colidx);\n-                var px = startPx.clone();\n-                px.x = px.x + colidx * Math.round(tileSize.w);\n-                px.y = px.y + rowidx * Math.round(tileSize.h);\n-                var tile = row[colidx];\n-                if (!tile) {\n-                    tile = this.addTile(tileBounds, px);\n-                    this.addTileMonitoringHooks(tile);\n-                    row.push(tile);\n-                } else {\n-                    tile.moveTo(tileBounds, px, false);\n-                }\n-                var tileCenter = tileBounds.getCenterLonLat();\n-                tileData.push({\n-                    tile: tile,\n-                    distance: Math.pow(tileCenter.lon - center.lon, 2) +\n-                        Math.pow(tileCenter.lat - center.lat, 2)\n-                });\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n \n-                colidx += 1;\n-            } while ((tileBounds.right <= bounds.right + tilelon * this.buffer) ||\n-                colidx < minCols);\n+    /**\n+     * Constructor: OpenLayers.Control.Navigation\n+     * Create a new navigation control\n+     * \n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n+     */\n+    initialize: function(options) {\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    },\n \n-            rowidx += 1;\n-        } while ((tileBounds.bottom >= bounds.bottom - tilelat * this.buffer) ||\n-            rowidx < minRows);\n+    /**\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n+     */\n+    destroy: function() {\n+        this.deactivate();\n \n-        //shave off exceess rows and colums\n-        this.removeExcessTiles(rowidx, colidx);\n+        if (this.dragPan) {\n+            this.dragPan.destroy();\n+        }\n+        this.dragPan = null;\n \n-        var resolution = this.getServerResolution();\n-        // store the resolution of the grid\n-        this.gridResolution = resolution;\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy();\n+        }\n+        this.zoomBox = null;\n \n-        //now actually draw the tiles\n-        tileData.sort(function(a, b) {\n-            return a.distance - b.distance;\n-        });\n-        for (var i = 0, ii = tileData.length; i < ii; ++i) {\n-            tileData[i].tile.draw();\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n         }\n+        this.pinchZoom = null;\n+\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: getMaxExtent\n-     * Get this layer's maximum extent. (Implemented as a getter for\n-     *     potential specific implementations in sub-classes.)\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * Method: activate\n      */\n-    getMaxExtent: function() {\n-        return this.maxExtent;\n+    activate: function() {\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate();\n+        }\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate();\n+        }\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate();\n+        }\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: addTile\n-     * Create a tile, initialize it, and add it to the layer div. \n-     *\n-     * Parameters\n-     * bounds - {<OpenLayers.Bounds>}\n-     * position - {<OpenLayers.Pixel>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Tile>} The added OpenLayers.Tile\n+     * Method: deactivate\n      */\n-    addTile: function(bounds, position) {\n-        var tile = new this.tileClass(\n-            this, position, bounds, null, this.tileSize, this.tileOptions\n-        );\n-        this.events.triggerEvent(\"addtile\", {\n-            tile: tile\n-        });\n-        return tile;\n+    deactivate: function() {\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate();\n+        }\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n     },\n \n-    /** \n-     * Method: addTileMonitoringHooks\n-     * This function takes a tile as input and adds the appropriate hooks to \n-     *     the tile so that the layer can keep track of the loading tiles.\n-     * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n+    /**\n+     * Method: draw\n      */\n-    addTileMonitoringHooks: function(tile) {\n-\n-        var replacingCls = 'olTileReplacing';\n+    draw: function() {\n+        // disable right mouse context menu for support of right click events\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n+        }\n \n-        tile.onLoadStart = function() {\n-            //if that was first tile then trigger a 'loadstart' on the layer\n-            if (this.loading === false) {\n-                this.loading = true;\n-                this.events.triggerEvent(\"loadstart\");\n-            }\n-            this.events.triggerEvent(\"tileloadstart\", {\n-                tile: tile\n-            });\n-            this.numLoadingTiles++;\n-            if (!this.singleTile && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n-                OpenLayers.Element.addClass(tile.getTile(), replacingCls);\n-            }\n+        var clickCallbacks = {\n+            'click': this.defaultClick,\n+            'dblclick': this.defaultDblClick,\n+            'dblrightclick': this.defaultDblRightClick\n         };\n-\n-        tile.onLoadEnd = function(evt) {\n-            this.numLoadingTiles--;\n-            var aborted = evt.type === 'unload';\n-            this.events.triggerEvent(\"tileloaded\", {\n-                tile: tile,\n-                aborted: aborted\n-            });\n-            if (!this.singleTile && !aborted && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n-                var tileDiv = tile.getTile();\n-                if (OpenLayers.Element.getStyle(tileDiv, 'display') === 'none') {\n-                    var bufferTile = document.getElementById(tile.id + '_bb');\n-                    if (bufferTile) {\n-                        bufferTile.parentNode.removeChild(bufferTile);\n-                    }\n-                }\n-                OpenLayers.Element.removeClass(tileDiv, replacingCls);\n-            }\n-            //if that was the last tile, then trigger a 'loadend' on the layer\n-            if (this.numLoadingTiles === 0) {\n-                if (this.backBuffer) {\n-                    if (this.backBuffer.childNodes.length === 0) {\n-                        // no tiles transitioning, remove immediately\n-                        this.removeBackBuffer();\n-                    } else {\n-                        // wait until transition has ended or delay has passed\n-                        this._transitionElement = aborted ?\n-                            this.div.lastChild : tile.imgDiv;\n-                        var transitionendEvents = this.transitionendEvents;\n-                        for (var i = transitionendEvents.length - 1; i >= 0; --i) {\n-                            OpenLayers.Event.observe(this._transitionElement,\n-                                transitionendEvents[i],\n-                                this._removeBackBuffer);\n-                        }\n-                        // the removal of the back buffer is delayed to prevent\n-                        // flash effects due to the animation of tile displaying\n-                        this.backBufferTimerId = window.setTimeout(\n-                            this._removeBackBuffer, this.removeBackBufferDelay\n-                        );\n-                    }\n-                }\n-                this.loading = false;\n-                this.events.triggerEvent(\"loadend\");\n-            }\n+        var clickOptions = {\n+            'double': true,\n+            'stopDouble': true\n         };\n-\n-        tile.onLoadError = function() {\n-            this.events.triggerEvent(\"tileerror\", {\n-                tile: tile\n-            });\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, clickCallbacks, clickOptions\n+        );\n+        this.dragPan = new OpenLayers.Control.DragPan(\n+            OpenLayers.Util.extend({\n+                map: this.map,\n+                documentDrag: this.documentDrag\n+            }, this.dragPanOptions)\n+        );\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n+        });\n+        this.dragPan.draw();\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n         };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n+            this, {\n+                up: this.wheelUp,\n+                down: this.wheelDown\n+            },\n+            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n+        );\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+                OpenLayers.Util.extend({\n+                    map: this.map\n+                }, this.pinchZoomOptions));\n+        }\n+    },\n \n-        tile.events.on({\n-            \"loadstart\": tile.onLoadStart,\n-            \"loadend\": tile.onLoadEnd,\n-            \"unload\": tile.onLoadEnd,\n-            \"loaderror\": tile.onLoadError,\n-            scope: this\n-        });\n+    /**\n+     * Method: defaultClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut();\n+        }\n     },\n \n-    /** \n-     * Method: removeTileMonitoringHooks\n-     * This function takes a tile as input and removes the tile hooks \n-     *     that were added in addTileMonitoringHooks()\n+    /**\n+     * Method: defaultDblClick \n      * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n+     * Parameters:\n+     * evt - {Event} \n      */\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            \"loadstart\": tile.onLoadStart,\n-            \"loadend\": tile.onLoadEnd,\n-            \"unload\": tile.onLoadEnd,\n-            \"loaderror\": tile.onLoadError,\n-            scope: this\n-        });\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n     },\n \n     /**\n-     * Method: moveGriddedTiles\n+     * Method: defaultDblRightClick \n+     * \n+     * Parameters:\n+     * evt - {Event} \n      */\n-    moveGriddedTiles: function() {\n-        var buffer = this.buffer + 1;\n-        while (true) {\n-            var tlTile = this.grid[0][0];\n-            var tlViewPort = {\n-                x: tlTile.position.x +\n-                    this.map.layerContainerOriginPx.x,\n-                y: tlTile.position.y +\n-                    this.map.layerContainerOriginPx.y\n-            };\n-            var ratio = this.getServerResolution() / this.map.getResolution();\n-            var tileSize = {\n-                w: Math.round(this.tileSize.w * ratio),\n-                h: Math.round(this.tileSize.h * ratio)\n-            };\n-            if (tlViewPort.x > -tileSize.w * (buffer - 1)) {\n-                this.shiftColumn(true, tileSize);\n-            } else if (tlViewPort.x < -tileSize.w * buffer) {\n-                this.shiftColumn(false, tileSize);\n-            } else if (tlViewPort.y > -tileSize.h * (buffer - 1)) {\n-                this.shiftRow(true, tileSize);\n-            } else if (tlViewPort.y < -tileSize.h * buffer) {\n-                this.shiftRow(false, tileSize);\n-            } else {\n-                break;\n-            }\n-        }\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n     },\n \n     /**\n-     * Method: shiftRow\n-     * Shifty grid work\n+     * Method: wheelChange  \n      *\n      * Parameters:\n-     * prepend - {Boolean} if true, prepend to beginning.\n-     *                          if false, then append to end\n-     * tileSize - {Object} rendered tile size; object with w and h properties\n+     * evt - {Event}\n+     * deltaZ - {Integer}\n      */\n-    shiftRow: function(prepend, tileSize) {\n-        var grid = this.grid;\n-        var rowIndex = prepend ? 0 : (grid.length - 1);\n-        var sign = prepend ? -1 : 1;\n-        var rowSign = this.rowSign;\n-        var tileLayout = this.gridLayout;\n-        tileLayout.startrow += sign * rowSign;\n-\n-        var modelRow = grid[rowIndex];\n-        var row = grid[prepend ? 'pop' : 'shift']();\n-        for (var i = 0, len = row.length; i < len; i++) {\n-            var tile = row[i];\n-            var position = modelRow[i].position.clone();\n-            position.y += tileSize.h * sign;\n-            tile.moveTo(this.getTileBoundsForGridIndex(rowIndex, i), position);\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ);\n         }\n-        grid[prepend ? 'unshift' : 'push'](row);\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n+            return;\n+        }\n+        this.map.zoomTo(newZoom, evt.xy);\n     },\n \n-    /**\n-     * Method: shiftColumn\n-     * Shift grid work in the other dimension\n-     *\n+    /** \n+     * Method: wheelUp\n+     * User spun scroll wheel up\n+     * \n      * Parameters:\n-     * prepend - {Boolean} if true, prepend to beginning.\n-     *                          if false, then append to end\n-     * tileSize - {Object} rendered tile size; object with w and h properties\n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    shiftColumn: function(prepend, tileSize) {\n-        var grid = this.grid;\n-        var colIndex = prepend ? 0 : (grid[0].length - 1);\n-        var sign = prepend ? -1 : 1;\n-        var tileLayout = this.gridLayout;\n-        tileLayout.startcol += sign;\n-\n-        for (var i = 0, len = grid.length; i < len; i++) {\n-            var row = grid[i];\n-            var position = row[colIndex].position.clone();\n-            var tile = row[prepend ? 'pop' : 'shift']();\n-            position.x += tileSize.w * sign;\n-            tile.moveTo(this.getTileBoundsForGridIndex(i, colIndex), position);\n-            row[prepend ? 'unshift' : 'push'](tile);\n-        }\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1);\n     },\n \n-    /**\n-     * Method: removeExcessTiles\n-     * When the size of the map or the buffer changes, we may need to\n-     *     remove some excess rows and columns.\n+    /** \n+     * Method: wheelDown\n+     * User spun scroll wheel down\n      * \n      * Parameters:\n-     * rows - {Integer} Maximum number of rows we want our grid to have.\n-     * columns - {Integer} Maximum number of columns we want our grid to have.\n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    removeExcessTiles: function(rows, columns) {\n-        var i, l;\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1);\n+    },\n \n-        // remove extra rows\n-        while (this.grid.length > rows) {\n-            var row = this.grid.pop();\n-            for (i = 0, l = row.length; i < l; i++) {\n-                var tile = row[i];\n-                this.destroyTile(tile);\n-            }\n-        }\n+    /**\n+     * Method: disableZoomBox\n+     */\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate();\n+    },\n \n-        // remove extra columns\n-        for (i = 0, l = this.grid.length; i < l; i++) {\n-            while (this.grid[i].length > columns) {\n-                var row = this.grid[i];\n-                var tile = row.pop();\n-                this.destroyTile(tile);\n-            }\n+    /**\n+     * Method: enableZoomBox\n+     */\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate();\n         }\n     },\n \n     /**\n-     * Method: onMapResize\n-     * For singleTile layers, this will set a new tile size according to the\n-     * dimensions of the map pane.\n+     * Method: disableZoomWheel\n      */\n-    onMapResize: function() {\n-        if (this.singleTile) {\n-            this.clearGrid();\n-            this.setTileSize();\n-        }\n+\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate();\n     },\n \n     /**\n-     * APIMethod: getTileBounds\n-     * Returns The tile bounds for a layer given a pixel location.\n-     *\n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n+     * Method: enableZoomWheel\n      */\n-    getTileBounds: function(viewPortPx) {\n-        var maxExtent = this.maxExtent;\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = maxExtent.left + (tileMapWidth *\n-            Math.floor((mapPoint.lon -\n-                    maxExtent.left) /\n-                tileMapWidth));\n-        var tileBottom = maxExtent.bottom + (tileMapHeight *\n-            Math.floor((mapPoint.lat -\n-                    maxExtent.bottom) /\n-                tileMapHeight));\n-        return new OpenLayers.Bounds(tileLeft, tileBottom,\n-            tileLeft + tileMapWidth,\n-            tileBottom + tileMapHeight);\n+\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate();\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Grid\"\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/XYZ.js\n+    OpenLayers/Handler/Feature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Handler.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.XYZ\n- * The XYZ class is designed to make it easier for people who have tiles\n- * arranged by a standard XYZ grid. \n- * \n+/**\n+ * Class: OpenLayers.Handler.Feature \n+ * Handler to respond to mouse events related to a drawn feature.  Callbacks\n+ *     with the following keys will be notified of the following events\n+ *     associated with features: click, clickout, over, out, and dblclick.\n+ *\n+ * This handler stops event propagation for mousedown and mouseup if those\n+ *     browser events target features that can be selected.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * Default is true, as this is designed to be a base tile source. \n+     * Property: EVENTMAP\n+     * {Object} A object mapping the browser events to objects with callback\n+     *     keys for in and out.\n      */\n-    isBaseLayer: true,\n+    EVENTMAP: {\n+        'click': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        },\n+        'mousemove': {\n+            'in': 'over',\n+            'out': 'out'\n+        },\n+        'dblclick': {\n+            'in': 'dblclick',\n+            'out': null\n+        },\n+        'mousedown': {\n+            'in': null,\n+            'out': null\n+        },\n+        'mouseup': {\n+            'in': null,\n+            'out': null\n+        },\n+        'touchstart': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        }\n+    },\n \n     /**\n-     * APIProperty: sphericalMercator\n-     * Whether the tile extents should be set to the defaults for \n-     *    spherical mercator. Useful for things like OpenStreetMap.\n-     *    Default is false, except for the OSM subclass.\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n      */\n-    sphericalMercator: false,\n+    feature: null,\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n+     * Property: lastFeature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n      */\n-    zoomOffset: 0,\n+    lastFeature: null,\n \n     /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n+     * Property: down\n+     * {<OpenLayers.Pixel>} The location of the last mousedown.\n      */\n-    serverResolutions: null,\n+    down: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.XYZ\n+     * Property: up\n+     * {<OpenLayers.Pixel>} The location of the last mouseup.\n+     */\n+    up: null,\n+\n+    /**\n+     * Property: clickTolerance\n+     * {Number} The number of pixels the mouse can move between mousedown\n+     *     and mouseup for the event to still be considered a click.\n+     *     Dragging the map should not trigger the click and clickout callbacks\n+     *     unless the map is moved by less than this tolerance. Defaults to 4.\n+     */\n+    clickTolerance: 4,\n+\n+    /**\n+     * Property: geometryTypes\n+     * To restrict dragging to a limited set of geometry types, send a list\n+     * of strings corresponding to the geometry class names.\n+     * \n+     * @type Array(String)\n+     */\n+    geometryTypes: null,\n+\n+    /**\n+     * Property: stopClick\n+     * {Boolean} If stopClick is set to true, handled clicks do not\n+     *      propagate to other click listeners. Otherwise, handled clicks\n+     *      do propagate. Unhandled clicks always propagate, whatever the\n+     *      value of stopClick. Defaults to true.\n+     */\n+    stopClick: true,\n+\n+    /**\n+     * Property: stopDown\n+     * {Boolean} If stopDown is set to true, handled mousedowns do not\n+     *      propagate to other mousedown listeners. Otherwise, handled\n+     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n+     *      whatever the value of stopDown. Defaults to true.\n+     */\n+    stopDown: true,\n+\n+    /**\n+     * Property: stopUp\n+     * {Boolean} If stopUp is set to true, handled mouseups do not\n+     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n+     *      do propagate. Unhandled mouseups always propagate, whatever the\n+     *      value of stopUp. Defaults to false.\n+     */\n+    stopUp: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Feature\n      *\n      * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * control - {<OpenLayers.Control>} \n+     * layer - {<OpenLayers.Layer.Vector>}\n+     * callbacks - {Object} An object with a 'over' property whos value is\n+     *     a function to be called when the mouse is over a feature. The \n+     *     callback should expect to recieve a single argument, the feature.\n+     * options - {Object} \n      */\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options);\n-        }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name || this.name, url || this.url, {},\n-            options\n-        ]);\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer;\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n+     * Method: touchstart\n+     * Handle touchstart events\n      *\n      * Parameters:\n-     * obj - {Object} Is this ever used?\n-     * \n+     * evt - {Event}\n+     *\n      * Returns:\n-     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+     * {Boolean} Let the event propagate.\n      */\n-    clone: function(obj) {\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ?\n+            true : this.mousedown(evt);\n+    },\n \n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name,\n-                this.url,\n-                this.getOptions());\n-        }\n+    /**\n+     * Method: touchmove\n+     * Handle touchmove events. We just prevent the browser default behavior,\n+     *    for Android Webkit not to select text when moving the finger after\n+     *    selecting a feature.\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt);\n+    },\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+    /**\n+     * Method: mousedown\n+     * Handle mouse down.  Stop propagation if a feature is targeted by this\n+     *     event (stops map dragging during feature selection).\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mousedown: function(evt) {\n+        // Feature selection is only done with a left click. Other handlers may stop the\n+        // propagation of left-click mousedown events but not right-click mousedown events.\n+        // This mismatch causes problems when comparing the location of the down and up\n+        // events in the click function so it is important ignore right-clicks.\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy;\n+        }\n+        return this.handle(evt) ? !this.stopDown : true;\n+    },\n \n-        return obj;\n+    /**\n+     * Method: mouseup\n+     * Handle mouse up.  Stop propagation if a feature is targeted by this\n+     *     event.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true;\n     },\n \n     /**\n-     * Method: getURL\n+     * Method: click\n+     * Handle click.  Call the \"click\" callback if click on a feature,\n+     *     or the \"clickout\" callback if click outside any feature.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n      *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true;\n+    },\n+\n+    /**\n+     * Method: mousemove\n+     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n+     *     or the \"out\" callback if moving out of a feature.\n+     * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * evt - {Event} \n      *\n      * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n+     * {Boolean}\n      */\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = '' + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url);\n+    mousemove: function(evt) {\n+        if (!this.callbacks['over'] && !this.callbacks['out']) {\n+            return true;\n         }\n+        this.handle(evt);\n+        return true;\n+    },\n \n-        return OpenLayers.String.format(url, xyz);\n+    /**\n+     * Method: dblclick\n+     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n+     *\n+     * Parameters:\n+     * evt - {Event} \n+     *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    dblclick: function(evt) {\n+        return !this.handle(evt);\n     },\n \n     /**\n-     * Method: getXYZ\n-     * Calculates x, y and z for the given bounds.\n+     * Method: geometryTypeMatches\n+     * Return true if the geometry type of the passed feature matches\n+     *     one of the geometry types in the geometryTypes array.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * feature - {<OpenLayers.Vector.Feature>}\n      *\n      * Returns:\n-     * {Object} - an object with x, y and z properties.\n+     * {Boolean}\n      */\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) /\n-            (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) /\n-            (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null ||\n+            OpenLayers.Util.indexOf(this.geometryTypes,\n+                feature.geometry.CLASS_NAME) > -1;\n+    },\n \n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = ((x % limit) + limit) % limit;\n+    /**\n+     * Method: handle\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} The event occurred over a relevant feature.\n+     */\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!(this.feature); // previously in a feature\n+        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            // last feature has been destroyed\n+            this.lastFeature = null;\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                // stop the event to prevent Android Webkit from\n+                // \"flashing\" the map div\n+                OpenLayers.Event.preventDefault(evt);\n+            }\n+            var inNew = (this.feature != this.lastFeature);\n+            if (this.geometryTypeMatches(this.feature)) {\n+                // in to a feature\n+                if (previouslyIn && inNew) {\n+                    // out of last feature and in to another\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, 'out', [this.lastFeature]);\n+                    }\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                } else if (!previouslyIn || click) {\n+                    // in feature for the first time\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true;\n+            } else {\n+                // not in to a feature\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    // out of last feature for the first time\n+                    this.triggerCallback(type, 'out', [this.lastFeature]);\n+                }\n+                // next time the mouse goes in a feature whose geometry type\n+                // doesn't match we don't want to call the 'out' callback\n+                // again, so let's set this.feature to null so that\n+                // previouslyIn will evaluate to false the next time\n+                // we enter handle. Yes, a bit hackish...\n+                this.feature = null;\n+            }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, 'out', [this.lastFeature]);\n         }\n+        return handled;\n+    },\n \n-        return {\n-            'x': x,\n-            'y': y,\n-            'z': z\n-        };\n+    /**\n+     * Method: triggerCallback\n+     * Call the callback keyed in the event map with the supplied arguments.\n+     *     For click and clickout, the <clickTolerance> is checked first.\n+     *\n+     * Parameters:\n+     * type - {String}\n+     */\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == 'click' && this.up && this.down) {\n+                // for click/clickout, only trigger callback if tolerance is met\n+                var dpx = Math.sqrt(\n+                    Math.pow(this.up.x - this.down.x, 2) +\n+                    Math.pow(this.up.y - this.down.y, 2)\n+                );\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args);\n+                }\n+                // we're done with this set of events now: clear the cached\n+                // positions so we can't trip over them later (this can occur\n+                // if one of the up/down events gets eaten before it gets to us\n+                // but we still get the click)\n+                this.up = this.down = null;\n+            } else {\n+                this.callback(key, args);\n+            }\n+        }\n     },\n \n-    /* APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n+    /**\n+     * Method: activate \n+     * Turn on the handler.  Returns false if the handler was already active.\n+     *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true;\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate \n+     * Turn off the handler.  Returns false if the handler was already active.\n+     *\n+     * Returns: \n+     * {Boolean}\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            deactivated = true;\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: handleMapEvents\n      * \n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * evt - {Object}\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n-                this.maxExtent.bottom);\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop();\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+    /**\n+     * Method: moveLayerToTop\n+     * Moves the layer for this handler to the top, so mouse events can reach\n+     * it.\n+     */\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n+            this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index);\n+\n+    },\n+\n+    /**\n+     * Method: moveLayerBack\n+     * Moves the layer back to the position determined by the map's layers\n+     * array.\n+     */\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n+            this.layer.setZIndex(index);\n+        } else {\n+            this.map.setLayerZIndex(this.layer,\n+                this.map.getLayerIndex(this.layer));\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Bing.js\n+    OpenLayers/Layer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Map.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.Bing\n- * Bing layer using direct tile access as provided by Bing Maps REST Services.\n- * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n- * information. Note: Terms of Service compliant use requires the map to be\n- * configured with an <OpenLayers.Control.Attribution> control and the\n- * attribution placed on or near the map.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+/**\n+ * Class: OpenLayers.Layer\n  */\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Layer = OpenLayers.Class({\n \n     /**\n-     * Property: key\n-     * {String} API key for Bing maps, get your own key \n-     *     at http://bingmapsportal.com/ .\n+     * APIProperty: id\n+     * {String}\n      */\n-    key: null,\n+    id: null,\n+\n+    /** \n+     * APIProperty: name\n+     * {String}\n+     */\n+    name: null,\n+\n+    /** \n+     * APIProperty: div\n+     * {DOMElement}\n+     */\n+    div: null,\n \n     /**\n-     * Property: serverResolutions\n-     * {Array} the resolutions provided by the Bing servers.\n+     * APIProperty: opacity\n+     * {Float} The layer's opacity. Float number between 0.0 and 1.0. Default\n+     * is 1.\n      */\n-    serverResolutions: [\n-        156543.03390625, 78271.516953125, 39135.7584765625,\n-        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n-        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n-        305.74811309814453, 152.87405654907226, 76.43702827453613,\n-        38.218514137268066, 19.109257068634033, 9.554628534317017,\n-        4.777314267158508, 2.388657133579254, 1.194328566789627,\n-        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n-        0.07464553542435169\n+    opacity: 1,\n+\n+    /**\n+     * APIProperty: alwaysInRange\n+     * {Boolean} If a layer's display should not be scale-based, this should \n+     *     be set to true. This will cause the layer, as an overlay, to always \n+     *     be 'active', by always returning true from the calculateInRange() \n+     *     function. \n+     * \n+     *     If not explicitly specified for a layer, its value will be \n+     *     determined on startup in initResolutions() based on whether or not \n+     *     any scale-specific properties have been set as options on the \n+     *     layer. If no scale-specific options have been set on the layer, we \n+     *     assume that it should always be in range.\n+     * \n+     *     See #987 for more info.\n+     */\n+    alwaysInRange: null,\n+\n+    /**\n+     * Constant: RESOLUTION_PROPERTIES\n+     * {Array} The properties that are used for calculating resolutions\n+     *     information.\n+     */\n+    RESOLUTION_PROPERTIES: [\n+        'scales', 'resolutions',\n+        'maxScale', 'minScale',\n+        'maxResolution', 'minResolution',\n+        'numZoomLevels', 'maxZoomLevel'\n     ],\n \n     /**\n-     * Property: attributionTemplate\n-     * {String}\n+     * APIProperty: events\n+     * {<OpenLayers.Events>}\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * layer.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n+     *\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to layer.events.object.\n+     * element - {DOMElement} A reference to layer.events.element.\n+     *\n+     * Supported map event types:\n+     * loadstart - Triggered when layer loading starts.  When using a Vector \n+     *     layer with a Fixed or BBOX strategy, the event object includes \n+     *     a *filter* property holding the OpenLayers.Filter used when \n+     *     calling read on the protocol.\n+     * loadend - Triggered when layer loading ends.  When using a Vector layer\n+     *     with a Fixed or BBOX strategy, the event object includes a \n+     *     *response* property holding an OpenLayers.Protocol.Response object.\n+     * visibilitychanged - Triggered when the layer's visibility property is\n+     *     changed, e.g. by turning the layer on or off in the layer switcher.\n+     *     Note that the actual visibility of the layer can also change if it\n+     *     gets out of range (see <calculateInRange>). If you also want to catch\n+     *     these cases, register for the map's 'changelayer' event instead.\n+     * move - Triggered when layer moves (triggered with every mousemove\n+     *     during a drag).\n+     * moveend - Triggered when layer is done moving, object passed as\n+     *     argument has a zoomChanged boolean property which tells that the\n+     *     zoom has changed.\n+     * added - Triggered after the layer is added to a map.  Listeners will\n+     *     receive an object with a *map* property referencing the map and a\n+     *     *layer* property referencing the layer.\n+     * removed - Triggered after the layer is removed from the map.  Listeners\n+     *     will receive an object with a *map* property referencing the map and\n+     *     a *layer* property referencing the layer.\n      */\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n-        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n-        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n-        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n-        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n-        'Terms of Use</a></span>',\n+    events: null,\n \n     /**\n-     * Property: metadata\n-     * {Object} Metadata for this layer, as returned by the callback script\n+     * APIProperty: map\n+     * {<OpenLayers.Map>} This variable is set when the layer is added to \n+     *     the map, via the accessor function setMap().\n      */\n-    metadata: null,\n+    map: null,\n \n     /**\n-     * Property: protocolRegex\n-     * {RegExp} Regular expression to match and replace http: in bing urls\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Whether or not the layer is a base layer. This should be set \n+     *     individually by all subclasses. Default is false\n      */\n-    protocolRegex: /^http:/i,\n+    isBaseLayer: false,\n \n     /**\n-     * APIProperty: type\n-     * {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.  Default is \"Road\".\n+     * Property: alpha\n+     * {Boolean} The layer's images have an alpha channel.  Default is false.\n      */\n-    type: \"Road\",\n+    alpha: false,\n+\n+    /** \n+     * APIProperty: displayInLayerSwitcher\n+     * {Boolean} Display the layer's name in the layer switcher.  Default is\n+     *     true.\n+     */\n+    displayInLayerSwitcher: true,\n \n     /**\n-     * APIProperty: culture\n-     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n-     * for the definition and the possible values.  Default is \"en-US\".\n+     * APIProperty: visibility\n+     * {Boolean} The layer should be displayed in the map.  Default is true.\n      */\n-    culture: \"en-US\",\n+    visibility: true,\n \n     /**\n-     * APIProperty: metadataParams\n-     * {Object} Optional url parameters for the Get Imagery Metadata request\n-     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     * APIProperty: attribution\n+     * {String} Attribution string, displayed when an \n+     *     <OpenLayers.Control.Attribution> has been added to the map.\n      */\n-    metadataParams: null,\n+    attribution: null,\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n+    /** \n+     * Property: inRange\n+     * {Boolean} The current map resolution is within the layer's min/max \n+     *     range. This is set in <OpenLayers.Map.setCenter> whenever the zoom \n+     *     changes.\n      */\n-    tileOptions: null,\n+    inRange: false,\n \n-    /** APIProperty: protocol\n-     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n-     *  Can be 'http:' 'https:' or ''\n-     *\n-     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n-     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n-     *  this is undocumented and the Imagery Metadata API always returns HTTP\n-     *  urls.\n+    /**\n+     * Propery: imageSize\n+     * {<OpenLayers.Size>} For layers with a gutter, the image is larger than \n+     *     the tile by twice the gutter in each dimension.\n+     */\n+    imageSize: null,\n+\n+    // OPTIONS\n+\n+    /** \n+     * Property: options\n+     * {Object} An optional object whose properties will be set on the layer.\n+     *     Any of the layer properties can be set as a property of the options\n+     *     object and sent to the constructor when the layer is created.\n+     */\n+    options: null,\n+\n+    /**\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n+     */\n+    eventListeners: null,\n+\n+    /**\n+     * APIProperty: gutter\n+     * {Integer} Determines the width (in pixels) of the gutter around image\n+     *     tiles to ignore.  By setting this property to a non-zero value,\n+     *     images will be requested that are wider and taller than the tile\n+     *     size by a value of 2 x gutter.  This allows artifacts of rendering\n+     *     at tile edges to be ignored.  Set a gutter value that is equal to\n+     *     half the size of the widest symbol that needs to be displayed.\n+     *     Defaults to zero.  Non-tiled layers always have zero gutter.\n+     */\n+    gutter: 0,\n+\n+    /**\n+     * APIProperty: projection\n+     * {<OpenLayers.Projection>} or {<String>} Specifies the projection of the layer.\n+     *     Can be set in the layer options. If not specified in the layer options,\n+     *     it is set to the default projection specified in the map,\n+     *     when the layer is added to the map.\n+     *     Projection along with default maxExtent and resolutions\n+     *     are set automatically with commercial baselayers in EPSG:3857,\n+     *     such as Google, Bing and OpenStreetMap, and do not need to be specified.\n+     *     Otherwise, if specifying projection, also set maxExtent,\n+     *     maxResolution or resolutions as appropriate.\n+     *     When using vector layers with strategies, layer projection should be set\n+     *     to the projection of the source data if that is different from the map default.\n+     * \n+     *     Can be either a string or an <OpenLayers.Projection> object;\n+     *     if a string is passed, will be converted to an object when\n+     *     the layer is added to the map.\n+     * \n+     */\n+    projection: null,\n+\n+    /**\n+     * APIProperty: units\n+     * {String} The layer map units.  Defaults to null.  Possible values\n+     *     are 'degrees' (or 'dd'), 'm', 'ft', 'km', 'mi', 'inches'.\n+     *     Normally taken from the projection.\n+     *     Only required if both map and layers do not define a projection,\n+     *     or if they define a projection which does not define units.\n+     */\n+    units: null,\n+\n+    /**\n+     * APIProperty: scales\n+     * {Array}  An array of map scales in descending order.  The values in the\n+     *     array correspond to the map scale denominator.  Note that these\n+     *     values only make sense if the display (monitor) resolution of the\n+     *     client is correctly guessed by whomever is configuring the\n+     *     application.  In addition, the units property must also be set.\n+     *     Use <resolutions> instead wherever possible.\n+     */\n+    scales: null,\n+\n+    /**\n+     * APIProperty: resolutions\n+     * {Array} A list of map resolutions (map units per pixel) in descending\n+     *     order.  If this is not set in the layer constructor, it will be set\n+     *     based on other resolution related properties (maxExtent,\n+     *     maxResolution, maxScale, etc.).\n+     */\n+    resolutions: null,\n+\n+    /**\n+     * APIProperty: maxExtent\n+     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n+     *     should consist of four values (left, bottom, right, top).\n+     *     The maximum extent for the layer.  Defaults to null.\n+     * \n+     *     The center of these bounds will not stray outside\n+     *     of the viewport extent during panning.  In addition, if\n+     *     <displayOutsideMaxExtent> is set to false, data will not be\n+     *     requested that falls completely outside of these bounds.\n+     */\n+    maxExtent: null,\n+\n+    /**\n+     * APIProperty: minExtent\n+     * {<OpenLayers.Bounds>|Array} If provided as an array, the array\n+     *     should consist of four values (left, bottom, right, top).\n+     *     The minimum extent for the layer.  Defaults to null.\n+     */\n+    minExtent: null,\n+\n+    /**\n+     * APIProperty: maxResolution\n+     * {Float} Default max is 360 deg / 256 px, which corresponds to\n+     *     zoom level 0 on gmaps.  Specify a different value in the layer \n+     *     options if you are not using the default <OpenLayers.Map.tileSize>\n+     *     and displaying the whole world.\n+     */\n+    maxResolution: null,\n+\n+    /**\n+     * APIProperty: minResolution\n+     * {Float}\n+     */\n+    minResolution: null,\n+\n+    /**\n+     * APIProperty: numZoomLevels\n+     * {Integer}\n+     */\n+    numZoomLevels: null,\n+\n+    /**\n+     * APIProperty: minScale\n+     * {Float}\n+     */\n+    minScale: null,\n+\n+    /**\n+     * APIProperty: maxScale\n+     * {Float}\n+     */\n+    maxScale: null,\n+\n+    /**\n+     * APIProperty: displayOutsideMaxExtent\n+     * {Boolean} Request map tiles that are completely outside of the max \n+     *     extent for this layer. Defaults to false.\n+     */\n+    displayOutsideMaxExtent: false,\n+\n+    /**\n+     * APIProperty: wrapDateLine\n+     * {Boolean} Wraps the world at the international dateline, so the map can\n+     * be panned infinitely in longitudinal direction. Only use this on the\n+     * base layer, and only if the layer's maxExtent equals the world bounds.\n+     * #487 for more info.   \n+     */\n+    wrapDateLine: false,\n+\n+    /**\n+     * Property: metadata\n+     * {Object} This object can be used to store additional information on a\n+     *     layer object.\n+     */\n+    metadata: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer\n      *\n-     *  Default is '', unless when executed from a file:/// uri, in which case\n-     *  it is 'http:'.\n+     * Parameters:\n+     * name - {String} The layer name\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+    initialize: function(name, options) {\n+\n+        this.metadata = {};\n+\n+        options = OpenLayers.Util.extend({}, options);\n+        // make sure we respect alwaysInRange if set on the prototype\n+        if (this.alwaysInRange != null) {\n+            options.alwaysInRange = this.alwaysInRange;\n+        }\n+        this.addOptions(options);\n+\n+        this.name = name;\n+\n+        if (this.id == null) {\n+\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.style.width = \"100%\";\n+            this.div.style.height = \"100%\";\n+            this.div.dir = \"ltr\";\n+\n+            this.events = new OpenLayers.Events(this, this.div);\n+            if (this.eventListeners instanceof Object) {\n+                this.events.on(this.eventListeners);\n+            }\n+\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.Bing\n-     * Create a new Bing layer.\n+     * Method: destroy\n+     * Destroy is a destructor: this is to alleviate cyclic references which\n+     *     the Javascript garbage cleaner can not take care of on its own.\n      *\n-     * Example:\n-     * (code)\n-     * var road = new OpenLayers.Layer.Bing({\n-     *     name: \"My Bing Aerial Layer\",\n-     *     type: \"Aerial\",\n-     *     key: \"my-api-key-here\",\n-     * });\n-     * (end)\n+     * Parameters:\n+     * setNewBaseLayer - {Boolean} Set a new base layer when this layer has\n+     *     been destroyed.  Default is true.\n+     */\n+    destroy: function(setNewBaseLayer) {\n+        if (setNewBaseLayer == null) {\n+            setNewBaseLayer = true;\n+        }\n+        if (this.map != null) {\n+            this.map.removeLayer(this, setNewBaseLayer);\n+        }\n+        this.projection = null;\n+        this.map = null;\n+        this.name = null;\n+        this.div = null;\n+        this.options = null;\n+\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners);\n+            }\n+            this.events.destroy();\n+        }\n+        this.eventListeners = null;\n+        this.events = null;\n+    },\n+\n+    /**\n+     * Method: clone\n      *\n      * Parameters:\n-     * options - {Object} Configuration properties for the layer.\n+     * obj - {<OpenLayers.Layer>} The layer to be cloned\n      *\n-     * Required configuration properties:\n-     * key - {String} Bing Maps API key for your application. Get one at\n-     *     http://bingmapsportal.com/.\n-     * type - {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.\n+     * Returns:\n+     * {<OpenLayers.Layer>} An exact clone of this <OpenLayers.Layer>\n+     */\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer(this.name, this.getOptions());\n+        }\n+\n+        // catch any randomly tagged-on properties\n+        OpenLayers.Util.applyDefaults(obj, this);\n+\n+        // a cloned layer should never have its map property set\n+        //  because it has not been added to a map yet. \n+        obj.map = null;\n+\n+        return obj;\n+    },\n+\n+    /**\n+     * Method: getOptions\n+     * Extracts an object from the layer with the properties that were set as\n+     *     options, but updates them with the values currently set on the\n+     *     instance.\n+     * \n+     * Returns:\n+     * {Object} the <options> of the layer, representing the current state.\n+     */\n+    getOptions: function() {\n+        var options = {};\n+        for (var o in this.options) {\n+            options[o] = this[o];\n+        }\n+        return options;\n+    },\n+\n+    /** \n+     * APIMethod: setName\n+     * Sets the new layer name for this layer.  Can trigger a changelayer event\n+     *     on the map.\n      *\n-     * Any other documented layer properties can be provided in the config object.\n+     * Parameters:\n+     * newName - {String} The new name.\n      */\n-    initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n+    setName: function(newName) {\n+        if (newName != this.name) {\n+            this.name = newName;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"name\"\n+                });\n+            }\n+        }\n+    },\n \n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options.tileOptions);\n-        this.loadMetadata();\n+    /**\n+     * APIMethod: addOptions\n+     * \n+     * Parameters:\n+     * newOptions - {Object}\n+     * reinitialize - {Boolean} If set to true, and if resolution options of the\n+     *     current baseLayer were changed, the map will be recentered to make\n+     *     sure that it is displayed with a valid resolution, and a\n+     *     changebaselayer event will be triggered.\n+     */\n+    addOptions: function(newOptions, reinitialize) {\n+\n+        if (this.options == null) {\n+            this.options = {};\n+        }\n+\n+        if (newOptions) {\n+            // make sure this.projection references a projection object\n+            if (typeof newOptions.projection == \"string\") {\n+                newOptions.projection = new OpenLayers.Projection(newOptions.projection);\n+            }\n+            if (newOptions.projection) {\n+                // get maxResolution, units and maxExtent from projection defaults if\n+                // they are not defined already\n+                OpenLayers.Util.applyDefaults(newOptions,\n+                    OpenLayers.Projection.defaults[newOptions.projection.getCode()]);\n+            }\n+            // allow array for extents\n+            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent);\n+            }\n+            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent);\n+            }\n+        }\n+\n+        // update our copy for clone\n+        OpenLayers.Util.extend(this.options, newOptions);\n+\n+        // add new options to this\n+        OpenLayers.Util.extend(this, newOptions);\n+\n+        // get the units from the projection, if we have a projection\n+        // and it it has units\n+        if (this.projection && this.projection.getUnits()) {\n+            this.units = this.projection.getUnits();\n+        }\n+\n+        // re-initialize resolutions if necessary, i.e. if any of the\n+        // properties of the \"properties\" array defined below is set\n+        // in the new options\n+        if (this.map) {\n+            // store current resolution so we can try to restore it later\n+            var resolution = this.map.getResolution();\n+            var properties = this.RESOLUTION_PROPERTIES.concat(\n+                [\"projection\", \"units\", \"minExtent\", \"maxExtent\"]\n+            );\n+            for (var o in newOptions) {\n+                if (newOptions.hasOwnProperty(o) &&\n+                    OpenLayers.Util.indexOf(properties, o) >= 0) {\n+\n+                    this.initResolutions();\n+                    if (reinitialize && this.map.baseLayer === this) {\n+                        // update map position, and restore previous resolution\n+                        this.map.setCenter(this.map.getCenter(),\n+                            this.map.getZoomForResolution(resolution),\n+                            false, true\n+                        );\n+                        // trigger a changebaselayer event to make sure that\n+                        // all controls (especially\n+                        // OpenLayers.Control.PanZoomBar) get notified of the\n+                        // new options\n+                        this.map.events.triggerEvent(\"changebaselayer\", {\n+                            layer: this\n+                        });\n+                    }\n+                    break;\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * Method: loadMetadata\n+     * APIMethod: onMapResize\n+     * This function can be implemented by subclasses\n      */\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        // link the processMetadata method to the global scope and bind it\n-        // to this instance\n-        window[this._callbackId] = OpenLayers.Function.bind(\n-            OpenLayers.Layer.Bing.processMetadata, this\n-        );\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n-            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script);\n+    onMapResize: function() {\n+        //this function can be implemented by subclasses  \n     },\n \n     /**\n-     * Method: initLayer\n+     * APIMethod: redraw\n+     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n      *\n-     * Sets layer properties according to the metadata provided by the API\n+     * Returns:\n+     * {Boolean} The layer was redrawn.\n      */\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n+    redraw: function() {\n+        var redrawn = false;\n+        if (this.map) {\n+\n+            // min/max Range may have changed\n+            this.inRange = this.calculateInRange();\n+\n+            // map's center might not yet be set\n+            var extent = this.getExtent();\n+\n+            if (extent && this.inRange && this.visibility) {\n+                var zoomChanged = true;\n+                this.moveTo(extent, zoomChanged, false);\n+                this.events.triggerEvent(\"moveend\", {\n+                    \"zoomChanged\": zoomChanged\n+                });\n+                redrawn = true;\n+            }\n         }\n-        this.addOptions({\n-            maxResolution: Math.min(\n-                this.serverResolutions[res.zoomMin],\n-                this.maxResolution || Number.POSITIVE_INFINITY\n-            ),\n-            numZoomLevels: Math.min(\n-                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n-            )\n-        }, true);\n+        return redrawn;\n+    },\n+\n+    /**\n+     * Method: moveTo\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+     *     do some init work in that case.\n+     * dragging - {Boolean}\n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        var display = this.visibility;\n         if (!this.isBaseLayer) {\n+            display = display && this.inRange;\n+        }\n+        this.display(display);\n+    },\n+\n+    /**\n+     * Method: moveByPx\n+     * Move the layer based on pixel vector. To be implemented by subclasses.\n+     *\n+     * Parameters:\n+     * dx - {Number} The x coord of the displacement vector.\n+     * dy - {Number} The y coord of the displacement vector.\n+     */\n+    moveByPx: function(dx, dy) {},\n+\n+    /**\n+     * Method: setMap\n+     * Set the map property for the layer. This is done through an accessor\n+     *     so that subclasses can override this and take special action once \n+     *     they have their map variable set. \n+     * \n+     *     Here we take care to bring over any of the necessary default \n+     *     properties from the map. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        if (this.map == null) {\n+\n+            this.map = map;\n+\n+            // grab some essential layer data from the map if it hasn't already\n+            //  been set\n+            this.maxExtent = this.maxExtent || this.map.maxExtent;\n+            this.minExtent = this.minExtent || this.map.minExtent;\n+\n+            this.projection = this.projection || this.map.projection;\n+            if (typeof this.projection == \"string\") {\n+                this.projection = new OpenLayers.Projection(this.projection);\n+            }\n+\n+            // Check the projection to see if we can get units -- if not, refer\n+            // to properties.\n+            this.units = this.projection.getUnits() ||\n+                this.units || this.map.units;\n+\n+            this.initResolutions();\n+\n+            if (!this.isBaseLayer) {\n+                this.inRange = this.calculateInRange();\n+                var show = ((this.visibility) && (this.inRange));\n+                this.div.style.display = show ? \"\" : \"none\";\n+            }\n+\n+            // deal with gutters\n+            this.setTileSize();\n+        }\n+    },\n+\n+    /**\n+     * Method: afterAdd\n+     * Called at the end of the map.addLayer sequence.  At this point, the map\n+     *     will have a base layer.  To be overridden by subclasses.\n+     */\n+    afterAdd: function() {},\n+\n+    /**\n+     * APIMethod: removeMap\n+     * Just as setMap() allows each layer the possibility to take a \n+     *     personalized action on being added to the map, removeMap() allows\n+     *     each layer to take a personalized action on being removed from it. \n+     *     For now, this will be mostly unused, except for the EventPane layer,\n+     *     which needs this hook so that it can remove the special invisible\n+     *     pane. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    removeMap: function(map) {\n+        //to be overridden by subclasses\n+    },\n+\n+    /**\n+     * APIMethod: getImageSize\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} optional tile bounds, can be used\n+     *     by subclasses that have to deal with different tile sizes at the\n+     *     layer extent edges (e.g. Zoomify)\n+     * \n+     * Returns:\n+     * {<OpenLayers.Size>} The size that the image should be, taking into \n+     *     account gutters.\n+     */\n+    getImageSize: function(bounds) {\n+        return (this.imageSize || this.tileSize);\n+    },\n+\n+    /**\n+     * APIMethod: setTileSize\n+     * Set the tile size based on the map size.  This also sets layer.imageSize\n+     *     or use by Tile.Image.\n+     * \n+     * Parameters:\n+     * size - {<OpenLayers.Size>}\n+     */\n+    setTileSize: function(size) {\n+        var tileSize = (size) ? size :\n+            ((this.tileSize) ? this.tileSize :\n+                this.map.getTileSize());\n+        this.tileSize = tileSize;\n+        if (this.gutter) {\n+            // layers with gutters need non-null tile sizes\n+            //if(tileSize == null) {\n+            //    OpenLayers.console.error(\"Error in layer.setMap() for \" +\n+            //                              this.name + \": layers with \" +\n+            //                              \"gutters need non-null tile sizes\");\n+            //}\n+            this.imageSize = new OpenLayers.Size(tileSize.w + (2 * this.gutter),\n+                tileSize.h + (2 * this.gutter));\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: getVisibility\n+     * \n+     * Returns:\n+     * {Boolean} The layer should be displayed (if in range).\n+     */\n+    getVisibility: function() {\n+        return this.visibility;\n+    },\n+\n+    /** \n+     * APIMethod: setVisibility\n+     * Set the visibility flag for the layer and hide/show & redraw \n+     *     accordingly. Fire event unless otherwise specified\n+     * \n+     * Note that visibility is no longer simply whether or not the layer's\n+     *     style.display is set to \"block\". Now we store a 'visibility' state \n+     *     property on the layer class, this allows us to remember whether or \n+     *     not we *desire* for a layer to be visible. In the case where the \n+     *     map's resolution is out of the layer's range, this desire may be \n+     *     subverted.\n+     * \n+     * Parameters:\n+     * visibility - {Boolean} Whether or not to display the layer (if in range)\n+     */\n+    setVisibility: function(visibility) {\n+        if (visibility != this.visibility) {\n+            this.visibility = visibility;\n+            this.display(visibility);\n             this.redraw();\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"visibility\"\n+                });\n+            }\n+            this.events.triggerEvent(\"visibilitychanged\");\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: display\n+     * Hide or show the Layer. This is designed to be used internally, and \n+     *     is not generally the way to enable or disable the layer. For that,\n+     *     use the setVisibility function instead..\n+     * \n+     * Parameters:\n+     * display - {Boolean}\n+     */\n+    display: function(display) {\n+        if (display != (this.div.style.display != \"none\")) {\n+            this.div.style.display = (display && this.calculateInRange()) ? \"block\" : \"none\";\n         }\n-        this.updateAttribution();\n     },\n \n     /**\n-     * Method: getURL\n+     * APIMethod: calculateInRange\n+     * \n+     * Returns:\n+     * {Boolean} The layer is displayable at the current map's current\n+     *     resolution. Note that if 'alwaysInRange' is true for the layer, \n+     *     this function will always return true.\n+     */\n+    calculateInRange: function() {\n+        var inRange = false;\n+\n+        if (this.alwaysInRange) {\n+            inRange = true;\n+        } else {\n+            if (this.map) {\n+                var resolution = this.map.getResolution();\n+                inRange = ((resolution >= this.minResolution) &&\n+                    (resolution <= this.maxResolution));\n+            }\n+        }\n+        return inRange;\n+    },\n+\n+    /** \n+     * APIMethod: setIsBaseLayer\n+     * \n+     * Parameters:\n+     * isBaseLayer - {Boolean}\n+     */\n+    setIsBaseLayer: function(isBaseLayer) {\n+        if (isBaseLayer != this.isBaseLayer) {\n+            this.isBaseLayer = isBaseLayer;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changebaselayer\", {\n+                    layer: this\n+                });\n+            }\n+        }\n+    },\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /********************************************************/\n+\n+    /** \n+     * Method: initResolutions\n+     * This method's responsibility is to set up the 'resolutions' array \n+     *     for the layer -- this array is what the layer will use to interface\n+     *     between the zoom levels of the map and the resolution display \n+     *     of the layer.\n+     * \n+     * The user has several options that determine how the array is set up.\n+     *  \n+     * For a detailed explanation, see the following wiki from the \n+     *     openlayers.org homepage:\n+     *     http://trac.openlayers.org/wiki/SettingZoomLevels\n+     */\n+    initResolutions: function() {\n+\n+        // ok we want resolutions, here's our strategy:\n+        //\n+        // 1. if resolutions are defined in the layer config, use them\n+        // 2. else, if scales are defined in the layer config then derive\n+        //    resolutions from these scales\n+        // 3. else, attempt to calculate resolutions from maxResolution,\n+        //    minResolution, numZoomLevels, maxZoomLevel set in the\n+        //    layer config\n+        // 4. if we still don't have resolutions, and if resolutions\n+        //    are defined in the same, use them\n+        // 5. else, if scales are defined in the map then derive\n+        //    resolutions from these scales\n+        // 6. else, attempt to calculate resolutions from maxResolution,\n+        //    minResolution, numZoomLevels, maxZoomLevel set in the\n+        //    map\n+        // 7. hope for the best!\n+\n+        var i, len, p;\n+        var props = {},\n+            alwaysInRange = true;\n+\n+        // get resolution data from layer config\n+        // (we also set alwaysInRange in the layer as appropriate)\n+        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+            p = this.RESOLUTION_PROPERTIES[i];\n+            props[p] = this.options[p];\n+            if (alwaysInRange && this.options[p]) {\n+                alwaysInRange = false;\n+            }\n+        }\n+        if (this.options.alwaysInRange == null) {\n+            this.alwaysInRange = alwaysInRange;\n+        }\n+\n+        // if we don't have resolutions then attempt to derive them from scales\n+        if (props.resolutions == null) {\n+            props.resolutions = this.resolutionsFromScales(props.scales);\n+        }\n+\n+        // if we still don't have resolutions then attempt to calculate them\n+        if (props.resolutions == null) {\n+            props.resolutions = this.calculateResolutions(props);\n+        }\n+\n+        // if we couldn't calculate resolutions then we look at we have\n+        // in the map\n+        if (props.resolutions == null) {\n+            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+                p = this.RESOLUTION_PROPERTIES[i];\n+                props[p] = this.options[p] != null ?\n+                    this.options[p] : this.map[p];\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.resolutionsFromScales(props.scales);\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.calculateResolutions(props);\n+            }\n+        }\n+\n+        // ok, we new need to set properties in the instance\n+\n+        // get maxResolution from the config if it's defined there\n+        var maxResolution;\n+        if (this.options.maxResolution &&\n+            this.options.maxResolution !== \"auto\") {\n+            maxResolution = this.options.maxResolution;\n+        }\n+        if (this.options.minScale) {\n+            maxResolution = OpenLayers.Util.getResolutionFromScale(\n+                this.options.minScale, this.units);\n+        }\n+\n+        // get minResolution from the config if it's defined there\n+        var minResolution;\n+        if (this.options.minResolution &&\n+            this.options.minResolution !== \"auto\") {\n+            minResolution = this.options.minResolution;\n+        }\n+        if (this.options.maxScale) {\n+            minResolution = OpenLayers.Util.getResolutionFromScale(\n+                this.options.maxScale, this.units);\n+        }\n+\n+        if (props.resolutions) {\n+\n+            //sort resolutions array descendingly\n+            props.resolutions.sort(function(a, b) {\n+                return (b - a);\n+            });\n+\n+            // if we still don't have a maxResolution get it from the\n+            // resolutions array\n+            if (!maxResolution) {\n+                maxResolution = props.resolutions[0];\n+            }\n+\n+            // if we still don't have a minResolution get it from the\n+            // resolutions array\n+            if (!minResolution) {\n+                var lastIdx = props.resolutions.length - 1;\n+                minResolution = props.resolutions[lastIdx];\n+            }\n+        }\n+\n+        this.resolutions = props.resolutions;\n+        if (this.resolutions) {\n+            len = this.resolutions.length;\n+            this.scales = new Array(len);\n+            for (i = 0; i < len; i++) {\n+                this.scales[i] = OpenLayers.Util.getScaleFromResolution(\n+                    this.resolutions[i], this.units);\n+            }\n+            this.numZoomLevels = len;\n+        }\n+        this.minResolution = minResolution;\n+        if (minResolution) {\n+            this.maxScale = OpenLayers.Util.getScaleFromResolution(\n+                minResolution, this.units);\n+        }\n+        this.maxResolution = maxResolution;\n+        if (maxResolution) {\n+            this.minScale = OpenLayers.Util.getScaleFromResolution(\n+                maxResolution, this.units);\n+        }\n+    },\n+\n+    /**\n+     * Method: resolutionsFromScales\n+     * Derive resolutions from scales.\n      *\n-     * Paramters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * Parameters:\n+     * scales - {Array(Number)} Scales\n+     *\n+     * Returns\n+     * {Array(Number)} Resolutions\n      */\n-    getURL: function(bounds) {\n-        if (!this.url) {\n+    resolutionsFromScales: function(scales) {\n+        if (scales == null) {\n             return;\n         }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = '0';\n-            var mask = 1 << (i - 1);\n-            if ((x & mask) != 0) {\n-                digit++;\n+        var resolutions, i, len;\n+        len = scales.length;\n+        resolutions = new Array(len);\n+        for (i = 0; i < len; i++) {\n+            resolutions[i] = OpenLayers.Util.getResolutionFromScale(\n+                scales[i], this.units);\n+        }\n+        return resolutions;\n+    },\n+\n+    /**\n+     * Method: calculateResolutions\n+     * Calculate resolutions based on the provided properties.\n+     *\n+     * Parameters:\n+     * props - {Object} Properties\n+     *\n+     * Returns:\n+     * {Array({Number})} Array of resolutions.\n+     */\n+    calculateResolutions: function(props) {\n+\n+        var viewSize, wRes, hRes;\n+\n+        // determine maxResolution\n+        var maxResolution = props.maxResolution;\n+        if (props.minScale != null) {\n+            maxResolution =\n+                OpenLayers.Util.getResolutionFromScale(props.minScale,\n+                    this.units);\n+        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.maxExtent.getWidth() / viewSize.w;\n+            hRes = this.maxExtent.getHeight() / viewSize.h;\n+            maxResolution = Math.max(wRes, hRes);\n+        }\n+\n+        // determine minResolution\n+        var minResolution = props.minResolution;\n+        if (props.maxScale != null) {\n+            minResolution =\n+                OpenLayers.Util.getResolutionFromScale(props.maxScale,\n+                    this.units);\n+        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.minExtent.getWidth() / viewSize.w;\n+            hRes = this.minExtent.getHeight() / viewSize.h;\n+            minResolution = Math.max(wRes, hRes);\n+        }\n+\n+        if (typeof maxResolution !== \"number\" &&\n+            typeof minResolution !== \"number\" &&\n+            this.maxExtent != null) {\n+            // maxResolution for default grid sets assumes that at zoom\n+            // level zero, the whole world fits on one tile.\n+            var tileSize = this.map.getTileSize();\n+            maxResolution = Math.max(\n+                this.maxExtent.getWidth() / tileSize.w,\n+                this.maxExtent.getHeight() / tileSize.h\n+            );\n+        }\n+\n+        // determine numZoomLevels\n+        var maxZoomLevel = props.maxZoomLevel;\n+        var numZoomLevels = props.numZoomLevels;\n+        if (typeof minResolution === \"number\" &&\n+            typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n+            var ratio = maxResolution / minResolution;\n+            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1;\n+        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n+            numZoomLevels = maxZoomLevel + 1;\n+        }\n+\n+        // are we able to calculate resolutions?\n+        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 ||\n+            (typeof maxResolution !== \"number\" &&\n+                typeof minResolution !== \"number\")) {\n+            return;\n+        }\n+\n+        // now we have numZoomLevels and at least one of maxResolution\n+        // or minResolution, we can populate the resolutions array\n+\n+        var resolutions = new Array(numZoomLevels);\n+        var base = 2;\n+        if (typeof minResolution == \"number\" &&\n+            typeof maxResolution == \"number\") {\n+            // if maxResolution and minResolution are set, we calculate\n+            // the base for exponential scaling that starts at\n+            // maxResolution and ends at minResolution in numZoomLevels\n+            // steps.\n+            base = Math.pow(\n+                (maxResolution / minResolution),\n+                (1 / (numZoomLevels - 1))\n+            );\n+        }\n+\n+        var i;\n+        if (typeof maxResolution === \"number\") {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[i] = maxResolution / Math.pow(base, i);\n             }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++;\n+        } else {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[numZoomLevels - 1 - i] =\n+                    minResolution * Math.pow(base, i);\n             }\n-            quadDigits.push(digit);\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl('' + x + y + z, this.url);\n \n-        return OpenLayers.String.format(url, {\n-            'quadkey': quadKey\n-        });\n+        return resolutions;\n     },\n \n     /**\n-     * Method: updateAttribution\n-     * Updates the attribution according to the requirements outlined in\n-     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n+     * APIMethod: getResolution\n+     * \n+     * Returns:\n+     * {Float} The currently selected resolution of the map, taken from the\n+     *     resolutions array, indexed by current zoom level.\n      */\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return;\n+    getResolution: function() {\n+        var zoom = this.map.getZoom();\n+        return this.getResolutionForZoom(zoom);\n+    },\n+\n+    /** \n+     * APIMethod: getExtent\n+     * \n+     * Returns:\n+     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n+     *     bounds of the current viewPort.\n+     */\n+    getExtent: function() {\n+        // just use stock map calculateBounds function -- passing no arguments\n+        //  means it will user map's current center & resolution\n+        //\n+        return this.map.calculateBounds();\n+    },\n+\n+    /**\n+     * APIMethod: getZoomForExtent\n+     * \n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * closest - {Boolean} Find the zoom level that most closely fits the \n+     *     specified bounds. Note that this may result in a zoom that does \n+     *     not exactly contain the entire extent.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n+     *     for the passed-in extent. We do this by calculating the ideal \n+     *     resolution for the given extent (based on the map size) and then \n+     *     calling getZoomForResolution(), passing along the 'closest'\n+     *     parameter.\n+     */\n+    getZoomForExtent: function(extent, closest) {\n+        var viewSize = this.map.getSize();\n+        var idealResolution = Math.max(extent.getWidth() / viewSize.w,\n+            extent.getHeight() / viewSize.h);\n+\n+        return this.getZoomForResolution(idealResolution, closest);\n+    },\n+\n+    /** \n+     * Method: getDataExtent\n+     * Calculates the max extent which includes all of the data for the layer.\n+     *     This function is to be implemented by subclasses.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n+     */\n+    getDataExtent: function() {\n+        //to be implemented by subclasses\n+    },\n+\n+    /**\n+     * APIMethod: getResolutionForZoom\n+     * \n+     * Parameters:\n+     * zoom - {Float}\n+     * \n+     * Returns:\n+     * {Float} A suitable resolution for the specified zoom.\n+     */\n+    getResolutionForZoom: function(zoom) {\n+        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n+        var resolution;\n+        if (this.map.fractionalZoom) {\n+            var low = Math.floor(zoom);\n+            var high = Math.ceil(zoom);\n+            resolution = this.resolutions[low] -\n+                ((zoom - low) * (this.resolutions[low] - this.resolutions[high]));\n+        } else {\n+            resolution = this.resolutions[Math.round(zoom)];\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(\n-            this.map.getProjectionObject(),\n-            new OpenLayers.Projection(\"EPSG:4326\")\n-        );\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n-                this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                // axis order provided is Y,X\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) &&\n-                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \";\n+        return resolution;\n+    },\n+\n+    /**\n+     * APIMethod: getZoomForResolution\n+     * \n+     * Parameters:\n+     * resolution - {Float}\n+     * closest - {Boolean} Find the zoom level that corresponds to the absolute \n+     *     closest resolution, which may result in a zoom whose corresponding\n+     *     resolution is actually smaller than we would have desired (if this\n+     *     is being called from a getZoomForExtent() call, then this means that\n+     *     the returned zoom index might not actually contain the entire \n+     *     extent specified... but it'll be close).\n+     *     Default is false.\n+     * \n+     * Returns:\n+     * {Integer} The index of the zoomLevel (entry in the resolutions array) \n+     *     that corresponds to the best fit resolution given the passed in \n+     *     value and the 'closest' specification.\n+     */\n+    getZoomForResolution: function(resolution, closest) {\n+        var zoom, i, len;\n+        if (this.map.fractionalZoom) {\n+            var lowZoom = 0;\n+            var highZoom = this.resolutions.length - 1;\n+            var highRes = this.resolutions[lowZoom];\n+            var lowRes = this.resolutions[highZoom];\n+            var res;\n+            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n+                res = this.resolutions[i];\n+                if (res >= resolution) {\n+                    highRes = res;\n+                    lowZoom = i;\n+                }\n+                if (res <= resolution) {\n+                    lowRes = res;\n+                    highZoom = i;\n+                    break;\n+                }\n+            }\n+            var dRes = highRes - lowRes;\n+            if (dRes > 0) {\n+                zoom = lowZoom + ((highRes - resolution) / dRes);\n+            } else {\n+                zoom = lowZoom;\n+            }\n+        } else {\n+            var diff;\n+            var minDiff = Number.POSITIVE_INFINITY;\n+            for (i = 0, len = this.resolutions.length; i < len; i++) {\n+                if (closest) {\n+                    diff = Math.abs(this.resolutions[i] - resolution);\n+                    if (diff > minDiff) {\n+                        break;\n+                    }\n+                    minDiff = diff;\n+                } else {\n+                    if (this.resolutions[i] < resolution) {\n+                        break;\n+                    }\n                 }\n             }\n+            zoom = Math.max(0, i - 1);\n         }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        });\n+        return zoom;\n     },\n \n     /**\n-     * Method: setMap\n+     * APIMethod: getLonLatFromViewPortPx\n+     * \n+     * Parameters:\n+     * viewPortPx - {<OpenLayers.Pixel>|Object} An OpenLayers.Pixel or\n+     *                                          an object with a 'x'\n+     *                                          and 'y' properties.\n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in \n+     *     view port <OpenLayers.Pixel>, translated into lon/lat by the layer.\n      */\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution);\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        var map = this.map;\n+        if (viewPortPx != null && map.minPx) {\n+            var res = map.getResolution();\n+            var maxExtent = map.getMaxExtent({\n+                restricted: true\n+            });\n+            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n+            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n+            lonlat = new OpenLayers.LonLat(lon, lat);\n+\n+            if (this.wrapDateLine) {\n+                lonlat = lonlat.wrapDateLine(this.maxExtent);\n+            }\n+        }\n+        return lonlat;\n     },\n \n     /**\n-     * APIMethod: clone\n+     * APIMethod: getViewPortPxFromLonLat\n+     * Returns a pixel location given a map location.  This method will return\n+     *     fractional pixel values.\n      * \n      * Parameters:\n-     * obj - {Object}\n+     * lonlat - {<OpenLayers.LonLat>|Object} An OpenLayers.LonLat or\n+     *                                       an object with a 'lon'\n+     *                                       and 'lat' properties.\n+     *\n+     * Returns: \n+     * {<OpenLayers.Pixel>} An <OpenLayers.Pixel> which is the passed-in \n+     *     lonlat translated into view port pixels.\n+     */\n+    getViewPortPxFromLonLat: function(lonlat, resolution) {\n+        var px = null;\n+        if (lonlat != null) {\n+            resolution = resolution || this.map.getResolution();\n+            var extent = this.map.calculateBounds(null, resolution);\n+            px = new OpenLayers.Pixel(\n+                (1 / resolution * (lonlat.lon - extent.left)),\n+                (1 / resolution * (extent.top - lonlat.lat))\n+            );\n+        }\n+        return px;\n+    },\n+\n+    /**\n+     * APIMethod: setOpacity\n+     * Sets the opacity for the entire layer (all images)\n      * \n-     * Returns:\n-     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n+     * Parameters:\n+     * opacity - {Float}\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options);\n+    setOpacity: function(opacity) {\n+        if (opacity != this.opacity) {\n+            this.opacity = opacity;\n+            var childNodes = this.div.childNodes;\n+            for (var i = 0, len = childNodes.length; i < len; ++i) {\n+                var element = childNodes[i].firstChild || childNodes[i];\n+                var lastChild = childNodes[i].lastChild;\n+                //TODO de-uglify this\n+                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n+                    element = lastChild.parentNode;\n+                }\n+                OpenLayers.Util.modifyDOMElement(element, null, null, null,\n+                    null, null, null, opacity);\n+            }\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                });\n+            }\n         }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n     },\n \n     /**\n-     * Method: destroy\n+     * Method: getZIndex\n+     * \n+     * Returns: \n+     * {Integer} the z-index of this layer\n      */\n-    destroy: function() {\n-        this.map &&\n-            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+    getZIndex: function() {\n+        return this.div.style.zIndex;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n+    /**\n+     * Method: setZIndex\n+     * \n+     * Parameters: \n+     * zIndex - {Integer}\n+     */\n+    setZIndex: function(zIndex) {\n+        this.div.style.zIndex = zIndex;\n+    },\n \n-/**\n- * Function: OpenLayers.Layer.Bing.processMetadata\n- * This function will be bound to an instance, linked to the global scope with\n- * an id, and called by the JSONP script returned by the API.\n- *\n- * Parameters:\n- * metadata - {Object} metadata as returned by the API\n- */\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined; // cannot delete from window in IE\n-    delete this._callbackId;\n-};\n+    /**\n+     * Method: adjustBounds\n+     * This function will take a bounds, and if wrapDateLine option is set\n+     *     on the layer, it will return a bounds which is wrapped around the \n+     *     world. We do not wrap for bounds which *cross* the \n+     *     maxExtent.left/right, only bounds which are entirely to the left \n+     *     or entirely to the right.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    adjustBounds: function(bounds) {\n+\n+        if (this.gutter) {\n+            // Adjust the extent of a bounds in map units by the \n+            // layer's gutter in pixels.\n+            var mapGutter = this.gutter * this.map.getResolution();\n+            bounds = new OpenLayers.Bounds(bounds.left - mapGutter,\n+                bounds.bottom - mapGutter,\n+                bounds.right + mapGutter,\n+                bounds.top + mapGutter);\n+        }\n+\n+        if (this.wrapDateLine) {\n+            // wrap around the date line, within the limits of rounding error\n+            var wrappingOptions = {\n+                'rightTolerance': this.getResolution(),\n+                'leftTolerance': this.getResolution()\n+            };\n+            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions);\n+\n+        }\n+        return bounds;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer\"\n+});\n /* ======================================================================\n     OpenLayers/Renderer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -17025,3090 +18377,946 @@\n         }\n         return maxExtent;\n     },\n \n     CLASS_NAME: \"OpenLayers.Layer.Vector\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/OSM.js\n+    OpenLayers/Layer/Vector/RootContainer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.OSM\n- * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n- *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n- *    a different layer instead, you need to provide a different\n- *    URL to the constructor. Here's an example for using OpenCycleMap:\n- * \n- * (code)\n- *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n- *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n- * (end)\n+ * Class: OpenLayers.Layer.Vector.RootContainer\n+ * A special layer type to combine multiple vector layers inside a single\n+ *     renderer root container. This class is not supposed to be instantiated\n+ *     from user space, it is a helper class for controls that require event\n+ *     processing for multiple vector layers.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ *  - <OpenLayers.Layer.Vector>\n  */\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n     /**\n-     * APIProperty: name\n-     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n-     * argument to the constructor is null or undefined.\n+     * Property: displayInLayerSwitcher\n+     * Set to false for this layer type\n      */\n-    name: \"OpenStreetMap\",\n+    displayInLayerSwitcher: false,\n \n     /**\n-     * APIProperty: url\n-     * {String} The tileset URL scheme. Defaults to\n-     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n-     * (the official OSM tileset) if the second argument to the constructor\n-     * is null or undefined. To use another tileset you can have something\n-     * like this:\n-     * (code)\n-     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n-     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n-     * (end)\n+     * APIProperty: layers\n+     * Layers that are attached to this container. Required config option.\n      */\n-    url: [\n-        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n-    ],\n+    layers: null,\n \n     /**\n-     * Property: attribution\n-     * {String} The layer attribution.\n+     * Constructor: OpenLayers.Layer.Vector.RootContainer\n+     * Create a new root container for multiple vector layer. This constructor\n+     * is not supposed to be used from user space, it is only to be used by\n+     * controls that need feature selection across multiple vector layers.\n+     *\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     * \n+     * Required options properties:\n+     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n+     *     container\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n+     *     container\n      */\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n \n     /**\n-     * Property: sphericalMercator\n-     * {Boolean}\n+     * Method: display\n      */\n-    sphericalMercator: true,\n+    display: function() {},\n \n     /**\n-     * Property: wrapDateLine\n-     * {Boolean}\n+     * Method: getFeatureFromEvent\n+     * walk through the layers to find the feature returned by the event\n+     * \n+     * Parameters:\n+     * evt - {Object} event object with a feature property\n+     * \n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>}\n      */\n-    wrapDateLine: true,\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature;\n+            }\n+        }\n+    },\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n-     *\n-     *  When using OSM tilesets other than the default ones, it may be\n-     *  necessary to set this to\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: null}\n-     *  (end)\n-     *\n-     *  if the server does not send Access-Control-Allow-Origin headers.\n+    /**\n+     * Method: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    tileOptions: null,\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.OSM\n-     *\n+     * Method: removeMap\n+     * \n      * Parameters:\n-     * name - {String} The layer name.\n-     * url - {String} The tileset URL scheme.\n-     * options - {Object} Configuration options for the layer. Any inherited\n-     *     layer option can be set in this object (e.g.\n-     *     <OpenLayers.Layer.Grid.buffer>).\n+     * map - {<OpenLayers.Map>}\n      */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options && this.options.tileOptions);\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: clone\n+     * Method: collectRoots\n+     * Collects the root nodes of all layers this control is configured with\n+     * and moveswien the nodes to this control's layer\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(\n-                this.name, this.url, this.getOptions());\n+    collectRoots: function() {\n+        var layer;\n+        // walk through all map layers, because we want to keep the order\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer);\n+            }\n         }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n+    /**\n+     * Method: resetRoots\n+     * Resets the root nodes back into the layers they belong to.\n+     */\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: handleChangeLayer\n+     * Event handler for the map's changelayer event. We need to rebuild\n+     * this container's layer dom if order of one of its layers changes.\n+     * This handler is added with the setMap method, and removed with the\n+     * removeMap method.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    handleChangeLayer: function(evt) {\n+        var layer = evt.layer;\n+        if (evt.property == \"order\" &&\n+            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+            this.resetRoots();\n+            this.collectRoots();\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/WMS.js\n+    OpenLayers/Control/SelectFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Handler/Feature.js\n+ * @requires OpenLayers/Layer/Vector/RootContainer.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.WMS\n- * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n- *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n- *     constructor.\n- * \n+ * Class: OpenLayers.Control.SelectFeature\n+ * The SelectFeature control selects vector features from a given layer on \n+ * click or hover. \n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforefeaturehighlighted - Triggered before a feature is highlighted\n+     * featurehighlighted - Triggered when a feature is highlighted\n+     * featureunhighlighted - Triggered when a feature is unhighlighted\n+     * boxselectionstart - Triggered before box selection starts\n+     * boxselectionend - Triggered after box selection ends\n+     */\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n+     * Property: multipleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <multiple> property to true.  Default is null.\n      */\n-    DEFAULT_PARAMS: {\n-        service: \"WMS\",\n-        version: \"1.1.1\",\n-        request: \"GetMap\",\n-        styles: \"\",\n-        format: \"image/jpeg\"\n-    },\n+    multipleKey: null,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Default is true for WMS layer\n+     * Property: toggleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <toggle> property to true.  Default is null.\n      */\n-    isBaseLayer: true,\n+    toggleKey: null,\n \n     /**\n-     * APIProperty: encodeBBOX\n-     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n-     * but some services want it that way. Default false.\n+     * APIProperty: multiple\n+     * {Boolean} Allow selection of multiple geometries.  Default is false.\n      */\n-    encodeBBOX: false,\n+    multiple: false,\n \n-    /** \n-     * APIProperty: noMagic \n-     * {Boolean} If true, the image format will not be automagicaly switched \n-     *     from image/jpeg to image/png or image/gif when using \n-     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n-     *     constructor. Default false. \n+    /**\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n      */\n-    noMagic: false,\n+    clickout: true,\n \n     /**\n-     * Property: yx\n-     * {Object} Keys in this object are EPSG codes for which the axis order\n-     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n-     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n-     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n-     *     used projection.\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n+     *     has meaning if hover is false.\n      */\n-    yx: {},\n+    toggle: false,\n \n     /**\n-     * Constructor: OpenLayers.Layer.WMS\n-     * Create a new WMS layer object\n-     *\n-     * Examples:\n-     *\n-     * The code below creates a simple WMS layer using the image/jpeg format.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {layers: \"modis,global_mosaic\"});\n-     * (end)\n-     * Note the 3rd argument (params). Properties added to this object will be\n-     * added to the WMS GetMap requests used for this layer's tiles. The only\n-     * mandatory parameter is \"layers\". Other common WMS params include\n-     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n-     * always be ignored. Instead, it will be derived from the baseLayer's or\n-     * map's projection.\n-     *\n-     * The code below creates a transparent WMS layer with additional options.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {\n-     *                                        layers: \"modis,global_mosaic\",\n-     *                                        transparent: true\n-     *                                    }, {\n-     *                                        opacity: 0.5,\n-     *                                        singleTile: true\n-     *                                    });\n-     * (end)\n-     * Note that by default, a WMS layer is configured as baseLayer. Setting\n-     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n-     * The default image format changes from image/jpeg to image/png, and the\n-     * layer is not configured as baseLayer.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the WMS\n-     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n-     * params - {Object} An object with key/value pairs representing the\n-     *                   GetMap query string parameters and parameter values.\n-     * options - {Object} Hashtable of extra options to tag onto the layer.\n-     *     These options include all properties listed above, plus the ones\n-     *     inherited from superclasses.\n+     * APIProperty: hover\n+     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n+     * ignores clicks and only listens to mouse moves.\n      */\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        //uppercase params\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n-            params.EXCEPTIONS = \"INIMAGE\";\n-        }\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(\n-            this.params,\n-            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n-        );\n+    hover: false,\n \n+    /**\n+     * APIProperty: highlightOnly\n+     * {Boolean} If true do not actually select features (that is place them in \n+     * the layer's selected features array), just highlight them. This property\n+     * has no effect if hover is false. Defaults to false.\n+     */\n+    highlightOnly: false,\n \n-        //layer is transparent        \n-        if (!this.noMagic && this.params.TRANSPARENT &&\n-            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+    /**\n+     * APIProperty: box\n+     * {Boolean} Allow feature selection by drawing a box.\n+     */\n+    box: false,\n \n-            // unless explicitly set in options, make layer an overlay\n-            if ((options == null) || (!options.isBaseLayer)) {\n-                this.isBaseLayer = false;\n-            }\n+    /**\n+     * Property: onBeforeSelect \n+     * {Function} Optional function to be called before a feature is selected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onBeforeSelect: function() {},\n \n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.params.FORMAT == \"image/jpeg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n-                    \"image/png\";\n-            }\n-        }\n+    /**\n+     * APIProperty: onSelect \n+     * {Function} Optional function to be called when a feature is selected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onSelect: function() {},\n \n-    },\n+    /**\n+     * APIProperty: onUnselect\n+     * {Function} Optional function to be called when a feature is unselected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onUnselect: function() {},\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n+     * Property: scope\n+     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n+     *     callbacks. If null the scope will be this control.\n      */\n-    clone: function(obj) {\n+    scope: null,\n \n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMS(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n+    /**\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict selecting to a limited set of geometry types,\n+     *     send a list of strings corresponding to the geometry class names.\n+     */\n+    geometryTypes: null,\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n+     * root for all layers this control is configured with (if an array of\n+     * layers was passed to the constructor), or the vector layer the control\n+     * was configured with (if a single layer was passed to the constructor).\n+     */\n+    layer: null,\n \n-        // copy/set any non-init, non-simple values here\n+    /**\n+     * Property: layers\n+     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n+     * or null if the control was configured with a single layer\n+     */\n+    layers: null,\n \n-        return obj;\n-    },\n+    /**\n+     * APIProperty: callbacks\n+     * {Object} The functions that are sent to the handlers.feature for callback\n+     */\n+    callbacks: null,\n \n     /**\n-     * APIMethod: reverseAxisOrder\n-     * Returns true if the axis order is reversed for the WMS version and\n-     * projection of the layer.\n-     * \n-     * Returns:\n-     * {Boolean} true if the axis order is reversed, false otherwise.\n+     * APIProperty: selectStyle \n+     * {Object} Hash of styles\n      */\n-    reverseAxisOrder: function() {\n-        var projCode = this.projection.getCode();\n-        return parseFloat(this.params.VERSION) >= 1.3 &&\n-            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n-                OpenLayers.Projection.defaults[projCode].yx));\n-    },\n+    selectStyle: null,\n \n     /**\n-     * Method: getURL\n-     * Return a GetMap query string for this layer\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *                                request.\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters.\n+     * Property: renderIntent\n+     * {String} key used to retrieve the select style from the layer's\n+     * style map.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n+    renderIntent: \"select\",\n \n-        var imageSize = this.getImageSize();\n-        var newParams = {};\n-        // WMS 1.3 introduced axis order\n-        var reverseAxisOrder = this.reverseAxisOrder();\n-        newParams.BBOX = this.encodeBBOX ?\n-            bounds.toBBOX(null, reverseAxisOrder) :\n-            bounds.toArray(reverseAxisOrder);\n-        newParams.WIDTH = imageSize.w;\n-        newParams.HEIGHT = imageSize.h;\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString;\n-    },\n+    /**\n+     * Property: handlers\n+     * {Object} Object with references to multiple <OpenLayers.Handler>\n+     *     instances.\n+     */\n+    handlers: null,\n \n     /**\n-     * APIMethod: mergeNewParams\n-     * Catch changeParams and uppercase the new params to be merged in\n-     *     before calling changeParams on the super class.\n-     * \n-     *     Once params have been changed, the tiles will be reloaded with\n-     *     the new parameters.\n-     * \n+     * Constructor: OpenLayers.Control.SelectFeature\n+     * Create a new control for selecting features.\n+     *\n      * Parameters:\n-     * newParams - {Object} Hashtable of new params to use\n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n+     *     layer(s) this control will select features from.\n+     * options - {Object} \n      */\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n-            newArguments);\n+    initialize: function(layers, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        if (this.scope === null) {\n+            this.scope = this;\n+        }\n+        this.initLayer(layers);\n+        var callbacks = {\n+            click: this.clickFeature,\n+            clickout: this.clickoutFeature\n+        };\n+        if (this.hover) {\n+            callbacks.over = this.overFeature;\n+            callbacks.out = this.outFeature;\n+        }\n+\n+        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n+        this.handlers = {\n+            feature: new OpenLayers.Handler.Feature(\n+                this, this.layer, this.callbacks, {\n+                    geometryTypes: this.geometryTypes\n+                }\n+            )\n+        };\n+\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(\n+                this, {\n+                    done: this.selectBox\n+                }, {\n+                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n+                }\n+            );\n+        }\n     },\n \n-    /** \n-     * APIMethod: getFullRequestString\n-     * Combine the layer's url with its params and these newParams. \n-     *   \n-     *     Add the SRS parameter from projection -- this is probably\n-     *     more eloquently done via a setProjection() method, but this \n-     *     works for now and always.\n+    /**\n+     * Method: initLayer\n+     * Assign the layer property. If layers is an array, we need to use\n+     *     a RootContainer.\n      *\n      * Parameters:\n-     * newParams - {Object}\n-     * altUrl - {String} Use this as the url instead of the layer's url\n-     * \n-     * Returns:\n-     * {String} \n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n      */\n-    getFullRequestString: function(newParams, altUrl) {\n-        var mapProjection = this.map.getProjectionObject();\n-        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n-            this.projection.getCode() :\n-            mapProjection.getCode();\n-        var value = (projectionCode == \"none\") ? null : projectionCode;\n-        if (parseFloat(this.params.VERSION) >= 1.3) {\n-            this.params.CRS = value;\n+    initLayer: function(layers) {\n+        if (OpenLayers.Util.isArray(layers)) {\n+            this.layers = layers;\n+            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n+                this.id + \"_container\", {\n+                    layers: layers\n+                }\n+            );\n         } else {\n-            this.params.SRS = value;\n+            this.layer = layers;\n         }\n+    },\n \n-        if (typeof this.params.TRANSPARENT == \"boolean\") {\n-            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        if (this.active && this.layers) {\n+            this.map.removeLayer(this.layer);\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        if (this.layers) {\n+            this.layer.destroy();\n         }\n-\n-        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n-            this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/SphericalMercator.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.SphericalMercator\n- * A mixin for layers that wraps up the pieces neccesary to have a coordinate\n- *     conversion for working with commercial APIs which use a spherical\n- *     mercator projection.  Using this layer as a base layer, additional\n- *     layers can be used as overlays if they are in the same projection.\n- *\n- * A layer is given properties of this object by setting the sphericalMercator\n- *     property to true.\n- *\n- * More projection information:\n- *  - http://spatialreference.org/ref/user/google-projection/\n- *\n- * Proj4 Text:\n- *     +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0\n- *     +k=1.0 +units=m +nadgrids=@null +no_defs\n- *\n- * WKT:\n- *     900913=PROJCS[\"WGS84 / Simple Mercator\", GEOGCS[\"WGS 84\",\n- *     DATUM[\"WGS_1984\", SPHEROID[\"WGS_1984\", 6378137.0, 298.257223563]], \n- *     PRIMEM[\"Greenwich\", 0.0], UNIT[\"degree\", 0.017453292519943295], \n- *     AXIS[\"Longitude\", EAST], AXIS[\"Latitude\", NORTH]],\n- *     PROJECTION[\"Mercator_1SP_Google\"], \n- *     PARAMETER[\"latitude_of_origin\", 0.0], PARAMETER[\"central_meridian\", 0.0], \n- *     PARAMETER[\"scale_factor\", 1.0], PARAMETER[\"false_easting\", 0.0], \n- *     PARAMETER[\"false_northing\", 0.0], UNIT[\"m\", 1.0], AXIS[\"x\", EAST],\n- *     AXIS[\"y\", NORTH], AUTHORITY[\"EPSG\",\"900913\"]]\n- */\n-OpenLayers.Layer.SphericalMercator = {\n-\n     /**\n-     * Method: getExtent\n-     * Get the map's extent.\n-     *\n+     * Method: activate\n+     * Activates the control.\n+     * \n      * Returns:\n-     * {<OpenLayers.Bounds>} The map extent.\n+     * {Boolean} The control was effectively activated.\n      */\n-    getExtent: function() {\n-        var extent = null;\n-        if (this.sphericalMercator) {\n-            extent = this.map.calculateBounds();\n-        } else {\n-            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this);\n+    activate: function() {\n+        if (!this.active) {\n+            if (this.layers) {\n+                this.map.addLayer(this.layer);\n+            }\n+            this.handlers.feature.activate();\n+            if (this.box && this.handlers.box) {\n+                this.handlers.box.activate();\n+            }\n         }\n-        return extent;\n+        return OpenLayers.Control.prototype.activate.apply(\n+            this, arguments\n+        );\n     },\n \n     /**\n-     * Method: getLonLatFromViewPortPx\n-     * Get a map location from a pixel location\n+     * Method: deactivate\n+     * Deactivates the control.\n      * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>}\n-     *\n      * Returns:\n-     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n-     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n-     *  If the map lib is not loaded or not centered, returns null\n+     * {Boolean} The control was effectively deactivated.\n      */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments);\n+    deactivate: function() {\n+        if (this.active) {\n+            this.handlers.feature.deactivate();\n+            if (this.handlers.box) {\n+                this.handlers.box.deactivate();\n+            }\n+            if (this.layers) {\n+                this.map.removeLayer(this.layer);\n+            }\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n     },\n \n     /**\n-     * Method: getViewPortPxFromLonLat\n-     * Get a pixel location from a map location\n+     * Method: unselectAll\n+     * Unselect all selected features.  To unselect all except for a single\n+     *     feature, set the options.except property to the feature.\n      *\n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n-     * OpenLayers.LonLat, translated into view port pixels by map lib\n-     * If map lib is not loaded or not centered, returns null\n+     * options - {Object} Optional configuration object.\n      */\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments);\n+    unselectAll: function(options) {\n+        // we'll want an option to supress notification here\n+        var layers = this.layers || [this.layer],\n+            layer, feature, l, numExcept;\n+        for (l = 0; l < layers.length; ++l) {\n+            layer = layers[l];\n+            numExcept = 0;\n+            //layer.selectedFeatures is null when layer is destroyed and \n+            //one of it's preremovelayer listener calls setLayer \n+            //with another layer on this control\n+            if (layer.selectedFeatures != null) {\n+                while (layer.selectedFeatures.length > numExcept) {\n+                    feature = layer.selectedFeatures[numExcept];\n+                    if (!options || options.except != feature) {\n+                        this.unselect(feature);\n+                    } else {\n+                        ++numExcept;\n+                    }\n+                }\n+            }\n+        }\n     },\n \n-    /** \n-     * Method: initMercatorParameters \n-     * Set up the mercator parameters on the layer: resolutions,\n-     *     projection, units.\n+    /**\n+     * Method: clickFeature\n+     * Called on click in a feature\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    initMercatorParameters: function() {\n-        // set up properties for Mercator - assume EPSG:900913\n-        this.RESOLUTIONS = [];\n-        var maxResolution = 156543.03390625;\n-        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n-            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom);\n+    clickFeature: function(feature) {\n+        if (!this.hover) {\n+            var selected = (OpenLayers.Util.indexOf(\n+                feature.layer.selectedFeatures, feature) > -1);\n+            if (selected) {\n+                if (this.toggleSelect()) {\n+                    this.unselect(feature);\n+                } else if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+            } else {\n+                if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+                this.select(feature);\n+            }\n         }\n-        this.units = \"m\";\n-        this.projection = this.projection || \"EPSG:900913\";\n     },\n \n     /**\n-     * APIMethod: forwardMercator\n-     * Given a lon,lat in EPSG:4326, return a point in Spherical Mercator.\n+     * Method: multipleSelect\n+     * Allow for multiple selected features based on <multiple> property and\n+     *     <multipleKey> event modifier.\n      *\n-     * Parameters:\n-     * lon - {float} \n-     * lat - {float}\n-     * \n      * Returns:\n-     * {<OpenLayers.LonLat>} The coordinates transformed to Mercator.\n+     * {Boolean} Allow for multiple selected features.\n      */\n-    forwardMercator: (function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(lon, lat) {\n-            var point = OpenLayers.Projection.transform({\n-                x: lon,\n-                y: lat\n-            }, gg, sm);\n-            return new OpenLayers.LonLat(point.x, point.y);\n-        };\n-    })(),\n+    multipleSelect: function() {\n+        return this.multiple || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.multipleKey]);\n+    },\n \n     /**\n-     * APIMethod: inverseMercator\n-     * Given a x,y in Spherical Mercator, return a point in EPSG:4326.\n+     * Method: toggleSelect\n+     * Event should toggle the selected state of a feature based on <toggle>\n+     *     property and <toggleKey> event modifier.\n      *\n-     * Parameters:\n-     * x - {float} A map x in Spherical Mercator.\n-     * y - {float} A map y in Spherical Mercator.\n-     * \n      * Returns:\n-     * {<OpenLayers.LonLat>} The coordinates transformed to EPSG:4326.\n+     * {Boolean} Toggle the selected state of a feature.\n      */\n-    inverseMercator: (function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(x, y) {\n-            var point = OpenLayers.Projection.transform({\n-                x: x,\n-                y: y\n-            }, sm, gg);\n-            return new OpenLayers.LonLat(point.x, point.y);\n-        };\n-    })()\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Layer/EventPane.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.EventPane\n- * Base class for 3rd party layers, providing a DOM element which isolates\n- * the 3rd-party layer from mouse events.\n- * Only used by Google layers.\n- *\n- * Automatically instantiated by the Google constructor, and not usually instantiated directly.\n- *\n- * Create a new event pane layer with the\n- * <OpenLayers.Layer.EventPane> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer>\n- */\n-OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n+    toggleSelect: function() {\n+        return this.toggle || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.toggleKey]);\n+    },\n \n     /**\n-     * APIProperty: smoothDragPan\n-     * {Boolean} smoothDragPan determines whether non-public/internal API\n-     *     methods are used for better performance while dragging EventPane \n-     *     layers. When not in sphericalMercator mode, the smoother dragging \n-     *     doesn't actually move north/south directly with the number of \n-     *     pixels moved, resulting in a slight offset when you drag your mouse \n-     *     north south with this option on. If this visual disparity bothers \n-     *     you, you should turn this option off, or use spherical mercator. \n-     *     Default is on.\n+     * Method: clickoutFeature\n+     * Called on click outside a previously clicked (selected) feature.\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Vector.Feature>} \n      */\n-    smoothDragPan: true,\n+    clickoutFeature: function(feature) {\n+        if (!this.hover && this.clickout) {\n+            this.unselectAll();\n+        }\n+    },\n \n     /**\n-     * Property: isBaseLayer\n-     * {Boolean} EventPaned layers are always base layers, by necessity.\n+     * Method: overFeature\n+     * Called on over a feature.\n+     * Only responds if this.hover is true.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    isBaseLayer: true,\n+    overFeature: function(feature) {\n+        var layer = feature.layer;\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                this.highlight(feature);\n+            } else if (OpenLayers.Util.indexOf(\n+                    layer.selectedFeatures, feature) == -1) {\n+                this.select(feature);\n+            }\n+        }\n+    },\n \n     /**\n-     * APIProperty: isFixed\n-     * {Boolean} EventPaned layers are fixed by default.\n-     */\n-    isFixed: true,\n-\n-    /**\n-     * Property: pane\n-     * {DOMElement} A reference to the element that controls the events.\n-     */\n-    pane: null,\n-\n-\n-    /**\n-     * Property: mapObject\n-     * {Object} This is the object which will be used to load the 3rd party library\n-     * in the case of the google layer, this will be of type GMap, \n-     * in the case of the ve layer, this will be of type VEMap\n-     */\n-    mapObject: null,\n-\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.EventPane\n-     * Create a new event pane layer\n-     *\n-     * Parameters:\n-     * name - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (this.pane == null) {\n-            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\");\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Deconstruct this layer.\n-     */\n-    destroy: function() {\n-        this.mapObject = null;\n-        this.pane = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n-    },\n-\n-\n-    /**\n-     * Method: setMap\n-     * Set the map property for the layer. This is done through an accessor\n-     * so that subclasses can override this and take special action once \n-     * they have their map variable set. \n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n-        this.pane.style.display = this.div.style.display;\n-        this.pane.style.width = \"100%\";\n-        this.pane.style.height = \"100%\";\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.pane.style.background =\n-                \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\";\n-        }\n-\n-        if (this.isFixed) {\n-            this.map.viewPortDiv.appendChild(this.pane);\n-        } else {\n-            this.map.layerContainerDiv.appendChild(this.pane);\n-        }\n-\n-        // once our layer has been added to the map, we can load it\n-        this.loadMapObject();\n-\n-        // if map didn't load, display warning\n-        if (this.mapObject == null) {\n-            this.loadWarningMessage();\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: removeMap\n-     * On being removed from the map, we'll like to remove the invisible 'pane'\n-     *     div that we added to it on creation. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        if (this.pane && this.pane.parentNode) {\n-            this.pane.parentNode.removeChild(this.pane);\n-        }\n-        OpenLayers.Layer.prototype.removeMap.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: loadWarningMessage\n-     * If we can't load the map lib, then display an error message to the \n-     *     user and tell them where to go for help.\n-     * \n-     *     This function sets up the layout for the warning message. Each 3rd\n-     *     party layer must implement its own getWarningHTML() function to \n-     *     provide the actual warning message.\n-     */\n-    loadWarningMessage: function() {\n-\n-        this.div.style.backgroundColor = \"darkblue\";\n-\n-        var viewSize = this.map.getSize();\n-\n-        var msgW = Math.min(viewSize.w, 300);\n-        var msgH = Math.min(viewSize.h, 200);\n-        var size = new OpenLayers.Size(msgW, msgH);\n-\n-        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n-\n-        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n-\n-        var div = OpenLayers.Util.createDiv(this.name + \"_warning\",\n-            topLeft,\n-            size,\n-            null,\n-            null,\n-            null,\n-            \"auto\");\n-\n-        div.style.padding = \"7px\";\n-        div.style.backgroundColor = \"yellow\";\n-\n-        div.innerHTML = this.getWarningHTML();\n-        this.div.appendChild(div);\n-    },\n-\n-    /** \n-     * Method: getWarningHTML\n-     * To be implemented by subclasses.\n-     * \n-     * Returns:\n-     * {String} String with information on why layer is broken, how to get\n-     *          it working.\n-     */\n-    getWarningHTML: function() {\n-        //should be implemented by subclasses\n-        return \"\";\n-    },\n-\n-    /**\n-     * Method: display\n-     * Set the display on the pane\n-     *\n-     * Parameters:\n-     * display - {Boolean}\n-     */\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        this.pane.style.display = this.div.style.display;\n-    },\n-\n-    /**\n-     * Method: setZIndex\n-     * Set the z-index order for the pane.\n-     * \n-     * Parameters:\n-     * zIndex - {int}\n-     */\n-    setZIndex: function(zIndex) {\n-        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n-    },\n-\n-    /**\n-     * Method: moveByPx\n-     * Move the layer based on pixel vector. To be implemented by subclasses.\n+     * Method: outFeature\n+     * Called on out of a selected feature.\n+     * Only responds if this.hover is true.\n      *\n      * Parameters:\n-     * dx - {Number} The x coord of the displacement vector.\n-     * dy - {Number} The y coord of the displacement vector.\n-     */\n-    moveByPx: function(dx, dy) {\n-        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n-\n-        if (this.dragPanMapObject) {\n-            this.dragPanMapObject(dx, -dy);\n-        } else {\n-            this.moveTo(this.map.getCachedCenter());\n-        }\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * Handle calls to move the layer.\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean}\n-     * dragging - {Boolean}\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-\n-        if (this.mapObject != null) {\n-\n-            var newCenter = this.map.getCenter();\n-            var newZoom = this.map.getZoom();\n-\n-            if (newCenter != null) {\n-\n-                var moOldCenter = this.getMapObjectCenter();\n-                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n-\n-                var moOldZoom = this.getMapObjectZoom();\n-                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n-\n-                if (!(newCenter.equals(oldCenter)) || newZoom != oldZoom) {\n-\n-                    if (!zoomChanged && oldCenter && this.dragPanMapObject &&\n-                        this.smoothDragPan) {\n-                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n-                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n-                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y);\n+    outFeature: function(feature) {\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                // we do nothing if we're not the last highlighter of the\n+                // feature\n+                if (feature._lastHighlighter == this.id) {\n+                    // if another select control had highlighted the feature before\n+                    // we did it ourself then we use that control to highlight the\n+                    // feature as it was before we highlighted it, else we just\n+                    // unhighlight it\n+                    if (feature._prevHighlighter &&\n+                        feature._prevHighlighter != this.id) {\n+                        delete feature._lastHighlighter;\n+                        var control = this.map.getControl(\n+                            feature._prevHighlighter);\n+                        if (control) {\n+                            control.highlight(feature);\n+                        }\n                     } else {\n-                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n-                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n-                        this.setMapObjectCenter(center, zoom, dragging);\n+                        this.unhighlight(feature);\n                     }\n                 }\n+            } else {\n+                this.unselect(feature);\n             }\n         }\n     },\n \n-\n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /********************************************************/\n-\n     /**\n-     * Method: getLonLatFromViewPortPx\n-     * Get a map location from a pixel location\n-     * \n-     * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>}\n+     * Method: highlight\n+     * Redraw feature with the select style.\n      *\n-     * Returns:\n-     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n-     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n-     *  If the map lib is not loaded or not centered, returns null\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        if ((this.mapObject != null) &&\n-            (this.getMapObjectCenter() != null)) {\n-            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n-            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n-            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat);\n+    highlight: function(feature) {\n+        var layer = feature.layer;\n+        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n+            feature: feature\n+        });\n+        if (cont !== false) {\n+            feature._prevHighlighter = feature._lastHighlighter;\n+            feature._lastHighlighter = this.id;\n+            var style = this.selectStyle || this.renderIntent;\n+            layer.drawFeature(feature, style);\n+            this.events.triggerEvent(\"featurehighlighted\", {\n+                feature: feature\n+            });\n         }\n-        return lonlat;\n     },\n \n-\n     /**\n-     * Method: getViewPortPxFromLonLat\n-     * Get a pixel location from a map location\n+     * Method: unhighlight\n+     * Redraw feature with the \"default\" style\n      *\n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n-     * OpenLayers.LonLat, translated into view port pixels by map lib\n-     * If map lib is not loaded or not centered, returns null\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        var viewPortPx = null;\n-        if ((this.mapObject != null) &&\n-            (this.getMapObjectCenter() != null)) {\n-\n-            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n-            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n-\n-            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel);\n+    unhighlight: function(feature) {\n+        var layer = feature.layer;\n+        // three cases:\n+        // 1. there's no other highlighter, in that case _prev is undefined,\n+        //    and we just need to undef _last\n+        // 2. another control highlighted the feature after we did it, in\n+        //    that case _last references this other control, and we just\n+        //    need to undef _prev\n+        // 3. another control highlighted the feature before we did it, in\n+        //    that case _prev references this other control, and we need to\n+        //    set _last to _prev and undef _prev\n+        if (feature._prevHighlighter == undefined) {\n+            delete feature._lastHighlighter;\n+        } else if (feature._prevHighlighter == this.id) {\n+            delete feature._prevHighlighter;\n+        } else {\n+            feature._lastHighlighter = feature._prevHighlighter;\n+            delete feature._prevHighlighter;\n         }\n-        return viewPortPx;\n+        layer.drawFeature(feature, feature.style || feature.layer.style ||\n+            \"default\");\n+        this.events.triggerEvent(\"featureunhighlighted\", {\n+            feature: feature\n+        });\n     },\n \n-    /********************************************************/\n-    /*                                                      */\n-    /*               Translation Functions                  */\n-    /*                                                      */\n-    /*   The following functions translate Map Object and   */\n-    /*            OL formats for Pixel, LonLat              */\n-    /*                                                      */\n-    /********************************************************/\n-\n-    //\n-    // TRANSLATION: MapObject LatLng <-> OpenLayers.LonLat\n-    //\n-\n     /**\n-     * Method: getOLLonLatFromMapObjectLonLat\n-     * Get an OL style map location from a 3rd party style map location\n-     *\n-     * Parameters\n-     * moLonLat - {Object}\n+     * Method: select\n+     * Add feature to the layer's selectedFeature array, render the feature as\n+     * selected, and call the onSelect function.\n      * \n-     * Returns:\n-     * {<OpenLayers.LonLat>} An OpenLayers.LonLat, translated from the passed in \n-     *          MapObject LonLat\n-     *          Returns null if null value is passed in\n-     */\n-    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n-        var olLonLat = null;\n-        if (moLonLat != null) {\n-            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-            olLonLat = new OpenLayers.LonLat(lon, lat);\n-        }\n-        return olLonLat;\n-    },\n-\n-    /**\n-     * Method: getMapObjectLonLatFromOLLonLat\n-     * Get a 3rd party map location from an OL map location.\n-     *\n      * Parameters:\n-     * olLonLat - {<OpenLayers.LonLat>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject LonLat, translated from the passed in \n-     *          OpenLayers.LonLat\n-     *          Returns null if null value is passed in\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n-        var moLatLng = null;\n-        if (olLonLat != null) {\n-            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon,\n-                olLonLat.lat);\n+    select: function(feature) {\n+        var cont = this.onBeforeSelect.call(this.scope, feature);\n+        var layer = feature.layer;\n+        if (cont !== false) {\n+            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n+                feature: feature\n+            });\n+            if (cont !== false) {\n+                layer.selectedFeatures.push(feature);\n+                this.highlight(feature);\n+                // if the feature handler isn't involved in the feature\n+                // selection (because the box handler is used or the\n+                // feature is selected programatically) we fake the\n+                // feature handler to allow unselecting on click\n+                if (!this.handlers.feature.lastFeature) {\n+                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n+                }\n+                layer.events.triggerEvent(\"featureselected\", {\n+                    feature: feature\n+                });\n+                this.onSelect.call(this.scope, feature);\n+            }\n         }\n-        return moLatLng;\n     },\n \n-\n-    //\n-    // TRANSLATION: MapObject Pixel <-> OpenLayers.Pixel\n-    //\n-\n     /**\n-     * Method: getOLPixelFromMapObjectPixel\n-     * Get an OL pixel location from a 3rd party pixel location.\n+     * Method: unselect\n+     * Remove feature from the layer's selectedFeature array, render the feature as\n+     * normal, and call the onUnselect function.\n      *\n      * Parameters:\n-     * moPixel - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Pixel>} An OpenLayers.Pixel, translated from the passed in \n-     *          MapObject Pixel\n-     *          Returns null if null value is passed in\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    getOLPixelFromMapObjectPixel: function(moPixel) {\n-        var olPixel = null;\n-        if (moPixel != null) {\n-            var x = this.getXFromMapObjectPixel(moPixel);\n-            var y = this.getYFromMapObjectPixel(moPixel);\n-            olPixel = new OpenLayers.Pixel(x, y);\n-        }\n-        return olPixel;\n+    unselect: function(feature) {\n+        var layer = feature.layer;\n+        // Store feature style for restoration later\n+        this.unhighlight(feature);\n+        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n+        layer.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        });\n+        this.onUnselect.call(this.scope, feature);\n     },\n \n     /**\n-     * Method: getMapObjectPixelFromOLPixel\n-     * Get a 3rd party pixel location from an OL pixel location\n+     * Method: selectBox\n+     * Callback from the handlers.box set up when <box> selection is true\n+     *     on.\n      *\n      * Parameters:\n-     * olPixel - {<OpenLayers.Pixel>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Pixel, translated from the passed in \n-     *          OpenLayers.Pixel\n-     *          Returns null if null value is passed in\n-     */\n-    getMapObjectPixelFromOLPixel: function(olPixel) {\n-        var moPixel = null;\n-        if (olPixel != null) {\n-            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y);\n-        }\n-        return moPixel;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/FixedZoomLevels.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.FixedZoomLevels\n- *   Some Layers will already have established zoom levels (like google \n- *    or ve). Instead of trying to determine them and populate a resolutions[]\n- *    Array with those values, we will hijack the resolution functionality\n- *    here.\n- * \n- *   When you subclass FixedZoomLevels: \n- * \n- *   The initResolutions() call gets nullified, meaning no resolutions[] array \n- *    is set up. Which would be a big problem getResolution() in Layer, since \n- *    it merely takes map.zoom and indexes into resolutions[]... but....\n- * \n- *   The getResolution() call is also overridden. Instead of using the \n- *    resolutions[] array, we simply calculate the current resolution based\n- *    on the current extent and the current map size. But how will we be able\n- *    to calculate the current extent without knowing the resolution...?\n- *  \n- *   The getExtent() function is also overridden. Instead of calculating extent\n- *    based on the center point and the current resolution, we instead \n- *    calculate the extent by getting the lonlats at the top-left and \n- *    bottom-right by using the getLonLatFromViewPortPx() translation function,\n- *    taken from the pixel locations (0,0) and the size of the map. But how \n- *    will we be able to do lonlat-px translation without resolution....?\n- * \n- *   The getZoomForResolution() method is overridden. Instead of indexing into\n- *    the resolutions[] array, we call OpenLayers.Layer.getExent(), passing in\n- *    the desired resolution. With this extent, we then call getZoomForExtent() \n- * \n- * \n- *   Whenever you implement a layer using OpenLayers.Layer.FixedZoomLevels, \n- *    it is your responsibility to provide the following three functions:\n- * \n- *   - getLonLatFromViewPortPx\n- *   - getViewPortPxFromLonLat\n- *   - getZoomForExtent\n- * \n- *  ...those three functions should generally be provided by any reasonable \n- *  API that you might be working from.\n- *\n- */\n-OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n-\n-    /********************************************************/\n-    /*                                                      */\n-    /*                 Baselayer Functions                  */\n-    /*                                                      */\n-    /*    The following functions must all be implemented   */\n-    /*                  by all base layers                  */\n-    /*                                                      */\n-    /********************************************************/\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.FixedZoomLevels\n-     * Create a new fixed zoom levels layer.\n-     */\n-    initialize: function() {\n-        //this class is only just to add the following functions... \n-        // nothing to actually do here... but it is probably a good\n-        // idea to have layers that use these functions call this \n-        // inititalize() anyways, in case at some point we decide we \n-        // do want to put some functionality or state in here. \n-    },\n-\n-    /**\n-     * Method: initResolutions\n-     * Populate the resolutions array\n+     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n      */\n-    initResolutions: function() {\n-\n-        var props = ['minZoomLevel', 'maxZoomLevel', 'numZoomLevels'];\n-\n-        for (var i = 0, len = props.length; i < len; i++) {\n-            var property = props[i];\n-            this[property] = (this.options[property] != null) ?\n-                this.options[property] :\n-                this.map[property];\n-        }\n-\n-        if ((this.minZoomLevel == null) ||\n-            (this.minZoomLevel < this.MIN_ZOOM_LEVEL)) {\n-            this.minZoomLevel = this.MIN_ZOOM_LEVEL;\n-        }\n-\n-        //\n-        // At this point, we know what the minimum desired zoom level is, and\n-        //  we must calculate the total number of zoom levels. \n-        //  \n-        //  Because we allow for the setting of either the 'numZoomLevels'\n-        //   or the 'maxZoomLevel' properties... on either the layer or the  \n-        //   map, we have to define some rules to see which we take into\n-        //   account first in this calculation. \n-        //\n-        // The following is the precedence list for these properties:\n-        // \n-        // (1) numZoomLevels set on layer\n-        // (2) maxZoomLevel set on layer\n-        // (3) numZoomLevels set on map\n-        // (4) maxZoomLevel set on map*\n-        // (5) none of the above*\n-        //\n-        // *Note that options (4) and (5) are only possible if the user \n-        //  _explicitly_ sets the 'numZoomLevels' property on the map to \n-        //  null, since it is set by default to 16. \n-        //\n-\n-        //\n-        // Note to future: In 3.0, I think we should remove the default \n-        // value of 16 for map.numZoomLevels. Rather, I think that value \n-        // should be set as a default on the Layer.WMS class. If someone\n-        // creates a 3rd party layer and does not specify any 'minZoomLevel', \n-        // 'maxZoomLevel', or 'numZoomLevels', and has not explicitly \n-        // specified any of those on the map object either.. then I think\n-        // it is fair to say that s/he wants all the zoom levels available.\n-        // \n-        // By making map.numZoomLevels *null* by default, that will be the \n-        // case. As it is, I don't feel comfortable changing that right now\n-        // as it would be a glaring API change and actually would probably\n-        // break many peoples' codes. \n-        //\n-\n-        //the number of zoom levels we'd like to have.\n-        var desiredZoomLevels;\n-\n-        //this is the maximum number of zoom levels the layer will allow, \n-        // given the specified starting minimum zoom level.\n-        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n-\n-        if (((this.options.numZoomLevels == null) &&\n-                (this.options.maxZoomLevel != null)) // (2)\n-            ||\n-            ((this.numZoomLevels == null) &&\n-                (this.maxZoomLevel != null)) // (4)\n-        ) {\n-            //calculate based on specified maxZoomLevel (on layer or map)\n-            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1;\n-        } else {\n-            //calculate based on specified numZoomLevels (on layer or map)\n-            // this covers cases (1) and (3)\n-            desiredZoomLevels = this.numZoomLevels;\n-        }\n-\n-        if (desiredZoomLevels != null) {\n-            //Now that we know what we would *like* the number of zoom levels\n-            // to be, based on layer or map options, we have to make sure that\n-            // it does not conflict with the actual limit, as specified by \n-            // the constants on the layer itself (and calculated into the\n-            // 'limitZoomLevels' variable). \n-            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels);\n-        } else {\n-            // case (5) -- neither 'numZoomLevels' not 'maxZoomLevel' was \n-            // set on either the layer or the map. So we just use the \n-            // maximum limit as calculated by the layer's constants.\n-            this.numZoomLevels = limitZoomLevels;\n-        }\n-\n-        //now that the 'numZoomLevels' is appropriately, safely set, \n-        // we go back and re-calculate the 'maxZoomLevel'.\n-        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n+    selectBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            var bounds = new OpenLayers.Bounds(\n+                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n+            );\n \n-        if (this.RESOLUTIONS != null) {\n-            var resolutionsIndex = 0;\n-            this.resolutions = [];\n-            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n-                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i];\n+            // if multiple is false, first deselect currently selected features\n+            if (!this.multipleSelect()) {\n+                this.unselectAll();\n             }\n-            this.maxResolution = this.resolutions[0];\n-            this.minResolution = this.resolutions[this.resolutions.length - 1];\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: getResolution\n-     * Get the current map resolution\n-     * \n-     * Returns:\n-     * {Float} Map units per Pixel\n-     */\n-    getResolution: function() {\n-\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments);\n-        } else {\n-            var resolution = null;\n \n-            var viewSize = this.map.getSize();\n-            var extent = this.getExtent();\n+            // because we're using a box, we consider we want multiple selection\n+            var prevMultiple = this.multiple;\n+            this.multiple = true;\n+            var layers = this.layers || [this.layer];\n+            this.events.triggerEvent(\"boxselectionstart\", {\n+                layers: layers\n+            });\n+            var layer;\n+            for (var l = 0; l < layers.length; ++l) {\n+                layer = layers[l];\n+                for (var i = 0, len = layer.features.length; i < len; ++i) {\n+                    var feature = layer.features[i];\n+                    // check if the feature is displayed\n+                    if (!feature.getVisibility()) {\n+                        continue;\n+                    }\n \n-            if ((viewSize != null) && (extent != null)) {\n-                resolution = Math.max(extent.getWidth() / viewSize.w,\n-                    extent.getHeight() / viewSize.h);\n+                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n+                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n+                        if (bounds.toGeometry().intersects(feature.geometry)) {\n+                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n+                                this.select(feature);\n+                            }\n+                        }\n+                    }\n+                }\n             }\n-            return resolution;\n+            this.multiple = prevMultiple;\n+            this.events.triggerEvent(\"boxselectionend\", {\n+                layers: layers\n+            });\n         }\n     },\n \n-    /**\n-     * APIMethod: getExtent\n-     * Calculates using px-> lonlat translation functions on tl and br \n-     *     corners of viewport\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n      * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n-     *                       bounds of the current viewPort.\n-     */\n-    getExtent: function() {\n-        var size = this.map.getSize();\n-        var tl = this.getLonLatFromViewPortPx({\n-            x: 0,\n-            y: 0\n-        });\n-        var br = this.getLonLatFromViewPortPx({\n-            x: size.w,\n-            y: size.h\n-        });\n-\n-        if ((tl != null) && (br != null)) {\n-            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat);\n-        } else {\n-            return null;\n-        }\n-    },\n-\n-    /**\n-     * Method: getZoomForResolution\n-     * Get the zoom level for a given resolution\n-     *\n      * Parameters:\n-     * resolution - {Float}\n-     *\n-     * Returns:\n-     * {Integer} A suitable zoom level for the specified resolution.\n-     *           If no baselayer is set, returns null.\n+     * map - {<OpenLayers.Map>} \n      */\n-    getZoomForResolution: function(resolution) {\n-\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments);\n-        } else {\n-            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n-            return this.getZoomForExtent(extent);\n+    setMap: function(map) {\n+        this.handlers.feature.setMap(map);\n+        if (this.box) {\n+            this.handlers.box.setMap(map);\n         }\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n-\n-\n-\n-    /********************************************************/\n-    /*                                                      */\n-    /*             Translation Functions                    */\n-    /*                                                      */\n-    /*    The following functions translate GMaps and OL    */\n-    /*     formats for Pixel, LonLat, Bounds, and Zoom      */\n-    /*                                                      */\n-    /********************************************************/\n-\n-\n-    //\n-    // TRANSLATION: MapObject Zoom <-> OpenLayers Zoom\n-    //\n-\n     /**\n-     * Method: getOLZoomFromMapObjectZoom\n-     * Get the OL zoom index from the map object zoom level\n+     * APIMethod: setLayer\n+     * Attach a new layer to the control, overriding any existing layers.\n      *\n      * Parameters:\n-     * moZoom - {Integer}\n-     * \n-     * Returns:\n-     * {Integer} An OpenLayers Zoom level, translated from the passed in zoom\n-     *           Returns null if null value is passed in\n+     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n+     *     {<OpenLayers.Layer.Vector>}\n      */\n-    getOLZoomFromMapObjectZoom: function(moZoom) {\n-        var zoom = null;\n-        if (moZoom != null) {\n-            zoom = moZoom - this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.map.baseLayer.getZoomForResolution(\n-                    this.getResolutionForZoom(zoom)\n-                );\n-            }\n+    setLayer: function(layers) {\n+        var isActive = this.active;\n+        this.unselectAll();\n+        this.deactivate();\n+        if (this.layers) {\n+            this.layer.destroy();\n+            this.layers = null;\n         }\n-        return zoom;\n-    },\n-\n-    /**\n-     * Method: getMapObjectZoomFromOLZoom\n-     * Get the map object zoom level from the OL zoom level\n-     *\n-     * Parameters:\n-     * olZoom - {Integer}\n-     * \n-     * Returns:\n-     * {Integer} A MapObject level, translated from the passed in olZoom\n-     *           Returns null if null value is passed in\n-     */\n-    getMapObjectZoomFromOLZoom: function(olZoom) {\n-        var zoom = null;\n-        if (olZoom != null) {\n-            zoom = olZoom + this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.getZoomForResolution(\n-                    this.map.baseLayer.getResolutionForZoom(zoom)\n-                );\n-            }\n+        this.initLayer(layers);\n+        this.handlers.feature.layer = this.layer;\n+        if (isActive) {\n+            this.activate();\n         }\n-        return zoom;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Layer/Google.js\n+    OpenLayers/Control/Attribution.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/SphericalMercator.js\n- * @requires OpenLayers/Layer/EventPane.js\n- * @requires OpenLayers/Layer/FixedZoomLevels.js\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Control.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Google\n- * \n- * Provides a wrapper for Google's Maps API\n- * Normally the Terms of Use for this API do not allow wrapping, but Google\n- * have provided written consent to OpenLayers for this - see email in \n- * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n- * \n+ * Class: OpenLayers.Control.Attribution\n+ * The attribution control adds attribution from layers to the map display. \n+ * It uses 'attribution' property of each layer.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.SphericalMercator>\n- *  - <OpenLayers.Layer.EventPane>\n- *  - <OpenLayers.Layer.FixedZoomLevels>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.Google = OpenLayers.Class(\n-    OpenLayers.Layer.EventPane,\n-    OpenLayers.Layer.FixedZoomLevels, {\n-\n-        /** \n-         * Constant: MIN_ZOOM_LEVEL\n-         * {Integer} 0 \n-         */\n-        MIN_ZOOM_LEVEL: 0,\n-\n-        /** \n-         * Constant: MAX_ZOOM_LEVEL\n-         * {Integer} 21\n-         */\n-        MAX_ZOOM_LEVEL: 21,\n-\n-        /** \n-         * Constant: RESOLUTIONS\n-         * {Array(Float)} Hardcode these resolutions so that they are more closely\n-         *                tied with the standard wms projection\n-         */\n-        RESOLUTIONS: [\n-            1.40625,\n-            0.703125,\n-            0.3515625,\n-            0.17578125,\n-            0.087890625,\n-            0.0439453125,\n-            0.02197265625,\n-            0.010986328125,\n-            0.0054931640625,\n-            0.00274658203125,\n-            0.001373291015625,\n-            0.0006866455078125,\n-            0.00034332275390625,\n-            0.000171661376953125,\n-            0.0000858306884765625,\n-            0.00004291534423828125,\n-            0.00002145767211914062,\n-            0.00001072883605957031,\n-            0.00000536441802978515,\n-            0.00000268220901489257,\n-            0.0000013411045074462891,\n-            0.00000067055225372314453\n-        ],\n-\n-        /**\n-         * APIProperty: type\n-         * {GMapType}\n-         */\n-        type: null,\n-\n-        /**\n-         * APIProperty: wrapDateLine\n-         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n-         *     Setting this to false only restricts panning if \n-         *     <sphericalMercator> is true. \n-         */\n-        wrapDateLine: true,\n-\n-        /**\n-         * APIProperty: sphericalMercator\n-         * {Boolean} Should the map act as a mercator-projected map? This will\n-         *     cause all interactions with the map to be in the actual map \n-         *     projection, which allows support for vector drawing, overlaying \n-         *     other maps, etc. \n-         */\n-        sphericalMercator: false,\n+OpenLayers.Control.Attribution =\n+    OpenLayers.Class(OpenLayers.Control, {\n \n         /**\n-         * Property: version\n-         * {Number} The version of the Google Maps API\n-         */\n-        version: null,\n-\n-        /** \n-         * Constructor: OpenLayers.Layer.Google\n-         * \n-         * Parameters:\n-         * name - {String} A name for the layer.\n-         * options - {Object} An optional object whose properties will be set\n-         *     on the layer.\n+         * APIProperty: separator\n+         * {String} String used to separate layers.\n          */\n-        initialize: function(name, options) {\n-            options = options || {};\n-            if (!options.version) {\n-                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n-            }\n-            var mixin = OpenLayers.Layer.Google[\"v\" +\n-                options.version.replace(/\\./g, \"_\")];\n-            if (mixin) {\n-                OpenLayers.Util.applyDefaults(options, mixin);\n-            } else {\n-                throw \"Unsupported Google Maps API version: \" + options.version;\n-            }\n-\n-            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-            if (options.maxExtent) {\n-                options.maxExtent = options.maxExtent.clone();\n-            }\n-\n-            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n-                [name, options]);\n-            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n-                [name, options]);\n-\n-            if (this.sphericalMercator) {\n-                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-                this.initMercatorParameters();\n-            }\n-        },\n+        separator: \", \",\n \n         /**\n-         * Method: clone\n-         * Create a clone of this layer\n-         *\n-         * Returns:\n-         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n+         * APIProperty: template\n+         * {String} Template for the attribution. This has to include the substring\n+         *     \"${layers}\", which will be replaced by the layer specific\n+         *     attributions, separated by <separator>. The default is \"${layers}\".\n          */\n-        clone: function() {\n-            /**\n-             * This method isn't intended to be called by a subclass and it\n-             * doesn't call the same method on the superclass.  We don't call\n-             * the super's clone because we don't want properties that are set\n-             * on this layer after initialize (i.e. this.mapObject etc.).\n-             */\n-            return new OpenLayers.Layer.Google(\n-                this.name, this.getOptions()\n-            );\n-        },\n+        template: \"${layers}\",\n \n         /**\n-         * APIMethod: setVisibility\n-         * Set the visibility flag for the layer and hide/show & redraw \n-         *     accordingly. Fire event unless otherwise specified\n-         * \n-         * Note that visibility is no longer simply whether or not the layer's\n-         *     style.display is set to \"block\". Now we store a 'visibility' state \n-         *     property on the layer class, this allows us to remember whether or \n-         *     not we *desire* for a layer to be visible. In the case where the \n-         *     map's resolution is out of the layer's range, this desire may be \n-         *     subverted.\n+         * Constructor: OpenLayers.Control.Attribution \n          * \n          * Parameters:\n-         * visible - {Boolean} Display the layer (if in range)\n+         * options - {Object} Options for control.\n          */\n-        setVisibility: function(visible) {\n-            // sharing a map container, opacity has to be set per layer\n-            var opacity = this.opacity == null ? 1 : this.opacity;\n-            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-            this.setOpacity(opacity);\n-        },\n \n         /** \n-         * APIMethod: display\n-         * Hide or show the Layer\n-         * \n-         * Parameters:\n-         * visible - {Boolean}\n-         */\n-        display: function(visible) {\n-            if (!this._dragging) {\n-                this.setGMapVisibility(visible);\n-            }\n-            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: moveTo\n-         * \n-         * Parameters:\n-         * bounds - {<OpenLayers.Bounds>}\n-         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-         *     do some init work in that case.\n-         * dragging - {Boolean}\n-         */\n-        moveTo: function(bounds, zoomChanged, dragging) {\n-            this._dragging = dragging;\n-            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-            delete this._dragging;\n-        },\n-\n-        /**\n-         * APIMethod: setOpacity\n-         * Sets the opacity for the entire layer (all images)\n-         * \n-         * Parameters:\n-         * opacity - {Float}\n-         */\n-        setOpacity: function(opacity) {\n-            if (opacity !== this.opacity) {\n-                if (this.map != null) {\n-                    this.map.events.triggerEvent(\"changelayer\", {\n-                        layer: this,\n-                        property: \"opacity\"\n-                    });\n-                }\n-                this.opacity = opacity;\n-            }\n-            // Though this layer's opacity may not change, we're sharing a container\n-            // and need to update the opacity for the entire container.\n-            if (this.getVisibility()) {\n-                var container = this.getMapContainer();\n-                OpenLayers.Util.modifyDOMElement(\n-                    container, null, null, null, null, null, null, opacity\n-                );\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: destroy\n-         * Clean up this layer.\n+         * Method: destroy\n+         * Destroy control.\n          */\n         destroy: function() {\n-            /**\n-             * We have to override this method because the event pane destroy\n-             * deletes the mapObject reference before removing this layer from\n-             * the map.\n-             */\n-            if (this.map) {\n-                this.setGMapVisibility(false);\n-                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-                if (cache && cache.count <= 1) {\n-                    this.removeGMapElements();\n-                }\n-            }\n-            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: removeGMapElements\n-         * Remove all elements added to the dom.  This should only be called if\n-         * this is the last of the Google layers for the given map.\n-         */\n-        removeGMapElements: function() {\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache) {\n-                // remove shared elements from dom\n-                var container = this.mapObject && this.getMapContainer();\n-                if (container && container.parentNode) {\n-                    container.parentNode.removeChild(container);\n-                }\n-                var termsOfUse = cache.termsOfUse;\n-                if (termsOfUse && termsOfUse.parentNode) {\n-                    termsOfUse.parentNode.removeChild(termsOfUse);\n-                }\n-                var poweredBy = cache.poweredBy;\n-                if (poweredBy && poweredBy.parentNode) {\n-                    poweredBy.parentNode.removeChild(poweredBy);\n-                }\n-                if (this.mapObject && window.google && google.maps &&\n-                    google.maps.event && google.maps.event.clearListeners) {\n-                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n-                }\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: removeMap\n-         * On being removed from the map, also remove termsOfUse and poweredBy divs\n-         * \n-         * Parameters:\n-         * map - {<OpenLayers.Map>}\n-         */\n-        removeMap: function(map) {\n-            // hide layer before removing\n-            if (this.visibility && this.mapObject) {\n-                this.setGMapVisibility(false);\n-            }\n-            // check to see if last Google layer in this map\n-            var cache = OpenLayers.Layer.Google.cache[map.id];\n-            if (cache) {\n-                if (cache.count <= 1) {\n-                    this.removeGMapElements();\n-                    delete OpenLayers.Layer.Google.cache[map.id];\n-                } else {\n-                    // decrement the layer count\n-                    --cache.count;\n-                }\n-            }\n-            // remove references to gmap elements\n-            delete this.termsOfUse;\n-            delete this.poweredBy;\n-            delete this.mapObject;\n-            delete this.dragObject;\n-            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n-        },\n-\n-        //\n-        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-        //\n-\n-        /**\n-         * APIMethod: getOLBoundsFromMapObjectBounds\n-         * \n-         * Parameters:\n-         * moBounds - {Object}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n-         *                       passed-in MapObject Bounds.\n-         *                       Returns null if null value is passed in.\n-         */\n-        getOLBoundsFromMapObjectBounds: function(moBounds) {\n-            var olBounds = null;\n-            if (moBounds != null) {\n-                var sw = moBounds.getSouthWest();\n-                var ne = moBounds.getNorthEast();\n-                if (this.sphericalMercator) {\n-                    sw = this.forwardMercator(sw.lng(), sw.lat());\n-                    ne = this.forwardMercator(ne.lng(), ne.lat());\n-                } else {\n-                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n-                }\n-                olBounds = new OpenLayers.Bounds(sw.lon,\n-                    sw.lat,\n-                    ne.lon,\n-                    ne.lat);\n-            }\n-            return olBounds;\n-        },\n+            this.map.events.un({\n+                \"removelayer\": this.updateAttribution,\n+                \"addlayer\": this.updateAttribution,\n+                \"changelayer\": this.updateAttribution,\n+                \"changebaselayer\": this.updateAttribution,\n+                scope: this\n+            });\n \n-        /** \n-         * APIMethod: getWarningHTML\n-         * \n-         * Returns: \n-         * {String} String with information on why layer is broken, how to get\n-         *          it working.\n-         */\n-        getWarningHTML: function() {\n-            return OpenLayers.i18n(\"googleWarning\");\n+            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n         },\n \n-\n-        /************************************\n-         *                                  *\n-         *   MapObject Interface Controls   *\n-         *                                  *\n-         ************************************/\n-\n-\n-        // Get&Set Center, Zoom\n-\n         /**\n-         * APIMethod: getMapObjectCenter\n+         * Method: draw\n+         * Initialize control.\n          * \n          * Returns: \n-         * {Object} The mapObject's current center in Map Object format\n-         */\n-        getMapObjectCenter: function() {\n-            return this.mapObject.getCenter();\n-        },\n-\n-        /** \n-         * APIMethod: getMapObjectZoom\n-         * \n-         * Returns:\n-         * {Integer} The mapObject's current zoom, in Map Object format\n-         */\n-        getMapObjectZoom: function() {\n-            return this.mapObject.getZoom();\n-        },\n-\n-\n-        /************************************\n-         *                                  *\n-         *       MapObject Primitives       *\n-         *                                  *\n-         ************************************/\n-\n-\n-        // LonLat\n-\n-        /**\n-         * APIMethod: getLongitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Longitude of the given MapObject LonLat\n-         */\n-        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-            return this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n-                moLonLat.lng();\n-        },\n-\n-        /**\n-         * APIMethod: getLatitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Latitude of the given MapObject LonLat\n+         * {DOMElement} A reference to the DIV DOMElement containing the control\n          */\n-        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-            var lat = this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n-                moLonLat.lat();\n-            return lat;\n-        },\n+        draw: function() {\n+            OpenLayers.Control.prototype.draw.apply(this, arguments);\n \n-        // Pixel\n+            this.map.events.on({\n+                'changebaselayer': this.updateAttribution,\n+                'changelayer': this.updateAttribution,\n+                'addlayer': this.updateAttribution,\n+                'removelayer': this.updateAttribution,\n+                scope: this\n+            });\n+            this.updateAttribution();\n \n-        /**\n-         * APIMethod: getXFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} X value of the MapObject Pixel\n-         */\n-        getXFromMapObjectPixel: function(moPixel) {\n-            return moPixel.x;\n+            return this.div;\n         },\n \n         /**\n-         * APIMethod: getYFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} Y value of the MapObject Pixel\n+         * Method: updateAttribution\n+         * Update attribution string.\n          */\n-        getYFromMapObjectPixel: function(moPixel) {\n-            return moPixel.y;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Layer.Google\"\n-    });\n-\n-/**\n- * Property: OpenLayers.Layer.Google.cache\n- * {Object} Cache for elements that should only be created once per map.\n- */\n-OpenLayers.Layer.Google.cache = {};\n-\n-\n-/**\n- * Constant: OpenLayers.Layer.Google.v2\n- * \n- * Mixin providing functionality specific to the Google Maps API v2.\n- * \n- * This API has been deprecated by Google.\n- * Developers are encouraged to migrate to v3 of the API; support for this\n- * is provided by <OpenLayers.Layer.Google.v3>\n- */\n-OpenLayers.Layer.Google.v2 = {\n-\n-    /**\n-     * Property: termsOfUse\n-     * {DOMElement} Div for Google's copyright and terms of use link\n-     */\n-    termsOfUse: null,\n-\n-    /**\n-     * Property: poweredBy\n-     * {DOMElement} Div for Google's powered by logo and link\n-     */\n-    poweredBy: null,\n-\n-    /**\n-     * Property: dragObject\n-     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n-     *     the maps GDraggableObject. We can now use this for smooth panning\n-     */\n-    dragObject: null,\n-\n-    /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners. If we can't \n-     *     load GMap2, then display a warning message.\n-     */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP;\n-        }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n-\n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n-\n-            // create GMap and shuffle elements\n-            try {\n-                mapObject = new GMap2(div);\n-\n-                // move the ToS and branding stuff up to the container div\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n-\n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n-\n-            } catch (e) {\n-                throw (e);\n-            }\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n-            };\n-        }\n-\n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n-\n-        // ensure this layer type is one of the mapObject types\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n-                this.type) === -1) {\n-            this.mapObject.addMapType(this.type);\n-        }\n-\n-        //since v 2.93 getDragObject is now available.\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject();\n-        } else {\n-            this.dragPanMapObject = null;\n-        }\n-\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\");\n-        }\n-\n-    },\n-\n-    /**\n-     * APIMethod: onMapResize\n-     */\n-    onMapResize: function() {\n-        // workaround for resizing of invisible or not yet fully loaded layers\n-        // where GMap2.checkResize() does not work. We need to load the GMap\n-        // for the old div size, then checkResize(), and then call\n-        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n-        // the GMap initialization).\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize();\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n-                });\n-            }\n-            this._resized = true;\n-        }\n-    },\n-\n-    /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n-     * \n-     * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n-     */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id;\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed;\n-                }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    // move ToU far to the left in addition to setting display\n-                    // to \"none\", because at the end of the GMap2 load\n-                    // sequence, display: none will be unset and ToU would be\n-                    // visible after loading a map with a google layer that is\n-                    // initially hidden. \n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\";\n-                }\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n-     */\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer();\n-    },\n-\n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n-\n-    /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n-     * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n-     */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n-                new GLatLng(ne.lat, ne.lon));\n-        }\n-        return moBounds;\n-    },\n-\n-\n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // Get&Set Center, Zoom\n-\n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n-     */\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom);\n-    },\n-\n-    /**\n-     * APIMethod: dragPanMapObject\n-     * \n-     * Parameters:\n-     * dX - {Integer}\n-     * dY - {Integer}\n-     */\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY));\n-    },\n-\n-\n-    // LonLat - Pixel Translation\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n-     * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n-     */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n-    },\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n-     * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n-     */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n-    },\n-\n-\n-    // Bounds\n-\n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n-     * \n-     * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n-     * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n-     */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n-    },\n-\n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n-     * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n-     */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n-        } else {\n-            gLatLng = new GLatLng(lat, lon);\n-        }\n-        return gLatLng;\n-    },\n-\n-    // Pixel\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y);\n-    }\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Layer/Google/v3.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer/Google.js\n- */\n-\n-/**\n- * Constant: OpenLayers.Layer.Google.v3\n- * \n- * Mixin providing functionality specific to the Google Maps API v3.\n- * \n- * To use this layer, you must include the GMaps v3 API in your html.\n- * \n- * Note that this layer configures the google.maps.map object with the\n- * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n- * Maps API provides is not supported by the OpenLayers API.\n- */\n-OpenLayers.Layer.Google.v3 = {\n-\n-    /**\n-     * Constant: DEFAULTS\n-     * {Object} It is not recommended to change the properties set here. Note\n-     * that Google.v3 layers only work when sphericalMercator is set to true.\n-     * \n-     * (code)\n-     * {\n-     *     sphericalMercator: true,\n-     *     projection: \"EPSG:900913\"\n-     * }\n-     * (end)\n-     */\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n-    },\n-\n-    /**\n-     * APIProperty: animationEnabled\n-     * {Boolean} If set to true, the transition between zoom levels will be\n-     *     animated (if supported by the GMaps API for the device used). Set to\n-     *     false to match the zooming experience of other layer types. Default\n-     *     is true. Note that the GMaps API does not give us control over zoom\n-     *     animation, so if set to false, when zooming, this will make the\n-     *     layer temporarily invisible, wait until GMaps reports the map being\n-     *     idle, and make it visible again. The result will be a blank layer\n-     *     for a few moments while zooming.\n-     */\n-    animationEnabled: true,\n-\n-    /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners.\n-     */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP;\n-        }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n-            // create GMap\n-            var center = this.map.getCenter();\n-            var container = document.createElement('div');\n-            container.className = \"olForeignContainer\";\n-            container.style.width = '100%';\n-            container.style.height = '100%';\n-            mapObject = new google.maps.Map(container, {\n-                center: center ?\n-                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n-            });\n-            var googleControl = document.createElement('div');\n-            googleControl.style.width = '100%';\n-            googleControl.style.height = '100%';\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n-        }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility);\n-    },\n-\n-    /**\n-     * APIMethod: onMapResize\n-     */\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\");\n-        }\n-    },\n-\n-    /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n-     * \n-     * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n-     */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google &&\n-                    layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break;\n-                }\n-            }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter());\n-                        });\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, 'resize');\n-                    }\n-                }\n-                this.mapObject.setMapTypeId(type);\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n-     */\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv();\n-    },\n-\n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n-\n-    /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n-     * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n-     */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(\n-                new google.maps.LatLng(sw.lat, sw.lon),\n-                new google.maps.LatLng(ne.lat, ne.lon)\n-            );\n-        }\n-        return moBounds;\n-    },\n-\n-\n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat - Pixel Translation\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n-     * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n-     */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-\n-        var delta_x = moPixel.x - (size.w / 2);\n-        var delta_y = moPixel.y - (size.h / 2);\n-\n-        var lonlat = new OpenLayers.LonLat(\n-            lon + delta_x * res,\n-            lat - delta_y * res\n-        );\n-\n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent);\n-        }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n-    },\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n-     * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n-     */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n-            (1 / res * (extent.top - lat)));\n-    },\n-\n-\n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n-     */\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(\n-                this.mapObject,\n-                \"idle\",\n-                function() {\n-                    mapContainer.style.visibility = \"\";\n-                }\n-            );\n-            mapContainer.style.visibility = \"hidden\";\n-        }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n-        });\n-    },\n-\n-\n-    // Bounds\n-\n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n-     * \n-     * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n-     * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n-     */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n-    },\n-\n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n-     * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n-     */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon);\n-        }\n-        return gLatLng;\n-    },\n-\n-    // Pixel\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y);\n-    }\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Control.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control\n- * Controls affect the display or behavior of the map. They allow everything\n- * from panning and zooming to displaying a scale indicator. Controls by \n- * default are added to the map they are contained within however it is\n- * possible to add a control to an external div by passing the div in the\n- * options parameter.\n- * \n- * Example:\n- * The following example shows how to add many of the common controls\n- * to a map.\n- * \n- * > var map = new OpenLayers.Map('map', { controls: [] });\n- * >\n- * > map.addControl(new OpenLayers.Control.PanZoomBar());\n- * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n- * > map.addControl(new OpenLayers.Control.Permalink());\n- * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n- * > map.addControl(new OpenLayers.Control.MousePosition());\n- * > map.addControl(new OpenLayers.Control.OverviewMap());\n- * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n- *\n- * The next code fragment is a quick example of how to intercept \n- * shift-mouse click to display the extent of the bounding box\n- * dragged out by the user.  Usually controls are not created\n- * in exactly this manner.  See the source for a more complete \n- * example:\n- *\n- * > var control = new OpenLayers.Control();\n- * > OpenLayers.Util.extend(control, {\n- * >     draw: function () {\n- * >         // this Handler.Box will intercept the shift-mousedown\n- * >         // before Control.MouseDefault gets to see it\n- * >         this.box = new OpenLayers.Handler.Box( control, \n- * >             {\"done\": this.notice},\n- * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n- * >         this.box.activate();\n- * >     },\n- * >\n- * >     notice: function (bounds) {\n- * >         OpenLayers.Console.userError(bounds);\n- * >     }\n- * > }); \n- * > map.addControl(control);\n- * \n- */\n-OpenLayers.Control = OpenLayers.Class({\n-\n-    /** \n-     * Property: id \n-     * {String} \n-     */\n-    id: null,\n-\n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} this gets set in the addControl() function in\n-     * OpenLayers.Map \n-     */\n-    map: null,\n-\n-    /** \n-     * APIProperty: div \n-     * {DOMElement} The element that contains the control, if not present the \n-     *     control is placed inside the map.\n-     */\n-    div: null,\n-\n-    /** \n-     * APIProperty: type \n-     * {Number} Controls can have a 'type'. The type determines the type of\n-     * interactions which are possible with them when they are placed in an\n-     * <OpenLayers.Control.Panel>. \n-     */\n-    type: null,\n-\n-    /** \n-     * Property: allowSelection\n-     * {Boolean} By default, controls do not allow selection, because\n-     * it may interfere with map dragging. If this is true, OpenLayers\n-     * will not prevent selection of the control.\n-     * Default is false.\n-     */\n-    allowSelection: false,\n-\n-    /** \n-     * Property: displayClass \n-     * {string}  This property is used for CSS related to the drawing of the\n-     * Control. \n-     */\n-    displayClass: \"\",\n-\n-    /**\n-     * APIProperty: title  \n-     * {string}  This property is used for showing a tooltip over the  \n-     * Control.  \n-     */\n-    title: \"\",\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     false.\n-     */\n-    autoActivate: false,\n-\n-    /** \n-     * APIProperty: active \n-     * {Boolean} The control is active (read-only).  Use <activate> and \n-     *     <deactivate> to change control state.\n-     */\n-    active: null,\n-\n-    /**\n-     * Property: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-    handlerOptions: null,\n-\n-    /** \n-     * Property: handler \n-     * {<OpenLayers.Handler>} null\n-     */\n-    handler: null,\n-\n-    /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n-     */\n-    eventListeners: null,\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to control.events.object (a reference\n-     *      to the control).\n-     * element - {DOMElement} A reference to control.events.element (which\n-     *      will be null unless documented otherwise).\n-     *\n-     * Supported map event types:\n-     * activate - Triggered when activated.\n-     * deactivate - Triggered when deactivated.\n-     */\n-    events: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control\n-     * Create an OpenLayers Control.  The options passed as a parameter\n-     * directly extend the control.  For example passing the following:\n-     * \n-     * > var control = new OpenLayers.Control({div: myDiv});\n-     *\n-     * Overrides the default div attribute value of null.\n-     * \n-     * Parameters:\n-     * options - {Object} \n-     */\n-    initialize: function(options) {\n-        // We do this before the extend so that instances can override\n-        // className in options.\n-        this.displayClass =\n-            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n-\n-        OpenLayers.Util.extend(this, options);\n-\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners);\n-        }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-        }\n-    },\n-\n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners);\n-            }\n-            this.events.destroy();\n-            this.events = null;\n-        }\n-        this.eventListeners = null;\n-\n-        // eliminate circular references\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null;\n-        }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) &&\n-                    typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy();\n-                }\n-            }\n-            this.handlers = null;\n-        }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null;\n-        }\n-        this.div = null;\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. This is done through an accessor\n-     * so that subclasses can override this and take special action once \n-     * they have their map variable set. \n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map);\n-        }\n-    },\n-\n-    /**\n-     * Method: draw\n-     * The draw method is called when the control is ready to be displayed\n-     * on the page.  If a div has not been created one is created.  Controls\n-     * with a visual component will almost always want to override this method \n-     * to customize the look of control. \n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n-     *      or null.\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n-     */\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False;\n-            }\n-            if (this.title != \"\") {\n-                this.div.title = this.title;\n-            }\n-        }\n-        if (px != null) {\n-            this.position = px.clone();\n-        }\n-        this.moveTo(this.position);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * Sets the left and top style attributes to the passed in pixel \n-     * coordinates.\n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n-     */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.div != null)) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\";\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Explicitly activates a control and it's associated\n-     * handler if one has been set.  Controls can be\n-     * deactivated by calling the deactivate() method.\n-     * \n-     * Returns:\n-     * {Boolean}  True if the control was successfully activated or\n-     *            false if the control was already active.\n-     */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        if (this.handler) {\n-            this.handler.activate();\n-        }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv,\n-                this.displayClass.replace(/ /g, \"\") + \"Active\"\n-            );\n-        }\n-        this.events.triggerEvent(\"activate\");\n-        return true;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Deactivates a control and it's associated handler if any.  The exact\n-     * effect of this depends on the control itself.\n-     * \n-     * Returns:\n-     * {Boolean} True if the control was effectively deactivated or false\n-     *           if the control was already inactive.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate();\n-            }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv,\n-                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n-                );\n-            }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_BUTTON\n- */\n-OpenLayers.Control.TYPE_BUTTON = 1;\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_TOGGLE\n- */\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_TOOL\n- */\n-OpenLayers.Control.TYPE_TOOL = 3;\n-/* ======================================================================\n-    OpenLayers/Events/buttonclick.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Events.buttonclick\n- * Extension event type for handling buttons on top of a dom element. This\n- *     event type fires \"buttonclick\" on its <target> when a button was\n- *     clicked. Buttons are detected by the \"olButton\" class.\n- *\n- * This event type makes sure that button clicks do not interfere with other\n- *     events that are registered on the same <element>.\n- *\n- * Event types provided by this extension:\n- * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n- *     object with a *buttonElement* property referencing the dom element of\n- *     the clicked button, and an *buttonXY* property with the click position\n- *     relative to the button.\n- */\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-\n-    /**\n-     * Property: target\n-     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n-     * be triggered on.\n-     */\n-    target: null,\n-\n-    /**\n-     * Property: events\n-     * {Array} Events to observe and conditionally stop from propagating when\n-     *     an element with the olButton class (or its olAlphaImg child) is\n-     *     clicked.\n-     */\n-    events: [\n-        'mousedown', 'mouseup', 'click', 'dblclick',\n-        'touchstart', 'touchmove', 'touchend', 'keydown'\n-    ],\n-\n-    /**\n-     * Property: startRegEx\n-     * {RegExp} Regular expression to test Event.type for events that start\n-     *     a buttonclick sequence.\n-     */\n-    startRegEx: /^mousedown|touchstart$/,\n-\n-    /**\n-     * Property: cancelRegEx\n-     * {RegExp} Regular expression to test Event.type for events that cancel\n-     *     a buttonclick sequence.\n-     */\n-    cancelRegEx: /^touchmove$/,\n-\n-    /**\n-     * Property: completeRegEx\n-     * {RegExp} Regular expression to test Event.type for events that complete\n-     *     a buttonclick sequence.\n-     */\n-    completeRegEx: /^mouseup|touchend$/,\n-\n-    /**\n-     * Property: startEvt\n-     * {Event} The event that started the click sequence\n-     */\n-\n-    /**\n-     * Constructor: OpenLayers.Events.buttonclick\n-     * Construct a buttonclick event type. Applications are not supposed to\n-     *     create instances of this class - they are created on demand by\n-     *     <OpenLayers.Events> instances.\n-     *\n-     * Parameters:\n-     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n-     *     event will be triggered on.\n-     */\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            });\n-        }\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick);\n-        }\n-        delete this.target;\n-    },\n-\n-    /**\n-     * Method: getPressedButton\n-     * Get the pressed button, if any. Returns undefined if no button\n-     * was pressed.\n-     *\n-     * Arguments:\n-     * element - {DOMElement} The event target.\n-     *\n-     * Returns:\n-     * {DOMElement} The button element, or undefined.\n-     */\n-    getPressedButton: function(element) {\n-        var depth = 3, // limit the search depth\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                // hit!\n-                button = element;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return button;\n-    },\n-\n-    /**\n-     * Method: ignore\n-     * Check for event target elements that should be ignored by OpenLayers.\n-     *\n-     * Parameters:\n-     * element - {DOMElement} The event target.\n-     */\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === 'a') {\n-                ignore = true;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return ignore;\n-    },\n-\n-    /**\n-     * Method: buttonClick\n-     * Check if a button was clicked, and fire the buttonclick event\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            // was a button pressed?\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break;\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        });\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt;\n+        updateAttribution: function() {\n+            var attributions = [];\n+            if (this.map && this.map.layers) {\n+                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                    var layer = this.map.layers[i];\n+                    if (layer.attribution && layer.getVisibility()) {\n+                        // add attribution only if attribution text is unique\n+                        if (OpenLayers.Util.indexOf(\n+                                attributions, layer.attribution) === -1) {\n+                            attributions.push(layer.attribution);\n+                        }\n                     }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n                 }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt;\n+                this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                    layers: attributions.join(this.separator)\n+                });\n             }\n-        }\n-        return propagate;\n-    }\n+        },\n \n-});\n+        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+    });\n /* ======================================================================\n     OpenLayers/Control/Panel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -20539,5130 +19747,5657 @@\n         return this.getControlsBy(\"CLASS_NAME\", match);\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.Panel\"\n });\n \n /* ======================================================================\n-    OpenLayers/Control/Attribution.js\n+    OpenLayers/Filter.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Style.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Attribution\n- * The attribution control adds attribution from layers to the map display. \n- * It uses 'attribution' property of each layer.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n+ * Class: OpenLayers.Filter\n+ * This class represents an OGC Filter.\n  */\n-OpenLayers.Control.Attribution =\n-    OpenLayers.Class(OpenLayers.Control, {\n-\n-        /**\n-         * APIProperty: separator\n-         * {String} String used to separate layers.\n-         */\n-        separator: \", \",\n-\n-        /**\n-         * APIProperty: template\n-         * {String} Template for the attribution. This has to include the substring\n-         *     \"${layers}\", which will be replaced by the layer specific\n-         *     attributions, separated by <separator>. The default is \"${layers}\".\n-         */\n-        template: \"${layers}\",\n-\n-        /**\n-         * Constructor: OpenLayers.Control.Attribution \n-         * \n-         * Parameters:\n-         * options - {Object} Options for control.\n-         */\n-\n-        /** \n-         * Method: destroy\n-         * Destroy control.\n-         */\n-        destroy: function() {\n-            this.map.events.un({\n-                \"removelayer\": this.updateAttribution,\n-                \"addlayer\": this.updateAttribution,\n-                \"changelayer\": this.updateAttribution,\n-                \"changebaselayer\": this.updateAttribution,\n-                scope: this\n-            });\n+OpenLayers.Filter = OpenLayers.Class({\n \n-            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        },\n+    /** \n+     * Constructor: OpenLayers.Filter\n+     * This class represents a generic filter.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Filter>}\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+    },\n \n-        /**\n-         * Method: draw\n-         * Initialize control.\n-         * \n-         * Returns: \n-         * {DOMElement} A reference to the DIV DOMElement containing the control\n-         */\n-        draw: function() {\n-            OpenLayers.Control.prototype.draw.apply(this, arguments);\n+    /** \n+     * APIMethod: destroy\n+     * Remove reference to anything added.\n+     */\n+    destroy: function() {},\n \n-            this.map.events.on({\n-                'changebaselayer': this.updateAttribution,\n-                'changelayer': this.updateAttribution,\n-                'addlayer': this.updateAttribution,\n-                'removelayer': this.updateAttribution,\n-                scope: this\n-            });\n-            this.updateAttribution();\n+    /**\n+     * APIMethod: evaluate\n+     * Evaluates this filter in a specific context.  Instances or subclasses\n+     * are supposed to override this method.\n+     * \n+     * Parameters:\n+     * context - {Object} Context to use in evaluating the filter.  If a vector\n+     *     feature is provided, the feature.attributes will be used as context.\n+     * \n+     * Returns:\n+     * {Boolean} The filter applies.\n+     */\n+    evaluate: function(context) {\n+        return true;\n+    },\n \n-            return this.div;\n-        },\n+    /**\n+     * APIMethod: clone\n+     * Clones this filter. Should be implemented by subclasses.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Filter>} Clone of this filter.\n+     */\n+    clone: function() {\n+        return null;\n+    },\n \n-        /**\n-         * Method: updateAttribution\n-         * Update attribution string.\n-         */\n-        updateAttribution: function() {\n-            var attributions = [];\n-            if (this.map && this.map.layers) {\n-                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                    var layer = this.map.layers[i];\n-                    if (layer.attribution && layer.getVisibility()) {\n-                        // add attribution only if attribution text is unique\n-                        if (OpenLayers.Util.indexOf(\n-                                attributions, layer.attribution) === -1) {\n-                            attributions.push(layer.attribution);\n-                        }\n-                    }\n-                }\n-                this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                    layers: attributions.join(this.separator)\n-                });\n-            }\n-        },\n+    /**\n+     * APIMethod: toString\n+     *\n+     * Returns:\n+     * {String} Include <OpenLayers.Format.CQL> in your build to get a CQL\n+     *     representation of the filter returned. Otherwise \"[Object object]\"\n+     *     will be returned.\n+     */\n+    toString: function() {\n+        var string;\n+        if (OpenLayers.Format && OpenLayers.Format.CQL) {\n+            string = OpenLayers.Format.CQL.prototype.write(this);\n+        } else {\n+            string = Object.prototype.toString.call(this);\n+        }\n+        return string;\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-    });\n+    CLASS_NAME: \"OpenLayers.Filter\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/LayerSwitcher.js\n+    OpenLayers/Filter/Logical.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Filter.js\n  */\n \n /**\n- * Class: OpenLayers.Control.LayerSwitcher\n- * The LayerSwitcher control displays a table of contents for the map. This\n- * allows the user interface to switch between BaseLasyers and to show or hide\n- * Overlays. By default the switcher is shown minimized on the right edge of\n- * the map, the user may expand it by clicking on the handle.\n- *\n- * To create the LayerSwitcher outside of the map, pass the Id of a html div\n- * as the first argument to the constructor.\n- *\n+ * Class: OpenLayers.Filter.Logical\n+ * This class represents ogc:And, ogc:Or and ogc:Not rules.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ * - <OpenLayers.Filter>\n  */\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**  \n-     * Property: layerStates \n-     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n-     *     the last time the control was drawn. We have this in order to avoid\n-     *     unnecessarily redrawing the control.\n-     */\n-    layerStates: null,\n-\n-    // DOM Elements\n-\n-    /**\n-     * Property: layersDiv\n-     * {DOMElement}\n-     */\n-    layersDiv: null,\n-\n-    /**\n-     * Property: baseLayersDiv\n-     * {DOMElement}\n-     */\n-    baseLayersDiv: null,\n-\n-    /**\n-     * Property: baseLayers\n-     * {Array(Object)}\n-     */\n-    baseLayers: null,\n-\n-\n-    /**\n-     * Property: dataLbl\n-     * {DOMElement}\n-     */\n-    dataLbl: null,\n-\n-    /**\n-     * Property: dataLayersDiv\n-     * {DOMElement}\n-     */\n-    dataLayersDiv: null,\n-\n-    /**\n-     * Property: dataLayers\n-     * {Array(Object)}\n-     */\n-    dataLayers: null,\n-\n-\n-    /**\n-     * Property: minimizeDiv\n-     * {DOMElement}\n-     */\n-    minimizeDiv: null,\n+OpenLayers.Filter.Logical = OpenLayers.Class(OpenLayers.Filter, {\n \n     /**\n-     * Property: maximizeDiv\n-     * {DOMElement}\n+     * APIProperty: filters\n+     * {Array(<OpenLayers.Filter>)} Child filters for this filter.\n      */\n-    maximizeDiv: null,\n+    filters: null,\n \n     /**\n-     * APIProperty: ascending\n-     * {Boolean}\n+     * APIProperty: type\n+     * {String} type of logical operator. Available types are:\n+     * - OpenLayers.Filter.Logical.AND = \"&&\";\n+     * - OpenLayers.Filter.Logical.OR  = \"||\";\n+     * - OpenLayers.Filter.Logical.NOT = \"!\";\n      */\n-    ascending: true,\n+    type: null,\n \n-    /**\n-     * Constructor: OpenLayers.Control.LayerSwitcher\n+    /** \n+     * Constructor: OpenLayers.Filter.Logical\n+     * Creates a logical filter (And, Or, Not).\n      *\n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object with properties to set on the\n+     *     filter.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Filter.Logical>}\n      */\n     initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = [];\n+        this.filters = [];\n+        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n     },\n \n-    /**\n+    /** \n      * APIMethod: destroy\n+     * Remove reference to child filters.\n      */\n     destroy: function() {\n-\n-        //clear out layers info and unregister their events\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        this.filters = null;\n+        OpenLayers.Filter.prototype.destroy.apply(this);\n     },\n \n     /**\n-     * Method: setMap\n-     *\n-     * Properties:\n-     * map - {<OpenLayers.Map>}\n+     * APIMethod: evaluate\n+     * Evaluates this filter in a specific context.\n+     * \n+     * Parameters:\n+     * context - {Object} Context to use in evaluating the filter.  A vector\n+     *     feature may also be provided to evaluate feature attributes in \n+     *     comparison filters or geometries in spatial filters.\n+     * \n+     * Returns:\n+     * {Boolean} The filter applies.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    evaluate: function(context) {\n+        var i, len;\n+        switch (this.type) {\n+            case OpenLayers.Filter.Logical.AND:\n+                for (i = 0, len = this.filters.length; i < len; i++) {\n+                    if (this.filters[i].evaluate(context) == false) {\n+                        return false;\n+                    }\n+                }\n+                return true;\n \n-        this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+            case OpenLayers.Filter.Logical.OR:\n+                for (i = 0, len = this.filters.length; i < len; i++) {\n+                    if (this.filters[i].evaluate(context) == true) {\n+                        return true;\n+                    }\n+                }\n+                return false;\n+\n+            case OpenLayers.Filter.Logical.NOT:\n+                return (!this.filters[0].evaluate(context));\n         }\n+        return undefined;\n     },\n \n     /**\n-     * Method: draw\n-     *\n+     * APIMethod: clone\n+     * Clones this filter.\n+     * \n      * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the\n-     *     switcher tabs.\n+     * {<OpenLayers.Filter.Logical>} Clone of this filter.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n+    clone: function() {\n+        var filters = [];\n+        for (var i = 0, len = this.filters.length; i < len; ++i) {\n+            filters.push(this.filters[i].clone());\n+        }\n+        return new OpenLayers.Filter.Logical({\n+            type: this.type,\n+            filters: filters\n+        });\n+    },\n \n-        // create layout divs\n-        this.loadContents();\n+    CLASS_NAME: \"OpenLayers.Filter.Logical\"\n+});\n \n-        // set mode to minimize\n-        if (!this.outsideViewport) {\n-            this.minimizeControl();\n-        }\n \n-        // populate div with current info\n-        this.redraw();\n+OpenLayers.Filter.Logical.AND = \"&&\";\n+OpenLayers.Filter.Logical.OR = \"||\";\n+OpenLayers.Filter.Logical.NOT = \"!\";\n+/* ======================================================================\n+    OpenLayers/Filter/Comparison.js\n+   ====================================================================== */\n \n-        return this.div;\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Filter.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Filter.Comparison\n+ * This class represents a comparison filter.\n+ * \n+ * Inherits from:\n+ * - <OpenLayers.Filter>\n+ */\n+OpenLayers.Filter.Comparison = OpenLayers.Class(OpenLayers.Filter, {\n \n     /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * APIProperty: type\n+     * {String} type: type of the comparison. This is one of\n+     * - OpenLayers.Filter.Comparison.EQUAL_TO                 = \"==\";\n+     * - OpenLayers.Filter.Comparison.NOT_EQUAL_TO             = \"!=\";\n+     * - OpenLayers.Filter.Comparison.LESS_THAN                = \"<\";\n+     * - OpenLayers.Filter.Comparison.GREATER_THAN             = \">\";\n+     * - OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO    = \"<=\";\n+     * - OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n+     * - OpenLayers.Filter.Comparison.BETWEEN                  = \"..\";\n+     * - OpenLayers.Filter.Comparison.LIKE                     = \"~\";\n+     * - OpenLayers.Filter.Comparison.IS_NULL                  = \"NULL\";\n      */\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl();\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl();\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"]);\n-            }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap();\n-                }\n-            }\n-        }\n-    },\n+    type: null,\n \n     /**\n-     * Method: clearLayersArray\n-     * User specifies either \"base\" or \"data\". we then clear all the\n-     *     corresponding listeners, the div, and reinitialize a new array.\n-     *\n-     * Parameters:\n-     * layersType - {String}\n+     * APIProperty: property\n+     * {String}\n+     * name of the context property to compare\n      */\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = [];\n-    },\n-\n+    property: null,\n \n     /**\n-     * Method: checkRedraw\n-     * Checks if the layer state has changed since the last redraw() call.\n-     *\n-     * Returns:\n-     * {Boolean} The layer state changed since the last redraw() call.\n+     * APIProperty: value\n+     * {Number} or {String}\n+     * comparison value for binary comparisons. In the case of a String, this\n+     * can be a combination of text and propertyNames in the form\n+     * \"literal ${propertyName}\"\n      */\n-    checkRedraw: function() {\n-        if (!this.layerStates.length ||\n-            (this.map.layers.length != this.layerStates.length)) {\n-            return true;\n-        }\n-\n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if ((layerState.name != layer.name) ||\n-                (layerState.inRange != layer.inRange) ||\n-                (layerState.id != layer.id) ||\n-                (layerState.visibility != layer.visibility)) {\n-                return true;\n-            }\n-        }\n-\n-        return false;\n-    },\n+    value: null,\n \n     /**\n-     * Method: redraw\n-     * Goes through and takes the current state of the Map and rebuilds the\n-     *     control to display that state. Groups base layers into a\n-     *     radio-button group and lists each data layer with a checkbox.\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n+     * Property: matchCase\n+     * {Boolean} Force case sensitive searches for EQUAL_TO and NOT_EQUAL_TO\n+     *     comparisons.  The Filter Encoding 1.1 specification added a matchCase\n+     *     attribute to ogc:PropertyIsEqualTo and ogc:PropertyIsNotEqualTo\n+     *     elements.  This property will be serialized with those elements only\n+     *     if using the v1.1.0 filter format. However, when evaluating filters\n+     *     here, the matchCase property will always be respected (for EQUAL_TO\n+     *     and NOT_EQUAL_TO).  Default is true. \n      */\n-    redraw: function() {\n-        //if the state hasn't changed since last redraw, no need\n-        // to do anything. Just return the existing div.\n-        if (!this.checkRedraw()) {\n-            return this.div;\n-        }\n-\n-        //clear out previous layers\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-\n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n-\n-        // Save state -- for checking layer if the map state changed.\n-        // We save this before redrawing, because in the process of redrawing\n-        // we will trigger more visibility changes, and we want to not redraw\n-        // and enter an infinite loop.\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                'name': layer.name,\n-                'visibility': layer.visibility,\n-                'inRange': layer.inRange,\n-                'id': layer.id\n-            };\n-        }\n-\n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse();\n-        }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n-\n-            if (layer.displayInLayerSwitcher) {\n-\n-                if (baseLayer) {\n-                    containsBaseLayers = true;\n-                } else {\n-                    containsOverlays = true;\n-                }\n-\n-                // only check a baselayer if it is *the* baselayer, check data\n-                //  layers if they are visible\n-                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n-                    layer.getVisibility();\n-\n-                // create input element\n-                var inputElem = document.createElement(\"input\"),\n-                    // The input shall have an id attribute so we can use\n-                    // labels to interact with them.\n-                    inputId = OpenLayers.Util.createUniqueID(\n-                        this.id + \"_input_\"\n-                    );\n-\n-                inputElem.id = inputId;\n-                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n-\n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true;\n-                }\n-\n-                // create span\n-                var labelSpan = document.createElement(\"label\");\n-                // this isn't the DOM attribute 'for', but an arbitrary name we\n-                // use to find the appropriate input element in <onButtonClick>\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\";\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n-                    \"baseline\";\n-                // create line break\n-                var br = document.createElement(\"br\");\n-\n-\n-                var groupArray = (baseLayer) ? this.baseLayers :\n-                    this.dataLayers;\n-                groupArray.push({\n-                    'layer': layer,\n-                    'inputElem': inputElem,\n-                    'labelSpan': labelSpan\n-                });\n-\n-\n-                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n-                    this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br);\n-            }\n-        }\n-\n-        // if no overlays, dont display the overlay label\n-        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n-\n-        // if no baselayers, dont display the baselayer label\n-        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n-\n-        return this.div;\n-    },\n+    matchCase: true,\n \n     /**\n-     * Method: updateMap\n-     * Cycles through the loaded data and base layer input arrays and makes\n-     *     the necessary calls to the Map object such that that the map's\n-     *     visual state corresponds to what the user has selected in\n-     *     the control.\n+     * APIProperty: lowerBoundary\n+     * {Number} or {String}\n+     * lower boundary for between comparisons. In the case of a String, this\n+     * can be a combination of text and propertyNames in the form\n+     * \"literal ${propertyName}\"\n      */\n-    updateMap: function() {\n-\n-        // set the newly selected base layer\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false);\n-            }\n-        }\n-\n-        // set the correct visibilities for the overlays\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n-        }\n-\n-    },\n+    lowerBoundary: null,\n \n     /**\n-     * Method: maximizeControl\n-     * Set up the labels and divs for the control\n+     * APIProperty: upperBoundary\n+     * {Number} or {String}\n+     * upper boundary for between comparisons. In the case of a String, this\n+     * can be a combination of text and propertyNames in the form\n+     * \"literal ${propertyName}\"\n+     */\n+    upperBoundary: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Filter.Comparison\n+     * Creates a comparison rule.\n      *\n      * Parameters:\n-     * e - {Event}\n+     * options - {Object} An optional object with properties to set on the\n+     *           rule\n+     * \n+     * Returns:\n+     * {<OpenLayers.Filter.Comparison>}\n      */\n-    maximizeControl: function(e) {\n-\n-        // set the div's width and height to empty values, so\n-        // the div dimensions can be controlled by CSS\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n-\n-        this.showControls(false);\n-\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    initialize: function(options) {\n+        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n+        // since matchCase on PropertyIsLike is not schema compliant, we only\n+        // want to use this if explicitly asked for\n+        if (this.type === OpenLayers.Filter.Comparison.LIKE &&\n+            options.matchCase === undefined) {\n+            this.matchCase = null;\n         }\n     },\n \n     /**\n-     * Method: minimizeControl\n-     * Hide all the contents of the control, shrink the size,\n-     *     add the maximize icon\n-     *\n+     * APIMethod: evaluate\n+     * Evaluates this filter in a specific context.\n+     * \n      * Parameters:\n-     * e - {Event}\n+     * context - {Object} Context to use in evaluating the filter.  If a vector\n+     *     feature is provided, the feature.attributes will be used as context.\n+     * \n+     * Returns:\n+     * {Boolean} The filter applies.\n      */\n-    minimizeControl: function(e) {\n-\n-        // to minimize the control we set its div's width\n-        // and height to 0px, we cannot just set \"display\"\n-        // to \"none\" because it would hide the maximize\n-        // div\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n-\n-        this.showControls(true);\n-\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    evaluate: function(context) {\n+        if (context instanceof OpenLayers.Feature.Vector) {\n+            context = context.attributes;\n+        }\n+        var result = false;\n+        var got = context[this.property];\n+        var exp;\n+        switch (this.type) {\n+            case OpenLayers.Filter.Comparison.EQUAL_TO:\n+                exp = this.value;\n+                if (!this.matchCase &&\n+                    typeof got == \"string\" && typeof exp == \"string\") {\n+                    result = (got.toUpperCase() == exp.toUpperCase());\n+                } else {\n+                    result = (got == exp);\n+                }\n+                break;\n+            case OpenLayers.Filter.Comparison.NOT_EQUAL_TO:\n+                exp = this.value;\n+                if (!this.matchCase &&\n+                    typeof got == \"string\" && typeof exp == \"string\") {\n+                    result = (got.toUpperCase() != exp.toUpperCase());\n+                } else {\n+                    result = (got != exp);\n+                }\n+                break;\n+            case OpenLayers.Filter.Comparison.LESS_THAN:\n+                result = got < this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.GREATER_THAN:\n+                result = got > this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO:\n+                result = got <= this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO:\n+                result = got >= this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.BETWEEN:\n+                result = (got >= this.lowerBoundary) &&\n+                    (got <= this.upperBoundary);\n+                break;\n+            case OpenLayers.Filter.Comparison.LIKE:\n+                var regexp = new RegExp(this.value, \"gi\");\n+                result = regexp.test(got);\n+                break;\n+            case OpenLayers.Filter.Comparison.IS_NULL:\n+                result = (got === null);\n+                break;\n         }\n+        return result;\n     },\n \n     /**\n-     * Method: showControls\n-     * Hide/Show all LayerSwitcher controls depending on whether we are\n-     *     minimized or not\n-     *\n+     * APIMethod: value2regex\n+     * Converts the value of this rule into a regular expression string,\n+     * according to the wildcard characters specified. This method has to\n+     * be called after instantiation of this class, if the value is not a\n+     * regular expression already.\n+     * \n      * Parameters:\n-     * minimize - {Boolean}\n+     * wildCard   - {Char} wildcard character in the above value, default\n+     *              is \"*\"\n+     * singleChar - {Char} single-character wildcard in the above value\n+     *              default is \".\"\n+     * escapeChar - {Char} escape character in the above value, default is\n+     *              \"!\"\n+     * \n+     * Returns:\n+     * {String} regular expression string\n      */\n-    showControls: function(minimize) {\n+    value2regex: function(wildCard, singleChar, escapeChar) {\n+        if (wildCard == \".\") {\n+            throw new Error(\"'.' is an unsupported wildCard character for \" +\n+                \"OpenLayers.Filter.Comparison\");\n+        }\n \n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n \n-        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n+        // set UMN MapServer defaults for unspecified parameters\n+        wildCard = wildCard ? wildCard : \"*\";\n+        singleChar = singleChar ? singleChar : \".\";\n+        escapeChar = escapeChar ? escapeChar : \"!\";\n+\n+        this.value = this.value.replace(\n+            new RegExp(\"\\\\\" + escapeChar + \"(.|$)\", \"g\"), \"\\\\$1\");\n+        this.value = this.value.replace(\n+            new RegExp(\"\\\\\" + singleChar, \"g\"), \".\");\n+        this.value = this.value.replace(\n+            new RegExp(\"\\\\\" + wildCard, \"g\"), \".*\");\n+        this.value = this.value.replace(\n+            new RegExp(\"\\\\\\\\.\\\\*\", \"g\"), \"\\\\\" + wildCard);\n+        this.value = this.value.replace(\n+            new RegExp(\"\\\\\\\\\\\\.\", \"g\"), \"\\\\\" + singleChar);\n+\n+        return this.value;\n     },\n \n     /**\n-     * Method: loadContents\n-     * Set up the labels and divs for the control\n+     * Method: regex2value\n+     * Convert the value of this rule from a regular expression string into an\n+     *     ogc literal string using a wildCard of *, a singleChar of ., and an\n+     *     escape of !.  Leaves the <value> property unmodified.\n+     * \n+     * Returns:\n+     * {String} A string value.\n      */\n-    loadContents: function() {\n-\n-        // layers list div\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n-\n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n-\n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+    regex2value: function() {\n \n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+        var value = this.value;\n \n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+        // replace ! with !!\n+        value = value.replace(/!/g, \"!!\");\n \n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-        }\n+        // replace \\. with !. (watching out for \\\\.)\n+        value = value.replace(/(\\\\)?\\\\\\./g, function($0, $1) {\n+            return $1 ? $0 : \"!.\";\n+        });\n \n-        this.div.appendChild(this.layersDiv);\n+        // replace \\* with #* (watching out for \\\\*)\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"!*\";\n+        });\n \n-        // maximize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MaximizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n+        // replace \\\\ with \\\n+        value = value.replace(/\\\\\\\\/g, \"\\\\\");\n \n-        this.div.appendChild(this.maximizeDiv);\n+        // convert .* to * (the sequence #.* is not allowed)\n+        value = value.replace(/\\.\\*/g, \"*\");\n \n-        // minimize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MinimizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n+        return value;\n+    },\n \n-        this.div.appendChild(this.minimizeDiv);\n+    /**\n+     * APIMethod: clone\n+     * Clones this filter.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Filter.Comparison>} Clone of this filter.\n+     */\n+    clone: function() {\n+        return OpenLayers.Util.extend(new OpenLayers.Filter.Comparison(), this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n+    CLASS_NAME: \"OpenLayers.Filter.Comparison\"\n });\n+\n+\n+OpenLayers.Filter.Comparison.EQUAL_TO = \"==\";\n+OpenLayers.Filter.Comparison.NOT_EQUAL_TO = \"!=\";\n+OpenLayers.Filter.Comparison.LESS_THAN = \"<\";\n+OpenLayers.Filter.Comparison.GREATER_THAN = \">\";\n+OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO = \"<=\";\n+OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n+OpenLayers.Filter.Comparison.BETWEEN = \"..\";\n+OpenLayers.Filter.Comparison.LIKE = \"~\";\n+OpenLayers.Filter.Comparison.IS_NULL = \"NULL\";\n /* ======================================================================\n-    OpenLayers/Control/Zoom.js\n+    OpenLayers/Format.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Zoom\n- * The Zoom control is a pair of +/- links for zooming in and out.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n+ * Class: OpenLayers.Format\n+ * Base class for format reading/writing a variety of formats.  Subclasses\n+ *     of OpenLayers.Format are expected to have read and write methods.\n  */\n-OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format = OpenLayers.Class({\n \n     /**\n-     * APIProperty: zoomInText\n-     * {String}\n-     * Text for zoom-in link.  Default is \"+\".\n+     * Property: options\n+     * {Object} A reference to options passed to the constructor.\n      */\n-    zoomInText: \"+\",\n+    options: null,\n \n     /**\n-     * APIProperty: zoomInId\n-     * {String}\n-     * Instead of having the control create a zoom in link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomInLink\" will be searched for\n-     *     and used if it exists.\n+     * APIProperty: externalProjection\n+     * {<OpenLayers.Projection>} When passed a externalProjection and\n+     *     internalProjection, the format will reproject the geometries it\n+     *     reads or writes. The externalProjection is the projection used by\n+     *     the content which is passed into read or which comes out of write.\n+     *     In order to reproject, a projection transformation function for the\n+     *     specified projections must be available. This support may be \n+     *     provided via proj4js or via a custom transformation function. See\n+     *     {<OpenLayers.Projection.addTransform>} for more information on\n+     *     custom transformations.\n      */\n-    zoomInId: \"olZoomInLink\",\n+    externalProjection: null,\n \n     /**\n-     * APIProperty: zoomOutText\n-     * {String}\n-     * Text for zoom-out link.  Default is \"\\u2212\".\n+     * APIProperty: internalProjection\n+     * {<OpenLayers.Projection>} When passed a externalProjection and\n+     *     internalProjection, the format will reproject the geometries it\n+     *     reads or writes. The internalProjection is the projection used by\n+     *     the geometries which are returned by read or which are passed into\n+     *     write.  In order to reproject, a projection transformation function\n+     *     for the specified projections must be available. This support may be\n+     *     provided via proj4js or via a custom transformation function. See\n+     *     {<OpenLayers.Projection.addTransform>} for more information on\n+     *     custom transformations.\n      */\n-    zoomOutText: \"\\u2212\",\n+    internalProjection: null,\n \n     /**\n-     * APIProperty: zoomOutId\n-     * {String}\n-     * Instead of having the control create a zoom out link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomOutLink\" will be searched for\n-     *     and used if it exists.\n+     * APIProperty: data\n+     * {Object} When <keepData> is true, this is the parsed string sent to\n+     *     <read>.\n      */\n-    zoomOutId: \"olZoomOutLink\",\n+    data: null,\n \n     /**\n-     * Method: draw\n+     * APIProperty: keepData\n+     * {Object} Maintain a reference (<data>) to the most recently read data.\n+     *     Default is false.\n+     */\n+    keepData: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Format\n+     * Instances of this class are not useful.  See one of the subclasses.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object with properties to set on the\n+     *           format\n+     *\n+     * Valid options:\n+     * keepData - {Boolean} If true, upon <read>, the data property will be\n+     *     set to the parsed object (e.g. the json or xml object).\n      *\n      * Returns:\n-     * {DOMElement} A reference to the DOMElement containing the zoom links.\n+     * An instance of OpenLayers.Format\n      */\n-    draw: function() {\n-        var div = OpenLayers.Control.prototype.draw.apply(this),\n-            links = this.getOrCreateLinks(div),\n-            zoomIn = links.zoomIn,\n-            zoomOut = links.zoomOut,\n-            eventsInstance = this.map.events;\n-\n-        if (zoomOut.parentNode !== div) {\n-            eventsInstance = this.events;\n-            eventsInstance.attachToElement(zoomOut.parentNode);\n-        }\n-        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n-\n-        this.zoomInLink = zoomIn;\n-        this.zoomOutLink = zoomOut;\n-        return div;\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n     },\n \n     /**\n-     * Method: getOrCreateLinks\n+     * APIMethod: destroy\n+     * Clean up.\n+     */\n+    destroy: function() {},\n+\n+    /**\n+     * Method: read\n+     * Read data from a string, and return an object whose type depends on the\n+     * subclass. \n      * \n      * Parameters:\n-     * el - {DOMElement}\n+     * data - {string} Data to read/parse.\n      *\n-     * Return: \n-     * {Object} Object with zoomIn and zoomOut properties referencing links.\n+     * Returns:\n+     * Depends on the subclass\n      */\n-    getOrCreateLinks: function(el) {\n-        var zoomIn = document.getElementById(this.zoomInId),\n-            zoomOut = document.getElementById(this.zoomOutId);\n-        if (!zoomIn) {\n-            zoomIn = document.createElement(\"a\");\n-            zoomIn.href = \"#zoomIn\";\n-            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n-            zoomIn.className = \"olControlZoomIn\";\n-            el.appendChild(zoomIn);\n-        }\n-        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n-        if (!zoomOut) {\n-            zoomOut = document.createElement(\"a\");\n-            zoomOut.href = \"#zoomOut\";\n-            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n-            zoomOut.className = \"olControlZoomOut\";\n-            el.appendChild(zoomOut);\n-        }\n-        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n-        return {\n-            zoomIn: zoomIn,\n-            zoomOut: zoomOut\n-        };\n+    read: function(data) {\n+        throw new Error('Read not implemented.');\n     },\n \n     /**\n-     * Method: onZoomClick\n-     * Called when zoomin/out link is clicked.\n-     */\n-    onZoomClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.zoomInLink) {\n-            this.map.zoomIn();\n-        } else if (button === this.zoomOutLink) {\n-            this.map.zoomOut();\n-        }\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * Clean up.\n+     * Method: write\n+     * Accept an object, and return a string. \n+     *\n+     * Parameters:\n+     * object - {Object} Object to be serialized\n+     *\n+     * Returns:\n+     * {String} A string representation of the object.\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n-        }\n-        delete this.zoomInLink;\n-        delete this.zoomOutLink;\n-        OpenLayers.Control.prototype.destroy.apply(this);\n+    write: function(object) {\n+        throw new Error('Write not implemented.');\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n+    CLASS_NAME: \"OpenLayers.Format\"\n });\n /* ======================================================================\n-    OpenLayers/Handler.js\n+    OpenLayers/Format/JSON.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Events.js\n+ * Note:\n+ * This work draws heavily from the public domain JSON serializer/deserializer\n+ *     at http://www.json.org/json.js. Rewritten so that it doesn't modify\n+ *     basic data prototypes.\n  */\n \n /**\n- * Class: OpenLayers.Handler\n- * Base class to construct a higher-level handler for event sequences.  All\n- *     handlers have activate and deactivate methods.  In addition, they have\n- *     methods named like browser events.  When a handler is activated, any\n- *     additional methods named like a browser event is registered as a\n- *     listener for the corresponding event.  When a handler is deactivated,\n- *     those same methods are unregistered as event listeners.\n- *\n- * Handlers also typically have a callbacks object with keys named like\n- *     the abstracted events or event sequences that they are in charge of\n- *     handling.  The controls that wrap handlers define the methods that\n- *     correspond to these abstract events - so instead of listening for\n- *     individual browser events, they only listen for the abstract events\n- *     defined by the handler.\n- *     \n- * Handlers are created by controls, which ultimately have the responsibility\n- *     of making changes to the the state of the application.  Handlers\n- *     themselves may make temporary changes, but in general are expected to\n- *     return the application in the same state that they found it.\n+ * @requires OpenLayers/Format.js\n  */\n-OpenLayers.Handler = OpenLayers.Class({\n \n-    /**\n-     * Property: id\n-     * {String}\n-     */\n-    id: null,\n+/**\n+ * Class: OpenLayers.Format.JSON\n+ * A parser to read/write JSON safely.  Create a new instance with the\n+ *     <OpenLayers.Format.JSON> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n \n     /**\n-     * APIProperty: control\n-     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n-     *     control is assumed to have a valid map property - that map is used\n-     *     in the handler's own setMap method.\n+     * APIProperty: indent\n+     * {String} For \"pretty\" printing, the indent string will be used once for\n+     *     each indentation level.\n      */\n-    control: null,\n+    indent: \"    \",\n \n     /**\n-     * Property: map\n-     * {<OpenLayers.Map>}\n+     * APIProperty: space\n+     * {String} For \"pretty\" printing, the space string will be used after\n+     *     the \":\" separating a name/value pair.\n      */\n-    map: null,\n+    space: \" \",\n \n     /**\n-     * APIProperty: keyMask\n-     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n-     *     constants to construct a keyMask.  The keyMask is used by\n-     *     <checkModifiers>.  If the keyMask matches the combination of keys\n-     *     down on an event, checkModifiers returns true.\n-     *\n-     * Example:\n-     * (code)\n-     *     // handler only responds if the Shift key is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n-     *\n-     *     // handler only responds if Ctrl-Shift is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n-     *                       OpenLayers.Handler.MOD_CTRL;\n-     * (end)\n+     * APIProperty: newline\n+     * {String} For \"pretty\" printing, the newline string will be used at the\n+     *     end of each name/value pair or array item.\n      */\n-    keyMask: null,\n+    newline: \"\\n\",\n \n     /**\n-     * Property: active\n-     * {Boolean}\n+     * Property: level\n+     * {Integer} For \"pretty\" printing, this is incremented/decremented during\n+     *     serialization.\n      */\n-    active: false,\n+    level: 0,\n \n     /**\n-     * Property: evt\n-     * {Event} This property references the last event handled by the handler.\n-     *     Note that this property is not part of the stable API.  Use of the\n-     *     evt property should be restricted to controls in the library\n-     *     or other applications that are willing to update with changes to\n-     *     the OpenLayers code.\n+     * Property: pretty\n+     * {Boolean} Serialize with extra whitespace for structure.  This is set\n+     *     by the <write> method.\n      */\n-    evt: null,\n+    pretty: false,\n \n     /**\n-     * Property: touch\n-     * {Boolean} Indicates the support of touch events. When touch events are \n-     *     started touch will be true and all mouse related listeners will do \n-     *     nothing.\n+     * Property: nativeJSON\n+     * {Boolean} Does the browser support native json?\n      */\n-    touch: false,\n+    nativeJSON: (function() {\n+        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\");\n+    })(),\n \n     /**\n-     * Constructor: OpenLayers.Handler\n-     * Construct a handler.\n+     * Constructor: OpenLayers.Format.JSON\n+     * Create a new parser for JSON.\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that initialized this\n-     *     handler.  The control is assumed to have a valid map property; that\n-     *     map is used in the handler's own setMap method.  If a map property\n-     *     is present in the options argument it will be used instead.\n-     * callbacks - {Object} An object whose properties correspond to abstracted\n-     *     events or sequences of browser events.  The values for these\n-     *     properties are functions defined by the control that get called by\n-     *     the handler.\n      * options - {Object} An optional object whose properties will be set on\n-     *     the handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map);\n-        }\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /**\n-     * Method: setMap\n+     *     this instance.\n      */\n-    setMap: function(map) {\n-        this.map = map;\n-    },\n \n     /**\n-     * Method: checkModifiers\n-     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n-     *     returns true.  If a <keyMask> is set and it matches the combination\n-     *     of keys down on an event, this returns true.\n+     * APIMethod: read\n+     * Deserialize a json string.\n      *\n+     * Parameters:\n+     * json - {String} A JSON string\n+     * filter - {Function} A function which will be called for every key and\n+     *     value at every level of the final result. Each value will be\n+     *     replaced by the result of the filter function. This can be used to\n+     *     reform generic objects into instances of classes, or to transform\n+     *     date strings into Date objects.\n+     *     \n      * Returns:\n-     * {Boolean} The keyMask matches the keys down on an event.\n+     * {Object} An object, array, string, or number .\n      */\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true;\n-        }\n-        /* calculate the keyboard modifier mask for this event */\n-        var keyModifiers =\n-            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n-            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n-            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n-            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+    read: function(json, filter) {\n+        var object;\n+        if (this.nativeJSON) {\n+            object = JSON.parse(json, filter);\n+        } else try {\n+            /**\n+             * Parsing happens in three stages. In the first stage, we run the\n+             *     text against a regular expression which looks for non-JSON\n+             *     characters. We are especially concerned with '()' and 'new'\n+             *     because they can cause invocation, and '=' because it can\n+             *     cause mutation. But just to be safe, we will reject all\n+             *     unexpected characters.\n+             */\n+            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, '@').replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']').replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))) {\n \n-        /* if it differs from the handler object's key mask,\n-           bail out of the event handler */\n-        return (keyModifiers == this.keyMask);\n-    },\n+                /**\n+                 * In the second stage we use the eval function to compile the\n+                 *     text into a JavaScript structure. The '{' operator is\n+                 *     subject to a syntactic ambiguity in JavaScript - it can\n+                 *     begin a block or an object literal. We wrap the text in\n+                 *     parens to eliminate the ambiguity.\n+                 */\n+                object = eval('(' + json + ')');\n \n-    /**\n-     * APIMethod: activate\n-     * Turn on the handler.  Returns false if the handler was already active.\n-     * \n-     * Returns: \n-     * {Boolean} The handler was activated.\n-     */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        // register for event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]]);\n+                /**\n+                 * In the optional third stage, we recursively walk the new\n+                 *     structure, passing each name/value pair to a filter\n+                 *     function for possible transformation.\n+                 */\n+                if (typeof filter === 'function') {\n+                    function walk(k, v) {\n+                        if (v && typeof v === 'object') {\n+                            for (var i in v) {\n+                                if (v.hasOwnProperty(i)) {\n+                                    v[i] = walk(i, v[i]);\n+                                }\n+                            }\n+                        }\n+                        return filter(k, v);\n+                    }\n+                    object = walk('', object);\n+                }\n             }\n+        } catch (e) {\n+            // Fall through if the regexp test fails.\n         }\n-        this.active = true;\n-        return true;\n-    },\n \n-    /**\n-     * APIMethod: deactivate\n-     * Turn off the handler.  Returns false if the handler was already inactive.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was deactivated.\n-     */\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false;\n-        }\n-        // unregister event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]]);\n-            }\n+        if (this.keepData) {\n+            this.data = object;\n         }\n-        this.touch = false;\n-        this.active = false;\n-        return true;\n-    },\n \n-    /**\n-     * Method: startTouch\n-     * Start touch events, this method must be called by subclasses in \n-     *     \"touchstart\" method. When touch events are started <touch> will be\n-     *     true and all mouse related listeners will do nothing.\n-     */\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\n-                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n-                \"mouseout\"\n-            ];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]]);\n-                }\n-            }\n-        }\n+        return object;\n     },\n \n     /**\n-     * Method: callback\n-     * Trigger the control's named callback with the given arguments\n+     * APIMethod: write\n+     * Serialize an object into a JSON string.\n      *\n      * Parameters:\n-     * name - {String} The key for the callback that is one of the properties\n-     *     of the handler's callbacks object.\n-     * args - {Array(*)} An array of arguments (any type) with which to call \n-     *     the callback (defined by the control).\n+     * value - {String} The object, array, string, number, boolean or date\n+     *     to be serialized.\n+     * pretty - {Boolean} Structure the output with newlines and indentation.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {String} The JSON string representation of the input value.\n      */\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args);\n+    write: function(value, pretty) {\n+        this.pretty = !!pretty;\n+        var json = null;\n+        var type = typeof value;\n+        if (this.serialize[type]) {\n+            try {\n+                json = (!this.pretty && this.nativeJSON) ?\n+                    JSON.stringify(value) :\n+                    this.serialize[type].apply(this, [value]);\n+            } catch (err) {\n+                OpenLayers.Console.error(\"Trouble serializing: \" + err);\n+            }\n         }\n+        return json;\n     },\n \n     /**\n-     * Method: register\n-     * register an event on the map\n+     * Method: writeIndent\n+     * Output an indentation string depending on the indentation level.\n+     *\n+     * Returns:\n+     * {String} An appropriate indentation string.\n      */\n-    register: function(name, method) {\n-        // TODO: deal with registerPriority in 3.0\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent);\n+    writeIndent: function() {\n+        var pieces = [];\n+        if (this.pretty) {\n+            for (var i = 0; i < this.level; ++i) {\n+                pieces.push(this.indent);\n+            }\n+        }\n+        return pieces.join('');\n     },\n \n     /**\n-     * Method: unregister\n-     * unregister an event from the map\n+     * Method: writeNewline\n+     * Output a string representing a newline if in pretty printing mode.\n+     *\n+     * Returns:\n+     * {String} A string representing a new line.\n      */\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent);\n+    writeNewline: function() {\n+        return (this.pretty) ? this.newline : '';\n     },\n \n     /**\n-     * Method: setEvent\n-     * With each registered browser event, the handler sets its own evt\n-     *     property.  This property can be accessed by controls if needed\n-     *     to get more information about the event that the handler is\n-     *     processing.\n-     *\n-     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n-     *     and meta cannot be checked with the keyboard handler).  For a\n-     *     control to determine which modifier keys are associated with the\n-     *     event that a handler is currently processing, it should access\n-     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n-     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n+     * Method: writeSpace\n+     * Output a string representing a space if in pretty printing mode.\n      *\n-     * Parameters:\n-     * evt - {Event} The browser event.\n+     * Returns:\n+     * {String} A space.\n      */\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true;\n+    writeSpace: function() {\n+        return (this.pretty) ? this.space : '';\n     },\n \n     /**\n-     * Method: destroy\n-     * Deconstruct the handler.\n+     * Property: serialize\n+     * Object with properties corresponding to the serializable data types.\n+     *     Property values are functions that do the actual serializing.\n      */\n-    destroy: function() {\n-        // unregister event listeners\n-        this.deactivate();\n-        // eliminate circular references\n-        this.control = this.map = null;\n-    },\n+    serialize: {\n+        /**\n+         * Method: serialize.object\n+         * Transform an object into a JSON string.\n+         *\n+         * Parameters:\n+         * object - {Object} The object to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the object.\n+         */\n+        'object': function(object) {\n+            // three special objects that we want to treat differently\n+            if (object == null) {\n+                return \"null\";\n+            }\n+            if (object.constructor == Date) {\n+                return this.serialize.date.apply(this, [object]);\n+            }\n+            if (object.constructor == Array) {\n+                return this.serialize.array.apply(this, [object]);\n+            }\n+            var pieces = ['{'];\n+            this.level += 1;\n+            var key, keyJSON, valueJSON;\n \n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n+            var addComma = false;\n+            for (key in object) {\n+                if (object.hasOwnProperty(key)) {\n+                    // recursive calls need to allow for sub-classing\n+                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                        [key, this.pretty]);\n+                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                        [object[key], this.pretty]);\n+                    if (keyJSON != null && valueJSON != null) {\n+                        if (addComma) {\n+                            pieces.push(',');\n+                        }\n+                        pieces.push(this.writeNewline(), this.writeIndent(),\n+                            keyJSON, ':', this.writeSpace(), valueJSON);\n+                        addComma = true;\n+                    }\n+                }\n+            }\n \n-/**\n- * Constant: OpenLayers.Handler.MOD_NONE\n- * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n- */\n-OpenLayers.Handler.MOD_NONE = 0;\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), '}');\n+            return pieces.join('');\n+        },\n \n-/**\n- * Constant: OpenLayers.Handler.MOD_SHIFT\n- * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n- */\n-OpenLayers.Handler.MOD_SHIFT = 1;\n+        /**\n+         * Method: serialize.array\n+         * Transform an array into a JSON string.\n+         *\n+         * Parameters:\n+         * array - {Array} The array to be serialized\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the array.\n+         */\n+        'array': function(array) {\n+            var json;\n+            var pieces = ['['];\n+            this.level += 1;\n \n-/**\n- * Constant: OpenLayers.Handler.MOD_CTRL\n- * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n- */\n-OpenLayers.Handler.MOD_CTRL = 2;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                // recursive calls need to allow for sub-classing\n+                json = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                    [array[i], this.pretty]);\n+                if (json != null) {\n+                    if (i > 0) {\n+                        pieces.push(',');\n+                    }\n+                    pieces.push(this.writeNewline(), this.writeIndent(), json);\n+                }\n+            }\n \n-/**\n- * Constant: OpenLayers.Handler.MOD_ALT\n- * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n- */\n-OpenLayers.Handler.MOD_ALT = 4;\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), ']');\n+            return pieces.join('');\n+        },\n \n-/**\n- * Constant: OpenLayers.Handler.MOD_META\n- * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n- */\n-OpenLayers.Handler.MOD_META = 8;\n+        /**\n+         * Method: serialize.string\n+         * Transform a string into a JSON string.\n+         *\n+         * Parameters:\n+         * string - {String} The string to be serialized\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the string.\n+         */\n+        'string': function(string) {\n+            // If the string contains no control characters, no quote characters, and no\n+            // backslash characters, then we can simply slap some quotes around it.\n+            // Otherwise we must also replace the offending characters with safe\n+            // sequences.    \n+            var m = {\n+                '\\b': '\\\\b',\n+                '\\t': '\\\\t',\n+                '\\n': '\\\\n',\n+                '\\f': '\\\\f',\n+                '\\r': '\\\\r',\n+                '\"': '\\\\\"',\n+                '\\\\': '\\\\\\\\'\n+            };\n+            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n+                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n+                    var c = m[b];\n+                    if (c) {\n+                        return c;\n+                    }\n+                    c = b.charCodeAt();\n+                    return '\\\\u00' +\n+                        Math.floor(c / 16).toString(16) +\n+                        (c % 16).toString(16);\n+                }) + '\"';\n+            }\n+            return '\"' + string + '\"';\n+        },\n+\n+        /**\n+         * Method: serialize.number\n+         * Transform a number into a JSON string.\n+         *\n+         * Parameters:\n+         * number - {Number} The number to be serialized.\n+         *\n+         * Returns:\n+         * {String} A JSON string representing the number.\n+         */\n+        'number': function(number) {\n+            return isFinite(number) ? String(number) : \"null\";\n+        },\n+\n+        /**\n+         * Method: serialize.boolean\n+         * Transform a boolean into a JSON string.\n+         *\n+         * Parameters:\n+         * bool - {Boolean} The boolean to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the boolean.\n+         */\n+        'boolean': function(bool) {\n+            return String(bool);\n+        },\n+\n+        /**\n+         * Method: serialize.object\n+         * Transform a date into a JSON string.\n+         *\n+         * Parameters:\n+         * date - {Date} The date to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the date.\n+         */\n+        'date': function(date) {\n+            function format(number) {\n+                // Format integers to have at least two digits.\n+                return (number < 10) ? '0' + number : number;\n+            }\n+            return '\"' + date.getFullYear() + '-' +\n+                format(date.getMonth() + 1) + '-' +\n+                format(date.getDate()) + 'T' +\n+                format(date.getHours()) + ':' +\n+                format(date.getMinutes()) + ':' +\n+                format(date.getSeconds()) + '\"';\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Format.JSON\"\n \n+});\n /* ======================================================================\n-    OpenLayers/Handler/Drag.js\n+    OpenLayers/Geometry.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Drag\n- * The drag handler is used to deal with sequences of browser events related\n- *     to dragging.  The handler is used by controls that want to know when\n- *     a drag sequence begins, when a drag is happening, and when it has\n- *     finished.\n- *\n- * Controls that use the drag handler typically construct it with callbacks\n- *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n- *     when the drag begins, with each move, and when the drag is done.  In\n- *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n- *     care to differentiate between the types of events that correspond with\n- *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n- *     the 'down' and 'up' callbacks will be called, but not the 'done'\n- *     callback.\n- *\n- * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n+ * Class: OpenLayers.Geometry\n+ * A Geometry is a description of a geographic object.  Create an instance of\n+ * this class with the <OpenLayers.Geometry> constructor.  This is a base class,\n+ * typical geometry types are described by subclasses of this class.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Handler>\n+ * Note that if you use the <OpenLayers.Geometry.fromWKT> method, you must\n+ * explicitly include the OpenLayers.Format.WKT in your build.\n  */\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /** \n-     * Property: started\n-     * {Boolean} When a mousedown or touchstart event is received, we want to\n-     * record it, but not set 'dragging' until the mouse moves after starting.\n-     */\n-    started: false,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} Stop propagation of mousedown events from getting to listeners\n-     *     on the same element.  Default is true.\n-     */\n-    stopDown: true,\n-\n-    /** \n-     * Property: dragging \n-     * {Boolean} \n-     */\n-    dragging: false,\n-\n-    /** \n-     * Property: last\n-     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: start\n-     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n-     */\n-    start: null,\n+OpenLayers.Geometry = OpenLayers.Class({\n \n     /**\n-     * Property: lastMoveEvt\n-     * {Object} The last mousemove event that occurred. Used to\n-     *     position the map correctly when our \"delay drag\"\n-     *     timeout expired.\n+     * Property: id\n+     * {String} A unique identifier for this geometry.\n      */\n-    lastMoveEvt: null,\n+    id: null,\n \n     /**\n-     * Property: oldOnselectstart\n-     * {Function}\n+     * Property: parent\n+     * {<OpenLayers.Geometry>}This is set when a Geometry is added as component\n+     * of another geometry\n      */\n-    oldOnselectstart: null,\n+    parent: null,\n \n     /**\n-     * Property: interval\n-     * {Integer} In order to increase performance, an interval (in \n-     *     milliseconds) can be set to reduce the number of drag events \n-     *     called. If set, a new drag event will not be set until the \n-     *     interval has passed. \n-     *     Defaults to 0, meaning no interval. \n+     * Property: bounds \n+     * {<OpenLayers.Bounds>} The bounds of this geometry\n      */\n-    interval: 0,\n+    bounds: null,\n \n     /**\n-     * Property: timeoutId\n-     * {String} The id of the timeout used for the mousedown interval.\n-     *     This is \"private\", and should be left alone.\n+     * Constructor: OpenLayers.Geometry\n+     * Creates a geometry object.  \n      */\n-    timeoutId: null,\n+    initialize: function() {\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, the handler will also handle mouse moves when\n-     *     the cursor has moved out of the map viewport. Default is false.\n+     * Method: destroy\n+     * Destroy this geometry.\n      */\n-    documentDrag: false,\n+    destroy: function() {\n+        this.id = null;\n+        this.bounds = null;\n+    },\n \n     /**\n-     * Property: documentEvents\n-     * {Boolean} Are we currently observing document events?\n+     * APIMethod: clone\n+     * Create a clone of this geometry.  Does not set any non-standard\n+     *     properties of the cloned geometry.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry>} An exact clone of this geometry.\n      */\n-    documentEvents: null,\n+    clone: function() {\n+        return new OpenLayers.Geometry();\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Handler.Drag\n-     * Returns OpenLayers.Handler.Drag\n+     * Method: setBounds\n+     * Set the bounds for this Geometry.\n      * \n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n-     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n-     * options - {Object} \n+     * bounds - {<OpenLayers.Bounds>} \n      */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                });\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                });\n-            };\n+    setBounds: function(bounds) {\n+        if (bounds) {\n+            this.bounds = bounds.clone();\n         }\n     },\n \n-\n     /**\n-     * Method: dragstart\n-     * This private method is factorized from mousedown and touchstart methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n+     * Method: clearBounds\n+     * Nullify this components bounds and that of its parent as well.\n      */\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) &&\n-            (OpenLayers.Event.isLeftClick(evt) ||\n-                OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-\n-            // prevent document dragging\n-            OpenLayers.Event.preventDefault(evt);\n-\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ?\n-                    document.onselectstart : OpenLayers.Function.True;\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-\n-            propagate = !this.stopDown;\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null;\n+    clearBounds: function() {\n+        this.bounds = null;\n+        if (this.parent) {\n+            this.parent.clearBounds();\n         }\n-        return propagate;\n     },\n \n     /**\n-     * Method: dragmove\n-     * This private method is factorized from mousemove and touchmove methods\n-     *\n+     * Method: extendBounds\n+     * Extend the existing bounds to include the new bounds. \n+     * If geometry's bounds is not yet set, then set a new Bounds.\n+     * \n      * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n+     * newBounds - {<OpenLayers.Bounds>} \n      */\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n-                evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    // do setEvent manually because the documentEvents are not\n-                    // registered with the map\n-                    this.setEvent(evt);\n-                } else {\n-                    this.removeDocumentEvents();\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(\n-                    OpenLayers.Function.bind(this.removeTimeout, this),\n-                    this.interval);\n-            }\n-            this.dragging = true;\n-\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False;\n-            }\n-            this.last = evt.xy;\n+    extendBounds: function(newBounds) {\n+        var bounds = this.getBounds();\n+        if (!bounds) {\n+            this.setBounds(newBounds);\n+        } else {\n+            this.bounds.extend(newBounds);\n         }\n-        return true;\n     },\n \n     /**\n-     * Method: dragend\n-     * This private method is factorized from mouseup and touchend methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n+     * APIMethod: getBounds\n+     * Get the bounds for this Geometry. If bounds is not set, it \n+     * is calculated again, this makes queries faster.\n+     * \n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {<OpenLayers.Bounds>}\n      */\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents();\n-            }\n-            var dragged = (this.start != this.last);\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy]);\n-            }\n-            document.onselectstart = this.oldOnselectstart;\n+    getBounds: function() {\n+        if (this.bounds == null) {\n+            this.calculateBounds();\n         }\n-        return true;\n+        return this.bounds;\n     },\n \n-    /**\n-     * The four methods below (down, move, up, and out) are used by subclasses\n-     *     to do their own processing related to these mouse events.\n-     */\n-\n-    /**\n-     * Method: down\n-     * This method is called during the handling of the mouse down event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse down event\n-     */\n-    down: function(evt) {},\n-\n-    /**\n-     * Method: move\n-     * This method is called during the handling of the mouse move event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse move event\n-     *\n-     */\n-    move: function(evt) {},\n-\n-    /**\n-     * Method: up\n-     * This method is called during the handling of the mouse up event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse up event\n-     */\n-    up: function(evt) {},\n-\n-    /**\n-     * Method: out\n-     * This method is called during the handling of the mouse out event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse out event\n-     */\n-    out: function(evt) {},\n-\n-    /**\n-     * The methods below are part of the magic of event handling.  Because\n-     *     they are named like browser events, they are registered as listeners\n-     *     for the events they represent.\n-     */\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mousedown events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n+    /** \n+     * APIMethod: calculateBounds\n+     * Recalculate the bounds for the geometry. \n      */\n-    mousedown: function(evt) {\n-        return this.dragstart(evt);\n+    calculateBounds: function() {\n+        //\n+        // This should be overridden by subclasses.\n+        //\n     },\n \n     /**\n-     * Method: touchstart\n-     * Handle touchstart events\n+     * APIMethod: distanceTo\n+     * Calculate the closest distance between two geometries (on the x-y plane).\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * geometry - {<OpenLayers.Geometry>} The target geometry.\n+     * options - {Object} Optional properties for configuring the distance\n+     *     calculation.\n      *\n+     * Valid options depend on the specific geometry type.\n+     * \n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {Number | Object} The distance between this geometry and the target.\n+     *     If details is true, the return will be an object with distance,\n+     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n+     *     the coordinates of the closest point on this geometry. The x1 and y1\n+     *     properties represent the coordinates of the closest point on the\n+     *     target geometry.\n      */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt);\n-    },\n+    distanceTo: function(geometry, options) {},\n \n     /**\n-     * Method: mousemove\n-     * Handle mousemove events\n+     * APIMethod: getVertices\n+     * Return a list of all points in this geometry.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * nodes - {Boolean} For lines, only return vertices that are\n+     *     endpoints.  If false, for lines, only vertices that are not\n+     *     endpoints will be returned.  If not provided, all vertices will\n+     *     be returned.\n      *\n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {Array} A list of all vertices in the geometry.\n      */\n-    mousemove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n+    getVertices: function(nodes) {},\n \n     /**\n-     * Method: touchmove\n-     * Handle touchmove events\n-     *\n+     * Method: atPoint\n+     * Note - This is only an approximation based on the bounds of the \n+     * geometry.\n+     * \n      * Parameters:\n-     * evt - {Event}\n-     *\n+     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     * toleranceLon - {float} Optional tolerance in Geometric Coords\n+     * toleranceLat - {float} Optional tolerance in Geographic Coords\n+     * \n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {Boolean} Whether or not the geometry is at the specified location\n      */\n-    touchmove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n+    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n+        var atPoint = false;\n+        var bounds = this.getBounds();\n+        if ((bounds != null) && (lonlat != null)) {\n \n-    /**\n-     * Method: removeTimeout\n-     * Private. Called by mousemove() to remove the drag timeout.\n-     */\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        // if timeout expires while we're still dragging (mouseup\n-        // hasn't occurred) then call mousemove to move to the\n-        // correct position\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt);\n-        }\n-    },\n+            var dX = (toleranceLon != null) ? toleranceLon : 0;\n+            var dY = (toleranceLat != null) ? toleranceLat : 0;\n \n-    /**\n-     * Method: mouseup\n-     * Handle mouseup events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseup: function(evt) {\n-        return this.dragend(evt);\n-    },\n+            var toleranceBounds =\n+                new OpenLayers.Bounds(this.bounds.left - dX,\n+                    this.bounds.bottom - dY,\n+                    this.bounds.right + dX,\n+                    this.bounds.top + dY);\n \n-    /**\n-     * Method: touchend\n-     * Handle touchend events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchend: function(evt) {\n-        // override evt.xy with last position since touchend does not have\n-        // any touch position\n-        evt.xy = this.last;\n-        return this.dragend(evt);\n+            atPoint = toleranceBounds.containsLonLat(lonlat);\n+        }\n+        return atPoint;\n     },\n \n     /**\n-     * Method: mouseout\n-     * Handle mouseout events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n+     * Method: getLength\n+     * Calculate the length of this geometry. This method is defined in\n+     * subclasses.\n+     * \n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {Float} The length of the collection by summing its parts\n      */\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents();\n-            } else {\n-                var dragged = (this.start != this.last);\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv, \"olDragDown\"\n-                );\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy]);\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart;\n-                }\n-            }\n-        }\n-        return true;\n+    getLength: function() {\n+        //to be overridden by geometries that actually have a length\n+        //\n+        return 0.0;\n     },\n \n     /**\n-     * Method: click\n-     * The drag handler captures the click event.  If something else registers\n-     *     for clicks on the same element, its listener will not be called \n-     *     after a drag.\n-     * \n-     * Parameters: \n-     * evt - {Event} \n+     * Method: getArea\n+     * Calculate the area of this geometry. This method is defined in subclasses.\n      * \n      * Returns:\n-     * {Boolean} Let the event propagate.\n+     * {Float} The area of the collection by summing its parts\n      */\n-    click: function(evt) {\n-        // let the click event propagate only if the mouse moved\n-        return (this.start == this.last);\n+    getArea: function() {\n+        //to be overridden by geometries that actually have an area\n+        //\n+        return 0.0;\n     },\n \n     /**\n-     * Method: activate\n-     * Activate the handler.\n-     * \n+     * APIMethod: getCentroid\n+     * Calculate the centroid of this geometry. This method is defined in subclasses.\n+     *\n      * Returns:\n-     * {Boolean} The handler was successfully activated.\n+     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true;\n-        }\n-        return activated;\n+    getCentroid: function() {\n+        return null;\n     },\n \n     /**\n-     * Method: deactivate \n-     * Deactivate the handler.\n-     * \n+     * Method: toString\n+     * Returns a text representation of the geometry.  If the WKT format is\n+     *     included in a build, this will be the Well-Known Text \n+     *     representation.\n+     *\n      * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n+     * {String} String representation of this geometry.\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n+    toString: function() {\n+        var string;\n+        if (OpenLayers.Format && OpenLayers.Format.WKT) {\n+            string = OpenLayers.Format.WKT.prototype.write(\n+                new OpenLayers.Feature.Vector(this)\n             );\n+        } else {\n+            string = Object.prototype.toString.call(this);\n         }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: adjustXY\n-     * Converts event coordinates that are relative to the document body to\n-     * ones that are relative to the map viewport. The latter is the default in\n-     * OpenLayers.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1];\n-    },\n-\n-    /**\n-     * Method: addDocumentEvents\n-     * Start observing document events when documentDrag is true and the mouse\n-     * cursor leaves the map viewport while dragging.\n-     */\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n-    },\n-\n-    /**\n-     * Method: removeDocumentEvents\n-     * Stops observing document events when documentDrag is true and the mouse\n-     * cursor re-enters the map viewport while dragging.\n-     */\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n+        return string;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n+    CLASS_NAME: \"OpenLayers.Geometry\"\n });\n-/* ======================================================================\n-    OpenLayers/Handler/Box.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Handler/Drag.js\n- */\n \n /**\n- * Class: OpenLayers.Handler.Box\n- * Handler for dragging a rectangle across the map.  Box is displayed \n- * on mouse down, moves on mouse move, and is finished on mouse up.\n+ * Function: OpenLayers.Geometry.fromWKT\n+ * Generate a geometry given a Well-Known Text string.  For this method to\n+ *     work, you must include the OpenLayers.Format.WKT in your build \n+ *     explicitly.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Handler> \n+ * Parameters:\n+ * wkt - {String} A string representing the geometry in Well-Known Text.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Geometry>} A geometry of the appropriate class.\n  */\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /** \n-     * Property: dragHandler \n-     * {<OpenLayers.Handler.Drag>} \n-     */\n-    dragHandler: null,\n-\n-    /**\n-     * APIProperty: boxDivClassName\n-     * {String} The CSS class to use for drawing the box. Default is\n-     *     olHandlerBoxZoomBox\n-     */\n-    boxDivClassName: 'olHandlerBoxZoomBox',\n-\n-    /**\n-     * Property: boxOffsets\n-     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n-     * method.\n-     */\n-    boxOffsets: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Box\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * callbacks - {Object} An object with a properties whose values are\n-     *     functions.  Various callbacks described below.\n-     * options - {Object} \n-     *\n-     * Named callbacks:\n-     * start - Called when the box drag operation starts.\n-     * done - Called when the box drag operation is finished.\n-     *     The callback should expect to receive a single argument, the box \n-     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n-     *     pixel distance, a pixel will be returned instead of a bounds object.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(\n-            this, {\n-                down: this.startBox,\n-                move: this.moveBox,\n-                out: this.removeBox,\n-                up: this.endBox\n-            }, {\n-                keyMask: this.keyMask\n+OpenLayers.Geometry.fromWKT = function(wkt) {\n+    var geom;\n+    if (OpenLayers.Format && OpenLayers.Format.WKT) {\n+        var format = OpenLayers.Geometry.fromWKT.format;\n+        if (!format) {\n+            format = new OpenLayers.Format.WKT();\n+            OpenLayers.Geometry.fromWKT.format = format;\n+        }\n+        var result = format.read(wkt);\n+        if (result instanceof OpenLayers.Feature.Vector) {\n+            geom = result.geometry;\n+        } else if (OpenLayers.Util.isArray(result)) {\n+            var len = result.length;\n+            var components = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                components[i] = result[i].geometry;\n             }\n-        );\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null;\n+            geom = new OpenLayers.Geometry.Collection(components);\n         }\n-    },\n+    }\n+    return geom;\n+};\n \n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map);\n+/**\n+ * Method: OpenLayers.Geometry.segmentsIntersect\n+ * Determine whether two line segments intersect.  Optionally calculates\n+ *     and returns the intersection point.  This function is optimized for\n+ *     cases where seg1.x2 >= seg2.x1 || seg2.x2 >= seg1.x1.  In those\n+ *     obvious cases where there is no intersection, the function should\n+ *     not be called.\n+ *\n+ * Parameters:\n+ * seg1 - {Object} Object representing a segment with properties x1, y1, x2,\n+ *     and y2.  The start point is represented by x1 and y1.  The end point\n+ *     is represented by x2 and y2.  Start and end are ordered so that x1 < x2.\n+ * seg2 - {Object} Object representing a segment with properties x1, y1, x2,\n+ *     and y2.  The start point is represented by x1 and y1.  The end point\n+ *     is represented by x2 and y2.  Start and end are ordered so that x1 < x2.\n+ * options - {Object} Optional properties for calculating the intersection.\n+ *\n+ * Valid options:\n+ * point - {Boolean} Return the intersection point.  If false, the actual\n+ *     intersection point will not be calculated.  If true and the segments\n+ *     intersect, the intersection point will be returned.  If true and\n+ *     the segments do not intersect, false will be returned.  If true and\n+ *     the segments are coincident, true will be returned.\n+ * tolerance - {Number} If a non-null value is provided, if the segments are\n+ *     within the tolerance distance, this will be considered an intersection.\n+ *     In addition, if the point option is true and the calculated intersection\n+ *     is within the tolerance distance of an end point, the endpoint will be\n+ *     returned instead of the calculated intersection.  Further, if the\n+ *     intersection is within the tolerance of endpoints on both segments, or\n+ *     if two segment endpoints are within the tolerance distance of eachother\n+ *     (but no intersection is otherwise calculated), an endpoint on the\n+ *     first segment provided will be returned.\n+ *\n+ * Returns:\n+ * {Boolean | <OpenLayers.Geometry.Point>}  The two segments intersect.\n+ *     If the point argument is true, the return will be the intersection\n+ *     point or false if none exists.  If point is true and the segments\n+ *     are coincident, return will be true (and the instersection is equal\n+ *     to the shorter segment).\n+ */\n+OpenLayers.Geometry.segmentsIntersect = function(seg1, seg2, options) {\n+    var point = options && options.point;\n+    var tolerance = options && options.tolerance;\n+    var intersection = false;\n+    var x11_21 = seg1.x1 - seg2.x1;\n+    var y11_21 = seg1.y1 - seg2.y1;\n+    var x12_11 = seg1.x2 - seg1.x1;\n+    var y12_11 = seg1.y2 - seg1.y1;\n+    var y22_21 = seg2.y2 - seg2.y1;\n+    var x22_21 = seg2.x2 - seg2.x1;\n+    var d = (y22_21 * x12_11) - (x22_21 * y12_11);\n+    var n1 = (x22_21 * y11_21) - (y22_21 * x11_21);\n+    var n2 = (x12_11 * y11_21) - (y12_11 * x11_21);\n+    if (d == 0) {\n+        // parallel\n+        if (n1 == 0 && n2 == 0) {\n+            // coincident\n+            intersection = true;\n         }\n-    },\n-\n-    /**\n-     * Method: startBox\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>}\n-     */\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-\n-        OpenLayers.Element.addClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-    },\n-\n-    /**\n-     * Method: moveBox\n-     */\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n-        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ?\n-            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ?\n-            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n-    },\n-\n-    /**\n-     * Method: endBox\n-     */\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n-            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top);\n-        } else {\n-            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n+    } else {\n+        var along1 = n1 / d;\n+        var along2 = n2 / d;\n+        if (along1 >= 0 && along1 <= 1 && along2 >= 0 && along2 <= 1) {\n+            // intersect\n+            if (!point) {\n+                intersection = true;\n+            } else {\n+                // calculate the intersection point\n+                var x = seg1.x1 + (along1 * x12_11);\n+                var y = seg1.y1 + (along1 * y12_11);\n+                intersection = new OpenLayers.Geometry.Point(x, y);\n+            }\n         }\n-        this.removeBox();\n-\n-        this.callback(\"done\", [result]);\n-    },\n-\n-    /**\n-     * Method: removeBox\n-     * Remove the zoombox from the screen and nullify our reference to it.\n-     */\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-\n-    },\n+    }\n+    if (tolerance) {\n+        var dist;\n+        if (intersection) {\n+            if (point) {\n+                var segs = [seg1, seg2];\n+                var seg, x, y;\n+                // check segment endpoints for proximity to intersection\n+                // set intersection to first endpoint within the tolerance\n+                outer: for (var i = 0; i < 2; ++i) {\n+                    seg = segs[i];\n+                    for (var j = 1; j < 3; ++j) {\n+                        x = seg[\"x\" + j];\n+                        y = seg[\"y\" + j];\n+                        dist = Math.sqrt(\n+                            Math.pow(x - intersection.x, 2) +\n+                            Math.pow(y - intersection.y, 2)\n+                        );\n+                        if (dist < tolerance) {\n+                            intersection.x = x;\n+                            intersection.y = y;\n+                            break outer;\n+                        }\n+                    }\n+                }\n \n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n-            return true;\n+            }\n         } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox();\n+            // no calculated intersection, but segments could be within\n+            // the tolerance of one another\n+            var segs = [seg1, seg2];\n+            var source, target, x, y, p, result;\n+            // check segment endpoints for proximity to intersection\n+            // set intersection to first endpoint within the tolerance\n+            outer: for (var i = 0; i < 2; ++i) {\n+                source = segs[i];\n+                target = segs[(i + 1) % 2];\n+                for (var j = 1; j < 3; ++j) {\n+                    p = {\n+                        x: source[\"x\" + j],\n+                        y: source[\"y\" + j]\n+                    };\n+                    result = OpenLayers.Geometry.distanceToSegment(p, target);\n+                    if (result.distance < tolerance) {\n+                        if (point) {\n+                            intersection = new OpenLayers.Geometry.Point(p.x, p.y);\n+                        } else {\n+                            intersection = true;\n+                        }\n+                        break outer;\n+                    }\n                 }\n             }\n-            return true;\n-        } else {\n-            return false;\n         }\n-    },\n-\n-    /**\n-     * Method: getBoxOffsets\n-     * Determines border offsets for a box, according to the box model.\n-     * \n-     * Returns:\n-     * {Object} an object with the following offsets:\n-     *     - left\n-     *     - right\n-     *     - top\n-     *     - bottom\n-     *     - width\n-     *     - height\n-     */\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            // Determine the box model. If the testDiv's clientWidth is 3, then\n-            // the borders are outside and we are dealing with the w3c box\n-            // model. Otherwise, the browser uses the traditional box model and\n-            // the borders are inside the box bounds, leaving us with a\n-            // clientWidth of 1.\n-            var testDiv = document.createElement(\"div\");\n-            //testDiv.style.visibility = \"hidden\";\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n+    }\n+    return intersection;\n+};\n \n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            };\n-        }\n-        return this.boxOffsets;\n-    },\n+/**\n+ * Function: OpenLayers.Geometry.distanceToSegment\n+ *\n+ * Parameters:\n+ * point - {Object} An object with x and y properties representing the\n+ *     point coordinates.\n+ * segment - {Object} An object with x1, y1, x2, and y2 properties\n+ *     representing endpoint coordinates.\n+ *\n+ * Returns:\n+ * {Object} An object with distance, along, x, and y properties.  The distance\n+ *     will be the shortest distance between the input point and segment.\n+ *     The x and y properties represent the coordinates along the segment\n+ *     where the shortest distance meets the segment. The along attribute\n+ *     describes how far between the two segment points the given point is.\n+ */\n+OpenLayers.Geometry.distanceToSegment = function(point, segment) {\n+    var result = OpenLayers.Geometry.distanceSquaredToSegment(point, segment);\n+    result.distance = Math.sqrt(result.distance);\n+    return result;\n+};\n \n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n-});\n+/**\n+ * Function: OpenLayers.Geometry.distanceSquaredToSegment\n+ *\n+ * Usually the distanceToSegment function should be used. This variant however\n+ * can be used for comparisons where the exact distance is not important.\n+ *\n+ * Parameters:\n+ * point - {Object} An object with x and y properties representing the\n+ *     point coordinates.\n+ * segment - {Object} An object with x1, y1, x2, and y2 properties\n+ *     representing endpoint coordinates.\n+ *\n+ * Returns:\n+ * {Object} An object with squared distance, along, x, and y properties.\n+ *     The distance will be the shortest distance between the input point and\n+ *     segment. The x and y properties represent the coordinates along the\n+ *     segment where the shortest distance meets the segment. The along\n+ *     attribute describes how far between the two segment points the given\n+ *     point is.\n+ */\n+OpenLayers.Geometry.distanceSquaredToSegment = function(point, segment) {\n+    var x0 = point.x;\n+    var y0 = point.y;\n+    var x1 = segment.x1;\n+    var y1 = segment.y1;\n+    var x2 = segment.x2;\n+    var y2 = segment.y2;\n+    var dx = x2 - x1;\n+    var dy = y2 - y1;\n+    var along = ((dx * (x0 - x1)) + (dy * (y0 - y1))) /\n+        (Math.pow(dx, 2) + Math.pow(dy, 2));\n+    var x, y;\n+    if (along <= 0.0) {\n+        x = x1;\n+        y = y1;\n+    } else if (along >= 1.0) {\n+        x = x2;\n+        y = y2;\n+    } else {\n+        x = x1 + along * dx;\n+        y = y1 + along * dy;\n+    }\n+    return {\n+        distance: Math.pow(x - x0, 2) + Math.pow(y - y0, 2),\n+        x: x,\n+        y: y,\n+        along: along\n+    };\n+};\n /* ======================================================================\n-    OpenLayers/Control/ZoomBox.js\n+    OpenLayers/Geometry/Point.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Box.js\n+ * @requires OpenLayers/Geometry.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomBox\n- * The ZoomBox control enables zooming directly to a given extent, by drawing \n- * a box on the map. The box is drawn by holding down shift, whilst dragging \n- * the mouse.\n- *\n+ * Class: OpenLayers.Geometry.Point\n+ * Point geometry class. \n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Geometry> \n  */\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n-    /**\n-     * Property: type\n-     * {OpenLayers.Control.TYPE}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n+OpenLayers.Geometry.Point = OpenLayers.Class(OpenLayers.Geometry, {\n \n-    /**\n-     * Property: out\n-     * {Boolean} Should the control be used for zooming out?\n+    /** \n+     * APIProperty: x \n+     * {float} \n      */\n-    out: false,\n+    x: null,\n \n-    /**\n-     * APIProperty: keyMask\n-     * {Integer} Zoom only occurs if the keyMask matches the combination of \n-     *     keys down. Use bitwise operators and one or more of the\n-     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n-     *     not used mask. Default is null.\n+    /** \n+     * APIProperty: y \n+     * {float} \n      */\n-    keyMask: null,\n+    y: null,\n \n     /**\n-     * APIProperty: alwaysZoom\n-     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n-     * not change.\n+     * Constructor: OpenLayers.Geometry.Point\n+     * Construct a point geometry.\n+     *\n+     * Parameters:\n+     * x - {float} \n+     * y - {float}\n+     * \n      */\n-    alwaysZoom: false,\n+    initialize: function(x, y) {\n+        OpenLayers.Geometry.prototype.initialize.apply(this, arguments);\n+\n+        this.x = parseFloat(x);\n+        this.y = parseFloat(y);\n+    },\n \n     /**\n-     * APIProperty: zoomOnClick\n-     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n-     * clicked? Default is true.\n+     * APIMethod: clone\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry.Point>} An exact clone of this OpenLayers.Geometry.Point\n      */\n-    zoomOnClick: true,\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Geometry.Point(this.x, this.y);\n+        }\n \n-    /**\n-     * Method: draw\n+        // catch any randomly tagged-on properties\n+        OpenLayers.Util.applyDefaults(obj, this);\n+\n+        return obj;\n+    },\n+\n+    /** \n+     * Method: calculateBounds\n+     * Create a new Bounds based on the lon/lat\n      */\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        });\n+    calculateBounds: function() {\n+        this.bounds = new OpenLayers.Bounds(this.x, this.y,\n+            this.x, this.y);\n     },\n \n     /**\n-     * Method: zoomBox\n+     * APIMethod: distanceTo\n+     * Calculate the closest distance between two geometries (on the x-y plane).\n      *\n      * Parameters:\n-     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n+     * geometry - {<OpenLayers.Geometry>} The target geometry.\n+     * options - {Object} Optional properties for configuring the distance\n+     *     calculation.\n+     *\n+     * Valid options:\n+     * details - {Boolean} Return details from the distance calculation.\n+     *     Default is false.\n+     * edge - {Boolean} Calculate the distance from this geometry to the\n+     *     nearest edge of the target geometry.  Default is true.  If true,\n+     *     calling distanceTo from a geometry that is wholly contained within\n+     *     the target will result in a non-zero distance.  If false, whenever\n+     *     geometries intersect, calling distanceTo will return 0.  If false,\n+     *     details cannot be returned.\n+     *\n+     * Returns:\n+     * {Number | Object} The distance between this geometry and the target.\n+     *     If details is true, the return will be an object with distance,\n+     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n+     *     the coordinates of the closest point on this geometry. The x1 and y1\n+     *     properties represent the coordinates of the closest point on the\n+     *     target geometry.\n      */\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds,\n-                targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n-                    maxXY.lon, maxXY.lat);\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n-                    (this.map.size.w / pixWidth));\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n-                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n-                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n-                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n-            }\n-            // always zoom in/out \n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n-                        (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n-                        (oldRes - newRes)\n+    distanceTo: function(geometry, options) {\n+        var edge = !(options && options.edge === false);\n+        var details = edge && options && options.details;\n+        var distance, x0, y0, x1, y1, result;\n+        if (geometry instanceof OpenLayers.Geometry.Point) {\n+            x0 = this.x;\n+            y0 = this.y;\n+            x1 = geometry.x;\n+            y1 = geometry.y;\n+            distance = Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n+            result = !details ?\n+                distance : {\n+                    x0: x0,\n+                    y0: y0,\n+                    x1: x1,\n+                    y1: y1,\n+                    distance: distance\n+                };\n+        } else {\n+            result = geometry.distanceTo(this, options);\n+            if (details) {\n+                // switch coord order since this geom is target\n+                result = {\n+                    x0: result.x1,\n+                    y0: result.y1,\n+                    x1: result.x0,\n+                    y1: result.y0,\n+                    distance: result.distance\n                 };\n-                this.map.zoomTo(zoom, zoomOriginPx);\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n-            }\n-        } else if (this.zoomOnClick) { // it's a pixel\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position);\n-            } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position);\n             }\n         }\n+        return result;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/DragPan.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.DragPan\n- * The DragPan control pans the map with a drag of the mouse.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-\n     /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n-\n-    /**\n-     * Property: panned\n-     * {Boolean} The map moved.\n-     */\n-    panned: false,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} The number of milliseconds that should ellapse before\n-     *     panning the map again. Defaults to 0 milliseconds, which means that\n-     *     no separate cycle is used for panning. In most cases you won't want\n-     *     to change this value. For slow machines/devices larger values can be\n-     *     tried out.\n+     * APIMethod: equals\n+     * Determine whether another geometry is equivalent to this one.  Geometries\n+     *     are considered equivalent if all components have the same coordinates.\n+     * \n+     * Parameters:\n+     * geom - {<OpenLayers.Geometry.Point>} The geometry to test. \n+     *\n+     * Returns:\n+     * {Boolean} The supplied geometry is equivalent to this geometry.\n      */\n-    interval: 0,\n+    equals: function(geom) {\n+        var equals = false;\n+        if (geom != null) {\n+            equals = ((this.x == geom.x && this.y == geom.y) ||\n+                (isNaN(this.x) && isNaN(this.y) && isNaN(geom.x) && isNaN(geom.y)));\n+        }\n+        return equals;\n+    },\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n+     * Method: toShortString\n+     *\n+     * Returns:\n+     * {String} Shortened String representation of Point object. \n+     *         (ex. <i>\"5, 42\"</i>)\n      */\n-    documentDrag: false,\n+    toShortString: function() {\n+        return (this.x + \", \" + this.y);\n+    },\n \n     /**\n-     * Property: kinetic\n-     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n+     * APIMethod: move\n+     * Moves a geometry by the given displacement along positive x and y axes.\n+     *     This modifies the position of the geometry and clears the cached\n+     *     bounds.\n+     *\n+     * Parameters:\n+     * x - {Float} Distance to move geometry in positive x direction. \n+     * y - {Float} Distance to move geometry in positive y direction.\n      */\n-    kinetic: null,\n+    move: function(x, y) {\n+        this.x = this.x + x;\n+        this.y = this.y + y;\n+        this.clearBounds();\n+    },\n \n     /**\n-     * APIProperty: enableKinetic\n-     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n-     *     set to true or to an object. If set to an object this\n-     *     object will be passed to the {<OpenLayers.Kinetic>}\n-     *     constructor. Defaults to true.\n-     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n-     *     included in your build config.\n+     * APIMethod: rotate\n+     * Rotate a point around another.\n+     *\n+     * Parameters:\n+     * angle - {Float} Rotation angle in degrees (measured counterclockwise\n+     *                 from the positive x-axis)\n+     * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n      */\n-    enableKinetic: true,\n+    rotate: function(angle, origin) {\n+        angle *= Math.PI / 180;\n+        var radius = this.distanceTo(origin);\n+        var theta = angle + Math.atan2(this.y - origin.y, this.x - origin.x);\n+        this.x = origin.x + (radius * Math.cos(theta));\n+        this.y = origin.y + (radius * Math.sin(theta));\n+        this.clearBounds();\n+    },\n \n     /**\n-     * APIProperty: kineticInterval\n-     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n-     *     scrolling\". Applies only if enableKinetic is set. Defaults\n-     *     to 10 milliseconds.\n+     * APIMethod: getCentroid\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n      */\n-    kineticInterval: 10,\n-\n+    getCentroid: function() {\n+        return new OpenLayers.Geometry.Point(this.x, this.y);\n+    },\n \n     /**\n-     * Method: draw\n-     * Creates a Drag handler, using <panMap> and\n-     * <panMapDone> as callbacks.\n+     * APIMethod: resize\n+     * Resize a point relative to some origin.  For points, this has the effect\n+     *     of scaling a vector (from the origin to the point).  This method is\n+     *     more useful on geometry collection subclasses.\n+     *\n+     * Parameters:\n+     * scale - {Float} Ratio of the new distance from the origin to the old\n+     *                 distance from the origin.  A scale of 2 doubles the\n+     *                 distance between the point and origin.\n+     * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n+     * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry>} - The current geometry. \n      */\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic);\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config);\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            \"move\": this.panMap,\n-            \"done\": this.panMapDone,\n-            \"down\": this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        });\n+    resize: function(scale, origin, ratio) {\n+        ratio = (ratio == undefined) ? 1 : ratio;\n+        this.x = origin.x + (scale * ratio * (this.x - origin.x));\n+        this.y = origin.y + (scale * (this.y - origin.y));\n+        this.clearBounds();\n+        return this;\n     },\n \n     /**\n-     * Method: panMapStart\n+     * APIMethod: intersects\n+     * Determine if the input geometry intersects this one.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n+     *\n+     * Returns:\n+     * {Boolean} The input geometry intersects this one.\n      */\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin();\n+    intersects: function(geometry) {\n+        var intersect = false;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            intersect = this.equals(geometry);\n+        } else {\n+            intersect = geometry.intersects(this);\n         }\n+        return intersect;\n     },\n \n     /**\n-     * Method: panMap\n-     *\n+     * APIMethod: transform\n+     * Translate the x,y properties of the point from source to dest.\n+     * \n      * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+     * source - {<OpenLayers.Projection>} \n+     * dest - {<OpenLayers.Projection>}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry>} \n      */\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy);\n+    transform: function(source, dest) {\n+        if ((source && dest)) {\n+            OpenLayers.Projection.transform(\n+                this, source, dest);\n+            this.bounds = null;\n         }\n-        this.panned = true;\n-        this.map.pan(\n-            this.handler.last.x - xy.x,\n-            this.handler.last.y - xy.y, {\n-                dragging: true,\n-                animate: false\n-            }\n-        );\n+        return this;\n     },\n \n     /**\n-     * Method: panMapDone\n-     * Finish the panning operation.  Only call setCenter (through <panMap>)\n-     *     if the map has actually been moved.\n+     * APIMethod: getVertices\n+     * Return a list of all points in this geometry.\n      *\n      * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+     * nodes - {Boolean} For lines, only return vertices that are\n+     *     endpoints.  If false, for lines, only vertices that are not\n+     *     endpoints will be returned.  If not provided, all vertices will\n+     *     be returned.\n+     *\n+     * Returns:\n+     * {Array} A list of all vertices in the geometry.\n      */\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy);\n-            }\n-            this.map.pan(\n-                this.handler.last.x - xy.x,\n-                this.handler.last.y - xy.y, {\n-                    dragging: !!res,\n-                    animate: false\n-                }\n-            );\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    });\n-                });\n-            }\n-            this.panned = false;\n-        }\n+    getVertices: function(nodes) {\n+        return [this];\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+    CLASS_NAME: \"OpenLayers.Geometry.Point\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/MouseWheel.js\n+    OpenLayers/Geometry/Collection.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Geometry.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.MouseWheel\n- * Handler for wheel up/down events.\n+ * Class: OpenLayers.Geometry.Collection\n+ * A Collection is exactly what it sounds like: A collection of different \n+ * Geometries. These are stored in the local parameter <components> (which\n+ * can be passed as a parameter to the constructor). \n+ * \n+ * As new geometries are added to the collection, they are NOT cloned. \n+ * When removing geometries, they need to be specified by reference (ie you \n+ * have to pass in the *exact* geometry to be removed).\n  * \n+ * The <getArea> and <getLength> functions here merely iterate through\n+ * the components, summing their respective areas and lengths.\n+ *\n+ * Create a new instance with the <OpenLayers.Geometry.Collection> constructor.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Handler>\n+ *  - <OpenLayers.Geometry> \n  */\n-OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n-    /** \n-     * Property: wheelListener \n-     * {function} \n-     */\n-    wheelListener: null,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} In order to increase server performance, an interval (in \n-     *     milliseconds) can be set to reduce the number of up/down events \n-     *     called. If set, a new up/down event will not be set until the \n-     *     interval has passed. \n-     *     Defaults to 0, meaning no interval. \n-     */\n-    interval: 0,\n-\n-    /**\n-     * Property: maxDelta\n-     * {Integer} Maximum delta to collect before breaking from the current\n-     *    interval. In cumulative mode, this also limits the maximum delta\n-     *    returned from the handler. Default is Number.POSITIVE_INFINITY.\n-     */\n-    maxDelta: Number.POSITIVE_INFINITY,\n+OpenLayers.Geometry.Collection = OpenLayers.Class(OpenLayers.Geometry, {\n \n     /**\n-     * Property: delta\n-     * {Integer} When interval is set, delta collects the mousewheel z-deltas\n-     *     of the events that occur within the interval.\n-     *      See also the cumulative option\n+     * APIProperty: components\n+     * {Array(<OpenLayers.Geometry>)} The component parts of this geometry\n      */\n-    delta: 0,\n+    components: null,\n \n     /**\n-     * Property: cumulative\n-     * {Boolean} When interval is set: true to collect all the mousewheel \n-     *     z-deltas, false to only record the delta direction (positive or\n-     *     negative)\n+     * Property: componentTypes\n+     * {Array(String)} An array of class names representing the types of\n+     * components that the collection can include.  A null value means the\n+     * component types are not restricted.\n      */\n-    cumulative: true,\n+    componentTypes: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.MouseWheel\n+     * Constructor: OpenLayers.Geometry.Collection\n+     * Creates a Geometry Collection -- a list of geoms.\n+     *\n+     * Parameters: \n+     * components - {Array(<OpenLayers.Geometry>)} Optional array of geometries\n      *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * callbacks - {Object} An object containing a single function to be\n-     *                          called when the drag operation is finished.\n-     *                          The callback should expect to recieve a single\n-     *                          argument, the point geometry.\n-     * options - {Object} \n      */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.wheelListener = OpenLayers.Function.bindAsEventListener(\n-            this.onWheelEvent, this\n-        );\n+    initialize: function(components) {\n+        OpenLayers.Geometry.prototype.initialize.apply(this, arguments);\n+        this.components = [];\n+        if (components != null) {\n+            this.addComponents(components);\n+        }\n     },\n \n     /**\n-     * Method: destroy\n+     * APIMethod: destroy\n+     * Destroy this geometry.\n      */\n     destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        this.wheelListener = null;\n+        this.components.length = 0;\n+        this.components = null;\n+        OpenLayers.Geometry.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     *  Mouse ScrollWheel code thanks to http://adomas.org/javascript-mouse-wheel/\n-     */\n-\n-    /** \n-     * Method: onWheelEvent\n-     * Catch the wheel event and handle it xbrowserly\n-     * \n-     * Parameters:\n-     * e - {Event} \n+     * APIMethod: clone\n+     * Clone this geometry.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.Collection>} An exact clone of this collection\n      */\n-    onWheelEvent: function(e) {\n-\n-        // make sure we have a map and check keyboard modifiers\n-        if (!this.map || !this.checkModifiers(e)) {\n-            return;\n-        }\n-\n-        // Ride up the element's DOM hierarchy to determine if it or any of \n-        //  its ancestors was: \n-        //   * specifically marked as scrollable (CSS overflow property)\n-        //   * one of our layer divs or a div marked as scrollable\n-        //     ('olScrollable' CSS class)\n-        //   * the map div\n-        //\n-        var overScrollableDiv = false;\n-        var allowScroll = false;\n-        var overMapDiv = false;\n-\n-        var elem = OpenLayers.Event.element(e);\n-        while ((elem != null) && !overMapDiv && !overScrollableDiv) {\n-\n-            if (!overScrollableDiv) {\n-                try {\n-                    var overflow;\n-                    if (elem.currentStyle) {\n-                        overflow = elem.currentStyle[\"overflow\"];\n-                    } else {\n-                        var style =\n-                            document.defaultView.getComputedStyle(elem, null);\n-                        overflow = style.getPropertyValue(\"overflow\");\n-                    }\n-                    overScrollableDiv = (overflow &&\n-                        (overflow == \"auto\") || (overflow == \"scroll\"));\n-                } catch (err) {\n-                    //sometimes when scrolling in a popup, this causes \n-                    // obscure browser error\n-                }\n-            }\n-\n-            if (!allowScroll) {\n-                allowScroll = OpenLayers.Element.hasClass(elem, 'olScrollable');\n-                if (!allowScroll) {\n-                    for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                        // Are we in the layer div? Note that we have two cases\n-                        // here: one is to catch EventPane layers, which have a\n-                        // pane above the layer (layer.pane)\n-                        var layer = this.map.layers[i];\n-                        if (elem == layer.div || elem == layer.pane) {\n-                            allowScroll = true;\n-                            break;\n-                        }\n-                    }\n-                }\n-            }\n-            overMapDiv = (elem == this.map.div);\n-\n-            elem = elem.parentNode;\n+    clone: function() {\n+        var geometry = eval(\"new \" + this.CLASS_NAME + \"()\");\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            geometry.addComponent(this.components[i].clone());\n         }\n \n-        // Logic below is the following:\n-        //\n-        // If we are over a scrollable div or not over the map div:\n-        //  * do nothing (let the browser handle scrolling)\n-        //\n-        //    otherwise \n-        // \n-        //    If we are over the layer div or a 'olScrollable' div:\n-        //     * zoom/in out\n-        //     then\n-        //     * kill event (so as not to also scroll the page after zooming)\n-        //\n-        //       otherwise\n-        //\n-        //       Kill the event (dont scroll the page if we wheel over the \n-        //        layerswitcher or the pan/zoom control)\n-        //\n-        if (!overScrollableDiv && overMapDiv) {\n-            if (allowScroll) {\n-                var delta = 0;\n-\n-                if (e.wheelDelta) {\n-                    delta = e.wheelDelta;\n-                    if (delta % 160 === 0) {\n-                        // opera have steps of 160 instead of 120\n-                        delta = delta * 0.75;\n-                    }\n-                    delta = delta / 120;\n-                } else if (e.detail) {\n-                    // detail in Firefox on OS X is 1/3 of Windows\n-                    // so force delta 1 / -1\n-                    delta = -(e.detail / Math.abs(e.detail));\n-                }\n-                this.delta += delta;\n+        // catch any randomly tagged-on properties\n+        OpenLayers.Util.applyDefaults(geometry, this);\n \n-                window.clearTimeout(this._timeoutId);\n-                if (this.interval && Math.abs(this.delta) < this.maxDelta) {\n-                    // store e because window.event might change during delay\n-                    var evt = OpenLayers.Util.extend({}, e);\n-                    this._timeoutId = window.setTimeout(\n-                        OpenLayers.Function.bind(function() {\n-                            this.wheelZoom(evt);\n-                        }, this),\n-                        this.interval\n-                    );\n-                } else {\n-                    this.wheelZoom(e);\n-                }\n-            }\n-            OpenLayers.Event.stop(e);\n-        }\n+        return geometry;\n     },\n \n     /**\n-     * Method: wheelZoom\n-     * Given the wheel event, we carry out the appropriate zooming in or out,\n-     *     based on the 'wheelDelta' or 'detail' property of the event.\n+     * Method: getComponentsString\n+     * Get a string representing the components for this collection\n      * \n-     * Parameters:\n-     * e - {Event}\n+     * Returns:\n+     * {String} A string representation of the components of this geometry\n      */\n-    wheelZoom: function(e) {\n-        var delta = this.delta;\n-        this.delta = 0;\n-\n-        if (delta) {\n-            e.xy = this.map.events.getMousePosition(e);\n-            if (delta < 0) {\n-                this.callback(\"down\",\n-                    [e, this.cumulative ? Math.max(-this.maxDelta, delta) : -1]);\n-            } else {\n-                this.callback(\"up\",\n-                    [e, this.cumulative ? Math.min(this.maxDelta, delta) : 1]);\n-            }\n+    getComponentsString: function() {\n+        var strings = [];\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            strings.push(this.components[i].toShortString());\n         }\n+        return strings.join(\",\");\n     },\n \n     /**\n-     * Method: activate \n+     * APIMethod: calculateBounds\n+     * Recalculate the bounds by iterating through the components and \n+     * calling calling extendBounds() on each item.\n      */\n-    activate: function(evt) {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            //register mousewheel events specifically on the window and document\n-            var wheelListener = this.wheelListener;\n-            OpenLayers.Event.observe(window, \"DOMMouseScroll\", wheelListener);\n-            OpenLayers.Event.observe(window, \"mousewheel\", wheelListener);\n-            OpenLayers.Event.observe(document, \"mousewheel\", wheelListener);\n-            return true;\n-        } else {\n-            return false;\n+    calculateBounds: function() {\n+        this.bounds = null;\n+        var bounds = new OpenLayers.Bounds();\n+        var components = this.components;\n+        if (components) {\n+            for (var i = 0, len = components.length; i < len; i++) {\n+                bounds.extend(components[i].getBounds());\n+            }\n+        }\n+        // to preserve old behavior, we only set bounds if non-null\n+        // in the future, we could add bounds.isEmpty()\n+        if (bounds.left != null && bounds.bottom != null &&\n+            bounds.right != null && bounds.top != null) {\n+            this.setBounds(bounds);\n         }\n     },\n \n     /**\n-     * Method: deactivate \n+     * APIMethod: addComponents\n+     * Add components to this geometry.\n+     *\n+     * Parameters:\n+     * components - {Array(<OpenLayers.Geometry>)} An array of geometries to add\n      */\n-    deactivate: function(evt) {\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            // unregister mousewheel events specifically on the window and document\n-            var wheelListener = this.wheelListener;\n-            OpenLayers.Event.stopObserving(window, \"DOMMouseScroll\", wheelListener);\n-            OpenLayers.Event.stopObserving(window, \"mousewheel\", wheelListener);\n-            OpenLayers.Event.stopObserving(document, \"mousewheel\", wheelListener);\n-            return true;\n-        } else {\n-            return false;\n+    addComponents: function(components) {\n+        if (!(OpenLayers.Util.isArray(components))) {\n+            components = [components];\n+        }\n+        for (var i = 0, len = components.length; i < len; i++) {\n+            this.addComponent(components[i]);\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Click.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Click\n- * A handler for mouse clicks.  The intention of this handler is to give\n- *     controls more flexibility with handling clicks.  Browsers trigger\n- *     click events twice for a double-click.  In addition, the mousedown,\n- *     mousemove, mouseup sequence fires a click event.  With this handler,\n- *     controls can decide whether to ignore clicks associated with a double\n- *     click.  By setting a <pixelTolerance>, controls can also ignore clicks\n- *     that include a drag.  Create a new instance with the\n- *     <OpenLayers.Handler.Click> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Handler> \n- */\n-OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n-    /**\n-     * APIProperty: delay\n-     * {Number} Number of milliseconds between clicks before the event is\n-     *     considered a double-click.\n-     */\n-    delay: 300,\n-\n-    /**\n-     * APIProperty: single\n-     * {Boolean} Handle single clicks.  Default is true.  If false, clicks\n-     * will not be reported.  If true, single-clicks will be reported.\n-     */\n-    single: true,\n-\n-    /**\n-     * APIProperty: double\n-     * {Boolean} Handle double-clicks.  Default is false.\n-     */\n-    'double': false,\n-\n-    /**\n-     * APIProperty: pixelTolerance\n-     * {Number} Maximum number of pixels between mouseup and mousedown for an\n-     *     event to be considered a click.  Default is 0.  If set to an\n-     *     integer value, clicks with a drag greater than the value will be\n-     *     ignored.  This property can only be set when the handler is\n-     *     constructed.\n-     */\n-    pixelTolerance: 0,\n-\n-    /**\n-     * APIProperty: dblclickTolerance\n-     * {Number} Maximum distance in pixels between clicks for a sequence of \n-     *     events to be considered a double click.  Default is 13.  If the\n-     *     distance between two clicks is greater than this value, a double-\n-     *     click will not be fired.\n-     */\n-    dblclickTolerance: 13,\n-\n-    /**\n-     * APIProperty: stopSingle\n-     * {Boolean} Stop other listeners from being notified of clicks.  Default\n-     *     is false.  If true, any listeners registered before this one for \n-     *     click or rightclick events will not be notified.\n-     */\n-    stopSingle: false,\n-\n     /**\n-     * APIProperty: stopDouble\n-     * {Boolean} Stop other listeners from being notified of double-clicks.\n-     *     Default is false.  If true, any click listeners registered before\n-     *     this one will not be notified of *any* double-click events.\n+     * Method: addComponent\n+     * Add a new component (geometry) to the collection.  If this.componentTypes\n+     * is set, then the component class name must be in the componentTypes array.\n+     *\n+     * The bounds cache is reset.\n      * \n-     * The one caveat with stopDouble is that given a map with two click\n-     *     handlers, one with stopDouble true and the other with stopSingle\n-     *     true, the stopSingle handler should be activated last to get\n-     *     uniform cross-browser performance.  Since IE triggers one click\n-     *     with a dblclick and FF triggers two, if a stopSingle handler is\n-     *     activated first, all it gets in IE is a single click when the\n-     *     second handler stops propagation on the dblclick.\n-     */\n-    stopDouble: false,\n-\n-    /**\n-     * Property: timerId\n-     * {Number} The id of the timeout waiting to clear the <delayedCall>.\n-     */\n-    timerId: null,\n-\n-    /**\n-     * Property: down\n-     * {Object} Object that store relevant information about the last\n-     *     mousedown or touchstart. Its 'xy' OpenLayers.Pixel property gives\n-     *     the average location of the mouse/touch event. Its 'touches'\n-     *     property records clientX/clientY of each touches.\n-     */\n-    down: null,\n-\n-    /**\n-     * Property: last\n-     * {Object} Object that store relevant information about the last\n-     *     mousemove or touchmove. Its 'xy' OpenLayers.Pixel property gives\n-     *     the average location of the mouse/touch event. Its 'touches'\n-     *     property records clientX/clientY of each touches.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: first\n-     * {Object} When waiting for double clicks, this object will store \n-     *     information about the first click in a two click sequence.\n+     * Parameters:\n+     * component - {<OpenLayers.Geometry>} A geometry to add\n+     * index - {int} Optional index into the array to insert the component\n+     *\n+     * Returns:\n+     * {Boolean} The component geometry was successfully added\n      */\n-    first: null,\n+    addComponent: function(component, index) {\n+        var added = false;\n+        if (component) {\n+            if (this.componentTypes == null ||\n+                (OpenLayers.Util.indexOf(this.componentTypes,\n+                    component.CLASS_NAME) > -1)) {\n \n-    /**\n-     * Property: rightclickTimerId\n-     * {Number} The id of the right mouse timeout waiting to clear the \n-     *     <delayedEvent>.\n-     */\n-    rightclickTimerId: null,\n+                if (index != null && (index < this.components.length)) {\n+                    var components1 = this.components.slice(0, index);\n+                    var components2 = this.components.slice(index,\n+                        this.components.length);\n+                    components1.push(component);\n+                    this.components = components1.concat(components2);\n+                } else {\n+                    this.components.push(component);\n+                }\n+                component.parent = this;\n+                this.clearBounds();\n+                added = true;\n+            }\n+        }\n+        return added;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Handler.Click\n-     * Create a new click handler.\n-     * \n+     * APIMethod: removeComponents\n+     * Remove components from this geometry.\n+     *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handler's setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object with keys corresponding to callbacks\n-     *     that will be called by the handler. The callbacks should\n-     *     expect to recieve a single argument, the click event.\n-     *     Callbacks for 'click' and 'dblclick' are supported.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     handler.\n-     */\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart.\n+     * components - {Array(<OpenLayers.Geometry>)} The components to be removed\n      *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * Returns: \n+     * {Boolean} A component was removed.\n      */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true;\n+    removeComponents: function(components) {\n+        var removed = false;\n+\n+        if (!(OpenLayers.Util.isArray(components))) {\n+            components = [components];\n+        }\n+        for (var i = components.length - 1; i >= 0; --i) {\n+            removed = this.removeComponent(components[i]) || removed;\n+        }\n+        return removed;\n     },\n \n     /**\n-     * Method: touchmove\n-     *    Store position of last move, because touchend event can have\n-     *    an empty \"touches\" property.\n+     * Method: removeComponent\n+     * Remove a component from this geometry.\n      *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * Parameters:\n+     * component - {<OpenLayers.Geometry>} \n+     *\n+     * Returns: \n+     * {Boolean} The component was removed.\n      */\n-    touchmove: function(evt) {\n-        this.last = this.getEventInfo(evt);\n+    removeComponent: function(component) {\n+\n+        OpenLayers.Util.removeItem(this.components, component);\n+\n+        // clearBounds() so that it gets recalculated on the next call\n+        // to this.getBounds();\n+        this.clearBounds();\n         return true;\n     },\n \n     /**\n-     * Method: touchend\n-     *   Correctly set event xy property, and add lastTouches to have\n-     *   touches property from last touchstart or touchmove\n+     * APIMethod: getLength\n+     * Calculate the length of this geometry\n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Float} The length of the geometry\n      */\n-    touchend: function(evt) {\n-        // touchstart may not have been allowed to propagate\n-        if (this.down) {\n-            evt.xy = this.last.xy;\n-            evt.lastTouches = this.last.touches;\n-            this.handleSingle(evt);\n-            this.down = null;\n+    getLength: function() {\n+        var length = 0.0;\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            length += this.components[i].getLength();\n         }\n-        return true;\n+        return length;\n     },\n \n     /**\n-     * Method: mousedown\n-     * Handle mousedown.\n+     * APIMethod: getArea\n+     * Calculate the area of this geometry. Note how this function is overridden\n+     * in <OpenLayers.Geometry.Polygon>.\n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Float} The area of the collection by summing its parts\n      */\n-    mousedown: function(evt) {\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true;\n+    getArea: function() {\n+        var area = 0.0;\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            area += this.components[i].getArea();\n+        }\n+        return area;\n     },\n \n-    /**\n-     * Method: mouseup\n-     * Handle mouseup.  Installed to support collection of right mouse events.\n+    /** \n+     * APIMethod: getGeodesicArea\n+     * Calculate the approximate area of the polygon were it projected onto\n+     *     the earth.\n+     *\n+     * Parameters:\n+     * projection - {<OpenLayers.Projection>} The spatial reference system\n+     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n+     *     assumed.\n      * \n+     * Reference:\n+     * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n+     *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n+     *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n+     *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {float} The approximate geodesic area of the geometry in square meters.\n      */\n-    mouseup: function(evt) {\n-        var propagate = true;\n-\n-        // Collect right mouse clicks from the mouseup\n-        //  IE - ignores the second right click in mousedown so using\n-        //  mouseup instead\n-        if (this.checkModifiers(evt) && this.control.handleRightClicks &&\n-            OpenLayers.Event.isRightClick(evt)) {\n-            propagate = this.rightclick(evt);\n+    getGeodesicArea: function(projection) {\n+        var area = 0.0;\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            area += this.components[i].getGeodesicArea(projection);\n         }\n-\n-        return propagate;\n+        return area;\n     },\n \n     /**\n-     * Method: rightclick\n-     * Handle rightclick.  For a dblrightclick, we get two clicks so we need \n-     *     to always register for dblrightclick to properly handle single \n-     *     clicks.\n-     *     \n+     * APIMethod: getCentroid\n+     *\n+     * Compute the centroid for this geometry collection.\n+     *\n+     * Parameters:\n+     * weighted - {Boolean} Perform the getCentroid computation recursively,\n+     * returning an area weighted average of all geometries in this collection.\n+     *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n      */\n-    rightclick: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.rightclickTimerId != null) {\n-                //Second click received before timeout this must be \n-                // a double click\n-                this.clearTimer();\n-                this.callback('dblrightclick', [evt]);\n-                return !this.stopDouble;\n-            } else {\n-                //Set the rightclickTimerId, send evt only if double is \n-                // true else trigger single\n-                var clickEvent = this['double'] ?\n-                    OpenLayers.Util.extend({}, evt) :\n-                    this.callback('rightclick', [evt]);\n+    getCentroid: function(weighted) {\n+        if (!weighted) {\n+            return this.components.length && this.components[0].getCentroid();\n+        }\n+        var len = this.components.length;\n+        if (!len) {\n+            return false;\n+        }\n \n-                var delayedRightCall = OpenLayers.Function.bind(\n-                    this.delayedRightCall,\n-                    this,\n-                    clickEvent\n-                );\n-                this.rightclickTimerId = window.setTimeout(\n-                    delayedRightCall, this.delay\n-                );\n+        var areas = [];\n+        var centroids = [];\n+        var areaSum = 0;\n+        var minArea = Number.MAX_VALUE;\n+        var component;\n+        for (var i = 0; i < len; ++i) {\n+            component = this.components[i];\n+            var area = component.getArea();\n+            var centroid = component.getCentroid(true);\n+            if (isNaN(area) || isNaN(centroid.x) || isNaN(centroid.y)) {\n+                continue;\n             }\n+            areas.push(area);\n+            areaSum += area;\n+            minArea = (area < minArea && area > 0) ? area : minArea;\n+            centroids.push(centroid);\n+        }\n+        len = areas.length;\n+        if (areaSum === 0) {\n+            // all the components in this collection have 0 area\n+            // probably a collection of points -- weight all the points the same\n+            for (var i = 0; i < len; ++i) {\n+                areas[i] = 1;\n+            }\n+            areaSum = areas.length;\n+        } else {\n+            // normalize all the areas where the smallest area will get\n+            // a value of 1\n+            for (var i = 0; i < len; ++i) {\n+                areas[i] /= minArea;\n+            }\n+            areaSum /= minArea;\n         }\n-        return !this.stopSingle;\n-    },\n \n-    /**\n-     * Method: delayedRightCall\n-     * Sets <rightclickTimerId> to null.  And optionally triggers the \n-     *     rightclick callback if evt is set.\n-     */\n-    delayedRightCall: function(evt) {\n-        this.rightclickTimerId = null;\n-        if (evt) {\n-            this.callback('rightclick', [evt]);\n+        var xSum = 0,\n+            ySum = 0,\n+            centroid, area;\n+        for (var i = 0; i < len; ++i) {\n+            centroid = centroids[i];\n+            area = areas[i];\n+            xSum += centroid.x * area;\n+            ySum += centroid.y * area;\n         }\n+\n+        return new OpenLayers.Geometry.Point(xSum / areaSum, ySum / areaSum);\n     },\n \n     /**\n-     * Method: click\n-     * Handle click events from the browser.  This is registered as a listener\n-     *     for click events and should not be called from other events in this\n-     *     handler.\n+     * APIMethod: getGeodesicLength\n+     * Calculate the approximate length of the geometry were it projected onto\n+     *     the earth.\n      *\n+     * projection - {<OpenLayers.Projection>} The spatial reference system\n+     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n+     *     assumed.\n+     * \n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Float} The appoximate geodesic length of the geometry in meters.\n      */\n-    click: function(evt) {\n-        if (!this.last) {\n-            this.last = this.getEventInfo(evt);\n+    getGeodesicLength: function(projection) {\n+        var length = 0.0;\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            length += this.components[i].getGeodesicLength(projection);\n         }\n-        this.handleSingle(evt);\n-        return !this.stopSingle;\n+        return length;\n     },\n \n     /**\n-     * Method: dblclick\n-     * Handle dblclick.  For a dblclick, we get two clicks in some browsers\n-     *     (FF) and one in others (IE).  So we need to always register for\n-     *     dblclick to properly handle single clicks.  This method is registered\n-     *     as a listener for the dblclick browser event.  It should *not* be\n-     *     called by other methods in this handler.\n-     *     \n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    dblclick: function(evt) {\n-        this.handleDouble(evt);\n-        return !this.stopDouble;\n-    },\n-\n-    /** \n-     * Method: handleDouble\n-     * Handle double-click sequence.\n+     * APIMethod: move\n+     * Moves a geometry by the given displacement along positive x and y axes.\n+     *     This modifies the position of the geometry and clears the cached\n+     *     bounds.\n+     *\n+     * Parameters:\n+     * x - {Float} Distance to move geometry in positive x direction. \n+     * y - {Float} Distance to move geometry in positive y direction.\n      */\n-    handleDouble: function(evt) {\n-        if (this.passesDblclickTolerance(evt)) {\n-            if (this[\"double\"]) {\n-                this.callback(\"dblclick\", [evt]);\n-            }\n-            // to prevent a dblclick from firing the click callback in IE\n-            this.clearTimer();\n+    move: function(x, y) {\n+        for (var i = 0, len = this.components.length; i < len; i++) {\n+            this.components[i].move(x, y);\n         }\n     },\n \n-    /** \n-     * Method: handleSingle\n-     * Handle single click sequence.\n+    /**\n+     * APIMethod: rotate\n+     * Rotate a geometry around some origin\n+     *\n+     * Parameters:\n+     * angle - {Float} Rotation angle in degrees (measured counterclockwise\n+     *                 from the positive x-axis)\n+     * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n      */\n-    handleSingle: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.timerId != null) {\n-                // already received a click\n-                if (this.last.touches && this.last.touches.length === 1) {\n-                    // touch device, no dblclick event - this may be a double\n-                    if (this[\"double\"]) {\n-                        // on Android don't let the browser zoom on the page\n-                        OpenLayers.Event.preventDefault(evt);\n-                    }\n-                    this.handleDouble(evt);\n-                }\n-                // if we're not in a touch environment we clear the click timer\n-                // if we've got a second touch, we'll get two touchend events\n-                if (!this.last.touches || this.last.touches.length !== 2) {\n-                    this.clearTimer();\n-                }\n-            } else {\n-                // remember the first click info so we can compare to the second\n-                this.first = this.getEventInfo(evt);\n-                // set the timer, send evt only if single is true\n-                //use a clone of the event object because it will no longer \n-                //be a valid event object in IE in the timer callback\n-                var clickEvent = this.single ?\n-                    OpenLayers.Util.extend({}, evt) : null;\n-                this.queuePotentialClick(clickEvent);\n-            }\n+    rotate: function(angle, origin) {\n+        for (var i = 0, len = this.components.length; i < len; ++i) {\n+            this.components[i].rotate(angle, origin);\n         }\n     },\n \n-    /** \n-     * Method: queuePotentialClick\n-     * This method is separated out largely to make testing easier (so we\n-     *     don't have to override window.setTimeout)\n+    /**\n+     * APIMethod: resize\n+     * Resize a geometry relative to some origin.  Use this method to apply\n+     *     a uniform scaling to a geometry.\n+     *\n+     * Parameters:\n+     * scale - {Float} Factor by which to scale the geometry.  A scale of 2\n+     *                 doubles the size of the geometry in each dimension\n+     *                 (lines, for example, will be twice as long, and polygons\n+     *                 will have four times the area).\n+     * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n+     * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry>} - The current geometry. \n      */\n-    queuePotentialClick: function(evt) {\n-        this.timerId = window.setTimeout(\n-            OpenLayers.Function.bind(this.delayedCall, this, evt),\n-            this.delay\n-        );\n+    resize: function(scale, origin, ratio) {\n+        for (var i = 0; i < this.components.length; ++i) {\n+            this.components[i].resize(scale, origin, ratio);\n+        }\n+        return this;\n     },\n \n     /**\n-     * Method: passesTolerance\n-     * Determine whether the event is within the optional pixel tolerance.  Note\n-     *     that the pixel tolerance check only works if mousedown events get to\n-     *     the listeners registered here.  If they are stopped by other elements,\n-     *     the <pixelTolerance> will have no effect here (this method will always\n-     *     return true).\n+     * APIMethod: distanceTo\n+     * Calculate the closest distance between two geometries (on the x-y plane).\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} The target geometry.\n+     * options - {Object} Optional properties for configuring the distance\n+     *     calculation.\n+     *\n+     * Valid options:\n+     * details - {Boolean} Return details from the distance calculation.\n+     *     Default is false.\n+     * edge - {Boolean} Calculate the distance from this geometry to the\n+     *     nearest edge of the target geometry.  Default is true.  If true,\n+     *     calling distanceTo from a geometry that is wholly contained within\n+     *     the target will result in a non-zero distance.  If false, whenever\n+     *     geometries intersect, calling distanceTo will return 0.  If false,\n+     *     details cannot be returned.\n      *\n      * Returns:\n-     * {Boolean} The click is within the pixel tolerance (if specified).\n+     * {Number | Object} The distance between this geometry and the target.\n+     *     If details is true, the return will be an object with distance,\n+     *     x0, y0, x1, and y1 properties.  The x0 and y0 properties represent\n+     *     the coordinates of the closest point on this geometry. The x1 and y1\n+     *     properties represent the coordinates of the closest point on the\n+     *     target geometry.\n      */\n-    passesTolerance: function(evt) {\n-        var passes = true;\n-        if (this.pixelTolerance != null && this.down && this.down.xy) {\n-            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n-            // for touch environments, we also enforce that all touches\n-            // start and end within the given tolerance to be considered a click\n-            if (passes && this.touch &&\n-                this.down.touches.length === this.last.touches.length) {\n-                // the touchend event doesn't come with touches, so we check\n-                // down and last\n-                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n-                    if (this.getTouchDistance(\n-                            this.down.touches[i],\n-                            this.last.touches[i]\n-                        ) > this.pixelTolerance) {\n-                        passes = false;\n-                        break;\n-                    }\n+    distanceTo: function(geometry, options) {\n+        var edge = !(options && options.edge === false);\n+        var details = edge && options && options.details;\n+        var result, best, distance;\n+        var min = Number.POSITIVE_INFINITY;\n+        for (var i = 0, len = this.components.length; i < len; ++i) {\n+            result = this.components[i].distanceTo(geometry, options);\n+            distance = details ? result.distance : result;\n+            if (distance < min) {\n+                min = distance;\n+                best = result;\n+                if (min == 0) {\n+                    break;\n                 }\n             }\n         }\n-        return passes;\n+        return best;\n     },\n \n     /** \n-     * Method: getTouchDistance\n-     *\n-     * Returns:\n-     * {Boolean} The pixel displacement between two touches.\n-     */\n-    getTouchDistance: function(from, to) {\n-        return Math.sqrt(\n-            Math.pow(from.clientX - to.clientX, 2) +\n-            Math.pow(from.clientY - to.clientY, 2)\n-        );\n-    },\n-\n-    /**\n-     * Method: passesDblclickTolerance\n-     * Determine whether the event is within the optional double-cick pixel \n-     *     tolerance.\n+     * APIMethod: equals\n+     * Determine whether another geometry is equivalent to this one.  Geometries\n+     *     are considered equivalent if all components have the same coordinates.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} The geometry to test. \n      *\n      * Returns:\n-     * {Boolean} The click is within the double-click pixel tolerance.\n-     */\n-    passesDblclickTolerance: function(evt) {\n-        var passes = true;\n-        if (this.down && this.first) {\n-            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance;\n-        }\n-        return passes;\n-    },\n-\n-    /**\n-     * Method: clearTimer\n-     * Clear the timer and set <timerId> to null.\n+     * {Boolean} The supplied geometry is equivalent to this geometry.\n      */\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null;\n-        }\n-        if (this.rightclickTimerId != null) {\n-            window.clearTimeout(this.rightclickTimerId);\n-            this.rightclickTimerId = null;\n+    equals: function(geometry) {\n+        var equivalent = true;\n+        if (!geometry || !geometry.CLASS_NAME ||\n+            (this.CLASS_NAME != geometry.CLASS_NAME)) {\n+            equivalent = false;\n+        } else if (!(OpenLayers.Util.isArray(geometry.components)) ||\n+            (geometry.components.length != this.components.length)) {\n+            equivalent = false;\n+        } else {\n+            for (var i = 0, len = this.components.length; i < len; ++i) {\n+                if (!this.components[i].equals(geometry.components[i])) {\n+                    equivalent = false;\n+                    break;\n+                }\n+            }\n         }\n+        return equivalent;\n     },\n \n     /**\n-     * Method: delayedCall\n-     * Sets <timerId> to null.  And optionally triggers the click callback if\n-     *     evt is set.\n+     * APIMethod: transform\n+     * Reproject the components geometry from source to dest.\n+     * \n+     * Parameters:\n+     * source - {<OpenLayers.Projection>} \n+     * dest - {<OpenLayers.Projection>}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Geometry>} \n      */\n-    delayedCall: function(evt) {\n-        this.timerId = null;\n-        if (evt) {\n-            this.callback(\"click\", [evt]);\n+    transform: function(source, dest) {\n+        if (source && dest) {\n+            for (var i = 0, len = this.components.length; i < len; i++) {\n+                var component = this.components[i];\n+                component.transform(source, dest);\n+            }\n+            this.bounds = null;\n         }\n+        return this;\n     },\n \n     /**\n-     * Method: getEventInfo\n-     * This method allows us to store event information without storing the\n-     *     actual event.  In touch devices (at least), the same event is \n-     *     modified between touchstart, touchmove, and touchend.\n+     * APIMethod: intersects\n+     * Determine if the input geometry intersects this one.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n      *\n      * Returns:\n-     * {Object} An object with event related info.\n+     * {Boolean} The input geometry intersects this one.\n      */\n-    getEventInfo: function(evt) {\n-        var touches;\n-        if (evt.touches) {\n-            var len = evt.touches.length;\n-            touches = new Array(len);\n-            var touch;\n-            for (var i = 0; i < len; i++) {\n-                touch = evt.touches[i];\n-                touches[i] = {\n-                    clientX: touch.olClientX,\n-                    clientY: touch.olClientY\n-                };\n+    intersects: function(geometry) {\n+        var intersect = false;\n+        for (var i = 0, len = this.components.length; i < len; ++i) {\n+            intersect = geometry.intersects(this.components[i]);\n+            if (intersect) {\n+                break;\n             }\n         }\n-        return {\n-            xy: evt.xy,\n-            touches: touches\n-        };\n+        return intersect;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the handler.\n+     * APIMethod: getVertices\n+     * Return a list of all points in this geometry.\n+     *\n+     * Parameters:\n+     * nodes - {Boolean} For lines, only return vertices that are\n+     *     endpoints.  If false, for lines, only vertices that are not\n+     *     endpoints will be returned.  If not provided, all vertices will\n+     *     be returned.\n      *\n      * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n+     * {Array} A list of all vertices in the geometry.\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n-            this.down = null;\n-            this.first = null;\n-            this.last = null;\n-            deactivated = true;\n+    getVertices: function(nodes) {\n+        var vertices = [];\n+        for (var i = 0, len = this.components.length; i < len; ++i) {\n+            Array.prototype.push.apply(\n+                vertices, this.components[i].getVertices(nodes)\n+            );\n         }\n-        return deactivated;\n+        return vertices;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Click\"\n+\n+    CLASS_NAME: \"OpenLayers.Geometry.Collection\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Navigation.js\n+    OpenLayers/Geometry/MultiPoint.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/ZoomBox.js\n- * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Handler/MouseWheel.js\n- * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/Point.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Navigation\n- * The navigation control handles map browsing with mouse events (dragging,\n- *     double-clicking, and scrolling the wheel).  Create a new navigation \n- *     control with the <OpenLayers.Control.Navigation> control.  \n- * \n- *     Note that this control is added to the map by default (if no controls \n- *     array is sent in the options object to the <OpenLayers.Map> \n- *     constructor).\n- * \n- * Inherits:\n- *  - <OpenLayers.Control>\n+ * Class: OpenLayers.Geometry.MultiPoint\n+ * MultiPoint is a collection of Points.  Create a new instance with the\n+ * <OpenLayers.Geometry.MultiPoint> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Geometry.Collection>\n+ *  - <OpenLayers.Geometry>\n  */\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>} \n-     */\n-    dragPan: null,\n-\n-    /**\n-     * APIProperty: dragPanOptions\n-     * {Object} Options passed to the DragPan control.\n-     */\n-    dragPanOptions: null,\n-\n-    /**\n-     * Property: pinchZoom\n-     * {<OpenLayers.Control.PinchZoom>}\n-     */\n-    pinchZoom: null,\n-\n-    /**\n-     * APIProperty: pinchZoomOptions\n-     * {Object} Options passed to the PinchZoom control.\n-     */\n-    pinchZoomOptions: null,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} Allow panning of the map by dragging outside map viewport.\n-     *     Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /** \n-     * Property: zoomBox\n-     * {<OpenLayers.Control.ZoomBox>}\n-     */\n-    zoomBox: null,\n-\n-    /**\n-     * APIProperty: zoomBoxEnabled\n-     * {Boolean} Whether the user can draw a box to zoom\n-     */\n-    zoomBoxEnabled: true,\n-\n-    /**\n-     * APIProperty: zoomWheelEnabled\n-     * {Boolean} Whether the mousewheel should zoom the map\n-     */\n-    zoomWheelEnabled: true,\n-\n-    /**\n-     * Property: mouseWheelOptions\n-     * {Object} Options passed to the MouseWheel control (only useful if\n-     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n-     *     with fractionalZoom set to true, otherwise\n-     *     {cumulative: false, interval: 50, maxDelta: 6} \n-     */\n-    mouseWheelOptions: null,\n-\n-    /**\n-     * APIProperty: handleRightClicks\n-     * {Boolean} Whether or not to handle right clicks. Default is false.\n-     */\n-    handleRightClicks: false,\n-\n-    /**\n-     * APIProperty: zoomBoxKeyMask\n-     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n-     *    pressed, while drawing the zoom box with the mouse on the screen. \n-     *    You should probably set handleRightClicks to true if you use this\n-     *    with MOD_CTRL, to disable the context menu for machines which use\n-     *    CTRL-Click as a right click.\n-     * Default: <OpenLayers.Handler.MOD_SHIFT>\n-     */\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.Navigation\n-     * Create a new navigation control\n-     * \n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n-     */\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        this.deactivate();\n+OpenLayers.Geometry.MultiPoint = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n \n-        if (this.dragPan) {\n-            this.dragPan.destroy();\n-        }\n-        this.dragPan = null;\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.Point\"],\n \n-        if (this.zoomBox) {\n-            this.zoomBox.destroy();\n-        }\n-        this.zoomBox = null;\n+        /**\n+         * Constructor: OpenLayers.Geometry.MultiPoint\n+         * Create a new MultiPoint Geometry\n+         *\n+         * Parameters:\n+         * components - {Array(<OpenLayers.Geometry.Point>)} \n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.MultiPoint>}\n+         */\n \n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-        }\n-        this.pinchZoom = null;\n+        /**\n+         * APIMethod: addPoint\n+         * Wrapper for <OpenLayers.Geometry.Collection.addComponent>\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>} Point to be added\n+         * index - {Integer} Optional index\n+         */\n+        addPoint: function(point, index) {\n+            this.addComponent(point, index);\n+        },\n \n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n+        /**\n+         * APIMethod: removePoint\n+         * Wrapper for <OpenLayers.Geometry.Collection.removeComponent>\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>} Point to be removed\n+         */\n+        removePoint: function(point) {\n+            this.removeComponent(point);\n+        },\n \n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate();\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate();\n-        }\n-        if (this.pinchZoom) {\n-            this.pinchZoom.activate();\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n-    },\n+        CLASS_NAME: \"OpenLayers.Geometry.MultiPoint\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Geometry/Curve.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        if (this.pinchZoom) {\n-            this.pinchZoom.deactivate();\n-        }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Method: draw\n-     */\n-    draw: function() {\n-        // disable right mouse context menu for support of right click events\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n-        }\n+/**\n+ * @requires OpenLayers/Geometry/MultiPoint.js\n+ */\n \n-        var clickCallbacks = {\n-            'click': this.defaultClick,\n-            'dblclick': this.defaultDblClick,\n-            'dblrightclick': this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            'double': true,\n-            'stopDouble': true\n-        };\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, clickCallbacks, clickOptions\n-        );\n-        this.dragPan = new OpenLayers.Control.DragPan(\n-            OpenLayers.Util.extend({\n-                map: this.map,\n-                documentDrag: this.documentDrag\n-            }, this.dragPanOptions)\n-        );\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n-        this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n-            this, {\n-                up: this.wheelUp,\n-                down: this.wheelDown\n-            },\n-            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n-        );\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-                OpenLayers.Util.extend({\n-                    map: this.map\n-                }, this.pinchZoomOptions));\n-        }\n-    },\n+/**\n+ * Class: OpenLayers.Geometry.Curve\n+ * A Curve is a MultiPoint, whose points are assumed to be connected. To \n+ * this end, we provide a \"getLength()\" function, which iterates through \n+ * the points, summing the distances between them. \n+ * \n+ * Inherits: \n+ *  - <OpenLayers.Geometry.MultiPoint>\n+ */\n+OpenLayers.Geometry.Curve = OpenLayers.Class(OpenLayers.Geometry.MultiPoint, {\n \n     /**\n-     * Method: defaultClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * Property: componentTypes\n+     * {Array(String)} An array of class names representing the types of \n+     *                 components that the collection can include.  A null \n+     *                 value means the component types are not restricted.\n      */\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut();\n-        }\n-    },\n+    componentTypes: [\"OpenLayers.Geometry.Point\"],\n \n     /**\n-     * Method: defaultDblClick \n+     * Constructor: OpenLayers.Geometry.Curve\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * point - {Array(<OpenLayers.Geometry.Point>)}\n      */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n-    },\n \n     /**\n-     * Method: defaultDblRightClick \n+     * APIMethod: getLength\n      * \n-     * Parameters:\n-     * evt - {Event} \n+     * Returns:\n+     * {Float} The length of the curve\n      */\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n+    getLength: function() {\n+        var length = 0.0;\n+        if (this.components && (this.components.length > 1)) {\n+            for (var i = 1, len = this.components.length; i < len; i++) {\n+                length += this.components[i - 1].distanceTo(this.components[i]);\n+            }\n+        }\n+        return length;\n     },\n \n     /**\n-     * Method: wheelChange  \n+     * APIMethod: getGeodesicLength\n+     * Calculate the approximate length of the geometry were it projected onto\n+     *     the earth.\n      *\n-     * Parameters:\n-     * evt - {Event}\n-     * deltaZ - {Integer}\n-     */\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ);\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return;\n-        }\n-        this.map.zoomTo(newZoom, evt.xy);\n-    },\n-\n-    /** \n-     * Method: wheelUp\n-     * User spun scroll wheel up\n-     * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n-     */\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1);\n-    },\n-\n-    /** \n-     * Method: wheelDown\n-     * User spun scroll wheel down\n+     * projection - {<OpenLayers.Projection>} The spatial reference system\n+     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n+     *     assumed.\n      * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n-     */\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1);\n-    },\n-\n-    /**\n-     * Method: disableZoomBox\n-     */\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate();\n-    },\n-\n-    /**\n-     * Method: enableZoomBox\n+     * Returns:\n+     * {Float} The appoximate geodesic length of the geometry in meters.\n      */\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate();\n+    getGeodesicLength: function(projection) {\n+        var geom = this; // so we can work with a clone if needed\n+        if (projection) {\n+            var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+            if (!gg.equals(projection)) {\n+                geom = this.clone().transform(projection, gg);\n+            }\n         }\n-    },\n-\n-    /**\n-     * Method: disableZoomWheel\n-     */\n-\n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate();\n-    },\n-\n-    /**\n-     * Method: enableZoomWheel\n-     */\n-\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate();\n+        var length = 0.0;\n+        if (geom.components && (geom.components.length > 1)) {\n+            var p1, p2;\n+            for (var i = 1, len = geom.components.length; i < len; i++) {\n+                p1 = geom.components[i - 1];\n+                p2 = geom.components[i];\n+                // this returns km and requires lon/lat properties\n+                length += OpenLayers.Util.distVincenty({\n+                    lon: p1.x,\n+                    lat: p1.y\n+                }, {\n+                    lon: p2.x,\n+                    lat: p2.y\n+                });\n+            }\n         }\n+        // convert to m\n+        return length * 1000;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n+    CLASS_NAME: \"OpenLayers.Geometry.Curve\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Feature.js\n+    OpenLayers/Geometry/LineString.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Geometry/Curve.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Feature \n- * Handler to respond to mouse events related to a drawn feature.  Callbacks\n- *     with the following keys will be notified of the following events\n- *     associated with features: click, clickout, over, out, and dblclick.\n- *\n- * This handler stops event propagation for mousedown and mouseup if those\n- *     browser events target features that can be selected.\n- *\n+ * Class: OpenLayers.Geometry.LineString\n+ * A LineString is a Curve which, once two points have been added to it, can \n+ * never be less than two points long.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Handler>\n+ *  - <OpenLayers.Geometry.Curve>\n  */\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /**\n-     * Property: EVENTMAP\n-     * {Object} A object mapping the browser events to objects with callback\n-     *     keys for in and out.\n-     */\n-    EVENTMAP: {\n-        'click': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        },\n-        'mousemove': {\n-            'in': 'over',\n-            'out': 'out'\n-        },\n-        'dblclick': {\n-            'in': 'dblclick',\n-            'out': null\n-        },\n-        'mousedown': {\n-            'in': null,\n-            'out': null\n-        },\n-        'mouseup': {\n-            'in': null,\n-            'out': null\n-        },\n-        'touchstart': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        }\n-    },\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n-     */\n-    feature: null,\n-\n-    /**\n-     * Property: lastFeature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n-     */\n-    lastFeature: null,\n-\n-    /**\n-     * Property: down\n-     * {<OpenLayers.Pixel>} The location of the last mousedown.\n-     */\n-    down: null,\n-\n-    /**\n-     * Property: up\n-     * {<OpenLayers.Pixel>} The location of the last mouseup.\n-     */\n-    up: null,\n-\n-    /**\n-     * Property: clickTolerance\n-     * {Number} The number of pixels the mouse can move between mousedown\n-     *     and mouseup for the event to still be considered a click.\n-     *     Dragging the map should not trigger the click and clickout callbacks\n-     *     unless the map is moved by less than this tolerance. Defaults to 4.\n-     */\n-    clickTolerance: 4,\n-\n-    /**\n-     * Property: geometryTypes\n-     * To restrict dragging to a limited set of geometry types, send a list\n-     * of strings corresponding to the geometry class names.\n-     * \n-     * @type Array(String)\n-     */\n-    geometryTypes: null,\n-\n-    /**\n-     * Property: stopClick\n-     * {Boolean} If stopClick is set to true, handled clicks do not\n-     *      propagate to other click listeners. Otherwise, handled clicks\n-     *      do propagate. Unhandled clicks always propagate, whatever the\n-     *      value of stopClick. Defaults to true.\n-     */\n-    stopClick: true,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} If stopDown is set to true, handled mousedowns do not\n-     *      propagate to other mousedown listeners. Otherwise, handled\n-     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n-     *      whatever the value of stopDown. Defaults to true.\n-     */\n-    stopDown: true,\n-\n-    /**\n-     * Property: stopUp\n-     * {Boolean} If stopUp is set to true, handled mouseups do not\n-     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n-     *      do propagate. Unhandled mouseups always propagate, whatever the\n-     *      value of stopUp. Defaults to false.\n-     */\n-    stopUp: false,\n+OpenLayers.Geometry.LineString = OpenLayers.Class(OpenLayers.Geometry.Curve, {\n \n     /**\n-     * Constructor: OpenLayers.Handler.Feature\n+     * Constructor: OpenLayers.Geometry.LineString\n+     * Create a new LineString geometry\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * layer - {<OpenLayers.Layer.Vector>}\n-     * callbacks - {Object} An object with a 'over' property whos value is\n-     *     a function to be called when the mouse is over a feature. The \n-     *     callback should expect to recieve a single argument, the feature.\n-     * options - {Object} \n+     * points - {Array(<OpenLayers.Geometry.Point>)} An array of points used to\n+     *          generate the linestring\n+     *\n      */\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer;\n-    },\n \n     /**\n-     * Method: touchstart\n-     * Handle touchstart events\n+     * APIMethod: removeComponent\n+     * Only allows removal of a point if there are three or more points in \n+     * the linestring. (otherwise the result would be just a single point)\n      *\n-     * Parameters:\n-     * evt - {Event}\n+     * Parameters: \n+     * point - {<OpenLayers.Geometry.Point>} The point to be removed\n      *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n+     * Returns: \n+     * {Boolean} The component was removed.\n      */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ?\n-            true : this.mousedown(evt);\n+    removeComponent: function(point) {\n+        var removed = this.components && (this.components.length > 2);\n+        if (removed) {\n+            OpenLayers.Geometry.Collection.prototype.removeComponent.apply(this,\n+                arguments);\n+        }\n+        return removed;\n     },\n \n     /**\n-     * Method: touchmove\n-     * Handle touchmove events. We just prevent the browser default behavior,\n-     *    for Android Webkit not to select text when moving the finger after\n-     *    selecting a feature.\n+     * APIMethod: intersects\n+     * Test for instersection between two geometries.  This is a cheapo\n+     *     implementation of the Bently-Ottmann algorigithm.  It doesn't\n+     *     really keep track of a sweep line data structure.  It is closer\n+     *     to the brute force method, except that segments are sorted and\n+     *     potential intersections are only calculated when bounding boxes\n+     *     intersect.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     */\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt);\n-    },\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mouse down.  Stop propagation if a feature is targeted by this\n-     *     event (stops map dragging during feature selection).\n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * geometry - {<OpenLayers.Geometry>}\n+     *\n+     * Returns:\n+     * {Boolean} The input geometry intersects this geometry.\n      */\n-    mousedown: function(evt) {\n-        // Feature selection is only done with a left click. Other handlers may stop the\n-        // propagation of left-click mousedown events but not right-click mousedown events.\n-        // This mismatch causes problems when comparing the location of the down and up\n-        // events in the click function so it is important ignore right-clicks.\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy;\n+    intersects: function(geometry) {\n+        var intersect = false;\n+        var type = geometry.CLASS_NAME;\n+        if (type == \"OpenLayers.Geometry.LineString\" ||\n+            type == \"OpenLayers.Geometry.LinearRing\" ||\n+            type == \"OpenLayers.Geometry.Point\") {\n+            var segs1 = this.getSortedSegments();\n+            var segs2;\n+            if (type == \"OpenLayers.Geometry.Point\") {\n+                segs2 = [{\n+                    x1: geometry.x,\n+                    y1: geometry.y,\n+                    x2: geometry.x,\n+                    y2: geometry.y\n+                }];\n+            } else {\n+                segs2 = geometry.getSortedSegments();\n+            }\n+            var seg1, seg1x1, seg1x2, seg1y1, seg1y2,\n+                seg2, seg2y1, seg2y2;\n+            // sweep right\n+            outer: for (var i = 0, len = segs1.length; i < len; ++i) {\n+                seg1 = segs1[i];\n+                seg1x1 = seg1.x1;\n+                seg1x2 = seg1.x2;\n+                seg1y1 = seg1.y1;\n+                seg1y2 = seg1.y2;\n+                inner: for (var j = 0, jlen = segs2.length; j < jlen; ++j) {\n+                    seg2 = segs2[j];\n+                    if (seg2.x1 > seg1x2) {\n+                        // seg1 still left of seg2\n+                        break;\n+                    }\n+                    if (seg2.x2 < seg1x1) {\n+                        // seg2 still left of seg1\n+                        continue;\n+                    }\n+                    seg2y1 = seg2.y1;\n+                    seg2y2 = seg2.y2;\n+                    if (Math.min(seg2y1, seg2y2) > Math.max(seg1y1, seg1y2)) {\n+                        // seg2 above seg1\n+                        continue;\n+                    }\n+                    if (Math.max(seg2y1, seg2y2) < Math.min(seg1y1, seg1y2)) {\n+                        // seg2 below seg1\n+                        continue;\n+                    }\n+                    if (OpenLayers.Geometry.segmentsIntersect(seg1, seg2)) {\n+                        intersect = true;\n+                        break outer;\n+                    }\n+                }\n+            }\n+        } else {\n+            intersect = geometry.intersects(this);\n         }\n-        return this.handle(evt) ? !this.stopDown : true;\n+        return intersect;\n     },\n \n     /**\n-     * Method: mouseup\n-     * Handle mouse up.  Stop propagation if a feature is targeted by this\n-     *     event.\n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * Method: getSortedSegments\n+     *\n+     * Returns:\n+     * {Array} An array of segment objects.  Segment objects have properties\n+     *     x1, y1, x2, and y2.  The start point is represented by x1 and y1.\n+     *     The end point is represented by x2 and y2.  Start and end are\n+     *     ordered so that x1 < x2.\n      */\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true;\n+    getSortedSegments: function() {\n+        var numSeg = this.components.length - 1;\n+        var segments = new Array(numSeg),\n+            point1, point2;\n+        for (var i = 0; i < numSeg; ++i) {\n+            point1 = this.components[i];\n+            point2 = this.components[i + 1];\n+            if (point1.x < point2.x) {\n+                segments[i] = {\n+                    x1: point1.x,\n+                    y1: point1.y,\n+                    x2: point2.x,\n+                    y2: point2.y\n+                };\n+            } else {\n+                segments[i] = {\n+                    x1: point2.x,\n+                    y1: point2.y,\n+                    x2: point1.x,\n+                    y2: point1.y\n+                };\n+            }\n+        }\n+        // more efficient to define this somewhere static\n+        function byX1(seg1, seg2) {\n+            return seg1.x1 - seg2.x1;\n+        }\n+        return segments.sort(byX1);\n     },\n \n     /**\n-     * Method: click\n-     * Handle click.  Call the \"click\" callback if click on a feature,\n-     *     or the \"clickout\" callback if click outside any feature.\n-     * \n+     * Method: splitWithSegment\n+     * Split this geometry with the given segment.\n+     *\n      * Parameters:\n-     * evt - {Event} \n+     * seg - {Object} An object with x1, y1, x2, and y2 properties referencing\n+     *     segment endpoint coordinates.\n+     * options - {Object} Properties of this object will be used to determine\n+     *     how the split is conducted.\n+     *\n+     * Valid options:\n+     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+     *     true.  If false, a vertex on the source segment must be within the\n+     *     tolerance distance of the intersection to be considered a split.\n+     * tolerance - {Number} If a non-null value is provided, intersections\n+     *     within the tolerance distance of one of the source segment's\n+     *     endpoints will be assumed to occur at the endpoint.\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Object} An object with *lines* and *points* properties.  If the given\n+     *     segment intersects this linestring, the lines array will reference\n+     *     geometries that result from the split.  The points array will contain\n+     *     all intersection points.  Intersection points are sorted along the\n+     *     segment (in order from x1,y1 to x2,y2).\n      */\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true;\n+    splitWithSegment: function(seg, options) {\n+        var edge = !(options && options.edge === false);\n+        var tolerance = options && options.tolerance;\n+        var lines = [];\n+        var verts = this.getVertices();\n+        var points = [];\n+        var intersections = [];\n+        var split = false;\n+        var vert1, vert2, point;\n+        var node, vertex, target;\n+        var interOptions = {\n+            point: true,\n+            tolerance: tolerance\n+        };\n+        var result = null;\n+        for (var i = 0, stop = verts.length - 2; i <= stop; ++i) {\n+            vert1 = verts[i];\n+            points.push(vert1.clone());\n+            vert2 = verts[i + 1];\n+            target = {\n+                x1: vert1.x,\n+                y1: vert1.y,\n+                x2: vert2.x,\n+                y2: vert2.y\n+            };\n+            point = OpenLayers.Geometry.segmentsIntersect(\n+                seg, target, interOptions\n+            );\n+            if (point instanceof OpenLayers.Geometry.Point) {\n+                if ((point.x === seg.x1 && point.y === seg.y1) ||\n+                    (point.x === seg.x2 && point.y === seg.y2) ||\n+                    point.equals(vert1) || point.equals(vert2)) {\n+                    vertex = true;\n+                } else {\n+                    vertex = false;\n+                }\n+                if (vertex || edge) {\n+                    // push intersections different than the previous\n+                    if (!point.equals(intersections[intersections.length - 1])) {\n+                        intersections.push(point.clone());\n+                    }\n+                    if (i === 0) {\n+                        if (point.equals(vert1)) {\n+                            continue;\n+                        }\n+                    }\n+                    if (point.equals(vert2)) {\n+                        continue;\n+                    }\n+                    split = true;\n+                    if (!point.equals(vert1)) {\n+                        points.push(point);\n+                    }\n+                    lines.push(new OpenLayers.Geometry.LineString(points));\n+                    points = [point.clone()];\n+                }\n+            }\n+        }\n+        if (split) {\n+            points.push(vert2.clone());\n+            lines.push(new OpenLayers.Geometry.LineString(points));\n+        }\n+        if (intersections.length > 0) {\n+            // sort intersections along segment\n+            var xDir = seg.x1 < seg.x2 ? 1 : -1;\n+            var yDir = seg.y1 < seg.y2 ? 1 : -1;\n+            result = {\n+                lines: lines,\n+                points: intersections.sort(function(p1, p2) {\n+                    return (xDir * p1.x - xDir * p2.x) || (yDir * p1.y - yDir * p2.y);\n+                })\n+            };\n+        }\n+        return result;\n     },\n \n     /**\n-     * Method: mousemove\n-     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n-     *     or the \"out\" callback if moving out of a feature.\n+     * Method: split\n+     * Use this geometry (the source) to attempt to split a target geometry.\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * target - {<OpenLayers.Geometry>} The target geometry.\n+     * options - {Object} Properties of this object will be used to determine\n+     *     how the split is conducted.\n      *\n+     * Valid options:\n+     * mutual - {Boolean} Split the source geometry in addition to the target\n+     *     geometry.  Default is false.\n+     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+     *     true.  If false, a vertex on the source must be within the tolerance\n+     *     distance of the intersection to be considered a split.\n+     * tolerance - {Number} If a non-null value is provided, intersections\n+     *     within the tolerance distance of an existing vertex on the source\n+     *     will be assumed to occur at the vertex.\n+     * \n      * Returns:\n-     * {Boolean}\n+     * {Array} A list of geometries (of this same type as the target) that\n+     *     result from splitting the target with the source geometry.  The\n+     *     source and target geometry will remain unmodified.  If no split\n+     *     results, null will be returned.  If mutual is true and a split\n+     *     results, return will be an array of two arrays - the first will be\n+     *     all geometries that result from splitting the source geometry and\n+     *     the second will be all geometries that result from splitting the\n+     *     target geometry.\n      */\n-    mousemove: function(evt) {\n-        if (!this.callbacks['over'] && !this.callbacks['out']) {\n-            return true;\n+    split: function(target, options) {\n+        var results = null;\n+        var mutual = options && options.mutual;\n+        var sourceSplit, targetSplit, sourceParts, targetParts;\n+        if (target instanceof OpenLayers.Geometry.LineString) {\n+            var verts = this.getVertices();\n+            var vert1, vert2, seg, splits, lines, point;\n+            var points = [];\n+            sourceParts = [];\n+            for (var i = 0, stop = verts.length - 2; i <= stop; ++i) {\n+                vert1 = verts[i];\n+                vert2 = verts[i + 1];\n+                seg = {\n+                    x1: vert1.x,\n+                    y1: vert1.y,\n+                    x2: vert2.x,\n+                    y2: vert2.y\n+                };\n+                targetParts = targetParts || [target];\n+                if (mutual) {\n+                    points.push(vert1.clone());\n+                }\n+                for (var j = 0; j < targetParts.length; ++j) {\n+                    splits = targetParts[j].splitWithSegment(seg, options);\n+                    if (splits) {\n+                        // splice in new features\n+                        lines = splits.lines;\n+                        if (lines.length > 0) {\n+                            lines.unshift(j, 1);\n+                            Array.prototype.splice.apply(targetParts, lines);\n+                            j += lines.length - 2;\n+                        }\n+                        if (mutual) {\n+                            for (var k = 0, len = splits.points.length; k < len; ++k) {\n+                                point = splits.points[k];\n+                                if (!point.equals(vert1)) {\n+                                    points.push(point);\n+                                    sourceParts.push(new OpenLayers.Geometry.LineString(points));\n+                                    if (point.equals(vert2)) {\n+                                        points = [];\n+                                    } else {\n+                                        points = [point.clone()];\n+                                    }\n+                                }\n+                            }\n+                        }\n+                    }\n+                }\n+            }\n+            if (mutual && sourceParts.length > 0 && points.length > 0) {\n+                points.push(vert2.clone());\n+                sourceParts.push(new OpenLayers.Geometry.LineString(points));\n+            }\n+        } else {\n+            results = target.splitWith(this, options);\n         }\n-        this.handle(evt);\n-        return true;\n+        if (targetParts && targetParts.length > 1) {\n+            targetSplit = true;\n+        } else {\n+            targetParts = [];\n+        }\n+        if (sourceParts && sourceParts.length > 1) {\n+            sourceSplit = true;\n+        } else {\n+            sourceParts = [];\n+        }\n+        if (targetSplit || sourceSplit) {\n+            if (mutual) {\n+                results = [sourceParts, targetParts];\n+            } else {\n+                results = targetParts;\n+            }\n+        }\n+        return results;\n     },\n \n     /**\n-     * Method: dblclick\n-     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n+     * Method: splitWith\n+     * Split this geometry (the target) with the given geometry (the source).\n      *\n      * Parameters:\n-     * evt - {Event} \n+     * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n+     *     geometry (the source).\n+     * options - {Object} Properties of this object will be used to determine\n+     *     how the split is conducted.\n      *\n+     * Valid options:\n+     * mutual - {Boolean} Split the source geometry in addition to the target\n+     *     geometry.  Default is false.\n+     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+     *     true.  If false, a vertex on the source must be within the tolerance\n+     *     distance of the intersection to be considered a split.\n+     * tolerance - {Number} If a non-null value is provided, intersections\n+     *     within the tolerance distance of an existing vertex on the source\n+     *     will be assumed to occur at the vertex.\n+     * \n      * Returns:\n-     * {Boolean}\n+     * {Array} A list of geometries (of this same type as the target) that\n+     *     result from splitting the target with the source geometry.  The\n+     *     source and target geometry will remain unmodified.  If no split\n+     *     results, null will be returned.  If mutual is true and a split\n+     *     results, return will be an array of two arrays - the first will be\n+     *     all geometries that result from splitting the source geometry and\n+     *     the second will be all geometries that result from splitting the\n+     *     target geometry.\n      */\n-    dblclick: function(evt) {\n-        return !this.handle(evt);\n+    splitWith: function(geometry, options) {\n+        return geometry.split(this, options);\n+\n     },\n \n     /**\n-     * Method: geometryTypeMatches\n-     * Return true if the geometry type of the passed feature matches\n-     *     one of the geometry types in the geometryTypes array.\n+     * APIMethod: getVertices\n+     * Return a list of all points in this geometry.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>}\n+     * nodes - {Boolean} For lines, only return vertices that are\n+     *     endpoints.  If false, for lines, only vertices that are not\n+     *     endpoints will be returned.  If not provided, all vertices will\n+     *     be returned.\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Array} A list of all vertices in the geometry.\n      */\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null ||\n-            OpenLayers.Util.indexOf(this.geometryTypes,\n-                feature.geometry.CLASS_NAME) > -1;\n+    getVertices: function(nodes) {\n+        var vertices;\n+        if (nodes === true) {\n+            vertices = [\n+                this.components[0],\n+                this.components[this.components.length - 1]\n+            ];\n+        } else if (nodes === false) {\n+            vertices = this.components.slice(1, this.components.length - 1);\n+        } else {\n+            vertices = this.components.slice();\n+        }\n+        return vertices;\n     },\n \n     /**\n-     * Method: handle\n+     * APIMethod: distanceTo\n+     * Calculate the closest distance between two geometries (on the x-y plane).\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * geometry - {<OpenLayers.Geometry>} The target geometry.\n+     * options - {Object} Optional properties for configuring the distance\n+     *     calculation.\n+     *\n+     * Valid options:\n+     * details - {Boolean} Return details from the distance calculation.\n+     *     Default is false.\n+     * edge - {Boolean} Calculate the distance from this geometry to the\n+     *     nearest edge of the target geometry.  Default is true.  If true,\n+     *     calling distanceTo from a geometry that is wholly contained within\n+     *     the target will result in a non-zero distance.  If false, whenever\n+     *     geometries intersect, calling distanceTo will return 0.  If false,\n+     *     details cannot be returned.\n      *\n      * Returns:\n-     * {Boolean} The event occurred over a relevant feature.\n+     * {Number | Object} The distance between this geometry and the target.\n+     *     If details is true, the return will be an object with distance,\n+     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n+     *     the coordinates of the closest point on this geometry. The x1 and y1\n+     *     properties represent the coordinates of the closest point on the\n+     *     target geometry.\n      */\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!(this.feature); // previously in a feature\n-        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            // last feature has been destroyed\n-            this.lastFeature = null;\n-        }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                // stop the event to prevent Android Webkit from\n-                // \"flashing\" the map div\n-                OpenLayers.Event.preventDefault(evt);\n-            }\n-            var inNew = (this.feature != this.lastFeature);\n-            if (this.geometryTypeMatches(this.feature)) {\n-                // in to a feature\n-                if (previouslyIn && inNew) {\n-                    // out of last feature and in to another\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, 'out', [this.lastFeature]);\n+    distanceTo: function(geometry, options) {\n+        var edge = !(options && options.edge === false);\n+        var details = edge && options && options.details;\n+        var result, best = {};\n+        var min = Number.POSITIVE_INFINITY;\n+        if (geometry instanceof OpenLayers.Geometry.Point) {\n+            var segs = this.getSortedSegments();\n+            var x = geometry.x;\n+            var y = geometry.y;\n+            var seg;\n+            for (var i = 0, len = segs.length; i < len; ++i) {\n+                seg = segs[i];\n+                result = OpenLayers.Geometry.distanceToSegment(geometry, seg);\n+                if (result.distance < min) {\n+                    min = result.distance;\n+                    best = result;\n+                    if (min === 0) {\n+                        break;\n+                    }\n+                } else {\n+                    // if distance increases and we cross y0 to the right of x0, no need to keep looking.\n+                    if (seg.x2 > x && ((y > seg.y1 && y < seg.y2) || (y < seg.y1 && y > seg.y2))) {\n+                        break;\n                     }\n-                    this.triggerCallback(type, 'in', [this.feature]);\n-                } else if (!previouslyIn || click) {\n-                    // in feature for the first time\n-                    this.triggerCallback(type, 'in', [this.feature]);\n                 }\n-                this.lastFeature = this.feature;\n-                handled = true;\n+            }\n+            if (details) {\n+                best = {\n+                    distance: best.distance,\n+                    x0: best.x,\n+                    y0: best.y,\n+                    x1: x,\n+                    y1: y\n+                };\n             } else {\n-                // not in to a feature\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    // out of last feature for the first time\n-                    this.triggerCallback(type, 'out', [this.lastFeature]);\n+                best = best.distance;\n+            }\n+        } else if (geometry instanceof OpenLayers.Geometry.LineString) {\n+            var segs0 = this.getSortedSegments();\n+            var segs1 = geometry.getSortedSegments();\n+            var seg0, seg1, intersection, x0, y0;\n+            var len1 = segs1.length;\n+            var interOptions = {\n+                point: true\n+            };\n+            outer: for (var i = 0, len = segs0.length; i < len; ++i) {\n+                seg0 = segs0[i];\n+                x0 = seg0.x1;\n+                y0 = seg0.y1;\n+                for (var j = 0; j < len1; ++j) {\n+                    seg1 = segs1[j];\n+                    intersection = OpenLayers.Geometry.segmentsIntersect(seg0, seg1, interOptions);\n+                    if (intersection) {\n+                        min = 0;\n+                        best = {\n+                            distance: 0,\n+                            x0: intersection.x,\n+                            y0: intersection.y,\n+                            x1: intersection.x,\n+                            y1: intersection.y\n+                        };\n+                        break outer;\n+                    } else {\n+                        result = OpenLayers.Geometry.distanceToSegment({\n+                            x: x0,\n+                            y: y0\n+                        }, seg1);\n+                        if (result.distance < min) {\n+                            min = result.distance;\n+                            best = {\n+                                distance: min,\n+                                x0: x0,\n+                                y0: y0,\n+                                x1: result.x,\n+                                y1: result.y\n+                            };\n+                        }\n+                    }\n                 }\n-                // next time the mouse goes in a feature whose geometry type\n-                // doesn't match we don't want to call the 'out' callback\n-                // again, so let's set this.feature to null so that\n-                // previouslyIn will evaluate to false the next time\n-                // we enter handle. Yes, a bit hackish...\n-                this.feature = null;\n             }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, 'out', [this.lastFeature]);\n-        }\n-        return handled;\n-    },\n-\n-    /**\n-     * Method: triggerCallback\n-     * Call the callback keyed in the event map with the supplied arguments.\n-     *     For click and clickout, the <clickTolerance> is checked first.\n-     *\n-     * Parameters:\n-     * type - {String}\n-     */\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == 'click' && this.up && this.down) {\n-                // for click/clickout, only trigger callback if tolerance is met\n-                var dpx = Math.sqrt(\n-                    Math.pow(this.up.x - this.down.x, 2) +\n-                    Math.pow(this.up.y - this.down.y, 2)\n-                );\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args);\n+            if (!details) {\n+                best = best.distance;\n+            }\n+            if (min !== 0) {\n+                // check the final vertex in this line's sorted segments\n+                if (seg0) {\n+                    result = geometry.distanceTo(\n+                        new OpenLayers.Geometry.Point(seg0.x2, seg0.y2),\n+                        options\n+                    );\n+                    var dist = details ? result.distance : result;\n+                    if (dist < min) {\n+                        if (details) {\n+                            best = {\n+                                distance: min,\n+                                x0: result.x1,\n+                                y0: result.y1,\n+                                x1: result.x0,\n+                                y1: result.y0\n+                            };\n+                        } else {\n+                            best = dist;\n+                        }\n+                    }\n                 }\n-                // we're done with this set of events now: clear the cached\n-                // positions so we can't trip over them later (this can occur\n-                // if one of the up/down events gets eaten before it gets to us\n-                // but we still get the click)\n-                this.up = this.down = null;\n-            } else {\n-                this.callback(key, args);\n+            }\n+        } else {\n+            best = geometry.distanceTo(this, options);\n+            // swap since target comes from this line\n+            if (details) {\n+                best = {\n+                    distance: best.distance,\n+                    x0: best.x1,\n+                    y0: best.y1,\n+                    x1: best.x0,\n+                    y1: best.y0\n+                };\n             }\n         }\n+        return best;\n     },\n \n     /**\n-     * Method: activate \n-     * Turn on the handler.  Returns false if the handler was already active.\n+     * APIMethod: simplify\n+     * This function will return a simplified LineString.\n+     * Simplification is based on the Douglas-Peucker algorithm.\n+     *\n+     *\n+     * Parameters:\n+     * tolerance - {number} threshhold for simplification in map units\n      *\n      * Returns:\n-     * {Boolean}\n+     * {OpenLayers.Geometry.LineString} the simplified LineString\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-            activated = true;\n-        }\n-        return activated;\n-    },\n+    simplify: function(tolerance) {\n+        if (this && this !== null) {\n+            var points = this.getVertices();\n+            if (points.length < 3) {\n+                return this;\n+            }\n \n-    /**\n-     * Method: deactivate \n-     * Turn off the handler.  Returns false if the handler was already active.\n-     *\n-     * Returns: \n-     * {Boolean}\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n+            var compareNumbers = function(a, b) {\n+                return (a - b);\n+            };\n \n-    /**\n-     * Method: handleMapEvents\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop();\n-        }\n-    },\n+            /**\n+             * Private function doing the Douglas-Peucker reduction\n+             */\n+            var douglasPeuckerReduction = function(points, firstPoint, lastPoint, tolerance) {\n+                var maxDistance = 0;\n+                var indexFarthest = 0;\n \n-    /**\n-     * Method: moveLayerToTop\n-     * Moves the layer for this handler to the top, so mouse events can reach\n-     * it.\n-     */\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n-            this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index);\n+                for (var index = firstPoint, distance; index < lastPoint; index++) {\n+                    distance = perpendicularDistance(points[firstPoint], points[lastPoint], points[index]);\n+                    if (distance > maxDistance) {\n+                        maxDistance = distance;\n+                        indexFarthest = index;\n+                    }\n+                }\n \n-    },\n+                if (maxDistance > tolerance && indexFarthest != firstPoint) {\n+                    //Add the largest point that exceeds the tolerance\n+                    pointIndexsToKeep.push(indexFarthest);\n+                    douglasPeuckerReduction(points, firstPoint, indexFarthest, tolerance);\n+                    douglasPeuckerReduction(points, indexFarthest, lastPoint, tolerance);\n+                }\n+            };\n+\n+            /**\n+             * Private function calculating the perpendicular distance\n+             * TODO: check whether OpenLayers.Geometry.LineString::distanceTo() is faster or slower\n+             */\n+            var perpendicularDistance = function(point1, point2, point) {\n+                //Area = |(1/2)(x1y2 + x2y3 + x3y1 - x2y1 - x3y2 - x1y3)|   *Area of triangle\n+                //Base = v((x1-x2)\u00b2+(x1-x2)\u00b2)                               *Base of Triangle*\n+                //Area = .5*Base*H                                          *Solve for height\n+                //Height = Area/.5/Base\n+\n+                var area = Math.abs(0.5 * (point1.x * point2.y + point2.x * point.y + point.x * point1.y - point2.x * point1.y - point.x * point2.y - point1.x * point.y));\n+                var bottom = Math.sqrt(Math.pow(point1.x - point2.x, 2) + Math.pow(point1.y - point2.y, 2));\n+                var height = area / bottom * 2;\n+\n+                return height;\n+            };\n+\n+            var firstPoint = 0;\n+            var lastPoint = points.length - 1;\n+            var pointIndexsToKeep = [];\n+\n+            //Add the first and last index to the keepers\n+            pointIndexsToKeep.push(firstPoint);\n+            pointIndexsToKeep.push(lastPoint);\n+\n+            //The first and the last point cannot be the same\n+            while (points[firstPoint].equals(points[lastPoint])) {\n+                lastPoint--;\n+                //Addition: the first point not equal to first point in the LineString is kept as well\n+                pointIndexsToKeep.push(lastPoint);\n+            }\n+\n+            douglasPeuckerReduction(points, firstPoint, lastPoint, tolerance);\n+            var returnPoints = [];\n+            pointIndexsToKeep.sort(compareNumbers);\n+            for (var index = 0; index < pointIndexsToKeep.length; index++) {\n+                returnPoints.push(points[pointIndexsToKeep[index]]);\n+            }\n+            return new OpenLayers.Geometry.LineString(returnPoints);\n \n-    /**\n-     * Method: moveLayerBack\n-     * Moves the layer back to the position determined by the map's layers\n-     * array.\n-     */\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n-            this.layer.setZIndex(index);\n         } else {\n-            this.map.setLayerZIndex(this.layer,\n-                this.map.getLayerIndex(this.layer));\n+            return this;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+    CLASS_NAME: \"OpenLayers.Geometry.LineString\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Vector/RootContainer.js\n+    OpenLayers/Geometry/MultiLineString.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/LineString.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Vector.RootContainer\n- * A special layer type to combine multiple vector layers inside a single\n- *     renderer root container. This class is not supposed to be instantiated\n- *     from user space, it is a helper class for controls that require event\n- *     processing for multiple vector layers.\n- *\n+ * Class: OpenLayers.Geometry.MultiLineString\n+ * A MultiLineString is a geometry with multiple <OpenLayers.Geometry.LineString>\n+ * components.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n+ *  - <OpenLayers.Geometry.Collection>\n+ *  - <OpenLayers.Geometry> \n  */\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-\n-    /**\n-     * Property: displayInLayerSwitcher\n-     * Set to false for this layer type\n-     */\n-    displayInLayerSwitcher: false,\n+OpenLayers.Geometry.MultiLineString = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n \n-    /**\n-     * APIProperty: layers\n-     * Layers that are attached to this container. Required config option.\n-     */\n-    layers: null,\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.LineString\"],\n \n-    /**\n-     * Constructor: OpenLayers.Layer.Vector.RootContainer\n-     * Create a new root container for multiple vector layer. This constructor\n-     * is not supposed to be used from user space, it is only to be used by\n-     * controls that need feature selection across multiple vector layers.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n-     * \n-     * Required options properties:\n-     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n-     *     container\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n-     *     container\n-     */\n+        /**\n+         * Constructor: OpenLayers.Geometry.MultiLineString\n+         * Constructor for a MultiLineString Geometry.\n+         *\n+         * Parameters: \n+         * components - {Array(<OpenLayers.Geometry.LineString>)} \n+         *\n+         */\n \n-    /**\n-     * Method: display\n-     */\n-    display: function() {},\n+        /**\n+         * Method: split\n+         * Use this geometry (the source) to attempt to split a target geometry.\n+         * \n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} The target geometry.\n+         * options - {Object} Properties of this object will be used to determine\n+         *     how the split is conducted.\n+         *\n+         * Valid options:\n+         * mutual - {Boolean} Split the source geometry in addition to the target\n+         *     geometry.  Default is false.\n+         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+         *     true.  If false, a vertex on the source must be within the tolerance\n+         *     distance of the intersection to be considered a split.\n+         * tolerance - {Number} If a non-null value is provided, intersections\n+         *     within the tolerance distance of an existing vertex on the source\n+         *     will be assumed to occur at the vertex.\n+         * \n+         * Returns:\n+         * {Array} A list of geometries (of this same type as the target) that\n+         *     result from splitting the target with the source geometry.  The\n+         *     source and target geometry will remain unmodified.  If no split\n+         *     results, null will be returned.  If mutual is true and a split\n+         *     results, return will be an array of two arrays - the first will be\n+         *     all geometries that result from splitting the source geometry and\n+         *     the second will be all geometries that result from splitting the\n+         *     target geometry.\n+         */\n+        split: function(geometry, options) {\n+            var results = null;\n+            var mutual = options && options.mutual;\n+            var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n+            var sourceParts = [];\n+            var targetParts = [geometry];\n+            for (var i = 0, len = this.components.length; i < len; ++i) {\n+                sourceLine = this.components[i];\n+                sourceSplit = false;\n+                for (var j = 0; j < targetParts.length; ++j) {\n+                    splits = sourceLine.split(targetParts[j], options);\n+                    if (splits) {\n+                        if (mutual) {\n+                            sourceLines = splits[0];\n+                            for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n+                                if (k === 0 && sourceParts.length) {\n+                                    sourceParts[sourceParts.length - 1].addComponent(\n+                                        sourceLines[k]\n+                                    );\n+                                } else {\n+                                    sourceParts.push(\n+                                        new OpenLayers.Geometry.MultiLineString([\n+                                            sourceLines[k]\n+                                        ])\n+                                    );\n+                                }\n+                            }\n+                            sourceSplit = true;\n+                            splits = splits[1];\n+                        }\n+                        if (splits.length) {\n+                            // splice in new target parts\n+                            splits.unshift(j, 1);\n+                            Array.prototype.splice.apply(targetParts, splits);\n+                            break;\n+                        }\n+                    }\n+                }\n+                if (!sourceSplit) {\n+                    // source line was not hit\n+                    if (sourceParts.length) {\n+                        // add line to existing multi\n+                        sourceParts[sourceParts.length - 1].addComponent(\n+                            sourceLine.clone()\n+                        );\n+                    } else {\n+                        // create a fresh multi\n+                        sourceParts = [\n+                            new OpenLayers.Geometry.MultiLineString(\n+                                sourceLine.clone()\n+                            )\n+                        ];\n+                    }\n+                }\n+            }\n+            if (sourceParts && sourceParts.length > 1) {\n+                sourceSplit = true;\n+            } else {\n+                sourceParts = [];\n+            }\n+            if (targetParts && targetParts.length > 1) {\n+                targetSplit = true;\n+            } else {\n+                targetParts = [];\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (mutual) {\n+                    results = [sourceParts, targetParts];\n+                } else {\n+                    results = targetParts;\n+                }\n+            }\n+            return results;\n+        },\n \n-    /**\n-     * Method: getFeatureFromEvent\n-     * walk through the layers to find the feature returned by the event\n-     * \n-     * Parameters:\n-     * evt - {Object} event object with a feature property\n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n-     */\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature;\n+        /**\n+         * Method: splitWith\n+         * Split this geometry (the target) with the given geometry (the source).\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n+         *     geometry (the source).\n+         * options - {Object} Properties of this object will be used to determine\n+         *     how the split is conducted.\n+         *\n+         * Valid options:\n+         * mutual - {Boolean} Split the source geometry in addition to the target\n+         *     geometry.  Default is false.\n+         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+         *     true.  If false, a vertex on the source must be within the tolerance\n+         *     distance of the intersection to be considered a split.\n+         * tolerance - {Number} If a non-null value is provided, intersections\n+         *     within the tolerance distance of an existing vertex on the source\n+         *     will be assumed to occur at the vertex.\n+         * \n+         * Returns:\n+         * {Array} A list of geometries (of this same type as the target) that\n+         *     result from splitting the target with the source geometry.  The\n+         *     source and target geometry will remain unmodified.  If no split\n+         *     results, null will be returned.  If mutual is true and a split\n+         *     results, return will be an array of two arrays - the first will be\n+         *     all geometries that result from splitting the source geometry and\n+         *     the second will be all geometries that result from splitting the\n+         *     target geometry.\n+         */\n+        splitWith: function(geometry, options) {\n+            var results = null;\n+            var mutual = options && options.mutual;\n+            var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n+            if (geometry instanceof OpenLayers.Geometry.LineString) {\n+                targetParts = [];\n+                sourceParts = [geometry];\n+                for (var i = 0, len = this.components.length; i < len; ++i) {\n+                    targetSplit = false;\n+                    targetLine = this.components[i];\n+                    for (var j = 0; j < sourceParts.length; ++j) {\n+                        splits = sourceParts[j].split(targetLine, options);\n+                        if (splits) {\n+                            if (mutual) {\n+                                sourceLines = splits[0];\n+                                if (sourceLines.length) {\n+                                    // splice in new source parts\n+                                    sourceLines.unshift(j, 1);\n+                                    Array.prototype.splice.apply(sourceParts, sourceLines);\n+                                    j += sourceLines.length - 2;\n+                                }\n+                                splits = splits[1];\n+                                if (splits.length === 0) {\n+                                    splits = [targetLine.clone()];\n+                                }\n+                            }\n+                            for (var k = 0, klen = splits.length; k < klen; ++k) {\n+                                if (k === 0 && targetParts.length) {\n+                                    targetParts[targetParts.length - 1].addComponent(\n+                                        splits[k]\n+                                    );\n+                                } else {\n+                                    targetParts.push(\n+                                        new OpenLayers.Geometry.MultiLineString([\n+                                            splits[k]\n+                                        ])\n+                                    );\n+                                }\n+                            }\n+                            targetSplit = true;\n+                        }\n+                    }\n+                    if (!targetSplit) {\n+                        // target component was not hit\n+                        if (targetParts.length) {\n+                            // add it to any existing multi-line\n+                            targetParts[targetParts.length - 1].addComponent(\n+                                targetLine.clone()\n+                            );\n+                        } else {\n+                            // or start with a fresh multi-line\n+                            targetParts = [\n+                                new OpenLayers.Geometry.MultiLineString([\n+                                    targetLine.clone()\n+                                ])\n+                            ];\n+                        }\n+\n+                    }\n+                }\n+            } else {\n+                results = geometry.split(this);\n             }\n-        }\n-    },\n+            if (sourceParts && sourceParts.length > 1) {\n+                sourceSplit = true;\n+            } else {\n+                sourceParts = [];\n+            }\n+            if (targetParts && targetParts.length > 1) {\n+                targetSplit = true;\n+            } else {\n+                targetParts = [];\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (mutual) {\n+                    results = [sourceParts, targetParts];\n+                } else {\n+                    results = targetParts;\n+                }\n+            }\n+            return results;\n+        },\n \n-    /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n-    },\n+        CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Geometry/LinearRing.js\n+   ====================================================================== */\n \n-    /**\n-     * Method: removeMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Method: collectRoots\n-     * Collects the root nodes of all layers this control is configured with\n-     * and moveswien the nodes to this control's layer\n-     */\n-    collectRoots: function() {\n-        var layer;\n-        // walk through all map layers, because we want to keep the order\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer);\n+/**\n+ * @requires OpenLayers/Geometry/LineString.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Geometry.LinearRing\n+ * \n+ * A Linear Ring is a special LineString which is closed. It closes itself \n+ * automatically on every addPoint/removePoint by adding a copy of the first\n+ * point as the last point. \n+ * \n+ * Also, as it is the first in the line family to close itself, a getArea()\n+ * function is defined to calculate the enclosed area of the linearRing\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Geometry.LineString>\n+ */\n+OpenLayers.Geometry.LinearRing = OpenLayers.Class(\n+    OpenLayers.Geometry.LineString, {\n+\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of \n+         *                 components that the collection can include.  A null \n+         *                 value means the component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.Point\"],\n+\n+        /**\n+         * Constructor: OpenLayers.Geometry.LinearRing\n+         * Linear rings are constructed with an array of points.  This array\n+         *     can represent a closed or open ring.  If the ring is open (the last\n+         *     point does not equal the first point), the constructor will close\n+         *     the ring.  If the ring is already closed (the last point does equal\n+         *     the first point), it will be left closed.\n+         * \n+         * Parameters:\n+         * points - {Array(<OpenLayers.Geometry.Point>)} points\n+         */\n+\n+        /**\n+         * APIMethod: addComponent\n+         * Adds a point to geometry components.  If the point is to be added to\n+         *     the end of the components array and it is the same as the last point\n+         *     already in that array, the duplicate point is not added.  This has \n+         *     the effect of closing the ring if it is not already closed, and \n+         *     doing the right thing if it is already closed.  This behavior can \n+         *     be overridden by calling the method with a non-null index as the \n+         *     second argument.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         * index - {Integer} Index into the array to insert the component\n+         * \n+         * Returns:\n+         * {Boolean} Was the Point successfully added?\n+         */\n+        addComponent: function(point, index) {\n+            var added = false;\n+\n+            //remove last point\n+            var lastPoint = this.components.pop();\n+\n+            // given an index, add the point\n+            // without an index only add non-duplicate points\n+            if (index != null || !point.equals(lastPoint)) {\n+                added = OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n+                    arguments);\n             }\n-        }\n-    },\n \n-    /**\n-     * Method: resetRoots\n-     * Resets the root nodes back into the layers they belong to.\n-     */\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer);\n+            //append copy of first point\n+            var firstPoint = this.components[0];\n+            OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n+                [firstPoint]);\n+\n+            return added;\n+        },\n+\n+        /**\n+         * APIMethod: removeComponent\n+         * Removes a point from geometry components.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         *\n+         * Returns: \n+         * {Boolean} The component was removed.\n+         */\n+        removeComponent: function(point) {\n+            var removed = this.components && (this.components.length > 3);\n+            if (removed) {\n+                //remove last point\n+                this.components.pop();\n+\n+                //remove our point\n+                OpenLayers.Geometry.Collection.prototype.removeComponent.apply(this,\n+                    arguments);\n+                //append copy of first point\n+                var firstPoint = this.components[0];\n+                OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n+                    [firstPoint]);\n             }\n-        }\n-    },\n+            return removed;\n+        },\n \n-    /**\n-     * Method: handleChangeLayer\n-     * Event handler for the map's changelayer event. We need to rebuild\n-     * this container's layer dom if order of one of its layers changes.\n-     * This handler is added with the setMap method, and removed with the\n-     * removeMap method.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    handleChangeLayer: function(evt) {\n-        var layer = evt.layer;\n-        if (evt.property == \"order\" &&\n-            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-            this.resetRoots();\n-            this.collectRoots();\n-        }\n-    },\n+        /**\n+         * APIMethod: move\n+         * Moves a geometry by the given displacement along positive x and y axes.\n+         *     This modifies the position of the geometry and clears the cached\n+         *     bounds.\n+         *\n+         * Parameters:\n+         * x - {Float} Distance to move geometry in positive x direction. \n+         * y - {Float} Distance to move geometry in positive y direction.\n+         */\n+        move: function(x, y) {\n+            for (var i = 0, len = this.components.length; i < len - 1; i++) {\n+                this.components[i].move(x, y);\n+            }\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n-});\n+        /**\n+         * APIMethod: rotate\n+         * Rotate a geometry around some origin\n+         *\n+         * Parameters:\n+         * angle - {Float} Rotation angle in degrees (measured counterclockwise\n+         *                 from the positive x-axis)\n+         * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n+         */\n+        rotate: function(angle, origin) {\n+            for (var i = 0, len = this.components.length; i < len - 1; ++i) {\n+                this.components[i].rotate(angle, origin);\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: resize\n+         * Resize a geometry relative to some origin.  Use this method to apply\n+         *     a uniform scaling to a geometry.\n+         *\n+         * Parameters:\n+         * scale - {Float} Factor by which to scale the geometry.  A scale of 2\n+         *                 doubles the size of the geometry in each dimension\n+         *                 (lines, for example, will be twice as long, and polygons\n+         *                 will have four times the area).\n+         * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n+         * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n+         * \n+         * Returns:\n+         * {<OpenLayers.Geometry>} - The current geometry. \n+         */\n+        resize: function(scale, origin, ratio) {\n+            for (var i = 0, len = this.components.length; i < len - 1; ++i) {\n+                this.components[i].resize(scale, origin, ratio);\n+            }\n+            return this;\n+        },\n+\n+        /**\n+         * APIMethod: transform\n+         * Reproject the components geometry from source to dest.\n+         *\n+         * Parameters:\n+         * source - {<OpenLayers.Projection>}\n+         * dest - {<OpenLayers.Projection>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Geometry>} \n+         */\n+        transform: function(source, dest) {\n+            if (source && dest) {\n+                for (var i = 0, len = this.components.length; i < len - 1; i++) {\n+                    var component = this.components[i];\n+                    component.transform(source, dest);\n+                }\n+                this.bounds = null;\n+            }\n+            return this;\n+        },\n+\n+        /**\n+         * APIMethod: getCentroid\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Point>} The centroid of the collection\n+         */\n+        getCentroid: function() {\n+            if (this.components) {\n+                var len = this.components.length;\n+                if (len > 0 && len <= 2) {\n+                    return this.components[0].clone();\n+                } else if (len > 2) {\n+                    var sumX = 0.0;\n+                    var sumY = 0.0;\n+                    var x0 = this.components[0].x;\n+                    var y0 = this.components[0].y;\n+                    var area = -1 * this.getArea();\n+                    if (area != 0) {\n+                        for (var i = 0; i < len - 1; i++) {\n+                            var b = this.components[i];\n+                            var c = this.components[i + 1];\n+                            sumX += (b.x + c.x - 2 * x0) * ((b.x - x0) * (c.y - y0) - (c.x - x0) * (b.y - y0));\n+                            sumY += (b.y + c.y - 2 * y0) * ((b.x - x0) * (c.y - y0) - (c.x - x0) * (b.y - y0));\n+                        }\n+                        var x = x0 + sumX / (6 * area);\n+                        var y = y0 + sumY / (6 * area);\n+                    } else {\n+                        for (var i = 0; i < len - 1; i++) {\n+                            sumX += this.components[i].x;\n+                            sumY += this.components[i].y;\n+                        }\n+                        var x = sumX / (len - 1);\n+                        var y = sumY / (len - 1);\n+                    }\n+                    return new OpenLayers.Geometry.Point(x, y);\n+                } else {\n+                    return null;\n+                }\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: getArea\n+         * Note - The area is positive if the ring is oriented CW, otherwise\n+         *         it will be negative.\n+         * \n+         * Returns:\n+         * {Float} The signed area for a ring.\n+         */\n+        getArea: function() {\n+            var area = 0.0;\n+            if (this.components && (this.components.length > 2)) {\n+                var sum = 0.0;\n+                for (var i = 0, len = this.components.length; i < len - 1; i++) {\n+                    var b = this.components[i];\n+                    var c = this.components[i + 1];\n+                    sum += (b.x + c.x) * (c.y - b.y);\n+                }\n+                area = -sum / 2.0;\n+            }\n+            return area;\n+        },\n+\n+        /**\n+         * APIMethod: getGeodesicArea\n+         * Calculate the approximate area of the polygon were it projected onto\n+         *     the earth.  Note that this area will be positive if ring is oriented\n+         *     clockwise, otherwise it will be negative.\n+         *\n+         * Parameters:\n+         * projection - {<OpenLayers.Projection>} The spatial reference system\n+         *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n+         *     assumed.\n+         * \n+         * Reference:\n+         * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n+         *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n+         *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n+         *\n+         * Returns:\n+         * {float} The approximate signed geodesic area of the polygon in square\n+         *     meters.\n+         */\n+        getGeodesicArea: function(projection) {\n+            var ring = this; // so we can work with a clone if needed\n+            if (projection) {\n+                var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+                if (!gg.equals(projection)) {\n+                    ring = this.clone().transform(projection, gg);\n+                }\n+            }\n+            var area = 0.0;\n+            var len = ring.components && ring.components.length;\n+            if (len > 2) {\n+                var p1, p2;\n+                for (var i = 0; i < len - 1; i++) {\n+                    p1 = ring.components[i];\n+                    p2 = ring.components[i + 1];\n+                    area += OpenLayers.Util.rad(p2.x - p1.x) *\n+                        (2 + Math.sin(OpenLayers.Util.rad(p1.y)) +\n+                            Math.sin(OpenLayers.Util.rad(p2.y)));\n+                }\n+                area = area * 6378137.0 * 6378137.0 / 2.0;\n+            }\n+            return area;\n+        },\n+\n+        /**\n+         * Method: containsPoint\n+         * Test if a point is inside a linear ring.  For the case where a point\n+         *     is coincident with a linear ring edge, returns 1.  Otherwise,\n+         *     returns boolean.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         *\n+         * Returns:\n+         * {Boolean | Number} The point is inside the linear ring.  Returns 1 if\n+         *     the point is coincident with an edge.  Returns boolean otherwise.\n+         */\n+        containsPoint: function(point) {\n+            var approx = OpenLayers.Number.limitSigDigs;\n+            var digs = 14;\n+            var px = approx(point.x, digs);\n+            var py = approx(point.y, digs);\n+\n+            function getX(y, x1, y1, x2, y2) {\n+                return (y - y2) * ((x2 - x1) / (y2 - y1)) + x2;\n+            }\n+            var numSeg = this.components.length - 1;\n+            var start, end, x1, y1, x2, y2, cx, cy;\n+            var crosses = 0;\n+            for (var i = 0; i < numSeg; ++i) {\n+                start = this.components[i];\n+                x1 = approx(start.x, digs);\n+                y1 = approx(start.y, digs);\n+                end = this.components[i + 1];\n+                x2 = approx(end.x, digs);\n+                y2 = approx(end.y, digs);\n+\n+                /**\n+                 * The following conditions enforce five edge-crossing rules:\n+                 *    1. points coincident with edges are considered contained;\n+                 *    2. an upward edge includes its starting endpoint, and\n+                 *    excludes its final endpoint;\n+                 *    3. a downward edge excludes its starting endpoint, and\n+                 *    includes its final endpoint;\n+                 *    4. horizontal edges are excluded; and\n+                 *    5. the edge-ray intersection point must be strictly right\n+                 *    of the point P.\n+                 */\n+                if (y1 == y2) {\n+                    // horizontal edge\n+                    if (py == y1) {\n+                        // point on horizontal line\n+                        if (x1 <= x2 && (px >= x1 && px <= x2) || // right or vert\n+                            x1 >= x2 && (px <= x1 && px >= x2)) { // left or vert\n+                            // point on edge\n+                            crosses = -1;\n+                            break;\n+                        }\n+                    }\n+                    // ignore other horizontal edges\n+                    continue;\n+                }\n+                cx = approx(getX(py, x1, y1, x2, y2), digs);\n+                if (cx == px) {\n+                    // point on line\n+                    if (y1 < y2 && (py >= y1 && py <= y2) || // upward\n+                        y1 > y2 && (py <= y1 && py >= y2)) { // downward\n+                        // point on edge\n+                        crosses = -1;\n+                        break;\n+                    }\n+                }\n+                if (cx <= px) {\n+                    // no crossing to the right\n+                    continue;\n+                }\n+                if (x1 != x2 && (cx < Math.min(x1, x2) || cx > Math.max(x1, x2))) {\n+                    // no crossing\n+                    continue;\n+                }\n+                if (y1 < y2 && (py >= y1 && py < y2) || // upward\n+                    y1 > y2 && (py < y1 && py >= y2)) { // downward\n+                    ++crosses;\n+                }\n+            }\n+            var contained = (crosses == -1) ?\n+                // on edge\n+                1 :\n+                // even (out) or odd (in)\n+                !!(crosses & 1);\n+\n+            return contained;\n+        },\n+\n+        /**\n+         * APIMethod: intersects\n+         * Determine if the input geometry intersects this one.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n+         *\n+         * Returns:\n+         * {Boolean} The input geometry intersects this one.\n+         */\n+        intersects: function(geometry) {\n+            var intersect = false;\n+            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                intersect = this.containsPoint(geometry);\n+            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n+                intersect = geometry.intersects(this);\n+            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+                intersect = OpenLayers.Geometry.LineString.prototype.intersects.apply(\n+                    this, [geometry]\n+                );\n+            } else {\n+                // check for component intersections\n+                for (var i = 0, len = geometry.components.length; i < len; ++i) {\n+                    intersect = geometry.components[i].intersects(this);\n+                    if (intersect) {\n+                        break;\n+                    }\n+                }\n+            }\n+            return intersect;\n+        },\n+\n+        /**\n+         * APIMethod: getVertices\n+         * Return a list of all points in this geometry.\n+         *\n+         * Parameters:\n+         * nodes - {Boolean} For lines, only return vertices that are\n+         *     endpoints.  If false, for lines, only vertices that are not\n+         *     endpoints will be returned.  If not provided, all vertices will\n+         *     be returned.\n+         *\n+         * Returns:\n+         * {Array} A list of all vertices in the geometry.\n+         */\n+        getVertices: function(nodes) {\n+            return (nodes === true) ? [] : this.components.slice(0, this.components.length - 1);\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Geometry.LinearRing\"\n+    });\n /* ======================================================================\n-    OpenLayers/Control/SelectFeature.js\n+    OpenLayers/Geometry/Polygon.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Handler/Feature.js\n- * @requires OpenLayers/Layer/Vector/RootContainer.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/LinearRing.js\n  */\n \n /**\n- * Class: OpenLayers.Control.SelectFeature\n- * The SelectFeature control selects vector features from a given layer on \n- * click or hover. \n- *\n+ * Class: OpenLayers.Geometry.Polygon \n+ * Polygon is a collection of Geometry.LinearRings. \n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Geometry.Collection> \n+ *  - <OpenLayers.Geometry> \n  */\n-OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Geometry.Polygon = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforefeaturehighlighted - Triggered before a feature is highlighted\n-     * featurehighlighted - Triggered when a feature is highlighted\n-     * featureunhighlighted - Triggered when a feature is unhighlighted\n-     * boxselectionstart - Triggered before box selection starts\n-     * boxselectionend - Triggered after box selection ends\n-     */\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.LinearRing\"],\n \n-    /**\n-     * Property: multipleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <multiple> property to true.  Default is null.\n-     */\n-    multipleKey: null,\n+        /**\n+         * Constructor: OpenLayers.Geometry.Polygon\n+         * Constructor for a Polygon geometry. \n+         * The first ring (this.component[0])is the outer bounds of the polygon and \n+         * all subsequent rings (this.component[1-n]) are internal holes.\n+         *\n+         *\n+         * Parameters:\n+         * components - {Array(<OpenLayers.Geometry.LinearRing>)} \n+         */\n \n-    /**\n-     * Property: toggleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <toggle> property to true.  Default is null.\n-     */\n-    toggleKey: null,\n+        /** \n+         * APIMethod: getArea\n+         * Calculated by subtracting the areas of the internal holes from the \n+         *   area of the outer hole.\n+         * \n+         * Returns:\n+         * {float} The area of the geometry\n+         */\n+        getArea: function() {\n+            var area = 0.0;\n+            if (this.components && (this.components.length > 0)) {\n+                area += Math.abs(this.components[0].getArea());\n+                for (var i = 1, len = this.components.length; i < len; i++) {\n+                    area -= Math.abs(this.components[i].getArea());\n+                }\n+            }\n+            return area;\n+        },\n \n-    /**\n-     * APIProperty: multiple\n-     * {Boolean} Allow selection of multiple geometries.  Default is false.\n-     */\n-    multiple: false,\n+        /** \n+         * APIMethod: getGeodesicArea\n+         * Calculate the approximate area of the polygon were it projected onto\n+         *     the earth.\n+         *\n+         * Parameters:\n+         * projection - {<OpenLayers.Projection>} The spatial reference system\n+         *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n+         *     assumed.\n+         * \n+         * Reference:\n+         * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n+         *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n+         *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n+         *\n+         * Returns:\n+         * {float} The approximate geodesic area of the polygon in square meters.\n+         */\n+        getGeodesicArea: function(projection) {\n+            var area = 0.0;\n+            if (this.components && (this.components.length > 0)) {\n+                area += Math.abs(this.components[0].getGeodesicArea(projection));\n+                for (var i = 1, len = this.components.length; i < len; i++) {\n+                    area -= Math.abs(this.components[i].getGeodesicArea(projection));\n+                }\n+            }\n+            return area;\n+        },\n \n-    /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n-     */\n-    clickout: true,\n+        /**\n+         * Method: containsPoint\n+         * Test if a point is inside a polygon.  Points on a polygon edge are\n+         *     considered inside.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         *\n+         * Returns:\n+         * {Boolean | Number} The point is inside the polygon.  Returns 1 if the\n+         *     point is on an edge.  Returns boolean otherwise.\n+         */\n+        containsPoint: function(point) {\n+            var numRings = this.components.length;\n+            var contained = false;\n+            if (numRings > 0) {\n+                // check exterior ring - 1 means on edge, boolean otherwise\n+                contained = this.components[0].containsPoint(point);\n+                if (contained !== 1) {\n+                    if (contained && numRings > 1) {\n+                        // check interior rings\n+                        var hole;\n+                        for (var i = 1; i < numRings; ++i) {\n+                            hole = this.components[i].containsPoint(point);\n+                            if (hole) {\n+                                if (hole === 1) {\n+                                    // on edge\n+                                    contained = 1;\n+                                } else {\n+                                    // in hole\n+                                    contained = false;\n+                                }\n+                                break;\n+                            }\n+                        }\n+                    }\n+                }\n+            }\n+            return contained;\n+        },\n \n-    /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n-     *     has meaning if hover is false.\n-     */\n-    toggle: false,\n+        /**\n+         * APIMethod: intersects\n+         * Determine if the input geometry intersects this one.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n+         *\n+         * Returns:\n+         * {Boolean} The input geometry intersects this one.\n+         */\n+        intersects: function(geometry) {\n+            var intersect = false;\n+            var i, len;\n+            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                intersect = this.containsPoint(geometry);\n+            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n+                geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+                // check if rings/linestrings intersect\n+                for (i = 0, len = this.components.length; i < len; ++i) {\n+                    intersect = geometry.intersects(this.components[i]);\n+                    if (intersect) {\n+                        break;\n+                    }\n+                }\n+                if (!intersect) {\n+                    // check if this poly contains points of the ring/linestring\n+                    for (i = 0, len = geometry.components.length; i < len; ++i) {\n+                        intersect = this.containsPoint(geometry.components[i]);\n+                        if (intersect) {\n+                            break;\n+                        }\n+                    }\n+                }\n+            } else {\n+                for (i = 0, len = geometry.components.length; i < len; ++i) {\n+                    intersect = this.intersects(geometry.components[i]);\n+                    if (intersect) {\n+                        break;\n+                    }\n+                }\n+            }\n+            // check case where this poly is wholly contained by another\n+            if (!intersect && geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n+                // exterior ring points will be contained in the other geometry\n+                var ring = this.components[0];\n+                for (i = 0, len = ring.components.length; i < len; ++i) {\n+                    intersect = geometry.containsPoint(ring.components[i]);\n+                    if (intersect) {\n+                        break;\n+                    }\n+                }\n+            }\n+            return intersect;\n+        },\n \n-    /**\n-     * APIProperty: hover\n-     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n-     * ignores clicks and only listens to mouse moves.\n-     */\n-    hover: false,\n+        /**\n+         * APIMethod: distanceTo\n+         * Calculate the closest distance between two geometries (on the x-y plane).\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} The target geometry.\n+         * options - {Object} Optional properties for configuring the distance\n+         *     calculation.\n+         *\n+         * Valid options:\n+         * details - {Boolean} Return details from the distance calculation.\n+         *     Default is false.\n+         * edge - {Boolean} Calculate the distance from this geometry to the\n+         *     nearest edge of the target geometry.  Default is true.  If true,\n+         *     calling distanceTo from a geometry that is wholly contained within\n+         *     the target will result in a non-zero distance.  If false, whenever\n+         *     geometries intersect, calling distanceTo will return 0.  If false,\n+         *     details cannot be returned.\n+         *\n+         * Returns:\n+         * {Number | Object} The distance between this geometry and the target.\n+         *     If details is true, the return will be an object with distance,\n+         *     x0, y0, x1, and y1 properties.  The x0 and y0 properties represent\n+         *     the coordinates of the closest point on this geometry. The x1 and y1\n+         *     properties represent the coordinates of the closest point on the\n+         *     target geometry.\n+         */\n+        distanceTo: function(geometry, options) {\n+            var edge = !(options && options.edge === false);\n+            var result;\n+            // this is the case where we might not be looking for distance to edge\n+            if (!edge && this.intersects(geometry)) {\n+                result = 0;\n+            } else {\n+                result = OpenLayers.Geometry.Collection.prototype.distanceTo.apply(\n+                    this, [geometry, options]\n+                );\n+            }\n+            return result;\n+        },\n \n-    /**\n-     * APIProperty: highlightOnly\n-     * {Boolean} If true do not actually select features (that is place them in \n-     * the layer's selected features array), just highlight them. This property\n-     * has no effect if hover is false. Defaults to false.\n-     */\n-    highlightOnly: false,\n+        CLASS_NAME: \"OpenLayers.Geometry.Polygon\"\n+    });\n \n-    /**\n-     * APIProperty: box\n-     * {Boolean} Allow feature selection by drawing a box.\n-     */\n-    box: false,\n+/**\n+ * APIMethod: createRegularPolygon\n+ * Create a regular polygon around a radius. Useful for creating circles \n+ * and the like.\n+ *\n+ * Parameters:\n+ * origin - {<OpenLayers.Geometry.Point>} center of polygon.\n+ * radius - {Float} distance to vertex, in map units.\n+ * sides - {Integer} Number of sides. 20 approximates a circle.\n+ * rotation - {Float} original angle of rotation, in degrees.\n+ */\n+OpenLayers.Geometry.Polygon.createRegularPolygon = function(origin, radius, sides, rotation) {\n+    var angle = Math.PI * ((1 / sides) - (1 / 2));\n+    if (rotation) {\n+        angle += (rotation / 180) * Math.PI;\n+    }\n+    var rotatedAngle, x, y;\n+    var points = [];\n+    for (var i = 0; i < sides; ++i) {\n+        rotatedAngle = angle + (i * 2 * Math.PI / sides);\n+        x = origin.x + (radius * Math.cos(rotatedAngle));\n+        y = origin.y + (radius * Math.sin(rotatedAngle));\n+        points.push(new OpenLayers.Geometry.Point(x, y));\n+    }\n+    var ring = new OpenLayers.Geometry.LinearRing(points);\n+    return new OpenLayers.Geometry.Polygon([ring]);\n+};\n+/* ======================================================================\n+    OpenLayers/Geometry/MultiPolygon.js\n+   ====================================================================== */\n \n-    /**\n-     * Property: onBeforeSelect \n-     * {Function} Optional function to be called before a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onBeforeSelect: function() {},\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: onSelect \n-     * {Function} Optional function to be called when a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onSelect: function() {},\n+/**\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ */\n \n-    /**\n-     * APIProperty: onUnselect\n-     * {Function} Optional function to be called when a feature is unselected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onUnselect: function() {},\n+/**\n+ * Class: OpenLayers.Geometry.MultiPolygon\n+ * MultiPolygon is a geometry with multiple <OpenLayers.Geometry.Polygon>\n+ * components.  Create a new instance with the <OpenLayers.Geometry.MultiPolygon>\n+ * constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Geometry.Collection>\n+ */\n+OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n \n-    /**\n-     * Property: scope\n-     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n-     *     callbacks. If null the scope will be this control.\n-     */\n-    scope: null,\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n \n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict selecting to a limited set of geometry types,\n-     *     send a list of strings corresponding to the geometry class names.\n-     */\n-    geometryTypes: null,\n+        /**\n+         * Constructor: OpenLayers.Geometry.MultiPolygon\n+         * Create a new MultiPolygon geometry\n+         *\n+         * Parameters:\n+         * components - {Array(<OpenLayers.Geometry.Polygon>)} An array of polygons\n+         *              used to generate the MultiPolygon\n+         *\n+         */\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n-     * root for all layers this control is configured with (if an array of\n-     * layers was passed to the constructor), or the vector layer the control\n-     * was configured with (if a single layer was passed to the constructor).\n-     */\n-    layer: null,\n+        CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/GeoJSON.js\n+   ====================================================================== */\n \n-    /**\n-     * Property: layers\n-     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n-     * or null if the control was configured with a single layer\n-     */\n-    layers: null,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: callbacks\n-     * {Object} The functions that are sent to the handlers.feature for callback\n-     */\n-    callbacks: null,\n+/**\n+ * @requires OpenLayers/Format/JSON.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/MultiPoint.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/MultiLineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/MultiPolygon.js\n+ * @requires OpenLayers/Console.js\n+ */\n \n-    /**\n-     * APIProperty: selectStyle \n-     * {Object} Hash of styles\n-     */\n-    selectStyle: null,\n+/**\n+ * Class: OpenLayers.Format.GeoJSON\n+ * Read and write GeoJSON. Create a new parser with the\n+ *     <OpenLayers.Format.GeoJSON> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.JSON>\n+ */\n+OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n \n     /**\n-     * Property: renderIntent\n-     * {String} key used to retrieve the select style from the layer's\n-     * style map.\n+     * APIProperty: ignoreExtraDims\n+     * {Boolean} Ignore dimensions higher than 2 when reading geometry\n+     * coordinates.\n      */\n-    renderIntent: \"select\",\n+    ignoreExtraDims: false,\n \n     /**\n-     * Property: handlers\n-     * {Object} Object with references to multiple <OpenLayers.Handler>\n-     *     instances.\n+     * Constructor: OpenLayers.Format.GeoJSON\n+     * Create a new parser for GeoJSON.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    handlers: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.SelectFeature\n-     * Create a new control for selecting features.\n+     * APIMethod: read\n+     * Deserialize a GeoJSON string.\n      *\n      * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n-     *     layer(s) this control will select features from.\n-     * options - {Object} \n+     * json - {String} A GeoJSON string\n+     * type - {String} Optional string that determines the structure of\n+     *     the output.  Supported values are \"Geometry\", \"Feature\", and\n+     *     \"FeatureCollection\".  If absent or null, a default of\n+     *     \"FeatureCollection\" is assumed.\n+     * filter - {Function} A function which will be called for every key and\n+     *     value at every level of the final result. Each value will be\n+     *     replaced by the result of the filter function. This can be used to\n+     *     reform generic objects into instances of classes, or to transform\n+     *     date strings into Date objects.\n+     *\n+     * Returns: \n+     * {Object} The return depends on the value of the type argument. If type\n+     *     is \"FeatureCollection\" (the default), the return will be an array\n+     *     of <OpenLayers.Feature.Vector>. If type is \"Geometry\", the input json\n+     *     must represent a single geometry, and the return will be an\n+     *     <OpenLayers.Geometry>.  If type is \"Feature\", the input json must\n+     *     represent a single feature, and the return will be an\n+     *     <OpenLayers.Feature.Vector>.\n      */\n-    initialize: function(layers, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        if (this.scope === null) {\n-            this.scope = this;\n-        }\n-        this.initLayer(layers);\n-        var callbacks = {\n-            click: this.clickFeature,\n-            clickout: this.clickoutFeature\n-        };\n-        if (this.hover) {\n-            callbacks.over = this.overFeature;\n-            callbacks.out = this.outFeature;\n+    read: function(json, type, filter) {\n+        type = (type) ? type : \"FeatureCollection\";\n+        var results = null;\n+        var obj = null;\n+        if (typeof json == \"string\") {\n+            obj = OpenLayers.Format.JSON.prototype.read.apply(this,\n+                [json, filter]);\n+        } else {\n+            obj = json;\n         }\n-\n-        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n-        this.handlers = {\n-            feature: new OpenLayers.Handler.Feature(\n-                this, this.layer, this.callbacks, {\n-                    geometryTypes: this.geometryTypes\n-                }\n-            )\n-        };\n-\n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(\n-                this, {\n-                    done: this.selectBox\n-                }, {\n-                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n-                }\n-            );\n+        if (!obj) {\n+            OpenLayers.Console.error(\"Bad JSON: \" + json);\n+        } else if (typeof(obj.type) != \"string\") {\n+            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json);\n+        } else if (this.isValidType(obj, type)) {\n+            switch (type) {\n+                case \"Geometry\":\n+                    try {\n+                        results = this.parseGeometry(obj);\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err);\n+                    }\n+                    break;\n+                case \"Feature\":\n+                    try {\n+                        results = this.parseFeature(obj);\n+                        results.type = \"Feature\";\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err);\n+                    }\n+                    break;\n+                case \"FeatureCollection\":\n+                    // for type FeatureCollection, we allow input to be any type\n+                    results = [];\n+                    switch (obj.type) {\n+                        case \"Feature\":\n+                            try {\n+                                results.push(this.parseFeature(obj));\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err);\n+                            }\n+                            break;\n+                        case \"FeatureCollection\":\n+                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n+                                try {\n+                                    results.push(this.parseFeature(obj.features[i]));\n+                                } catch (err) {\n+                                    results = null;\n+                                    OpenLayers.Console.error(err);\n+                                }\n+                            }\n+                            break;\n+                        default:\n+                            try {\n+                                var geom = this.parseGeometry(obj);\n+                                results.push(new OpenLayers.Feature.Vector(geom));\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err);\n+                            }\n+                    }\n+                    break;\n+            }\n         }\n+        return results;\n     },\n \n     /**\n-     * Method: initLayer\n-     * Assign the layer property. If layers is an array, we need to use\n-     *     a RootContainer.\n+     * Method: isValidType\n+     * Check if a GeoJSON object is a valid representative of the given type.\n      *\n-     * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n+     * Returns:\n+     * {Boolean} The object is valid GeoJSON object of the given type.\n      */\n-    initLayer: function(layers) {\n-        if (OpenLayers.Util.isArray(layers)) {\n-            this.layers = layers;\n-            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n-                this.id + \"_container\", {\n-                    layers: layers\n+    isValidType: function(obj, type) {\n+        var valid = false;\n+        switch (type) {\n+            case \"Geometry\":\n+                if (OpenLayers.Util.indexOf(\n+                        [\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\",\n+                            \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"\n+                        ],\n+                        obj.type) == -1) {\n+                    // unsupported geometry type\n+                    OpenLayers.Console.error(\"Unsupported geometry type: \" +\n+                        obj.type);\n+                } else {\n+                    valid = true;\n+                }\n+                break;\n+            case \"FeatureCollection\":\n+                // allow for any type to be converted to a feature collection\n+                valid = true;\n+                break;\n+            default:\n+                // for Feature types must match\n+                if (obj.type == type) {\n+                    valid = true;\n+                } else {\n+                    OpenLayers.Console.error(\"Cannot convert types from \" +\n+                        obj.type + \" to \" + type);\n                 }\n-            );\n-        } else {\n-            this.layer = layers;\n         }\n+        return valid;\n     },\n \n     /**\n-     * Method: destroy\n+     * Method: parseFeature\n+     * Convert a feature object from GeoJSON into an\n+     *     <OpenLayers.Feature.Vector>.\n+     *\n+     * Parameters:\n+     * obj - {Object} An object created from a GeoJSON object\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature.\n      */\n-    destroy: function() {\n-        if (this.active && this.layers) {\n-            this.map.removeLayer(this.layer);\n+    parseFeature: function(obj) {\n+        var feature, geometry, attributes, bbox;\n+        attributes = (obj.properties) ? obj.properties : {};\n+        bbox = (obj.geometry && obj.geometry.bbox) || obj.bbox;\n+        try {\n+            geometry = this.parseGeometry(obj.geometry);\n+        } catch (err) {\n+            // deal with bad geometries\n+            throw err;\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        if (this.layers) {\n-            this.layer.destroy();\n+        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        if (bbox) {\n+            feature.bounds = OpenLayers.Bounds.fromArray(bbox);\n+        }\n+        if (obj.id) {\n+            feature.fid = obj.id;\n         }\n+        return feature;\n     },\n \n     /**\n-     * Method: activate\n-     * Activates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n+     * Method: parseGeometry\n+     * Convert a geometry object from GeoJSON into an <OpenLayers.Geometry>.\n+     *\n+     * Parameters:\n+     * obj - {Object} An object created from a GeoJSON object\n+     *\n+     * Returns: \n+     * {<OpenLayers.Geometry>} A geometry.\n      */\n-    activate: function() {\n-        if (!this.active) {\n-            if (this.layers) {\n-                this.map.addLayer(this.layer);\n+    parseGeometry: function(obj) {\n+        if (obj == null) {\n+            return null;\n+        }\n+        var geometry, collection = false;\n+        if (obj.type == \"GeometryCollection\") {\n+            if (!(OpenLayers.Util.isArray(obj.geometries))) {\n+                throw \"GeometryCollection must have geometries array: \" + obj;\n             }\n-            this.handlers.feature.activate();\n-            if (this.box && this.handlers.box) {\n-                this.handlers.box.activate();\n+            var numGeom = obj.geometries.length;\n+            var components = new Array(numGeom);\n+            for (var i = 0; i < numGeom; ++i) {\n+                components[i] = this.parseGeometry.apply(\n+                    this, [obj.geometries[i]]\n+                );\n+            }\n+            geometry = new OpenLayers.Geometry.Collection(components);\n+            collection = true;\n+        } else {\n+            if (!(OpenLayers.Util.isArray(obj.coordinates))) {\n+                throw \"Geometry must have coordinates array: \" + obj;\n+            }\n+            if (!this.parseCoords[obj.type.toLowerCase()]) {\n+                throw \"Unsupported geometry type: \" + obj.type;\n+            }\n+            try {\n+                geometry = this.parseCoords[obj.type.toLowerCase()].apply(\n+                    this, [obj.coordinates]\n+                );\n+            } catch (err) {\n+                // deal with bad coordinates\n+                throw err;\n             }\n         }\n-        return OpenLayers.Control.prototype.activate.apply(\n-            this, arguments\n-        );\n+        // We don't reproject collections because the children are reprojected\n+        // for us when they are created.\n+        if (this.internalProjection && this.externalProjection && !collection) {\n+            geometry.transform(this.externalProjection,\n+                this.internalProjection);\n+        }\n+        return geometry;\n     },\n \n     /**\n-     * Method: deactivate\n-     * Deactivates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n+     * Property: parseCoords\n+     * Object with properties corresponding to the GeoJSON geometry types.\n+     *     Property values are functions that do the actual parsing.\n      */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.handlers.feature.deactivate();\n-            if (this.handlers.box) {\n-                this.handlers.box.deactivate();\n+    parseCoords: {\n+        /**\n+         * Method: parseCoords.point\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"point\": function(array) {\n+            if (this.ignoreExtraDims == false &&\n+                array.length != 2) {\n+                throw \"Only 2D points are supported: \" + array;\n             }\n-            if (this.layers) {\n-                this.map.removeLayer(this.layer);\n+            return new OpenLayers.Geometry.Point(array[0], array[1]);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multipoint\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multipoint\": function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                points.push(p);\n+            }\n+            return new OpenLayers.Geometry.MultiPoint(points);\n+        },\n+\n+        /**\n+         * Method: parseCoords.linestring\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"linestring\": function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                points.push(p);\n+            }\n+            return new OpenLayers.Geometry.LineString(points);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multilinestring\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multilinestring\": function(array) {\n+            var lines = [];\n+            var l = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                lines.push(l);\n+            }\n+            return new OpenLayers.Geometry.MultiLineString(lines);\n+        },\n+\n+        /**\n+         * Method: parseCoords.polygon\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"polygon\": function(array) {\n+            var rings = [];\n+            var r, l;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                r = new OpenLayers.Geometry.LinearRing(l.components);\n+                rings.push(r);\n+            }\n+            return new OpenLayers.Geometry.Polygon(rings);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multipolygon\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multipolygon\": function(array) {\n+            var polys = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                polys.push(p);\n+            }\n+            return new OpenLayers.Geometry.MultiPolygon(polys);\n+        },\n+\n+        /**\n+         * Method: parseCoords.box\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"box\": function(array) {\n+            if (array.length != 2) {\n+                throw \"GeoJSON box coordinates must have 2 elements\";\n             }\n+            return new OpenLayers.Geometry.Polygon([\n+                new OpenLayers.Geometry.LinearRing([\n+                    new OpenLayers.Geometry.Point(array[0][0], array[0][1]),\n+                    new OpenLayers.Geometry.Point(array[1][0], array[0][1]),\n+                    new OpenLayers.Geometry.Point(array[1][0], array[1][1]),\n+                    new OpenLayers.Geometry.Point(array[0][0], array[1][1]),\n+                    new OpenLayers.Geometry.Point(array[0][0], array[0][1])\n+                ])\n+            ]);\n         }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n+\n     },\n \n     /**\n-     * Method: unselectAll\n-     * Unselect all selected features.  To unselect all except for a single\n-     *     feature, set the options.except property to the feature.\n+     * APIMethod: write\n+     * Serialize a feature, geometry, array of features into a GeoJSON string.\n      *\n      * Parameters:\n-     * options - {Object} Optional configuration object.\n+     * obj - {Object} An <OpenLayers.Feature.Vector>, <OpenLayers.Geometry>,\n+     *     or an array of features.\n+     * pretty - {Boolean} Structure the output with newlines and indentation.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {String} The GeoJSON string representation of the input geometry,\n+     *     features, or array of features.\n      */\n-    unselectAll: function(options) {\n-        // we'll want an option to supress notification here\n-        var layers = this.layers || [this.layer],\n-            layer, feature, l, numExcept;\n-        for (l = 0; l < layers.length; ++l) {\n-            layer = layers[l];\n-            numExcept = 0;\n-            //layer.selectedFeatures is null when layer is destroyed and \n-            //one of it's preremovelayer listener calls setLayer \n-            //with another layer on this control\n-            if (layer.selectedFeatures != null) {\n-                while (layer.selectedFeatures.length > numExcept) {\n-                    feature = layer.selectedFeatures[numExcept];\n-                    if (!options || options.except != feature) {\n-                        this.unselect(feature);\n-                    } else {\n-                        ++numExcept;\n-                    }\n+    write: function(obj, pretty) {\n+        var geojson = {\n+            \"type\": null\n+        };\n+        if (OpenLayers.Util.isArray(obj)) {\n+            geojson.type = \"FeatureCollection\";\n+            var numFeatures = obj.length;\n+            geojson.features = new Array(numFeatures);\n+            for (var i = 0; i < numFeatures; ++i) {\n+                var element = obj[i];\n+                if (!element instanceof OpenLayers.Feature.Vector) {\n+                    var msg = \"FeatureCollection only supports collections \" +\n+                        \"of features: \" + element;\n+                    throw msg;\n                 }\n+                geojson.features[i] = this.extract.feature.apply(\n+                    this, [element]\n+                );\n+            }\n+        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n+            geojson = this.extract.geometry.apply(this, [obj]);\n+        } else if (obj instanceof OpenLayers.Feature.Vector) {\n+            geojson = this.extract.feature.apply(this, [obj]);\n+            if (obj.layer && obj.layer.projection) {\n+                geojson.crs = this.createCRSObject(obj);\n             }\n         }\n+        return OpenLayers.Format.JSON.prototype.write.apply(this,\n+            [geojson, pretty]);\n     },\n \n     /**\n-     * Method: clickFeature\n-     * Called on click in a feature\n-     * Only responds if this.hover is false.\n+     * Method: createCRSObject\n+     * Create the CRS object for an object.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * object - {<OpenLayers.Feature.Vector>} \n+     *\n+     * Returns:\n+     * {Object} An object which can be assigned to the crs property\n+     * of a GeoJSON object.\n      */\n-    clickFeature: function(feature) {\n-        if (!this.hover) {\n-            var selected = (OpenLayers.Util.indexOf(\n-                feature.layer.selectedFeatures, feature) > -1);\n-            if (selected) {\n-                if (this.toggleSelect()) {\n-                    this.unselect(feature);\n-                } else if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n+    createCRSObject: function(object) {\n+        var proj = object.layer.projection.toString();\n+        var crs = {};\n+        if (proj.match(/epsg:/i)) {\n+            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n+            if (code == 4326) {\n+                crs = {\n+                    \"type\": \"name\",\n+                    \"properties\": {\n+                        \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n+                    }\n+                };\n             } else {\n-                if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-                this.select(feature);\n+                crs = {\n+                    \"type\": \"name\",\n+                    \"properties\": {\n+                        \"name\": \"EPSG:\" + code\n+                    }\n+                };\n             }\n         }\n+        return crs;\n     },\n \n     /**\n-     * Method: multipleSelect\n-     * Allow for multiple selected features based on <multiple> property and\n-     *     <multipleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Allow for multiple selected features.\n+     * Property: extract\n+     * Object with properties corresponding to the GeoJSON types.\n+     *     Property values are functions that do the actual value extraction.\n      */\n-    multipleSelect: function() {\n-        return this.multiple || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.multipleKey]);\n+    extract: {\n+        /**\n+         * Method: extract.feature\n+         * Return a partial GeoJSON object representing a single feature.\n+         *\n+         * Parameters:\n+         * feature - {<OpenLayers.Feature.Vector>}\n+         *\n+         * Returns:\n+         * {Object} An object representing the point.\n+         */\n+        'feature': function(feature) {\n+            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n+            var json = {\n+                \"type\": \"Feature\",\n+                \"properties\": feature.attributes,\n+                \"geometry\": geom\n+            };\n+            if (feature.fid != null) {\n+                json.id = feature.fid;\n+            }\n+            return json;\n+        },\n+\n+        /**\n+         * Method: extract.geometry\n+         * Return a GeoJSON object representing a single geometry.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>}\n+         *\n+         * Returns:\n+         * {Object} An object representing the geometry.\n+         */\n+        'geometry': function(geometry) {\n+            if (geometry == null) {\n+                return null;\n+            }\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry = geometry.clone();\n+                geometry.transform(this.internalProjection,\n+                    this.externalProjection);\n+            }\n+            var geometryType = geometry.CLASS_NAME.split('.')[2];\n+            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n+            var json;\n+            if (geometryType == \"Collection\") {\n+                json = {\n+                    \"type\": \"GeometryCollection\",\n+                    \"geometries\": data\n+                };\n+            } else {\n+                json = {\n+                    \"type\": geometryType,\n+                    \"coordinates\": data\n+                };\n+            }\n+\n+            return json;\n+        },\n+\n+        /**\n+         * Method: extract.point\n+         * Return an array of coordinates from a point.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         *\n+         * Returns: \n+         * {Array} An array of coordinates representing the point.\n+         */\n+        'point': function(point) {\n+            return [point.x, point.y];\n+        },\n+\n+        /**\n+         * Method: extract.multipoint\n+         * Return an array of point coordinates from a multipoint.\n+         *\n+         * Parameters:\n+         * multipoint - {<OpenLayers.Geometry.MultiPoint>}\n+         *\n+         * Returns:\n+         * {Array} An array of point coordinate arrays representing\n+         *     the multipoint.\n+         */\n+        'multipoint': function(multipoint) {\n+            var array = [];\n+            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [multipoint.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.linestring\n+         * Return an array of coordinate arrays from a linestring.\n+         *\n+         * Parameters:\n+         * linestring - {<OpenLayers.Geometry.LineString>}\n+         *\n+         * Returns:\n+         * {Array} An array of coordinate arrays representing\n+         *     the linestring.\n+         */\n+        'linestring': function(linestring) {\n+            var array = [];\n+            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [linestring.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.multilinestring\n+         * Return an array of linestring arrays from a linestring.\n+         * \n+         * Parameters:\n+         * multilinestring - {<OpenLayers.Geometry.MultiLineString>}\n+         * \n+         * Returns:\n+         * {Array} An array of linestring arrays representing\n+         *     the multilinestring.\n+         */\n+        'multilinestring': function(multilinestring) {\n+            var array = [];\n+            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.polygon\n+         * Return an array of linear ring arrays from a polygon.\n+         *\n+         * Parameters:\n+         * polygon - {<OpenLayers.Geometry.Polygon>}\n+         * \n+         * Returns:\n+         * {Array} An array of linear ring arrays representing the polygon.\n+         */\n+        'polygon': function(polygon) {\n+            var array = [];\n+            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [polygon.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.multipolygon\n+         * Return an array of polygon arrays from a multipolygon.\n+         * \n+         * Parameters:\n+         * multipolygon - {<OpenLayers.Geometry.MultiPolygon>}\n+         * \n+         * Returns:\n+         * {Array} An array of polygon arrays representing\n+         *     the multipolygon\n+         */\n+        'multipolygon': function(multipolygon) {\n+            var array = [];\n+            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n+                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.collection\n+         * Return an array of geometries from a geometry collection.\n+         * \n+         * Parameters:\n+         * collection - {<OpenLayers.Geometry.Collection>}\n+         * \n+         * Returns:\n+         * {Array} An array of geometry objects representing the geometry\n+         *     collection.\n+         */\n+        'collection': function(collection) {\n+            var len = collection.components.length;\n+            var array = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                array[i] = this.extract.geometry.apply(\n+                    this, [collection.components[i]]\n+                );\n+            }\n+            return array;\n+        }\n+\n+\n     },\n \n+    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy\n+ * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n+ *     one of the strategy subclasses instead.\n+ */\n+OpenLayers.Strategy = OpenLayers.Class({\n+\n     /**\n-     * Method: toggleSelect\n-     * Event should toggle the selected state of a feature based on <toggle>\n-     *     property and <toggleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Toggle the selected state of a feature.\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n      */\n-    toggleSelect: function() {\n-        return this.toggle || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.toggleKey]);\n-    },\n+    layer: null,\n \n     /**\n-     * Method: clickoutFeature\n-     * Called on click outside a previously clicked (selected) feature.\n-     * Only responds if this.hover is false.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>} \n+     * Property: options\n+     * {Object} Any options sent to the constructor.\n      */\n-    clickoutFeature: function(feature) {\n-        if (!this.hover && this.clickout) {\n-            this.unselectAll();\n-        }\n-    },\n+    options: null,\n \n-    /**\n-     * Method: overFeature\n-     * Called on over a feature.\n-     * Only responds if this.hover is true.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+    /** \n+     * Property: active \n+     * {Boolean} The control is active.\n      */\n-    overFeature: function(feature) {\n-        var layer = feature.layer;\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                this.highlight(feature);\n-            } else if (OpenLayers.Util.indexOf(\n-                    layer.selectedFeatures, feature) == -1) {\n-                this.select(feature);\n-            }\n-        }\n-    },\n+    active: null,\n \n     /**\n-     * Method: outFeature\n-     * Called on out of a selected feature.\n-     * Only responds if this.hover is true.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Property: autoActivate\n+     * {Boolean} The creator of the strategy can set autoActivate to false\n+     *      to fully control when the protocol is activated and deactivated.\n+     *      Defaults to true.\n      */\n-    outFeature: function(feature) {\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                // we do nothing if we're not the last highlighter of the\n-                // feature\n-                if (feature._lastHighlighter == this.id) {\n-                    // if another select control had highlighted the feature before\n-                    // we did it ourself then we use that control to highlight the\n-                    // feature as it was before we highlighted it, else we just\n-                    // unhighlight it\n-                    if (feature._prevHighlighter &&\n-                        feature._prevHighlighter != this.id) {\n-                        delete feature._lastHighlighter;\n-                        var control = this.map.getControl(\n-                            feature._prevHighlighter);\n-                        if (control) {\n-                            control.highlight(feature);\n-                        }\n-                    } else {\n-                        this.unhighlight(feature);\n-                    }\n-                }\n-            } else {\n-                this.unselect(feature);\n-            }\n-        }\n-    },\n+    autoActivate: true,\n \n     /**\n-     * Method: highlight\n-     * Redraw feature with the select style.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Property: autoDestroy\n+     * {Boolean} The creator of the strategy can set autoDestroy to false\n+     *      to fully control when the strategy is destroyed. Defaults to\n+     *      true.\n      */\n-    highlight: function(feature) {\n-        var layer = feature.layer;\n-        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n-            feature: feature\n-        });\n-        if (cont !== false) {\n-            feature._prevHighlighter = feature._lastHighlighter;\n-            feature._lastHighlighter = this.id;\n-            var style = this.selectStyle || this.renderIntent;\n-            layer.drawFeature(feature, style);\n-            this.events.triggerEvent(\"featurehighlighted\", {\n-                feature: feature\n-            });\n-        }\n-    },\n+    autoDestroy: true,\n \n     /**\n-     * Method: unhighlight\n-     * Redraw feature with the \"default\" style\n+     * Constructor: OpenLayers.Strategy\n+     * Abstract class for vector strategies.  Create instances of a subclass.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    unhighlight: function(feature) {\n-        var layer = feature.layer;\n-        // three cases:\n-        // 1. there's no other highlighter, in that case _prev is undefined,\n-        //    and we just need to undef _last\n-        // 2. another control highlighted the feature after we did it, in\n-        //    that case _last references this other control, and we just\n-        //    need to undef _prev\n-        // 3. another control highlighted the feature before we did it, in\n-        //    that case _prev references this other control, and we need to\n-        //    set _last to _prev and undef _prev\n-        if (feature._prevHighlighter == undefined) {\n-            delete feature._lastHighlighter;\n-        } else if (feature._prevHighlighter == this.id) {\n-            delete feature._prevHighlighter;\n-        } else {\n-            feature._lastHighlighter = feature._prevHighlighter;\n-            delete feature._prevHighlighter;\n-        }\n-        layer.drawFeature(feature, feature.style || feature.layer.style ||\n-            \"default\");\n-        this.events.triggerEvent(\"featureunhighlighted\", {\n-            feature: feature\n-        });\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        // set the active property here, so that user cannot override it\n+        this.active = false;\n     },\n \n     /**\n-     * Method: select\n-     * Add feature to the layer's selectedFeature array, render the feature as\n-     * selected, and call the onSelect function.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * APIMethod: destroy\n+     * Clean up the strategy.\n      */\n-    select: function(feature) {\n-        var cont = this.onBeforeSelect.call(this.scope, feature);\n-        var layer = feature.layer;\n-        if (cont !== false) {\n-            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n-                feature: feature\n-            });\n-            if (cont !== false) {\n-                layer.selectedFeatures.push(feature);\n-                this.highlight(feature);\n-                // if the feature handler isn't involved in the feature\n-                // selection (because the box handler is used or the\n-                // feature is selected programatically) we fake the\n-                // feature handler to allow unselecting on click\n-                if (!this.handlers.feature.lastFeature) {\n-                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n-                }\n-                layer.events.triggerEvent(\"featureselected\", {\n-                    feature: feature\n-                });\n-                this.onSelect.call(this.scope, feature);\n-            }\n-        }\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null;\n     },\n \n     /**\n-     * Method: unselect\n-     * Remove feature from the layer's selectedFeature array, render the feature as\n-     * normal, and call the onUnselect function.\n+     * Method: setLayer\n+     * Called to set the <layer> property.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * layer - {<OpenLayers.Layer.Vector>}\n      */\n-    unselect: function(feature) {\n-        var layer = feature.layer;\n-        // Store feature style for restoration later\n-        this.unhighlight(feature);\n-        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n-        layer.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        });\n-        this.onUnselect.call(this.scope, feature);\n+    setLayer: function(layer) {\n+        this.layer = layer;\n     },\n \n     /**\n-     * Method: selectBox\n-     * Callback from the handlers.box set up when <box> selection is true\n-     *     on.\n+     * Method: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n      *\n-     * Parameters:\n-     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n-     */\n-    selectBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            var bounds = new OpenLayers.Bounds(\n-                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n-            );\n-\n-            // if multiple is false, first deselect currently selected features\n-            if (!this.multipleSelect()) {\n-                this.unselectAll();\n-            }\n-\n-            // because we're using a box, we consider we want multiple selection\n-            var prevMultiple = this.multiple;\n-            this.multiple = true;\n-            var layers = this.layers || [this.layer];\n-            this.events.triggerEvent(\"boxselectionstart\", {\n-                layers: layers\n-            });\n-            var layer;\n-            for (var l = 0; l < layers.length; ++l) {\n-                layer = layers[l];\n-                for (var i = 0, len = layer.features.length; i < len; ++i) {\n-                    var feature = layer.features[i];\n-                    // check if the feature is displayed\n-                    if (!feature.getVisibility()) {\n-                        continue;\n-                    }\n-\n-                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n-                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n-                        if (bounds.toGeometry().intersects(feature.geometry)) {\n-                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n-                                this.select(feature);\n-                            }\n-                        }\n-                    }\n-                }\n-            }\n-            this.multiple = prevMultiple;\n-            this.events.triggerEvent(\"boxselectionend\", {\n-                layers: layers\n-            });\n-        }\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n      */\n-    setMap: function(map) {\n-        this.handlers.feature.setMap(map);\n-        if (this.box) {\n-            this.handlers.box.setMap(map);\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true;\n         }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        return false;\n     },\n \n     /**\n-     * APIMethod: setLayer\n-     * Attach a new layer to the control, overriding any existing layers.\n+     * Method: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n      *\n-     * Parameters:\n-     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n-     *     {<OpenLayers.Layer.Vector>}\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n      */\n-    setLayer: function(layers) {\n-        var isActive = this.active;\n-        this.unselectAll();\n-        this.deactivate();\n-        if (this.layers) {\n-            this.layer.destroy();\n-            this.layers = null;\n-        }\n-        this.initLayer(layers);\n-        this.handlers.feature.layer = this.layer;\n-        if (isActive) {\n-            this.activate();\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true;\n         }\n+        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n });\n /* ======================================================================\n-    OpenLayers/Filter.js\n+    OpenLayers/Strategy/Fixed.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Strategy.js\n  */\n \n /**\n- * Class: OpenLayers.Filter\n- * This class represents an OGC Filter.\n+ * Class: OpenLayers.Strategy.Fixed\n+ * A simple strategy that requests features once and never requests new data.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n  */\n-OpenLayers.Filter = OpenLayers.Class({\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n \n-    /** \n-     * Constructor: OpenLayers.Filter\n-     * This class represents a generic filter.\n+    /**\n+     * APIProperty: preload\n+     * {Boolean} Load data before layer made visible. Enabling this may result\n+     *   in considerable overhead if your application loads many data layers\n+     *   that are not visible by default. Default is false.\n+     */\n+    preload: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Fixed\n+     * Create a new Fixed strategy.\n      *\n      * Parameters:\n      * options - {Object} Optional object whose properties will be set on the\n      *     instance.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Filter>}\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-    },\n \n-    /** \n-     * APIMethod: destroy\n-     * Remove reference to anything added.\n+    /**\n+     * Method: activate\n+     * Activate the strategy: load data or add listener to load when visible\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n      */\n-    destroy: function() {},\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"refresh\": this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load();\n+            } else {\n+                this.layer.events.on({\n+                    \"visibilitychanged\": this.load,\n+                    scope: this\n+                });\n+            }\n+        }\n+        return activated;\n+    },\n \n     /**\n-     * APIMethod: evaluate\n-     * Evaluates this filter in a specific context.  Instances or subclasses\n-     * are supposed to override this method.\n-     * \n-     * Parameters:\n-     * context - {Object} Context to use in evaluating the filter.  If a vector\n-     *     feature is provided, the feature.attributes will be used as context.\n+     * Method: deactivate\n+     * Deactivate the strategy.  Undo what is done in <activate>.\n      * \n      * Returns:\n-     * {Boolean} The filter applies.\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    evaluate: function(context) {\n-        return true;\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"refresh\": this.load,\n+                \"visibilitychanged\": this.load,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Clones this filter. Should be implemented by subclasses.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Filter>} Clone of this filter.\n+     * Method: load\n+     * Tells protocol to load data and unhooks the visibilitychanged event\n+     *\n+     * Parameters:\n+     * options - {Object} options to pass to protocol read.\n      */\n-    clone: function() {\n-        return null;\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            \"visibilitychanged\": this.load,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * APIMethod: toString\n+     * Method: merge\n+     * Add all features to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n      *\n-     * Returns:\n-     * {String} Include <OpenLayers.Format.CQL> in your build to get a CQL\n-     *     representation of the filter returned. Otherwise \"[Object object]\"\n-     *     will be returned.\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n      */\n-    toString: function() {\n-        var string;\n-        if (OpenLayers.Format && OpenLayers.Format.CQL) {\n-            string = OpenLayers.Format.CQL.prototype.write(this);\n-        } else {\n-            string = Object.prototype.toString.call(this);\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local);\n+                    }\n+                }\n+            }\n+            layer.addFeatures(features);\n         }\n-        return string;\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Filter\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n });\n /* ======================================================================\n-    OpenLayers/Filter/Logical.js\n+    OpenLayers/Filter/Spatial.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/Filter.js\n  */\n \n /**\n- * Class: OpenLayers.Filter.Logical\n- * This class represents ogc:And, ogc:Or and ogc:Not rules.\n+ * Class: OpenLayers.Filter.Spatial\n+ * This class represents a spatial filter.\n+ * Currently implemented: BBOX, DWithin and Intersects\n  * \n  * Inherits from:\n  * - <OpenLayers.Filter>\n  */\n-OpenLayers.Filter.Logical = OpenLayers.Class(OpenLayers.Filter, {\n+OpenLayers.Filter.Spatial = OpenLayers.Class(OpenLayers.Filter, {\n \n     /**\n-     * APIProperty: filters\n-     * {Array(<OpenLayers.Filter>)} Child filters for this filter.\n+     * APIProperty: type\n+     * {String} Type of spatial filter.\n+     *\n+     * The type should be one of:\n+     * - OpenLayers.Filter.Spatial.BBOX\n+     * - OpenLayers.Filter.Spatial.INTERSECTS\n+     * - OpenLayers.Filter.Spatial.DWITHIN\n+     * - OpenLayers.Filter.Spatial.WITHIN\n+     * - OpenLayers.Filter.Spatial.CONTAINS\n      */\n-    filters: null,\n+    type: null,\n \n     /**\n-     * APIProperty: type\n-     * {String} type of logical operator. Available types are:\n-     * - OpenLayers.Filter.Logical.AND = \"&&\";\n-     * - OpenLayers.Filter.Logical.OR  = \"||\";\n-     * - OpenLayers.Filter.Logical.NOT = \"!\";\n+     * APIProperty: property\n+     * {String} Name of the context property to compare.\n      */\n-    type: null,\n+    property: null,\n+\n+    /**\n+     * APIProperty: value\n+     * {<OpenLayers.Bounds> || <OpenLayers.Geometry>} The bounds or geometry\n+     *     to be used by the filter.  Use bounds for BBOX filters and geometry\n+     *     for INTERSECTS or DWITHIN filters.\n+     */\n+    value: null,\n+\n+    /**\n+     * APIProperty: distance\n+     * {Number} The distance to use in a DWithin spatial filter.\n+     */\n+    distance: null,\n+\n+    /**\n+     * APIProperty: distanceUnits\n+     * {String} The units to use for the distance, e.g. 'm'.\n+     */\n+    distanceUnits: null,\n \n     /** \n-     * Constructor: OpenLayers.Filter.Logical\n-     * Creates a logical filter (And, Or, Not).\n+     * Constructor: OpenLayers.Filter.Spatial\n+     * Creates a spatial filter.\n      *\n      * Parameters:\n      * options - {Object} An optional object with properties to set on the\n      *     filter.\n      * \n      * Returns:\n-     * {<OpenLayers.Filter.Logical>}\n-     */\n-    initialize: function(options) {\n-        this.filters = [];\n-        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /** \n-     * APIMethod: destroy\n-     * Remove reference to child filters.\n+     * {<OpenLayers.Filter.Spatial>}\n      */\n-    destroy: function() {\n-        this.filters = null;\n-        OpenLayers.Filter.prototype.destroy.apply(this);\n-    },\n \n     /**\n-     * APIMethod: evaluate\n-     * Evaluates this filter in a specific context.\n+     * Method: evaluate\n+     * Evaluates this filter for a specific feature.\n      * \n      * Parameters:\n-     * context - {Object} Context to use in evaluating the filter.  A vector\n-     *     feature may also be provided to evaluate feature attributes in \n-     *     comparison filters or geometries in spatial filters.\n+     * feature - {<OpenLayers.Feature.Vector>} feature to apply the filter to.\n      * \n      * Returns:\n-     * {Boolean} The filter applies.\n+     * {Boolean} The feature meets filter criteria.\n      */\n-    evaluate: function(context) {\n-        var i, len;\n+    evaluate: function(feature) {\n+        var intersect = false;\n         switch (this.type) {\n-            case OpenLayers.Filter.Logical.AND:\n-                for (i = 0, len = this.filters.length; i < len; i++) {\n-                    if (this.filters[i].evaluate(context) == false) {\n-                        return false;\n+            case OpenLayers.Filter.Spatial.BBOX:\n+            case OpenLayers.Filter.Spatial.INTERSECTS:\n+                if (feature.geometry) {\n+                    var geom = this.value;\n+                    if (this.value.CLASS_NAME == \"OpenLayers.Bounds\") {\n+                        geom = this.value.toGeometry();\n                     }\n-                }\n-                return true;\n-\n-            case OpenLayers.Filter.Logical.OR:\n-                for (i = 0, len = this.filters.length; i < len; i++) {\n-                    if (this.filters[i].evaluate(context) == true) {\n-                        return true;\n+                    if (feature.geometry.intersects(geom)) {\n+                        intersect = true;\n                     }\n                 }\n-                return false;\n-\n-            case OpenLayers.Filter.Logical.NOT:\n-                return (!this.filters[0].evaluate(context));\n+                break;\n+            default:\n+                throw new Error('evaluate is not implemented for this filter type.');\n         }\n-        return undefined;\n+        return intersect;\n     },\n \n     /**\n      * APIMethod: clone\n      * Clones this filter.\n      * \n      * Returns:\n-     * {<OpenLayers.Filter.Logical>} Clone of this filter.\n+     * {<OpenLayers.Filter.Spatial>} Clone of this filter.\n      */\n     clone: function() {\n-        var filters = [];\n-        for (var i = 0, len = this.filters.length; i < len; ++i) {\n-            filters.push(this.filters[i].clone());\n-        }\n-        return new OpenLayers.Filter.Logical({\n-            type: this.type,\n-            filters: filters\n-        });\n+        var options = OpenLayers.Util.applyDefaults({\n+            value: this.value && this.value.clone && this.value.clone()\n+        }, this);\n+        return new OpenLayers.Filter.Spatial(options);\n     },\n-\n-    CLASS_NAME: \"OpenLayers.Filter.Logical\"\n+    CLASS_NAME: \"OpenLayers.Filter.Spatial\"\n });\n \n-\n-OpenLayers.Filter.Logical.AND = \"&&\";\n-OpenLayers.Filter.Logical.OR = \"||\";\n-OpenLayers.Filter.Logical.NOT = \"!\";\n+OpenLayers.Filter.Spatial.BBOX = \"BBOX\";\n+OpenLayers.Filter.Spatial.INTERSECTS = \"INTERSECTS\";\n+OpenLayers.Filter.Spatial.DWITHIN = \"DWITHIN\";\n+OpenLayers.Filter.Spatial.WITHIN = \"WITHIN\";\n+OpenLayers.Filter.Spatial.CONTAINS = \"CONTAINS\";\n /* ======================================================================\n-    OpenLayers/Filter/Comparison.js\n+    OpenLayers/Strategy/BBOX.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Filter.js\n+ * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Filter/Spatial.js\n  */\n \n /**\n- * Class: OpenLayers.Filter.Comparison\n- * This class represents a comparison filter.\n- * \n+ * Class: OpenLayers.Strategy.BBOX\n+ * A simple strategy that reads new features when the viewport invalidates\n+ *     some bounds.\n+ *\n  * Inherits from:\n- * - <OpenLayers.Filter>\n+ *  - <OpenLayers.Strategy>\n  */\n-OpenLayers.Filter.Comparison = OpenLayers.Class(OpenLayers.Filter, {\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n \n     /**\n-     * APIProperty: type\n-     * {String} type: type of the comparison. This is one of\n-     * - OpenLayers.Filter.Comparison.EQUAL_TO                 = \"==\";\n-     * - OpenLayers.Filter.Comparison.NOT_EQUAL_TO             = \"!=\";\n-     * - OpenLayers.Filter.Comparison.LESS_THAN                = \"<\";\n-     * - OpenLayers.Filter.Comparison.GREATER_THAN             = \">\";\n-     * - OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO    = \"<=\";\n-     * - OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n-     * - OpenLayers.Filter.Comparison.BETWEEN                  = \"..\";\n-     * - OpenLayers.Filter.Comparison.LIKE                     = \"~\";\n-     * - OpenLayers.Filter.Comparison.IS_NULL                  = \"NULL\";\n+     * Property: bounds\n+     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n+     *     as the layer - not always the same projection as the map).\n      */\n-    type: null,\n+    bounds: null,\n \n-    /**\n-     * APIProperty: property\n-     * {String}\n-     * name of the context property to compare\n+    /** \n+     * Property: resolution \n+     * {Float} The current data resolution. \n      */\n-    property: null,\n+    resolution: null,\n \n     /**\n-     * APIProperty: value\n-     * {Number} or {String}\n-     * comparison value for binary comparisons. In the case of a String, this\n-     * can be a combination of text and propertyNames in the form\n-     * \"literal ${propertyName}\"\n+     * APIProperty: ratio\n+     * {Float} The ratio of the data bounds to the viewport bounds (in each\n+     *     dimension).  Default is 2.\n      */\n-    value: null,\n+    ratio: 2,\n \n-    /**\n-     * Property: matchCase\n-     * {Boolean} Force case sensitive searches for EQUAL_TO and NOT_EQUAL_TO\n-     *     comparisons.  The Filter Encoding 1.1 specification added a matchCase\n-     *     attribute to ogc:PropertyIsEqualTo and ogc:PropertyIsNotEqualTo\n-     *     elements.  This property will be serialized with those elements only\n-     *     if using the v1.1.0 filter format. However, when evaluating filters\n-     *     here, the matchCase property will always be respected (for EQUAL_TO\n-     *     and NOT_EQUAL_TO).  Default is true. \n+    /** \n+     * Property: resFactor \n+     * {Float} Optional factor used to determine when previously requested \n+     *     features are invalid.  If set, the resFactor will be compared to the\n+     *     resolution of the previous request to the current map resolution.\n+     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n+     *     set a resFactor of 1, data will be requested every time the\n+     *     resolution changes.  If you set a resFactor of 3, data will be\n+     *     requested if the old resolution is 3 times the new, or if the new is\n+     *     3 times the old.  If the old bounds do not contain the new bounds\n+     *     new data will always be requested (with or without considering\n+     *     resFactor). \n      */\n-    matchCase: true,\n+    resFactor: null,\n \n     /**\n-     * APIProperty: lowerBoundary\n-     * {Number} or {String}\n-     * lower boundary for between comparisons. In the case of a String, this\n-     * can be a combination of text and propertyNames in the form\n-     * \"literal ${propertyName}\"\n+     * Property: response\n+     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n+     *      by the layer protocol.\n      */\n-    lowerBoundary: null,\n+    response: null,\n \n     /**\n-     * APIProperty: upperBoundary\n-     * {Number} or {String}\n-     * upper boundary for between comparisons. In the case of a String, this\n-     * can be a combination of text and propertyNames in the form\n-     * \"literal ${propertyName}\"\n-     */\n-    upperBoundary: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Filter.Comparison\n-     * Creates a comparison rule.\n+     * Constructor: OpenLayers.Strategy.BBOX\n+     * Create a new BBOX strategy.\n      *\n      * Parameters:\n-     * options - {Object} An optional object with properties to set on the\n-     *           rule\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * Method: activate\n+     * Set up strategy with regard to reading new batches of remote data.\n      * \n      * Returns:\n-     * {<OpenLayers.Filter.Comparison>}\n+     * {Boolean} The strategy was successfully activated.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n-        // since matchCase on PropertyIsLike is not schema compliant, we only\n-        // want to use this if explicitly asked for\n-        if (this.type === OpenLayers.Filter.Comparison.LIKE &&\n-            options.matchCase === undefined) {\n-            this.matchCase = null;\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n+            this.update();\n         }\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: evaluate\n-     * Evaluates this filter in a specific context.\n+     * Method: deactivate\n+     * Tear down strategy with regard to reading new batches of remote data.\n      * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: update\n+     * Callback function called on \"moveend\" or \"refresh\" layer events.\n+     *\n      * Parameters:\n-     * context - {Object} Context to use in evaluating the filter.  If a vector\n-     *     feature is provided, the feature.attributes will be used as context.\n-     * \n+     * options - {Object} Optional object whose properties will determine\n+     *     the behaviour of this Strategy\n+     *\n+     * Valid options include:\n+     * force - {Boolean} if true, new data must be unconditionally read.\n+     * noAbort - {Boolean} if true, do not abort previous requests.\n+     */\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && ((options && options.force) ||\n+                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options);\n+        }\n+    },\n+\n+    /**\n+     * Method: getMapBounds\n+     * Get the map bounds expressed in the same projection as this layer.\n+     *\n      * Returns:\n-     * {Boolean} The filter applies.\n+     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n      */\n-    evaluate: function(context) {\n-        if (context instanceof OpenLayers.Feature.Vector) {\n-            context = context.attributes;\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null;\n         }\n-        var result = false;\n-        var got = context[this.property];\n-        var exp;\n-        switch (this.type) {\n-            case OpenLayers.Filter.Comparison.EQUAL_TO:\n-                exp = this.value;\n-                if (!this.matchCase &&\n-                    typeof got == \"string\" && typeof exp == \"string\") {\n-                    result = (got.toUpperCase() == exp.toUpperCase());\n-                } else {\n-                    result = (got == exp);\n-                }\n-                break;\n-            case OpenLayers.Filter.Comparison.NOT_EQUAL_TO:\n-                exp = this.value;\n-                if (!this.matchCase &&\n-                    typeof got == \"string\" && typeof exp == \"string\") {\n-                    result = (got.toUpperCase() != exp.toUpperCase());\n-                } else {\n-                    result = (got != exp);\n-                }\n-                break;\n-            case OpenLayers.Filter.Comparison.LESS_THAN:\n-                result = got < this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.GREATER_THAN:\n-                result = got > this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO:\n-                result = got <= this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO:\n-                result = got >= this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.BETWEEN:\n-                result = (got >= this.lowerBoundary) &&\n-                    (got <= this.upperBoundary);\n-                break;\n-            case OpenLayers.Filter.Comparison.LIKE:\n-                var regexp = new RegExp(this.value, \"gi\");\n-                result = regexp.test(got);\n-                break;\n-            case OpenLayers.Filter.Comparison.IS_NULL:\n-                result = (got === null);\n-                break;\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(\n+                this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(\n+                this.layer.map.getProjectionObject(), this.layer.projection\n+            );\n         }\n-        return result;\n+        return bounds;\n     },\n \n     /**\n-     * APIMethod: value2regex\n-     * Converts the value of this rule into a regular expression string,\n-     * according to the wildcard characters specified. This method has to\n-     * be called after instantiation of this class, if the value is not a\n-     * regular expression already.\n-     * \n+     * Method: invalidBounds\n+     * Determine whether the previously requested set of features is invalid. \n+     *     This occurs when the new map bounds do not contain the previously \n+     *     requested bounds.  In addition, if <resFactor> is set, it will be \n+     *     considered.\n+     *\n      * Parameters:\n-     * wildCard   - {Char} wildcard character in the above value, default\n-     *              is \"*\"\n-     * singleChar - {Char} single-character wildcard in the above value\n-     *              default is \".\"\n-     * escapeChar - {Char} escape character in the above value, default is\n-     *              \"!\"\n-     * \n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n+     *\n      * Returns:\n-     * {String} regular expression string\n+     * {Boolean} \n      */\n-    value2regex: function(wildCard, singleChar, escapeChar) {\n-        if (wildCard == \".\") {\n-            throw new Error(\"'.' is an unsupported wildCard character for \" +\n-                \"OpenLayers.Filter.Comparison\");\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n         }\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n+        }\n+        return invalid;\n+    },\n \n-\n-        // set UMN MapServer defaults for unspecified parameters\n-        wildCard = wildCard ? wildCard : \"*\";\n-        singleChar = singleChar ? singleChar : \".\";\n-        escapeChar = escapeChar ? escapeChar : \"!\";\n-\n-        this.value = this.value.replace(\n-            new RegExp(\"\\\\\" + escapeChar + \"(.|$)\", \"g\"), \"\\\\$1\");\n-        this.value = this.value.replace(\n-            new RegExp(\"\\\\\" + singleChar, \"g\"), \".\");\n-        this.value = this.value.replace(\n-            new RegExp(\"\\\\\" + wildCard, \"g\"), \".*\");\n-        this.value = this.value.replace(\n-            new RegExp(\"\\\\\\\\.\\\\*\", \"g\"), \"\\\\\" + wildCard);\n-        this.value = this.value.replace(\n-            new RegExp(\"\\\\\\\\\\\\.\", \"g\"), \"\\\\\" + singleChar);\n-\n-        return this.value;\n+    /**\n+     * Method: calculateBounds\n+     *\n+     * Parameters:\n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n+     */\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n+        }\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(\n+            center.lon - (dataWidth / 2),\n+            center.lat - (dataHeight / 2),\n+            center.lon + (dataWidth / 2),\n+            center.lat + (dataHeight / 2)\n+        );\n     },\n \n     /**\n-     * Method: regex2value\n-     * Convert the value of this rule from a regular expression string into an\n-     *     ogc literal string using a wildCard of *, a singleChar of ., and an\n-     *     escape of !.  Leaves the <value> property unmodified.\n-     * \n+     * Method: triggerRead\n+     *\n+     * Parameters:\n+     * options - {Object} Additional options for the protocol's read method \n+     *     (optional)\n+     *\n      * Returns:\n-     * {String} A string value.\n+     * {<OpenLayers.Protocol.Response>} The protocol response object\n+     *      returned by the layer protocol.\n      */\n-    regex2value: function() {\n-\n-        var value = this.value;\n-\n-        // replace ! with !!\n-        value = value.replace(/!/g, \"!!\");\n-\n-        // replace \\. with !. (watching out for \\\\.)\n-        value = value.replace(/(\\\\)?\\\\\\./g, function($0, $1) {\n-            return $1 ? $0 : \"!.\";\n-        });\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\");\n+        }\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(\n+            OpenLayers.Util.applyDefaults({\n+                filter: evt.filter,\n+                callback: this.merge,\n+                scope: this\n+            }, options));\n+    },\n \n-        // replace \\* with #* (watching out for \\\\*)\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"!*\";\n+    /**\n+     * Method: createFilter\n+     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n+     * to has a filter property, this filter will be combined with the BBOX \n+     * filter.\n+     * \n+     * Returns\n+     * {<OpenLayers.Filter>} The filter object.\n+     */\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n         });\n-\n-        // replace \\\\ with \\\n-        value = value.replace(/\\\\\\\\/g, \"\\\\\");\n-\n-        // convert .* to * (the sequence #.* is not allowed)\n-        value = value.replace(/\\.\\*/g, \"*\");\n-\n-        return value;\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            });\n+        }\n+        return filter;\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Clones this filter.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Filter.Comparison>} Clone of this filter.\n+     * Method: merge\n+     * Given a list of features, determine which ones to add to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n      */\n-    clone: function() {\n-        return OpenLayers.Util.extend(new OpenLayers.Filter.Comparison(), this);\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local);\n+                        }\n+                    }\n+                }\n+                this.layer.addFeatures(features);\n+            }\n+        } else {\n+            this.bounds = null;\n+        }\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Filter.Comparison\"\n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n });\n-\n-\n-OpenLayers.Filter.Comparison.EQUAL_TO = \"==\";\n-OpenLayers.Filter.Comparison.NOT_EQUAL_TO = \"!=\";\n-OpenLayers.Filter.Comparison.LESS_THAN = \"<\";\n-OpenLayers.Filter.Comparison.GREATER_THAN = \">\";\n-OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO = \"<=\";\n-OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n-OpenLayers.Filter.Comparison.BETWEEN = \"..\";\n-OpenLayers.Filter.Comparison.LIKE = \"~\";\n-OpenLayers.Filter.Comparison.IS_NULL = \"NULL\";\n /* ======================================================================\n     OpenLayers/Protocol.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -27457,10062 +27192,10327 @@\n             opt.callback.call(opt.scope, resp);\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n });\n /* ======================================================================\n-    OpenLayers/Popup.js\n+    OpenLayers/Renderer/Elements.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Renderer.js\n  */\n \n-\n /**\n- * Class: OpenLayers.Popup\n- * A popup is a small div that can opened and closed on the map.\n- * Typically opened in response to clicking on a marker.  \n- * See <OpenLayers.Marker>.  Popup's don't require their own\n- * layer and are added the the map using the <OpenLayers.Map.addPopup>\n- * method.\n- *\n- * Example:\n- * (code)\n- * popup = new OpenLayers.Popup(\"chicken\", \n- *                    new OpenLayers.LonLat(5,40),\n- *                    new OpenLayers.Size(200,200),\n- *                    \"example popup\",\n- *                    true);\n- *       \n- * map.addPopup(popup);\n- * (end)\n+ * Class: OpenLayers.ElementsIndexer\n+ * This class takes care of figuring out which order elements should be\n+ *     placed in the DOM based on given indexing methods. \n  */\n-OpenLayers.Popup = OpenLayers.Class({\n-\n-    /** \n-     * Property: events  \n-     * {<OpenLayers.Events>} custom event manager \n-     */\n-    events: null,\n-\n-    /** Property: id\n-     * {String} the unique identifier assigned to this popup.\n-     */\n-    id: \"\",\n+OpenLayers.ElementsIndexer = OpenLayers.Class({\n \n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} the position of this popup on the map\n+    /**\n+     * Property: maxZIndex\n+     * {Integer} This is the largest-most z-index value for a node\n+     *     contained within the indexer.\n      */\n-    lonlat: null,\n+    maxZIndex: null,\n \n-    /** \n-     * Property: div \n-     * {DOMElement} the div that contains this popup.\n+    /**\n+     * Property: order\n+     * {Array<String>} This is an array of node id's stored in the\n+     *     order that they should show up on screen. Id's higher up in the\n+     *     array (higher array index) represent nodes with higher z-indeces.\n      */\n-    div: null,\n+    order: null,\n \n-    /** \n-     * Property: contentSize \n-     * {<OpenLayers.Size>} the width and height of the content.\n+    /**\n+     * Property: indices\n+     * {Object} This is a hash that maps node ids to their z-index value\n+     *     stored in the indexer. This is done to make finding a nodes z-index \n+     *     value O(1).\n      */\n-    contentSize: null,\n+    indices: null,\n \n-    /** \n-     * Property: size \n-     * {<OpenLayers.Size>} the width and height of the popup.\n+    /**\n+     * Property: compare\n+     * {Function} This is the function used to determine placement of\n+     *     of a new node within the indexer. If null, this defaults to to\n+     *     the Z_ORDER_DRAWING_ORDER comparison method.\n      */\n-    size: null,\n+    compare: null,\n \n-    /** \n-     * Property: contentHTML \n-     * {String} An HTML string for this popup to display.\n+    /**\n+     * APIMethod: initialize\n+     * Create a new indexer with \n+     * \n+     * Parameters:\n+     * yOrdering - {Boolean} Whether to use y-ordering.\n      */\n-    contentHTML: null,\n+    initialize: function(yOrdering) {\n \n-    /** \n-     * Property: backgroundColor \n-     * {String} the background color used by the popup.\n-     */\n-    backgroundColor: \"\",\n+        this.compare = yOrdering ?\n+            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER :\n+            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n \n-    /** \n-     * Property: opacity \n-     * {float} the opacity of this popup (between 0.0 and 1.0)\n-     */\n-    opacity: \"\",\n+        this.clear();\n+    },\n \n-    /** \n-     * Property: border \n-     * {String} the border size of the popup.  (eg 2px)\n+    /**\n+     * APIMethod: insert\n+     * Insert a new node into the indexer. In order to find the correct \n+     *     positioning for the node to be inserted, this method uses a binary \n+     *     search. This makes inserting O(log(n)). \n+     * \n+     * Parameters:\n+     * newNode - {DOMElement} The new node to be inserted.\n+     * \n+     * Returns\n+     * {DOMElement} the node before which we should insert our newNode, or\n+     *     null if newNode can just be appended.\n      */\n-    border: \"\",\n+    insert: function(newNode) {\n+        // If the node is known to the indexer, remove it so we can\n+        // recalculate where it should go.\n+        if (this.exists(newNode)) {\n+            this.remove(newNode);\n+        }\n \n-    /** \n-     * Property: contentDiv \n-     * {DOMElement} a reference to the element that holds the content of\n-     *              the div.\n-     */\n-    contentDiv: null,\n+        var nodeId = newNode.id;\n \n-    /** \n-     * Property: groupDiv \n-     * {DOMElement} First and only child of 'div'. The group Div contains the\n-     *     'contentDiv' and the 'closeDiv'.\n-     */\n-    groupDiv: null,\n+        this.determineZIndex(newNode);\n \n-    /** \n-     * Property: closeDiv\n-     * {DOMElement} the optional closer image\n-     */\n-    closeDiv: null,\n+        var leftIndex = -1;\n+        var rightIndex = this.order.length;\n+        var middle;\n \n-    /** \n-     * APIProperty: autoSize\n-     * {Boolean} Resize the popup to auto-fit the contents.\n-     *     Default is false.\n-     */\n-    autoSize: false,\n+        while (rightIndex - leftIndex > 1) {\n+            middle = parseInt((leftIndex + rightIndex) / 2);\n \n-    /**\n-     * APIProperty: minSize\n-     * {<OpenLayers.Size>} Minimum size allowed for the popup's contents.\n-     */\n-    minSize: null,\n+            var placement = this.compare(this, newNode,\n+                OpenLayers.Util.getElement(this.order[middle]));\n \n-    /**\n-     * APIProperty: maxSize\n-     * {<OpenLayers.Size>} Maximum size allowed for the popup's contents.\n-     */\n-    maxSize: null,\n+            if (placement > 0) {\n+                leftIndex = middle;\n+            } else {\n+                rightIndex = middle;\n+            }\n+        }\n \n-    /** \n-     * Property: displayClass\n-     * {String} The CSS class of the popup.\n-     */\n-    displayClass: \"olPopup\",\n+        this.order.splice(rightIndex, 0, nodeId);\n+        this.indices[nodeId] = this.getZIndex(newNode);\n \n-    /** \n-     * Property: contentDisplayClass\n-     * {String} The CSS class of the popup content div.\n-     */\n-    contentDisplayClass: \"olPopupContent\",\n+        // If the new node should be before another in the index\n+        // order, return the node before which we have to insert the new one;\n+        // else, return null to indicate that the new node can be appended.\n+        return this.getNextElement(rightIndex);\n+    },\n \n-    /** \n-     * Property: padding \n-     * {int or <OpenLayers.Bounds>} An extra opportunity to specify internal \n-     *     padding of the content div inside the popup. This was originally\n-     *     confused with the css padding as specified in style.css's \n-     *     'olPopupContent' class. We would like to get rid of this altogether,\n-     *     except that it does come in handy for the framed and anchoredbubble\n-     *     popups, who need to maintain yet another barrier between their \n-     *     content and the outer border of the popup itself. \n+    /**\n+     * APIMethod: remove\n      * \n-     *     Note that in order to not break API, we must continue to support \n-     *     this property being set as an integer. Really, though, we'd like to \n-     *     have this specified as a Bounds object so that user can specify\n-     *     distinct left, top, right, bottom paddings. With the 3.0 release\n-     *     we can make this only a bounds.\n+     * Parameters:\n+     * node - {DOMElement} The node to be removed.\n      */\n-    padding: 0,\n+    remove: function(node) {\n+        var nodeId = node.id;\n+        var arrayIndex = OpenLayers.Util.indexOf(this.order, nodeId);\n+        if (arrayIndex >= 0) {\n+            // Remove it from the order array, as well as deleting the node\n+            // from the indeces hash.\n+            this.order.splice(arrayIndex, 1);\n+            delete this.indices[nodeId];\n \n-    /** \n-     * Property: disableFirefoxOverflowHack\n-     * {Boolean} The hack for overflow in Firefox causes all elements \n-     *     to be re-drawn, which causes Flash elements to be \n-     *     re-initialized, which is troublesome.\n-     *     With this property the hack can be disabled.\n-     */\n-    disableFirefoxOverflowHack: false,\n+            // Reset the maxium z-index based on the last item in the \n+            // order array.\n+            if (this.order.length > 0) {\n+                var lastId = this.order[this.order.length - 1];\n+                this.maxZIndex = this.indices[lastId];\n+            } else {\n+                this.maxZIndex = 0;\n+            }\n+        }\n+    },\n \n     /**\n-     * Method: fixPadding\n-     * To be removed in 3.0, this function merely helps us to deal with the \n-     *     case where the user may have set an integer value for padding, \n-     *     instead of an <OpenLayers.Bounds> object.\n+     * APIMethod: clear\n      */\n-    fixPadding: function() {\n-        if (typeof this.padding == \"number\") {\n-            this.padding = new OpenLayers.Bounds(\n-                this.padding, this.padding, this.padding, this.padding\n-            );\n-        }\n+    clear: function() {\n+        this.order = [];\n+        this.indices = {};\n+        this.maxZIndex = 0;\n     },\n \n     /**\n-     * APIProperty: panMapIfOutOfView\n-     * {Boolean} When drawn, pan map such that the entire popup is visible in\n-     *     the current viewport (if necessary).\n-     *     Default is false.\n+     * APIMethod: exists\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The node to test for existence.\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the node exists in the indexer?\n      */\n-    panMapIfOutOfView: false,\n+    exists: function(node) {\n+        return (this.indices[node.id] != null);\n+    },\n \n     /**\n-     * APIProperty: keepInMap \n-     * {Boolean} If panMapIfOutOfView is false, and this property is true, \n-     *     contrain the popup such that it always fits in the available map\n-     *     space. By default, this is not set on the base class. If you are\n-     *     creating popups that are near map edges and not allowing pannning,\n-     *     and especially if you have a popup which has a\n-     *     fixedRelativePosition, setting this to false may be a smart thing to\n-     *     do. Subclasses may want to override this setting.\n-     *   \n-     *     Default is false.\n+     * APIMethod: getZIndex\n+     * Get the z-index value for the current node from the node data itself.\n+     * \n+     * Parameters:\n+     * node - {DOMElement} The node whose z-index to get.\n+     * \n+     * Returns:\n+     * {Integer} The z-index value for the specified node (from the node \n+     *     data itself).\n      */\n-    keepInMap: false,\n+    getZIndex: function(node) {\n+        return node._style.graphicZIndex;\n+    },\n \n     /**\n-     * APIProperty: closeOnMove\n-     * {Boolean} When map pans, close the popup.\n-     *     Default is false.\n+     * Method: determineZIndex\n+     * Determine the z-index for the current node if there isn't one, \n+     *     and set the maximum value if we've found a new maximum.\n+     * \n+     * Parameters:\n+     * node - {DOMElement} \n      */\n-    closeOnMove: false,\n+    determineZIndex: function(node) {\n+        var zIndex = node._style.graphicZIndex;\n \n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} this gets set in Map.js when the popup is added to the map\n-     */\n-    map: null,\n+        // Everything must have a zIndex. If none is specified,\n+        // this means the user *must* (hint: assumption) want this\n+        // node to succomb to drawing order. To enforce drawing order\n+        // over all indexing methods, we'll create a new z-index that's\n+        // greater than any currently in the indexer.\n+        if (zIndex == null) {\n+            zIndex = this.maxZIndex;\n+            node._style.graphicZIndex = zIndex;\n+        } else if (zIndex > this.maxZIndex) {\n+            this.maxZIndex = zIndex;\n+        }\n+    },\n \n-    /** \n-     * Constructor: OpenLayers.Popup\n-     * Create a popup.\n+    /**\n+     * APIMethod: getNextElement\n+     * Get the next element in the order stack.\n      * \n-     * Parameters: \n-     * id - {String} a unqiue identifier for this popup.  If null is passed\n-     *               an identifier will be automatically generated. \n-     * lonlat - {<OpenLayers.LonLat>}  The position on the map the popup will\n-     *                                 be shown.\n-     * contentSize - {<OpenLayers.Size>} The size of the content.\n-     * contentHTML - {String}          An HTML string to display inside the   \n-     *                                 popup.\n-     * closeBox - {Boolean}            Whether to display a close box inside\n-     *                                 the popup.\n-     * closeBoxCallback - {Function}   Function to be called on closeBox click.\n+     * Parameters:\n+     * index - {Integer} The index of the current node in this.order.\n+     * \n+     * Returns:\n+     * {DOMElement} the node following the index passed in, or\n+     *     null.\n      */\n-    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n-        if (id == null) {\n-            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-        }\n-\n-        this.id = id;\n-        this.lonlat = lonlat;\n-\n-        this.contentSize = (contentSize != null) ? contentSize :\n-            new OpenLayers.Size(\n-                OpenLayers.Popup.WIDTH,\n-                OpenLayers.Popup.HEIGHT);\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML;\n+    getNextElement: function(index) {\n+        var nextIndex = index + 1;\n+        if (nextIndex < this.order.length) {\n+            var nextElement = OpenLayers.Util.getElement(this.order[nextIndex]);\n+            if (nextElement == undefined) {\n+                nextElement = this.getNextElement(nextIndex);\n+            }\n+            return nextElement;\n+        } else {\n+            return null;\n         }\n-        this.backgroundColor = OpenLayers.Popup.COLOR;\n-        this.opacity = OpenLayers.Popup.OPACITY;\n-        this.border = OpenLayers.Popup.BORDER;\n+    },\n \n-        this.div = OpenLayers.Util.createDiv(this.id, null, null,\n-            null, null, null, \"hidden\");\n-        this.div.className = this.displayClass;\n+    CLASS_NAME: \"OpenLayers.ElementsIndexer\"\n+});\n \n-        var groupDivId = this.id + \"_GroupDiv\";\n-        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null,\n-            null, \"relative\", null,\n-            \"hidden\");\n+/**\n+ * Namespace: OpenLayers.ElementsIndexer.IndexingMethods\n+ * These are the compare methods for figuring out where a new node should be \n+ *     placed within the indexer. These methods are very similar to general \n+ *     sorting methods in that they return -1, 0, and 1 to specify the \n+ *     direction in which new nodes fall in the ordering.\n+ */\n+OpenLayers.ElementsIndexer.IndexingMethods = {\n \n-        var id = this.div.id + \"_contentDiv\";\n-        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(),\n-            null, \"relative\");\n-        this.contentDiv.className = this.contentDisplayClass;\n-        this.groupDiv.appendChild(this.contentDiv);\n-        this.div.appendChild(this.groupDiv);\n+    /**\n+     * Method: Z_ORDER\n+     * This compare method is used by other comparison methods.\n+     *     It can be used individually for ordering, but is not recommended,\n+     *     because it doesn't subscribe to drawing order.\n+     * \n+     * Parameters:\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n+     * \n+     * Returns:\n+     * {Integer}\n+     */\n+    Z_ORDER: function(indexer, newNode, nextNode) {\n+        var newZIndex = indexer.getZIndex(newNode);\n \n-        if (closeBox) {\n-            this.addCloseBox(closeBoxCallback);\n+        var returnVal = 0;\n+        if (nextNode) {\n+            var nextZIndex = indexer.getZIndex(nextNode);\n+            returnVal = newZIndex - nextZIndex;\n         }\n \n-        this.registerEvents();\n+        return returnVal;\n     },\n \n-    /** \n-     * Method: destroy\n-     * nullify references to prevent circular references and memory leaks\n+    /**\n+     * APIMethod: Z_ORDER_DRAWING_ORDER\n+     * This method orders nodes by their z-index, but does so in a way\n+     *     that, if there are other nodes with the same z-index, the newest \n+     *     drawn will be the front most within that z-index. This is the \n+     *     default indexing method.\n+     * \n+     * Parameters:\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n+     * \n+     * Returns:\n+     * {Integer}\n      */\n-    destroy: function() {\n-\n-        this.id = null;\n-        this.lonlat = null;\n-        this.size = null;\n-        this.contentHTML = null;\n-\n-        this.backgroundColor = null;\n-        this.opacity = null;\n-        this.border = null;\n-\n-        if (this.closeOnMove && this.map) {\n-            this.map.events.unregister(\"movestart\", this, this.hide);\n-        }\n-\n-        this.events.destroy();\n-        this.events = null;\n-\n-        if (this.closeDiv) {\n-            OpenLayers.Event.stopObservingElement(this.closeDiv);\n-            this.groupDiv.removeChild(this.closeDiv);\n-        }\n-        this.closeDiv = null;\n-\n-        this.div.removeChild(this.groupDiv);\n-        this.groupDiv = null;\n+    Z_ORDER_DRAWING_ORDER: function(indexer, newNode, nextNode) {\n+        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n+            indexer,\n+            newNode,\n+            nextNode\n+        );\n \n-        if (this.map != null) {\n-            this.map.removePopup(this);\n+        // Make Z_ORDER subscribe to drawing order by pushing it above\n+        // all of the other nodes with the same z-index.\n+        if (nextNode && returnVal == 0) {\n+            returnVal = 1;\n         }\n-        this.map = null;\n-        this.div = null;\n \n-        this.autoSize = null;\n-        this.minSize = null;\n-        this.maxSize = null;\n-        this.padding = null;\n-        this.panMapIfOutOfView = null;\n+        return returnVal;\n     },\n \n-    /** \n-     * Method: draw\n-     * Constructs the elements that make up the popup.\n-     *\n+    /**\n+     * APIMethod: Z_ORDER_Y_ORDER\n+     * This one should really be called Z_ORDER_Y_ORDER_DRAWING_ORDER, as it\n+     *     best describes which ordering methods have precedence (though, the \n+     *     name would be too long). This method orders nodes by their z-index, \n+     *     but does so in a way that, if there are other nodes with the same \n+     *     z-index, the nodes with the lower y position will be \"closer\" than \n+     *     those with a higher y position. If two nodes have the exact same y \n+     *     position, however, then this method will revert to using drawing  \n+     *     order to decide placement.\n+     * \n      * Parameters:\n-     * px - {<OpenLayers.Pixel>} the position the popup in pixels.\n+     * indexer - {<OpenLayers.ElementsIndexer>}\n+     * newNode - {DOMElement}\n+     * nextNode - {DOMElement}\n      * \n      * Returns:\n-     * {DOMElement} Reference to a div that contains the drawn popup\n+     * {Integer}\n      */\n-    draw: function(px) {\n-        if (px == null) {\n-            if ((this.lonlat != null) && (this.map != null)) {\n-                px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            }\n-        }\n+    Z_ORDER_Y_ORDER: function(indexer, newNode, nextNode) {\n+        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n+            indexer,\n+            newNode,\n+            nextNode\n+        );\n \n-        // this assumes that this.map already exists, which is okay because \n-        // this.draw is only called once the popup has been added to the map.\n-        if (this.closeOnMove) {\n-            this.map.events.register(\"movestart\", this, this.hide);\n+        if (nextNode && returnVal === 0) {\n+            var result = nextNode._boundsBottom - newNode._boundsBottom;\n+            returnVal = (result === 0) ? 1 : result;\n         }\n \n-        //listen to movestart, moveend to disable overflow (FF bug)\n-        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == 'firefox') {\n-            this.map.events.register(\"movestart\", this, function() {\n-                var style = document.defaultView.getComputedStyle(\n-                    this.contentDiv, null\n-                );\n-                var currentOverflow = style.getPropertyValue(\"overflow\");\n-                if (currentOverflow != \"hidden\") {\n-                    this.contentDiv._oldOverflow = currentOverflow;\n-                    this.contentDiv.style.overflow = \"hidden\";\n-                }\n-            });\n-            this.map.events.register(\"moveend\", this, function() {\n-                var oldOverflow = this.contentDiv._oldOverflow;\n-                if (oldOverflow) {\n-                    this.contentDiv.style.overflow = oldOverflow;\n-                    this.contentDiv._oldOverflow = null;\n-                }\n-            });\n-        }\n+        return returnVal;\n+    }\n+};\n \n-        this.moveTo(px);\n-        if (!this.autoSize && !this.size) {\n-            this.setSize(this.contentSize);\n-        }\n-        this.setBackgroundColor();\n-        this.setOpacity();\n-        this.setBorder();\n-        this.setContentHTML();\n+/**\n+ * Class: OpenLayers.Renderer.Elements\n+ * This is another virtual class in that it should never be instantiated by \n+ *  itself as a Renderer. It exists because there is *tons* of shared \n+ *  functionality between different vector libraries which use nodes/elements\n+ *  as a base for rendering vectors. \n+ * \n+ * The highlevel bits of code that are implemented here are the adding and \n+ *  removing of geometries, which is essentially the same for any \n+ *  element-based renderer. The details of creating each node and drawing the\n+ *  paths are of course different, but the machinery is the same. \n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer>\n+ */\n+OpenLayers.Renderer.Elements = OpenLayers.Class(OpenLayers.Renderer, {\n \n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView();\n-        }\n+    /**\n+     * Property: rendererRoot\n+     * {DOMElement}\n+     */\n+    rendererRoot: null,\n \n-        return this.div;\n-    },\n+    /**\n+     * Property: root\n+     * {DOMElement}\n+     */\n+    root: null,\n \n-    /** \n-     * Method: updatePosition\n-     * if the popup has a lonlat and its map members set, \n-     * then have it move itself to its proper position\n+    /**\n+     * Property: vectorRoot\n+     * {DOMElement}\n      */\n-    updatePosition: function() {\n-        if ((this.lonlat) && (this.map)) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            if (px) {\n-                this.moveTo(px);\n-            }\n-        }\n-    },\n+    vectorRoot: null,\n \n     /**\n-     * Method: moveTo\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} the top and left position of the popup div. \n+     * Property: textRoot\n+     * {DOMElement}\n      */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.div != null)) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\";\n-        }\n-    },\n+    textRoot: null,\n \n     /**\n-     * Method: visible\n-     *\n-     * Returns:      \n-     * {Boolean} Boolean indicating whether or not the popup is visible\n+     * Property: xmlns\n+     * {String}\n      */\n-    visible: function() {\n-        return OpenLayers.Element.visible(this.div);\n-    },\n+    xmlns: null,\n \n     /**\n-     * Method: toggle\n-     * Toggles visibility of the popup.\n+     * Property: xOffset\n+     * {Number} Offset to apply to the renderer viewport translation in x\n+     * direction. If the renderer extent's center is on the right of the\n+     * dateline (i.e. exceeds the world bounds), we shift the viewport to the\n+     * left by one world width. This avoids that features disappear from the\n+     * map viewport. Because our dateline handling logic in other places\n+     * ensures that extents crossing the dateline always have a center\n+     * exceeding the world bounds on the left, we need this offset to make sure\n+     * that the same is true for the renderer extent in pixel space as well.\n      */\n-    toggle: function() {\n-        if (this.visible()) {\n-            this.hide();\n-        } else {\n-            this.show();\n-        }\n-    },\n+    xOffset: 0,\n \n     /**\n-     * Method: show\n-     * Makes the popup visible.\n+     * Property: rightOfDateLine\n+     * {Boolean} Keeps track of the location of the map extent relative to the\n+     * date line. The <setExtent> method compares this value (which is the one\n+     * from the previous <setExtent> call) with the current position of the map\n+     * extent relative to the date line and updates the xOffset when the extent\n+     * has moved from one side of the date line to the other.\n      */\n-    show: function() {\n-        this.div.style.display = '';\n \n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView();\n-        }\n-    },\n+    /**\n+     * Property: Indexer\n+     * {<OpenLayers.ElementIndexer>} An instance of OpenLayers.ElementsIndexer \n+     *     created upon initialization if the zIndexing or yOrdering options\n+     *     passed to this renderer's constructor are set to true.\n+     */\n+    indexer: null,\n \n     /**\n-     * Method: hide\n-     * Makes the popup invisible.\n+     * Constant: BACKGROUND_ID_SUFFIX\n+     * {String}\n      */\n-    hide: function() {\n-        this.div.style.display = 'none';\n-    },\n+    BACKGROUND_ID_SUFFIX: \"_background\",\n \n     /**\n-     * Method: setSize\n-     * Used to adjust the size of the popup. \n-     *\n-     * Parameters:\n-     * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-     *     contents div (in pixels).\n+     * Constant: LABEL_ID_SUFFIX\n+     * {String}\n      */\n-    setSize: function(contentSize) {\n-        this.size = contentSize.clone();\n+    LABEL_ID_SUFFIX: \"_label\",\n \n-        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n-        //  must add that to the desired \"size\". \n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+    /**\n+     * Constant: LABEL_OUTLINE_SUFFIX\n+     * {String}\n+     */\n+    LABEL_OUTLINE_SUFFIX: \"_outline\",\n \n-        // take into account the popup's 'padding' property\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n+    /**\n+     * Constructor: OpenLayers.Renderer.Elements\n+     * \n+     * Parameters:\n+     * containerID - {String}\n+     * options - {Object} options for this renderer. \n+     *\n+     * Supported options are:\n+     *     yOrdering - {Boolean} Whether to use y-ordering\n+     *     zIndexing - {Boolean} Whether to use z-indexing. Will be ignored\n+     *         if yOrdering is set to true.\n+     */\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n \n-        // make extra space for the close div\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right;\n-        }\n+        this.rendererRoot = this.createRenderRoot();\n+        this.root = this.createRoot(\"_root\");\n+        this.vectorRoot = this.createRoot(\"_vroot\");\n+        this.textRoot = this.createRoot(\"_troot\");\n \n-        //increase size of the main popup div to take into account the \n-        // users's desired padding and close div.        \n-        this.size.w += wPadding;\n-        this.size.h += hPadding;\n+        this.root.appendChild(this.vectorRoot);\n+        this.root.appendChild(this.textRoot);\n \n-        //now if our browser is IE, we need to actually make the contents \n-        // div itself bigger to take its own padding into effect. this makes \n-        // me want to shoot someone, but so it goes.\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.contentSize.w +=\n-                contentDivPadding.left + contentDivPadding.right;\n-            this.contentSize.h +=\n-                contentDivPadding.bottom + contentDivPadding.top;\n-        }\n+        this.rendererRoot.appendChild(this.root);\n+        this.container.appendChild(this.rendererRoot);\n \n-        if (this.div != null) {\n-            this.div.style.width = this.size.w + \"px\";\n-            this.div.style.height = this.size.h + \"px\";\n-        }\n-        if (this.contentDiv != null) {\n-            this.contentDiv.style.width = contentSize.w + \"px\";\n-            this.contentDiv.style.height = contentSize.h + \"px\";\n+        if (options && (options.zIndexing || options.yOrdering)) {\n+            this.indexer = new OpenLayers.ElementsIndexer(options.yOrdering);\n         }\n     },\n \n     /**\n-     * APIMethod: updateSize\n-     * Auto size the popup so that it precisely fits its contents (as \n-     *     determined by this.contentDiv.innerHTML). Popup size will, of\n-     *     course, be limited by the available space on the current map\n+     * Method: destroy\n      */\n-    updateSize: function() {\n-\n-        // determine actual render dimensions of the contents by putting its\n-        // contents into a fake contentDiv (for the CSS) and then measuring it\n-        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" +\n-            this.contentDiv.innerHTML +\n-            \"</div>\";\n-\n-        var containerElement = (this.map) ? this.map.div : document.body;\n-        var realSize = OpenLayers.Util.getRenderedDimensions(\n-            preparedHTML, null, {\n-                displayClass: this.displayClass,\n-                containerElement: containerElement\n-            }\n-        );\n-\n-        // is the \"real\" size of the div is safe to display in our map?\n-        var safeSize = this.getSafeContentSize(realSize);\n-\n-        var newSize = null;\n-        if (safeSize.equals(realSize)) {\n-            //real size of content is small enough to fit on the map, \n-            // so we use real size.\n-            newSize = realSize;\n-\n-        } else {\n+    destroy: function() {\n \n-            // make a new 'size' object with the clipped dimensions \n-            // set or null if not clipped.\n-            var fixedSize = {\n-                w: (safeSize.w < realSize.w) ? safeSize.w : null,\n-                h: (safeSize.h < realSize.h) ? safeSize.h : null\n-            };\n+        this.clear();\n \n-            if (fixedSize.w && fixedSize.h) {\n-                //content is too big in both directions, so we will use \n-                // max popup size (safeSize), knowing well that it will \n-                // overflow both ways.                \n-                newSize = safeSize;\n-            } else {\n-                //content is clipped in only one direction, so we need to \n-                // run getRenderedDimensions() again with a fixed dimension\n-                var clippedSize = OpenLayers.Util.getRenderedDimensions(\n-                    preparedHTML, fixedSize, {\n-                        displayClass: this.contentDisplayClass,\n-                        containerElement: containerElement\n-                    }\n-                );\n+        this.rendererRoot = null;\n+        this.root = null;\n+        this.xmlns = null;\n \n-                //if the clipped size is still the same as the safeSize, \n-                // that means that our content must be fixed in the \n-                // offending direction. If overflow is 'auto', this means \n-                // we are going to have a scrollbar for sure, so we must \n-                // adjust for that.\n-                //\n-                var currentOverflow = OpenLayers.Element.getStyle(\n-                    this.contentDiv, \"overflow\"\n-                );\n-                if ((currentOverflow != \"hidden\") &&\n-                    (clippedSize.equals(safeSize))) {\n-                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n-                    if (fixedSize.w) {\n-                        clippedSize.h += scrollBar;\n-                    } else {\n-                        clippedSize.w += scrollBar;\n-                    }\n-                }\n+        OpenLayers.Renderer.prototype.destroy.apply(this, arguments);\n+    },\n \n-                newSize = this.getSafeContentSize(clippedSize);\n+    /**\n+     * Method: clear\n+     * Remove all the elements from the root\n+     */\n+    clear: function() {\n+        var child;\n+        var root = this.vectorRoot;\n+        if (root) {\n+            while (child = root.firstChild) {\n+                root.removeChild(child);\n             }\n         }\n-        this.setSize(newSize);\n+        root = this.textRoot;\n+        if (root) {\n+            while (child = root.firstChild) {\n+                root.removeChild(child);\n+            }\n+        }\n+        if (this.indexer) {\n+            this.indexer.clear();\n+        }\n     },\n \n     /**\n-     * Method: setBackgroundColor\n-     * Sets the background color of the popup.\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n      *\n      * Parameters:\n-     * color - {String} the background color.  eg \"#FFBBBB\"\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     *\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n      */\n-    setBackgroundColor: function(color) {\n-        if (color != undefined) {\n-            this.backgroundColor = color;\n-        }\n-\n-        if (this.div != null) {\n-            this.div.style.backgroundColor = this.backgroundColor;\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var rightOfDateLine,\n+                ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio),\n+                world = this.map.getMaxExtent();\n+            if (world.right > extent.left && world.right < extent.right) {\n+                rightOfDateLine = true;\n+            } else if (world.left > extent.left && world.left < extent.right) {\n+                rightOfDateLine = false;\n+            }\n+            if (rightOfDateLine !== this.rightOfDateLine || resolutionChanged) {\n+                coordSysUnchanged = false;\n+                this.xOffset = rightOfDateLine === true ?\n+                    world.getWidth() / resolution : 0;\n+            }\n+            this.rightOfDateLine = rightOfDateLine;\n         }\n+        return coordSysUnchanged;\n     },\n \n-    /**\n-     * Method: setOpacity\n-     * Sets the opacity of the popup.\n-     * \n+    /** \n+     * Method: getNodeType\n+     * This function is in charge of asking the specific renderer which type\n+     *     of node to create for the given geometry and style. All geometries\n+     *     in an Elements-based renderer consist of one node and some\n+     *     attributes. We have the nodeFactory() function which creates a node\n+     *     for us, but it takes a 'type' as input, and that is precisely what\n+     *     this function tells us.  \n+     *  \n      * Parameters:\n-     * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n      */\n-    setOpacity: function(opacity) {\n-        if (opacity != undefined) {\n-            this.opacity = opacity;\n-        }\n-\n-        if (this.div != null) {\n-            // for Mozilla and Safari\n-            this.div.style.opacity = this.opacity;\n-\n-            // for IE\n-            this.div.style.filter = 'alpha(opacity=' + this.opacity * 100 + ')';\n-        }\n-    },\n+    getNodeType: function(geometry, style) {},\n \n-    /**\n-     * Method: setBorder\n-     * Sets the border style of the popup.\n+    /** \n+     * Method: drawGeometry \n+     * Draw the geometry, creating new nodes, setting paths, setting style,\n+     *     setting featureId on the node.  This method should only be called\n+     *     by the renderer itself.\n      *\n      * Parameters:\n-     * border - {String} The border style value. eg 2px \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n+     * \n+     * Returns:\n+     * {Boolean} true if the geometry has been drawn completely; null if\n+     *     incomplete; false otherwise\n      */\n-    setBorder: function(border) {\n-        if (border != undefined) {\n-            this.border = border;\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        var rendered = true;\n+        if ((className == \"OpenLayers.Geometry.Collection\") ||\n+            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n+            for (var i = 0, len = geometry.components.length; i < len; i++) {\n+                rendered = this.drawGeometry(\n+                    geometry.components[i], style, featureId) && rendered;\n+            }\n+            return rendered;\n         }\n \n-        if (this.div != null) {\n-            this.div.style.border = this.border;\n+        rendered = false;\n+        var removeBackground = false;\n+        if (style.display != \"none\") {\n+            if (style.backgroundGraphic) {\n+                this.redrawBackgroundNode(geometry.id, geometry, style,\n+                    featureId);\n+            } else {\n+                removeBackground = true;\n+            }\n+            rendered = this.redrawNode(geometry.id, geometry, style,\n+                featureId);\n+        }\n+        if (rendered == false) {\n+            var node = document.getElementById(geometry.id);\n+            if (node) {\n+                if (node._style.backgroundGraphic) {\n+                    removeBackground = true;\n+                }\n+                node.parentNode.removeChild(node);\n+            }\n+        }\n+        if (removeBackground) {\n+            var node = document.getElementById(\n+                geometry.id + this.BACKGROUND_ID_SUFFIX);\n+            if (node) {\n+                node.parentNode.removeChild(node);\n+            }\n         }\n+        return rendered;\n     },\n \n     /**\n-     * Method: setContentHTML\n-     * Allows the user to set the HTML content of the popup.\n-     *\n+     * Method: redrawNode\n+     * \n      * Parameters:\n-     * contentHTML - {String} HTML for the div.\n+     * id - {String}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n+     * \n+     * Returns:\n+     * {Boolean} true if the complete geometry could be drawn, null if parts of\n+     *     the geometry could not be drawn, false otherwise\n      */\n-    setContentHTML: function(contentHTML) {\n-\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML;\n-        }\n-\n-        if ((this.contentDiv != null) &&\n-            (this.contentHTML != null) &&\n-            (this.contentHTML != this.contentDiv.innerHTML)) {\n+    redrawNode: function(id, geometry, style, featureId) {\n+        style = this.applyDefaultSymbolizer(style);\n+        // Get the node if it's already on the map.\n+        var node = this.nodeFactory(id, this.getNodeType(geometry, style));\n \n-            this.contentDiv.innerHTML = this.contentHTML;\n+        // Set the data for the node, then draw it.\n+        node._featureId = featureId;\n+        node._boundsBottom = geometry.getBounds().bottom;\n+        node._geometryClass = geometry.CLASS_NAME;\n+        node._style = style;\n \n-            if (this.autoSize) {\n+        var drawResult = this.drawGeometryNode(node, geometry, style);\n+        if (drawResult === false) {\n+            return false;\n+        }\n \n-                //if popup has images, listen for when they finish\n-                // loading and resize accordingly\n-                this.registerImageListeners();\n+        node = drawResult.node;\n \n-                //auto size the popup to its current contents\n-                this.updateSize();\n+        // Insert the node into the indexer so it can show us where to\n+        // place it. Note that this operation is O(log(n)). If there's a\n+        // performance problem (when dragging, for instance) this is\n+        // likely where it would be.\n+        if (this.indexer) {\n+            var insert = this.indexer.insert(node);\n+            if (insert) {\n+                this.vectorRoot.insertBefore(node, insert);\n+            } else {\n+                this.vectorRoot.appendChild(node);\n+            }\n+        } else {\n+            // if there's no indexer, simply append the node to root,\n+            // but only if the node is a new one\n+            if (node.parentNode !== this.vectorRoot) {\n+                this.vectorRoot.appendChild(node);\n             }\n         }\n \n+        this.postDraw(node);\n+\n+        return drawResult.complete;\n     },\n \n     /**\n-     * Method: registerImageListeners\n-     * Called when an image contained by the popup loaded. this function\n-     *     updates the popup size, then unregisters the image load listener.\n-     */\n-    registerImageListeners: function() {\n-\n-        // As the images load, this function will call updateSize() to \n-        // resize the popup to fit the content div (which presumably is now\n-        // bigger than when the image was not loaded).\n-        // \n-        // If the 'panMapIfOutOfView' property is set, we will pan the newly\n-        // resized popup back into view.\n-        // \n-        // Note that this function, when called, will have 'popup' and \n-        // 'img' properties in the context.\n-        //\n-        var onImgLoad = function() {\n-            if (this.popup.id === null) { // this.popup has been destroyed!\n-                return;\n-            }\n-            this.popup.updateSize();\n-\n-            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n-                this.popup.panIntoView();\n-            }\n-\n-            OpenLayers.Event.stopObserving(\n-                this.img, \"load\", this.img._onImgLoad\n-            );\n-\n-        };\n-\n-        //cycle through the images and if their size is 0x0, that means that \n-        // they haven't been loaded yet, so we attach the listener, which \n-        // will fire when the images finish loading and will resize the \n-        // popup accordingly to its new size.\n-        var images = this.contentDiv.getElementsByTagName(\"img\");\n-        for (var i = 0, len = images.length; i < len; i++) {\n-            var img = images[i];\n-            if (img.width == 0 || img.height == 0) {\n-\n-                var context = {\n-                    'popup': this,\n-                    'img': img\n-                };\n-\n-                //expando this function to the image itself before registering\n-                // it. This way we can easily and properly unregister it.\n-                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n-\n-                OpenLayers.Event.observe(img, 'load', img._onImgLoad);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: getSafeContentSize\n+     * Method: redrawBackgroundNode\n+     * Redraws the node using special 'background' style properties. Basically\n+     *     just calls redrawNode(), but instead of directly using the \n+     *     'externalGraphic', 'graphicXOffset', 'graphicYOffset', and \n+     *     'graphicZIndex' properties directly from the specified 'style' \n+     *     parameter, we create a new style object and set those properties \n+     *     from the corresponding 'background'-prefixed properties from \n+     *     specified 'style' parameter.\n      * \n      * Parameters:\n-     * size - {<OpenLayers.Size>} Desired size to make the popup.\n+     * id - {String}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * featureId - {String}\n      * \n      * Returns:\n-     * {<OpenLayers.Size>} A size to make the popup which is neither smaller\n-     *     than the specified minimum size, nor bigger than the maximum \n-     *     size (which is calculated relative to the size of the viewport).\n+     * {Boolean} true if the complete geometry could be drawn, null if parts of\n+     *     the geometry could not be drawn, false otherwise\n      */\n-    getSafeContentSize: function(size) {\n-\n-        var safeContentSize = size.clone();\n-\n-        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n-        //  must add that to the desired \"size\". \n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-\n-        // take into account the popup's 'padding' property\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right;\n-        }\n-\n-        // prevent the popup from being smaller than a specified minimal size\n-        if (this.minSize) {\n-            safeContentSize.w = Math.max(safeContentSize.w,\n-                (this.minSize.w - wPadding));\n-            safeContentSize.h = Math.max(safeContentSize.h,\n-                (this.minSize.h - hPadding));\n-        }\n-\n-        // prevent the popup from being bigger than a specified maximum size\n-        if (this.maxSize) {\n-            safeContentSize.w = Math.min(safeContentSize.w,\n-                (this.maxSize.w - wPadding));\n-            safeContentSize.h = Math.min(safeContentSize.h,\n-                (this.maxSize.h - hPadding));\n-        }\n-\n-        //make sure the desired size to set doesn't result in a popup that \n-        // is bigger than the map's viewport.\n-        //\n-        if (this.map && this.map.size) {\n-\n-            var extraX = 0,\n-                extraY = 0;\n-            if (this.keepInMap && !this.panMapIfOutOfView) {\n-                var px = this.map.getPixelFromLonLat(this.lonlat);\n-                switch (this.relativePosition) {\n-                    case \"tr\":\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"tl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"bl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = px.y;\n-                        break;\n-                    case \"br\":\n-                        extraX = px.x;\n-                        extraY = px.y;\n-                        break;\n-                    default:\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                }\n-            }\n-\n-            var maxY = this.map.size.h -\n-                this.map.paddingForPopups.top -\n-                this.map.paddingForPopups.bottom -\n-                hPadding - extraY;\n+    redrawBackgroundNode: function(id, geometry, style, featureId) {\n+        var backgroundStyle = OpenLayers.Util.extend({}, style);\n \n-            var maxX = this.map.size.w -\n-                this.map.paddingForPopups.left -\n-                this.map.paddingForPopups.right -\n-                wPadding - extraX;\n+        // Set regular style attributes to apply to the background styles.\n+        backgroundStyle.externalGraphic = backgroundStyle.backgroundGraphic;\n+        backgroundStyle.graphicXOffset = backgroundStyle.backgroundXOffset;\n+        backgroundStyle.graphicYOffset = backgroundStyle.backgroundYOffset;\n+        backgroundStyle.graphicZIndex = backgroundStyle.backgroundGraphicZIndex;\n+        backgroundStyle.graphicWidth = backgroundStyle.backgroundWidth || backgroundStyle.graphicWidth;\n+        backgroundStyle.graphicHeight = backgroundStyle.backgroundHeight || backgroundStyle.graphicHeight;\n \n-            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n-            safeContentSize.h = Math.min(safeContentSize.h, maxY);\n-        }\n+        // Erase background styles.\n+        backgroundStyle.backgroundGraphic = null;\n+        backgroundStyle.backgroundXOffset = null;\n+        backgroundStyle.backgroundYOffset = null;\n+        backgroundStyle.backgroundGraphicZIndex = null;\n \n-        return safeContentSize;\n+        return this.redrawNode(\n+            id + this.BACKGROUND_ID_SUFFIX,\n+            geometry,\n+            backgroundStyle,\n+            null\n+        );\n     },\n \n     /**\n-     * Method: getContentDivPadding\n-     * Glorious, oh glorious hack in order to determine the css 'padding' of \n-     *     the contentDiv. IE/Opera return null here unless we actually add the \n-     *     popup's main 'div' element (which contains contentDiv) to the DOM. \n-     *     So we make it invisible and then add it to the document temporarily. \n-     *\n-     *     Once we've taken the padding readings we need, we then remove it \n-     *     from the DOM (it will actually get added to the DOM in \n-     *     Map.js's addPopup)\n+     * Method: drawGeometryNode\n+     * Given a node, draw a geometry on the specified layer.\n+     *     node and geometry are required arguments, style is optional.\n+     *     This method is only called by the render itself.\n      *\n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n      * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * {Object} a hash with properties \"node\" (the drawn node) and \"complete\"\n+     *     (null if parts of the geometry could not be drawn, false if nothing\n+     *     could be drawn)\n      */\n-    getContentDivPadding: function() {\n-\n-        //use cached value if we have it\n-        var contentDivPadding = this._contentDivPadding;\n-        if (!contentDivPadding) {\n-\n-            if (this.div.parentNode == null) {\n-                //make the div invisible and add it to the page        \n-                this.div.style.display = \"none\";\n-                document.body.appendChild(this.div);\n-            }\n+    drawGeometryNode: function(node, geometry, style) {\n+        style = style || node._style;\n \n-            //read the padding settings from css, put them in an OL.Bounds        \n-            contentDivPadding = new OpenLayers.Bounds(\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"),\n-                OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\")\n-            );\n+        var options = {\n+            'isFilled': style.fill === undefined ?\n+                true : style.fill,\n+            'isStroked': style.stroke === undefined ?\n+                !!style.strokeWidth : style.stroke\n+        };\n+        var drawn;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.graphic === false) {\n+                    options.isFilled = false;\n+                    options.isStroked = false;\n+                }\n+                drawn = this.drawPoint(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                options.isFilled = false;\n+                drawn = this.drawLineString(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                drawn = this.drawLinearRing(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                drawn = this.drawPolygon(node, geometry);\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                drawn = this.drawRectangle(node, geometry);\n+                break;\n+            default:\n+                break;\n+        }\n \n-            //cache the value\n-            this._contentDivPadding = contentDivPadding;\n+        node._options = options;\n \n-            if (this.div.parentNode == document.body) {\n-                //remove the div from the page and make it visible again\n-                document.body.removeChild(this.div);\n-                this.div.style.display = \"\";\n-            }\n+        //set style\n+        //TBD simplify this\n+        if (drawn != false) {\n+            return {\n+                node: this.setStyle(node, style, options, geometry),\n+                complete: drawn\n+            };\n+        } else {\n+            return false;\n         }\n-        return contentDivPadding;\n     },\n \n     /**\n-     * Method: addCloseBox\n+     * Method: postDraw\n+     * Things that have do be done after the geometry node is appended\n+     *     to its parent node. To be overridden by subclasses.\n      * \n      * Parameters:\n-     * callback - {Function} The callback to be called when the close button\n-     *     is clicked.\n+     * node - {DOMElement}\n      */\n-    addCloseBox: function(callback) {\n-\n-        this.closeDiv = OpenLayers.Util.createDiv(\n-            this.id + \"_close\", null, {\n-                w: 17,\n-                h: 17\n-            }\n-        );\n-        this.closeDiv.className = \"olPopupCloseBox\";\n+    postDraw: function(node) {},\n \n-        // use the content div's css padding to determine if we should\n-        //  padd the close div\n-        var contentDivPadding = this.getContentDivPadding();\n+    /**\n+     * Method: drawPoint\n+     * Virtual function for drawing Point Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the point\n+     */\n+    drawPoint: function(node, geometry) {},\n \n-        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n-        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n-        this.groupDiv.appendChild(this.closeDiv);\n+    /**\n+     * Method: drawLineString\n+     * Virtual function for drawing LineString Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components of\n+     *     the linestring, or false if nothing could be drawn\n+     */\n+    drawLineString: function(node, geometry) {},\n \n-        var closePopup = callback || function(e) {\n-            this.hide();\n-            OpenLayers.Event.stop(e);\n-        };\n-        OpenLayers.Event.observe(this.closeDiv, \"touchend\",\n-            OpenLayers.Function.bindAsEventListener(closePopup, this));\n-        OpenLayers.Event.observe(this.closeDiv, \"click\",\n-            OpenLayers.Function.bindAsEventListener(closePopup, this));\n-    },\n+    /**\n+     * Method: drawLinearRing\n+     * Virtual function for drawing LinearRing Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the linear ring, or false if nothing could be drawn\n+     */\n+    drawLinearRing: function(node, geometry) {},\n \n     /**\n-     * Method: panIntoView\n-     * Pans the map such that the popup is totaly viewable (if necessary)\n+     * Method: drawPolygon\n+     * Virtual function for drawing Polygon Geometry. \n+     *    Should be implemented by subclasses.\n+     *    This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the polygon, or false if nothing could be drawn\n      */\n-    panIntoView: function() {\n+    drawPolygon: function(node, geometry) {},\n \n-        var mapSize = this.map.getSize();\n+    /**\n+     * Method: drawRectangle\n+     * Virtual function for drawing Rectangle Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the rectangle\n+     */\n+    drawRectangle: function(node, geometry) {},\n \n-        //start with the top left corner of the popup, in px, \n-        // relative to the viewport\n-        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(\n-            parseInt(this.div.style.left),\n-            parseInt(this.div.style.top)\n-        ));\n-        var newTL = origTL.clone();\n+    /**\n+     * Method: drawCircle\n+     * Virtual function for drawing Circle Geometry. \n+     *     Should be implemented by subclasses.\n+     *     This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the circle\n+     */\n+    drawCircle: function(node, geometry) {},\n \n-        //new left (compare to margins, using this.size to calculate right)\n-        if (origTL.x < this.map.paddingForPopups.left) {\n-            newTL.x = this.map.paddingForPopups.left;\n-        } else\n-        if ((origTL.x + this.size.w) > (mapSize.w - this.map.paddingForPopups.right)) {\n-            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w;\n+    /**\n+     * Method: removeText\n+     * Removes a label\n+     * \n+     * Parameters:\n+     * featureId - {String}\n+     */\n+    removeText: function(featureId) {\n+        var label = document.getElementById(featureId + this.LABEL_ID_SUFFIX);\n+        if (label) {\n+            this.textRoot.removeChild(label);\n         }\n-\n-        //new top (compare to margins, using this.size to calculate bottom)\n-        if (origTL.y < this.map.paddingForPopups.top) {\n-            newTL.y = this.map.paddingForPopups.top;\n-        } else\n-        if ((origTL.y + this.size.h) > (mapSize.h - this.map.paddingForPopups.bottom)) {\n-            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h;\n+        var outline = document.getElementById(featureId + this.LABEL_OUTLINE_SUFFIX);\n+        if (outline) {\n+            this.textRoot.removeChild(outline);\n         }\n+    },\n \n-        var dx = origTL.x - newTL.x;\n-        var dy = origTL.y - newTL.y;\n-\n-        this.map.pan(dx, dy);\n+    /**\n+     * Method: getFeatureIdFromEvent\n+     * \n+     * Parameters:\n+     * evt - {Object} An <OpenLayers.Event> object\n+     *\n+     * Returns:\n+     * {String} A feature id or undefined.\n+     */\n+    getFeatureIdFromEvent: function(evt) {\n+        var target = evt.target;\n+        var useElement = target && target.correspondingUseElement;\n+        var node = useElement ? useElement : (target || evt.srcElement);\n+        return node._featureId;\n     },\n \n     /** \n-     * Method: registerEvents\n-     * Registers events on the popup.\n-     *\n-     * Do this in a separate function so that subclasses can \n-     *   choose to override it if they wish to deal differently\n-     *   with mouse events\n-     * \n-     *   Note in the following handler functions that some special\n-     *    care is needed to deal correctly with mousing and popups. \n-     *   \n-     *   Because the user might select the zoom-rectangle option and\n-     *    then drag it over a popup, we need a safe way to allow the\n-     *    mousemove and mouseup events to pass through the popup when\n-     *    they are initiated from outside. The same procedure is needed for\n-     *    touchmove and touchend events.\n+     * Method: eraseGeometry\n+     * Erase a geometry from the renderer. In the case of a multi-geometry, \n+     *     we cycle through and recurse on ourselves. Otherwise, we look for a \n+     *     node with the geometry.id, destroy its geometry, and remove it from\n+     *     the DOM.\n      * \n-     *   Otherwise, we want to essentially kill the event propagation\n-     *    for all other events, though we have to do so carefully, \n-     *    without disabling basic html functionality, like clicking on \n-     *    hyperlinks or drag-selecting text.\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * featureId - {String}\n      */\n-    registerEvents: function() {\n-        this.events = new OpenLayers.Events(this, this.div, null, true);\n+    eraseGeometry: function(geometry, featureId) {\n+        if ((geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPolygon\") ||\n+            (geometry.CLASS_NAME == \"OpenLayers.Geometry.Collection\")) {\n+            for (var i = 0, len = geometry.components.length; i < len; i++) {\n+                this.eraseGeometry(geometry.components[i], featureId);\n+            }\n+        } else {\n+            var element = OpenLayers.Util.getElement(geometry.id);\n+            if (element && element.parentNode) {\n+                if (element.geometry) {\n+                    element.geometry.destroy();\n+                    element.geometry = null;\n+                }\n+                element.parentNode.removeChild(element);\n \n-        function onTouchstart(evt) {\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-        this.events.on({\n-            \"mousedown\": this.onmousedown,\n-            \"mousemove\": this.onmousemove,\n-            \"mouseup\": this.onmouseup,\n-            \"click\": this.onclick,\n-            \"mouseout\": this.onmouseout,\n-            \"dblclick\": this.ondblclick,\n-            \"touchstart\": onTouchstart,\n-            scope: this\n-        });\n+                if (this.indexer) {\n+                    this.indexer.remove(element);\n+                }\n \n+                if (element._style.backgroundGraphic) {\n+                    var backgroundId = geometry.id + this.BACKGROUND_ID_SUFFIX;\n+                    var bElem = OpenLayers.Util.getElement(backgroundId);\n+                    if (bElem && bElem.parentNode) {\n+                        // No need to destroy the geometry since the element and the background\n+                        // node share the same geometry.\n+                        bElem.parentNode.removeChild(bElem);\n+                    }\n+                }\n+            }\n+        }\n     },\n \n     /** \n-     * Method: onmousedown \n-     * When mouse goes down within the popup, make a note of\n-     *   it locally, and then do not propagate the mousedown \n-     *   (but do so safely so that user can select text inside)\n+     * Method: nodeFactory\n+     * Create new node of the specified type, with the (optional) specified id.\n+     * \n+     * If node already exists with same ID and a different type, we remove it\n+     *     and then call ourselves again to recreate it.\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * id - {String}\n+     * type - {String} type Kind of node to draw.\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id.\n      */\n-    onmousedown: function(evt) {\n-        this.mousedown = true;\n-        OpenLayers.Event.stop(evt, true);\n+    nodeFactory: function(id, type) {\n+        var node = OpenLayers.Util.getElement(id);\n+        if (node) {\n+            if (!this.nodeTypeCompare(node, type)) {\n+                node.parentNode.removeChild(node);\n+                node = this.nodeFactory(id, type);\n+            }\n+        } else {\n+            node = this.createNode(type, id);\n+        }\n+        return node;\n     },\n \n     /** \n-     * Method: onmousemove\n-     * If the drag was started within the popup, then \n-     *   do not propagate the mousemove (but do so safely\n-     *   so that user can select text inside)\n+     * Method: nodeTypeCompare\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * node - {DOMElement}\n+     * type - {String} Kind of node\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     *     This function must be overridden by subclasses.\n      */\n-    onmousemove: function(evt) {\n-        if (this.mousedown) {\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-    },\n+    nodeTypeCompare: function(node, type) {},\n \n     /** \n-     * Method: onmouseup\n-     * When mouse comes up within the popup, after going down \n-     *   in it, reset the flag, and then (once again) do not \n-     *   propagate the event, but do so safely so that user can \n-     *   select text inside\n+     * Method: createNode\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * type - {String} Kind of node to draw.\n+     * id - {String} Id for node.\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id.\n+     *     This function must be overridden by subclasses.\n      */\n-    onmouseup: function(evt) {\n-        if (this.mousedown) {\n-            this.mousedown = false;\n-            OpenLayers.Event.stop(evt, true);\n-        }\n-    },\n+    createNode: function(type, id) {},\n \n     /**\n-     * Method: onclick\n-     * Ignore clicks, but allowing default browser handling\n+     * Method: moveRoot\n+     * moves this renderer's root to a different renderer.\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n      */\n-    onclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true);\n+    moveRoot: function(renderer) {\n+        var root = this.root;\n+        if (renderer.root.parentNode == this.rendererRoot) {\n+            root = renderer.root;\n+        }\n+        root.parentNode.removeChild(root);\n+        renderer.rendererRoot.appendChild(root);\n     },\n \n-    /** \n-     * Method: onmouseout\n-     * When mouse goes out of the popup set the flag to false so that\n-     *   if they let go and then drag back in, we won't be confused.\n+    /**\n+     * Method: getRenderLayerId\n+     * Gets the layer that this renderer's output appears on. If moveRoot was\n+     * used, this will be different from the id of the layer containing the\n+     * features rendered by this renderer.\n      * \n-     * Parameters:\n-     * evt - {Event} \n+     * Returns:\n+     * {String} the id of the output layer.\n      */\n-    onmouseout: function(evt) {\n-        this.mousedown = false;\n+    getRenderLayerId: function() {\n+        return this.root.parentNode.parentNode.id;\n     },\n \n-    /** \n-     * Method: ondblclick\n-     * Ignore double-clicks, but allowing default browser handling\n+    /**\n+     * Method: isComplexSymbol\n+     * Determines if a symbol cannot be rendered using drawCircle\n      * \n      * Parameters:\n-     * evt - {Event} \n+     * graphicName - {String}\n+     * \n+     * Returns\n+     * {Boolean} true if the symbol is complex, false if not\n      */\n-    ondblclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true);\n+    isComplexSymbol: function(graphicName) {\n+        return (graphicName != \"circle\") && !!graphicName;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Popup\"\n+    CLASS_NAME: \"OpenLayers.Renderer.Elements\"\n });\n \n-OpenLayers.Popup.WIDTH = 200;\n-OpenLayers.Popup.HEIGHT = 200;\n-OpenLayers.Popup.COLOR = \"white\";\n-OpenLayers.Popup.OPACITY = 1;\n-OpenLayers.Popup.BORDER = \"0px\";\n /* ======================================================================\n-    OpenLayers/Popup/Anchored.js\n+    OpenLayers/Renderer/SVG.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Popup.js\n+ * @requires OpenLayers/Renderer/Elements.js\n  */\n \n /**\n- * Class: OpenLayers.Popup.Anchored\n+ * Class: OpenLayers.Renderer.SVG\n  * \n- * Inherits from:\n- *  - <OpenLayers.Popup>\n+ * Inherits:\n+ *  - <OpenLayers.Renderer.Elements>\n  */\n-OpenLayers.Popup.Anchored =\n-    OpenLayers.Class(OpenLayers.Popup, {\n+OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n \n-        /** \n-         * Property: relativePosition\n-         * {String} Relative position of the popup (\"br\", \"tr\", \"tl\" or \"bl\").\n-         */\n-        relativePosition: null,\n+    /** \n+     * Property: xmlns\n+     * {String}\n+     */\n+    xmlns: \"http://www.w3.org/2000/svg\",\n \n-        /**\n-         * APIProperty: keepInMap \n-         * {Boolean} If panMapIfOutOfView is false, and this property is true, \n-         *     contrain the popup such that it always fits in the available map\n-         *     space. By default, this is set. If you are creating popups that are\n-         *     near map edges and not allowing pannning, and especially if you have\n-         *     a popup which has a fixedRelativePosition, setting this to false may\n-         *     be a smart thing to do.\n-         *   \n-         *     For anchored popups, default is true, since subclasses will\n-         *     usually want this functionality.\n-         */\n-        keepInMap: true,\n+    /**\n+     * Property: xlinkns\n+     * {String}\n+     */\n+    xlinkns: \"http://www.w3.org/1999/xlink\",\n \n-        /**\n-         * Property: anchor\n-         * {Object} Object to which we'll anchor the popup. Must expose a \n-         *     'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>).\n-         */\n-        anchor: null,\n+    /**\n+     * Constant: MAX_PIXEL\n+     * {Integer} Firefox has a limitation where values larger or smaller than  \n+     *           about 15000 in an SVG document lock the browser up. This \n+     *           works around it.\n+     */\n+    MAX_PIXEL: 15000,\n \n-        /** \n-         * Constructor: OpenLayers.Popup.Anchored\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object which must expose a 'size' <OpenLayers.Size> \n-         *     and 'offset' <OpenLayers.Pixel> (generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n-            var newArguments = [\n-                id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback\n-            ];\n-            OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n+    /**\n+     * Property: translationParameters\n+     * {Object} Hash with \"x\" and \"y\" properties\n+     */\n+    translationParameters: null,\n \n-            this.anchor = (anchor != null) ? anchor :\n-                {\n-                    size: new OpenLayers.Size(0, 0),\n-                    offset: new OpenLayers.Pixel(0, 0)\n-                };\n-        },\n+    /**\n+     * Property: symbolMetrics\n+     * {Object} Cache for symbol metrics according to their svg coordinate\n+     *     space. This is an object keyed by the symbol's id, and values are\n+     *     an array of [width, centerX, centerY].\n+     */\n+    symbolMetrics: null,\n \n-        /**\n-         * APIMethod: destroy\n-         */\n-        destroy: function() {\n-            this.anchor = null;\n-            this.relativePosition = null;\n+    /**\n+     * Constructor: OpenLayers.Renderer.SVG\n+     * \n+     * Parameters:\n+     * containerID - {String}\n+     */\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+        this.translationParameters = {\n+            x: 0,\n+            y: 0\n+        };\n \n-            OpenLayers.Popup.prototype.destroy.apply(this, arguments);\n-        },\n+        this.symbolMetrics = {};\n+    },\n \n-        /**\n-         * APIMethod: show\n-         * Overridden from Popup since user might hide popup and then show() it \n-         *     in a new location (meaning we might want to update the relative\n-         *     position on the show)\n-         */\n-        show: function() {\n-            this.updatePosition();\n-            OpenLayers.Popup.prototype.show.apply(this, arguments);\n-        },\n+    /**\n+     * APIMethod: supported\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the SVG renderer\n+     */\n+    supported: function() {\n+        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n+        return (document.implementation &&\n+            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n+                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n+                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n+    },\n \n-        /**\n-         * Method: moveTo\n-         * Since the popup is moving to a new px, it might need also to be moved\n-         *     relative to where the marker is. We first calculate the new \n-         *     relativePosition, and then we calculate the new px where we will \n-         *     put the popup, based on the new relative position. \n-         * \n-         *     If the relativePosition has changed, we must also call \n-         *     updateRelativePosition() to make any visual changes to the popup \n-         *     which are associated with putting it in a new relativePosition.\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         */\n-        moveTo: function(px) {\n-            var oldRelativePosition = this.relativePosition;\n-            this.relativePosition = this.calculateRelativePosition(px);\n+    /**\n+     * Method: inValidRange\n+     * See #669 for more information\n+     *\n+     * Parameters:\n+     * x      - {Integer}\n+     * y      - {Integer}\n+     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n+     *     to not take the current translation parameters into account if true.\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n+     *           valid range.\n+     */\n+    inValidRange: function(x, y, xyOnly) {\n+        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n+        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n+        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n+            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n+    },\n \n-            OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n+    /**\n+     * Method: setExtent\n+     * \n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n \n-            //if this move has caused the popup to change its relative position, \n-            // we need to make the appropriate cosmetic changes.\n-            if (this.relativePosition != oldRelativePosition) {\n-                this.updateRelativePosition();\n-            }\n-        },\n+        var resolution = this.getResolution(),\n+            left = -extent.left / resolution,\n+            top = extent.top / resolution;\n \n-        /**\n-         * APIMethod: setSize\n-         * \n-         * Parameters:\n-         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-         *     contents div (in pixels).\n-         */\n-        setSize: function(contentSize) {\n-            OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n+        // If the resolution has changed, start over changing the corner, because\n+        // the features will redraw.\n+        if (resolutionChanged) {\n+            this.left = left;\n+            this.top = top;\n+            // Set the viewbox\n+            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n \n-            if ((this.lonlat) && (this.map)) {\n-                var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-                this.moveTo(px);\n+            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n+            this.translate(this.xOffset, 0);\n+            return true;\n+        } else {\n+            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n+            if (!inRange) {\n+                // recenter the coordinate system\n+                this.setExtent(extent, true);\n             }\n-        },\n-\n-        /** \n-         * Method: calculateRelativePosition\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {String} The relative position (\"br\" \"tr\" \"tl\" \"bl\") at which the popup\n-         *     should be placed.\n-         */\n-        calculateRelativePosition: function(px) {\n-            var lonlat = this.map.getLonLatFromLayerPx(px);\n-\n-            var extent = this.map.getExtent();\n-            var quadrant = extent.determineQuadrant(lonlat);\n-\n-            return OpenLayers.Bounds.oppositeQuadrant(quadrant);\n-        },\n-\n-        /**\n-         * Method: updateRelativePosition\n-         * The popup has been moved to a new relative location, so we may want to \n-         *     make some cosmetic adjustments to it. \n-         * \n-         *     Note that in the classic Anchored popup, there is nothing to do \n-         *     here, since the popup looks exactly the same in all four positions.\n-         *     Subclasses such as Framed, however, will want to do something\n-         *     special here.\n-         */\n-        updateRelativePosition: function() {\n-            //to be overridden by subclasses\n-        },\n-\n-        /** \n-         * Method: calculateNewPx\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n-         *     relative to the passed-in px.\n-         */\n-        calculateNewPx: function(px) {\n-            var newPx = px.offset(this.anchor.offset);\n-\n-            //use contentSize if size is not already set\n-            var size = this.size || this.contentSize;\n-\n-            var top = (this.relativePosition.charAt(0) == 't');\n-            newPx.y += (top) ? -size.h : this.anchor.size.h;\n-\n-            var left = (this.relativePosition.charAt(1) == 'l');\n-            newPx.x += (left) ? -size.w : this.anchor.size.w;\n-\n-            return newPx;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Popup/Framed.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Popup/Anchored.js\n- */\n-\n-/**\n- * Class: OpenLayers.Popup.Framed\n- * \n- * Inherits from:\n- *  - <OpenLayers.Popup.Anchored>\n- */\n-OpenLayers.Popup.Framed =\n-    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n-\n-        /**\n-         * Property: imageSrc\n-         * {String} location of the image to be used as the popup frame\n-         */\n-        imageSrc: null,\n-\n-        /**\n-         * Property: imageSize\n-         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n-         *     by the 'imageSrc' property.\n-         */\n-        imageSize: null,\n-\n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The image has some alpha and thus needs to use the alpha \n-         *     image hack. Note that setting this to true will have no noticeable\n-         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n-         *     browser. \n-         *     Default is false.\n-         */\n-        isAlphaImage: false,\n-\n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of different position blocks (Object/Hashs). Each block \n-         *     will be keyed by a two-character 'relativePosition' \n-         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n-         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n-         *     parameter, which is an array of the block objects. \n-         * \n-         *     Each block object must have 'size', 'anchor', and 'position' \n-         *     properties.\n-         * \n-         *     Note that positionBlocks should never be modified at runtime.\n-         */\n-        positionBlocks: null,\n+            return coordSysUnchanged && inRange;\n+        }\n+    },\n \n-        /**\n-         * Property: blocks\n-         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n-         *     popup. Each block has a 'div' and an 'image' property, both of \n-         *     which are DOMElements, and the latter of which is appended to the \n-         *     former. These are reused as the popup goes changing positions for\n-         *     great economy and elegance.\n-         */\n-        blocks: null,\n+    /**\n+     * Method: translate\n+     * Transforms the SVG coordinate system\n+     * \n+     * Parameters:\n+     * x - {Float}\n+     * y - {Float}\n+     * \n+     * Returns:\n+     * {Boolean} true if the translation parameters are in the valid coordinates\n+     *     range, false otherwise.\n+     */\n+    translate: function(x, y) {\n+        if (!this.inValidRange(x, y, true)) {\n+            return false;\n+        } else {\n+            var transformString = \"\";\n+            if (x || y) {\n+                transformString = \"translate(\" + x + \",\" + y + \")\";\n+            }\n+            this.root.setAttributeNS(null, \"transform\", transformString);\n+            this.translationParameters = {\n+                x: x,\n+                y: y\n+            };\n+            return true;\n+        }\n+    },\n \n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} We want the framed popup to work dynamically placed relative\n-         *     to its anchor but also in just one fixed position. A well designed\n-         *     framed popup will have the pixels and logic to display itself in \n-         *     any of the four relative positions, but (understandably), this will\n-         *     not be the case for all of them. By setting this property to 'true', \n-         *     framed popup will not recalculate for the best placement each time\n-         *     it's open, but will always open the same way. \n-         *     Note that if this is set to true, it is generally advisable to also\n-         *     set the 'panIntoView' property to true so that the popup can be \n-         *     scrolled into view (since it will often be offscreen on open)\n-         *     Default is false.\n-         */\n-        fixedRelativePosition: false,\n+    /**\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     * \n+     * Parameters:\n+     * size - {<OpenLayers.Size>} The size of the drawing surface\n+     */\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n \n-        /** \n-         * Constructor: OpenLayers.Popup.Framed\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n+        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n+        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n+    },\n \n-            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+    /** \n+     * Method: getNodeType \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"image\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"svg\";\n+                } else {\n+                    nodeType = \"circle\";\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                nodeType = \"polyline\";\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                nodeType = \"polygon\";\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"path\";\n+                break;\n+            default:\n+                break;\n+        }\n+        return nodeType;\n+    },\n \n-            if (this.fixedRelativePosition) {\n-                //based on our decided relativePostion, set the current padding\n-                // this keeps us from getting into trouble \n-                this.updateRelativePosition();\n+    /** \n+     * Method: setStyle\n+     * Use to set all the style attributes to a SVG node.\n+     * \n+     * Takes care to adjust stroke width and point radius to be\n+     * resolution-relative\n+     *\n+     * Parameters:\n+     * node - {SVGDomElement} An SVG element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n+     */\n+    setStyle: function(node, style, options) {\n+        style = style || node._style;\n+        options = options || node._options;\n \n-                //make calculateRelativePosition always return the specified\n-                // fixed position.\n-                this.calculateRelativePosition = function(px) {\n-                    return this.relativePosition;\n-                };\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.setAttributeNS(null, \"title\", title);\n+            //Standards-conformant SVG\n+            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n+            var titleNode = node.getElementsByTagName(\"title\");\n+            if (titleNode.length > 0) {\n+                titleNode[0].firstChild.textContent = title;\n+            } else {\n+                var label = this.nodeFactory(null, \"title\");\n+                label.textContent = title;\n+                node.appendChild(label);\n             }\n+        }\n \n-            this.contentDiv.style.position = \"absolute\";\n-            this.contentDiv.style.zIndex = 1;\n+        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n+        var widthFactor = 1;\n+        var pos;\n+        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n+            node.style.visibility = \"\";\n+            if (style.graphic === false) {\n+                node.style.visibility = \"hidden\";\n+            } else if (style.externalGraphic) {\n+                pos = this.getPosition(node);\n+                if (style.graphicWidth && style.graphicHeight) {\n+                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n+                }\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n \n-            if (closeBox) {\n-                this.closeDiv.style.zIndex = 1;\n-            }\n+                var opacity = style.graphicOpacity || style.fillOpacity;\n \n-            this.groupDiv.style.position = \"absolute\";\n-            this.groupDiv.style.top = \"0px\";\n-            this.groupDiv.style.left = \"0px\";\n-            this.groupDiv.style.height = \"100%\";\n-            this.groupDiv.style.width = \"100%\";\n-        },\n+                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n+                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n+                node.setAttributeNS(null, \"width\", width);\n+                node.setAttributeNS(null, \"height\", height);\n+                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n+                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n+                node.onclick = OpenLayers.Event.preventDefault;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                // the symbol viewBox is three times as large as the symbol\n+                var offset = style.pointRadius * 3;\n+                var size = offset * 2;\n+                var src = this.importSymbol(style.graphicName);\n+                pos = this.getPosition(node);\n+                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n \n-        /** \n-         * APIMethod: destroy\n-         */\n-        destroy: function() {\n-            this.imageSrc = null;\n-            this.imageSize = null;\n-            this.isAlphaImage = null;\n+                // remove the node from the dom before we modify it. This\n+                // prevents various rendering issues in Safari and FF\n+                var parent = node.parentNode;\n+                var nextSibling = node.nextSibling;\n+                if (parent) {\n+                    parent.removeChild(node);\n+                }\n \n-            this.fixedRelativePosition = false;\n-            this.positionBlocks = null;\n+                // The more appropriate way to implement this would be use/defs,\n+                // but due to various issues in several browsers, it is safer to\n+                // copy the symbols instead of referencing them. \n+                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n+                // and this email thread\n+                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n+                node.firstChild && node.removeChild(node.firstChild);\n+                node.appendChild(src.firstChild.cloneNode(true));\n+                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n \n-            //remove our blocks\n-            for (var i = 0; i < this.blocks.length; i++) {\n-                var block = this.blocks[i];\n+                node.setAttributeNS(null, \"width\", size);\n+                node.setAttributeNS(null, \"height\", size);\n+                node.setAttributeNS(null, \"x\", pos.x - offset);\n+                node.setAttributeNS(null, \"y\", pos.y - offset);\n \n-                if (block.image) {\n-                    block.div.removeChild(block.image);\n+                // now that the node has all its new properties, insert it\n+                // back into the dom where it was\n+                if (nextSibling) {\n+                    parent.insertBefore(node, nextSibling);\n+                } else if (parent) {\n+                    parent.appendChild(node);\n                 }\n-                block.image = null;\n+            } else {\n+                node.setAttributeNS(null, \"r\", style.pointRadius);\n+            }\n \n-                if (block.div) {\n-                    this.groupDiv.removeChild(block.div);\n+            var rotation = style.rotation;\n+\n+            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n+                node._rotation = rotation;\n+                rotation |= 0;\n+                if (node.nodeName !== \"svg\") {\n+                    node.setAttributeNS(null, \"transform\",\n+                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n+                        pos.y + \")\");\n+                } else {\n+                    var metrics = this.symbolMetrics[src.id];\n+                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n+                        rotation + \" \" +\n+                        metrics[1] + \" \" +\n+                        metrics[2] + \")\");\n                 }\n-                block.div = null;\n             }\n-            this.blocks = null;\n-\n-            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n-        },\n+        }\n \n-        /**\n-         * APIMethod: setBackgroundColor\n-         */\n-        setBackgroundColor: function(color) {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the background color makes no sense. \n-        },\n+        if (options.isFilled) {\n+            node.setAttributeNS(null, \"fill\", style.fillColor);\n+            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n+        } else {\n+            node.setAttributeNS(null, \"fill\", \"none\");\n+        }\n \n-        /**\n-         * APIMethod: setBorder\n-         */\n-        setBorder: function() {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the popup's border makes no sense. \n-        },\n+        if (options.isStroked) {\n+            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n+            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n+            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n+            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n+            // Hard-coded linejoin for now, to make it look the same as in VML.\n+            // There is no strokeLinejoin property yet for symbolizers.\n+            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n+            style.strokeDashstyle && node.setAttributeNS(null,\n+                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n+        } else {\n+            node.setAttributeNS(null, \"stroke\", \"none\");\n+        }\n \n-        /**\n-         * Method: setOpacity\n-         * Sets the opacity of the popup.\n-         * \n-         * Parameters:\n-         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n-         */\n-        setOpacity: function(opacity) {\n-            //does nothing since we suppose that we'll never apply an opacity\n-            // to a framed popup\n-        },\n+        if (style.pointerEvents) {\n+            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n+        }\n \n-        /**\n-         * APIMethod: setSize\n-         * Overridden here, because we need to update the blocks whenever the size\n-         *     of the popup has changed.\n-         * \n-         * Parameters:\n-         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-         *     contents div (in pixels).\n-         */\n-        setSize: function(contentSize) {\n-            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+        if (style.cursor != null) {\n+            node.setAttributeNS(null, \"cursor\", style.cursor);\n+        }\n \n-            this.updateBlocks();\n-        },\n+        return node;\n+    },\n \n-        /**\n-         * Method: updateRelativePosition\n-         * When the relative position changes, we need to set the new padding \n-         *     BBOX on the popup, reposition the close div, and update the blocks.\n-         */\n-        updateRelativePosition: function() {\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * widthFactor - {Number}\n+     * \n+     * Returns:\n+     * {String} A SVG compliant 'stroke-dasharray' value\n+     */\n+    dashStyle: function(style, widthFactor) {\n+        var w = style.strokeWidth * widthFactor;\n+        var str = style.strokeDashstyle;\n+        switch (str) {\n+            case 'solid':\n+                return 'none';\n+            case 'dot':\n+                return [1, 4 * w].join();\n+            case 'dash':\n+                return [4 * w, 4 * w].join();\n+            case 'dashdot':\n+                return [4 * w, 4 * w, 1, 4 * w].join();\n+            case 'longdash':\n+                return [8 * w, 4 * w].join();\n+            case 'longdashdot':\n+                return [8 * w, 4 * w, 1, 4 * w].join();\n+            default:\n+                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n+        }\n+    },\n \n-            //update the padding\n-            this.padding = this.positionBlocks[this.relativePosition].padding;\n+    /** \n+     * Method: createNode\n+     * \n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id\n+     */\n+    createNode: function(type, id) {\n+        var node = document.createElementNS(this.xmlns, type);\n+        if (id) {\n+            node.setAttributeNS(null, \"id\", id);\n+        }\n+        return node;\n+    },\n \n-            //update the position of our close box to new padding\n-            if (this.closeDiv) {\n-                // use the content div's css padding to determine if we should\n-                //  padd the close div\n-                var contentDivPadding = this.getContentDivPadding();\n+    /** \n+     * Method: nodeTypeCompare\n+     * \n+     * Parameters:\n+     * node - {SVGDomElement} An SVG element\n+     * type - {String} Kind of node\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     */\n+    nodeTypeCompare: function(node, type) {\n+        return (type == node.nodeName);\n+    },\n \n-                this.closeDiv.style.right = contentDivPadding.right +\n-                    this.padding.right + \"px\";\n-                this.closeDiv.style.top = contentDivPadding.top +\n-                    this.padding.top + \"px\";\n-            }\n+    /**\n+     * Method: createRenderRoot\n+     * \n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n+     */\n+    createRenderRoot: function() {\n+        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n+        svg.style.display = \"block\";\n+        return svg;\n+    },\n \n-            this.updateBlocks();\n-        },\n+    /**\n+     * Method: createRoot\n+     * \n+     * Parameters:\n+     * suffix - {String} suffix to append to the id\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"g\");\n+    },\n \n-        /** \n-         * Method: calculateNewPx\n-         * Besides the standard offset as determined by the Anchored class, our \n-         *     Framed popups have a special 'offset' property for each of their \n-         *     positions, which is used to offset the popup relative to its anchor.\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n-         *     relative to the passed-in px.\n-         */\n-        calculateNewPx: function(px) {\n-            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n-                this, arguments\n-            );\n+    /**\n+     * Method: createDefs\n+     *\n+     * Returns:\n+     * {DOMElement} The element to which we'll add the symbol definitions\n+     */\n+    createDefs: function() {\n+        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n+        this.rendererRoot.appendChild(defs);\n+        return defs;\n+    },\n \n-            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n \n-            return newPx;\n-        },\n+    /**\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the point\n+     */\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n+    },\n \n-        /**\n-         * Method: createBlocks\n-         */\n-        createBlocks: function() {\n-            this.blocks = [];\n+    /**\n+     * Method: drawCircle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {Float}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the circle\n+     */\n+    drawCircle: function(node, geometry, radius) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n \n-            //since all positions contain the same number of blocks, we can \n-            // just pick the first position and use its blocks array to create\n-            // our blocks array\n-            var firstPosition = null;\n-            for (var key in this.positionBlocks) {\n-                firstPosition = key;\n-                break;\n-            }\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"cx\", x);\n+            node.setAttributeNS(null, \"cy\", y);\n+            node.setAttributeNS(null, \"r\", radius);\n+            return node;\n+        } else {\n+            return false;\n+        }\n \n-            var position = this.positionBlocks[firstPosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n+    },\n \n-                var block = {};\n-                this.blocks.push(block);\n+    /**\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components of\n+     *     the linestring, or false if nothing could be drawn\n+     */\n+    drawLineString: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n+        }\n+    },\n \n-                var divId = this.id + '_FrameDecorationDiv_' + i;\n-                block.div = OpenLayers.Util.createDiv(divId,\n-                    null, null, null, \"absolute\", null, \"hidden\", null\n-                );\n+    /**\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the linear ring, or false if nothing could be drawn\n+     */\n+    drawLinearRing: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n+        }\n+    },\n \n-                var imgId = this.id + '_FrameDecorationImg_' + i;\n-                var imageCreator =\n-                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n-                    OpenLayers.Util.createImage;\n+    /**\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the polygon, or false if nothing could be drawn\n+     */\n+    drawPolygon: function(node, geometry) {\n+        var d = \"\";\n+        var draw = true;\n+        var complete = true;\n+        var linearRingResult, path;\n+        for (var j = 0, len = geometry.components.length; j < len; j++) {\n+            d += \" M\";\n+            linearRingResult = this.getComponentsString(\n+                geometry.components[j].components, \" \");\n+            path = linearRingResult.path;\n+            if (path) {\n+                d += \" \" + path;\n+                complete = linearRingResult.complete && complete;\n+            } else {\n+                draw = false;\n+            }\n+        }\n+        d += \" z\";\n+        if (draw) {\n+            node.setAttributeNS(null, \"d\", d);\n+            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n+            return complete ? node : null;\n+        } else {\n+            return false;\n+        }\n+    },\n \n-                block.image = imageCreator(imgId,\n-                    null, this.imageSize, this.imageSrc,\n-                    \"absolute\", null, null, null\n-                );\n+    /**\n+     * Method: drawRectangle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the rectangle\n+     */\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n \n-                block.div.appendChild(block.image);\n-                this.groupDiv.appendChild(block.div);\n-            }\n-        },\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"x\", x);\n+            node.setAttributeNS(null, \"y\", y);\n+            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n+            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n+            return node;\n+        } else {\n+            return false;\n+        }\n+    },\n \n-        /**\n-         * Method: updateBlocks\n-         * Internal method, called on initialize and when the popup's relative\n-         *     position has changed. This function takes care of re-positioning\n-         *     the popup's blocks in their appropropriate places.\n-         */\n-        updateBlocks: function() {\n-            if (!this.blocks) {\n-                this.createBlocks();\n+    /**\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     *\n+     * Parameters:\n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n+     */\n+    drawText: function(featureId, style, location) {\n+        var drawOutline = (!!style.labelOutlineWidth);\n+        // First draw text in halo color and size and overlay the\n+        // normal text afterwards\n+        if (drawOutline) {\n+            var outlineStyle = OpenLayers.Util.extend({}, style);\n+            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n+            if (style.labelOutlineOpacity) {\n+                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n             }\n+            delete outlineStyle.labelOutlineWidth;\n+            this.drawText(featureId, outlineStyle, location);\n+        }\n \n-            if (this.size && this.relativePosition) {\n-                var position = this.positionBlocks[this.relativePosition];\n-                for (var i = 0; i < position.blocks.length; i++) {\n-\n-                    var positionBlock = position.blocks[i];\n-                    var block = this.blocks[i];\n+        var resolution = this.getResolution();\n \n-                    // adjust sizes\n-                    var l = positionBlock.anchor.left;\n-                    var b = positionBlock.anchor.bottom;\n-                    var r = positionBlock.anchor.right;\n-                    var t = positionBlock.anchor.top;\n+        var x = ((location.x - this.featureDx) / resolution + this.left);\n+        var y = (location.y / resolution - this.top);\n \n-                    //note that we use the isNaN() test here because if the \n-                    // size object is initialized with a \"auto\" parameter, the \n-                    // size constructor calls parseFloat() on the string, \n-                    // which will turn it into NaN\n-                    //\n-                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n-                        positionBlock.size.w;\n+        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n+        var label = this.nodeFactory(featureId + suffix, \"text\");\n \n-                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n-                        positionBlock.size.h;\n+        label.setAttributeNS(null, \"x\", x);\n+        label.setAttributeNS(null, \"y\", -y);\n \n-                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n-                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n+        if (style.fontColor) {\n+            label.setAttributeNS(null, \"fill\", style.fontColor);\n+        }\n+        if (style.fontStrokeColor) {\n+            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n+        }\n+        if (style.fontStrokeWidth) {\n+            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n+        }\n+        if (style.fontOpacity) {\n+            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n+        }\n+        if (style.fontFamily) {\n+            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n+        }\n+        if (style.fontSize) {\n+            label.setAttributeNS(null, \"font-size\", style.fontSize);\n+        }\n+        if (style.fontWeight) {\n+            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n+        }\n+        if (style.fontStyle) {\n+            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n+        }\n+        if (style.labelSelect === true) {\n+            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n+            label._featureId = featureId;\n+        } else {\n+            label.setAttributeNS(null, \"pointer-events\", \"none\");\n+        }\n+        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n+        label.setAttributeNS(null, \"text-anchor\",\n+            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n \n-                    block.div.style.left = (l != null) ? l + 'px' : '';\n-                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n-                    block.div.style.right = (r != null) ? r + 'px' : '';\n-                    block.div.style.top = (t != null) ? t + 'px' : '';\n+        if (OpenLayers.IS_GECKO === true) {\n+            label.setAttributeNS(null, \"dominant-baseline\",\n+                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n+        }\n \n-                    block.image.style.left = positionBlock.position.x + 'px';\n-                    block.image.style.top = positionBlock.position.y + 'px';\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        while (label.childNodes.length > numRows) {\n+            label.removeChild(label.lastChild);\n+        }\n+        for (var i = 0; i < numRows; i++) {\n+            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n+            if (style.labelSelect === true) {\n+                tspan._featureId = featureId;\n+                tspan._geometry = location;\n+                tspan._geometryClass = location.CLASS_NAME;\n+            }\n+            if (OpenLayers.IS_GECKO === false) {\n+                tspan.setAttributeNS(null, \"baseline-shift\",\n+                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n+            }\n+            tspan.setAttribute(\"x\", x);\n+            if (i == 0) {\n+                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n+                if (vfactor == null) {\n+                    vfactor = -.5;\n                 }\n-\n-                this.contentDiv.style.left = this.padding.left + \"px\";\n-                this.contentDiv.style.top = this.padding.top + \"px\";\n+                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n+            } else {\n+                tspan.setAttribute(\"dy\", \"1em\");\n             }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Popup/FramedCloud.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Popup/Framed.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/BaseTypes/Bounds.js\n- * @requires OpenLayers/BaseTypes/Pixel.js\n- * @requires OpenLayers/BaseTypes/Size.js\n- */\n-\n-/**\n- * Class: OpenLayers.Popup.FramedCloud\n- * \n- * Inherits from: \n- *  - <OpenLayers.Popup.Framed>\n- */\n-OpenLayers.Popup.FramedCloud =\n-    OpenLayers.Class(OpenLayers.Popup.Framed, {\n-\n-        /** \n-         * Property: contentDisplayClass\n-         * {String} The CSS class of the popup content div.\n-         */\n-        contentDisplayClass: \"olFramedCloudPopupContent\",\n-\n-        /**\n-         * APIProperty: autoSize\n-         * {Boolean} Framed Cloud is autosizing by default.\n-         */\n-        autoSize: true,\n-\n-        /**\n-         * APIProperty: panMapIfOutOfView\n-         * {Boolean} Framed Cloud does pan into view by default.\n-         */\n-        panMapIfOutOfView: true,\n-\n-        /**\n-         * APIProperty: imageSize\n-         * {<OpenLayers.Size>}\n-         */\n-        imageSize: new OpenLayers.Size(1276, 736),\n-\n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n-         *     good ie6 folk out there)\n-         */\n-        isAlphaImage: false,\n-\n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} The Framed Cloud popup works in just one fixed position.\n-         */\n-        fixedRelativePosition: false,\n-\n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of differen position blocks, keyed by relativePosition\n-         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n-         */\n-        positionBlocks: {\n-            \"tl\": {\n-                'offset': new OpenLayers.Pixel(44, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 18),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -632)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(0, -688)\n-                }]\n-            },\n-            \"tr\": {\n-                'offset': new OpenLayers.Pixel(-45, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 19),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -631)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                    position: new OpenLayers.Pixel(-215, -687)\n-                }]\n-            },\n-            \"bl\": {\n-                'offset': new OpenLayers.Pixel(45, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                    position: new OpenLayers.Pixel(-101, -674)\n-                }]\n-            },\n-            \"br\": {\n-                'offset': new OpenLayers.Pixel(-44, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                    position: new OpenLayers.Pixel(-311, -674)\n-                }]\n+            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n+            if (!tspan.parentNode) {\n+                label.appendChild(tspan);\n             }\n-        },\n-\n-        /**\n-         * APIProperty: minSize\n-         * {<OpenLayers.Size>}\n-         */\n-        minSize: new OpenLayers.Size(105, 10),\n-\n-        /**\n-         * APIProperty: maxSize\n-         * {<OpenLayers.Size>}\n-         */\n-        maxSize: new OpenLayers.Size(1200, 660),\n-\n-        /** \n-         * Constructor: OpenLayers.Popup.FramedCloud\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n-\n-            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n-            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-            this.contentDiv.className = this.contentDisplayClass;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Format.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- */\n+        }\n \n-/**\n- * Class: OpenLayers.Format\n- * Base class for format reading/writing a variety of formats.  Subclasses\n- *     of OpenLayers.Format are expected to have read and write methods.\n- */\n-OpenLayers.Format = OpenLayers.Class({\n+        if (!label.parentNode) {\n+            this.textRoot.appendChild(label);\n+        }\n+    },\n \n-    /**\n-     * Property: options\n-     * {Object} A reference to options passed to the constructor.\n+    /** \n+     * Method: getComponentString\n+     * \n+     * Parameters:\n+     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n+     * separator - {String} character between coordinate pairs. Defaults to \",\"\n+     * \n+     * Returns:\n+     * {Object} hash with properties \"path\" (the string created from the\n+     *     components and \"complete\" (false if the renderer was unable to\n+     *     draw all components)\n      */\n-    options: null,\n+    getComponentsString: function(components, separator) {\n+        var renderCmp = [];\n+        var complete = true;\n+        var len = components.length;\n+        var strings = [];\n+        var str, component;\n+        for (var i = 0; i < len; i++) {\n+            component = components[i];\n+            renderCmp.push(component);\n+            str = this.getShortString(component);\n+            if (str) {\n+                strings.push(str);\n+            } else {\n+                // The current component is outside the valid range. Let's\n+                // see if the previous or next component is inside the range.\n+                // If so, add the coordinate of the intersection with the\n+                // valid range bounds.\n+                if (i > 0) {\n+                    if (this.getShortString(components[i - 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i - 1]));\n+                    }\n+                }\n+                if (i < len - 1) {\n+                    if (this.getShortString(components[i + 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i + 1]));\n+                    }\n+                }\n+                complete = false;\n+            }\n+        }\n \n-    /**\n-     * APIProperty: externalProjection\n-     * {<OpenLayers.Projection>} When passed a externalProjection and\n-     *     internalProjection, the format will reproject the geometries it\n-     *     reads or writes. The externalProjection is the projection used by\n-     *     the content which is passed into read or which comes out of write.\n-     *     In order to reproject, a projection transformation function for the\n-     *     specified projections must be available. This support may be \n-     *     provided via proj4js or via a custom transformation function. See\n-     *     {<OpenLayers.Projection.addTransform>} for more information on\n-     *     custom transformations.\n-     */\n-    externalProjection: null,\n+        return {\n+            path: strings.join(separator || \",\"),\n+            complete: complete\n+        };\n+    },\n \n     /**\n-     * APIProperty: internalProjection\n-     * {<OpenLayers.Projection>} When passed a externalProjection and\n-     *     internalProjection, the format will reproject the geometries it\n-     *     reads or writes. The internalProjection is the projection used by\n-     *     the geometries which are returned by read or which are passed into\n-     *     write.  In order to reproject, a projection transformation function\n-     *     for the specified projections must be available. This support may be\n-     *     provided via proj4js or via a custom transformation function. See\n-     *     {<OpenLayers.Projection.addTransform>} for more information on\n-     *     custom transformations.\n+     * Method: clipLine\n+     * Given two points (one inside the valid range, and one outside),\n+     * clips the line betweeen the two points so that the new points are both\n+     * inside the valid range.\n+     * \n+     * Parameters:\n+     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     invalid point\n+     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     valid point\n+     * Returns\n+     * {String} the SVG coordinate pair of the clipped point (like\n+     *     getShortString), or an empty string if both passed componets are at\n+     *     the same point.\n      */\n-    internalProjection: null,\n+    clipLine: function(badComponent, goodComponent) {\n+        if (goodComponent.equals(badComponent)) {\n+            return \"\";\n+        }\n+        var resolution = this.getResolution();\n+        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n+        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n+        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n+        var y1 = this.top - goodComponent.y / resolution;\n+        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n+        var y2 = this.top - badComponent.y / resolution;\n+        var k;\n+        if (x2 < -maxX || x2 > maxX) {\n+            k = (y2 - y1) / (x2 - x1);\n+            x2 = x2 < 0 ? -maxX : maxX;\n+            y2 = y1 + (x2 - x1) * k;\n+        }\n+        if (y2 < -maxY || y2 > maxY) {\n+            k = (x2 - x1) / (y2 - y1);\n+            y2 = y2 < 0 ? -maxY : maxY;\n+            x2 = x1 + (y2 - y1) * k;\n+        }\n+        return x2 + \",\" + y2;\n+    },\n \n-    /**\n-     * APIProperty: data\n-     * {Object} When <keepData> is true, this is the parsed string sent to\n-     *     <read>.\n+    /** \n+     * Method: getShortString\n+     * \n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>}\n+     * \n+     * Returns:\n+     * {String} or false if point is outside the valid range\n      */\n-    data: null,\n+    getShortString: function(point) {\n+        var resolution = this.getResolution();\n+        var x = ((point.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - point.y / resolution);\n \n-    /**\n-     * APIProperty: keepData\n-     * {Object} Maintain a reference (<data>) to the most recently read data.\n-     *     Default is false.\n-     */\n-    keepData: false,\n+        if (this.inValidRange(x, y)) {\n+            return x + \",\" + y;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format\n-     * Instances of this class are not useful.  See one of the subclasses.\n-     *\n+     * Method: getPosition\n+     * Finds the position of an svg node.\n+     * \n      * Parameters:\n-     * options - {Object} An optional object with properties to set on the\n-     *           format\n-     *\n-     * Valid options:\n-     * keepData - {Boolean} If true, upon <read>, the data property will be\n-     *     set to the parsed object (e.g. the json or xml object).\n-     *\n+     * node - {DOMElement}\n+     * \n      * Returns:\n-     * An instance of OpenLayers.Format\n+     * {Object} hash with x and y properties, representing the coordinates\n+     *     within the svg coordinate system\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n+    getPosition: function(node) {\n+        return ({\n+            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n+            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n+        });\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Clean up.\n-     */\n-    destroy: function() {},\n-\n-    /**\n-     * Method: read\n-     * Read data from a string, and return an object whose type depends on the\n-     * subclass. \n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n      * \n      * Parameters:\n-     * data - {string} Data to read/parse.\n-     *\n+     * graphicName - {String} name of the symbol to import\n+     * \n      * Returns:\n-     * Depends on the subclass\n+     * {DOMElement} - the imported symbol\n      */\n-    read: function(data) {\n-        throw new Error('Read not implemented.');\n+    importSymbol: function(graphicName) {\n+        if (!this.defs) {\n+            // create svg defs tag\n+            this.defs = this.createDefs();\n+        }\n+        var id = this.container.id + \"-\" + graphicName;\n+\n+        // check if symbol already exists in the defs\n+        var existing = document.getElementById(id);\n+        if (existing != null) {\n+            return existing;\n+        }\n+\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n+        }\n+\n+        var symbolNode = this.nodeFactory(id, \"symbol\");\n+        var node = this.nodeFactory(null, \"polygon\");\n+        symbolNode.appendChild(node);\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var points = [];\n+        var x, y;\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            x = symbol[i];\n+            y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n+            points.push(x, \",\", y);\n+        }\n+\n+        node.setAttributeNS(null, \"points\", points.join(\" \"));\n+\n+        var width = symbolExtent.getWidth();\n+        var height = symbolExtent.getHeight();\n+        // create a viewBox three times as large as the symbol itself,\n+        // to allow for strokeWidth being displayed correctly at the corners.\n+        var viewBox = [symbolExtent.left - width,\n+            symbolExtent.bottom - height, width * 3, height * 3\n+        ];\n+        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n+        this.symbolMetrics[id] = [\n+            Math.max(width, height),\n+            symbolExtent.getCenterLonLat().lon,\n+            symbolExtent.getCenterLonLat().lat\n+        ];\n+\n+        this.defs.appendChild(symbolNode);\n+        return symbolNode;\n     },\n \n     /**\n-     * Method: write\n-     * Accept an object, and return a string. \n-     *\n+     * Method: getFeatureIdFromEvent\n+     * \n      * Parameters:\n-     * object - {Object} Object to be serialized\n+     * evt - {Object} An <OpenLayers.Event> object\n      *\n      * Returns:\n-     * {String} A string representation of the object.\n+     * {String} A feature id or undefined.\n      */\n-    write: function(object) {\n-        throw new Error('Write not implemented.');\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n+        if (!featureId) {\n+            var target = evt.target;\n+            featureId = target.parentNode && target != this.rendererRoot ?\n+                target.parentNode._featureId : undefined;\n+        }\n+        return featureId;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format\"\n+    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n+    \"l\": \"start\",\n+    \"r\": \"end\",\n+    \"b\": \"bottom\",\n+    \"t\": \"hanging\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n+    // according to\n+    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n+    // a baseline-shift of -70% shifts the text exactly from the\n+    // bottom to the top of the baseline, so -35% moves the text to\n+    // the center of the baseline.\n+    \"t\": \"-70%\",\n+    \"b\": \"0\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n+    \"t\": 0,\n+    \"b\": -1\n+};\n+\n+/**\n+ * Function: OpenLayers.Renderer.SVG.preventDefault\n+ * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n+ * Used to prevent default events (especially opening images in a new tab on\n+ * ctrl-click) from being executed for externalGraphic symbols\n+ */\n+OpenLayers.Renderer.SVG.preventDefault = function(e) {\n+    OpenLayers.Event.preventDefault(e);\n+};\n /* ======================================================================\n-    OpenLayers/Format/JSON.js\n+    OpenLayers/Renderer/VML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * Note:\n- * This work draws heavily from the public domain JSON serializer/deserializer\n- *     at http://www.json.org/json.js. Rewritten so that it doesn't modify\n- *     basic data prototypes.\n- */\n-\n-/**\n- * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Renderer/Elements.js\n  */\n \n /**\n- * Class: OpenLayers.Format.JSON\n- * A parser to read/write JSON safely.  Create a new instance with the\n- *     <OpenLayers.Format.JSON> constructor.\n+ * Class: OpenLayers.Renderer.VML\n+ * Render vector features in browsers with VML capability.  Construct a new\n+ * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n+ * \n+ * Note that for all calculations in this class, we use (num | 0) to truncate a \n+ * float value to an integer. This is done because it seems that VML doesn't \n+ * support float values.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Renderer.Elements>\n  */\n-OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n+OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n \n     /**\n-     * APIProperty: indent\n-     * {String} For \"pretty\" printing, the indent string will be used once for\n-     *     each indentation level.\n+     * Property: xmlns\n+     * {String} XML Namespace URN\n      */\n-    indent: \"    \",\n+    xmlns: \"urn:schemas-microsoft-com:vml\",\n \n     /**\n-     * APIProperty: space\n-     * {String} For \"pretty\" printing, the space string will be used after\n-     *     the \":\" separating a name/value pair.\n+     * Property: symbolCache\n+     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n+     *     and each value is a hash with a \"path\" and an \"extent\" property.\n      */\n-    space: \" \",\n+    symbolCache: {},\n \n     /**\n-     * APIProperty: newline\n-     * {String} For \"pretty\" printing, the newline string will be used at the\n-     *     end of each name/value pair or array item.\n+     * Property: offset\n+     * {Object} Hash with \"x\" and \"y\" properties\n      */\n-    newline: \"\\n\",\n+    offset: null,\n \n     /**\n-     * Property: level\n-     * {Integer} For \"pretty\" printing, this is incremented/decremented during\n-     *     serialization.\n+     * Constructor: OpenLayers.Renderer.VML\n+     * Create a new VML renderer.\n+     *\n+     * Parameters:\n+     * containerID - {String} The id for the element that contains the renderer\n      */\n-    level: 0,\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        if (!document.namespaces.olv) {\n+            document.namespaces.add(\"olv\", this.xmlns);\n+            var style = document.createStyleSheet();\n+            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n+            for (var i = 0, len = shapes.length; i < len; i++) {\n \n-    /**\n-     * Property: pretty\n-     * {Boolean} Serialize with extra whitespace for structure.  This is set\n-     *     by the <write> method.\n-     */\n-    pretty: false,\n+                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n+                    \"position: absolute; display: inline-block;\");\n+            }\n+        }\n \n-    /**\n-     * Property: nativeJSON\n-     * {Boolean} Does the browser support native json?\n-     */\n-    nativeJSON: (function() {\n-        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\");\n-    })(),\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.JSON\n-     * Create a new parser for JSON.\n+     * APIMethod: supported\n+     * Determine whether a browser supports this renderer.\n      *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Returns:\n+     * {Boolean} The browser supports the VML renderer\n      */\n+    supported: function() {\n+        return !!(document.namespaces);\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Deserialize a json string.\n+     * Method: setExtent\n+     * Set the renderer's extent\n      *\n      * Parameters:\n-     * json - {String} A JSON string\n-     * filter - {Function} A function which will be called for every key and\n-     *     value at every level of the final result. Each value will be\n-     *     replaced by the result of the filter function. This can be used to\n-     *     reform generic objects into instances of classes, or to transform\n-     *     date strings into Date objects.\n-     *     \n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n      * Returns:\n-     * {Object} An object, array, string, or number .\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n      */\n-    read: function(json, filter) {\n-        var object;\n-        if (this.nativeJSON) {\n-            object = JSON.parse(json, filter);\n-        } else try {\n-            /**\n-             * Parsing happens in three stages. In the first stage, we run the\n-             *     text against a regular expression which looks for non-JSON\n-             *     characters. We are especially concerned with '()' and 'new'\n-             *     because they can cause invocation, and '=' because it can\n-             *     cause mutation. But just to be safe, we will reject all\n-             *     unexpected characters.\n-             */\n-            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, '@').replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']').replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))) {\n-\n-                /**\n-                 * In the second stage we use the eval function to compile the\n-                 *     text into a JavaScript structure. The '{' operator is\n-                 *     subject to a syntactic ambiguity in JavaScript - it can\n-                 *     begin a block or an object literal. We wrap the text in\n-                 *     parens to eliminate the ambiguity.\n-                 */\n-                object = eval('(' + json + ')');\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution();\n \n-                /**\n-                 * In the optional third stage, we recursively walk the new\n-                 *     structure, passing each name/value pair to a filter\n-                 *     function for possible transformation.\n-                 */\n-                if (typeof filter === 'function') {\n-                    function walk(k, v) {\n-                        if (v && typeof v === 'object') {\n-                            for (var i in v) {\n-                                if (v.hasOwnProperty(i)) {\n-                                    v[i] = walk(i, v[i]);\n-                                }\n-                            }\n-                        }\n-                        return filter(k, v);\n-                    }\n-                    object = walk('', object);\n-                }\n-            }\n-        } catch (e) {\n-            // Fall through if the regexp test fails.\n+        var left = (extent.left / resolution) | 0;\n+        var top = (extent.top / resolution - this.size.h) | 0;\n+        if (resolutionChanged || !this.offset) {\n+            this.offset = {\n+                x: left,\n+                y: top\n+            };\n+            left = 0;\n+            top = 0;\n+        } else {\n+            left = left - this.offset.x;\n+            top = top - this.offset.y;\n         }\n \n-        if (this.keepData) {\n-            this.data = object;\n+\n+        var org = (left - this.xOffset) + \" \" + top;\n+        this.root.coordorigin = org;\n+        var roots = [this.root, this.vectorRoot, this.textRoot];\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n+\n+            var size = this.size.w + \" \" + this.size.h;\n+            root.coordsize = size;\n+\n         }\n+        // flip the VML display Y axis upside down so it \n+        // matches the display Y axis of the map\n+        this.root.style.flip = \"y\";\n \n-        return object;\n+        return coordSysUnchanged;\n     },\n \n+\n     /**\n-     * APIMethod: write\n-     * Serialize an object into a JSON string.\n+     * Method: setSize\n+     * Set the size of the drawing surface\n      *\n      * Parameters:\n-     * value - {String} The object, array, string, number, boolean or date\n-     *     to be serialized.\n-     * pretty - {Boolean} Structure the output with newlines and indentation.\n-     *     Default is false.\n-     *\n-     * Returns:\n-     * {String} The JSON string representation of the input value.\n+     * size - {<OpenLayers.Size>} the size of the drawing surface\n      */\n-    write: function(value, pretty) {\n-        this.pretty = !!pretty;\n-        var json = null;\n-        var type = typeof value;\n-        if (this.serialize[type]) {\n-            try {\n-                json = (!this.pretty && this.nativeJSON) ?\n-                    JSON.stringify(value) :\n-                    this.serialize[type].apply(this, [value]);\n-            } catch (err) {\n-                OpenLayers.Console.error(\"Trouble serializing: \" + err);\n-            }\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+\n+        // setting width and height on all roots to avoid flicker which we\n+        // would get with 100% width and height on child roots\n+        var roots = [\n+            this.rendererRoot,\n+            this.root,\n+            this.vectorRoot,\n+            this.textRoot\n+        ];\n+        var w = this.size.w + \"px\";\n+        var h = this.size.h + \"px\";\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n+            root.style.width = w;\n+            root.style.height = h;\n         }\n-        return json;\n     },\n \n     /**\n-     * Method: writeIndent\n-     * Output an indentation string depending on the indentation level.\n+     * Method: getNodeType\n+     * Get the node type for a geometry and style\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n      *\n      * Returns:\n-     * {String} An appropriate indentation string.\n+     * {String} The corresponding node type for the specified geometry\n      */\n-    writeIndent: function() {\n-        var pieces = [];\n-        if (this.pretty) {\n-            for (var i = 0; i < this.level; ++i) {\n-                pieces.push(this.indent);\n-            }\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"olv:rect\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"olv:shape\";\n+                } else {\n+                    nodeType = \"olv:oval\";\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"olv:rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+            case \"OpenLayers.Geometry.LinearRing\":\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"olv:shape\";\n+                break;\n+            default:\n+                break;\n         }\n-        return pieces.join('');\n+        return nodeType;\n     },\n \n     /**\n-     * Method: writeNewline\n-     * Output a string representing a newline if in pretty printing mode.\n+     * Method: setStyle\n+     * Use to set all the style attributes to a VML node.\n      *\n-     * Returns:\n-     * {String} A string representing a new line.\n+     * Parameters:\n+     * node - {DOMElement} An VML element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    writeNewline: function() {\n-        return (this.pretty) ? this.newline : '';\n-    },\n+    setStyle: function(node, style, options, geometry) {\n+        style = style || node._style;\n+        options = options || node._options;\n+        var fillColor = style.fillColor;\n \n-    /**\n-     * Method: writeSpace\n-     * Output a string representing a space if in pretty printing mode.\n-     *\n-     * Returns:\n-     * {String} A space.\n-     */\n-    writeSpace: function() {\n-        return (this.pretty) ? this.space : '';\n-    },\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.title = title;\n+        }\n \n-    /**\n-     * Property: serialize\n-     * Object with properties corresponding to the serializable data types.\n-     *     Property values are functions that do the actual serializing.\n-     */\n-    serialize: {\n-        /**\n-         * Method: serialize.object\n-         * Transform an object into a JSON string.\n-         *\n-         * Parameters:\n-         * object - {Object} The object to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the object.\n-         */\n-        'object': function(object) {\n-            // three special objects that we want to treat differently\n-            if (object == null) {\n-                return \"null\";\n+        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+            if (style.externalGraphic) {\n+                options.isFilled = true;\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+\n+                var resolution = this.getResolution();\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n+\n+                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n+                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n+                node.style.width = width + \"px\";\n+                node.style.height = height + \"px\";\n+                node.style.flip = \"y\";\n+\n+                // modify fillColor and options for stroke styling below\n+                fillColor = \"none\";\n+                options.isStroked = false;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                var cache = this.importSymbol(style.graphicName);\n+                node.path = cache.path;\n+                node.coordorigin = cache.left + \",\" + cache.bottom;\n+                var size = cache.size;\n+                node.coordsize = size + \",\" + size;\n+                this.drawCircle(node, geometry, style.pointRadius);\n+                node.style.flip = \"y\";\n+            } else {\n+                this.drawCircle(node, geometry, style.pointRadius);\n             }\n-            if (object.constructor == Date) {\n-                return this.serialize.date.apply(this, [object]);\n+        }\n+\n+        // fill \n+        if (options.isFilled) {\n+            node.fillcolor = fillColor;\n+        } else {\n+            node.filled = \"false\";\n+        }\n+        var fills = node.getElementsByTagName(\"fill\");\n+        var fill = (fills.length == 0) ? null : fills[0];\n+        if (!options.isFilled) {\n+            if (fill) {\n+                node.removeChild(fill);\n             }\n-            if (object.constructor == Array) {\n-                return this.serialize.array.apply(this, [object]);\n+        } else {\n+            if (!fill) {\n+                fill = this.createNode('olv:fill', node.id + \"_fill\");\n             }\n-            var pieces = ['{'];\n-            this.level += 1;\n-            var key, keyJSON, valueJSON;\n+            fill.opacity = style.fillOpacity;\n \n-            var addComma = false;\n-            for (key in object) {\n-                if (object.hasOwnProperty(key)) {\n-                    // recursive calls need to allow for sub-classing\n-                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                        [key, this.pretty]);\n-                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                        [object[key], this.pretty]);\n-                    if (keyJSON != null && valueJSON != null) {\n-                        if (addComma) {\n-                            pieces.push(',');\n-                        }\n-                        pieces.push(this.writeNewline(), this.writeIndent(),\n-                            keyJSON, ':', this.writeSpace(), valueJSON);\n-                        addComma = true;\n-                    }\n-                }\n-            }\n+            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n+                style.externalGraphic) {\n \n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), '}');\n-            return pieces.join('');\n-        },\n+                // override fillOpacity\n+                if (style.graphicOpacity) {\n+                    fill.opacity = style.graphicOpacity;\n+                }\n \n-        /**\n-         * Method: serialize.array\n-         * Transform an array into a JSON string.\n-         *\n-         * Parameters:\n-         * array - {Array} The array to be serialized\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the array.\n-         */\n-        'array': function(array) {\n-            var json;\n-            var pieces = ['['];\n-            this.level += 1;\n+                fill.src = style.externalGraphic;\n+                fill.type = \"frame\";\n \n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                // recursive calls need to allow for sub-classing\n-                json = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                    [array[i], this.pretty]);\n-                if (json != null) {\n-                    if (i > 0) {\n-                        pieces.push(',');\n-                    }\n-                    pieces.push(this.writeNewline(), this.writeIndent(), json);\n+                if (!(style.graphicWidth && style.graphicHeight)) {\n+                    fill.aspect = \"atmost\";\n                 }\n             }\n+            if (fill.parentNode != node) {\n+                node.appendChild(fill);\n+            }\n+        }\n \n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), ']');\n-            return pieces.join('');\n-        },\n+        // additional rendering for rotated graphics or symbols\n+        var rotation = style.rotation;\n+        if ((rotation !== undefined || node._rotation !== undefined)) {\n+            node._rotation = rotation;\n+            if (style.externalGraphic) {\n+                this.graphicRotate(node, xOffset, yOffset, style);\n+                // make the fill fully transparent, because we now have\n+                // the graphic as imagedata element. We cannot just remove\n+                // the fill, because this is part of the hack described\n+                // in graphicRotate\n+                fill.opacity = 0;\n+            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+                node.style.rotation = rotation || 0;\n+            }\n+        }\n \n-        /**\n-         * Method: serialize.string\n-         * Transform a string into a JSON string.\n-         *\n-         * Parameters:\n-         * string - {String} The string to be serialized\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the string.\n-         */\n-        'string': function(string) {\n-            // If the string contains no control characters, no quote characters, and no\n-            // backslash characters, then we can simply slap some quotes around it.\n-            // Otherwise we must also replace the offending characters with safe\n-            // sequences.    \n-            var m = {\n-                '\\b': '\\\\b',\n-                '\\t': '\\\\t',\n-                '\\n': '\\\\n',\n-                '\\f': '\\\\f',\n-                '\\r': '\\\\r',\n-                '\"': '\\\\\"',\n-                '\\\\': '\\\\\\\\'\n-            };\n-            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n-                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n-                    var c = m[b];\n-                    if (c) {\n-                        return c;\n-                    }\n-                    c = b.charCodeAt();\n-                    return '\\\\u00' +\n-                        Math.floor(c / 16).toString(16) +\n-                        (c % 16).toString(16);\n-                }) + '\"';\n+        // stroke \n+        var strokes = node.getElementsByTagName(\"stroke\");\n+        var stroke = (strokes.length == 0) ? null : strokes[0];\n+        if (!options.isStroked) {\n+            node.stroked = false;\n+            if (stroke) {\n+                stroke.on = false;\n             }\n-            return '\"' + string + '\"';\n-        },\n+        } else {\n+            if (!stroke) {\n+                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n+                node.appendChild(stroke);\n+            }\n+            stroke.on = true;\n+            stroke.color = style.strokeColor;\n+            stroke.weight = style.strokeWidth + \"px\";\n+            stroke.opacity = style.strokeOpacity;\n+            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n+                (style.strokeLinecap || 'round');\n+            if (style.strokeDashstyle) {\n+                stroke.dashstyle = this.dashStyle(style);\n+            }\n+        }\n \n-        /**\n-         * Method: serialize.number\n-         * Transform a number into a JSON string.\n-         *\n-         * Parameters:\n-         * number - {Number} The number to be serialized.\n-         *\n-         * Returns:\n-         * {String} A JSON string representing the number.\n-         */\n-        'number': function(number) {\n-            return isFinite(number) ? String(number) : \"null\";\n-        },\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            node.style.cursor = style.cursor;\n+        }\n+        return node;\n+    },\n \n-        /**\n-         * Method: serialize.boolean\n-         * Transform a boolean into a JSON string.\n-         *\n-         * Parameters:\n-         * bool - {Boolean} The boolean to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the boolean.\n-         */\n-        'boolean': function(bool) {\n-            return String(bool);\n-        },\n+    /**\n+     * Method: graphicRotate\n+     * If a point is to be styled with externalGraphic and rotation, VML fills\n+     * cannot be used to display the graphic, because rotation of graphic\n+     * fills is not supported by the VML implementation of Internet Explorer.\n+     * This method creates a olv:imagedata element inside the VML node,\n+     * DXImageTransform.Matrix and BasicImage filters for rotation and\n+     * opacity, and a 3-step hack to remove rendering artefacts from the\n+     * graphic and preserve the ability of graphics to trigger events.\n+     * Finally, OpenLayers methods are used to determine the correct\n+     * insertion point of the rotated image, because DXImageTransform.Matrix\n+     * does the rotation without the ability to specify a rotation center\n+     * point.\n+     * \n+     * Parameters:\n+     * node    - {DOMElement}\n+     * xOffset - {Number} rotation center relative to image, x coordinate\n+     * yOffset - {Number} rotation center relative to image, y coordinate\n+     * style   - {Object}\n+     */\n+    graphicRotate: function(node, xOffset, yOffset, style) {\n+        var style = style || node._style;\n+        var rotation = style.rotation || 0;\n \n-        /**\n-         * Method: serialize.object\n-         * Transform a date into a JSON string.\n-         *\n-         * Parameters:\n-         * date - {Date} The date to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the date.\n-         */\n-        'date': function(date) {\n-            function format(number) {\n-                // Format integers to have at least two digits.\n-                return (number < 10) ? '0' + number : number;\n-            }\n-            return '\"' + date.getFullYear() + '-' +\n-                format(date.getMonth() + 1) + '-' +\n-                format(date.getDate()) + 'T' +\n-                format(date.getHours()) + ':' +\n-                format(date.getMinutes()) + ':' +\n-                format(date.getSeconds()) + '\"';\n+        var aspectRatio, size;\n+        if (!(style.graphicWidth && style.graphicHeight)) {\n+            // load the image to determine its size\n+            var img = new Image();\n+            img.onreadystatechange = OpenLayers.Function.bind(function() {\n+                if (img.readyState == \"complete\" ||\n+                    img.readyState == \"interactive\") {\n+                    aspectRatio = img.width / img.height;\n+                    size = Math.max(style.pointRadius * 2,\n+                        style.graphicWidth || 0,\n+                        style.graphicHeight || 0);\n+                    xOffset = xOffset * aspectRatio;\n+                    style.graphicWidth = size * aspectRatio;\n+                    style.graphicHeight = size;\n+                    this.graphicRotate(node, xOffset, yOffset, style);\n+                }\n+            }, this);\n+            img.src = style.externalGraphic;\n+\n+            // will be called again by the onreadystate handler\n+            return;\n+        } else {\n+            size = Math.max(style.graphicWidth, style.graphicHeight);\n+            aspectRatio = style.graphicWidth / style.graphicHeight;\n         }\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Format.JSON\"\n+        var width = Math.round(style.graphicWidth || size * aspectRatio);\n+        var height = Math.round(style.graphicHeight || size);\n+        node.style.width = width + \"px\";\n+        node.style.height = height + \"px\";\n \n-});\n-/* ======================================================================\n-    OpenLayers/Geometry.js\n-   ====================================================================== */\n+        // Three steps are required to remove artefacts for images with\n+        // transparent backgrounds (resulting from using DXImageTransform\n+        // filters on svg objects), while preserving awareness for browser\n+        // events on images:\n+        // - Use the fill as usual (like for unrotated images) to handle\n+        //   events\n+        // - specify an imagedata element with the same src as the fill\n+        // - style the imagedata element with an AlphaImageLoader filter\n+        //   with empty src\n+        var image = document.getElementById(node.id + \"_image\");\n+        if (!image) {\n+            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n+            node.appendChild(image);\n+        }\n+        image.style.width = width + \"px\";\n+        image.style.height = height + \"px\";\n+        image.src = style.externalGraphic;\n+        image.style.filter =\n+            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n+            \"src='', sizingMethod='scale')\";\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var rot = rotation * Math.PI / 180;\n+        var sintheta = Math.sin(rot);\n+        var costheta = Math.cos(rot);\n \n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n+        // do the rotation on the image\n+        var filter =\n+            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n+            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n+            \",SizingMethod='auto expand')\\n\";\n \n-/**\n- * Class: OpenLayers.Geometry\n- * A Geometry is a description of a geographic object.  Create an instance of\n- * this class with the <OpenLayers.Geometry> constructor.  This is a base class,\n- * typical geometry types are described by subclasses of this class.\n- *\n- * Note that if you use the <OpenLayers.Geometry.fromWKT> method, you must\n- * explicitly include the OpenLayers.Format.WKT in your build.\n- */\n-OpenLayers.Geometry = OpenLayers.Class({\n+        // set the opacity (needed for the imagedata)\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        if (opacity && opacity != 1) {\n+            filter +=\n+                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n+                opacity + \")\\n\";\n+        }\n+        node.style.filter = filter;\n \n-    /**\n-     * Property: id\n-     * {String} A unique identifier for this geometry.\n-     */\n-    id: null,\n+        // do the rotation again on a box, so we know the insertion point\n+        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n+        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n+        imgBox.rotate(style.rotation, centerPoint);\n+        var imgBounds = imgBox.getBounds();\n \n-    /**\n-     * Property: parent\n-     * {<OpenLayers.Geometry>}This is set when a Geometry is added as component\n-     * of another geometry\n-     */\n-    parent: null,\n+        node.style.left = Math.round(\n+            parseInt(node.style.left) + imgBounds.left) + \"px\";\n+        node.style.top = Math.round(\n+            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n+    },\n \n     /**\n-     * Property: bounds \n-     * {<OpenLayers.Bounds>} The bounds of this geometry\n+     * Method: postDraw\n+     * Does some node postprocessing to work around browser issues:\n+     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n+     *   and strokecolor to \"none\" correctly before the fill node is appended\n+     *   to a visible vml node. This method takes care of that and sets\n+     *   fillcolor and strokecolor again if needed.\n+     * - In some cases, a node won't become visible after being drawn. Setting\n+     *   style.visibility to \"visible\" works around that.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n      */\n-    bounds: null,\n+    postDraw: function(node) {\n+        node.style.visibility = \"visible\";\n+        var fillColor = node._style.fillColor;\n+        var strokeColor = node._style.strokeColor;\n+        if (fillColor == \"none\" &&\n+            node.fillcolor != fillColor) {\n+            node.fillcolor = fillColor;\n+        }\n+        if (strokeColor == \"none\" &&\n+            node.strokecolor != strokeColor) {\n+            node.strokecolor = strokeColor;\n+        }\n+    },\n+\n \n     /**\n-     * Constructor: OpenLayers.Geometry\n-     * Creates a geometry object.  \n+     * Method: setNodeDimension\n+     * Get the geometry's bounds, convert it to our vml coordinate system, \n+     * then set the node's position, size, and local coordinate system.\n+     *   \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    initialize: function() {\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    setNodeDimension: function(node, geometry) {\n+\n+        var bbox = geometry.getBounds();\n+        if (bbox) {\n+            var resolution = this.getResolution();\n+\n+            var scaledBox =\n+                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.bottom / resolution - this.offset.y) | 0,\n+                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.top / resolution - this.offset.y) | 0);\n+\n+            // Set the internal coordinate system to draw the path\n+            node.style.left = scaledBox.left + \"px\";\n+            node.style.top = scaledBox.top + \"px\";\n+            node.style.width = scaledBox.getWidth() + \"px\";\n+            node.style.height = scaledBox.getHeight() + \"px\";\n+\n+            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n+            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n+        }\n     },\n \n-    /**\n-     * Method: destroy\n-     * Destroy this geometry.\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} A VML compliant 'stroke-dasharray' value\n      */\n-    destroy: function() {\n-        this.id = null;\n-        this.bounds = null;\n+    dashStyle: function(style) {\n+        var dash = style.strokeDashstyle;\n+        switch (dash) {\n+            case 'solid':\n+            case 'dot':\n+            case 'dash':\n+            case 'dashdot':\n+            case 'longdash':\n+            case 'longdashdot':\n+                return dash;\n+            default:\n+                // very basic guessing of dash style patterns\n+                var parts = dash.split(/[ ,]/);\n+                if (parts.length == 2) {\n+                    if (1 * parts[0] >= 2 * parts[1]) {\n+                        return \"longdash\";\n+                    }\n+                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n+                } else if (parts.length == 4) {\n+                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n+                        \"dashdot\";\n+                }\n+                return \"solid\";\n+        }\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this geometry.  Does not set any non-standard\n-     *     properties of the cloned geometry.\n-     * \n+     * Method: createNode\n+     * Create a new node\n+     *\n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     *\n      * Returns:\n-     * {<OpenLayers.Geometry>} An exact clone of this geometry.\n+     * {DOMElement} A new node of the given type and id\n      */\n-    clone: function() {\n-        return new OpenLayers.Geometry();\n+    createNode: function(type, id) {\n+        var node = document.createElement(type);\n+        if (id) {\n+            node.id = id;\n+        }\n+\n+        // IE hack to make elements unselectable, to prevent 'blue flash'\n+        // while dragging vectors; #1410\n+        node.unselectable = 'on';\n+        node.onselectstart = OpenLayers.Function.False;\n+\n+        return node;\n     },\n \n     /**\n-     * Method: setBounds\n-     * Set the bounds for this Geometry.\n-     * \n+     * Method: nodeTypeCompare\n+     * Determine whether a node is of a given type\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n+     * node - {DOMElement} An VML element\n+     * type - {String} Kind of node\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n      */\n-    setBounds: function(bounds) {\n-        if (bounds) {\n-            this.bounds = bounds.clone();\n+    nodeTypeCompare: function(node, type) {\n+\n+        //split type\n+        var subType = type;\n+        var splitIndex = subType.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            subType = subType.substr(splitIndex + 1);\n+        }\n+\n+        //split nodeName\n+        var nodeName = node.nodeName;\n+        splitIndex = nodeName.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            nodeName = nodeName.substr(splitIndex + 1);\n         }\n+\n+        return (subType == nodeName);\n     },\n \n     /**\n-     * Method: clearBounds\n-     * Nullify this components bounds and that of its parent as well.\n+     * Method: createRenderRoot\n+     * Create the renderer root\n+     *\n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n      */\n-    clearBounds: function() {\n-        this.bounds = null;\n-        if (this.parent) {\n-            this.parent.clearBounds();\n-        }\n+    createRenderRoot: function() {\n+        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n     },\n \n     /**\n-     * Method: extendBounds\n-     * Extend the existing bounds to include the new bounds. \n-     * If geometry's bounds is not yet set, then set a new Bounds.\n+     * Method: createRoot\n+     * Create the main root element\n      * \n      * Parameters:\n-     * newBounds - {<OpenLayers.Bounds>} \n+     * suffix - {String} suffix to append to the id\n+     *\n+     * Returns:\n+     * {DOMElement}\n      */\n-    extendBounds: function(newBounds) {\n-        var bounds = this.getBounds();\n-        if (!bounds) {\n-            this.setBounds(newBounds);\n-        } else {\n-            this.bounds.extend(newBounds);\n-        }\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n     },\n \n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n+\n     /**\n-     * APIMethod: getBounds\n-     * Get the bounds for this Geometry. If bounds is not set, it \n-     * is calculated again, this makes queries faster.\n+     * Method: drawPoint\n+     * Render a point\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n      * \n      * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * {DOMElement} or false if the point could not be drawn\n      */\n-    getBounds: function() {\n-        if (this.bounds == null) {\n-            this.calculateBounds();\n-        }\n-        return this.bounds;\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n     },\n \n-    /** \n-     * APIMethod: calculateBounds\n-     * Recalculate the bounds for the geometry. \n+    /**\n+     * Method: drawCircle\n+     * Render a circle.\n+     * Size and Center a circle given geometry (x,y center) and radius\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {float}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the circle could not ne drawn\n      */\n-    calculateBounds: function() {\n-        //\n-        // This should be overridden by subclasses.\n-        //\n+    drawCircle: function(node, geometry, radius) {\n+        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n+            var resolution = this.getResolution();\n+\n+            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n+            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n+\n+            var diameter = radius * 2;\n+\n+            node.style.width = diameter + \"px\";\n+            node.style.height = diameter + \"px\";\n+            return node;\n+        }\n+        return false;\n     },\n \n+\n     /**\n-     * APIMethod: distanceTo\n-     * Calculate the closest distance between two geometries (on the x-y plane).\n-     *\n+     * Method: drawLineString\n+     * Render a linestring.\n+     * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The target geometry.\n-     * options - {Object} Optional properties for configuring the distance\n-     *     calculation.\n-     *\n-     * Valid options depend on the specific geometry type.\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n      * \n      * Returns:\n-     * {Number | Object} The distance between this geometry and the target.\n-     *     If details is true, the return will be an object with distance,\n-     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n-     *     the coordinates of the closest point on this geometry. The x1 and y1\n-     *     properties represent the coordinates of the closest point on the\n-     *     target geometry.\n+     * {DOMElement}\n      */\n-    distanceTo: function(geometry, options) {},\n+    drawLineString: function(node, geometry) {\n+        return this.drawLine(node, geometry, false);\n+    },\n \n     /**\n-     * APIMethod: getVertices\n-     * Return a list of all points in this geometry.\n-     *\n+     * Method: drawLinearRing\n+     * Render a linearring\n+     * \n      * Parameters:\n-     * nodes - {Boolean} For lines, only return vertices that are\n-     *     endpoints.  If false, for lines, only vertices that are not\n-     *     endpoints will be returned.  If not provided, all vertices will\n-     *     be returned.\n-     *\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {Array} A list of all vertices in the geometry.\n+     * {DOMElement}\n      */\n-    getVertices: function(nodes) {},\n+    drawLinearRing: function(node, geometry) {\n+        return this.drawLine(node, geometry, true);\n+    },\n \n     /**\n-     * Method: atPoint\n-     * Note - This is only an approximation based on the bounds of the \n-     * geometry.\n+     * Method: DrawLine\n+     * Render a line.\n      * \n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n-     * toleranceLon - {float} Optional tolerance in Geometric Coords\n-     * toleranceLat - {float} Optional tolerance in Geographic Coords\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * closeLine - {Boolean} Close the line? (make it a ring?)\n      * \n      * Returns:\n-     * {Boolean} Whether or not the geometry is at the specified location\n+     * {DOMElement}\n      */\n-    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n-        var atPoint = false;\n-        var bounds = this.getBounds();\n-        if ((bounds != null) && (lonlat != null)) {\n+    drawLine: function(node, geometry, closeLine) {\n \n-            var dX = (toleranceLon != null) ? toleranceLon : 0;\n-            var dY = (toleranceLat != null) ? toleranceLat : 0;\n+        this.setNodeDimension(node, geometry);\n \n-            var toleranceBounds =\n-                new OpenLayers.Bounds(this.bounds.left - dX,\n-                    this.bounds.bottom - dY,\n-                    this.bounds.right + dX,\n-                    this.bounds.top + dY);\n+        var resolution = this.getResolution();\n+        var numComponents = geometry.components.length;\n+        var parts = new Array(numComponents);\n \n-            atPoint = toleranceBounds.containsLonLat(lonlat);\n+        var comp, x, y;\n+        for (var i = 0; i < numComponents; i++) {\n+            comp = geometry.components[i];\n+            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+            y = (comp.y / resolution - this.offset.y) | 0;\n+            parts[i] = \" \" + x + \",\" + y + \" l \";\n         }\n-        return atPoint;\n+        var end = (closeLine) ? \" x e\" : \" e\";\n+        node.path = \"m\" + parts.join(\"\") + end;\n+        return node;\n     },\n \n     /**\n-     * Method: getLength\n-     * Calculate the length of this geometry. This method is defined in\n-     * subclasses.\n+     * Method: drawPolygon\n+     * Render a polygon\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n      * \n      * Returns:\n-     * {Float} The length of the collection by summing its parts\n+     * {DOMElement}\n      */\n-    getLength: function() {\n-        //to be overridden by geometries that actually have a length\n-        //\n-        return 0.0;\n+    drawPolygon: function(node, geometry) {\n+        this.setNodeDimension(node, geometry);\n+\n+        var resolution = this.getResolution();\n+\n+        var path = [];\n+        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n+        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n+            path.push(\"m\");\n+            points = geometry.components[j].components;\n+            // we only close paths of interior rings with area\n+            area = (j === 0);\n+            first = null;\n+            second = null;\n+            for (i = 0, ii = points.length; i < ii; i++) {\n+                comp = points[i];\n+                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+                y = (comp.y / resolution - this.offset.y) | 0;\n+                pathComp = \" \" + x + \",\" + y;\n+                path.push(pathComp);\n+                if (i == 0) {\n+                    path.push(\" l\");\n+                }\n+                if (!area) {\n+                    // IE improperly renders sub-paths that have no area.\n+                    // Instead of checking the area of every ring, we confirm\n+                    // the ring has at least three distinct points.  This does\n+                    // not catch all non-zero area cases, but it greatly improves\n+                    // interior ring digitizing and is a minor performance hit\n+                    // when rendering rings with many points.\n+                    if (!first) {\n+                        first = pathComp;\n+                    } else if (first != pathComp) {\n+                        if (!second) {\n+                            second = pathComp;\n+                        } else if (second != pathComp) {\n+                            // stop looking\n+                            area = true;\n+                        }\n+                    }\n+                }\n+            }\n+            path.push(area ? \" x \" : \" \");\n+        }\n+        path.push(\"e\");\n+        node.path = path.join(\"\");\n+        return node;\n     },\n \n     /**\n-     * Method: getArea\n-     * Calculate the area of this geometry. This method is defined in subclasses.\n+     * Method: drawRectangle\n+     * Render a rectangle\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n      * \n      * Returns:\n-     * {Float} The area of the collection by summing its parts\n+     * {DOMElement}\n      */\n-    getArea: function() {\n-        //to be overridden by geometries that actually have an area\n-        //\n-        return 0.0;\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+\n+        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n+        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n+        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+\n+        return node;\n     },\n \n     /**\n-     * APIMethod: getCentroid\n-     * Calculate the centroid of this geometry. This method is defined in subclasses.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n      */\n-    getCentroid: function() {\n-        return null;\n+    drawText: function(featureId, style, location) {\n+        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n+        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+\n+        var resolution = this.getResolution();\n+        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n+        label.style.flip = \"y\";\n+\n+        textbox.innerText = style.label;\n+\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            textbox.style.cursor = style.cursor;\n+        }\n+        if (style.fontColor) {\n+            textbox.style.color = style.fontColor;\n+        }\n+        if (style.fontOpacity) {\n+            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n+        }\n+        if (style.fontFamily) {\n+            textbox.style.fontFamily = style.fontFamily;\n+        }\n+        if (style.fontSize) {\n+            textbox.style.fontSize = style.fontSize;\n+        }\n+        if (style.fontWeight) {\n+            textbox.style.fontWeight = style.fontWeight;\n+        }\n+        if (style.fontStyle) {\n+            textbox.style.fontStyle = style.fontStyle;\n+        }\n+        if (style.labelSelect === true) {\n+            label._featureId = featureId;\n+            textbox._featureId = featureId;\n+            textbox._geometry = location;\n+            textbox._geometryClass = location.CLASS_NAME;\n+        }\n+        textbox.style.whiteSpace = \"nowrap\";\n+        // fun with IE: IE7 in standards compliant mode does not display any\n+        // text with a left inset of 0. So we set this to 1px and subtract one\n+        // pixel later when we set label.style.left\n+        textbox.inset = \"1px,0px,0px,0px\";\n+\n+        if (!label.parentNode) {\n+            label.appendChild(textbox);\n+            this.textRoot.appendChild(label);\n+        }\n+\n+        var align = style.labelAlign || \"cm\";\n+        if (align.length == 1) {\n+            align += \"m\";\n+        }\n+        var xshift = textbox.clientWidth *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n+        var yshift = textbox.clientHeight *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n+        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n+        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+\n     },\n \n     /**\n-     * Method: toString\n-     * Returns a text representation of the geometry.  If the WKT format is\n-     *     included in a build, this will be the Well-Known Text \n-     *     representation.\n-     *\n+     * Method: moveRoot\n+     * moves this renderer's root to a different renderer.\n+     * \n+     * Parameters:\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     * root - {DOMElement} optional root node. To be used when this renderer\n+     *     holds roots from multiple layers to tell this method which one to\n+     *     detach\n+     * \n      * Returns:\n-     * {String} String representation of this geometry.\n+     * {Boolean} true if successful, false otherwise\n      */\n-    toString: function() {\n-        var string;\n-        if (OpenLayers.Format && OpenLayers.Format.WKT) {\n-            string = OpenLayers.Format.WKT.prototype.write(\n-                new OpenLayers.Feature.Vector(this)\n-            );\n-        } else {\n-            string = Object.prototype.toString.call(this);\n+    moveRoot: function(renderer) {\n+        var layer = this.map.getLayer(renderer.container.id);\n+        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n+            layer = this.map.getLayer(this.container.id);\n         }\n-        return string;\n+        layer && layer.renderer.clear();\n+        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n+        layer && layer.redraw();\n     },\n \n-    CLASS_NAME: \"OpenLayers.Geometry\"\n-});\n+    /**\n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n+     * \n+     * Parameters:\n+     * graphicName - {String} name of the symbol to import\n+     * \n+     * Returns:\n+     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n+     */\n+    importSymbol: function(graphicName) {\n+        var id = this.container.id + \"-\" + graphicName;\n \n-/**\n- * Function: OpenLayers.Geometry.fromWKT\n- * Generate a geometry given a Well-Known Text string.  For this method to\n- *     work, you must include the OpenLayers.Format.WKT in your build \n- *     explicitly.\n- *\n- * Parameters:\n- * wkt - {String} A string representing the geometry in Well-Known Text.\n- *\n- * Returns:\n- * {<OpenLayers.Geometry>} A geometry of the appropriate class.\n- */\n-OpenLayers.Geometry.fromWKT = function(wkt) {\n-    var geom;\n-    if (OpenLayers.Format && OpenLayers.Format.WKT) {\n-        var format = OpenLayers.Geometry.fromWKT.format;\n-        if (!format) {\n-            format = new OpenLayers.Format.WKT();\n-            OpenLayers.Geometry.fromWKT.format = format;\n-        }\n-        var result = format.read(wkt);\n-        if (result instanceof OpenLayers.Feature.Vector) {\n-            geom = result.geometry;\n-        } else if (OpenLayers.Util.isArray(result)) {\n-            var len = result.length;\n-            var components = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                components[i] = result[i].geometry;\n-            }\n-            geom = new OpenLayers.Geometry.Collection(components);\n+        // check if symbol already exists in the cache\n+        var cache = this.symbolCache[id];\n+        if (cache) {\n+            return cache;\n         }\n-    }\n-    return geom;\n-};\n \n-/**\n- * Method: OpenLayers.Geometry.segmentsIntersect\n- * Determine whether two line segments intersect.  Optionally calculates\n- *     and returns the intersection point.  This function is optimized for\n- *     cases where seg1.x2 >= seg2.x1 || seg2.x2 >= seg1.x1.  In those\n- *     obvious cases where there is no intersection, the function should\n- *     not be called.\n- *\n- * Parameters:\n- * seg1 - {Object} Object representing a segment with properties x1, y1, x2,\n- *     and y2.  The start point is represented by x1 and y1.  The end point\n- *     is represented by x2 and y2.  Start and end are ordered so that x1 < x2.\n- * seg2 - {Object} Object representing a segment with properties x1, y1, x2,\n- *     and y2.  The start point is represented by x1 and y1.  The end point\n- *     is represented by x2 and y2.  Start and end are ordered so that x1 < x2.\n- * options - {Object} Optional properties for calculating the intersection.\n- *\n- * Valid options:\n- * point - {Boolean} Return the intersection point.  If false, the actual\n- *     intersection point will not be calculated.  If true and the segments\n- *     intersect, the intersection point will be returned.  If true and\n- *     the segments do not intersect, false will be returned.  If true and\n- *     the segments are coincident, true will be returned.\n- * tolerance - {Number} If a non-null value is provided, if the segments are\n- *     within the tolerance distance, this will be considered an intersection.\n- *     In addition, if the point option is true and the calculated intersection\n- *     is within the tolerance distance of an end point, the endpoint will be\n- *     returned instead of the calculated intersection.  Further, if the\n- *     intersection is within the tolerance of endpoints on both segments, or\n- *     if two segment endpoints are within the tolerance distance of eachother\n- *     (but no intersection is otherwise calculated), an endpoint on the\n- *     first segment provided will be returned.\n- *\n- * Returns:\n- * {Boolean | <OpenLayers.Geometry.Point>}  The two segments intersect.\n- *     If the point argument is true, the return will be the intersection\n- *     point or false if none exists.  If point is true and the segments\n- *     are coincident, return will be true (and the instersection is equal\n- *     to the shorter segment).\n- */\n-OpenLayers.Geometry.segmentsIntersect = function(seg1, seg2, options) {\n-    var point = options && options.point;\n-    var tolerance = options && options.tolerance;\n-    var intersection = false;\n-    var x11_21 = seg1.x1 - seg2.x1;\n-    var y11_21 = seg1.y1 - seg2.y1;\n-    var x12_11 = seg1.x2 - seg1.x1;\n-    var y12_11 = seg1.y2 - seg1.y1;\n-    var y22_21 = seg2.y2 - seg2.y1;\n-    var x22_21 = seg2.x2 - seg2.x1;\n-    var d = (y22_21 * x12_11) - (x22_21 * y12_11);\n-    var n1 = (x22_21 * y11_21) - (y22_21 * x11_21);\n-    var n2 = (x12_11 * y11_21) - (y12_11 * x11_21);\n-    if (d == 0) {\n-        // parallel\n-        if (n1 == 0 && n2 == 0) {\n-            // coincident\n-            intersection = true;\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n         }\n-    } else {\n-        var along1 = n1 / d;\n-        var along2 = n2 / d;\n-        if (along1 >= 0 && along1 <= 1 && along2 >= 0 && along2 <= 1) {\n-            // intersect\n-            if (!point) {\n-                intersection = true;\n-            } else {\n-                // calculate the intersection point\n-                var x = seg1.x1 + (along1 * x12_11);\n-                var y = seg1.y1 + (along1 * y12_11);\n-                intersection = new OpenLayers.Geometry.Point(x, y);\n+\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var pathitems = [\"m\"];\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            var x = symbol[i];\n+            var y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n+\n+            pathitems.push(x);\n+            pathitems.push(y);\n+            if (i == 0) {\n+                pathitems.push(\"l\");\n             }\n         }\n-    }\n-    if (tolerance) {\n-        var dist;\n-        if (intersection) {\n-            if (point) {\n-                var segs = [seg1, seg2];\n-                var seg, x, y;\n-                // check segment endpoints for proximity to intersection\n-                // set intersection to first endpoint within the tolerance\n-                outer: for (var i = 0; i < 2; ++i) {\n-                    seg = segs[i];\n-                    for (var j = 1; j < 3; ++j) {\n-                        x = seg[\"x\" + j];\n-                        y = seg[\"y\" + j];\n-                        dist = Math.sqrt(\n-                            Math.pow(x - intersection.x, 2) +\n-                            Math.pow(y - intersection.y, 2)\n-                        );\n-                        if (dist < tolerance) {\n-                            intersection.x = x;\n-                            intersection.y = y;\n-                            break outer;\n-                        }\n-                    }\n-                }\n+        pathitems.push(\"x e\");\n+        var path = pathitems.join(\" \");\n \n-            }\n+        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n+        if (diff > 0) {\n+            symbolExtent.bottom = symbolExtent.bottom - diff;\n+            symbolExtent.top = symbolExtent.top + diff;\n         } else {\n-            // no calculated intersection, but segments could be within\n-            // the tolerance of one another\n-            var segs = [seg1, seg2];\n-            var source, target, x, y, p, result;\n-            // check segment endpoints for proximity to intersection\n-            // set intersection to first endpoint within the tolerance\n-            outer: for (var i = 0; i < 2; ++i) {\n-                source = segs[i];\n-                target = segs[(i + 1) % 2];\n-                for (var j = 1; j < 3; ++j) {\n-                    p = {\n-                        x: source[\"x\" + j],\n-                        y: source[\"y\" + j]\n-                    };\n-                    result = OpenLayers.Geometry.distanceToSegment(p, target);\n-                    if (result.distance < tolerance) {\n-                        if (point) {\n-                            intersection = new OpenLayers.Geometry.Point(p.x, p.y);\n-                        } else {\n-                            intersection = true;\n-                        }\n-                        break outer;\n-                    }\n-                }\n-            }\n+            symbolExtent.left = symbolExtent.left + diff;\n+            symbolExtent.right = symbolExtent.right - diff;\n         }\n-    }\n-    return intersection;\n-};\n \n-/**\n- * Function: OpenLayers.Geometry.distanceToSegment\n- *\n- * Parameters:\n- * point - {Object} An object with x and y properties representing the\n- *     point coordinates.\n- * segment - {Object} An object with x1, y1, x2, and y2 properties\n- *     representing endpoint coordinates.\n- *\n- * Returns:\n- * {Object} An object with distance, along, x, and y properties.  The distance\n- *     will be the shortest distance between the input point and segment.\n- *     The x and y properties represent the coordinates along the segment\n- *     where the shortest distance meets the segment. The along attribute\n- *     describes how far between the two segment points the given point is.\n- */\n-OpenLayers.Geometry.distanceToSegment = function(point, segment) {\n-    var result = OpenLayers.Geometry.distanceSquaredToSegment(point, segment);\n-    result.distance = Math.sqrt(result.distance);\n-    return result;\n-};\n+        cache = {\n+            path: path,\n+            size: symbolExtent.getWidth(), // equals getHeight() now\n+            left: symbolExtent.left,\n+            bottom: symbolExtent.bottom\n+        };\n+        this.symbolCache[id] = cache;\n+\n+        return cache;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n+});\n \n /**\n- * Function: OpenLayers.Geometry.distanceSquaredToSegment\n- *\n- * Usually the distanceToSegment function should be used. This variant however\n- * can be used for comparisons where the exact distance is not important.\n- *\n- * Parameters:\n- * point - {Object} An object with x and y properties representing the\n- *     point coordinates.\n- * segment - {Object} An object with x1, y1, x2, and y2 properties\n- *     representing endpoint coordinates.\n- *\n- * Returns:\n- * {Object} An object with squared distance, along, x, and y properties.\n- *     The distance will be the shortest distance between the input point and\n- *     segment. The x and y properties represent the coordinates along the\n- *     segment where the shortest distance meets the segment. The along\n- *     attribute describes how far between the two segment points the given\n- *     point is.\n+ * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n+ * {Object}\n  */\n-OpenLayers.Geometry.distanceSquaredToSegment = function(point, segment) {\n-    var x0 = point.x;\n-    var y0 = point.y;\n-    var x1 = segment.x1;\n-    var y1 = segment.y1;\n-    var x2 = segment.x2;\n-    var y2 = segment.y2;\n-    var dx = x2 - x1;\n-    var dy = y2 - y1;\n-    var along = ((dx * (x0 - x1)) + (dy * (y0 - y1))) /\n-        (Math.pow(dx, 2) + Math.pow(dy, 2));\n-    var x, y;\n-    if (along <= 0.0) {\n-        x = x1;\n-        y = y1;\n-    } else if (along >= 1.0) {\n-        x = x2;\n-        y = y2;\n-    } else {\n-        x = x1 + along * dx;\n-        y = y1 + along * dy;\n-    }\n-    return {\n-        distance: Math.pow(x - x0, 2) + Math.pow(y - y0, 2),\n-        x: x,\n-        y: y,\n-        along: along\n-    };\n+OpenLayers.Renderer.VML.LABEL_SHIFT = {\n+    \"l\": 0,\n+    \"c\": .5,\n+    \"r\": 1,\n+    \"t\": 0,\n+    \"m\": .5,\n+    \"b\": 1\n };\n /* ======================================================================\n-    OpenLayers/Geometry/Point.js\n+    OpenLayers/Layer/HTTPRequest.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Geometry.js\n+ * @requires OpenLayers/Layer.js\n  */\n \n /**\n- * Class: OpenLayers.Geometry.Point\n- * Point geometry class. \n+ * Class: OpenLayers.Layer.HTTPRequest\n  * \n- * Inherits from:\n- *  - <OpenLayers.Geometry> \n+ * Inherits from: \n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Geometry.Point = OpenLayers.Class(OpenLayers.Geometry, {\n+OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n \n     /** \n-     * APIProperty: x \n-     * {float} \n+     * Constant: URL_HASH_FACTOR\n+     * {Float} Used to hash URL param strings for multi-WMS server selection.\n+     *         Set to the Golden Ratio per Knuth's recommendation.\n      */\n-    x: null,\n+    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n \n     /** \n-     * APIProperty: y \n-     * {float} \n+     * Property: url\n+     * {Array(String) or String} This is either an array of url strings or \n+     *                           a single url string. \n      */\n-    y: null,\n+    url: null,\n+\n+    /** \n+     * Property: params\n+     * {Object} Hashtable of key/value parameters\n+     */\n+    params: null,\n+\n+    /** \n+     * APIProperty: reproject\n+     * *Deprecated*. See http://docs.openlayers.org/library/spherical_mercator.html\n+     * for information on the replacement for this functionality. \n+     * {Boolean} Whether layer should reproject itself based on base layer \n+     *           locations. This allows reprojection onto commercial layers. \n+     *           Default is false: Most layers can't reproject, but layers \n+     *           which can create non-square geographic pixels can, like WMS.\n+     *           \n+     */\n+    reproject: false,\n \n     /**\n-     * Constructor: OpenLayers.Geometry.Point\n-     * Construct a point geometry.\n-     *\n-     * Parameters:\n-     * x - {float} \n-     * y - {float}\n+     * Constructor: OpenLayers.Layer.HTTPRequest\n      * \n+     * Parameters:\n+     * name - {String}\n+     * url - {Array(String) or String}\n+     * params - {Object}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    initialize: function(x, y) {\n-        OpenLayers.Geometry.prototype.initialize.apply(this, arguments);\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+        this.url = url;\n+        if (!this.params) {\n+            this.params = OpenLayers.Util.extend({}, params);\n+        }\n+    },\n \n-        this.x = parseFloat(x);\n-        this.y = parseFloat(y);\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+        this.url = null;\n+        this.params = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n      * APIMethod: clone\n      * \n+     * Parameters:\n+     * obj - {Object}\n+     * \n      * Returns:\n-     * {<OpenLayers.Geometry.Point>} An exact clone of this OpenLayers.Geometry.Point\n+     * {<OpenLayers.Layer.HTTPRequest>} An exact clone of this \n+     *                                  <OpenLayers.Layer.HTTPRequest>\n      */\n     clone: function(obj) {\n+\n         if (obj == null) {\n-            obj = new OpenLayers.Geometry.Point(this.x, this.y);\n+            obj = new OpenLayers.Layer.HTTPRequest(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n \n-        // catch any randomly tagged-on properties\n-        OpenLayers.Util.applyDefaults(obj, this);\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n \n         return obj;\n     },\n \n     /** \n-     * Method: calculateBounds\n-     * Create a new Bounds based on the lon/lat\n+     * APIMethod: setUrl\n+     * \n+     * Parameters:\n+     * newUrl - {String}\n      */\n-    calculateBounds: function() {\n-        this.bounds = new OpenLayers.Bounds(this.x, this.y,\n-            this.x, this.y);\n+    setUrl: function(newUrl) {\n+        this.url = newUrl;\n     },\n \n     /**\n-     * APIMethod: distanceTo\n-     * Calculate the closest distance between two geometries (on the x-y plane).\n-     *\n+     * APIMethod: mergeNewParams\n+     * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The target geometry.\n-     * options - {Object} Optional properties for configuring the distance\n-     *     calculation.\n-     *\n-     * Valid options:\n-     * details - {Boolean} Return details from the distance calculation.\n-     *     Default is false.\n-     * edge - {Boolean} Calculate the distance from this geometry to the\n-     *     nearest edge of the target geometry.  Default is true.  If true,\n-     *     calling distanceTo from a geometry that is wholly contained within\n-     *     the target will result in a non-zero distance.  If false, whenever\n-     *     geometries intersect, calling distanceTo will return 0.  If false,\n-     *     details cannot be returned.\n+     * newParams - {Object}\n      *\n      * Returns:\n-     * {Number | Object} The distance between this geometry and the target.\n-     *     If details is true, the return will be an object with distance,\n-     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n-     *     the coordinates of the closest point on this geometry. The x1 and y1\n-     *     properties represent the coordinates of the closest point on the\n-     *     target geometry.\n+     * redrawn: {Boolean} whether the layer was actually redrawn.\n      */\n-    distanceTo: function(geometry, options) {\n-        var edge = !(options && options.edge === false);\n-        var details = edge && options && options.details;\n-        var distance, x0, y0, x1, y1, result;\n-        if (geometry instanceof OpenLayers.Geometry.Point) {\n-            x0 = this.x;\n-            y0 = this.y;\n-            x1 = geometry.x;\n-            y1 = geometry.y;\n-            distance = Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n-            result = !details ?\n-                distance : {\n-                    x0: x0,\n-                    y0: y0,\n-                    x1: x1,\n-                    y1: y1,\n-                    distance: distance\n-                };\n-        } else {\n-            result = geometry.distanceTo(this, options);\n-            if (details) {\n-                // switch coord order since this geom is target\n-                result = {\n-                    x0: result.x1,\n-                    y0: result.y1,\n-                    x1: result.x0,\n-                    y1: result.y0,\n-                    distance: result.distance\n-                };\n-            }\n+    mergeNewParams: function(newParams) {\n+        this.params = OpenLayers.Util.extend(this.params, newParams);\n+        var ret = this.redraw();\n+        if (this.map != null) {\n+            this.map.events.triggerEvent(\"changelayer\", {\n+                layer: this,\n+                property: \"params\"\n+            });\n         }\n-        return result;\n+        return ret;\n     },\n \n-    /** \n-     * APIMethod: equals\n-     * Determine whether another geometry is equivalent to this one.  Geometries\n-     *     are considered equivalent if all components have the same coordinates.\n-     * \n+    /**\n+     * APIMethod: redraw\n+     * Redraws the layer.  Returns true if the layer was redrawn, false if not.\n+     *\n      * Parameters:\n-     * geom - {<OpenLayers.Geometry.Point>} The geometry to test. \n+     * force - {Boolean} Force redraw by adding random parameter.\n      *\n      * Returns:\n-     * {Boolean} The supplied geometry is equivalent to this geometry.\n+     * {Boolean} The layer was redrawn.\n      */\n-    equals: function(geom) {\n-        var equals = false;\n-        if (geom != null) {\n-            equals = ((this.x == geom.x && this.y == geom.y) ||\n-                (isNaN(this.x) && isNaN(this.y) && isNaN(geom.x) && isNaN(geom.y)));\n+    redraw: function(force) {\n+        if (force) {\n+            return this.mergeNewParams({\n+                \"_olSalt\": Math.random()\n+            });\n+        } else {\n+            return OpenLayers.Layer.prototype.redraw.apply(this, []);\n         }\n-        return equals;\n     },\n \n     /**\n-     * Method: toShortString\n+     * Method: selectUrl\n+     * selectUrl() implements the standard floating-point multiplicative\n+     *     hash function described by Knuth, and hashes the contents of the \n+     *     given param string into a float between 0 and 1. This float is then\n+     *     scaled to the size of the provided urls array, and used to select\n+     *     a URL.\n      *\n+     * Parameters:\n+     * paramString - {String}\n+     * urls - {Array(String)}\n+     * \n      * Returns:\n-     * {String} Shortened String representation of Point object. \n-     *         (ex. <i>\"5, 42\"</i>)\n+     * {String} An entry from the urls array, deterministically selected based\n+     *          on the paramString.\n      */\n-    toShortString: function() {\n-        return (this.x + \", \" + this.y);\n+    selectUrl: function(paramString, urls) {\n+        var product = 1;\n+        for (var i = 0, len = paramString.length; i < len; i++) {\n+            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n+            product -= Math.floor(product);\n+        }\n+        return urls[Math.floor(product * urls.length)];\n     },\n \n-    /**\n-     * APIMethod: move\n-     * Moves a geometry by the given displacement along positive x and y axes.\n-     *     This modifies the position of the geometry and clears the cached\n-     *     bounds.\n+    /** \n+     * Method: getFullRequestString\n+     * Combine url with layer's params and these newParams. \n+     *   \n+     *    does checking on the serverPath variable, allowing for cases when it \n+     *     is supplied with trailing ? or &, as well as cases where not. \n      *\n-     * Parameters:\n-     * x - {Float} Distance to move geometry in positive x direction. \n-     * y - {Float} Distance to move geometry in positive y direction.\n-     */\n-    move: function(x, y) {\n-        this.x = this.x + x;\n-        this.y = this.y + y;\n-        this.clearBounds();\n-    },\n-\n-    /**\n-     * APIMethod: rotate\n-     * Rotate a point around another.\n+     *    return in formatted string like this:\n+     *        \"server?key1=value1&key2=value2&key3=value3\"\n+     * \n+     * WARNING: The altUrl parameter is deprecated and will be removed in 3.0.\n      *\n      * Parameters:\n-     * angle - {Float} Rotation angle in degrees (measured counterclockwise\n-     *                 from the positive x-axis)\n-     * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n+     * newParams - {Object}\n+     * altUrl - {String} Use this as the url instead of the layer's url\n+     *   \n+     * Returns: \n+     * {String}\n      */\n-    rotate: function(angle, origin) {\n-        angle *= Math.PI / 180;\n-        var radius = this.distanceTo(origin);\n-        var theta = angle + Math.atan2(this.y - origin.y, this.x - origin.x);\n-        this.x = origin.x + (radius * Math.cos(theta));\n-        this.y = origin.y + (radius * Math.sin(theta));\n-        this.clearBounds();\n-    },\n+    getFullRequestString: function(newParams, altUrl) {\n \n-    /**\n-     * APIMethod: getCentroid\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n-     */\n-    getCentroid: function() {\n-        return new OpenLayers.Geometry.Point(this.x, this.y);\n-    },\n+        // if not altUrl passed in, use layer's url\n+        var url = altUrl || this.url;\n \n-    /**\n-     * APIMethod: resize\n-     * Resize a point relative to some origin.  For points, this has the effect\n-     *     of scaling a vector (from the origin to the point).  This method is\n-     *     more useful on geometry collection subclasses.\n-     *\n-     * Parameters:\n-     * scale - {Float} Ratio of the new distance from the origin to the old\n-     *                 distance from the origin.  A scale of 2 doubles the\n-     *                 distance between the point and origin.\n-     * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n-     * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Geometry>} - The current geometry. \n-     */\n-    resize: function(scale, origin, ratio) {\n-        ratio = (ratio == undefined) ? 1 : ratio;\n-        this.x = origin.x + (scale * ratio * (this.x - origin.x));\n-        this.y = origin.y + (scale * (this.y - origin.y));\n-        this.clearBounds();\n-        return this;\n-    },\n+        // create a new params hashtable with all the layer params and the \n+        // new params together. then convert to string\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n \n-    /**\n-     * APIMethod: intersects\n-     * Determine if the input geometry intersects this one.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n-     *\n-     * Returns:\n-     * {Boolean} The input geometry intersects this one.\n-     */\n-    intersects: function(geometry) {\n-        var intersect = false;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            intersect = this.equals(geometry);\n-        } else {\n-            intersect = geometry.intersects(this);\n+        // if url is not a string, it should be an array of strings, \n+        // in which case we will deterministically select one of them in \n+        // order to evenly distribute requests to different urls.\n+        //\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(paramsString, url);\n         }\n-        return intersect;\n-    },\n \n-    /**\n-     * APIMethod: transform\n-     * Translate the x,y properties of the point from source to dest.\n-     * \n-     * Parameters:\n-     * source - {<OpenLayers.Projection>} \n-     * dest - {<OpenLayers.Projection>}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Geometry>} \n-     */\n-    transform: function(source, dest) {\n-        if ((source && dest)) {\n-            OpenLayers.Projection.transform(\n-                this, source, dest);\n-            this.bounds = null;\n+        // ignore parameters that are already in the url search string\n+        var urlParams =\n+            OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key];\n+            }\n         }\n-        return this;\n-    },\n+        paramsString = OpenLayers.Util.getParameterString(allParams);\n \n-    /**\n-     * APIMethod: getVertices\n-     * Return a list of all points in this geometry.\n-     *\n-     * Parameters:\n-     * nodes - {Boolean} For lines, only return vertices that are\n-     *     endpoints.  If false, for lines, only vertices that are not\n-     *     endpoints will be returned.  If not provided, all vertices will\n-     *     be returned.\n-     *\n-     * Returns:\n-     * {Array} A list of all vertices in the geometry.\n-     */\n-    getVertices: function(nodes) {\n-        return [this];\n+        return OpenLayers.Util.urlAppend(url, paramsString);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Geometry.Point\"\n+    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n });\n /* ======================================================================\n-    OpenLayers/Geometry/Collection.js\n+    OpenLayers/Tile.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Geometry.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n  */\n \n /**\n- * Class: OpenLayers.Geometry.Collection\n- * A Collection is exactly what it sounds like: A collection of different \n- * Geometries. These are stored in the local parameter <components> (which\n- * can be passed as a parameter to the constructor). \n+ * Class: OpenLayers.Tile \n+ * This is a class designed to designate a single tile, however\n+ *     it is explicitly designed to do relatively little. Tiles store \n+ *     information about themselves -- such as the URL that they are related\n+ *     to, and their size - but do not add themselves to the layer div \n+ *     automatically, for example. Create a new tile with the \n+ *     <OpenLayers.Tile> constructor, or a subclass. \n  * \n- * As new geometries are added to the collection, they are NOT cloned. \n- * When removing geometries, they need to be specified by reference (ie you \n- * have to pass in the *exact* geometry to be removed).\n+ * TBD 3.0 - remove reference to url in above paragraph\n  * \n- * The <getArea> and <getLength> functions here merely iterate through\n- * the components, summing their respective areas and lengths.\n- *\n- * Create a new instance with the <OpenLayers.Geometry.Collection> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Geometry> \n  */\n-OpenLayers.Geometry.Collection = OpenLayers.Class(OpenLayers.Geometry, {\n+OpenLayers.Tile = OpenLayers.Class({\n \n     /**\n-     * APIProperty: components\n-     * {Array(<OpenLayers.Geometry>)} The component parts of this geometry\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the tile.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * tile.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types:\n+     * beforedraw - Triggered before the tile is drawn. Used to defer\n+     *     drawing to an animation queue. To defer drawing, listeners need\n+     *     to return false, which will abort drawing. The queue handler needs\n+     *     to call <draw>(true) to actually draw the tile.\n+     * loadstart - Triggered when tile loading starts.\n+     * loadend - Triggered when tile loading ends.\n+     * loaderror - Triggered before the loadend event (i.e. when the tile is\n+     *     still hidden) if the tile could not be loaded.\n+     * reload - Triggered when an already loading tile is reloaded.\n+     * unload - Triggered before a tile is unloaded.\n      */\n-    components: null,\n+    events: null,\n \n     /**\n-     * Property: componentTypes\n-     * {Array(String)} An array of class names representing the types of\n-     * components that the collection can include.  A null value means the\n-     * component types are not restricted.\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n+     *\n+     * This options can be set in the ``tileOptions`` option from\n+     * <OpenLayers.Layer.Grid>. For example, to be notified of the\n+     * ``loadend`` event of each tiles:\n+     * (code)\n+     * new OpenLayers.Layer.OSM('osm', 'http://tile.openstreetmap.org/${z}/${x}/${y}.png', {\n+     *     tileOptions: {\n+     *         eventListeners: {\n+     *             'loadend': function(evt) {\n+     *                 // do something on loadend\n+     *             }\n+     *         }\n+     *     }\n+     * });\n+     * (end)\n      */\n-    componentTypes: null,\n+    eventListeners: null,\n \n     /**\n-     * Constructor: OpenLayers.Geometry.Collection\n-     * Creates a Geometry Collection -- a list of geoms.\n-     *\n-     * Parameters: \n-     * components - {Array(<OpenLayers.Geometry>)} Optional array of geometries\n-     *\n+     * Property: id \n+     * {String} null\n      */\n-    initialize: function(components) {\n-        OpenLayers.Geometry.prototype.initialize.apply(this, arguments);\n-        this.components = [];\n-        if (components != null) {\n-            this.addComponents(components);\n-        }\n-    },\n+    id: null,\n \n-    /**\n-     * APIMethod: destroy\n-     * Destroy this geometry.\n+    /** \n+     * Property: layer \n+     * {<OpenLayers.Layer>} layer the tile is attached to \n      */\n-    destroy: function() {\n-        this.components.length = 0;\n-        this.components = null;\n-        OpenLayers.Geometry.prototype.destroy.apply(this, arguments);\n-    },\n+    layer: null,\n \n     /**\n-     * APIMethod: clone\n-     * Clone this geometry.\n+     * Property: url\n+     * {String} url of the request.\n      *\n-     * Returns:\n-     * {<OpenLayers.Geometry.Collection>} An exact clone of this collection\n+     * TBD 3.0 \n+     * Deprecated. The base tile class does not need an url. This should be \n+     * handled in subclasses. Does not belong here.\n      */\n-    clone: function() {\n-        var geometry = eval(\"new \" + this.CLASS_NAME + \"()\");\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            geometry.addComponent(this.components[i].clone());\n-        }\n+    url: null,\n \n-        // catch any randomly tagged-on properties\n-        OpenLayers.Util.applyDefaults(geometry, this);\n+    /** \n+     * APIProperty: bounds \n+     * {<OpenLayers.Bounds>} null\n+     */\n+    bounds: null,\n \n-        return geometry;\n-    },\n+    /** \n+     * Property: size \n+     * {<OpenLayers.Size>} null\n+     */\n+    size: null,\n+\n+    /** \n+     * Property: position \n+     * {<OpenLayers.Pixel>} Top Left pixel of the tile\n+     */\n+    position: null,\n \n     /**\n-     * Method: getComponentsString\n-     * Get a string representing the components for this collection\n+     * Property: isLoading\n+     * {Boolean} Is the tile loading?\n+     */\n+    isLoading: false,\n+\n+    /** TBD 3.0 -- remove 'url' from the list of parameters to the constructor.\n+     *             there is no need for the base tile class to have a url.\n+     */\n+\n+    /** \n+     * Constructor: OpenLayers.Tile\n+     * Constructor for a new <OpenLayers.Tile> instance.\n      * \n-     * Returns:\n-     * {String} A string representation of the components of this geometry\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n+     * position - {<OpenLayers.Pixel>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     * url - {<String>}\n+     * size - {<OpenLayers.Size>}\n+     * options - {Object}\n      */\n-    getComponentsString: function() {\n-        var strings = [];\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            strings.push(this.components[i].toShortString());\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        this.layer = layer;\n+        this.position = position.clone();\n+        this.setBounds(bounds);\n+        this.url = url;\n+        if (size) {\n+            this.size = size.clone();\n+        }\n+\n+        //give the tile a unique id based on its BBOX.\n+        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n+\n+        OpenLayers.Util.extend(this, options);\n+\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners);\n         }\n-        return strings.join(\",\");\n     },\n \n     /**\n-     * APIMethod: calculateBounds\n-     * Recalculate the bounds by iterating through the components and \n-     * calling calling extendBounds() on each item.\n+     * Method: unload\n+     * Call immediately before destroying if you are listening to tile\n+     * events, so that counters are properly handled if tile is still\n+     * loading at destroy-time. Will only fire an event if the tile is\n+     * still loading.\n      */\n-    calculateBounds: function() {\n-        this.bounds = null;\n-        var bounds = new OpenLayers.Bounds();\n-        var components = this.components;\n-        if (components) {\n-            for (var i = 0, len = components.length; i < len; i++) {\n-                bounds.extend(components[i].getBounds());\n-            }\n+    unload: function() {\n+        if (this.isLoading) {\n+            this.isLoading = false;\n+            this.events.triggerEvent(\"unload\");\n         }\n-        // to preserve old behavior, we only set bounds if non-null\n-        // in the future, we could add bounds.isEmpty()\n-        if (bounds.left != null && bounds.bottom != null &&\n-            bounds.right != null && bounds.top != null) {\n-            this.setBounds(bounds);\n+    },\n+\n+    /** \n+     * APIMethod: destroy\n+     * Nullify references to prevent circular references and memory leaks.\n+     */\n+    destroy: function() {\n+        this.layer = null;\n+        this.bounds = null;\n+        this.size = null;\n+        this.position = null;\n+\n+        if (this.eventListeners) {\n+            this.events.un(this.eventListeners);\n         }\n+        this.events.destroy();\n+        this.eventListeners = null;\n+        this.events = null;\n     },\n \n     /**\n-     * APIMethod: addComponents\n-     * Add components to this geometry.\n+     * Method: draw\n+     * Clear whatever is currently in the tile, then return whether or not \n+     *     it should actually be re-drawn. This is an example implementation\n+     *     that can be overridden by subclasses. The minimum thing to do here\n+     *     is to call <clear> and return the result from <shouldDraw>.\n      *\n      * Parameters:\n-     * components - {Array(<OpenLayers.Geometry>)} An array of geometries to add\n+     * force - {Boolean} If true, the tile will not be cleared and no beforedraw\n+     *     event will be fired. This is used for drawing tiles asynchronously\n+     *     after drawing has been cancelled by returning false from a beforedraw\n+     *     listener.\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the tile should actually be drawn. Returns null\n+     *     if a beforedraw listener returned false.\n      */\n-    addComponents: function(components) {\n-        if (!(OpenLayers.Util.isArray(components))) {\n-            components = [components];\n+    draw: function(force) {\n+        if (!force) {\n+            //clear tile's contents and mark as not drawn\n+            this.clear();\n         }\n-        for (var i = 0, len = components.length; i < len; i++) {\n-            this.addComponent(components[i]);\n+        var draw = this.shouldDraw();\n+        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n+            draw = null;\n         }\n+        return draw;\n     },\n \n     /**\n-     * Method: addComponent\n-     * Add a new component (geometry) to the collection.  If this.componentTypes\n-     * is set, then the component class name must be in the componentTypes array.\n-     *\n-     * The bounds cache is reset.\n+     * Method: shouldDraw\n+     * Return whether or not the tile should actually be (re-)drawn. The only\n+     * case where we *wouldn't* want to draw the tile is if the tile is outside\n+     * its layer's maxExtent\n      * \n-     * Parameters:\n-     * component - {<OpenLayers.Geometry>} A geometry to add\n-     * index - {int} Optional index into the array to insert the component\n-     *\n      * Returns:\n-     * {Boolean} The component geometry was successfully added\n+     * {Boolean} Whether or not the tile should actually be drawn.\n      */\n-    addComponent: function(component, index) {\n-        var added = false;\n-        if (component) {\n-            if (this.componentTypes == null ||\n-                (OpenLayers.Util.indexOf(this.componentTypes,\n-                    component.CLASS_NAME) > -1)) {\n-\n-                if (index != null && (index < this.components.length)) {\n-                    var components1 = this.components.slice(0, index);\n-                    var components2 = this.components.slice(index,\n-                        this.components.length);\n-                    components1.push(component);\n-                    this.components = components1.concat(components2);\n-                } else {\n-                    this.components.push(component);\n-                }\n-                component.parent = this;\n-                this.clearBounds();\n-                added = true;\n+    shouldDraw: function() {\n+        var withinMaxExtent = false,\n+            maxExtent = this.layer.maxExtent;\n+        if (maxExtent) {\n+            var map = this.layer.map;\n+            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n+            if (this.bounds.intersectsBounds(maxExtent, {\n+                    inclusive: false,\n+                    worldBounds: worldBounds\n+                })) {\n+                withinMaxExtent = true;\n             }\n         }\n-        return added;\n+\n+        return withinMaxExtent || this.layer.displayOutsideMaxExtent;\n     },\n \n     /**\n-     * APIMethod: removeComponents\n-     * Remove components from this geometry.\n+     * Method: setBounds\n+     * Sets the bounds on this instance\n      *\n      * Parameters:\n-     * components - {Array(<OpenLayers.Geometry>)} The components to be removed\n-     *\n-     * Returns: \n-     * {Boolean} A component was removed.\n+     * bounds {<OpenLayers.Bounds>}\n      */\n-    removeComponents: function(components) {\n-        var removed = false;\n+    setBounds: function(bounds) {\n+        bounds = bounds.clone();\n+        if (this.layer.map.baseLayer.wrapDateLine) {\n+            var worldExtent = this.layer.map.getMaxExtent(),\n+                tolerance = this.layer.map.getResolution();\n+            bounds = bounds.wrapDateLine(worldExtent, {\n+                leftTolerance: tolerance,\n+                rightTolerance: tolerance\n+            });\n+        }\n+        this.bounds = bounds;\n+    },\n \n-        if (!(OpenLayers.Util.isArray(components))) {\n-            components = [components];\n+    /** \n+     * Method: moveTo\n+     * Reposition the tile.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * position - {<OpenLayers.Pixel>}\n+     * redraw - {Boolean} Call draw method on tile after moving.\n+     *     Default is true\n+     */\n+    moveTo: function(bounds, position, redraw) {\n+        if (redraw == null) {\n+            redraw = true;\n         }\n-        for (var i = components.length - 1; i >= 0; --i) {\n-            removed = this.removeComponent(components[i]) || removed;\n+\n+        this.setBounds(bounds);\n+        this.position = position.clone();\n+        if (redraw) {\n+            this.draw();\n         }\n-        return removed;\n     },\n \n+    /** \n+     * Method: clear\n+     * Clear the tile of any bounds/position-related data so that it can \n+     *     be reused in a new location.\n+     */\n+    clear: function(draw) {\n+        // to be extended by subclasses\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Tile\"\n+});\n+/* ======================================================================\n+    OpenLayers/Tile/Image.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Tile.js\n+ * @requires OpenLayers/Animation.js\n+ * @requires OpenLayers/Util.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Tile.Image\n+ * Instances of OpenLayers.Tile.Image are used to manage the image tiles\n+ * used by various layers.  Create a new image tile with the\n+ * <OpenLayers.Tile.Image> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Tile>\n+ */\n+OpenLayers.Tile.Image = OpenLayers.Class(OpenLayers.Tile, {\n+\n     /**\n-     * Method: removeComponent\n-     * Remove a component from this geometry.\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the tile.\n      *\n-     * Parameters:\n-     * component - {<OpenLayers.Geometry>} \n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * tile.events.register(type, obj, listener);\n+     * (end)\n      *\n-     * Returns: \n-     * {Boolean} The component was removed.\n+     * Supported event types (in addition to the <OpenLayers.Tile> events):\n+     * beforeload - Triggered before an image is prepared for loading, when the\n+     *     url for the image is known already. Listeners may call <setImage> on\n+     *     the tile instance. If they do so, that image will be used and no new\n+     *     one will be created.\n      */\n-    removeComponent: function(component) {\n \n-        OpenLayers.Util.removeItem(this.components, component);\n+    /** \n+     * APIProperty: url\n+     * {String} The URL of the image being requested. No default. Filled in by\n+     * layer.getURL() function. May be modified by loadstart listeners.\n+     */\n+    url: null,\n \n-        // clearBounds() so that it gets recalculated on the next call\n-        // to this.getBounds();\n-        this.clearBounds();\n-        return true;\n-    },\n+    /** \n+     * Property: imgDiv\n+     * {HTMLImageElement} The image for this tile.\n+     */\n+    imgDiv: null,\n \n     /**\n-     * APIMethod: getLength\n-     * Calculate the length of this geometry\n-     *\n-     * Returns:\n-     * {Float} The length of the geometry\n+     * Property: frame\n+     * {DOMElement} The image element is appended to the frame.  Any gutter on\n+     * the image will be hidden behind the frame. If no gutter is set,\n+     * this will be null.\n      */\n-    getLength: function() {\n-        var length = 0.0;\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            length += this.components[i].getLength();\n-        }\n-        return length;\n-    },\n+    frame: null,\n+\n+    /** \n+     * Property: imageReloadAttempts\n+     * {Integer} Attempts to load the image.\n+     */\n+    imageReloadAttempts: null,\n \n     /**\n-     * APIMethod: getArea\n-     * Calculate the area of this geometry. Note how this function is overridden\n-     * in <OpenLayers.Geometry.Polygon>.\n+     * Property: layerAlphaHack\n+     * {Boolean} True if the png alpha hack needs to be applied on the layer's div.\n+     */\n+    layerAlphaHack: null,\n+\n+    /**\n+     * Property: asyncRequestId\n+     * {Integer} ID of an request to see if request is still valid. This is a\n+     * number which increments by 1 for each asynchronous request.\n+     */\n+    asyncRequestId: null,\n+\n+    /**\n+     * APIProperty: maxGetUrlLength\n+     * {Number} If set, requests that would result in GET urls with more\n+     * characters than the number provided will be made using form-encoded\n+     * HTTP POST. It is good practice to avoid urls that are longer than 2048\n+     * characters.\n      *\n-     * Returns:\n-     * {Float} The area of the collection by summing its parts\n+     * Caution:\n+     * Older versions of Gecko based browsers (e.g. Firefox < 3.5) and most\n+     * Opera versions do not fully support this option. On all browsers,\n+     * transition effects are not supported if POST requests are used.\n      */\n-    getArea: function() {\n-        var area = 0.0;\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            area += this.components[i].getArea();\n+    maxGetUrlLength: null,\n+\n+    /**\n+     * Property: canvasContext\n+     * {CanvasRenderingContext2D} A canvas context associated with\n+     * the tile image.\n+     */\n+    canvasContext: null,\n+\n+    /**\n+     * APIProperty: crossOriginKeyword\n+     * The value of the crossorigin keyword to use when loading images. This is\n+     * only relevant when using <getCanvasContext> for tiles from remote\n+     * origins and should be set to either 'anonymous' or 'use-credentials'\n+     * for servers that send Access-Control-Allow-Origin headers with their\n+     * tiles.\n+     */\n+    crossOriginKeyword: null,\n+\n+    /** TBD 3.0 - reorder the parameters to the init function to remove \n+     *             URL. the getUrl() function on the layer gets called on \n+     *             each draw(), so no need to specify it here.\n+     */\n+\n+    /** \n+     * Constructor: OpenLayers.Tile.Image\n+     * Constructor for a new <OpenLayers.Tile.Image> instance.\n+     * \n+     * Parameters:\n+     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n+     * position - {<OpenLayers.Pixel>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     * url - {<String>} Deprecated. Remove me in 3.0.\n+     * size - {<OpenLayers.Size>}\n+     * options - {Object}\n+     */\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        OpenLayers.Tile.prototype.initialize.apply(this, arguments);\n+\n+        this.url = url; //deprecated remove me\n+\n+        this.layerAlphaHack = this.layer.alpha && OpenLayers.Util.alphaHack();\n+\n+        if (this.maxGetUrlLength != null || this.layer.gutter || this.layerAlphaHack) {\n+            // only create frame if it's needed\n+            this.frame = document.createElement(\"div\");\n+            this.frame.style.position = \"absolute\";\n+            this.frame.style.overflow = \"hidden\";\n+        }\n+        if (this.maxGetUrlLength != null) {\n+            OpenLayers.Util.extend(this, OpenLayers.Tile.Image.IFrame);\n         }\n-        return area;\n     },\n \n     /** \n-     * APIMethod: getGeodesicArea\n-     * Calculate the approximate area of the polygon were it projected onto\n-     *     the earth.\n-     *\n-     * Parameters:\n-     * projection - {<OpenLayers.Projection>} The spatial reference system\n-     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n-     *     assumed.\n-     * \n-     * Reference:\n-     * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n-     *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n-     *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n-     *\n-     * Returns:\n-     * {float} The approximate geodesic area of the geometry in square meters.\n+     * APIMethod: destroy\n+     * nullify references to prevent circular references and memory leaks\n      */\n-    getGeodesicArea: function(projection) {\n-        var area = 0.0;\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            area += this.components[i].getGeodesicArea(projection);\n+    destroy: function() {\n+        if (this.imgDiv) {\n+            this.clear();\n+            this.imgDiv = null;\n+            this.frame = null;\n         }\n-        return area;\n+        // don't handle async requests any more\n+        this.asyncRequestId = null;\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: getCentroid\n-     *\n-     * Compute the centroid for this geometry collection.\n-     *\n-     * Parameters:\n-     * weighted - {Boolean} Perform the getCentroid computation recursively,\n-     * returning an area weighted average of all geometries in this collection.\n-     *\n+     * Method: draw\n+     * Check that a tile should be drawn, and draw it.\n+     * \n      * Returns:\n-     * {<OpenLayers.Geometry.Point>} The centroid of the collection\n+     * {Boolean} Was a tile drawn? Or null if a beforedraw listener returned\n+     *     false.\n      */\n-    getCentroid: function(weighted) {\n-        if (!weighted) {\n-            return this.components.length && this.components[0].getCentroid();\n+    draw: function() {\n+        var shouldDraw = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (shouldDraw) {\n+            // The layer's reproject option is deprecated.\n+            if (this.layer != this.layer.map.baseLayer && this.layer.reproject) {\n+                // getBoundsFromBaseLayer is defined in deprecated.js.\n+                this.bounds = this.getBoundsFromBaseLayer(this.position);\n+            }\n+            if (this.isLoading) {\n+                //if we're already loading, send 'reload' instead of 'loadstart'.\n+                this._loadEvent = \"reload\";\n+            } else {\n+                this.isLoading = true;\n+                this._loadEvent = \"loadstart\";\n+            }\n+            this.renderTile();\n+            this.positionTile();\n+        } else if (shouldDraw === false) {\n+            this.unload();\n         }\n-        var len = this.components.length;\n-        if (!len) {\n-            return false;\n+        return shouldDraw;\n+    },\n+\n+    /**\n+     * Method: renderTile\n+     * Internal function to actually initialize the image tile,\n+     *     position it correctly, and set its url.\n+     */\n+    renderTile: function() {\n+        if (this.layer.async) {\n+            // Asynchronous image requests call the asynchronous getURL method\n+            // on the layer to fetch an image that covers 'this.bounds'.\n+            var id = this.asyncRequestId = (this.asyncRequestId || 0) + 1;\n+            this.layer.getURLasync(this.bounds, function(url) {\n+                if (id == this.asyncRequestId) {\n+                    this.url = url;\n+                    this.initImage();\n+                }\n+            }, this);\n+        } else {\n+            // synchronous image requests get the url immediately.\n+            this.url = this.layer.getURL(this.bounds);\n+            this.initImage();\n         }\n+    },\n \n-        var areas = [];\n-        var centroids = [];\n-        var areaSum = 0;\n-        var minArea = Number.MAX_VALUE;\n-        var component;\n-        for (var i = 0; i < len; ++i) {\n-            component = this.components[i];\n-            var area = component.getArea();\n-            var centroid = component.getCentroid(true);\n-            if (isNaN(area) || isNaN(centroid.x) || isNaN(centroid.y)) {\n-                continue;\n-            }\n-            areas.push(area);\n-            areaSum += area;\n-            minArea = (area < minArea && area > 0) ? area : minArea;\n-            centroids.push(centroid);\n+    /**\n+     * Method: positionTile\n+     * Using the properties currenty set on the layer, position the tile correctly.\n+     * This method is used both by the async and non-async versions of the Tile.Image\n+     * code.\n+     */\n+    positionTile: function() {\n+        var style = this.getTile().style,\n+            size = this.frame ? this.size :\n+            this.layer.getImageSize(this.bounds),\n+            ratio = 1;\n+        if (this.layer instanceof OpenLayers.Layer.Grid) {\n+            ratio = this.layer.getServerResolution() / this.layer.map.getResolution();\n         }\n-        len = areas.length;\n-        if (areaSum === 0) {\n-            // all the components in this collection have 0 area\n-            // probably a collection of points -- weight all the points the same\n-            for (var i = 0; i < len; ++i) {\n-                areas[i] = 1;\n+        style.left = this.position.x + \"px\";\n+        style.top = this.position.y + \"px\";\n+        style.width = Math.round(ratio * size.w) + \"px\";\n+        style.height = Math.round(ratio * size.h) + \"px\";\n+    },\n+\n+    /** \n+     * Method: clear\n+     * Remove the tile from the DOM, clear it of any image related data so that\n+     * it can be reused in a new location.\n+     */\n+    clear: function() {\n+        OpenLayers.Tile.prototype.clear.apply(this, arguments);\n+        var img = this.imgDiv;\n+        if (img) {\n+            var tile = this.getTile();\n+            if (tile.parentNode === this.layer.div) {\n+                this.layer.div.removeChild(tile);\n             }\n-            areaSum = areas.length;\n-        } else {\n-            // normalize all the areas where the smallest area will get\n-            // a value of 1\n-            for (var i = 0; i < len; ++i) {\n-                areas[i] /= minArea;\n+            this.setImgSrc();\n+            if (this.layerAlphaHack === true) {\n+                img.style.filter = \"\";\n             }\n-            areaSum /= minArea;\n+            OpenLayers.Element.removeClass(img, \"olImageLoadError\");\n         }\n+        this.canvasContext = null;\n+    },\n \n-        var xSum = 0,\n-            ySum = 0,\n-            centroid, area;\n-        for (var i = 0; i < len; ++i) {\n-            centroid = centroids[i];\n-            area = areas[i];\n-            xSum += centroid.x * area;\n-            ySum += centroid.y * area;\n+    /**\n+     * Method: getImage\n+     * Returns or creates and returns the tile image.\n+     */\n+    getImage: function() {\n+        if (!this.imgDiv) {\n+            this.imgDiv = OpenLayers.Tile.Image.IMAGE.cloneNode(false);\n+\n+            var style = this.imgDiv.style;\n+            if (this.frame) {\n+                var left = 0,\n+                    top = 0;\n+                if (this.layer.gutter) {\n+                    left = this.layer.gutter / this.layer.tileSize.w * 100;\n+                    top = this.layer.gutter / this.layer.tileSize.h * 100;\n+                }\n+                style.left = -left + \"%\";\n+                style.top = -top + \"%\";\n+                style.width = (2 * left + 100) + \"%\";\n+                style.height = (2 * top + 100) + \"%\";\n+            }\n+            style.visibility = \"hidden\";\n+            style.opacity = 0;\n+            if (this.layer.opacity < 1) {\n+                style.filter = 'alpha(opacity=' +\n+                    (this.layer.opacity * 100) +\n+                    ')';\n+            }\n+            style.position = \"absolute\";\n+            if (this.layerAlphaHack) {\n+                // move the image out of sight\n+                style.paddingTop = style.height;\n+                style.height = \"0\";\n+                style.width = \"100%\";\n+            }\n+            if (this.frame) {\n+                this.frame.appendChild(this.imgDiv);\n+            }\n         }\n \n-        return new OpenLayers.Geometry.Point(xSum / areaSum, ySum / areaSum);\n+        return this.imgDiv;\n     },\n \n     /**\n-     * APIMethod: getGeodesicLength\n-     * Calculate the approximate length of the geometry were it projected onto\n-     *     the earth.\n+     * APIMethod: setImage\n+     * Sets the image element for this tile. This method should only be called\n+     * from beforeload listeners.\n      *\n-     * projection - {<OpenLayers.Projection>} The spatial reference system\n-     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n-     *     assumed.\n-     * \n-     * Returns:\n-     * {Float} The appoximate geodesic length of the geometry in meters.\n+     * Parameters\n+     * img - {HTMLImageElement} The image to use for this tile.\n      */\n-    getGeodesicLength: function(projection) {\n-        var length = 0.0;\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            length += this.components[i].getGeodesicLength(projection);\n-        }\n-        return length;\n+    setImage: function(img) {\n+        this.imgDiv = img;\n     },\n \n     /**\n-     * APIMethod: move\n-     * Moves a geometry by the given displacement along positive x and y axes.\n-     *     This modifies the position of the geometry and clears the cached\n-     *     bounds.\n-     *\n-     * Parameters:\n-     * x - {Float} Distance to move geometry in positive x direction. \n-     * y - {Float} Distance to move geometry in positive y direction.\n+     * Method: initImage\n+     * Creates the content for the frame on the tile.\n      */\n-    move: function(x, y) {\n-        for (var i = 0, len = this.components.length; i < len; i++) {\n-            this.components[i].move(x, y);\n+    initImage: function() {\n+        if (!this.url && !this.imgDiv) {\n+            // fast path out - if there is no tile url and no previous image\n+            this.isLoading = false;\n+            return;\n+        }\n+        this.events.triggerEvent('beforeload');\n+        this.layer.div.appendChild(this.getTile());\n+        this.events.triggerEvent(this._loadEvent);\n+        var img = this.getImage();\n+        var src = img.getAttribute('src') || '';\n+        if (this.url && OpenLayers.Util.isEquivalentUrl(src, this.url)) {\n+            this._loadTimeout = window.setTimeout(\n+                OpenLayers.Function.bind(this.onImageLoad, this), 0\n+            );\n+        } else {\n+            this.stopLoading();\n+            if (this.crossOriginKeyword) {\n+                img.removeAttribute(\"crossorigin\");\n+            }\n+            OpenLayers.Event.observe(img, \"load\",\n+                OpenLayers.Function.bind(this.onImageLoad, this)\n+            );\n+            OpenLayers.Event.observe(img, \"error\",\n+                OpenLayers.Function.bind(this.onImageError, this)\n+            );\n+            this.imageReloadAttempts = 0;\n+            this.setImgSrc(this.url);\n         }\n     },\n \n     /**\n-     * APIMethod: rotate\n-     * Rotate a geometry around some origin\n+     * Method: setImgSrc\n+     * Sets the source for the tile image\n      *\n      * Parameters:\n-     * angle - {Float} Rotation angle in degrees (measured counterclockwise\n-     *                 from the positive x-axis)\n-     * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n+     * url - {String} or undefined to hide the image\n      */\n-    rotate: function(angle, origin) {\n-        for (var i = 0, len = this.components.length; i < len; ++i) {\n-            this.components[i].rotate(angle, origin);\n+    setImgSrc: function(url) {\n+        var img = this.imgDiv;\n+        if (url) {\n+            img.style.visibility = 'hidden';\n+            img.style.opacity = 0;\n+            // don't set crossOrigin if the url is a data URL\n+            if (this.crossOriginKeyword) {\n+                if (url.substr(0, 5) !== 'data:') {\n+                    img.setAttribute(\"crossorigin\", this.crossOriginKeyword);\n+                } else {\n+                    img.removeAttribute(\"crossorigin\");\n+                }\n+            }\n+            img.src = url;\n+        } else {\n+            // Remove reference to the image, and leave it to the browser's\n+            // caching and garbage collection.\n+            this.stopLoading();\n+            this.imgDiv = null;\n+            if (img.parentNode) {\n+                img.parentNode.removeChild(img);\n+            }\n         }\n     },\n \n     /**\n-     * APIMethod: resize\n-     * Resize a geometry relative to some origin.  Use this method to apply\n-     *     a uniform scaling to a geometry.\n+     * Method: getTile\n+     * Get the tile's markup.\n      *\n-     * Parameters:\n-     * scale - {Float} Factor by which to scale the geometry.  A scale of 2\n-     *                 doubles the size of the geometry in each dimension\n-     *                 (lines, for example, will be twice as long, and polygons\n-     *                 will have four times the area).\n-     * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n-     * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n-     * \n      * Returns:\n-     * {<OpenLayers.Geometry>} - The current geometry. \n+     * {DOMElement} The tile's markup\n      */\n-    resize: function(scale, origin, ratio) {\n-        for (var i = 0; i < this.components.length; ++i) {\n-            this.components[i].resize(scale, origin, ratio);\n-        }\n-        return this;\n+    getTile: function() {\n+        return this.frame ? this.frame : this.getImage();\n     },\n \n     /**\n-     * APIMethod: distanceTo\n-     * Calculate the closest distance between two geometries (on the x-y plane).\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The target geometry.\n-     * options - {Object} Optional properties for configuring the distance\n-     *     calculation.\n-     *\n-     * Valid options:\n-     * details - {Boolean} Return details from the distance calculation.\n-     *     Default is false.\n-     * edge - {Boolean} Calculate the distance from this geometry to the\n-     *     nearest edge of the target geometry.  Default is true.  If true,\n-     *     calling distanceTo from a geometry that is wholly contained within\n-     *     the target will result in a non-zero distance.  If false, whenever\n-     *     geometries intersect, calling distanceTo will return 0.  If false,\n-     *     details cannot be returned.\n+     * Method: createBackBuffer\n+     * Create a backbuffer for this tile. A backbuffer isn't exactly a clone\n+     * of the tile's markup, because we want to avoid the reloading of the\n+     * image. So we clone the frame, and steal the image from the tile.\n      *\n      * Returns:\n-     * {Number | Object} The distance between this geometry and the target.\n-     *     If details is true, the return will be an object with distance,\n-     *     x0, y0, x1, and y1 properties.  The x0 and y0 properties represent\n-     *     the coordinates of the closest point on this geometry. The x1 and y1\n-     *     properties represent the coordinates of the closest point on the\n-     *     target geometry.\n+     * {DOMElement} The markup, or undefined if the tile has no image\n+     * or if it's currently loading.\n      */\n-    distanceTo: function(geometry, options) {\n-        var edge = !(options && options.edge === false);\n-        var details = edge && options && options.details;\n-        var result, best, distance;\n-        var min = Number.POSITIVE_INFINITY;\n-        for (var i = 0, len = this.components.length; i < len; ++i) {\n-            result = this.components[i].distanceTo(geometry, options);\n-            distance = details ? result.distance : result;\n-            if (distance < min) {\n-                min = distance;\n-                best = result;\n-                if (min == 0) {\n-                    break;\n-                }\n-            }\n+    createBackBuffer: function() {\n+        if (!this.imgDiv || this.isLoading) {\n+            return;\n         }\n-        return best;\n+        var backBuffer;\n+        if (this.frame) {\n+            backBuffer = this.frame.cloneNode(false);\n+            backBuffer.appendChild(this.imgDiv);\n+        } else {\n+            backBuffer = this.imgDiv;\n+        }\n+        this.imgDiv = null;\n+        return backBuffer;\n     },\n \n-    /** \n-     * APIMethod: equals\n-     * Determine whether another geometry is equivalent to this one.  Geometries\n-     *     are considered equivalent if all components have the same coordinates.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The geometry to test. \n-     *\n-     * Returns:\n-     * {Boolean} The supplied geometry is equivalent to this geometry.\n+    /**\n+     * Method: onImageLoad\n+     * Handler for the image onload event\n      */\n-    equals: function(geometry) {\n-        var equivalent = true;\n-        if (!geometry || !geometry.CLASS_NAME ||\n-            (this.CLASS_NAME != geometry.CLASS_NAME)) {\n-            equivalent = false;\n-        } else if (!(OpenLayers.Util.isArray(geometry.components)) ||\n-            (geometry.components.length != this.components.length)) {\n-            equivalent = false;\n-        } else {\n-            for (var i = 0, len = this.components.length; i < len; ++i) {\n-                if (!this.components[i].equals(geometry.components[i])) {\n-                    equivalent = false;\n-                    break;\n-                }\n-            }\n+    onImageLoad: function() {\n+        var img = this.imgDiv;\n+        this.stopLoading();\n+        img.style.visibility = 'inherit';\n+        img.style.opacity = this.layer.opacity;\n+        this.isLoading = false;\n+        this.canvasContext = null;\n+        this.events.triggerEvent(\"loadend\");\n+\n+        if (this.layerAlphaHack === true) {\n+            img.style.filter =\n+                \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='\" +\n+                img.src + \"', sizingMethod='scale')\";\n         }\n-        return equivalent;\n     },\n \n     /**\n-     * APIMethod: transform\n-     * Reproject the components geometry from source to dest.\n-     * \n-     * Parameters:\n-     * source - {<OpenLayers.Projection>} \n-     * dest - {<OpenLayers.Projection>}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Geometry>} \n+     * Method: onImageError\n+     * Handler for the image onerror event\n      */\n-    transform: function(source, dest) {\n-        if (source && dest) {\n-            for (var i = 0, len = this.components.length; i < len; i++) {\n-                var component = this.components[i];\n-                component.transform(source, dest);\n+    onImageError: function() {\n+        var img = this.imgDiv;\n+        if (img.src != null) {\n+            this.imageReloadAttempts++;\n+            if (this.imageReloadAttempts <= OpenLayers.IMAGE_RELOAD_ATTEMPTS) {\n+                this.setImgSrc(this.layer.getURL(this.bounds));\n+            } else {\n+                OpenLayers.Element.addClass(img, \"olImageLoadError\");\n+                this.events.triggerEvent(\"loaderror\");\n+                this.onImageLoad();\n             }\n-            this.bounds = null;\n         }\n-        return this;\n     },\n \n     /**\n-     * APIMethod: intersects\n-     * Determine if the input geometry intersects this one.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n-     *\n-     * Returns:\n-     * {Boolean} The input geometry intersects this one.\n+     * Method: stopLoading\n+     * Stops a loading sequence so <onImageLoad> won't be executed.\n      */\n-    intersects: function(geometry) {\n-        var intersect = false;\n-        for (var i = 0, len = this.components.length; i < len; ++i) {\n-            intersect = geometry.intersects(this.components[i]);\n-            if (intersect) {\n-                break;\n-            }\n-        }\n-        return intersect;\n+    stopLoading: function() {\n+        OpenLayers.Event.stopObservingElement(this.imgDiv);\n+        window.clearTimeout(this._loadTimeout);\n+        delete this._loadTimeout;\n     },\n \n     /**\n-     * APIMethod: getVertices\n-     * Return a list of all points in this geometry.\n+     * APIMethod: getCanvasContext\n+     * Returns a canvas context associated with the tile image (with\n+     * the image drawn on it).\n+     * Returns undefined if the browser does not support canvas, if\n+     * the tile has no image or if it's currently loading.\n      *\n-     * Parameters:\n-     * nodes - {Boolean} For lines, only return vertices that are\n-     *     endpoints.  If false, for lines, only vertices that are not\n-     *     endpoints will be returned.  If not provided, all vertices will\n-     *     be returned.\n+     * The function returns a canvas context instance but the\n+     * underlying canvas is still available in the 'canvas' property:\n+     * (code)\n+     * var context = tile.getCanvasContext();\n+     * if (context) {\n+     *     var data = context.canvas.toDataURL('image/jpeg');\n+     * }\n+     * (end)\n      *\n      * Returns:\n-     * {Array} A list of all vertices in the geometry.\n+     * {Boolean}\n      */\n-    getVertices: function(nodes) {\n-        var vertices = [];\n-        for (var i = 0, len = this.components.length; i < len; ++i) {\n-            Array.prototype.push.apply(\n-                vertices, this.components[i].getVertices(nodes)\n-            );\n+    getCanvasContext: function() {\n+        if (OpenLayers.CANVAS_SUPPORTED && this.imgDiv && !this.isLoading) {\n+            if (!this.canvasContext) {\n+                var canvas = document.createElement(\"canvas\");\n+                canvas.width = this.size.w;\n+                canvas.height = this.size.h;\n+                this.canvasContext = canvas.getContext(\"2d\");\n+                this.canvasContext.drawImage(this.imgDiv, 0, 0);\n+            }\n+            return this.canvasContext;\n         }\n-        return vertices;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Tile.Image\"\n \n-    CLASS_NAME: \"OpenLayers.Geometry.Collection\"\n });\n+\n+/** \n+ * Constant: OpenLayers.Tile.Image.IMAGE\n+ * {HTMLImageElement} The image for a tile.\n+ */\n+OpenLayers.Tile.Image.IMAGE = (function() {\n+    var img = new Image();\n+    img.className = \"olTileImage\";\n+    // avoid image gallery menu in IE6\n+    img.galleryImg = \"no\";\n+    return img;\n+}());\n+\n /* ======================================================================\n-    OpenLayers/Geometry/MultiPoint.js\n+    OpenLayers/Layer/Grid.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Layer/HTTPRequest.js\n+ * @requires OpenLayers/Tile/Image.js\n  */\n \n /**\n- * Class: OpenLayers.Geometry.MultiPoint\n- * MultiPoint is a collection of Points.  Create a new instance with the\n- * <OpenLayers.Geometry.MultiPoint> constructor.\n+ * Class: OpenLayers.Layer.Grid\n+ * Base class for layers that use a lattice of tiles.  Create a new grid\n+ * layer with the <OpenLayers.Layer.Grid> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Geometry.Collection>\n- *  - <OpenLayers.Geometry>\n+ *  - <OpenLayers.Layer.HTTPRequest>\n  */\n-OpenLayers.Geometry.MultiPoint = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n+OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {\n \n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.Point\"],\n+    /**\n+     * APIProperty: tileSize\n+     * {<OpenLayers.Size>}\n+     */\n+    tileSize: null,\n \n-        /**\n-         * Constructor: OpenLayers.Geometry.MultiPoint\n-         * Create a new MultiPoint Geometry\n-         *\n-         * Parameters:\n-         * components - {Array(<OpenLayers.Geometry.Point>)} \n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.MultiPoint>}\n-         */\n+    /**\n+     * Property: tileOriginCorner\n+     * {String} If the <tileOrigin> property is not provided, the tile origin \n+     *     will be derived from the layer's <maxExtent>.  The corner of the \n+     *     <maxExtent> used is determined by this property.  Acceptable values\n+     *     are \"tl\" (top left), \"tr\" (top right), \"bl\" (bottom left), and \"br\"\n+     *     (bottom right).  Default is \"bl\".\n+     */\n+    tileOriginCorner: \"bl\",\n \n-        /**\n-         * APIMethod: addPoint\n-         * Wrapper for <OpenLayers.Geometry.Collection.addComponent>\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>} Point to be added\n-         * index - {Integer} Optional index\n-         */\n-        addPoint: function(point, index) {\n-            this.addComponent(point, index);\n-        },\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n+     *     If provided, requests for tiles at all resolutions will be aligned\n+     *     with this location (no tiles shall overlap this location).  If\n+     *     not provided, the grid of tiles will be aligned with the layer's\n+     *     <maxExtent>.  Default is ``null``.\n+     */\n+    tileOrigin: null,\n \n-        /**\n-         * APIMethod: removePoint\n-         * Wrapper for <OpenLayers.Geometry.Collection.removeComponent>\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>} Point to be removed\n-         */\n-        removePoint: function(point) {\n-            this.removeComponent(point);\n-        },\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer, if supported by the tile class.\n+     */\n+    tileOptions: null,\n \n-        CLASS_NAME: \"OpenLayers.Geometry.MultiPoint\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Geometry/Curve.js\n-   ====================================================================== */\n+    /**\n+     * APIProperty: tileClass\n+     * {<OpenLayers.Tile>} The tile class to use for this layer.\n+     *     Defaults is OpenLayers.Tile.Image.\n+     */\n+    tileClass: OpenLayers.Tile.Image,\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Property: grid\n+     * {Array(Array(<OpenLayers.Tile>))} This is an array of rows, each row is \n+     *     an array of tiles.\n+     */\n+    grid: null,\n \n-/**\n- * @requires OpenLayers/Geometry/MultiPoint.js\n- */\n+    /**\n+     * APIProperty: singleTile\n+     * {Boolean} Moves the layer into single-tile mode, meaning that one tile \n+     *     will be loaded. The tile's size will be determined by the 'ratio'\n+     *     property. When the tile is dragged such that it does not cover the \n+     *     entire viewport, it is reloaded.\n+     */\n+    singleTile: false,\n \n-/**\n- * Class: OpenLayers.Geometry.Curve\n- * A Curve is a MultiPoint, whose points are assumed to be connected. To \n- * this end, we provide a \"getLength()\" function, which iterates through \n- * the points, summing the distances between them. \n- * \n- * Inherits: \n- *  - <OpenLayers.Geometry.MultiPoint>\n- */\n-OpenLayers.Geometry.Curve = OpenLayers.Class(OpenLayers.Geometry.MultiPoint, {\n+    /** APIProperty: ratio\n+     *  {Float} Used only when in single-tile mode, this specifies the \n+     *          ratio of the size of the single tile to the size of the map.\n+     *          Default value is 1.5.\n+     */\n+    ratio: 1.5,\n \n     /**\n-     * Property: componentTypes\n-     * {Array(String)} An array of class names representing the types of \n-     *                 components that the collection can include.  A null \n-     *                 value means the component types are not restricted.\n+     * APIProperty: buffer\n+     * {Integer} Used only when in gridded mode, this specifies the number of \n+     *           extra rows and colums of tiles on each side which will\n+     *           surround the minimum grid tiles to cover the map.\n+     *           For very slow loading layers, a larger value may increase\n+     *           performance somewhat when dragging, but will increase bandwidth\n+     *           use significantly. \n      */\n-    componentTypes: [\"OpenLayers.Geometry.Point\"],\n+    buffer: 0,\n \n     /**\n-     * Constructor: OpenLayers.Geometry.Curve\n-     * \n-     * Parameters:\n-     * point - {Array(<OpenLayers.Geometry.Point>)}\n+     * APIProperty: transitionEffect\n+     * {String} The transition effect to use when the map is zoomed.\n+     * Two posible values:\n+     *\n+     * \"resize\" - Existing tiles are resized on zoom to provide a visual\n+     *     effect of the zoom having taken place immediately.  As the\n+     *     new tiles become available, they are drawn on top of the\n+     *     resized tiles (this is the default setting).\n+     * \"map-resize\" - Existing tiles are resized on zoom and placed below the\n+     *     base layer.  New tiles for the base layer will cover existing tiles.\n+     *     This setting is recommended when having an overlay duplicated during\n+     *     the transition is undesirable (e.g. street labels or big transparent\n+     *     fills). \n+     * null - No transition effect.\n+     *\n+     * Using \"resize\" on non-opaque layers can cause undesired visual\n+     * effects.  Set transitionEffect to null in this case.\n      */\n+    transitionEffect: \"resize\",\n \n     /**\n-     * APIMethod: getLength\n-     * \n-     * Returns:\n-     * {Float} The length of the curve\n+     * APIProperty: numLoadingTiles\n+     * {Integer} How many tiles are still loading?\n      */\n-    getLength: function() {\n-        var length = 0.0;\n-        if (this.components && (this.components.length > 1)) {\n-            for (var i = 1, len = this.components.length; i < len; i++) {\n-                length += this.components[i - 1].distanceTo(this.components[i]);\n-            }\n-        }\n-        return length;\n-    },\n+    numLoadingTiles: 0,\n \n     /**\n-     * APIMethod: getGeodesicLength\n-     * Calculate the approximate length of the geometry were it projected onto\n-     *     the earth.\n-     *\n-     * projection - {<OpenLayers.Projection>} The spatial reference system\n-     *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n-     *     assumed.\n-     * \n-     * Returns:\n-     * {Float} The appoximate geodesic length of the geometry in meters.\n+     * Property: serverResolutions\n+     * {Array(Number}} This property is documented in subclasses as\n+     *     an API property.\n      */\n-    getGeodesicLength: function(projection) {\n-        var geom = this; // so we can work with a clone if needed\n-        if (projection) {\n-            var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-            if (!gg.equals(projection)) {\n-                geom = this.clone().transform(projection, gg);\n-            }\n-        }\n-        var length = 0.0;\n-        if (geom.components && (geom.components.length > 1)) {\n-            var p1, p2;\n-            for (var i = 1, len = geom.components.length; i < len; i++) {\n-                p1 = geom.components[i - 1];\n-                p2 = geom.components[i];\n-                // this returns km and requires lon/lat properties\n-                length += OpenLayers.Util.distVincenty({\n-                    lon: p1.x,\n-                    lat: p1.y\n-                }, {\n-                    lon: p2.x,\n-                    lat: p2.y\n-                });\n-            }\n-        }\n-        // convert to m\n-        return length * 1000;\n-    },\n+    serverResolutions: null,\n \n-    CLASS_NAME: \"OpenLayers.Geometry.Curve\"\n-});\n-/* ======================================================================\n-    OpenLayers/Geometry/LineString.js\n-   ====================================================================== */\n+    /**\n+     * Property: loading\n+     * {Boolean} Indicates if tiles are being loaded.\n+     */\n+    loading: false,\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Property: backBuffer\n+     * {DOMElement} The back buffer.\n+     */\n+    backBuffer: null,\n \n-/**\n- * @requires OpenLayers/Geometry/Curve.js\n- */\n+    /**\n+     * Property: gridResolution\n+     * {Number} The resolution of the current grid. Used for backbuffer and\n+     *     client zoom. This property is updated every time the grid is\n+     *     initialized.\n+     */\n+    gridResolution: null,\n \n-/**\n- * Class: OpenLayers.Geometry.LineString\n- * A LineString is a Curve which, once two points have been added to it, can \n- * never be less than two points long.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Geometry.Curve>\n- */\n-OpenLayers.Geometry.LineString = OpenLayers.Class(OpenLayers.Geometry.Curve, {\n+    /**\n+     * Property: backBufferResolution\n+     * {Number} The resolution of the current back buffer. This property is\n+     *     updated each time a back buffer is created.\n+     */\n+    backBufferResolution: null,\n \n     /**\n-     * Constructor: OpenLayers.Geometry.LineString\n-     * Create a new LineString geometry\n+     * Property: backBufferLonLat\n+     * {Object} The top-left corner of the current back buffer. Includes lon\n+     *     and lat properties. This object is updated each time a back buffer\n+     *     is created.\n+     */\n+    backBufferLonLat: null,\n+\n+    /**\n+     * Property: backBufferTimerId\n+     * {Number} The id of the back buffer timer. This timer is used to\n+     *     delay the removal of the back buffer, thereby preventing\n+     *     flash effects caused by tile animation.\n+     */\n+    backBufferTimerId: null,\n+\n+    /**\n+     * APIProperty: removeBackBufferDelay\n+     * {Number} Delay for removing the backbuffer when all tiles have finished\n+     *     loading. Can be set to 0 when no css opacity transitions for the\n+     *     olTileImage class are used. Default is 0 for <singleTile> layers,\n+     *     2500 for tiled layers. See <className> for more information on\n+     *     tile animation.\n+     */\n+    removeBackBufferDelay: null,\n+\n+    /**\n+     * APIProperty: className\n+     * {String} Name of the class added to the layer div. If not set in the\n+     *     options passed to the constructor then className defaults to\n+     *     \"olLayerGridSingleTile\" for single tile layers (see <singleTile>),\n+     *     and \"olLayerGrid\" for non single tile layers.\n      *\n-     * Parameters:\n-     * points - {Array(<OpenLayers.Geometry.Point>)} An array of points used to\n-     *          generate the linestring\n+     * Note:\n      *\n+     * The displaying of tiles is not animated by default for single tile\n+     *     layers - OpenLayers' default theme (style.css) includes this:\n+     * (code)\n+     * .olLayerGrid .olTileImage {\n+     *     -webkit-transition: opacity 0.2s linear;\n+     *     -moz-transition: opacity 0.2s linear;\n+     *     -o-transition: opacity 0.2s linear;\n+     *     transition: opacity 0.2s linear;\n+     *  }\n+     * (end)\n+     * To animate tile displaying for any grid layer the following\n+     *     CSS rule can be used:\n+     * (code)\n+     * .olTileImage {\n+     *     -webkit-transition: opacity 0.2s linear;\n+     *     -moz-transition: opacity 0.2s linear;\n+     *     -o-transition: opacity 0.2s linear;\n+     *     transition: opacity 0.2s linear;\n+     * }\n+     * (end)\n+     * In that case, to avoid flash effects, <removeBackBufferDelay>\n+     *     should not be zero.\n      */\n+    className: null,\n \n     /**\n-     * APIMethod: removeComponent\n-     * Only allows removal of a point if there are three or more points in \n-     * the linestring. (otherwise the result would be just a single point)\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * layer.events.register(type, obj, listener);\n+     * (end)\n      *\n-     * Parameters: \n-     * point - {<OpenLayers.Geometry.Point>} The point to be removed\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n      *\n-     * Returns: \n-     * {Boolean} The component was removed.\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to layer.events.object.\n+     * element - {DOMElement} A reference to layer.events.element.\n+     *\n+     * Supported event types:\n+     * addtile - Triggered when a tile is added to this layer. Listeners receive\n+     *     an object as first argument, which has a tile property that\n+     *     references the tile that has been added.\n+     * tileloadstart - Triggered when a tile starts loading. Listeners receive\n+     *     an object as first argument, which has a tile property that\n+     *     references the tile that starts loading.\n+     * tileloaded - Triggered when each new tile is\n+     *     loaded, as a means of progress update to listeners.\n+     *     listeners can access 'numLoadingTiles' if they wish to keep\n+     *     track of the loading progress. Listeners are called with an object\n+     *     with a 'tile' property as first argument, making the loaded tile\n+     *     available to the listener, and an 'aborted' property, which will be\n+     *     true when loading was aborted and no tile data is available.\n+     * tileerror - Triggered before the tileloaded event (i.e. when the tile is\n+     *     still hidden) if a tile failed to load. Listeners receive an object\n+     *     as first argument, which has a tile property that references the\n+     *     tile that could not be loaded.\n+     * retile - Triggered when the layer recreates its tile grid.\n      */\n-    removeComponent: function(point) {\n-        var removed = this.components && (this.components.length > 2);\n-        if (removed) {\n-            OpenLayers.Geometry.Collection.prototype.removeComponent.apply(this,\n-                arguments);\n+\n+    /**\n+     * Property: gridLayout\n+     * {Object} Object containing properties tilelon, tilelat, startcol,\n+     * startrow\n+     */\n+    gridLayout: null,\n+\n+    /**\n+     * Property: rowSign\n+     * {Number} 1 for grids starting at the top, -1 for grids starting at the\n+     * bottom. This is used for several grid index and offset calculations.\n+     */\n+    rowSign: null,\n+\n+    /**\n+     * Property: transitionendEvents\n+     * {Array} Event names for transitionend\n+     */\n+    transitionendEvents: [\n+        'transitionend', 'webkitTransitionEnd', 'otransitionend',\n+        'oTransitionEnd'\n+    ],\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Grid\n+     * Create a new grid layer\n+     *\n+     * Parameters:\n+     * name - {String}\n+     * url - {String}\n+     * params - {Object}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.HTTPRequest.prototype.initialize.apply(this,\n+            arguments);\n+        this.grid = [];\n+        this._removeBackBuffer = OpenLayers.Function.bind(this.removeBackBuffer, this);\n+\n+        this.initProperties();\n+\n+        this.rowSign = this.tileOriginCorner.substr(0, 1) === \"t\" ? 1 : -1;\n+    },\n+\n+    /**\n+     * Method: initProperties\n+     * Set any properties that depend on the value of singleTile.\n+     * Currently sets removeBackBufferDelay and className\n+     */\n+    initProperties: function() {\n+        if (this.options.removeBackBufferDelay === undefined) {\n+            this.removeBackBufferDelay = this.singleTile ? 0 : 2500;\n+        }\n+\n+        if (this.options.className === undefined) {\n+            this.className = this.singleTile ? 'olLayerGridSingleTile' :\n+                'olLayerGrid';\n         }\n-        return removed;\n     },\n \n     /**\n-     * APIMethod: intersects\n-     * Test for instersection between two geometries.  This is a cheapo\n-     *     implementation of the Bently-Ottmann algorigithm.  It doesn't\n-     *     really keep track of a sweep line data structure.  It is closer\n-     *     to the brute force method, except that segments are sorted and\n-     *     potential intersections are only calculated when bounding boxes\n-     *     intersect.\n+     * Method: setMap\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n+     * map - {<OpenLayers.Map>} The map.\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.HTTPRequest.prototype.setMap.call(this, map);\n+        OpenLayers.Element.addClass(this.div, this.className);\n+    },\n+\n+    /**\n+     * Method: removeMap\n+     * Called when the layer is removed from the map.\n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>} The map.\n+     */\n+    removeMap: function(map) {\n+        this.removeBackBuffer();\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Deconstruct the layer and clear the grid.\n+     */\n+    destroy: function() {\n+        this.removeBackBuffer();\n+        this.clearGrid();\n+\n+        this.grid = null;\n+        this.tileSize = null;\n+        OpenLayers.Layer.HTTPRequest.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * APIMethod: mergeNewParams\n+     * Refetches tiles with new params merged, keeping a backbuffer. Each\n+     * loading new tile will have a css class of '.olTileReplacing'. If a\n+     * stylesheet applies a 'display: none' style to that class, any fade-in\n+     * transition will not apply, and backbuffers for each tile will be removed\n+     * as soon as the tile is loaded.\n+     * \n+     * Parameters:\n+     * newParams - {Object}\n      *\n      * Returns:\n-     * {Boolean} The input geometry intersects this geometry.\n+     * redrawn: {Boolean} whether the layer was actually redrawn.\n      */\n-    intersects: function(geometry) {\n-        var intersect = false;\n-        var type = geometry.CLASS_NAME;\n-        if (type == \"OpenLayers.Geometry.LineString\" ||\n-            type == \"OpenLayers.Geometry.LinearRing\" ||\n-            type == \"OpenLayers.Geometry.Point\") {\n-            var segs1 = this.getSortedSegments();\n-            var segs2;\n-            if (type == \"OpenLayers.Geometry.Point\") {\n-                segs2 = [{\n-                    x1: geometry.x,\n-                    y1: geometry.y,\n-                    x2: geometry.x,\n-                    y2: geometry.y\n-                }];\n-            } else {\n-                segs2 = geometry.getSortedSegments();\n-            }\n-            var seg1, seg1x1, seg1x2, seg1y1, seg1y2,\n-                seg2, seg2y1, seg2y2;\n-            // sweep right\n-            outer: for (var i = 0, len = segs1.length; i < len; ++i) {\n-                seg1 = segs1[i];\n-                seg1x1 = seg1.x1;\n-                seg1x2 = seg1.x2;\n-                seg1y1 = seg1.y1;\n-                seg1y2 = seg1.y2;\n-                inner: for (var j = 0, jlen = segs2.length; j < jlen; ++j) {\n-                    seg2 = segs2[j];\n-                    if (seg2.x1 > seg1x2) {\n-                        // seg1 still left of seg2\n-                        break;\n-                    }\n-                    if (seg2.x2 < seg1x1) {\n-                        // seg2 still left of seg1\n-                        continue;\n-                    }\n-                    seg2y1 = seg2.y1;\n-                    seg2y2 = seg2.y2;\n-                    if (Math.min(seg2y1, seg2y2) > Math.max(seg1y1, seg1y2)) {\n-                        // seg2 above seg1\n-                        continue;\n-                    }\n-                    if (Math.max(seg2y1, seg2y2) < Math.min(seg1y1, seg1y2)) {\n-                        // seg2 below seg1\n-                        continue;\n-                    }\n-                    if (OpenLayers.Geometry.segmentsIntersect(seg1, seg2)) {\n-                        intersect = true;\n-                        break outer;\n-                    }\n+\n+    /**\n+     * Method: clearGrid\n+     * Go through and remove all tiles from the grid, calling\n+     *    destroy() on each of them to kill circular references\n+     */\n+    clearGrid: function() {\n+        if (this.grid) {\n+            for (var iRow = 0, len = this.grid.length; iRow < len; iRow++) {\n+                var row = this.grid[iRow];\n+                for (var iCol = 0, clen = row.length; iCol < clen; iCol++) {\n+                    var tile = row[iCol];\n+                    this.destroyTile(tile);\n                 }\n             }\n-        } else {\n-            intersect = geometry.intersects(this);\n+            this.grid = [];\n+            this.gridResolution = null;\n+            this.gridLayout = null;\n         }\n-        return intersect;\n     },\n \n     /**\n-     * Method: getSortedSegments\n+     * APIMethod: addOptions\n+     * \n+     * Parameters:\n+     * newOptions - {Object}\n+     * reinitialize - {Boolean} If set to true, and if resolution options of the\n+     *     current baseLayer were changed, the map will be recentered to make\n+     *     sure that it is displayed with a valid resolution, and a\n+     *     changebaselayer event will be triggered.\n+     */\n+    addOptions: function(newOptions, reinitialize) {\n+        var singleTileChanged = newOptions.singleTile !== undefined &&\n+            newOptions.singleTile !== this.singleTile;\n+        OpenLayers.Layer.HTTPRequest.prototype.addOptions.apply(this, arguments);\n+        if (this.map && singleTileChanged) {\n+            this.initProperties();\n+            this.clearGrid();\n+            this.tileSize = this.options.tileSize;\n+            this.setTileSize();\n+            this.moveTo(null, true);\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n      *\n+     * Parameters:\n+     * obj - {Object} Is this ever used?\n+     * \n      * Returns:\n-     * {Array} An array of segment objects.  Segment objects have properties\n-     *     x1, y1, x2, and y2.  The start point is represented by x1 and y1.\n-     *     The end point is represented by x2 and y2.  Start and end are\n-     *     ordered so that x1 < x2.\n+     * {<OpenLayers.Layer.Grid>} An exact clone of this OpenLayers.Layer.Grid\n      */\n-    getSortedSegments: function() {\n-        var numSeg = this.components.length - 1;\n-        var segments = new Array(numSeg),\n-            point1, point2;\n-        for (var i = 0; i < numSeg; ++i) {\n-            point1 = this.components[i];\n-            point2 = this.components[i + 1];\n-            if (point1.x < point2.x) {\n-                segments[i] = {\n-                    x1: point1.x,\n-                    y1: point1.y,\n-                    x2: point2.x,\n-                    y2: point2.y\n-                };\n-            } else {\n-                segments[i] = {\n-                    x1: point2.x,\n-                    y1: point2.y,\n-                    x2: point1.x,\n-                    y2: point1.y\n-                };\n-            }\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Grid(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n-        // more efficient to define this somewhere static\n-        function byX1(seg1, seg2) {\n-            return seg1.x1 - seg2.x1;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.HTTPRequest.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone();\n         }\n-        return segments.sort(byX1);\n+\n+        // we do not want to copy reference to grid, so we make a new array\n+        obj.grid = [];\n+        obj.gridResolution = null;\n+        // same for backbuffer\n+        obj.backBuffer = null;\n+        obj.backBufferTimerId = null;\n+        obj.loading = false;\n+        obj.numLoadingTiles = 0;\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: splitWithSegment\n-     * Split this geometry with the given segment.\n+     * Method: moveTo\n+     * This function is called whenever the map is moved. All the moving\n+     * of actual 'tiles' is done by the map, but moveTo's role is to accept\n+     * a bounds and make sure the data that that bounds requires is pre-loaded.\n      *\n      * Parameters:\n-     * seg - {Object} An object with x1, y1, x2, and y2 properties referencing\n-     *     segment endpoint coordinates.\n-     * options - {Object} Properties of this object will be used to determine\n-     *     how the split is conducted.\n-     *\n-     * Valid options:\n-     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-     *     true.  If false, a vertex on the source segment must be within the\n-     *     tolerance distance of the intersection to be considered a split.\n-     * tolerance - {Number} If a non-null value is provided, intersections\n-     *     within the tolerance distance of one of the source segment's\n-     *     endpoints will be assumed to occur at the endpoint.\n-     *\n-     * Returns:\n-     * {Object} An object with *lines* and *points* properties.  If the given\n-     *     segment intersects this linestring, the lines array will reference\n-     *     geometries that result from the split.  The points array will contain\n-     *     all intersection points.  Intersection points are sorted along the\n-     *     segment (in order from x1,y1 to x2,y2).\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean}\n+     * dragging - {Boolean}\n      */\n-    splitWithSegment: function(seg, options) {\n-        var edge = !(options && options.edge === false);\n-        var tolerance = options && options.tolerance;\n-        var lines = [];\n-        var verts = this.getVertices();\n-        var points = [];\n-        var intersections = [];\n-        var split = false;\n-        var vert1, vert2, point;\n-        var node, vertex, target;\n-        var interOptions = {\n-            point: true,\n-            tolerance: tolerance\n-        };\n-        var result = null;\n-        for (var i = 0, stop = verts.length - 2; i <= stop; ++i) {\n-            vert1 = verts[i];\n-            points.push(vert1.clone());\n-            vert2 = verts[i + 1];\n-            target = {\n-                x1: vert1.x,\n-                y1: vert1.y,\n-                x2: vert2.x,\n-                y2: vert2.y\n-            };\n-            point = OpenLayers.Geometry.segmentsIntersect(\n-                seg, target, interOptions\n-            );\n-            if (point instanceof OpenLayers.Geometry.Point) {\n-                if ((point.x === seg.x1 && point.y === seg.y1) ||\n-                    (point.x === seg.x2 && point.y === seg.y2) ||\n-                    point.equals(vert1) || point.equals(vert2)) {\n-                    vertex = true;\n-                } else {\n-                    vertex = false;\n-                }\n-                if (vertex || edge) {\n-                    // push intersections different than the previous\n-                    if (!point.equals(intersections[intersections.length - 1])) {\n-                        intersections.push(point.clone());\n-                    }\n-                    if (i === 0) {\n-                        if (point.equals(vert1)) {\n-                            continue;\n-                        }\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+\n+        OpenLayers.Layer.HTTPRequest.prototype.moveTo.apply(this, arguments);\n+\n+        bounds = bounds || this.map.getExtent();\n+\n+        if (bounds != null) {\n+\n+            // if grid is empty or zoom has changed, we *must* re-tile\n+            var forceReTile = !this.grid.length || zoomChanged;\n+\n+            // total bounds of the tiles\n+            var tilesBounds = this.getTilesBounds();\n+\n+            // the new map resolution\n+            var resolution = this.map.getResolution();\n+\n+            // the server-supported resolution for the new map resolution\n+            var serverResolution = this.getServerResolution(resolution);\n+\n+            if (this.singleTile) {\n+\n+                // We want to redraw whenever even the slightest part of the \n+                //  current bounds is not contained by our tile.\n+                //  (thus, we do not specify partial -- its default is false)\n+\n+                if (forceReTile ||\n+                    (!dragging && !tilesBounds.containsBounds(bounds))) {\n+\n+                    // In single tile mode with no transition effect, we insert\n+                    // a non-scaled backbuffer when the layer is moved. But if\n+                    // a zoom occurs right after a move, i.e. before the new\n+                    // image is received, we need to remove the backbuffer, or\n+                    // an ill-positioned image will be visible during the zoom\n+                    // transition.\n+\n+                    if (zoomChanged && this.transitionEffect !== 'resize') {\n+                        this.removeBackBuffer();\n                     }\n-                    if (point.equals(vert2)) {\n-                        continue;\n+\n+                    if (!zoomChanged || this.transitionEffect === 'resize') {\n+                        this.applyBackBuffer(resolution);\n                     }\n-                    split = true;\n-                    if (!point.equals(vert1)) {\n-                        points.push(point);\n+\n+                    this.initSingleTile(bounds);\n+                }\n+            } else {\n+\n+                // if the bounds have changed such that they are not even \n+                // *partially* contained by our tiles (e.g. when user has \n+                // programmatically panned to the other side of the earth on\n+                // zoom level 18), then moveGriddedTiles could potentially have\n+                // to run through thousands of cycles, so we want to reTile\n+                // instead (thus, partial true).  \n+                forceReTile = forceReTile ||\n+                    !tilesBounds.intersectsBounds(bounds, {\n+                        worldBounds: this.map.baseLayer.wrapDateLine &&\n+                            this.map.getMaxExtent()\n+                    });\n+\n+                if (forceReTile) {\n+                    if (zoomChanged && (this.transitionEffect === 'resize' ||\n+                            this.gridResolution === resolution)) {\n+                        this.applyBackBuffer(resolution);\n                     }\n-                    lines.push(new OpenLayers.Geometry.LineString(points));\n-                    points = [point.clone()];\n+                    this.initGriddedTiles(bounds);\n+                } else {\n+                    this.moveGriddedTiles();\n                 }\n             }\n         }\n-        if (split) {\n-            points.push(vert2.clone());\n-            lines.push(new OpenLayers.Geometry.LineString(points));\n-        }\n-        if (intersections.length > 0) {\n-            // sort intersections along segment\n-            var xDir = seg.x1 < seg.x2 ? 1 : -1;\n-            var yDir = seg.y1 < seg.y2 ? 1 : -1;\n-            result = {\n-                lines: lines,\n-                points: intersections.sort(function(p1, p2) {\n-                    return (xDir * p1.x - xDir * p2.x) || (yDir * p1.y - yDir * p2.y);\n-                })\n-            };\n-        }\n-        return result;\n     },\n \n     /**\n-     * Method: split\n-     * Use this geometry (the source) to attempt to split a target geometry.\n-     * \n+     * Method: getTileData\n+     * Given a map location, retrieve a tile and the pixel offset within that\n+     *     tile corresponding to the location.  If there is not an existing \n+     *     tile in the grid that covers the given location, null will be \n+     *     returned.\n+     *\n      * Parameters:\n-     * target - {<OpenLayers.Geometry>} The target geometry.\n-     * options - {Object} Properties of this object will be used to determine\n-     *     how the split is conducted.\n+     * loc - {<OpenLayers.LonLat>} map location\n      *\n-     * Valid options:\n-     * mutual - {Boolean} Split the source geometry in addition to the target\n-     *     geometry.  Default is false.\n-     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-     *     true.  If false, a vertex on the source must be within the tolerance\n-     *     distance of the intersection to be considered a split.\n-     * tolerance - {Number} If a non-null value is provided, intersections\n-     *     within the tolerance distance of an existing vertex on the source\n-     *     will be assumed to occur at the vertex.\n-     * \n      * Returns:\n-     * {Array} A list of geometries (of this same type as the target) that\n-     *     result from splitting the target with the source geometry.  The\n-     *     source and target geometry will remain unmodified.  If no split\n-     *     results, null will be returned.  If mutual is true and a split\n-     *     results, return will be an array of two arrays - the first will be\n-     *     all geometries that result from splitting the source geometry and\n-     *     the second will be all geometries that result from splitting the\n-     *     target geometry.\n+     * {Object} Object with the following properties: tile ({<OpenLayers.Tile>}),\n+     *     i ({Number} x-pixel offset from top left), and j ({Integer} y-pixel\n+     *     offset from top left).\n      */\n-    split: function(target, options) {\n-        var results = null;\n-        var mutual = options && options.mutual;\n-        var sourceSplit, targetSplit, sourceParts, targetParts;\n-        if (target instanceof OpenLayers.Geometry.LineString) {\n-            var verts = this.getVertices();\n-            var vert1, vert2, seg, splits, lines, point;\n-            var points = [];\n-            sourceParts = [];\n-            for (var i = 0, stop = verts.length - 2; i <= stop; ++i) {\n-                vert1 = verts[i];\n-                vert2 = verts[i + 1];\n-                seg = {\n-                    x1: vert1.x,\n-                    y1: vert1.y,\n-                    x2: vert2.x,\n-                    y2: vert2.y\n-                };\n-                targetParts = targetParts || [target];\n-                if (mutual) {\n-                    points.push(vert1.clone());\n-                }\n-                for (var j = 0; j < targetParts.length; ++j) {\n-                    splits = targetParts[j].splitWithSegment(seg, options);\n-                    if (splits) {\n-                        // splice in new features\n-                        lines = splits.lines;\n-                        if (lines.length > 0) {\n-                            lines.unshift(j, 1);\n-                            Array.prototype.splice.apply(targetParts, lines);\n-                            j += lines.length - 2;\n-                        }\n-                        if (mutual) {\n-                            for (var k = 0, len = splits.points.length; k < len; ++k) {\n-                                point = splits.points[k];\n-                                if (!point.equals(vert1)) {\n-                                    points.push(point);\n-                                    sourceParts.push(new OpenLayers.Geometry.LineString(points));\n-                                    if (point.equals(vert2)) {\n-                                        points = [];\n-                                    } else {\n-                                        points = [point.clone()];\n-                                    }\n-                                }\n-                            }\n-                        }\n-                    }\n+    getTileData: function(loc) {\n+        var data = null,\n+            x = loc.lon,\n+            y = loc.lat,\n+            numRows = this.grid.length;\n+\n+        if (this.map && numRows) {\n+            var res = this.map.getResolution(),\n+                tileWidth = this.tileSize.w,\n+                tileHeight = this.tileSize.h,\n+                bounds = this.grid[0][0].bounds,\n+                left = bounds.left,\n+                top = bounds.top;\n+\n+            if (x < left) {\n+                // deal with multiple worlds\n+                if (this.map.baseLayer.wrapDateLine) {\n+                    var worldWidth = this.map.getMaxExtent().getWidth();\n+                    var worldsAway = Math.ceil((left - x) / worldWidth);\n+                    x += worldWidth * worldsAway;\n                 }\n             }\n-            if (mutual && sourceParts.length > 0 && points.length > 0) {\n-                points.push(vert2.clone());\n-                sourceParts.push(new OpenLayers.Geometry.LineString(points));\n-            }\n-        } else {\n-            results = target.splitWith(this, options);\n-        }\n-        if (targetParts && targetParts.length > 1) {\n-            targetSplit = true;\n-        } else {\n-            targetParts = [];\n-        }\n-        if (sourceParts && sourceParts.length > 1) {\n-            sourceSplit = true;\n-        } else {\n-            sourceParts = [];\n-        }\n-        if (targetSplit || sourceSplit) {\n-            if (mutual) {\n-                results = [sourceParts, targetParts];\n-            } else {\n-                results = targetParts;\n+            // tile distance to location (fractional number of tiles);\n+            var dtx = (x - left) / (res * tileWidth);\n+            var dty = (top - y) / (res * tileHeight);\n+            // index of tile in grid\n+            var col = Math.floor(dtx);\n+            var row = Math.floor(dty);\n+            if (row >= 0 && row < numRows) {\n+                var tile = this.grid[row][col];\n+                if (tile) {\n+                    data = {\n+                        tile: tile,\n+                        // pixel index within tile\n+                        i: Math.floor((dtx - col) * tileWidth),\n+                        j: Math.floor((dty - row) * tileHeight)\n+                    };\n+                }\n             }\n         }\n-        return results;\n+        return data;\n     },\n \n     /**\n-     * Method: splitWith\n-     * Split this geometry (the target) with the given geometry (the source).\n+     * Method: destroyTile\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n-     *     geometry (the source).\n-     * options - {Object} Properties of this object will be used to determine\n-     *     how the split is conducted.\n-     *\n-     * Valid options:\n-     * mutual - {Boolean} Split the source geometry in addition to the target\n-     *     geometry.  Default is false.\n-     * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-     *     true.  If false, a vertex on the source must be within the tolerance\n-     *     distance of the intersection to be considered a split.\n-     * tolerance - {Number} If a non-null value is provided, intersections\n-     *     within the tolerance distance of an existing vertex on the source\n-     *     will be assumed to occur at the vertex.\n-     * \n-     * Returns:\n-     * {Array} A list of geometries (of this same type as the target) that\n-     *     result from splitting the target with the source geometry.  The\n-     *     source and target geometry will remain unmodified.  If no split\n-     *     results, null will be returned.  If mutual is true and a split\n-     *     results, return will be an array of two arrays - the first will be\n-     *     all geometries that result from splitting the source geometry and\n-     *     the second will be all geometries that result from splitting the\n-     *     target geometry.\n+     * tile - {<OpenLayers.Tile>}\n      */\n-    splitWith: function(geometry, options) {\n-        return geometry.split(this, options);\n-\n+    destroyTile: function(tile) {\n+        this.removeTileMonitoringHooks(tile);\n+        tile.destroy();\n     },\n \n     /**\n-     * APIMethod: getVertices\n-     * Return a list of all points in this geometry.\n+     * Method: getServerResolution\n+     * Return the closest server-supported resolution.\n      *\n      * Parameters:\n-     * nodes - {Boolean} For lines, only return vertices that are\n-     *     endpoints.  If false, for lines, only vertices that are not\n-     *     endpoints will be returned.  If not provided, all vertices will\n-     *     be returned.\n+     * resolution - {Number} The base resolution. If undefined the\n+     *     map resolution is used.\n      *\n      * Returns:\n-     * {Array} A list of all vertices in the geometry.\n+     * {Number} The closest server resolution value.\n      */\n-    getVertices: function(nodes) {\n-        var vertices;\n-        if (nodes === true) {\n-            vertices = [\n-                this.components[0],\n-                this.components[this.components.length - 1]\n-            ];\n-        } else if (nodes === false) {\n-            vertices = this.components.slice(1, this.components.length - 1);\n-        } else {\n-            vertices = this.components.slice();\n+    getServerResolution: function(resolution) {\n+        var distance = Number.POSITIVE_INFINITY;\n+        resolution = resolution || this.map.getResolution();\n+        if (this.serverResolutions &&\n+            OpenLayers.Util.indexOf(this.serverResolutions, resolution) === -1) {\n+            var i, newDistance, newResolution, serverResolution;\n+            for (i = this.serverResolutions.length - 1; i >= 0; i--) {\n+                newResolution = this.serverResolutions[i];\n+                newDistance = Math.abs(newResolution - resolution);\n+                if (newDistance > distance) {\n+                    break;\n+                }\n+                distance = newDistance;\n+                serverResolution = newResolution;\n+            }\n+            resolution = serverResolution;\n         }\n-        return vertices;\n+        return resolution;\n     },\n \n     /**\n-     * APIMethod: distanceTo\n-     * Calculate the closest distance between two geometries (on the x-y plane).\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} The target geometry.\n-     * options - {Object} Optional properties for configuring the distance\n-     *     calculation.\n-     *\n-     * Valid options:\n-     * details - {Boolean} Return details from the distance calculation.\n-     *     Default is false.\n-     * edge - {Boolean} Calculate the distance from this geometry to the\n-     *     nearest edge of the target geometry.  Default is true.  If true,\n-     *     calling distanceTo from a geometry that is wholly contained within\n-     *     the target will result in a non-zero distance.  If false, whenever\n-     *     geometries intersect, calling distanceTo will return 0.  If false,\n-     *     details cannot be returned.\n+     * Method: getServerZoom\n+     * Return the zoom value corresponding to the best matching server\n+     * resolution, taking into account <serverResolutions> and <zoomOffset>.\n      *\n      * Returns:\n-     * {Number | Object} The distance between this geometry and the target.\n-     *     If details is true, the return will be an object with distance,\n-     *     x0, y0, x1, and x2 properties.  The x0 and y0 properties represent\n-     *     the coordinates of the closest point on this geometry. The x1 and y1\n-     *     properties represent the coordinates of the closest point on the\n-     *     target geometry.\n+     * {Number} The closest server supported zoom. This is not the map zoom\n+     *     level, but an index of the server's resolutions array.\n      */\n-    distanceTo: function(geometry, options) {\n-        var edge = !(options && options.edge === false);\n-        var details = edge && options && options.details;\n-        var result, best = {};\n-        var min = Number.POSITIVE_INFINITY;\n-        if (geometry instanceof OpenLayers.Geometry.Point) {\n-            var segs = this.getSortedSegments();\n-            var x = geometry.x;\n-            var y = geometry.y;\n-            var seg;\n-            for (var i = 0, len = segs.length; i < len; ++i) {\n-                seg = segs[i];\n-                result = OpenLayers.Geometry.distanceToSegment(geometry, seg);\n-                if (result.distance < min) {\n-                    min = result.distance;\n-                    best = result;\n-                    if (min === 0) {\n-                        break;\n-                    }\n-                } else {\n-                    // if distance increases and we cross y0 to the right of x0, no need to keep looking.\n-                    if (seg.x2 > x && ((y > seg.y1 && y < seg.y2) || (y < seg.y1 && y > seg.y2))) {\n-                        break;\n-                    }\n-                }\n+    getServerZoom: function() {\n+        var resolution = this.getServerResolution();\n+        return this.serverResolutions ?\n+            OpenLayers.Util.indexOf(this.serverResolutions, resolution) :\n+            this.map.getZoomForResolution(resolution) + (this.zoomOffset || 0);\n+    },\n+\n+    /**\n+     * Method: applyBackBuffer\n+     * Create, insert, scale and position a back buffer for the layer.\n+     *\n+     * Parameters:\n+     * resolution - {Number} The resolution to transition to.\n+     */\n+    applyBackBuffer: function(resolution) {\n+        if (this.backBufferTimerId !== null) {\n+            this.removeBackBuffer();\n+        }\n+        var backBuffer = this.backBuffer;\n+        if (!backBuffer) {\n+            backBuffer = this.createBackBuffer();\n+            if (!backBuffer) {\n+                return;\n             }\n-            if (details) {\n-                best = {\n-                    distance: best.distance,\n-                    x0: best.x,\n-                    y0: best.y,\n-                    x1: x,\n-                    y1: y\n-                };\n+            if (resolution === this.gridResolution) {\n+                this.div.insertBefore(backBuffer, this.div.firstChild);\n             } else {\n-                best = best.distance;\n+                this.map.baseLayer.div.parentNode.insertBefore(backBuffer, this.map.baseLayer.div);\n             }\n-        } else if (geometry instanceof OpenLayers.Geometry.LineString) {\n-            var segs0 = this.getSortedSegments();\n-            var segs1 = geometry.getSortedSegments();\n-            var seg0, seg1, intersection, x0, y0;\n-            var len1 = segs1.length;\n-            var interOptions = {\n-                point: true\n+            this.backBuffer = backBuffer;\n+\n+            // set some information in the instance for subsequent\n+            // calls to applyBackBuffer where the same back buffer\n+            // is reused\n+            var topLeftTileBounds = this.grid[0][0].bounds;\n+            this.backBufferLonLat = {\n+                lon: topLeftTileBounds.left,\n+                lat: topLeftTileBounds.top\n             };\n-            outer: for (var i = 0, len = segs0.length; i < len; ++i) {\n-                seg0 = segs0[i];\n-                x0 = seg0.x1;\n-                y0 = seg0.y1;\n-                for (var j = 0; j < len1; ++j) {\n-                    seg1 = segs1[j];\n-                    intersection = OpenLayers.Geometry.segmentsIntersect(seg0, seg1, interOptions);\n-                    if (intersection) {\n-                        min = 0;\n-                        best = {\n-                            distance: 0,\n-                            x0: intersection.x,\n-                            y0: intersection.y,\n-                            x1: intersection.x,\n-                            y1: intersection.y\n-                        };\n-                        break outer;\n-                    } else {\n-                        result = OpenLayers.Geometry.distanceToSegment({\n-                            x: x0,\n-                            y: y0\n-                        }, seg1);\n-                        if (result.distance < min) {\n-                            min = result.distance;\n-                            best = {\n-                                distance: min,\n-                                x0: x0,\n-                                y0: y0,\n-                                x1: result.x,\n-                                y1: result.y\n-                            };\n-                        }\n+            this.backBufferResolution = this.gridResolution;\n+        }\n+\n+        var ratio = this.backBufferResolution / resolution;\n+\n+        // scale the tiles inside the back buffer\n+        var tiles = backBuffer.childNodes,\n+            tile;\n+        for (var i = tiles.length - 1; i >= 0; --i) {\n+            tile = tiles[i];\n+            tile.style.top = ((ratio * tile._i * tile._h) | 0) + 'px';\n+            tile.style.left = ((ratio * tile._j * tile._w) | 0) + 'px';\n+            tile.style.width = Math.round(ratio * tile._w) + 'px';\n+            tile.style.height = Math.round(ratio * tile._h) + 'px';\n+        }\n+\n+        // and position it (based on the grid's top-left corner)\n+        var position = this.getViewPortPxFromLonLat(\n+            this.backBufferLonLat, resolution);\n+        var leftOffset = this.map.layerContainerOriginPx.x;\n+        var topOffset = this.map.layerContainerOriginPx.y;\n+        backBuffer.style.left = Math.round(position.x - leftOffset) + 'px';\n+        backBuffer.style.top = Math.round(position.y - topOffset) + 'px';\n+    },\n+\n+    /**\n+     * Method: createBackBuffer\n+     * Create a back buffer.\n+     *\n+     * Returns:\n+     * {DOMElement} The DOM element for the back buffer, undefined if the\n+     * grid isn't initialized yet.\n+     */\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.grid.length > 0) {\n+            backBuffer = document.createElement('div');\n+            backBuffer.id = this.div.id + '_bb';\n+            backBuffer.className = 'olBackBuffer';\n+            backBuffer.style.position = 'absolute';\n+            var map = this.map;\n+            backBuffer.style.zIndex = this.transitionEffect === 'resize' ?\n+                this.getZIndex() - 1 :\n+                // 'map-resize':\n+                map.Z_INDEX_BASE.BaseLayer -\n+                (map.getNumLayers() - map.getLayerIndex(this));\n+            for (var i = 0, lenI = this.grid.length; i < lenI; i++) {\n+                for (var j = 0, lenJ = this.grid[i].length; j < lenJ; j++) {\n+                    var tile = this.grid[i][j],\n+                        markup = this.grid[i][j].createBackBuffer();\n+                    if (markup) {\n+                        markup._i = i;\n+                        markup._j = j;\n+                        markup._w = tile.size.w;\n+                        markup._h = tile.size.h;\n+                        markup.id = tile.id + '_bb';\n+                        backBuffer.appendChild(markup);\n                     }\n                 }\n             }\n-            if (!details) {\n-                best = best.distance;\n+        }\n+        return backBuffer;\n+    },\n+\n+    /**\n+     * Method: removeBackBuffer\n+     * Remove back buffer from DOM.\n+     */\n+    removeBackBuffer: function() {\n+        if (this._transitionElement) {\n+            for (var i = this.transitionendEvents.length - 1; i >= 0; --i) {\n+                OpenLayers.Event.stopObserving(this._transitionElement,\n+                    this.transitionendEvents[i], this._removeBackBuffer);\n             }\n-            if (min !== 0) {\n-                // check the final vertex in this line's sorted segments\n-                if (seg0) {\n-                    result = geometry.distanceTo(\n-                        new OpenLayers.Geometry.Point(seg0.x2, seg0.y2),\n-                        options\n-                    );\n-                    var dist = details ? result.distance : result;\n-                    if (dist < min) {\n-                        if (details) {\n-                            best = {\n-                                distance: min,\n-                                x0: result.x1,\n-                                y0: result.y1,\n-                                x1: result.x0,\n-                                y1: result.y0\n-                            };\n-                        } else {\n-                            best = dist;\n-                        }\n-                    }\n-                }\n+            delete this._transitionElement;\n+        }\n+        if (this.backBuffer) {\n+            if (this.backBuffer.parentNode) {\n+                this.backBuffer.parentNode.removeChild(this.backBuffer);\n             }\n-        } else {\n-            best = geometry.distanceTo(this, options);\n-            // swap since target comes from this line\n-            if (details) {\n-                best = {\n-                    distance: best.distance,\n-                    x0: best.x1,\n-                    y0: best.y1,\n-                    x1: best.x0,\n-                    y1: best.y0\n-                };\n+            this.backBuffer = null;\n+            this.backBufferResolution = null;\n+            if (this.backBufferTimerId !== null) {\n+                window.clearTimeout(this.backBufferTimerId);\n+                this.backBufferTimerId = null;\n             }\n         }\n-        return best;\n     },\n \n     /**\n-     * APIMethod: simplify\n-     * This function will return a simplified LineString.\n-     * Simplification is based on the Douglas-Peucker algorithm.\n-     *\n+     * Method: moveByPx\n+     * Move the layer based on pixel vector.\n      *\n      * Parameters:\n-     * tolerance - {number} threshhold for simplification in map units\n-     *\n-     * Returns:\n-     * {OpenLayers.Geometry.LineString} the simplified LineString\n+     * dx - {Number}\n+     * dy - {Number}\n      */\n-    simplify: function(tolerance) {\n-        if (this && this !== null) {\n-            var points = this.getVertices();\n-            if (points.length < 3) {\n-                return this;\n-            }\n-\n-            var compareNumbers = function(a, b) {\n-                return (a - b);\n-            };\n+    moveByPx: function(dx, dy) {\n+        if (!this.singleTile) {\n+            this.moveGriddedTiles();\n+        }\n+    },\n \n-            /**\n-             * Private function doing the Douglas-Peucker reduction\n-             */\n-            var douglasPeuckerReduction = function(points, firstPoint, lastPoint, tolerance) {\n-                var maxDistance = 0;\n-                var indexFarthest = 0;\n+    /**\n+     * APIMethod: setTileSize\n+     * Check if we are in singleTile mode and if so, set the size as a ratio\n+     *     of the map size (as specified by the layer's 'ratio' property).\n+     * \n+     * Parameters:\n+     * size - {<OpenLayers.Size>}\n+     */\n+    setTileSize: function(size) {\n+        if (this.singleTile) {\n+            size = this.map.getSize();\n+            size.h = parseInt(size.h * this.ratio, 10);\n+            size.w = parseInt(size.w * this.ratio, 10);\n+        }\n+        OpenLayers.Layer.HTTPRequest.prototype.setTileSize.apply(this, [size]);\n+    },\n \n-                for (var index = firstPoint, distance; index < lastPoint; index++) {\n-                    distance = perpendicularDistance(points[firstPoint], points[lastPoint], points[index]);\n-                    if (distance > maxDistance) {\n-                        maxDistance = distance;\n-                        indexFarthest = index;\n-                    }\n-                }\n+    /**\n+     * APIMethod: getTilesBounds\n+     * Return the bounds of the tile grid.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} A Bounds object representing the bounds of all the\n+     *     currently loaded tiles (including those partially or not at all seen \n+     *     onscreen).\n+     */\n+    getTilesBounds: function() {\n+        var bounds = null;\n \n-                if (maxDistance > tolerance && indexFarthest != firstPoint) {\n-                    //Add the largest point that exceeds the tolerance\n-                    pointIndexsToKeep.push(indexFarthest);\n-                    douglasPeuckerReduction(points, firstPoint, indexFarthest, tolerance);\n-                    douglasPeuckerReduction(points, indexFarthest, lastPoint, tolerance);\n-                }\n-            };\n+        var length = this.grid.length;\n+        if (length) {\n+            var bottomLeftTileBounds = this.grid[length - 1][0].bounds,\n+                width = this.grid[0].length * bottomLeftTileBounds.getWidth(),\n+                height = this.grid.length * bottomLeftTileBounds.getHeight();\n \n-            /**\n-             * Private function calculating the perpendicular distance\n-             * TODO: check whether OpenLayers.Geometry.LineString::distanceTo() is faster or slower\n-             */\n-            var perpendicularDistance = function(point1, point2, point) {\n-                //Area = |(1/2)(x1y2 + x2y3 + x3y1 - x2y1 - x3y2 - x1y3)|   *Area of triangle\n-                //Base = v((x1-x2)\u00b2+(x1-x2)\u00b2)                               *Base of Triangle*\n-                //Area = .5*Base*H                                          *Solve for height\n-                //Height = Area/.5/Base\n+            bounds = new OpenLayers.Bounds(bottomLeftTileBounds.left,\n+                bottomLeftTileBounds.bottom,\n+                bottomLeftTileBounds.left + width,\n+                bottomLeftTileBounds.bottom + height);\n+        }\n+        return bounds;\n+    },\n \n-                var area = Math.abs(0.5 * (point1.x * point2.y + point2.x * point.y + point.x * point1.y - point2.x * point1.y - point.x * point2.y - point1.x * point.y));\n-                var bottom = Math.sqrt(Math.pow(point1.x - point2.x, 2) + Math.pow(point1.y - point2.y, 2));\n-                var height = area / bottom * 2;\n+    /**\n+     * Method: initSingleTile\n+     * \n+     * Parameters: \n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    initSingleTile: function(bounds) {\n+        this.events.triggerEvent(\"retile\");\n \n-                return height;\n-            };\n+        //determine new tile bounds\n+        var center = bounds.getCenterLonLat();\n+        var tileWidth = bounds.getWidth() * this.ratio;\n+        var tileHeight = bounds.getHeight() * this.ratio;\n \n-            var firstPoint = 0;\n-            var lastPoint = points.length - 1;\n-            var pointIndexsToKeep = [];\n+        var tileBounds =\n+            new OpenLayers.Bounds(center.lon - (tileWidth / 2),\n+                center.lat - (tileHeight / 2),\n+                center.lon + (tileWidth / 2),\n+                center.lat + (tileHeight / 2));\n \n-            //Add the first and last index to the keepers\n-            pointIndexsToKeep.push(firstPoint);\n-            pointIndexsToKeep.push(lastPoint);\n+        var px = this.map.getLayerPxFromLonLat({\n+            lon: tileBounds.left,\n+            lat: tileBounds.top\n+        });\n \n-            //The first and the last point cannot be the same\n-            while (points[firstPoint].equals(points[lastPoint])) {\n-                lastPoint--;\n-                //Addition: the first point not equal to first point in the LineString is kept as well\n-                pointIndexsToKeep.push(lastPoint);\n-            }\n+        if (!this.grid.length) {\n+            this.grid[0] = [];\n+        }\n \n-            douglasPeuckerReduction(points, firstPoint, lastPoint, tolerance);\n-            var returnPoints = [];\n-            pointIndexsToKeep.sort(compareNumbers);\n-            for (var index = 0; index < pointIndexsToKeep.length; index++) {\n-                returnPoints.push(points[pointIndexsToKeep[index]]);\n-            }\n-            return new OpenLayers.Geometry.LineString(returnPoints);\n+        var tile = this.grid[0][0];\n+        if (!tile) {\n+            tile = this.addTile(tileBounds, px);\n \n+            this.addTileMonitoringHooks(tile);\n+            tile.draw();\n+            this.grid[0][0] = tile;\n         } else {\n-            return this;\n+            tile.moveTo(tileBounds, px);\n         }\n+\n+        //remove all but our single tile\n+        this.removeExcessTiles(1, 1);\n+\n+        // store the resolution of the grid\n+        this.gridResolution = this.getServerResolution();\n     },\n \n-    CLASS_NAME: \"OpenLayers.Geometry.LineString\"\n-});\n-/* ======================================================================\n-    OpenLayers/Geometry/MultiLineString.js\n-   ====================================================================== */\n+    /** \n+     * Method: calculateGridLayout\n+     * Generate parameters for the grid layout.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bound>|Object} OpenLayers.Bounds or an\n+     *     object with a 'left' and 'top' properties.\n+     * origin - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     * resolution - {Number}\n+     *\n+     * Returns:\n+     * {Object} Object containing properties tilelon, tilelat, startcol,\n+     * startrow\n+     */\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var offsetlon = bounds.left - origin.lon;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n \n-/**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/LineString.js\n- */\n+        var rowSign = this.rowSign;\n \n-/**\n- * Class: OpenLayers.Geometry.MultiLineString\n- * A MultiLineString is a geometry with multiple <OpenLayers.Geometry.LineString>\n- * components.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Geometry.Collection>\n- *  - <OpenLayers.Geometry> \n- */\n-OpenLayers.Geometry.MultiLineString = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n+        var offsetlat = rowSign * (origin.lat - bounds.top + tilelat);\n+        var tilerow = Math[~rowSign ? 'floor' : 'ceil'](offsetlat / tilelat) - this.buffer * rowSign;\n \n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.LineString\"],\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        };\n \n-        /**\n-         * Constructor: OpenLayers.Geometry.MultiLineString\n-         * Constructor for a MultiLineString Geometry.\n-         *\n-         * Parameters: \n-         * components - {Array(<OpenLayers.Geometry.LineString>)} \n-         *\n-         */\n+    },\n \n-        /**\n-         * Method: split\n-         * Use this geometry (the source) to attempt to split a target geometry.\n-         * \n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} The target geometry.\n-         * options - {Object} Properties of this object will be used to determine\n-         *     how the split is conducted.\n-         *\n-         * Valid options:\n-         * mutual - {Boolean} Split the source geometry in addition to the target\n-         *     geometry.  Default is false.\n-         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-         *     true.  If false, a vertex on the source must be within the tolerance\n-         *     distance of the intersection to be considered a split.\n-         * tolerance - {Number} If a non-null value is provided, intersections\n-         *     within the tolerance distance of an existing vertex on the source\n-         *     will be assumed to occur at the vertex.\n-         * \n-         * Returns:\n-         * {Array} A list of geometries (of this same type as the target) that\n-         *     result from splitting the target with the source geometry.  The\n-         *     source and target geometry will remain unmodified.  If no split\n-         *     results, null will be returned.  If mutual is true and a split\n-         *     results, return will be an array of two arrays - the first will be\n-         *     all geometries that result from splitting the source geometry and\n-         *     the second will be all geometries that result from splitting the\n-         *     target geometry.\n-         */\n-        split: function(geometry, options) {\n-            var results = null;\n-            var mutual = options && options.mutual;\n-            var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n-            var sourceParts = [];\n-            var targetParts = [geometry];\n-            for (var i = 0, len = this.components.length; i < len; ++i) {\n-                sourceLine = this.components[i];\n-                sourceSplit = false;\n-                for (var j = 0; j < targetParts.length; ++j) {\n-                    splits = sourceLine.split(targetParts[j], options);\n-                    if (splits) {\n-                        if (mutual) {\n-                            sourceLines = splits[0];\n-                            for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n-                                if (k === 0 && sourceParts.length) {\n-                                    sourceParts[sourceParts.length - 1].addComponent(\n-                                        sourceLines[k]\n-                                    );\n-                                } else {\n-                                    sourceParts.push(\n-                                        new OpenLayers.Geometry.MultiLineString([\n-                                            sourceLines[k]\n-                                        ])\n-                                    );\n-                                }\n-                            }\n-                            sourceSplit = true;\n-                            splits = splits[1];\n-                        }\n-                        if (splits.length) {\n-                            // splice in new target parts\n-                            splits.unshift(j, 1);\n-                            Array.prototype.splice.apply(targetParts, splits);\n-                            break;\n-                        }\n-                    }\n-                }\n-                if (!sourceSplit) {\n-                    // source line was not hit\n-                    if (sourceParts.length) {\n-                        // add line to existing multi\n-                        sourceParts[sourceParts.length - 1].addComponent(\n-                            sourceLine.clone()\n-                        );\n-                    } else {\n-                        // create a fresh multi\n-                        sourceParts = [\n-                            new OpenLayers.Geometry.MultiLineString(\n-                                sourceLine.clone()\n-                            )\n-                        ];\n-                    }\n-                }\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                sourceSplit = true;\n-            } else {\n-                sourceParts = [];\n-            }\n-            if (targetParts && targetParts.length > 1) {\n-                targetSplit = true;\n-            } else {\n-                targetParts = [];\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (mutual) {\n-                    results = [sourceParts, targetParts];\n-                } else {\n-                    results = targetParts;\n-                }\n-            }\n-            return results;\n-        },\n+    /**\n+     * Method: getTileOrigin\n+     * Determine the origin for aligning the grid of tiles.  If a <tileOrigin>\n+     *     property is supplied, that will be returned.  Otherwise, the origin\n+     *     will be derived from the layer's <maxExtent> property.  In this case,\n+     *     the tile origin will be the corner of the <maxExtent> given by the \n+     *     <tileOriginCorner> property.\n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} The tile origin.\n+     */\n+    getTileOrigin: function() {\n+        var origin = this.tileOrigin;\n+        if (!origin) {\n+            var extent = this.getMaxExtent();\n+            var edges = ({\n+                \"tl\": [\"left\", \"top\"],\n+                \"tr\": [\"right\", \"top\"],\n+                \"bl\": [\"left\", \"bottom\"],\n+                \"br\": [\"right\", \"bottom\"]\n+            })[this.tileOriginCorner];\n+            origin = new OpenLayers.LonLat(extent[edges[0]], extent[edges[1]]);\n+        }\n+        return origin;\n+    },\n \n-        /**\n-         * Method: splitWith\n-         * Split this geometry (the target) with the given geometry (the source).\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n-         *     geometry (the source).\n-         * options - {Object} Properties of this object will be used to determine\n-         *     how the split is conducted.\n-         *\n-         * Valid options:\n-         * mutual - {Boolean} Split the source geometry in addition to the target\n-         *     geometry.  Default is false.\n-         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-         *     true.  If false, a vertex on the source must be within the tolerance\n-         *     distance of the intersection to be considered a split.\n-         * tolerance - {Number} If a non-null value is provided, intersections\n-         *     within the tolerance distance of an existing vertex on the source\n-         *     will be assumed to occur at the vertex.\n-         * \n-         * Returns:\n-         * {Array} A list of geometries (of this same type as the target) that\n-         *     result from splitting the target with the source geometry.  The\n-         *     source and target geometry will remain unmodified.  If no split\n-         *     results, null will be returned.  If mutual is true and a split\n-         *     results, return will be an array of two arrays - the first will be\n-         *     all geometries that result from splitting the source geometry and\n-         *     the second will be all geometries that result from splitting the\n-         *     target geometry.\n-         */\n-        splitWith: function(geometry, options) {\n-            var results = null;\n-            var mutual = options && options.mutual;\n-            var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n-            if (geometry instanceof OpenLayers.Geometry.LineString) {\n-                targetParts = [];\n-                sourceParts = [geometry];\n-                for (var i = 0, len = this.components.length; i < len; ++i) {\n-                    targetSplit = false;\n-                    targetLine = this.components[i];\n-                    for (var j = 0; j < sourceParts.length; ++j) {\n-                        splits = sourceParts[j].split(targetLine, options);\n-                        if (splits) {\n-                            if (mutual) {\n-                                sourceLines = splits[0];\n-                                if (sourceLines.length) {\n-                                    // splice in new source parts\n-                                    sourceLines.unshift(j, 1);\n-                                    Array.prototype.splice.apply(sourceParts, sourceLines);\n-                                    j += sourceLines.length - 2;\n-                                }\n-                                splits = splits[1];\n-                                if (splits.length === 0) {\n-                                    splits = [targetLine.clone()];\n-                                }\n-                            }\n-                            for (var k = 0, klen = splits.length; k < klen; ++k) {\n-                                if (k === 0 && targetParts.length) {\n-                                    targetParts[targetParts.length - 1].addComponent(\n-                                        splits[k]\n-                                    );\n-                                } else {\n-                                    targetParts.push(\n-                                        new OpenLayers.Geometry.MultiLineString([\n-                                            splits[k]\n-                                        ])\n-                                    );\n-                                }\n-                            }\n-                            targetSplit = true;\n-                        }\n-                    }\n-                    if (!targetSplit) {\n-                        // target component was not hit\n-                        if (targetParts.length) {\n-                            // add it to any existing multi-line\n-                            targetParts[targetParts.length - 1].addComponent(\n-                                targetLine.clone()\n-                            );\n-                        } else {\n-                            // or start with a fresh multi-line\n-                            targetParts = [\n-                                new OpenLayers.Geometry.MultiLineString([\n-                                    targetLine.clone()\n-                                ])\n-                            ];\n-                        }\n+    /**\n+     * Method: getTileBoundsForGridIndex\n+     *\n+     * Parameters:\n+     * row - {Number} The row of the grid\n+     * col - {Number} The column of the grid\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n+     */\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var startcol = tileLayout.startcol;\n+        var startrow = tileLayout.startrow;\n+        var rowSign = this.rowSign;\n+        return new OpenLayers.Bounds(\n+            origin.lon + (startcol + col) * tilelon,\n+            origin.lat - (startrow + row * rowSign) * tilelat * rowSign,\n+            origin.lon + (startcol + col + 1) * tilelon,\n+            origin.lat - (startrow + (row - 1) * rowSign) * tilelat * rowSign\n+        );\n+    },\n \n-                    }\n-                }\n-            } else {\n-                results = geometry.split(this);\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                sourceSplit = true;\n-            } else {\n-                sourceParts = [];\n-            }\n-            if (targetParts && targetParts.length > 1) {\n-                targetSplit = true;\n-            } else {\n-                targetParts = [];\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (mutual) {\n-                    results = [sourceParts, targetParts];\n-                } else {\n-                    results = targetParts;\n-                }\n-            }\n-            return results;\n-        },\n+    /**\n+     * Method: initGriddedTiles\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    initGriddedTiles: function(bounds) {\n+        this.events.triggerEvent(\"retile\");\n \n-        CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Geometry/LinearRing.js\n-   ====================================================================== */\n+        // work out mininum number of rows and columns; this is the number of\n+        // tiles required to cover the viewport plus at least one for panning\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var viewSize = this.map.getSize();\n \n-/**\n- * @requires OpenLayers/Geometry/LineString.js\n- */\n+        var origin = this.getTileOrigin();\n+        var resolution = this.map.getResolution(),\n+            serverResolution = this.getServerResolution(),\n+            ratio = resolution / serverResolution,\n+            tileSize = {\n+                w: this.tileSize.w / ratio,\n+                h: this.tileSize.h / ratio\n+            };\n \n-/**\n- * Class: OpenLayers.Geometry.LinearRing\n- * \n- * A Linear Ring is a special LineString which is closed. It closes itself \n- * automatically on every addPoint/removePoint by adding a copy of the first\n- * point as the last point. \n- * \n- * Also, as it is the first in the line family to close itself, a getArea()\n- * function is defined to calculate the enclosed area of the linearRing\n- * \n- * Inherits:\n- *  - <OpenLayers.Geometry.LineString>\n- */\n-OpenLayers.Geometry.LinearRing = OpenLayers.Class(\n-    OpenLayers.Geometry.LineString, {\n+        var minRows = Math.ceil(viewSize.h / tileSize.h) +\n+            2 * this.buffer + 1;\n+        var minCols = Math.ceil(viewSize.w / tileSize.w) +\n+            2 * this.buffer + 1;\n \n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of \n-         *                 components that the collection can include.  A null \n-         *                 value means the component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.Point\"],\n+        var tileLayout = this.calculateGridLayout(bounds, origin, serverResolution);\n+        this.gridLayout = tileLayout;\n \n-        /**\n-         * Constructor: OpenLayers.Geometry.LinearRing\n-         * Linear rings are constructed with an array of points.  This array\n-         *     can represent a closed or open ring.  If the ring is open (the last\n-         *     point does not equal the first point), the constructor will close\n-         *     the ring.  If the ring is already closed (the last point does equal\n-         *     the first point), it will be left closed.\n-         * \n-         * Parameters:\n-         * points - {Array(<OpenLayers.Geometry.Point>)} points\n-         */\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n \n-        /**\n-         * APIMethod: addComponent\n-         * Adds a point to geometry components.  If the point is to be added to\n-         *     the end of the components array and it is the same as the last point\n-         *     already in that array, the duplicate point is not added.  This has \n-         *     the effect of closing the ring if it is not already closed, and \n-         *     doing the right thing if it is already closed.  This behavior can \n-         *     be overridden by calling the method with a non-null index as the \n-         *     second argument.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         * index - {Integer} Index into the array to insert the component\n-         * \n-         * Returns:\n-         * {Boolean} Was the Point successfully added?\n-         */\n-        addComponent: function(point, index) {\n-            var added = false;\n+        var layerContainerDivLeft = this.map.layerContainerOriginPx.x;\n+        var layerContainerDivTop = this.map.layerContainerOriginPx.y;\n \n-            //remove last point\n-            var lastPoint = this.components.pop();\n+        var tileBounds = this.getTileBoundsForGridIndex(0, 0);\n+        var startPx = this.map.getViewPortPxFromLonLat(\n+            new OpenLayers.LonLat(tileBounds.left, tileBounds.top)\n+        );\n+        startPx.x = Math.round(startPx.x) - layerContainerDivLeft;\n+        startPx.y = Math.round(startPx.y) - layerContainerDivTop;\n \n-            // given an index, add the point\n-            // without an index only add non-duplicate points\n-            if (index != null || !point.equals(lastPoint)) {\n-                added = OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n-                    arguments);\n+        var tileData = [],\n+            center = this.map.getCenter();\n+\n+        var rowidx = 0;\n+        do {\n+            var row = this.grid[rowidx];\n+            if (!row) {\n+                row = [];\n+                this.grid.push(row);\n             }\n \n-            //append copy of first point\n-            var firstPoint = this.components[0];\n-            OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n-                [firstPoint]);\n+            var colidx = 0;\n+            do {\n+                tileBounds = this.getTileBoundsForGridIndex(rowidx, colidx);\n+                var px = startPx.clone();\n+                px.x = px.x + colidx * Math.round(tileSize.w);\n+                px.y = px.y + rowidx * Math.round(tileSize.h);\n+                var tile = row[colidx];\n+                if (!tile) {\n+                    tile = this.addTile(tileBounds, px);\n+                    this.addTileMonitoringHooks(tile);\n+                    row.push(tile);\n+                } else {\n+                    tile.moveTo(tileBounds, px, false);\n+                }\n+                var tileCenter = tileBounds.getCenterLonLat();\n+                tileData.push({\n+                    tile: tile,\n+                    distance: Math.pow(tileCenter.lon - center.lon, 2) +\n+                        Math.pow(tileCenter.lat - center.lat, 2)\n+                });\n \n-            return added;\n-        },\n+                colidx += 1;\n+            } while ((tileBounds.right <= bounds.right + tilelon * this.buffer) ||\n+                colidx < minCols);\n \n-        /**\n-         * APIMethod: removeComponent\n-         * Removes a point from geometry components.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         *\n-         * Returns: \n-         * {Boolean} The component was removed.\n-         */\n-        removeComponent: function(point) {\n-            var removed = this.components && (this.components.length > 3);\n-            if (removed) {\n-                //remove last point\n-                this.components.pop();\n+            rowidx += 1;\n+        } while ((tileBounds.bottom >= bounds.bottom - tilelat * this.buffer) ||\n+            rowidx < minRows);\n \n-                //remove our point\n-                OpenLayers.Geometry.Collection.prototype.removeComponent.apply(this,\n-                    arguments);\n-                //append copy of first point\n-                var firstPoint = this.components[0];\n-                OpenLayers.Geometry.Collection.prototype.addComponent.apply(this,\n-                    [firstPoint]);\n-            }\n-            return removed;\n-        },\n+        //shave off exceess rows and colums\n+        this.removeExcessTiles(rowidx, colidx);\n \n-        /**\n-         * APIMethod: move\n-         * Moves a geometry by the given displacement along positive x and y axes.\n-         *     This modifies the position of the geometry and clears the cached\n-         *     bounds.\n-         *\n-         * Parameters:\n-         * x - {Float} Distance to move geometry in positive x direction. \n-         * y - {Float} Distance to move geometry in positive y direction.\n-         */\n-        move: function(x, y) {\n-            for (var i = 0, len = this.components.length; i < len - 1; i++) {\n-                this.components[i].move(x, y);\n-            }\n-        },\n+        var resolution = this.getServerResolution();\n+        // store the resolution of the grid\n+        this.gridResolution = resolution;\n \n-        /**\n-         * APIMethod: rotate\n-         * Rotate a geometry around some origin\n-         *\n-         * Parameters:\n-         * angle - {Float} Rotation angle in degrees (measured counterclockwise\n-         *                 from the positive x-axis)\n-         * origin - {<OpenLayers.Geometry.Point>} Center point for the rotation\n-         */\n-        rotate: function(angle, origin) {\n-            for (var i = 0, len = this.components.length; i < len - 1; ++i) {\n-                this.components[i].rotate(angle, origin);\n-            }\n-        },\n+        //now actually draw the tiles\n+        tileData.sort(function(a, b) {\n+            return a.distance - b.distance;\n+        });\n+        for (var i = 0, ii = tileData.length; i < ii; ++i) {\n+            tileData[i].tile.draw();\n+        }\n+    },\n \n-        /**\n-         * APIMethod: resize\n-         * Resize a geometry relative to some origin.  Use this method to apply\n-         *     a uniform scaling to a geometry.\n-         *\n-         * Parameters:\n-         * scale - {Float} Factor by which to scale the geometry.  A scale of 2\n-         *                 doubles the size of the geometry in each dimension\n-         *                 (lines, for example, will be twice as long, and polygons\n-         *                 will have four times the area).\n-         * origin - {<OpenLayers.Geometry.Point>} Point of origin for resizing\n-         * ratio - {Float} Optional x:y ratio for resizing.  Default ratio is 1.\n-         * \n-         * Returns:\n-         * {<OpenLayers.Geometry>} - The current geometry. \n-         */\n-        resize: function(scale, origin, ratio) {\n-            for (var i = 0, len = this.components.length; i < len - 1; ++i) {\n-                this.components[i].resize(scale, origin, ratio);\n-            }\n-            return this;\n-        },\n+    /**\n+     * Method: getMaxExtent\n+     * Get this layer's maximum extent. (Implemented as a getter for\n+     *     potential specific implementations in sub-classes.)\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n+     */\n+    getMaxExtent: function() {\n+        return this.maxExtent;\n+    },\n \n-        /**\n-         * APIMethod: transform\n-         * Reproject the components geometry from source to dest.\n-         *\n-         * Parameters:\n-         * source - {<OpenLayers.Projection>}\n-         * dest - {<OpenLayers.Projection>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Geometry>} \n-         */\n-        transform: function(source, dest) {\n-            if (source && dest) {\n-                for (var i = 0, len = this.components.length; i < len - 1; i++) {\n-                    var component = this.components[i];\n-                    component.transform(source, dest);\n-                }\n-                this.bounds = null;\n-            }\n-            return this;\n-        },\n+    /**\n+     * APIMethod: addTile\n+     * Create a tile, initialize it, and add it to the layer div. \n+     *\n+     * Parameters\n+     * bounds - {<OpenLayers.Bounds>}\n+     * position - {<OpenLayers.Pixel>}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Tile>} The added OpenLayers.Tile\n+     */\n+    addTile: function(bounds, position) {\n+        var tile = new this.tileClass(\n+            this, position, bounds, null, this.tileSize, this.tileOptions\n+        );\n+        this.events.triggerEvent(\"addtile\", {\n+            tile: tile\n+        });\n+        return tile;\n+    },\n \n-        /**\n-         * APIMethod: getCentroid\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Point>} The centroid of the collection\n-         */\n-        getCentroid: function() {\n-            if (this.components) {\n-                var len = this.components.length;\n-                if (len > 0 && len <= 2) {\n-                    return this.components[0].clone();\n-                } else if (len > 2) {\n-                    var sumX = 0.0;\n-                    var sumY = 0.0;\n-                    var x0 = this.components[0].x;\n-                    var y0 = this.components[0].y;\n-                    var area = -1 * this.getArea();\n-                    if (area != 0) {\n-                        for (var i = 0; i < len - 1; i++) {\n-                            var b = this.components[i];\n-                            var c = this.components[i + 1];\n-                            sumX += (b.x + c.x - 2 * x0) * ((b.x - x0) * (c.y - y0) - (c.x - x0) * (b.y - y0));\n-                            sumY += (b.y + c.y - 2 * y0) * ((b.x - x0) * (c.y - y0) - (c.x - x0) * (b.y - y0));\n-                        }\n-                        var x = x0 + sumX / (6 * area);\n-                        var y = y0 + sumY / (6 * area);\n-                    } else {\n-                        for (var i = 0; i < len - 1; i++) {\n-                            sumX += this.components[i].x;\n-                            sumY += this.components[i].y;\n-                        }\n-                        var x = sumX / (len - 1);\n-                        var y = sumY / (len - 1);\n-                    }\n-                    return new OpenLayers.Geometry.Point(x, y);\n-                } else {\n-                    return null;\n-                }\n-            }\n-        },\n+    /** \n+     * Method: addTileMonitoringHooks\n+     * This function takes a tile as input and adds the appropriate hooks to \n+     *     the tile so that the layer can keep track of the loading tiles.\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    addTileMonitoringHooks: function(tile) {\n \n-        /**\n-         * APIMethod: getArea\n-         * Note - The area is positive if the ring is oriented CW, otherwise\n-         *         it will be negative.\n-         * \n-         * Returns:\n-         * {Float} The signed area for a ring.\n-         */\n-        getArea: function() {\n-            var area = 0.0;\n-            if (this.components && (this.components.length > 2)) {\n-                var sum = 0.0;\n-                for (var i = 0, len = this.components.length; i < len - 1; i++) {\n-                    var b = this.components[i];\n-                    var c = this.components[i + 1];\n-                    sum += (b.x + c.x) * (c.y - b.y);\n-                }\n-                area = -sum / 2.0;\n-            }\n-            return area;\n-        },\n+        var replacingCls = 'olTileReplacing';\n \n-        /**\n-         * APIMethod: getGeodesicArea\n-         * Calculate the approximate area of the polygon were it projected onto\n-         *     the earth.  Note that this area will be positive if ring is oriented\n-         *     clockwise, otherwise it will be negative.\n-         *\n-         * Parameters:\n-         * projection - {<OpenLayers.Projection>} The spatial reference system\n-         *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n-         *     assumed.\n-         * \n-         * Reference:\n-         * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n-         *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n-         *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n-         *\n-         * Returns:\n-         * {float} The approximate signed geodesic area of the polygon in square\n-         *     meters.\n-         */\n-        getGeodesicArea: function(projection) {\n-            var ring = this; // so we can work with a clone if needed\n-            if (projection) {\n-                var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-                if (!gg.equals(projection)) {\n-                    ring = this.clone().transform(projection, gg);\n-                }\n-            }\n-            var area = 0.0;\n-            var len = ring.components && ring.components.length;\n-            if (len > 2) {\n-                var p1, p2;\n-                for (var i = 0; i < len - 1; i++) {\n-                    p1 = ring.components[i];\n-                    p2 = ring.components[i + 1];\n-                    area += OpenLayers.Util.rad(p2.x - p1.x) *\n-                        (2 + Math.sin(OpenLayers.Util.rad(p1.y)) +\n-                            Math.sin(OpenLayers.Util.rad(p2.y)));\n-                }\n-                area = area * 6378137.0 * 6378137.0 / 2.0;\n+        tile.onLoadStart = function() {\n+            //if that was first tile then trigger a 'loadstart' on the layer\n+            if (this.loading === false) {\n+                this.loading = true;\n+                this.events.triggerEvent(\"loadstart\");\n             }\n-            return area;\n-        },\n-\n-        /**\n-         * Method: containsPoint\n-         * Test if a point is inside a linear ring.  For the case where a point\n-         *     is coincident with a linear ring edge, returns 1.  Otherwise,\n-         *     returns boolean.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         *\n-         * Returns:\n-         * {Boolean | Number} The point is inside the linear ring.  Returns 1 if\n-         *     the point is coincident with an edge.  Returns boolean otherwise.\n-         */\n-        containsPoint: function(point) {\n-            var approx = OpenLayers.Number.limitSigDigs;\n-            var digs = 14;\n-            var px = approx(point.x, digs);\n-            var py = approx(point.y, digs);\n-\n-            function getX(y, x1, y1, x2, y2) {\n-                return (y - y2) * ((x2 - x1) / (y2 - y1)) + x2;\n+            this.events.triggerEvent(\"tileloadstart\", {\n+                tile: tile\n+            });\n+            this.numLoadingTiles++;\n+            if (!this.singleTile && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n+                OpenLayers.Element.addClass(tile.getTile(), replacingCls);\n             }\n-            var numSeg = this.components.length - 1;\n-            var start, end, x1, y1, x2, y2, cx, cy;\n-            var crosses = 0;\n-            for (var i = 0; i < numSeg; ++i) {\n-                start = this.components[i];\n-                x1 = approx(start.x, digs);\n-                y1 = approx(start.y, digs);\n-                end = this.components[i + 1];\n-                x2 = approx(end.x, digs);\n-                y2 = approx(end.y, digs);\n+        };\n \n-                /**\n-                 * The following conditions enforce five edge-crossing rules:\n-                 *    1. points coincident with edges are considered contained;\n-                 *    2. an upward edge includes its starting endpoint, and\n-                 *    excludes its final endpoint;\n-                 *    3. a downward edge excludes its starting endpoint, and\n-                 *    includes its final endpoint;\n-                 *    4. horizontal edges are excluded; and\n-                 *    5. the edge-ray intersection point must be strictly right\n-                 *    of the point P.\n-                 */\n-                if (y1 == y2) {\n-                    // horizontal edge\n-                    if (py == y1) {\n-                        // point on horizontal line\n-                        if (x1 <= x2 && (px >= x1 && px <= x2) || // right or vert\n-                            x1 >= x2 && (px <= x1 && px >= x2)) { // left or vert\n-                            // point on edge\n-                            crosses = -1;\n-                            break;\n-                        }\n-                    }\n-                    // ignore other horizontal edges\n-                    continue;\n-                }\n-                cx = approx(getX(py, x1, y1, x2, y2), digs);\n-                if (cx == px) {\n-                    // point on line\n-                    if (y1 < y2 && (py >= y1 && py <= y2) || // upward\n-                        y1 > y2 && (py <= y1 && py >= y2)) { // downward\n-                        // point on edge\n-                        crosses = -1;\n-                        break;\n+        tile.onLoadEnd = function(evt) {\n+            this.numLoadingTiles--;\n+            var aborted = evt.type === 'unload';\n+            this.events.triggerEvent(\"tileloaded\", {\n+                tile: tile,\n+                aborted: aborted\n+            });\n+            if (!this.singleTile && !aborted && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n+                var tileDiv = tile.getTile();\n+                if (OpenLayers.Element.getStyle(tileDiv, 'display') === 'none') {\n+                    var bufferTile = document.getElementById(tile.id + '_bb');\n+                    if (bufferTile) {\n+                        bufferTile.parentNode.removeChild(bufferTile);\n                     }\n                 }\n-                if (cx <= px) {\n-                    // no crossing to the right\n-                    continue;\n-                }\n-                if (x1 != x2 && (cx < Math.min(x1, x2) || cx > Math.max(x1, x2))) {\n-                    // no crossing\n-                    continue;\n-                }\n-                if (y1 < y2 && (py >= y1 && py < y2) || // upward\n-                    y1 > y2 && (py < y1 && py >= y2)) { // downward\n-                    ++crosses;\n-                }\n+                OpenLayers.Element.removeClass(tileDiv, replacingCls);\n             }\n-            var contained = (crosses == -1) ?\n-                // on edge\n-                1 :\n-                // even (out) or odd (in)\n-                !!(crosses & 1);\n-\n-            return contained;\n-        },\n-\n-        /**\n-         * APIMethod: intersects\n-         * Determine if the input geometry intersects this one.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n-         *\n-         * Returns:\n-         * {Boolean} The input geometry intersects this one.\n-         */\n-        intersects: function(geometry) {\n-            var intersect = false;\n-            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                intersect = this.containsPoint(geometry);\n-            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n-                intersect = geometry.intersects(this);\n-            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-                intersect = OpenLayers.Geometry.LineString.prototype.intersects.apply(\n-                    this, [geometry]\n-                );\n-            } else {\n-                // check for component intersections\n-                for (var i = 0, len = geometry.components.length; i < len; ++i) {\n-                    intersect = geometry.components[i].intersects(this);\n-                    if (intersect) {\n-                        break;\n+            //if that was the last tile, then trigger a 'loadend' on the layer\n+            if (this.numLoadingTiles === 0) {\n+                if (this.backBuffer) {\n+                    if (this.backBuffer.childNodes.length === 0) {\n+                        // no tiles transitioning, remove immediately\n+                        this.removeBackBuffer();\n+                    } else {\n+                        // wait until transition has ended or delay has passed\n+                        this._transitionElement = aborted ?\n+                            this.div.lastChild : tile.imgDiv;\n+                        var transitionendEvents = this.transitionendEvents;\n+                        for (var i = transitionendEvents.length - 1; i >= 0; --i) {\n+                            OpenLayers.Event.observe(this._transitionElement,\n+                                transitionendEvents[i],\n+                                this._removeBackBuffer);\n+                        }\n+                        // the removal of the back buffer is delayed to prevent\n+                        // flash effects due to the animation of tile displaying\n+                        this.backBufferTimerId = window.setTimeout(\n+                            this._removeBackBuffer, this.removeBackBufferDelay\n+                        );\n                     }\n                 }\n+                this.loading = false;\n+                this.events.triggerEvent(\"loadend\");\n             }\n-            return intersect;\n-        },\n+        };\n \n-        /**\n-         * APIMethod: getVertices\n-         * Return a list of all points in this geometry.\n-         *\n-         * Parameters:\n-         * nodes - {Boolean} For lines, only return vertices that are\n-         *     endpoints.  If false, for lines, only vertices that are not\n-         *     endpoints will be returned.  If not provided, all vertices will\n-         *     be returned.\n-         *\n-         * Returns:\n-         * {Array} A list of all vertices in the geometry.\n-         */\n-        getVertices: function(nodes) {\n-            return (nodes === true) ? [] : this.components.slice(0, this.components.length - 1);\n-        },\n+        tile.onLoadError = function() {\n+            this.events.triggerEvent(\"tileerror\", {\n+                tile: tile\n+            });\n+        };\n \n-        CLASS_NAME: \"OpenLayers.Geometry.LinearRing\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Geometry/Polygon.js\n-   ====================================================================== */\n+        tile.events.on({\n+            \"loadstart\": tile.onLoadStart,\n+            \"loadend\": tile.onLoadEnd,\n+            \"unload\": tile.onLoadEnd,\n+            \"loaderror\": tile.onLoadError,\n+            scope: this\n+        });\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /** \n+     * Method: removeTileMonitoringHooks\n+     * This function takes a tile as input and removes the tile hooks \n+     *     that were added in addTileMonitoringHooks()\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            \"loadstart\": tile.onLoadStart,\n+            \"loadend\": tile.onLoadEnd,\n+            \"unload\": tile.onLoadEnd,\n+            \"loaderror\": tile.onLoadError,\n+            scope: this\n+        });\n+    },\n \n-/**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/LinearRing.js\n- */\n+    /**\n+     * Method: moveGriddedTiles\n+     */\n+    moveGriddedTiles: function() {\n+        var buffer = this.buffer + 1;\n+        while (true) {\n+            var tlTile = this.grid[0][0];\n+            var tlViewPort = {\n+                x: tlTile.position.x +\n+                    this.map.layerContainerOriginPx.x,\n+                y: tlTile.position.y +\n+                    this.map.layerContainerOriginPx.y\n+            };\n+            var ratio = this.getServerResolution() / this.map.getResolution();\n+            var tileSize = {\n+                w: Math.round(this.tileSize.w * ratio),\n+                h: Math.round(this.tileSize.h * ratio)\n+            };\n+            if (tlViewPort.x > -tileSize.w * (buffer - 1)) {\n+                this.shiftColumn(true, tileSize);\n+            } else if (tlViewPort.x < -tileSize.w * buffer) {\n+                this.shiftColumn(false, tileSize);\n+            } else if (tlViewPort.y > -tileSize.h * (buffer - 1)) {\n+                this.shiftRow(true, tileSize);\n+            } else if (tlViewPort.y < -tileSize.h * buffer) {\n+                this.shiftRow(false, tileSize);\n+            } else {\n+                break;\n+            }\n+        }\n+    },\n \n-/**\n- * Class: OpenLayers.Geometry.Polygon \n- * Polygon is a collection of Geometry.LinearRings. \n- * \n- * Inherits from:\n- *  - <OpenLayers.Geometry.Collection> \n- *  - <OpenLayers.Geometry> \n- */\n-OpenLayers.Geometry.Polygon = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n+    /**\n+     * Method: shiftRow\n+     * Shifty grid work\n+     *\n+     * Parameters:\n+     * prepend - {Boolean} if true, prepend to beginning.\n+     *                          if false, then append to end\n+     * tileSize - {Object} rendered tile size; object with w and h properties\n+     */\n+    shiftRow: function(prepend, tileSize) {\n+        var grid = this.grid;\n+        var rowIndex = prepend ? 0 : (grid.length - 1);\n+        var sign = prepend ? -1 : 1;\n+        var rowSign = this.rowSign;\n+        var tileLayout = this.gridLayout;\n+        tileLayout.startrow += sign * rowSign;\n \n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.LinearRing\"],\n+        var modelRow = grid[rowIndex];\n+        var row = grid[prepend ? 'pop' : 'shift']();\n+        for (var i = 0, len = row.length; i < len; i++) {\n+            var tile = row[i];\n+            var position = modelRow[i].position.clone();\n+            position.y += tileSize.h * sign;\n+            tile.moveTo(this.getTileBoundsForGridIndex(rowIndex, i), position);\n+        }\n+        grid[prepend ? 'unshift' : 'push'](row);\n+    },\n \n-        /**\n-         * Constructor: OpenLayers.Geometry.Polygon\n-         * Constructor for a Polygon geometry. \n-         * The first ring (this.component[0])is the outer bounds of the polygon and \n-         * all subsequent rings (this.component[1-n]) are internal holes.\n-         *\n-         *\n-         * Parameters:\n-         * components - {Array(<OpenLayers.Geometry.LinearRing>)} \n-         */\n+    /**\n+     * Method: shiftColumn\n+     * Shift grid work in the other dimension\n+     *\n+     * Parameters:\n+     * prepend - {Boolean} if true, prepend to beginning.\n+     *                          if false, then append to end\n+     * tileSize - {Object} rendered tile size; object with w and h properties\n+     */\n+    shiftColumn: function(prepend, tileSize) {\n+        var grid = this.grid;\n+        var colIndex = prepend ? 0 : (grid[0].length - 1);\n+        var sign = prepend ? -1 : 1;\n+        var tileLayout = this.gridLayout;\n+        tileLayout.startcol += sign;\n \n-        /** \n-         * APIMethod: getArea\n-         * Calculated by subtracting the areas of the internal holes from the \n-         *   area of the outer hole.\n-         * \n-         * Returns:\n-         * {float} The area of the geometry\n-         */\n-        getArea: function() {\n-            var area = 0.0;\n-            if (this.components && (this.components.length > 0)) {\n-                area += Math.abs(this.components[0].getArea());\n-                for (var i = 1, len = this.components.length; i < len; i++) {\n-                    area -= Math.abs(this.components[i].getArea());\n-                }\n-            }\n-            return area;\n-        },\n+        for (var i = 0, len = grid.length; i < len; i++) {\n+            var row = grid[i];\n+            var position = row[colIndex].position.clone();\n+            var tile = row[prepend ? 'pop' : 'shift']();\n+            position.x += tileSize.w * sign;\n+            tile.moveTo(this.getTileBoundsForGridIndex(i, colIndex), position);\n+            row[prepend ? 'unshift' : 'push'](tile);\n+        }\n+    },\n \n-        /** \n-         * APIMethod: getGeodesicArea\n-         * Calculate the approximate area of the polygon were it projected onto\n-         *     the earth.\n-         *\n-         * Parameters:\n-         * projection - {<OpenLayers.Projection>} The spatial reference system\n-         *     for the geometry coordinates.  If not provided, Geographic/WGS84 is\n-         *     assumed.\n-         * \n-         * Reference:\n-         * Robert. G. Chamberlain and William H. Duquette, \"Some Algorithms for\n-         *     Polygons on a Sphere\", JPL Publication 07-03, Jet Propulsion\n-         *     Laboratory, Pasadena, CA, June 2007 http://trs-new.jpl.nasa.gov/dspace/handle/2014/40409\n-         *\n-         * Returns:\n-         * {float} The approximate geodesic area of the polygon in square meters.\n-         */\n-        getGeodesicArea: function(projection) {\n-            var area = 0.0;\n-            if (this.components && (this.components.length > 0)) {\n-                area += Math.abs(this.components[0].getGeodesicArea(projection));\n-                for (var i = 1, len = this.components.length; i < len; i++) {\n-                    area -= Math.abs(this.components[i].getGeodesicArea(projection));\n-                }\n-            }\n-            return area;\n-        },\n+    /**\n+     * Method: removeExcessTiles\n+     * When the size of the map or the buffer changes, we may need to\n+     *     remove some excess rows and columns.\n+     * \n+     * Parameters:\n+     * rows - {Integer} Maximum number of rows we want our grid to have.\n+     * columns - {Integer} Maximum number of columns we want our grid to have.\n+     */\n+    removeExcessTiles: function(rows, columns) {\n+        var i, l;\n \n-        /**\n-         * Method: containsPoint\n-         * Test if a point is inside a polygon.  Points on a polygon edge are\n-         *     considered inside.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         *\n-         * Returns:\n-         * {Boolean | Number} The point is inside the polygon.  Returns 1 if the\n-         *     point is on an edge.  Returns boolean otherwise.\n-         */\n-        containsPoint: function(point) {\n-            var numRings = this.components.length;\n-            var contained = false;\n-            if (numRings > 0) {\n-                // check exterior ring - 1 means on edge, boolean otherwise\n-                contained = this.components[0].containsPoint(point);\n-                if (contained !== 1) {\n-                    if (contained && numRings > 1) {\n-                        // check interior rings\n-                        var hole;\n-                        for (var i = 1; i < numRings; ++i) {\n-                            hole = this.components[i].containsPoint(point);\n-                            if (hole) {\n-                                if (hole === 1) {\n-                                    // on edge\n-                                    contained = 1;\n-                                } else {\n-                                    // in hole\n-                                    contained = false;\n-                                }\n-                                break;\n-                            }\n-                        }\n-                    }\n-                }\n+        // remove extra rows\n+        while (this.grid.length > rows) {\n+            var row = this.grid.pop();\n+            for (i = 0, l = row.length; i < l; i++) {\n+                var tile = row[i];\n+                this.destroyTile(tile);\n             }\n-            return contained;\n-        },\n+        }\n \n-        /**\n-         * APIMethod: intersects\n-         * Determine if the input geometry intersects this one.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} Any type of geometry.\n-         *\n-         * Returns:\n-         * {Boolean} The input geometry intersects this one.\n-         */\n-        intersects: function(geometry) {\n-            var intersect = false;\n-            var i, len;\n-            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                intersect = this.containsPoint(geometry);\n-            } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n-                geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-                // check if rings/linestrings intersect\n-                for (i = 0, len = this.components.length; i < len; ++i) {\n-                    intersect = geometry.intersects(this.components[i]);\n-                    if (intersect) {\n-                        break;\n-                    }\n-                }\n-                if (!intersect) {\n-                    // check if this poly contains points of the ring/linestring\n-                    for (i = 0, len = geometry.components.length; i < len; ++i) {\n-                        intersect = this.containsPoint(geometry.components[i]);\n-                        if (intersect) {\n-                            break;\n-                        }\n-                    }\n-                }\n-            } else {\n-                for (i = 0, len = geometry.components.length; i < len; ++i) {\n-                    intersect = this.intersects(geometry.components[i]);\n-                    if (intersect) {\n-                        break;\n-                    }\n-                }\n-            }\n-            // check case where this poly is wholly contained by another\n-            if (!intersect && geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n-                // exterior ring points will be contained in the other geometry\n-                var ring = this.components[0];\n-                for (i = 0, len = ring.components.length; i < len; ++i) {\n-                    intersect = geometry.containsPoint(ring.components[i]);\n-                    if (intersect) {\n-                        break;\n-                    }\n-                }\n+        // remove extra columns\n+        for (i = 0, l = this.grid.length; i < l; i++) {\n+            while (this.grid[i].length > columns) {\n+                var row = this.grid[i];\n+                var tile = row.pop();\n+                this.destroyTile(tile);\n             }\n-            return intersect;\n-        },\n+        }\n+    },\n \n-        /**\n-         * APIMethod: distanceTo\n-         * Calculate the closest distance between two geometries (on the x-y plane).\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} The target geometry.\n-         * options - {Object} Optional properties for configuring the distance\n-         *     calculation.\n-         *\n-         * Valid options:\n-         * details - {Boolean} Return details from the distance calculation.\n-         *     Default is false.\n-         * edge - {Boolean} Calculate the distance from this geometry to the\n-         *     nearest edge of the target geometry.  Default is true.  If true,\n-         *     calling distanceTo from a geometry that is wholly contained within\n-         *     the target will result in a non-zero distance.  If false, whenever\n-         *     geometries intersect, calling distanceTo will return 0.  If false,\n-         *     details cannot be returned.\n-         *\n-         * Returns:\n-         * {Number | Object} The distance between this geometry and the target.\n-         *     If details is true, the return will be an object with distance,\n-         *     x0, y0, x1, and y1 properties.  The x0 and y0 properties represent\n-         *     the coordinates of the closest point on this geometry. The x1 and y1\n-         *     properties represent the coordinates of the closest point on the\n-         *     target geometry.\n-         */\n-        distanceTo: function(geometry, options) {\n-            var edge = !(options && options.edge === false);\n-            var result;\n-            // this is the case where we might not be looking for distance to edge\n-            if (!edge && this.intersects(geometry)) {\n-                result = 0;\n-            } else {\n-                result = OpenLayers.Geometry.Collection.prototype.distanceTo.apply(\n-                    this, [geometry, options]\n-                );\n-            }\n-            return result;\n-        },\n+    /**\n+     * Method: onMapResize\n+     * For singleTile layers, this will set a new tile size according to the\n+     * dimensions of the map pane.\n+     */\n+    onMapResize: function() {\n+        if (this.singleTile) {\n+            this.clearGrid();\n+            this.setTileSize();\n+        }\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Geometry.Polygon\"\n-    });\n+    /**\n+     * APIMethod: getTileBounds\n+     * Returns The tile bounds for a layer given a pixel location.\n+     *\n+     * Parameters:\n+     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n+     */\n+    getTileBounds: function(viewPortPx) {\n+        var maxExtent = this.maxExtent;\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = maxExtent.left + (tileMapWidth *\n+            Math.floor((mapPoint.lon -\n+                    maxExtent.left) /\n+                tileMapWidth));\n+        var tileBottom = maxExtent.bottom + (tileMapHeight *\n+            Math.floor((mapPoint.lat -\n+                    maxExtent.bottom) /\n+                tileMapHeight));\n+        return new OpenLayers.Bounds(tileLeft, tileBottom,\n+            tileLeft + tileMapWidth,\n+            tileBottom + tileMapHeight);\n+    },\n \n-/**\n- * APIMethod: createRegularPolygon\n- * Create a regular polygon around a radius. Useful for creating circles \n- * and the like.\n- *\n- * Parameters:\n- * origin - {<OpenLayers.Geometry.Point>} center of polygon.\n- * radius - {Float} distance to vertex, in map units.\n- * sides - {Integer} Number of sides. 20 approximates a circle.\n- * rotation - {Float} original angle of rotation, in degrees.\n- */\n-OpenLayers.Geometry.Polygon.createRegularPolygon = function(origin, radius, sides, rotation) {\n-    var angle = Math.PI * ((1 / sides) - (1 / 2));\n-    if (rotation) {\n-        angle += (rotation / 180) * Math.PI;\n-    }\n-    var rotatedAngle, x, y;\n-    var points = [];\n-    for (var i = 0; i < sides; ++i) {\n-        rotatedAngle = angle + (i * 2 * Math.PI / sides);\n-        x = origin.x + (radius * Math.cos(rotatedAngle));\n-        y = origin.y + (radius * Math.sin(rotatedAngle));\n-        points.push(new OpenLayers.Geometry.Point(x, y));\n-    }\n-    var ring = new OpenLayers.Geometry.LinearRing(points);\n-    return new OpenLayers.Geometry.Polygon([ring]);\n-};\n+    CLASS_NAME: \"OpenLayers.Layer.Grid\"\n+});\n /* ======================================================================\n-    OpenLayers/Geometry/MultiPolygon.js\n+    OpenLayers/Layer/WMS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Geometry.MultiPolygon\n- * MultiPolygon is a geometry with multiple <OpenLayers.Geometry.Polygon>\n- * components.  Create a new instance with the <OpenLayers.Geometry.MultiPolygon>\n- * constructor.\n+ * Class: OpenLayers.Layer.WMS\n+ * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n+ *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n+ *     constructor.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Geometry.Collection>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n-\n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n-\n-        /**\n-         * Constructor: OpenLayers.Geometry.MultiPolygon\n-         * Create a new MultiPolygon geometry\n-         *\n-         * Parameters:\n-         * components - {Array(<OpenLayers.Geometry.Polygon>)} An array of polygons\n-         *              used to generate the MultiPolygon\n-         *\n-         */\n-\n-        CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/GeoJSON.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-/**\n- * @requires OpenLayers/Format/JSON.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/MultiPoint.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/MultiLineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/MultiPolygon.js\n- * @requires OpenLayers/Console.js\n- */\n+    /**\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n+     */\n+    DEFAULT_PARAMS: {\n+        service: \"WMS\",\n+        version: \"1.1.1\",\n+        request: \"GetMap\",\n+        styles: \"\",\n+        format: \"image/jpeg\"\n+    },\n \n-/**\n- * Class: OpenLayers.Format.GeoJSON\n- * Read and write GeoJSON. Create a new parser with the\n- *     <OpenLayers.Format.GeoJSON> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.JSON>\n- */\n-OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Default is true for WMS layer\n+     */\n+    isBaseLayer: true,\n \n     /**\n-     * APIProperty: ignoreExtraDims\n-     * {Boolean} Ignore dimensions higher than 2 when reading geometry\n-     * coordinates.\n+     * APIProperty: encodeBBOX\n+     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n+     * but some services want it that way. Default false.\n      */\n-    ignoreExtraDims: false,\n+    encodeBBOX: false,\n+\n+    /** \n+     * APIProperty: noMagic \n+     * {Boolean} If true, the image format will not be automagicaly switched \n+     *     from image/jpeg to image/png or image/gif when using \n+     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n+     *     constructor. Default false. \n+     */\n+    noMagic: false,\n \n     /**\n-     * Constructor: OpenLayers.Format.GeoJSON\n-     * Create a new parser for GeoJSON.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Property: yx\n+     * {Object} Keys in this object are EPSG codes for which the axis order\n+     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n+     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n+     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n+     *     used projection.\n      */\n+    yx: {},\n \n     /**\n-     * APIMethod: read\n-     * Deserialize a GeoJSON string.\n+     * Constructor: OpenLayers.Layer.WMS\n+     * Create a new WMS layer object\n      *\n-     * Parameters:\n-     * json - {String} A GeoJSON string\n-     * type - {String} Optional string that determines the structure of\n-     *     the output.  Supported values are \"Geometry\", \"Feature\", and\n-     *     \"FeatureCollection\".  If absent or null, a default of\n-     *     \"FeatureCollection\" is assumed.\n-     * filter - {Function} A function which will be called for every key and\n-     *     value at every level of the final result. Each value will be\n-     *     replaced by the result of the filter function. This can be used to\n-     *     reform generic objects into instances of classes, or to transform\n-     *     date strings into Date objects.\n+     * Examples:\n      *\n-     * Returns: \n-     * {Object} The return depends on the value of the type argument. If type\n-     *     is \"FeatureCollection\" (the default), the return will be an array\n-     *     of <OpenLayers.Feature.Vector>. If type is \"Geometry\", the input json\n-     *     must represent a single geometry, and the return will be an\n-     *     <OpenLayers.Geometry>.  If type is \"Feature\", the input json must\n-     *     represent a single feature, and the return will be an\n-     *     <OpenLayers.Feature.Vector>.\n+     * The code below creates a simple WMS layer using the image/jpeg format.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {layers: \"modis,global_mosaic\"});\n+     * (end)\n+     * Note the 3rd argument (params). Properties added to this object will be\n+     * added to the WMS GetMap requests used for this layer's tiles. The only\n+     * mandatory parameter is \"layers\". Other common WMS params include\n+     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n+     * always be ignored. Instead, it will be derived from the baseLayer's or\n+     * map's projection.\n+     *\n+     * The code below creates a transparent WMS layer with additional options.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {\n+     *                                        layers: \"modis,global_mosaic\",\n+     *                                        transparent: true\n+     *                                    }, {\n+     *                                        opacity: 0.5,\n+     *                                        singleTile: true\n+     *                                    });\n+     * (end)\n+     * Note that by default, a WMS layer is configured as baseLayer. Setting\n+     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n+     * The default image format changes from image/jpeg to image/png, and the\n+     * layer is not configured as baseLayer.\n+     *\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the WMS\n+     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n+     * params - {Object} An object with key/value pairs representing the\n+     *                   GetMap query string parameters and parameter values.\n+     * options - {Object} Hashtable of extra options to tag onto the layer.\n+     *     These options include all properties listed above, plus the ones\n+     *     inherited from superclasses.\n      */\n-    read: function(json, type, filter) {\n-        type = (type) ? type : \"FeatureCollection\";\n-        var results = null;\n-        var obj = null;\n-        if (typeof json == \"string\") {\n-            obj = OpenLayers.Format.JSON.prototype.read.apply(this,\n-                [json, filter]);\n-        } else {\n-            obj = json;\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        //uppercase params\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n+            params.EXCEPTIONS = \"INIMAGE\";\n         }\n-        if (!obj) {\n-            OpenLayers.Console.error(\"Bad JSON: \" + json);\n-        } else if (typeof(obj.type) != \"string\") {\n-            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json);\n-        } else if (this.isValidType(obj, type)) {\n-            switch (type) {\n-                case \"Geometry\":\n-                    try {\n-                        results = this.parseGeometry(obj);\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err);\n-                    }\n-                    break;\n-                case \"Feature\":\n-                    try {\n-                        results = this.parseFeature(obj);\n-                        results.type = \"Feature\";\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err);\n-                    }\n-                    break;\n-                case \"FeatureCollection\":\n-                    // for type FeatureCollection, we allow input to be any type\n-                    results = [];\n-                    switch (obj.type) {\n-                        case \"Feature\":\n-                            try {\n-                                results.push(this.parseFeature(obj));\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err);\n-                            }\n-                            break;\n-                        case \"FeatureCollection\":\n-                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n-                                try {\n-                                    results.push(this.parseFeature(obj.features[i]));\n-                                } catch (err) {\n-                                    results = null;\n-                                    OpenLayers.Console.error(err);\n-                                }\n-                            }\n-                            break;\n-                        default:\n-                            try {\n-                                var geom = this.parseGeometry(obj);\n-                                results.push(new OpenLayers.Feature.Vector(geom));\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err);\n-                            }\n-                    }\n-                    break;\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(\n+            this.params,\n+            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n+        );\n+\n+\n+        //layer is transparent        \n+        if (!this.noMagic && this.params.TRANSPARENT &&\n+            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if ((options == null) || (!options.isBaseLayer)) {\n+                this.isBaseLayer = false;\n+            }\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.params.FORMAT == \"image/jpeg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n+                    \"image/png\";\n             }\n         }\n-        return results;\n+\n     },\n \n     /**\n-     * Method: isValidType\n-     * Check if a GeoJSON object is a valid representative of the given type.\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n      * Returns:\n-     * {Boolean} The object is valid GeoJSON object of the given type.\n+     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n      */\n-    isValidType: function(obj, type) {\n-        var valid = false;\n-        switch (type) {\n-            case \"Geometry\":\n-                if (OpenLayers.Util.indexOf(\n-                        [\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\",\n-                            \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"\n-                        ],\n-                        obj.type) == -1) {\n-                    // unsupported geometry type\n-                    OpenLayers.Console.error(\"Unsupported geometry type: \" +\n-                        obj.type);\n-                } else {\n-                    valid = true;\n-                }\n-                break;\n-            case \"FeatureCollection\":\n-                // allow for any type to be converted to a feature collection\n-                valid = true;\n-                break;\n-            default:\n-                // for Feature types must match\n-                if (obj.type == type) {\n-                    valid = true;\n-                } else {\n-                    OpenLayers.Console.error(\"Cannot convert types from \" +\n-                        obj.type + \" to \" + type);\n-                }\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMS(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n-        return valid;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: parseFeature\n-     * Convert a feature object from GeoJSON into an\n-     *     <OpenLayers.Feature.Vector>.\n+     * APIMethod: reverseAxisOrder\n+     * Returns true if the axis order is reversed for the WMS version and\n+     * projection of the layer.\n+     * \n+     * Returns:\n+     * {Boolean} true if the axis order is reversed, false otherwise.\n+     */\n+    reverseAxisOrder: function() {\n+        var projCode = this.projection.getCode();\n+        return parseFloat(this.params.VERSION) >= 1.3 &&\n+            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n+                OpenLayers.Projection.defaults[projCode].yx));\n+    },\n+\n+    /**\n+     * Method: getURL\n+     * Return a GetMap query string for this layer\n      *\n      * Parameters:\n-     * obj - {Object} An object created from a GeoJSON object\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *                                request.\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature.\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters.\n      */\n-    parseFeature: function(obj) {\n-        var feature, geometry, attributes, bbox;\n-        attributes = (obj.properties) ? obj.properties : {};\n-        bbox = (obj.geometry && obj.geometry.bbox) || obj.bbox;\n-        try {\n-            geometry = this.parseGeometry(obj.geometry);\n-        } catch (err) {\n-            // deal with bad geometries\n-            throw err;\n-        }\n-        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n-        if (bbox) {\n-            feature.bounds = OpenLayers.Bounds.fromArray(bbox);\n-        }\n-        if (obj.id) {\n-            feature.fid = obj.id;\n-        }\n-        return feature;\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+\n+        var imageSize = this.getImageSize();\n+        var newParams = {};\n+        // WMS 1.3 introduced axis order\n+        var reverseAxisOrder = this.reverseAxisOrder();\n+        newParams.BBOX = this.encodeBBOX ?\n+            bounds.toBBOX(null, reverseAxisOrder) :\n+            bounds.toArray(reverseAxisOrder);\n+        newParams.WIDTH = imageSize.w;\n+        newParams.HEIGHT = imageSize.h;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString;\n     },\n \n     /**\n-     * Method: parseGeometry\n-     * Convert a geometry object from GeoJSON into an <OpenLayers.Geometry>.\n-     *\n+     * APIMethod: mergeNewParams\n+     * Catch changeParams and uppercase the new params to be merged in\n+     *     before calling changeParams on the super class.\n+     * \n+     *     Once params have been changed, the tiles will be reloaded with\n+     *     the new parameters.\n+     * \n      * Parameters:\n-     * obj - {Object} An object created from a GeoJSON object\n+     * newParams - {Object} Hashtable of new params to use\n+     */\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n+            newArguments);\n+    },\n+\n+    /** \n+     * APIMethod: getFullRequestString\n+     * Combine the layer's url with its params and these newParams. \n+     *   \n+     *     Add the SRS parameter from projection -- this is probably\n+     *     more eloquently done via a setProjection() method, but this \n+     *     works for now and always.\n      *\n-     * Returns: \n-     * {<OpenLayers.Geometry>} A geometry.\n+     * Parameters:\n+     * newParams - {Object}\n+     * altUrl - {String} Use this as the url instead of the layer's url\n+     * \n+     * Returns:\n+     * {String} \n      */\n-    parseGeometry: function(obj) {\n-        if (obj == null) {\n-            return null;\n-        }\n-        var geometry, collection = false;\n-        if (obj.type == \"GeometryCollection\") {\n-            if (!(OpenLayers.Util.isArray(obj.geometries))) {\n-                throw \"GeometryCollection must have geometries array: \" + obj;\n-            }\n-            var numGeom = obj.geometries.length;\n-            var components = new Array(numGeom);\n-            for (var i = 0; i < numGeom; ++i) {\n-                components[i] = this.parseGeometry.apply(\n-                    this, [obj.geometries[i]]\n-                );\n-            }\n-            geometry = new OpenLayers.Geometry.Collection(components);\n-            collection = true;\n+    getFullRequestString: function(newParams, altUrl) {\n+        var mapProjection = this.map.getProjectionObject();\n+        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n+            this.projection.getCode() :\n+            mapProjection.getCode();\n+        var value = (projectionCode == \"none\") ? null : projectionCode;\n+        if (parseFloat(this.params.VERSION) >= 1.3) {\n+            this.params.CRS = value;\n         } else {\n-            if (!(OpenLayers.Util.isArray(obj.coordinates))) {\n-                throw \"Geometry must have coordinates array: \" + obj;\n-            }\n-            if (!this.parseCoords[obj.type.toLowerCase()]) {\n-                throw \"Unsupported geometry type: \" + obj.type;\n-            }\n-            try {\n-                geometry = this.parseCoords[obj.type.toLowerCase()].apply(\n-                    this, [obj.coordinates]\n-                );\n-            } catch (err) {\n-                // deal with bad coordinates\n-                throw err;\n-            }\n+            this.params.SRS = value;\n         }\n-        // We don't reproject collections because the children are reprojected\n-        // for us when they are created.\n-        if (this.internalProjection && this.externalProjection && !collection) {\n-            geometry.transform(this.externalProjection,\n-                this.internalProjection);\n+\n+        if (typeof this.params.TRANSPARENT == \"boolean\") {\n+            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n         }\n-        return geometry;\n+\n+        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n+            this, arguments);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/XYZ.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/** \n+ * Class: OpenLayers.Layer.XYZ\n+ * The XYZ class is designed to make it easier for people who have tiles\n+ * arranged by a standard XYZ grid. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n     /**\n-     * Property: parseCoords\n-     * Object with properties corresponding to the GeoJSON geometry types.\n-     *     Property values are functions that do the actual parsing.\n+     * APIProperty: isBaseLayer\n+     * Default is true, as this is designed to be a base tile source. \n      */\n-    parseCoords: {\n-        /**\n-         * Method: parseCoords.point\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"point\": function(array) {\n-            if (this.ignoreExtraDims == false &&\n-                array.length != 2) {\n-                throw \"Only 2D points are supported: \" + array;\n-            }\n-            return new OpenLayers.Geometry.Point(array[0], array[1]);\n-        },\n+    isBaseLayer: true,\n \n-        /**\n-         * Method: parseCoords.multipoint\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multipoint\": function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                points.push(p);\n-            }\n-            return new OpenLayers.Geometry.MultiPoint(points);\n-        },\n+    /**\n+     * APIProperty: sphericalMercator\n+     * Whether the tile extents should be set to the defaults for \n+     *    spherical mercator. Useful for things like OpenStreetMap.\n+     *    Default is false, except for the OSM subclass.\n+     */\n+    sphericalMercator: false,\n \n-        /**\n-         * Method: parseCoords.linestring\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"linestring\": function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                points.push(p);\n-            }\n-            return new OpenLayers.Geometry.LineString(points);\n-        },\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n \n-        /**\n-         * Method: parseCoords.multilinestring\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multilinestring\": function(array) {\n-            var lines = [];\n-            var l = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                lines.push(l);\n-            }\n-            return new OpenLayers.Geometry.MultiLineString(lines);\n-        },\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n-        /**\n-         * Method: parseCoords.polygon\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"polygon\": function(array) {\n-            var rings = [];\n-            var r, l;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                r = new OpenLayers.Geometry.LinearRing(l.components);\n-                rings.push(r);\n-            }\n-            return new OpenLayers.Geometry.Polygon(rings);\n-        },\n+    /**\n+     * Constructor: OpenLayers.Layer.XYZ\n+     *\n+     * Parameters:\n+     * name - {String}\n+     * url - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options);\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name || this.name, url || this.url, {},\n+            options\n+        ]);\n+    },\n \n-        /**\n-         * Method: parseCoords.multipolygon\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multipolygon\": function(array) {\n-            var polys = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                polys.push(p);\n-            }\n-            return new OpenLayers.Geometry.MultiPolygon(polys);\n-        },\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n+     *\n+     * Parameters:\n+     * obj - {Object} Is this ever used?\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+     */\n+    clone: function(obj) {\n \n-        /**\n-         * Method: parseCoords.box\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"box\": function(array) {\n-            if (array.length != 2) {\n-                throw \"GeoJSON box coordinates must have 2 elements\";\n-            }\n-            return new OpenLayers.Geometry.Polygon([\n-                new OpenLayers.Geometry.LinearRing([\n-                    new OpenLayers.Geometry.Point(array[0][0], array[0][1]),\n-                    new OpenLayers.Geometry.Point(array[1][0], array[0][1]),\n-                    new OpenLayers.Geometry.Point(array[1][0], array[1][1]),\n-                    new OpenLayers.Geometry.Point(array[0][0], array[1][1]),\n-                    new OpenLayers.Geometry.Point(array[0][0], array[0][1])\n-                ])\n-            ]);\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name,\n+                this.url,\n+                this.getOptions());\n         }\n \n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        return obj;\n     },\n \n     /**\n-     * APIMethod: write\n-     * Serialize a feature, geometry, array of features into a GeoJSON string.\n+     * Method: getURL\n      *\n      * Parameters:\n-     * obj - {Object} An <OpenLayers.Feature.Vector>, <OpenLayers.Geometry>,\n-     *     or an array of features.\n-     * pretty - {Boolean} Structure the output with newlines and indentation.\n-     *     Default is false.\n+     * bounds - {<OpenLayers.Bounds>}\n      *\n      * Returns:\n-     * {String} The GeoJSON string representation of the input geometry,\n-     *     features, or array of features.\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n      */\n-    write: function(obj, pretty) {\n-        var geojson = {\n-            \"type\": null\n-        };\n-        if (OpenLayers.Util.isArray(obj)) {\n-            geojson.type = \"FeatureCollection\";\n-            var numFeatures = obj.length;\n-            geojson.features = new Array(numFeatures);\n-            for (var i = 0; i < numFeatures; ++i) {\n-                var element = obj[i];\n-                if (!element instanceof OpenLayers.Feature.Vector) {\n-                    var msg = \"FeatureCollection only supports collections \" +\n-                        \"of features: \" + element;\n-                    throw msg;\n-                }\n-                geojson.features[i] = this.extract.feature.apply(\n-                    this, [element]\n-                );\n-            }\n-        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n-            geojson = this.extract.geometry.apply(this, [obj]);\n-        } else if (obj instanceof OpenLayers.Feature.Vector) {\n-            geojson = this.extract.feature.apply(this, [obj]);\n-            if (obj.layer && obj.layer.projection) {\n-                geojson.crs = this.createCRSObject(obj);\n-            }\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = '' + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url);\n         }\n-        return OpenLayers.Format.JSON.prototype.write.apply(this,\n-            [geojson, pretty]);\n+\n+        return OpenLayers.String.format(url, xyz);\n     },\n \n     /**\n-     * Method: createCRSObject\n-     * Create the CRS object for an object.\n+     * Method: getXYZ\n+     * Calculates x, y and z for the given bounds.\n      *\n      * Parameters:\n-     * object - {<OpenLayers.Feature.Vector>} \n+     * bounds - {<OpenLayers.Bounds>}\n      *\n      * Returns:\n-     * {Object} An object which can be assigned to the crs property\n-     * of a GeoJSON object.\n+     * {Object} - an object with x, y and z properties.\n      */\n-    createCRSObject: function(object) {\n-        var proj = object.layer.projection.toString();\n-        var crs = {};\n-        if (proj.match(/epsg:/i)) {\n-            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n-            if (code == 4326) {\n-                crs = {\n-                    \"type\": \"name\",\n-                    \"properties\": {\n-                        \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n-                    }\n-                };\n-            } else {\n-                crs = {\n-                    \"type\": \"name\",\n-                    \"properties\": {\n-                        \"name\": \"EPSG:\" + code\n-                    }\n-                };\n-            }\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) /\n+            (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) /\n+            (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = ((x % limit) + limit) % limit;\n         }\n-        return crs;\n+\n+        return {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        };\n     },\n \n-    /**\n-     * Property: extract\n-     * Object with properties corresponding to the GeoJSON types.\n-     *     Property values are functions that do the actual value extraction.\n+    /* APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    extract: {\n-        /**\n-         * Method: extract.feature\n-         * Return a partial GeoJSON object representing a single feature.\n-         *\n-         * Parameters:\n-         * feature - {<OpenLayers.Feature.Vector>}\n-         *\n-         * Returns:\n-         * {Object} An object representing the point.\n-         */\n-        'feature': function(feature) {\n-            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n-            var json = {\n-                \"type\": \"Feature\",\n-                \"properties\": feature.attributes,\n-                \"geometry\": geom\n-            };\n-            if (feature.fid != null) {\n-                json.id = feature.fid;\n-            }\n-            return json;\n-        },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n+                this.maxExtent.bottom);\n+        }\n+    },\n \n-        /**\n-         * Method: extract.geometry\n-         * Return a GeoJSON object representing a single geometry.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>}\n-         *\n-         * Returns:\n-         * {Object} An object representing the geometry.\n-         */\n-        'geometry': function(geometry) {\n-            if (geometry == null) {\n-                return null;\n-            }\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry = geometry.clone();\n-                geometry.transform(this.internalProjection,\n-                    this.externalProjection);\n-            }\n-            var geometryType = geometry.CLASS_NAME.split('.')[2];\n-            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n-            var json;\n-            if (geometryType == \"Collection\") {\n-                json = {\n-                    \"type\": \"GeometryCollection\",\n-                    \"geometries\": data\n-                };\n-            } else {\n-                json = {\n-                    \"type\": geometryType,\n-                    \"coordinates\": data\n-                };\n-            }\n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/OSM.js\n+   ====================================================================== */\n \n-            return json;\n-        },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        /**\n-         * Method: extract.point\n-         * Return an array of coordinates from a point.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         *\n-         * Returns: \n-         * {Array} An array of coordinates representing the point.\n-         */\n-        'point': function(point) {\n-            return [point.x, point.y];\n-        },\n+/**\n+ * @requires OpenLayers/Layer/XYZ.js\n+ */\n \n-        /**\n-         * Method: extract.multipoint\n-         * Return an array of point coordinates from a multipoint.\n-         *\n-         * Parameters:\n-         * multipoint - {<OpenLayers.Geometry.MultiPoint>}\n-         *\n-         * Returns:\n-         * {Array} An array of point coordinate arrays representing\n-         *     the multipoint.\n-         */\n-        'multipoint': function(multipoint) {\n-            var array = [];\n-            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [multipoint.components[i]]));\n-            }\n-            return array;\n-        },\n+/**\n+ * Class: OpenLayers.Layer.OSM\n+ * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n+ *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n+ *    a different layer instead, you need to provide a different\n+ *    URL to the constructor. Here's an example for using OpenCycleMap:\n+ * \n+ * (code)\n+ *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+ *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n+ */\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n-        /**\n-         * Method: extract.linestring\n-         * Return an array of coordinate arrays from a linestring.\n-         *\n-         * Parameters:\n-         * linestring - {<OpenLayers.Geometry.LineString>}\n-         *\n-         * Returns:\n-         * {Array} An array of coordinate arrays representing\n-         *     the linestring.\n-         */\n-        'linestring': function(linestring) {\n-            var array = [];\n-            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [linestring.components[i]]));\n-            }\n-            return array;\n-        },\n+    /**\n+     * APIProperty: name\n+     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n+     * argument to the constructor is null or undefined.\n+     */\n+    name: \"OpenStreetMap\",\n \n-        /**\n-         * Method: extract.multilinestring\n-         * Return an array of linestring arrays from a linestring.\n-         * \n-         * Parameters:\n-         * multilinestring - {<OpenLayers.Geometry.MultiLineString>}\n-         * \n-         * Returns:\n-         * {Array} An array of linestring arrays representing\n-         *     the multilinestring.\n-         */\n-        'multilinestring': function(multilinestring) {\n-            var array = [];\n-            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]));\n-            }\n-            return array;\n-        },\n+    /**\n+     * APIProperty: url\n+     * {String} The tileset URL scheme. Defaults to\n+     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n+     * (the official OSM tileset) if the second argument to the constructor\n+     * is null or undefined. To use another tileset you can have something\n+     * like this:\n+     * (code)\n+     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+     * (end)\n+     */\n+    url: [\n+        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n+    ],\n \n-        /**\n-         * Method: extract.polygon\n-         * Return an array of linear ring arrays from a polygon.\n-         *\n-         * Parameters:\n-         * polygon - {<OpenLayers.Geometry.Polygon>}\n-         * \n-         * Returns:\n-         * {Array} An array of linear ring arrays representing the polygon.\n-         */\n-        'polygon': function(polygon) {\n-            var array = [];\n-            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [polygon.components[i]]));\n-            }\n-            return array;\n-        },\n+    /**\n+     * Property: attribution\n+     * {String} The layer attribution.\n+     */\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n \n-        /**\n-         * Method: extract.multipolygon\n-         * Return an array of polygon arrays from a multipolygon.\n-         * \n-         * Parameters:\n-         * multipolygon - {<OpenLayers.Geometry.MultiPolygon>}\n-         * \n-         * Returns:\n-         * {Array} An array of polygon arrays representing\n-         *     the multipolygon\n-         */\n-        'multipolygon': function(multipolygon) {\n-            var array = [];\n-            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n-                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]));\n-            }\n-            return array;\n-        },\n+    /**\n+     * Property: sphericalMercator\n+     * {Boolean}\n+     */\n+    sphericalMercator: true,\n \n-        /**\n-         * Method: extract.collection\n-         * Return an array of geometries from a geometry collection.\n-         * \n-         * Parameters:\n-         * collection - {<OpenLayers.Geometry.Collection>}\n-         * \n-         * Returns:\n-         * {Array} An array of geometry objects representing the geometry\n-         *     collection.\n-         */\n-        'collection': function(collection) {\n-            var len = collection.components.length;\n-            var array = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                array[i] = this.extract.geometry.apply(\n-                    this, [collection.components[i]]\n-                );\n-            }\n-            return array;\n-        }\n+    /**\n+     * Property: wrapDateLine\n+     * {Boolean}\n+     */\n+    wrapDateLine: true,\n \n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     *\n+     *  When using OSM tilesets other than the default ones, it may be\n+     *  necessary to set this to\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: null}\n+     *  (end)\n+     *\n+     *  if the server does not send Access-Control-Allow-Origin headers.\n+     */\n+    tileOptions: null,\n \n+    /**\n+     * Constructor: OpenLayers.Layer.OSM\n+     *\n+     * Parameters:\n+     * name - {String} The layer name.\n+     * url - {String} The tileset URL scheme.\n+     * options - {Object} Configuration options for the layer. Any inherited\n+     *     layer option can be set in this object (e.g.\n+     *     <OpenLayers.Layer.Grid.buffer>).\n+     */\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options && this.options.tileOptions);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n+    /**\n+     * Method: clone\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(\n+                this.name, this.url, this.getOptions());\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj;\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n });\n /* ======================================================================\n-    OpenLayers/Renderer/Elements.js\n+    OpenLayers/Layer/Bing.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/Layer/XYZ.js\n  */\n \n-/**\n- * Class: OpenLayers.ElementsIndexer\n- * This class takes care of figuring out which order elements should be\n- *     placed in the DOM based on given indexing methods. \n+/** \n+ * Class: OpenLayers.Layer.Bing\n+ * Bing layer using direct tile access as provided by Bing Maps REST Services.\n+ * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n+ * information. Note: Terms of Service compliant use requires the map to be\n+ * configured with an <OpenLayers.Control.Attribution> control and the\n+ * attribution placed on or near the map.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n  */\n-OpenLayers.ElementsIndexer = OpenLayers.Class({\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n     /**\n-     * Property: maxZIndex\n-     * {Integer} This is the largest-most z-index value for a node\n-     *     contained within the indexer.\n+     * Property: key\n+     * {String} API key for Bing maps, get your own key \n+     *     at http://bingmapsportal.com/ .\n      */\n-    maxZIndex: null,\n+    key: null,\n \n     /**\n-     * Property: order\n-     * {Array<String>} This is an array of node id's stored in the\n-     *     order that they should show up on screen. Id's higher up in the\n-     *     array (higher array index) represent nodes with higher z-indeces.\n+     * Property: serverResolutions\n+     * {Array} the resolutions provided by the Bing servers.\n      */\n-    order: null,\n+    serverResolutions: [\n+        156543.03390625, 78271.516953125, 39135.7584765625,\n+        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n+        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n+        305.74811309814453, 152.87405654907226, 76.43702827453613,\n+        38.218514137268066, 19.109257068634033, 9.554628534317017,\n+        4.777314267158508, 2.388657133579254, 1.194328566789627,\n+        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n+        0.07464553542435169\n+    ],\n \n     /**\n-     * Property: indices\n-     * {Object} This is a hash that maps node ids to their z-index value\n-     *     stored in the indexer. This is done to make finding a nodes z-index \n-     *     value O(1).\n+     * Property: attributionTemplate\n+     * {String}\n      */\n-    indices: null,\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n+        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n+        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n+        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n+        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n+        'Terms of Use</a></span>',\n \n     /**\n-     * Property: compare\n-     * {Function} This is the function used to determine placement of\n-     *     of a new node within the indexer. If null, this defaults to to\n-     *     the Z_ORDER_DRAWING_ORDER comparison method.\n+     * Property: metadata\n+     * {Object} Metadata for this layer, as returned by the callback script\n      */\n-    compare: null,\n+    metadata: null,\n \n     /**\n-     * APIMethod: initialize\n-     * Create a new indexer with \n-     * \n-     * Parameters:\n-     * yOrdering - {Boolean} Whether to use y-ordering.\n+     * Property: protocolRegex\n+     * {RegExp} Regular expression to match and replace http: in bing urls\n      */\n-    initialize: function(yOrdering) {\n+    protocolRegex: /^http:/i,\n \n-        this.compare = yOrdering ?\n-            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER :\n-            OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n+    /**\n+     * APIProperty: type\n+     * {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.  Default is \"Road\".\n+     */\n+    type: \"Road\",\n \n-        this.clear();\n-    },\n+    /**\n+     * APIProperty: culture\n+     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n+     * for the definition and the possible values.  Default is \"en-US\".\n+     */\n+    culture: \"en-US\",\n \n     /**\n-     * APIMethod: insert\n-     * Insert a new node into the indexer. In order to find the correct \n-     *     positioning for the node to be inserted, this method uses a binary \n-     *     search. This makes inserting O(log(n)). \n-     * \n-     * Parameters:\n-     * newNode - {DOMElement} The new node to be inserted.\n-     * \n-     * Returns\n-     * {DOMElement} the node before which we should insert our newNode, or\n-     *     null if newNode can just be appended.\n+     * APIProperty: metadataParams\n+     * {Object} Optional url parameters for the Get Imagery Metadata request\n+     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n      */\n-    insert: function(newNode) {\n-        // If the node is known to the indexer, remove it so we can\n-        // recalculate where it should go.\n-        if (this.exists(newNode)) {\n-            this.remove(newNode);\n-        }\n+    metadataParams: null,\n \n-        var nodeId = newNode.id;\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     */\n+    tileOptions: null,\n \n-        this.determineZIndex(newNode);\n+    /** APIProperty: protocol\n+     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n+     *  Can be 'http:' 'https:' or ''\n+     *\n+     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n+     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n+     *  this is undocumented and the Imagery Metadata API always returns HTTP\n+     *  urls.\n+     *\n+     *  Default is '', unless when executed from a file:/// uri, in which case\n+     *  it is 'http:'.\n+     */\n+    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n \n-        var leftIndex = -1;\n-        var rightIndex = this.order.length;\n-        var middle;\n+    /**\n+     * Constructor: OpenLayers.Layer.Bing\n+     * Create a new Bing layer.\n+     *\n+     * Example:\n+     * (code)\n+     * var road = new OpenLayers.Layer.Bing({\n+     *     name: \"My Bing Aerial Layer\",\n+     *     type: \"Aerial\",\n+     *     key: \"my-api-key-here\",\n+     * });\n+     * (end)\n+     *\n+     * Parameters:\n+     * options - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * key - {String} Bing Maps API key for your application. Get one at\n+     *     http://bingmapsportal.com/.\n+     * type - {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n+     */\n+    initialize: function(options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n \n-        while (rightIndex - leftIndex > 1) {\n-            middle = parseInt((leftIndex + rightIndex) / 2);\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options.tileOptions);\n+        this.loadMetadata();\n+    },\n \n-            var placement = this.compare(this, newNode,\n-                OpenLayers.Util.getElement(this.order[middle]));\n+    /**\n+     * Method: loadMetadata\n+     */\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        // link the processMetadata method to the global scope and bind it\n+        // to this instance\n+        window[this._callbackId] = OpenLayers.Function.bind(\n+            OpenLayers.Layer.Bing.processMetadata, this\n+        );\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n+            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script);\n+    },\n \n-            if (placement > 0) {\n-                leftIndex = middle;\n-            } else {\n-                rightIndex = middle;\n-            }\n+    /**\n+     * Method: initLayer\n+     *\n+     * Sets layer properties according to the metadata provided by the API\n+     */\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n         }\n-\n-        this.order.splice(rightIndex, 0, nodeId);\n-        this.indices[nodeId] = this.getZIndex(newNode);\n-\n-        // If the new node should be before another in the index\n-        // order, return the node before which we have to insert the new one;\n-        // else, return null to indicate that the new node can be appended.\n-        return this.getNextElement(rightIndex);\n+        this.addOptions({\n+            maxResolution: Math.min(\n+                this.serverResolutions[res.zoomMin],\n+                this.maxResolution || Number.POSITIVE_INFINITY\n+            ),\n+            numZoomLevels: Math.min(\n+                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n+            )\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw();\n+        }\n+        this.updateAttribution();\n     },\n \n     /**\n-     * APIMethod: remove\n-     * \n-     * Parameters:\n-     * node - {DOMElement} The node to be removed.\n+     * Method: getURL\n+     *\n+     * Paramters:\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    remove: function(node) {\n-        var nodeId = node.id;\n-        var arrayIndex = OpenLayers.Util.indexOf(this.order, nodeId);\n-        if (arrayIndex >= 0) {\n-            // Remove it from the order array, as well as deleting the node\n-            // from the indeces hash.\n-            this.order.splice(arrayIndex, 1);\n-            delete this.indices[nodeId];\n-\n-            // Reset the maxium z-index based on the last item in the \n-            // order array.\n-            if (this.order.length > 0) {\n-                var lastId = this.order[this.order.length - 1];\n-                this.maxZIndex = this.indices[lastId];\n-            } else {\n-                this.maxZIndex = 0;\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return;\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = '0';\n+            var mask = 1 << (i - 1);\n+            if ((x & mask) != 0) {\n+                digit++;\n             }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++;\n+            }\n+            quadDigits.push(digit);\n         }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl('' + x + y + z, this.url);\n+\n+        return OpenLayers.String.format(url, {\n+            'quadkey': quadKey\n+        });\n     },\n \n     /**\n-     * APIMethod: clear\n+     * Method: updateAttribution\n+     * Updates the attribution according to the requirements outlined in\n+     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n      */\n-    clear: function() {\n-        this.order = [];\n-        this.indices = {};\n-        this.maxZIndex = 0;\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return;\n+        }\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(\n+            this.map.getProjectionObject(),\n+            new OpenLayers.Projection(\"EPSG:4326\")\n+        );\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n+                this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                // axis order provided is Y,X\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) &&\n+                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \";\n+                }\n+            }\n+        }\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n+        });\n     },\n \n     /**\n-     * APIMethod: exists\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The node to test for existence.\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the node exists in the indexer?\n+     * Method: setMap\n      */\n-    exists: function(node) {\n-        return (this.indices[node.id] != null);\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution);\n     },\n \n     /**\n-     * APIMethod: getZIndex\n-     * Get the z-index value for the current node from the node data itself.\n+     * APIMethod: clone\n      * \n      * Parameters:\n-     * node - {DOMElement} The node whose z-index to get.\n+     * obj - {Object}\n      * \n      * Returns:\n-     * {Integer} The z-index value for the specified node (from the node \n-     *     data itself).\n+     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n      */\n-    getZIndex: function(node) {\n-        return node._style.graphicZIndex;\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options);\n+        }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n     },\n \n     /**\n-     * Method: determineZIndex\n-     * Determine the z-index for the current node if there isn't one, \n-     *     and set the maximum value if we've found a new maximum.\n-     * \n-     * Parameters:\n-     * node - {DOMElement} \n+     * Method: destroy\n      */\n-    determineZIndex: function(node) {\n-        var zIndex = node._style.graphicZIndex;\n-\n-        // Everything must have a zIndex. If none is specified,\n-        // this means the user *must* (hint: assumption) want this\n-        // node to succomb to drawing order. To enforce drawing order\n-        // over all indexing methods, we'll create a new z-index that's\n-        // greater than any currently in the indexer.\n-        if (zIndex == null) {\n-            zIndex = this.maxZIndex;\n-            node._style.graphicZIndex = zIndex;\n-        } else if (zIndex > this.maxZIndex) {\n-            this.maxZIndex = zIndex;\n-        }\n+    destroy: function() {\n+        this.map &&\n+            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n+});\n+\n+/**\n+ * Function: OpenLayers.Layer.Bing.processMetadata\n+ * This function will be bound to an instance, linked to the global scope with\n+ * an id, and called by the JSONP script returned by the API.\n+ *\n+ * Parameters:\n+ * metadata - {Object} metadata as returned by the API\n+ */\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined; // cannot delete from window in IE\n+    delete this._callbackId;\n+};\n+/* ======================================================================\n+    OpenLayers/Layer/SphericalMercator.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.SphericalMercator\n+ * A mixin for layers that wraps up the pieces neccesary to have a coordinate\n+ *     conversion for working with commercial APIs which use a spherical\n+ *     mercator projection.  Using this layer as a base layer, additional\n+ *     layers can be used as overlays if they are in the same projection.\n+ *\n+ * A layer is given properties of this object by setting the sphericalMercator\n+ *     property to true.\n+ *\n+ * More projection information:\n+ *  - http://spatialreference.org/ref/user/google-projection/\n+ *\n+ * Proj4 Text:\n+ *     +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0\n+ *     +k=1.0 +units=m +nadgrids=@null +no_defs\n+ *\n+ * WKT:\n+ *     900913=PROJCS[\"WGS84 / Simple Mercator\", GEOGCS[\"WGS 84\",\n+ *     DATUM[\"WGS_1984\", SPHEROID[\"WGS_1984\", 6378137.0, 298.257223563]], \n+ *     PRIMEM[\"Greenwich\", 0.0], UNIT[\"degree\", 0.017453292519943295], \n+ *     AXIS[\"Longitude\", EAST], AXIS[\"Latitude\", NORTH]],\n+ *     PROJECTION[\"Mercator_1SP_Google\"], \n+ *     PARAMETER[\"latitude_of_origin\", 0.0], PARAMETER[\"central_meridian\", 0.0], \n+ *     PARAMETER[\"scale_factor\", 1.0], PARAMETER[\"false_easting\", 0.0], \n+ *     PARAMETER[\"false_northing\", 0.0], UNIT[\"m\", 1.0], AXIS[\"x\", EAST],\n+ *     AXIS[\"y\", NORTH], AUTHORITY[\"EPSG\",\"900913\"]]\n+ */\n+OpenLayers.Layer.SphericalMercator = {\n+\n     /**\n-     * APIMethod: getNextElement\n-     * Get the next element in the order stack.\n-     * \n-     * Parameters:\n-     * index - {Integer} The index of the current node in this.order.\n-     * \n+     * Method: getExtent\n+     * Get the map's extent.\n+     *\n      * Returns:\n-     * {DOMElement} the node following the index passed in, or\n-     *     null.\n+     * {<OpenLayers.Bounds>} The map extent.\n      */\n-    getNextElement: function(index) {\n-        var nextIndex = index + 1;\n-        if (nextIndex < this.order.length) {\n-            var nextElement = OpenLayers.Util.getElement(this.order[nextIndex]);\n-            if (nextElement == undefined) {\n-                nextElement = this.getNextElement(nextIndex);\n-            }\n-            return nextElement;\n+    getExtent: function() {\n+        var extent = null;\n+        if (this.sphericalMercator) {\n+            extent = this.map.calculateBounds();\n         } else {\n-            return null;\n+            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this);\n         }\n+        return extent;\n     },\n \n-    CLASS_NAME: \"OpenLayers.ElementsIndexer\"\n-});\n-\n-/**\n- * Namespace: OpenLayers.ElementsIndexer.IndexingMethods\n- * These are the compare methods for figuring out where a new node should be \n- *     placed within the indexer. These methods are very similar to general \n- *     sorting methods in that they return -1, 0, and 1 to specify the \n- *     direction in which new nodes fall in the ordering.\n- */\n-OpenLayers.ElementsIndexer.IndexingMethods = {\n-\n     /**\n-     * Method: Z_ORDER\n-     * This compare method is used by other comparison methods.\n-     *     It can be used individually for ordering, but is not recommended,\n-     *     because it doesn't subscribe to drawing order.\n+     * Method: getLonLatFromViewPortPx\n+     * Get a map location from a pixel location\n      * \n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n-     * \n+     * viewPortPx - {<OpenLayers.Pixel>}\n+     *\n      * Returns:\n-     * {Integer}\n+     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n+     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n+     *  If the map lib is not loaded or not centered, returns null\n      */\n-    Z_ORDER: function(indexer, newNode, nextNode) {\n-        var newZIndex = indexer.getZIndex(newNode);\n-\n-        var returnVal = 0;\n-        if (nextNode) {\n-            var nextZIndex = indexer.getZIndex(nextNode);\n-            returnVal = newZIndex - nextZIndex;\n-        }\n-\n-        return returnVal;\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: Z_ORDER_DRAWING_ORDER\n-     * This method orders nodes by their z-index, but does so in a way\n-     *     that, if there are other nodes with the same z-index, the newest \n-     *     drawn will be the front most within that z-index. This is the \n-     *     default indexing method.\n-     * \n+     * Method: getViewPortPxFromLonLat\n+     * Get a pixel location from a map location\n+     *\n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n-     * \n+     * lonlat - {<OpenLayers.LonLat>}\n+     *\n      * Returns:\n-     * {Integer}\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n+     * OpenLayers.LonLat, translated into view port pixels by map lib\n+     * If map lib is not loaded or not centered, returns null\n      */\n-    Z_ORDER_DRAWING_ORDER: function(indexer, newNode, nextNode) {\n-        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n-            indexer,\n-            newNode,\n-            nextNode\n-        );\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments);\n+    },\n \n-        // Make Z_ORDER subscribe to drawing order by pushing it above\n-        // all of the other nodes with the same z-index.\n-        if (nextNode && returnVal == 0) {\n-            returnVal = 1;\n+    /** \n+     * Method: initMercatorParameters \n+     * Set up the mercator parameters on the layer: resolutions,\n+     *     projection, units.\n+     */\n+    initMercatorParameters: function() {\n+        // set up properties for Mercator - assume EPSG:900913\n+        this.RESOLUTIONS = [];\n+        var maxResolution = 156543.03390625;\n+        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n+            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom);\n         }\n-\n-        return returnVal;\n+        this.units = \"m\";\n+        this.projection = this.projection || \"EPSG:900913\";\n     },\n \n     /**\n-     * APIMethod: Z_ORDER_Y_ORDER\n-     * This one should really be called Z_ORDER_Y_ORDER_DRAWING_ORDER, as it\n-     *     best describes which ordering methods have precedence (though, the \n-     *     name would be too long). This method orders nodes by their z-index, \n-     *     but does so in a way that, if there are other nodes with the same \n-     *     z-index, the nodes with the lower y position will be \"closer\" than \n-     *     those with a higher y position. If two nodes have the exact same y \n-     *     position, however, then this method will revert to using drawing  \n-     *     order to decide placement.\n-     * \n+     * APIMethod: forwardMercator\n+     * Given a lon,lat in EPSG:4326, return a point in Spherical Mercator.\n+     *\n      * Parameters:\n-     * indexer - {<OpenLayers.ElementsIndexer>}\n-     * newNode - {DOMElement}\n-     * nextNode - {DOMElement}\n+     * lon - {float} \n+     * lat - {float}\n      * \n      * Returns:\n-     * {Integer}\n+     * {<OpenLayers.LonLat>} The coordinates transformed to Mercator.\n      */\n-    Z_ORDER_Y_ORDER: function(indexer, newNode, nextNode) {\n-        var returnVal = OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER(\n-            indexer,\n-            newNode,\n-            nextNode\n-        );\n+    forwardMercator: (function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(lon, lat) {\n+            var point = OpenLayers.Projection.transform({\n+                x: lon,\n+                y: lat\n+            }, gg, sm);\n+            return new OpenLayers.LonLat(point.x, point.y);\n+        };\n+    })(),\n \n-        if (nextNode && returnVal === 0) {\n-            var result = nextNode._boundsBottom - newNode._boundsBottom;\n-            returnVal = (result === 0) ? 1 : result;\n-        }\n+    /**\n+     * APIMethod: inverseMercator\n+     * Given a x,y in Spherical Mercator, return a point in EPSG:4326.\n+     *\n+     * Parameters:\n+     * x - {float} A map x in Spherical Mercator.\n+     * y - {float} A map y in Spherical Mercator.\n+     * \n+     * Returns:\n+     * {<OpenLayers.LonLat>} The coordinates transformed to EPSG:4326.\n+     */\n+    inverseMercator: (function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(x, y) {\n+            var point = OpenLayers.Projection.transform({\n+                x: x,\n+                y: y\n+            }, sm, gg);\n+            return new OpenLayers.LonLat(point.x, point.y);\n+        };\n+    })()\n \n-        return returnVal;\n-    }\n };\n+/* ======================================================================\n+    OpenLayers/Layer/EventPane.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n \n /**\n- * Class: OpenLayers.Renderer.Elements\n- * This is another virtual class in that it should never be instantiated by \n- *  itself as a Renderer. It exists because there is *tons* of shared \n- *  functionality between different vector libraries which use nodes/elements\n- *  as a base for rendering vectors. \n- * \n- * The highlevel bits of code that are implemented here are the adding and \n- *  removing of geometries, which is essentially the same for any \n- *  element-based renderer. The details of creating each node and drawing the\n- *  paths are of course different, but the machinery is the same. \n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Util.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.EventPane\n+ * Base class for 3rd party layers, providing a DOM element which isolates\n+ * the 3rd-party layer from mouse events.\n+ * Only used by Google layers.\n+ *\n+ * Automatically instantiated by the Google constructor, and not usually instantiated directly.\n+ *\n+ * Create a new event pane layer with the\n+ * <OpenLayers.Layer.EventPane> constructor.\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer>\n+ * Inherits from:\n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Renderer.Elements = OpenLayers.Class(OpenLayers.Renderer, {\n+OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n \n     /**\n-     * Property: rendererRoot\n-     * {DOMElement}\n+     * APIProperty: smoothDragPan\n+     * {Boolean} smoothDragPan determines whether non-public/internal API\n+     *     methods are used for better performance while dragging EventPane \n+     *     layers. When not in sphericalMercator mode, the smoother dragging \n+     *     doesn't actually move north/south directly with the number of \n+     *     pixels moved, resulting in a slight offset when you drag your mouse \n+     *     north south with this option on. If this visual disparity bothers \n+     *     you, you should turn this option off, or use spherical mercator. \n+     *     Default is on.\n      */\n-    rendererRoot: null,\n+    smoothDragPan: true,\n \n     /**\n-     * Property: root\n-     * {DOMElement}\n+     * Property: isBaseLayer\n+     * {Boolean} EventPaned layers are always base layers, by necessity.\n      */\n-    root: null,\n+    isBaseLayer: true,\n \n     /**\n-     * Property: vectorRoot\n-     * {DOMElement}\n+     * APIProperty: isFixed\n+     * {Boolean} EventPaned layers are fixed by default.\n      */\n-    vectorRoot: null,\n+    isFixed: true,\n \n     /**\n-     * Property: textRoot\n-     * {DOMElement}\n+     * Property: pane\n+     * {DOMElement} A reference to the element that controls the events.\n      */\n-    textRoot: null,\n+    pane: null,\n+\n \n     /**\n-     * Property: xmlns\n-     * {String}\n+     * Property: mapObject\n+     * {Object} This is the object which will be used to load the 3rd party library\n+     * in the case of the google layer, this will be of type GMap, \n+     * in the case of the ve layer, this will be of type VEMap\n      */\n-    xmlns: null,\n+    mapObject: null,\n+\n \n     /**\n-     * Property: xOffset\n-     * {Number} Offset to apply to the renderer viewport translation in x\n-     * direction. If the renderer extent's center is on the right of the\n-     * dateline (i.e. exceeds the world bounds), we shift the viewport to the\n-     * left by one world width. This avoids that features disappear from the\n-     * map viewport. Because our dateline handling logic in other places\n-     * ensures that extents crossing the dateline always have a center\n-     * exceeding the world bounds on the left, we need this offset to make sure\n-     * that the same is true for the renderer extent in pixel space as well.\n+     * Constructor: OpenLayers.Layer.EventPane\n+     * Create a new event pane layer\n+     *\n+     * Parameters:\n+     * name - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    xOffset: 0,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (this.pane == null) {\n+            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\");\n+        }\n+    },\n \n     /**\n-     * Property: rightOfDateLine\n-     * {Boolean} Keeps track of the location of the map extent relative to the\n-     * date line. The <setExtent> method compares this value (which is the one\n-     * from the previous <setExtent> call) with the current position of the map\n-     * extent relative to the date line and updates the xOffset when the extent\n-     * has moved from one side of the date line to the other.\n+     * APIMethod: destroy\n+     * Deconstruct this layer.\n      */\n+    destroy: function() {\n+        this.mapObject = null;\n+        this.pane = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+    },\n+\n \n     /**\n-     * Property: Indexer\n-     * {<OpenLayers.ElementIndexer>} An instance of OpenLayers.ElementsIndexer \n-     *     created upon initialization if the zIndexing or yOrdering options\n-     *     passed to this renderer's constructor are set to true.\n+     * Method: setMap\n+     * Set the map property for the layer. This is done through an accessor\n+     * so that subclasses can override this and take special action once \n+     * they have their map variable set. \n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    indexer: null,\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+        this.pane.style.display = this.div.style.display;\n+        this.pane.style.width = \"100%\";\n+        this.pane.style.height = \"100%\";\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.pane.style.background =\n+                \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\";\n+        }\n+\n+        if (this.isFixed) {\n+            this.map.viewPortDiv.appendChild(this.pane);\n+        } else {\n+            this.map.layerContainerDiv.appendChild(this.pane);\n+        }\n+\n+        // once our layer has been added to the map, we can load it\n+        this.loadMapObject();\n+\n+        // if map didn't load, display warning\n+        if (this.mapObject == null) {\n+            this.loadWarningMessage();\n+        }\n+    },\n \n     /**\n-     * Constant: BACKGROUND_ID_SUFFIX\n-     * {String}\n+     * APIMethod: removeMap\n+     * On being removed from the map, we'll like to remove the invisible 'pane'\n+     *     div that we added to it on creation. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    BACKGROUND_ID_SUFFIX: \"_background\",\n+    removeMap: function(map) {\n+        if (this.pane && this.pane.parentNode) {\n+            this.pane.parentNode.removeChild(this.pane);\n+        }\n+        OpenLayers.Layer.prototype.removeMap.apply(this, arguments);\n+    },\n \n     /**\n-     * Constant: LABEL_ID_SUFFIX\n-     * {String}\n+     * Method: loadWarningMessage\n+     * If we can't load the map lib, then display an error message to the \n+     *     user and tell them where to go for help.\n+     * \n+     *     This function sets up the layout for the warning message. Each 3rd\n+     *     party layer must implement its own getWarningHTML() function to \n+     *     provide the actual warning message.\n      */\n-    LABEL_ID_SUFFIX: \"_label\",\n+    loadWarningMessage: function() {\n+\n+        this.div.style.backgroundColor = \"darkblue\";\n+\n+        var viewSize = this.map.getSize();\n+\n+        var msgW = Math.min(viewSize.w, 300);\n+        var msgH = Math.min(viewSize.h, 200);\n+        var size = new OpenLayers.Size(msgW, msgH);\n+\n+        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n+\n+        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n+\n+        var div = OpenLayers.Util.createDiv(this.name + \"_warning\",\n+            topLeft,\n+            size,\n+            null,\n+            null,\n+            null,\n+            \"auto\");\n+\n+        div.style.padding = \"7px\";\n+        div.style.backgroundColor = \"yellow\";\n+\n+        div.innerHTML = this.getWarningHTML();\n+        this.div.appendChild(div);\n+    },\n+\n+    /** \n+     * Method: getWarningHTML\n+     * To be implemented by subclasses.\n+     * \n+     * Returns:\n+     * {String} String with information on why layer is broken, how to get\n+     *          it working.\n+     */\n+    getWarningHTML: function() {\n+        //should be implemented by subclasses\n+        return \"\";\n+    },\n \n     /**\n-     * Constant: LABEL_OUTLINE_SUFFIX\n-     * {String}\n+     * Method: display\n+     * Set the display on the pane\n+     *\n+     * Parameters:\n+     * display - {Boolean}\n      */\n-    LABEL_OUTLINE_SUFFIX: \"_outline\",\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        this.pane.style.display = this.div.style.display;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Renderer.Elements\n+     * Method: setZIndex\n+     * Set the z-index order for the pane.\n      * \n      * Parameters:\n-     * containerID - {String}\n-     * options - {Object} options for this renderer. \n-     *\n-     * Supported options are:\n-     *     yOrdering - {Boolean} Whether to use y-ordering\n-     *     zIndexing - {Boolean} Whether to use z-indexing. Will be ignored\n-     *         if yOrdering is set to true.\n+     * zIndex - {int}\n      */\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-\n-        this.rendererRoot = this.createRenderRoot();\n-        this.root = this.createRoot(\"_root\");\n-        this.vectorRoot = this.createRoot(\"_vroot\");\n-        this.textRoot = this.createRoot(\"_troot\");\n-\n-        this.root.appendChild(this.vectorRoot);\n-        this.root.appendChild(this.textRoot);\n+    setZIndex: function(zIndex) {\n+        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+    },\n \n-        this.rendererRoot.appendChild(this.root);\n-        this.container.appendChild(this.rendererRoot);\n+    /**\n+     * Method: moveByPx\n+     * Move the layer based on pixel vector. To be implemented by subclasses.\n+     *\n+     * Parameters:\n+     * dx - {Number} The x coord of the displacement vector.\n+     * dy - {Number} The y coord of the displacement vector.\n+     */\n+    moveByPx: function(dx, dy) {\n+        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n \n-        if (options && (options.zIndexing || options.yOrdering)) {\n-            this.indexer = new OpenLayers.ElementsIndexer(options.yOrdering);\n+        if (this.dragPanMapObject) {\n+            this.dragPanMapObject(dx, -dy);\n+        } else {\n+            this.moveTo(this.map.getCachedCenter());\n         }\n     },\n \n     /**\n-     * Method: destroy\n+     * Method: moveTo\n+     * Handle calls to move the layer.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean}\n+     * dragging - {Boolean}\n      */\n-    destroy: function() {\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n \n-        this.clear();\n+        if (this.mapObject != null) {\n \n-        this.rendererRoot = null;\n-        this.root = null;\n-        this.xmlns = null;\n+            var newCenter = this.map.getCenter();\n+            var newZoom = this.map.getZoom();\n \n-        OpenLayers.Renderer.prototype.destroy.apply(this, arguments);\n+            if (newCenter != null) {\n+\n+                var moOldCenter = this.getMapObjectCenter();\n+                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n+\n+                var moOldZoom = this.getMapObjectZoom();\n+                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n+\n+                if (!(newCenter.equals(oldCenter)) || newZoom != oldZoom) {\n+\n+                    if (!zoomChanged && oldCenter && this.dragPanMapObject &&\n+                        this.smoothDragPan) {\n+                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n+                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n+                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y);\n+                    } else {\n+                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n+                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n+                        this.setMapObjectCenter(center, zoom, dragging);\n+                    }\n+                }\n+            }\n+        }\n     },\n \n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /********************************************************/\n+\n     /**\n-     * Method: clear\n-     * Remove all the elements from the root\n+     * Method: getLonLatFromViewPortPx\n+     * Get a map location from a pixel location\n+     * \n+     * Parameters:\n+     * viewPortPx - {<OpenLayers.Pixel>}\n+     *\n+     * Returns:\n+     *  {<OpenLayers.LonLat>} An OpenLayers.LonLat which is the passed-in view\n+     *  port OpenLayers.Pixel, translated into lon/lat by map lib\n+     *  If the map lib is not loaded or not centered, returns null\n      */\n-    clear: function() {\n-        var child;\n-        var root = this.vectorRoot;\n-        if (root) {\n-            while (child = root.firstChild) {\n-                root.removeChild(child);\n-            }\n-        }\n-        root = this.textRoot;\n-        if (root) {\n-            while (child = root.firstChild) {\n-                root.removeChild(child);\n-            }\n-        }\n-        if (this.indexer) {\n-            this.indexer.clear();\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        if ((this.mapObject != null) &&\n+            (this.getMapObjectCenter() != null)) {\n+            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n+            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n+            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat);\n         }\n+        return lonlat;\n     },\n \n+\n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n+     * Method: getViewPortPxFromLonLat\n+     * Get a pixel location from a map location\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n+     * lonlat - {<OpenLayers.LonLat>}\n      *\n      * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel which is the passed-in\n+     * OpenLayers.LonLat, translated into view port pixels by map lib\n+     * If map lib is not loaded or not centered, returns null\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var rightOfDateLine,\n-                ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio),\n-                world = this.map.getMaxExtent();\n-            if (world.right > extent.left && world.right < extent.right) {\n-                rightOfDateLine = true;\n-            } else if (world.left > extent.left && world.left < extent.right) {\n-                rightOfDateLine = false;\n-            }\n-            if (rightOfDateLine !== this.rightOfDateLine || resolutionChanged) {\n-                coordSysUnchanged = false;\n-                this.xOffset = rightOfDateLine === true ?\n-                    world.getWidth() / resolution : 0;\n-            }\n-            this.rightOfDateLine = rightOfDateLine;\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        var viewPortPx = null;\n+        if ((this.mapObject != null) &&\n+            (this.getMapObjectCenter() != null)) {\n+\n+            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n+            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n+\n+            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel);\n         }\n-        return coordSysUnchanged;\n+        return viewPortPx;\n     },\n \n-    /** \n-     * Method: getNodeType\n-     * This function is in charge of asking the specific renderer which type\n-     *     of node to create for the given geometry and style. All geometries\n-     *     in an Elements-based renderer consist of one node and some\n-     *     attributes. We have the nodeFactory() function which creates a node\n-     *     for us, but it takes a 'type' as input, and that is precisely what\n-     *     this function tells us.  \n-     *  \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+    /********************************************************/\n+    /*                                                      */\n+    /*               Translation Functions                  */\n+    /*                                                      */\n+    /*   The following functions translate Map Object and   */\n+    /*            OL formats for Pixel, LonLat              */\n+    /*                                                      */\n+    /********************************************************/\n+\n+    //\n+    // TRANSLATION: MapObject LatLng <-> OpenLayers.LonLat\n+    //\n+\n+    /**\n+     * Method: getOLLonLatFromMapObjectLonLat\n+     * Get an OL style map location from a 3rd party style map location\n+     *\n+     * Parameters\n+     * moLonLat - {Object}\n      * \n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {<OpenLayers.LonLat>} An OpenLayers.LonLat, translated from the passed in \n+     *          MapObject LonLat\n+     *          Returns null if null value is passed in\n      */\n-    getNodeType: function(geometry, style) {},\n+    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n+        var olLonLat = null;\n+        if (moLonLat != null) {\n+            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+            olLonLat = new OpenLayers.LonLat(lon, lat);\n+        }\n+        return olLonLat;\n+    },\n \n-    /** \n-     * Method: drawGeometry \n-     * Draw the geometry, creating new nodes, setting paths, setting style,\n-     *     setting featureId on the node.  This method should only be called\n-     *     by the renderer itself.\n+    /**\n+     * Method: getMapObjectLonLatFromOLLonLat\n+     * Get a 3rd party map location from an OL map location.\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n+     * olLonLat - {<OpenLayers.LonLat>}\n      * \n      * Returns:\n-     * {Boolean} true if the geometry has been drawn completely; null if\n-     *     incomplete; false otherwise\n+     * {Object} A MapObject LonLat, translated from the passed in \n+     *          OpenLayers.LonLat\n+     *          Returns null if null value is passed in\n      */\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        var rendered = true;\n-        if ((className == \"OpenLayers.Geometry.Collection\") ||\n-            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n-            for (var i = 0, len = geometry.components.length; i < len; i++) {\n-                rendered = this.drawGeometry(\n-                    geometry.components[i], style, featureId) && rendered;\n-            }\n-            return rendered;\n+    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n+        var moLatLng = null;\n+        if (olLonLat != null) {\n+            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon,\n+                olLonLat.lat);\n         }\n+        return moLatLng;\n+    },\n \n-        rendered = false;\n-        var removeBackground = false;\n-        if (style.display != \"none\") {\n-            if (style.backgroundGraphic) {\n-                this.redrawBackgroundNode(geometry.id, geometry, style,\n-                    featureId);\n-            } else {\n-                removeBackground = true;\n-            }\n-            rendered = this.redrawNode(geometry.id, geometry, style,\n-                featureId);\n-        }\n-        if (rendered == false) {\n-            var node = document.getElementById(geometry.id);\n-            if (node) {\n-                if (node._style.backgroundGraphic) {\n-                    removeBackground = true;\n-                }\n-                node.parentNode.removeChild(node);\n-            }\n-        }\n-        if (removeBackground) {\n-            var node = document.getElementById(\n-                geometry.id + this.BACKGROUND_ID_SUFFIX);\n-            if (node) {\n-                node.parentNode.removeChild(node);\n-            }\n+\n+    //\n+    // TRANSLATION: MapObject Pixel <-> OpenLayers.Pixel\n+    //\n+\n+    /**\n+     * Method: getOLPixelFromMapObjectPixel\n+     * Get an OL pixel location from a 3rd party pixel location.\n+     *\n+     * Parameters:\n+     * moPixel - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Pixel>} An OpenLayers.Pixel, translated from the passed in \n+     *          MapObject Pixel\n+     *          Returns null if null value is passed in\n+     */\n+    getOLPixelFromMapObjectPixel: function(moPixel) {\n+        var olPixel = null;\n+        if (moPixel != null) {\n+            var x = this.getXFromMapObjectPixel(moPixel);\n+            var y = this.getYFromMapObjectPixel(moPixel);\n+            olPixel = new OpenLayers.Pixel(x, y);\n         }\n-        return rendered;\n+        return olPixel;\n     },\n \n     /**\n-     * Method: redrawNode\n-     * \n+     * Method: getMapObjectPixelFromOLPixel\n+     * Get a 3rd party pixel location from an OL pixel location\n+     *\n      * Parameters:\n-     * id - {String}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n+     * olPixel - {<OpenLayers.Pixel>}\n      * \n      * Returns:\n-     * {Boolean} true if the complete geometry could be drawn, null if parts of\n-     *     the geometry could not be drawn, false otherwise\n+     * {Object} A MapObject Pixel, translated from the passed in \n+     *          OpenLayers.Pixel\n+     *          Returns null if null value is passed in\n      */\n-    redrawNode: function(id, geometry, style, featureId) {\n-        style = this.applyDefaultSymbolizer(style);\n-        // Get the node if it's already on the map.\n-        var node = this.nodeFactory(id, this.getNodeType(geometry, style));\n+    getMapObjectPixelFromOLPixel: function(olPixel) {\n+        var moPixel = null;\n+        if (olPixel != null) {\n+            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y);\n+        }\n+        return moPixel;\n+    },\n \n-        // Set the data for the node, then draw it.\n-        node._featureId = featureId;\n-        node._boundsBottom = geometry.getBounds().bottom;\n-        node._geometryClass = geometry.CLASS_NAME;\n-        node._style = style;\n+    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/FixedZoomLevels.js\n+   ====================================================================== */\n \n-        var drawResult = this.drawGeometryNode(node, geometry, style);\n-        if (drawResult === false) {\n-            return false;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.FixedZoomLevels\n+ *   Some Layers will already have established zoom levels (like google \n+ *    or ve). Instead of trying to determine them and populate a resolutions[]\n+ *    Array with those values, we will hijack the resolution functionality\n+ *    here.\n+ * \n+ *   When you subclass FixedZoomLevels: \n+ * \n+ *   The initResolutions() call gets nullified, meaning no resolutions[] array \n+ *    is set up. Which would be a big problem getResolution() in Layer, since \n+ *    it merely takes map.zoom and indexes into resolutions[]... but....\n+ * \n+ *   The getResolution() call is also overridden. Instead of using the \n+ *    resolutions[] array, we simply calculate the current resolution based\n+ *    on the current extent and the current map size. But how will we be able\n+ *    to calculate the current extent without knowing the resolution...?\n+ *  \n+ *   The getExtent() function is also overridden. Instead of calculating extent\n+ *    based on the center point and the current resolution, we instead \n+ *    calculate the extent by getting the lonlats at the top-left and \n+ *    bottom-right by using the getLonLatFromViewPortPx() translation function,\n+ *    taken from the pixel locations (0,0) and the size of the map. But how \n+ *    will we be able to do lonlat-px translation without resolution....?\n+ * \n+ *   The getZoomForResolution() method is overridden. Instead of indexing into\n+ *    the resolutions[] array, we call OpenLayers.Layer.getExent(), passing in\n+ *    the desired resolution. With this extent, we then call getZoomForExtent() \n+ * \n+ * \n+ *   Whenever you implement a layer using OpenLayers.Layer.FixedZoomLevels, \n+ *    it is your responsibility to provide the following three functions:\n+ * \n+ *   - getLonLatFromViewPortPx\n+ *   - getViewPortPxFromLonLat\n+ *   - getZoomForExtent\n+ * \n+ *  ...those three functions should generally be provided by any reasonable \n+ *  API that you might be working from.\n+ *\n+ */\n+OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*                 Baselayer Functions                  */\n+    /*                                                      */\n+    /*    The following functions must all be implemented   */\n+    /*                  by all base layers                  */\n+    /*                                                      */\n+    /********************************************************/\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.FixedZoomLevels\n+     * Create a new fixed zoom levels layer.\n+     */\n+    initialize: function() {\n+        //this class is only just to add the following functions... \n+        // nothing to actually do here... but it is probably a good\n+        // idea to have layers that use these functions call this \n+        // inititalize() anyways, in case at some point we decide we \n+        // do want to put some functionality or state in here. \n+    },\n+\n+    /**\n+     * Method: initResolutions\n+     * Populate the resolutions array\n+     */\n+    initResolutions: function() {\n+\n+        var props = ['minZoomLevel', 'maxZoomLevel', 'numZoomLevels'];\n+\n+        for (var i = 0, len = props.length; i < len; i++) {\n+            var property = props[i];\n+            this[property] = (this.options[property] != null) ?\n+                this.options[property] :\n+                this.map[property];\n         }\n \n-        node = drawResult.node;\n+        if ((this.minZoomLevel == null) ||\n+            (this.minZoomLevel < this.MIN_ZOOM_LEVEL)) {\n+            this.minZoomLevel = this.MIN_ZOOM_LEVEL;\n+        }\n \n-        // Insert the node into the indexer so it can show us where to\n-        // place it. Note that this operation is O(log(n)). If there's a\n-        // performance problem (when dragging, for instance) this is\n-        // likely where it would be.\n-        if (this.indexer) {\n-            var insert = this.indexer.insert(node);\n-            if (insert) {\n-                this.vectorRoot.insertBefore(node, insert);\n-            } else {\n-                this.vectorRoot.appendChild(node);\n-            }\n+        //\n+        // At this point, we know what the minimum desired zoom level is, and\n+        //  we must calculate the total number of zoom levels. \n+        //  \n+        //  Because we allow for the setting of either the 'numZoomLevels'\n+        //   or the 'maxZoomLevel' properties... on either the layer or the  \n+        //   map, we have to define some rules to see which we take into\n+        //   account first in this calculation. \n+        //\n+        // The following is the precedence list for these properties:\n+        // \n+        // (1) numZoomLevels set on layer\n+        // (2) maxZoomLevel set on layer\n+        // (3) numZoomLevels set on map\n+        // (4) maxZoomLevel set on map*\n+        // (5) none of the above*\n+        //\n+        // *Note that options (4) and (5) are only possible if the user \n+        //  _explicitly_ sets the 'numZoomLevels' property on the map to \n+        //  null, since it is set by default to 16. \n+        //\n+\n+        //\n+        // Note to future: In 3.0, I think we should remove the default \n+        // value of 16 for map.numZoomLevels. Rather, I think that value \n+        // should be set as a default on the Layer.WMS class. If someone\n+        // creates a 3rd party layer and does not specify any 'minZoomLevel', \n+        // 'maxZoomLevel', or 'numZoomLevels', and has not explicitly \n+        // specified any of those on the map object either.. then I think\n+        // it is fair to say that s/he wants all the zoom levels available.\n+        // \n+        // By making map.numZoomLevels *null* by default, that will be the \n+        // case. As it is, I don't feel comfortable changing that right now\n+        // as it would be a glaring API change and actually would probably\n+        // break many peoples' codes. \n+        //\n+\n+        //the number of zoom levels we'd like to have.\n+        var desiredZoomLevels;\n+\n+        //this is the maximum number of zoom levels the layer will allow, \n+        // given the specified starting minimum zoom level.\n+        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n+\n+        if (((this.options.numZoomLevels == null) &&\n+                (this.options.maxZoomLevel != null)) // (2)\n+            ||\n+            ((this.numZoomLevels == null) &&\n+                (this.maxZoomLevel != null)) // (4)\n+        ) {\n+            //calculate based on specified maxZoomLevel (on layer or map)\n+            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1;\n         } else {\n-            // if there's no indexer, simply append the node to root,\n-            // but only if the node is a new one\n-            if (node.parentNode !== this.vectorRoot) {\n-                this.vectorRoot.appendChild(node);\n-            }\n+            //calculate based on specified numZoomLevels (on layer or map)\n+            // this covers cases (1) and (3)\n+            desiredZoomLevels = this.numZoomLevels;\n         }\n \n-        this.postDraw(node);\n+        if (desiredZoomLevels != null) {\n+            //Now that we know what we would *like* the number of zoom levels\n+            // to be, based on layer or map options, we have to make sure that\n+            // it does not conflict with the actual limit, as specified by \n+            // the constants on the layer itself (and calculated into the\n+            // 'limitZoomLevels' variable). \n+            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels);\n+        } else {\n+            // case (5) -- neither 'numZoomLevels' not 'maxZoomLevel' was \n+            // set on either the layer or the map. So we just use the \n+            // maximum limit as calculated by the layer's constants.\n+            this.numZoomLevels = limitZoomLevels;\n+        }\n \n-        return drawResult.complete;\n+        //now that the 'numZoomLevels' is appropriately, safely set, \n+        // we go back and re-calculate the 'maxZoomLevel'.\n+        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n+\n+        if (this.RESOLUTIONS != null) {\n+            var resolutionsIndex = 0;\n+            this.resolutions = [];\n+            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n+                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i];\n+            }\n+            this.maxResolution = this.resolutions[0];\n+            this.minResolution = this.resolutions[this.resolutions.length - 1];\n+        }\n     },\n \n     /**\n-     * Method: redrawBackgroundNode\n-     * Redraws the node using special 'background' style properties. Basically\n-     *     just calls redrawNode(), but instead of directly using the \n-     *     'externalGraphic', 'graphicXOffset', 'graphicYOffset', and \n-     *     'graphicZIndex' properties directly from the specified 'style' \n-     *     parameter, we create a new style object and set those properties \n-     *     from the corresponding 'background'-prefixed properties from \n-     *     specified 'style' parameter.\n-     * \n-     * Parameters:\n-     * id - {String}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * featureId - {String}\n+     * APIMethod: getResolution\n+     * Get the current map resolution\n      * \n      * Returns:\n-     * {Boolean} true if the complete geometry could be drawn, null if parts of\n-     *     the geometry could not be drawn, false otherwise\n+     * {Float} Map units per Pixel\n      */\n-    redrawBackgroundNode: function(id, geometry, style, featureId) {\n-        var backgroundStyle = OpenLayers.Util.extend({}, style);\n+    getResolution: function() {\n \n-        // Set regular style attributes to apply to the background styles.\n-        backgroundStyle.externalGraphic = backgroundStyle.backgroundGraphic;\n-        backgroundStyle.graphicXOffset = backgroundStyle.backgroundXOffset;\n-        backgroundStyle.graphicYOffset = backgroundStyle.backgroundYOffset;\n-        backgroundStyle.graphicZIndex = backgroundStyle.backgroundGraphicZIndex;\n-        backgroundStyle.graphicWidth = backgroundStyle.backgroundWidth || backgroundStyle.graphicWidth;\n-        backgroundStyle.graphicHeight = backgroundStyle.backgroundHeight || backgroundStyle.graphicHeight;\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments);\n+        } else {\n+            var resolution = null;\n \n-        // Erase background styles.\n-        backgroundStyle.backgroundGraphic = null;\n-        backgroundStyle.backgroundXOffset = null;\n-        backgroundStyle.backgroundYOffset = null;\n-        backgroundStyle.backgroundGraphicZIndex = null;\n+            var viewSize = this.map.getSize();\n+            var extent = this.getExtent();\n \n-        return this.redrawNode(\n-            id + this.BACKGROUND_ID_SUFFIX,\n-            geometry,\n-            backgroundStyle,\n-            null\n-        );\n+            if ((viewSize != null) && (extent != null)) {\n+                resolution = Math.max(extent.getWidth() / viewSize.w,\n+                    extent.getHeight() / viewSize.h);\n+            }\n+            return resolution;\n+        }\n     },\n \n     /**\n-     * Method: drawGeometryNode\n-     * Given a node, draw a geometry on the specified layer.\n-     *     node and geometry are required arguments, style is optional.\n-     *     This method is only called by the render itself.\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * APIMethod: getExtent\n+     * Calculates using px-> lonlat translation functions on tl and br \n+     *     corners of viewport\n      * \n      * Returns:\n-     * {Object} a hash with properties \"node\" (the drawn node) and \"complete\"\n-     *     (null if parts of the geometry could not be drawn, false if nothing\n-     *     could be drawn)\n+     * {<OpenLayers.Bounds>} A Bounds object which represents the lon/lat \n+     *                       bounds of the current viewPort.\n      */\n-    drawGeometryNode: function(node, geometry, style) {\n-        style = style || node._style;\n+    getExtent: function() {\n+        var size = this.map.getSize();\n+        var tl = this.getLonLatFromViewPortPx({\n+            x: 0,\n+            y: 0\n+        });\n+        var br = this.getLonLatFromViewPortPx({\n+            x: size.w,\n+            y: size.h\n+        });\n \n-        var options = {\n-            'isFilled': style.fill === undefined ?\n-                true : style.fill,\n-            'isStroked': style.stroke === undefined ?\n-                !!style.strokeWidth : style.stroke\n-        };\n-        var drawn;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.graphic === false) {\n-                    options.isFilled = false;\n-                    options.isStroked = false;\n-                }\n-                drawn = this.drawPoint(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                options.isFilled = false;\n-                drawn = this.drawLineString(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                drawn = this.drawLinearRing(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                drawn = this.drawPolygon(node, geometry);\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                drawn = this.drawRectangle(node, geometry);\n-                break;\n-            default:\n-                break;\n+        if ((tl != null) && (br != null)) {\n+            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat);\n+        } else {\n+            return null;\n         }\n+    },\n \n-        node._options = options;\n+    /**\n+     * Method: getZoomForResolution\n+     * Get the zoom level for a given resolution\n+     *\n+     * Parameters:\n+     * resolution - {Float}\n+     *\n+     * Returns:\n+     * {Integer} A suitable zoom level for the specified resolution.\n+     *           If no baselayer is set, returns null.\n+     */\n+    getZoomForResolution: function(resolution) {\n \n-        //set style\n-        //TBD simplify this\n-        if (drawn != false) {\n-            return {\n-                node: this.setStyle(node, style, options, geometry),\n-                complete: drawn\n-            };\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments);\n         } else {\n-            return false;\n+            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n+            return this.getZoomForExtent(extent);\n         }\n     },\n \n+\n+\n+\n+    /********************************************************/\n+    /*                                                      */\n+    /*             Translation Functions                    */\n+    /*                                                      */\n+    /*    The following functions translate GMaps and OL    */\n+    /*     formats for Pixel, LonLat, Bounds, and Zoom      */\n+    /*                                                      */\n+    /********************************************************/\n+\n+\n+    //\n+    // TRANSLATION: MapObject Zoom <-> OpenLayers Zoom\n+    //\n+\n     /**\n-     * Method: postDraw\n-     * Things that have do be done after the geometry node is appended\n-     *     to its parent node. To be overridden by subclasses.\n-     * \n+     * Method: getOLZoomFromMapObjectZoom\n+     * Get the OL zoom index from the map object zoom level\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n+     * moZoom - {Integer}\n+     * \n+     * Returns:\n+     * {Integer} An OpenLayers Zoom level, translated from the passed in zoom\n+     *           Returns null if null value is passed in\n      */\n-    postDraw: function(node) {},\n+    getOLZoomFromMapObjectZoom: function(moZoom) {\n+        var zoom = null;\n+        if (moZoom != null) {\n+            zoom = moZoom - this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.map.baseLayer.getZoomForResolution(\n+                    this.getResolutionForZoom(zoom)\n+                );\n+            }\n+        }\n+        return zoom;\n+    },\n \n     /**\n-     * Method: drawPoint\n-     * Virtual function for drawing Point Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Method: getMapObjectZoomFromOLZoom\n+     * Get the map object zoom level from the OL zoom level\n+     *\n+     * Parameters:\n+     * olZoom - {Integer}\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the point\n+     * {Integer} A MapObject level, translated from the passed in olZoom\n+     *           Returns null if null value is passed in\n      */\n-    drawPoint: function(node, geometry) {},\n+    getMapObjectZoomFromOLZoom: function(olZoom) {\n+        var zoom = null;\n+        if (olZoom != null) {\n+            zoom = olZoom + this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.getZoomForResolution(\n+                    this.map.baseLayer.getResolutionForZoom(zoom)\n+                );\n+            }\n+        }\n+        return zoom;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Layer/Google.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Layer/SphericalMercator.js\n+ * @requires OpenLayers/Layer/EventPane.js\n+ * @requires OpenLayers/Layer/FixedZoomLevels.js\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.Google\n+ * \n+ * Provides a wrapper for Google's Maps API\n+ * Normally the Terms of Use for this API do not allow wrapping, but Google\n+ * have provided written consent to OpenLayers for this - see email in \n+ * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.SphericalMercator>\n+ *  - <OpenLayers.Layer.EventPane>\n+ *  - <OpenLayers.Layer.FixedZoomLevels>\n+ */\n+OpenLayers.Layer.Google = OpenLayers.Class(\n+    OpenLayers.Layer.EventPane,\n+    OpenLayers.Layer.FixedZoomLevels, {\n+\n+        /** \n+         * Constant: MIN_ZOOM_LEVEL\n+         * {Integer} 0 \n+         */\n+        MIN_ZOOM_LEVEL: 0,\n+\n+        /** \n+         * Constant: MAX_ZOOM_LEVEL\n+         * {Integer} 21\n+         */\n+        MAX_ZOOM_LEVEL: 21,\n+\n+        /** \n+         * Constant: RESOLUTIONS\n+         * {Array(Float)} Hardcode these resolutions so that they are more closely\n+         *                tied with the standard wms projection\n+         */\n+        RESOLUTIONS: [\n+            1.40625,\n+            0.703125,\n+            0.3515625,\n+            0.17578125,\n+            0.087890625,\n+            0.0439453125,\n+            0.02197265625,\n+            0.010986328125,\n+            0.0054931640625,\n+            0.00274658203125,\n+            0.001373291015625,\n+            0.0006866455078125,\n+            0.00034332275390625,\n+            0.000171661376953125,\n+            0.0000858306884765625,\n+            0.00004291534423828125,\n+            0.00002145767211914062,\n+            0.00001072883605957031,\n+            0.00000536441802978515,\n+            0.00000268220901489257,\n+            0.0000013411045074462891,\n+            0.00000067055225372314453\n+        ],\n+\n+        /**\n+         * APIProperty: type\n+         * {GMapType}\n+         */\n+        type: null,\n+\n+        /**\n+         * APIProperty: wrapDateLine\n+         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n+         *     Setting this to false only restricts panning if \n+         *     <sphericalMercator> is true. \n+         */\n+        wrapDateLine: true,\n+\n+        /**\n+         * APIProperty: sphericalMercator\n+         * {Boolean} Should the map act as a mercator-projected map? This will\n+         *     cause all interactions with the map to be in the actual map \n+         *     projection, which allows support for vector drawing, overlaying \n+         *     other maps, etc. \n+         */\n+        sphericalMercator: false,\n+\n+        /**\n+         * Property: version\n+         * {Number} The version of the Google Maps API\n+         */\n+        version: null,\n+\n+        /** \n+         * Constructor: OpenLayers.Layer.Google\n+         * \n+         * Parameters:\n+         * name - {String} A name for the layer.\n+         * options - {Object} An optional object whose properties will be set\n+         *     on the layer.\n+         */\n+        initialize: function(name, options) {\n+            options = options || {};\n+            if (!options.version) {\n+                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n+            }\n+            var mixin = OpenLayers.Layer.Google[\"v\" +\n+                options.version.replace(/\\./g, \"_\")];\n+            if (mixin) {\n+                OpenLayers.Util.applyDefaults(options, mixin);\n+            } else {\n+                throw \"Unsupported Google Maps API version: \" + options.version;\n+            }\n+\n+            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+            if (options.maxExtent) {\n+                options.maxExtent = options.maxExtent.clone();\n+            }\n+\n+            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n+                [name, options]);\n+            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n+                [name, options]);\n+\n+            if (this.sphericalMercator) {\n+                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+                this.initMercatorParameters();\n+            }\n+        },\n+\n+        /**\n+         * Method: clone\n+         * Create a clone of this layer\n+         *\n+         * Returns:\n+         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n+         */\n+        clone: function() {\n+            /**\n+             * This method isn't intended to be called by a subclass and it\n+             * doesn't call the same method on the superclass.  We don't call\n+             * the super's clone because we don't want properties that are set\n+             * on this layer after initialize (i.e. this.mapObject etc.).\n+             */\n+            return new OpenLayers.Layer.Google(\n+                this.name, this.getOptions()\n+            );\n+        },\n+\n+        /**\n+         * APIMethod: setVisibility\n+         * Set the visibility flag for the layer and hide/show & redraw \n+         *     accordingly. Fire event unless otherwise specified\n+         * \n+         * Note that visibility is no longer simply whether or not the layer's\n+         *     style.display is set to \"block\". Now we store a 'visibility' state \n+         *     property on the layer class, this allows us to remember whether or \n+         *     not we *desire* for a layer to be visible. In the case where the \n+         *     map's resolution is out of the layer's range, this desire may be \n+         *     subverted.\n+         * \n+         * Parameters:\n+         * visible - {Boolean} Display the layer (if in range)\n+         */\n+        setVisibility: function(visible) {\n+            // sharing a map container, opacity has to be set per layer\n+            var opacity = this.opacity == null ? 1 : this.opacity;\n+            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+            this.setOpacity(opacity);\n+        },\n+\n+        /** \n+         * APIMethod: display\n+         * Hide or show the Layer\n+         * \n+         * Parameters:\n+         * visible - {Boolean}\n+         */\n+        display: function(visible) {\n+            if (!this._dragging) {\n+                this.setGMapVisibility(visible);\n+            }\n+            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: moveTo\n+         * \n+         * Parameters:\n+         * bounds - {<OpenLayers.Bounds>}\n+         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+         *     do some init work in that case.\n+         * dragging - {Boolean}\n+         */\n+        moveTo: function(bounds, zoomChanged, dragging) {\n+            this._dragging = dragging;\n+            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+            delete this._dragging;\n+        },\n+\n+        /**\n+         * APIMethod: setOpacity\n+         * Sets the opacity for the entire layer (all images)\n+         * \n+         * Parameters:\n+         * opacity - {Float}\n+         */\n+        setOpacity: function(opacity) {\n+            if (opacity !== this.opacity) {\n+                if (this.map != null) {\n+                    this.map.events.triggerEvent(\"changelayer\", {\n+                        layer: this,\n+                        property: \"opacity\"\n+                    });\n+                }\n+                this.opacity = opacity;\n+            }\n+            // Though this layer's opacity may not change, we're sharing a container\n+            // and need to update the opacity for the entire container.\n+            if (this.getVisibility()) {\n+                var container = this.getMapContainer();\n+                OpenLayers.Util.modifyDOMElement(\n+                    container, null, null, null, null, null, null, opacity\n+                );\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: destroy\n+         * Clean up this layer.\n+         */\n+        destroy: function() {\n+            /**\n+             * We have to override this method because the event pane destroy\n+             * deletes the mapObject reference before removing this layer from\n+             * the map.\n+             */\n+            if (this.map) {\n+                this.setGMapVisibility(false);\n+                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+                if (cache && cache.count <= 1) {\n+                    this.removeGMapElements();\n+                }\n+            }\n+            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: removeGMapElements\n+         * Remove all elements added to the dom.  This should only be called if\n+         * this is the last of the Google layers for the given map.\n+         */\n+        removeGMapElements: function() {\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache) {\n+                // remove shared elements from dom\n+                var container = this.mapObject && this.getMapContainer();\n+                if (container && container.parentNode) {\n+                    container.parentNode.removeChild(container);\n+                }\n+                var termsOfUse = cache.termsOfUse;\n+                if (termsOfUse && termsOfUse.parentNode) {\n+                    termsOfUse.parentNode.removeChild(termsOfUse);\n+                }\n+                var poweredBy = cache.poweredBy;\n+                if (poweredBy && poweredBy.parentNode) {\n+                    poweredBy.parentNode.removeChild(poweredBy);\n+                }\n+                if (this.mapObject && window.google && google.maps &&\n+                    google.maps.event && google.maps.event.clearListeners) {\n+                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n+                }\n+            }\n+        },\n+\n+        /**\n+         * APIMethod: removeMap\n+         * On being removed from the map, also remove termsOfUse and poweredBy divs\n+         * \n+         * Parameters:\n+         * map - {<OpenLayers.Map>}\n+         */\n+        removeMap: function(map) {\n+            // hide layer before removing\n+            if (this.visibility && this.mapObject) {\n+                this.setGMapVisibility(false);\n+            }\n+            // check to see if last Google layer in this map\n+            var cache = OpenLayers.Layer.Google.cache[map.id];\n+            if (cache) {\n+                if (cache.count <= 1) {\n+                    this.removeGMapElements();\n+                    delete OpenLayers.Layer.Google.cache[map.id];\n+                } else {\n+                    // decrement the layer count\n+                    --cache.count;\n+                }\n+            }\n+            // remove references to gmap elements\n+            delete this.termsOfUse;\n+            delete this.poweredBy;\n+            delete this.mapObject;\n+            delete this.dragObject;\n+            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n+        },\n+\n+        //\n+        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+        //\n+\n+        /**\n+         * APIMethod: getOLBoundsFromMapObjectBounds\n+         * \n+         * Parameters:\n+         * moBounds - {Object}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n+         *                       passed-in MapObject Bounds.\n+         *                       Returns null if null value is passed in.\n+         */\n+        getOLBoundsFromMapObjectBounds: function(moBounds) {\n+            var olBounds = null;\n+            if (moBounds != null) {\n+                var sw = moBounds.getSouthWest();\n+                var ne = moBounds.getNorthEast();\n+                if (this.sphericalMercator) {\n+                    sw = this.forwardMercator(sw.lng(), sw.lat());\n+                    ne = this.forwardMercator(ne.lng(), ne.lat());\n+                } else {\n+                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n+                }\n+                olBounds = new OpenLayers.Bounds(sw.lon,\n+                    sw.lat,\n+                    ne.lon,\n+                    ne.lat);\n+            }\n+            return olBounds;\n+        },\n+\n+        /** \n+         * APIMethod: getWarningHTML\n+         * \n+         * Returns: \n+         * {String} String with information on why layer is broken, how to get\n+         *          it working.\n+         */\n+        getWarningHTML: function() {\n+            return OpenLayers.i18n(\"googleWarning\");\n+        },\n+\n+\n+        /************************************\n+         *                                  *\n+         *   MapObject Interface Controls   *\n+         *                                  *\n+         ************************************/\n+\n+\n+        // Get&Set Center, Zoom\n+\n+        /**\n+         * APIMethod: getMapObjectCenter\n+         * \n+         * Returns: \n+         * {Object} The mapObject's current center in Map Object format\n+         */\n+        getMapObjectCenter: function() {\n+            return this.mapObject.getCenter();\n+        },\n+\n+        /** \n+         * APIMethod: getMapObjectZoom\n+         * \n+         * Returns:\n+         * {Integer} The mapObject's current zoom, in Map Object format\n+         */\n+        getMapObjectZoom: function() {\n+            return this.mapObject.getZoom();\n+        },\n+\n+\n+        /************************************\n+         *                                  *\n+         *       MapObject Primitives       *\n+         *                                  *\n+         ************************************/\n+\n+\n+        // LonLat\n+\n+        /**\n+         * APIMethod: getLongitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Longitude of the given MapObject LonLat\n+         */\n+        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+            return this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n+                moLonLat.lng();\n+        },\n+\n+        /**\n+         * APIMethod: getLatitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Latitude of the given MapObject LonLat\n+         */\n+        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+            var lat = this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n+                moLonLat.lat();\n+            return lat;\n+        },\n+\n+        // Pixel\n+\n+        /**\n+         * APIMethod: getXFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} X value of the MapObject Pixel\n+         */\n+        getXFromMapObjectPixel: function(moPixel) {\n+            return moPixel.x;\n+        },\n+\n+        /**\n+         * APIMethod: getYFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} Y value of the MapObject Pixel\n+         */\n+        getYFromMapObjectPixel: function(moPixel) {\n+            return moPixel.y;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Layer.Google\"\n+    });\n+\n+/**\n+ * Property: OpenLayers.Layer.Google.cache\n+ * {Object} Cache for elements that should only be created once per map.\n+ */\n+OpenLayers.Layer.Google.cache = {};\n+\n+\n+/**\n+ * Constant: OpenLayers.Layer.Google.v2\n+ * \n+ * Mixin providing functionality specific to the Google Maps API v2.\n+ * \n+ * This API has been deprecated by Google.\n+ * Developers are encouraged to migrate to v3 of the API; support for this\n+ * is provided by <OpenLayers.Layer.Google.v3>\n+ */\n+OpenLayers.Layer.Google.v2 = {\n \n     /**\n-     * Method: drawLineString\n-     * Virtual function for drawing LineString Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components of\n-     *     the linestring, or false if nothing could be drawn\n+     * Property: termsOfUse\n+     * {DOMElement} Div for Google's copyright and terms of use link\n      */\n-    drawLineString: function(node, geometry) {},\n+    termsOfUse: null,\n \n     /**\n-     * Method: drawLinearRing\n-     * Virtual function for drawing LinearRing Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the linear ring, or false if nothing could be drawn\n+     * Property: poweredBy\n+     * {DOMElement} Div for Google's powered by logo and link\n      */\n-    drawLinearRing: function(node, geometry) {},\n+    poweredBy: null,\n \n     /**\n-     * Method: drawPolygon\n-     * Virtual function for drawing Polygon Geometry. \n-     *    Should be implemented by subclasses.\n-     *    This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the polygon, or false if nothing could be drawn\n+     * Property: dragObject\n+     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n+     *     the maps GDraggableObject. We can now use this for smooth panning\n      */\n-    drawPolygon: function(node, geometry) {},\n+    dragObject: null,\n+\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners. If we can't \n+     *     load GMap2, then display a warning message.\n+     */\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP;\n+        }\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            // increment the layer count\n+            ++cache.count;\n+        } else {\n+            // this is the first Google layer for this map\n+\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n+\n+            // create GMap and shuffle elements\n+            try {\n+                mapObject = new GMap2(div);\n+\n+                // move the ToS and branding stuff up to the container div\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n+\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n+\n+            } catch (e) {\n+                throw (e);\n+            }\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            };\n+        }\n+\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n+\n+        // ensure this layer type is one of the mapObject types\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n+                this.type) === -1) {\n+            this.mapObject.addMapType(this.type);\n+        }\n+\n+        //since v 2.93 getDragObject is now available.\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject();\n+        } else {\n+            this.dragPanMapObject = null;\n+        }\n+\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\");\n+        }\n+\n+    },\n \n     /**\n-     * Method: drawRectangle\n-     * Virtual function for drawing Rectangle Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the rectangle\n+     * APIMethod: onMapResize\n      */\n-    drawRectangle: function(node, geometry) {},\n+    onMapResize: function() {\n+        // workaround for resizing of invisible or not yet fully loaded layers\n+        // where GMap2.checkResize() does not work. We need to load the GMap\n+        // for the old div size, then checkResize(), and then call\n+        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n+        // the GMap initialization).\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize();\n+        } else {\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n+                });\n+            }\n+            this._resized = true;\n+        }\n+    },\n \n     /**\n-     * Method: drawCircle\n-     * Virtual function for drawing Circle Geometry. \n-     *     Should be implemented by subclasses.\n-     *     This method is only called by the renderer itself.\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * visible - {Boolean} Display the GMap elements.\n+     */\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id;\n+            } else {\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed;\n+                }\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    // move ToU far to the left in addition to setting display\n+                    // to \"none\", because at the end of the GMap2 load\n+                    // sequence, display: none will be unset and ToU would be\n+                    // visible after loading a map with a google layer that is\n+                    // initially hidden. \n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\";\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the circle\n+     * {DOMElement} the GMap container's div\n      */\n-    drawCircle: function(node, geometry) {},\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer();\n+    },\n+\n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n \n     /**\n-     * Method: removeText\n-     * Removes a label\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n      * \n      * Parameters:\n-     * featureId - {String}\n+     * olBounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    removeText: function(featureId) {\n-        var label = document.getElementById(featureId + this.LABEL_ID_SUFFIX);\n-        if (label) {\n-            this.textRoot.removeChild(label);\n-        }\n-        var outline = document.getElementById(featureId + this.LABEL_OUTLINE_SUFFIX);\n-        if (outline) {\n-            this.textRoot.removeChild(outline);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n+                new GLatLng(ne.lat, ne.lon));\n         }\n+        return moBounds;\n     },\n \n-    /**\n-     * Method: getFeatureIdFromEvent\n+\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // Get&Set Center, Zoom\n+\n+    /** \n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n      * \n      * Parameters:\n-     * evt - {Object} An <OpenLayers.Event> object\n-     *\n-     * Returns:\n-     * {String} A feature id or undefined.\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var target = evt.target;\n-        var useElement = target && target.correspondingUseElement;\n-        var node = useElement ? useElement : (target || evt.srcElement);\n-        return node._featureId;\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom);\n     },\n \n-    /** \n-     * Method: eraseGeometry\n-     * Erase a geometry from the renderer. In the case of a multi-geometry, \n-     *     we cycle through and recurse on ourselves. Otherwise, we look for a \n-     *     node with the geometry.id, destroy its geometry, and remove it from\n-     *     the DOM.\n+    /**\n+     * APIMethod: dragPanMapObject\n      * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * featureId - {String}\n+     * dX - {Integer}\n+     * dY - {Integer}\n      */\n-    eraseGeometry: function(geometry, featureId) {\n-        if ((geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.MultiPolygon\") ||\n-            (geometry.CLASS_NAME == \"OpenLayers.Geometry.Collection\")) {\n-            for (var i = 0, len = geometry.components.length; i < len; i++) {\n-                this.eraseGeometry(geometry.components[i], featureId);\n-            }\n-        } else {\n-            var element = OpenLayers.Util.getElement(geometry.id);\n-            if (element && element.parentNode) {\n-                if (element.geometry) {\n-                    element.geometry.destroy();\n-                    element.geometry = null;\n-                }\n-                element.parentNode.removeChild(element);\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY));\n+    },\n \n-                if (this.indexer) {\n-                    this.indexer.remove(element);\n-                }\n \n-                if (element._style.backgroundGraphic) {\n-                    var backgroundId = geometry.id + this.BACKGROUND_ID_SUFFIX;\n-                    var bElem = OpenLayers.Util.getElement(backgroundId);\n-                    if (bElem && bElem.parentNode) {\n-                        // No need to destroy the geometry since the element and the background\n-                        // node share the same geometry.\n-                        bElem.parentNode.removeChild(bElem);\n-                    }\n-                }\n-            }\n-        }\n-    },\n+    // LonLat - Pixel Translation\n \n-    /** \n-     * Method: nodeFactory\n-     * Create new node of the specified type, with the (optional) specified id.\n-     * \n-     * If node already exists with same ID and a different type, we remove it\n-     *     and then call ourselves again to recreate it.\n+    /**\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n      * \n      * Parameters:\n-     * id - {String}\n-     * type - {String} type Kind of node to draw.\n+     * moPixel - {Object} MapObject Pixel format\n      * \n      * Returns:\n-     * {DOMElement} A new node of the given type and id.\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    nodeFactory: function(id, type) {\n-        var node = OpenLayers.Util.getElement(id);\n-        if (node) {\n-            if (!this.nodeTypeCompare(node, type)) {\n-                node.parentNode.removeChild(node);\n-                node = this.nodeFactory(id, type);\n-            }\n-        } else {\n-            node = this.createNode(type, id);\n-        }\n-        return node;\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n     },\n \n-    /** \n-     * Method: nodeTypeCompare\n+    /**\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * type - {String} Kind of node\n+     * moLonLat - {Object} MapObject LonLat format\n      * \n      * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n-     *     This function must be overridden by subclasses.\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    nodeTypeCompare: function(node, type) {},\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n+    },\n+\n+\n+    // Bounds\n \n     /** \n-     * Method: createNode\n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n      * \n      * Parameters:\n-     * type - {String} Kind of node to draw.\n-     * id - {String} Id for node.\n+     * moBounds - {Object} MapObject Bounds format\n      * \n      * Returns:\n-     * {DOMElement} A new node of the given type and id.\n-     *     This function must be overridden by subclasses.\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    createNode: function(type, id) {},\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n+    },\n+\n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n \n     /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a different renderer.\n+     * APIMethod: getMapObjectLonLatFromLonLat\n      * \n      * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     */\n-    moveRoot: function(renderer) {\n-        var root = this.root;\n-        if (renderer.root.parentNode == this.rendererRoot) {\n-            root = renderer.root;\n-        }\n-        root.parentNode.removeChild(root);\n-        renderer.rendererRoot.appendChild(root);\n-    },\n-\n-    /**\n-     * Method: getRenderLayerId\n-     * Gets the layer that this renderer's output appears on. If moveRoot was\n-     * used, this will be different from the id of the layer containing the\n-     * features rendered by this renderer.\n+     * lon - {Float}\n+     * lat - {Float}\n      * \n      * Returns:\n-     * {String} the id of the output layer.\n+     * {Object} MapObject LonLat built from lon and lat params\n      */\n-    getRenderLayerId: function() {\n-        return this.root.parentNode.parentNode.id;\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n+        } else {\n+            gLatLng = new GLatLng(lat, lon);\n+        }\n+        return gLatLng;\n     },\n \n+    // Pixel\n+\n     /**\n-     * Method: isComplexSymbol\n-     * Determines if a symbol cannot be rendered using drawCircle\n+     * APIMethod: getMapObjectPixelFromXY\n      * \n      * Parameters:\n-     * graphicName - {String}\n+     * x - {Integer}\n+     * y - {Integer}\n      * \n-     * Returns\n-     * {Boolean} true if the symbol is complex, false if not\n+     * Returns:\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    isComplexSymbol: function(graphicName) {\n-        return (graphicName != \"circle\") && !!graphicName;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Renderer.Elements\"\n-});\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y);\n+    }\n \n+};\n /* ======================================================================\n-    OpenLayers/Renderer/SVG.js\n+    OpenLayers/Layer/Google/v3.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Renderer/Elements.js\n+ * @requires OpenLayers/Layer/Google.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.SVG\n+ * Constant: OpenLayers.Layer.Google.v3\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer.Elements>\n+ * Mixin providing functionality specific to the Google Maps API v3.\n+ * \n+ * To use this layer, you must include the GMaps v3 API in your html.\n+ * \n+ * Note that this layer configures the google.maps.map object with the\n+ * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n+ * Maps API provides is not supported by the OpenLayers API.\n  */\n-OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n-\n-    /** \n-     * Property: xmlns\n-     * {String}\n-     */\n-    xmlns: \"http://www.w3.org/2000/svg\",\n+OpenLayers.Layer.Google.v3 = {\n \n     /**\n-     * Property: xlinkns\n-     * {String}\n+     * Constant: DEFAULTS\n+     * {Object} It is not recommended to change the properties set here. Note\n+     * that Google.v3 layers only work when sphericalMercator is set to true.\n+     * \n+     * (code)\n+     * {\n+     *     sphericalMercator: true,\n+     *     projection: \"EPSG:900913\"\n+     * }\n+     * (end)\n      */\n-    xlinkns: \"http://www.w3.org/1999/xlink\",\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n \n     /**\n-     * Constant: MAX_PIXEL\n-     * {Integer} Firefox has a limitation where values larger or smaller than  \n-     *           about 15000 in an SVG document lock the browser up. This \n-     *           works around it.\n+     * APIProperty: animationEnabled\n+     * {Boolean} If set to true, the transition between zoom levels will be\n+     *     animated (if supported by the GMaps API for the device used). Set to\n+     *     false to match the zooming experience of other layer types. Default\n+     *     is true. Note that the GMaps API does not give us control over zoom\n+     *     animation, so if set to false, when zooming, this will make the\n+     *     layer temporarily invisible, wait until GMaps reports the map being\n+     *     idle, and make it visible again. The result will be a blank layer\n+     *     for a few moments while zooming.\n      */\n-    MAX_PIXEL: 15000,\n+    animationEnabled: true,\n \n-    /**\n-     * Property: translationParameters\n-     * {Object} Hash with \"x\" and \"y\" properties\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners.\n      */\n-    translationParameters: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP;\n+        }\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            // increment the layer count\n+            ++cache.count;\n+        } else {\n+            // this is the first Google layer for this map\n+            // create GMap\n+            var center = this.map.getCenter();\n+            var container = document.createElement('div');\n+            container.className = \"olForeignContainer\";\n+            container.style.width = '100%';\n+            container.style.height = '100%';\n+            mapObject = new google.maps.Map(container, {\n+                center: center ?\n+                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n+            });\n+            var googleControl = document.createElement('div');\n+            googleControl.style.width = '100%';\n+            googleControl.style.height = '100%';\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n+\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n+        }\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility);\n+    },\n \n     /**\n-     * Property: symbolMetrics\n-     * {Object} Cache for symbol metrics according to their svg coordinate\n-     *     space. This is an object keyed by the symbol's id, and values are\n-     *     an array of [width, centerX, centerY].\n+     * APIMethod: onMapResize\n      */\n-    symbolMetrics: null,\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\");\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Renderer.SVG\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n      * Parameters:\n-     * containerID - {String}\n+     * visible - {Boolean} Display the GMap elements.\n      */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google &&\n+                    layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break;\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter());\n+                        });\n+                    } else {\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, 'resize');\n+                    }\n+                }\n+                this.mapObject.setMapTypeId(type);\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container);\n+            }\n         }\n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-        this.translationParameters = {\n-            x: 0,\n-            y: 0\n-        };\n-\n-        this.symbolMetrics = {};\n     },\n \n     /**\n-     * APIMethod: supported\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {Boolean} Whether or not the browser supports the SVG renderer\n+     * {DOMElement} the GMap container's div\n      */\n-    supported: function() {\n-        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n-        return (document.implementation &&\n-            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n-                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n-                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv();\n     },\n \n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n+\n     /**\n-     * Method: inValidRange\n-     * See #669 for more information\n-     *\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n+     * \n      * Parameters:\n-     * x      - {Integer}\n-     * y      - {Integer}\n-     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n-     *     to not take the current translation parameters into account if true.\n+     * olBounds - {<OpenLayers.Bounds>}\n      * \n      * Returns:\n-     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n-     *           valid range.\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    inValidRange: function(x, y, xyOnly) {\n-        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n-        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n-        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n-            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(\n+                new google.maps.LatLng(sw.lat, sw.lon),\n+                new google.maps.LatLng(ne.lat, ne.lon)\n+            );\n+        }\n+        return moBounds;\n     },\n \n+\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat - Pixel Translation\n+\n     /**\n-     * Method: setExtent\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n      * \n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n+     * moPixel - {Object} MapObject Pixel format\n      * \n      * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n \n-        var resolution = this.getResolution(),\n-            left = -extent.left / resolution,\n-            top = extent.top / resolution;\n+        var delta_x = moPixel.x - (size.w / 2);\n+        var delta_y = moPixel.y - (size.h / 2);\n \n-        // If the resolution has changed, start over changing the corner, because\n-        // the features will redraw.\n-        if (resolutionChanged) {\n-            this.left = left;\n-            this.top = top;\n-            // Set the viewbox\n-            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n+        var lonlat = new OpenLayers.LonLat(\n+            lon + delta_x * res,\n+            lat - delta_y * res\n+        );\n \n-            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n-            this.translate(this.xOffset, 0);\n-            return true;\n-        } else {\n-            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n-            if (!inRange) {\n-                // recenter the coordinate system\n-                this.setExtent(extent, true);\n-            }\n-            return coordSysUnchanged && inRange;\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent);\n         }\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n     },\n \n     /**\n-     * Method: translate\n-     * Transforms the SVG coordinate system\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n      * \n      * Parameters:\n-     * x - {Float}\n-     * y - {Float}\n+     * moLonLat - {Object} MapObject LonLat format\n      * \n      * Returns:\n-     * {Boolean} true if the translation parameters are in the valid coordinates\n-     *     range, false otherwise.\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    translate: function(x, y) {\n-        if (!this.inValidRange(x, y, true)) {\n-            return false;\n-        } else {\n-            var transformString = \"\";\n-            if (x || y) {\n-                transformString = \"translate(\" + x + \",\" + y + \")\";\n-            }\n-            this.root.setAttributeNS(null, \"transform\", transformString);\n-            this.translationParameters = {\n-                x: x,\n-                y: y\n-            };\n-            return true;\n-        }\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n+            (1 / res * (extent.top - lat)));\n     },\n \n-    /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n+\n+    /** \n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n      * \n      * Parameters:\n-     * size - {<OpenLayers.Size>} The size of the drawing surface\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n      */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n-\n-        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n-        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(\n+                this.mapObject,\n+                \"idle\",\n+                function() {\n+                    mapContainer.style.visibility = \"\";\n+                }\n+            );\n+            mapContainer.style.visibility = \"hidden\";\n+        }\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        });\n     },\n \n+\n+    // Bounds\n+\n     /** \n-     * Method: getNodeType \n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n      * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * moBounds - {Object} MapObject Bounds format\n      * \n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"image\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"svg\";\n-                } else {\n-                    nodeType = \"circle\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                nodeType = \"polyline\";\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                nodeType = \"polygon\";\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"path\";\n-                break;\n-            default:\n-                break;\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n+    },\n+\n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n+\n+    /**\n+     * APIMethod: getMapObjectLonLatFromLonLat\n+     * \n+     * Parameters:\n+     * lon - {Float}\n+     * lat - {Float}\n+     * \n+     * Returns:\n+     * {Object} MapObject LonLat built from lon and lat params\n+     */\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon);\n         }\n-        return nodeType;\n+        return gLatLng;\n     },\n \n-    /** \n-     * Method: setStyle\n-     * Use to set all the style attributes to a SVG node.\n+    // Pixel\n+\n+    /**\n+     * APIMethod: getMapObjectPixelFromXY\n      * \n-     * Takes care to adjust stroke width and point radius to be\n-     * resolution-relative\n-     *\n      * Parameters:\n-     * node - {SVGDomElement} An SVG element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n+     * x - {Integer}\n+     * y - {Integer}\n+     * \n+     * Returns:\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    setStyle: function(node, style, options) {\n-        style = style || node._style;\n-        options = options || node._options;\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y);\n+    }\n \n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.setAttributeNS(null, \"title\", title);\n-            //Standards-conformant SVG\n-            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n-            var titleNode = node.getElementsByTagName(\"title\");\n-            if (titleNode.length > 0) {\n-                titleNode[0].firstChild.textContent = title;\n-            } else {\n-                var label = this.nodeFactory(null, \"title\");\n-                label.textContent = title;\n-                node.appendChild(label);\n-            }\n-        }\n+};\n+/* ======================================================================\n+    OpenLayers/Popup.js\n+   ====================================================================== */\n \n-        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n-        var widthFactor = 1;\n-        var pos;\n-        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n-            node.style.visibility = \"\";\n-            if (style.graphic === false) {\n-                node.style.visibility = \"hidden\";\n-            } else if (style.externalGraphic) {\n-                pos = this.getPosition(node);\n-                if (style.graphicWidth && style.graphicHeight) {\n-                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n-                }\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                var opacity = style.graphicOpacity || style.fillOpacity;\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n \n-                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n-                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n-                node.setAttributeNS(null, \"width\", width);\n-                node.setAttributeNS(null, \"height\", height);\n-                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n-                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n-                node.onclick = OpenLayers.Event.preventDefault;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                // the symbol viewBox is three times as large as the symbol\n-                var offset = style.pointRadius * 3;\n-                var size = offset * 2;\n-                var src = this.importSymbol(style.graphicName);\n-                pos = this.getPosition(node);\n-                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n \n-                // remove the node from the dom before we modify it. This\n-                // prevents various rendering issues in Safari and FF\n-                var parent = node.parentNode;\n-                var nextSibling = node.nextSibling;\n-                if (parent) {\n-                    parent.removeChild(node);\n-                }\n+/**\n+ * Class: OpenLayers.Popup\n+ * A popup is a small div that can opened and closed on the map.\n+ * Typically opened in response to clicking on a marker.  \n+ * See <OpenLayers.Marker>.  Popup's don't require their own\n+ * layer and are added the the map using the <OpenLayers.Map.addPopup>\n+ * method.\n+ *\n+ * Example:\n+ * (code)\n+ * popup = new OpenLayers.Popup(\"chicken\", \n+ *                    new OpenLayers.LonLat(5,40),\n+ *                    new OpenLayers.Size(200,200),\n+ *                    \"example popup\",\n+ *                    true);\n+ *       \n+ * map.addPopup(popup);\n+ * (end)\n+ */\n+OpenLayers.Popup = OpenLayers.Class({\n \n-                // The more appropriate way to implement this would be use/defs,\n-                // but due to various issues in several browsers, it is safer to\n-                // copy the symbols instead of referencing them. \n-                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n-                // and this email thread\n-                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n-                node.firstChild && node.removeChild(node.firstChild);\n-                node.appendChild(src.firstChild.cloneNode(true));\n-                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n+    /** \n+     * Property: events  \n+     * {<OpenLayers.Events>} custom event manager \n+     */\n+    events: null,\n \n-                node.setAttributeNS(null, \"width\", size);\n-                node.setAttributeNS(null, \"height\", size);\n-                node.setAttributeNS(null, \"x\", pos.x - offset);\n-                node.setAttributeNS(null, \"y\", pos.y - offset);\n+    /** Property: id\n+     * {String} the unique identifier assigned to this popup.\n+     */\n+    id: \"\",\n \n-                // now that the node has all its new properties, insert it\n-                // back into the dom where it was\n-                if (nextSibling) {\n-                    parent.insertBefore(node, nextSibling);\n-                } else if (parent) {\n-                    parent.appendChild(node);\n-                }\n-            } else {\n-                node.setAttributeNS(null, \"r\", style.pointRadius);\n-            }\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} the position of this popup on the map\n+     */\n+    lonlat: null,\n \n-            var rotation = style.rotation;\n+    /** \n+     * Property: div \n+     * {DOMElement} the div that contains this popup.\n+     */\n+    div: null,\n \n-            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n-                node._rotation = rotation;\n-                rotation |= 0;\n-                if (node.nodeName !== \"svg\") {\n-                    node.setAttributeNS(null, \"transform\",\n-                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n-                        pos.y + \")\");\n-                } else {\n-                    var metrics = this.symbolMetrics[src.id];\n-                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n-                        rotation + \" \" +\n-                        metrics[1] + \" \" +\n-                        metrics[2] + \")\");\n-                }\n-            }\n-        }\n+    /** \n+     * Property: contentSize \n+     * {<OpenLayers.Size>} the width and height of the content.\n+     */\n+    contentSize: null,\n \n-        if (options.isFilled) {\n-            node.setAttributeNS(null, \"fill\", style.fillColor);\n-            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n-        } else {\n-            node.setAttributeNS(null, \"fill\", \"none\");\n-        }\n+    /** \n+     * Property: size \n+     * {<OpenLayers.Size>} the width and height of the popup.\n+     */\n+    size: null,\n \n-        if (options.isStroked) {\n-            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n-            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n-            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n-            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n-            // Hard-coded linejoin for now, to make it look the same as in VML.\n-            // There is no strokeLinejoin property yet for symbolizers.\n-            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n-            style.strokeDashstyle && node.setAttributeNS(null,\n-                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n-        } else {\n-            node.setAttributeNS(null, \"stroke\", \"none\");\n-        }\n+    /** \n+     * Property: contentHTML \n+     * {String} An HTML string for this popup to display.\n+     */\n+    contentHTML: null,\n \n-        if (style.pointerEvents) {\n-            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n-        }\n+    /** \n+     * Property: backgroundColor \n+     * {String} the background color used by the popup.\n+     */\n+    backgroundColor: \"\",\n \n-        if (style.cursor != null) {\n-            node.setAttributeNS(null, \"cursor\", style.cursor);\n-        }\n+    /** \n+     * Property: opacity \n+     * {float} the opacity of this popup (between 0.0 and 1.0)\n+     */\n+    opacity: \"\",\n \n-        return node;\n-    },\n+    /** \n+     * Property: border \n+     * {String} the border size of the popup.  (eg 2px)\n+     */\n+    border: \"\",\n \n     /** \n-     * Method: dashStyle\n-     * \n-     * Parameters:\n-     * style - {Object}\n-     * widthFactor - {Number}\n-     * \n-     * Returns:\n-     * {String} A SVG compliant 'stroke-dasharray' value\n+     * Property: contentDiv \n+     * {DOMElement} a reference to the element that holds the content of\n+     *              the div.\n      */\n-    dashStyle: function(style, widthFactor) {\n-        var w = style.strokeWidth * widthFactor;\n-        var str = style.strokeDashstyle;\n-        switch (str) {\n-            case 'solid':\n-                return 'none';\n-            case 'dot':\n-                return [1, 4 * w].join();\n-            case 'dash':\n-                return [4 * w, 4 * w].join();\n-            case 'dashdot':\n-                return [4 * w, 4 * w, 1, 4 * w].join();\n-            case 'longdash':\n-                return [8 * w, 4 * w].join();\n-            case 'longdashdot':\n-                return [8 * w, 4 * w, 1, 4 * w].join();\n-            default:\n-                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n-        }\n-    },\n+    contentDiv: null,\n \n     /** \n-     * Method: createNode\n-     * \n-     * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n-     * \n-     * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * Property: groupDiv \n+     * {DOMElement} First and only child of 'div'. The group Div contains the\n+     *     'contentDiv' and the 'closeDiv'.\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElementNS(this.xmlns, type);\n-        if (id) {\n-            node.setAttributeNS(null, \"id\", id);\n-        }\n-        return node;\n-    },\n+    groupDiv: null,\n \n     /** \n-     * Method: nodeTypeCompare\n-     * \n-     * Parameters:\n-     * node - {SVGDomElement} An SVG element\n-     * type - {String} Kind of node\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n+     * Property: closeDiv\n+     * {DOMElement} the optional closer image\n      */\n-    nodeTypeCompare: function(node, type) {\n-        return (type == node.nodeName);\n-    },\n+    closeDiv: null,\n \n-    /**\n-     * Method: createRenderRoot\n-     * \n-     * Returns:\n-     * {DOMElement} The specific render engine's root element\n+    /** \n+     * APIProperty: autoSize\n+     * {Boolean} Resize the popup to auto-fit the contents.\n+     *     Default is false.\n      */\n-    createRenderRoot: function() {\n-        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n-        svg.style.display = \"block\";\n-        return svg;\n-    },\n+    autoSize: false,\n \n     /**\n-     * Method: createRoot\n-     * \n-     * Parameters:\n-     * suffix - {String} suffix to append to the id\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * APIProperty: minSize\n+     * {<OpenLayers.Size>} Minimum size allowed for the popup's contents.\n      */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"g\");\n-    },\n+    minSize: null,\n \n     /**\n-     * Method: createDefs\n-     *\n-     * Returns:\n-     * {DOMElement} The element to which we'll add the symbol definitions\n+     * APIProperty: maxSize\n+     * {<OpenLayers.Size>} Maximum size allowed for the popup's contents.\n      */\n-    createDefs: function() {\n-        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n-        this.rendererRoot.appendChild(defs);\n-        return defs;\n-    },\n+    maxSize: null,\n \n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n+    /** \n+     * Property: displayClass\n+     * {String} The CSS class of the popup.\n+     */\n+    displayClass: \"olPopup\",\n \n-    /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the point\n+    /** \n+     * Property: contentDisplayClass\n+     * {String} The CSS class of the popup content div.\n      */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n-    },\n+    contentDisplayClass: \"olPopupContent\",\n \n-    /**\n-     * Method: drawCircle\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {Float}\n+    /** \n+     * Property: padding \n+     * {int or <OpenLayers.Bounds>} An extra opportunity to specify internal \n+     *     padding of the content div inside the popup. This was originally\n+     *     confused with the css padding as specified in style.css's \n+     *     'olPopupContent' class. We would like to get rid of this altogether,\n+     *     except that it does come in handy for the framed and anchoredbubble\n+     *     popups, who need to maintain yet another barrier between their \n+     *     content and the outer border of the popup itself. \n      * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the circle\n+     *     Note that in order to not break API, we must continue to support \n+     *     this property being set as an integer. Really, though, we'd like to \n+     *     have this specified as a Bounds object so that user can specify\n+     *     distinct left, top, right, bottom paddings. With the 3.0 release\n+     *     we can make this only a bounds.\n      */\n-    drawCircle: function(node, geometry, radius) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"cx\", x);\n-            node.setAttributeNS(null, \"cy\", y);\n-            node.setAttributeNS(null, \"r\", radius);\n-            return node;\n-        } else {\n-            return false;\n-        }\n+    padding: 0,\n \n-    },\n+    /** \n+     * Property: disableFirefoxOverflowHack\n+     * {Boolean} The hack for overflow in Firefox causes all elements \n+     *     to be re-drawn, which causes Flash elements to be \n+     *     re-initialized, which is troublesome.\n+     *     With this property the hack can be disabled.\n+     */\n+    disableFirefoxOverflowHack: false,\n \n     /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components of\n-     *     the linestring, or false if nothing could be drawn\n+     * Method: fixPadding\n+     * To be removed in 3.0, this function merely helps us to deal with the \n+     *     case where the user may have set an integer value for padding, \n+     *     instead of an <OpenLayers.Bounds> object.\n      */\n-    drawLineString: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n-        } else {\n-            return false;\n+    fixPadding: function() {\n+        if (typeof this.padding == \"number\") {\n+            this.padding = new OpenLayers.Bounds(\n+                this.padding, this.padding, this.padding, this.padding\n+            );\n         }\n     },\n \n     /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the linear ring, or false if nothing could be drawn\n+     * APIProperty: panMapIfOutOfView\n+     * {Boolean} When drawn, pan map such that the entire popup is visible in\n+     *     the current viewport (if necessary).\n+     *     Default is false.\n      */\n-    drawLinearRing: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n-        } else {\n-            return false;\n-        }\n-    },\n+    panMapIfOutOfView: false,\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the polygon, or false if nothing could be drawn\n+     * APIProperty: keepInMap \n+     * {Boolean} If panMapIfOutOfView is false, and this property is true, \n+     *     contrain the popup such that it always fits in the available map\n+     *     space. By default, this is not set on the base class. If you are\n+     *     creating popups that are near map edges and not allowing pannning,\n+     *     and especially if you have a popup which has a\n+     *     fixedRelativePosition, setting this to false may be a smart thing to\n+     *     do. Subclasses may want to override this setting.\n+     *   \n+     *     Default is false.\n      */\n-    drawPolygon: function(node, geometry) {\n-        var d = \"\";\n-        var draw = true;\n-        var complete = true;\n-        var linearRingResult, path;\n-        for (var j = 0, len = geometry.components.length; j < len; j++) {\n-            d += \" M\";\n-            linearRingResult = this.getComponentsString(\n-                geometry.components[j].components, \" \");\n-            path = linearRingResult.path;\n-            if (path) {\n-                d += \" \" + path;\n-                complete = linearRingResult.complete && complete;\n-            } else {\n-                draw = false;\n-            }\n-        }\n-        d += \" z\";\n-        if (draw) {\n-            node.setAttributeNS(null, \"d\", d);\n-            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n-            return complete ? node : null;\n-        } else {\n-            return false;\n-        }\n-    },\n+    keepInMap: false,\n \n     /**\n-     * Method: drawRectangle\n-     * This method is only called by the renderer itself.\n+     * APIProperty: closeOnMove\n+     * {Boolean} When map pans, close the popup.\n+     *     Default is false.\n+     */\n+    closeOnMove: false,\n+\n+    /** \n+     * Property: map \n+     * {<OpenLayers.Map>} this gets set in Map.js when the popup is added to the map\n+     */\n+    map: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Popup\n+     * Create a popup.\n      * \n      * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the renderer could not draw the rectangle\n+     * id - {String} a unqiue identifier for this popup.  If null is passed\n+     *               an identifier will be automatically generated. \n+     * lonlat - {<OpenLayers.LonLat>}  The position on the map the popup will\n+     *                                 be shown.\n+     * contentSize - {<OpenLayers.Size>} The size of the content.\n+     * contentHTML - {String}          An HTML string to display inside the   \n+     *                                 popup.\n+     * closeBox - {Boolean}            Whether to display a close box inside\n+     *                                 the popup.\n+     * closeBoxCallback - {Function}   Function to be called on closeBox click.\n      */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n+    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n+        if (id == null) {\n+            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+        }\n \n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"x\", x);\n-            node.setAttributeNS(null, \"y\", y);\n-            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n-            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n-            return node;\n-        } else {\n-            return false;\n+        this.id = id;\n+        this.lonlat = lonlat;\n+\n+        this.contentSize = (contentSize != null) ? contentSize :\n+            new OpenLayers.Size(\n+                OpenLayers.Popup.WIDTH,\n+                OpenLayers.Popup.HEIGHT);\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML;\n         }\n-    },\n+        this.backgroundColor = OpenLayers.Popup.COLOR;\n+        this.opacity = OpenLayers.Popup.OPACITY;\n+        this.border = OpenLayers.Popup.BORDER;\n \n-    /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     *\n-     * Parameters:\n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {\n-        var drawOutline = (!!style.labelOutlineWidth);\n-        // First draw text in halo color and size and overlay the\n-        // normal text afterwards\n-        if (drawOutline) {\n-            var outlineStyle = OpenLayers.Util.extend({}, style);\n-            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n-            if (style.labelOutlineOpacity) {\n-                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n-            }\n-            delete outlineStyle.labelOutlineWidth;\n-            this.drawText(featureId, outlineStyle, location);\n+        this.div = OpenLayers.Util.createDiv(this.id, null, null,\n+            null, null, null, \"hidden\");\n+        this.div.className = this.displayClass;\n+\n+        var groupDivId = this.id + \"_GroupDiv\";\n+        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null,\n+            null, \"relative\", null,\n+            \"hidden\");\n+\n+        var id = this.div.id + \"_contentDiv\";\n+        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(),\n+            null, \"relative\");\n+        this.contentDiv.className = this.contentDisplayClass;\n+        this.groupDiv.appendChild(this.contentDiv);\n+        this.div.appendChild(this.groupDiv);\n+\n+        if (closeBox) {\n+            this.addCloseBox(closeBoxCallback);\n         }\n \n-        var resolution = this.getResolution();\n+        this.registerEvents();\n+    },\n \n-        var x = ((location.x - this.featureDx) / resolution + this.left);\n-        var y = (location.y / resolution - this.top);\n+    /** \n+     * Method: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n \n-        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n-        var label = this.nodeFactory(featureId + suffix, \"text\");\n+        this.id = null;\n+        this.lonlat = null;\n+        this.size = null;\n+        this.contentHTML = null;\n \n-        label.setAttributeNS(null, \"x\", x);\n-        label.setAttributeNS(null, \"y\", -y);\n+        this.backgroundColor = null;\n+        this.opacity = null;\n+        this.border = null;\n \n-        if (style.fontColor) {\n-            label.setAttributeNS(null, \"fill\", style.fontColor);\n-        }\n-        if (style.fontStrokeColor) {\n-            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n-        }\n-        if (style.fontStrokeWidth) {\n-            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n-        }\n-        if (style.fontOpacity) {\n-            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n-        }\n-        if (style.fontFamily) {\n-            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n-        }\n-        if (style.fontSize) {\n-            label.setAttributeNS(null, \"font-size\", style.fontSize);\n-        }\n-        if (style.fontWeight) {\n-            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n-        }\n-        if (style.fontStyle) {\n-            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n-        }\n-        if (style.labelSelect === true) {\n-            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n-            label._featureId = featureId;\n-        } else {\n-            label.setAttributeNS(null, \"pointer-events\", \"none\");\n+        if (this.closeOnMove && this.map) {\n+            this.map.events.unregister(\"movestart\", this, this.hide);\n         }\n-        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n-        label.setAttributeNS(null, \"text-anchor\",\n-            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n \n-        if (OpenLayers.IS_GECKO === true) {\n-            label.setAttributeNS(null, \"dominant-baseline\",\n-                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n-        }\n+        this.events.destroy();\n+        this.events = null;\n \n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        while (label.childNodes.length > numRows) {\n-            label.removeChild(label.lastChild);\n-        }\n-        for (var i = 0; i < numRows; i++) {\n-            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n-            if (style.labelSelect === true) {\n-                tspan._featureId = featureId;\n-                tspan._geometry = location;\n-                tspan._geometryClass = location.CLASS_NAME;\n-            }\n-            if (OpenLayers.IS_GECKO === false) {\n-                tspan.setAttributeNS(null, \"baseline-shift\",\n-                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n-            }\n-            tspan.setAttribute(\"x\", x);\n-            if (i == 0) {\n-                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n-                if (vfactor == null) {\n-                    vfactor = -.5;\n-                }\n-                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n-            } else {\n-                tspan.setAttribute(\"dy\", \"1em\");\n-            }\n-            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n-            if (!tspan.parentNode) {\n-                label.appendChild(tspan);\n-            }\n+        if (this.closeDiv) {\n+            OpenLayers.Event.stopObservingElement(this.closeDiv);\n+            this.groupDiv.removeChild(this.closeDiv);\n         }\n+        this.closeDiv = null;\n \n-        if (!label.parentNode) {\n-            this.textRoot.appendChild(label);\n+        this.div.removeChild(this.groupDiv);\n+        this.groupDiv = null;\n+\n+        if (this.map != null) {\n+            this.map.removePopup(this);\n         }\n+        this.map = null;\n+        this.div = null;\n+\n+        this.autoSize = null;\n+        this.minSize = null;\n+        this.maxSize = null;\n+        this.padding = null;\n+        this.panMapIfOutOfView = null;\n     },\n \n     /** \n-     * Method: getComponentString\n-     * \n+     * Method: draw\n+     * Constructs the elements that make up the popup.\n+     *\n      * Parameters:\n-     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n-     * separator - {String} character between coordinate pairs. Defaults to \",\"\n+     * px - {<OpenLayers.Pixel>} the position the popup in pixels.\n      * \n      * Returns:\n-     * {Object} hash with properties \"path\" (the string created from the\n-     *     components and \"complete\" (false if the renderer was unable to\n-     *     draw all components)\n+     * {DOMElement} Reference to a div that contains the drawn popup\n      */\n-    getComponentsString: function(components, separator) {\n-        var renderCmp = [];\n-        var complete = true;\n-        var len = components.length;\n-        var strings = [];\n-        var str, component;\n-        for (var i = 0; i < len; i++) {\n-            component = components[i];\n-            renderCmp.push(component);\n-            str = this.getShortString(component);\n-            if (str) {\n-                strings.push(str);\n-            } else {\n-                // The current component is outside the valid range. Let's\n-                // see if the previous or next component is inside the range.\n-                // If so, add the coordinate of the intersection with the\n-                // valid range bounds.\n-                if (i > 0) {\n-                    if (this.getShortString(components[i - 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i - 1]));\n-                    }\n-                }\n-                if (i < len - 1) {\n-                    if (this.getShortString(components[i + 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i + 1]));\n-                    }\n-                }\n-                complete = false;\n+    draw: function(px) {\n+        if (px == null) {\n+            if ((this.lonlat != null) && (this.map != null)) {\n+                px = this.map.getLayerPxFromLonLat(this.lonlat);\n             }\n         }\n \n-        return {\n-            path: strings.join(separator || \",\"),\n-            complete: complete\n-        };\n-    },\n+        // this assumes that this.map already exists, which is okay because \n+        // this.draw is only called once the popup has been added to the map.\n+        if (this.closeOnMove) {\n+            this.map.events.register(\"movestart\", this, this.hide);\n+        }\n \n-    /**\n-     * Method: clipLine\n-     * Given two points (one inside the valid range, and one outside),\n-     * clips the line betweeen the two points so that the new points are both\n-     * inside the valid range.\n-     * \n-     * Parameters:\n-     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     invalid point\n-     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     valid point\n-     * Returns\n-     * {String} the SVG coordinate pair of the clipped point (like\n-     *     getShortString), or an empty string if both passed componets are at\n-     *     the same point.\n-     */\n-    clipLine: function(badComponent, goodComponent) {\n-        if (goodComponent.equals(badComponent)) {\n-            return \"\";\n+        //listen to movestart, moveend to disable overflow (FF bug)\n+        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == 'firefox') {\n+            this.map.events.register(\"movestart\", this, function() {\n+                var style = document.defaultView.getComputedStyle(\n+                    this.contentDiv, null\n+                );\n+                var currentOverflow = style.getPropertyValue(\"overflow\");\n+                if (currentOverflow != \"hidden\") {\n+                    this.contentDiv._oldOverflow = currentOverflow;\n+                    this.contentDiv.style.overflow = \"hidden\";\n+                }\n+            });\n+            this.map.events.register(\"moveend\", this, function() {\n+                var oldOverflow = this.contentDiv._oldOverflow;\n+                if (oldOverflow) {\n+                    this.contentDiv.style.overflow = oldOverflow;\n+                    this.contentDiv._oldOverflow = null;\n+                }\n+            });\n         }\n-        var resolution = this.getResolution();\n-        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n-        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n-        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n-        var y1 = this.top - goodComponent.y / resolution;\n-        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n-        var y2 = this.top - badComponent.y / resolution;\n-        var k;\n-        if (x2 < -maxX || x2 > maxX) {\n-            k = (y2 - y1) / (x2 - x1);\n-            x2 = x2 < 0 ? -maxX : maxX;\n-            y2 = y1 + (x2 - x1) * k;\n+\n+        this.moveTo(px);\n+        if (!this.autoSize && !this.size) {\n+            this.setSize(this.contentSize);\n         }\n-        if (y2 < -maxY || y2 > maxY) {\n-            k = (x2 - x1) / (y2 - y1);\n-            y2 = y2 < 0 ? -maxY : maxY;\n-            x2 = x1 + (y2 - y1) * k;\n+        this.setBackgroundColor();\n+        this.setOpacity();\n+        this.setBorder();\n+        this.setContentHTML();\n+\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView();\n         }\n-        return x2 + \",\" + y2;\n+\n+        return this.div;\n     },\n \n     /** \n-     * Method: getShortString\n-     * \n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     * \n-     * Returns:\n-     * {String} or false if point is outside the valid range\n+     * Method: updatePosition\n+     * if the popup has a lonlat and its map members set, \n+     * then have it move itself to its proper position\n      */\n-    getShortString: function(point) {\n-        var resolution = this.getResolution();\n-        var x = ((point.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - point.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            return x + \",\" + y;\n-        } else {\n-            return false;\n+    updatePosition: function() {\n+        if ((this.lonlat) && (this.map)) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            if (px) {\n+                this.moveTo(px);\n+            }\n         }\n     },\n \n     /**\n-     * Method: getPosition\n-     * Finds the position of an svg node.\n+     * Method: moveTo\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * \n-     * Returns:\n-     * {Object} hash with x and y properties, representing the coordinates\n-     *     within the svg coordinate system\n+     * px - {<OpenLayers.Pixel>} the top and left position of the popup div. \n      */\n-    getPosition: function(node) {\n-        return ({\n-            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n-            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n-        });\n+    moveTo: function(px) {\n+        if ((px != null) && (this.div != null)) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\";\n+        }\n     },\n \n     /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n-     * \n-     * Parameters:\n-     * graphicName - {String} name of the symbol to import\n-     * \n-     * Returns:\n-     * {DOMElement} - the imported symbol\n+     * Method: visible\n+     *\n+     * Returns:      \n+     * {Boolean} Boolean indicating whether or not the popup is visible\n      */\n-    importSymbol: function(graphicName) {\n-        if (!this.defs) {\n-            // create svg defs tag\n-            this.defs = this.createDefs();\n-        }\n-        var id = this.container.id + \"-\" + graphicName;\n-\n-        // check if symbol already exists in the defs\n-        var existing = document.getElementById(id);\n-        if (existing != null) {\n-            return existing;\n-        }\n+    visible: function() {\n+        return OpenLayers.Element.visible(this.div);\n+    },\n \n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n+    /**\n+     * Method: toggle\n+     * Toggles visibility of the popup.\n+     */\n+    toggle: function() {\n+        if (this.visible()) {\n+            this.hide();\n+        } else {\n+            this.show();\n         }\n+    },\n \n-        var symbolNode = this.nodeFactory(id, \"symbol\");\n-        var node = this.nodeFactory(null, \"polygon\");\n-        symbolNode.appendChild(node);\n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+    /**\n+     * Method: show\n+     * Makes the popup visible.\n+     */\n+    show: function() {\n+        this.div.style.display = '';\n \n-        var points = [];\n-        var x, y;\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            x = symbol[i];\n-            y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n-            points.push(x, \",\", y);\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView();\n         }\n+    },\n \n-        node.setAttributeNS(null, \"points\", points.join(\" \"));\n-\n-        var width = symbolExtent.getWidth();\n-        var height = symbolExtent.getHeight();\n-        // create a viewBox three times as large as the symbol itself,\n-        // to allow for strokeWidth being displayed correctly at the corners.\n-        var viewBox = [symbolExtent.left - width,\n-            symbolExtent.bottom - height, width * 3, height * 3\n-        ];\n-        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n-        this.symbolMetrics[id] = [\n-            Math.max(width, height),\n-            symbolExtent.getCenterLonLat().lon,\n-            symbolExtent.getCenterLonLat().lat\n-        ];\n-\n-        this.defs.appendChild(symbolNode);\n-        return symbolNode;\n+    /**\n+     * Method: hide\n+     * Makes the popup invisible.\n+     */\n+    hide: function() {\n+        this.div.style.display = 'none';\n     },\n \n     /**\n-     * Method: getFeatureIdFromEvent\n-     * \n-     * Parameters:\n-     * evt - {Object} An <OpenLayers.Event> object\n+     * Method: setSize\n+     * Used to adjust the size of the popup. \n      *\n-     * Returns:\n-     * {String} A feature id or undefined.\n+     * Parameters:\n+     * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+     *     contents div (in pixels).\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n-        if (!featureId) {\n-            var target = evt.target;\n-            featureId = target.parentNode && target != this.rendererRoot ?\n-                target.parentNode._featureId : undefined;\n+    setSize: function(contentSize) {\n+        this.size = contentSize.clone();\n+\n+        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n+        //  must add that to the desired \"size\". \n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+\n+        // take into account the popup's 'padding' property\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+\n+        // make extra space for the close div\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right;\n         }\n-        return featureId;\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n-});\n+        //increase size of the main popup div to take into account the \n+        // users's desired padding and close div.        \n+        this.size.w += wPadding;\n+        this.size.h += hPadding;\n \n-/**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n-    \"l\": \"start\",\n-    \"r\": \"end\",\n-    \"b\": \"bottom\",\n-    \"t\": \"hanging\"\n-};\n+        //now if our browser is IE, we need to actually make the contents \n+        // div itself bigger to take its own padding into effect. this makes \n+        // me want to shoot someone, but so it goes.\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.contentSize.w +=\n+                contentDivPadding.left + contentDivPadding.right;\n+            this.contentSize.h +=\n+                contentDivPadding.bottom + contentDivPadding.top;\n+        }\n \n-/**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n- * {Object}\n- */\n-OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n-    // according to\n-    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n-    // a baseline-shift of -70% shifts the text exactly from the\n-    // bottom to the top of the baseline, so -35% moves the text to\n-    // the center of the baseline.\n-    \"t\": \"-70%\",\n-    \"b\": \"0\"\n-};\n+        if (this.div != null) {\n+            this.div.style.width = this.size.w + \"px\";\n+            this.div.style.height = this.size.h + \"px\";\n+        }\n+        if (this.contentDiv != null) {\n+            this.contentDiv.style.width = contentSize.w + \"px\";\n+            this.contentDiv.style.height = contentSize.h + \"px\";\n+        }\n+    },\n \n-/**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n- * {Object}\n- */\n-OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n-    \"t\": 0,\n-    \"b\": -1\n-};\n+    /**\n+     * APIMethod: updateSize\n+     * Auto size the popup so that it precisely fits its contents (as \n+     *     determined by this.contentDiv.innerHTML). Popup size will, of\n+     *     course, be limited by the available space on the current map\n+     */\n+    updateSize: function() {\n \n-/**\n- * Function: OpenLayers.Renderer.SVG.preventDefault\n- * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n- * Used to prevent default events (especially opening images in a new tab on\n- * ctrl-click) from being executed for externalGraphic symbols\n- */\n-OpenLayers.Renderer.SVG.preventDefault = function(e) {\n-    OpenLayers.Event.preventDefault(e);\n-};\n-/* ======================================================================\n-    OpenLayers/Renderer/VML.js\n-   ====================================================================== */\n+        // determine actual render dimensions of the contents by putting its\n+        // contents into a fake contentDiv (for the CSS) and then measuring it\n+        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" +\n+            this.contentDiv.innerHTML +\n+            \"</div>\";\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var containerElement = (this.map) ? this.map.div : document.body;\n+        var realSize = OpenLayers.Util.getRenderedDimensions(\n+            preparedHTML, null, {\n+                displayClass: this.displayClass,\n+                containerElement: containerElement\n+            }\n+        );\n \n-/**\n- * @requires OpenLayers/Renderer/Elements.js\n- */\n+        // is the \"real\" size of the div is safe to display in our map?\n+        var safeSize = this.getSafeContentSize(realSize);\n \n-/**\n- * Class: OpenLayers.Renderer.VML\n- * Render vector features in browsers with VML capability.  Construct a new\n- * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n- * \n- * Note that for all calculations in this class, we use (num | 0) to truncate a \n- * float value to an integer. This is done because it seems that VML doesn't \n- * support float values.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Renderer.Elements>\n- */\n-OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+        var newSize = null;\n+        if (safeSize.equals(realSize)) {\n+            //real size of content is small enough to fit on the map, \n+            // so we use real size.\n+            newSize = realSize;\n \n-    /**\n-     * Property: xmlns\n-     * {String} XML Namespace URN\n-     */\n-    xmlns: \"urn:schemas-microsoft-com:vml\",\n+        } else {\n \n-    /**\n-     * Property: symbolCache\n-     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n-     *     and each value is a hash with a \"path\" and an \"extent\" property.\n-     */\n-    symbolCache: {},\n+            // make a new 'size' object with the clipped dimensions \n+            // set or null if not clipped.\n+            var fixedSize = {\n+                w: (safeSize.w < realSize.w) ? safeSize.w : null,\n+                h: (safeSize.h < realSize.h) ? safeSize.h : null\n+            };\n \n-    /**\n-     * Property: offset\n-     * {Object} Hash with \"x\" and \"y\" properties\n-     */\n-    offset: null,\n+            if (fixedSize.w && fixedSize.h) {\n+                //content is too big in both directions, so we will use \n+                // max popup size (safeSize), knowing well that it will \n+                // overflow both ways.                \n+                newSize = safeSize;\n+            } else {\n+                //content is clipped in only one direction, so we need to \n+                // run getRenderedDimensions() again with a fixed dimension\n+                var clippedSize = OpenLayers.Util.getRenderedDimensions(\n+                    preparedHTML, fixedSize, {\n+                        displayClass: this.contentDisplayClass,\n+                        containerElement: containerElement\n+                    }\n+                );\n \n-    /**\n-     * Constructor: OpenLayers.Renderer.VML\n-     * Create a new VML renderer.\n-     *\n-     * Parameters:\n-     * containerID - {String} The id for the element that contains the renderer\n-     */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n-        }\n-        if (!document.namespaces.olv) {\n-            document.namespaces.add(\"olv\", this.xmlns);\n-            var style = document.createStyleSheet();\n-            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n-            for (var i = 0, len = shapes.length; i < len; i++) {\n+                //if the clipped size is still the same as the safeSize, \n+                // that means that our content must be fixed in the \n+                // offending direction. If overflow is 'auto', this means \n+                // we are going to have a scrollbar for sure, so we must \n+                // adjust for that.\n+                //\n+                var currentOverflow = OpenLayers.Element.getStyle(\n+                    this.contentDiv, \"overflow\"\n+                );\n+                if ((currentOverflow != \"hidden\") &&\n+                    (clippedSize.equals(safeSize))) {\n+                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n+                    if (fixedSize.w) {\n+                        clippedSize.h += scrollBar;\n+                    } else {\n+                        clippedSize.w += scrollBar;\n+                    }\n+                }\n \n-                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n-                    \"position: absolute; display: inline-block;\");\n+                newSize = this.getSafeContentSize(clippedSize);\n             }\n         }\n-\n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-    },\n-\n-    /**\n-     * APIMethod: supported\n-     * Determine whether a browser supports this renderer.\n-     *\n-     * Returns:\n-     * {Boolean} The browser supports the VML renderer\n-     */\n-    supported: function() {\n-        return !!(document.namespaces);\n+        this.setSize(newSize);\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the renderer's extent\n+     * Method: setBackgroundColor\n+     * Sets the background color of the popup.\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     * \n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n+     * color - {String} the background color.  eg \"#FFBBBB\"\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution();\n-\n-        var left = (extent.left / resolution) | 0;\n-        var top = (extent.top / resolution - this.size.h) | 0;\n-        if (resolutionChanged || !this.offset) {\n-            this.offset = {\n-                x: left,\n-                y: top\n-            };\n-            left = 0;\n-            top = 0;\n-        } else {\n-            left = left - this.offset.x;\n-            top = top - this.offset.y;\n+    setBackgroundColor: function(color) {\n+        if (color != undefined) {\n+            this.backgroundColor = color;\n         }\n \n-\n-        var org = (left - this.xOffset) + \" \" + top;\n-        this.root.coordorigin = org;\n-        var roots = [this.root, this.vectorRoot, this.textRoot];\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n-\n-            var size = this.size.w + \" \" + this.size.h;\n-            root.coordsize = size;\n-\n+        if (this.div != null) {\n+            this.div.style.backgroundColor = this.backgroundColor;\n         }\n-        // flip the VML display Y axis upside down so it \n-        // matches the display Y axis of the map\n-        this.root.style.flip = \"y\";\n-\n-        return coordSysUnchanged;\n     },\n \n-\n     /**\n-     * Method: setSize\n-     * Set the size of the drawing surface\n-     *\n+     * Method: setOpacity\n+     * Sets the opacity of the popup.\n+     * \n      * Parameters:\n-     * size - {<OpenLayers.Size>} the size of the drawing surface\n+     * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n      */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+    setOpacity: function(opacity) {\n+        if (opacity != undefined) {\n+            this.opacity = opacity;\n+        }\n \n-        // setting width and height on all roots to avoid flicker which we\n-        // would get with 100% width and height on child roots\n-        var roots = [\n-            this.rendererRoot,\n-            this.root,\n-            this.vectorRoot,\n-            this.textRoot\n-        ];\n-        var w = this.size.w + \"px\";\n-        var h = this.size.h + \"px\";\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n-            root.style.width = w;\n-            root.style.height = h;\n+        if (this.div != null) {\n+            // for Mozilla and Safari\n+            this.div.style.opacity = this.opacity;\n+\n+            // for IE\n+            this.div.style.filter = 'alpha(opacity=' + this.opacity * 100 + ')';\n         }\n     },\n \n     /**\n-     * Method: getNodeType\n-     * Get the node type for a geometry and style\n+     * Method: setBorder\n+     * Sets the border style of the popup.\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     *\n-     * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * border - {String} The border style value. eg 2px \n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"olv:rect\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"olv:shape\";\n-                } else {\n-                    nodeType = \"olv:oval\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"olv:rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-            case \"OpenLayers.Geometry.LinearRing\":\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"olv:shape\";\n-                break;\n-            default:\n-                break;\n+    setBorder: function(border) {\n+        if (border != undefined) {\n+            this.border = border;\n+        }\n+\n+        if (this.div != null) {\n+            this.div.style.border = this.border;\n         }\n-        return nodeType;\n     },\n \n     /**\n-     * Method: setStyle\n-     * Use to set all the style attributes to a VML node.\n+     * Method: setContentHTML\n+     * Allows the user to set the HTML content of the popup.\n      *\n      * Parameters:\n-     * node - {DOMElement} An VML element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * contentHTML - {String} HTML for the div.\n      */\n-    setStyle: function(node, style, options, geometry) {\n-        style = style || node._style;\n-        options = options || node._options;\n-        var fillColor = style.fillColor;\n+    setContentHTML: function(contentHTML) {\n \n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.title = title;\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML;\n         }\n \n-        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-            if (style.externalGraphic) {\n-                options.isFilled = true;\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n+        if ((this.contentDiv != null) &&\n+            (this.contentHTML != null) &&\n+            (this.contentHTML != this.contentDiv.innerHTML)) {\n \n-                var resolution = this.getResolution();\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n+            this.contentDiv.innerHTML = this.contentHTML;\n \n-                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n-                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n-                node.style.width = width + \"px\";\n-                node.style.height = height + \"px\";\n-                node.style.flip = \"y\";\n+            if (this.autoSize) {\n \n-                // modify fillColor and options for stroke styling below\n-                fillColor = \"none\";\n-                options.isStroked = false;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                var cache = this.importSymbol(style.graphicName);\n-                node.path = cache.path;\n-                node.coordorigin = cache.left + \",\" + cache.bottom;\n-                var size = cache.size;\n-                node.coordsize = size + \",\" + size;\n-                this.drawCircle(node, geometry, style.pointRadius);\n-                node.style.flip = \"y\";\n-            } else {\n-                this.drawCircle(node, geometry, style.pointRadius);\n+                //if popup has images, listen for when they finish\n+                // loading and resize accordingly\n+                this.registerImageListeners();\n+\n+                //auto size the popup to its current contents\n+                this.updateSize();\n             }\n         }\n \n-        // fill \n-        if (options.isFilled) {\n-            node.fillcolor = fillColor;\n-        } else {\n-            node.filled = \"false\";\n-        }\n-        var fills = node.getElementsByTagName(\"fill\");\n-        var fill = (fills.length == 0) ? null : fills[0];\n-        if (!options.isFilled) {\n-            if (fill) {\n-                node.removeChild(fill);\n+    },\n+\n+    /**\n+     * Method: registerImageListeners\n+     * Called when an image contained by the popup loaded. this function\n+     *     updates the popup size, then unregisters the image load listener.\n+     */\n+    registerImageListeners: function() {\n+\n+        // As the images load, this function will call updateSize() to \n+        // resize the popup to fit the content div (which presumably is now\n+        // bigger than when the image was not loaded).\n+        // \n+        // If the 'panMapIfOutOfView' property is set, we will pan the newly\n+        // resized popup back into view.\n+        // \n+        // Note that this function, when called, will have 'popup' and \n+        // 'img' properties in the context.\n+        //\n+        var onImgLoad = function() {\n+            if (this.popup.id === null) { // this.popup has been destroyed!\n+                return;\n             }\n-        } else {\n-            if (!fill) {\n-                fill = this.createNode('olv:fill', node.id + \"_fill\");\n+            this.popup.updateSize();\n+\n+            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n+                this.popup.panIntoView();\n             }\n-            fill.opacity = style.fillOpacity;\n \n-            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n-                style.externalGraphic) {\n+            OpenLayers.Event.stopObserving(\n+                this.img, \"load\", this.img._onImgLoad\n+            );\n \n-                // override fillOpacity\n-                if (style.graphicOpacity) {\n-                    fill.opacity = style.graphicOpacity;\n-                }\n+        };\n \n-                fill.src = style.externalGraphic;\n-                fill.type = \"frame\";\n+        //cycle through the images and if their size is 0x0, that means that \n+        // they haven't been loaded yet, so we attach the listener, which \n+        // will fire when the images finish loading and will resize the \n+        // popup accordingly to its new size.\n+        var images = this.contentDiv.getElementsByTagName(\"img\");\n+        for (var i = 0, len = images.length; i < len; i++) {\n+            var img = images[i];\n+            if (img.width == 0 || img.height == 0) {\n \n-                if (!(style.graphicWidth && style.graphicHeight)) {\n-                    fill.aspect = \"atmost\";\n-                }\n-            }\n-            if (fill.parentNode != node) {\n-                node.appendChild(fill);\n-            }\n-        }\n+                var context = {\n+                    'popup': this,\n+                    'img': img\n+                };\n \n-        // additional rendering for rotated graphics or symbols\n-        var rotation = style.rotation;\n-        if ((rotation !== undefined || node._rotation !== undefined)) {\n-            node._rotation = rotation;\n-            if (style.externalGraphic) {\n-                this.graphicRotate(node, xOffset, yOffset, style);\n-                // make the fill fully transparent, because we now have\n-                // the graphic as imagedata element. We cannot just remove\n-                // the fill, because this is part of the hack described\n-                // in graphicRotate\n-                fill.opacity = 0;\n-            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-                node.style.rotation = rotation || 0;\n-            }\n-        }\n+                //expando this function to the image itself before registering\n+                // it. This way we can easily and properly unregister it.\n+                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n \n-        // stroke \n-        var strokes = node.getElementsByTagName(\"stroke\");\n-        var stroke = (strokes.length == 0) ? null : strokes[0];\n-        if (!options.isStroked) {\n-            node.stroked = false;\n-            if (stroke) {\n-                stroke.on = false;\n-            }\n-        } else {\n-            if (!stroke) {\n-                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n-                node.appendChild(stroke);\n-            }\n-            stroke.on = true;\n-            stroke.color = style.strokeColor;\n-            stroke.weight = style.strokeWidth + \"px\";\n-            stroke.opacity = style.strokeOpacity;\n-            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n-                (style.strokeLinecap || 'round');\n-            if (style.strokeDashstyle) {\n-                stroke.dashstyle = this.dashStyle(style);\n+                OpenLayers.Event.observe(img, 'load', img._onImgLoad);\n             }\n         }\n-\n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            node.style.cursor = style.cursor;\n-        }\n-        return node;\n     },\n \n     /**\n-     * Method: graphicRotate\n-     * If a point is to be styled with externalGraphic and rotation, VML fills\n-     * cannot be used to display the graphic, because rotation of graphic\n-     * fills is not supported by the VML implementation of Internet Explorer.\n-     * This method creates a olv:imagedata element inside the VML node,\n-     * DXImageTransform.Matrix and BasicImage filters for rotation and\n-     * opacity, and a 3-step hack to remove rendering artefacts from the\n-     * graphic and preserve the ability of graphics to trigger events.\n-     * Finally, OpenLayers methods are used to determine the correct\n-     * insertion point of the rotated image, because DXImageTransform.Matrix\n-     * does the rotation without the ability to specify a rotation center\n-     * point.\n+     * APIMethod: getSafeContentSize\n      * \n      * Parameters:\n-     * node    - {DOMElement}\n-     * xOffset - {Number} rotation center relative to image, x coordinate\n-     * yOffset - {Number} rotation center relative to image, y coordinate\n-     * style   - {Object}\n+     * size - {<OpenLayers.Size>} Desired size to make the popup.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Size>} A size to make the popup which is neither smaller\n+     *     than the specified minimum size, nor bigger than the maximum \n+     *     size (which is calculated relative to the size of the viewport).\n      */\n-    graphicRotate: function(node, xOffset, yOffset, style) {\n-        var style = style || node._style;\n-        var rotation = style.rotation || 0;\n+    getSafeContentSize: function(size) {\n \n-        var aspectRatio, size;\n-        if (!(style.graphicWidth && style.graphicHeight)) {\n-            // load the image to determine its size\n-            var img = new Image();\n-            img.onreadystatechange = OpenLayers.Function.bind(function() {\n-                if (img.readyState == \"complete\" ||\n-                    img.readyState == \"interactive\") {\n-                    aspectRatio = img.width / img.height;\n-                    size = Math.max(style.pointRadius * 2,\n-                        style.graphicWidth || 0,\n-                        style.graphicHeight || 0);\n-                    xOffset = xOffset * aspectRatio;\n-                    style.graphicWidth = size * aspectRatio;\n-                    style.graphicHeight = size;\n-                    this.graphicRotate(node, xOffset, yOffset, style);\n-                }\n-            }, this);\n-            img.src = style.externalGraphic;\n+        var safeContentSize = size.clone();\n \n-            // will be called again by the onreadystate handler\n-            return;\n-        } else {\n-            size = Math.max(style.graphicWidth, style.graphicHeight);\n-            aspectRatio = style.graphicWidth / style.graphicHeight;\n-        }\n+        // if our contentDiv has a css 'padding' set on it by a stylesheet, we \n+        //  must add that to the desired \"size\". \n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n \n-        var width = Math.round(style.graphicWidth || size * aspectRatio);\n-        var height = Math.round(style.graphicHeight || size);\n-        node.style.width = width + \"px\";\n-        node.style.height = height + \"px\";\n+        // take into account the popup's 'padding' property\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n \n-        // Three steps are required to remove artefacts for images with\n-        // transparent backgrounds (resulting from using DXImageTransform\n-        // filters on svg objects), while preserving awareness for browser\n-        // events on images:\n-        // - Use the fill as usual (like for unrotated images) to handle\n-        //   events\n-        // - specify an imagedata element with the same src as the fill\n-        // - style the imagedata element with an AlphaImageLoader filter\n-        //   with empty src\n-        var image = document.getElementById(node.id + \"_image\");\n-        if (!image) {\n-            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n-            node.appendChild(image);\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right;\n         }\n-        image.style.width = width + \"px\";\n-        image.style.height = height + \"px\";\n-        image.src = style.externalGraphic;\n-        image.style.filter =\n-            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n-            \"src='', sizingMethod='scale')\";\n-\n-        var rot = rotation * Math.PI / 180;\n-        var sintheta = Math.sin(rot);\n-        var costheta = Math.cos(rot);\n \n-        // do the rotation on the image\n-        var filter =\n-            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n-            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n-            \",SizingMethod='auto expand')\\n\";\n+        // prevent the popup from being smaller than a specified minimal size\n+        if (this.minSize) {\n+            safeContentSize.w = Math.max(safeContentSize.w,\n+                (this.minSize.w - wPadding));\n+            safeContentSize.h = Math.max(safeContentSize.h,\n+                (this.minSize.h - hPadding));\n+        }\n \n-        // set the opacity (needed for the imagedata)\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        if (opacity && opacity != 1) {\n-            filter +=\n-                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n-                opacity + \")\\n\";\n+        // prevent the popup from being bigger than a specified maximum size\n+        if (this.maxSize) {\n+            safeContentSize.w = Math.min(safeContentSize.w,\n+                (this.maxSize.w - wPadding));\n+            safeContentSize.h = Math.min(safeContentSize.h,\n+                (this.maxSize.h - hPadding));\n         }\n-        node.style.filter = filter;\n \n-        // do the rotation again on a box, so we know the insertion point\n-        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n-        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n-        imgBox.rotate(style.rotation, centerPoint);\n-        var imgBounds = imgBox.getBounds();\n+        //make sure the desired size to set doesn't result in a popup that \n+        // is bigger than the map's viewport.\n+        //\n+        if (this.map && this.map.size) {\n \n-        node.style.left = Math.round(\n-            parseInt(node.style.left) + imgBounds.left) + \"px\";\n-        node.style.top = Math.round(\n-            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n-    },\n+            var extraX = 0,\n+                extraY = 0;\n+            if (this.keepInMap && !this.panMapIfOutOfView) {\n+                var px = this.map.getPixelFromLonLat(this.lonlat);\n+                switch (this.relativePosition) {\n+                    case \"tr\":\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"tl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"bl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = px.y;\n+                        break;\n+                    case \"br\":\n+                        extraX = px.x;\n+                        extraY = px.y;\n+                        break;\n+                    default:\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                }\n+            }\n \n-    /**\n-     * Method: postDraw\n-     * Does some node postprocessing to work around browser issues:\n-     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n-     *   and strokecolor to \"none\" correctly before the fill node is appended\n-     *   to a visible vml node. This method takes care of that and sets\n-     *   fillcolor and strokecolor again if needed.\n-     * - In some cases, a node won't become visible after being drawn. Setting\n-     *   style.visibility to \"visible\" works around that.\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     */\n-    postDraw: function(node) {\n-        node.style.visibility = \"visible\";\n-        var fillColor = node._style.fillColor;\n-        var strokeColor = node._style.strokeColor;\n-        if (fillColor == \"none\" &&\n-            node.fillcolor != fillColor) {\n-            node.fillcolor = fillColor;\n-        }\n-        if (strokeColor == \"none\" &&\n-            node.strokecolor != strokeColor) {\n-            node.strokecolor = strokeColor;\n+            var maxY = this.map.size.h -\n+                this.map.paddingForPopups.top -\n+                this.map.paddingForPopups.bottom -\n+                hPadding - extraY;\n+\n+            var maxX = this.map.size.w -\n+                this.map.paddingForPopups.left -\n+                this.map.paddingForPopups.right -\n+                wPadding - extraX;\n+\n+            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n+            safeContentSize.h = Math.min(safeContentSize.h, maxY);\n         }\n-    },\n \n+        return safeContentSize;\n+    },\n \n     /**\n-     * Method: setNodeDimension\n-     * Get the geometry's bounds, convert it to our vml coordinate system, \n-     * then set the node's position, size, and local coordinate system.\n-     *   \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Method: getContentDivPadding\n+     * Glorious, oh glorious hack in order to determine the css 'padding' of \n+     *     the contentDiv. IE/Opera return null here unless we actually add the \n+     *     popup's main 'div' element (which contains contentDiv) to the DOM. \n+     *     So we make it invisible and then add it to the document temporarily. \n+     *\n+     *     Once we've taken the padding readings we need, we then remove it \n+     *     from the DOM (it will actually get added to the DOM in \n+     *     Map.js's addPopup)\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n      */\n-    setNodeDimension: function(node, geometry) {\n+    getContentDivPadding: function() {\n \n-        var bbox = geometry.getBounds();\n-        if (bbox) {\n-            var resolution = this.getResolution();\n+        //use cached value if we have it\n+        var contentDivPadding = this._contentDivPadding;\n+        if (!contentDivPadding) {\n \n-            var scaledBox =\n-                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.bottom / resolution - this.offset.y) | 0,\n-                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.top / resolution - this.offset.y) | 0);\n+            if (this.div.parentNode == null) {\n+                //make the div invisible and add it to the page        \n+                this.div.style.display = \"none\";\n+                document.body.appendChild(this.div);\n+            }\n \n-            // Set the internal coordinate system to draw the path\n-            node.style.left = scaledBox.left + \"px\";\n-            node.style.top = scaledBox.top + \"px\";\n-            node.style.width = scaledBox.getWidth() + \"px\";\n-            node.style.height = scaledBox.getHeight() + \"px\";\n+            //read the padding settings from css, put them in an OL.Bounds        \n+            contentDivPadding = new OpenLayers.Bounds(\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"),\n+                OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\")\n+            );\n \n-            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n-            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n-        }\n-    },\n+            //cache the value\n+            this._contentDivPadding = contentDivPadding;\n \n-    /** \n-     * Method: dashStyle\n-     * \n-     * Parameters:\n-     * style - {Object}\n-     * \n-     * Returns:\n-     * {String} A VML compliant 'stroke-dasharray' value\n-     */\n-    dashStyle: function(style) {\n-        var dash = style.strokeDashstyle;\n-        switch (dash) {\n-            case 'solid':\n-            case 'dot':\n-            case 'dash':\n-            case 'dashdot':\n-            case 'longdash':\n-            case 'longdashdot':\n-                return dash;\n-            default:\n-                // very basic guessing of dash style patterns\n-                var parts = dash.split(/[ ,]/);\n-                if (parts.length == 2) {\n-                    if (1 * parts[0] >= 2 * parts[1]) {\n-                        return \"longdash\";\n-                    }\n-                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n-                } else if (parts.length == 4) {\n-                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n-                        \"dashdot\";\n-                }\n-                return \"solid\";\n+            if (this.div.parentNode == document.body) {\n+                //remove the div from the page and make it visible again\n+                document.body.removeChild(this.div);\n+                this.div.style.display = \"\";\n+            }\n         }\n+        return contentDivPadding;\n     },\n \n     /**\n-     * Method: createNode\n-     * Create a new node\n-     *\n+     * Method: addCloseBox\n+     * \n      * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n-     *\n-     * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * callback - {Function} The callback to be called when the close button\n+     *     is clicked.\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElement(type);\n-        if (id) {\n-            node.id = id;\n-        }\n+    addCloseBox: function(callback) {\n \n-        // IE hack to make elements unselectable, to prevent 'blue flash'\n-        // while dragging vectors; #1410\n-        node.unselectable = 'on';\n-        node.onselectstart = OpenLayers.Function.False;\n+        this.closeDiv = OpenLayers.Util.createDiv(\n+            this.id + \"_close\", null, {\n+                w: 17,\n+                h: 17\n+            }\n+        );\n+        this.closeDiv.className = \"olPopupCloseBox\";\n \n-        return node;\n+        // use the content div's css padding to determine if we should\n+        //  padd the close div\n+        var contentDivPadding = this.getContentDivPadding();\n+\n+        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n+        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n+        this.groupDiv.appendChild(this.closeDiv);\n+\n+        var closePopup = callback || function(e) {\n+            this.hide();\n+            OpenLayers.Event.stop(e);\n+        };\n+        OpenLayers.Event.observe(this.closeDiv, \"touchend\",\n+            OpenLayers.Function.bindAsEventListener(closePopup, this));\n+        OpenLayers.Event.observe(this.closeDiv, \"click\",\n+            OpenLayers.Function.bindAsEventListener(closePopup, this));\n     },\n \n     /**\n-     * Method: nodeTypeCompare\n-     * Determine whether a node is of a given type\n-     *\n-     * Parameters:\n-     * node - {DOMElement} An VML element\n-     * type - {String} Kind of node\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n+     * Method: panIntoView\n+     * Pans the map such that the popup is totaly viewable (if necessary)\n      */\n-    nodeTypeCompare: function(node, type) {\n+    panIntoView: function() {\n \n-        //split type\n-        var subType = type;\n-        var splitIndex = subType.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            subType = subType.substr(splitIndex + 1);\n+        var mapSize = this.map.getSize();\n+\n+        //start with the top left corner of the popup, in px, \n+        // relative to the viewport\n+        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(\n+            parseInt(this.div.style.left),\n+            parseInt(this.div.style.top)\n+        ));\n+        var newTL = origTL.clone();\n+\n+        //new left (compare to margins, using this.size to calculate right)\n+        if (origTL.x < this.map.paddingForPopups.left) {\n+            newTL.x = this.map.paddingForPopups.left;\n+        } else\n+        if ((origTL.x + this.size.w) > (mapSize.w - this.map.paddingForPopups.right)) {\n+            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w;\n         }\n \n-        //split nodeName\n-        var nodeName = node.nodeName;\n-        splitIndex = nodeName.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            nodeName = nodeName.substr(splitIndex + 1);\n+        //new top (compare to margins, using this.size to calculate bottom)\n+        if (origTL.y < this.map.paddingForPopups.top) {\n+            newTL.y = this.map.paddingForPopups.top;\n+        } else\n+        if ((origTL.y + this.size.h) > (mapSize.h - this.map.paddingForPopups.bottom)) {\n+            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h;\n         }\n \n-        return (subType == nodeName);\n+        var dx = origTL.x - newTL.x;\n+        var dy = origTL.y - newTL.y;\n+\n+        this.map.pan(dx, dy);\n     },\n \n-    /**\n-     * Method: createRenderRoot\n-     * Create the renderer root\n+    /** \n+     * Method: registerEvents\n+     * Registers events on the popup.\n      *\n-     * Returns:\n-     * {DOMElement} The specific render engine's root element\n+     * Do this in a separate function so that subclasses can \n+     *   choose to override it if they wish to deal differently\n+     *   with mouse events\n+     * \n+     *   Note in the following handler functions that some special\n+     *    care is needed to deal correctly with mousing and popups. \n+     *   \n+     *   Because the user might select the zoom-rectangle option and\n+     *    then drag it over a popup, we need a safe way to allow the\n+     *    mousemove and mouseup events to pass through the popup when\n+     *    they are initiated from outside. The same procedure is needed for\n+     *    touchmove and touchend events.\n+     * \n+     *   Otherwise, we want to essentially kill the event propagation\n+     *    for all other events, though we have to do so carefully, \n+     *    without disabling basic html functionality, like clicking on \n+     *    hyperlinks or drag-selecting text.\n      */\n-    createRenderRoot: function() {\n-        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n+    registerEvents: function() {\n+        this.events = new OpenLayers.Events(this, this.div, null, true);\n+\n+        function onTouchstart(evt) {\n+            OpenLayers.Event.stop(evt, true);\n+        }\n+        this.events.on({\n+            \"mousedown\": this.onmousedown,\n+            \"mousemove\": this.onmousemove,\n+            \"mouseup\": this.onmouseup,\n+            \"click\": this.onclick,\n+            \"mouseout\": this.onmouseout,\n+            \"dblclick\": this.ondblclick,\n+            \"touchstart\": onTouchstart,\n+            scope: this\n+        });\n+\n     },\n \n-    /**\n-     * Method: createRoot\n-     * Create the main root element\n+    /** \n+     * Method: onmousedown \n+     * When mouse goes down within the popup, make a note of\n+     *   it locally, and then do not propagate the mousedown \n+     *   (but do so safely so that user can select text inside)\n      * \n      * Parameters:\n-     * suffix - {String} suffix to append to the id\n-     *\n-     * Returns:\n-     * {DOMElement}\n+     * evt - {Event} \n      */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n+    onmousedown: function(evt) {\n+        this.mousedown = true;\n+        OpenLayers.Event.stop(evt, true);\n     },\n \n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n-\n-    /**\n-     * Method: drawPoint\n-     * Render a point\n+    /** \n+     * Method: onmousemove\n+     * If the drag was started within the popup, then \n+     *   do not propagate the mousemove (but do so safely\n+     *   so that user can select text inside)\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the point could not be drawn\n+     * evt - {Event} \n      */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n+    onmousemove: function(evt) {\n+        if (this.mousedown) {\n+            OpenLayers.Event.stop(evt, true);\n+        }\n     },\n \n-    /**\n-     * Method: drawCircle\n-     * Render a circle.\n-     * Size and Center a circle given geometry (x,y center) and radius\n+    /** \n+     * Method: onmouseup\n+     * When mouse comes up within the popup, after going down \n+     *   in it, reset the flag, and then (once again) do not \n+     *   propagate the event, but do so safely so that user can \n+     *   select text inside\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {float}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the circle could not ne drawn\n+     * evt - {Event} \n      */\n-    drawCircle: function(node, geometry, radius) {\n-        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n-            var resolution = this.getResolution();\n-\n-            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n-            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n-\n-            var diameter = radius * 2;\n-\n-            node.style.width = diameter + \"px\";\n-            node.style.height = diameter + \"px\";\n-            return node;\n+    onmouseup: function(evt) {\n+        if (this.mousedown) {\n+            this.mousedown = false;\n+            OpenLayers.Event.stop(evt, true);\n         }\n-        return false;\n     },\n \n-\n     /**\n-     * Method: drawLineString\n-     * Render a linestring.\n+     * Method: onclick\n+     * Ignore clicks, but allowing default browser handling\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * evt - {Event} \n      */\n-    drawLineString: function(node, geometry) {\n-        return this.drawLine(node, geometry, false);\n+    onclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true);\n     },\n \n-    /**\n-     * Method: drawLinearRing\n-     * Render a linearring\n+    /** \n+     * Method: onmouseout\n+     * When mouse goes out of the popup set the flag to false so that\n+     *   if they let go and then drag back in, we won't be confused.\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * evt - {Event} \n      */\n-    drawLinearRing: function(node, geometry) {\n-        return this.drawLine(node, geometry, true);\n+    onmouseout: function(evt) {\n+        this.mousedown = false;\n     },\n \n-    /**\n-     * Method: DrawLine\n-     * Render a line.\n+    /** \n+     * Method: ondblclick\n+     * Ignore double-clicks, but allowing default browser handling\n      * \n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * closeLine - {Boolean} Close the line? (make it a ring?)\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * evt - {Event} \n      */\n-    drawLine: function(node, geometry, closeLine) {\n+    ondblclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true);\n+    },\n \n-        this.setNodeDimension(node, geometry);\n+    CLASS_NAME: \"OpenLayers.Popup\"\n+});\n \n-        var resolution = this.getResolution();\n-        var numComponents = geometry.components.length;\n-        var parts = new Array(numComponents);\n+OpenLayers.Popup.WIDTH = 200;\n+OpenLayers.Popup.HEIGHT = 200;\n+OpenLayers.Popup.COLOR = \"white\";\n+OpenLayers.Popup.OPACITY = 1;\n+OpenLayers.Popup.BORDER = \"0px\";\n+/* ======================================================================\n+    OpenLayers/Popup/Anchored.js\n+   ====================================================================== */\n \n-        var comp, x, y;\n-        for (var i = 0; i < numComponents; i++) {\n-            comp = geometry.components[i];\n-            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-            y = (comp.y / resolution - this.offset.y) | 0;\n-            parts[i] = \" \" + x + \",\" + y + \" l \";\n-        }\n-        var end = (closeLine) ? \" x e\" : \" e\";\n-        node.path = \"m\" + parts.join(\"\") + end;\n-        return node;\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Method: drawPolygon\n-     * Render a polygon\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    drawPolygon: function(node, geometry) {\n-        this.setNodeDimension(node, geometry);\n \n-        var resolution = this.getResolution();\n+/**\n+ * @requires OpenLayers/Popup.js\n+ */\n \n-        var path = [];\n-        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n-        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n-            path.push(\"m\");\n-            points = geometry.components[j].components;\n-            // we only close paths of interior rings with area\n-            area = (j === 0);\n-            first = null;\n-            second = null;\n-            for (i = 0, ii = points.length; i < ii; i++) {\n-                comp = points[i];\n-                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-                y = (comp.y / resolution - this.offset.y) | 0;\n-                pathComp = \" \" + x + \",\" + y;\n-                path.push(pathComp);\n-                if (i == 0) {\n-                    path.push(\" l\");\n-                }\n-                if (!area) {\n-                    // IE improperly renders sub-paths that have no area.\n-                    // Instead of checking the area of every ring, we confirm\n-                    // the ring has at least three distinct points.  This does\n-                    // not catch all non-zero area cases, but it greatly improves\n-                    // interior ring digitizing and is a minor performance hit\n-                    // when rendering rings with many points.\n-                    if (!first) {\n-                        first = pathComp;\n-                    } else if (first != pathComp) {\n-                        if (!second) {\n-                            second = pathComp;\n-                        } else if (second != pathComp) {\n-                            // stop looking\n-                            area = true;\n-                        }\n-                    }\n-                }\n-            }\n-            path.push(area ? \" x \" : \" \");\n-        }\n-        path.push(\"e\");\n-        node.path = path.join(\"\");\n-        return node;\n-    },\n+/**\n+ * Class: OpenLayers.Popup.Anchored\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Popup>\n+ */\n+OpenLayers.Popup.Anchored =\n+    OpenLayers.Class(OpenLayers.Popup, {\n \n-    /**\n-     * Method: drawRectangle\n-     * Render a rectangle\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n+        /** \n+         * Property: relativePosition\n+         * {String} Relative position of the popup (\"br\", \"tr\", \"tl\" or \"bl\").\n+         */\n+        relativePosition: null,\n \n-        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n-        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n-        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+        /**\n+         * APIProperty: keepInMap \n+         * {Boolean} If panMapIfOutOfView is false, and this property is true, \n+         *     contrain the popup such that it always fits in the available map\n+         *     space. By default, this is set. If you are creating popups that are\n+         *     near map edges and not allowing pannning, and especially if you have\n+         *     a popup which has a fixedRelativePosition, setting this to false may\n+         *     be a smart thing to do.\n+         *   \n+         *     For anchored popups, default is true, since subclasses will\n+         *     usually want this functionality.\n+         */\n+        keepInMap: true,\n \n-        return node;\n-    },\n+        /**\n+         * Property: anchor\n+         * {Object} Object to which we'll anchor the popup. Must expose a \n+         *     'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>).\n+         */\n+        anchor: null,\n \n-    /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {\n-        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n-        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+        /** \n+         * Constructor: OpenLayers.Popup.Anchored\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object which must expose a 'size' <OpenLayers.Size> \n+         *     and 'offset' <OpenLayers.Pixel> (generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+            var newArguments = [\n+                id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback\n+            ];\n+            OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n \n-        var resolution = this.getResolution();\n-        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n-        label.style.flip = \"y\";\n+            this.anchor = (anchor != null) ? anchor :\n+                {\n+                    size: new OpenLayers.Size(0, 0),\n+                    offset: new OpenLayers.Pixel(0, 0)\n+                };\n+        },\n \n-        textbox.innerText = style.label;\n+        /**\n+         * APIMethod: destroy\n+         */\n+        destroy: function() {\n+            this.anchor = null;\n+            this.relativePosition = null;\n \n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            textbox.style.cursor = style.cursor;\n-        }\n-        if (style.fontColor) {\n-            textbox.style.color = style.fontColor;\n-        }\n-        if (style.fontOpacity) {\n-            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n-        }\n-        if (style.fontFamily) {\n-            textbox.style.fontFamily = style.fontFamily;\n-        }\n-        if (style.fontSize) {\n-            textbox.style.fontSize = style.fontSize;\n-        }\n-        if (style.fontWeight) {\n-            textbox.style.fontWeight = style.fontWeight;\n-        }\n-        if (style.fontStyle) {\n-            textbox.style.fontStyle = style.fontStyle;\n-        }\n-        if (style.labelSelect === true) {\n-            label._featureId = featureId;\n-            textbox._featureId = featureId;\n-            textbox._geometry = location;\n-            textbox._geometryClass = location.CLASS_NAME;\n-        }\n-        textbox.style.whiteSpace = \"nowrap\";\n-        // fun with IE: IE7 in standards compliant mode does not display any\n-        // text with a left inset of 0. So we set this to 1px and subtract one\n-        // pixel later when we set label.style.left\n-        textbox.inset = \"1px,0px,0px,0px\";\n+            OpenLayers.Popup.prototype.destroy.apply(this, arguments);\n+        },\n \n-        if (!label.parentNode) {\n-            label.appendChild(textbox);\n-            this.textRoot.appendChild(label);\n-        }\n+        /**\n+         * APIMethod: show\n+         * Overridden from Popup since user might hide popup and then show() it \n+         *     in a new location (meaning we might want to update the relative\n+         *     position on the show)\n+         */\n+        show: function() {\n+            this.updatePosition();\n+            OpenLayers.Popup.prototype.show.apply(this, arguments);\n+        },\n \n-        var align = style.labelAlign || \"cm\";\n-        if (align.length == 1) {\n-            align += \"m\";\n-        }\n-        var xshift = textbox.clientWidth *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n-        var yshift = textbox.clientHeight *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n-        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n-        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+        /**\n+         * Method: moveTo\n+         * Since the popup is moving to a new px, it might need also to be moved\n+         *     relative to where the marker is. We first calculate the new \n+         *     relativePosition, and then we calculate the new px where we will \n+         *     put the popup, based on the new relative position. \n+         * \n+         *     If the relativePosition has changed, we must also call \n+         *     updateRelativePosition() to make any visual changes to the popup \n+         *     which are associated with putting it in a new relativePosition.\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         */\n+        moveTo: function(px) {\n+            var oldRelativePosition = this.relativePosition;\n+            this.relativePosition = this.calculateRelativePosition(px);\n \n-    },\n+            OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n \n-    /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a different renderer.\n-     * \n-     * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     * root - {DOMElement} optional root node. To be used when this renderer\n-     *     holds roots from multiple layers to tell this method which one to\n-     *     detach\n-     * \n-     * Returns:\n-     * {Boolean} true if successful, false otherwise\n-     */\n-    moveRoot: function(renderer) {\n-        var layer = this.map.getLayer(renderer.container.id);\n-        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n-            layer = this.map.getLayer(this.container.id);\n-        }\n-        layer && layer.renderer.clear();\n-        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n-        layer && layer.redraw();\n-    },\n+            //if this move has caused the popup to change its relative position, \n+            // we need to make the appropriate cosmetic changes.\n+            if (this.relativePosition != oldRelativePosition) {\n+                this.updateRelativePosition();\n+            }\n+        },\n \n-    /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n-     * \n-     * Parameters:\n-     * graphicName - {String} name of the symbol to import\n-     * \n-     * Returns:\n-     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n-     */\n-    importSymbol: function(graphicName) {\n-        var id = this.container.id + \"-\" + graphicName;\n+        /**\n+         * APIMethod: setSize\n+         * \n+         * Parameters:\n+         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+         *     contents div (in pixels).\n+         */\n+        setSize: function(contentSize) {\n+            OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n \n-        // check if symbol already exists in the cache\n-        var cache = this.symbolCache[id];\n-        if (cache) {\n-            return cache;\n-        }\n+            if ((this.lonlat) && (this.map)) {\n+                var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+                this.moveTo(px);\n+            }\n+        },\n \n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n-        }\n+        /** \n+         * Method: calculateRelativePosition\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {String} The relative position (\"br\" \"tr\" \"tl\" \"bl\") at which the popup\n+         *     should be placed.\n+         */\n+        calculateRelativePosition: function(px) {\n+            var lonlat = this.map.getLonLatFromLayerPx(px);\n \n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+            var extent = this.map.getExtent();\n+            var quadrant = extent.determineQuadrant(lonlat);\n \n-        var pathitems = [\"m\"];\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            var x = symbol[i];\n-            var y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n+            return OpenLayers.Bounds.oppositeQuadrant(quadrant);\n+        },\n \n-            pathitems.push(x);\n-            pathitems.push(y);\n-            if (i == 0) {\n-                pathitems.push(\"l\");\n-            }\n-        }\n-        pathitems.push(\"x e\");\n-        var path = pathitems.join(\" \");\n+        /**\n+         * Method: updateRelativePosition\n+         * The popup has been moved to a new relative location, so we may want to \n+         *     make some cosmetic adjustments to it. \n+         * \n+         *     Note that in the classic Anchored popup, there is nothing to do \n+         *     here, since the popup looks exactly the same in all four positions.\n+         *     Subclasses such as Framed, however, will want to do something\n+         *     special here.\n+         */\n+        updateRelativePosition: function() {\n+            //to be overridden by subclasses\n+        },\n \n-        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n-        if (diff > 0) {\n-            symbolExtent.bottom = symbolExtent.bottom - diff;\n-            symbolExtent.top = symbolExtent.top + diff;\n-        } else {\n-            symbolExtent.left = symbolExtent.left + diff;\n-            symbolExtent.right = symbolExtent.right - diff;\n-        }\n+        /** \n+         * Method: calculateNewPx\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n+         *     relative to the passed-in px.\n+         */\n+        calculateNewPx: function(px) {\n+            var newPx = px.offset(this.anchor.offset);\n \n-        cache = {\n-            path: path,\n-            size: symbolExtent.getWidth(), // equals getHeight() now\n-            left: symbolExtent.left,\n-            bottom: symbolExtent.bottom\n-        };\n-        this.symbolCache[id] = cache;\n+            //use contentSize if size is not already set\n+            var size = this.size || this.contentSize;\n \n-        return cache;\n-    },\n+            var top = (this.relativePosition.charAt(0) == 't');\n+            newPx.y += (top) ? -size.h : this.anchor.size.h;\n \n-    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n-});\n+            var left = (this.relativePosition.charAt(1) == 'l');\n+            newPx.x += (left) ? -size.w : this.anchor.size.w;\n \n-/**\n- * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n- * {Object}\n- */\n-OpenLayers.Renderer.VML.LABEL_SHIFT = {\n-    \"l\": 0,\n-    \"c\": .5,\n-    \"r\": 1,\n-    \"t\": 0,\n-    \"m\": .5,\n-    \"b\": 1\n-};\n+            return newPx;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n+    });\n /* ======================================================================\n-    OpenLayers/Strategy.js\n+    OpenLayers/Popup/Framed.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Popup/Anchored.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy\n- * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n- *     one of the strategy subclasses instead.\n+ * Class: OpenLayers.Popup.Framed\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Popup.Anchored>\n  */\n-OpenLayers.Strategy = OpenLayers.Class({\n+OpenLayers.Popup.Framed =\n+    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n-     */\n-    layer: null,\n+        /**\n+         * Property: imageSrc\n+         * {String} location of the image to be used as the popup frame\n+         */\n+        imageSrc: null,\n \n-    /**\n-     * Property: options\n-     * {Object} Any options sent to the constructor.\n-     */\n-    options: null,\n+        /**\n+         * Property: imageSize\n+         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n+         *     by the 'imageSrc' property.\n+         */\n+        imageSize: null,\n \n-    /** \n-     * Property: active \n-     * {Boolean} The control is active.\n-     */\n-    active: null,\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The image has some alpha and thus needs to use the alpha \n+         *     image hack. Note that setting this to true will have no noticeable\n+         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n+         *     browser. \n+         *     Default is false.\n+         */\n+        isAlphaImage: false,\n \n-    /**\n-     * Property: autoActivate\n-     * {Boolean} The creator of the strategy can set autoActivate to false\n-     *      to fully control when the protocol is activated and deactivated.\n-     *      Defaults to true.\n-     */\n-    autoActivate: true,\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of different position blocks (Object/Hashs). Each block \n+         *     will be keyed by a two-character 'relativePosition' \n+         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n+         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n+         *     parameter, which is an array of the block objects. \n+         * \n+         *     Each block object must have 'size', 'anchor', and 'position' \n+         *     properties.\n+         * \n+         *     Note that positionBlocks should never be modified at runtime.\n+         */\n+        positionBlocks: null,\n \n-    /**\n-     * Property: autoDestroy\n-     * {Boolean} The creator of the strategy can set autoDestroy to false\n-     *      to fully control when the strategy is destroyed. Defaults to\n-     *      true.\n-     */\n-    autoDestroy: true,\n+        /**\n+         * Property: blocks\n+         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n+         *     popup. Each block has a 'div' and an 'image' property, both of \n+         *     which are DOMElements, and the latter of which is appended to the \n+         *     former. These are reused as the popup goes changing positions for\n+         *     great economy and elegance.\n+         */\n+        blocks: null,\n \n-    /**\n-     * Constructor: OpenLayers.Strategy\n-     * Abstract class for vector strategies.  Create instances of a subclass.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        // set the active property here, so that user cannot override it\n-        this.active = false;\n-    },\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} We want the framed popup to work dynamically placed relative\n+         *     to its anchor but also in just one fixed position. A well designed\n+         *     framed popup will have the pixels and logic to display itself in \n+         *     any of the four relative positions, but (understandably), this will\n+         *     not be the case for all of them. By setting this property to 'true', \n+         *     framed popup will not recalculate for the best placement each time\n+         *     it's open, but will always open the same way. \n+         *     Note that if this is set to true, it is generally advisable to also\n+         *     set the 'panIntoView' property to true so that the popup can be \n+         *     scrolled into view (since it will often be offscreen on open)\n+         *     Default is false.\n+         */\n+        fixedRelativePosition: false,\n \n-    /**\n-     * APIMethod: destroy\n-     * Clean up the strategy.\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null;\n-    },\n+        /** \n+         * Constructor: OpenLayers.Popup.Framed\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n \n-    /**\n-     * Method: setLayer\n-     * Called to set the <layer> property.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}\n-     */\n-    setLayer: function(layer) {\n-        this.layer = layer;\n-    },\n+            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n \n-    /**\n-     * Method: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true;\n-        }\n-        return false;\n-    },\n+            if (this.fixedRelativePosition) {\n+                //based on our decided relativePostion, set the current padding\n+                // this keeps us from getting into trouble \n+                this.updateRelativePosition();\n \n-    /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true;\n-        }\n-        return false;\n-    },\n+                //make calculateRelativePosition always return the specified\n+                // fixed position.\n+                this.calculateRelativePosition = function(px) {\n+                    return this.relativePosition;\n+                };\n+            }\n \n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-/* ======================================================================\n-    OpenLayers/Strategy/Fixed.js\n-   ====================================================================== */\n+            this.contentDiv.style.position = \"absolute\";\n+            this.contentDiv.style.zIndex = 1;\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+            if (closeBox) {\n+                this.closeDiv.style.zIndex = 1;\n+            }\n \n-/**\n- * @requires OpenLayers/Strategy.js\n- */\n+            this.groupDiv.style.position = \"absolute\";\n+            this.groupDiv.style.top = \"0px\";\n+            this.groupDiv.style.left = \"0px\";\n+            this.groupDiv.style.height = \"100%\";\n+            this.groupDiv.style.width = \"100%\";\n+        },\n \n-/**\n- * Class: OpenLayers.Strategy.Fixed\n- * A simple strategy that requests features once and never requests new data.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n- */\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+        /** \n+         * APIMethod: destroy\n+         */\n+        destroy: function() {\n+            this.imageSrc = null;\n+            this.imageSize = null;\n+            this.isAlphaImage = null;\n \n-    /**\n-     * APIProperty: preload\n-     * {Boolean} Load data before layer made visible. Enabling this may result\n-     *   in considerable overhead if your application loads many data layers\n-     *   that are not visible by default. Default is false.\n-     */\n-    preload: false,\n+            this.fixedRelativePosition = false;\n+            this.positionBlocks = null;\n \n-    /**\n-     * Constructor: OpenLayers.Strategy.Fixed\n-     * Create a new Fixed strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n+            //remove our blocks\n+            for (var i = 0; i < this.blocks.length; i++) {\n+                var block = this.blocks[i];\n \n-    /**\n-     * Method: activate\n-     * Activate the strategy: load data or add listener to load when visible\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n-     */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"refresh\": this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load();\n-            } else {\n-                this.layer.events.on({\n-                    \"visibilitychanged\": this.load,\n-                    scope: this\n-                });\n+                if (block.image) {\n+                    block.div.removeChild(block.image);\n+                }\n+                block.image = null;\n+\n+                if (block.div) {\n+                    this.groupDiv.removeChild(block.div);\n+                }\n+                block.div = null;\n             }\n-        }\n-        return activated;\n-    },\n+            this.blocks = null;\n \n-    /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Undo what is done in <activate>.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"refresh\": this.load,\n-                \"visibilitychanged\": this.load,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n-    },\n+            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n+        },\n \n-    /**\n-     * Method: load\n-     * Tells protocol to load data and unhooks the visibilitychanged event\n-     *\n-     * Parameters:\n-     * options - {Object} options to pass to protocol read.\n-     */\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n-        });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            \"visibilitychanged\": this.load,\n-            scope: this\n-        });\n-    },\n+        /**\n+         * APIMethod: setBackgroundColor\n+         */\n+        setBackgroundColor: function(color) {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the background color makes no sense. \n+        },\n \n-    /**\n-     * Method: merge\n-     * Add all features to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n-     */\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local);\n-                    }\n-                }\n+        /**\n+         * APIMethod: setBorder\n+         */\n+        setBorder: function() {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the popup's border makes no sense. \n+        },\n+\n+        /**\n+         * Method: setOpacity\n+         * Sets the opacity of the popup.\n+         * \n+         * Parameters:\n+         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n+         */\n+        setOpacity: function(opacity) {\n+            //does nothing since we suppose that we'll never apply an opacity\n+            // to a framed popup\n+        },\n+\n+        /**\n+         * APIMethod: setSize\n+         * Overridden here, because we need to update the blocks whenever the size\n+         *     of the popup has changed.\n+         * \n+         * Parameters:\n+         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+         *     contents div (in pixels).\n+         */\n+        setSize: function(contentSize) {\n+            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+\n+            this.updateBlocks();\n+        },\n+\n+        /**\n+         * Method: updateRelativePosition\n+         * When the relative position changes, we need to set the new padding \n+         *     BBOX on the popup, reposition the close div, and update the blocks.\n+         */\n+        updateRelativePosition: function() {\n+\n+            //update the padding\n+            this.padding = this.positionBlocks[this.relativePosition].padding;\n+\n+            //update the position of our close box to new padding\n+            if (this.closeDiv) {\n+                // use the content div's css padding to determine if we should\n+                //  padd the close div\n+                var contentDivPadding = this.getContentDivPadding();\n+\n+                this.closeDiv.style.right = contentDivPadding.right +\n+                    this.padding.right + \"px\";\n+                this.closeDiv.style.top = contentDivPadding.top +\n+                    this.padding.top + \"px\";\n             }\n-            layer.addFeatures(features);\n-        }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n-});\n-/* ======================================================================\n-    OpenLayers/Filter/Spatial.js\n-   ====================================================================== */\n+            this.updateBlocks();\n+        },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        /** \n+         * Method: calculateNewPx\n+         * Besides the standard offset as determined by the Anchored class, our \n+         *     Framed popups have a special 'offset' property for each of their \n+         *     positions, which is used to offset the popup relative to its anchor.\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n+         *     relative to the passed-in px.\n+         */\n+        calculateNewPx: function(px) {\n+            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n+                this, arguments\n+            );\n \n-/**\n- * @requires OpenLayers/Filter.js\n- */\n+            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n \n-/**\n- * Class: OpenLayers.Filter.Spatial\n- * This class represents a spatial filter.\n- * Currently implemented: BBOX, DWithin and Intersects\n- * \n- * Inherits from:\n- * - <OpenLayers.Filter>\n- */\n-OpenLayers.Filter.Spatial = OpenLayers.Class(OpenLayers.Filter, {\n+            return newPx;\n+        },\n \n-    /**\n-     * APIProperty: type\n-     * {String} Type of spatial filter.\n-     *\n-     * The type should be one of:\n-     * - OpenLayers.Filter.Spatial.BBOX\n-     * - OpenLayers.Filter.Spatial.INTERSECTS\n-     * - OpenLayers.Filter.Spatial.DWITHIN\n-     * - OpenLayers.Filter.Spatial.WITHIN\n-     * - OpenLayers.Filter.Spatial.CONTAINS\n-     */\n-    type: null,\n+        /**\n+         * Method: createBlocks\n+         */\n+        createBlocks: function() {\n+            this.blocks = [];\n \n-    /**\n-     * APIProperty: property\n-     * {String} Name of the context property to compare.\n-     */\n-    property: null,\n+            //since all positions contain the same number of blocks, we can \n+            // just pick the first position and use its blocks array to create\n+            // our blocks array\n+            var firstPosition = null;\n+            for (var key in this.positionBlocks) {\n+                firstPosition = key;\n+                break;\n+            }\n \n-    /**\n-     * APIProperty: value\n-     * {<OpenLayers.Bounds> || <OpenLayers.Geometry>} The bounds or geometry\n-     *     to be used by the filter.  Use bounds for BBOX filters and geometry\n-     *     for INTERSECTS or DWITHIN filters.\n-     */\n-    value: null,\n+            var position = this.positionBlocks[firstPosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n \n-    /**\n-     * APIProperty: distance\n-     * {Number} The distance to use in a DWithin spatial filter.\n-     */\n-    distance: null,\n+                var block = {};\n+                this.blocks.push(block);\n \n-    /**\n-     * APIProperty: distanceUnits\n-     * {String} The units to use for the distance, e.g. 'm'.\n-     */\n-    distanceUnits: null,\n+                var divId = this.id + '_FrameDecorationDiv_' + i;\n+                block.div = OpenLayers.Util.createDiv(divId,\n+                    null, null, null, \"absolute\", null, \"hidden\", null\n+                );\n \n-    /** \n-     * Constructor: OpenLayers.Filter.Spatial\n-     * Creates a spatial filter.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object with properties to set on the\n-     *     filter.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Filter.Spatial>}\n-     */\n+                var imgId = this.id + '_FrameDecorationImg_' + i;\n+                var imageCreator =\n+                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n+                    OpenLayers.Util.createImage;\n \n-    /**\n-     * Method: evaluate\n-     * Evaluates this filter for a specific feature.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} feature to apply the filter to.\n-     * \n-     * Returns:\n-     * {Boolean} The feature meets filter criteria.\n-     */\n-    evaluate: function(feature) {\n-        var intersect = false;\n-        switch (this.type) {\n-            case OpenLayers.Filter.Spatial.BBOX:\n-            case OpenLayers.Filter.Spatial.INTERSECTS:\n-                if (feature.geometry) {\n-                    var geom = this.value;\n-                    if (this.value.CLASS_NAME == \"OpenLayers.Bounds\") {\n-                        geom = this.value.toGeometry();\n-                    }\n-                    if (feature.geometry.intersects(geom)) {\n-                        intersect = true;\n-                    }\n+                block.image = imageCreator(imgId,\n+                    null, this.imageSize, this.imageSrc,\n+                    \"absolute\", null, null, null\n+                );\n+\n+                block.div.appendChild(block.image);\n+                this.groupDiv.appendChild(block.div);\n+            }\n+        },\n+\n+        /**\n+         * Method: updateBlocks\n+         * Internal method, called on initialize and when the popup's relative\n+         *     position has changed. This function takes care of re-positioning\n+         *     the popup's blocks in their appropropriate places.\n+         */\n+        updateBlocks: function() {\n+            if (!this.blocks) {\n+                this.createBlocks();\n+            }\n+\n+            if (this.size && this.relativePosition) {\n+                var position = this.positionBlocks[this.relativePosition];\n+                for (var i = 0; i < position.blocks.length; i++) {\n+\n+                    var positionBlock = position.blocks[i];\n+                    var block = this.blocks[i];\n+\n+                    // adjust sizes\n+                    var l = positionBlock.anchor.left;\n+                    var b = positionBlock.anchor.bottom;\n+                    var r = positionBlock.anchor.right;\n+                    var t = positionBlock.anchor.top;\n+\n+                    //note that we use the isNaN() test here because if the \n+                    // size object is initialized with a \"auto\" parameter, the \n+                    // size constructor calls parseFloat() on the string, \n+                    // which will turn it into NaN\n+                    //\n+                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n+                        positionBlock.size.w;\n+\n+                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n+                        positionBlock.size.h;\n+\n+                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n+                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n+\n+                    block.div.style.left = (l != null) ? l + 'px' : '';\n+                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n+                    block.div.style.right = (r != null) ? r + 'px' : '';\n+                    block.div.style.top = (t != null) ? t + 'px' : '';\n+\n+                    block.image.style.left = positionBlock.position.x + 'px';\n+                    block.image.style.top = positionBlock.position.y + 'px';\n                 }\n-                break;\n-            default:\n-                throw new Error('evaluate is not implemented for this filter type.');\n-        }\n-        return intersect;\n-    },\n \n-    /**\n-     * APIMethod: clone\n-     * Clones this filter.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Filter.Spatial>} Clone of this filter.\n-     */\n-    clone: function() {\n-        var options = OpenLayers.Util.applyDefaults({\n-            value: this.value && this.value.clone && this.value.clone()\n-        }, this);\n-        return new OpenLayers.Filter.Spatial(options);\n-    },\n-    CLASS_NAME: \"OpenLayers.Filter.Spatial\"\n-});\n+                this.contentDiv.style.left = this.padding.left + \"px\";\n+                this.contentDiv.style.top = this.padding.top + \"px\";\n+            }\n+        },\n \n-OpenLayers.Filter.Spatial.BBOX = \"BBOX\";\n-OpenLayers.Filter.Spatial.INTERSECTS = \"INTERSECTS\";\n-OpenLayers.Filter.Spatial.DWITHIN = \"DWITHIN\";\n-OpenLayers.Filter.Spatial.WITHIN = \"WITHIN\";\n-OpenLayers.Filter.Spatial.CONTAINS = \"CONTAINS\";\n+        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+    });\n /* ======================================================================\n-    OpenLayers/Strategy/BBOX.js\n+    OpenLayers/Popup/FramedCloud.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Popup/Framed.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/BaseTypes/Bounds.js\n+ * @requires OpenLayers/BaseTypes/Pixel.js\n+ * @requires OpenLayers/BaseTypes/Size.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.BBOX\n- * A simple strategy that reads new features when the viewport invalidates\n- *     some bounds.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ * Class: OpenLayers.Popup.FramedCloud\n+ * \n+ * Inherits from: \n+ *  - <OpenLayers.Popup.Framed>\n  */\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n-\n-    /**\n-     * Property: bounds\n-     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n-     *     as the layer - not always the same projection as the map).\n-     */\n-    bounds: null,\n-\n-    /** \n-     * Property: resolution \n-     * {Float} The current data resolution. \n-     */\n-    resolution: null,\n-\n-    /**\n-     * APIProperty: ratio\n-     * {Float} The ratio of the data bounds to the viewport bounds (in each\n-     *     dimension).  Default is 2.\n-     */\n-    ratio: 2,\n-\n-    /** \n-     * Property: resFactor \n-     * {Float} Optional factor used to determine when previously requested \n-     *     features are invalid.  If set, the resFactor will be compared to the\n-     *     resolution of the previous request to the current map resolution.\n-     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n-     *     set a resFactor of 1, data will be requested every time the\n-     *     resolution changes.  If you set a resFactor of 3, data will be\n-     *     requested if the old resolution is 3 times the new, or if the new is\n-     *     3 times the old.  If the old bounds do not contain the new bounds\n-     *     new data will always be requested (with or without considering\n-     *     resFactor). \n-     */\n-    resFactor: null,\n+OpenLayers.Popup.FramedCloud =\n+    OpenLayers.Class(OpenLayers.Popup.Framed, {\n \n-    /**\n-     * Property: response\n-     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n-     *      by the layer protocol.\n-     */\n-    response: null,\n+        /** \n+         * Property: contentDisplayClass\n+         * {String} The CSS class of the popup content div.\n+         */\n+        contentDisplayClass: \"olFramedCloudPopupContent\",\n \n-    /**\n-     * Constructor: OpenLayers.Strategy.BBOX\n-     * Create a new BBOX strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n+        /**\n+         * APIProperty: autoSize\n+         * {Boolean} Framed Cloud is autosizing by default.\n+         */\n+        autoSize: true,\n \n-    /**\n-     * Method: activate\n-     * Set up strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n-     */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-            this.update();\n-        }\n-        return activated;\n-    },\n+        /**\n+         * APIProperty: panMapIfOutOfView\n+         * {Boolean} Framed Cloud does pan into view by default.\n+         */\n+        panMapIfOutOfView: true,\n \n-    /**\n-     * Method: deactivate\n-     * Tear down strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n-    },\n+        /**\n+         * APIProperty: imageSize\n+         * {<OpenLayers.Size>}\n+         */\n+        imageSize: new OpenLayers.Size(1276, 736),\n \n-    /**\n-     * Method: update\n-     * Callback function called on \"moveend\" or \"refresh\" layer events.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will determine\n-     *     the behaviour of this Strategy\n-     *\n-     * Valid options include:\n-     * force - {Boolean} if true, new data must be unconditionally read.\n-     * noAbort - {Boolean} if true, do not abort previous requests.\n-     */\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && ((options && options.force) ||\n-                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options);\n-        }\n-    },\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n+         *     good ie6 folk out there)\n+         */\n+        isAlphaImage: false,\n \n-    /**\n-     * Method: getMapBounds\n-     * Get the map bounds expressed in the same projection as this layer.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n-     */\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null;\n-        }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(\n-                this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(\n-                this.layer.map.getProjectionObject(), this.layer.projection\n-            );\n-        }\n-        return bounds;\n-    },\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} The Framed Cloud popup works in just one fixed position.\n+         */\n+        fixedRelativePosition: false,\n \n-    /**\n-     * Method: invalidBounds\n-     * Determine whether the previously requested set of features is invalid. \n-     *     This occurs when the new map bounds do not contain the previously \n-     *     requested bounds.  In addition, if <resFactor> is set, it will be \n-     *     considered.\n-     *\n-     * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n-     *\n-     * Returns:\n-     * {Boolean} \n-     */\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n-        }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n-        }\n-        return invalid;\n-    },\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of differen position blocks, keyed by relativePosition\n+         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n+         */\n+        positionBlocks: {\n+            \"tl\": {\n+                'offset': new OpenLayers.Pixel(44, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 18),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -632)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(0, -688)\n+                }]\n+            },\n+            \"tr\": {\n+                'offset': new OpenLayers.Pixel(-45, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 19),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -631)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                    position: new OpenLayers.Pixel(-215, -687)\n+                }]\n+            },\n+            \"bl\": {\n+                'offset': new OpenLayers.Pixel(45, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                    position: new OpenLayers.Pixel(-101, -674)\n+                }]\n+            },\n+            \"br\": {\n+                'offset': new OpenLayers.Pixel(-44, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                    position: new OpenLayers.Pixel(-311, -674)\n+                }]\n+            }\n+        },\n \n-    /**\n-     * Method: calculateBounds\n-     *\n-     * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n-     */\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n-        }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(\n-            center.lon - (dataWidth / 2),\n-            center.lat - (dataHeight / 2),\n-            center.lon + (dataWidth / 2),\n-            center.lat + (dataHeight / 2)\n-        );\n-    },\n+        /**\n+         * APIProperty: minSize\n+         * {<OpenLayers.Size>}\n+         */\n+        minSize: new OpenLayers.Size(105, 10),\n \n-    /**\n-     * Method: triggerRead\n-     *\n-     * Parameters:\n-     * options - {Object} Additional options for the protocol's read method \n-     *     (optional)\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} The protocol response object\n-     *      returned by the layer protocol.\n-     */\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\");\n-        }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(\n-            OpenLayers.Util.applyDefaults({\n-                filter: evt.filter,\n-                callback: this.merge,\n-                scope: this\n-            }, options));\n-    },\n+        /**\n+         * APIProperty: maxSize\n+         * {<OpenLayers.Size>}\n+         */\n+        maxSize: new OpenLayers.Size(1200, 660),\n \n-    /**\n-     * Method: createFilter\n-     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n-     * to has a filter property, this filter will be combined with the BBOX \n-     * filter.\n-     * \n-     * Returns\n-     * {<OpenLayers.Filter>} The filter object.\n-     */\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n-            });\n-        }\n-        return filter;\n-    },\n+        /** \n+         * Constructor: OpenLayers.Popup.FramedCloud\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n \n-    /**\n-     * Method: merge\n-     * Given a list of features, determine which ones to add to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n-     */\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local);\n-                        }\n-                    }\n-                }\n-                this.layer.addFeatures(features);\n-            }\n-        } else {\n-            this.bounds = null;\n-        }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n-    },\n+            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n+            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+            this.contentDiv.className = this.contentDisplayClass;\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n-});\n+        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n+    });\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.light.min.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.light.min.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -62,204 +62,14 @@\n         var sourceIsEvt = typeof window.Event == \"function\" && source instanceof window.Event;\n         if (!sourceIsEvt && source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n             destination.toString = source.toString\n         }\n     }\n     return destination\n };\n-OpenLayers.Util = OpenLayers.Util || {};\n-OpenLayers.Util.vendorPrefix = function() {\n-    \"use strict\";\n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n-\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null\n-        }\n-        return prefixedDom.replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase()\n-        }).replace(/^ms-/, \"-ms-\")\n-    }\n-\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase()\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom)\n-        }\n-        return cssCache[property]\n-    }\n-\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp, i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        prefix = prefix.toLowerCase()\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n-                } else {\n-                    tmpProp = property\n-                }\n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break\n-                }\n-            }\n-        }\n-        return jsCache[property]\n-    }\n-\n-    function style(property) {\n-        return js(divStyle, property)\n-    }\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    }\n-}();\n-OpenLayers.Animation = function(window) {\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!requestAnimationFrame;\n-    var requestFrame = function() {\n-        var request = window[requestAnimationFrame] || function(callback, element) {\n-            window.setTimeout(callback, 16)\n-        };\n-        return function(callback, element) {\n-            request.apply(window, [callback, element])\n-        }\n-    }();\n-    var counter = 0;\n-    var loops = {};\n-\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element)\n-                }\n-            } else {\n-                delete loops[id]\n-            }\n-        };\n-        requestFrame(loops[id], element);\n-        return id\n-    }\n-\n-    function stop(id) {\n-        delete loops[id]\n-    }\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    }\n-}(window);\n-OpenLayers.Kinetic = OpenLayers.Class({\n-    threshold: 0,\n-    deceleration: .0035,\n-    nbPoints: 100,\n-    delay: 200,\n-    points: undefined,\n-    timerId: undefined,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = []\n-    },\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: (new Date).getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop()\n-        }\n-    },\n-    end: function(xy) {\n-        var last, now = (new Date).getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break\n-            }\n-            last = point\n-        }\n-        if (!last) {\n-            return\n-        }\n-        var time = (new Date).getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        }\n-    },\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-        var initialTime = (new Date).getTime();\n-        var lastX = 0;\n-        var lastY = 0;\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return\n-            }\n-            var t = (new Date).getTime() - initialTime;\n-            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true\n-            }\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end)\n-        };\n-        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n-    },\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n OpenLayers.String = {\n     startsWith: function(str, sub) {\n         return str.indexOf(sub) == 0\n     },\n     contains: function(str, sub) {\n         return str.indexOf(sub) != -1\n     },\n@@ -1795,14 +1605,595 @@\n     if (axis == \"lon\") {\n         str += coordinate < 0 ? OpenLayers.i18n(\"W\") : OpenLayers.i18n(\"E\")\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\")\n     }\n     return str\n };\n+OpenLayers.Feature = OpenLayers.Class({\n+    layer: null,\n+    id: null,\n+    lonlat: null,\n+    data: null,\n+    marker: null,\n+    popupClass: null,\n+    popup: null,\n+    initialize: function(layer, lonlat, data) {\n+        this.layer = layer;\n+        this.lonlat = lonlat;\n+        this.data = data != null ? data : {};\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+    },\n+    destroy: function() {\n+        if (this.layer != null && this.layer.map != null) {\n+            if (this.popup != null) {\n+                this.layer.map.removePopup(this.popup)\n+            }\n+        }\n+        if (this.layer != null && this.marker != null) {\n+            this.layer.removeMarker(this.marker)\n+        }\n+        this.layer = null;\n+        this.id = null;\n+        this.lonlat = null;\n+        this.data = null;\n+        if (this.marker != null) {\n+            this.destroyMarker(this.marker);\n+            this.marker = null\n+        }\n+        if (this.popup != null) {\n+            this.destroyPopup(this.popup);\n+            this.popup = null\n+        }\n+    },\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.layer != null && this.layer.map != null) {\n+            var screenBounds = this.layer.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat)\n+        }\n+        return onScreen\n+    },\n+    createMarker: function() {\n+        if (this.lonlat != null) {\n+            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon)\n+        }\n+        return this.marker\n+    },\n+    destroyMarker: function() {\n+        this.marker.destroy()\n+    },\n+    createPopup: function(closeBox) {\n+        if (this.lonlat != null) {\n+            if (!this.popup) {\n+                var anchor = this.marker ? this.marker.icon : null;\n+                var popupClass = this.popupClass ? this.popupClass : OpenLayers.Popup.Anchored;\n+                this.popup = new popupClass(this.id + \"_popup\", this.lonlat, this.data.popupSize, this.data.popupContentHTML, anchor, closeBox)\n+            }\n+            if (this.data.overflow != null) {\n+                this.popup.contentDiv.style.overflow = this.data.overflow\n+            }\n+            this.popup.feature = this\n+        }\n+        return this.popup\n+    },\n+    destroyPopup: function() {\n+        if (this.popup) {\n+            this.popup.feature = null;\n+            this.popup.destroy();\n+            this.popup = null\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Feature\"\n+});\n+OpenLayers.State = {\n+    UNKNOWN: \"Unknown\",\n+    INSERT: \"Insert\",\n+    UPDATE: \"Update\",\n+    DELETE: \"Delete\"\n+};\n+OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n+    fid: null,\n+    geometry: null,\n+    attributes: null,\n+    bounds: null,\n+    state: null,\n+    style: null,\n+    url: null,\n+    renderIntent: \"default\",\n+    modified: null,\n+    initialize: function(geometry, attributes, style) {\n+        OpenLayers.Feature.prototype.initialize.apply(this, [null, null, attributes]);\n+        this.lonlat = null;\n+        this.geometry = geometry ? geometry : null;\n+        this.state = null;\n+        this.attributes = {};\n+        if (attributes) {\n+            this.attributes = OpenLayers.Util.extend(this.attributes, attributes)\n+        }\n+        this.style = style ? style : null\n+    },\n+    destroy: function() {\n+        if (this.layer) {\n+            this.layer.removeFeatures(this);\n+            this.layer = null\n+        }\n+        this.geometry = null;\n+        this.modified = null;\n+        OpenLayers.Feature.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function() {\n+        return new OpenLayers.Feature.Vector(this.geometry ? this.geometry.clone() : null, this.attributes, this.style)\n+    },\n+    onScreen: function(boundsOnly) {\n+        var onScreen = false;\n+        if (this.layer && this.layer.map) {\n+            var screenBounds = this.layer.map.getExtent();\n+            if (boundsOnly) {\n+                var featureBounds = this.geometry.getBounds();\n+                onScreen = screenBounds.intersectsBounds(featureBounds)\n+            } else {\n+                var screenPoly = screenBounds.toGeometry();\n+                onScreen = screenPoly.intersects(this.geometry)\n+            }\n+        }\n+        return onScreen\n+    },\n+    getVisibility: function() {\n+        return !(this.style && this.style.display == \"none\" || !this.layer || this.layer && this.layer.styleMap && this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == \"none\" || this.layer && !this.layer.getVisibility())\n+    },\n+    createMarker: function() {\n+        return null\n+    },\n+    destroyMarker: function() {},\n+    createPopup: function() {\n+        return null\n+    },\n+    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n+        var atPoint = false;\n+        if (this.geometry) {\n+            atPoint = this.geometry.atPoint(lonlat, toleranceLon, toleranceLat)\n+        }\n+        return atPoint\n+    },\n+    destroyPopup: function() {},\n+    move: function(location) {\n+        if (!this.layer || !this.geometry.move) {\n+            return undefined\n+        }\n+        var pixel;\n+        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n+            pixel = this.layer.getViewPortPxFromLonLat(location)\n+        } else {\n+            pixel = location\n+        }\n+        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n+        var res = this.layer.map.getResolution();\n+        this.geometry.move(res * (pixel.x - lastPixel.x), res * (lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this);\n+        return lastPixel\n+    },\n+    toState: function(state) {\n+        if (state == OpenLayers.State.UPDATE) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.DELETE:\n+                    this.state = state;\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                case OpenLayers.State.INSERT:\n+                    break\n+            }\n+        } else if (state == OpenLayers.State.INSERT) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                    break;\n+                default:\n+                    this.state = state;\n+                    break\n+            }\n+        } else if (state == OpenLayers.State.DELETE) {\n+            switch (this.state) {\n+                case OpenLayers.State.INSERT:\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    break;\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.UPDATE:\n+                    this.state = state;\n+                    break\n+            }\n+        } else if (state == OpenLayers.State.UNKNOWN) {\n+            this.state = state\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n+});\n+OpenLayers.Feature.Vector.style = {\n+    default: {\n+        fillColor: \"#ee9900\",\n+        fillOpacity: .4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"#ee9900\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    select: {\n+        fillColor: \"blue\",\n+        fillOpacity: .4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"blue\",\n+        strokeOpacity: 1,\n+        strokeWidth: 2,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"pointer\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    temporary: {\n+        fillColor: \"#66cccc\",\n+        fillOpacity: .2,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"#66cccc\",\n+        strokeOpacity: 1,\n+        strokeLinecap: \"round\",\n+        strokeWidth: 2,\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    delete: {\n+        display: \"none\"\n+    }\n+};\n+OpenLayers.Style = OpenLayers.Class({\n+    id: null,\n+    name: null,\n+    title: null,\n+    description: null,\n+    layerName: null,\n+    isDefault: false,\n+    rules: null,\n+    context: null,\n+    defaultStyle: null,\n+    defaultsPerSymbolizer: false,\n+    propertyStyles: null,\n+    initialize: function(style, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules)\n+        }\n+        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+    },\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null\n+        }\n+        this.rules = null;\n+        this.defaultStyle = null\n+    },\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+        var rules = this.rules;\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            var applies = rule.evaluate(feature);\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule)\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature)\n+                }\n+            }\n+        }\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature)\n+            }\n+        }\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\"\n+        }\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label)\n+        }\n+        return style\n+    },\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                })\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                })\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                })\n+            }\n+        }\n+        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n+    },\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n+        }\n+        return style\n+    },\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    this.addPropertyStyles(propertyStyles, value)\n+                } else {\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break\n+                }\n+            }\n+        }\n+        return propertyStyles\n+    },\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true\n+            }\n+        }\n+        return propertyStyles\n+    },\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i]\n+            }\n+        }\n+    },\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone())\n+            }\n+        }\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options)\n+    },\n+    CLASS_NAME: \"OpenLayers.Style\"\n+});\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = isNaN(value) || !value ? value : parseFloat(value)\n+    }\n+    return value\n+};\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n+OpenLayers.StyleMap = OpenLayers.Class({\n+    styles: null,\n+    extendDefault: true,\n+    initialize: function(style, options) {\n+        this.styles = {\n+            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n+            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n+            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+        if (style instanceof OpenLayers.Style) {\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    this.styles[key] = style[key]\n+                } else if (typeof style[key] == \"object\") {\n+                    this.styles[key] = new OpenLayers.Style(style[key])\n+                } else {\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy()\n+        }\n+        this.styles = null\n+    },\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\"\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n+    },\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }))\n+        }\n+        this.styles[renderIntent].addRules(rules)\n+    },\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+OpenLayers.Util = OpenLayers.Util || {};\n+OpenLayers.Util.vendorPrefix = function() {\n+    \"use strict\";\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null\n+        }\n+        return prefixedDom.replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase()\n+        }).replace(/^ms-/, \"-ms-\")\n+    }\n+\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase()\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom)\n+        }\n+        return cssCache[property]\n+    }\n+\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp, i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        prefix = prefix.toLowerCase()\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n+                } else {\n+                    tmpProp = property\n+                }\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break\n+                }\n+            }\n+        }\n+        return jsCache[property]\n+    }\n+\n+    function style(property) {\n+        return js(divStyle, property)\n+    }\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    }\n+}();\n OpenLayers.Event = {\n     observers: false,\n     KEY_SPACE: 32,\n     KEY_BACKSPACE: 8,\n     KEY_TAB: 9,\n     KEY_RETURN: 13,\n     KEY_ESC: 27,\n@@ -2253,14 +2644,56 @@\n             e.touches = touches.slice();\n             handler(e)\n         };\n         OpenLayers.Event.observe(element, \"MSPointerUp\", cb)\n     },\n     CLASS_NAME: \"OpenLayers.Events\"\n });\n+OpenLayers.Animation = function(window) {\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!requestAnimationFrame;\n+    var requestFrame = function() {\n+        var request = window[requestAnimationFrame] || function(callback, element) {\n+            window.setTimeout(callback, 16)\n+        };\n+        return function(callback, element) {\n+            request.apply(window, [callback, element])\n+        }\n+    }();\n+    var counter = 0;\n+    var loops = {};\n+\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element)\n+                }\n+            } else {\n+                delete loops[id]\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id\n+    }\n+\n+    function stop(id) {\n+        delete loops[id]\n+    }\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    }\n+}(window);\n OpenLayers.Tween = OpenLayers.Class({\n     easing: null,\n     begin: null,\n     finish: null,\n     duration: null,\n     callbacks: null,\n     time: null,\n@@ -3681,615 +4114,1851 @@\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Map\"\n });\n OpenLayers.Map.TILE_WIDTH = 256;\n OpenLayers.Map.TILE_HEIGHT = 256;\n-OpenLayers.Feature = OpenLayers.Class({\n-    layer: null,\n+OpenLayers.Kinetic = OpenLayers.Class({\n+    threshold: 0,\n+    deceleration: .0035,\n+    nbPoints: 100,\n+    delay: 200,\n+    points: undefined,\n+    timerId: undefined,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = []\n+    },\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: (new Date).getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop()\n+        }\n+    },\n+    end: function(xy) {\n+        var last, now = (new Date).getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break\n+            }\n+            last = point\n+        }\n+        if (!last) {\n+            return\n+        }\n+        var time = (new Date).getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        }\n+    },\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+        var initialTime = (new Date).getTime();\n+        var lastX = 0;\n+        var lastY = 0;\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return\n+            }\n+            var t = (new Date).getTime() - initialTime;\n+            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true\n+            }\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end)\n+        };\n+        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n+OpenLayers.Rule = OpenLayers.Class({\n     id: null,\n-    lonlat: null,\n-    data: null,\n-    marker: null,\n-    popupClass: null,\n-    popup: null,\n-    initialize: function(layer, lonlat, data) {\n-        this.layer = layer;\n-        this.lonlat = lonlat;\n-        this.data = data != null ? data : {};\n+    name: null,\n+    title: null,\n+    description: null,\n+    context: null,\n+    filter: null,\n+    elseFilter: false,\n+    symbolizer: null,\n+    symbolizers: null,\n+    minScaleDenominator: null,\n+    maxScaleDenominator: null,\n+    initialize: function(options) {\n+        this.symbolizer = {};\n+        OpenLayers.Util.extend(this, options);\n+        if (this.symbolizers) {\n+            delete this.symbolizer\n+        }\n         this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n     destroy: function() {\n-        if (this.layer != null && this.layer.map != null) {\n-            if (this.popup != null) {\n-                this.layer.map.removePopup(this.popup)\n+        for (var i in this.symbolizer) {\n+            this.symbolizer[i] = null\n+        }\n+        this.symbolizer = null;\n+        delete this.symbolizers\n+    },\n+    evaluate: function(feature) {\n+        var context = this.getContext(feature);\n+        var applies = true;\n+        if (this.minScaleDenominator || this.maxScaleDenominator) {\n+            var scale = feature.layer.map.getScale()\n+        }\n+        if (this.minScaleDenominator) {\n+            applies = scale >= OpenLayers.Style.createLiteral(this.minScaleDenominator, context)\n+        }\n+        if (applies && this.maxScaleDenominator) {\n+            applies = scale < OpenLayers.Style.createLiteral(this.maxScaleDenominator, context)\n+        }\n+        if (applies && this.filter) {\n+            if (this.filter.CLASS_NAME == \"OpenLayers.Filter.FeatureId\") {\n+                applies = this.filter.evaluate(feature)\n+            } else {\n+                applies = this.filter.evaluate(context)\n             }\n         }\n-        if (this.layer != null && this.marker != null) {\n-            this.layer.removeMarker(this.marker)\n+        return applies\n+    },\n+    getContext: function(feature) {\n+        var context = this.context;\n+        if (!context) {\n+            context = feature.attributes || feature.data\n         }\n-        this.layer = null;\n-        this.id = null;\n-        this.lonlat = null;\n-        this.data = null;\n-        if (this.marker != null) {\n-            this.destroyMarker(this.marker);\n-            this.marker = null\n+        if (typeof this.context == \"function\") {\n+            context = this.context(feature)\n         }\n-        if (this.popup != null) {\n-            this.destroyPopup(this.popup);\n-            this.popup = null\n+        return context\n+    },\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        if (this.symbolizers) {\n+            var len = this.symbolizers.length;\n+            options.symbolizers = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                options.symbolizers[i] = this.symbolizers[i].clone()\n+            }\n+        } else {\n+            options.symbolizer = {};\n+            var value, type;\n+            for (var key in this.symbolizer) {\n+                value = this.symbolizer[key];\n+                type = typeof value;\n+                if (type === \"object\") {\n+                    options.symbolizer[key] = OpenLayers.Util.extend({}, value)\n+                } else if (type === \"string\") {\n+                    options.symbolizer[key] = value\n+                }\n+            }\n         }\n+        options.filter = this.filter && this.filter.clone();\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        return new OpenLayers.Rule(options)\n     },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.layer != null && this.layer.map != null) {\n-            var screenBounds = this.layer.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat)\n+    CLASS_NAME: \"OpenLayers.Rule\"\n+});\n+OpenLayers.Control = OpenLayers.Class({\n+    id: null,\n+    map: null,\n+    div: null,\n+    type: null,\n+    allowSelection: false,\n+    displayClass: \"\",\n+    title: \"\",\n+    autoActivate: false,\n+    active: null,\n+    handlerOptions: null,\n+    handler: null,\n+    eventListeners: null,\n+    events: null,\n+    initialize: function(options) {\n+        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n+        OpenLayers.Util.extend(this, options);\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners)\n+        }\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n         }\n-        return onScreen\n     },\n-    createMarker: function() {\n-        if (this.lonlat != null) {\n-            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon)\n+    destroy: function() {\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners)\n+            }\n+            this.events.destroy();\n+            this.events = null\n         }\n-        return this.marker\n+        this.eventListeners = null;\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null\n+        }\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy()\n+                }\n+            }\n+            this.handlers = null\n+        }\n+        if (this.map) {\n+            this.map.removeControl(this);\n+            this.map = null\n+        }\n+        this.div = null\n     },\n-    destroyMarker: function() {\n-        this.marker.destroy()\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map)\n+        }\n     },\n-    createPopup: function(closeBox) {\n-        if (this.lonlat != null) {\n-            if (!this.popup) {\n-                var anchor = this.marker ? this.marker.icon : null;\n-                var popupClass = this.popupClass ? this.popupClass : OpenLayers.Popup.Anchored;\n-                this.popup = new popupClass(this.id + \"_popup\", this.lonlat, this.data.popupSize, this.data.popupContentHTML, anchor, closeBox)\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False\n             }\n-            if (this.data.overflow != null) {\n-                this.popup.contentDiv.style.overflow = this.data.overflow\n+            if (this.title != \"\") {\n+                this.div.title = this.title\n             }\n-            this.popup.feature = this\n         }\n-        return this.popup\n+        if (px != null) {\n+            this.position = px.clone()\n+        }\n+        this.moveTo(this.position);\n+        return this.div\n     },\n-    destroyPopup: function() {\n-        if (this.popup) {\n-            this.popup.feature = null;\n-            this.popup.destroy();\n-            this.popup = null\n+    moveTo: function(px) {\n+        if (px != null && this.div != null) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\"\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Feature\"\n+    activate: function() {\n+        if (this.active) {\n+            return false\n+        }\n+        if (this.handler) {\n+            this.handler.activate()\n+        }\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+        }\n+        this.events.triggerEvent(\"activate\");\n+        return true\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate()\n+            }\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+            }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true\n+        }\n+        return false\n+    },\n+    CLASS_NAME: \"OpenLayers.Control\"\n });\n-OpenLayers.State = {\n-    UNKNOWN: \"Unknown\",\n-    INSERT: \"Insert\",\n-    UPDATE: \"Update\",\n-    DELETE: \"Delete\"\n-};\n-OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n-    fid: null,\n-    geometry: null,\n-    attributes: null,\n-    bounds: null,\n-    state: null,\n-    style: null,\n-    url: null,\n-    renderIntent: \"default\",\n-    modified: null,\n-    initialize: function(geometry, attributes, style) {\n-        OpenLayers.Feature.prototype.initialize.apply(this, [null, null, attributes]);\n-        this.lonlat = null;\n-        this.geometry = geometry ? geometry : null;\n-        this.state = null;\n-        this.attributes = {};\n-        if (attributes) {\n-            this.attributes = OpenLayers.Util.extend(this.attributes, attributes)\n+OpenLayers.Control.TYPE_BUTTON = 1;\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n+OpenLayers.Control.TYPE_TOOL = 3;\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n+    target: null,\n+    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n+    startRegEx: /^mousedown|touchstart$/,\n+    cancelRegEx: /^touchmove$/,\n+    completeRegEx: /^mouseup|touchend$/,\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            })\n         }\n-        this.style = style ? style : null\n     },\n     destroy: function() {\n-        if (this.layer) {\n-            this.layer.removeFeatures(this);\n-            this.layer = null\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick)\n         }\n-        this.geometry = null;\n-        this.modified = null;\n-        OpenLayers.Feature.prototype.destroy.apply(this, arguments)\n+        delete this.target\n     },\n-    clone: function() {\n-        return new OpenLayers.Feature.Vector(this.geometry ? this.geometry.clone() : null, this.attributes, this.style)\n+    getPressedButton: function(element) {\n+        var depth = 3,\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                button = element;\n+                break\n+            }\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return button\n     },\n-    onScreen: function(boundsOnly) {\n-        var onScreen = false;\n-        if (this.layer && this.layer.map) {\n-            var screenBounds = this.layer.map.getExtent();\n-            if (boundsOnly) {\n-                var featureBounds = this.geometry.getBounds();\n-                onScreen = screenBounds.intersectsBounds(featureBounds)\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === \"a\") {\n+                ignore = true;\n+                break\n+            }\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return ignore\n+    },\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        })\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n+                }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n+                }\n             } else {\n-                var screenPoly = screenBounds.toGeometry();\n-                onScreen = screenPoly.intersects(this.geometry)\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt\n             }\n         }\n-        return onScreen\n+        return propagate\n+    }\n+});\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+    layerStates: null,\n+    layersDiv: null,\n+    baseLayersDiv: null,\n+    baseLayers: null,\n+    dataLbl: null,\n+    dataLayersDiv: null,\n+    dataLayers: null,\n+    minimizeDiv: null,\n+    maximizeDiv: null,\n+    ascending: true,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = []\n     },\n-    getVisibility: function() {\n-        return !(this.style && this.style.display == \"none\" || !this.layer || this.layer && this.layer.styleMap && this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == \"none\" || this.layer && !this.layer.getVisibility())\n+    destroy: function() {\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    createMarker: function() {\n-        return null\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n+        }\n     },\n-    destroyMarker: function() {},\n-    createPopup: function() {\n-        return null\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n+        this.loadContents();\n+        if (!this.outsideViewport) {\n+            this.minimizeControl()\n+        }\n+        this.redraw();\n+        return this.div\n     },\n-    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n-        var atPoint = false;\n-        if (this.geometry) {\n-            atPoint = this.geometry.atPoint(lonlat, toleranceLon, toleranceLat)\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl()\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl()\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"])\n+            }\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap()\n+                }\n+            }\n         }\n-        return atPoint\n     },\n-    destroyPopup: function() {},\n-    move: function(location) {\n-        if (!this.layer || !this.geometry.move) {\n-            return undefined\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = []\n+    },\n+    checkRedraw: function() {\n+        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n+            return true\n         }\n-        var pixel;\n-        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n-            pixel = this.layer.getViewPortPxFromLonLat(location)\n-        } else {\n-            pixel = location\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n+                return true\n+            }\n         }\n-        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n-        var res = this.layer.map.getResolution();\n-        this.geometry.move(res * (pixel.x - lastPixel.x), res * (lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this);\n-        return lastPixel\n+        return false\n     },\n-    toState: function(state) {\n-        if (state == OpenLayers.State.UPDATE) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.DELETE:\n-                    this.state = state;\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                case OpenLayers.State.INSERT:\n-                    break\n+    redraw: function() {\n+        if (!this.checkRedraw()) {\n+            return this.div\n+        }\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                name: layer.name,\n+                visibility: layer.visibility,\n+                inRange: layer.inRange,\n+                id: layer.id\n             }\n-        } else if (state == OpenLayers.State.INSERT) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                    break;\n-                default:\n-                    this.state = state;\n-                    break\n+        }\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse()\n+        }\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n+            if (layer.displayInLayerSwitcher) {\n+                if (baseLayer) {\n+                    containsBaseLayers = true\n+                } else {\n+                    containsOverlays = true\n+                }\n+                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n+                var inputElem = document.createElement(\"input\"),\n+                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n+                inputElem.id = inputId;\n+                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true\n+                }\n+                var labelSpan = document.createElement(\"label\");\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\"\n+                }\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n+                var br = document.createElement(\"br\");\n+                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n+                groupArray.push({\n+                    layer: layer,\n+                    inputElem: inputElem,\n+                    labelSpan: labelSpan\n+                });\n+                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br)\n             }\n-        } else if (state == OpenLayers.State.DELETE) {\n-            switch (this.state) {\n-                case OpenLayers.State.INSERT:\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    break;\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.UPDATE:\n-                    this.state = state;\n-                    break\n+        }\n+        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n+        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n+        return this.div\n+    },\n+    updateMap: function() {\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false)\n             }\n-        } else if (state == OpenLayers.State.UNKNOWN) {\n-            this.state = state\n+        }\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n+    maximizeControl: function(e) {\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n+        this.showControls(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n+        }\n+    },\n+    minimizeControl: function(e) {\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n+        this.showControls(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n+        }\n+    },\n+    showControls: function(minimize) {\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n+    },\n+    loadContents: function() {\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv)\n+        } else {\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv)\n+        }\n+        this.div.appendChild(this.layersDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.maximizeDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.minimizeDiv)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n });\n-OpenLayers.Feature.Vector.style = {\n-    default: {\n-        fillColor: \"#ee9900\",\n-        fillOpacity: .4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"#ee9900\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n+OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n+    zoomInText: \"+\",\n+    zoomInId: \"olZoomInLink\",\n+    zoomOutText: \"\u2212\",\n+    zoomOutId: \"olZoomOutLink\",\n+    draw: function() {\n+        var div = OpenLayers.Control.prototype.draw.apply(this),\n+            links = this.getOrCreateLinks(div),\n+            zoomIn = links.zoomIn,\n+            zoomOut = links.zoomOut,\n+            eventsInstance = this.map.events;\n+        if (zoomOut.parentNode !== div) {\n+            eventsInstance = this.events;\n+            eventsInstance.attachToElement(zoomOut.parentNode)\n+        }\n+        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n+        this.zoomInLink = zoomIn;\n+        this.zoomOutLink = zoomOut;\n+        return div\n     },\n-    select: {\n-        fillColor: \"blue\",\n-        fillOpacity: .4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"blue\",\n-        strokeOpacity: 1,\n-        strokeWidth: 2,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"pointer\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n+    getOrCreateLinks: function(el) {\n+        var zoomIn = document.getElementById(this.zoomInId),\n+            zoomOut = document.getElementById(this.zoomOutId);\n+        if (!zoomIn) {\n+            zoomIn = document.createElement(\"a\");\n+            zoomIn.href = \"#zoomIn\";\n+            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n+            zoomIn.className = \"olControlZoomIn\";\n+            el.appendChild(zoomIn)\n+        }\n+        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n+        if (!zoomOut) {\n+            zoomOut = document.createElement(\"a\");\n+            zoomOut.href = \"#zoomOut\";\n+            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n+            zoomOut.className = \"olControlZoomOut\";\n+            el.appendChild(zoomOut)\n+        }\n+        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n+        return {\n+            zoomIn: zoomIn,\n+            zoomOut: zoomOut\n+        }\n     },\n-    temporary: {\n-        fillColor: \"#66cccc\",\n-        fillOpacity: .2,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"#66cccc\",\n-        strokeOpacity: 1,\n-        strokeLinecap: \"round\",\n-        strokeWidth: 2,\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n+    onZoomClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.zoomInLink) {\n+            this.map.zoomIn()\n+        } else if (button === this.zoomOutLink) {\n+            this.map.zoomOut()\n+        }\n     },\n-    delete: {\n-        display: \"none\"\n-    }\n-};\n-OpenLayers.Style = OpenLayers.Class({\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick)\n+        }\n+        delete this.zoomInLink;\n+        delete this.zoomOutLink;\n+        OpenLayers.Control.prototype.destroy.apply(this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n+});\n+OpenLayers.Handler = OpenLayers.Class({\n     id: null,\n-    name: null,\n-    title: null,\n-    description: null,\n-    layerName: null,\n-    isDefault: false,\n-    rules: null,\n-    context: null,\n-    defaultStyle: null,\n-    defaultsPerSymbolizer: false,\n-    propertyStyles: null,\n-    initialize: function(style, options) {\n+    control: null,\n+    map: null,\n+    keyMask: null,\n+    active: false,\n+    evt: null,\n+    touch: false,\n+    initialize: function(control, callbacks, options) {\n         OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules)\n+        this.control = control;\n+        this.callbacks = callbacks;\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map)\n         }\n-        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n         this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n+    setMap: function(map) {\n+        this.map = map\n+    },\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true\n+        }\n+        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+        return keyModifiers == this.keyMask\n+    },\n+    activate: function() {\n+        if (this.active) {\n+            return false\n+        }\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]])\n+            }\n+        }\n+        this.active = true;\n+        return true\n+    },\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false\n+        }\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]])\n+            }\n+        }\n+        this.touch = false;\n+        this.active = false;\n+        return true\n+    },\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]])\n+                }\n+            }\n+        }\n+    },\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args)\n+        }\n+    },\n+    register: function(name, method) {\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent)\n+    },\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent)\n+    },\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true\n+    },\n     destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null\n+        this.deactivate();\n+        this.control = this.map = null\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler\"\n+});\n+OpenLayers.Handler.MOD_NONE = 0;\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+OpenLayers.Handler.MOD_CTRL = 2;\n+OpenLayers.Handler.MOD_ALT = 4;\n+OpenLayers.Handler.MOD_META = 8;\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n+    started: false,\n+    stopDown: true,\n+    dragging: false,\n+    last: null,\n+    start: null,\n+    lastMoveEvt: null,\n+    oldOnselectstart: null,\n+    interval: 0,\n+    timeoutId: null,\n+    documentDrag: false,\n+    documentEvents: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                })\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                })\n+            }\n         }\n-        this.rules = null;\n-        this.defaultStyle = null\n     },\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-        var rules = this.rules;\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            var applies = rule.evaluate(feature);\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule)\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+            OpenLayers.Event.preventDefault(evt);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n+            }\n+            document.onselectstart = OpenLayers.Function.False;\n+            propagate = !this.stopDown\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null\n+        }\n+        return propagate\n+    },\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    this.setEvent(evt)\n                 } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature)\n+                    this.removeDocumentEvents()\n                 }\n             }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n+            }\n+            this.dragging = true;\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False\n+            }\n+            this.last = evt.xy\n         }\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature)\n+        return true\n+    },\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents()\n+            }\n+            var dragged = this.start != this.last;\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy])\n             }\n+            document.onselectstart = this.oldOnselectstart\n         }\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\"\n+        return true\n+    },\n+    down: function(evt) {},\n+    move: function(evt) {},\n+    up: function(evt) {},\n+    out: function(evt) {},\n+    mousedown: function(evt) {\n+        return this.dragstart(evt)\n+    },\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt)\n+    },\n+    mousemove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    touchmove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt)\n         }\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label)\n+    },\n+    mouseup: function(evt) {\n+        return this.dragend(evt)\n+    },\n+    touchend: function(evt) {\n+        evt.xy = this.last;\n+        return this.dragend(evt)\n+    },\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents()\n+            } else {\n+                var dragged = this.start != this.last;\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy])\n+                }\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart\n+                }\n+            }\n         }\n-        return style\n+        return true\n     },\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                })\n+    click: function(evt) {\n+        return this.start == this.last\n+    },\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragging = false;\n+            activated = true\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n+        }\n+        return deactivated\n+    },\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1]\n+    },\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n+    },\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n+});\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+    dragHandler: null,\n+    boxDivClassName: \"olHandlerBoxZoomBox\",\n+    boxOffsets: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n+            down: this.startBox,\n+            move: this.moveBox,\n+            out: this.removeBox,\n+            up: this.endBox\n+        }, {\n+            keyMask: this.keyMask\n+        })\n+    },\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map)\n+        }\n+    },\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n+    },\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n+        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n+    },\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top)\n+        } else {\n+            result = this.dragHandler.start.clone()\n+        }\n+        this.removeBox();\n+        this.callback(\"done\", [result])\n+    },\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n+    },\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox()\n+                }\n             }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                })\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            var testDiv = document.createElement(\"div\");\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n             }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                })\n+        }\n+        return this.boxOffsets\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+});\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    out: false,\n+    keyMask: null,\n+    alwaysZoom: false,\n+    zoomOnClick: true,\n+    draw: function() {\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n+        })\n+    },\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds, targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n+            } else {\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n+                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n+                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n+                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n+            }\n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n+            } else {\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx)\n+            }\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n+            }\n+        } else if (this.zoomOnClick) {\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position)\n+            } else {\n+                this.map.zoomTo(this.map.getZoom() - 1, position)\n             }\n         }\n-        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n     },\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n+});\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    panned: false,\n+    interval: 0,\n+    documentDrag: false,\n+    kinetic: null,\n+    enableKinetic: true,\n+    kineticInterval: 10,\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic)\n+            }\n+            this.kinetic = new OpenLayers.Kinetic(config)\n         }\n-        return style\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            move: this.panMap,\n+            done: this.panMapDone,\n+            down: this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        })\n     },\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    this.addPropertyStyles(propertyStyles, value)\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin()\n+        }\n+    },\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy)\n+        }\n+        this.panned = true;\n+        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+            dragging: true,\n+            animate: false\n+        })\n+    },\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy)\n+            }\n+            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+                dragging: !!res,\n+                animate: false\n+            });\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    })\n+                })\n+            }\n+            this.panned = false\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+});\n+OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n+    wheelListener: null,\n+    interval: 0,\n+    maxDelta: Number.POSITIVE_INFINITY,\n+    delta: 0,\n+    cumulative: true,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.wheelListener = OpenLayers.Function.bindAsEventListener(this.onWheelEvent, this)\n+    },\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        this.wheelListener = null\n+    },\n+    onWheelEvent: function(e) {\n+        if (!this.map || !this.checkModifiers(e)) {\n+            return\n+        }\n+        var overScrollableDiv = false;\n+        var allowScroll = false;\n+        var overMapDiv = false;\n+        var elem = OpenLayers.Event.element(e);\n+        while (elem != null && !overMapDiv && !overScrollableDiv) {\n+            if (!overScrollableDiv) {\n+                try {\n+                    var overflow;\n+                    if (elem.currentStyle) {\n+                        overflow = elem.currentStyle[\"overflow\"]\n+                    } else {\n+                        var style = document.defaultView.getComputedStyle(elem, null);\n+                        overflow = style.getPropertyValue(\"overflow\")\n+                    }\n+                    overScrollableDiv = overflow && overflow == \"auto\" || overflow == \"scroll\"\n+                } catch (err) {}\n+            }\n+            if (!allowScroll) {\n+                allowScroll = OpenLayers.Element.hasClass(elem, \"olScrollable\");\n+                if (!allowScroll) {\n+                    for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                        var layer = this.map.layers[i];\n+                        if (elem == layer.div || elem == layer.pane) {\n+                            allowScroll = true;\n+                            break\n+                        }\n+                    }\n+                }\n+            }\n+            overMapDiv = elem == this.map.div;\n+            elem = elem.parentNode\n+        }\n+        if (!overScrollableDiv && overMapDiv) {\n+            if (allowScroll) {\n+                var delta = 0;\n+                if (e.wheelDelta) {\n+                    delta = e.wheelDelta;\n+                    if (delta % 160 === 0) {\n+                        delta = delta * .75\n+                    }\n+                    delta = delta / 120\n+                } else if (e.detail) {\n+                    delta = -(e.detail / Math.abs(e.detail))\n+                }\n+                this.delta += delta;\n+                window.clearTimeout(this._timeoutId);\n+                if (this.interval && Math.abs(this.delta) < this.maxDelta) {\n+                    var evt = OpenLayers.Util.extend({}, e);\n+                    this._timeoutId = window.setTimeout(OpenLayers.Function.bind(function() {\n+                        this.wheelZoom(evt)\n+                    }, this), this.interval)\n                 } else {\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break\n+                    this.wheelZoom(e)\n                 }\n             }\n+            OpenLayers.Event.stop(e)\n         }\n-        return propertyStyles\n     },\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true\n+    wheelZoom: function(e) {\n+        var delta = this.delta;\n+        this.delta = 0;\n+        if (delta) {\n+            e.xy = this.map.events.getMousePosition(e);\n+            if (delta < 0) {\n+                this.callback(\"down\", [e, this.cumulative ? Math.max(-this.maxDelta, delta) : -1])\n+            } else {\n+                this.callback(\"up\", [e, this.cumulative ? Math.min(this.maxDelta, delta) : 1])\n             }\n         }\n-        return propertyStyles\n     },\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles()\n+    activate: function(evt) {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            var wheelListener = this.wheelListener;\n+            OpenLayers.Event.observe(window, \"DOMMouseScroll\", wheelListener);\n+            OpenLayers.Event.observe(window, \"mousewheel\", wheelListener);\n+            OpenLayers.Event.observe(document, \"mousewheel\", wheelListener);\n+            return true\n+        } else {\n+            return false\n+        }\n     },\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles()\n+    deactivate: function(evt) {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            var wheelListener = this.wheelListener;\n+            OpenLayers.Event.stopObserving(window, \"DOMMouseScroll\", wheelListener);\n+            OpenLayers.Event.stopObserving(window, \"mousewheel\", wheelListener);\n+            OpenLayers.Event.stopObserving(document, \"mousewheel\", wheelListener);\n+            return true\n+        } else {\n+            return false\n+        }\n     },\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i]\n+    CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n+});\n+OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n+    delay: 300,\n+    single: true,\n+    double: false,\n+    pixelTolerance: 0,\n+    dblclickTolerance: 13,\n+    stopSingle: false,\n+    stopDouble: false,\n+    timerId: null,\n+    down: null,\n+    last: null,\n+    first: null,\n+    rightclickTimerId: null,\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    touchmove: function(evt) {\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    touchend: function(evt) {\n+        if (this.down) {\n+            evt.xy = this.last.xy;\n+            evt.lastTouches = this.last.touches;\n+            this.handleSingle(evt);\n+            this.down = null\n+        }\n+        return true\n+    },\n+    mousedown: function(evt) {\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    mouseup: function(evt) {\n+        var propagate = true;\n+        if (this.checkModifiers(evt) && this.control.handleRightClicks && OpenLayers.Event.isRightClick(evt)) {\n+            propagate = this.rightclick(evt)\n+        }\n+        return propagate\n+    },\n+    rightclick: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.rightclickTimerId != null) {\n+                this.clearTimer();\n+                this.callback(\"dblrightclick\", [evt]);\n+                return !this.stopDouble\n+            } else {\n+                var clickEvent = this[\"double\"] ? OpenLayers.Util.extend({}, evt) : this.callback(\"rightclick\", [evt]);\n+                var delayedRightCall = OpenLayers.Function.bind(this.delayedRightCall, this, clickEvent);\n+                this.rightclickTimerId = window.setTimeout(delayedRightCall, this.delay)\n             }\n         }\n+        return !this.stopSingle\n     },\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone())\n+    delayedRightCall: function(evt) {\n+        this.rightclickTimerId = null;\n+        if (evt) {\n+            this.callback(\"rightclick\", [evt])\n+        }\n+    },\n+    click: function(evt) {\n+        if (!this.last) {\n+            this.last = this.getEventInfo(evt)\n+        }\n+        this.handleSingle(evt);\n+        return !this.stopSingle\n+    },\n+    dblclick: function(evt) {\n+        this.handleDouble(evt);\n+        return !this.stopDouble\n+    },\n+    handleDouble: function(evt) {\n+        if (this.passesDblclickTolerance(evt)) {\n+            if (this[\"double\"]) {\n+                this.callback(\"dblclick\", [evt])\n             }\n+            this.clearTimer()\n         }\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options)\n     },\n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = isNaN(value) || !value ? value : parseFloat(value)\n-    }\n-    return value\n-};\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n-OpenLayers.StyleMap = OpenLayers.Class({\n-    styles: null,\n-    extendDefault: true,\n-    initialize: function(style, options) {\n-        this.styles = {\n-            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n-            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n-            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n-        };\n-        if (style instanceof OpenLayers.Style) {\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    this.styles[key] = style[key]\n-                } else if (typeof style[key] == \"object\") {\n-                    this.styles[key] = new OpenLayers.Style(style[key])\n-                } else {\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break\n+    handleSingle: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.timerId != null) {\n+                if (this.last.touches && this.last.touches.length === 1) {\n+                    if (this[\"double\"]) {\n+                        OpenLayers.Event.preventDefault(evt)\n+                    }\n+                    this.handleDouble(evt)\n+                }\n+                if (!this.last.touches || this.last.touches.length !== 2) {\n+                    this.clearTimer()\n                 }\n+            } else {\n+                this.first = this.getEventInfo(evt);\n+                var clickEvent = this.single ? OpenLayers.Util.extend({}, evt) : null;\n+                this.queuePotentialClick(clickEvent)\n             }\n         }\n-        OpenLayers.Util.extend(this, options)\n     },\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy()\n+    queuePotentialClick: function(evt) {\n+        this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n+    },\n+    passesTolerance: function(evt) {\n+        var passes = true;\n+        if (this.pixelTolerance != null && this.down && this.down.xy) {\n+            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n+            if (passes && this.touch && this.down.touches.length === this.last.touches.length) {\n+                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n+                    if (this.getTouchDistance(this.down.touches[i], this.last.touches[i]) > this.pixelTolerance) {\n+                        passes = false;\n+                        break\n+                    }\n+                }\n+            }\n         }\n-        this.styles = null\n+        return passes\n     },\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector\n+    getTouchDistance: function(from, to) {\n+        return Math.sqrt(Math.pow(from.clientX - to.clientX, 2) + Math.pow(from.clientY - to.clientY, 2))\n+    },\n+    passesDblclickTolerance: function(evt) {\n+        var passes = true;\n+        if (this.down && this.first) {\n+            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance\n         }\n-        if (!this.styles[intent]) {\n-            intent = \"default\"\n+        return passes\n+    },\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null\n         }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n+        if (this.rightclickTimerId != null) {\n+            window.clearTimeout(this.rightclickTimerId);\n+            this.rightclickTimerId = null\n         }\n-        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n     },\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }))\n+    delayedCall: function(evt) {\n+        this.timerId = null;\n+        if (evt) {\n+            this.callback(\"click\", [evt])\n         }\n-        this.styles[renderIntent].addRules(rules)\n     },\n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n+    getEventInfo: function(evt) {\n+        var touches;\n+        if (evt.touches) {\n+            var len = evt.touches.length;\n+            touches = new Array(len);\n+            var touch;\n+            for (var i = 0; i < len; i++) {\n+                touch = evt.touches[i];\n+                touches[i] = {\n+                    clientX: touch.olClientX,\n+                    clientY: touch.olClientY\n+                }\n+            }\n+        }\n+        return {\n+            xy: evt.xy,\n+            touches: touches\n+        }\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            this.down = null;\n+            this.first = null;\n+            this.last = null;\n+            deactivated = true\n+        }\n+        return deactivated\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Click\"\n });\n-OpenLayers.Rule = OpenLayers.Class({\n-    id: null,\n-    name: null,\n-    title: null,\n-    description: null,\n-    context: null,\n-    filter: null,\n-    elseFilter: false,\n-    symbolizer: null,\n-    symbolizers: null,\n-    minScaleDenominator: null,\n-    maxScaleDenominator: null,\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n+    dragPan: null,\n+    dragPanOptions: null,\n+    pinchZoom: null,\n+    pinchZoomOptions: null,\n+    documentDrag: false,\n+    zoomBox: null,\n+    zoomBoxEnabled: true,\n+    zoomWheelEnabled: true,\n+    mouseWheelOptions: null,\n+    handleRightClicks: false,\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n+    autoActivate: true,\n     initialize: function(options) {\n-        this.symbolizer = {};\n-        OpenLayers.Util.extend(this, options);\n-        if (this.symbolizers) {\n-            delete this.symbolizer\n-        }\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n     destroy: function() {\n-        for (var i in this.symbolizer) {\n-            this.symbolizer[i] = null\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy()\n         }\n-        this.symbolizer = null;\n-        delete this.symbolizers\n+        this.dragPan = null;\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy()\n+        }\n+        this.zoomBox = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy()\n+        }\n+        this.pinchZoom = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    evaluate: function(feature) {\n-        var context = this.getContext(feature);\n-        var applies = true;\n-        if (this.minScaleDenominator || this.maxScaleDenominator) {\n-            var scale = feature.layer.map.getScale()\n+    activate: function() {\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate()\n         }\n-        if (this.minScaleDenominator) {\n-            applies = scale >= OpenLayers.Style.createLiteral(this.minScaleDenominator, context)\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate()\n         }\n-        if (applies && this.maxScaleDenominator) {\n-            applies = scale < OpenLayers.Style.createLiteral(this.maxScaleDenominator, context)\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate()\n         }\n-        if (applies && this.filter) {\n-            if (this.filter.CLASS_NAME == \"OpenLayers.Filter.FeatureId\") {\n-                applies = this.filter.evaluate(feature)\n-            } else {\n-                applies = this.filter.evaluate(context)\n-            }\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n+    },\n+    deactivate: function() {\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate()\n         }\n-        return applies\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    getContext: function(feature) {\n-        var context = this.context;\n-        if (!context) {\n-            context = feature.attributes || feature.data\n+    draw: function() {\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n         }\n-        if (typeof this.context == \"function\") {\n-            context = this.context(feature)\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick,\n+            dblrightclick: this.defaultDblRightClick\n+        };\n+        var clickOptions = {\n+            double: true,\n+            stopDouble: true\n+        };\n+        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n+        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n+            map: this.map,\n+            documentDrag: this.documentDrag\n+        }, this.dragPanOptions));\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n+        });\n+        this.dragPan.draw();\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n+        };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n+            up: this.wheelUp,\n+            down: this.wheelDown\n+        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions))\n         }\n-        return context\n     },\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        if (this.symbolizers) {\n-            var len = this.symbolizers.length;\n-            options.symbolizers = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                options.symbolizers[i] = this.symbolizers[i].clone()\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut()\n+        }\n+    },\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n+    },\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n+    },\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ)\n+        }\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n+            return\n+        }\n+        this.map.zoomTo(newZoom, evt.xy)\n+    },\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1)\n+    },\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1)\n+    },\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate()\n+    },\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate()\n+        }\n+    },\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate()\n+    },\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n+});\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n+    EVENTMAP: {\n+        click: {\n+            in: \"click\",\n+            out: \"clickout\"\n+        },\n+        mousemove: {\n+            in: \"over\",\n+            out: \"out\"\n+        },\n+        dblclick: {\n+            in: \"dblclick\",\n+            out: null\n+        },\n+        mousedown: {\n+            in: null,\n+            out: null\n+        },\n+        mouseup: {\n+            in: null,\n+            out: null\n+        },\n+        touchstart: {\n+            in: \"click\",\n+            out: \"clickout\"\n+        }\n+    },\n+    feature: null,\n+    lastFeature: null,\n+    down: null,\n+    up: null,\n+    clickTolerance: 4,\n+    geometryTypes: null,\n+    stopClick: true,\n+    stopDown: true,\n+    stopUp: false,\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer\n+    },\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n+    },\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt)\n+    },\n+    mousedown: function(evt) {\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy\n+        }\n+        return this.handle(evt) ? !this.stopDown : true\n+    },\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true\n+    },\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true\n+    },\n+    mousemove: function(evt) {\n+        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n+            return true\n+        }\n+        this.handle(evt);\n+        return true\n+    },\n+    dblclick: function(evt) {\n+        return !this.handle(evt)\n+    },\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n+    },\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!this.feature;\n+        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            this.lastFeature = null\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                OpenLayers.Event.preventDefault(evt)\n             }\n-        } else {\n-            options.symbolizer = {};\n-            var value, type;\n-            for (var key in this.symbolizer) {\n-                value = this.symbolizer[key];\n-                type = typeof value;\n-                if (type === \"object\") {\n-                    options.symbolizer[key] = OpenLayers.Util.extend({}, value)\n-                } else if (type === \"string\") {\n-                    options.symbolizer[key] = value\n+            var inNew = this.feature != this.lastFeature;\n+            if (this.geometryTypeMatches(this.feature)) {\n+                if (previouslyIn && inNew) {\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, \"out\", [this.lastFeature])\n+                    }\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                } else if (!previouslyIn || click) {\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true\n+            } else {\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    this.triggerCallback(type, \"out\", [this.lastFeature])\n+                }\n+                this.feature = null\n+            }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, \"out\", [this.lastFeature])\n+        }\n+        return handled\n+    },\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == \"click\" && this.up && this.down) {\n+                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args)\n                 }\n+                this.up = this.down = null\n+            } else {\n+                this.callback(key, args)\n             }\n         }\n-        options.filter = this.filter && this.filter.clone();\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        return new OpenLayers.Rule(options)\n     },\n-    CLASS_NAME: \"OpenLayers.Rule\"\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n+            deactivated = true\n+        }\n+        return deactivated\n+    },\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop()\n+        }\n+    },\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index)\n+    },\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n+            this.layer.setZIndex(index)\n+        } else {\n+            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n OpenLayers.Layer = OpenLayers.Class({\n     id: null,\n     name: null,\n     div: null,\n     opacity: 1,\n     alwaysInRange: null,\n@@ -4802,4560 +6471,625 @@\n             };\n             bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions)\n         }\n         return bounds\n     },\n     CLASS_NAME: \"OpenLayers.Layer\"\n });\n-OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n-    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n-    url: null,\n-    params: null,\n-    reproject: false,\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-        this.url = url;\n-        if (!this.params) {\n-            this.params = OpenLayers.Util.extend({}, params)\n-        }\n+OpenLayers.Renderer = OpenLayers.Class({\n+    container: null,\n+    root: null,\n+    extent: null,\n+    locked: false,\n+    size: null,\n+    resolution: null,\n+    map: null,\n+    featureDx: 0,\n+    initialize: function(containerID, options) {\n+        this.container = OpenLayers.Util.getElement(containerID);\n+        OpenLayers.Util.extend(this, options)\n     },\n     destroy: function() {\n-        this.url = null;\n-        this.params = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.HTTPRequest(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        return obj\n+        this.container = null;\n+        this.extent = null;\n+        this.size = null;\n+        this.resolution = null;\n+        this.map = null\n     },\n-    setUrl: function(newUrl) {\n-        this.url = newUrl\n+    supported: function() {\n+        return false\n     },\n-    mergeNewParams: function(newParams) {\n-        this.params = OpenLayers.Util.extend(this.params, newParams);\n-        var ret = this.redraw();\n-        if (this.map != null) {\n-            this.map.events.triggerEvent(\"changelayer\", {\n-                layer: this,\n-                property: \"params\"\n-            })\n+    setExtent: function(extent, resolutionChanged) {\n+        this.extent = extent.clone();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio);\n+            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio)\n         }\n-        return ret\n-    },\n-    redraw: function(force) {\n-        if (force) {\n-            return this.mergeNewParams({\n-                _olSalt: Math.random()\n-            })\n-        } else {\n-            return OpenLayers.Layer.prototype.redraw.apply(this, [])\n+        if (resolutionChanged) {\n+            this.resolution = null\n         }\n+        return true\n     },\n-    selectUrl: function(paramString, urls) {\n-        var product = 1;\n-        for (var i = 0, len = paramString.length; i < len; i++) {\n-            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n-            product -= Math.floor(product)\n-        }\n-        return urls[Math.floor(product * urls.length)]\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        this.resolution = null\n     },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var url = altUrl || this.url;\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(paramsString, url)\n+    getResolution: function() {\n+        this.resolution = this.resolution || this.map.getResolution();\n+        return this.resolution\n+    },\n+    drawFeature: function(feature, style) {\n+        if (style == null) {\n+            style = feature.style\n         }\n-        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key]\n+        if (feature.geometry) {\n+            var bounds = feature.geometry.getBounds();\n+            if (bounds) {\n+                var worldBounds;\n+                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                    worldBounds = this.map.getMaxExtent()\n+                }\n+                if (!bounds.intersectsBounds(this.extent, {\n+                        worldBounds: worldBounds\n+                    })) {\n+                    style = {\n+                        display: \"none\"\n+                    }\n+                } else {\n+                    this.calculateFeatureDx(bounds, worldBounds)\n+                }\n+                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n+                if (style.display != \"none\" && style.label && rendered !== false) {\n+                    var location = feature.geometry.getCentroid();\n+                    if (style.labelXOffset || style.labelYOffset) {\n+                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n+                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n+                        var res = this.getResolution();\n+                        location.move(xOffset * res, yOffset * res)\n+                    }\n+                    this.drawText(feature.id, style, location)\n+                } else {\n+                    this.removeText(feature.id)\n+                }\n+                return rendered\n             }\n         }\n-        paramsString = OpenLayers.Util.getParameterString(allParams);\n-        return OpenLayers.Util.urlAppend(url, paramsString)\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n-});\n-OpenLayers.Tile = OpenLayers.Class({\n-    events: null,\n-    eventListeners: null,\n-    id: null,\n-    layer: null,\n-    url: null,\n-    bounds: null,\n-    size: null,\n-    position: null,\n-    isLoading: false,\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        this.layer = layer;\n-        this.position = position.clone();\n-        this.setBounds(bounds);\n-        this.url = url;\n-        if (size) {\n-            this.size = size.clone()\n-        }\n-        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners)\n+    calculateFeatureDx: function(bounds, worldBounds) {\n+        this.featureDx = 0;\n+        if (worldBounds) {\n+            var worldWidth = worldBounds.getWidth(),\n+                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n+                featureCenterX = (bounds.left + bounds.right) / 2,\n+                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n+            this.featureDx = worldsAway * worldWidth\n         }\n     },\n-    unload: function() {\n-        if (this.isLoading) {\n-            this.isLoading = false;\n-            this.events.triggerEvent(\"unload\")\n+    drawGeometry: function(geometry, style, featureId) {},\n+    drawText: function(featureId, style, location) {},\n+    removeText: function(featureId) {},\n+    clear: function() {},\n+    getFeatureIdFromEvent: function(evt) {},\n+    eraseFeatures: function(features) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n         }\n-    },\n-    destroy: function() {\n-        this.layer = null;\n-        this.bounds = null;\n-        this.size = null;\n-        this.position = null;\n-        if (this.eventListeners) {\n-            this.events.un(this.eventListeners)\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            var feature = features[i];\n+            this.eraseGeometry(feature.geometry, feature.id);\n+            this.removeText(feature.id)\n         }\n-        this.events.destroy();\n-        this.eventListeners = null;\n-        this.events = null\n     },\n-    draw: function(force) {\n-        if (!force) {\n-            this.clear()\n+    eraseGeometry: function(geometry, featureId) {},\n+    moveRoot: function(renderer) {},\n+    getRenderLayerId: function() {\n+        return this.container.id\n+    },\n+    applyDefaultSymbolizer: function(symbolizer) {\n+        var result = OpenLayers.Util.extend({}, OpenLayers.Renderer.defaultSymbolizer);\n+        if (symbolizer.stroke === false) {\n+            delete result.strokeWidth;\n+            delete result.strokeColor\n         }\n-        var draw = this.shouldDraw();\n-        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n-            draw = null\n+        if (symbolizer.fill === false) {\n+            delete result.fillColor\n         }\n-        return draw\n+        OpenLayers.Util.extend(result, symbolizer);\n+        return result\n     },\n-    shouldDraw: function() {\n-        var withinMaxExtent = false,\n-            maxExtent = this.layer.maxExtent;\n-        if (maxExtent) {\n-            var map = this.layer.map;\n-            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n-            if (this.bounds.intersectsBounds(maxExtent, {\n-                    inclusive: false,\n-                    worldBounds: worldBounds\n-                })) {\n-                withinMaxExtent = true\n+    CLASS_NAME: \"OpenLayers.Renderer\"\n+});\n+OpenLayers.Renderer.defaultSymbolizer = {\n+    fillColor: \"#000000\",\n+    strokeColor: \"#000000\",\n+    strokeWidth: 2,\n+    fillOpacity: 1,\n+    strokeOpacity: 1,\n+    pointRadius: 0,\n+    labelAlign: \"cm\"\n+};\n+OpenLayers.Renderer.symbol = {\n+    star: [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301, 303, 215, 231, 161, 321, 161, 350, 75],\n+    cross: [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4, 4, 0],\n+    x: [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n+    square: [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n+    triangle: [0, 10, 10, 10, 5, 0, 0, 10]\n+};\n+OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: false,\n+    isFixed: false,\n+    features: null,\n+    filter: null,\n+    selectedFeatures: null,\n+    unrenderedFeatures: null,\n+    reportError: true,\n+    style: null,\n+    styleMap: null,\n+    strategies: null,\n+    protocol: null,\n+    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n+    renderer: null,\n+    rendererOptions: null,\n+    geometryType: null,\n+    drawn: false,\n+    ratio: 1,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.assignRenderer()\n+        }\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.renderer = null;\n+            this.displayError()\n+        }\n+        if (!this.styleMap) {\n+            this.styleMap = new OpenLayers.StyleMap\n+        }\n+        this.features = [];\n+        this.selectedFeatures = [];\n+        this.unrenderedFeatures = {};\n+        if (this.strategies) {\n+            for (var i = 0, len = this.strategies.length; i < len; i++) {\n+                this.strategies[i].setLayer(this)\n             }\n         }\n-        return withinMaxExtent || this.layer.displayOutsideMaxExtent\n     },\n-    setBounds: function(bounds) {\n-        bounds = bounds.clone();\n-        if (this.layer.map.baseLayer.wrapDateLine) {\n-            var worldExtent = this.layer.map.getMaxExtent(),\n-                tolerance = this.layer.map.getResolution();\n-            bounds = bounds.wrapDateLine(worldExtent, {\n-                leftTolerance: tolerance,\n-                rightTolerance: tolerance\n-            })\n+    destroy: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoDestroy) {\n+                    strategy.destroy()\n+                }\n+            }\n+            this.strategies = null\n         }\n-        this.bounds = bounds\n-    },\n-    moveTo: function(bounds, position, redraw) {\n-        if (redraw == null) {\n-            redraw = true\n+        if (this.protocol) {\n+            if (this.protocol.autoDestroy) {\n+                this.protocol.destroy()\n+            }\n+            this.protocol = null\n         }\n-        this.setBounds(bounds);\n-        this.position = position.clone();\n-        if (redraw) {\n-            this.draw()\n+        this.destroyFeatures();\n+        this.features = null;\n+        this.selectedFeatures = null;\n+        this.unrenderedFeatures = null;\n+        if (this.renderer) {\n+            this.renderer.destroy()\n         }\n+        this.renderer = null;\n+        this.geometryType = null;\n+        this.drawn = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n     },\n-    clear: function(draw) {},\n-    CLASS_NAME: \"OpenLayers.Tile\"\n-});\n-OpenLayers.Tile.Image = OpenLayers.Class(OpenLayers.Tile, {\n-    url: null,\n-    imgDiv: null,\n-    frame: null,\n-    imageReloadAttempts: null,\n-    layerAlphaHack: null,\n-    asyncRequestId: null,\n-    maxGetUrlLength: null,\n-    canvasContext: null,\n-    crossOriginKeyword: null,\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        OpenLayers.Tile.prototype.initialize.apply(this, arguments);\n-        this.url = url;\n-        this.layerAlphaHack = this.layer.alpha && OpenLayers.Util.alphaHack();\n-        if (this.maxGetUrlLength != null || this.layer.gutter || this.layerAlphaHack) {\n-            this.frame = document.createElement(\"div\");\n-            this.frame.style.position = \"absolute\";\n-            this.frame.style.overflow = \"hidden\"\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n         }\n-        if (this.maxGetUrlLength != null) {\n-            OpenLayers.Util.extend(this, OpenLayers.Tile.Image.IFrame)\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        var features = this.features;\n+        var len = features.length;\n+        var clonedFeatures = new Array(len);\n+        for (var i = 0; i < len; ++i) {\n+            clonedFeatures[i] = features[i].clone()\n         }\n+        obj.features = clonedFeatures;\n+        return obj\n     },\n-    destroy: function() {\n-        if (this.imgDiv) {\n-            this.clear();\n-            this.imgDiv = null;\n-            this.frame = null\n+    refresh: function(obj) {\n+        if (this.calculateInRange() && this.visibility) {\n+            this.events.triggerEvent(\"refresh\", obj)\n         }\n-        this.asyncRequestId = null;\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n     },\n-    draw: function() {\n-        var shouldDraw = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (shouldDraw) {\n-            if (this.layer != this.layer.map.baseLayer && this.layer.reproject) {\n-                this.bounds = this.getBoundsFromBaseLayer(this.position)\n-            }\n-            if (this.isLoading) {\n-                this._loadEvent = \"reload\"\n-            } else {\n-                this.isLoading = true;\n-                this._loadEvent = \"loadstart\"\n+    assignRenderer: function() {\n+        for (var i = 0, len = this.renderers.length; i < len; i++) {\n+            var rendererClass = this.renderers[i];\n+            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n+            if (renderer && renderer.prototype.supported()) {\n+                this.renderer = new renderer(this.div, this.rendererOptions);\n+                break\n             }\n-            this.renderTile();\n-            this.positionTile()\n-        } else if (shouldDraw === false) {\n-            this.unload()\n         }\n-        return shouldDraw\n     },\n-    renderTile: function() {\n-        if (this.layer.async) {\n-            var id = this.asyncRequestId = (this.asyncRequestId || 0) + 1;\n-            this.layer.getURLasync(this.bounds, function(url) {\n-                if (id == this.asyncRequestId) {\n-                    this.url = url;\n-                    this.initImage()\n-                }\n-            }, this)\n-        } else {\n-            this.url = this.layer.getURL(this.bounds);\n-            this.initImage()\n+    displayError: function() {\n+        if (this.reportError) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n+                renderers: this.renderers.join(\"\\n\")\n+            }))\n         }\n     },\n-    positionTile: function() {\n-        var style = this.getTile().style,\n-            size = this.frame ? this.size : this.layer.getImageSize(this.bounds),\n-            ratio = 1;\n-        if (this.layer instanceof OpenLayers.Layer.Grid) {\n-            ratio = this.layer.getServerResolution() / this.layer.map.getResolution()\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        if (!this.renderer) {\n+            this.map.removeLayer(this)\n+        } else {\n+            this.renderer.map = this.map;\n+            var newSize = this.map.getSize();\n+            newSize.w = newSize.w * this.ratio;\n+            newSize.h = newSize.h * this.ratio;\n+            this.renderer.setSize(newSize)\n         }\n-        style.left = this.position.x + \"px\";\n-        style.top = this.position.y + \"px\";\n-        style.width = Math.round(ratio * size.w) + \"px\";\n-        style.height = Math.round(ratio * size.h) + \"px\"\n     },\n-    clear: function() {\n-        OpenLayers.Tile.prototype.clear.apply(this, arguments);\n-        var img = this.imgDiv;\n-        if (img) {\n-            var tile = this.getTile();\n-            if (tile.parentNode === this.layer.div) {\n-                this.layer.div.removeChild(tile)\n-            }\n-            this.setImgSrc();\n-            if (this.layerAlphaHack === true) {\n-                img.style.filter = \"\"\n+    afterAdd: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.activate()\n+                }\n             }\n-            OpenLayers.Element.removeClass(img, \"olImageLoadError\")\n         }\n-        this.canvasContext = null\n     },\n-    getImage: function() {\n-        if (!this.imgDiv) {\n-            this.imgDiv = OpenLayers.Tile.Image.IMAGE.cloneNode(false);\n-            var style = this.imgDiv.style;\n-            if (this.frame) {\n-                var left = 0,\n-                    top = 0;\n-                if (this.layer.gutter) {\n-                    left = this.layer.gutter / this.layer.tileSize.w * 100;\n-                    top = this.layer.gutter / this.layer.tileSize.h * 100\n+    removeMap: function(map) {\n+        this.drawn = false;\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.deactivate()\n                 }\n-                style.left = -left + \"%\";\n-                style.top = -top + \"%\";\n-                style.width = 2 * left + 100 + \"%\";\n-                style.height = 2 * top + 100 + \"%\"\n             }\n-            style.visibility = \"hidden\";\n-            style.opacity = 0;\n-            if (this.layer.opacity < 1) {\n-                style.filter = \"alpha(opacity=\" + this.layer.opacity * 100 + \")\"\n+        }\n+    },\n+    onMapResize: function() {\n+        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n+        var newSize = this.map.getSize();\n+        newSize.w = newSize.w * this.ratio;\n+        newSize.h = newSize.h * this.ratio;\n+        this.renderer.setSize(newSize)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        var coordSysUnchanged = true;\n+        if (!dragging) {\n+            this.renderer.root.style.visibility = \"hidden\";\n+            var viewSize = this.map.getSize(),\n+                viewWidth = viewSize.w,\n+                viewHeight = viewSize.h,\n+                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n+                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n+            offsetLeft += this.map.layerContainerOriginPx.x;\n+            offsetLeft = -Math.round(offsetLeft);\n+            offsetTop += this.map.layerContainerOriginPx.y;\n+            offsetTop = -Math.round(offsetTop);\n+            this.div.style.left = offsetLeft + \"px\";\n+            this.div.style.top = offsetTop + \"px\";\n+            var extent = this.map.getExtent().scale(this.ratio);\n+            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n+            this.renderer.root.style.visibility = \"visible\";\n+            if (OpenLayers.IS_GECKO === true) {\n+                this.div.scrollLeft = this.div.scrollLeft\n             }\n-            style.position = \"absolute\";\n-            if (this.layerAlphaHack) {\n-                style.paddingTop = style.height;\n-                style.height = \"0\";\n-                style.width = \"100%\"\n+            if (!zoomChanged && coordSysUnchanged) {\n+                for (var i in this.unrenderedFeatures) {\n+                    var feature = this.unrenderedFeatures[i];\n+                    this.drawFeature(feature)\n+                }\n             }\n-            if (this.frame) {\n-                this.frame.appendChild(this.imgDiv)\n+        }\n+        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n+            this.drawn = true;\n+            var feature;\n+            for (var i = 0, len = this.features.length; i < len; i++) {\n+                this.renderer.locked = i !== len - 1;\n+                feature = this.features[i];\n+                this.drawFeature(feature)\n             }\n         }\n-        return this.imgDiv\n     },\n-    setImage: function(img) {\n-        this.imgDiv = img\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        var currentDisplay = this.div.style.display;\n+        if (currentDisplay != this.renderer.root.style.display) {\n+            this.renderer.root.style.display = currentDisplay\n+        }\n     },\n-    initImage: function() {\n-        if (!this.url && !this.imgDiv) {\n-            this.isLoading = false;\n-            return\n+    addFeatures: function(features, options) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n         }\n-        this.events.triggerEvent(\"beforeload\");\n-        this.layer.div.appendChild(this.getTile());\n-        this.events.triggerEvent(this._loadEvent);\n-        var img = this.getImage();\n-        var src = img.getAttribute(\"src\") || \"\";\n-        if (this.url && OpenLayers.Util.isEquivalentUrl(src, this.url)) {\n-            this._loadTimeout = window.setTimeout(OpenLayers.Function.bind(this.onImageLoad, this), 0)\n-        } else {\n-            this.stopLoading();\n-            if (this.crossOriginKeyword) {\n-                img.removeAttribute(\"crossorigin\")\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            var event = {\n+                features: features\n+            };\n+            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n+            if (ret === false) {\n+                return\n             }\n-            OpenLayers.Event.observe(img, \"load\", OpenLayers.Function.bind(this.onImageLoad, this));\n-            OpenLayers.Event.observe(img, \"error\", OpenLayers.Function.bind(this.onImageError, this));\n-            this.imageReloadAttempts = 0;\n-            this.setImgSrc(this.url)\n+            features = event.features\n         }\n-    },\n-    setImgSrc: function(url) {\n-        var img = this.imgDiv;\n-        if (url) {\n-            img.style.visibility = \"hidden\";\n-            img.style.opacity = 0;\n-            if (this.crossOriginKeyword) {\n-                if (url.substr(0, 5) !== \"data:\") {\n-                    img.setAttribute(\"crossorigin\", this.crossOriginKeyword)\n-                } else {\n-                    img.removeAttribute(\"crossorigin\")\n+        var featuresAdded = [];\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            if (i != features.length - 1) {\n+                this.renderer.locked = true\n+            } else {\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n+                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n+            }\n+            feature.layer = this;\n+            if (!feature.style && this.style) {\n+                feature.style = OpenLayers.Util.extend({}, this.style)\n+            }\n+            if (notify) {\n+                if (this.events.triggerEvent(\"beforefeatureadded\", {\n+                        feature: feature\n+                    }) === false) {\n+                    continue\n                 }\n+                this.preFeatureInsert(feature)\n             }\n-            img.src = url\n-        } else {\n-            this.stopLoading();\n-            this.imgDiv = null;\n-            if (img.parentNode) {\n-                img.parentNode.removeChild(img)\n+            featuresAdded.push(feature);\n+            this.features.push(feature);\n+            this.drawFeature(feature);\n+            if (notify) {\n+                this.events.triggerEvent(\"featureadded\", {\n+                    feature: feature\n+                });\n+                this.onFeatureInsert(feature)\n             }\n         }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresadded\", {\n+                features: featuresAdded\n+            })\n+        }\n     },\n-    getTile: function() {\n-        return this.frame ? this.frame : this.getImage()\n-    },\n-    createBackBuffer: function() {\n-        if (!this.imgDiv || this.isLoading) {\n+    removeFeatures: function(features, options) {\n+        if (!features || features.length === 0) {\n             return\n         }\n-        var backBuffer;\n-        if (this.frame) {\n-            backBuffer = this.frame.cloneNode(false);\n-            backBuffer.appendChild(this.imgDiv)\n-        } else {\n-            backBuffer = this.imgDiv\n+        if (features === this.features) {\n+            return this.removeAllFeatures(options)\n         }\n-        this.imgDiv = null;\n-        return backBuffer\n-    },\n-    onImageLoad: function() {\n-        var img = this.imgDiv;\n-        this.stopLoading();\n-        img.style.visibility = \"inherit\";\n-        img.style.opacity = this.layer.opacity;\n-        this.isLoading = false;\n-        this.canvasContext = null;\n-        this.events.triggerEvent(\"loadend\");\n-        if (this.layerAlphaHack === true) {\n-            img.style.filter = \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='\" + img.src + \"', sizingMethod='scale')\"\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n         }\n-    },\n-    onImageError: function() {\n-        var img = this.imgDiv;\n-        if (img.src != null) {\n-            this.imageReloadAttempts++;\n-            if (this.imageReloadAttempts <= OpenLayers.IMAGE_RELOAD_ATTEMPTS) {\n-                this.setImgSrc(this.layer.getURL(this.bounds))\n+        if (features === this.selectedFeatures) {\n+            features = features.slice()\n+        }\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            if (i != 0 && features[i - 1].geometry) {\n+                this.renderer.locked = true\n             } else {\n-                OpenLayers.Element.addClass(img, \"olImageLoadError\");\n-                this.events.triggerEvent(\"loaderror\");\n-                this.onImageLoad()\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            delete this.unrenderedFeatures[feature.id];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            this.features = OpenLayers.Util.removeItem(this.features, feature);\n+            feature.layer = null;\n+            if (feature.geometry) {\n+                this.renderer.eraseFeatures(feature)\n+            }\n+            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n+                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n+            }\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n             }\n         }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n+        }\n     },\n-    stopLoading: function() {\n-        OpenLayers.Event.stopObservingElement(this.imgDiv);\n-        window.clearTimeout(this._loadTimeout);\n-        delete this._loadTimeout\n-    },\n-    getCanvasContext: function() {\n-        if (OpenLayers.CANVAS_SUPPORTED && this.imgDiv && !this.isLoading) {\n-            if (!this.canvasContext) {\n-                var canvas = document.createElement(\"canvas\");\n-                canvas.width = this.size.w;\n-                canvas.height = this.size.h;\n-                this.canvasContext = canvas.getContext(\"2d\");\n-                this.canvasContext.drawImage(this.imgDiv, 0, 0)\n+    removeAllFeatures: function(options) {\n+        var notify = !options || !options.silent;\n+        var features = this.features;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        var feature;\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            feature = features[i];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            feature.layer = null;\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n             }\n-            return this.canvasContext\n+        }\n+        this.renderer.clear();\n+        this.features = [];\n+        this.unrenderedFeatures = {};\n+        this.selectedFeatures = [];\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Tile.Image\"\n-});\n-OpenLayers.Tile.Image.IMAGE = function() {\n-    var img = new Image;\n-    img.className = \"olTileImage\";\n-    img.galleryImg = \"no\";\n-    return img\n-}();\n-OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {\n-    tileSize: null,\n-    tileOriginCorner: \"bl\",\n-    tileOrigin: null,\n-    tileOptions: null,\n-    tileClass: OpenLayers.Tile.Image,\n-    grid: null,\n-    singleTile: false,\n-    ratio: 1.5,\n-    buffer: 0,\n-    transitionEffect: \"resize\",\n-    numLoadingTiles: 0,\n-    serverResolutions: null,\n-    loading: false,\n-    backBuffer: null,\n-    gridResolution: null,\n-    backBufferResolution: null,\n-    backBufferLonLat: null,\n-    backBufferTimerId: null,\n-    removeBackBufferDelay: null,\n-    className: null,\n-    gridLayout: null,\n-    rowSign: null,\n-    transitionendEvents: [\"transitionend\", \"webkitTransitionEnd\", \"otransitionend\", \"oTransitionEnd\"],\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.HTTPRequest.prototype.initialize.apply(this, arguments);\n-        this.grid = [];\n-        this._removeBackBuffer = OpenLayers.Function.bind(this.removeBackBuffer, this);\n-        this.initProperties();\n-        this.rowSign = this.tileOriginCorner.substr(0, 1) === \"t\" ? 1 : -1\n-    },\n-    initProperties: function() {\n-        if (this.options.removeBackBufferDelay === undefined) {\n-            this.removeBackBufferDelay = this.singleTile ? 0 : 2500\n+    destroyFeatures: function(features, options) {\n+        var all = features == undefined;\n+        if (all) {\n+            features = this.features\n         }\n-        if (this.options.className === undefined) {\n-            this.className = this.singleTile ? \"olLayerGridSingleTile\" : \"olLayerGrid\"\n+        if (features) {\n+            this.removeFeatures(features, options);\n+            for (var i = features.length - 1; i >= 0; i--) {\n+                features[i].destroy()\n+            }\n         }\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.HTTPRequest.prototype.setMap.call(this, map);\n-        OpenLayers.Element.addClass(this.div, this.className)\n-    },\n-    removeMap: function(map) {\n-        this.removeBackBuffer()\n-    },\n-    destroy: function() {\n-        this.removeBackBuffer();\n-        this.clearGrid();\n-        this.grid = null;\n-        this.tileSize = null;\n-        OpenLayers.Layer.HTTPRequest.prototype.destroy.apply(this, arguments)\n-    },\n-    clearGrid: function() {\n-        if (this.grid) {\n-            for (var iRow = 0, len = this.grid.length; iRow < len; iRow++) {\n-                var row = this.grid[iRow];\n-                for (var iCol = 0, clen = row.length; iCol < clen; iCol++) {\n-                    var tile = row[iCol];\n-                    this.destroyTile(tile)\n-                }\n+    drawFeature: function(feature, style) {\n+        if (!this.drawn) {\n+            return\n+        }\n+        if (typeof style != \"object\") {\n+            if (!style && feature.state === OpenLayers.State.DELETE) {\n+                style = \"delete\"\n+            }\n+            var renderIntent = style || feature.renderIntent;\n+            style = feature.style || this.style;\n+            if (!style) {\n+                style = this.styleMap.createSymbolizer(feature, renderIntent)\n             }\n-            this.grid = [];\n-            this.gridResolution = null;\n-            this.gridLayout = null\n         }\n-    },\n-    addOptions: function(newOptions, reinitialize) {\n-        var singleTileChanged = newOptions.singleTile !== undefined && newOptions.singleTile !== this.singleTile;\n-        OpenLayers.Layer.HTTPRequest.prototype.addOptions.apply(this, arguments);\n-        if (this.map && singleTileChanged) {\n-            this.initProperties();\n-            this.clearGrid();\n-            this.tileSize = this.options.tileSize;\n-            this.setTileSize();\n-            this.moveTo(null, true)\n+        var drawn = this.renderer.drawFeature(feature, style);\n+        if (drawn === false || drawn === null) {\n+            this.unrenderedFeatures[feature.id] = feature\n+        } else {\n+            delete this.unrenderedFeatures[feature.id]\n         }\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Grid(this.name, this.url, this.params, this.getOptions())\n+    eraseFeatures: function(features) {\n+        this.renderer.eraseFeatures(features)\n+    },\n+    getFeatureFromEvent: function(evt) {\n+        if (!this.renderer) {\n+            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n         }\n-        obj = OpenLayers.Layer.HTTPRequest.prototype.clone.apply(this, [obj]);\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone()\n+        var feature = null;\n+        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n+        if (featureId) {\n+            if (typeof featureId === \"string\") {\n+                feature = this.getFeatureById(featureId)\n+            } else {\n+                feature = featureId\n+            }\n         }\n-        obj.grid = [];\n-        obj.gridResolution = null;\n-        obj.backBuffer = null;\n-        obj.backBufferTimerId = null;\n-        obj.loading = false;\n-        obj.numLoadingTiles = 0;\n-        return obj\n+        return feature\n     },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.HTTPRequest.prototype.moveTo.apply(this, arguments);\n-        bounds = bounds || this.map.getExtent();\n-        if (bounds != null) {\n-            var forceReTile = !this.grid.length || zoomChanged;\n-            var tilesBounds = this.getTilesBounds();\n-            var resolution = this.map.getResolution();\n-            var serverResolution = this.getServerResolution(resolution);\n-            if (this.singleTile) {\n-                if (forceReTile || !dragging && !tilesBounds.containsBounds(bounds)) {\n-                    if (zoomChanged && this.transitionEffect !== \"resize\") {\n-                        this.removeBackBuffer()\n-                    }\n-                    if (!zoomChanged || this.transitionEffect === \"resize\") {\n-                        this.applyBackBuffer(resolution)\n-                    }\n-                    this.initSingleTile(bounds)\n-                }\n-            } else {\n-                forceReTile = forceReTile || !tilesBounds.intersectsBounds(bounds, {\n-                    worldBounds: this.map.baseLayer.wrapDateLine && this.map.getMaxExtent()\n-                });\n-                if (forceReTile) {\n-                    if (zoomChanged && (this.transitionEffect === \"resize\" || this.gridResolution === resolution)) {\n-                        this.applyBackBuffer(resolution)\n-                    }\n-                    this.initGriddedTiles(bounds)\n-                } else {\n-                    this.moveGriddedTiles()\n-                }\n+    getFeatureBy: function(property, value) {\n+        var feature = null;\n+        for (var i = 0, len = this.features.length; i < len; ++i) {\n+            if (this.features[i][property] == value) {\n+                feature = this.features[i];\n+                break\n             }\n         }\n+        return feature\n     },\n-    getTileData: function(loc) {\n-        var data = null,\n-            x = loc.lon,\n-            y = loc.lat,\n-            numRows = this.grid.length;\n-        if (this.map && numRows) {\n-            var res = this.map.getResolution(),\n-                tileWidth = this.tileSize.w,\n-                tileHeight = this.tileSize.h,\n-                bounds = this.grid[0][0].bounds,\n-                left = bounds.left,\n-                top = bounds.top;\n-            if (x < left) {\n-                if (this.map.baseLayer.wrapDateLine) {\n-                    var worldWidth = this.map.getMaxExtent().getWidth();\n-                    var worldsAway = Math.ceil((left - x) / worldWidth);\n-                    x += worldWidth * worldsAway\n+    getFeatureById: function(featureId) {\n+        return this.getFeatureBy(\"id\", featureId)\n+    },\n+    getFeatureByFid: function(featureFid) {\n+        return this.getFeatureBy(\"fid\", featureFid)\n+    },\n+    getFeaturesByAttribute: function(attrName, attrValue) {\n+        var i, feature, len = this.features.length,\n+            foundFeatures = [];\n+        for (i = 0; i < len; i++) {\n+            feature = this.features[i];\n+            if (feature && feature.attributes) {\n+                if (feature.attributes[attrName] === attrValue) {\n+                    foundFeatures.push(feature)\n                 }\n             }\n-            var dtx = (x - left) / (res * tileWidth);\n-            var dty = (top - y) / (res * tileHeight);\n-            var col = Math.floor(dtx);\n-            var row = Math.floor(dty);\n-            if (row >= 0 && row < numRows) {\n-                var tile = this.grid[row][col];\n-                if (tile) {\n-                    data = {\n-                        tile: tile,\n-                        i: Math.floor((dtx - col) * tileWidth),\n-                        j: Math.floor((dty - row) * tileHeight)\n+        }\n+        return foundFeatures\n+    },\n+    onFeatureInsert: function(feature) {},\n+    preFeatureInsert: function(feature) {},\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        var features = this.features;\n+        if (features && features.length > 0) {\n+            var geometry = null;\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                geometry = features[i].geometry;\n+                if (geometry) {\n+                    if (maxExtent === null) {\n+                        maxExtent = new OpenLayers.Bounds\n                     }\n+                    maxExtent.extend(geometry.getBounds())\n                 }\n             }\n         }\n-        return data\n-    },\n-    destroyTile: function(tile) {\n-        this.removeTileMonitoringHooks(tile);\n-        tile.destroy()\n+        return maxExtent\n     },\n-    getServerResolution: function(resolution) {\n-        var distance = Number.POSITIVE_INFINITY;\n-        resolution = resolution || this.map.getResolution();\n-        if (this.serverResolutions && OpenLayers.Util.indexOf(this.serverResolutions, resolution) === -1) {\n-            var i, newDistance, newResolution, serverResolution;\n-            for (i = this.serverResolutions.length - 1; i >= 0; i--) {\n-                newResolution = this.serverResolutions[i];\n-                newDistance = Math.abs(newResolution - resolution);\n-                if (newDistance > distance) {\n-                    break\n-                }\n-                distance = newDistance;\n-                serverResolution = newResolution\n+    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+});\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    displayInLayerSwitcher: false,\n+    layers: null,\n+    display: function() {},\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature\n             }\n-            resolution = serverResolution\n         }\n-        return resolution\n     },\n-    getServerZoom: function() {\n-        var resolution = this.getServerResolution();\n-        return this.serverResolutions ? OpenLayers.Util.indexOf(this.serverResolutions, resolution) : this.map.getZoomForResolution(resolution) + (this.zoomOffset || 0)\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n     },\n-    applyBackBuffer: function(resolution) {\n-        if (this.backBufferTimerId !== null) {\n-            this.removeBackBuffer()\n-        }\n-        var backBuffer = this.backBuffer;\n-        if (!backBuffer) {\n-            backBuffer = this.createBackBuffer();\n-            if (!backBuffer) {\n-                return\n-            }\n-            if (resolution === this.gridResolution) {\n-                this.div.insertBefore(backBuffer, this.div.firstChild)\n-            } else {\n-                this.map.baseLayer.div.parentNode.insertBefore(backBuffer, this.map.baseLayer.div)\n-            }\n-            this.backBuffer = backBuffer;\n-            var topLeftTileBounds = this.grid[0][0].bounds;\n-            this.backBufferLonLat = {\n-                lon: topLeftTileBounds.left,\n-                lat: topLeftTileBounds.top\n-            };\n-            this.backBufferResolution = this.gridResolution\n-        }\n-        var ratio = this.backBufferResolution / resolution;\n-        var tiles = backBuffer.childNodes,\n-            tile;\n-        for (var i = tiles.length - 1; i >= 0; --i) {\n-            tile = tiles[i];\n-            tile.style.top = (ratio * tile._i * tile._h | 0) + \"px\";\n-            tile.style.left = (ratio * tile._j * tile._w | 0) + \"px\";\n-            tile.style.width = Math.round(ratio * tile._w) + \"px\";\n-            tile.style.height = Math.round(ratio * tile._h) + \"px\"\n-        }\n-        var position = this.getViewPortPxFromLonLat(this.backBufferLonLat, resolution);\n-        var leftOffset = this.map.layerContainerOriginPx.x;\n-        var topOffset = this.map.layerContainerOriginPx.y;\n-        backBuffer.style.left = Math.round(position.x - leftOffset) + \"px\";\n-        backBuffer.style.top = Math.round(position.y - topOffset) + \"px\"\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n     },\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.grid.length > 0) {\n-            backBuffer = document.createElement(\"div\");\n-            backBuffer.id = this.div.id + \"_bb\";\n-            backBuffer.className = \"olBackBuffer\";\n-            backBuffer.style.position = \"absolute\";\n-            var map = this.map;\n-            backBuffer.style.zIndex = this.transitionEffect === \"resize\" ? this.getZIndex() - 1 : map.Z_INDEX_BASE.BaseLayer - (map.getNumLayers() - map.getLayerIndex(this));\n-            for (var i = 0, lenI = this.grid.length; i < lenI; i++) {\n-                for (var j = 0, lenJ = this.grid[i].length; j < lenJ; j++) {\n-                    var tile = this.grid[i][j],\n-                        markup = this.grid[i][j].createBackBuffer();\n-                    if (markup) {\n-                        markup._i = i;\n-                        markup._j = j;\n-                        markup._w = tile.size.w;\n-                        markup._h = tile.size.h;\n-                        markup.id = tile.id + \"_bb\";\n-                        backBuffer.appendChild(markup)\n-                    }\n-                }\n+    collectRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer)\n             }\n         }\n-        return backBuffer\n     },\n-    removeBackBuffer: function() {\n-        if (this._transitionElement) {\n-            for (var i = this.transitionendEvents.length - 1; i >= 0; --i) {\n-                OpenLayers.Event.stopObserving(this._transitionElement, this.transitionendEvents[i], this._removeBackBuffer)\n-            }\n-            delete this._transitionElement\n-        }\n-        if (this.backBuffer) {\n-            if (this.backBuffer.parentNode) {\n-                this.backBuffer.parentNode.removeChild(this.backBuffer)\n-            }\n-            this.backBuffer = null;\n-            this.backBufferResolution = null;\n-            if (this.backBufferTimerId !== null) {\n-                window.clearTimeout(this.backBufferTimerId);\n-                this.backBufferTimerId = null\n-            }\n-        }\n-    },\n-    moveByPx: function(dx, dy) {\n-        if (!this.singleTile) {\n-            this.moveGriddedTiles()\n-        }\n-    },\n-    setTileSize: function(size) {\n-        if (this.singleTile) {\n-            size = this.map.getSize();\n-            size.h = parseInt(size.h * this.ratio, 10);\n-            size.w = parseInt(size.w * this.ratio, 10)\n-        }\n-        OpenLayers.Layer.HTTPRequest.prototype.setTileSize.apply(this, [size])\n-    },\n-    getTilesBounds: function() {\n-        var bounds = null;\n-        var length = this.grid.length;\n-        if (length) {\n-            var bottomLeftTileBounds = this.grid[length - 1][0].bounds,\n-                width = this.grid[0].length * bottomLeftTileBounds.getWidth(),\n-                height = this.grid.length * bottomLeftTileBounds.getHeight();\n-            bounds = new OpenLayers.Bounds(bottomLeftTileBounds.left, bottomLeftTileBounds.bottom, bottomLeftTileBounds.left + width, bottomLeftTileBounds.bottom + height)\n-        }\n-        return bounds\n-    },\n-    initSingleTile: function(bounds) {\n-        this.events.triggerEvent(\"retile\");\n-        var center = bounds.getCenterLonLat();\n-        var tileWidth = bounds.getWidth() * this.ratio;\n-        var tileHeight = bounds.getHeight() * this.ratio;\n-        var tileBounds = new OpenLayers.Bounds(center.lon - tileWidth / 2, center.lat - tileHeight / 2, center.lon + tileWidth / 2, center.lat + tileHeight / 2);\n-        var px = this.map.getLayerPxFromLonLat({\n-            lon: tileBounds.left,\n-            lat: tileBounds.top\n-        });\n-        if (!this.grid.length) {\n-            this.grid[0] = []\n-        }\n-        var tile = this.grid[0][0];\n-        if (!tile) {\n-            tile = this.addTile(tileBounds, px);\n-            this.addTileMonitoringHooks(tile);\n-            tile.draw();\n-            this.grid[0][0] = tile\n-        } else {\n-            tile.moveTo(tileBounds, px)\n-        }\n-        this.removeExcessTiles(1, 1);\n-        this.gridResolution = this.getServerResolution()\n-    },\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n-        var offsetlon = bounds.left - origin.lon;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n-        var rowSign = this.rowSign;\n-        var offsetlat = rowSign * (origin.lat - bounds.top + tilelat);\n-        var tilerow = Math[~rowSign ? \"floor\" : \"ceil\"](offsetlat / tilelat) - this.buffer * rowSign;\n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n-        }\n-    },\n-    getTileOrigin: function() {\n-        var origin = this.tileOrigin;\n-        if (!origin) {\n-            var extent = this.getMaxExtent();\n-            var edges = {\n-                tl: [\"left\", \"top\"],\n-                tr: [\"right\", \"top\"],\n-                bl: [\"left\", \"bottom\"],\n-                br: [\"right\", \"bottom\"]\n-            } [this.tileOriginCorner];\n-            origin = new OpenLayers.LonLat(extent[edges[0]], extent[edges[1]])\n-        }\n-        return origin\n-    },\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var startcol = tileLayout.startcol;\n-        var startrow = tileLayout.startrow;\n-        var rowSign = this.rowSign;\n-        return new OpenLayers.Bounds(origin.lon + (startcol + col) * tilelon, origin.lat - (startrow + row * rowSign) * tilelat * rowSign, origin.lon + (startcol + col + 1) * tilelon, origin.lat - (startrow + (row - 1) * rowSign) * tilelat * rowSign)\n-    },\n-    initGriddedTiles: function(bounds) {\n-        this.events.triggerEvent(\"retile\");\n-        var viewSize = this.map.getSize();\n-        var origin = this.getTileOrigin();\n-        var resolution = this.map.getResolution(),\n-            serverResolution = this.getServerResolution(),\n-            ratio = resolution / serverResolution,\n-            tileSize = {\n-                w: this.tileSize.w / ratio,\n-                h: this.tileSize.h / ratio\n-            };\n-        var minRows = Math.ceil(viewSize.h / tileSize.h) + 2 * this.buffer + 1;\n-        var minCols = Math.ceil(viewSize.w / tileSize.w) + 2 * this.buffer + 1;\n-        var tileLayout = this.calculateGridLayout(bounds, origin, serverResolution);\n-        this.gridLayout = tileLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var layerContainerDivLeft = this.map.layerContainerOriginPx.x;\n-        var layerContainerDivTop = this.map.layerContainerOriginPx.y;\n-        var tileBounds = this.getTileBoundsForGridIndex(0, 0);\n-        var startPx = this.map.getViewPortPxFromLonLat(new OpenLayers.LonLat(tileBounds.left, tileBounds.top));\n-        startPx.x = Math.round(startPx.x) - layerContainerDivLeft;\n-        startPx.y = Math.round(startPx.y) - layerContainerDivTop;\n-        var tileData = [],\n-            center = this.map.getCenter();\n-        var rowidx = 0;\n-        do {\n-            var row = this.grid[rowidx];\n-            if (!row) {\n-                row = [];\n-                this.grid.push(row)\n-            }\n-            var colidx = 0;\n-            do {\n-                tileBounds = this.getTileBoundsForGridIndex(rowidx, colidx);\n-                var px = startPx.clone();\n-                px.x = px.x + colidx * Math.round(tileSize.w);\n-                px.y = px.y + rowidx * Math.round(tileSize.h);\n-                var tile = row[colidx];\n-                if (!tile) {\n-                    tile = this.addTile(tileBounds, px);\n-                    this.addTileMonitoringHooks(tile);\n-                    row.push(tile)\n-                } else {\n-                    tile.moveTo(tileBounds, px, false)\n-                }\n-                var tileCenter = tileBounds.getCenterLonLat();\n-                tileData.push({\n-                    tile: tile,\n-                    distance: Math.pow(tileCenter.lon - center.lon, 2) + Math.pow(tileCenter.lat - center.lat, 2)\n-                });\n-                colidx += 1\n-            } while (tileBounds.right <= bounds.right + tilelon * this.buffer || colidx < minCols);\n-            rowidx += 1\n-        } while (tileBounds.bottom >= bounds.bottom - tilelat * this.buffer || rowidx < minRows);\n-        this.removeExcessTiles(rowidx, colidx);\n-        var resolution = this.getServerResolution();\n-        this.gridResolution = resolution;\n-        tileData.sort(function(a, b) {\n-            return a.distance - b.distance\n-        });\n-        for (var i = 0, ii = tileData.length; i < ii; ++i) {\n-            tileData[i].tile.draw()\n-        }\n-    },\n-    getMaxExtent: function() {\n-        return this.maxExtent\n-    },\n-    addTile: function(bounds, position) {\n-        var tile = new this.tileClass(this, position, bounds, null, this.tileSize, this.tileOptions);\n-        this.events.triggerEvent(\"addtile\", {\n-            tile: tile\n-        });\n-        return tile\n-    },\n-    addTileMonitoringHooks: function(tile) {\n-        var replacingCls = \"olTileReplacing\";\n-        tile.onLoadStart = function() {\n-            if (this.loading === false) {\n-                this.loading = true;\n-                this.events.triggerEvent(\"loadstart\")\n-            }\n-            this.events.triggerEvent(\"tileloadstart\", {\n-                tile: tile\n-            });\n-            this.numLoadingTiles++;\n-            if (!this.singleTile && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n-                OpenLayers.Element.addClass(tile.getTile(), replacingCls)\n-            }\n-        };\n-        tile.onLoadEnd = function(evt) {\n-            this.numLoadingTiles--;\n-            var aborted = evt.type === \"unload\";\n-            this.events.triggerEvent(\"tileloaded\", {\n-                tile: tile,\n-                aborted: aborted\n-            });\n-            if (!this.singleTile && !aborted && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n-                var tileDiv = tile.getTile();\n-                if (OpenLayers.Element.getStyle(tileDiv, \"display\") === \"none\") {\n-                    var bufferTile = document.getElementById(tile.id + \"_bb\");\n-                    if (bufferTile) {\n-                        bufferTile.parentNode.removeChild(bufferTile)\n-                    }\n-                }\n-                OpenLayers.Element.removeClass(tileDiv, replacingCls)\n-            }\n-            if (this.numLoadingTiles === 0) {\n-                if (this.backBuffer) {\n-                    if (this.backBuffer.childNodes.length === 0) {\n-                        this.removeBackBuffer()\n-                    } else {\n-                        this._transitionElement = aborted ? this.div.lastChild : tile.imgDiv;\n-                        var transitionendEvents = this.transitionendEvents;\n-                        for (var i = transitionendEvents.length - 1; i >= 0; --i) {\n-                            OpenLayers.Event.observe(this._transitionElement, transitionendEvents[i], this._removeBackBuffer)\n-                        }\n-                        this.backBufferTimerId = window.setTimeout(this._removeBackBuffer, this.removeBackBufferDelay)\n-                    }\n-                }\n-                this.loading = false;\n-                this.events.triggerEvent(\"loadend\")\n-            }\n-        };\n-        tile.onLoadError = function() {\n-            this.events.triggerEvent(\"tileerror\", {\n-                tile: tile\n-            })\n-        };\n-        tile.events.on({\n-            loadstart: tile.onLoadStart,\n-            loadend: tile.onLoadEnd,\n-            unload: tile.onLoadEnd,\n-            loaderror: tile.onLoadError,\n-            scope: this\n-        })\n-    },\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            loadstart: tile.onLoadStart,\n-            loadend: tile.onLoadEnd,\n-            unload: tile.onLoadEnd,\n-            loaderror: tile.onLoadError,\n-            scope: this\n-        })\n-    },\n-    moveGriddedTiles: function() {\n-        var buffer = this.buffer + 1;\n-        while (true) {\n-            var tlTile = this.grid[0][0];\n-            var tlViewPort = {\n-                x: tlTile.position.x + this.map.layerContainerOriginPx.x,\n-                y: tlTile.position.y + this.map.layerContainerOriginPx.y\n-            };\n-            var ratio = this.getServerResolution() / this.map.getResolution();\n-            var tileSize = {\n-                w: Math.round(this.tileSize.w * ratio),\n-                h: Math.round(this.tileSize.h * ratio)\n-            };\n-            if (tlViewPort.x > -tileSize.w * (buffer - 1)) {\n-                this.shiftColumn(true, tileSize)\n-            } else if (tlViewPort.x < -tileSize.w * buffer) {\n-                this.shiftColumn(false, tileSize)\n-            } else if (tlViewPort.y > -tileSize.h * (buffer - 1)) {\n-                this.shiftRow(true, tileSize)\n-            } else if (tlViewPort.y < -tileSize.h * buffer) {\n-                this.shiftRow(false, tileSize)\n-            } else {\n-                break\n-            }\n-        }\n-    },\n-    shiftRow: function(prepend, tileSize) {\n-        var grid = this.grid;\n-        var rowIndex = prepend ? 0 : grid.length - 1;\n-        var sign = prepend ? -1 : 1;\n-        var rowSign = this.rowSign;\n-        var tileLayout = this.gridLayout;\n-        tileLayout.startrow += sign * rowSign;\n-        var modelRow = grid[rowIndex];\n-        var row = grid[prepend ? \"pop\" : \"shift\"]();\n-        for (var i = 0, len = row.length; i < len; i++) {\n-            var tile = row[i];\n-            var position = modelRow[i].position.clone();\n-            position.y += tileSize.h * sign;\n-            tile.moveTo(this.getTileBoundsForGridIndex(rowIndex, i), position)\n-        }\n-        grid[prepend ? \"unshift\" : \"push\"](row)\n-    },\n-    shiftColumn: function(prepend, tileSize) {\n-        var grid = this.grid;\n-        var colIndex = prepend ? 0 : grid[0].length - 1;\n-        var sign = prepend ? -1 : 1;\n-        var tileLayout = this.gridLayout;\n-        tileLayout.startcol += sign;\n-        for (var i = 0, len = grid.length; i < len; i++) {\n-            var row = grid[i];\n-            var position = row[colIndex].position.clone();\n-            var tile = row[prepend ? \"pop\" : \"shift\"]();\n-            position.x += tileSize.w * sign;\n-            tile.moveTo(this.getTileBoundsForGridIndex(i, colIndex), position);\n-            row[prepend ? \"unshift\" : \"push\"](tile)\n-        }\n-    },\n-    removeExcessTiles: function(rows, columns) {\n-        var i, l;\n-        while (this.grid.length > rows) {\n-            var row = this.grid.pop();\n-            for (i = 0, l = row.length; i < l; i++) {\n-                var tile = row[i];\n-                this.destroyTile(tile)\n-            }\n-        }\n-        for (i = 0, l = this.grid.length; i < l; i++) {\n-            while (this.grid[i].length > columns) {\n-                var row = this.grid[i];\n-                var tile = row.pop();\n-                this.destroyTile(tile)\n-            }\n-        }\n-    },\n-    onMapResize: function() {\n-        if (this.singleTile) {\n-            this.clearGrid();\n-            this.setTileSize()\n-        }\n-    },\n-    getTileBounds: function(viewPortPx) {\n-        var maxExtent = this.maxExtent;\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = maxExtent.left + tileMapWidth * Math.floor((mapPoint.lon - maxExtent.left) / tileMapWidth);\n-        var tileBottom = maxExtent.bottom + tileMapHeight * Math.floor((mapPoint.lat - maxExtent.bottom) / tileMapHeight);\n-        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Grid\"\n-});\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    sphericalMercator: false,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options)\n-        }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = \"\" + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url)\n-        }\n-        return OpenLayers.String.format(url, xyz)\n-    },\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = (x % limit + limit) % limit\n-        }\n-        return {\n-            x: x,\n-            y: y,\n-            z: z\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n-});\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    key: null,\n-    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n-    metadata: null,\n-    protocolRegex: /^http:/i,\n-    type: \"Road\",\n-    culture: \"en-US\",\n-    metadataParams: null,\n-    tileOptions: null,\n-    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n-    initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options.tileOptions);\n-        this.loadMetadata()\n-    },\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script)\n-    },\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n-        }\n-        this.addOptions({\n-            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n-            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw()\n-        }\n-        this.updateAttribution()\n-    },\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = \"0\";\n-            var mask = 1 << i - 1;\n-            if ((x & mask) != 0) {\n-                digit++\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++\n-            }\n-            quadDigits.push(digit)\n-        }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl(\"\" + x + y + z, this.url);\n-        return OpenLayers.String.format(url, {\n-            quadkey: quadKey\n-        })\n-    },\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return\n-        }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \"\n-                }\n-            }\n-        }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        })\n-    },\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options)\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    destroy: function() {\n-        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined;\n-    delete this._callbackId\n-};\n-OpenLayers.Renderer = OpenLayers.Class({\n-    container: null,\n-    root: null,\n-    extent: null,\n-    locked: false,\n-    size: null,\n-    resolution: null,\n-    map: null,\n-    featureDx: 0,\n-    initialize: function(containerID, options) {\n-        this.container = OpenLayers.Util.getElement(containerID);\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    destroy: function() {\n-        this.container = null;\n-        this.extent = null;\n-        this.size = null;\n-        this.resolution = null;\n-        this.map = null\n-    },\n-    supported: function() {\n-        return false\n-    },\n-    setExtent: function(extent, resolutionChanged) {\n-        this.extent = extent.clone();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio);\n-            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio)\n-        }\n-        if (resolutionChanged) {\n-            this.resolution = null\n-        }\n-        return true\n-    },\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        this.resolution = null\n-    },\n-    getResolution: function() {\n-        this.resolution = this.resolution || this.map.getResolution();\n-        return this.resolution\n-    },\n-    drawFeature: function(feature, style) {\n-        if (style == null) {\n-            style = feature.style\n-        }\n-        if (feature.geometry) {\n-            var bounds = feature.geometry.getBounds();\n-            if (bounds) {\n-                var worldBounds;\n-                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                    worldBounds = this.map.getMaxExtent()\n-                }\n-                if (!bounds.intersectsBounds(this.extent, {\n-                        worldBounds: worldBounds\n-                    })) {\n-                    style = {\n-                        display: \"none\"\n-                    }\n-                } else {\n-                    this.calculateFeatureDx(bounds, worldBounds)\n-                }\n-                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n-                if (style.display != \"none\" && style.label && rendered !== false) {\n-                    var location = feature.geometry.getCentroid();\n-                    if (style.labelXOffset || style.labelYOffset) {\n-                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n-                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n-                        var res = this.getResolution();\n-                        location.move(xOffset * res, yOffset * res)\n-                    }\n-                    this.drawText(feature.id, style, location)\n-                } else {\n-                    this.removeText(feature.id)\n-                }\n-                return rendered\n-            }\n-        }\n-    },\n-    calculateFeatureDx: function(bounds, worldBounds) {\n-        this.featureDx = 0;\n-        if (worldBounds) {\n-            var worldWidth = worldBounds.getWidth(),\n-                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n-                featureCenterX = (bounds.left + bounds.right) / 2,\n-                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n-            this.featureDx = worldsAway * worldWidth\n-        }\n-    },\n-    drawGeometry: function(geometry, style, featureId) {},\n-    drawText: function(featureId, style, location) {},\n-    removeText: function(featureId) {},\n-    clear: function() {},\n-    getFeatureIdFromEvent: function(evt) {},\n-    eraseFeatures: function(features) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            var feature = features[i];\n-            this.eraseGeometry(feature.geometry, feature.id);\n-            this.removeText(feature.id)\n-        }\n-    },\n-    eraseGeometry: function(geometry, featureId) {},\n-    moveRoot: function(renderer) {},\n-    getRenderLayerId: function() {\n-        return this.container.id\n-    },\n-    applyDefaultSymbolizer: function(symbolizer) {\n-        var result = OpenLayers.Util.extend({}, OpenLayers.Renderer.defaultSymbolizer);\n-        if (symbolizer.stroke === false) {\n-            delete result.strokeWidth;\n-            delete result.strokeColor\n-        }\n-        if (symbolizer.fill === false) {\n-            delete result.fillColor\n-        }\n-        OpenLayers.Util.extend(result, symbolizer);\n-        return result\n-    },\n-    CLASS_NAME: \"OpenLayers.Renderer\"\n-});\n-OpenLayers.Renderer.defaultSymbolizer = {\n-    fillColor: \"#000000\",\n-    strokeColor: \"#000000\",\n-    strokeWidth: 2,\n-    fillOpacity: 1,\n-    strokeOpacity: 1,\n-    pointRadius: 0,\n-    labelAlign: \"cm\"\n-};\n-OpenLayers.Renderer.symbol = {\n-    star: [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301, 303, 215, 231, 161, 321, 161, 350, 75],\n-    cross: [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4, 4, 0],\n-    x: [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n-    square: [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n-    triangle: [0, 10, 10, 10, 5, 0, 0, 10]\n-};\n-OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: false,\n-    isFixed: false,\n-    features: null,\n-    filter: null,\n-    selectedFeatures: null,\n-    unrenderedFeatures: null,\n-    reportError: true,\n-    style: null,\n-    styleMap: null,\n-    strategies: null,\n-    protocol: null,\n-    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n-    renderer: null,\n-    rendererOptions: null,\n-    geometryType: null,\n-    drawn: false,\n-    ratio: 1,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.assignRenderer()\n-        }\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.renderer = null;\n-            this.displayError()\n-        }\n-        if (!this.styleMap) {\n-            this.styleMap = new OpenLayers.StyleMap\n-        }\n-        this.features = [];\n-        this.selectedFeatures = [];\n-        this.unrenderedFeatures = {};\n-        if (this.strategies) {\n-            for (var i = 0, len = this.strategies.length; i < len; i++) {\n-                this.strategies[i].setLayer(this)\n-            }\n-        }\n-    },\n-    destroy: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoDestroy) {\n-                    strategy.destroy()\n-                }\n-            }\n-            this.strategies = null\n-        }\n-        if (this.protocol) {\n-            if (this.protocol.autoDestroy) {\n-                this.protocol.destroy()\n-            }\n-            this.protocol = null\n-        }\n-        this.destroyFeatures();\n-        this.features = null;\n-        this.selectedFeatures = null;\n-        this.unrenderedFeatures = null;\n-        if (this.renderer) {\n-            this.renderer.destroy()\n-        }\n-        this.renderer = null;\n-        this.geometryType = null;\n-        this.drawn = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        var features = this.features;\n-        var len = features.length;\n-        var clonedFeatures = new Array(len);\n-        for (var i = 0; i < len; ++i) {\n-            clonedFeatures[i] = features[i].clone()\n-        }\n-        obj.features = clonedFeatures;\n-        return obj\n-    },\n-    refresh: function(obj) {\n-        if (this.calculateInRange() && this.visibility) {\n-            this.events.triggerEvent(\"refresh\", obj)\n-        }\n-    },\n-    assignRenderer: function() {\n-        for (var i = 0, len = this.renderers.length; i < len; i++) {\n-            var rendererClass = this.renderers[i];\n-            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n-            if (renderer && renderer.prototype.supported()) {\n-                this.renderer = new renderer(this.div, this.rendererOptions);\n-                break\n-            }\n-        }\n-    },\n-    displayError: function() {\n-        if (this.reportError) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n-                renderers: this.renderers.join(\"\\n\")\n-            }))\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-        if (!this.renderer) {\n-            this.map.removeLayer(this)\n-        } else {\n-            this.renderer.map = this.map;\n-            var newSize = this.map.getSize();\n-            newSize.w = newSize.w * this.ratio;\n-            newSize.h = newSize.h * this.ratio;\n-            this.renderer.setSize(newSize)\n-        }\n-    },\n-    afterAdd: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.activate()\n-                }\n-            }\n-        }\n-    },\n-    removeMap: function(map) {\n-        this.drawn = false;\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.deactivate()\n-                }\n-            }\n-        }\n-    },\n-    onMapResize: function() {\n-        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n-        var newSize = this.map.getSize();\n-        newSize.w = newSize.w * this.ratio;\n-        newSize.h = newSize.h * this.ratio;\n-        this.renderer.setSize(newSize)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        var coordSysUnchanged = true;\n-        if (!dragging) {\n-            this.renderer.root.style.visibility = \"hidden\";\n-            var viewSize = this.map.getSize(),\n-                viewWidth = viewSize.w,\n-                viewHeight = viewSize.h,\n-                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n-                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n-            offsetLeft += this.map.layerContainerOriginPx.x;\n-            offsetLeft = -Math.round(offsetLeft);\n-            offsetTop += this.map.layerContainerOriginPx.y;\n-            offsetTop = -Math.round(offsetTop);\n-            this.div.style.left = offsetLeft + \"px\";\n-            this.div.style.top = offsetTop + \"px\";\n-            var extent = this.map.getExtent().scale(this.ratio);\n-            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n-            this.renderer.root.style.visibility = \"visible\";\n-            if (OpenLayers.IS_GECKO === true) {\n-                this.div.scrollLeft = this.div.scrollLeft\n-            }\n-            if (!zoomChanged && coordSysUnchanged) {\n-                for (var i in this.unrenderedFeatures) {\n-                    var feature = this.unrenderedFeatures[i];\n-                    this.drawFeature(feature)\n-                }\n-            }\n-        }\n-        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n-            this.drawn = true;\n-            var feature;\n-            for (var i = 0, len = this.features.length; i < len; i++) {\n-                this.renderer.locked = i !== len - 1;\n-                feature = this.features[i];\n-                this.drawFeature(feature)\n-            }\n-        }\n-    },\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        var currentDisplay = this.div.style.display;\n-        if (currentDisplay != this.renderer.root.style.display) {\n-            this.renderer.root.style.display = currentDisplay\n-        }\n-    },\n-    addFeatures: function(features, options) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            var event = {\n-                features: features\n-            };\n-            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n-            if (ret === false) {\n-                return\n-            }\n-            features = event.features\n-        }\n-        var featuresAdded = [];\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            if (i != features.length - 1) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n-                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n-            }\n-            feature.layer = this;\n-            if (!feature.style && this.style) {\n-                feature.style = OpenLayers.Util.extend({}, this.style)\n-            }\n-            if (notify) {\n-                if (this.events.triggerEvent(\"beforefeatureadded\", {\n-                        feature: feature\n-                    }) === false) {\n-                    continue\n-                }\n-                this.preFeatureInsert(feature)\n-            }\n-            featuresAdded.push(feature);\n-            this.features.push(feature);\n-            this.drawFeature(feature);\n-            if (notify) {\n-                this.events.triggerEvent(\"featureadded\", {\n-                    feature: feature\n-                });\n-                this.onFeatureInsert(feature)\n-            }\n-        }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresadded\", {\n-                features: featuresAdded\n-            })\n-        }\n-    },\n-    removeFeatures: function(features, options) {\n-        if (!features || features.length === 0) {\n-            return\n-        }\n-        if (features === this.features) {\n-            return this.removeAllFeatures(options)\n-        }\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        if (features === this.selectedFeatures) {\n-            features = features.slice()\n-        }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n-        }\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            if (i != 0 && features[i - 1].geometry) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            delete this.unrenderedFeatures[feature.id];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-            this.features = OpenLayers.Util.removeItem(this.features, feature);\n-            feature.layer = null;\n-            if (feature.geometry) {\n-                this.renderer.eraseFeatures(feature)\n-            }\n-            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n-                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n-            }\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-        }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            })\n-        }\n-    },\n-    removeAllFeatures: function(options) {\n-        var notify = !options || !options.silent;\n-        var features = this.features;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n-        }\n-        var feature;\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            feature = features[i];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-            feature.layer = null;\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-        }\n-        this.renderer.clear();\n-        this.features = [];\n-        this.unrenderedFeatures = {};\n-        this.selectedFeatures = [];\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            })\n-        }\n-    },\n-    destroyFeatures: function(features, options) {\n-        var all = features == undefined;\n-        if (all) {\n-            features = this.features\n-        }\n-        if (features) {\n-            this.removeFeatures(features, options);\n-            for (var i = features.length - 1; i >= 0; i--) {\n-                features[i].destroy()\n-            }\n-        }\n-    },\n-    drawFeature: function(feature, style) {\n-        if (!this.drawn) {\n-            return\n-        }\n-        if (typeof style != \"object\") {\n-            if (!style && feature.state === OpenLayers.State.DELETE) {\n-                style = \"delete\"\n-            }\n-            var renderIntent = style || feature.renderIntent;\n-            style = feature.style || this.style;\n-            if (!style) {\n-                style = this.styleMap.createSymbolizer(feature, renderIntent)\n-            }\n-        }\n-        var drawn = this.renderer.drawFeature(feature, style);\n-        if (drawn === false || drawn === null) {\n-            this.unrenderedFeatures[feature.id] = feature\n-        } else {\n-            delete this.unrenderedFeatures[feature.id]\n-        }\n-    },\n-    eraseFeatures: function(features) {\n-        this.renderer.eraseFeatures(features)\n-    },\n-    getFeatureFromEvent: function(evt) {\n-        if (!this.renderer) {\n-            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n-        }\n-        var feature = null;\n-        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n-        if (featureId) {\n-            if (typeof featureId === \"string\") {\n-                feature = this.getFeatureById(featureId)\n-            } else {\n-                feature = featureId\n-            }\n-        }\n-        return feature\n-    },\n-    getFeatureBy: function(property, value) {\n-        var feature = null;\n-        for (var i = 0, len = this.features.length; i < len; ++i) {\n-            if (this.features[i][property] == value) {\n-                feature = this.features[i];\n-                break\n-            }\n-        }\n-        return feature\n-    },\n-    getFeatureById: function(featureId) {\n-        return this.getFeatureBy(\"id\", featureId)\n-    },\n-    getFeatureByFid: function(featureFid) {\n-        return this.getFeatureBy(\"fid\", featureFid)\n-    },\n-    getFeaturesByAttribute: function(attrName, attrValue) {\n-        var i, feature, len = this.features.length,\n-            foundFeatures = [];\n-        for (i = 0; i < len; i++) {\n-            feature = this.features[i];\n-            if (feature && feature.attributes) {\n-                if (feature.attributes[attrName] === attrValue) {\n-                    foundFeatures.push(feature)\n-                }\n-            }\n-        }\n-        return foundFeatures\n-    },\n-    onFeatureInsert: function(feature) {},\n-    preFeatureInsert: function(feature) {},\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        var features = this.features;\n-        if (features && features.length > 0) {\n-            var geometry = null;\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                geometry = features[i].geometry;\n-                if (geometry) {\n-                    if (maxExtent === null) {\n-                        maxExtent = new OpenLayers.Bounds\n-                    }\n-                    maxExtent.extend(geometry.getBounds())\n-                }\n-            }\n-        }\n-        return maxExtent\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n-});\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    name: \"OpenStreetMap\",\n-    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n-    sphericalMercator: true,\n-    wrapDateLine: true,\n-    tileOptions: null,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options && this.options.tileOptions)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        service: \"WMS\",\n-        version: \"1.1.1\",\n-        request: \"GetMap\",\n-        styles: \"\",\n-        format: \"image/jpeg\"\n-    },\n-    isBaseLayer: true,\n-    encodeBBOX: false,\n-    noMagic: false,\n-    yx: {},\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n-            params.EXCEPTIONS = \"INIMAGE\"\n-        }\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n-        if (!this.noMagic && this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-            if (options == null || !options.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.params.FORMAT == \"image/jpeg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n-            }\n-        }\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMS(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    reverseAxisOrder: function() {\n-        var projCode = this.projection.getCode();\n-        return parseFloat(this.params.VERSION) >= 1.3 && !!(this.yx[projCode] || OpenLayers.Projection.defaults[projCode] && OpenLayers.Projection.defaults[projCode].yx)\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var imageSize = this.getImageSize();\n-        var newParams = {};\n-        var reverseAxisOrder = this.reverseAxisOrder();\n-        newParams.BBOX = this.encodeBBOX ? bounds.toBBOX(null, reverseAxisOrder) : bounds.toArray(reverseAxisOrder);\n-        newParams.WIDTH = imageSize.w;\n-        newParams.HEIGHT = imageSize.h;\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString\n-    },\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n-    },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var mapProjection = this.map.getProjectionObject();\n-        var projectionCode = this.projection && this.projection.equals(mapProjection) ? this.projection.getCode() : mapProjection.getCode();\n-        var value = projectionCode == \"none\" ? null : projectionCode;\n-        if (parseFloat(this.params.VERSION) >= 1.3) {\n-            this.params.CRS = value\n-        } else {\n-            this.params.SRS = value\n-        }\n-        if (typeof this.params.TRANSPARENT == \"boolean\") {\n-            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\"\n-        }\n-        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n-});\n-OpenLayers.Layer.SphericalMercator = {\n-    getExtent: function() {\n-        var extent = null;\n-        if (this.sphericalMercator) {\n-            extent = this.map.calculateBounds()\n-        } else {\n-            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this)\n-        }\n-        return extent\n-    },\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments)\n-    },\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments)\n-    },\n-    initMercatorParameters: function() {\n-        this.RESOLUTIONS = [];\n-        var maxResolution = 156543.03390625;\n-        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n-            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom)\n-        }\n-        this.units = \"m\";\n-        this.projection = this.projection || \"EPSG:900913\"\n-    },\n-    forwardMercator: function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(lon, lat) {\n-            var point = OpenLayers.Projection.transform({\n-                x: lon,\n-                y: lat\n-            }, gg, sm);\n-            return new OpenLayers.LonLat(point.x, point.y)\n-        }\n-    }(),\n-    inverseMercator: function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(x, y) {\n-            var point = OpenLayers.Projection.transform({\n-                x: x,\n-                y: y\n-            }, sm, gg);\n-            return new OpenLayers.LonLat(point.x, point.y)\n-        }\n-    }()\n-};\n-OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n-    smoothDragPan: true,\n-    isBaseLayer: true,\n-    isFixed: true,\n-    pane: null,\n-    mapObject: null,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (this.pane == null) {\n-            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\")\n-        }\n-    },\n-    destroy: function() {\n-        this.mapObject = null;\n-        this.pane = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n-        this.pane.style.display = this.div.style.display;\n-        this.pane.style.width = \"100%\";\n-        this.pane.style.height = \"100%\";\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.pane.style.background = \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\"\n-        }\n-        if (this.isFixed) {\n-            this.map.viewPortDiv.appendChild(this.pane)\n-        } else {\n-            this.map.layerContainerDiv.appendChild(this.pane)\n-        }\n-        this.loadMapObject();\n-        if (this.mapObject == null) {\n-            this.loadWarningMessage()\n-        }\n-    },\n-    removeMap: function(map) {\n-        if (this.pane && this.pane.parentNode) {\n-            this.pane.parentNode.removeChild(this.pane)\n-        }\n-        OpenLayers.Layer.prototype.removeMap.apply(this, arguments)\n-    },\n-    loadWarningMessage: function() {\n-        this.div.style.backgroundColor = \"darkblue\";\n-        var viewSize = this.map.getSize();\n-        var msgW = Math.min(viewSize.w, 300);\n-        var msgH = Math.min(viewSize.h, 200);\n-        var size = new OpenLayers.Size(msgW, msgH);\n-        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n-        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n-        var div = OpenLayers.Util.createDiv(this.name + \"_warning\", topLeft, size, null, null, null, \"auto\");\n-        div.style.padding = \"7px\";\n-        div.style.backgroundColor = \"yellow\";\n-        div.innerHTML = this.getWarningHTML();\n-        this.div.appendChild(div)\n-    },\n-    getWarningHTML: function() {\n-        return \"\"\n-    },\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        this.pane.style.display = this.div.style.display\n-    },\n-    setZIndex: function(zIndex) {\n-        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1\n-    },\n-    moveByPx: function(dx, dy) {\n-        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n-        if (this.dragPanMapObject) {\n-            this.dragPanMapObject(dx, -dy)\n-        } else {\n-            this.moveTo(this.map.getCachedCenter())\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        if (this.mapObject != null) {\n-            var newCenter = this.map.getCenter();\n-            var newZoom = this.map.getZoom();\n-            if (newCenter != null) {\n-                var moOldCenter = this.getMapObjectCenter();\n-                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n-                var moOldZoom = this.getMapObjectZoom();\n-                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n-                if (!newCenter.equals(oldCenter) || newZoom != oldZoom) {\n-                    if (!zoomChanged && oldCenter && this.dragPanMapObject && this.smoothDragPan) {\n-                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n-                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n-                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y)\n-                    } else {\n-                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n-                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n-                        this.setMapObjectCenter(center, zoom, dragging)\n-                    }\n-                }\n-            }\n-        }\n-    },\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n-            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n-            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n-            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat)\n-        }\n-        return lonlat\n-    },\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        var viewPortPx = null;\n-        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n-            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n-            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n-            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel)\n-        }\n-        return viewPortPx\n-    },\n-    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n-        var olLonLat = null;\n-        if (moLonLat != null) {\n-            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-            olLonLat = new OpenLayers.LonLat(lon, lat)\n-        }\n-        return olLonLat\n-    },\n-    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n-        var moLatLng = null;\n-        if (olLonLat != null) {\n-            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon, olLonLat.lat)\n-        }\n-        return moLatLng\n-    },\n-    getOLPixelFromMapObjectPixel: function(moPixel) {\n-        var olPixel = null;\n-        if (moPixel != null) {\n-            var x = this.getXFromMapObjectPixel(moPixel);\n-            var y = this.getYFromMapObjectPixel(moPixel);\n-            olPixel = new OpenLayers.Pixel(x, y)\n-        }\n-        return olPixel\n-    },\n-    getMapObjectPixelFromOLPixel: function(olPixel) {\n-        var moPixel = null;\n-        if (olPixel != null) {\n-            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y)\n-        }\n-        return moPixel\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n-});\n-OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n-    initialize: function() {},\n-    initResolutions: function() {\n-        var props = [\"minZoomLevel\", \"maxZoomLevel\", \"numZoomLevels\"];\n-        for (var i = 0, len = props.length; i < len; i++) {\n-            var property = props[i];\n-            this[property] = this.options[property] != null ? this.options[property] : this.map[property]\n-        }\n-        if (this.minZoomLevel == null || this.minZoomLevel < this.MIN_ZOOM_LEVEL) {\n-            this.minZoomLevel = this.MIN_ZOOM_LEVEL\n-        }\n-        var desiredZoomLevels;\n-        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n-        if (this.options.numZoomLevels == null && this.options.maxZoomLevel != null || this.numZoomLevels == null && this.maxZoomLevel != null) {\n-            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1\n-        } else {\n-            desiredZoomLevels = this.numZoomLevels\n-        }\n-        if (desiredZoomLevels != null) {\n-            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels)\n-        } else {\n-            this.numZoomLevels = limitZoomLevels\n-        }\n-        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n-        if (this.RESOLUTIONS != null) {\n-            var resolutionsIndex = 0;\n-            this.resolutions = [];\n-            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n-                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i]\n-            }\n-            this.maxResolution = this.resolutions[0];\n-            this.minResolution = this.resolutions[this.resolutions.length - 1]\n-        }\n-    },\n-    getResolution: function() {\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments)\n-        } else {\n-            var resolution = null;\n-            var viewSize = this.map.getSize();\n-            var extent = this.getExtent();\n-            if (viewSize != null && extent != null) {\n-                resolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h)\n-            }\n-            return resolution\n-        }\n-    },\n-    getExtent: function() {\n-        var size = this.map.getSize();\n-        var tl = this.getLonLatFromViewPortPx({\n-            x: 0,\n-            y: 0\n-        });\n-        var br = this.getLonLatFromViewPortPx({\n-            x: size.w,\n-            y: size.h\n-        });\n-        if (tl != null && br != null) {\n-            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat)\n-        } else {\n-            return null\n-        }\n-    },\n-    getZoomForResolution: function(resolution) {\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments)\n-        } else {\n-            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n-            return this.getZoomForExtent(extent)\n-        }\n-    },\n-    getOLZoomFromMapObjectZoom: function(moZoom) {\n-        var zoom = null;\n-        if (moZoom != null) {\n-            zoom = moZoom - this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.map.baseLayer.getZoomForResolution(this.getResolutionForZoom(zoom))\n-            }\n-        }\n-        return zoom\n-    },\n-    getMapObjectZoomFromOLZoom: function(olZoom) {\n-        var zoom = null;\n-        if (olZoom != null) {\n-            zoom = olZoom + this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.getZoomForResolution(this.map.baseLayer.getResolutionForZoom(zoom))\n-            }\n-        }\n-        return zoom\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n-});\n-OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n-    MIN_ZOOM_LEVEL: 0,\n-    MAX_ZOOM_LEVEL: 21,\n-    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n-    type: null,\n-    wrapDateLine: true,\n-    sphericalMercator: false,\n-    version: null,\n-    initialize: function(name, options) {\n-        options = options || {};\n-        if (!options.version) {\n-            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n-        }\n-        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n-        if (mixin) {\n-            OpenLayers.Util.applyDefaults(options, mixin)\n-        } else {\n-            throw \"Unsupported Google Maps API version: \" + options.version\n-        }\n-        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-        if (options.maxExtent) {\n-            options.maxExtent = options.maxExtent.clone()\n-        }\n-        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n-        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n-        if (this.sphericalMercator) {\n-            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-            this.initMercatorParameters()\n-        }\n-    },\n-    clone: function() {\n-        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n-    },\n-    setVisibility: function(visible) {\n-        var opacity = this.opacity == null ? 1 : this.opacity;\n-        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-        this.setOpacity(opacity)\n-    },\n-    display: function(visible) {\n-        if (!this._dragging) {\n-            this.setGMapVisibility(visible)\n-        }\n-        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        this._dragging = dragging;\n-        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-        delete this._dragging\n-    },\n-    setOpacity: function(opacity) {\n-        if (opacity !== this.opacity) {\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                })\n-            }\n-            this.opacity = opacity\n-        }\n-        if (this.getVisibility()) {\n-            var container = this.getMapContainer();\n-            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n-        }\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.setGMapVisibility(false);\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache && cache.count <= 1) {\n-                this.removeGMapElements()\n-            }\n-        }\n-        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n-    },\n-    removeGMapElements: function() {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject && this.getMapContainer();\n-            if (container && container.parentNode) {\n-                container.parentNode.removeChild(container)\n-            }\n-            var termsOfUse = cache.termsOfUse;\n-            if (termsOfUse && termsOfUse.parentNode) {\n-                termsOfUse.parentNode.removeChild(termsOfUse)\n-            }\n-            var poweredBy = cache.poweredBy;\n-            if (poweredBy && poweredBy.parentNode) {\n-                poweredBy.parentNode.removeChild(poweredBy)\n-            }\n-            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n-                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n-            }\n-        }\n-    },\n-    removeMap: function(map) {\n-        if (this.visibility && this.mapObject) {\n-            this.setGMapVisibility(false)\n-        }\n-        var cache = OpenLayers.Layer.Google.cache[map.id];\n-        if (cache) {\n-            if (cache.count <= 1) {\n-                this.removeGMapElements();\n-                delete OpenLayers.Layer.Google.cache[map.id]\n-            } else {\n-                --cache.count\n-            }\n-        }\n-        delete this.termsOfUse;\n-        delete this.poweredBy;\n-        delete this.mapObject;\n-        delete this.dragObject;\n-        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n-    },\n-    getOLBoundsFromMapObjectBounds: function(moBounds) {\n-        var olBounds = null;\n-        if (moBounds != null) {\n-            var sw = moBounds.getSouthWest();\n-            var ne = moBounds.getNorthEast();\n-            if (this.sphericalMercator) {\n-                sw = this.forwardMercator(sw.lng(), sw.lat());\n-                ne = this.forwardMercator(ne.lng(), ne.lat())\n-            } else {\n-                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n-            }\n-            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n-        }\n-        return olBounds\n-    },\n-    getWarningHTML: function() {\n-        return OpenLayers.i18n(\"googleWarning\")\n-    },\n-    getMapObjectCenter: function() {\n-        return this.mapObject.getCenter()\n-    },\n-    getMapObjectZoom: function() {\n-        return this.mapObject.getZoom()\n-    },\n-    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n-    },\n-    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n-        return lat\n-    },\n-    getXFromMapObjectPixel: function(moPixel) {\n-        return moPixel.x\n-    },\n-    getYFromMapObjectPixel: function(moPixel) {\n-        return moPixel.y\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Google\"\n-});\n-OpenLayers.Layer.Google.cache = {};\n-OpenLayers.Layer.Google.v2 = {\n-    termsOfUse: null,\n-    poweredBy: null,\n-    dragObject: null,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP\n-        }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            ++cache.count\n-        } else {\n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n-            try {\n-                mapObject = new GMap2(div);\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n-            } catch (e) {\n-                throw e\n-            }\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n-            }\n-        }\n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n-            this.mapObject.addMapType(this.type)\n-        }\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject()\n-        } else {\n-            this.dragPanMapObject = null\n-        }\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\")\n-        }\n-    },\n-    onMapResize: function() {\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize()\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n-                })\n-            }\n-            this._resized = true\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed\n-                }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\"\n-                }\n-            }\n-        }\n-    },\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom)\n-    },\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY))\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n-    },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new GLatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y)\n-    }\n-};\n-OpenLayers.Layer.Google.v3 = {\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n-    },\n-    animationEnabled: true,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP\n-        }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            ++cache.count\n-        } else {\n-            var center = this.map.getCenter();\n-            var container = document.createElement(\"div\");\n-            container.className = \"olForeignContainer\";\n-            container.style.width = \"100%\";\n-            container.style.height = \"100%\";\n-            mapObject = new google.maps.Map(container, {\n-                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n-            });\n-            var googleControl = document.createElement(\"div\");\n-            googleControl.style.width = \"100%\";\n-            googleControl.style.height = \"100%\";\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache\n-        }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility)\n-    },\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\")\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break\n-                }\n-            }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter())\n-                        })\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, \"resize\")\n-                    }\n-                }\n-                this.mapObject.setMapTypeId(type)\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container)\n-            }\n-        }\n-    },\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-        var delta_x = moPixel.x - size.w / 2;\n-        var delta_y = moPixel.y - size.h / 2;\n-        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent)\n-        }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n-                mapContainer.style.visibility = \"\"\n-            });\n-            mapContainer.style.visibility = \"hidden\"\n-        }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n-        })\n-    },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y)\n-    }\n-};\n-OpenLayers.Control = OpenLayers.Class({\n-    id: null,\n-    map: null,\n-    div: null,\n-    type: null,\n-    allowSelection: false,\n-    displayClass: \"\",\n-    title: \"\",\n-    autoActivate: false,\n-    active: null,\n-    handlerOptions: null,\n-    handler: null,\n-    eventListeners: null,\n-    events: null,\n-    initialize: function(options) {\n-        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners)\n-        }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-        }\n-    },\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners)\n-            }\n-            this.events.destroy();\n-            this.events = null\n-        }\n-        this.eventListeners = null;\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null\n-        }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy()\n-                }\n-            }\n-            this.handlers = null\n-        }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null\n-        }\n-        this.div = null\n-    },\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map)\n-        }\n-    },\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False\n-            }\n-            if (this.title != \"\") {\n-                this.div.title = this.title\n-            }\n-        }\n-        if (px != null) {\n-            this.position = px.clone()\n-        }\n-        this.moveTo(this.position);\n-        return this.div\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.div != null) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\"\n-        }\n-    },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n-        }\n-        if (this.handler) {\n-            this.handler.activate()\n-        }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n-        }\n-        this.events.triggerEvent(\"activate\");\n-        return true\n-    },\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate()\n-            }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n-            }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true\n-        }\n-        return false\n-    },\n-    CLASS_NAME: \"OpenLayers.Control\"\n-});\n-OpenLayers.Control.TYPE_BUTTON = 1;\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n-OpenLayers.Control.TYPE_TOOL = 3;\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-    target: null,\n-    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n-    startRegEx: /^mousedown|touchstart$/,\n-    cancelRegEx: /^touchmove$/,\n-    completeRegEx: /^mouseup|touchend$/,\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            })\n-        }\n-    },\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick)\n-        }\n-        delete this.target\n-    },\n-    getPressedButton: function(element) {\n-        var depth = 3,\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                button = element;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return button\n-    },\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === \"a\") {\n-                ignore = true;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return ignore\n-    },\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        })\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt\n-            }\n-        }\n-        return propagate\n-    }\n-});\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n-    controls: null,\n-    autoActivate: true,\n-    defaultControl: null,\n-    saveState: false,\n-    allowDepress: false,\n-    activeState: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {}\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                })\n-            }\n-            ctl.panel_div = null\n-        }\n-        this.activeState = null\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n-                    control.activate()\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate()\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div\n-    },\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i])\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div)\n-            }\n-        }\n-    },\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate()\n-            } else {\n-                control.activate()\n-            }\n-            return\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate()\n-        } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate()\n-                }\n-            }\n-            control.activate()\n-        }\n-    },\n-    addControls: function(controls) {\n-        if (!OpenLayers.Util.isArray(controls)) {\n-            controls = [controls]\n-        }\n-        this.controls = this.controls.concat(controls);\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title\n-            }\n-            control.panel_div = element\n-        }\n-        if (this.map) {\n-            this.addControlsToMap(controls);\n-            this.redraw()\n-        }\n-    },\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\")\n-    },\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate()\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            })\n-        }\n-    },\n-    iconOn: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\")\n-    },\n-    iconOff: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\")\n-    },\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break\n-            }\n-        }\n-    },\n-    getControlsBy: function(property, match) {\n-        var test = typeof match.test == \"function\";\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || test && match.test(item[property])\n-        });\n-        return found\n-    },\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match)\n-    },\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n-});\n-OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n-    separator: \", \",\n-    template: \"${layers}\",\n-    destroy: function() {\n-        this.map.events.un({\n-            removelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            changebaselayer: this.updateAttribution,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            removelayer: this.updateAttribution,\n-            scope: this\n-        });\n-        this.updateAttribution();\n-        return this.div\n-    },\n-    updateAttribution: function() {\n-        var attributions = [];\n-        if (this.map && this.map.layers) {\n-            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                if (layer.attribution && layer.getVisibility()) {\n-                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n-                        attributions.push(layer.attribution)\n-                    }\n-                }\n-            }\n-            this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                layers: attributions.join(this.separator)\n-            })\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-});\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n-    layerStates: null,\n-    layersDiv: null,\n-    baseLayersDiv: null,\n-    baseLayers: null,\n-    dataLbl: null,\n-    dataLayersDiv: null,\n-    dataLayers: null,\n-    minimizeDiv: null,\n-    maximizeDiv: null,\n-    ascending: true,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = []\n-    },\n-    destroy: function() {\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n-        this.loadContents();\n-        if (!this.outsideViewport) {\n-            this.minimizeControl()\n-        }\n-        this.redraw();\n-        return this.div\n-    },\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl()\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl()\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"])\n-            }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap()\n-                }\n-            }\n-        }\n-    },\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = []\n-    },\n-    checkRedraw: function() {\n-        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n-            return true\n-        }\n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n-                return true\n-            }\n-        }\n-        return false\n-    },\n-    redraw: function() {\n-        if (!this.checkRedraw()) {\n-            return this.div\n-        }\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                name: layer.name,\n-                visibility: layer.visibility,\n-                inRange: layer.inRange,\n-                id: layer.id\n-            }\n-        }\n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse()\n-        }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n-            if (layer.displayInLayerSwitcher) {\n-                if (baseLayer) {\n-                    containsBaseLayers = true\n-                } else {\n-                    containsOverlays = true\n-                }\n-                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n-                var inputElem = document.createElement(\"input\"),\n-                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n-                inputElem.id = inputId;\n-                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true\n-                }\n-                var labelSpan = document.createElement(\"label\");\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\"\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n-                var br = document.createElement(\"br\");\n-                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n-                groupArray.push({\n-                    layer: layer,\n-                    inputElem: inputElem,\n-                    labelSpan: labelSpan\n-                });\n-                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br)\n-            }\n-        }\n-        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n-        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n-        return this.div\n-    },\n-    updateMap: function() {\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false)\n-            }\n-        }\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n-        }\n-    },\n-    maximizeControl: function(e) {\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n-        this.showControls(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    minimizeControl: function(e) {\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n-        this.showControls(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    showControls: function(minimize) {\n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n-        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n-    },\n-    loadContents: function() {\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv)\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv)\n-        }\n-        this.div.appendChild(this.layersDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.maximizeDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.minimizeDiv)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n-});\n-OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n-    zoomInText: \"+\",\n-    zoomInId: \"olZoomInLink\",\n-    zoomOutText: \"\u2212\",\n-    zoomOutId: \"olZoomOutLink\",\n-    draw: function() {\n-        var div = OpenLayers.Control.prototype.draw.apply(this),\n-            links = this.getOrCreateLinks(div),\n-            zoomIn = links.zoomIn,\n-            zoomOut = links.zoomOut,\n-            eventsInstance = this.map.events;\n-        if (zoomOut.parentNode !== div) {\n-            eventsInstance = this.events;\n-            eventsInstance.attachToElement(zoomOut.parentNode)\n-        }\n-        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n-        this.zoomInLink = zoomIn;\n-        this.zoomOutLink = zoomOut;\n-        return div\n-    },\n-    getOrCreateLinks: function(el) {\n-        var zoomIn = document.getElementById(this.zoomInId),\n-            zoomOut = document.getElementById(this.zoomOutId);\n-        if (!zoomIn) {\n-            zoomIn = document.createElement(\"a\");\n-            zoomIn.href = \"#zoomIn\";\n-            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n-            zoomIn.className = \"olControlZoomIn\";\n-            el.appendChild(zoomIn)\n-        }\n-        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n-        if (!zoomOut) {\n-            zoomOut = document.createElement(\"a\");\n-            zoomOut.href = \"#zoomOut\";\n-            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n-            zoomOut.className = \"olControlZoomOut\";\n-            el.appendChild(zoomOut)\n-        }\n-        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n-        return {\n-            zoomIn: zoomIn,\n-            zoomOut: zoomOut\n-        }\n-    },\n-    onZoomClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.zoomInLink) {\n-            this.map.zoomIn()\n-        } else if (button === this.zoomOutLink) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick)\n-        }\n-        delete this.zoomInLink;\n-        delete this.zoomOutLink;\n-        OpenLayers.Control.prototype.destroy.apply(this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n-});\n-OpenLayers.Handler = OpenLayers.Class({\n-    id: null,\n-    control: null,\n-    map: null,\n-    keyMask: null,\n-    active: false,\n-    evt: null,\n-    touch: false,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map)\n-        }\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    setMap: function(map) {\n-        this.map = map\n-    },\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true\n-        }\n-        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n-        return keyModifiers == this.keyMask\n-    },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]])\n-            }\n-        }\n-        this.active = true;\n-        return true\n-    },\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]])\n-            }\n-        }\n-        this.touch = false;\n-        this.active = false;\n-        return true\n-    },\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]])\n-                }\n-            }\n-        }\n-    },\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args)\n-        }\n-    },\n-    register: function(name, method) {\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent)\n-    },\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent)\n-    },\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.control = this.map = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n-OpenLayers.Handler.MOD_NONE = 0;\n-OpenLayers.Handler.MOD_SHIFT = 1;\n-OpenLayers.Handler.MOD_CTRL = 2;\n-OpenLayers.Handler.MOD_ALT = 4;\n-OpenLayers.Handler.MOD_META = 8;\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-    started: false,\n-    stopDown: true,\n-    dragging: false,\n-    last: null,\n-    start: null,\n-    lastMoveEvt: null,\n-    oldOnselectstart: null,\n-    interval: 0,\n-    timeoutId: null,\n-    documentDrag: false,\n-    documentEvents: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                })\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                })\n-            }\n-        }\n-    },\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-            OpenLayers.Event.preventDefault(evt);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-            propagate = !this.stopDown\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null\n-        }\n-        return propagate\n-    },\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    this.setEvent(evt)\n-                } else {\n-                    this.removeDocumentEvents()\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n-            }\n-            this.dragging = true;\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False\n-            }\n-            this.last = evt.xy\n-        }\n-        return true\n-    },\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents()\n-            }\n-            var dragged = this.start != this.last;\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy])\n-            }\n-            document.onselectstart = this.oldOnselectstart\n-        }\n-        return true\n-    },\n-    down: function(evt) {},\n-    move: function(evt) {},\n-    up: function(evt) {},\n-    out: function(evt) {},\n-    mousedown: function(evt) {\n-        return this.dragstart(evt)\n-    },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt)\n-    },\n-    mousemove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    touchmove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt)\n-        }\n-    },\n-    mouseup: function(evt) {\n-        return this.dragend(evt)\n-    },\n-    touchend: function(evt) {\n-        evt.xy = this.last;\n-        return this.dragend(evt)\n-    },\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents()\n-            } else {\n-                var dragged = this.start != this.last;\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy])\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart\n-                }\n-            }\n-        }\n-        return true\n-    },\n-    click: function(evt) {\n-        return this.start == this.last\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n-        }\n-        return deactivated\n-    },\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1]\n-    },\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n-    },\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n-    dragHandler: null,\n-    boxDivClassName: \"olHandlerBoxZoomBox\",\n-    boxOffsets: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n-            down: this.startBox,\n-            move: this.moveBox,\n-            out: this.removeBox,\n-            up: this.endBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n-    },\n-    destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map)\n-        }\n-    },\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n-    },\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n-        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n-    },\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top)\n-        } else {\n-            result = this.dragHandler.start.clone()\n-        }\n-        this.removeBox();\n-        this.callback(\"done\", [result])\n-    },\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n-    },\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox()\n-                }\n-            }\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            var testDiv = document.createElement(\"div\");\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            }\n-        }\n-        return this.boxOffsets\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n-});\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    out: false,\n-    keyMask: null,\n-    alwaysZoom: false,\n-    zoomOnClick: true,\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n-    },\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds, targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n-                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n-                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n-                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n-            }\n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n-                };\n-                this.map.zoomTo(zoom, zoomOriginPx)\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n-            }\n-        } else if (this.zoomOnClick) {\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position)\n-            } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position)\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n-});\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    panned: false,\n-    interval: 0,\n-    documentDrag: false,\n-    kinetic: null,\n-    enableKinetic: true,\n-    kineticInterval: 10,\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic)\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config)\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            move: this.panMap,\n-            done: this.panMapDone,\n-            down: this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        })\n-    },\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin()\n-        }\n-    },\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy)\n-        }\n-        this.panned = true;\n-        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-            dragging: true,\n-            animate: false\n-        })\n-    },\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy)\n-            }\n-            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-                dragging: !!res,\n-                animate: false\n-            });\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    })\n-                })\n-            }\n-            this.panned = false\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n-});\n-OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n-    wheelListener: null,\n-    interval: 0,\n-    maxDelta: Number.POSITIVE_INFINITY,\n-    delta: 0,\n-    cumulative: true,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.wheelListener = OpenLayers.Function.bindAsEventListener(this.onWheelEvent, this)\n-    },\n-    destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        this.wheelListener = null\n-    },\n-    onWheelEvent: function(e) {\n-        if (!this.map || !this.checkModifiers(e)) {\n-            return\n-        }\n-        var overScrollableDiv = false;\n-        var allowScroll = false;\n-        var overMapDiv = false;\n-        var elem = OpenLayers.Event.element(e);\n-        while (elem != null && !overMapDiv && !overScrollableDiv) {\n-            if (!overScrollableDiv) {\n-                try {\n-                    var overflow;\n-                    if (elem.currentStyle) {\n-                        overflow = elem.currentStyle[\"overflow\"]\n-                    } else {\n-                        var style = document.defaultView.getComputedStyle(elem, null);\n-                        overflow = style.getPropertyValue(\"overflow\")\n-                    }\n-                    overScrollableDiv = overflow && overflow == \"auto\" || overflow == \"scroll\"\n-                } catch (err) {}\n-            }\n-            if (!allowScroll) {\n-                allowScroll = OpenLayers.Element.hasClass(elem, \"olScrollable\");\n-                if (!allowScroll) {\n-                    for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                        var layer = this.map.layers[i];\n-                        if (elem == layer.div || elem == layer.pane) {\n-                            allowScroll = true;\n-                            break\n-                        }\n-                    }\n-                }\n-            }\n-            overMapDiv = elem == this.map.div;\n-            elem = elem.parentNode\n-        }\n-        if (!overScrollableDiv && overMapDiv) {\n-            if (allowScroll) {\n-                var delta = 0;\n-                if (e.wheelDelta) {\n-                    delta = e.wheelDelta;\n-                    if (delta % 160 === 0) {\n-                        delta = delta * .75\n-                    }\n-                    delta = delta / 120\n-                } else if (e.detail) {\n-                    delta = -(e.detail / Math.abs(e.detail))\n-                }\n-                this.delta += delta;\n-                window.clearTimeout(this._timeoutId);\n-                if (this.interval && Math.abs(this.delta) < this.maxDelta) {\n-                    var evt = OpenLayers.Util.extend({}, e);\n-                    this._timeoutId = window.setTimeout(OpenLayers.Function.bind(function() {\n-                        this.wheelZoom(evt)\n-                    }, this), this.interval)\n-                } else {\n-                    this.wheelZoom(e)\n-                }\n-            }\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    wheelZoom: function(e) {\n-        var delta = this.delta;\n-        this.delta = 0;\n-        if (delta) {\n-            e.xy = this.map.events.getMousePosition(e);\n-            if (delta < 0) {\n-                this.callback(\"down\", [e, this.cumulative ? Math.max(-this.maxDelta, delta) : -1])\n-            } else {\n-                this.callback(\"up\", [e, this.cumulative ? Math.min(this.maxDelta, delta) : 1])\n-            }\n-        }\n-    },\n-    activate: function(evt) {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            var wheelListener = this.wheelListener;\n-            OpenLayers.Event.observe(window, \"DOMMouseScroll\", wheelListener);\n-            OpenLayers.Event.observe(window, \"mousewheel\", wheelListener);\n-            OpenLayers.Event.observe(document, \"mousewheel\", wheelListener);\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function(evt) {\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            var wheelListener = this.wheelListener;\n-            OpenLayers.Event.stopObserving(window, \"DOMMouseScroll\", wheelListener);\n-            OpenLayers.Event.stopObserving(window, \"mousewheel\", wheelListener);\n-            OpenLayers.Event.stopObserving(document, \"mousewheel\", wheelListener);\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n-});\n-OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n-    delay: 300,\n-    single: true,\n-    double: false,\n-    pixelTolerance: 0,\n-    dblclickTolerance: 13,\n-    stopSingle: false,\n-    stopDouble: false,\n-    timerId: null,\n-    down: null,\n-    last: null,\n-    first: null,\n-    rightclickTimerId: null,\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    touchmove: function(evt) {\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    touchend: function(evt) {\n-        if (this.down) {\n-            evt.xy = this.last.xy;\n-            evt.lastTouches = this.last.touches;\n-            this.handleSingle(evt);\n-            this.down = null\n-        }\n-        return true\n-    },\n-    mousedown: function(evt) {\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    mouseup: function(evt) {\n-        var propagate = true;\n-        if (this.checkModifiers(evt) && this.control.handleRightClicks && OpenLayers.Event.isRightClick(evt)) {\n-            propagate = this.rightclick(evt)\n-        }\n-        return propagate\n-    },\n-    rightclick: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.rightclickTimerId != null) {\n-                this.clearTimer();\n-                this.callback(\"dblrightclick\", [evt]);\n-                return !this.stopDouble\n-            } else {\n-                var clickEvent = this[\"double\"] ? OpenLayers.Util.extend({}, evt) : this.callback(\"rightclick\", [evt]);\n-                var delayedRightCall = OpenLayers.Function.bind(this.delayedRightCall, this, clickEvent);\n-                this.rightclickTimerId = window.setTimeout(delayedRightCall, this.delay)\n-            }\n-        }\n-        return !this.stopSingle\n-    },\n-    delayedRightCall: function(evt) {\n-        this.rightclickTimerId = null;\n-        if (evt) {\n-            this.callback(\"rightclick\", [evt])\n-        }\n-    },\n-    click: function(evt) {\n-        if (!this.last) {\n-            this.last = this.getEventInfo(evt)\n-        }\n-        this.handleSingle(evt);\n-        return !this.stopSingle\n-    },\n-    dblclick: function(evt) {\n-        this.handleDouble(evt);\n-        return !this.stopDouble\n-    },\n-    handleDouble: function(evt) {\n-        if (this.passesDblclickTolerance(evt)) {\n-            if (this[\"double\"]) {\n-                this.callback(\"dblclick\", [evt])\n-            }\n-            this.clearTimer()\n-        }\n-    },\n-    handleSingle: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.timerId != null) {\n-                if (this.last.touches && this.last.touches.length === 1) {\n-                    if (this[\"double\"]) {\n-                        OpenLayers.Event.preventDefault(evt)\n-                    }\n-                    this.handleDouble(evt)\n-                }\n-                if (!this.last.touches || this.last.touches.length !== 2) {\n-                    this.clearTimer()\n-                }\n-            } else {\n-                this.first = this.getEventInfo(evt);\n-                var clickEvent = this.single ? OpenLayers.Util.extend({}, evt) : null;\n-                this.queuePotentialClick(clickEvent)\n-            }\n-        }\n-    },\n-    queuePotentialClick: function(evt) {\n-        this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n-    },\n-    passesTolerance: function(evt) {\n-        var passes = true;\n-        if (this.pixelTolerance != null && this.down && this.down.xy) {\n-            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n-            if (passes && this.touch && this.down.touches.length === this.last.touches.length) {\n-                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n-                    if (this.getTouchDistance(this.down.touches[i], this.last.touches[i]) > this.pixelTolerance) {\n-                        passes = false;\n-                        break\n-                    }\n-                }\n-            }\n-        }\n-        return passes\n-    },\n-    getTouchDistance: function(from, to) {\n-        return Math.sqrt(Math.pow(from.clientX - to.clientX, 2) + Math.pow(from.clientY - to.clientY, 2))\n-    },\n-    passesDblclickTolerance: function(evt) {\n-        var passes = true;\n-        if (this.down && this.first) {\n-            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance\n-        }\n-        return passes\n-    },\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null\n-        }\n-        if (this.rightclickTimerId != null) {\n-            window.clearTimeout(this.rightclickTimerId);\n-            this.rightclickTimerId = null\n-        }\n-    },\n-    delayedCall: function(evt) {\n-        this.timerId = null;\n-        if (evt) {\n-            this.callback(\"click\", [evt])\n-        }\n-    },\n-    getEventInfo: function(evt) {\n-        var touches;\n-        if (evt.touches) {\n-            var len = evt.touches.length;\n-            touches = new Array(len);\n-            var touch;\n-            for (var i = 0; i < len; i++) {\n-                touch = evt.touches[i];\n-                touches[i] = {\n-                    clientX: touch.olClientX,\n-                    clientY: touch.olClientY\n-                }\n-            }\n-        }\n-        return {\n-            xy: evt.xy,\n-            touches: touches\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n-            this.down = null;\n-            this.first = null;\n-            this.last = null;\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Click\"\n-});\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n-    dragPan: null,\n-    dragPanOptions: null,\n-    pinchZoom: null,\n-    pinchZoomOptions: null,\n-    documentDrag: false,\n-    zoomBox: null,\n-    zoomBoxEnabled: true,\n-    zoomWheelEnabled: true,\n-    mouseWheelOptions: null,\n-    handleRightClicks: false,\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n-    autoActivate: true,\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy()\n-        }\n-        this.dragPan = null;\n-        if (this.zoomBox) {\n-            this.zoomBox.destroy()\n-        }\n-        this.zoomBox = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy()\n-        }\n-        this.pinchZoom = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate()\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate()\n-        }\n-        if (this.pinchZoom) {\n-            this.pinchZoom.activate()\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n-    },\n-    deactivate: function() {\n-        if (this.pinchZoom) {\n-            this.pinchZoom.deactivate()\n-        }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    draw: function() {\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n-        }\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick,\n-            dblrightclick: this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            double: true,\n-            stopDouble: true\n-        };\n-        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n-        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n-            map: this.map,\n-            documentDrag: this.documentDrag\n-        }, this.dragPanOptions));\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n-        this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n-            up: this.wheelUp,\n-            down: this.wheelDown\n-        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions))\n-        }\n-    },\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n-    },\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n-    },\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ)\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return\n-        }\n-        this.map.zoomTo(newZoom, evt.xy)\n-    },\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1)\n-    },\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1)\n-    },\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate()\n-    },\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate()\n-        }\n-    },\n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate()\n-    },\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n-});\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n-    EVENTMAP: {\n-        click: {\n-            in: \"click\",\n-            out: \"clickout\"\n-        },\n-        mousemove: {\n-            in: \"over\",\n-            out: \"out\"\n-        },\n-        dblclick: {\n-            in: \"dblclick\",\n-            out: null\n-        },\n-        mousedown: {\n-            in: null,\n-            out: null\n-        },\n-        mouseup: {\n-            in: null,\n-            out: null\n-        },\n-        touchstart: {\n-            in: \"click\",\n-            out: \"clickout\"\n-        }\n-    },\n-    feature: null,\n-    lastFeature: null,\n-    down: null,\n-    up: null,\n-    clickTolerance: 4,\n-    geometryTypes: null,\n-    stopClick: true,\n-    stopDown: true,\n-    stopUp: false,\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer\n-    },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n-    },\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt)\n-    },\n-    mousedown: function(evt) {\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy\n-        }\n-        return this.handle(evt) ? !this.stopDown : true\n-    },\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true\n-    },\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true\n-    },\n-    mousemove: function(evt) {\n-        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n-            return true\n-        }\n-        this.handle(evt);\n-        return true\n-    },\n-    dblclick: function(evt) {\n-        return !this.handle(evt)\n-    },\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n-    },\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!this.feature;\n-        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            this.lastFeature = null\n-        }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                OpenLayers.Event.preventDefault(evt)\n-            }\n-            var inNew = this.feature != this.lastFeature;\n-            if (this.geometryTypeMatches(this.feature)) {\n-                if (previouslyIn && inNew) {\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, \"out\", [this.lastFeature])\n-                    }\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                } else if (!previouslyIn || click) {\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                }\n-                this.lastFeature = this.feature;\n-                handled = true\n-            } else {\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    this.triggerCallback(type, \"out\", [this.lastFeature])\n-                }\n-                this.feature = null\n-            }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, \"out\", [this.lastFeature])\n-        }\n-        return handled\n-    },\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == \"click\" && this.up && this.down) {\n-                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args)\n-                }\n-                this.up = this.down = null\n-            } else {\n-                this.callback(key, args)\n-            }\n-        }\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n-            activated = true\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop()\n-        }\n-    },\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index)\n-    },\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n-            this.layer.setZIndex(index)\n-        } else {\n-            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n-});\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    displayInLayerSwitcher: false,\n-    layers: null,\n-    display: function() {},\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature\n-            }\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n-    },\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n-    },\n-    collectRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer)\n-            }\n-        }\n-    },\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer)\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer)\n             }\n         }\n     },\n     handleChangeLayer: function(evt) {\n         var layer = evt.layer;\n         if (evt.property == \"order\" && OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n             this.resetRoots();\n@@ -9655,14 +7389,244 @@\n         this.handlers.feature.layer = this.layer;\n         if (isActive) {\n             this.activate()\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n });\n+OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n+    separator: \", \",\n+    template: \"${layers}\",\n+    destroy: function() {\n+        this.map.events.un({\n+            removelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            changebaselayer: this.updateAttribution,\n+            scope: this\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.map.events.on({\n+            changebaselayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            removelayer: this.updateAttribution,\n+            scope: this\n+        });\n+        this.updateAttribution();\n+        return this.div\n+    },\n+    updateAttribution: function() {\n+        var attributions = [];\n+        if (this.map && this.map.layers) {\n+            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                if (layer.attribution && layer.getVisibility()) {\n+                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n+                        attributions.push(layer.attribution)\n+                    }\n+                }\n+            }\n+            this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                layers: attributions.join(this.separator)\n+            })\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+});\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+    controls: null,\n+    autoActivate: true,\n+    defaultControl: null,\n+    saveState: false,\n+    allowDepress: false,\n+    activeState: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {}\n+    },\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                })\n+            }\n+            ctl.panel_div = null\n+        }\n+        this.activeState = null\n+    },\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n+                    control.activate()\n+                }\n+            }\n+            if (this.saveState === true) {\n+                this.defaultControl = null\n+            }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate()\n+            }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n+        }\n+        this.addControlsToMap(this.controls);\n+        return this.div\n+    },\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i])\n+        }\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div)\n+            }\n+        }\n+    },\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate()\n+            } else {\n+                control.activate()\n+            }\n+            return\n+        }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate()\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate()\n+                }\n+            }\n+            control.activate()\n+        }\n+    },\n+    addControls: function(controls) {\n+        if (!OpenLayers.Util.isArray(controls)) {\n+            controls = [controls]\n+        }\n+        this.controls = this.controls.concat(controls);\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title\n+            }\n+            control.panel_div = element\n+        }\n+        if (this.map) {\n+            this.addControlsToMap(controls);\n+            this.redraw()\n+        }\n+    },\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\")\n+    },\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true\n+            } else {\n+                this.map.addControl(control);\n+                control.deactivate()\n+            }\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            })\n+        }\n+    },\n+    iconOn: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\")\n+    },\n+    iconOff: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\")\n+    },\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break\n+            }\n+        }\n+    },\n+    getControlsBy: function(property, match) {\n+        var test = typeof match.test == \"function\";\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || test && match.test(item[property])\n+        });\n+        return found\n+    },\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match)\n+    },\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n+});\n OpenLayers.Filter = OpenLayers.Class({\n     initialize: function(options) {\n         OpenLayers.Util.extend(this, options)\n     },\n     destroy: function() {},\n     evaluate: function(context) {\n         return true\n@@ -9733,1504 +7697,109 @@\n     type: null,\n     property: null,\n     value: null,\n     matchCase: true,\n     lowerBoundary: null,\n     upperBoundary: null,\n     initialize: function(options) {\n-        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n-        if (this.type === OpenLayers.Filter.Comparison.LIKE && options.matchCase === undefined) {\n-            this.matchCase = null\n-        }\n-    },\n-    evaluate: function(context) {\n-        if (context instanceof OpenLayers.Feature.Vector) {\n-            context = context.attributes\n-        }\n-        var result = false;\n-        var got = context[this.property];\n-        var exp;\n-        switch (this.type) {\n-            case OpenLayers.Filter.Comparison.EQUAL_TO:\n-                exp = this.value;\n-                if (!this.matchCase && typeof got == \"string\" && typeof exp == \"string\") {\n-                    result = got.toUpperCase() == exp.toUpperCase()\n-                } else {\n-                    result = got == exp\n-                }\n-                break;\n-            case OpenLayers.Filter.Comparison.NOT_EQUAL_TO:\n-                exp = this.value;\n-                if (!this.matchCase && typeof got == \"string\" && typeof exp == \"string\") {\n-                    result = got.toUpperCase() != exp.toUpperCase()\n-                } else {\n-                    result = got != exp\n-                }\n-                break;\n-            case OpenLayers.Filter.Comparison.LESS_THAN:\n-                result = got < this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.GREATER_THAN:\n-                result = got > this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO:\n-                result = got <= this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO:\n-                result = got >= this.value;\n-                break;\n-            case OpenLayers.Filter.Comparison.BETWEEN:\n-                result = got >= this.lowerBoundary && got <= this.upperBoundary;\n-                break;\n-            case OpenLayers.Filter.Comparison.LIKE:\n-                var regexp = new RegExp(this.value, \"gi\");\n-                result = regexp.test(got);\n-                break;\n-            case OpenLayers.Filter.Comparison.IS_NULL:\n-                result = got === null;\n-                break\n-        }\n-        return result\n-    },\n-    value2regex: function(wildCard, singleChar, escapeChar) {\n-        if (wildCard == \".\") {\n-            throw new Error(\"'.' is an unsupported wildCard character for \" + \"OpenLayers.Filter.Comparison\")\n-        }\n-        wildCard = wildCard ? wildCard : \"*\";\n-        singleChar = singleChar ? singleChar : \".\";\n-        escapeChar = escapeChar ? escapeChar : \"!\";\n-        this.value = this.value.replace(new RegExp(\"\\\\\" + escapeChar + \"(.|$)\", \"g\"), \"\\\\$1\");\n-        this.value = this.value.replace(new RegExp(\"\\\\\" + singleChar, \"g\"), \".\");\n-        this.value = this.value.replace(new RegExp(\"\\\\\" + wildCard, \"g\"), \".*\");\n-        this.value = this.value.replace(new RegExp(\"\\\\\\\\.\\\\*\", \"g\"), \"\\\\\" + wildCard);\n-        this.value = this.value.replace(new RegExp(\"\\\\\\\\\\\\.\", \"g\"), \"\\\\\" + singleChar);\n-        return this.value\n-    },\n-    regex2value: function() {\n-        var value = this.value;\n-        value = value.replace(/!/g, \"!!\");\n-        value = value.replace(/(\\\\)?\\\\\\./g, function($0, $1) {\n-            return $1 ? $0 : \"!.\"\n-        });\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"!*\"\n-        });\n-        value = value.replace(/\\\\\\\\/g, \"\\\\\");\n-        value = value.replace(/\\.\\*/g, \"*\");\n-        return value\n-    },\n-    clone: function() {\n-        return OpenLayers.Util.extend(new OpenLayers.Filter.Comparison, this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Filter.Comparison\"\n-});\n-OpenLayers.Filter.Comparison.EQUAL_TO = \"==\";\n-OpenLayers.Filter.Comparison.NOT_EQUAL_TO = \"!=\";\n-OpenLayers.Filter.Comparison.LESS_THAN = \"<\";\n-OpenLayers.Filter.Comparison.GREATER_THAN = \">\";\n-OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO = \"<=\";\n-OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n-OpenLayers.Filter.Comparison.BETWEEN = \"..\";\n-OpenLayers.Filter.Comparison.LIKE = \"~\";\n-OpenLayers.Filter.Comparison.IS_NULL = \"NULL\";\n-OpenLayers.Protocol = OpenLayers.Class({\n-    format: null,\n-    options: null,\n-    autoDestroy: true,\n-    defaultFilter: null,\n-    initialize: function(options) {\n-        options = options || {};\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options\n-    },\n-    mergeWithDefaultFilter: function(filter) {\n-        var merged;\n-        if (filter && this.defaultFilter) {\n-            merged = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.defaultFilter, filter]\n-            })\n-        } else {\n-            merged = filter || this.defaultFilter || undefined\n-        }\n-        return merged\n-    },\n-    destroy: function() {\n-        this.options = null;\n-        this.format = null\n-    },\n-    read: function(options) {\n-        options = options || {};\n-        options.filter = this.mergeWithDefaultFilter(options.filter)\n-    },\n-    create: function() {},\n-    update: function() {},\n-    delete: function() {},\n-    commit: function() {},\n-    abort: function(response) {},\n-    createCallback: function(method, response, options) {\n-        return OpenLayers.Function.bind(function() {\n-            method.apply(this, [response, options])\n-        }, this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol\"\n-});\n-OpenLayers.Protocol.Response = OpenLayers.Class({\n-    code: null,\n-    requestType: null,\n-    last: true,\n-    features: null,\n-    data: null,\n-    reqFeatures: null,\n-    priv: null,\n-    error: null,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    success: function() {\n-        return this.code > 0\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n-});\n-OpenLayers.Protocol.Response.SUCCESS = 1;\n-OpenLayers.Protocol.Response.FAILURE = 0;\n-OpenLayers.ProxyHost = \"\";\n-if (!OpenLayers.Request) {\n-    OpenLayers.Request = {}\n-}\n-OpenLayers.Util.extend(OpenLayers.Request, {\n-    DEFAULT_CONFIG: {\n-        method: \"GET\",\n-        url: window.location.href,\n-        async: true,\n-        user: undefined,\n-        password: undefined,\n-        params: null,\n-        proxy: OpenLayers.ProxyHost,\n-        headers: {},\n-        data: null,\n-        callback: function() {},\n-        success: null,\n-        failure: null,\n-        scope: null\n-    },\n-    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n-    events: new OpenLayers.Events(this),\n-    makeSameOrigin: function(url, proxy) {\n-        var sameOrigin = url.indexOf(\"http\") !== 0;\n-        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n-        if (urlParts) {\n-            var location = window.location;\n-            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n-            var uPort = urlParts[4],\n-                lPort = location.port;\n-            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n-                sameOrigin = sameOrigin && uPort == lPort\n-            }\n-        }\n-        if (!sameOrigin) {\n-            if (proxy) {\n-                if (typeof proxy == \"function\") {\n-                    url = proxy(url)\n-                } else {\n-                    url = proxy + encodeURIComponent(url)\n-                }\n-            }\n-        }\n-        return url\n-    },\n-    issue: function(config) {\n-        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n-            proxy: OpenLayers.ProxyHost\n-        });\n-        config = config || {};\n-        config.headers = config.headers || {};\n-        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n-        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n-        var customRequestedWithHeader = false,\n-            headerKey;\n-        for (headerKey in config.headers) {\n-            if (config.headers.hasOwnProperty(headerKey)) {\n-                if (headerKey.toLowerCase() === \"x-requested-with\") {\n-                    customRequestedWithHeader = true\n-                }\n-            }\n-        }\n-        if (customRequestedWithHeader === false) {\n-            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n-        }\n-        var request = new OpenLayers.Request.XMLHttpRequest;\n-        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n-        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n-        request.open(config.method, url, config.async, config.user, config.password);\n-        for (var header in config.headers) {\n-            request.setRequestHeader(header, config.headers[header])\n-        }\n-        var events = this.events;\n-        var self = this;\n-        request.onreadystatechange = function() {\n-            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n-                var proceed = events.triggerEvent(\"complete\", {\n-                    request: request,\n-                    config: config,\n-                    requestUrl: url\n-                });\n-                if (proceed !== false) {\n-                    self.runCallbacks({\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n-                    })\n-                }\n-            }\n-        };\n-        if (config.async === false) {\n-            request.send(config.data)\n-        } else {\n-            window.setTimeout(function() {\n-                if (request.readyState !== 0) {\n-                    request.send(config.data)\n-                }\n-            }, 0)\n-        }\n-        return request\n-    },\n-    runCallbacks: function(options) {\n-        var request = options.request;\n-        var config = options.config;\n-        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n-        var success;\n-        if (config.success) {\n-            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n-        }\n-        var failure;\n-        if (config.failure) {\n-            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n-        }\n-        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n-            request.status = 200\n-        }\n-        complete(request);\n-        if (!request.status || request.status >= 200 && request.status < 300) {\n-            this.events.triggerEvent(\"success\", options);\n-            if (success) {\n-                success(request)\n-            }\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"failure\", options);\n-            if (failure) {\n-                failure(request)\n-            }\n-        }\n-    },\n-    GET: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"GET\"\n-        });\n-        return OpenLayers.Request.issue(config)\n-    },\n-    POST: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"POST\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n-        }\n-        return OpenLayers.Request.issue(config)\n-    },\n-    PUT: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"PUT\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n-        }\n-        return OpenLayers.Request.issue(config)\n-    },\n-    DELETE: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"DELETE\"\n-        });\n-        return OpenLayers.Request.issue(config)\n-    },\n-    HEAD: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"HEAD\"\n-        });\n-        return OpenLayers.Request.issue(config)\n-    },\n-    OPTIONS: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"OPTIONS\"\n-        });\n-        return OpenLayers.Request.issue(config)\n-    }\n-});\n-(function() {\n-    var oXMLHttpRequest = window.XMLHttpRequest;\n-    var bGecko = !!window.controllers,\n-        bIE = window.document.all && !window.opera,\n-        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n-\n-    function fXMLHttpRequest() {\n-        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n-        this._listeners = []\n-    }\n-\n-    function cXMLHttpRequest() {\n-        return new fXMLHttpRequest\n-    }\n-    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n-    if (bGecko && oXMLHttpRequest.wrapped) cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n-    cXMLHttpRequest.UNSENT = 0;\n-    cXMLHttpRequest.OPENED = 1;\n-    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n-    cXMLHttpRequest.LOADING = 3;\n-    cXMLHttpRequest.DONE = 4;\n-    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n-    cXMLHttpRequest.prototype.responseText = \"\";\n-    cXMLHttpRequest.prototype.responseXML = null;\n-    cXMLHttpRequest.prototype.status = 0;\n-    cXMLHttpRequest.prototype.statusText = \"\";\n-    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n-    cXMLHttpRequest.prototype.onreadystatechange = null;\n-    cXMLHttpRequest.onreadystatechange = null;\n-    cXMLHttpRequest.onopen = null;\n-    cXMLHttpRequest.onsend = null;\n-    cXMLHttpRequest.onabort = null;\n-    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n-        delete this._headers;\n-        if (arguments.length < 3) bAsync = true;\n-        this._async = bAsync;\n-        var oRequest = this,\n-            nState = this.readyState,\n-            fOnUnload;\n-        if (bIE && bAsync) {\n-            fOnUnload = function() {\n-                if (nState != cXMLHttpRequest.DONE) {\n-                    fCleanTransport(oRequest);\n-                    oRequest.abort()\n-                }\n-            };\n-            window.attachEvent(\"onunload\", fOnUnload)\n-        }\n-        if (cXMLHttpRequest.onopen) cXMLHttpRequest.onopen.apply(this, arguments);\n-        if (arguments.length > 4) this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-        else if (arguments.length > 3) this._object.open(sMethod, sUrl, bAsync, sUser);\n-        else this._object.open(sMethod, sUrl, bAsync);\n-        this.readyState = cXMLHttpRequest.OPENED;\n-        fReadyStateChange(this);\n-        this._object.onreadystatechange = function() {\n-            if (bGecko && !bAsync) return;\n-            oRequest.readyState = oRequest._object.readyState;\n-            fSynchronizeValues(oRequest);\n-            if (oRequest._aborted) {\n-                oRequest.readyState = cXMLHttpRequest.UNSENT;\n-                return\n-            }\n-            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                delete oRequest._data;\n-                fCleanTransport(oRequest);\n-                if (bIE && bAsync) window.detachEvent(\"onunload\", fOnUnload)\n-            }\n-            if (nState != oRequest.readyState) fReadyStateChange(oRequest);\n-            nState = oRequest.readyState\n-        }\n-    };\n-\n-    function fXMLHttpRequest_send(oRequest) {\n-        oRequest._object.send(oRequest._data);\n-        if (bGecko && !oRequest._async) {\n-            oRequest.readyState = cXMLHttpRequest.OPENED;\n-            fSynchronizeValues(oRequest);\n-            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n-                oRequest.readyState++;\n-                fReadyStateChange(oRequest);\n-                if (oRequest._aborted) return\n-            }\n-        }\n-    }\n-    cXMLHttpRequest.prototype.send = function(vData) {\n-        if (cXMLHttpRequest.onsend) cXMLHttpRequest.onsend.apply(this, arguments);\n-        if (!arguments.length) vData = null;\n-        if (vData && vData.nodeType) {\n-            vData = window.XMLSerializer ? (new window.XMLSerializer).serializeToString(vData) : vData.xml;\n-            if (!this._headers[\"Content-Type\"]) this._object.setRequestHeader(\"Content-Type\", \"application/xml\")\n-        }\n-        this._data = vData;\n-        fXMLHttpRequest_send(this)\n-    };\n-    cXMLHttpRequest.prototype.abort = function() {\n-        if (cXMLHttpRequest.onabort) cXMLHttpRequest.onabort.apply(this, arguments);\n-        if (this.readyState > cXMLHttpRequest.UNSENT) this._aborted = true;\n-        this._object.abort();\n-        fCleanTransport(this);\n-        this.readyState = cXMLHttpRequest.UNSENT;\n-        delete this._data\n-    };\n-    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n-        return this._object.getAllResponseHeaders()\n-    };\n-    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n-        return this._object.getResponseHeader(sName)\n-    };\n-    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n-        if (!this._headers) this._headers = {};\n-        this._headers[sName] = sValue;\n-        return this._object.setRequestHeader(sName, sValue)\n-    };\n-    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) return;\n-        this._listeners.push([sName, fHandler, bUseCapture])\n-    };\n-    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) break;\n-        if (oListener) this._listeners.splice(nIndex, 1)\n-    };\n-    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n-        var oEventPseudo = {\n-            type: oEvent.type,\n-            target: this,\n-            currentTarget: this,\n-            eventPhase: 2,\n-            bubbles: oEvent.bubbles,\n-            cancelable: oEvent.cancelable,\n-            timeStamp: oEvent.timeStamp,\n-            stopPropagation: function() {},\n-            preventDefault: function() {},\n-            initEvent: function() {}\n-        };\n-        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)(this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == oEventPseudo.type && !oListener[2])(oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo])\n-    };\n-    cXMLHttpRequest.prototype.toString = function() {\n-        return \"[\" + \"object\" + \" \" + \"XMLHttpRequest\" + \"]\"\n-    };\n-    cXMLHttpRequest.toString = function() {\n-        return \"[\" + \"XMLHttpRequest\" + \"]\"\n-    };\n-\n-    function fReadyStateChange(oRequest) {\n-        if (cXMLHttpRequest.onreadystatechange) cXMLHttpRequest.onreadystatechange.apply(oRequest);\n-        oRequest.dispatchEvent({\n-            type: \"readystatechange\",\n-            bubbles: false,\n-            cancelable: false,\n-            timeStamp: new Date + 0\n-        })\n-    }\n-\n-    function fGetDocument(oRequest) {\n-        var oDocument = oRequest.responseXML,\n-            sResponse = oRequest.responseText;\n-        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n-            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n-            oDocument.async = false;\n-            oDocument.validateOnParse = false;\n-            oDocument.loadXML(sResponse)\n-        }\n-        if (oDocument)\n-            if (bIE && oDocument.parseError != 0 || !oDocument.documentElement || oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\") return null;\n-        return oDocument\n-    }\n-\n-    function fSynchronizeValues(oRequest) {\n-        try {\n-            oRequest.responseText = oRequest._object.responseText\n-        } catch (e) {}\n-        try {\n-            oRequest.responseXML = fGetDocument(oRequest._object)\n-        } catch (e) {}\n-        try {\n-            oRequest.status = oRequest._object.status\n-        } catch (e) {}\n-        try {\n-            oRequest.statusText = oRequest._object.statusText\n-        } catch (e) {}\n-    }\n-\n-    function fCleanTransport(oRequest) {\n-        oRequest._object.onreadystatechange = new window.Function\n-    }\n-    if (!window.Function.prototype.apply) {\n-        window.Function.prototype.apply = function(oRequest, oArguments) {\n-            if (!oArguments) oArguments = [];\n-            oRequest.__func = this;\n-            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n-            delete oRequest.__func\n-        }\n-    }\n-    if (!OpenLayers.Request) {\n-        OpenLayers.Request = {}\n-    }\n-    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest\n-})();\n-OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n-    url: null,\n-    headers: null,\n-    params: null,\n-    callback: null,\n-    scope: null,\n-    readWithPOST: false,\n-    updateWithPOST: false,\n-    deleteWithPOST: false,\n-    wildcarded: false,\n-    srsInBBOX: false,\n-    initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.headers = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                wildcarded: this.wildcarded,\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params)\n-            }\n-        }\n-    },\n-    destroy: function() {\n-        this.params = null;\n-        this.headers = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = options || {};\n-        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(options.filter, options.params)\n-        }\n-        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n-        var resp = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        if (readWithPOST) {\n-            var headers = options.headers || {};\n-            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n-            resp.priv = OpenLayers.Request.POST({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                data: OpenLayers.Util.getParameterString(options.params),\n-                headers: headers\n-            })\n-        } else {\n-            resp.priv = OpenLayers.Request.GET({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                params: options.params,\n-                headers: options.headers\n-            })\n-        }\n-        return resp\n-    },\n-    handleRead: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    create: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: features,\n-            requestType: \"create\"\n-        });\n-        resp.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleCreate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(features)\n-        });\n-        return resp\n-    },\n-    handleCreate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    update: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"update\"\n-        });\n-        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n-        resp.priv = OpenLayers.Request[method]({\n-            url: url,\n-            callback: this.createCallback(this.handleUpdate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(feature)\n-        });\n-        return resp\n-    },\n-    handleUpdate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    delete: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"delete\"\n-        });\n-        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n-        var requestOptions = {\n-            url: url,\n-            callback: this.createCallback(this.handleDelete, resp, options),\n-            headers: options.headers\n-        };\n-        if (this.deleteWithPOST) {\n-            requestOptions.data = this.format.write(feature)\n-        }\n-        resp.priv = OpenLayers.Request[method](requestOptions);\n-        return resp\n-    },\n-    handleDelete: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    handleResponse: function(resp, options) {\n-        var request = resp.priv;\n-        if (options.callback) {\n-            if (request.status >= 200 && request.status < 300) {\n-                if (resp.requestType != \"delete\") {\n-                    resp.features = this.parseFeatures(request)\n-                }\n-                resp.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                resp.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, resp)\n-        }\n-    },\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n-        }\n-        return this.format.read(doc)\n-    },\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = [],\n-            nResponses = 0;\n-        var types = {};\n-        types[OpenLayers.State.INSERT] = [];\n-        types[OpenLayers.State.UPDATE] = [];\n-        types[OpenLayers.State.DELETE] = [];\n-        var feature, list, requestFeatures = [];\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            list = types[feature.state];\n-            if (list) {\n-                list.push(feature);\n-                requestFeatures.push(feature)\n-            }\n-        }\n-        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n-        var success = true;\n-        var finalResponse = new OpenLayers.Protocol.Response({\n-            reqFeatures: requestFeatures\n-        });\n-\n-        function insertCallback(response) {\n-            var len = response.features ? response.features.length : 0;\n-            var fids = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                fids[i] = response.features[i].fid\n-            }\n-            finalResponse.insertIds = fids;\n-            callback.apply(this, [response])\n-        }\n-\n-        function callback(response) {\n-            this.callUserCallback(response, options);\n-            success = success && response.success();\n-            nResponses++;\n-            if (nResponses >= nRequests) {\n-                if (options.callback) {\n-                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n-                    options.callback.apply(options.scope, [finalResponse])\n-                }\n-            }\n-        }\n-        var queue = types[OpenLayers.State.INSERT];\n-        if (queue.length > 0) {\n-            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n-                callback: insertCallback,\n-                scope: this\n-            }, options.create)))\n-        }\n-        queue = types[OpenLayers.State.UPDATE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options.update)))\n-        }\n-        queue = types[OpenLayers.State.DELETE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options[\"delete\"])))\n-        }\n-        return resp\n-    },\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort()\n-        }\n-    },\n-    callUserCallback: function(resp, options) {\n-        var opt = options[resp.requestType];\n-        if (opt && opt.callback) {\n-            opt.callback.call(opt.scope, resp)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n-});\n-OpenLayers.Popup = OpenLayers.Class({\n-    events: null,\n-    id: \"\",\n-    lonlat: null,\n-    div: null,\n-    contentSize: null,\n-    size: null,\n-    contentHTML: null,\n-    backgroundColor: \"\",\n-    opacity: \"\",\n-    border: \"\",\n-    contentDiv: null,\n-    groupDiv: null,\n-    closeDiv: null,\n-    autoSize: false,\n-    minSize: null,\n-    maxSize: null,\n-    displayClass: \"olPopup\",\n-    contentDisplayClass: \"olPopupContent\",\n-    padding: 0,\n-    disableFirefoxOverflowHack: false,\n-    fixPadding: function() {\n-        if (typeof this.padding == \"number\") {\n-            this.padding = new OpenLayers.Bounds(this.padding, this.padding, this.padding, this.padding)\n-        }\n-    },\n-    panMapIfOutOfView: false,\n-    keepInMap: false,\n-    closeOnMove: false,\n-    map: null,\n-    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n-        if (id == null) {\n-            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-        }\n-        this.id = id;\n-        this.lonlat = lonlat;\n-        this.contentSize = contentSize != null ? contentSize : new OpenLayers.Size(OpenLayers.Popup.WIDTH, OpenLayers.Popup.HEIGHT);\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML\n-        }\n-        this.backgroundColor = OpenLayers.Popup.COLOR;\n-        this.opacity = OpenLayers.Popup.OPACITY;\n-        this.border = OpenLayers.Popup.BORDER;\n-        this.div = OpenLayers.Util.createDiv(this.id, null, null, null, null, null, \"hidden\");\n-        this.div.className = this.displayClass;\n-        var groupDivId = this.id + \"_GroupDiv\";\n-        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null, null, \"relative\", null, \"hidden\");\n-        var id = this.div.id + \"_contentDiv\";\n-        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(), null, \"relative\");\n-        this.contentDiv.className = this.contentDisplayClass;\n-        this.groupDiv.appendChild(this.contentDiv);\n-        this.div.appendChild(this.groupDiv);\n-        if (closeBox) {\n-            this.addCloseBox(closeBoxCallback)\n-        }\n-        this.registerEvents()\n-    },\n-    destroy: function() {\n-        this.id = null;\n-        this.lonlat = null;\n-        this.size = null;\n-        this.contentHTML = null;\n-        this.backgroundColor = null;\n-        this.opacity = null;\n-        this.border = null;\n-        if (this.closeOnMove && this.map) {\n-            this.map.events.unregister(\"movestart\", this, this.hide)\n-        }\n-        this.events.destroy();\n-        this.events = null;\n-        if (this.closeDiv) {\n-            OpenLayers.Event.stopObservingElement(this.closeDiv);\n-            this.groupDiv.removeChild(this.closeDiv)\n-        }\n-        this.closeDiv = null;\n-        this.div.removeChild(this.groupDiv);\n-        this.groupDiv = null;\n-        if (this.map != null) {\n-            this.map.removePopup(this)\n-        }\n-        this.map = null;\n-        this.div = null;\n-        this.autoSize = null;\n-        this.minSize = null;\n-        this.maxSize = null;\n-        this.padding = null;\n-        this.panMapIfOutOfView = null\n-    },\n-    draw: function(px) {\n-        if (px == null) {\n-            if (this.lonlat != null && this.map != null) {\n-                px = this.map.getLayerPxFromLonLat(this.lonlat)\n-            }\n-        }\n-        if (this.closeOnMove) {\n-            this.map.events.register(\"movestart\", this, this.hide)\n-        }\n-        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == \"firefox\") {\n-            this.map.events.register(\"movestart\", this, function() {\n-                var style = document.defaultView.getComputedStyle(this.contentDiv, null);\n-                var currentOverflow = style.getPropertyValue(\"overflow\");\n-                if (currentOverflow != \"hidden\") {\n-                    this.contentDiv._oldOverflow = currentOverflow;\n-                    this.contentDiv.style.overflow = \"hidden\"\n-                }\n-            });\n-            this.map.events.register(\"moveend\", this, function() {\n-                var oldOverflow = this.contentDiv._oldOverflow;\n-                if (oldOverflow) {\n-                    this.contentDiv.style.overflow = oldOverflow;\n-                    this.contentDiv._oldOverflow = null\n-                }\n-            })\n-        }\n-        this.moveTo(px);\n-        if (!this.autoSize && !this.size) {\n-            this.setSize(this.contentSize)\n-        }\n-        this.setBackgroundColor();\n-        this.setOpacity();\n-        this.setBorder();\n-        this.setContentHTML();\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView()\n-        }\n-        return this.div\n-    },\n-    updatePosition: function() {\n-        if (this.lonlat && this.map) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            if (px) {\n-                this.moveTo(px)\n-            }\n-        }\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.div != null) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\"\n-        }\n-    },\n-    visible: function() {\n-        return OpenLayers.Element.visible(this.div)\n-    },\n-    toggle: function() {\n-        if (this.visible()) {\n-            this.hide()\n-        } else {\n-            this.show()\n-        }\n-    },\n-    show: function() {\n-        this.div.style.display = \"\";\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView()\n-        }\n-    },\n-    hide: function() {\n-        this.div.style.display = \"none\"\n-    },\n-    setSize: function(contentSize) {\n-        this.size = contentSize.clone();\n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right\n-        }\n-        this.size.w += wPadding;\n-        this.size.h += hPadding;\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.contentSize.w += contentDivPadding.left + contentDivPadding.right;\n-            this.contentSize.h += contentDivPadding.bottom + contentDivPadding.top\n-        }\n-        if (this.div != null) {\n-            this.div.style.width = this.size.w + \"px\";\n-            this.div.style.height = this.size.h + \"px\"\n-        }\n-        if (this.contentDiv != null) {\n-            this.contentDiv.style.width = contentSize.w + \"px\";\n-            this.contentDiv.style.height = contentSize.h + \"px\"\n-        }\n-    },\n-    updateSize: function() {\n-        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" + this.contentDiv.innerHTML + \"</div>\";\n-        var containerElement = this.map ? this.map.div : document.body;\n-        var realSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, null, {\n-            displayClass: this.displayClass,\n-            containerElement: containerElement\n-        });\n-        var safeSize = this.getSafeContentSize(realSize);\n-        var newSize = null;\n-        if (safeSize.equals(realSize)) {\n-            newSize = realSize\n-        } else {\n-            var fixedSize = {\n-                w: safeSize.w < realSize.w ? safeSize.w : null,\n-                h: safeSize.h < realSize.h ? safeSize.h : null\n-            };\n-            if (fixedSize.w && fixedSize.h) {\n-                newSize = safeSize\n-            } else {\n-                var clippedSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, fixedSize, {\n-                    displayClass: this.contentDisplayClass,\n-                    containerElement: containerElement\n-                });\n-                var currentOverflow = OpenLayers.Element.getStyle(this.contentDiv, \"overflow\");\n-                if (currentOverflow != \"hidden\" && clippedSize.equals(safeSize)) {\n-                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n-                    if (fixedSize.w) {\n-                        clippedSize.h += scrollBar\n-                    } else {\n-                        clippedSize.w += scrollBar\n-                    }\n-                }\n-                newSize = this.getSafeContentSize(clippedSize)\n-            }\n-        }\n-        this.setSize(newSize)\n-    },\n-    setBackgroundColor: function(color) {\n-        if (color != undefined) {\n-            this.backgroundColor = color\n-        }\n-        if (this.div != null) {\n-            this.div.style.backgroundColor = this.backgroundColor\n-        }\n-    },\n-    setOpacity: function(opacity) {\n-        if (opacity != undefined) {\n-            this.opacity = opacity\n-        }\n-        if (this.div != null) {\n-            this.div.style.opacity = this.opacity;\n-            this.div.style.filter = \"alpha(opacity=\" + this.opacity * 100 + \")\"\n-        }\n-    },\n-    setBorder: function(border) {\n-        if (border != undefined) {\n-            this.border = border\n-        }\n-        if (this.div != null) {\n-            this.div.style.border = this.border\n-        }\n-    },\n-    setContentHTML: function(contentHTML) {\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML\n-        }\n-        if (this.contentDiv != null && this.contentHTML != null && this.contentHTML != this.contentDiv.innerHTML) {\n-            this.contentDiv.innerHTML = this.contentHTML;\n-            if (this.autoSize) {\n-                this.registerImageListeners();\n-                this.updateSize()\n-            }\n-        }\n-    },\n-    registerImageListeners: function() {\n-        var onImgLoad = function() {\n-            if (this.popup.id === null) {\n-                return\n-            }\n-            this.popup.updateSize();\n-            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n-                this.popup.panIntoView()\n-            }\n-            OpenLayers.Event.stopObserving(this.img, \"load\", this.img._onImgLoad)\n-        };\n-        var images = this.contentDiv.getElementsByTagName(\"img\");\n-        for (var i = 0, len = images.length; i < len; i++) {\n-            var img = images[i];\n-            if (img.width == 0 || img.height == 0) {\n-                var context = {\n-                    popup: this,\n-                    img: img\n-                };\n-                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n-                OpenLayers.Event.observe(img, \"load\", img._onImgLoad)\n-            }\n-        }\n-    },\n-    getSafeContentSize: function(size) {\n-        var safeContentSize = size.clone();\n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right\n-        }\n-        if (this.minSize) {\n-            safeContentSize.w = Math.max(safeContentSize.w, this.minSize.w - wPadding);\n-            safeContentSize.h = Math.max(safeContentSize.h, this.minSize.h - hPadding)\n-        }\n-        if (this.maxSize) {\n-            safeContentSize.w = Math.min(safeContentSize.w, this.maxSize.w - wPadding);\n-            safeContentSize.h = Math.min(safeContentSize.h, this.maxSize.h - hPadding)\n-        }\n-        if (this.map && this.map.size) {\n-            var extraX = 0,\n-                extraY = 0;\n-            if (this.keepInMap && !this.panMapIfOutOfView) {\n-                var px = this.map.getPixelFromLonLat(this.lonlat);\n-                switch (this.relativePosition) {\n-                    case \"tr\":\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"tl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"bl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = px.y;\n-                        break;\n-                    case \"br\":\n-                        extraX = px.x;\n-                        extraY = px.y;\n-                        break;\n-                    default:\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break\n-                }\n-            }\n-            var maxY = this.map.size.h - this.map.paddingForPopups.top - this.map.paddingForPopups.bottom - hPadding - extraY;\n-            var maxX = this.map.size.w - this.map.paddingForPopups.left - this.map.paddingForPopups.right - wPadding - extraX;\n-            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n-            safeContentSize.h = Math.min(safeContentSize.h, maxY)\n-        }\n-        return safeContentSize\n-    },\n-    getContentDivPadding: function() {\n-        var contentDivPadding = this._contentDivPadding;\n-        if (!contentDivPadding) {\n-            if (this.div.parentNode == null) {\n-                this.div.style.display = \"none\";\n-                document.body.appendChild(this.div)\n-            }\n-            contentDivPadding = new OpenLayers.Bounds(OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\"));\n-            this._contentDivPadding = contentDivPadding;\n-            if (this.div.parentNode == document.body) {\n-                document.body.removeChild(this.div);\n-                this.div.style.display = \"\"\n-            }\n-        }\n-        return contentDivPadding\n-    },\n-    addCloseBox: function(callback) {\n-        this.closeDiv = OpenLayers.Util.createDiv(this.id + \"_close\", null, {\n-            w: 17,\n-            h: 17\n-        });\n-        this.closeDiv.className = \"olPopupCloseBox\";\n-        var contentDivPadding = this.getContentDivPadding();\n-        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n-        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n-        this.groupDiv.appendChild(this.closeDiv);\n-        var closePopup = callback || function(e) {\n-            this.hide();\n-            OpenLayers.Event.stop(e)\n-        };\n-        OpenLayers.Event.observe(this.closeDiv, \"touchend\", OpenLayers.Function.bindAsEventListener(closePopup, this));\n-        OpenLayers.Event.observe(this.closeDiv, \"click\", OpenLayers.Function.bindAsEventListener(closePopup, this))\n-    },\n-    panIntoView: function() {\n-        var mapSize = this.map.getSize();\n-        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(parseInt(this.div.style.left), parseInt(this.div.style.top)));\n-        var newTL = origTL.clone();\n-        if (origTL.x < this.map.paddingForPopups.left) {\n-            newTL.x = this.map.paddingForPopups.left\n-        } else if (origTL.x + this.size.w > mapSize.w - this.map.paddingForPopups.right) {\n-            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w\n-        }\n-        if (origTL.y < this.map.paddingForPopups.top) {\n-            newTL.y = this.map.paddingForPopups.top\n-        } else if (origTL.y + this.size.h > mapSize.h - this.map.paddingForPopups.bottom) {\n-            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h\n-        }\n-        var dx = origTL.x - newTL.x;\n-        var dy = origTL.y - newTL.y;\n-        this.map.pan(dx, dy)\n-    },\n-    registerEvents: function() {\n-        this.events = new OpenLayers.Events(this, this.div, null, true);\n-\n-        function onTouchstart(evt) {\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-        this.events.on({\n-            mousedown: this.onmousedown,\n-            mousemove: this.onmousemove,\n-            mouseup: this.onmouseup,\n-            click: this.onclick,\n-            mouseout: this.onmouseout,\n-            dblclick: this.ondblclick,\n-            touchstart: onTouchstart,\n-            scope: this\n-        })\n-    },\n-    onmousedown: function(evt) {\n-        this.mousedown = true;\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    onmousemove: function(evt) {\n-        if (this.mousedown) {\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-    },\n-    onmouseup: function(evt) {\n-        if (this.mousedown) {\n-            this.mousedown = false;\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-    },\n-    onclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    onmouseout: function(evt) {\n-        this.mousedown = false\n-    },\n-    ondblclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup\"\n-});\n-OpenLayers.Popup.WIDTH = 200;\n-OpenLayers.Popup.HEIGHT = 200;\n-OpenLayers.Popup.COLOR = \"white\";\n-OpenLayers.Popup.OPACITY = 1;\n-OpenLayers.Popup.BORDER = \"0px\";\n-OpenLayers.Popup.Anchored = OpenLayers.Class(OpenLayers.Popup, {\n-    relativePosition: null,\n-    keepInMap: true,\n-    anchor: null,\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        var newArguments = [id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback];\n-        OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n-        this.anchor = anchor != null ? anchor : {\n-            size: new OpenLayers.Size(0, 0),\n-            offset: new OpenLayers.Pixel(0, 0)\n-        }\n-    },\n-    destroy: function() {\n-        this.anchor = null;\n-        this.relativePosition = null;\n-        OpenLayers.Popup.prototype.destroy.apply(this, arguments)\n-    },\n-    show: function() {\n-        this.updatePosition();\n-        OpenLayers.Popup.prototype.show.apply(this, arguments)\n-    },\n-    moveTo: function(px) {\n-        var oldRelativePosition = this.relativePosition;\n-        this.relativePosition = this.calculateRelativePosition(px);\n-        OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n-        if (this.relativePosition != oldRelativePosition) {\n-            this.updateRelativePosition()\n-        }\n-    },\n-    setSize: function(contentSize) {\n-        OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n-        if (this.lonlat && this.map) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            this.moveTo(px)\n-        }\n-    },\n-    calculateRelativePosition: function(px) {\n-        var lonlat = this.map.getLonLatFromLayerPx(px);\n-        var extent = this.map.getExtent();\n-        var quadrant = extent.determineQuadrant(lonlat);\n-        return OpenLayers.Bounds.oppositeQuadrant(quadrant)\n-    },\n-    updateRelativePosition: function() {},\n-    calculateNewPx: function(px) {\n-        var newPx = px.offset(this.anchor.offset);\n-        var size = this.size || this.contentSize;\n-        var top = this.relativePosition.charAt(0) == \"t\";\n-        newPx.y += top ? -size.h : this.anchor.size.h;\n-        var left = this.relativePosition.charAt(1) == \"l\";\n-        newPx.x += left ? -size.w : this.anchor.size.w;\n-        return newPx\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n-});\n-OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n-    imageSrc: null,\n-    imageSize: null,\n-    isAlphaImage: false,\n-    positionBlocks: null,\n-    blocks: null,\n-    fixedRelativePosition: false,\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n-        if (this.fixedRelativePosition) {\n-            this.updateRelativePosition();\n-            this.calculateRelativePosition = function(px) {\n-                return this.relativePosition\n-            }\n-        }\n-        this.contentDiv.style.position = \"absolute\";\n-        this.contentDiv.style.zIndex = 1;\n-        if (closeBox) {\n-            this.closeDiv.style.zIndex = 1\n-        }\n-        this.groupDiv.style.position = \"absolute\";\n-        this.groupDiv.style.top = \"0px\";\n-        this.groupDiv.style.left = \"0px\";\n-        this.groupDiv.style.height = \"100%\";\n-        this.groupDiv.style.width = \"100%\"\n-    },\n-    destroy: function() {\n-        this.imageSrc = null;\n-        this.imageSize = null;\n-        this.isAlphaImage = null;\n-        this.fixedRelativePosition = false;\n-        this.positionBlocks = null;\n-        for (var i = 0; i < this.blocks.length; i++) {\n-            var block = this.blocks[i];\n-            if (block.image) {\n-                block.div.removeChild(block.image)\n-            }\n-            block.image = null;\n-            if (block.div) {\n-                this.groupDiv.removeChild(block.div)\n-            }\n-            block.div = null\n-        }\n-        this.blocks = null;\n-        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n-    },\n-    setBackgroundColor: function(color) {},\n-    setBorder: function() {},\n-    setOpacity: function(opacity) {},\n-    setSize: function(contentSize) {\n-        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n-        this.updateBlocks()\n-    },\n-    updateRelativePosition: function() {\n-        this.padding = this.positionBlocks[this.relativePosition].padding;\n-        if (this.closeDiv) {\n-            var contentDivPadding = this.getContentDivPadding();\n-            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n-            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n+        OpenLayers.Filter.prototype.initialize.apply(this, [options]);\n+        if (this.type === OpenLayers.Filter.Comparison.LIKE && options.matchCase === undefined) {\n+            this.matchCase = null\n         }\n-        this.updateBlocks()\n-    },\n-    calculateNewPx: function(px) {\n-        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n-        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n-        return newPx\n     },\n-    createBlocks: function() {\n-        this.blocks = [];\n-        var firstPosition = null;\n-        for (var key in this.positionBlocks) {\n-            firstPosition = key;\n-            break\n+    evaluate: function(context) {\n+        if (context instanceof OpenLayers.Feature.Vector) {\n+            context = context.attributes\n         }\n-        var position = this.positionBlocks[firstPosition];\n-        for (var i = 0; i < position.blocks.length; i++) {\n-            var block = {};\n-            this.blocks.push(block);\n-            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n-            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n-            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n-            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n-            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n-            block.div.appendChild(block.image);\n-            this.groupDiv.appendChild(block.div)\n+        var result = false;\n+        var got = context[this.property];\n+        var exp;\n+        switch (this.type) {\n+            case OpenLayers.Filter.Comparison.EQUAL_TO:\n+                exp = this.value;\n+                if (!this.matchCase && typeof got == \"string\" && typeof exp == \"string\") {\n+                    result = got.toUpperCase() == exp.toUpperCase()\n+                } else {\n+                    result = got == exp\n+                }\n+                break;\n+            case OpenLayers.Filter.Comparison.NOT_EQUAL_TO:\n+                exp = this.value;\n+                if (!this.matchCase && typeof got == \"string\" && typeof exp == \"string\") {\n+                    result = got.toUpperCase() != exp.toUpperCase()\n+                } else {\n+                    result = got != exp\n+                }\n+                break;\n+            case OpenLayers.Filter.Comparison.LESS_THAN:\n+                result = got < this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.GREATER_THAN:\n+                result = got > this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO:\n+                result = got <= this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO:\n+                result = got >= this.value;\n+                break;\n+            case OpenLayers.Filter.Comparison.BETWEEN:\n+                result = got >= this.lowerBoundary && got <= this.upperBoundary;\n+                break;\n+            case OpenLayers.Filter.Comparison.LIKE:\n+                var regexp = new RegExp(this.value, \"gi\");\n+                result = regexp.test(got);\n+                break;\n+            case OpenLayers.Filter.Comparison.IS_NULL:\n+                result = got === null;\n+                break\n         }\n+        return result\n     },\n-    updateBlocks: function() {\n-        if (!this.blocks) {\n-            this.createBlocks()\n-        }\n-        if (this.size && this.relativePosition) {\n-            var position = this.positionBlocks[this.relativePosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n-                var positionBlock = position.blocks[i];\n-                var block = this.blocks[i];\n-                var l = positionBlock.anchor.left;\n-                var b = positionBlock.anchor.bottom;\n-                var r = positionBlock.anchor.right;\n-                var t = positionBlock.anchor.top;\n-                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n-                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n-                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n-                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n-                block.div.style.left = l != null ? l + \"px\" : \"\";\n-                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n-                block.div.style.right = r != null ? r + \"px\" : \"\";\n-                block.div.style.top = t != null ? t + \"px\" : \"\";\n-                block.image.style.left = positionBlock.position.x + \"px\";\n-                block.image.style.top = positionBlock.position.y + \"px\"\n-            }\n-            this.contentDiv.style.left = this.padding.left + \"px\";\n-            this.contentDiv.style.top = this.padding.top + \"px\"\n+    value2regex: function(wildCard, singleChar, escapeChar) {\n+        if (wildCard == \".\") {\n+            throw new Error(\"'.' is an unsupported wildCard character for \" + \"OpenLayers.Filter.Comparison\")\n         }\n+        wildCard = wildCard ? wildCard : \"*\";\n+        singleChar = singleChar ? singleChar : \".\";\n+        escapeChar = escapeChar ? escapeChar : \"!\";\n+        this.value = this.value.replace(new RegExp(\"\\\\\" + escapeChar + \"(.|$)\", \"g\"), \"\\\\$1\");\n+        this.value = this.value.replace(new RegExp(\"\\\\\" + singleChar, \"g\"), \".\");\n+        this.value = this.value.replace(new RegExp(\"\\\\\" + wildCard, \"g\"), \".*\");\n+        this.value = this.value.replace(new RegExp(\"\\\\\\\\.\\\\*\", \"g\"), \"\\\\\" + wildCard);\n+        this.value = this.value.replace(new RegExp(\"\\\\\\\\\\\\.\", \"g\"), \"\\\\\" + singleChar);\n+        return this.value\n     },\n-    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-});\n-OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n-    contentDisplayClass: \"olFramedCloudPopupContent\",\n-    autoSize: true,\n-    panMapIfOutOfView: true,\n-    imageSize: new OpenLayers.Size(1276, 736),\n-    isAlphaImage: false,\n-    fixedRelativePosition: false,\n-    positionBlocks: {\n-        tl: {\n-            offset: new OpenLayers.Pixel(44, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 18),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -632)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(0, -688)\n-            }]\n-        },\n-        tr: {\n-            offset: new OpenLayers.Pixel(-45, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 19),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -631)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                position: new OpenLayers.Pixel(-215, -687)\n-            }]\n-        },\n-        bl: {\n-            offset: new OpenLayers.Pixel(45, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                position: new OpenLayers.Pixel(-101, -674)\n-            }]\n-        },\n-        br: {\n-            offset: new OpenLayers.Pixel(-44, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                position: new OpenLayers.Pixel(-311, -674)\n-            }]\n-        }\n+    regex2value: function() {\n+        var value = this.value;\n+        value = value.replace(/!/g, \"!!\");\n+        value = value.replace(/(\\\\)?\\\\\\./g, function($0, $1) {\n+            return $1 ? $0 : \"!.\"\n+        });\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"!*\"\n+        });\n+        value = value.replace(/\\\\\\\\/g, \"\\\\\");\n+        value = value.replace(/\\.\\*/g, \"*\");\n+        return value\n     },\n-    minSize: new OpenLayers.Size(105, 10),\n-    maxSize: new OpenLayers.Size(1200, 660),\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n-        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-        this.contentDiv.className = this.contentDisplayClass\n+    clone: function() {\n+        return OpenLayers.Util.extend(new OpenLayers.Filter.Comparison, this)\n     },\n-    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n+    CLASS_NAME: \"OpenLayers.Filter.Comparison\"\n });\n+OpenLayers.Filter.Comparison.EQUAL_TO = \"==\";\n+OpenLayers.Filter.Comparison.NOT_EQUAL_TO = \"!=\";\n+OpenLayers.Filter.Comparison.LESS_THAN = \"<\";\n+OpenLayers.Filter.Comparison.GREATER_THAN = \">\";\n+OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO = \"<=\";\n+OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO = \">=\";\n+OpenLayers.Filter.Comparison.BETWEEN = \"..\";\n+OpenLayers.Filter.Comparison.LIKE = \"~\";\n+OpenLayers.Filter.Comparison.IS_NULL = \"NULL\";\n OpenLayers.Format = OpenLayers.Class({\n     options: null,\n     externalProjection: null,\n     internalProjection: null,\n     data: null,\n     keepData: false,\n     initialize: function(options) {\n@@ -13186,14 +9755,951 @@\n                 array[i] = this.extract.geometry.apply(this, [collection.components[i]])\n             }\n             return array\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n });\n+OpenLayers.Strategy = OpenLayers.Class({\n+    layer: null,\n+    options: null,\n+    active: null,\n+    autoActivate: true,\n+    autoDestroy: true,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        this.active = false\n+    },\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null\n+    },\n+    setLayer: function(layer) {\n+        this.layer = layer\n+    },\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true\n+        }\n+        return false\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+    preload: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                refresh: this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load()\n+            } else {\n+                this.layer.events.on({\n+                    visibilitychanged: this.load,\n+                    scope: this\n+                })\n+            }\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                refresh: this.load,\n+                visibilitychanged: this.load,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n+    },\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            visibilitychanged: this.load,\n+            scope: this\n+        })\n+    },\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local)\n+                    }\n+                }\n+            }\n+            layer.addFeatures(features)\n+        }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+});\n+OpenLayers.Filter.Spatial = OpenLayers.Class(OpenLayers.Filter, {\n+    type: null,\n+    property: null,\n+    value: null,\n+    distance: null,\n+    distanceUnits: null,\n+    evaluate: function(feature) {\n+        var intersect = false;\n+        switch (this.type) {\n+            case OpenLayers.Filter.Spatial.BBOX:\n+            case OpenLayers.Filter.Spatial.INTERSECTS:\n+                if (feature.geometry) {\n+                    var geom = this.value;\n+                    if (this.value.CLASS_NAME == \"OpenLayers.Bounds\") {\n+                        geom = this.value.toGeometry()\n+                    }\n+                    if (feature.geometry.intersects(geom)) {\n+                        intersect = true\n+                    }\n+                }\n+                break;\n+            default:\n+                throw new Error(\"evaluate is not implemented for this filter type.\")\n+        }\n+        return intersect\n+    },\n+    clone: function() {\n+        var options = OpenLayers.Util.applyDefaults({\n+            value: this.value && this.value.clone && this.value.clone()\n+        }, this);\n+        return new OpenLayers.Filter.Spatial(options)\n+    },\n+    CLASS_NAME: \"OpenLayers.Filter.Spatial\"\n+});\n+OpenLayers.Filter.Spatial.BBOX = \"BBOX\";\n+OpenLayers.Filter.Spatial.INTERSECTS = \"INTERSECTS\";\n+OpenLayers.Filter.Spatial.DWITHIN = \"DWITHIN\";\n+OpenLayers.Filter.Spatial.WITHIN = \"WITHIN\";\n+OpenLayers.Filter.Spatial.CONTAINS = \"CONTAINS\";\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+    bounds: null,\n+    resolution: null,\n+    ratio: 2,\n+    resFactor: null,\n+    response: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            });\n+            this.update()\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n+    },\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options)\n+        }\n+    },\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null\n+        }\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n+        }\n+        return bounds\n+    },\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n+        }\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n+        }\n+        return invalid\n+    },\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n+        }\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n+    },\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\")\n+        }\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            filter: evt.filter,\n+            callback: this.merge,\n+            scope: this\n+        }, options))\n+    },\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n+        });\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            })\n+        }\n+        return filter\n+    },\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local)\n+                        }\n+                    }\n+                }\n+                this.layer.addFeatures(features)\n+            }\n+        } else {\n+            this.bounds = null\n+        }\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+});\n+OpenLayers.Protocol = OpenLayers.Class({\n+    format: null,\n+    options: null,\n+    autoDestroy: true,\n+    defaultFilter: null,\n+    initialize: function(options) {\n+        options = options || {};\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options\n+    },\n+    mergeWithDefaultFilter: function(filter) {\n+        var merged;\n+        if (filter && this.defaultFilter) {\n+            merged = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.defaultFilter, filter]\n+            })\n+        } else {\n+            merged = filter || this.defaultFilter || undefined\n+        }\n+        return merged\n+    },\n+    destroy: function() {\n+        this.options = null;\n+        this.format = null\n+    },\n+    read: function(options) {\n+        options = options || {};\n+        options.filter = this.mergeWithDefaultFilter(options.filter)\n+    },\n+    create: function() {},\n+    update: function() {},\n+    delete: function() {},\n+    commit: function() {},\n+    abort: function(response) {},\n+    createCallback: function(method, response, options) {\n+        return OpenLayers.Function.bind(function() {\n+            method.apply(this, [response, options])\n+        }, this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol\"\n+});\n+OpenLayers.Protocol.Response = OpenLayers.Class({\n+    code: null,\n+    requestType: null,\n+    last: true,\n+    features: null,\n+    data: null,\n+    reqFeatures: null,\n+    priv: null,\n+    error: null,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    success: function() {\n+        return this.code > 0\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n+});\n+OpenLayers.Protocol.Response.SUCCESS = 1;\n+OpenLayers.Protocol.Response.FAILURE = 0;\n+OpenLayers.ProxyHost = \"\";\n+if (!OpenLayers.Request) {\n+    OpenLayers.Request = {}\n+}\n+OpenLayers.Util.extend(OpenLayers.Request, {\n+    DEFAULT_CONFIG: {\n+        method: \"GET\",\n+        url: window.location.href,\n+        async: true,\n+        user: undefined,\n+        password: undefined,\n+        params: null,\n+        proxy: OpenLayers.ProxyHost,\n+        headers: {},\n+        data: null,\n+        callback: function() {},\n+        success: null,\n+        failure: null,\n+        scope: null\n+    },\n+    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n+    events: new OpenLayers.Events(this),\n+    makeSameOrigin: function(url, proxy) {\n+        var sameOrigin = url.indexOf(\"http\") !== 0;\n+        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n+        if (urlParts) {\n+            var location = window.location;\n+            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n+            var uPort = urlParts[4],\n+                lPort = location.port;\n+            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n+                sameOrigin = sameOrigin && uPort == lPort\n+            }\n+        }\n+        if (!sameOrigin) {\n+            if (proxy) {\n+                if (typeof proxy == \"function\") {\n+                    url = proxy(url)\n+                } else {\n+                    url = proxy + encodeURIComponent(url)\n+                }\n+            }\n+        }\n+        return url\n+    },\n+    issue: function(config) {\n+        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n+            proxy: OpenLayers.ProxyHost\n+        });\n+        config = config || {};\n+        config.headers = config.headers || {};\n+        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n+        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n+        var customRequestedWithHeader = false,\n+            headerKey;\n+        for (headerKey in config.headers) {\n+            if (config.headers.hasOwnProperty(headerKey)) {\n+                if (headerKey.toLowerCase() === \"x-requested-with\") {\n+                    customRequestedWithHeader = true\n+                }\n+            }\n+        }\n+        if (customRequestedWithHeader === false) {\n+            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n+        }\n+        var request = new OpenLayers.Request.XMLHttpRequest;\n+        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n+        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n+        request.open(config.method, url, config.async, config.user, config.password);\n+        for (var header in config.headers) {\n+            request.setRequestHeader(header, config.headers[header])\n+        }\n+        var events = this.events;\n+        var self = this;\n+        request.onreadystatechange = function() {\n+            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n+                var proceed = events.triggerEvent(\"complete\", {\n+                    request: request,\n+                    config: config,\n+                    requestUrl: url\n+                });\n+                if (proceed !== false) {\n+                    self.runCallbacks({\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    })\n+                }\n+            }\n+        };\n+        if (config.async === false) {\n+            request.send(config.data)\n+        } else {\n+            window.setTimeout(function() {\n+                if (request.readyState !== 0) {\n+                    request.send(config.data)\n+                }\n+            }, 0)\n+        }\n+        return request\n+    },\n+    runCallbacks: function(options) {\n+        var request = options.request;\n+        var config = options.config;\n+        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n+        var success;\n+        if (config.success) {\n+            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n+        }\n+        var failure;\n+        if (config.failure) {\n+            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n+        }\n+        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n+            request.status = 200\n+        }\n+        complete(request);\n+        if (!request.status || request.status >= 200 && request.status < 300) {\n+            this.events.triggerEvent(\"success\", options);\n+            if (success) {\n+                success(request)\n+            }\n+        }\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"failure\", options);\n+            if (failure) {\n+                failure(request)\n+            }\n+        }\n+    },\n+    GET: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"GET\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    POST: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"POST\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    PUT: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"PUT\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    DELETE: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"DELETE\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    HEAD: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"HEAD\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    OPTIONS: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"OPTIONS\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    }\n+});\n+(function() {\n+    var oXMLHttpRequest = window.XMLHttpRequest;\n+    var bGecko = !!window.controllers,\n+        bIE = window.document.all && !window.opera,\n+        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n+\n+    function fXMLHttpRequest() {\n+        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n+        this._listeners = []\n+    }\n+\n+    function cXMLHttpRequest() {\n+        return new fXMLHttpRequest\n+    }\n+    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n+    if (bGecko && oXMLHttpRequest.wrapped) cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n+    cXMLHttpRequest.UNSENT = 0;\n+    cXMLHttpRequest.OPENED = 1;\n+    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n+    cXMLHttpRequest.LOADING = 3;\n+    cXMLHttpRequest.DONE = 4;\n+    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n+    cXMLHttpRequest.prototype.responseText = \"\";\n+    cXMLHttpRequest.prototype.responseXML = null;\n+    cXMLHttpRequest.prototype.status = 0;\n+    cXMLHttpRequest.prototype.statusText = \"\";\n+    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n+    cXMLHttpRequest.prototype.onreadystatechange = null;\n+    cXMLHttpRequest.onreadystatechange = null;\n+    cXMLHttpRequest.onopen = null;\n+    cXMLHttpRequest.onsend = null;\n+    cXMLHttpRequest.onabort = null;\n+    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n+        delete this._headers;\n+        if (arguments.length < 3) bAsync = true;\n+        this._async = bAsync;\n+        var oRequest = this,\n+            nState = this.readyState,\n+            fOnUnload;\n+        if (bIE && bAsync) {\n+            fOnUnload = function() {\n+                if (nState != cXMLHttpRequest.DONE) {\n+                    fCleanTransport(oRequest);\n+                    oRequest.abort()\n+                }\n+            };\n+            window.attachEvent(\"onunload\", fOnUnload)\n+        }\n+        if (cXMLHttpRequest.onopen) cXMLHttpRequest.onopen.apply(this, arguments);\n+        if (arguments.length > 4) this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+        else if (arguments.length > 3) this._object.open(sMethod, sUrl, bAsync, sUser);\n+        else this._object.open(sMethod, sUrl, bAsync);\n+        this.readyState = cXMLHttpRequest.OPENED;\n+        fReadyStateChange(this);\n+        this._object.onreadystatechange = function() {\n+            if (bGecko && !bAsync) return;\n+            oRequest.readyState = oRequest._object.readyState;\n+            fSynchronizeValues(oRequest);\n+            if (oRequest._aborted) {\n+                oRequest.readyState = cXMLHttpRequest.UNSENT;\n+                return\n+            }\n+            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                delete oRequest._data;\n+                fCleanTransport(oRequest);\n+                if (bIE && bAsync) window.detachEvent(\"onunload\", fOnUnload)\n+            }\n+            if (nState != oRequest.readyState) fReadyStateChange(oRequest);\n+            nState = oRequest.readyState\n+        }\n+    };\n+\n+    function fXMLHttpRequest_send(oRequest) {\n+        oRequest._object.send(oRequest._data);\n+        if (bGecko && !oRequest._async) {\n+            oRequest.readyState = cXMLHttpRequest.OPENED;\n+            fSynchronizeValues(oRequest);\n+            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n+                oRequest.readyState++;\n+                fReadyStateChange(oRequest);\n+                if (oRequest._aborted) return\n+            }\n+        }\n+    }\n+    cXMLHttpRequest.prototype.send = function(vData) {\n+        if (cXMLHttpRequest.onsend) cXMLHttpRequest.onsend.apply(this, arguments);\n+        if (!arguments.length) vData = null;\n+        if (vData && vData.nodeType) {\n+            vData = window.XMLSerializer ? (new window.XMLSerializer).serializeToString(vData) : vData.xml;\n+            if (!this._headers[\"Content-Type\"]) this._object.setRequestHeader(\"Content-Type\", \"application/xml\")\n+        }\n+        this._data = vData;\n+        fXMLHttpRequest_send(this)\n+    };\n+    cXMLHttpRequest.prototype.abort = function() {\n+        if (cXMLHttpRequest.onabort) cXMLHttpRequest.onabort.apply(this, arguments);\n+        if (this.readyState > cXMLHttpRequest.UNSENT) this._aborted = true;\n+        this._object.abort();\n+        fCleanTransport(this);\n+        this.readyState = cXMLHttpRequest.UNSENT;\n+        delete this._data\n+    };\n+    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n+        return this._object.getAllResponseHeaders()\n+    };\n+    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n+        return this._object.getResponseHeader(sName)\n+    };\n+    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n+        if (!this._headers) this._headers = {};\n+        this._headers[sName] = sValue;\n+        return this._object.setRequestHeader(sName, sValue)\n+    };\n+    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) return;\n+        this._listeners.push([sName, fHandler, bUseCapture])\n+    };\n+    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) break;\n+        if (oListener) this._listeners.splice(nIndex, 1)\n+    };\n+    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n+        var oEventPseudo = {\n+            type: oEvent.type,\n+            target: this,\n+            currentTarget: this,\n+            eventPhase: 2,\n+            bubbles: oEvent.bubbles,\n+            cancelable: oEvent.cancelable,\n+            timeStamp: oEvent.timeStamp,\n+            stopPropagation: function() {},\n+            preventDefault: function() {},\n+            initEvent: function() {}\n+        };\n+        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)(this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == oEventPseudo.type && !oListener[2])(oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo])\n+    };\n+    cXMLHttpRequest.prototype.toString = function() {\n+        return \"[\" + \"object\" + \" \" + \"XMLHttpRequest\" + \"]\"\n+    };\n+    cXMLHttpRequest.toString = function() {\n+        return \"[\" + \"XMLHttpRequest\" + \"]\"\n+    };\n+\n+    function fReadyStateChange(oRequest) {\n+        if (cXMLHttpRequest.onreadystatechange) cXMLHttpRequest.onreadystatechange.apply(oRequest);\n+        oRequest.dispatchEvent({\n+            type: \"readystatechange\",\n+            bubbles: false,\n+            cancelable: false,\n+            timeStamp: new Date + 0\n+        })\n+    }\n+\n+    function fGetDocument(oRequest) {\n+        var oDocument = oRequest.responseXML,\n+            sResponse = oRequest.responseText;\n+        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n+            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n+            oDocument.async = false;\n+            oDocument.validateOnParse = false;\n+            oDocument.loadXML(sResponse)\n+        }\n+        if (oDocument)\n+            if (bIE && oDocument.parseError != 0 || !oDocument.documentElement || oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\") return null;\n+        return oDocument\n+    }\n+\n+    function fSynchronizeValues(oRequest) {\n+        try {\n+            oRequest.responseText = oRequest._object.responseText\n+        } catch (e) {}\n+        try {\n+            oRequest.responseXML = fGetDocument(oRequest._object)\n+        } catch (e) {}\n+        try {\n+            oRequest.status = oRequest._object.status\n+        } catch (e) {}\n+        try {\n+            oRequest.statusText = oRequest._object.statusText\n+        } catch (e) {}\n+    }\n+\n+    function fCleanTransport(oRequest) {\n+        oRequest._object.onreadystatechange = new window.Function\n+    }\n+    if (!window.Function.prototype.apply) {\n+        window.Function.prototype.apply = function(oRequest, oArguments) {\n+            if (!oArguments) oArguments = [];\n+            oRequest.__func = this;\n+            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n+            delete oRequest.__func\n+        }\n+    }\n+    if (!OpenLayers.Request) {\n+        OpenLayers.Request = {}\n+    }\n+    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest\n+})();\n+OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n+    url: null,\n+    headers: null,\n+    params: null,\n+    callback: null,\n+    scope: null,\n+    readWithPOST: false,\n+    updateWithPOST: false,\n+    deleteWithPOST: false,\n+    wildcarded: false,\n+    srsInBBOX: false,\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.headers = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                wildcarded: this.wildcarded,\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params)\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        this.params = null;\n+        this.headers = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = options || {};\n+        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(options.filter, options.params)\n+        }\n+        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n+        var resp = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        if (readWithPOST) {\n+            var headers = options.headers || {};\n+            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n+            resp.priv = OpenLayers.Request.POST({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                data: OpenLayers.Util.getParameterString(options.params),\n+                headers: headers\n+            })\n+        } else {\n+            resp.priv = OpenLayers.Request.GET({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                params: options.params,\n+                headers: options.headers\n+            })\n+        }\n+        return resp\n+    },\n+    handleRead: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    create: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: features,\n+            requestType: \"create\"\n+        });\n+        resp.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleCreate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(features)\n+        });\n+        return resp\n+    },\n+    handleCreate: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    update: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"update\"\n+        });\n+        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n+        resp.priv = OpenLayers.Request[method]({\n+            url: url,\n+            callback: this.createCallback(this.handleUpdate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(feature)\n+        });\n+        return resp\n+    },\n+    handleUpdate: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    delete: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"delete\"\n+        });\n+        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n+        var requestOptions = {\n+            url: url,\n+            callback: this.createCallback(this.handleDelete, resp, options),\n+            headers: options.headers\n+        };\n+        if (this.deleteWithPOST) {\n+            requestOptions.data = this.format.write(feature)\n+        }\n+        resp.priv = OpenLayers.Request[method](requestOptions);\n+        return resp\n+    },\n+    handleDelete: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    handleResponse: function(resp, options) {\n+        var request = resp.priv;\n+        if (options.callback) {\n+            if (request.status >= 200 && request.status < 300) {\n+                if (resp.requestType != \"delete\") {\n+                    resp.features = this.parseFeatures(request)\n+                }\n+                resp.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                resp.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            options.callback.call(options.scope, resp)\n+        }\n+    },\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = [],\n+            nResponses = 0;\n+        var types = {};\n+        types[OpenLayers.State.INSERT] = [];\n+        types[OpenLayers.State.UPDATE] = [];\n+        types[OpenLayers.State.DELETE] = [];\n+        var feature, list, requestFeatures = [];\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            list = types[feature.state];\n+            if (list) {\n+                list.push(feature);\n+                requestFeatures.push(feature)\n+            }\n+        }\n+        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n+        var success = true;\n+        var finalResponse = new OpenLayers.Protocol.Response({\n+            reqFeatures: requestFeatures\n+        });\n+\n+        function insertCallback(response) {\n+            var len = response.features ? response.features.length : 0;\n+            var fids = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                fids[i] = response.features[i].fid\n+            }\n+            finalResponse.insertIds = fids;\n+            callback.apply(this, [response])\n+        }\n+\n+        function callback(response) {\n+            this.callUserCallback(response, options);\n+            success = success && response.success();\n+            nResponses++;\n+            if (nResponses >= nRequests) {\n+                if (options.callback) {\n+                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n+                    options.callback.apply(options.scope, [finalResponse])\n+                }\n+            }\n+        }\n+        var queue = types[OpenLayers.State.INSERT];\n+        if (queue.length > 0) {\n+            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n+                callback: insertCallback,\n+                scope: this\n+            }, options.create)))\n+        }\n+        queue = types[OpenLayers.State.UPDATE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options.update)))\n+        }\n+        queue = types[OpenLayers.State.DELETE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options[\"delete\"])))\n+        }\n+        return resp\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort()\n+        }\n+    },\n+    callUserCallback: function(resp, options) {\n+        var opt = options[resp.requestType];\n+        if (opt && opt.callback) {\n+            opt.callback.call(opt.scope, resp)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+});\n OpenLayers.ElementsIndexer = OpenLayers.Class({\n     maxZIndex: null,\n     order: null,\n     indices: null,\n     compare: null,\n     initialize: function(yOrdering) {\n         this.compare = yOrdering ? OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER : OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n@@ -14611,277 +12117,2771 @@\n     l: 0,\n     c: .5,\n     r: 1,\n     t: 0,\n     m: .5,\n     b: 1\n };\n-OpenLayers.Strategy = OpenLayers.Class({\n+OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n+    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n+    url: null,\n+    params: null,\n+    reproject: false,\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+        this.url = url;\n+        if (!this.params) {\n+            this.params = OpenLayers.Util.extend({}, params)\n+        }\n+    },\n+    destroy: function() {\n+        this.url = null;\n+        this.params = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.HTTPRequest(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    setUrl: function(newUrl) {\n+        this.url = newUrl\n+    },\n+    mergeNewParams: function(newParams) {\n+        this.params = OpenLayers.Util.extend(this.params, newParams);\n+        var ret = this.redraw();\n+        if (this.map != null) {\n+            this.map.events.triggerEvent(\"changelayer\", {\n+                layer: this,\n+                property: \"params\"\n+            })\n+        }\n+        return ret\n+    },\n+    redraw: function(force) {\n+        if (force) {\n+            return this.mergeNewParams({\n+                _olSalt: Math.random()\n+            })\n+        } else {\n+            return OpenLayers.Layer.prototype.redraw.apply(this, [])\n+        }\n+    },\n+    selectUrl: function(paramString, urls) {\n+        var product = 1;\n+        for (var i = 0, len = paramString.length; i < len; i++) {\n+            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n+            product -= Math.floor(product)\n+        }\n+        return urls[Math.floor(product * urls.length)]\n+    },\n+    getFullRequestString: function(newParams, altUrl) {\n+        var url = altUrl || this.url;\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(paramsString, url)\n+        }\n+        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key]\n+            }\n+        }\n+        paramsString = OpenLayers.Util.getParameterString(allParams);\n+        return OpenLayers.Util.urlAppend(url, paramsString)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n+});\n+OpenLayers.Tile = OpenLayers.Class({\n+    events: null,\n+    eventListeners: null,\n+    id: null,\n     layer: null,\n-    options: null,\n-    active: null,\n-    autoActivate: true,\n-    autoDestroy: true,\n-    initialize: function(options) {\n+    url: null,\n+    bounds: null,\n+    size: null,\n+    position: null,\n+    isLoading: false,\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        this.layer = layer;\n+        this.position = position.clone();\n+        this.setBounds(bounds);\n+        this.url = url;\n+        if (size) {\n+            this.size = size.clone()\n+        }\n+        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n         OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        this.active = false\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners)\n+        }\n+    },\n+    unload: function() {\n+        if (this.isLoading) {\n+            this.isLoading = false;\n+            this.events.triggerEvent(\"unload\")\n+        }\n     },\n     destroy: function() {\n-        this.deactivate();\n         this.layer = null;\n-        this.options = null\n+        this.bounds = null;\n+        this.size = null;\n+        this.position = null;\n+        if (this.eventListeners) {\n+            this.events.un(this.eventListeners)\n+        }\n+        this.events.destroy();\n+        this.eventListeners = null;\n+        this.events = null\n     },\n-    setLayer: function(layer) {\n-        this.layer = layer\n+    draw: function(force) {\n+        if (!force) {\n+            this.clear()\n+        }\n+        var draw = this.shouldDraw();\n+        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n+            draw = null\n+        }\n+        return draw\n     },\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true\n+    shouldDraw: function() {\n+        var withinMaxExtent = false,\n+            maxExtent = this.layer.maxExtent;\n+        if (maxExtent) {\n+            var map = this.layer.map;\n+            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n+            if (this.bounds.intersectsBounds(maxExtent, {\n+                    inclusive: false,\n+                    worldBounds: worldBounds\n+                })) {\n+                withinMaxExtent = true\n+            }\n         }\n-        return false\n+        return withinMaxExtent || this.layer.displayOutsideMaxExtent\n     },\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true\n+    setBounds: function(bounds) {\n+        bounds = bounds.clone();\n+        if (this.layer.map.baseLayer.wrapDateLine) {\n+            var worldExtent = this.layer.map.getMaxExtent(),\n+                tolerance = this.layer.map.getResolution();\n+            bounds = bounds.wrapDateLine(worldExtent, {\n+                leftTolerance: tolerance,\n+                rightTolerance: tolerance\n+            })\n         }\n-        return false\n+        this.bounds = bounds\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n+    moveTo: function(bounds, position, redraw) {\n+        if (redraw == null) {\n+            redraw = true\n+        }\n+        this.setBounds(bounds);\n+        this.position = position.clone();\n+        if (redraw) {\n+            this.draw()\n+        }\n+    },\n+    clear: function(draw) {},\n+    CLASS_NAME: \"OpenLayers.Tile\"\n });\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-    preload: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                refresh: this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load()\n+OpenLayers.Tile.Image = OpenLayers.Class(OpenLayers.Tile, {\n+    url: null,\n+    imgDiv: null,\n+    frame: null,\n+    imageReloadAttempts: null,\n+    layerAlphaHack: null,\n+    asyncRequestId: null,\n+    maxGetUrlLength: null,\n+    canvasContext: null,\n+    crossOriginKeyword: null,\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        OpenLayers.Tile.prototype.initialize.apply(this, arguments);\n+        this.url = url;\n+        this.layerAlphaHack = this.layer.alpha && OpenLayers.Util.alphaHack();\n+        if (this.maxGetUrlLength != null || this.layer.gutter || this.layerAlphaHack) {\n+            this.frame = document.createElement(\"div\");\n+            this.frame.style.position = \"absolute\";\n+            this.frame.style.overflow = \"hidden\"\n+        }\n+        if (this.maxGetUrlLength != null) {\n+            OpenLayers.Util.extend(this, OpenLayers.Tile.Image.IFrame)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.imgDiv) {\n+            this.clear();\n+            this.imgDiv = null;\n+            this.frame = null\n+        }\n+        this.asyncRequestId = null;\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        var shouldDraw = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (shouldDraw) {\n+            if (this.layer != this.layer.map.baseLayer && this.layer.reproject) {\n+                this.bounds = this.getBoundsFromBaseLayer(this.position)\n+            }\n+            if (this.isLoading) {\n+                this._loadEvent = \"reload\"\n             } else {\n-                this.layer.events.on({\n-                    visibilitychanged: this.load,\n-                    scope: this\n-                })\n+                this.isLoading = true;\n+                this._loadEvent = \"loadstart\"\n             }\n+            this.renderTile();\n+            this.positionTile()\n+        } else if (shouldDraw === false) {\n+            this.unload()\n         }\n-        return activated\n+        return shouldDraw\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                refresh: this.load,\n-                visibilitychanged: this.load,\n-                scope: this\n-            })\n+    renderTile: function() {\n+        if (this.layer.async) {\n+            var id = this.asyncRequestId = (this.asyncRequestId || 0) + 1;\n+            this.layer.getURLasync(this.bounds, function(url) {\n+                if (id == this.asyncRequestId) {\n+                    this.url = url;\n+                    this.initImage()\n+                }\n+            }, this)\n+        } else {\n+            this.url = this.layer.getURL(this.bounds);\n+            this.initImage()\n         }\n-        return deactivated\n     },\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n+    positionTile: function() {\n+        var style = this.getTile().style,\n+            size = this.frame ? this.size : this.layer.getImageSize(this.bounds),\n+            ratio = 1;\n+        if (this.layer instanceof OpenLayers.Layer.Grid) {\n+            ratio = this.layer.getServerResolution() / this.layer.map.getResolution()\n+        }\n+        style.left = this.position.x + \"px\";\n+        style.top = this.position.y + \"px\";\n+        style.width = Math.round(ratio * size.w) + \"px\";\n+        style.height = Math.round(ratio * size.h) + \"px\"\n+    },\n+    clear: function() {\n+        OpenLayers.Tile.prototype.clear.apply(this, arguments);\n+        var img = this.imgDiv;\n+        if (img) {\n+            var tile = this.getTile();\n+            if (tile.parentNode === this.layer.div) {\n+                this.layer.div.removeChild(tile)\n+            }\n+            this.setImgSrc();\n+            if (this.layerAlphaHack === true) {\n+                img.style.filter = \"\"\n+            }\n+            OpenLayers.Element.removeClass(img, \"olImageLoadError\")\n+        }\n+        this.canvasContext = null\n+    },\n+    getImage: function() {\n+        if (!this.imgDiv) {\n+            this.imgDiv = OpenLayers.Tile.Image.IMAGE.cloneNode(false);\n+            var style = this.imgDiv.style;\n+            if (this.frame) {\n+                var left = 0,\n+                    top = 0;\n+                if (this.layer.gutter) {\n+                    left = this.layer.gutter / this.layer.tileSize.w * 100;\n+                    top = this.layer.gutter / this.layer.tileSize.h * 100\n+                }\n+                style.left = -left + \"%\";\n+                style.top = -top + \"%\";\n+                style.width = 2 * left + 100 + \"%\";\n+                style.height = 2 * top + 100 + \"%\"\n+            }\n+            style.visibility = \"hidden\";\n+            style.opacity = 0;\n+            if (this.layer.opacity < 1) {\n+                style.filter = \"alpha(opacity=\" + this.layer.opacity * 100 + \")\"\n+            }\n+            style.position = \"absolute\";\n+            if (this.layerAlphaHack) {\n+                style.paddingTop = style.height;\n+                style.height = \"0\";\n+                style.width = \"100%\"\n+            }\n+            if (this.frame) {\n+                this.frame.appendChild(this.imgDiv)\n+            }\n+        }\n+        return this.imgDiv\n+    },\n+    setImage: function(img) {\n+        this.imgDiv = img\n+    },\n+    initImage: function() {\n+        if (!this.url && !this.imgDiv) {\n+            this.isLoading = false;\n+            return\n+        }\n+        this.events.triggerEvent(\"beforeload\");\n+        this.layer.div.appendChild(this.getTile());\n+        this.events.triggerEvent(this._loadEvent);\n+        var img = this.getImage();\n+        var src = img.getAttribute(\"src\") || \"\";\n+        if (this.url && OpenLayers.Util.isEquivalentUrl(src, this.url)) {\n+            this._loadTimeout = window.setTimeout(OpenLayers.Function.bind(this.onImageLoad, this), 0)\n+        } else {\n+            this.stopLoading();\n+            if (this.crossOriginKeyword) {\n+                img.removeAttribute(\"crossorigin\")\n+            }\n+            OpenLayers.Event.observe(img, \"load\", OpenLayers.Function.bind(this.onImageLoad, this));\n+            OpenLayers.Event.observe(img, \"error\", OpenLayers.Function.bind(this.onImageError, this));\n+            this.imageReloadAttempts = 0;\n+            this.setImgSrc(this.url)\n+        }\n+    },\n+    setImgSrc: function(url) {\n+        var img = this.imgDiv;\n+        if (url) {\n+            img.style.visibility = \"hidden\";\n+            img.style.opacity = 0;\n+            if (this.crossOriginKeyword) {\n+                if (url.substr(0, 5) !== \"data:\") {\n+                    img.setAttribute(\"crossorigin\", this.crossOriginKeyword)\n+                } else {\n+                    img.removeAttribute(\"crossorigin\")\n+                }\n+            }\n+            img.src = url\n+        } else {\n+            this.stopLoading();\n+            this.imgDiv = null;\n+            if (img.parentNode) {\n+                img.parentNode.removeChild(img)\n+            }\n+        }\n+    },\n+    getTile: function() {\n+        return this.frame ? this.frame : this.getImage()\n+    },\n+    createBackBuffer: function() {\n+        if (!this.imgDiv || this.isLoading) {\n+            return\n+        }\n+        var backBuffer;\n+        if (this.frame) {\n+            backBuffer = this.frame.cloneNode(false);\n+            backBuffer.appendChild(this.imgDiv)\n+        } else {\n+            backBuffer = this.imgDiv\n+        }\n+        this.imgDiv = null;\n+        return backBuffer\n+    },\n+    onImageLoad: function() {\n+        var img = this.imgDiv;\n+        this.stopLoading();\n+        img.style.visibility = \"inherit\";\n+        img.style.opacity = this.layer.opacity;\n+        this.isLoading = false;\n+        this.canvasContext = null;\n+        this.events.triggerEvent(\"loadend\");\n+        if (this.layerAlphaHack === true) {\n+            img.style.filter = \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='\" + img.src + \"', sizingMethod='scale')\"\n+        }\n+    },\n+    onImageError: function() {\n+        var img = this.imgDiv;\n+        if (img.src != null) {\n+            this.imageReloadAttempts++;\n+            if (this.imageReloadAttempts <= OpenLayers.IMAGE_RELOAD_ATTEMPTS) {\n+                this.setImgSrc(this.layer.getURL(this.bounds))\n+            } else {\n+                OpenLayers.Element.addClass(img, \"olImageLoadError\");\n+                this.events.triggerEvent(\"loaderror\");\n+                this.onImageLoad()\n+            }\n+        }\n+    },\n+    stopLoading: function() {\n+        OpenLayers.Event.stopObservingElement(this.imgDiv);\n+        window.clearTimeout(this._loadTimeout);\n+        delete this._loadTimeout\n+    },\n+    getCanvasContext: function() {\n+        if (OpenLayers.CANVAS_SUPPORTED && this.imgDiv && !this.isLoading) {\n+            if (!this.canvasContext) {\n+                var canvas = document.createElement(\"canvas\");\n+                canvas.width = this.size.w;\n+                canvas.height = this.size.h;\n+                this.canvasContext = canvas.getContext(\"2d\");\n+                this.canvasContext.drawImage(this.imgDiv, 0, 0)\n+            }\n+            return this.canvasContext\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Tile.Image\"\n+});\n+OpenLayers.Tile.Image.IMAGE = function() {\n+    var img = new Image;\n+    img.className = \"olTileImage\";\n+    img.galleryImg = \"no\";\n+    return img\n+}();\n+OpenLayers.Layer.Grid = OpenLayers.Class(OpenLayers.Layer.HTTPRequest, {\n+    tileSize: null,\n+    tileOriginCorner: \"bl\",\n+    tileOrigin: null,\n+    tileOptions: null,\n+    tileClass: OpenLayers.Tile.Image,\n+    grid: null,\n+    singleTile: false,\n+    ratio: 1.5,\n+    buffer: 0,\n+    transitionEffect: \"resize\",\n+    numLoadingTiles: 0,\n+    serverResolutions: null,\n+    loading: false,\n+    backBuffer: null,\n+    gridResolution: null,\n+    backBufferResolution: null,\n+    backBufferLonLat: null,\n+    backBufferTimerId: null,\n+    removeBackBufferDelay: null,\n+    className: null,\n+    gridLayout: null,\n+    rowSign: null,\n+    transitionendEvents: [\"transitionend\", \"webkitTransitionEnd\", \"otransitionend\", \"oTransitionEnd\"],\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.HTTPRequest.prototype.initialize.apply(this, arguments);\n+        this.grid = [];\n+        this._removeBackBuffer = OpenLayers.Function.bind(this.removeBackBuffer, this);\n+        this.initProperties();\n+        this.rowSign = this.tileOriginCorner.substr(0, 1) === \"t\" ? 1 : -1\n+    },\n+    initProperties: function() {\n+        if (this.options.removeBackBufferDelay === undefined) {\n+            this.removeBackBufferDelay = this.singleTile ? 0 : 2500\n+        }\n+        if (this.options.className === undefined) {\n+            this.className = this.singleTile ? \"olLayerGridSingleTile\" : \"olLayerGrid\"\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.HTTPRequest.prototype.setMap.call(this, map);\n+        OpenLayers.Element.addClass(this.div, this.className)\n+    },\n+    removeMap: function(map) {\n+        this.removeBackBuffer()\n+    },\n+    destroy: function() {\n+        this.removeBackBuffer();\n+        this.clearGrid();\n+        this.grid = null;\n+        this.tileSize = null;\n+        OpenLayers.Layer.HTTPRequest.prototype.destroy.apply(this, arguments)\n+    },\n+    clearGrid: function() {\n+        if (this.grid) {\n+            for (var iRow = 0, len = this.grid.length; iRow < len; iRow++) {\n+                var row = this.grid[iRow];\n+                for (var iCol = 0, clen = row.length; iCol < clen; iCol++) {\n+                    var tile = row[iCol];\n+                    this.destroyTile(tile)\n+                }\n+            }\n+            this.grid = [];\n+            this.gridResolution = null;\n+            this.gridLayout = null\n+        }\n+    },\n+    addOptions: function(newOptions, reinitialize) {\n+        var singleTileChanged = newOptions.singleTile !== undefined && newOptions.singleTile !== this.singleTile;\n+        OpenLayers.Layer.HTTPRequest.prototype.addOptions.apply(this, arguments);\n+        if (this.map && singleTileChanged) {\n+            this.initProperties();\n+            this.clearGrid();\n+            this.tileSize = this.options.tileSize;\n+            this.setTileSize();\n+            this.moveTo(null, true)\n+        }\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Grid(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.HTTPRequest.prototype.clone.apply(this, [obj]);\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone()\n+        }\n+        obj.grid = [];\n+        obj.gridResolution = null;\n+        obj.backBuffer = null;\n+        obj.backBufferTimerId = null;\n+        obj.loading = false;\n+        obj.numLoadingTiles = 0;\n+        return obj\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.HTTPRequest.prototype.moveTo.apply(this, arguments);\n+        bounds = bounds || this.map.getExtent();\n+        if (bounds != null) {\n+            var forceReTile = !this.grid.length || zoomChanged;\n+            var tilesBounds = this.getTilesBounds();\n+            var resolution = this.map.getResolution();\n+            var serverResolution = this.getServerResolution(resolution);\n+            if (this.singleTile) {\n+                if (forceReTile || !dragging && !tilesBounds.containsBounds(bounds)) {\n+                    if (zoomChanged && this.transitionEffect !== \"resize\") {\n+                        this.removeBackBuffer()\n+                    }\n+                    if (!zoomChanged || this.transitionEffect === \"resize\") {\n+                        this.applyBackBuffer(resolution)\n+                    }\n+                    this.initSingleTile(bounds)\n+                }\n+            } else {\n+                forceReTile = forceReTile || !tilesBounds.intersectsBounds(bounds, {\n+                    worldBounds: this.map.baseLayer.wrapDateLine && this.map.getMaxExtent()\n+                });\n+                if (forceReTile) {\n+                    if (zoomChanged && (this.transitionEffect === \"resize\" || this.gridResolution === resolution)) {\n+                        this.applyBackBuffer(resolution)\n+                    }\n+                    this.initGriddedTiles(bounds)\n+                } else {\n+                    this.moveGriddedTiles()\n+                }\n+            }\n+        }\n+    },\n+    getTileData: function(loc) {\n+        var data = null,\n+            x = loc.lon,\n+            y = loc.lat,\n+            numRows = this.grid.length;\n+        if (this.map && numRows) {\n+            var res = this.map.getResolution(),\n+                tileWidth = this.tileSize.w,\n+                tileHeight = this.tileSize.h,\n+                bounds = this.grid[0][0].bounds,\n+                left = bounds.left,\n+                top = bounds.top;\n+            if (x < left) {\n+                if (this.map.baseLayer.wrapDateLine) {\n+                    var worldWidth = this.map.getMaxExtent().getWidth();\n+                    var worldsAway = Math.ceil((left - x) / worldWidth);\n+                    x += worldWidth * worldsAway\n+                }\n+            }\n+            var dtx = (x - left) / (res * tileWidth);\n+            var dty = (top - y) / (res * tileHeight);\n+            var col = Math.floor(dtx);\n+            var row = Math.floor(dty);\n+            if (row >= 0 && row < numRows) {\n+                var tile = this.grid[row][col];\n+                if (tile) {\n+                    data = {\n+                        tile: tile,\n+                        i: Math.floor((dtx - col) * tileWidth),\n+                        j: Math.floor((dty - row) * tileHeight)\n+                    }\n+                }\n+            }\n+        }\n+        return data\n+    },\n+    destroyTile: function(tile) {\n+        this.removeTileMonitoringHooks(tile);\n+        tile.destroy()\n+    },\n+    getServerResolution: function(resolution) {\n+        var distance = Number.POSITIVE_INFINITY;\n+        resolution = resolution || this.map.getResolution();\n+        if (this.serverResolutions && OpenLayers.Util.indexOf(this.serverResolutions, resolution) === -1) {\n+            var i, newDistance, newResolution, serverResolution;\n+            for (i = this.serverResolutions.length - 1; i >= 0; i--) {\n+                newResolution = this.serverResolutions[i];\n+                newDistance = Math.abs(newResolution - resolution);\n+                if (newDistance > distance) {\n+                    break\n+                }\n+                distance = newDistance;\n+                serverResolution = newResolution\n+            }\n+            resolution = serverResolution\n+        }\n+        return resolution\n+    },\n+    getServerZoom: function() {\n+        var resolution = this.getServerResolution();\n+        return this.serverResolutions ? OpenLayers.Util.indexOf(this.serverResolutions, resolution) : this.map.getZoomForResolution(resolution) + (this.zoomOffset || 0)\n+    },\n+    applyBackBuffer: function(resolution) {\n+        if (this.backBufferTimerId !== null) {\n+            this.removeBackBuffer()\n+        }\n+        var backBuffer = this.backBuffer;\n+        if (!backBuffer) {\n+            backBuffer = this.createBackBuffer();\n+            if (!backBuffer) {\n+                return\n+            }\n+            if (resolution === this.gridResolution) {\n+                this.div.insertBefore(backBuffer, this.div.firstChild)\n+            } else {\n+                this.map.baseLayer.div.parentNode.insertBefore(backBuffer, this.map.baseLayer.div)\n+            }\n+            this.backBuffer = backBuffer;\n+            var topLeftTileBounds = this.grid[0][0].bounds;\n+            this.backBufferLonLat = {\n+                lon: topLeftTileBounds.left,\n+                lat: topLeftTileBounds.top\n+            };\n+            this.backBufferResolution = this.gridResolution\n+        }\n+        var ratio = this.backBufferResolution / resolution;\n+        var tiles = backBuffer.childNodes,\n+            tile;\n+        for (var i = tiles.length - 1; i >= 0; --i) {\n+            tile = tiles[i];\n+            tile.style.top = (ratio * tile._i * tile._h | 0) + \"px\";\n+            tile.style.left = (ratio * tile._j * tile._w | 0) + \"px\";\n+            tile.style.width = Math.round(ratio * tile._w) + \"px\";\n+            tile.style.height = Math.round(ratio * tile._h) + \"px\"\n+        }\n+        var position = this.getViewPortPxFromLonLat(this.backBufferLonLat, resolution);\n+        var leftOffset = this.map.layerContainerOriginPx.x;\n+        var topOffset = this.map.layerContainerOriginPx.y;\n+        backBuffer.style.left = Math.round(position.x - leftOffset) + \"px\";\n+        backBuffer.style.top = Math.round(position.y - topOffset) + \"px\"\n+    },\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.grid.length > 0) {\n+            backBuffer = document.createElement(\"div\");\n+            backBuffer.id = this.div.id + \"_bb\";\n+            backBuffer.className = \"olBackBuffer\";\n+            backBuffer.style.position = \"absolute\";\n+            var map = this.map;\n+            backBuffer.style.zIndex = this.transitionEffect === \"resize\" ? this.getZIndex() - 1 : map.Z_INDEX_BASE.BaseLayer - (map.getNumLayers() - map.getLayerIndex(this));\n+            for (var i = 0, lenI = this.grid.length; i < lenI; i++) {\n+                for (var j = 0, lenJ = this.grid[i].length; j < lenJ; j++) {\n+                    var tile = this.grid[i][j],\n+                        markup = this.grid[i][j].createBackBuffer();\n+                    if (markup) {\n+                        markup._i = i;\n+                        markup._j = j;\n+                        markup._w = tile.size.w;\n+                        markup._h = tile.size.h;\n+                        markup.id = tile.id + \"_bb\";\n+                        backBuffer.appendChild(markup)\n+                    }\n+                }\n+            }\n+        }\n+        return backBuffer\n+    },\n+    removeBackBuffer: function() {\n+        if (this._transitionElement) {\n+            for (var i = this.transitionendEvents.length - 1; i >= 0; --i) {\n+                OpenLayers.Event.stopObserving(this._transitionElement, this.transitionendEvents[i], this._removeBackBuffer)\n+            }\n+            delete this._transitionElement\n+        }\n+        if (this.backBuffer) {\n+            if (this.backBuffer.parentNode) {\n+                this.backBuffer.parentNode.removeChild(this.backBuffer)\n+            }\n+            this.backBuffer = null;\n+            this.backBufferResolution = null;\n+            if (this.backBufferTimerId !== null) {\n+                window.clearTimeout(this.backBufferTimerId);\n+                this.backBufferTimerId = null\n+            }\n+        }\n+    },\n+    moveByPx: function(dx, dy) {\n+        if (!this.singleTile) {\n+            this.moveGriddedTiles()\n+        }\n+    },\n+    setTileSize: function(size) {\n+        if (this.singleTile) {\n+            size = this.map.getSize();\n+            size.h = parseInt(size.h * this.ratio, 10);\n+            size.w = parseInt(size.w * this.ratio, 10)\n+        }\n+        OpenLayers.Layer.HTTPRequest.prototype.setTileSize.apply(this, [size])\n+    },\n+    getTilesBounds: function() {\n+        var bounds = null;\n+        var length = this.grid.length;\n+        if (length) {\n+            var bottomLeftTileBounds = this.grid[length - 1][0].bounds,\n+                width = this.grid[0].length * bottomLeftTileBounds.getWidth(),\n+                height = this.grid.length * bottomLeftTileBounds.getHeight();\n+            bounds = new OpenLayers.Bounds(bottomLeftTileBounds.left, bottomLeftTileBounds.bottom, bottomLeftTileBounds.left + width, bottomLeftTileBounds.bottom + height)\n+        }\n+        return bounds\n+    },\n+    initSingleTile: function(bounds) {\n+        this.events.triggerEvent(\"retile\");\n+        var center = bounds.getCenterLonLat();\n+        var tileWidth = bounds.getWidth() * this.ratio;\n+        var tileHeight = bounds.getHeight() * this.ratio;\n+        var tileBounds = new OpenLayers.Bounds(center.lon - tileWidth / 2, center.lat - tileHeight / 2, center.lon + tileWidth / 2, center.lat + tileHeight / 2);\n+        var px = this.map.getLayerPxFromLonLat({\n+            lon: tileBounds.left,\n+            lat: tileBounds.top\n         });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n+        if (!this.grid.length) {\n+            this.grid[0] = []\n+        }\n+        var tile = this.grid[0][0];\n+        if (!tile) {\n+            tile = this.addTile(tileBounds, px);\n+            this.addTileMonitoringHooks(tile);\n+            tile.draw();\n+            this.grid[0][0] = tile\n+        } else {\n+            tile.moveTo(tileBounds, px)\n+        }\n+        this.removeExcessTiles(1, 1);\n+        this.gridResolution = this.getServerResolution()\n+    },\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n+        var offsetlon = bounds.left - origin.lon;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+        var rowSign = this.rowSign;\n+        var offsetlat = rowSign * (origin.lat - bounds.top + tilelat);\n+        var tilerow = Math[~rowSign ? \"floor\" : \"ceil\"](offsetlat / tilelat) - this.buffer * rowSign;\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        }\n+    },\n+    getTileOrigin: function() {\n+        var origin = this.tileOrigin;\n+        if (!origin) {\n+            var extent = this.getMaxExtent();\n+            var edges = {\n+                tl: [\"left\", \"top\"],\n+                tr: [\"right\", \"top\"],\n+                bl: [\"left\", \"bottom\"],\n+                br: [\"right\", \"bottom\"]\n+            } [this.tileOriginCorner];\n+            origin = new OpenLayers.LonLat(extent[edges[0]], extent[edges[1]])\n+        }\n+        return origin\n+    },\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var startcol = tileLayout.startcol;\n+        var startrow = tileLayout.startrow;\n+        var rowSign = this.rowSign;\n+        return new OpenLayers.Bounds(origin.lon + (startcol + col) * tilelon, origin.lat - (startrow + row * rowSign) * tilelat * rowSign, origin.lon + (startcol + col + 1) * tilelon, origin.lat - (startrow + (row - 1) * rowSign) * tilelat * rowSign)\n+    },\n+    initGriddedTiles: function(bounds) {\n+        this.events.triggerEvent(\"retile\");\n+        var viewSize = this.map.getSize();\n+        var origin = this.getTileOrigin();\n+        var resolution = this.map.getResolution(),\n+            serverResolution = this.getServerResolution(),\n+            ratio = resolution / serverResolution,\n+            tileSize = {\n+                w: this.tileSize.w / ratio,\n+                h: this.tileSize.h / ratio\n+            };\n+        var minRows = Math.ceil(viewSize.h / tileSize.h) + 2 * this.buffer + 1;\n+        var minCols = Math.ceil(viewSize.w / tileSize.w) + 2 * this.buffer + 1;\n+        var tileLayout = this.calculateGridLayout(bounds, origin, serverResolution);\n+        this.gridLayout = tileLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var layerContainerDivLeft = this.map.layerContainerOriginPx.x;\n+        var layerContainerDivTop = this.map.layerContainerOriginPx.y;\n+        var tileBounds = this.getTileBoundsForGridIndex(0, 0);\n+        var startPx = this.map.getViewPortPxFromLonLat(new OpenLayers.LonLat(tileBounds.left, tileBounds.top));\n+        startPx.x = Math.round(startPx.x) - layerContainerDivLeft;\n+        startPx.y = Math.round(startPx.y) - layerContainerDivTop;\n+        var tileData = [],\n+            center = this.map.getCenter();\n+        var rowidx = 0;\n+        do {\n+            var row = this.grid[rowidx];\n+            if (!row) {\n+                row = [];\n+                this.grid.push(row)\n+            }\n+            var colidx = 0;\n+            do {\n+                tileBounds = this.getTileBoundsForGridIndex(rowidx, colidx);\n+                var px = startPx.clone();\n+                px.x = px.x + colidx * Math.round(tileSize.w);\n+                px.y = px.y + rowidx * Math.round(tileSize.h);\n+                var tile = row[colidx];\n+                if (!tile) {\n+                    tile = this.addTile(tileBounds, px);\n+                    this.addTileMonitoringHooks(tile);\n+                    row.push(tile)\n+                } else {\n+                    tile.moveTo(tileBounds, px, false)\n+                }\n+                var tileCenter = tileBounds.getCenterLonLat();\n+                tileData.push({\n+                    tile: tile,\n+                    distance: Math.pow(tileCenter.lon - center.lon, 2) + Math.pow(tileCenter.lat - center.lat, 2)\n+                });\n+                colidx += 1\n+            } while (tileBounds.right <= bounds.right + tilelon * this.buffer || colidx < minCols);\n+            rowidx += 1\n+        } while (tileBounds.bottom >= bounds.bottom - tilelat * this.buffer || rowidx < minRows);\n+        this.removeExcessTiles(rowidx, colidx);\n+        var resolution = this.getServerResolution();\n+        this.gridResolution = resolution;\n+        tileData.sort(function(a, b) {\n+            return a.distance - b.distance\n+        });\n+        for (var i = 0, ii = tileData.length; i < ii; ++i) {\n+            tileData[i].tile.draw()\n+        }\n+    },\n+    getMaxExtent: function() {\n+        return this.maxExtent\n+    },\n+    addTile: function(bounds, position) {\n+        var tile = new this.tileClass(this, position, bounds, null, this.tileSize, this.tileOptions);\n+        this.events.triggerEvent(\"addtile\", {\n+            tile: tile\n+        });\n+        return tile\n+    },\n+    addTileMonitoringHooks: function(tile) {\n+        var replacingCls = \"olTileReplacing\";\n+        tile.onLoadStart = function() {\n+            if (this.loading === false) {\n+                this.loading = true;\n+                this.events.triggerEvent(\"loadstart\")\n+            }\n+            this.events.triggerEvent(\"tileloadstart\", {\n+                tile: tile\n+            });\n+            this.numLoadingTiles++;\n+            if (!this.singleTile && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n+                OpenLayers.Element.addClass(tile.getTile(), replacingCls)\n+            }\n+        };\n+        tile.onLoadEnd = function(evt) {\n+            this.numLoadingTiles--;\n+            var aborted = evt.type === \"unload\";\n+            this.events.triggerEvent(\"tileloaded\", {\n+                tile: tile,\n+                aborted: aborted\n+            });\n+            if (!this.singleTile && !aborted && this.backBuffer && this.gridResolution === this.backBufferResolution) {\n+                var tileDiv = tile.getTile();\n+                if (OpenLayers.Element.getStyle(tileDiv, \"display\") === \"none\") {\n+                    var bufferTile = document.getElementById(tile.id + \"_bb\");\n+                    if (bufferTile) {\n+                        bufferTile.parentNode.removeChild(bufferTile)\n+                    }\n+                }\n+                OpenLayers.Element.removeClass(tileDiv, replacingCls)\n+            }\n+            if (this.numLoadingTiles === 0) {\n+                if (this.backBuffer) {\n+                    if (this.backBuffer.childNodes.length === 0) {\n+                        this.removeBackBuffer()\n+                    } else {\n+                        this._transitionElement = aborted ? this.div.lastChild : tile.imgDiv;\n+                        var transitionendEvents = this.transitionendEvents;\n+                        for (var i = transitionendEvents.length - 1; i >= 0; --i) {\n+                            OpenLayers.Event.observe(this._transitionElement, transitionendEvents[i], this._removeBackBuffer)\n+                        }\n+                        this.backBufferTimerId = window.setTimeout(this._removeBackBuffer, this.removeBackBufferDelay)\n+                    }\n+                }\n+                this.loading = false;\n+                this.events.triggerEvent(\"loadend\")\n+            }\n+        };\n+        tile.onLoadError = function() {\n+            this.events.triggerEvent(\"tileerror\", {\n+                tile: tile\n+            })\n+        };\n+        tile.events.on({\n+            loadstart: tile.onLoadStart,\n+            loadend: tile.onLoadEnd,\n+            unload: tile.onLoadEnd,\n+            loaderror: tile.onLoadError,\n             scope: this\n-        }, options));\n-        layer.events.un({\n-            visibilitychanged: this.load,\n+        })\n+    },\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            loadstart: tile.onLoadStart,\n+            loadend: tile.onLoadEnd,\n+            unload: tile.onLoadEnd,\n+            loaderror: tile.onLoadError,\n             scope: this\n         })\n     },\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local)\n-                    }\n+    moveGriddedTiles: function() {\n+        var buffer = this.buffer + 1;\n+        while (true) {\n+            var tlTile = this.grid[0][0];\n+            var tlViewPort = {\n+                x: tlTile.position.x + this.map.layerContainerOriginPx.x,\n+                y: tlTile.position.y + this.map.layerContainerOriginPx.y\n+            };\n+            var ratio = this.getServerResolution() / this.map.getResolution();\n+            var tileSize = {\n+                w: Math.round(this.tileSize.w * ratio),\n+                h: Math.round(this.tileSize.h * ratio)\n+            };\n+            if (tlViewPort.x > -tileSize.w * (buffer - 1)) {\n+                this.shiftColumn(true, tileSize)\n+            } else if (tlViewPort.x < -tileSize.w * buffer) {\n+                this.shiftColumn(false, tileSize)\n+            } else if (tlViewPort.y > -tileSize.h * (buffer - 1)) {\n+                this.shiftRow(true, tileSize)\n+            } else if (tlViewPort.y < -tileSize.h * buffer) {\n+                this.shiftRow(false, tileSize)\n+            } else {\n+                break\n+            }\n+        }\n+    },\n+    shiftRow: function(prepend, tileSize) {\n+        var grid = this.grid;\n+        var rowIndex = prepend ? 0 : grid.length - 1;\n+        var sign = prepend ? -1 : 1;\n+        var rowSign = this.rowSign;\n+        var tileLayout = this.gridLayout;\n+        tileLayout.startrow += sign * rowSign;\n+        var modelRow = grid[rowIndex];\n+        var row = grid[prepend ? \"pop\" : \"shift\"]();\n+        for (var i = 0, len = row.length; i < len; i++) {\n+            var tile = row[i];\n+            var position = modelRow[i].position.clone();\n+            position.y += tileSize.h * sign;\n+            tile.moveTo(this.getTileBoundsForGridIndex(rowIndex, i), position)\n+        }\n+        grid[prepend ? \"unshift\" : \"push\"](row)\n+    },\n+    shiftColumn: function(prepend, tileSize) {\n+        var grid = this.grid;\n+        var colIndex = prepend ? 0 : grid[0].length - 1;\n+        var sign = prepend ? -1 : 1;\n+        var tileLayout = this.gridLayout;\n+        tileLayout.startcol += sign;\n+        for (var i = 0, len = grid.length; i < len; i++) {\n+            var row = grid[i];\n+            var position = row[colIndex].position.clone();\n+            var tile = row[prepend ? \"pop\" : \"shift\"]();\n+            position.x += tileSize.w * sign;\n+            tile.moveTo(this.getTileBoundsForGridIndex(i, colIndex), position);\n+            row[prepend ? \"unshift\" : \"push\"](tile)\n+        }\n+    },\n+    removeExcessTiles: function(rows, columns) {\n+        var i, l;\n+        while (this.grid.length > rows) {\n+            var row = this.grid.pop();\n+            for (i = 0, l = row.length; i < l; i++) {\n+                var tile = row[i];\n+                this.destroyTile(tile)\n+            }\n+        }\n+        for (i = 0, l = this.grid.length; i < l; i++) {\n+            while (this.grid[i].length > columns) {\n+                var row = this.grid[i];\n+                var tile = row.pop();\n+                this.destroyTile(tile)\n+            }\n+        }\n+    },\n+    onMapResize: function() {\n+        if (this.singleTile) {\n+            this.clearGrid();\n+            this.setTileSize()\n+        }\n+    },\n+    getTileBounds: function(viewPortPx) {\n+        var maxExtent = this.maxExtent;\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = maxExtent.left + tileMapWidth * Math.floor((mapPoint.lon - maxExtent.left) / tileMapWidth);\n+        var tileBottom = maxExtent.bottom + tileMapHeight * Math.floor((mapPoint.lat - maxExtent.bottom) / tileMapHeight);\n+        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Grid\"\n+});\n+OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        service: \"WMS\",\n+        version: \"1.1.1\",\n+        request: \"GetMap\",\n+        styles: \"\",\n+        format: \"image/jpeg\"\n+    },\n+    isBaseLayer: true,\n+    encodeBBOX: false,\n+    noMagic: false,\n+    yx: {},\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n+            params.EXCEPTIONS = \"INIMAGE\"\n+        }\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n+        if (!this.noMagic && this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+            if (options == null || !options.isBaseLayer) {\n+                this.isBaseLayer = false\n+            }\n+            if (this.params.FORMAT == \"image/jpeg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n+            }\n+        }\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMS(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    reverseAxisOrder: function() {\n+        var projCode = this.projection.getCode();\n+        return parseFloat(this.params.VERSION) >= 1.3 && !!(this.yx[projCode] || OpenLayers.Projection.defaults[projCode] && OpenLayers.Projection.defaults[projCode].yx)\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var imageSize = this.getImageSize();\n+        var newParams = {};\n+        var reverseAxisOrder = this.reverseAxisOrder();\n+        newParams.BBOX = this.encodeBBOX ? bounds.toBBOX(null, reverseAxisOrder) : bounds.toArray(reverseAxisOrder);\n+        newParams.WIDTH = imageSize.w;\n+        newParams.HEIGHT = imageSize.h;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString\n+    },\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n+    },\n+    getFullRequestString: function(newParams, altUrl) {\n+        var mapProjection = this.map.getProjectionObject();\n+        var projectionCode = this.projection && this.projection.equals(mapProjection) ? this.projection.getCode() : mapProjection.getCode();\n+        var value = projectionCode == \"none\" ? null : projectionCode;\n+        if (parseFloat(this.params.VERSION) >= 1.3) {\n+            this.params.CRS = value\n+        } else {\n+            this.params.SRS = value\n+        }\n+        if (typeof this.params.TRANSPARENT == \"boolean\") {\n+            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\"\n+        }\n+        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n+});\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    sphericalMercator: false,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options)\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = \"\" + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url)\n+        }\n+        return OpenLayers.String.format(url, xyz)\n+    },\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = (x % limit + limit) % limit\n+        }\n+        return {\n+            x: x,\n+            y: y,\n+            z: z\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    name: \"OpenStreetMap\",\n+    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    sphericalMercator: true,\n+    wrapDateLine: true,\n+    tileOptions: null,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options && this.options.tileOptions)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n+});\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    key: null,\n+    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n+    metadata: null,\n+    protocolRegex: /^http:/i,\n+    type: \"Road\",\n+    culture: \"en-US\",\n+    metadataParams: null,\n+    tileOptions: null,\n+    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n+    initialize: function(options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options.tileOptions);\n+        this.loadMetadata()\n+    },\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script)\n+    },\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n+        }\n+        this.addOptions({\n+            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n+            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw()\n+        }\n+        this.updateAttribution()\n+    },\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = \"0\";\n+            var mask = 1 << i - 1;\n+            if ((x & mask) != 0) {\n+                digit++\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++\n+            }\n+            quadDigits.push(digit)\n+        }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl(\"\" + x + y + z, this.url);\n+        return OpenLayers.String.format(url, {\n+            quadkey: quadKey\n+        })\n+    },\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return\n+        }\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \"\n                 }\n             }\n-            layer.addFeatures(features)\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n         })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options)\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    destroy: function() {\n+        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n });\n-OpenLayers.Filter.Spatial = OpenLayers.Class(OpenLayers.Filter, {\n-    type: null,\n-    property: null,\n-    value: null,\n-    distance: null,\n-    distanceUnits: null,\n-    evaluate: function(feature) {\n-        var intersect = false;\n-        switch (this.type) {\n-            case OpenLayers.Filter.Spatial.BBOX:\n-            case OpenLayers.Filter.Spatial.INTERSECTS:\n-                if (feature.geometry) {\n-                    var geom = this.value;\n-                    if (this.value.CLASS_NAME == \"OpenLayers.Bounds\") {\n-                        geom = this.value.toGeometry()\n-                    }\n-                    if (feature.geometry.intersects(geom)) {\n-                        intersect = true\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined;\n+    delete this._callbackId\n+};\n+OpenLayers.Layer.SphericalMercator = {\n+    getExtent: function() {\n+        var extent = null;\n+        if (this.sphericalMercator) {\n+            extent = this.map.calculateBounds()\n+        } else {\n+            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this)\n+        }\n+        return extent\n+    },\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments)\n+    },\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments)\n+    },\n+    initMercatorParameters: function() {\n+        this.RESOLUTIONS = [];\n+        var maxResolution = 156543.03390625;\n+        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n+            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom)\n+        }\n+        this.units = \"m\";\n+        this.projection = this.projection || \"EPSG:900913\"\n+    },\n+    forwardMercator: function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(lon, lat) {\n+            var point = OpenLayers.Projection.transform({\n+                x: lon,\n+                y: lat\n+            }, gg, sm);\n+            return new OpenLayers.LonLat(point.x, point.y)\n+        }\n+    }(),\n+    inverseMercator: function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(x, y) {\n+            var point = OpenLayers.Projection.transform({\n+                x: x,\n+                y: y\n+            }, sm, gg);\n+            return new OpenLayers.LonLat(point.x, point.y)\n+        }\n+    }()\n+};\n+OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n+    smoothDragPan: true,\n+    isBaseLayer: true,\n+    isFixed: true,\n+    pane: null,\n+    mapObject: null,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (this.pane == null) {\n+            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\")\n+        }\n+    },\n+    destroy: function() {\n+        this.mapObject = null;\n+        this.pane = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+        this.pane.style.display = this.div.style.display;\n+        this.pane.style.width = \"100%\";\n+        this.pane.style.height = \"100%\";\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.pane.style.background = \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\"\n+        }\n+        if (this.isFixed) {\n+            this.map.viewPortDiv.appendChild(this.pane)\n+        } else {\n+            this.map.layerContainerDiv.appendChild(this.pane)\n+        }\n+        this.loadMapObject();\n+        if (this.mapObject == null) {\n+            this.loadWarningMessage()\n+        }\n+    },\n+    removeMap: function(map) {\n+        if (this.pane && this.pane.parentNode) {\n+            this.pane.parentNode.removeChild(this.pane)\n+        }\n+        OpenLayers.Layer.prototype.removeMap.apply(this, arguments)\n+    },\n+    loadWarningMessage: function() {\n+        this.div.style.backgroundColor = \"darkblue\";\n+        var viewSize = this.map.getSize();\n+        var msgW = Math.min(viewSize.w, 300);\n+        var msgH = Math.min(viewSize.h, 200);\n+        var size = new OpenLayers.Size(msgW, msgH);\n+        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n+        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n+        var div = OpenLayers.Util.createDiv(this.name + \"_warning\", topLeft, size, null, null, null, \"auto\");\n+        div.style.padding = \"7px\";\n+        div.style.backgroundColor = \"yellow\";\n+        div.innerHTML = this.getWarningHTML();\n+        this.div.appendChild(div)\n+    },\n+    getWarningHTML: function() {\n+        return \"\"\n+    },\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        this.pane.style.display = this.div.style.display\n+    },\n+    setZIndex: function(zIndex) {\n+        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1\n+    },\n+    moveByPx: function(dx, dy) {\n+        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n+        if (this.dragPanMapObject) {\n+            this.dragPanMapObject(dx, -dy)\n+        } else {\n+            this.moveTo(this.map.getCachedCenter())\n+        }\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        if (this.mapObject != null) {\n+            var newCenter = this.map.getCenter();\n+            var newZoom = this.map.getZoom();\n+            if (newCenter != null) {\n+                var moOldCenter = this.getMapObjectCenter();\n+                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n+                var moOldZoom = this.getMapObjectZoom();\n+                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n+                if (!newCenter.equals(oldCenter) || newZoom != oldZoom) {\n+                    if (!zoomChanged && oldCenter && this.dragPanMapObject && this.smoothDragPan) {\n+                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n+                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n+                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y)\n+                    } else {\n+                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n+                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n+                        this.setMapObjectCenter(center, zoom, dragging)\n                     }\n                 }\n-                break;\n-            default:\n-                throw new Error(\"evaluate is not implemented for this filter type.\")\n+            }\n+        }\n+    },\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n+            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n+            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n+            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat)\n+        }\n+        return lonlat\n+    },\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        var viewPortPx = null;\n+        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n+            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n+            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n+            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel)\n+        }\n+        return viewPortPx\n+    },\n+    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n+        var olLonLat = null;\n+        if (moLonLat != null) {\n+            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+            olLonLat = new OpenLayers.LonLat(lon, lat)\n+        }\n+        return olLonLat\n+    },\n+    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n+        var moLatLng = null;\n+        if (olLonLat != null) {\n+            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon, olLonLat.lat)\n+        }\n+        return moLatLng\n+    },\n+    getOLPixelFromMapObjectPixel: function(moPixel) {\n+        var olPixel = null;\n+        if (moPixel != null) {\n+            var x = this.getXFromMapObjectPixel(moPixel);\n+            var y = this.getYFromMapObjectPixel(moPixel);\n+            olPixel = new OpenLayers.Pixel(x, y)\n+        }\n+        return olPixel\n+    },\n+    getMapObjectPixelFromOLPixel: function(olPixel) {\n+        var moPixel = null;\n+        if (olPixel != null) {\n+            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y)\n+        }\n+        return moPixel\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n+});\n+OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n+    initialize: function() {},\n+    initResolutions: function() {\n+        var props = [\"minZoomLevel\", \"maxZoomLevel\", \"numZoomLevels\"];\n+        for (var i = 0, len = props.length; i < len; i++) {\n+            var property = props[i];\n+            this[property] = this.options[property] != null ? this.options[property] : this.map[property]\n+        }\n+        if (this.minZoomLevel == null || this.minZoomLevel < this.MIN_ZOOM_LEVEL) {\n+            this.minZoomLevel = this.MIN_ZOOM_LEVEL\n+        }\n+        var desiredZoomLevels;\n+        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n+        if (this.options.numZoomLevels == null && this.options.maxZoomLevel != null || this.numZoomLevels == null && this.maxZoomLevel != null) {\n+            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1\n+        } else {\n+            desiredZoomLevels = this.numZoomLevels\n+        }\n+        if (desiredZoomLevels != null) {\n+            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels)\n+        } else {\n+            this.numZoomLevels = limitZoomLevels\n+        }\n+        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n+        if (this.RESOLUTIONS != null) {\n+            var resolutionsIndex = 0;\n+            this.resolutions = [];\n+            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n+                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i]\n+            }\n+            this.maxResolution = this.resolutions[0];\n+            this.minResolution = this.resolutions[this.resolutions.length - 1]\n+        }\n+    },\n+    getResolution: function() {\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments)\n+        } else {\n+            var resolution = null;\n+            var viewSize = this.map.getSize();\n+            var extent = this.getExtent();\n+            if (viewSize != null && extent != null) {\n+                resolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h)\n+            }\n+            return resolution\n+        }\n+    },\n+    getExtent: function() {\n+        var size = this.map.getSize();\n+        var tl = this.getLonLatFromViewPortPx({\n+            x: 0,\n+            y: 0\n+        });\n+        var br = this.getLonLatFromViewPortPx({\n+            x: size.w,\n+            y: size.h\n+        });\n+        if (tl != null && br != null) {\n+            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat)\n+        } else {\n+            return null\n+        }\n+    },\n+    getZoomForResolution: function(resolution) {\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments)\n+        } else {\n+            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n+            return this.getZoomForExtent(extent)\n+        }\n+    },\n+    getOLZoomFromMapObjectZoom: function(moZoom) {\n+        var zoom = null;\n+        if (moZoom != null) {\n+            zoom = moZoom - this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.map.baseLayer.getZoomForResolution(this.getResolutionForZoom(zoom))\n+            }\n+        }\n+        return zoom\n+    },\n+    getMapObjectZoomFromOLZoom: function(olZoom) {\n+        var zoom = null;\n+        if (olZoom != null) {\n+            zoom = olZoom + this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.getZoomForResolution(this.map.baseLayer.getResolutionForZoom(zoom))\n+            }\n+        }\n+        return zoom\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+});\n+OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n+    MIN_ZOOM_LEVEL: 0,\n+    MAX_ZOOM_LEVEL: 21,\n+    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n+    type: null,\n+    wrapDateLine: true,\n+    sphericalMercator: false,\n+    version: null,\n+    initialize: function(name, options) {\n+        options = options || {};\n+        if (!options.version) {\n+            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n+        }\n+        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n+        if (mixin) {\n+            OpenLayers.Util.applyDefaults(options, mixin)\n+        } else {\n+            throw \"Unsupported Google Maps API version: \" + options.version\n+        }\n+        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+        if (options.maxExtent) {\n+            options.maxExtent = options.maxExtent.clone()\n+        }\n+        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n+        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n+        if (this.sphericalMercator) {\n+            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+            this.initMercatorParameters()\n         }\n-        return intersect\n     },\n     clone: function() {\n-        var options = OpenLayers.Util.applyDefaults({\n-            value: this.value && this.value.clone && this.value.clone()\n-        }, this);\n-        return new OpenLayers.Filter.Spatial(options)\n+        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n     },\n-    CLASS_NAME: \"OpenLayers.Filter.Spatial\"\n+    setVisibility: function(visible) {\n+        var opacity = this.opacity == null ? 1 : this.opacity;\n+        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+        this.setOpacity(opacity)\n+    },\n+    display: function(visible) {\n+        if (!this._dragging) {\n+            this.setGMapVisibility(visible)\n+        }\n+        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        this._dragging = dragging;\n+        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+        delete this._dragging\n+    },\n+    setOpacity: function(opacity) {\n+        if (opacity !== this.opacity) {\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                })\n+            }\n+            this.opacity = opacity\n+        }\n+        if (this.getVisibility()) {\n+            var container = this.getMapContainer();\n+            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.map) {\n+            this.setGMapVisibility(false);\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache && cache.count <= 1) {\n+                this.removeGMapElements()\n+            }\n+        }\n+        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n+    },\n+    removeGMapElements: function() {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject && this.getMapContainer();\n+            if (container && container.parentNode) {\n+                container.parentNode.removeChild(container)\n+            }\n+            var termsOfUse = cache.termsOfUse;\n+            if (termsOfUse && termsOfUse.parentNode) {\n+                termsOfUse.parentNode.removeChild(termsOfUse)\n+            }\n+            var poweredBy = cache.poweredBy;\n+            if (poweredBy && poweredBy.parentNode) {\n+                poweredBy.parentNode.removeChild(poweredBy)\n+            }\n+            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n+                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n+            }\n+        }\n+    },\n+    removeMap: function(map) {\n+        if (this.visibility && this.mapObject) {\n+            this.setGMapVisibility(false)\n+        }\n+        var cache = OpenLayers.Layer.Google.cache[map.id];\n+        if (cache) {\n+            if (cache.count <= 1) {\n+                this.removeGMapElements();\n+                delete OpenLayers.Layer.Google.cache[map.id]\n+            } else {\n+                --cache.count\n+            }\n+        }\n+        delete this.termsOfUse;\n+        delete this.poweredBy;\n+        delete this.mapObject;\n+        delete this.dragObject;\n+        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n+    },\n+    getOLBoundsFromMapObjectBounds: function(moBounds) {\n+        var olBounds = null;\n+        if (moBounds != null) {\n+            var sw = moBounds.getSouthWest();\n+            var ne = moBounds.getNorthEast();\n+            if (this.sphericalMercator) {\n+                sw = this.forwardMercator(sw.lng(), sw.lat());\n+                ne = this.forwardMercator(ne.lng(), ne.lat())\n+            } else {\n+                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n+            }\n+            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n+        }\n+        return olBounds\n+    },\n+    getWarningHTML: function() {\n+        return OpenLayers.i18n(\"googleWarning\")\n+    },\n+    getMapObjectCenter: function() {\n+        return this.mapObject.getCenter()\n+    },\n+    getMapObjectZoom: function() {\n+        return this.mapObject.getZoom()\n+    },\n+    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n+    },\n+    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n+        return lat\n+    },\n+    getXFromMapObjectPixel: function(moPixel) {\n+        return moPixel.x\n+    },\n+    getYFromMapObjectPixel: function(moPixel) {\n+        return moPixel.y\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Google\"\n });\n-OpenLayers.Filter.Spatial.BBOX = \"BBOX\";\n-OpenLayers.Filter.Spatial.INTERSECTS = \"INTERSECTS\";\n-OpenLayers.Filter.Spatial.DWITHIN = \"DWITHIN\";\n-OpenLayers.Filter.Spatial.WITHIN = \"WITHIN\";\n-OpenLayers.Filter.Spatial.CONTAINS = \"CONTAINS\";\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n-    bounds: null,\n-    resolution: null,\n-    ratio: 2,\n-    resFactor: null,\n-    response: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n+OpenLayers.Layer.Google.cache = {};\n+OpenLayers.Layer.Google.v2 = {\n+    termsOfUse: null,\n+    poweredBy: null,\n+    dragObject: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP\n+        }\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            ++cache.count\n+        } else {\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n+            try {\n+                mapObject = new GMap2(div);\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n+            } catch (e) {\n+                throw e\n+            }\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            }\n+        }\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n+            this.mapObject.addMapType(this.type)\n+        }\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject()\n+        } else {\n+            this.dragPanMapObject = null\n+        }\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\")\n+        }\n+    },\n+    onMapResize: function() {\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize()\n+        } else {\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n+                })\n+            }\n+            this._resized = true\n+        }\n+    },\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id\n+            } else {\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed\n+                }\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\"\n+                }\n+            }\n+        }\n+    },\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n+        }\n+        return moBounds\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom)\n+    },\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY))\n+    },\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n+    },\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new GLatLng(lat, lon)\n+        }\n+        return gLatLng\n+    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y)\n+    }\n+};\n+OpenLayers.Layer.Google.v3 = {\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n+    animationEnabled: true,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP\n+        }\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            ++cache.count\n+        } else {\n+            var center = this.map.getCenter();\n+            var container = document.createElement(\"div\");\n+            container.className = \"olForeignContainer\";\n+            container.style.width = \"100%\";\n+            container.style.height = \"100%\";\n+            mapObject = new google.maps.Map(container, {\n+                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n             });\n-            this.update()\n+            var googleControl = document.createElement(\"div\");\n+            googleControl.style.width = \"100%\";\n+            googleControl.style.height = \"100%\";\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache\n         }\n-        return activated\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility)\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n-            })\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\")\n         }\n-        return deactivated\n     },\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options)\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter())\n+                        })\n+                    } else {\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, \"resize\")\n+                    }\n+                }\n+                this.mapObject.setMapTypeId(type)\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container)\n+            }\n         }\n     },\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n         }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n+        return moBounds\n+    },\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n+        var delta_x = moPixel.x - size.w / 2;\n+        var delta_y = moPixel.y - size.h / 2;\n+        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent)\n         }\n-        return bounds\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n     },\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n+                mapContainer.style.visibility = \"\"\n+            });\n+            mapContainer.style.visibility = \"hidden\"\n         }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        })\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon)\n         }\n-        return invalid\n+        return gLatLng\n     },\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y)\n+    }\n+};\n+OpenLayers.Popup = OpenLayers.Class({\n+    events: null,\n+    id: \"\",\n+    lonlat: null,\n+    div: null,\n+    contentSize: null,\n+    size: null,\n+    contentHTML: null,\n+    backgroundColor: \"\",\n+    opacity: \"\",\n+    border: \"\",\n+    contentDiv: null,\n+    groupDiv: null,\n+    closeDiv: null,\n+    autoSize: false,\n+    minSize: null,\n+    maxSize: null,\n+    displayClass: \"olPopup\",\n+    contentDisplayClass: \"olPopupContent\",\n+    padding: 0,\n+    disableFirefoxOverflowHack: false,\n+    fixPadding: function() {\n+        if (typeof this.padding == \"number\") {\n+            this.padding = new OpenLayers.Bounds(this.padding, this.padding, this.padding, this.padding)\n         }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n     },\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\")\n+    panMapIfOutOfView: false,\n+    keepInMap: false,\n+    closeOnMove: false,\n+    map: null,\n+    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n+        if (id == null) {\n+            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n         }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            filter: evt.filter,\n-            callback: this.merge,\n-            scope: this\n-        }, options))\n+        this.id = id;\n+        this.lonlat = lonlat;\n+        this.contentSize = contentSize != null ? contentSize : new OpenLayers.Size(OpenLayers.Popup.WIDTH, OpenLayers.Popup.HEIGHT);\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML\n+        }\n+        this.backgroundColor = OpenLayers.Popup.COLOR;\n+        this.opacity = OpenLayers.Popup.OPACITY;\n+        this.border = OpenLayers.Popup.BORDER;\n+        this.div = OpenLayers.Util.createDiv(this.id, null, null, null, null, null, \"hidden\");\n+        this.div.className = this.displayClass;\n+        var groupDivId = this.id + \"_GroupDiv\";\n+        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null, null, \"relative\", null, \"hidden\");\n+        var id = this.div.id + \"_contentDiv\";\n+        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(), null, \"relative\");\n+        this.contentDiv.className = this.contentDisplayClass;\n+        this.groupDiv.appendChild(this.contentDiv);\n+        this.div.appendChild(this.groupDiv);\n+        if (closeBox) {\n+            this.addCloseBox(closeBoxCallback)\n+        }\n+        this.registerEvents()\n     },\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n+    destroy: function() {\n+        this.id = null;\n+        this.lonlat = null;\n+        this.size = null;\n+        this.contentHTML = null;\n+        this.backgroundColor = null;\n+        this.opacity = null;\n+        this.border = null;\n+        if (this.closeOnMove && this.map) {\n+            this.map.events.unregister(\"movestart\", this, this.hide)\n+        }\n+        this.events.destroy();\n+        this.events = null;\n+        if (this.closeDiv) {\n+            OpenLayers.Event.stopObservingElement(this.closeDiv);\n+            this.groupDiv.removeChild(this.closeDiv)\n+        }\n+        this.closeDiv = null;\n+        this.div.removeChild(this.groupDiv);\n+        this.groupDiv = null;\n+        if (this.map != null) {\n+            this.map.removePopup(this)\n+        }\n+        this.map = null;\n+        this.div = null;\n+        this.autoSize = null;\n+        this.minSize = null;\n+        this.maxSize = null;\n+        this.padding = null;\n+        this.panMapIfOutOfView = null\n+    },\n+    draw: function(px) {\n+        if (px == null) {\n+            if (this.lonlat != null && this.map != null) {\n+                px = this.map.getLayerPxFromLonLat(this.lonlat)\n+            }\n+        }\n+        if (this.closeOnMove) {\n+            this.map.events.register(\"movestart\", this, this.hide)\n+        }\n+        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == \"firefox\") {\n+            this.map.events.register(\"movestart\", this, function() {\n+                var style = document.defaultView.getComputedStyle(this.contentDiv, null);\n+                var currentOverflow = style.getPropertyValue(\"overflow\");\n+                if (currentOverflow != \"hidden\") {\n+                    this.contentDiv._oldOverflow = currentOverflow;\n+                    this.contentDiv.style.overflow = \"hidden\"\n+                }\n+            });\n+            this.map.events.register(\"moveend\", this, function() {\n+                var oldOverflow = this.contentDiv._oldOverflow;\n+                if (oldOverflow) {\n+                    this.contentDiv.style.overflow = oldOverflow;\n+                    this.contentDiv._oldOverflow = null\n+                }\n             })\n         }\n-        return filter\n+        this.moveTo(px);\n+        if (!this.autoSize && !this.size) {\n+            this.setSize(this.contentSize)\n+        }\n+        this.setBackgroundColor();\n+        this.setOpacity();\n+        this.setBorder();\n+        this.setContentHTML();\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView()\n+        }\n+        return this.div\n     },\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local)\n-                        }\n+    updatePosition: function() {\n+        if (this.lonlat && this.map) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            if (px) {\n+                this.moveTo(px)\n+            }\n+        }\n+    },\n+    moveTo: function(px) {\n+        if (px != null && this.div != null) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\"\n+        }\n+    },\n+    visible: function() {\n+        return OpenLayers.Element.visible(this.div)\n+    },\n+    toggle: function() {\n+        if (this.visible()) {\n+            this.hide()\n+        } else {\n+            this.show()\n+        }\n+    },\n+    show: function() {\n+        this.div.style.display = \"\";\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView()\n+        }\n+    },\n+    hide: function() {\n+        this.div.style.display = \"none\"\n+    },\n+    setSize: function(contentSize) {\n+        this.size = contentSize.clone();\n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right\n+        }\n+        this.size.w += wPadding;\n+        this.size.h += hPadding;\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.contentSize.w += contentDivPadding.left + contentDivPadding.right;\n+            this.contentSize.h += contentDivPadding.bottom + contentDivPadding.top\n+        }\n+        if (this.div != null) {\n+            this.div.style.width = this.size.w + \"px\";\n+            this.div.style.height = this.size.h + \"px\"\n+        }\n+        if (this.contentDiv != null) {\n+            this.contentDiv.style.width = contentSize.w + \"px\";\n+            this.contentDiv.style.height = contentSize.h + \"px\"\n+        }\n+    },\n+    updateSize: function() {\n+        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" + this.contentDiv.innerHTML + \"</div>\";\n+        var containerElement = this.map ? this.map.div : document.body;\n+        var realSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, null, {\n+            displayClass: this.displayClass,\n+            containerElement: containerElement\n+        });\n+        var safeSize = this.getSafeContentSize(realSize);\n+        var newSize = null;\n+        if (safeSize.equals(realSize)) {\n+            newSize = realSize\n+        } else {\n+            var fixedSize = {\n+                w: safeSize.w < realSize.w ? safeSize.w : null,\n+                h: safeSize.h < realSize.h ? safeSize.h : null\n+            };\n+            if (fixedSize.w && fixedSize.h) {\n+                newSize = safeSize\n+            } else {\n+                var clippedSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, fixedSize, {\n+                    displayClass: this.contentDisplayClass,\n+                    containerElement: containerElement\n+                });\n+                var currentOverflow = OpenLayers.Element.getStyle(this.contentDiv, \"overflow\");\n+                if (currentOverflow != \"hidden\" && clippedSize.equals(safeSize)) {\n+                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n+                    if (fixedSize.w) {\n+                        clippedSize.h += scrollBar\n+                    } else {\n+                        clippedSize.w += scrollBar\n                     }\n                 }\n-                this.layer.addFeatures(features)\n+                newSize = this.getSafeContentSize(clippedSize)\n             }\n-        } else {\n-            this.bounds = null\n         }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n+        this.setSize(newSize)\n+    },\n+    setBackgroundColor: function(color) {\n+        if (color != undefined) {\n+            this.backgroundColor = color\n+        }\n+        if (this.div != null) {\n+            this.div.style.backgroundColor = this.backgroundColor\n+        }\n+    },\n+    setOpacity: function(opacity) {\n+        if (opacity != undefined) {\n+            this.opacity = opacity\n+        }\n+        if (this.div != null) {\n+            this.div.style.opacity = this.opacity;\n+            this.div.style.filter = \"alpha(opacity=\" + this.opacity * 100 + \")\"\n+        }\n+    },\n+    setBorder: function(border) {\n+        if (border != undefined) {\n+            this.border = border\n+        }\n+        if (this.div != null) {\n+            this.div.style.border = this.border\n+        }\n+    },\n+    setContentHTML: function(contentHTML) {\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML\n+        }\n+        if (this.contentDiv != null && this.contentHTML != null && this.contentHTML != this.contentDiv.innerHTML) {\n+            this.contentDiv.innerHTML = this.contentHTML;\n+            if (this.autoSize) {\n+                this.registerImageListeners();\n+                this.updateSize()\n+            }\n+        }\n+    },\n+    registerImageListeners: function() {\n+        var onImgLoad = function() {\n+            if (this.popup.id === null) {\n+                return\n+            }\n+            this.popup.updateSize();\n+            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n+                this.popup.panIntoView()\n+            }\n+            OpenLayers.Event.stopObserving(this.img, \"load\", this.img._onImgLoad)\n+        };\n+        var images = this.contentDiv.getElementsByTagName(\"img\");\n+        for (var i = 0, len = images.length; i < len; i++) {\n+            var img = images[i];\n+            if (img.width == 0 || img.height == 0) {\n+                var context = {\n+                    popup: this,\n+                    img: img\n+                };\n+                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n+                OpenLayers.Event.observe(img, \"load\", img._onImgLoad)\n+            }\n+        }\n+    },\n+    getSafeContentSize: function(size) {\n+        var safeContentSize = size.clone();\n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right\n+        }\n+        if (this.minSize) {\n+            safeContentSize.w = Math.max(safeContentSize.w, this.minSize.w - wPadding);\n+            safeContentSize.h = Math.max(safeContentSize.h, this.minSize.h - hPadding)\n+        }\n+        if (this.maxSize) {\n+            safeContentSize.w = Math.min(safeContentSize.w, this.maxSize.w - wPadding);\n+            safeContentSize.h = Math.min(safeContentSize.h, this.maxSize.h - hPadding)\n+        }\n+        if (this.map && this.map.size) {\n+            var extraX = 0,\n+                extraY = 0;\n+            if (this.keepInMap && !this.panMapIfOutOfView) {\n+                var px = this.map.getPixelFromLonLat(this.lonlat);\n+                switch (this.relativePosition) {\n+                    case \"tr\":\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"tl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"bl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = px.y;\n+                        break;\n+                    case \"br\":\n+                        extraX = px.x;\n+                        extraY = px.y;\n+                        break;\n+                    default:\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break\n+                }\n+            }\n+            var maxY = this.map.size.h - this.map.paddingForPopups.top - this.map.paddingForPopups.bottom - hPadding - extraY;\n+            var maxX = this.map.size.w - this.map.paddingForPopups.left - this.map.paddingForPopups.right - wPadding - extraX;\n+            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n+            safeContentSize.h = Math.min(safeContentSize.h, maxY)\n+        }\n+        return safeContentSize\n+    },\n+    getContentDivPadding: function() {\n+        var contentDivPadding = this._contentDivPadding;\n+        if (!contentDivPadding) {\n+            if (this.div.parentNode == null) {\n+                this.div.style.display = \"none\";\n+                document.body.appendChild(this.div)\n+            }\n+            contentDivPadding = new OpenLayers.Bounds(OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\"));\n+            this._contentDivPadding = contentDivPadding;\n+            if (this.div.parentNode == document.body) {\n+                document.body.removeChild(this.div);\n+                this.div.style.display = \"\"\n+            }\n+        }\n+        return contentDivPadding\n+    },\n+    addCloseBox: function(callback) {\n+        this.closeDiv = OpenLayers.Util.createDiv(this.id + \"_close\", null, {\n+            w: 17,\n+            h: 17\n+        });\n+        this.closeDiv.className = \"olPopupCloseBox\";\n+        var contentDivPadding = this.getContentDivPadding();\n+        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n+        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n+        this.groupDiv.appendChild(this.closeDiv);\n+        var closePopup = callback || function(e) {\n+            this.hide();\n+            OpenLayers.Event.stop(e)\n+        };\n+        OpenLayers.Event.observe(this.closeDiv, \"touchend\", OpenLayers.Function.bindAsEventListener(closePopup, this));\n+        OpenLayers.Event.observe(this.closeDiv, \"click\", OpenLayers.Function.bindAsEventListener(closePopup, this))\n+    },\n+    panIntoView: function() {\n+        var mapSize = this.map.getSize();\n+        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(parseInt(this.div.style.left), parseInt(this.div.style.top)));\n+        var newTL = origTL.clone();\n+        if (origTL.x < this.map.paddingForPopups.left) {\n+            newTL.x = this.map.paddingForPopups.left\n+        } else if (origTL.x + this.size.w > mapSize.w - this.map.paddingForPopups.right) {\n+            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w\n+        }\n+        if (origTL.y < this.map.paddingForPopups.top) {\n+            newTL.y = this.map.paddingForPopups.top\n+        } else if (origTL.y + this.size.h > mapSize.h - this.map.paddingForPopups.bottom) {\n+            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h\n+        }\n+        var dx = origTL.x - newTL.x;\n+        var dy = origTL.y - newTL.y;\n+        this.map.pan(dx, dy)\n+    },\n+    registerEvents: function() {\n+        this.events = new OpenLayers.Events(this, this.div, null, true);\n+\n+        function onTouchstart(evt) {\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+        this.events.on({\n+            mousedown: this.onmousedown,\n+            mousemove: this.onmousemove,\n+            mouseup: this.onmouseup,\n+            click: this.onclick,\n+            mouseout: this.onmouseout,\n+            dblclick: this.ondblclick,\n+            touchstart: onTouchstart,\n+            scope: this\n         })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+    onmousedown: function(evt) {\n+        this.mousedown = true;\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    onmousemove: function(evt) {\n+        if (this.mousedown) {\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+    },\n+    onmouseup: function(evt) {\n+        if (this.mousedown) {\n+            this.mousedown = false;\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+    },\n+    onclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    onmouseout: function(evt) {\n+        this.mousedown = false\n+    },\n+    ondblclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup\"\n+});\n+OpenLayers.Popup.WIDTH = 200;\n+OpenLayers.Popup.HEIGHT = 200;\n+OpenLayers.Popup.COLOR = \"white\";\n+OpenLayers.Popup.OPACITY = 1;\n+OpenLayers.Popup.BORDER = \"0px\";\n+OpenLayers.Popup.Anchored = OpenLayers.Class(OpenLayers.Popup, {\n+    relativePosition: null,\n+    keepInMap: true,\n+    anchor: null,\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        var newArguments = [id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback];\n+        OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n+        this.anchor = anchor != null ? anchor : {\n+            size: new OpenLayers.Size(0, 0),\n+            offset: new OpenLayers.Pixel(0, 0)\n+        }\n+    },\n+    destroy: function() {\n+        this.anchor = null;\n+        this.relativePosition = null;\n+        OpenLayers.Popup.prototype.destroy.apply(this, arguments)\n+    },\n+    show: function() {\n+        this.updatePosition();\n+        OpenLayers.Popup.prototype.show.apply(this, arguments)\n+    },\n+    moveTo: function(px) {\n+        var oldRelativePosition = this.relativePosition;\n+        this.relativePosition = this.calculateRelativePosition(px);\n+        OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n+        if (this.relativePosition != oldRelativePosition) {\n+            this.updateRelativePosition()\n+        }\n+    },\n+    setSize: function(contentSize) {\n+        OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n+        if (this.lonlat && this.map) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            this.moveTo(px)\n+        }\n+    },\n+    calculateRelativePosition: function(px) {\n+        var lonlat = this.map.getLonLatFromLayerPx(px);\n+        var extent = this.map.getExtent();\n+        var quadrant = extent.determineQuadrant(lonlat);\n+        return OpenLayers.Bounds.oppositeQuadrant(quadrant)\n+    },\n+    updateRelativePosition: function() {},\n+    calculateNewPx: function(px) {\n+        var newPx = px.offset(this.anchor.offset);\n+        var size = this.size || this.contentSize;\n+        var top = this.relativePosition.charAt(0) == \"t\";\n+        newPx.y += top ? -size.h : this.anchor.size.h;\n+        var left = this.relativePosition.charAt(1) == \"l\";\n+        newPx.x += left ? -size.w : this.anchor.size.w;\n+        return newPx\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n+});\n+OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+    imageSrc: null,\n+    imageSize: null,\n+    isAlphaImage: false,\n+    positionBlocks: null,\n+    blocks: null,\n+    fixedRelativePosition: false,\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+        if (this.fixedRelativePosition) {\n+            this.updateRelativePosition();\n+            this.calculateRelativePosition = function(px) {\n+                return this.relativePosition\n+            }\n+        }\n+        this.contentDiv.style.position = \"absolute\";\n+        this.contentDiv.style.zIndex = 1;\n+        if (closeBox) {\n+            this.closeDiv.style.zIndex = 1\n+        }\n+        this.groupDiv.style.position = \"absolute\";\n+        this.groupDiv.style.top = \"0px\";\n+        this.groupDiv.style.left = \"0px\";\n+        this.groupDiv.style.height = \"100%\";\n+        this.groupDiv.style.width = \"100%\"\n+    },\n+    destroy: function() {\n+        this.imageSrc = null;\n+        this.imageSize = null;\n+        this.isAlphaImage = null;\n+        this.fixedRelativePosition = false;\n+        this.positionBlocks = null;\n+        for (var i = 0; i < this.blocks.length; i++) {\n+            var block = this.blocks[i];\n+            if (block.image) {\n+                block.div.removeChild(block.image)\n+            }\n+            block.image = null;\n+            if (block.div) {\n+                this.groupDiv.removeChild(block.div)\n+            }\n+            block.div = null\n+        }\n+        this.blocks = null;\n+        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n+    },\n+    setBackgroundColor: function(color) {},\n+    setBorder: function() {},\n+    setOpacity: function(opacity) {},\n+    setSize: function(contentSize) {\n+        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+        this.updateBlocks()\n+    },\n+    updateRelativePosition: function() {\n+        this.padding = this.positionBlocks[this.relativePosition].padding;\n+        if (this.closeDiv) {\n+            var contentDivPadding = this.getContentDivPadding();\n+            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n+            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n+        }\n+        this.updateBlocks()\n+    },\n+    calculateNewPx: function(px) {\n+        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n+        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+        return newPx\n+    },\n+    createBlocks: function() {\n+        this.blocks = [];\n+        var firstPosition = null;\n+        for (var key in this.positionBlocks) {\n+            firstPosition = key;\n+            break\n+        }\n+        var position = this.positionBlocks[firstPosition];\n+        for (var i = 0; i < position.blocks.length; i++) {\n+            var block = {};\n+            this.blocks.push(block);\n+            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n+            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n+            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n+            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n+            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n+            block.div.appendChild(block.image);\n+            this.groupDiv.appendChild(block.div)\n+        }\n+    },\n+    updateBlocks: function() {\n+        if (!this.blocks) {\n+            this.createBlocks()\n+        }\n+        if (this.size && this.relativePosition) {\n+            var position = this.positionBlocks[this.relativePosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n+                var positionBlock = position.blocks[i];\n+                var block = this.blocks[i];\n+                var l = positionBlock.anchor.left;\n+                var b = positionBlock.anchor.bottom;\n+                var r = positionBlock.anchor.right;\n+                var t = positionBlock.anchor.top;\n+                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n+                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n+                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n+                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n+                block.div.style.left = l != null ? l + \"px\" : \"\";\n+                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n+                block.div.style.right = r != null ? r + \"px\" : \"\";\n+                block.div.style.top = t != null ? t + \"px\" : \"\";\n+                block.image.style.left = positionBlock.position.x + \"px\";\n+                block.image.style.top = positionBlock.position.y + \"px\"\n+            }\n+            this.contentDiv.style.left = this.padding.left + \"px\";\n+            this.contentDiv.style.top = this.padding.top + \"px\"\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+});\n+OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n+    contentDisplayClass: \"olFramedCloudPopupContent\",\n+    autoSize: true,\n+    panMapIfOutOfView: true,\n+    imageSize: new OpenLayers.Size(1276, 736),\n+    isAlphaImage: false,\n+    fixedRelativePosition: false,\n+    positionBlocks: {\n+        tl: {\n+            offset: new OpenLayers.Pixel(44, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 18),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -632)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(0, -688)\n+            }]\n+        },\n+        tr: {\n+            offset: new OpenLayers.Pixel(-45, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 19),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -631)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                position: new OpenLayers.Pixel(-215, -687)\n+            }]\n+        },\n+        bl: {\n+            offset: new OpenLayers.Pixel(45, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                position: new OpenLayers.Pixel(-101, -674)\n+            }]\n+        },\n+        br: {\n+            offset: new OpenLayers.Pixel(-44, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                position: new OpenLayers.Pixel(-311, -674)\n+            }]\n+        }\n+    },\n+    minSize: new OpenLayers.Size(105, 10),\n+    maxSize: new OpenLayers.Size(1200, 660),\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n+        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+        this.contentDiv.className = this.contentDisplayClass\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n });\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.min.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.min.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -17,14 +17,59 @@\n         }\n         return function() {\n             return l\n         }\n     }(),\n     ImgPath: \"\"\n };\n+OpenLayers.Class = function() {\n+    var len = arguments.length;\n+    var P = arguments[0];\n+    var F = arguments[len - 1];\n+    var C = typeof F.initialize == \"function\" ? F.initialize : function() {\n+        P.prototype.initialize.apply(this, arguments)\n+    };\n+    if (len > 1) {\n+        var newArgs = [C, P].concat(Array.prototype.slice.call(arguments).slice(1, len - 1), F);\n+        OpenLayers.inherit.apply(null, newArgs)\n+    } else {\n+        C.prototype = F\n+    }\n+    return C\n+};\n+OpenLayers.inherit = function(C, P) {\n+    var F = function() {};\n+    F.prototype = P.prototype;\n+    C.prototype = new F;\n+    var i, l, o;\n+    for (i = 2, l = arguments.length; i < l; i++) {\n+        o = arguments[i];\n+        if (typeof o === \"function\") {\n+            o = o.prototype\n+        }\n+        OpenLayers.Util.extend(C.prototype, o)\n+    }\n+};\n+OpenLayers.Util = OpenLayers.Util || {};\n+OpenLayers.Util.extend = function(destination, source) {\n+    destination = destination || {};\n+    if (source) {\n+        for (var property in source) {\n+            var value = source[property];\n+            if (value !== undefined) {\n+                destination[property] = value\n+            }\n+        }\n+        var sourceIsEvt = typeof window.Event == \"function\" && source instanceof window.Event;\n+        if (!sourceIsEvt && source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n+            destination.toString = source.toString\n+        }\n+    }\n+    return destination\n+};\n OpenLayers.String = {\n     startsWith: function(str, sub) {\n         return str.indexOf(sub) == 0\n     },\n     contains: function(str, sub) {\n         return str.indexOf(sub) != -1\n     },\n@@ -167,59 +212,14 @@\n                     }\n                 }\n             }\n         }\n         return selected\n     }\n };\n-OpenLayers.Class = function() {\n-    var len = arguments.length;\n-    var P = arguments[0];\n-    var F = arguments[len - 1];\n-    var C = typeof F.initialize == \"function\" ? F.initialize : function() {\n-        P.prototype.initialize.apply(this, arguments)\n-    };\n-    if (len > 1) {\n-        var newArgs = [C, P].concat(Array.prototype.slice.call(arguments).slice(1, len - 1), F);\n-        OpenLayers.inherit.apply(null, newArgs)\n-    } else {\n-        C.prototype = F\n-    }\n-    return C\n-};\n-OpenLayers.inherit = function(C, P) {\n-    var F = function() {};\n-    F.prototype = P.prototype;\n-    C.prototype = new F;\n-    var i, l, o;\n-    for (i = 2, l = arguments.length; i < l; i++) {\n-        o = arguments[i];\n-        if (typeof o === \"function\") {\n-            o = o.prototype\n-        }\n-        OpenLayers.Util.extend(C.prototype, o)\n-    }\n-};\n-OpenLayers.Util = OpenLayers.Util || {};\n-OpenLayers.Util.extend = function(destination, source) {\n-    destination = destination || {};\n-    if (source) {\n-        for (var property in source) {\n-            var value = source[property];\n-            if (value !== undefined) {\n-                destination[property] = value\n-            }\n-        }\n-        var sourceIsEvt = typeof window.Event == \"function\" && source instanceof window.Event;\n-        if (!sourceIsEvt && source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n-            destination.toString = source.toString\n-        }\n-    }\n-    return destination\n-};\n OpenLayers.Bounds = OpenLayers.Class({\n     left: null,\n     bottom: null,\n     right: null,\n     top: null,\n     centerLonLat: null,\n     initialize: function(left, bottom, right, top) {\n@@ -1605,311 +1605,624 @@\n     if (axis == \"lon\") {\n         str += coordinate < 0 ? OpenLayers.i18n(\"W\") : OpenLayers.i18n(\"E\")\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\")\n     }\n     return str\n };\n-OpenLayers.Util = OpenLayers.Util || {};\n-OpenLayers.Util.vendorPrefix = function() {\n-    \"use strict\";\n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n-\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null\n+OpenLayers.Feature = OpenLayers.Class({\n+    layer: null,\n+    id: null,\n+    lonlat: null,\n+    data: null,\n+    marker: null,\n+    popupClass: null,\n+    popup: null,\n+    initialize: function(layer, lonlat, data) {\n+        this.layer = layer;\n+        this.lonlat = lonlat;\n+        this.data = data != null ? data : {};\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+    },\n+    destroy: function() {\n+        if (this.layer != null && this.layer.map != null) {\n+            if (this.popup != null) {\n+                this.layer.map.removePopup(this.popup)\n+            }\n         }\n-        return prefixedDom.replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase()\n-        }).replace(/^ms-/, \"-ms-\")\n-    }\n-\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase()\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom)\n+        if (this.layer != null && this.marker != null) {\n+            this.layer.removeMarker(this.marker)\n         }\n-        return cssCache[property]\n-    }\n-\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp, i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        prefix = prefix.toLowerCase()\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n-                } else {\n-                    tmpProp = property\n-                }\n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break\n-                }\n-            }\n+        this.layer = null;\n+        this.id = null;\n+        this.lonlat = null;\n+        this.data = null;\n+        if (this.marker != null) {\n+            this.destroyMarker(this.marker);\n+            this.marker = null\n         }\n-        return jsCache[property]\n-    }\n-\n-    function style(property) {\n-        return js(divStyle, property)\n-    }\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    }\n-}();\n-OpenLayers.Animation = function(window) {\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!requestAnimationFrame;\n-    var requestFrame = function() {\n-        var request = window[requestAnimationFrame] || function(callback, element) {\n-            window.setTimeout(callback, 16)\n-        };\n-        return function(callback, element) {\n-            request.apply(window, [callback, element])\n+        if (this.popup != null) {\n+            this.destroyPopup(this.popup);\n+            this.popup = null\n         }\n-    }();\n-    var counter = 0;\n-    var loops = {};\n-\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element)\n-                }\n-            } else {\n-                delete loops[id]\n-            }\n-        };\n-        requestFrame(loops[id], element);\n-        return id\n-    }\n-\n-    function stop(id) {\n-        delete loops[id]\n-    }\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    }\n-}(window);\n-OpenLayers.Kinetic = OpenLayers.Class({\n-    threshold: 0,\n-    deceleration: .0035,\n-    nbPoints: 100,\n-    delay: 200,\n-    points: undefined,\n-    timerId: undefined,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n     },\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = []\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.layer != null && this.layer.map != null) {\n+            var screenBounds = this.layer.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat)\n+        }\n+        return onScreen\n     },\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: (new Date).getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop()\n+    createMarker: function() {\n+        if (this.lonlat != null) {\n+            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon)\n         }\n+        return this.marker\n     },\n-    end: function(xy) {\n-        var last, now = (new Date).getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break\n+    destroyMarker: function() {\n+        this.marker.destroy()\n+    },\n+    createPopup: function(closeBox) {\n+        if (this.lonlat != null) {\n+            if (!this.popup) {\n+                var anchor = this.marker ? this.marker.icon : null;\n+                var popupClass = this.popupClass ? this.popupClass : OpenLayers.Popup.Anchored;\n+                this.popup = new popupClass(this.id + \"_popup\", this.lonlat, this.data.popupSize, this.data.popupContentHTML, anchor, closeBox)\n             }\n-            last = point\n+            if (this.data.overflow != null) {\n+                this.popup.contentDiv.style.overflow = this.data.overflow\n+            }\n+            this.popup.feature = this\n         }\n-        if (!last) {\n-            return\n+        return this.popup\n+    },\n+    destroyPopup: function() {\n+        if (this.popup) {\n+            this.popup.feature = null;\n+            this.popup.destroy();\n+            this.popup = null\n         }\n-        var time = (new Date).getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return\n+    },\n+    CLASS_NAME: \"OpenLayers.Feature\"\n+});\n+OpenLayers.State = {\n+    UNKNOWN: \"Unknown\",\n+    INSERT: \"Insert\",\n+    UPDATE: \"Update\",\n+    DELETE: \"Delete\"\n+};\n+OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n+    fid: null,\n+    geometry: null,\n+    attributes: null,\n+    bounds: null,\n+    state: null,\n+    style: null,\n+    url: null,\n+    renderIntent: \"default\",\n+    modified: null,\n+    initialize: function(geometry, attributes, style) {\n+        OpenLayers.Feature.prototype.initialize.apply(this, [null, null, attributes]);\n+        this.lonlat = null;\n+        this.geometry = geometry ? geometry : null;\n+        this.state = null;\n+        this.attributes = {};\n+        if (attributes) {\n+            this.attributes = OpenLayers.Util.extend(this.attributes, attributes)\n         }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta\n+        this.style = style ? style : null\n+    },\n+    destroy: function() {\n+        if (this.layer) {\n+            this.layer.removeFeatures(this);\n+            this.layer = null\n         }\n-        return {\n-            speed: speed,\n-            theta: theta\n+        this.geometry = null;\n+        this.modified = null;\n+        OpenLayers.Feature.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function() {\n+        return new OpenLayers.Feature.Vector(this.geometry ? this.geometry.clone() : null, this.attributes, this.style)\n+    },\n+    onScreen: function(boundsOnly) {\n+        var onScreen = false;\n+        if (this.layer && this.layer.map) {\n+            var screenBounds = this.layer.map.getExtent();\n+            if (boundsOnly) {\n+                var featureBounds = this.geometry.getBounds();\n+                onScreen = screenBounds.intersectsBounds(featureBounds)\n+            } else {\n+                var screenPoly = screenBounds.toGeometry();\n+                onScreen = screenPoly.intersects(this.geometry)\n+            }\n         }\n+        return onScreen\n     },\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-        var initialTime = (new Date).getTime();\n-        var lastX = 0;\n-        var lastY = 0;\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return\n+    getVisibility: function() {\n+        return !(this.style && this.style.display == \"none\" || !this.layer || this.layer && this.layer.styleMap && this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == \"none\" || this.layer && !this.layer.getVisibility())\n+    },\n+    createMarker: function() {\n+        return null\n+    },\n+    destroyMarker: function() {},\n+    createPopup: function() {\n+        return null\n+    },\n+    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n+        var atPoint = false;\n+        if (this.geometry) {\n+            atPoint = this.geometry.atPoint(lonlat, toleranceLon, toleranceLat)\n+        }\n+        return atPoint\n+    },\n+    destroyPopup: function() {},\n+    move: function(location) {\n+        if (!this.layer || !this.geometry.move) {\n+            return undefined\n+        }\n+        var pixel;\n+        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n+            pixel = this.layer.getViewPortPxFromLonLat(location)\n+        } else {\n+            pixel = location\n+        }\n+        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n+        var res = this.layer.map.getResolution();\n+        this.geometry.move(res * (pixel.x - lastPixel.x), res * (lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this);\n+        return lastPixel\n+    },\n+    toState: function(state) {\n+        if (state == OpenLayers.State.UPDATE) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.DELETE:\n+                    this.state = state;\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                case OpenLayers.State.INSERT:\n+                    break\n             }\n-            var t = (new Date).getTime() - initialTime;\n-            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true\n+        } else if (state == OpenLayers.State.INSERT) {\n+            switch (this.state) {\n+                case OpenLayers.State.UNKNOWN:\n+                    break;\n+                default:\n+                    this.state = state;\n+                    break\n             }\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end)\n-        };\n-        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n+        } else if (state == OpenLayers.State.DELETE) {\n+            switch (this.state) {\n+                case OpenLayers.State.INSERT:\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    break;\n+                case OpenLayers.State.UNKNOWN:\n+                case OpenLayers.State.UPDATE:\n+                    this.state = state;\n+                    break\n+            }\n+        } else if (state == OpenLayers.State.UNKNOWN) {\n+            this.state = state\n+        }\n     },\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n+    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n });\n-OpenLayers.Tween = OpenLayers.Class({\n-    easing: null,\n-    begin: null,\n-    finish: null,\n-    duration: null,\n-    callbacks: null,\n-    time: null,\n-    minFrameRate: null,\n-    startTime: null,\n-    animationId: null,\n-    playing: false,\n-    initialize: function(easing) {\n-        this.easing = easing ? easing : OpenLayers.Easing.Expo.easeOut\n+OpenLayers.Feature.Vector.style = {\n+    default: {\n+        fillColor: \"#ee9900\",\n+        fillOpacity: .4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"#ee9900\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n     },\n-    start: function(begin, finish, duration, options) {\n-        this.playing = true;\n-        this.begin = begin;\n-        this.finish = finish;\n-        this.duration = duration;\n-        this.callbacks = options.callbacks;\n-        this.minFrameRate = options.minFrameRate || 30;\n-        this.time = 0;\n-        this.startTime = (new Date).getTime();\n-        OpenLayers.Animation.stop(this.animationId);\n-        this.animationId = null;\n-        if (this.callbacks && this.callbacks.start) {\n-            this.callbacks.start.call(this, this.begin)\n+    select: {\n+        fillColor: \"blue\",\n+        fillOpacity: .4,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"blue\",\n+        strokeOpacity: 1,\n+        strokeWidth: 2,\n+        strokeLinecap: \"round\",\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"pointer\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    temporary: {\n+        fillColor: \"#66cccc\",\n+        fillOpacity: .2,\n+        hoverFillColor: \"white\",\n+        hoverFillOpacity: .8,\n+        strokeColor: \"#66cccc\",\n+        strokeOpacity: 1,\n+        strokeLinecap: \"round\",\n+        strokeWidth: 2,\n+        strokeDashstyle: \"solid\",\n+        hoverStrokeColor: \"red\",\n+        hoverStrokeOpacity: 1,\n+        hoverStrokeWidth: .2,\n+        pointRadius: 6,\n+        hoverPointRadius: 1,\n+        hoverPointUnit: \"%\",\n+        pointerEvents: \"visiblePainted\",\n+        cursor: \"inherit\",\n+        fontColor: \"#000000\",\n+        labelAlign: \"cm\",\n+        labelOutlineColor: \"white\",\n+        labelOutlineWidth: 3\n+    },\n+    delete: {\n+        display: \"none\"\n+    }\n+};\n+OpenLayers.Style = OpenLayers.Class({\n+    id: null,\n+    name: null,\n+    title: null,\n+    description: null,\n+    layerName: null,\n+    isDefault: false,\n+    rules: null,\n+    context: null,\n+    defaultStyle: null,\n+    defaultsPerSymbolizer: false,\n+    propertyStyles: null,\n+    initialize: function(style, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules)\n         }\n-        this.animationId = OpenLayers.Animation.start(OpenLayers.Function.bind(this.play, this))\n+        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n-    stop: function() {\n-        if (!this.playing) {\n-            return\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null\n         }\n-        if (this.callbacks && this.callbacks.done) {\n-            this.callbacks.done.call(this, this.finish)\n+        this.rules = null;\n+        this.defaultStyle = null\n+    },\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+        var rules = this.rules;\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            var applies = rule.evaluate(feature);\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule)\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature)\n+                }\n+            }\n         }\n-        OpenLayers.Animation.stop(this.animationId);\n-        this.animationId = null;\n-        this.playing = false\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature)\n+            }\n+        }\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\"\n+        }\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label)\n+        }\n+        return style\n     },\n-    play: function() {\n-        var value = {};\n-        for (var i in this.begin) {\n-            var b = this.begin[i];\n-            var f = this.finish[i];\n-            if (b == null || f == null || isNaN(b) || isNaN(f)) {\n-                throw new TypeError(\"invalid value for Tween\")\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                })\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                })\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                })\n             }\n-            var c = f - b;\n-            value[i] = this.easing.apply(this, [this.time, b, c, this.duration])\n         }\n-        this.time++;\n-        if (this.callbacks && this.callbacks.eachStep) {\n-            if (((new Date).getTime() - this.startTime) / this.time <= 1e3 / this.minFrameRate) {\n-                this.callbacks.eachStep.call(this, value)\n+        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n+    },\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n+        }\n+        return style\n+    },\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    this.addPropertyStyles(propertyStyles, value)\n+                } else {\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break\n+                }\n             }\n         }\n-        if (this.time > this.duration) {\n-            this.stop()\n+        return propertyStyles\n+    },\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true\n+            }\n         }\n+        return propertyStyles\n     },\n-    CLASS_NAME: \"OpenLayers.Tween\"\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i]\n+            }\n+        }\n+    },\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone())\n+            }\n+        }\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options)\n+    },\n+    CLASS_NAME: \"OpenLayers.Style\"\n });\n-OpenLayers.Easing = {\n-    CLASS_NAME: \"OpenLayers.Easing\"\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = isNaN(value) || !value ? value : parseFloat(value)\n+    }\n+    return value\n };\n-OpenLayers.Easing.Linear = {\n-    easeIn: function(t, b, c, d) {\n-        return c * t / d + b\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n+OpenLayers.StyleMap = OpenLayers.Class({\n+    styles: null,\n+    extendDefault: true,\n+    initialize: function(style, options) {\n+        this.styles = {\n+            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n+            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n+            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+        if (style instanceof OpenLayers.Style) {\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    this.styles[key] = style[key]\n+                } else if (typeof style[key] == \"object\") {\n+                    this.styles[key] = new OpenLayers.Style(style[key])\n+                } else {\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options)\n     },\n-    easeOut: function(t, b, c, d) {\n-        return c * t / d + b\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy()\n+        }\n+        this.styles = null\n     },\n-    easeInOut: function(t, b, c, d) {\n-        return c * t / d + b\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\"\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n     },\n-    CLASS_NAME: \"OpenLayers.Easing.Linear\"\n-};\n-OpenLayers.Easing.Expo = {\n-    easeIn: function(t, b, c, d) {\n-        return t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }))\n+        }\n+        this.styles[renderIntent].addRules(rules)\n     },\n-    easeOut: function(t, b, c, d) {\n-        return t == d ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+OpenLayers.Tile = OpenLayers.Class({\n+    events: null,\n+    eventListeners: null,\n+    id: null,\n+    layer: null,\n+    url: null,\n+    bounds: null,\n+    size: null,\n+    position: null,\n+    isLoading: false,\n+    initialize: function(layer, position, bounds, url, size, options) {\n+        this.layer = layer;\n+        this.position = position.clone();\n+        this.setBounds(bounds);\n+        this.url = url;\n+        if (size) {\n+            this.size = size.clone()\n+        }\n+        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n+        OpenLayers.Util.extend(this, options);\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners)\n+        }\n     },\n-    easeInOut: function(t, b, c, d) {\n-        if (t == 0) return b;\n-        if (t == d) return b + c;\n-        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;\n-        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b\n+    unload: function() {\n+        if (this.isLoading) {\n+            this.isLoading = false;\n+            this.events.triggerEvent(\"unload\")\n+        }\n     },\n-    CLASS_NAME: \"OpenLayers.Easing.Expo\"\n-};\n-OpenLayers.Easing.Quad = {\n-    easeIn: function(t, b, c, d) {\n-        return c * (t /= d) * t + b\n+    destroy: function() {\n+        this.layer = null;\n+        this.bounds = null;\n+        this.size = null;\n+        this.position = null;\n+        if (this.eventListeners) {\n+            this.events.un(this.eventListeners)\n+        }\n+        this.events.destroy();\n+        this.eventListeners = null;\n+        this.events = null\n     },\n-    easeOut: function(t, b, c, d) {\n-        return -c * (t /= d) * (t - 2) + b\n+    draw: function(force) {\n+        if (!force) {\n+            this.clear()\n+        }\n+        var draw = this.shouldDraw();\n+        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n+            draw = null\n+        }\n+        return draw\n     },\n-    easeInOut: function(t, b, c, d) {\n-        if ((t /= d / 2) < 1) return c / 2 * t * t + b;\n-        return -c / 2 * (--t * (t - 2) - 1) + b\n+    shouldDraw: function() {\n+        var withinMaxExtent = false,\n+            maxExtent = this.layer.maxExtent;\n+        if (maxExtent) {\n+            var map = this.layer.map;\n+            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n+            if (this.bounds.intersectsBounds(maxExtent, {\n+                    inclusive: false,\n+                    worldBounds: worldBounds\n+                })) {\n+                withinMaxExtent = true\n+            }\n+        }\n+        return withinMaxExtent || this.layer.displayOutsideMaxExtent\n     },\n-    CLASS_NAME: \"OpenLayers.Easing.Quad\"\n-};\n+    setBounds: function(bounds) {\n+        bounds = bounds.clone();\n+        if (this.layer.map.baseLayer.wrapDateLine) {\n+            var worldExtent = this.layer.map.getMaxExtent(),\n+                tolerance = this.layer.map.getResolution();\n+            bounds = bounds.wrapDateLine(worldExtent, {\n+                leftTolerance: tolerance,\n+                rightTolerance: tolerance\n+            })\n+        }\n+        this.bounds = bounds\n+    },\n+    moveTo: function(bounds, position, redraw) {\n+        if (redraw == null) {\n+            redraw = true\n+        }\n+        this.setBounds(bounds);\n+        this.position = position.clone();\n+        if (redraw) {\n+            this.draw()\n+        }\n+    },\n+    clear: function(draw) {},\n+    CLASS_NAME: \"OpenLayers.Tile\"\n+});\n OpenLayers.Event = {\n     observers: false,\n     KEY_SPACE: 32,\n     KEY_BACKSPACE: 8,\n     KEY_TAB: 9,\n     KEY_RETURN: 13,\n     KEY_ESC: 27,\n@@ -2360,14 +2673,604 @@\n             e.touches = touches.slice();\n             handler(e)\n         };\n         OpenLayers.Event.observe(element, \"MSPointerUp\", cb)\n     },\n     CLASS_NAME: \"OpenLayers.Events\"\n });\n+(function() {\n+    var oXMLHttpRequest = window.XMLHttpRequest;\n+    var bGecko = !!window.controllers,\n+        bIE = window.document.all && !window.opera,\n+        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n+\n+    function fXMLHttpRequest() {\n+        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n+        this._listeners = []\n+    }\n+\n+    function cXMLHttpRequest() {\n+        return new fXMLHttpRequest\n+    }\n+    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n+    if (bGecko && oXMLHttpRequest.wrapped) cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n+    cXMLHttpRequest.UNSENT = 0;\n+    cXMLHttpRequest.OPENED = 1;\n+    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n+    cXMLHttpRequest.LOADING = 3;\n+    cXMLHttpRequest.DONE = 4;\n+    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n+    cXMLHttpRequest.prototype.responseText = \"\";\n+    cXMLHttpRequest.prototype.responseXML = null;\n+    cXMLHttpRequest.prototype.status = 0;\n+    cXMLHttpRequest.prototype.statusText = \"\";\n+    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n+    cXMLHttpRequest.prototype.onreadystatechange = null;\n+    cXMLHttpRequest.onreadystatechange = null;\n+    cXMLHttpRequest.onopen = null;\n+    cXMLHttpRequest.onsend = null;\n+    cXMLHttpRequest.onabort = null;\n+    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n+        delete this._headers;\n+        if (arguments.length < 3) bAsync = true;\n+        this._async = bAsync;\n+        var oRequest = this,\n+            nState = this.readyState,\n+            fOnUnload;\n+        if (bIE && bAsync) {\n+            fOnUnload = function() {\n+                if (nState != cXMLHttpRequest.DONE) {\n+                    fCleanTransport(oRequest);\n+                    oRequest.abort()\n+                }\n+            };\n+            window.attachEvent(\"onunload\", fOnUnload)\n+        }\n+        if (cXMLHttpRequest.onopen) cXMLHttpRequest.onopen.apply(this, arguments);\n+        if (arguments.length > 4) this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+        else if (arguments.length > 3) this._object.open(sMethod, sUrl, bAsync, sUser);\n+        else this._object.open(sMethod, sUrl, bAsync);\n+        this.readyState = cXMLHttpRequest.OPENED;\n+        fReadyStateChange(this);\n+        this._object.onreadystatechange = function() {\n+            if (bGecko && !bAsync) return;\n+            oRequest.readyState = oRequest._object.readyState;\n+            fSynchronizeValues(oRequest);\n+            if (oRequest._aborted) {\n+                oRequest.readyState = cXMLHttpRequest.UNSENT;\n+                return\n+            }\n+            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                delete oRequest._data;\n+                fCleanTransport(oRequest);\n+                if (bIE && bAsync) window.detachEvent(\"onunload\", fOnUnload)\n+            }\n+            if (nState != oRequest.readyState) fReadyStateChange(oRequest);\n+            nState = oRequest.readyState\n+        }\n+    };\n+\n+    function fXMLHttpRequest_send(oRequest) {\n+        oRequest._object.send(oRequest._data);\n+        if (bGecko && !oRequest._async) {\n+            oRequest.readyState = cXMLHttpRequest.OPENED;\n+            fSynchronizeValues(oRequest);\n+            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n+                oRequest.readyState++;\n+                fReadyStateChange(oRequest);\n+                if (oRequest._aborted) return\n+            }\n+        }\n+    }\n+    cXMLHttpRequest.prototype.send = function(vData) {\n+        if (cXMLHttpRequest.onsend) cXMLHttpRequest.onsend.apply(this, arguments);\n+        if (!arguments.length) vData = null;\n+        if (vData && vData.nodeType) {\n+            vData = window.XMLSerializer ? (new window.XMLSerializer).serializeToString(vData) : vData.xml;\n+            if (!this._headers[\"Content-Type\"]) this._object.setRequestHeader(\"Content-Type\", \"application/xml\")\n+        }\n+        this._data = vData;\n+        fXMLHttpRequest_send(this)\n+    };\n+    cXMLHttpRequest.prototype.abort = function() {\n+        if (cXMLHttpRequest.onabort) cXMLHttpRequest.onabort.apply(this, arguments);\n+        if (this.readyState > cXMLHttpRequest.UNSENT) this._aborted = true;\n+        this._object.abort();\n+        fCleanTransport(this);\n+        this.readyState = cXMLHttpRequest.UNSENT;\n+        delete this._data\n+    };\n+    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n+        return this._object.getAllResponseHeaders()\n+    };\n+    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n+        return this._object.getResponseHeader(sName)\n+    };\n+    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n+        if (!this._headers) this._headers = {};\n+        this._headers[sName] = sValue;\n+        return this._object.setRequestHeader(sName, sValue)\n+    };\n+    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) return;\n+        this._listeners.push([sName, fHandler, bUseCapture])\n+    };\n+    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) break;\n+        if (oListener) this._listeners.splice(nIndex, 1)\n+    };\n+    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n+        var oEventPseudo = {\n+            type: oEvent.type,\n+            target: this,\n+            currentTarget: this,\n+            eventPhase: 2,\n+            bubbles: oEvent.bubbles,\n+            cancelable: oEvent.cancelable,\n+            timeStamp: oEvent.timeStamp,\n+            stopPropagation: function() {},\n+            preventDefault: function() {},\n+            initEvent: function() {}\n+        };\n+        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)(this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == oEventPseudo.type && !oListener[2])(oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo])\n+    };\n+    cXMLHttpRequest.prototype.toString = function() {\n+        return \"[\" + \"object\" + \" \" + \"XMLHttpRequest\" + \"]\"\n+    };\n+    cXMLHttpRequest.toString = function() {\n+        return \"[\" + \"XMLHttpRequest\" + \"]\"\n+    };\n+\n+    function fReadyStateChange(oRequest) {\n+        if (cXMLHttpRequest.onreadystatechange) cXMLHttpRequest.onreadystatechange.apply(oRequest);\n+        oRequest.dispatchEvent({\n+            type: \"readystatechange\",\n+            bubbles: false,\n+            cancelable: false,\n+            timeStamp: new Date + 0\n+        })\n+    }\n+\n+    function fGetDocument(oRequest) {\n+        var oDocument = oRequest.responseXML,\n+            sResponse = oRequest.responseText;\n+        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n+            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n+            oDocument.async = false;\n+            oDocument.validateOnParse = false;\n+            oDocument.loadXML(sResponse)\n+        }\n+        if (oDocument)\n+            if (bIE && oDocument.parseError != 0 || !oDocument.documentElement || oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\") return null;\n+        return oDocument\n+    }\n+\n+    function fSynchronizeValues(oRequest) {\n+        try {\n+            oRequest.responseText = oRequest._object.responseText\n+        } catch (e) {}\n+        try {\n+            oRequest.responseXML = fGetDocument(oRequest._object)\n+        } catch (e) {}\n+        try {\n+            oRequest.status = oRequest._object.status\n+        } catch (e) {}\n+        try {\n+            oRequest.statusText = oRequest._object.statusText\n+        } catch (e) {}\n+    }\n+\n+    function fCleanTransport(oRequest) {\n+        oRequest._object.onreadystatechange = new window.Function\n+    }\n+    if (!window.Function.prototype.apply) {\n+        window.Function.prototype.apply = function(oRequest, oArguments) {\n+            if (!oArguments) oArguments = [];\n+            oRequest.__func = this;\n+            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n+            delete oRequest.__func\n+        }\n+    }\n+    if (!OpenLayers.Request) {\n+        OpenLayers.Request = {}\n+    }\n+    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest\n+})();\n+OpenLayers.ProxyHost = \"\";\n+if (!OpenLayers.Request) {\n+    OpenLayers.Request = {}\n+}\n+OpenLayers.Util.extend(OpenLayers.Request, {\n+    DEFAULT_CONFIG: {\n+        method: \"GET\",\n+        url: window.location.href,\n+        async: true,\n+        user: undefined,\n+        password: undefined,\n+        params: null,\n+        proxy: OpenLayers.ProxyHost,\n+        headers: {},\n+        data: null,\n+        callback: function() {},\n+        success: null,\n+        failure: null,\n+        scope: null\n+    },\n+    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n+    events: new OpenLayers.Events(this),\n+    makeSameOrigin: function(url, proxy) {\n+        var sameOrigin = url.indexOf(\"http\") !== 0;\n+        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n+        if (urlParts) {\n+            var location = window.location;\n+            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n+            var uPort = urlParts[4],\n+                lPort = location.port;\n+            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n+                sameOrigin = sameOrigin && uPort == lPort\n+            }\n+        }\n+        if (!sameOrigin) {\n+            if (proxy) {\n+                if (typeof proxy == \"function\") {\n+                    url = proxy(url)\n+                } else {\n+                    url = proxy + encodeURIComponent(url)\n+                }\n+            }\n+        }\n+        return url\n+    },\n+    issue: function(config) {\n+        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n+            proxy: OpenLayers.ProxyHost\n+        });\n+        config = config || {};\n+        config.headers = config.headers || {};\n+        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n+        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n+        var customRequestedWithHeader = false,\n+            headerKey;\n+        for (headerKey in config.headers) {\n+            if (config.headers.hasOwnProperty(headerKey)) {\n+                if (headerKey.toLowerCase() === \"x-requested-with\") {\n+                    customRequestedWithHeader = true\n+                }\n+            }\n+        }\n+        if (customRequestedWithHeader === false) {\n+            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n+        }\n+        var request = new OpenLayers.Request.XMLHttpRequest;\n+        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n+        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n+        request.open(config.method, url, config.async, config.user, config.password);\n+        for (var header in config.headers) {\n+            request.setRequestHeader(header, config.headers[header])\n+        }\n+        var events = this.events;\n+        var self = this;\n+        request.onreadystatechange = function() {\n+            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n+                var proceed = events.triggerEvent(\"complete\", {\n+                    request: request,\n+                    config: config,\n+                    requestUrl: url\n+                });\n+                if (proceed !== false) {\n+                    self.runCallbacks({\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    })\n+                }\n+            }\n+        };\n+        if (config.async === false) {\n+            request.send(config.data)\n+        } else {\n+            window.setTimeout(function() {\n+                if (request.readyState !== 0) {\n+                    request.send(config.data)\n+                }\n+            }, 0)\n+        }\n+        return request\n+    },\n+    runCallbacks: function(options) {\n+        var request = options.request;\n+        var config = options.config;\n+        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n+        var success;\n+        if (config.success) {\n+            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n+        }\n+        var failure;\n+        if (config.failure) {\n+            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n+        }\n+        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n+            request.status = 200\n+        }\n+        complete(request);\n+        if (!request.status || request.status >= 200 && request.status < 300) {\n+            this.events.triggerEvent(\"success\", options);\n+            if (success) {\n+                success(request)\n+            }\n+        }\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"failure\", options);\n+            if (failure) {\n+                failure(request)\n+            }\n+        }\n+    },\n+    GET: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"GET\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    POST: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"POST\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    PUT: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"PUT\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    DELETE: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"DELETE\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    HEAD: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"HEAD\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    OPTIONS: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"OPTIONS\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    }\n+});\n+OpenLayers.Util = OpenLayers.Util || {};\n+OpenLayers.Util.vendorPrefix = function() {\n+    \"use strict\";\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null\n+        }\n+        return prefixedDom.replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase()\n+        }).replace(/^ms-/, \"-ms-\")\n+    }\n+\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase()\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom)\n+        }\n+        return cssCache[property]\n+    }\n+\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp, i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        prefix = prefix.toLowerCase()\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n+                } else {\n+                    tmpProp = property\n+                }\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break\n+                }\n+            }\n+        }\n+        return jsCache[property]\n+    }\n+\n+    function style(property) {\n+        return js(divStyle, property)\n+    }\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    }\n+}();\n+OpenLayers.Animation = function(window) {\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!requestAnimationFrame;\n+    var requestFrame = function() {\n+        var request = window[requestAnimationFrame] || function(callback, element) {\n+            window.setTimeout(callback, 16)\n+        };\n+        return function(callback, element) {\n+            request.apply(window, [callback, element])\n+        }\n+    }();\n+    var counter = 0;\n+    var loops = {};\n+\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element)\n+                }\n+            } else {\n+                delete loops[id]\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id\n+    }\n+\n+    function stop(id) {\n+        delete loops[id]\n+    }\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    }\n+}(window);\n+OpenLayers.Tween = OpenLayers.Class({\n+    easing: null,\n+    begin: null,\n+    finish: null,\n+    duration: null,\n+    callbacks: null,\n+    time: null,\n+    minFrameRate: null,\n+    startTime: null,\n+    animationId: null,\n+    playing: false,\n+    initialize: function(easing) {\n+        this.easing = easing ? easing : OpenLayers.Easing.Expo.easeOut\n+    },\n+    start: function(begin, finish, duration, options) {\n+        this.playing = true;\n+        this.begin = begin;\n+        this.finish = finish;\n+        this.duration = duration;\n+        this.callbacks = options.callbacks;\n+        this.minFrameRate = options.minFrameRate || 30;\n+        this.time = 0;\n+        this.startTime = (new Date).getTime();\n+        OpenLayers.Animation.stop(this.animationId);\n+        this.animationId = null;\n+        if (this.callbacks && this.callbacks.start) {\n+            this.callbacks.start.call(this, this.begin)\n+        }\n+        this.animationId = OpenLayers.Animation.start(OpenLayers.Function.bind(this.play, this))\n+    },\n+    stop: function() {\n+        if (!this.playing) {\n+            return\n+        }\n+        if (this.callbacks && this.callbacks.done) {\n+            this.callbacks.done.call(this, this.finish)\n+        }\n+        OpenLayers.Animation.stop(this.animationId);\n+        this.animationId = null;\n+        this.playing = false\n+    },\n+    play: function() {\n+        var value = {};\n+        for (var i in this.begin) {\n+            var b = this.begin[i];\n+            var f = this.finish[i];\n+            if (b == null || f == null || isNaN(b) || isNaN(f)) {\n+                throw new TypeError(\"invalid value for Tween\")\n+            }\n+            var c = f - b;\n+            value[i] = this.easing.apply(this, [this.time, b, c, this.duration])\n+        }\n+        this.time++;\n+        if (this.callbacks && this.callbacks.eachStep) {\n+            if (((new Date).getTime() - this.startTime) / this.time <= 1e3 / this.minFrameRate) {\n+                this.callbacks.eachStep.call(this, value)\n+            }\n+        }\n+        if (this.time > this.duration) {\n+            this.stop()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Tween\"\n+});\n+OpenLayers.Easing = {\n+    CLASS_NAME: \"OpenLayers.Easing\"\n+};\n+OpenLayers.Easing.Linear = {\n+    easeIn: function(t, b, c, d) {\n+        return c * t / d + b\n+    },\n+    easeOut: function(t, b, c, d) {\n+        return c * t / d + b\n+    },\n+    easeInOut: function(t, b, c, d) {\n+        return c * t / d + b\n+    },\n+    CLASS_NAME: \"OpenLayers.Easing.Linear\"\n+};\n+OpenLayers.Easing.Expo = {\n+    easeIn: function(t, b, c, d) {\n+        return t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b\n+    },\n+    easeOut: function(t, b, c, d) {\n+        return t == d ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b\n+    },\n+    easeInOut: function(t, b, c, d) {\n+        if (t == 0) return b;\n+        if (t == d) return b + c;\n+        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;\n+        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b\n+    },\n+    CLASS_NAME: \"OpenLayers.Easing.Expo\"\n+};\n+OpenLayers.Easing.Quad = {\n+    easeIn: function(t, b, c, d) {\n+        return c * (t /= d) * t + b\n+    },\n+    easeOut: function(t, b, c, d) {\n+        return -c * (t /= d) * (t - 2) + b\n+    },\n+    easeInOut: function(t, b, c, d) {\n+        if ((t /= d / 2) < 1) return c / 2 * t * t + b;\n+        return -c / 2 * (--t * (t - 2) - 1) + b\n+    },\n+    CLASS_NAME: \"OpenLayers.Easing.Quad\"\n+};\n OpenLayers.Projection = OpenLayers.Class({\n     proj: null,\n     projCode: null,\n     titleRegEx: /\\+title=[^\\+]*/,\n     initialize: function(projCode, options) {\n         OpenLayers.Util.extend(this, options);\n         this.projCode = projCode;\n@@ -3681,507 +4584,533 @@\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Map\"\n });\n OpenLayers.Map.TILE_WIDTH = 256;\n OpenLayers.Map.TILE_HEIGHT = 256;\n-(function() {\n-    var oXMLHttpRequest = window.XMLHttpRequest;\n-    var bGecko = !!window.controllers,\n-        bIE = window.document.all && !window.opera,\n-        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n-\n-    function fXMLHttpRequest() {\n-        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n-        this._listeners = []\n-    }\n-\n-    function cXMLHttpRequest() {\n-        return new fXMLHttpRequest\n-    }\n-    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n-    if (bGecko && oXMLHttpRequest.wrapped) cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n-    cXMLHttpRequest.UNSENT = 0;\n-    cXMLHttpRequest.OPENED = 1;\n-    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n-    cXMLHttpRequest.LOADING = 3;\n-    cXMLHttpRequest.DONE = 4;\n-    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n-    cXMLHttpRequest.prototype.responseText = \"\";\n-    cXMLHttpRequest.prototype.responseXML = null;\n-    cXMLHttpRequest.prototype.status = 0;\n-    cXMLHttpRequest.prototype.statusText = \"\";\n-    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n-    cXMLHttpRequest.prototype.onreadystatechange = null;\n-    cXMLHttpRequest.onreadystatechange = null;\n-    cXMLHttpRequest.onopen = null;\n-    cXMLHttpRequest.onsend = null;\n-    cXMLHttpRequest.onabort = null;\n-    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n-        delete this._headers;\n-        if (arguments.length < 3) bAsync = true;\n-        this._async = bAsync;\n-        var oRequest = this,\n-            nState = this.readyState,\n-            fOnUnload;\n-        if (bIE && bAsync) {\n-            fOnUnload = function() {\n-                if (nState != cXMLHttpRequest.DONE) {\n-                    fCleanTransport(oRequest);\n-                    oRequest.abort()\n-                }\n-            };\n-            window.attachEvent(\"onunload\", fOnUnload)\n+OpenLayers.Layer = OpenLayers.Class({\n+    id: null,\n+    name: null,\n+    div: null,\n+    opacity: 1,\n+    alwaysInRange: null,\n+    RESOLUTION_PROPERTIES: [\"scales\", \"resolutions\", \"maxScale\", \"minScale\", \"maxResolution\", \"minResolution\", \"numZoomLevels\", \"maxZoomLevel\"],\n+    events: null,\n+    map: null,\n+    isBaseLayer: false,\n+    alpha: false,\n+    displayInLayerSwitcher: true,\n+    visibility: true,\n+    attribution: null,\n+    inRange: false,\n+    imageSize: null,\n+    options: null,\n+    eventListeners: null,\n+    gutter: 0,\n+    projection: null,\n+    units: null,\n+    scales: null,\n+    resolutions: null,\n+    maxExtent: null,\n+    minExtent: null,\n+    maxResolution: null,\n+    minResolution: null,\n+    numZoomLevels: null,\n+    minScale: null,\n+    maxScale: null,\n+    displayOutsideMaxExtent: false,\n+    wrapDateLine: false,\n+    metadata: null,\n+    initialize: function(name, options) {\n+        this.metadata = {};\n+        options = OpenLayers.Util.extend({}, options);\n+        if (this.alwaysInRange != null) {\n+            options.alwaysInRange = this.alwaysInRange\n         }\n-        if (cXMLHttpRequest.onopen) cXMLHttpRequest.onopen.apply(this, arguments);\n-        if (arguments.length > 4) this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-        else if (arguments.length > 3) this._object.open(sMethod, sUrl, bAsync, sUser);\n-        else this._object.open(sMethod, sUrl, bAsync);\n-        this.readyState = cXMLHttpRequest.OPENED;\n-        fReadyStateChange(this);\n-        this._object.onreadystatechange = function() {\n-            if (bGecko && !bAsync) return;\n-            oRequest.readyState = oRequest._object.readyState;\n-            fSynchronizeValues(oRequest);\n-            if (oRequest._aborted) {\n-                oRequest.readyState = cXMLHttpRequest.UNSENT;\n-                return\n-            }\n-            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                delete oRequest._data;\n-                fCleanTransport(oRequest);\n-                if (bIE && bAsync) window.detachEvent(\"onunload\", fOnUnload)\n+        this.addOptions(options);\n+        this.name = name;\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.style.width = \"100%\";\n+            this.div.style.height = \"100%\";\n+            this.div.dir = \"ltr\";\n+            this.events = new OpenLayers.Events(this, this.div);\n+            if (this.eventListeners instanceof Object) {\n+                this.events.on(this.eventListeners)\n             }\n-            if (nState != oRequest.readyState) fReadyStateChange(oRequest);\n-            nState = oRequest.readyState\n         }\n-    };\n-\n-    function fXMLHttpRequest_send(oRequest) {\n-        oRequest._object.send(oRequest._data);\n-        if (bGecko && !oRequest._async) {\n-            oRequest.readyState = cXMLHttpRequest.OPENED;\n-            fSynchronizeValues(oRequest);\n-            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n-                oRequest.readyState++;\n-                fReadyStateChange(oRequest);\n-                if (oRequest._aborted) return\n-            }\n+    },\n+    destroy: function(setNewBaseLayer) {\n+        if (setNewBaseLayer == null) {\n+            setNewBaseLayer = true\n         }\n-    }\n-    cXMLHttpRequest.prototype.send = function(vData) {\n-        if (cXMLHttpRequest.onsend) cXMLHttpRequest.onsend.apply(this, arguments);\n-        if (!arguments.length) vData = null;\n-        if (vData && vData.nodeType) {\n-            vData = window.XMLSerializer ? (new window.XMLSerializer).serializeToString(vData) : vData.xml;\n-            if (!this._headers[\"Content-Type\"]) this._object.setRequestHeader(\"Content-Type\", \"application/xml\")\n+        if (this.map != null) {\n+            this.map.removeLayer(this, setNewBaseLayer)\n         }\n-        this._data = vData;\n-        fXMLHttpRequest_send(this)\n-    };\n-    cXMLHttpRequest.prototype.abort = function() {\n-        if (cXMLHttpRequest.onabort) cXMLHttpRequest.onabort.apply(this, arguments);\n-        if (this.readyState > cXMLHttpRequest.UNSENT) this._aborted = true;\n-        this._object.abort();\n-        fCleanTransport(this);\n-        this.readyState = cXMLHttpRequest.UNSENT;\n-        delete this._data\n-    };\n-    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n-        return this._object.getAllResponseHeaders()\n-    };\n-    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n-        return this._object.getResponseHeader(sName)\n-    };\n-    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n-        if (!this._headers) this._headers = {};\n-        this._headers[sName] = sValue;\n-        return this._object.setRequestHeader(sName, sValue)\n-    };\n-    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) return;\n-        this._listeners.push([sName, fHandler, bUseCapture])\n-    };\n-    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture) break;\n-        if (oListener) this._listeners.splice(nIndex, 1)\n-    };\n-    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n-        var oEventPseudo = {\n-            type: oEvent.type,\n-            target: this,\n-            currentTarget: this,\n-            eventPhase: 2,\n-            bubbles: oEvent.bubbles,\n-            cancelable: oEvent.cancelable,\n-            timeStamp: oEvent.timeStamp,\n-            stopPropagation: function() {},\n-            preventDefault: function() {},\n-            initEvent: function() {}\n-        };\n-        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)(this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == oEventPseudo.type && !oListener[2])(oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo])\n-    };\n-    cXMLHttpRequest.prototype.toString = function() {\n-        return \"[\" + \"object\" + \" \" + \"XMLHttpRequest\" + \"]\"\n-    };\n-    cXMLHttpRequest.toString = function() {\n-        return \"[\" + \"XMLHttpRequest\" + \"]\"\n-    };\n-\n-    function fReadyStateChange(oRequest) {\n-        if (cXMLHttpRequest.onreadystatechange) cXMLHttpRequest.onreadystatechange.apply(oRequest);\n-        oRequest.dispatchEvent({\n-            type: \"readystatechange\",\n-            bubbles: false,\n-            cancelable: false,\n-            timeStamp: new Date + 0\n-        })\n-    }\n-\n-    function fGetDocument(oRequest) {\n-        var oDocument = oRequest.responseXML,\n-            sResponse = oRequest.responseText;\n-        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n-            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n-            oDocument.async = false;\n-            oDocument.validateOnParse = false;\n-            oDocument.loadXML(sResponse)\n+        this.projection = null;\n+        this.map = null;\n+        this.name = null;\n+        this.div = null;\n+        this.options = null;\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners)\n+            }\n+            this.events.destroy()\n         }\n-        if (oDocument)\n-            if (bIE && oDocument.parseError != 0 || !oDocument.documentElement || oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\") return null;\n-        return oDocument\n-    }\n-\n-    function fSynchronizeValues(oRequest) {\n-        try {\n-            oRequest.responseText = oRequest._object.responseText\n-        } catch (e) {}\n-        try {\n-            oRequest.responseXML = fGetDocument(oRequest._object)\n-        } catch (e) {}\n-        try {\n-            oRequest.status = oRequest._object.status\n-        } catch (e) {}\n-        try {\n-            oRequest.statusText = oRequest._object.statusText\n-        } catch (e) {}\n-    }\n-\n-    function fCleanTransport(oRequest) {\n-        oRequest._object.onreadystatechange = new window.Function\n-    }\n-    if (!window.Function.prototype.apply) {\n-        window.Function.prototype.apply = function(oRequest, oArguments) {\n-            if (!oArguments) oArguments = [];\n-            oRequest.__func = this;\n-            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n-            delete oRequest.__func\n+        this.eventListeners = null;\n+        this.events = null\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer(this.name, this.getOptions())\n         }\n-    }\n-    if (!OpenLayers.Request) {\n-        OpenLayers.Request = {}\n-    }\n-    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest\n-})();\n-OpenLayers.ProxyHost = \"\";\n-if (!OpenLayers.Request) {\n-    OpenLayers.Request = {}\n-}\n-OpenLayers.Util.extend(OpenLayers.Request, {\n-    DEFAULT_CONFIG: {\n-        method: \"GET\",\n-        url: window.location.href,\n-        async: true,\n-        user: undefined,\n-        password: undefined,\n-        params: null,\n-        proxy: OpenLayers.ProxyHost,\n-        headers: {},\n-        data: null,\n-        callback: function() {},\n-        success: null,\n-        failure: null,\n-        scope: null\n+        OpenLayers.Util.applyDefaults(obj, this);\n+        obj.map = null;\n+        return obj\n     },\n-    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n-    events: new OpenLayers.Events(this),\n-    makeSameOrigin: function(url, proxy) {\n-        var sameOrigin = url.indexOf(\"http\") !== 0;\n-        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n-        if (urlParts) {\n-            var location = window.location;\n-            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n-            var uPort = urlParts[4],\n-                lPort = location.port;\n-            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n-                sameOrigin = sameOrigin && uPort == lPort\n-            }\n+    getOptions: function() {\n+        var options = {};\n+        for (var o in this.options) {\n+            options[o] = this[o]\n         }\n-        if (!sameOrigin) {\n-            if (proxy) {\n-                if (typeof proxy == \"function\") {\n-                    url = proxy(url)\n-                } else {\n-                    url = proxy + encodeURIComponent(url)\n-                }\n+        return options\n+    },\n+    setName: function(newName) {\n+        if (newName != this.name) {\n+            this.name = newName;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"name\"\n+                })\n             }\n         }\n-        return url\n     },\n-    issue: function(config) {\n-        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n-            proxy: OpenLayers.ProxyHost\n-        });\n-        config = config || {};\n-        config.headers = config.headers || {};\n-        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n-        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n-        var customRequestedWithHeader = false,\n-            headerKey;\n-        for (headerKey in config.headers) {\n-            if (config.headers.hasOwnProperty(headerKey)) {\n-                if (headerKey.toLowerCase() === \"x-requested-with\") {\n-                    customRequestedWithHeader = true\n-                }\n-            }\n+    addOptions: function(newOptions, reinitialize) {\n+        if (this.options == null) {\n+            this.options = {}\n         }\n-        if (customRequestedWithHeader === false) {\n-            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n+        if (newOptions) {\n+            if (typeof newOptions.projection == \"string\") {\n+                newOptions.projection = new OpenLayers.Projection(newOptions.projection)\n+            }\n+            if (newOptions.projection) {\n+                OpenLayers.Util.applyDefaults(newOptions, OpenLayers.Projection.defaults[newOptions.projection.getCode()])\n+            }\n+            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent)\n+            }\n+            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n+                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent)\n+            }\n         }\n-        var request = new OpenLayers.Request.XMLHttpRequest;\n-        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n-        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n-        request.open(config.method, url, config.async, config.user, config.password);\n-        for (var header in config.headers) {\n-            request.setRequestHeader(header, config.headers[header])\n+        OpenLayers.Util.extend(this.options, newOptions);\n+        OpenLayers.Util.extend(this, newOptions);\n+        if (this.projection && this.projection.getUnits()) {\n+            this.units = this.projection.getUnits()\n         }\n-        var events = this.events;\n-        var self = this;\n-        request.onreadystatechange = function() {\n-            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n-                var proceed = events.triggerEvent(\"complete\", {\n-                    request: request,\n-                    config: config,\n-                    requestUrl: url\n-                });\n-                if (proceed !== false) {\n-                    self.runCallbacks({\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n-                    })\n+        if (this.map) {\n+            var resolution = this.map.getResolution();\n+            var properties = this.RESOLUTION_PROPERTIES.concat([\"projection\", \"units\", \"minExtent\", \"maxExtent\"]);\n+            for (var o in newOptions) {\n+                if (newOptions.hasOwnProperty(o) && OpenLayers.Util.indexOf(properties, o) >= 0) {\n+                    this.initResolutions();\n+                    if (reinitialize && this.map.baseLayer === this) {\n+                        this.map.setCenter(this.map.getCenter(), this.map.getZoomForResolution(resolution), false, true);\n+                        this.map.events.triggerEvent(\"changebaselayer\", {\n+                            layer: this\n+                        })\n+                    }\n+                    break\n                 }\n             }\n-        };\n-        if (config.async === false) {\n-            request.send(config.data)\n-        } else {\n-            window.setTimeout(function() {\n-                if (request.readyState !== 0) {\n-                    request.send(config.data)\n-                }\n-            }, 0)\n         }\n-        return request\n     },\n-    runCallbacks: function(options) {\n-        var request = options.request;\n-        var config = options.config;\n-        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n-        var success;\n-        if (config.success) {\n-            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n-        }\n-        var failure;\n-        if (config.failure) {\n-            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n+    onMapResize: function() {},\n+    redraw: function() {\n+        var redrawn = false;\n+        if (this.map) {\n+            this.inRange = this.calculateInRange();\n+            var extent = this.getExtent();\n+            if (extent && this.inRange && this.visibility) {\n+                var zoomChanged = true;\n+                this.moveTo(extent, zoomChanged, false);\n+                this.events.triggerEvent(\"moveend\", {\n+                    zoomChanged: zoomChanged\n+                });\n+                redrawn = true\n+            }\n         }\n-        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n-            request.status = 200\n+        return redrawn\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        var display = this.visibility;\n+        if (!this.isBaseLayer) {\n+            display = display && this.inRange\n         }\n-        complete(request);\n-        if (!request.status || request.status >= 200 && request.status < 300) {\n-            this.events.triggerEvent(\"success\", options);\n-            if (success) {\n-                success(request)\n+        this.display(display)\n+    },\n+    moveByPx: function(dx, dy) {},\n+    setMap: function(map) {\n+        if (this.map == null) {\n+            this.map = map;\n+            this.maxExtent = this.maxExtent || this.map.maxExtent;\n+            this.minExtent = this.minExtent || this.map.minExtent;\n+            this.projection = this.projection || this.map.projection;\n+            if (typeof this.projection == \"string\") {\n+                this.projection = new OpenLayers.Projection(this.projection)\n             }\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"failure\", options);\n-            if (failure) {\n-                failure(request)\n+            this.units = this.projection.getUnits() || this.units || this.map.units;\n+            this.initResolutions();\n+            if (!this.isBaseLayer) {\n+                this.inRange = this.calculateInRange();\n+                var show = this.visibility && this.inRange;\n+                this.div.style.display = show ? \"\" : \"none\"\n             }\n+            this.setTileSize()\n         }\n     },\n-    GET: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"GET\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    afterAdd: function() {},\n+    removeMap: function(map) {},\n+    getImageSize: function(bounds) {\n+        return this.imageSize || this.tileSize\n     },\n-    POST: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"POST\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n+    setTileSize: function(size) {\n+        var tileSize = size ? size : this.tileSize ? this.tileSize : this.map.getTileSize();\n+        this.tileSize = tileSize;\n+        if (this.gutter) {\n+            this.imageSize = new OpenLayers.Size(tileSize.w + 2 * this.gutter, tileSize.h + 2 * this.gutter)\n         }\n-        return OpenLayers.Request.issue(config)\n     },\n-    PUT: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"PUT\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n-        }\n-        return OpenLayers.Request.issue(config)\n+    getVisibility: function() {\n+        return this.visibility\n     },\n-    DELETE: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"DELETE\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    setVisibility: function(visibility) {\n+        if (visibility != this.visibility) {\n+            this.visibility = visibility;\n+            this.display(visibility);\n+            this.redraw();\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"visibility\"\n+                })\n+            }\n+            this.events.triggerEvent(\"visibilitychanged\")\n+        }\n     },\n-    HEAD: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"HEAD\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    display: function(display) {\n+        if (display != (this.div.style.display != \"none\")) {\n+            this.div.style.display = display && this.calculateInRange() ? \"block\" : \"none\"\n+        }\n     },\n-    OPTIONS: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"OPTIONS\"\n-        });\n-        return OpenLayers.Request.issue(config)\n-    }\n-});\n-OpenLayers.Control = OpenLayers.Class({\n-    id: null,\n-    map: null,\n-    div: null,\n-    type: null,\n-    allowSelection: false,\n-    displayClass: \"\",\n-    title: \"\",\n-    autoActivate: false,\n-    active: null,\n-    handlerOptions: null,\n-    handler: null,\n-    eventListeners: null,\n-    events: null,\n-    initialize: function(options) {\n-        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners)\n+    calculateInRange: function() {\n+        var inRange = false;\n+        if (this.alwaysInRange) {\n+            inRange = true\n+        } else {\n+            if (this.map) {\n+                var resolution = this.map.getResolution();\n+                inRange = resolution >= this.minResolution && resolution <= this.maxResolution\n+            }\n         }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+        return inRange\n+    },\n+    setIsBaseLayer: function(isBaseLayer) {\n+        if (isBaseLayer != this.isBaseLayer) {\n+            this.isBaseLayer = isBaseLayer;\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changebaselayer\", {\n+                    layer: this\n+                })\n+            }\n         }\n     },\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners)\n+    initResolutions: function() {\n+        var i, len, p;\n+        var props = {},\n+            alwaysInRange = true;\n+        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+            p = this.RESOLUTION_PROPERTIES[i];\n+            props[p] = this.options[p];\n+            if (alwaysInRange && this.options[p]) {\n+                alwaysInRange = false\n             }\n-            this.events.destroy();\n-            this.events = null\n         }\n-        this.eventListeners = null;\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null\n+        if (this.options.alwaysInRange == null) {\n+            this.alwaysInRange = alwaysInRange\n         }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy()\n-                }\n+        if (props.resolutions == null) {\n+            props.resolutions = this.resolutionsFromScales(props.scales)\n+        }\n+        if (props.resolutions == null) {\n+            props.resolutions = this.calculateResolutions(props)\n+        }\n+        if (props.resolutions == null) {\n+            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n+                p = this.RESOLUTION_PROPERTIES[i];\n+                props[p] = this.options[p] != null ? this.options[p] : this.map[p]\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.resolutionsFromScales(props.scales)\n+            }\n+            if (props.resolutions == null) {\n+                props.resolutions = this.calculateResolutions(props)\n             }\n-            this.handlers = null\n         }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null\n+        var maxResolution;\n+        if (this.options.maxResolution && this.options.maxResolution !== \"auto\") {\n+            maxResolution = this.options.maxResolution\n+        }\n+        if (this.options.minScale) {\n+            maxResolution = OpenLayers.Util.getResolutionFromScale(this.options.minScale, this.units)\n+        }\n+        var minResolution;\n+        if (this.options.minResolution && this.options.minResolution !== \"auto\") {\n+            minResolution = this.options.minResolution\n+        }\n+        if (this.options.maxScale) {\n+            minResolution = OpenLayers.Util.getResolutionFromScale(this.options.maxScale, this.units)\n+        }\n+        if (props.resolutions) {\n+            props.resolutions.sort(function(a, b) {\n+                return b - a\n+            });\n+            if (!maxResolution) {\n+                maxResolution = props.resolutions[0]\n+            }\n+            if (!minResolution) {\n+                var lastIdx = props.resolutions.length - 1;\n+                minResolution = props.resolutions[lastIdx]\n+            }\n+        }\n+        this.resolutions = props.resolutions;\n+        if (this.resolutions) {\n+            len = this.resolutions.length;\n+            this.scales = new Array(len);\n+            for (i = 0; i < len; i++) {\n+                this.scales[i] = OpenLayers.Util.getScaleFromResolution(this.resolutions[i], this.units)\n+            }\n+            this.numZoomLevels = len\n+        }\n+        this.minResolution = minResolution;\n+        if (minResolution) {\n+            this.maxScale = OpenLayers.Util.getScaleFromResolution(minResolution, this.units)\n+        }\n+        this.maxResolution = maxResolution;\n+        if (maxResolution) {\n+            this.minScale = OpenLayers.Util.getScaleFromResolution(maxResolution, this.units)\n         }\n-        this.div = null\n     },\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map)\n+    resolutionsFromScales: function(scales) {\n+        if (scales == null) {\n+            return\n+        }\n+        var resolutions, i, len;\n+        len = scales.length;\n+        resolutions = new Array(len);\n+        for (i = 0; i < len; i++) {\n+            resolutions[i] = OpenLayers.Util.getResolutionFromScale(scales[i], this.units)\n         }\n+        return resolutions\n     },\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False\n+    calculateResolutions: function(props) {\n+        var viewSize, wRes, hRes;\n+        var maxResolution = props.maxResolution;\n+        if (props.minScale != null) {\n+            maxResolution = OpenLayers.Util.getResolutionFromScale(props.minScale, this.units)\n+        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.maxExtent.getWidth() / viewSize.w;\n+            hRes = this.maxExtent.getHeight() / viewSize.h;\n+            maxResolution = Math.max(wRes, hRes)\n+        }\n+        var minResolution = props.minResolution;\n+        if (props.maxScale != null) {\n+            minResolution = OpenLayers.Util.getResolutionFromScale(props.maxScale, this.units)\n+        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n+            viewSize = this.map.getSize();\n+            wRes = this.minExtent.getWidth() / viewSize.w;\n+            hRes = this.minExtent.getHeight() / viewSize.h;\n+            minResolution = Math.max(wRes, hRes)\n+        }\n+        if (typeof maxResolution !== \"number\" && typeof minResolution !== \"number\" && this.maxExtent != null) {\n+            var tileSize = this.map.getTileSize();\n+            maxResolution = Math.max(this.maxExtent.getWidth() / tileSize.w, this.maxExtent.getHeight() / tileSize.h)\n+        }\n+        var maxZoomLevel = props.maxZoomLevel;\n+        var numZoomLevels = props.numZoomLevels;\n+        if (typeof minResolution === \"number\" && typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n+            var ratio = maxResolution / minResolution;\n+            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1\n+        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n+            numZoomLevels = maxZoomLevel + 1\n+        }\n+        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 || typeof maxResolution !== \"number\" && typeof minResolution !== \"number\") {\n+            return\n+        }\n+        var resolutions = new Array(numZoomLevels);\n+        var base = 2;\n+        if (typeof minResolution == \"number\" && typeof maxResolution == \"number\") {\n+            base = Math.pow(maxResolution / minResolution, 1 / (numZoomLevels - 1))\n+        }\n+        var i;\n+        if (typeof maxResolution === \"number\") {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[i] = maxResolution / Math.pow(base, i)\n             }\n-            if (this.title != \"\") {\n-                this.div.title = this.title\n+        } else {\n+            for (i = 0; i < numZoomLevels; i++) {\n+                resolutions[numZoomLevels - 1 - i] = minResolution * Math.pow(base, i)\n             }\n         }\n-        if (px != null) {\n-            this.position = px.clone()\n-        }\n-        this.moveTo(this.position);\n-        return this.div\n+        return resolutions\n     },\n-    moveTo: function(px) {\n-        if (px != null && this.div != null) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\"\n+    getResolution: function() {\n+        var zoom = this.map.getZoom();\n+        return this.getResolutionForZoom(zoom)\n+    },\n+    getExtent: function() {\n+        return this.map.calculateBounds()\n+    },\n+    getZoomForExtent: function(extent, closest) {\n+        var viewSize = this.map.getSize();\n+        var idealResolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h);\n+        return this.getZoomForResolution(idealResolution, closest)\n+    },\n+    getDataExtent: function() {},\n+    getResolutionForZoom: function(zoom) {\n+        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n+        var resolution;\n+        if (this.map.fractionalZoom) {\n+            var low = Math.floor(zoom);\n+            var high = Math.ceil(zoom);\n+            resolution = this.resolutions[low] - (zoom - low) * (this.resolutions[low] - this.resolutions[high])\n+        } else {\n+            resolution = this.resolutions[Math.round(zoom)]\n         }\n+        return resolution\n     },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n+    getZoomForResolution: function(resolution, closest) {\n+        var zoom, i, len;\n+        if (this.map.fractionalZoom) {\n+            var lowZoom = 0;\n+            var highZoom = this.resolutions.length - 1;\n+            var highRes = this.resolutions[lowZoom];\n+            var lowRes = this.resolutions[highZoom];\n+            var res;\n+            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n+                res = this.resolutions[i];\n+                if (res >= resolution) {\n+                    highRes = res;\n+                    lowZoom = i\n+                }\n+                if (res <= resolution) {\n+                    lowRes = res;\n+                    highZoom = i;\n+                    break\n+                }\n+            }\n+            var dRes = highRes - lowRes;\n+            if (dRes > 0) {\n+                zoom = lowZoom + (highRes - resolution) / dRes\n+            } else {\n+                zoom = lowZoom\n+            }\n+        } else {\n+            var diff;\n+            var minDiff = Number.POSITIVE_INFINITY;\n+            for (i = 0, len = this.resolutions.length; i < len; i++) {\n+                if (closest) {\n+                    diff = Math.abs(this.resolutions[i] - resolution);\n+                    if (diff > minDiff) {\n+                        break\n+                    }\n+                    minDiff = diff\n+                } else {\n+                    if (this.resolutions[i] < resolution) {\n+                        break\n+                    }\n+                }\n+            }\n+            zoom = Math.max(0, i - 1)\n         }\n-        if (this.handler) {\n-            this.handler.activate()\n+        return zoom\n+    },\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        var map = this.map;\n+        if (viewPortPx != null && map.minPx) {\n+            var res = map.getResolution();\n+            var maxExtent = map.getMaxExtent({\n+                restricted: true\n+            });\n+            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n+            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n+            lonlat = new OpenLayers.LonLat(lon, lat);\n+            if (this.wrapDateLine) {\n+                lonlat = lonlat.wrapDateLine(this.maxExtent)\n+            }\n         }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+        return lonlat\n+    },\n+    getViewPortPxFromLonLat: function(lonlat, resolution) {\n+        var px = null;\n+        if (lonlat != null) {\n+            resolution = resolution || this.map.getResolution();\n+            var extent = this.map.calculateBounds(null, resolution);\n+            px = new OpenLayers.Pixel(1 / resolution * (lonlat.lon - extent.left), 1 / resolution * (extent.top - lonlat.lat))\n         }\n-        this.events.triggerEvent(\"activate\");\n-        return true\n+        return px\n     },\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate()\n+    setOpacity: function(opacity) {\n+        if (opacity != this.opacity) {\n+            this.opacity = opacity;\n+            var childNodes = this.div.childNodes;\n+            for (var i = 0, len = childNodes.length; i < len; ++i) {\n+                var element = childNodes[i].firstChild || childNodes[i];\n+                var lastChild = childNodes[i].lastChild;\n+                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n+                    element = lastChild.parentNode\n+                }\n+                OpenLayers.Util.modifyDOMElement(element, null, null, null, null, null, null, opacity)\n             }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                })\n             }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true\n         }\n-        return false\n     },\n-    CLASS_NAME: \"OpenLayers.Control\"\n+    getZIndex: function() {\n+        return this.div.style.zIndex\n+    },\n+    setZIndex: function(zIndex) {\n+        this.div.style.zIndex = zIndex\n+    },\n+    adjustBounds: function(bounds) {\n+        if (this.gutter) {\n+            var mapGutter = this.gutter * this.map.getResolution();\n+            bounds = new OpenLayers.Bounds(bounds.left - mapGutter, bounds.bottom - mapGutter, bounds.right + mapGutter, bounds.top + mapGutter)\n+        }\n+        if (this.wrapDateLine) {\n+            var wrappingOptions = {\n+                rightTolerance: this.getResolution(),\n+                leftTolerance: this.getResolution()\n+            };\n+            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions)\n+        }\n+        return bounds\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer\"\n });\n-OpenLayers.Control.TYPE_BUTTON = 1;\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n-OpenLayers.Control.TYPE_TOOL = 3;\n OpenLayers.Geometry = OpenLayers.Class({\n     id: null,\n     parent: null,\n     bounds: null,\n     initialize: function() {\n         this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n@@ -4378,287 +5307,14 @@\n     return {\n         distance: Math.pow(x - x0, 2) + Math.pow(y - y0, 2),\n         x: x,\n         y: y,\n         along: along\n     }\n };\n-OpenLayers.Feature = OpenLayers.Class({\n-    layer: null,\n-    id: null,\n-    lonlat: null,\n-    data: null,\n-    marker: null,\n-    popupClass: null,\n-    popup: null,\n-    initialize: function(layer, lonlat, data) {\n-        this.layer = layer;\n-        this.lonlat = lonlat;\n-        this.data = data != null ? data : {};\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    destroy: function() {\n-        if (this.layer != null && this.layer.map != null) {\n-            if (this.popup != null) {\n-                this.layer.map.removePopup(this.popup)\n-            }\n-        }\n-        if (this.layer != null && this.marker != null) {\n-            this.layer.removeMarker(this.marker)\n-        }\n-        this.layer = null;\n-        this.id = null;\n-        this.lonlat = null;\n-        this.data = null;\n-        if (this.marker != null) {\n-            this.destroyMarker(this.marker);\n-            this.marker = null\n-        }\n-        if (this.popup != null) {\n-            this.destroyPopup(this.popup);\n-            this.popup = null\n-        }\n-    },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.layer != null && this.layer.map != null) {\n-            var screenBounds = this.layer.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat)\n-        }\n-        return onScreen\n-    },\n-    createMarker: function() {\n-        if (this.lonlat != null) {\n-            this.marker = new OpenLayers.Marker(this.lonlat, this.data.icon)\n-        }\n-        return this.marker\n-    },\n-    destroyMarker: function() {\n-        this.marker.destroy()\n-    },\n-    createPopup: function(closeBox) {\n-        if (this.lonlat != null) {\n-            if (!this.popup) {\n-                var anchor = this.marker ? this.marker.icon : null;\n-                var popupClass = this.popupClass ? this.popupClass : OpenLayers.Popup.Anchored;\n-                this.popup = new popupClass(this.id + \"_popup\", this.lonlat, this.data.popupSize, this.data.popupContentHTML, anchor, closeBox)\n-            }\n-            if (this.data.overflow != null) {\n-                this.popup.contentDiv.style.overflow = this.data.overflow\n-            }\n-            this.popup.feature = this\n-        }\n-        return this.popup\n-    },\n-    destroyPopup: function() {\n-        if (this.popup) {\n-            this.popup.feature = null;\n-            this.popup.destroy();\n-            this.popup = null\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Feature\"\n-});\n-OpenLayers.State = {\n-    UNKNOWN: \"Unknown\",\n-    INSERT: \"Insert\",\n-    UPDATE: \"Update\",\n-    DELETE: \"Delete\"\n-};\n-OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {\n-    fid: null,\n-    geometry: null,\n-    attributes: null,\n-    bounds: null,\n-    state: null,\n-    style: null,\n-    url: null,\n-    renderIntent: \"default\",\n-    modified: null,\n-    initialize: function(geometry, attributes, style) {\n-        OpenLayers.Feature.prototype.initialize.apply(this, [null, null, attributes]);\n-        this.lonlat = null;\n-        this.geometry = geometry ? geometry : null;\n-        this.state = null;\n-        this.attributes = {};\n-        if (attributes) {\n-            this.attributes = OpenLayers.Util.extend(this.attributes, attributes)\n-        }\n-        this.style = style ? style : null\n-    },\n-    destroy: function() {\n-        if (this.layer) {\n-            this.layer.removeFeatures(this);\n-            this.layer = null\n-        }\n-        this.geometry = null;\n-        this.modified = null;\n-        OpenLayers.Feature.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function() {\n-        return new OpenLayers.Feature.Vector(this.geometry ? this.geometry.clone() : null, this.attributes, this.style)\n-    },\n-    onScreen: function(boundsOnly) {\n-        var onScreen = false;\n-        if (this.layer && this.layer.map) {\n-            var screenBounds = this.layer.map.getExtent();\n-            if (boundsOnly) {\n-                var featureBounds = this.geometry.getBounds();\n-                onScreen = screenBounds.intersectsBounds(featureBounds)\n-            } else {\n-                var screenPoly = screenBounds.toGeometry();\n-                onScreen = screenPoly.intersects(this.geometry)\n-            }\n-        }\n-        return onScreen\n-    },\n-    getVisibility: function() {\n-        return !(this.style && this.style.display == \"none\" || !this.layer || this.layer && this.layer.styleMap && this.layer.styleMap.createSymbolizer(this, this.renderIntent).display == \"none\" || this.layer && !this.layer.getVisibility())\n-    },\n-    createMarker: function() {\n-        return null\n-    },\n-    destroyMarker: function() {},\n-    createPopup: function() {\n-        return null\n-    },\n-    atPoint: function(lonlat, toleranceLon, toleranceLat) {\n-        var atPoint = false;\n-        if (this.geometry) {\n-            atPoint = this.geometry.atPoint(lonlat, toleranceLon, toleranceLat)\n-        }\n-        return atPoint\n-    },\n-    destroyPopup: function() {},\n-    move: function(location) {\n-        if (!this.layer || !this.geometry.move) {\n-            return undefined\n-        }\n-        var pixel;\n-        if (location.CLASS_NAME == \"OpenLayers.LonLat\") {\n-            pixel = this.layer.getViewPortPxFromLonLat(location)\n-        } else {\n-            pixel = location\n-        }\n-        var lastPixel = this.layer.getViewPortPxFromLonLat(this.geometry.getBounds().getCenterLonLat());\n-        var res = this.layer.map.getResolution();\n-        this.geometry.move(res * (pixel.x - lastPixel.x), res * (lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this);\n-        return lastPixel\n-    },\n-    toState: function(state) {\n-        if (state == OpenLayers.State.UPDATE) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.DELETE:\n-                    this.state = state;\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                case OpenLayers.State.INSERT:\n-                    break\n-            }\n-        } else if (state == OpenLayers.State.INSERT) {\n-            switch (this.state) {\n-                case OpenLayers.State.UNKNOWN:\n-                    break;\n-                default:\n-                    this.state = state;\n-                    break\n-            }\n-        } else if (state == OpenLayers.State.DELETE) {\n-            switch (this.state) {\n-                case OpenLayers.State.INSERT:\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    break;\n-                case OpenLayers.State.UNKNOWN:\n-                case OpenLayers.State.UPDATE:\n-                    this.state = state;\n-                    break\n-            }\n-        } else if (state == OpenLayers.State.UNKNOWN) {\n-            this.state = state\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Feature.Vector\"\n-});\n-OpenLayers.Feature.Vector.style = {\n-    default: {\n-        fillColor: \"#ee9900\",\n-        fillOpacity: .4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"#ee9900\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-    },\n-    select: {\n-        fillColor: \"blue\",\n-        fillOpacity: .4,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"blue\",\n-        strokeOpacity: 1,\n-        strokeWidth: 2,\n-        strokeLinecap: \"round\",\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"pointer\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-    },\n-    temporary: {\n-        fillColor: \"#66cccc\",\n-        fillOpacity: .2,\n-        hoverFillColor: \"white\",\n-        hoverFillOpacity: .8,\n-        strokeColor: \"#66cccc\",\n-        strokeOpacity: 1,\n-        strokeLinecap: \"round\",\n-        strokeWidth: 2,\n-        strokeDashstyle: \"solid\",\n-        hoverStrokeColor: \"red\",\n-        hoverStrokeOpacity: 1,\n-        hoverStrokeWidth: .2,\n-        pointRadius: 6,\n-        hoverPointRadius: 1,\n-        hoverPointUnit: \"%\",\n-        pointerEvents: \"visiblePainted\",\n-        cursor: \"inherit\",\n-        fontColor: \"#000000\",\n-        labelAlign: \"cm\",\n-        labelOutlineColor: \"white\",\n-        labelOutlineWidth: 3\n-    },\n-    delete: {\n-        display: \"none\"\n-    }\n-};\n OpenLayers.Format = OpenLayers.Class({\n     options: null,\n     externalProjection: null,\n     internalProjection: null,\n     data: null,\n     keepData: false,\n     initialize: function(options) {\n@@ -7635,189 +8291,14 @@\n         throw \"Unsupported WFST version: \" + options.version\n     }\n     return new cls(options)\n };\n OpenLayers.Format.WFST.DEFAULTS = {\n     version: \"1.0.0\"\n };\n-OpenLayers.Style = OpenLayers.Class({\n-    id: null,\n-    name: null,\n-    title: null,\n-    description: null,\n-    layerName: null,\n-    isDefault: false,\n-    rules: null,\n-    context: null,\n-    defaultStyle: null,\n-    defaultsPerSymbolizer: false,\n-    propertyStyles: null,\n-    initialize: function(style, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules)\n-        }\n-        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null\n-        }\n-        this.rules = null;\n-        this.defaultStyle = null\n-    },\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-        var rules = this.rules;\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            var applies = rule.evaluate(feature);\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule)\n-                } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature)\n-                }\n-            }\n-        }\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature)\n-            }\n-        }\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\"\n-        }\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label)\n-        }\n-        return style\n-    },\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                })\n-            }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                })\n-            }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                })\n-            }\n-        }\n-        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n-    },\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n-        }\n-        return style\n-    },\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    this.addPropertyStyles(propertyStyles, value)\n-                } else {\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break\n-                }\n-            }\n-        }\n-        return propertyStyles\n-    },\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true\n-            }\n-        }\n-        return propertyStyles\n-    },\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles()\n-    },\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles()\n-    },\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i]\n-            }\n-        }\n-    },\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone())\n-            }\n-        }\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options)\n-    },\n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = isNaN(value) || !value ? value : parseFloat(value)\n-    }\n-    return value\n-};\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n OpenLayers.Filter = OpenLayers.Class({\n     initialize: function(options) {\n         OpenLayers.Util.extend(this, options)\n     },\n     destroy: function() {},\n     evaluate: function(context) {\n         return true\n@@ -10686,349 +11167,108 @@\n     process: null,\n     output: null,\n     initialize: function(options) {\n         OpenLayers.Util.extend(this, options)\n     },\n     CLASS_NAME: \"OpenLayers.WPSProcess.ChainLink\"\n });\n-OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(OpenLayers.Format.XML, {\n-    VERSION: \"1.0.0\",\n-    namespaces: {\n-        wps: \"http://www.opengis.net/wps/1.0.0\",\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n-    defaultPrefix: \"wps\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var info = {};\n-        this.readNode(data, info);\n-        return info\n-    },\n-    readers: {\n-        wps: {\n-            ProcessDescriptions: function(node, obj) {\n-                obj.processDescriptions = {};\n-                this.readChildNodes(node, obj.processDescriptions)\n-            },\n-            ProcessDescription: function(node, processDescriptions) {\n-                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                var processDescription = {\n-                    processVersion: processVersion,\n-                    statusSupported: node.getAttribute(\"statusSupported\") === \"true\",\n-                    storeSupported: node.getAttribute(\"storeSupported\") === \"true\"\n-                };\n-                this.readChildNodes(node, processDescription);\n-                processDescriptions[processDescription.identifier] = processDescription\n-            },\n-            DataInputs: function(node, processDescription) {\n-                processDescription.dataInputs = [];\n-                this.readChildNodes(node, processDescription.dataInputs)\n-            },\n-            ProcessOutputs: function(node, processDescription) {\n-                processDescription.processOutputs = [];\n-                this.readChildNodes(node, processDescription.processOutputs)\n-            },\n-            Output: function(node, processOutputs) {\n-                var output = {};\n-                this.readChildNodes(node, output);\n-                processOutputs.push(output)\n-            },\n-            ComplexOutput: function(node, output) {\n-                output.complexOutput = {};\n-                this.readChildNodes(node, output.complexOutput)\n-            },\n-            LiteralOutput: function(node, output) {\n-                output.literalOutput = {};\n-                this.readChildNodes(node, output.literalOutput)\n-            },\n-            Input: function(node, dataInputs) {\n-                var input = {\n-                    maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n-                    minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n-                };\n-                this.readChildNodes(node, input);\n-                dataInputs.push(input)\n-            },\n-            BoundingBoxData: function(node, input) {\n-                input.boundingBoxData = {};\n-                this.readChildNodes(node, input.boundingBoxData)\n-            },\n-            CRS: function(node, obj) {\n-                if (!obj.CRSs) {\n-                    obj.CRSs = {}\n-                }\n-                obj.CRSs[this.getChildValue(node)] = true\n-            },\n-            LiteralData: function(node, input) {\n-                input.literalData = {};\n-                this.readChildNodes(node, input.literalData)\n-            },\n-            ComplexData: function(node, input) {\n-                input.complexData = {};\n-                this.readChildNodes(node, input.complexData)\n-            },\n-            Default: function(node, complexData) {\n-                complexData[\"default\"] = {};\n-                this.readChildNodes(node, complexData[\"default\"])\n-            },\n-            Supported: function(node, complexData) {\n-                complexData[\"supported\"] = {};\n-                this.readChildNodes(node, complexData[\"supported\"])\n-            },\n-            Format: function(node, obj) {\n-                var format = {};\n-                this.readChildNodes(node, format);\n-                if (!obj.formats) {\n-                    obj.formats = {}\n-                }\n-                obj.formats[format.mimeType] = true\n-            },\n-            MimeType: function(node, format) {\n-                format.mimeType = this.getChildValue(node)\n-            }\n-        },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n-});\n-OpenLayers.WPSClient = OpenLayers.Class({\n-    servers: null,\n-    version: \"1.0.0\",\n-    lazy: false,\n-    events: null,\n-    initialize: function(options) {\n+OpenLayers.Handler = OpenLayers.Class({\n+    id: null,\n+    control: null,\n+    map: null,\n+    keyMask: null,\n+    active: false,\n+    evt: null,\n+    touch: false,\n+    initialize: function(control, callbacks, options) {\n         OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        this.servers = {};\n-        for (var s in options.servers) {\n-            this.servers[s] = typeof options.servers[s] == \"string\" ? {\n-                url: options.servers[s],\n-                version: this.version,\n-                processDescription: {}\n-            } : options.servers[s]\n+        this.control = control;\n+        this.callbacks = callbacks;\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map)\n         }\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n-    execute: function(options) {\n-        var process = this.getProcess(options.server, options.process);\n-        process.execute({\n-            inputs: options.inputs,\n-            success: options.success,\n-            scope: options.scope\n-        })\n+    setMap: function(map) {\n+        this.map = map\n     },\n-    getProcess: function(serverID, processID) {\n-        var process = new OpenLayers.WPSProcess({\n-            client: this,\n-            server: serverID,\n-            identifier: processID\n-        });\n-        if (!this.lazy) {\n-            process.describe()\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true\n         }\n-        return process\n+        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+        return keyModifiers == this.keyMask\n     },\n-    describeProcess: function(serverID, processID, callback, scope) {\n-        var server = this.servers[serverID];\n-        if (!server.processDescription[processID]) {\n-            if (!(processID in server.processDescription)) {\n-                server.processDescription[processID] = null;\n-                OpenLayers.Request.GET({\n-                    url: server.url,\n-                    params: {\n-                        SERVICE: \"WPS\",\n-                        VERSION: server.version,\n-                        REQUEST: \"DescribeProcess\",\n-                        IDENTIFIER: processID\n-                    },\n-                    success: function(response) {\n-                        server.processDescription[processID] = response.responseText;\n-                        this.events.triggerEvent(\"describeprocess\", {\n-                            identifier: processID,\n-                            raw: response.responseText\n-                        })\n-                    },\n-                    scope: this\n-                })\n-            } else {\n-                this.events.register(\"describeprocess\", this, function describe(evt) {\n-                    if (evt.identifier === processID) {\n-                        this.events.unregister(\"describeprocess\", this, describe);\n-                        callback.call(scope, evt.raw)\n-                    }\n-                })\n-            }\n-        } else {\n-            window.setTimeout(function() {\n-                callback.call(scope, server.processDescription[processID])\n-            }, 0)\n+    activate: function() {\n+        if (this.active) {\n+            return false\n         }\n-    },\n-    destroy: function() {\n-        this.events.destroy();\n-        this.events = null;\n-        this.servers = null\n-    },\n-    CLASS_NAME: \"OpenLayers.WPSClient\"\n-});\n-OpenLayers.Icon = OpenLayers.Class({\n-    url: null,\n-    size: null,\n-    offset: null,\n-    calculateOffset: null,\n-    imageDiv: null,\n-    px: null,\n-    initialize: function(url, size, offset, calculateOffset) {\n-        this.url = url;\n-        this.size = size || {\n-            w: 20,\n-            h: 20\n-        };\n-        this.offset = offset || {\n-            x: -(this.size.w / 2),\n-            y: -(this.size.h / 2)\n-        };\n-        this.calculateOffset = calculateOffset;\n-        var id = OpenLayers.Util.createUniqueID(\"OL_Icon_\");\n-        this.imageDiv = OpenLayers.Util.createAlphaImageDiv(id)\n-    },\n-    destroy: function() {\n-        this.erase();\n-        OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);\n-        this.imageDiv.innerHTML = \"\";\n-        this.imageDiv = null\n-    },\n-    clone: function() {\n-        return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset)\n-    },\n-    setSize: function(size) {\n-        if (size != null) {\n-            this.size = size\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]])\n+            }\n         }\n-        this.draw()\n+        this.active = true;\n+        return true\n     },\n-    setUrl: function(url) {\n-        if (url != null) {\n-            this.url = url\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false\n         }\n-        this.draw()\n-    },\n-    draw: function(px) {\n-        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, \"absolute\");\n-        this.moveTo(px);\n-        return this.imageDiv\n-    },\n-    erase: function() {\n-        if (this.imageDiv != null && this.imageDiv.parentNode != null) {\n-            OpenLayers.Element.remove(this.imageDiv)\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]])\n+            }\n         }\n+        this.touch = false;\n+        this.active = false;\n+        return true\n     },\n-    setOpacity: function(opacity) {\n-        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, opacity)\n-    },\n-    moveTo: function(px) {\n-        if (px != null) {\n-            this.px = px\n-        }\n-        if (this.imageDiv != null) {\n-            if (this.px == null) {\n-                this.display(false)\n-            } else {\n-                if (this.calculateOffset) {\n-                    this.offset = this.calculateOffset(this.size)\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]])\n                 }\n-                OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, {\n-                    x: this.px.x + this.offset.x,\n-                    y: this.px.y + this.offset.y\n-                })\n             }\n         }\n     },\n-    display: function(display) {\n-        this.imageDiv.style.display = display ? \"\" : \"none\"\n-    },\n-    isDrawn: function() {\n-        var isDrawn = this.imageDiv && this.imageDiv.parentNode && this.imageDiv.parentNode.nodeType != 11;\n-        return isDrawn\n-    },\n-    CLASS_NAME: \"OpenLayers.Icon\"\n-});\n-OpenLayers.Protocol = OpenLayers.Class({\n-    format: null,\n-    options: null,\n-    autoDestroy: true,\n-    defaultFilter: null,\n-    initialize: function(options) {\n-        options = options || {};\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options\n-    },\n-    mergeWithDefaultFilter: function(filter) {\n-        var merged;\n-        if (filter && this.defaultFilter) {\n-            merged = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.defaultFilter, filter]\n-            })\n-        } else {\n-            merged = filter || this.defaultFilter || undefined\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args)\n         }\n-        return merged\n-    },\n-    destroy: function() {\n-        this.options = null;\n-        this.format = null\n     },\n-    read: function(options) {\n-        options = options || {};\n-        options.filter = this.mergeWithDefaultFilter(options.filter)\n+    register: function(name, method) {\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent)\n     },\n-    create: function() {},\n-    update: function() {},\n-    delete: function() {},\n-    commit: function() {},\n-    abort: function(response) {},\n-    createCallback: function(method, response, options) {\n-        return OpenLayers.Function.bind(function() {\n-            method.apply(this, [response, options])\n-        }, this)\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol\"\n-});\n-OpenLayers.Protocol.Response = OpenLayers.Class({\n-    code: null,\n-    requestType: null,\n-    last: true,\n-    features: null,\n-    data: null,\n-    reqFeatures: null,\n-    priv: null,\n-    error: null,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true\n     },\n-    success: function() {\n-        return this.code > 0\n+    destroy: function() {\n+        this.deactivate();\n+        this.control = this.map = null\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n+    CLASS_NAME: \"OpenLayers.Handler\"\n });\n-OpenLayers.Protocol.Response.SUCCESS = 1;\n-OpenLayers.Protocol.Response.FAILURE = 0;\n+OpenLayers.Handler.MOD_NONE = 0;\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+OpenLayers.Handler.MOD_CTRL = 2;\n+OpenLayers.Handler.MOD_ALT = 4;\n+OpenLayers.Handler.MOD_META = 8;\n OpenLayers.Renderer = OpenLayers.Class({\n     container: null,\n     root: null,\n     extent: null,\n     locked: false,\n     size: null,\n     resolution: null,\n@@ -11161,699 +11401,976 @@\n OpenLayers.Renderer.symbol = {\n     star: [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301, 303, 215, 231, 161, 321, 161, 350, 75],\n     cross: [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4, 4, 0],\n     x: [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n     square: [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n     triangle: [0, 10, 10, 10, 5, 0, 0, 10]\n };\n-OpenLayers.Layer = OpenLayers.Class({\n-    id: null,\n-    name: null,\n-    div: null,\n-    opacity: 1,\n-    alwaysInRange: null,\n-    RESOLUTION_PROPERTIES: [\"scales\", \"resolutions\", \"maxScale\", \"minScale\", \"maxResolution\", \"minResolution\", \"numZoomLevels\", \"maxZoomLevel\"],\n-    events: null,\n-    map: null,\n-    isBaseLayer: false,\n-    alpha: false,\n-    displayInLayerSwitcher: true,\n-    visibility: true,\n-    attribution: null,\n-    inRange: false,\n-    imageSize: null,\n-    options: null,\n-    eventListeners: null,\n-    gutter: 0,\n-    projection: null,\n-    units: null,\n-    scales: null,\n-    resolutions: null,\n-    maxExtent: null,\n-    minExtent: null,\n-    maxResolution: null,\n-    minResolution: null,\n-    numZoomLevels: null,\n-    minScale: null,\n-    maxScale: null,\n-    displayOutsideMaxExtent: false,\n-    wrapDateLine: false,\n-    metadata: null,\n-    initialize: function(name, options) {\n-        this.metadata = {};\n-        options = OpenLayers.Util.extend({}, options);\n-        if (this.alwaysInRange != null) {\n-            options.alwaysInRange = this.alwaysInRange\n-        }\n-        this.addOptions(options);\n-        this.name = name;\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.style.width = \"100%\";\n-            this.div.style.height = \"100%\";\n-            this.div.dir = \"ltr\";\n-            this.events = new OpenLayers.Events(this, this.div);\n-            if (this.eventListeners instanceof Object) {\n-                this.events.on(this.eventListeners)\n-            }\n-        }\n+OpenLayers.Icon = OpenLayers.Class({\n+    url: null,\n+    size: null,\n+    offset: null,\n+    calculateOffset: null,\n+    imageDiv: null,\n+    px: null,\n+    initialize: function(url, size, offset, calculateOffset) {\n+        this.url = url;\n+        this.size = size || {\n+            w: 20,\n+            h: 20\n+        };\n+        this.offset = offset || {\n+            x: -(this.size.w / 2),\n+            y: -(this.size.h / 2)\n+        };\n+        this.calculateOffset = calculateOffset;\n+        var id = OpenLayers.Util.createUniqueID(\"OL_Icon_\");\n+        this.imageDiv = OpenLayers.Util.createAlphaImageDiv(id)\n     },\n-    destroy: function(setNewBaseLayer) {\n-        if (setNewBaseLayer == null) {\n-            setNewBaseLayer = true\n-        }\n-        if (this.map != null) {\n-            this.map.removeLayer(this, setNewBaseLayer)\n-        }\n-        this.projection = null;\n-        this.map = null;\n-        this.name = null;\n-        this.div = null;\n-        this.options = null;\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners)\n-            }\n-            this.events.destroy()\n-        }\n-        this.eventListeners = null;\n-        this.events = null\n+    destroy: function() {\n+        this.erase();\n+        OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);\n+        this.imageDiv.innerHTML = \"\";\n+        this.imageDiv = null\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer(this.name, this.getOptions())\n-        }\n-        OpenLayers.Util.applyDefaults(obj, this);\n-        obj.map = null;\n-        return obj\n+    clone: function() {\n+        return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset)\n     },\n-    getOptions: function() {\n-        var options = {};\n-        for (var o in this.options) {\n-            options[o] = this[o]\n+    setSize: function(size) {\n+        if (size != null) {\n+            this.size = size\n         }\n-        return options\n+        this.draw()\n     },\n-    setName: function(newName) {\n-        if (newName != this.name) {\n-            this.name = newName;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"name\"\n-                })\n-            }\n+    setUrl: function(url) {\n+        if (url != null) {\n+            this.url = url\n         }\n+        this.draw()\n     },\n-    addOptions: function(newOptions, reinitialize) {\n-        if (this.options == null) {\n-            this.options = {}\n-        }\n-        if (newOptions) {\n-            if (typeof newOptions.projection == \"string\") {\n-                newOptions.projection = new OpenLayers.Projection(newOptions.projection)\n-            }\n-            if (newOptions.projection) {\n-                OpenLayers.Util.applyDefaults(newOptions, OpenLayers.Projection.defaults[newOptions.projection.getCode()])\n-            }\n-            if (newOptions.maxExtent && !(newOptions.maxExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.maxExtent = new OpenLayers.Bounds(newOptions.maxExtent)\n-            }\n-            if (newOptions.minExtent && !(newOptions.minExtent instanceof OpenLayers.Bounds)) {\n-                newOptions.minExtent = new OpenLayers.Bounds(newOptions.minExtent)\n-            }\n+    draw: function(px) {\n+        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, \"absolute\");\n+        this.moveTo(px);\n+        return this.imageDiv\n+    },\n+    erase: function() {\n+        if (this.imageDiv != null && this.imageDiv.parentNode != null) {\n+            OpenLayers.Element.remove(this.imageDiv)\n         }\n-        OpenLayers.Util.extend(this.options, newOptions);\n-        OpenLayers.Util.extend(this, newOptions);\n-        if (this.projection && this.projection.getUnits()) {\n-            this.units = this.projection.getUnits()\n+    },\n+    setOpacity: function(opacity) {\n+        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, opacity)\n+    },\n+    moveTo: function(px) {\n+        if (px != null) {\n+            this.px = px\n         }\n-        if (this.map) {\n-            var resolution = this.map.getResolution();\n-            var properties = this.RESOLUTION_PROPERTIES.concat([\"projection\", \"units\", \"minExtent\", \"maxExtent\"]);\n-            for (var o in newOptions) {\n-                if (newOptions.hasOwnProperty(o) && OpenLayers.Util.indexOf(properties, o) >= 0) {\n-                    this.initResolutions();\n-                    if (reinitialize && this.map.baseLayer === this) {\n-                        this.map.setCenter(this.map.getCenter(), this.map.getZoomForResolution(resolution), false, true);\n-                        this.map.events.triggerEvent(\"changebaselayer\", {\n-                            layer: this\n-                        })\n-                    }\n-                    break\n+        if (this.imageDiv != null) {\n+            if (this.px == null) {\n+                this.display(false)\n+            } else {\n+                if (this.calculateOffset) {\n+                    this.offset = this.calculateOffset(this.size)\n                 }\n+                OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, {\n+                    x: this.px.x + this.offset.x,\n+                    y: this.px.y + this.offset.y\n+                })\n             }\n         }\n     },\n-    onMapResize: function() {},\n-    redraw: function() {\n-        var redrawn = false;\n-        if (this.map) {\n-            this.inRange = this.calculateInRange();\n-            var extent = this.getExtent();\n-            if (extent && this.inRange && this.visibility) {\n-                var zoomChanged = true;\n-                this.moveTo(extent, zoomChanged, false);\n-                this.events.triggerEvent(\"moveend\", {\n-                    zoomChanged: zoomChanged\n-                });\n-                redrawn = true\n-            }\n-        }\n-        return redrawn\n+    display: function(display) {\n+        this.imageDiv.style.display = display ? \"\" : \"none\"\n     },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        var display = this.visibility;\n-        if (!this.isBaseLayer) {\n-            display = display && this.inRange\n-        }\n-        this.display(display)\n+    isDrawn: function() {\n+        var isDrawn = this.imageDiv && this.imageDiv.parentNode && this.imageDiv.parentNode.nodeType != 11;\n+        return isDrawn\n     },\n-    moveByPx: function(dx, dy) {},\n-    setMap: function(map) {\n-        if (this.map == null) {\n-            this.map = map;\n-            this.maxExtent = this.maxExtent || this.map.maxExtent;\n-            this.minExtent = this.minExtent || this.map.minExtent;\n-            this.projection = this.projection || this.map.projection;\n-            if (typeof this.projection == \"string\") {\n-                this.projection = new OpenLayers.Projection(this.projection)\n-            }\n-            this.units = this.projection.getUnits() || this.units || this.map.units;\n-            this.initResolutions();\n-            if (!this.isBaseLayer) {\n-                this.inRange = this.calculateInRange();\n-                var show = this.visibility && this.inRange;\n-                this.div.style.display = show ? \"\" : \"none\"\n-            }\n-            this.setTileSize()\n+    CLASS_NAME: \"OpenLayers.Icon\"\n+});\n+OpenLayers.Marker = OpenLayers.Class({\n+    icon: null,\n+    lonlat: null,\n+    events: null,\n+    map: null,\n+    initialize: function(lonlat, icon) {\n+        this.lonlat = lonlat;\n+        var newIcon = icon ? icon : OpenLayers.Marker.defaultIcon();\n+        if (this.icon == null) {\n+            this.icon = newIcon\n+        } else {\n+            this.icon.url = newIcon.url;\n+            this.icon.size = newIcon.size;\n+            this.icon.offset = newIcon.offset;\n+            this.icon.calculateOffset = newIcon.calculateOffset\n         }\n+        this.events = new OpenLayers.Events(this, this.icon.imageDiv)\n     },\n-    afterAdd: function() {},\n-    removeMap: function(map) {},\n-    getImageSize: function(bounds) {\n-        return this.imageSize || this.tileSize\n-    },\n-    setTileSize: function(size) {\n-        var tileSize = size ? size : this.tileSize ? this.tileSize : this.map.getTileSize();\n-        this.tileSize = tileSize;\n-        if (this.gutter) {\n-            this.imageSize = new OpenLayers.Size(tileSize.w + 2 * this.gutter, tileSize.h + 2 * this.gutter)\n+    destroy: function() {\n+        this.erase();\n+        this.map = null;\n+        this.events.destroy();\n+        this.events = null;\n+        if (this.icon != null) {\n+            this.icon.destroy();\n+            this.icon = null\n         }\n     },\n-    getVisibility: function() {\n-        return this.visibility\n+    draw: function(px) {\n+        return this.icon.draw(px)\n     },\n-    setVisibility: function(visibility) {\n-        if (visibility != this.visibility) {\n-            this.visibility = visibility;\n-            this.display(visibility);\n-            this.redraw();\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"visibility\"\n-                })\n-            }\n-            this.events.triggerEvent(\"visibilitychanged\")\n+    erase: function() {\n+        if (this.icon != null) {\n+            this.icon.erase()\n         }\n     },\n-    display: function(display) {\n-        if (display != (this.div.style.display != \"none\")) {\n-            this.div.style.display = display && this.calculateInRange() ? \"block\" : \"none\"\n+    moveTo: function(px) {\n+        if (px != null && this.icon != null) {\n+            this.icon.moveTo(px)\n         }\n+        this.lonlat = this.map.getLonLatFromLayerPx(px)\n     },\n-    calculateInRange: function() {\n-        var inRange = false;\n-        if (this.alwaysInRange) {\n-            inRange = true\n-        } else {\n-            if (this.map) {\n-                var resolution = this.map.getResolution();\n-                inRange = resolution >= this.minResolution && resolution <= this.maxResolution\n-            }\n+    isDrawn: function() {\n+        var isDrawn = this.icon && this.icon.isDrawn();\n+        return isDrawn\n+    },\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat)\n         }\n-        return inRange\n+        return onScreen\n     },\n-    setIsBaseLayer: function(isBaseLayer) {\n-        if (isBaseLayer != this.isBaseLayer) {\n-            this.isBaseLayer = isBaseLayer;\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changebaselayer\", {\n-                    layer: this\n-                })\n-            }\n+    inflate: function(inflate) {\n+        if (this.icon) {\n+            this.icon.setSize({\n+                w: this.icon.size.w * inflate,\n+                h: this.icon.size.h * inflate\n+            })\n         }\n     },\n-    initResolutions: function() {\n-        var i, len, p;\n-        var props = {},\n-            alwaysInRange = true;\n-        for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-            p = this.RESOLUTION_PROPERTIES[i];\n-            props[p] = this.options[p];\n-            if (alwaysInRange && this.options[p]) {\n-                alwaysInRange = false\n-            }\n+    setOpacity: function(opacity) {\n+        this.icon.setOpacity(opacity)\n+    },\n+    setUrl: function(url) {\n+        this.icon.setUrl(url)\n+    },\n+    display: function(display) {\n+        this.icon.display(display)\n+    },\n+    CLASS_NAME: \"OpenLayers.Marker\"\n+});\n+OpenLayers.Marker.defaultIcon = function() {\n+    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n+        w: 21,\n+        h: 25\n+    }, {\n+        x: -10.5,\n+        y: -25\n+    })\n+};\n+OpenLayers.Symbolizer = OpenLayers.Class({\n+    zIndex: 0,\n+    initialize: function(config) {\n+        OpenLayers.Util.extend(this, config)\n+    },\n+    clone: function() {\n+        var Type = eval(this.CLASS_NAME);\n+        return new Type(OpenLayers.Util.extend({}, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+});\n+OpenLayers.Popup = OpenLayers.Class({\n+    events: null,\n+    id: \"\",\n+    lonlat: null,\n+    div: null,\n+    contentSize: null,\n+    size: null,\n+    contentHTML: null,\n+    backgroundColor: \"\",\n+    opacity: \"\",\n+    border: \"\",\n+    contentDiv: null,\n+    groupDiv: null,\n+    closeDiv: null,\n+    autoSize: false,\n+    minSize: null,\n+    maxSize: null,\n+    displayClass: \"olPopup\",\n+    contentDisplayClass: \"olPopupContent\",\n+    padding: 0,\n+    disableFirefoxOverflowHack: false,\n+    fixPadding: function() {\n+        if (typeof this.padding == \"number\") {\n+            this.padding = new OpenLayers.Bounds(this.padding, this.padding, this.padding, this.padding)\n         }\n-        if (this.options.alwaysInRange == null) {\n-            this.alwaysInRange = alwaysInRange\n+    },\n+    panMapIfOutOfView: false,\n+    keepInMap: false,\n+    closeOnMove: false,\n+    map: null,\n+    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n+        if (id == null) {\n+            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n         }\n-        if (props.resolutions == null) {\n-            props.resolutions = this.resolutionsFromScales(props.scales)\n+        this.id = id;\n+        this.lonlat = lonlat;\n+        this.contentSize = contentSize != null ? contentSize : new OpenLayers.Size(OpenLayers.Popup.WIDTH, OpenLayers.Popup.HEIGHT);\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML\n         }\n-        if (props.resolutions == null) {\n-            props.resolutions = this.calculateResolutions(props)\n+        this.backgroundColor = OpenLayers.Popup.COLOR;\n+        this.opacity = OpenLayers.Popup.OPACITY;\n+        this.border = OpenLayers.Popup.BORDER;\n+        this.div = OpenLayers.Util.createDiv(this.id, null, null, null, null, null, \"hidden\");\n+        this.div.className = this.displayClass;\n+        var groupDivId = this.id + \"_GroupDiv\";\n+        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null, null, \"relative\", null, \"hidden\");\n+        var id = this.div.id + \"_contentDiv\";\n+        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(), null, \"relative\");\n+        this.contentDiv.className = this.contentDisplayClass;\n+        this.groupDiv.appendChild(this.contentDiv);\n+        this.div.appendChild(this.groupDiv);\n+        if (closeBox) {\n+            this.addCloseBox(closeBoxCallback)\n         }\n-        if (props.resolutions == null) {\n-            for (i = 0, len = this.RESOLUTION_PROPERTIES.length; i < len; i++) {\n-                p = this.RESOLUTION_PROPERTIES[i];\n-                props[p] = this.options[p] != null ? this.options[p] : this.map[p]\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.resolutionsFromScales(props.scales)\n-            }\n-            if (props.resolutions == null) {\n-                props.resolutions = this.calculateResolutions(props)\n-            }\n+        this.registerEvents()\n+    },\n+    destroy: function() {\n+        this.id = null;\n+        this.lonlat = null;\n+        this.size = null;\n+        this.contentHTML = null;\n+        this.backgroundColor = null;\n+        this.opacity = null;\n+        this.border = null;\n+        if (this.closeOnMove && this.map) {\n+            this.map.events.unregister(\"movestart\", this, this.hide)\n         }\n-        var maxResolution;\n-        if (this.options.maxResolution && this.options.maxResolution !== \"auto\") {\n-            maxResolution = this.options.maxResolution\n+        this.events.destroy();\n+        this.events = null;\n+        if (this.closeDiv) {\n+            OpenLayers.Event.stopObservingElement(this.closeDiv);\n+            this.groupDiv.removeChild(this.closeDiv)\n         }\n-        if (this.options.minScale) {\n-            maxResolution = OpenLayers.Util.getResolutionFromScale(this.options.minScale, this.units)\n+        this.closeDiv = null;\n+        this.div.removeChild(this.groupDiv);\n+        this.groupDiv = null;\n+        if (this.map != null) {\n+            this.map.removePopup(this)\n         }\n-        var minResolution;\n-        if (this.options.minResolution && this.options.minResolution !== \"auto\") {\n-            minResolution = this.options.minResolution\n+        this.map = null;\n+        this.div = null;\n+        this.autoSize = null;\n+        this.minSize = null;\n+        this.maxSize = null;\n+        this.padding = null;\n+        this.panMapIfOutOfView = null\n+    },\n+    draw: function(px) {\n+        if (px == null) {\n+            if (this.lonlat != null && this.map != null) {\n+                px = this.map.getLayerPxFromLonLat(this.lonlat)\n+            }\n         }\n-        if (this.options.maxScale) {\n-            minResolution = OpenLayers.Util.getResolutionFromScale(this.options.maxScale, this.units)\n+        if (this.closeOnMove) {\n+            this.map.events.register(\"movestart\", this, this.hide)\n         }\n-        if (props.resolutions) {\n-            props.resolutions.sort(function(a, b) {\n-                return b - a\n+        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == \"firefox\") {\n+            this.map.events.register(\"movestart\", this, function() {\n+                var style = document.defaultView.getComputedStyle(this.contentDiv, null);\n+                var currentOverflow = style.getPropertyValue(\"overflow\");\n+                if (currentOverflow != \"hidden\") {\n+                    this.contentDiv._oldOverflow = currentOverflow;\n+                    this.contentDiv.style.overflow = \"hidden\"\n+                }\n             });\n-            if (!maxResolution) {\n-                maxResolution = props.resolutions[0]\n-            }\n-            if (!minResolution) {\n-                var lastIdx = props.resolutions.length - 1;\n-                minResolution = props.resolutions[lastIdx]\n-            }\n-        }\n-        this.resolutions = props.resolutions;\n-        if (this.resolutions) {\n-            len = this.resolutions.length;\n-            this.scales = new Array(len);\n-            for (i = 0; i < len; i++) {\n-                this.scales[i] = OpenLayers.Util.getScaleFromResolution(this.resolutions[i], this.units)\n-            }\n-            this.numZoomLevels = len\n+            this.map.events.register(\"moveend\", this, function() {\n+                var oldOverflow = this.contentDiv._oldOverflow;\n+                if (oldOverflow) {\n+                    this.contentDiv.style.overflow = oldOverflow;\n+                    this.contentDiv._oldOverflow = null\n+                }\n+            })\n         }\n-        this.minResolution = minResolution;\n-        if (minResolution) {\n-            this.maxScale = OpenLayers.Util.getScaleFromResolution(minResolution, this.units)\n+        this.moveTo(px);\n+        if (!this.autoSize && !this.size) {\n+            this.setSize(this.contentSize)\n         }\n-        this.maxResolution = maxResolution;\n-        if (maxResolution) {\n-            this.minScale = OpenLayers.Util.getScaleFromResolution(maxResolution, this.units)\n+        this.setBackgroundColor();\n+        this.setOpacity();\n+        this.setBorder();\n+        this.setContentHTML();\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView()\n         }\n+        return this.div\n     },\n-    resolutionsFromScales: function(scales) {\n-        if (scales == null) {\n-            return\n-        }\n-        var resolutions, i, len;\n-        len = scales.length;\n-        resolutions = new Array(len);\n-        for (i = 0; i < len; i++) {\n-            resolutions[i] = OpenLayers.Util.getResolutionFromScale(scales[i], this.units)\n+    updatePosition: function() {\n+        if (this.lonlat && this.map) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            if (px) {\n+                this.moveTo(px)\n+            }\n         }\n-        return resolutions\n     },\n-    calculateResolutions: function(props) {\n-        var viewSize, wRes, hRes;\n-        var maxResolution = props.maxResolution;\n-        if (props.minScale != null) {\n-            maxResolution = OpenLayers.Util.getResolutionFromScale(props.minScale, this.units)\n-        } else if (maxResolution == \"auto\" && this.maxExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.maxExtent.getWidth() / viewSize.w;\n-            hRes = this.maxExtent.getHeight() / viewSize.h;\n-            maxResolution = Math.max(wRes, hRes)\n+    moveTo: function(px) {\n+        if (px != null && this.div != null) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\"\n         }\n-        var minResolution = props.minResolution;\n-        if (props.maxScale != null) {\n-            minResolution = OpenLayers.Util.getResolutionFromScale(props.maxScale, this.units)\n-        } else if (props.minResolution == \"auto\" && this.minExtent != null) {\n-            viewSize = this.map.getSize();\n-            wRes = this.minExtent.getWidth() / viewSize.w;\n-            hRes = this.minExtent.getHeight() / viewSize.h;\n-            minResolution = Math.max(wRes, hRes)\n+    },\n+    visible: function() {\n+        return OpenLayers.Element.visible(this.div)\n+    },\n+    toggle: function() {\n+        if (this.visible()) {\n+            this.hide()\n+        } else {\n+            this.show()\n         }\n-        if (typeof maxResolution !== \"number\" && typeof minResolution !== \"number\" && this.maxExtent != null) {\n-            var tileSize = this.map.getTileSize();\n-            maxResolution = Math.max(this.maxExtent.getWidth() / tileSize.w, this.maxExtent.getHeight() / tileSize.h)\n+    },\n+    show: function() {\n+        this.div.style.display = \"\";\n+        if (this.panMapIfOutOfView) {\n+            this.panIntoView()\n         }\n-        var maxZoomLevel = props.maxZoomLevel;\n-        var numZoomLevels = props.numZoomLevels;\n-        if (typeof minResolution === \"number\" && typeof maxResolution === \"number\" && numZoomLevels === undefined) {\n-            var ratio = maxResolution / minResolution;\n-            numZoomLevels = Math.floor(Math.log(ratio) / Math.log(2)) + 1\n-        } else if (numZoomLevels === undefined && maxZoomLevel != null) {\n-            numZoomLevels = maxZoomLevel + 1\n+    },\n+    hide: function() {\n+        this.div.style.display = \"none\"\n+    },\n+    setSize: function(contentSize) {\n+        this.size = contentSize.clone();\n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right\n         }\n-        if (typeof numZoomLevels !== \"number\" || numZoomLevels <= 0 || typeof maxResolution !== \"number\" && typeof minResolution !== \"number\") {\n-            return\n+        this.size.w += wPadding;\n+        this.size.h += hPadding;\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.contentSize.w += contentDivPadding.left + contentDivPadding.right;\n+            this.contentSize.h += contentDivPadding.bottom + contentDivPadding.top\n         }\n-        var resolutions = new Array(numZoomLevels);\n-        var base = 2;\n-        if (typeof minResolution == \"number\" && typeof maxResolution == \"number\") {\n-            base = Math.pow(maxResolution / minResolution, 1 / (numZoomLevels - 1))\n+        if (this.div != null) {\n+            this.div.style.width = this.size.w + \"px\";\n+            this.div.style.height = this.size.h + \"px\"\n         }\n-        var i;\n-        if (typeof maxResolution === \"number\") {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[i] = maxResolution / Math.pow(base, i)\n-            }\n-        } else {\n-            for (i = 0; i < numZoomLevels; i++) {\n-                resolutions[numZoomLevels - 1 - i] = minResolution * Math.pow(base, i)\n-            }\n+        if (this.contentDiv != null) {\n+            this.contentDiv.style.width = contentSize.w + \"px\";\n+            this.contentDiv.style.height = contentSize.h + \"px\"\n         }\n-        return resolutions\n-    },\n-    getResolution: function() {\n-        var zoom = this.map.getZoom();\n-        return this.getResolutionForZoom(zoom)\n     },\n-    getExtent: function() {\n-        return this.map.calculateBounds()\n-    },\n-    getZoomForExtent: function(extent, closest) {\n-        var viewSize = this.map.getSize();\n-        var idealResolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h);\n-        return this.getZoomForResolution(idealResolution, closest)\n-    },\n-    getDataExtent: function() {},\n-    getResolutionForZoom: function(zoom) {\n-        zoom = Math.max(0, Math.min(zoom, this.resolutions.length - 1));\n-        var resolution;\n-        if (this.map.fractionalZoom) {\n-            var low = Math.floor(zoom);\n-            var high = Math.ceil(zoom);\n-            resolution = this.resolutions[low] - (zoom - low) * (this.resolutions[low] - this.resolutions[high])\n+    updateSize: function() {\n+        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" + this.contentDiv.innerHTML + \"</div>\";\n+        var containerElement = this.map ? this.map.div : document.body;\n+        var realSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, null, {\n+            displayClass: this.displayClass,\n+            containerElement: containerElement\n+        });\n+        var safeSize = this.getSafeContentSize(realSize);\n+        var newSize = null;\n+        if (safeSize.equals(realSize)) {\n+            newSize = realSize\n         } else {\n-            resolution = this.resolutions[Math.round(zoom)]\n-        }\n-        return resolution\n-    },\n-    getZoomForResolution: function(resolution, closest) {\n-        var zoom, i, len;\n-        if (this.map.fractionalZoom) {\n-            var lowZoom = 0;\n-            var highZoom = this.resolutions.length - 1;\n-            var highRes = this.resolutions[lowZoom];\n-            var lowRes = this.resolutions[highZoom];\n-            var res;\n-            for (i = 0, len = this.resolutions.length; i < len; ++i) {\n-                res = this.resolutions[i];\n-                if (res >= resolution) {\n-                    highRes = res;\n-                    lowZoom = i\n-                }\n-                if (res <= resolution) {\n-                    lowRes = res;\n-                    highZoom = i;\n-                    break\n-                }\n-            }\n-            var dRes = highRes - lowRes;\n-            if (dRes > 0) {\n-                zoom = lowZoom + (highRes - resolution) / dRes\n+            var fixedSize = {\n+                w: safeSize.w < realSize.w ? safeSize.w : null,\n+                h: safeSize.h < realSize.h ? safeSize.h : null\n+            };\n+            if (fixedSize.w && fixedSize.h) {\n+                newSize = safeSize\n             } else {\n-                zoom = lowZoom\n-            }\n-        } else {\n-            var diff;\n-            var minDiff = Number.POSITIVE_INFINITY;\n-            for (i = 0, len = this.resolutions.length; i < len; i++) {\n-                if (closest) {\n-                    diff = Math.abs(this.resolutions[i] - resolution);\n-                    if (diff > minDiff) {\n-                        break\n-                    }\n-                    minDiff = diff\n-                } else {\n-                    if (this.resolutions[i] < resolution) {\n-                        break\n+                var clippedSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, fixedSize, {\n+                    displayClass: this.contentDisplayClass,\n+                    containerElement: containerElement\n+                });\n+                var currentOverflow = OpenLayers.Element.getStyle(this.contentDiv, \"overflow\");\n+                if (currentOverflow != \"hidden\" && clippedSize.equals(safeSize)) {\n+                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n+                    if (fixedSize.w) {\n+                        clippedSize.h += scrollBar\n+                    } else {\n+                        clippedSize.w += scrollBar\n                     }\n                 }\n+                newSize = this.getSafeContentSize(clippedSize)\n             }\n-            zoom = Math.max(0, i - 1)\n         }\n-        return zoom\n+        this.setSize(newSize)\n     },\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        var map = this.map;\n-        if (viewPortPx != null && map.minPx) {\n-            var res = map.getResolution();\n-            var maxExtent = map.getMaxExtent({\n-                restricted: true\n-            });\n-            var lon = (viewPortPx.x - map.minPx.x) * res + maxExtent.left;\n-            var lat = (map.minPx.y - viewPortPx.y) * res + maxExtent.top;\n-            lonlat = new OpenLayers.LonLat(lon, lat);\n-            if (this.wrapDateLine) {\n-                lonlat = lonlat.wrapDateLine(this.maxExtent)\n-            }\n+    setBackgroundColor: function(color) {\n+        if (color != undefined) {\n+            this.backgroundColor = color\n         }\n-        return lonlat\n-    },\n-    getViewPortPxFromLonLat: function(lonlat, resolution) {\n-        var px = null;\n-        if (lonlat != null) {\n-            resolution = resolution || this.map.getResolution();\n-            var extent = this.map.calculateBounds(null, resolution);\n-            px = new OpenLayers.Pixel(1 / resolution * (lonlat.lon - extent.left), 1 / resolution * (extent.top - lonlat.lat))\n+        if (this.div != null) {\n+            this.div.style.backgroundColor = this.backgroundColor\n         }\n-        return px\n     },\n     setOpacity: function(opacity) {\n-        if (opacity != this.opacity) {\n-            this.opacity = opacity;\n-            var childNodes = this.div.childNodes;\n-            for (var i = 0, len = childNodes.length; i < len; ++i) {\n-                var element = childNodes[i].firstChild || childNodes[i];\n-                var lastChild = childNodes[i].lastChild;\n-                if (lastChild && lastChild.nodeName.toLowerCase() === \"iframe\") {\n-                    element = lastChild.parentNode\n-                }\n-                OpenLayers.Util.modifyDOMElement(element, null, null, null, null, null, null, opacity)\n-            }\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                })\n-            }\n-        }\n-    },\n-    getZIndex: function() {\n-        return this.div.style.zIndex\n-    },\n-    setZIndex: function(zIndex) {\n-        this.div.style.zIndex = zIndex\n-    },\n-    adjustBounds: function(bounds) {\n-        if (this.gutter) {\n-            var mapGutter = this.gutter * this.map.getResolution();\n-            bounds = new OpenLayers.Bounds(bounds.left - mapGutter, bounds.bottom - mapGutter, bounds.right + mapGutter, bounds.top + mapGutter)\n-        }\n-        if (this.wrapDateLine) {\n-            var wrappingOptions = {\n-                rightTolerance: this.getResolution(),\n-                leftTolerance: this.getResolution()\n-            };\n-            bounds = bounds.wrapDateLine(this.maxExtent, wrappingOptions)\n+        if (opacity != undefined) {\n+            this.opacity = opacity\n         }\n-        return bounds\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer\"\n-});\n-OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n-    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n-    url: null,\n-    params: null,\n-    reproject: false,\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-        this.url = url;\n-        if (!this.params) {\n-            this.params = OpenLayers.Util.extend({}, params)\n+        if (this.div != null) {\n+            this.div.style.opacity = this.opacity;\n+            this.div.style.filter = \"alpha(opacity=\" + this.opacity * 100 + \")\"\n         }\n     },\n-    destroy: function() {\n-        this.url = null;\n-        this.params = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.HTTPRequest(this.name, this.url, this.params, this.getOptions())\n+    setBorder: function(border) {\n+        if (border != undefined) {\n+            this.border = border\n         }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    setUrl: function(newUrl) {\n-        this.url = newUrl\n-    },\n-    mergeNewParams: function(newParams) {\n-        this.params = OpenLayers.Util.extend(this.params, newParams);\n-        var ret = this.redraw();\n-        if (this.map != null) {\n-            this.map.events.triggerEvent(\"changelayer\", {\n-                layer: this,\n-                property: \"params\"\n-            })\n+        if (this.div != null) {\n+            this.div.style.border = this.border\n         }\n-        return ret\n     },\n-    redraw: function(force) {\n-        if (force) {\n-            return this.mergeNewParams({\n-                _olSalt: Math.random()\n-            })\n-        } else {\n-            return OpenLayers.Layer.prototype.redraw.apply(this, [])\n+    setContentHTML: function(contentHTML) {\n+        if (contentHTML != null) {\n+            this.contentHTML = contentHTML\n         }\n-    },\n-    selectUrl: function(paramString, urls) {\n-        var product = 1;\n-        for (var i = 0, len = paramString.length; i < len; i++) {\n-            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n-            product -= Math.floor(product)\n+        if (this.contentDiv != null && this.contentHTML != null && this.contentHTML != this.contentDiv.innerHTML) {\n+            this.contentDiv.innerHTML = this.contentHTML;\n+            if (this.autoSize) {\n+                this.registerImageListeners();\n+                this.updateSize()\n+            }\n         }\n-        return urls[Math.floor(product * urls.length)]\n     },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var url = altUrl || this.url;\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(paramsString, url)\n+    registerImageListeners: function() {\n+        var onImgLoad = function() {\n+            if (this.popup.id === null) {\n+                return\n+            }\n+            this.popup.updateSize();\n+            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n+                this.popup.panIntoView()\n+            }\n+            OpenLayers.Event.stopObserving(this.img, \"load\", this.img._onImgLoad)\n+        };\n+        var images = this.contentDiv.getElementsByTagName(\"img\");\n+        for (var i = 0, len = images.length; i < len; i++) {\n+            var img = images[i];\n+            if (img.width == 0 || img.height == 0) {\n+                var context = {\n+                    popup: this,\n+                    img: img\n+                };\n+                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n+                OpenLayers.Event.observe(img, \"load\", img._onImgLoad)\n+            }\n         }\n-        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key]\n+    },\n+    getSafeContentSize: function(size) {\n+        var safeContentSize = size.clone();\n+        var contentDivPadding = this.getContentDivPadding();\n+        var wPadding = contentDivPadding.left + contentDivPadding.right;\n+        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n+        this.fixPadding();\n+        wPadding += this.padding.left + this.padding.right;\n+        hPadding += this.padding.top + this.padding.bottom;\n+        if (this.closeDiv) {\n+            var closeDivWidth = parseInt(this.closeDiv.style.width);\n+            wPadding += closeDivWidth + contentDivPadding.right\n+        }\n+        if (this.minSize) {\n+            safeContentSize.w = Math.max(safeContentSize.w, this.minSize.w - wPadding);\n+            safeContentSize.h = Math.max(safeContentSize.h, this.minSize.h - hPadding)\n+        }\n+        if (this.maxSize) {\n+            safeContentSize.w = Math.min(safeContentSize.w, this.maxSize.w - wPadding);\n+            safeContentSize.h = Math.min(safeContentSize.h, this.maxSize.h - hPadding)\n+        }\n+        if (this.map && this.map.size) {\n+            var extraX = 0,\n+                extraY = 0;\n+            if (this.keepInMap && !this.panMapIfOutOfView) {\n+                var px = this.map.getPixelFromLonLat(this.lonlat);\n+                switch (this.relativePosition) {\n+                    case \"tr\":\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"tl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break;\n+                    case \"bl\":\n+                        extraX = this.map.size.w - px.x;\n+                        extraY = px.y;\n+                        break;\n+                    case \"br\":\n+                        extraX = px.x;\n+                        extraY = px.y;\n+                        break;\n+                    default:\n+                        extraX = px.x;\n+                        extraY = this.map.size.h - px.y;\n+                        break\n+                }\n             }\n+            var maxY = this.map.size.h - this.map.paddingForPopups.top - this.map.paddingForPopups.bottom - hPadding - extraY;\n+            var maxX = this.map.size.w - this.map.paddingForPopups.left - this.map.paddingForPopups.right - wPadding - extraX;\n+            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n+            safeContentSize.h = Math.min(safeContentSize.h, maxY)\n         }\n-        paramsString = OpenLayers.Util.getParameterString(allParams);\n-        return OpenLayers.Util.urlAppend(url, paramsString)\n+        return safeContentSize\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n+    getContentDivPadding: function() {\n+        var contentDivPadding = this._contentDivPadding;\n+        if (!contentDivPadding) {\n+            if (this.div.parentNode == null) {\n+                this.div.style.display = \"none\";\n+                document.body.appendChild(this.div)\n+            }\n+            contentDivPadding = new OpenLayers.Bounds(OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\"));\n+            this._contentDivPadding = contentDivPadding;\n+            if (this.div.parentNode == document.body) {\n+                document.body.removeChild(this.div);\n+                this.div.style.display = \"\"\n+            }\n+        }\n+        return contentDivPadding\n+    },\n+    addCloseBox: function(callback) {\n+        this.closeDiv = OpenLayers.Util.createDiv(this.id + \"_close\", null, {\n+            w: 17,\n+            h: 17\n+        });\n+        this.closeDiv.className = \"olPopupCloseBox\";\n+        var contentDivPadding = this.getContentDivPadding();\n+        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n+        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n+        this.groupDiv.appendChild(this.closeDiv);\n+        var closePopup = callback || function(e) {\n+            this.hide();\n+            OpenLayers.Event.stop(e)\n+        };\n+        OpenLayers.Event.observe(this.closeDiv, \"touchend\", OpenLayers.Function.bindAsEventListener(closePopup, this));\n+        OpenLayers.Event.observe(this.closeDiv, \"click\", OpenLayers.Function.bindAsEventListener(closePopup, this))\n+    },\n+    panIntoView: function() {\n+        var mapSize = this.map.getSize();\n+        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(parseInt(this.div.style.left), parseInt(this.div.style.top)));\n+        var newTL = origTL.clone();\n+        if (origTL.x < this.map.paddingForPopups.left) {\n+            newTL.x = this.map.paddingForPopups.left\n+        } else if (origTL.x + this.size.w > mapSize.w - this.map.paddingForPopups.right) {\n+            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w\n+        }\n+        if (origTL.y < this.map.paddingForPopups.top) {\n+            newTL.y = this.map.paddingForPopups.top\n+        } else if (origTL.y + this.size.h > mapSize.h - this.map.paddingForPopups.bottom) {\n+            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h\n+        }\n+        var dx = origTL.x - newTL.x;\n+        var dy = origTL.y - newTL.y;\n+        this.map.pan(dx, dy)\n+    },\n+    registerEvents: function() {\n+        this.events = new OpenLayers.Events(this, this.div, null, true);\n+\n+        function onTouchstart(evt) {\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+        this.events.on({\n+            mousedown: this.onmousedown,\n+            mousemove: this.onmousemove,\n+            mouseup: this.onmouseup,\n+            click: this.onclick,\n+            mouseout: this.onmouseout,\n+            dblclick: this.ondblclick,\n+            touchstart: onTouchstart,\n+            scope: this\n+        })\n+    },\n+    onmousedown: function(evt) {\n+        this.mousedown = true;\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    onmousemove: function(evt) {\n+        if (this.mousedown) {\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+    },\n+    onmouseup: function(evt) {\n+        if (this.mousedown) {\n+            this.mousedown = false;\n+            OpenLayers.Event.stop(evt, true)\n+        }\n+    },\n+    onclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    onmouseout: function(evt) {\n+        this.mousedown = false\n+    },\n+    ondblclick: function(evt) {\n+        OpenLayers.Event.stop(evt, true)\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup\"\n });\n-OpenLayers.Tile = OpenLayers.Class({\n-    events: null,\n-    eventListeners: null,\n-    id: null,\n-    layer: null,\n-    url: null,\n-    bounds: null,\n-    size: null,\n-    position: null,\n-    isLoading: false,\n-    initialize: function(layer, position, bounds, url, size, options) {\n-        this.layer = layer;\n-        this.position = position.clone();\n-        this.setBounds(bounds);\n-        this.url = url;\n-        if (size) {\n-            this.size = size.clone()\n+OpenLayers.Popup.WIDTH = 200;\n+OpenLayers.Popup.HEIGHT = 200;\n+OpenLayers.Popup.COLOR = \"white\";\n+OpenLayers.Popup.OPACITY = 1;\n+OpenLayers.Popup.BORDER = \"0px\";\n+OpenLayers.Spherical = OpenLayers.Spherical || {};\n+OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n+OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n+    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n+    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n+    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n+    var a = sinHalfDeltaLat * sinHalfDeltaLat + sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n+    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))\n+};\n+OpenLayers.Spherical.computeHeading = function(from, to) {\n+    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n+    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) - Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n+    return 180 * Math.atan2(y, x) / Math.PI\n+};\n+OpenLayers.Protocol = OpenLayers.Class({\n+    format: null,\n+    options: null,\n+    autoDestroy: true,\n+    defaultFilter: null,\n+    initialize: function(options) {\n+        options = options || {};\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options\n+    },\n+    mergeWithDefaultFilter: function(filter) {\n+        var merged;\n+        if (filter && this.defaultFilter) {\n+            merged = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.defaultFilter, filter]\n+            })\n+        } else {\n+            merged = filter || this.defaultFilter || undefined\n         }\n-        this.id = OpenLayers.Util.createUniqueID(\"Tile_\");\n+        return merged\n+    },\n+    destroy: function() {\n+        this.options = null;\n+        this.format = null\n+    },\n+    read: function(options) {\n+        options = options || {};\n+        options.filter = this.mergeWithDefaultFilter(options.filter)\n+    },\n+    create: function() {},\n+    update: function() {},\n+    delete: function() {},\n+    commit: function() {},\n+    abort: function(response) {},\n+    createCallback: function(method, response, options) {\n+        return OpenLayers.Function.bind(function() {\n+            method.apply(this, [response, options])\n+        }, this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol\"\n+});\n+OpenLayers.Protocol.Response = OpenLayers.Class({\n+    code: null,\n+    requestType: null,\n+    last: true,\n+    features: null,\n+    data: null,\n+    reqFeatures: null,\n+    priv: null,\n+    error: null,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    success: function() {\n+        return this.code > 0\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n+});\n+OpenLayers.Protocol.Response.SUCCESS = 1;\n+OpenLayers.Protocol.Response.FAILURE = 0;\n+OpenLayers.Kinetic = OpenLayers.Class({\n+    threshold: 0,\n+    deceleration: .0035,\n+    nbPoints: 100,\n+    delay: 200,\n+    points: undefined,\n+    timerId: undefined,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = []\n+    },\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: (new Date).getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop()\n+        }\n+    },\n+    end: function(xy) {\n+        var last, now = (new Date).getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break\n+            }\n+            last = point\n+        }\n+        if (!last) {\n+            return\n+        }\n+        var time = (new Date).getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        }\n+    },\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+        var initialTime = (new Date).getTime();\n+        var lastX = 0;\n+        var lastY = 0;\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return\n+            }\n+            var t = (new Date).getTime() - initialTime;\n+            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true\n+            }\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end)\n+        };\n+        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n+OpenLayers.Control = OpenLayers.Class({\n+    id: null,\n+    map: null,\n+    div: null,\n+    type: null,\n+    allowSelection: false,\n+    displayClass: \"\",\n+    title: \"\",\n+    autoActivate: false,\n+    active: null,\n+    handlerOptions: null,\n+    handler: null,\n+    eventListeners: null,\n+    events: null,\n+    initialize: function(options) {\n+        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n         OpenLayers.Util.extend(this, options);\n         this.events = new OpenLayers.Events(this);\n         if (this.eventListeners instanceof Object) {\n             this.events.on(this.eventListeners)\n         }\n-    },\n-    unload: function() {\n-        if (this.isLoading) {\n-            this.isLoading = false;\n-            this.events.triggerEvent(\"unload\")\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n         }\n     },\n     destroy: function() {\n-        this.layer = null;\n-        this.bounds = null;\n-        this.size = null;\n-        this.position = null;\n-        if (this.eventListeners) {\n-            this.events.un(this.eventListeners)\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners)\n+            }\n+            this.events.destroy();\n+            this.events = null\n         }\n-        this.events.destroy();\n         this.eventListeners = null;\n-        this.events = null\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null\n+        }\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy()\n+                }\n+            }\n+            this.handlers = null\n+        }\n+        if (this.map) {\n+            this.map.removeControl(this);\n+            this.map = null\n+        }\n+        this.div = null\n     },\n-    draw: function(force) {\n-        if (!force) {\n-            this.clear()\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map)\n         }\n-        var draw = this.shouldDraw();\n-        if (draw && !force && this.events.triggerEvent(\"beforedraw\") === false) {\n-            draw = null\n+    },\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False\n+            }\n+            if (this.title != \"\") {\n+                this.div.title = this.title\n+            }\n         }\n-        return draw\n+        if (px != null) {\n+            this.position = px.clone()\n+        }\n+        this.moveTo(this.position);\n+        return this.div\n     },\n-    shouldDraw: function() {\n-        var withinMaxExtent = false,\n-            maxExtent = this.layer.maxExtent;\n-        if (maxExtent) {\n-            var map = this.layer.map;\n-            var worldBounds = map.baseLayer.wrapDateLine && map.getMaxExtent();\n-            if (this.bounds.intersectsBounds(maxExtent, {\n-                    inclusive: false,\n-                    worldBounds: worldBounds\n-                })) {\n-                withinMaxExtent = true\n+    moveTo: function(px) {\n+        if (px != null && this.div != null) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\"\n+        }\n+    },\n+    activate: function() {\n+        if (this.active) {\n+            return false\n+        }\n+        if (this.handler) {\n+            this.handler.activate()\n+        }\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+        }\n+        this.events.triggerEvent(\"activate\");\n+        return true\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate()\n+            }\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n             }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true\n         }\n-        return withinMaxExtent || this.layer.displayOutsideMaxExtent\n+        return false\n     },\n-    setBounds: function(bounds) {\n-        bounds = bounds.clone();\n-        if (this.layer.map.baseLayer.wrapDateLine) {\n-            var worldExtent = this.layer.map.getMaxExtent(),\n-                tolerance = this.layer.map.getResolution();\n-            bounds = bounds.wrapDateLine(worldExtent, {\n-                leftTolerance: tolerance,\n-                rightTolerance: tolerance\n+    CLASS_NAME: \"OpenLayers.Control\"\n+});\n+OpenLayers.Control.TYPE_BUTTON = 1;\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n+OpenLayers.Control.TYPE_TOOL = 3;\n+OpenLayers.Layer.HTTPRequest = OpenLayers.Class(OpenLayers.Layer, {\n+    URL_HASH_FACTOR: (Math.sqrt(5) - 1) / 2,\n+    url: null,\n+    params: null,\n+    reproject: false,\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+        this.url = url;\n+        if (!this.params) {\n+            this.params = OpenLayers.Util.extend({}, params)\n+        }\n+    },\n+    destroy: function() {\n+        this.url = null;\n+        this.params = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.HTTPRequest(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    setUrl: function(newUrl) {\n+        this.url = newUrl\n+    },\n+    mergeNewParams: function(newParams) {\n+        this.params = OpenLayers.Util.extend(this.params, newParams);\n+        var ret = this.redraw();\n+        if (this.map != null) {\n+            this.map.events.triggerEvent(\"changelayer\", {\n+                layer: this,\n+                property: \"params\"\n             })\n         }\n-        this.bounds = bounds\n+        return ret\n     },\n-    moveTo: function(bounds, position, redraw) {\n-        if (redraw == null) {\n-            redraw = true\n+    redraw: function(force) {\n+        if (force) {\n+            return this.mergeNewParams({\n+                _olSalt: Math.random()\n+            })\n+        } else {\n+            return OpenLayers.Layer.prototype.redraw.apply(this, [])\n         }\n-        this.setBounds(bounds);\n-        this.position = position.clone();\n-        if (redraw) {\n-            this.draw()\n+    },\n+    selectUrl: function(paramString, urls) {\n+        var product = 1;\n+        for (var i = 0, len = paramString.length; i < len; i++) {\n+            product *= paramString.charCodeAt(i) * this.URL_HASH_FACTOR;\n+            product -= Math.floor(product)\n         }\n+        return urls[Math.floor(product * urls.length)]\n     },\n-    clear: function(draw) {},\n-    CLASS_NAME: \"OpenLayers.Tile\"\n+    getFullRequestString: function(newParams, altUrl) {\n+        var url = altUrl || this.url;\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(paramsString, url)\n+        }\n+        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key]\n+            }\n+        }\n+        paramsString = OpenLayers.Util.getParameterString(allParams);\n+        return OpenLayers.Util.urlAppend(url, paramsString)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.HTTPRequest\"\n });\n OpenLayers.Tile.Image = OpenLayers.Class(OpenLayers.Tile, {\n     url: null,\n     imgDiv: null,\n     frame: null,\n     imageReloadAttempts: null,\n     layerAlphaHack: null,\n@@ -12932,757 +13449,205 @@\n         this.tileQueue = null;\n         this.tileQueueId = null;\n         this.tileCache = null;\n         this.tileCacheIndex = null;\n         this._destroyed = true\n     }\n });\n-OpenLayers.Marker = OpenLayers.Class({\n-    icon: null,\n-    lonlat: null,\n-    events: null,\n-    map: null,\n-    initialize: function(lonlat, icon) {\n-        this.lonlat = lonlat;\n-        var newIcon = icon ? icon : OpenLayers.Marker.defaultIcon();\n-        if (this.icon == null) {\n-            this.icon = newIcon\n-        } else {\n-            this.icon.url = newIcon.url;\n-            this.icon.size = newIcon.size;\n-            this.icon.offset = newIcon.offset;\n-            this.icon.calculateOffset = newIcon.calculateOffset\n-        }\n-        this.events = new OpenLayers.Events(this, this.icon.imageDiv)\n-    },\n-    destroy: function() {\n-        this.erase();\n-        this.map = null;\n-        this.events.destroy();\n-        this.events = null;\n-        if (this.icon != null) {\n-            this.icon.destroy();\n-            this.icon = null\n-        }\n-    },\n-    draw: function(px) {\n-        return this.icon.draw(px)\n-    },\n-    erase: function() {\n-        if (this.icon != null) {\n-            this.icon.erase()\n-        }\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.icon != null) {\n-            this.icon.moveTo(px)\n-        }\n-        this.lonlat = this.map.getLonLatFromLayerPx(px)\n-    },\n-    isDrawn: function() {\n-        var isDrawn = this.icon && this.icon.isDrawn();\n-        return isDrawn\n-    },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat)\n-        }\n-        return onScreen\n-    },\n-    inflate: function(inflate) {\n-        if (this.icon) {\n-            this.icon.setSize({\n-                w: this.icon.size.w * inflate,\n-                h: this.icon.size.h * inflate\n-            })\n-        }\n-    },\n-    setOpacity: function(opacity) {\n-        this.icon.setOpacity(opacity)\n-    },\n-    setUrl: function(url) {\n-        this.icon.setUrl(url)\n-    },\n-    display: function(display) {\n-        this.icon.display(display)\n-    },\n-    CLASS_NAME: \"OpenLayers.Marker\"\n-});\n-OpenLayers.Marker.defaultIcon = function() {\n-    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n-        w: 21,\n-        h: 25\n-    }, {\n-        x: -10.5,\n-        y: -25\n-    })\n-};\n-OpenLayers.Strategy = OpenLayers.Class({\n-    layer: null,\n-    options: null,\n-    active: null,\n-    autoActivate: true,\n-    autoDestroy: true,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        this.active = false\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null\n-    },\n-    setLayer: function(layer) {\n-        this.layer = layer\n-    },\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true\n-        }\n-        return false\n-    },\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-OpenLayers.Popup = OpenLayers.Class({\n-    events: null,\n-    id: \"\",\n-    lonlat: null,\n-    div: null,\n-    contentSize: null,\n-    size: null,\n-    contentHTML: null,\n-    backgroundColor: \"\",\n-    opacity: \"\",\n-    border: \"\",\n-    contentDiv: null,\n-    groupDiv: null,\n-    closeDiv: null,\n-    autoSize: false,\n-    minSize: null,\n-    maxSize: null,\n-    displayClass: \"olPopup\",\n-    contentDisplayClass: \"olPopupContent\",\n-    padding: 0,\n-    disableFirefoxOverflowHack: false,\n-    fixPadding: function() {\n-        if (typeof this.padding == \"number\") {\n-            this.padding = new OpenLayers.Bounds(this.padding, this.padding, this.padding, this.padding)\n-        }\n-    },\n-    panMapIfOutOfView: false,\n-    keepInMap: false,\n-    closeOnMove: false,\n-    map: null,\n-    initialize: function(id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback) {\n-        if (id == null) {\n-            id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-        }\n-        this.id = id;\n-        this.lonlat = lonlat;\n-        this.contentSize = contentSize != null ? contentSize : new OpenLayers.Size(OpenLayers.Popup.WIDTH, OpenLayers.Popup.HEIGHT);\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML\n-        }\n-        this.backgroundColor = OpenLayers.Popup.COLOR;\n-        this.opacity = OpenLayers.Popup.OPACITY;\n-        this.border = OpenLayers.Popup.BORDER;\n-        this.div = OpenLayers.Util.createDiv(this.id, null, null, null, null, null, \"hidden\");\n-        this.div.className = this.displayClass;\n-        var groupDivId = this.id + \"_GroupDiv\";\n-        this.groupDiv = OpenLayers.Util.createDiv(groupDivId, null, null, null, \"relative\", null, \"hidden\");\n-        var id = this.div.id + \"_contentDiv\";\n-        this.contentDiv = OpenLayers.Util.createDiv(id, null, this.contentSize.clone(), null, \"relative\");\n-        this.contentDiv.className = this.contentDisplayClass;\n-        this.groupDiv.appendChild(this.contentDiv);\n-        this.div.appendChild(this.groupDiv);\n-        if (closeBox) {\n-            this.addCloseBox(closeBoxCallback)\n-        }\n-        this.registerEvents()\n-    },\n-    destroy: function() {\n-        this.id = null;\n-        this.lonlat = null;\n-        this.size = null;\n-        this.contentHTML = null;\n-        this.backgroundColor = null;\n-        this.opacity = null;\n-        this.border = null;\n-        if (this.closeOnMove && this.map) {\n-            this.map.events.unregister(\"movestart\", this, this.hide)\n-        }\n-        this.events.destroy();\n-        this.events = null;\n-        if (this.closeDiv) {\n-            OpenLayers.Event.stopObservingElement(this.closeDiv);\n-            this.groupDiv.removeChild(this.closeDiv)\n-        }\n-        this.closeDiv = null;\n-        this.div.removeChild(this.groupDiv);\n-        this.groupDiv = null;\n-        if (this.map != null) {\n-            this.map.removePopup(this)\n-        }\n-        this.map = null;\n-        this.div = null;\n-        this.autoSize = null;\n-        this.minSize = null;\n-        this.maxSize = null;\n-        this.padding = null;\n-        this.panMapIfOutOfView = null\n-    },\n-    draw: function(px) {\n-        if (px == null) {\n-            if (this.lonlat != null && this.map != null) {\n-                px = this.map.getLayerPxFromLonLat(this.lonlat)\n-            }\n-        }\n-        if (this.closeOnMove) {\n-            this.map.events.register(\"movestart\", this, this.hide)\n-        }\n-        if (!this.disableFirefoxOverflowHack && OpenLayers.BROWSER_NAME == \"firefox\") {\n-            this.map.events.register(\"movestart\", this, function() {\n-                var style = document.defaultView.getComputedStyle(this.contentDiv, null);\n-                var currentOverflow = style.getPropertyValue(\"overflow\");\n-                if (currentOverflow != \"hidden\") {\n-                    this.contentDiv._oldOverflow = currentOverflow;\n-                    this.contentDiv.style.overflow = \"hidden\"\n-                }\n-            });\n-            this.map.events.register(\"moveend\", this, function() {\n-                var oldOverflow = this.contentDiv._oldOverflow;\n-                if (oldOverflow) {\n-                    this.contentDiv.style.overflow = oldOverflow;\n-                    this.contentDiv._oldOverflow = null\n-                }\n-            })\n-        }\n-        this.moveTo(px);\n-        if (!this.autoSize && !this.size) {\n-            this.setSize(this.contentSize)\n-        }\n-        this.setBackgroundColor();\n-        this.setOpacity();\n-        this.setBorder();\n-        this.setContentHTML();\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView()\n-        }\n-        return this.div\n-    },\n-    updatePosition: function() {\n-        if (this.lonlat && this.map) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            if (px) {\n-                this.moveTo(px)\n-            }\n-        }\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.div != null) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\"\n-        }\n-    },\n-    visible: function() {\n-        return OpenLayers.Element.visible(this.div)\n-    },\n-    toggle: function() {\n-        if (this.visible()) {\n-            this.hide()\n-        } else {\n-            this.show()\n-        }\n-    },\n-    show: function() {\n-        this.div.style.display = \"\";\n-        if (this.panMapIfOutOfView) {\n-            this.panIntoView()\n-        }\n-    },\n-    hide: function() {\n-        this.div.style.display = \"none\"\n-    },\n-    setSize: function(contentSize) {\n-        this.size = contentSize.clone();\n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right\n-        }\n-        this.size.w += wPadding;\n-        this.size.h += hPadding;\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.contentSize.w += contentDivPadding.left + contentDivPadding.right;\n-            this.contentSize.h += contentDivPadding.bottom + contentDivPadding.top\n-        }\n-        if (this.div != null) {\n-            this.div.style.width = this.size.w + \"px\";\n-            this.div.style.height = this.size.h + \"px\"\n-        }\n-        if (this.contentDiv != null) {\n-            this.contentDiv.style.width = contentSize.w + \"px\";\n-            this.contentDiv.style.height = contentSize.h + \"px\"\n-        }\n-    },\n-    updateSize: function() {\n-        var preparedHTML = \"<div class='\" + this.contentDisplayClass + \"'>\" + this.contentDiv.innerHTML + \"</div>\";\n-        var containerElement = this.map ? this.map.div : document.body;\n-        var realSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, null, {\n-            displayClass: this.displayClass,\n-            containerElement: containerElement\n-        });\n-        var safeSize = this.getSafeContentSize(realSize);\n-        var newSize = null;\n-        if (safeSize.equals(realSize)) {\n-            newSize = realSize\n-        } else {\n-            var fixedSize = {\n-                w: safeSize.w < realSize.w ? safeSize.w : null,\n-                h: safeSize.h < realSize.h ? safeSize.h : null\n-            };\n-            if (fixedSize.w && fixedSize.h) {\n-                newSize = safeSize\n-            } else {\n-                var clippedSize = OpenLayers.Util.getRenderedDimensions(preparedHTML, fixedSize, {\n-                    displayClass: this.contentDisplayClass,\n-                    containerElement: containerElement\n-                });\n-                var currentOverflow = OpenLayers.Element.getStyle(this.contentDiv, \"overflow\");\n-                if (currentOverflow != \"hidden\" && clippedSize.equals(safeSize)) {\n-                    var scrollBar = OpenLayers.Util.getScrollbarWidth();\n-                    if (fixedSize.w) {\n-                        clippedSize.h += scrollBar\n-                    } else {\n-                        clippedSize.w += scrollBar\n-                    }\n-                }\n-                newSize = this.getSafeContentSize(clippedSize)\n-            }\n-        }\n-        this.setSize(newSize)\n-    },\n-    setBackgroundColor: function(color) {\n-        if (color != undefined) {\n-            this.backgroundColor = color\n-        }\n-        if (this.div != null) {\n-            this.div.style.backgroundColor = this.backgroundColor\n-        }\n-    },\n-    setOpacity: function(opacity) {\n-        if (opacity != undefined) {\n-            this.opacity = opacity\n-        }\n-        if (this.div != null) {\n-            this.div.style.opacity = this.opacity;\n-            this.div.style.filter = \"alpha(opacity=\" + this.opacity * 100 + \")\"\n-        }\n+OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(OpenLayers.Format.XML, {\n+    VERSION: \"1.0.0\",\n+    namespaces: {\n+        wps: \"http://www.opengis.net/wps/1.0.0\",\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n-    setBorder: function(border) {\n-        if (border != undefined) {\n-            this.border = border\n-        }\n-        if (this.div != null) {\n-            this.div.style.border = this.border\n-        }\n+    schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n+    defaultPrefix: \"wps\",\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n     },\n-    setContentHTML: function(contentHTML) {\n-        if (contentHTML != null) {\n-            this.contentHTML = contentHTML\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        if (this.contentDiv != null && this.contentHTML != null && this.contentHTML != this.contentDiv.innerHTML) {\n-            this.contentDiv.innerHTML = this.contentHTML;\n-            if (this.autoSize) {\n-                this.registerImageListeners();\n-                this.updateSize()\n-            }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n         }\n+        var info = {};\n+        this.readNode(data, info);\n+        return info\n     },\n-    registerImageListeners: function() {\n-        var onImgLoad = function() {\n-            if (this.popup.id === null) {\n-                return\n-            }\n-            this.popup.updateSize();\n-            if (this.popup.visible() && this.popup.panMapIfOutOfView) {\n-                this.popup.panIntoView()\n-            }\n-            OpenLayers.Event.stopObserving(this.img, \"load\", this.img._onImgLoad)\n-        };\n-        var images = this.contentDiv.getElementsByTagName(\"img\");\n-        for (var i = 0, len = images.length; i < len; i++) {\n-            var img = images[i];\n-            if (img.width == 0 || img.height == 0) {\n-                var context = {\n-                    popup: this,\n-                    img: img\n+    readers: {\n+        wps: {\n+            ProcessDescriptions: function(node, obj) {\n+                obj.processDescriptions = {};\n+                this.readChildNodes(node, obj.processDescriptions)\n+            },\n+            ProcessDescription: function(node, processDescriptions) {\n+                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                var processDescription = {\n+                    processVersion: processVersion,\n+                    statusSupported: node.getAttribute(\"statusSupported\") === \"true\",\n+                    storeSupported: node.getAttribute(\"storeSupported\") === \"true\"\n                 };\n-                img._onImgLoad = OpenLayers.Function.bind(onImgLoad, context);\n-                OpenLayers.Event.observe(img, \"load\", img._onImgLoad)\n-            }\n-        }\n-    },\n-    getSafeContentSize: function(size) {\n-        var safeContentSize = size.clone();\n-        var contentDivPadding = this.getContentDivPadding();\n-        var wPadding = contentDivPadding.left + contentDivPadding.right;\n-        var hPadding = contentDivPadding.top + contentDivPadding.bottom;\n-        this.fixPadding();\n-        wPadding += this.padding.left + this.padding.right;\n-        hPadding += this.padding.top + this.padding.bottom;\n-        if (this.closeDiv) {\n-            var closeDivWidth = parseInt(this.closeDiv.style.width);\n-            wPadding += closeDivWidth + contentDivPadding.right\n-        }\n-        if (this.minSize) {\n-            safeContentSize.w = Math.max(safeContentSize.w, this.minSize.w - wPadding);\n-            safeContentSize.h = Math.max(safeContentSize.h, this.minSize.h - hPadding)\n-        }\n-        if (this.maxSize) {\n-            safeContentSize.w = Math.min(safeContentSize.w, this.maxSize.w - wPadding);\n-            safeContentSize.h = Math.min(safeContentSize.h, this.maxSize.h - hPadding)\n-        }\n-        if (this.map && this.map.size) {\n-            var extraX = 0,\n-                extraY = 0;\n-            if (this.keepInMap && !this.panMapIfOutOfView) {\n-                var px = this.map.getPixelFromLonLat(this.lonlat);\n-                switch (this.relativePosition) {\n-                    case \"tr\":\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"tl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break;\n-                    case \"bl\":\n-                        extraX = this.map.size.w - px.x;\n-                        extraY = px.y;\n-                        break;\n-                    case \"br\":\n-                        extraX = px.x;\n-                        extraY = px.y;\n-                        break;\n-                    default:\n-                        extraX = px.x;\n-                        extraY = this.map.size.h - px.y;\n-                        break\n+                this.readChildNodes(node, processDescription);\n+                processDescriptions[processDescription.identifier] = processDescription\n+            },\n+            DataInputs: function(node, processDescription) {\n+                processDescription.dataInputs = [];\n+                this.readChildNodes(node, processDescription.dataInputs)\n+            },\n+            ProcessOutputs: function(node, processDescription) {\n+                processDescription.processOutputs = [];\n+                this.readChildNodes(node, processDescription.processOutputs)\n+            },\n+            Output: function(node, processOutputs) {\n+                var output = {};\n+                this.readChildNodes(node, output);\n+                processOutputs.push(output)\n+            },\n+            ComplexOutput: function(node, output) {\n+                output.complexOutput = {};\n+                this.readChildNodes(node, output.complexOutput)\n+            },\n+            LiteralOutput: function(node, output) {\n+                output.literalOutput = {};\n+                this.readChildNodes(node, output.literalOutput)\n+            },\n+            Input: function(node, dataInputs) {\n+                var input = {\n+                    maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n+                    minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n+                };\n+                this.readChildNodes(node, input);\n+                dataInputs.push(input)\n+            },\n+            BoundingBoxData: function(node, input) {\n+                input.boundingBoxData = {};\n+                this.readChildNodes(node, input.boundingBoxData)\n+            },\n+            CRS: function(node, obj) {\n+                if (!obj.CRSs) {\n+                    obj.CRSs = {}\n                 }\n-            }\n-            var maxY = this.map.size.h - this.map.paddingForPopups.top - this.map.paddingForPopups.bottom - hPadding - extraY;\n-            var maxX = this.map.size.w - this.map.paddingForPopups.left - this.map.paddingForPopups.right - wPadding - extraX;\n-            safeContentSize.w = Math.min(safeContentSize.w, maxX);\n-            safeContentSize.h = Math.min(safeContentSize.h, maxY)\n-        }\n-        return safeContentSize\n-    },\n-    getContentDivPadding: function() {\n-        var contentDivPadding = this._contentDivPadding;\n-        if (!contentDivPadding) {\n-            if (this.div.parentNode == null) {\n-                this.div.style.display = \"none\";\n-                document.body.appendChild(this.div)\n-            }\n-            contentDivPadding = new OpenLayers.Bounds(OpenLayers.Element.getStyle(this.contentDiv, \"padding-left\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-bottom\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-right\"), OpenLayers.Element.getStyle(this.contentDiv, \"padding-top\"));\n-            this._contentDivPadding = contentDivPadding;\n-            if (this.div.parentNode == document.body) {\n-                document.body.removeChild(this.div);\n-                this.div.style.display = \"\"\n-            }\n-        }\n-        return contentDivPadding\n-    },\n-    addCloseBox: function(callback) {\n-        this.closeDiv = OpenLayers.Util.createDiv(this.id + \"_close\", null, {\n-            w: 17,\n-            h: 17\n-        });\n-        this.closeDiv.className = \"olPopupCloseBox\";\n-        var contentDivPadding = this.getContentDivPadding();\n-        this.closeDiv.style.right = contentDivPadding.right + \"px\";\n-        this.closeDiv.style.top = contentDivPadding.top + \"px\";\n-        this.groupDiv.appendChild(this.closeDiv);\n-        var closePopup = callback || function(e) {\n-            this.hide();\n-            OpenLayers.Event.stop(e)\n-        };\n-        OpenLayers.Event.observe(this.closeDiv, \"touchend\", OpenLayers.Function.bindAsEventListener(closePopup, this));\n-        OpenLayers.Event.observe(this.closeDiv, \"click\", OpenLayers.Function.bindAsEventListener(closePopup, this))\n-    },\n-    panIntoView: function() {\n-        var mapSize = this.map.getSize();\n-        var origTL = this.map.getViewPortPxFromLayerPx(new OpenLayers.Pixel(parseInt(this.div.style.left), parseInt(this.div.style.top)));\n-        var newTL = origTL.clone();\n-        if (origTL.x < this.map.paddingForPopups.left) {\n-            newTL.x = this.map.paddingForPopups.left\n-        } else if (origTL.x + this.size.w > mapSize.w - this.map.paddingForPopups.right) {\n-            newTL.x = mapSize.w - this.map.paddingForPopups.right - this.size.w\n-        }\n-        if (origTL.y < this.map.paddingForPopups.top) {\n-            newTL.y = this.map.paddingForPopups.top\n-        } else if (origTL.y + this.size.h > mapSize.h - this.map.paddingForPopups.bottom) {\n-            newTL.y = mapSize.h - this.map.paddingForPopups.bottom - this.size.h\n-        }\n-        var dx = origTL.x - newTL.x;\n-        var dy = origTL.y - newTL.y;\n-        this.map.pan(dx, dy)\n-    },\n-    registerEvents: function() {\n-        this.events = new OpenLayers.Events(this, this.div, null, true);\n-\n-        function onTouchstart(evt) {\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-        this.events.on({\n-            mousedown: this.onmousedown,\n-            mousemove: this.onmousemove,\n-            mouseup: this.onmouseup,\n-            click: this.onclick,\n-            mouseout: this.onmouseout,\n-            dblclick: this.ondblclick,\n-            touchstart: onTouchstart,\n-            scope: this\n-        })\n-    },\n-    onmousedown: function(evt) {\n-        this.mousedown = true;\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    onmousemove: function(evt) {\n-        if (this.mousedown) {\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-    },\n-    onmouseup: function(evt) {\n-        if (this.mousedown) {\n-            this.mousedown = false;\n-            OpenLayers.Event.stop(evt, true)\n-        }\n-    },\n-    onclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    onmouseout: function(evt) {\n-        this.mousedown = false\n-    },\n-    ondblclick: function(evt) {\n-        OpenLayers.Event.stop(evt, true)\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup\"\n-});\n-OpenLayers.Popup.WIDTH = 200;\n-OpenLayers.Popup.HEIGHT = 200;\n-OpenLayers.Popup.COLOR = \"white\";\n-OpenLayers.Popup.OPACITY = 1;\n-OpenLayers.Popup.BORDER = \"0px\";\n-OpenLayers.StyleMap = OpenLayers.Class({\n-    styles: null,\n-    extendDefault: true,\n-    initialize: function(style, options) {\n-        this.styles = {\n-            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n-            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n-            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n-        };\n-        if (style instanceof OpenLayers.Style) {\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    this.styles[key] = style[key]\n-                } else if (typeof style[key] == \"object\") {\n-                    this.styles[key] = new OpenLayers.Style(style[key])\n-                } else {\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break\n+                obj.CRSs[this.getChildValue(node)] = true\n+            },\n+            LiteralData: function(node, input) {\n+                input.literalData = {};\n+                this.readChildNodes(node, input.literalData)\n+            },\n+            ComplexData: function(node, input) {\n+                input.complexData = {};\n+                this.readChildNodes(node, input.complexData)\n+            },\n+            Default: function(node, complexData) {\n+                complexData[\"default\"] = {};\n+                this.readChildNodes(node, complexData[\"default\"])\n+            },\n+            Supported: function(node, complexData) {\n+                complexData[\"supported\"] = {};\n+                this.readChildNodes(node, complexData[\"supported\"])\n+            },\n+            Format: function(node, obj) {\n+                var format = {};\n+                this.readChildNodes(node, format);\n+                if (!obj.formats) {\n+                    obj.formats = {}\n                 }\n+                obj.formats[format.mimeType] = true\n+            },\n+            MimeType: function(node, format) {\n+                format.mimeType = this.getChildValue(node)\n             }\n-        }\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy()\n-        }\n-        this.styles = null\n-    },\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector\n-        }\n-        if (!this.styles[intent]) {\n-            intent = \"default\"\n-        }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n-        }\n-        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n-    },\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }))\n-        }\n-        this.styles[renderIntent].addRules(rules)\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n+    CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n });\n-OpenLayers.Handler = OpenLayers.Class({\n-    id: null,\n-    control: null,\n-    map: null,\n-    keyMask: null,\n-    active: false,\n-    evt: null,\n-    touch: false,\n-    initialize: function(control, callbacks, options) {\n+OpenLayers.WPSClient = OpenLayers.Class({\n+    servers: null,\n+    version: \"1.0.0\",\n+    lazy: false,\n+    events: null,\n+    initialize: function(options) {\n         OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map)\n-        }\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    setMap: function(map) {\n-        this.map = map\n-    },\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true\n+        this.events = new OpenLayers.Events(this);\n+        this.servers = {};\n+        for (var s in options.servers) {\n+            this.servers[s] = typeof options.servers[s] == \"string\" ? {\n+                url: options.servers[s],\n+                version: this.version,\n+                processDescription: {}\n+            } : options.servers[s]\n         }\n-        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n-        return keyModifiers == this.keyMask\n     },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]])\n-            }\n-        }\n-        this.active = true;\n-        return true\n+    execute: function(options) {\n+        var process = this.getProcess(options.server, options.process);\n+        process.execute({\n+            inputs: options.inputs,\n+            success: options.success,\n+            scope: options.scope\n+        })\n     },\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]])\n-            }\n+    getProcess: function(serverID, processID) {\n+        var process = new OpenLayers.WPSProcess({\n+            client: this,\n+            server: serverID,\n+            identifier: processID\n+        });\n+        if (!this.lazy) {\n+            process.describe()\n         }\n-        this.touch = false;\n-        this.active = false;\n-        return true\n+        return process\n     },\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]])\n-                }\n+    describeProcess: function(serverID, processID, callback, scope) {\n+        var server = this.servers[serverID];\n+        if (!server.processDescription[processID]) {\n+            if (!(processID in server.processDescription)) {\n+                server.processDescription[processID] = null;\n+                OpenLayers.Request.GET({\n+                    url: server.url,\n+                    params: {\n+                        SERVICE: \"WPS\",\n+                        VERSION: server.version,\n+                        REQUEST: \"DescribeProcess\",\n+                        IDENTIFIER: processID\n+                    },\n+                    success: function(response) {\n+                        server.processDescription[processID] = response.responseText;\n+                        this.events.triggerEvent(\"describeprocess\", {\n+                            identifier: processID,\n+                            raw: response.responseText\n+                        })\n+                    },\n+                    scope: this\n+                })\n+            } else {\n+                this.events.register(\"describeprocess\", this, function describe(evt) {\n+                    if (evt.identifier === processID) {\n+                        this.events.unregister(\"describeprocess\", this, describe);\n+                        callback.call(scope, evt.raw)\n+                    }\n+                })\n             }\n+        } else {\n+            window.setTimeout(function() {\n+                callback.call(scope, server.processDescription[processID])\n+            }, 0)\n         }\n     },\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args)\n-        }\n-    },\n-    register: function(name, method) {\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent)\n-    },\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent)\n-    },\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true\n-    },\n     destroy: function() {\n-        this.deactivate();\n-        this.control = this.map = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n-OpenLayers.Handler.MOD_NONE = 0;\n-OpenLayers.Handler.MOD_SHIFT = 1;\n-OpenLayers.Handler.MOD_CTRL = 2;\n-OpenLayers.Handler.MOD_ALT = 4;\n-OpenLayers.Handler.MOD_META = 8;\n-OpenLayers.Spherical = OpenLayers.Spherical || {};\n-OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n-OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n-    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n-    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n-    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n-    var a = sinHalfDeltaLat * sinHalfDeltaLat + sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n-    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))\n-};\n-OpenLayers.Spherical.computeHeading = function(from, to) {\n-    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n-    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) - Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n-    return 180 * Math.atan2(y, x) / Math.PI\n-};\n-OpenLayers.Symbolizer = OpenLayers.Class({\n-    zIndex: 0,\n-    initialize: function(config) {\n-        OpenLayers.Util.extend(this, config)\n-    },\n-    clone: function() {\n-        var Type = eval(this.CLASS_NAME);\n-        return new Type(OpenLayers.Util.extend({}, this))\n+        this.events.destroy();\n+        this.events = null;\n+        this.servers = null\n     },\n-    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+    CLASS_NAME: \"OpenLayers.WPSClient\"\n });\n OpenLayers.Rule = OpenLayers.Class({\n     id: null,\n     name: null,\n     title: null,\n     description: null,\n     context: null,\n@@ -13761,14 +13726,49 @@\n         }\n         options.filter = this.filter && this.filter.clone();\n         options.context = this.context && OpenLayers.Util.extend({}, this.context);\n         return new OpenLayers.Rule(options)\n     },\n     CLASS_NAME: \"OpenLayers.Rule\"\n });\n+OpenLayers.Strategy = OpenLayers.Class({\n+    layer: null,\n+    options: null,\n+    active: null,\n+    autoActivate: true,\n+    autoDestroy: true,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        this.active = false\n+    },\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null\n+    },\n+    setLayer: function(layer) {\n+        this.layer = layer\n+    },\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true\n+        }\n+        return false\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n OpenLayers.Symbolizer.Point = OpenLayers.Class(OpenLayers.Symbolizer, {\n     initialize: function(config) {\n         OpenLayers.Symbolizer.prototype.initialize.apply(this, arguments)\n     },\n     CLASS_NAME: \"OpenLayers.Symbolizer.Point\"\n });\n OpenLayers.Symbolizer.Line = OpenLayers.Class(OpenLayers.Symbolizer, {\n@@ -14085,250 +14085,14 @@\n             this.last = null;\n             deactivated = true\n         }\n         return deactivated\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Click\"\n });\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-    started: false,\n-    stopDown: true,\n-    dragging: false,\n-    last: null,\n-    start: null,\n-    lastMoveEvt: null,\n-    oldOnselectstart: null,\n-    interval: 0,\n-    timeoutId: null,\n-    documentDrag: false,\n-    documentEvents: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                })\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                })\n-            }\n-        }\n-    },\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-            OpenLayers.Event.preventDefault(evt);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-            propagate = !this.stopDown\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null\n-        }\n-        return propagate\n-    },\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    this.setEvent(evt)\n-                } else {\n-                    this.removeDocumentEvents()\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n-            }\n-            this.dragging = true;\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False\n-            }\n-            this.last = evt.xy\n-        }\n-        return true\n-    },\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents()\n-            }\n-            var dragged = this.start != this.last;\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy])\n-            }\n-            document.onselectstart = this.oldOnselectstart\n-        }\n-        return true\n-    },\n-    down: function(evt) {},\n-    move: function(evt) {},\n-    up: function(evt) {},\n-    out: function(evt) {},\n-    mousedown: function(evt) {\n-        return this.dragstart(evt)\n-    },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt)\n-    },\n-    mousemove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    touchmove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt)\n-        }\n-    },\n-    mouseup: function(evt) {\n-        return this.dragend(evt)\n-    },\n-    touchend: function(evt) {\n-        evt.xy = this.last;\n-        return this.dragend(evt)\n-    },\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents()\n-            } else {\n-                var dragged = this.start != this.last;\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy])\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart\n-                }\n-            }\n-        }\n-        return true\n-    },\n-    click: function(evt) {\n-        return this.start == this.last\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n-        }\n-        return deactivated\n-    },\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1]\n-    },\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n-    },\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n-    KEY_EVENTS: [\"keydown\", \"keyup\"],\n-    eventListener: null,\n-    observeElement: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.eventListener = OpenLayers.Function.bindAsEventListener(this.handleKeyEvent, this)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.eventListener = null;\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.observeElement = this.observeElement || document;\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.observe(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n-            }\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.stopObserving(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n-            }\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    handleKeyEvent: function(evt) {\n-        if (this.checkModifiers(evt)) {\n-            this.callback(evt.type, [evt])\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n-});\n OpenLayers.Handler.Point = OpenLayers.Class(OpenLayers.Handler, {\n     point: null,\n     layer: null,\n     multi: false,\n     citeCompliant: false,\n     mouseDown: false,\n     stoppedDown: null,\n@@ -14740,14 +14504,148 @@\n         if (!this.freehandMode(evt)) {\n             this.finishGeometry()\n         }\n         return false\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Path\"\n });\n+OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+    holeModifier: null,\n+    drawingHole: false,\n+    polygon: null,\n+    createFeature: function(pixel) {\n+        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n+        var geometry = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n+        this.point = new OpenLayers.Feature.Vector(geometry);\n+        this.line = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LinearRing([this.point.geometry]));\n+        this.polygon = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([this.line.geometry]));\n+        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n+        this.point.geometry.clearBounds();\n+        this.layer.addFeatures([this.polygon, this.point], {\n+            silent: true\n+        })\n+    },\n+    addPoint: function(pixel) {\n+        if (!this.drawingHole && this.holeModifier && this.evt && this.evt[this.holeModifier]) {\n+            var geometry = this.point.geometry;\n+            var features = this.control.layer.features;\n+            var candidate, polygon;\n+            for (var i = features.length - 1; i >= 0; --i) {\n+                candidate = features[i].geometry;\n+                if ((candidate instanceof OpenLayers.Geometry.Polygon || candidate instanceof OpenLayers.Geometry.MultiPolygon) && candidate.intersects(geometry)) {\n+                    polygon = features[i];\n+                    this.control.layer.removeFeatures([polygon], {\n+                        silent: true\n+                    });\n+                    this.control.layer.events.registerPriority(\"sketchcomplete\", this, this.finalizeInteriorRing);\n+                    this.control.layer.events.registerPriority(\"sketchmodified\", this, this.enforceTopology);\n+                    polygon.geometry.addComponent(this.line.geometry);\n+                    this.polygon = polygon;\n+                    this.drawingHole = true;\n+                    break\n+                }\n+            }\n+        }\n+        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments)\n+    },\n+    getCurrentPointIndex: function() {\n+        return this.line.geometry.components.length - 2\n+    },\n+    enforceTopology: function(event) {\n+        var point = event.vertex;\n+        var components = this.line.geometry.components;\n+        if (!this.polygon.geometry.intersects(point)) {\n+            var last = components[components.length - 3];\n+            point.x = last.x;\n+            point.y = last.y\n+        }\n+    },\n+    finishGeometry: function() {\n+        var index = this.line.geometry.components.length - 2;\n+        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n+        this.removePoint();\n+        this.finalize()\n+    },\n+    finalizeInteriorRing: function() {\n+        var ring = this.line.geometry;\n+        var modified = ring.getArea() !== 0;\n+        if (modified) {\n+            var rings = this.polygon.geometry.components;\n+            for (var i = rings.length - 2; i >= 0; --i) {\n+                if (ring.intersects(rings[i])) {\n+                    modified = false;\n+                    break\n+                }\n+            }\n+            if (modified) {\n+                var target;\n+                outer: for (var i = rings.length - 2; i > 0; --i) {\n+                    var points = rings[i].components;\n+                    for (var j = 0, jj = points.length; j < jj; ++j) {\n+                        if (ring.containsPoint(points[j])) {\n+                            modified = false;\n+                            break outer\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        if (modified) {\n+            if (this.polygon.state !== OpenLayers.State.INSERT) {\n+                this.polygon.state = OpenLayers.State.UPDATE\n+            }\n+        } else {\n+            this.polygon.geometry.removeComponent(ring)\n+        }\n+        this.restoreFeature();\n+        return false\n+    },\n+    cancel: function() {\n+        if (this.drawingHole) {\n+            this.polygon.geometry.removeComponent(this.line.geometry);\n+            this.restoreFeature(true)\n+        }\n+        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments)\n+    },\n+    restoreFeature: function(cancel) {\n+        this.control.layer.events.unregister(\"sketchcomplete\", this, this.finalizeInteriorRing);\n+        this.control.layer.events.unregister(\"sketchmodified\", this, this.enforceTopology);\n+        this.layer.removeFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.control.layer.addFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.drawingHole = false;\n+        if (!cancel) {\n+            this.control.layer.events.triggerEvent(\"sketchcomplete\", {\n+                feature: this.polygon\n+            })\n+        }\n+    },\n+    destroyFeature: function(force) {\n+        OpenLayers.Handler.Path.prototype.destroyFeature.call(this, force);\n+        this.polygon = null\n+    },\n+    drawFeature: function() {\n+        this.layer.drawFeature(this.polygon, this.style);\n+        this.layer.drawFeature(this.point, this.style)\n+    },\n+    getSketch: function() {\n+        return this.polygon\n+    },\n+    getGeometry: function() {\n+        var geometry = this.polygon && this.polygon.geometry;\n+        if (geometry && this.multi) {\n+            geometry = new OpenLayers.Geometry.MultiPolygon([geometry])\n+        }\n+        return geometry\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+});\n OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n     wheelListener: null,\n     interval: 0,\n     maxDelta: Number.POSITIVE_INFINITY,\n     delta: 0,\n     cumulative: true,\n     initialize: function(control, callbacks, options) {\n@@ -14852,325 +14750,377 @@\n             return true\n         } else {\n             return false\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n });\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n-    EVENTMAP: {\n-        click: {\n-            in: \"click\",\n-            out: \"clickout\"\n-        },\n-        mousemove: {\n-            in: \"over\",\n-            out: \"out\"\n-        },\n-        dblclick: {\n-            in: \"dblclick\",\n-            out: null\n-        },\n-        mousedown: {\n-            in: null,\n-            out: null\n-        },\n-        mouseup: {\n-            in: null,\n-            out: null\n-        },\n-        touchstart: {\n-            in: \"click\",\n-            out: \"clickout\"\n+OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n+    delay: 500,\n+    pixelTolerance: null,\n+    stopMove: false,\n+    px: null,\n+    timerId: null,\n+    mousemove: function(evt) {\n+        if (this.passesTolerance(evt.xy)) {\n+            this.clearTimer();\n+            this.callback(\"move\", [evt]);\n+            this.px = evt.xy;\n+            evt = OpenLayers.Util.extend({}, evt);\n+            this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n         }\n+        return !this.stopMove\n     },\n-    feature: null,\n-    lastFeature: null,\n-    down: null,\n-    up: null,\n-    clickTolerance: 4,\n-    geometryTypes: null,\n-    stopClick: true,\n-    stopDown: true,\n-    stopUp: false,\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer\n+    mouseout: function(evt) {\n+        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            this.clearTimer();\n+            this.callback(\"move\", [evt])\n+        }\n+        return true\n     },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n+    passesTolerance: function(px) {\n+        var passes = true;\n+        if (this.pixelTolerance && this.px) {\n+            var dpx = Math.sqrt(Math.pow(this.px.x - px.x, 2) + Math.pow(this.px.y - px.y, 2));\n+            if (dpx < this.pixelTolerance) {\n+                passes = false\n+            }\n+        }\n+        return passes\n     },\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt)\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null\n+        }\n     },\n-    mousedown: function(evt) {\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy\n+    delayedCall: function(evt) {\n+        this.callback(\"pause\", [evt])\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            deactivated = true\n         }\n-        return this.handle(evt) ? !this.stopDown : true\n+        return deactivated\n     },\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true\n+    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n+});\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n+    started: false,\n+    stopDown: true,\n+    dragging: false,\n+    last: null,\n+    start: null,\n+    lastMoveEvt: null,\n+    oldOnselectstart: null,\n+    interval: 0,\n+    timeoutId: null,\n+    documentDrag: false,\n+    documentEvents: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                })\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                })\n+            }\n+        }\n     },\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+            OpenLayers.Event.preventDefault(evt);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n+            }\n+            document.onselectstart = OpenLayers.Function.False;\n+            propagate = !this.stopDown\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null\n+        }\n+        return propagate\n     },\n-    mousemove: function(evt) {\n-        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n-            return true\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    this.setEvent(evt)\n+                } else {\n+                    this.removeDocumentEvents()\n+                }\n+            }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n+            }\n+            this.dragging = true;\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False\n+            }\n+            this.last = evt.xy\n         }\n-        this.handle(evt);\n         return true\n     },\n-    dblclick: function(evt) {\n-        return !this.handle(evt)\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents()\n+            }\n+            var dragged = this.start != this.last;\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy])\n+            }\n+            document.onselectstart = this.oldOnselectstart\n+        }\n+        return true\n     },\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n+    down: function(evt) {},\n+    move: function(evt) {},\n+    up: function(evt) {},\n+    out: function(evt) {},\n+    mousedown: function(evt) {\n+        return this.dragstart(evt)\n     },\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!this.feature;\n-        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            this.lastFeature = null\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt)\n+    },\n+    mousemove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    touchmove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt)\n         }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                OpenLayers.Event.preventDefault(evt)\n-            }\n-            var inNew = this.feature != this.lastFeature;\n-            if (this.geometryTypeMatches(this.feature)) {\n-                if (previouslyIn && inNew) {\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, \"out\", [this.lastFeature])\n-                    }\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                } else if (!previouslyIn || click) {\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                }\n-                this.lastFeature = this.feature;\n-                handled = true\n+    },\n+    mouseup: function(evt) {\n+        return this.dragend(evt)\n+    },\n+    touchend: function(evt) {\n+        evt.xy = this.last;\n+        return this.dragend(evt)\n+    },\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents()\n             } else {\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    this.triggerCallback(type, \"out\", [this.lastFeature])\n+                var dragged = this.start != this.last;\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy])\n                 }\n-                this.feature = null\n-            }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, \"out\", [this.lastFeature])\n-        }\n-        return handled\n-    },\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == \"click\" && this.up && this.down) {\n-                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args)\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart\n                 }\n-                this.up = this.down = null\n-            } else {\n-                this.callback(key, args)\n             }\n         }\n+        return true\n+    },\n+    click: function(evt) {\n+        return this.start == this.last\n     },\n     activate: function() {\n         var activated = false;\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n+            this.dragging = false;\n             activated = true\n         }\n         return activated\n     },\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n-            deactivated = true\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n         }\n         return deactivated\n     },\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop()\n-        }\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1]\n     },\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index)\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n     },\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n-            this.layer.setZIndex(index)\n-        } else {\n-            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n-        }\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n });\n-OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n-    holeModifier: null,\n-    drawingHole: false,\n-    polygon: null,\n-    createFeature: function(pixel) {\n-        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n-        var geometry = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n-        this.point = new OpenLayers.Feature.Vector(geometry);\n-        this.line = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LinearRing([this.point.geometry]));\n-        this.polygon = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([this.line.geometry]));\n-        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n-        this.point.geometry.clearBounds();\n-        this.layer.addFeatures([this.polygon, this.point], {\n-            silent: true\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+    dragHandler: null,\n+    boxDivClassName: \"olHandlerBoxZoomBox\",\n+    boxOffsets: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n+            down: this.startBox,\n+            move: this.moveBox,\n+            out: this.removeBox,\n+            up: this.endBox\n+        }, {\n+            keyMask: this.keyMask\n         })\n     },\n-    addPoint: function(pixel) {\n-        if (!this.drawingHole && this.holeModifier && this.evt && this.evt[this.holeModifier]) {\n-            var geometry = this.point.geometry;\n-            var features = this.control.layer.features;\n-            var candidate, polygon;\n-            for (var i = features.length - 1; i >= 0; --i) {\n-                candidate = features[i].geometry;\n-                if ((candidate instanceof OpenLayers.Geometry.Polygon || candidate instanceof OpenLayers.Geometry.MultiPolygon) && candidate.intersects(geometry)) {\n-                    polygon = features[i];\n-                    this.control.layer.removeFeatures([polygon], {\n-                        silent: true\n-                    });\n-                    this.control.layer.events.registerPriority(\"sketchcomplete\", this, this.finalizeInteriorRing);\n-                    this.control.layer.events.registerPriority(\"sketchmodified\", this, this.enforceTopology);\n-                    polygon.geometry.addComponent(this.line.geometry);\n-                    this.polygon = polygon;\n-                    this.drawingHole = true;\n-                    break\n-                }\n-            }\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null\n         }\n-        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments)\n     },\n-    getCurrentPointIndex: function() {\n-        return this.line.geometry.components.length - 2\n-    },\n-    enforceTopology: function(event) {\n-        var point = event.vertex;\n-        var components = this.line.geometry.components;\n-        if (!this.polygon.geometry.intersects(point)) {\n-            var last = components[components.length - 3];\n-            point.x = last.x;\n-            point.y = last.y\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map)\n         }\n     },\n-    finishGeometry: function() {\n-        var index = this.line.geometry.components.length - 2;\n-        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n-        this.removePoint();\n-        this.finalize()\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n     },\n-    finalizeInteriorRing: function() {\n-        var ring = this.line.geometry;\n-        var modified = ring.getArea() !== 0;\n-        if (modified) {\n-            var rings = this.polygon.geometry.components;\n-            for (var i = rings.length - 2; i >= 0; --i) {\n-                if (ring.intersects(rings[i])) {\n-                    modified = false;\n-                    break\n-                }\n-            }\n-            if (modified) {\n-                var target;\n-                outer: for (var i = rings.length - 2; i > 0; --i) {\n-                    var points = rings[i].components;\n-                    for (var j = 0, jj = points.length; j < jj; ++j) {\n-                        if (ring.containsPoint(points[j])) {\n-                            modified = false;\n-                            break outer\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        if (modified) {\n-            if (this.polygon.state !== OpenLayers.State.INSERT) {\n-                this.polygon.state = OpenLayers.State.UPDATE\n-            }\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n+        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n+    },\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top)\n         } else {\n-            this.polygon.geometry.removeComponent(ring)\n+            result = this.dragHandler.start.clone()\n         }\n-        this.restoreFeature();\n-        return false\n+        this.removeBox();\n+        this.callback(\"done\", [result])\n     },\n-    cancel: function() {\n-        if (this.drawingHole) {\n-            this.polygon.geometry.removeComponent(this.line.geometry);\n-            this.restoreFeature(true)\n-        }\n-        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments)\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n     },\n-    restoreFeature: function(cancel) {\n-        this.control.layer.events.unregister(\"sketchcomplete\", this, this.finalizeInteriorRing);\n-        this.control.layer.events.unregister(\"sketchmodified\", this, this.enforceTopology);\n-        this.layer.removeFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.control.layer.addFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.drawingHole = false;\n-        if (!cancel) {\n-            this.control.layer.events.triggerEvent(\"sketchcomplete\", {\n-                feature: this.polygon\n-            })\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true\n+        } else {\n+            return false\n         }\n     },\n-    destroyFeature: function(force) {\n-        OpenLayers.Handler.Path.prototype.destroyFeature.call(this, force);\n-        this.polygon = null\n-    },\n-    drawFeature: function() {\n-        this.layer.drawFeature(this.polygon, this.style);\n-        this.layer.drawFeature(this.point, this.style)\n-    },\n-    getSketch: function() {\n-        return this.polygon\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox()\n+                }\n+            }\n+            return true\n+        } else {\n+            return false\n+        }\n     },\n-    getGeometry: function() {\n-        var geometry = this.polygon && this.polygon.geometry;\n-        if (geometry && this.multi) {\n-            geometry = new OpenLayers.Geometry.MultiPolygon([geometry])\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            var testDiv = document.createElement(\"div\");\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n+            }\n         }\n-        return geometry\n+        return this.boxOffsets\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n });\n OpenLayers.Handler.RegularPolygon = OpenLayers.Class(OpenLayers.Handler.Drag, {\n     sides: 4,\n     radius: null,\n     snapAngle: null,\n     snapToggle: \"shiftKey\",\n     layerOptions: null,\n@@ -15330,4081 +15280,2313 @@\n         }\n         if (!this.persist && (name == \"done\" || name == \"cancel\")) {\n             this.clear()\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Handler.RegularPolygon\"\n });\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n-    dragHandler: null,\n-    boxDivClassName: \"olHandlerBoxZoomBox\",\n-    boxOffsets: null,\n+OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n+    KEY_EVENTS: [\"keydown\", \"keyup\"],\n+    eventListener: null,\n+    observeElement: null,\n     initialize: function(control, callbacks, options) {\n         OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n-            down: this.startBox,\n-            move: this.moveBox,\n-            out: this.removeBox,\n-            up: this.endBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n+        this.eventListener = OpenLayers.Function.bindAsEventListener(this.handleKeyEvent, this)\n     },\n     destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map)\n-        }\n-    },\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n-    },\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n-        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n-    },\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top)\n-        } else {\n-            result = this.dragHandler.start.clone()\n-        }\n-        this.removeBox();\n-        this.callback(\"done\", [result])\n-    },\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n+        this.deactivate();\n+        this.eventListener = null;\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments)\n     },\n     activate: function() {\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n+            this.observeElement = this.observeElement || document;\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.observe(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n+            }\n             return true\n         } else {\n             return false\n         }\n     },\n     deactivate: function() {\n+        var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox()\n-                }\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.stopObserving(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n             }\n-            return true\n-        } else {\n-            return false\n+            deactivated = true\n         }\n+        return deactivated\n     },\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            var testDiv = document.createElement(\"div\");\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            }\n+    handleKeyEvent: function(evt) {\n+        if (this.checkModifiers(evt)) {\n+            this.callback(evt.type, [evt])\n         }\n-        return this.boxOffsets\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n });\n-OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n-    delay: 500,\n-    pixelTolerance: null,\n-    stopMove: false,\n-    px: null,\n-    timerId: null,\n-    mousemove: function(evt) {\n-        if (this.passesTolerance(evt.xy)) {\n-            this.clearTimer();\n-            this.callback(\"move\", [evt]);\n-            this.px = evt.xy;\n-            evt = OpenLayers.Util.extend({}, evt);\n-            this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n+    EVENTMAP: {\n+        click: {\n+            in: \"click\",\n+            out: \"clickout\"\n+        },\n+        mousemove: {\n+            in: \"over\",\n+            out: \"out\"\n+        },\n+        dblclick: {\n+            in: \"dblclick\",\n+            out: null\n+        },\n+        mousedown: {\n+            in: null,\n+            out: null\n+        },\n+        mouseup: {\n+            in: null,\n+            out: null\n+        },\n+        touchstart: {\n+            in: \"click\",\n+            out: \"clickout\"\n         }\n-        return !this.stopMove\n     },\n-    mouseout: function(evt) {\n-        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            this.clearTimer();\n-            this.callback(\"move\", [evt])\n+    feature: null,\n+    lastFeature: null,\n+    down: null,\n+    up: null,\n+    clickTolerance: 4,\n+    geometryTypes: null,\n+    stopClick: true,\n+    stopDown: true,\n+    stopUp: false,\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer\n+    },\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n+    },\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt)\n+    },\n+    mousedown: function(evt) {\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy\n         }\n+        return this.handle(evt) ? !this.stopDown : true\n+    },\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true\n+    },\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true\n+    },\n+    mousemove: function(evt) {\n+        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n+            return true\n+        }\n+        this.handle(evt);\n         return true\n     },\n-    passesTolerance: function(px) {\n-        var passes = true;\n-        if (this.pixelTolerance && this.px) {\n-            var dpx = Math.sqrt(Math.pow(this.px.x - px.x, 2) + Math.pow(this.px.y - px.y, 2));\n-            if (dpx < this.pixelTolerance) {\n-                passes = false\n+    dblclick: function(evt) {\n+        return !this.handle(evt)\n+    },\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n+    },\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!this.feature;\n+        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            this.lastFeature = null\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                OpenLayers.Event.preventDefault(evt)\n+            }\n+            var inNew = this.feature != this.lastFeature;\n+            if (this.geometryTypeMatches(this.feature)) {\n+                if (previouslyIn && inNew) {\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, \"out\", [this.lastFeature])\n+                    }\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                } else if (!previouslyIn || click) {\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true\n+            } else {\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    this.triggerCallback(type, \"out\", [this.lastFeature])\n+                }\n+                this.feature = null\n             }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, \"out\", [this.lastFeature])\n         }\n-        return passes\n+        return handled\n     },\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == \"click\" && this.up && this.down) {\n+                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args)\n+                }\n+                this.up = this.down = null\n+            } else {\n+                this.callback(key, args)\n+            }\n         }\n     },\n-    delayedCall: function(evt) {\n-        this.callback(\"pause\", [evt])\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true\n+        }\n+        return activated\n     },\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n             deactivated = true\n         }\n         return deactivated\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n-});\n-OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: false,\n-    isFixed: false,\n-    features: null,\n-    filter: null,\n-    selectedFeatures: null,\n-    unrenderedFeatures: null,\n-    reportError: true,\n-    style: null,\n-    styleMap: null,\n-    strategies: null,\n-    protocol: null,\n-    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n-    renderer: null,\n-    rendererOptions: null,\n-    geometryType: null,\n-    drawn: false,\n-    ratio: 1,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.assignRenderer()\n-        }\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.renderer = null;\n-            this.displayError()\n-        }\n-        if (!this.styleMap) {\n-            this.styleMap = new OpenLayers.StyleMap\n-        }\n-        this.features = [];\n-        this.selectedFeatures = [];\n-        this.unrenderedFeatures = {};\n-        if (this.strategies) {\n-            for (var i = 0, len = this.strategies.length; i < len; i++) {\n-                this.strategies[i].setLayer(this)\n-            }\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop()\n         }\n     },\n-    destroy: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoDestroy) {\n-                    strategy.destroy()\n-                }\n-            }\n-            this.strategies = null\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index)\n+    },\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n+            this.layer.setZIndex(index)\n+        } else {\n+            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n         }\n-        if (this.protocol) {\n-            if (this.protocol.autoDestroy) {\n-                this.protocol.destroy()\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+});\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n+    layer: null,\n+    callbacks: null,\n+    multi: false,\n+    featureAdded: function() {},\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+            done: this.drawFeature,\n+            modify: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchmodified\", {\n+                    vertex: vertex,\n+                    feature: feature\n+                })\n+            },\n+            create: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchstarted\", {\n+                    vertex: vertex,\n+                    feature: feature\n+                })\n             }\n-            this.protocol = null\n+        }, this.callbacks);\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+            renderers: layer.renderers,\n+            rendererOptions: layer.rendererOptions\n+        });\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi\n         }\n-        this.destroyFeatures();\n-        this.features = null;\n-        this.selectedFeatures = null;\n-        this.unrenderedFeatures = null;\n-        if (this.renderer) {\n-            this.renderer.destroy()\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+                styleMap: new OpenLayers.StyleMap({\n+                    default: sketchStyle\n+                })\n+            })\n         }\n-        this.renderer = null;\n-        this.geometryType = null;\n-        this.drawn = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        var features = this.features;\n-        var len = features.length;\n-        var clonedFeatures = new Array(len);\n-        for (var i = 0; i < len; ++i) {\n-            clonedFeatures[i] = features[i].clone()\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n+            feature: feature\n+        });\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n+            })\n         }\n-        obj.features = clonedFeatures;\n-        return obj\n     },\n-    refresh: function(obj) {\n-        if (this.calculateInRange() && this.visibility) {\n-            this.events.triggerEvent(\"refresh\", obj)\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y)\n         }\n     },\n-    assignRenderer: function() {\n-        for (var i = 0, len = this.renderers.length; i < len; i++) {\n-            var rendererClass = this.renderers[i];\n-            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n-            if (renderer && renderer.prototype.supported()) {\n-                this.renderer = new renderer(this.div, this.rendererOptions);\n-                break\n-            }\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy)\n         }\n     },\n-    displayError: function() {\n-        if (this.reportError) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n-                renderers: this.renderers.join(\"\\n\")\n-            }))\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length)\n         }\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-        if (!this.renderer) {\n-            this.map.removeLayer(this)\n-        } else {\n-            this.renderer.map = this.map;\n-            var newSize = this.map.getSize();\n-            newSize.w = newSize.w * this.ratio;\n-            newSize.h = newSize.h * this.ratio;\n-            this.renderer.setSize(newSize)\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length)\n         }\n     },\n-    afterAdd: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.activate()\n-                }\n-            }\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo()\n+    },\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo()\n+    },\n+    finishSketch: function() {\n+        this.handler.finishGeometry()\n+    },\n+    cancel: function() {\n+        this.handler.cancel()\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+});\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n+    target: null,\n+    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n+    startRegEx: /^mousedown|touchstart$/,\n+    cancelRegEx: /^touchmove$/,\n+    completeRegEx: /^mouseup|touchend$/,\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            })\n         }\n     },\n-    removeMap: function(map) {\n-        this.drawn = false;\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.deactivate()\n-                }\n-            }\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick)\n         }\n+        delete this.target\n     },\n-    onMapResize: function() {\n-        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n-        var newSize = this.map.getSize();\n-        newSize.w = newSize.w * this.ratio;\n-        newSize.h = newSize.h * this.ratio;\n-        this.renderer.setSize(newSize)\n+    getPressedButton: function(element) {\n+        var depth = 3,\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                button = element;\n+                break\n+            }\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return button\n     },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        var coordSysUnchanged = true;\n-        if (!dragging) {\n-            this.renderer.root.style.visibility = \"hidden\";\n-            var viewSize = this.map.getSize(),\n-                viewWidth = viewSize.w,\n-                viewHeight = viewSize.h,\n-                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n-                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n-            offsetLeft += this.map.layerContainerOriginPx.x;\n-            offsetLeft = -Math.round(offsetLeft);\n-            offsetTop += this.map.layerContainerOriginPx.y;\n-            offsetTop = -Math.round(offsetTop);\n-            this.div.style.left = offsetLeft + \"px\";\n-            this.div.style.top = offsetTop + \"px\";\n-            var extent = this.map.getExtent().scale(this.ratio);\n-            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n-            this.renderer.root.style.visibility = \"visible\";\n-            if (OpenLayers.IS_GECKO === true) {\n-                this.div.scrollLeft = this.div.scrollLeft\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === \"a\") {\n+                ignore = true;\n+                break\n             }\n-            if (!zoomChanged && coordSysUnchanged) {\n-                for (var i in this.unrenderedFeatures) {\n-                    var feature = this.unrenderedFeatures[i];\n-                    this.drawFeature(feature)\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return ignore\n+    },\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        })\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n                 }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n+                }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt\n             }\n         }\n-        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n-            this.drawn = true;\n-            var feature;\n-            for (var i = 0, len = this.features.length; i < len; i++) {\n-                this.renderer.locked = i !== len - 1;\n-                feature = this.features[i];\n-                this.drawFeature(feature)\n-            }\n-        }\n+        return propagate\n+    }\n+});\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+    layerStates: null,\n+    layersDiv: null,\n+    baseLayersDiv: null,\n+    baseLayers: null,\n+    dataLbl: null,\n+    dataLayersDiv: null,\n+    dataLayers: null,\n+    minimizeDiv: null,\n+    maximizeDiv: null,\n+    ascending: true,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = []\n     },\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        var currentDisplay = this.div.style.display;\n-        if (currentDisplay != this.renderer.root.style.display) {\n-            this.renderer.root.style.display = currentDisplay\n-        }\n+    destroy: function() {\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    addFeatures: function(features, options) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n         }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            var event = {\n-                features: features\n-            };\n-            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n-            if (ret === false) {\n-                return\n-            }\n-            features = event.features\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n+        this.loadContents();\n+        if (!this.outsideViewport) {\n+            this.minimizeControl()\n         }\n-        var featuresAdded = [];\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            if (i != features.length - 1) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n-                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n-            }\n-            feature.layer = this;\n-            if (!feature.style && this.style) {\n-                feature.style = OpenLayers.Util.extend({}, this.style)\n+        this.redraw();\n+        return this.div\n+    },\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl()\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl()\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"])\n             }\n-            if (notify) {\n-                if (this.events.triggerEvent(\"beforefeatureadded\", {\n-                        feature: feature\n-                    }) === false) {\n-                    continue\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap()\n                 }\n-                this.preFeatureInsert(feature)\n-            }\n-            featuresAdded.push(feature);\n-            this.features.push(feature);\n-            this.drawFeature(feature);\n-            if (notify) {\n-                this.events.triggerEvent(\"featureadded\", {\n-                    feature: feature\n-                });\n-                this.onFeatureInsert(feature)\n             }\n         }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresadded\", {\n-                features: featuresAdded\n-            })\n-        }\n     },\n-    removeFeatures: function(features, options) {\n-        if (!features || features.length === 0) {\n-            return\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = []\n+    },\n+    checkRedraw: function() {\n+        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n+            return true\n         }\n-        if (features === this.features) {\n-            return this.removeAllFeatures(options)\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n+                return true\n+            }\n         }\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n+        return false\n+    },\n+    redraw: function() {\n+        if (!this.checkRedraw()) {\n+            return this.div\n         }\n-        if (features === this.selectedFeatures) {\n-            features = features.slice()\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                name: layer.name,\n+                visibility: layer.visibility,\n+                inRange: layer.inRange,\n+                id: layer.id\n+            }\n         }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse()\n         }\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            if (i != 0 && features[i - 1].geometry) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            delete this.unrenderedFeatures[feature.id];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-            this.features = OpenLayers.Util.removeItem(this.features, feature);\n-            feature.layer = null;\n-            if (feature.geometry) {\n-                this.renderer.eraseFeatures(feature)\n-            }\n-            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n-                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n-            }\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                })\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n+            if (layer.displayInLayerSwitcher) {\n+                if (baseLayer) {\n+                    containsBaseLayers = true\n+                } else {\n+                    containsOverlays = true\n+                }\n+                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n+                var inputElem = document.createElement(\"input\"),\n+                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n+                inputElem.id = inputId;\n+                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true\n+                }\n+                var labelSpan = document.createElement(\"label\");\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\"\n+                }\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n+                var br = document.createElement(\"br\");\n+                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n+                groupArray.push({\n+                    layer: layer,\n+                    inputElem: inputElem,\n+                    labelSpan: labelSpan\n+                });\n+                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br)\n             }\n         }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            })\n-        }\n+        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n+        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n+        return this.div\n     },\n-    removeAllFeatures: function(options) {\n-        var notify = !options || !options.silent;\n-        var features = this.features;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n-        }\n-        var feature;\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            feature = features[i];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-            feature.layer = null;\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                })\n+    updateMap: function() {\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false)\n             }\n         }\n-        this.renderer.clear();\n-        this.features = [];\n-        this.unrenderedFeatures = {};\n-        this.selectedFeatures = [];\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            })\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n         }\n     },\n-    destroyFeatures: function(features, options) {\n-        var all = features == undefined;\n-        if (all) {\n-            features = this.features\n-        }\n-        if (features) {\n-            this.removeFeatures(features, options);\n-            for (var i = features.length - 1; i >= 0; i--) {\n-                features[i].destroy()\n-            }\n+    maximizeControl: function(e) {\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n+        this.showControls(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n         }\n     },\n-    drawFeature: function(feature, style) {\n-        if (!this.drawn) {\n-            return\n-        }\n-        if (typeof style != \"object\") {\n-            if (!style && feature.state === OpenLayers.State.DELETE) {\n-                style = \"delete\"\n-            }\n-            var renderIntent = style || feature.renderIntent;\n-            style = feature.style || this.style;\n-            if (!style) {\n-                style = this.styleMap.createSymbolizer(feature, renderIntent)\n-            }\n+    minimizeControl: function(e) {\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n+        this.showControls(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n         }\n-        var drawn = this.renderer.drawFeature(feature, style);\n-        if (drawn === false || drawn === null) {\n-            this.unrenderedFeatures[feature.id] = feature\n+    },\n+    showControls: function(minimize) {\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n+    },\n+    loadContents: function() {\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv)\n         } else {\n-            delete this.unrenderedFeatures[feature.id]\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv)\n         }\n+        this.div.appendChild(this.layersDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.maximizeDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.minimizeDiv)\n     },\n-    eraseFeatures: function(features) {\n-        this.renderer.eraseFeatures(features)\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n+});\n+OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    buttons: null,\n+    position: null,\n+    initialize: function(options) {\n+        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X, OpenLayers.Control.PanZoom.Y);\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n-    getFeatureFromEvent: function(evt) {\n-        if (!this.renderer) {\n-            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n-        }\n-        var feature = null;\n-        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n-        if (featureId) {\n-            if (typeof featureId === \"string\") {\n-                feature = this.getFeatureById(featureId)\n-            } else {\n-                feature = featureId\n-            }\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n         }\n-        return feature\n+        this.removeButtons();\n+        this.buttons = null;\n+        this.position = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    getFeatureBy: function(property, value) {\n-        var feature = null;\n-        for (var i = 0, len = this.features.length; i < len; ++i) {\n-            if (this.features[i][property] == value) {\n-                feature = this.features[i];\n-                break\n-            }\n-        }\n-        return feature\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n     },\n-    getFeatureById: function(featureId) {\n-        return this.getFeatureBy(\"id\", featureId)\n+    draw: function(px) {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position;\n+        this.buttons = [];\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+        px.y = centered.y + sz.h;\n+        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n+        this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+        this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+        this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered.add(0, sz.h * 4 + 5), sz);\n+        this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered.add(0, sz.h * 5 + 5), sz);\n+        return this.div\n     },\n-    getFeatureByFid: function(featureFid) {\n-        return this.getFeatureBy(\"fid\", featureFid)\n+    _addButton: function(id, img, xy, sz) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(img);\n+        var btn = OpenLayers.Util.createAlphaImageDiv(this.id + \"_\" + id, xy, sz, imgLocation, \"absolute\");\n+        btn.style.cursor = \"pointer\";\n+        this.div.appendChild(btn);\n+        btn.action = id;\n+        btn.className = \"olButton\";\n+        this.buttons.push(btn);\n+        return btn\n     },\n-    getFeaturesByAttribute: function(attrName, attrValue) {\n-        var i, feature, len = this.features.length,\n-            foundFeatures = [];\n-        for (i = 0; i < len; i++) {\n-            feature = this.features[i];\n-            if (feature && feature.attributes) {\n-                if (feature.attributes[attrName] === attrValue) {\n-                    foundFeatures.push(feature)\n-                }\n-            }\n-        }\n-        return foundFeatures\n+    _removeButton: function(btn) {\n+        this.div.removeChild(btn);\n+        OpenLayers.Util.removeItem(this.buttons, btn)\n     },\n-    onFeatureInsert: function(feature) {},\n-    preFeatureInsert: function(feature) {},\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        var features = this.features;\n-        if (features && features.length > 0) {\n-            var geometry = null;\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                geometry = features[i].geometry;\n-                if (geometry) {\n-                    if (maxExtent === null) {\n-                        maxExtent = new OpenLayers.Bounds\n-                    }\n-                    maxExtent.extend(geometry.getBounds())\n-                }\n-            }\n+    removeButtons: function() {\n+        for (var i = this.buttons.length - 1; i >= 0; --i) {\n+            this._removeButton(this.buttons[i])\n         }\n-        return maxExtent\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n-});\n-OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    dataFrom: null,\n-    styleFrom: null,\n-    addNodes: function(pointFeatures, options) {\n-        if (pointFeatures.length < 2) {\n-            throw new Error(\"At least two point features have to be added to \" + \"create a line from\")\n-        }\n-        var lines = new Array(pointFeatures.length - 1);\n-        var pointFeature, startPoint, endPoint;\n-        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n-            pointFeature = pointFeatures[i];\n-            endPoint = pointFeature.geometry;\n-            if (!endPoint) {\n-                var lonlat = pointFeature.lonlat;\n-                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat)\n-            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-                throw new TypeError(\"Only features with point geometries are supported.\")\n-            }\n-            if (i > 0) {\n-                var attributes = this.dataFrom != null ? pointFeatures[i + this.dataFrom].data || pointFeatures[i + this.dataFrom].attributes : null;\n-                var style = this.styleFrom != null ? pointFeatures[i + this.styleFrom].style : null;\n-                var line = new OpenLayers.Geometry.LineString([startPoint, endPoint]);\n-                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes, style)\n-            }\n-            startPoint = endPoint\n+    onButtonClick: function(evt) {\n+        var btn = evt.buttonElement;\n+        switch (btn.action) {\n+            case \"panup\":\n+                this.map.pan(0, -this.getSlideFactor(\"h\"));\n+                break;\n+            case \"pandown\":\n+                this.map.pan(0, this.getSlideFactor(\"h\"));\n+                break;\n+            case \"panleft\":\n+                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"panright\":\n+                this.map.pan(this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"zoomin\":\n+                this.map.zoomIn();\n+                break;\n+            case \"zoomout\":\n+                this.map.zoomOut();\n+                break;\n+            case \"zoomworld\":\n+                this.map.zoomToMaxExtent();\n+                break\n         }\n-        this.addFeatures(lines, options)\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n+    getSlideFactor: function(dim) {\n+        return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n });\n-OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n-OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n-OpenLayers.Layer.PointTrack.dataFrom = {\n-    SOURCE_NODE: -1,\n-    TARGET_NODE: 0\n-};\n-OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n-    smoothDragPan: true,\n-    isBaseLayer: true,\n-    isFixed: true,\n-    pane: null,\n-    mapObject: null,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (this.pane == null) {\n-            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\")\n-        }\n+OpenLayers.Control.PanZoom.X = 4;\n+OpenLayers.Control.PanZoom.Y = 4;\n+OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n+    element: null,\n+    ovmap: null,\n+    size: {\n+        w: 180,\n+        h: 90\n+    },\n+    layers: null,\n+    minRectSize: 15,\n+    minRectDisplayClass: \"RectReplacement\",\n+    minRatio: 8,\n+    maxRatio: 32,\n+    mapOptions: null,\n+    autoPan: false,\n+    handlers: null,\n+    resolutionFactor: 1,\n+    maximized: false,\n+    maximizeTitle: \"\",\n+    minimizeTitle: \"\",\n+    initialize: function(options) {\n+        this.layers = [];\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options])\n     },\n     destroy: function() {\n-        this.mapObject = null;\n-        this.pane = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+        if (!this.mapDiv) {\n+            return\n+        }\n+        if (this.handlers.click) {\n+            this.handlers.click.destroy()\n+        }\n+        if (this.handlers.drag) {\n+            this.handlers.drag.destroy()\n+        }\n+        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n+        this.extentRectangle = null;\n+        if (this.rectEvents) {\n+            this.rectEvents.destroy();\n+            this.rectEvents = null\n+        }\n+        if (this.ovmap) {\n+            this.ovmap.destroy();\n+            this.ovmap = null\n+        }\n+        this.element.removeChild(this.mapDiv);\n+        this.mapDiv = null;\n+        this.div.removeChild(this.element);\n+        this.element = null;\n+        if (this.maximizeDiv) {\n+            this.div.removeChild(this.maximizeDiv);\n+            this.maximizeDiv = null\n+        }\n+        if (this.minimizeDiv) {\n+            this.div.removeChild(this.minimizeDiv);\n+            this.minimizeDiv = null\n+        }\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            changebaselayer: this.baseLayerDraw,\n+            scope: this\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n-        this.pane.style.display = this.div.style.display;\n-        this.pane.style.width = \"100%\";\n-        this.pane.style.height = \"100%\";\n-        if (OpenLayers.BROWSER_NAME == \"msie\") {\n-            this.pane.style.background = \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\"\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.layers.length === 0) {\n+            if (this.map.baseLayer) {\n+                var layer = this.map.baseLayer.clone();\n+                this.layers = [layer]\n+            } else {\n+                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n+                return this.div\n+            }\n         }\n-        if (this.isFixed) {\n-            this.map.viewPortDiv.appendChild(this.pane)\n+        this.element = document.createElement(\"div\");\n+        this.element.className = this.displayClass + \"Element\";\n+        this.element.style.display = \"none\";\n+        this.mapDiv = document.createElement(\"div\");\n+        this.mapDiv.style.width = this.size.w + \"px\";\n+        this.mapDiv.style.height = this.size.h + \"px\";\n+        this.mapDiv.style.position = \"relative\";\n+        this.mapDiv.style.overflow = \"hidden\";\n+        this.mapDiv.id = OpenLayers.Util.createUniqueID(\"overviewMap\");\n+        this.extentRectangle = document.createElement(\"div\");\n+        this.extentRectangle.style.position = \"absolute\";\n+        this.extentRectangle.style.zIndex = 1e3;\n+        this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n+        this.element.appendChild(this.mapDiv);\n+        this.div.appendChild(this.element);\n+        if (!this.outsideViewport) {\n+            this.div.className += \" \" + this.displayClass + \"Container\";\n+            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n+            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(this.displayClass + \"MaximizeButton\", null, null, img, \"absolute\");\n+            this.maximizeDiv.style.display = \"none\";\n+            this.maximizeDiv.className = this.displayClass + \"MaximizeButton olButton\";\n+            if (this.maximizeTitle) {\n+                this.maximizeDiv.title = this.maximizeTitle\n+            }\n+            this.div.appendChild(this.maximizeDiv);\n+            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n+            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_minimizeDiv\", null, null, img, \"absolute\");\n+            this.minimizeDiv.style.display = \"none\";\n+            this.minimizeDiv.className = this.displayClass + \"MinimizeButton olButton\";\n+            if (this.minimizeTitle) {\n+                this.minimizeDiv.title = this.minimizeTitle\n+            }\n+            this.div.appendChild(this.minimizeDiv);\n+            this.minimizeControl()\n         } else {\n-            this.map.layerContainerDiv.appendChild(this.pane)\n+            this.element.style.display = \"\"\n         }\n-        this.loadMapObject();\n-        if (this.mapObject == null) {\n-            this.loadWarningMessage()\n+        if (this.map.getExtent()) {\n+            this.update()\n         }\n-    },\n-    removeMap: function(map) {\n-        if (this.pane && this.pane.parentNode) {\n-            this.pane.parentNode.removeChild(this.pane)\n+        this.map.events.on({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            scope: this\n+        });\n+        if (this.maximized) {\n+            this.maximizeControl()\n         }\n-        OpenLayers.Layer.prototype.removeMap.apply(this, arguments)\n-    },\n-    loadWarningMessage: function() {\n-        this.div.style.backgroundColor = \"darkblue\";\n-        var viewSize = this.map.getSize();\n-        var msgW = Math.min(viewSize.w, 300);\n-        var msgH = Math.min(viewSize.h, 200);\n-        var size = new OpenLayers.Size(msgW, msgH);\n-        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n-        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n-        var div = OpenLayers.Util.createDiv(this.name + \"_warning\", topLeft, size, null, null, null, \"auto\");\n-        div.style.padding = \"7px\";\n-        div.style.backgroundColor = \"yellow\";\n-        div.innerHTML = this.getWarningHTML();\n-        this.div.appendChild(div)\n+        return this.div\n     },\n-    getWarningHTML: function() {\n-        return \"\"\n+    baseLayerDraw: function() {\n+        this.draw();\n+        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw)\n     },\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        this.pane.style.display = this.div.style.display\n+    rectDrag: function(px) {\n+        var deltaX = this.handlers.drag.last.x - px.x;\n+        var deltaY = this.handlers.drag.last.y - px.y;\n+        if (deltaX != 0 || deltaY != 0) {\n+            var rectTop = this.rectPxBounds.top;\n+            var rectLeft = this.rectPxBounds.left;\n+            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n+            var rectWidth = this.rectPxBounds.getWidth();\n+            var newTop = Math.max(0, rectTop - deltaY);\n+            newTop = Math.min(newTop, this.ovmap.size.h - this.hComp - rectHeight);\n+            var newLeft = Math.max(0, rectLeft - deltaX);\n+            newLeft = Math.min(newLeft, this.ovmap.size.w - this.wComp - rectWidth);\n+            this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + rectHeight, newLeft + rectWidth, newTop))\n+        }\n     },\n-    setZIndex: function(zIndex) {\n-        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n-        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1\n+    mapDivClick: function(evt) {\n+        var pxCenter = this.rectPxBounds.getCenterPixel();\n+        var deltaX = evt.xy.x - pxCenter.x;\n+        var deltaY = evt.xy.y - pxCenter.y;\n+        var top = this.rectPxBounds.top;\n+        var left = this.rectPxBounds.left;\n+        var height = Math.abs(this.rectPxBounds.getHeight());\n+        var width = this.rectPxBounds.getWidth();\n+        var newTop = Math.max(0, top + deltaY);\n+        newTop = Math.min(newTop, this.ovmap.size.h - height);\n+        var newLeft = Math.max(0, left + deltaX);\n+        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n+        this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + height, newLeft + width, newTop));\n+        this.updateMapToRect()\n     },\n-    moveByPx: function(dx, dy) {\n-        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n-        if (this.dragPanMapObject) {\n-            this.dragPanMapObject(dx, -dy)\n-        } else {\n-            this.moveTo(this.map.getCachedCenter())\n+    onButtonClick: function(evt) {\n+        if (evt.buttonElement === this.minimizeDiv) {\n+            this.minimizeControl()\n+        } else if (evt.buttonElement === this.maximizeDiv) {\n+            this.maximizeControl()\n         }\n     },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        if (this.mapObject != null) {\n-            var newCenter = this.map.getCenter();\n-            var newZoom = this.map.getZoom();\n-            if (newCenter != null) {\n-                var moOldCenter = this.getMapObjectCenter();\n-                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n-                var moOldZoom = this.getMapObjectZoom();\n-                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n-                if (!newCenter.equals(oldCenter) || newZoom != oldZoom) {\n-                    if (!zoomChanged && oldCenter && this.dragPanMapObject && this.smoothDragPan) {\n-                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n-                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n-                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y)\n-                    } else {\n-                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n-                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n-                        this.setMapObjectCenter(center, zoom, dragging)\n-                    }\n-                }\n-            }\n+    maximizeControl: function(e) {\n+        this.element.style.display = \"\";\n+        this.showToggle(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n         }\n     },\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        var lonlat = null;\n-        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n-            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n-            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n-            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat)\n+    minimizeControl: function(e) {\n+        this.element.style.display = \"none\";\n+        this.showToggle(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n         }\n-        return lonlat\n     },\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        var viewPortPx = null;\n-        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n-            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n-            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n-            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel)\n+    showToggle: function(minimize) {\n+        if (this.maximizeDiv) {\n+            this.maximizeDiv.style.display = minimize ? \"\" : \"none\"\n         }\n-        return viewPortPx\n-    },\n-    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n-        var olLonLat = null;\n-        if (moLonLat != null) {\n-            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-            olLonLat = new OpenLayers.LonLat(lon, lat)\n+        if (this.minimizeDiv) {\n+            this.minimizeDiv.style.display = minimize ? \"none\" : \"\"\n         }\n-        return olLonLat\n     },\n-    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n-        var moLatLng = null;\n-        if (olLonLat != null) {\n-            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon, olLonLat.lat)\n+    update: function() {\n+        if (this.ovmap == null) {\n+            this.createMap()\n         }\n-        return moLatLng\n+        if (this.autoPan || !this.isSuitableOverview()) {\n+            this.updateOverview()\n+        }\n+        this.updateRectToMap()\n     },\n-    getOLPixelFromMapObjectPixel: function(moPixel) {\n-        var olPixel = null;\n-        if (moPixel != null) {\n-            var x = this.getXFromMapObjectPixel(moPixel);\n-            var y = this.getYFromMapObjectPixel(moPixel);\n-            olPixel = new OpenLayers.Pixel(x, y)\n+    isSuitableOverview: function() {\n+        var mapExtent = this.map.getExtent();\n+        var maxExtent = this.map.getMaxExtent();\n+        var testExtent = new OpenLayers.Bounds(Math.max(mapExtent.left, maxExtent.left), Math.max(mapExtent.bottom, maxExtent.bottom), Math.min(mapExtent.right, maxExtent.right), Math.min(mapExtent.top, maxExtent.top));\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            testExtent = testExtent.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n         }\n-        return olPixel\n+        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n+        return resRatio > this.minRatio && resRatio <= this.maxRatio && this.ovmap.getExtent().containsBounds(testExtent)\n     },\n-    getMapObjectPixelFromOLPixel: function(olPixel) {\n-        var moPixel = null;\n-        if (olPixel != null) {\n-            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y)\n+    updateOverview: function() {\n+        var mapRes = this.map.getResolution();\n+        var targetRes = this.ovmap.getResolution();\n+        var resRatio = targetRes / mapRes;\n+        if (resRatio > this.maxRatio) {\n+            targetRes = this.minRatio * mapRes\n+        } else if (resRatio <= this.minRatio) {\n+            targetRes = this.maxRatio * mapRes\n         }\n-        return moPixel\n+        var center;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            center = this.map.center.clone();\n+            center.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n+        } else {\n+            center = this.map.center\n+        }\n+        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(targetRes * this.resolutionFactor));\n+        this.updateRectToMap()\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n-});\n-OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n-    fontStyleKeys: [\"antialiasing\", \"blockout\", \"font\", \"fontcolor\", \"fontsize\", \"fontstyle\", \"glowing\", \"interval\", \"outline\", \"printmode\", \"shadow\", \"transparency\"],\n-    request: null,\n-    response: null,\n-    initialize: function(options) {\n-        this.request = new OpenLayers.Format.ArcXML.Request;\n-        this.response = new OpenLayers.Format.ArcXML.Response;\n-        if (options) {\n-            if (options.requesttype == \"feature\") {\n-                this.request.get_image = null;\n-                var qry = this.request.get_feature.query;\n-                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n-                if (options.polygon) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.polygon = options.polygon\n-                } else if (options.envelope) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.envelope = {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    };\n-                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope)\n-                }\n-            } else if (options.requesttype == \"image\") {\n-                this.request.get_feature = null;\n-                var props = this.request.get_image.properties;\n-                this.parseEnvelope(props.envelope, options.envelope);\n-                this.addLayers(props.layerlist, options.layers);\n-                this.addImageSize(props.imagesize, options.tileSize);\n-                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(props.filtercoordsys, options.filterCoordSys)\n-            } else {\n-                this.request = null\n+    createMap: function() {\n+        var options = OpenLayers.Util.extend({\n+            controls: [],\n+            maxResolution: \"auto\",\n+            fallThrough: false\n+        }, this.mapOptions);\n+        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n+        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n+        OpenLayers.Event.stopObserving(window, \"unload\", this.ovmap.unloadDestroy);\n+        this.ovmap.addLayers(this.layers);\n+        this.ovmap.zoomToMaxExtent();\n+        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-left-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-right-width\"));\n+        this.wComp = this.wComp ? this.wComp : 2;\n+        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-top-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-bottom-width\"));\n+        this.hComp = this.hComp ? this.hComp : 2;\n+        this.handlers.drag = new OpenLayers.Handler.Drag(this, {\n+            move: this.rectDrag,\n+            done: this.updateMapToRect\n+        }, {\n+            map: this.ovmap\n+        });\n+        this.handlers.click = new OpenLayers.Handler.Click(this, {\n+            click: this.mapDivClick\n+        }, {\n+            single: true,\n+            double: false,\n+            stopSingle: true,\n+            stopDouble: true,\n+            pixelTolerance: 1,\n+            map: this.ovmap\n+        });\n+        this.handlers.click.activate();\n+        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle, null, true);\n+        this.rectEvents.register(\"mouseover\", this, function(e) {\n+            if (!this.handlers.drag.active && !this.map.dragging) {\n+                this.handlers.drag.activate()\n+            }\n+        });\n+        this.rectEvents.register(\"mouseout\", this, function(e) {\n+            if (!this.handlers.drag.dragging) {\n+                this.handlers.drag.deactivate()\n             }\n+        });\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            var sourceUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n+            var targetUnits = this.ovmap.getProjectionObject().getUnits() || this.ovmap.units || this.ovmap.baseLayer.units;\n+            this.resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1\n         }\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n     },\n-    parseEnvelope: function(env, arr) {\n-        if (arr && arr.length == 4) {\n-            env.minx = arr[0];\n-            env.miny = arr[1];\n-            env.maxx = arr[2];\n-            env.maxy = arr[3]\n+    updateRectToMap: function() {\n+        var bounds;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            bounds = this.map.getExtent().transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n+        } else {\n+            bounds = this.map.getExtent()\n         }\n-    },\n-    addLayers: function(ll, lyrs) {\n-        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n-            ll.push(lyrs[lind])\n+        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n+        if (pxBounds) {\n+            this.setRectPxBounds(pxBounds)\n         }\n     },\n-    addImageSize: function(imsize, olsize) {\n-        if (olsize !== null) {\n-            imsize.width = olsize.w;\n-            imsize.height = olsize.h;\n-            imsize.printwidth = olsize.w;\n-            imsize.printheight = olsize.h\n+    updateMapToRect: function() {\n+        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            lonLatBounds = lonLatBounds.transform(this.ovmap.getProjectionObject(), this.map.getProjectionObject())\n         }\n+        this.map.panTo(lonLatBounds.getCenterLonLat())\n     },\n-    addCoordSys: function(featOrFilt, fsys) {\n-        if (typeof fsys == \"string\") {\n-            featOrFilt.id = parseInt(fsys);\n-            featOrFilt.string = fsys\n-        } else if (typeof fsys == \"object\" && fsys.proj !== null) {\n-            featOrFilt.id = fsys.proj.srsProjNumber;\n-            featOrFilt.string = fsys.proj.srsCode\n+    setRectPxBounds: function(pxBounds) {\n+        var top = Math.max(pxBounds.top, 0);\n+        var left = Math.max(pxBounds.left, 0);\n+        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()), this.ovmap.size.h - this.hComp);\n+        var right = Math.min(pxBounds.left + pxBounds.getWidth(), this.ovmap.size.w - this.wComp);\n+        var width = Math.max(right - left, 0);\n+        var height = Math.max(bottom - top, 0);\n+        if (width < this.minRectSize || height < this.minRectSize) {\n+            this.extentRectangle.className = this.displayClass + this.minRectDisplayClass;\n+            var rLeft = left + width / 2 - this.minRectSize / 2;\n+            var rTop = top + height / 2 - this.minRectSize / 2;\n+            this.extentRectangle.style.top = Math.round(rTop) + \"px\";\n+            this.extentRectangle.style.left = Math.round(rLeft) + \"px\";\n+            this.extentRectangle.style.height = this.minRectSize + \"px\";\n+            this.extentRectangle.style.width = this.minRectSize + \"px\"\n         } else {\n-            featOrFilt = fsys\n+            this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n+            this.extentRectangle.style.top = Math.round(top) + \"px\";\n+            this.extentRectangle.style.left = Math.round(left) + \"px\";\n+            this.extentRectangle.style.height = Math.round(height) + \"px\";\n+            this.extentRectangle.style.width = Math.round(width) + \"px\"\n         }\n+        this.rectPxBounds = new OpenLayers.Bounds(Math.round(left), Math.round(bottom), Math.round(right), Math.round(top))\n     },\n-    iserror: function(data) {\n-        var ret = null;\n-        if (!data) {\n-            ret = this.response.error !== \"\"\n-        } else {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n-            ret = errorNodes !== null && errorNodes.length > 0\n+    getRectBoundsFromMapBounds: function(lonLatBounds) {\n+        var leftBottomPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.left,\n+            lat: lonLatBounds.bottom\n+        });\n+        var rightTopPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.right,\n+            lat: lonLatBounds.top\n+        });\n+        var bounds = null;\n+        if (leftBottomPx && rightTopPx) {\n+            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y, rightTopPx.x, rightTopPx.y)\n         }\n-        return ret\n+        return bounds\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var arcNode = null;\n-        if (data && data.documentElement) {\n-            if (data.documentElement.nodeName == \"ARCXML\") {\n-                arcNode = data.documentElement\n-            } else {\n-                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0]\n-            }\n+    getMapBoundsFromRectBounds: function(pxBounds) {\n+        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.left,\n+            y: pxBounds.bottom\n+        });\n+        var rightTopLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.right,\n+            y: pxBounds.top\n+        });\n+        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat, rightTopLonLat.lon, rightTopLonLat.lat)\n+    },\n+    getLonLatFromOverviewPx: function(overviewMapPx) {\n+        var size = this.ovmap.size;\n+        var res = this.ovmap.getResolution();\n+        var center = this.ovmap.getExtent().getCenterLonLat();\n+        var deltaX = overviewMapPx.x - size.w / 2;\n+        var deltaY = overviewMapPx.y - size.h / 2;\n+        return {\n+            lon: center.lon + deltaX * res,\n+            lat: center.lat - deltaY * res\n         }\n-        if (!arcNode || arcNode.firstChild.nodeName === \"parsererror\") {\n-            var error, source;\n-            try {\n-                error = data.firstChild.nodeValue;\n-                source = data.firstChild.childNodes[1].firstChild.nodeValue\n-            } catch (err) {}\n-            throw {\n-                message: \"Error parsing the ArcXML request\",\n-                error: error,\n-                source: source\n+    },\n+    getOverviewPxFromLonLat: function(lonlat) {\n+        var res = this.ovmap.getResolution();\n+        var extent = this.ovmap.getExtent();\n+        if (extent) {\n+            return {\n+                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n+                y: Math.round(1 / res * (extent.top - lonlat.lat))\n             }\n         }\n-        var response = this.parseResponse(arcNode);\n-        return response\n     },\n-    write: function(request) {\n-        if (!request) {\n-            request = this.request\n+    CLASS_NAME: \"OpenLayers.Control.OverviewMap\"\n+});\n+OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n+    layerIdentifier: \"_layer\",\n+    featureIdentifier: \"_feature\",\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    gmlFormat: null,\n+    read: function(data) {\n+        var result;\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        var root = this.createElementNS(\"\", \"ARCXML\");\n-        root.setAttribute(\"version\", \"1.1\");\n-        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n-        if (request.get_image != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n-            reqElem.appendChild(getElem);\n-            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n-            getElem.appendChild(propElem);\n-            var props = request.get_image.properties;\n-            if (props.featurecoordsys != null) {\n-                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                propElem.appendChild(feat);\n-                if (props.featurecoordsys.id === 0) {\n-                    feat.setAttribute(\"string\", props.featurecoordsys[\"string\"])\n-                } else {\n-                    feat.setAttribute(\"id\", props.featurecoordsys.id)\n-                }\n-            }\n-            if (props.filtercoordsys != null) {\n-                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                propElem.appendChild(filt);\n-                if (props.filtercoordsys.id === 0) {\n-                    filt.setAttribute(\"string\", props.filtercoordsys.string)\n-                } else {\n-                    filt.setAttribute(\"id\", props.filtercoordsys.id)\n-                }\n-            }\n-            if (props.envelope != null) {\n-                var env = this.createElementNS(\"\", \"ENVELOPE\");\n-                propElem.appendChild(env);\n-                env.setAttribute(\"minx\", props.envelope.minx);\n-                env.setAttribute(\"miny\", props.envelope.miny);\n-                env.setAttribute(\"maxx\", props.envelope.maxx);\n-                env.setAttribute(\"maxy\", props.envelope.maxy)\n-            }\n-            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n-            propElem.appendChild(imagesz);\n-            imagesz.setAttribute(\"height\", props.imagesize.height);\n-            imagesz.setAttribute(\"width\", props.imagesize.width);\n-            if (props.imagesize.height != props.imagesize.printheight || props.imagesize.width != props.imagesize.printwidth) {\n-                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n-                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth)\n-            }\n-            if (props.background != null) {\n-                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n-                propElem.appendChild(backgrnd);\n-                backgrnd.setAttribute(\"color\", props.background.color.r + \",\" + props.background.color.g + \",\" + props.background.color.b);\n-                if (props.background.transcolor !== null) {\n-                    backgrnd.setAttribute(\"transcolor\", props.background.transcolor.r + \",\" + props.background.transcolor.g + \",\" + props.background.transcolor.b)\n-                }\n-            }\n-            if (props.layerlist != null && props.layerlist.length > 0) {\n-                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n-                propElem.appendChild(layerlst);\n-                for (var ld = 0; ld < props.layerlist.length; ld++) {\n-                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n-                    layerlst.appendChild(ldef);\n-                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n-                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n-                    if (typeof props.layerlist[ld].query == \"object\") {\n-                        var query = props.layerlist[ld].query;\n-                        if (query.where.length < 0) {\n-                            continue\n-                        }\n-                        var queryElem = null;\n-                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n-                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n-                        } else {\n-                            queryElem = this.createElementNS(\"\", \"QUERY\")\n-                        }\n-                        queryElem.setAttribute(\"where\", query.where);\n-                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n-                            queryElem.setAttribute(\"accuracy\", query.accuracy)\n-                        }\n-                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2e3) {\n-                            queryElem.setAttribute(\"featurelimit\", query.featurelimit)\n-                        }\n-                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n-                            queryElem.setAttribute(\"subfields\", query.subfields)\n-                        }\n-                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n-                            queryElem.setAttribute(\"joinexpression\", query.joinexpression)\n-                        }\n-                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n-                            queryElem.setAttribute(\"jointables\", query.jointables)\n-                        }\n-                        ldef.appendChild(queryElem)\n-                    }\n-                    if (typeof props.layerlist[ld].renderer == \"object\") {\n-                        this.addRenderer(ldef, props.layerlist[ld].renderer)\n-                    }\n-                }\n-            }\n-        } else if (request.get_feature != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n-            getElem.setAttribute(\"outputmode\", \"newxml\");\n-            getElem.setAttribute(\"checkesc\", \"true\");\n-            if (request.get_feature.geometry) {\n-                getElem.setAttribute(\"geometry\", request.get_feature.geometry)\n+        var root = data.documentElement;\n+        if (root) {\n+            var scope = this;\n+            var read = this[\"read_\" + root.nodeName];\n+            if (read) {\n+                result = read.call(this, root)\n             } else {\n-                getElem.setAttribute(\"geometry\", \"false\")\n-            }\n-            if (request.get_feature.compact) {\n-                getElem.setAttribute(\"compact\", request.get_feature.compact)\n-            }\n-            if (request.get_feature.featurelimit == \"number\") {\n-                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit)\n-            }\n-            getElem.setAttribute(\"globalenvelope\", \"true\");\n-            reqElem.appendChild(getElem);\n-            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n-                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n-                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n-                getElem.appendChild(lyrElem)\n-            }\n-            var fquery = request.get_feature.query;\n-            if (fquery != null) {\n-                var qElem = null;\n-                if (fquery.isspatial) {\n-                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n-                } else {\n-                    qElem = this.createElementNS(\"\", \"QUERY\")\n-                }\n-                getElem.appendChild(qElem);\n-                if (typeof fquery.accuracy == \"number\") {\n-                    qElem.setAttribute(\"accuracy\", fquery.accuracy)\n-                }\n-                if (fquery.featurecoordsys != null) {\n-                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                    if (fquery.featurecoordsys.id == 0) {\n-                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string)\n-                    } else {\n-                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id)\n-                    }\n-                    qElem.appendChild(fcsElem1)\n-                }\n-                if (fquery.filtercoordsys != null) {\n-                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                    if (fquery.filtercoordsys.id === 0) {\n-                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string)\n-                    } else {\n-                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id)\n-                    }\n-                    qElem.appendChild(fcsElem2)\n-                }\n-                if (fquery.buffer > 0) {\n-                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n-                    bufElem.setAttribute(\"distance\", fquery.buffer);\n-                    qElem.appendChild(bufElem)\n-                }\n-                if (fquery.isspatial) {\n-                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n-                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n-                    qElem.appendChild(spfElem);\n-                    if (fquery.spatialfilter.envelope) {\n-                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n-                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n-                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n-                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n-                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n-                        spfElem.appendChild(envElem)\n-                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n-                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon))\n-                    }\n-                }\n-                if (fquery.where != null && fquery.where.length > 0) {\n-                    qElem.setAttribute(\"where\", fquery.where)\n-                }\n+                result = new OpenLayers.Format.GML(this.options ? this.options : {}).read(data)\n             }\n-        }\n-        root.appendChild(reqElem);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n-    },\n-    addGroupRenderer: function(ldef, toprenderer) {\n-        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n-        ldef.appendChild(topRelem);\n-        for (var rind = 0; rind < toprenderer.length; rind++) {\n-            var renderer = toprenderer[rind];\n-            this.addRenderer(topRelem, renderer)\n-        }\n-    },\n-    addRenderer: function(topRelem, renderer) {\n-        if (OpenLayers.Util.isArray(renderer)) {\n-            this.addGroupRenderer(topRelem, renderer)\n         } else {\n-            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n-            topRelem.appendChild(renderElem);\n-            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n-                this.addValueMapRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n-                this.addValueMapLabelRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n-                this.addSimpleLabelRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n-                this.addScaleDependentRenderer(renderElem, renderer)\n-            }\n-        }\n-    },\n-    addScaleDependentRenderer: function(renderElem, renderer) {\n-        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n-            renderElem.setAttribute(\"lower\", renderer.lower)\n-        }\n-        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n-            renderElem.setAttribute(\"upper\", renderer.upper)\n+            result = data\n         }\n-        this.addRenderer(renderElem, renderer.renderer)\n+        return result\n     },\n-    addValueMapLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n-        if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value)\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label)\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method)\n+    read_msGMLOutput: function(data) {\n+        var response = [];\n+        var layerNodes = this.getSiblingNodesByTagCriteria(data, this.layerIdentifier);\n+        if (layerNodes) {\n+            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n+                var node = layerNodes[i];\n+                var layerName = node.nodeName;\n+                if (node.prefix) {\n+                    layerName = layerName.split(\":\")[1]\n                 }\n-                renderElem.appendChild(eelem);\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-                    if (exact.symbol.type == \"text\") {\n-                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        var keys = this.fontStyleKeys;\n-                        for (var i = 0, len = keys.length; i < len; i++) {\n-                            var key = keys[i];\n-                            if (exact.symbol[key]) {\n-                                selem.setAttribute(key, exact.symbol[key])\n-                            }\n-                        }\n-                        eelem.appendChild(selem)\n+                var layerName = layerName.replace(this.layerIdentifier, \"\");\n+                var featureNodes = this.getSiblingNodesByTagCriteria(node, this.featureIdentifier);\n+                if (featureNodes) {\n+                    for (var j = 0; j < featureNodes.length; j++) {\n+                        var featureNode = featureNodes[j];\n+                        var geomInfo = this.parseGeometry(featureNode);\n+                        var attributes = this.parseAttributes(featureNode);\n+                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry, attributes, null);\n+                        feature.bounds = geomInfo.bounds;\n+                        feature.type = layerName;\n+                        response.push(feature)\n                     }\n                 }\n             }\n         }\n+        return response\n     },\n-    addValueMapRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        if (typeof renderer.ranges == \"object\") {\n-            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n-                var range = renderer.ranges[rng];\n-                var relem = this.createElementNS(\"\", \"RANGE\");\n-                relem.setAttribute(\"lower\", range.lower);\n-                relem.setAttribute(\"upper\", range.upper);\n-                renderElem.appendChild(relem);\n-                if (typeof range.symbol == \"object\") {\n-                    var selem = null;\n-                    if (range.symbol.type == \"simplepolygon\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        if (typeof range.symbol.boundarycolor == \"string\") {\n-                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor)\n-                        }\n-                        if (typeof range.symbol.fillcolor == \"string\") {\n-                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor)\n-                        }\n-                        if (typeof range.symbol.filltransparency == \"number\") {\n-                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency)\n-                        }\n-                        relem.appendChild(selem)\n-                    }\n-                }\n-            }\n-        } else if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value)\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label)\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method)\n+    read_FeatureInfoResponse: function(data) {\n+        var response = [];\n+        var featureNodes = this.getElementsByTagNameNS(data, \"*\", \"FIELDS\");\n+        for (var i = 0, len = featureNodes.length; i < len; i++) {\n+            var featureNode = featureNodes[i];\n+            var geom = null;\n+            var attributes = {};\n+            var j;\n+            var jlen = featureNode.attributes.length;\n+            if (jlen > 0) {\n+                for (j = 0; j < jlen; j++) {\n+                    var attribute = featureNode.attributes[j];\n+                    attributes[attribute.nodeName] = attribute.nodeValue\n                 }\n-                renderElem.appendChild(eelem);\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-                    if (exact.symbol.type == \"simplemarker\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        if (typeof exact.symbol.antialiasing == \"string\") {\n-                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing)\n-                        }\n-                        if (typeof exact.symbol.color == \"string\") {\n-                            selem.setAttribute(\"color\", exact.symbol.color)\n-                        }\n-                        if (typeof exact.symbol.outline == \"string\") {\n-                            selem.setAttribute(\"outline\", exact.symbol.outline)\n-                        }\n-                        if (typeof exact.symbol.overlap == \"string\") {\n-                            selem.setAttribute(\"overlap\", exact.symbol.overlap)\n-                        }\n-                        if (typeof exact.symbol.shadow == \"string\") {\n-                            selem.setAttribute(\"shadow\", exact.symbol.shadow)\n-                        }\n-                        if (typeof exact.symbol.transparency == \"number\") {\n-                            selem.setAttribute(\"transparency\", exact.symbol.transparency)\n-                        }\n-                        if (typeof exact.symbol.usecentroid == \"string\") {\n-                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid)\n-                        }\n-                        if (typeof exact.symbol.width == \"number\") {\n-                            selem.setAttribute(\"width\", exact.symbol.width)\n-                        }\n-                        eelem.appendChild(selem)\n+            } else {\n+                var nodes = featureNode.childNodes;\n+                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n+                    var node = nodes[j];\n+                    if (node.nodeType != 3) {\n+                        attributes[node.getAttribute(\"name\")] = node.getAttribute(\"value\")\n                     }\n                 }\n             }\n+            response.push(new OpenLayers.Feature.Vector(geom, attributes, null))\n         }\n+        return response\n     },\n-    addSimpleLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"field\", renderer.field);\n-        var keys = [\"featureweight\", \"howmanylabels\", \"labelbufferratio\", \"labelpriorities\", \"labelweight\", \"linelabelposition\", \"rotationalangles\"];\n-        for (var i = 0, len = keys.length; i < len; i++) {\n-            var key = keys[i];\n-            if (renderer[key]) {\n-                renderElem.setAttribute(key, renderer[key])\n-            }\n-        }\n-        if (renderer.symbol.type == \"text\") {\n-            var symbol = renderer.symbol;\n-            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-            renderElem.appendChild(selem);\n-            var keys = this.fontStyleKeys;\n-            for (var i = 0, len = keys.length; i < len; i++) {\n-                var key = keys[i];\n-                if (symbol[key]) {\n-                    selem.setAttribute(key, renderer[key])\n+    getSiblingNodesByTagCriteria: function(node, criteria) {\n+        var nodes = [];\n+        var children, tagName, n, matchNodes, child;\n+        if (node && node.hasChildNodes()) {\n+            children = node.childNodes;\n+            n = children.length;\n+            for (var k = 0; k < n; k++) {\n+                child = children[k];\n+                while (child && child.nodeType != 1) {\n+                    child = child.nextSibling;\n+                    k++\n                 }\n-            }\n-        }\n-    },\n-    writePolygonGeometry: function(polygon) {\n-        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n-            throw {\n-                message: \"Cannot write polygon geometry to ArcXML with an \" + polygon.CLASS_NAME + \" object.\",\n-                geometry: polygon\n-            }\n-        }\n-        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n-        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n-            var ring = polygon.components[ln];\n-            var ringElem = this.createElementNS(\"\", \"RING\");\n-            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n-                var point = ring.components[rn];\n-                var pointElem = this.createElementNS(\"\", \"POINT\");\n-                pointElem.setAttribute(\"x\", point.x);\n-                pointElem.setAttribute(\"y\", point.y);\n-                ringElem.appendChild(pointElem)\n-            }\n-            polyElem.appendChild(ringElem)\n-        }\n-        return polyElem\n-    },\n-    parseResponse: function(data) {\n-        if (typeof data == \"string\") {\n-            var newData = new OpenLayers.Format.XML;\n-            data = newData.read(data)\n-        }\n-        var response = new OpenLayers.Format.ArcXML.Response;\n-        var errorNode = data.getElementsByTagName(\"ERROR\");\n-        if (errorNode != null && errorNode.length > 0) {\n-            response.error = this.getChildValue(errorNode, \"Unknown error.\")\n-        } else {\n-            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n-            if (responseNode == null || responseNode.length == 0) {\n-                response.error = \"No RESPONSE tag found in ArcXML response.\";\n-                return response\n-            }\n-            var rtype = responseNode[0].firstChild.nodeName;\n-            if (rtype == \"#text\") {\n-                rtype = responseNode[0].firstChild.nextSibling.nodeName\n-            }\n-            if (rtype == \"IMAGE\") {\n-                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n-                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n-                if (envelopeNode == null || envelopeNode.length == 0) {\n-                    response.error = \"No ENVELOPE tag found in ArcXML response.\"\n-                } else if (outputNode == null || outputNode.length == 0) {\n-                    response.error = \"No OUTPUT tag found in ArcXML response.\"\n+                tagName = child ? child.nodeName : \"\";\n+                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n+                    nodes.push(child)\n                 } else {\n-                    var envAttr = this.parseAttributes(envelopeNode[0]);\n-                    var outputAttr = this.parseAttributes(outputNode[0]);\n-                    if (typeof outputAttr.type == \"string\") {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: {\n-                                type: outputAttr.type,\n-                                data: this.getChildValue(outputNode[0])\n-                            }\n-                        }\n-                    } else {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: outputAttr\n-                        }\n-                    }\n-                }\n-            } else if (rtype == \"FEATURES\") {\n-                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n-                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n-                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n-                if (response.features.featurecount > 0) {\n-                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n-                    response.features.envelope = this.parseAttributes(envelope[0], typeof 0);\n-                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n-                    for (var fn = 0; fn < featureList.length; fn++) {\n-                        var feature = new OpenLayers.Feature.Vector;\n-                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n-                        for (var fdn = 0; fdn < fields.length; fdn++) {\n-                            var fieldName = fields[fdn].getAttribute(\"name\");\n-                            var fieldValue = fields[fdn].getAttribute(\"value\");\n-                            feature.attributes[fieldName] = fieldValue\n-                        }\n-                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n-                        if (geom.length > 0) {\n-                            var ring = geom[0].getElementsByTagName(\"RING\");\n-                            var polys = [];\n-                            for (var rn = 0; rn < ring.length; rn++) {\n-                                var linearRings = [];\n-                                linearRings.push(this.parsePointGeometry(ring[rn]));\n-                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n-                                for (var hn = 0; hn < holes.length; hn++) {\n-                                    linearRings.push(this.parsePointGeometry(holes[hn]))\n-                                }\n-                                holes = null;\n-                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n-                                linearRings = null\n-                            }\n-                            ring = null;\n-                            if (polys.length == 1) {\n-                                feature.geometry = polys[0]\n-                            } else {\n-                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys)\n-                            }\n-                        }\n-                        response.features.feature.push(feature)\n+                    matchNodes = this.getSiblingNodesByTagCriteria(child, criteria);\n+                    if (matchNodes.length > 0) {\n+                        nodes.length == 0 ? nodes = matchNodes : nodes.push(matchNodes)\n                     }\n                 }\n-            } else {\n-                response.error = \"Unidentified response type.\"\n             }\n         }\n-        return response\n+        return nodes\n     },\n-    parseAttributes: function(node, type) {\n+    parseAttributes: function(node) {\n         var attributes = {};\n-        for (var attr = 0; attr < node.attributes.length; attr++) {\n-            if (type == \"number\") {\n-                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue)\n-            } else {\n-                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue\n+        if (node.nodeType == 1) {\n+            var children = node.childNodes;\n+            var n = children.length;\n+            for (var i = 0; i < n; ++i) {\n+                var child = children[i];\n+                if (child.nodeType == 1) {\n+                    var grandchildren = child.childNodes;\n+                    var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n+                    if (grandchildren.length == 0) {\n+                        attributes[name] = null\n+                    } else if (grandchildren.length == 1) {\n+                        var grandchild = grandchildren[0];\n+                        if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                            var value = grandchild.nodeValue.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value\n+                        }\n+                    }\n+                }\n             }\n         }\n         return attributes\n     },\n-    parsePointGeometry: function(node) {\n-        var ringPoints = [];\n-        var coords = node.getElementsByTagName(\"COORDS\");\n-        if (coords.length > 0) {\n-            var coordArr = this.getChildValue(coords[0]);\n-            coordArr = coordArr.split(/;/);\n-            for (var cn = 0; cn < coordArr.length; cn++) {\n-                var coordItems = coordArr[cn].split(/ /);\n-                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]))\n-            }\n-            coords = null\n-        } else {\n-            var point = node.getElementsByTagName(\"POINT\");\n-            if (point.length > 0) {\n-                for (var pn = 0; pn < point.length; pn++) {\n-                    ringPoints.push(new OpenLayers.Geometry.Point(parseFloat(point[pn].getAttribute(\"x\")), parseFloat(point[pn].getAttribute(\"y\"))))\n-                }\n-            }\n-            point = null\n+    parseGeometry: function(node) {\n+        if (!this.gmlFormat) {\n+            this.gmlFormat = new OpenLayers.Format.GML\n+        }\n+        var feature = this.gmlFormat.parseFeature(node);\n+        var geometry, bounds = null;\n+        if (feature) {\n+            geometry = feature.geometry && feature.geometry.clone();\n+            bounds = feature.bounds && feature.bounds.clone();\n+            feature.destroy()\n+        }\n+        return {\n+            geometry: geometry,\n+            bounds: bounds\n         }\n-        return new OpenLayers.Geometry.LinearRing(ringPoints)\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n-});\n-OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            get_image: {\n-                properties: {\n-                    background: null,\n-                    draw: true,\n-                    envelope: {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    },\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    imagesize: {\n-                        height: 0,\n-                        width: 0,\n-                        dpi: 96,\n-                        printheight: 0,\n-                        printwidth: 0,\n-                        scalesymbols: false\n-                    },\n-                    layerlist: [],\n-                    output: {\n-                        baseurl: \"\",\n-                        legendbaseurl: \"\",\n-                        legendname: \"\",\n-                        legendpath: \"\",\n-                        legendurl: \"\",\n-                        name: \"\",\n-                        path: \"\",\n-                        type: \"jpg\",\n-                        url: \"\"\n-                    }\n-                }\n-            },\n-            get_feature: {\n-                layer: \"\",\n-                query: {\n-                    isspatial: false,\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    buffer: 0,\n-                    where: \"\",\n-                    spatialfilter: {\n-                        relation: \"envelope_intersection\",\n-                        envelope: null\n-                    }\n-                }\n-            },\n-            environment: {\n-                separators: {\n-                    cs: \" \",\n-                    ts: \";\"\n-                }\n-            },\n-            layer: [],\n-            workspaces: []\n-        };\n-        return OpenLayers.Util.extend(this, defaults)\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n-});\n-OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            image: {\n-                envelope: null,\n-                output: \"\"\n-            },\n-            features: {\n-                featurecount: 0,\n-                envelope: null,\n-                feature: []\n-            },\n-            error: \"\"\n-        };\n-        return OpenLayers.Util.extend(this, defaults)\n     },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n });\n-OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        ClientVersion: \"9.2\",\n-        ServiceName: \"\"\n-    },\n-    featureCoordSys: \"4326\",\n-    filterCoordSys: \"4326\",\n+OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n+    hover: false,\n+    drillDown: false,\n+    maxFeatures: 10,\n+    clickCallback: \"click\",\n+    output: \"features\",\n     layers: null,\n-    async: true,\n-    name: \"ArcIMS\",\n-    isBaseLayer: true,\n-    DEFAULT_OPTIONS: {\n-        tileSize: new OpenLayers.Size(512, 512),\n-        featureCoordSys: \"4326\",\n-        filterCoordSys: \"4326\",\n-        layers: null,\n-        isBaseLayer: true,\n-        async: true,\n-        name: \"ArcIMS\"\n-    },\n-    initialize: function(name, url, options) {\n-        this.tileSize = new OpenLayers.Size(512, 512);\n-        this.params = OpenLayers.Util.applyDefaults({\n-            ServiceName: options.serviceName\n-        }, this.DEFAULT_PARAMS);\n-        this.options = OpenLayers.Util.applyDefaults(options, this.DEFAULT_OPTIONS);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, this.params, options]);\n-        if (this.transparent) {\n-            if (!this.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.format == \"image/jpeg\") {\n-                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n-            }\n+    queryVisible: false,\n+    url: null,\n+    layerUrls: null,\n+    infoFormat: \"text/html\",\n+    vendorParams: {},\n+    format: null,\n+    formatOptions: null,\n+    handler: null,\n+    hoverRequest: null,\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n         }\n-        if (this.options.layers === null) {\n-            this.options.layers = []\n+        if (this.drillDown === true) {\n+            this.hover = false\n+        }\n+        if (this.hover) {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                move: this.cancelHover,\n+                pause: this.getInfoForHover\n+            }, OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n+                delay: 250\n+            }))\n+        } else {\n+            var callbacks = {};\n+            callbacks[this.clickCallback] = this.getInfoForClick;\n+            this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n         }\n     },\n-    getURL: function(bounds) {\n-        var url = \"\";\n-        bounds = this.adjustBounds(bounds);\n-        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n-            requesttype: \"image\",\n-            envelope: bounds.toArray(),\n-            tileSize: this.tileSize\n-        }));\n-        var req = new OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            data: axlReq.write(),\n-            async: false\n+    getInfoForClick: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n         });\n-        if (req != null) {\n-            var doc = req.responseXML;\n-            if (!doc || !doc.documentElement) {\n-                doc = req.responseText\n-            }\n-            var axlResp = new OpenLayers.Format.ArcXML;\n-            var arcxml = axlResp.read(doc);\n-            url = this.getUrlOrImage(arcxml.image.output)\n-        }\n-        return url\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        this.request(evt.xy, {})\n     },\n-    getURLasync: function(bounds, callback, scope) {\n-        bounds = this.adjustBounds(bounds);\n-        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n-            requesttype: \"image\",\n-            envelope: bounds.toArray(),\n-            tileSize: this.tileSize\n-        }));\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            async: true,\n-            data: axlReq.write(),\n-            callback: function(req) {\n-                var doc = req.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = req.responseText\n-                }\n-                var axlResp = new OpenLayers.Format.ArcXML;\n-                var arcxml = axlResp.read(doc);\n-                callback.call(scope, this.getUrlOrImage(arcxml.image.output))\n-            },\n-            scope: this\n+    getInfoForHover: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        this.request(evt.xy, {\n+            hover: true\n         })\n     },\n-    getUrlOrImage: function(output) {\n-        var ret = \"\";\n-        if (output.url) {\n-            ret = output.url\n-        } else if (output.data) {\n-            ret = \"data:image/\" + output.type + \";base64,\" + output.data\n+    cancelHover: function() {\n+        if (this.hoverRequest) {\n+            this.hoverRequest.abort();\n+            this.hoverRequest = null\n         }\n-        return ret\n     },\n-    setLayerQuery: function(id, querydef) {\n-        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n-            if (id == this.options.layers[lyr].id) {\n-                this.options.layers[lyr].query = querydef;\n-                return\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer, url;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.WMS && (!this.queryVisible || layer.getVisibility())) {\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (this.drillDown === false && !this.url) {\n+                    this.url = url\n+                }\n+                if (this.drillDown === true || this.urlMatches(url)) {\n+                    layers.push(layer)\n+                }\n             }\n         }\n-        this.options.layers.push({\n-            id: id,\n-            visible: true,\n-            query: querydef\n-        })\n+        return layers\n     },\n-    getFeatureInfo: function(geometry, layer, options) {\n-        var buffer = options.buffer || 1;\n-        var callback = options.callback || function() {};\n-        var scope = options.scope || window;\n-        var requestOptions = {};\n-        OpenLayers.Util.extend(requestOptions, this.options);\n-        requestOptions.requesttype = \"feature\";\n-        if (geometry instanceof OpenLayers.LonLat) {\n-            requestOptions.polygon = null;\n-            requestOptions.envelope = [geometry.lon - buffer, geometry.lat - buffer, geometry.lon + buffer, geometry.lat + buffer]\n-        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n-            requestOptions.envelope = null;\n-            requestOptions.polygon = geometry\n-        }\n-        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n-        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n-        arcxml.request.get_feature.layer = layer.id;\n-        if (typeof layer.query.accuracy == \"number\") {\n-            arcxml.request.get_feature.query.accuracy = layer.query.accuracy\n-        } else {\n-            var mapCenter = this.map.getCenter();\n-            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n-            viewPx.x++;\n-            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n-            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon\n-        }\n-        arcxml.request.get_feature.query.where = layer.query.where;\n-        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString({\n-                CustomService: \"Query\"\n-            }),\n-            data: arcxml.write(),\n-            callback: function(request) {\n-                var response = arcxml.parseResponse(request.responseText);\n-                if (!arcxml.iserror()) {\n-                    callback.call(scope, response.features)\n-                } else {\n-                    callback.call(scope, null)\n+    urlMatches: function(url) {\n+        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n+        if (!matches && this.layerUrls) {\n+            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n+                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n+                    matches = true;\n+                    break\n                 }\n             }\n-        })\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcIMS(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n-});\n-OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {},\n-    isBaseLayer: true,\n-    lzd: null,\n-    zoomLevels: null,\n-    initialize: function(name, url, lzd, zoomLevels, params, options) {\n-        this.lzd = lzd;\n-        this.zoomLevels = zoomLevels;\n-        var newArguments = [];\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n-    },\n-    getZoom: function() {\n-        var zoom = this.map.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n-        return zoom\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var zoom = this.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        var deg = this.lzd / Math.pow(2, this.getZoom());\n-        var x = Math.floor((bounds.left - extent.left) / deg);\n-        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n-        if (this.map.getResolution() <= this.lzd / 512 && this.getZoom() <= this.zoomLevels) {\n-            return this.getFullRequestString({\n-                L: zoom,\n-                X: x,\n-                Y: y\n-            })\n-        } else {\n-            return OpenLayers.Util.getImageLocation(\"blank.gif\")\n         }\n+        return matches\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n-});\n-OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        format: \"png\"\n-    },\n-    isBaseLayer: true,\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n-        if (this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-            if (options == null || !options.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.params.FORMAT == \"jpg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" : \"png\"\n+    buildWMSOptions: function(url, layers, clickPosition, format) {\n+        var layerNames = [],\n+            styleNames = [];\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            if (layers[i].params.LAYERS != null) {\n+                layerNames = layerNames.concat(layers[i].params.LAYERS);\n+                styleNames = styleNames.concat(this.getStyleNames(layers[i]))\n             }\n         }\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var projWords = this.projection.getCode().split(\":\");\n-        var srid = projWords[projWords.length - 1];\n-        var imageSize = this.getImageSize();\n-        var newParams = {\n-            BBOX: bounds.toBBOX(),\n-            SIZE: imageSize.w + \",\" + imageSize.h,\n-            F: \"image\",\n-            BBOXSR: srid,\n-            IMAGESR: srid\n-        };\n-        if (this.layerDefs) {\n-            var layerDefStrList = [];\n-            var layerID;\n-            for (layerID in this.layerDefs) {\n-                if (this.layerDefs.hasOwnProperty(layerID)) {\n-                    if (this.layerDefs[layerID]) {\n-                        layerDefStrList.push(layerID);\n-                        layerDefStrList.push(\":\");\n-                        layerDefStrList.push(this.layerDefs[layerID]);\n-                        layerDefStrList.push(\";\")\n-                    }\n-                }\n-            }\n-            if (layerDefStrList.length > 0) {\n-                newParams[\"LAYERDEFS\"] = layerDefStrList.join(\"\")\n-            }\n+        var firstLayer = layers[0];\n+        var projection = this.map.getProjection();\n+        var layerProj = firstLayer.projection;\n+        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n+            projection = layerProj.getCode()\n         }\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString\n-    },\n-    setLayerFilter: function(id, queryDef) {\n-        if (!this.layerDefs) {\n-            this.layerDefs = {}\n+        var params = OpenLayers.Util.extend({\n+            service: \"WMS\",\n+            version: firstLayer.params.VERSION,\n+            request: \"GetFeatureInfo\",\n+            exceptions: firstLayer.params.EXCEPTIONS,\n+            bbox: this.map.getExtent().toBBOX(null, firstLayer.reverseAxisOrder()),\n+            feature_count: this.maxFeatures,\n+            height: this.map.getSize().h,\n+            width: this.map.getSize().w,\n+            format: format,\n+            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n+        }, parseFloat(firstLayer.params.VERSION) >= 1.3 ? {\n+            crs: projection,\n+            i: parseInt(clickPosition.x),\n+            j: parseInt(clickPosition.y)\n+        } : {\n+            srs: projection,\n+            x: parseInt(clickPosition.x),\n+            y: parseInt(clickPosition.y)\n+        });\n+        if (layerNames.length != 0) {\n+            params = OpenLayers.Util.extend({\n+                layers: layerNames,\n+                query_layers: layerNames,\n+                styles: styleNames\n+            }, params)\n         }\n-        if (queryDef) {\n-            this.layerDefs[id] = queryDef\n-        } else {\n-            delete this.layerDefs[id]\n+        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n+        return {\n+            url: url,\n+            params: OpenLayers.Util.upperCaseObject(params),\n+            callback: function(request) {\n+                this.handleResponse(clickPosition, request, url)\n+            },\n+            scope: this\n         }\n     },\n-    clearLayerFilter: function(id) {\n-        if (id) {\n-            delete this.layerDefs[id]\n+    getStyleNames: function(layer) {\n+        var styleNames;\n+        if (layer.params.STYLES) {\n+            styleNames = layer.params.STYLES\n         } else {\n-            delete this.layerDefs\n+            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n+                styleNames = new Array(layer.params.LAYERS.length)\n+            } else {\n+                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\")\n+            }\n         }\n+        return styleNames\n     },\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n-});\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    sphericalMercator: false,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options)\n+    request: function(clickPosition, options) {\n+        var layers = this.findLayers();\n+        if (layers.length == 0) {\n+            this.events.triggerEvent(\"nogetfeatureinfo\");\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            return\n         }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n+        options = options || {};\n+        if (this.drillDown === false) {\n+            var wmsOptions = this.buildWMSOptions(this.url, layers, clickPosition, layers[0].params.FORMAT);\n+            var request = OpenLayers.Request.GET(wmsOptions);\n+            if (options.hover === true) {\n+                this.hoverRequest = request\n+            }\n+        } else {\n+            this._requestCount = 0;\n+            this._numRequests = 0;\n+            this.features = [];\n+            var services = {},\n+                url;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                var service, found = false;\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (url in services) {\n+                    services[url].push(layer)\n+                } else {\n+                    this._numRequests++;\n+                    services[url] = [layer]\n+                }\n+            }\n+            var layers;\n+            for (var url in services) {\n+                layers = services[url];\n+                var wmsOptions = this.buildWMSOptions(url, layers, clickPosition, layers[0].params.FORMAT);\n+                OpenLayers.Request.GET(wmsOptions)\n+            }\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n     },\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = \"\" + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url)\n-        }\n-        return OpenLayers.String.format(url, xyz)\n+    triggerGetFeatureInfo: function(request, xy, features) {\n+        this.events.triggerEvent(\"getfeatureinfo\", {\n+            text: request.responseText,\n+            features: features,\n+            request: request,\n+            xy: xy\n+        });\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n     },\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = (x % limit + limit) % limit\n-        }\n-        return {\n-            x: x,\n-            y: y,\n-            z: z\n+    handleResponse: function(xy, request, url) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n         }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n+        var features = this.format.read(doc);\n+        if (this.drillDown === false) {\n+            this.triggerGetFeatureInfo(request, xy, features)\n+        } else {\n+            this._requestCount++;\n+            if (this.output === \"object\") {\n+                this._features = (this._features || []).concat({\n+                    url: url,\n+                    features: features\n+                })\n+            } else {\n+                this._features = (this._features || []).concat(features)\n+            }\n+            if (this._requestCount === this._numRequests) {\n+                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n+                delete this._features;\n+                delete this._requestCount;\n+                delete this._numRequests\n+            }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n });\n-OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n-    url: null,\n-    utfgridResolution: 2,\n-    json: null,\n-    format: null,\n-    destroy: function() {\n-        this.clear();\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n-    },\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    out: false,\n+    keyMask: null,\n+    alwaysZoom: false,\n+    zoomOnClick: true,\n     draw: function() {\n-        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (drawn) {\n-            if (this.isLoading) {\n-                this.abortLoading();\n-                this.events.triggerEvent(\"reload\")\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n+        })\n+    },\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds, targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n             } else {\n-                this.isLoading = true;\n-                this.events.triggerEvent(\"loadstart\")\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n+                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n+                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n+                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n             }\n-            this.url = this.layer.getURL(this.bounds);\n-            if (this.layer.useJSONP) {\n-                var ols = new OpenLayers.Protocol.Script({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        this.json = response.data\n-                    },\n-                    scope: this\n-                });\n-                ols.read();\n-                this.request = ols\n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n             } else {\n-                this.request = OpenLayers.Request.GET({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        if (response.status === 200) {\n-                            this.parseData(response.responseText)\n-                        }\n-                    },\n-                    scope: this\n-                })\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx)\n             }\n-        } else {\n-            this.unload()\n-        }\n-        return drawn\n-    },\n-    abortLoading: function() {\n-        if (this.request) {\n-            this.request.abort();\n-            delete this.request\n-        }\n-        this.isLoading = false\n-    },\n-    getFeatureInfo: function(i, j) {\n-        var info = null;\n-        if (this.json) {\n-            var id = this.getFeatureId(i, j);\n-            if (id !== null) {\n-                info = {\n-                    id: id,\n-                    data: this.json.data[id]\n-                }\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n             }\n-        }\n-        return info\n-    },\n-    getFeatureId: function(i, j) {\n-        var id = null;\n-        if (this.json) {\n-            var resolution = this.utfgridResolution;\n-            var row = Math.floor(j / resolution);\n-            var col = Math.floor(i / resolution);\n-            var charCode = this.json.grid[row].charCodeAt(col);\n-            var index = this.indexFromCharCode(charCode);\n-            var keys = this.json.keys;\n-            if (!isNaN(index) && index in keys) {\n-                id = keys[index]\n+        } else if (this.zoomOnClick) {\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position)\n+            } else {\n+                this.map.zoomTo(this.map.getZoom() - 1, position)\n             }\n         }\n-        return id\n-    },\n-    indexFromCharCode: function(charCode) {\n-        if (charCode >= 93) {\n-            charCode--\n-        }\n-        if (charCode >= 35) {\n-            charCode--\n-        }\n-        return charCode - 32\n-    },\n-    parseData: function(str) {\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.JSON\n-        }\n-        this.json = this.format.read(str)\n-    },\n-    clear: function() {\n-        this.json = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n-});\n-OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    isBaseLayer: false,\n-    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n-    useJSONP: false,\n-    tileClass: OpenLayers.Tile.UTFGrid,\n-    initialize: function(options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [options.name, options.url, {}, options]);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            utfgridResolution: this.utfgridResolution\n-        }, this.tileOptions)\n-    },\n-    createBackBuffer: function() {},\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.UTFGrid(this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getFeatureInfo: function(location) {\n-        var info = null;\n-        var tileInfo = this.getTileData(location);\n-        if (tileInfo && tileInfo.tile) {\n-            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j)\n-        }\n-        return info\n-    },\n-    getFeatureId: function(location) {\n-        var id = null;\n-        var info = this.getTileData(location);\n-        if (info.tile) {\n-            id = info.tile.getFeatureId(info.i, info.j)\n-        }\n-        return id\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n });\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    key: null,\n-    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n-    metadata: null,\n-    protocolRegex: /^http:/i,\n-    type: \"Road\",\n-    culture: \"en-US\",\n-    metadataParams: null,\n-    tileOptions: null,\n-    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n-    initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options.tileOptions);\n-        this.loadMetadata()\n-    },\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script)\n+OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n+    element: null,\n+    geodesic: false,\n+    initialize: function(element, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.element = OpenLayers.Util.getElement(element)\n     },\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n-        }\n-        this.addOptions({\n-            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n-            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw()\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.element = document.createElement(\"div\");\n+            this.div.appendChild(this.element)\n         }\n-        this.updateAttribution()\n+        this.map.events.register(\"moveend\", this, this.updateScale);\n+        this.updateScale();\n+        return this.div\n     },\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = \"0\";\n-            var mask = 1 << i - 1;\n-            if ((x & mask) != 0) {\n-                digit++\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++\n+    updateScale: function() {\n+        var scale;\n+        if (this.geodesic === true) {\n+            var units = this.map.getUnits();\n+            if (!units) {\n+                return\n             }\n-            quadDigits.push(digit)\n+            var inches = OpenLayers.INCHES_PER_UNIT;\n+            scale = (this.map.getGeodesicPixelSize().w || 1e-6) * inches[\"km\"] * OpenLayers.DOTS_PER_INCH\n+        } else {\n+            scale = this.map.getScale()\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl(\"\" + x + y + z, this.url);\n-        return OpenLayers.String.format(url, {\n-            quadkey: quadKey\n-        })\n-    },\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+        if (!scale) {\n             return\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \"\n-                }\n-            }\n+        if (scale >= 9500 && scale <= 95e4) {\n+            scale = Math.round(scale / 1e3) + \"K\"\n+        } else if (scale >= 95e4) {\n+            scale = Math.round(scale / 1e6) + \"M\"\n+        } else {\n+            scale = Math.round(scale)\n         }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n+        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n+            scaleDenom: scale\n         })\n     },\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options)\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    destroy: function() {\n-        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n+    CLASS_NAME: \"OpenLayers.Control.Scale\"\n });\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined;\n-    delete this._callbackId\n-};\n-OpenLayers.Layer.Markers = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: false,\n-    markers: null,\n-    drawn: false,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        this.markers = []\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+    controls: null,\n+    autoActivate: true,\n+    defaultControl: null,\n+    saveState: false,\n+    allowDepress: false,\n+    activeState: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {}\n     },\n     destroy: function() {\n-        this.clearMarkers();\n-        this.markers = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    setOpacity: function(opacity) {\n-        if (opacity != this.opacity) {\n-            this.opacity = opacity;\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                this.markers[i].setOpacity(this.opacity)\n-            }\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n         }\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        if (zoomChanged || !this.drawn) {\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                this.drawMarker(this.markers[i])\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                })\n             }\n-            this.drawn = true\n-        }\n-    },\n-    addMarker: function(marker) {\n-        this.markers.push(marker);\n-        if (this.opacity < 1) {\n-            marker.setOpacity(this.opacity)\n-        }\n-        if (this.map && this.map.getExtent()) {\n-            marker.map = this.map;\n-            this.drawMarker(marker)\n-        }\n-    },\n-    removeMarker: function(marker) {\n-        if (this.markers && this.markers.length) {\n-            OpenLayers.Util.removeItem(this.markers, marker);\n-            marker.erase()\n+            ctl.panel_div = null\n         }\n+        this.activeState = null\n     },\n-    clearMarkers: function() {\n-        if (this.markers != null) {\n-            while (this.markers.length > 0) {\n-                this.removeMarker(this.markers[0])\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n+                    control.activate()\n+                }\n             }\n-        }\n-    },\n-    drawMarker: function(marker) {\n-        var px = this.map.getLayerPxFromLonLat(marker.lonlat);\n-        if (px == null) {\n-            marker.display(false)\n-        } else {\n-            if (!marker.isDrawn()) {\n-                var markerImg = marker.draw(px);\n-                this.div.appendChild(markerImg)\n-            } else if (marker.icon) {\n-                marker.icon.moveTo(px)\n+            if (this.saveState === true) {\n+                this.defaultControl = null\n             }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n         }\n     },\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        if (this.markers && this.markers.length > 0) {\n-            var maxExtent = new OpenLayers.Bounds;\n-            for (var i = 0, len = this.markers.length; i < len; i++) {\n-                var marker = this.markers[i];\n-                maxExtent.extend(marker.lonlat)\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate()\n             }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n         }\n-        return maxExtent\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.Markers\"\n-});\n-OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n-    defaultStyle: null,\n-    extractStyles: true,\n-    initialize: function(options) {\n-        options = options || {};\n-        if (options.extractStyles !== false) {\n-            options.defaultStyle = {\n-                externalGraphic: OpenLayers.Util.getImageLocation(\"marker.png\"),\n-                graphicWidth: 21,\n-                graphicHeight: 25,\n-                graphicXOffset: -10.5,\n-                graphicYOffset: -12.5\n-            }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n         }\n-        OpenLayers.Format.prototype.initialize.apply(this, [options])\n+        this.addControlsToMap(this.controls);\n+        return this.div\n     },\n-    read: function(text) {\n-        var lines = text.split(\"\\n\");\n-        var columns;\n-        var features = [];\n-        for (var lcv = 0; lcv < lines.length - 1; lcv++) {\n-            var currLine = lines[lcv].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\n-            if (currLine.charAt(0) != \"#\") {\n-                if (!columns) {\n-                    columns = currLine.split(\"\\t\")\n-                } else {\n-                    var vals = currLine.split(\"\\t\");\n-                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n-                    var attributes = {};\n-                    var style = this.defaultStyle ? OpenLayers.Util.applyDefaults({}, this.defaultStyle) : null;\n-                    var icon, iconSize, iconOffset, overflow;\n-                    var set = false;\n-                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n-                        if (vals[valIndex]) {\n-                            if (columns[valIndex] == \"point\") {\n-                                var coords = vals[valIndex].split(\",\");\n-                                geometry.y = parseFloat(coords[0]);\n-                                geometry.x = parseFloat(coords[1]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"lat\") {\n-                                geometry.y = parseFloat(vals[valIndex]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"lon\") {\n-                                geometry.x = parseFloat(vals[valIndex]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"title\") attributes[\"title\"] = vals[valIndex];\n-                            else if (columns[valIndex] == \"image\" || columns[valIndex] == \"icon\" && style) {\n-                                style[\"externalGraphic\"] = vals[valIndex]\n-                            } else if (columns[valIndex] == \"iconSize\" && style) {\n-                                var size = vals[valIndex].split(\",\");\n-                                style[\"graphicWidth\"] = parseFloat(size[0]);\n-                                style[\"graphicHeight\"] = parseFloat(size[1])\n-                            } else if (columns[valIndex] == \"iconOffset\" && style) {\n-                                var offset = vals[valIndex].split(\",\");\n-                                style[\"graphicXOffset\"] = parseFloat(offset[0]);\n-                                style[\"graphicYOffset\"] = parseFloat(offset[1])\n-                            } else if (columns[valIndex] == \"description\") {\n-                                attributes[\"description\"] = vals[valIndex]\n-                            } else if (columns[valIndex] == \"overflow\") {\n-                                attributes[\"overflow\"] = vals[valIndex]\n-                            } else {\n-                                attributes[columns[valIndex]] = vals[valIndex]\n-                            }\n-                        }\n-                    }\n-                    if (set) {\n-                        if (this.internalProjection && this.externalProjection) {\n-                            geometry.transform(this.externalProjection, this.internalProjection)\n-                        }\n-                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n-                        features.push(feature)\n-                    }\n-                }\n-            }\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i])\n         }\n-        return features\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.Text\"\n-});\n-OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    location: null,\n-    features: null,\n-    formatOptions: null,\n-    selectedFeature: null,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n-        this.features = []\n-    },\n-    destroy: function() {\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null\n-    },\n-    loadText: function() {\n-        if (!this.loaded) {\n-            if (this.location != null) {\n-                var onFail = function(e) {\n-                    this.events.triggerEvent(\"loadend\")\n-                };\n-                this.events.triggerEvent(\"loadstart\");\n-                OpenLayers.Request.GET({\n-                    url: this.location,\n-                    success: this.parseData,\n-                    failure: onFail,\n-                    scope: this\n-                });\n-                this.loaded = true\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div)\n             }\n         }\n     },\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadText()\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false\n         }\n-    },\n-    parseData: function(ajaxRequest) {\n-        var text = ajaxRequest.responseText;\n-        var options = {};\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject()\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return\n         }\n-        var parser = new OpenLayers.Format.Text(options);\n-        var features = parser.read(text);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            var location;\n-            var iconSize, iconOffset;\n-            location = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y);\n-            if (feature.style.graphicWidth && feature.style.graphicHeight) {\n-                iconSize = new OpenLayers.Size(feature.style.graphicWidth, feature.style.graphicHeight)\n-            }\n-            if (feature.style.graphicXOffset !== undefined && feature.style.graphicYOffset !== undefined) {\n-                iconOffset = new OpenLayers.Pixel(feature.style.graphicXOffset, feature.style.graphicYOffset)\n-            }\n-            if (feature.style.externalGraphic != null) {\n-                data.icon = new OpenLayers.Icon(feature.style.externalGraphic, iconSize, iconOffset)\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate()\n             } else {\n-                data.icon = OpenLayers.Marker.defaultIcon();\n-                if (iconSize != null) {\n-                    data.icon.setSize(iconSize)\n-                }\n-            }\n-            if (feature.attributes.title != null && feature.attributes.description != null) {\n-                data[\"popupContentHTML\"] = \"<h2>\" + feature.attributes.title + \"</h2>\" + \"<p>\" + feature.attributes.description + \"</p>\"\n-            }\n-            data[\"overflow\"] = feature.attributes.overflow || \"auto\";\n-            var markerFeature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(markerFeature);\n-            var marker = markerFeature.createMarker();\n-            if (feature.attributes.title != null && feature.attributes.description != null) {\n-                marker.events.register(\"click\", markerFeature, this.markerClick)\n-            }\n-            this.addMarker(marker)\n-        }\n-        this.events.triggerEvent(\"loadend\")\n-    },\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = this == this.layer.selectedFeature;\n-        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i])\n-        }\n-        if (!sameMarkerClicked) {\n-            this.layer.map.addPopup(this.createPopup())\n-        }\n-        OpenLayers.Event.stop(evt)\n-    },\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy()\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Text\"\n-});\n-OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    version: \"1.0.0\",\n-    requestEncoding: \"KVP\",\n-    url: null,\n-    layer: null,\n-    matrixSet: null,\n-    style: null,\n-    format: \"image/jpeg\",\n-    tileOrigin: null,\n-    tileFullExtent: null,\n-    formatSuffix: null,\n-    matrixIds: null,\n-    dimensions: null,\n-    params: null,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    formatSuffixMap: {\n-        \"image/png\": \"png\",\n-        \"image/png8\": \"png\",\n-        \"image/png24\": \"png\",\n-        \"image/png32\": \"png\",\n-        png: \"png\",\n-        \"image/jpeg\": \"jpg\",\n-        \"image/jpg\": \"jpg\",\n-        jpeg: \"jpg\",\n-        jpg: \"jpg\"\n-    },\n-    matrix: null,\n-    initialize: function(config) {\n-        var required = {\n-            url: true,\n-            layer: true,\n-            style: true,\n-            matrixSet: true\n-        };\n-        for (var prop in required) {\n-            if (!(prop in config)) {\n-                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\")\n+                control.activate()\n             }\n+            return\n         }\n-        config.params = OpenLayers.Util.upperCaseObject(config.params);\n-        var args = [config.name, config.url, config.params, config];\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n-        if (!this.formatSuffix) {\n-            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop()\n-        }\n-        if (this.matrixIds) {\n-            var len = this.matrixIds.length;\n-            if (len && typeof this.matrixIds[0] === \"string\") {\n-                var ids = this.matrixIds;\n-                this.matrixIds = new Array(len);\n-                for (var i = 0; i < len; ++i) {\n-                    this.matrixIds[i] = {\n-                        identifier: ids[i]\n-                    }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate()\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate()\n                 }\n             }\n+            control.activate()\n         }\n     },\n-    setMap: function() {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments)\n-    },\n-    updateMatrixProperties: function() {\n-        this.matrix = this.getMatrix();\n-        if (this.matrix) {\n-            if (this.matrix.topLeftCorner) {\n-                this.tileOrigin = this.matrix.topLeftCorner\n-            }\n-            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n-                this.tileSize = new OpenLayers.Size(this.matrix.tileWidth, this.matrix.tileHeight)\n-            }\n-            if (!this.tileOrigin) {\n-                this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.top)\n-            }\n-            if (!this.tileFullExtent) {\n-                this.tileFullExtent = this.maxExtent\n-            }\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        if (zoomChanged || !this.matrix) {\n-            this.updateMatrixProperties()\n-        }\n-        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMTS(this.options)\n+    addControls: function(controls) {\n+        if (!OpenLayers.Util.isArray(controls)) {\n+            controls = [controls]\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getIdentifier: function() {\n-        return this.getServerZoom()\n-    },\n-    getMatrix: function() {\n-        var matrix;\n-        if (!this.matrixIds || this.matrixIds.length === 0) {\n-            matrix = {\n-                identifier: this.getIdentifier()\n-            }\n-        } else {\n-            if (\"scaleDenominator\" in this.matrixIds[0]) {\n-                var denom = OpenLayers.METERS_PER_INCH * OpenLayers.INCHES_PER_UNIT[this.units] * this.getServerResolution() / 28e-5;\n-                var diff = Number.POSITIVE_INFINITY;\n-                var delta;\n-                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n-                    delta = Math.abs(1 - this.matrixIds[i].scaleDenominator / denom);\n-                    if (delta < diff) {\n-                        diff = delta;\n-                        matrix = this.matrixIds[i]\n-                    }\n-                }\n-            } else {\n-                matrix = this.matrixIds[this.getIdentifier()]\n+        this.controls = this.controls.concat(controls);\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title\n             }\n+            control.panel_div = element\n         }\n-        return matrix\n-    },\n-    getTileInfo: function(loc) {\n-        var res = this.getServerResolution();\n-        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n-        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n-        var col = Math.floor(fx);\n-        var row = Math.floor(fy);\n-        return {\n-            col: col,\n-            row: row,\n-            i: Math.floor((fx - col) * this.tileSize.w),\n-            j: Math.floor((fy - row) * this.tileSize.h)\n+        if (this.map) {\n+            this.addControlsToMap(controls);\n+            this.redraw()\n         }\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var url = \"\";\n-        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n-            var center = bounds.getCenterLonLat();\n-            var info = this.getTileInfo(center);\n-            var matrixId = this.matrix.identifier;\n-            var dimensions = this.dimensions,\n-                params;\n-            if (OpenLayers.Util.isArray(this.url)) {\n-                url = this.selectUrl([this.version, this.style, this.matrixSet, this.matrix.identifier, info.row, info.col].join(\",\"), this.url)\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\")\n+    },\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true\n             } else {\n-                url = this.url\n-            }\n-            if (this.requestEncoding.toUpperCase() === \"REST\") {\n-                params = this.params;\n-                if (url.indexOf(\"{\") !== -1) {\n-                    var template = url.replace(/\\{/g, \"${\");\n-                    var context = {\n-                        style: this.style,\n-                        Style: this.style,\n-                        TileMatrixSet: this.matrixSet,\n-                        TileMatrix: this.matrix.identifier,\n-                        TileRow: info.row,\n-                        TileCol: info.col\n-                    };\n-                    if (dimensions) {\n-                        var dimension, i;\n-                        for (i = dimensions.length - 1; i >= 0; --i) {\n-                            dimension = dimensions[i];\n-                            context[dimension] = params[dimension.toUpperCase()]\n-                        }\n-                    }\n-                    url = OpenLayers.String.format(template, context)\n-                } else {\n-                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n-                    if (dimensions) {\n-                        for (var i = 0; i < dimensions.length; i++) {\n-                            if (params[dimensions[i]]) {\n-                                path = path + params[dimensions[i]] + \"/\"\n-                            }\n-                        }\n-                    }\n-                    path = path + this.matrixSet + \"/\" + this.matrix.identifier + \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n-                    if (!url.match(/\\/$/)) {\n-                        url = url + \"/\"\n-                    }\n-                    url = url + path\n-                }\n-            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-                params = {\n-                    SERVICE: \"WMTS\",\n-                    REQUEST: \"GetTile\",\n-                    VERSION: this.version,\n-                    LAYER: this.layer,\n-                    STYLE: this.style,\n-                    TILEMATRIXSET: this.matrixSet,\n-                    TILEMATRIX: this.matrix.identifier,\n-                    TILEROW: info.row,\n-                    TILECOL: info.col,\n-                    FORMAT: this.format\n-                };\n-                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params])\n+                this.map.addControl(control);\n+                control.deactivate()\n             }\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            })\n         }\n-        return url\n-    },\n-    mergeNewParams: function(newParams) {\n-        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, [OpenLayers.Util.upperCaseObject(newParams)])\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n-});\n-OpenLayers.Layer.SphericalMercator = {\n-    getExtent: function() {\n-        var extent = null;\n-        if (this.sphericalMercator) {\n-            extent = this.map.calculateBounds()\n-        } else {\n-            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this)\n-        }\n-        return extent\n-    },\n-    getLonLatFromViewPortPx: function(viewPortPx) {\n-        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments)\n     },\n-    getViewPortPxFromLonLat: function(lonlat) {\n-        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments)\n+    iconOn: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\")\n     },\n-    initMercatorParameters: function() {\n-        this.RESOLUTIONS = [];\n-        var maxResolution = 156543.03390625;\n-        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n-            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom)\n-        }\n-        this.units = \"m\";\n-        this.projection = this.projection || \"EPSG:900913\"\n+    iconOff: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\")\n     },\n-    forwardMercator: function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(lon, lat) {\n-            var point = OpenLayers.Projection.transform({\n-                x: lon,\n-                y: lat\n-            }, gg, sm);\n-            return new OpenLayers.LonLat(point.x, point.y)\n-        }\n-    }(),\n-    inverseMercator: function() {\n-        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n-        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n-        return function(x, y) {\n-            var point = OpenLayers.Projection.transform({\n-                x: x,\n-                y: y\n-            }, sm, gg);\n-            return new OpenLayers.LonLat(point.x, point.y)\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break\n+            }\n         }\n-    }()\n-};\n-OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    serviceVersion: \"1.0.0\",\n-    layername: null,\n-    type: null,\n-    isBaseLayer: true,\n-    tileOrigin: null,\n-    serverResolutions: null,\n-    zoomOffset: 0,\n-    initialize: function(name, url, options) {\n-        var newArguments = [];\n-        newArguments.push(name, url, {}, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments)\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TMS(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n+    getControlsBy: function(property, match) {\n+        var test = typeof match.test == \"function\";\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || test && match.test(item[property])\n+        });\n+        return found\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n-        }\n-        return url + path\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match)\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.bottom)\n-        }\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match)\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n });\n-OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    url: null,\n-    tileOrigin: null,\n-    tileSize: new OpenLayers.Size(256, 256),\n-    useArcGISServer: true,\n-    type: \"png\",\n-    useScales: false,\n-    overrideDPI: false,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        if (this.resolutions) {\n-            this.serverResolutions = this.resolutions;\n-            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0])\n-        }\n-        if (this.layerInfo) {\n-            var info = this.layerInfo;\n-            var startingTileExtent = new OpenLayers.Bounds(info.fullExtent.xmin, info.fullExtent.ymin, info.fullExtent.xmax, info.fullExtent.ymax);\n-            this.projection = \"EPSG:\" + info.spatialReference.wkid;\n-            this.sphericalMercator = info.spatialReference.wkid == 102100;\n-            this.units = info.units == \"esriFeet\" ? \"ft\" : \"m\";\n-            if (!!info.tileInfo) {\n-                this.tileSize = new OpenLayers.Size(info.tileInfo.width || info.tileInfo.cols, info.tileInfo.height || info.tileInfo.rows);\n-                this.tileOrigin = new OpenLayers.LonLat(info.tileInfo.origin.x, info.tileInfo.origin.y);\n-                var upperLeft = new OpenLayers.Geometry.Point(startingTileExtent.left, startingTileExtent.top);\n-                var bottomRight = new OpenLayers.Geometry.Point(startingTileExtent.right, startingTileExtent.bottom);\n-                if (this.useScales) {\n-                    this.scales = []\n-                } else {\n-                    this.resolutions = []\n-                }\n-                this.lods = [];\n-                for (var key in info.tileInfo.lods) {\n-                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n-                        var lod = info.tileInfo.lods[key];\n-                        if (this.useScales) {\n-                            this.scales.push(lod.scale)\n-                        } else {\n-                            this.resolutions.push(lod.resolution)\n-                        }\n-                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n-                        lod.startTileCol = start.x;\n-                        lod.startTileRow = start.y;\n-                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n-                        lod.endTileCol = end.x;\n-                        lod.endTileRow = end.y;\n-                        this.lods.push(lod)\n-                    }\n-                }\n-                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n-                this.serverResolutions = this.resolutions;\n-                if (this.overrideDPI && info.tileInfo.dpi) {\n-                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi\n-                }\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    panned: false,\n+    interval: 0,\n+    documentDrag: false,\n+    kinetic: null,\n+    enableKinetic: true,\n+    kineticInterval: 10,\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic)\n             }\n+            this.kinetic = new OpenLayers.Kinetic(config)\n         }\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            move: this.panMap,\n+            done: this.panMapDone,\n+            down: this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        })\n     },\n-    getContainingTileCoords: function(point, res) {\n-        return new OpenLayers.Pixel(Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0), Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0))\n-    },\n-    calculateMaxExtentWithLOD: function(lod) {\n-        var numTileCols = lod.endTileCol - lod.startTileCol + 1;\n-        var numTileRows = lod.endTileRow - lod.startTileRow + 1;\n-        var minX = this.tileOrigin.lon + lod.startTileCol * this.tileSize.w * lod.resolution;\n-        var maxX = minX + numTileCols * this.tileSize.w * lod.resolution;\n-        var maxY = this.tileOrigin.lat - lod.startTileRow * this.tileSize.h * lod.resolution;\n-        var minY = maxY - numTileRows * this.tileSize.h * lod.resolution;\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n-    },\n-    calculateMaxExtentWithExtent: function(extent, res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n-        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n-        var start = this.getContainingTileCoords(upperLeft, res);\n-        var end = this.getContainingTileCoords(bottomRight, res);\n-        var lod = {\n-            resolution: res,\n-            startTileCol: start.x,\n-            startTileRow: start.y,\n-            endTileCol: end.x,\n-            endTileRow: end.y\n-        };\n-        return this.calculateMaxExtentWithLOD(lod)\n-    },\n-    getUpperLeftTileCoord: function(res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(this.maxExtent.left, this.maxExtent.top);\n-        return this.getContainingTileCoords(upperLeft, res)\n-    },\n-    getLowerRightTileCoord: function(res) {\n-        var bottomRight = new OpenLayers.Geometry.Point(this.maxExtent.right, this.maxExtent.bottom);\n-        return this.getContainingTileCoords(bottomRight, res)\n-    },\n-    getMaxExtentForResolution: function(res) {\n-        var start = this.getUpperLeftTileCoord(res);\n-        var end = this.getLowerRightTileCoord(res);\n-        var numTileCols = end.x - start.x + 1;\n-        var numTileRows = end.y - start.y + 1;\n-        var minX = this.tileOrigin.lon + start.x * this.tileSize.w * res;\n-        var maxX = minX + numTileCols * this.tileSize.w * res;\n-        var maxY = this.tileOrigin.lat - start.y * this.tileSize.h * res;\n-        var minY = maxY - numTileRows * this.tileSize.h * res;\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options)\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin()\n         }\n-        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj])\n-    },\n-    initGriddedTiles: function(bounds) {\n-        delete this._tileOrigin;\n-        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments)\n-    },\n-    getMaxExtent: function() {\n-        var resolution = this.map.getResolution();\n-        return this.maxExtent = this.getMaxExtentForResolution(resolution)\n     },\n-    getTileOrigin: function() {\n-        if (!this._tileOrigin) {\n-            var extent = this.getMaxExtent();\n-            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom)\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy)\n         }\n-        return this._tileOrigin\n+        this.panned = true;\n+        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+            dragging: true,\n+            animate: false\n+        })\n     },\n-    getURL: function(bounds) {\n-        var res = this.getResolution();\n-        var originTileX = this.tileOrigin.lon + res * this.tileSize.w / 2;\n-        var originTileY = this.tileOrigin.lat - res * this.tileSize.h / 2;\n-        var center = bounds.getCenterLonLat();\n-        var point = {\n-            x: center.lon,\n-            y: center.lat\n-        };\n-        var x = Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w)));\n-        var y = Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h)));\n-        var z = this.map.getZoom();\n-        if (this.lods) {\n-            var lod = this.lods[this.map.getZoom()];\n-            if (x < lod.startTileCol || x > lod.endTileCol || (y < lod.startTileRow || y > lod.endTileRow)) {\n-                return null\n-            }\n-        } else {\n-            var start = this.getUpperLeftTileCoord(res);\n-            var end = this.getLowerRightTileCoord(res);\n-            if (x < start.x || x >= end.x || (y < start.y || y >= end.y)) {\n-                return null\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy)\n             }\n-        }\n-        var url = this.url;\n-        var s = \"\" + x + y + z;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(s, url)\n-        }\n-        if (this.useArcGISServer) {\n-            url = url + \"/tile/${z}/${y}/${x}\"\n-        } else {\n-            x = \"C\" + OpenLayers.Number.zeroPad(x, 8, 16);\n-            y = \"R\" + OpenLayers.Number.zeroPad(y, 8, 16);\n-            z = \"L\" + OpenLayers.Number.zeroPad(z, 2, 10);\n-            url = url + \"/${z}/${y}/${x}.\" + this.type\n-        }\n-        url = OpenLayers.String.format(url, {\n-            x: x,\n-            y: y,\n-            z: z\n-        });\n-        return OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(this.params))\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcGISCache\"\n-});\n-OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    drawMarker: function(marker) {\n-        var topleft = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.left,\n-            lat: marker.bounds.top\n-        });\n-        var botright = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.right,\n-            lat: marker.bounds.bottom\n-        });\n-        if (botright == null || topleft == null) {\n-            marker.display(false)\n-        } else {\n-            var markerDiv = marker.draw(topleft, {\n-                w: Math.max(1, botright.x - topleft.x),\n-                h: Math.max(1, botright.y - topleft.y)\n+            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+                dragging: !!res,\n+                animate: false\n             });\n-            if (!marker.drawn) {\n-                this.div.appendChild(markerDiv);\n-                marker.drawn = true\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    })\n+                })\n             }\n+            this.panned = false\n         }\n     },\n-    removeMarker: function(marker) {\n-        OpenLayers.Util.removeItem(this.markers, marker);\n-        if (marker.div != null && marker.div.parentNode == this.div) {\n-            this.div.removeChild(marker.div)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n-});\n-OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    format: \"image/png\",\n-    serverResolutions: null,\n-    initialize: function(name, url, layername, options) {\n-        this.layername = layername;\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, {}, options]);\n-        this.extension = this.format.split(\"/\")[1].toLowerCase();\n-        this.extension = this.extension == \"jpg\" ? \"jpeg\" : this.extension\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TileCache(this.name, this.url, this.layername, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var res = this.getServerResolution();\n-        var bbox = this.maxExtent;\n-        var size = this.tileSize;\n-        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n-        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n-        var tileZ = this.serverResolutions != null ? OpenLayers.Util.indexOf(this.serverResolutions, res) : this.map.getZoom();\n-        var components = [this.layername, OpenLayers.Number.zeroPad(tileZ, 2), OpenLayers.Number.zeroPad(parseInt(tileX / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileX / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileX) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY) % 1e3, 3) + \".\" + this.extension];\n-        var path = components.join(\"/\");\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n-        }\n-        url = url.charAt(url.length - 1) == \"/\" ? url : url + \"/\";\n-        return url + path\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n });\n-OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: true,\n-    url: null,\n-    extent: null,\n-    size: null,\n-    tile: null,\n-    aspectRatio: null,\n-    initialize: function(name, url, extent, size, options) {\n-        this.url = url;\n-        this.extent = extent;\n-        this.maxExtent = extent;\n-        this.size = size;\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-        this.aspectRatio = this.extent.getHeight() / this.size.h / (this.extent.getWidth() / this.size.w)\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n+    dragPan: null,\n+    dragPanOptions: null,\n+    pinchZoom: null,\n+    pinchZoomOptions: null,\n+    documentDrag: false,\n+    zoomBox: null,\n+    zoomBoxEnabled: true,\n+    zoomWheelEnabled: true,\n+    mouseWheelOptions: null,\n+    handleRightClicks: false,\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n+    autoActivate: true,\n+    initialize: function(options) {\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n     destroy: function() {\n-        if (this.tile) {\n-            this.removeTileMonitoringHooks(this.tile);\n-            this.tile.destroy();\n-            this.tile = null\n-        }\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Image(this.name, this.url, this.extent, this.size, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    setMap: function(map) {\n-        if (this.options.maxResolution == null) {\n-            this.options.maxResolution = this.aspectRatio * this.extent.getWidth() / this.size.w\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy()\n         }\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        var firstRendering = this.tile == null;\n-        if (zoomChanged || firstRendering) {\n-            this.setTileSize();\n-            var ulPx = this.map.getLayerPxFromLonLat({\n-                lon: this.extent.left,\n-                lat: this.extent.top\n-            });\n-            if (firstRendering) {\n-                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent, null, this.tileSize);\n-                this.addTileMonitoringHooks(this.tile)\n-            } else {\n-                this.tile.size = this.tileSize.clone();\n-                this.tile.position = ulPx.clone()\n-            }\n-            this.tile.draw()\n+        this.dragPan = null;\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy()\n         }\n-    },\n-    setTileSize: function() {\n-        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n-        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n-        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight)\n-    },\n-    addTileMonitoringHooks: function(tile) {\n-        tile.onLoadStart = function() {\n-            this.events.triggerEvent(\"loadstart\")\n-        };\n-        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n-        tile.onLoadEnd = function() {\n-            this.events.triggerEvent(\"loadend\")\n-        };\n-        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n-        tile.events.register(\"unload\", this, tile.onLoadEnd)\n-    },\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            loadstart: tile.onLoadStart,\n-            loadend: tile.onLoadEnd,\n-            unload: tile.onLoadEnd,\n-            scope: this\n-        })\n-    },\n-    setUrl: function(newUrl) {\n-        this.url = newUrl;\n-        this.tile.draw()\n-    },\n-    getURL: function(bounds) {\n-        return this.url\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Image\"\n-});\n-OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    DEFAULT_PARAMS: {\n-        i: \"jpeg\",\n-        map: \"\"\n-    },\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        return this.getFullRequestString({\n-            t: pY,\n-            l: pX,\n-            s: scale\n-        })\n-    },\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n-        var offsetlon = bounds.left;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n-        var offsetlat = bounds.top;\n-        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n+        this.zoomBox = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy()\n         }\n+        this.pinchZoom = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var minX = (tileLayout.startcol + col) * tilelon;\n-        var minY = (tileLayout.startrow - row) * tilelat;\n-        return new OpenLayers.Bounds(minX, minY, minX + tilelon, minY + tilelat)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.KaMap(this.name, this.url, this.params, this.getOptions())\n+    activate: function() {\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate()\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone()\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate()\n         }\n-        obj.grid = [];\n-        return obj\n-    },\n-    getTileBounds: function(viewPortPx) {\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n-        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n-        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n-});\n-OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n-    IMAGE_EXTENSIONS: {\n-        jpeg: \"jpg\",\n-        gif: \"gif\",\n-        png: \"png\",\n-        png8: \"png\",\n-        png24: \"png\",\n-        dithered: \"png\"\n-    },\n-    DEFAULT_FORMAT: \"jpeg\",\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n-        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT]\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n-        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n-        var components = [\"/\", this.params.map, \"/\", scale, \"/\", this.params.g.replace(/\\s/g, \"_\"), \"/def/t\", metaY, \"/l\", metaX, \"/t\", pY, \"l\", pX, \".\", this.extension];\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(components.join(\"\"), url)\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate()\n         }\n-        return url + components.join(\"\")\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n-});\n-OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    size: null,\n-    isBaseLayer: true,\n-    standardTileSize: 256,\n-    tileOriginCorner: \"tl\",\n-    numberOfTiers: 0,\n-    tileCountUpToTier: null,\n-    tierSizeInTiles: null,\n-    tierImageSize: null,\n-    initialize: function(name, url, size, options) {\n-        this.initializeZoomify(size);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, size, {}, options])\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n-    initializeZoomify: function(size) {\n-        var imageSize = size.clone();\n-        this.size = size.clone();\n-        var tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n-        this.tierSizeInTiles = [tiles];\n-        this.tierImageSize = [imageSize];\n-        while (imageSize.w > this.standardTileSize || imageSize.h > this.standardTileSize) {\n-            imageSize = new OpenLayers.Size(Math.floor(imageSize.w / 2), Math.floor(imageSize.h / 2));\n-            tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n-            this.tierSizeInTiles.push(tiles);\n-            this.tierImageSize.push(imageSize)\n-        }\n-        this.tierSizeInTiles.reverse();\n-        this.tierImageSize.reverse();\n-        this.numberOfTiers = this.tierSizeInTiles.length;\n-        var resolutions = [1];\n-        this.tileCountUpToTier = [0];\n-        for (var i = 1; i < this.numberOfTiers; i++) {\n-            resolutions.unshift(Math.pow(2, i));\n-            this.tileCountUpToTier.push(this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h + this.tileCountUpToTier[i - 1])\n-        }\n-        if (!this.serverResolutions) {\n-            this.serverResolutions = resolutions\n+    deactivate: function() {\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate()\n         }\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    destroy: function() {\n-        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n-        this.tileCountUpToTier.length = 0;\n-        this.tierSizeInTiles.length = 0;\n-        this.tierImageSize.length = 0\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Zoomify(this.name, this.url, this.size, this.options)\n+    draw: function() {\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getZoomForResolution(res);\n-        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n-        var path = \"TileGroup\" + Math.floor(tileIndex / 256) + \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick,\n+            dblrightclick: this.defaultDblRightClick\n+        };\n+        var clickOptions = {\n+            double: true,\n+            stopDouble: true\n+        };\n+        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n+        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n+            map: this.map,\n+            documentDrag: this.documentDrag\n+        }, this.dragPanOptions));\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n+        });\n+        this.dragPan.draw();\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n+        };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n+            up: this.wheelUp,\n+            down: this.wheelDown\n+        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions))\n         }\n-        return url + path\n     },\n-    getImageSize: function() {\n-        if (arguments.length > 0) {\n-            var bounds = this.adjustBounds(arguments[0]);\n-            var res = this.getServerResolution();\n-            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-            var z = this.getZoomForResolution(res);\n-            var w = this.standardTileSize;\n-            var h = this.standardTileSize;\n-            if (x == this.tierSizeInTiles[z].w - 1) {\n-                var w = this.tierImageSize[z].w % this.standardTileSize\n-            }\n-            if (y == this.tierSizeInTiles[z].h - 1) {\n-                var h = this.tierImageSize[z].h % this.standardTileSize\n-            }\n-            return new OpenLayers.Size(w, h)\n-        } else {\n-            return this.tileSize\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut()\n         }\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.top)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n-});\n-OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    dx: null,\n-    dy: null,\n-    ratio: 1.5,\n-    maxFeatures: 250,\n-    rotation: 0,\n-    origin: null,\n-    gridBounds: null,\n-    initialize: function(config) {\n-        config = config || {};\n-        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config])\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        map.events.register(\"moveend\", this, this.onMoveEnd)\n-    },\n-    removeMap: function(map) {\n-        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n-    },\n-    setRatio: function(ratio) {\n-        this.ratio = ratio;\n-        this.updateGrid(true)\n-    },\n-    setMaxFeatures: function(maxFeatures) {\n-        this.maxFeatures = maxFeatures;\n-        this.updateGrid(true)\n-    },\n-    setSpacing: function(dx, dy) {\n-        this.dx = dx;\n-        this.dy = dy || dx;\n-        this.updateGrid(true)\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n     },\n-    setOrigin: function(origin) {\n-        this.origin = origin;\n-        this.updateGrid(true)\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n     },\n-    getOrigin: function() {\n-        if (!this.origin) {\n-            this.origin = this.map.getExtent().getCenterLonLat()\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ)\n         }\n-        return this.origin\n-    },\n-    setRotation: function(rotation) {\n-        this.rotation = rotation;\n-        this.updateGrid(true)\n-    },\n-    onMoveEnd: function() {\n-        this.updateGrid()\n-    },\n-    getViewBounds: function() {\n-        var bounds = this.map.getExtent();\n-        if (this.rotation) {\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var rect = bounds.toGeometry();\n-            rect.rotate(-this.rotation, rotationOrigin);\n-            bounds = rect.getBounds()\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n+            return\n         }\n-        return bounds\n+        this.map.zoomTo(newZoom, evt.xy)\n     },\n-    updateGrid: function(force) {\n-        if (force || this.invalidBounds()) {\n-            var viewBounds = this.getViewBounds();\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var viewBoundsWidth = viewBounds.getWidth();\n-            var viewBoundsHeight = viewBounds.getHeight();\n-            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n-            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n-            var maxWidth = maxHeight * aspectRatio;\n-            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n-            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n-            var center = viewBounds.getCenterLonLat();\n-            this.gridBounds = new OpenLayers.Bounds(center.lon - gridWidth / 2, center.lat - gridHeight / 2, center.lon + gridWidth / 2, center.lat + gridHeight / 2);\n-            var rows = Math.floor(gridHeight / this.dy);\n-            var cols = Math.floor(gridWidth / this.dx);\n-            var gridLeft = origin.lon + this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx);\n-            var gridBottom = origin.lat + this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy);\n-            var features = new Array(rows * cols);\n-            var x, y, point;\n-            for (var i = 0; i < cols; ++i) {\n-                x = gridLeft + i * this.dx;\n-                for (var j = 0; j < rows; ++j) {\n-                    y = gridBottom + j * this.dy;\n-                    point = new OpenLayers.Geometry.Point(x, y);\n-                    if (this.rotation) {\n-                        point.rotate(this.rotation, rotationOrigin)\n-                    }\n-                    features[i * rows + j] = new OpenLayers.Feature.Vector(point)\n-                }\n-            }\n-            this.destroyFeatures(this.features, {\n-                silent: true\n-            });\n-            this.addFeatures(features, {\n-                silent: true\n-            })\n-        }\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1)\n     },\n-    invalidBounds: function() {\n-        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds())\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1)\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n-});\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    name: \"OpenStreetMap\",\n-    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n-    sphericalMercator: true,\n-    wrapDateLine: true,\n-    tileOptions: null,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options && this.options.tileOptions)\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate()\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate()\n         }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-OpenLayers.Layer.MapServer = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        mode: \"map\",\n-        map_imagetype: \"png\"\n     },\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS);\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = this.params.transparent != \"true\" && this.params.transparent != true\n-        }\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate()\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.MapServer(this.name, this.url, this.params, this.getOptions())\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate()\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var extent = [bounds.left, bounds.bottom, bounds.right, bounds.top];\n-        var imageSize = this.getImageSize();\n-        var url = this.getFullRequestString({\n-            mapext: extent,\n-            imgext: extent,\n-            map_size: [imageSize.w, imageSize.h],\n-            imgx: imageSize.w / 2,\n-            imgy: imageSize.h / 2,\n-            imgxy: [imageSize.w, imageSize.h]\n-        });\n-        return url\n     },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var url = altUrl == null ? this.url : altUrl;\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(paramsString, url)\n-        }\n-        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key]\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n+});\n+OpenLayers.Control.EditingToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    citeCompliant: false,\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.Navigation]);\n+        var controls = [new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n+            displayClass: \"olControlDrawFeaturePoint\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n             }\n-        }\n-        paramsString = OpenLayers.Util.getParameterString(allParams);\n-        var requestString = url;\n-        paramsString = paramsString.replace(/,/g, \"+\");\n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n-                requestString += paramsString\n-            } else {\n-                if (url.indexOf(\"?\") == -1) {\n-                    requestString += \"?\" + paramsString\n-                } else {\n-                    requestString += \"&\" + paramsString\n-                }\n+        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n+            displayClass: \"olControlDrawFeaturePath\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n+            }\n+        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n+            displayClass: \"olControlDrawFeaturePolygon\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n             }\n+        })];\n+        this.addControls(controls)\n+    },\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0]\n         }\n-        return requestString\n+        return div\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.MapServer\"\n+    CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n });\n-OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    location: null,\n-    features: null,\n-    formatOptions: null,\n-    selectedFeature: null,\n-    icon: null,\n-    popupSize: null,\n-    useFeedTitle: true,\n-    initialize: function(name, location, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n-        this.location = location;\n-        this.features = []\n-    },\n+OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n+    zoomStopWidth: 18,\n+    zoomStopHeight: 11,\n+    slider: null,\n+    sliderEvents: null,\n+    zoombarDiv: null,\n+    zoomWorldIcon: false,\n+    panIcons: true,\n+    forceFixedZoomLevel: false,\n+    mouseDragStart: null,\n+    deltaY: null,\n+    zoomStart: null,\n     destroy: function() {\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null\n-    },\n-    loadRSS: function() {\n-        if (!this.loaded) {\n-            this.events.triggerEvent(\"loadstart\");\n-            OpenLayers.Request.GET({\n-                url: this.location,\n-                success: this.parseData,\n-                scope: this\n-            });\n-            this.loaded = true\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadRSS()\n-        }\n+        this._removeZoomBar();\n+        this.map.events.un({\n+            changebaselayer: this.redraw,\n+            updatesize: this.redraw,\n+            scope: this\n+        });\n+        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n+        delete this.mouseDragStart;\n+        delete this.zoomStart\n     },\n-    parseData: function(ajaxRequest) {\n-        var doc = ajaxRequest.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText)\n-        }\n-        if (this.useFeedTitle) {\n-            var name = null;\n-            try {\n-                name = doc.getElementsByTagNameNS(\"*\", \"title\")[0].firstChild.nodeValue\n-            } catch (e) {\n-                try {\n-                    name = doc.getElementsByTagName(\"title\")[0].firstChild.nodeValue\n-                } catch (e) {}\n-            }\n-            if (name) {\n-                this.setName(name)\n-            }\n-        }\n-        var options = {};\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject()\n-        }\n-        var format = new OpenLayers.Format.GeoRSS(options);\n-        var features = format.read(doc);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            if (!feature.geometry) {\n-                continue\n-            }\n-            var title = feature.attributes.title ? feature.attributes.title : \"Untitled\";\n-            var description = feature.attributes.description ? feature.attributes.description : \"No description.\";\n-            var link = feature.attributes.link ? feature.attributes.link : \"\";\n-            var location = feature.geometry.getBounds().getCenterLonLat();\n-            data.icon = this.icon == null ? OpenLayers.Marker.defaultIcon() : this.icon.clone();\n-            data.popupSize = this.popupSize ? this.popupSize.clone() : new OpenLayers.Size(250, 120);\n-            if (title || description) {\n-                data.title = title;\n-                data.description = description;\n-                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n-                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n-                if (link) {\n-                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">'\n-                }\n-                contentHTML += title;\n-                if (link) {\n-                    contentHTML += \"</a>\"\n-                }\n-                contentHTML += \"</div>\";\n-                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n-                contentHTML += description;\n-                contentHTML += \"</div>\";\n-                data[\"popupContentHTML\"] = contentHTML\n-            }\n-            var feature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(feature);\n-            var marker = feature.createMarker();\n-            marker.events.register(\"click\", feature, this.markerClick);\n-            this.addMarker(marker)\n-        }\n-        this.events.triggerEvent(\"loadend\")\n+    setMap: function(map) {\n+        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            changebaselayer: this.redraw,\n+            updatesize: this.redraw,\n+            scope: this\n+        })\n     },\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = this == this.layer.selectedFeature;\n-        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i])\n-        }\n-        if (!sameMarkerClicked) {\n-            var popup = this.createPopup();\n-            OpenLayers.Event.observe(popup.div, \"click\", OpenLayers.Function.bind(function() {\n-                for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-                    this.layer.map.removePopup(this.layer.map.popups[i])\n-                }\n-            }, this));\n-            this.layer.map.addPopup(popup)\n+    redraw: function() {\n+        if (this.div != null) {\n+            this.removeButtons();\n+            this._removeZoomBar()\n         }\n-        OpenLayers.Event.stop(evt)\n+        this.draw()\n     },\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy()\n+    draw: function(px) {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position.clone();\n+        this.buttons = [];\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        if (this.panIcons) {\n+            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+            var wposition = sz.w;\n+            if (this.zoomWorldIcon) {\n+                centered = new OpenLayers.Pixel(px.x + sz.w, px.y)\n             }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n-});\n-OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n-    initialize: function() {},\n-    initResolutions: function() {\n-        var props = [\"minZoomLevel\", \"maxZoomLevel\", \"numZoomLevels\"];\n-        for (var i = 0, len = props.length; i < len; i++) {\n-            var property = props[i];\n-            this[property] = this.options[property] != null ? this.options[property] : this.map[property]\n-        }\n-        if (this.minZoomLevel == null || this.minZoomLevel < this.MIN_ZOOM_LEVEL) {\n-            this.minZoomLevel = this.MIN_ZOOM_LEVEL\n-        }\n-        var desiredZoomLevels;\n-        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n-        if (this.options.numZoomLevels == null && this.options.maxZoomLevel != null || this.numZoomLevels == null && this.maxZoomLevel != null) {\n-            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1\n-        } else {\n-            desiredZoomLevels = this.numZoomLevels\n-        }\n-        if (desiredZoomLevels != null) {\n-            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels)\n-        } else {\n-            this.numZoomLevels = limitZoomLevels\n-        }\n-        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n-        if (this.RESOLUTIONS != null) {\n-            var resolutionsIndex = 0;\n-            this.resolutions = [];\n-            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n-                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i]\n+            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+            px.y = centered.y + sz.h;\n+            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+            if (this.zoomWorldIcon) {\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n+                wposition *= 2\n             }\n-            this.maxResolution = this.resolutions[0];\n-            this.minResolution = this.resolutions[this.resolutions.length - 1]\n-        }\n-    },\n-    getResolution: function() {\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments)\n+            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n+            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz)\n         } else {\n-            var resolution = null;\n-            var viewSize = this.map.getSize();\n-            var extent = this.getExtent();\n-            if (viewSize != null && extent != null) {\n-                resolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h)\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n+            centered = this._addZoomBar(px.add(0, sz.h));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+            if (this.zoomWorldIcon) {\n+                centered = centered.add(0, sz.h + 3);\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz)\n             }\n-            return resolution\n         }\n+        return this.div\n     },\n-    getExtent: function() {\n-        var size = this.map.getSize();\n-        var tl = this.getLonLatFromViewPortPx({\n-            x: 0,\n-            y: 0\n+    _addZoomBar: function(centered) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n+        var id = this.id + \"_\" + this.map.id;\n+        var minZoom = this.map.getMinZoom();\n+        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n+        var slider = OpenLayers.Util.createAlphaImageDiv(id, centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n+            w: 20,\n+            h: 9\n+        }, imgLocation, \"absolute\");\n+        slider.style.cursor = \"move\";\n+        this.slider = slider;\n+        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n+            includeXY: true\n         });\n-        var br = this.getLonLatFromViewPortPx({\n-            x: size.w,\n-            y: size.h\n+        this.sliderEvents.on({\n+            touchstart: this.zoomBarDown,\n+            touchmove: this.zoomBarDrag,\n+            touchend: this.zoomBarUp,\n+            mousedown: this.zoomBarDown,\n+            mousemove: this.zoomBarDrag,\n+            mouseup: this.zoomBarUp\n         });\n-        if (tl != null && br != null) {\n-            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat)\n-        } else {\n-            return null\n-        }\n-    },\n-    getZoomForResolution: function(resolution) {\n-        if (this.resolutions != null) {\n-            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments)\n+        var sz = {\n+            w: this.zoomStopWidth,\n+            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n+        };\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n+        var div = null;\n+        if (OpenLayers.Util.alphaHack()) {\n+            var id = this.id + \"_\" + this.map.id;\n+            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n+                w: sz.w,\n+                h: this.zoomStopHeight\n+            }, imgLocation, \"absolute\", null, \"crop\");\n+            div.style.height = sz.h + \"px\"\n         } else {\n-            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n-            return this.getZoomForExtent(extent)\n+            div = OpenLayers.Util.createDiv(\"OpenLayers_Control_PanZoomBar_Zoombar\" + this.map.id, centered, sz, imgLocation)\n         }\n+        div.style.cursor = \"pointer\";\n+        div.className = \"olButton\";\n+        this.zoombarDiv = div;\n+        this.div.appendChild(div);\n+        this.startTop = parseInt(div.style.top);\n+        this.div.appendChild(slider);\n+        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n+        centered = centered.add(0, this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n+        return centered\n     },\n-    getOLZoomFromMapObjectZoom: function(moZoom) {\n-        var zoom = null;\n-        if (moZoom != null) {\n-            zoom = moZoom - this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.map.baseLayer.getZoomForResolution(this.getResolutionForZoom(zoom))\n-            }\n-        }\n-        return zoom\n+    _removeZoomBar: function() {\n+        this.sliderEvents.un({\n+            touchstart: this.zoomBarDown,\n+            touchmove: this.zoomBarDrag,\n+            touchend: this.zoomBarUp,\n+            mousedown: this.zoomBarDown,\n+            mousemove: this.zoomBarDrag,\n+            mouseup: this.zoomBarUp\n+        });\n+        this.sliderEvents.destroy();\n+        this.div.removeChild(this.zoombarDiv);\n+        this.zoombarDiv = null;\n+        this.div.removeChild(this.slider);\n+        this.slider = null;\n+        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar)\n     },\n-    getMapObjectZoomFromOLZoom: function(olZoom) {\n-        var zoom = null;\n-        if (olZoom != null) {\n-            zoom = olZoom + this.minZoomLevel;\n-            if (this.map.baseLayer !== this) {\n-                zoom = this.getZoomForResolution(this.map.baseLayer.getResolutionForZoom(zoom))\n+    onButtonClick: function(evt) {\n+        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n+        if (evt.buttonElement === this.zoombarDiv) {\n+            var levels = evt.buttonXY.y / this.zoomStopHeight;\n+            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n+                levels = Math.floor(levels)\n             }\n+            var zoom = this.map.getNumZoomLevels() - 1 - levels;\n+            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n+            this.map.zoomTo(zoom)\n         }\n-        return zoom\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n-});\n-OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n-    MIN_ZOOM_LEVEL: 0,\n-    MAX_ZOOM_LEVEL: 21,\n-    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n-    type: null,\n-    wrapDateLine: true,\n-    sphericalMercator: false,\n-    version: null,\n-    initialize: function(name, options) {\n-        options = options || {};\n-        if (!options.version) {\n-            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n-        }\n-        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n-        if (mixin) {\n-            OpenLayers.Util.applyDefaults(options, mixin)\n-        } else {\n-            throw \"Unsupported Google Maps API version: \" + options.version\n-        }\n-        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-        if (options.maxExtent) {\n-            options.maxExtent = options.maxExtent.clone()\n-        }\n-        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n-        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n-        if (this.sphericalMercator) {\n-            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-            this.initMercatorParameters()\n-        }\n-    },\n-    clone: function() {\n-        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n-    },\n-    setVisibility: function(visible) {\n-        var opacity = this.opacity == null ? 1 : this.opacity;\n-        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-        this.setOpacity(opacity)\n-    },\n-    display: function(visible) {\n-        if (!this._dragging) {\n-            this.setGMapVisibility(visible)\n-        }\n-        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        this._dragging = dragging;\n-        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-        delete this._dragging\n     },\n-    setOpacity: function(opacity) {\n-        if (opacity !== this.opacity) {\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                })\n-            }\n-            this.opacity = opacity\n-        }\n-        if (this.getVisibility()) {\n-            var container = this.getMapContainer();\n-            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n-        }\n+    passEventToSlider: function(evt) {\n+        this.sliderEvents.handleBrowserEvent(evt)\n     },\n-    destroy: function() {\n-        if (this.map) {\n-            this.setGMapVisibility(false);\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache && cache.count <= 1) {\n-                this.removeGMapElements()\n-            }\n+    zoomBarDown: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n+            return\n         }\n-        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n+        this.map.events.on({\n+            touchmove: this.passEventToSlider,\n+            mousemove: this.passEventToSlider,\n+            mouseup: this.passEventToSlider,\n+            scope: this\n+        });\n+        this.mouseDragStart = evt.xy.clone();\n+        this.zoomStart = evt.xy.clone();\n+        this.div.style.cursor = \"move\";\n+        this.zoombarDiv.offsets = null;\n+        OpenLayers.Event.stop(evt)\n     },\n-    removeGMapElements: function() {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject && this.getMapContainer();\n-            if (container && container.parentNode) {\n-                container.parentNode.removeChild(container)\n-            }\n-            var termsOfUse = cache.termsOfUse;\n-            if (termsOfUse && termsOfUse.parentNode) {\n-                termsOfUse.parentNode.removeChild(termsOfUse)\n-            }\n-            var poweredBy = cache.poweredBy;\n-            if (poweredBy && poweredBy.parentNode) {\n-                poweredBy.parentNode.removeChild(poweredBy)\n-            }\n-            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n-                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n+    zoomBarDrag: function(evt) {\n+        if (this.mouseDragStart != null) {\n+            var deltaY = this.mouseDragStart.y - evt.xy.y;\n+            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n+            if (evt.clientY - offsets[1] > 0 && evt.clientY - offsets[1] < parseInt(this.zoombarDiv.style.height) - 2) {\n+                var newTop = parseInt(this.slider.style.top) - deltaY;\n+                this.slider.style.top = newTop + \"px\";\n+                this.mouseDragStart = evt.xy.clone()\n             }\n+            this.deltaY = this.zoomStart.y - evt.xy.y;\n+            OpenLayers.Event.stop(evt)\n         }\n     },\n-    removeMap: function(map) {\n-        if (this.visibility && this.mapObject) {\n-            this.setGMapVisibility(false)\n-        }\n-        var cache = OpenLayers.Layer.Google.cache[map.id];\n-        if (cache) {\n-            if (cache.count <= 1) {\n-                this.removeGMapElements();\n-                delete OpenLayers.Layer.Google.cache[map.id]\n-            } else {\n-                --cache.count\n-            }\n+    zoomBarUp: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n+            return\n         }\n-        delete this.termsOfUse;\n-        delete this.poweredBy;\n-        delete this.mapObject;\n-        delete this.dragObject;\n-        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n-    },\n-    getOLBoundsFromMapObjectBounds: function(moBounds) {\n-        var olBounds = null;\n-        if (moBounds != null) {\n-            var sw = moBounds.getSouthWest();\n-            var ne = moBounds.getNorthEast();\n-            if (this.sphericalMercator) {\n-                sw = this.forwardMercator(sw.lng(), sw.lat());\n-                ne = this.forwardMercator(ne.lng(), ne.lat())\n+        if (this.mouseDragStart) {\n+            this.div.style.cursor = \"\";\n+            this.map.events.un({\n+                touchmove: this.passEventToSlider,\n+                mouseup: this.passEventToSlider,\n+                mousemove: this.passEventToSlider,\n+                scope: this\n+            });\n+            var zoomLevel = this.map.zoom;\n+            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.min(Math.max(zoomLevel, 0), this.map.getNumZoomLevels() - 1)\n             } else {\n-                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.max(Math.round(zoomLevel), 0)\n             }\n-            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n+            this.map.zoomTo(zoomLevel);\n+            this.mouseDragStart = null;\n+            this.zoomStart = null;\n+            this.deltaY = 0;\n+            OpenLayers.Event.stop(evt)\n         }\n-        return olBounds\n-    },\n-    getWarningHTML: function() {\n-        return OpenLayers.i18n(\"googleWarning\")\n-    },\n-    getMapObjectCenter: function() {\n-        return this.mapObject.getCenter()\n-    },\n-    getMapObjectZoom: function() {\n-        return this.mapObject.getZoom()\n-    },\n-    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n     },\n-    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n-        return lat\n-    },\n-    getXFromMapObjectPixel: function(moPixel) {\n-        return moPixel.x\n-    },\n-    getYFromMapObjectPixel: function(moPixel) {\n-        return moPixel.y\n+    moveZoomBar: function() {\n+        var newTop = (this.map.getNumZoomLevels() - 1 - this.map.getZoom()) * this.zoomStopHeight + this.startTop + 1;\n+        this.slider.style.top = newTop + \"px\"\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.Google\"\n+    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n });\n-OpenLayers.Layer.Google.cache = {};\n-OpenLayers.Layer.Google.v2 = {\n-    termsOfUse: null,\n-    poweredBy: null,\n-    dragObject: null,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP\n-        }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            ++cache.count\n-        } else {\n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n-            try {\n-                mapObject = new GMap2(div);\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n-            } catch (e) {\n-                throw e\n-            }\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n-            }\n-        }\n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n-            this.mapObject.addMapType(this.type)\n-        }\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject()\n-        } else {\n-            this.dragPanMapObject = null\n-        }\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\")\n-        }\n-    },\n-    onMapResize: function() {\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize()\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n-                })\n-            }\n-            this._resized = true\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed\n-                }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\"\n-                }\n-            }\n-        }\n-    },\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom)\n-    },\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY))\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n-    },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new GLatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y)\n-    }\n-};\n-OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    useHttpTile: false,\n-    singleTile: false,\n-    useOverlay: false,\n-    useAsyncOverlay: true,\n-    TILE_PARAMS: {\n-        operation: \"GETTILEIMAGE\",\n-        version: \"1.2.0\"\n-    },\n-    SINGLE_TILE_PARAMS: {\n-        operation: \"GETMAPIMAGE\",\n-        format: \"PNG\",\n-        locale: \"en\",\n-        clip: \"1\",\n-        version: \"1.0.0\"\n-    },\n-    OVERLAY_PARAMS: {\n-        operation: \"GETDYNAMICMAPOVERLAYIMAGE\",\n-        format: \"PNG\",\n-        locale: \"en\",\n-        clip: \"1\",\n-        version: \"2.0.0\"\n-    },\n-    FOLDER_PARAMS: {\n-        tileColumnsPerFolder: 30,\n-        tileRowsPerFolder: 30,\n-        format: \"png\",\n-        querystring: null\n-    },\n-    defaultSize: new OpenLayers.Size(300, 300),\n-    tileOriginCorner: \"tl\",\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = this.transparent != \"true\" && this.transparent != true\n-        }\n-        if (options && options.useOverlay != null) {\n-            this.useOverlay = options.useOverlay\n-        }\n-        if (this.singleTile) {\n-            if (this.useOverlay) {\n-                OpenLayers.Util.applyDefaults(this.params, this.OVERLAY_PARAMS);\n-                if (!this.useAsyncOverlay) {\n-                    this.params.version = \"1.0.0\"\n-                }\n-            } else {\n-                OpenLayers.Util.applyDefaults(this.params, this.SINGLE_TILE_PARAMS)\n-            }\n-        } else {\n-            if (this.useHttpTile) {\n-                OpenLayers.Util.applyDefaults(this.params, this.FOLDER_PARAMS)\n-            } else {\n-                OpenLayers.Util.applyDefaults(this.params, this.TILE_PARAMS)\n-            }\n-            this.setTileSize(this.defaultSize)\n-        }\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.MapGuide(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var url;\n-        var center = bounds.getCenterLonLat();\n-        var mapSize = this.map.getSize();\n-        if (this.singleTile) {\n-            var params = {\n-                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n-                setdisplayheight: mapSize.h * this.ratio,\n-                setdisplaywidth: mapSize.w * this.ratio,\n-                setviewcenterx: center.lon,\n-                setviewcentery: center.lat,\n-                setviewscale: this.map.getScale()\n-            };\n-            if (this.useOverlay && !this.useAsyncOverlay) {\n-                var getVisParams = {};\n-                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n-                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n-                getVisParams.version = \"1.0.0\";\n-                getVisParams.session = this.params.session;\n-                getVisParams.mapName = this.params.mapName;\n-                getVisParams.format = \"text/xml\";\n-                url = this.getFullRequestString(getVisParams);\n-                OpenLayers.Request.GET({\n-                    url: url,\n-                    async: false\n-                })\n-            }\n-            url = this.getFullRequestString(params)\n-        } else {\n-            var currentRes = this.map.getResolution();\n-            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n-            colidx = Math.round(colidx / this.tileSize.w);\n-            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n-            rowidx = Math.round(rowidx / this.tileSize.h);\n-            if (this.useHttpTile) {\n-                url = this.getImageFilePath({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                })\n-            } else {\n-                url = this.getFullRequestString({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                })\n-            }\n-        }\n-        return url\n+OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_BUTTON,\n+    trigger: function() {},\n+    CLASS_NAME: \"OpenLayers.Control.Button\"\n+});\n+OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    direction: null,\n+    initialize: function(direction, options) {\n+        this.direction = direction;\n+        this.CLASS_NAME += this.direction;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options])\n     },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var url = altUrl == null ? this.url : altUrl;\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)]\n-        }\n-        var requestString = url;\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key]\n-            }\n-        }\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-        paramsString = paramsString.replace(/,/g, \"+\");\n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n-                requestString += paramsString\n-            } else {\n-                if (url.indexOf(\"?\") == -1) {\n-                    requestString += \"?\" + paramsString\n-                } else {\n-                    requestString += \"&\" + paramsString\n-                }\n+    trigger: function() {\n+        if (this.map) {\n+            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n+                return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n+            }, this);\n+            switch (this.direction) {\n+                case OpenLayers.Control.Pan.NORTH:\n+                    this.map.pan(0, -getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.SOUTH:\n+                    this.map.pan(0, getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.WEST:\n+                    this.map.pan(-getSlideFactor(\"w\"), 0);\n+                    break;\n+                case OpenLayers.Control.Pan.EAST:\n+                    this.map.pan(getSlideFactor(\"w\"), 0);\n+                    break\n             }\n         }\n-        return requestString\n     },\n-    getImageFilePath: function(newParams, altUrl) {\n-        var url = altUrl == null ? this.url : altUrl;\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)]\n-        }\n-        var requestString = url;\n-        var tileRowGroup = \"\";\n-        var tileColGroup = \"\";\n-        if (newParams.tilerow < 0) {\n-            tileRowGroup = \"-\"\n-        }\n-        if (newParams.tilerow == 0) {\n-            tileRowGroup += \"0\"\n-        } else {\n-            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder\n-        }\n-        if (newParams.tilecol < 0) {\n-            tileColGroup = \"-\"\n-        }\n-        if (newParams.tilecol == 0) {\n-            tileColGroup += \"0\"\n-        } else {\n-            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder\n-        }\n-        var tilePath = \"/S\" + Math.floor(newParams.scaleindex) + \"/\" + this.params.basemaplayergroupname + \"/R\" + tileRowGroup + \"/C\" + tileColGroup + \"/\" + newParams.tilerow % this.params.tileRowsPerFolder + \"_\" + newParams.tilecol % this.params.tileColumnsPerFolder + \".\" + this.params.format;\n-        if (this.params.querystring) {\n-            tilePath += \"?\" + this.params.querystring\n-        }\n-        requestString += tilePath;\n-        return requestString\n+    CLASS_NAME: \"OpenLayers.Control.Pan\"\n+});\n+OpenLayers.Control.Pan.NORTH = \"North\";\n+OpenLayers.Control.Pan.SOUTH = \"South\";\n+OpenLayers.Control.Pan.EAST = \"East\";\n+OpenLayers.Control.Pan.WEST = \"West\";\n+OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        var options = {\n+            slideFactor: this.slideFactor,\n+            slideRatio: this.slideRatio\n+        };\n+        this.addControls([new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)])\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n+    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n });\n OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n     DEFAULT_PARAMS: {\n         service: \"WMS\",\n         version: \"1.1.1\",\n         request: \"GetMap\",\n         styles: \"\",\n@@ -19471,2056 +17653,62 @@\n         if (typeof this.params.TRANSPARENT == \"boolean\") {\n             newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\"\n         }\n         return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, arguments)\n     },\n     CLASS_NAME: \"OpenLayers.Layer.WMS\"\n });\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    displayInLayerSwitcher: false,\n-    layers: null,\n-    display: function() {},\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature\n-            }\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n-    },\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n-    },\n-    collectRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer)\n-            }\n-        }\n+OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    profile: null,\n+    defaultVersion: \"1.0.0\",\n+    stringifyOutput: true,\n+    namedLayersAsArray: false,\n+    CLASS_NAME: \"OpenLayers.Format.SLD\"\n+});\n+OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n+    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n+    initialize: function(options) {\n+        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options])\n     },\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer)\n+    readers: {\n+        gml: OpenLayers.Util.applyDefaults({\n+            outerBoundaryIs: function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.outer = obj.components[0]\n+            },\n+            innerBoundaryIs: function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.inner.push(obj.components[0])\n+            },\n+            Box: function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                if (!container.components) {\n+                    container.components = []\n+                }\n+                var min = obj.points[0];\n+                var max = obj.points[1];\n+                container.components.push(new OpenLayers.Bounds(min.x, min.y, max.x, max.y))\n             }\n-        }\n+        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n+        feature: OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n+        wfs: OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n     },\n-    handleChangeLayer: function(evt) {\n-        var layer = evt.layer;\n-        if (evt.property == \"order\" && OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-            this.resetRoots();\n-            this.collectRoots()\n+    write: function(features) {\n+        var name;\n+        if (OpenLayers.Util.isArray(features)) {\n+            name = \"wfs:FeatureCollection\"\n+        } else {\n+            name = \"gml:featureMember\"\n         }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n-});\n-OpenLayers.Layer.Google.v3 = {\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n-    },\n-    animationEnabled: true,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP\n-        }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            ++cache.count\n-        } else {\n-            var center = this.map.getCenter();\n-            var container = document.createElement(\"div\");\n-            container.className = \"olForeignContainer\";\n-            container.style.width = \"100%\";\n-            container.style.height = \"100%\";\n-            mapObject = new google.maps.Map(container, {\n-                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n-            });\n-            var googleControl = document.createElement(\"div\");\n-            googleControl.style.width = \"100%\";\n-            googleControl.style.height = \"100%\";\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache\n-        }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility)\n-    },\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\")\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break\n-                }\n-            }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter())\n-                        })\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, \"resize\")\n-                    }\n-                }\n-                this.mapObject.setMapTypeId(type)\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container)\n-            }\n-        }\n-    },\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-        var delta_x = moPixel.x - size.w / 2;\n-        var delta_y = moPixel.y - size.h / 2;\n-        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent)\n-        }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n-                mapContainer.style.visibility = \"\"\n-            });\n-            mapContainer.style.visibility = \"hidden\"\n-        }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n-        })\n-    },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y)\n-    }\n-};\n-OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n-    bounds: null,\n-    div: null,\n-    initialize: function(bounds, borderColor, borderWidth) {\n-        this.bounds = bounds;\n-        this.div = OpenLayers.Util.createDiv();\n-        this.div.style.overflow = \"hidden\";\n-        this.events = new OpenLayers.Events(this, this.div);\n-        this.setBorder(borderColor, borderWidth)\n-    },\n-    destroy: function() {\n-        this.bounds = null;\n-        this.div = null;\n-        OpenLayers.Marker.prototype.destroy.apply(this, arguments)\n-    },\n-    setBorder: function(color, width) {\n-        if (!color) {\n-            color = \"red\"\n-        }\n-        if (!width) {\n-            width = 2\n-        }\n-        this.div.style.border = width + \"px solid \" + color\n-    },\n-    draw: function(px, sz) {\n-        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n-        return this.div\n-    },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsBounds(this.bounds, true, true)\n-        }\n-        return onScreen\n-    },\n-    display: function(display) {\n-        this.div.style.display = display ? \"\" : \"none\"\n-    },\n-    CLASS_NAME: \"OpenLayers.Marker.Box\"\n-});\n-OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_BUTTON,\n-    trigger: function() {},\n-    CLASS_NAME: \"OpenLayers.Control.Button\"\n-});\n-OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n-});\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-    target: null,\n-    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n-    startRegEx: /^mousedown|touchstart$/,\n-    cancelRegEx: /^touchmove$/,\n-    completeRegEx: /^mouseup|touchend$/,\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            })\n-        }\n-    },\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick)\n-        }\n-        delete this.target\n-    },\n-    getPressedButton: function(element) {\n-        var depth = 3,\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                button = element;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return button\n-    },\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === \"a\") {\n-                ignore = true;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return ignore\n-    },\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        })\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt\n-            }\n-        }\n-        return propagate\n-    }\n-});\n-OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    buttons: null,\n-    position: null,\n-    initialize: function(options) {\n-        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X, OpenLayers.Control.PanZoom.Y);\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        this.removeButtons();\n-        this.buttons = null;\n-        this.position = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-    },\n-    draw: function(px) {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position;\n-        this.buttons = [];\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-        px.y = centered.y + sz.h;\n-        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n-        this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-        this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-        this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered.add(0, sz.h * 4 + 5), sz);\n-        this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered.add(0, sz.h * 5 + 5), sz);\n-        return this.div\n-    },\n-    _addButton: function(id, img, xy, sz) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(img);\n-        var btn = OpenLayers.Util.createAlphaImageDiv(this.id + \"_\" + id, xy, sz, imgLocation, \"absolute\");\n-        btn.style.cursor = \"pointer\";\n-        this.div.appendChild(btn);\n-        btn.action = id;\n-        btn.className = \"olButton\";\n-        this.buttons.push(btn);\n-        return btn\n-    },\n-    _removeButton: function(btn) {\n-        this.div.removeChild(btn);\n-        OpenLayers.Util.removeItem(this.buttons, btn)\n-    },\n-    removeButtons: function() {\n-        for (var i = this.buttons.length - 1; i >= 0; --i) {\n-            this._removeButton(this.buttons[i])\n-        }\n-    },\n-    onButtonClick: function(evt) {\n-        var btn = evt.buttonElement;\n-        switch (btn.action) {\n-            case \"panup\":\n-                this.map.pan(0, -this.getSlideFactor(\"h\"));\n-                break;\n-            case \"pandown\":\n-                this.map.pan(0, this.getSlideFactor(\"h\"));\n-                break;\n-            case \"panleft\":\n-                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"panright\":\n-                this.map.pan(this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"zoomin\":\n-                this.map.zoomIn();\n-                break;\n-            case \"zoomout\":\n-                this.map.zoomOut();\n-                break;\n-            case \"zoomworld\":\n-                this.map.zoomToMaxExtent();\n-                break\n-        }\n-    },\n-    getSlideFactor: function(dim) {\n-        return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n-});\n-OpenLayers.Control.PanZoom.X = 4;\n-OpenLayers.Control.PanZoom.Y = 4;\n-OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    layers: null,\n-    defaultHandlerOptions: {\n-        delay: 300,\n-        pixelTolerance: 4,\n-        stopMove: false,\n-        single: true,\n-        double: false,\n-        stopSingle: false,\n-        stopDouble: false\n-    },\n-    handlerMode: \"click\",\n-    setHandler: function(hm) {\n-        this.handlerMode = hm;\n-        this.resetHandler()\n-    },\n-    resetHandler: function() {\n-        if (this.handler) {\n-            this.handler.deactivate();\n-            this.handler.destroy();\n-            this.handler = null\n-        }\n-        if (this.handlerMode == \"hover\") {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                pause: this.handleEvent,\n-                move: this.reset\n-            }, this.handlerOptions)\n-        } else if (this.handlerMode == \"click\") {\n-            this.handler = new OpenLayers.Handler.Click(this, {\n-                click: this.handleEvent\n-            }, this.handlerOptions)\n-        } else if (this.handlerMode == \"move\") {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                pause: this.handleEvent,\n-                move: this.handleEvent\n-            }, this.handlerOptions)\n-        }\n-        if (this.handler) {\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.resetHandler()\n-    },\n-    handleEvent: function(evt) {\n-        if (evt == null) {\n-            this.reset();\n-            return\n-        }\n-        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n-        if (!lonLat) {\n-            return\n-        }\n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var infoLookup = {};\n-            var layer, idx;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n-                infoLookup[idx] = layer.getFeatureInfo(lonLat)\n-            }\n-            this.callback(infoLookup, lonLat, evt.xy)\n-        }\n-    },\n-    callback: function(infoLookup) {},\n-    reset: function(evt) {\n-        this.callback(null)\n-    },\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n-                layers.push(layer)\n-            }\n-        }\n-        return layers\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n-});\n-OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n-    geometryTypes: null,\n-    onStart: function(feature, pixel) {},\n-    onDrag: function(feature, pixel) {},\n-    onComplete: function(feature, pixel) {},\n-    onEnter: function(feature) {},\n-    onLeave: function(feature) {},\n-    documentDrag: false,\n-    layer: null,\n-    feature: null,\n-    dragCallbacks: {},\n-    featureCallbacks: {},\n-    lastPixel: null,\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        this.handlers = {\n-            drag: new OpenLayers.Handler.Drag(this, OpenLayers.Util.extend({\n-                down: this.downFeature,\n-                move: this.moveFeature,\n-                up: this.upFeature,\n-                out: this.cancel,\n-                done: this.doneDragging\n-            }, this.dragCallbacks), {\n-                documentDrag: this.documentDrag\n-            }),\n-            feature: new OpenLayers.Handler.Feature(this, this.layer, OpenLayers.Util.extend({\n-                click: this.clickFeature,\n-                clickout: this.clickoutFeature,\n-                over: this.overFeature,\n-                out: this.outFeature\n-            }, this.featureCallbacks), {\n-                geometryTypes: this.geometryTypes\n-            })\n-        }\n-    },\n-    clickFeature: function(feature) {\n-        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n-            this.handlers.drag.dragstart(this.handlers.feature.evt);\n-            this.handlers.drag.stopDown = false\n-        }\n-    },\n-    clickoutFeature: function(feature) {\n-        if (this.handlers.feature.touch && this.over) {\n-            this.outFeature(feature);\n-            this.handlers.drag.stopDown = true\n-        }\n-    },\n-    destroy: function() {\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, [])\n-    },\n-    activate: function() {\n-        return this.handlers.feature.activate() && OpenLayers.Control.prototype.activate.apply(this, arguments)\n-    },\n-    deactivate: function() {\n-        this.handlers.drag.deactivate();\n-        this.handlers.feature.deactivate();\n-        this.feature = null;\n-        this.dragging = false;\n-        this.lastPixel = null;\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    overFeature: function(feature) {\n-        var activated = false;\n-        if (!this.handlers.drag.dragging) {\n-            this.feature = feature;\n-            this.handlers.drag.activate();\n-            activated = true;\n-            this.over = true;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onEnter(feature)\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = true\n-            } else {\n-                this.over = false\n-            }\n-        }\n-        return activated\n-    },\n-    downFeature: function(pixel) {\n-        this.lastPixel = pixel;\n-        this.onStart(this.feature, pixel)\n-    },\n-    moveFeature: function(pixel) {\n-        var res = this.map.getResolution();\n-        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x), res * (this.lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this.feature);\n-        this.lastPixel = pixel;\n-        this.onDrag(this.feature, pixel)\n-    },\n-    upFeature: function(pixel) {\n-        if (!this.over) {\n-            this.handlers.drag.deactivate()\n-        }\n-    },\n-    doneDragging: function(pixel) {\n-        this.onComplete(this.feature, pixel)\n-    },\n-    outFeature: function(feature) {\n-        if (!this.handlers.drag.dragging) {\n-            this.over = false;\n-            this.handlers.drag.deactivate();\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onLeave(feature);\n-            this.feature = null\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = false\n-            }\n-        }\n-    },\n-    cancel: function() {\n-        this.handlers.drag.deactivate();\n-        this.over = false\n-    },\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        this.handlers.feature.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n-});\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-    geolocation: null,\n-    available: \"geolocation\" in navigator,\n-    bind: true,\n-    watch: false,\n-    geolocationOptions: null,\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            this.geolocation = navigator.geolocation\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false\n-        }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n-            } else {\n-                this.getCurrentLocation()\n-            }\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId)\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n-        if (this.bind) {\n-            this.map.setCenter(center)\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n-        })\n-    },\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false\n-        }\n-        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n-        return true\n-    },\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        })\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n-});\n-OpenLayers.Control.Split = OpenLayers.Class(OpenLayers.Control, {\n-    layer: null,\n-    source: null,\n-    sourceOptions: null,\n-    tolerance: null,\n-    edge: true,\n-    deferDelete: false,\n-    mutual: true,\n-    targetFilter: null,\n-    sourceFilter: null,\n-    handler: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.options = options || {};\n-        if (this.options.source) {\n-            this.setSource(this.options.source)\n-        }\n-    },\n-    setSource: function(layer) {\n-        if (this.active) {\n-            this.deactivate();\n-            if (this.handler) {\n-                this.handler.destroy();\n-                delete this.handler\n-            }\n-            this.source = layer;\n-            this.activate()\n-        } else {\n-            this.source = layer\n-        }\n-    },\n-    activate: function() {\n-        var activated = OpenLayers.Control.prototype.activate.call(this);\n-        if (activated) {\n-            if (!this.source) {\n-                if (!this.handler) {\n-                    this.handler = new OpenLayers.Handler.Path(this, {\n-                        done: function(geometry) {\n-                            this.onSketchComplete({\n-                                feature: new OpenLayers.Feature.Vector(geometry)\n-                            })\n-                        }\n-                    }, {\n-                        layerOptions: this.sourceOptions\n-                    })\n-                }\n-                this.handler.activate()\n-            } else if (this.source.events) {\n-                this.source.events.on({\n-                    sketchcomplete: this.onSketchComplete,\n-                    afterfeaturemodified: this.afterFeatureModified,\n-                    scope: this\n-                })\n-            }\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.source && this.source.events) {\n-                this.source.events.un({\n-                    sketchcomplete: this.onSketchComplete,\n-                    afterfeaturemodified: this.afterFeatureModified,\n-                    scope: this\n-                })\n-            }\n-        }\n-        return deactivated\n-    },\n-    onSketchComplete: function(event) {\n-        this.feature = null;\n-        return !this.considerSplit(event.feature)\n-    },\n-    afterFeatureModified: function(event) {\n-        if (event.modified) {\n-            var feature = event.feature;\n-            if (typeof feature.geometry.split === \"function\") {\n-                this.feature = event.feature;\n-                this.considerSplit(event.feature)\n-            }\n-        }\n-    },\n-    removeByGeometry: function(features, geometry) {\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            if (features[i].geometry === geometry) {\n-                features.splice(i, 1);\n-                break\n-            }\n-        }\n-    },\n-    isEligible: function(target) {\n-        if (!target.geometry) {\n-            return false\n-        } else {\n-            return target.state !== OpenLayers.State.DELETE && typeof target.geometry.split === \"function\" && this.feature !== target && (!this.targetFilter || this.targetFilter.evaluate(target.attributes))\n-        }\n-    },\n-    considerSplit: function(feature) {\n-        var sourceSplit = false;\n-        var targetSplit = false;\n-        if (!this.sourceFilter || this.sourceFilter.evaluate(feature.attributes)) {\n-            var features = this.layer && this.layer.features || [];\n-            var target, results, proceed;\n-            var additions = [],\n-                removals = [];\n-            var mutual = this.layer === this.source && this.mutual;\n-            var options = {\n-                edge: this.edge,\n-                tolerance: this.tolerance,\n-                mutual: mutual\n-            };\n-            var sourceParts = [feature.geometry];\n-            var targetFeature, targetParts;\n-            var source, parts;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                targetFeature = features[i];\n-                if (this.isEligible(targetFeature)) {\n-                    targetParts = [targetFeature.geometry];\n-                    for (var j = 0; j < sourceParts.length; ++j) {\n-                        source = sourceParts[j];\n-                        for (var k = 0; k < targetParts.length; ++k) {\n-                            target = targetParts[k];\n-                            if (source.getBounds().intersectsBounds(target.getBounds())) {\n-                                results = source.split(target, options);\n-                                if (results) {\n-                                    proceed = this.events.triggerEvent(\"beforesplit\", {\n-                                        source: feature,\n-                                        target: targetFeature\n-                                    });\n-                                    if (proceed !== false) {\n-                                        if (mutual) {\n-                                            parts = results[0];\n-                                            if (parts.length > 1) {\n-                                                parts.unshift(j, 1);\n-                                                Array.prototype.splice.apply(sourceParts, parts);\n-                                                j += parts.length - 3\n-                                            }\n-                                            results = results[1]\n-                                        }\n-                                        if (results.length > 1) {\n-                                            results.unshift(k, 1);\n-                                            Array.prototype.splice.apply(targetParts, results);\n-                                            k += results.length - 3\n-                                        }\n-                                    }\n-                                }\n-                            }\n-                        }\n-                    }\n-                    if (targetParts && targetParts.length > 1) {\n-                        this.geomsToFeatures(targetFeature, targetParts);\n-                        this.events.triggerEvent(\"split\", {\n-                            original: targetFeature,\n-                            features: targetParts\n-                        });\n-                        Array.prototype.push.apply(additions, targetParts);\n-                        removals.push(targetFeature);\n-                        targetSplit = true\n-                    }\n-                }\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                this.geomsToFeatures(feature, sourceParts);\n-                this.events.triggerEvent(\"split\", {\n-                    original: feature,\n-                    features: sourceParts\n-                });\n-                Array.prototype.push.apply(additions, sourceParts);\n-                removals.push(feature);\n-                sourceSplit = true\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (this.deferDelete) {\n-                    var feat, destroys = [];\n-                    for (var i = 0, len = removals.length; i < len; ++i) {\n-                        feat = removals[i];\n-                        if (feat.state === OpenLayers.State.INSERT) {\n-                            destroys.push(feat)\n-                        } else {\n-                            feat.state = OpenLayers.State.DELETE;\n-                            this.layer.drawFeature(feat)\n-                        }\n-                    }\n-                    this.layer.destroyFeatures(destroys, {\n-                        silent: true\n-                    });\n-                    for (var i = 0, len = additions.length; i < len; ++i) {\n-                        additions[i].state = OpenLayers.State.INSERT\n-                    }\n-                } else {\n-                    this.layer.destroyFeatures(removals, {\n-                        silent: true\n-                    })\n-                }\n-                this.layer.addFeatures(additions, {\n-                    silent: true\n-                });\n-                this.events.triggerEvent(\"aftersplit\", {\n-                    source: feature,\n-                    features: additions\n-                })\n-            }\n-        }\n-        return sourceSplit\n-    },\n-    geomsToFeatures: function(feature, geoms) {\n-        var clone = feature.clone();\n-        delete clone.geometry;\n-        var newFeature;\n-        for (var i = 0, len = geoms.length; i < len; ++i) {\n-            newFeature = clone.clone();\n-            newFeature.geometry = geoms[i];\n-            newFeature.state = OpenLayers.State.INSERT;\n-            geoms[i] = newFeature\n-        }\n-    },\n-    destroy: function() {\n-        if (this.active) {\n-            this.deactivate()\n-        }\n-        OpenLayers.Control.prototype.destroy.call(this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Split\"\n-});\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n-    controls: null,\n-    autoActivate: true,\n-    defaultControl: null,\n-    saveState: false,\n-    allowDepress: false,\n-    activeState: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {}\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                })\n-            }\n-            ctl.panel_div = null\n-        }\n-        this.activeState = null\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n-                    control.activate()\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate()\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div\n-    },\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i])\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div)\n-            }\n-        }\n-    },\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate()\n-            } else {\n-                control.activate()\n-            }\n-            return\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate()\n-        } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate()\n-                }\n-            }\n-            control.activate()\n-        }\n-    },\n-    addControls: function(controls) {\n-        if (!OpenLayers.Util.isArray(controls)) {\n-            controls = [controls]\n-        }\n-        this.controls = this.controls.concat(controls);\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title\n-            }\n-            control.panel_div = element\n-        }\n-        if (this.map) {\n-            this.addControlsToMap(controls);\n-            this.redraw()\n-        }\n-    },\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\")\n-    },\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate()\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            })\n-        }\n-    },\n-    iconOn: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\")\n-    },\n-    iconOff: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\")\n-    },\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break\n-            }\n-        }\n-    },\n-    getControlsBy: function(property, match) {\n-        var test = typeof match.test == \"function\";\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || test && match.test(item[property])\n-        });\n-        return found\n-    },\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match)\n-    },\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n-});\n-OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n-    separator: \", \",\n-    template: \"${layers}\",\n-    destroy: function() {\n-        this.map.events.un({\n-            removelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            changebaselayer: this.updateAttribution,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            removelayer: this.updateAttribution,\n-            scope: this\n-        });\n-        this.updateAttribution();\n-        return this.div\n-    },\n-    updateAttribution: function() {\n-        var attributions = [];\n-        if (this.map && this.map.layers) {\n-            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                if (layer.attribution && layer.getVisibility()) {\n-                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n-                        attributions.push(layer.attribution)\n-                    }\n-                }\n-            }\n-            this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                layers: attributions.join(this.separator)\n-            })\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-});\n-OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomIn()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n-});\n-OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n-    layerIdentifier: \"_layer\",\n-    featureIdentifier: \"_feature\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    gmlFormat: null,\n-    read: function(data) {\n-        var result;\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var root = data.documentElement;\n-        if (root) {\n-            var scope = this;\n-            var read = this[\"read_\" + root.nodeName];\n-            if (read) {\n-                result = read.call(this, root)\n-            } else {\n-                result = new OpenLayers.Format.GML(this.options ? this.options : {}).read(data)\n-            }\n-        } else {\n-            result = data\n-        }\n-        return result\n-    },\n-    read_msGMLOutput: function(data) {\n-        var response = [];\n-        var layerNodes = this.getSiblingNodesByTagCriteria(data, this.layerIdentifier);\n-        if (layerNodes) {\n-            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n-                var node = layerNodes[i];\n-                var layerName = node.nodeName;\n-                if (node.prefix) {\n-                    layerName = layerName.split(\":\")[1]\n-                }\n-                var layerName = layerName.replace(this.layerIdentifier, \"\");\n-                var featureNodes = this.getSiblingNodesByTagCriteria(node, this.featureIdentifier);\n-                if (featureNodes) {\n-                    for (var j = 0; j < featureNodes.length; j++) {\n-                        var featureNode = featureNodes[j];\n-                        var geomInfo = this.parseGeometry(featureNode);\n-                        var attributes = this.parseAttributes(featureNode);\n-                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry, attributes, null);\n-                        feature.bounds = geomInfo.bounds;\n-                        feature.type = layerName;\n-                        response.push(feature)\n-                    }\n-                }\n-            }\n-        }\n-        return response\n-    },\n-    read_FeatureInfoResponse: function(data) {\n-        var response = [];\n-        var featureNodes = this.getElementsByTagNameNS(data, \"*\", \"FIELDS\");\n-        for (var i = 0, len = featureNodes.length; i < len; i++) {\n-            var featureNode = featureNodes[i];\n-            var geom = null;\n-            var attributes = {};\n-            var j;\n-            var jlen = featureNode.attributes.length;\n-            if (jlen > 0) {\n-                for (j = 0; j < jlen; j++) {\n-                    var attribute = featureNode.attributes[j];\n-                    attributes[attribute.nodeName] = attribute.nodeValue\n-                }\n-            } else {\n-                var nodes = featureNode.childNodes;\n-                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n-                    var node = nodes[j];\n-                    if (node.nodeType != 3) {\n-                        attributes[node.getAttribute(\"name\")] = node.getAttribute(\"value\")\n-                    }\n-                }\n-            }\n-            response.push(new OpenLayers.Feature.Vector(geom, attributes, null))\n-        }\n-        return response\n-    },\n-    getSiblingNodesByTagCriteria: function(node, criteria) {\n-        var nodes = [];\n-        var children, tagName, n, matchNodes, child;\n-        if (node && node.hasChildNodes()) {\n-            children = node.childNodes;\n-            n = children.length;\n-            for (var k = 0; k < n; k++) {\n-                child = children[k];\n-                while (child && child.nodeType != 1) {\n-                    child = child.nextSibling;\n-                    k++\n-                }\n-                tagName = child ? child.nodeName : \"\";\n-                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n-                    nodes.push(child)\n-                } else {\n-                    matchNodes = this.getSiblingNodesByTagCriteria(child, criteria);\n-                    if (matchNodes.length > 0) {\n-                        nodes.length == 0 ? nodes = matchNodes : nodes.push(matchNodes)\n-                    }\n-                }\n-            }\n-        }\n-        return nodes\n-    },\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        if (node.nodeType == 1) {\n-            var children = node.childNodes;\n-            var n = children.length;\n-            for (var i = 0; i < n; ++i) {\n-                var child = children[i];\n-                if (child.nodeType == 1) {\n-                    var grandchildren = child.childNodes;\n-                    var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n-                    if (grandchildren.length == 0) {\n-                        attributes[name] = null\n-                    } else if (grandchildren.length == 1) {\n-                        var grandchild = grandchildren[0];\n-                        if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                            var value = grandchild.nodeValue.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes\n-    },\n-    parseGeometry: function(node) {\n-        if (!this.gmlFormat) {\n-            this.gmlFormat = new OpenLayers.Format.GML\n-        }\n-        var feature = this.gmlFormat.parseFeature(node);\n-        var geometry, bounds = null;\n-        if (feature) {\n-            geometry = feature.geometry && feature.geometry.clone();\n-            bounds = feature.bounds && feature.bounds.clone();\n-            feature.destroy()\n-        }\n-        return {\n-            geometry: geometry,\n-            bounds: bounds\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n-});\n-OpenLayers.Control.WMTSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n-    hover: false,\n-    requestEncoding: \"KVP\",\n-    drillDown: false,\n-    maxFeatures: 10,\n-    clickCallback: \"click\",\n-    layers: null,\n-    queryVisible: true,\n-    infoFormat: \"text/html\",\n-    vendorParams: {},\n-    format: null,\n-    formatOptions: null,\n-    handler: null,\n-    hoverRequest: null,\n-    pending: 0,\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || {};\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n-        }\n-        if (this.drillDown === true) {\n-            this.hover = false\n-        }\n-        if (this.hover) {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                move: this.cancelHover,\n-                pause: this.getInfoForHover\n-            }, OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n-                delay: 250\n-            }))\n-        } else {\n-            var callbacks = {};\n-            callbacks[this.clickCallback] = this.getInfoForClick;\n-            this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n-        }\n-    },\n-    getInfoForClick: function(evt) {\n-        this.request(evt.xy, {})\n-    },\n-    getInfoForHover: function(evt) {\n-        this.request(evt.xy, {\n-            hover: true\n-        })\n-    },\n-    cancelHover: function() {\n-        if (this.hoverRequest) {\n-            --this.pending;\n-            if (this.pending <= 0) {\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-                this.pending = 0\n-            }\n-            this.hoverRequest.abort();\n-            this.hoverRequest = null\n-        }\n-    },\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMTS && layer.requestEncoding === this.requestEncoding && (!this.queryVisible || layer.getVisibility())) {\n-                layers.push(layer);\n-                if (!this.drillDown || this.hover) {\n-                    break\n-                }\n-            }\n-        }\n-        return layers\n-    },\n-    buildRequestOptions: function(layer, xy) {\n-        var loc = this.map.getLonLatFromPixel(xy);\n-        var getTileUrl = layer.getURL(new OpenLayers.Bounds(loc.lon, loc.lat, loc.lon, loc.lat));\n-        var params = OpenLayers.Util.getParameters(getTileUrl);\n-        var tileInfo = layer.getTileInfo(loc);\n-        OpenLayers.Util.extend(params, {\n-            service: \"WMTS\",\n-            version: layer.version,\n-            request: \"GetFeatureInfo\",\n-            infoFormat: this.infoFormat,\n-            i: tileInfo.i,\n-            j: tileInfo.j\n-        });\n-        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n-        return {\n-            url: OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url,\n-            params: OpenLayers.Util.upperCaseObject(params),\n-            callback: function(request) {\n-                this.handleResponse(xy, request, layer)\n-            },\n-            scope: this\n-        }\n-    },\n-    request: function(xy, options) {\n-        options = options || {};\n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var issue, layer;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                issue = this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-                    xy: xy,\n-                    layer: layer\n-                });\n-                if (issue !== false) {\n-                    ++this.pending;\n-                    var requestOptions = this.buildRequestOptions(layer, xy);\n-                    var request = OpenLayers.Request.GET(requestOptions);\n-                    if (options.hover === true) {\n-                        this.hoverRequest = request\n-                    }\n-                }\n-            }\n-            if (this.pending > 0) {\n-                OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\")\n-            }\n-        }\n-    },\n-    handleResponse: function(xy, request, layer) {\n-        --this.pending;\n-        if (this.pending <= 0) {\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            this.pending = 0\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"exception\", {\n-                xy: xy,\n-                request: request,\n-                layer: layer\n-            })\n-        } else {\n-            var doc = request.responseXML;\n-            if (!doc || !doc.documentElement) {\n-                doc = request.responseText\n-            }\n-            var features, except;\n-            try {\n-                features = this.format.read(doc)\n-            } catch (error) {\n-                except = true;\n-                this.events.triggerEvent(\"exception\", {\n-                    xy: xy,\n-                    request: request,\n-                    error: error,\n-                    layer: layer\n-                })\n-            }\n-            if (!except) {\n-                this.events.triggerEvent(\"getfeatureinfo\", {\n-                    text: request.responseText,\n-                    features: features,\n-                    request: request,\n-                    xy: xy,\n-                    layer: layer\n-                })\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n-});\n-OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    direction: null,\n-    initialize: function(direction, options) {\n-        this.direction = direction;\n-        this.CLASS_NAME += this.direction;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options])\n-    },\n-    trigger: function() {\n-        if (this.map) {\n-            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n-                return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n-            }, this);\n-            switch (this.direction) {\n-                case OpenLayers.Control.Pan.NORTH:\n-                    this.map.pan(0, -getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.SOUTH:\n-                    this.map.pan(0, getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.WEST:\n-                    this.map.pan(-getSlideFactor(\"w\"), 0);\n-                    break;\n-                case OpenLayers.Control.Pan.EAST:\n-                    this.map.pan(getSlideFactor(\"w\"), 0);\n-                    break\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Pan\"\n-});\n-OpenLayers.Control.Pan.NORTH = \"North\";\n-OpenLayers.Control.Pan.SOUTH = \"South\";\n-OpenLayers.Control.Pan.EAST = \"East\";\n-OpenLayers.Control.Pan.WEST = \"West\";\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    panned: false,\n-    interval: 0,\n-    documentDrag: false,\n-    kinetic: null,\n-    enableKinetic: true,\n-    kineticInterval: 10,\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic)\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config)\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            move: this.panMap,\n-            done: this.panMapDone,\n-            down: this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        })\n-    },\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin()\n-        }\n-    },\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy)\n-        }\n-        this.panned = true;\n-        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-            dragging: true,\n-            animate: false\n-        })\n-    },\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy)\n-            }\n-            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-                dragging: !!res,\n-                animate: false\n-            });\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    })\n-                })\n-            }\n-            this.panned = false\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n-});\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    pinchOrigin: null,\n-    currentCenter: null,\n-    autoActivate: true,\n-    preserveCenter: false,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions)\n-    },\n-    pinchStart: function(evt, pinchData) {\n-        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy\n-    },\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current\n-    },\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n-            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n-            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n-            this.map.setCenter(location, zoom)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n-});\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n-    dragPan: null,\n-    dragPanOptions: null,\n-    pinchZoom: null,\n-    pinchZoomOptions: null,\n-    clickHandlerOptions: null,\n-    documentDrag: false,\n-    autoActivate: true,\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy()\n-        }\n-        this.dragPan = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true\n-        }\n-        return false\n-    },\n-    draw: function() {\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n-        };\n-        var clickOptions = OpenLayers.Util.extend({\n-            double: true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n-        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n-        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n-            map: this.map,\n-            documentDrag: this.documentDrag\n-        }, this.dragPanOptions));\n-        this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-            map: this.map\n-        }, this.pinchZoomOptions))\n-    },\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n-});\n-OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n-    element: null,\n-    geodesic: false,\n-    initialize: function(element, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.element = OpenLayers.Util.getElement(element)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.element = document.createElement(\"div\");\n-            this.div.appendChild(this.element)\n-        }\n-        this.map.events.register(\"moveend\", this, this.updateScale);\n-        this.updateScale();\n-        return this.div\n-    },\n-    updateScale: function() {\n-        var scale;\n-        if (this.geodesic === true) {\n-            var units = this.map.getUnits();\n-            if (!units) {\n-                return\n-            }\n-            var inches = OpenLayers.INCHES_PER_UNIT;\n-            scale = (this.map.getGeodesicPixelSize().w || 1e-6) * inches[\"km\"] * OpenLayers.DOTS_PER_INCH\n-        } else {\n-            scale = this.map.getScale()\n-        }\n-        if (!scale) {\n-            return\n-        }\n-        if (scale >= 9500 && scale <= 95e4) {\n-            scale = Math.round(scale / 1e3) + \"K\"\n-        } else if (scale >= 95e4) {\n-            scale = Math.round(scale / 1e6) + \"M\"\n-        } else {\n-            scale = Math.round(scale)\n-        }\n-        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n-            scaleDenom: scale\n-        })\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Scale\"\n-});\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n-    layerStates: null,\n-    layersDiv: null,\n-    baseLayersDiv: null,\n-    baseLayers: null,\n-    dataLbl: null,\n-    dataLayersDiv: null,\n-    dataLayers: null,\n-    minimizeDiv: null,\n-    maximizeDiv: null,\n-    ascending: true,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = []\n-    },\n-    destroy: function() {\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n-        this.loadContents();\n-        if (!this.outsideViewport) {\n-            this.minimizeControl()\n-        }\n-        this.redraw();\n-        return this.div\n-    },\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl()\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl()\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"])\n-            }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap()\n-                }\n-            }\n-        }\n-    },\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = []\n-    },\n-    checkRedraw: function() {\n-        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n-            return true\n-        }\n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n-                return true\n-            }\n-        }\n-        return false\n-    },\n-    redraw: function() {\n-        if (!this.checkRedraw()) {\n-            return this.div\n-        }\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                name: layer.name,\n-                visibility: layer.visibility,\n-                inRange: layer.inRange,\n-                id: layer.id\n-            }\n-        }\n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse()\n-        }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n-            if (layer.displayInLayerSwitcher) {\n-                if (baseLayer) {\n-                    containsBaseLayers = true\n-                } else {\n-                    containsOverlays = true\n-                }\n-                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n-                var inputElem = document.createElement(\"input\"),\n-                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n-                inputElem.id = inputId;\n-                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true\n-                }\n-                var labelSpan = document.createElement(\"label\");\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\"\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n-                var br = document.createElement(\"br\");\n-                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n-                groupArray.push({\n-                    layer: layer,\n-                    inputElem: inputElem,\n-                    labelSpan: labelSpan\n-                });\n-                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br)\n-            }\n-        }\n-        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n-        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n-        return this.div\n-    },\n-    updateMap: function() {\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false)\n-            }\n-        }\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n-        }\n-    },\n-    maximizeControl: function(e) {\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n-        this.showControls(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    minimizeControl: function(e) {\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n-        this.showControls(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    showControls: function(minimize) {\n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n-        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n-    },\n-    loadContents: function() {\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv)\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv)\n-        }\n-        this.div.appendChild(this.layersDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.maximizeDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.minimizeDiv)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n-});\n-OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    profile: null,\n-    defaultVersion: \"1.0.0\",\n-    stringifyOutput: true,\n-    namedLayersAsArray: false,\n-    CLASS_NAME: \"OpenLayers.Format.SLD\"\n-});\n-OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n-    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n-    initialize: function(options) {\n-        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options])\n-    },\n-    readers: {\n-        gml: OpenLayers.Util.applyDefaults({\n-            outerBoundaryIs: function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.outer = obj.components[0]\n-            },\n-            innerBoundaryIs: function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.inner.push(obj.components[0])\n-            },\n-            Box: function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                if (!container.components) {\n-                    container.components = []\n-                }\n-                var min = obj.points[0];\n-                var max = obj.points[1];\n-                container.components.push(new OpenLayers.Bounds(min.x, min.y, max.x, max.y))\n-            }\n-        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n-        feature: OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n-        wfs: OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n-    },\n-    write: function(features) {\n-        var name;\n-        if (OpenLayers.Util.isArray(features)) {\n-            name = \"wfs:FeatureCollection\"\n-        } else {\n-            name = \"gml:featureMember\"\n-        }\n-        var root = this.writeNode(name, features);\n-        this.setAttributeNS(root, this.namespaces[\"xsi\"], \"xsi:schemaLocation\", this.schemaLocation);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n+        var root = this.writeNode(name, features);\n+        this.setAttributeNS(root, this.namespaces[\"xsi\"], \"xsi:schemaLocation\", this.schemaLocation);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n     },\n     writers: {\n         gml: OpenLayers.Util.applyDefaults({\n             Point: function(geometry) {\n                 var node = this.createElementNSPlus(\"gml:Point\");\n                 this.writeNode(\"coordinates\", [geometry], node);\n                 return node\n@@ -23004,763 +19192,14 @@\n                 break\n             }\n         }\n         canApply && this._queue.call(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n });\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    out: false,\n-    keyMask: null,\n-    alwaysZoom: false,\n-    zoomOnClick: true,\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n-    },\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds, targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n-                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n-                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n-                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n-            }\n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n-                };\n-                this.map.zoomTo(zoom, zoomOriginPx)\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n-            }\n-        } else if (this.zoomOnClick) {\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position)\n-            } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position)\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n-});\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n-    dragPan: null,\n-    dragPanOptions: null,\n-    pinchZoom: null,\n-    pinchZoomOptions: null,\n-    documentDrag: false,\n-    zoomBox: null,\n-    zoomBoxEnabled: true,\n-    zoomWheelEnabled: true,\n-    mouseWheelOptions: null,\n-    handleRightClicks: false,\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n-    autoActivate: true,\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy()\n-        }\n-        this.dragPan = null;\n-        if (this.zoomBox) {\n-            this.zoomBox.destroy()\n-        }\n-        this.zoomBox = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy()\n-        }\n-        this.pinchZoom = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate()\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate()\n-        }\n-        if (this.pinchZoom) {\n-            this.pinchZoom.activate()\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n-    },\n-    deactivate: function() {\n-        if (this.pinchZoom) {\n-            this.pinchZoom.deactivate()\n-        }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    draw: function() {\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n-        }\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick,\n-            dblrightclick: this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            double: true,\n-            stopDouble: true\n-        };\n-        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n-        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n-            map: this.map,\n-            documentDrag: this.documentDrag\n-        }, this.dragPanOptions));\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n-        this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n-            up: this.wheelUp,\n-            down: this.wheelDown\n-        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions))\n-        }\n-    },\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n-    },\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n-    },\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ)\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return\n-        }\n-        this.map.zoomTo(newZoom, evt.xy)\n-    },\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1)\n-    },\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1)\n-    },\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate()\n-    },\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate()\n-        }\n-    },\n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate()\n-    },\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n-});\n-OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.Navigation, new OpenLayers.Control.ZoomBox])\n-    },\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0]\n-        }\n-        return div\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n-});\n-OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n-    fetchEvent: \"tileloadstart\",\n-    layers: null,\n-    autoActivate: true,\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            })\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n-        }\n-    },\n-    addLayer: function(evt) {\n-        evt.layer.events.register(this.fetchEvent, this, this.fetch)\n-    },\n-    removeLayer: function(evt) {\n-        evt.layer.events.unregister(this.fetchEvent, this, this.fetch)\n-    },\n-    fetch: function(evt) {\n-        if (this.active && window.localStorage && evt.tile instanceof OpenLayers.Tile.Image) {\n-            var tile = evt.tile,\n-                url = tile.url;\n-            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost && url.indexOf(OpenLayers.ProxyHost) === 0) {\n-                url = OpenLayers.Control.CacheWrite.urlMap[url]\n-            }\n-            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n-            if (dataURI) {\n-                tile.url = dataURI;\n-                if (evt.type === \"tileerror\") {\n-                    tile.setImgSrc(dataURI)\n-                }\n-            }\n-        }\n-    },\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                })\n-            }\n-        }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n-});\n-OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n-    element: null,\n-    ovmap: null,\n-    size: {\n-        w: 180,\n-        h: 90\n-    },\n-    layers: null,\n-    minRectSize: 15,\n-    minRectDisplayClass: \"RectReplacement\",\n-    minRatio: 8,\n-    maxRatio: 32,\n-    mapOptions: null,\n-    autoPan: false,\n-    handlers: null,\n-    resolutionFactor: 1,\n-    maximized: false,\n-    maximizeTitle: \"\",\n-    minimizeTitle: \"\",\n-    initialize: function(options) {\n-        this.layers = [];\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, [options])\n-    },\n-    destroy: function() {\n-        if (!this.mapDiv) {\n-            return\n-        }\n-        if (this.handlers.click) {\n-            this.handlers.click.destroy()\n-        }\n-        if (this.handlers.drag) {\n-            this.handlers.drag.destroy()\n-        }\n-        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n-        this.extentRectangle = null;\n-        if (this.rectEvents) {\n-            this.rectEvents.destroy();\n-            this.rectEvents = null\n-        }\n-        if (this.ovmap) {\n-            this.ovmap.destroy();\n-            this.ovmap = null\n-        }\n-        this.element.removeChild(this.mapDiv);\n-        this.mapDiv = null;\n-        this.div.removeChild(this.element);\n-        this.element = null;\n-        if (this.maximizeDiv) {\n-            this.div.removeChild(this.maximizeDiv);\n-            this.maximizeDiv = null\n-        }\n-        if (this.minimizeDiv) {\n-            this.div.removeChild(this.minimizeDiv);\n-            this.minimizeDiv = null\n-        }\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            changebaselayer: this.baseLayerDraw,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.layers.length === 0) {\n-            if (this.map.baseLayer) {\n-                var layer = this.map.baseLayer.clone();\n-                this.layers = [layer]\n-            } else {\n-                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n-                return this.div\n-            }\n-        }\n-        this.element = document.createElement(\"div\");\n-        this.element.className = this.displayClass + \"Element\";\n-        this.element.style.display = \"none\";\n-        this.mapDiv = document.createElement(\"div\");\n-        this.mapDiv.style.width = this.size.w + \"px\";\n-        this.mapDiv.style.height = this.size.h + \"px\";\n-        this.mapDiv.style.position = \"relative\";\n-        this.mapDiv.style.overflow = \"hidden\";\n-        this.mapDiv.id = OpenLayers.Util.createUniqueID(\"overviewMap\");\n-        this.extentRectangle = document.createElement(\"div\");\n-        this.extentRectangle.style.position = \"absolute\";\n-        this.extentRectangle.style.zIndex = 1e3;\n-        this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n-        this.element.appendChild(this.mapDiv);\n-        this.div.appendChild(this.element);\n-        if (!this.outsideViewport) {\n-            this.div.className += \" \" + this.displayClass + \"Container\";\n-            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n-            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(this.displayClass + \"MaximizeButton\", null, null, img, \"absolute\");\n-            this.maximizeDiv.style.display = \"none\";\n-            this.maximizeDiv.className = this.displayClass + \"MaximizeButton olButton\";\n-            if (this.maximizeTitle) {\n-                this.maximizeDiv.title = this.maximizeTitle\n-            }\n-            this.div.appendChild(this.maximizeDiv);\n-            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n-            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_minimizeDiv\", null, null, img, \"absolute\");\n-            this.minimizeDiv.style.display = \"none\";\n-            this.minimizeDiv.className = this.displayClass + \"MinimizeButton olButton\";\n-            if (this.minimizeTitle) {\n-                this.minimizeDiv.title = this.minimizeTitle\n-            }\n-            this.div.appendChild(this.minimizeDiv);\n-            this.minimizeControl()\n-        } else {\n-            this.element.style.display = \"\"\n-        }\n-        if (this.map.getExtent()) {\n-            this.update()\n-        }\n-        this.map.events.on({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            scope: this\n-        });\n-        if (this.maximized) {\n-            this.maximizeControl()\n-        }\n-        return this.div\n-    },\n-    baseLayerDraw: function() {\n-        this.draw();\n-        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw)\n-    },\n-    rectDrag: function(px) {\n-        var deltaX = this.handlers.drag.last.x - px.x;\n-        var deltaY = this.handlers.drag.last.y - px.y;\n-        if (deltaX != 0 || deltaY != 0) {\n-            var rectTop = this.rectPxBounds.top;\n-            var rectLeft = this.rectPxBounds.left;\n-            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n-            var rectWidth = this.rectPxBounds.getWidth();\n-            var newTop = Math.max(0, rectTop - deltaY);\n-            newTop = Math.min(newTop, this.ovmap.size.h - this.hComp - rectHeight);\n-            var newLeft = Math.max(0, rectLeft - deltaX);\n-            newLeft = Math.min(newLeft, this.ovmap.size.w - this.wComp - rectWidth);\n-            this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + rectHeight, newLeft + rectWidth, newTop))\n-        }\n-    },\n-    mapDivClick: function(evt) {\n-        var pxCenter = this.rectPxBounds.getCenterPixel();\n-        var deltaX = evt.xy.x - pxCenter.x;\n-        var deltaY = evt.xy.y - pxCenter.y;\n-        var top = this.rectPxBounds.top;\n-        var left = this.rectPxBounds.left;\n-        var height = Math.abs(this.rectPxBounds.getHeight());\n-        var width = this.rectPxBounds.getWidth();\n-        var newTop = Math.max(0, top + deltaY);\n-        newTop = Math.min(newTop, this.ovmap.size.h - height);\n-        var newLeft = Math.max(0, left + deltaX);\n-        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n-        this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + height, newLeft + width, newTop));\n-        this.updateMapToRect()\n-    },\n-    onButtonClick: function(evt) {\n-        if (evt.buttonElement === this.minimizeDiv) {\n-            this.minimizeControl()\n-        } else if (evt.buttonElement === this.maximizeDiv) {\n-            this.maximizeControl()\n-        }\n-    },\n-    maximizeControl: function(e) {\n-        this.element.style.display = \"\";\n-        this.showToggle(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    minimizeControl: function(e) {\n-        this.element.style.display = \"none\";\n-        this.showToggle(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    showToggle: function(minimize) {\n-        if (this.maximizeDiv) {\n-            this.maximizeDiv.style.display = minimize ? \"\" : \"none\"\n-        }\n-        if (this.minimizeDiv) {\n-            this.minimizeDiv.style.display = minimize ? \"none\" : \"\"\n-        }\n-    },\n-    update: function() {\n-        if (this.ovmap == null) {\n-            this.createMap()\n-        }\n-        if (this.autoPan || !this.isSuitableOverview()) {\n-            this.updateOverview()\n-        }\n-        this.updateRectToMap()\n-    },\n-    isSuitableOverview: function() {\n-        var mapExtent = this.map.getExtent();\n-        var maxExtent = this.map.getMaxExtent();\n-        var testExtent = new OpenLayers.Bounds(Math.max(mapExtent.left, maxExtent.left), Math.max(mapExtent.bottom, maxExtent.bottom), Math.min(mapExtent.right, maxExtent.right), Math.min(mapExtent.top, maxExtent.top));\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            testExtent = testExtent.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        }\n-        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n-        return resRatio > this.minRatio && resRatio <= this.maxRatio && this.ovmap.getExtent().containsBounds(testExtent)\n-    },\n-    updateOverview: function() {\n-        var mapRes = this.map.getResolution();\n-        var targetRes = this.ovmap.getResolution();\n-        var resRatio = targetRes / mapRes;\n-        if (resRatio > this.maxRatio) {\n-            targetRes = this.minRatio * mapRes\n-        } else if (resRatio <= this.minRatio) {\n-            targetRes = this.maxRatio * mapRes\n-        }\n-        var center;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            center = this.map.center.clone();\n-            center.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        } else {\n-            center = this.map.center\n-        }\n-        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(targetRes * this.resolutionFactor));\n-        this.updateRectToMap()\n-    },\n-    createMap: function() {\n-        var options = OpenLayers.Util.extend({\n-            controls: [],\n-            maxResolution: \"auto\",\n-            fallThrough: false\n-        }, this.mapOptions);\n-        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n-        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n-        OpenLayers.Event.stopObserving(window, \"unload\", this.ovmap.unloadDestroy);\n-        this.ovmap.addLayers(this.layers);\n-        this.ovmap.zoomToMaxExtent();\n-        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-left-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-right-width\"));\n-        this.wComp = this.wComp ? this.wComp : 2;\n-        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-top-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-bottom-width\"));\n-        this.hComp = this.hComp ? this.hComp : 2;\n-        this.handlers.drag = new OpenLayers.Handler.Drag(this, {\n-            move: this.rectDrag,\n-            done: this.updateMapToRect\n-        }, {\n-            map: this.ovmap\n-        });\n-        this.handlers.click = new OpenLayers.Handler.Click(this, {\n-            click: this.mapDivClick\n-        }, {\n-            single: true,\n-            double: false,\n-            stopSingle: true,\n-            stopDouble: true,\n-            pixelTolerance: 1,\n-            map: this.ovmap\n-        });\n-        this.handlers.click.activate();\n-        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle, null, true);\n-        this.rectEvents.register(\"mouseover\", this, function(e) {\n-            if (!this.handlers.drag.active && !this.map.dragging) {\n-                this.handlers.drag.activate()\n-            }\n-        });\n-        this.rectEvents.register(\"mouseout\", this, function(e) {\n-            if (!this.handlers.drag.dragging) {\n-                this.handlers.drag.deactivate()\n-            }\n-        });\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            var sourceUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n-            var targetUnits = this.ovmap.getProjectionObject().getUnits() || this.ovmap.units || this.ovmap.baseLayer.units;\n-            this.resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1\n-        }\n-    },\n-    updateRectToMap: function() {\n-        var bounds;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            bounds = this.map.getExtent().transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        } else {\n-            bounds = this.map.getExtent()\n-        }\n-        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n-        if (pxBounds) {\n-            this.setRectPxBounds(pxBounds)\n-        }\n-    },\n-    updateMapToRect: function() {\n-        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            lonLatBounds = lonLatBounds.transform(this.ovmap.getProjectionObject(), this.map.getProjectionObject())\n-        }\n-        this.map.panTo(lonLatBounds.getCenterLonLat())\n-    },\n-    setRectPxBounds: function(pxBounds) {\n-        var top = Math.max(pxBounds.top, 0);\n-        var left = Math.max(pxBounds.left, 0);\n-        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()), this.ovmap.size.h - this.hComp);\n-        var right = Math.min(pxBounds.left + pxBounds.getWidth(), this.ovmap.size.w - this.wComp);\n-        var width = Math.max(right - left, 0);\n-        var height = Math.max(bottom - top, 0);\n-        if (width < this.minRectSize || height < this.minRectSize) {\n-            this.extentRectangle.className = this.displayClass + this.minRectDisplayClass;\n-            var rLeft = left + width / 2 - this.minRectSize / 2;\n-            var rTop = top + height / 2 - this.minRectSize / 2;\n-            this.extentRectangle.style.top = Math.round(rTop) + \"px\";\n-            this.extentRectangle.style.left = Math.round(rLeft) + \"px\";\n-            this.extentRectangle.style.height = this.minRectSize + \"px\";\n-            this.extentRectangle.style.width = this.minRectSize + \"px\"\n-        } else {\n-            this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n-            this.extentRectangle.style.top = Math.round(top) + \"px\";\n-            this.extentRectangle.style.left = Math.round(left) + \"px\";\n-            this.extentRectangle.style.height = Math.round(height) + \"px\";\n-            this.extentRectangle.style.width = Math.round(width) + \"px\"\n-        }\n-        this.rectPxBounds = new OpenLayers.Bounds(Math.round(left), Math.round(bottom), Math.round(right), Math.round(top))\n-    },\n-    getRectBoundsFromMapBounds: function(lonLatBounds) {\n-        var leftBottomPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.left,\n-            lat: lonLatBounds.bottom\n-        });\n-        var rightTopPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.right,\n-            lat: lonLatBounds.top\n-        });\n-        var bounds = null;\n-        if (leftBottomPx && rightTopPx) {\n-            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y, rightTopPx.x, rightTopPx.y)\n-        }\n-        return bounds\n-    },\n-    getMapBoundsFromRectBounds: function(pxBounds) {\n-        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.left,\n-            y: pxBounds.bottom\n-        });\n-        var rightTopLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.right,\n-            y: pxBounds.top\n-        });\n-        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat, rightTopLonLat.lon, rightTopLonLat.lat)\n-    },\n-    getLonLatFromOverviewPx: function(overviewMapPx) {\n-        var size = this.ovmap.size;\n-        var res = this.ovmap.getResolution();\n-        var center = this.ovmap.getExtent().getCenterLonLat();\n-        var deltaX = overviewMapPx.x - size.w / 2;\n-        var deltaY = overviewMapPx.y - size.h / 2;\n-        return {\n-            lon: center.lon + deltaX * res,\n-            lat: center.lat - deltaY * res\n-        }\n-    },\n-    getOverviewPxFromLonLat: function(lonlat) {\n-        var res = this.ovmap.getResolution();\n-        var extent = this.ovmap.getExtent();\n-        if (extent) {\n-            return {\n-                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n-                y: Math.round(1 / res * (extent.top - lonlat.lat))\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.OverviewMap\"\n-});\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n-    layer: null,\n-    callbacks: null,\n-    multi: false,\n-    featureAdded: function() {},\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-            done: this.drawFeature,\n-            modify: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchmodified\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            },\n-            create: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchstarted\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            }\n-        }, this.callbacks);\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-            renderers: layer.renderers,\n-            rendererOptions: layer.rendererOptions\n-        });\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi\n-        }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-                styleMap: new OpenLayers.StyleMap({\n-                    default: sketchStyle\n-                })\n-            })\n-        }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n-    },\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n-            feature: feature\n-        });\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n-            })\n-        }\n-    },\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y)\n-        }\n-    },\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy)\n-        }\n-    },\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length)\n-        }\n-    },\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length)\n-        }\n-    },\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo()\n-    },\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo()\n-    },\n-    finishSketch: function() {\n-        this.handler.finishGeometry()\n-    },\n-    cancel: function() {\n-        this.handler.cancel()\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n-});\n OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n     documentDrag: false,\n     geometryTypes: null,\n     clickout: true,\n     toggle: true,\n     standalone: false,\n     layer: null,\n@@ -24211,14 +19650,446 @@\n     },\n     CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n });\n OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n OpenLayers.Control.ModifyFeature.RESIZE = 2;\n OpenLayers.Control.ModifyFeature.ROTATE = 4;\n OpenLayers.Control.ModifyFeature.DRAG = 8;\n+OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: false,\n+    isFixed: false,\n+    features: null,\n+    filter: null,\n+    selectedFeatures: null,\n+    unrenderedFeatures: null,\n+    reportError: true,\n+    style: null,\n+    styleMap: null,\n+    strategies: null,\n+    protocol: null,\n+    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n+    renderer: null,\n+    rendererOptions: null,\n+    geometryType: null,\n+    drawn: false,\n+    ratio: 1,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.assignRenderer()\n+        }\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.renderer = null;\n+            this.displayError()\n+        }\n+        if (!this.styleMap) {\n+            this.styleMap = new OpenLayers.StyleMap\n+        }\n+        this.features = [];\n+        this.selectedFeatures = [];\n+        this.unrenderedFeatures = {};\n+        if (this.strategies) {\n+            for (var i = 0, len = this.strategies.length; i < len; i++) {\n+                this.strategies[i].setLayer(this)\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoDestroy) {\n+                    strategy.destroy()\n+                }\n+            }\n+            this.strategies = null\n+        }\n+        if (this.protocol) {\n+            if (this.protocol.autoDestroy) {\n+                this.protocol.destroy()\n+            }\n+            this.protocol = null\n+        }\n+        this.destroyFeatures();\n+        this.features = null;\n+        this.selectedFeatures = null;\n+        this.unrenderedFeatures = null;\n+        if (this.renderer) {\n+            this.renderer.destroy()\n+        }\n+        this.renderer = null;\n+        this.geometryType = null;\n+        this.drawn = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        var features = this.features;\n+        var len = features.length;\n+        var clonedFeatures = new Array(len);\n+        for (var i = 0; i < len; ++i) {\n+            clonedFeatures[i] = features[i].clone()\n+        }\n+        obj.features = clonedFeatures;\n+        return obj\n+    },\n+    refresh: function(obj) {\n+        if (this.calculateInRange() && this.visibility) {\n+            this.events.triggerEvent(\"refresh\", obj)\n+        }\n+    },\n+    assignRenderer: function() {\n+        for (var i = 0, len = this.renderers.length; i < len; i++) {\n+            var rendererClass = this.renderers[i];\n+            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n+            if (renderer && renderer.prototype.supported()) {\n+                this.renderer = new renderer(this.div, this.rendererOptions);\n+                break\n+            }\n+        }\n+    },\n+    displayError: function() {\n+        if (this.reportError) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n+                renderers: this.renderers.join(\"\\n\")\n+            }))\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        if (!this.renderer) {\n+            this.map.removeLayer(this)\n+        } else {\n+            this.renderer.map = this.map;\n+            var newSize = this.map.getSize();\n+            newSize.w = newSize.w * this.ratio;\n+            newSize.h = newSize.h * this.ratio;\n+            this.renderer.setSize(newSize)\n+        }\n+    },\n+    afterAdd: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.activate()\n+                }\n+            }\n+        }\n+    },\n+    removeMap: function(map) {\n+        this.drawn = false;\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.deactivate()\n+                }\n+            }\n+        }\n+    },\n+    onMapResize: function() {\n+        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n+        var newSize = this.map.getSize();\n+        newSize.w = newSize.w * this.ratio;\n+        newSize.h = newSize.h * this.ratio;\n+        this.renderer.setSize(newSize)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        var coordSysUnchanged = true;\n+        if (!dragging) {\n+            this.renderer.root.style.visibility = \"hidden\";\n+            var viewSize = this.map.getSize(),\n+                viewWidth = viewSize.w,\n+                viewHeight = viewSize.h,\n+                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n+                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n+            offsetLeft += this.map.layerContainerOriginPx.x;\n+            offsetLeft = -Math.round(offsetLeft);\n+            offsetTop += this.map.layerContainerOriginPx.y;\n+            offsetTop = -Math.round(offsetTop);\n+            this.div.style.left = offsetLeft + \"px\";\n+            this.div.style.top = offsetTop + \"px\";\n+            var extent = this.map.getExtent().scale(this.ratio);\n+            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n+            this.renderer.root.style.visibility = \"visible\";\n+            if (OpenLayers.IS_GECKO === true) {\n+                this.div.scrollLeft = this.div.scrollLeft\n+            }\n+            if (!zoomChanged && coordSysUnchanged) {\n+                for (var i in this.unrenderedFeatures) {\n+                    var feature = this.unrenderedFeatures[i];\n+                    this.drawFeature(feature)\n+                }\n+            }\n+        }\n+        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n+            this.drawn = true;\n+            var feature;\n+            for (var i = 0, len = this.features.length; i < len; i++) {\n+                this.renderer.locked = i !== len - 1;\n+                feature = this.features[i];\n+                this.drawFeature(feature)\n+            }\n+        }\n+    },\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        var currentDisplay = this.div.style.display;\n+        if (currentDisplay != this.renderer.root.style.display) {\n+            this.renderer.root.style.display = currentDisplay\n+        }\n+    },\n+    addFeatures: function(features, options) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            var event = {\n+                features: features\n+            };\n+            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n+            if (ret === false) {\n+                return\n+            }\n+            features = event.features\n+        }\n+        var featuresAdded = [];\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            if (i != features.length - 1) {\n+                this.renderer.locked = true\n+            } else {\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n+                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n+            }\n+            feature.layer = this;\n+            if (!feature.style && this.style) {\n+                feature.style = OpenLayers.Util.extend({}, this.style)\n+            }\n+            if (notify) {\n+                if (this.events.triggerEvent(\"beforefeatureadded\", {\n+                        feature: feature\n+                    }) === false) {\n+                    continue\n+                }\n+                this.preFeatureInsert(feature)\n+            }\n+            featuresAdded.push(feature);\n+            this.features.push(feature);\n+            this.drawFeature(feature);\n+            if (notify) {\n+                this.events.triggerEvent(\"featureadded\", {\n+                    feature: feature\n+                });\n+                this.onFeatureInsert(feature)\n+            }\n+        }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresadded\", {\n+                features: featuresAdded\n+            })\n+        }\n+    },\n+    removeFeatures: function(features, options) {\n+        if (!features || features.length === 0) {\n+            return\n+        }\n+        if (features === this.features) {\n+            return this.removeAllFeatures(options)\n+        }\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        if (features === this.selectedFeatures) {\n+            features = features.slice()\n+        }\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            if (i != 0 && features[i - 1].geometry) {\n+                this.renderer.locked = true\n+            } else {\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            delete this.unrenderedFeatures[feature.id];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            this.features = OpenLayers.Util.removeItem(this.features, feature);\n+            feature.layer = null;\n+            if (feature.geometry) {\n+                this.renderer.eraseFeatures(feature)\n+            }\n+            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n+                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n+            }\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+        }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n+        }\n+    },\n+    removeAllFeatures: function(options) {\n+        var notify = !options || !options.silent;\n+        var features = this.features;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        var feature;\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            feature = features[i];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            feature.layer = null;\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+        }\n+        this.renderer.clear();\n+        this.features = [];\n+        this.unrenderedFeatures = {};\n+        this.selectedFeatures = [];\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n+        }\n+    },\n+    destroyFeatures: function(features, options) {\n+        var all = features == undefined;\n+        if (all) {\n+            features = this.features\n+        }\n+        if (features) {\n+            this.removeFeatures(features, options);\n+            for (var i = features.length - 1; i >= 0; i--) {\n+                features[i].destroy()\n+            }\n+        }\n+    },\n+    drawFeature: function(feature, style) {\n+        if (!this.drawn) {\n+            return\n+        }\n+        if (typeof style != \"object\") {\n+            if (!style && feature.state === OpenLayers.State.DELETE) {\n+                style = \"delete\"\n+            }\n+            var renderIntent = style || feature.renderIntent;\n+            style = feature.style || this.style;\n+            if (!style) {\n+                style = this.styleMap.createSymbolizer(feature, renderIntent)\n+            }\n+        }\n+        var drawn = this.renderer.drawFeature(feature, style);\n+        if (drawn === false || drawn === null) {\n+            this.unrenderedFeatures[feature.id] = feature\n+        } else {\n+            delete this.unrenderedFeatures[feature.id]\n+        }\n+    },\n+    eraseFeatures: function(features) {\n+        this.renderer.eraseFeatures(features)\n+    },\n+    getFeatureFromEvent: function(evt) {\n+        if (!this.renderer) {\n+            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n+        }\n+        var feature = null;\n+        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n+        if (featureId) {\n+            if (typeof featureId === \"string\") {\n+                feature = this.getFeatureById(featureId)\n+            } else {\n+                feature = featureId\n+            }\n+        }\n+        return feature\n+    },\n+    getFeatureBy: function(property, value) {\n+        var feature = null;\n+        for (var i = 0, len = this.features.length; i < len; ++i) {\n+            if (this.features[i][property] == value) {\n+                feature = this.features[i];\n+                break\n+            }\n+        }\n+        return feature\n+    },\n+    getFeatureById: function(featureId) {\n+        return this.getFeatureBy(\"id\", featureId)\n+    },\n+    getFeatureByFid: function(featureFid) {\n+        return this.getFeatureBy(\"fid\", featureFid)\n+    },\n+    getFeaturesByAttribute: function(attrName, attrValue) {\n+        var i, feature, len = this.features.length,\n+            foundFeatures = [];\n+        for (i = 0; i < len; i++) {\n+            feature = this.features[i];\n+            if (feature && feature.attributes) {\n+                if (feature.attributes[attrName] === attrValue) {\n+                    foundFeatures.push(feature)\n+                }\n+            }\n+        }\n+        return foundFeatures\n+    },\n+    onFeatureInsert: function(feature) {},\n+    preFeatureInsert: function(feature) {},\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        var features = this.features;\n+        if (features && features.length > 0) {\n+            var geometry = null;\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                geometry = features[i].geometry;\n+                if (geometry) {\n+                    if (maxExtent === null) {\n+                        maxExtent = new OpenLayers.Bounds\n+                    }\n+                    maxExtent.extend(geometry.getBounds())\n+                }\n+            }\n+        }\n+        return maxExtent\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+});\n OpenLayers.Control.Graticule = OpenLayers.Class(OpenLayers.Control, {\n     autoActivate: true,\n     intervals: [45, 30, 20, 10, 5, 2, 1, .5, .2, .1, .05, .01, .005, .002, .001],\n     displayInLayerSwitcher: true,\n     visible: true,\n     numPoints: 50,\n     targetSize: 200,\n@@ -24498,513 +20369,598 @@\n         }\n         delete this.zoomInLink;\n         delete this.zoomOutLink;\n         OpenLayers.Control.prototype.destroy.apply(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.Zoom\"\n });\n-OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomToMaxExtent()\n+OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n+    fetchEvent: \"tileloadstart\",\n+    layers: null,\n+    autoActivate: true,\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            })\n+        }\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n-});\n-OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.ZoomIn, new OpenLayers.Control.ZoomToMaxExtent, new OpenLayers.Control.ZoomOut])\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n-});\n-OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n-    zoomStopWidth: 18,\n-    zoomStopHeight: 11,\n-    slider: null,\n-    sliderEvents: null,\n-    zoombarDiv: null,\n-    zoomWorldIcon: false,\n-    panIcons: true,\n-    forceFixedZoomLevel: false,\n-    mouseDragStart: null,\n-    deltaY: null,\n-    zoomStart: null,\n-    destroy: function() {\n-        this._removeZoomBar();\n-        this.map.events.un({\n-            changebaselayer: this.redraw,\n-            updatesize: this.redraw,\n-            scope: this\n-        });\n-        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n-        delete this.mouseDragStart;\n-        delete this.zoomStart\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.redraw,\n-            updatesize: this.redraw,\n-            scope: this\n-        })\n+    addLayer: function(evt) {\n+        evt.layer.events.register(this.fetchEvent, this, this.fetch)\n     },\n-    redraw: function() {\n-        if (this.div != null) {\n-            this.removeButtons();\n-            this._removeZoomBar()\n-        }\n-        this.draw()\n+    removeLayer: function(evt) {\n+        evt.layer.events.unregister(this.fetchEvent, this, this.fetch)\n     },\n-    draw: function(px) {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position.clone();\n-        this.buttons = [];\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        if (this.panIcons) {\n-            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-            var wposition = sz.w;\n-            if (this.zoomWorldIcon) {\n-                centered = new OpenLayers.Pixel(px.x + sz.w, px.y)\n+    fetch: function(evt) {\n+        if (this.active && window.localStorage && evt.tile instanceof OpenLayers.Tile.Image) {\n+            var tile = evt.tile,\n+                url = tile.url;\n+            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost && url.indexOf(OpenLayers.ProxyHost) === 0) {\n+                url = OpenLayers.Control.CacheWrite.urlMap[url]\n             }\n-            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-            px.y = centered.y + sz.h;\n-            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-            if (this.zoomWorldIcon) {\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n-                wposition *= 2\n+            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n+            if (dataURI) {\n+                tile.url = dataURI;\n+                if (evt.type === \"tileerror\") {\n+                    tile.setImgSrc(dataURI)\n+                }\n             }\n-            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n-            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz)\n-        } else {\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n-            centered = this._addZoomBar(px.add(0, sz.h));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-            if (this.zoomWorldIcon) {\n-                centered = centered.add(0, sz.h + 3);\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                })\n             }\n         }\n-        return this.div\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    _addZoomBar: function(centered) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n-        var id = this.id + \"_\" + this.map.id;\n-        var minZoom = this.map.getMinZoom();\n-        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n-        var slider = OpenLayers.Util.createAlphaImageDiv(id, centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n-            w: 20,\n-            h: 9\n-        }, imgLocation, \"absolute\");\n-        slider.style.cursor = \"move\";\n-        this.slider = slider;\n-        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n-            includeXY: true\n-        });\n-        this.sliderEvents.on({\n-            touchstart: this.zoomBarDown,\n-            touchmove: this.zoomBarDrag,\n-            touchend: this.zoomBarUp,\n-            mousedown: this.zoomBarDown,\n-            mousemove: this.zoomBarDrag,\n-            mouseup: this.zoomBarUp\n-        });\n-        var sz = {\n-            w: this.zoomStopWidth,\n-            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n-        };\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n-        var div = null;\n-        if (OpenLayers.Util.alphaHack()) {\n-            var id = this.id + \"_\" + this.map.id;\n-            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n-                w: sz.w,\n-                h: this.zoomStopHeight\n-            }, imgLocation, \"absolute\", null, \"crop\");\n-            div.style.height = sz.h + \"px\"\n+    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n+});\n+OpenLayers.Control.Split = OpenLayers.Class(OpenLayers.Control, {\n+    layer: null,\n+    source: null,\n+    sourceOptions: null,\n+    tolerance: null,\n+    edge: true,\n+    deferDelete: false,\n+    mutual: true,\n+    targetFilter: null,\n+    sourceFilter: null,\n+    handler: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.options = options || {};\n+        if (this.options.source) {\n+            this.setSource(this.options.source)\n+        }\n+    },\n+    setSource: function(layer) {\n+        if (this.active) {\n+            this.deactivate();\n+            if (this.handler) {\n+                this.handler.destroy();\n+                delete this.handler\n+            }\n+            this.source = layer;\n+            this.activate()\n         } else {\n-            div = OpenLayers.Util.createDiv(\"OpenLayers_Control_PanZoomBar_Zoombar\" + this.map.id, centered, sz, imgLocation)\n+            this.source = layer\n         }\n-        div.style.cursor = \"pointer\";\n-        div.className = \"olButton\";\n-        this.zoombarDiv = div;\n-        this.div.appendChild(div);\n-        this.startTop = parseInt(div.style.top);\n-        this.div.appendChild(slider);\n-        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n-        centered = centered.add(0, this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n-        return centered\n     },\n-    _removeZoomBar: function() {\n-        this.sliderEvents.un({\n-            touchstart: this.zoomBarDown,\n-            touchmove: this.zoomBarDrag,\n-            touchend: this.zoomBarUp,\n-            mousedown: this.zoomBarDown,\n-            mousemove: this.zoomBarDrag,\n-            mouseup: this.zoomBarUp\n-        });\n-        this.sliderEvents.destroy();\n-        this.div.removeChild(this.zoombarDiv);\n-        this.zoombarDiv = null;\n-        this.div.removeChild(this.slider);\n-        this.slider = null;\n-        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar)\n+    activate: function() {\n+        var activated = OpenLayers.Control.prototype.activate.call(this);\n+        if (activated) {\n+            if (!this.source) {\n+                if (!this.handler) {\n+                    this.handler = new OpenLayers.Handler.Path(this, {\n+                        done: function(geometry) {\n+                            this.onSketchComplete({\n+                                feature: new OpenLayers.Feature.Vector(geometry)\n+                            })\n+                        }\n+                    }, {\n+                        layerOptions: this.sourceOptions\n+                    })\n+                }\n+                this.handler.activate()\n+            } else if (this.source.events) {\n+                this.source.events.on({\n+                    sketchcomplete: this.onSketchComplete,\n+                    afterfeaturemodified: this.afterFeatureModified,\n+                    scope: this\n+                })\n+            }\n+        }\n+        return activated\n     },\n-    onButtonClick: function(evt) {\n-        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n-        if (evt.buttonElement === this.zoombarDiv) {\n-            var levels = evt.buttonXY.y / this.zoomStopHeight;\n-            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n-                levels = Math.floor(levels)\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.source && this.source.events) {\n+                this.source.events.un({\n+                    sketchcomplete: this.onSketchComplete,\n+                    afterfeaturemodified: this.afterFeatureModified,\n+                    scope: this\n+                })\n             }\n-            var zoom = this.map.getNumZoomLevels() - 1 - levels;\n-            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n-            this.map.zoomTo(zoom)\n         }\n+        return deactivated\n     },\n-    passEventToSlider: function(evt) {\n-        this.sliderEvents.handleBrowserEvent(evt)\n+    onSketchComplete: function(event) {\n+        this.feature = null;\n+        return !this.considerSplit(event.feature)\n     },\n-    zoomBarDown: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n-            return\n+    afterFeatureModified: function(event) {\n+        if (event.modified) {\n+            var feature = event.feature;\n+            if (typeof feature.geometry.split === \"function\") {\n+                this.feature = event.feature;\n+                this.considerSplit(event.feature)\n+            }\n         }\n-        this.map.events.on({\n-            touchmove: this.passEventToSlider,\n-            mousemove: this.passEventToSlider,\n-            mouseup: this.passEventToSlider,\n-            scope: this\n-        });\n-        this.mouseDragStart = evt.xy.clone();\n-        this.zoomStart = evt.xy.clone();\n-        this.div.style.cursor = \"move\";\n-        this.zoombarDiv.offsets = null;\n-        OpenLayers.Event.stop(evt)\n     },\n-    zoomBarDrag: function(evt) {\n-        if (this.mouseDragStart != null) {\n-            var deltaY = this.mouseDragStart.y - evt.xy.y;\n-            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n-            if (evt.clientY - offsets[1] > 0 && evt.clientY - offsets[1] < parseInt(this.zoombarDiv.style.height) - 2) {\n-                var newTop = parseInt(this.slider.style.top) - deltaY;\n-                this.slider.style.top = newTop + \"px\";\n-                this.mouseDragStart = evt.xy.clone()\n+    removeByGeometry: function(features, geometry) {\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            if (features[i].geometry === geometry) {\n+                features.splice(i, 1);\n+                break\n             }\n-            this.deltaY = this.zoomStart.y - evt.xy.y;\n-            OpenLayers.Event.stop(evt)\n         }\n     },\n-    zoomBarUp: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n-            return\n+    isEligible: function(target) {\n+        if (!target.geometry) {\n+            return false\n+        } else {\n+            return target.state !== OpenLayers.State.DELETE && typeof target.geometry.split === \"function\" && this.feature !== target && (!this.targetFilter || this.targetFilter.evaluate(target.attributes))\n         }\n-        if (this.mouseDragStart) {\n-            this.div.style.cursor = \"\";\n-            this.map.events.un({\n-                touchmove: this.passEventToSlider,\n-                mouseup: this.passEventToSlider,\n-                mousemove: this.passEventToSlider,\n-                scope: this\n-            });\n-            var zoomLevel = this.map.zoom;\n-            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.min(Math.max(zoomLevel, 0), this.map.getNumZoomLevels() - 1)\n-            } else {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.max(Math.round(zoomLevel), 0)\n+    },\n+    considerSplit: function(feature) {\n+        var sourceSplit = false;\n+        var targetSplit = false;\n+        if (!this.sourceFilter || this.sourceFilter.evaluate(feature.attributes)) {\n+            var features = this.layer && this.layer.features || [];\n+            var target, results, proceed;\n+            var additions = [],\n+                removals = [];\n+            var mutual = this.layer === this.source && this.mutual;\n+            var options = {\n+                edge: this.edge,\n+                tolerance: this.tolerance,\n+                mutual: mutual\n+            };\n+            var sourceParts = [feature.geometry];\n+            var targetFeature, targetParts;\n+            var source, parts;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                targetFeature = features[i];\n+                if (this.isEligible(targetFeature)) {\n+                    targetParts = [targetFeature.geometry];\n+                    for (var j = 0; j < sourceParts.length; ++j) {\n+                        source = sourceParts[j];\n+                        for (var k = 0; k < targetParts.length; ++k) {\n+                            target = targetParts[k];\n+                            if (source.getBounds().intersectsBounds(target.getBounds())) {\n+                                results = source.split(target, options);\n+                                if (results) {\n+                                    proceed = this.events.triggerEvent(\"beforesplit\", {\n+                                        source: feature,\n+                                        target: targetFeature\n+                                    });\n+                                    if (proceed !== false) {\n+                                        if (mutual) {\n+                                            parts = results[0];\n+                                            if (parts.length > 1) {\n+                                                parts.unshift(j, 1);\n+                                                Array.prototype.splice.apply(sourceParts, parts);\n+                                                j += parts.length - 3\n+                                            }\n+                                            results = results[1]\n+                                        }\n+                                        if (results.length > 1) {\n+                                            results.unshift(k, 1);\n+                                            Array.prototype.splice.apply(targetParts, results);\n+                                            k += results.length - 3\n+                                        }\n+                                    }\n+                                }\n+                            }\n+                        }\n+                    }\n+                    if (targetParts && targetParts.length > 1) {\n+                        this.geomsToFeatures(targetFeature, targetParts);\n+                        this.events.triggerEvent(\"split\", {\n+                            original: targetFeature,\n+                            features: targetParts\n+                        });\n+                        Array.prototype.push.apply(additions, targetParts);\n+                        removals.push(targetFeature);\n+                        targetSplit = true\n+                    }\n+                }\n+            }\n+            if (sourceParts && sourceParts.length > 1) {\n+                this.geomsToFeatures(feature, sourceParts);\n+                this.events.triggerEvent(\"split\", {\n+                    original: feature,\n+                    features: sourceParts\n+                });\n+                Array.prototype.push.apply(additions, sourceParts);\n+                removals.push(feature);\n+                sourceSplit = true\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (this.deferDelete) {\n+                    var feat, destroys = [];\n+                    for (var i = 0, len = removals.length; i < len; ++i) {\n+                        feat = removals[i];\n+                        if (feat.state === OpenLayers.State.INSERT) {\n+                            destroys.push(feat)\n+                        } else {\n+                            feat.state = OpenLayers.State.DELETE;\n+                            this.layer.drawFeature(feat)\n+                        }\n+                    }\n+                    this.layer.destroyFeatures(destroys, {\n+                        silent: true\n+                    });\n+                    for (var i = 0, len = additions.length; i < len; ++i) {\n+                        additions[i].state = OpenLayers.State.INSERT\n+                    }\n+                } else {\n+                    this.layer.destroyFeatures(removals, {\n+                        silent: true\n+                    })\n+                }\n+                this.layer.addFeatures(additions, {\n+                    silent: true\n+                });\n+                this.events.triggerEvent(\"aftersplit\", {\n+                    source: feature,\n+                    features: additions\n+                })\n             }\n-            this.map.zoomTo(zoomLevel);\n-            this.mouseDragStart = null;\n-            this.zoomStart = null;\n-            this.deltaY = 0;\n-            OpenLayers.Event.stop(evt)\n         }\n+        return sourceSplit\n     },\n-    moveZoomBar: function() {\n-        var newTop = (this.map.getNumZoomLevels() - 1 - this.map.getZoom()) * this.zoomStopHeight + this.startTop + 1;\n-        this.slider.style.top = newTop + \"px\"\n+    geomsToFeatures: function(feature, geoms) {\n+        var clone = feature.clone();\n+        delete clone.geometry;\n+        var newFeature;\n+        for (var i = 0, len = geoms.length; i < len; ++i) {\n+            newFeature = clone.clone();\n+            newFeature.geometry = geoms[i];\n+            newFeature.state = OpenLayers.State.INSERT;\n+            geoms[i] = newFeature\n+        }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n+    destroy: function() {\n+        if (this.active) {\n+            this.deactivate()\n+        }\n+        OpenLayers.Control.prototype.destroy.call(this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Split\"\n });\n-OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n-    protocol: null,\n-    multipleKey: null,\n-    toggleKey: null,\n-    modifiers: null,\n-    multiple: false,\n-    click: true,\n-    single: true,\n-    clickout: true,\n-    toggle: false,\n-    clickTolerance: 5,\n-    hover: false,\n-    box: false,\n-    maxFeatures: 10,\n-    features: null,\n-    hoverFeature: null,\n-    handlers: null,\n-    hoverResponse: null,\n-    filterType: OpenLayers.Filter.Spatial.BBOX,\n+OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOGGLE,\n+    previous: null,\n+    previousOptions: null,\n+    next: null,\n+    nextOptions: null,\n+    limit: 50,\n+    autoActivate: true,\n+    clearOnDeactivate: false,\n+    registry: null,\n+    nextStack: null,\n+    previousStack: null,\n+    listeners: null,\n+    restoring: false,\n     initialize: function(options) {\n-        options.handlerOptions = options.handlerOptions || {};\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.features = {};\n-        this.handlers = {};\n-        if (this.click) {\n-            this.handlers.click = new OpenLayers.Handler.Click(this, {\n-                click: this.selectClick\n-            }, this.handlerOptions.click || {})\n-        }\n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(this, {\n-                done: this.selectBox\n-            }, OpenLayers.Util.extend(this.handlerOptions.box, {\n-                boxDivClassName: \"olHandlerBoxSelectFeature\"\n-            }))\n-        }\n-        if (this.hover) {\n-            this.handlers.hover = new OpenLayers.Handler.Hover(this, {\n-                move: this.cancelHover,\n-                pause: this.selectHover\n-            }, OpenLayers.Util.extend(this.handlerOptions.hover, {\n-                delay: 250,\n-                pixelTolerance: 2\n-            }))\n+        this.registry = OpenLayers.Util.extend({\n+            moveend: this.getState\n+        }, this.registry);\n+        var previousOptions = {\n+            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n+        };\n+        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n+        this.previous = new OpenLayers.Control.Button(previousOptions);\n+        var nextOptions = {\n+            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n+        };\n+        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n+        this.next = new OpenLayers.Control.Button(nextOptions);\n+        this.clear()\n+    },\n+    onPreviousChange: function(state, length) {\n+        if (state && !this.previous.active) {\n+            this.previous.activate()\n+        } else if (!state && this.previous.active) {\n+            this.previous.deactivate()\n         }\n     },\n-    activate: function() {\n-        if (!this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].activate()\n-            }\n+    onNextChange: function(state, length) {\n+        if (state && !this.next.active) {\n+            this.next.activate()\n+        } else if (!state && this.next.active) {\n+            this.next.deactivate()\n         }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n-    deactivate: function() {\n-        if (this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].deactivate()\n-            }\n+    destroy: function() {\n+        OpenLayers.Control.prototype.destroy.apply(this);\n+        this.previous.destroy();\n+        this.next.destroy();\n+        this.deactivate();\n+        for (var prop in this) {\n+            this[prop] = null\n         }\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    selectClick: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n-        this.setModifiers(evt);\n-        this.request(bounds, {\n-            single: this.single\n-        })\n+    setMap: function(map) {\n+        this.map = map;\n+        this.next.setMap(map);\n+        this.previous.setMap(map)\n     },\n-    selectBox: function(position) {\n-        var bounds;\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.next.draw();\n+        this.previous.draw()\n+    },\n+    previousTrigger: function() {\n+        var current = this.previousStack.shift();\n+        var state = this.previousStack.shift();\n+        if (state != undefined) {\n+            this.nextStack.unshift(current);\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n         } else {\n-            if (this.click) {\n-                return\n-            }\n-            bounds = this.pixelToBounds(position)\n+            this.previousStack.unshift(current)\n         }\n-        this.setModifiers(this.handlers.box.dragHandler.evt);\n-        this.request(bounds)\n+        return state\n     },\n-    selectHover: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n-        this.request(bounds, {\n-            single: true,\n-            hover: true\n-        })\n+    nextTrigger: function() {\n+        var state = this.nextStack.shift();\n+        if (state != undefined) {\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n+        }\n+        return state\n     },\n-    cancelHover: function() {\n-        if (this.hoverResponse) {\n-            this.protocol.abort(this.hoverResponse);\n-            this.hoverResponse = null;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n+    clear: function() {\n+        this.previousStack = [];\n+        this.previous.deactivate();\n+        this.nextStack = [];\n+        this.next.deactivate()\n+    },\n+    getState: function() {\n+        return {\n+            center: this.map.getCenter(),\n+            resolution: this.map.getResolution(),\n+            projection: this.map.getProjectionObject(),\n+            units: this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units\n         }\n     },\n-    request: function(bounds, options) {\n-        options = options || {};\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: this.filterType,\n-            value: bounds\n-        });\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n-        var response = this.protocol.read({\n-            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n-            filter: filter,\n-            callback: function(result) {\n-                if (result.success()) {\n-                    if (result.features.length) {\n-                        if (options.single == true) {\n-                            this.selectBestFeature(result.features, bounds.getCenterLonLat(), options)\n-                        } else {\n-                            this.select(result.features)\n-                        }\n-                    } else if (options.hover) {\n-                        this.hoverSelect()\n-                    } else {\n-                        this.events.triggerEvent(\"clickout\");\n-                        if (this.clickout) {\n-                            this.unselectAll()\n-                        }\n+    restore: function(state) {\n+        var center, zoom;\n+        if (this.map.getProjectionObject() == state.projection) {\n+            zoom = this.map.getZoomForResolution(state.resolution);\n+            center = state.center\n+        } else {\n+            center = state.center.clone();\n+            center.transform(state.projection, this.map.getProjectionObject());\n+            var sourceUnits = state.units;\n+            var targetUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n+            var resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution)\n+        }\n+        this.map.setCenter(center, zoom)\n+    },\n+    setListeners: function() {\n+        this.listeners = {};\n+        for (var type in this.registry) {\n+            this.listeners[type] = OpenLayers.Function.bind(function() {\n+                if (!this.restoring) {\n+                    var state = this.registry[type].apply(this, arguments);\n+                    this.previousStack.unshift(state);\n+                    if (this.previousStack.length > 1) {\n+                        this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n+                    }\n+                    if (this.previousStack.length > this.limit + 1) {\n+                        this.previousStack.pop()\n+                    }\n+                    if (this.nextStack.length > 0) {\n+                        this.nextStack = [];\n+                        this.onNextChange(null, 0)\n                     }\n                 }\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n-            },\n-            scope: this\n-        });\n-        if (options.hover == true) {\n-            this.hoverResponse = response\n+                return true\n+            }, this)\n         }\n     },\n-    selectBestFeature: function(features, clickPosition, options) {\n-        options = options || {};\n-        if (features.length) {\n-            var point = new OpenLayers.Geometry.Point(clickPosition.lon, clickPosition.lat);\n-            var feature, resultFeature, dist;\n-            var minDist = Number.MAX_VALUE;\n-            for (var i = 0; i < features.length; ++i) {\n-                feature = features[i];\n-                if (feature.geometry) {\n-                    dist = point.distanceTo(feature.geometry, {\n-                        edge: false\n-                    });\n-                    if (dist < minDist) {\n-                        minDist = dist;\n-                        resultFeature = feature;\n-                        if (minDist == 0) {\n-                            break\n-                        }\n-                    }\n+    activate: function() {\n+        var activated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.activate.apply(this)) {\n+                if (this.listeners == null) {\n+                    this.setListeners()\n+                }\n+                for (var type in this.listeners) {\n+                    this.map.events.register(type, this, this.listeners[type])\n+                }\n+                activated = true;\n+                if (this.previousStack.length == 0) {\n+                    this.initStack()\n                 }\n-            }\n-            if (options.hover == true) {\n-                this.hoverSelect(resultFeature)\n-            } else {\n-                this.select(resultFeature || features)\n             }\n         }\n+        return activated\n     },\n-    setModifiers: function(evt) {\n-        this.modifiers = {\n-            multiple: this.multiple || this.multipleKey && evt[this.multipleKey],\n-            toggle: this.toggle || this.toggleKey && evt[this.toggleKey]\n+    initStack: function() {\n+        if (this.map.getCenter()) {\n+            this.listeners.moveend()\n         }\n     },\n-    select: function(features) {\n-        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n-            this.unselectAll()\n-        }\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n-            features: features\n-        });\n-        if (cont !== false) {\n-            var selectedFeatures = [];\n-            var feature;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                if (this.features[feature.fid || feature.id]) {\n-                    if (this.modifiers.toggle) {\n-                        this.unselect(this.features[feature.fid || feature.id])\n-                    }\n-                } else {\n-                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n-                        feature: feature\n-                    });\n-                    if (cont !== false) {\n-                        this.features[feature.fid || feature.id] = feature;\n-                        selectedFeatures.push(feature);\n-                        this.events.triggerEvent(\"featureselected\", {\n-                            feature: feature\n-                        })\n-                    }\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n+                for (var type in this.listeners) {\n+                    this.map.events.unregister(type, this, this.listeners[type])\n+                }\n+                if (this.clearOnDeactivate) {\n+                    this.clear()\n                 }\n+                deactivated = true\n             }\n-            this.events.triggerEvent(\"featuresselected\", {\n-                features: selectedFeatures\n-            })\n         }\n+        return deactivated\n     },\n-    hoverSelect: function(feature) {\n-        var fid = feature ? feature.fid || feature.id : null;\n-        var hfid = this.hoverFeature ? this.hoverFeature.fid || this.hoverFeature.id : null;\n-        if (hfid && hfid != fid) {\n-            this.events.triggerEvent(\"outfeature\", {\n-                feature: this.hoverFeature\n-            });\n-            this.hoverFeature = null\n-        }\n-        if (fid && fid != hfid) {\n-            this.events.triggerEvent(\"hoverfeature\", {\n-                feature: feature\n-            });\n-            this.hoverFeature = feature\n+    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n+});\n+OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomToMaxExtent()\n         }\n     },\n-    unselect: function(feature) {\n-        delete this.features[feature.fid || feature.id];\n-        this.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        })\n+    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n+});\n+OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    layers: null,\n+    defaultHandlerOptions: {\n+        delay: 300,\n+        pixelTolerance: 4,\n+        stopMove: false,\n+        single: true,\n+        double: false,\n+        stopSingle: false,\n+        stopDouble: false\n     },\n-    unselectAll: function() {\n-        for (var fid in this.features) {\n-            this.unselect(this.features[fid])\n+    handlerMode: \"click\",\n+    setHandler: function(hm) {\n+        this.handlerMode = hm;\n+        this.resetHandler()\n+    },\n+    resetHandler: function() {\n+        if (this.handler) {\n+            this.handler.deactivate();\n+            this.handler.destroy();\n+            this.handler = null\n+        }\n+        if (this.handlerMode == \"hover\") {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                pause: this.handleEvent,\n+                move: this.reset\n+            }, this.handlerOptions)\n+        } else if (this.handlerMode == \"click\") {\n+            this.handler = new OpenLayers.Handler.Click(this, {\n+                click: this.handleEvent\n+            }, this.handlerOptions)\n+        } else if (this.handlerMode == \"move\") {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                pause: this.handleEvent,\n+                move: this.handleEvent\n+            }, this.handlerOptions)\n+        }\n+        if (this.handler) {\n+            return true\n+        } else {\n+            return false\n         }\n     },\n-    setMap: function(map) {\n-        for (var i in this.handlers) {\n-            this.handlers[i].setMap(map)\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.resetHandler()\n+    },\n+    handleEvent: function(evt) {\n+        if (evt == null) {\n+            this.reset();\n+            return\n+        }\n+        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n+        if (!lonLat) {\n+            return\n+        }\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var infoLookup = {};\n+            var layer, idx;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                layer = layers[i];\n+                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n+                infoLookup[idx] = layer.getFeatureInfo(lonLat)\n+            }\n+            this.callback(infoLookup, lonLat, evt.xy)\n         }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n     },\n-    pixelToBounds: function(pixel) {\n-        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n-        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n-        var ll = this.map.getLonLatFromPixel(llPx);\n-        var ur = this.map.getLonLatFromPixel(urPx);\n-        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat)\n+    callback: function(infoLookup) {},\n+    reset: function(evt) {\n+        this.callback(null)\n     },\n-    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n+                layers.push(layer)\n+            }\n+        }\n+        return layers\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n });\n-OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.WMTSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n     hover: false,\n+    requestEncoding: \"KVP\",\n     drillDown: false,\n     maxFeatures: 10,\n     clickCallback: \"click\",\n-    output: \"features\",\n     layers: null,\n-    queryVisible: false,\n-    url: null,\n-    layerUrls: null,\n+    queryVisible: true,\n     infoFormat: \"text/html\",\n     vendorParams: {},\n     format: null,\n     formatOptions: null,\n     handler: null,\n     hoverRequest: null,\n+    pending: 0,\n     initialize: function(options) {\n         options = options || {};\n         options.handlerOptions = options.handlerOptions || {};\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n         if (!this.format) {\n             this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n         }\n@@ -25021,295 +20977,397 @@\n         } else {\n             var callbacks = {};\n             callbacks[this.clickCallback] = this.getInfoForClick;\n             this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n         }\n     },\n     getInfoForClick: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n         this.request(evt.xy, {})\n     },\n     getInfoForHover: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n         this.request(evt.xy, {\n             hover: true\n         })\n     },\n     cancelHover: function() {\n         if (this.hoverRequest) {\n+            --this.pending;\n+            if (this.pending <= 0) {\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+                this.pending = 0\n+            }\n             this.hoverRequest.abort();\n             this.hoverRequest = null\n         }\n     },\n     findLayers: function() {\n         var candidates = this.layers || this.map.layers;\n         var layers = [];\n-        var layer, url;\n+        var layer;\n         for (var i = candidates.length - 1; i >= 0; --i) {\n             layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMS && (!this.queryVisible || layer.getVisibility())) {\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (this.drillDown === false && !this.url) {\n-                    this.url = url\n-                }\n-                if (this.drillDown === true || this.urlMatches(url)) {\n-                    layers.push(layer)\n+            if (layer instanceof OpenLayers.Layer.WMTS && layer.requestEncoding === this.requestEncoding && (!this.queryVisible || layer.getVisibility())) {\n+                layers.push(layer);\n+                if (!this.drillDown || this.hover) {\n+                    break\n                 }\n             }\n         }\n         return layers\n     },\n-    urlMatches: function(url) {\n-        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n-        if (!matches && this.layerUrls) {\n-            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n-                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n-                    matches = true;\n-                    break\n-                }\n-            }\n-        }\n-        return matches\n-    },\n-    buildWMSOptions: function(url, layers, clickPosition, format) {\n-        var layerNames = [],\n-            styleNames = [];\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            if (layers[i].params.LAYERS != null) {\n-                layerNames = layerNames.concat(layers[i].params.LAYERS);\n-                styleNames = styleNames.concat(this.getStyleNames(layers[i]))\n-            }\n-        }\n-        var firstLayer = layers[0];\n-        var projection = this.map.getProjection();\n-        var layerProj = firstLayer.projection;\n-        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n-            projection = layerProj.getCode()\n-        }\n-        var params = OpenLayers.Util.extend({\n-            service: \"WMS\",\n-            version: firstLayer.params.VERSION,\n+    buildRequestOptions: function(layer, xy) {\n+        var loc = this.map.getLonLatFromPixel(xy);\n+        var getTileUrl = layer.getURL(new OpenLayers.Bounds(loc.lon, loc.lat, loc.lon, loc.lat));\n+        var params = OpenLayers.Util.getParameters(getTileUrl);\n+        var tileInfo = layer.getTileInfo(loc);\n+        OpenLayers.Util.extend(params, {\n+            service: \"WMTS\",\n+            version: layer.version,\n             request: \"GetFeatureInfo\",\n-            exceptions: firstLayer.params.EXCEPTIONS,\n-            bbox: this.map.getExtent().toBBOX(null, firstLayer.reverseAxisOrder()),\n-            feature_count: this.maxFeatures,\n-            height: this.map.getSize().h,\n-            width: this.map.getSize().w,\n-            format: format,\n-            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n-        }, parseFloat(firstLayer.params.VERSION) >= 1.3 ? {\n-            crs: projection,\n-            i: parseInt(clickPosition.x),\n-            j: parseInt(clickPosition.y)\n-        } : {\n-            srs: projection,\n-            x: parseInt(clickPosition.x),\n-            y: parseInt(clickPosition.y)\n+            infoFormat: this.infoFormat,\n+            i: tileInfo.i,\n+            j: tileInfo.j\n         });\n-        if (layerNames.length != 0) {\n-            params = OpenLayers.Util.extend({\n-                layers: layerNames,\n-                query_layers: layerNames,\n-                styles: styleNames\n-            }, params)\n-        }\n         OpenLayers.Util.applyDefaults(params, this.vendorParams);\n         return {\n-            url: url,\n+            url: OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url,\n             params: OpenLayers.Util.upperCaseObject(params),\n             callback: function(request) {\n-                this.handleResponse(clickPosition, request, url)\n+                this.handleResponse(xy, request, layer)\n             },\n             scope: this\n         }\n     },\n-    getStyleNames: function(layer) {\n-        var styleNames;\n-        if (layer.params.STYLES) {\n-            styleNames = layer.params.STYLES\n-        } else {\n-            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n-                styleNames = new Array(layer.params.LAYERS.length)\n-            } else {\n-                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\")\n-            }\n-        }\n-        return styleNames\n-    },\n-    request: function(clickPosition, options) {\n-        var layers = this.findLayers();\n-        if (layers.length == 0) {\n-            this.events.triggerEvent(\"nogetfeatureinfo\");\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            return\n-        }\n+    request: function(xy, options) {\n         options = options || {};\n-        if (this.drillDown === false) {\n-            var wmsOptions = this.buildWMSOptions(this.url, layers, clickPosition, layers[0].params.FORMAT);\n-            var request = OpenLayers.Request.GET(wmsOptions);\n-            if (options.hover === true) {\n-                this.hoverRequest = request\n-            }\n-        } else {\n-            this._requestCount = 0;\n-            this._numRequests = 0;\n-            this.features = [];\n-            var services = {},\n-                url;\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var issue, layer;\n             for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                var service, found = false;\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (url in services) {\n-                    services[url].push(layer)\n-                } else {\n-                    this._numRequests++;\n-                    services[url] = [layer]\n+                layer = layers[i];\n+                issue = this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+                    xy: xy,\n+                    layer: layer\n+                });\n+                if (issue !== false) {\n+                    ++this.pending;\n+                    var requestOptions = this.buildRequestOptions(layer, xy);\n+                    var request = OpenLayers.Request.GET(requestOptions);\n+                    if (options.hover === true) {\n+                        this.hoverRequest = request\n+                    }\n                 }\n             }\n-            var layers;\n-            for (var url in services) {\n-                layers = services[url];\n-                var wmsOptions = this.buildWMSOptions(url, layers, clickPosition, layers[0].params.FORMAT);\n-                OpenLayers.Request.GET(wmsOptions)\n+            if (this.pending > 0) {\n+                OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\")\n             }\n         }\n     },\n-    triggerGetFeatureInfo: function(request, xy, features) {\n-        this.events.triggerEvent(\"getfeatureinfo\", {\n-            text: request.responseText,\n-            features: features,\n-            request: request,\n-            xy: xy\n-        });\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n-    },\n-    handleResponse: function(xy, request, url) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n+    handleResponse: function(xy, request, layer) {\n+        --this.pending;\n+        if (this.pending <= 0) {\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            this.pending = 0\n         }\n-        var features = this.format.read(doc);\n-        if (this.drillDown === false) {\n-            this.triggerGetFeatureInfo(request, xy, features)\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"exception\", {\n+                xy: xy,\n+                request: request,\n+                layer: layer\n+            })\n         } else {\n-            this._requestCount++;\n-            if (this.output === \"object\") {\n-                this._features = (this._features || []).concat({\n-                    url: url,\n-                    features: features\n+            var doc = request.responseXML;\n+            if (!doc || !doc.documentElement) {\n+                doc = request.responseText\n+            }\n+            var features, except;\n+            try {\n+                features = this.format.read(doc)\n+            } catch (error) {\n+                except = true;\n+                this.events.triggerEvent(\"exception\", {\n+                    xy: xy,\n+                    request: request,\n+                    error: error,\n+                    layer: layer\n                 })\n-            } else {\n-                this._features = (this._features || []).concat(features)\n             }\n-            if (this._requestCount === this._numRequests) {\n-                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n-                delete this._features;\n-                delete this._requestCount;\n-                delete this._numRequests\n+            if (!except) {\n+                this.events.triggerEvent(\"getfeatureinfo\", {\n+                    text: request.responseText,\n+                    features: features,\n+                    request: request,\n+                    xy: xy,\n+                    layer: layer\n+                })\n             }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n+    CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n });\n-OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n-    maxWidth: 100,\n-    topOutUnits: \"km\",\n-    topInUnits: \"m\",\n-    bottomOutUnits: \"mi\",\n-    bottomInUnits: \"ft\",\n-    eTop: null,\n-    eBottom: null,\n-    geodesic: false,\n+OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    slideFactor: 75,\n+    observeElement: null,\n     draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.eTop) {\n-            this.eTop = document.createElement(\"div\");\n-            this.eTop.className = this.displayClass + \"Top\";\n-            var theLen = this.topInUnits.length;\n-            this.div.appendChild(this.eTop);\n-            if (this.topOutUnits == \"\" || this.topInUnits == \"\") {\n-                this.eTop.style.visibility = \"hidden\"\n-            } else {\n-                this.eTop.style.visibility = \"visible\"\n+        var observeElement = this.observeElement || document;\n+        this.handler = new OpenLayers.Handler.Keyboard(this, {\n+            keydown: this.defaultKeyPress\n+        }, {\n+            observeElement: observeElement\n+        })\n+    },\n+    defaultKeyPress: function(evt) {\n+        var size, handled = true;\n+        var target = OpenLayers.Event.element(evt);\n+        if (target && (target.tagName == \"INPUT\" || target.tagName == \"TEXTAREA\" || target.tagName == \"SELECT\")) {\n+            return\n+        }\n+        switch (evt.keyCode) {\n+            case OpenLayers.Event.KEY_LEFT:\n+                this.map.pan(-this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_RIGHT:\n+                this.map.pan(this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_UP:\n+                this.map.pan(0, -this.slideFactor);\n+                break;\n+            case OpenLayers.Event.KEY_DOWN:\n+                this.map.pan(0, this.slideFactor);\n+                break;\n+            case 33:\n+                size = this.map.getSize();\n+                this.map.pan(0, -.75 * size.h);\n+                break;\n+            case 34:\n+                size = this.map.getSize();\n+                this.map.pan(0, .75 * size.h);\n+                break;\n+            case 35:\n+                size = this.map.getSize();\n+                this.map.pan(.75 * size.w, 0);\n+                break;\n+            case 36:\n+                size = this.map.getSize();\n+                this.map.pan(-.75 * size.w, 0);\n+                break;\n+            case 43:\n+            case 61:\n+            case 187:\n+            case 107:\n+                this.map.zoomIn();\n+                break;\n+            case 45:\n+            case 109:\n+            case 189:\n+            case 95:\n+                this.map.zoomOut();\n+                break;\n+            default:\n+                handled = false\n+        }\n+        if (handled) {\n+            OpenLayers.Event.stop(evt)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n+});\n+OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n+    center: null,\n+    zoom: null,\n+    layers: null,\n+    displayProjection: null,\n+    getParameters: function(url) {\n+        url = url || window.location.href;\n+        var parameters = OpenLayers.Util.getParameters(url);\n+        var index = url.indexOf(\"#\");\n+        if (index > 0) {\n+            url = \"?\" + url.substring(index + 1, url.length);\n+            OpenLayers.Util.extend(parameters, OpenLayers.Util.getParameters(url))\n+        }\n+        return parameters\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if (control != this && control.CLASS_NAME == \"OpenLayers.Control.ArgParser\") {\n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection\n+                }\n+                break\n             }\n-            this.eBottom = document.createElement(\"div\");\n-            this.eBottom.className = this.displayClass + \"Bottom\";\n-            this.div.appendChild(this.eBottom);\n-            if (this.bottomOutUnits == \"\" || this.bottomInUnits == \"\") {\n-                this.eBottom.style.visibility = \"hidden\"\n-            } else {\n-                this.eBottom.style.visibility = \"visible\"\n+        }\n+        if (i == this.map.controls.length) {\n+            var args = this.getParameters();\n+            if (args.layers) {\n+                this.layers = args.layers;\n+                this.map.events.register(\"addlayer\", this, this.configureLayers);\n+                this.configureLayers()\n+            }\n+            if (args.lat && args.lon) {\n+                this.center = new OpenLayers.LonLat(parseFloat(args.lon), parseFloat(args.lat));\n+                if (args.zoom) {\n+                    this.zoom = parseFloat(args.zoom)\n+                }\n+                this.map.events.register(\"changebaselayer\", this, this.setCenter);\n+                this.setCenter()\n             }\n         }\n-        this.map.events.register(\"moveend\", this, this.update);\n-        this.update();\n-        return this.div\n     },\n-    getBarLen: function(maxLen) {\n-        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n-        var pow10 = Math.pow(10, digits);\n-        var firstChar = parseInt(maxLen / pow10);\n-        var barLen;\n-        if (firstChar > 5) {\n-            barLen = 5\n-        } else if (firstChar > 2) {\n-            barLen = 2\n-        } else {\n-            barLen = 1\n+    setCenter: function() {\n+        if (this.map.baseLayer) {\n+            this.map.events.unregister(\"changebaselayer\", this, this.setCenter);\n+            if (this.displayProjection) {\n+                this.center.transform(this.displayProjection, this.map.getProjectionObject())\n+            }\n+            this.map.setCenter(this.center, this.zoom)\n         }\n-        return barLen * pow10\n     },\n-    update: function() {\n-        var res = this.map.getResolution();\n-        if (!res) {\n-            return\n+    configureLayers: function() {\n+        if (this.layers.length == this.map.layers.length) {\n+            this.map.events.unregister(\"addlayer\", this, this.configureLayers);\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                var c = this.layers.charAt(i);\n+                if (c == \"B\") {\n+                    this.map.setBaseLayer(layer)\n+                } else if (c == \"T\" || c == \"F\") {\n+                    layer.setVisibility(c == \"T\")\n+                }\n+            }\n         }\n-        var curMapUnits = this.map.getUnits();\n-        var inches = OpenLayers.INCHES_PER_UNIT;\n-        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n-        var geodesicRatio = 1;\n-        if (this.geodesic === true) {\n-            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w || 1e-6) * this.maxWidth;\n-            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n-            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n-            maxSizeData *= geodesicRatio\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n+});\n+OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n+    geometryTypes: null,\n+    onStart: function(feature, pixel) {},\n+    onDrag: function(feature, pixel) {},\n+    onComplete: function(feature, pixel) {},\n+    onEnter: function(feature) {},\n+    onLeave: function(feature) {},\n+    documentDrag: false,\n+    layer: null,\n+    feature: null,\n+    dragCallbacks: {},\n+    featureCallbacks: {},\n+    lastPixel: null,\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        this.handlers = {\n+            drag: new OpenLayers.Handler.Drag(this, OpenLayers.Util.extend({\n+                down: this.downFeature,\n+                move: this.moveFeature,\n+                up: this.upFeature,\n+                out: this.cancel,\n+                done: this.doneDragging\n+            }, this.dragCallbacks), {\n+                documentDrag: this.documentDrag\n+            }),\n+            feature: new OpenLayers.Handler.Feature(this, this.layer, OpenLayers.Util.extend({\n+                click: this.clickFeature,\n+                clickout: this.clickoutFeature,\n+                over: this.overFeature,\n+                out: this.outFeature\n+            }, this.featureCallbacks), {\n+                geometryTypes: this.geometryTypes\n+            })\n         }\n-        var topUnits;\n-        var bottomUnits;\n-        if (maxSizeData > 1e5) {\n-            topUnits = this.topOutUnits;\n-            bottomUnits = this.bottomOutUnits\n+    },\n+    clickFeature: function(feature) {\n+        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n+            this.handlers.drag.dragstart(this.handlers.feature.evt);\n+            this.handlers.drag.stopDown = false\n+        }\n+    },\n+    clickoutFeature: function(feature) {\n+        if (this.handlers.feature.touch && this.over) {\n+            this.outFeature(feature);\n+            this.handlers.drag.stopDown = true\n+        }\n+    },\n+    destroy: function() {\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, [])\n+    },\n+    activate: function() {\n+        return this.handlers.feature.activate() && OpenLayers.Control.prototype.activate.apply(this, arguments)\n+    },\n+    deactivate: function() {\n+        this.handlers.drag.deactivate();\n+        this.handlers.feature.deactivate();\n+        this.feature = null;\n+        this.dragging = false;\n+        this.lastPixel = null;\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n+    },\n+    overFeature: function(feature) {\n+        var activated = false;\n+        if (!this.handlers.drag.dragging) {\n+            this.feature = feature;\n+            this.handlers.drag.activate();\n+            activated = true;\n+            this.over = true;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onEnter(feature)\n         } else {\n-            topUnits = this.topInUnits;\n-            bottomUnits = this.bottomInUnits\n+            if (this.feature.id == feature.id) {\n+                this.over = true\n+            } else {\n+                this.over = false\n+            }\n         }\n-        var topMax = maxSizeData / inches[topUnits];\n-        var bottomMax = maxSizeData / inches[bottomUnits];\n-        var topRounded = this.getBarLen(topMax);\n-        var bottomRounded = this.getBarLen(bottomMax);\n-        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n-        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n-        var topPx = topMax / res / geodesicRatio;\n-        var bottomPx = bottomMax / res / geodesicRatio;\n-        if (this.eBottom.style.visibility == \"visible\") {\n-            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n-            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits\n+        return activated\n+    },\n+    downFeature: function(pixel) {\n+        this.lastPixel = pixel;\n+        this.onStart(this.feature, pixel)\n+    },\n+    moveFeature: function(pixel) {\n+        var res = this.map.getResolution();\n+        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x), res * (this.lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this.feature);\n+        this.lastPixel = pixel;\n+        this.onDrag(this.feature, pixel)\n+    },\n+    upFeature: function(pixel) {\n+        if (!this.over) {\n+            this.handlers.drag.deactivate()\n         }\n-        if (this.eTop.style.visibility == \"visible\") {\n-            this.eTop.style.width = Math.round(topPx) + \"px\";\n-            this.eTop.innerHTML = topRounded + \" \" + topUnits\n+    },\n+    doneDragging: function(pixel) {\n+        this.onComplete(this.feature, pixel)\n+    },\n+    outFeature: function(feature) {\n+        if (!this.handlers.drag.dragging) {\n+            this.over = false;\n+            this.handlers.drag.deactivate();\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onLeave(feature);\n+            this.feature = null\n+        } else {\n+            if (this.feature.id == feature.id) {\n+                this.over = false\n+            }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n+    cancel: function() {\n+        this.handlers.drag.deactivate();\n+        this.over = false\n+    },\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        this.handlers.feature.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n });\n OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n     geometryTypes: null,\n     layer: null,\n     preserveAspectRatio: false,\n     rotate: true,\n     feature: null,\n@@ -25635,460 +21693,14 @@\n         this.layer = null;\n         this.dragControl.destroy();\n         this.dragControl = null;\n         OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n     CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n });\n-OpenLayers.Control.EditingToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    citeCompliant: false,\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.Navigation]);\n-        var controls = [new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n-            displayClass: \"olControlDrawFeaturePoint\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n-            displayClass: \"olControlDrawFeaturePath\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n-            displayClass: \"olControlDrawFeaturePolygon\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        })];\n-        this.addControls(controls)\n-    },\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0]\n-        }\n-        return div\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n-});\n-OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOGGLE,\n-    previous: null,\n-    previousOptions: null,\n-    next: null,\n-    nextOptions: null,\n-    limit: 50,\n-    autoActivate: true,\n-    clearOnDeactivate: false,\n-    registry: null,\n-    nextStack: null,\n-    previousStack: null,\n-    listeners: null,\n-    restoring: false,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.registry = OpenLayers.Util.extend({\n-            moveend: this.getState\n-        }, this.registry);\n-        var previousOptions = {\n-            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n-        };\n-        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n-        this.previous = new OpenLayers.Control.Button(previousOptions);\n-        var nextOptions = {\n-            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n-        };\n-        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n-        this.next = new OpenLayers.Control.Button(nextOptions);\n-        this.clear()\n-    },\n-    onPreviousChange: function(state, length) {\n-        if (state && !this.previous.active) {\n-            this.previous.activate()\n-        } else if (!state && this.previous.active) {\n-            this.previous.deactivate()\n-        }\n-    },\n-    onNextChange: function(state, length) {\n-        if (state && !this.next.active) {\n-            this.next.activate()\n-        } else if (!state && this.next.active) {\n-            this.next.deactivate()\n-        }\n-    },\n-    destroy: function() {\n-        OpenLayers.Control.prototype.destroy.apply(this);\n-        this.previous.destroy();\n-        this.next.destroy();\n-        this.deactivate();\n-        for (var prop in this) {\n-            this[prop] = null\n-        }\n-    },\n-    setMap: function(map) {\n-        this.map = map;\n-        this.next.setMap(map);\n-        this.previous.setMap(map)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.next.draw();\n-        this.previous.draw()\n-    },\n-    previousTrigger: function() {\n-        var current = this.previousStack.shift();\n-        var state = this.previousStack.shift();\n-        if (state != undefined) {\n-            this.nextStack.unshift(current);\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-        } else {\n-            this.previousStack.unshift(current)\n-        }\n-        return state\n-    },\n-    nextTrigger: function() {\n-        var state = this.nextStack.shift();\n-        if (state != undefined) {\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-        }\n-        return state\n-    },\n-    clear: function() {\n-        this.previousStack = [];\n-        this.previous.deactivate();\n-        this.nextStack = [];\n-        this.next.deactivate()\n-    },\n-    getState: function() {\n-        return {\n-            center: this.map.getCenter(),\n-            resolution: this.map.getResolution(),\n-            projection: this.map.getProjectionObject(),\n-            units: this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units\n-        }\n-    },\n-    restore: function(state) {\n-        var center, zoom;\n-        if (this.map.getProjectionObject() == state.projection) {\n-            zoom = this.map.getZoomForResolution(state.resolution);\n-            center = state.center\n-        } else {\n-            center = state.center.clone();\n-            center.transform(state.projection, this.map.getProjectionObject());\n-            var sourceUnits = state.units;\n-            var targetUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n-            var resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution)\n-        }\n-        this.map.setCenter(center, zoom)\n-    },\n-    setListeners: function() {\n-        this.listeners = {};\n-        for (var type in this.registry) {\n-            this.listeners[type] = OpenLayers.Function.bind(function() {\n-                if (!this.restoring) {\n-                    var state = this.registry[type].apply(this, arguments);\n-                    this.previousStack.unshift(state);\n-                    if (this.previousStack.length > 1) {\n-                        this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-                    }\n-                    if (this.previousStack.length > this.limit + 1) {\n-                        this.previousStack.pop()\n-                    }\n-                    if (this.nextStack.length > 0) {\n-                        this.nextStack = [];\n-                        this.onNextChange(null, 0)\n-                    }\n-                }\n-                return true\n-            }, this)\n-        }\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.activate.apply(this)) {\n-                if (this.listeners == null) {\n-                    this.setListeners()\n-                }\n-                for (var type in this.listeners) {\n-                    this.map.events.register(type, this, this.listeners[type])\n-                }\n-                activated = true;\n-                if (this.previousStack.length == 0) {\n-                    this.initStack()\n-                }\n-            }\n-        }\n-        return activated\n-    },\n-    initStack: function() {\n-        if (this.map.getCenter()) {\n-            this.listeners.moveend()\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n-                for (var type in this.listeners) {\n-                    this.map.events.unregister(type, this, this.listeners[type])\n-                }\n-                if (this.clearOnDeactivate) {\n-                    this.clear()\n-                }\n-                deactivated = true\n-            }\n-        }\n-        return deactivated\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n-});\n-OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    slideFactor: 75,\n-    observeElement: null,\n-    draw: function() {\n-        var observeElement = this.observeElement || document;\n-        this.handler = new OpenLayers.Handler.Keyboard(this, {\n-            keydown: this.defaultKeyPress\n-        }, {\n-            observeElement: observeElement\n-        })\n-    },\n-    defaultKeyPress: function(evt) {\n-        var size, handled = true;\n-        var target = OpenLayers.Event.element(evt);\n-        if (target && (target.tagName == \"INPUT\" || target.tagName == \"TEXTAREA\" || target.tagName == \"SELECT\")) {\n-            return\n-        }\n-        switch (evt.keyCode) {\n-            case OpenLayers.Event.KEY_LEFT:\n-                this.map.pan(-this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_RIGHT:\n-                this.map.pan(this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_UP:\n-                this.map.pan(0, -this.slideFactor);\n-                break;\n-            case OpenLayers.Event.KEY_DOWN:\n-                this.map.pan(0, this.slideFactor);\n-                break;\n-            case 33:\n-                size = this.map.getSize();\n-                this.map.pan(0, -.75 * size.h);\n-                break;\n-            case 34:\n-                size = this.map.getSize();\n-                this.map.pan(0, .75 * size.h);\n-                break;\n-            case 35:\n-                size = this.map.getSize();\n-                this.map.pan(.75 * size.w, 0);\n-                break;\n-            case 36:\n-                size = this.map.getSize();\n-                this.map.pan(-.75 * size.w, 0);\n-                break;\n-            case 43:\n-            case 61:\n-            case 187:\n-            case 107:\n-                this.map.zoomIn();\n-                break;\n-            case 45:\n-            case 109:\n-            case 189:\n-            case 95:\n-                this.map.zoomOut();\n-                break;\n-            default:\n-                handled = false\n-        }\n-        if (handled) {\n-            OpenLayers.Event.stop(evt)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n-});\n-OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        var options = {\n-            slideFactor: this.slideFactor,\n-            slideRatio: this.slideRatio\n-        };\n-        this.addControls([new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)])\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n-});\n-OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    element: null,\n-    prefix: \"\",\n-    separator: \", \",\n-    suffix: \"\",\n-    numDigits: 5,\n-    granularity: 10,\n-    emptyString: null,\n-    lastXy: null,\n-    displayProjection: null,\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.events.register(\"mousemove\", this, this.redraw);\n-            this.map.events.register(\"mouseout\", this, this.reset);\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister(\"mousemove\", this, this.redraw);\n-            this.map.events.unregister(\"mouseout\", this, this.reset);\n-            this.element.innerHTML = \"\";\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.div.left = \"\";\n-            this.div.top = \"\";\n-            this.element = this.div\n-        }\n-        return this.div\n-    },\n-    redraw: function(evt) {\n-        var lonLat;\n-        if (evt == null) {\n-            this.reset();\n-            return\n-        } else {\n-            if (this.lastXy == null || Math.abs(evt.xy.x - this.lastXy.x) > this.granularity || Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n-                this.lastXy = evt.xy;\n-                return\n-            }\n-            lonLat = this.map.getLonLatFromPixel(evt.xy);\n-            if (!lonLat) {\n-                return\n-            }\n-            if (this.displayProjection) {\n-                lonLat.transform(this.map.getProjectionObject(), this.displayProjection)\n-            }\n-            this.lastXy = evt.xy\n-        }\n-        var newHtml = this.formatOutput(lonLat);\n-        if (newHtml != this.element.innerHTML) {\n-            this.element.innerHTML = newHtml\n-        }\n-    },\n-    reset: function(evt) {\n-        if (this.emptyString != null) {\n-            this.element.innerHTML = this.emptyString\n-        }\n-    },\n-    formatOutput: function(lonLat) {\n-        var digits = parseInt(this.numDigits);\n-        var newHtml = this.prefix + lonLat.lon.toFixed(digits) + this.separator + lonLat.lat.toFixed(digits) + this.suffix;\n-        return newHtml\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n-});\n-OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n-    center: null,\n-    zoom: null,\n-    layers: null,\n-    displayProjection: null,\n-    getParameters: function(url) {\n-        url = url || window.location.href;\n-        var parameters = OpenLayers.Util.getParameters(url);\n-        var index = url.indexOf(\"#\");\n-        if (index > 0) {\n-            url = \"?\" + url.substring(index + 1, url.length);\n-            OpenLayers.Util.extend(parameters, OpenLayers.Util.getParameters(url))\n-        }\n-        return parameters\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if (control != this && control.CLASS_NAME == \"OpenLayers.Control.ArgParser\") {\n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection\n-                }\n-                break\n-            }\n-        }\n-        if (i == this.map.controls.length) {\n-            var args = this.getParameters();\n-            if (args.layers) {\n-                this.layers = args.layers;\n-                this.map.events.register(\"addlayer\", this, this.configureLayers);\n-                this.configureLayers()\n-            }\n-            if (args.lat && args.lon) {\n-                this.center = new OpenLayers.LonLat(parseFloat(args.lon), parseFloat(args.lat));\n-                if (args.zoom) {\n-                    this.zoom = parseFloat(args.zoom)\n-                }\n-                this.map.events.register(\"changebaselayer\", this, this.setCenter);\n-                this.setCenter()\n-            }\n-        }\n-    },\n-    setCenter: function() {\n-        if (this.map.baseLayer) {\n-            this.map.events.unregister(\"changebaselayer\", this, this.setCenter);\n-            if (this.displayProjection) {\n-                this.center.transform(this.displayProjection, this.map.getProjectionObject())\n-            }\n-            this.map.setCenter(this.center, this.zoom)\n-        }\n-    },\n-    configureLayers: function() {\n-        if (this.layers.length == this.map.layers.length) {\n-            this.map.events.unregister(\"addlayer\", this, this.configureLayers);\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                var c = this.layers.charAt(i);\n-                if (c == \"B\") {\n-                    this.map.setBaseLayer(layer)\n-                } else if (c == \"T\" || c == \"F\") {\n-                    layer.setVisibility(c == \"T\")\n-                }\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n-});\n OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n     argParserClass: OpenLayers.Control.ArgParser,\n     element: null,\n     anchor: false,\n     base: \"\",\n     displayProjection: null,\n     initialize: function(element, base, options) {\n@@ -26198,121 +21810,73 @@\n                 }\n             }\n         }\n         return params\n     },\n     CLASS_NAME: \"OpenLayers.Control.Permalink\"\n });\n-OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n-    layers: null,\n-    imageFormat: \"image/png\",\n-    quotaRegEx: /quota/i,\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            })\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n+OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomOut()\n         }\n     },\n-    addLayer: function(evt) {\n-        evt.layer.events.on({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        })\n-    },\n-    removeLayer: function(evt) {\n-        evt.layer.events.un({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        })\n-    },\n-    makeSameOrigin: function(evt) {\n-        if (this.active) {\n-            var tile = evt.tile;\n-            if (tile instanceof OpenLayers.Tile.Image && !tile.crossOriginKeyword && tile.url.substr(0, 5) !== \"data:\") {\n-                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(tile.url, OpenLayers.ProxyHost);\n-                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n-                tile.url = sameOriginUrl\n+    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n+});\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    displayInLayerSwitcher: false,\n+    layers: null,\n+    display: function() {},\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature\n             }\n         }\n     },\n-    onTileLoaded: function(evt) {\n-        if (this.active && !evt.aborted && evt.tile instanceof OpenLayers.Tile.Image && evt.tile.url.substr(0, 5) !== \"data:\") {\n-            this.cache({\n-                tile: evt.tile\n-            });\n-            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url]\n-        }\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n     },\n-    cache: function(obj) {\n-        if (window.localStorage) {\n-            var tile = obj.tile;\n-            try {\n-                var canvasContext = tile.getCanvasContext();\n-                if (canvasContext) {\n-                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n-                    var url = urlMap[tile.url] || tile.url;\n-                    window.localStorage.setItem(\"olCache_\" + url, canvasContext.canvas.toDataURL(this.imageFormat))\n-                }\n-            } catch (e) {\n-                var reason = e.name || e.message;\n-                if (reason && this.quotaRegEx.test(reason)) {\n-                    this.events.triggerEvent(\"cachefull\", {\n-                        tile: tile\n-                    })\n-                } else {\n-                    OpenLayers.Console.error(e.toString())\n-                }\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n+    },\n+    collectRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer)\n             }\n         }\n     },\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                })\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer)\n             }\n         }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n+    },\n+    handleChangeLayer: function(evt) {\n+        var layer = evt.layer;\n+        if (evt.property == \"order\" && OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+            this.resetRoots();\n+            this.collectRoots()\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n });\n-OpenLayers.Control.CacheWrite.clearCache = function() {\n-    if (!window.localStorage) {\n-        return\n-    }\n-    var i, key;\n-    for (i = window.localStorage.length - 1; i >= 0; --i) {\n-        key = window.localStorage.key(i);\n-        if (key.substr(0, 8) === \"olCache_\") {\n-            window.localStorage.removeItem(key)\n-        }\n-    }\n-};\n-OpenLayers.Control.CacheWrite.urlMap = {};\n OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n     multipleKey: null,\n     toggleKey: null,\n     multiple: false,\n     clickout: true,\n     toggle: false,\n     hover: false,\n@@ -26756,14 +22320,422 @@\n             var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n             length *= inPerMapUnit / inPerDisplayUnit\n         }\n         return length\n     },\n     CLASS_NAME: \"OpenLayers.Control.Measure\"\n });\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+    geolocation: null,\n+    available: \"geolocation\" in navigator,\n+    bind: true,\n+    watch: false,\n+    geolocationOptions: null,\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            this.geolocation = navigator.geolocation\n+        }\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n+            } else {\n+                this.getCurrentLocation()\n+            }\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId)\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n+    },\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n+        if (this.bind) {\n+            this.map.setCenter(center)\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n+        })\n+    },\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false\n+        }\n+        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n+        return true\n+    },\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        })\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+});\n+OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomIn()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n+});\n+OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n+    maxWidth: 100,\n+    topOutUnits: \"km\",\n+    topInUnits: \"m\",\n+    bottomOutUnits: \"mi\",\n+    bottomInUnits: \"ft\",\n+    eTop: null,\n+    eBottom: null,\n+    geodesic: false,\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.eTop) {\n+            this.eTop = document.createElement(\"div\");\n+            this.eTop.className = this.displayClass + \"Top\";\n+            var theLen = this.topInUnits.length;\n+            this.div.appendChild(this.eTop);\n+            if (this.topOutUnits == \"\" || this.topInUnits == \"\") {\n+                this.eTop.style.visibility = \"hidden\"\n+            } else {\n+                this.eTop.style.visibility = \"visible\"\n+            }\n+            this.eBottom = document.createElement(\"div\");\n+            this.eBottom.className = this.displayClass + \"Bottom\";\n+            this.div.appendChild(this.eBottom);\n+            if (this.bottomOutUnits == \"\" || this.bottomInUnits == \"\") {\n+                this.eBottom.style.visibility = \"hidden\"\n+            } else {\n+                this.eBottom.style.visibility = \"visible\"\n+            }\n+        }\n+        this.map.events.register(\"moveend\", this, this.update);\n+        this.update();\n+        return this.div\n+    },\n+    getBarLen: function(maxLen) {\n+        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n+        var pow10 = Math.pow(10, digits);\n+        var firstChar = parseInt(maxLen / pow10);\n+        var barLen;\n+        if (firstChar > 5) {\n+            barLen = 5\n+        } else if (firstChar > 2) {\n+            barLen = 2\n+        } else {\n+            barLen = 1\n+        }\n+        return barLen * pow10\n+    },\n+    update: function() {\n+        var res = this.map.getResolution();\n+        if (!res) {\n+            return\n+        }\n+        var curMapUnits = this.map.getUnits();\n+        var inches = OpenLayers.INCHES_PER_UNIT;\n+        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n+        var geodesicRatio = 1;\n+        if (this.geodesic === true) {\n+            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w || 1e-6) * this.maxWidth;\n+            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n+            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n+            maxSizeData *= geodesicRatio\n+        }\n+        var topUnits;\n+        var bottomUnits;\n+        if (maxSizeData > 1e5) {\n+            topUnits = this.topOutUnits;\n+            bottomUnits = this.bottomOutUnits\n+        } else {\n+            topUnits = this.topInUnits;\n+            bottomUnits = this.bottomInUnits\n+        }\n+        var topMax = maxSizeData / inches[topUnits];\n+        var bottomMax = maxSizeData / inches[bottomUnits];\n+        var topRounded = this.getBarLen(topMax);\n+        var bottomRounded = this.getBarLen(bottomMax);\n+        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n+        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n+        var topPx = topMax / res / geodesicRatio;\n+        var bottomPx = bottomMax / res / geodesicRatio;\n+        if (this.eBottom.style.visibility == \"visible\") {\n+            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n+            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits\n+        }\n+        if (this.eTop.style.visibility == \"visible\") {\n+            this.eTop.style.width = Math.round(topPx) + \"px\";\n+            this.eTop.innerHTML = topRounded + \" \" + topUnits\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n+});\n+OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    element: null,\n+    prefix: \"\",\n+    separator: \", \",\n+    suffix: \"\",\n+    numDigits: 5,\n+    granularity: 10,\n+    emptyString: null,\n+    lastXy: null,\n+    displayProjection: null,\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.events.register(\"mousemove\", this, this.redraw);\n+            this.map.events.register(\"mouseout\", this, this.reset);\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister(\"mousemove\", this, this.redraw);\n+            this.map.events.unregister(\"mouseout\", this, this.reset);\n+            this.element.innerHTML = \"\";\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.div.left = \"\";\n+            this.div.top = \"\";\n+            this.element = this.div\n+        }\n+        return this.div\n+    },\n+    redraw: function(evt) {\n+        var lonLat;\n+        if (evt == null) {\n+            this.reset();\n+            return\n+        } else {\n+            if (this.lastXy == null || Math.abs(evt.xy.x - this.lastXy.x) > this.granularity || Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n+                this.lastXy = evt.xy;\n+                return\n+            }\n+            lonLat = this.map.getLonLatFromPixel(evt.xy);\n+            if (!lonLat) {\n+                return\n+            }\n+            if (this.displayProjection) {\n+                lonLat.transform(this.map.getProjectionObject(), this.displayProjection)\n+            }\n+            this.lastXy = evt.xy\n+        }\n+        var newHtml = this.formatOutput(lonLat);\n+        if (newHtml != this.element.innerHTML) {\n+            this.element.innerHTML = newHtml\n+        }\n+    },\n+    reset: function(evt) {\n+        if (this.emptyString != null) {\n+            this.element.innerHTML = this.emptyString\n+        }\n+    },\n+    formatOutput: function(lonLat) {\n+        var digits = parseInt(this.numDigits);\n+        var newHtml = this.prefix + lonLat.lon.toFixed(digits) + this.separator + lonLat.lat.toFixed(digits) + this.suffix;\n+        return newHtml\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n+});\n+OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.ZoomIn, new OpenLayers.Control.ZoomToMaxExtent, new OpenLayers.Control.ZoomOut])\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n+});\n+OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n+    layers: null,\n+    imageFormat: \"image/png\",\n+    quotaRegEx: /quota/i,\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            })\n+        }\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+    },\n+    addLayer: function(evt) {\n+        evt.layer.events.on({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        })\n+    },\n+    removeLayer: function(evt) {\n+        evt.layer.events.un({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        })\n+    },\n+    makeSameOrigin: function(evt) {\n+        if (this.active) {\n+            var tile = evt.tile;\n+            if (tile instanceof OpenLayers.Tile.Image && !tile.crossOriginKeyword && tile.url.substr(0, 5) !== \"data:\") {\n+                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(tile.url, OpenLayers.ProxyHost);\n+                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n+                tile.url = sameOriginUrl\n+            }\n+        }\n+    },\n+    onTileLoaded: function(evt) {\n+        if (this.active && !evt.aborted && evt.tile instanceof OpenLayers.Tile.Image && evt.tile.url.substr(0, 5) !== \"data:\") {\n+            this.cache({\n+                tile: evt.tile\n+            });\n+            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url]\n+        }\n+    },\n+    cache: function(obj) {\n+        if (window.localStorage) {\n+            var tile = obj.tile;\n+            try {\n+                var canvasContext = tile.getCanvasContext();\n+                if (canvasContext) {\n+                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n+                    var url = urlMap[tile.url] || tile.url;\n+                    window.localStorage.setItem(\"olCache_\" + url, canvasContext.canvas.toDataURL(this.imageFormat))\n+                }\n+            } catch (e) {\n+                var reason = e.name || e.message;\n+                if (reason && this.quotaRegEx.test(reason)) {\n+                    this.events.triggerEvent(\"cachefull\", {\n+                        tile: tile\n+                    })\n+                } else {\n+                    OpenLayers.Console.error(e.toString())\n+                }\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                })\n+            }\n+        }\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+});\n+OpenLayers.Control.CacheWrite.clearCache = function() {\n+    if (!window.localStorage) {\n+        return\n+    }\n+    var i, key;\n+    for (i = window.localStorage.length - 1; i >= 0; --i) {\n+        key = window.localStorage.key(i);\n+        if (key.substr(0, 8) === \"olCache_\") {\n+            window.localStorage.removeItem(key)\n+        }\n+    }\n+};\n+OpenLayers.Control.CacheWrite.urlMap = {};\n+OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n+    separator: \", \",\n+    template: \"${layers}\",\n+    destroy: function() {\n+        this.map.events.un({\n+            removelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            changebaselayer: this.updateAttribution,\n+            scope: this\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.map.events.on({\n+            changebaselayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            removelayer: this.updateAttribution,\n+            scope: this\n+        });\n+        this.updateAttribution();\n+        return this.div\n+    },\n+    updateAttribution: function() {\n+        var attributions = [];\n+        if (this.map && this.map.layers) {\n+            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                if (layer.attribution && layer.getVisibility()) {\n+                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n+                        attributions.push(layer.attribution)\n+                    }\n+                }\n+            }\n+            this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                layers: attributions.join(this.separator)\n+            })\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+});\n+OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.Navigation, new OpenLayers.Control.ZoomBox])\n+    },\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0]\n+        }\n+        return div\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+});\n OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n     DEFAULTS: {\n         tolerance: 10,\n         node: true,\n         edge: true,\n         vertex: true\n     },\n@@ -27028,1481 +23000,461 @@\n         }\n         delete this.layer;\n         delete this.targets;\n         OpenLayers.Control.prototype.destroy.call(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.Snapping\"\n });\n-OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n-    url: null,\n-    params: null,\n-    callback: null,\n-    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n-    callbackKey: \"callback\",\n-    callbackPrefix: \"\",\n-    scope: null,\n-    format: null,\n-    pendingRequests: null,\n-    srsInBBOX: false,\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    pinchOrigin: null,\n+    currentCenter: null,\n+    autoActivate: true,\n+    preserveCenter: false,\n     initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.pendingRequests = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.GeoJSON\n-        }\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params)\n-            }\n-        }\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(options.filter, options.params)\n-        }\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var request = this.createRequest(options.url, options.params, OpenLayers.Function.bind(function(data) {\n-            response.data = data;\n-            this.handleRead(response, options)\n-        }, this));\n-        response.priv = request;\n-        return response\n-    },\n-    createRequest: function(url, params, callback) {\n-        var id = OpenLayers.Protocol.Script.register(callback);\n-        var name = OpenLayers.String.format(this.callbackTemplate, {\n-            id: id\n-        });\n-        params = OpenLayers.Util.extend({}, params);\n-        params[this.callbackKey] = this.callbackPrefix + name;\n-        url = OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(params));\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = \"OpenLayers_Protocol_Script_\" + id;\n-        this.pendingRequests[script.id] = script;\n-        var head = document.getElementsByTagName(\"head\")[0];\n-        head.appendChild(script);\n-        return script\n-    },\n-    destroyRequest: function(script) {\n-        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n-        delete this.pendingRequests[script.id];\n-        if (script.parentNode) {\n-            script.parentNode.removeChild(script)\n-        }\n-    },\n-    handleRead: function(response, options) {\n-        this.handleResponse(response, options)\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions)\n     },\n-    handleResponse: function(response, options) {\n-        if (options.callback) {\n-            if (response.data) {\n-                response.features = this.parseFeatures(response.data);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            this.destroyRequest(response.priv);\n-            options.callback.call(options.scope, response)\n-        }\n+    pinchStart: function(evt, pinchData) {\n+        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy\n     },\n-    parseFeatures: function(data) {\n-        return this.format.read(data)\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current\n     },\n-    abort: function(response) {\n-        if (response) {\n-            this.destroyRequest(response.priv)\n-        } else {\n-            for (var key in this.pendingRequests) {\n-                this.destroyRequest(this.pendingRequests[key])\n-            }\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n+            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n+            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n+            this.map.setCenter(location, zoom)\n         }\n     },\n-    destroy: function() {\n-        this.abort();\n-        delete this.params;\n-        delete this.format;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n });\n-(function() {\n-    var o = OpenLayers.Protocol.Script;\n-    var counter = 0;\n-    o.registry = {};\n-    o.register = function(callback) {\n-        var id = \"c\" + ++counter;\n-        o.registry[id] = function() {\n-            callback.apply(this, arguments)\n-        };\n-        return id\n-    };\n-    o.unregister = function(id) {\n-        delete o.registry[id]\n-    }\n-})();\n-OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n-    url: null,\n-    headers: null,\n-    params: null,\n-    callback: null,\n-    scope: null,\n-    readWithPOST: false,\n-    updateWithPOST: false,\n-    deleteWithPOST: false,\n-    wildcarded: false,\n-    srsInBBOX: false,\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+    dragPan: null,\n+    dragPanOptions: null,\n+    pinchZoom: null,\n+    pinchZoomOptions: null,\n+    clickHandlerOptions: null,\n+    documentDrag: false,\n+    autoActivate: true,\n     initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.headers = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                wildcarded: this.wildcarded,\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params)\n-            }\n-        }\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n     destroy: function() {\n-        this.params = null;\n-        this.headers = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = options || {};\n-        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(options.filter, options.params)\n-        }\n-        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n-        var resp = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        if (readWithPOST) {\n-            var headers = options.headers || {};\n-            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n-            resp.priv = OpenLayers.Request.POST({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                data: OpenLayers.Util.getParameterString(options.params),\n-                headers: headers\n-            })\n-        } else {\n-            resp.priv = OpenLayers.Request.GET({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                params: options.params,\n-                headers: options.headers\n-            })\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy()\n         }\n-        return resp\n-    },\n-    handleRead: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    create: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: features,\n-            requestType: \"create\"\n-        });\n-        resp.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleCreate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(features)\n-        });\n-        return resp\n-    },\n-    handleCreate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    update: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"update\"\n-        });\n-        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n-        resp.priv = OpenLayers.Request[method]({\n-            url: url,\n-            callback: this.createCallback(this.handleUpdate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(feature)\n-        });\n-        return resp\n-    },\n-    handleUpdate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    delete: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"delete\"\n-        });\n-        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n-        var requestOptions = {\n-            url: url,\n-            callback: this.createCallback(this.handleDelete, resp, options),\n-            headers: options.headers\n-        };\n-        if (this.deleteWithPOST) {\n-            requestOptions.data = this.format.write(feature)\n+        this.dragPan = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+            delete this.pinchZoom\n         }\n-        resp.priv = OpenLayers.Request[method](requestOptions);\n-        return resp\n-    },\n-    handleDelete: function(resp, options) {\n-        this.handleResponse(resp, options)\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    handleResponse: function(resp, options) {\n-        var request = resp.priv;\n-        if (options.callback) {\n-            if (request.status >= 200 && request.status < 300) {\n-                if (resp.requestType != \"delete\") {\n-                    resp.features = this.parseFeatures(request)\n-                }\n-                resp.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                resp.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, resp)\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n+            this.pinchZoom.activate();\n+            return true\n         }\n+        return false\n     },\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n+            this.pinchZoom.deactivate();\n+            return true\n         }\n-        return this.format.read(doc)\n+        return false\n     },\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = [],\n-            nResponses = 0;\n-        var types = {};\n-        types[OpenLayers.State.INSERT] = [];\n-        types[OpenLayers.State.UPDATE] = [];\n-        types[OpenLayers.State.DELETE] = [];\n-        var feature, list, requestFeatures = [];\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            list = types[feature.state];\n-            if (list) {\n-                list.push(feature);\n-                requestFeatures.push(feature)\n-            }\n-        }\n-        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n-        var success = true;\n-        var finalResponse = new OpenLayers.Protocol.Response({\n-            reqFeatures: requestFeatures\n-        });\n-\n-        function insertCallback(response) {\n-            var len = response.features ? response.features.length : 0;\n-            var fids = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                fids[i] = response.features[i].fid\n-            }\n-            finalResponse.insertIds = fids;\n-            callback.apply(this, [response])\n-        }\n-\n-        function callback(response) {\n-            this.callUserCallback(response, options);\n-            success = success && response.success();\n-            nResponses++;\n-            if (nResponses >= nRequests) {\n-                if (options.callback) {\n-                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n-                    options.callback.apply(options.scope, [finalResponse])\n-                }\n-            }\n-        }\n-        var queue = types[OpenLayers.State.INSERT];\n-        if (queue.length > 0) {\n-            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n-                callback: insertCallback,\n-                scope: this\n-            }, options.create)))\n-        }\n-        queue = types[OpenLayers.State.UPDATE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options.update)))\n-        }\n-        queue = types[OpenLayers.State.DELETE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options[\"delete\"])))\n-        }\n-        return resp\n+    draw: function() {\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n+        };\n+        var clickOptions = OpenLayers.Util.extend({\n+            double: true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n+        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n+        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n+            map: this.map,\n+            documentDrag: this.documentDrag\n+        }, this.dragPanOptions));\n+        this.dragPan.draw();\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+            map: this.map\n+        }, this.pinchZoomOptions))\n     },\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort()\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut()\n         }\n     },\n-    callUserCallback: function(resp, options) {\n-        var opt = options[resp.requestType];\n-        if (opt && opt.callback) {\n-            opt.callback.call(opt.scope, resp)\n-        }\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n });\n-OpenLayers.Protocol.SOS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.SOS.DEFAULTS);\n-    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported SOS version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.SOS.DEFAULTS = {\n-    version: \"1.0.0\"\n-};\n-OpenLayers.Protocol.CSW = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.CSW.DEFAULTS);\n-    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSW version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.CSW.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Protocol.WFS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.WFS.DEFAULTS);\n-    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported WFS version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n-    var typeName, featurePrefix;\n-    var param = layer.params[\"LAYERS\"];\n-    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n-    if (parts.length > 1) {\n-        featurePrefix = parts[0]\n-    }\n-    typeName = parts.pop();\n-    var protocolOptions = {\n-        url: layer.url,\n-        featureType: typeName,\n-        featurePrefix: featurePrefix,\n-        srsName: layer.projection && layer.projection.getCode() || layer.map && layer.map.getProjectionObject().getCode(),\n-        version: \"1.1.0\"\n-    };\n-    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(options, protocolOptions))\n-};\n-OpenLayers.Protocol.WFS.DEFAULTS = {\n-    version: \"1.0.0\"\n-};\n-OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n-    version: null,\n-    srsName: \"EPSG:4326\",\n-    featureType: null,\n-    featureNS: null,\n-    geometryName: \"the_geom\",\n-    schema: null,\n-    featurePrefix: \"feature\",\n-    formatOptions: null,\n-    readFormat: null,\n-    readOptions: null,\n+OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n+    protocol: null,\n+    multipleKey: null,\n+    toggleKey: null,\n+    modifiers: null,\n+    multiple: false,\n+    click: true,\n+    single: true,\n+    clickout: true,\n+    toggle: false,\n+    clickTolerance: 5,\n+    hover: false,\n+    box: false,\n+    maxFeatures: 10,\n+    features: null,\n+    hoverFeature: null,\n+    handlers: null,\n+    hoverResponse: null,\n+    filterType: OpenLayers.Filter.Spatial.BBOX,\n     initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n-                version: this.version,\n-                featureType: this.featureType,\n-                featureNS: this.featureNS,\n-                featurePrefix: this.featurePrefix,\n-                geometryName: this.geometryName,\n-                srsName: this.srsName,\n-                schema: this.schema\n-            }, this.formatOptions))\n-        }\n-        if (!options.geometryName && parseFloat(this.format.version) > 1) {\n-            this.setGeometryName(null)\n+        options.handlerOptions = options.handlerOptions || {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.features = {};\n+        this.handlers = {};\n+        if (this.click) {\n+            this.handlers.click = new OpenLayers.Handler.Click(this, {\n+                click: this.selectClick\n+            }, this.handlerOptions.click || {})\n         }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(this, {\n+                done: this.selectBox\n+            }, OpenLayers.Util.extend(this.handlerOptions.box, {\n+                boxDivClassName: \"olHandlerBoxSelectFeature\"\n+            }))\n         }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-        return response\n-    },\n-    setFeatureType: function(featureType) {\n-        this.featureType = featureType;\n-        this.format.featureType = featureType\n-    },\n-    setGeometryName: function(geometryName) {\n-        this.geometryName = geometryName;\n-        this.format.geometryName = geometryName\n-    },\n-    handleRead: function(response, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                var result = this.parseResponse(request, options.readOptions);\n-                if (result && result.success !== false) {\n-                    if (options.readOptions && options.readOptions.output == \"object\") {\n-                        OpenLayers.Util.extend(response, result)\n-                    } else {\n-                        response.features = result\n-                    }\n-                    response.code = OpenLayers.Protocol.Response.SUCCESS\n-                } else {\n-                    response.code = OpenLayers.Protocol.Response.FAILURE;\n-                    response.error = result\n-                }\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, response)\n+        if (this.hover) {\n+            this.handlers.hover = new OpenLayers.Handler.Hover(this, {\n+                move: this.cancelHover,\n+                pause: this.selectHover\n+            }, OpenLayers.Util.extend(this.handlerOptions.hover, {\n+                delay: 250,\n+                pixelTolerance: 2\n+            }))\n         }\n     },\n-    parseResponse: function(request, options) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n-        }\n-        var result = this.readFormat !== null ? this.readFormat.read(doc) : this.format.read(doc, options);\n-        if (!this.featureNS) {\n-            var format = this.readFormat || this.format;\n-            this.featureNS = format.featureNS;\n-            format.autoConfig = false;\n-            if (!this.geometryName) {\n-                this.setGeometryName(format.geometryName)\n+    activate: function() {\n+        if (!this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].activate()\n             }\n         }\n-        return result\n-    },\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\",\n-            reqFeatures: features\n-        });\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            headers: options.headers,\n-            data: this.format.write(features, options),\n-            callback: this.createCallback(this.handleCommit, response, options)\n-        });\n-        return response\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n-    handleCommit: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            var data = request.responseXML;\n-            if (!data || !data.documentElement) {\n-                data = request.responseText\n-            }\n-            var obj = this.format.read(data) || {};\n-            response.insertIds = obj.insertIds || [];\n-            if (obj.success) {\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-                response.error = obj\n+    deactivate: function() {\n+        if (this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].deactivate()\n             }\n-            options.callback.call(options.scope, response)\n         }\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    filterDelete: function(filter, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\"\n-        });\n-        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n-            attributes: {\n-                service: \"WFS\",\n-                version: this.version\n-            }\n-        });\n-        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n-            attributes: {\n-                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") + options.featureType\n-            }\n-        });\n-        if (options.featureNS) {\n-            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS)\n-        }\n-        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n-        deleteNode.appendChild(filterNode);\n-        root.appendChild(deleteNode);\n-        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [root]);\n-        return OpenLayers.Request.POST({\n-            url: this.url,\n-            callback: options.callback || function() {},\n-            data: data\n+    selectClick: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+        this.setModifiers(evt);\n+        this.request(bounds, {\n+            single: this.single\n         })\n     },\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n-});\n-OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n-    version: \"1.0.0\",\n-    srsNameInQuery: false,\n-    schemaLocations: {\n-        wfs: \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n-    },\n-    initialize: function(options) {\n-        OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n-        OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options])\n-    },\n-    readNode: function(node, obj, first) {\n-        return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments)\n-    },\n-    readers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            WFS_TransactionResponse: function(node, obj) {\n-                obj.insertIds = [];\n-                obj.success = false;\n-                this.readChildNodes(node, obj)\n-            },\n-            InsertResult: function(node, container) {\n-                var obj = {\n-                    fids: []\n-                };\n-                this.readChildNodes(node, obj);\n-                container.insertIds = container.insertIds.concat(obj.fids)\n-            },\n-            TransactionResult: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Status: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            SUCCESS: function(node, obj) {\n-                obj.success = true\n-            }\n-        }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n-        gml: OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-        feature: OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n-        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n-    },\n-    writers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            Query: function(options) {\n-                options = OpenLayers.Util.extend({\n-                    featureNS: this.featureNS,\n-                    featurePrefix: this.featurePrefix,\n-                    featureType: this.featureType,\n-                    srsName: this.srsName,\n-                    srsNameInQuery: this.srsNameInQuery\n-                }, options);\n-                var prefix = options.featurePrefix;\n-                var node = this.createElementNSPlus(\"wfs:Query\", {\n-                    attributes: {\n-                        typeName: (prefix ? prefix + \":\" : \"\") + options.featureType\n-                    }\n-                });\n-                if (options.srsNameInQuery && options.srsName) {\n-                    node.setAttribute(\"srsName\", options.srsName)\n-                }\n-                if (options.featureNS) {\n-                    node.setAttribute(\"xmlns:\" + prefix, options.featureNS)\n-                }\n-                if (options.propertyNames) {\n-                    for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n-                        this.writeNode(\"ogc:PropertyName\", {\n-                            property: options.propertyNames[i]\n-                        }, node)\n-                    }\n-                }\n-                if (options.filter) {\n-                    this.setFilterProperty(options.filter);\n-                    this.writeNode(\"ogc:Filter\", options.filter, node)\n-                }\n-                return node\n-            }\n-        }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n-        gml: OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-        feature: OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n-        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n-});\n-OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-    version: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n-});\n-OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-    version: \"1.1.0\",\n-    initialize: function(options) {\n-        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n-        if (this.outputFormat && !this.readFormat) {\n-            if (this.outputFormat.toLowerCase() == \"gml2\") {\n-                this.readFormat = new OpenLayers.Format.GML.v2({\n-                    featureType: this.featureType,\n-                    featureNS: this.featureNS,\n-                    geometryName: this.geometryName\n-                })\n-            } else if (this.outputFormat.toLowerCase() == \"json\") {\n-                this.readFormat = new OpenLayers.Format.GeoJSON\n+    selectBox: function(position) {\n+        var bounds;\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n+        } else {\n+            if (this.click) {\n+                return\n             }\n+            bounds = this.pixelToBounds(position)\n         }\n+        this.setModifiers(this.handlers.box.dragHandler.evt);\n+        this.request(bounds)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n-});\n-OpenLayers.Format.CSWGetRecords = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetRecords.DEFAULTS);\n-    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetRecords version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n-        dc: \"http://purl.org/dc/elements/1.1/\",\n-        dct: \"http://purl.org/dc/terms/\",\n-        gmd: \"http://www.isotc211.org/2005/gmd\",\n-        geonet: \"http://www.fao.org/geonetwork\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        ows: \"http://www.opengis.net/ows\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    defaultPrefix: \"csw\",\n-    version: \"2.0.2\",\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-    requestId: null,\n-    resultType: null,\n-    outputFormat: null,\n-    outputSchema: null,\n-    startPosition: null,\n-    maxRecords: null,\n-    DistributedSearch: null,\n-    ResponseHandler: null,\n-    Query: null,\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    selectHover: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+        this.request(bounds, {\n+            single: true,\n+            hover: true\n+        })\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+    cancelHover: function() {\n+        if (this.hoverResponse) {\n+            this.protocol.abort(this.hoverResponse);\n+            this.hoverResponse = null;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n         }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj\n     },\n-    readers: {\n-        csw: {\n-            GetRecordsResponse: function(node, obj) {\n-                obj.records = [];\n-                this.readChildNodes(node, obj);\n-                var version = this.getAttributeNS(node, \"\", \"version\");\n-                if (version != \"\") {\n-                    obj.version = version\n-                }\n-            },\n-            RequestId: function(node, obj) {\n-                obj.RequestId = this.getChildValue(node)\n-            },\n-            SearchStatus: function(node, obj) {\n-                obj.SearchStatus = {};\n-                var timestamp = this.getAttributeNS(node, \"\", \"timestamp\");\n-                if (timestamp != \"\") {\n-                    obj.SearchStatus.timestamp = timestamp\n-                }\n-            },\n-            SearchResults: function(node, obj) {\n-                this.readChildNodes(node, obj);\n-                var attrs = node.attributes;\n-                var SearchResults = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    if (attrs[i].name == \"numberOfRecordsMatched\" || attrs[i].name == \"numberOfRecordsReturned\" || attrs[i].name == \"nextRecord\") {\n-                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue)\n+    request: function(bounds, options) {\n+        options = options || {};\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: this.filterType,\n+            value: bounds\n+        });\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        var response = this.protocol.read({\n+            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n+            filter: filter,\n+            callback: function(result) {\n+                if (result.success()) {\n+                    if (result.features.length) {\n+                        if (options.single == true) {\n+                            this.selectBestFeature(result.features, bounds.getCenterLonLat(), options)\n+                        } else {\n+                            this.select(result.features)\n+                        }\n+                    } else if (options.hover) {\n+                        this.hoverSelect()\n                     } else {\n-                        SearchResults[attrs[i].name] = attrs[i].nodeValue\n+                        this.events.triggerEvent(\"clickout\");\n+                        if (this.clickout) {\n+                            this.unselectAll()\n+                        }\n                     }\n                 }\n-                obj.SearchResults = SearchResults\n-            },\n-            SummaryRecord: function(node, obj) {\n-                var record = {\n-                    type: \"SummaryRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            BriefRecord: function(node, obj) {\n-                var record = {\n-                    type: \"BriefRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            DCMIRecord: function(node, obj) {\n-                var record = {\n-                    type: \"DCMIRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            Record: function(node, obj) {\n-                var record = {\n-                    type: \"Record\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n             },\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                obj[name] = this.getChildValue(node)\n-            }\n-        },\n-        geonet: {\n-            info: function(node, obj) {\n-                var gninfo = {};\n-                this.readChildNodes(node, gninfo);\n-                obj.gninfo = gninfo\n-            }\n-        },\n-        dc: {\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!OpenLayers.Util.isArray(obj[name])) {\n-                    obj[name] = []\n-                }\n-                var dc_element = {};\n-                var attrs = node.attributes;\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    dc_element[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                dc_element.value = this.getChildValue(node);\n-                if (dc_element.value != \"\") {\n-                    obj[name].push(dc_element)\n-                }\n-            }\n-        },\n-        dct: {\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!OpenLayers.Util.isArray(obj[name])) {\n-                    obj[name] = []\n-                }\n-                obj[name].push(this.getChildValue(node))\n-            }\n-        },\n-        ows: OpenLayers.Util.applyDefaults({\n-            BoundingBox: function(node, obj) {\n-                if (obj.bounds) {\n-                    obj.BoundingBox = [{\n-                        crs: obj.projection,\n-                        value: [obj.bounds.left, obj.bounds.bottom, obj.bounds.right, obj.bounds.top]\n-                    }];\n-                    delete obj.projection;\n-                    delete obj.bounds\n-                }\n-                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(this, arguments)\n-            }\n-        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n-    },\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetRecords\", options);\n-        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+            scope: this\n+        });\n+        if (options.hover == true) {\n+            this.hoverResponse = response\n+        }\n     },\n-    writers: {\n-        csw: {\n-            GetRecords: function(options) {\n-                if (!options) {\n-                    options = {}\n-                }\n-                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version,\n-                        requestId: options.requestId || this.requestId,\n-                        resultType: options.resultType || this.resultType,\n-                        outputFormat: options.outputFormat || this.outputFormat,\n-                        outputSchema: options.outputSchema || this.outputSchema,\n-                        startPosition: options.startPosition || this.startPosition,\n-                        maxRecords: options.maxRecords || this.maxRecords\n-                    }\n-                });\n-                if (options.DistributedSearch || this.DistributedSearch) {\n-                    this.writeNode(\"csw:DistributedSearch\", options.DistributedSearch || this.DistributedSearch, node)\n-                }\n-                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n-                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n-                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n-                        this.writeNode(\"csw:ResponseHandler\", ResponseHandler[i], node)\n-                    }\n-                }\n-                this.writeNode(\"Query\", options.Query || this.Query, node);\n-                return node\n-            },\n-            DistributedSearch: function(options) {\n-                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n-                    attributes: {\n-                        hopCount: options.hopCount\n-                    }\n-                });\n-                return node\n-            },\n-            ResponseHandler: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            Query: function(options) {\n-                if (!options) {\n-                    options = {}\n-                }\n-                var node = this.createElementNSPlus(\"csw:Query\", {\n-                    attributes: {\n-                        typeNames: options.typeNames || \"csw:Record\"\n-                    }\n-                });\n-                var ElementName = options.ElementName;\n-                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n-                    for (var i = 0, len = ElementName.length; i < len; i++) {\n-                        this.writeNode(\"csw:ElementName\", ElementName[i], node)\n-                    }\n-                } else {\n-                    this.writeNode(\"csw:ElementSetName\", options.ElementSetName || {\n-                        value: \"summary\"\n-                    }, node)\n-                }\n-                if (options.Constraint) {\n-                    this.writeNode(\"csw:Constraint\", options.Constraint, node)\n-                }\n-                if (options.SortBy) {\n-                    this.writeNode(\"ogc:SortBy\", options.SortBy, node)\n-                }\n-                return node\n-            },\n-            ElementName: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementName\", {\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            ElementSetName: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n-                    attributes: {\n-                        typeNames: options.typeNames\n-                    },\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            Constraint: function(options) {\n-                var node = this.createElementNSPlus(\"csw:Constraint\", {\n-                    attributes: {\n-                        version: options.version\n-                    }\n-                });\n-                if (options.Filter) {\n-                    var format = new OpenLayers.Format.Filter({\n-                        version: options.version\n-                    });\n-                    node.appendChild(format.write(options.Filter))\n-                } else if (options.CqlText) {\n-                    var child = this.createElementNSPlus(\"CqlText\", {\n-                        value: options.CqlText.value\n+    selectBestFeature: function(features, clickPosition, options) {\n+        options = options || {};\n+        if (features.length) {\n+            var point = new OpenLayers.Geometry.Point(clickPosition.lon, clickPosition.lat);\n+            var feature, resultFeature, dist;\n+            var minDist = Number.MAX_VALUE;\n+            for (var i = 0; i < features.length; ++i) {\n+                feature = features[i];\n+                if (feature.geometry) {\n+                    dist = point.distanceTo(feature.geometry, {\n+                        edge: false\n                     });\n-                    node.appendChild(child)\n+                    if (dist < minDist) {\n+                        minDist = dist;\n+                        resultFeature = feature;\n+                        if (minDist == 0) {\n+                            break\n+                        }\n+                    }\n                 }\n-                return node\n             }\n-        },\n-        ogc: OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n-});\n-OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n-    formatOptions: null,\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions))\n-        }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var data = this.format.write(options.params || options);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-        return response\n-    },\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                response.data = this.parseData(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            if (options.hover == true) {\n+                this.hoverSelect(resultFeature)\n             } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n+                this.select(resultFeature || features)\n             }\n-            options.callback.call(options.scope, response)\n         }\n     },\n-    parseData: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    setModifiers: function(evt) {\n+        this.modifiers = {\n+            multiple: this.multiple || this.multipleKey && evt[this.multipleKey],\n+            toggle: this.toggle || this.toggleKey && evt[this.toggleKey]\n         }\n-        return this.format.read(doc)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n-});\n-OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(OpenLayers.Format.XML, {\n-    VERSION: \"1.0.0\",\n-    namespaces: {\n-        sos: \"http://www.opengis.net/sos/1.0\",\n-        gml: \"http://www.opengis.net/gml\",\n-        sa: \"http://www.opengis.net/sampling/1.0\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n-    defaultPrefix: \"sos\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+    select: function(features) {\n+        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n+            this.unselectAll()\n         }\n-        var info = {\n-            features: []\n-        };\n-        this.readNode(data, info);\n-        var features = [];\n-        for (var i = 0, len = info.features.length; i < len; i++) {\n-            var container = info.features[i];\n-            if (this.internalProjection && this.externalProjection && container.components[0]) {\n-                container.components[0].transform(this.externalProjection, this.internalProjection)\n-            }\n-            var feature = new OpenLayers.Feature.Vector(container.components[0], container.attributes);\n-            features.push(feature)\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n         }\n-        return features\n-    },\n-    readers: {\n-        sa: {\n-            SamplingPoint: function(node, obj) {\n-                if (!obj.attributes) {\n-                    var feature = {\n-                        attributes: {}\n-                    };\n-                    obj.features.push(feature);\n-                    obj = feature\n-                }\n-                obj.attributes.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                this.readChildNodes(node, obj)\n-            },\n-            position: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            }\n-        },\n-        gml: OpenLayers.Util.applyDefaults({\n-            FeatureCollection: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            featureMember: function(node, obj) {\n-                var feature = {\n-                    attributes: {}\n-                };\n-                obj.features.push(feature);\n-                this.readChildNodes(node, feature)\n-            },\n-            name: function(node, obj) {\n-                obj.attributes.name = this.getChildValue(node)\n-            },\n-            pos: function(node, obj) {\n-                if (!this.externalProjection) {\n-                    this.externalProjection = new OpenLayers.Projection(node.getAttribute(\"srsName\"))\n-                }\n-                OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(this, [node, obj])\n-            }\n-        }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n-    },\n-    writers: {\n-        sos: {\n-            GetFeatureOfInterest: function(options) {\n-                var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n-                    attributes: {\n-                        version: this.VERSION,\n-                        service: \"SOS\",\n-                        \"xsi:schemaLocation\": this.schemaLocation\n+        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n+            features: features\n+        });\n+        if (cont !== false) {\n+            var selectedFeatures = [];\n+            var feature;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                if (this.features[feature.fid || feature.id]) {\n+                    if (this.modifiers.toggle) {\n+                        this.unselect(this.features[feature.fid || feature.id])\n+                    }\n+                } else {\n+                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n+                        feature: feature\n+                    });\n+                    if (cont !== false) {\n+                        this.features[feature.fid || feature.id] = feature;\n+                        selectedFeatures.push(feature);\n+                        this.events.triggerEvent(\"featureselected\", {\n+                            feature: feature\n+                        })\n                     }\n-                });\n-                for (var i = 0, len = options.fois.length; i < len; i++) {\n-                    this.writeNode(\"FeatureOfInterestId\", {\n-                        foi: options.fois[i]\n-                    }, node)\n                 }\n-                return node\n-            },\n-            FeatureOfInterestId: function(options) {\n-                var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n-                    value: options.foi\n-                });\n-                return node\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n-});\n-OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n-    fois: null,\n-    formatOptions: null,\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(this.formatOptions)\n-        }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var format = this.format;\n-        var data = OpenLayers.Format.XML.prototype.write.apply(format, [format.writeNode(\"sos:GetFeatureOfInterest\", {\n-            fois: this.fois\n-        })]);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            data: data\n-        });\n-        return response\n-    },\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                response.features = this.parseFeatures(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n             }\n-            options.callback.call(options.scope, response)\n+            this.events.triggerEvent(\"featuresselected\", {\n+                features: selectedFeatures\n+            })\n         }\n     },\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    hoverSelect: function(feature) {\n+        var fid = feature ? feature.fid || feature.id : null;\n+        var hfid = this.hoverFeature ? this.hoverFeature.fid || this.hoverFeature.id : null;\n+        if (hfid && hfid != fid) {\n+            this.events.triggerEvent(\"outfeature\", {\n+                feature: this.hoverFeature\n+            });\n+            this.hoverFeature = null\n         }\n-        return this.format.read(doc)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n-});\n-OpenLayers.Popup.Anchored = OpenLayers.Class(OpenLayers.Popup, {\n-    relativePosition: null,\n-    keepInMap: true,\n-    anchor: null,\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        var newArguments = [id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback];\n-        OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n-        this.anchor = anchor != null ? anchor : {\n-            size: new OpenLayers.Size(0, 0),\n-            offset: new OpenLayers.Pixel(0, 0)\n+        if (fid && fid != hfid) {\n+            this.events.triggerEvent(\"hoverfeature\", {\n+                feature: feature\n+            });\n+            this.hoverFeature = feature\n         }\n     },\n-    destroy: function() {\n-        this.anchor = null;\n-        this.relativePosition = null;\n-        OpenLayers.Popup.prototype.destroy.apply(this, arguments)\n-    },\n-    show: function() {\n-        this.updatePosition();\n-        OpenLayers.Popup.prototype.show.apply(this, arguments)\n+    unselect: function(feature) {\n+        delete this.features[feature.fid || feature.id];\n+        this.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        })\n     },\n-    moveTo: function(px) {\n-        var oldRelativePosition = this.relativePosition;\n-        this.relativePosition = this.calculateRelativePosition(px);\n-        OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n-        if (this.relativePosition != oldRelativePosition) {\n-            this.updateRelativePosition()\n+    unselectAll: function() {\n+        for (var fid in this.features) {\n+            this.unselect(this.features[fid])\n         }\n     },\n-    setSize: function(contentSize) {\n-        OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n-        if (this.lonlat && this.map) {\n-            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n-            this.moveTo(px)\n+    setMap: function(map) {\n+        for (var i in this.handlers) {\n+            this.handlers[i].setMap(map)\n         }\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n     },\n-    calculateRelativePosition: function(px) {\n-        var lonlat = this.map.getLonLatFromLayerPx(px);\n-        var extent = this.map.getExtent();\n-        var quadrant = extent.determineQuadrant(lonlat);\n-        return OpenLayers.Bounds.oppositeQuadrant(quadrant)\n-    },\n-    updateRelativePosition: function() {},\n-    calculateNewPx: function(px) {\n-        var newPx = px.offset(this.anchor.offset);\n-        var size = this.size || this.contentSize;\n-        var top = this.relativePosition.charAt(0) == \"t\";\n-        newPx.y += top ? -size.h : this.anchor.size.h;\n-        var left = this.relativePosition.charAt(1) == \"l\";\n-        newPx.x += left ? -size.w : this.anchor.size.w;\n-        return newPx\n+    pixelToBounds: function(pixel) {\n+        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n+        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n+        var ll = this.map.getLonLatFromPixel(llPx);\n+        var ur = this.map.getLonLatFromPixel(urPx);\n+        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat)\n     },\n-    CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n+    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n });\n-OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n-    imageSrc: null,\n-    imageSize: null,\n-    isAlphaImage: false,\n-    positionBlocks: null,\n-    blocks: null,\n-    fixedRelativePosition: false,\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n-        if (this.fixedRelativePosition) {\n-            this.updateRelativePosition();\n-            this.calculateRelativePosition = function(px) {\n-                return this.relativePosition\n-            }\n-        }\n-        this.contentDiv.style.position = \"absolute\";\n-        this.contentDiv.style.zIndex = 1;\n-        if (closeBox) {\n-            this.closeDiv.style.zIndex = 1\n-        }\n-        this.groupDiv.style.position = \"absolute\";\n-        this.groupDiv.style.top = \"0px\";\n-        this.groupDiv.style.left = \"0px\";\n-        this.groupDiv.style.height = \"100%\";\n-        this.groupDiv.style.width = \"100%\"\n-    },\n-    destroy: function() {\n-        this.imageSrc = null;\n-        this.imageSize = null;\n-        this.isAlphaImage = null;\n-        this.fixedRelativePosition = false;\n-        this.positionBlocks = null;\n-        for (var i = 0; i < this.blocks.length; i++) {\n-            var block = this.blocks[i];\n-            if (block.image) {\n-                block.div.removeChild(block.image)\n-            }\n-            block.image = null;\n-            if (block.div) {\n-                this.groupDiv.removeChild(block.div)\n+OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n+    defaultStyle: null,\n+    extractStyles: true,\n+    initialize: function(options) {\n+        options = options || {};\n+        if (options.extractStyles !== false) {\n+            options.defaultStyle = {\n+                externalGraphic: OpenLayers.Util.getImageLocation(\"marker.png\"),\n+                graphicWidth: 21,\n+                graphicHeight: 25,\n+                graphicXOffset: -10.5,\n+                graphicYOffset: -12.5\n             }\n-            block.div = null\n-        }\n-        this.blocks = null;\n-        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n-    },\n-    setBackgroundColor: function(color) {},\n-    setBorder: function() {},\n-    setOpacity: function(opacity) {},\n-    setSize: function(contentSize) {\n-        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n-        this.updateBlocks()\n-    },\n-    updateRelativePosition: function() {\n-        this.padding = this.positionBlocks[this.relativePosition].padding;\n-        if (this.closeDiv) {\n-            var contentDivPadding = this.getContentDivPadding();\n-            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n-            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n-        }\n-        this.updateBlocks()\n-    },\n-    calculateNewPx: function(px) {\n-        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n-        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n-        return newPx\n-    },\n-    createBlocks: function() {\n-        this.blocks = [];\n-        var firstPosition = null;\n-        for (var key in this.positionBlocks) {\n-            firstPosition = key;\n-            break\n-        }\n-        var position = this.positionBlocks[firstPosition];\n-        for (var i = 0; i < position.blocks.length; i++) {\n-            var block = {};\n-            this.blocks.push(block);\n-            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n-            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n-            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n-            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n-            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n-            block.div.appendChild(block.image);\n-            this.groupDiv.appendChild(block.div)\n         }\n+        OpenLayers.Format.prototype.initialize.apply(this, [options])\n     },\n-    updateBlocks: function() {\n-        if (!this.blocks) {\n-            this.createBlocks()\n-        }\n-        if (this.size && this.relativePosition) {\n-            var position = this.positionBlocks[this.relativePosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n-                var positionBlock = position.blocks[i];\n-                var block = this.blocks[i];\n-                var l = positionBlock.anchor.left;\n-                var b = positionBlock.anchor.bottom;\n-                var r = positionBlock.anchor.right;\n-                var t = positionBlock.anchor.top;\n-                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n-                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n-                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n-                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n-                block.div.style.left = l != null ? l + \"px\" : \"\";\n-                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n-                block.div.style.right = r != null ? r + \"px\" : \"\";\n-                block.div.style.top = t != null ? t + \"px\" : \"\";\n-                block.image.style.left = positionBlock.position.x + \"px\";\n-                block.image.style.top = positionBlock.position.y + \"px\"\n+    read: function(text) {\n+        var lines = text.split(\"\\n\");\n+        var columns;\n+        var features = [];\n+        for (var lcv = 0; lcv < lines.length - 1; lcv++) {\n+            var currLine = lines[lcv].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\n+            if (currLine.charAt(0) != \"#\") {\n+                if (!columns) {\n+                    columns = currLine.split(\"\\t\")\n+                } else {\n+                    var vals = currLine.split(\"\\t\");\n+                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n+                    var attributes = {};\n+                    var style = this.defaultStyle ? OpenLayers.Util.applyDefaults({}, this.defaultStyle) : null;\n+                    var icon, iconSize, iconOffset, overflow;\n+                    var set = false;\n+                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n+                        if (vals[valIndex]) {\n+                            if (columns[valIndex] == \"point\") {\n+                                var coords = vals[valIndex].split(\",\");\n+                                geometry.y = parseFloat(coords[0]);\n+                                geometry.x = parseFloat(coords[1]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"lat\") {\n+                                geometry.y = parseFloat(vals[valIndex]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"lon\") {\n+                                geometry.x = parseFloat(vals[valIndex]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"title\") attributes[\"title\"] = vals[valIndex];\n+                            else if (columns[valIndex] == \"image\" || columns[valIndex] == \"icon\" && style) {\n+                                style[\"externalGraphic\"] = vals[valIndex]\n+                            } else if (columns[valIndex] == \"iconSize\" && style) {\n+                                var size = vals[valIndex].split(\",\");\n+                                style[\"graphicWidth\"] = parseFloat(size[0]);\n+                                style[\"graphicHeight\"] = parseFloat(size[1])\n+                            } else if (columns[valIndex] == \"iconOffset\" && style) {\n+                                var offset = vals[valIndex].split(\",\");\n+                                style[\"graphicXOffset\"] = parseFloat(offset[0]);\n+                                style[\"graphicYOffset\"] = parseFloat(offset[1])\n+                            } else if (columns[valIndex] == \"description\") {\n+                                attributes[\"description\"] = vals[valIndex]\n+                            } else if (columns[valIndex] == \"overflow\") {\n+                                attributes[\"overflow\"] = vals[valIndex]\n+                            } else {\n+                                attributes[columns[valIndex]] = vals[valIndex]\n+                            }\n+                        }\n+                    }\n+                    if (set) {\n+                        if (this.internalProjection && this.externalProjection) {\n+                            geometry.transform(this.externalProjection, this.internalProjection)\n+                        }\n+                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n+                        features.push(feature)\n+                    }\n+                }\n             }\n-            this.contentDiv.style.left = this.padding.left + \"px\";\n-            this.contentDiv.style.top = this.padding.top + \"px\"\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-});\n-OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n-    contentDisplayClass: \"olFramedCloudPopupContent\",\n-    autoSize: true,\n-    panMapIfOutOfView: true,\n-    imageSize: new OpenLayers.Size(1276, 736),\n-    isAlphaImage: false,\n-    fixedRelativePosition: false,\n-    positionBlocks: {\n-        tl: {\n-            offset: new OpenLayers.Pixel(44, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 18),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -632)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(0, -688)\n-            }]\n-        },\n-        tr: {\n-            offset: new OpenLayers.Pixel(-45, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 19),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -631)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                position: new OpenLayers.Pixel(-215, -687)\n-            }]\n-        },\n-        bl: {\n-            offset: new OpenLayers.Pixel(45, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                position: new OpenLayers.Pixel(-101, -674)\n-            }]\n-        },\n-        br: {\n-            offset: new OpenLayers.Pixel(-44, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                position: new OpenLayers.Pixel(-311, -674)\n-            }]\n         }\n+        return features\n     },\n-    minSize: new OpenLayers.Size(105, 10),\n-    maxSize: new OpenLayers.Size(1200, 660),\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n-        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-        this.contentDiv.className = this.contentDisplayClass\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n-});\n-OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.Text\"\n });\n OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     layerOptions: null,\n     layerParams: null,\n     read: function(data, options) {\n         var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this, arguments);\n         var map;\n@@ -28664,563 +23616,14 @@\n     WFS: \"urn:ogc:serviceType:WFS\",\n     WCS: \"urn:ogc:serviceType:WCS\",\n     GML: \"urn:ogc:serviceType:GML\",\n     SLD: \"urn:ogc:serviceType:SLD\",\n     FES: \"urn:ogc:serviceType:FES\",\n     KML: \"urn:ogc:serviceType:KML\"\n };\n-OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n-    defaultVersion: \"0.3.1\",\n-    getVersion: function(root, options) {\n-        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(this, arguments);\n-        if (version === \"0.3.0\") {\n-            version = this.defaultVersion\n-        }\n-        return version\n-    },\n-    toContext: function(obj) {\n-        var context = {};\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            context.bounds = obj.getExtent();\n-            context.maxExtent = obj.maxExtent;\n-            context.projection = obj.projection;\n-            context.size = obj.getSize();\n-            context.layers = obj.layers\n-        }\n-        return context\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n-});\n-OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        atom: \"http://www.w3.org/2005/Atom\",\n-        georss: \"http://www.georss.org/georss\"\n-    },\n-    feedTitle: \"untitled\",\n-    defaultEntryTitle: \"untitled\",\n-    gmlParser: null,\n-    xy: false,\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n-        }\n-        return this.parseFeatures(doc)\n-    },\n-    write: function(features) {\n-        var doc;\n-        if (OpenLayers.Util.isArray(features)) {\n-            doc = this.createElementNSPlus(\"atom:feed\");\n-            doc.appendChild(this.createElementNSPlus(\"atom:title\", {\n-                value: this.feedTitle\n-            }));\n-            for (var i = 0, ii = features.length; i < ii; i++) {\n-                doc.appendChild(this.buildEntryNode(features[i]))\n-            }\n-        } else {\n-            doc = this.buildEntryNode(features)\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [doc])\n-    },\n-    buildContentNode: function(content) {\n-        var node = this.createElementNSPlus(\"atom:content\", {\n-            attributes: {\n-                type: content.type || null\n-            }\n-        });\n-        if (content.src) {\n-            node.setAttribute(\"src\", content.src)\n-        } else {\n-            if (content.type == \"text\" || content.type == null) {\n-                node.appendChild(this.createTextNode(content.value))\n-            } else if (content.type == \"html\") {\n-                if (typeof content.value != \"string\") {\n-                    throw \"HTML content must be in form of an escaped string\"\n-                }\n-                node.appendChild(this.createTextNode(content.value))\n-            } else if (content.type == \"xhtml\") {\n-                node.appendChild(content.value)\n-            } else if (content.type == \"xhtml\" || content.type.match(/(\\+|\\/)xml$/)) {\n-                node.appendChild(content.value)\n-            } else {\n-                node.appendChild(this.createTextNode(content.value))\n-            }\n-        }\n-        return node\n-    },\n-    buildEntryNode: function(feature) {\n-        var attrib = feature.attributes;\n-        var atomAttrib = attrib.atom || {};\n-        var entryNode = this.createElementNSPlus(\"atom:entry\");\n-        if (atomAttrib.authors) {\n-            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ? atomAttrib.authors : [atomAttrib.authors];\n-            for (var i = 0, ii = authors.length; i < ii; i++) {\n-                entryNode.appendChild(this.buildPersonConstructNode(\"author\", authors[i]))\n-            }\n-        }\n-        if (atomAttrib.categories) {\n-            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ? atomAttrib.categories : [atomAttrib.categories];\n-            var category;\n-            for (var i = 0, ii = categories.length; i < ii; i++) {\n-                category = categories[i];\n-                entryNode.appendChild(this.createElementNSPlus(\"atom:category\", {\n-                    attributes: {\n-                        term: category.term,\n-                        scheme: category.scheme || null,\n-                        label: category.label || null\n-                    }\n-                }))\n-            }\n-        }\n-        if (atomAttrib.content) {\n-            entryNode.appendChild(this.buildContentNode(atomAttrib.content))\n-        }\n-        if (atomAttrib.contributors) {\n-            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ? atomAttrib.contributors : [atomAttrib.contributors];\n-            for (var i = 0, ii = contributors.length; i < ii; i++) {\n-                entryNode.appendChild(this.buildPersonConstructNode(\"contributor\", contributors[i]))\n-            }\n-        }\n-        if (feature.fid) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:id\", {\n-                value: feature.fid\n-            }))\n-        }\n-        if (atomAttrib.links) {\n-            var links = OpenLayers.Util.isArray(atomAttrib.links) ? atomAttrib.links : [atomAttrib.links];\n-            var link;\n-            for (var i = 0, ii = links.length; i < ii; i++) {\n-                link = links[i];\n-                entryNode.appendChild(this.createElementNSPlus(\"atom:link\", {\n-                    attributes: {\n-                        href: link.href,\n-                        rel: link.rel || null,\n-                        type: link.type || null,\n-                        hreflang: link.hreflang || null,\n-                        title: link.title || null,\n-                        length: link.length || null\n-                    }\n-                }))\n-            }\n-        }\n-        if (atomAttrib.published) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:published\", {\n-                value: atomAttrib.published\n-            }))\n-        }\n-        if (atomAttrib.rights) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:rights\", {\n-                value: atomAttrib.rights\n-            }))\n-        }\n-        if (atomAttrib.summary || attrib.description) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:summary\", {\n-                value: atomAttrib.summary || attrib.description\n-            }))\n-        }\n-        entryNode.appendChild(this.createElementNSPlus(\"atom:title\", {\n-            value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n-        }));\n-        if (atomAttrib.updated) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:updated\", {\n-                value: atomAttrib.updated\n-            }))\n-        }\n-        if (feature.geometry) {\n-            var whereNode = this.createElementNSPlus(\"georss:where\");\n-            whereNode.appendChild(this.buildGeometryNode(feature.geometry));\n-            entryNode.appendChild(whereNode)\n-        }\n-        return entryNode\n-    },\n-    initGmlParser: function() {\n-        this.gmlParser = new OpenLayers.Format.GML.v3({\n-            xy: this.xy,\n-            featureNS: \"http://example.com#feature\",\n-            internalProjection: this.internalProjection,\n-            externalProjection: this.externalProjection\n-        })\n-    },\n-    buildGeometryNode: function(geometry) {\n-        if (!this.gmlParser) {\n-            this.initGmlParser()\n-        }\n-        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n-        return node.firstChild\n-    },\n-    buildPersonConstructNode: function(name, value) {\n-        var oNames = [\"uri\", \"email\"];\n-        var personNode = this.createElementNSPlus(\"atom:\" + name);\n-        personNode.appendChild(this.createElementNSPlus(\"atom:name\", {\n-            value: value.name\n-        }));\n-        for (var i = 0, ii = oNames.length; i < ii; i++) {\n-            if (value[oNames[i]]) {\n-                personNode.appendChild(this.createElementNSPlus(\"atom:\" + oNames[i], {\n-                    value: value[oNames[i]]\n-                }))\n-            }\n-        }\n-        return personNode\n-    },\n-    getFirstChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (nodes && nodes.length > 0) {\n-            value = this.getChildValue(nodes[0], def)\n-        } else {\n-            value = def\n-        }\n-        return value\n-    },\n-    parseFeature: function(node) {\n-        var atomAttrib = {};\n-        var value = null;\n-        var nodes = null;\n-        var attval = null;\n-        var atomns = this.namespaces.atom;\n-        this.parsePersonConstructs(node, \"author\", atomAttrib);\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n-        if (nodes.length > 0) {\n-            atomAttrib.categories = []\n-        }\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.term = nodes[i].getAttribute(\"term\");\n-            attval = nodes[i].getAttribute(\"scheme\");\n-            if (attval) {\n-                value.scheme = attval\n-            }\n-            attval = nodes[i].getAttribute(\"label\");\n-            if (attval) {\n-                value.label = attval\n-            }\n-            atomAttrib.categories.push(value)\n-        }\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n-        if (nodes.length > 0) {\n-            value = {};\n-            attval = nodes[0].getAttribute(\"type\");\n-            if (attval) {\n-                value.type = attval\n-            }\n-            attval = nodes[0].getAttribute(\"src\");\n-            if (attval) {\n-                value.src = attval\n-            } else {\n-                if (value.type == \"text\" || value.type == \"html\" || value.type == null) {\n-                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n-                } else if (value.type == \"xhtml\" || value.type.match(/(\\+|\\/)xml$/)) {\n-                    value.value = this.getChildEl(nodes[0])\n-                } else {\n-                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n-                }\n-                atomAttrib.content = value\n-            }\n-        }\n-        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n-        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n-        if (nodes.length > 0) {\n-            atomAttrib.links = new Array(nodes.length)\n-        }\n-        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.href = nodes[i].getAttribute(\"href\");\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                attval = nodes[i].getAttribute(oAtts[j]);\n-                if (attval) {\n-                    value[oAtts[j]] = attval\n-                }\n-            }\n-            atomAttrib.links[i] = value\n-        }\n-        value = this.getFirstChildValue(node, atomns, \"published\", null);\n-        if (value) {\n-            atomAttrib.published = value\n-        }\n-        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n-        if (value) {\n-            atomAttrib.rights = value\n-        }\n-        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n-        if (value) {\n-            atomAttrib.summary = value\n-        }\n-        atomAttrib.title = this.getFirstChildValue(node, atomns, \"title\", null);\n-        atomAttrib.updated = this.getFirstChildValue(node, atomns, \"updated\", null);\n-        var featureAttrib = {\n-            title: atomAttrib.title,\n-            description: atomAttrib.summary,\n-            atom: atomAttrib\n-        };\n-        var geometry = this.parseLocations(node)[0];\n-        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n-        feature.fid = atomAttrib.id;\n-        return feature\n-    },\n-    parseFeatures: function(node) {\n-        var features = [];\n-        var entries = this.getElementsByTagNameNS(node, this.namespaces.atom, \"entry\");\n-        if (entries.length == 0) {\n-            entries = [node]\n-        }\n-        for (var i = 0, ii = entries.length; i < ii; i++) {\n-            features.push(this.parseFeature(entries[i]))\n-        }\n-        return features\n-    },\n-    parseLocations: function(node) {\n-        var georssns = this.namespaces.georss;\n-        var locations = {\n-            components: []\n-        };\n-        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n-        if (where && where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.initGmlParser()\n-            }\n-            for (var i = 0, ii = where.length; i < ii; i++) {\n-                this.gmlParser.readChildNodes(where[i], locations)\n-            }\n-        }\n-        var components = locations.components;\n-        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n-        if (point && point.length > 0) {\n-            for (var i = 0, ii = point.length; i < ii; i++) {\n-                var xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s+/);\n-                if (xy.length != 2) {\n-                    xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s*,\\s*/)\n-                }\n-                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]))\n-            }\n-        }\n-        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n-        if (line && line.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = line.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(line[i].firstChild.nodeValue).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p)\n-                }\n-                components.push(new OpenLayers.Geometry.LineString(points))\n-            }\n-        }\n-        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n-        if (polygon && polygon.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = polygon.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(polygon[i].firstChild.nodeValue).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p)\n-                }\n-                components.push(new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(points)]))\n-            }\n-        }\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var i = 0, ii = components.length; i < ii; i++) {\n-                if (components[i]) {\n-                    components[i].transform(this.externalProjection, this.internalProjection)\n-                }\n-            }\n-        }\n-        return components\n-    },\n-    parsePersonConstructs: function(node, name, data) {\n-        var persons = [];\n-        var atomns = this.namespaces.atom;\n-        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n-        var oAtts = [\"uri\", \"email\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            var value = {};\n-            value.name = this.getFirstChildValue(nodes[i], atomns, \"name\", null);\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                var attval = this.getFirstChildValue(nodes[i], atomns, oAtts[j], null);\n-                if (attval) {\n-                    value[oAtts[j]] = attval\n-                }\n-            }\n-            persons.push(value)\n-        }\n-        if (persons.length > 0) {\n-            data[name + \"s\"] = persons\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.Atom\"\n-});\n-OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(OpenLayers.Format.XML, {\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g\n-    },\n-    namespaces: {\n-        xsd: \"http://www.w3.org/2001/XMLSchema\"\n-    },\n-    readers: {\n-        xsd: {\n-            schema: function(node, obj) {\n-                var complexTypes = [];\n-                var customTypes = {};\n-                var schema = {\n-                    complexTypes: complexTypes,\n-                    customTypes: customTypes\n-                };\n-                var i, len;\n-                this.readChildNodes(node, schema);\n-                var attributes = node.attributes;\n-                var attr, name;\n-                for (i = 0, len = attributes.length; i < len; ++i) {\n-                    attr = attributes[i];\n-                    name = attr.name;\n-                    if (name.indexOf(\"xmlns\") === 0) {\n-                        this.setNamespace(name.split(\":\")[1] || \"\", attr.value)\n-                    } else {\n-                        obj[name] = attr.value\n-                    }\n-                }\n-                obj.featureTypes = complexTypes;\n-                obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n-                var complexType, customType;\n-                for (i = 0, len = complexTypes.length; i < len; ++i) {\n-                    complexType = complexTypes[i];\n-                    customType = customTypes[complexType.typeName];\n-                    if (customTypes[complexType.typeName]) {\n-                        complexType.typeName = customType.name\n-                    }\n-                }\n-            },\n-            complexType: function(node, obj) {\n-                var complexType = {\n-                    typeName: node.getAttribute(\"name\")\n-                };\n-                this.readChildNodes(node, complexType);\n-                obj.complexTypes.push(complexType)\n-            },\n-            complexContent: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            extension: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            sequence: function(node, obj) {\n-                var sequence = {\n-                    elements: []\n-                };\n-                this.readChildNodes(node, sequence);\n-                obj.properties = sequence.elements\n-            },\n-            element: function(node, obj) {\n-                var type;\n-                if (obj.elements) {\n-                    var element = {};\n-                    var attributes = node.attributes;\n-                    var attr;\n-                    for (var i = 0, len = attributes.length; i < len; ++i) {\n-                        attr = attributes[i];\n-                        element[attr.name] = attr.value\n-                    }\n-                    type = element.type;\n-                    if (!type) {\n-                        type = {};\n-                        this.readChildNodes(node, type);\n-                        element.restriction = type;\n-                        element.type = type.base\n-                    }\n-                    var fullType = type.base || type;\n-                    element.localType = fullType.split(\":\").pop();\n-                    obj.elements.push(element);\n-                    this.readChildNodes(node, element)\n-                }\n-                if (obj.complexTypes) {\n-                    type = node.getAttribute(\"type\");\n-                    var localType = type.split(\":\").pop();\n-                    obj.customTypes[localType] = {\n-                        name: node.getAttribute(\"name\"),\n-                        type: type\n-                    }\n-                }\n-            },\n-            annotation: function(node, obj) {\n-                obj.annotation = {};\n-                this.readChildNodes(node, obj.annotation)\n-            },\n-            appinfo: function(node, obj) {\n-                if (!obj.appinfo) {\n-                    obj.appinfo = []\n-                }\n-                obj.appinfo.push(this.getChildValue(node))\n-            },\n-            documentation: function(node, obj) {\n-                if (!obj.documentation) {\n-                    obj.documentation = []\n-                }\n-                var value = this.getChildValue(node);\n-                obj.documentation.push({\n-                    lang: node.getAttribute(\"xml:lang\"),\n-                    textContent: value.replace(this.regExes.trimSpace, \"\")\n-                })\n-            },\n-            simpleType: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            restriction: function(node, obj) {\n-                obj.base = node.getAttribute(\"base\");\n-                this.readRestriction(node, obj)\n-            }\n-        }\n-    },\n-    readRestriction: function(node, obj) {\n-        var children = node.childNodes;\n-        var child, nodeName, value;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                nodeName = child.nodeName.split(\":\").pop();\n-                value = child.getAttribute(\"value\");\n-                if (!obj[nodeName]) {\n-                    obj[nodeName] = value\n-                } else {\n-                    if (typeof obj[nodeName] == \"string\") {\n-                        obj[nodeName] = [obj[nodeName]]\n-                    }\n-                    obj[nodeName].push(value)\n-                }\n-            }\n-        }\n-    },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var schema = {};\n-        if (data.nodeName.split(\":\").pop() === \"ExceptionReport\") {\n-            var parser = new OpenLayers.Format.OGCExceptionReport;\n-            schema.error = parser.read(data)\n-        } else {\n-            this.readNode(data, schema)\n-        }\n-        return schema\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n-});\n-OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.1\",\n-    profile: null,\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n-});\n OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n     defaultVersion: \"1.1.0\",\n     layerToContext: function(layer) {\n         var parser = this.getParser();\n         var layerContext = {\n             queryable: layer.queryable,\n             visibility: layer.visibility,\n@@ -29322,250 +23725,1746 @@\n                 }\n             }\n         }\n         return context\n     },\n     CLASS_NAME: \"OpenLayers.Format.WMC\"\n });\n-OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        ows: \"http://www.opengis.net/ows\",\n-        gml: \"http://www.opengis.net/gml\",\n-        sos: \"http://www.opengis.net/sos/1.0\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        om: \"http://www.opengis.net/om/1.0\",\n-        sa: \"http://www.opengis.net/sampling/1.0\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    VERSION: \"1.0.0\",\n-    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n-    defaultPrefix: \"sos\",\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var info = {\n-            measurements: [],\n-            observations: []\n-        };\n-        this.readNode(data, info);\n-        return info\n-    },\n-    write: function(options) {\n-        var node = this.writeNode(\"sos:GetObservation\", options);\n-        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n-        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n-        this.setAttributeNS(node, this.namespaces.xsi, \"xsi:schemaLocation\", this.schemaLocation);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n-    },\n-    readers: {\n-        om: {\n-            ObservationCollection: function(node, obj) {\n-                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                this.readChildNodes(node, obj)\n-            },\n-            member: function(node, observationCollection) {\n-                this.readChildNodes(node, observationCollection)\n-            },\n-            Measurement: function(node, observationCollection) {\n-                var measurement = {};\n-                observationCollection.measurements.push(measurement);\n-                this.readChildNodes(node, measurement)\n-            },\n-            Observation: function(node, observationCollection) {\n-                var observation = {};\n-                observationCollection.observations.push(observation);\n-                this.readChildNodes(node, observation)\n-            },\n-            samplingTime: function(node, measurement) {\n-                var samplingTime = {};\n-                measurement.samplingTime = samplingTime;\n-                this.readChildNodes(node, samplingTime)\n-            },\n-            observedProperty: function(node, measurement) {\n-                measurement.observedProperty = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement)\n-            },\n-            procedure: function(node, measurement) {\n-                measurement.procedure = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement)\n-            },\n-            featureOfInterest: function(node, observation) {\n-                var foi = {\n-                    features: []\n-                };\n-                observation.fois = [];\n-                observation.fois.push(foi);\n-                this.readChildNodes(node, foi);\n-                var features = [];\n-                for (var i = 0, len = foi.features.length; i < len; i++) {\n-                    var feature = foi.features[i];\n-                    features.push(new OpenLayers.Feature.Vector(feature.components[0], feature.attributes))\n+OpenLayers.Format.CQL = function() {\n+    var tokens = [\"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"],\n+        patterns = {\n+            PROPERTY: /^[_a-zA-Z]\\w*/,\n+            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n+            IS_NULL: /^IS NULL/i,\n+            COMMA: /^,/,\n+            LOGICAL: /^(AND|OR)/i,\n+            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n+            LPAREN: /^\\(/,\n+            RPAREN: /^\\)/,\n+            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n+            NOT: /^NOT/i,\n+            BETWEEN: /^BETWEEN/i,\n+            GEOMETRY: function(text) {\n+                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n+                if (type) {\n+                    var len = text.length;\n+                    var idx = text.indexOf(\"(\", type[0].length);\n+                    if (idx > -1) {\n+                        var depth = 1;\n+                        while (idx < len && depth > 0) {\n+                            idx++;\n+                            switch (text.charAt(idx)) {\n+                                case \"(\":\n+                                    depth++;\n+                                    break;\n+                                case \")\":\n+                                    depth--;\n+                                    break;\n+                                default:\n+                            }\n+                        }\n+                    }\n+                    return [text.substr(0, idx + 1)]\n                 }\n-                foi.features = features\n             },\n-            result: function(node, measurement) {\n-                var result = {};\n-                measurement.result = result;\n-                if (this.getChildValue(node) !== \"\") {\n-                    result.value = this.getChildValue(node);\n-                    result.uom = node.getAttribute(\"uom\")\n-                } else {\n-                    this.readChildNodes(node, result)\n+            END: /^$/\n+        },\n+        follows = {\n+            LPAREN: [\"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"VALUE\", \"LPAREN\"],\n+            RPAREN: [\"NOT\", \"LOGICAL\", \"END\", \"RPAREN\"],\n+            PROPERTY: [\"COMPARISON\", \"BETWEEN\", \"COMMA\", \"IS_NULL\"],\n+            BETWEEN: [\"VALUE\"],\n+            IS_NULL: [\"END\"],\n+            COMPARISON: [\"VALUE\"],\n+            COMMA: [\"GEOMETRY\", \"VALUE\", \"PROPERTY\"],\n+            VALUE: [\"LOGICAL\", \"COMMA\", \"RPAREN\", \"END\"],\n+            SPATIAL: [\"LPAREN\"],\n+            LOGICAL: [\"NOT\", \"VALUE\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"],\n+            NOT: [\"PROPERTY\", \"LPAREN\"],\n+            GEOMETRY: [\"COMMA\", \"RPAREN\"]\n+        },\n+        operators = {\n+            \"=\": OpenLayers.Filter.Comparison.EQUAL_TO,\n+            \"<>\": OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n+            \"<\": OpenLayers.Filter.Comparison.LESS_THAN,\n+            \"<=\": OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n+            \">\": OpenLayers.Filter.Comparison.GREATER_THAN,\n+            \">=\": OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n+            LIKE: OpenLayers.Filter.Comparison.LIKE,\n+            BETWEEN: OpenLayers.Filter.Comparison.BETWEEN,\n+            \"IS NULL\": OpenLayers.Filter.Comparison.IS_NULL\n+        },\n+        operatorReverse = {},\n+        logicals = {\n+            AND: OpenLayers.Filter.Logical.AND,\n+            OR: OpenLayers.Filter.Logical.OR\n+        },\n+        logicalReverse = {},\n+        precedence = {\n+            RPAREN: 3,\n+            LOGICAL: 2,\n+            COMPARISON: 1\n+        };\n+    var i;\n+    for (i in operators) {\n+        if (operators.hasOwnProperty(i)) {\n+            operatorReverse[operators[i]] = i\n+        }\n+    }\n+    for (i in logicals) {\n+        if (logicals.hasOwnProperty(i)) {\n+            logicalReverse[logicals[i]] = i\n+        }\n+    }\n+\n+    function tryToken(text, pattern) {\n+        if (pattern instanceof RegExp) {\n+            return pattern.exec(text)\n+        } else {\n+            return pattern(text)\n+        }\n+    }\n+\n+    function nextToken(text, tokens) {\n+        var i, token, len = tokens.length;\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            var pat = patterns[token];\n+            var matches = tryToken(text, pat);\n+            if (matches) {\n+                var match = matches[0];\n+                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n+                return {\n+                    type: token,\n+                    text: match,\n+                    remainder: remainder\n                 }\n             }\n-        },\n-        sa: OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n-        gml: OpenLayers.Util.applyDefaults({\n-            TimeInstant: function(node, samplingTime) {\n-                var timeInstant = {};\n-                samplingTime.timeInstant = timeInstant;\n-                this.readChildNodes(node, timeInstant)\n-            },\n-            timePosition: function(node, timeInstant) {\n-                timeInstant.timePosition = this.getChildValue(node)\n+        }\n+        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            msg += \"\\n    \" + token + \": \" + patterns[token]\n+        }\n+        throw new Error(msg)\n+    }\n+\n+    function tokenize(text) {\n+        var results = [];\n+        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n+        do {\n+            token = nextToken(text, expect);\n+            text = token.remainder;\n+            expect = follows[token.type];\n+            if (token.type != \"END\" && !expect) {\n+                throw new Error(\"No follows list for \" + token.type)\n             }\n-        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n-    },\n-    writers: {\n-        sos: {\n-            GetObservation: function(options) {\n-                var node = this.createElementNSPlus(\"GetObservation\", {\n-                    attributes: {\n-                        version: this.VERSION,\n-                        service: \"SOS\"\n+            results.push(token)\n+        } while (token.type != \"END\");\n+        return results\n+    }\n+\n+    function buildAst(tokens) {\n+        var operatorStack = [],\n+            postfix = [];\n+        while (tokens.length) {\n+            var tok = tokens.shift();\n+            switch (tok.type) {\n+                case \"PROPERTY\":\n+                case \"GEOMETRY\":\n+                case \"VALUE\":\n+                    postfix.push(tok);\n+                    break;\n+                case \"COMPARISON\":\n+                case \"BETWEEN\":\n+                case \"IS_NULL\":\n+                case \"LOGICAL\":\n+                    var p = precedence[tok.type];\n+                    while (operatorStack.length > 0 && precedence[operatorStack[operatorStack.length - 1].type] <= p) {\n+                        postfix.push(operatorStack.pop())\n                     }\n-                });\n-                this.writeNode(\"offering\", options, node);\n-                if (options.eventTime) {\n-                    this.writeNode(\"eventTime\", options, node)\n-                }\n-                for (var procedure in options.procedures) {\n-                    this.writeNode(\"procedure\", options.procedures[procedure], node)\n-                }\n-                for (var observedProperty in options.observedProperties) {\n-                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node)\n-                }\n-                if (options.foi) {\n-                    this.writeNode(\"featureOfInterest\", options.foi, node)\n-                }\n-                this.writeNode(\"responseFormat\", options, node);\n-                if (options.resultModel) {\n-                    this.writeNode(\"resultModel\", options, node)\n-                }\n-                if (options.responseMode) {\n-                    this.writeNode(\"responseMode\", options, node)\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"SPATIAL\":\n+                case \"NOT\":\n+                case \"LPAREN\":\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"RPAREN\":\n+                    while (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type != \"LPAREN\") {\n+                        postfix.push(operatorStack.pop())\n+                    }\n+                    operatorStack.pop();\n+                    if (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n+                        postfix.push(operatorStack.pop())\n+                    }\n+                case \"COMMA\":\n+                case \"END\":\n+                    break;\n+                default:\n+                    throw new Error(\"Unknown token type \" + tok.type)\n+            }\n+        }\n+        while (operatorStack.length > 0) {\n+            postfix.push(operatorStack.pop())\n+        }\n+\n+        function buildTree() {\n+            var tok = postfix.pop();\n+            switch (tok.type) {\n+                case \"LOGICAL\":\n+                    var rhs = buildTree(),\n+                        lhs = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [lhs, rhs],\n+                        type: logicals[tok.text.toUpperCase()]\n+                    });\n+                case \"NOT\":\n+                    var operand = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [operand],\n+                        type: OpenLayers.Filter.Logical.NOT\n+                    });\n+                case \"BETWEEN\":\n+                    var min, max, property;\n+                    postfix.pop();\n+                    max = buildTree();\n+                    min = buildTree();\n+                    property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        lowerBoundary: min,\n+                        upperBoundary: max,\n+                        type: OpenLayers.Filter.Comparison.BETWEEN\n+                    });\n+                case \"COMPARISON\":\n+                    var value = buildTree(),\n+                        property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        value: value,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"IS_NULL\":\n+                    var property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"VALUE\":\n+                    var match = tok.text.match(/^'(.*)'$/);\n+                    if (match) {\n+                        return match[1].replace(/''/g, \"'\")\n+                    } else {\n+                        return Number(tok.text)\n+                    }\n+                case \"SPATIAL\":\n+                    switch (tok.text.toUpperCase()) {\n+                        case \"BBOX\":\n+                            var maxy = buildTree(),\n+                                maxx = buildTree(),\n+                                miny = buildTree(),\n+                                minx = buildTree(),\n+                                prop = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.BBOX,\n+                                property: prop,\n+                                value: OpenLayers.Bounds.fromArray([minx, miny, maxx, maxy])\n+                            });\n+                        case \"INTERSECTS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"WITHIN\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.WITHIN,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"CONTAINS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.CONTAINS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"DWITHIN\":\n+                            var distance = buildTree(),\n+                                value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.DWITHIN,\n+                                value: value,\n+                                property: property,\n+                                distance: Number(distance)\n+                            })\n+                    }\n+                case \"GEOMETRY\":\n+                    return OpenLayers.Geometry.fromWKT(tok.text);\n+                default:\n+                    return tok.text\n+            }\n+        }\n+        var result = buildTree();\n+        if (postfix.length > 0) {\n+            var msg = \"Remaining tokens after building AST: \\n\";\n+            for (var i = postfix.length - 1; i >= 0; i--) {\n+                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\"\n+            }\n+            throw new Error(msg)\n+        }\n+        return result\n+    }\n+    return OpenLayers.Class(OpenLayers.Format, {\n+        read: function(text) {\n+            var result = buildAst(tokenize(text));\n+            if (this.keepData) {\n+                this.data = result\n+            }\n+            return result\n+        },\n+        write: function(filter) {\n+            if (filter instanceof OpenLayers.Geometry) {\n+                return filter.toString()\n+            }\n+            switch (filter.CLASS_NAME) {\n+                case \"OpenLayers.Filter.Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            return \"BBOX(\" + filter.property + \",\" + filter.value.toBBOX() + \")\";\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            return \"DWITHIN(\" + filter.property + \", \" + this.write(filter.value) + \", \" + filter.distance + \")\";\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            return \"WITHIN(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.INTERSECTS:\n+                            return \"INTERSECTS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.CONTAINS:\n+                            return \"CONTAINS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        default:\n+                            throw new Error(\"Unknown spatial filter type: \" + filter.type)\n+                    }\n+                case \"OpenLayers.Filter.Logical\":\n+                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n+                        return \"NOT (\" + this.write(filter.filters[0]) + \")\"\n+                    } else {\n+                        var res = \"(\";\n+                        var first = true;\n+                        for (var i = 0; i < filter.filters.length; i++) {\n+                            if (first) {\n+                                first = false\n+                            } else {\n+                                res += \") \" + logicalReverse[filter.type] + \" (\"\n+                            }\n+                            res += this.write(filter.filters[i])\n+                        }\n+                        return res + \")\"\n+                    }\n+                case \"OpenLayers.Filter.Comparison\":\n+                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n+                        return filter.property + \" BETWEEN \" + this.write(filter.lowerBoundary) + \" AND \" + this.write(filter.upperBoundary)\n+                    } else {\n+                        return filter.value !== null ? filter.property + \" \" + operatorReverse[filter.type] + \" \" + this.write(filter.value) : filter.property + \" \" + operatorReverse[filter.type]\n+                    }\n+                case undefined:\n+                    if (typeof filter === \"string\") {\n+                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\"\n+                    } else if (typeof filter === \"number\") {\n+                        return String(filter)\n+                    }\n+                default:\n+                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter)\n+            }\n+        },\n+        CLASS_NAME: \"OpenLayers.Format.CQL\"\n+    })\n+}();\n+OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n+    rssns: \"http://backend.userland.com/rss2\",\n+    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n+    georssns: \"http://www.georss.org/georss\",\n+    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n+    featureTitle: \"Untitled\",\n+    featureDescription: \"No Description\",\n+    gmlParser: null,\n+    xy: false,\n+    createGeometryFromItem: function(item) {\n+        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n+        var lat = this.getElementsByTagNameNS(item, this.geons, \"lat\");\n+        var lon = this.getElementsByTagNameNS(item, this.geons, \"long\");\n+        var line = this.getElementsByTagNameNS(item, this.georssns, \"line\");\n+        var polygon = this.getElementsByTagNameNS(item, this.georssns, \"polygon\");\n+        var where = this.getElementsByTagNameNS(item, this.georssns, \"where\");\n+        var box = this.getElementsByTagNameNS(item, this.georssns, \"box\");\n+        if (point.length > 0 || lat.length > 0 && lon.length > 0) {\n+            var location;\n+            if (point.length > 0) {\n+                location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s+/);\n+                if (location.length != 2) {\n+                    location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s*,\\s*/)\n                 }\n-                return node\n-            },\n-            featureOfInterest: function(foi) {\n-                var node = this.createElementNSPlus(\"featureOfInterest\");\n-                this.writeNode(\"ObjectID\", foi.objectId, node);\n-                return node\n-            },\n-            ObjectID: function(options) {\n-                return this.createElementNSPlus(\"ObjectID\", {\n-                    value: options\n+            } else {\n+                location = [parseFloat(lat[0].firstChild.nodeValue), parseFloat(lon[0].firstChild.nodeValue)]\n+            }\n+            var geometry = new OpenLayers.Geometry.Point(location[1], location[0])\n+        } else if (line.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.LineString(components)\n+        } else if (polygon.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n+        } else if (where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.gmlParser = new OpenLayers.Format.GML({\n+                    xy: this.xy\n                 })\n+            }\n+            var feature = this.gmlParser.parseFeature(where[0]);\n+            geometry = feature.geometry\n+        } else if (box.length > 0) {\n+            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            if (coords.length > 3) {\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n+        }\n+        if (geometry && this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.externalProjection, this.internalProjection)\n+        }\n+        return geometry\n+    },\n+    createFeatureFromItem: function(item) {\n+        var geometry = this.createGeometryFromItem(item);\n+        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n+        var description = this._getChildValue(item, \"*\", \"description\", this._getChildValue(item, \"*\", \"content\", this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n+        var link = this._getChildValue(item, \"*\", \"link\");\n+        if (!link) {\n+            try {\n+                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\")\n+            } catch (e) {\n+                link = null\n+            }\n+        }\n+        var id = this._getChildValue(item, \"*\", \"id\", null);\n+        var data = {\n+            title: title,\n+            description: description,\n+            link: link\n+        };\n+        var feature = new OpenLayers.Feature.Vector(geometry, data);\n+        feature.fid = id;\n+        return feature\n+    },\n+    _getChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (eles && eles[0] && eles[0].firstChild && eles[0].firstChild.nodeValue) {\n+            value = this.getChildValue(eles[0])\n+        } else {\n+            value = def == undefined ? \"\" : def\n+        }\n+        return value\n+    },\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n+        }\n+        var itemlist = null;\n+        itemlist = this.getElementsByTagNameNS(doc, \"*\", \"item\");\n+        if (itemlist.length == 0) {\n+            itemlist = this.getElementsByTagNameNS(doc, \"*\", \"entry\")\n+        }\n+        var numItems = itemlist.length;\n+        var features = new Array(numItems);\n+        for (var i = 0; i < numItems; i++) {\n+            features[i] = this.createFeatureFromItem(itemlist[i])\n+        }\n+        return features\n+    },\n+    write: function(features) {\n+        var georss;\n+        if (OpenLayers.Util.isArray(features)) {\n+            georss = this.createElementNS(this.rssns, \"rss\");\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                georss.appendChild(this.createFeatureXML(features[i]))\n+            }\n+        } else {\n+            georss = this.createFeatureXML(features)\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [georss])\n+    },\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var featureNode = this.createElementNS(this.rssns, \"item\");\n+        var titleNode = this.createElementNS(this.rssns, \"title\");\n+        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n+        var descNode = this.createElementNS(this.rssns, \"description\");\n+        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n+        featureNode.appendChild(titleNode);\n+        featureNode.appendChild(descNode);\n+        if (feature.attributes.link) {\n+            var linkNode = this.createElementNS(this.rssns, \"link\");\n+            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n+            featureNode.appendChild(linkNode)\n+        }\n+        for (var attr in feature.attributes) {\n+            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n+                continue\n+            }\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1]\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureNode.appendChild(attrContainer)\n+        }\n+        featureNode.appendChild(geometryNode);\n+        return featureNode\n+    },\n+    buildGeometryNode: function(geometry) {\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry = geometry.clone();\n+            geometry.transform(this.internalProjection, this.externalProjection)\n+        }\n+        var node;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n+            node = this.createElementNS(this.georssns, \"georss:polygon\");\n+            node.appendChild(this.buildCoordinatesNode(geometry.components[0]))\n+        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n+            node = this.createElementNS(this.georssns, \"georss:line\");\n+            node.appendChild(this.buildCoordinatesNode(geometry))\n+        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            node = this.createElementNS(this.georssns, \"georss:point\");\n+            node.appendChild(this.buildCoordinatesNode(geometry))\n+        } else {\n+            throw \"Couldn't parse \" + geometry.CLASS_NAME\n+        }\n+        return node\n+    },\n+    buildCoordinatesNode: function(geometry) {\n+        var points = null;\n+        if (geometry.components) {\n+            points = geometry.components\n+        }\n+        var path;\n+        if (points) {\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; i++) {\n+                parts[i] = points[i].y + \" \" + points[i].x\n+            }\n+            path = parts.join(\" \")\n+        } else {\n+            path = geometry.y + \" \" + geometry.x\n+        }\n+        return this.createTextNode(path)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+});\n+OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n+    fontStyleKeys: [\"antialiasing\", \"blockout\", \"font\", \"fontcolor\", \"fontsize\", \"fontstyle\", \"glowing\", \"interval\", \"outline\", \"printmode\", \"shadow\", \"transparency\"],\n+    request: null,\n+    response: null,\n+    initialize: function(options) {\n+        this.request = new OpenLayers.Format.ArcXML.Request;\n+        this.response = new OpenLayers.Format.ArcXML.Response;\n+        if (options) {\n+            if (options.requesttype == \"feature\") {\n+                this.request.get_image = null;\n+                var qry = this.request.get_feature.query;\n+                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n+                if (options.polygon) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.polygon = options.polygon\n+                } else if (options.envelope) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.envelope = {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    };\n+                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope)\n+                }\n+            } else if (options.requesttype == \"image\") {\n+                this.request.get_feature = null;\n+                var props = this.request.get_image.properties;\n+                this.parseEnvelope(props.envelope, options.envelope);\n+                this.addLayers(props.layerlist, options.layers);\n+                this.addImageSize(props.imagesize, options.tileSize);\n+                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(props.filtercoordsys, options.filterCoordSys)\n+            } else {\n+                this.request = null\n+            }\n+        }\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    parseEnvelope: function(env, arr) {\n+        if (arr && arr.length == 4) {\n+            env.minx = arr[0];\n+            env.miny = arr[1];\n+            env.maxx = arr[2];\n+            env.maxy = arr[3]\n+        }\n+    },\n+    addLayers: function(ll, lyrs) {\n+        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n+            ll.push(lyrs[lind])\n+        }\n+    },\n+    addImageSize: function(imsize, olsize) {\n+        if (olsize !== null) {\n+            imsize.width = olsize.w;\n+            imsize.height = olsize.h;\n+            imsize.printwidth = olsize.w;\n+            imsize.printheight = olsize.h\n+        }\n+    },\n+    addCoordSys: function(featOrFilt, fsys) {\n+        if (typeof fsys == \"string\") {\n+            featOrFilt.id = parseInt(fsys);\n+            featOrFilt.string = fsys\n+        } else if (typeof fsys == \"object\" && fsys.proj !== null) {\n+            featOrFilt.id = fsys.proj.srsProjNumber;\n+            featOrFilt.string = fsys.proj.srsCode\n+        } else {\n+            featOrFilt = fsys\n+        }\n+    },\n+    iserror: function(data) {\n+        var ret = null;\n+        if (!data) {\n+            ret = this.response.error !== \"\"\n+        } else {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n+            ret = errorNodes !== null && errorNodes.length > 0\n+        }\n+        return ret\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var arcNode = null;\n+        if (data && data.documentElement) {\n+            if (data.documentElement.nodeName == \"ARCXML\") {\n+                arcNode = data.documentElement\n+            } else {\n+                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0]\n+            }\n+        }\n+        if (!arcNode || arcNode.firstChild.nodeName === \"parsererror\") {\n+            var error, source;\n+            try {\n+                error = data.firstChild.nodeValue;\n+                source = data.firstChild.childNodes[1].firstChild.nodeValue\n+            } catch (err) {}\n+            throw {\n+                message: \"Error parsing the ArcXML request\",\n+                error: error,\n+                source: source\n+            }\n+        }\n+        var response = this.parseResponse(arcNode);\n+        return response\n+    },\n+    write: function(request) {\n+        if (!request) {\n+            request = this.request\n+        }\n+        var root = this.createElementNS(\"\", \"ARCXML\");\n+        root.setAttribute(\"version\", \"1.1\");\n+        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n+        if (request.get_image != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n+            reqElem.appendChild(getElem);\n+            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n+            getElem.appendChild(propElem);\n+            var props = request.get_image.properties;\n+            if (props.featurecoordsys != null) {\n+                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                propElem.appendChild(feat);\n+                if (props.featurecoordsys.id === 0) {\n+                    feat.setAttribute(\"string\", props.featurecoordsys[\"string\"])\n+                } else {\n+                    feat.setAttribute(\"id\", props.featurecoordsys.id)\n+                }\n+            }\n+            if (props.filtercoordsys != null) {\n+                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                propElem.appendChild(filt);\n+                if (props.filtercoordsys.id === 0) {\n+                    filt.setAttribute(\"string\", props.filtercoordsys.string)\n+                } else {\n+                    filt.setAttribute(\"id\", props.filtercoordsys.id)\n+                }\n+            }\n+            if (props.envelope != null) {\n+                var env = this.createElementNS(\"\", \"ENVELOPE\");\n+                propElem.appendChild(env);\n+                env.setAttribute(\"minx\", props.envelope.minx);\n+                env.setAttribute(\"miny\", props.envelope.miny);\n+                env.setAttribute(\"maxx\", props.envelope.maxx);\n+                env.setAttribute(\"maxy\", props.envelope.maxy)\n+            }\n+            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n+            propElem.appendChild(imagesz);\n+            imagesz.setAttribute(\"height\", props.imagesize.height);\n+            imagesz.setAttribute(\"width\", props.imagesize.width);\n+            if (props.imagesize.height != props.imagesize.printheight || props.imagesize.width != props.imagesize.printwidth) {\n+                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n+                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth)\n+            }\n+            if (props.background != null) {\n+                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n+                propElem.appendChild(backgrnd);\n+                backgrnd.setAttribute(\"color\", props.background.color.r + \",\" + props.background.color.g + \",\" + props.background.color.b);\n+                if (props.background.transcolor !== null) {\n+                    backgrnd.setAttribute(\"transcolor\", props.background.transcolor.r + \",\" + props.background.transcolor.g + \",\" + props.background.transcolor.b)\n+                }\n+            }\n+            if (props.layerlist != null && props.layerlist.length > 0) {\n+                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n+                propElem.appendChild(layerlst);\n+                for (var ld = 0; ld < props.layerlist.length; ld++) {\n+                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n+                    layerlst.appendChild(ldef);\n+                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n+                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n+                    if (typeof props.layerlist[ld].query == \"object\") {\n+                        var query = props.layerlist[ld].query;\n+                        if (query.where.length < 0) {\n+                            continue\n+                        }\n+                        var queryElem = null;\n+                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n+                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n+                        } else {\n+                            queryElem = this.createElementNS(\"\", \"QUERY\")\n+                        }\n+                        queryElem.setAttribute(\"where\", query.where);\n+                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n+                            queryElem.setAttribute(\"accuracy\", query.accuracy)\n+                        }\n+                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2e3) {\n+                            queryElem.setAttribute(\"featurelimit\", query.featurelimit)\n+                        }\n+                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n+                            queryElem.setAttribute(\"subfields\", query.subfields)\n+                        }\n+                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n+                            queryElem.setAttribute(\"joinexpression\", query.joinexpression)\n+                        }\n+                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n+                            queryElem.setAttribute(\"jointables\", query.jointables)\n+                        }\n+                        ldef.appendChild(queryElem)\n+                    }\n+                    if (typeof props.layerlist[ld].renderer == \"object\") {\n+                        this.addRenderer(ldef, props.layerlist[ld].renderer)\n+                    }\n+                }\n+            }\n+        } else if (request.get_feature != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n+            getElem.setAttribute(\"outputmode\", \"newxml\");\n+            getElem.setAttribute(\"checkesc\", \"true\");\n+            if (request.get_feature.geometry) {\n+                getElem.setAttribute(\"geometry\", request.get_feature.geometry)\n+            } else {\n+                getElem.setAttribute(\"geometry\", \"false\")\n+            }\n+            if (request.get_feature.compact) {\n+                getElem.setAttribute(\"compact\", request.get_feature.compact)\n+            }\n+            if (request.get_feature.featurelimit == \"number\") {\n+                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit)\n+            }\n+            getElem.setAttribute(\"globalenvelope\", \"true\");\n+            reqElem.appendChild(getElem);\n+            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n+                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n+                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n+                getElem.appendChild(lyrElem)\n+            }\n+            var fquery = request.get_feature.query;\n+            if (fquery != null) {\n+                var qElem = null;\n+                if (fquery.isspatial) {\n+                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n+                } else {\n+                    qElem = this.createElementNS(\"\", \"QUERY\")\n+                }\n+                getElem.appendChild(qElem);\n+                if (typeof fquery.accuracy == \"number\") {\n+                    qElem.setAttribute(\"accuracy\", fquery.accuracy)\n+                }\n+                if (fquery.featurecoordsys != null) {\n+                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                    if (fquery.featurecoordsys.id == 0) {\n+                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string)\n+                    } else {\n+                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id)\n+                    }\n+                    qElem.appendChild(fcsElem1)\n+                }\n+                if (fquery.filtercoordsys != null) {\n+                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                    if (fquery.filtercoordsys.id === 0) {\n+                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string)\n+                    } else {\n+                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id)\n+                    }\n+                    qElem.appendChild(fcsElem2)\n+                }\n+                if (fquery.buffer > 0) {\n+                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n+                    bufElem.setAttribute(\"distance\", fquery.buffer);\n+                    qElem.appendChild(bufElem)\n+                }\n+                if (fquery.isspatial) {\n+                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n+                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n+                    qElem.appendChild(spfElem);\n+                    if (fquery.spatialfilter.envelope) {\n+                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n+                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n+                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n+                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n+                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n+                        spfElem.appendChild(envElem)\n+                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n+                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon))\n+                    }\n+                }\n+                if (fquery.where != null && fquery.where.length > 0) {\n+                    qElem.setAttribute(\"where\", fquery.where)\n+                }\n+            }\n+        }\n+        root.appendChild(reqElem);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n+    },\n+    addGroupRenderer: function(ldef, toprenderer) {\n+        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n+        ldef.appendChild(topRelem);\n+        for (var rind = 0; rind < toprenderer.length; rind++) {\n+            var renderer = toprenderer[rind];\n+            this.addRenderer(topRelem, renderer)\n+        }\n+    },\n+    addRenderer: function(topRelem, renderer) {\n+        if (OpenLayers.Util.isArray(renderer)) {\n+            this.addGroupRenderer(topRelem, renderer)\n+        } else {\n+            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n+            topRelem.appendChild(renderElem);\n+            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n+                this.addValueMapRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n+                this.addValueMapLabelRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n+                this.addSimpleLabelRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n+                this.addScaleDependentRenderer(renderElem, renderer)\n+            }\n+        }\n+    },\n+    addScaleDependentRenderer: function(renderElem, renderer) {\n+        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n+            renderElem.setAttribute(\"lower\", renderer.lower)\n+        }\n+        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n+            renderElem.setAttribute(\"upper\", renderer.upper)\n+        }\n+        this.addRenderer(renderElem, renderer.renderer)\n+    },\n+    addValueMapLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n+        if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value)\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label)\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method)\n+                }\n+                renderElem.appendChild(eelem);\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+                    if (exact.symbol.type == \"text\") {\n+                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        var keys = this.fontStyleKeys;\n+                        for (var i = 0, len = keys.length; i < len; i++) {\n+                            var key = keys[i];\n+                            if (exact.symbol[key]) {\n+                                selem.setAttribute(key, exact.symbol[key])\n+                            }\n+                        }\n+                        eelem.appendChild(selem)\n+                    }\n+                }\n+            }\n+        }\n+    },\n+    addValueMapRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        if (typeof renderer.ranges == \"object\") {\n+            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n+                var range = renderer.ranges[rng];\n+                var relem = this.createElementNS(\"\", \"RANGE\");\n+                relem.setAttribute(\"lower\", range.lower);\n+                relem.setAttribute(\"upper\", range.upper);\n+                renderElem.appendChild(relem);\n+                if (typeof range.symbol == \"object\") {\n+                    var selem = null;\n+                    if (range.symbol.type == \"simplepolygon\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        if (typeof range.symbol.boundarycolor == \"string\") {\n+                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor)\n+                        }\n+                        if (typeof range.symbol.fillcolor == \"string\") {\n+                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor)\n+                        }\n+                        if (typeof range.symbol.filltransparency == \"number\") {\n+                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency)\n+                        }\n+                        relem.appendChild(selem)\n+                    }\n+                }\n+            }\n+        } else if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value)\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label)\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method)\n+                }\n+                renderElem.appendChild(eelem);\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+                    if (exact.symbol.type == \"simplemarker\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        if (typeof exact.symbol.antialiasing == \"string\") {\n+                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing)\n+                        }\n+                        if (typeof exact.symbol.color == \"string\") {\n+                            selem.setAttribute(\"color\", exact.symbol.color)\n+                        }\n+                        if (typeof exact.symbol.outline == \"string\") {\n+                            selem.setAttribute(\"outline\", exact.symbol.outline)\n+                        }\n+                        if (typeof exact.symbol.overlap == \"string\") {\n+                            selem.setAttribute(\"overlap\", exact.symbol.overlap)\n+                        }\n+                        if (typeof exact.symbol.shadow == \"string\") {\n+                            selem.setAttribute(\"shadow\", exact.symbol.shadow)\n+                        }\n+                        if (typeof exact.symbol.transparency == \"number\") {\n+                            selem.setAttribute(\"transparency\", exact.symbol.transparency)\n+                        }\n+                        if (typeof exact.symbol.usecentroid == \"string\") {\n+                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid)\n+                        }\n+                        if (typeof exact.symbol.width == \"number\") {\n+                            selem.setAttribute(\"width\", exact.symbol.width)\n+                        }\n+                        eelem.appendChild(selem)\n+                    }\n+                }\n+            }\n+        }\n+    },\n+    addSimpleLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"field\", renderer.field);\n+        var keys = [\"featureweight\", \"howmanylabels\", \"labelbufferratio\", \"labelpriorities\", \"labelweight\", \"linelabelposition\", \"rotationalangles\"];\n+        for (var i = 0, len = keys.length; i < len; i++) {\n+            var key = keys[i];\n+            if (renderer[key]) {\n+                renderElem.setAttribute(key, renderer[key])\n+            }\n+        }\n+        if (renderer.symbol.type == \"text\") {\n+            var symbol = renderer.symbol;\n+            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+            renderElem.appendChild(selem);\n+            var keys = this.fontStyleKeys;\n+            for (var i = 0, len = keys.length; i < len; i++) {\n+                var key = keys[i];\n+                if (symbol[key]) {\n+                    selem.setAttribute(key, renderer[key])\n+                }\n+            }\n+        }\n+    },\n+    writePolygonGeometry: function(polygon) {\n+        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n+            throw {\n+                message: \"Cannot write polygon geometry to ArcXML with an \" + polygon.CLASS_NAME + \" object.\",\n+                geometry: polygon\n+            }\n+        }\n+        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n+        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n+            var ring = polygon.components[ln];\n+            var ringElem = this.createElementNS(\"\", \"RING\");\n+            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n+                var point = ring.components[rn];\n+                var pointElem = this.createElementNS(\"\", \"POINT\");\n+                pointElem.setAttribute(\"x\", point.x);\n+                pointElem.setAttribute(\"y\", point.y);\n+                ringElem.appendChild(pointElem)\n+            }\n+            polyElem.appendChild(ringElem)\n+        }\n+        return polyElem\n+    },\n+    parseResponse: function(data) {\n+        if (typeof data == \"string\") {\n+            var newData = new OpenLayers.Format.XML;\n+            data = newData.read(data)\n+        }\n+        var response = new OpenLayers.Format.ArcXML.Response;\n+        var errorNode = data.getElementsByTagName(\"ERROR\");\n+        if (errorNode != null && errorNode.length > 0) {\n+            response.error = this.getChildValue(errorNode, \"Unknown error.\")\n+        } else {\n+            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n+            if (responseNode == null || responseNode.length == 0) {\n+                response.error = \"No RESPONSE tag found in ArcXML response.\";\n+                return response\n+            }\n+            var rtype = responseNode[0].firstChild.nodeName;\n+            if (rtype == \"#text\") {\n+                rtype = responseNode[0].firstChild.nextSibling.nodeName\n+            }\n+            if (rtype == \"IMAGE\") {\n+                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n+                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n+                if (envelopeNode == null || envelopeNode.length == 0) {\n+                    response.error = \"No ENVELOPE tag found in ArcXML response.\"\n+                } else if (outputNode == null || outputNode.length == 0) {\n+                    response.error = \"No OUTPUT tag found in ArcXML response.\"\n+                } else {\n+                    var envAttr = this.parseAttributes(envelopeNode[0]);\n+                    var outputAttr = this.parseAttributes(outputNode[0]);\n+                    if (typeof outputAttr.type == \"string\") {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: {\n+                                type: outputAttr.type,\n+                                data: this.getChildValue(outputNode[0])\n+                            }\n+                        }\n+                    } else {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: outputAttr\n+                        }\n+                    }\n+                }\n+            } else if (rtype == \"FEATURES\") {\n+                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n+                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n+                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n+                if (response.features.featurecount > 0) {\n+                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n+                    response.features.envelope = this.parseAttributes(envelope[0], typeof 0);\n+                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n+                    for (var fn = 0; fn < featureList.length; fn++) {\n+                        var feature = new OpenLayers.Feature.Vector;\n+                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n+                        for (var fdn = 0; fdn < fields.length; fdn++) {\n+                            var fieldName = fields[fdn].getAttribute(\"name\");\n+                            var fieldValue = fields[fdn].getAttribute(\"value\");\n+                            feature.attributes[fieldName] = fieldValue\n+                        }\n+                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n+                        if (geom.length > 0) {\n+                            var ring = geom[0].getElementsByTagName(\"RING\");\n+                            var polys = [];\n+                            for (var rn = 0; rn < ring.length; rn++) {\n+                                var linearRings = [];\n+                                linearRings.push(this.parsePointGeometry(ring[rn]));\n+                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n+                                for (var hn = 0; hn < holes.length; hn++) {\n+                                    linearRings.push(this.parsePointGeometry(holes[hn]))\n+                                }\n+                                holes = null;\n+                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n+                                linearRings = null\n+                            }\n+                            ring = null;\n+                            if (polys.length == 1) {\n+                                feature.geometry = polys[0]\n+                            } else {\n+                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys)\n+                            }\n+                        }\n+                        response.features.feature.push(feature)\n+                    }\n+                }\n+            } else {\n+                response.error = \"Unidentified response type.\"\n+            }\n+        }\n+        return response\n+    },\n+    parseAttributes: function(node, type) {\n+        var attributes = {};\n+        for (var attr = 0; attr < node.attributes.length; attr++) {\n+            if (type == \"number\") {\n+                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue)\n+            } else {\n+                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue\n+            }\n+        }\n+        return attributes\n+    },\n+    parsePointGeometry: function(node) {\n+        var ringPoints = [];\n+        var coords = node.getElementsByTagName(\"COORDS\");\n+        if (coords.length > 0) {\n+            var coordArr = this.getChildValue(coords[0]);\n+            coordArr = coordArr.split(/;/);\n+            for (var cn = 0; cn < coordArr.length; cn++) {\n+                var coordItems = coordArr[cn].split(/ /);\n+                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]))\n+            }\n+            coords = null\n+        } else {\n+            var point = node.getElementsByTagName(\"POINT\");\n+            if (point.length > 0) {\n+                for (var pn = 0; pn < point.length; pn++) {\n+                    ringPoints.push(new OpenLayers.Geometry.Point(parseFloat(point[pn].getAttribute(\"x\")), parseFloat(point[pn].getAttribute(\"y\"))))\n+                }\n+            }\n+            point = null\n+        }\n+        return new OpenLayers.Geometry.LinearRing(ringPoints)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n+});\n+OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            get_image: {\n+                properties: {\n+                    background: null,\n+                    draw: true,\n+                    envelope: {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    },\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    imagesize: {\n+                        height: 0,\n+                        width: 0,\n+                        dpi: 96,\n+                        printheight: 0,\n+                        printwidth: 0,\n+                        scalesymbols: false\n+                    },\n+                    layerlist: [],\n+                    output: {\n+                        baseurl: \"\",\n+                        legendbaseurl: \"\",\n+                        legendname: \"\",\n+                        legendpath: \"\",\n+                        legendurl: \"\",\n+                        name: \"\",\n+                        path: \"\",\n+                        type: \"jpg\",\n+                        url: \"\"\n+                    }\n+                }\n             },\n-            responseFormat: function(options) {\n-                return this.createElementNSPlus(\"responseFormat\", {\n-                    value: options.responseFormat\n-                })\n+            get_feature: {\n+                layer: \"\",\n+                query: {\n+                    isspatial: false,\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    buffer: 0,\n+                    where: \"\",\n+                    spatialfilter: {\n+                        relation: \"envelope_intersection\",\n+                        envelope: null\n+                    }\n+                }\n             },\n-            procedure: function(procedure) {\n-                return this.createElementNSPlus(\"procedure\", {\n-                    value: procedure\n-                })\n+            environment: {\n+                separators: {\n+                    cs: \" \",\n+                    ts: \";\"\n+                }\n             },\n-            offering: function(options) {\n-                return this.createElementNSPlus(\"offering\", {\n-                    value: options.offering\n-                })\n+            layer: [],\n+            workspaces: []\n+        };\n+        return OpenLayers.Util.extend(this, defaults)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n+});\n+OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            image: {\n+                envelope: null,\n+                output: \"\"\n             },\n-            observedProperty: function(observedProperty) {\n-                return this.createElementNSPlus(\"observedProperty\", {\n-                    value: observedProperty\n-                })\n+            features: {\n+                featurecount: 0,\n+                envelope: null,\n+                feature: []\n             },\n-            eventTime: function(options) {\n-                var node = this.createElementNSPlus(\"eventTime\");\n-                if (options.eventTime === \"latest\") {\n-                    this.writeNode(\"ogc:TM_Equals\", options, node)\n+            error: \"\"\n+        };\n+        return OpenLayers.Util.extend(this, defaults)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+});\n+OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+});\n+OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n+    defaultDesc: \"No description available\",\n+    extractWaypoints: true,\n+    extractTracks: true,\n+    extractRoutes: true,\n+    extractAttributes: true,\n+    namespaces: {\n+        gpx: \"http://www.topografix.com/GPX/1/1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n+    creator: \"OpenLayers\",\n+    initialize: function(options) {\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n+        }\n+        var features = [];\n+        if (this.extractTracks) {\n+            var tracks = doc.getElementsByTagName(\"trk\");\n+            for (var i = 0, len = tracks.length; i < len; i++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(tracks[i])\n+                }\n+                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n+                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n+                    var track = this.extractSegment(segs[j], \"trkpt\");\n+                    features.push(new OpenLayers.Feature.Vector(track, attrs))\n                 }\n-                return node\n-            },\n-            resultModel: function(options) {\n-                return this.createElementNSPlus(\"resultModel\", {\n-                    value: options.resultModel\n-                })\n-            },\n-            responseMode: function(options) {\n-                return this.createElementNSPlus(\"responseMode\", {\n-                    value: options.responseMode\n-                })\n             }\n-        },\n-        ogc: {\n-            TM_Equals: function(options) {\n-                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n-                this.writeNode(\"ogc:PropertyName\", {\n-                    property: \"urn:ogc:data:time:iso8601\"\n-                }, node);\n-                if (options.eventTime === \"latest\") {\n-                    this.writeNode(\"gml:TimeInstant\", {\n-                        value: \"latest\"\n-                    }, node)\n+        }\n+        if (this.extractRoutes) {\n+            var routes = doc.getElementsByTagName(\"rte\");\n+            for (var k = 0, klen = routes.length; k < klen; k++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(routes[k])\n                 }\n-                return node\n-            },\n-            PropertyName: function(options) {\n-                return this.createElementNSPlus(\"ogc:PropertyName\", {\n-                    value: options.property\n-                })\n+                var route = this.extractSegment(routes[k], \"rtept\");\n+                features.push(new OpenLayers.Feature.Vector(route, attrs))\n             }\n-        },\n-        gml: {\n-            TimeInstant: function(options) {\n-                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n-                this.writeNode(\"gml:timePosition\", options, node);\n-                return node\n-            },\n-            timePosition: function(options) {\n-                var node = this.createElementNSPlus(\"gml:timePosition\", {\n-                    value: options.value\n-                });\n-                return node\n+        }\n+        if (this.extractWaypoints) {\n+            var waypoints = doc.getElementsByTagName(\"wpt\");\n+            for (var l = 0, len = waypoints.length; l < len; l++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(waypoints[l])\n+                }\n+                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n+                features.push(new OpenLayers.Feature.Vector(wpt, attrs))\n+            }\n+        }\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var g = 0, featLength = features.length; g < featLength; g++) {\n+                features[g].geometry.transform(this.externalProjection, this.internalProjection)\n             }\n         }\n+        return features\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n+    extractSegment: function(segment, segmentType) {\n+        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n+        var point_features = [];\n+        for (var i = 0, len = points.length; i < len; i++) {\n+            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")))\n+        }\n+        return new OpenLayers.Geometry.LineString(point_features)\n+    },\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+        var attrNode = node.firstChild,\n+            value, name;\n+        while (attrNode) {\n+            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n+                value = attrNode.firstChild;\n+                if (value.nodeType == 3 || value.nodeType == 4) {\n+                    name = attrNode.prefix ? attrNode.nodeName.split(\":\")[1] : attrNode.nodeName;\n+                    if (name != \"trkseg\" && name != \"rtept\") {\n+                        attributes[name] = value.nodeValue\n+                    }\n+                }\n+            }\n+            attrNode = attrNode.nextSibling\n+        }\n+        return attributes\n+    },\n+    write: function(features, metadata) {\n+        features = OpenLayers.Util.isArray(features) ? features : [features];\n+        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n+        gpx.setAttribute(\"version\", \"1.1\");\n+        gpx.setAttribute(\"creator\", this.creator);\n+        this.setAttributes(gpx, {\n+            \"xsi:schemaLocation\": this.schemaLocation\n+        });\n+        if (metadata && typeof metadata == \"object\") {\n+            gpx.appendChild(this.buildMetadataNode(metadata))\n+        }\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            gpx.appendChild(this.buildFeatureNode(features[i]))\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx])\n+    },\n+    buildMetadataNode: function(metadata) {\n+        var types = [\"name\", \"desc\", \"author\"],\n+            node = this.createElementNS(this.namespaces.gpx, \"metadata\");\n+        for (var i = 0; i < types.length; i++) {\n+            var type = types[i];\n+            if (metadata[type]) {\n+                var n = this.createElementNS(this.namespaces.gpx, type);\n+                n.appendChild(this.createTextNode(metadata[type]));\n+                node.appendChild(n)\n+            }\n+        }\n+        return node\n+    },\n+    buildFeatureNode: function(feature) {\n+        var geometry = feature.geometry;\n+        geometry = geometry.clone();\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.internalProjection, this.externalProjection)\n+        }\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            var wpt = this.buildWptNode(geometry);\n+            this.appendAttributesNode(wpt, feature);\n+            return wpt\n+        } else {\n+            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n+            this.appendAttributesNode(trkNode, feature);\n+            var trkSegNodes = this.buildTrkSegNode(geometry);\n+            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ? trkSegNodes : [trkSegNodes];\n+            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n+                trkNode.appendChild(trkSegNodes[i])\n+            }\n+            return trkNode\n+        }\n+    },\n+    buildTrkSegNode: function(geometry) {\n+        var node, i, len, point, nodes;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" || geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                point = geometry.components[i];\n+                node.appendChild(this.buildTrkPtNode(point))\n+            }\n+            return node\n+        } else {\n+            nodes = [];\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                nodes.push(this.buildTrkSegNode(geometry.components[i]))\n+            }\n+            return nodes\n+        }\n+    },\n+    buildTrkPtNode: function(point) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n+        node.setAttribute(\"lon\", point.x);\n+        node.setAttribute(\"lat\", point.y);\n+        return node\n+    },\n+    buildWptNode: function(geometry) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n+        node.setAttribute(\"lon\", geometry.x);\n+        node.setAttribute(\"lat\", geometry.y);\n+        return node\n+    },\n+    appendAttributesNode: function(node, feature) {\n+        var name = this.createElementNS(this.namespaces.gpx, \"name\");\n+        name.appendChild(this.createTextNode(feature.attributes.name || feature.id));\n+        node.appendChild(name);\n+        var desc = this.createElementNS(this.namespaces.gpx, \"desc\");\n+        desc.appendChild(this.createTextNode(feature.attributes.description || this.defaultDesc));\n+        node.appendChild(desc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.GPX\"\n+});\n+OpenLayers.Format.CSWGetDomain = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetDomain.DEFAULTS);\n+    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetDomain version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n+OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n+});\n+OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n+    layer: null,\n+    wfsns: \"http://www.opengis.net/wfs\",\n+    ogcns: \"http://www.opengis.net/ogc\",\n+    initialize: function(options, layer) {\n+        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        if (this.layer.featureNS) {\n+            this.featureNS = this.layer.featureNS\n+        }\n+        if (this.layer.options.geometry_column) {\n+            this.geometryName = this.layer.options.geometry_column\n+        }\n+        if (this.layer.options.typename) {\n+            this.featureName = this.layer.options.typename\n+        }\n+    },\n+    write: function(features) {\n+        var transaction = this.createElementNS(this.wfsns, \"wfs:Transaction\");\n+        transaction.setAttribute(\"version\", \"1.0.0\");\n+        transaction.setAttribute(\"service\", \"WFS\");\n+        for (var i = 0; i < features.length; i++) {\n+            switch (features[i].state) {\n+                case OpenLayers.State.INSERT:\n+                    transaction.appendChild(this.insert(features[i]));\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                    transaction.appendChild(this.update(features[i]));\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    transaction.appendChild(this.remove(features[i]));\n+                    break\n+            }\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction])\n+    },\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n+        geomContainer.appendChild(geometryNode);\n+        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n+        featureContainer.appendChild(geomContainer);\n+        for (var attr in feature.attributes) {\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1]\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureContainer.appendChild(attrContainer)\n+        }\n+        return featureContainer\n+    },\n+    insert: function(feature) {\n+        var insertNode = this.createElementNS(this.wfsns, \"wfs:Insert\");\n+        insertNode.appendChild(this.createFeatureXML(feature));\n+        return insertNode\n+    },\n+    update: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"))\n+        }\n+        var updateNode = this.createElementNS(this.wfsns, \"wfs:Update\");\n+        updateNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n+        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+        var propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n+        var nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n+        var txtNode = this.createTextNode(this.geometryName);\n+        nameNode.appendChild(txtNode);\n+        propertyNode.appendChild(nameNode);\n+        var valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        if (feature.layer) {\n+            geometryNode.setAttribute(\"srsName\", feature.layer.projection.getCode())\n+        }\n+        valueNode.appendChild(geometryNode);\n+        propertyNode.appendChild(valueNode);\n+        updateNode.appendChild(propertyNode);\n+        for (var propName in feature.attributes) {\n+            propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n+            nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n+            nameNode.appendChild(this.createTextNode(propName));\n+            propertyNode.appendChild(nameNode);\n+            valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n+            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n+            propertyNode.appendChild(valueNode);\n+            updateNode.appendChild(propertyNode)\n+        }\n+        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n+        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        updateNode.appendChild(filterNode);\n+        return updateNode\n+    },\n+    remove: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+            return false\n+        }\n+        var deleteNode = this.createElementNS(this.wfsns, \"wfs:Delete\");\n+        deleteNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n+        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n+        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        deleteNode.appendChild(filterNode);\n+        return deleteNode\n+    },\n+    destroy: function() {\n+        this.layer = null\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFS\"\n });\n+OpenLayers.Format.CSWGetRecords = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetRecords.DEFAULTS);\n+    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetRecords version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     defaultVersion: \"1.1.1\",\n     CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n });\n+OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n+});\n OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     defaultVersion: \"1.1.0\",\n     stringifyOutput: true,\n     CLASS_NAME: \"OpenLayers.Format.XLS\"\n });\n-OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(OpenLayers.Format.XML, {\n+    VERSION: \"1.0.0\",\n+    namespaces: {\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        gml: \"http://www.opengis.net/gml\",\n+        sa: \"http://www.opengis.net/sampling/1.0\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n+    defaultPrefix: \"sos\",\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var info = {\n+            features: []\n+        };\n+        this.readNode(data, info);\n+        var features = [];\n+        for (var i = 0, len = info.features.length; i < len; i++) {\n+            var container = info.features[i];\n+            if (this.internalProjection && this.externalProjection && container.components[0]) {\n+                container.components[0].transform(this.externalProjection, this.internalProjection)\n+            }\n+            var feature = new OpenLayers.Feature.Vector(container.components[0], container.attributes);\n+            features.push(feature)\n+        }\n+        return features\n+    },\n+    readers: {\n+        sa: {\n+            SamplingPoint: function(node, obj) {\n+                if (!obj.attributes) {\n+                    var feature = {\n+                        attributes: {}\n+                    };\n+                    obj.features.push(feature);\n+                    obj = feature\n+                }\n+                obj.attributes.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                this.readChildNodes(node, obj)\n+            },\n+            position: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            }\n+        },\n+        gml: OpenLayers.Util.applyDefaults({\n+            FeatureCollection: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            featureMember: function(node, obj) {\n+                var feature = {\n+                    attributes: {}\n+                };\n+                obj.features.push(feature);\n+                this.readChildNodes(node, feature)\n+            },\n+            name: function(node, obj) {\n+                obj.attributes.name = this.getChildValue(node)\n+            },\n+            pos: function(node, obj) {\n+                if (!this.externalProjection) {\n+                    this.externalProjection = new OpenLayers.Projection(node.getAttribute(\"srsName\"))\n+                }\n+                OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(this, [node, obj])\n+            }\n+        }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n+    },\n+    writers: {\n+        sos: {\n+            GetFeatureOfInterest: function(options) {\n+                var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n+                    attributes: {\n+                        version: this.VERSION,\n+                        service: \"SOS\",\n+                        \"xsi:schemaLocation\": this.schemaLocation\n+                    }\n+                });\n+                for (var i = 0, len = options.fois.length; i < len; i++) {\n+                    this.writeNode(\"FeatureOfInterestId\", {\n+                        foi: options.fois[i]\n+                    }, node)\n+                }\n+                return node\n+            },\n+            FeatureOfInterestId: function(options) {\n+                var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n+                    value: options.foi\n+                });\n+                return node\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n+});\n+OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n+    defaultVersion: \"0.3.1\",\n+    getVersion: function(root, options) {\n+        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(this, arguments);\n+        if (version === \"0.3.0\") {\n+            version = this.defaultVersion\n+        }\n+        return version\n+    },\n+    toContext: function(obj) {\n+        var context = {};\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            context.bounds = obj.getExtent();\n+            context.maxExtent = obj.maxExtent;\n+            context.projection = obj.projection;\n+            context.size = obj.getSize();\n+            context.layers = obj.layers\n+        }\n+        return context\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n });\n OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         kml: \"http://www.opengis.net/kml/2.2\",\n         gx: \"http://www.google.com/kml/ext/2.2\"\n     },\n     kmlns: \"http://earth.google.com/kml/2.0\",\n@@ -30339,17 +26238,878 @@\n             return null\n         } else {\n             return extendedData\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.KML\"\n });\n-OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(OpenLayers.Format.XML, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g\n+    },\n+    namespaces: {\n+        xsd: \"http://www.w3.org/2001/XMLSchema\"\n+    },\n+    readers: {\n+        xsd: {\n+            schema: function(node, obj) {\n+                var complexTypes = [];\n+                var customTypes = {};\n+                var schema = {\n+                    complexTypes: complexTypes,\n+                    customTypes: customTypes\n+                };\n+                var i, len;\n+                this.readChildNodes(node, schema);\n+                var attributes = node.attributes;\n+                var attr, name;\n+                for (i = 0, len = attributes.length; i < len; ++i) {\n+                    attr = attributes[i];\n+                    name = attr.name;\n+                    if (name.indexOf(\"xmlns\") === 0) {\n+                        this.setNamespace(name.split(\":\")[1] || \"\", attr.value)\n+                    } else {\n+                        obj[name] = attr.value\n+                    }\n+                }\n+                obj.featureTypes = complexTypes;\n+                obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n+                var complexType, customType;\n+                for (i = 0, len = complexTypes.length; i < len; ++i) {\n+                    complexType = complexTypes[i];\n+                    customType = customTypes[complexType.typeName];\n+                    if (customTypes[complexType.typeName]) {\n+                        complexType.typeName = customType.name\n+                    }\n+                }\n+            },\n+            complexType: function(node, obj) {\n+                var complexType = {\n+                    typeName: node.getAttribute(\"name\")\n+                };\n+                this.readChildNodes(node, complexType);\n+                obj.complexTypes.push(complexType)\n+            },\n+            complexContent: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            extension: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            sequence: function(node, obj) {\n+                var sequence = {\n+                    elements: []\n+                };\n+                this.readChildNodes(node, sequence);\n+                obj.properties = sequence.elements\n+            },\n+            element: function(node, obj) {\n+                var type;\n+                if (obj.elements) {\n+                    var element = {};\n+                    var attributes = node.attributes;\n+                    var attr;\n+                    for (var i = 0, len = attributes.length; i < len; ++i) {\n+                        attr = attributes[i];\n+                        element[attr.name] = attr.value\n+                    }\n+                    type = element.type;\n+                    if (!type) {\n+                        type = {};\n+                        this.readChildNodes(node, type);\n+                        element.restriction = type;\n+                        element.type = type.base\n+                    }\n+                    var fullType = type.base || type;\n+                    element.localType = fullType.split(\":\").pop();\n+                    obj.elements.push(element);\n+                    this.readChildNodes(node, element)\n+                }\n+                if (obj.complexTypes) {\n+                    type = node.getAttribute(\"type\");\n+                    var localType = type.split(\":\").pop();\n+                    obj.customTypes[localType] = {\n+                        name: node.getAttribute(\"name\"),\n+                        type: type\n+                    }\n+                }\n+            },\n+            annotation: function(node, obj) {\n+                obj.annotation = {};\n+                this.readChildNodes(node, obj.annotation)\n+            },\n+            appinfo: function(node, obj) {\n+                if (!obj.appinfo) {\n+                    obj.appinfo = []\n+                }\n+                obj.appinfo.push(this.getChildValue(node))\n+            },\n+            documentation: function(node, obj) {\n+                if (!obj.documentation) {\n+                    obj.documentation = []\n+                }\n+                var value = this.getChildValue(node);\n+                obj.documentation.push({\n+                    lang: node.getAttribute(\"xml:lang\"),\n+                    textContent: value.replace(this.regExes.trimSpace, \"\")\n+                })\n+            },\n+            simpleType: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            restriction: function(node, obj) {\n+                obj.base = node.getAttribute(\"base\");\n+                this.readRestriction(node, obj)\n+            }\n+        }\n+    },\n+    readRestriction: function(node, obj) {\n+        var children = node.childNodes;\n+        var child, nodeName, value;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                nodeName = child.nodeName.split(\":\").pop();\n+                value = child.getAttribute(\"value\");\n+                if (!obj[nodeName]) {\n+                    obj[nodeName] = value\n+                } else {\n+                    if (typeof obj[nodeName] == \"string\") {\n+                        obj[nodeName] = [obj[nodeName]]\n+                    }\n+                    obj[nodeName].push(value)\n+                }\n+            }\n+        }\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var schema = {};\n+        if (data.nodeName.split(\":\").pop() === \"ExceptionReport\") {\n+            var parser = new OpenLayers.Format.OGCExceptionReport;\n+            schema.error = parser.read(data)\n+        } else {\n+            this.readNode(data, schema)\n+        }\n+        return schema\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n+});\n+OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        atom: \"http://www.w3.org/2005/Atom\",\n+        georss: \"http://www.georss.org/georss\"\n+    },\n+    feedTitle: \"untitled\",\n+    defaultEntryTitle: \"untitled\",\n+    gmlParser: null,\n+    xy: false,\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n+        }\n+        return this.parseFeatures(doc)\n+    },\n+    write: function(features) {\n+        var doc;\n+        if (OpenLayers.Util.isArray(features)) {\n+            doc = this.createElementNSPlus(\"atom:feed\");\n+            doc.appendChild(this.createElementNSPlus(\"atom:title\", {\n+                value: this.feedTitle\n+            }));\n+            for (var i = 0, ii = features.length; i < ii; i++) {\n+                doc.appendChild(this.buildEntryNode(features[i]))\n+            }\n+        } else {\n+            doc = this.buildEntryNode(features)\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [doc])\n+    },\n+    buildContentNode: function(content) {\n+        var node = this.createElementNSPlus(\"atom:content\", {\n+            attributes: {\n+                type: content.type || null\n+            }\n+        });\n+        if (content.src) {\n+            node.setAttribute(\"src\", content.src)\n+        } else {\n+            if (content.type == \"text\" || content.type == null) {\n+                node.appendChild(this.createTextNode(content.value))\n+            } else if (content.type == \"html\") {\n+                if (typeof content.value != \"string\") {\n+                    throw \"HTML content must be in form of an escaped string\"\n+                }\n+                node.appendChild(this.createTextNode(content.value))\n+            } else if (content.type == \"xhtml\") {\n+                node.appendChild(content.value)\n+            } else if (content.type == \"xhtml\" || content.type.match(/(\\+|\\/)xml$/)) {\n+                node.appendChild(content.value)\n+            } else {\n+                node.appendChild(this.createTextNode(content.value))\n+            }\n+        }\n+        return node\n+    },\n+    buildEntryNode: function(feature) {\n+        var attrib = feature.attributes;\n+        var atomAttrib = attrib.atom || {};\n+        var entryNode = this.createElementNSPlus(\"atom:entry\");\n+        if (atomAttrib.authors) {\n+            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ? atomAttrib.authors : [atomAttrib.authors];\n+            for (var i = 0, ii = authors.length; i < ii; i++) {\n+                entryNode.appendChild(this.buildPersonConstructNode(\"author\", authors[i]))\n+            }\n+        }\n+        if (atomAttrib.categories) {\n+            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ? atomAttrib.categories : [atomAttrib.categories];\n+            var category;\n+            for (var i = 0, ii = categories.length; i < ii; i++) {\n+                category = categories[i];\n+                entryNode.appendChild(this.createElementNSPlus(\"atom:category\", {\n+                    attributes: {\n+                        term: category.term,\n+                        scheme: category.scheme || null,\n+                        label: category.label || null\n+                    }\n+                }))\n+            }\n+        }\n+        if (atomAttrib.content) {\n+            entryNode.appendChild(this.buildContentNode(atomAttrib.content))\n+        }\n+        if (atomAttrib.contributors) {\n+            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ? atomAttrib.contributors : [atomAttrib.contributors];\n+            for (var i = 0, ii = contributors.length; i < ii; i++) {\n+                entryNode.appendChild(this.buildPersonConstructNode(\"contributor\", contributors[i]))\n+            }\n+        }\n+        if (feature.fid) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:id\", {\n+                value: feature.fid\n+            }))\n+        }\n+        if (atomAttrib.links) {\n+            var links = OpenLayers.Util.isArray(atomAttrib.links) ? atomAttrib.links : [atomAttrib.links];\n+            var link;\n+            for (var i = 0, ii = links.length; i < ii; i++) {\n+                link = links[i];\n+                entryNode.appendChild(this.createElementNSPlus(\"atom:link\", {\n+                    attributes: {\n+                        href: link.href,\n+                        rel: link.rel || null,\n+                        type: link.type || null,\n+                        hreflang: link.hreflang || null,\n+                        title: link.title || null,\n+                        length: link.length || null\n+                    }\n+                }))\n+            }\n+        }\n+        if (atomAttrib.published) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:published\", {\n+                value: atomAttrib.published\n+            }))\n+        }\n+        if (atomAttrib.rights) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:rights\", {\n+                value: atomAttrib.rights\n+            }))\n+        }\n+        if (atomAttrib.summary || attrib.description) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:summary\", {\n+                value: atomAttrib.summary || attrib.description\n+            }))\n+        }\n+        entryNode.appendChild(this.createElementNSPlus(\"atom:title\", {\n+            value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n+        }));\n+        if (atomAttrib.updated) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:updated\", {\n+                value: atomAttrib.updated\n+            }))\n+        }\n+        if (feature.geometry) {\n+            var whereNode = this.createElementNSPlus(\"georss:where\");\n+            whereNode.appendChild(this.buildGeometryNode(feature.geometry));\n+            entryNode.appendChild(whereNode)\n+        }\n+        return entryNode\n+    },\n+    initGmlParser: function() {\n+        this.gmlParser = new OpenLayers.Format.GML.v3({\n+            xy: this.xy,\n+            featureNS: \"http://example.com#feature\",\n+            internalProjection: this.internalProjection,\n+            externalProjection: this.externalProjection\n+        })\n+    },\n+    buildGeometryNode: function(geometry) {\n+        if (!this.gmlParser) {\n+            this.initGmlParser()\n+        }\n+        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n+        return node.firstChild\n+    },\n+    buildPersonConstructNode: function(name, value) {\n+        var oNames = [\"uri\", \"email\"];\n+        var personNode = this.createElementNSPlus(\"atom:\" + name);\n+        personNode.appendChild(this.createElementNSPlus(\"atom:name\", {\n+            value: value.name\n+        }));\n+        for (var i = 0, ii = oNames.length; i < ii; i++) {\n+            if (value[oNames[i]]) {\n+                personNode.appendChild(this.createElementNSPlus(\"atom:\" + oNames[i], {\n+                    value: value[oNames[i]]\n+                }))\n+            }\n+        }\n+        return personNode\n+    },\n+    getFirstChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (nodes && nodes.length > 0) {\n+            value = this.getChildValue(nodes[0], def)\n+        } else {\n+            value = def\n+        }\n+        return value\n+    },\n+    parseFeature: function(node) {\n+        var atomAttrib = {};\n+        var value = null;\n+        var nodes = null;\n+        var attval = null;\n+        var atomns = this.namespaces.atom;\n+        this.parsePersonConstructs(node, \"author\", atomAttrib);\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n+        if (nodes.length > 0) {\n+            atomAttrib.categories = []\n+        }\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.term = nodes[i].getAttribute(\"term\");\n+            attval = nodes[i].getAttribute(\"scheme\");\n+            if (attval) {\n+                value.scheme = attval\n+            }\n+            attval = nodes[i].getAttribute(\"label\");\n+            if (attval) {\n+                value.label = attval\n+            }\n+            atomAttrib.categories.push(value)\n+        }\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n+        if (nodes.length > 0) {\n+            value = {};\n+            attval = nodes[0].getAttribute(\"type\");\n+            if (attval) {\n+                value.type = attval\n+            }\n+            attval = nodes[0].getAttribute(\"src\");\n+            if (attval) {\n+                value.src = attval\n+            } else {\n+                if (value.type == \"text\" || value.type == \"html\" || value.type == null) {\n+                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n+                } else if (value.type == \"xhtml\" || value.type.match(/(\\+|\\/)xml$/)) {\n+                    value.value = this.getChildEl(nodes[0])\n+                } else {\n+                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n+                }\n+                atomAttrib.content = value\n+            }\n+        }\n+        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n+        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n+        if (nodes.length > 0) {\n+            atomAttrib.links = new Array(nodes.length)\n+        }\n+        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.href = nodes[i].getAttribute(\"href\");\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                attval = nodes[i].getAttribute(oAtts[j]);\n+                if (attval) {\n+                    value[oAtts[j]] = attval\n+                }\n+            }\n+            atomAttrib.links[i] = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"published\", null);\n+        if (value) {\n+            atomAttrib.published = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n+        if (value) {\n+            atomAttrib.rights = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n+        if (value) {\n+            atomAttrib.summary = value\n+        }\n+        atomAttrib.title = this.getFirstChildValue(node, atomns, \"title\", null);\n+        atomAttrib.updated = this.getFirstChildValue(node, atomns, \"updated\", null);\n+        var featureAttrib = {\n+            title: atomAttrib.title,\n+            description: atomAttrib.summary,\n+            atom: atomAttrib\n+        };\n+        var geometry = this.parseLocations(node)[0];\n+        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n+        feature.fid = atomAttrib.id;\n+        return feature\n+    },\n+    parseFeatures: function(node) {\n+        var features = [];\n+        var entries = this.getElementsByTagNameNS(node, this.namespaces.atom, \"entry\");\n+        if (entries.length == 0) {\n+            entries = [node]\n+        }\n+        for (var i = 0, ii = entries.length; i < ii; i++) {\n+            features.push(this.parseFeature(entries[i]))\n+        }\n+        return features\n+    },\n+    parseLocations: function(node) {\n+        var georssns = this.namespaces.georss;\n+        var locations = {\n+            components: []\n+        };\n+        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n+        if (where && where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.initGmlParser()\n+            }\n+            for (var i = 0, ii = where.length; i < ii; i++) {\n+                this.gmlParser.readChildNodes(where[i], locations)\n+            }\n+        }\n+        var components = locations.components;\n+        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n+        if (point && point.length > 0) {\n+            for (var i = 0, ii = point.length; i < ii; i++) {\n+                var xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s+/);\n+                if (xy.length != 2) {\n+                    xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s*,\\s*/)\n+                }\n+                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]))\n+            }\n+        }\n+        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n+        if (line && line.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = line.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(line[i].firstChild.nodeValue).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p)\n+                }\n+                components.push(new OpenLayers.Geometry.LineString(points))\n+            }\n+        }\n+        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n+        if (polygon && polygon.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = polygon.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(polygon[i].firstChild.nodeValue).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p)\n+                }\n+                components.push(new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(points)]))\n+            }\n+        }\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var i = 0, ii = components.length; i < ii; i++) {\n+                if (components[i]) {\n+                    components[i].transform(this.externalProjection, this.internalProjection)\n+                }\n+            }\n+        }\n+        return components\n+    },\n+    parsePersonConstructs: function(node, name, data) {\n+        var persons = [];\n+        var atomns = this.namespaces.atom;\n+        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n+        var oAtts = [\"uri\", \"email\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            var value = {};\n+            value.name = this.getFirstChildValue(nodes[i], atomns, \"name\", null);\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                var attval = this.getFirstChildValue(nodes[i], atomns, oAtts[j], null);\n+                if (attval) {\n+                    value[oAtts[j]] = attval\n+                }\n+            }\n+            persons.push(value)\n+        }\n+        if (persons.length > 0) {\n+            data[name + \"s\"] = persons\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.Atom\"\n+});\n+OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        ows: \"http://www.opengis.net/ows\",\n+        gml: \"http://www.opengis.net/gml\",\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        om: \"http://www.opengis.net/om/1.0\",\n+        sa: \"http://www.opengis.net/sampling/1.0\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    VERSION: \"1.0.0\",\n+    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n+    defaultPrefix: \"sos\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var info = {\n+            measurements: [],\n+            observations: []\n+        };\n+        this.readNode(data, info);\n+        return info\n+    },\n+    write: function(options) {\n+        var node = this.writeNode(\"sos:GetObservation\", options);\n+        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n+        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n+        this.setAttributeNS(node, this.namespaces.xsi, \"xsi:schemaLocation\", this.schemaLocation);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    readers: {\n+        om: {\n+            ObservationCollection: function(node, obj) {\n+                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                this.readChildNodes(node, obj)\n+            },\n+            member: function(node, observationCollection) {\n+                this.readChildNodes(node, observationCollection)\n+            },\n+            Measurement: function(node, observationCollection) {\n+                var measurement = {};\n+                observationCollection.measurements.push(measurement);\n+                this.readChildNodes(node, measurement)\n+            },\n+            Observation: function(node, observationCollection) {\n+                var observation = {};\n+                observationCollection.observations.push(observation);\n+                this.readChildNodes(node, observation)\n+            },\n+            samplingTime: function(node, measurement) {\n+                var samplingTime = {};\n+                measurement.samplingTime = samplingTime;\n+                this.readChildNodes(node, samplingTime)\n+            },\n+            observedProperty: function(node, measurement) {\n+                measurement.observedProperty = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement)\n+            },\n+            procedure: function(node, measurement) {\n+                measurement.procedure = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement)\n+            },\n+            featureOfInterest: function(node, observation) {\n+                var foi = {\n+                    features: []\n+                };\n+                observation.fois = [];\n+                observation.fois.push(foi);\n+                this.readChildNodes(node, foi);\n+                var features = [];\n+                for (var i = 0, len = foi.features.length; i < len; i++) {\n+                    var feature = foi.features[i];\n+                    features.push(new OpenLayers.Feature.Vector(feature.components[0], feature.attributes))\n+                }\n+                foi.features = features\n+            },\n+            result: function(node, measurement) {\n+                var result = {};\n+                measurement.result = result;\n+                if (this.getChildValue(node) !== \"\") {\n+                    result.value = this.getChildValue(node);\n+                    result.uom = node.getAttribute(\"uom\")\n+                } else {\n+                    this.readChildNodes(node, result)\n+                }\n+            }\n+        },\n+        sa: OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n+        gml: OpenLayers.Util.applyDefaults({\n+            TimeInstant: function(node, samplingTime) {\n+                var timeInstant = {};\n+                samplingTime.timeInstant = timeInstant;\n+                this.readChildNodes(node, timeInstant)\n+            },\n+            timePosition: function(node, timeInstant) {\n+                timeInstant.timePosition = this.getChildValue(node)\n+            }\n+        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n+    },\n+    writers: {\n+        sos: {\n+            GetObservation: function(options) {\n+                var node = this.createElementNSPlus(\"GetObservation\", {\n+                    attributes: {\n+                        version: this.VERSION,\n+                        service: \"SOS\"\n+                    }\n+                });\n+                this.writeNode(\"offering\", options, node);\n+                if (options.eventTime) {\n+                    this.writeNode(\"eventTime\", options, node)\n+                }\n+                for (var procedure in options.procedures) {\n+                    this.writeNode(\"procedure\", options.procedures[procedure], node)\n+                }\n+                for (var observedProperty in options.observedProperties) {\n+                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node)\n+                }\n+                if (options.foi) {\n+                    this.writeNode(\"featureOfInterest\", options.foi, node)\n+                }\n+                this.writeNode(\"responseFormat\", options, node);\n+                if (options.resultModel) {\n+                    this.writeNode(\"resultModel\", options, node)\n+                }\n+                if (options.responseMode) {\n+                    this.writeNode(\"responseMode\", options, node)\n+                }\n+                return node\n+            },\n+            featureOfInterest: function(foi) {\n+                var node = this.createElementNSPlus(\"featureOfInterest\");\n+                this.writeNode(\"ObjectID\", foi.objectId, node);\n+                return node\n+            },\n+            ObjectID: function(options) {\n+                return this.createElementNSPlus(\"ObjectID\", {\n+                    value: options\n+                })\n+            },\n+            responseFormat: function(options) {\n+                return this.createElementNSPlus(\"responseFormat\", {\n+                    value: options.responseFormat\n+                })\n+            },\n+            procedure: function(procedure) {\n+                return this.createElementNSPlus(\"procedure\", {\n+                    value: procedure\n+                })\n+            },\n+            offering: function(options) {\n+                return this.createElementNSPlus(\"offering\", {\n+                    value: options.offering\n+                })\n+            },\n+            observedProperty: function(observedProperty) {\n+                return this.createElementNSPlus(\"observedProperty\", {\n+                    value: observedProperty\n+                })\n+            },\n+            eventTime: function(options) {\n+                var node = this.createElementNSPlus(\"eventTime\");\n+                if (options.eventTime === \"latest\") {\n+                    this.writeNode(\"ogc:TM_Equals\", options, node)\n+                }\n+                return node\n+            },\n+            resultModel: function(options) {\n+                return this.createElementNSPlus(\"resultModel\", {\n+                    value: options.resultModel\n+                })\n+            },\n+            responseMode: function(options) {\n+                return this.createElementNSPlus(\"responseMode\", {\n+                    value: options.responseMode\n+                })\n+            }\n+        },\n+        ogc: {\n+            TM_Equals: function(options) {\n+                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n+                this.writeNode(\"ogc:PropertyName\", {\n+                    property: \"urn:ogc:data:time:iso8601\"\n+                }, node);\n+                if (options.eventTime === \"latest\") {\n+                    this.writeNode(\"gml:TimeInstant\", {\n+                        value: \"latest\"\n+                    }, node)\n+                }\n+                return node\n+            },\n+            PropertyName: function(options) {\n+                return this.createElementNSPlus(\"ogc:PropertyName\", {\n+                    value: options.property\n+                })\n+            }\n+        },\n+        gml: {\n+            TimeInstant: function(options) {\n+                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n+                this.writeNode(\"gml:timePosition\", options, node);\n+                return node\n+            },\n+            timePosition: function(options) {\n+                var node = this.createElementNSPlus(\"gml:timePosition\", {\n+                    value: options.value\n+                });\n+                return node\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n+});\n+OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+});\n+OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     defaultVersion: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n+    yx: {\n+        \"urn:ogc:def:crs:EPSG::4326\": true\n+    },\n+    createLayer: function(capabilities, config) {\n+        var layer;\n+        if (!(\"layer\" in config)) {\n+            throw new Error(\"Missing property 'layer' in configuration.\")\n+        }\n+        var contents = capabilities.contents;\n+        var layers = contents.layers;\n+        var layerDef;\n+        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n+            if (contents.layers[i].identifier === config.layer) {\n+                layerDef = contents.layers[i];\n+                break\n+            }\n+        }\n+        if (!layerDef) {\n+            throw new Error(\"Layer not found\")\n+        }\n+        var format = config.format;\n+        if (!format && layerDef.formats && layerDef.formats.length) {\n+            format = layerDef.formats[0]\n+        }\n+        var matrixSet;\n+        if (config.matrixSet) {\n+            matrixSet = contents.tileMatrixSets[config.matrixSet]\n+        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n+            matrixSet = contents.tileMatrixSets[layerDef.tileMatrixSetLinks[0].tileMatrixSet]\n+        }\n+        if (!matrixSet) {\n+            throw new Error(\"matrixSet not found\")\n+        }\n+        var style;\n+        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n+            style = layerDef.styles[i];\n+            if (style.isDefault) {\n+                break\n+            }\n+        }\n+        var requestEncoding = config.requestEncoding;\n+        if (!requestEncoding) {\n+            requestEncoding = \"KVP\";\n+            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n+                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n+                if (http.get[0].constraints) {\n+                    var constraints = http.get[0].constraints;\n+                    var allowedValues = constraints.GetEncoding.allowedValues;\n+                    if (!allowedValues.KVP && (allowedValues.REST || allowedValues.RESTful)) {\n+                        requestEncoding = \"REST\"\n+                    }\n+                }\n+            }\n+        }\n+        var dimensions = [];\n+        var params = config.params || {};\n+        delete config.params;\n+        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n+            var dimension = layerDef.dimensions[id];\n+            dimensions.push(dimension.identifier);\n+            if (!params.hasOwnProperty(dimension.identifier)) {\n+                params[dimension.identifier] = dimension[\"default\"]\n+            }\n+        }\n+        var projection = config.projection || matrixSet.supportedCRS.replace(/urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n+        var units = config.units || (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n+        var resolutions = [];\n+        for (var mid in matrixSet.matrixIds) {\n+            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n+                resolutions.push(matrixSet.matrixIds[mid].scaleDenominator * 28e-5 / OpenLayers.METERS_PER_INCH / OpenLayers.INCHES_PER_UNIT[units])\n+            }\n+        }\n+        var url;\n+        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n+            url = [];\n+            var resourceUrls = layerDef.resourceUrls,\n+                resourceUrl;\n+            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n+                resourceUrl = layerDef.resourceUrls[t];\n+                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n+                    url.push(resourceUrl.template)\n+                }\n+            }\n+        } else {\n+            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n+            url = [];\n+            var constraint;\n+            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n+                constraint = httpGet[i].constraints;\n+                if (!constraint || constraint && constraint.GetEncoding.allowedValues[requestEncoding]) {\n+                    url.push(httpGet[i].url)\n+                }\n+            }\n+        }\n+        return new OpenLayers.Layer.WMTS(OpenLayers.Util.applyDefaults(config, {\n+            url: url,\n+            requestEncoding: requestEncoding,\n+            name: layerDef.title,\n+            style: style.identifier,\n+            format: format,\n+            matrixIds: matrixSet.matrixIds,\n+            matrixSet: matrixSet.identifier,\n+            projection: projection,\n+            units: units,\n+            resolutions: config.isBaseLayer === false ? undefined : resolutions,\n+            serverResolutions: resolutions,\n+            tileFullExtent: matrixSet.bounds,\n+            dimensions: dimensions,\n+            params: params\n+        }))\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n });\n OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n     checkTags: false,\n     interestingTagsExclude: null,\n     areaTags: null,\n     initialize: function(options) {\n         var layer_defaults = {\n@@ -30610,220 +27370,106 @@\n             if (state) {\n                 node.setAttribute(\"action\", state)\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.OSM\"\n });\n-OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n-    rssns: \"http://backend.userland.com/rss2\",\n-    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n-    georssns: \"http://www.georss.org/georss\",\n-    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n-    featureTitle: \"Untitled\",\n-    featureDescription: \"No Description\",\n-    gmlParser: null,\n-    xy: false,\n-    createGeometryFromItem: function(item) {\n-        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n-        var lat = this.getElementsByTagNameNS(item, this.geons, \"lat\");\n-        var lon = this.getElementsByTagNameNS(item, this.geons, \"long\");\n-        var line = this.getElementsByTagNameNS(item, this.georssns, \"line\");\n-        var polygon = this.getElementsByTagNameNS(item, this.georssns, \"polygon\");\n-        var where = this.getElementsByTagNameNS(item, this.georssns, \"where\");\n-        var box = this.getElementsByTagNameNS(item, this.georssns, \"box\");\n-        if (point.length > 0 || lat.length > 0 && lon.length > 0) {\n-            var location;\n-            if (point.length > 0) {\n-                location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s+/);\n-                if (location.length != 2) {\n-                    location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s*,\\s*/)\n-                }\n-            } else {\n-                location = [parseFloat(lat[0].firstChild.nodeValue), parseFloat(lon[0].firstChild.nodeValue)]\n-            }\n-            var geometry = new OpenLayers.Geometry.Point(location[1], location[0])\n-        } else if (line.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.LineString(components)\n-        } else if (polygon.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n-        } else if (where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.gmlParser = new OpenLayers.Format.GML({\n-                    xy: this.xy\n-                })\n-            }\n-            var feature = this.gmlParser.parseFeature(where[0]);\n-            geometry = feature.geometry\n-        } else if (box.length > 0) {\n-            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            if (coords.length > 3) {\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n-        }\n-        if (geometry && this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.externalProjection, this.internalProjection)\n-        }\n-        return geometry\n-    },\n-    createFeatureFromItem: function(item) {\n-        var geometry = this.createGeometryFromItem(item);\n-        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n-        var description = this._getChildValue(item, \"*\", \"description\", this._getChildValue(item, \"*\", \"content\", this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n-        var link = this._getChildValue(item, \"*\", \"link\");\n-        if (!link) {\n-            try {\n-                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\")\n-            } catch (e) {\n-                link = null\n-            }\n-        }\n-        var id = this._getChildValue(item, \"*\", \"id\", null);\n-        var data = {\n-            title: title,\n-            description: description,\n-            link: link\n-        };\n-        var feature = new OpenLayers.Feature.Vector(geometry, data);\n-        feature.fid = id;\n-        return feature\n-    },\n-    _getChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (eles && eles[0] && eles[0].firstChild && eles[0].firstChild.nodeValue) {\n-            value = this.getChildValue(eles[0])\n-        } else {\n-            value = def == undefined ? \"\" : def\n-        }\n+OpenLayers.Format.QueryStringFilter = function() {\n+    var cmpToStr = {};\n+    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n+    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n+\n+    function regex2value(value) {\n+        value = value.replace(/%/g, \"\\\\%\");\n+        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n+            return $1 ? $0 : \"\\\\\\\\_\"\n+        });\n+        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n+        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n+            return $1 || $2 ? $0 : \"_\"\n+        });\n+        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"%\"\n+        });\n+        value = value.replace(/\\\\\\./g, \".\");\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"*\"\n+        });\n         return value\n-    },\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n-        }\n-        var itemlist = null;\n-        itemlist = this.getElementsByTagNameNS(doc, \"*\", \"item\");\n-        if (itemlist.length == 0) {\n-            itemlist = this.getElementsByTagNameNS(doc, \"*\", \"entry\")\n-        }\n-        var numItems = itemlist.length;\n-        var features = new Array(numItems);\n-        for (var i = 0; i < numItems; i++) {\n-            features[i] = this.createFeatureFromItem(itemlist[i])\n-        }\n-        return features\n-    },\n-    write: function(features) {\n-        var georss;\n-        if (OpenLayers.Util.isArray(features)) {\n-            georss = this.createElementNS(this.rssns, \"rss\");\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                georss.appendChild(this.createFeatureXML(features[i]))\n-            }\n-        } else {\n-            georss = this.createFeatureXML(features)\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [georss])\n-    },\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var featureNode = this.createElementNS(this.rssns, \"item\");\n-        var titleNode = this.createElementNS(this.rssns, \"title\");\n-        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n-        var descNode = this.createElementNS(this.rssns, \"description\");\n-        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n-        featureNode.appendChild(titleNode);\n-        featureNode.appendChild(descNode);\n-        if (feature.attributes.link) {\n-            var linkNode = this.createElementNS(this.rssns, \"link\");\n-            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n-            featureNode.appendChild(linkNode)\n-        }\n-        for (var attr in feature.attributes) {\n-            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n-                continue\n-            }\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1]\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureNode.appendChild(attrContainer)\n-        }\n-        featureNode.appendChild(geometryNode);\n-        return featureNode\n-    },\n-    buildGeometryNode: function(geometry) {\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry = geometry.clone();\n-            geometry.transform(this.internalProjection, this.externalProjection)\n-        }\n-        var node;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n-            node = this.createElementNS(this.georssns, \"georss:polygon\");\n-            node.appendChild(this.buildCoordinatesNode(geometry.components[0]))\n-        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n-            node = this.createElementNS(this.georssns, \"georss:line\");\n-            node.appendChild(this.buildCoordinatesNode(geometry))\n-        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            node = this.createElementNS(this.georssns, \"georss:point\");\n-            node.appendChild(this.buildCoordinatesNode(geometry))\n-        } else {\n-            throw \"Couldn't parse \" + geometry.CLASS_NAME\n-        }\n-        return node\n-    },\n-    buildCoordinatesNode: function(geometry) {\n-        var points = null;\n-        if (geometry.components) {\n-            points = geometry.components\n-        }\n-        var path;\n-        if (points) {\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; i++) {\n-                parts[i] = points[i].y + \" \" + points[i].x\n+    }\n+    return OpenLayers.Class(OpenLayers.Format, {\n+        wildcarded: false,\n+        srsInBBOX: false,\n+        write: function(filter, params) {\n+            params = params || {};\n+            var className = filter.CLASS_NAME;\n+            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n+            switch (filterType) {\n+                case \"Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            params.bbox = filter.value.toArray();\n+                            if (this.srsInBBOX && filter.projection) {\n+                                params.bbox.push(filter.projection.getCode())\n+                            }\n+                            break;\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            params.tolerance = filter.distance;\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            params.lon = filter.value.x;\n+                            params.lat = filter.value.y;\n+                            break;\n+                        default:\n+                            OpenLayers.Console.warn(\"Unknown spatial filter type \" + filter.type)\n+                    }\n+                    break;\n+                case \"Comparison\":\n+                    var op = cmpToStr[filter.type];\n+                    if (op !== undefined) {\n+                        var value = filter.value;\n+                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n+                            value = regex2value(value);\n+                            if (this.wildcarded) {\n+                                value = \"%\" + value + \"%\"\n+                            }\n+                        }\n+                        params[filter.property + \"__\" + op] = value;\n+                        params.queryable = params.queryable || [];\n+                        params.queryable.push(filter.property)\n+                    } else {\n+                        OpenLayers.Console.warn(\"Unknown comparison filter type \" + filter.type)\n+                    }\n+                    break;\n+                case \"Logical\":\n+                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n+                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n+                            params = this.write(filter.filters[i], params)\n+                        }\n+                    } else {\n+                        OpenLayers.Console.warn(\"Unsupported logical filter type \" + filter.type)\n+                    }\n+                    break;\n+                default:\n+                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType)\n             }\n-            path = parts.join(\" \")\n-        } else {\n-            path = geometry.y + \" \" + geometry.x\n-        }\n-        return this.createTextNode(path)\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+            return params\n+        },\n+        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n+    })\n+}();\n+OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.1\",\n+    profile: null,\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n });\n OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n     geometryType: \"linestring\",\n     initialize: function(options) {\n         OpenLayers.Format.prototype.initialize.apply(this, [options])\n     },\n     read: function(encoded) {\n@@ -31029,882 +27675,171 @@\n             if (b < 32) break;\n             shift += 5\n         }\n         return result\n     },\n     CLASS_NAME: \"OpenLayers.Format.EncodedPolyline\"\n });\n-OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n-    defaultDesc: \"No description available\",\n-    extractWaypoints: true,\n-    extractTracks: true,\n-    extractRoutes: true,\n-    extractAttributes: true,\n+OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.SOSCapabilities, {\n     namespaces: {\n-        gpx: \"http://www.topografix.com/GPX/1/1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n-    creator: \"OpenLayers\",\n-    initialize: function(options) {\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n-    },\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n-        }\n-        var features = [];\n-        if (this.extractTracks) {\n-            var tracks = doc.getElementsByTagName(\"trk\");\n-            for (var i = 0, len = tracks.length; i < len; i++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(tracks[i])\n-                }\n-                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n-                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n-                    var track = this.extractSegment(segs[j], \"trkpt\");\n-                    features.push(new OpenLayers.Feature.Vector(track, attrs))\n-                }\n-            }\n-        }\n-        if (this.extractRoutes) {\n-            var routes = doc.getElementsByTagName(\"rte\");\n-            for (var k = 0, klen = routes.length; k < klen; k++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(routes[k])\n-                }\n-                var route = this.extractSegment(routes[k], \"rtept\");\n-                features.push(new OpenLayers.Feature.Vector(route, attrs))\n-            }\n-        }\n-        if (this.extractWaypoints) {\n-            var waypoints = doc.getElementsByTagName(\"wpt\");\n-            for (var l = 0, len = waypoints.length; l < len; l++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(waypoints[l])\n-                }\n-                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n-                features.push(new OpenLayers.Feature.Vector(wpt, attrs))\n-            }\n-        }\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var g = 0, featLength = features.length; g < featLength; g++) {\n-                features[g].geometry.transform(this.externalProjection, this.internalProjection)\n-            }\n-        }\n-        return features\n-    },\n-    extractSegment: function(segment, segmentType) {\n-        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n-        var point_features = [];\n-        for (var i = 0, len = points.length; i < len; i++) {\n-            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")))\n-        }\n-        return new OpenLayers.Geometry.LineString(point_features)\n-    },\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        var attrNode = node.firstChild,\n-            value, name;\n-        while (attrNode) {\n-            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n-                value = attrNode.firstChild;\n-                if (value.nodeType == 3 || value.nodeType == 4) {\n-                    name = attrNode.prefix ? attrNode.nodeName.split(\":\")[1] : attrNode.nodeName;\n-                    if (name != \"trkseg\" && name != \"rtept\") {\n-                        attributes[name] = value.nodeValue\n-                    }\n-                }\n-            }\n-            attrNode = attrNode.nextSibling\n-        }\n-        return attributes\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xlink: \"http://www.w3.org/1999/xlink\"\n     },\n-    write: function(features, metadata) {\n-        features = OpenLayers.Util.isArray(features) ? features : [features];\n-        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n-        gpx.setAttribute(\"version\", \"1.1\");\n-        gpx.setAttribute(\"creator\", this.creator);\n-        this.setAttributes(gpx, {\n-            \"xsi:schemaLocation\": this.schemaLocation\n-        });\n-        if (metadata && typeof metadata == \"object\") {\n-            gpx.appendChild(this.buildMetadataNode(metadata))\n-        }\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            gpx.appendChild(this.buildFeatureNode(features[i]))\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx])\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n     },\n-    buildMetadataNode: function(metadata) {\n-        var types = [\"name\", \"desc\", \"author\"],\n-            node = this.createElementNS(this.namespaces.gpx, \"metadata\");\n-        for (var i = 0; i < types.length; i++) {\n-            var type = types[i];\n-            if (metadata[type]) {\n-                var n = this.createElementNS(this.namespaces.gpx, type);\n-                n.appendChild(this.createTextNode(metadata[type]));\n-                node.appendChild(n)\n-            }\n-        }\n-        return node\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        this.options = options\n     },\n-    buildFeatureNode: function(feature) {\n-        var geometry = feature.geometry;\n-        geometry = geometry.clone();\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.internalProjection, this.externalProjection)\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            var wpt = this.buildWptNode(geometry);\n-            this.appendAttributesNode(wpt, feature);\n-            return wpt\n-        } else {\n-            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n-            this.appendAttributesNode(trkNode, feature);\n-            var trkSegNodes = this.buildTrkSegNode(geometry);\n-            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ? trkSegNodes : [trkSegNodes];\n-            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n-                trkNode.appendChild(trkSegNodes[i])\n-            }\n-            return trkNode\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n         }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n     },\n-    buildTrkSegNode: function(geometry) {\n-        var node, i, len, point, nodes;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" || geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                point = geometry.components[i];\n-                node.appendChild(this.buildTrkPtNode(point))\n+    readers: {\n+        gml: OpenLayers.Util.applyDefaults({\n+            name: function(node, obj) {\n+                obj.name = this.getChildValue(node)\n+            },\n+            TimePeriod: function(node, obj) {\n+                obj.timePeriod = {};\n+                this.readChildNodes(node, obj.timePeriod)\n+            },\n+            beginPosition: function(node, timePeriod) {\n+                timePeriod.beginPosition = this.getChildValue(node)\n+            },\n+            endPosition: function(node, timePeriod) {\n+                timePeriod.endPosition = this.getChildValue(node)\n             }\n-            return node\n-        } else {\n-            nodes = [];\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                nodes.push(this.buildTrkSegNode(geometry.components[i]))\n+        }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n+        sos: {\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Contents: function(node, obj) {\n+                obj.contents = {};\n+                this.readChildNodes(node, obj.contents)\n+            },\n+            ObservationOfferingList: function(node, contents) {\n+                contents.offeringList = {};\n+                this.readChildNodes(node, contents.offeringList)\n+            },\n+            ObservationOffering: function(node, offeringList) {\n+                var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                offeringList[id] = {\n+                    procedures: [],\n+                    observedProperties: [],\n+                    featureOfInterestIds: [],\n+                    responseFormats: [],\n+                    resultModels: [],\n+                    responseModes: []\n+                };\n+                this.readChildNodes(node, offeringList[id])\n+            },\n+            time: function(node, offering) {\n+                offering.time = {};\n+                this.readChildNodes(node, offering.time)\n+            },\n+            procedure: function(node, offering) {\n+                offering.procedures.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            observedProperty: function(node, offering) {\n+                offering.observedProperties.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            featureOfInterest: function(node, offering) {\n+                offering.featureOfInterestIds.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            responseFormat: function(node, offering) {\n+                offering.responseFormats.push(this.getChildValue(node))\n+            },\n+            resultModel: function(node, offering) {\n+                offering.resultModels.push(this.getChildValue(node))\n+            },\n+            responseMode: function(node, offering) {\n+                offering.responseModes.push(this.getChildValue(node))\n             }\n-            return nodes\n-        }\n-    },\n-    buildTrkPtNode: function(point) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n-        node.setAttribute(\"lon\", point.x);\n-        node.setAttribute(\"lat\", point.y);\n-        return node\n-    },\n-    buildWptNode: function(geometry) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n-        node.setAttribute(\"lon\", geometry.x);\n-        node.setAttribute(\"lat\", geometry.y);\n-        return node\n-    },\n-    appendAttributesNode: function(node, feature) {\n-        var name = this.createElementNS(this.namespaces.gpx, \"name\");\n-        name.appendChild(this.createTextNode(feature.attributes.name || feature.id));\n-        node.appendChild(name);\n-        var desc = this.createElementNS(this.namespaces.gpx, \"desc\");\n-        desc.appendChild(this.createTextNode(feature.attributes.description || this.defaultDesc));\n-        node.appendChild(desc)\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.Format.GPX\"\n-});\n-OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.CSWGetDomain = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetDomain.DEFAULTS);\n-    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetDomain version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n-    layer: null,\n-    wfsns: \"http://www.opengis.net/wfs\",\n-    ogcns: \"http://www.opengis.net/ogc\",\n-    initialize: function(options, layer) {\n-        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        if (this.layer.featureNS) {\n-            this.featureNS = this.layer.featureNS\n-        }\n-        if (this.layer.options.geometry_column) {\n-            this.geometryName = this.layer.options.geometry_column\n-        }\n-        if (this.layer.options.typename) {\n-            this.featureName = this.layer.options.typename\n-        }\n-    },\n-    write: function(features) {\n-        var transaction = this.createElementNS(this.wfsns, \"wfs:Transaction\");\n-        transaction.setAttribute(\"version\", \"1.0.0\");\n-        transaction.setAttribute(\"service\", \"WFS\");\n-        for (var i = 0; i < features.length; i++) {\n-            switch (features[i].state) {\n-                case OpenLayers.State.INSERT:\n-                    transaction.appendChild(this.insert(features[i]));\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                    transaction.appendChild(this.update(features[i]));\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    transaction.appendChild(this.remove(features[i]));\n-                    break\n-            }\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction])\n-    },\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n-        geomContainer.appendChild(geometryNode);\n-        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n-        featureContainer.appendChild(geomContainer);\n-        for (var attr in feature.attributes) {\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1]\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureContainer.appendChild(attrContainer)\n-        }\n-        return featureContainer\n-    },\n-    insert: function(feature) {\n-        var insertNode = this.createElementNS(this.wfsns, \"wfs:Insert\");\n-        insertNode.appendChild(this.createFeatureXML(feature));\n-        return insertNode\n-    },\n-    update: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"))\n-        }\n-        var updateNode = this.createElementNS(this.wfsns, \"wfs:Update\");\n-        updateNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n-        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-        var propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n-        var nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n-        var txtNode = this.createTextNode(this.geometryName);\n-        nameNode.appendChild(txtNode);\n-        propertyNode.appendChild(nameNode);\n-        var valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        if (feature.layer) {\n-            geometryNode.setAttribute(\"srsName\", feature.layer.projection.getCode())\n-        }\n-        valueNode.appendChild(geometryNode);\n-        propertyNode.appendChild(valueNode);\n-        updateNode.appendChild(propertyNode);\n-        for (var propName in feature.attributes) {\n-            propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n-            nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n-            nameNode.appendChild(this.createTextNode(propName));\n-            propertyNode.appendChild(nameNode);\n-            valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n-            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n-            propertyNode.appendChild(valueNode);\n-            updateNode.appendChild(propertyNode)\n-        }\n-        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n-        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        updateNode.appendChild(filterNode);\n-        return updateNode\n+OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSDescribeLayer, {\n+    initialize: function(options) {\n+        OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this, [options])\n     },\n-    remove: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-            return false\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        var deleteNode = this.createElementNS(this.wfsns, \"wfs:Delete\");\n-        deleteNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n-        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n-        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        deleteNode.appendChild(filterNode);\n-        return deleteNode\n-    },\n-    destroy: function() {\n-        this.layer = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFS\"\n-});\n-OpenLayers.Format.CQL = function() {\n-    var tokens = [\"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"],\n-        patterns = {\n-            PROPERTY: /^[_a-zA-Z]\\w*/,\n-            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n-            IS_NULL: /^IS NULL/i,\n-            COMMA: /^,/,\n-            LOGICAL: /^(AND|OR)/i,\n-            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n-            LPAREN: /^\\(/,\n-            RPAREN: /^\\)/,\n-            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n-            NOT: /^NOT/i,\n-            BETWEEN: /^BETWEEN/i,\n-            GEOMETRY: function(text) {\n-                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n-                if (type) {\n-                    var len = text.length;\n-                    var idx = text.indexOf(\"(\", type[0].length);\n-                    if (idx > -1) {\n-                        var depth = 1;\n-                        while (idx < len && depth > 0) {\n-                            idx++;\n-                            switch (text.charAt(idx)) {\n-                                case \"(\":\n-                                    depth++;\n-                                    break;\n-                                case \")\":\n-                                    depth--;\n-                                    break;\n-                                default:\n-                            }\n-                        }\n-                    }\n-                    return [text.substr(0, idx + 1)]\n-                }\n-            },\n-            END: /^$/\n-        },\n-        follows = {\n-            LPAREN: [\"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"VALUE\", \"LPAREN\"],\n-            RPAREN: [\"NOT\", \"LOGICAL\", \"END\", \"RPAREN\"],\n-            PROPERTY: [\"COMPARISON\", \"BETWEEN\", \"COMMA\", \"IS_NULL\"],\n-            BETWEEN: [\"VALUE\"],\n-            IS_NULL: [\"END\"],\n-            COMPARISON: [\"VALUE\"],\n-            COMMA: [\"GEOMETRY\", \"VALUE\", \"PROPERTY\"],\n-            VALUE: [\"LOGICAL\", \"COMMA\", \"RPAREN\", \"END\"],\n-            SPATIAL: [\"LPAREN\"],\n-            LOGICAL: [\"NOT\", \"VALUE\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"],\n-            NOT: [\"PROPERTY\", \"LPAREN\"],\n-            GEOMETRY: [\"COMMA\", \"RPAREN\"]\n-        },\n-        operators = {\n-            \"=\": OpenLayers.Filter.Comparison.EQUAL_TO,\n-            \"<>\": OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n-            \"<\": OpenLayers.Filter.Comparison.LESS_THAN,\n-            \"<=\": OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n-            \">\": OpenLayers.Filter.Comparison.GREATER_THAN,\n-            \">=\": OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n-            LIKE: OpenLayers.Filter.Comparison.LIKE,\n-            BETWEEN: OpenLayers.Filter.Comparison.BETWEEN,\n-            \"IS NULL\": OpenLayers.Filter.Comparison.IS_NULL\n-        },\n-        operatorReverse = {},\n-        logicals = {\n-            AND: OpenLayers.Filter.Logical.AND,\n-            OR: OpenLayers.Filter.Logical.OR\n-        },\n-        logicalReverse = {},\n-        precedence = {\n-            RPAREN: 3,\n-            LOGICAL: 2,\n-            COMPARISON: 1\n+        var root = data.documentElement;\n+        var children = root.childNodes;\n+        var describelayer = {\n+            layerDescriptions: []\n         };\n-    var i;\n-    for (i in operators) {\n-        if (operators.hasOwnProperty(i)) {\n-            operatorReverse[operators[i]] = i\n-        }\n-    }\n-    for (i in logicals) {\n-        if (logicals.hasOwnProperty(i)) {\n-            logicalReverse[logicals[i]] = i\n-        }\n-    }\n-\n-    function tryToken(text, pattern) {\n-        if (pattern instanceof RegExp) {\n-            return pattern.exec(text)\n-        } else {\n-            return pattern(text)\n-        }\n-    }\n-\n-    function nextToken(text, tokens) {\n-        var i, token, len = tokens.length;\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            var pat = patterns[token];\n-            var matches = tryToken(text, pat);\n-            if (matches) {\n-                var match = matches[0];\n-                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n-                return {\n-                    type: token,\n-                    text: match,\n-                    remainder: remainder\n-                }\n-            }\n-        }\n-        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            msg += \"\\n    \" + token + \": \" + patterns[token]\n-        }\n-        throw new Error(msg)\n-    }\n-\n-    function tokenize(text) {\n-        var results = [];\n-        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n-        do {\n-            token = nextToken(text, expect);\n-            text = token.remainder;\n-            expect = follows[token.type];\n-            if (token.type != \"END\" && !expect) {\n-                throw new Error(\"No follows list for \" + token.type)\n-            }\n-            results.push(token)\n-        } while (token.type != \"END\");\n-        return results\n-    }\n-\n-    function buildAst(tokens) {\n-        var operatorStack = [],\n-            postfix = [];\n-        while (tokens.length) {\n-            var tok = tokens.shift();\n-            switch (tok.type) {\n-                case \"PROPERTY\":\n-                case \"GEOMETRY\":\n-                case \"VALUE\":\n-                    postfix.push(tok);\n-                    break;\n-                case \"COMPARISON\":\n-                case \"BETWEEN\":\n-                case \"IS_NULL\":\n-                case \"LOGICAL\":\n-                    var p = precedence[tok.type];\n-                    while (operatorStack.length > 0 && precedence[operatorStack[operatorStack.length - 1].type] <= p) {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"SPATIAL\":\n-                case \"NOT\":\n-                case \"LPAREN\":\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"RPAREN\":\n-                    while (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type != \"LPAREN\") {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                    operatorStack.pop();\n-                    if (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                case \"COMMA\":\n-                case \"END\":\n-                    break;\n-                default:\n-                    throw new Error(\"Unknown token type \" + tok.type)\n-            }\n-        }\n-        while (operatorStack.length > 0) {\n-            postfix.push(operatorStack.pop())\n-        }\n-\n-        function buildTree() {\n-            var tok = postfix.pop();\n-            switch (tok.type) {\n-                case \"LOGICAL\":\n-                    var rhs = buildTree(),\n-                        lhs = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [lhs, rhs],\n-                        type: logicals[tok.text.toUpperCase()]\n-                    });\n-                case \"NOT\":\n-                    var operand = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [operand],\n-                        type: OpenLayers.Filter.Logical.NOT\n-                    });\n-                case \"BETWEEN\":\n-                    var min, max, property;\n-                    postfix.pop();\n-                    max = buildTree();\n-                    min = buildTree();\n-                    property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        lowerBoundary: min,\n-                        upperBoundary: max,\n-                        type: OpenLayers.Filter.Comparison.BETWEEN\n-                    });\n-                case \"COMPARISON\":\n-                    var value = buildTree(),\n-                        property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        value: value,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"IS_NULL\":\n-                    var property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"VALUE\":\n-                    var match = tok.text.match(/^'(.*)'$/);\n-                    if (match) {\n-                        return match[1].replace(/''/g, \"'\")\n-                    } else {\n-                        return Number(tok.text)\n-                    }\n-                case \"SPATIAL\":\n-                    switch (tok.text.toUpperCase()) {\n-                        case \"BBOX\":\n-                            var maxy = buildTree(),\n-                                maxx = buildTree(),\n-                                miny = buildTree(),\n-                                minx = buildTree(),\n-                                prop = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.BBOX,\n-                                property: prop,\n-                                value: OpenLayers.Bounds.fromArray([minx, miny, maxx, maxy])\n-                            });\n-                        case \"INTERSECTS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"WITHIN\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.WITHIN,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"CONTAINS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.CONTAINS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"DWITHIN\":\n-                            var distance = buildTree(),\n-                                value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.DWITHIN,\n-                                value: value,\n-                                property: property,\n-                                distance: Number(distance)\n-                            })\n-                    }\n-                case \"GEOMETRY\":\n-                    return OpenLayers.Geometry.fromWKT(tok.text);\n-                default:\n-                    return tok.text\n-            }\n-        }\n-        var result = buildTree();\n-        if (postfix.length > 0) {\n-            var msg = \"Remaining tokens after building AST: \\n\";\n-            for (var i = postfix.length - 1; i >= 0; i--) {\n-                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\"\n-            }\n-            throw new Error(msg)\n-        }\n-        return result\n-    }\n-    return OpenLayers.Class(OpenLayers.Format, {\n-        read: function(text) {\n-            var result = buildAst(tokenize(text));\n-            if (this.keepData) {\n-                this.data = result\n-            }\n-            return result\n-        },\n-        write: function(filter) {\n-            if (filter instanceof OpenLayers.Geometry) {\n-                return filter.toString()\n-            }\n-            switch (filter.CLASS_NAME) {\n-                case \"OpenLayers.Filter.Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            return \"BBOX(\" + filter.property + \",\" + filter.value.toBBOX() + \")\";\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            return \"DWITHIN(\" + filter.property + \", \" + this.write(filter.value) + \", \" + filter.distance + \")\";\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            return \"WITHIN(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.INTERSECTS:\n-                            return \"INTERSECTS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.CONTAINS:\n-                            return \"CONTAINS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        default:\n-                            throw new Error(\"Unknown spatial filter type: \" + filter.type)\n-                    }\n-                case \"OpenLayers.Filter.Logical\":\n-                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n-                        return \"NOT (\" + this.write(filter.filters[0]) + \")\"\n-                    } else {\n-                        var res = \"(\";\n-                        var first = true;\n-                        for (var i = 0; i < filter.filters.length; i++) {\n-                            if (first) {\n-                                first = false\n-                            } else {\n-                                res += \") \" + logicalReverse[filter.type] + \" (\"\n-                            }\n-                            res += this.write(filter.filters[i])\n-                        }\n-                        return res + \")\"\n-                    }\n-                case \"OpenLayers.Filter.Comparison\":\n-                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n-                        return filter.property + \" BETWEEN \" + this.write(filter.lowerBoundary) + \" AND \" + this.write(filter.upperBoundary)\n-                    } else {\n-                        return filter.value !== null ? filter.property + \" \" + operatorReverse[filter.type] + \" \" + this.write(filter.value) : filter.property + \" \" + operatorReverse[filter.type]\n-                    }\n-                case undefined:\n-                    if (typeof filter === \"string\") {\n-                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\"\n-                    } else if (typeof filter === \"number\") {\n-                        return String(filter)\n-                    }\n-                default:\n-                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter)\n-            }\n-        },\n-        CLASS_NAME: \"OpenLayers.Format.CQL\"\n-    })\n-}();\n-OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.0.0\",\n-    yx: {\n-        \"urn:ogc:def:crs:EPSG::4326\": true\n-    },\n-    createLayer: function(capabilities, config) {\n-        var layer;\n-        if (!(\"layer\" in config)) {\n-            throw new Error(\"Missing property 'layer' in configuration.\")\n-        }\n-        var contents = capabilities.contents;\n-        var layers = contents.layers;\n-        var layerDef;\n-        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n-            if (contents.layers[i].identifier === config.layer) {\n-                layerDef = contents.layers[i];\n-                break\n-            }\n-        }\n-        if (!layerDef) {\n-            throw new Error(\"Layer not found\")\n-        }\n-        var format = config.format;\n-        if (!format && layerDef.formats && layerDef.formats.length) {\n-            format = layerDef.formats[0]\n-        }\n-        var matrixSet;\n-        if (config.matrixSet) {\n-            matrixSet = contents.tileMatrixSets[config.matrixSet]\n-        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n-            matrixSet = contents.tileMatrixSets[layerDef.tileMatrixSetLinks[0].tileMatrixSet]\n-        }\n-        if (!matrixSet) {\n-            throw new Error(\"matrixSet not found\")\n-        }\n-        var style;\n-        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n-            style = layerDef.styles[i];\n-            if (style.isDefault) {\n-                break\n-            }\n-        }\n-        var requestEncoding = config.requestEncoding;\n-        if (!requestEncoding) {\n-            requestEncoding = \"KVP\";\n-            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n-                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n-                if (http.get[0].constraints) {\n-                    var constraints = http.get[0].constraints;\n-                    var allowedValues = constraints.GetEncoding.allowedValues;\n-                    if (!allowedValues.KVP && (allowedValues.REST || allowedValues.RESTful)) {\n-                        requestEncoding = \"REST\"\n+        var childNode, nodeName;\n+        for (var i = 0; i < children.length; ++i) {\n+            childNode = children[i];\n+            nodeName = childNode.nodeName;\n+            if (nodeName == \"LayerDescription\") {\n+                var layerName = childNode.getAttribute(\"name\");\n+                var owsType = \"\";\n+                var owsURL = \"\";\n+                var typeName = \"\";\n+                if (childNode.getAttribute(\"owsType\")) {\n+                    owsType = childNode.getAttribute(\"owsType\");\n+                    owsURL = childNode.getAttribute(\"owsURL\")\n+                } else {\n+                    if (childNode.getAttribute(\"wfs\") != \"\") {\n+                        owsType = \"WFS\";\n+                        owsURL = childNode.getAttribute(\"wfs\")\n+                    } else if (childNode.getAttribute(\"wcs\") != \"\") {\n+                        owsType = \"WCS\";\n+                        owsURL = childNode.getAttribute(\"wcs\")\n                     }\n                 }\n-            }\n-        }\n-        var dimensions = [];\n-        var params = config.params || {};\n-        delete config.params;\n-        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n-            var dimension = layerDef.dimensions[id];\n-            dimensions.push(dimension.identifier);\n-            if (!params.hasOwnProperty(dimension.identifier)) {\n-                params[dimension.identifier] = dimension[\"default\"]\n-            }\n-        }\n-        var projection = config.projection || matrixSet.supportedCRS.replace(/urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n-        var units = config.units || (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n-        var resolutions = [];\n-        for (var mid in matrixSet.matrixIds) {\n-            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n-                resolutions.push(matrixSet.matrixIds[mid].scaleDenominator * 28e-5 / OpenLayers.METERS_PER_INCH / OpenLayers.INCHES_PER_UNIT[units])\n-            }\n-        }\n-        var url;\n-        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n-            url = [];\n-            var resourceUrls = layerDef.resourceUrls,\n-                resourceUrl;\n-            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n-                resourceUrl = layerDef.resourceUrls[t];\n-                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n-                    url.push(resourceUrl.template)\n+                var query = childNode.getElementsByTagName(\"Query\");\n+                if (query.length > 0) {\n+                    typeName = query[0].getAttribute(\"typeName\");\n+                    if (!typeName) {\n+                        typeName = query[0].getAttribute(\"typename\")\n+                    }\n                 }\n-            }\n-        } else {\n-            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n-            url = [];\n-            var constraint;\n-            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n-                constraint = httpGet[i].constraints;\n-                if (!constraint || constraint && constraint.GetEncoding.allowedValues[requestEncoding]) {\n-                    url.push(httpGet[i].url)\n+                var layerDescription = {\n+                    layerName: layerName,\n+                    owsType: owsType,\n+                    owsURL: owsURL,\n+                    typeName: typeName\n+                };\n+                describelayer.layerDescriptions.push(layerDescription);\n+                describelayer.length = describelayer.layerDescriptions.length;\n+                describelayer[describelayer.length - 1] = layerDescription\n+            } else if (nodeName == \"ServiceException\") {\n+                var parser = new OpenLayers.Format.OGCExceptionReport;\n+                return {\n+                    error: parser.read(data)\n                 }\n             }\n         }\n-        return new OpenLayers.Layer.WMTS(OpenLayers.Util.applyDefaults(config, {\n-            url: url,\n-            requestEncoding: requestEncoding,\n-            name: layerDef.title,\n-            style: style.identifier,\n-            format: format,\n-            matrixIds: matrixSet.matrixIds,\n-            matrixSet: matrixSet.identifier,\n-            projection: projection,\n-            units: units,\n-            resolutions: config.isBaseLayer === false ? undefined : resolutions,\n-            serverResolutions: resolutions,\n-            tileFullExtent: matrixSet.bounds,\n-            dimensions: dimensions,\n-            params: params\n-        }))\n+        return describelayer\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n });\n-OpenLayers.Format.QueryStringFilter = function() {\n-    var cmpToStr = {};\n-    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n-    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n-\n-    function regex2value(value) {\n-        value = value.replace(/%/g, \"\\\\%\");\n-        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n-            return $1 ? $0 : \"\\\\\\\\_\"\n-        });\n-        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n-        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n-            return $1 || $2 ? $0 : \"_\"\n-        });\n-        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"%\"\n-        });\n-        value = value.replace(/\\\\\\./g, \".\");\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"*\"\n-        });\n-        return value\n-    }\n-    return OpenLayers.Class(OpenLayers.Format, {\n-        wildcarded: false,\n-        srsInBBOX: false,\n-        write: function(filter, params) {\n-            params = params || {};\n-            var className = filter.CLASS_NAME;\n-            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n-            switch (filterType) {\n-                case \"Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            params.bbox = filter.value.toArray();\n-                            if (this.srsInBBOX && filter.projection) {\n-                                params.bbox.push(filter.projection.getCode())\n-                            }\n-                            break;\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            params.tolerance = filter.distance;\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            params.lon = filter.value.x;\n-                            params.lat = filter.value.y;\n-                            break;\n-                        default:\n-                            OpenLayers.Console.warn(\"Unknown spatial filter type \" + filter.type)\n-                    }\n-                    break;\n-                case \"Comparison\":\n-                    var op = cmpToStr[filter.type];\n-                    if (op !== undefined) {\n-                        var value = filter.value;\n-                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n-                            value = regex2value(value);\n-                            if (this.wildcarded) {\n-                                value = \"%\" + value + \"%\"\n-                            }\n-                        }\n-                        params[filter.property + \"__\" + op] = value;\n-                        params.queryable = params.queryable || [];\n-                        params.queryable.push(filter.property)\n-                    } else {\n-                        OpenLayers.Console.warn(\"Unknown comparison filter type \" + filter.type)\n-                    }\n-                    break;\n-                case \"Logical\":\n-                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n-                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n-                            params = this.write(filter.filters[i], params)\n-                        }\n-                    } else {\n-                        OpenLayers.Console.warn(\"Unsupported logical filter type \" + filter.type)\n-                    }\n-                    break;\n-                default:\n-                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType)\n-            }\n-            return params\n-        },\n-        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n-    })\n-}();\n+OpenLayers.Format.WMSDescribeLayer.v1_1_0 = OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n OpenLayers.Format.WFSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         wfs: \"http://www.opengis.net/wfs\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n         ows: \"http://www.opengis.net/ows\"\n     },\n@@ -31960,14 +27895,34 @@\n                     obj[\"abstract\"] = abst\n                 }\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1\"\n });\n+OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    readers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            DefaultSRS: function(node, obj) {\n+                var defaultSRS = this.getChildValue(node);\n+                if (defaultSRS) {\n+                    obj.srs = defaultSRS\n+                }\n+            }\n+        }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n+        ows: OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+});\n OpenLayers.Format.WFSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n     readers: {\n         wfs: OpenLayers.Util.applyDefaults({\n             Service: function(node, capabilities) {\n                 capabilities.service = {};\n                 this.readChildNodes(node, capabilities.service)\n             },\n@@ -32038,33 +27993,294 @@\n                     obj.srs = srs\n                 }\n             }\n         }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"])\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n+OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+    },\n+    defaultPrefix: \"csw\",\n+    version: \"2.0.2\",\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+    PropertyName: null,\n+    ParameterName: null,\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj\n+    },\n+    readers: {\n+        csw: {\n+            GetDomainResponse: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            DomainValues: function(node, obj) {\n+                if (!OpenLayers.Util.isArray(obj.DomainValues)) {\n+                    obj.DomainValues = []\n+                }\n+                var attrs = node.attributes;\n+                var domainValue = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    domainValue[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                this.readChildNodes(node, domainValue);\n+                obj.DomainValues.push(domainValue)\n+            },\n+            PropertyName: function(node, obj) {\n+                obj.PropertyName = this.getChildValue(node)\n+            },\n+            ParameterName: function(node, obj) {\n+                obj.ParameterName = this.getChildValue(node)\n+            },\n+            ListOfValues: function(node, obj) {\n+                if (!OpenLayers.Util.isArray(obj.ListOfValues)) {\n+                    obj.ListOfValues = []\n+                }\n+                this.readChildNodes(node, obj.ListOfValues)\n+            },\n+            Value: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.push({\n+                    Value: value\n+                })\n+            },\n+            ConceptualScheme: function(node, obj) {\n+                obj.ConceptualScheme = {};\n+                this.readChildNodes(node, obj.ConceptualScheme)\n+            },\n+            Name: function(node, obj) {\n+                obj.Name = this.getChildValue(node)\n+            },\n+            Document: function(node, obj) {\n+                obj.Document = this.getChildValue(node)\n+            },\n+            Authority: function(node, obj) {\n+                obj.Authority = this.getChildValue(node)\n+            },\n+            RangeOfValues: function(node, obj) {\n+                obj.RangeOfValues = {};\n+                this.readChildNodes(node, obj.RangeOfValues)\n+            },\n+            MinValue: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MinValue = value\n+            },\n+            MaxValue: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MaxValue = value\n+            }\n+        }\n+    },\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetDomain\", options);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    writers: {\n+        csw: {\n+            GetDomain: function(options) {\n+                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version\n+                    }\n+                });\n+                if (options.PropertyName || this.PropertyName) {\n+                    this.writeNode(\"csw:PropertyName\", options.PropertyName || this.PropertyName, node)\n+                } else if (options.ParameterName || this.ParameterName) {\n+                    this.writeNode(\"csw:ParameterName\", options.ParameterName || this.ParameterName, node)\n+                }\n+                this.readChildNodes(node, options);\n+                return node\n+            },\n+            PropertyName: function(value) {\n+                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n+                    value: value\n+                });\n+                return node\n+            },\n+            ParameterName: function(value) {\n+                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n+                    value: value\n+                });\n+                return node\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+});\n+OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(OpenLayers.Format.SLD.v1_0_0, {\n+    version: \"1.0.0\",\n+    profile: \"GeoServer\",\n+    readers: OpenLayers.Util.applyDefaults({\n+        sld: OpenLayers.Util.applyDefaults({\n+            Priority: function(node, obj) {\n+                var value = this.readers.ogc._expression.call(this, node);\n+                if (value) {\n+                    obj.priority = value\n+                }\n+            },\n+            VendorOption: function(node, obj) {\n+                if (!obj.vendorOptions) {\n+                    obj.vendorOptions = {}\n+                }\n+                obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node)\n+            },\n+            TextSymbolizer: function(node, rule) {\n+                OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n+                var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n+                if (symbolizer.graphic === undefined) {\n+                    symbolizer.graphic = false\n+                }\n+            }\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n+    }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n+    writers: OpenLayers.Util.applyDefaults({\n+        sld: OpenLayers.Util.applyDefaults({\n+            Priority: function(priority) {\n+                return this.writers.sld._OGCExpression.call(this, \"sld:Priority\", priority)\n+            },\n+            VendorOption: function(option) {\n+                return this.createElementNSPlus(\"sld:VendorOption\", {\n+                    attributes: {\n+                        name: option.name\n+                    },\n+                    value: option.value\n+                })\n+            },\n+            TextSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n+                if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n+                    this.writeNode(\"Graphic\", symbolizer, node)\n+                }\n+                if (\"priority\" in symbolizer) {\n+                    this.writeNode(\"Priority\", symbolizer.priority, node)\n+                }\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            PointSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            LineSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            PolygonSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            }\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n+    }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+    addVendorOptions: function(node, symbolizer) {\n+        var options = symbolizer.vendorOptions;\n+        if (options) {\n+            for (var key in symbolizer.vendorOptions) {\n+                this.writeNode(\"VendorOption\", {\n+                    name: key,\n+                    value: symbolizer.vendorOptions[key]\n+                }, node)\n+            }\n+        }\n+        return node\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+});\n+OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        wps: \"http://www.opengis.net/wps/1.0.0\",\n+        xlink: \"http://www.w3.org/1999/xlink\"\n+    },\n     regExes: {\n         trimSpace: /^\\s*|\\s*$/g,\n         removeSpace: /\\s*/g,\n         splitSpace: /\\s+/,\n         trimComma: /\\s*,\\s*/g\n     },\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n+    },\n     readers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            DefaultSRS: function(node, obj) {\n-                var defaultSRS = this.getChildValue(node);\n-                if (defaultSRS) {\n-                    obj.srs = defaultSRS\n-                }\n+        wps: {\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            ProcessOfferings: function(node, obj) {\n+                obj.processOfferings = {};\n+                this.readChildNodes(node, obj.processOfferings)\n+            },\n+            Process: function(node, processOfferings) {\n+                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                var process = {\n+                    processVersion: processVersion\n+                };\n+                this.readChildNodes(node, process);\n+                processOfferings[process.identifier] = process\n+            },\n+            Languages: function(node, obj) {\n+                obj.languages = [];\n+                this.readChildNodes(node, obj.languages)\n+            },\n+            Default: function(node, languages) {\n+                var language = {\n+                    isDefault: true\n+                };\n+                this.readChildNodes(node, language);\n+                languages.push(language)\n+            },\n+            Supported: function(node, languages) {\n+                var language = {};\n+                this.readChildNodes(node, language);\n+                languages.push(language)\n             }\n-        }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n-        ows: OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n });\n OpenLayers.Format.OWSContext.v0_3_1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         owc: \"http://www.opengis.net/ows-context\",\n         gml: \"http://www.opengis.net/gml\",\n         kml: \"http://www.opengis.net/kml/2.2\",\n         ogc: \"http://www.opengis.net/ogc\",\n@@ -32468,34 +28684,305 @@\n         }, OpenLayers.Format.GML.v2.prototype.writers.gml),\n         ows: OpenLayers.Format.OWSCommon.v1_0_0.prototype.writers.ows,\n         sld: OpenLayers.Format.SLD.v1_0_0.prototype.writers.sld,\n         feature: OpenLayers.Format.GML.v2.prototype.writers.feature\n     },\n     CLASS_NAME: \"OpenLayers.Format.OWSContext.v0_3_1\"\n });\n-OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        xls: \"http://www.opengis.net/xls\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n+    version: \"1.0.0\",\n+    srsNameInQuery: false,\n+    schemaLocations: {\n+        wfs: \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n     },\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n+    initialize: function(options) {\n+        OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n+        OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options])\n     },\n-    xy: true,\n-    defaultPrefix: \"xls\",\n-    schemaLocation: null,\n-    read: function(data, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var xls = {};\n-        this.readChildNodes(data, xls);\n-        return xls\n+    readNode: function(node, obj, first) {\n+        return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments)\n+    },\n+    readers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            WFS_TransactionResponse: function(node, obj) {\n+                obj.insertIds = [];\n+                obj.success = false;\n+                this.readChildNodes(node, obj)\n+            },\n+            InsertResult: function(node, container) {\n+                var obj = {\n+                    fids: []\n+                };\n+                this.readChildNodes(node, obj);\n+                container.insertIds = container.insertIds.concat(obj.fids)\n+            },\n+            TransactionResult: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Status: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            SUCCESS: function(node, obj) {\n+                obj.success = true\n+            }\n+        }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n+        gml: OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+        feature: OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n+        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n+    },\n+    writers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            Query: function(options) {\n+                options = OpenLayers.Util.extend({\n+                    featureNS: this.featureNS,\n+                    featurePrefix: this.featurePrefix,\n+                    featureType: this.featureType,\n+                    srsName: this.srsName,\n+                    srsNameInQuery: this.srsNameInQuery\n+                }, options);\n+                var prefix = options.featurePrefix;\n+                var node = this.createElementNSPlus(\"wfs:Query\", {\n+                    attributes: {\n+                        typeName: (prefix ? prefix + \":\" : \"\") + options.featureType\n+                    }\n+                });\n+                if (options.srsNameInQuery && options.srsName) {\n+                    node.setAttribute(\"srsName\", options.srsName)\n+                }\n+                if (options.featureNS) {\n+                    node.setAttribute(\"xmlns:\" + prefix, options.featureNS)\n+                }\n+                if (options.propertyNames) {\n+                    for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n+                        this.writeNode(\"ogc:PropertyName\", {\n+                            property: options.propertyNames[i]\n+                        }, node)\n+                    }\n+                }\n+                if (options.filter) {\n+                    this.setFilterProperty(options.filter);\n+                    this.writeNode(\"ogc:Filter\", options.filter, node)\n+                }\n+                return node\n+            }\n+        }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n+        gml: OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+        feature: OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n+        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        splitSpace: /\\s+/\n+    },\n+    defaultPrefix: \"wcs\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var raw = data;\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n+    namespaces: {\n+        wcs: \"http://www.opengis.net/wcs/1.1\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        ows: \"http://www.opengis.net/ows/1.1\"\n+    },\n+    errorProperty: \"operationsMetadata\",\n+    readers: {\n+        wcs: OpenLayers.Util.applyDefaults({\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Contents: function(node, request) {\n+                request.contentMetadata = [];\n+                this.readChildNodes(node, request.contentMetadata)\n+            },\n+            CoverageSummary: function(node, contentMetadata) {\n+                var coverageSummary = {};\n+                this.readChildNodes(node, coverageSummary);\n+                contentMetadata.push(coverageSummary)\n+            },\n+            Identifier: function(node, coverageSummary) {\n+                coverageSummary.identifier = this.getChildValue(node)\n+            },\n+            Title: function(node, coverageSummary) {\n+                coverageSummary.title = this.getChildValue(node)\n+            },\n+            Abstract: function(node, coverageSummary) {\n+                coverageSummary[\"abstract\"] = this.getChildValue(node)\n+            },\n+            SupportedCRS: function(node, coverageSummary) {\n+                var crs = this.getChildValue(node);\n+                if (crs) {\n+                    if (!coverageSummary.supportedCRS) {\n+                        coverageSummary.supportedCRS = []\n+                    }\n+                    coverageSummary.supportedCRS.push(crs)\n+                }\n+            },\n+            SupportedFormat: function(node, coverageSummary) {\n+                var format = this.getChildValue(node);\n+                if (format) {\n+                    if (!coverageSummary.supportedFormat) {\n+                        coverageSummary.supportedFormat = []\n+                    }\n+                    coverageSummary.supportedFormat.push(format)\n+                }\n+            }\n+        }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n+    namespaces: {\n+        wcs: \"http://www.opengis.net/wcs\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        ows: \"http://www.opengis.net/ows\"\n+    },\n+    errorProperty: \"service\",\n+    readers: {\n+        wcs: {\n+            WCS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Service: function(node, obj) {\n+                obj.service = {};\n+                this.readChildNodes(node, obj.service)\n+            },\n+            name: function(node, service) {\n+                service.name = this.getChildValue(node)\n+            },\n+            label: function(node, service) {\n+                service.label = this.getChildValue(node)\n+            },\n+            keywords: function(node, service) {\n+                service.keywords = [];\n+                this.readChildNodes(node, service.keywords)\n+            },\n+            keyword: function(node, keywords) {\n+                keywords.push(this.getChildValue(node))\n+            },\n+            responsibleParty: function(node, service) {\n+                service.responsibleParty = {};\n+                this.readChildNodes(node, service.responsibleParty)\n+            },\n+            individualName: function(node, responsibleParty) {\n+                responsibleParty.individualName = this.getChildValue(node)\n+            },\n+            organisationName: function(node, responsibleParty) {\n+                responsibleParty.organisationName = this.getChildValue(node)\n+            },\n+            positionName: function(node, responsibleParty) {\n+                responsibleParty.positionName = this.getChildValue(node)\n+            },\n+            contactInfo: function(node, responsibleParty) {\n+                responsibleParty.contactInfo = {};\n+                this.readChildNodes(node, responsibleParty.contactInfo)\n+            },\n+            phone: function(node, contactInfo) {\n+                contactInfo.phone = {};\n+                this.readChildNodes(node, contactInfo.phone)\n+            },\n+            voice: function(node, phone) {\n+                phone.voice = this.getChildValue(node)\n+            },\n+            facsimile: function(node, phone) {\n+                phone.facsimile = this.getChildValue(node)\n+            },\n+            address: function(node, contactInfo) {\n+                contactInfo.address = {};\n+                this.readChildNodes(node, contactInfo.address)\n+            },\n+            deliveryPoint: function(node, address) {\n+                address.deliveryPoint = this.getChildValue(node)\n+            },\n+            city: function(node, address) {\n+                address.city = this.getChildValue(node)\n+            },\n+            postalCode: function(node, address) {\n+                address.postalCode = this.getChildValue(node)\n+            },\n+            country: function(node, address) {\n+                address.country = this.getChildValue(node)\n+            },\n+            electronicMailAddress: function(node, address) {\n+                address.electronicMailAddress = this.getChildValue(node)\n+            },\n+            fees: function(node, service) {\n+                service.fees = this.getChildValue(node)\n+            },\n+            accessConstraints: function(node, service) {\n+                service.accessConstraints = this.getChildValue(node)\n+            },\n+            ContentMetadata: function(node, obj) {\n+                obj.contentMetadata = [];\n+                this.readChildNodes(node, obj.contentMetadata)\n+            },\n+            CoverageOfferingBrief: function(node, contentMetadata) {\n+                var coverageOfferingBrief = {};\n+                this.readChildNodes(node, coverageOfferingBrief);\n+                contentMetadata.push(coverageOfferingBrief)\n+            },\n+            name: function(node, coverageOfferingBrief) {\n+                coverageOfferingBrief.name = this.getChildValue(node)\n+            },\n+            label: function(node, coverageOfferingBrief) {\n+                coverageOfferingBrief.label = this.getChildValue(node)\n+            },\n+            lonLatEnvelope: function(node, coverageOfferingBrief) {\n+                var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n+                if (nodeList.length == 2) {\n+                    var min = {};\n+                    var max = {};\n+                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n+                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n+                    coverageOfferingBrief.lonLatEnvelope = {};\n+                    coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n+                    coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n+                    coverageOfferingBrief.lonLatEnvelope.max = max.points[0]\n+                }\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+});\n+OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        xls: \"http://www.opengis.net/xls\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    xy: true,\n+    defaultPrefix: \"xls\",\n+    schemaLocation: null,\n+    read: function(data, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var xls = {};\n+        this.readChildNodes(data, xls);\n+        return xls\n     },\n     readers: {\n         xls: {\n             XLS: function(node, xls) {\n                 xls.version = node.getAttribute(\"version\");\n                 this.readChildNodes(node, xls)\n             },\n@@ -32682,563 +29169,14 @@\n });\n OpenLayers.Format.XLS.v1_1_0 = OpenLayers.Class(OpenLayers.Format.XLS.v1, {\n     VERSION: \"1.1\",\n     schemaLocation: \"http://www.opengis.net/xls http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\",\n     CLASS_NAME: \"OpenLayers.Format.XLS.v1_1_0\"\n });\n OpenLayers.Format.XLS.v1_1 = OpenLayers.Format.XLS.v1_1_0;\n-OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        wms: \"http://www.opengis.net/wms\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    defaultPrefix: \"wms\",\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var raw = data;\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        if (capabilities.service === undefined) {\n-            var parser = new OpenLayers.Format.OGCExceptionReport;\n-            capabilities.error = parser.read(raw)\n-        }\n-        return capabilities\n-    },\n-    readers: {\n-        wms: {\n-            Service: function(node, obj) {\n-                obj.service = {};\n-                this.readChildNodes(node, obj.service)\n-            },\n-            Name: function(node, obj) {\n-                obj.name = this.getChildValue(node)\n-            },\n-            Title: function(node, obj) {\n-                obj.title = this.getChildValue(node)\n-            },\n-            Abstract: function(node, obj) {\n-                obj[\"abstract\"] = this.getChildValue(node)\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = {};\n-                bbox.bbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))];\n-                var res = {\n-                    x: parseFloat(node.getAttribute(\"resx\")),\n-                    y: parseFloat(node.getAttribute(\"resy\"))\n-                };\n-                if (!(isNaN(res.x) && isNaN(res.y))) {\n-                    bbox.res = res\n-                }\n-                return bbox\n-            },\n-            OnlineResource: function(node, obj) {\n-                obj.href = this.getAttributeNS(node, this.namespaces.xlink, \"href\")\n-            },\n-            ContactInformation: function(node, obj) {\n-                obj.contactInformation = {};\n-                this.readChildNodes(node, obj.contactInformation)\n-            },\n-            ContactPersonPrimary: function(node, obj) {\n-                obj.personPrimary = {};\n-                this.readChildNodes(node, obj.personPrimary)\n-            },\n-            ContactPerson: function(node, obj) {\n-                obj.person = this.getChildValue(node)\n-            },\n-            ContactOrganization: function(node, obj) {\n-                obj.organization = this.getChildValue(node)\n-            },\n-            ContactPosition: function(node, obj) {\n-                obj.position = this.getChildValue(node)\n-            },\n-            ContactAddress: function(node, obj) {\n-                obj.contactAddress = {};\n-                this.readChildNodes(node, obj.contactAddress)\n-            },\n-            AddressType: function(node, obj) {\n-                obj.type = this.getChildValue(node)\n-            },\n-            Address: function(node, obj) {\n-                obj.address = this.getChildValue(node)\n-            },\n-            City: function(node, obj) {\n-                obj.city = this.getChildValue(node)\n-            },\n-            StateOrProvince: function(node, obj) {\n-                obj.stateOrProvince = this.getChildValue(node)\n-            },\n-            PostCode: function(node, obj) {\n-                obj.postcode = this.getChildValue(node)\n-            },\n-            Country: function(node, obj) {\n-                obj.country = this.getChildValue(node)\n-            },\n-            ContactVoiceTelephone: function(node, obj) {\n-                obj.phone = this.getChildValue(node)\n-            },\n-            ContactFacsimileTelephone: function(node, obj) {\n-                obj.fax = this.getChildValue(node)\n-            },\n-            ContactElectronicMailAddress: function(node, obj) {\n-                obj.email = this.getChildValue(node)\n-            },\n-            Fees: function(node, obj) {\n-                var fees = this.getChildValue(node);\n-                if (fees && fees.toLowerCase() != \"none\") {\n-                    obj.fees = fees\n-                }\n-            },\n-            AccessConstraints: function(node, obj) {\n-                var constraints = this.getChildValue(node);\n-                if (constraints && constraints.toLowerCase() != \"none\") {\n-                    obj.accessConstraints = constraints\n-                }\n-            },\n-            Capability: function(node, obj) {\n-                obj.capability = {\n-                    nestedLayers: [],\n-                    layers: []\n-                };\n-                this.readChildNodes(node, obj.capability)\n-            },\n-            Request: function(node, obj) {\n-                obj.request = {};\n-                this.readChildNodes(node, obj.request)\n-            },\n-            GetCapabilities: function(node, obj) {\n-                obj.getcapabilities = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getcapabilities)\n-            },\n-            Format: function(node, obj) {\n-                if (OpenLayers.Util.isArray(obj.formats)) {\n-                    obj.formats.push(this.getChildValue(node))\n-                } else {\n-                    obj.format = this.getChildValue(node)\n-                }\n-            },\n-            DCPType: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            HTTP: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Get: function(node, obj) {\n-                obj.get = {};\n-                this.readChildNodes(node, obj.get);\n-                if (!obj.href) {\n-                    obj.href = obj.get.href\n-                }\n-            },\n-            Post: function(node, obj) {\n-                obj.post = {};\n-                this.readChildNodes(node, obj.post);\n-                if (!obj.href) {\n-                    obj.href = obj.get.href\n-                }\n-            },\n-            GetMap: function(node, obj) {\n-                obj.getmap = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getmap)\n-            },\n-            GetFeatureInfo: function(node, obj) {\n-                obj.getfeatureinfo = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getfeatureinfo)\n-            },\n-            Exception: function(node, obj) {\n-                obj.exception = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.exception)\n-            },\n-            Layer: function(node, obj) {\n-                var parentLayer, capability;\n-                if (obj.capability) {\n-                    capability = obj.capability;\n-                    parentLayer = obj\n-                } else {\n-                    capability = obj\n-                }\n-                var attrNode = node.getAttributeNode(\"queryable\");\n-                var queryable = attrNode && attrNode.specified ? node.getAttribute(\"queryable\") : null;\n-                attrNode = node.getAttributeNode(\"cascaded\");\n-                var cascaded = attrNode && attrNode.specified ? node.getAttribute(\"cascaded\") : null;\n-                attrNode = node.getAttributeNode(\"opaque\");\n-                var opaque = attrNode && attrNode.specified ? node.getAttribute(\"opaque\") : null;\n-                var noSubsets = node.getAttribute(\"noSubsets\");\n-                var fixedWidth = node.getAttribute(\"fixedWidth\");\n-                var fixedHeight = node.getAttribute(\"fixedHeight\");\n-                var parent = parentLayer || {},\n-                    extend = OpenLayers.Util.extend;\n-                var layer = {\n-                    nestedLayers: [],\n-                    styles: parentLayer ? [].concat(parentLayer.styles) : [],\n-                    srs: parentLayer ? extend({}, parent.srs) : {},\n-                    metadataURLs: [],\n-                    bbox: parentLayer ? extend({}, parent.bbox) : {},\n-                    llbbox: parent.llbbox,\n-                    dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n-                    authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n-                    identifiers: {},\n-                    keywords: [],\n-                    queryable: queryable && queryable !== \"\" ? queryable === \"1\" || queryable === \"true\" : parent.queryable || false,\n-                    cascaded: cascaded !== null ? parseInt(cascaded) : parent.cascaded || 0,\n-                    opaque: opaque ? opaque === \"1\" || opaque === \"true\" : parent.opaque || false,\n-                    noSubsets: noSubsets !== null ? noSubsets === \"1\" || noSubsets === \"true\" : parent.noSubsets || false,\n-                    fixedWidth: fixedWidth != null ? parseInt(fixedWidth) : parent.fixedWidth || 0,\n-                    fixedHeight: fixedHeight != null ? parseInt(fixedHeight) : parent.fixedHeight || 0,\n-                    minScale: parent.minScale,\n-                    maxScale: parent.maxScale,\n-                    attribution: parent.attribution\n-                };\n-                obj.nestedLayers.push(layer);\n-                layer.capability = capability;\n-                this.readChildNodes(node, layer);\n-                delete layer.capability;\n-                if (layer.name) {\n-                    var parts = layer.name.split(\":\"),\n-                        request = capability.request,\n-                        gfi = request.getfeatureinfo;\n-                    if (parts.length > 0) {\n-                        layer.prefix = parts[0]\n-                    }\n-                    capability.layers.push(layer);\n-                    if (layer.formats === undefined) {\n-                        layer.formats = request.getmap.formats\n-                    }\n-                    if (layer.infoFormats === undefined && gfi) {\n-                        layer.infoFormats = gfi.formats\n-                    }\n-                }\n-            },\n-            Attribution: function(node, obj) {\n-                obj.attribution = {};\n-                this.readChildNodes(node, obj.attribution)\n-            },\n-            LogoURL: function(node, obj) {\n-                obj.logo = {\n-                    width: node.getAttribute(\"width\"),\n-                    height: node.getAttribute(\"height\")\n-                };\n-                this.readChildNodes(node, obj.logo)\n-            },\n-            Style: function(node, obj) {\n-                var style = {};\n-                obj.styles.push(style);\n-                this.readChildNodes(node, style)\n-            },\n-            LegendURL: function(node, obj) {\n-                var legend = {\n-                    width: node.getAttribute(\"width\"),\n-                    height: node.getAttribute(\"height\")\n-                };\n-                obj.legend = legend;\n-                this.readChildNodes(node, legend)\n-            },\n-            MetadataURL: function(node, obj) {\n-                var metadataURL = {\n-                    type: node.getAttribute(\"type\")\n-                };\n-                obj.metadataURLs.push(metadataURL);\n-                this.readChildNodes(node, metadataURL)\n-            },\n-            DataURL: function(node, obj) {\n-                obj.dataURL = {};\n-                this.readChildNodes(node, obj.dataURL)\n-            },\n-            FeatureListURL: function(node, obj) {\n-                obj.featureListURL = {};\n-                this.readChildNodes(node, obj.featureListURL)\n-            },\n-            AuthorityURL: function(node, obj) {\n-                var name = node.getAttribute(\"name\");\n-                var authority = {};\n-                this.readChildNodes(node, authority);\n-                obj.authorityURLs[name] = authority.href\n-            },\n-            Identifier: function(node, obj) {\n-                var authority = node.getAttribute(\"authority\");\n-                obj.identifiers[authority] = this.getChildValue(node)\n-            },\n-            KeywordList: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            SRS: function(node, obj) {\n-                obj.srs[this.getChildValue(node)] = true\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            WMT_MS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Keyword: function(node, obj) {\n-                if (obj.keywords) {\n-                    obj.keywords.push(this.getChildValue(node))\n-                }\n-            },\n-            DescribeLayer: function(node, obj) {\n-                obj.describelayer = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.describelayer)\n-            },\n-            GetLegendGraphic: function(node, obj) {\n-                obj.getlegendgraphic = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getlegendgraphic)\n-            },\n-            GetStyles: function(node, obj) {\n-                obj.getstyles = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getstyles)\n-            },\n-            PutStyles: function(node, obj) {\n-                obj.putstyles = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.putstyles)\n-            },\n-            UserDefinedSymbolization: function(node, obj) {\n-                var userSymbols = {\n-                    supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n-                    userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n-                    userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n-                    remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n-                };\n-                obj.userSymbols = userSymbols\n-            },\n-            LatLonBoundingBox: function(node, obj) {\n-                obj.llbbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))]\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                bbox.srs = node.getAttribute(\"SRS\");\n-                obj.bbox[bbox.srs] = bbox\n-            },\n-            ScaleHint: function(node, obj) {\n-                var min = node.getAttribute(\"min\");\n-                var max = node.getAttribute(\"max\");\n-                var rad2 = Math.pow(2, .5);\n-                var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n-                if (min != 0) {\n-                    obj.maxScale = parseFloat((min / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n-                }\n-                if (max != Number.POSITIVE_INFINITY) {\n-                    obj.minScale = parseFloat((max / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n-                }\n-            },\n-            Dimension: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                var dim = {\n-                    name: name,\n-                    units: node.getAttribute(\"units\"),\n-                    unitsymbol: node.getAttribute(\"unitSymbol\")\n-                };\n-                obj.dimensions[dim.name] = dim\n-            },\n-            Extent: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                if (name in obj[\"dimensions\"]) {\n-                    var extent = obj.dimensions[name];\n-                    extent.nearestVal = node.getAttribute(\"nearestValue\") === \"1\";\n-                    extent.multipleVal = node.getAttribute(\"multipleValues\") === \"1\";\n-                    extent.current = node.getAttribute(\"current\") === \"1\";\n-                    extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n-                    var values = this.getChildValue(node);\n-                    extent.values = values.split(\",\")\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            WMS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            LayerLimit: function(node, obj) {\n-                obj.layerLimit = parseInt(this.getChildValue(node))\n-            },\n-            MaxWidth: function(node, obj) {\n-                obj.maxWidth = parseInt(this.getChildValue(node))\n-            },\n-            MaxHeight: function(node, obj) {\n-                obj.maxHeight = parseInt(this.getChildValue(node))\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                bbox.srs = node.getAttribute(\"CRS\");\n-                obj.bbox[bbox.srs] = bbox\n-            },\n-            CRS: function(node, obj) {\n-                this.readers.wms.SRS.apply(this, [node, obj])\n-            },\n-            EX_GeographicBoundingBox: function(node, obj) {\n-                obj.llbbox = [];\n-                this.readChildNodes(node, obj.llbbox)\n-            },\n-            westBoundLongitude: function(node, obj) {\n-                obj[0] = this.getChildValue(node)\n-            },\n-            eastBoundLongitude: function(node, obj) {\n-                obj[2] = this.getChildValue(node)\n-            },\n-            southBoundLatitude: function(node, obj) {\n-                obj[1] = this.getChildValue(node)\n-            },\n-            northBoundLatitude: function(node, obj) {\n-                obj[3] = this.getChildValue(node)\n-            },\n-            MinScaleDenominator: function(node, obj) {\n-                obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n-            },\n-            MaxScaleDenominator: function(node, obj) {\n-                obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n-            },\n-            Dimension: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                var dim = {\n-                    name: name,\n-                    units: node.getAttribute(\"units\"),\n-                    unitsymbol: node.getAttribute(\"unitSymbol\"),\n-                    nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n-                    multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n-                    default: node.getAttribute(\"default\") || \"\",\n-                    current: node.getAttribute(\"current\") === \"1\",\n-                    values: this.getChildValue(node).split(\",\")\n-                };\n-                obj.dimensions[dim.name] = dim\n-            },\n-            Keyword: function(node, obj) {\n-                var keyword = {\n-                    value: this.getChildValue(node),\n-                    vocabulary: node.getAttribute(\"vocabulary\")\n-                };\n-                if (obj.keywords) {\n-                    obj.keywords.push(keyword)\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n-        sld: {\n-            UserDefinedSymbolization: function(node, obj) {\n-                this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n-                obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n-                obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1\n-            },\n-            DescribeLayer: function(node, obj) {\n-                this.readers.wms.DescribeLayer.apply(this, [node, obj])\n-            },\n-            GetLegendGraphic: function(node, obj) {\n-                this.readers.wms.GetLegendGraphic.apply(this, [node, obj])\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_3, {\n-    version: \"1.3.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n-    version: \"1.1.0\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            SRS: function(node, obj) {\n-                var srs = this.getChildValue(node);\n-                var values = srs.split(/ +/);\n-                for (var i = 0, len = values.length; i < len; i++) {\n-                    obj.srs[values[i]] = true\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n-    version: \"1.1.1\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            SRS: function(node, obj) {\n-                obj.srs[this.getChildValue(node)] = true\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1_1, {\n-    version: \"1.1.1\",\n-    profile: \"WMSC\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            VendorSpecificCapabilities: function(node, obj) {\n-                obj.vendorSpecific = {\n-                    tileSets: []\n-                };\n-                this.readChildNodes(node, obj.vendorSpecific)\n-            },\n-            TileSet: function(node, vendorSpecific) {\n-                var tileset = {\n-                    srs: {},\n-                    bbox: {},\n-                    resolutions: []\n-                };\n-                this.readChildNodes(node, tileset);\n-                vendorSpecific.tileSets.push(tileset)\n-            },\n-            Resolutions: function(node, tileset) {\n-                var res = this.getChildValue(node).split(\" \");\n-                for (var i = 0, len = res.length; i < len; i++) {\n-                    if (res[i] != \"\") {\n-                        tileset.resolutions.push(parseFloat(res[i]))\n-                    }\n-                }\n-            },\n-            Width: function(node, tileset) {\n-                tileset.width = parseInt(this.getChildValue(node))\n-            },\n-            Height: function(node, tileset) {\n-                tileset.height = parseInt(this.getChildValue(node))\n-            },\n-            Layers: function(node, tileset) {\n-                tileset.layers = this.getChildValue(node)\n-            },\n-            Styles: function(node, tileset) {\n-                tileset.styles = this.getChildValue(node)\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n-});\n-OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n-    read: function(data) {\n-        var axl = new OpenLayers.Format.ArcXML;\n-        var parsed = axl.read(data);\n-        return parsed.features.feature\n-    }\n-});\n OpenLayers.Format.WMC.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         ol: \"http://openlayers.org/context\",\n         wmc: \"http://www.opengis.net/context\",\n         sld: \"http://www.opengis.net/sld\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n@@ -33884,48 +29822,14 @@\n         if (links.length > 0) {\n             this.read_wmc_OnlineResource(object, links[0])\n         }\n         return object.href\n     },\n     CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n });\n-OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n-    VERSION: \"1.0.0\",\n-    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n-    initialize: function(options) {\n-        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n-    },\n-    read_wmc_SRS: function(layerContext, node) {\n-        var srs = this.getChildValue(node);\n-        if (typeof layerContext.projections != \"object\") {\n-            layerContext.projections = {}\n-        }\n-        var values = srs.split(/ +/);\n-        for (var i = 0, len = values.length; i < len; i++) {\n-            layerContext.projections[values[i]] = true\n-        }\n-    },\n-    write_wmc_Layer: function(context) {\n-        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n-        if (context.srs) {\n-            var projections = [];\n-            for (var name in context.srs) {\n-                projections.push(name)\n-            }\n-            node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")))\n-        }\n-        node.appendChild(this.write_wmc_FormatList(context));\n-        node.appendChild(this.write_wmc_StyleList(context));\n-        if (context.dimensions) {\n-            node.appendChild(this.write_wmc_DimensionList(context))\n-        }\n-        node.appendChild(this.write_wmc_LayerExtension(context))\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n-});\n OpenLayers.Format.WMC.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n     VERSION: \"1.1.0\",\n     schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.1.0/context.xsd\",\n     initialize: function(options) {\n         OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n     },\n     read_sld_MinScaleDenominator: function(layerContext, node) {\n@@ -33966,20 +29870,614 @@\n             node.appendChild(this.write_wmc_DimensionList(context))\n         }\n         node.appendChild(this.write_wmc_LayerExtension(context));\n         return node\n     },\n     CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n });\n-OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n+    VERSION: \"1.0.0\",\n+    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n+    initialize: function(options) {\n+        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n+    },\n+    read_wmc_SRS: function(layerContext, node) {\n+        var srs = this.getChildValue(node);\n+        if (typeof layerContext.projections != \"object\") {\n+            layerContext.projections = {}\n+        }\n+        var values = srs.split(/ +/);\n+        for (var i = 0, len = values.length; i < len; i++) {\n+            layerContext.projections[values[i]] = true\n+        }\n+    },\n+    write_wmc_Layer: function(context) {\n+        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n+        if (context.srs) {\n+            var projections = [];\n+            for (var name in context.srs) {\n+                projections.push(name)\n+            }\n+            node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")))\n+        }\n+        node.appendChild(this.write_wmc_FormatList(context));\n+        node.appendChild(this.write_wmc_StyleList(context));\n+        if (context.dimensions) {\n+            node.appendChild(this.write_wmc_DimensionList(context))\n+        }\n+        node.appendChild(this.write_wmc_LayerExtension(context))\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        wps: \"http://www.opengis.net/wps/1.0.0\",\n-        xlink: \"http://www.w3.org/1999/xlink\"\n+        wms: \"http://www.opengis.net/wms\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    defaultPrefix: \"wms\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var raw = data;\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        if (capabilities.service === undefined) {\n+            var parser = new OpenLayers.Format.OGCExceptionReport;\n+            capabilities.error = parser.read(raw)\n+        }\n+        return capabilities\n+    },\n+    readers: {\n+        wms: {\n+            Service: function(node, obj) {\n+                obj.service = {};\n+                this.readChildNodes(node, obj.service)\n+            },\n+            Name: function(node, obj) {\n+                obj.name = this.getChildValue(node)\n+            },\n+            Title: function(node, obj) {\n+                obj.title = this.getChildValue(node)\n+            },\n+            Abstract: function(node, obj) {\n+                obj[\"abstract\"] = this.getChildValue(node)\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = {};\n+                bbox.bbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))];\n+                var res = {\n+                    x: parseFloat(node.getAttribute(\"resx\")),\n+                    y: parseFloat(node.getAttribute(\"resy\"))\n+                };\n+                if (!(isNaN(res.x) && isNaN(res.y))) {\n+                    bbox.res = res\n+                }\n+                return bbox\n+            },\n+            OnlineResource: function(node, obj) {\n+                obj.href = this.getAttributeNS(node, this.namespaces.xlink, \"href\")\n+            },\n+            ContactInformation: function(node, obj) {\n+                obj.contactInformation = {};\n+                this.readChildNodes(node, obj.contactInformation)\n+            },\n+            ContactPersonPrimary: function(node, obj) {\n+                obj.personPrimary = {};\n+                this.readChildNodes(node, obj.personPrimary)\n+            },\n+            ContactPerson: function(node, obj) {\n+                obj.person = this.getChildValue(node)\n+            },\n+            ContactOrganization: function(node, obj) {\n+                obj.organization = this.getChildValue(node)\n+            },\n+            ContactPosition: function(node, obj) {\n+                obj.position = this.getChildValue(node)\n+            },\n+            ContactAddress: function(node, obj) {\n+                obj.contactAddress = {};\n+                this.readChildNodes(node, obj.contactAddress)\n+            },\n+            AddressType: function(node, obj) {\n+                obj.type = this.getChildValue(node)\n+            },\n+            Address: function(node, obj) {\n+                obj.address = this.getChildValue(node)\n+            },\n+            City: function(node, obj) {\n+                obj.city = this.getChildValue(node)\n+            },\n+            StateOrProvince: function(node, obj) {\n+                obj.stateOrProvince = this.getChildValue(node)\n+            },\n+            PostCode: function(node, obj) {\n+                obj.postcode = this.getChildValue(node)\n+            },\n+            Country: function(node, obj) {\n+                obj.country = this.getChildValue(node)\n+            },\n+            ContactVoiceTelephone: function(node, obj) {\n+                obj.phone = this.getChildValue(node)\n+            },\n+            ContactFacsimileTelephone: function(node, obj) {\n+                obj.fax = this.getChildValue(node)\n+            },\n+            ContactElectronicMailAddress: function(node, obj) {\n+                obj.email = this.getChildValue(node)\n+            },\n+            Fees: function(node, obj) {\n+                var fees = this.getChildValue(node);\n+                if (fees && fees.toLowerCase() != \"none\") {\n+                    obj.fees = fees\n+                }\n+            },\n+            AccessConstraints: function(node, obj) {\n+                var constraints = this.getChildValue(node);\n+                if (constraints && constraints.toLowerCase() != \"none\") {\n+                    obj.accessConstraints = constraints\n+                }\n+            },\n+            Capability: function(node, obj) {\n+                obj.capability = {\n+                    nestedLayers: [],\n+                    layers: []\n+                };\n+                this.readChildNodes(node, obj.capability)\n+            },\n+            Request: function(node, obj) {\n+                obj.request = {};\n+                this.readChildNodes(node, obj.request)\n+            },\n+            GetCapabilities: function(node, obj) {\n+                obj.getcapabilities = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getcapabilities)\n+            },\n+            Format: function(node, obj) {\n+                if (OpenLayers.Util.isArray(obj.formats)) {\n+                    obj.formats.push(this.getChildValue(node))\n+                } else {\n+                    obj.format = this.getChildValue(node)\n+                }\n+            },\n+            DCPType: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            HTTP: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Get: function(node, obj) {\n+                obj.get = {};\n+                this.readChildNodes(node, obj.get);\n+                if (!obj.href) {\n+                    obj.href = obj.get.href\n+                }\n+            },\n+            Post: function(node, obj) {\n+                obj.post = {};\n+                this.readChildNodes(node, obj.post);\n+                if (!obj.href) {\n+                    obj.href = obj.get.href\n+                }\n+            },\n+            GetMap: function(node, obj) {\n+                obj.getmap = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getmap)\n+            },\n+            GetFeatureInfo: function(node, obj) {\n+                obj.getfeatureinfo = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getfeatureinfo)\n+            },\n+            Exception: function(node, obj) {\n+                obj.exception = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.exception)\n+            },\n+            Layer: function(node, obj) {\n+                var parentLayer, capability;\n+                if (obj.capability) {\n+                    capability = obj.capability;\n+                    parentLayer = obj\n+                } else {\n+                    capability = obj\n+                }\n+                var attrNode = node.getAttributeNode(\"queryable\");\n+                var queryable = attrNode && attrNode.specified ? node.getAttribute(\"queryable\") : null;\n+                attrNode = node.getAttributeNode(\"cascaded\");\n+                var cascaded = attrNode && attrNode.specified ? node.getAttribute(\"cascaded\") : null;\n+                attrNode = node.getAttributeNode(\"opaque\");\n+                var opaque = attrNode && attrNode.specified ? node.getAttribute(\"opaque\") : null;\n+                var noSubsets = node.getAttribute(\"noSubsets\");\n+                var fixedWidth = node.getAttribute(\"fixedWidth\");\n+                var fixedHeight = node.getAttribute(\"fixedHeight\");\n+                var parent = parentLayer || {},\n+                    extend = OpenLayers.Util.extend;\n+                var layer = {\n+                    nestedLayers: [],\n+                    styles: parentLayer ? [].concat(parentLayer.styles) : [],\n+                    srs: parentLayer ? extend({}, parent.srs) : {},\n+                    metadataURLs: [],\n+                    bbox: parentLayer ? extend({}, parent.bbox) : {},\n+                    llbbox: parent.llbbox,\n+                    dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n+                    authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n+                    identifiers: {},\n+                    keywords: [],\n+                    queryable: queryable && queryable !== \"\" ? queryable === \"1\" || queryable === \"true\" : parent.queryable || false,\n+                    cascaded: cascaded !== null ? parseInt(cascaded) : parent.cascaded || 0,\n+                    opaque: opaque ? opaque === \"1\" || opaque === \"true\" : parent.opaque || false,\n+                    noSubsets: noSubsets !== null ? noSubsets === \"1\" || noSubsets === \"true\" : parent.noSubsets || false,\n+                    fixedWidth: fixedWidth != null ? parseInt(fixedWidth) : parent.fixedWidth || 0,\n+                    fixedHeight: fixedHeight != null ? parseInt(fixedHeight) : parent.fixedHeight || 0,\n+                    minScale: parent.minScale,\n+                    maxScale: parent.maxScale,\n+                    attribution: parent.attribution\n+                };\n+                obj.nestedLayers.push(layer);\n+                layer.capability = capability;\n+                this.readChildNodes(node, layer);\n+                delete layer.capability;\n+                if (layer.name) {\n+                    var parts = layer.name.split(\":\"),\n+                        request = capability.request,\n+                        gfi = request.getfeatureinfo;\n+                    if (parts.length > 0) {\n+                        layer.prefix = parts[0]\n+                    }\n+                    capability.layers.push(layer);\n+                    if (layer.formats === undefined) {\n+                        layer.formats = request.getmap.formats\n+                    }\n+                    if (layer.infoFormats === undefined && gfi) {\n+                        layer.infoFormats = gfi.formats\n+                    }\n+                }\n+            },\n+            Attribution: function(node, obj) {\n+                obj.attribution = {};\n+                this.readChildNodes(node, obj.attribution)\n+            },\n+            LogoURL: function(node, obj) {\n+                obj.logo = {\n+                    width: node.getAttribute(\"width\"),\n+                    height: node.getAttribute(\"height\")\n+                };\n+                this.readChildNodes(node, obj.logo)\n+            },\n+            Style: function(node, obj) {\n+                var style = {};\n+                obj.styles.push(style);\n+                this.readChildNodes(node, style)\n+            },\n+            LegendURL: function(node, obj) {\n+                var legend = {\n+                    width: node.getAttribute(\"width\"),\n+                    height: node.getAttribute(\"height\")\n+                };\n+                obj.legend = legend;\n+                this.readChildNodes(node, legend)\n+            },\n+            MetadataURL: function(node, obj) {\n+                var metadataURL = {\n+                    type: node.getAttribute(\"type\")\n+                };\n+                obj.metadataURLs.push(metadataURL);\n+                this.readChildNodes(node, metadataURL)\n+            },\n+            DataURL: function(node, obj) {\n+                obj.dataURL = {};\n+                this.readChildNodes(node, obj.dataURL)\n+            },\n+            FeatureListURL: function(node, obj) {\n+                obj.featureListURL = {};\n+                this.readChildNodes(node, obj.featureListURL)\n+            },\n+            AuthorityURL: function(node, obj) {\n+                var name = node.getAttribute(\"name\");\n+                var authority = {};\n+                this.readChildNodes(node, authority);\n+                obj.authorityURLs[name] = authority.href\n+            },\n+            Identifier: function(node, obj) {\n+                var authority = node.getAttribute(\"authority\");\n+                obj.identifiers[authority] = this.getChildValue(node)\n+            },\n+            KeywordList: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            SRS: function(node, obj) {\n+                obj.srs[this.getChildValue(node)] = true\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            WMT_MS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Keyword: function(node, obj) {\n+                if (obj.keywords) {\n+                    obj.keywords.push(this.getChildValue(node))\n+                }\n+            },\n+            DescribeLayer: function(node, obj) {\n+                obj.describelayer = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.describelayer)\n+            },\n+            GetLegendGraphic: function(node, obj) {\n+                obj.getlegendgraphic = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getlegendgraphic)\n+            },\n+            GetStyles: function(node, obj) {\n+                obj.getstyles = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getstyles)\n+            },\n+            PutStyles: function(node, obj) {\n+                obj.putstyles = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.putstyles)\n+            },\n+            UserDefinedSymbolization: function(node, obj) {\n+                var userSymbols = {\n+                    supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n+                    userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n+                    userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n+                    remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n+                };\n+                obj.userSymbols = userSymbols\n+            },\n+            LatLonBoundingBox: function(node, obj) {\n+                obj.llbbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))]\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                bbox.srs = node.getAttribute(\"SRS\");\n+                obj.bbox[bbox.srs] = bbox\n+            },\n+            ScaleHint: function(node, obj) {\n+                var min = node.getAttribute(\"min\");\n+                var max = node.getAttribute(\"max\");\n+                var rad2 = Math.pow(2, .5);\n+                var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n+                if (min != 0) {\n+                    obj.maxScale = parseFloat((min / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n+                }\n+                if (max != Number.POSITIVE_INFINITY) {\n+                    obj.minScale = parseFloat((max / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n+                }\n+            },\n+            Dimension: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                var dim = {\n+                    name: name,\n+                    units: node.getAttribute(\"units\"),\n+                    unitsymbol: node.getAttribute(\"unitSymbol\")\n+                };\n+                obj.dimensions[dim.name] = dim\n+            },\n+            Extent: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                if (name in obj[\"dimensions\"]) {\n+                    var extent = obj.dimensions[name];\n+                    extent.nearestVal = node.getAttribute(\"nearestValue\") === \"1\";\n+                    extent.multipleVal = node.getAttribute(\"multipleValues\") === \"1\";\n+                    extent.current = node.getAttribute(\"current\") === \"1\";\n+                    extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n+                    var values = this.getChildValue(node);\n+                    extent.values = values.split(\",\")\n+                }\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n+    version: \"1.1.1\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            SRS: function(node, obj) {\n+                obj.srs[this.getChildValue(node)] = true\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1_1, {\n+    version: \"1.1.1\",\n+    profile: \"WMSC\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            VendorSpecificCapabilities: function(node, obj) {\n+                obj.vendorSpecific = {\n+                    tileSets: []\n+                };\n+                this.readChildNodes(node, obj.vendorSpecific)\n+            },\n+            TileSet: function(node, vendorSpecific) {\n+                var tileset = {\n+                    srs: {},\n+                    bbox: {},\n+                    resolutions: []\n+                };\n+                this.readChildNodes(node, tileset);\n+                vendorSpecific.tileSets.push(tileset)\n+            },\n+            Resolutions: function(node, tileset) {\n+                var res = this.getChildValue(node).split(\" \");\n+                for (var i = 0, len = res.length; i < len; i++) {\n+                    if (res[i] != \"\") {\n+                        tileset.resolutions.push(parseFloat(res[i]))\n+                    }\n+                }\n+            },\n+            Width: function(node, tileset) {\n+                tileset.width = parseInt(this.getChildValue(node))\n+            },\n+            Height: function(node, tileset) {\n+                tileset.height = parseInt(this.getChildValue(node))\n+            },\n+            Layers: function(node, tileset) {\n+                tileset.layers = this.getChildValue(node)\n+            },\n+            Styles: function(node, tileset) {\n+                tileset.styles = this.getChildValue(node)\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            WMS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            LayerLimit: function(node, obj) {\n+                obj.layerLimit = parseInt(this.getChildValue(node))\n+            },\n+            MaxWidth: function(node, obj) {\n+                obj.maxWidth = parseInt(this.getChildValue(node))\n+            },\n+            MaxHeight: function(node, obj) {\n+                obj.maxHeight = parseInt(this.getChildValue(node))\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                bbox.srs = node.getAttribute(\"CRS\");\n+                obj.bbox[bbox.srs] = bbox\n+            },\n+            CRS: function(node, obj) {\n+                this.readers.wms.SRS.apply(this, [node, obj])\n+            },\n+            EX_GeographicBoundingBox: function(node, obj) {\n+                obj.llbbox = [];\n+                this.readChildNodes(node, obj.llbbox)\n+            },\n+            westBoundLongitude: function(node, obj) {\n+                obj[0] = this.getChildValue(node)\n+            },\n+            eastBoundLongitude: function(node, obj) {\n+                obj[2] = this.getChildValue(node)\n+            },\n+            southBoundLatitude: function(node, obj) {\n+                obj[1] = this.getChildValue(node)\n+            },\n+            northBoundLatitude: function(node, obj) {\n+                obj[3] = this.getChildValue(node)\n+            },\n+            MinScaleDenominator: function(node, obj) {\n+                obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n+            },\n+            MaxScaleDenominator: function(node, obj) {\n+                obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n+            },\n+            Dimension: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                var dim = {\n+                    name: name,\n+                    units: node.getAttribute(\"units\"),\n+                    unitsymbol: node.getAttribute(\"unitSymbol\"),\n+                    nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n+                    multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n+                    default: node.getAttribute(\"default\") || \"\",\n+                    current: node.getAttribute(\"current\") === \"1\",\n+                    values: this.getChildValue(node).split(\",\")\n+                };\n+                obj.dimensions[dim.name] = dim\n+            },\n+            Keyword: function(node, obj) {\n+                var keyword = {\n+                    value: this.getChildValue(node),\n+                    vocabulary: node.getAttribute(\"vocabulary\")\n+                };\n+                if (obj.keywords) {\n+                    obj.keywords.push(keyword)\n+                }\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n+        sld: {\n+            UserDefinedSymbolization: function(node, obj) {\n+                this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n+                obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n+                obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1\n+            },\n+            DescribeLayer: function(node, obj) {\n+                this.readers.wms.DescribeLayer.apply(this, [node, obj])\n+            },\n+            GetLegendGraphic: function(node, obj) {\n+                this.readers.wms.GetLegendGraphic.apply(this, [node, obj])\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n+    version: \"1.1.0\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            SRS: function(node, obj) {\n+                var srs = this.getChildValue(node);\n+                var values = srs.split(/ +/);\n+                for (var i = 0, len = values.length; i < len; i++) {\n+                    obj.srs[values[i]] = true\n+                }\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_3, {\n+    version: \"1.3.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n+});\n+OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n+        dc: \"http://purl.org/dc/elements/1.1/\",\n+        dct: \"http://purl.org/dc/terms/\",\n+        gmd: \"http://www.isotc211.org/2005/gmd\",\n+        geonet: \"http://www.fao.org/geonetwork\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        ows: \"http://www.opengis.net/ows\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n+    defaultPrefix: \"csw\",\n+    version: \"2.0.2\",\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+    requestId: null,\n+    resultType: null,\n+    outputFormat: null,\n+    outputSchema: null,\n+    startPosition: null,\n+    maxRecords: null,\n+    DistributedSearch: null,\n+    ResponseHandler: null,\n+    Query: null,\n     regExes: {\n         trimSpace: /^\\s*|\\s*$/g,\n         removeSpace: /\\s*/g,\n         splitSpace: /\\s+/,\n         trimComma: /\\s*,\\s*/g\n     },\n     initialize: function(options) {\n@@ -33988,55 +30486,252 @@\n     read: function(data) {\n         if (typeof data == \"string\") {\n             data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n         if (data && data.nodeType == 9) {\n             data = data.documentElement\n         }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj\n     },\n     readers: {\n-        wps: {\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n+        csw: {\n+            GetRecordsResponse: function(node, obj) {\n+                obj.records = [];\n+                this.readChildNodes(node, obj);\n+                var version = this.getAttributeNS(node, \"\", \"version\");\n+                if (version != \"\") {\n+                    obj.version = version\n+                }\n             },\n-            ProcessOfferings: function(node, obj) {\n-                obj.processOfferings = {};\n-                this.readChildNodes(node, obj.processOfferings)\n+            RequestId: function(node, obj) {\n+                obj.RequestId = this.getChildValue(node)\n             },\n-            Process: function(node, processOfferings) {\n-                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                var process = {\n-                    processVersion: processVersion\n+            SearchStatus: function(node, obj) {\n+                obj.SearchStatus = {};\n+                var timestamp = this.getAttributeNS(node, \"\", \"timestamp\");\n+                if (timestamp != \"\") {\n+                    obj.SearchStatus.timestamp = timestamp\n+                }\n+            },\n+            SearchResults: function(node, obj) {\n+                this.readChildNodes(node, obj);\n+                var attrs = node.attributes;\n+                var SearchResults = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    if (attrs[i].name == \"numberOfRecordsMatched\" || attrs[i].name == \"numberOfRecordsReturned\" || attrs[i].name == \"nextRecord\") {\n+                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue)\n+                    } else {\n+                        SearchResults[attrs[i].name] = attrs[i].nodeValue\n+                    }\n+                }\n+                obj.SearchResults = SearchResults\n+            },\n+            SummaryRecord: function(node, obj) {\n+                var record = {\n+                    type: \"SummaryRecord\"\n                 };\n-                this.readChildNodes(node, process);\n-                processOfferings[process.identifier] = process\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Languages: function(node, obj) {\n-                obj.languages = [];\n-                this.readChildNodes(node, obj.languages)\n+            BriefRecord: function(node, obj) {\n+                var record = {\n+                    type: \"BriefRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Default: function(node, languages) {\n-                var language = {\n-                    isDefault: true\n+            DCMIRecord: function(node, obj) {\n+                var record = {\n+                    type: \"DCMIRecord\"\n                 };\n-                this.readChildNodes(node, language);\n-                languages.push(language)\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Supported: function(node, languages) {\n-                var language = {};\n-                this.readChildNodes(node, language);\n-                languages.push(language)\n+            Record: function(node, obj) {\n+                var record = {\n+                    type: \"Record\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n+            },\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                obj[name] = this.getChildValue(node)\n             }\n         },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        geonet: {\n+            info: function(node, obj) {\n+                var gninfo = {};\n+                this.readChildNodes(node, gninfo);\n+                obj.gninfo = gninfo\n+            }\n+        },\n+        dc: {\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!OpenLayers.Util.isArray(obj[name])) {\n+                    obj[name] = []\n+                }\n+                var dc_element = {};\n+                var attrs = node.attributes;\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    dc_element[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                dc_element.value = this.getChildValue(node);\n+                if (dc_element.value != \"\") {\n+                    obj[name].push(dc_element)\n+                }\n+            }\n+        },\n+        dct: {\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!OpenLayers.Util.isArray(obj[name])) {\n+                    obj[name] = []\n+                }\n+                obj[name].push(this.getChildValue(node))\n+            }\n+        },\n+        ows: OpenLayers.Util.applyDefaults({\n+            BoundingBox: function(node, obj) {\n+                if (obj.bounds) {\n+                    obj.BoundingBox = [{\n+                        crs: obj.projection,\n+                        value: [obj.bounds.left, obj.bounds.bottom, obj.bounds.right, obj.bounds.top]\n+                    }];\n+                    delete obj.projection;\n+                    delete obj.bounds\n+                }\n+                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(this, arguments)\n+            }\n+        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetRecords\", options);\n+        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    writers: {\n+        csw: {\n+            GetRecords: function(options) {\n+                if (!options) {\n+                    options = {}\n+                }\n+                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version,\n+                        requestId: options.requestId || this.requestId,\n+                        resultType: options.resultType || this.resultType,\n+                        outputFormat: options.outputFormat || this.outputFormat,\n+                        outputSchema: options.outputSchema || this.outputSchema,\n+                        startPosition: options.startPosition || this.startPosition,\n+                        maxRecords: options.maxRecords || this.maxRecords\n+                    }\n+                });\n+                if (options.DistributedSearch || this.DistributedSearch) {\n+                    this.writeNode(\"csw:DistributedSearch\", options.DistributedSearch || this.DistributedSearch, node)\n+                }\n+                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n+                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n+                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n+                        this.writeNode(\"csw:ResponseHandler\", ResponseHandler[i], node)\n+                    }\n+                }\n+                this.writeNode(\"Query\", options.Query || this.Query, node);\n+                return node\n+            },\n+            DistributedSearch: function(options) {\n+                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n+                    attributes: {\n+                        hopCount: options.hopCount\n+                    }\n+                });\n+                return node\n+            },\n+            ResponseHandler: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            Query: function(options) {\n+                if (!options) {\n+                    options = {}\n+                }\n+                var node = this.createElementNSPlus(\"csw:Query\", {\n+                    attributes: {\n+                        typeNames: options.typeNames || \"csw:Record\"\n+                    }\n+                });\n+                var ElementName = options.ElementName;\n+                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n+                    for (var i = 0, len = ElementName.length; i < len; i++) {\n+                        this.writeNode(\"csw:ElementName\", ElementName[i], node)\n+                    }\n+                } else {\n+                    this.writeNode(\"csw:ElementSetName\", options.ElementSetName || {\n+                        value: \"summary\"\n+                    }, node)\n+                }\n+                if (options.Constraint) {\n+                    this.writeNode(\"csw:Constraint\", options.Constraint, node)\n+                }\n+                if (options.SortBy) {\n+                    this.writeNode(\"ogc:SortBy\", options.SortBy, node)\n+                }\n+                return node\n+            },\n+            ElementName: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementName\", {\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            ElementSetName: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n+                    attributes: {\n+                        typeNames: options.typeNames\n+                    },\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            Constraint: function(options) {\n+                var node = this.createElementNSPlus(\"csw:Constraint\", {\n+                    attributes: {\n+                        version: options.version\n+                    }\n+                });\n+                if (options.Filter) {\n+                    var format = new OpenLayers.Format.Filter({\n+                        version: options.version\n+                    });\n+                    node.appendChild(format.write(options.Filter))\n+                } else if (options.CqlText) {\n+                    var child = this.createElementNSPlus(\"CqlText\", {\n+                        value: options.CqlText.value\n+                    });\n+                    node.appendChild(child)\n+                }\n+                return node\n+            }\n+        },\n+        ogc: OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n+});\n+OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n+    read: function(data) {\n+        var axl = new OpenLayers.Format.ArcXML;\n+        var parsed = axl.read(data);\n+        return parsed.features.feature\n+    }\n });\n OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.OWSCommon.v1_1_0, {\n     version: \"1.0.0\",\n     namespaces: {\n         ows: \"http://www.opengis.net/ows/1.1\",\n         wmts: \"http://www.opengis.net/wmts/1.0\",\n         xlink: \"http://www.w3.org/1999/xlink\"\n@@ -34184,884 +30879,1387 @@\n                 obj.values.push(this.getChildValue(node))\n             }\n         },\n         ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n     CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSDescribeLayer, {\n-    initialize: function(options) {\n-        OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this, [options])\n+OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n+    distance: 20,\n+    threshold: null,\n+    features: null,\n+    clusters: null,\n+    clustering: false,\n+    resolution: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                beforefeaturesadded: this.cacheFeatures,\n+                featuresremoved: this.clearCache,\n+                moveend: this.cluster,\n+                scope: this\n+            })\n+        }\n+        return activated\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                beforefeaturesadded: this.cacheFeatures,\n+                featuresremoved: this.clearCache,\n+                moveend: this.cluster,\n+                scope: this\n+            })\n         }\n-        var root = data.documentElement;\n-        var children = root.childNodes;\n-        var describelayer = {\n-            layerDescriptions: []\n-        };\n-        var childNode, nodeName;\n-        for (var i = 0; i < children.length; ++i) {\n-            childNode = children[i];\n-            nodeName = childNode.nodeName;\n-            if (nodeName == \"LayerDescription\") {\n-                var layerName = childNode.getAttribute(\"name\");\n-                var owsType = \"\";\n-                var owsURL = \"\";\n-                var typeName = \"\";\n-                if (childNode.getAttribute(\"owsType\")) {\n-                    owsType = childNode.getAttribute(\"owsType\");\n-                    owsURL = childNode.getAttribute(\"owsURL\")\n-                } else {\n-                    if (childNode.getAttribute(\"wfs\") != \"\") {\n-                        owsType = \"WFS\";\n-                        owsURL = childNode.getAttribute(\"wfs\")\n-                    } else if (childNode.getAttribute(\"wcs\") != \"\") {\n-                        owsType = \"WCS\";\n-                        owsURL = childNode.getAttribute(\"wcs\")\n+        return deactivated\n+    },\n+    cacheFeatures: function(event) {\n+        var propagate = true;\n+        if (!this.clustering) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.cluster();\n+            propagate = false\n+        }\n+        return propagate\n+    },\n+    clearCache: function() {\n+        if (!this.clustering) {\n+            this.features = null\n+        }\n+    },\n+    cluster: function(event) {\n+        if ((!event || event.zoomChanged) && this.features) {\n+            var resolution = this.layer.map.getResolution();\n+            if (resolution != this.resolution || !this.clustersExist()) {\n+                this.resolution = resolution;\n+                var clusters = [];\n+                var feature, clustered, cluster;\n+                for (var i = 0; i < this.features.length; ++i) {\n+                    feature = this.features[i];\n+                    if (feature.geometry) {\n+                        clustered = false;\n+                        for (var j = clusters.length - 1; j >= 0; --j) {\n+                            cluster = clusters[j];\n+                            if (this.shouldCluster(cluster, feature)) {\n+                                this.addToCluster(cluster, feature);\n+                                clustered = true;\n+                                break\n+                            }\n+                        }\n+                        if (!clustered) {\n+                            clusters.push(this.createCluster(this.features[i]))\n+                        }\n                     }\n                 }\n-                var query = childNode.getElementsByTagName(\"Query\");\n-                if (query.length > 0) {\n-                    typeName = query[0].getAttribute(\"typeName\");\n-                    if (!typeName) {\n-                        typeName = query[0].getAttribute(\"typename\")\n+                this.clustering = true;\n+                this.layer.removeAllFeatures();\n+                this.clustering = false;\n+                if (clusters.length > 0) {\n+                    if (this.threshold > 1) {\n+                        var clone = clusters.slice();\n+                        clusters = [];\n+                        var candidate;\n+                        for (var i = 0, len = clone.length; i < len; ++i) {\n+                            candidate = clone[i];\n+                            if (candidate.attributes.count < this.threshold) {\n+                                Array.prototype.push.apply(clusters, candidate.cluster)\n+                            } else {\n+                                clusters.push(candidate)\n+                            }\n+                        }\n                     }\n+                    this.clustering = true;\n+                    this.layer.addFeatures(clusters);\n+                    this.clustering = false\n                 }\n-                var layerDescription = {\n-                    layerName: layerName,\n-                    owsType: owsType,\n-                    owsURL: owsURL,\n-                    typeName: typeName\n-                };\n-                describelayer.layerDescriptions.push(layerDescription);\n-                describelayer.length = describelayer.layerDescriptions.length;\n-                describelayer[describelayer.length - 1] = layerDescription\n-            } else if (nodeName == \"ServiceException\") {\n-                var parser = new OpenLayers.Format.OGCExceptionReport;\n-                return {\n-                    error: parser.read(data)\n+                this.clusters = clusters\n+            }\n+        }\n+    },\n+    clustersExist: function() {\n+        var exist = false;\n+        if (this.clusters && this.clusters.length > 0 && this.clusters.length == this.layer.features.length) {\n+            exist = true;\n+            for (var i = 0; i < this.clusters.length; ++i) {\n+                if (this.clusters[i] != this.layer.features[i]) {\n+                    exist = false;\n+                    break\n                 }\n             }\n         }\n-        return describelayer\n+        return exist\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n-});\n-OpenLayers.Format.WMSDescribeLayer.v1_1_0 = OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n-OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        splitSpace: /\\s+/\n+    shouldCluster: function(cluster, feature) {\n+        var cc = cluster.geometry.getBounds().getCenterLonLat();\n+        var fc = feature.geometry.getBounds().getCenterLonLat();\n+        var distance = Math.sqrt(Math.pow(cc.lon - fc.lon, 2) + Math.pow(cc.lat - fc.lat, 2)) / this.resolution;\n+        return distance <= this.distance\n     },\n-    defaultPrefix: \"wcs\",\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    addToCluster: function(cluster, feature) {\n+        cluster.cluster.push(feature);\n+        cluster.attributes.count += 1\n+    },\n+    createCluster: function(feature) {\n+        var center = feature.geometry.getBounds().getCenterLonLat();\n+        var cluster = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(center.lon, center.lat), {\n+            count: 1\n+        });\n+        cluster.cluster = [feature];\n+        return cluster\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+});\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+    preload: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                refresh: this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load()\n+            } else {\n+                this.layer.events.on({\n+                    visibilitychanged: this.load,\n+                    scope: this\n+                })\n+            }\n         }\n-        var raw = data;\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                refresh: this.load,\n+                visibilitychanged: this.load,\n+                scope: this\n+            })\n         }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n+        return deactivated\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n-});\n-OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n-    namespaces: {\n-        wcs: \"http://www.opengis.net/wcs\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        ows: \"http://www.opengis.net/ows\"\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            visibilitychanged: this.load,\n+            scope: this\n+        })\n     },\n-    errorProperty: \"service\",\n-    readers: {\n-        wcs: {\n-            WCS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Service: function(node, obj) {\n-                obj.service = {};\n-                this.readChildNodes(node, obj.service)\n-            },\n-            name: function(node, service) {\n-                service.name = this.getChildValue(node)\n-            },\n-            label: function(node, service) {\n-                service.label = this.getChildValue(node)\n-            },\n-            keywords: function(node, service) {\n-                service.keywords = [];\n-                this.readChildNodes(node, service.keywords)\n-            },\n-            keyword: function(node, keywords) {\n-                keywords.push(this.getChildValue(node))\n-            },\n-            responsibleParty: function(node, service) {\n-                service.responsibleParty = {};\n-                this.readChildNodes(node, service.responsibleParty)\n-            },\n-            individualName: function(node, responsibleParty) {\n-                responsibleParty.individualName = this.getChildValue(node)\n-            },\n-            organisationName: function(node, responsibleParty) {\n-                responsibleParty.organisationName = this.getChildValue(node)\n-            },\n-            positionName: function(node, responsibleParty) {\n-                responsibleParty.positionName = this.getChildValue(node)\n-            },\n-            contactInfo: function(node, responsibleParty) {\n-                responsibleParty.contactInfo = {};\n-                this.readChildNodes(node, responsibleParty.contactInfo)\n-            },\n-            phone: function(node, contactInfo) {\n-                contactInfo.phone = {};\n-                this.readChildNodes(node, contactInfo.phone)\n-            },\n-            voice: function(node, phone) {\n-                phone.voice = this.getChildValue(node)\n-            },\n-            facsimile: function(node, phone) {\n-                phone.facsimile = this.getChildValue(node)\n-            },\n-            address: function(node, contactInfo) {\n-                contactInfo.address = {};\n-                this.readChildNodes(node, contactInfo.address)\n-            },\n-            deliveryPoint: function(node, address) {\n-                address.deliveryPoint = this.getChildValue(node)\n-            },\n-            city: function(node, address) {\n-                address.city = this.getChildValue(node)\n-            },\n-            postalCode: function(node, address) {\n-                address.postalCode = this.getChildValue(node)\n-            },\n-            country: function(node, address) {\n-                address.country = this.getChildValue(node)\n-            },\n-            electronicMailAddress: function(node, address) {\n-                address.electronicMailAddress = this.getChildValue(node)\n-            },\n-            fees: function(node, service) {\n-                service.fees = this.getChildValue(node)\n-            },\n-            accessConstraints: function(node, service) {\n-                service.accessConstraints = this.getChildValue(node)\n-            },\n-            ContentMetadata: function(node, obj) {\n-                obj.contentMetadata = [];\n-                this.readChildNodes(node, obj.contentMetadata)\n-            },\n-            CoverageOfferingBrief: function(node, contentMetadata) {\n-                var coverageOfferingBrief = {};\n-                this.readChildNodes(node, coverageOfferingBrief);\n-                contentMetadata.push(coverageOfferingBrief)\n-            },\n-            name: function(node, coverageOfferingBrief) {\n-                coverageOfferingBrief.name = this.getChildValue(node)\n-            },\n-            label: function(node, coverageOfferingBrief) {\n-                coverageOfferingBrief.label = this.getChildValue(node)\n-            },\n-            lonLatEnvelope: function(node, coverageOfferingBrief) {\n-                var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n-                if (nodeList.length == 2) {\n-                    var min = {};\n-                    var max = {};\n-                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n-                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n-                    coverageOfferingBrief.lonLatEnvelope = {};\n-                    coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n-                    coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n-                    coverageOfferingBrief.lonLatEnvelope.max = max.points[0]\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local)\n+                    }\n                 }\n             }\n+            layer.addFeatures(features)\n         }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n });\n-OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n-    namespaces: {\n-        wcs: \"http://www.opengis.net/wcs/1.1\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        ows: \"http://www.opengis.net/ows/1.1\"\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+    bounds: null,\n+    resolution: null,\n+    ratio: 2,\n+    resFactor: null,\n+    response: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            });\n+            this.update()\n+        }\n+        return activated\n     },\n-    errorProperty: \"operationsMetadata\",\n-    readers: {\n-        wcs: OpenLayers.Util.applyDefaults({\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Contents: function(node, request) {\n-                request.contentMetadata = [];\n-                this.readChildNodes(node, request.contentMetadata)\n-            },\n-            CoverageSummary: function(node, contentMetadata) {\n-                var coverageSummary = {};\n-                this.readChildNodes(node, coverageSummary);\n-                contentMetadata.push(coverageSummary)\n-            },\n-            Identifier: function(node, coverageSummary) {\n-                coverageSummary.identifier = this.getChildValue(node)\n-            },\n-            Title: function(node, coverageSummary) {\n-                coverageSummary.title = this.getChildValue(node)\n-            },\n-            Abstract: function(node, coverageSummary) {\n-                coverageSummary[\"abstract\"] = this.getChildValue(node)\n-            },\n-            SupportedCRS: function(node, coverageSummary) {\n-                var crs = this.getChildValue(node);\n-                if (crs) {\n-                    if (!coverageSummary.supportedCRS) {\n-                        coverageSummary.supportedCRS = []\n-                    }\n-                    coverageSummary.supportedCRS.push(crs)\n-                }\n-            },\n-            SupportedFormat: function(node, coverageSummary) {\n-                var format = this.getChildValue(node);\n-                if (format) {\n-                    if (!coverageSummary.supportedFormat) {\n-                        coverageSummary.supportedFormat = []\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n+    },\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options)\n+        }\n+    },\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null\n+        }\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n+        }\n+        return bounds\n+    },\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n+        }\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n+        }\n+        return invalid\n+    },\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n+        }\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n+    },\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\")\n+        }\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            filter: evt.filter,\n+            callback: this.merge,\n+            scope: this\n+        }, options))\n+    },\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n+        });\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            })\n+        }\n+        return filter\n+    },\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local)\n+                        }\n                     }\n-                    coverageSummary.supportedFormat.push(format)\n                 }\n+                this.layer.addFeatures(features)\n             }\n-        }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        } else {\n+            this.bounds = null\n+        }\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n });\n-OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.SOSCapabilities, {\n-    namespaces: {\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        sos: \"http://www.opengis.net/sos/1.0\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xlink: \"http://www.w3.org/1999/xlink\"\n+OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+    features: null,\n+    length: 10,\n+    num: null,\n+    paging: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                beforefeaturesadded: this.cacheFeatures,\n+                scope: this\n+            })\n+        }\n+        return activated\n     },\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                beforefeaturesadded: this.cacheFeatures,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n     },\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-        this.options = options\n+    cacheFeatures: function(event) {\n+        if (!this.paging) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.pageNext(event)\n+        }\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    clearCache: function() {\n+        if (this.features) {\n+            for (var i = 0; i < this.features.length; ++i) {\n+                this.features[i].destroy()\n+            }\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        this.features = null;\n+        this.num = null\n+    },\n+    pageCount: function() {\n+        var numFeatures = this.features ? this.features.length : 0;\n+        return Math.ceil(numFeatures / this.length)\n+    },\n+    pageNum: function() {\n+        return this.num\n+    },\n+    pageLength: function(newLength) {\n+        if (newLength && newLength > 0) {\n+            this.length = newLength\n         }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n+        return this.length\n     },\n-    readers: {\n-        gml: OpenLayers.Util.applyDefaults({\n-            name: function(node, obj) {\n-                obj.name = this.getChildValue(node)\n-            },\n-            TimePeriod: function(node, obj) {\n-                obj.timePeriod = {};\n-                this.readChildNodes(node, obj.timePeriod)\n-            },\n-            beginPosition: function(node, timePeriod) {\n-                timePeriod.beginPosition = this.getChildValue(node)\n-            },\n-            endPosition: function(node, timePeriod) {\n-                timePeriod.endPosition = this.getChildValue(node)\n+    pageNext: function(event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = -1\n             }\n-        }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n-        sos: {\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Contents: function(node, obj) {\n-                obj.contents = {};\n-                this.readChildNodes(node, obj.contents)\n-            },\n-            ObservationOfferingList: function(node, contents) {\n-                contents.offeringList = {};\n-                this.readChildNodes(node, contents.offeringList)\n-            },\n-            ObservationOffering: function(node, offeringList) {\n-                var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                offeringList[id] = {\n-                    procedures: [],\n-                    observedProperties: [],\n-                    featureOfInterestIds: [],\n-                    responseFormats: [],\n-                    resultModels: [],\n-                    responseModes: []\n-                };\n-                this.readChildNodes(node, offeringList[id])\n-            },\n-            time: function(node, offering) {\n-                offering.time = {};\n-                this.readChildNodes(node, offering.time)\n-            },\n-            procedure: function(node, offering) {\n-                offering.procedures.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            observedProperty: function(node, offering) {\n-                offering.observedProperties.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            featureOfInterest: function(node, offering) {\n-                offering.featureOfInterestIds.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            responseFormat: function(node, offering) {\n-                offering.responseFormats.push(this.getChildValue(node))\n-            },\n-            resultModel: function(node, offering) {\n-                offering.resultModels.push(this.getChildValue(node))\n-            },\n-            responseMode: function(node, offering) {\n-                offering.responseModes.push(this.getChildValue(node))\n+            var start = (this.num + 1) * this.length;\n+            changed = this.page(start, event)\n+        }\n+        return changed\n+    },\n+    pagePrevious: function() {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = this.pageCount()\n             }\n-        },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+            var start = (this.num - 1) * this.length;\n+            changed = this.page(start)\n+        }\n+        return changed\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n-});\n-OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(OpenLayers.Format.SLD.v1_0_0, {\n-    version: \"1.0.0\",\n-    profile: \"GeoServer\",\n-    readers: OpenLayers.Util.applyDefaults({\n-        sld: OpenLayers.Util.applyDefaults({\n-            Priority: function(node, obj) {\n-                var value = this.readers.ogc._expression.call(this, node);\n-                if (value) {\n-                    obj.priority = value\n+    page: function(start, event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (start >= 0 && start < this.features.length) {\n+                var num = Math.floor(start / this.length);\n+                if (num != this.num) {\n+                    this.paging = true;\n+                    var features = this.features.slice(start, start + this.length);\n+                    this.layer.removeFeatures(this.layer.features);\n+                    this.num = num;\n+                    if (event && event.features) {\n+                        event.features = features\n+                    } else {\n+                        this.layer.addFeatures(features)\n+                    }\n+                    this.paging = false;\n+                    changed = true\n                 }\n-            },\n-            VendorOption: function(node, obj) {\n-                if (!obj.vendorOptions) {\n-                    obj.vendorOptions = {}\n+            }\n+        }\n+        return changed\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n+});\n+OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n+    events: null,\n+    auto: false,\n+    timer: null,\n+    initialize: function(options) {\n+        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n+        this.events = new OpenLayers.Events(this)\n+    },\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    this.timer = window.setInterval(OpenLayers.Function.bind(this.save, this), this.auto * 1e3)\n+                } else {\n+                    this.layer.events.on({\n+                        featureadded: this.triggerSave,\n+                        afterfeaturemodified: this.triggerSave,\n+                        scope: this\n+                    })\n                 }\n-                obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node)\n-            },\n-            TextSymbolizer: function(node, rule) {\n-                OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n-                var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n-                if (symbolizer.graphic === undefined) {\n-                    symbolizer.graphic = false\n+            }\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    window.clearInterval(this.timer)\n+                } else {\n+                    this.layer.events.un({\n+                        featureadded: this.triggerSave,\n+                        afterfeaturemodified: this.triggerSave,\n+                        scope: this\n+                    })\n                 }\n             }\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n-    }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n-    writers: OpenLayers.Util.applyDefaults({\n-        sld: OpenLayers.Util.applyDefaults({\n-            Priority: function(priority) {\n-                return this.writers.sld._OGCExpression.call(this, \"sld:Priority\", priority)\n-            },\n-            VendorOption: function(option) {\n-                return this.createElementNSPlus(\"sld:VendorOption\", {\n-                    attributes: {\n-                        name: option.name\n-                    },\n-                    value: option.value\n-                })\n-            },\n-            TextSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n-                if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n-                    this.writeNode(\"Graphic\", symbolizer, node)\n+        }\n+        return deactivated\n+    },\n+    triggerSave: function(event) {\n+        var feature = event.feature;\n+        if (feature.state === OpenLayers.State.INSERT || feature.state === OpenLayers.State.UPDATE || feature.state === OpenLayers.State.DELETE) {\n+            this.save([event.feature])\n+        }\n+    },\n+    save: function(features) {\n+        if (!features) {\n+            features = this.layer.features\n+        }\n+        this.events.triggerEvent(\"start\", {\n+            features: features\n+        });\n+        var remote = this.layer.projection;\n+        var local = this.layer.map.getProjectionObject();\n+        if (!local.equals(remote)) {\n+            var len = features.length;\n+            var clones = new Array(len);\n+            var orig, clone;\n+            for (var i = 0; i < len; ++i) {\n+                orig = features[i];\n+                clone = orig.clone();\n+                clone.fid = orig.fid;\n+                clone.state = orig.state;\n+                if (orig.url) {\n+                    clone.url = orig.url\n                 }\n-                if (\"priority\" in symbolizer) {\n-                    this.writeNode(\"Priority\", symbolizer.priority, node)\n+                clone._original = orig;\n+                clone.geometry.transform(local, remote);\n+                clones[i] = clone\n+            }\n+            features = clones\n+        }\n+        this.layer.protocol.commit(features, {\n+            callback: this.onCommit,\n+            scope: this\n+        })\n+    },\n+    onCommit: function(response) {\n+        var evt = {\n+            response: response\n+        };\n+        if (response.success()) {\n+            var features = response.reqFeatures;\n+            var state, feature;\n+            var destroys = [];\n+            var insertIds = response.insertIds || [];\n+            var j = 0;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                feature = feature._original || feature;\n+                state = feature.state;\n+                if (state) {\n+                    if (state == OpenLayers.State.DELETE) {\n+                        destroys.push(feature)\n+                    } else if (state == OpenLayers.State.INSERT) {\n+                        feature.fid = insertIds[j];\n+                        ++j\n+                    }\n+                    feature.state = null\n                 }\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            PointSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            LineSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            PolygonSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n             }\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n-    }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n-    addVendorOptions: function(node, symbolizer) {\n-        var options = symbolizer.vendorOptions;\n-        if (options) {\n-            for (var key in symbolizer.vendorOptions) {\n-                this.writeNode(\"VendorOption\", {\n-                    name: key,\n-                    value: symbolizer.vendorOptions[key]\n-                }, node)\n+            if (destroys.length > 0) {\n+                this.layer.destroyFeatures(destroys)\n             }\n+            this.events.triggerEvent(\"success\", evt)\n+        } else {\n+            this.events.triggerEvent(\"fail\", evt)\n         }\n-        return node\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n });\n-OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n-    },\n-    defaultPrefix: \"csw\",\n-    version: \"2.0.2\",\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-    PropertyName: null,\n-    ParameterName: null,\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n+    filter: null,\n+    cache: null,\n+    caching: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.cache = [];\n+            this.layer.events.on({\n+                beforefeaturesadded: this.handleAdd,\n+                beforefeaturesremoved: this.handleRemove,\n+                scope: this\n+            })\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        return activated\n+    },\n+    deactivate: function() {\n+        this.cache = null;\n+        if (this.layer && this.layer.events) {\n+            this.layer.events.un({\n+                beforefeaturesadded: this.handleAdd,\n+                beforefeaturesremoved: this.handleRemove,\n+                scope: this\n+            })\n         }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj\n+        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments)\n     },\n-    readers: {\n-        csw: {\n-            GetDomainResponse: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            DomainValues: function(node, obj) {\n-                if (!OpenLayers.Util.isArray(obj.DomainValues)) {\n-                    obj.DomainValues = []\n-                }\n-                var attrs = node.attributes;\n-                var domainValue = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    domainValue[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                this.readChildNodes(node, domainValue);\n-                obj.DomainValues.push(domainValue)\n-            },\n-            PropertyName: function(node, obj) {\n-                obj.PropertyName = this.getChildValue(node)\n-            },\n-            ParameterName: function(node, obj) {\n-                obj.ParameterName = this.getChildValue(node)\n-            },\n-            ListOfValues: function(node, obj) {\n-                if (!OpenLayers.Util.isArray(obj.ListOfValues)) {\n-                    obj.ListOfValues = []\n-                }\n-                this.readChildNodes(node, obj.ListOfValues)\n-            },\n-            Value: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.push({\n-                    Value: value\n-                })\n-            },\n-            ConceptualScheme: function(node, obj) {\n-                obj.ConceptualScheme = {};\n-                this.readChildNodes(node, obj.ConceptualScheme)\n-            },\n-            Name: function(node, obj) {\n-                obj.Name = this.getChildValue(node)\n-            },\n-            Document: function(node, obj) {\n-                obj.Document = this.getChildValue(node)\n-            },\n-            Authority: function(node, obj) {\n-                obj.Authority = this.getChildValue(node)\n-            },\n-            RangeOfValues: function(node, obj) {\n-                obj.RangeOfValues = {};\n-                this.readChildNodes(node, obj.RangeOfValues)\n-            },\n-            MinValue: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.MinValue = value\n-            },\n-            MaxValue: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n+    handleAdd: function(event) {\n+        if (!this.caching && this.filter) {\n+            var features = event.features;\n+            event.features = [];\n+            var feature;\n+            for (var i = 0, ii = features.length; i < ii; ++i) {\n+                feature = features[i];\n+                if (this.filter.evaluate(feature)) {\n+                    event.features.push(feature)\n+                } else {\n+                    this.cache.push(feature)\n                 }\n-                value.value = this.getChildValue(node);\n-                obj.MaxValue = value\n             }\n         }\n     },\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetDomain\", options);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    handleRemove: function(event) {\n+        if (!this.caching) {\n+            this.cache = []\n+        }\n     },\n-    writers: {\n-        csw: {\n-            GetDomain: function(options) {\n-                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version\n-                    }\n-                });\n-                if (options.PropertyName || this.PropertyName) {\n-                    this.writeNode(\"csw:PropertyName\", options.PropertyName || this.PropertyName, node)\n-                } else if (options.ParameterName || this.ParameterName) {\n-                    this.writeNode(\"csw:ParameterName\", options.ParameterName || this.ParameterName, node)\n-                }\n-                this.readChildNodes(node, options);\n-                return node\n-            },\n-            PropertyName: function(value) {\n-                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n-                    value: value\n-                });\n-                return node\n-            },\n-            ParameterName: function(value) {\n-                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n-                    value: value\n-                });\n-                return node\n+    setFilter: function(filter) {\n+        this.filter = filter;\n+        var previousCache = this.cache;\n+        this.cache = [];\n+        this.handleAdd({\n+            features: this.layer.features\n+        });\n+        if (this.cache.length > 0) {\n+            this.caching = true;\n+            this.layer.removeFeatures(this.cache.slice());\n+            this.caching = false\n+        }\n+        if (previousCache.length > 0) {\n+            var event = {\n+                features: previousCache\n+            };\n+            this.handleAdd(event);\n+            if (event.features.length > 0) {\n+                this.caching = true;\n+                this.layer.addFeatures(event.features);\n+                this.caching = false\n             }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n });\n-OpenLayers.Events.featureclick = OpenLayers.Class({\n-    cache: null,\n-    map: null,\n-    provides: [\"featureclick\", \"nofeatureclick\", \"featureover\", \"featureout\"],\n-    initialize: function(target) {\n-        this.target = target;\n-        if (target.object instanceof OpenLayers.Map) {\n-            this.setMap(target.object)\n-        } else if (target.object instanceof OpenLayers.Layer.Vector) {\n-            if (target.object.map) {\n-                this.setMap(target.object.map)\n-            } else {\n-                target.object.events.register(\"added\", this, function(evt) {\n-                    this.setMap(target.object.map)\n-                })\n+OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n+    force: false,\n+    interval: 0,\n+    timer: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.layer.visibility === true) {\n+                this.start()\n             }\n+            this.layer.events.on({\n+                visibilitychanged: this.reset,\n+                scope: this\n+            })\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.stop();\n+            this.layer.events.un({\n+                visibilitychanged: this.reset,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n+    },\n+    reset: function() {\n+        if (this.layer.visibility === true) {\n+            this.start()\n         } else {\n-            throw \"Listeners for '\" + this.provides.join(\"', '\") + \"' events can only be registered for OpenLayers.Layer.Vector \" + \"or OpenLayers.Map instances\"\n+            this.stop()\n         }\n-        for (var i = this.provides.length - 1; i >= 0; --i) {\n-            target.extensions[this.provides[i]] = true\n+    },\n+    start: function() {\n+        if (this.interval && typeof this.interval === \"number\" && this.interval > 0) {\n+            this.timer = window.setInterval(OpenLayers.Function.bind(this.refresh, this), this.interval)\n         }\n     },\n-    setMap: function(map) {\n-        this.map = map;\n-        this.cache = {};\n-        map.events.register(\"mousedown\", this, this.start, {\n-            extension: true\n+    refresh: function() {\n+        if (this.layer && this.layer.refresh && typeof this.layer.refresh == \"function\") {\n+            this.layer.refresh({\n+                force: this.force\n+            })\n+        }\n+    },\n+    stop: function() {\n+        if (this.timer !== null) {\n+            window.clearInterval(this.timer);\n+            this.timer = null\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+});\n+OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n+    url: null,\n+    headers: null,\n+    params: null,\n+    callback: null,\n+    scope: null,\n+    readWithPOST: false,\n+    updateWithPOST: false,\n+    deleteWithPOST: false,\n+    wildcarded: false,\n+    srsInBBOX: false,\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.headers = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                wildcarded: this.wildcarded,\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params)\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        this.params = null;\n+        this.headers = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = options || {};\n+        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(options.filter, options.params)\n+        }\n+        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n+        var resp = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n         });\n-        map.events.register(\"mouseup\", this, this.onClick, {\n-            extension: true\n+        if (readWithPOST) {\n+            var headers = options.headers || {};\n+            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n+            resp.priv = OpenLayers.Request.POST({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                data: OpenLayers.Util.getParameterString(options.params),\n+                headers: headers\n+            })\n+        } else {\n+            resp.priv = OpenLayers.Request.GET({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                params: options.params,\n+                headers: options.headers\n+            })\n+        }\n+        return resp\n+    },\n+    handleRead: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    create: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: features,\n+            requestType: \"create\"\n         });\n-        map.events.register(\"touchstart\", this, this.start, {\n-            extension: true\n+        resp.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleCreate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(features)\n         });\n-        map.events.register(\"touchmove\", this, this.cancel, {\n-            extension: true\n+        return resp\n+    },\n+    handleCreate: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    update: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"update\"\n         });\n-        map.events.register(\"touchend\", this, this.onClick, {\n-            extension: true\n+        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n+        resp.priv = OpenLayers.Request[method]({\n+            url: url,\n+            callback: this.createCallback(this.handleUpdate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(feature)\n         });\n-        map.events.register(\"mousemove\", this, this.onMousemove, {\n-            extension: true\n-        })\n-    },\n-    start: function(evt) {\n-        this.startEvt = evt\n+        return resp\n     },\n-    cancel: function(evt) {\n-        delete this.startEvt\n+    handleUpdate: function(resp, options) {\n+        this.handleResponse(resp, options)\n     },\n-    onClick: function(evt) {\n-        if (!this.startEvt || evt.type !== \"touchend\" && !OpenLayers.Event.isLeftClick(evt)) {\n-            return\n+    delete: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"delete\"\n+        });\n+        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n+        var requestOptions = {\n+            url: url,\n+            callback: this.createCallback(this.handleDelete, resp, options),\n+            headers: options.headers\n+        };\n+        if (this.deleteWithPOST) {\n+            requestOptions.data = this.format.write(feature)\n         }\n-        var features = this.getFeatures(this.startEvt);\n-        delete this.startEvt;\n-        var feature, layer, more, clicked = {};\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            layer = feature.layer;\n-            clicked[layer.id] = true;\n-            more = this.triggerEvent(\"featureclick\", {\n-                feature: feature\n-            });\n-            if (more === false) {\n-                break\n+        resp.priv = OpenLayers.Request[method](requestOptions);\n+        return resp\n+    },\n+    handleDelete: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    handleResponse: function(resp, options) {\n+        var request = resp.priv;\n+        if (options.callback) {\n+            if (request.status >= 200 && request.status < 300) {\n+                if (resp.requestType != \"delete\") {\n+                    resp.features = this.parseFeatures(request)\n+                }\n+                resp.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                resp.code = OpenLayers.Protocol.Response.FAILURE\n             }\n+            options.callback.call(options.scope, resp)\n         }\n-        for (i = 0, len = this.map.layers.length; i < len; ++i) {\n-            layer = this.map.layers[i];\n-            if (layer instanceof OpenLayers.Layer.Vector && !clicked[layer.id]) {\n-                this.triggerEvent(\"nofeatureclick\", {\n-                    layer: layer\n-                })\n-            }\n+    },\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n         }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n     },\n-    onMousemove: function(evt) {\n-        delete this.startEvt;\n-        var features = this.getFeatures(evt);\n-        var over = {},\n-            newly = [],\n-            feature;\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = [],\n+            nResponses = 0;\n+        var types = {};\n+        types[OpenLayers.State.INSERT] = [];\n+        types[OpenLayers.State.UPDATE] = [];\n+        types[OpenLayers.State.DELETE] = [];\n+        var feature, list, requestFeatures = [];\n         for (var i = 0, len = features.length; i < len; ++i) {\n             feature = features[i];\n-            over[feature.id] = feature;\n-            if (!this.cache[feature.id]) {\n-                newly.push(feature)\n+            list = types[feature.state];\n+            if (list) {\n+                list.push(feature);\n+                requestFeatures.push(feature)\n             }\n         }\n-        var out = [];\n-        for (var id in this.cache) {\n-            feature = this.cache[id];\n-            if (feature.layer && feature.layer.map) {\n-                if (!over[feature.id]) {\n-                    out.push(feature)\n-                }\n-            } else {\n-                delete this.cache[id]\n+        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n+        var success = true;\n+        var finalResponse = new OpenLayers.Protocol.Response({\n+            reqFeatures: requestFeatures\n+        });\n+\n+        function insertCallback(response) {\n+            var len = response.features ? response.features.length : 0;\n+            var fids = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                fids[i] = response.features[i].fid\n             }\n+            finalResponse.insertIds = fids;\n+            callback.apply(this, [response])\n         }\n-        var more;\n-        for (i = 0, len = newly.length; i < len; ++i) {\n-            feature = newly[i];\n-            this.cache[feature.id] = feature;\n-            more = this.triggerEvent(\"featureover\", {\n-                feature: feature\n-            });\n-            if (more === false) {\n-                break\n+\n+        function callback(response) {\n+            this.callUserCallback(response, options);\n+            success = success && response.success();\n+            nResponses++;\n+            if (nResponses >= nRequests) {\n+                if (options.callback) {\n+                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n+                    options.callback.apply(options.scope, [finalResponse])\n+                }\n             }\n         }\n-        for (i = 0, len = out.length; i < len; ++i) {\n-            feature = out[i];\n-            delete this.cache[feature.id];\n-            more = this.triggerEvent(\"featureout\", {\n-                feature: feature\n+        var queue = types[OpenLayers.State.INSERT];\n+        if (queue.length > 0) {\n+            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n+                callback: insertCallback,\n+                scope: this\n+            }, options.create)))\n+        }\n+        queue = types[OpenLayers.State.UPDATE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options.update)))\n+        }\n+        queue = types[OpenLayers.State.DELETE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options[\"delete\"])))\n+        }\n+        return resp\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort()\n+        }\n+    },\n+    callUserCallback: function(resp, options) {\n+        var opt = options[resp.requestType];\n+        if (opt && opt.callback) {\n+            opt.callback.call(opt.scope, resp)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+});\n+OpenLayers.Protocol.SOS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.SOS.DEFAULTS);\n+    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported SOS version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.SOS.DEFAULTS = {\n+    version: \"1.0.0\"\n+};\n+OpenLayers.Protocol.WFS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.WFS.DEFAULTS);\n+    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported WFS version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n+    var typeName, featurePrefix;\n+    var param = layer.params[\"LAYERS\"];\n+    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n+    if (parts.length > 1) {\n+        featurePrefix = parts[0]\n+    }\n+    typeName = parts.pop();\n+    var protocolOptions = {\n+        url: layer.url,\n+        featureType: typeName,\n+        featurePrefix: featurePrefix,\n+        srsName: layer.projection && layer.projection.getCode() || layer.map && layer.map.getProjectionObject().getCode(),\n+        version: \"1.1.0\"\n+    };\n+    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(options, protocolOptions))\n+};\n+OpenLayers.Protocol.WFS.DEFAULTS = {\n+    version: \"1.0.0\"\n+};\n+OpenLayers.Protocol.CSW = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.CSW.DEFAULTS);\n+    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSW version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.CSW.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n+OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n+    url: null,\n+    params: null,\n+    callback: null,\n+    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n+    callbackKey: \"callback\",\n+    callbackPrefix: \"\",\n+    scope: null,\n+    format: null,\n+    pendingRequests: null,\n+    srsInBBOX: false,\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.pendingRequests = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.GeoJSON\n+        }\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                srsInBBOX: this.srsInBBOX\n             });\n-            if (more === false) {\n-                break\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params)\n             }\n         }\n     },\n-    triggerEvent: function(type, evt) {\n-        var layer = evt.feature ? evt.feature.layer : evt.layer,\n-            object = this.target.object;\n-        if (object instanceof OpenLayers.Map || object === layer) {\n-            return this.target.triggerEvent(type, evt)\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(options.filter, options.params)\n         }\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var request = this.createRequest(options.url, options.params, OpenLayers.Function.bind(function(data) {\n+            response.data = data;\n+            this.handleRead(response, options)\n+        }, this));\n+        response.priv = request;\n+        return response\n     },\n-    getFeatures: function(evt) {\n-        var x = evt.clientX,\n-            y = evt.clientY,\n-            features = [],\n-            targets = [],\n-            layers = [],\n-            layer, target, feature, i, len;\n-        for (i = this.map.layers.length - 1; i >= 0; --i) {\n-            layer = this.map.layers[i];\n-            if (layer.div.style.display !== \"none\") {\n-                if (layer.renderer instanceof OpenLayers.Renderer.Elements) {\n-                    if (layer instanceof OpenLayers.Layer.Vector) {\n-                        target = document.elementFromPoint(x, y);\n-                        while (target && target._featureId) {\n-                            feature = layer.getFeatureById(target._featureId);\n-                            if (feature) {\n-                                features.push(feature);\n-                                target.style.display = \"none\";\n-                                targets.push(target);\n-                                target = document.elementFromPoint(x, y)\n-                            } else {\n-                                target = false\n-                            }\n-                        }\n-                    }\n-                    layers.push(layer);\n-                    layer.div.style.display = \"none\"\n-                } else if (layer.renderer instanceof OpenLayers.Renderer.Canvas) {\n-                    feature = layer.renderer.getFeatureIdFromEvent(evt);\n-                    if (feature) {\n-                        features.push(feature);\n-                        layers.push(layer)\n-                    }\n-                }\n+    createRequest: function(url, params, callback) {\n+        var id = OpenLayers.Protocol.Script.register(callback);\n+        var name = OpenLayers.String.format(this.callbackTemplate, {\n+            id: id\n+        });\n+        params = OpenLayers.Util.extend({}, params);\n+        params[this.callbackKey] = this.callbackPrefix + name;\n+        url = OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(params));\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = \"OpenLayers_Protocol_Script_\" + id;\n+        this.pendingRequests[script.id] = script;\n+        var head = document.getElementsByTagName(\"head\")[0];\n+        head.appendChild(script);\n+        return script\n+    },\n+    destroyRequest: function(script) {\n+        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n+        delete this.pendingRequests[script.id];\n+        if (script.parentNode) {\n+            script.parentNode.removeChild(script)\n+        }\n+    },\n+    handleRead: function(response, options) {\n+        this.handleResponse(response, options)\n+    },\n+    handleResponse: function(response, options) {\n+        if (options.callback) {\n+            if (response.data) {\n+                response.features = this.parseFeatures(response.data);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n             }\n+            this.destroyRequest(response.priv);\n+            options.callback.call(options.scope, response)\n         }\n-        for (i = 0, len = targets.length; i < len; ++i) {\n-            targets[i].style.display = \"\"\n+    },\n+    parseFeatures: function(data) {\n+        return this.format.read(data)\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            this.destroyRequest(response.priv)\n+        } else {\n+            for (var key in this.pendingRequests) {\n+                this.destroyRequest(this.pendingRequests[key])\n+            }\n         }\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            layers[i].div.style.display = \"block\"\n+    },\n+    destroy: function() {\n+        this.abort();\n+        delete this.params;\n+        delete this.format;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+});\n+(function() {\n+    var o = OpenLayers.Protocol.Script;\n+    var counter = 0;\n+    o.registry = {};\n+    o.register = function(callback) {\n+        var id = \"c\" + ++counter;\n+        o.registry[id] = function() {\n+            callback.apply(this, arguments)\n+        };\n+        return id\n+    };\n+    o.unregister = function(id) {\n+        delete o.registry[id]\n+    }\n+})();\n+OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n+    formatOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions))\n         }\n-        return features\n     },\n     destroy: function() {\n-        for (var i = this.provides.length - 1; i >= 0; --i) {\n-            delete this.target.extensions[this.provides[i]]\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n         }\n-        this.map.events.un({\n-            mousemove: this.onMousemove,\n-            mousedown: this.start,\n-            mouseup: this.onClick,\n-            touchstart: this.start,\n-            touchmove: this.cancel,\n-            touchend: this.onClick,\n-            scope: this\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n         });\n-        delete this.cache;\n-        delete this.map;\n-        delete this.target\n-    }\n-});\n-OpenLayers.Events.nofeatureclick = OpenLayers.Events.featureclick;\n-OpenLayers.Events.featureover = OpenLayers.Events.featureclick;\n-OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n-OpenLayers.Tile.Image.IFrame = {\n-    useIFrame: null,\n-    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n-    draw: function() {\n-        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n-        if (draw) {\n-            var url = this.layer.getURL(this.bounds);\n-            var usedIFrame = this.useIFrame;\n-            this.useIFrame = this.maxGetUrlLength !== null && !this.layer.async && url.length > this.maxGetUrlLength;\n-            var fromIFrame = usedIFrame && !this.useIFrame;\n-            var toIFrame = !usedIFrame && this.useIFrame;\n-            if (fromIFrame || toIFrame) {\n-                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n-                    this.frame.removeChild(this.imgDiv)\n-                }\n-                this.imgDiv = null;\n-                if (fromIFrame) {\n-                    this.frame.removeChild(this.frame.firstChild)\n-                }\n+        var data = this.format.write(options.params || options);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+        return response\n+    },\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                response.data = this.parseData(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n             }\n+            options.callback.call(options.scope, response)\n         }\n-        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments)\n     },\n-    getImage: function() {\n-        if (this.useIFrame === true) {\n-            if (!this.frame.childNodes.length) {\n-                var eventPane = document.createElement(\"div\"),\n-                    style = eventPane.style;\n-                style.position = \"absolute\";\n-                style.width = \"100%\";\n-                style.height = \"100%\";\n-                style.zIndex = 1;\n-                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n-                this.frame.appendChild(eventPane)\n+    parseData: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n+});\n+OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n+    fois: null,\n+    formatOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(this.formatOptions)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var format = this.format;\n+        var data = OpenLayers.Format.XML.prototype.write.apply(format, [format.writeNode(\"sos:GetFeatureOfInterest\", {\n+            fois: this.fois\n+        })]);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            data: data\n+        });\n+        return response\n+    },\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                response.features = this.parseFeatures(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n             }\n-            var id = this.id + \"_iFrame\",\n-                iframe;\n-            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n-                iframe = document.createElement('<iframe name=\"' + id + '\">');\n-                iframe.style.backgroundColor = \"#FFFFFF\";\n-                iframe.style.filter = \"chroma(color=#FFFFFF)\"\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n+});\n+OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n+    version: null,\n+    srsName: \"EPSG:4326\",\n+    featureType: null,\n+    featureNS: null,\n+    geometryName: \"the_geom\",\n+    schema: null,\n+    featurePrefix: \"feature\",\n+    formatOptions: null,\n+    readFormat: null,\n+    readOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n+                version: this.version,\n+                featureType: this.featureType,\n+                featureNS: this.featureNS,\n+                featurePrefix: this.featurePrefix,\n+                geometryName: this.geometryName,\n+                srsName: this.srsName,\n+                schema: this.schema\n+            }, this.formatOptions))\n+        }\n+        if (!options.geometryName && parseFloat(this.format.version) > 1) {\n+            this.setGeometryName(null)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+        return response\n+    },\n+    setFeatureType: function(featureType) {\n+        this.featureType = featureType;\n+        this.format.featureType = featureType\n+    },\n+    setGeometryName: function(geometryName) {\n+        this.geometryName = geometryName;\n+        this.format.geometryName = geometryName\n+    },\n+    handleRead: function(response, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                var result = this.parseResponse(request, options.readOptions);\n+                if (result && result.success !== false) {\n+                    if (options.readOptions && options.readOptions.output == \"object\") {\n+                        OpenLayers.Util.extend(response, result)\n+                    } else {\n+                        response.features = result\n+                    }\n+                    response.code = OpenLayers.Protocol.Response.SUCCESS\n+                } else {\n+                    response.code = OpenLayers.Protocol.Response.FAILURE;\n+                    response.error = result\n+                }\n             } else {\n-                iframe = document.createElement(\"iframe\");\n-                iframe.style.backgroundColor = \"transparent\";\n-                iframe.name = id\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n             }\n-            iframe.scrolling = \"no\";\n-            iframe.marginWidth = \"0px\";\n-            iframe.marginHeight = \"0px\";\n-            iframe.frameBorder = \"0\";\n-            iframe.style.position = \"absolute\";\n-            iframe.style.width = \"100%\";\n-            iframe.style.height = \"100%\";\n-            if (this.layer.opacity < 1) {\n-                OpenLayers.Util.modifyDOMElement(iframe, null, null, null, null, null, null, this.layer.opacity)\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseResponse: function(request, options) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        var result = this.readFormat !== null ? this.readFormat.read(doc) : this.format.read(doc, options);\n+        if (!this.featureNS) {\n+            var format = this.readFormat || this.format;\n+            this.featureNS = format.featureNS;\n+            format.autoConfig = false;\n+            if (!this.geometryName) {\n+                this.setGeometryName(format.geometryName)\n             }\n-            this.frame.appendChild(iframe);\n-            this.imgDiv = iframe;\n-            return iframe\n-        } else {\n-            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments)\n         }\n+        return result\n     },\n-    createRequestForm: function() {\n-        var form = document.createElement(\"form\");\n-        form.method = \"POST\";\n-        var cacheId = this.layer.params[\"_OLSALT\"];\n-        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n-        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n-        form.target = this.id + \"_iFrame\";\n-        var imageSize = this.layer.getImageSize(),\n-            params = OpenLayers.Util.getParameters(this.url),\n-            field;\n-        for (var par in params) {\n-            field = document.createElement(\"input\");\n-            field.type = \"hidden\";\n-            field.name = par;\n-            field.value = params[par];\n-            form.appendChild(field)\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\",\n+            reqFeatures: features\n+        });\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            headers: options.headers,\n+            data: this.format.write(features, options),\n+            callback: this.createCallback(this.handleCommit, response, options)\n+        });\n+        return response\n+    },\n+    handleCommit: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            var data = request.responseXML;\n+            if (!data || !data.documentElement) {\n+                data = request.responseText\n+            }\n+            var obj = this.format.read(data) || {};\n+            response.insertIds = obj.insertIds || [];\n+            if (obj.success) {\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+                response.error = obj\n+            }\n+            options.callback.call(options.scope, response)\n         }\n-        return form\n     },\n-    setImgSrc: function(url) {\n-        if (this.useIFrame === true) {\n-            if (url) {\n-                var form = this.createRequestForm();\n-                this.frame.appendChild(form);\n-                form.submit();\n-                this.frame.removeChild(form)\n-            } else if (this.imgDiv.parentNode === this.frame) {\n-                this.frame.removeChild(this.imgDiv);\n-                this.imgDiv = null\n+    filterDelete: function(filter, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\"\n+        });\n+        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n+            attributes: {\n+                service: \"WFS\",\n+                version: this.version\n             }\n-        } else {\n-            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments)\n+        });\n+        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n+            attributes: {\n+                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") + options.featureType\n+            }\n+        });\n+        if (options.featureNS) {\n+            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS)\n         }\n+        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n+        deleteNode.appendChild(filterNode);\n+        root.appendChild(deleteNode);\n+        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [root]);\n+        return OpenLayers.Request.POST({\n+            url: this.url,\n+            callback: options.callback || function() {},\n+            data: data\n+        })\n     },\n-    onImageLoad: function() {\n-        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n-        if (this.useIFrame === true) {\n-            this.imgDiv.style.opacity = 1;\n-            this.frame.style.opacity = this.layer.opacity\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort()\n         }\n     },\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.useIFrame === false) {\n-            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this)\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n+});\n+OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+    version: \"1.1.0\",\n+    initialize: function(options) {\n+        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n+        if (this.outputFormat && !this.readFormat) {\n+            if (this.outputFormat.toLowerCase() == \"gml2\") {\n+                this.readFormat = new OpenLayers.Format.GML.v2({\n+                    featureType: this.featureType,\n+                    featureNS: this.featureNS,\n+                    geometryName: this.geometryName\n+                })\n+            } else if (this.outputFormat.toLowerCase() == \"json\") {\n+                this.readFormat = new OpenLayers.Format.GeoJSON\n+            }\n         }\n-        return backBuffer\n-    }\n-};\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n+});\n+OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+    version: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n+});\n OpenLayers.ElementsIndexer = OpenLayers.Class({\n     maxZIndex: null,\n     order: null,\n     indices: null,\n     compare: null,\n     initialize: function(yOrdering) {\n         this.compare = yOrdering ? OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER : OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n@@ -35427,269 +32625,807 @@\n         return this.root.parentNode.parentNode.id\n     },\n     isComplexSymbol: function(graphicName) {\n         return graphicName != \"circle\" && !!graphicName\n     },\n     CLASS_NAME: \"OpenLayers.Renderer.Elements\"\n });\n-OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n-    xmlns: \"http://www.w3.org/2000/svg\",\n-    xlinkns: \"http://www.w3.org/1999/xlink\",\n-    MAX_PIXEL: 15e3,\n-    translationParameters: null,\n-    symbolMetrics: null,\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n+    hitDetection: true,\n+    hitOverflow: 0,\n+    canvas: null,\n+    features: null,\n+    pendingRedraw: false,\n+    cachedSymbolBounds: {},\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\")\n         }\n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this, arguments);\n-        this.translationParameters = {\n-            x: 0,\n-            y: 0\n-        };\n-        this.symbolMetrics = {}\n+    },\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        return false\n+    },\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0])\n     },\n     supported: function() {\n-        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n-        return document.implementation && (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") || document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") || document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\"))\n+        return OpenLayers.CANVAS_SUPPORTED\n     },\n-    inValidRange: function(x, y, xyOnly) {\n-        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n-        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n-        return left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL && top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h\n+        }\n     },\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution(),\n-            left = -extent.left / resolution,\n-            top = extent.top / resolution;\n-        if (resolutionChanged) {\n-            this.left = left;\n-            this.top = top;\n-            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n-            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n-            this.translate(this.xOffset, 0);\n-            return true\n-        } else {\n-            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n-            if (!inRange) {\n-                this.setExtent(extent, true)\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            var bounds = feature.geometry.getBounds();\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent()\n             }\n-            return coordSysUnchanged && inRange\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+            rendered = style.display !== \"none\" && !!bounds && intersects;\n+            if (rendered) {\n+                this.features[feature.id] = [feature, style]\n+            } else {\n+                delete this.features[feature.id]\n+            }\n+            this.pendingRedraw = true\n+        }\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false\n         }\n+        return rendered\n     },\n-    translate: function(x, y) {\n-        if (!this.inValidRange(x, y, true)) {\n-            return false\n-        } else {\n-            var transformString = \"\";\n-            if (x || y) {\n-                transformString = \"translate(\" + x + \",\" + y + \")\"\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId)\n             }\n-            this.root.setAttributeNS(null, \"transform\", transformString);\n-            this.translationParameters = {\n-                x: x,\n-                y: y\n-            };\n-            return true\n+            return\n         }\n-    },\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n-        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n-        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h)\n-    },\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n         switch (geometry.CLASS_NAME) {\n             case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"image\"\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"svg\"\n-                } else {\n-                    nodeType = \"circle\"\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"rect\";\n+                this.drawPoint(geometry, style, featureId);\n                 break;\n             case \"OpenLayers.Geometry.LineString\":\n-                nodeType = \"polyline\";\n+                this.drawLineString(geometry, style, featureId);\n                 break;\n             case \"OpenLayers.Geometry.LinearRing\":\n-                nodeType = \"polygon\";\n+                this.drawLinearRing(geometry, style, featureId);\n                 break;\n             case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"path\";\n+                this.drawPolygon(geometry, style, featureId);\n                 break;\n             default:\n                 break\n         }\n-        return nodeType\n     },\n-    setStyle: function(node, style, options) {\n-        style = style || node._style;\n-        options = options || node._options;\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image;\n         var title = style.title || style.graphicTitle;\n         if (title) {\n-            node.setAttributeNS(null, \"title\", title);\n-            var titleNode = node.getElementsByTagName(\"title\");\n-            if (titleNode.length > 0) {\n-                titleNode[0].firstChild.textContent = title\n-            } else {\n-                var label = this.nodeFactory(null, \"title\");\n-                label.textContent = title;\n-                node.appendChild(label)\n-            }\n+            img.title = title\n         }\n-        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n-        var widthFactor = 1;\n-        var pos;\n-        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n-            node.style.visibility = \"\";\n-            if (style.graphic === false) {\n-                node.style.visibility = \"hidden\"\n-            } else if (style.externalGraphic) {\n-                pos = this.getPosition(node);\n-                if (style.graphicWidth && style.graphicHeight) {\n-                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\")\n-                }\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-                var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n-                var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n-                var opacity = style.graphicOpacity || style.fillOpacity;\n-                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n-                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n-                node.setAttributeNS(null, \"width\", width);\n-                node.setAttributeNS(null, \"height\", height);\n-                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n-                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n-                node.onclick = OpenLayers.Event.preventDefault\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                var offset = style.pointRadius * 3;\n-                var size = offset * 2;\n-                var src = this.importSymbol(style.graphicName);\n-                pos = this.getPosition(node);\n-                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n-                var parent = node.parentNode;\n-                var nextSibling = node.nextSibling;\n-                if (parent) {\n-                    parent.removeChild(node)\n-                }\n-                node.firstChild && node.removeChild(node.firstChild);\n-                node.appendChild(src.firstChild.cloneNode(true));\n-                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n-                node.setAttributeNS(null, \"width\", size);\n-                node.setAttributeNS(null, \"height\", size);\n-                node.setAttributeNS(null, \"x\", pos.x - offset);\n-                node.setAttributeNS(null, \"y\", pos.y - offset);\n-                if (nextSibling) {\n-                    parent.insertBefore(node, nextSibling)\n-                } else if (parent) {\n-                    parent.appendChild(node)\n-                }\n-            } else {\n-                node.setAttributeNS(null, \"r\", style.pointRadius)\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n+        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return\n             }\n-            var rotation = style.rotation;\n-            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n-                node._rotation = rotation;\n-                rotation |= 0;\n-                if (node.nodeName !== \"svg\") {\n-                    node.setAttributeNS(null, \"transform\", \"rotate(\" + rotation + \" \" + pos.x + \" \" + pos.y + \")\")\n-                } else {\n-                    var metrics = this.symbolMetrics[src.id];\n-                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" + rotation + \" \" + metrics[1] + \" \" + metrics[2] + \")\")\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = p0 + xOffset | 0;\n+                var y = p1 + yOffset | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n+                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height)\n                 }\n             }\n+        };\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic\n+    },\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180;\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+        if (!symbol) {\n+            throw new Error(style.graphicName + \" is not a valid symbol name\")\n         }\n-        if (options.isFilled) {\n-            node.setAttributeNS(null, \"fill\", style.fillColor);\n-            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity)\n-        } else {\n-            node.setAttributeNS(null, \"fill\", \"none\")\n+        if (!symbol.length || symbol.length < 2) return;\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n+        if (isNaN(p0) || isNaN(p1)) return;\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\"\n         }\n-        if (options.isStroked) {\n-            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n-            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n-            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n-            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n-            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n-            style.strokeDashstyle && node.setAttributeNS(null, \"stroke-dasharray\", this.dashStyle(style, widthFactor))\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n         } else {\n-            node.setAttributeNS(null, \"stroke\", \"none\")\n+            symbolBounds = new OpenLayers.Bounds;\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n+            }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n         }\n-        if (style.pointerEvents) {\n-            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents)\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save()\n         }\n-        if (style.cursor != null) {\n-            node.setAttributeNS(null, \"cursor\", style.cursor)\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1)\n         }\n-        return node\n-    },\n-    dashStyle: function(style, widthFactor) {\n-        var w = style.strokeWidth * widthFactor;\n-        var str = style.strokeDashstyle;\n-        switch (str) {\n-            case \"solid\":\n-                return \"none\";\n-            case \"dot\":\n-                return [1, 4 * w].join();\n-            case \"dash\":\n-                return [4 * w, 4 * w].join();\n-            case \"dashdot\":\n-                return [4 * w, 4 * w, 1, 4 * w].join();\n-            case \"longdash\":\n-                return [8 * w, 4 * w].join();\n-            case \"longdashdot\":\n-                return [8 * w, 4 * w, 1, 4 * w].join();\n-            default:\n-                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\")\n+        angle = deg2rad * style.rotation;\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle)\n+            }\n         }\n-    },\n-    createNode: function(type, id) {\n-        var node = document.createElementNS(this.xmlns, type);\n-        if (id) {\n-            node.setAttributeNS(null, \"id\", id)\n+        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling)\n         }\n-        return node\n-    },\n-    nodeTypeCompare: function(node, type) {\n-        return type == node.nodeName\n-    },\n-    createRenderRoot: function() {\n-        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n-        svg.style.display = \"block\";\n-        return svg\n-    },\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"g\")\n-    },\n-    createDefs: function() {\n-        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n-        this.rendererRoot.appendChild(defs);\n-        return defs\n-    },\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1)\n-    },\n-    drawCircle: function(node, geometry, radius) {\n-        var resolution = this.getResolution();\n-        var x = (geometry.x - this.featureDx) / resolution + this.left;\n-        var y = this.top - geometry.y / resolution;\n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"cx\", x);\n-            node.setAttributeNS(null, \"cy\", y);\n-            node.setAttributeNS(null, \"r\", radius);\n-            return node\n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy)\n+        }\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n+            }\n+            this.canvas.closePath();\n+            this.canvas.fill();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.fill()\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n+            }\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.stroke()\n+            }\n+        }\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore()\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style[\"fillOpacity\"];\n+            this.canvas.fillStyle = style[\"fillColor\"]\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n+            this.canvas.strokeStyle = style[\"strokeColor\"];\n+            this.canvas.lineWidth = style[\"strokeWidth\"]\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1\n+        }\n+    },\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1;\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1\n+        }\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex\n+    },\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.fillStyle = hex\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.strokeStyle = hex;\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n+                }\n+            }\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1\n+        }\n+    },\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId)\n+            } else if (style.graphicName && style.graphicName != \"circle\") {\n+                this.drawNamedSymbol(geometry, style, featureId)\n+            } else {\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill()\n+                        }\n+                    }\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke()\n+                        }\n+                        this.setCanvasStyle(\"reset\")\n+                    }\n+                }\n+            }\n+        }\n+    },\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId)\n+    },\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1])\n+            }\n+            if (type === \"fill\") {\n+                context.fill()\n+            } else {\n+                context.stroke()\n+            }\n+        }\n+    },\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        for (var i = 1; i < len; ++i) {\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\"\n+            }\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                stroke: false,\n+                fillOpacity: 1\n+            }, style), featureId);\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\"\n+            }\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                fill: false\n+            }, style), featureId)\n+        }\n+    },\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n+        var labelRows = style.label.split(\"\\n\");\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n+            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n+            }\n+            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n+                    this.canvas.restore()\n+                }\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n+            }\n+        } else if (this.canvas.mozDrawText) {\n+            this.canvas.mozTextStyle = fontStyle;\n+            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5\n+            }\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n+            }\n+            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n+            pt[1] += lineHeight * (1 + vfactor * numRows);\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n+                var y = pt[1] + i * lineHeight;\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y)\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n+        var y = extent.top / resolution - point.y / resolution;\n+        return [x, y]\n+    },\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height)\n+        }\n+    },\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) {\n+                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0]\n+                        } catch (err) {}\n+                    }\n+                }\n+            }\n+        }\n+        return feature\n+    },\n+    eraseFeatures: function(features) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id]\n+        }\n+        this.redraw()\n+    },\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height)\n+            }\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue\n+                }\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style])\n+                }\n+            }\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1])\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+});\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    l: \"left\",\n+    r: \"right\",\n+    t: \"top\",\n+    b: \"bottom\"\n+};\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    l: 0,\n+    r: -1,\n+    t: 0,\n+    b: -1\n+};\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n+OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+    xmlns: \"http://www.w3.org/2000/svg\",\n+    xlinkns: \"http://www.w3.org/1999/xlink\",\n+    MAX_PIXEL: 15e3,\n+    translationParameters: null,\n+    symbolMetrics: null,\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return\n+        }\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this, arguments);\n+        this.translationParameters = {\n+            x: 0,\n+            y: 0\n+        };\n+        this.symbolMetrics = {}\n+    },\n+    supported: function() {\n+        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n+        return document.implementation && (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") || document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") || document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\"))\n+    },\n+    inValidRange: function(x, y, xyOnly) {\n+        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n+        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n+        return left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL && top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL\n+    },\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution(),\n+            left = -extent.left / resolution,\n+            top = extent.top / resolution;\n+        if (resolutionChanged) {\n+            this.left = left;\n+            this.top = top;\n+            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n+            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n+            this.translate(this.xOffset, 0);\n+            return true\n+        } else {\n+            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n+            if (!inRange) {\n+                this.setExtent(extent, true)\n+            }\n+            return coordSysUnchanged && inRange\n+        }\n+    },\n+    translate: function(x, y) {\n+        if (!this.inValidRange(x, y, true)) {\n+            return false\n+        } else {\n+            var transformString = \"\";\n+            if (x || y) {\n+                transformString = \"translate(\" + x + \",\" + y + \")\"\n+            }\n+            this.root.setAttributeNS(null, \"transform\", transformString);\n+            this.translationParameters = {\n+                x: x,\n+                y: y\n+            };\n+            return true\n+        }\n+    },\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n+        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h)\n+    },\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"image\"\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"svg\"\n+                } else {\n+                    nodeType = \"circle\"\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                nodeType = \"polyline\";\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                nodeType = \"polygon\";\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"path\";\n+                break;\n+            default:\n+                break\n+        }\n+        return nodeType\n+    },\n+    setStyle: function(node, style, options) {\n+        style = style || node._style;\n+        options = options || node._options;\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.setAttributeNS(null, \"title\", title);\n+            var titleNode = node.getElementsByTagName(\"title\");\n+            if (titleNode.length > 0) {\n+                titleNode[0].firstChild.textContent = title\n+            } else {\n+                var label = this.nodeFactory(null, \"title\");\n+                label.textContent = title;\n+                node.appendChild(label)\n+            }\n+        }\n+        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n+        var widthFactor = 1;\n+        var pos;\n+        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n+            node.style.visibility = \"\";\n+            if (style.graphic === false) {\n+                node.style.visibility = \"hidden\"\n+            } else if (style.externalGraphic) {\n+                pos = this.getPosition(node);\n+                if (style.graphicWidth && style.graphicHeight) {\n+                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\")\n+                }\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+                var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n+                var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n+                var opacity = style.graphicOpacity || style.fillOpacity;\n+                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n+                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n+                node.setAttributeNS(null, \"width\", width);\n+                node.setAttributeNS(null, \"height\", height);\n+                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n+                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n+                node.onclick = OpenLayers.Event.preventDefault\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                var offset = style.pointRadius * 3;\n+                var size = offset * 2;\n+                var src = this.importSymbol(style.graphicName);\n+                pos = this.getPosition(node);\n+                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n+                var parent = node.parentNode;\n+                var nextSibling = node.nextSibling;\n+                if (parent) {\n+                    parent.removeChild(node)\n+                }\n+                node.firstChild && node.removeChild(node.firstChild);\n+                node.appendChild(src.firstChild.cloneNode(true));\n+                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n+                node.setAttributeNS(null, \"width\", size);\n+                node.setAttributeNS(null, \"height\", size);\n+                node.setAttributeNS(null, \"x\", pos.x - offset);\n+                node.setAttributeNS(null, \"y\", pos.y - offset);\n+                if (nextSibling) {\n+                    parent.insertBefore(node, nextSibling)\n+                } else if (parent) {\n+                    parent.appendChild(node)\n+                }\n+            } else {\n+                node.setAttributeNS(null, \"r\", style.pointRadius)\n+            }\n+            var rotation = style.rotation;\n+            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n+                node._rotation = rotation;\n+                rotation |= 0;\n+                if (node.nodeName !== \"svg\") {\n+                    node.setAttributeNS(null, \"transform\", \"rotate(\" + rotation + \" \" + pos.x + \" \" + pos.y + \")\")\n+                } else {\n+                    var metrics = this.symbolMetrics[src.id];\n+                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" + rotation + \" \" + metrics[1] + \" \" + metrics[2] + \")\")\n+                }\n+            }\n+        }\n+        if (options.isFilled) {\n+            node.setAttributeNS(null, \"fill\", style.fillColor);\n+            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity)\n+        } else {\n+            node.setAttributeNS(null, \"fill\", \"none\")\n+        }\n+        if (options.isStroked) {\n+            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n+            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n+            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n+            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n+            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n+            style.strokeDashstyle && node.setAttributeNS(null, \"stroke-dasharray\", this.dashStyle(style, widthFactor))\n+        } else {\n+            node.setAttributeNS(null, \"stroke\", \"none\")\n+        }\n+        if (style.pointerEvents) {\n+            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents)\n+        }\n+        if (style.cursor != null) {\n+            node.setAttributeNS(null, \"cursor\", style.cursor)\n+        }\n+        return node\n+    },\n+    dashStyle: function(style, widthFactor) {\n+        var w = style.strokeWidth * widthFactor;\n+        var str = style.strokeDashstyle;\n+        switch (str) {\n+            case \"solid\":\n+                return \"none\";\n+            case \"dot\":\n+                return [1, 4 * w].join();\n+            case \"dash\":\n+                return [4 * w, 4 * w].join();\n+            case \"dashdot\":\n+                return [4 * w, 4 * w, 1, 4 * w].join();\n+            case \"longdash\":\n+                return [8 * w, 4 * w].join();\n+            case \"longdashdot\":\n+                return [8 * w, 4 * w, 1, 4 * w].join();\n+            default:\n+                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\")\n+        }\n+    },\n+    createNode: function(type, id) {\n+        var node = document.createElementNS(this.xmlns, type);\n+        if (id) {\n+            node.setAttributeNS(null, \"id\", id)\n+        }\n+        return node\n+    },\n+    nodeTypeCompare: function(node, type) {\n+        return type == node.nodeName\n+    },\n+    createRenderRoot: function() {\n+        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n+        svg.style.display = \"block\";\n+        return svg\n+    },\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"g\")\n+    },\n+    createDefs: function() {\n+        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n+        this.rendererRoot.appendChild(defs);\n+        return defs\n+    },\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1)\n+    },\n+    drawCircle: function(node, geometry, radius) {\n+        var resolution = this.getResolution();\n+        var x = (geometry.x - this.featureDx) / resolution + this.left;\n+        var y = this.top - geometry.y / resolution;\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"cx\", x);\n+            node.setAttributeNS(null, \"cy\", y);\n+            node.setAttributeNS(null, \"r\", radius);\n+            return node\n         } else {\n             return false\n         }\n     },\n     drawLineString: function(node, geometry) {\n         var componentsResult = this.getComponentsString(geometry.components);\n         if (componentsResult.path) {\n@@ -36479,1219 +34215,3483 @@\n     l: 0,\n     c: .5,\n     r: 1,\n     t: 0,\n     m: .5,\n     b: 1\n };\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n-    hitDetection: true,\n-    hitOverflow: 0,\n-    canvas: null,\n-    features: null,\n-    pendingRedraw: false,\n-    cachedSymbolBounds: {},\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\")\n+OpenLayers.Events.featureclick = OpenLayers.Class({\n+    cache: null,\n+    map: null,\n+    provides: [\"featureclick\", \"nofeatureclick\", \"featureover\", \"featureout\"],\n+    initialize: function(target) {\n+        this.target = target;\n+        if (target.object instanceof OpenLayers.Map) {\n+            this.setMap(target.object)\n+        } else if (target.object instanceof OpenLayers.Layer.Vector) {\n+            if (target.object.map) {\n+                this.setMap(target.object.map)\n+            } else {\n+                target.object.events.register(\"added\", this, function(evt) {\n+                    this.setMap(target.object.map)\n+                })\n+            }\n+        } else {\n+            throw \"Listeners for '\" + this.provides.join(\"', '\") + \"' events can only be registered for OpenLayers.Layer.Vector \" + \"or OpenLayers.Map instances\"\n+        }\n+        for (var i = this.provides.length - 1; i >= 0; --i) {\n+            target.extensions[this.provides[i]] = true\n         }\n     },\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        return false\n+    setMap: function(map) {\n+        this.map = map;\n+        this.cache = {};\n+        map.events.register(\"mousedown\", this, this.start, {\n+            extension: true\n+        });\n+        map.events.register(\"mouseup\", this, this.onClick, {\n+            extension: true\n+        });\n+        map.events.register(\"touchstart\", this, this.start, {\n+            extension: true\n+        });\n+        map.events.register(\"touchmove\", this, this.cancel, {\n+            extension: true\n+        });\n+        map.events.register(\"touchend\", this, this.onClick, {\n+            extension: true\n+        });\n+        map.events.register(\"mousemove\", this, this.onMousemove, {\n+            extension: true\n+        })\n     },\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0])\n+    start: function(evt) {\n+        this.startEvt = evt\n     },\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED\n+    cancel: function(evt) {\n+        delete this.startEvt\n     },\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h\n+    onClick: function(evt) {\n+        if (!this.startEvt || evt.type !== \"touchend\" && !OpenLayers.Event.isLeftClick(evt)) {\n+            return\n         }\n-    },\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            var bounds = feature.geometry.getBounds();\n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent()\n-            }\n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n+        var features = this.getFeatures(this.startEvt);\n+        delete this.startEvt;\n+        var feature, layer, more, clicked = {};\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            layer = feature.layer;\n+            clicked[layer.id] = true;\n+            more = this.triggerEvent(\"featureclick\", {\n+                feature: feature\n             });\n-            rendered = style.display !== \"none\" && !!bounds && intersects;\n-            if (rendered) {\n-                this.features[feature.id] = [feature, style]\n-            } else {\n-                delete this.features[feature.id]\n+            if (more === false) {\n+                break\n             }\n-            this.pendingRedraw = true\n         }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false\n+        for (i = 0, len = this.map.layers.length; i < len; ++i) {\n+            layer = this.map.layers[i];\n+            if (layer instanceof OpenLayers.Layer.Vector && !clicked[layer.id]) {\n+                this.triggerEvent(\"nofeatureclick\", {\n+                    layer: layer\n+                })\n+            }\n         }\n-        return rendered\n     },\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId)\n+    onMousemove: function(evt) {\n+        delete this.startEvt;\n+        var features = this.getFeatures(evt);\n+        var over = {},\n+            newly = [],\n+            feature;\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            over[feature.id] = feature;\n+            if (!this.cache[feature.id]) {\n+                newly.push(feature)\n             }\n-            return\n         }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n+        var out = [];\n+        for (var id in this.cache) {\n+            feature = this.cache[id];\n+            if (feature.layer && feature.layer.map) {\n+                if (!over[feature.id]) {\n+                    out.push(feature)\n+                }\n+            } else {\n+                delete this.cache[id]\n+            }\n+        }\n+        var more;\n+        for (i = 0, len = newly.length; i < len; ++i) {\n+            feature = newly[i];\n+            this.cache[feature.id] = feature;\n+            more = this.triggerEvent(\"featureover\", {\n+                feature: feature\n+            });\n+            if (more === false) {\n+                break\n+            }\n+        }\n+        for (i = 0, len = out.length; i < len; ++i) {\n+            feature = out[i];\n+            delete this.cache[feature.id];\n+            more = this.triggerEvent(\"featureout\", {\n+                feature: feature\n+            });\n+            if (more === false) {\n                 break\n+            }\n         }\n     },\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image;\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title\n+    triggerEvent: function(type, evt) {\n+        var layer = evt.feature ? evt.feature.layer : evt.layer,\n+            object = this.target.object;\n+        if (object instanceof OpenLayers.Map || object === layer) {\n+            return this.target.triggerEvent(type, evt)\n         }\n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n-        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = p0 + xOffset | 0;\n-                var y = p1 + yOffset | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n-                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height)\n+    },\n+    getFeatures: function(evt) {\n+        var x = evt.clientX,\n+            y = evt.clientY,\n+            features = [],\n+            targets = [],\n+            layers = [],\n+            layer, target, feature, i, len;\n+        for (i = this.map.layers.length - 1; i >= 0; --i) {\n+            layer = this.map.layers[i];\n+            if (layer.div.style.display !== \"none\") {\n+                if (layer.renderer instanceof OpenLayers.Renderer.Elements) {\n+                    if (layer instanceof OpenLayers.Layer.Vector) {\n+                        target = document.elementFromPoint(x, y);\n+                        while (target && target._featureId) {\n+                            feature = layer.getFeatureById(target._featureId);\n+                            if (feature) {\n+                                features.push(feature);\n+                                target.style.display = \"none\";\n+                                targets.push(target);\n+                                target = document.elementFromPoint(x, y)\n+                            } else {\n+                                target = false\n+                            }\n+                        }\n+                    }\n+                    layers.push(layer);\n+                    layer.div.style.display = \"none\"\n+                } else if (layer.renderer instanceof OpenLayers.Renderer.Canvas) {\n+                    feature = layer.renderer.getFeatureIdFromEvent(evt);\n+                    if (feature) {\n+                        features.push(feature);\n+                        layers.push(layer)\n+                    }\n                 }\n             }\n-        };\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic\n+        }\n+        for (i = 0, len = targets.length; i < len; ++i) {\n+            targets[i].style.display = \"\"\n+        }\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            layers[i].div.style.display = \"block\"\n+        }\n+        return features\n     },\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180;\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n-        if (!symbol) {\n-            throw new Error(style.graphicName + \" is not a valid symbol name\")\n+    destroy: function() {\n+        for (var i = this.provides.length - 1; i >= 0; --i) {\n+            delete this.target.extensions[this.provides[i]]\n         }\n-        if (!symbol.length || symbol.length < 2) return;\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n-        if (isNaN(p0) || isNaN(p1)) return;\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\"\n+        this.map.events.un({\n+            mousemove: this.onMousemove,\n+            mousedown: this.start,\n+            mouseup: this.onClick,\n+            touchstart: this.start,\n+            touchmove: this.cancel,\n+            touchend: this.onClick,\n+            scope: this\n+        });\n+        delete this.cache;\n+        delete this.map;\n+        delete this.target\n+    }\n+});\n+OpenLayers.Events.nofeatureclick = OpenLayers.Events.featureclick;\n+OpenLayers.Events.featureover = OpenLayers.Events.featureclick;\n+OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n+OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    dx: null,\n+    dy: null,\n+    ratio: 1.5,\n+    maxFeatures: 250,\n+    rotation: 0,\n+    origin: null,\n+    gridBounds: null,\n+    initialize: function(config) {\n+        config = config || {};\n+        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config])\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        map.events.register(\"moveend\", this, this.onMoveEnd)\n+    },\n+    removeMap: function(map) {\n+        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n+    },\n+    setRatio: function(ratio) {\n+        this.ratio = ratio;\n+        this.updateGrid(true)\n+    },\n+    setMaxFeatures: function(maxFeatures) {\n+        this.maxFeatures = maxFeatures;\n+        this.updateGrid(true)\n+    },\n+    setSpacing: function(dx, dy) {\n+        this.dx = dx;\n+        this.dy = dy || dx;\n+        this.updateGrid(true)\n+    },\n+    setOrigin: function(origin) {\n+        this.origin = origin;\n+        this.updateGrid(true)\n+    },\n+    getOrigin: function() {\n+        if (!this.origin) {\n+            this.origin = this.map.getExtent().getCenterLonLat()\n         }\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n+        return this.origin\n+    },\n+    setRotation: function(rotation) {\n+        this.rotation = rotation;\n+        this.updateGrid(true)\n+    },\n+    onMoveEnd: function() {\n+        this.updateGrid()\n+    },\n+    getViewBounds: function() {\n+        var bounds = this.map.getExtent();\n+        if (this.rotation) {\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var rect = bounds.toGeometry();\n+            rect.rotate(-this.rotation, rotationOrigin);\n+            bounds = rect.getBounds()\n+        }\n+        return bounds\n+    },\n+    updateGrid: function(force) {\n+        if (force || this.invalidBounds()) {\n+            var viewBounds = this.getViewBounds();\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var viewBoundsWidth = viewBounds.getWidth();\n+            var viewBoundsHeight = viewBounds.getHeight();\n+            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n+            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n+            var maxWidth = maxHeight * aspectRatio;\n+            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n+            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n+            var center = viewBounds.getCenterLonLat();\n+            this.gridBounds = new OpenLayers.Bounds(center.lon - gridWidth / 2, center.lat - gridHeight / 2, center.lon + gridWidth / 2, center.lat + gridHeight / 2);\n+            var rows = Math.floor(gridHeight / this.dy);\n+            var cols = Math.floor(gridWidth / this.dx);\n+            var gridLeft = origin.lon + this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx);\n+            var gridBottom = origin.lat + this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy);\n+            var features = new Array(rows * cols);\n+            var x, y, point;\n+            for (var i = 0; i < cols; ++i) {\n+                x = gridLeft + i * this.dx;\n+                for (var j = 0; j < rows; ++j) {\n+                    y = gridBottom + j * this.dy;\n+                    point = new OpenLayers.Geometry.Point(x, y);\n+                    if (this.rotation) {\n+                        point.rotate(this.rotation, rotationOrigin)\n+                    }\n+                    features[i * rows + j] = new OpenLayers.Feature.Vector(point)\n+                }\n+            }\n+            this.destroyFeatures(this.features, {\n+                silent: true\n+            });\n+            this.addFeatures(features, {\n+                silent: true\n+            })\n+        }\n+    },\n+    invalidBounds: function() {\n+        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds())\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n+});\n+OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {},\n+    isBaseLayer: true,\n+    lzd: null,\n+    zoomLevels: null,\n+    initialize: function(name, url, lzd, zoomLevels, params, options) {\n+        this.lzd = lzd;\n+        this.zoomLevels = zoomLevels;\n+        var newArguments = [];\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+    },\n+    getZoom: function() {\n+        var zoom = this.map.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n+        return zoom\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var zoom = this.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        var deg = this.lzd / Math.pow(2, this.getZoom());\n+        var x = Math.floor((bounds.left - extent.left) / deg);\n+        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n+        if (this.map.getResolution() <= this.lzd / 512 && this.getZoom() <= this.zoomLevels) {\n+            return this.getFullRequestString({\n+                L: zoom,\n+                X: x,\n+                Y: y\n+            })\n         } else {\n-            symbolBounds = new OpenLayers.Bounds;\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n+            return OpenLayers.Util.getImageLocation(\"blank.gif\")\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n+});\n+OpenLayers.Layer.Markers = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: false,\n+    markers: null,\n+    drawn: false,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        this.markers = []\n+    },\n+    destroy: function() {\n+        this.clearMarkers();\n+        this.markers = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    setOpacity: function(opacity) {\n+        if (opacity != this.opacity) {\n+            this.opacity = opacity;\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                this.markers[i].setOpacity(this.opacity)\n             }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n         }\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save()\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        if (zoomChanged || !this.drawn) {\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                this.drawMarker(this.markers[i])\n+            }\n+            this.drawn = true\n         }\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1)\n+    },\n+    addMarker: function(marker) {\n+        this.markers.push(marker);\n+        if (this.opacity < 1) {\n+            marker.setOpacity(this.opacity)\n         }\n-        angle = deg2rad * style.rotation;\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle)\n+        if (this.map && this.map.getExtent()) {\n+            marker.map = this.map;\n+            this.drawMarker(marker)\n+        }\n+    },\n+    removeMarker: function(marker) {\n+        if (this.markers && this.markers.length) {\n+            OpenLayers.Util.removeItem(this.markers, marker);\n+            marker.erase()\n+        }\n+    },\n+    clearMarkers: function() {\n+        if (this.markers != null) {\n+            while (this.markers.length > 0) {\n+                this.removeMarker(this.markers[0])\n             }\n         }\n-        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling)\n+    },\n+    drawMarker: function(marker) {\n+        var px = this.map.getLayerPxFromLonLat(marker.lonlat);\n+        if (px == null) {\n+            marker.display(false)\n+        } else {\n+            if (!marker.isDrawn()) {\n+                var markerImg = marker.draw(px);\n+                this.div.appendChild(markerImg)\n+            } else if (marker.icon) {\n+                marker.icon.moveTo(px)\n+            }\n         }\n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy)\n+    },\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        if (this.markers && this.markers.length > 0) {\n+            var maxExtent = new OpenLayers.Bounds;\n+            for (var i = 0, len = this.markers.length; i < len; i++) {\n+                var marker = this.markers[i];\n+                maxExtent.extend(marker.lonlat)\n+            }\n         }\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n+        return maxExtent\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Markers\"\n+});\n+OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    location: null,\n+    features: null,\n+    formatOptions: null,\n+    selectedFeature: null,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n+        this.features = []\n+    },\n+    destroy: function() {\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null\n+    },\n+    loadText: function() {\n+        if (!this.loaded) {\n+            if (this.location != null) {\n+                var onFail = function(e) {\n+                    this.events.triggerEvent(\"loadend\")\n+                };\n+                this.events.triggerEvent(\"loadstart\");\n+                OpenLayers.Request.GET({\n+                    url: this.location,\n+                    success: this.parseData,\n+                    failure: onFail,\n+                    scope: this\n+                });\n+                this.loaded = true\n             }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n+        }\n+    },\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadText()\n+        }\n+    },\n+    parseData: function(ajaxRequest) {\n+        var text = ajaxRequest.responseText;\n+        var options = {};\n+        OpenLayers.Util.extend(options, this.formatOptions);\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject()\n+        }\n+        var parser = new OpenLayers.Format.Text(options);\n+        var features = parser.read(text);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            var location;\n+            var iconSize, iconOffset;\n+            location = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y);\n+            if (feature.style.graphicWidth && feature.style.graphicHeight) {\n+                iconSize = new OpenLayers.Size(feature.style.graphicWidth, feature.style.graphicHeight)\n+            }\n+            if (feature.style.graphicXOffset !== undefined && feature.style.graphicYOffset !== undefined) {\n+                iconOffset = new OpenLayers.Pixel(feature.style.graphicXOffset, feature.style.graphicYOffset)\n+            }\n+            if (feature.style.externalGraphic != null) {\n+                data.icon = new OpenLayers.Icon(feature.style.externalGraphic, iconSize, iconOffset)\n+            } else {\n+                data.icon = OpenLayers.Marker.defaultIcon();\n+                if (iconSize != null) {\n+                    data.icon.setSize(iconSize)\n                 }\n-                this.hitContext.closePath();\n-                this.hitContext.fill()\n             }\n+            if (feature.attributes.title != null && feature.attributes.description != null) {\n+                data[\"popupContentHTML\"] = \"<h2>\" + feature.attributes.title + \"</h2>\" + \"<p>\" + feature.attributes.description + \"</p>\"\n+            }\n+            data[\"overflow\"] = feature.attributes.overflow || \"auto\";\n+            var markerFeature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(markerFeature);\n+            var marker = markerFeature.createMarker();\n+            if (feature.attributes.title != null && feature.attributes.description != null) {\n+                marker.events.register(\"click\", markerFeature, this.markerClick)\n+            }\n+            this.addMarker(marker)\n         }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n+        this.events.triggerEvent(\"loadend\")\n+    },\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = this == this.layer.selectedFeature;\n+        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i])\n+        }\n+        if (!sameMarkerClicked) {\n+            this.layer.map.addPopup(this.createPopup())\n+        }\n+        OpenLayers.Event.stop(evt)\n+    },\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy()\n             }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Text\"\n+});\n+OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    version: \"1.0.0\",\n+    requestEncoding: \"KVP\",\n+    url: null,\n+    layer: null,\n+    matrixSet: null,\n+    style: null,\n+    format: \"image/jpeg\",\n+    tileOrigin: null,\n+    tileFullExtent: null,\n+    formatSuffix: null,\n+    matrixIds: null,\n+    dimensions: null,\n+    params: null,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    formatSuffixMap: {\n+        \"image/png\": \"png\",\n+        \"image/png8\": \"png\",\n+        \"image/png24\": \"png\",\n+        \"image/png32\": \"png\",\n+        png: \"png\",\n+        \"image/jpeg\": \"jpg\",\n+        \"image/jpg\": \"jpg\",\n+        jpeg: \"jpg\",\n+        jpg: \"jpg\"\n+    },\n+    matrix: null,\n+    initialize: function(config) {\n+        var required = {\n+            url: true,\n+            layer: true,\n+            style: true,\n+            matrixSet: true\n+        };\n+        for (var prop in required) {\n+            if (!(prop in config)) {\n+                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\")\n+            }\n+        }\n+        config.params = OpenLayers.Util.upperCaseObject(config.params);\n+        var args = [config.name, config.url, config.params, config];\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n+        if (!this.formatSuffix) {\n+            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop()\n+        }\n+        if (this.matrixIds) {\n+            var len = this.matrixIds.length;\n+            if (len && typeof this.matrixIds[0] === \"string\") {\n+                var ids = this.matrixIds;\n+                this.matrixIds = new Array(len);\n+                for (var i = 0; i < len; ++i) {\n+                    this.matrixIds[i] = {\n+                        identifier: ids[i]\n+                    }\n                 }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke()\n             }\n         }\n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore()\n+    },\n+    setMap: function() {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments)\n+    },\n+    updateMatrixProperties: function() {\n+        this.matrix = this.getMatrix();\n+        if (this.matrix) {\n+            if (this.matrix.topLeftCorner) {\n+                this.tileOrigin = this.matrix.topLeftCorner\n+            }\n+            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n+                this.tileSize = new OpenLayers.Size(this.matrix.tileWidth, this.matrix.tileHeight)\n+            }\n+            if (!this.tileOrigin) {\n+                this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.top)\n+            }\n+            if (!this.tileFullExtent) {\n+                this.tileFullExtent = this.maxExtent\n+            }\n         }\n-        this.setCanvasStyle(\"reset\")\n     },\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style[\"fillOpacity\"];\n-            this.canvas.fillStyle = style[\"fillColor\"]\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n-            this.canvas.strokeStyle = style[\"strokeColor\"];\n-            this.canvas.lineWidth = style[\"strokeWidth\"]\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        if (zoomChanged || !this.matrix) {\n+            this.updateMatrixProperties()\n         }\n+        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments)\n     },\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1;\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMTS(this.options)\n         }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.fillStyle = hex\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.strokeStyle = hex;\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n-                }\n+    getIdentifier: function() {\n+        return this.getServerZoom()\n+    },\n+    getMatrix: function() {\n+        var matrix;\n+        if (!this.matrixIds || this.matrixIds.length === 0) {\n+            matrix = {\n+                identifier: this.getIdentifier()\n             }\n         } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1\n+            if (\"scaleDenominator\" in this.matrixIds[0]) {\n+                var denom = OpenLayers.METERS_PER_INCH * OpenLayers.INCHES_PER_UNIT[this.units] * this.getServerResolution() / 28e-5;\n+                var diff = Number.POSITIVE_INFINITY;\n+                var delta;\n+                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n+                    delta = Math.abs(1 - this.matrixIds[i].scaleDenominator / denom);\n+                    if (delta < diff) {\n+                        diff = delta;\n+                        matrix = this.matrixIds[i]\n+                    }\n+                }\n+            } else {\n+                matrix = this.matrixIds[this.getIdentifier()]\n+            }\n         }\n+        return matrix\n     },\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId)\n-            } else if (style.graphicName && style.graphicName != \"circle\") {\n-                this.drawNamedSymbol(geometry, style, featureId)\n+    getTileInfo: function(loc) {\n+        var res = this.getServerResolution();\n+        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n+        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n+        var col = Math.floor(fx);\n+        var row = Math.floor(fy);\n+        return {\n+            col: col,\n+            row: row,\n+            i: Math.floor((fx - col) * this.tileSize.w),\n+            j: Math.floor((fy - row) * this.tileSize.h)\n+        }\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var url = \"\";\n+        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n+            var center = bounds.getCenterLonLat();\n+            var info = this.getTileInfo(center);\n+            var matrixId = this.matrix.identifier;\n+            var dimensions = this.dimensions,\n+                params;\n+            if (OpenLayers.Util.isArray(this.url)) {\n+                url = this.selectUrl([this.version, this.style, this.matrixSet, this.matrix.identifier, info.row, info.col].join(\",\"), this.url)\n             } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill()\n+                url = this.url\n+            }\n+            if (this.requestEncoding.toUpperCase() === \"REST\") {\n+                params = this.params;\n+                if (url.indexOf(\"{\") !== -1) {\n+                    var template = url.replace(/\\{/g, \"${\");\n+                    var context = {\n+                        style: this.style,\n+                        Style: this.style,\n+                        TileMatrixSet: this.matrixSet,\n+                        TileMatrix: this.matrix.identifier,\n+                        TileRow: info.row,\n+                        TileCol: info.col\n+                    };\n+                    if (dimensions) {\n+                        var dimension, i;\n+                        for (i = dimensions.length - 1; i >= 0; --i) {\n+                            dimension = dimensions[i];\n+                            context[dimension] = params[dimension.toUpperCase()]\n                         }\n                     }\n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke()\n+                    url = OpenLayers.String.format(template, context)\n+                } else {\n+                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n+                    if (dimensions) {\n+                        for (var i = 0; i < dimensions.length; i++) {\n+                            if (params[dimensions[i]]) {\n+                                path = path + params[dimensions[i]] + \"/\"\n+                            }\n                         }\n-                        this.setCanvasStyle(\"reset\")\n                     }\n+                    path = path + this.matrixSet + \"/\" + this.matrix.identifier + \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n+                    if (!url.match(/\\/$/)) {\n+                        url = url + \"/\"\n+                    }\n+                    url = url + path\n                 }\n+            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+                params = {\n+                    SERVICE: \"WMTS\",\n+                    REQUEST: \"GetTile\",\n+                    VERSION: this.version,\n+                    LAYER: this.layer,\n+                    STYLE: this.style,\n+                    TILEMATRIXSET: this.matrixSet,\n+                    TILEMATRIX: this.matrix.identifier,\n+                    TILEROW: info.row,\n+                    TILECOL: info.col,\n+                    FORMAT: this.format\n+                };\n+                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params])\n             }\n         }\n+        return url\n+    },\n+    mergeNewParams: function(newParams) {\n+        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, [OpenLayers.Util.upperCaseObject(newParams)])\n+        }\n     },\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId)\n+    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n+});\n+OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    location: null,\n+    features: null,\n+    formatOptions: null,\n+    selectedFeature: null,\n+    icon: null,\n+    popupSize: null,\n+    useFeedTitle: true,\n+    initialize: function(name, location, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n+        this.location = location;\n+        this.features = []\n     },\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n+    destroy: function() {\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null\n+    },\n+    loadRSS: function() {\n+        if (!this.loaded) {\n+            this.events.triggerEvent(\"loadstart\");\n+            OpenLayers.Request.GET({\n+                url: this.location,\n+                success: this.parseData,\n+                scope: this\n+            });\n+            this.loaded = true\n+        }\n+    },\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadRSS()\n+        }\n+    },\n+    parseData: function(ajaxRequest) {\n+        var doc = ajaxRequest.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText)\n+        }\n+        if (this.useFeedTitle) {\n+            var name = null;\n+            try {\n+                name = doc.getElementsByTagNameNS(\"*\", \"title\")[0].firstChild.nodeValue\n+            } catch (e) {\n+                try {\n+                    name = doc.getElementsByTagName(\"title\")[0].firstChild.nodeValue\n+                } catch (e) {}\n+            }\n+            if (name) {\n+                this.setName(name)\n             }\n         }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n+        var options = {};\n+        OpenLayers.Util.extend(options, this.formatOptions);\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject()\n+        }\n+        var format = new OpenLayers.Format.GeoRSS(options);\n+        var features = format.read(doc);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            if (!feature.geometry) {\n+                continue\n+            }\n+            var title = feature.attributes.title ? feature.attributes.title : \"Untitled\";\n+            var description = feature.attributes.description ? feature.attributes.description : \"No description.\";\n+            var link = feature.attributes.link ? feature.attributes.link : \"\";\n+            var location = feature.geometry.getBounds().getCenterLonLat();\n+            data.icon = this.icon == null ? OpenLayers.Marker.defaultIcon() : this.icon.clone();\n+            data.popupSize = this.popupSize ? this.popupSize.clone() : new OpenLayers.Size(250, 120);\n+            if (title || description) {\n+                data.title = title;\n+                data.description = description;\n+                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n+                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n+                if (link) {\n+                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">'\n+                }\n+                contentHTML += title;\n+                if (link) {\n+                    contentHTML += \"</a>\"\n+                }\n+                contentHTML += \"</div>\";\n+                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n+                contentHTML += description;\n+                contentHTML += \"</div>\";\n+                data[\"popupContentHTML\"] = contentHTML\n+            }\n+            var feature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(feature);\n+            var marker = feature.createMarker();\n+            marker.events.register(\"click\", feature, this.markerClick);\n+            this.addMarker(marker)\n+        }\n+        this.events.triggerEvent(\"loadend\")\n+    },\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = this == this.layer.selectedFeature;\n+        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i])\n+        }\n+        if (!sameMarkerClicked) {\n+            var popup = this.createPopup();\n+            OpenLayers.Event.observe(popup.div, \"click\", OpenLayers.Function.bind(function() {\n+                for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+                    this.layer.map.removePopup(this.layer.map.popups[i])\n+                }\n+            }, this));\n+            this.layer.map.addPopup(popup)\n+        }\n+        OpenLayers.Event.stop(evt)\n+    },\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy()\n             }\n         }\n-        this.setCanvasStyle(\"reset\")\n     },\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1])\n+    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n+});\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    sphericalMercator: false,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options)\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = \"\" + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url)\n+        }\n+        return OpenLayers.String.format(url, xyz)\n+    },\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = (x % limit + limit) % limit\n+        }\n+        return {\n+            x: x,\n+            y: y,\n+            z: z\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+OpenLayers.Layer.MapServer = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        mode: \"map\",\n+        map_imagetype: \"png\"\n+    },\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS);\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = this.params.transparent != \"true\" && this.params.transparent != true\n+        }\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapServer(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var extent = [bounds.left, bounds.bottom, bounds.right, bounds.top];\n+        var imageSize = this.getImageSize();\n+        var url = this.getFullRequestString({\n+            mapext: extent,\n+            imgext: extent,\n+            map_size: [imageSize.w, imageSize.h],\n+            imgx: imageSize.w / 2,\n+            imgy: imageSize.h / 2,\n+            imgxy: [imageSize.w, imageSize.h]\n+        });\n+        return url\n+    },\n+    getFullRequestString: function(newParams, altUrl) {\n+        var url = altUrl == null ? this.url : altUrl;\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(paramsString, url)\n+        }\n+        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key]\n             }\n-            if (type === \"fill\") {\n-                context.fill()\n+        }\n+        paramsString = OpenLayers.Util.getParameterString(allParams);\n+        var requestString = url;\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n+                requestString += paramsString\n             } else {\n-                context.stroke()\n+                if (url.indexOf(\"?\") == -1) {\n+                    requestString += \"?\" + paramsString\n+                } else {\n+                    requestString += \"&\" + paramsString\n+                }\n             }\n         }\n+        return requestString\n     },\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        for (var i = 1; i < len; ++i) {\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\"\n+    CLASS_NAME: \"OpenLayers.Layer.MapServer\"\n+});\n+OpenLayers.Layer.SphericalMercator = {\n+    getExtent: function() {\n+        var extent = null;\n+        if (this.sphericalMercator) {\n+            extent = this.map.calculateBounds()\n+        } else {\n+            extent = OpenLayers.Layer.FixedZoomLevels.prototype.getExtent.apply(this)\n+        }\n+        return extent\n+    },\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        return OpenLayers.Layer.prototype.getLonLatFromViewPortPx.apply(this, arguments)\n+    },\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        return OpenLayers.Layer.prototype.getViewPortPxFromLonLat.apply(this, arguments)\n+    },\n+    initMercatorParameters: function() {\n+        this.RESOLUTIONS = [];\n+        var maxResolution = 156543.03390625;\n+        for (var zoom = 0; zoom <= this.MAX_ZOOM_LEVEL; ++zoom) {\n+            this.RESOLUTIONS[zoom] = maxResolution / Math.pow(2, zoom)\n+        }\n+        this.units = \"m\";\n+        this.projection = this.projection || \"EPSG:900913\"\n+    },\n+    forwardMercator: function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(lon, lat) {\n+            var point = OpenLayers.Projection.transform({\n+                x: lon,\n+                y: lat\n+            }, gg, sm);\n+            return new OpenLayers.LonLat(point.x, point.y)\n+        }\n+    }(),\n+    inverseMercator: function() {\n+        var gg = new OpenLayers.Projection(\"EPSG:4326\");\n+        var sm = new OpenLayers.Projection(\"EPSG:900913\");\n+        return function(x, y) {\n+            var point = OpenLayers.Projection.transform({\n+                x: x,\n+                y: y\n+            }, sm, gg);\n+            return new OpenLayers.LonLat(point.x, point.y)\n+        }\n+    }()\n+};\n+OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    serviceVersion: \"1.0.0\",\n+    layername: null,\n+    type: null,\n+    isBaseLayer: true,\n+    tileOrigin: null,\n+    serverResolutions: null,\n+    zoomOffset: 0,\n+    initialize: function(name, url, options) {\n+        var newArguments = [];\n+        newArguments.push(name, url, {}, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TMS(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        return url + path\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.bottom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+});\n+OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    DEFAULT_PARAMS: {\n+        i: \"jpeg\",\n+        map: \"\"\n+    },\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        return this.getFullRequestString({\n+            t: pY,\n+            l: pX,\n+            s: scale\n+        })\n+    },\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n+        var offsetlon = bounds.left;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+        var offsetlat = bounds.top;\n+        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        }\n+    },\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var minX = (tileLayout.startcol + col) * tilelon;\n+        var minY = (tileLayout.startrow - row) * tilelat;\n+        return new OpenLayers.Bounds(minX, minY, minX + tilelon, minY + tilelat)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.KaMap(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone()\n+        }\n+        obj.grid = [];\n+        return obj\n+    },\n+    getTileBounds: function(viewPortPx) {\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n+        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n+        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n+});\n+OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n+    url: null,\n+    utfgridResolution: 2,\n+    json: null,\n+    format: null,\n+    destroy: function() {\n+        this.clear();\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (drawn) {\n+            if (this.isLoading) {\n+                this.abortLoading();\n+                this.events.triggerEvent(\"reload\")\n+            } else {\n+                this.isLoading = true;\n+                this.events.triggerEvent(\"loadstart\")\n             }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                stroke: false,\n-                fillOpacity: 1\n-            }, style), featureId);\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\"\n+            this.url = this.layer.getURL(this.bounds);\n+            if (this.layer.useJSONP) {\n+                var ols = new OpenLayers.Protocol.Script({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        this.json = response.data\n+                    },\n+                    scope: this\n+                });\n+                ols.read();\n+                this.request = ols\n+            } else {\n+                this.request = OpenLayers.Request.GET({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        if (response.status === 200) {\n+                            this.parseData(response.responseText)\n+                        }\n+                    },\n+                    scope: this\n+                })\n             }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                fill: false\n-            }, style), featureId)\n+        } else {\n+            this.unload()\n         }\n+        return drawn\n     },\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n-        var labelRows = style.label.split(\"\\n\");\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n-            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n-            }\n-            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n-                    this.canvas.restore()\n+    abortLoading: function() {\n+        if (this.request) {\n+            this.request.abort();\n+            delete this.request\n+        }\n+        this.isLoading = false\n+    },\n+    getFeatureInfo: function(i, j) {\n+        var info = null;\n+        if (this.json) {\n+            var id = this.getFeatureId(i, j);\n+            if (id !== null) {\n+                info = {\n+                    id: id,\n+                    data: this.json.data[id]\n                 }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n             }\n-        } else if (this.canvas.mozDrawText) {\n-            this.canvas.mozTextStyle = fontStyle;\n-            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5\n+        }\n+        return info\n+    },\n+    getFeatureId: function(i, j) {\n+        var id = null;\n+        if (this.json) {\n+            var resolution = this.utfgridResolution;\n+            var row = Math.floor(j / resolution);\n+            var col = Math.floor(i / resolution);\n+            var charCode = this.json.grid[row].charCodeAt(col);\n+            var index = this.indexFromCharCode(charCode);\n+            var keys = this.json.keys;\n+            if (!isNaN(index) && index in keys) {\n+                id = keys[index]\n             }\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n+        }\n+        return id\n+    },\n+    indexFromCharCode: function(charCode) {\n+        if (charCode >= 93) {\n+            charCode--\n+        }\n+        if (charCode >= 35) {\n+            charCode--\n+        }\n+        return charCode - 32\n+    },\n+    parseData: function(str) {\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.JSON\n+        }\n+        this.json = this.format.read(str)\n+    },\n+    clear: function() {\n+        this.json = null\n+    },\n+    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n+});\n+OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    isBaseLayer: false,\n+    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n+    useJSONP: false,\n+    tileClass: OpenLayers.Tile.UTFGrid,\n+    initialize: function(options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [options.name, options.url, {}, options]);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            utfgridResolution: this.utfgridResolution\n+        }, this.tileOptions)\n+    },\n+    createBackBuffer: function() {},\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.UTFGrid(this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getFeatureInfo: function(location) {\n+        var info = null;\n+        var tileInfo = this.getTileData(location);\n+        if (tileInfo && tileInfo.tile) {\n+            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j)\n+        }\n+        return info\n+    },\n+    getFeatureId: function(location) {\n+        var id = null;\n+        var info = this.getTileData(location);\n+        if (info.tile) {\n+            id = info.tile.getFeatureId(info.i, info.j)\n+        }\n+        return id\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n+});\n+OpenLayers.Layer.FixedZoomLevels = OpenLayers.Class({\n+    initialize: function() {},\n+    initResolutions: function() {\n+        var props = [\"minZoomLevel\", \"maxZoomLevel\", \"numZoomLevels\"];\n+        for (var i = 0, len = props.length; i < len; i++) {\n+            var property = props[i];\n+            this[property] = this.options[property] != null ? this.options[property] : this.map[property]\n+        }\n+        if (this.minZoomLevel == null || this.minZoomLevel < this.MIN_ZOOM_LEVEL) {\n+            this.minZoomLevel = this.MIN_ZOOM_LEVEL\n+        }\n+        var desiredZoomLevels;\n+        var limitZoomLevels = this.MAX_ZOOM_LEVEL - this.minZoomLevel + 1;\n+        if (this.options.numZoomLevels == null && this.options.maxZoomLevel != null || this.numZoomLevels == null && this.maxZoomLevel != null) {\n+            desiredZoomLevels = this.maxZoomLevel - this.minZoomLevel + 1\n+        } else {\n+            desiredZoomLevels = this.numZoomLevels\n+        }\n+        if (desiredZoomLevels != null) {\n+            this.numZoomLevels = Math.min(desiredZoomLevels, limitZoomLevels)\n+        } else {\n+            this.numZoomLevels = limitZoomLevels\n+        }\n+        this.maxZoomLevel = this.minZoomLevel + this.numZoomLevels - 1;\n+        if (this.RESOLUTIONS != null) {\n+            var resolutionsIndex = 0;\n+            this.resolutions = [];\n+            for (var i = this.minZoomLevel; i <= this.maxZoomLevel; i++) {\n+                this.resolutions[resolutionsIndex++] = this.RESOLUTIONS[i]\n             }\n-            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n-            pt[1] += lineHeight * (1 + vfactor * numRows);\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n-                var y = pt[1] + i * lineHeight;\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y)\n+            this.maxResolution = this.resolutions[0];\n+            this.minResolution = this.resolutions[this.resolutions.length - 1]\n+        }\n+    },\n+    getResolution: function() {\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getResolution.apply(this, arguments)\n+        } else {\n+            var resolution = null;\n+            var viewSize = this.map.getSize();\n+            var extent = this.getExtent();\n+            if (viewSize != null && extent != null) {\n+                resolution = Math.max(extent.getWidth() / viewSize.w, extent.getHeight() / viewSize.h)\n             }\n+            return resolution\n         }\n-        this.setCanvasStyle(\"reset\")\n     },\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n-        var y = extent.top / resolution - point.y / resolution;\n-        return [x, y]\n+    getExtent: function() {\n+        var size = this.map.getSize();\n+        var tl = this.getLonLatFromViewPortPx({\n+            x: 0,\n+            y: 0\n+        });\n+        var br = this.getLonLatFromViewPortPx({\n+            x: size.w,\n+            y: size.h\n+        });\n+        if (tl != null && br != null) {\n+            return new OpenLayers.Bounds(tl.lon, br.lat, br.lon, tl.lat)\n+        } else {\n+            return null\n+        }\n     },\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height)\n+    getZoomForResolution: function(resolution) {\n+        if (this.resolutions != null) {\n+            return OpenLayers.Layer.prototype.getZoomForResolution.apply(this, arguments)\n+        } else {\n+            var extent = OpenLayers.Layer.prototype.getExtent.apply(this, []);\n+            return this.getZoomForExtent(extent)\n         }\n     },\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) {\n-                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0]\n-                        } catch (err) {}\n+    getOLZoomFromMapObjectZoom: function(moZoom) {\n+        var zoom = null;\n+        if (moZoom != null) {\n+            zoom = moZoom - this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.map.baseLayer.getZoomForResolution(this.getResolutionForZoom(zoom))\n+            }\n+        }\n+        return zoom\n+    },\n+    getMapObjectZoomFromOLZoom: function(olZoom) {\n+        var zoom = null;\n+        if (olZoom != null) {\n+            zoom = olZoom + this.minZoomLevel;\n+            if (this.map.baseLayer !== this) {\n+                zoom = this.getZoomForResolution(this.map.baseLayer.getResolutionForZoom(zoom))\n+            }\n+        }\n+        return zoom\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.FixedZoomLevels\"\n+});\n+OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    format: \"image/png\",\n+    serverResolutions: null,\n+    initialize: function(name, url, layername, options) {\n+        this.layername = layername;\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, {}, options]);\n+        this.extension = this.format.split(\"/\")[1].toLowerCase();\n+        this.extension = this.extension == \"jpg\" ? \"jpeg\" : this.extension\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TileCache(this.name, this.url, this.layername, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        var res = this.getServerResolution();\n+        var bbox = this.maxExtent;\n+        var size = this.tileSize;\n+        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n+        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n+        var tileZ = this.serverResolutions != null ? OpenLayers.Util.indexOf(this.serverResolutions, res) : this.map.getZoom();\n+        var components = [this.layername, OpenLayers.Number.zeroPad(tileZ, 2), OpenLayers.Number.zeroPad(parseInt(tileX / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileX / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileX) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY) % 1e3, 3) + \".\" + this.extension];\n+        var path = components.join(\"/\");\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        url = url.charAt(url.length - 1) == \"/\" ? url : url + \"/\";\n+        return url + path\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n+});\n+OpenLayers.Layer.EventPane = OpenLayers.Class(OpenLayers.Layer, {\n+    smoothDragPan: true,\n+    isBaseLayer: true,\n+    isFixed: true,\n+    pane: null,\n+    mapObject: null,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (this.pane == null) {\n+            this.pane = OpenLayers.Util.createDiv(this.div.id + \"_EventPane\")\n+        }\n+    },\n+    destroy: function() {\n+        this.mapObject = null;\n+        this.pane = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1;\n+        this.pane.style.display = this.div.style.display;\n+        this.pane.style.width = \"100%\";\n+        this.pane.style.height = \"100%\";\n+        if (OpenLayers.BROWSER_NAME == \"msie\") {\n+            this.pane.style.background = \"url(\" + OpenLayers.Util.getImageLocation(\"blank.gif\") + \")\"\n+        }\n+        if (this.isFixed) {\n+            this.map.viewPortDiv.appendChild(this.pane)\n+        } else {\n+            this.map.layerContainerDiv.appendChild(this.pane)\n+        }\n+        this.loadMapObject();\n+        if (this.mapObject == null) {\n+            this.loadWarningMessage()\n+        }\n+    },\n+    removeMap: function(map) {\n+        if (this.pane && this.pane.parentNode) {\n+            this.pane.parentNode.removeChild(this.pane)\n+        }\n+        OpenLayers.Layer.prototype.removeMap.apply(this, arguments)\n+    },\n+    loadWarningMessage: function() {\n+        this.div.style.backgroundColor = \"darkblue\";\n+        var viewSize = this.map.getSize();\n+        var msgW = Math.min(viewSize.w, 300);\n+        var msgH = Math.min(viewSize.h, 200);\n+        var size = new OpenLayers.Size(msgW, msgH);\n+        var centerPx = new OpenLayers.Pixel(viewSize.w / 2, viewSize.h / 2);\n+        var topLeft = centerPx.add(-size.w / 2, -size.h / 2);\n+        var div = OpenLayers.Util.createDiv(this.name + \"_warning\", topLeft, size, null, null, null, \"auto\");\n+        div.style.padding = \"7px\";\n+        div.style.backgroundColor = \"yellow\";\n+        div.innerHTML = this.getWarningHTML();\n+        this.div.appendChild(div)\n+    },\n+    getWarningHTML: function() {\n+        return \"\"\n+    },\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        this.pane.style.display = this.div.style.display\n+    },\n+    setZIndex: function(zIndex) {\n+        OpenLayers.Layer.prototype.setZIndex.apply(this, arguments);\n+        this.pane.style.zIndex = parseInt(this.div.style.zIndex) + 1\n+    },\n+    moveByPx: function(dx, dy) {\n+        OpenLayers.Layer.prototype.moveByPx.apply(this, arguments);\n+        if (this.dragPanMapObject) {\n+            this.dragPanMapObject(dx, -dy)\n+        } else {\n+            this.moveTo(this.map.getCachedCenter())\n+        }\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        if (this.mapObject != null) {\n+            var newCenter = this.map.getCenter();\n+            var newZoom = this.map.getZoom();\n+            if (newCenter != null) {\n+                var moOldCenter = this.getMapObjectCenter();\n+                var oldCenter = this.getOLLonLatFromMapObjectLonLat(moOldCenter);\n+                var moOldZoom = this.getMapObjectZoom();\n+                var oldZoom = this.getOLZoomFromMapObjectZoom(moOldZoom);\n+                if (!newCenter.equals(oldCenter) || newZoom != oldZoom) {\n+                    if (!zoomChanged && oldCenter && this.dragPanMapObject && this.smoothDragPan) {\n+                        var oldPx = this.map.getViewPortPxFromLonLat(oldCenter);\n+                        var newPx = this.map.getViewPortPxFromLonLat(newCenter);\n+                        this.dragPanMapObject(newPx.x - oldPx.x, oldPx.y - newPx.y)\n+                    } else {\n+                        var center = this.getMapObjectLonLatFromOLLonLat(newCenter);\n+                        var zoom = this.getMapObjectZoomFromOLZoom(newZoom);\n+                        this.setMapObjectCenter(center, zoom, dragging)\n                     }\n                 }\n             }\n         }\n-        return feature\n     },\n-    eraseFeatures: function(features) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n+    getLonLatFromViewPortPx: function(viewPortPx) {\n+        var lonlat = null;\n+        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n+            var moPixel = this.getMapObjectPixelFromOLPixel(viewPortPx);\n+            var moLonLat = this.getMapObjectLonLatFromMapObjectPixel(moPixel);\n+            lonlat = this.getOLLonLatFromMapObjectLonLat(moLonLat)\n         }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id]\n+        return lonlat\n+    },\n+    getViewPortPxFromLonLat: function(lonlat) {\n+        var viewPortPx = null;\n+        if (this.mapObject != null && this.getMapObjectCenter() != null) {\n+            var moLonLat = this.getMapObjectLonLatFromOLLonLat(lonlat);\n+            var moPixel = this.getMapObjectPixelFromMapObjectLonLat(moLonLat);\n+            viewPortPx = this.getOLPixelFromMapObjectPixel(moPixel)\n         }\n-        this.redraw()\n+        return viewPortPx\n     },\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height)\n+    getOLLonLatFromMapObjectLonLat: function(moLonLat) {\n+        var olLonLat = null;\n+        if (moLonLat != null) {\n+            var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+            var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+            olLonLat = new OpenLayers.LonLat(lon, lat)\n+        }\n+        return olLonLat\n+    },\n+    getMapObjectLonLatFromOLLonLat: function(olLonLat) {\n+        var moLatLng = null;\n+        if (olLonLat != null) {\n+            moLatLng = this.getMapObjectLonLatFromLonLat(olLonLat.lon, olLonLat.lat)\n+        }\n+        return moLatLng\n+    },\n+    getOLPixelFromMapObjectPixel: function(moPixel) {\n+        var olPixel = null;\n+        if (moPixel != null) {\n+            var x = this.getXFromMapObjectPixel(moPixel);\n+            var y = this.getYFromMapObjectPixel(moPixel);\n+            olPixel = new OpenLayers.Pixel(x, y)\n+        }\n+        return olPixel\n+    },\n+    getMapObjectPixelFromOLPixel: function(olPixel) {\n+        var moPixel = null;\n+        if (olPixel != null) {\n+            moPixel = this.getMapObjectPixelFromXY(olPixel.x, olPixel.y)\n+        }\n+        return moPixel\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.EventPane\"\n+});\n+OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n+    MIN_ZOOM_LEVEL: 0,\n+    MAX_ZOOM_LEVEL: 21,\n+    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n+    type: null,\n+    wrapDateLine: true,\n+    sphericalMercator: false,\n+    version: null,\n+    initialize: function(name, options) {\n+        options = options || {};\n+        if (!options.version) {\n+            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n+        }\n+        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n+        if (mixin) {\n+            OpenLayers.Util.applyDefaults(options, mixin)\n+        } else {\n+            throw \"Unsupported Google Maps API version: \" + options.version\n+        }\n+        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+        if (options.maxExtent) {\n+            options.maxExtent = options.maxExtent.clone()\n+        }\n+        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n+        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n+        if (this.sphericalMercator) {\n+            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+            this.initMercatorParameters()\n+        }\n+    },\n+    clone: function() {\n+        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n+    },\n+    setVisibility: function(visible) {\n+        var opacity = this.opacity == null ? 1 : this.opacity;\n+        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+        this.setOpacity(opacity)\n+    },\n+    display: function(visible) {\n+        if (!this._dragging) {\n+            this.setGMapVisibility(visible)\n+        }\n+        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        this._dragging = dragging;\n+        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+        delete this._dragging\n+    },\n+    setOpacity: function(opacity) {\n+        if (opacity !== this.opacity) {\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                })\n             }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue\n+            this.opacity = opacity\n+        }\n+        if (this.getVisibility()) {\n+            var container = this.getMapContainer();\n+            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.map) {\n+            this.setGMapVisibility(false);\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache && cache.count <= 1) {\n+                this.removeGMapElements()\n+            }\n+        }\n+        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n+    },\n+    removeGMapElements: function() {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject && this.getMapContainer();\n+            if (container && container.parentNode) {\n+                container.parentNode.removeChild(container)\n+            }\n+            var termsOfUse = cache.termsOfUse;\n+            if (termsOfUse && termsOfUse.parentNode) {\n+                termsOfUse.parentNode.removeChild(termsOfUse)\n+            }\n+            var poweredBy = cache.poweredBy;\n+            if (poweredBy && poweredBy.parentNode) {\n+                poweredBy.parentNode.removeChild(poweredBy)\n+            }\n+            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n+                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n+            }\n+        }\n+    },\n+    removeMap: function(map) {\n+        if (this.visibility && this.mapObject) {\n+            this.setGMapVisibility(false)\n+        }\n+        var cache = OpenLayers.Layer.Google.cache[map.id];\n+        if (cache) {\n+            if (cache.count <= 1) {\n+                this.removeGMapElements();\n+                delete OpenLayers.Layer.Google.cache[map.id]\n+            } else {\n+                --cache.count\n+            }\n+        }\n+        delete this.termsOfUse;\n+        delete this.poweredBy;\n+        delete this.mapObject;\n+        delete this.dragObject;\n+        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n+    },\n+    getOLBoundsFromMapObjectBounds: function(moBounds) {\n+        var olBounds = null;\n+        if (moBounds != null) {\n+            var sw = moBounds.getSouthWest();\n+            var ne = moBounds.getNorthEast();\n+            if (this.sphericalMercator) {\n+                sw = this.forwardMercator(sw.lng(), sw.lat());\n+                ne = this.forwardMercator(ne.lng(), ne.lat())\n+            } else {\n+                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n+            }\n+            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n+        }\n+        return olBounds\n+    },\n+    getWarningHTML: function() {\n+        return OpenLayers.i18n(\"googleWarning\")\n+    },\n+    getMapObjectCenter: function() {\n+        return this.mapObject.getCenter()\n+    },\n+    getMapObjectZoom: function() {\n+        return this.mapObject.getZoom()\n+    },\n+    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n+    },\n+    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n+        return lat\n+    },\n+    getXFromMapObjectPixel: function(moPixel) {\n+        return moPixel.x\n+    },\n+    getYFromMapObjectPixel: function(moPixel) {\n+        return moPixel.y\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Google\"\n+});\n+OpenLayers.Layer.Google.cache = {};\n+OpenLayers.Layer.Google.v2 = {\n+    termsOfUse: null,\n+    poweredBy: null,\n+    dragObject: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP\n+        }\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            ++cache.count\n+        } else {\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n+            try {\n+                mapObject = new GMap2(div);\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n+            } catch (e) {\n+                throw e\n+            }\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            }\n+        }\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n+            this.mapObject.addMapType(this.type)\n+        }\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject()\n+        } else {\n+            this.dragPanMapObject = null\n+        }\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\")\n+        }\n+    },\n+    onMapResize: function() {\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize()\n+        } else {\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n+                })\n+            }\n+            this._resized = true\n+        }\n+    },\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id\n+            } else {\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed\n                 }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style])\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\"\n                 }\n             }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1])\n+        }\n+    },\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n+        }\n+        return moBounds\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom)\n+    },\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY))\n+    },\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n+    },\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new GLatLng(lat, lon)\n+        }\n+        return gLatLng\n+    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y)\n+    }\n+};\n+OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    dataFrom: null,\n+    styleFrom: null,\n+    addNodes: function(pointFeatures, options) {\n+        if (pointFeatures.length < 2) {\n+            throw new Error(\"At least two point features have to be added to \" + \"create a line from\")\n+        }\n+        var lines = new Array(pointFeatures.length - 1);\n+        var pointFeature, startPoint, endPoint;\n+        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n+            pointFeature = pointFeatures[i];\n+            endPoint = pointFeature.geometry;\n+            if (!endPoint) {\n+                var lonlat = pointFeature.lonlat;\n+                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat)\n+            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+                throw new TypeError(\"Only features with point geometries are supported.\")\n+            }\n+            if (i > 0) {\n+                var attributes = this.dataFrom != null ? pointFeatures[i + this.dataFrom].data || pointFeatures[i + this.dataFrom].attributes : null;\n+                var style = this.styleFrom != null ? pointFeatures[i + this.styleFrom].style : null;\n+                var line = new OpenLayers.Geometry.LineString([startPoint, endPoint]);\n+                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes, style)\n             }\n+            startPoint = endPoint\n         }\n+        this.addFeatures(lines, options)\n     },\n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n });\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    l: \"left\",\n-    r: \"right\",\n-    t: \"top\",\n-    b: \"bottom\"\n-};\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    l: 0,\n-    r: -1,\n-    t: 0,\n-    b: -1\n+OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n+OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n+OpenLayers.Layer.PointTrack.dataFrom = {\n+    SOURCE_NODE: -1,\n+    TARGET_NODE: 0\n };\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-    preload: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                refresh: this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load()\n-            } else {\n-                this.layer.events.on({\n-                    visibilitychanged: this.load,\n-                    scope: this\n-                })\n+OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    size: null,\n+    isBaseLayer: true,\n+    standardTileSize: 256,\n+    tileOriginCorner: \"tl\",\n+    numberOfTiers: 0,\n+    tileCountUpToTier: null,\n+    tierSizeInTiles: null,\n+    tierImageSize: null,\n+    initialize: function(name, url, size, options) {\n+        this.initializeZoomify(size);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, size, {}, options])\n+    },\n+    initializeZoomify: function(size) {\n+        var imageSize = size.clone();\n+        this.size = size.clone();\n+        var tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n+        this.tierSizeInTiles = [tiles];\n+        this.tierImageSize = [imageSize];\n+        while (imageSize.w > this.standardTileSize || imageSize.h > this.standardTileSize) {\n+            imageSize = new OpenLayers.Size(Math.floor(imageSize.w / 2), Math.floor(imageSize.h / 2));\n+            tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n+            this.tierSizeInTiles.push(tiles);\n+            this.tierImageSize.push(imageSize)\n+        }\n+        this.tierSizeInTiles.reverse();\n+        this.tierImageSize.reverse();\n+        this.numberOfTiers = this.tierSizeInTiles.length;\n+        var resolutions = [1];\n+        this.tileCountUpToTier = [0];\n+        for (var i = 1; i < this.numberOfTiers; i++) {\n+            resolutions.unshift(Math.pow(2, i));\n+            this.tileCountUpToTier.push(this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h + this.tileCountUpToTier[i - 1])\n+        }\n+        if (!this.serverResolutions) {\n+            this.serverResolutions = resolutions\n+        }\n+    },\n+    destroy: function() {\n+        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n+        this.tileCountUpToTier.length = 0;\n+        this.tierSizeInTiles.length = 0;\n+        this.tierImageSize.length = 0\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Zoomify(this.name, this.url, this.size, this.options)\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getZoomForResolution(res);\n+        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n+        var path = \"TileGroup\" + Math.floor(tileIndex / 256) + \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        return url + path\n+    },\n+    getImageSize: function() {\n+        if (arguments.length > 0) {\n+            var bounds = this.adjustBounds(arguments[0]);\n+            var res = this.getServerResolution();\n+            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+            var z = this.getZoomForResolution(res);\n+            var w = this.standardTileSize;\n+            var h = this.standardTileSize;\n+            if (x == this.tierSizeInTiles[z].w - 1) {\n+                var w = this.tierImageSize[z].w % this.standardTileSize\n+            }\n+            if (y == this.tierSizeInTiles[z].h - 1) {\n+                var h = this.tierImageSize[z].h % this.standardTileSize\n             }\n+            return new OpenLayers.Size(w, h)\n+        } else {\n+            return this.tileSize\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                refresh: this.load,\n-                visibilitychanged: this.load,\n-                scope: this\n-            })\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.top)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n+});\n+OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        ClientVersion: \"9.2\",\n+        ServiceName: \"\"\n+    },\n+    featureCoordSys: \"4326\",\n+    filterCoordSys: \"4326\",\n+    layers: null,\n+    async: true,\n+    name: \"ArcIMS\",\n+    isBaseLayer: true,\n+    DEFAULT_OPTIONS: {\n+        tileSize: new OpenLayers.Size(512, 512),\n+        featureCoordSys: \"4326\",\n+        filterCoordSys: \"4326\",\n+        layers: null,\n+        isBaseLayer: true,\n+        async: true,\n+        name: \"ArcIMS\"\n+    },\n+    initialize: function(name, url, options) {\n+        this.tileSize = new OpenLayers.Size(512, 512);\n+        this.params = OpenLayers.Util.applyDefaults({\n+            ServiceName: options.serviceName\n+        }, this.DEFAULT_PARAMS);\n+        this.options = OpenLayers.Util.applyDefaults(options, this.DEFAULT_OPTIONS);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, this.params, options]);\n+        if (this.transparent) {\n+            if (!this.isBaseLayer) {\n+                this.isBaseLayer = false\n+            }\n+            if (this.format == \"image/jpeg\") {\n+                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n+            }\n+        }\n+        if (this.options.layers === null) {\n+            this.options.layers = []\n         }\n-        return deactivated\n     },\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n+    getURL: function(bounds) {\n+        var url = \"\";\n+        bounds = this.adjustBounds(bounds);\n+        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n+            requesttype: \"image\",\n+            envelope: bounds.toArray(),\n+            tileSize: this.tileSize\n+        }));\n+        var req = new OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            data: axlReq.write(),\n+            async: false\n         });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            visibilitychanged: this.load,\n+        if (req != null) {\n+            var doc = req.responseXML;\n+            if (!doc || !doc.documentElement) {\n+                doc = req.responseText\n+            }\n+            var axlResp = new OpenLayers.Format.ArcXML;\n+            var arcxml = axlResp.read(doc);\n+            url = this.getUrlOrImage(arcxml.image.output)\n+        }\n+        return url\n+    },\n+    getURLasync: function(bounds, callback, scope) {\n+        bounds = this.adjustBounds(bounds);\n+        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n+            requesttype: \"image\",\n+            envelope: bounds.toArray(),\n+            tileSize: this.tileSize\n+        }));\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            async: true,\n+            data: axlReq.write(),\n+            callback: function(req) {\n+                var doc = req.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = req.responseText\n+                }\n+                var axlResp = new OpenLayers.Format.ArcXML;\n+                var arcxml = axlResp.read(doc);\n+                callback.call(scope, this.getUrlOrImage(arcxml.image.output))\n+            },\n             scope: this\n         })\n     },\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local)\n-                    }\n-                }\n+    getUrlOrImage: function(output) {\n+        var ret = \"\";\n+        if (output.url) {\n+            ret = output.url\n+        } else if (output.data) {\n+            ret = \"data:image/\" + output.type + \";base64,\" + output.data\n+        }\n+        return ret\n+    },\n+    setLayerQuery: function(id, querydef) {\n+        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n+            if (id == this.options.layers[lyr].id) {\n+                this.options.layers[lyr].query = querydef;\n+                return\n             }\n-            layer.addFeatures(features)\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n+        this.options.layers.push({\n+            id: id,\n+            visible: true,\n+            query: querydef\n         })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n-});\n-OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n-    events: null,\n-    auto: false,\n-    timer: null,\n-    initialize: function(options) {\n-        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n-        this.events = new OpenLayers.Events(this)\n-    },\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    this.timer = window.setInterval(OpenLayers.Function.bind(this.save, this), this.auto * 1e3)\n+    getFeatureInfo: function(geometry, layer, options) {\n+        var buffer = options.buffer || 1;\n+        var callback = options.callback || function() {};\n+        var scope = options.scope || window;\n+        var requestOptions = {};\n+        OpenLayers.Util.extend(requestOptions, this.options);\n+        requestOptions.requesttype = \"feature\";\n+        if (geometry instanceof OpenLayers.LonLat) {\n+            requestOptions.polygon = null;\n+            requestOptions.envelope = [geometry.lon - buffer, geometry.lat - buffer, geometry.lon + buffer, geometry.lat + buffer]\n+        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n+            requestOptions.envelope = null;\n+            requestOptions.polygon = geometry\n+        }\n+        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n+        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n+        arcxml.request.get_feature.layer = layer.id;\n+        if (typeof layer.query.accuracy == \"number\") {\n+            arcxml.request.get_feature.query.accuracy = layer.query.accuracy\n+        } else {\n+            var mapCenter = this.map.getCenter();\n+            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n+            viewPx.x++;\n+            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n+            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon\n+        }\n+        arcxml.request.get_feature.query.where = layer.query.where;\n+        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString({\n+                CustomService: \"Query\"\n+            }),\n+            data: arcxml.write(),\n+            callback: function(request) {\n+                var response = arcxml.parseResponse(request.responseText);\n+                if (!arcxml.iserror()) {\n+                    callback.call(scope, response.features)\n                 } else {\n-                    this.layer.events.on({\n-                        featureadded: this.triggerSave,\n-                        afterfeaturemodified: this.triggerSave,\n-                        scope: this\n-                    })\n+                    callback.call(scope, null)\n                 }\n             }\n+        })\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcIMS(this.name, this.url, this.getOptions())\n         }\n-        return activated\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    window.clearInterval(this.timer)\n+    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n+});\n+OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n+    IMAGE_EXTENSIONS: {\n+        jpeg: \"jpg\",\n+        gif: \"gif\",\n+        png: \"png\",\n+        png8: \"png\",\n+        png24: \"png\",\n+        dithered: \"png\"\n+    },\n+    DEFAULT_FORMAT: \"jpeg\",\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n+        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT]\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n+        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n+        var components = [\"/\", this.params.map, \"/\", scale, \"/\", this.params.g.replace(/\\s/g, \"_\"), \"/def/t\", metaY, \"/l\", metaX, \"/t\", pY, \"l\", pX, \".\", this.extension];\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(components.join(\"\"), url)\n+        }\n+        return url + components.join(\"\")\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n+});\n+OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    url: null,\n+    tileOrigin: null,\n+    tileSize: new OpenLayers.Size(256, 256),\n+    useArcGISServer: true,\n+    type: \"png\",\n+    useScales: false,\n+    overrideDPI: false,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        if (this.resolutions) {\n+            this.serverResolutions = this.resolutions;\n+            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0])\n+        }\n+        if (this.layerInfo) {\n+            var info = this.layerInfo;\n+            var startingTileExtent = new OpenLayers.Bounds(info.fullExtent.xmin, info.fullExtent.ymin, info.fullExtent.xmax, info.fullExtent.ymax);\n+            this.projection = \"EPSG:\" + info.spatialReference.wkid;\n+            this.sphericalMercator = info.spatialReference.wkid == 102100;\n+            this.units = info.units == \"esriFeet\" ? \"ft\" : \"m\";\n+            if (!!info.tileInfo) {\n+                this.tileSize = new OpenLayers.Size(info.tileInfo.width || info.tileInfo.cols, info.tileInfo.height || info.tileInfo.rows);\n+                this.tileOrigin = new OpenLayers.LonLat(info.tileInfo.origin.x, info.tileInfo.origin.y);\n+                var upperLeft = new OpenLayers.Geometry.Point(startingTileExtent.left, startingTileExtent.top);\n+                var bottomRight = new OpenLayers.Geometry.Point(startingTileExtent.right, startingTileExtent.bottom);\n+                if (this.useScales) {\n+                    this.scales = []\n                 } else {\n-                    this.layer.events.un({\n-                        featureadded: this.triggerSave,\n-                        afterfeaturemodified: this.triggerSave,\n-                        scope: this\n-                    })\n+                    this.resolutions = []\n+                }\n+                this.lods = [];\n+                for (var key in info.tileInfo.lods) {\n+                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n+                        var lod = info.tileInfo.lods[key];\n+                        if (this.useScales) {\n+                            this.scales.push(lod.scale)\n+                        } else {\n+                            this.resolutions.push(lod.resolution)\n+                        }\n+                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n+                        lod.startTileCol = start.x;\n+                        lod.startTileRow = start.y;\n+                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n+                        lod.endTileCol = end.x;\n+                        lod.endTileRow = end.y;\n+                        this.lods.push(lod)\n+                    }\n+                }\n+                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n+                this.serverResolutions = this.resolutions;\n+                if (this.overrideDPI && info.tileInfo.dpi) {\n+                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi\n                 }\n             }\n         }\n-        return deactivated\n     },\n-    triggerSave: function(event) {\n-        var feature = event.feature;\n-        if (feature.state === OpenLayers.State.INSERT || feature.state === OpenLayers.State.UPDATE || feature.state === OpenLayers.State.DELETE) {\n-            this.save([event.feature])\n+    getContainingTileCoords: function(point, res) {\n+        return new OpenLayers.Pixel(Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0), Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0))\n+    },\n+    calculateMaxExtentWithLOD: function(lod) {\n+        var numTileCols = lod.endTileCol - lod.startTileCol + 1;\n+        var numTileRows = lod.endTileRow - lod.startTileRow + 1;\n+        var minX = this.tileOrigin.lon + lod.startTileCol * this.tileSize.w * lod.resolution;\n+        var maxX = minX + numTileCols * this.tileSize.w * lod.resolution;\n+        var maxY = this.tileOrigin.lat - lod.startTileRow * this.tileSize.h * lod.resolution;\n+        var minY = maxY - numTileRows * this.tileSize.h * lod.resolution;\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n+    },\n+    calculateMaxExtentWithExtent: function(extent, res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n+        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n+        var start = this.getContainingTileCoords(upperLeft, res);\n+        var end = this.getContainingTileCoords(bottomRight, res);\n+        var lod = {\n+            resolution: res,\n+            startTileCol: start.x,\n+            startTileRow: start.y,\n+            endTileCol: end.x,\n+            endTileRow: end.y\n+        };\n+        return this.calculateMaxExtentWithLOD(lod)\n+    },\n+    getUpperLeftTileCoord: function(res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(this.maxExtent.left, this.maxExtent.top);\n+        return this.getContainingTileCoords(upperLeft, res)\n+    },\n+    getLowerRightTileCoord: function(res) {\n+        var bottomRight = new OpenLayers.Geometry.Point(this.maxExtent.right, this.maxExtent.bottom);\n+        return this.getContainingTileCoords(bottomRight, res)\n+    },\n+    getMaxExtentForResolution: function(res) {\n+        var start = this.getUpperLeftTileCoord(res);\n+        var end = this.getLowerRightTileCoord(res);\n+        var numTileCols = end.x - start.x + 1;\n+        var numTileRows = end.y - start.y + 1;\n+        var minX = this.tileOrigin.lon + start.x * this.tileSize.w * res;\n+        var maxX = minX + numTileCols * this.tileSize.w * res;\n+        var maxY = this.tileOrigin.lat - start.y * this.tileSize.h * res;\n+        var minY = maxY - numTileRows * this.tileSize.h * res;\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options)\n         }\n+        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj])\n     },\n-    save: function(features) {\n-        if (!features) {\n-            features = this.layer.features\n+    initGriddedTiles: function(bounds) {\n+        delete this._tileOrigin;\n+        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments)\n+    },\n+    getMaxExtent: function() {\n+        var resolution = this.map.getResolution();\n+        return this.maxExtent = this.getMaxExtentForResolution(resolution)\n+    },\n+    getTileOrigin: function() {\n+        if (!this._tileOrigin) {\n+            var extent = this.getMaxExtent();\n+            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom)\n         }\n-        this.events.triggerEvent(\"start\", {\n-            features: features\n+        return this._tileOrigin\n+    },\n+    getURL: function(bounds) {\n+        var res = this.getResolution();\n+        var originTileX = this.tileOrigin.lon + res * this.tileSize.w / 2;\n+        var originTileY = this.tileOrigin.lat - res * this.tileSize.h / 2;\n+        var center = bounds.getCenterLonLat();\n+        var point = {\n+            x: center.lon,\n+            y: center.lat\n+        };\n+        var x = Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w)));\n+        var y = Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h)));\n+        var z = this.map.getZoom();\n+        if (this.lods) {\n+            var lod = this.lods[this.map.getZoom()];\n+            if (x < lod.startTileCol || x > lod.endTileCol || (y < lod.startTileRow || y > lod.endTileRow)) {\n+                return null\n+            }\n+        } else {\n+            var start = this.getUpperLeftTileCoord(res);\n+            var end = this.getLowerRightTileCoord(res);\n+            if (x < start.x || x >= end.x || (y < start.y || y >= end.y)) {\n+                return null\n+            }\n+        }\n+        var url = this.url;\n+        var s = \"\" + x + y + z;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(s, url)\n+        }\n+        if (this.useArcGISServer) {\n+            url = url + \"/tile/${z}/${y}/${x}\"\n+        } else {\n+            x = \"C\" + OpenLayers.Number.zeroPad(x, 8, 16);\n+            y = \"R\" + OpenLayers.Number.zeroPad(y, 8, 16);\n+            z = \"L\" + OpenLayers.Number.zeroPad(z, 2, 10);\n+            url = url + \"/${z}/${y}/${x}.\" + this.type\n+        }\n+        url = OpenLayers.String.format(url, {\n+            x: x,\n+            y: y,\n+            z: z\n         });\n-        var remote = this.layer.projection;\n-        var local = this.layer.map.getProjectionObject();\n-        if (!local.equals(remote)) {\n-            var len = features.length;\n-            var clones = new Array(len);\n-            var orig, clone;\n-            for (var i = 0; i < len; ++i) {\n-                orig = features[i];\n-                clone = orig.clone();\n-                clone.fid = orig.fid;\n-                clone.state = orig.state;\n-                if (orig.url) {\n-                    clone.url = orig.url\n-                }\n-                clone._original = orig;\n-                clone.geometry.transform(local, remote);\n-                clones[i] = clone\n+        return OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(this.params))\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGISCache\"\n+});\n+OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        format: \"png\"\n+    },\n+    isBaseLayer: true,\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n+        if (this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+            if (options == null || !options.isBaseLayer) {\n+                this.isBaseLayer = false\n+            }\n+            if (this.params.FORMAT == \"jpg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" : \"png\"\n             }\n-            features = clones\n         }\n-        this.layer.protocol.commit(features, {\n-            callback: this.onCommit,\n-            scope: this\n-        })\n     },\n-    onCommit: function(response) {\n-        var evt = {\n-            response: response\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var projWords = this.projection.getCode().split(\":\");\n+        var srid = projWords[projWords.length - 1];\n+        var imageSize = this.getImageSize();\n+        var newParams = {\n+            BBOX: bounds.toBBOX(),\n+            SIZE: imageSize.w + \",\" + imageSize.h,\n+            F: \"image\",\n+            BBOXSR: srid,\n+            IMAGESR: srid\n         };\n-        if (response.success()) {\n-            var features = response.reqFeatures;\n-            var state, feature;\n-            var destroys = [];\n-            var insertIds = response.insertIds || [];\n-            var j = 0;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                feature = feature._original || feature;\n-                state = feature.state;\n-                if (state) {\n-                    if (state == OpenLayers.State.DELETE) {\n-                        destroys.push(feature)\n-                    } else if (state == OpenLayers.State.INSERT) {\n-                        feature.fid = insertIds[j];\n-                        ++j\n+        if (this.layerDefs) {\n+            var layerDefStrList = [];\n+            var layerID;\n+            for (layerID in this.layerDefs) {\n+                if (this.layerDefs.hasOwnProperty(layerID)) {\n+                    if (this.layerDefs[layerID]) {\n+                        layerDefStrList.push(layerID);\n+                        layerDefStrList.push(\":\");\n+                        layerDefStrList.push(this.layerDefs[layerID]);\n+                        layerDefStrList.push(\";\")\n                     }\n-                    feature.state = null\n                 }\n             }\n-            if (destroys.length > 0) {\n-                this.layer.destroyFeatures(destroys)\n+            if (layerDefStrList.length > 0) {\n+                newParams[\"LAYERDEFS\"] = layerDefStrList.join(\"\")\n             }\n-            this.events.triggerEvent(\"success\", evt)\n+        }\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString\n+    },\n+    setLayerFilter: function(id, queryDef) {\n+        if (!this.layerDefs) {\n+            this.layerDefs = {}\n+        }\n+        if (queryDef) {\n+            this.layerDefs[id] = queryDef\n         } else {\n-            this.events.triggerEvent(\"fail\", evt)\n+            delete this.layerDefs[id]\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+    clearLayerFilter: function(id) {\n+        if (id) {\n+            delete this.layerDefs[id]\n+        } else {\n+            delete this.layerDefs\n+        }\n+    },\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n });\n-OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n-    distance: 20,\n-    threshold: null,\n-    features: null,\n-    clusters: null,\n-    clustering: false,\n-    resolution: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                beforefeaturesadded: this.cacheFeatures,\n-                featuresremoved: this.clearCache,\n-                moveend: this.cluster,\n-                scope: this\n-            })\n+OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    drawMarker: function(marker) {\n+        var topleft = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.left,\n+            lat: marker.bounds.top\n+        });\n+        var botright = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.right,\n+            lat: marker.bounds.bottom\n+        });\n+        if (botright == null || topleft == null) {\n+            marker.display(false)\n+        } else {\n+            var markerDiv = marker.draw(topleft, {\n+                w: Math.max(1, botright.x - topleft.x),\n+                h: Math.max(1, botright.y - topleft.y)\n+            });\n+            if (!marker.drawn) {\n+                this.div.appendChild(markerDiv);\n+                marker.drawn = true\n+            }\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                beforefeaturesadded: this.cacheFeatures,\n-                featuresremoved: this.clearCache,\n-                moveend: this.cluster,\n-                scope: this\n-            })\n+    removeMarker: function(marker) {\n+        OpenLayers.Util.removeItem(this.markers, marker);\n+        if (marker.div != null && marker.div.parentNode == this.div) {\n+            this.div.removeChild(marker.div)\n         }\n-        return deactivated\n     },\n-    cacheFeatures: function(event) {\n-        var propagate = true;\n-        if (!this.clustering) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.cluster();\n-            propagate = false\n+    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n+});\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    name: \"OpenStreetMap\",\n+    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    sphericalMercator: true,\n+    wrapDateLine: true,\n+    tileOptions: null,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options && this.options.tileOptions)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n         }\n-        return propagate\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    clearCache: function() {\n-        if (!this.clustering) {\n-            this.features = null\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n+});\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    key: null,\n+    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n+    metadata: null,\n+    protocolRegex: /^http:/i,\n+    type: \"Road\",\n+    culture: \"en-US\",\n+    metadataParams: null,\n+    tileOptions: null,\n+    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n+    initialize: function(options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options.tileOptions);\n+        this.loadMetadata()\n+    },\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script)\n+    },\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n+        }\n+        this.addOptions({\n+            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n+            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw()\n         }\n+        this.updateAttribution()\n     },\n-    cluster: function(event) {\n-        if ((!event || event.zoomChanged) && this.features) {\n-            var resolution = this.layer.map.getResolution();\n-            if (resolution != this.resolution || !this.clustersExist()) {\n-                this.resolution = resolution;\n-                var clusters = [];\n-                var feature, clustered, cluster;\n-                for (var i = 0; i < this.features.length; ++i) {\n-                    feature = this.features[i];\n-                    if (feature.geometry) {\n-                        clustered = false;\n-                        for (var j = clusters.length - 1; j >= 0; --j) {\n-                            cluster = clusters[j];\n-                            if (this.shouldCluster(cluster, feature)) {\n-                                this.addToCluster(cluster, feature);\n-                                clustered = true;\n-                                break\n-                            }\n-                        }\n-                        if (!clustered) {\n-                            clusters.push(this.createCluster(this.features[i]))\n-                        }\n-                    }\n-                }\n-                this.clustering = true;\n-                this.layer.removeAllFeatures();\n-                this.clustering = false;\n-                if (clusters.length > 0) {\n-                    if (this.threshold > 1) {\n-                        var clone = clusters.slice();\n-                        clusters = [];\n-                        var candidate;\n-                        for (var i = 0, len = clone.length; i < len; ++i) {\n-                            candidate = clone[i];\n-                            if (candidate.attributes.count < this.threshold) {\n-                                Array.prototype.push.apply(clusters, candidate.cluster)\n-                            } else {\n-                                clusters.push(candidate)\n-                            }\n-                        }\n-                    }\n-                    this.clustering = true;\n-                    this.layer.addFeatures(clusters);\n-                    this.clustering = false\n-                }\n-                this.clusters = clusters\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = \"0\";\n+            var mask = 1 << i - 1;\n+            if ((x & mask) != 0) {\n+                digit++\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++\n             }\n+            quadDigits.push(digit)\n         }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl(\"\" + x + y + z, this.url);\n+        return OpenLayers.String.format(url, {\n+            quadkey: quadKey\n+        })\n     },\n-    clustersExist: function() {\n-        var exist = false;\n-        if (this.clusters && this.clusters.length > 0 && this.clusters.length == this.layer.features.length) {\n-            exist = true;\n-            for (var i = 0; i < this.clusters.length; ++i) {\n-                if (this.clusters[i] != this.layer.features[i]) {\n-                    exist = false;\n-                    break\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return\n+        }\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \"\n                 }\n             }\n         }\n-        return exist\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n+        })\n     },\n-    shouldCluster: function(cluster, feature) {\n-        var cc = cluster.geometry.getBounds().getCenterLonLat();\n-        var fc = feature.geometry.getBounds().getCenterLonLat();\n-        var distance = Math.sqrt(Math.pow(cc.lon - fc.lon, 2) + Math.pow(cc.lat - fc.lat, 2)) / this.resolution;\n-        return distance <= this.distance\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution)\n     },\n-    addToCluster: function(cluster, feature) {\n-        cluster.cluster.push(feature);\n-        cluster.attributes.count += 1\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options)\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    createCluster: function(feature) {\n-        var center = feature.geometry.getBounds().getCenterLonLat();\n-        var cluster = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(center.lon, center.lat), {\n-            count: 1\n-        });\n-        cluster.cluster = [feature];\n-        return cluster\n+    destroy: function() {\n+        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n });\n-OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n-    force: false,\n-    interval: 0,\n-    timer: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer.visibility === true) {\n-                this.start()\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined;\n+    delete this._callbackId\n+};\n+OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    useHttpTile: false,\n+    singleTile: false,\n+    useOverlay: false,\n+    useAsyncOverlay: true,\n+    TILE_PARAMS: {\n+        operation: \"GETTILEIMAGE\",\n+        version: \"1.2.0\"\n+    },\n+    SINGLE_TILE_PARAMS: {\n+        operation: \"GETMAPIMAGE\",\n+        format: \"PNG\",\n+        locale: \"en\",\n+        clip: \"1\",\n+        version: \"1.0.0\"\n+    },\n+    OVERLAY_PARAMS: {\n+        operation: \"GETDYNAMICMAPOVERLAYIMAGE\",\n+        format: \"PNG\",\n+        locale: \"en\",\n+        clip: \"1\",\n+        version: \"2.0.0\"\n+    },\n+    FOLDER_PARAMS: {\n+        tileColumnsPerFolder: 30,\n+        tileRowsPerFolder: 30,\n+        format: \"png\",\n+        querystring: null\n+    },\n+    defaultSize: new OpenLayers.Size(300, 300),\n+    tileOriginCorner: \"tl\",\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = this.transparent != \"true\" && this.transparent != true\n+        }\n+        if (options && options.useOverlay != null) {\n+            this.useOverlay = options.useOverlay\n+        }\n+        if (this.singleTile) {\n+            if (this.useOverlay) {\n+                OpenLayers.Util.applyDefaults(this.params, this.OVERLAY_PARAMS);\n+                if (!this.useAsyncOverlay) {\n+                    this.params.version = \"1.0.0\"\n+                }\n+            } else {\n+                OpenLayers.Util.applyDefaults(this.params, this.SINGLE_TILE_PARAMS)\n             }\n-            this.layer.events.on({\n-                visibilitychanged: this.reset,\n-                scope: this\n-            })\n+        } else {\n+            if (this.useHttpTile) {\n+                OpenLayers.Util.applyDefaults(this.params, this.FOLDER_PARAMS)\n+            } else {\n+                OpenLayers.Util.applyDefaults(this.params, this.TILE_PARAMS)\n+            }\n+            this.setTileSize(this.defaultSize)\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.stop();\n-            this.layer.events.un({\n-                visibilitychanged: this.reset,\n-                scope: this\n-            })\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapGuide(this.name, this.url, this.params, this.getOptions())\n         }\n-        return deactivated\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    reset: function() {\n-        if (this.layer.visibility === true) {\n-            this.start()\n+    getURL: function(bounds) {\n+        var url;\n+        var center = bounds.getCenterLonLat();\n+        var mapSize = this.map.getSize();\n+        if (this.singleTile) {\n+            var params = {\n+                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n+                setdisplayheight: mapSize.h * this.ratio,\n+                setdisplaywidth: mapSize.w * this.ratio,\n+                setviewcenterx: center.lon,\n+                setviewcentery: center.lat,\n+                setviewscale: this.map.getScale()\n+            };\n+            if (this.useOverlay && !this.useAsyncOverlay) {\n+                var getVisParams = {};\n+                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n+                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n+                getVisParams.version = \"1.0.0\";\n+                getVisParams.session = this.params.session;\n+                getVisParams.mapName = this.params.mapName;\n+                getVisParams.format = \"text/xml\";\n+                url = this.getFullRequestString(getVisParams);\n+                OpenLayers.Request.GET({\n+                    url: url,\n+                    async: false\n+                })\n+            }\n+            url = this.getFullRequestString(params)\n         } else {\n-            this.stop()\n+            var currentRes = this.map.getResolution();\n+            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n+            colidx = Math.round(colidx / this.tileSize.w);\n+            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n+            rowidx = Math.round(rowidx / this.tileSize.h);\n+            if (this.useHttpTile) {\n+                url = this.getImageFilePath({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                })\n+            } else {\n+                url = this.getFullRequestString({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                })\n+            }\n         }\n+        return url\n     },\n-    start: function() {\n-        if (this.interval && typeof this.interval === \"number\" && this.interval > 0) {\n-            this.timer = window.setInterval(OpenLayers.Function.bind(this.refresh, this), this.interval)\n+    getFullRequestString: function(newParams, altUrl) {\n+        var url = altUrl == null ? this.url : altUrl;\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)]\n         }\n-    },\n-    refresh: function() {\n-        if (this.layer && this.layer.refresh && typeof this.layer.refresh == \"function\") {\n-            this.layer.refresh({\n-                force: this.force\n-            })\n+        var requestString = url;\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key]\n+            }\n+        }\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n+                requestString += paramsString\n+            } else {\n+                if (url.indexOf(\"?\") == -1) {\n+                    requestString += \"?\" + paramsString\n+                } else {\n+                    requestString += \"&\" + paramsString\n+                }\n+            }\n         }\n+        return requestString\n     },\n-    stop: function() {\n-        if (this.timer !== null) {\n-            window.clearInterval(this.timer);\n-            this.timer = null\n+    getImageFilePath: function(newParams, altUrl) {\n+        var url = altUrl == null ? this.url : altUrl;\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)]\n+        }\n+        var requestString = url;\n+        var tileRowGroup = \"\";\n+        var tileColGroup = \"\";\n+        if (newParams.tilerow < 0) {\n+            tileRowGroup = \"-\"\n+        }\n+        if (newParams.tilerow == 0) {\n+            tileRowGroup += \"0\"\n+        } else {\n+            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder\n         }\n+        if (newParams.tilecol < 0) {\n+            tileColGroup = \"-\"\n+        }\n+        if (newParams.tilecol == 0) {\n+            tileColGroup += \"0\"\n+        } else {\n+            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder\n+        }\n+        var tilePath = \"/S\" + Math.floor(newParams.scaleindex) + \"/\" + this.params.basemaplayergroupname + \"/R\" + tileRowGroup + \"/C\" + tileColGroup + \"/\" + newParams.tilerow % this.params.tileRowsPerFolder + \"_\" + newParams.tilecol % this.params.tileColumnsPerFolder + \".\" + this.params.format;\n+        if (this.params.querystring) {\n+            tilePath += \"?\" + this.params.querystring\n+        }\n+        requestString += tilePath;\n+        return requestString\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n });\n-OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n-    features: null,\n-    length: 10,\n-    num: null,\n-    paging: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                beforefeaturesadded: this.cacheFeatures,\n-                scope: this\n-            })\n+OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: true,\n+    url: null,\n+    extent: null,\n+    size: null,\n+    tile: null,\n+    aspectRatio: null,\n+    initialize: function(name, url, extent, size, options) {\n+        this.url = url;\n+        this.extent = extent;\n+        this.maxExtent = extent;\n+        this.size = size;\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+        this.aspectRatio = this.extent.getHeight() / this.size.h / (this.extent.getWidth() / this.size.w)\n+    },\n+    destroy: function() {\n+        if (this.tile) {\n+            this.removeTileMonitoringHooks(this.tile);\n+            this.tile.destroy();\n+            this.tile = null\n         }\n-        return activated\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                beforefeaturesadded: this.cacheFeatures,\n-                scope: this\n-            })\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Image(this.name, this.url, this.extent, this.size, this.getOptions())\n         }\n-        return deactivated\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    cacheFeatures: function(event) {\n-        if (!this.paging) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.pageNext(event)\n+    setMap: function(map) {\n+        if (this.options.maxResolution == null) {\n+            this.options.maxResolution = this.aspectRatio * this.extent.getWidth() / this.size.w\n         }\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments)\n     },\n-    clearCache: function() {\n-        if (this.features) {\n-            for (var i = 0; i < this.features.length; ++i) {\n-                this.features[i].destroy()\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        var firstRendering = this.tile == null;\n+        if (zoomChanged || firstRendering) {\n+            this.setTileSize();\n+            var ulPx = this.map.getLayerPxFromLonLat({\n+                lon: this.extent.left,\n+                lat: this.extent.top\n+            });\n+            if (firstRendering) {\n+                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent, null, this.tileSize);\n+                this.addTileMonitoringHooks(this.tile)\n+            } else {\n+                this.tile.size = this.tileSize.clone();\n+                this.tile.position = ulPx.clone()\n             }\n+            this.tile.draw()\n         }\n-        this.features = null;\n-        this.num = null\n     },\n-    pageCount: function() {\n-        var numFeatures = this.features ? this.features.length : 0;\n-        return Math.ceil(numFeatures / this.length)\n+    setTileSize: function() {\n+        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n+        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n+        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight)\n     },\n-    pageNum: function() {\n-        return this.num\n+    addTileMonitoringHooks: function(tile) {\n+        tile.onLoadStart = function() {\n+            this.events.triggerEvent(\"loadstart\")\n+        };\n+        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n+        tile.onLoadEnd = function() {\n+            this.events.triggerEvent(\"loadend\")\n+        };\n+        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n+        tile.events.register(\"unload\", this, tile.onLoadEnd)\n     },\n-    pageLength: function(newLength) {\n-        if (newLength && newLength > 0) {\n-            this.length = newLength\n-        }\n-        return this.length\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            loadstart: tile.onLoadStart,\n+            loadend: tile.onLoadEnd,\n+            unload: tile.onLoadEnd,\n+            scope: this\n+        })\n     },\n-    pageNext: function(event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = -1\n-            }\n-            var start = (this.num + 1) * this.length;\n-            changed = this.page(start, event)\n+    setUrl: function(newUrl) {\n+        this.url = newUrl;\n+        this.tile.draw()\n+    },\n+    getURL: function(bounds) {\n+        return this.url\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Image\"\n+});\n+OpenLayers.Layer.Google.v3 = {\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n+    animationEnabled: true,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP\n         }\n-        return changed\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            ++cache.count\n+        } else {\n+            var center = this.map.getCenter();\n+            var container = document.createElement(\"div\");\n+            container.className = \"olForeignContainer\";\n+            container.style.width = \"100%\";\n+            container.style.height = \"100%\";\n+            mapObject = new google.maps.Map(container, {\n+                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n+            });\n+            var googleControl = document.createElement(\"div\");\n+            googleControl.style.width = \"100%\";\n+            googleControl.style.height = \"100%\";\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache\n+        }\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility)\n     },\n-    pagePrevious: function() {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = this.pageCount()\n-            }\n-            var start = (this.num - 1) * this.length;\n-            changed = this.page(start)\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\")\n         }\n-        return changed\n     },\n-    page: function(start, event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (start >= 0 && start < this.features.length) {\n-                var num = Math.floor(start / this.length);\n-                if (num != this.num) {\n-                    this.paging = true;\n-                    var features = this.features.slice(start, start + this.length);\n-                    this.layer.removeFeatures(this.layer.features);\n-                    this.num = num;\n-                    if (event && event.features) {\n-                        event.features = features\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter())\n+                        })\n                     } else {\n-                        this.layer.addFeatures(features)\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, \"resize\")\n                     }\n-                    this.paging = false;\n-                    changed = true\n                 }\n+                this.mapObject.setMapTypeId(type)\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container)\n             }\n         }\n-        return changed\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n-});\n-OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n-    filter: null,\n-    cache: null,\n-    caching: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.cache = [];\n-            this.layer.events.on({\n-                beforefeaturesadded: this.handleAdd,\n-                beforefeaturesremoved: this.handleRemove,\n-                scope: this\n-            })\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n         }\n-        return activated\n+        return moBounds\n     },\n-    deactivate: function() {\n-        this.cache = null;\n-        if (this.layer && this.layer.events) {\n-            this.layer.events.un({\n-                beforefeaturesadded: this.handleAdd,\n-                beforefeaturesremoved: this.handleRemove,\n-                scope: this\n-            })\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n+        var delta_x = moPixel.x - size.w / 2;\n+        var delta_y = moPixel.y - size.h / 2;\n+        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent)\n         }\n-        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments)\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n     },\n-    handleAdd: function(event) {\n-        if (!this.caching && this.filter) {\n-            var features = event.features;\n-            event.features = [];\n-            var feature;\n-            for (var i = 0, ii = features.length; i < ii; ++i) {\n-                feature = features[i];\n-                if (this.filter.evaluate(feature)) {\n-                    event.features.push(feature)\n-                } else {\n-                    this.cache.push(feature)\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n+                mapContainer.style.visibility = \"\"\n+            });\n+            mapContainer.style.visibility = \"hidden\"\n+        }\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        })\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon)\n+        }\n+        return gLatLng\n+    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y)\n+    }\n+};\n+OpenLayers.Tile.Image.IFrame = {\n+    useIFrame: null,\n+    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n+    draw: function() {\n+        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n+        if (draw) {\n+            var url = this.layer.getURL(this.bounds);\n+            var usedIFrame = this.useIFrame;\n+            this.useIFrame = this.maxGetUrlLength !== null && !this.layer.async && url.length > this.maxGetUrlLength;\n+            var fromIFrame = usedIFrame && !this.useIFrame;\n+            var toIFrame = !usedIFrame && this.useIFrame;\n+            if (fromIFrame || toIFrame) {\n+                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n+                    this.frame.removeChild(this.imgDiv)\n+                }\n+                this.imgDiv = null;\n+                if (fromIFrame) {\n+                    this.frame.removeChild(this.frame.firstChild)\n                 }\n             }\n         }\n+        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments)\n     },\n-    handleRemove: function(event) {\n-        if (!this.caching) {\n-            this.cache = []\n+    getImage: function() {\n+        if (this.useIFrame === true) {\n+            if (!this.frame.childNodes.length) {\n+                var eventPane = document.createElement(\"div\"),\n+                    style = eventPane.style;\n+                style.position = \"absolute\";\n+                style.width = \"100%\";\n+                style.height = \"100%\";\n+                style.zIndex = 1;\n+                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n+                this.frame.appendChild(eventPane)\n+            }\n+            var id = this.id + \"_iFrame\",\n+                iframe;\n+            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n+                iframe = document.createElement('<iframe name=\"' + id + '\">');\n+                iframe.style.backgroundColor = \"#FFFFFF\";\n+                iframe.style.filter = \"chroma(color=#FFFFFF)\"\n+            } else {\n+                iframe = document.createElement(\"iframe\");\n+                iframe.style.backgroundColor = \"transparent\";\n+                iframe.name = id\n+            }\n+            iframe.scrolling = \"no\";\n+            iframe.marginWidth = \"0px\";\n+            iframe.marginHeight = \"0px\";\n+            iframe.frameBorder = \"0\";\n+            iframe.style.position = \"absolute\";\n+            iframe.style.width = \"100%\";\n+            iframe.style.height = \"100%\";\n+            if (this.layer.opacity < 1) {\n+                OpenLayers.Util.modifyDOMElement(iframe, null, null, null, null, null, null, this.layer.opacity)\n+            }\n+            this.frame.appendChild(iframe);\n+            this.imgDiv = iframe;\n+            return iframe\n+        } else {\n+            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments)\n         }\n     },\n-    setFilter: function(filter) {\n-        this.filter = filter;\n-        var previousCache = this.cache;\n-        this.cache = [];\n-        this.handleAdd({\n-            features: this.layer.features\n-        });\n-        if (this.cache.length > 0) {\n-            this.caching = true;\n-            this.layer.removeFeatures(this.cache.slice());\n-            this.caching = false\n+    createRequestForm: function() {\n+        var form = document.createElement(\"form\");\n+        form.method = \"POST\";\n+        var cacheId = this.layer.params[\"_OLSALT\"];\n+        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n+        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n+        form.target = this.id + \"_iFrame\";\n+        var imageSize = this.layer.getImageSize(),\n+            params = OpenLayers.Util.getParameters(this.url),\n+            field;\n+        for (var par in params) {\n+            field = document.createElement(\"input\");\n+            field.type = \"hidden\";\n+            field.name = par;\n+            field.value = params[par];\n+            form.appendChild(field)\n         }\n-        if (previousCache.length > 0) {\n-            var event = {\n-                features: previousCache\n-            };\n-            this.handleAdd(event);\n-            if (event.features.length > 0) {\n-                this.caching = true;\n-                this.layer.addFeatures(event.features);\n-                this.caching = false\n+        return form\n+    },\n+    setImgSrc: function(url) {\n+        if (this.useIFrame === true) {\n+            if (url) {\n+                var form = this.createRequestForm();\n+                this.frame.appendChild(form);\n+                form.submit();\n+                this.frame.removeChild(form)\n+            } else if (this.imgDiv.parentNode === this.frame) {\n+                this.frame.removeChild(this.imgDiv);\n+                this.imgDiv = null\n             }\n+        } else {\n+            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments)\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n-});\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+    onImageLoad: function() {\n+        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n+        if (this.useIFrame === true) {\n+            this.imgDiv.style.opacity = 1;\n+            this.frame.style.opacity = this.layer.opacity\n+        }\n+    },\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.useIFrame === false) {\n+            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this)\n+        }\n+        return backBuffer\n+    }\n+};\n+OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n     bounds: null,\n-    resolution: null,\n-    ratio: 2,\n-    resFactor: null,\n-    response: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n-            });\n-            this.update()\n+    div: null,\n+    initialize: function(bounds, borderColor, borderWidth) {\n+        this.bounds = bounds;\n+        this.div = OpenLayers.Util.createDiv();\n+        this.div.style.overflow = \"hidden\";\n+        this.events = new OpenLayers.Events(this, this.div);\n+        this.setBorder(borderColor, borderWidth)\n+    },\n+    destroy: function() {\n+        this.bounds = null;\n+        this.div = null;\n+        OpenLayers.Marker.prototype.destroy.apply(this, arguments)\n+    },\n+    setBorder: function(color, width) {\n+        if (!color) {\n+            color = \"red\"\n         }\n-        return activated\n+        if (!width) {\n+            width = 2\n+        }\n+        this.div.style.border = width + \"px solid \" + color\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n-            })\n+    draw: function(px, sz) {\n+        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n+        return this.div\n+    },\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsBounds(this.bounds, true, true)\n         }\n-        return deactivated\n+        return onScreen\n     },\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options)\n+    display: function(display) {\n+        this.div.style.display = display ? \"\" : \"none\"\n+    },\n+    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+});\n+OpenLayers.Popup.Anchored = OpenLayers.Class(OpenLayers.Popup, {\n+    relativePosition: null,\n+    keepInMap: true,\n+    anchor: null,\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        var newArguments = [id, lonlat, contentSize, contentHTML, closeBox, closeBoxCallback];\n+        OpenLayers.Popup.prototype.initialize.apply(this, newArguments);\n+        this.anchor = anchor != null ? anchor : {\n+            size: new OpenLayers.Size(0, 0),\n+            offset: new OpenLayers.Pixel(0, 0)\n         }\n     },\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null\n+    destroy: function() {\n+        this.anchor = null;\n+        this.relativePosition = null;\n+        OpenLayers.Popup.prototype.destroy.apply(this, arguments)\n+    },\n+    show: function() {\n+        this.updatePosition();\n+        OpenLayers.Popup.prototype.show.apply(this, arguments)\n+    },\n+    moveTo: function(px) {\n+        var oldRelativePosition = this.relativePosition;\n+        this.relativePosition = this.calculateRelativePosition(px);\n+        OpenLayers.Popup.prototype.moveTo.call(this, this.calculateNewPx(px));\n+        if (this.relativePosition != oldRelativePosition) {\n+            this.updateRelativePosition()\n         }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n+    },\n+    setSize: function(contentSize) {\n+        OpenLayers.Popup.prototype.setSize.apply(this, arguments);\n+        if (this.lonlat && this.map) {\n+            var px = this.map.getLayerPxFromLonLat(this.lonlat);\n+            this.moveTo(px)\n         }\n-        return bounds\n     },\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    calculateRelativePosition: function(px) {\n+        var lonlat = this.map.getLonLatFromLayerPx(px);\n+        var extent = this.map.getExtent();\n+        var quadrant = extent.determineQuadrant(lonlat);\n+        return OpenLayers.Bounds.oppositeQuadrant(quadrant)\n+    },\n+    updateRelativePosition: function() {},\n+    calculateNewPx: function(px) {\n+        var newPx = px.offset(this.anchor.offset);\n+        var size = this.size || this.contentSize;\n+        var top = this.relativePosition.charAt(0) == \"t\";\n+        newPx.y += top ? -size.h : this.anchor.size.h;\n+        var left = this.relativePosition.charAt(1) == \"l\";\n+        newPx.x += left ? -size.w : this.anchor.size.w;\n+        return newPx\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.Anchored\"\n+});\n+OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+    imageSrc: null,\n+    imageSize: null,\n+    isAlphaImage: false,\n+    positionBlocks: null,\n+    blocks: null,\n+    fixedRelativePosition: false,\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+        if (this.fixedRelativePosition) {\n+            this.updateRelativePosition();\n+            this.calculateRelativePosition = function(px) {\n+                return this.relativePosition\n+            }\n         }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n+        this.contentDiv.style.position = \"absolute\";\n+        this.contentDiv.style.zIndex = 1;\n+        if (closeBox) {\n+            this.closeDiv.style.zIndex = 1\n         }\n-        return invalid\n+        this.groupDiv.style.position = \"absolute\";\n+        this.groupDiv.style.top = \"0px\";\n+        this.groupDiv.style.left = \"0px\";\n+        this.groupDiv.style.height = \"100%\";\n+        this.groupDiv.style.width = \"100%\"\n     },\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    destroy: function() {\n+        this.imageSrc = null;\n+        this.imageSize = null;\n+        this.isAlphaImage = null;\n+        this.fixedRelativePosition = false;\n+        this.positionBlocks = null;\n+        for (var i = 0; i < this.blocks.length; i++) {\n+            var block = this.blocks[i];\n+            if (block.image) {\n+                block.div.removeChild(block.image)\n+            }\n+            block.image = null;\n+            if (block.div) {\n+                this.groupDiv.removeChild(block.div)\n+            }\n+            block.div = null\n         }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n+        this.blocks = null;\n+        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n     },\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\")\n+    setBackgroundColor: function(color) {},\n+    setBorder: function() {},\n+    setOpacity: function(opacity) {},\n+    setSize: function(contentSize) {\n+        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+        this.updateBlocks()\n+    },\n+    updateRelativePosition: function() {\n+        this.padding = this.positionBlocks[this.relativePosition].padding;\n+        if (this.closeDiv) {\n+            var contentDivPadding = this.getContentDivPadding();\n+            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n+            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n         }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            filter: evt.filter,\n-            callback: this.merge,\n-            scope: this\n-        }, options))\n+        this.updateBlocks()\n     },\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n-            })\n+    calculateNewPx: function(px) {\n+        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n+        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+        return newPx\n+    },\n+    createBlocks: function() {\n+        this.blocks = [];\n+        var firstPosition = null;\n+        for (var key in this.positionBlocks) {\n+            firstPosition = key;\n+            break\n+        }\n+        var position = this.positionBlocks[firstPosition];\n+        for (var i = 0; i < position.blocks.length; i++) {\n+            var block = {};\n+            this.blocks.push(block);\n+            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n+            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n+            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n+            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n+            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n+            block.div.appendChild(block.image);\n+            this.groupDiv.appendChild(block.div)\n         }\n-        return filter\n     },\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local)\n-                        }\n-                    }\n-                }\n-                this.layer.addFeatures(features)\n+    updateBlocks: function() {\n+        if (!this.blocks) {\n+            this.createBlocks()\n+        }\n+        if (this.size && this.relativePosition) {\n+            var position = this.positionBlocks[this.relativePosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n+                var positionBlock = position.blocks[i];\n+                var block = this.blocks[i];\n+                var l = positionBlock.anchor.left;\n+                var b = positionBlock.anchor.bottom;\n+                var r = positionBlock.anchor.right;\n+                var t = positionBlock.anchor.top;\n+                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n+                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n+                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n+                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n+                block.div.style.left = l != null ? l + \"px\" : \"\";\n+                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n+                block.div.style.right = r != null ? r + \"px\" : \"\";\n+                block.div.style.top = t != null ? t + \"px\" : \"\";\n+                block.image.style.left = positionBlock.position.x + \"px\";\n+                block.image.style.top = positionBlock.position.y + \"px\"\n             }\n-        } else {\n-            this.bounds = null\n+            this.contentDiv.style.left = this.padding.left + \"px\";\n+            this.contentDiv.style.top = this.padding.top + \"px\"\n         }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+});\n+OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n+    contentDisplayClass: \"olFramedCloudPopupContent\",\n+    autoSize: true,\n+    panMapIfOutOfView: true,\n+    imageSize: new OpenLayers.Size(1276, 736),\n+    isAlphaImage: false,\n+    fixedRelativePosition: false,\n+    positionBlocks: {\n+        tl: {\n+            offset: new OpenLayers.Pixel(44, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 18),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -632)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(0, -688)\n+            }]\n+        },\n+        tr: {\n+            offset: new OpenLayers.Pixel(-45, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 19),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -631)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                position: new OpenLayers.Pixel(-215, -687)\n+            }]\n+        },\n+        bl: {\n+            offset: new OpenLayers.Pixel(45, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                position: new OpenLayers.Pixel(-101, -674)\n+            }]\n+        },\n+        br: {\n+            offset: new OpenLayers.Pixel(-44, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                position: new OpenLayers.Pixel(-311, -674)\n+            }]\n+        }\n+    },\n+    minSize: new OpenLayers.Size(105, 10),\n+    maxSize: new OpenLayers.Size(1200, 660),\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n+        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+        this.contentDiv.className = this.contentDisplayClass\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n });\n OpenLayers.Console.warn(\"OpenLayers.Rico is deprecated\");\n OpenLayers.Rico = OpenLayers.Rico || {};\n OpenLayers.Rico.Color = OpenLayers.Class({\n     initialize: function(red, green, blue) {\n         this.rgb = {\n             r: red,\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.mobile.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.mobile.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -263,449 +263,14 @@\n             source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n             destination.toString = source.toString;\n         }\n     }\n     return destination;\n };\n /* ======================================================================\n-    OpenLayers/Util/vendorPrefix.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-OpenLayers.Util = OpenLayers.Util || {};\n-/**\n- * Namespace: OpenLayers.Util.vendorPrefix\n- * A collection of utility functions to detect vendor prefixed features\n- */\n-OpenLayers.Util.vendorPrefix = (function() {\n-    \"use strict\";\n-\n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n-\n-\n-    /**\n-     * Function: domToCss\n-     * Converts a upper camel case DOM style property name to a CSS property\n-     *      i.e. transformOrigin -> transform-origin\n-     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n-     *\n-     * Parameters:\n-     * prefixedDom - {String} The property to convert\n-     *\n-     * Returns:\n-     * {String} The CSS property\n-     */\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null;\n-        }\n-        return prefixedDom.\n-        replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase();\n-        }).\n-        replace(/^ms-/, \"-ms-\");\n-    }\n-\n-    /**\n-     * APIMethod: css\n-     * Detect which property is used for a CSS property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) CSS property name\n-     *\n-     * Returns:\n-     * {String} The standard CSS property, prefixed property or null if not\n-     *          supported\n-     */\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.\n-            replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase();\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom);\n-        }\n-        return cssCache[property];\n-    }\n-\n-    /**\n-     * APIMethod: js\n-     * Detect which property is used for a JS property/method\n-     *\n-     * Parameters:\n-     * obj - {Object} The object to test on\n-     * property - {String} The standard (unprefixed) JS property name\n-     *\n-     * Returns:\n-     * {String} The standard JS property, prefixed property or null if not\n-     *          supported\n-     */\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp,\n-                i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix,\n-                isStyleObj = (typeof obj.cssText !== \"undefined\");\n-\n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        // js prefix should be lower-case, while style\n-                        // properties have upper case on first character\n-                        prefix = prefix.toLowerCase();\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n-                } else {\n-                    tmpProp = property;\n-                }\n-\n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break;\n-                }\n-            }\n-        }\n-        return jsCache[property];\n-    }\n-\n-    /**\n-     * APIMethod: style\n-     * Detect which property is used for a DOM style property\n-     *\n-     * Parameters:\n-     * property - {String} The standard (unprefixed) style property name\n-     *\n-     * Returns:\n-     * {String} The standard style property, prefixed property or null if not\n-     *          supported\n-     */\n-    function style(property) {\n-        return js(divStyle, property);\n-    }\n-\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-\n-        // used for testing\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    };\n-}());\n-/* ======================================================================\n-    OpenLayers/Animation.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- * @requires OpenLayers/Util/vendorPrefix.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Animation\n- * A collection of utility functions for executing methods that repaint a \n- *     portion of the browser window.  These methods take advantage of the\n- *     browser's scheduled repaints where requestAnimationFrame is available.\n- */\n-OpenLayers.Animation = (function(window) {\n-\n-    /**\n-     * Property: isNative\n-     * {Boolean} true if a native requestAnimationFrame function is available\n-     */\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!(requestAnimationFrame);\n-\n-    /**\n-     * Function: requestFrame\n-     * Schedule a function to be called at the next available animation frame.\n-     *     Uses the native method where available.  Where requestAnimationFrame is\n-     *     not available, setTimeout will be called with a 16ms delay.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n-     */\n-    var requestFrame = (function() {\n-        var request = window[requestAnimationFrame] ||\n-            function(callback, element) {\n-                window.setTimeout(callback, 16);\n-            };\n-        // bind to window to avoid illegal invocation of native function\n-        return function(callback, element) {\n-            request.apply(window, [callback, element]);\n-        };\n-    })();\n-\n-    // private variables for animation loops\n-    var counter = 0;\n-    var loops = {};\n-\n-    /**\n-     * Function: start\n-     * Executes a method with <requestFrame> in series for some \n-     *     duration.\n-     *\n-     * Parameters:\n-     * callback - {Function} The function to be called at the next animation frame.\n-     * duration - {Number} Optional duration for the loop.  If not provided, the\n-     *     animation loop will execute indefinitely.\n-     * element - {DOMElement} Optional element that visually bounds the animation.\n-     *\n-     * Returns:\n-     * {Number} Identifier for the animation loop.  Used to stop animations with\n-     *     <stop>.\n-     */\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element);\n-                }\n-            } else {\n-                delete loops[id];\n-            }\n-        };\n-        requestFrame(loops[id], element);\n-        return id;\n-    }\n-\n-    /**\n-     * Function: stop\n-     * Terminates an animation loop started with <start>.\n-     *\n-     * Parameters:\n-     * id - {Number} Identifier returned from <start>.\n-     */\n-    function stop(id) {\n-        delete loops[id];\n-    }\n-\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    };\n-\n-})(window);\n-/* ======================================================================\n-    OpenLayers/Kinetic.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Animation.js\n- */\n-\n-OpenLayers.Kinetic = OpenLayers.Class({\n-\n-    /**\n-     * Property: threshold\n-     * In most cases changing the threshold isn't needed.\n-     * In px/ms, default to 0.\n-     */\n-    threshold: 0,\n-\n-    /**\n-     * Property: deceleration\n-     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n-     */\n-    deceleration: 0.0035,\n-\n-    /**\n-     * Property: nbPoints\n-     * {Integer} the number of points we use to calculate the kinetic\n-     * initial values.\n-     */\n-    nbPoints: 100,\n-\n-    /**\n-     * Property: delay\n-     * {Float} time to consider to calculate the kinetic initial values.\n-     * In ms, default to 200.\n-     */\n-    delay: 200,\n-\n-    /**\n-     * Property: points\n-     * List of points use to calculate the kinetic initial values.\n-     */\n-    points: undefined,\n-\n-    /**\n-     * Property: timerId\n-     * ID of the timer.\n-     */\n-    timerId: undefined,\n-\n-    /**\n-     * Constructor: OpenLayers.Kinetic\n-     *\n-     * Parameters:\n-     * options - {Object}\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * Method: begin\n-     * Begins the dragging.\n-     */\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = [];\n-    },\n-\n-    /**\n-     * Method: update\n-     * Updates during the dragging.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The new position.\n-     */\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: new Date().getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop();\n-        }\n-    },\n-\n-    /**\n-     * Method: end\n-     * Ends the dragging, start the kinetic.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The last position.\n-     *\n-     * Returns:\n-     * {Object} An object with two properties: \"speed\", and \"theta\". The\n-     *     \"speed\" and \"theta\" values are to be passed to the move \n-     *     function when starting the animation.\n-     */\n-    end: function(xy) {\n-        var last, now = new Date().getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break;\n-            }\n-            last = point;\n-        }\n-        if (!last) {\n-            return;\n-        }\n-        var time = new Date().getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n-            Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return;\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta;\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        };\n-    },\n-\n-    /**\n-     * Method: move\n-     * Launch the kinetic move pan.\n-     *\n-     * Parameters:\n-     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n-     *     These values are those returned from the \"end\" call.\n-     * callback - {Function} Function called on every step of the animation,\n-     *     receives x, y (values to pan), end (is the last point).\n-     */\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-\n-        var initialTime = new Date().getTime();\n-\n-        var lastX = 0;\n-        var lastY = 0;\n-\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return;\n-            }\n-\n-            var t = new Date().getTime() - initialTime;\n-\n-            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true;\n-            }\n-\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end);\n-        };\n-\n-        this.timerId = OpenLayers.Animation.start(\n-            OpenLayers.Function.bind(timerCallback, this)\n-        );\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n-/* ======================================================================\n     OpenLayers/BaseTypes.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -4861,14 +4426,155 @@\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\");\n     }\n     return str;\n };\n \n /* ======================================================================\n+    OpenLayers/Util/vendorPrefix.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+OpenLayers.Util = OpenLayers.Util || {};\n+/**\n+ * Namespace: OpenLayers.Util.vendorPrefix\n+ * A collection of utility functions to detect vendor prefixed features\n+ */\n+OpenLayers.Util.vendorPrefix = (function() {\n+    \"use strict\";\n+\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+\n+    /**\n+     * Function: domToCss\n+     * Converts a upper camel case DOM style property name to a CSS property\n+     *      i.e. transformOrigin -> transform-origin\n+     *      or   WebkitTransformOrigin -> -webkit-transform-origin\n+     *\n+     * Parameters:\n+     * prefixedDom - {String} The property to convert\n+     *\n+     * Returns:\n+     * {String} The CSS property\n+     */\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null;\n+        }\n+        return prefixedDom.\n+        replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase();\n+        }).\n+        replace(/^ms-/, \"-ms-\");\n+    }\n+\n+    /**\n+     * APIMethod: css\n+     * Detect which property is used for a CSS property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) CSS property name\n+     *\n+     * Returns:\n+     * {String} The standard CSS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.\n+            replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase();\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom);\n+        }\n+        return cssCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: js\n+     * Detect which property is used for a JS property/method\n+     *\n+     * Parameters:\n+     * obj - {Object} The object to test on\n+     * property - {String} The standard (unprefixed) JS property name\n+     *\n+     * Returns:\n+     * {String} The standard JS property, prefixed property or null if not\n+     *          supported\n+     */\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp,\n+                i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix,\n+                isStyleObj = (typeof obj.cssText !== \"undefined\");\n+\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        // js prefix should be lower-case, while style\n+                        // properties have upper case on first character\n+                        prefix = prefix.toLowerCase();\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1);\n+                } else {\n+                    tmpProp = property;\n+                }\n+\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break;\n+                }\n+            }\n+        }\n+        return jsCache[property];\n+    }\n+\n+    /**\n+     * APIMethod: style\n+     * Detect which property is used for a DOM style property\n+     *\n+     * Parameters:\n+     * property - {String} The standard (unprefixed) style property name\n+     *\n+     * Returns:\n+     * {String} The standard style property, prefixed property or null if not\n+     *          supported\n+     */\n+    function style(property) {\n+        return js(divStyle, property);\n+    }\n+\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+\n+        // used for testing\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    };\n+}());\n+/* ======================================================================\n     OpenLayers/Events.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -6037,14 +5743,120 @@\n \n         OpenLayers.Event.observe(element, 'MSPointerUp', cb);\n     },\n \n     CLASS_NAME: \"OpenLayers.Events\"\n });\n /* ======================================================================\n+    OpenLayers/Animation.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ * @requires OpenLayers/Util/vendorPrefix.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Animation\n+ * A collection of utility functions for executing methods that repaint a \n+ *     portion of the browser window.  These methods take advantage of the\n+ *     browser's scheduled repaints where requestAnimationFrame is available.\n+ */\n+OpenLayers.Animation = (function(window) {\n+\n+    /**\n+     * Property: isNative\n+     * {Boolean} true if a native requestAnimationFrame function is available\n+     */\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!(requestAnimationFrame);\n+\n+    /**\n+     * Function: requestFrame\n+     * Schedule a function to be called at the next available animation frame.\n+     *     Uses the native method where available.  Where requestAnimationFrame is\n+     *     not available, setTimeout will be called with a 16ms delay.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     */\n+    var requestFrame = (function() {\n+        var request = window[requestAnimationFrame] ||\n+            function(callback, element) {\n+                window.setTimeout(callback, 16);\n+            };\n+        // bind to window to avoid illegal invocation of native function\n+        return function(callback, element) {\n+            request.apply(window, [callback, element]);\n+        };\n+    })();\n+\n+    // private variables for animation loops\n+    var counter = 0;\n+    var loops = {};\n+\n+    /**\n+     * Function: start\n+     * Executes a method with <requestFrame> in series for some \n+     *     duration.\n+     *\n+     * Parameters:\n+     * callback - {Function} The function to be called at the next animation frame.\n+     * duration - {Number} Optional duration for the loop.  If not provided, the\n+     *     animation loop will execute indefinitely.\n+     * element - {DOMElement} Optional element that visually bounds the animation.\n+     *\n+     * Returns:\n+     * {Number} Identifier for the animation loop.  Used to stop animations with\n+     *     <stop>.\n+     */\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element);\n+                }\n+            } else {\n+                delete loops[id];\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id;\n+    }\n+\n+    /**\n+     * Function: stop\n+     * Terminates an animation loop started with <start>.\n+     *\n+     * Parameters:\n+     * id - {Number} Identifier returned from <start>.\n+     */\n+    function stop(id) {\n+        delete loops[id];\n+    }\n+\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    };\n+\n+})(window);\n+/* ======================================================================\n     OpenLayers/Tween.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -9645,14 +9457,202 @@\n OpenLayers.Map.TILE_WIDTH = 256;\n /**\n  * Constant: TILE_HEIGHT\n  * {Integer} 256 Default tile height (unless otherwise specified)\n  */\n OpenLayers.Map.TILE_HEIGHT = 256;\n /* ======================================================================\n+    OpenLayers/Kinetic.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Animation.js\n+ */\n+\n+OpenLayers.Kinetic = OpenLayers.Class({\n+\n+    /**\n+     * Property: threshold\n+     * In most cases changing the threshold isn't needed.\n+     * In px/ms, default to 0.\n+     */\n+    threshold: 0,\n+\n+    /**\n+     * Property: deceleration\n+     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n+     */\n+    deceleration: 0.0035,\n+\n+    /**\n+     * Property: nbPoints\n+     * {Integer} the number of points we use to calculate the kinetic\n+     * initial values.\n+     */\n+    nbPoints: 100,\n+\n+    /**\n+     * Property: delay\n+     * {Float} time to consider to calculate the kinetic initial values.\n+     * In ms, default to 200.\n+     */\n+    delay: 200,\n+\n+    /**\n+     * Property: points\n+     * List of points use to calculate the kinetic initial values.\n+     */\n+    points: undefined,\n+\n+    /**\n+     * Property: timerId\n+     * ID of the timer.\n+     */\n+    timerId: undefined,\n+\n+    /**\n+     * Constructor: OpenLayers.Kinetic\n+     *\n+     * Parameters:\n+     * options - {Object}\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * Method: begin\n+     * Begins the dragging.\n+     */\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = [];\n+    },\n+\n+    /**\n+     * Method: update\n+     * Updates during the dragging.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} The new position.\n+     */\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: new Date().getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop();\n+        }\n+    },\n+\n+    /**\n+     * Method: end\n+     * Ends the dragging, start the kinetic.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} The last position.\n+     *\n+     * Returns:\n+     * {Object} An object with two properties: \"speed\", and \"theta\". The\n+     *     \"speed\" and \"theta\" values are to be passed to the move \n+     *     function when starting the animation.\n+     */\n+    end: function(xy) {\n+        var last, now = new Date().getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break;\n+            }\n+            last = point;\n+        }\n+        if (!last) {\n+            return;\n+        }\n+        var time = new Date().getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n+            Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return;\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta;\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        };\n+    },\n+\n+    /**\n+     * Method: move\n+     * Launch the kinetic move pan.\n+     *\n+     * Parameters:\n+     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n+     *     These values are those returned from the \"end\" call.\n+     * callback - {Function} Function called on every step of the animation,\n+     *     receives x, y (values to pan), end (is the last point).\n+     */\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+\n+        var initialTime = new Date().getTime();\n+\n+        var lastX = 0;\n+        var lastY = 0;\n+\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return;\n+            }\n+\n+            var t = new Date().getTime() - initialTime;\n+\n+            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true;\n+            }\n+\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end);\n+        };\n+\n+        this.timerId = OpenLayers.Animation.start(\n+            OpenLayers.Function.bind(timerCallback, this)\n+        );\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n+/* ======================================================================\n     OpenLayers/Layer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -18586,979 +18586,388 @@\n         }\n         return geometry;\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/XYZ.js\n+    OpenLayers/Control.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.XYZ\n- * The XYZ class is designed to make it easier for people who have tiles\n- * arranged by a standard XYZ grid. \n+/**\n+ * Class: OpenLayers.Control\n+ * Controls affect the display or behavior of the map. They allow everything\n+ * from panning and zooming to displaying a scale indicator. Controls by \n+ * default are added to the map they are contained within however it is\n+ * possible to add a control to an external div by passing the div in the\n+ * options parameter.\n+ * \n+ * Example:\n+ * The following example shows how to add many of the common controls\n+ * to a map.\n+ * \n+ * > var map = new OpenLayers.Map('map', { controls: [] });\n+ * >\n+ * > map.addControl(new OpenLayers.Control.PanZoomBar());\n+ * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n+ * > map.addControl(new OpenLayers.Control.Permalink());\n+ * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n+ * > map.addControl(new OpenLayers.Control.MousePosition());\n+ * > map.addControl(new OpenLayers.Control.OverviewMap());\n+ * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n+ *\n+ * The next code fragment is a quick example of how to intercept \n+ * shift-mouse click to display the extent of the bounding box\n+ * dragged out by the user.  Usually controls are not created\n+ * in exactly this manner.  See the source for a more complete \n+ * example:\n+ *\n+ * > var control = new OpenLayers.Control();\n+ * > OpenLayers.Util.extend(control, {\n+ * >     draw: function () {\n+ * >         // this Handler.Box will intercept the shift-mousedown\n+ * >         // before Control.MouseDefault gets to see it\n+ * >         this.box = new OpenLayers.Handler.Box( control, \n+ * >             {\"done\": this.notice},\n+ * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n+ * >         this.box.activate();\n+ * >     },\n+ * >\n+ * >     notice: function (bounds) {\n+ * >         OpenLayers.Console.userError(bounds);\n+ * >     }\n+ * > }); \n+ * > map.addControl(control);\n  * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * Default is true, as this is designed to be a base tile source. \n-     */\n-    isBaseLayer: true,\n-\n-    /**\n-     * APIProperty: sphericalMercator\n-     * Whether the tile extents should be set to the defaults for \n-     *    spherical mercator. Useful for things like OpenStreetMap.\n-     *    Default is false, except for the OSM subclass.\n-     */\n-    sphericalMercator: false,\n-\n-    /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n-     */\n-    zoomOffset: 0,\n-\n-    /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n-     */\n-    serverResolutions: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.XYZ\n-     *\n-     * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options);\n-        }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name || this.name, url || this.url, {},\n-            options\n-        ]);\n-    },\n+OpenLayers.Control = OpenLayers.Class({\n \n-    /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n-     *\n-     * Parameters:\n-     * obj - {Object} Is this ever used?\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+    /** \n+     * Property: id \n+     * {String} \n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name,\n-                this.url,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n-    },\n+    id: null,\n \n-    /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n+    /** \n+     * Property: map \n+     * {<OpenLayers.Map>} this gets set in the addControl() function in\n+     * OpenLayers.Map \n      */\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = '' + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url);\n-        }\n-\n-        return OpenLayers.String.format(url, xyz);\n-    },\n+    map: null,\n \n-    /**\n-     * Method: getXYZ\n-     * Calculates x, y and z for the given bounds.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {Object} - an object with x, y and z properties.\n+    /** \n+     * APIProperty: div \n+     * {DOMElement} The element that contains the control, if not present the \n+     *     control is placed inside the map.\n      */\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) /\n-            (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) /\n-            (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = ((x % limit) + limit) % limit;\n-        }\n-\n-        return {\n-            'x': x,\n-            'y': y,\n-            'z': z\n-        };\n-    },\n+    div: null,\n \n-    /* APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n+    /** \n+     * APIProperty: type \n+     * {Number} Controls can have a 'type'. The type determines the type of\n+     * interactions which are possible with them when they are placed in an\n+     * <OpenLayers.Control.Panel>. \n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n-                this.maxExtent.bottom);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Bing.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer/XYZ.js\n- */\n-\n-/** \n- * Class: OpenLayers.Layer.Bing\n- * Bing layer using direct tile access as provided by Bing Maps REST Services.\n- * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n- * information. Note: Terms of Service compliant use requires the map to be\n- * configured with an <OpenLayers.Control.Attribution> control and the\n- * attribution placed on or near the map.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n- */\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    type: null,\n \n-    /**\n-     * Property: key\n-     * {String} API key for Bing maps, get your own key \n-     *     at http://bingmapsportal.com/ .\n+    /** \n+     * Property: allowSelection\n+     * {Boolean} By default, controls do not allow selection, because\n+     * it may interfere with map dragging. If this is true, OpenLayers\n+     * will not prevent selection of the control.\n+     * Default is false.\n      */\n-    key: null,\n+    allowSelection: false,\n \n-    /**\n-     * Property: serverResolutions\n-     * {Array} the resolutions provided by the Bing servers.\n+    /** \n+     * Property: displayClass \n+     * {string}  This property is used for CSS related to the drawing of the\n+     * Control. \n      */\n-    serverResolutions: [\n-        156543.03390625, 78271.516953125, 39135.7584765625,\n-        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n-        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n-        305.74811309814453, 152.87405654907226, 76.43702827453613,\n-        38.218514137268066, 19.109257068634033, 9.554628534317017,\n-        4.777314267158508, 2.388657133579254, 1.194328566789627,\n-        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n-        0.07464553542435169\n-    ],\n+    displayClass: \"\",\n \n     /**\n-     * Property: attributionTemplate\n-     * {String}\n+     * APIProperty: title  \n+     * {string}  This property is used for showing a tooltip over the  \n+     * Control.  \n      */\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n-        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n-        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n-        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n-        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n-        'Terms of Use</a></span>',\n+    title: \"\",\n \n     /**\n-     * Property: metadata\n-     * {Object} Metadata for this layer, as returned by the callback script\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     false.\n      */\n-    metadata: null,\n+    autoActivate: false,\n \n-    /**\n-     * Property: protocolRegex\n-     * {RegExp} Regular expression to match and replace http: in bing urls\n+    /** \n+     * APIProperty: active \n+     * {Boolean} The control is active (read-only).  Use <activate> and \n+     *     <deactivate> to change control state.\n      */\n-    protocolRegex: /^http:/i,\n+    active: null,\n \n     /**\n-     * APIProperty: type\n-     * {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.  Default is \"Road\".\n+     * Property: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    type: \"Road\",\n+    handlerOptions: null,\n \n-    /**\n-     * APIProperty: culture\n-     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n-     * for the definition and the possible values.  Default is \"en-US\".\n+    /** \n+     * Property: handler \n+     * {<OpenLayers.Handler>} null\n      */\n-    culture: \"en-US\",\n+    handler: null,\n \n     /**\n-     * APIProperty: metadataParams\n-     * {Object} Optional url parameters for the Get Imagery Metadata request\n-     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     * APIProperty: eventListeners\n+     * {Object} If set as an option at construction, the eventListeners\n+     *     object will be registered with <OpenLayers.Events.on>.  Object\n+     *     structure must be a listeners object as shown in the example for\n+     *     the events.on method.\n      */\n-    metadataParams: null,\n+    eventListeners: null,\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n-     */\n-    tileOptions: null,\n-\n-    /** APIProperty: protocol\n-     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n-     *  Can be 'http:' 'https:' or ''\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n      *\n-     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n-     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n-     *  this is undocumented and the Imagery Metadata API always returns HTTP\n-     *  urls.\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n      *\n-     *  Default is '', unless when executed from a file:/// uri, in which case\n-     *  it is 'http:'.\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to control.events.object (a reference\n+     *      to the control).\n+     * element - {DOMElement} A reference to control.events.element (which\n+     *      will be null unless documented otherwise).\n+     *\n+     * Supported map event types:\n+     * activate - Triggered when activated.\n+     * deactivate - Triggered when deactivated.\n      */\n-    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+    events: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Bing\n-     * Create a new Bing layer.\n-     *\n-     * Example:\n-     * (code)\n-     * var road = new OpenLayers.Layer.Bing({\n-     *     name: \"My Bing Aerial Layer\",\n-     *     type: \"Aerial\",\n-     *     key: \"my-api-key-here\",\n-     * });\n-     * (end)\n+     * Constructor: OpenLayers.Control\n+     * Create an OpenLayers Control.  The options passed as a parameter\n+     * directly extend the control.  For example passing the following:\n+     * \n+     * > var control = new OpenLayers.Control({div: myDiv});\n      *\n+     * Overrides the default div attribute value of null.\n+     * \n      * Parameters:\n-     * options - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * key - {String} Bing Maps API key for your application. Get one at\n-     *     http://bingmapsportal.com/.\n-     * type - {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.\n-     *\n-     * Any other documented layer properties can be provided in the config object.\n+     * options - {Object} \n      */\n     initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options.tileOptions);\n-        this.loadMetadata();\n-    },\n+        // We do this before the extend so that instances can override\n+        // className in options.\n+        this.displayClass =\n+            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n \n-    /**\n-     * Method: loadMetadata\n-     */\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        // link the processMetadata method to the global scope and bind it\n-        // to this instance\n-        window[this._callbackId] = OpenLayers.Function.bind(\n-            OpenLayers.Layer.Bing.processMetadata, this\n-        );\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n-            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script);\n-    },\n+        OpenLayers.Util.extend(this, options);\n \n-    /**\n-     * Method: initLayer\n-     *\n-     * Sets layer properties according to the metadata provided by the API\n-     */\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners);\n         }\n-        this.addOptions({\n-            maxResolution: Math.min(\n-                this.serverResolutions[res.zoomMin],\n-                this.maxResolution || Number.POSITIVE_INFINITY\n-            ),\n-            numZoomLevels: Math.min(\n-                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n-            )\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw();\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n         }\n-        this.updateAttribution();\n     },\n \n     /**\n-     * Method: getURL\n-     *\n-     * Paramters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return;\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = '0';\n-            var mask = 1 << (i - 1);\n-            if ((x & mask) != 0) {\n-                digit++;\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++;\n+    destroy: function() {\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners);\n             }\n-            quadDigits.push(digit);\n+            this.events.destroy();\n+            this.events = null;\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl('' + x + y + z, this.url);\n-\n-        return OpenLayers.String.format(url, {\n-            'quadkey': quadKey\n-        });\n-    },\n+        this.eventListeners = null;\n \n-    /**\n-     * Method: updateAttribution\n-     * Updates the attribution according to the requirements outlined in\n-     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n-     */\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return;\n+        // eliminate circular references\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null;\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(\n-            this.map.getProjectionObject(),\n-            new OpenLayers.Projection(\"EPSG:4326\")\n-        );\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n-                this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                // axis order provided is Y,X\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) &&\n-                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \";\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) &&\n+                    typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy();\n                 }\n             }\n+            this.handlers = null;\n         }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        });\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution);\n-    },\n-\n-    /**\n-     * APIMethod: clone\n-     * \n-     * Parameters:\n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n-     */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options);\n+        if (this.map) {\n+            this.map.removeControl(this);\n+            this.map = null;\n         }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.map &&\n-            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+        this.div = null;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n-\n-/**\n- * Function: OpenLayers.Layer.Bing.processMetadata\n- * This function will be bound to an instance, linked to the global scope with\n- * an id, and called by the JSONP script returned by the API.\n- *\n- * Parameters:\n- * metadata - {Object} metadata as returned by the API\n- */\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined; // cannot delete from window in IE\n-    delete this._callbackId;\n-};\n-/* ======================================================================\n-    OpenLayers/Renderer.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Renderer \n- * This is the base class for all renderers.\n- *\n- * This is based on a merger code written by Paul Spencer and Bertil Chapuis.\n- * It is largely composed of virtual functions that are to be implemented\n- * in technology-specific subclasses, but there is some generic code too.\n- * \n- * The functions that *are* implemented here merely deal with the maintenance\n- *  of the size and extent variables, as well as the cached 'resolution' \n- *  value. \n- * \n- * A note to the user that all subclasses should use getResolution() instead\n- *  of directly accessing this.resolution in order to correctly use the \n- *  cacheing system.\n- *\n- */\n-OpenLayers.Renderer = OpenLayers.Class({\n-\n-    /** \n-     * Property: container\n-     * {DOMElement} \n-     */\n-    container: null,\n-\n-    /**\n-     * Property: root\n-     * {DOMElement}\n-     */\n-    root: null,\n-\n     /** \n-     * Property: extent\n-     * {<OpenLayers.Bounds>}\n-     */\n-    extent: null,\n-\n-    /**\n-     * Property: locked\n-     * {Boolean} If the renderer is currently in a state where many things\n-     *     are changing, the 'locked' property is set to true. This means \n-     *     that renderers can expect at least one more drawFeature event to be\n-     *     called with the 'locked' property set to 'true': In some renderers,\n-     *     this might make sense to use as a 'only update local information'\n-     *     flag. \n-     */\n-    locked: false,\n-\n-    /** \n-     * Property: size\n-     * {<OpenLayers.Size>} \n-     */\n-    size: null,\n-\n-    /**\n-     * Property: resolution\n-     * {Float} cache of current map resolution\n-     */\n-    resolution: null,\n-\n-    /**\n-     * Property: map  \n-     * {<OpenLayers.Map>} Reference to the map -- this is set in Vector's setMap()\n-     */\n-    map: null,\n-\n-    /**\n-     * Property: featureDx\n-     * {Number} Feature offset in x direction. Will be calculated for and\n-     * applied to the current feature while rendering (see\n-     * <calculateFeatureDx>).\n-     */\n-    featureDx: 0,\n-\n-    /**\n-     * Constructor: OpenLayers.Renderer \n-     *\n-     * Parameters:\n-     * containerID - {<String>} \n-     * options - {Object} options for this renderer. See sublcasses for\n-     *     supported options.\n-     */\n-    initialize: function(containerID, options) {\n-        this.container = OpenLayers.Util.getElement(containerID);\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-        this.container = null;\n-        this.extent = null;\n-        this.size = null;\n-        this.resolution = null;\n-        this.map = null;\n-    },\n-\n-    /**\n-     * APIMethod: supported\n-     * This should be overridden by specific subclasses\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the renderer class\n-     */\n-    supported: function() {\n-        return false;\n-    },\n-\n-    /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n-     *\n-     * Resolution has probably changed, so we nullify the resolution \n-     * cache (this.resolution) -- this way it will be re-computed when \n-     * next it is needed.\n-     * We nullify the resolution cache (this.resolution) if resolutionChanged\n-     * is set to true - this way it will be re-computed on the next\n-     * getResolution() request.\n+     * Method: setMap\n+     * Set the map property for the control. This is done through an accessor\n+     * so that subclasses can override this and take special action once \n+     * they have their map variable set. \n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     *\n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * map - {<OpenLayers.Map>} \n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        this.extent = extent.clone();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio);\n-            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio);\n-        }\n-        if (resolutionChanged) {\n-            this.resolution = null;\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map);\n         }\n-        return true;\n     },\n \n     /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     * \n-     * Resolution has probably changed, so we nullify the resolution \n-     * cache (this.resolution) -- this way it will be re-computed when \n-     * next it is needed.\n+     * Method: draw\n+     * The draw method is called when the control is ready to be displayed\n+     * on the page.  If a div has not been created one is created.  Controls\n+     * with a visual component will almost always want to override this method \n+     * to customize the look of control. \n      *\n      * Parameters:\n-     * size - {<OpenLayers.Size>} \n-     */\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        this.resolution = null;\n-    },\n-\n-    /** \n-     * Method: getResolution\n-     * Uses cached copy of resolution if available to minimize computing\n-     * \n-     * Returns:\n-     * {Float} The current map's resolution\n-     */\n-    getResolution: function() {\n-        this.resolution = this.resolution || this.map.getResolution();\n-        return this.resolution;\n-    },\n-\n-    /**\n-     * Method: drawFeature\n-     * Draw the feature.  The optional style argument can be used\n-     * to override the feature's own style.  This method should only\n-     * be called from layer.drawFeature().\n+     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n+     *      or null.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {<Object>}\n-     * \n      * Returns:\n-     * {Boolean} true if the feature has been drawn completely, false if not,\n-     *     undefined if the feature had no geometry\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n      */\n-    drawFeature: function(feature, style) {\n-        if (style == null) {\n-            style = feature.style;\n-        }\n-        if (feature.geometry) {\n-            var bounds = feature.geometry.getBounds();\n-            if (bounds) {\n-                var worldBounds;\n-                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                    worldBounds = this.map.getMaxExtent();\n-                }\n-                if (!bounds.intersectsBounds(this.extent, {\n-                        worldBounds: worldBounds\n-                    })) {\n-                    style = {\n-                        display: \"none\"\n-                    };\n-                } else {\n-                    this.calculateFeatureDx(bounds, worldBounds);\n-                }\n-                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n-                if (style.display != \"none\" && style.label && rendered !== false) {\n-\n-                    var location = feature.geometry.getCentroid();\n-                    if (style.labelXOffset || style.labelYOffset) {\n-                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n-                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n-                        var res = this.getResolution();\n-                        location.move(xOffset * res, yOffset * res);\n-                    }\n-                    this.drawText(feature.id, style, location);\n-                } else {\n-                    this.removeText(feature.id);\n-                }\n-                return rendered;\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False;\n             }\n+            if (this.title != \"\") {\n+                this.div.title = this.title;\n+            }\n+        }\n+        if (px != null) {\n+            this.position = px.clone();\n         }\n+        this.moveTo(this.position);\n+        return this.div;\n     },\n \n     /**\n-     * Method: calculateFeatureDx\n-     * {Number} Calculates the feature offset in x direction. Looking at the\n-     * center of the feature bounds and the renderer extent, we calculate how\n-     * many world widths the two are away from each other. This distance is\n-     * used to shift the feature as close as possible to the center of the\n-     * current enderer extent, which ensures that the feature is visible in the\n-     * current viewport.\n+     * Method: moveTo\n+     * Sets the left and top style attributes to the passed in pixel \n+     * coordinates.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} Bounds of the feature\n-     * worldBounds - {<OpenLayers.Bounds>} Bounds of the world\n+     * px - {<OpenLayers.Pixel>}\n      */\n-    calculateFeatureDx: function(bounds, worldBounds) {\n-        this.featureDx = 0;\n-        if (worldBounds) {\n-            var worldWidth = worldBounds.getWidth(),\n-                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n-                featureCenterX = (bounds.left + bounds.right) / 2,\n-                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n-            this.featureDx = worldsAway * worldWidth;\n+    moveTo: function(px) {\n+        if ((px != null) && (this.div != null)) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\";\n         }\n     },\n \n-    /** \n-     * Method: drawGeometry\n-     * \n-     * Draw a geometry.  This should only be called from the renderer itself.\n-     * Use layer.drawFeature() from outside the renderer.\n-     * virtual function\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * style - {Object} \n-     * featureId - {<String>} \n-     */\n-    drawGeometry: function(geometry, style, featureId) {},\n-\n-    /**\n-     * Method: drawText\n-     * Function for drawing text labels.\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {},\n-\n-    /**\n-     * Method: removeText\n-     * Function for removing text labels.\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     */\n-    removeText: function(featureId) {},\n-\n-    /**\n-     * Method: clear\n-     * Clear all vectors from the renderer.\n-     * virtual function.\n-     */\n-    clear: function() {},\n-\n     /**\n-     * Method: getFeatureIdFromEvent\n-     * Returns a feature id from an event on the renderer.  \n-     * How this happens is specific to the renderer.  This should be\n-     * called from layer.getFeatureFromEvent().\n-     * Virtual function.\n+     * APIMethod: activate\n+     * Explicitly activates a control and it's associated\n+     * handler if one has been set.  Controls can be\n+     * deactivated by calling the deactivate() method.\n      * \n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     *\n      * Returns:\n-     * {String} A feature id or undefined.\n-     */\n-    getFeatureIdFromEvent: function(evt) {},\n-\n-    /**\n-     * Method: eraseFeatures \n-     * This is called by the layer to erase features\n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * {Boolean}  True if the control was successfully activated or\n+     *            false if the control was already active.\n      */\n-    eraseFeatures: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n         }\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            var feature = features[i];\n-            this.eraseGeometry(feature.geometry, feature.id);\n-            this.removeText(feature.id);\n+        if (this.handler) {\n+            this.handler.activate();\n         }\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv,\n+                this.displayClass.replace(/ /g, \"\") + \"Active\"\n+            );\n+        }\n+        this.events.triggerEvent(\"activate\");\n+        return true;\n     },\n \n     /**\n-     * Method: eraseGeometry\n-     * Remove a geometry from the renderer (by id).\n-     * virtual function.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * featureId - {String}\n-     */\n-    eraseGeometry: function(geometry, featureId) {},\n-\n-    /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a (different) renderer.\n-     * To be implemented by subclasses that require a common renderer root for\n-     * feature selection.\n-     * \n-     * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     */\n-    moveRoot: function(renderer) {},\n-\n-    /**\n-     * Method: getRenderLayerId\n-     * Gets the layer that this renderer's output appears on. If moveRoot was\n-     * used, this will be different from the id of the layer containing the\n-     * features rendered by this renderer.\n-     * \n-     * Returns:\n-     * {String} the id of the output layer.\n-     */\n-    getRenderLayerId: function() {\n-        return this.container.id;\n-    },\n-\n-    /**\n-     * Method: applyDefaultSymbolizer\n-     * \n-     * Parameters:\n-     * symbolizer - {Object}\n+     * APIMethod: deactivate\n+     * Deactivates a control and it's associated handler if any.  The exact\n+     * effect of this depends on the control itself.\n      * \n      * Returns:\n-     * {Object}\n+     * {Boolean} True if the control was effectively deactivated or false\n+     *           if the control was already inactive.\n      */\n-    applyDefaultSymbolizer: function(symbolizer) {\n-        var result = OpenLayers.Util.extend({},\n-            OpenLayers.Renderer.defaultSymbolizer);\n-        if (symbolizer.stroke === false) {\n-            delete result.strokeWidth;\n-            delete result.strokeColor;\n-        }\n-        if (symbolizer.fill === false) {\n-            delete result.fillColor;\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate();\n+            }\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv,\n+                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n+                );\n+            }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true;\n         }\n-        OpenLayers.Util.extend(result, symbolizer);\n-        return result;\n+        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer\"\n+    CLASS_NAME: \"OpenLayers.Control\"\n });\n \n /**\n- * Constant: OpenLayers.Renderer.defaultSymbolizer\n- * {Object} Properties from this symbolizer will be applied to symbolizers\n- *     with missing properties. This can also be used to set a global\n- *     symbolizer default in OpenLayers. To be SLD 1.x compliant, add the\n- *     following code before rendering any vector features:\n- * (code)\n- * OpenLayers.Renderer.defaultSymbolizer = {\n- *     fillColor: \"#808080\",\n- *     fillOpacity: 1,\n- *     strokeColor: \"#000000\",\n- *     strokeOpacity: 1,\n- *     strokeWidth: 1,\n- *     pointRadius: 3,\n- *     graphicName: \"square\"\n- * };\n- * (end)\n+ * Constant: OpenLayers.Control.TYPE_BUTTON\n  */\n-OpenLayers.Renderer.defaultSymbolizer = {\n-    fillColor: \"#000000\",\n-    strokeColor: \"#000000\",\n-    strokeWidth: 2,\n-    fillOpacity: 1,\n-    strokeOpacity: 1,\n-    pointRadius: 0,\n-    labelAlign: 'cm'\n-};\n-\n+OpenLayers.Control.TYPE_BUTTON = 1;\n \n+/**\n+ * Constant: OpenLayers.Control.TYPE_TOGGLE\n+ */\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n \n /**\n- * Constant: OpenLayers.Renderer.symbol\n- * Coordinate arrays for well known (named) symbols.\n+ * Constant: OpenLayers.Control.TYPE_TOOL\n  */\n-OpenLayers.Renderer.symbol = {\n-    \"star\": [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301,\n-        303, 215, 231, 161, 321, 161, 350, 75\n-    ],\n-    \"cross\": [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4,\n-        4, 0\n-    ],\n-    \"x\": [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n-    \"square\": [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n-    \"triangle\": [0, 10, 10, 10, 5, 0, 0, 10]\n-};\n+OpenLayers.Control.TYPE_TOOL = 3;\n /* ======================================================================\n     OpenLayers/Feature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -20295,5619 +19704,982 @@\n \n     },\n     'delete': {\n         display: \"none\"\n     }\n };\n /* ======================================================================\n-    OpenLayers/Style.js\n+    OpenLayers/Control/DrawFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Control.js\n  * @requires OpenLayers/Feature/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Style\n- * This class represents a UserStyle obtained\n- *     from a SLD, containing styling rules.\n+ * Class: OpenLayers.Control.DrawFeature\n+ * The DrawFeature control draws point, line or polygon features on a vector\n+ * layer when active.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Style = OpenLayers.Class({\n-\n-    /**\n-     * Property: id\n-     * {String} A unique id for this session.\n-     */\n-    id: null,\n-\n-    /**\n-     * APIProperty: name\n-     * {String}\n-     */\n-    name: null,\n-\n-    /**\n-     * Property: title\n-     * {String} Title of this style (set if included in SLD)\n-     */\n-    title: null,\n-\n-    /**\n-     * Property: description\n-     * {String} Description of this style (set if abstract is included in SLD)\n-     */\n-    description: null,\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: layerName\n-     * {<String>} name of the layer that this style belongs to, usually\n-     * according to the NamedLayer attribute of an SLD document.\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    layerName: null,\n+    layer: null,\n \n     /**\n-     * APIProperty: isDefault\n-     * {Boolean}\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n      */\n-    isDefault: false,\n+    callbacks: null,\n \n     /** \n-     * Property: rules \n-     * {Array(<OpenLayers.Rule>)}\n-     */\n-    rules: null,\n-\n-    /**\n-     * APIProperty: context\n-     * {Object} An optional object with properties that symbolizers' property\n-     * values should be evaluated against. If no context is specified,\n-     * feature.attributes will be used\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * featureadded - Triggered when a feature is added\n      */\n-    context: null,\n \n     /**\n-     * Property: defaultStyle\n-     * {Object} hash of style properties to use as default for merging\n-     * rule-based style symbolizers onto. If no rules are defined,\n-     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n-     * true, the defaultStyle will only be taken into account if there are\n-     * rules defined.\n+     * APIProperty: multi\n+     * {Boolean} Cast features to multi-part geometries before passing to the\n+     *     layer.  Default is false.\n      */\n-    defaultStyle: null,\n+    multi: false,\n \n     /**\n-     * Property: defaultsPerSymbolizer\n-     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n-     * of every rule. Properties of the <defaultStyle> will also be used to set\n-     * missing symbolizer properties if the symbolizer has stroke, fill or\n-     * graphic set to true. Default is false.\n+     * APIProperty: featureAdded\n+     * {Function} Called after each feature is added\n      */\n-    defaultsPerSymbolizer: false,\n+    featureAdded: function() {},\n \n     /**\n-     * Property: propertyStyles\n-     * {Hash of Boolean} cache of style properties that need to be parsed for\n-     * propertyNames. Property names are keys, values won't be used.\n-     */\n-    propertyStyles: null,\n-\n-\n-    /** \n-     * Constructor: OpenLayers.Style\n-     * Creates a UserStyle.\n-     *\n-     * Parameters:\n-     * style        - {Object} Optional hash of style properties that will be\n-     *                used as default style for this style object. This style\n-     *                applies if no rules are specified. Symbolizers defined in\n-     *                rules will extend this default style.\n-     * options - {Object} An optional object with properties to set on the\n-     *     style.\n-     *\n-     * Valid options:\n-     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n-     *     style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>}\n-     */\n-    initialize: function(style, options) {\n-\n-        OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules);\n-        }\n-\n-        // use the default style from OpenLayers.Feature.Vector if no style\n-        // was given in the constructor\n-        this.setDefaultStyle(style ||\n-            OpenLayers.Feature.Vector.style[\"default\"]);\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /** \n-     * APIMethod: destroy\n-     * nullify references to prevent circular references and memory leaks\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null;\n-        }\n-        this.rules = null;\n-        this.defaultStyle = null;\n-    },\n \n     /**\n-     * Method: createSymbolizer\n-     * creates a style by applying all feature-dependent rules to the base\n-     * style.\n+     * Constructor: OpenLayers.Control.DrawFeature\n      * \n      * Parameters:\n-     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n-     * \n-     * Returns:\n-     * {Object} symbolizer hash\n+     * layer - {<OpenLayers.Layer.Vector>} \n+     * handler - {<OpenLayers.Handler>} \n+     * options - {Object} \n      */\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n-            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-\n-        var rules = this.rules;\n-\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            // does the rule apply?\n-            var applies = rule.evaluate(feature);\n-\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule);\n-                } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature);\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+                done: this.drawFeature,\n+                modify: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchmodified\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n+                },\n+                create: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchstarted\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n                 }\n+            },\n+            this.callbacks\n+        );\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+            this.handlerOptions.layerOptions, {\n+                renderers: layer.renderers,\n+                rendererOptions: layer.rendererOptions\n             }\n+        );\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi;\n         }\n-\n-        // if no other rules apply, apply the rules with else filters\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature);\n-            }\n-        }\n-\n-        // don't display if there were rules but none applied\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\";\n-        }\n-\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label);\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+                this.handlerOptions.layerOptions, {\n+                    styleMap: new OpenLayers.StyleMap({\n+                        \"default\": sketchStyle\n+                    })\n+                }\n+            );\n         }\n-\n-        return style;\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n     },\n \n     /**\n-     * Method: applySymbolizer\n-     *\n-     * Parameters:\n-     * rule - {<OpenLayers.Rule>}\n-     * style - {Object}\n-     * feature - {<OpenLayer.Feature.Vector>}\n-     *\n-     * Returns:\n-     * {Object} A style with new symbolizer applied.\n+     * Method: drawFeature\n      */\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ?\n-            this.getSymbolizerPrefix(feature.geometry) :\n-            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                });\n-            }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                });\n-            }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                });\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\n+            \"sketchcomplete\", {\n+                feature: feature\n             }\n+        );\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n+            });\n         }\n-\n-        // merge the style with the current style\n-        return this.createLiterals(\n-            OpenLayers.Util.extend(style, symbolizer), feature);\n     },\n \n     /**\n-     * Method: createLiterals\n-     * creates literals for all style properties that have an entry in\n-     * <this.propertyStyles>.\n-     * \n+     * APIMethod: insertXY\n+     * Insert a point in the current sketch given x & y coordinates.\n+     *\n      * Parameters:\n-     * style   - {Object} style to create literals for. Will be modified\n-     *           inline.\n-     * feature - {Object}\n-     * \n-     * Returns:\n-     * {Object} the modified style\n-     */\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n-        }\n-        return style;\n-    },\n-\n-    /**\n-     * Method: findPropertyStyles\n-     * Looks into all rules for this style and the defaultStyle to collect\n-     * all the style hash property names containing ${...} strings that have\n-     * to be replaced using the createLiteral method before returning them.\n-     * \n-     * Returns:\n-     * {Object} hash of property names that need createLiteral parsing. The\n-     * name of the property is the key, and the value is true;\n+     * x - {Number} The x-coordinate of the point.\n+     * y - {Number} The y-coordinate of the point.\n      */\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n-\n-        // check the default style\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n-\n-        // walk through all rules to check for properties in their symbolizer\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n-                    this.addPropertyStyles(propertyStyles, value);\n-                } else {\n-                    // symbolizer is a hash of style properties\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break;\n-                }\n-            }\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y);\n         }\n-        return propertyStyles;\n     },\n \n     /**\n-     * Method: addPropertyStyles\n-     * \n+     * APIMethod: insertDeltaXY\n+     * Insert a point given offsets from the previously inserted point.\n+     *\n      * Parameters:\n-     * propertyStyles - {Object} hash to add new property styles to. Will be\n-     *                  modified inline\n-     * symbolizer     - {Object} search this symbolizer for property styles\n-     * \n-     * Returns:\n-     * {Object} propertyStyles hash\n+     * dx - {Number} The x-coordinate offset of the point.\n+     * dy - {Number} The y-coordinate offset of the point.\n      */\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" &&\n-                property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true;\n-            }\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy);\n         }\n-        return propertyStyles;\n-    },\n-\n-    /**\n-     * APIMethod: addRules\n-     * Adds rules to this style.\n-     * \n-     * Parameters:\n-     * rules - {Array(<OpenLayers.Rule>)}\n-     */\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles();\n-    },\n-\n-    /**\n-     * APIMethod: setDefaultStyle\n-     * Sets the default style for this style object.\n-     * \n-     * Parameters:\n-     * style - {Object} Hash of style properties\n-     */\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles();\n     },\n \n     /**\n-     * Method: getSymbolizerPrefix\n-     * Returns the correct symbolizer prefix according to the\n-     * geometry type of the passed geometry\n-     * \n+     * APIMethod: insertDirectionLength\n+     * Insert a point in the current sketch given a direction and a length.\n+     *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {String} key of the according symbolizer\n+     * direction - {Number} Degrees clockwise from the positive x-axis.\n+     * length - {Number} Distance from the previously drawn point.\n      */\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i];\n-            }\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length);\n         }\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Clones this style.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Style>} Clone of this style.\n+     * APIMethod: insertDeflectionLength\n+     * Insert a point in the current sketch given a deflection and a length.\n+     *     The deflection should be degrees clockwise from the previously \n+     *     digitized segment.\n+     *\n+     * Parameters:\n+     * deflection - {Number} Degrees clockwise from the previous segment.\n+     * length - {Number} Distance from the previously drawn point.\n      */\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        // clone rules\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone());\n-            }\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length);\n         }\n-        // clone context\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        //clone default style\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-\n-\n-/**\n- * Function: createLiteral\n- * converts a style value holding a combination of PropertyName and Literal\n- * into a Literal, taking the property values from the passed features.\n- * \n- * Parameters:\n- * value - {String} value to parse. If this string contains a construct like\n- *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n- *         will be replaced by the value of the \"bar\" attribute of the passed\n- *         feature.\n- * context - {Object} context to take attribute values from\n- * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n- *           <OpenLayers.String.format> for evaluating functions in the\n- *           context.\n- * property - {String} optional, name of the property for which the literal is\n- *            being created for evaluating functions in the context.\n- * \n- * Returns:\n- * {String} the parsed value. In the example of the value parameter above, the\n- * result would be \"foo valueOfBar\", assuming that the passed feature has an\n- * attribute named \"bar\" with the value \"valueOfBar\".\n- */\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = (isNaN(value) || !value) ? value : parseFloat(value);\n-    }\n-    return value;\n-};\n-\n-/**\n- * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n- * {Array} prefixes of the sld symbolizers. These are the\n- * same as the main geometry types\n- */\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n-    'Raster'\n-];\n-/* ======================================================================\n-    OpenLayers/StyleMap.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Style.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.StyleMap\n- */\n-OpenLayers.StyleMap = OpenLayers.Class({\n-\n-    /**\n-     * Property: styles\n-     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n-     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n-     */\n-    styles: null,\n-\n-    /**\n-     * Property: extendDefault\n-     * {Boolean} if true, every render intent will extend the symbolizers\n-     * specified for the \"default\" intent at rendering time. Otherwise, every\n-     * rendering intent will be treated as a completely independent style.\n-     */\n-    extendDefault: true,\n-\n     /**\n-     * Constructor: OpenLayers.StyleMap\n-     * \n-     * Parameters:\n-     * style   - {Object} Optional. Either a style hash, or a style object, or\n-     *           a hash of style objects (style hashes) keyed by rendering\n-     *           intent. If just one style hash or style object is passed,\n-     *           this will be used for all known render intents (default,\n-     *           select, temporary)\n-     * options - {Object} optional hash of additional options for this\n-     *           instance\n+     * APIMethod: undo\n+     * Remove the most recently added point in the current sketch geometry.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was undone.\n      */\n-    initialize: function(style, options) {\n-        this.styles = {\n-            \"default\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"default\"]),\n-            \"select\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"select\"]),\n-            \"temporary\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            \"delete\": new OpenLayers.Style(\n-                OpenLayers.Feature.Vector.style[\"delete\"])\n-        };\n-\n-        // take whatever the user passed as style parameter and convert it\n-        // into parts of stylemap.\n-        if (style instanceof OpenLayers.Style) {\n-            // user passed a style object\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style;\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    // user passed a hash of style objects\n-                    this.styles[key] = style[key];\n-                } else if (typeof style[key] == \"object\") {\n-                    // user passsed a hash of style hashes\n-                    this.styles[key] = new OpenLayers.Style(style[key]);\n-                } else {\n-                    // user passed a style hash (i.e. symbolizer)\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break;\n-                }\n-            }\n-        }\n-        OpenLayers.Util.extend(this, options);\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo();\n     },\n \n     /**\n-     * Method: destroy\n+     * APIMethod: redo\n+     * Reinsert the most recently removed point resulting from an <undo> call.\n+     *     The undo stack is deleted whenever a point is added by other means.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was redone.\n      */\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy();\n-        }\n-        this.styles = null;\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo();\n     },\n \n     /**\n-     * Method: createSymbolizer\n-     * Creates the symbolizer for a feature for a render intent.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n-     *           of the intended style against.\n-     * intent  - {String} The intent determines the symbolizer that will be\n-     *           used to draw the feature. Well known intents are \"default\"\n-     *           (for just drawing the features), \"select\" (for selected\n-     *           features) and \"temporary\" (for drawing features).\n-     * \n-     * Returns:\n-     * {Object} symbolizer hash\n+     * APIMethod: finishSketch\n+     * Finishes the sketch without including the currently drawn point.\n+     *     This method can be called to terminate drawing programmatically\n+     *     instead of waiting for the user to end the sketch.\n      */\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector();\n-        }\n-        if (!this.styles[intent]) {\n-            intent = \"default\";\n-        }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n-        }\n-        return OpenLayers.Util.extend(defaultSymbolizer,\n-            this.styles[intent].createSymbolizer(feature));\n+    finishSketch: function() {\n+        this.handler.finishGeometry();\n     },\n \n     /**\n-     * Method: addUniqueValueRules\n-     * Convenience method to create comparison rules for unique values of a\n-     * property. The rules will be added to the style object for a specified\n-     * rendering intent. This method is a shortcut for creating something like\n-     * the \"unique value legends\" familiar from well known desktop GIS systems\n-     * \n-     * Parameters:\n-     * renderIntent - {String} rendering intent to add the rules to\n-     * property     - {String} values of feature attributes to create the\n-     *                rules for\n-     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n-     *                property values \n-     * context      - {Object} An optional object with properties that\n-     *                symbolizers' property values should be evaluated\n-     *                against. If no context is specified, feature.attributes\n-     *                will be used\n+     * APIMethod: cancel\n+     * Cancel the current sketch.  This removes the current sketch and keeps\n+     *     the drawing control active.\n      */\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }));\n-        }\n-        this.styles[renderIntent].addRules(rules);\n+    cancel: function() {\n+        this.handler.cancel();\n     },\n \n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Vector.js\n+    OpenLayers/Handler/Drag.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Renderer.js\n- * @requires OpenLayers/StyleMap.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Vector\n- * Instances of OpenLayers.Layer.Vector are used to render vector data from\n- *     a variety of sources. Create a new vector layer with the\n- *     <OpenLayers.Layer.Vector> constructor.\n+ * Class: OpenLayers.Handler.Drag\n+ * The drag handler is used to deal with sequences of browser events related\n+ *     to dragging.  The handler is used by controls that want to know when\n+ *     a drag sequence begins, when a drag is happening, and when it has\n+ *     finished.\n+ *\n+ * Controls that use the drag handler typically construct it with callbacks\n+ *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n+ *     when the drag begins, with each move, and when the drag is done.  In\n+ *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n+ *     care to differentiate between the types of events that correspond with\n+ *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n+ *     the 'down' and 'up' callbacks will be called, but not the 'done'\n+ *     callback.\n+ *\n+ * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer>\n+ *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n \n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>}\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * layer.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to layer.events.object.\n-     * element - {DOMElement} A reference to layer.events.element.\n-     *\n-     * Supported map event types (in addition to those from <OpenLayers.Layer.events>):\n-     * beforefeatureadded - Triggered before a feature is added.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be added.  To stop the feature from being added, a\n-     *      listener should return false.\n-     * beforefeaturesadded - Triggered before an array of features is added.\n-     *      Listeners will receive an object with a *features* property\n-     *      referencing the feature to be added. To stop the features from\n-     *      being added, a listener should return false.\n-     * featureadded - Triggered after a feature is added.  The event\n-     *      object passed to listeners will have a *feature* property with a\n-     *      reference to the added feature.\n-     * featuresadded - Triggered after features are added.  The event\n-     *      object passed to listeners will have a *features* property with a\n-     *      reference to an array of added features.\n-     * beforefeatureremoved - Triggered before a feature is removed. Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be removed.\n-     * beforefeaturesremoved - Triggered before multiple features are removed. \n-     *      Listeners will receive an object with a *features* property\n-     *      referencing the features to be removed.\n-     * featureremoved - Triggerd after a feature is removed. The event\n-     *      object passed to listeners will have a *feature* property with a\n-     *      reference to the removed feature.\n-     * featuresremoved - Triggered after features are removed. The event\n-     *      object passed to listeners will have a *features* property with a\n-     *      reference to an array of removed features.\n-     * beforefeatureselected - Triggered before a feature is selected.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      feature to be selected. To stop the feature from being selectd, a\n-     *      listener should return false.\n-     * featureselected - Triggered after a feature is selected.  Listeners\n-     *      will receive an object with a *feature* property referencing the\n-     *      selected feature.\n-     * featureunselected - Triggered after a feature is unselected.\n-     *      Listeners will receive an object with a *feature* property\n-     *      referencing the unselected feature.\n-     * beforefeaturemodified - Triggered when a feature is selected to \n-     *      be modified.  Listeners will receive an object with a *feature* \n-     *      property referencing the selected feature.\n-     * featuremodified - Triggered when a feature has been modified.\n-     *      Listeners will receive an object with a *feature* property referencing \n-     *      the modified feature.\n-     * afterfeaturemodified - Triggered when a feature is finished being modified.\n-     *      Listeners will receive an object with a *feature* property referencing \n-     *      the modified feature.\n-     * vertexmodified - Triggered when a vertex within any feature geometry\n-     *      has been modified.  Listeners will receive an object with a\n-     *      *feature* property referencing the modified feature, a *vertex*\n-     *      property referencing the vertex modified (always a point geometry),\n-     *      and a *pixel* property referencing the pixel location of the\n-     *      modification.\n-     * vertexremoved - Triggered when a vertex within any feature geometry\n-     *      has been deleted.  Listeners will receive an object with a\n-     *      *feature* property referencing the modified feature, a *vertex*\n-     *      property referencing the vertex modified (always a point geometry),\n-     *      and a *pixel* property referencing the pixel location of the\n-     *      removal.\n-     * sketchstarted - Triggered when a feature sketch bound for this layer\n-     *      is started.  Listeners will receive an object with a *feature*\n-     *      property referencing the new sketch feature and a *vertex* property\n-     *      referencing the creation point.\n-     * sketchmodified - Triggered when a feature sketch bound for this layer\n-     *      is modified.  Listeners will receive an object with a *vertex*\n-     *      property referencing the modified vertex and a *feature* property\n-     *      referencing the sketch feature.\n-     * sketchcomplete - Triggered when a feature sketch bound for this layer\n-     *      is complete.  Listeners will receive an object with a *feature*\n-     *      property referencing the sketch feature.  By returning false, a\n-     *      listener can stop the sketch feature from being added to the layer.\n-     * refresh - Triggered when something wants a strategy to ask the protocol\n-     *      for a new set of features.\n+    /** \n+     * Property: started\n+     * {Boolean} When a mousedown or touchstart event is received, we want to\n+     * record it, but not set 'dragging' until the mouse moves after starting.\n      */\n+    started: false,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is false.  Set this property\n-     * in the layer options.\n-     */\n-    isBaseLayer: false,\n-\n-    /** \n-     * APIProperty: isFixed\n-     * {Boolean} Whether the layer remains in one place while dragging the\n-     * map. Note that setting this to true will move the layer to the bottom\n-     * of the layer stack.\n+     * Property: stopDown\n+     * {Boolean} Stop propagation of mousedown events from getting to listeners\n+     *     on the same element.  Default is true.\n      */\n-    isFixed: false,\n+    stopDown: true,\n \n     /** \n-     * APIProperty: features\n-     * {Array(<OpenLayers.Feature.Vector>)} \n+     * Property: dragging \n+     * {Boolean} \n      */\n-    features: null,\n+    dragging: false,\n \n     /** \n-     * Property: filter\n-     * {<OpenLayers.Filter>} The filter set in this layer,\n-     *     a strategy launching read requests can combined\n-     *     this filter with its own filter.\n+     * Property: last\n+     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n      */\n-    filter: null,\n+    last: null,\n \n     /** \n-     * Property: selectedFeatures\n-     * {Array(<OpenLayers.Feature.Vector>)} \n+     * Property: start\n+     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n      */\n-    selectedFeatures: null,\n+    start: null,\n \n     /**\n-     * Property: unrenderedFeatures\n-     * {Object} hash of features, keyed by feature.id, that the renderer\n-     *     failed to draw\n+     * Property: lastMoveEvt\n+     * {Object} The last mousemove event that occurred. Used to\n+     *     position the map correctly when our \"delay drag\"\n+     *     timeout expired.\n      */\n-    unrenderedFeatures: null,\n+    lastMoveEvt: null,\n \n     /**\n-     * APIProperty: reportError\n-     * {Boolean} report friendly error message when loading of renderer\n-     * fails.\n-     */\n-    reportError: true,\n-\n-    /** \n-     * APIProperty: style\n-     * {Object} Default style for the layer\n+     * Property: oldOnselectstart\n+     * {Function}\n      */\n-    style: null,\n+    oldOnselectstart: null,\n \n     /**\n-     * Property: styleMap\n-     * {<OpenLayers.StyleMap>}\n+     * Property: interval\n+     * {Integer} In order to increase performance, an interval (in \n+     *     milliseconds) can be set to reduce the number of drag events \n+     *     called. If set, a new drag event will not be set until the \n+     *     interval has passed. \n+     *     Defaults to 0, meaning no interval. \n      */\n-    styleMap: null,\n+    interval: 0,\n \n     /**\n-     * Property: strategies\n-     * {Array(<OpenLayers.Strategy>})} Optional list of strategies for the layer.\n+     * Property: timeoutId\n+     * {String} The id of the timeout used for the mousedown interval.\n+     *     This is \"private\", and should be left alone.\n      */\n-    strategies: null,\n+    timeoutId: null,\n \n     /**\n-     * Property: protocol\n-     * {<OpenLayers.Protocol>} Optional protocol for the layer.\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, the handler will also handle mouse moves when\n+     *     the cursor has moved out of the map viewport. Default is false.\n      */\n-    protocol: null,\n+    documentDrag: false,\n \n     /**\n-     * Property: renderers\n-     * {Array(String)} List of supported Renderer classes. Add to this list to\n-     * add support for additional renderers. This list is ordered:\n-     * the first renderer which returns true for the  'supported()'\n-     * method will be used, if not defined in the 'renderer' option.\n-     */\n-    renderers: ['SVG', 'VML', 'Canvas'],\n-\n-    /** \n-     * Property: renderer\n-     * {<OpenLayers.Renderer>}\n+     * Property: documentEvents\n+     * {Boolean} Are we currently observing document events?\n      */\n-    renderer: null,\n+    documentEvents: null,\n \n     /**\n-     * APIProperty: rendererOptions\n-     * {Object} Options for the renderer. See {<OpenLayers.Renderer>} for\n-     *     supported options.\n-     */\n-    rendererOptions: null,\n-\n-    /** \n-     * APIProperty: geometryType\n-     * {String} geometryType allows you to limit the types of geometries this\n-     * layer supports. This should be set to something like\n-     * \"OpenLayers.Geometry.Point\" to limit types.\n+     * Constructor: OpenLayers.Handler.Drag\n+     * Returns OpenLayers.Handler.Drag\n+     * \n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n+     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n+     * options - {Object} \n      */\n-    geometryType: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n \n-    /** \n-     * Property: drawn\n-     * {Boolean} Whether the Vector Layer features have been drawn yet.\n-     */\n-    drawn: false,\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                });\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                });\n+            };\n+        }\n+    },\n \n-    /** \n-     * APIProperty: ratio\n-     * {Float} This specifies the ratio of the size of the visiblity of the Vector Layer features to the size of the map.\n-     */\n-    ratio: 1,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Vector\n-     * Create a new vector layer\n+     * Method: dragstart\n+     * This private method is factorized from mousedown and touchstart methods\n      *\n      * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n+     * evt - {Event} The event\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.Vector>} A new vector layer\n+     * {Boolean} Let the event propagate.\n      */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-\n-        // allow user-set renderer, otherwise assign one\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.assignRenderer();\n-        }\n-\n-        // if no valid renderer found, display error\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.renderer = null;\n-            this.displayError();\n-        }\n-\n-        if (!this.styleMap) {\n-            this.styleMap = new OpenLayers.StyleMap();\n-        }\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) &&\n+            (OpenLayers.Event.isLeftClick(evt) ||\n+                OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n \n-        this.features = [];\n-        this.selectedFeatures = [];\n-        this.unrenderedFeatures = {};\n+            // prevent document dragging\n+            OpenLayers.Event.preventDefault(evt);\n \n-        // Allow for custom layer behavior\n-        if (this.strategies) {\n-            for (var i = 0, len = this.strategies.length; i < len; i++) {\n-                this.strategies[i].setLayer(this);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ?\n+                    document.onselectstart : OpenLayers.Function.True;\n             }\n-        }\n-\n-    },\n+            document.onselectstart = OpenLayers.Function.False;\n \n-    /**\n-     * APIMethod: destroy\n-     * Destroy this layer\n-     */\n-    destroy: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoDestroy) {\n-                    strategy.destroy();\n-                }\n-            }\n-            this.strategies = null;\n-        }\n-        if (this.protocol) {\n-            if (this.protocol.autoDestroy) {\n-                this.protocol.destroy();\n-            }\n-            this.protocol = null;\n-        }\n-        this.destroyFeatures();\n-        this.features = null;\n-        this.selectedFeatures = null;\n-        this.unrenderedFeatures = null;\n-        if (this.renderer) {\n-            this.renderer.destroy();\n+            propagate = !this.stopDown;\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null;\n         }\n-        this.renderer = null;\n-        this.geometryType = null;\n-        this.drawn = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+        return propagate;\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer.\n-     * \n-     * Note: Features of the layer are also cloned.\n+     * Method: dragmove\n+     * This private method is factorized from mousemove and touchmove methods\n+     *\n+     * Parameters:\n+     * evt - {Event} The event\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.Vector>} An exact clone of this layer\n+     * {Boolean} Let the event propagate.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n+                evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    // do setEvent manually because the documentEvents are not\n+                    // registered with the map\n+                    this.setEvent(evt);\n+                } else {\n+                    this.removeDocumentEvents();\n+                }\n+            }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(\n+                    OpenLayers.Function.bind(this.removeTimeout, this),\n+                    this.interval);\n+            }\n+            this.dragging = true;\n \n-        // copy/set any non-init, non-simple values here\n-        var features = this.features;\n-        var len = features.length;\n-        var clonedFeatures = new Array(len);\n-        for (var i = 0; i < len; ++i) {\n-            clonedFeatures[i] = features[i].clone();\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False;\n+            }\n+            this.last = evt.xy;\n         }\n-        obj.features = clonedFeatures;\n-\n-        return obj;\n+        return true;\n     },\n \n     /**\n-     * Method: refresh\n-     * Ask the layer to request features again and redraw them.  Triggers\n-     *     the refresh event if the layer is in range and visible.\n+     * Method: dragend\n+     * This private method is factorized from mouseup and touchend methods\n      *\n      * Parameters:\n-     * obj - {Object} Optional object with properties for any listener of\n-     *     the refresh event.\n-     */\n-    refresh: function(obj) {\n-        if (this.calculateInRange() && this.visibility) {\n-            this.events.triggerEvent(\"refresh\", obj);\n-        }\n-    },\n-\n-    /** \n-     * Method: assignRenderer\n-     * Iterates through the available renderer implementations and selects \n-     * and assigns the first one whose \"supported()\" function returns true.\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    assignRenderer: function() {\n-        for (var i = 0, len = this.renderers.length; i < len; i++) {\n-            var rendererClass = this.renderers[i];\n-            var renderer = (typeof rendererClass == \"function\") ?\n-                rendererClass :\n-                OpenLayers.Renderer[rendererClass];\n-            if (renderer && renderer.prototype.supported()) {\n-                this.renderer = new renderer(this.div, this.rendererOptions);\n-                break;\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents();\n             }\n+            var dragged = (this.start != this.last);\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy]);\n+            }\n+            document.onselectstart = this.oldOnselectstart;\n         }\n+        return true;\n     },\n \n-    /** \n-     * Method: displayError \n-     * Let the user know their browser isn't supported.\n-     */\n-    displayError: function() {\n-        if (this.reportError) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n-                renderers: this.renderers.join('\\n')\n-            }));\n-        }\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * The layer has been added to the map. \n-     * \n-     * If there is no renderer set, the layer can't be used. Remove it.\n-     * Otherwise, give the renderer a reference to the map and set its size.\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+    /**\n+     * The four methods below (down, move, up, and out) are used by subclasses\n+     *     to do their own processing related to these mouse events.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-\n-        if (!this.renderer) {\n-            this.map.removeLayer(this);\n-        } else {\n-            this.renderer.map = this.map;\n-\n-            var newSize = this.map.getSize();\n-            newSize.w = newSize.w * this.ratio;\n-            newSize.h = newSize.h * this.ratio;\n-            this.renderer.setSize(newSize);\n-        }\n-    },\n \n     /**\n-     * Method: afterAdd\n-     * Called at the end of the map.addLayer sequence.  At this point, the map\n-     *     will have a base layer.  Any autoActivate strategies will be\n-     *     activated here.\n+     * Method: down\n+     * This method is called during the handling of the mouse down event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse down event\n      */\n-    afterAdd: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.activate();\n-                }\n-            }\n-        }\n-    },\n+    down: function(evt) {},\n \n     /**\n-     * Method: removeMap\n-     * The layer has been removed from the map.\n+     * Method: move\n+     * This method is called during the handling of the mouse move event.\n+     *     Subclasses can do their own processing here.\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * evt - {Event} The mouse move event\n+     *\n      */\n-    removeMap: function(map) {\n-        this.drawn = false;\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.deactivate();\n-                }\n-            }\n-        }\n-    },\n+    move: function(evt) {},\n \n     /**\n-     * Method: onMapResize\n-     * Notify the renderer of the change in size. \n-     * \n+     * Method: up\n+     * This method is called during the handling of the mouse up event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse up event\n      */\n-    onMapResize: function() {\n-        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n-\n-        var newSize = this.map.getSize();\n-        newSize.w = newSize.w * this.ratio;\n-        newSize.h = newSize.h * this.ratio;\n-        this.renderer.setSize(newSize);\n-    },\n+    up: function(evt) {},\n \n     /**\n-     * Method: moveTo\n-     *  Reset the vector layer's div so that it once again is lined up with \n-     *   the map. Notify the renderer of the change of extent, and in the\n-     *   case of a change of zoom level (resolution), have the \n-     *   renderer redraw features.\n-     * \n-     *  If the layer has not yet been drawn, cycle through the layer's \n-     *   features and draw each one.\n-     * \n+     * Method: out\n+     * This method is called during the handling of the mouse out event.\n+     *     Subclasses can do their own processing here.\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * zoomChanged - {Boolean} \n-     * dragging - {Boolean} \n+     * evt - {Event} The mouse out event\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-\n-        var coordSysUnchanged = true;\n-        if (!dragging) {\n-            this.renderer.root.style.visibility = 'hidden';\n-\n-            var viewSize = this.map.getSize(),\n-                viewWidth = viewSize.w,\n-                viewHeight = viewSize.h,\n-                offsetLeft = (viewWidth / 2 * this.ratio) - viewWidth / 2,\n-                offsetTop = (viewHeight / 2 * this.ratio) - viewHeight / 2;\n-            offsetLeft += this.map.layerContainerOriginPx.x;\n-            offsetLeft = -Math.round(offsetLeft);\n-            offsetTop += this.map.layerContainerOriginPx.y;\n-            offsetTop = -Math.round(offsetTop);\n-\n-            this.div.style.left = offsetLeft + 'px';\n-            this.div.style.top = offsetTop + 'px';\n-\n-            var extent = this.map.getExtent().scale(this.ratio);\n-            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n-\n-            this.renderer.root.style.visibility = 'visible';\n-\n-            // Force a reflow on gecko based browsers to prevent jump/flicker.\n-            // This seems to happen on only certain configurations; it was originally\n-            // noticed in FF 2.0 and Linux.\n-            if (OpenLayers.IS_GECKO === true) {\n-                this.div.scrollLeft = this.div.scrollLeft;\n-            }\n-\n-            if (!zoomChanged && coordSysUnchanged) {\n-                for (var i in this.unrenderedFeatures) {\n-                    var feature = this.unrenderedFeatures[i];\n-                    this.drawFeature(feature);\n-                }\n-            }\n-        }\n-        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n-            this.drawn = true;\n-            var feature;\n-            for (var i = 0, len = this.features.length; i < len; i++) {\n-                this.renderer.locked = (i !== (len - 1));\n-                feature = this.features[i];\n-                this.drawFeature(feature);\n-            }\n-        }\n-    },\n+    out: function(evt) {},\n \n-    /** \n-     * APIMethod: display\n-     * Hide or show the Layer\n-     * \n-     * Parameters:\n-     * display - {Boolean}\n+    /**\n+     * The methods below are part of the magic of event handling.  Because\n+     *     they are named like browser events, they are registered as listeners\n+     *     for the events they represent.\n      */\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        // we need to set the display style of the root in case it is attached\n-        // to a foreign layer\n-        var currentDisplay = this.div.style.display;\n-        if (currentDisplay != this.renderer.root.style.display) {\n-            this.renderer.root.style.display = currentDisplay;\n-        }\n-    },\n \n     /**\n-     * APIMethod: addFeatures\n-     * Add Features to the layer.\n+     * Method: mousedown\n+     * Handle mousedown events\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n-     * options - {Object}\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    addFeatures: function(features, options) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            var event = {\n-                features: features\n-            };\n-            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n-            if (ret === false) {\n-                return;\n-            }\n-            features = event.features;\n-        }\n-\n-        // Track successfully added features for featuresadded event, since\n-        // beforefeatureadded can veto single features.\n-        var featuresAdded = [];\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            if (i != (features.length - 1)) {\n-                this.renderer.locked = true;\n-            } else {\n-                this.renderer.locked = false;\n-            }\n-            var feature = features[i];\n-\n-            if (this.geometryType &&\n-                !(feature.geometry instanceof this.geometryType)) {\n-                throw new TypeError('addFeatures: component should be an ' +\n-                    this.geometryType.prototype.CLASS_NAME);\n-            }\n-\n-            //give feature reference to its layer\n-            feature.layer = this;\n-\n-            if (!feature.style && this.style) {\n-                feature.style = OpenLayers.Util.extend({}, this.style);\n-            }\n-\n-            if (notify) {\n-                if (this.events.triggerEvent(\"beforefeatureadded\", {\n-                        feature: feature\n-                    }) === false) {\n-                    continue;\n-                }\n-                this.preFeatureInsert(feature);\n-            }\n-\n-            featuresAdded.push(feature);\n-            this.features.push(feature);\n-            this.drawFeature(feature);\n-\n-            if (notify) {\n-                this.events.triggerEvent(\"featureadded\", {\n-                    feature: feature\n-                });\n-                this.onFeatureInsert(feature);\n-            }\n-        }\n-\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresadded\", {\n-                features: featuresAdded\n-            });\n-        }\n+    mousedown: function(evt) {\n+        return this.dragstart(evt);\n     },\n \n-\n     /**\n-     * APIMethod: removeFeatures\n-     * Remove features from the layer.  This erases any drawn features and\n-     *     removes them from the layer's control.  The beforefeatureremoved\n-     *     and featureremoved events will be triggered for each feature.  The\n-     *     featuresremoved event will be triggered after all features have\n-     *     been removed.  To supress event triggering, use the silent option.\n-     * \n+     * Method: touchstart\n+     * Handle touchstart events\n+     *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to be\n-     *     removed.\n-     * options - {Object} Optional properties for changing behavior of the\n-     *     removal.\n+     * evt - {Event}\n      *\n-     * Valid options:\n-     * silent - {Boolean} Supress event triggering.  Default is false.\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    removeFeatures: function(features, options) {\n-        if (!features || features.length === 0) {\n-            return;\n-        }\n-        if (features === this.features) {\n-            return this.removeAllFeatures(options);\n-        }\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        if (features === this.selectedFeatures) {\n-            features = features.slice();\n-        }\n-\n-        var notify = !options || !options.silent;\n-\n-        if (notify) {\n-            this.events.triggerEvent(\n-                \"beforefeaturesremoved\", {\n-                    features: features\n-                }\n-            );\n-        }\n-\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            // We remain locked so long as we're not at 0\n-            // and the 'next' feature has a geometry. We do the geometry check\n-            // because if all the features after the current one are 'null', we\n-            // won't call eraseGeometry, so we break the 'renderer functions\n-            // will always be called with locked=false *last*' rule. The end result\n-            // is a possible gratiutious unlocking to save a loop through the rest \n-            // of the list checking the remaining features every time. So long as\n-            // null geoms are rare, this is probably okay.    \n-            if (i != 0 && features[i - 1].geometry) {\n-                this.renderer.locked = true;\n-            } else {\n-                this.renderer.locked = false;\n-            }\n-\n-            var feature = features[i];\n-            delete this.unrenderedFeatures[feature.id];\n-\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                });\n-            }\n-\n-            this.features = OpenLayers.Util.removeItem(this.features, feature);\n-            // feature has no layer at this point\n-            feature.layer = null;\n-\n-            if (feature.geometry) {\n-                this.renderer.eraseFeatures(feature);\n-            }\n-\n-            //in the case that this feature is one of the selected features, \n-            // remove it from that array as well.\n-            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n-                OpenLayers.Util.removeItem(this.selectedFeatures, feature);\n-            }\n-\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                });\n-            }\n-        }\n-\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            });\n-        }\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt);\n     },\n \n-    /** \n-     * APIMethod: removeAllFeatures\n-     * Remove all features from the layer.\n+    /**\n+     * Method: mousemove\n+     * Handle mousemove events\n      *\n      * Parameters:\n-     * options - {Object} Optional properties for changing behavior of the\n-     *     removal.\n+     * evt - {Event}\n      *\n-     * Valid options:\n-     * silent - {Boolean} Supress event triggering.  Default is false.\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    removeAllFeatures: function(options) {\n-        var notify = !options || !options.silent;\n-        var features = this.features;\n-        if (notify) {\n-            this.events.triggerEvent(\n-                \"beforefeaturesremoved\", {\n-                    features: features\n-                }\n-            );\n-        }\n-        var feature;\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            feature = features[i];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                });\n-            }\n-            feature.layer = null;\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n-                });\n-            }\n-        }\n-        this.renderer.clear();\n-        this.features = [];\n-        this.unrenderedFeatures = {};\n-        this.selectedFeatures = [];\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            });\n-        }\n+    mousemove: function(evt) {\n+        return this.dragmove(evt);\n     },\n \n     /**\n-     * APIMethod: destroyFeatures\n-     * Erase and destroy features on the layer.\n+     * Method: touchmove\n+     * Handle touchmove events\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} An optional array of\n-     *     features to destroy.  If not supplied, all features on the layer\n-     *     will be destroyed.\n-     * options - {Object}\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    destroyFeatures: function(features, options) {\n-        var all = (features == undefined); // evaluates to true if\n-        // features is null\n-        if (all) {\n-            features = this.features;\n-        }\n-        if (features) {\n-            this.removeFeatures(features, options);\n-            for (var i = features.length - 1; i >= 0; i--) {\n-                features[i].destroy();\n-            }\n-        }\n+    touchmove: function(evt) {\n+        return this.dragmove(evt);\n     },\n \n     /**\n-     * APIMethod: drawFeature\n-     * Draw (or redraw) a feature on the layer.  If the optional style argument\n-     * is included, this style will be used.  If no style is included, the\n-     * feature's style will be used.  If the feature doesn't have a style,\n-     * the layer's style will be used.\n-     * \n-     * This function is not designed to be used when adding features to \n-     * the layer (use addFeatures instead). It is meant to be used when\n-     * the style of a feature has changed, or in some other way needs to \n-     * visually updated *after* it has already been added to a layer. You\n-     * must add the feature to the layer for most layer-related events to \n-     * happen.\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {String | Object} Named render intent or full symbolizer object.\n+     * Method: removeTimeout\n+     * Private. Called by mousemove() to remove the drag timeout.\n      */\n-    drawFeature: function(feature, style) {\n-        // don't try to draw the feature with the renderer if the layer is not \n-        // drawn itself\n-        if (!this.drawn) {\n-            return;\n-        }\n-        if (typeof style != \"object\") {\n-            if (!style && feature.state === OpenLayers.State.DELETE) {\n-                style = \"delete\";\n-            }\n-            var renderIntent = style || feature.renderIntent;\n-            style = feature.style || this.style;\n-            if (!style) {\n-                style = this.styleMap.createSymbolizer(feature, renderIntent);\n-            }\n-        }\n-\n-        var drawn = this.renderer.drawFeature(feature, style);\n-        //TODO remove the check for null when we get rid of Renderer.SVG\n-        if (drawn === false || drawn === null) {\n-            this.unrenderedFeatures[feature.id] = feature;\n-        } else {\n-            delete this.unrenderedFeatures[feature.id];\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        // if timeout expires while we're still dragging (mouseup\n+        // hasn't occurred) then call mousemove to move to the\n+        // correct position\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt);\n         }\n     },\n \n     /**\n-     * Method: eraseFeatures\n-     * Erase features from the layer.\n+     * Method: mouseup\n+     * Handle mouseup events\n      *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    eraseFeatures: function(features) {\n-        this.renderer.eraseFeatures(features);\n+    mouseup: function(evt) {\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * Method: getFeatureFromEvent\n-     * Given an event, return a feature if the event occurred over one.\n-     * Otherwise, return null.\n+     * Method: touchend\n+     * Handle touchend events\n      *\n      * Parameters:\n-     * evt - {Event} \n+     * evt - {Event}\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature if one was under the event.\n+     * {Boolean} Let the event propagate.\n      */\n-    getFeatureFromEvent: function(evt) {\n-        if (!this.renderer) {\n-            throw new Error('getFeatureFromEvent called on layer with no ' +\n-                'renderer. This usually means you destroyed a ' +\n-                'layer, but not some handler which is associated ' +\n-                'with it.');\n-        }\n-        var feature = null;\n-        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n-        if (featureId) {\n-            if (typeof featureId === \"string\") {\n-                feature = this.getFeatureById(featureId);\n-            } else {\n-                feature = featureId;\n-            }\n-        }\n-        return feature;\n+    touchend: function(evt) {\n+        // override evt.xy with last position since touchend does not have\n+        // any touch position\n+        evt.xy = this.last;\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * APIMethod: getFeatureBy\n-     * Given a property value, return the feature if it exists in the features array\n+     * Method: mouseout\n+     * Handle mouseout events\n      *\n      * Parameters:\n-     * property - {String}\n-     * value - {String}\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * property value or null if there is no such feature.\n+     * {Boolean} Let the event propagate.\n      */\n-    getFeatureBy: function(property, value) {\n-        //TBD - would it be more efficient to use a hash for this.features?\n-        var feature = null;\n-        for (var i = 0, len = this.features.length; i < len; ++i) {\n-            if (this.features[i][property] == value) {\n-                feature = this.features[i];\n-                break;\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents();\n+            } else {\n+                var dragged = (this.start != this.last);\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv, \"olDragDown\"\n+                );\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy]);\n+                }\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart;\n+                }\n             }\n         }\n-        return feature;\n+        return true;\n     },\n \n     /**\n-     * APIMethod: getFeatureById\n-     * Given a feature id, return the feature if it exists in the features array\n-     *\n-     * Parameters:\n-     * featureId - {String}\n-     *\n+     * Method: click\n+     * The drag handler captures the click event.  If something else registers\n+     *     for clicks on the same element, its listener will not be called \n+     *     after a drag.\n+     * \n+     * Parameters: \n+     * evt - {Event} \n+     * \n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * featureId or null if there is no such feature.\n+     * {Boolean} Let the event propagate.\n      */\n-    getFeatureById: function(featureId) {\n-        return this.getFeatureBy('id', featureId);\n+    click: function(evt) {\n+        // let the click event propagate only if the mouse moved\n+        return (this.start == this.last);\n     },\n \n     /**\n-     * APIMethod: getFeatureByFid\n-     * Given a feature fid, return the feature if it exists in the features array\n-     *\n-     * Parameters:\n-     * featureFid - {String}\n-     *\n+     * Method: activate\n+     * Activate the handler.\n+     * \n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n-     * featureFid or null if there is no such feature.\n+     * {Boolean} The handler was successfully activated.\n      */\n-    getFeatureByFid: function(featureFid) {\n-        return this.getFeatureBy('fid', featureFid);\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragging = false;\n+            activated = true;\n+        }\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: getFeaturesByAttribute\n-     * Returns an array of features that have the given attribute key set to the\n-     * given value. Comparison of attribute values takes care of datatypes, e.g.\n-     * the string '1234' is not equal to the number 1234.\n-     *\n-     * Parameters:\n-     * attrName - {String}\n-     * attrValue - {Mixed}\n-     *\n+     * Method: deactivate \n+     * Deactivate the handler.\n+     * \n      * Returns:\n-     * Array({<OpenLayers.Feature.Vector>}) An array of features that have the \n-     * passed named attribute set to the given value.\n+     * {Boolean} The handler was successfully deactivated.\n      */\n-    getFeaturesByAttribute: function(attrName, attrValue) {\n-        var i,\n-            feature,\n-            len = this.features.length,\n-            foundFeatures = [];\n-        for (i = 0; i < len; i++) {\n-            feature = this.features[i];\n-            if (feature && feature.attributes) {\n-                if (feature.attributes[attrName] === attrValue) {\n-                    foundFeatures.push(feature);\n-                }\n-            }\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n         }\n-        return foundFeatures;\n+        return deactivated;\n     },\n \n     /**\n-     * Unselect the selected features\n-     * i.e. clears the featureSelection array\n-     * change the style back\n-    clearSelection: function() {\n-\n-       var vectorLayer = this.map.vectorLayer;\n-        for (var i = 0; i < this.map.featureSelection.length; i++) {\n-            var featureSelection = this.map.featureSelection[i];\n-            vectorLayer.drawFeature(featureSelection, vectorLayer.style);\n-        }\n-        this.map.featureSelection = [];\n-    },\n+     * Method: adjustXY\n+     * Converts event coordinates that are relative to the document body to\n+     * ones that are relative to the map viewport. The latter is the default in\n+     * OpenLayers.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n      */\n-\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1];\n+    },\n \n     /**\n-     * APIMethod: onFeatureInsert\n-     * method called after a feature is inserted.\n-     * Does nothing by default. Override this if you\n-     * need to do something on feature updates.\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Method: addDocumentEvents\n+     * Start observing document events when documentDrag is true and the mouse\n+     * cursor leaves the map viewport while dragging.\n      */\n-    onFeatureInsert: function(feature) {},\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n+    },\n \n     /**\n-     * APIMethod: preFeatureInsert\n-     * method called before a feature is inserted.\n-     * Does nothing by default. Override this if you\n-     * need to do something when features are first added to the\n-     * layer, but before they are drawn, such as adjust the style.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    preFeatureInsert: function(feature) {},\n-\n-    /** \n-     * APIMethod: getDataExtent\n-     * Calculates the max extent which includes all of the features.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Bounds>} or null if the layer has no features with\n-     * geometries.\n+     * Method: removeDocumentEvents\n+     * Stops observing document events when documentDrag is true and the mouse\n+     * cursor re-enters the map viewport while dragging.\n      */\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        var features = this.features;\n-        if (features && (features.length > 0)) {\n-            var geometry = null;\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                geometry = features[i].geometry;\n-                if (geometry) {\n-                    if (maxExtent === null) {\n-                        maxExtent = new OpenLayers.Bounds();\n-                    }\n-                    maxExtent.extend(geometry.getBounds());\n-                }\n-            }\n-        }\n-        return maxExtent;\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/OSM.js\n+    OpenLayers/Handler/Keyboard.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.OSM\n- * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n- *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n- *    a different layer instead, you need to provide a different\n- *    URL to the constructor. Here's an example for using OpenCycleMap:\n+ * Class: OpenLayers.handler.Keyboard\n+ * A handler for keyboard events.  Create a new instance with the\n+ *     <OpenLayers.Handler.Keyboard> constructor.\n  * \n- * (code)\n- *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n- *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n- * (end)\n- *\n  * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n \n-    /**\n-     * APIProperty: name\n-     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n-     * argument to the constructor is null or undefined.\n+    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n+        key handling quirks in pretty nice detail */\n+\n+    /** \n+     * Constant: KEY_EVENTS\n+     * keydown, keypress, keyup\n      */\n-    name: \"OpenStreetMap\",\n+    KEY_EVENTS: [\"keydown\", \"keyup\"],\n \n-    /**\n-     * APIProperty: url\n-     * {String} The tileset URL scheme. Defaults to\n-     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n-     * (the official OSM tileset) if the second argument to the constructor\n-     * is null or undefined. To use another tileset you can have something\n-     * like this:\n-     * (code)\n-     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n-     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n-     * (end)\n+    /** \n+     * Property: eventListener\n+     * {Function}\n      */\n-    url: [\n-        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n-    ],\n+    eventListener: null,\n \n     /**\n-     * Property: attribution\n-     * {String} The layer attribution.\n+     * Property: observeElement\n+     * {DOMElement|String} The DOM element on which we listen for\n+     *     key events. Default to the document.\n      */\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    observeElement: null,\n \n     /**\n-     * Property: sphericalMercator\n-     * {Boolean}\n+     * Constructor: OpenLayers.Handler.Keyboard\n+     * Returns a new keyboard handler.\n+     * \n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     handler.\n      */\n-    sphericalMercator: true,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        // cache the bound event listener method so it can be unobserved later\n+        this.eventListener = OpenLayers.Function.bindAsEventListener(\n+            this.handleKeyEvent, this\n+        );\n+    },\n \n     /**\n-     * Property: wrapDateLine\n-     * {Boolean}\n+     * Method: destroy\n      */\n-    wrapDateLine: true,\n+    destroy: function() {\n+        this.deactivate();\n+        this.eventListener = null;\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+    },\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n-     *\n-     *  When using OSM tilesets other than the default ones, it may be\n-     *  necessary to set this to\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: null}\n-     *  (end)\n-     *\n-     *  if the server does not send Access-Control-Allow-Origin headers.\n+    /**\n+     * Method: activate\n      */\n-    tileOptions: null,\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.observeElement = this.observeElement || document;\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.observe(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n+            }\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.OSM\n-     *\n-     * Parameters:\n-     * name - {String} The layer name.\n-     * url - {String} The tileset URL scheme.\n-     * options - {Object} Configuration options for the layer. Any inherited\n-     *     layer option can be set in this object (e.g.\n-     *     <OpenLayers.Layer.Grid.buffer>).\n+     * Method: deactivate\n      */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options && this.options.tileOptions);\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.stopObserving(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n+            }\n+            deactivated = true;\n+        }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: clone\n+     * Method: handleKeyEvent \n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(\n-                this.name, this.url, this.getOptions());\n+    handleKeyEvent: function(evt) {\n+        if (this.checkModifiers(evt)) {\n+            this.callback(evt.type, [evt]);\n         }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n+    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/WMS.js\n+    OpenLayers/Control/ModifyFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Handler/Keyboard.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.WMS\n- * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n- *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n- *     constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ * Class: OpenLayers.Control.ModifyFeature\n+ * Control to modify features.  When activated, a click renders the vertices\n+ *     of a feature - these vertices can then be dragged.  By default, the\n+ *     delete key will delete the vertex under the mouse.  New features are\n+ *     added by dragging \"virtual vertices\" between vertices.  Create a new\n+ *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n+ *\n+ * Inherits From:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, dragging vertices will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n-    DEFAULT_PARAMS: {\n-        service: \"WMS\",\n-        version: \"1.1.1\",\n-        request: \"GetMap\",\n-        styles: \"\",\n-        format: \"image/jpeg\"\n-    },\n+    documentDrag: false,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Default is true for WMS layer\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict modification to a limited set of geometry\n+     *     types, send a list of strings corresponding to the geometry class\n+     *     names.\n      */\n-    isBaseLayer: true,\n+    geometryTypes: null,\n \n     /**\n-     * APIProperty: encodeBBOX\n-     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n-     * but some services want it that way. Default false.\n-     */\n-    encodeBBOX: false,\n-\n-    /** \n-     * APIProperty: noMagic \n-     * {Boolean} If true, the image format will not be automagicaly switched \n-     *     from image/jpeg to image/png or image/gif when using \n-     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n-     *     constructor. Default false. \n-     */\n-    noMagic: false,\n-\n-    /**\n-     * Property: yx\n-     * {Object} Keys in this object are EPSG codes for which the axis order\n-     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n-     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n-     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n-     *     used projection.\n-     */\n-    yx: {},\n-\n-    /**\n-     * Constructor: OpenLayers.Layer.WMS\n-     * Create a new WMS layer object\n-     *\n-     * Examples:\n-     *\n-     * The code below creates a simple WMS layer using the image/jpeg format.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {layers: \"modis,global_mosaic\"});\n-     * (end)\n-     * Note the 3rd argument (params). Properties added to this object will be\n-     * added to the WMS GetMap requests used for this layer's tiles. The only\n-     * mandatory parameter is \"layers\". Other common WMS params include\n-     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n-     * always be ignored. Instead, it will be derived from the baseLayer's or\n-     * map's projection.\n-     *\n-     * The code below creates a transparent WMS layer with additional options.\n-     * (code)\n-     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n-     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n-     *                                    {\n-     *                                        layers: \"modis,global_mosaic\",\n-     *                                        transparent: true\n-     *                                    }, {\n-     *                                        opacity: 0.5,\n-     *                                        singleTile: true\n-     *                                    });\n-     * (end)\n-     * Note that by default, a WMS layer is configured as baseLayer. Setting\n-     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n-     * The default image format changes from image/jpeg to image/png, and the\n-     * layer is not configured as baseLayer.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the WMS\n-     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n-     * params - {Object} An object with key/value pairs representing the\n-     *                   GetMap query string parameters and parameter values.\n-     * options - {Object} Hashtable of extra options to tag onto the layer.\n-     *     These options include all properties listed above, plus the ones\n-     *     inherited from superclasses.\n-     */\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        //uppercase params\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n-            params.EXCEPTIONS = \"INIMAGE\";\n-        }\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(\n-            this.params,\n-            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n-        );\n-\n-\n-        //layer is transparent        \n-        if (!this.noMagic && this.params.TRANSPARENT &&\n-            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-\n-            // unless explicitly set in options, make layer an overlay\n-            if ((options == null) || (!options.isBaseLayer)) {\n-                this.isBaseLayer = false;\n-            }\n-\n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.params.FORMAT == \"image/jpeg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n-                    \"image/png\";\n-            }\n-        }\n-\n-    },\n-\n-    /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n-     */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMS(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n-    },\n-\n-    /**\n-     * APIMethod: reverseAxisOrder\n-     * Returns true if the axis order is reversed for the WMS version and\n-     * projection of the layer.\n-     * \n-     * Returns:\n-     * {Boolean} true if the axis order is reversed, false otherwise.\n-     */\n-    reverseAxisOrder: function() {\n-        var projCode = this.projection.getCode();\n-        return parseFloat(this.params.VERSION) >= 1.3 &&\n-            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n-                OpenLayers.Projection.defaults[projCode].yx));\n-    },\n-\n-    /**\n-     * Method: getURL\n-     * Return a GetMap query string for this layer\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *                                request.\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters.\n-     */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-\n-        var imageSize = this.getImageSize();\n-        var newParams = {};\n-        // WMS 1.3 introduced axis order\n-        var reverseAxisOrder = this.reverseAxisOrder();\n-        newParams.BBOX = this.encodeBBOX ?\n-            bounds.toBBOX(null, reverseAxisOrder) :\n-            bounds.toArray(reverseAxisOrder);\n-        newParams.WIDTH = imageSize.w;\n-        newParams.HEIGHT = imageSize.h;\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString;\n-    },\n-\n-    /**\n-     * APIMethod: mergeNewParams\n-     * Catch changeParams and uppercase the new params to be merged in\n-     *     before calling changeParams on the super class.\n-     * \n-     *     Once params have been changed, the tiles will be reloaded with\n-     *     the new parameters.\n-     * \n-     * Parameters:\n-     * newParams - {Object} Hashtable of new params to use\n-     */\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n-            newArguments);\n-    },\n-\n-    /** \n-     * APIMethod: getFullRequestString\n-     * Combine the layer's url with its params and these newParams. \n-     *   \n-     *     Add the SRS parameter from projection -- this is probably\n-     *     more eloquently done via a setProjection() method, but this \n-     *     works for now and always.\n-     *\n-     * Parameters:\n-     * newParams - {Object}\n-     * altUrl - {String} Use this as the url instead of the layer's url\n-     * \n-     * Returns:\n-     * {String} \n-     */\n-    getFullRequestString: function(newParams, altUrl) {\n-        var mapProjection = this.map.getProjectionObject();\n-        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n-            this.projection.getCode() :\n-            mapProjection.getCode();\n-        var value = (projectionCode == \"none\") ? null : projectionCode;\n-        if (parseFloat(this.params.VERSION) >= 1.3) {\n-            this.params.CRS = value;\n-        } else {\n-            this.params.SRS = value;\n-        }\n-\n-        if (typeof this.params.TRANSPARENT == \"boolean\") {\n-            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n-        }\n-\n-        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n-            this, arguments);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control\n- * Controls affect the display or behavior of the map. They allow everything\n- * from panning and zooming to displaying a scale indicator. Controls by \n- * default are added to the map they are contained within however it is\n- * possible to add a control to an external div by passing the div in the\n- * options parameter.\n- * \n- * Example:\n- * The following example shows how to add many of the common controls\n- * to a map.\n- * \n- * > var map = new OpenLayers.Map('map', { controls: [] });\n- * >\n- * > map.addControl(new OpenLayers.Control.PanZoomBar());\n- * > map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));\n- * > map.addControl(new OpenLayers.Control.Permalink());\n- * > map.addControl(new OpenLayers.Control.Permalink('permalink'));\n- * > map.addControl(new OpenLayers.Control.MousePosition());\n- * > map.addControl(new OpenLayers.Control.OverviewMap());\n- * > map.addControl(new OpenLayers.Control.KeyboardDefaults());\n- *\n- * The next code fragment is a quick example of how to intercept \n- * shift-mouse click to display the extent of the bounding box\n- * dragged out by the user.  Usually controls are not created\n- * in exactly this manner.  See the source for a more complete \n- * example:\n- *\n- * > var control = new OpenLayers.Control();\n- * > OpenLayers.Util.extend(control, {\n- * >     draw: function () {\n- * >         // this Handler.Box will intercept the shift-mousedown\n- * >         // before Control.MouseDefault gets to see it\n- * >         this.box = new OpenLayers.Handler.Box( control, \n- * >             {\"done\": this.notice},\n- * >             {keyMask: OpenLayers.Handler.MOD_SHIFT});\n- * >         this.box.activate();\n- * >     },\n- * >\n- * >     notice: function (bounds) {\n- * >         OpenLayers.Console.userError(bounds);\n- * >     }\n- * > }); \n- * > map.addControl(control);\n- * \n- */\n-OpenLayers.Control = OpenLayers.Class({\n-\n-    /** \n-     * Property: id \n-     * {String} \n-     */\n-    id: null,\n-\n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} this gets set in the addControl() function in\n-     * OpenLayers.Map \n-     */\n-    map: null,\n-\n-    /** \n-     * APIProperty: div \n-     * {DOMElement} The element that contains the control, if not present the \n-     *     control is placed inside the map.\n-     */\n-    div: null,\n-\n-    /** \n-     * APIProperty: type \n-     * {Number} Controls can have a 'type'. The type determines the type of\n-     * interactions which are possible with them when they are placed in an\n-     * <OpenLayers.Control.Panel>. \n-     */\n-    type: null,\n-\n-    /** \n-     * Property: allowSelection\n-     * {Boolean} By default, controls do not allow selection, because\n-     * it may interfere with map dragging. If this is true, OpenLayers\n-     * will not prevent selection of the control.\n-     * Default is false.\n-     */\n-    allowSelection: false,\n-\n-    /** \n-     * Property: displayClass \n-     * {string}  This property is used for CSS related to the drawing of the\n-     * Control. \n-     */\n-    displayClass: \"\",\n-\n-    /**\n-     * APIProperty: title  \n-     * {string}  This property is used for showing a tooltip over the  \n-     * Control.  \n-     */\n-    title: \"\",\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     false.\n-     */\n-    autoActivate: false,\n-\n-    /** \n-     * APIProperty: active \n-     * {Boolean} The control is active (read-only).  Use <activate> and \n-     *     <deactivate> to change control state.\n-     */\n-    active: null,\n-\n-    /**\n-     * Property: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-    handlerOptions: null,\n-\n-    /** \n-     * Property: handler \n-     * {<OpenLayers.Handler>} null\n-     */\n-    handler: null,\n-\n-    /**\n-     * APIProperty: eventListeners\n-     * {Object} If set as an option at construction, the eventListeners\n-     *     object will be registered with <OpenLayers.Events.on>.  Object\n-     *     structure must be a listeners object as shown in the example for\n-     *     the events.on method.\n-     */\n-    eventListeners: null,\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Listeners will be called with a reference to an event object.  The\n-     *     properties of this event depends on exactly what happened.\n-     *\n-     * All event objects have at least the following properties:\n-     * object - {Object} A reference to control.events.object (a reference\n-     *      to the control).\n-     * element - {DOMElement} A reference to control.events.element (which\n-     *      will be null unless documented otherwise).\n-     *\n-     * Supported map event types:\n-     * activate - Triggered when activated.\n-     * deactivate - Triggered when deactivated.\n-     */\n-    events: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control\n-     * Create an OpenLayers Control.  The options passed as a parameter\n-     * directly extend the control.  For example passing the following:\n-     * \n-     * > var control = new OpenLayers.Control({div: myDiv});\n-     *\n-     * Overrides the default div attribute value of null.\n-     * \n-     * Parameters:\n-     * options - {Object} \n-     */\n-    initialize: function(options) {\n-        // We do this before the extend so that instances can override\n-        // className in options.\n-        this.displayClass =\n-            this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n-\n-        OpenLayers.Util.extend(this, options);\n-\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners);\n-        }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-        }\n-    },\n-\n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners);\n-            }\n-            this.events.destroy();\n-            this.events = null;\n-        }\n-        this.eventListeners = null;\n-\n-        // eliminate circular references\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null;\n-        }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) &&\n-                    typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy();\n-                }\n-            }\n-            this.handlers = null;\n-        }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null;\n-        }\n-        this.div = null;\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. This is done through an accessor\n-     * so that subclasses can override this and take special action once \n-     * they have their map variable set. \n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map);\n-        }\n-    },\n-\n-    /**\n-     * Method: draw\n-     * The draw method is called when the control is ready to be displayed\n-     * on the page.  If a div has not been created one is created.  Controls\n-     * with a visual component will almost always want to override this method \n-     * to customize the look of control. \n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} The top-left pixel position of the control\n-     *      or null.\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n-     */\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False;\n-            }\n-            if (this.title != \"\") {\n-                this.div.title = this.title;\n-            }\n-        }\n-        if (px != null) {\n-            this.position = px.clone();\n-        }\n-        this.moveTo(this.position);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * Sets the left and top style attributes to the passed in pixel \n-     * coordinates.\n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n-     */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.div != null)) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\";\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Explicitly activates a control and it's associated\n-     * handler if one has been set.  Controls can be\n-     * deactivated by calling the deactivate() method.\n-     * \n-     * Returns:\n-     * {Boolean}  True if the control was successfully activated or\n-     *            false if the control was already active.\n-     */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        if (this.handler) {\n-            this.handler.activate();\n-        }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv,\n-                this.displayClass.replace(/ /g, \"\") + \"Active\"\n-            );\n-        }\n-        this.events.triggerEvent(\"activate\");\n-        return true;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Deactivates a control and it's associated handler if any.  The exact\n-     * effect of this depends on the control itself.\n-     * \n-     * Returns:\n-     * {Boolean} True if the control was effectively deactivated or false\n-     *           if the control was already inactive.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate();\n-            }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv,\n-                    this.displayClass.replace(/ /g, \"\") + \"Active\"\n-                );\n-            }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_BUTTON\n- */\n-OpenLayers.Control.TYPE_BUTTON = 1;\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_TOGGLE\n- */\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n-\n-/**\n- * Constant: OpenLayers.Control.TYPE_TOOL\n- */\n-OpenLayers.Control.TYPE_TOOL = 3;\n-/* ======================================================================\n-    OpenLayers/Control/Geolocate.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Geolocate\n- * The Geolocate control wraps w3c geolocation API into control that can be\n- * bound to a map, and generate events on location update\n- *\n- * To use this control requires to load the proj4js library if the projection\n- * of the map is not EPSG:4326 or EPSG:900913.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * locationupdated - Triggered when browser return a new position. Listeners will \n-     *     receive an object with a 'position' property which is the browser.geolocation.position\n-     *     native object, as well as a 'point' property which is the location transformed in the \n-     *     current map projection.\n-     * locationfailed - Triggered when geolocation has failed\n-     * locationuncapable - Triggered when control is activated on a browser\n-     *     which doesn't support geolocation\n-     */\n-\n-    /**\n-     * Property: geolocation\n-     * {Object} The geolocation engine, as a property to be possibly mocked.\n-     * This is set lazily to avoid a memory leak in IE9.\n-     */\n-    geolocation: null,\n-\n-    /**\n-     * Property: available\n-     * {Boolean} The navigator.geolocation object is available.\n-     */\n-    available: ('geolocation' in navigator),\n-\n-    /**\n-     * APIProperty: bind\n-     * {Boolean} If true, map center will be set on location update.\n-     */\n-    bind: true,\n-\n-    /**\n-     * APIProperty: watch\n-     * {Boolean} If true, position will be update regularly.\n-     */\n-    watch: false,\n-\n-    /**\n-     * APIProperty: geolocationOptions\n-     * {Object} Options to pass to the navigator's geolocation API. See\n-     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n-     *     option is passed to the geolocation API by default.\n-     */\n-    geolocationOptions: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.Geolocate\n-     * Create a new control to deal with browser geolocation API\n-     *\n-     */\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     *\n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n-     */\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            // set lazily to avoid IE9 memory leak\n-            this.geolocation = navigator.geolocation;\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false;\n-        }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(\n-                    OpenLayers.Function.bind(this.geolocate, this),\n-                    OpenLayers.Function.bind(this.failure, this),\n-                    this.geolocationOptions\n-                );\n-            } else {\n-                this.getCurrentLocation();\n-            }\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     * Deactivates the control.\n-     *\n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n-     */\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId);\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n-    },\n-\n-    /**\n-     * Method: geolocate\n-     * Activates the control.\n-     *\n-     */\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(\n-            position.coords.longitude,\n-            position.coords.latitude\n-        ).transform(\n-            new OpenLayers.Projection(\"EPSG:4326\"),\n-            this.map.getProjectionObject()\n-        );\n-        if (this.bind) {\n-            this.map.setCenter(center);\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(\n-                center.lon, center.lat\n-            )\n-        });\n-    },\n-\n-    /**\n-     * APIMethod: getCurrentLocation\n-     *\n-     * Returns:\n-     * {Boolean} Returns true if a event will be fired (successfull\n-     * registration)\n-     */\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false;\n-        }\n-        this.geolocation.getCurrentPosition(\n-            OpenLayers.Function.bind(this.geolocate, this),\n-            OpenLayers.Function.bind(this.failure, this),\n-            this.geolocationOptions\n-        );\n-        return true;\n-    },\n-\n-    /**\n-     * Method: failure\n-     * method called on browser's geolocation failure\n-     *\n-     */\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        });\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n-});\n-/* ======================================================================\n-    OpenLayers/Events/buttonclick.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Events.buttonclick\n- * Extension event type for handling buttons on top of a dom element. This\n- *     event type fires \"buttonclick\" on its <target> when a button was\n- *     clicked. Buttons are detected by the \"olButton\" class.\n- *\n- * This event type makes sure that button clicks do not interfere with other\n- *     events that are registered on the same <element>.\n- *\n- * Event types provided by this extension:\n- * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n- *     object with a *buttonElement* property referencing the dom element of\n- *     the clicked button, and an *buttonXY* property with the click position\n- *     relative to the button.\n- */\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-\n-    /**\n-     * Property: target\n-     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n-     * be triggered on.\n-     */\n-    target: null,\n-\n-    /**\n-     * Property: events\n-     * {Array} Events to observe and conditionally stop from propagating when\n-     *     an element with the olButton class (or its olAlphaImg child) is\n-     *     clicked.\n-     */\n-    events: [\n-        'mousedown', 'mouseup', 'click', 'dblclick',\n-        'touchstart', 'touchmove', 'touchend', 'keydown'\n-    ],\n-\n-    /**\n-     * Property: startRegEx\n-     * {RegExp} Regular expression to test Event.type for events that start\n-     *     a buttonclick sequence.\n-     */\n-    startRegEx: /^mousedown|touchstart$/,\n-\n-    /**\n-     * Property: cancelRegEx\n-     * {RegExp} Regular expression to test Event.type for events that cancel\n-     *     a buttonclick sequence.\n-     */\n-    cancelRegEx: /^touchmove$/,\n-\n-    /**\n-     * Property: completeRegEx\n-     * {RegExp} Regular expression to test Event.type for events that complete\n-     *     a buttonclick sequence.\n-     */\n-    completeRegEx: /^mouseup|touchend$/,\n-\n-    /**\n-     * Property: startEvt\n-     * {Event} The event that started the click sequence\n-     */\n-\n-    /**\n-     * Constructor: OpenLayers.Events.buttonclick\n-     * Construct a buttonclick event type. Applications are not supposed to\n-     *     create instances of this class - they are created on demand by\n-     *     <OpenLayers.Events> instances.\n-     *\n-     * Parameters:\n-     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n-     *     event will be triggered on.\n-     */\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            });\n-        }\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick);\n-        }\n-        delete this.target;\n-    },\n-\n-    /**\n-     * Method: getPressedButton\n-     * Get the pressed button, if any. Returns undefined if no button\n-     * was pressed.\n-     *\n-     * Arguments:\n-     * element - {DOMElement} The event target.\n-     *\n-     * Returns:\n-     * {DOMElement} The button element, or undefined.\n-     */\n-    getPressedButton: function(element) {\n-        var depth = 3, // limit the search depth\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                // hit!\n-                button = element;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return button;\n-    },\n-\n-    /**\n-     * Method: ignore\n-     * Check for event target elements that should be ignored by OpenLayers.\n-     *\n-     * Parameters:\n-     * element - {DOMElement} The event target.\n-     */\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === 'a') {\n-                ignore = true;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return ignore;\n-    },\n-\n-    /**\n-     * Method: buttonClick\n-     * Check if a button was clicked, and fire the buttonclick event\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            // was a button pressed?\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break;\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        });\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt;\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt;\n-            }\n-        }\n-        return propagate;\n-    }\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Panel.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Panel\n- * The Panel control is a container for other controls. With it toolbars\n- * may be composed.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n-    /**\n-     * Property: controls\n-     * {Array(<OpenLayers.Control>)}\n-     */\n-    controls: null,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /** \n-     * APIProperty: defaultControl\n-     * {<OpenLayers.Control>} The control which is activated when the control is\n-     * activated (turned on), which also happens at instantiation.\n-     * If <saveState> is true, <defaultControl> will be nullified after the\n-     * first activation of the panel.\n-     */\n-    defaultControl: null,\n-\n-    /**\n-     * APIProperty: saveState\n-     * {Boolean} If set to true, the active state of this panel's controls will\n-     * be stored on panel deactivation, and restored on reactivation. Default\n-     * is false.\n-     */\n-    saveState: false,\n-\n-    /**\n-     * APIProperty: allowDepress\n-     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n-     *     be deactivated by clicking the icon that represents them.  Default \n-     *     is false.\n-     */\n-    allowDepress: false,\n-\n-    /**\n-     * Property: activeState\n-     * {Object} stores the active state of this panel's controls.\n-     */\n-    activeState: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.Panel\n-     * Create a new control panel.\n-     *\n-     * Each control in the panel is represented by an icon. When clicking \n-     *     on an icon, the <activateControl> method is called.\n-     *\n-     * Specific properties for controls on a panel:\n-     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n-     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n-     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n-     * title - {string} Text displayed when mouse is over the icon that \n-     *     represents the control.     \n-     *\n-     * The <OpenLayers.Control.type> of a control determines the behavior when\n-     * clicking its icon:\n-     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n-     *     controls of this type in the same panel are deactivated. This is\n-     *     the default type.\n-     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n-     *     toggled.\n-     * <OpenLayers.Control.TYPE_BUTTON> - The\n-     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n-     *     but its active state is not changed.\n-     *\n-     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n-     * olControl[Name]ItemActive class, otherwise with the\n-     * olControl[Name]ItemInactive class.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {};\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                });\n-            }\n-            ctl.panel_div = null;\n-        }\n-        this.activeState = null;\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl ||\n-                    (this.saveState && this.activeState[control.id])) {\n-                    control.activate();\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null;\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate();\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: draw\n-     *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: redraw\n-     */\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i]);\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: activateControl\n-     * This method is called when the user click on the icon representing a \n-     *     control in the panel.\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>}\n-     */\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate();\n-            } else {\n-                control.activate();\n-            }\n-            return;\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate();\n-        } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control &&\n-                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate();\n-                }\n-            }\n-            control.activate();\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: addControls\n-     * To build a toolbar, you add a set of controls to it. addControls\n-     * lets you add a single control or a list of controls to the \n-     * Control Panel.\n-     *\n-     * Parameters:\n-     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n-     */\n-    addControls: function(controls) {\n-        if (!(OpenLayers.Util.isArray(controls))) {\n-            controls = [controls];\n-        }\n-        this.controls = this.controls.concat(controls);\n-\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element,\n-                control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title;\n-            }\n-            control.panel_div = element;\n-        }\n-\n-        if (this.map) { // map.addControl() has already been called on the panel\n-            this.addControlsToMap(controls);\n-            this.redraw();\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: createControlMarkup\n-     * This function just creates a div for the control. If specific HTML\n-     * markup is needed this function can be overridden in specific classes,\n-     * or at panel instantiation time:\n-     *\n-     * Example:\n-     * (code)\n-     * var panel = new OpenLayers.Control.Panel({\n-     *     defaultControl: control,\n-     *     // ovverride createControlMarkup to create actual buttons\n-     *     // including texts wrapped into span elements.\n-     *     createControlMarkup: function(control) {\n-     *         var button = document.createElement('button'),\n-     *             span = document.createElement('span');\n-     *         if (control.text) {\n-     *             span.innerHTML = control.text;\n-     *         }\n-     *         return button;\n-     *     }\n-     *  });\n-     * (end)\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control to create the HTML\n-     *     markup for.\n-     *\n-     * Returns:\n-     * {DOMElement} The markup.\n-     */\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\");\n-    },\n-\n-    /**\n-     * Method: addControlsToMap\n-     * Only for internal use in draw() and addControls() methods.\n-     *\n-     * Parameters:\n-     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n-     */\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true;\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate();\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            });\n-        }\n-    },\n-\n-    /**\n-     * Method: iconOn\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOn: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\");\n-    },\n-\n-    /**\n-     * Method: iconOff\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOff: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\");\n-    },\n-\n-    /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break;\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: getControlsBy\n-     * Get a list of controls with properties matching the given criteria.\n-     *\n-     * Parameters:\n-     * property - {String} A control property to be matched.\n-     * match - {String | Object} A string to match.  Can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     match.test(control[property]) evaluates to true, the control will be\n-     *     included in the array returned.  If no controls are found, an empty\n-     *     array is returned.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n-     *     An empty array is returned if no matches are found.\n-     */\n-    getControlsBy: function(property, match) {\n-        var test = (typeof match.test == \"function\");\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || (test && match.test(item[property]));\n-        });\n-        return found;\n-    },\n-\n-    /**\n-     * APIMethod: getControlsByName\n-     * Get a list of contorls with names matching the given name.\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control name.  The name can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     name.test(control.name) evaluates to true, the control will be included\n-     *     in the list of controls returned.  If no controls are found, an empty\n-     *     array is returned.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n-     *     An empty array is returned if no matches are found.\n-     */\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match);\n-    },\n-\n-    /**\n-     * APIMethod: getControlsByClass\n-     * Get a list of controls of a given type (CLASS_NAME).\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control class name.  The type can also be a\n-     *     regular expression literal or object.  In addition, it can be any\n-     *     object with a method named test.  For reqular expressions or other,\n-     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n-     *     be included in the list of controls returned.  If no controls are\n-     *     found, an empty array is returned.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n-     *     An empty array is returned if no matches are found.\n-     */\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/Attribution.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Attribution\n- * The attribution control adds attribution from layers to the map display. \n- * It uses 'attribution' property of each layer.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Attribution =\n-    OpenLayers.Class(OpenLayers.Control, {\n-\n-        /**\n-         * APIProperty: separator\n-         * {String} String used to separate layers.\n-         */\n-        separator: \", \",\n-\n-        /**\n-         * APIProperty: template\n-         * {String} Template for the attribution. This has to include the substring\n-         *     \"${layers}\", which will be replaced by the layer specific\n-         *     attributions, separated by <separator>. The default is \"${layers}\".\n-         */\n-        template: \"${layers}\",\n-\n-        /**\n-         * Constructor: OpenLayers.Control.Attribution \n-         * \n-         * Parameters:\n-         * options - {Object} Options for control.\n-         */\n-\n-        /** \n-         * Method: destroy\n-         * Destroy control.\n-         */\n-        destroy: function() {\n-            this.map.events.un({\n-                \"removelayer\": this.updateAttribution,\n-                \"addlayer\": this.updateAttribution,\n-                \"changelayer\": this.updateAttribution,\n-                \"changebaselayer\": this.updateAttribution,\n-                scope: this\n-            });\n-\n-            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: draw\n-         * Initialize control.\n-         * \n-         * Returns: \n-         * {DOMElement} A reference to the DIV DOMElement containing the control\n-         */\n-        draw: function() {\n-            OpenLayers.Control.prototype.draw.apply(this, arguments);\n-\n-            this.map.events.on({\n-                'changebaselayer': this.updateAttribution,\n-                'changelayer': this.updateAttribution,\n-                'addlayer': this.updateAttribution,\n-                'removelayer': this.updateAttribution,\n-                scope: this\n-            });\n-            this.updateAttribution();\n-\n-            return this.div;\n-        },\n-\n-        /**\n-         * Method: updateAttribution\n-         * Update attribution string.\n-         */\n-        updateAttribution: function() {\n-            var attributions = [];\n-            if (this.map && this.map.layers) {\n-                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                    var layer = this.map.layers[i];\n-                    if (layer.attribution && layer.getVisibility()) {\n-                        // add attribution only if attribution text is unique\n-                        if (OpenLayers.Util.indexOf(\n-                                attributions, layer.attribution) === -1) {\n-                            attributions.push(layer.attribution);\n-                        }\n-                    }\n-                }\n-                this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                    layers: attributions.join(this.separator)\n-                });\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Handler/Drag.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Drag\n- * The drag handler is used to deal with sequences of browser events related\n- *     to dragging.  The handler is used by controls that want to know when\n- *     a drag sequence begins, when a drag is happening, and when it has\n- *     finished.\n- *\n- * Controls that use the drag handler typically construct it with callbacks\n- *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n- *     when the drag begins, with each move, and when the drag is done.  In\n- *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n- *     care to differentiate between the types of events that correspond with\n- *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n- *     the 'down' and 'up' callbacks will be called, but not the 'done'\n- *     callback.\n- *\n- * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Handler>\n- */\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /** \n-     * Property: started\n-     * {Boolean} When a mousedown or touchstart event is received, we want to\n-     * record it, but not set 'dragging' until the mouse moves after starting.\n-     */\n-    started: false,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} Stop propagation of mousedown events from getting to listeners\n-     *     on the same element.  Default is true.\n-     */\n-    stopDown: true,\n-\n-    /** \n-     * Property: dragging \n-     * {Boolean} \n-     */\n-    dragging: false,\n-\n-    /** \n-     * Property: last\n-     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: start\n-     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n-     */\n-    start: null,\n-\n-    /**\n-     * Property: lastMoveEvt\n-     * {Object} The last mousemove event that occurred. Used to\n-     *     position the map correctly when our \"delay drag\"\n-     *     timeout expired.\n-     */\n-    lastMoveEvt: null,\n-\n-    /**\n-     * Property: oldOnselectstart\n-     * {Function}\n-     */\n-    oldOnselectstart: null,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} In order to increase performance, an interval (in \n-     *     milliseconds) can be set to reduce the number of drag events \n-     *     called. If set, a new drag event will not be set until the \n-     *     interval has passed. \n-     *     Defaults to 0, meaning no interval. \n-     */\n-    interval: 0,\n-\n-    /**\n-     * Property: timeoutId\n-     * {String} The id of the timeout used for the mousedown interval.\n-     *     This is \"private\", and should be left alone.\n-     */\n-    timeoutId: null,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, the handler will also handle mouse moves when\n-     *     the cursor has moved out of the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: documentEvents\n-     * {Boolean} Are we currently observing document events?\n-     */\n-    documentEvents: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Drag\n-     * Returns OpenLayers.Handler.Drag\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n-     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n-     * options - {Object} \n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                });\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                });\n-            };\n-        }\n-    },\n-\n-\n-    /**\n-     * Method: dragstart\n-     * This private method is factorized from mousedown and touchstart methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) &&\n-            (OpenLayers.Event.isLeftClick(evt) ||\n-                OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-\n-            // prevent document dragging\n-            OpenLayers.Event.preventDefault(evt);\n-\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ?\n-                    document.onselectstart : OpenLayers.Function.True;\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-\n-            propagate = !this.stopDown;\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null;\n-        }\n-        return propagate;\n-    },\n-\n-    /**\n-     * Method: dragmove\n-     * This private method is factorized from mousemove and touchmove methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n-                evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    // do setEvent manually because the documentEvents are not\n-                    // registered with the map\n-                    this.setEvent(evt);\n-                } else {\n-                    this.removeDocumentEvents();\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(\n-                    OpenLayers.Function.bind(this.removeTimeout, this),\n-                    this.interval);\n-            }\n-            this.dragging = true;\n-\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False;\n-            }\n-            this.last = evt.xy;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: dragend\n-     * This private method is factorized from mouseup and touchend methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents();\n-            }\n-            var dragged = (this.start != this.last);\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy]);\n-            }\n-            document.onselectstart = this.oldOnselectstart;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * The four methods below (down, move, up, and out) are used by subclasses\n-     *     to do their own processing related to these mouse events.\n-     */\n-\n-    /**\n-     * Method: down\n-     * This method is called during the handling of the mouse down event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse down event\n-     */\n-    down: function(evt) {},\n-\n-    /**\n-     * Method: move\n-     * This method is called during the handling of the mouse move event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse move event\n-     *\n-     */\n-    move: function(evt) {},\n-\n-    /**\n-     * Method: up\n-     * This method is called during the handling of the mouse up event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse up event\n-     */\n-    up: function(evt) {},\n-\n-    /**\n-     * Method: out\n-     * This method is called during the handling of the mouse out event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse out event\n-     */\n-    out: function(evt) {},\n-\n-    /**\n-     * The methods below are part of the magic of event handling.  Because\n-     *     they are named like browser events, they are registered as listeners\n-     *     for the events they represent.\n-     */\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mousedown events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousedown: function(evt) {\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: mousemove\n-     * Handle mousemove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousemove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     * Handle touchmove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchmove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: removeTimeout\n-     * Private. Called by mousemove() to remove the drag timeout.\n-     */\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        // if timeout expires while we're still dragging (mouseup\n-        // hasn't occurred) then call mousemove to move to the\n-        // correct position\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt);\n-        }\n-    },\n-\n-    /**\n-     * Method: mouseup\n-     * Handle mouseup events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseup: function(evt) {\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: touchend\n-     * Handle touchend events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchend: function(evt) {\n-        // override evt.xy with last position since touchend does not have\n-        // any touch position\n-        evt.xy = this.last;\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: mouseout\n-     * Handle mouseout events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents();\n-            } else {\n-                var dragged = (this.start != this.last);\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv, \"olDragDown\"\n-                );\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy]);\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart;\n-                }\n-            }\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: click\n-     * The drag handler captures the click event.  If something else registers\n-     *     for clicks on the same element, its listener will not be called \n-     *     after a drag.\n-     * \n-     * Parameters: \n-     * evt - {Event} \n-     * \n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    click: function(evt) {\n-        // let the click event propagate only if the mouse moved\n-        return (this.start == this.last);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully activated.\n-     */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true;\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: deactivate \n-     * Deactivate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: adjustXY\n-     * Converts event coordinates that are relative to the document body to\n-     * ones that are relative to the map viewport. The latter is the default in\n-     * OpenLayers.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1];\n-    },\n-\n-    /**\n-     * Method: addDocumentEvents\n-     * Start observing document events when documentDrag is true and the mouse\n-     * cursor leaves the map viewport while dragging.\n-     */\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n-    },\n-\n-    /**\n-     * Method: removeDocumentEvents\n-     * Stops observing document events when documentDrag is true and the mouse\n-     * cursor re-enters the map viewport while dragging.\n-     */\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/DragPan.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.DragPan\n- * The DragPan control pans the map with a drag of the mouse.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n-\n-    /**\n-     * Property: panned\n-     * {Boolean} The map moved.\n-     */\n-    panned: false,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} The number of milliseconds that should ellapse before\n-     *     panning the map again. Defaults to 0 milliseconds, which means that\n-     *     no separate cycle is used for panning. In most cases you won't want\n-     *     to change this value. For slow machines/devices larger values can be\n-     *     tried out.\n-     */\n-    interval: 0,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: kinetic\n-     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n-     */\n-    kinetic: null,\n-\n-    /**\n-     * APIProperty: enableKinetic\n-     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n-     *     set to true or to an object. If set to an object this\n-     *     object will be passed to the {<OpenLayers.Kinetic>}\n-     *     constructor. Defaults to true.\n-     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n-     *     included in your build config.\n-     */\n-    enableKinetic: true,\n-\n-    /**\n-     * APIProperty: kineticInterval\n-     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n-     *     scrolling\". Applies only if enableKinetic is set. Defaults\n-     *     to 10 milliseconds.\n-     */\n-    kineticInterval: 10,\n-\n-\n-    /**\n-     * Method: draw\n-     * Creates a Drag handler, using <panMap> and\n-     * <panMapDone> as callbacks.\n-     */\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic);\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config);\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            \"move\": this.panMap,\n-            \"done\": this.panMapDone,\n-            \"down\": this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        });\n-    },\n-\n-    /**\n-     * Method: panMapStart\n-     */\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin();\n-        }\n-    },\n-\n-    /**\n-     * Method: panMap\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n-     */\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy);\n-        }\n-        this.panned = true;\n-        this.map.pan(\n-            this.handler.last.x - xy.x,\n-            this.handler.last.y - xy.y, {\n-                dragging: true,\n-                animate: false\n-            }\n-        );\n-    },\n-\n-    /**\n-     * Method: panMapDone\n-     * Finish the panning operation.  Only call setCenter (through <panMap>)\n-     *     if the map has actually been moved.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n-     */\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy);\n-            }\n-            this.map.pan(\n-                this.handler.last.x - xy.x,\n-                this.handler.last.y - xy.y, {\n-                    dragging: !!res,\n-                    animate: false\n-                }\n-            );\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    });\n-                });\n-            }\n-            this.panned = false;\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Pinch.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Pinch\n- * The pinch handler is used to deal with sequences of browser events related\n- *     to pinch gestures. The handler is used by controls that want to know\n- *     when a pinch sequence begins, when a pinch is happening, and when it has\n- *     finished.\n- *\n- * Controls that use the pinch handler typically construct it with callbacks\n- *     for 'start', 'move', and 'done'.  Callbacks for these keys are\n- *     called when the pinch begins, with each change, and when the pinch is\n- *     done.\n- *\n- * Create a new pinch handler with the <OpenLayers.Handler.Pinch> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Handler>\n- */\n-OpenLayers.Handler.Pinch = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /**\n-     * Property: started\n-     * {Boolean} When a touchstart event is received, we want to record it,\n-     *     but not set 'pinching' until the touchmove get started after\n-     *     starting.\n-     */\n-    started: false,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} Stop propagation of touchstart events from getting to\n-     *     listeners on the same element. Default is false.\n-     */\n-    stopDown: false,\n-\n-    /**\n-     * Property: pinching\n-     * {Boolean}\n-     */\n-    pinching: false,\n-\n-    /**\n-     * Property: last\n-     * {Object} Object that store informations related to pinch last touch.\n-     */\n-    last: null,\n-\n-    /**\n-     * Property: start\n-     * {Object} Object that store informations related to pinch touchstart.\n-     */\n-    start: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Pinch\n-     * Returns OpenLayers.Handler.Pinch\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing functions to be called when\n-     *     the pinch operation start, change, or is finished. The callbacks\n-     *     should expect to receive an object argument, which contains\n-     *     information about scale, distance, and position of touch points.\n-     * options - {Object}\n-     */\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchstart: function(evt) {\n-        var propagate = true;\n-        this.pinching = false;\n-        if (OpenLayers.Event.isMultiTouch(evt)) {\n-            this.started = true;\n-            this.last = this.start = {\n-                distance: this.getDistance(evt.touches),\n-                delta: 0,\n-                scale: 1\n-            };\n-            this.callback(\"start\", [evt, this.start]);\n-            propagate = !this.stopDown;\n-        } else if (this.started) {\n-            // Some webkit versions send fake single-touch events during\n-            // multitouch, which cause the drag handler to trigger\n-            return false;\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null;\n-        }\n-        // prevent document dragging\n-        OpenLayers.Event.preventDefault(evt);\n-        return propagate;\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     * Handle touchmove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchmove: function(evt) {\n-        if (this.started && OpenLayers.Event.isMultiTouch(evt)) {\n-            this.pinching = true;\n-            var current = this.getPinchData(evt);\n-            this.callback(\"move\", [evt, current]);\n-            this.last = current;\n-            // prevent document dragging\n-            OpenLayers.Event.stop(evt);\n-        } else if (this.started) {\n-            // Some webkit versions send fake single-touch events during\n-            // multitouch, which cause the drag handler to trigger\n-            return false;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: touchend\n-     * Handle touchend events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchend: function(evt) {\n-        if (this.started && !OpenLayers.Event.isMultiTouch(evt)) {\n-            this.started = false;\n-            this.pinching = false;\n-            this.callback(\"done\", [evt, this.start, this.last]);\n-            this.start = null;\n-            this.last = null;\n-            return false;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the handler.\n-     *\n-     * Returns:\n-     * {Boolean} The handler was successfully activated.\n-     */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.pinching = false;\n-            activated = true;\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     * Deactivate the handler.\n-     *\n-     * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.pinching = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: getDistance\n-     * Get the distance in pixels between two touches.\n-     *\n-     * Parameters:\n-     * touches - {Array(Object)}\n-     *\n-     * Returns:\n-     * {Number} The distance in pixels.\n-     */\n-    getDistance: function(touches) {\n-        var t0 = touches[0];\n-        var t1 = touches[1];\n-        return Math.sqrt(\n-            Math.pow(t0.olClientX - t1.olClientX, 2) +\n-            Math.pow(t0.olClientY - t1.olClientY, 2)\n-        );\n-    },\n-\n-\n-    /**\n-     * Method: getPinchData\n-     * Get informations about the pinch event.\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Object} Object that contains data about the current pinch.\n-     */\n-    getPinchData: function(evt) {\n-        var distance = this.getDistance(evt.touches);\n-        var scale = distance / this.start.distance;\n-        return {\n-            distance: distance,\n-            delta: this.last.distance - distance,\n-            scale: scale\n-        };\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Pinch\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/PinchZoom.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler/Pinch.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.PinchZoom\n- *\n- * Inherits:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n-\n-    /**\n-     * Property: pinchOrigin\n-     * {Object} Cached object representing the pinch start (in pixels).\n-     */\n-    pinchOrigin: null,\n-\n-    /**\n-     * Property: currentCenter\n-     * {Object} Cached object representing the latest pinch center (in pixels).\n-     */\n-    currentCenter: null,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * APIProperty: preserveCenter\n-     * {Boolean} Set this to true if you don't want the map center to change\n-     *     while pinching. For example you may want to set preserveCenter to\n-     *     true when the user location is being watched and you want to preserve\n-     *     the user location at the center of the map even if he zooms in or\n-     *     out using pinch. This property's value can be changed any time on an\n-     *     existing instance. Default is false.\n-     */\n-    preserveCenter: false,\n-\n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the pinch handler\n-     */\n-\n-    /**\n-     * Constructor: OpenLayers.Control.PinchZoom\n-     * Create a control for zooming with pinch gestures.  This works on devices\n-     *     with multi-touch support.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions);\n-    },\n-\n-    /**\n-     * Method: pinchStart\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n-     */\n-    pinchStart: function(evt, pinchData) {\n-        var xy = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy;\n-    },\n-\n-    /**\n-     * Method: pinchMove\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n-     */\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-\n-        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n-\n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current;\n-    },\n-\n-    /**\n-     * Method: pinchDone\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     * start - {Object} pinch data object related to the touchstart event that\n-     *     started the pinch gesture.\n-     * last - {Object} pinch data object related to the last touchmove event\n-     *     of the pinch gesture. This give us the final scale of the pinch.\n-     */\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n-\n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n-\n-            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n-            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n-\n-            // Force a reflow before calling setCenter. This is to work\n-            // around an issue occuring in iOS.\n-            //\n-            // See https://github.com/openlayers/openlayers/pull/351.\n-            //\n-            // Without a reflow setting the layer container div's top left\n-            // style properties to \"0px\" - as done in Map.moveTo when zoom\n-            // is changed - won't actually correctly reposition the layer\n-            // container div.\n-            //\n-            // Also, we need to use a statement that the Google Closure\n-            // compiler won't optimize away.\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n-\n-            this.map.setCenter(location, zoom);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Click.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Click\n- * A handler for mouse clicks.  The intention of this handler is to give\n- *     controls more flexibility with handling clicks.  Browsers trigger\n- *     click events twice for a double-click.  In addition, the mousedown,\n- *     mousemove, mouseup sequence fires a click event.  With this handler,\n- *     controls can decide whether to ignore clicks associated with a double\n- *     click.  By setting a <pixelTolerance>, controls can also ignore clicks\n- *     that include a drag.  Create a new instance with the\n- *     <OpenLayers.Handler.Click> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Handler> \n- */\n-OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n-    /**\n-     * APIProperty: delay\n-     * {Number} Number of milliseconds between clicks before the event is\n-     *     considered a double-click.\n-     */\n-    delay: 300,\n-\n-    /**\n-     * APIProperty: single\n-     * {Boolean} Handle single clicks.  Default is true.  If false, clicks\n-     * will not be reported.  If true, single-clicks will be reported.\n-     */\n-    single: true,\n-\n-    /**\n-     * APIProperty: double\n-     * {Boolean} Handle double-clicks.  Default is false.\n-     */\n-    'double': false,\n-\n-    /**\n-     * APIProperty: pixelTolerance\n-     * {Number} Maximum number of pixels between mouseup and mousedown for an\n-     *     event to be considered a click.  Default is 0.  If set to an\n-     *     integer value, clicks with a drag greater than the value will be\n-     *     ignored.  This property can only be set when the handler is\n-     *     constructed.\n-     */\n-    pixelTolerance: 0,\n-\n-    /**\n-     * APIProperty: dblclickTolerance\n-     * {Number} Maximum distance in pixels between clicks for a sequence of \n-     *     events to be considered a double click.  Default is 13.  If the\n-     *     distance between two clicks is greater than this value, a double-\n-     *     click will not be fired.\n-     */\n-    dblclickTolerance: 13,\n-\n-    /**\n-     * APIProperty: stopSingle\n-     * {Boolean} Stop other listeners from being notified of clicks.  Default\n-     *     is false.  If true, any listeners registered before this one for \n-     *     click or rightclick events will not be notified.\n-     */\n-    stopSingle: false,\n-\n-    /**\n-     * APIProperty: stopDouble\n-     * {Boolean} Stop other listeners from being notified of double-clicks.\n-     *     Default is false.  If true, any click listeners registered before\n-     *     this one will not be notified of *any* double-click events.\n-     * \n-     * The one caveat with stopDouble is that given a map with two click\n-     *     handlers, one with stopDouble true and the other with stopSingle\n-     *     true, the stopSingle handler should be activated last to get\n-     *     uniform cross-browser performance.  Since IE triggers one click\n-     *     with a dblclick and FF triggers two, if a stopSingle handler is\n-     *     activated first, all it gets in IE is a single click when the\n-     *     second handler stops propagation on the dblclick.\n-     */\n-    stopDouble: false,\n-\n-    /**\n-     * Property: timerId\n-     * {Number} The id of the timeout waiting to clear the <delayedCall>.\n-     */\n-    timerId: null,\n-\n-    /**\n-     * Property: down\n-     * {Object} Object that store relevant information about the last\n-     *     mousedown or touchstart. Its 'xy' OpenLayers.Pixel property gives\n-     *     the average location of the mouse/touch event. Its 'touches'\n-     *     property records clientX/clientY of each touches.\n-     */\n-    down: null,\n-\n-    /**\n-     * Property: last\n-     * {Object} Object that store relevant information about the last\n-     *     mousemove or touchmove. Its 'xy' OpenLayers.Pixel property gives\n-     *     the average location of the mouse/touch event. Its 'touches'\n-     *     property records clientX/clientY of each touches.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: first\n-     * {Object} When waiting for double clicks, this object will store \n-     *     information about the first click in a two click sequence.\n-     */\n-    first: null,\n-\n-    /**\n-     * Property: rightclickTimerId\n-     * {Number} The id of the right mouse timeout waiting to clear the \n-     *     <delayedEvent>.\n-     */\n-    rightclickTimerId: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Click\n-     * Create a new click handler.\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handler's setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object with keys corresponding to callbacks\n-     *     that will be called by the handler. The callbacks should\n-     *     expect to recieve a single argument, the click event.\n-     *     Callbacks for 'click' and 'dblclick' are supported.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     handler.\n-     */\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart.\n-     *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true;\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     *    Store position of last move, because touchend event can have\n-     *    an empty \"touches\" property.\n-     *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    touchmove: function(evt) {\n-        this.last = this.getEventInfo(evt);\n-        return true;\n-    },\n-\n-    /**\n-     * Method: touchend\n-     *   Correctly set event xy property, and add lastTouches to have\n-     *   touches property from last touchstart or touchmove\n-     *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    touchend: function(evt) {\n-        // touchstart may not have been allowed to propagate\n-        if (this.down) {\n-            evt.xy = this.last.xy;\n-            evt.lastTouches = this.last.touches;\n-            this.handleSingle(evt);\n-            this.down = null;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mousedown.\n-     *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    mousedown: function(evt) {\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true;\n-    },\n-\n-    /**\n-     * Method: mouseup\n-     * Handle mouseup.  Installed to support collection of right mouse events.\n-     * \n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    mouseup: function(evt) {\n-        var propagate = true;\n-\n-        // Collect right mouse clicks from the mouseup\n-        //  IE - ignores the second right click in mousedown so using\n-        //  mouseup instead\n-        if (this.checkModifiers(evt) && this.control.handleRightClicks &&\n-            OpenLayers.Event.isRightClick(evt)) {\n-            propagate = this.rightclick(evt);\n-        }\n-\n-        return propagate;\n-    },\n-\n-    /**\n-     * Method: rightclick\n-     * Handle rightclick.  For a dblrightclick, we get two clicks so we need \n-     *     to always register for dblrightclick to properly handle single \n-     *     clicks.\n-     *     \n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    rightclick: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.rightclickTimerId != null) {\n-                //Second click received before timeout this must be \n-                // a double click\n-                this.clearTimer();\n-                this.callback('dblrightclick', [evt]);\n-                return !this.stopDouble;\n-            } else {\n-                //Set the rightclickTimerId, send evt only if double is \n-                // true else trigger single\n-                var clickEvent = this['double'] ?\n-                    OpenLayers.Util.extend({}, evt) :\n-                    this.callback('rightclick', [evt]);\n-\n-                var delayedRightCall = OpenLayers.Function.bind(\n-                    this.delayedRightCall,\n-                    this,\n-                    clickEvent\n-                );\n-                this.rightclickTimerId = window.setTimeout(\n-                    delayedRightCall, this.delay\n-                );\n-            }\n-        }\n-        return !this.stopSingle;\n-    },\n-\n-    /**\n-     * Method: delayedRightCall\n-     * Sets <rightclickTimerId> to null.  And optionally triggers the \n-     *     rightclick callback if evt is set.\n-     */\n-    delayedRightCall: function(evt) {\n-        this.rightclickTimerId = null;\n-        if (evt) {\n-            this.callback('rightclick', [evt]);\n-        }\n-    },\n-\n-    /**\n-     * Method: click\n-     * Handle click events from the browser.  This is registered as a listener\n-     *     for click events and should not be called from other events in this\n-     *     handler.\n-     *\n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    click: function(evt) {\n-        if (!this.last) {\n-            this.last = this.getEventInfo(evt);\n-        }\n-        this.handleSingle(evt);\n-        return !this.stopSingle;\n-    },\n-\n-    /**\n-     * Method: dblclick\n-     * Handle dblclick.  For a dblclick, we get two clicks in some browsers\n-     *     (FF) and one in others (IE).  So we need to always register for\n-     *     dblclick to properly handle single clicks.  This method is registered\n-     *     as a listener for the dblclick browser event.  It should *not* be\n-     *     called by other methods in this handler.\n-     *     \n-     * Returns:\n-     * {Boolean} Continue propagating this event.\n-     */\n-    dblclick: function(evt) {\n-        this.handleDouble(evt);\n-        return !this.stopDouble;\n-    },\n-\n-    /** \n-     * Method: handleDouble\n-     * Handle double-click sequence.\n-     */\n-    handleDouble: function(evt) {\n-        if (this.passesDblclickTolerance(evt)) {\n-            if (this[\"double\"]) {\n-                this.callback(\"dblclick\", [evt]);\n-            }\n-            // to prevent a dblclick from firing the click callback in IE\n-            this.clearTimer();\n-        }\n-    },\n-\n-    /** \n-     * Method: handleSingle\n-     * Handle single click sequence.\n-     */\n-    handleSingle: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.timerId != null) {\n-                // already received a click\n-                if (this.last.touches && this.last.touches.length === 1) {\n-                    // touch device, no dblclick event - this may be a double\n-                    if (this[\"double\"]) {\n-                        // on Android don't let the browser zoom on the page\n-                        OpenLayers.Event.preventDefault(evt);\n-                    }\n-                    this.handleDouble(evt);\n-                }\n-                // if we're not in a touch environment we clear the click timer\n-                // if we've got a second touch, we'll get two touchend events\n-                if (!this.last.touches || this.last.touches.length !== 2) {\n-                    this.clearTimer();\n-                }\n-            } else {\n-                // remember the first click info so we can compare to the second\n-                this.first = this.getEventInfo(evt);\n-                // set the timer, send evt only if single is true\n-                //use a clone of the event object because it will no longer \n-                //be a valid event object in IE in the timer callback\n-                var clickEvent = this.single ?\n-                    OpenLayers.Util.extend({}, evt) : null;\n-                this.queuePotentialClick(clickEvent);\n-            }\n-        }\n-    },\n-\n-    /** \n-     * Method: queuePotentialClick\n-     * This method is separated out largely to make testing easier (so we\n-     *     don't have to override window.setTimeout)\n-     */\n-    queuePotentialClick: function(evt) {\n-        this.timerId = window.setTimeout(\n-            OpenLayers.Function.bind(this.delayedCall, this, evt),\n-            this.delay\n-        );\n-    },\n-\n-    /**\n-     * Method: passesTolerance\n-     * Determine whether the event is within the optional pixel tolerance.  Note\n-     *     that the pixel tolerance check only works if mousedown events get to\n-     *     the listeners registered here.  If they are stopped by other elements,\n-     *     the <pixelTolerance> will have no effect here (this method will always\n-     *     return true).\n-     *\n-     * Returns:\n-     * {Boolean} The click is within the pixel tolerance (if specified).\n-     */\n-    passesTolerance: function(evt) {\n-        var passes = true;\n-        if (this.pixelTolerance != null && this.down && this.down.xy) {\n-            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n-            // for touch environments, we also enforce that all touches\n-            // start and end within the given tolerance to be considered a click\n-            if (passes && this.touch &&\n-                this.down.touches.length === this.last.touches.length) {\n-                // the touchend event doesn't come with touches, so we check\n-                // down and last\n-                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n-                    if (this.getTouchDistance(\n-                            this.down.touches[i],\n-                            this.last.touches[i]\n-                        ) > this.pixelTolerance) {\n-                        passes = false;\n-                        break;\n-                    }\n-                }\n-            }\n-        }\n-        return passes;\n-    },\n-\n-    /** \n-     * Method: getTouchDistance\n-     *\n-     * Returns:\n-     * {Boolean} The pixel displacement between two touches.\n-     */\n-    getTouchDistance: function(from, to) {\n-        return Math.sqrt(\n-            Math.pow(from.clientX - to.clientX, 2) +\n-            Math.pow(from.clientY - to.clientY, 2)\n-        );\n-    },\n-\n-    /**\n-     * Method: passesDblclickTolerance\n-     * Determine whether the event is within the optional double-cick pixel \n-     *     tolerance.\n-     *\n-     * Returns:\n-     * {Boolean} The click is within the double-click pixel tolerance.\n-     */\n-    passesDblclickTolerance: function(evt) {\n-        var passes = true;\n-        if (this.down && this.first) {\n-            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance;\n-        }\n-        return passes;\n-    },\n-\n-    /**\n-     * Method: clearTimer\n-     * Clear the timer and set <timerId> to null.\n-     */\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null;\n-        }\n-        if (this.rightclickTimerId != null) {\n-            window.clearTimeout(this.rightclickTimerId);\n-            this.rightclickTimerId = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: delayedCall\n-     * Sets <timerId> to null.  And optionally triggers the click callback if\n-     *     evt is set.\n-     */\n-    delayedCall: function(evt) {\n-        this.timerId = null;\n-        if (evt) {\n-            this.callback(\"click\", [evt]);\n-        }\n-    },\n-\n-    /**\n-     * Method: getEventInfo\n-     * This method allows us to store event information without storing the\n-     *     actual event.  In touch devices (at least), the same event is \n-     *     modified between touchstart, touchmove, and touchend.\n-     *\n-     * Returns:\n-     * {Object} An object with event related info.\n-     */\n-    getEventInfo: function(evt) {\n-        var touches;\n-        if (evt.touches) {\n-            var len = evt.touches.length;\n-            touches = new Array(len);\n-            var touch;\n-            for (var i = 0; i < len; i++) {\n-                touch = evt.touches[i];\n-                touches[i] = {\n-                    clientX: touch.olClientX,\n-                    clientY: touch.olClientY\n-                };\n-            }\n-        }\n-        return {\n-            xy: evt.xy,\n-            touches: touches\n-        };\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the handler.\n-     *\n-     * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n-            this.down = null;\n-            this.first = null;\n-            this.last = null;\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Click\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/TouchNavigation.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Control/PinchZoom.js\n- * @requires OpenLayers/Handler/Click.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.TouchNavigation\n- * The navigation control handles map browsing with touch events (dragging,\n- *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n- *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n- *\n- * If you\u2019re only targeting touch enabled devices with your mapping application,\n- *     you can create a map with only a TouchNavigation control. The \n- *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n- *     you can generate a smaller build of the library by only including this\n- *     touch navigation control if you aren't concerned about mouse interaction.\n- *\n- * Inherits:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>}\n-     */\n-    dragPan: null,\n-\n-    /**\n-     * APIProperty: dragPanOptions\n-     * {Object} Options passed to the DragPan control.\n-     */\n-    dragPanOptions: null,\n-\n-    /**\n-     * Property: pinchZoom\n-     * {<OpenLayers.Control.PinchZoom>}\n-     */\n-    pinchZoom: null,\n-\n-    /**\n-     * APIProperty: pinchZoomOptions\n-     * {Object} Options passed to the PinchZoom control.\n-     */\n-    pinchZoomOptions: null,\n-\n-    /**\n-     * APIProperty: clickHandlerOptions\n-     * {Object} Options passed to the Click handler.\n-     */\n-    clickHandlerOptions: null,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} Allow panning of the map by dragging outside map viewport.\n-     *     Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.TouchNavigation\n-     * Create a new navigation control\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n-     */\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy();\n-        }\n-        this.dragPan = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom;\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    /**\n-     * Method: draw\n-     */\n-    draw: function() {\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n-        };\n-        var clickOptions = OpenLayers.Util.extend({\n-            \"double\": true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, clickCallbacks, clickOptions\n-        );\n-        this.dragPan = new OpenLayers.Control.DragPan(\n-            OpenLayers.Util.extend({\n-                map: this.map,\n-                documentDrag: this.documentDrag\n-            }, this.dragPanOptions)\n-        );\n-        this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-            OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions)\n-        );\n-    },\n-\n-    /**\n-     * Method: defaultClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut();\n-        }\n-    },\n-\n-    /**\n-     * Method: defaultDblClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/DrawFeature.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.DrawFeature\n- * The DrawFeature control draws point, line or polygon features on a vector\n- * layer when active.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n-     */\n-    callbacks: null,\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * featureadded - Triggered when a feature is added\n-     */\n-\n-    /**\n-     * APIProperty: multi\n-     * {Boolean} Cast features to multi-part geometries before passing to the\n-     *     layer.  Default is false.\n-     */\n-    multi: false,\n-\n-    /**\n-     * APIProperty: featureAdded\n-     * {Function} Called after each feature is added\n-     */\n-    featureAdded: function() {},\n-\n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-\n-    /**\n-     * Constructor: OpenLayers.Control.DrawFeature\n-     * \n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} \n-     * handler - {<OpenLayers.Handler>} \n-     * options - {Object} \n-     */\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-                done: this.drawFeature,\n-                modify: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchmodified\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n-                },\n-                create: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchstarted\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n-                }\n-            },\n-            this.callbacks\n-        );\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-            this.handlerOptions.layerOptions, {\n-                renderers: layer.renderers,\n-                rendererOptions: layer.rendererOptions\n-            }\n-        );\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi;\n-        }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-                this.handlerOptions.layerOptions, {\n-                    styleMap: new OpenLayers.StyleMap({\n-                        \"default\": sketchStyle\n-                    })\n-                }\n-            );\n-        }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n-    },\n-\n-    /**\n-     * Method: drawFeature\n-     */\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\n-            \"sketchcomplete\", {\n-                feature: feature\n-            }\n-        );\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n-            });\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: insertXY\n-     * Insert a point in the current sketch given x & y coordinates.\n-     *\n-     * Parameters:\n-     * x - {Number} The x-coordinate of the point.\n-     * y - {Number} The y-coordinate of the point.\n-     */\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: insertDeltaXY\n-     * Insert a point given offsets from the previously inserted point.\n-     *\n-     * Parameters:\n-     * dx - {Number} The x-coordinate offset of the point.\n-     * dy - {Number} The y-coordinate offset of the point.\n-     */\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: insertDirectionLength\n-     * Insert a point in the current sketch given a direction and a length.\n-     *\n-     * Parameters:\n-     * direction - {Number} Degrees clockwise from the positive x-axis.\n-     * length - {Number} Distance from the previously drawn point.\n-     */\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: insertDeflectionLength\n-     * Insert a point in the current sketch given a deflection and a length.\n-     *     The deflection should be degrees clockwise from the previously \n-     *     digitized segment.\n-     *\n-     * Parameters:\n-     * deflection - {Number} Degrees clockwise from the previous segment.\n-     * length - {Number} Distance from the previously drawn point.\n-     */\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: undo\n-     * Remove the most recently added point in the current sketch geometry.\n-     *\n-     * Returns: \n-     * {Boolean} An edit was undone.\n-     */\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo();\n-    },\n-\n-    /**\n-     * APIMethod: redo\n-     * Reinsert the most recently removed point resulting from an <undo> call.\n-     *     The undo stack is deleted whenever a point is added by other means.\n-     *\n-     * Returns: \n-     * {Boolean} An edit was redone.\n-     */\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo();\n-    },\n-\n-    /**\n-     * APIMethod: finishSketch\n-     * Finishes the sketch without including the currently drawn point.\n-     *     This method can be called to terminate drawing programmatically\n-     *     instead of waiting for the user to end the sketch.\n-     */\n-    finishSketch: function() {\n-        this.handler.finishGeometry();\n-    },\n-\n-    /**\n-     * APIMethod: cancel\n-     * Cancel the current sketch.  This removes the current sketch and keeps\n-     *     the drawing control active.\n-     */\n-    cancel: function() {\n-        this.handler.cancel();\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Keyboard.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.handler.Keyboard\n- * A handler for keyboard events.  Create a new instance with the\n- *     <OpenLayers.Handler.Keyboard> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Handler> \n- */\n-OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n-        key handling quirks in pretty nice detail */\n-\n-    /** \n-     * Constant: KEY_EVENTS\n-     * keydown, keypress, keyup\n-     */\n-    KEY_EVENTS: [\"keydown\", \"keyup\"],\n-\n-    /** \n-     * Property: eventListener\n-     * {Function}\n-     */\n-    eventListener: null,\n-\n-    /**\n-     * Property: observeElement\n-     * {DOMElement|String} The DOM element on which we listen for\n-     *     key events. Default to the document.\n-     */\n-    observeElement: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Keyboard\n-     * Returns a new keyboard handler.\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        // cache the bound event listener method so it can be unobserved later\n-        this.eventListener = OpenLayers.Function.bindAsEventListener(\n-            this.handleKeyEvent, this\n-        );\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        this.eventListener = null;\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.observeElement = this.observeElement || document;\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.observe(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.stopObserving(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: handleKeyEvent \n-     */\n-    handleKeyEvent: function(evt) {\n-        if (this.checkModifiers(evt)) {\n-            this.callback(evt.type, [evt]);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ModifyFeature.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- * @requires OpenLayers/Handler/Keyboard.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.ModifyFeature\n- * Control to modify features.  When activated, a click renders the vertices\n- *     of a feature - these vertices can then be dragged.  By default, the\n- *     delete key will delete the vertex under the mouse.  New features are\n- *     added by dragging \"virtual vertices\" between vertices.  Create a new\n- *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n- *\n- * Inherits From:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, dragging vertices will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict modification to a limited set of geometry\n-     *     types, send a list of strings corresponding to the geometry class\n-     *     names.\n-     */\n-    geometryTypes: null,\n-\n-    /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n      */\n     clickout: true,\n \n     /**\n      * APIProperty: toggle\n      * {Boolean} Unselect a selected feature on click.\n      *      Default is true.\n@@ -26732,14 +21504,224 @@\n OpenLayers.Control.ModifyFeature.ROTATE = 4;\n /**\n  * Constant: DRAG\n  * {Integer} Constant used to make the control work in drag mode\n  */\n OpenLayers.Control.ModifyFeature.DRAG = 8;\n /* ======================================================================\n+    OpenLayers/Events/buttonclick.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Events.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Events.buttonclick\n+ * Extension event type for handling buttons on top of a dom element. This\n+ *     event type fires \"buttonclick\" on its <target> when a button was\n+ *     clicked. Buttons are detected by the \"olButton\" class.\n+ *\n+ * This event type makes sure that button clicks do not interfere with other\n+ *     events that are registered on the same <element>.\n+ *\n+ * Event types provided by this extension:\n+ * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n+ *     object with a *buttonElement* property referencing the dom element of\n+ *     the clicked button, and an *buttonXY* property with the click position\n+ *     relative to the button.\n+ */\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n+\n+    /**\n+     * Property: target\n+     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n+     * be triggered on.\n+     */\n+    target: null,\n+\n+    /**\n+     * Property: events\n+     * {Array} Events to observe and conditionally stop from propagating when\n+     *     an element with the olButton class (or its olAlphaImg child) is\n+     *     clicked.\n+     */\n+    events: [\n+        'mousedown', 'mouseup', 'click', 'dblclick',\n+        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    ],\n+\n+    /**\n+     * Property: startRegEx\n+     * {RegExp} Regular expression to test Event.type for events that start\n+     *     a buttonclick sequence.\n+     */\n+    startRegEx: /^mousedown|touchstart$/,\n+\n+    /**\n+     * Property: cancelRegEx\n+     * {RegExp} Regular expression to test Event.type for events that cancel\n+     *     a buttonclick sequence.\n+     */\n+    cancelRegEx: /^touchmove$/,\n+\n+    /**\n+     * Property: completeRegEx\n+     * {RegExp} Regular expression to test Event.type for events that complete\n+     *     a buttonclick sequence.\n+     */\n+    completeRegEx: /^mouseup|touchend$/,\n+\n+    /**\n+     * Property: startEvt\n+     * {Event} The event that started the click sequence\n+     */\n+\n+    /**\n+     * Constructor: OpenLayers.Events.buttonclick\n+     * Construct a buttonclick event type. Applications are not supposed to\n+     *     create instances of this class - they are created on demand by\n+     *     <OpenLayers.Events> instances.\n+     *\n+     * Parameters:\n+     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n+     *     event will be triggered on.\n+     */\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            });\n+        }\n+    },\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick);\n+        }\n+        delete this.target;\n+    },\n+\n+    /**\n+     * Method: getPressedButton\n+     * Get the pressed button, if any. Returns undefined if no button\n+     * was pressed.\n+     *\n+     * Arguments:\n+     * element - {DOMElement} The event target.\n+     *\n+     * Returns:\n+     * {DOMElement} The button element, or undefined.\n+     */\n+    getPressedButton: function(element) {\n+        var depth = 3, // limit the search depth\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                // hit!\n+                button = element;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return button;\n+    },\n+\n+    /**\n+     * Method: ignore\n+     * Check for event target elements that should be ignored by OpenLayers.\n+     *\n+     * Parameters:\n+     * element - {DOMElement} The event target.\n+     */\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === 'a') {\n+                ignore = true;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return ignore;\n+    },\n+\n+    /**\n+     * Method: buttonClick\n+     * Check if a button was clicked, and fire the buttonclick event\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            // was a button pressed?\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break;\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        });\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt;\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n+                }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt;\n+            }\n+        }\n+        return propagate;\n+    }\n+\n+});\n+/* ======================================================================\n     OpenLayers/Control/Zoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -27331,95 +22313,2178 @@\n                 this.map.getLayerIndex(this.layer));\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Vector/RootContainer.js\n+    OpenLayers/Renderer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Vector.RootContainer\n- * A special layer type to combine multiple vector layers inside a single\n- *     renderer root container. This class is not supposed to be instantiated\n- *     from user space, it is a helper class for controls that require event\n- *     processing for multiple vector layers.\n+ * Class: OpenLayers.Renderer \n+ * This is the base class for all renderers.\n+ *\n+ * This is based on a merger code written by Paul Spencer and Bertil Chapuis.\n+ * It is largely composed of virtual functions that are to be implemented\n+ * in technology-specific subclasses, but there is some generic code too.\n+ * \n+ * The functions that *are* implemented here merely deal with the maintenance\n+ *  of the size and extent variables, as well as the cached 'resolution' \n+ *  value. \n+ * \n+ * A note to the user that all subclasses should use getResolution() instead\n+ *  of directly accessing this.resolution in order to correctly use the \n+ *  cacheing system.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n  */\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+OpenLayers.Renderer = OpenLayers.Class({\n \n-    /**\n-     * Property: displayInLayerSwitcher\n-     * Set to false for this layer type\n+    /** \n+     * Property: container\n+     * {DOMElement} \n      */\n-    displayInLayerSwitcher: false,\n+    container: null,\n \n     /**\n-     * APIProperty: layers\n-     * Layers that are attached to this container. Required config option.\n+     * Property: root\n+     * {DOMElement}\n      */\n-    layers: null,\n+    root: null,\n \n-    /**\n-     * Constructor: OpenLayers.Layer.Vector.RootContainer\n-     * Create a new root container for multiple vector layer. This constructor\n-     * is not supposed to be used from user space, it is only to be used by\n-     * controls that need feature selection across multiple vector layers.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n-     * \n-     * Required options properties:\n-     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n-     *     container\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n-     *     container\n+    /** \n+     * Property: extent\n+     * {<OpenLayers.Bounds>}\n      */\n+    extent: null,\n \n     /**\n-     * Method: display\n+     * Property: locked\n+     * {Boolean} If the renderer is currently in a state where many things\n+     *     are changing, the 'locked' property is set to true. This means \n+     *     that renderers can expect at least one more drawFeature event to be\n+     *     called with the 'locked' property set to 'true': In some renderers,\n+     *     this might make sense to use as a 'only update local information'\n+     *     flag. \n      */\n-    display: function() {},\n+    locked: false,\n \n-    /**\n-     * Method: getFeatureFromEvent\n-     * walk through the layers to find the feature returned by the event\n-     * \n-     * Parameters:\n-     * evt - {Object} event object with a feature property\n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n+    /** \n+     * Property: size\n+     * {<OpenLayers.Size>} \n      */\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature;\n-            }\n-        }\n-    },\n+    size: null,\n+\n+    /**\n+     * Property: resolution\n+     * {Float} cache of current map resolution\n+     */\n+    resolution: null,\n+\n+    /**\n+     * Property: map  \n+     * {<OpenLayers.Map>} Reference to the map -- this is set in Vector's setMap()\n+     */\n+    map: null,\n+\n+    /**\n+     * Property: featureDx\n+     * {Number} Feature offset in x direction. Will be calculated for and\n+     * applied to the current feature while rendering (see\n+     * <calculateFeatureDx>).\n+     */\n+    featureDx: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Renderer \n+     *\n+     * Parameters:\n+     * containerID - {<String>} \n+     * options - {Object} options for this renderer. See sublcasses for\n+     *     supported options.\n+     */\n+    initialize: function(containerID, options) {\n+        this.container = OpenLayers.Util.getElement(containerID);\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+        this.container = null;\n+        this.extent = null;\n+        this.size = null;\n+        this.resolution = null;\n+        this.map = null;\n+    },\n+\n+    /**\n+     * APIMethod: supported\n+     * This should be overridden by specific subclasses\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the renderer class\n+     */\n+    supported: function() {\n+        return false;\n+    },\n+\n+    /**\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n+     *\n+     * Resolution has probably changed, so we nullify the resolution \n+     * cache (this.resolution) -- this way it will be re-computed when \n+     * next it is needed.\n+     * We nullify the resolution cache (this.resolution) if resolutionChanged\n+     * is set to true - this way it will be re-computed on the next\n+     * getResolution() request.\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     *\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        this.extent = extent.clone();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio);\n+            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio);\n+        }\n+        if (resolutionChanged) {\n+            this.resolution = null;\n+        }\n+        return true;\n+    },\n+\n+    /**\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     * \n+     * Resolution has probably changed, so we nullify the resolution \n+     * cache (this.resolution) -- this way it will be re-computed when \n+     * next it is needed.\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} \n+     */\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        this.resolution = null;\n+    },\n+\n+    /** \n+     * Method: getResolution\n+     * Uses cached copy of resolution if available to minimize computing\n+     * \n+     * Returns:\n+     * {Float} The current map's resolution\n+     */\n+    getResolution: function() {\n+        this.resolution = this.resolution || this.map.getResolution();\n+        return this.resolution;\n+    },\n+\n+    /**\n+     * Method: drawFeature\n+     * Draw the feature.  The optional style argument can be used\n+     * to override the feature's own style.  This method should only\n+     * be called from layer.drawFeature().\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {<Object>}\n+     * \n+     * Returns:\n+     * {Boolean} true if the feature has been drawn completely, false if not,\n+     *     undefined if the feature had no geometry\n+     */\n+    drawFeature: function(feature, style) {\n+        if (style == null) {\n+            style = feature.style;\n+        }\n+        if (feature.geometry) {\n+            var bounds = feature.geometry.getBounds();\n+            if (bounds) {\n+                var worldBounds;\n+                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                    worldBounds = this.map.getMaxExtent();\n+                }\n+                if (!bounds.intersectsBounds(this.extent, {\n+                        worldBounds: worldBounds\n+                    })) {\n+                    style = {\n+                        display: \"none\"\n+                    };\n+                } else {\n+                    this.calculateFeatureDx(bounds, worldBounds);\n+                }\n+                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n+                if (style.display != \"none\" && style.label && rendered !== false) {\n+\n+                    var location = feature.geometry.getCentroid();\n+                    if (style.labelXOffset || style.labelYOffset) {\n+                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n+                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n+                        var res = this.getResolution();\n+                        location.move(xOffset * res, yOffset * res);\n+                    }\n+                    this.drawText(feature.id, style, location);\n+                } else {\n+                    this.removeText(feature.id);\n+                }\n+                return rendered;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: calculateFeatureDx\n+     * {Number} Calculates the feature offset in x direction. Looking at the\n+     * center of the feature bounds and the renderer extent, we calculate how\n+     * many world widths the two are away from each other. This distance is\n+     * used to shift the feature as close as possible to the center of the\n+     * current enderer extent, which ensures that the feature is visible in the\n+     * current viewport.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} Bounds of the feature\n+     * worldBounds - {<OpenLayers.Bounds>} Bounds of the world\n+     */\n+    calculateFeatureDx: function(bounds, worldBounds) {\n+        this.featureDx = 0;\n+        if (worldBounds) {\n+            var worldWidth = worldBounds.getWidth(),\n+                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n+                featureCenterX = (bounds.left + bounds.right) / 2,\n+                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n+            this.featureDx = worldsAway * worldWidth;\n+        }\n+    },\n+\n+    /** \n+     * Method: drawGeometry\n+     * \n+     * Draw a geometry.  This should only be called from the renderer itself.\n+     * Use layer.drawFeature() from outside the renderer.\n+     * virtual function\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * style - {Object} \n+     * featureId - {<String>} \n+     */\n+    drawGeometry: function(geometry, style, featureId) {},\n+\n+    /**\n+     * Method: drawText\n+     * Function for drawing text labels.\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n+     */\n+    drawText: function(featureId, style, location) {},\n+\n+    /**\n+     * Method: removeText\n+     * Function for removing text labels.\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     */\n+    removeText: function(featureId) {},\n+\n+    /**\n+     * Method: clear\n+     * Clear all vectors from the renderer.\n+     * virtual function.\n+     */\n+    clear: function() {},\n+\n+    /**\n+     * Method: getFeatureIdFromEvent\n+     * Returns a feature id from an event on the renderer.  \n+     * How this happens is specific to the renderer.  This should be\n+     * called from layer.getFeatureFromEvent().\n+     * Virtual function.\n+     * \n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n+     *\n+     * Returns:\n+     * {String} A feature id or undefined.\n+     */\n+    getFeatureIdFromEvent: function(evt) {},\n+\n+    /**\n+     * Method: eraseFeatures \n+     * This is called by the layer to erase features\n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    eraseFeatures: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            var feature = features[i];\n+            this.eraseGeometry(feature.geometry, feature.id);\n+            this.removeText(feature.id);\n+        }\n+    },\n+\n+    /**\n+     * Method: eraseGeometry\n+     * Remove a geometry from the renderer (by id).\n+     * virtual function.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * featureId - {String}\n+     */\n+    eraseGeometry: function(geometry, featureId) {},\n+\n+    /**\n+     * Method: moveRoot\n+     * moves this renderer's root to a (different) renderer.\n+     * To be implemented by subclasses that require a common renderer root for\n+     * feature selection.\n+     * \n+     * Parameters:\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     */\n+    moveRoot: function(renderer) {},\n+\n+    /**\n+     * Method: getRenderLayerId\n+     * Gets the layer that this renderer's output appears on. If moveRoot was\n+     * used, this will be different from the id of the layer containing the\n+     * features rendered by this renderer.\n+     * \n+     * Returns:\n+     * {String} the id of the output layer.\n+     */\n+    getRenderLayerId: function() {\n+        return this.container.id;\n+    },\n+\n+    /**\n+     * Method: applyDefaultSymbolizer\n+     * \n+     * Parameters:\n+     * symbolizer - {Object}\n+     * \n+     * Returns:\n+     * {Object}\n+     */\n+    applyDefaultSymbolizer: function(symbolizer) {\n+        var result = OpenLayers.Util.extend({},\n+            OpenLayers.Renderer.defaultSymbolizer);\n+        if (symbolizer.stroke === false) {\n+            delete result.strokeWidth;\n+            delete result.strokeColor;\n+        }\n+        if (symbolizer.fill === false) {\n+            delete result.fillColor;\n+        }\n+        OpenLayers.Util.extend(result, symbolizer);\n+        return result;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Renderer\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Renderer.defaultSymbolizer\n+ * {Object} Properties from this symbolizer will be applied to symbolizers\n+ *     with missing properties. This can also be used to set a global\n+ *     symbolizer default in OpenLayers. To be SLD 1.x compliant, add the\n+ *     following code before rendering any vector features:\n+ * (code)\n+ * OpenLayers.Renderer.defaultSymbolizer = {\n+ *     fillColor: \"#808080\",\n+ *     fillOpacity: 1,\n+ *     strokeColor: \"#000000\",\n+ *     strokeOpacity: 1,\n+ *     strokeWidth: 1,\n+ *     pointRadius: 3,\n+ *     graphicName: \"square\"\n+ * };\n+ * (end)\n+ */\n+OpenLayers.Renderer.defaultSymbolizer = {\n+    fillColor: \"#000000\",\n+    strokeColor: \"#000000\",\n+    strokeWidth: 2,\n+    fillOpacity: 1,\n+    strokeOpacity: 1,\n+    pointRadius: 0,\n+    labelAlign: 'cm'\n+};\n+\n+\n+\n+/**\n+ * Constant: OpenLayers.Renderer.symbol\n+ * Coordinate arrays for well known (named) symbols.\n+ */\n+OpenLayers.Renderer.symbol = {\n+    \"star\": [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301,\n+        303, 215, 231, 161, 321, 161, 350, 75\n+    ],\n+    \"cross\": [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4,\n+        4, 0\n+    ],\n+    \"x\": [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n+    \"square\": [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n+    \"triangle\": [0, 10, 10, 10, 5, 0, 0, 10]\n+};\n+/* ======================================================================\n+    OpenLayers/Style.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Style\n+ * This class represents a UserStyle obtained\n+ *     from a SLD, containing styling rules.\n+ */\n+OpenLayers.Style = OpenLayers.Class({\n+\n+    /**\n+     * Property: id\n+     * {String} A unique id for this session.\n+     */\n+    id: null,\n+\n+    /**\n+     * APIProperty: name\n+     * {String}\n+     */\n+    name: null,\n+\n+    /**\n+     * Property: title\n+     * {String} Title of this style (set if included in SLD)\n+     */\n+    title: null,\n+\n+    /**\n+     * Property: description\n+     * {String} Description of this style (set if abstract is included in SLD)\n+     */\n+    description: null,\n+\n+    /**\n+     * APIProperty: layerName\n+     * {<String>} name of the layer that this style belongs to, usually\n+     * according to the NamedLayer attribute of an SLD document.\n+     */\n+    layerName: null,\n+\n+    /**\n+     * APIProperty: isDefault\n+     * {Boolean}\n+     */\n+    isDefault: false,\n+\n+    /** \n+     * Property: rules \n+     * {Array(<OpenLayers.Rule>)}\n+     */\n+    rules: null,\n+\n+    /**\n+     * APIProperty: context\n+     * {Object} An optional object with properties that symbolizers' property\n+     * values should be evaluated against. If no context is specified,\n+     * feature.attributes will be used\n+     */\n+    context: null,\n+\n+    /**\n+     * Property: defaultStyle\n+     * {Object} hash of style properties to use as default for merging\n+     * rule-based style symbolizers onto. If no rules are defined,\n+     * createSymbolizer will return this style. If <defaultsPerSymbolizer> is set to\n+     * true, the defaultStyle will only be taken into account if there are\n+     * rules defined.\n+     */\n+    defaultStyle: null,\n+\n+    /**\n+     * Property: defaultsPerSymbolizer\n+     * {Boolean} If set to true, the <defaultStyle> will extend the symbolizer\n+     * of every rule. Properties of the <defaultStyle> will also be used to set\n+     * missing symbolizer properties if the symbolizer has stroke, fill or\n+     * graphic set to true. Default is false.\n+     */\n+    defaultsPerSymbolizer: false,\n+\n+    /**\n+     * Property: propertyStyles\n+     * {Hash of Boolean} cache of style properties that need to be parsed for\n+     * propertyNames. Property names are keys, values won't be used.\n+     */\n+    propertyStyles: null,\n+\n+\n+    /** \n+     * Constructor: OpenLayers.Style\n+     * Creates a UserStyle.\n+     *\n+     * Parameters:\n+     * style        - {Object} Optional hash of style properties that will be\n+     *                used as default style for this style object. This style\n+     *                applies if no rules are specified. Symbolizers defined in\n+     *                rules will extend this default style.\n+     * options - {Object} An optional object with properties to set on the\n+     *     style.\n+     *\n+     * Valid options:\n+     * rules - {Array(<OpenLayers.Rule>)} List of rules to be added to the\n+     *     style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>}\n+     */\n+    initialize: function(style, options) {\n+\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules);\n+        }\n+\n+        // use the default style from OpenLayers.Feature.Vector if no style\n+        // was given in the constructor\n+        this.setDefaultStyle(style ||\n+            OpenLayers.Feature.Vector.style[\"default\"]);\n+\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n+\n+    /** \n+     * APIMethod: destroy\n+     * nullify references to prevent circular references and memory leaks\n+     */\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null;\n+        }\n+        this.rules = null;\n+        this.defaultStyle = null;\n+    },\n+\n+    /**\n+     * Method: createSymbolizer\n+     * creates a style by applying all feature-dependent rules to the base\n+     * style.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature>} feature to evaluate rules for\n+     * \n+     * Returns:\n+     * {Object} symbolizer hash\n+     */\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(\n+            OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+\n+        var rules = this.rules;\n+\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            // does the rule apply?\n+            var applies = rule.evaluate(feature);\n+\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule);\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature);\n+                }\n+            }\n+        }\n+\n+        // if no other rules apply, apply the rules with else filters\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature);\n+            }\n+        }\n+\n+        // don't display if there were rules but none applied\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\";\n+        }\n+\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label);\n+        }\n+\n+        return style;\n+    },\n+\n+    /**\n+     * Method: applySymbolizer\n+     *\n+     * Parameters:\n+     * rule - {<OpenLayers.Rule>}\n+     * style - {Object}\n+     * feature - {<OpenLayer.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {Object} A style with new symbolizer applied.\n+     */\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ?\n+            this.getSymbolizerPrefix(feature.geometry) :\n+            OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n+\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n+\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                });\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                });\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                });\n+            }\n+        }\n+\n+        // merge the style with the current style\n+        return this.createLiterals(\n+            OpenLayers.Util.extend(style, symbolizer), feature);\n+    },\n+\n+    /**\n+     * Method: createLiterals\n+     * creates literals for all style properties that have an entry in\n+     * <this.propertyStyles>.\n+     * \n+     * Parameters:\n+     * style   - {Object} style to create literals for. Will be modified\n+     *           inline.\n+     * feature - {Object}\n+     * \n+     * Returns:\n+     * {Object} the modified style\n+     */\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i);\n+        }\n+        return style;\n+    },\n+\n+    /**\n+     * Method: findPropertyStyles\n+     * Looks into all rules for this style and the defaultStyle to collect\n+     * all the style hash property names containing ${...} strings that have\n+     * to be replaced using the createLiteral method before returning them.\n+     * \n+     * Returns:\n+     * {Object} hash of property names that need createLiteral parsing. The\n+     * name of the property is the key, and the value is true;\n+     */\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n+\n+        // check the default style\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+\n+        // walk through all rules to check for properties in their symbolizer\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    // symbolizer key is \"Point\", \"Line\" or \"Polygon\"\n+                    this.addPropertyStyles(propertyStyles, value);\n+                } else {\n+                    // symbolizer is a hash of style properties\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break;\n+                }\n+            }\n+        }\n+        return propertyStyles;\n+    },\n+\n+    /**\n+     * Method: addPropertyStyles\n+     * \n+     * Parameters:\n+     * propertyStyles - {Object} hash to add new property styles to. Will be\n+     *                  modified inline\n+     * symbolizer     - {Object} search this symbolizer for property styles\n+     * \n+     * Returns:\n+     * {Object} propertyStyles hash\n+     */\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" &&\n+                property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true;\n+            }\n+        }\n+        return propertyStyles;\n+    },\n+\n+    /**\n+     * APIMethod: addRules\n+     * Adds rules to this style.\n+     * \n+     * Parameters:\n+     * rules - {Array(<OpenLayers.Rule>)}\n+     */\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles();\n+    },\n+\n+    /**\n+     * APIMethod: setDefaultStyle\n+     * Sets the default style for this style object.\n+     * \n+     * Parameters:\n+     * style - {Object} Hash of style properties\n+     */\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles();\n+    },\n+\n+    /**\n+     * Method: getSymbolizerPrefix\n+     * Returns the correct symbolizer prefix according to the\n+     * geometry type of the passed geometry\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {String} key of the according symbolizer\n+     */\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i];\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: clone\n+     * Clones this style.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Style>} Clone of this style.\n+     */\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        // clone rules\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone());\n+            }\n+        }\n+        // clone context\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        //clone default style\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Style\"\n+});\n+\n+\n+/**\n+ * Function: createLiteral\n+ * converts a style value holding a combination of PropertyName and Literal\n+ * into a Literal, taking the property values from the passed features.\n+ * \n+ * Parameters:\n+ * value - {String} value to parse. If this string contains a construct like\n+ *         \"foo ${bar}\", then \"foo \" will be taken as literal, and \"${bar}\"\n+ *         will be replaced by the value of the \"bar\" attribute of the passed\n+ *         feature.\n+ * context - {Object} context to take attribute values from\n+ * feature - {<OpenLayers.Feature.Vector>} optional feature to pass to\n+ *           <OpenLayers.String.format> for evaluating functions in the\n+ *           context.\n+ * property - {String} optional, name of the property for which the literal is\n+ *            being created for evaluating functions in the context.\n+ * \n+ * Returns:\n+ * {String} the parsed value. In the example of the value parameter above, the\n+ * result would be \"foo valueOfBar\", assuming that the passed feature has an\n+ * attribute named \"bar\" with the value \"valueOfBar\".\n+ */\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = (isNaN(value) || !value) ? value : parseFloat(value);\n+    }\n+    return value;\n+};\n+\n+/**\n+ * Constant: OpenLayers.Style.SYMBOLIZER_PREFIXES\n+ * {Array} prefixes of the sld symbolizers. These are the\n+ * same as the main geometry types\n+ */\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = ['Point', 'Line', 'Polygon', 'Text',\n+    'Raster'\n+];\n+/* ======================================================================\n+    OpenLayers/StyleMap.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.StyleMap\n+ */\n+OpenLayers.StyleMap = OpenLayers.Class({\n+\n+    /**\n+     * Property: styles\n+     * {Object} Hash of {<OpenLayers.Style>}, keyed by names of well known\n+     * rendering intents (e.g. \"default\", \"temporary\", \"select\", \"delete\").\n+     */\n+    styles: null,\n+\n+    /**\n+     * Property: extendDefault\n+     * {Boolean} if true, every render intent will extend the symbolizers\n+     * specified for the \"default\" intent at rendering time. Otherwise, every\n+     * rendering intent will be treated as a completely independent style.\n+     */\n+    extendDefault: true,\n+\n+    /**\n+     * Constructor: OpenLayers.StyleMap\n+     * \n+     * Parameters:\n+     * style   - {Object} Optional. Either a style hash, or a style object, or\n+     *           a hash of style objects (style hashes) keyed by rendering\n+     *           intent. If just one style hash or style object is passed,\n+     *           this will be used for all known render intents (default,\n+     *           select, temporary)\n+     * options - {Object} optional hash of additional options for this\n+     *           instance\n+     */\n+    initialize: function(style, options) {\n+        this.styles = {\n+            \"default\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"default\"]),\n+            \"select\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"select\"]),\n+            \"temporary\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            \"delete\": new OpenLayers.Style(\n+                OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+\n+        // take whatever the user passed as style parameter and convert it\n+        // into parts of stylemap.\n+        if (style instanceof OpenLayers.Style) {\n+            // user passed a style object\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style;\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    // user passed a hash of style objects\n+                    this.styles[key] = style[key];\n+                } else if (typeof style[key] == \"object\") {\n+                    // user passsed a hash of style hashes\n+                    this.styles[key] = new OpenLayers.Style(style[key]);\n+                } else {\n+                    // user passed a style hash (i.e. symbolizer)\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break;\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy();\n+        }\n+        this.styles = null;\n+    },\n+\n+    /**\n+     * Method: createSymbolizer\n+     * Creates the symbolizer for a feature for a render intent.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature>} The feature to evaluate the rules\n+     *           of the intended style against.\n+     * intent  - {String} The intent determines the symbolizer that will be\n+     *           used to draw the feature. Well known intents are \"default\"\n+     *           (for just drawing the features), \"select\" (for selected\n+     *           features) and \"temporary\" (for drawing features).\n+     * \n+     * Returns:\n+     * {Object} symbolizer hash\n+     */\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector();\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\";\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature);\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer,\n+            this.styles[intent].createSymbolizer(feature));\n+    },\n+\n+    /**\n+     * Method: addUniqueValueRules\n+     * Convenience method to create comparison rules for unique values of a\n+     * property. The rules will be added to the style object for a specified\n+     * rendering intent. This method is a shortcut for creating something like\n+     * the \"unique value legends\" familiar from well known desktop GIS systems\n+     * \n+     * Parameters:\n+     * renderIntent - {String} rendering intent to add the rules to\n+     * property     - {String} values of feature attributes to create the\n+     *                rules for\n+     * symbolizers  - {Object} Hash of symbolizers, keyed by the desired\n+     *                property values \n+     * context      - {Object} An optional object with properties that\n+     *                symbolizers' property values should be evaluated\n+     *                against. If no context is specified, feature.attributes\n+     *                will be used\n+     */\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }));\n+        }\n+        this.styles[renderIntent].addRules(rules);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/Vector.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/StyleMap.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.Vector\n+ * Instances of OpenLayers.Layer.Vector are used to render vector data from\n+ *     a variety of sources. Create a new vector layer with the\n+ *     <OpenLayers.Layer.Vector> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer>\n+ */\n+OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>}\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * layer.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Listeners will be called with a reference to an event object.  The\n+     *     properties of this event depends on exactly what happened.\n+     *\n+     * All event objects have at least the following properties:\n+     * object - {Object} A reference to layer.events.object.\n+     * element - {DOMElement} A reference to layer.events.element.\n+     *\n+     * Supported map event types (in addition to those from <OpenLayers.Layer.events>):\n+     * beforefeatureadded - Triggered before a feature is added.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be added.  To stop the feature from being added, a\n+     *      listener should return false.\n+     * beforefeaturesadded - Triggered before an array of features is added.\n+     *      Listeners will receive an object with a *features* property\n+     *      referencing the feature to be added. To stop the features from\n+     *      being added, a listener should return false.\n+     * featureadded - Triggered after a feature is added.  The event\n+     *      object passed to listeners will have a *feature* property with a\n+     *      reference to the added feature.\n+     * featuresadded - Triggered after features are added.  The event\n+     *      object passed to listeners will have a *features* property with a\n+     *      reference to an array of added features.\n+     * beforefeatureremoved - Triggered before a feature is removed. Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be removed.\n+     * beforefeaturesremoved - Triggered before multiple features are removed. \n+     *      Listeners will receive an object with a *features* property\n+     *      referencing the features to be removed.\n+     * featureremoved - Triggerd after a feature is removed. The event\n+     *      object passed to listeners will have a *feature* property with a\n+     *      reference to the removed feature.\n+     * featuresremoved - Triggered after features are removed. The event\n+     *      object passed to listeners will have a *features* property with a\n+     *      reference to an array of removed features.\n+     * beforefeatureselected - Triggered before a feature is selected.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      feature to be selected. To stop the feature from being selectd, a\n+     *      listener should return false.\n+     * featureselected - Triggered after a feature is selected.  Listeners\n+     *      will receive an object with a *feature* property referencing the\n+     *      selected feature.\n+     * featureunselected - Triggered after a feature is unselected.\n+     *      Listeners will receive an object with a *feature* property\n+     *      referencing the unselected feature.\n+     * beforefeaturemodified - Triggered when a feature is selected to \n+     *      be modified.  Listeners will receive an object with a *feature* \n+     *      property referencing the selected feature.\n+     * featuremodified - Triggered when a feature has been modified.\n+     *      Listeners will receive an object with a *feature* property referencing \n+     *      the modified feature.\n+     * afterfeaturemodified - Triggered when a feature is finished being modified.\n+     *      Listeners will receive an object with a *feature* property referencing \n+     *      the modified feature.\n+     * vertexmodified - Triggered when a vertex within any feature geometry\n+     *      has been modified.  Listeners will receive an object with a\n+     *      *feature* property referencing the modified feature, a *vertex*\n+     *      property referencing the vertex modified (always a point geometry),\n+     *      and a *pixel* property referencing the pixel location of the\n+     *      modification.\n+     * vertexremoved - Triggered when a vertex within any feature geometry\n+     *      has been deleted.  Listeners will receive an object with a\n+     *      *feature* property referencing the modified feature, a *vertex*\n+     *      property referencing the vertex modified (always a point geometry),\n+     *      and a *pixel* property referencing the pixel location of the\n+     *      removal.\n+     * sketchstarted - Triggered when a feature sketch bound for this layer\n+     *      is started.  Listeners will receive an object with a *feature*\n+     *      property referencing the new sketch feature and a *vertex* property\n+     *      referencing the creation point.\n+     * sketchmodified - Triggered when a feature sketch bound for this layer\n+     *      is modified.  Listeners will receive an object with a *vertex*\n+     *      property referencing the modified vertex and a *feature* property\n+     *      referencing the sketch feature.\n+     * sketchcomplete - Triggered when a feature sketch bound for this layer\n+     *      is complete.  Listeners will receive an object with a *feature*\n+     *      property referencing the sketch feature.  By returning false, a\n+     *      listener can stop the sketch feature from being added to the layer.\n+     * refresh - Triggered when something wants a strategy to ask the protocol\n+     *      for a new set of features.\n+     */\n+\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is false.  Set this property\n+     * in the layer options.\n+     */\n+    isBaseLayer: false,\n+\n+    /** \n+     * APIProperty: isFixed\n+     * {Boolean} Whether the layer remains in one place while dragging the\n+     * map. Note that setting this to true will move the layer to the bottom\n+     * of the layer stack.\n+     */\n+    isFixed: false,\n+\n+    /** \n+     * APIProperty: features\n+     * {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    features: null,\n+\n+    /** \n+     * Property: filter\n+     * {<OpenLayers.Filter>} The filter set in this layer,\n+     *     a strategy launching read requests can combined\n+     *     this filter with its own filter.\n+     */\n+    filter: null,\n+\n+    /** \n+     * Property: selectedFeatures\n+     * {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    selectedFeatures: null,\n+\n+    /**\n+     * Property: unrenderedFeatures\n+     * {Object} hash of features, keyed by feature.id, that the renderer\n+     *     failed to draw\n+     */\n+    unrenderedFeatures: null,\n+\n+    /**\n+     * APIProperty: reportError\n+     * {Boolean} report friendly error message when loading of renderer\n+     * fails.\n+     */\n+    reportError: true,\n+\n+    /** \n+     * APIProperty: style\n+     * {Object} Default style for the layer\n+     */\n+    style: null,\n+\n+    /**\n+     * Property: styleMap\n+     * {<OpenLayers.StyleMap>}\n+     */\n+    styleMap: null,\n+\n+    /**\n+     * Property: strategies\n+     * {Array(<OpenLayers.Strategy>})} Optional list of strategies for the layer.\n+     */\n+    strategies: null,\n+\n+    /**\n+     * Property: protocol\n+     * {<OpenLayers.Protocol>} Optional protocol for the layer.\n+     */\n+    protocol: null,\n+\n+    /**\n+     * Property: renderers\n+     * {Array(String)} List of supported Renderer classes. Add to this list to\n+     * add support for additional renderers. This list is ordered:\n+     * the first renderer which returns true for the  'supported()'\n+     * method will be used, if not defined in the 'renderer' option.\n+     */\n+    renderers: ['SVG', 'VML', 'Canvas'],\n+\n+    /** \n+     * Property: renderer\n+     * {<OpenLayers.Renderer>}\n+     */\n+    renderer: null,\n+\n+    /**\n+     * APIProperty: rendererOptions\n+     * {Object} Options for the renderer. See {<OpenLayers.Renderer>} for\n+     *     supported options.\n+     */\n+    rendererOptions: null,\n+\n+    /** \n+     * APIProperty: geometryType\n+     * {String} geometryType allows you to limit the types of geometries this\n+     * layer supports. This should be set to something like\n+     * \"OpenLayers.Geometry.Point\" to limit types.\n+     */\n+    geometryType: null,\n+\n+    /** \n+     * Property: drawn\n+     * {Boolean} Whether the Vector Layer features have been drawn yet.\n+     */\n+    drawn: false,\n+\n+    /** \n+     * APIProperty: ratio\n+     * {Float} This specifies the ratio of the size of the visiblity of the Vector Layer features to the size of the map.\n+     */\n+    ratio: 1,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Vector\n+     * Create a new vector layer\n+     *\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector>} A new vector layer\n+     */\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+\n+        // allow user-set renderer, otherwise assign one\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.assignRenderer();\n+        }\n+\n+        // if no valid renderer found, display error\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.renderer = null;\n+            this.displayError();\n+        }\n+\n+        if (!this.styleMap) {\n+            this.styleMap = new OpenLayers.StyleMap();\n+        }\n+\n+        this.features = [];\n+        this.selectedFeatures = [];\n+        this.unrenderedFeatures = {};\n+\n+        // Allow for custom layer behavior\n+        if (this.strategies) {\n+            for (var i = 0, len = this.strategies.length; i < len; i++) {\n+                this.strategies[i].setLayer(this);\n+            }\n+        }\n+\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Destroy this layer\n+     */\n+    destroy: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoDestroy) {\n+                    strategy.destroy();\n+                }\n+            }\n+            this.strategies = null;\n+        }\n+        if (this.protocol) {\n+            if (this.protocol.autoDestroy) {\n+                this.protocol.destroy();\n+            }\n+            this.protocol = null;\n+        }\n+        this.destroyFeatures();\n+        this.features = null;\n+        this.selectedFeatures = null;\n+        this.unrenderedFeatures = null;\n+        if (this.renderer) {\n+            this.renderer.destroy();\n+        }\n+        this.renderer = null;\n+        this.geometryType = null;\n+        this.drawn = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: clone\n+     * Create a clone of this layer.\n+     * \n+     * Note: Features of the layer are also cloned.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector>} An exact clone of this layer\n+     */\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions());\n+        }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+        var features = this.features;\n+        var len = features.length;\n+        var clonedFeatures = new Array(len);\n+        for (var i = 0; i < len; ++i) {\n+            clonedFeatures[i] = features[i].clone();\n+        }\n+        obj.features = clonedFeatures;\n+\n+        return obj;\n+    },\n+\n+    /**\n+     * Method: refresh\n+     * Ask the layer to request features again and redraw them.  Triggers\n+     *     the refresh event if the layer is in range and visible.\n+     *\n+     * Parameters:\n+     * obj - {Object} Optional object with properties for any listener of\n+     *     the refresh event.\n+     */\n+    refresh: function(obj) {\n+        if (this.calculateInRange() && this.visibility) {\n+            this.events.triggerEvent(\"refresh\", obj);\n+        }\n+    },\n+\n+    /** \n+     * Method: assignRenderer\n+     * Iterates through the available renderer implementations and selects \n+     * and assigns the first one whose \"supported()\" function returns true.\n+     */\n+    assignRenderer: function() {\n+        for (var i = 0, len = this.renderers.length; i < len; i++) {\n+            var rendererClass = this.renderers[i];\n+            var renderer = (typeof rendererClass == \"function\") ?\n+                rendererClass :\n+                OpenLayers.Renderer[rendererClass];\n+            if (renderer && renderer.prototype.supported()) {\n+                this.renderer = new renderer(this.div, this.rendererOptions);\n+                break;\n+            }\n+        }\n+    },\n+\n+    /** \n+     * Method: displayError \n+     * Let the user know their browser isn't supported.\n+     */\n+    displayError: function() {\n+        if (this.reportError) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n+                renderers: this.renderers.join('\\n')\n+            }));\n+        }\n+    },\n+\n+    /** \n+     * Method: setMap\n+     * The layer has been added to the map. \n+     * \n+     * If there is no renderer set, the layer can't be used. Remove it.\n+     * Otherwise, give the renderer a reference to the map and set its size.\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+\n+        if (!this.renderer) {\n+            this.map.removeLayer(this);\n+        } else {\n+            this.renderer.map = this.map;\n+\n+            var newSize = this.map.getSize();\n+            newSize.w = newSize.w * this.ratio;\n+            newSize.h = newSize.h * this.ratio;\n+            this.renderer.setSize(newSize);\n+        }\n+    },\n+\n+    /**\n+     * Method: afterAdd\n+     * Called at the end of the map.addLayer sequence.  At this point, the map\n+     *     will have a base layer.  Any autoActivate strategies will be\n+     *     activated here.\n+     */\n+    afterAdd: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.activate();\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: removeMap\n+     * The layer has been removed from the map.\n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    removeMap: function(map) {\n+        this.drawn = false;\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.deactivate();\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: onMapResize\n+     * Notify the renderer of the change in size. \n+     * \n+     */\n+    onMapResize: function() {\n+        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n+\n+        var newSize = this.map.getSize();\n+        newSize.w = newSize.w * this.ratio;\n+        newSize.h = newSize.h * this.ratio;\n+        this.renderer.setSize(newSize);\n+    },\n+\n+    /**\n+     * Method: moveTo\n+     *  Reset the vector layer's div so that it once again is lined up with \n+     *   the map. Notify the renderer of the change of extent, and in the\n+     *   case of a change of zoom level (resolution), have the \n+     *   renderer redraw features.\n+     * \n+     *  If the layer has not yet been drawn, cycle through the layer's \n+     *   features and draw each one.\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * zoomChanged - {Boolean} \n+     * dragging - {Boolean} \n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+\n+        var coordSysUnchanged = true;\n+        if (!dragging) {\n+            this.renderer.root.style.visibility = 'hidden';\n+\n+            var viewSize = this.map.getSize(),\n+                viewWidth = viewSize.w,\n+                viewHeight = viewSize.h,\n+                offsetLeft = (viewWidth / 2 * this.ratio) - viewWidth / 2,\n+                offsetTop = (viewHeight / 2 * this.ratio) - viewHeight / 2;\n+            offsetLeft += this.map.layerContainerOriginPx.x;\n+            offsetLeft = -Math.round(offsetLeft);\n+            offsetTop += this.map.layerContainerOriginPx.y;\n+            offsetTop = -Math.round(offsetTop);\n+\n+            this.div.style.left = offsetLeft + 'px';\n+            this.div.style.top = offsetTop + 'px';\n+\n+            var extent = this.map.getExtent().scale(this.ratio);\n+            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n+\n+            this.renderer.root.style.visibility = 'visible';\n+\n+            // Force a reflow on gecko based browsers to prevent jump/flicker.\n+            // This seems to happen on only certain configurations; it was originally\n+            // noticed in FF 2.0 and Linux.\n+            if (OpenLayers.IS_GECKO === true) {\n+                this.div.scrollLeft = this.div.scrollLeft;\n+            }\n+\n+            if (!zoomChanged && coordSysUnchanged) {\n+                for (var i in this.unrenderedFeatures) {\n+                    var feature = this.unrenderedFeatures[i];\n+                    this.drawFeature(feature);\n+                }\n+            }\n+        }\n+        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n+            this.drawn = true;\n+            var feature;\n+            for (var i = 0, len = this.features.length; i < len; i++) {\n+                this.renderer.locked = (i !== (len - 1));\n+                feature = this.features[i];\n+                this.drawFeature(feature);\n+            }\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: display\n+     * Hide or show the Layer\n+     * \n+     * Parameters:\n+     * display - {Boolean}\n+     */\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        // we need to set the display style of the root in case it is attached\n+        // to a foreign layer\n+        var currentDisplay = this.div.style.display;\n+        if (currentDisplay != this.renderer.root.style.display) {\n+            this.renderer.root.style.display = currentDisplay;\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: addFeatures\n+     * Add Features to the layer.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * options - {Object}\n+     */\n+    addFeatures: function(features, options) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            var event = {\n+                features: features\n+            };\n+            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n+            if (ret === false) {\n+                return;\n+            }\n+            features = event.features;\n+        }\n+\n+        // Track successfully added features for featuresadded event, since\n+        // beforefeatureadded can veto single features.\n+        var featuresAdded = [];\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            if (i != (features.length - 1)) {\n+                this.renderer.locked = true;\n+            } else {\n+                this.renderer.locked = false;\n+            }\n+            var feature = features[i];\n+\n+            if (this.geometryType &&\n+                !(feature.geometry instanceof this.geometryType)) {\n+                throw new TypeError('addFeatures: component should be an ' +\n+                    this.geometryType.prototype.CLASS_NAME);\n+            }\n+\n+            //give feature reference to its layer\n+            feature.layer = this;\n+\n+            if (!feature.style && this.style) {\n+                feature.style = OpenLayers.Util.extend({}, this.style);\n+            }\n+\n+            if (notify) {\n+                if (this.events.triggerEvent(\"beforefeatureadded\", {\n+                        feature: feature\n+                    }) === false) {\n+                    continue;\n+                }\n+                this.preFeatureInsert(feature);\n+            }\n+\n+            featuresAdded.push(feature);\n+            this.features.push(feature);\n+            this.drawFeature(feature);\n+\n+            if (notify) {\n+                this.events.triggerEvent(\"featureadded\", {\n+                    feature: feature\n+                });\n+                this.onFeatureInsert(feature);\n+            }\n+        }\n+\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresadded\", {\n+                features: featuresAdded\n+            });\n+        }\n+    },\n+\n+\n+    /**\n+     * APIMethod: removeFeatures\n+     * Remove features from the layer.  This erases any drawn features and\n+     *     removes them from the layer's control.  The beforefeatureremoved\n+     *     and featureremoved events will be triggered for each feature.  The\n+     *     featuresremoved event will be triggered after all features have\n+     *     been removed.  To supress event triggering, use the silent option.\n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to be\n+     *     removed.\n+     * options - {Object} Optional properties for changing behavior of the\n+     *     removal.\n+     *\n+     * Valid options:\n+     * silent - {Boolean} Supress event triggering.  Default is false.\n+     */\n+    removeFeatures: function(features, options) {\n+        if (!features || features.length === 0) {\n+            return;\n+        }\n+        if (features === this.features) {\n+            return this.removeAllFeatures(options);\n+        }\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        if (features === this.selectedFeatures) {\n+            features = features.slice();\n+        }\n+\n+        var notify = !options || !options.silent;\n+\n+        if (notify) {\n+            this.events.triggerEvent(\n+                \"beforefeaturesremoved\", {\n+                    features: features\n+                }\n+            );\n+        }\n+\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            // We remain locked so long as we're not at 0\n+            // and the 'next' feature has a geometry. We do the geometry check\n+            // because if all the features after the current one are 'null', we\n+            // won't call eraseGeometry, so we break the 'renderer functions\n+            // will always be called with locked=false *last*' rule. The end result\n+            // is a possible gratiutious unlocking to save a loop through the rest \n+            // of the list checking the remaining features every time. So long as\n+            // null geoms are rare, this is probably okay.    \n+            if (i != 0 && features[i - 1].geometry) {\n+                this.renderer.locked = true;\n+            } else {\n+                this.renderer.locked = false;\n+            }\n+\n+            var feature = features[i];\n+            delete this.unrenderedFeatures[feature.id];\n+\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+\n+            this.features = OpenLayers.Util.removeItem(this.features, feature);\n+            // feature has no layer at this point\n+            feature.layer = null;\n+\n+            if (feature.geometry) {\n+                this.renderer.eraseFeatures(feature);\n+            }\n+\n+            //in the case that this feature is one of the selected features, \n+            // remove it from that array as well.\n+            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n+                OpenLayers.Util.removeItem(this.selectedFeatures, feature);\n+            }\n+\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+        }\n+\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            });\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: removeAllFeatures\n+     * Remove all features from the layer.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional properties for changing behavior of the\n+     *     removal.\n+     *\n+     * Valid options:\n+     * silent - {Boolean} Supress event triggering.  Default is false.\n+     */\n+    removeAllFeatures: function(options) {\n+        var notify = !options || !options.silent;\n+        var features = this.features;\n+        if (notify) {\n+            this.events.triggerEvent(\n+                \"beforefeaturesremoved\", {\n+                    features: features\n+                }\n+            );\n+        }\n+        var feature;\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            feature = features[i];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+            feature.layer = null;\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                });\n+            }\n+        }\n+        this.renderer.clear();\n+        this.features = [];\n+        this.unrenderedFeatures = {};\n+        this.selectedFeatures = [];\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            });\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroyFeatures\n+     * Erase and destroy features on the layer.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} An optional array of\n+     *     features to destroy.  If not supplied, all features on the layer\n+     *     will be destroyed.\n+     * options - {Object}\n+     */\n+    destroyFeatures: function(features, options) {\n+        var all = (features == undefined); // evaluates to true if\n+        // features is null\n+        if (all) {\n+            features = this.features;\n+        }\n+        if (features) {\n+            this.removeFeatures(features, options);\n+            for (var i = features.length - 1; i >= 0; i--) {\n+                features[i].destroy();\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: drawFeature\n+     * Draw (or redraw) a feature on the layer.  If the optional style argument\n+     * is included, this style will be used.  If no style is included, the\n+     * feature's style will be used.  If the feature doesn't have a style,\n+     * the layer's style will be used.\n+     * \n+     * This function is not designed to be used when adding features to \n+     * the layer (use addFeatures instead). It is meant to be used when\n+     * the style of a feature has changed, or in some other way needs to \n+     * visually updated *after* it has already been added to a layer. You\n+     * must add the feature to the layer for most layer-related events to \n+     * happen.\n+     *\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {String | Object} Named render intent or full symbolizer object.\n+     */\n+    drawFeature: function(feature, style) {\n+        // don't try to draw the feature with the renderer if the layer is not \n+        // drawn itself\n+        if (!this.drawn) {\n+            return;\n+        }\n+        if (typeof style != \"object\") {\n+            if (!style && feature.state === OpenLayers.State.DELETE) {\n+                style = \"delete\";\n+            }\n+            var renderIntent = style || feature.renderIntent;\n+            style = feature.style || this.style;\n+            if (!style) {\n+                style = this.styleMap.createSymbolizer(feature, renderIntent);\n+            }\n+        }\n+\n+        var drawn = this.renderer.drawFeature(feature, style);\n+        //TODO remove the check for null when we get rid of Renderer.SVG\n+        if (drawn === false || drawn === null) {\n+            this.unrenderedFeatures[feature.id] = feature;\n+        } else {\n+            delete this.unrenderedFeatures[feature.id];\n+        }\n+    },\n+\n+    /**\n+     * Method: eraseFeatures\n+     * Erase features from the layer.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    eraseFeatures: function(features) {\n+        this.renderer.eraseFeatures(features);\n+    },\n+\n+    /**\n+     * Method: getFeatureFromEvent\n+     * Given an event, return a feature if the event occurred over one.\n+     * Otherwise, return null.\n+     *\n+     * Parameters:\n+     * evt - {Event} \n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature if one was under the event.\n+     */\n+    getFeatureFromEvent: function(evt) {\n+        if (!this.renderer) {\n+            throw new Error('getFeatureFromEvent called on layer with no ' +\n+                'renderer. This usually means you destroyed a ' +\n+                'layer, but not some handler which is associated ' +\n+                'with it.');\n+        }\n+        var feature = null;\n+        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n+        if (featureId) {\n+            if (typeof featureId === \"string\") {\n+                feature = this.getFeatureById(featureId);\n+            } else {\n+                feature = featureId;\n+            }\n+        }\n+        return feature;\n+    },\n+\n+    /**\n+     * APIMethod: getFeatureBy\n+     * Given a property value, return the feature if it exists in the features array\n+     *\n+     * Parameters:\n+     * property - {String}\n+     * value - {String}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * property value or null if there is no such feature.\n+     */\n+    getFeatureBy: function(property, value) {\n+        //TBD - would it be more efficient to use a hash for this.features?\n+        var feature = null;\n+        for (var i = 0, len = this.features.length; i < len; ++i) {\n+            if (this.features[i][property] == value) {\n+                feature = this.features[i];\n+                break;\n+            }\n+        }\n+        return feature;\n+    },\n+\n+    /**\n+     * APIMethod: getFeatureById\n+     * Given a feature id, return the feature if it exists in the features array\n+     *\n+     * Parameters:\n+     * featureId - {String}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * featureId or null if there is no such feature.\n+     */\n+    getFeatureById: function(featureId) {\n+        return this.getFeatureBy('id', featureId);\n+    },\n+\n+    /**\n+     * APIMethod: getFeatureByFid\n+     * Given a feature fid, return the feature if it exists in the features array\n+     *\n+     * Parameters:\n+     * featureFid - {String}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature corresponding to the given\n+     * featureFid or null if there is no such feature.\n+     */\n+    getFeatureByFid: function(featureFid) {\n+        return this.getFeatureBy('fid', featureFid);\n+    },\n+\n+    /**\n+     * APIMethod: getFeaturesByAttribute\n+     * Returns an array of features that have the given attribute key set to the\n+     * given value. Comparison of attribute values takes care of datatypes, e.g.\n+     * the string '1234' is not equal to the number 1234.\n+     *\n+     * Parameters:\n+     * attrName - {String}\n+     * attrValue - {Mixed}\n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>}) An array of features that have the \n+     * passed named attribute set to the given value.\n+     */\n+    getFeaturesByAttribute: function(attrName, attrValue) {\n+        var i,\n+            feature,\n+            len = this.features.length,\n+            foundFeatures = [];\n+        for (i = 0; i < len; i++) {\n+            feature = this.features[i];\n+            if (feature && feature.attributes) {\n+                if (feature.attributes[attrName] === attrValue) {\n+                    foundFeatures.push(feature);\n+                }\n+            }\n+        }\n+        return foundFeatures;\n+    },\n+\n+    /**\n+     * Unselect the selected features\n+     * i.e. clears the featureSelection array\n+     * change the style back\n+    clearSelection: function() {\n+\n+       var vectorLayer = this.map.vectorLayer;\n+        for (var i = 0; i < this.map.featureSelection.length; i++) {\n+            var featureSelection = this.map.featureSelection[i];\n+            vectorLayer.drawFeature(featureSelection, vectorLayer.style);\n+        }\n+        this.map.featureSelection = [];\n+    },\n+     */\n+\n+\n+    /**\n+     * APIMethod: onFeatureInsert\n+     * method called after a feature is inserted.\n+     * Does nothing by default. Override this if you\n+     * need to do something on feature updates.\n+     *\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    onFeatureInsert: function(feature) {},\n+\n+    /**\n+     * APIMethod: preFeatureInsert\n+     * method called before a feature is inserted.\n+     * Does nothing by default. Override this if you\n+     * need to do something when features are first added to the\n+     * layer, but before they are drawn, such as adjust the style.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    preFeatureInsert: function(feature) {},\n+\n+    /** \n+     * APIMethod: getDataExtent\n+     * Calculates the max extent which includes all of the features.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Bounds>} or null if the layer has no features with\n+     * geometries.\n+     */\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        var features = this.features;\n+        if (features && (features.length > 0)) {\n+            var geometry = null;\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                geometry = features[i].geometry;\n+                if (geometry) {\n+                    if (maxExtent === null) {\n+                        maxExtent = new OpenLayers.Bounds();\n+                    }\n+                    maxExtent.extend(geometry.getBounds());\n+                }\n+            }\n+        }\n+        return maxExtent;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/Vector/RootContainer.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.Vector.RootContainer\n+ * A special layer type to combine multiple vector layers inside a single\n+ *     renderer root container. This class is not supposed to be instantiated\n+ *     from user space, it is a helper class for controls that require event\n+ *     processing for multiple vector layers.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector>\n+ */\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+\n+    /**\n+     * Property: displayInLayerSwitcher\n+     * Set to false for this layer type\n+     */\n+    displayInLayerSwitcher: false,\n+\n+    /**\n+     * APIProperty: layers\n+     * Layers that are attached to this container. Required config option.\n+     */\n+    layers: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Vector.RootContainer\n+     * Create a new root container for multiple vector layer. This constructor\n+     * is not supposed to be used from user space, it is only to be used by\n+     * controls that need feature selection across multiple vector layers.\n+     *\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     * \n+     * Required options properties:\n+     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n+     *     container\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n+     *     container\n+     */\n+\n+    /**\n+     * Method: display\n+     */\n+    display: function() {},\n+\n+    /**\n+     * Method: getFeatureFromEvent\n+     * walk through the layers to find the feature returned by the event\n+     * \n+     * Parameters:\n+     * evt - {Object} event object with a feature property\n+     * \n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature;\n+            }\n+        }\n+    },\n \n     /**\n      * Method: setMap\n      * \n      * Parameters:\n      * map - {<OpenLayers.Map>}\n      */\n@@ -27789,379 +24854,7691 @@\n         }\n         return OpenLayers.Control.prototype.deactivate.apply(\n             this, arguments\n         );\n     },\n \n     /**\n-     * Method: unselectAll\n-     * Unselect all selected features.  To unselect all except for a single\n-     *     feature, set the options.except property to the feature.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional configuration object.\n+     * Method: unselectAll\n+     * Unselect all selected features.  To unselect all except for a single\n+     *     feature, set the options.except property to the feature.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional configuration object.\n+     */\n+    unselectAll: function(options) {\n+        // we'll want an option to supress notification here\n+        var layers = this.layers || [this.layer],\n+            layer, feature, l, numExcept;\n+        for (l = 0; l < layers.length; ++l) {\n+            layer = layers[l];\n+            numExcept = 0;\n+            //layer.selectedFeatures is null when layer is destroyed and \n+            //one of it's preremovelayer listener calls setLayer \n+            //with another layer on this control\n+            if (layer.selectedFeatures != null) {\n+                while (layer.selectedFeatures.length > numExcept) {\n+                    feature = layer.selectedFeatures[numExcept];\n+                    if (!options || options.except != feature) {\n+                        this.unselect(feature);\n+                    } else {\n+                        ++numExcept;\n+                    }\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: clickFeature\n+     * Called on click in a feature\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    clickFeature: function(feature) {\n+        if (!this.hover) {\n+            var selected = (OpenLayers.Util.indexOf(\n+                feature.layer.selectedFeatures, feature) > -1);\n+            if (selected) {\n+                if (this.toggleSelect()) {\n+                    this.unselect(feature);\n+                } else if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+            } else {\n+                if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+                this.select(feature);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: multipleSelect\n+     * Allow for multiple selected features based on <multiple> property and\n+     *     <multipleKey> event modifier.\n+     *\n+     * Returns:\n+     * {Boolean} Allow for multiple selected features.\n+     */\n+    multipleSelect: function() {\n+        return this.multiple || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.multipleKey]);\n+    },\n+\n+    /**\n+     * Method: toggleSelect\n+     * Event should toggle the selected state of a feature based on <toggle>\n+     *     property and <toggleKey> event modifier.\n+     *\n+     * Returns:\n+     * {Boolean} Toggle the selected state of a feature.\n+     */\n+    toggleSelect: function() {\n+        return this.toggle || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.toggleKey]);\n+    },\n+\n+    /**\n+     * Method: clickoutFeature\n+     * Called on click outside a previously clicked (selected) feature.\n+     * Only responds if this.hover is false.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Vector.Feature>} \n+     */\n+    clickoutFeature: function(feature) {\n+        if (!this.hover && this.clickout) {\n+            this.unselectAll();\n+        }\n+    },\n+\n+    /**\n+     * Method: overFeature\n+     * Called on over a feature.\n+     * Only responds if this.hover is true.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    overFeature: function(feature) {\n+        var layer = feature.layer;\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                this.highlight(feature);\n+            } else if (OpenLayers.Util.indexOf(\n+                    layer.selectedFeatures, feature) == -1) {\n+                this.select(feature);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: outFeature\n+     * Called on out of a selected feature.\n+     * Only responds if this.hover is true.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    outFeature: function(feature) {\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                // we do nothing if we're not the last highlighter of the\n+                // feature\n+                if (feature._lastHighlighter == this.id) {\n+                    // if another select control had highlighted the feature before\n+                    // we did it ourself then we use that control to highlight the\n+                    // feature as it was before we highlighted it, else we just\n+                    // unhighlight it\n+                    if (feature._prevHighlighter &&\n+                        feature._prevHighlighter != this.id) {\n+                        delete feature._lastHighlighter;\n+                        var control = this.map.getControl(\n+                            feature._prevHighlighter);\n+                        if (control) {\n+                            control.highlight(feature);\n+                        }\n+                    } else {\n+                        this.unhighlight(feature);\n+                    }\n+                }\n+            } else {\n+                this.unselect(feature);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: highlight\n+     * Redraw feature with the select style.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    highlight: function(feature) {\n+        var layer = feature.layer;\n+        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n+            feature: feature\n+        });\n+        if (cont !== false) {\n+            feature._prevHighlighter = feature._lastHighlighter;\n+            feature._lastHighlighter = this.id;\n+            var style = this.selectStyle || this.renderIntent;\n+            layer.drawFeature(feature, style);\n+            this.events.triggerEvent(\"featurehighlighted\", {\n+                feature: feature\n+            });\n+        }\n+    },\n+\n+    /**\n+     * Method: unhighlight\n+     * Redraw feature with the \"default\" style\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    unhighlight: function(feature) {\n+        var layer = feature.layer;\n+        // three cases:\n+        // 1. there's no other highlighter, in that case _prev is undefined,\n+        //    and we just need to undef _last\n+        // 2. another control highlighted the feature after we did it, in\n+        //    that case _last references this other control, and we just\n+        //    need to undef _prev\n+        // 3. another control highlighted the feature before we did it, in\n+        //    that case _prev references this other control, and we need to\n+        //    set _last to _prev and undef _prev\n+        if (feature._prevHighlighter == undefined) {\n+            delete feature._lastHighlighter;\n+        } else if (feature._prevHighlighter == this.id) {\n+            delete feature._prevHighlighter;\n+        } else {\n+            feature._lastHighlighter = feature._prevHighlighter;\n+            delete feature._prevHighlighter;\n+        }\n+        layer.drawFeature(feature, feature.style || feature.layer.style ||\n+            \"default\");\n+        this.events.triggerEvent(\"featureunhighlighted\", {\n+            feature: feature\n+        });\n+    },\n+\n+    /**\n+     * Method: select\n+     * Add feature to the layer's selectedFeature array, render the feature as\n+     * selected, and call the onSelect function.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    select: function(feature) {\n+        var cont = this.onBeforeSelect.call(this.scope, feature);\n+        var layer = feature.layer;\n+        if (cont !== false) {\n+            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n+                feature: feature\n+            });\n+            if (cont !== false) {\n+                layer.selectedFeatures.push(feature);\n+                this.highlight(feature);\n+                // if the feature handler isn't involved in the feature\n+                // selection (because the box handler is used or the\n+                // feature is selected programatically) we fake the\n+                // feature handler to allow unselecting on click\n+                if (!this.handlers.feature.lastFeature) {\n+                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n+                }\n+                layer.events.triggerEvent(\"featureselected\", {\n+                    feature: feature\n+                });\n+                this.onSelect.call(this.scope, feature);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: unselect\n+     * Remove feature from the layer's selectedFeature array, render the feature as\n+     * normal, and call the onUnselect function.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     */\n+    unselect: function(feature) {\n+        var layer = feature.layer;\n+        // Store feature style for restoration later\n+        this.unhighlight(feature);\n+        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n+        layer.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        });\n+        this.onUnselect.call(this.scope, feature);\n+    },\n+\n+    /**\n+     * Method: selectBox\n+     * Callback from the handlers.box set up when <box> selection is true\n+     *     on.\n+     *\n+     * Parameters:\n+     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n+     */\n+    selectBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            var bounds = new OpenLayers.Bounds(\n+                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n+            );\n+\n+            // if multiple is false, first deselect currently selected features\n+            if (!this.multipleSelect()) {\n+                this.unselectAll();\n+            }\n+\n+            // because we're using a box, we consider we want multiple selection\n+            var prevMultiple = this.multiple;\n+            this.multiple = true;\n+            var layers = this.layers || [this.layer];\n+            this.events.triggerEvent(\"boxselectionstart\", {\n+                layers: layers\n+            });\n+            var layer;\n+            for (var l = 0; l < layers.length; ++l) {\n+                layer = layers[l];\n+                for (var i = 0, len = layer.features.length; i < len; ++i) {\n+                    var feature = layer.features[i];\n+                    // check if the feature is displayed\n+                    if (!feature.getVisibility()) {\n+                        continue;\n+                    }\n+\n+                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n+                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n+                        if (bounds.toGeometry().intersects(feature.geometry)) {\n+                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n+                                this.select(feature);\n+                            }\n+                        }\n+                    }\n+                }\n+            }\n+            this.multiple = prevMultiple;\n+            this.events.triggerEvent(\"boxselectionend\", {\n+                layers: layers\n+            });\n+        }\n+    },\n+\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        this.handlers.feature.setMap(map);\n+        if (this.box) {\n+            this.handlers.box.setMap(map);\n+        }\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    },\n+\n+    /**\n+     * APIMethod: setLayer\n+     * Attach a new layer to the control, overriding any existing layers.\n+     *\n+     * Parameters:\n+     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n+     *     {<OpenLayers.Layer.Vector>}\n+     */\n+    setLayer: function(layers) {\n+        var isActive = this.active;\n+        this.unselectAll();\n+        this.deactivate();\n+        if (this.layers) {\n+            this.layer.destroy();\n+            this.layers = null;\n+        }\n+        this.initLayer(layers);\n+        this.handlers.feature.layer = this.layer;\n+        if (isActive) {\n+            this.activate();\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Geolocate.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Geolocate\n+ * The Geolocate control wraps w3c geolocation API into control that can be\n+ * bound to a map, and generate events on location update\n+ *\n+ * To use this control requires to load the proj4js library if the projection\n+ * of the map is not EPSG:4326 or EPSG:900913.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * locationupdated - Triggered when browser return a new position. Listeners will \n+     *     receive an object with a 'position' property which is the browser.geolocation.position\n+     *     native object, as well as a 'point' property which is the location transformed in the \n+     *     current map projection.\n+     * locationfailed - Triggered when geolocation has failed\n+     * locationuncapable - Triggered when control is activated on a browser\n+     *     which doesn't support geolocation\n+     */\n+\n+    /**\n+     * Property: geolocation\n+     * {Object} The geolocation engine, as a property to be possibly mocked.\n+     * This is set lazily to avoid a memory leak in IE9.\n+     */\n+    geolocation: null,\n+\n+    /**\n+     * Property: available\n+     * {Boolean} The navigator.geolocation object is available.\n+     */\n+    available: ('geolocation' in navigator),\n+\n+    /**\n+     * APIProperty: bind\n+     * {Boolean} If true, map center will be set on location update.\n+     */\n+    bind: true,\n+\n+    /**\n+     * APIProperty: watch\n+     * {Boolean} If true, position will be update regularly.\n+     */\n+    watch: false,\n+\n+    /**\n+     * APIProperty: geolocationOptions\n+     * {Object} Options to pass to the navigator's geolocation API. See\n+     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n+     *     option is passed to the geolocation API by default.\n+     */\n+    geolocationOptions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.Geolocate\n+     * Create a new control to deal with browser geolocation API\n+     *\n+     */\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activates the control.\n+     *\n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n+     */\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            // set lazily to avoid IE9 memory leak\n+            this.geolocation = navigator.geolocation;\n+        }\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false;\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(\n+                    OpenLayers.Function.bind(this.geolocate, this),\n+                    OpenLayers.Function.bind(this.failure, this),\n+                    this.geolocationOptions\n+                );\n+            } else {\n+                this.getCurrentLocation();\n+            }\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Deactivates the control.\n+     *\n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n+     */\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId);\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n+    },\n+\n+    /**\n+     * Method: geolocate\n+     * Activates the control.\n+     *\n+     */\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(\n+            position.coords.longitude,\n+            position.coords.latitude\n+        ).transform(\n+            new OpenLayers.Projection(\"EPSG:4326\"),\n+            this.map.getProjectionObject()\n+        );\n+        if (this.bind) {\n+            this.map.setCenter(center);\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(\n+                center.lon, center.lat\n+            )\n+        });\n+    },\n+\n+    /**\n+     * APIMethod: getCurrentLocation\n+     *\n+     * Returns:\n+     * {Boolean} Returns true if a event will be fired (successfull\n+     * registration)\n+     */\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false;\n+        }\n+        this.geolocation.getCurrentPosition(\n+            OpenLayers.Function.bind(this.geolocate, this),\n+            OpenLayers.Function.bind(this.failure, this),\n+            this.geolocationOptions\n+        );\n+        return true;\n+    },\n+\n+    /**\n+     * Method: failure\n+     * method called on browser's geolocation failure\n+     *\n+     */\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        });\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Attribution.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Attribution\n+ * The attribution control adds attribution from layers to the map display. \n+ * It uses 'attribution' property of each layer.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Attribution =\n+    OpenLayers.Class(OpenLayers.Control, {\n+\n+        /**\n+         * APIProperty: separator\n+         * {String} String used to separate layers.\n+         */\n+        separator: \", \",\n+\n+        /**\n+         * APIProperty: template\n+         * {String} Template for the attribution. This has to include the substring\n+         *     \"${layers}\", which will be replaced by the layer specific\n+         *     attributions, separated by <separator>. The default is \"${layers}\".\n+         */\n+        template: \"${layers}\",\n+\n+        /**\n+         * Constructor: OpenLayers.Control.Attribution \n+         * \n+         * Parameters:\n+         * options - {Object} Options for control.\n+         */\n+\n+        /** \n+         * Method: destroy\n+         * Destroy control.\n+         */\n+        destroy: function() {\n+            this.map.events.un({\n+                \"removelayer\": this.updateAttribution,\n+                \"addlayer\": this.updateAttribution,\n+                \"changelayer\": this.updateAttribution,\n+                \"changebaselayer\": this.updateAttribution,\n+                scope: this\n+            });\n+\n+            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: draw\n+         * Initialize control.\n+         * \n+         * Returns: \n+         * {DOMElement} A reference to the DIV DOMElement containing the control\n+         */\n+        draw: function() {\n+            OpenLayers.Control.prototype.draw.apply(this, arguments);\n+\n+            this.map.events.on({\n+                'changebaselayer': this.updateAttribution,\n+                'changelayer': this.updateAttribution,\n+                'addlayer': this.updateAttribution,\n+                'removelayer': this.updateAttribution,\n+                scope: this\n+            });\n+            this.updateAttribution();\n+\n+            return this.div;\n+        },\n+\n+        /**\n+         * Method: updateAttribution\n+         * Update attribution string.\n+         */\n+        updateAttribution: function() {\n+            var attributions = [];\n+            if (this.map && this.map.layers) {\n+                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                    var layer = this.map.layers[i];\n+                    if (layer.attribution && layer.getVisibility()) {\n+                        // add attribution only if attribution text is unique\n+                        if (OpenLayers.Util.indexOf(\n+                                attributions, layer.attribution) === -1) {\n+                            attributions.push(layer.attribution);\n+                        }\n+                    }\n+                }\n+                this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                    layers: attributions.join(this.separator)\n+                });\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Control/DragPan.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.DragPan\n+ * The DragPan control pans the map with a drag of the mouse.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n+     */\n+    type: OpenLayers.Control.TYPE_TOOL,\n+\n+    /**\n+     * Property: panned\n+     * {Boolean} The map moved.\n+     */\n+    panned: false,\n+\n+    /**\n+     * Property: interval\n+     * {Integer} The number of milliseconds that should ellapse before\n+     *     panning the map again. Defaults to 0 milliseconds, which means that\n+     *     no separate cycle is used for panning. In most cases you won't want\n+     *     to change this value. For slow machines/devices larger values can be\n+     *     tried out.\n+     */\n+    interval: 0,\n+\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n+     */\n+    documentDrag: false,\n+\n+    /**\n+     * Property: kinetic\n+     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n+     */\n+    kinetic: null,\n+\n+    /**\n+     * APIProperty: enableKinetic\n+     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n+     *     set to true or to an object. If set to an object this\n+     *     object will be passed to the {<OpenLayers.Kinetic>}\n+     *     constructor. Defaults to true.\n+     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n+     *     included in your build config.\n+     */\n+    enableKinetic: true,\n+\n+    /**\n+     * APIProperty: kineticInterval\n+     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n+     *     scrolling\". Applies only if enableKinetic is set. Defaults\n+     *     to 10 milliseconds.\n+     */\n+    kineticInterval: 10,\n+\n+\n+    /**\n+     * Method: draw\n+     * Creates a Drag handler, using <panMap> and\n+     * <panMapDone> as callbacks.\n+     */\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic);\n+            }\n+            this.kinetic = new OpenLayers.Kinetic(config);\n+        }\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            \"move\": this.panMap,\n+            \"done\": this.panMapDone,\n+            \"down\": this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        });\n+    },\n+\n+    /**\n+     * Method: panMapStart\n+     */\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin();\n+        }\n+    },\n+\n+    /**\n+     * Method: panMap\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+     */\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy);\n+        }\n+        this.panned = true;\n+        this.map.pan(\n+            this.handler.last.x - xy.x,\n+            this.handler.last.y - xy.y, {\n+                dragging: true,\n+                animate: false\n+            }\n+        );\n+    },\n+\n+    /**\n+     * Method: panMapDone\n+     * Finish the panning operation.  Only call setCenter (through <panMap>)\n+     *     if the map has actually been moved.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+     */\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy);\n+            }\n+            this.map.pan(\n+                this.handler.last.x - xy.x,\n+                this.handler.last.y - xy.y, {\n+                    dragging: !!res,\n+                    animate: false\n+                }\n+            );\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    });\n+                });\n+            }\n+            this.panned = false;\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/Pinch.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Pinch\n+ * The pinch handler is used to deal with sequences of browser events related\n+ *     to pinch gestures. The handler is used by controls that want to know\n+ *     when a pinch sequence begins, when a pinch is happening, and when it has\n+ *     finished.\n+ *\n+ * Controls that use the pinch handler typically construct it with callbacks\n+ *     for 'start', 'move', and 'done'.  Callbacks for these keys are\n+ *     called when the pinch begins, with each change, and when the pinch is\n+ *     done.\n+ *\n+ * Create a new pinch handler with the <OpenLayers.Handler.Pinch> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Handler>\n+ */\n+OpenLayers.Handler.Pinch = OpenLayers.Class(OpenLayers.Handler, {\n+\n+    /**\n+     * Property: started\n+     * {Boolean} When a touchstart event is received, we want to record it,\n+     *     but not set 'pinching' until the touchmove get started after\n+     *     starting.\n+     */\n+    started: false,\n+\n+    /**\n+     * Property: stopDown\n+     * {Boolean} Stop propagation of touchstart events from getting to\n+     *     listeners on the same element. Default is false.\n+     */\n+    stopDown: false,\n+\n+    /**\n+     * Property: pinching\n+     * {Boolean}\n+     */\n+    pinching: false,\n+\n+    /**\n+     * Property: last\n+     * {Object} Object that store informations related to pinch last touch.\n+     */\n+    last: null,\n+\n+    /**\n+     * Property: start\n+     * {Object} Object that store informations related to pinch touchstart.\n+     */\n+    start: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Pinch\n+     * Returns OpenLayers.Handler.Pinch\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing functions to be called when\n+     *     the pinch operation start, change, or is finished. The callbacks\n+     *     should expect to receive an object argument, which contains\n+     *     information about scale, distance, and position of touch points.\n+     * options - {Object}\n+     */\n+\n+    /**\n+     * Method: touchstart\n+     * Handle touchstart events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchstart: function(evt) {\n+        var propagate = true;\n+        this.pinching = false;\n+        if (OpenLayers.Event.isMultiTouch(evt)) {\n+            this.started = true;\n+            this.last = this.start = {\n+                distance: this.getDistance(evt.touches),\n+                delta: 0,\n+                scale: 1\n+            };\n+            this.callback(\"start\", [evt, this.start]);\n+            propagate = !this.stopDown;\n+        } else if (this.started) {\n+            // Some webkit versions send fake single-touch events during\n+            // multitouch, which cause the drag handler to trigger\n+            return false;\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null;\n+        }\n+        // prevent document dragging\n+        OpenLayers.Event.preventDefault(evt);\n+        return propagate;\n+    },\n+\n+    /**\n+     * Method: touchmove\n+     * Handle touchmove events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchmove: function(evt) {\n+        if (this.started && OpenLayers.Event.isMultiTouch(evt)) {\n+            this.pinching = true;\n+            var current = this.getPinchData(evt);\n+            this.callback(\"move\", [evt, current]);\n+            this.last = current;\n+            // prevent document dragging\n+            OpenLayers.Event.stop(evt);\n+        } else if (this.started) {\n+            // Some webkit versions send fake single-touch events during\n+            // multitouch, which cause the drag handler to trigger\n+            return false;\n+        }\n+        return true;\n+    },\n+\n+    /**\n+     * Method: touchend\n+     * Handle touchend events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchend: function(evt) {\n+        if (this.started && !OpenLayers.Event.isMultiTouch(evt)) {\n+            this.started = false;\n+            this.pinching = false;\n+            this.callback(\"done\", [evt, this.start, this.last]);\n+            this.start = null;\n+            this.last = null;\n+            return false;\n+        }\n+        return true;\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activate the handler.\n+     *\n+     * Returns:\n+     * {Boolean} The handler was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.pinching = false;\n+            activated = true;\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Deactivate the handler.\n+     *\n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.pinching = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: getDistance\n+     * Get the distance in pixels between two touches.\n+     *\n+     * Parameters:\n+     * touches - {Array(Object)}\n+     *\n+     * Returns:\n+     * {Number} The distance in pixels.\n+     */\n+    getDistance: function(touches) {\n+        var t0 = touches[0];\n+        var t1 = touches[1];\n+        return Math.sqrt(\n+            Math.pow(t0.olClientX - t1.olClientX, 2) +\n+            Math.pow(t0.olClientY - t1.olClientY, 2)\n+        );\n+    },\n+\n+\n+    /**\n+     * Method: getPinchData\n+     * Get informations about the pinch event.\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Object} Object that contains data about the current pinch.\n+     */\n+    getPinchData: function(evt) {\n+        var distance = this.getDistance(evt.touches);\n+        var scale = distance / this.start.distance;\n+        return {\n+            distance: distance,\n+            delta: this.last.distance - distance,\n+            scale: scale\n+        };\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Pinch\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Control/PinchZoom.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler/Pinch.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.PinchZoom\n+ *\n+ * Inherits:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n+     */\n+    type: OpenLayers.Control.TYPE_TOOL,\n+\n+    /**\n+     * Property: pinchOrigin\n+     * {Object} Cached object representing the pinch start (in pixels).\n+     */\n+    pinchOrigin: null,\n+\n+    /**\n+     * Property: currentCenter\n+     * {Object} Cached object representing the latest pinch center (in pixels).\n+     */\n+    currentCenter: null,\n+\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n+     * APIProperty: preserveCenter\n+     * {Boolean} Set this to true if you don't want the map center to change\n+     *     while pinching. For example you may want to set preserveCenter to\n+     *     true when the user location is being watched and you want to preserve\n+     *     the user location at the center of the map even if he zooms in or\n+     *     out using pinch. This property's value can be changed any time on an\n+     *     existing instance. Default is false.\n+     */\n+    preserveCenter: false,\n+\n+    /**\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the pinch handler\n+     */\n+\n+    /**\n+     * Constructor: OpenLayers.Control.PinchZoom\n+     * Create a control for zooming with pinch gestures.  This works on devices\n+     *     with multi-touch support.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions);\n+    },\n+\n+    /**\n+     * Method: pinchStart\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n+     */\n+    pinchStart: function(evt, pinchData) {\n+        var xy = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy;\n+    },\n+\n+    /**\n+     * Method: pinchMove\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n+     */\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+\n+        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current;\n+    },\n+\n+    /**\n+     * Method: pinchDone\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     * start - {Object} pinch data object related to the touchstart event that\n+     *     started the pinch gesture.\n+     * last - {Object} pinch data object related to the last touchmove event\n+     *     of the pinch gesture. This give us the final scale of the pinch.\n+     */\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n+\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n+\n+            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n+            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n+\n+            // Force a reflow before calling setCenter. This is to work\n+            // around an issue occuring in iOS.\n+            //\n+            // See https://github.com/openlayers/openlayers/pull/351.\n+            //\n+            // Without a reflow setting the layer container div's top left\n+            // style properties to \"0px\" - as done in Map.moveTo when zoom\n+            // is changed - won't actually correctly reposition the layer\n+            // container div.\n+            //\n+            // Also, we need to use a statement that the Google Closure\n+            // compiler won't optimize away.\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n+\n+            this.map.setCenter(location, zoom);\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/Click.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Click\n+ * A handler for mouse clicks.  The intention of this handler is to give\n+ *     controls more flexibility with handling clicks.  Browsers trigger\n+ *     click events twice for a double-click.  In addition, the mousedown,\n+ *     mousemove, mouseup sequence fires a click event.  With this handler,\n+ *     controls can decide whether to ignore clicks associated with a double\n+ *     click.  By setting a <pixelTolerance>, controls can also ignore clicks\n+ *     that include a drag.  Create a new instance with the\n+ *     <OpenLayers.Handler.Click> constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Handler> \n+ */\n+OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n+    /**\n+     * APIProperty: delay\n+     * {Number} Number of milliseconds between clicks before the event is\n+     *     considered a double-click.\n+     */\n+    delay: 300,\n+\n+    /**\n+     * APIProperty: single\n+     * {Boolean} Handle single clicks.  Default is true.  If false, clicks\n+     * will not be reported.  If true, single-clicks will be reported.\n+     */\n+    single: true,\n+\n+    /**\n+     * APIProperty: double\n+     * {Boolean} Handle double-clicks.  Default is false.\n+     */\n+    'double': false,\n+\n+    /**\n+     * APIProperty: pixelTolerance\n+     * {Number} Maximum number of pixels between mouseup and mousedown for an\n+     *     event to be considered a click.  Default is 0.  If set to an\n+     *     integer value, clicks with a drag greater than the value will be\n+     *     ignored.  This property can only be set when the handler is\n+     *     constructed.\n+     */\n+    pixelTolerance: 0,\n+\n+    /**\n+     * APIProperty: dblclickTolerance\n+     * {Number} Maximum distance in pixels between clicks for a sequence of \n+     *     events to be considered a double click.  Default is 13.  If the\n+     *     distance between two clicks is greater than this value, a double-\n+     *     click will not be fired.\n+     */\n+    dblclickTolerance: 13,\n+\n+    /**\n+     * APIProperty: stopSingle\n+     * {Boolean} Stop other listeners from being notified of clicks.  Default\n+     *     is false.  If true, any listeners registered before this one for \n+     *     click or rightclick events will not be notified.\n+     */\n+    stopSingle: false,\n+\n+    /**\n+     * APIProperty: stopDouble\n+     * {Boolean} Stop other listeners from being notified of double-clicks.\n+     *     Default is false.  If true, any click listeners registered before\n+     *     this one will not be notified of *any* double-click events.\n+     * \n+     * The one caveat with stopDouble is that given a map with two click\n+     *     handlers, one with stopDouble true and the other with stopSingle\n+     *     true, the stopSingle handler should be activated last to get\n+     *     uniform cross-browser performance.  Since IE triggers one click\n+     *     with a dblclick and FF triggers two, if a stopSingle handler is\n+     *     activated first, all it gets in IE is a single click when the\n+     *     second handler stops propagation on the dblclick.\n+     */\n+    stopDouble: false,\n+\n+    /**\n+     * Property: timerId\n+     * {Number} The id of the timeout waiting to clear the <delayedCall>.\n+     */\n+    timerId: null,\n+\n+    /**\n+     * Property: down\n+     * {Object} Object that store relevant information about the last\n+     *     mousedown or touchstart. Its 'xy' OpenLayers.Pixel property gives\n+     *     the average location of the mouse/touch event. Its 'touches'\n+     *     property records clientX/clientY of each touches.\n+     */\n+    down: null,\n+\n+    /**\n+     * Property: last\n+     * {Object} Object that store relevant information about the last\n+     *     mousemove or touchmove. Its 'xy' OpenLayers.Pixel property gives\n+     *     the average location of the mouse/touch event. Its 'touches'\n+     *     property records clientX/clientY of each touches.\n+     */\n+    last: null,\n+\n+    /** \n+     * Property: first\n+     * {Object} When waiting for double clicks, this object will store \n+     *     information about the first click in a two click sequence.\n+     */\n+    first: null,\n+\n+    /**\n+     * Property: rightclickTimerId\n+     * {Number} The id of the right mouse timeout waiting to clear the \n+     *     <delayedEvent>.\n+     */\n+    rightclickTimerId: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Click\n+     * Create a new click handler.\n+     * \n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handler's setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object with keys corresponding to callbacks\n+     *     that will be called by the handler. The callbacks should\n+     *     expect to recieve a single argument, the click event.\n+     *     Callbacks for 'click' and 'dblclick' are supported.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     handler.\n+     */\n+\n+    /**\n+     * Method: touchstart\n+     * Handle touchstart.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n+\n+    /**\n+     * Method: touchmove\n+     *    Store position of last move, because touchend event can have\n+     *    an empty \"touches\" property.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    touchmove: function(evt) {\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n+\n+    /**\n+     * Method: touchend\n+     *   Correctly set event xy property, and add lastTouches to have\n+     *   touches property from last touchstart or touchmove\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    touchend: function(evt) {\n+        // touchstart may not have been allowed to propagate\n+        if (this.down) {\n+            evt.xy = this.last.xy;\n+            evt.lastTouches = this.last.touches;\n+            this.handleSingle(evt);\n+            this.down = null;\n+        }\n+        return true;\n+    },\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mousedown.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    mousedown: function(evt) {\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true;\n+    },\n+\n+    /**\n+     * Method: mouseup\n+     * Handle mouseup.  Installed to support collection of right mouse events.\n+     * \n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    mouseup: function(evt) {\n+        var propagate = true;\n+\n+        // Collect right mouse clicks from the mouseup\n+        //  IE - ignores the second right click in mousedown so using\n+        //  mouseup instead\n+        if (this.checkModifiers(evt) && this.control.handleRightClicks &&\n+            OpenLayers.Event.isRightClick(evt)) {\n+            propagate = this.rightclick(evt);\n+        }\n+\n+        return propagate;\n+    },\n+\n+    /**\n+     * Method: rightclick\n+     * Handle rightclick.  For a dblrightclick, we get two clicks so we need \n+     *     to always register for dblrightclick to properly handle single \n+     *     clicks.\n+     *     \n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    rightclick: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.rightclickTimerId != null) {\n+                //Second click received before timeout this must be \n+                // a double click\n+                this.clearTimer();\n+                this.callback('dblrightclick', [evt]);\n+                return !this.stopDouble;\n+            } else {\n+                //Set the rightclickTimerId, send evt only if double is \n+                // true else trigger single\n+                var clickEvent = this['double'] ?\n+                    OpenLayers.Util.extend({}, evt) :\n+                    this.callback('rightclick', [evt]);\n+\n+                var delayedRightCall = OpenLayers.Function.bind(\n+                    this.delayedRightCall,\n+                    this,\n+                    clickEvent\n+                );\n+                this.rightclickTimerId = window.setTimeout(\n+                    delayedRightCall, this.delay\n+                );\n+            }\n+        }\n+        return !this.stopSingle;\n+    },\n+\n+    /**\n+     * Method: delayedRightCall\n+     * Sets <rightclickTimerId> to null.  And optionally triggers the \n+     *     rightclick callback if evt is set.\n+     */\n+    delayedRightCall: function(evt) {\n+        this.rightclickTimerId = null;\n+        if (evt) {\n+            this.callback('rightclick', [evt]);\n+        }\n+    },\n+\n+    /**\n+     * Method: click\n+     * Handle click events from the browser.  This is registered as a listener\n+     *     for click events and should not be called from other events in this\n+     *     handler.\n+     *\n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    click: function(evt) {\n+        if (!this.last) {\n+            this.last = this.getEventInfo(evt);\n+        }\n+        this.handleSingle(evt);\n+        return !this.stopSingle;\n+    },\n+\n+    /**\n+     * Method: dblclick\n+     * Handle dblclick.  For a dblclick, we get two clicks in some browsers\n+     *     (FF) and one in others (IE).  So we need to always register for\n+     *     dblclick to properly handle single clicks.  This method is registered\n+     *     as a listener for the dblclick browser event.  It should *not* be\n+     *     called by other methods in this handler.\n+     *     \n+     * Returns:\n+     * {Boolean} Continue propagating this event.\n+     */\n+    dblclick: function(evt) {\n+        this.handleDouble(evt);\n+        return !this.stopDouble;\n+    },\n+\n+    /** \n+     * Method: handleDouble\n+     * Handle double-click sequence.\n+     */\n+    handleDouble: function(evt) {\n+        if (this.passesDblclickTolerance(evt)) {\n+            if (this[\"double\"]) {\n+                this.callback(\"dblclick\", [evt]);\n+            }\n+            // to prevent a dblclick from firing the click callback in IE\n+            this.clearTimer();\n+        }\n+    },\n+\n+    /** \n+     * Method: handleSingle\n+     * Handle single click sequence.\n+     */\n+    handleSingle: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.timerId != null) {\n+                // already received a click\n+                if (this.last.touches && this.last.touches.length === 1) {\n+                    // touch device, no dblclick event - this may be a double\n+                    if (this[\"double\"]) {\n+                        // on Android don't let the browser zoom on the page\n+                        OpenLayers.Event.preventDefault(evt);\n+                    }\n+                    this.handleDouble(evt);\n+                }\n+                // if we're not in a touch environment we clear the click timer\n+                // if we've got a second touch, we'll get two touchend events\n+                if (!this.last.touches || this.last.touches.length !== 2) {\n+                    this.clearTimer();\n+                }\n+            } else {\n+                // remember the first click info so we can compare to the second\n+                this.first = this.getEventInfo(evt);\n+                // set the timer, send evt only if single is true\n+                //use a clone of the event object because it will no longer \n+                //be a valid event object in IE in the timer callback\n+                var clickEvent = this.single ?\n+                    OpenLayers.Util.extend({}, evt) : null;\n+                this.queuePotentialClick(clickEvent);\n+            }\n+        }\n+    },\n+\n+    /** \n+     * Method: queuePotentialClick\n+     * This method is separated out largely to make testing easier (so we\n+     *     don't have to override window.setTimeout)\n+     */\n+    queuePotentialClick: function(evt) {\n+        this.timerId = window.setTimeout(\n+            OpenLayers.Function.bind(this.delayedCall, this, evt),\n+            this.delay\n+        );\n+    },\n+\n+    /**\n+     * Method: passesTolerance\n+     * Determine whether the event is within the optional pixel tolerance.  Note\n+     *     that the pixel tolerance check only works if mousedown events get to\n+     *     the listeners registered here.  If they are stopped by other elements,\n+     *     the <pixelTolerance> will have no effect here (this method will always\n+     *     return true).\n+     *\n+     * Returns:\n+     * {Boolean} The click is within the pixel tolerance (if specified).\n+     */\n+    passesTolerance: function(evt) {\n+        var passes = true;\n+        if (this.pixelTolerance != null && this.down && this.down.xy) {\n+            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n+            // for touch environments, we also enforce that all touches\n+            // start and end within the given tolerance to be considered a click\n+            if (passes && this.touch &&\n+                this.down.touches.length === this.last.touches.length) {\n+                // the touchend event doesn't come with touches, so we check\n+                // down and last\n+                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n+                    if (this.getTouchDistance(\n+                            this.down.touches[i],\n+                            this.last.touches[i]\n+                        ) > this.pixelTolerance) {\n+                        passes = false;\n+                        break;\n+                    }\n+                }\n+            }\n+        }\n+        return passes;\n+    },\n+\n+    /** \n+     * Method: getTouchDistance\n+     *\n+     * Returns:\n+     * {Boolean} The pixel displacement between two touches.\n+     */\n+    getTouchDistance: function(from, to) {\n+        return Math.sqrt(\n+            Math.pow(from.clientX - to.clientX, 2) +\n+            Math.pow(from.clientY - to.clientY, 2)\n+        );\n+    },\n+\n+    /**\n+     * Method: passesDblclickTolerance\n+     * Determine whether the event is within the optional double-cick pixel \n+     *     tolerance.\n+     *\n+     * Returns:\n+     * {Boolean} The click is within the double-click pixel tolerance.\n+     */\n+    passesDblclickTolerance: function(evt) {\n+        var passes = true;\n+        if (this.down && this.first) {\n+            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance;\n+        }\n+        return passes;\n+    },\n+\n+    /**\n+     * Method: clearTimer\n+     * Clear the timer and set <timerId> to null.\n+     */\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null;\n+        }\n+        if (this.rightclickTimerId != null) {\n+            window.clearTimeout(this.rightclickTimerId);\n+            this.rightclickTimerId = null;\n+        }\n+    },\n+\n+    /**\n+     * Method: delayedCall\n+     * Sets <timerId> to null.  And optionally triggers the click callback if\n+     *     evt is set.\n+     */\n+    delayedCall: function(evt) {\n+        this.timerId = null;\n+        if (evt) {\n+            this.callback(\"click\", [evt]);\n+        }\n+    },\n+\n+    /**\n+     * Method: getEventInfo\n+     * This method allows us to store event information without storing the\n+     *     actual event.  In touch devices (at least), the same event is \n+     *     modified between touchstart, touchmove, and touchend.\n+     *\n+     * Returns:\n+     * {Object} An object with event related info.\n+     */\n+    getEventInfo: function(evt) {\n+        var touches;\n+        if (evt.touches) {\n+            var len = evt.touches.length;\n+            touches = new Array(len);\n+            var touch;\n+            for (var i = 0; i < len; i++) {\n+                touch = evt.touches[i];\n+                touches[i] = {\n+                    clientX: touch.olClientX,\n+                    clientY: touch.olClientY\n+                };\n+            }\n+        }\n+        return {\n+            xy: evt.xy,\n+            touches: touches\n+        };\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the handler.\n+     *\n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            this.down = null;\n+            this.first = null;\n+            this.last = null;\n+            deactivated = true;\n+        }\n+        return deactivated;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Click\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/TouchNavigation.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/DragPan.js\n+ * @requires OpenLayers/Control/PinchZoom.js\n+ * @requires OpenLayers/Handler/Click.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.TouchNavigation\n+ * The navigation control handles map browsing with touch events (dragging,\n+ *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n+ *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n+ *\n+ * If you\u2019re only targeting touch enabled devices with your mapping application,\n+ *     you can create a map with only a TouchNavigation control. The \n+ *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n+ *     you can generate a smaller build of the library by only including this\n+ *     touch navigation control if you aren't concerned about mouse interaction.\n+ *\n+ * Inherits:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /**\n+     * Property: dragPan\n+     * {<OpenLayers.Control.DragPan>}\n+     */\n+    dragPan: null,\n+\n+    /**\n+     * APIProperty: dragPanOptions\n+     * {Object} Options passed to the DragPan control.\n+     */\n+    dragPanOptions: null,\n+\n+    /**\n+     * Property: pinchZoom\n+     * {<OpenLayers.Control.PinchZoom>}\n+     */\n+    pinchZoom: null,\n+\n+    /**\n+     * APIProperty: pinchZoomOptions\n+     * {Object} Options passed to the PinchZoom control.\n+     */\n+    pinchZoomOptions: null,\n+\n+    /**\n+     * APIProperty: clickHandlerOptions\n+     * {Object} Options passed to the Click handler.\n+     */\n+    clickHandlerOptions: null,\n+\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} Allow panning of the map by dragging outside map viewport.\n+     *     Default is false.\n+     */\n+    documentDrag: false,\n+\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.TouchNavigation\n+     * Create a new navigation control\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n+     */\n+    initialize: function(options) {\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy();\n+        }\n+        this.dragPan = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+            delete this.pinchZoom;\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: activate\n+     */\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n+            this.pinchZoom.activate();\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     */\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n+            this.pinchZoom.deactivate();\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    /**\n+     * Method: draw\n+     */\n+    draw: function() {\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n+        };\n+        var clickOptions = OpenLayers.Util.extend({\n+            \"double\": true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, clickCallbacks, clickOptions\n+        );\n+        this.dragPan = new OpenLayers.Control.DragPan(\n+            OpenLayers.Util.extend({\n+                map: this.map,\n+                documentDrag: this.documentDrag\n+            }, this.dragPanOptions)\n+        );\n+        this.dragPan.draw();\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+            OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions)\n+        );\n+    },\n+\n+    /**\n+     * Method: defaultClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut();\n+        }\n+    },\n+\n+    /**\n+     * Method: defaultDblClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Panel.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Panel\n+ * The Panel control is a container for other controls. With it toolbars\n+ * may be composed.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+    /**\n+     * Property: controls\n+     * {Array(<OpenLayers.Control>)}\n+     */\n+    controls: null,\n+\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n+\n+    /** \n+     * APIProperty: defaultControl\n+     * {<OpenLayers.Control>} The control which is activated when the control is\n+     * activated (turned on), which also happens at instantiation.\n+     * If <saveState> is true, <defaultControl> will be nullified after the\n+     * first activation of the panel.\n+     */\n+    defaultControl: null,\n+\n+    /**\n+     * APIProperty: saveState\n+     * {Boolean} If set to true, the active state of this panel's controls will\n+     * be stored on panel deactivation, and restored on reactivation. Default\n+     * is false.\n+     */\n+    saveState: false,\n+\n+    /**\n+     * APIProperty: allowDepress\n+     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n+     *     be deactivated by clicking the icon that represents them.  Default \n+     *     is false.\n+     */\n+    allowDepress: false,\n+\n+    /**\n+     * Property: activeState\n+     * {Object} stores the active state of this panel's controls.\n+     */\n+    activeState: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.Panel\n+     * Create a new control panel.\n+     *\n+     * Each control in the panel is represented by an icon. When clicking \n+     *     on an icon, the <activateControl> method is called.\n+     *\n+     * Specific properties for controls on a panel:\n+     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n+     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n+     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n+     * title - {string} Text displayed when mouse is over the icon that \n+     *     represents the control.     \n+     *\n+     * The <OpenLayers.Control.type> of a control determines the behavior when\n+     * clicking its icon:\n+     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n+     *     controls of this type in the same panel are deactivated. This is\n+     *     the default type.\n+     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n+     *     toggled.\n+     * <OpenLayers.Control.TYPE_BUTTON> - The\n+     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n+     *     but its active state is not changed.\n+     *\n+     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n+     * olControl[Name]ItemActive class, otherwise with the\n+     * olControl[Name]ItemInactive class.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {};\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                });\n+            }\n+            ctl.panel_div = null;\n+        }\n+        this.activeState = null;\n+    },\n+\n+    /**\n+     * APIMethod: activate\n+     */\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl ||\n+                    (this.saveState && this.activeState[control.id])) {\n+                    control.activate();\n+                }\n+            }\n+            if (this.saveState === true) {\n+                this.defaultControl = null;\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     */\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate();\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: draw\n+     *\n+     * Returns:\n+     * {DOMElement}\n+     */\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        this.addControlsToMap(this.controls);\n+        return this.div;\n+    },\n+\n+    /**\n+     * Method: redraw\n+     */\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i]);\n+        }\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: activateControl\n+     * This method is called when the user click on the icon representing a \n+     *     control in the panel.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>}\n+     */\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false;\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return;\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate();\n+            } else {\n+                control.activate();\n+            }\n+            return;\n+        }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate();\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control &&\n+                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate();\n+                }\n+            }\n+            control.activate();\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: addControls\n+     * To build a toolbar, you add a set of controls to it. addControls\n+     * lets you add a single control or a list of controls to the \n+     * Control Panel.\n+     *\n+     * Parameters:\n+     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n+     */\n+    addControls: function(controls) {\n+        if (!(OpenLayers.Util.isArray(controls))) {\n+            controls = [controls];\n+        }\n+        this.controls = this.controls.concat(controls);\n+\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element,\n+                control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title;\n+            }\n+            control.panel_div = element;\n+        }\n+\n+        if (this.map) { // map.addControl() has already been called on the panel\n+            this.addControlsToMap(controls);\n+            this.redraw();\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: createControlMarkup\n+     * This function just creates a div for the control. If specific HTML\n+     * markup is needed this function can be overridden in specific classes,\n+     * or at panel instantiation time:\n+     *\n+     * Example:\n+     * (code)\n+     * var panel = new OpenLayers.Control.Panel({\n+     *     defaultControl: control,\n+     *     // ovverride createControlMarkup to create actual buttons\n+     *     // including texts wrapped into span elements.\n+     *     createControlMarkup: function(control) {\n+     *         var button = document.createElement('button'),\n+     *             span = document.createElement('span');\n+     *         if (control.text) {\n+     *             span.innerHTML = control.text;\n+     *         }\n+     *         return button;\n+     *     }\n+     *  });\n+     * (end)\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control to create the HTML\n+     *     markup for.\n+     *\n+     * Returns:\n+     * {DOMElement} The markup.\n+     */\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\");\n+    },\n+\n+    /**\n+     * Method: addControlsToMap\n+     * Only for internal use in draw() and addControls() methods.\n+     *\n+     * Parameters:\n+     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n+     */\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true;\n+            } else {\n+                this.map.addControl(control);\n+                control.deactivate();\n+            }\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            });\n+        }\n+    },\n+\n+    /**\n+     * Method: iconOn\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n+     */\n+    iconOn: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\");\n+    },\n+\n+    /**\n+     * Method: iconOff\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n+     */\n+    iconOff: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\");\n+    },\n+\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: getControlsBy\n+     * Get a list of controls with properties matching the given criteria.\n+     *\n+     * Parameters:\n+     * property - {String} A control property to be matched.\n+     * match - {String | Object} A string to match.  Can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     match.test(control[property]) evaluates to true, the control will be\n+     *     included in the array returned.  If no controls are found, an empty\n+     *     array is returned.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n+     *     An empty array is returned if no matches are found.\n+     */\n+    getControlsBy: function(property, match) {\n+        var test = (typeof match.test == \"function\");\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || (test && match.test(item[property]));\n+        });\n+        return found;\n+    },\n+\n+    /**\n+     * APIMethod: getControlsByName\n+     * Get a list of contorls with names matching the given name.\n+     *\n+     * Parameters:\n+     * match - {String | Object} A control name.  The name can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     name.test(control.name) evaluates to true, the control will be included\n+     *     in the list of controls returned.  If no controls are found, an empty\n+     *     array is returned.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n+     *     An empty array is returned if no matches are found.\n+     */\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match);\n+    },\n+\n+    /**\n+     * APIMethod: getControlsByClass\n+     * Get a list of controls of a given type (CLASS_NAME).\n+     *\n+     * Parameters:\n+     * match - {String | Object} A control class name.  The type can also be a\n+     *     regular expression literal or object.  In addition, it can be any\n+     *     object with a method named test.  For reqular expressions or other,\n+     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n+     *     be included in the list of controls returned.  If no controls are\n+     *     found, an empty array is returned.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n+     *     An empty array is returned if no matches are found.\n+     */\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Format.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Util.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format\n+ * Base class for format reading/writing a variety of formats.  Subclasses\n+ *     of OpenLayers.Format are expected to have read and write methods.\n+ */\n+OpenLayers.Format = OpenLayers.Class({\n+\n+    /**\n+     * Property: options\n+     * {Object} A reference to options passed to the constructor.\n+     */\n+    options: null,\n+\n+    /**\n+     * APIProperty: externalProjection\n+     * {<OpenLayers.Projection>} When passed a externalProjection and\n+     *     internalProjection, the format will reproject the geometries it\n+     *     reads or writes. The externalProjection is the projection used by\n+     *     the content which is passed into read or which comes out of write.\n+     *     In order to reproject, a projection transformation function for the\n+     *     specified projections must be available. This support may be \n+     *     provided via proj4js or via a custom transformation function. See\n+     *     {<OpenLayers.Projection.addTransform>} for more information on\n+     *     custom transformations.\n+     */\n+    externalProjection: null,\n+\n+    /**\n+     * APIProperty: internalProjection\n+     * {<OpenLayers.Projection>} When passed a externalProjection and\n+     *     internalProjection, the format will reproject the geometries it\n+     *     reads or writes. The internalProjection is the projection used by\n+     *     the geometries which are returned by read or which are passed into\n+     *     write.  In order to reproject, a projection transformation function\n+     *     for the specified projections must be available. This support may be\n+     *     provided via proj4js or via a custom transformation function. See\n+     *     {<OpenLayers.Projection.addTransform>} for more information on\n+     *     custom transformations.\n+     */\n+    internalProjection: null,\n+\n+    /**\n+     * APIProperty: data\n+     * {Object} When <keepData> is true, this is the parsed string sent to\n+     *     <read>.\n+     */\n+    data: null,\n+\n+    /**\n+     * APIProperty: keepData\n+     * {Object} Maintain a reference (<data>) to the most recently read data.\n+     *     Default is false.\n+     */\n+    keepData: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Format\n+     * Instances of this class are not useful.  See one of the subclasses.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object with properties to set on the\n+     *           format\n+     *\n+     * Valid options:\n+     * keepData - {Boolean} If true, upon <read>, the data property will be\n+     *     set to the parsed object (e.g. the json or xml object).\n+     *\n+     * Returns:\n+     * An instance of OpenLayers.Format\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up.\n+     */\n+    destroy: function() {},\n+\n+    /**\n+     * Method: read\n+     * Read data from a string, and return an object whose type depends on the\n+     * subclass. \n+     * \n+     * Parameters:\n+     * data - {string} Data to read/parse.\n+     *\n+     * Returns:\n+     * Depends on the subclass\n+     */\n+    read: function(data) {\n+        throw new Error('Read not implemented.');\n+    },\n+\n+    /**\n+     * Method: write\n+     * Accept an object, and return a string. \n+     *\n+     * Parameters:\n+     * object - {Object} Object to be serialized\n+     *\n+     * Returns:\n+     * {String} A string representation of the object.\n+     */\n+    write: function(object) {\n+        throw new Error('Write not implemented.');\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/JSON.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * Note:\n+ * This work draws heavily from the public domain JSON serializer/deserializer\n+ *     at http://www.json.org/json.js. Rewritten so that it doesn't modify\n+ *     basic data prototypes.\n+ */\n+\n+/**\n+ * @requires OpenLayers/Format.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.JSON\n+ * A parser to read/write JSON safely.  Create a new instance with the\n+ *     <OpenLayers.Format.JSON> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n+\n+    /**\n+     * APIProperty: indent\n+     * {String} For \"pretty\" printing, the indent string will be used once for\n+     *     each indentation level.\n+     */\n+    indent: \"    \",\n+\n+    /**\n+     * APIProperty: space\n+     * {String} For \"pretty\" printing, the space string will be used after\n+     *     the \":\" separating a name/value pair.\n+     */\n+    space: \" \",\n+\n+    /**\n+     * APIProperty: newline\n+     * {String} For \"pretty\" printing, the newline string will be used at the\n+     *     end of each name/value pair or array item.\n+     */\n+    newline: \"\\n\",\n+\n+    /**\n+     * Property: level\n+     * {Integer} For \"pretty\" printing, this is incremented/decremented during\n+     *     serialization.\n+     */\n+    level: 0,\n+\n+    /**\n+     * Property: pretty\n+     * {Boolean} Serialize with extra whitespace for structure.  This is set\n+     *     by the <write> method.\n+     */\n+    pretty: false,\n+\n+    /**\n+     * Property: nativeJSON\n+     * {Boolean} Does the browser support native json?\n+     */\n+    nativeJSON: (function() {\n+        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\");\n+    })(),\n+\n+    /**\n+     * Constructor: OpenLayers.Format.JSON\n+     * Create a new parser for JSON.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n+\n+    /**\n+     * APIMethod: read\n+     * Deserialize a json string.\n+     *\n+     * Parameters:\n+     * json - {String} A JSON string\n+     * filter - {Function} A function which will be called for every key and\n+     *     value at every level of the final result. Each value will be\n+     *     replaced by the result of the filter function. This can be used to\n+     *     reform generic objects into instances of classes, or to transform\n+     *     date strings into Date objects.\n+     *     \n+     * Returns:\n+     * {Object} An object, array, string, or number .\n+     */\n+    read: function(json, filter) {\n+        var object;\n+        if (this.nativeJSON) {\n+            object = JSON.parse(json, filter);\n+        } else try {\n+            /**\n+             * Parsing happens in three stages. In the first stage, we run the\n+             *     text against a regular expression which looks for non-JSON\n+             *     characters. We are especially concerned with '()' and 'new'\n+             *     because they can cause invocation, and '=' because it can\n+             *     cause mutation. But just to be safe, we will reject all\n+             *     unexpected characters.\n+             */\n+            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, '@').replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']').replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))) {\n+\n+                /**\n+                 * In the second stage we use the eval function to compile the\n+                 *     text into a JavaScript structure. The '{' operator is\n+                 *     subject to a syntactic ambiguity in JavaScript - it can\n+                 *     begin a block or an object literal. We wrap the text in\n+                 *     parens to eliminate the ambiguity.\n+                 */\n+                object = eval('(' + json + ')');\n+\n+                /**\n+                 * In the optional third stage, we recursively walk the new\n+                 *     structure, passing each name/value pair to a filter\n+                 *     function for possible transformation.\n+                 */\n+                if (typeof filter === 'function') {\n+                    function walk(k, v) {\n+                        if (v && typeof v === 'object') {\n+                            for (var i in v) {\n+                                if (v.hasOwnProperty(i)) {\n+                                    v[i] = walk(i, v[i]);\n+                                }\n+                            }\n+                        }\n+                        return filter(k, v);\n+                    }\n+                    object = walk('', object);\n+                }\n+            }\n+        } catch (e) {\n+            // Fall through if the regexp test fails.\n+        }\n+\n+        if (this.keepData) {\n+            this.data = object;\n+        }\n+\n+        return object;\n+    },\n+\n+    /**\n+     * APIMethod: write\n+     * Serialize an object into a JSON string.\n+     *\n+     * Parameters:\n+     * value - {String} The object, array, string, number, boolean or date\n+     *     to be serialized.\n+     * pretty - {Boolean} Structure the output with newlines and indentation.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {String} The JSON string representation of the input value.\n+     */\n+    write: function(value, pretty) {\n+        this.pretty = !!pretty;\n+        var json = null;\n+        var type = typeof value;\n+        if (this.serialize[type]) {\n+            try {\n+                json = (!this.pretty && this.nativeJSON) ?\n+                    JSON.stringify(value) :\n+                    this.serialize[type].apply(this, [value]);\n+            } catch (err) {\n+                OpenLayers.Console.error(\"Trouble serializing: \" + err);\n+            }\n+        }\n+        return json;\n+    },\n+\n+    /**\n+     * Method: writeIndent\n+     * Output an indentation string depending on the indentation level.\n+     *\n+     * Returns:\n+     * {String} An appropriate indentation string.\n+     */\n+    writeIndent: function() {\n+        var pieces = [];\n+        if (this.pretty) {\n+            for (var i = 0; i < this.level; ++i) {\n+                pieces.push(this.indent);\n+            }\n+        }\n+        return pieces.join('');\n+    },\n+\n+    /**\n+     * Method: writeNewline\n+     * Output a string representing a newline if in pretty printing mode.\n+     *\n+     * Returns:\n+     * {String} A string representing a new line.\n+     */\n+    writeNewline: function() {\n+        return (this.pretty) ? this.newline : '';\n+    },\n+\n+    /**\n+     * Method: writeSpace\n+     * Output a string representing a space if in pretty printing mode.\n+     *\n+     * Returns:\n+     * {String} A space.\n+     */\n+    writeSpace: function() {\n+        return (this.pretty) ? this.space : '';\n+    },\n+\n+    /**\n+     * Property: serialize\n+     * Object with properties corresponding to the serializable data types.\n+     *     Property values are functions that do the actual serializing.\n+     */\n+    serialize: {\n+        /**\n+         * Method: serialize.object\n+         * Transform an object into a JSON string.\n+         *\n+         * Parameters:\n+         * object - {Object} The object to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the object.\n+         */\n+        'object': function(object) {\n+            // three special objects that we want to treat differently\n+            if (object == null) {\n+                return \"null\";\n+            }\n+            if (object.constructor == Date) {\n+                return this.serialize.date.apply(this, [object]);\n+            }\n+            if (object.constructor == Array) {\n+                return this.serialize.array.apply(this, [object]);\n+            }\n+            var pieces = ['{'];\n+            this.level += 1;\n+            var key, keyJSON, valueJSON;\n+\n+            var addComma = false;\n+            for (key in object) {\n+                if (object.hasOwnProperty(key)) {\n+                    // recursive calls need to allow for sub-classing\n+                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                        [key, this.pretty]);\n+                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                        [object[key], this.pretty]);\n+                    if (keyJSON != null && valueJSON != null) {\n+                        if (addComma) {\n+                            pieces.push(',');\n+                        }\n+                        pieces.push(this.writeNewline(), this.writeIndent(),\n+                            keyJSON, ':', this.writeSpace(), valueJSON);\n+                        addComma = true;\n+                    }\n+                }\n+            }\n+\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), '}');\n+            return pieces.join('');\n+        },\n+\n+        /**\n+         * Method: serialize.array\n+         * Transform an array into a JSON string.\n+         *\n+         * Parameters:\n+         * array - {Array} The array to be serialized\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the array.\n+         */\n+        'array': function(array) {\n+            var json;\n+            var pieces = ['['];\n+            this.level += 1;\n+\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                // recursive calls need to allow for sub-classing\n+                json = OpenLayers.Format.JSON.prototype.write.apply(this,\n+                    [array[i], this.pretty]);\n+                if (json != null) {\n+                    if (i > 0) {\n+                        pieces.push(',');\n+                    }\n+                    pieces.push(this.writeNewline(), this.writeIndent(), json);\n+                }\n+            }\n+\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), ']');\n+            return pieces.join('');\n+        },\n+\n+        /**\n+         * Method: serialize.string\n+         * Transform a string into a JSON string.\n+         *\n+         * Parameters:\n+         * string - {String} The string to be serialized\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the string.\n+         */\n+        'string': function(string) {\n+            // If the string contains no control characters, no quote characters, and no\n+            // backslash characters, then we can simply slap some quotes around it.\n+            // Otherwise we must also replace the offending characters with safe\n+            // sequences.    \n+            var m = {\n+                '\\b': '\\\\b',\n+                '\\t': '\\\\t',\n+                '\\n': '\\\\n',\n+                '\\f': '\\\\f',\n+                '\\r': '\\\\r',\n+                '\"': '\\\\\"',\n+                '\\\\': '\\\\\\\\'\n+            };\n+            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n+                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n+                    var c = m[b];\n+                    if (c) {\n+                        return c;\n+                    }\n+                    c = b.charCodeAt();\n+                    return '\\\\u00' +\n+                        Math.floor(c / 16).toString(16) +\n+                        (c % 16).toString(16);\n+                }) + '\"';\n+            }\n+            return '\"' + string + '\"';\n+        },\n+\n+        /**\n+         * Method: serialize.number\n+         * Transform a number into a JSON string.\n+         *\n+         * Parameters:\n+         * number - {Number} The number to be serialized.\n+         *\n+         * Returns:\n+         * {String} A JSON string representing the number.\n+         */\n+        'number': function(number) {\n+            return isFinite(number) ? String(number) : \"null\";\n+        },\n+\n+        /**\n+         * Method: serialize.boolean\n+         * Transform a boolean into a JSON string.\n+         *\n+         * Parameters:\n+         * bool - {Boolean} The boolean to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the boolean.\n+         */\n+        'boolean': function(bool) {\n+            return String(bool);\n+        },\n+\n+        /**\n+         * Method: serialize.object\n+         * Transform a date into a JSON string.\n+         *\n+         * Parameters:\n+         * date - {Date} The date to be serialized.\n+         * \n+         * Returns:\n+         * {String} A JSON string representing the date.\n+         */\n+        'date': function(date) {\n+            function format(number) {\n+                // Format integers to have at least two digits.\n+                return (number < 10) ? '0' + number : number;\n+            }\n+            return '\"' + date.getFullYear() + '-' +\n+                format(date.getMonth() + 1) + '-' +\n+                format(date.getDate()) + 'T' +\n+                format(date.getHours()) + ':' +\n+                format(date.getMinutes()) + ':' +\n+                format(date.getSeconds()) + '\"';\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.JSON\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Geometry/MultiLineString.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Geometry.MultiLineString\n+ * A MultiLineString is a geometry with multiple <OpenLayers.Geometry.LineString>\n+ * components.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Geometry.Collection>\n+ *  - <OpenLayers.Geometry> \n+ */\n+OpenLayers.Geometry.MultiLineString = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n+\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.LineString\"],\n+\n+        /**\n+         * Constructor: OpenLayers.Geometry.MultiLineString\n+         * Constructor for a MultiLineString Geometry.\n+         *\n+         * Parameters: \n+         * components - {Array(<OpenLayers.Geometry.LineString>)} \n+         *\n+         */\n+\n+        /**\n+         * Method: split\n+         * Use this geometry (the source) to attempt to split a target geometry.\n+         * \n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} The target geometry.\n+         * options - {Object} Properties of this object will be used to determine\n+         *     how the split is conducted.\n+         *\n+         * Valid options:\n+         * mutual - {Boolean} Split the source geometry in addition to the target\n+         *     geometry.  Default is false.\n+         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+         *     true.  If false, a vertex on the source must be within the tolerance\n+         *     distance of the intersection to be considered a split.\n+         * tolerance - {Number} If a non-null value is provided, intersections\n+         *     within the tolerance distance of an existing vertex on the source\n+         *     will be assumed to occur at the vertex.\n+         * \n+         * Returns:\n+         * {Array} A list of geometries (of this same type as the target) that\n+         *     result from splitting the target with the source geometry.  The\n+         *     source and target geometry will remain unmodified.  If no split\n+         *     results, null will be returned.  If mutual is true and a split\n+         *     results, return will be an array of two arrays - the first will be\n+         *     all geometries that result from splitting the source geometry and\n+         *     the second will be all geometries that result from splitting the\n+         *     target geometry.\n+         */\n+        split: function(geometry, options) {\n+            var results = null;\n+            var mutual = options && options.mutual;\n+            var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n+            var sourceParts = [];\n+            var targetParts = [geometry];\n+            for (var i = 0, len = this.components.length; i < len; ++i) {\n+                sourceLine = this.components[i];\n+                sourceSplit = false;\n+                for (var j = 0; j < targetParts.length; ++j) {\n+                    splits = sourceLine.split(targetParts[j], options);\n+                    if (splits) {\n+                        if (mutual) {\n+                            sourceLines = splits[0];\n+                            for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n+                                if (k === 0 && sourceParts.length) {\n+                                    sourceParts[sourceParts.length - 1].addComponent(\n+                                        sourceLines[k]\n+                                    );\n+                                } else {\n+                                    sourceParts.push(\n+                                        new OpenLayers.Geometry.MultiLineString([\n+                                            sourceLines[k]\n+                                        ])\n+                                    );\n+                                }\n+                            }\n+                            sourceSplit = true;\n+                            splits = splits[1];\n+                        }\n+                        if (splits.length) {\n+                            // splice in new target parts\n+                            splits.unshift(j, 1);\n+                            Array.prototype.splice.apply(targetParts, splits);\n+                            break;\n+                        }\n+                    }\n+                }\n+                if (!sourceSplit) {\n+                    // source line was not hit\n+                    if (sourceParts.length) {\n+                        // add line to existing multi\n+                        sourceParts[sourceParts.length - 1].addComponent(\n+                            sourceLine.clone()\n+                        );\n+                    } else {\n+                        // create a fresh multi\n+                        sourceParts = [\n+                            new OpenLayers.Geometry.MultiLineString(\n+                                sourceLine.clone()\n+                            )\n+                        ];\n+                    }\n+                }\n+            }\n+            if (sourceParts && sourceParts.length > 1) {\n+                sourceSplit = true;\n+            } else {\n+                sourceParts = [];\n+            }\n+            if (targetParts && targetParts.length > 1) {\n+                targetSplit = true;\n+            } else {\n+                targetParts = [];\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (mutual) {\n+                    results = [sourceParts, targetParts];\n+                } else {\n+                    results = targetParts;\n+                }\n+            }\n+            return results;\n+        },\n+\n+        /**\n+         * Method: splitWith\n+         * Split this geometry (the target) with the given geometry (the source).\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n+         *     geometry (the source).\n+         * options - {Object} Properties of this object will be used to determine\n+         *     how the split is conducted.\n+         *\n+         * Valid options:\n+         * mutual - {Boolean} Split the source geometry in addition to the target\n+         *     geometry.  Default is false.\n+         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n+         *     true.  If false, a vertex on the source must be within the tolerance\n+         *     distance of the intersection to be considered a split.\n+         * tolerance - {Number} If a non-null value is provided, intersections\n+         *     within the tolerance distance of an existing vertex on the source\n+         *     will be assumed to occur at the vertex.\n+         * \n+         * Returns:\n+         * {Array} A list of geometries (of this same type as the target) that\n+         *     result from splitting the target with the source geometry.  The\n+         *     source and target geometry will remain unmodified.  If no split\n+         *     results, null will be returned.  If mutual is true and a split\n+         *     results, return will be an array of two arrays - the first will be\n+         *     all geometries that result from splitting the source geometry and\n+         *     the second will be all geometries that result from splitting the\n+         *     target geometry.\n+         */\n+        splitWith: function(geometry, options) {\n+            var results = null;\n+            var mutual = options && options.mutual;\n+            var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n+            if (geometry instanceof OpenLayers.Geometry.LineString) {\n+                targetParts = [];\n+                sourceParts = [geometry];\n+                for (var i = 0, len = this.components.length; i < len; ++i) {\n+                    targetSplit = false;\n+                    targetLine = this.components[i];\n+                    for (var j = 0; j < sourceParts.length; ++j) {\n+                        splits = sourceParts[j].split(targetLine, options);\n+                        if (splits) {\n+                            if (mutual) {\n+                                sourceLines = splits[0];\n+                                if (sourceLines.length) {\n+                                    // splice in new source parts\n+                                    sourceLines.unshift(j, 1);\n+                                    Array.prototype.splice.apply(sourceParts, sourceLines);\n+                                    j += sourceLines.length - 2;\n+                                }\n+                                splits = splits[1];\n+                                if (splits.length === 0) {\n+                                    splits = [targetLine.clone()];\n+                                }\n+                            }\n+                            for (var k = 0, klen = splits.length; k < klen; ++k) {\n+                                if (k === 0 && targetParts.length) {\n+                                    targetParts[targetParts.length - 1].addComponent(\n+                                        splits[k]\n+                                    );\n+                                } else {\n+                                    targetParts.push(\n+                                        new OpenLayers.Geometry.MultiLineString([\n+                                            splits[k]\n+                                        ])\n+                                    );\n+                                }\n+                            }\n+                            targetSplit = true;\n+                        }\n+                    }\n+                    if (!targetSplit) {\n+                        // target component was not hit\n+                        if (targetParts.length) {\n+                            // add it to any existing multi-line\n+                            targetParts[targetParts.length - 1].addComponent(\n+                                targetLine.clone()\n+                            );\n+                        } else {\n+                            // or start with a fresh multi-line\n+                            targetParts = [\n+                                new OpenLayers.Geometry.MultiLineString([\n+                                    targetLine.clone()\n+                                ])\n+                            ];\n+                        }\n+\n+                    }\n+                }\n+            } else {\n+                results = geometry.split(this);\n+            }\n+            if (sourceParts && sourceParts.length > 1) {\n+                sourceSplit = true;\n+            } else {\n+                sourceParts = [];\n+            }\n+            if (targetParts && targetParts.length > 1) {\n+                targetSplit = true;\n+            } else {\n+                targetParts = [];\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (mutual) {\n+                    results = [sourceParts, targetParts];\n+                } else {\n+                    results = targetParts;\n+                }\n+            }\n+            return results;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Geometry/MultiPolygon.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Geometry.MultiPolygon\n+ * MultiPolygon is a geometry with multiple <OpenLayers.Geometry.Polygon>\n+ * components.  Create a new instance with the <OpenLayers.Geometry.MultiPolygon>\n+ * constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Geometry.Collection>\n+ */\n+OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(\n+    OpenLayers.Geometry.Collection, {\n+\n+        /**\n+         * Property: componentTypes\n+         * {Array(String)} An array of class names representing the types of\n+         * components that the collection can include.  A null value means the\n+         * component types are not restricted.\n+         */\n+        componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n+\n+        /**\n+         * Constructor: OpenLayers.Geometry.MultiPolygon\n+         * Create a new MultiPolygon geometry\n+         *\n+         * Parameters:\n+         * components - {Array(<OpenLayers.Geometry.Polygon>)} An array of polygons\n+         *              used to generate the MultiPolygon\n+         *\n+         */\n+\n+        CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/GeoJSON.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/JSON.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/MultiPoint.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/MultiLineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/MultiPolygon.js\n+ * @requires OpenLayers/Console.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.GeoJSON\n+ * Read and write GeoJSON. Create a new parser with the\n+ *     <OpenLayers.Format.GeoJSON> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.JSON>\n+ */\n+OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n+\n+    /**\n+     * APIProperty: ignoreExtraDims\n+     * {Boolean} Ignore dimensions higher than 2 when reading geometry\n+     * coordinates.\n+     */\n+    ignoreExtraDims: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Format.GeoJSON\n+     * Create a new parser for GeoJSON.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n+\n+    /**\n+     * APIMethod: read\n+     * Deserialize a GeoJSON string.\n+     *\n+     * Parameters:\n+     * json - {String} A GeoJSON string\n+     * type - {String} Optional string that determines the structure of\n+     *     the output.  Supported values are \"Geometry\", \"Feature\", and\n+     *     \"FeatureCollection\".  If absent or null, a default of\n+     *     \"FeatureCollection\" is assumed.\n+     * filter - {Function} A function which will be called for every key and\n+     *     value at every level of the final result. Each value will be\n+     *     replaced by the result of the filter function. This can be used to\n+     *     reform generic objects into instances of classes, or to transform\n+     *     date strings into Date objects.\n+     *\n+     * Returns: \n+     * {Object} The return depends on the value of the type argument. If type\n+     *     is \"FeatureCollection\" (the default), the return will be an array\n+     *     of <OpenLayers.Feature.Vector>. If type is \"Geometry\", the input json\n+     *     must represent a single geometry, and the return will be an\n+     *     <OpenLayers.Geometry>.  If type is \"Feature\", the input json must\n+     *     represent a single feature, and the return will be an\n+     *     <OpenLayers.Feature.Vector>.\n+     */\n+    read: function(json, type, filter) {\n+        type = (type) ? type : \"FeatureCollection\";\n+        var results = null;\n+        var obj = null;\n+        if (typeof json == \"string\") {\n+            obj = OpenLayers.Format.JSON.prototype.read.apply(this,\n+                [json, filter]);\n+        } else {\n+            obj = json;\n+        }\n+        if (!obj) {\n+            OpenLayers.Console.error(\"Bad JSON: \" + json);\n+        } else if (typeof(obj.type) != \"string\") {\n+            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json);\n+        } else if (this.isValidType(obj, type)) {\n+            switch (type) {\n+                case \"Geometry\":\n+                    try {\n+                        results = this.parseGeometry(obj);\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err);\n+                    }\n+                    break;\n+                case \"Feature\":\n+                    try {\n+                        results = this.parseFeature(obj);\n+                        results.type = \"Feature\";\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err);\n+                    }\n+                    break;\n+                case \"FeatureCollection\":\n+                    // for type FeatureCollection, we allow input to be any type\n+                    results = [];\n+                    switch (obj.type) {\n+                        case \"Feature\":\n+                            try {\n+                                results.push(this.parseFeature(obj));\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err);\n+                            }\n+                            break;\n+                        case \"FeatureCollection\":\n+                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n+                                try {\n+                                    results.push(this.parseFeature(obj.features[i]));\n+                                } catch (err) {\n+                                    results = null;\n+                                    OpenLayers.Console.error(err);\n+                                }\n+                            }\n+                            break;\n+                        default:\n+                            try {\n+                                var geom = this.parseGeometry(obj);\n+                                results.push(new OpenLayers.Feature.Vector(geom));\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err);\n+                            }\n+                    }\n+                    break;\n+            }\n+        }\n+        return results;\n+    },\n+\n+    /**\n+     * Method: isValidType\n+     * Check if a GeoJSON object is a valid representative of the given type.\n+     *\n+     * Returns:\n+     * {Boolean} The object is valid GeoJSON object of the given type.\n+     */\n+    isValidType: function(obj, type) {\n+        var valid = false;\n+        switch (type) {\n+            case \"Geometry\":\n+                if (OpenLayers.Util.indexOf(\n+                        [\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\",\n+                            \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"\n+                        ],\n+                        obj.type) == -1) {\n+                    // unsupported geometry type\n+                    OpenLayers.Console.error(\"Unsupported geometry type: \" +\n+                        obj.type);\n+                } else {\n+                    valid = true;\n+                }\n+                break;\n+            case \"FeatureCollection\":\n+                // allow for any type to be converted to a feature collection\n+                valid = true;\n+                break;\n+            default:\n+                // for Feature types must match\n+                if (obj.type == type) {\n+                    valid = true;\n+                } else {\n+                    OpenLayers.Console.error(\"Cannot convert types from \" +\n+                        obj.type + \" to \" + type);\n+                }\n+        }\n+        return valid;\n+    },\n+\n+    /**\n+     * Method: parseFeature\n+     * Convert a feature object from GeoJSON into an\n+     *     <OpenLayers.Feature.Vector>.\n+     *\n+     * Parameters:\n+     * obj - {Object} An object created from a GeoJSON object\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature.\n+     */\n+    parseFeature: function(obj) {\n+        var feature, geometry, attributes, bbox;\n+        attributes = (obj.properties) ? obj.properties : {};\n+        bbox = (obj.geometry && obj.geometry.bbox) || obj.bbox;\n+        try {\n+            geometry = this.parseGeometry(obj.geometry);\n+        } catch (err) {\n+            // deal with bad geometries\n+            throw err;\n+        }\n+        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        if (bbox) {\n+            feature.bounds = OpenLayers.Bounds.fromArray(bbox);\n+        }\n+        if (obj.id) {\n+            feature.fid = obj.id;\n+        }\n+        return feature;\n+    },\n+\n+    /**\n+     * Method: parseGeometry\n+     * Convert a geometry object from GeoJSON into an <OpenLayers.Geometry>.\n+     *\n+     * Parameters:\n+     * obj - {Object} An object created from a GeoJSON object\n+     *\n+     * Returns: \n+     * {<OpenLayers.Geometry>} A geometry.\n+     */\n+    parseGeometry: function(obj) {\n+        if (obj == null) {\n+            return null;\n+        }\n+        var geometry, collection = false;\n+        if (obj.type == \"GeometryCollection\") {\n+            if (!(OpenLayers.Util.isArray(obj.geometries))) {\n+                throw \"GeometryCollection must have geometries array: \" + obj;\n+            }\n+            var numGeom = obj.geometries.length;\n+            var components = new Array(numGeom);\n+            for (var i = 0; i < numGeom; ++i) {\n+                components[i] = this.parseGeometry.apply(\n+                    this, [obj.geometries[i]]\n+                );\n+            }\n+            geometry = new OpenLayers.Geometry.Collection(components);\n+            collection = true;\n+        } else {\n+            if (!(OpenLayers.Util.isArray(obj.coordinates))) {\n+                throw \"Geometry must have coordinates array: \" + obj;\n+            }\n+            if (!this.parseCoords[obj.type.toLowerCase()]) {\n+                throw \"Unsupported geometry type: \" + obj.type;\n+            }\n+            try {\n+                geometry = this.parseCoords[obj.type.toLowerCase()].apply(\n+                    this, [obj.coordinates]\n+                );\n+            } catch (err) {\n+                // deal with bad coordinates\n+                throw err;\n+            }\n+        }\n+        // We don't reproject collections because the children are reprojected\n+        // for us when they are created.\n+        if (this.internalProjection && this.externalProjection && !collection) {\n+            geometry.transform(this.externalProjection,\n+                this.internalProjection);\n+        }\n+        return geometry;\n+    },\n+\n+    /**\n+     * Property: parseCoords\n+     * Object with properties corresponding to the GeoJSON geometry types.\n+     *     Property values are functions that do the actual parsing.\n+     */\n+    parseCoords: {\n+        /**\n+         * Method: parseCoords.point\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"point\": function(array) {\n+            if (this.ignoreExtraDims == false &&\n+                array.length != 2) {\n+                throw \"Only 2D points are supported: \" + array;\n+            }\n+            return new OpenLayers.Geometry.Point(array[0], array[1]);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multipoint\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multipoint\": function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                points.push(p);\n+            }\n+            return new OpenLayers.Geometry.MultiPoint(points);\n+        },\n+\n+        /**\n+         * Method: parseCoords.linestring\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"linestring\": function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                points.push(p);\n+            }\n+            return new OpenLayers.Geometry.LineString(points);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multilinestring\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multilinestring\": function(array) {\n+            var lines = [];\n+            var l = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                lines.push(l);\n+            }\n+            return new OpenLayers.Geometry.MultiLineString(lines);\n+        },\n+\n+        /**\n+         * Method: parseCoords.polygon\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"polygon\": function(array) {\n+            var rings = [];\n+            var r, l;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                r = new OpenLayers.Geometry.LinearRing(l.components);\n+                rings.push(r);\n+            }\n+            return new OpenLayers.Geometry.Polygon(rings);\n+        },\n+\n+        /**\n+         * Method: parseCoords.multipolygon\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"multipolygon\": function(array) {\n+            var polys = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]]);\n+                } catch (err) {\n+                    throw err;\n+                }\n+                polys.push(p);\n+            }\n+            return new OpenLayers.Geometry.MultiPolygon(polys);\n+        },\n+\n+        /**\n+         * Method: parseCoords.box\n+         * Convert a coordinate array from GeoJSON into an\n+         *     <OpenLayers.Geometry>.\n+         *\n+         * Parameters:\n+         * array - {Object} The coordinates array from the GeoJSON fragment.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry>} A geometry.\n+         */\n+        \"box\": function(array) {\n+            if (array.length != 2) {\n+                throw \"GeoJSON box coordinates must have 2 elements\";\n+            }\n+            return new OpenLayers.Geometry.Polygon([\n+                new OpenLayers.Geometry.LinearRing([\n+                    new OpenLayers.Geometry.Point(array[0][0], array[0][1]),\n+                    new OpenLayers.Geometry.Point(array[1][0], array[0][1]),\n+                    new OpenLayers.Geometry.Point(array[1][0], array[1][1]),\n+                    new OpenLayers.Geometry.Point(array[0][0], array[1][1]),\n+                    new OpenLayers.Geometry.Point(array[0][0], array[0][1])\n+                ])\n+            ]);\n+        }\n+\n+    },\n+\n+    /**\n+     * APIMethod: write\n+     * Serialize a feature, geometry, array of features into a GeoJSON string.\n+     *\n+     * Parameters:\n+     * obj - {Object} An <OpenLayers.Feature.Vector>, <OpenLayers.Geometry>,\n+     *     or an array of features.\n+     * pretty - {Boolean} Structure the output with newlines and indentation.\n+     *     Default is false.\n+     *\n+     * Returns:\n+     * {String} The GeoJSON string representation of the input geometry,\n+     *     features, or array of features.\n+     */\n+    write: function(obj, pretty) {\n+        var geojson = {\n+            \"type\": null\n+        };\n+        if (OpenLayers.Util.isArray(obj)) {\n+            geojson.type = \"FeatureCollection\";\n+            var numFeatures = obj.length;\n+            geojson.features = new Array(numFeatures);\n+            for (var i = 0; i < numFeatures; ++i) {\n+                var element = obj[i];\n+                if (!element instanceof OpenLayers.Feature.Vector) {\n+                    var msg = \"FeatureCollection only supports collections \" +\n+                        \"of features: \" + element;\n+                    throw msg;\n+                }\n+                geojson.features[i] = this.extract.feature.apply(\n+                    this, [element]\n+                );\n+            }\n+        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n+            geojson = this.extract.geometry.apply(this, [obj]);\n+        } else if (obj instanceof OpenLayers.Feature.Vector) {\n+            geojson = this.extract.feature.apply(this, [obj]);\n+            if (obj.layer && obj.layer.projection) {\n+                geojson.crs = this.createCRSObject(obj);\n+            }\n+        }\n+        return OpenLayers.Format.JSON.prototype.write.apply(this,\n+            [geojson, pretty]);\n+    },\n+\n+    /**\n+     * Method: createCRSObject\n+     * Create the CRS object for an object.\n+     *\n+     * Parameters:\n+     * object - {<OpenLayers.Feature.Vector>} \n+     *\n+     * Returns:\n+     * {Object} An object which can be assigned to the crs property\n+     * of a GeoJSON object.\n+     */\n+    createCRSObject: function(object) {\n+        var proj = object.layer.projection.toString();\n+        var crs = {};\n+        if (proj.match(/epsg:/i)) {\n+            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n+            if (code == 4326) {\n+                crs = {\n+                    \"type\": \"name\",\n+                    \"properties\": {\n+                        \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n+                    }\n+                };\n+            } else {\n+                crs = {\n+                    \"type\": \"name\",\n+                    \"properties\": {\n+                        \"name\": \"EPSG:\" + code\n+                    }\n+                };\n+            }\n+        }\n+        return crs;\n+    },\n+\n+    /**\n+     * Property: extract\n+     * Object with properties corresponding to the GeoJSON types.\n+     *     Property values are functions that do the actual value extraction.\n+     */\n+    extract: {\n+        /**\n+         * Method: extract.feature\n+         * Return a partial GeoJSON object representing a single feature.\n+         *\n+         * Parameters:\n+         * feature - {<OpenLayers.Feature.Vector>}\n+         *\n+         * Returns:\n+         * {Object} An object representing the point.\n+         */\n+        'feature': function(feature) {\n+            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n+            var json = {\n+                \"type\": \"Feature\",\n+                \"properties\": feature.attributes,\n+                \"geometry\": geom\n+            };\n+            if (feature.fid != null) {\n+                json.id = feature.fid;\n+            }\n+            return json;\n+        },\n+\n+        /**\n+         * Method: extract.geometry\n+         * Return a GeoJSON object representing a single geometry.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry>}\n+         *\n+         * Returns:\n+         * {Object} An object representing the geometry.\n+         */\n+        'geometry': function(geometry) {\n+            if (geometry == null) {\n+                return null;\n+            }\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry = geometry.clone();\n+                geometry.transform(this.internalProjection,\n+                    this.externalProjection);\n+            }\n+            var geometryType = geometry.CLASS_NAME.split('.')[2];\n+            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n+            var json;\n+            if (geometryType == \"Collection\") {\n+                json = {\n+                    \"type\": \"GeometryCollection\",\n+                    \"geometries\": data\n+                };\n+            } else {\n+                json = {\n+                    \"type\": geometryType,\n+                    \"coordinates\": data\n+                };\n+            }\n+\n+            return json;\n+        },\n+\n+        /**\n+         * Method: extract.point\n+         * Return an array of coordinates from a point.\n+         *\n+         * Parameters:\n+         * point - {<OpenLayers.Geometry.Point>}\n+         *\n+         * Returns: \n+         * {Array} An array of coordinates representing the point.\n+         */\n+        'point': function(point) {\n+            return [point.x, point.y];\n+        },\n+\n+        /**\n+         * Method: extract.multipoint\n+         * Return an array of point coordinates from a multipoint.\n+         *\n+         * Parameters:\n+         * multipoint - {<OpenLayers.Geometry.MultiPoint>}\n+         *\n+         * Returns:\n+         * {Array} An array of point coordinate arrays representing\n+         *     the multipoint.\n+         */\n+        'multipoint': function(multipoint) {\n+            var array = [];\n+            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [multipoint.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.linestring\n+         * Return an array of coordinate arrays from a linestring.\n+         *\n+         * Parameters:\n+         * linestring - {<OpenLayers.Geometry.LineString>}\n+         *\n+         * Returns:\n+         * {Array} An array of coordinate arrays representing\n+         *     the linestring.\n+         */\n+        'linestring': function(linestring) {\n+            var array = [];\n+            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [linestring.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.multilinestring\n+         * Return an array of linestring arrays from a linestring.\n+         * \n+         * Parameters:\n+         * multilinestring - {<OpenLayers.Geometry.MultiLineString>}\n+         * \n+         * Returns:\n+         * {Array} An array of linestring arrays representing\n+         *     the multilinestring.\n+         */\n+        'multilinestring': function(multilinestring) {\n+            var array = [];\n+            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.polygon\n+         * Return an array of linear ring arrays from a polygon.\n+         *\n+         * Parameters:\n+         * polygon - {<OpenLayers.Geometry.Polygon>}\n+         * \n+         * Returns:\n+         * {Array} An array of linear ring arrays representing the polygon.\n+         */\n+        'polygon': function(polygon) {\n+            var array = [];\n+            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [polygon.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.multipolygon\n+         * Return an array of polygon arrays from a multipolygon.\n+         * \n+         * Parameters:\n+         * multipolygon - {<OpenLayers.Geometry.MultiPolygon>}\n+         * \n+         * Returns:\n+         * {Array} An array of polygon arrays representing\n+         *     the multipolygon\n+         */\n+        'multipolygon': function(multipolygon) {\n+            var array = [];\n+            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n+                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]));\n+            }\n+            return array;\n+        },\n+\n+        /**\n+         * Method: extract.collection\n+         * Return an array of geometries from a geometry collection.\n+         * \n+         * Parameters:\n+         * collection - {<OpenLayers.Geometry.Collection>}\n+         * \n+         * Returns:\n+         * {Array} An array of geometry objects representing the geometry\n+         *     collection.\n+         */\n+        'collection': function(collection) {\n+            var len = collection.components.length;\n+            var array = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                array[i] = this.extract.geometry.apply(\n+                    this, [collection.components[i]]\n+                );\n+            }\n+            return array;\n+        }\n+\n+\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/BaseTypes/Date.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Date\n+ * Contains implementations of Date.parse and date.toISOString that match the\n+ *     ECMAScript 5 specification for parsing RFC 3339 dates.\n+ *     http://tools.ietf.org/html/rfc3339\n+ */\n+OpenLayers.Date = {\n+\n+    /** \n+     * APIProperty: dateRegEx\n+     * The regex to be used for validating dates. You can provide your own\n+     * regex for instance for adding support for years before BC. Default\n+     * value is: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/\n+     */\n+    dateRegEx: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/,\n+\n+    /**\n+     * APIMethod: toISOString\n+     * Generates a string representing a date.  The format of the string follows\n+     *     the profile of ISO 8601 for date and time on the Internet (see\n+     *     http://tools.ietf.org/html/rfc3339).  If the toISOString method is\n+     *     available on the Date prototype, that is used.  The toISOString\n+     *     method for Date instances is defined in ECMA-262.\n+     *\n+     * Parameters:\n+     * date - {Date} A date object.\n+     *\n+     * Returns:\n+     * {String} A string representing the date (e.g.\n+     *     \"2010-08-07T16:58:23.123Z\").  If the date does not have a valid time\n+     *     (i.e. isNaN(date.getTime())) this method returns the string \"Invalid\n+     *     Date\".  The ECMA standard says the toISOString method should throw\n+     *     RangeError in this case, but Firefox returns a string instead.  For\n+     *     best results, use isNaN(date.getTime()) to determine date validity\n+     *     before generating date strings.\n+     */\n+    toISOString: (function() {\n+        if (\"toISOString\" in Date.prototype) {\n+            return function(date) {\n+                return date.toISOString();\n+            };\n+        } else {\n+            return function(date) {\n+                var str;\n+                if (isNaN(date.getTime())) {\n+                    // ECMA-262 says throw RangeError, Firefox returns\n+                    // \"Invalid Date\"\n+                    str = \"Invalid Date\";\n+                } else {\n+                    str =\n+                        date.getUTCFullYear() + \"-\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCMonth() + 1, 2) + \"-\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCDate(), 2) + \"T\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCHours(), 2) + \":\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCMinutes(), 2) + \":\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCSeconds(), 2) + \".\" +\n+                        OpenLayers.Number.zeroPad(date.getUTCMilliseconds(), 3) + \"Z\";\n+                }\n+                return str;\n+            };\n+        }\n+\n+    })(),\n+\n+    /**\n+     * APIMethod: parse\n+     * Generate a date object from a string.  The format for the string follows\n+     *     the profile of ISO 8601 for date and time on the Internet (see\n+     *     http://tools.ietf.org/html/rfc3339).  We don't call the native\n+     *     Date.parse because of inconsistency between implmentations.  In\n+     *     Chrome, calling Date.parse with a string that doesn't contain any\n+     *     indication of the timezone (e.g. \"2011\"), the date is interpreted\n+     *     in local time.  On Firefox, the assumption is UTC.\n+     *\n+     * Parameters:\n+     * str - {String} A string representing the date (e.g.\n+     *     \"2010\", \"2010-08\", \"2010-08-07\", \"2010-08-07T16:58:23.123Z\",\n+     *     \"2010-08-07T11:58:23.123-06\").\n+     *\n+     * Returns:\n+     * {Date} A date object.  If the string could not be parsed, an invalid\n+     *     date is returned (i.e. isNaN(date.getTime())).\n+     */\n+    parse: function(str) {\n+        var date;\n+        var match = str.match(this.dateRegEx);\n+        if (match && (match[1] || match[7])) { // must have at least year or time\n+            var year = parseInt(match[1], 10) || 0;\n+            var month = (parseInt(match[2], 10) - 1) || 0;\n+            var day = parseInt(match[3], 10) || 1;\n+            date = new Date(Date.UTC(year, month, day));\n+            // optional time\n+            var type = match[7];\n+            if (type) {\n+                var hours = parseInt(match[4], 10);\n+                var minutes = parseInt(match[5], 10);\n+                var secFrac = parseFloat(match[6]);\n+                var seconds = secFrac | 0;\n+                var milliseconds = Math.round(1000 * (secFrac - seconds));\n+                date.setUTCHours(hours, minutes, seconds, milliseconds);\n+                // check offset\n+                if (type !== \"Z\") {\n+                    var hoursOffset = parseInt(type, 10);\n+                    var minutesOffset = parseInt(match[8], 10) || 0;\n+                    var offset = -1000 * (60 * (hoursOffset * 60) + minutesOffset * 60);\n+                    date = new Date(date.getTime() + offset);\n+                }\n+            }\n+        } else {\n+            date = new Date(\"invalid\");\n+        }\n+        return date;\n+    }\n+};\n+/* ======================================================================\n+    OpenLayers/Format/XML.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.XML\n+ * Read and write XML.  For cross-browser XML generation, use methods on an\n+ *     instance of the XML format class instead of on <code>document<end>.\n+ *     The DOM creation and traversing methods exposed here all mimic the\n+ *     W3C XML DOM methods.  Create a new parser with the\n+ *     <OpenLayers.Format.XML> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.XML = OpenLayers.Class(OpenLayers.Format, {\n+\n+    /**\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.  Properties\n+     *     of this object should not be set individually.  Read-only.  All\n+     *     XML subclasses should have their own namespaces object.  Use\n+     *     <setNamespace> to add or set a namespace alias after construction.\n+     */\n+    namespaces: null,\n+\n+    /**\n+     * Property: namespaceAlias\n+     * {Object} Mapping of namespace URI to namespace alias.  This object\n+     *     is read-only.  Use <setNamespace> to add or set a namespace alias.\n+     */\n+    namespaceAlias: null,\n+\n+    /**\n+     * Property: defaultPrefix\n+     * {String} The default namespace alias for creating element nodes.\n+     */\n+    defaultPrefix: null,\n+\n+    /**\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n+     */\n+    readers: {},\n+\n+    /**\n+     * Property: writers\n+     * As a compliment to the <readers> property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {},\n+\n+    /**\n+     * Property: xmldom\n+     * {XMLDom} If this browser uses ActiveX, this will be set to a XMLDOM\n+     *     object.  It is not intended to be a browser sniffing property.\n+     *     Instead, the xmldom property is used instead of <code>document<end>\n+     *     where namespaced node creation methods are not supported. In all\n+     *     other browsers, this remains null.\n+     */\n+    xmldom: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Format.XML\n+     * Construct an XML parser.  The parser is used to read and write XML.\n+     *     Reading XML from a string returns a DOM element.  Writing XML from\n+     *     a DOM element returns a string.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on\n+     *     the object.\n+     */\n+    initialize: function(options) {\n+        if (window.ActiveXObject) {\n+            this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n+        }\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n+        // clone the namespace object and set all namespace aliases\n+        this.namespaces = OpenLayers.Util.extend({}, this.namespaces);\n+        this.namespaceAlias = {};\n+        for (var alias in this.namespaces) {\n+            this.namespaceAlias[this.namespaces[alias]] = alias;\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up.\n+     */\n+    destroy: function() {\n+        this.xmldom = null;\n+        OpenLayers.Format.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: setNamespace\n+     * Set a namespace alias and URI for the format.\n+     *\n+     * Parameters:\n+     * alias - {String} The namespace alias (prefix).\n+     * uri - {String} The namespace URI.\n+     */\n+    setNamespace: function(alias, uri) {\n+        this.namespaces[alias] = uri;\n+        this.namespaceAlias[uri] = alias;\n+    },\n+\n+    /**\n+     * APIMethod: read\n+     * Deserialize a XML string and return a DOM node.\n+     *\n+     * Parameters:\n+     * text - {String} A XML string\n+     \n+     * Returns:\n+     * {DOMElement} A DOM node\n+     */\n+    read: function(text) {\n+        var index = text.indexOf('<');\n+        if (index > 0) {\n+            text = text.substring(index);\n+        }\n+        var node = OpenLayers.Util.Try(\n+            OpenLayers.Function.bind((\n+                function() {\n+                    var xmldom;\n+                    /**\n+                     * Since we want to be able to call this method on the prototype\n+                     * itself, this.xmldom may not exist even if in IE.\n+                     */\n+                    if (window.ActiveXObject && !this.xmldom) {\n+                        xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n+                    } else {\n+                        xmldom = this.xmldom;\n+\n+                    }\n+                    xmldom.loadXML(text);\n+                    return xmldom;\n+                }\n+            ), this),\n+            function() {\n+                return new DOMParser().parseFromString(text, 'text/xml');\n+            },\n+            function() {\n+                var req = new XMLHttpRequest();\n+                req.open(\"GET\", \"data:\" + \"text/xml\" +\n+                    \";charset=utf-8,\" + encodeURIComponent(text), false);\n+                if (req.overrideMimeType) {\n+                    req.overrideMimeType(\"text/xml\");\n+                }\n+                req.send(null);\n+                return req.responseXML;\n+            }\n+        );\n+\n+        if (this.keepData) {\n+            this.data = node;\n+        }\n+\n+        return node;\n+    },\n+\n+    /**\n+     * APIMethod: write\n+     * Serialize a DOM node into a XML string.\n+     * \n+     * Parameters:\n+     * node - {DOMElement} A DOM node.\n+     *\n+     * Returns:\n+     * {String} The XML string representation of the input node.\n+     */\n+    write: function(node) {\n+        var data;\n+        if (this.xmldom) {\n+            data = node.xml;\n+        } else {\n+            var serializer = new XMLSerializer();\n+            if (node.nodeType == 1) {\n+                // Add nodes to a document before serializing. Everything else\n+                // is serialized as is. This may need more work. See #1218 .\n+                var doc = document.implementation.createDocument(\"\", \"\", null);\n+                if (doc.importNode) {\n+                    node = doc.importNode(node, true);\n+                }\n+                doc.appendChild(node);\n+                data = serializer.serializeToString(doc);\n+            } else {\n+                data = serializer.serializeToString(node);\n+            }\n+        }\n+        return data;\n+    },\n+\n+    /**\n+     * APIMethod: createElementNS\n+     * Create a new element with namespace.  This node can be appended to\n+     *     another node with the standard node.appendChild method.  For\n+     *     cross-browser support, this method must be used instead of\n+     *     document.createElementNS.\n+     *\n+     * Parameters:\n+     * uri - {String} Namespace URI for the element.\n+     * name - {String} The qualified name of the element (prefix:localname).\n+     * \n+     * Returns:\n+     * {Element} A DOM element with namespace.\n+     */\n+    createElementNS: function(uri, name) {\n+        var element;\n+        if (this.xmldom) {\n+            if (typeof uri == \"string\") {\n+                element = this.xmldom.createNode(1, name, uri);\n+            } else {\n+                element = this.xmldom.createNode(1, name, \"\");\n+            }\n+        } else {\n+            element = document.createElementNS(uri, name);\n+        }\n+        return element;\n+    },\n+\n+    /**\n+     * APIMethod: createDocumentFragment\n+     * Create a document fragment node that can be appended to another node\n+     *     created by createElementNS.  This will call \n+     *     document.createDocumentFragment outside of IE.  In IE, the ActiveX\n+     *     object's createDocumentFragment method is used.\n+     *\n+     * Returns:\n+     * {Element} A document fragment.\n+     */\n+    createDocumentFragment: function() {\n+        var element;\n+        if (this.xmldom) {\n+            element = this.xmldom.createDocumentFragment();\n+        } else {\n+            element = document.createDocumentFragment();\n+        }\n+        return element;\n+    },\n+\n+    /**\n+     * APIMethod: createTextNode\n+     * Create a text node.  This node can be appended to another node with\n+     *     the standard node.appendChild method.  For cross-browser support,\n+     *     this method must be used instead of document.createTextNode.\n+     * \n+     * Parameters:\n+     * text - {String} The text of the node.\n+     * \n+     * Returns: \n+     * {DOMElement} A DOM text node.\n+     */\n+    createTextNode: function(text) {\n+        var node;\n+        if (typeof text !== \"string\") {\n+            text = String(text);\n+        }\n+        if (this.xmldom) {\n+            node = this.xmldom.createTextNode(text);\n+        } else {\n+            node = document.createTextNode(text);\n+        }\n+        return node;\n+    },\n+\n+    /**\n+     * APIMethod: getElementsByTagNameNS\n+     * Get a list of elements on a node given the namespace URI and local name.\n+     *     To return all nodes in a given namespace, use '*' for the name\n+     *     argument.  To return all nodes of a given (local) name, regardless\n+     *     of namespace, use '*' for the uri argument.\n+     * \n+     * Parameters:\n+     * node - {Element} Node on which to search for other nodes.\n+     * uri - {String} Namespace URI.\n+     * name - {String} Local name of the tag (without the prefix).\n+     * \n+     * Returns:\n+     * {NodeList} A node list or array of elements.\n+     */\n+    getElementsByTagNameNS: function(node, uri, name) {\n+        var elements = [];\n+        if (node.getElementsByTagNameNS) {\n+            elements = node.getElementsByTagNameNS(uri, name);\n+        } else {\n+            // brute force method\n+            var allNodes = node.getElementsByTagName(\"*\");\n+            var potentialNode, fullName;\n+            for (var i = 0, len = allNodes.length; i < len; ++i) {\n+                potentialNode = allNodes[i];\n+                fullName = (potentialNode.prefix) ?\n+                    (potentialNode.prefix + \":\" + name) : name;\n+                if ((name == \"*\") || (fullName == potentialNode.nodeName)) {\n+                    if ((uri == \"*\") || (uri == potentialNode.namespaceURI)) {\n+                        elements.push(potentialNode);\n+                    }\n+                }\n+            }\n+        }\n+        return elements;\n+    },\n+\n+    /**\n+     * APIMethod: getAttributeNodeNS\n+     * Get an attribute node given the namespace URI and local name.\n+     * \n+     * Parameters:\n+     * node - {Element} Node on which to search for attribute nodes.\n+     * uri - {String} Namespace URI.\n+     * name - {String} Local name of the attribute (without the prefix).\n+     * \n+     * Returns:\n+     * {DOMElement} An attribute node or null if none found.\n+     */\n+    getAttributeNodeNS: function(node, uri, name) {\n+        var attributeNode = null;\n+        if (node.getAttributeNodeNS) {\n+            attributeNode = node.getAttributeNodeNS(uri, name);\n+        } else {\n+            var attributes = node.attributes;\n+            var potentialNode, fullName;\n+            for (var i = 0, len = attributes.length; i < len; ++i) {\n+                potentialNode = attributes[i];\n+                if (potentialNode.namespaceURI == uri) {\n+                    fullName = (potentialNode.prefix) ?\n+                        (potentialNode.prefix + \":\" + name) : name;\n+                    if (fullName == potentialNode.nodeName) {\n+                        attributeNode = potentialNode;\n+                        break;\n+                    }\n+                }\n+            }\n+        }\n+        return attributeNode;\n+    },\n+\n+    /**\n+     * APIMethod: getAttributeNS\n+     * Get an attribute value given the namespace URI and local name.\n+     * \n+     * Parameters:\n+     * node - {Element} Node on which to search for an attribute.\n+     * uri - {String} Namespace URI.\n+     * name - {String} Local name of the attribute (without the prefix).\n+     * \n+     * Returns:\n+     * {String} An attribute value or and empty string if none found.\n+     */\n+    getAttributeNS: function(node, uri, name) {\n+        var attributeValue = \"\";\n+        if (node.getAttributeNS) {\n+            attributeValue = node.getAttributeNS(uri, name) || \"\";\n+        } else {\n+            var attributeNode = this.getAttributeNodeNS(node, uri, name);\n+            if (attributeNode) {\n+                attributeValue = attributeNode.nodeValue;\n+            }\n+        }\n+        return attributeValue;\n+    },\n+\n+    /**\n+     * APIMethod: getChildValue\n+     * Get the textual value of the node if it exists, or return an\n+     *     optional default string.  Returns an empty string if no first child\n+     *     exists and no default value is supplied.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The element used to look for a first child value.\n+     * def - {String} Optional string to return in the event that no\n+     *     first child value exists.\n+     *\n+     * Returns:\n+     * {String} The value of the first child of the given node.\n+     */\n+    getChildValue: function(node, def) {\n+        var value = def || \"\";\n+        if (node) {\n+            for (var child = node.firstChild; child; child = child.nextSibling) {\n+                switch (child.nodeType) {\n+                    case 3: // text node\n+                    case 4: // cdata section\n+                        value += child.nodeValue;\n+                }\n+            }\n+        }\n+        return value;\n+    },\n+\n+    /**\n+     * APIMethod: isSimpleContent\n+     * Test if the given node has only simple content (i.e. no child element\n+     *     nodes).\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An element node.\n+     *\n+     * Returns:\n+     * {Boolean} The node has no child element nodes (nodes of type 1). \n+     */\n+    isSimpleContent: function(node) {\n+        var simple = true;\n+        for (var child = node.firstChild; child; child = child.nextSibling) {\n+            if (child.nodeType === 1) {\n+                simple = false;\n+                break;\n+            }\n+        }\n+        return simple;\n+    },\n+\n+    /**\n+     * APIMethod: contentType\n+     * Determine the content type for a given node.\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {Integer} One of OpenLayers.Format.XML.CONTENT_TYPE.{EMPTY,SIMPLE,COMPLEX,MIXED}\n+     *     if the node has no, simple, complex, or mixed content.\n+     */\n+    contentType: function(node) {\n+        var simple = false,\n+            complex = false;\n+\n+        var type = OpenLayers.Format.XML.CONTENT_TYPE.EMPTY;\n+\n+        for (var child = node.firstChild; child; child = child.nextSibling) {\n+            switch (child.nodeType) {\n+                case 1: // element\n+                    complex = true;\n+                    break;\n+                case 8: // comment\n+                    break;\n+                default:\n+                    simple = true;\n+            }\n+            if (complex && simple) {\n+                break;\n+            }\n+        }\n+\n+        if (complex && simple) {\n+            type = OpenLayers.Format.XML.CONTENT_TYPE.MIXED;\n+        } else if (complex) {\n+            return OpenLayers.Format.XML.CONTENT_TYPE.COMPLEX;\n+        } else if (simple) {\n+            return OpenLayers.Format.XML.CONTENT_TYPE.SIMPLE;\n+        }\n+        return type;\n+    },\n+\n+    /**\n+     * APIMethod: hasAttributeNS\n+     * Determine whether a node has a particular attribute matching the given\n+     *     name and namespace.\n+     * \n+     * Parameters:\n+     * node - {Element} Node on which to search for an attribute.\n+     * uri - {String} Namespace URI.\n+     * name - {String} Local name of the attribute (without the prefix).\n+     * \n+     * Returns:\n+     * {Boolean} The node has an attribute matching the name and namespace.\n+     */\n+    hasAttributeNS: function(node, uri, name) {\n+        var found = false;\n+        if (node.hasAttributeNS) {\n+            found = node.hasAttributeNS(uri, name);\n+        } else {\n+            found = !!this.getAttributeNodeNS(node, uri, name);\n+        }\n+        return found;\n+    },\n+\n+    /**\n+     * APIMethod: setAttributeNS\n+     * Adds a new attribute or changes the value of an attribute with the given\n+     *     namespace and name.\n+     *\n+     * Parameters:\n+     * node - {Element} Element node on which to set the attribute.\n+     * uri - {String} Namespace URI for the attribute.\n+     * name - {String} Qualified name (prefix:localname) for the attribute.\n+     * value - {String} Attribute value.\n+     */\n+    setAttributeNS: function(node, uri, name, value) {\n+        if (node.setAttributeNS) {\n+            node.setAttributeNS(uri, name, value);\n+        } else {\n+            if (this.xmldom) {\n+                if (uri) {\n+                    var attribute = node.ownerDocument.createNode(\n+                        2, name, uri\n+                    );\n+                    attribute.nodeValue = value;\n+                    node.setAttributeNode(attribute);\n+                } else {\n+                    node.setAttribute(name, value);\n+                }\n+            } else {\n+                throw \"setAttributeNS not implemented\";\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: createElementNSPlus\n+     * Shorthand for creating namespaced elements with optional attributes and\n+     *     child text nodes.\n+     *\n+     * Parameters:\n+     * name - {String} The qualified node name.\n+     * options - {Object} Optional object for node configuration.\n+     *\n+     * Valid options:\n+     * uri - {String} Optional namespace uri for the element - supply a prefix\n+     *     instead if the namespace uri is a property of the format's namespace\n+     *     object.\n+     * attributes - {Object} Optional attributes to be set using the\n+     *     <setAttributes> method.\n+     * value - {String} Optional text to be appended as a text node.\n+     *\n+     * Returns:\n+     * {Element} An element node.\n+     */\n+    createElementNSPlus: function(name, options) {\n+        options = options || {};\n+        // order of prefix preference\n+        // 1. in the uri option\n+        // 2. in the prefix option\n+        // 3. in the qualified name\n+        // 4. from the defaultPrefix\n+        var uri = options.uri || this.namespaces[options.prefix];\n+        if (!uri) {\n+            var loc = name.indexOf(\":\");\n+            uri = this.namespaces[name.substring(0, loc)];\n+        }\n+        if (!uri) {\n+            uri = this.namespaces[this.defaultPrefix];\n+        }\n+        var node = this.createElementNS(uri, name);\n+        if (options.attributes) {\n+            this.setAttributes(node, options.attributes);\n+        }\n+        var value = options.value;\n+        if (value != null) {\n+            node.appendChild(this.createTextNode(value));\n+        }\n+        return node;\n+    },\n+\n+    /**\n+     * Method: setAttributes\n+     * Set multiple attributes given key value pairs from an object.\n+     *\n+     * Parameters:\n+     * node - {Element} An element node.\n+     * obj - {Object || Array} An object whose properties represent attribute\n+     *     names and values represent attribute values.  If an attribute name\n+     *     is a qualified name (\"prefix:local\"), the prefix will be looked up\n+     *     in the parsers {namespaces} object.  If the prefix is found,\n+     *     setAttributeNS will be used instead of setAttribute.\n+     */\n+    setAttributes: function(node, obj) {\n+        var value, uri;\n+        for (var name in obj) {\n+            if (obj[name] != null && obj[name].toString) {\n+                value = obj[name].toString();\n+                // check for qualified attribute name (\"prefix:local\")\n+                uri = this.namespaces[name.substring(0, name.indexOf(\":\"))] || null;\n+                this.setAttributeNS(node, uri, name, value);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: readNode\n+     * Shorthand for applying one of the named readers given the node\n+     *     namespace and local name.  Readers take two args (node, obj) and\n+     *     generally extend or modify the second.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The node to be read (required).\n+     * obj - {Object} The object to be modified (optional).\n+     *\n+     * Returns:\n+     * {Object} The input object, modified (or a new one if none was provided).\n+     */\n+    readNode: function(node, obj) {\n+        if (!obj) {\n+            obj = {};\n+        }\n+        var group = this.readers[node.namespaceURI ? this.namespaceAlias[node.namespaceURI] : this.defaultPrefix];\n+        if (group) {\n+            var local = node.localName || node.nodeName.split(\":\").pop();\n+            var reader = group[local] || group[\"*\"];\n+            if (reader) {\n+                reader.apply(this, [node, obj]);\n+            }\n+        }\n+        return obj;\n+    },\n+\n+    /**\n+     * Method: readChildNodes\n+     * Shorthand for applying the named readers to all children of a node.\n+     *     For each child of type 1 (element), <readSelf> is called.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The node to be read (required).\n+     * obj - {Object} The object to be modified (optional).\n+     *\n+     * Returns:\n+     * {Object} The input object, modified.\n+     */\n+    readChildNodes: function(node, obj) {\n+        if (!obj) {\n+            obj = {};\n+        }\n+        var children = node.childNodes;\n+        var child;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                this.readNode(child, obj);\n+            }\n+        }\n+        return obj;\n+    },\n+\n+    /**\n+     * Method: writeNode\n+     * Shorthand for applying one of the named writers and appending the\n+     *     results to a node.  If a qualified name is not provided for the\n+     *     second argument (and a local name is used instead), the namespace\n+     *     of the parent node will be assumed.\n+     *\n+     * Parameters:\n+     * name - {String} The name of a node to generate.  If a qualified name\n+     *     (e.g. \"pre:Name\") is used, the namespace prefix is assumed to be\n+     *     in the <writers> group.  If a local name is used (e.g. \"Name\") then\n+     *     the namespace of the parent is assumed.  If a local name is used\n+     *     and no parent is supplied, then the default namespace is assumed.\n+     * obj - {Object} Structure containing data for the writer.\n+     * parent - {DOMElement} Result will be appended to this node.  If no parent\n+     *     is supplied, the node will not be appended to anything.\n+     *\n+     * Returns:\n+     * {DOMElement} The child node.\n+     */\n+    writeNode: function(name, obj, parent) {\n+        var prefix, local;\n+        var split = name.indexOf(\":\");\n+        if (split > 0) {\n+            prefix = name.substring(0, split);\n+            local = name.substring(split + 1);\n+        } else {\n+            if (parent) {\n+                prefix = this.namespaceAlias[parent.namespaceURI];\n+            } else {\n+                prefix = this.defaultPrefix;\n+            }\n+            local = name;\n+        }\n+        var child = this.writers[prefix][local].apply(this, [obj]);\n+        if (parent) {\n+            parent.appendChild(child);\n+        }\n+        return child;\n+    },\n+\n+    /**\n+     * APIMethod: getChildEl\n+     * Get the first child element.  Optionally only return the first child\n+     *     if it matches the given name and namespace URI.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The parent node.\n+     * name - {String} Optional node name (local) to search for.\n+     * uri - {String} Optional namespace URI to search for.\n+     *\n+     * Returns:\n+     * {DOMElement} The first child.  Returns null if no element is found, if\n+     *     something significant besides an element is found, or if the element\n+     *     found does not match the optional name and uri.\n+     */\n+    getChildEl: function(node, name, uri) {\n+        return node && this.getThisOrNextEl(node.firstChild, name, uri);\n+    },\n+\n+    /**\n+     * APIMethod: getNextEl\n+     * Get the next sibling element.  Optionally get the first sibling only\n+     *     if it matches the given local name and namespace URI.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The node.\n+     * name - {String} Optional local name of the sibling to search for.\n+     * uri - {String} Optional namespace URI of the sibling to search for.\n+     *\n+     * Returns:\n+     * {DOMElement} The next sibling element.  Returns null if no element is\n+     *     found, something significant besides an element is found, or the\n+     *     found element does not match the optional name and uri.\n+     */\n+    getNextEl: function(node, name, uri) {\n+        return node && this.getThisOrNextEl(node.nextSibling, name, uri);\n+    },\n+\n+    /**\n+     * Method: getThisOrNextEl\n+     * Return this node or the next element node.  Optionally get the first\n+     *     sibling with the given local name or namespace URI.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} The node.\n+     * name - {String} Optional local name of the sibling to search for.\n+     * uri - {String} Optional namespace URI of the sibling to search for.\n+     *\n+     * Returns:\n+     * {DOMElement} The next sibling element.  Returns null if no element is\n+     *     found, something significant besides an element is found, or the\n+     *     found element does not match the query.\n+     */\n+    getThisOrNextEl: function(node, name, uri) {\n+        outer: for (var sibling = node; sibling; sibling = sibling.nextSibling) {\n+            switch (sibling.nodeType) {\n+                case 1: // Element\n+                    if ((!name || name === (sibling.localName || sibling.nodeName.split(\":\").pop())) &&\n+                        (!uri || uri === sibling.namespaceURI)) {\n+                        // matches\n+                        break outer;\n+                    }\n+                    sibling = null;\n+                    break outer;\n+                case 3: // Text\n+                    if (/^\\s*$/.test(sibling.nodeValue)) {\n+                        break;\n+                    }\n+                case 4: // CDATA\n+                case 6: // ENTITY_NODE\n+                case 12: // NOTATION_NODE\n+                case 10: // DOCUMENT_TYPE_NODE\n+                case 11: // DOCUMENT_FRAGMENT_NODE\n+                    sibling = null;\n+                    break outer;\n+            } // ignore comments and processing instructions\n+        }\n+        return sibling || null;\n+    },\n+\n+    /**\n+     * APIMethod: lookupNamespaceURI\n+     * Takes a prefix and returns the namespace URI associated with it on the given\n+     *     node if found (and null if not). Supplying null for the prefix will\n+     *     return the default namespace.\n+     *\n+     * For browsers that support it, this calls the native lookupNamesapceURI\n+     *     function.  In other browsers, this is an implementation of\n+     *     http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespaceURI.\n+     *\n+     * For browsers that don't support the attribute.ownerElement property, this\n+     *     method cannot be called on attribute nodes.\n+     *     \n+     * Parameters:\n+     * node - {DOMElement} The node from which to start looking.\n+     * prefix - {String} The prefix to lookup or null to lookup the default namespace.\n+     * \n+     * Returns:\n+     * {String} The namespace URI for the given prefix.  Returns null if the prefix\n+     *     cannot be found or the node is the wrong type.\n+     */\n+    lookupNamespaceURI: function(node, prefix) {\n+        var uri = null;\n+        if (node) {\n+            if (node.lookupNamespaceURI) {\n+                uri = node.lookupNamespaceURI(prefix);\n+            } else {\n+                outer: switch (node.nodeType) {\n+                    case 1: // ELEMENT_NODE\n+                        if (node.namespaceURI !== null && node.prefix === prefix) {\n+                            uri = node.namespaceURI;\n+                            break outer;\n+                        }\n+                        var len = node.attributes.length;\n+                        if (len) {\n+                            var attr;\n+                            for (var i = 0; i < len; ++i) {\n+                                attr = node.attributes[i];\n+                                if (attr.prefix === \"xmlns\" && attr.name === \"xmlns:\" + prefix) {\n+                                    uri = attr.value || null;\n+                                    break outer;\n+                                } else if (attr.name === \"xmlns\" && prefix === null) {\n+                                    uri = attr.value || null;\n+                                    break outer;\n+                                }\n+                            }\n+                        }\n+                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n+                        break outer;\n+                    case 2: // ATTRIBUTE_NODE\n+                        uri = this.lookupNamespaceURI(node.ownerElement, prefix);\n+                        break outer;\n+                    case 9: // DOCUMENT_NODE\n+                        uri = this.lookupNamespaceURI(node.documentElement, prefix);\n+                        break outer;\n+                    case 6: // ENTITY_NODE\n+                    case 12: // NOTATION_NODE\n+                    case 10: // DOCUMENT_TYPE_NODE\n+                    case 11: // DOCUMENT_FRAGMENT_NODE\n+                        break outer;\n+                    default:\n+                        // TEXT_NODE (3), CDATA_SECTION_NODE (4), ENTITY_REFERENCE_NODE (5),\n+                        // PROCESSING_INSTRUCTION_NODE (7), COMMENT_NODE (8)\n+                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n+                        break outer;\n+                }\n+            }\n+        }\n+        return uri;\n+    },\n+\n+    /**\n+     * Method: getXMLDoc\n+     * Get an XML document for nodes that are not supported in HTML (e.g.\n+     * createCDATASection). On IE, this will either return an existing or\n+     * create a new <xmldom> on the instance. On other browsers, this will\n+     * either return an existing or create a new shared document (see\n+     * <OpenLayers.Format.XML.document>).\n+     *\n+     * Returns:\n+     * {XMLDocument}\n+     */\n+    getXMLDoc: function() {\n+        if (!OpenLayers.Format.XML.document && !this.xmldom) {\n+            if (document.implementation && document.implementation.createDocument) {\n+                OpenLayers.Format.XML.document =\n+                    document.implementation.createDocument(\"\", \"\", null);\n+            } else if (!this.xmldom && window.ActiveXObject) {\n+                this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n+            }\n+        }\n+        return OpenLayers.Format.XML.document || this.xmldom;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.XML\"\n+\n+});\n+\n+OpenLayers.Format.XML.CONTENT_TYPE = {\n+    EMPTY: 0,\n+    SIMPLE: 1,\n+    COMPLEX: 2,\n+    MIXED: 3\n+};\n+\n+/**\n+ * APIFunction: OpenLayers.Format.XML.lookupNamespaceURI\n+ * Takes a prefix and returns the namespace URI associated with it on the given\n+ *     node if found (and null if not). Supplying null for the prefix will\n+ *     return the default namespace.\n+ *\n+ * For browsers that support it, this calls the native lookupNamesapceURI\n+ *     function.  In other browsers, this is an implementation of\n+ *     http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespaceURI.\n+ *\n+ * For browsers that don't support the attribute.ownerElement property, this\n+ *     method cannot be called on attribute nodes.\n+ *     \n+ * Parameters:\n+ * node - {DOMElement} The node from which to start looking.\n+ * prefix - {String} The prefix to lookup or null to lookup the default namespace.\n+ * \n+ * Returns:\n+ * {String} The namespace URI for the given prefix.  Returns null if the prefix\n+ *     cannot be found or the node is the wrong type.\n+ */\n+OpenLayers.Format.XML.lookupNamespaceURI = OpenLayers.Function.bind(\n+    OpenLayers.Format.XML.prototype.lookupNamespaceURI,\n+    OpenLayers.Format.XML.prototype\n+);\n+\n+/**\n+ * Property: OpenLayers.Format.XML.document\n+ * {XMLDocument} XML document to reuse for creating non-HTML compliant nodes,\n+ * like document.createCDATASection.\n+ */\n+OpenLayers.Format.XML.document = null;\n+/* ======================================================================\n+    OpenLayers/Request.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ */\n+\n+/**\n+ * TODO: deprecate me\n+ * Use OpenLayers.Request.proxy instead.\n+ */\n+OpenLayers.ProxyHost = \"\";\n+\n+/**\n+ * Namespace: OpenLayers.Request\n+ * The OpenLayers.Request namespace contains convenience methods for working\n+ *     with XMLHttpRequests.  These methods work with a cross-browser\n+ *     W3C compliant <OpenLayers.Request.XMLHttpRequest> class.\n+ */\n+if (!OpenLayers.Request) {\n+    /**\n+     * This allows for OpenLayers/Request/XMLHttpRequest.js to be included\n+     * before or after this script.\n+     */\n+    OpenLayers.Request = {};\n+}\n+OpenLayers.Util.extend(OpenLayers.Request, {\n+\n+    /**\n+     * Constant: DEFAULT_CONFIG\n+     * {Object} Default configuration for all requests.\n+     */\n+    DEFAULT_CONFIG: {\n+        method: \"GET\",\n+        url: window.location.href,\n+        async: true,\n+        user: undefined,\n+        password: undefined,\n+        params: null,\n+        proxy: OpenLayers.ProxyHost,\n+        headers: {},\n+        data: null,\n+        callback: function() {},\n+        success: null,\n+        failure: null,\n+        scope: null\n+    },\n+\n+    /**\n+     * Constant: URL_SPLIT_REGEX\n+     */\n+    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n+\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the {<OpenLayers.Request>} object.\n+     *\n+     * All event listeners will receive an event object with three properties:\n+     * request - {<OpenLayers.Request.XMLHttpRequest>} The request object.\n+     * config - {Object} The config object sent to the specific request method.\n+     * requestUrl - {String} The request url.\n+     * \n+     * Supported event types:\n+     * complete - Triggered when we have a response from the request, if a\n+     *     listener returns false, no further response processing will take\n+     *     place.\n+     * success - Triggered when the HTTP response has a success code (200-299).\n+     * failure - Triggered when the HTTP response does not have a success code.\n+     */\n+    events: new OpenLayers.Events(this),\n+\n+    /**\n+     * Method: makeSameOrigin\n+     * Using the specified proxy, returns a same origin url of the provided url.\n+     *\n+     * Parameters:\n+     * url - {String} An arbitrary url\n+     * proxy {String|Function} The proxy to use to make the provided url a\n+     *     same origin url.\n+     *\n+     * Returns\n+     * {String} the same origin url. If no proxy is provided, the returned url\n+     *     will be the same as the provided url.\n+     */\n+    makeSameOrigin: function(url, proxy) {\n+        var sameOrigin = url.indexOf(\"http\") !== 0;\n+        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n+        if (urlParts) {\n+            var location = window.location;\n+            sameOrigin =\n+                urlParts[1] == location.protocol &&\n+                urlParts[3] == location.hostname;\n+            var uPort = urlParts[4],\n+                lPort = location.port;\n+            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n+                sameOrigin = sameOrigin && uPort == lPort;\n+            }\n+        }\n+        if (!sameOrigin) {\n+            if (proxy) {\n+                if (typeof proxy == \"function\") {\n+                    url = proxy(url);\n+                } else {\n+                    url = proxy + encodeURIComponent(url);\n+                }\n+            }\n+        }\n+        return url;\n+    },\n+\n+    /**\n+     * APIMethod: issue\n+     * Create a new XMLHttpRequest object, open it, set any headers, bind\n+     *     a callback to done state, and send any data.  It is recommended that\n+     *     you use one <GET>, <POST>, <PUT>, <DELETE>, <OPTIONS>, or <HEAD>.\n+     *     This method is only documented to provide detail on the configuration\n+     *     options available to all request methods.\n+     *\n+     * Parameters:\n+     * config - {Object} Object containing properties for configuring the\n+     *     request.  Allowed configuration properties are described below.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Allowed config properties:\n+     * method - {String} One of GET, POST, PUT, DELETE, HEAD, or\n+     *     OPTIONS.  Default is GET.\n+     * url - {String} URL for the request.\n+     * async - {Boolean} Open an asynchronous request.  Default is true.\n+     * user - {String} User for relevant authentication scheme.  Set\n+     *     to null to clear current user.\n+     * password - {String} Password for relevant authentication scheme.\n+     *     Set to null to clear current password.\n+     * proxy - {String} Optional proxy.  Defaults to\n+     *     <OpenLayers.ProxyHost>.\n+     * params - {Object} Any key:value pairs to be appended to the\n+     *     url as a query string.  Assumes url doesn't already include a query\n+     *     string or hash.  Typically, this is only appropriate for <GET>\n+     *     requests where the query string will be appended to the url.\n+     *     Parameter values that are arrays will be\n+     *     concatenated with a comma (note that this goes against form-encoding)\n+     *     as is done with <OpenLayers.Util.getParameterString>.\n+     * headers - {Object} Object with header:value pairs to be set on\n+     *     the request.\n+     * data - {String | Document} Optional data to send with the request.\n+     *     Typically, this is only used with <POST> and <PUT> requests.\n+     *     Make sure to provide the appropriate \"Content-Type\" header for your\n+     *     data.  For <POST> and <PUT> requests, the content type defaults to\n+     *     \"application-xml\".  If your data is a different content type, or\n+     *     if you are using a different HTTP method, set the \"Content-Type\"\n+     *     header to match your data type.\n+     * callback - {Function} Function to call when request is done.\n+     *     To determine if the request failed, check request.status (200\n+     *     indicates success).\n+     * success - {Function} Optional function to call if request status is in\n+     *     the 200s.  This will be called in addition to callback above and\n+     *     would typically only be used as an alternative.\n+     * failure - {Function} Optional function to call if request status is not\n+     *     in the 200s.  This will be called in addition to callback above and\n+     *     would typically only be used as an alternative.\n+     * scope - {Object} If callback is a public method on some object,\n+     *     set the scope to that object.\n+     *\n+     * Returns:\n+     * {XMLHttpRequest} Request object.  To abort the request before a response\n+     *     is received, call abort() on the request object.\n+     */\n+    issue: function(config) {\n+        // apply default config - proxy host may have changed\n+        var defaultConfig = OpenLayers.Util.extend(\n+            this.DEFAULT_CONFIG, {\n+                proxy: OpenLayers.ProxyHost\n+            }\n+        );\n+        config = config || {};\n+        config.headers = config.headers || {};\n+        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n+        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n+        // Always set the \"X-Requested-With\" header to signal that this request\n+        // was issued through the XHR-object. Since header keys are case \n+        // insensitive and we want to allow overriding of the \"X-Requested-With\"\n+        // header through the user we cannot use applyDefaults, but have to \n+        // check manually whether we were called with a \"X-Requested-With\"\n+        // header.\n+        var customRequestedWithHeader = false,\n+            headerKey;\n+        for (headerKey in config.headers) {\n+            if (config.headers.hasOwnProperty(headerKey)) {\n+                if (headerKey.toLowerCase() === 'x-requested-with') {\n+                    customRequestedWithHeader = true;\n+                }\n+            }\n+        }\n+        if (customRequestedWithHeader === false) {\n+            // we did not have a custom \"X-Requested-With\" header\n+            config.headers['X-Requested-With'] = 'XMLHttpRequest';\n+        }\n+\n+        // create request, open, and set headers\n+        var request = new OpenLayers.Request.XMLHttpRequest();\n+        var url = OpenLayers.Util.urlAppend(config.url,\n+            OpenLayers.Util.getParameterString(config.params || {}));\n+        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n+        request.open(\n+            config.method, url, config.async, config.user, config.password\n+        );\n+        for (var header in config.headers) {\n+            request.setRequestHeader(header, config.headers[header]);\n+        }\n+\n+        var events = this.events;\n+\n+        // we want to execute runCallbacks with \"this\" as the\n+        // execution scope\n+        var self = this;\n+\n+        request.onreadystatechange = function() {\n+            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n+                var proceed = events.triggerEvent(\n+                    \"complete\", {\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    }\n+                );\n+                if (proceed !== false) {\n+                    self.runCallbacks({\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    });\n+                }\n+            }\n+        };\n+\n+        // send request (optionally with data) and return\n+        // call in a timeout for asynchronous requests so the return is\n+        // available before readyState == 4 for cached docs\n+        if (config.async === false) {\n+            request.send(config.data);\n+        } else {\n+            window.setTimeout(function() {\n+                if (request.readyState !== 0) { // W3C: 0-UNSENT\n+                    request.send(config.data);\n+                }\n+            }, 0);\n+        }\n+        return request;\n+    },\n+\n+    /**\n+     * Method: runCallbacks\n+     * Calls the complete, success and failure callbacks. Application\n+     *    can listen to the \"complete\" event, have the listener \n+     *    display a confirm window and always return false, and\n+     *    execute OpenLayers.Request.runCallbacks if the user\n+     *    hits \"yes\" in the confirm window.\n+     *\n+     * Parameters:\n+     * options - {Object} Hash containing request, config and requestUrl keys\n+     */\n+    runCallbacks: function(options) {\n+        var request = options.request;\n+        var config = options.config;\n+\n+        // bind callbacks to readyState 4 (done)\n+        var complete = (config.scope) ?\n+            OpenLayers.Function.bind(config.callback, config.scope) :\n+            config.callback;\n+\n+        // optional success callback\n+        var success;\n+        if (config.success) {\n+            success = (config.scope) ?\n+                OpenLayers.Function.bind(config.success, config.scope) :\n+                config.success;\n+        }\n+\n+        // optional failure callback\n+        var failure;\n+        if (config.failure) {\n+            failure = (config.scope) ?\n+                OpenLayers.Function.bind(config.failure, config.scope) :\n+                config.failure;\n+        }\n+\n+        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" &&\n+            request.responseText) {\n+            request.status = 200;\n+        }\n+        complete(request);\n+\n+        if (!request.status || (request.status >= 200 && request.status < 300)) {\n+            this.events.triggerEvent(\"success\", options);\n+            if (success) {\n+                success(request);\n+            }\n+        }\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"failure\", options);\n+            if (failure) {\n+                failure(request);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: GET\n+     * Send an HTTP GET request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to GET.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    GET: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"GET\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: POST\n+     * Send a POST request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to POST and \"Content-Type\" header set to \"application/xml\".\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.  The\n+     *     default \"Content-Type\" header will be set to \"application-xml\" if\n+     *     none is provided.  This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    POST: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"POST\"\n+        });\n+        // set content type to application/xml if it isn't already set\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\";\n+        }\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: PUT\n+     * Send an HTTP PUT request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to PUT and \"Content-Type\" header set to \"application/xml\".\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.  The\n+     *     default \"Content-Type\" header will be set to \"application-xml\" if\n+     *     none is provided.  This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    PUT: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"PUT\"\n+        });\n+        // set content type to application/xml if it isn't already set\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\";\n+        }\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: DELETE\n+     * Send an HTTP DELETE request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to DELETE.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    DELETE: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"DELETE\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: HEAD\n+     * Send an HTTP HEAD request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to HEAD.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    HEAD: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"HEAD\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    },\n+\n+    /**\n+     * APIMethod: OPTIONS\n+     * Send an HTTP OPTIONS request.  Additional configuration properties are\n+     *     documented in the <issue> method, with the method property set\n+     *     to OPTIONS.\n+     *\n+     * Parameters:\n+     * config - {Object} Object with properties for configuring the request.\n+     *     See the <issue> method for documentation of allowed properties.\n+     *     This object is modified and should not be reused.\n+     * \n+     * Returns:\n+     * {XMLHttpRequest} Request object.\n+     */\n+    OPTIONS: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"OPTIONS\"\n+        });\n+        return OpenLayers.Request.issue(config);\n+    }\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Request/XMLHttpRequest.js\n+   ====================================================================== */\n+\n+// XMLHttpRequest.js Copyright (C) 2010 Sergey Ilinsky (http://www.ilinsky.com)\n+//\n+// Licensed under the Apache License, Version 2.0 (the \"License\");\n+// you may not use this file except in compliance with the License.\n+// You may obtain a copy of the License at\n+//\n+//   http://www.apache.org/licenses/LICENSE-2.0\n+//\n+// Unless required by applicable law or agreed to in writing, software\n+// distributed under the License is distributed on an \"AS IS\" BASIS,\n+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n+// See the License for the specific language governing permissions and\n+// limitations under the License.\n+\n+/**\n+ * @requires OpenLayers/Request.js\n+ */\n+\n+(function() {\n+\n+    // Save reference to earlier defined object implementation (if any)\n+    var oXMLHttpRequest = window.XMLHttpRequest;\n+\n+    // Define on browser type\n+    var bGecko = !!window.controllers,\n+        bIE = window.document.all && !window.opera,\n+        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n+\n+    // Enables \"XMLHttpRequest()\" call next to \"new XMLHttpReques()\"\n+    function fXMLHttpRequest() {\n+        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n+        this._listeners = [];\n+    };\n+\n+    // Constructor\n+    function cXMLHttpRequest() {\n+        return new fXMLHttpRequest;\n+    };\n+    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n+\n+    // BUGFIX: Firefox with Firebug installed would break pages if not executed\n+    if (bGecko && oXMLHttpRequest.wrapped)\n+        cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n+\n+    // Constants\n+    cXMLHttpRequest.UNSENT = 0;\n+    cXMLHttpRequest.OPENED = 1;\n+    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n+    cXMLHttpRequest.LOADING = 3;\n+    cXMLHttpRequest.DONE = 4;\n+\n+    // Public Properties\n+    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n+    cXMLHttpRequest.prototype.responseText = '';\n+    cXMLHttpRequest.prototype.responseXML = null;\n+    cXMLHttpRequest.prototype.status = 0;\n+    cXMLHttpRequest.prototype.statusText = '';\n+\n+    // Priority proposal\n+    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n+\n+    // Instance-level Events Handlers\n+    cXMLHttpRequest.prototype.onreadystatechange = null;\n+\n+    // Class-level Events Handlers\n+    cXMLHttpRequest.onreadystatechange = null;\n+    cXMLHttpRequest.onopen = null;\n+    cXMLHttpRequest.onsend = null;\n+    cXMLHttpRequest.onabort = null;\n+\n+    // Public Methods\n+    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n+        // Delete headers, required when object is reused\n+        delete this._headers;\n+\n+        // When bAsync parameter value is omitted, use true as default\n+        if (arguments.length < 3)\n+            bAsync = true;\n+\n+        // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests\n+        this._async = bAsync;\n+\n+        // Set the onreadystatechange handler\n+        var oRequest = this,\n+            nState = this.readyState,\n+            fOnUnload;\n+\n+        // BUGFIX: IE - memory leak on page unload (inter-page leak)\n+        if (bIE && bAsync) {\n+            fOnUnload = function() {\n+                if (nState != cXMLHttpRequest.DONE) {\n+                    fCleanTransport(oRequest);\n+                    // Safe to abort here since onreadystatechange handler removed\n+                    oRequest.abort();\n+                }\n+            };\n+            window.attachEvent(\"onunload\", fOnUnload);\n+        }\n+\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onopen)\n+            cXMLHttpRequest.onopen.apply(this, arguments);\n+\n+        if (arguments.length > 4)\n+            this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+        else\n+        if (arguments.length > 3)\n+            this._object.open(sMethod, sUrl, bAsync, sUser);\n+        else\n+            this._object.open(sMethod, sUrl, bAsync);\n+\n+        this.readyState = cXMLHttpRequest.OPENED;\n+        fReadyStateChange(this);\n+\n+        this._object.onreadystatechange = function() {\n+            if (bGecko && !bAsync)\n+                return;\n+\n+            // Synchronize state\n+            oRequest.readyState = oRequest._object.readyState;\n+\n+            //\n+            fSynchronizeValues(oRequest);\n+\n+            // BUGFIX: Firefox fires unnecessary DONE when aborting\n+            if (oRequest._aborted) {\n+                // Reset readyState to UNSENT\n+                oRequest.readyState = cXMLHttpRequest.UNSENT;\n+\n+                // Return now\n+                return;\n+            }\n+\n+            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                // Free up queue\n+                delete oRequest._data;\n+                /*                if (bAsync)\n+                                    fQueue_remove(oRequest);*/\n+                //\n+                fCleanTransport(oRequest);\n+                // Uncomment this block if you need a fix for IE cache\n+                /*\n+                                // BUGFIX: IE - cache issue\n+                                if (!oRequest._object.getResponseHeader(\"Date\")) {\n+                                    // Save object to cache\n+                                    oRequest._cached    = oRequest._object;\n+\n+                                    // Instantiate a new transport object\n+                                    cXMLHttpRequest.call(oRequest);\n+\n+                                    // Re-send request\n+                                    if (sUser) {\n+                                         if (sPassword)\n+                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n+                                        else\n+                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser);\n+                                    }\n+                                    else\n+                                        oRequest._object.open(sMethod, sUrl, bAsync);\n+                                    oRequest._object.setRequestHeader(\"If-Modified-Since\", oRequest._cached.getResponseHeader(\"Last-Modified\") || new window.Date(0));\n+                                    // Copy headers set\n+                                    if (oRequest._headers)\n+                                        for (var sHeader in oRequest._headers)\n+                                            if (typeof oRequest._headers[sHeader] == \"string\")    // Some frameworks prototype objects with functions\n+                                                oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]);\n+\n+                                    oRequest._object.onreadystatechange    = function() {\n+                                        // Synchronize state\n+                                        oRequest.readyState        = oRequest._object.readyState;\n+\n+                                        if (oRequest._aborted) {\n+                                            //\n+                                            oRequest.readyState    = cXMLHttpRequest.UNSENT;\n+\n+                                            // Return\n+                                            return;\n+                                        }\n+\n+                                        if (oRequest.readyState == cXMLHttpRequest.DONE) {\n+                                            // Clean Object\n+                                            fCleanTransport(oRequest);\n+\n+                                            // get cached request\n+                                            if (oRequest.status == 304)\n+                                                oRequest._object    = oRequest._cached;\n+\n+                                            //\n+                                            delete oRequest._cached;\n+\n+                                            //\n+                                            fSynchronizeValues(oRequest);\n+\n+                                            //\n+                                            fReadyStateChange(oRequest);\n+\n+                                            // BUGFIX: IE - memory leak in interrupted\n+                                            if (bIE && bAsync)\n+                                                window.detachEvent(\"onunload\", fOnUnload);\n+                                        }\n+                                    };\n+                                    oRequest._object.send(null);\n+\n+                                    // Return now - wait until re-sent request is finished\n+                                    return;\n+                                };\n+                */\n+                // BUGFIX: IE - memory leak in interrupted\n+                if (bIE && bAsync)\n+                    window.detachEvent(\"onunload\", fOnUnload);\n+            }\n+\n+            // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice\n+            if (nState != oRequest.readyState)\n+                fReadyStateChange(oRequest);\n+\n+            nState = oRequest.readyState;\n+        }\n+    };\n+\n+    function fXMLHttpRequest_send(oRequest) {\n+        oRequest._object.send(oRequest._data);\n+\n+        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests\n+        if (bGecko && !oRequest._async) {\n+            oRequest.readyState = cXMLHttpRequest.OPENED;\n+\n+            // Synchronize state\n+            fSynchronizeValues(oRequest);\n+\n+            // Simulate missing states\n+            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n+                oRequest.readyState++;\n+                fReadyStateChange(oRequest);\n+                // Check if we are aborted\n+                if (oRequest._aborted)\n+                    return;\n+            }\n+        }\n+    };\n+    cXMLHttpRequest.prototype.send = function(vData) {\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onsend)\n+            cXMLHttpRequest.onsend.apply(this, arguments);\n+\n+        if (!arguments.length)\n+            vData = null;\n+\n+        // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required\n+        // BUGFIX: IE - rewrites any custom mime-type to \"text/xml\" in case an XMLNode is sent\n+        // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard)\n+        if (vData && vData.nodeType) {\n+            vData = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml;\n+            if (!this._headers[\"Content-Type\"])\n+                this._object.setRequestHeader(\"Content-Type\", \"application/xml\");\n+        }\n+\n+        this._data = vData;\n+        /*\n+                // Add to queue\n+                if (this._async)\n+                    fQueue_add(this);\n+                else*/\n+        fXMLHttpRequest_send(this);\n+    };\n+    cXMLHttpRequest.prototype.abort = function() {\n+        // Add method sniffer\n+        if (cXMLHttpRequest.onabort)\n+            cXMLHttpRequest.onabort.apply(this, arguments);\n+\n+        // BUGFIX: Gecko - unnecessary DONE when aborting\n+        if (this.readyState > cXMLHttpRequest.UNSENT)\n+            this._aborted = true;\n+\n+        this._object.abort();\n+\n+        // BUGFIX: IE - memory leak\n+        fCleanTransport(this);\n+\n+        this.readyState = cXMLHttpRequest.UNSENT;\n+\n+        delete this._data;\n+        /*        if (this._async)\n+                    fQueue_remove(this);*/\n+    };\n+    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n+        return this._object.getAllResponseHeaders();\n+    };\n+    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n+        return this._object.getResponseHeader(sName);\n+    };\n+    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n+        // BUGFIX: IE - cache issue\n+        if (!this._headers)\n+            this._headers = {};\n+        this._headers[sName] = sValue;\n+\n+        return this._object.setRequestHeader(sName, sValue);\n+    };\n+\n+    // EventTarget interface implementation\n+    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n+                return;\n+        // Add listener\n+        this._listeners.push([sName, fHandler, bUseCapture]);\n+    };\n+\n+    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n+                break;\n+        // Remove listener\n+        if (oListener)\n+            this._listeners.splice(nIndex, 1);\n+    };\n+\n+    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n+        var oEventPseudo = {\n+            'type': oEvent.type,\n+            'target': this,\n+            'currentTarget': this,\n+            'eventPhase': 2,\n+            'bubbles': oEvent.bubbles,\n+            'cancelable': oEvent.cancelable,\n+            'timeStamp': oEvent.timeStamp,\n+            'stopPropagation': function() {}, // There is no flow\n+            'preventDefault': function() {}, // There is no default action\n+            'initEvent': function() {} // Original event object should be initialized\n+        };\n+\n+        // Execute onreadystatechange\n+        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)\n+            (this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n+\n+        // Execute listeners\n+        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n+            if (oListener[0] == oEventPseudo.type && !oListener[2])\n+                (oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo]);\n+    };\n+\n+    //\n+    cXMLHttpRequest.prototype.toString = function() {\n+        return '[' + \"object\" + ' ' + \"XMLHttpRequest\" + ']';\n+    };\n+\n+    cXMLHttpRequest.toString = function() {\n+        return '[' + \"XMLHttpRequest\" + ']';\n+    };\n+\n+    // Helper function\n+    function fReadyStateChange(oRequest) {\n+        // Sniffing code\n+        if (cXMLHttpRequest.onreadystatechange)\n+            cXMLHttpRequest.onreadystatechange.apply(oRequest);\n+\n+        // Fake event\n+        oRequest.dispatchEvent({\n+            'type': \"readystatechange\",\n+            'bubbles': false,\n+            'cancelable': false,\n+            'timeStamp': new Date + 0\n+        });\n+    };\n+\n+    function fGetDocument(oRequest) {\n+        var oDocument = oRequest.responseXML,\n+            sResponse = oRequest.responseText;\n+        // Try parsing responseText\n+        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n+            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n+            oDocument.async = false;\n+            oDocument.validateOnParse = false;\n+            oDocument.loadXML(sResponse);\n+        }\n+        // Check if there is no error in document\n+        if (oDocument)\n+            if ((bIE && oDocument.parseError != 0) || !oDocument.documentElement || (oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\"))\n+                return null;\n+        return oDocument;\n+    };\n+\n+    function fSynchronizeValues(oRequest) {\n+        try {\n+            oRequest.responseText = oRequest._object.responseText;\n+        } catch (e) {}\n+        try {\n+            oRequest.responseXML = fGetDocument(oRequest._object);\n+        } catch (e) {}\n+        try {\n+            oRequest.status = oRequest._object.status;\n+        } catch (e) {}\n+        try {\n+            oRequest.statusText = oRequest._object.statusText;\n+        } catch (e) {}\n+    };\n+\n+    function fCleanTransport(oRequest) {\n+        // BUGFIX: IE - memory leak (on-page leak)\n+        oRequest._object.onreadystatechange = new window.Function;\n+    };\n+    /*\n+        // Queue manager\n+        var oQueuePending    = {\"CRITICAL\":[],\"HIGH\":[],\"NORMAL\":[],\"LOW\":[],\"LOWEST\":[]},\n+            aQueueRunning    = [];\n+        function fQueue_add(oRequest) {\n+            oQueuePending[oRequest.priority in oQueuePending ? oRequest.priority : \"NORMAL\"].push(oRequest);\n+            //\n+            setTimeout(fQueue_process);\n+        };\n+\n+        function fQueue_remove(oRequest) {\n+            for (var nIndex = 0, bFound    = false; nIndex < aQueueRunning.length; nIndex++)\n+                if (bFound)\n+                    aQueueRunning[nIndex - 1]    = aQueueRunning[nIndex];\n+                else\n+                if (aQueueRunning[nIndex] == oRequest)\n+                    bFound    = true;\n+            if (bFound)\n+                aQueueRunning.length--;\n+            //\n+            setTimeout(fQueue_process);\n+        };\n+\n+        function fQueue_process() {\n+            if (aQueueRunning.length < 6) {\n+                for (var sPriority in oQueuePending) {\n+                    if (oQueuePending[sPriority].length) {\n+                        var oRequest    = oQueuePending[sPriority][0];\n+                        oQueuePending[sPriority]    = oQueuePending[sPriority].slice(1);\n+                        //\n+                        aQueueRunning.push(oRequest);\n+                        // Send request\n+                        fXMLHttpRequest_send(oRequest);\n+                        break;\n+                    }\n+                }\n+            }\n+        };\n+    */\n+    // Internet Explorer 5.0 (missing apply)\n+    if (!window.Function.prototype.apply) {\n+        window.Function.prototype.apply = function(oRequest, oArguments) {\n+            if (!oArguments)\n+                oArguments = [];\n+            oRequest.__func = this;\n+            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n+            delete oRequest.__func;\n+        };\n+    };\n+\n+    // Register new object with window\n+    /**\n+     * Class: OpenLayers.Request.XMLHttpRequest\n+     * Standard-compliant (W3C) cross-browser implementation of the\n+     *     XMLHttpRequest object.  From\n+     *     http://code.google.com/p/xmlhttprequest/.\n+     */\n+    if (!OpenLayers.Request) {\n+        /**\n+         * This allows for OpenLayers/Request.js to be included\n+         * before or after this script.\n+         */\n+        OpenLayers.Request = {};\n+    }\n+    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest;\n+})();\n+/* ======================================================================\n+    OpenLayers/Format/KML.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Date.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Projection.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.KML\n+ * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n+ *     constructor. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n+    /**\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n+     */\n+    namespaces: {\n+        kml: \"http://www.opengis.net/kml/2.2\",\n+        gx: \"http://www.google.com/kml/ext/2.2\"\n+    },\n+\n+    /**\n+     * APIProperty: kmlns\n+     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n+     */\n+    kmlns: \"http://earth.google.com/kml/2.0\",\n+\n+    /** \n+     * APIProperty: placemarksDesc\n+     * {String} Name of the placemarks.  Default is \"No description available\".\n+     */\n+    placemarksDesc: \"No description available\",\n+\n+    /** \n+     * APIProperty: foldersName\n+     * {String} Name of the folders.  Default is \"OpenLayers export\".\n+     *          If set to null, no name element will be created.\n+     */\n+    foldersName: \"OpenLayers export\",\n+\n+    /** \n+     * APIProperty: foldersDesc\n+     * {String} Description of the folders. Default is \"Exported on [date].\"\n+     *          If set to null, no description element will be created.\n+     */\n+    foldersDesc: \"Exported on \" + new Date(),\n+\n+    /**\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract attributes from KML.  Default is true.\n+     *           Extracting styleUrls requires this to be set to true\n+     *           Note that currently only Data and SimpleData \n+     *           elements are handled.\n+     */\n+    extractAttributes: true,\n+\n+    /**\n+     * APIProperty: kvpAttributes\n+     * {Boolean} Only used if extractAttributes is true.\n+     *           If set to true, attributes will be simple\n+     *           key-value pairs, compatible with other formats,\n+     *           Any displayName elements will be ignored.\n+     *           If set to false, attributes will be objects,\n+     *           retaining any displayName elements, but not\n+     *           compatible with other formats. Any CDATA in\n+     *           displayName will be read in as a string value.\n+     *           Default is false.\n+     */\n+    kvpAttributes: false,\n+\n+    /**\n+     * Property: extractStyles\n+     * {Boolean} Extract styles from KML.  Default is false.\n+     *           Extracting styleUrls also requires extractAttributes to be\n+     *           set to true\n+     */\n+    extractStyles: false,\n+\n+    /**\n+     * APIProperty: extractTracks\n+     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n+     *     is false.  If true, features will be generated for all points in\n+     *     all gx:Track elements.  Features will have a when (Date) attribute\n+     *     based on when elements in the track.  If tracks include angle\n+     *     elements, features will have heading, tilt, and roll attributes.\n+     *     If track point coordinates have three values, features will have\n+     *     an altitude attribute with the third coordinate value.\n+     */\n+    extractTracks: false,\n+\n+    /**\n+     * APIProperty: trackAttributes\n+     * {Array} If <extractTracks> is true, points within gx:Track elements will \n+     *     be parsed as features with when, heading, tilt, and roll attributes.\n+     *     Any additional attribute names can be provided in <trackAttributes>.\n+     */\n+    trackAttributes: null,\n+\n+    /**\n+     * Property: internalns\n+     * {String} KML Namespace to use -- defaults to the namespace of the\n+     *     Placemark node being parsed, but falls back to kmlns. \n+     */\n+    internalns: null,\n+\n+    /**\n+     * Property: features\n+     * {Array} Array of features\n+     *     \n+     */\n+    features: null,\n+\n+    /**\n+     * Property: styles\n+     * {Object} Storage of style objects\n+     *     \n+     */\n+    styles: null,\n+\n+    /**\n+     * Property: styleBaseUrl\n+     * {String}\n+     */\n+    styleBaseUrl: \"\",\n+\n+    /**\n+     * Property: fetched\n+     * {Object} Storage of KML URLs that have been fetched before\n+     *     in order to prevent reloading them.\n+     */\n+    fetched: null,\n+\n+    /**\n+     * APIProperty: maxDepth\n+     * {Integer} Maximum depth for recursive loading external KML URLs \n+     *           Defaults to 0: do no external fetching\n+     */\n+    maxDepth: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Format.KML\n+     * Create a new parser for KML.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n+    initialize: function(options) {\n+        // compile regular expressions once instead of every time they are used\n+        this.regExes = {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g),\n+            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n+            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n+            straightBracket: (/\\$\\[(.*?)\\]/g)\n+        };\n+        // KML coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    },\n+\n+    /**\n+     * APIMethod: read\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     */\n+    read: function(data) {\n+        this.features = [];\n+        this.styles = {};\n+        this.fetched = {};\n+\n+        // Set default options \n+        var options = {\n+            depth: 0,\n+            styleBaseUrl: this.styleBaseUrl\n+        };\n+\n+        return this.parseData(data, options);\n+    },\n+\n+    /**\n+     * Method: parseData\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     */\n+    parseData: function(data, options) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n+\n+        // Loop throught the following node types in this order and\n+        // process the nodes found \n+        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            var type = types[i];\n+\n+            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n+\n+            // skip to next type if no nodes are found\n+            if (nodes.length == 0) {\n+                continue;\n+            }\n+\n+            switch (type.toLowerCase()) {\n+\n+                // Fetch external links \n+                case \"link\":\n+                case \"networklink\":\n+                    this.parseLinks(nodes, options);\n+                    break;\n+\n+                    // parse style information\n+                case \"style\":\n+                    if (this.extractStyles) {\n+                        this.parseStyles(nodes, options);\n+                    }\n+                    break;\n+                case \"stylemap\":\n+                    if (this.extractStyles) {\n+                        this.parseStyleMaps(nodes, options);\n+                    }\n+                    break;\n+\n+                    // parse features\n+                case \"placemark\":\n+                    this.parseFeatures(nodes, options);\n+                    break;\n+            }\n+        }\n+\n+        return this.features;\n+    },\n+\n+    /**\n+     * Method: parseLinks\n+     * Finds URLs of linked KML documents and fetches them\n+     * \n+     * Parameters: \n+     * nodes   - {Array} of {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n+     * \n+     */\n+    parseLinks: function(nodes, options) {\n+\n+        // Fetch external links <NetworkLink> and <Link>\n+        // Don't do anything if we have reached our maximum depth for recursion\n+        if (options.depth >= this.maxDepth) {\n+            return false;\n+        }\n+\n+        // increase depth\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n+            if (href && !this.fetched[href]) {\n+                this.fetched[href] = true; // prevent reloading the same urls\n+                var data = this.fetchLink(href);\n+                if (data) {\n+                    this.parseData(data, newOptions);\n+                }\n+            }\n+        }\n+\n+    },\n+\n+    /**\n+     * Method: fetchLink\n+     * Fetches a URL and returns the result\n+     * \n+     * Parameters: \n+     * href  - {String} url to be fetched\n+     * \n+     */\n+    fetchLink: function(href) {\n+        var request = OpenLayers.Request.GET({\n+            url: href,\n+            async: false\n+        });\n+        if (request) {\n+            return request.responseText;\n+        }\n+    },\n+\n+    /**\n+     * Method: parseStyles\n+     * Parses <Style> nodes\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseStyles: function(nodes, options) {\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var style = this.parseStyle(nodes[i]);\n+            if (style) {\n+                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n+\n+                this.styles[styleName] = style;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: parseKmlColor\n+     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n+     * color and opacity or null if the color is invalid.\n+     *\n+     * Parameters: \n+     * kmlColor - {String} a kml formated color\n+     *\n+     * Returns:\n+     * {Object}\n+     */\n+    parseKmlColor: function(kmlColor) {\n+        var color = null;\n+        if (kmlColor) {\n+            var matches = kmlColor.match(this.regExes.kmlColor);\n+            if (matches) {\n+                color = {\n+                    color: '#' + matches[4] + matches[3] + matches[2],\n+                    opacity: parseInt(matches[1], 16) / 255\n+                };\n+            }\n+        }\n+        return color;\n+    },\n+\n+    /**\n+     * Method: parseStyle\n+     * Parses the children of a <Style> node and builds the style hash\n+     * accordingly\n+     * \n+     * Parameters: \n+     * node - {DOMElement} <Style> node\n+     * \n+     */\n+    parseStyle: function(node) {\n+        var style = {};\n+\n+        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n+            \"LabelStyle\"\n+        ];\n+        var type, styleTypeNode, nodeList, geometry, parser;\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            type = types[i];\n+            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n+            if (!styleTypeNode) {\n+                continue;\n+            }\n+\n+            // only deal with first geometry of this type\n+            switch (type.toLowerCase()) {\n+                case \"linestyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"strokeColor\"] = color.color;\n+                        style[\"strokeOpacity\"] = color.opacity;\n+                    }\n+\n+                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n+                    if (width) {\n+                        style[\"strokeWidth\"] = width;\n+                    }\n+                    break;\n+\n+                case \"polystyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fillOpacity\"] = color.opacity;\n+                        style[\"fillColor\"] = color.color;\n+                    }\n+                    // Check if fill is disabled\n+                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n+                    if (fill == \"0\") {\n+                        style[\"fillColor\"] = \"none\";\n+                    }\n+                    // Check if outline is disabled\n+                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n+                    if (outline == \"0\") {\n+                        style[\"strokeWidth\"] = \"0\";\n+                    }\n+\n+                    break;\n+\n+                case \"iconstyle\":\n+                    // set scale\n+                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n+                        \"*\", \"scale\") || 1);\n+\n+                    // set default width and height of icon\n+                    var width = 32 * scale;\n+                    var height = 32 * scale;\n+\n+                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"Icon\")[0];\n+                    if (iconNode) {\n+                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n+                        if (href) {\n+\n+                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n+                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n+\n+                            // Settings for Google specific icons that are 64x64\n+                            // We set the width and height to 64 and halve the\n+                            // scale to prevent icons from being too big\n+                            var google = \"http://maps.google.com/mapfiles/kml\";\n+                            if (OpenLayers.String.startsWith(\n+                                    href, google) && !w && !h) {\n+                                w = 64;\n+                                h = 64;\n+                                scale = scale / 2;\n+                            }\n+\n+                            // if only dimension is defined, make sure the\n+                            // other one has the same value\n+                            w = w || h;\n+                            h = h || w;\n+\n+                            if (w) {\n+                                width = parseInt(w) * scale;\n+                            }\n+\n+                            if (h) {\n+                                height = parseInt(h) * scale;\n+                            }\n+\n+                            // support for internal icons \n+                            //    (/root://icons/palette-x.png)\n+                            // x and y tell the position on the palette:\n+                            // - in pixels\n+                            // - starting from the left bottom\n+                            // We translate that to a position in the list \n+                            // and request the appropriate icon from the \n+                            // google maps website\n+                            var matches = href.match(this.regExes.kmlIconPalette);\n+                            if (matches) {\n+                                var palette = matches[1];\n+                                var file_extension = matches[2];\n+\n+                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n+                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n+\n+                                var posX = x ? x / 32 : 0;\n+                                var posY = y ? (7 - y / 32) : 7;\n+\n+                                var pos = posY * 8 + posX;\n+                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n+                                    palette + \"/icon\" + pos + file_extension;\n+                            }\n+\n+                            style[\"graphicOpacity\"] = 1; // fully opaque\n+                            style[\"externalGraphic\"] = href;\n+                        }\n+\n+                    }\n+\n+\n+                    // hotSpots define the offset for an Icon\n+                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"hotSpot\")[0];\n+                    if (hotSpotNode) {\n+                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n+                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n+\n+                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n+                        if (xUnits == \"pixels\") {\n+                            style[\"graphicXOffset\"] = -x * scale;\n+                        } else if (xUnits == \"insetPixels\") {\n+                            style[\"graphicXOffset\"] = -width + (x * scale);\n+                        } else if (xUnits == \"fraction\") {\n+                            style[\"graphicXOffset\"] = -width * x;\n+                        }\n+\n+                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n+                        if (yUnits == \"pixels\") {\n+                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n+                        } else if (yUnits == \"insetPixels\") {\n+                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n+                        } else if (yUnits == \"fraction\") {\n+                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n+                        }\n+                    }\n+\n+                    style[\"graphicWidth\"] = width;\n+                    style[\"graphicHeight\"] = height;\n+                    break;\n+\n+                case \"balloonstyle\":\n+                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n+                        styleTypeNode);\n+                    if (balloonStyle) {\n+                        style[\"balloonStyle\"] = balloonStyle.replace(\n+                            this.regExes.straightBracket, \"${$1}\");\n+                    }\n+                    break;\n+                case \"labelstyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fontColor\"] = color.color;\n+                        style[\"fontOpacity\"] = color.opacity;\n+                    }\n+                    break;\n+\n+                default:\n+            }\n+        }\n+\n+        // Some polygons have no line color, so we use the fillColor for that\n+        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n+            style[\"strokeColor\"] = style[\"fillColor\"];\n+        }\n+\n+        var id = node.getAttribute(\"id\");\n+        if (id && style) {\n+            style.id = id;\n+        }\n+\n+        return style;\n+    },\n+\n+    /**\n+     * Method: parseStyleMaps\n+     * Parses <StyleMap> nodes, but only uses the 'normal' key\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseStyleMaps: function(nodes, options) {\n+        // Only the default or \"normal\" part of the StyleMap is processed now\n+        // To do the select or \"highlight\" bit, we'd need to change lots more\n+\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var node = nodes[i];\n+            var pairs = this.getElementsByTagNameNS(node, \"*\",\n+                \"Pair\");\n+\n+            var id = node.getAttribute(\"id\");\n+            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n+                var pair = pairs[j];\n+                // Use the shortcut in the SLD format to quickly retrieve the \n+                // value of a node. Maybe it's good to have a method in \n+                // Format.XML to do this\n+                var key = this.parseProperty(pair, \"*\", \"key\");\n+                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n+\n+                if (styleUrl && key == \"normal\") {\n+                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n+                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n+                }\n+\n+                // TODO: implement the \"select\" part\n+                //if (styleUrl && key == \"highlight\") {\n+                //}\n+\n+            }\n+        }\n+\n+    },\n+\n+\n+    /**\n+     * Method: parseFeatures\n+     * Loop through all Placemark nodes and parse them.\n+     * Will create a list of features\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseFeatures: function(nodes, options) {\n+        var features = [];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var featureNode = nodes[i];\n+            var feature = this.parseFeature.apply(this, [featureNode]);\n+            if (feature) {\n+\n+                // Create reference to styleUrl \n+                if (this.extractStyles && feature.attributes &&\n+                    feature.attributes.styleUrl) {\n+                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n+                }\n+\n+                if (this.extractStyles) {\n+                    // Make sure that <Style> nodes within a placemark are \n+                    // processed as well\n+                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n+                        \"*\",\n+                        \"Style\")[0];\n+                    if (inlineStyleNode) {\n+                        var inlineStyle = this.parseStyle(inlineStyleNode);\n+                        if (inlineStyle) {\n+                            feature.style = OpenLayers.Util.extend(\n+                                feature.style, inlineStyle\n+                            );\n+                        }\n+                    }\n+                }\n+\n+                // check if gx:Track elements should be parsed\n+                if (this.extractTracks) {\n+                    var tracks = this.getElementsByTagNameNS(\n+                        featureNode, this.namespaces.gx, \"Track\"\n+                    );\n+                    if (tracks && tracks.length > 0) {\n+                        var track = tracks[0];\n+                        var container = {\n+                            features: [],\n+                            feature: feature\n+                        };\n+                        this.readNode(track, container);\n+                        if (container.features.length > 0) {\n+                            features.push.apply(features, container.features);\n+                        }\n+                    }\n+                } else {\n+                    // add feature to list of features\n+                    features.push(feature);\n+                }\n+            } else {\n+                throw \"Bad Placemark: \" + i;\n+            }\n+        }\n+\n+        // add new features to existing feature list\n+        this.features = this.features.concat(features);\n+    },\n+\n+    /**\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n+     */\n+    readers: {\n+        \"kml\": {\n+            \"when\": function(node, container) {\n+                container.whens.push(OpenLayers.Date.parse(\n+                    this.getChildValue(node)\n+                ));\n+            },\n+            \"_trackPointAttribute\": function(node, container) {\n+                var name = node.nodeName.split(\":\").pop();\n+                container.attributes[name].push(this.getChildValue(node));\n+            }\n+        },\n+        \"gx\": {\n+            \"Track\": function(node, container) {\n+                var obj = {\n+                    whens: [],\n+                    points: [],\n+                    angles: []\n+                };\n+                if (this.trackAttributes) {\n+                    var name;\n+                    obj.attributes = {};\n+                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n+                        name = this.trackAttributes[i];\n+                        obj.attributes[name] = [];\n+                        if (!(name in this.readers.kml)) {\n+                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n+                        }\n+                    }\n+                }\n+                this.readChildNodes(node, obj);\n+                if (obj.whens.length !== obj.points.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:coord (\" +\n+                        obj.points.length + \") elements.\");\n+                }\n+                var hasAngles = obj.angles.length > 0;\n+                if (hasAngles && obj.whens.length !== obj.angles.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:angles (\" +\n+                        obj.angles.length + \") elements.\");\n+                }\n+                var feature, point, angles;\n+                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n+                    feature = container.feature.clone();\n+                    feature.fid = container.feature.fid || container.feature.id;\n+                    point = obj.points[i];\n+                    feature.geometry = point;\n+                    if (\"z\" in point) {\n+                        feature.attributes.altitude = point.z;\n+                    }\n+                    if (this.internalProjection && this.externalProjection) {\n+                        feature.geometry.transform(\n+                            this.externalProjection, this.internalProjection\n+                        );\n+                    }\n+                    if (this.trackAttributes) {\n+                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n+                            var name = this.trackAttributes[j];\n+                            feature.attributes[name] = obj.attributes[name][i];\n+                        }\n+                    }\n+                    feature.attributes.when = obj.whens[i];\n+                    feature.attributes.trackId = container.feature.id;\n+                    if (hasAngles) {\n+                        angles = obj.angles[i];\n+                        feature.attributes.heading = parseFloat(angles[0]);\n+                        feature.attributes.tilt = parseFloat(angles[1]);\n+                        feature.attributes.roll = parseFloat(angles[2]);\n+                    }\n+                    container.features.push(feature);\n+                }\n+            },\n+            \"coord\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n+                if (coords.length > 2) {\n+                    point.z = parseFloat(coords[2]);\n+                }\n+                container.points.push(point);\n+            },\n+            \"angles\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                container.angles.push(parts);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: parseFeature\n+     * This function is the core of the KML parsing code in OpenLayers.\n+     *     It creates the geometries that are then attached to the returned\n+     *     feature, and calls parseAttributes() to get attribute data out.\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A vector feature.\n+     */\n+    parseFeature: function(node) {\n+        // only accept one geometry per feature - look for highest \"order\"\n+        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n+        var type, nodeList, geometry, parser;\n+        for (var i = 0, len = order.length; i < len; ++i) {\n+            type = order[i];\n+            this.internalns = node.namespaceURI ?\n+                node.namespaceURI : this.kmlns;\n+            nodeList = this.getElementsByTagNameNS(node,\n+                this.internalns, type);\n+            if (nodeList.length > 0) {\n+                // only deal with first geometry of this type\n+                var parser = this.parseGeometry[type.toLowerCase()];\n+                if (parser) {\n+                    geometry = parser.apply(this, [nodeList[0]]);\n+                    if (this.internalProjection && this.externalProjection) {\n+                        geometry.transform(this.externalProjection,\n+                            this.internalProjection);\n+                    }\n+                } else {\n+                    throw new TypeError(\"Unsupported geometry type: \" + type);\n+                }\n+                // stop looking for different geometry types\n+                break;\n+            }\n+        }\n+\n+        // construct feature (optionally with attributes)\n+        var attributes;\n+        if (this.extractAttributes) {\n+            attributes = this.parseAttributes(node);\n+        }\n+        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+\n+        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n+        if (fid != null) {\n+            feature.fid = fid;\n+        }\n+\n+        return feature;\n+    },\n+\n+    /**\n+     * Method: getStyle\n+     * Retrieves a style from a style hash using styleUrl as the key\n+     * If the styleUrl doesn't exist yet, we try to fetch it \n+     * Internet\n+     * \n+     * Parameters: \n+     * styleUrl  - {String} URL of style\n+     * options   - {Object} Hash of options \n+     *\n+     * Returns:\n+     * {Object}  - (reference to) Style hash\n+     */\n+    getStyle: function(styleUrl, options) {\n+\n+        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n+\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+        newOptions.styleBaseUrl = styleBaseUrl;\n+\n+        // Fetch remote Style URLs (if not fetched before) \n+        if (!this.styles[styleUrl] &&\n+            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n+            newOptions.depth <= this.maxDepth &&\n+            !this.fetched[styleBaseUrl]) {\n+\n+            var data = this.fetchLink(styleBaseUrl);\n+            if (data) {\n+                this.parseData(data, newOptions);\n+            }\n+\n+        }\n+\n+        // return requested style\n+        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n+        return style;\n+    },\n+\n+    /**\n+     * Property: parseGeometry\n+     * Properties of this object are the functions that parse geometries based\n+     *     on their type.\n+     */\n+    parseGeometry: {\n+\n+        /**\n+         * Method: parseGeometry.point\n+         * Given a KML node representing a point geometry, create an OpenLayers\n+         *     point geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Point node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Point>} A point geometry.\n+         */\n+        point: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var coords = [];\n+            if (nodeList.length > 0) {\n+                var coordString = nodeList[0].firstChild.nodeValue;\n+                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n+                coords = coordString.split(\",\");\n+            }\n+\n+            var point = null;\n+            if (coords.length > 1) {\n+                // preserve third dimension\n+                if (coords.length == 2) {\n+                    coords[2] = null;\n+                }\n+                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n+                    coords[2]);\n+            } else {\n+                throw \"Bad coordinate string: \" + coordString;\n+            }\n+            return point;\n+        },\n+\n+        /**\n+         * Method: parseGeometry.linestring\n+         * Given a KML node representing a linestring geometry, create an\n+         *     OpenLayers linestring geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML LineString node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         */\n+        linestring: function(node, ring) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var line = null;\n+            if (nodeList.length > 0) {\n+                var coordString = this.getChildValue(nodeList[0]);\n+\n+                coordString = coordString.replace(this.regExes.trimSpace,\n+                    \"\");\n+                coordString = coordString.replace(this.regExes.trimComma,\n+                    \",\");\n+                var pointList = coordString.split(this.regExes.splitSpace);\n+                var numPoints = pointList.length;\n+                var points = new Array(numPoints);\n+                var coords, numCoords;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    coords = pointList[i].split(\",\");\n+                    numCoords = coords.length;\n+                    if (numCoords > 1) {\n+                        if (coords.length == 2) {\n+                            coords[2] = null;\n+                        }\n+                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n+                            coords[1],\n+                            coords[2]);\n+                    } else {\n+                        throw \"Bad LineString point coordinates: \" +\n+                            pointList[i];\n+                    }\n+                }\n+                if (numPoints) {\n+                    if (ring) {\n+                        line = new OpenLayers.Geometry.LinearRing(points);\n+                    } else {\n+                        line = new OpenLayers.Geometry.LineString(points);\n+                    }\n+                } else {\n+                    throw \"Bad LineString coordinates: \" + coordString;\n+                }\n+            }\n+\n+            return line;\n+        },\n+\n+        /**\n+         * Method: parseGeometry.polygon\n+         * Given a KML node representing a polygon geometry, create an\n+         *     OpenLayers polygon geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Polygon node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         */\n+        polygon: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"LinearRing\");\n+            var numRings = nodeList.length;\n+            var components = new Array(numRings);\n+            if (numRings > 0) {\n+                // this assumes exterior ring first, inner rings after\n+                var ring;\n+                for (var i = 0, len = nodeList.length; i < len; ++i) {\n+                    ring = this.parseGeometry.linestring.apply(this,\n+                        [nodeList[i], true]);\n+                    if (ring) {\n+                        components[i] = ring;\n+                    } else {\n+                        throw \"Bad LinearRing geometry: \" + i;\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Polygon(components);\n+        },\n+\n+        /**\n+         * Method: parseGeometry.multigeometry\n+         * Given a KML node representing a multigeometry, create an\n+         *     OpenLayers geometry collection.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML MultiGeometry node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         */\n+        multigeometry: function(node) {\n+            var child, parser;\n+            var parts = [];\n+            var children = node.childNodes;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    var type = (child.prefix) ?\n+                        child.nodeName.split(\":\")[1] :\n+                        child.nodeName;\n+                    var parser = this.parseGeometry[type.toLowerCase()];\n+                    if (parser) {\n+                        parts.push(parser.apply(this, [child]));\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Collection(parts);\n+        }\n+\n+    },\n+\n+    /**\n+     * Method: parseAttributes\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {Object} An attributes object.\n+     */\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+\n+        // Extended Data is parsed first.\n+        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n+        if (edNodes.length) {\n+            attributes = this.parseExtendedData(edNodes[0]);\n+        }\n+\n+        // assume attribute nodes are type 1 children with a type 3 or 4 child\n+        var child, grandchildren, grandchild;\n+        var children = node.childNodes;\n+\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                grandchildren = child.childNodes;\n+                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n+                    var grandchild;\n+                    switch (grandchildren.length) {\n+                        case 1:\n+                            grandchild = grandchildren[0];\n+                            break;\n+                        case 2:\n+                            var c1 = grandchildren[0];\n+                            var c2 = grandchildren[1];\n+                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n+                                c1 : c2;\n+                            break;\n+                        case 3:\n+                        default:\n+                            grandchild = grandchildren[1];\n+                            break;\n+                    }\n+                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                        var name = (child.prefix) ?\n+                            child.nodeName.split(\":\")[1] :\n+                            child.nodeName;\n+                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n+                        if (value) {\n+                            value = value.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value;\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        return attributes;\n+    },\n+\n+    /**\n+     * Method: parseExtendedData\n+     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n+     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n+     *     for more information on extendeddata.\n+     */\n+    parseExtendedData: function(node) {\n+        var attributes = {};\n+        var i, len, data, key;\n+        var dataNodes = node.getElementsByTagName(\"Data\");\n+        for (i = 0, len = dataNodes.length; i < len; i++) {\n+            data = dataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            var ed = {};\n+            var valueNode = data.getElementsByTagName(\"value\");\n+            if (valueNode.length) {\n+                ed['value'] = this.getChildValue(valueNode[0]);\n+            }\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                var nameNode = data.getElementsByTagName(\"displayName\");\n+                if (nameNode.length) {\n+                    ed['displayName'] = this.getChildValue(nameNode[0]);\n+                }\n+                attributes[key] = ed;\n+            }\n+        }\n+        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n+        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n+            var ed = {};\n+            data = simpleDataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            ed['value'] = this.getChildValue(data);\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                ed['displayName'] = key;\n+                attributes[key] = ed;\n+            }\n+        }\n+\n+        return attributes;\n+    },\n+\n+    /**\n+     * Method: parseProperty\n+     * Convenience method to find a node and return its value\n+     *\n+     * Parameters:\n+     * xmlNode    - {<DOMElement>}\n+     * namespace  - {String} namespace of the node to find\n+     * tagName    - {String} name of the property to parse\n+     * \n+     * Returns:\n+     * {String} The value for the requested property (defaults to null)\n+     */\n+    parseProperty: function(xmlNode, namespace, tagName) {\n+        var value;\n+        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n+        try {\n+            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n+        } catch (e) {\n+            value = null;\n+        }\n+\n+        return value;\n+    },\n+\n+    /**\n+     * APIMethod: write\n+     * Accept Feature Collection, and return a string. \n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n+     *\n+     * Returns:\n+     * {String} A KML string.\n+     */\n+    write: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        var kml = this.createElementNS(this.kmlns, \"kml\");\n+        var folder = this.createFolderXML();\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            folder.appendChild(this.createPlacemarkXML(features[i]));\n+        }\n+        kml.appendChild(folder);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n+    },\n+\n+    /**\n+     * Method: createFolderXML\n+     * Creates and returns a KML folder node\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createFolderXML: function() {\n+        // Folder\n+        var folder = this.createElementNS(this.kmlns, \"Folder\");\n+\n+        // Folder name\n+        if (this.foldersName) {\n+            var folderName = this.createElementNS(this.kmlns, \"name\");\n+            var folderNameText = this.createTextNode(this.foldersName);\n+            folderName.appendChild(folderNameText);\n+            folder.appendChild(folderName);\n+        }\n+\n+        // Folder description\n+        if (this.foldersDesc) {\n+            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n+            var folderDescText = this.createTextNode(this.foldersDesc);\n+            folderDesc.appendChild(folderDescText);\n+            folder.appendChild(folderDesc);\n+        }\n+\n+        return folder;\n+    },\n+\n+    /**\n+     * Method: createPlacemarkXML\n+     * Creates and returns a KML placemark node representing the given feature. \n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createPlacemarkXML: function(feature) {\n+        // Placemark name\n+        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n+        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n+        var name = feature.attributes.name || label;\n+        placemarkName.appendChild(this.createTextNode(name));\n+\n+        // Placemark description\n+        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n+        var desc = feature.attributes.description || this.placemarksDesc;\n+        placemarkDesc.appendChild(this.createTextNode(desc));\n+\n+        // Placemark\n+        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n+        if (feature.fid != null) {\n+            placemarkNode.setAttribute(\"id\", feature.fid);\n+        }\n+        placemarkNode.appendChild(placemarkName);\n+        placemarkNode.appendChild(placemarkDesc);\n+\n+        // Geometry node (Point, LineString, etc. nodes)\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        placemarkNode.appendChild(geometryNode);\n+\n+        // output attributes as extendedData\n+        if (feature.attributes) {\n+            var edNode = this.buildExtendedData(feature.attributes);\n+            if (edNode) {\n+                placemarkNode.appendChild(edNode);\n+            }\n+        }\n+\n+        return placemarkNode;\n+    },\n+\n+    /**\n+     * Method: buildGeometryNode\n+     * Builds and returns a KML geometry node with the given geometry.\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    buildGeometryNode: function(geometry) {\n+        var className = geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        var builder = this.buildGeometry[type.toLowerCase()];\n+        var node = null;\n+        if (builder) {\n+            node = builder.apply(this, [geometry]);\n+        }\n+        return node;\n+    },\n+\n+    /**\n+     * Property: buildGeometry\n+     * Object containing methods to do the actual geometry node building\n+     *     based on geometry type.\n+     */\n+    buildGeometry: {\n+        // TBD: Anybody care about namespace aliases here (these nodes have\n+        //    no prefixes)?\n+\n+        /**\n+         * Method: buildGeometry.point\n+         * Given an OpenLayers point geometry, create a KML point.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML point node.\n+         */\n+        point: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Point\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.multipoint\n+         * Given an OpenLayers multipoint geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipoint: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n+\n+        /**\n+         * Method: buildGeometry.linestring\n+         * Given an OpenLayers linestring geometry, create a KML linestring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linestring node.\n+         */\n+        linestring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LineString\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.multilinestring\n+         * Given an OpenLayers multilinestring geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multilinestring: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n+\n+        /**\n+         * Method: buildGeometry.linearring\n+         * Given an OpenLayers linearring geometry, create a KML linearring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linearring node.\n+         */\n+        linearring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.polygon\n+         * Given an OpenLayers polygon geometry, create a KML polygon.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML polygon node.\n+         */\n+        polygon: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n+            var rings = geometry.components;\n+            var ringMember, ringGeom, type;\n+            for (var i = 0, len = rings.length; i < len; ++i) {\n+                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n+                ringMember = this.createElementNS(this.kmlns, type);\n+                ringGeom = this.buildGeometry.linearring.apply(this,\n+                    [rings[i]]);\n+                ringMember.appendChild(ringGeom);\n+                kml.appendChild(ringMember);\n+            }\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.multipolygon\n+         * Given an OpenLayers multipolygon geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipolygon: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n+\n+        /**\n+         * Method: buildGeometry.collection\n+         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML MultiGeometry node.\n+         */\n+        collection: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n+            var child;\n+            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n+                child = this.buildGeometryNode.apply(this,\n+                    [geometry.components[i]]);\n+                if (child) {\n+                    kml.appendChild(child);\n+                }\n+            }\n+            return kml;\n+        }\n+    },\n+\n+    /**\n+     * Method: buildCoordinatesNode\n+     * Builds and returns the KML coordinates node with the given geometry\n+     * <coordinates>...</coordinates>\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    buildCoordinatesNode: function(geometry) {\n+        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+\n+        var path;\n+        var points = geometry.components;\n+        if (points) {\n+            // LineString or LinearRing\n+            var point;\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; ++i) {\n+                point = points[i];\n+                parts[i] = this.buildCoordinates(point);\n+            }\n+            path = parts.join(\" \");\n+        } else {\n+            // Point\n+            path = this.buildCoordinates(geometry);\n+        }\n+\n+        var txtNode = this.createTextNode(path);\n+        coordinatesNode.appendChild(txtNode);\n+\n+        return coordinatesNode;\n+    },\n+\n+    /**\n+     * Method: buildCoordinates\n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns\n+     * {String} a coordinate pair\n+     */\n+    buildCoordinates: function(point) {\n+        if (this.internalProjection && this.externalProjection) {\n+            point = point.clone();\n+            point.transform(this.internalProjection,\n+                this.externalProjection);\n+        }\n+        return point.x + \",\" + point.y;\n+    },\n+\n+    /**\n+     * Method: buildExtendedData\n+     *\n+     * Parameters:\n+     * attributes - {Object}\n+     *\n+     * Returns\n+     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n+     */\n+    buildExtendedData: function(attributes) {\n+        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n+        for (var attributeName in attributes) {\n+            // empty, name, description, styleUrl attributes ignored\n+            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n+                var data = this.createElementNS(this.kmlns, \"Data\");\n+                data.setAttribute(\"name\", attributeName);\n+                var value = this.createElementNS(this.kmlns, \"value\");\n+                if (typeof attributes[attributeName] == \"object\") {\n+                    // cater for object attributes with 'value' properties\n+                    // other object properties will output an empty node\n+                    if (attributes[attributeName].value) {\n+                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n+                    }\n+                    if (attributes[attributeName].displayName) {\n+                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n+                        // displayName always written as CDATA\n+                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n+                        data.appendChild(displayName);\n+                    }\n+                } else {\n+                    value.appendChild(this.createTextNode(attributes[attributeName]));\n+                }\n+                data.appendChild(value);\n+                extendedData.appendChild(data);\n+            }\n+        }\n+        if (this.isSimpleContent(extendedData)) {\n+            return null;\n+        } else {\n+            return extendedData;\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.KML\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy\n+ * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n+ *     one of the strategy subclasses instead.\n+ */\n+OpenLayers.Strategy = OpenLayers.Class({\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: options\n+     * {Object} Any options sent to the constructor.\n+     */\n+    options: null,\n+\n+    /** \n+     * Property: active \n+     * {Boolean} The control is active.\n+     */\n+    active: null,\n+\n+    /**\n+     * Property: autoActivate\n+     * {Boolean} The creator of the strategy can set autoActivate to false\n+     *      to fully control when the protocol is activated and deactivated.\n+     *      Defaults to true.\n      */\n-    unselectAll: function(options) {\n-        // we'll want an option to supress notification here\n-        var layers = this.layers || [this.layer],\n-            layer, feature, l, numExcept;\n-        for (l = 0; l < layers.length; ++l) {\n-            layer = layers[l];\n-            numExcept = 0;\n-            //layer.selectedFeatures is null when layer is destroyed and \n-            //one of it's preremovelayer listener calls setLayer \n-            //with another layer on this control\n-            if (layer.selectedFeatures != null) {\n-                while (layer.selectedFeatures.length > numExcept) {\n-                    feature = layer.selectedFeatures[numExcept];\n-                    if (!options || options.except != feature) {\n-                        this.unselect(feature);\n-                    } else {\n-                        ++numExcept;\n-                    }\n-                }\n-            }\n-        }\n-    },\n+    autoActivate: true,\n \n     /**\n-     * Method: clickFeature\n-     * Called on click in a feature\n-     * Only responds if this.hover is false.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Property: autoDestroy\n+     * {Boolean} The creator of the strategy can set autoDestroy to false\n+     *      to fully control when the strategy is destroyed. Defaults to\n+     *      true.\n      */\n-    clickFeature: function(feature) {\n-        if (!this.hover) {\n-            var selected = (OpenLayers.Util.indexOf(\n-                feature.layer.selectedFeatures, feature) > -1);\n-            if (selected) {\n-                if (this.toggleSelect()) {\n-                    this.unselect(feature);\n-                } else if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-            } else {\n-                if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-                this.select(feature);\n-            }\n-        }\n-    },\n+    autoDestroy: true,\n \n     /**\n-     * Method: multipleSelect\n-     * Allow for multiple selected features based on <multiple> property and\n-     *     <multipleKey> event modifier.\n+     * Constructor: OpenLayers.Strategy\n+     * Abstract class for vector strategies.  Create instances of a subclass.\n      *\n-     * Returns:\n-     * {Boolean} Allow for multiple selected features.\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    multipleSelect: function() {\n-        return this.multiple || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.multipleKey]);\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        // set the active property here, so that user cannot override it\n+        this.active = false;\n     },\n \n     /**\n-     * Method: toggleSelect\n-     * Event should toggle the selected state of a feature based on <toggle>\n-     *     property and <toggleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Toggle the selected state of a feature.\n+     * APIMethod: destroy\n+     * Clean up the strategy.\n      */\n-    toggleSelect: function() {\n-        return this.toggle || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.toggleKey]);\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null;\n     },\n \n     /**\n-     * Method: clickoutFeature\n-     * Called on click outside a previously clicked (selected) feature.\n-     * Only responds if this.hover is false.\n+     * Method: setLayer\n+     * Called to set the <layer> property.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>} \n+     * layer - {<OpenLayers.Layer.Vector>}\n      */\n-    clickoutFeature: function(feature) {\n-        if (!this.hover && this.clickout) {\n-            this.unselectAll();\n-        }\n+    setLayer: function(layer) {\n+        this.layer = layer;\n     },\n \n     /**\n-     * Method: overFeature\n-     * Called on over a feature.\n-     * Only responds if this.hover is true.\n+     * Method: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n      */\n-    overFeature: function(feature) {\n-        var layer = feature.layer;\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                this.highlight(feature);\n-            } else if (OpenLayers.Util.indexOf(\n-                    layer.selectedFeatures, feature) == -1) {\n-                this.select(feature);\n-            }\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true;\n         }\n+        return false;\n     },\n \n     /**\n-     * Method: outFeature\n-     * Called on out of a selected feature.\n-     * Only responds if this.hover is true.\n+     * Method: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n      */\n-    outFeature: function(feature) {\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                // we do nothing if we're not the last highlighter of the\n-                // feature\n-                if (feature._lastHighlighter == this.id) {\n-                    // if another select control had highlighted the feature before\n-                    // we did it ourself then we use that control to highlight the\n-                    // feature as it was before we highlighted it, else we just\n-                    // unhighlight it\n-                    if (feature._prevHighlighter &&\n-                        feature._prevHighlighter != this.id) {\n-                        delete feature._lastHighlighter;\n-                        var control = this.map.getControl(\n-                            feature._prevHighlighter);\n-                        if (control) {\n-                            control.highlight(feature);\n-                        }\n-                    } else {\n-                        this.unhighlight(feature);\n-                    }\n-                }\n-            } else {\n-                this.unselect(feature);\n-            }\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true;\n         }\n+        return false;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Fixed.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Fixed\n+ * A simple strategy that requests features once and never requests new data.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+\n     /**\n-     * Method: highlight\n-     * Redraw feature with the select style.\n+     * APIProperty: preload\n+     * {Boolean} Load data before layer made visible. Enabling this may result\n+     *   in considerable overhead if your application loads many data layers\n+     *   that are not visible by default. Default is false.\n+     */\n+    preload: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Fixed\n+     * Create a new Fixed strategy.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n      */\n-    highlight: function(feature) {\n-        var layer = feature.layer;\n-        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n-            feature: feature\n-        });\n-        if (cont !== false) {\n-            feature._prevHighlighter = feature._lastHighlighter;\n-            feature._lastHighlighter = this.id;\n-            var style = this.selectStyle || this.renderIntent;\n-            layer.drawFeature(feature, style);\n-            this.events.triggerEvent(\"featurehighlighted\", {\n-                feature: feature\n-            });\n-        }\n-    },\n \n     /**\n-     * Method: unhighlight\n-     * Redraw feature with the \"default\" style\n+     * Method: activate\n+     * Activate the strategy: load data or add listener to load when visible\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n      */\n-    unhighlight: function(feature) {\n-        var layer = feature.layer;\n-        // three cases:\n-        // 1. there's no other highlighter, in that case _prev is undefined,\n-        //    and we just need to undef _last\n-        // 2. another control highlighted the feature after we did it, in\n-        //    that case _last references this other control, and we just\n-        //    need to undef _prev\n-        // 3. another control highlighted the feature before we did it, in\n-        //    that case _prev references this other control, and we need to\n-        //    set _last to _prev and undef _prev\n-        if (feature._prevHighlighter == undefined) {\n-            delete feature._lastHighlighter;\n-        } else if (feature._prevHighlighter == this.id) {\n-            delete feature._prevHighlighter;\n-        } else {\n-            feature._lastHighlighter = feature._prevHighlighter;\n-            delete feature._prevHighlighter;\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"refresh\": this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load();\n+            } else {\n+                this.layer.events.on({\n+                    \"visibilitychanged\": this.load,\n+                    scope: this\n+                });\n+            }\n         }\n-        layer.drawFeature(feature, feature.style || feature.layer.style ||\n-            \"default\");\n-        this.events.triggerEvent(\"featureunhighlighted\", {\n-            feature: feature\n-        });\n+        return activated;\n     },\n \n     /**\n-     * Method: select\n-     * Add feature to the layer's selectedFeature array, render the feature as\n-     * selected, and call the onSelect function.\n+     * Method: deactivate\n+     * Deactivate the strategy.  Undo what is done in <activate>.\n      * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n      */\n-    select: function(feature) {\n-        var cont = this.onBeforeSelect.call(this.scope, feature);\n-        var layer = feature.layer;\n-        if (cont !== false) {\n-            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n-                feature: feature\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"refresh\": this.load,\n+                \"visibilitychanged\": this.load,\n+                scope: this\n             });\n-            if (cont !== false) {\n-                layer.selectedFeatures.push(feature);\n-                this.highlight(feature);\n-                // if the feature handler isn't involved in the feature\n-                // selection (because the box handler is used or the\n-                // feature is selected programatically) we fake the\n-                // feature handler to allow unselecting on click\n-                if (!this.handlers.feature.lastFeature) {\n-                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n-                }\n-                layer.events.triggerEvent(\"featureselected\", {\n-                    feature: feature\n-                });\n-                this.onSelect.call(this.scope, feature);\n-            }\n         }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: unselect\n-     * Remove feature from the layer's selectedFeature array, render the feature as\n-     * normal, and call the onUnselect function.\n+     * Method: load\n+     * Tells protocol to load data and unhooks the visibilitychanged event\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} options to pass to protocol read.\n      */\n-    unselect: function(feature) {\n-        var layer = feature.layer;\n-        // Store feature style for restoration later\n-        this.unhighlight(feature);\n-        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n-        layer.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            \"visibilitychanged\": this.load,\n+            scope: this\n         });\n-        this.onUnselect.call(this.scope, feature);\n     },\n \n     /**\n-     * Method: selectBox\n-     * Callback from the handlers.box set up when <box> selection is true\n-     *     on.\n+     * Method: merge\n+     * Add all features to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n      *\n      * Parameters:\n-     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n      */\n-    selectBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            var bounds = new OpenLayers.Bounds(\n-                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n-            );\n-\n-            // if multiple is false, first deselect currently selected features\n-            if (!this.multipleSelect()) {\n-                this.unselectAll();\n-            }\n-\n-            // because we're using a box, we consider we want multiple selection\n-            var prevMultiple = this.multiple;\n-            this.multiple = true;\n-            var layers = this.layers || [this.layer];\n-            this.events.triggerEvent(\"boxselectionstart\", {\n-                layers: layers\n-            });\n-            var layer;\n-            for (var l = 0; l < layers.length; ++l) {\n-                layer = layers[l];\n-                for (var i = 0, len = layer.features.length; i < len; ++i) {\n-                    var feature = layer.features[i];\n-                    // check if the feature is displayed\n-                    if (!feature.getVisibility()) {\n-                        continue;\n-                    }\n-\n-                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n-                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n-                        if (bounds.toGeometry().intersects(feature.geometry)) {\n-                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n-                                this.select(feature);\n-                            }\n-                        }\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local);\n                     }\n                 }\n             }\n-            this.multiple = prevMultiple;\n-            this.events.triggerEvent(\"boxselectionend\", {\n-                layers: layers\n-            });\n-        }\n-    },\n-\n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        this.handlers.feature.setMap(map);\n-        if (this.box) {\n-            this.handlers.box.setMap(map);\n-        }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-    },\n-\n-    /**\n-     * APIMethod: setLayer\n-     * Attach a new layer to the control, overriding any existing layers.\n-     *\n-     * Parameters:\n-     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n-     *     {<OpenLayers.Layer.Vector>}\n-     */\n-    setLayer: function(layers) {\n-        var isActive = this.active;\n-        this.unselectAll();\n-        this.deactivate();\n-        if (this.layers) {\n-            this.layer.destroy();\n-            this.layers = null;\n-        }\n-        this.initLayer(layers);\n-        this.handlers.feature.layer = this.layer;\n-        if (isActive) {\n-            this.activate();\n+            layer.addFeatures(features);\n         }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n });\n /* ======================================================================\n     OpenLayers/Protocol.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -28446,937 +32823,14 @@\n \n     CLASS_NAME: \"OpenLayers.Protocol.Response\"\n });\n \n OpenLayers.Protocol.Response.SUCCESS = 1;\n OpenLayers.Protocol.Response.FAILURE = 0;\n /* ======================================================================\n-    OpenLayers/Request.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- */\n-\n-/**\n- * TODO: deprecate me\n- * Use OpenLayers.Request.proxy instead.\n- */\n-OpenLayers.ProxyHost = \"\";\n-\n-/**\n- * Namespace: OpenLayers.Request\n- * The OpenLayers.Request namespace contains convenience methods for working\n- *     with XMLHttpRequests.  These methods work with a cross-browser\n- *     W3C compliant <OpenLayers.Request.XMLHttpRequest> class.\n- */\n-if (!OpenLayers.Request) {\n-    /**\n-     * This allows for OpenLayers/Request/XMLHttpRequest.js to be included\n-     * before or after this script.\n-     */\n-    OpenLayers.Request = {};\n-}\n-OpenLayers.Util.extend(OpenLayers.Request, {\n-\n-    /**\n-     * Constant: DEFAULT_CONFIG\n-     * {Object} Default configuration for all requests.\n-     */\n-    DEFAULT_CONFIG: {\n-        method: \"GET\",\n-        url: window.location.href,\n-        async: true,\n-        user: undefined,\n-        password: undefined,\n-        params: null,\n-        proxy: OpenLayers.ProxyHost,\n-        headers: {},\n-        data: null,\n-        callback: function() {},\n-        success: null,\n-        failure: null,\n-        scope: null\n-    },\n-\n-    /**\n-     * Constant: URL_SPLIT_REGEX\n-     */\n-    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n-\n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the {<OpenLayers.Request>} object.\n-     *\n-     * All event listeners will receive an event object with three properties:\n-     * request - {<OpenLayers.Request.XMLHttpRequest>} The request object.\n-     * config - {Object} The config object sent to the specific request method.\n-     * requestUrl - {String} The request url.\n-     * \n-     * Supported event types:\n-     * complete - Triggered when we have a response from the request, if a\n-     *     listener returns false, no further response processing will take\n-     *     place.\n-     * success - Triggered when the HTTP response has a success code (200-299).\n-     * failure - Triggered when the HTTP response does not have a success code.\n-     */\n-    events: new OpenLayers.Events(this),\n-\n-    /**\n-     * Method: makeSameOrigin\n-     * Using the specified proxy, returns a same origin url of the provided url.\n-     *\n-     * Parameters:\n-     * url - {String} An arbitrary url\n-     * proxy {String|Function} The proxy to use to make the provided url a\n-     *     same origin url.\n-     *\n-     * Returns\n-     * {String} the same origin url. If no proxy is provided, the returned url\n-     *     will be the same as the provided url.\n-     */\n-    makeSameOrigin: function(url, proxy) {\n-        var sameOrigin = url.indexOf(\"http\") !== 0;\n-        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n-        if (urlParts) {\n-            var location = window.location;\n-            sameOrigin =\n-                urlParts[1] == location.protocol &&\n-                urlParts[3] == location.hostname;\n-            var uPort = urlParts[4],\n-                lPort = location.port;\n-            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n-                sameOrigin = sameOrigin && uPort == lPort;\n-            }\n-        }\n-        if (!sameOrigin) {\n-            if (proxy) {\n-                if (typeof proxy == \"function\") {\n-                    url = proxy(url);\n-                } else {\n-                    url = proxy + encodeURIComponent(url);\n-                }\n-            }\n-        }\n-        return url;\n-    },\n-\n-    /**\n-     * APIMethod: issue\n-     * Create a new XMLHttpRequest object, open it, set any headers, bind\n-     *     a callback to done state, and send any data.  It is recommended that\n-     *     you use one <GET>, <POST>, <PUT>, <DELETE>, <OPTIONS>, or <HEAD>.\n-     *     This method is only documented to provide detail on the configuration\n-     *     options available to all request methods.\n-     *\n-     * Parameters:\n-     * config - {Object} Object containing properties for configuring the\n-     *     request.  Allowed configuration properties are described below.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Allowed config properties:\n-     * method - {String} One of GET, POST, PUT, DELETE, HEAD, or\n-     *     OPTIONS.  Default is GET.\n-     * url - {String} URL for the request.\n-     * async - {Boolean} Open an asynchronous request.  Default is true.\n-     * user - {String} User for relevant authentication scheme.  Set\n-     *     to null to clear current user.\n-     * password - {String} Password for relevant authentication scheme.\n-     *     Set to null to clear current password.\n-     * proxy - {String} Optional proxy.  Defaults to\n-     *     <OpenLayers.ProxyHost>.\n-     * params - {Object} Any key:value pairs to be appended to the\n-     *     url as a query string.  Assumes url doesn't already include a query\n-     *     string or hash.  Typically, this is only appropriate for <GET>\n-     *     requests where the query string will be appended to the url.\n-     *     Parameter values that are arrays will be\n-     *     concatenated with a comma (note that this goes against form-encoding)\n-     *     as is done with <OpenLayers.Util.getParameterString>.\n-     * headers - {Object} Object with header:value pairs to be set on\n-     *     the request.\n-     * data - {String | Document} Optional data to send with the request.\n-     *     Typically, this is only used with <POST> and <PUT> requests.\n-     *     Make sure to provide the appropriate \"Content-Type\" header for your\n-     *     data.  For <POST> and <PUT> requests, the content type defaults to\n-     *     \"application-xml\".  If your data is a different content type, or\n-     *     if you are using a different HTTP method, set the \"Content-Type\"\n-     *     header to match your data type.\n-     * callback - {Function} Function to call when request is done.\n-     *     To determine if the request failed, check request.status (200\n-     *     indicates success).\n-     * success - {Function} Optional function to call if request status is in\n-     *     the 200s.  This will be called in addition to callback above and\n-     *     would typically only be used as an alternative.\n-     * failure - {Function} Optional function to call if request status is not\n-     *     in the 200s.  This will be called in addition to callback above and\n-     *     would typically only be used as an alternative.\n-     * scope - {Object} If callback is a public method on some object,\n-     *     set the scope to that object.\n-     *\n-     * Returns:\n-     * {XMLHttpRequest} Request object.  To abort the request before a response\n-     *     is received, call abort() on the request object.\n-     */\n-    issue: function(config) {\n-        // apply default config - proxy host may have changed\n-        var defaultConfig = OpenLayers.Util.extend(\n-            this.DEFAULT_CONFIG, {\n-                proxy: OpenLayers.ProxyHost\n-            }\n-        );\n-        config = config || {};\n-        config.headers = config.headers || {};\n-        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n-        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n-        // Always set the \"X-Requested-With\" header to signal that this request\n-        // was issued through the XHR-object. Since header keys are case \n-        // insensitive and we want to allow overriding of the \"X-Requested-With\"\n-        // header through the user we cannot use applyDefaults, but have to \n-        // check manually whether we were called with a \"X-Requested-With\"\n-        // header.\n-        var customRequestedWithHeader = false,\n-            headerKey;\n-        for (headerKey in config.headers) {\n-            if (config.headers.hasOwnProperty(headerKey)) {\n-                if (headerKey.toLowerCase() === 'x-requested-with') {\n-                    customRequestedWithHeader = true;\n-                }\n-            }\n-        }\n-        if (customRequestedWithHeader === false) {\n-            // we did not have a custom \"X-Requested-With\" header\n-            config.headers['X-Requested-With'] = 'XMLHttpRequest';\n-        }\n-\n-        // create request, open, and set headers\n-        var request = new OpenLayers.Request.XMLHttpRequest();\n-        var url = OpenLayers.Util.urlAppend(config.url,\n-            OpenLayers.Util.getParameterString(config.params || {}));\n-        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n-        request.open(\n-            config.method, url, config.async, config.user, config.password\n-        );\n-        for (var header in config.headers) {\n-            request.setRequestHeader(header, config.headers[header]);\n-        }\n-\n-        var events = this.events;\n-\n-        // we want to execute runCallbacks with \"this\" as the\n-        // execution scope\n-        var self = this;\n-\n-        request.onreadystatechange = function() {\n-            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n-                var proceed = events.triggerEvent(\n-                    \"complete\", {\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n-                    }\n-                );\n-                if (proceed !== false) {\n-                    self.runCallbacks({\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n-                    });\n-                }\n-            }\n-        };\n-\n-        // send request (optionally with data) and return\n-        // call in a timeout for asynchronous requests so the return is\n-        // available before readyState == 4 for cached docs\n-        if (config.async === false) {\n-            request.send(config.data);\n-        } else {\n-            window.setTimeout(function() {\n-                if (request.readyState !== 0) { // W3C: 0-UNSENT\n-                    request.send(config.data);\n-                }\n-            }, 0);\n-        }\n-        return request;\n-    },\n-\n-    /**\n-     * Method: runCallbacks\n-     * Calls the complete, success and failure callbacks. Application\n-     *    can listen to the \"complete\" event, have the listener \n-     *    display a confirm window and always return false, and\n-     *    execute OpenLayers.Request.runCallbacks if the user\n-     *    hits \"yes\" in the confirm window.\n-     *\n-     * Parameters:\n-     * options - {Object} Hash containing request, config and requestUrl keys\n-     */\n-    runCallbacks: function(options) {\n-        var request = options.request;\n-        var config = options.config;\n-\n-        // bind callbacks to readyState 4 (done)\n-        var complete = (config.scope) ?\n-            OpenLayers.Function.bind(config.callback, config.scope) :\n-            config.callback;\n-\n-        // optional success callback\n-        var success;\n-        if (config.success) {\n-            success = (config.scope) ?\n-                OpenLayers.Function.bind(config.success, config.scope) :\n-                config.success;\n-        }\n-\n-        // optional failure callback\n-        var failure;\n-        if (config.failure) {\n-            failure = (config.scope) ?\n-                OpenLayers.Function.bind(config.failure, config.scope) :\n-                config.failure;\n-        }\n-\n-        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" &&\n-            request.responseText) {\n-            request.status = 200;\n-        }\n-        complete(request);\n-\n-        if (!request.status || (request.status >= 200 && request.status < 300)) {\n-            this.events.triggerEvent(\"success\", options);\n-            if (success) {\n-                success(request);\n-            }\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"failure\", options);\n-            if (failure) {\n-                failure(request);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: GET\n-     * Send an HTTP GET request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to GET.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    GET: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"GET\"\n-        });\n-        return OpenLayers.Request.issue(config);\n-    },\n-\n-    /**\n-     * APIMethod: POST\n-     * Send a POST request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to POST and \"Content-Type\" header set to \"application/xml\".\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.  The\n-     *     default \"Content-Type\" header will be set to \"application-xml\" if\n-     *     none is provided.  This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    POST: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"POST\"\n-        });\n-        // set content type to application/xml if it isn't already set\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\";\n-        }\n-        return OpenLayers.Request.issue(config);\n-    },\n-\n-    /**\n-     * APIMethod: PUT\n-     * Send an HTTP PUT request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to PUT and \"Content-Type\" header set to \"application/xml\".\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.  The\n-     *     default \"Content-Type\" header will be set to \"application-xml\" if\n-     *     none is provided.  This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    PUT: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"PUT\"\n-        });\n-        // set content type to application/xml if it isn't already set\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\";\n-        }\n-        return OpenLayers.Request.issue(config);\n-    },\n-\n-    /**\n-     * APIMethod: DELETE\n-     * Send an HTTP DELETE request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to DELETE.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    DELETE: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"DELETE\"\n-        });\n-        return OpenLayers.Request.issue(config);\n-    },\n-\n-    /**\n-     * APIMethod: HEAD\n-     * Send an HTTP HEAD request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to HEAD.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    HEAD: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"HEAD\"\n-        });\n-        return OpenLayers.Request.issue(config);\n-    },\n-\n-    /**\n-     * APIMethod: OPTIONS\n-     * Send an HTTP OPTIONS request.  Additional configuration properties are\n-     *     documented in the <issue> method, with the method property set\n-     *     to OPTIONS.\n-     *\n-     * Parameters:\n-     * config - {Object} Object with properties for configuring the request.\n-     *     See the <issue> method for documentation of allowed properties.\n-     *     This object is modified and should not be reused.\n-     * \n-     * Returns:\n-     * {XMLHttpRequest} Request object.\n-     */\n-    OPTIONS: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"OPTIONS\"\n-        });\n-        return OpenLayers.Request.issue(config);\n-    }\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Request/XMLHttpRequest.js\n-   ====================================================================== */\n-\n-// XMLHttpRequest.js Copyright (C) 2010 Sergey Ilinsky (http://www.ilinsky.com)\n-//\n-// Licensed under the Apache License, Version 2.0 (the \"License\");\n-// you may not use this file except in compliance with the License.\n-// You may obtain a copy of the License at\n-//\n-//   http://www.apache.org/licenses/LICENSE-2.0\n-//\n-// Unless required by applicable law or agreed to in writing, software\n-// distributed under the License is distributed on an \"AS IS\" BASIS,\n-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n-// See the License for the specific language governing permissions and\n-// limitations under the License.\n-\n-/**\n- * @requires OpenLayers/Request.js\n- */\n-\n-(function() {\n-\n-    // Save reference to earlier defined object implementation (if any)\n-    var oXMLHttpRequest = window.XMLHttpRequest;\n-\n-    // Define on browser type\n-    var bGecko = !!window.controllers,\n-        bIE = window.document.all && !window.opera,\n-        bIE7 = bIE && window.navigator.userAgent.match(/MSIE 7.0/);\n-\n-    // Enables \"XMLHttpRequest()\" call next to \"new XMLHttpReques()\"\n-    function fXMLHttpRequest() {\n-        this._object = oXMLHttpRequest && !bIE7 ? new oXMLHttpRequest : new window.ActiveXObject(\"Microsoft.XMLHTTP\");\n-        this._listeners = [];\n-    };\n-\n-    // Constructor\n-    function cXMLHttpRequest() {\n-        return new fXMLHttpRequest;\n-    };\n-    cXMLHttpRequest.prototype = fXMLHttpRequest.prototype;\n-\n-    // BUGFIX: Firefox with Firebug installed would break pages if not executed\n-    if (bGecko && oXMLHttpRequest.wrapped)\n-        cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped;\n-\n-    // Constants\n-    cXMLHttpRequest.UNSENT = 0;\n-    cXMLHttpRequest.OPENED = 1;\n-    cXMLHttpRequest.HEADERS_RECEIVED = 2;\n-    cXMLHttpRequest.LOADING = 3;\n-    cXMLHttpRequest.DONE = 4;\n-\n-    // Public Properties\n-    cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT;\n-    cXMLHttpRequest.prototype.responseText = '';\n-    cXMLHttpRequest.prototype.responseXML = null;\n-    cXMLHttpRequest.prototype.status = 0;\n-    cXMLHttpRequest.prototype.statusText = '';\n-\n-    // Priority proposal\n-    cXMLHttpRequest.prototype.priority = \"NORMAL\";\n-\n-    // Instance-level Events Handlers\n-    cXMLHttpRequest.prototype.onreadystatechange = null;\n-\n-    // Class-level Events Handlers\n-    cXMLHttpRequest.onreadystatechange = null;\n-    cXMLHttpRequest.onopen = null;\n-    cXMLHttpRequest.onsend = null;\n-    cXMLHttpRequest.onabort = null;\n-\n-    // Public Methods\n-    cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) {\n-        // Delete headers, required when object is reused\n-        delete this._headers;\n-\n-        // When bAsync parameter value is omitted, use true as default\n-        if (arguments.length < 3)\n-            bAsync = true;\n-\n-        // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests\n-        this._async = bAsync;\n-\n-        // Set the onreadystatechange handler\n-        var oRequest = this,\n-            nState = this.readyState,\n-            fOnUnload;\n-\n-        // BUGFIX: IE - memory leak on page unload (inter-page leak)\n-        if (bIE && bAsync) {\n-            fOnUnload = function() {\n-                if (nState != cXMLHttpRequest.DONE) {\n-                    fCleanTransport(oRequest);\n-                    // Safe to abort here since onreadystatechange handler removed\n-                    oRequest.abort();\n-                }\n-            };\n-            window.attachEvent(\"onunload\", fOnUnload);\n-        }\n-\n-        // Add method sniffer\n-        if (cXMLHttpRequest.onopen)\n-            cXMLHttpRequest.onopen.apply(this, arguments);\n-\n-        if (arguments.length > 4)\n-            this._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-        else\n-        if (arguments.length > 3)\n-            this._object.open(sMethod, sUrl, bAsync, sUser);\n-        else\n-            this._object.open(sMethod, sUrl, bAsync);\n-\n-        this.readyState = cXMLHttpRequest.OPENED;\n-        fReadyStateChange(this);\n-\n-        this._object.onreadystatechange = function() {\n-            if (bGecko && !bAsync)\n-                return;\n-\n-            // Synchronize state\n-            oRequest.readyState = oRequest._object.readyState;\n-\n-            //\n-            fSynchronizeValues(oRequest);\n-\n-            // BUGFIX: Firefox fires unnecessary DONE when aborting\n-            if (oRequest._aborted) {\n-                // Reset readyState to UNSENT\n-                oRequest.readyState = cXMLHttpRequest.UNSENT;\n-\n-                // Return now\n-                return;\n-            }\n-\n-            if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                // Free up queue\n-                delete oRequest._data;\n-                /*                if (bAsync)\n-                                    fQueue_remove(oRequest);*/\n-                //\n-                fCleanTransport(oRequest);\n-                // Uncomment this block if you need a fix for IE cache\n-                /*\n-                                // BUGFIX: IE - cache issue\n-                                if (!oRequest._object.getResponseHeader(\"Date\")) {\n-                                    // Save object to cache\n-                                    oRequest._cached    = oRequest._object;\n-\n-                                    // Instantiate a new transport object\n-                                    cXMLHttpRequest.call(oRequest);\n-\n-                                    // Re-send request\n-                                    if (sUser) {\n-                                         if (sPassword)\n-                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword);\n-                                        else\n-                                            oRequest._object.open(sMethod, sUrl, bAsync, sUser);\n-                                    }\n-                                    else\n-                                        oRequest._object.open(sMethod, sUrl, bAsync);\n-                                    oRequest._object.setRequestHeader(\"If-Modified-Since\", oRequest._cached.getResponseHeader(\"Last-Modified\") || new window.Date(0));\n-                                    // Copy headers set\n-                                    if (oRequest._headers)\n-                                        for (var sHeader in oRequest._headers)\n-                                            if (typeof oRequest._headers[sHeader] == \"string\")    // Some frameworks prototype objects with functions\n-                                                oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]);\n-\n-                                    oRequest._object.onreadystatechange    = function() {\n-                                        // Synchronize state\n-                                        oRequest.readyState        = oRequest._object.readyState;\n-\n-                                        if (oRequest._aborted) {\n-                                            //\n-                                            oRequest.readyState    = cXMLHttpRequest.UNSENT;\n-\n-                                            // Return\n-                                            return;\n-                                        }\n-\n-                                        if (oRequest.readyState == cXMLHttpRequest.DONE) {\n-                                            // Clean Object\n-                                            fCleanTransport(oRequest);\n-\n-                                            // get cached request\n-                                            if (oRequest.status == 304)\n-                                                oRequest._object    = oRequest._cached;\n-\n-                                            //\n-                                            delete oRequest._cached;\n-\n-                                            //\n-                                            fSynchronizeValues(oRequest);\n-\n-                                            //\n-                                            fReadyStateChange(oRequest);\n-\n-                                            // BUGFIX: IE - memory leak in interrupted\n-                                            if (bIE && bAsync)\n-                                                window.detachEvent(\"onunload\", fOnUnload);\n-                                        }\n-                                    };\n-                                    oRequest._object.send(null);\n-\n-                                    // Return now - wait until re-sent request is finished\n-                                    return;\n-                                };\n-                */\n-                // BUGFIX: IE - memory leak in interrupted\n-                if (bIE && bAsync)\n-                    window.detachEvent(\"onunload\", fOnUnload);\n-            }\n-\n-            // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice\n-            if (nState != oRequest.readyState)\n-                fReadyStateChange(oRequest);\n-\n-            nState = oRequest.readyState;\n-        }\n-    };\n-\n-    function fXMLHttpRequest_send(oRequest) {\n-        oRequest._object.send(oRequest._data);\n-\n-        // BUGFIX: Gecko - missing readystatechange calls in synchronous requests\n-        if (bGecko && !oRequest._async) {\n-            oRequest.readyState = cXMLHttpRequest.OPENED;\n-\n-            // Synchronize state\n-            fSynchronizeValues(oRequest);\n-\n-            // Simulate missing states\n-            while (oRequest.readyState < cXMLHttpRequest.DONE) {\n-                oRequest.readyState++;\n-                fReadyStateChange(oRequest);\n-                // Check if we are aborted\n-                if (oRequest._aborted)\n-                    return;\n-            }\n-        }\n-    };\n-    cXMLHttpRequest.prototype.send = function(vData) {\n-        // Add method sniffer\n-        if (cXMLHttpRequest.onsend)\n-            cXMLHttpRequest.onsend.apply(this, arguments);\n-\n-        if (!arguments.length)\n-            vData = null;\n-\n-        // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required\n-        // BUGFIX: IE - rewrites any custom mime-type to \"text/xml\" in case an XMLNode is sent\n-        // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard)\n-        if (vData && vData.nodeType) {\n-            vData = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml;\n-            if (!this._headers[\"Content-Type\"])\n-                this._object.setRequestHeader(\"Content-Type\", \"application/xml\");\n-        }\n-\n-        this._data = vData;\n-        /*\n-                // Add to queue\n-                if (this._async)\n-                    fQueue_add(this);\n-                else*/\n-        fXMLHttpRequest_send(this);\n-    };\n-    cXMLHttpRequest.prototype.abort = function() {\n-        // Add method sniffer\n-        if (cXMLHttpRequest.onabort)\n-            cXMLHttpRequest.onabort.apply(this, arguments);\n-\n-        // BUGFIX: Gecko - unnecessary DONE when aborting\n-        if (this.readyState > cXMLHttpRequest.UNSENT)\n-            this._aborted = true;\n-\n-        this._object.abort();\n-\n-        // BUGFIX: IE - memory leak\n-        fCleanTransport(this);\n-\n-        this.readyState = cXMLHttpRequest.UNSENT;\n-\n-        delete this._data;\n-        /*        if (this._async)\n-                    fQueue_remove(this);*/\n-    };\n-    cXMLHttpRequest.prototype.getAllResponseHeaders = function() {\n-        return this._object.getAllResponseHeaders();\n-    };\n-    cXMLHttpRequest.prototype.getResponseHeader = function(sName) {\n-        return this._object.getResponseHeader(sName);\n-    };\n-    cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) {\n-        // BUGFIX: IE - cache issue\n-        if (!this._headers)\n-            this._headers = {};\n-        this._headers[sName] = sValue;\n-\n-        return this._object.setRequestHeader(sName, sValue);\n-    };\n-\n-    // EventTarget interface implementation\n-    cXMLHttpRequest.prototype.addEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n-                return;\n-        // Add listener\n-        this._listeners.push([sName, fHandler, bUseCapture]);\n-    };\n-\n-    cXMLHttpRequest.prototype.removeEventListener = function(sName, fHandler, bUseCapture) {\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == sName && oListener[1] == fHandler && oListener[2] == bUseCapture)\n-                break;\n-        // Remove listener\n-        if (oListener)\n-            this._listeners.splice(nIndex, 1);\n-    };\n-\n-    cXMLHttpRequest.prototype.dispatchEvent = function(oEvent) {\n-        var oEventPseudo = {\n-            'type': oEvent.type,\n-            'target': this,\n-            'currentTarget': this,\n-            'eventPhase': 2,\n-            'bubbles': oEvent.bubbles,\n-            'cancelable': oEvent.cancelable,\n-            'timeStamp': oEvent.timeStamp,\n-            'stopPropagation': function() {}, // There is no flow\n-            'preventDefault': function() {}, // There is no default action\n-            'initEvent': function() {} // Original event object should be initialized\n-        };\n-\n-        // Execute onreadystatechange\n-        if (oEventPseudo.type == \"readystatechange\" && this.onreadystatechange)\n-            (this.onreadystatechange.handleEvent || this.onreadystatechange).apply(this, [oEventPseudo]);\n-\n-        // Execute listeners\n-        for (var nIndex = 0, oListener; oListener = this._listeners[nIndex]; nIndex++)\n-            if (oListener[0] == oEventPseudo.type && !oListener[2])\n-                (oListener[1].handleEvent || oListener[1]).apply(this, [oEventPseudo]);\n-    };\n-\n-    //\n-    cXMLHttpRequest.prototype.toString = function() {\n-        return '[' + \"object\" + ' ' + \"XMLHttpRequest\" + ']';\n-    };\n-\n-    cXMLHttpRequest.toString = function() {\n-        return '[' + \"XMLHttpRequest\" + ']';\n-    };\n-\n-    // Helper function\n-    function fReadyStateChange(oRequest) {\n-        // Sniffing code\n-        if (cXMLHttpRequest.onreadystatechange)\n-            cXMLHttpRequest.onreadystatechange.apply(oRequest);\n-\n-        // Fake event\n-        oRequest.dispatchEvent({\n-            'type': \"readystatechange\",\n-            'bubbles': false,\n-            'cancelable': false,\n-            'timeStamp': new Date + 0\n-        });\n-    };\n-\n-    function fGetDocument(oRequest) {\n-        var oDocument = oRequest.responseXML,\n-            sResponse = oRequest.responseText;\n-        // Try parsing responseText\n-        if (bIE && sResponse && oDocument && !oDocument.documentElement && oRequest.getResponseHeader(\"Content-Type\").match(/[^\\/]+\\/[^\\+]+\\+xml/)) {\n-            oDocument = new window.ActiveXObject(\"Microsoft.XMLDOM\");\n-            oDocument.async = false;\n-            oDocument.validateOnParse = false;\n-            oDocument.loadXML(sResponse);\n-        }\n-        // Check if there is no error in document\n-        if (oDocument)\n-            if ((bIE && oDocument.parseError != 0) || !oDocument.documentElement || (oDocument.documentElement && oDocument.documentElement.tagName == \"parsererror\"))\n-                return null;\n-        return oDocument;\n-    };\n-\n-    function fSynchronizeValues(oRequest) {\n-        try {\n-            oRequest.responseText = oRequest._object.responseText;\n-        } catch (e) {}\n-        try {\n-            oRequest.responseXML = fGetDocument(oRequest._object);\n-        } catch (e) {}\n-        try {\n-            oRequest.status = oRequest._object.status;\n-        } catch (e) {}\n-        try {\n-            oRequest.statusText = oRequest._object.statusText;\n-        } catch (e) {}\n-    };\n-\n-    function fCleanTransport(oRequest) {\n-        // BUGFIX: IE - memory leak (on-page leak)\n-        oRequest._object.onreadystatechange = new window.Function;\n-    };\n-    /*\n-        // Queue manager\n-        var oQueuePending    = {\"CRITICAL\":[],\"HIGH\":[],\"NORMAL\":[],\"LOW\":[],\"LOWEST\":[]},\n-            aQueueRunning    = [];\n-        function fQueue_add(oRequest) {\n-            oQueuePending[oRequest.priority in oQueuePending ? oRequest.priority : \"NORMAL\"].push(oRequest);\n-            //\n-            setTimeout(fQueue_process);\n-        };\n-\n-        function fQueue_remove(oRequest) {\n-            for (var nIndex = 0, bFound    = false; nIndex < aQueueRunning.length; nIndex++)\n-                if (bFound)\n-                    aQueueRunning[nIndex - 1]    = aQueueRunning[nIndex];\n-                else\n-                if (aQueueRunning[nIndex] == oRequest)\n-                    bFound    = true;\n-            if (bFound)\n-                aQueueRunning.length--;\n-            //\n-            setTimeout(fQueue_process);\n-        };\n-\n-        function fQueue_process() {\n-            if (aQueueRunning.length < 6) {\n-                for (var sPriority in oQueuePending) {\n-                    if (oQueuePending[sPriority].length) {\n-                        var oRequest    = oQueuePending[sPriority][0];\n-                        oQueuePending[sPriority]    = oQueuePending[sPriority].slice(1);\n-                        //\n-                        aQueueRunning.push(oRequest);\n-                        // Send request\n-                        fXMLHttpRequest_send(oRequest);\n-                        break;\n-                    }\n-                }\n-            }\n-        };\n-    */\n-    // Internet Explorer 5.0 (missing apply)\n-    if (!window.Function.prototype.apply) {\n-        window.Function.prototype.apply = function(oRequest, oArguments) {\n-            if (!oArguments)\n-                oArguments = [];\n-            oRequest.__func = this;\n-            oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]);\n-            delete oRequest.__func;\n-        };\n-    };\n-\n-    // Register new object with window\n-    /**\n-     * Class: OpenLayers.Request.XMLHttpRequest\n-     * Standard-compliant (W3C) cross-browser implementation of the\n-     *     XMLHttpRequest object.  From\n-     *     http://code.google.com/p/xmlhttprequest/.\n-     */\n-    if (!OpenLayers.Request) {\n-        /**\n-         * This allows for OpenLayers/Request.js to be included\n-         * before or after this script.\n-         */\n-        OpenLayers.Request = {};\n-    }\n-    OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest;\n-})();\n-/* ======================================================================\n     OpenLayers/Protocol/HTTP.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -30506,1046 +33960,14 @@\n             response.priv.abort();\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n });\n /* ======================================================================\n-    OpenLayers/Format.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Util.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format\n- * Base class for format reading/writing a variety of formats.  Subclasses\n- *     of OpenLayers.Format are expected to have read and write methods.\n- */\n-OpenLayers.Format = OpenLayers.Class({\n-\n-    /**\n-     * Property: options\n-     * {Object} A reference to options passed to the constructor.\n-     */\n-    options: null,\n-\n-    /**\n-     * APIProperty: externalProjection\n-     * {<OpenLayers.Projection>} When passed a externalProjection and\n-     *     internalProjection, the format will reproject the geometries it\n-     *     reads or writes. The externalProjection is the projection used by\n-     *     the content which is passed into read or which comes out of write.\n-     *     In order to reproject, a projection transformation function for the\n-     *     specified projections must be available. This support may be \n-     *     provided via proj4js or via a custom transformation function. See\n-     *     {<OpenLayers.Projection.addTransform>} for more information on\n-     *     custom transformations.\n-     */\n-    externalProjection: null,\n-\n-    /**\n-     * APIProperty: internalProjection\n-     * {<OpenLayers.Projection>} When passed a externalProjection and\n-     *     internalProjection, the format will reproject the geometries it\n-     *     reads or writes. The internalProjection is the projection used by\n-     *     the geometries which are returned by read or which are passed into\n-     *     write.  In order to reproject, a projection transformation function\n-     *     for the specified projections must be available. This support may be\n-     *     provided via proj4js or via a custom transformation function. See\n-     *     {<OpenLayers.Projection.addTransform>} for more information on\n-     *     custom transformations.\n-     */\n-    internalProjection: null,\n-\n-    /**\n-     * APIProperty: data\n-     * {Object} When <keepData> is true, this is the parsed string sent to\n-     *     <read>.\n-     */\n-    data: null,\n-\n-    /**\n-     * APIProperty: keepData\n-     * {Object} Maintain a reference (<data>) to the most recently read data.\n-     *     Default is false.\n-     */\n-    keepData: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Format\n-     * Instances of this class are not useful.  See one of the subclasses.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object with properties to set on the\n-     *           format\n-     *\n-     * Valid options:\n-     * keepData - {Boolean} If true, upon <read>, the data property will be\n-     *     set to the parsed object (e.g. the json or xml object).\n-     *\n-     * Returns:\n-     * An instance of OpenLayers.Format\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up.\n-     */\n-    destroy: function() {},\n-\n-    /**\n-     * Method: read\n-     * Read data from a string, and return an object whose type depends on the\n-     * subclass. \n-     * \n-     * Parameters:\n-     * data - {string} Data to read/parse.\n-     *\n-     * Returns:\n-     * Depends on the subclass\n-     */\n-    read: function(data) {\n-        throw new Error('Read not implemented.');\n-    },\n-\n-    /**\n-     * Method: write\n-     * Accept an object, and return a string. \n-     *\n-     * Parameters:\n-     * object - {Object} Object to be serialized\n-     *\n-     * Returns:\n-     * {String} A string representation of the object.\n-     */\n-    write: function(object) {\n-        throw new Error('Write not implemented.');\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/XML.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.XML\n- * Read and write XML.  For cross-browser XML generation, use methods on an\n- *     instance of the XML format class instead of on <code>document<end>.\n- *     The DOM creation and traversing methods exposed here all mimic the\n- *     W3C XML DOM methods.  Create a new parser with the\n- *     <OpenLayers.Format.XML> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format>\n- */\n-OpenLayers.Format.XML = OpenLayers.Class(OpenLayers.Format, {\n-\n-    /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.  Properties\n-     *     of this object should not be set individually.  Read-only.  All\n-     *     XML subclasses should have their own namespaces object.  Use\n-     *     <setNamespace> to add or set a namespace alias after construction.\n-     */\n-    namespaces: null,\n-\n-    /**\n-     * Property: namespaceAlias\n-     * {Object} Mapping of namespace URI to namespace alias.  This object\n-     *     is read-only.  Use <setNamespace> to add or set a namespace alias.\n-     */\n-    namespaceAlias: null,\n-\n-    /**\n-     * Property: defaultPrefix\n-     * {String} The default namespace alias for creating element nodes.\n-     */\n-    defaultPrefix: null,\n-\n-    /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n-     */\n-    readers: {},\n-\n-    /**\n-     * Property: writers\n-     * As a compliment to the <readers> property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n-     */\n-    writers: {},\n-\n-    /**\n-     * Property: xmldom\n-     * {XMLDom} If this browser uses ActiveX, this will be set to a XMLDOM\n-     *     object.  It is not intended to be a browser sniffing property.\n-     *     Instead, the xmldom property is used instead of <code>document<end>\n-     *     where namespaced node creation methods are not supported. In all\n-     *     other browsers, this remains null.\n-     */\n-    xmldom: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.XML\n-     * Construct an XML parser.  The parser is used to read and write XML.\n-     *     Reading XML from a string returns a DOM element.  Writing XML from\n-     *     a DOM element returns a string.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on\n-     *     the object.\n-     */\n-    initialize: function(options) {\n-        if (window.ActiveXObject) {\n-            this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n-        }\n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n-        // clone the namespace object and set all namespace aliases\n-        this.namespaces = OpenLayers.Util.extend({}, this.namespaces);\n-        this.namespaceAlias = {};\n-        for (var alias in this.namespaces) {\n-            this.namespaceAlias[this.namespaces[alias]] = alias;\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up.\n-     */\n-    destroy: function() {\n-        this.xmldom = null;\n-        OpenLayers.Format.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: setNamespace\n-     * Set a namespace alias and URI for the format.\n-     *\n-     * Parameters:\n-     * alias - {String} The namespace alias (prefix).\n-     * uri - {String} The namespace URI.\n-     */\n-    setNamespace: function(alias, uri) {\n-        this.namespaces[alias] = uri;\n-        this.namespaceAlias[uri] = alias;\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Deserialize a XML string and return a DOM node.\n-     *\n-     * Parameters:\n-     * text - {String} A XML string\n-     \n-     * Returns:\n-     * {DOMElement} A DOM node\n-     */\n-    read: function(text) {\n-        var index = text.indexOf('<');\n-        if (index > 0) {\n-            text = text.substring(index);\n-        }\n-        var node = OpenLayers.Util.Try(\n-            OpenLayers.Function.bind((\n-                function() {\n-                    var xmldom;\n-                    /**\n-                     * Since we want to be able to call this method on the prototype\n-                     * itself, this.xmldom may not exist even if in IE.\n-                     */\n-                    if (window.ActiveXObject && !this.xmldom) {\n-                        xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n-                    } else {\n-                        xmldom = this.xmldom;\n-\n-                    }\n-                    xmldom.loadXML(text);\n-                    return xmldom;\n-                }\n-            ), this),\n-            function() {\n-                return new DOMParser().parseFromString(text, 'text/xml');\n-            },\n-            function() {\n-                var req = new XMLHttpRequest();\n-                req.open(\"GET\", \"data:\" + \"text/xml\" +\n-                    \";charset=utf-8,\" + encodeURIComponent(text), false);\n-                if (req.overrideMimeType) {\n-                    req.overrideMimeType(\"text/xml\");\n-                }\n-                req.send(null);\n-                return req.responseXML;\n-            }\n-        );\n-\n-        if (this.keepData) {\n-            this.data = node;\n-        }\n-\n-        return node;\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Serialize a DOM node into a XML string.\n-     * \n-     * Parameters:\n-     * node - {DOMElement} A DOM node.\n-     *\n-     * Returns:\n-     * {String} The XML string representation of the input node.\n-     */\n-    write: function(node) {\n-        var data;\n-        if (this.xmldom) {\n-            data = node.xml;\n-        } else {\n-            var serializer = new XMLSerializer();\n-            if (node.nodeType == 1) {\n-                // Add nodes to a document before serializing. Everything else\n-                // is serialized as is. This may need more work. See #1218 .\n-                var doc = document.implementation.createDocument(\"\", \"\", null);\n-                if (doc.importNode) {\n-                    node = doc.importNode(node, true);\n-                }\n-                doc.appendChild(node);\n-                data = serializer.serializeToString(doc);\n-            } else {\n-                data = serializer.serializeToString(node);\n-            }\n-        }\n-        return data;\n-    },\n-\n-    /**\n-     * APIMethod: createElementNS\n-     * Create a new element with namespace.  This node can be appended to\n-     *     another node with the standard node.appendChild method.  For\n-     *     cross-browser support, this method must be used instead of\n-     *     document.createElementNS.\n-     *\n-     * Parameters:\n-     * uri - {String} Namespace URI for the element.\n-     * name - {String} The qualified name of the element (prefix:localname).\n-     * \n-     * Returns:\n-     * {Element} A DOM element with namespace.\n-     */\n-    createElementNS: function(uri, name) {\n-        var element;\n-        if (this.xmldom) {\n-            if (typeof uri == \"string\") {\n-                element = this.xmldom.createNode(1, name, uri);\n-            } else {\n-                element = this.xmldom.createNode(1, name, \"\");\n-            }\n-        } else {\n-            element = document.createElementNS(uri, name);\n-        }\n-        return element;\n-    },\n-\n-    /**\n-     * APIMethod: createDocumentFragment\n-     * Create a document fragment node that can be appended to another node\n-     *     created by createElementNS.  This will call \n-     *     document.createDocumentFragment outside of IE.  In IE, the ActiveX\n-     *     object's createDocumentFragment method is used.\n-     *\n-     * Returns:\n-     * {Element} A document fragment.\n-     */\n-    createDocumentFragment: function() {\n-        var element;\n-        if (this.xmldom) {\n-            element = this.xmldom.createDocumentFragment();\n-        } else {\n-            element = document.createDocumentFragment();\n-        }\n-        return element;\n-    },\n-\n-    /**\n-     * APIMethod: createTextNode\n-     * Create a text node.  This node can be appended to another node with\n-     *     the standard node.appendChild method.  For cross-browser support,\n-     *     this method must be used instead of document.createTextNode.\n-     * \n-     * Parameters:\n-     * text - {String} The text of the node.\n-     * \n-     * Returns: \n-     * {DOMElement} A DOM text node.\n-     */\n-    createTextNode: function(text) {\n-        var node;\n-        if (typeof text !== \"string\") {\n-            text = String(text);\n-        }\n-        if (this.xmldom) {\n-            node = this.xmldom.createTextNode(text);\n-        } else {\n-            node = document.createTextNode(text);\n-        }\n-        return node;\n-    },\n-\n-    /**\n-     * APIMethod: getElementsByTagNameNS\n-     * Get a list of elements on a node given the namespace URI and local name.\n-     *     To return all nodes in a given namespace, use '*' for the name\n-     *     argument.  To return all nodes of a given (local) name, regardless\n-     *     of namespace, use '*' for the uri argument.\n-     * \n-     * Parameters:\n-     * node - {Element} Node on which to search for other nodes.\n-     * uri - {String} Namespace URI.\n-     * name - {String} Local name of the tag (without the prefix).\n-     * \n-     * Returns:\n-     * {NodeList} A node list or array of elements.\n-     */\n-    getElementsByTagNameNS: function(node, uri, name) {\n-        var elements = [];\n-        if (node.getElementsByTagNameNS) {\n-            elements = node.getElementsByTagNameNS(uri, name);\n-        } else {\n-            // brute force method\n-            var allNodes = node.getElementsByTagName(\"*\");\n-            var potentialNode, fullName;\n-            for (var i = 0, len = allNodes.length; i < len; ++i) {\n-                potentialNode = allNodes[i];\n-                fullName = (potentialNode.prefix) ?\n-                    (potentialNode.prefix + \":\" + name) : name;\n-                if ((name == \"*\") || (fullName == potentialNode.nodeName)) {\n-                    if ((uri == \"*\") || (uri == potentialNode.namespaceURI)) {\n-                        elements.push(potentialNode);\n-                    }\n-                }\n-            }\n-        }\n-        return elements;\n-    },\n-\n-    /**\n-     * APIMethod: getAttributeNodeNS\n-     * Get an attribute node given the namespace URI and local name.\n-     * \n-     * Parameters:\n-     * node - {Element} Node on which to search for attribute nodes.\n-     * uri - {String} Namespace URI.\n-     * name - {String} Local name of the attribute (without the prefix).\n-     * \n-     * Returns:\n-     * {DOMElement} An attribute node or null if none found.\n-     */\n-    getAttributeNodeNS: function(node, uri, name) {\n-        var attributeNode = null;\n-        if (node.getAttributeNodeNS) {\n-            attributeNode = node.getAttributeNodeNS(uri, name);\n-        } else {\n-            var attributes = node.attributes;\n-            var potentialNode, fullName;\n-            for (var i = 0, len = attributes.length; i < len; ++i) {\n-                potentialNode = attributes[i];\n-                if (potentialNode.namespaceURI == uri) {\n-                    fullName = (potentialNode.prefix) ?\n-                        (potentialNode.prefix + \":\" + name) : name;\n-                    if (fullName == potentialNode.nodeName) {\n-                        attributeNode = potentialNode;\n-                        break;\n-                    }\n-                }\n-            }\n-        }\n-        return attributeNode;\n-    },\n-\n-    /**\n-     * APIMethod: getAttributeNS\n-     * Get an attribute value given the namespace URI and local name.\n-     * \n-     * Parameters:\n-     * node - {Element} Node on which to search for an attribute.\n-     * uri - {String} Namespace URI.\n-     * name - {String} Local name of the attribute (without the prefix).\n-     * \n-     * Returns:\n-     * {String} An attribute value or and empty string if none found.\n-     */\n-    getAttributeNS: function(node, uri, name) {\n-        var attributeValue = \"\";\n-        if (node.getAttributeNS) {\n-            attributeValue = node.getAttributeNS(uri, name) || \"\";\n-        } else {\n-            var attributeNode = this.getAttributeNodeNS(node, uri, name);\n-            if (attributeNode) {\n-                attributeValue = attributeNode.nodeValue;\n-            }\n-        }\n-        return attributeValue;\n-    },\n-\n-    /**\n-     * APIMethod: getChildValue\n-     * Get the textual value of the node if it exists, or return an\n-     *     optional default string.  Returns an empty string if no first child\n-     *     exists and no default value is supplied.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The element used to look for a first child value.\n-     * def - {String} Optional string to return in the event that no\n-     *     first child value exists.\n-     *\n-     * Returns:\n-     * {String} The value of the first child of the given node.\n-     */\n-    getChildValue: function(node, def) {\n-        var value = def || \"\";\n-        if (node) {\n-            for (var child = node.firstChild; child; child = child.nextSibling) {\n-                switch (child.nodeType) {\n-                    case 3: // text node\n-                    case 4: // cdata section\n-                        value += child.nodeValue;\n-                }\n-            }\n-        }\n-        return value;\n-    },\n-\n-    /**\n-     * APIMethod: isSimpleContent\n-     * Test if the given node has only simple content (i.e. no child element\n-     *     nodes).\n-     *\n-     * Parameters:\n-     * node - {DOMElement} An element node.\n-     *\n-     * Returns:\n-     * {Boolean} The node has no child element nodes (nodes of type 1). \n-     */\n-    isSimpleContent: function(node) {\n-        var simple = true;\n-        for (var child = node.firstChild; child; child = child.nextSibling) {\n-            if (child.nodeType === 1) {\n-                simple = false;\n-                break;\n-            }\n-        }\n-        return simple;\n-    },\n-\n-    /**\n-     * APIMethod: contentType\n-     * Determine the content type for a given node.\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     *\n-     * Returns:\n-     * {Integer} One of OpenLayers.Format.XML.CONTENT_TYPE.{EMPTY,SIMPLE,COMPLEX,MIXED}\n-     *     if the node has no, simple, complex, or mixed content.\n-     */\n-    contentType: function(node) {\n-        var simple = false,\n-            complex = false;\n-\n-        var type = OpenLayers.Format.XML.CONTENT_TYPE.EMPTY;\n-\n-        for (var child = node.firstChild; child; child = child.nextSibling) {\n-            switch (child.nodeType) {\n-                case 1: // element\n-                    complex = true;\n-                    break;\n-                case 8: // comment\n-                    break;\n-                default:\n-                    simple = true;\n-            }\n-            if (complex && simple) {\n-                break;\n-            }\n-        }\n-\n-        if (complex && simple) {\n-            type = OpenLayers.Format.XML.CONTENT_TYPE.MIXED;\n-        } else if (complex) {\n-            return OpenLayers.Format.XML.CONTENT_TYPE.COMPLEX;\n-        } else if (simple) {\n-            return OpenLayers.Format.XML.CONTENT_TYPE.SIMPLE;\n-        }\n-        return type;\n-    },\n-\n-    /**\n-     * APIMethod: hasAttributeNS\n-     * Determine whether a node has a particular attribute matching the given\n-     *     name and namespace.\n-     * \n-     * Parameters:\n-     * node - {Element} Node on which to search for an attribute.\n-     * uri - {String} Namespace URI.\n-     * name - {String} Local name of the attribute (without the prefix).\n-     * \n-     * Returns:\n-     * {Boolean} The node has an attribute matching the name and namespace.\n-     */\n-    hasAttributeNS: function(node, uri, name) {\n-        var found = false;\n-        if (node.hasAttributeNS) {\n-            found = node.hasAttributeNS(uri, name);\n-        } else {\n-            found = !!this.getAttributeNodeNS(node, uri, name);\n-        }\n-        return found;\n-    },\n-\n-    /**\n-     * APIMethod: setAttributeNS\n-     * Adds a new attribute or changes the value of an attribute with the given\n-     *     namespace and name.\n-     *\n-     * Parameters:\n-     * node - {Element} Element node on which to set the attribute.\n-     * uri - {String} Namespace URI for the attribute.\n-     * name - {String} Qualified name (prefix:localname) for the attribute.\n-     * value - {String} Attribute value.\n-     */\n-    setAttributeNS: function(node, uri, name, value) {\n-        if (node.setAttributeNS) {\n-            node.setAttributeNS(uri, name, value);\n-        } else {\n-            if (this.xmldom) {\n-                if (uri) {\n-                    var attribute = node.ownerDocument.createNode(\n-                        2, name, uri\n-                    );\n-                    attribute.nodeValue = value;\n-                    node.setAttributeNode(attribute);\n-                } else {\n-                    node.setAttribute(name, value);\n-                }\n-            } else {\n-                throw \"setAttributeNS not implemented\";\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: createElementNSPlus\n-     * Shorthand for creating namespaced elements with optional attributes and\n-     *     child text nodes.\n-     *\n-     * Parameters:\n-     * name - {String} The qualified node name.\n-     * options - {Object} Optional object for node configuration.\n-     *\n-     * Valid options:\n-     * uri - {String} Optional namespace uri for the element - supply a prefix\n-     *     instead if the namespace uri is a property of the format's namespace\n-     *     object.\n-     * attributes - {Object} Optional attributes to be set using the\n-     *     <setAttributes> method.\n-     * value - {String} Optional text to be appended as a text node.\n-     *\n-     * Returns:\n-     * {Element} An element node.\n-     */\n-    createElementNSPlus: function(name, options) {\n-        options = options || {};\n-        // order of prefix preference\n-        // 1. in the uri option\n-        // 2. in the prefix option\n-        // 3. in the qualified name\n-        // 4. from the defaultPrefix\n-        var uri = options.uri || this.namespaces[options.prefix];\n-        if (!uri) {\n-            var loc = name.indexOf(\":\");\n-            uri = this.namespaces[name.substring(0, loc)];\n-        }\n-        if (!uri) {\n-            uri = this.namespaces[this.defaultPrefix];\n-        }\n-        var node = this.createElementNS(uri, name);\n-        if (options.attributes) {\n-            this.setAttributes(node, options.attributes);\n-        }\n-        var value = options.value;\n-        if (value != null) {\n-            node.appendChild(this.createTextNode(value));\n-        }\n-        return node;\n-    },\n-\n-    /**\n-     * Method: setAttributes\n-     * Set multiple attributes given key value pairs from an object.\n-     *\n-     * Parameters:\n-     * node - {Element} An element node.\n-     * obj - {Object || Array} An object whose properties represent attribute\n-     *     names and values represent attribute values.  If an attribute name\n-     *     is a qualified name (\"prefix:local\"), the prefix will be looked up\n-     *     in the parsers {namespaces} object.  If the prefix is found,\n-     *     setAttributeNS will be used instead of setAttribute.\n-     */\n-    setAttributes: function(node, obj) {\n-        var value, uri;\n-        for (var name in obj) {\n-            if (obj[name] != null && obj[name].toString) {\n-                value = obj[name].toString();\n-                // check for qualified attribute name (\"prefix:local\")\n-                uri = this.namespaces[name.substring(0, name.indexOf(\":\"))] || null;\n-                this.setAttributeNS(node, uri, name, value);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: readNode\n-     * Shorthand for applying one of the named readers given the node\n-     *     namespace and local name.  Readers take two args (node, obj) and\n-     *     generally extend or modify the second.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The node to be read (required).\n-     * obj - {Object} The object to be modified (optional).\n-     *\n-     * Returns:\n-     * {Object} The input object, modified (or a new one if none was provided).\n-     */\n-    readNode: function(node, obj) {\n-        if (!obj) {\n-            obj = {};\n-        }\n-        var group = this.readers[node.namespaceURI ? this.namespaceAlias[node.namespaceURI] : this.defaultPrefix];\n-        if (group) {\n-            var local = node.localName || node.nodeName.split(\":\").pop();\n-            var reader = group[local] || group[\"*\"];\n-            if (reader) {\n-                reader.apply(this, [node, obj]);\n-            }\n-        }\n-        return obj;\n-    },\n-\n-    /**\n-     * Method: readChildNodes\n-     * Shorthand for applying the named readers to all children of a node.\n-     *     For each child of type 1 (element), <readSelf> is called.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The node to be read (required).\n-     * obj - {Object} The object to be modified (optional).\n-     *\n-     * Returns:\n-     * {Object} The input object, modified.\n-     */\n-    readChildNodes: function(node, obj) {\n-        if (!obj) {\n-            obj = {};\n-        }\n-        var children = node.childNodes;\n-        var child;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                this.readNode(child, obj);\n-            }\n-        }\n-        return obj;\n-    },\n-\n-    /**\n-     * Method: writeNode\n-     * Shorthand for applying one of the named writers and appending the\n-     *     results to a node.  If a qualified name is not provided for the\n-     *     second argument (and a local name is used instead), the namespace\n-     *     of the parent node will be assumed.\n-     *\n-     * Parameters:\n-     * name - {String} The name of a node to generate.  If a qualified name\n-     *     (e.g. \"pre:Name\") is used, the namespace prefix is assumed to be\n-     *     in the <writers> group.  If a local name is used (e.g. \"Name\") then\n-     *     the namespace of the parent is assumed.  If a local name is used\n-     *     and no parent is supplied, then the default namespace is assumed.\n-     * obj - {Object} Structure containing data for the writer.\n-     * parent - {DOMElement} Result will be appended to this node.  If no parent\n-     *     is supplied, the node will not be appended to anything.\n-     *\n-     * Returns:\n-     * {DOMElement} The child node.\n-     */\n-    writeNode: function(name, obj, parent) {\n-        var prefix, local;\n-        var split = name.indexOf(\":\");\n-        if (split > 0) {\n-            prefix = name.substring(0, split);\n-            local = name.substring(split + 1);\n-        } else {\n-            if (parent) {\n-                prefix = this.namespaceAlias[parent.namespaceURI];\n-            } else {\n-                prefix = this.defaultPrefix;\n-            }\n-            local = name;\n-        }\n-        var child = this.writers[prefix][local].apply(this, [obj]);\n-        if (parent) {\n-            parent.appendChild(child);\n-        }\n-        return child;\n-    },\n-\n-    /**\n-     * APIMethod: getChildEl\n-     * Get the first child element.  Optionally only return the first child\n-     *     if it matches the given name and namespace URI.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The parent node.\n-     * name - {String} Optional node name (local) to search for.\n-     * uri - {String} Optional namespace URI to search for.\n-     *\n-     * Returns:\n-     * {DOMElement} The first child.  Returns null if no element is found, if\n-     *     something significant besides an element is found, or if the element\n-     *     found does not match the optional name and uri.\n-     */\n-    getChildEl: function(node, name, uri) {\n-        return node && this.getThisOrNextEl(node.firstChild, name, uri);\n-    },\n-\n-    /**\n-     * APIMethod: getNextEl\n-     * Get the next sibling element.  Optionally get the first sibling only\n-     *     if it matches the given local name and namespace URI.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The node.\n-     * name - {String} Optional local name of the sibling to search for.\n-     * uri - {String} Optional namespace URI of the sibling to search for.\n-     *\n-     * Returns:\n-     * {DOMElement} The next sibling element.  Returns null if no element is\n-     *     found, something significant besides an element is found, or the\n-     *     found element does not match the optional name and uri.\n-     */\n-    getNextEl: function(node, name, uri) {\n-        return node && this.getThisOrNextEl(node.nextSibling, name, uri);\n-    },\n-\n-    /**\n-     * Method: getThisOrNextEl\n-     * Return this node or the next element node.  Optionally get the first\n-     *     sibling with the given local name or namespace URI.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} The node.\n-     * name - {String} Optional local name of the sibling to search for.\n-     * uri - {String} Optional namespace URI of the sibling to search for.\n-     *\n-     * Returns:\n-     * {DOMElement} The next sibling element.  Returns null if no element is\n-     *     found, something significant besides an element is found, or the\n-     *     found element does not match the query.\n-     */\n-    getThisOrNextEl: function(node, name, uri) {\n-        outer: for (var sibling = node; sibling; sibling = sibling.nextSibling) {\n-            switch (sibling.nodeType) {\n-                case 1: // Element\n-                    if ((!name || name === (sibling.localName || sibling.nodeName.split(\":\").pop())) &&\n-                        (!uri || uri === sibling.namespaceURI)) {\n-                        // matches\n-                        break outer;\n-                    }\n-                    sibling = null;\n-                    break outer;\n-                case 3: // Text\n-                    if (/^\\s*$/.test(sibling.nodeValue)) {\n-                        break;\n-                    }\n-                case 4: // CDATA\n-                case 6: // ENTITY_NODE\n-                case 12: // NOTATION_NODE\n-                case 10: // DOCUMENT_TYPE_NODE\n-                case 11: // DOCUMENT_FRAGMENT_NODE\n-                    sibling = null;\n-                    break outer;\n-            } // ignore comments and processing instructions\n-        }\n-        return sibling || null;\n-    },\n-\n-    /**\n-     * APIMethod: lookupNamespaceURI\n-     * Takes a prefix and returns the namespace URI associated with it on the given\n-     *     node if found (and null if not). Supplying null for the prefix will\n-     *     return the default namespace.\n-     *\n-     * For browsers that support it, this calls the native lookupNamesapceURI\n-     *     function.  In other browsers, this is an implementation of\n-     *     http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespaceURI.\n-     *\n-     * For browsers that don't support the attribute.ownerElement property, this\n-     *     method cannot be called on attribute nodes.\n-     *     \n-     * Parameters:\n-     * node - {DOMElement} The node from which to start looking.\n-     * prefix - {String} The prefix to lookup or null to lookup the default namespace.\n-     * \n-     * Returns:\n-     * {String} The namespace URI for the given prefix.  Returns null if the prefix\n-     *     cannot be found or the node is the wrong type.\n-     */\n-    lookupNamespaceURI: function(node, prefix) {\n-        var uri = null;\n-        if (node) {\n-            if (node.lookupNamespaceURI) {\n-                uri = node.lookupNamespaceURI(prefix);\n-            } else {\n-                outer: switch (node.nodeType) {\n-                    case 1: // ELEMENT_NODE\n-                        if (node.namespaceURI !== null && node.prefix === prefix) {\n-                            uri = node.namespaceURI;\n-                            break outer;\n-                        }\n-                        var len = node.attributes.length;\n-                        if (len) {\n-                            var attr;\n-                            for (var i = 0; i < len; ++i) {\n-                                attr = node.attributes[i];\n-                                if (attr.prefix === \"xmlns\" && attr.name === \"xmlns:\" + prefix) {\n-                                    uri = attr.value || null;\n-                                    break outer;\n-                                } else if (attr.name === \"xmlns\" && prefix === null) {\n-                                    uri = attr.value || null;\n-                                    break outer;\n-                                }\n-                            }\n-                        }\n-                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n-                        break outer;\n-                    case 2: // ATTRIBUTE_NODE\n-                        uri = this.lookupNamespaceURI(node.ownerElement, prefix);\n-                        break outer;\n-                    case 9: // DOCUMENT_NODE\n-                        uri = this.lookupNamespaceURI(node.documentElement, prefix);\n-                        break outer;\n-                    case 6: // ENTITY_NODE\n-                    case 12: // NOTATION_NODE\n-                    case 10: // DOCUMENT_TYPE_NODE\n-                    case 11: // DOCUMENT_FRAGMENT_NODE\n-                        break outer;\n-                    default:\n-                        // TEXT_NODE (3), CDATA_SECTION_NODE (4), ENTITY_REFERENCE_NODE (5),\n-                        // PROCESSING_INSTRUCTION_NODE (7), COMMENT_NODE (8)\n-                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n-                        break outer;\n-                }\n-            }\n-        }\n-        return uri;\n-    },\n-\n-    /**\n-     * Method: getXMLDoc\n-     * Get an XML document for nodes that are not supported in HTML (e.g.\n-     * createCDATASection). On IE, this will either return an existing or\n-     * create a new <xmldom> on the instance. On other browsers, this will\n-     * either return an existing or create a new shared document (see\n-     * <OpenLayers.Format.XML.document>).\n-     *\n-     * Returns:\n-     * {XMLDocument}\n-     */\n-    getXMLDoc: function() {\n-        if (!OpenLayers.Format.XML.document && !this.xmldom) {\n-            if (document.implementation && document.implementation.createDocument) {\n-                OpenLayers.Format.XML.document =\n-                    document.implementation.createDocument(\"\", \"\", null);\n-            } else if (!this.xmldom && window.ActiveXObject) {\n-                this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\");\n-            }\n-        }\n-        return OpenLayers.Format.XML.document || this.xmldom;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.XML\"\n-\n-});\n-\n-OpenLayers.Format.XML.CONTENT_TYPE = {\n-    EMPTY: 0,\n-    SIMPLE: 1,\n-    COMPLEX: 2,\n-    MIXED: 3\n-};\n-\n-/**\n- * APIFunction: OpenLayers.Format.XML.lookupNamespaceURI\n- * Takes a prefix and returns the namespace URI associated with it on the given\n- *     node if found (and null if not). Supplying null for the prefix will\n- *     return the default namespace.\n- *\n- * For browsers that support it, this calls the native lookupNamesapceURI\n- *     function.  In other browsers, this is an implementation of\n- *     http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-lookupNamespaceURI.\n- *\n- * For browsers that don't support the attribute.ownerElement property, this\n- *     method cannot be called on attribute nodes.\n- *     \n- * Parameters:\n- * node - {DOMElement} The node from which to start looking.\n- * prefix - {String} The prefix to lookup or null to lookup the default namespace.\n- * \n- * Returns:\n- * {String} The namespace URI for the given prefix.  Returns null if the prefix\n- *     cannot be found or the node is the wrong type.\n- */\n-OpenLayers.Format.XML.lookupNamespaceURI = OpenLayers.Function.bind(\n-    OpenLayers.Format.XML.prototype.lookupNamespaceURI,\n-    OpenLayers.Format.XML.prototype\n-);\n-\n-/**\n- * Property: OpenLayers.Format.XML.document\n- * {XMLDocument} XML document to reuse for creating non-HTML compliant nodes,\n- * like document.createCDATASection.\n- */\n-OpenLayers.Format.XML.document = null;\n-/* ======================================================================\n     OpenLayers/Format/WFST.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -32343,322 +34765,14 @@\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Format.WFST.v1\"\n \n });\n /* ======================================================================\n-    OpenLayers/Geometry/MultiLineString.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/LineString.js\n- */\n-\n-/**\n- * Class: OpenLayers.Geometry.MultiLineString\n- * A MultiLineString is a geometry with multiple <OpenLayers.Geometry.LineString>\n- * components.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Geometry.Collection>\n- *  - <OpenLayers.Geometry> \n- */\n-OpenLayers.Geometry.MultiLineString = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n-\n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.LineString\"],\n-\n-        /**\n-         * Constructor: OpenLayers.Geometry.MultiLineString\n-         * Constructor for a MultiLineString Geometry.\n-         *\n-         * Parameters: \n-         * components - {Array(<OpenLayers.Geometry.LineString>)} \n-         *\n-         */\n-\n-        /**\n-         * Method: split\n-         * Use this geometry (the source) to attempt to split a target geometry.\n-         * \n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} The target geometry.\n-         * options - {Object} Properties of this object will be used to determine\n-         *     how the split is conducted.\n-         *\n-         * Valid options:\n-         * mutual - {Boolean} Split the source geometry in addition to the target\n-         *     geometry.  Default is false.\n-         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-         *     true.  If false, a vertex on the source must be within the tolerance\n-         *     distance of the intersection to be considered a split.\n-         * tolerance - {Number} If a non-null value is provided, intersections\n-         *     within the tolerance distance of an existing vertex on the source\n-         *     will be assumed to occur at the vertex.\n-         * \n-         * Returns:\n-         * {Array} A list of geometries (of this same type as the target) that\n-         *     result from splitting the target with the source geometry.  The\n-         *     source and target geometry will remain unmodified.  If no split\n-         *     results, null will be returned.  If mutual is true and a split\n-         *     results, return will be an array of two arrays - the first will be\n-         *     all geometries that result from splitting the source geometry and\n-         *     the second will be all geometries that result from splitting the\n-         *     target geometry.\n-         */\n-        split: function(geometry, options) {\n-            var results = null;\n-            var mutual = options && options.mutual;\n-            var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n-            var sourceParts = [];\n-            var targetParts = [geometry];\n-            for (var i = 0, len = this.components.length; i < len; ++i) {\n-                sourceLine = this.components[i];\n-                sourceSplit = false;\n-                for (var j = 0; j < targetParts.length; ++j) {\n-                    splits = sourceLine.split(targetParts[j], options);\n-                    if (splits) {\n-                        if (mutual) {\n-                            sourceLines = splits[0];\n-                            for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n-                                if (k === 0 && sourceParts.length) {\n-                                    sourceParts[sourceParts.length - 1].addComponent(\n-                                        sourceLines[k]\n-                                    );\n-                                } else {\n-                                    sourceParts.push(\n-                                        new OpenLayers.Geometry.MultiLineString([\n-                                            sourceLines[k]\n-                                        ])\n-                                    );\n-                                }\n-                            }\n-                            sourceSplit = true;\n-                            splits = splits[1];\n-                        }\n-                        if (splits.length) {\n-                            // splice in new target parts\n-                            splits.unshift(j, 1);\n-                            Array.prototype.splice.apply(targetParts, splits);\n-                            break;\n-                        }\n-                    }\n-                }\n-                if (!sourceSplit) {\n-                    // source line was not hit\n-                    if (sourceParts.length) {\n-                        // add line to existing multi\n-                        sourceParts[sourceParts.length - 1].addComponent(\n-                            sourceLine.clone()\n-                        );\n-                    } else {\n-                        // create a fresh multi\n-                        sourceParts = [\n-                            new OpenLayers.Geometry.MultiLineString(\n-                                sourceLine.clone()\n-                            )\n-                        ];\n-                    }\n-                }\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                sourceSplit = true;\n-            } else {\n-                sourceParts = [];\n-            }\n-            if (targetParts && targetParts.length > 1) {\n-                targetSplit = true;\n-            } else {\n-                targetParts = [];\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (mutual) {\n-                    results = [sourceParts, targetParts];\n-                } else {\n-                    results = targetParts;\n-                }\n-            }\n-            return results;\n-        },\n-\n-        /**\n-         * Method: splitWith\n-         * Split this geometry (the target) with the given geometry (the source).\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry>} A geometry used to split this\n-         *     geometry (the source).\n-         * options - {Object} Properties of this object will be used to determine\n-         *     how the split is conducted.\n-         *\n-         * Valid options:\n-         * mutual - {Boolean} Split the source geometry in addition to the target\n-         *     geometry.  Default is false.\n-         * edge - {Boolean} Allow splitting when only edges intersect.  Default is\n-         *     true.  If false, a vertex on the source must be within the tolerance\n-         *     distance of the intersection to be considered a split.\n-         * tolerance - {Number} If a non-null value is provided, intersections\n-         *     within the tolerance distance of an existing vertex on the source\n-         *     will be assumed to occur at the vertex.\n-         * \n-         * Returns:\n-         * {Array} A list of geometries (of this same type as the target) that\n-         *     result from splitting the target with the source geometry.  The\n-         *     source and target geometry will remain unmodified.  If no split\n-         *     results, null will be returned.  If mutual is true and a split\n-         *     results, return will be an array of two arrays - the first will be\n-         *     all geometries that result from splitting the source geometry and\n-         *     the second will be all geometries that result from splitting the\n-         *     target geometry.\n-         */\n-        splitWith: function(geometry, options) {\n-            var results = null;\n-            var mutual = options && options.mutual;\n-            var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n-            if (geometry instanceof OpenLayers.Geometry.LineString) {\n-                targetParts = [];\n-                sourceParts = [geometry];\n-                for (var i = 0, len = this.components.length; i < len; ++i) {\n-                    targetSplit = false;\n-                    targetLine = this.components[i];\n-                    for (var j = 0; j < sourceParts.length; ++j) {\n-                        splits = sourceParts[j].split(targetLine, options);\n-                        if (splits) {\n-                            if (mutual) {\n-                                sourceLines = splits[0];\n-                                if (sourceLines.length) {\n-                                    // splice in new source parts\n-                                    sourceLines.unshift(j, 1);\n-                                    Array.prototype.splice.apply(sourceParts, sourceLines);\n-                                    j += sourceLines.length - 2;\n-                                }\n-                                splits = splits[1];\n-                                if (splits.length === 0) {\n-                                    splits = [targetLine.clone()];\n-                                }\n-                            }\n-                            for (var k = 0, klen = splits.length; k < klen; ++k) {\n-                                if (k === 0 && targetParts.length) {\n-                                    targetParts[targetParts.length - 1].addComponent(\n-                                        splits[k]\n-                                    );\n-                                } else {\n-                                    targetParts.push(\n-                                        new OpenLayers.Geometry.MultiLineString([\n-                                            splits[k]\n-                                        ])\n-                                    );\n-                                }\n-                            }\n-                            targetSplit = true;\n-                        }\n-                    }\n-                    if (!targetSplit) {\n-                        // target component was not hit\n-                        if (targetParts.length) {\n-                            // add it to any existing multi-line\n-                            targetParts[targetParts.length - 1].addComponent(\n-                                targetLine.clone()\n-                            );\n-                        } else {\n-                            // or start with a fresh multi-line\n-                            targetParts = [\n-                                new OpenLayers.Geometry.MultiLineString([\n-                                    targetLine.clone()\n-                                ])\n-                            ];\n-                        }\n-\n-                    }\n-                }\n-            } else {\n-                results = geometry.split(this);\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                sourceSplit = true;\n-            } else {\n-                sourceParts = [];\n-            }\n-            if (targetParts && targetParts.length > 1) {\n-                targetSplit = true;\n-            } else {\n-                targetParts = [];\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (mutual) {\n-                    results = [sourceParts, targetParts];\n-                } else {\n-                    results = targetParts;\n-                }\n-            }\n-            return results;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Geometry/MultiPolygon.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- */\n-\n-/**\n- * Class: OpenLayers.Geometry.MultiPolygon\n- * MultiPolygon is a geometry with multiple <OpenLayers.Geometry.Polygon>\n- * components.  Create a new instance with the <OpenLayers.Geometry.MultiPolygon>\n- * constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Geometry.Collection>\n- */\n-OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(\n-    OpenLayers.Geometry.Collection, {\n-\n-        /**\n-         * Property: componentTypes\n-         * {Array(String)} An array of class names representing the types of\n-         * components that the collection can include.  A null value means the\n-         * component types are not restricted.\n-         */\n-        componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n-\n-        /**\n-         * Constructor: OpenLayers.Geometry.MultiPolygon\n-         * Create a new MultiPolygon geometry\n-         *\n-         * Parameters:\n-         * components - {Array(<OpenLayers.Geometry.Polygon>)} An array of polygons\n-         *              used to generate the MultiPolygon\n-         *\n-         */\n-\n-        CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n-    });\n-/* ======================================================================\n     OpenLayers/Format/GML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -35295,141 +37409,14 @@\n      * {<OpenLayers.Filter.Function>}\n      */\n \n     CLASS_NAME: \"OpenLayers.Filter.Function\"\n });\n \n /* ======================================================================\n-    OpenLayers/BaseTypes/Date.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Date\n- * Contains implementations of Date.parse and date.toISOString that match the\n- *     ECMAScript 5 specification for parsing RFC 3339 dates.\n- *     http://tools.ietf.org/html/rfc3339\n- */\n-OpenLayers.Date = {\n-\n-    /** \n-     * APIProperty: dateRegEx\n-     * The regex to be used for validating dates. You can provide your own\n-     * regex for instance for adding support for years before BC. Default\n-     * value is: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/\n-     */\n-    dateRegEx: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/,\n-\n-    /**\n-     * APIMethod: toISOString\n-     * Generates a string representing a date.  The format of the string follows\n-     *     the profile of ISO 8601 for date and time on the Internet (see\n-     *     http://tools.ietf.org/html/rfc3339).  If the toISOString method is\n-     *     available on the Date prototype, that is used.  The toISOString\n-     *     method for Date instances is defined in ECMA-262.\n-     *\n-     * Parameters:\n-     * date - {Date} A date object.\n-     *\n-     * Returns:\n-     * {String} A string representing the date (e.g.\n-     *     \"2010-08-07T16:58:23.123Z\").  If the date does not have a valid time\n-     *     (i.e. isNaN(date.getTime())) this method returns the string \"Invalid\n-     *     Date\".  The ECMA standard says the toISOString method should throw\n-     *     RangeError in this case, but Firefox returns a string instead.  For\n-     *     best results, use isNaN(date.getTime()) to determine date validity\n-     *     before generating date strings.\n-     */\n-    toISOString: (function() {\n-        if (\"toISOString\" in Date.prototype) {\n-            return function(date) {\n-                return date.toISOString();\n-            };\n-        } else {\n-            return function(date) {\n-                var str;\n-                if (isNaN(date.getTime())) {\n-                    // ECMA-262 says throw RangeError, Firefox returns\n-                    // \"Invalid Date\"\n-                    str = \"Invalid Date\";\n-                } else {\n-                    str =\n-                        date.getUTCFullYear() + \"-\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCMonth() + 1, 2) + \"-\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCDate(), 2) + \"T\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCHours(), 2) + \":\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCMinutes(), 2) + \":\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCSeconds(), 2) + \".\" +\n-                        OpenLayers.Number.zeroPad(date.getUTCMilliseconds(), 3) + \"Z\";\n-                }\n-                return str;\n-            };\n-        }\n-\n-    })(),\n-\n-    /**\n-     * APIMethod: parse\n-     * Generate a date object from a string.  The format for the string follows\n-     *     the profile of ISO 8601 for date and time on the Internet (see\n-     *     http://tools.ietf.org/html/rfc3339).  We don't call the native\n-     *     Date.parse because of inconsistency between implmentations.  In\n-     *     Chrome, calling Date.parse with a string that doesn't contain any\n-     *     indication of the timezone (e.g. \"2011\"), the date is interpreted\n-     *     in local time.  On Firefox, the assumption is UTC.\n-     *\n-     * Parameters:\n-     * str - {String} A string representing the date (e.g.\n-     *     \"2010\", \"2010-08\", \"2010-08-07\", \"2010-08-07T16:58:23.123Z\",\n-     *     \"2010-08-07T11:58:23.123-06\").\n-     *\n-     * Returns:\n-     * {Date} A date object.  If the string could not be parsed, an invalid\n-     *     date is returned (i.e. isNaN(date.getTime())).\n-     */\n-    parse: function(str) {\n-        var date;\n-        var match = str.match(this.dateRegEx);\n-        if (match && (match[1] || match[7])) { // must have at least year or time\n-            var year = parseInt(match[1], 10) || 0;\n-            var month = (parseInt(match[2], 10) - 1) || 0;\n-            var day = parseInt(match[3], 10) || 1;\n-            date = new Date(Date.UTC(year, month, day));\n-            // optional time\n-            var type = match[7];\n-            if (type) {\n-                var hours = parseInt(match[4], 10);\n-                var minutes = parseInt(match[5], 10);\n-                var secFrac = parseFloat(match[6]);\n-                var seconds = secFrac | 0;\n-                var milliseconds = Math.round(1000 * (secFrac - seconds));\n-                date.setUTCHours(hours, minutes, seconds, milliseconds);\n-                // check offset\n-                if (type !== \"Z\") {\n-                    var hoursOffset = parseInt(type, 10);\n-                    var minutesOffset = parseInt(match[8], 10) || 0;\n-                    var offset = -1000 * (60 * (hoursOffset * 60) + minutesOffset * 60);\n-                    date = new Date(date.getTime() + offset);\n-                }\n-            }\n-        } else {\n-            date = new Date(\"invalid\");\n-        }\n-        return date;\n-    }\n-};\n-/* ======================================================================\n     OpenLayers/Format/Filter/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -36049,2957 +38036,1250 @@\n                     this.writeNode(\"PropertyName\", filter, node);\n                     // handle Literals or Functions for now\n                     this.writeOgcExpression(filter.value, node);\n                     return node;\n                 },\n                 \"PropertyIsLike\": function(filter) {\n                     var node = this.createElementNSPlus(\"ogc:PropertyIsLike\", {\n-                        attributes: {\n-                            wildCard: \"*\",\n-                            singleChar: \".\",\n-                            escape: \"!\"\n-                        }\n-                    });\n-                    // no ogc:expression handling for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // convert regex string to ogc string\n-                    this.writeNode(\"Literal\", filter.regex2value(), node);\n-                    return node;\n-                },\n-                \"BBOX\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n-                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n-                    // accepts filters without it. When this is used with\n-                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n-                    // missing filter.property to the geometryName that is\n-                    // configured with the protocol, which defaults to \"the_geom\".\n-                    // So the only way to omit this mandatory property is to not\n-                    // set the property on the filter and to set the geometryName\n-                    // on the WFS protocol to null. The latter also happens when\n-                    // the protocol is configured without a geometryName and a\n-                    // featureNS.\n-                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n-                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n-                    if (filter.projection) {\n-                        box.setAttribute(\"srsName\", filter.projection);\n-                    }\n-                    return node;\n-                }\n-            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n-        },\n-\n-        /**\n-         * Method: writeSpatial\n-         *\n-         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n-         *\n-         * Parameters:\n-         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n-         * name - {String} Name of the generated XML element.\n-         *\n-         * Returns:\n-         * {DOMElement} The created XML element.\n-         */\n-        writeSpatial: function(filter, name) {\n-            var node = this.createElementNSPlus(\"ogc:\" + name);\n-            this.writeNode(\"PropertyName\", filter, node);\n-            if (filter.value instanceof OpenLayers.Filter.Function) {\n-                this.writeNode(\"Function\", filter.value, node);\n-            } else {\n-                var child;\n-                if (filter.value instanceof OpenLayers.Geometry) {\n-                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n-                } else {\n-                    child = this.writeNode(\"gml:Box\", filter.value);\n-                }\n-                if (filter.projection) {\n-                    child.setAttribute(\"srsName\", filter.projection);\n-                }\n-                node.appendChild(child);\n-            }\n-            return node;\n-        },\n-\n-\n-        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WFST/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WFST/v1.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFST.v1_0_0\n- * A format for creating WFS v1.0.0 transactions.  Create a new instance with the\n- *     <OpenLayers.Format.WFST.v1_0_0> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Filter.v1_0_0>\n- *  - <OpenLayers.Format.WFST.v1>\n- */\n-OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n-\n-        /**\n-         * Property: version\n-         * {String} WFS version number.\n-         */\n-        version: \"1.0.0\",\n-\n-        /**\n-         * APIProperty: srsNameInQuery\n-         * {Boolean} If true the reference system is passed in Query requests\n-         *     via the \"srsName\" attribute to the \"wfs:Query\" element, this\n-         *     property defaults to false as it isn't WFS 1.0.0 compliant.\n-         */\n-        srsNameInQuery: false,\n-\n-        /**\n-         * Property: schemaLocations\n-         * {Object} Properties are namespace aliases, values are schema locations.\n-         */\n-        schemaLocations: {\n-            \"wfs\": \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n-        },\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFST.v1_0_0\n-         * A class for parsing and generating WFS v1.0.0 transactions.\n-         *\n-         * Parameters:\n-         * options - {Object} Optional object whose properties will be set on the\n-         *     instance.\n-         *\n-         * Valid options properties:\n-         * featureType - {String} Local (without prefix) feature typeName (required).\n-         * featureNS - {String} Feature namespace (optional).\n-         * featurePrefix - {String} Feature namespace alias (optional - only used\n-         *     if featureNS is provided).  Default is 'feature'.\n-         * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n-            OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options]);\n-        },\n-\n-        /**\n-         * Method: readNode\n-         * Shorthand for applying one of the named readers given the node\n-         *     namespace and local name.  Readers take two args (node, obj) and\n-         *     generally extend or modify the second.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} The node to be read (required).\n-         * obj - {Object} The object to be modified (optional).\n-         * first - {Boolean} Should be set to true for the first node read. This\n-         *     is usually the readNode call in the read method. Without this being\n-         *     set, auto-configured properties will stick on subsequent reads.\n-         *\n-         * Returns:\n-         * {Object} The input object, modified (or a new one if none was provided).\n-         */\n-        readNode: function(node, obj, first) {\n-            // Not the superclass, only the mixin classes inherit from\n-            // Format.GML.v2. We need this because we don't want to get readNode\n-            // from the superclass's superclass, which is OpenLayers.Format.XML.\n-            return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"WFS_TransactionResponse\": function(node, obj) {\n-                    obj.insertIds = [];\n-                    obj.success = false;\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"InsertResult\": function(node, container) {\n-                    var obj = {\n-                        fids: []\n-                    };\n-                    this.readChildNodes(node, obj);\n-                    container.insertIds = container.insertIds.concat(obj.fids);\n-                },\n-                \"TransactionResult\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Status\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"SUCCESS\": function(node, obj) {\n-                    obj.success = true;\n-                }\n-            }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n-            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n-        },\n-\n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"Query\": function(options) {\n-                    options = OpenLayers.Util.extend({\n-                        featureNS: this.featureNS,\n-                        featurePrefix: this.featurePrefix,\n-                        featureType: this.featureType,\n-                        srsName: this.srsName,\n-                        srsNameInQuery: this.srsNameInQuery\n-                    }, options);\n-                    var prefix = options.featurePrefix;\n-                    var node = this.createElementNSPlus(\"wfs:Query\", {\n-                        attributes: {\n-                            typeName: (prefix ? prefix + \":\" : \"\") +\n-                                options.featureType\n-                        }\n-                    });\n-                    if (options.srsNameInQuery && options.srsName) {\n-                        node.setAttribute(\"srsName\", options.srsName);\n-                    }\n-                    if (options.featureNS) {\n-                        node.setAttribute(\"xmlns:\" + prefix, options.featureNS);\n-                    }\n-                    if (options.propertyNames) {\n-                        for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n-                            this.writeNode(\n-                                \"ogc:PropertyName\", {\n-                                    property: options.propertyNames[i]\n-                                },\n-                                node\n-                            );\n-                        }\n-                    }\n-                    if (options.filter) {\n-                        this.setFilterProperty(options.filter);\n-                        this.writeNode(\"ogc:Filter\", options.filter, node);\n-                    }\n-                    return node;\n-                }\n-            }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n-            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Protocol/WFS/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Protocol/WFS/v1.js\n- * @requires OpenLayers/Format/WFST/v1_0_0.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.WFS.v1_0_0\n- * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Protocol.WFS.v1>\n- */\n-OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-\n-    /**\n-     * Property: version\n-     * {String} WFS version number.\n-     */\n-    version: \"1.0.0\",\n-\n-    /**\n-     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n-     * A class for giving layers WFS v1.0.0 protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (optional).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-     */\n-\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/JSON.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * Note:\n- * This work draws heavily from the public domain JSON serializer/deserializer\n- *     at http://www.json.org/json.js. Rewritten so that it doesn't modify\n- *     basic data prototypes.\n- */\n-\n-/**\n- * @requires OpenLayers/Format.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.JSON\n- * A parser to read/write JSON safely.  Create a new instance with the\n- *     <OpenLayers.Format.JSON> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format>\n- */\n-OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n-\n-    /**\n-     * APIProperty: indent\n-     * {String} For \"pretty\" printing, the indent string will be used once for\n-     *     each indentation level.\n-     */\n-    indent: \"    \",\n-\n-    /**\n-     * APIProperty: space\n-     * {String} For \"pretty\" printing, the space string will be used after\n-     *     the \":\" separating a name/value pair.\n-     */\n-    space: \" \",\n-\n-    /**\n-     * APIProperty: newline\n-     * {String} For \"pretty\" printing, the newline string will be used at the\n-     *     end of each name/value pair or array item.\n-     */\n-    newline: \"\\n\",\n-\n-    /**\n-     * Property: level\n-     * {Integer} For \"pretty\" printing, this is incremented/decremented during\n-     *     serialization.\n-     */\n-    level: 0,\n-\n-    /**\n-     * Property: pretty\n-     * {Boolean} Serialize with extra whitespace for structure.  This is set\n-     *     by the <write> method.\n-     */\n-    pretty: false,\n-\n-    /**\n-     * Property: nativeJSON\n-     * {Boolean} Does the browser support native json?\n-     */\n-    nativeJSON: (function() {\n-        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\");\n-    })(),\n-\n-    /**\n-     * Constructor: OpenLayers.Format.JSON\n-     * Create a new parser for JSON.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Deserialize a json string.\n-     *\n-     * Parameters:\n-     * json - {String} A JSON string\n-     * filter - {Function} A function which will be called for every key and\n-     *     value at every level of the final result. Each value will be\n-     *     replaced by the result of the filter function. This can be used to\n-     *     reform generic objects into instances of classes, or to transform\n-     *     date strings into Date objects.\n-     *     \n-     * Returns:\n-     * {Object} An object, array, string, or number .\n-     */\n-    read: function(json, filter) {\n-        var object;\n-        if (this.nativeJSON) {\n-            object = JSON.parse(json, filter);\n-        } else try {\n-            /**\n-             * Parsing happens in three stages. In the first stage, we run the\n-             *     text against a regular expression which looks for non-JSON\n-             *     characters. We are especially concerned with '()' and 'new'\n-             *     because they can cause invocation, and '=' because it can\n-             *     cause mutation. But just to be safe, we will reject all\n-             *     unexpected characters.\n-             */\n-            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, '@').replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']').replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))) {\n-\n-                /**\n-                 * In the second stage we use the eval function to compile the\n-                 *     text into a JavaScript structure. The '{' operator is\n-                 *     subject to a syntactic ambiguity in JavaScript - it can\n-                 *     begin a block or an object literal. We wrap the text in\n-                 *     parens to eliminate the ambiguity.\n-                 */\n-                object = eval('(' + json + ')');\n-\n-                /**\n-                 * In the optional third stage, we recursively walk the new\n-                 *     structure, passing each name/value pair to a filter\n-                 *     function for possible transformation.\n-                 */\n-                if (typeof filter === 'function') {\n-                    function walk(k, v) {\n-                        if (v && typeof v === 'object') {\n-                            for (var i in v) {\n-                                if (v.hasOwnProperty(i)) {\n-                                    v[i] = walk(i, v[i]);\n-                                }\n-                            }\n-                        }\n-                        return filter(k, v);\n-                    }\n-                    object = walk('', object);\n-                }\n-            }\n-        } catch (e) {\n-            // Fall through if the regexp test fails.\n-        }\n-\n-        if (this.keepData) {\n-            this.data = object;\n-        }\n-\n-        return object;\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Serialize an object into a JSON string.\n-     *\n-     * Parameters:\n-     * value - {String} The object, array, string, number, boolean or date\n-     *     to be serialized.\n-     * pretty - {Boolean} Structure the output with newlines and indentation.\n-     *     Default is false.\n-     *\n-     * Returns:\n-     * {String} The JSON string representation of the input value.\n-     */\n-    write: function(value, pretty) {\n-        this.pretty = !!pretty;\n-        var json = null;\n-        var type = typeof value;\n-        if (this.serialize[type]) {\n-            try {\n-                json = (!this.pretty && this.nativeJSON) ?\n-                    JSON.stringify(value) :\n-                    this.serialize[type].apply(this, [value]);\n-            } catch (err) {\n-                OpenLayers.Console.error(\"Trouble serializing: \" + err);\n-            }\n-        }\n-        return json;\n-    },\n-\n-    /**\n-     * Method: writeIndent\n-     * Output an indentation string depending on the indentation level.\n-     *\n-     * Returns:\n-     * {String} An appropriate indentation string.\n-     */\n-    writeIndent: function() {\n-        var pieces = [];\n-        if (this.pretty) {\n-            for (var i = 0; i < this.level; ++i) {\n-                pieces.push(this.indent);\n-            }\n-        }\n-        return pieces.join('');\n-    },\n-\n-    /**\n-     * Method: writeNewline\n-     * Output a string representing a newline if in pretty printing mode.\n-     *\n-     * Returns:\n-     * {String} A string representing a new line.\n-     */\n-    writeNewline: function() {\n-        return (this.pretty) ? this.newline : '';\n-    },\n-\n-    /**\n-     * Method: writeSpace\n-     * Output a string representing a space if in pretty printing mode.\n-     *\n-     * Returns:\n-     * {String} A space.\n-     */\n-    writeSpace: function() {\n-        return (this.pretty) ? this.space : '';\n-    },\n-\n-    /**\n-     * Property: serialize\n-     * Object with properties corresponding to the serializable data types.\n-     *     Property values are functions that do the actual serializing.\n-     */\n-    serialize: {\n-        /**\n-         * Method: serialize.object\n-         * Transform an object into a JSON string.\n-         *\n-         * Parameters:\n-         * object - {Object} The object to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the object.\n-         */\n-        'object': function(object) {\n-            // three special objects that we want to treat differently\n-            if (object == null) {\n-                return \"null\";\n-            }\n-            if (object.constructor == Date) {\n-                return this.serialize.date.apply(this, [object]);\n-            }\n-            if (object.constructor == Array) {\n-                return this.serialize.array.apply(this, [object]);\n-            }\n-            var pieces = ['{'];\n-            this.level += 1;\n-            var key, keyJSON, valueJSON;\n-\n-            var addComma = false;\n-            for (key in object) {\n-                if (object.hasOwnProperty(key)) {\n-                    // recursive calls need to allow for sub-classing\n-                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                        [key, this.pretty]);\n-                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                        [object[key], this.pretty]);\n-                    if (keyJSON != null && valueJSON != null) {\n-                        if (addComma) {\n-                            pieces.push(',');\n-                        }\n-                        pieces.push(this.writeNewline(), this.writeIndent(),\n-                            keyJSON, ':', this.writeSpace(), valueJSON);\n-                        addComma = true;\n-                    }\n-                }\n-            }\n-\n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), '}');\n-            return pieces.join('');\n-        },\n-\n-        /**\n-         * Method: serialize.array\n-         * Transform an array into a JSON string.\n-         *\n-         * Parameters:\n-         * array - {Array} The array to be serialized\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the array.\n-         */\n-        'array': function(array) {\n-            var json;\n-            var pieces = ['['];\n-            this.level += 1;\n-\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                // recursive calls need to allow for sub-classing\n-                json = OpenLayers.Format.JSON.prototype.write.apply(this,\n-                    [array[i], this.pretty]);\n-                if (json != null) {\n-                    if (i > 0) {\n-                        pieces.push(',');\n-                    }\n-                    pieces.push(this.writeNewline(), this.writeIndent(), json);\n-                }\n-            }\n-\n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), ']');\n-            return pieces.join('');\n-        },\n-\n-        /**\n-         * Method: serialize.string\n-         * Transform a string into a JSON string.\n-         *\n-         * Parameters:\n-         * string - {String} The string to be serialized\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the string.\n-         */\n-        'string': function(string) {\n-            // If the string contains no control characters, no quote characters, and no\n-            // backslash characters, then we can simply slap some quotes around it.\n-            // Otherwise we must also replace the offending characters with safe\n-            // sequences.    \n-            var m = {\n-                '\\b': '\\\\b',\n-                '\\t': '\\\\t',\n-                '\\n': '\\\\n',\n-                '\\f': '\\\\f',\n-                '\\r': '\\\\r',\n-                '\"': '\\\\\"',\n-                '\\\\': '\\\\\\\\'\n-            };\n-            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n-                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n-                    var c = m[b];\n-                    if (c) {\n-                        return c;\n-                    }\n-                    c = b.charCodeAt();\n-                    return '\\\\u00' +\n-                        Math.floor(c / 16).toString(16) +\n-                        (c % 16).toString(16);\n-                }) + '\"';\n-            }\n-            return '\"' + string + '\"';\n-        },\n-\n-        /**\n-         * Method: serialize.number\n-         * Transform a number into a JSON string.\n-         *\n-         * Parameters:\n-         * number - {Number} The number to be serialized.\n-         *\n-         * Returns:\n-         * {String} A JSON string representing the number.\n-         */\n-        'number': function(number) {\n-            return isFinite(number) ? String(number) : \"null\";\n-        },\n-\n-        /**\n-         * Method: serialize.boolean\n-         * Transform a boolean into a JSON string.\n-         *\n-         * Parameters:\n-         * bool - {Boolean} The boolean to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the boolean.\n-         */\n-        'boolean': function(bool) {\n-            return String(bool);\n-        },\n-\n-        /**\n-         * Method: serialize.object\n-         * Transform a date into a JSON string.\n-         *\n-         * Parameters:\n-         * date - {Date} The date to be serialized.\n-         * \n-         * Returns:\n-         * {String} A JSON string representing the date.\n-         */\n-        'date': function(date) {\n-            function format(number) {\n-                // Format integers to have at least two digits.\n-                return (number < 10) ? '0' + number : number;\n-            }\n-            return '\"' + date.getFullYear() + '-' +\n-                format(date.getMonth() + 1) + '-' +\n-                format(date.getDate()) + 'T' +\n-                format(date.getHours()) + ':' +\n-                format(date.getMinutes()) + ':' +\n-                format(date.getSeconds()) + '\"';\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.JSON\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/GeoJSON.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/JSON.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/MultiPoint.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/MultiLineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/MultiPolygon.js\n- * @requires OpenLayers/Console.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.GeoJSON\n- * Read and write GeoJSON. Create a new parser with the\n- *     <OpenLayers.Format.GeoJSON> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.JSON>\n- */\n-OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n-\n-    /**\n-     * APIProperty: ignoreExtraDims\n-     * {Boolean} Ignore dimensions higher than 2 when reading geometry\n-     * coordinates.\n-     */\n-    ignoreExtraDims: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.GeoJSON\n-     * Create a new parser for GeoJSON.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Deserialize a GeoJSON string.\n-     *\n-     * Parameters:\n-     * json - {String} A GeoJSON string\n-     * type - {String} Optional string that determines the structure of\n-     *     the output.  Supported values are \"Geometry\", \"Feature\", and\n-     *     \"FeatureCollection\".  If absent or null, a default of\n-     *     \"FeatureCollection\" is assumed.\n-     * filter - {Function} A function which will be called for every key and\n-     *     value at every level of the final result. Each value will be\n-     *     replaced by the result of the filter function. This can be used to\n-     *     reform generic objects into instances of classes, or to transform\n-     *     date strings into Date objects.\n-     *\n-     * Returns: \n-     * {Object} The return depends on the value of the type argument. If type\n-     *     is \"FeatureCollection\" (the default), the return will be an array\n-     *     of <OpenLayers.Feature.Vector>. If type is \"Geometry\", the input json\n-     *     must represent a single geometry, and the return will be an\n-     *     <OpenLayers.Geometry>.  If type is \"Feature\", the input json must\n-     *     represent a single feature, and the return will be an\n-     *     <OpenLayers.Feature.Vector>.\n-     */\n-    read: function(json, type, filter) {\n-        type = (type) ? type : \"FeatureCollection\";\n-        var results = null;\n-        var obj = null;\n-        if (typeof json == \"string\") {\n-            obj = OpenLayers.Format.JSON.prototype.read.apply(this,\n-                [json, filter]);\n-        } else {\n-            obj = json;\n-        }\n-        if (!obj) {\n-            OpenLayers.Console.error(\"Bad JSON: \" + json);\n-        } else if (typeof(obj.type) != \"string\") {\n-            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json);\n-        } else if (this.isValidType(obj, type)) {\n-            switch (type) {\n-                case \"Geometry\":\n-                    try {\n-                        results = this.parseGeometry(obj);\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err);\n-                    }\n-                    break;\n-                case \"Feature\":\n-                    try {\n-                        results = this.parseFeature(obj);\n-                        results.type = \"Feature\";\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err);\n-                    }\n-                    break;\n-                case \"FeatureCollection\":\n-                    // for type FeatureCollection, we allow input to be any type\n-                    results = [];\n-                    switch (obj.type) {\n-                        case \"Feature\":\n-                            try {\n-                                results.push(this.parseFeature(obj));\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err);\n-                            }\n-                            break;\n-                        case \"FeatureCollection\":\n-                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n-                                try {\n-                                    results.push(this.parseFeature(obj.features[i]));\n-                                } catch (err) {\n-                                    results = null;\n-                                    OpenLayers.Console.error(err);\n-                                }\n-                            }\n-                            break;\n-                        default:\n-                            try {\n-                                var geom = this.parseGeometry(obj);\n-                                results.push(new OpenLayers.Feature.Vector(geom));\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err);\n-                            }\n-                    }\n-                    break;\n-            }\n-        }\n-        return results;\n-    },\n-\n-    /**\n-     * Method: isValidType\n-     * Check if a GeoJSON object is a valid representative of the given type.\n-     *\n-     * Returns:\n-     * {Boolean} The object is valid GeoJSON object of the given type.\n-     */\n-    isValidType: function(obj, type) {\n-        var valid = false;\n-        switch (type) {\n-            case \"Geometry\":\n-                if (OpenLayers.Util.indexOf(\n-                        [\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\",\n-                            \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"\n-                        ],\n-                        obj.type) == -1) {\n-                    // unsupported geometry type\n-                    OpenLayers.Console.error(\"Unsupported geometry type: \" +\n-                        obj.type);\n-                } else {\n-                    valid = true;\n-                }\n-                break;\n-            case \"FeatureCollection\":\n-                // allow for any type to be converted to a feature collection\n-                valid = true;\n-                break;\n-            default:\n-                // for Feature types must match\n-                if (obj.type == type) {\n-                    valid = true;\n-                } else {\n-                    OpenLayers.Console.error(\"Cannot convert types from \" +\n-                        obj.type + \" to \" + type);\n-                }\n-        }\n-        return valid;\n-    },\n-\n-    /**\n-     * Method: parseFeature\n-     * Convert a feature object from GeoJSON into an\n-     *     <OpenLayers.Feature.Vector>.\n-     *\n-     * Parameters:\n-     * obj - {Object} An object created from a GeoJSON object\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature.\n-     */\n-    parseFeature: function(obj) {\n-        var feature, geometry, attributes, bbox;\n-        attributes = (obj.properties) ? obj.properties : {};\n-        bbox = (obj.geometry && obj.geometry.bbox) || obj.bbox;\n-        try {\n-            geometry = this.parseGeometry(obj.geometry);\n-        } catch (err) {\n-            // deal with bad geometries\n-            throw err;\n-        }\n-        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n-        if (bbox) {\n-            feature.bounds = OpenLayers.Bounds.fromArray(bbox);\n-        }\n-        if (obj.id) {\n-            feature.fid = obj.id;\n-        }\n-        return feature;\n-    },\n-\n-    /**\n-     * Method: parseGeometry\n-     * Convert a geometry object from GeoJSON into an <OpenLayers.Geometry>.\n-     *\n-     * Parameters:\n-     * obj - {Object} An object created from a GeoJSON object\n-     *\n-     * Returns: \n-     * {<OpenLayers.Geometry>} A geometry.\n-     */\n-    parseGeometry: function(obj) {\n-        if (obj == null) {\n-            return null;\n-        }\n-        var geometry, collection = false;\n-        if (obj.type == \"GeometryCollection\") {\n-            if (!(OpenLayers.Util.isArray(obj.geometries))) {\n-                throw \"GeometryCollection must have geometries array: \" + obj;\n-            }\n-            var numGeom = obj.geometries.length;\n-            var components = new Array(numGeom);\n-            for (var i = 0; i < numGeom; ++i) {\n-                components[i] = this.parseGeometry.apply(\n-                    this, [obj.geometries[i]]\n-                );\n-            }\n-            geometry = new OpenLayers.Geometry.Collection(components);\n-            collection = true;\n-        } else {\n-            if (!(OpenLayers.Util.isArray(obj.coordinates))) {\n-                throw \"Geometry must have coordinates array: \" + obj;\n-            }\n-            if (!this.parseCoords[obj.type.toLowerCase()]) {\n-                throw \"Unsupported geometry type: \" + obj.type;\n-            }\n-            try {\n-                geometry = this.parseCoords[obj.type.toLowerCase()].apply(\n-                    this, [obj.coordinates]\n-                );\n-            } catch (err) {\n-                // deal with bad coordinates\n-                throw err;\n-            }\n-        }\n-        // We don't reproject collections because the children are reprojected\n-        // for us when they are created.\n-        if (this.internalProjection && this.externalProjection && !collection) {\n-            geometry.transform(this.externalProjection,\n-                this.internalProjection);\n-        }\n-        return geometry;\n-    },\n-\n-    /**\n-     * Property: parseCoords\n-     * Object with properties corresponding to the GeoJSON geometry types.\n-     *     Property values are functions that do the actual parsing.\n-     */\n-    parseCoords: {\n-        /**\n-         * Method: parseCoords.point\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"point\": function(array) {\n-            if (this.ignoreExtraDims == false &&\n-                array.length != 2) {\n-                throw \"Only 2D points are supported: \" + array;\n-            }\n-            return new OpenLayers.Geometry.Point(array[0], array[1]);\n-        },\n-\n-        /**\n-         * Method: parseCoords.multipoint\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multipoint\": function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                points.push(p);\n-            }\n-            return new OpenLayers.Geometry.MultiPoint(points);\n-        },\n-\n-        /**\n-         * Method: parseCoords.linestring\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"linestring\": function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                points.push(p);\n-            }\n-            return new OpenLayers.Geometry.LineString(points);\n-        },\n-\n-        /**\n-         * Method: parseCoords.multilinestring\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multilinestring\": function(array) {\n-            var lines = [];\n-            var l = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                lines.push(l);\n-            }\n-            return new OpenLayers.Geometry.MultiLineString(lines);\n-        },\n-\n-        /**\n-         * Method: parseCoords.polygon\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"polygon\": function(array) {\n-            var rings = [];\n-            var r, l;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                r = new OpenLayers.Geometry.LinearRing(l.components);\n-                rings.push(r);\n-            }\n-            return new OpenLayers.Geometry.Polygon(rings);\n-        },\n-\n-        /**\n-         * Method: parseCoords.multipolygon\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"multipolygon\": function(array) {\n-            var polys = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]]);\n-                } catch (err) {\n-                    throw err;\n-                }\n-                polys.push(p);\n-            }\n-            return new OpenLayers.Geometry.MultiPolygon(polys);\n-        },\n-\n-        /**\n-         * Method: parseCoords.box\n-         * Convert a coordinate array from GeoJSON into an\n-         *     <OpenLayers.Geometry>.\n-         *\n-         * Parameters:\n-         * array - {Object} The coordinates array from the GeoJSON fragment.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry>} A geometry.\n-         */\n-        \"box\": function(array) {\n-            if (array.length != 2) {\n-                throw \"GeoJSON box coordinates must have 2 elements\";\n-            }\n-            return new OpenLayers.Geometry.Polygon([\n-                new OpenLayers.Geometry.LinearRing([\n-                    new OpenLayers.Geometry.Point(array[0][0], array[0][1]),\n-                    new OpenLayers.Geometry.Point(array[1][0], array[0][1]),\n-                    new OpenLayers.Geometry.Point(array[1][0], array[1][1]),\n-                    new OpenLayers.Geometry.Point(array[0][0], array[1][1]),\n-                    new OpenLayers.Geometry.Point(array[0][0], array[0][1])\n-                ])\n-            ]);\n-        }\n-\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Serialize a feature, geometry, array of features into a GeoJSON string.\n-     *\n-     * Parameters:\n-     * obj - {Object} An <OpenLayers.Feature.Vector>, <OpenLayers.Geometry>,\n-     *     or an array of features.\n-     * pretty - {Boolean} Structure the output with newlines and indentation.\n-     *     Default is false.\n-     *\n-     * Returns:\n-     * {String} The GeoJSON string representation of the input geometry,\n-     *     features, or array of features.\n-     */\n-    write: function(obj, pretty) {\n-        var geojson = {\n-            \"type\": null\n-        };\n-        if (OpenLayers.Util.isArray(obj)) {\n-            geojson.type = \"FeatureCollection\";\n-            var numFeatures = obj.length;\n-            geojson.features = new Array(numFeatures);\n-            for (var i = 0; i < numFeatures; ++i) {\n-                var element = obj[i];\n-                if (!element instanceof OpenLayers.Feature.Vector) {\n-                    var msg = \"FeatureCollection only supports collections \" +\n-                        \"of features: \" + element;\n-                    throw msg;\n-                }\n-                geojson.features[i] = this.extract.feature.apply(\n-                    this, [element]\n-                );\n-            }\n-        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n-            geojson = this.extract.geometry.apply(this, [obj]);\n-        } else if (obj instanceof OpenLayers.Feature.Vector) {\n-            geojson = this.extract.feature.apply(this, [obj]);\n-            if (obj.layer && obj.layer.projection) {\n-                geojson.crs = this.createCRSObject(obj);\n-            }\n-        }\n-        return OpenLayers.Format.JSON.prototype.write.apply(this,\n-            [geojson, pretty]);\n-    },\n-\n-    /**\n-     * Method: createCRSObject\n-     * Create the CRS object for an object.\n-     *\n-     * Parameters:\n-     * object - {<OpenLayers.Feature.Vector>} \n-     *\n-     * Returns:\n-     * {Object} An object which can be assigned to the crs property\n-     * of a GeoJSON object.\n-     */\n-    createCRSObject: function(object) {\n-        var proj = object.layer.projection.toString();\n-        var crs = {};\n-        if (proj.match(/epsg:/i)) {\n-            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n-            if (code == 4326) {\n-                crs = {\n-                    \"type\": \"name\",\n-                    \"properties\": {\n-                        \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n-                    }\n-                };\n-            } else {\n-                crs = {\n-                    \"type\": \"name\",\n-                    \"properties\": {\n-                        \"name\": \"EPSG:\" + code\n-                    }\n-                };\n-            }\n-        }\n-        return crs;\n-    },\n-\n-    /**\n-     * Property: extract\n-     * Object with properties corresponding to the GeoJSON types.\n-     *     Property values are functions that do the actual value extraction.\n-     */\n-    extract: {\n-        /**\n-         * Method: extract.feature\n-         * Return a partial GeoJSON object representing a single feature.\n-         *\n-         * Parameters:\n-         * feature - {<OpenLayers.Feature.Vector>}\n-         *\n-         * Returns:\n-         * {Object} An object representing the point.\n-         */\n-        'feature': function(feature) {\n-            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n-            var json = {\n-                \"type\": \"Feature\",\n-                \"properties\": feature.attributes,\n-                \"geometry\": geom\n-            };\n-            if (feature.fid != null) {\n-                json.id = feature.fid;\n-            }\n-            return json;\n+                        attributes: {\n+                            wildCard: \"*\",\n+                            singleChar: \".\",\n+                            escape: \"!\"\n+                        }\n+                    });\n+                    // no ogc:expression handling for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // convert regex string to ogc string\n+                    this.writeNode(\"Literal\", filter.regex2value(), node);\n+                    return node;\n+                },\n+                \"BBOX\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n+                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n+                    // accepts filters without it. When this is used with\n+                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n+                    // missing filter.property to the geometryName that is\n+                    // configured with the protocol, which defaults to \"the_geom\".\n+                    // So the only way to omit this mandatory property is to not\n+                    // set the property on the filter and to set the geometryName\n+                    // on the WFS protocol to null. The latter also happens when\n+                    // the protocol is configured without a geometryName and a\n+                    // featureNS.\n+                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n+                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n+                    if (filter.projection) {\n+                        box.setAttribute(\"srsName\", filter.projection);\n+                    }\n+                    return node;\n+                }\n+            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n         },\n \n         /**\n-         * Method: extract.geometry\n-         * Return a GeoJSON object representing a single geometry.\n+         * Method: writeSpatial\n+         *\n+         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n          *\n          * Parameters:\n-         * geometry - {<OpenLayers.Geometry>}\n+         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n+         * name - {String} Name of the generated XML element.\n          *\n          * Returns:\n-         * {Object} An object representing the geometry.\n+         * {DOMElement} The created XML element.\n          */\n-        'geometry': function(geometry) {\n-            if (geometry == null) {\n-                return null;\n-            }\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry = geometry.clone();\n-                geometry.transform(this.internalProjection,\n-                    this.externalProjection);\n-            }\n-            var geometryType = geometry.CLASS_NAME.split('.')[2];\n-            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n-            var json;\n-            if (geometryType == \"Collection\") {\n-                json = {\n-                    \"type\": \"GeometryCollection\",\n-                    \"geometries\": data\n-                };\n+        writeSpatial: function(filter, name) {\n+            var node = this.createElementNSPlus(\"ogc:\" + name);\n+            this.writeNode(\"PropertyName\", filter, node);\n+            if (filter.value instanceof OpenLayers.Filter.Function) {\n+                this.writeNode(\"Function\", filter.value, node);\n             } else {\n-                json = {\n-                    \"type\": geometryType,\n-                    \"coordinates\": data\n-                };\n+                var child;\n+                if (filter.value instanceof OpenLayers.Geometry) {\n+                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n+                } else {\n+                    child = this.writeNode(\"gml:Box\", filter.value);\n+                }\n+                if (filter.projection) {\n+                    child.setAttribute(\"srsName\", filter.projection);\n+                }\n+                node.appendChild(child);\n             }\n-\n-            return json;\n+            return node;\n         },\n \n+\n+        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WFST/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WFST/v1.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WFST.v1_0_0\n+ * A format for creating WFS v1.0.0 transactions.  Create a new instance with the\n+ *     <OpenLayers.Format.WFST.v1_0_0> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.Filter.v1_0_0>\n+ *  - <OpenLayers.Format.WFST.v1>\n+ */\n+OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n+\n         /**\n-         * Method: extract.point\n-         * Return an array of coordinates from a point.\n-         *\n-         * Parameters:\n-         * point - {<OpenLayers.Geometry.Point>}\n-         *\n-         * Returns: \n-         * {Array} An array of coordinates representing the point.\n+         * Property: version\n+         * {String} WFS version number.\n          */\n-        'point': function(point) {\n-            return [point.x, point.y];\n-        },\n+        version: \"1.0.0\",\n \n         /**\n-         * Method: extract.multipoint\n-         * Return an array of point coordinates from a multipoint.\n-         *\n-         * Parameters:\n-         * multipoint - {<OpenLayers.Geometry.MultiPoint>}\n-         *\n-         * Returns:\n-         * {Array} An array of point coordinate arrays representing\n-         *     the multipoint.\n+         * APIProperty: srsNameInQuery\n+         * {Boolean} If true the reference system is passed in Query requests\n+         *     via the \"srsName\" attribute to the \"wfs:Query\" element, this\n+         *     property defaults to false as it isn't WFS 1.0.0 compliant.\n          */\n-        'multipoint': function(multipoint) {\n-            var array = [];\n-            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [multipoint.components[i]]));\n-            }\n-            return array;\n-        },\n+        srsNameInQuery: false,\n \n         /**\n-         * Method: extract.linestring\n-         * Return an array of coordinate arrays from a linestring.\n-         *\n-         * Parameters:\n-         * linestring - {<OpenLayers.Geometry.LineString>}\n-         *\n-         * Returns:\n-         * {Array} An array of coordinate arrays representing\n-         *     the linestring.\n+         * Property: schemaLocations\n+         * {Object} Properties are namespace aliases, values are schema locations.\n          */\n-        'linestring': function(linestring) {\n-            var array = [];\n-            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [linestring.components[i]]));\n-            }\n-            return array;\n+        schemaLocations: {\n+            \"wfs\": \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n         },\n \n         /**\n-         * Method: extract.multilinestring\n-         * Return an array of linestring arrays from a linestring.\n-         * \n+         * Constructor: OpenLayers.Format.WFST.v1_0_0\n+         * A class for parsing and generating WFS v1.0.0 transactions.\n+         *\n          * Parameters:\n-         * multilinestring - {<OpenLayers.Geometry.MultiLineString>}\n-         * \n-         * Returns:\n-         * {Array} An array of linestring arrays representing\n-         *     the multilinestring.\n+         * options - {Object} Optional object whose properties will be set on the\n+         *     instance.\n+         *\n+         * Valid options properties:\n+         * featureType - {String} Local (without prefix) feature typeName (required).\n+         * featureNS - {String} Feature namespace (optional).\n+         * featurePrefix - {String} Feature namespace alias (optional - only used\n+         *     if featureNS is provided).  Default is 'feature'.\n+         * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n          */\n-        'multilinestring': function(multilinestring) {\n-            var array = [];\n-            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]));\n-            }\n-            return array;\n+        initialize: function(options) {\n+            OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n+            OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options]);\n         },\n \n         /**\n-         * Method: extract.polygon\n-         * Return an array of linear ring arrays from a polygon.\n+         * Method: readNode\n+         * Shorthand for applying one of the named readers given the node\n+         *     namespace and local name.  Readers take two args (node, obj) and\n+         *     generally extend or modify the second.\n          *\n          * Parameters:\n-         * polygon - {<OpenLayers.Geometry.Polygon>}\n-         * \n+         * node - {DOMElement} The node to be read (required).\n+         * obj - {Object} The object to be modified (optional).\n+         * first - {Boolean} Should be set to true for the first node read. This\n+         *     is usually the readNode call in the read method. Without this being\n+         *     set, auto-configured properties will stick on subsequent reads.\n+         *\n          * Returns:\n-         * {Array} An array of linear ring arrays representing the polygon.\n+         * {Object} The input object, modified (or a new one if none was provided).\n          */\n-        'polygon': function(polygon) {\n-            var array = [];\n-            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [polygon.components[i]]));\n-            }\n-            return array;\n+        readNode: function(node, obj, first) {\n+            // Not the superclass, only the mixin classes inherit from\n+            // Format.GML.v2. We need this because we don't want to get readNode\n+            // from the superclass's superclass, which is OpenLayers.Format.XML.\n+            return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments);\n         },\n \n         /**\n-         * Method: extract.multipolygon\n-         * Return an array of polygon arrays from a multipolygon.\n-         * \n-         * Parameters:\n-         * multipolygon - {<OpenLayers.Geometry.MultiPolygon>}\n-         * \n-         * Returns:\n-         * {Array} An array of polygon arrays representing\n-         *     the multipolygon\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n          */\n-        'multipolygon': function(multipolygon) {\n-            var array = [];\n-            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n-                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]));\n-            }\n-            return array;\n+        readers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"WFS_TransactionResponse\": function(node, obj) {\n+                    obj.insertIds = [];\n+                    obj.success = false;\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"InsertResult\": function(node, container) {\n+                    var obj = {\n+                        fids: []\n+                    };\n+                    this.readChildNodes(node, obj);\n+                    container.insertIds = container.insertIds.concat(obj.fids);\n+                },\n+                \"TransactionResult\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Status\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"SUCCESS\": function(node, obj) {\n+                    obj.success = true;\n+                }\n+            }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n+            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n         },\n \n         /**\n-         * Method: extract.collection\n-         * Return an array of geometries from a geometry collection.\n-         * \n-         * Parameters:\n-         * collection - {<OpenLayers.Geometry.Collection>}\n-         * \n-         * Returns:\n-         * {Array} An array of geometry objects representing the geometry\n-         *     collection.\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n          */\n-        'collection': function(collection) {\n-            var len = collection.components.length;\n-            var array = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                array[i] = this.extract.geometry.apply(\n-                    this, [collection.components[i]]\n-                );\n-            }\n-            return array;\n-        }\n-\n-\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n+        writers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"Query\": function(options) {\n+                    options = OpenLayers.Util.extend({\n+                        featureNS: this.featureNS,\n+                        featurePrefix: this.featurePrefix,\n+                        featureType: this.featureType,\n+                        srsName: this.srsName,\n+                        srsNameInQuery: this.srsNameInQuery\n+                    }, options);\n+                    var prefix = options.featurePrefix;\n+                    var node = this.createElementNSPlus(\"wfs:Query\", {\n+                        attributes: {\n+                            typeName: (prefix ? prefix + \":\" : \"\") +\n+                                options.featureType\n+                        }\n+                    });\n+                    if (options.srsNameInQuery && options.srsName) {\n+                        node.setAttribute(\"srsName\", options.srsName);\n+                    }\n+                    if (options.featureNS) {\n+                        node.setAttribute(\"xmlns:\" + prefix, options.featureNS);\n+                    }\n+                    if (options.propertyNames) {\n+                        for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n+                            this.writeNode(\n+                                \"ogc:PropertyName\", {\n+                                    property: options.propertyNames[i]\n+                                },\n+                                node\n+                            );\n+                        }\n+                    }\n+                    if (options.filter) {\n+                        this.setFilterProperty(options.filter);\n+                        this.writeNode(\"ogc:Filter\", options.filter, node);\n+                    }\n+                    return node;\n+                }\n+            }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n+            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n+        },\n \n-});\n+        CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n+    });\n /* ======================================================================\n-    OpenLayers/Format/KML.js\n+    OpenLayers/Protocol/WFS/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Date.js\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- * @requires OpenLayers/Projection.js\n+ * @requires OpenLayers/Protocol/WFS/v1.js\n+ * @requires OpenLayers/Format/WFST/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.KML\n- * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n- *     constructor. \n- * \n+ * Class: OpenLayers.Protocol.WFS.v1_0_0\n+ * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Protocol.WFS.v1>\n  */\n-OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * Property: version\n+     * {String} WFS version number.\n      */\n-    namespaces: {\n-        kml: \"http://www.opengis.net/kml/2.2\",\n-        gx: \"http://www.google.com/kml/ext/2.2\"\n-    },\n+    version: \"1.0.0\",\n \n     /**\n-     * APIProperty: kmlns\n-     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n-     */\n-    kmlns: \"http://earth.google.com/kml/2.0\",\n-\n-    /** \n-     * APIProperty: placemarksDesc\n-     * {String} Name of the placemarks.  Default is \"No description available\".\n-     */\n-    placemarksDesc: \"No description available\",\n-\n-    /** \n-     * APIProperty: foldersName\n-     * {String} Name of the folders.  Default is \"OpenLayers export\".\n-     *          If set to null, no name element will be created.\n+     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n+     * A class for giving layers WFS v1.0.0 protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (optional).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n      */\n-    foldersName: \"OpenLayers export\",\n \n-    /** \n-     * APIProperty: foldersDesc\n-     * {String} Description of the folders. Default is \"Exported on [date].\"\n-     *          If set to null, no description element will be created.\n-     */\n-    foldersDesc: \"Exported on \" + new Date(),\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n+});\n+/* ======================================================================\n+    OpenLayers/Renderer/Canvas.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract attributes from KML.  Default is true.\n-     *           Extracting styleUrls requires this to be set to true\n-     *           Note that currently only Data and SimpleData \n-     *           elements are handled.\n-     */\n-    extractAttributes: true,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: kvpAttributes\n-     * {Boolean} Only used if extractAttributes is true.\n-     *           If set to true, attributes will be simple\n-     *           key-value pairs, compatible with other formats,\n-     *           Any displayName elements will be ignored.\n-     *           If set to false, attributes will be objects,\n-     *           retaining any displayName elements, but not\n-     *           compatible with other formats. Any CDATA in\n-     *           displayName will be read in as a string value.\n-     *           Default is false.\n-     */\n-    kvpAttributes: false,\n+/**\n+ * @requires OpenLayers/Renderer.js\n+ */\n \n-    /**\n-     * Property: extractStyles\n-     * {Boolean} Extract styles from KML.  Default is false.\n-     *           Extracting styleUrls also requires extractAttributes to be\n-     *           set to true\n-     */\n-    extractStyles: false,\n+/**\n+ * Class: OpenLayers.Renderer.Canvas \n+ * A renderer based on the 2D 'canvas' drawing element.\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer>\n+ */\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n \n     /**\n-     * APIProperty: extractTracks\n-     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n-     *     is false.  If true, features will be generated for all points in\n-     *     all gx:Track elements.  Features will have a when (Date) attribute\n-     *     based on when elements in the track.  If tracks include angle\n-     *     elements, features will have heading, tilt, and roll attributes.\n-     *     If track point coordinates have three values, features will have\n-     *     an altitude attribute with the third coordinate value.\n+     * APIProperty: hitDetection\n+     * {Boolean} Allow for hit detection of features.  Default is true.\n      */\n-    extractTracks: false,\n+    hitDetection: true,\n \n     /**\n-     * APIProperty: trackAttributes\n-     * {Array} If <extractTracks> is true, points within gx:Track elements will \n-     *     be parsed as features with when, heading, tilt, and roll attributes.\n-     *     Any additional attribute names can be provided in <trackAttributes>.\n+     * Property: hitOverflow\n+     * {Number} The method for converting feature identifiers to color values\n+     *     supports 16777215 sequential values.  Two features cannot be \n+     *     predictably detected if their identifiers differ by more than this\n+     *     value.  The hitOverflow allows for bigger numbers (but the \n+     *     difference in values is still limited).\n      */\n-    trackAttributes: null,\n+    hitOverflow: 0,\n \n     /**\n-     * Property: internalns\n-     * {String} KML Namespace to use -- defaults to the namespace of the\n-     *     Placemark node being parsed, but falls back to kmlns. \n+     * Property: canvas\n+     * {Canvas} The canvas context object.\n      */\n-    internalns: null,\n+    canvas: null,\n \n     /**\n      * Property: features\n-     * {Array} Array of features\n-     *     \n+     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n      */\n     features: null,\n \n     /**\n-     * Property: styles\n-     * {Object} Storage of style objects\n-     *     \n-     */\n-    styles: null,\n-\n-    /**\n-     * Property: styleBaseUrl\n-     * {String}\n-     */\n-    styleBaseUrl: \"\",\n-\n-    /**\n-     * Property: fetched\n-     * {Object} Storage of KML URLs that have been fetched before\n-     *     in order to prevent reloading them.\n+     * Property: pendingRedraw\n+     * {Boolean} The renderer needs a redraw call to render features added while\n+     *     the renderer was locked.\n      */\n-    fetched: null,\n+    pendingRedraw: false,\n \n     /**\n-     * APIProperty: maxDepth\n-     * {Integer} Maximum depth for recursive loading external KML URLs \n-     *           Defaults to 0: do no external fetching\n+     * Property: cachedSymbolBounds\n+     * {Object} Internal cache of calculated symbol extents.\n      */\n-    maxDepth: 0,\n+    cachedSymbolBounds: {},\n \n     /**\n-     * Constructor: OpenLayers.Format.KML\n-     * Create a new parser for KML.\n+     * Constructor: OpenLayers.Renderer.Canvas\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * containerID - {<String>}\n+     * options - {Object} Optional properties to be set on the renderer.\n      */\n-    initialize: function(options) {\n-        // compile regular expressions once instead of every time they are used\n-        this.regExes = {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g),\n-            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n-            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n-            straightBracket: (/\\$\\[(.*?)\\]/g)\n-        };\n-        // KML coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\");\n+        }\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read data from a string, and return a list of features. \n-     * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n      */\n-    read: function(data) {\n-        this.features = [];\n-        this.styles = {};\n-        this.fetched = {};\n-\n-        // Set default options \n-        var options = {\n-            depth: 0,\n-            styleBaseUrl: this.styleBaseUrl\n-        };\n-\n-        return this.parseData(data, options);\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        // always redraw features\n+        return false;\n     },\n \n-    /**\n-     * Method: parseData\n-     * Read data from a string, and return a list of features. \n+    /** \n+     * Method: eraseGeometry\n+     * Erase a geometry from the renderer. Because the Canvas renderer has\n+     *     'memory' of the features that it has drawn, we have to remove the\n+     *     feature so it doesn't redraw.   \n      * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * featureId - {String}\n      */\n-    parseData: function(data, options) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-\n-        // Loop throught the following node types in this order and\n-        // process the nodes found \n-        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            var type = types[i];\n-\n-            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n-\n-            // skip to next type if no nodes are found\n-            if (nodes.length == 0) {\n-                continue;\n-            }\n-\n-            switch (type.toLowerCase()) {\n-\n-                // Fetch external links \n-                case \"link\":\n-                case \"networklink\":\n-                    this.parseLinks(nodes, options);\n-                    break;\n-\n-                    // parse style information\n-                case \"style\":\n-                    if (this.extractStyles) {\n-                        this.parseStyles(nodes, options);\n-                    }\n-                    break;\n-                case \"stylemap\":\n-                    if (this.extractStyles) {\n-                        this.parseStyleMaps(nodes, options);\n-                    }\n-                    break;\n-\n-                    // parse features\n-                case \"placemark\":\n-                    this.parseFeatures(nodes, options);\n-                    break;\n-            }\n-        }\n-\n-        return this.features;\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0]);\n     },\n \n     /**\n-     * Method: parseLinks\n-     * Finds URLs of linked KML documents and fetches them\n-     * \n-     * Parameters: \n-     * nodes   - {Array} of {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n+     * APIMethod: supported\n      * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the renderer class\n      */\n-    parseLinks: function(nodes, options) {\n-\n-        // Fetch external links <NetworkLink> and <Link>\n-        // Don't do anything if we have reached our maximum depth for recursion\n-        if (options.depth >= this.maxDepth) {\n-            return false;\n-        }\n-\n-        // increase depth\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n-            if (href && !this.fetched[href]) {\n-                this.fetched[href] = true; // prevent reloading the same urls\n-                var data = this.fetchLink(href);\n-                if (data) {\n-                    this.parseData(data, newOptions);\n-                }\n-            }\n-        }\n-\n+    supported: function() {\n+        return OpenLayers.CANVAS_SUPPORTED;\n     },\n \n     /**\n-     * Method: fetchLink\n-     * Fetches a URL and returns the result\n-     * \n-     * Parameters: \n-     * href  - {String} url to be fetched\n-     * \n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     *\n+     * Once the size is updated, redraw the canvas.\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} \n      */\n-    fetchLink: function(href) {\n-        var request = OpenLayers.Request.GET({\n-            url: href,\n-            async: false\n-        });\n-        if (request) {\n-            return request.responseText;\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h;\n         }\n     },\n \n     /**\n-     * Method: parseStyles\n-     * Parses <Style> nodes\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n+     * Method: drawFeature\n+     * Draw the feature. Stores the feature in the features list,\n+     * then redraws the layer. \n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {<Object>} \n+     *\n+     * Returns:\n+     * {Boolean} The feature has been drawn completely.  If the feature has no\n+     *     geometry, undefined will be returned.  If the feature is not rendered\n+     *     for other reasons, false will be returned.\n      */\n-    parseStyles: function(nodes, options) {\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var style = this.parseStyle(nodes[i]);\n-            if (style) {\n-                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            // don't render if display none or feature outside extent\n+            var bounds = feature.geometry.getBounds();\n \n-                this.styles[styleName] = style;\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent();\n+            }\n+\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+\n+            rendered = (style.display !== \"none\") && !!bounds && intersects;\n+            if (rendered) {\n+                // keep track of what we have rendered for redraw\n+                this.features[feature.id] = [feature, style];\n+            } else {\n+                // remove from features tracked for redraw\n+                delete(this.features[feature.id]);\n             }\n+            this.pendingRedraw = true;\n+        }\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false;\n         }\n+        return rendered;\n     },\n \n-    /**\n-     * Method: parseKmlColor\n-     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n-     * color and opacity or null if the color is invalid.\n-     *\n-     * Parameters: \n-     * kmlColor - {String} a kml formated color\n+    /** \n+     * Method: drawGeometry\n+     * Used when looping (in redraw) over the features; draws\n+     * the canvas. \n      *\n-     * Returns:\n-     * {Object}\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * style - {Object} \n      */\n-    parseKmlColor: function(kmlColor) {\n-        var color = null;\n-        if (kmlColor) {\n-            var matches = kmlColor.match(this.regExes.kmlColor);\n-            if (matches) {\n-                color = {\n-                    color: '#' + matches[4] + matches[3] + matches[2],\n-                    opacity: parseInt(matches[1], 16) / 255\n-                };\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if ((className == \"OpenLayers.Geometry.Collection\") ||\n+            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId);\n             }\n+            return;\n+        }\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                this.drawPoint(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                this.drawLineString(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                this.drawLinearRing(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                this.drawPolygon(geometry, style, featureId);\n+                break;\n+            default:\n+                break;\n         }\n-        return color;\n     },\n \n     /**\n-     * Method: parseStyle\n-     * Parses the children of a <Style> node and builds the style hash\n-     * accordingly\n+     * Method: drawExternalGraphic\n+     * Called to draw External graphics. \n      * \n      * Parameters: \n-     * node - {DOMElement} <Style> node\n-     * \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    parseStyle: function(node) {\n-        var style = {};\n-\n-        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n-            \"LabelStyle\"\n-        ];\n-        var type, styleTypeNode, nodeList, geometry, parser;\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            type = types[i];\n-            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n-            if (!styleTypeNode) {\n-                continue;\n-            }\n-\n-            // only deal with first geometry of this type\n-            switch (type.toLowerCase()) {\n-                case \"linestyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"strokeColor\"] = color.color;\n-                        style[\"strokeOpacity\"] = color.opacity;\n-                    }\n-\n-                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n-                    if (width) {\n-                        style[\"strokeWidth\"] = width;\n-                    }\n-                    break;\n-\n-                case \"polystyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fillOpacity\"] = color.opacity;\n-                        style[\"fillColor\"] = color.color;\n-                    }\n-                    // Check if fill is disabled\n-                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n-                    if (fill == \"0\") {\n-                        style[\"fillColor\"] = \"none\";\n-                    }\n-                    // Check if outline is disabled\n-                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n-                    if (outline == \"0\") {\n-                        style[\"strokeWidth\"] = \"0\";\n-                    }\n-\n-                    break;\n-\n-                case \"iconstyle\":\n-                    // set scale\n-                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n-                        \"*\", \"scale\") || 1);\n-\n-                    // set default width and height of icon\n-                    var width = 32 * scale;\n-                    var height = 32 * scale;\n-\n-                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"Icon\")[0];\n-                    if (iconNode) {\n-                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n-                        if (href) {\n-\n-                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n-                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image();\n \n-                            // Settings for Google specific icons that are 64x64\n-                            // We set the width and height to 64 and halve the\n-                            // scale to prevent icons from being too big\n-                            var google = \"http://maps.google.com/mapfiles/kml\";\n-                            if (OpenLayers.String.startsWith(\n-                                    href, google) && !w && !h) {\n-                                w = 64;\n-                                h = 64;\n-                                scale = scale / 2;\n-                            }\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            img.title = title;\n+        }\n \n-                            // if only dimension is defined, make sure the\n-                            // other one has the same value\n-                            w = w || h;\n-                            h = h || w;\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = (style.graphicXOffset != undefined) ?\n+            style.graphicXOffset : -(0.5 * width);\n+        var yOffset = (style.graphicYOffset != undefined) ?\n+            style.graphicYOffset : -(0.5 * height);\n \n-                            if (w) {\n-                                width = parseInt(w) * scale;\n-                            }\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n \n-                            if (h) {\n-                                height = parseInt(h) * scale;\n-                            }\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return;\n+            }\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = (p0 + xOffset) | 0;\n+                var y = (p1 + yOffset) | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n+                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n+                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n+                        // 320 is the screen width of the G1 phone, for\n+                        // which drawImage works out of the box.\n+                        320 / window.screen.width : 1\n+                    );\n+                canvas.drawImage(\n+                    img, x * factor, y * factor, width * factor, height * factor\n+                );\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height);\n+                }\n+            }\n+        };\n \n-                            // support for internal icons \n-                            //    (/root://icons/palette-x.png)\n-                            // x and y tell the position on the palette:\n-                            // - in pixels\n-                            // - starting from the left bottom\n-                            // We translate that to a position in the list \n-                            // and request the appropriate icon from the \n-                            // google maps website\n-                            var matches = href.match(this.regExes.kmlIconPalette);\n-                            if (matches) {\n-                                var palette = matches[1];\n-                                var file_extension = matches[2];\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic;\n+    },\n \n-                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n-                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n+    /**\n+     * Method: drawNamedSymbol\n+     * Called to draw Well Known Graphic Symbol Name. \n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180.0;\n \n-                                var posX = x ? x / 32 : 0;\n-                                var posY = y ? (7 - y / 32) : 7;\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n \n-                                var pos = posY * 8 + posX;\n-                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n-                                    palette + \"/icon\" + pos + file_extension;\n-                            }\n+        if (!symbol) {\n+            throw new Error(style.graphicName + ' is not a valid symbol name');\n+        }\n \n-                            style[\"graphicOpacity\"] = 1; // fully opaque\n-                            style[\"externalGraphic\"] = href;\n-                        }\n+        if (!symbol.length || symbol.length < 2) return;\n \n-                    }\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n \n+        if (isNaN(p0) || isNaN(p1)) return;\n \n-                    // hotSpots define the offset for an Icon\n-                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"hotSpot\")[0];\n-                    if (hotSpotNode) {\n-                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n-                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n+        // Use rounded line caps\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n \n-                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n-                        if (xUnits == \"pixels\") {\n-                            style[\"graphicXOffset\"] = -x * scale;\n-                        } else if (xUnits == \"insetPixels\") {\n-                            style[\"graphicXOffset\"] = -width + (x * scale);\n-                        } else if (xUnits == \"fraction\") {\n-                            style[\"graphicXOffset\"] = -width * x;\n-                        }\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\";\n+        }\n \n-                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n-                        if (yUnits == \"pixels\") {\n-                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n-                        } else if (yUnits == \"insetPixels\") {\n-                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n-                        } else if (yUnits == \"fraction\") {\n-                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n-                        }\n-                    }\n+        // Scale and rotate symbols, using precalculated bounds whenever possible.\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n+        } else {\n+            symbolBounds = new OpenLayers.Bounds();\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n+            }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n+        }\n \n-                    style[\"graphicWidth\"] = width;\n-                    style[\"graphicHeight\"] = height;\n-                    break;\n+        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n+        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save();\n+        }\n \n-                case \"balloonstyle\":\n-                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n-                        styleTypeNode);\n-                    if (balloonStyle) {\n-                        style[\"balloonStyle\"] = balloonStyle.replace(\n-                            this.regExes.straightBracket, \"${$1}\");\n-                    }\n-                    break;\n-                case \"labelstyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fontColor\"] = color.color;\n-                        style[\"fontOpacity\"] = color.opacity;\n-                    }\n-                    break;\n+        // Step 3: place symbol at the desired location\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1);\n+        }\n \n-                default:\n+        // Step 2a. rotate the symbol if necessary\n+        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle);\n             }\n         }\n \n-        // Some polygons have no line color, so we use the fillColor for that\n-        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n-            style[\"strokeColor\"] = style[\"fillColor\"];\n+        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n+        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling);\n         }\n \n-        var id = node.getAttribute(\"id\");\n-        if (id && style) {\n-            style.id = id;\n+        // Step 1: center the symbol at the origin        \n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy);\n         }\n \n-        return style;\n-    },\n-\n-    /**\n-     * Method: parseStyleMaps\n-     * Parses <StyleMap> nodes, but only uses the 'normal' key\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n-     */\n-    parseStyleMaps: function(nodes, options) {\n-        // Only the default or \"normal\" part of the StyleMap is processed now\n-        // To do the select or \"highlight\" bit, we'd need to change lots more\n-\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var node = nodes[i];\n-            var pairs = this.getElementsByTagNameNS(node, \"*\",\n-                \"Pair\");\n+        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n+        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n \n-            var id = node.getAttribute(\"id\");\n-            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n-                var pair = pairs[j];\n-                // Use the shortcut in the SLD format to quickly retrieve the \n-                // value of a node. Maybe it's good to have a method in \n-                // Format.XML to do this\n-                var key = this.parseProperty(pair, \"*\", \"key\");\n-                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.fill();\n \n-                if (styleUrl && key == \"normal\") {\n-                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n-                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n                 }\n-\n-                // TODO: implement the \"select\" part\n-                //if (styleUrl && key == \"highlight\") {\n-                //}\n-\n+                this.hitContext.closePath();\n+                this.hitContext.fill();\n             }\n         }\n \n-    },\n-\n-\n-    /**\n-     * Method: parseFeatures\n-     * Loop through all Placemark nodes and parse them.\n-     * Will create a list of features\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n-     */\n-    parseFeatures: function(nodes, options) {\n-        var features = [];\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var featureNode = nodes[i];\n-            var feature = this.parseFeature.apply(this, [featureNode]);\n-            if (feature) {\n-\n-                // Create reference to styleUrl \n-                if (this.extractStyles && feature.attributes &&\n-                    feature.attributes.styleUrl) {\n-                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n-                }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n \n-                if (this.extractStyles) {\n-                    // Make sure that <Style> nodes within a placemark are \n-                    // processed as well\n-                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n-                        \"*\",\n-                        \"Style\")[0];\n-                    if (inlineStyleNode) {\n-                        var inlineStyle = this.parseStyle(inlineStyleNode);\n-                        if (inlineStyle) {\n-                            feature.style = OpenLayers.Util.extend(\n-                                feature.style, inlineStyle\n-                            );\n-                        }\n-                    }\n-                }\n \n-                // check if gx:Track elements should be parsed\n-                if (this.extractTracks) {\n-                    var tracks = this.getElementsByTagNameNS(\n-                        featureNode, this.namespaces.gx, \"Track\"\n-                    );\n-                    if (tracks && tracks.length > 0) {\n-                        var track = tracks[0];\n-                        var container = {\n-                            features: [],\n-                            feature: feature\n-                        };\n-                        this.readNode(track, container);\n-                        if (container.features.length > 0) {\n-                            features.push.apply(features, container.features);\n-                        }\n-                    }\n-                } else {\n-                    // add feature to list of features\n-                    features.push(feature);\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n                 }\n-            } else {\n-                throw \"Bad Placemark: \" + i;\n+                this.hitContext.closePath();\n+                this.hitContext.stroke();\n             }\n+\n         }\n \n-        // add new features to existing feature list\n-        this.features = this.features.concat(features);\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore();\n+        }\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: setCanvasStyle\n+     * Prepare the canvas for drawing by setting various global settings.\n+     *\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * style - {Object} Symbolizer hash\n      */\n-    readers: {\n-        \"kml\": {\n-            \"when\": function(node, container) {\n-                container.whens.push(OpenLayers.Date.parse(\n-                    this.getChildValue(node)\n-                ));\n-            },\n-            \"_trackPointAttribute\": function(node, container) {\n-                var name = node.nodeName.split(\":\").pop();\n-                container.attributes[name].push(this.getChildValue(node));\n-            }\n-        },\n-        \"gx\": {\n-            \"Track\": function(node, container) {\n-                var obj = {\n-                    whens: [],\n-                    points: [],\n-                    angles: []\n-                };\n-                if (this.trackAttributes) {\n-                    var name;\n-                    obj.attributes = {};\n-                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n-                        name = this.trackAttributes[i];\n-                        obj.attributes[name] = [];\n-                        if (!(name in this.readers.kml)) {\n-                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n-                        }\n-                    }\n-                }\n-                this.readChildNodes(node, obj);\n-                if (obj.whens.length !== obj.points.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:coord (\" +\n-                        obj.points.length + \") elements.\");\n-                }\n-                var hasAngles = obj.angles.length > 0;\n-                if (hasAngles && obj.whens.length !== obj.angles.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:angles (\" +\n-                        obj.angles.length + \") elements.\");\n-                }\n-                var feature, point, angles;\n-                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n-                    feature = container.feature.clone();\n-                    feature.fid = container.feature.fid || container.feature.id;\n-                    point = obj.points[i];\n-                    feature.geometry = point;\n-                    if (\"z\" in point) {\n-                        feature.attributes.altitude = point.z;\n-                    }\n-                    if (this.internalProjection && this.externalProjection) {\n-                        feature.geometry.transform(\n-                            this.externalProjection, this.internalProjection\n-                        );\n-                    }\n-                    if (this.trackAttributes) {\n-                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n-                            var name = this.trackAttributes[j];\n-                            feature.attributes[name] = obj.attributes[name][i];\n-                        }\n-                    }\n-                    feature.attributes.when = obj.whens[i];\n-                    feature.attributes.trackId = container.feature.id;\n-                    if (hasAngles) {\n-                        angles = obj.angles[i];\n-                        feature.attributes.heading = parseFloat(angles[0]);\n-                        feature.attributes.tilt = parseFloat(angles[1]);\n-                        feature.attributes.roll = parseFloat(angles[2]);\n-                    }\n-                    container.features.push(feature);\n-                }\n-            },\n-            \"coord\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n-                if (coords.length > 2) {\n-                    point.z = parseFloat(coords[2]);\n-                }\n-                container.points.push(point);\n-            },\n-            \"angles\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                container.angles.push(parts);\n-            }\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style['fillOpacity'];\n+            this.canvas.fillStyle = style['fillColor'];\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style['strokeOpacity'];\n+            this.canvas.strokeStyle = style['strokeColor'];\n+            this.canvas.lineWidth = style['strokeWidth'];\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1;\n         }\n     },\n \n     /**\n-     * Method: parseFeature\n-     * This function is the core of the KML parsing code in OpenLayers.\n-     *     It creates the geometries that are then attached to the returned\n-     *     feature, and calls parseAttributes() to get attribute data out.\n+     * Method: featureIdToHex\n+     * Convert a feature ID string into an RGB hex string.\n      *\n      * Parameters:\n-     * node - {DOMElement}\n+     * featureId - {String} Feature id\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A vector feature.\n+     * {String} RGB hex string.\n      */\n-    parseFeature: function(node) {\n-        // only accept one geometry per feature - look for highest \"order\"\n-        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n-        var type, nodeList, geometry, parser;\n-        for (var i = 0, len = order.length; i < len; ++i) {\n-            type = order[i];\n-            this.internalns = node.namespaceURI ?\n-                node.namespaceURI : this.kmlns;\n-            nodeList = this.getElementsByTagNameNS(node,\n-                this.internalns, type);\n-            if (nodeList.length > 0) {\n-                // only deal with first geometry of this type\n-                var parser = this.parseGeometry[type.toLowerCase()];\n-                if (parser) {\n-                    geometry = parser.apply(this, [nodeList[0]]);\n-                    if (this.internalProjection && this.externalProjection) {\n-                        geometry.transform(this.externalProjection,\n-                            this.internalProjection);\n-                    }\n-                } else {\n-                    throw new TypeError(\"Unsupported geometry type: \" + type);\n-                }\n-                // stop looking for different geometry types\n-                break;\n-            }\n-        }\n-\n-        // construct feature (optionally with attributes)\n-        var attributes;\n-        if (this.extractAttributes) {\n-            attributes = this.parseAttributes(node);\n-        }\n-        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n-\n-        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n-        if (fid != null) {\n-            feature.fid = fid;\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1;\n         }\n-\n-        return feature;\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex;\n     },\n \n     /**\n-     * Method: getStyle\n-     * Retrieves a style from a style hash using styleUrl as the key\n-     * If the styleUrl doesn't exist yet, we try to fetch it \n-     * Internet\n-     * \n-     * Parameters: \n-     * styleUrl  - {String} URL of style\n-     * options   - {Object} Hash of options \n+     * Method: setHitContextStyle\n+     * Prepare the hit canvas for drawing by setting various global settings.\n      *\n-     * Returns:\n-     * {Object}  - (reference to) Style hash\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * featureId - {String} The feature id.\n+     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n      */\n-    getStyle: function(styleUrl, options) {\n-\n-        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n-\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-        newOptions.styleBaseUrl = styleBaseUrl;\n-\n-        // Fetch remote Style URLs (if not fetched before) \n-        if (!this.styles[styleUrl] &&\n-            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n-            newOptions.depth <= this.maxDepth &&\n-            !this.fetched[styleBaseUrl]) {\n-\n-            var data = this.fetchLink(styleBaseUrl);\n-            if (data) {\n-                this.parseData(data, newOptions);\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.fillStyle = hex;\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.strokeStyle = hex;\n+            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n+            // on a transformed canvas, so the antialias width bump has to scale as well.\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n+                }\n             }\n-\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1;\n         }\n-\n-        // return requested style\n-        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n-        return style;\n     },\n \n     /**\n-     * Property: parseGeometry\n-     * Properties of this object are the functions that parse geometries based\n-     *     on their type.\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    parseGeometry: {\n-\n-        /**\n-         * Method: parseGeometry.point\n-         * Given a KML node representing a point geometry, create an OpenLayers\n-         *     point geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Point node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Point>} A point geometry.\n-         */\n-        point: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var coords = [];\n-            if (nodeList.length > 0) {\n-                var coordString = nodeList[0].firstChild.nodeValue;\n-                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n-                coords = coordString.split(\",\");\n-            }\n-\n-            var point = null;\n-            if (coords.length > 1) {\n-                // preserve third dimension\n-                if (coords.length == 2) {\n-                    coords[2] = null;\n-                }\n-                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n-                    coords[2]);\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId);\n+            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n+                this.drawNamedSymbol(geometry, style, featureId);\n             } else {\n-                throw \"Bad coordinate string: \" + coordString;\n-            }\n-            return point;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.linestring\n-         * Given a KML node representing a linestring geometry, create an\n-         *     OpenLayers linestring geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML LineString node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         */\n-        linestring: function(node, ring) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var line = null;\n-            if (nodeList.length > 0) {\n-                var coordString = this.getChildValue(nodeList[0]);\n-\n-                coordString = coordString.replace(this.regExes.trimSpace,\n-                    \"\");\n-                coordString = coordString.replace(this.regExes.trimComma,\n-                    \",\");\n-                var pointList = coordString.split(this.regExes.splitSpace);\n-                var numPoints = pointList.length;\n-                var points = new Array(numPoints);\n-                var coords, numCoords;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    coords = pointList[i].split(\",\");\n-                    numCoords = coords.length;\n-                    if (numCoords > 1) {\n-                        if (coords.length == 2) {\n-                            coords[2] = null;\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill();\n                         }\n-                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n-                            coords[1],\n-                            coords[2]);\n-                    } else {\n-                        throw \"Bad LineString point coordinates: \" +\n-                            pointList[i];\n-                    }\n-                }\n-                if (numPoints) {\n-                    if (ring) {\n-                        line = new OpenLayers.Geometry.LinearRing(points);\n-                    } else {\n-                        line = new OpenLayers.Geometry.LineString(points);\n-                    }\n-                } else {\n-                    throw \"Bad LineString coordinates: \" + coordString;\n-                }\n-            }\n-\n-            return line;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.polygon\n-         * Given a KML node representing a polygon geometry, create an\n-         *     OpenLayers polygon geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Polygon node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         */\n-        polygon: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"LinearRing\");\n-            var numRings = nodeList.length;\n-            var components = new Array(numRings);\n-            if (numRings > 0) {\n-                // this assumes exterior ring first, inner rings after\n-                var ring;\n-                for (var i = 0, len = nodeList.length; i < len; ++i) {\n-                    ring = this.parseGeometry.linestring.apply(this,\n-                        [nodeList[i], true]);\n-                    if (ring) {\n-                        components[i] = ring;\n-                    } else {\n-                        throw \"Bad LinearRing geometry: \" + i;\n                     }\n-                }\n-            }\n-            return new OpenLayers.Geometry.Polygon(components);\n-        },\n \n-        /**\n-         * Method: parseGeometry.multigeometry\n-         * Given a KML node representing a multigeometry, create an\n-         *     OpenLayers geometry collection.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML MultiGeometry node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         */\n-        multigeometry: function(node) {\n-            var child, parser;\n-            var parts = [];\n-            var children = node.childNodes;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    var type = (child.prefix) ?\n-                        child.nodeName.split(\":\")[1] :\n-                        child.nodeName;\n-                    var parser = this.parseGeometry[type.toLowerCase()];\n-                    if (parser) {\n-                        parts.push(parser.apply(this, [child]));\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke();\n+                        }\n+                        this.setCanvasStyle(\"reset\");\n                     }\n                 }\n             }\n-            return new OpenLayers.Geometry.Collection(parts);\n         }\n-\n     },\n \n     /**\n-     * Method: parseAttributes\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-\n-        // Extended Data is parsed first.\n-        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n-        if (edNodes.length) {\n-            attributes = this.parseExtendedData(edNodes[0]);\n-        }\n-\n-        // assume attribute nodes are type 1 children with a type 3 or 4 child\n-        var child, grandchildren, grandchild;\n-        var children = node.childNodes;\n-\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                grandchildren = child.childNodes;\n-                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n-                    var grandchild;\n-                    switch (grandchildren.length) {\n-                        case 1:\n-                            grandchild = grandchildren[0];\n-                            break;\n-                        case 2:\n-                            var c1 = grandchildren[0];\n-                            var c2 = grandchildren[1];\n-                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n-                                c1 : c2;\n-                            break;\n-                        case 3:\n-                        default:\n-                            grandchild = grandchildren[1];\n-                            break;\n-                    }\n-                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                        var name = (child.prefix) ?\n-                            child.nodeName.split(\":\")[1] :\n-                            child.nodeName;\n-                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n-                        if (value) {\n-                            value = value.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value;\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes;\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId);\n     },\n \n     /**\n-     * Method: parseExtendedData\n-     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n-     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n-     *     for more information on extendeddata.\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    parseExtendedData: function(node) {\n-        var attributes = {};\n-        var i, len, data, key;\n-        var dataNodes = node.getElementsByTagName(\"Data\");\n-        for (i = 0, len = dataNodes.length; i < len; i++) {\n-            data = dataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            var ed = {};\n-            var valueNode = data.getElementsByTagName(\"value\");\n-            if (valueNode.length) {\n-                ed['value'] = this.getChildValue(valueNode[0]);\n-            }\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                var nameNode = data.getElementsByTagName(\"displayName\");\n-                if (nameNode.length) {\n-                    ed['displayName'] = this.getChildValue(nameNode[0]);\n-                }\n-                attributes[key] = ed;\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n             }\n         }\n-        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n-        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n-            var ed = {};\n-            data = simpleDataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            ed['value'] = this.getChildValue(data);\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                ed['displayName'] = key;\n-                attributes[key] = ed;\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n             }\n         }\n-\n-        return attributes;\n-    },\n-\n-    /**\n-     * Method: parseProperty\n-     * Convenience method to find a node and return its value\n-     *\n-     * Parameters:\n-     * xmlNode    - {<DOMElement>}\n-     * namespace  - {String} namespace of the node to find\n-     * tagName    - {String} name of the property to parse\n-     * \n-     * Returns:\n-     * {String} The value for the requested property (defaults to null)\n-     */\n-    parseProperty: function(xmlNode, namespace, tagName) {\n-        var value;\n-        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n-        try {\n-            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n-        } catch (e) {\n-            value = null;\n-        }\n-\n-        return value;\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * APIMethod: write\n-     * Accept Feature Collection, and return a string. \n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n-     *\n-     * Returns:\n-     * {String} A KML string.\n+     * Method: renderPath\n+     * Render a path with stroke and optional fill.\n      */\n-    write: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        var kml = this.createElementNS(this.kmlns, \"kml\");\n-        var folder = this.createFolderXML();\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            folder.appendChild(this.createPlacemarkXML(features[i]));\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1]);\n+            }\n+            if (type === \"fill\") {\n+                context.fill();\n+            } else {\n+                context.stroke();\n+            }\n         }\n-        kml.appendChild(folder);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n     },\n \n     /**\n-     * Method: createFolderXML\n-     * Creates and returns a KML folder node\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n      * \n-     * Returns:\n-     * {DOMElement}\n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n      */\n-    createFolderXML: function() {\n-        // Folder\n-        var folder = this.createElementNS(this.kmlns, \"Folder\");\n-\n-        // Folder name\n-        if (this.foldersName) {\n-            var folderName = this.createElementNS(this.kmlns, \"name\");\n-            var folderNameText = this.createTextNode(this.foldersName);\n-            folderName.appendChild(folderNameText);\n-            folder.appendChild(folderName);\n-        }\n-\n-        // Folder description\n-        if (this.foldersDesc) {\n-            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n-            var folderDescText = this.createTextNode(this.foldersDesc);\n-            folderDesc.appendChild(folderDescText);\n-            folder.appendChild(folderDesc);\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        // erase inner rings\n+        for (var i = 1; i < len; ++i) {\n+            /** \n+             * Note that this is overly agressive.  Here we punch holes through \n+             * all previously rendered features on the same canvas.  A better \n+             * solution for polygons with interior rings would be to draw the \n+             * polygon on a sketch canvas first.  We could erase all holes \n+             * there and then copy the drawing to the layer canvas. \n+             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n+             */\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    stroke: false,\n+                    fillOpacity: 1.0\n+                }, style),\n+                featureId\n+            );\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    fill: false\n+                }, style),\n+                featureId\n+            );\n         }\n-\n-        return folder;\n     },\n \n     /**\n-     * Method: createPlacemarkXML\n-     * Creates and returns a KML placemark node representing the given feature. \n-     * \n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * location - {<OpenLayers.Point>}\n+     * style    - {Object}\n      */\n-    createPlacemarkXML: function(feature) {\n-        // Placemark name\n-        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n-        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n-        var name = feature.attributes.name || label;\n-        placemarkName.appendChild(this.createTextNode(name));\n-\n-        // Placemark description\n-        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n-        var desc = feature.attributes.description || this.placemarksDesc;\n-        placemarkDesc.appendChild(this.createTextNode(desc));\n-\n-        // Placemark\n-        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n-        if (feature.fid != null) {\n-            placemarkNode.setAttribute(\"id\", feature.fid);\n-        }\n-        placemarkNode.appendChild(placemarkName);\n-        placemarkNode.appendChild(placemarkDesc);\n-\n-        // Geometry node (Point, LineString, etc. nodes)\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        placemarkNode.appendChild(geometryNode);\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n \n-        // output attributes as extendedData\n-        if (feature.attributes) {\n-            var edNode = this.buildExtendedData(feature.attributes);\n-            if (edNode) {\n-                placemarkNode.appendChild(edNode);\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n+            \"normal\", // \"font-variant\" not supported\n+            style.fontWeight ? style.fontWeight : \"normal\",\n+            style.fontSize ? style.fontSize : \"1em\",\n+            style.fontFamily ? style.fontFamily : \"sans-serif\"\n+        ].join(\" \");\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            // HTML5\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n+                \"center\";\n+            this.canvas.textBaseline =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n+                \"middle\";\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight =\n+                this.canvas.measureText('Mg').height ||\n+                this.canvas.measureText('xx').width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n+                    this.canvas.restore();\n+                }\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n+            }\n+        } else if (this.canvas.mozDrawText) {\n+            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n+            this.canvas.mozTextStyle = fontStyle;\n+            // No built-in text alignment, so we measure and adjust the position\n+            var hfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5;\n+            }\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight = this.canvas.mozMeasureText('xx');\n+            pt[1] += lineHeight * (1 + (vfactor * numRows));\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n+                var y = pt[1] + (i * lineHeight);\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y);\n             }\n         }\n-\n-        return placemarkNode;\n+        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: buildGeometryNode\n-     * Builds and returns a KML geometry node with the given geometry.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * Method: getLocalXY\n+     * transform geographic xy into pixel xy\n+     *\n+     * Parameters: \n+     * point - {<OpenLayers.Geometry.Point>}\n      */\n-    buildGeometryNode: function(geometry) {\n-        var className = geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        var builder = this.buildGeometry[type.toLowerCase()];\n-        var node = null;\n-        if (builder) {\n-            node = builder.apply(this, [geometry]);\n-        }\n-        return node;\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n+        var y = ((extent.top / resolution) - point.y / resolution);\n+        return [x, y];\n     },\n \n     /**\n-     * Property: buildGeometry\n-     * Object containing methods to do the actual geometry node building\n-     *     based on geometry type.\n+     * Method: clear\n+     * Clear all vectors from the renderer.\n      */\n-    buildGeometry: {\n-        // TBD: Anybody care about namespace aliases here (these nodes have\n-        //    no prefixes)?\n-\n-        /**\n-         * Method: buildGeometry.point\n-         * Given an OpenLayers point geometry, create a KML point.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML point node.\n-         */\n-        point: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Point\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipoint\n-         * Given an OpenLayers multipoint geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipoint: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linestring\n-         * Given an OpenLayers linestring geometry, create a KML linestring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linestring node.\n-         */\n-        linestring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LineString\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multilinestring\n-         * Given an OpenLayers multilinestring geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multilinestring: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linearring\n-         * Given an OpenLayers linearring geometry, create a KML linearring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linearring node.\n-         */\n-        linearring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.polygon\n-         * Given an OpenLayers polygon geometry, create a KML polygon.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML polygon node.\n-         */\n-        polygon: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n-            var rings = geometry.components;\n-            var ringMember, ringGeom, type;\n-            for (var i = 0, len = rings.length; i < len; ++i) {\n-                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n-                ringMember = this.createElementNS(this.kmlns, type);\n-                ringGeom = this.buildGeometry.linearring.apply(this,\n-                    [rings[i]]);\n-                ringMember.appendChild(ringGeom);\n-                kml.appendChild(ringMember);\n-            }\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipolygon\n-         * Given an OpenLayers multipolygon geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipolygon: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.collection\n-         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML MultiGeometry node.\n-         */\n-        collection: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n-            var child;\n-            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n-                child = this.buildGeometryNode.apply(this,\n-                    [geometry.components[i]]);\n-                if (child) {\n-                    kml.appendChild(child);\n-                }\n-            }\n-            return kml;\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height);\n         }\n     },\n \n     /**\n-     * Method: buildCoordinatesNode\n-     * Builds and returns the KML coordinates node with the given geometry\n-     * <coordinates>...</coordinates>\n+     * Method: getFeatureIdFromEvent\n+     * Returns a feature id from an event on the renderer.  \n      * \n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n+     * evt - {<OpenLayers.Event>} \n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n+     *     feature instead of a feature id to avoid an unnecessary lookup on the\n+     *     layer.\n      */\n-    buildCoordinatesNode: function(geometry) {\n-        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n \n-        var path;\n-        var points = geometry.components;\n-        if (points) {\n-            // LineString or LinearRing\n-            var point;\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; ++i) {\n-                point = points[i];\n-                parts[i] = this.buildCoordinates(point);\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            // this dragging check should go in the feature handler\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) { // antialiased\n+                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0];\n+                        } catch (err) {\n+                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n+                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n+                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n+                        }\n+                    }\n+                }\n             }\n-            path = parts.join(\" \");\n-        } else {\n-            // Point\n-            path = this.buildCoordinates(geometry);\n         }\n-\n-        var txtNode = this.createTextNode(path);\n-        coordinatesNode.appendChild(txtNode);\n-\n-        return coordinatesNode;\n+        return feature;\n     },\n \n     /**\n-     * Method: buildCoordinates\n-     *\n+     * Method: eraseFeatures \n+     * This is called by the layer to erase features; removes the feature from\n+     *     the list, then redraws the layer.\n+     * \n      * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     *\n-     * Returns\n-     * {String} a coordinate pair\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n      */\n-    buildCoordinates: function(point) {\n-        if (this.internalProjection && this.externalProjection) {\n-            point = point.clone();\n-            point.transform(this.internalProjection,\n-                this.externalProjection);\n+    eraseFeatures: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n         }\n-        return point.x + \",\" + point.y;\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id];\n+        }\n+        this.redraw();\n     },\n \n     /**\n-     * Method: buildExtendedData\n-     *\n-     * Parameters:\n-     * attributes - {Object}\n-     *\n-     * Returns\n-     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n+     * Method: redraw\n+     * The real 'meat' of the function: any time things have changed,\n+     *     redraw() can be called to loop over all the data and (you guessed\n+     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n+     *     with things once they're drawn, to remove them, for example, so\n+     *     instead we have to just clear everything and draw from scratch.\n      */\n-    buildExtendedData: function(attributes) {\n-        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n-        for (var attributeName in attributes) {\n-            // empty, name, description, styleUrl attributes ignored\n-            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n-                var data = this.createElementNS(this.kmlns, \"Data\");\n-                data.setAttribute(\"name\", attributeName);\n-                var value = this.createElementNS(this.kmlns, \"value\");\n-                if (typeof attributes[attributeName] == \"object\") {\n-                    // cater for object attributes with 'value' properties\n-                    // other object properties will output an empty node\n-                    if (attributes[attributeName].value) {\n-                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n-                    }\n-                    if (attributes[attributeName].displayName) {\n-                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n-                        // displayName always written as CDATA\n-                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n-                        data.appendChild(displayName);\n-                    }\n-                } else {\n-                    value.appendChild(this.createTextNode(attributes[attributeName]));\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height);\n+            }\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue;\n+                }\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style]);\n                 }\n-                data.appendChild(value);\n-                extendedData.appendChild(data);\n             }\n-        }\n-        if (this.isSimpleContent(extendedData)) {\n-            return null;\n-        } else {\n-            return extendedData;\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1]);\n+            }\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.KML\"\n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    \"l\": \"left\",\n+    \"r\": \"right\",\n+    \"t\": \"top\",\n+    \"b\": \"bottom\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    \"l\": 0,\n+    \"r\": -1,\n+    \"t\": 0,\n+    \"b\": -1\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n+ * {Number} Scale factor to apply to the canvas drawImage arguments. This\n+ *     is always 1 except for Android 2.1 devices, to work around\n+ *     http://code.google.com/p/android/issues/detail?id=5141.\n+ */\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n /* ======================================================================\n     OpenLayers/Renderer/Elements.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -41071,1209 +41351,929 @@\n  * Used to prevent default events (especially opening images in a new tab on\n  * ctrl-click) from being executed for externalGraphic symbols\n  */\n OpenLayers.Renderer.SVG.preventDefault = function(e) {\n     OpenLayers.Event.preventDefault(e);\n };\n /* ======================================================================\n-    OpenLayers/Renderer/Canvas.js\n+    OpenLayers/Layer/WMS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.Canvas \n- * A renderer based on the 2D 'canvas' drawing element.\n+ * Class: OpenLayers.Layer.WMS\n+ * Instances of OpenLayers.Layer.WMS are used to display data from OGC Web\n+ *     Mapping Services. Create a new WMS layer with the <OpenLayers.Layer.WMS>\n+ *     constructor.\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer>\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n-\n-    /**\n-     * APIProperty: hitDetection\n-     * {Boolean} Allow for hit detection of features.  Default is true.\n-     */\n-    hitDetection: true,\n+OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Property: hitOverflow\n-     * {Number} The method for converting feature identifiers to color values\n-     *     supports 16777215 sequential values.  Two features cannot be \n-     *     predictably detected if their identifiers differ by more than this\n-     *     value.  The hitOverflow allows for bigger numbers (but the \n-     *     difference in values is still limited).\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n      */\n-    hitOverflow: 0,\n+    DEFAULT_PARAMS: {\n+        service: \"WMS\",\n+        version: \"1.1.1\",\n+        request: \"GetMap\",\n+        styles: \"\",\n+        format: \"image/jpeg\"\n+    },\n \n     /**\n-     * Property: canvas\n-     * {Canvas} The canvas context object.\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Default is true for WMS layer\n      */\n-    canvas: null,\n+    isBaseLayer: true,\n \n     /**\n-     * Property: features\n-     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n+     * APIProperty: encodeBBOX\n+     * {Boolean} Should the BBOX commas be encoded? The WMS spec says 'no', \n+     * but some services want it that way. Default false.\n      */\n-    features: null,\n+    encodeBBOX: false,\n \n-    /**\n-     * Property: pendingRedraw\n-     * {Boolean} The renderer needs a redraw call to render features added while\n-     *     the renderer was locked.\n+    /** \n+     * APIProperty: noMagic \n+     * {Boolean} If true, the image format will not be automagicaly switched \n+     *     from image/jpeg to image/png or image/gif when using \n+     *     TRANSPARENT=TRUE. Also isBaseLayer will not changed by the  \n+     *     constructor. Default false. \n      */\n-    pendingRedraw: false,\n+    noMagic: false,\n \n     /**\n-     * Property: cachedSymbolBounds\n-     * {Object} Internal cache of calculated symbol extents.\n+     * Property: yx\n+     * {Object} Keys in this object are EPSG codes for which the axis order\n+     *     is to be reversed (yx instead of xy, LatLon instead of LonLat), with\n+     *     true as value. This is only relevant for WMS versions >= 1.3.0, and\n+     *     only if yx is not set in <OpenLayers.Projection.defaults> for the\n+     *     used projection.\n      */\n-    cachedSymbolBounds: {},\n+    yx: {},\n \n     /**\n-     * Constructor: OpenLayers.Renderer.Canvas\n+     * Constructor: OpenLayers.Layer.WMS\n+     * Create a new WMS layer object\n+     *\n+     * Examples:\n+     *\n+     * The code below creates a simple WMS layer using the image/jpeg format.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {layers: \"modis,global_mosaic\"});\n+     * (end)\n+     * Note the 3rd argument (params). Properties added to this object will be\n+     * added to the WMS GetMap requests used for this layer's tiles. The only\n+     * mandatory parameter is \"layers\". Other common WMS params include\n+     * \"transparent\", \"styles\" and \"format\". Note that the \"srs\" param will\n+     * always be ignored. Instead, it will be derived from the baseLayer's or\n+     * map's projection.\n+     *\n+     * The code below creates a transparent WMS layer with additional options.\n+     * (code)\n+     * var wms = new OpenLayers.Layer.WMS(\"NASA Global Mosaic\",\n+     *                                    \"http://wms.jpl.nasa.gov/wms.cgi\", \n+     *                                    {\n+     *                                        layers: \"modis,global_mosaic\",\n+     *                                        transparent: true\n+     *                                    }, {\n+     *                                        opacity: 0.5,\n+     *                                        singleTile: true\n+     *                                    });\n+     * (end)\n+     * Note that by default, a WMS layer is configured as baseLayer. Setting\n+     * the \"transparent\" param to true will apply some magic (see <noMagic>).\n+     * The default image format changes from image/jpeg to image/png, and the\n+     * layer is not configured as baseLayer.\n      *\n      * Parameters:\n-     * containerID - {<String>}\n-     * options - {Object} Optional properties to be set on the renderer.\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the WMS\n+     *                (e.g. http://wms.jpl.nasa.gov/wms.cgi)\n+     * params - {Object} An object with key/value pairs representing the\n+     *                   GetMap query string parameters and parameter values.\n+     * options - {Object} Hashtable of extra options to tag onto the layer.\n+     *     These options include all properties listed above, plus the ones\n+     *     inherited from superclasses.\n      */\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\");\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        //uppercase params\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n+            params.EXCEPTIONS = \"INIMAGE\";\n+        }\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(\n+            this.params,\n+            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n+        );\n+\n+\n+        //layer is transparent        \n+        if (!this.noMagic && this.params.TRANSPARENT &&\n+            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if ((options == null) || (!options.isBaseLayer)) {\n+                this.isBaseLayer = false;\n+            }\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.params.FORMAT == \"image/jpeg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" :\n+                    \"image/png\";\n+            }\n         }\n+\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n-     *\n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n      * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * {<OpenLayers.Layer.WMS>} An exact clone of this layer\n      */\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        // always redraw features\n-        return false;\n-    },\n+    clone: function(obj) {\n \n-    /** \n-     * Method: eraseGeometry\n-     * Erase a geometry from the renderer. Because the Canvas renderer has\n-     *     'memory' of the features that it has drawn, we have to remove the\n-     *     feature so it doesn't redraw.   \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * featureId - {String}\n-     */\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0]);\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMS(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n+        }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * APIMethod: supported\n+     * APIMethod: reverseAxisOrder\n+     * Returns true if the axis order is reversed for the WMS version and\n+     * projection of the layer.\n      * \n      * Returns:\n-     * {Boolean} Whether or not the browser supports the renderer class\n-     */\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED;\n-    },\n-\n-    /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     *\n-     * Once the size is updated, redraw the canvas.\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} \n+     * {Boolean} true if the axis order is reversed, false otherwise.\n      */\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h;\n-        }\n+    reverseAxisOrder: function() {\n+        var projCode = this.projection.getCode();\n+        return parseFloat(this.params.VERSION) >= 1.3 &&\n+            !!(this.yx[projCode] || (OpenLayers.Projection.defaults[projCode] &&\n+                OpenLayers.Projection.defaults[projCode].yx));\n     },\n \n     /**\n-     * Method: drawFeature\n-     * Draw the feature. Stores the feature in the features list,\n-     * then redraws the layer. \n+     * Method: getURL\n+     * Return a GetMap query string for this layer\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {<Object>} \n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *                                request.\n      *\n      * Returns:\n-     * {Boolean} The feature has been drawn completely.  If the feature has no\n-     *     geometry, undefined will be returned.  If the feature is not rendered\n-     *     for other reasons, false will be returned.\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters.\n      */\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            // don't render if display none or feature outside extent\n-            var bounds = feature.geometry.getBounds();\n-\n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent();\n-            }\n-\n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n-            });\n-\n-            rendered = (style.display !== \"none\") && !!bounds && intersects;\n-            if (rendered) {\n-                // keep track of what we have rendered for redraw\n-                this.features[feature.id] = [feature, style];\n-            } else {\n-                // remove from features tracked for redraw\n-                delete(this.features[feature.id]);\n-            }\n-            this.pendingRedraw = true;\n-        }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false;\n-        }\n-        return rendered;\n-    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n \n-    /** \n-     * Method: drawGeometry\n-     * Used when looping (in redraw) over the features; draws\n-     * the canvas. \n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * style - {Object} \n-     */\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if ((className == \"OpenLayers.Geometry.Collection\") ||\n-            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId);\n-            }\n-            return;\n-        }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n-                break;\n-        }\n+        var imageSize = this.getImageSize();\n+        var newParams = {};\n+        // WMS 1.3 introduced axis order\n+        var reverseAxisOrder = this.reverseAxisOrder();\n+        newParams.BBOX = this.encodeBBOX ?\n+            bounds.toBBOX(null, reverseAxisOrder) :\n+            bounds.toArray(reverseAxisOrder);\n+        newParams.WIDTH = imageSize.w;\n+        newParams.HEIGHT = imageSize.h;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString;\n     },\n \n     /**\n-     * Method: drawExternalGraphic\n-     * Called to draw External graphics. \n+     * APIMethod: mergeNewParams\n+     * Catch changeParams and uppercase the new params to be merged in\n+     *     before calling changeParams on the super class.\n      * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     *     Once params have been changed, the tiles will be reloaded with\n+     *     the new parameters.\n+     * \n+     * Parameters:\n+     * newParams - {Object} Hashtable of new params to use\n      */\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image();\n-\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title;\n-        }\n-\n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = (style.graphicXOffset != undefined) ?\n-            style.graphicXOffset : -(0.5 * width);\n-        var yOffset = (style.graphicYOffset != undefined) ?\n-            style.graphicYOffset : -(0.5 * height);\n-\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-\n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return;\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = (p0 + xOffset) | 0;\n-                var y = (p1 + yOffset) | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n-                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n-                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n-                        // 320 is the screen width of the G1 phone, for\n-                        // which drawImage works out of the box.\n-                        320 / window.screen.width : 1\n-                    );\n-                canvas.drawImage(\n-                    img, x * factor, y * factor, width * factor, height * factor\n-                );\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height);\n-                }\n-            }\n-        };\n-\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic;\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n+            newArguments);\n     },\n \n-    /**\n-     * Method: drawNamedSymbol\n-     * Called to draw Well Known Graphic Symbol Name. \n-     * This method is only called by the renderer itself.\n+    /** \n+     * APIMethod: getFullRequestString\n+     * Combine the layer's url with its params and these newParams. \n+     *   \n+     *     Add the SRS parameter from projection -- this is probably\n+     *     more eloquently done via a setProjection() method, but this \n+     *     works for now and always.\n+     *\n+     * Parameters:\n+     * newParams - {Object}\n+     * altUrl - {String} Use this as the url instead of the layer's url\n      * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Returns:\n+     * {String} \n      */\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180.0;\n-\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n-\n-        if (!symbol) {\n-            throw new Error(style.graphicName + ' is not a valid symbol name');\n-        }\n-\n-        if (!symbol.length || symbol.length < 2) return;\n-\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n-\n-        if (isNaN(p0) || isNaN(p1)) return;\n-\n-        // Use rounded line caps\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n-\n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\";\n-        }\n-\n-        // Scale and rotate symbols, using precalculated bounds whenever possible.\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n+    getFullRequestString: function(newParams, altUrl) {\n+        var mapProjection = this.map.getProjectionObject();\n+        var projectionCode = this.projection && this.projection.equals(mapProjection) ?\n+            this.projection.getCode() :\n+            mapProjection.getCode();\n+        var value = (projectionCode == \"none\") ? null : projectionCode;\n+        if (parseFloat(this.params.VERSION) >= 1.3) {\n+            this.params.CRS = value;\n         } else {\n-            symbolBounds = new OpenLayers.Bounds();\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n-            }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n-        }\n-\n-        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n-        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save();\n-        }\n-\n-        // Step 3: place symbol at the desired location\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1);\n-        }\n-\n-        // Step 2a. rotate the symbol if necessary\n-        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle);\n-            }\n+            this.params.SRS = value;\n         }\n \n-        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n-        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling);\n+        if (typeof this.params.TRANSPARENT == \"boolean\") {\n+            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\";\n         }\n \n-        // Step 1: center the symbol at the origin        \n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy);\n-        }\n+        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(\n+            this, arguments);\n+    },\n \n-        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n-        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n+    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/XYZ.js\n+   ====================================================================== */\n \n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.fill();\n-            }\n-        }\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n \n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n+/** \n+ * Class: OpenLayers.Layer.XYZ\n+ * The XYZ class is designed to make it easier for people who have tiles\n+ * arranged by a standard XYZ grid. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n+    /**\n+     * APIProperty: isBaseLayer\n+     * Default is true, as this is designed to be a base tile source. \n+     */\n+    isBaseLayer: true,\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke();\n-            }\n+    /**\n+     * APIProperty: sphericalMercator\n+     * Whether the tile extents should be set to the defaults for \n+     *    spherical mercator. Useful for things like OpenStreetMap.\n+     *    Default is false, except for the OSM subclass.\n+     */\n+    sphericalMercator: false,\n \n-        }\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n \n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore();\n-        }\n-        this.setCanvasStyle(\"reset\");\n-    },\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n     /**\n-     * Method: setCanvasStyle\n-     * Prepare the canvas for drawing by setting various global settings.\n+     * Constructor: OpenLayers.Layer.XYZ\n      *\n      * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * style - {Object} Symbolizer hash\n+     * name - {String}\n+     * url - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style['fillOpacity'];\n-            this.canvas.fillStyle = style['fillColor'];\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style['strokeOpacity'];\n-            this.canvas.strokeStyle = style['strokeColor'];\n-            this.canvas.lineWidth = style['strokeWidth'];\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1;\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options);\n         }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name || this.name, url || this.url, {},\n+            options\n+        ]);\n     },\n \n     /**\n-     * Method: featureIdToHex\n-     * Convert a feature ID string into an RGB hex string.\n+     * APIMethod: clone\n+     * Create a clone of this layer\n      *\n      * Parameters:\n-     * featureId - {String} Feature id\n-     *\n+     * obj - {Object} Is this ever used?\n+     * \n      * Returns:\n-     * {String} RGB hex string.\n+     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n      */\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1;\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name,\n+                this.url,\n+                this.getOptions());\n         }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: setHitContextStyle\n-     * Prepare the hit canvas for drawing by setting various global settings.\n+     * Method: getURL\n      *\n      * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * featureId - {String} The feature id.\n-     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n      */\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.fillStyle = hex;\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.strokeStyle = hex;\n-            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n-            // on a transformed canvas, so the antialias width bump has to scale as well.\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n-                }\n-            }\n-        } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1;\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = '' + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url);\n         }\n+\n+        return OpenLayers.String.format(url, xyz);\n     },\n \n     /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Method: getXYZ\n+     * Calculates x, y and z for the given bounds.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {Object} - an object with x, y and z properties.\n      */\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId);\n-            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n-                this.drawNamedSymbol(geometry, style, featureId);\n-            } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill();\n-                        }\n-                    }\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) /\n+            (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) /\n+            (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n \n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke();\n-                        }\n-                        this.setCanvasStyle(\"reset\");\n-                    }\n-                }\n-            }\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = ((x % limit) + limit) % limit;\n         }\n-    },\n \n-    /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n-     */\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId);\n+        return {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        };\n     },\n \n-    /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n+    /* APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n      * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n-            }\n-        }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n-            }\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n+                this.maxExtent.bottom);\n         }\n-        this.setCanvasStyle(\"reset\");\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/OSM.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/XYZ.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.OSM\n+ * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n+ *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n+ *    a different layer instead, you need to provide a different\n+ *    URL to the constructor. Here's an example for using OpenCycleMap:\n+ * \n+ * (code)\n+ *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+ *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n+ */\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+\n     /**\n-     * Method: renderPath\n-     * Render a path with stroke and optional fill.\n+     * APIProperty: name\n+     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n+     * argument to the constructor is null or undefined.\n      */\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1]);\n-            }\n-            if (type === \"fill\") {\n-                context.fill();\n-            } else {\n-                context.stroke();\n-            }\n-        }\n-    },\n+    name: \"OpenStreetMap\",\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * APIProperty: url\n+     * {String} The tileset URL scheme. Defaults to\n+     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n+     * (the official OSM tileset) if the second argument to the constructor\n+     * is null or undefined. To use another tileset you can have something\n+     * like this:\n+     * (code)\n+     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+     * (end)\n      */\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        // erase inner rings\n-        for (var i = 1; i < len; ++i) {\n-            /** \n-             * Note that this is overly agressive.  Here we punch holes through \n-             * all previously rendered features on the same canvas.  A better \n-             * solution for polygons with interior rings would be to draw the \n-             * polygon on a sketch canvas first.  We could erase all holes \n-             * there and then copy the drawing to the layer canvas. \n-             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n-             */\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\";\n-            }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    stroke: false,\n-                    fillOpacity: 1.0\n-                }, style),\n-                featureId\n-            );\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\";\n-            }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    fill: false\n-                }, style),\n-                featureId\n-            );\n-        }\n-    },\n+    url: [\n+        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n+    ],\n \n     /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     *\n-     * Parameters:\n-     * location - {<OpenLayers.Point>}\n-     * style    - {Object}\n+     * Property: attribution\n+     * {String} The layer attribution.\n      */\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n-\n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n-            \"normal\", // \"font-variant\" not supported\n-            style.fontWeight ? style.fontWeight : \"normal\",\n-            style.fontSize ? style.fontSize : \"1em\",\n-            style.fontFamily ? style.fontFamily : \"sans-serif\"\n-        ].join(\" \");\n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            // HTML5\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n-                \"center\";\n-            this.canvas.textBaseline =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n-                \"middle\";\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n-            }\n-            var lineHeight =\n-                this.canvas.measureText('Mg').height ||\n-                this.canvas.measureText('xx').width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n-                    this.canvas.restore();\n-                }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n-            }\n-        } else if (this.canvas.mozDrawText) {\n-            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n-            this.canvas.mozTextStyle = fontStyle;\n-            // No built-in text alignment, so we measure and adjust the position\n-            var hfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5;\n-            }\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n-            }\n-            var lineHeight = this.canvas.mozMeasureText('xx');\n-            pt[1] += lineHeight * (1 + (vfactor * numRows));\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n-                var y = pt[1] + (i * lineHeight);\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y);\n-            }\n-        }\n-        this.setCanvasStyle(\"reset\");\n-    },\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n \n     /**\n-     * Method: getLocalXY\n-     * transform geographic xy into pixel xy\n-     *\n-     * Parameters: \n-     * point - {<OpenLayers.Geometry.Point>}\n+     * Property: sphericalMercator\n+     * {Boolean}\n      */\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n-        var y = ((extent.top / resolution) - point.y / resolution);\n-        return [x, y];\n-    },\n+    sphericalMercator: true,\n \n     /**\n-     * Method: clear\n-     * Clear all vectors from the renderer.\n+     * Property: wrapDateLine\n+     * {Boolean}\n      */\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height);\n-        }\n-    },\n+    wrapDateLine: true,\n \n-    /**\n-     * Method: getFeatureIdFromEvent\n-     * Returns a feature id from an event on the renderer.  \n-     * \n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n      *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n-     *     feature instead of a feature id to avoid an unnecessary lookup on the\n-     *     layer.\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     *\n+     *  When using OSM tilesets other than the default ones, it may be\n+     *  necessary to set this to\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: null}\n+     *  (end)\n+     *\n+     *  if the server does not send Access-Control-Allow-Origin headers.\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n-\n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            // this dragging check should go in the feature handler\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) { // antialiased\n-                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0];\n-                        } catch (err) {\n-                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n-                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n-                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return feature;\n-    },\n+    tileOptions: null,\n \n     /**\n-     * Method: eraseFeatures \n-     * This is called by the layer to erase features; removes the feature from\n-     *     the list, then redraws the layer.\n-     * \n+     * Constructor: OpenLayers.Layer.OSM\n+     *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * name - {String} The layer name.\n+     * url - {String} The tileset URL scheme.\n+     * options - {Object} Configuration options for the layer. Any inherited\n+     *     layer option can be set in this object (e.g.\n+     *     <OpenLayers.Layer.Grid.buffer>).\n      */\n-    eraseFeatures: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id];\n-        }\n-        this.redraw();\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options && this.options.tileOptions);\n     },\n \n     /**\n-     * Method: redraw\n-     * The real 'meat' of the function: any time things have changed,\n-     *     redraw() can be called to loop over all the data and (you guessed\n-     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n-     *     with things once they're drawn, to remove them, for example, so\n-     *     instead we have to just clear everything and draw from scratch.\n+     * Method: clone\n      */\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height);\n-            }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue;\n-                }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style]);\n-                }\n-            }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1]);\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(\n+                this.name, this.url, this.getOptions());\n         }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n });\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    \"l\": \"left\",\n-    \"r\": \"right\",\n-    \"t\": \"top\",\n-    \"b\": \"bottom\"\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    \"l\": 0,\n-    \"r\": -1,\n-    \"t\": 0,\n-    \"b\": -1\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n- * {Number} Scale factor to apply to the canvas drawImage arguments. This\n- *     is always 1 except for Android 2.1 devices, to work around\n- *     http://code.google.com/p/android/issues/detail?id=5141.\n- */\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n /* ======================================================================\n-    OpenLayers/Strategy.js\n+    OpenLayers/Layer/Bing.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Layer/XYZ.js\n  */\n \n-/**\n- * Class: OpenLayers.Strategy\n- * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n- *     one of the strategy subclasses instead.\n+/** \n+ * Class: OpenLayers.Layer.Bing\n+ * Bing layer using direct tile access as provided by Bing Maps REST Services.\n+ * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n+ * information. Note: Terms of Service compliant use requires the map to be\n+ * configured with an <OpenLayers.Control.Attribution> control and the\n+ * attribution placed on or near the map.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n  */\n-OpenLayers.Strategy = OpenLayers.Class({\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n     /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n+     * Property: key\n+     * {String} API key for Bing maps, get your own key \n+     *     at http://bingmapsportal.com/ .\n      */\n-    layer: null,\n+    key: null,\n \n     /**\n-     * Property: options\n-     * {Object} Any options sent to the constructor.\n+     * Property: serverResolutions\n+     * {Array} the resolutions provided by the Bing servers.\n      */\n-    options: null,\n+    serverResolutions: [\n+        156543.03390625, 78271.516953125, 39135.7584765625,\n+        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n+        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n+        305.74811309814453, 152.87405654907226, 76.43702827453613,\n+        38.218514137268066, 19.109257068634033, 9.554628534317017,\n+        4.777314267158508, 2.388657133579254, 1.194328566789627,\n+        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n+        0.07464553542435169\n+    ],\n \n-    /** \n-     * Property: active \n-     * {Boolean} The control is active.\n+    /**\n+     * Property: attributionTemplate\n+     * {String}\n      */\n-    active: null,\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n+        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n+        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n+        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n+        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n+        'Terms of Use</a></span>',\n \n     /**\n-     * Property: autoActivate\n-     * {Boolean} The creator of the strategy can set autoActivate to false\n-     *      to fully control when the protocol is activated and deactivated.\n-     *      Defaults to true.\n+     * Property: metadata\n+     * {Object} Metadata for this layer, as returned by the callback script\n      */\n-    autoActivate: true,\n+    metadata: null,\n \n     /**\n-     * Property: autoDestroy\n-     * {Boolean} The creator of the strategy can set autoDestroy to false\n-     *      to fully control when the strategy is destroyed. Defaults to\n-     *      true.\n+     * Property: protocolRegex\n+     * {RegExp} Regular expression to match and replace http: in bing urls\n      */\n-    autoDestroy: true,\n+    protocolRegex: /^http:/i,\n \n     /**\n-     * Constructor: OpenLayers.Strategy\n-     * Abstract class for vector strategies.  Create instances of a subclass.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * APIProperty: type\n+     * {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.  Default is \"Road\".\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        // set the active property here, so that user cannot override it\n-        this.active = false;\n-    },\n+    type: \"Road\",\n \n     /**\n-     * APIMethod: destroy\n-     * Clean up the strategy.\n+     * APIProperty: culture\n+     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n+     * for the definition and the possible values.  Default is \"en-US\".\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null;\n-    },\n+    culture: \"en-US\",\n \n     /**\n-     * Method: setLayer\n-     * Called to set the <layer> property.\n+     * APIProperty: metadataParams\n+     * {Object} Optional url parameters for the Get Imagery Metadata request\n+     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     */\n+    metadataParams: null,\n+\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n      *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n      */\n-    setLayer: function(layer) {\n-        this.layer = layer;\n-    },\n+    tileOptions: null,\n \n-    /**\n-     * Method: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n+    /** APIProperty: protocol\n+     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n+     *  Can be 'http:' 'https:' or ''\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n+     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n+     *  this is undocumented and the Imagery Metadata API always returns HTTP\n+     *  urls.\n+     *\n+     *  Default is '', unless when executed from a file:/// uri, in which case\n+     *  it is 'http:'.\n      */\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true;\n-        }\n-        return false;\n-    },\n+    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n \n     /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n+     * Constructor: OpenLayers.Layer.Bing\n+     * Create a new Bing layer.\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n+     * Example:\n+     * (code)\n+     * var road = new OpenLayers.Layer.Bing({\n+     *     name: \"My Bing Aerial Layer\",\n+     *     type: \"Aerial\",\n+     *     key: \"my-api-key-here\",\n+     * });\n+     * (end)\n+     *\n+     * Parameters:\n+     * options - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * key - {String} Bing Maps API key for your application. Get one at\n+     *     http://bingmapsportal.com/.\n+     * type - {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n      */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-/* ======================================================================\n-    OpenLayers/Strategy/Fixed.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Strategy.js\n- */\n+    initialize: function(options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n \n-/**\n- * Class: OpenLayers.Strategy.Fixed\n- * A simple strategy that requests features once and never requests new data.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n- */\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options.tileOptions);\n+        this.loadMetadata();\n+    },\n \n     /**\n-     * APIProperty: preload\n-     * {Boolean} Load data before layer made visible. Enabling this may result\n-     *   in considerable overhead if your application loads many data layers\n-     *   that are not visible by default. Default is false.\n+     * Method: loadMetadata\n      */\n-    preload: false,\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        // link the processMetadata method to the global scope and bind it\n+        // to this instance\n+        window[this._callbackId] = OpenLayers.Function.bind(\n+            OpenLayers.Layer.Bing.processMetadata, this\n+        );\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n+            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Fixed\n-     * Create a new Fixed strategy.\n+     * Method: initLayer\n      *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Sets layer properties according to the metadata provided by the API\n      */\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n+        }\n+        this.addOptions({\n+            maxResolution: Math.min(\n+                this.serverResolutions[res.zoomMin],\n+                this.maxResolution || Number.POSITIVE_INFINITY\n+            ),\n+            numZoomLevels: Math.min(\n+                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n+            )\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw();\n+        }\n+        this.updateAttribution();\n+    },\n \n     /**\n-     * Method: activate\n-     * Activate the strategy: load data or add listener to load when visible\n+     * Method: getURL\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     * Paramters:\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"refresh\": this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load();\n-            } else {\n-                this.layer.events.on({\n-                    \"visibilitychanged\": this.load,\n-                    scope: this\n-                });\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return;\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = '0';\n+            var mask = 1 << (i - 1);\n+            if ((x & mask) != 0) {\n+                digit++;\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++;\n             }\n+            quadDigits.push(digit);\n         }\n-        return activated;\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl('' + x + y + z, this.url);\n+\n+        return OpenLayers.String.format(url, {\n+            'quadkey': quadKey\n+        });\n     },\n \n     /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Undo what is done in <activate>.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Method: updateAttribution\n+     * Updates the attribution according to the requirements outlined in\n+     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"refresh\": this.load,\n-                \"visibilitychanged\": this.load,\n-                scope: this\n-            });\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return;\n         }\n-        return deactivated;\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(\n+            this.map.getProjectionObject(),\n+            new OpenLayers.Projection(\"EPSG:4326\")\n+        );\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n+                this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                // axis order provided is Y,X\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) &&\n+                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \";\n+                }\n+            }\n+        }\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n+        });\n     },\n \n     /**\n-     * Method: load\n-     * Tells protocol to load data and unhooks the visibilitychanged event\n-     *\n-     * Parameters:\n-     * options - {Object} options to pass to protocol read.\n+     * Method: setMap\n      */\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n-        });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            \"visibilitychanged\": this.load,\n-            scope: this\n-        });\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution);\n     },\n \n     /**\n-     * Method: merge\n-     * Add all features to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n-     *\n+     * APIMethod: clone\n+     * \n      * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n+     * obj - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n      */\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local);\n-                    }\n-                }\n-            }\n-            layer.addFeatures(features);\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options);\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n-});\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.map &&\n+            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n+});\n+\n+/**\n+ * Function: OpenLayers.Layer.Bing.processMetadata\n+ * This function will be bound to an instance, linked to the global scope with\n+ * an id, and called by the JSONP script returned by the API.\n+ *\n+ * Parameters:\n+ * metadata - {Object} metadata as returned by the API\n+ */\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined; // cannot delete from window in IE\n+    delete this._callbackId;\n+};\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.mobile.min.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.mobile.min.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -62,204 +62,14 @@\n         var sourceIsEvt = typeof window.Event == \"function\" && source instanceof window.Event;\n         if (!sourceIsEvt && source.hasOwnProperty && source.hasOwnProperty(\"toString\")) {\n             destination.toString = source.toString\n         }\n     }\n     return destination\n };\n-OpenLayers.Util = OpenLayers.Util || {};\n-OpenLayers.Util.vendorPrefix = function() {\n-    \"use strict\";\n-    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n-        divStyle = document.createElement(\"div\").style,\n-        cssCache = {},\n-        jsCache = {};\n-\n-    function domToCss(prefixedDom) {\n-        if (!prefixedDom) {\n-            return null\n-        }\n-        return prefixedDom.replace(/([A-Z])/g, function(c) {\n-            return \"-\" + c.toLowerCase()\n-        }).replace(/^ms-/, \"-ms-\")\n-    }\n-\n-    function css(property) {\n-        if (cssCache[property] === undefined) {\n-            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n-                return c.charAt(1).toUpperCase()\n-            });\n-            var prefixedDom = style(domProperty);\n-            cssCache[property] = domToCss(prefixedDom)\n-        }\n-        return cssCache[property]\n-    }\n-\n-    function js(obj, property) {\n-        if (jsCache[property] === undefined) {\n-            var tmpProp, i = 0,\n-                l = VENDOR_PREFIXES.length,\n-                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n-            jsCache[property] = null;\n-            for (; i < l; i++) {\n-                prefix = VENDOR_PREFIXES[i];\n-                if (prefix) {\n-                    if (!isStyleObj) {\n-                        prefix = prefix.toLowerCase()\n-                    }\n-                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n-                } else {\n-                    tmpProp = property\n-                }\n-                if (obj[tmpProp] !== undefined) {\n-                    jsCache[property] = tmpProp;\n-                    break\n-                }\n-            }\n-        }\n-        return jsCache[property]\n-    }\n-\n-    function style(property) {\n-        return js(divStyle, property)\n-    }\n-    return {\n-        css: css,\n-        js: js,\n-        style: style,\n-        cssCache: cssCache,\n-        jsCache: jsCache\n-    }\n-}();\n-OpenLayers.Animation = function(window) {\n-    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n-    var isNative = !!requestAnimationFrame;\n-    var requestFrame = function() {\n-        var request = window[requestAnimationFrame] || function(callback, element) {\n-            window.setTimeout(callback, 16)\n-        };\n-        return function(callback, element) {\n-            request.apply(window, [callback, element])\n-        }\n-    }();\n-    var counter = 0;\n-    var loops = {};\n-\n-    function start(callback, duration, element) {\n-        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n-        var id = ++counter;\n-        var start = +new Date;\n-        loops[id] = function() {\n-            if (loops[id] && +new Date - start <= duration) {\n-                callback();\n-                if (loops[id]) {\n-                    requestFrame(loops[id], element)\n-                }\n-            } else {\n-                delete loops[id]\n-            }\n-        };\n-        requestFrame(loops[id], element);\n-        return id\n-    }\n-\n-    function stop(id) {\n-        delete loops[id]\n-    }\n-    return {\n-        isNative: isNative,\n-        requestFrame: requestFrame,\n-        start: start,\n-        stop: stop\n-    }\n-}(window);\n-OpenLayers.Kinetic = OpenLayers.Class({\n-    threshold: 0,\n-    deceleration: .0035,\n-    nbPoints: 100,\n-    delay: 200,\n-    points: undefined,\n-    timerId: undefined,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = []\n-    },\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: (new Date).getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop()\n-        }\n-    },\n-    end: function(xy) {\n-        var last, now = (new Date).getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break\n-            }\n-            last = point\n-        }\n-        if (!last) {\n-            return\n-        }\n-        var time = (new Date).getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        }\n-    },\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-        var initialTime = (new Date).getTime();\n-        var lastX = 0;\n-        var lastY = 0;\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return\n-            }\n-            var t = (new Date).getTime() - initialTime;\n-            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true\n-            }\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end)\n-        };\n-        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n-    },\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n OpenLayers.String = {\n     startsWith: function(str, sub) {\n         return str.indexOf(sub) == 0\n     },\n     contains: function(str, sub) {\n         return str.indexOf(sub) != -1\n     },\n@@ -1795,14 +1605,78 @@\n     if (axis == \"lon\") {\n         str += coordinate < 0 ? OpenLayers.i18n(\"W\") : OpenLayers.i18n(\"E\")\n     } else {\n         str += coordinate < 0 ? OpenLayers.i18n(\"S\") : OpenLayers.i18n(\"N\")\n     }\n     return str\n };\n+OpenLayers.Util = OpenLayers.Util || {};\n+OpenLayers.Util.vendorPrefix = function() {\n+    \"use strict\";\n+    var VENDOR_PREFIXES = [\"\", \"O\", \"ms\", \"Moz\", \"Webkit\"],\n+        divStyle = document.createElement(\"div\").style,\n+        cssCache = {},\n+        jsCache = {};\n+\n+    function domToCss(prefixedDom) {\n+        if (!prefixedDom) {\n+            return null\n+        }\n+        return prefixedDom.replace(/([A-Z])/g, function(c) {\n+            return \"-\" + c.toLowerCase()\n+        }).replace(/^ms-/, \"-ms-\")\n+    }\n+\n+    function css(property) {\n+        if (cssCache[property] === undefined) {\n+            var domProperty = property.replace(/(-[\\s\\S])/g, function(c) {\n+                return c.charAt(1).toUpperCase()\n+            });\n+            var prefixedDom = style(domProperty);\n+            cssCache[property] = domToCss(prefixedDom)\n+        }\n+        return cssCache[property]\n+    }\n+\n+    function js(obj, property) {\n+        if (jsCache[property] === undefined) {\n+            var tmpProp, i = 0,\n+                l = VENDOR_PREFIXES.length,\n+                prefix, isStyleObj = typeof obj.cssText !== \"undefined\";\n+            jsCache[property] = null;\n+            for (; i < l; i++) {\n+                prefix = VENDOR_PREFIXES[i];\n+                if (prefix) {\n+                    if (!isStyleObj) {\n+                        prefix = prefix.toLowerCase()\n+                    }\n+                    tmpProp = prefix + property.charAt(0).toUpperCase() + property.slice(1)\n+                } else {\n+                    tmpProp = property\n+                }\n+                if (obj[tmpProp] !== undefined) {\n+                    jsCache[property] = tmpProp;\n+                    break\n+                }\n+            }\n+        }\n+        return jsCache[property]\n+    }\n+\n+    function style(property) {\n+        return js(divStyle, property)\n+    }\n+    return {\n+        css: css,\n+        js: js,\n+        style: style,\n+        cssCache: cssCache,\n+        jsCache: jsCache\n+    }\n+}();\n OpenLayers.Event = {\n     observers: false,\n     KEY_SPACE: 32,\n     KEY_BACKSPACE: 8,\n     KEY_TAB: 9,\n     KEY_RETURN: 13,\n     KEY_ESC: 27,\n@@ -2253,14 +2127,56 @@\n             e.touches = touches.slice();\n             handler(e)\n         };\n         OpenLayers.Event.observe(element, \"MSPointerUp\", cb)\n     },\n     CLASS_NAME: \"OpenLayers.Events\"\n });\n+OpenLayers.Animation = function(window) {\n+    var requestAnimationFrame = OpenLayers.Util.vendorPrefix.js(window, \"requestAnimationFrame\");\n+    var isNative = !!requestAnimationFrame;\n+    var requestFrame = function() {\n+        var request = window[requestAnimationFrame] || function(callback, element) {\n+            window.setTimeout(callback, 16)\n+        };\n+        return function(callback, element) {\n+            request.apply(window, [callback, element])\n+        }\n+    }();\n+    var counter = 0;\n+    var loops = {};\n+\n+    function start(callback, duration, element) {\n+        duration = duration > 0 ? duration : Number.POSITIVE_INFINITY;\n+        var id = ++counter;\n+        var start = +new Date;\n+        loops[id] = function() {\n+            if (loops[id] && +new Date - start <= duration) {\n+                callback();\n+                if (loops[id]) {\n+                    requestFrame(loops[id], element)\n+                }\n+            } else {\n+                delete loops[id]\n+            }\n+        };\n+        requestFrame(loops[id], element);\n+        return id\n+    }\n+\n+    function stop(id) {\n+        delete loops[id]\n+    }\n+    return {\n+        isNative: isNative,\n+        requestFrame: requestFrame,\n+        start: start,\n+        stop: stop\n+    }\n+}(window);\n OpenLayers.Tween = OpenLayers.Class({\n     easing: null,\n     begin: null,\n     finish: null,\n     duration: null,\n     callbacks: null,\n     time: null,\n@@ -3681,14 +3597,98 @@\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Map\"\n });\n OpenLayers.Map.TILE_WIDTH = 256;\n OpenLayers.Map.TILE_HEIGHT = 256;\n+OpenLayers.Kinetic = OpenLayers.Class({\n+    threshold: 0,\n+    deceleration: .0035,\n+    nbPoints: 100,\n+    delay: 200,\n+    points: undefined,\n+    timerId: undefined,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = []\n+    },\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: (new Date).getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop()\n+        }\n+    },\n+    end: function(xy) {\n+        var last, now = (new Date).getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break\n+            }\n+            last = point\n+        }\n+        if (!last) {\n+            return\n+        }\n+        var time = (new Date).getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        }\n+    },\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+        var initialTime = (new Date).getTime();\n+        var lastX = 0;\n+        var lastY = 0;\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return\n+            }\n+            var t = (new Date).getTime() - initialTime;\n+            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true\n+            }\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end)\n+        };\n+        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n OpenLayers.Layer = OpenLayers.Class({\n     id: null,\n     name: null,\n     div: null,\n     opacity: 1,\n     alwaysInRange: null,\n     RESOLUTION_PROPERTIES: [\"scales\", \"resolutions\", \"maxScale\", \"minScale\", \"maxResolution\", \"minResolution\", \"numZoomLevels\", \"maxZoomLevel\"],\n@@ -7406,347 +7406,130 @@\n         if (geometry && this.multi) {\n             geometry = new OpenLayers.Geometry.MultiPolygon([geometry])\n         }\n         return geometry\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n });\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    sphericalMercator: false,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options)\n-        }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = \"\" + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url)\n-        }\n-        return OpenLayers.String.format(url, xyz)\n-    },\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = (x % limit + limit) % limit\n-        }\n-        return {\n-            x: x,\n-            y: y,\n-            z: z\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n-});\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    key: null,\n-    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n-    metadata: null,\n-    protocolRegex: /^http:/i,\n-    type: \"Road\",\n-    culture: \"en-US\",\n-    metadataParams: null,\n-    tileOptions: null,\n-    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n+OpenLayers.Control = OpenLayers.Class({\n+    id: null,\n+    map: null,\n+    div: null,\n+    type: null,\n+    allowSelection: false,\n+    displayClass: \"\",\n+    title: \"\",\n+    autoActivate: false,\n+    active: null,\n+    handlerOptions: null,\n+    handler: null,\n+    eventListeners: null,\n+    events: null,\n     initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options.tileOptions);\n-        this.loadMetadata()\n-    },\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script)\n-    },\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n+        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n+        OpenLayers.Util.extend(this, options);\n+        this.events = new OpenLayers.Events(this);\n+        if (this.eventListeners instanceof Object) {\n+            this.events.on(this.eventListeners)\n         }\n-        this.addOptions({\n-            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n-            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw()\n+        if (this.id == null) {\n+            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n         }\n-        this.updateAttribution()\n     },\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = \"0\";\n-            var mask = 1 << i - 1;\n-            if ((x & mask) != 0) {\n-                digit++\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++\n+    destroy: function() {\n+        if (this.events) {\n+            if (this.eventListeners) {\n+                this.events.un(this.eventListeners)\n             }\n-            quadDigits.push(digit)\n+            this.events.destroy();\n+            this.events = null\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl(\"\" + x + y + z, this.url);\n-        return OpenLayers.String.format(url, {\n-            quadkey: quadKey\n-        })\n-    },\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return\n+        this.eventListeners = null;\n+        if (this.handler) {\n+            this.handler.destroy();\n+            this.handler = null\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \"\n+        if (this.handlers) {\n+            for (var key in this.handlers) {\n+                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n+                    this.handlers[key].destroy()\n                 }\n             }\n+            this.handlers = null\n         }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        })\n-    },\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options)\n+        if (this.map) {\n+            this.map.removeControl(this);\n+            this.map = null\n         }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    destroy: function() {\n-        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined;\n-    delete this._callbackId\n-};\n-OpenLayers.Renderer = OpenLayers.Class({\n-    container: null,\n-    root: null,\n-    extent: null,\n-    locked: false,\n-    size: null,\n-    resolution: null,\n-    map: null,\n-    featureDx: 0,\n-    initialize: function(containerID, options) {\n-        this.container = OpenLayers.Util.getElement(containerID);\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    destroy: function() {\n-        this.container = null;\n-        this.extent = null;\n-        this.size = null;\n-        this.resolution = null;\n-        this.map = null\n-    },\n-    supported: function() {\n-        return false\n+        this.div = null\n     },\n-    setExtent: function(extent, resolutionChanged) {\n-        this.extent = extent.clone();\n-        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n-                extent = extent.scale(1 / ratio);\n-            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio)\n-        }\n-        if (resolutionChanged) {\n-            this.resolution = null\n+    setMap: function(map) {\n+        this.map = map;\n+        if (this.handler) {\n+            this.handler.setMap(map)\n         }\n-        return true\n-    },\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        this.resolution = null\n-    },\n-    getResolution: function() {\n-        this.resolution = this.resolution || this.map.getResolution();\n-        return this.resolution\n     },\n-    drawFeature: function(feature, style) {\n-        if (style == null) {\n-            style = feature.style\n-        }\n-        if (feature.geometry) {\n-            var bounds = feature.geometry.getBounds();\n-            if (bounds) {\n-                var worldBounds;\n-                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                    worldBounds = this.map.getMaxExtent()\n-                }\n-                if (!bounds.intersectsBounds(this.extent, {\n-                        worldBounds: worldBounds\n-                    })) {\n-                    style = {\n-                        display: \"none\"\n-                    }\n-                } else {\n-                    this.calculateFeatureDx(bounds, worldBounds)\n-                }\n-                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n-                if (style.display != \"none\" && style.label && rendered !== false) {\n-                    var location = feature.geometry.getCentroid();\n-                    if (style.labelXOffset || style.labelYOffset) {\n-                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n-                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n-                        var res = this.getResolution();\n-                        location.move(xOffset * res, yOffset * res)\n-                    }\n-                    this.drawText(feature.id, style, location)\n-                } else {\n-                    this.removeText(feature.id)\n-                }\n-                return rendered\n+    draw: function(px) {\n+        if (this.div == null) {\n+            this.div = OpenLayers.Util.createDiv(this.id);\n+            this.div.className = this.displayClass;\n+            if (!this.allowSelection) {\n+                this.div.className += \" olControlNoSelect\";\n+                this.div.setAttribute(\"unselectable\", \"on\", 0);\n+                this.div.onselectstart = OpenLayers.Function.False\n             }\n+            if (this.title != \"\") {\n+                this.div.title = this.title\n+            }\n+        }\n+        if (px != null) {\n+            this.position = px.clone()\n         }\n+        this.moveTo(this.position);\n+        return this.div\n     },\n-    calculateFeatureDx: function(bounds, worldBounds) {\n-        this.featureDx = 0;\n-        if (worldBounds) {\n-            var worldWidth = worldBounds.getWidth(),\n-                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n-                featureCenterX = (bounds.left + bounds.right) / 2,\n-                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n-            this.featureDx = worldsAway * worldWidth\n+    moveTo: function(px) {\n+        if (px != null && this.div != null) {\n+            this.div.style.left = px.x + \"px\";\n+            this.div.style.top = px.y + \"px\"\n         }\n     },\n-    drawGeometry: function(geometry, style, featureId) {},\n-    drawText: function(featureId, style, location) {},\n-    removeText: function(featureId) {},\n-    clear: function() {},\n-    getFeatureIdFromEvent: function(evt) {},\n-    eraseFeatures: function(features) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n+    activate: function() {\n+        if (this.active) {\n+            return false\n         }\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            var feature = features[i];\n-            this.eraseGeometry(feature.geometry, feature.id);\n-            this.removeText(feature.id)\n+        if (this.handler) {\n+            this.handler.activate()\n         }\n-    },\n-    eraseGeometry: function(geometry, featureId) {},\n-    moveRoot: function(renderer) {},\n-    getRenderLayerId: function() {\n-        return this.container.id\n-    },\n-    applyDefaultSymbolizer: function(symbolizer) {\n-        var result = OpenLayers.Util.extend({}, OpenLayers.Renderer.defaultSymbolizer);\n-        if (symbolizer.stroke === false) {\n-            delete result.strokeWidth;\n-            delete result.strokeColor\n+        this.active = true;\n+        if (this.map) {\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n         }\n-        if (symbolizer.fill === false) {\n-            delete result.fillColor\n+        this.events.triggerEvent(\"activate\");\n+        return true\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            if (this.handler) {\n+                this.handler.deactivate()\n+            }\n+            this.active = false;\n+            if (this.map) {\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n+            }\n+            this.events.triggerEvent(\"deactivate\");\n+            return true\n         }\n-        OpenLayers.Util.extend(result, symbolizer);\n-        return result\n+        return false\n     },\n-    CLASS_NAME: \"OpenLayers.Renderer\"\n+    CLASS_NAME: \"OpenLayers.Control\"\n });\n-OpenLayers.Renderer.defaultSymbolizer = {\n-    fillColor: \"#000000\",\n-    strokeColor: \"#000000\",\n-    strokeWidth: 2,\n-    fillOpacity: 1,\n-    strokeOpacity: 1,\n-    pointRadius: 0,\n-    labelAlign: \"cm\"\n-};\n-OpenLayers.Renderer.symbol = {\n-    star: [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301, 303, 215, 231, 161, 321, 161, 350, 75],\n-    cross: [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4, 4, 0],\n-    x: [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n-    square: [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n-    triangle: [0, 10, 10, 10, 5, 0, 0, 10]\n-};\n+OpenLayers.Control.TYPE_BUTTON = 1;\n+OpenLayers.Control.TYPE_TOGGLE = 2;\n+OpenLayers.Control.TYPE_TOOL = 3;\n OpenLayers.Feature = OpenLayers.Class({\n     layer: null,\n     id: null,\n     lonlat: null,\n     data: null,\n     marker: null,\n     popupClass: null,\n@@ -8012,1284 +7795,102 @@\n         labelOutlineColor: \"white\",\n         labelOutlineWidth: 3\n     },\n     delete: {\n         display: \"none\"\n     }\n };\n-OpenLayers.Style = OpenLayers.Class({\n-    id: null,\n-    name: null,\n-    title: null,\n-    description: null,\n-    layerName: null,\n-    isDefault: false,\n-    rules: null,\n-    context: null,\n-    defaultStyle: null,\n-    defaultsPerSymbolizer: false,\n-    propertyStyles: null,\n-    initialize: function(style, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.rules = [];\n-        if (options && options.rules) {\n-            this.addRules(options.rules)\n-        }\n-        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    destroy: function() {\n-        for (var i = 0, len = this.rules.length; i < len; i++) {\n-            this.rules[i].destroy();\n-            this.rules[i] = null\n-        }\n-        this.rules = null;\n-        this.defaultStyle = null\n-    },\n-    createSymbolizer: function(feature) {\n-        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n-        var rules = this.rules;\n-        var rule, context;\n-        var elseRules = [];\n-        var appliedRules = false;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            rule = rules[i];\n-            var applies = rule.evaluate(feature);\n-            if (applies) {\n-                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n-                    elseRules.push(rule)\n-                } else {\n-                    appliedRules = true;\n-                    this.applySymbolizer(rule, style, feature)\n-                }\n-            }\n-        }\n-        if (appliedRules == false && elseRules.length > 0) {\n-            appliedRules = true;\n-            for (var i = 0, len = elseRules.length; i < len; i++) {\n-                this.applySymbolizer(elseRules[i], style, feature)\n-            }\n-        }\n-        if (rules.length > 0 && appliedRules == false) {\n-            style.display = \"none\"\n-        }\n-        if (style.label != null && typeof style.label !== \"string\") {\n-            style.label = String(style.label)\n-        }\n-        return style\n-    },\n-    applySymbolizer: function(rule, style, feature) {\n-        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n-        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n-        if (this.defaultsPerSymbolizer === true) {\n-            var defaults = this.defaultStyle;\n-            OpenLayers.Util.applyDefaults(symbolizer, {\n-                pointRadius: defaults.pointRadius\n-            });\n-            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    strokeWidth: defaults.strokeWidth,\n-                    strokeColor: defaults.strokeColor,\n-                    strokeOpacity: defaults.strokeOpacity,\n-                    strokeDashstyle: defaults.strokeDashstyle,\n-                    strokeLinecap: defaults.strokeLinecap\n-                })\n-            }\n-            if (symbolizer.fill === true || symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    fillColor: defaults.fillColor,\n-                    fillOpacity: defaults.fillOpacity\n-                })\n-            }\n-            if (symbolizer.graphic === true) {\n-                OpenLayers.Util.applyDefaults(symbolizer, {\n-                    pointRadius: this.defaultStyle.pointRadius,\n-                    externalGraphic: this.defaultStyle.externalGraphic,\n-                    graphicName: this.defaultStyle.graphicName,\n-                    graphicOpacity: this.defaultStyle.graphicOpacity,\n-                    graphicWidth: this.defaultStyle.graphicWidth,\n-                    graphicHeight: this.defaultStyle.graphicHeight,\n-                    graphicXOffset: this.defaultStyle.graphicXOffset,\n-                    graphicYOffset: this.defaultStyle.graphicYOffset\n-                })\n-            }\n-        }\n-        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n-    },\n-    createLiterals: function(style, feature) {\n-        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n-        OpenLayers.Util.extend(context, this.context);\n-        for (var i in this.propertyStyles) {\n-            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n-        }\n-        return style\n-    },\n-    findPropertyStyles: function() {\n-        var propertyStyles = {};\n-        var style = this.defaultStyle;\n-        this.addPropertyStyles(propertyStyles, style);\n-        var rules = this.rules;\n-        var symbolizer, value;\n-        for (var i = 0, len = rules.length; i < len; i++) {\n-            symbolizer = rules[i].symbolizer;\n-            for (var key in symbolizer) {\n-                value = symbolizer[key];\n-                if (typeof value == \"object\") {\n-                    this.addPropertyStyles(propertyStyles, value)\n-                } else {\n-                    this.addPropertyStyles(propertyStyles, symbolizer);\n-                    break\n-                }\n-            }\n-        }\n-        return propertyStyles\n-    },\n-    addPropertyStyles: function(propertyStyles, symbolizer) {\n-        var property;\n-        for (var key in symbolizer) {\n-            property = symbolizer[key];\n-            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n-                propertyStyles[key] = true\n-            }\n-        }\n-        return propertyStyles\n-    },\n-    addRules: function(rules) {\n-        Array.prototype.push.apply(this.rules, rules);\n-        this.propertyStyles = this.findPropertyStyles()\n-    },\n-    setDefaultStyle: function(style) {\n-        this.defaultStyle = style;\n-        this.propertyStyles = this.findPropertyStyles()\n-    },\n-    getSymbolizerPrefix: function(geometry) {\n-        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-        for (var i = 0, len = prefixes.length; i < len; i++) {\n-            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n-                return prefixes[i]\n-            }\n-        }\n-    },\n-    clone: function() {\n-        var options = OpenLayers.Util.extend({}, this);\n-        if (this.rules) {\n-            options.rules = [];\n-            for (var i = 0, len = this.rules.length; i < len; ++i) {\n-                options.rules.push(this.rules[i].clone())\n-            }\n-        }\n-        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n-        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n-        return new OpenLayers.Style(defaultStyle, options)\n-    },\n-    CLASS_NAME: \"OpenLayers.Style\"\n-});\n-OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n-    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n-        value = OpenLayers.String.format(value, context, [feature, property]);\n-        value = isNaN(value) || !value ? value : parseFloat(value)\n-    }\n-    return value\n-};\n-OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n-OpenLayers.StyleMap = OpenLayers.Class({\n-    styles: null,\n-    extendDefault: true,\n-    initialize: function(style, options) {\n-        this.styles = {\n-            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n-            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n-            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n-            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n-        };\n-        if (style instanceof OpenLayers.Style) {\n-            this.styles[\"default\"] = style;\n-            this.styles[\"select\"] = style;\n-            this.styles[\"temporary\"] = style;\n-            this.styles[\"delete\"] = style\n-        } else if (typeof style == \"object\") {\n-            for (var key in style) {\n-                if (style[key] instanceof OpenLayers.Style) {\n-                    this.styles[key] = style[key]\n-                } else if (typeof style[key] == \"object\") {\n-                    this.styles[key] = new OpenLayers.Style(style[key])\n-                } else {\n-                    this.styles[\"default\"] = new OpenLayers.Style(style);\n-                    this.styles[\"select\"] = new OpenLayers.Style(style);\n-                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n-                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n-                    break\n-                }\n-            }\n-        }\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    destroy: function() {\n-        for (var key in this.styles) {\n-            this.styles[key].destroy()\n-        }\n-        this.styles = null\n-    },\n-    createSymbolizer: function(feature, intent) {\n-        if (!feature) {\n-            feature = new OpenLayers.Feature.Vector\n-        }\n-        if (!this.styles[intent]) {\n-            intent = \"default\"\n-        }\n-        feature.renderIntent = intent;\n-        var defaultSymbolizer = {};\n-        if (this.extendDefault && intent != \"default\") {\n-            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n-        }\n-        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n-    },\n-    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n-        var rules = [];\n-        for (var value in symbolizers) {\n-            rules.push(new OpenLayers.Rule({\n-                symbolizer: symbolizers[value],\n-                context: context,\n-                filter: new OpenLayers.Filter.Comparison({\n-                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n-                    property: property,\n-                    value: value\n-                })\n-            }))\n-        }\n-        this.styles[renderIntent].addRules(rules)\n-    },\n-    CLASS_NAME: \"OpenLayers.StyleMap\"\n-});\n-OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: false,\n-    isFixed: false,\n-    features: null,\n-    filter: null,\n-    selectedFeatures: null,\n-    unrenderedFeatures: null,\n-    reportError: true,\n-    style: null,\n-    styleMap: null,\n-    strategies: null,\n-    protocol: null,\n-    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n-    renderer: null,\n-    rendererOptions: null,\n-    geometryType: null,\n-    drawn: false,\n-    ratio: 1,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.assignRenderer()\n-        }\n-        if (!this.renderer || !this.renderer.supported()) {\n-            this.renderer = null;\n-            this.displayError()\n-        }\n-        if (!this.styleMap) {\n-            this.styleMap = new OpenLayers.StyleMap\n-        }\n-        this.features = [];\n-        this.selectedFeatures = [];\n-        this.unrenderedFeatures = {};\n-        if (this.strategies) {\n-            for (var i = 0, len = this.strategies.length; i < len; i++) {\n-                this.strategies[i].setLayer(this)\n-            }\n-        }\n-    },\n-    destroy: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoDestroy) {\n-                    strategy.destroy()\n-                }\n-            }\n-            this.strategies = null\n-        }\n-        if (this.protocol) {\n-            if (this.protocol.autoDestroy) {\n-                this.protocol.destroy()\n-            }\n-            this.protocol = null\n-        }\n-        this.destroyFeatures();\n-        this.features = null;\n-        this.selectedFeatures = null;\n-        this.unrenderedFeatures = null;\n-        if (this.renderer) {\n-            this.renderer.destroy()\n-        }\n-        this.renderer = null;\n-        this.geometryType = null;\n-        this.drawn = null;\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        var features = this.features;\n-        var len = features.length;\n-        var clonedFeatures = new Array(len);\n-        for (var i = 0; i < len; ++i) {\n-            clonedFeatures[i] = features[i].clone()\n-        }\n-        obj.features = clonedFeatures;\n-        return obj\n-    },\n-    refresh: function(obj) {\n-        if (this.calculateInRange() && this.visibility) {\n-            this.events.triggerEvent(\"refresh\", obj)\n-        }\n-    },\n-    assignRenderer: function() {\n-        for (var i = 0, len = this.renderers.length; i < len; i++) {\n-            var rendererClass = this.renderers[i];\n-            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n-            if (renderer && renderer.prototype.supported()) {\n-                this.renderer = new renderer(this.div, this.rendererOptions);\n-                break\n-            }\n-        }\n-    },\n-    displayError: function() {\n-        if (this.reportError) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n-                renderers: this.renderers.join(\"\\n\")\n-            }))\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n-        if (!this.renderer) {\n-            this.map.removeLayer(this)\n-        } else {\n-            this.renderer.map = this.map;\n-            var newSize = this.map.getSize();\n-            newSize.w = newSize.w * this.ratio;\n-            newSize.h = newSize.h * this.ratio;\n-            this.renderer.setSize(newSize)\n-        }\n-    },\n-    afterAdd: function() {\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.activate()\n-                }\n-            }\n-        }\n-    },\n-    removeMap: function(map) {\n-        this.drawn = false;\n-        if (this.strategies) {\n-            var strategy, i, len;\n-            for (i = 0, len = this.strategies.length; i < len; i++) {\n-                strategy = this.strategies[i];\n-                if (strategy.autoActivate) {\n-                    strategy.deactivate()\n-                }\n-            }\n-        }\n-    },\n-    onMapResize: function() {\n-        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n-        var newSize = this.map.getSize();\n-        newSize.w = newSize.w * this.ratio;\n-        newSize.h = newSize.h * this.ratio;\n-        this.renderer.setSize(newSize)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        var coordSysUnchanged = true;\n-        if (!dragging) {\n-            this.renderer.root.style.visibility = \"hidden\";\n-            var viewSize = this.map.getSize(),\n-                viewWidth = viewSize.w,\n-                viewHeight = viewSize.h,\n-                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n-                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n-            offsetLeft += this.map.layerContainerOriginPx.x;\n-            offsetLeft = -Math.round(offsetLeft);\n-            offsetTop += this.map.layerContainerOriginPx.y;\n-            offsetTop = -Math.round(offsetTop);\n-            this.div.style.left = offsetLeft + \"px\";\n-            this.div.style.top = offsetTop + \"px\";\n-            var extent = this.map.getExtent().scale(this.ratio);\n-            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n-            this.renderer.root.style.visibility = \"visible\";\n-            if (OpenLayers.IS_GECKO === true) {\n-                this.div.scrollLeft = this.div.scrollLeft\n-            }\n-            if (!zoomChanged && coordSysUnchanged) {\n-                for (var i in this.unrenderedFeatures) {\n-                    var feature = this.unrenderedFeatures[i];\n-                    this.drawFeature(feature)\n-                }\n-            }\n-        }\n-        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n-            this.drawn = true;\n-            var feature;\n-            for (var i = 0, len = this.features.length; i < len; i++) {\n-                this.renderer.locked = i !== len - 1;\n-                feature = this.features[i];\n-                this.drawFeature(feature)\n-            }\n-        }\n-    },\n-    display: function(display) {\n-        OpenLayers.Layer.prototype.display.apply(this, arguments);\n-        var currentDisplay = this.div.style.display;\n-        if (currentDisplay != this.renderer.root.style.display) {\n-            this.renderer.root.style.display = currentDisplay\n-        }\n-    },\n-    addFeatures: function(features, options) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            var event = {\n-                features: features\n-            };\n-            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n-            if (ret === false) {\n-                return\n-            }\n-            features = event.features\n-        }\n-        var featuresAdded = [];\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            if (i != features.length - 1) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n-                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n-            }\n-            feature.layer = this;\n-            if (!feature.style && this.style) {\n-                feature.style = OpenLayers.Util.extend({}, this.style)\n-            }\n-            if (notify) {\n-                if (this.events.triggerEvent(\"beforefeatureadded\", {\n-                        feature: feature\n-                    }) === false) {\n-                    continue\n-                }\n-                this.preFeatureInsert(feature)\n-            }\n-            featuresAdded.push(feature);\n-            this.features.push(feature);\n-            this.drawFeature(feature);\n-            if (notify) {\n-                this.events.triggerEvent(\"featureadded\", {\n-                    feature: feature\n-                });\n-                this.onFeatureInsert(feature)\n-            }\n-        }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresadded\", {\n-                features: featuresAdded\n-            })\n-        }\n-    },\n-    removeFeatures: function(features, options) {\n-        if (!features || features.length === 0) {\n-            return\n-        }\n-        if (features === this.features) {\n-            return this.removeAllFeatures(options)\n-        }\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        if (features === this.selectedFeatures) {\n-            features = features.slice()\n-        }\n-        var notify = !options || !options.silent;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n-        }\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            if (i != 0 && features[i - 1].geometry) {\n-                this.renderer.locked = true\n-            } else {\n-                this.renderer.locked = false\n-            }\n-            var feature = features[i];\n-            delete this.unrenderedFeatures[feature.id];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n+    layer: null,\n+    callbacks: null,\n+    multi: false,\n+    featureAdded: function() {},\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+            done: this.drawFeature,\n+            modify: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchmodified\", {\n+                    vertex: vertex,\n                     feature: feature\n                 })\n-            }\n-            this.features = OpenLayers.Util.removeItem(this.features, feature);\n-            feature.layer = null;\n-            if (feature.geometry) {\n-                this.renderer.eraseFeatures(feature)\n-            }\n-            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n-                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n-            }\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n+            },\n+            create: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchstarted\", {\n+                    vertex: vertex,\n                     feature: feature\n                 })\n             }\n+        }, this.callbacks);\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+            renderers: layer.renderers,\n+            rendererOptions: layer.rendererOptions\n+        });\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi\n         }\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n-            })\n-        }\n-    },\n-    removeAllFeatures: function(options) {\n-        var notify = !options || !options.silent;\n-        var features = this.features;\n-        if (notify) {\n-            this.events.triggerEvent(\"beforefeaturesremoved\", {\n-                features: features\n-            })\n-        }\n-        var feature;\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            feature = features[i];\n-            if (notify) {\n-                this.events.triggerEvent(\"beforefeatureremoved\", {\n-                    feature: feature\n-                })\n-            }\n-            feature.layer = null;\n-            if (notify) {\n-                this.events.triggerEvent(\"featureremoved\", {\n-                    feature: feature\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+                styleMap: new OpenLayers.StyleMap({\n+                    default: sketchStyle\n                 })\n-            }\n-        }\n-        this.renderer.clear();\n-        this.features = [];\n-        this.unrenderedFeatures = {};\n-        this.selectedFeatures = [];\n-        if (notify) {\n-            this.events.triggerEvent(\"featuresremoved\", {\n-                features: features\n             })\n         }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n     },\n-    destroyFeatures: function(features, options) {\n-        var all = features == undefined;\n-        if (all) {\n-            features = this.features\n-        }\n-        if (features) {\n-            this.removeFeatures(features, options);\n-            for (var i = features.length - 1; i >= 0; i--) {\n-                features[i].destroy()\n-            }\n-        }\n-    },\n-    drawFeature: function(feature, style) {\n-        if (!this.drawn) {\n-            return\n-        }\n-        if (typeof style != \"object\") {\n-            if (!style && feature.state === OpenLayers.State.DELETE) {\n-                style = \"delete\"\n-            }\n-            var renderIntent = style || feature.renderIntent;\n-            style = feature.style || this.style;\n-            if (!style) {\n-                style = this.styleMap.createSymbolizer(feature, renderIntent)\n-            }\n-        }\n-        var drawn = this.renderer.drawFeature(feature, style);\n-        if (drawn === false || drawn === null) {\n-            this.unrenderedFeatures[feature.id] = feature\n-        } else {\n-            delete this.unrenderedFeatures[feature.id]\n-        }\n-    },\n-    eraseFeatures: function(features) {\n-        this.renderer.eraseFeatures(features)\n-    },\n-    getFeatureFromEvent: function(evt) {\n-        if (!this.renderer) {\n-            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n-        }\n-        var feature = null;\n-        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n-        if (featureId) {\n-            if (typeof featureId === \"string\") {\n-                feature = this.getFeatureById(featureId)\n-            } else {\n-                feature = featureId\n-            }\n-        }\n-        return feature\n-    },\n-    getFeatureBy: function(property, value) {\n-        var feature = null;\n-        for (var i = 0, len = this.features.length; i < len; ++i) {\n-            if (this.features[i][property] == value) {\n-                feature = this.features[i];\n-                break\n-            }\n-        }\n-        return feature\n-    },\n-    getFeatureById: function(featureId) {\n-        return this.getFeatureBy(\"id\", featureId)\n-    },\n-    getFeatureByFid: function(featureFid) {\n-        return this.getFeatureBy(\"fid\", featureFid)\n-    },\n-    getFeaturesByAttribute: function(attrName, attrValue) {\n-        var i, feature, len = this.features.length,\n-            foundFeatures = [];\n-        for (i = 0; i < len; i++) {\n-            feature = this.features[i];\n-            if (feature && feature.attributes) {\n-                if (feature.attributes[attrName] === attrValue) {\n-                    foundFeatures.push(feature)\n-                }\n-            }\n-        }\n-        return foundFeatures\n-    },\n-    onFeatureInsert: function(feature) {},\n-    preFeatureInsert: function(feature) {},\n-    getDataExtent: function() {\n-        var maxExtent = null;\n-        var features = this.features;\n-        if (features && features.length > 0) {\n-            var geometry = null;\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                geometry = features[i].geometry;\n-                if (geometry) {\n-                    if (maxExtent === null) {\n-                        maxExtent = new OpenLayers.Bounds\n-                    }\n-                    maxExtent.extend(geometry.getBounds())\n-                }\n-            }\n-        }\n-        return maxExtent\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n-});\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    name: \"OpenStreetMap\",\n-    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n-    sphericalMercator: true,\n-    wrapDateLine: true,\n-    tileOptions: null,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options && this.options.tileOptions)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        service: \"WMS\",\n-        version: \"1.1.1\",\n-        request: \"GetMap\",\n-        styles: \"\",\n-        format: \"image/jpeg\"\n-    },\n-    isBaseLayer: true,\n-    encodeBBOX: false,\n-    noMagic: false,\n-    yx: {},\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n-            params.EXCEPTIONS = \"INIMAGE\"\n-        }\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n-        if (!this.noMagic && this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-            if (options == null || !options.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.params.FORMAT == \"image/jpeg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n-            }\n-        }\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMS(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    reverseAxisOrder: function() {\n-        var projCode = this.projection.getCode();\n-        return parseFloat(this.params.VERSION) >= 1.3 && !!(this.yx[projCode] || OpenLayers.Projection.defaults[projCode] && OpenLayers.Projection.defaults[projCode].yx)\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var imageSize = this.getImageSize();\n-        var newParams = {};\n-        var reverseAxisOrder = this.reverseAxisOrder();\n-        newParams.BBOX = this.encodeBBOX ? bounds.toBBOX(null, reverseAxisOrder) : bounds.toArray(reverseAxisOrder);\n-        newParams.WIDTH = imageSize.w;\n-        newParams.HEIGHT = imageSize.h;\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString\n-    },\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n-    },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var mapProjection = this.map.getProjectionObject();\n-        var projectionCode = this.projection && this.projection.equals(mapProjection) ? this.projection.getCode() : mapProjection.getCode();\n-        var value = projectionCode == \"none\" ? null : projectionCode;\n-        if (parseFloat(this.params.VERSION) >= 1.3) {\n-            this.params.CRS = value\n-        } else {\n-            this.params.SRS = value\n-        }\n-        if (typeof this.params.TRANSPARENT == \"boolean\") {\n-            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\"\n-        }\n-        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n-});\n-OpenLayers.Control = OpenLayers.Class({\n-    id: null,\n-    map: null,\n-    div: null,\n-    type: null,\n-    allowSelection: false,\n-    displayClass: \"\",\n-    title: \"\",\n-    autoActivate: false,\n-    active: null,\n-    handlerOptions: null,\n-    handler: null,\n-    eventListeners: null,\n-    events: null,\n-    initialize: function(options) {\n-        this.displayClass = this.CLASS_NAME.replace(\"OpenLayers.\", \"ol\").replace(/\\./g, \"\");\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        if (this.eventListeners instanceof Object) {\n-            this.events.on(this.eventListeners)\n-        }\n-        if (this.id == null) {\n-            this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-        }\n-    },\n-    destroy: function() {\n-        if (this.events) {\n-            if (this.eventListeners) {\n-                this.events.un(this.eventListeners)\n-            }\n-            this.events.destroy();\n-            this.events = null\n-        }\n-        this.eventListeners = null;\n-        if (this.handler) {\n-            this.handler.destroy();\n-            this.handler = null\n-        }\n-        if (this.handlers) {\n-            for (var key in this.handlers) {\n-                if (this.handlers.hasOwnProperty(key) && typeof this.handlers[key].destroy == \"function\") {\n-                    this.handlers[key].destroy()\n-                }\n-            }\n-            this.handlers = null\n-        }\n-        if (this.map) {\n-            this.map.removeControl(this);\n-            this.map = null\n-        }\n-        this.div = null\n-    },\n-    setMap: function(map) {\n-        this.map = map;\n-        if (this.handler) {\n-            this.handler.setMap(map)\n-        }\n-    },\n-    draw: function(px) {\n-        if (this.div == null) {\n-            this.div = OpenLayers.Util.createDiv(this.id);\n-            this.div.className = this.displayClass;\n-            if (!this.allowSelection) {\n-                this.div.className += \" olControlNoSelect\";\n-                this.div.setAttribute(\"unselectable\", \"on\", 0);\n-                this.div.onselectstart = OpenLayers.Function.False\n-            }\n-            if (this.title != \"\") {\n-                this.div.title = this.title\n-            }\n-        }\n-        if (px != null) {\n-            this.position = px.clone()\n-        }\n-        this.moveTo(this.position);\n-        return this.div\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.div != null) {\n-            this.div.style.left = px.x + \"px\";\n-            this.div.style.top = px.y + \"px\"\n-        }\n-    },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n-        }\n-        if (this.handler) {\n-            this.handler.activate()\n-        }\n-        this.active = true;\n-        if (this.map) {\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n-        }\n-        this.events.triggerEvent(\"activate\");\n-        return true\n-    },\n-    deactivate: function() {\n-        if (this.active) {\n-            if (this.handler) {\n-                this.handler.deactivate()\n-            }\n-            this.active = false;\n-            if (this.map) {\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass.replace(/ /g, \"\") + \"Active\")\n-            }\n-            this.events.triggerEvent(\"deactivate\");\n-            return true\n-        }\n-        return false\n-    },\n-    CLASS_NAME: \"OpenLayers.Control\"\n-});\n-OpenLayers.Control.TYPE_BUTTON = 1;\n-OpenLayers.Control.TYPE_TOGGLE = 2;\n-OpenLayers.Control.TYPE_TOOL = 3;\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-    geolocation: null,\n-    available: \"geolocation\" in navigator,\n-    bind: true,\n-    watch: false,\n-    geolocationOptions: null,\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            this.geolocation = navigator.geolocation\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false\n-        }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n-            } else {\n-                this.getCurrentLocation()\n-            }\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId)\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n-        if (this.bind) {\n-            this.map.setCenter(center)\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n-        })\n-    },\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false\n-        }\n-        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n-        return true\n-    },\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        })\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n-});\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-    target: null,\n-    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n-    startRegEx: /^mousedown|touchstart$/,\n-    cancelRegEx: /^touchmove$/,\n-    completeRegEx: /^mouseup|touchend$/,\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n+            feature: feature\n+        });\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n             })\n         }\n     },\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick)\n-        }\n-        delete this.target\n-    },\n-    getPressedButton: function(element) {\n-        var depth = 3,\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                button = element;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return button\n-    },\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === \"a\") {\n-                ignore = true;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return ignore\n-    },\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        })\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt\n-            }\n-        }\n-        return propagate\n-    }\n-});\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n-    controls: null,\n-    autoActivate: true,\n-    defaultControl: null,\n-    saveState: false,\n-    allowDepress: false,\n-    activeState: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {}\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                })\n-            }\n-            ctl.panel_div = null\n-        }\n-        this.activeState = null\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n-                    control.activate()\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate()\n-            }\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div\n-    },\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i])\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div)\n-            }\n-        }\n-    },\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate()\n-            } else {\n-                control.activate()\n-            }\n-            return\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate()\n-        } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate()\n-                }\n-            }\n-            control.activate()\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y)\n         }\n     },\n-    addControls: function(controls) {\n-        if (!OpenLayers.Util.isArray(controls)) {\n-            controls = [controls]\n-        }\n-        this.controls = this.controls.concat(controls);\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title\n-            }\n-            control.panel_div = element\n-        }\n-        if (this.map) {\n-            this.addControlsToMap(controls);\n-            this.redraw()\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy)\n         }\n     },\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\")\n-    },\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate()\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            })\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length)\n         }\n     },\n-    iconOn: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\")\n-    },\n-    iconOff: function() {\n-        var d = this.panel_div;\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\")\n-    },\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break\n-            }\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length)\n         }\n     },\n-    getControlsBy: function(property, match) {\n-        var test = typeof match.test == \"function\";\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || test && match.test(item[property])\n-        });\n-        return found\n-    },\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match)\n-    },\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match)\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo()\n     },\n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n-});\n-OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n-    separator: \", \",\n-    template: \"${layers}\",\n-    destroy: function() {\n-        this.map.events.un({\n-            removelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            changebaselayer: this.updateAttribution,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo()\n     },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            removelayer: this.updateAttribution,\n-            scope: this\n-        });\n-        this.updateAttribution();\n-        return this.div\n+    finishSketch: function() {\n+        this.handler.finishGeometry()\n     },\n-    updateAttribution: function() {\n-        var attributions = [];\n-        if (this.map && this.map.layers) {\n-            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                if (layer.attribution && layer.getVisibility()) {\n-                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n-                        attributions.push(layer.attribution)\n-                    }\n-                }\n-            }\n-            this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                layers: attributions.join(this.separator)\n-            })\n-        }\n+    cancel: function() {\n+        this.handler.cancel()\n     },\n-    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n });\n OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n     started: false,\n     stopDown: true,\n     dragging: false,\n     last: null,\n     start: null,\n@@ -9478,550 +8079,14 @@\n         OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n         this.documentEvents = false;\n         OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n         OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Drag\"\n });\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    panned: false,\n-    interval: 0,\n-    documentDrag: false,\n-    kinetic: null,\n-    enableKinetic: true,\n-    kineticInterval: 10,\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic)\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config)\n-        }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            move: this.panMap,\n-            done: this.panMapDone,\n-            down: this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        })\n-    },\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin()\n-        }\n-    },\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy)\n-        }\n-        this.panned = true;\n-        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-            dragging: true,\n-            animate: false\n-        })\n-    },\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy)\n-            }\n-            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n-                dragging: !!res,\n-                animate: false\n-            });\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    })\n-                })\n-            }\n-            this.panned = false\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n-});\n-OpenLayers.Handler.Pinch = OpenLayers.Class(OpenLayers.Handler, {\n-    started: false,\n-    stopDown: false,\n-    pinching: false,\n-    last: null,\n-    start: null,\n-    touchstart: function(evt) {\n-        var propagate = true;\n-        this.pinching = false;\n-        if (OpenLayers.Event.isMultiTouch(evt)) {\n-            this.started = true;\n-            this.last = this.start = {\n-                distance: this.getDistance(evt.touches),\n-                delta: 0,\n-                scale: 1\n-            };\n-            this.callback(\"start\", [evt, this.start]);\n-            propagate = !this.stopDown\n-        } else if (this.started) {\n-            return false\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null\n-        }\n-        OpenLayers.Event.preventDefault(evt);\n-        return propagate\n-    },\n-    touchmove: function(evt) {\n-        if (this.started && OpenLayers.Event.isMultiTouch(evt)) {\n-            this.pinching = true;\n-            var current = this.getPinchData(evt);\n-            this.callback(\"move\", [evt, current]);\n-            this.last = current;\n-            OpenLayers.Event.stop(evt)\n-        } else if (this.started) {\n-            return false\n-        }\n-        return true\n-    },\n-    touchend: function(evt) {\n-        if (this.started && !OpenLayers.Event.isMultiTouch(evt)) {\n-            this.started = false;\n-            this.pinching = false;\n-            this.callback(\"done\", [evt, this.start, this.last]);\n-            this.start = null;\n-            this.last = null;\n-            return false\n-        }\n-        return true\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.pinching = false;\n-            activated = true\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.pinching = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    getDistance: function(touches) {\n-        var t0 = touches[0];\n-        var t1 = touches[1];\n-        return Math.sqrt(Math.pow(t0.olClientX - t1.olClientX, 2) + Math.pow(t0.olClientY - t1.olClientY, 2))\n-    },\n-    getPinchData: function(evt) {\n-        var distance = this.getDistance(evt.touches);\n-        var scale = distance / this.start.distance;\n-        return {\n-            distance: distance,\n-            delta: this.last.distance - distance,\n-            scale: scale\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Pinch\"\n-});\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    pinchOrigin: null,\n-    currentCenter: null,\n-    autoActivate: true,\n-    preserveCenter: false,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions)\n-    },\n-    pinchStart: function(evt, pinchData) {\n-        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy\n-    },\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current\n-    },\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n-            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n-            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n-            this.map.setCenter(location, zoom)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n-});\n-OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n-    delay: 300,\n-    single: true,\n-    double: false,\n-    pixelTolerance: 0,\n-    dblclickTolerance: 13,\n-    stopSingle: false,\n-    stopDouble: false,\n-    timerId: null,\n-    down: null,\n-    last: null,\n-    first: null,\n-    rightclickTimerId: null,\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    touchmove: function(evt) {\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    touchend: function(evt) {\n-        if (this.down) {\n-            evt.xy = this.last.xy;\n-            evt.lastTouches = this.last.touches;\n-            this.handleSingle(evt);\n-            this.down = null\n-        }\n-        return true\n-    },\n-    mousedown: function(evt) {\n-        this.down = this.getEventInfo(evt);\n-        this.last = this.getEventInfo(evt);\n-        return true\n-    },\n-    mouseup: function(evt) {\n-        var propagate = true;\n-        if (this.checkModifiers(evt) && this.control.handleRightClicks && OpenLayers.Event.isRightClick(evt)) {\n-            propagate = this.rightclick(evt)\n-        }\n-        return propagate\n-    },\n-    rightclick: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.rightclickTimerId != null) {\n-                this.clearTimer();\n-                this.callback(\"dblrightclick\", [evt]);\n-                return !this.stopDouble\n-            } else {\n-                var clickEvent = this[\"double\"] ? OpenLayers.Util.extend({}, evt) : this.callback(\"rightclick\", [evt]);\n-                var delayedRightCall = OpenLayers.Function.bind(this.delayedRightCall, this, clickEvent);\n-                this.rightclickTimerId = window.setTimeout(delayedRightCall, this.delay)\n-            }\n-        }\n-        return !this.stopSingle\n-    },\n-    delayedRightCall: function(evt) {\n-        this.rightclickTimerId = null;\n-        if (evt) {\n-            this.callback(\"rightclick\", [evt])\n-        }\n-    },\n-    click: function(evt) {\n-        if (!this.last) {\n-            this.last = this.getEventInfo(evt)\n-        }\n-        this.handleSingle(evt);\n-        return !this.stopSingle\n-    },\n-    dblclick: function(evt) {\n-        this.handleDouble(evt);\n-        return !this.stopDouble\n-    },\n-    handleDouble: function(evt) {\n-        if (this.passesDblclickTolerance(evt)) {\n-            if (this[\"double\"]) {\n-                this.callback(\"dblclick\", [evt])\n-            }\n-            this.clearTimer()\n-        }\n-    },\n-    handleSingle: function(evt) {\n-        if (this.passesTolerance(evt)) {\n-            if (this.timerId != null) {\n-                if (this.last.touches && this.last.touches.length === 1) {\n-                    if (this[\"double\"]) {\n-                        OpenLayers.Event.preventDefault(evt)\n-                    }\n-                    this.handleDouble(evt)\n-                }\n-                if (!this.last.touches || this.last.touches.length !== 2) {\n-                    this.clearTimer()\n-                }\n-            } else {\n-                this.first = this.getEventInfo(evt);\n-                var clickEvent = this.single ? OpenLayers.Util.extend({}, evt) : null;\n-                this.queuePotentialClick(clickEvent)\n-            }\n-        }\n-    },\n-    queuePotentialClick: function(evt) {\n-        this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n-    },\n-    passesTolerance: function(evt) {\n-        var passes = true;\n-        if (this.pixelTolerance != null && this.down && this.down.xy) {\n-            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n-            if (passes && this.touch && this.down.touches.length === this.last.touches.length) {\n-                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n-                    if (this.getTouchDistance(this.down.touches[i], this.last.touches[i]) > this.pixelTolerance) {\n-                        passes = false;\n-                        break\n-                    }\n-                }\n-            }\n-        }\n-        return passes\n-    },\n-    getTouchDistance: function(from, to) {\n-        return Math.sqrt(Math.pow(from.clientX - to.clientX, 2) + Math.pow(from.clientY - to.clientY, 2))\n-    },\n-    passesDblclickTolerance: function(evt) {\n-        var passes = true;\n-        if (this.down && this.first) {\n-            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance\n-        }\n-        return passes\n-    },\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null\n-        }\n-        if (this.rightclickTimerId != null) {\n-            window.clearTimeout(this.rightclickTimerId);\n-            this.rightclickTimerId = null\n-        }\n-    },\n-    delayedCall: function(evt) {\n-        this.timerId = null;\n-        if (evt) {\n-            this.callback(\"click\", [evt])\n-        }\n-    },\n-    getEventInfo: function(evt) {\n-        var touches;\n-        if (evt.touches) {\n-            var len = evt.touches.length;\n-            touches = new Array(len);\n-            var touch;\n-            for (var i = 0; i < len; i++) {\n-                touch = evt.touches[i];\n-                touches[i] = {\n-                    clientX: touch.olClientX,\n-                    clientY: touch.olClientY\n-                }\n-            }\n-        }\n-        return {\n-            xy: evt.xy,\n-            touches: touches\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n-            this.down = null;\n-            this.first = null;\n-            this.last = null;\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Click\"\n-});\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n-    dragPan: null,\n-    dragPanOptions: null,\n-    pinchZoom: null,\n-    pinchZoomOptions: null,\n-    clickHandlerOptions: null,\n-    documentDrag: false,\n-    autoActivate: true,\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy()\n-        }\n-        this.dragPan = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true\n-        }\n-        return false\n-    },\n-    draw: function() {\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n-        };\n-        var clickOptions = OpenLayers.Util.extend({\n-            double: true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n-        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n-        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n-            map: this.map,\n-            documentDrag: this.documentDrag\n-        }, this.dragPanOptions));\n-        this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-            map: this.map\n-        }, this.pinchZoomOptions))\n-    },\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n-});\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n-    layer: null,\n-    callbacks: null,\n-    multi: false,\n-    featureAdded: function() {},\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-            done: this.drawFeature,\n-            modify: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchmodified\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            },\n-            create: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchstarted\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            }\n-        }, this.callbacks);\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-            renderers: layer.renderers,\n-            rendererOptions: layer.rendererOptions\n-        });\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi\n-        }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-                styleMap: new OpenLayers.StyleMap({\n-                    default: sketchStyle\n-                })\n-            })\n-        }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n-    },\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n-            feature: feature\n-        });\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n-            })\n-        }\n-    },\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y)\n-        }\n-    },\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy)\n-        }\n-    },\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length)\n-        }\n-    },\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length)\n-        }\n-    },\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo()\n-    },\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo()\n-    },\n-    finishSketch: function() {\n-        this.handler.finishGeometry()\n-    },\n-    cancel: function() {\n-        this.handler.cancel()\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n-});\n OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n     KEY_EVENTS: [\"keydown\", \"keyup\"],\n     eventListener: null,\n     observeElement: null,\n     initialize: function(control, callbacks, options) {\n         OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n         this.eventListener = OpenLayers.Function.bindAsEventListener(this.handleKeyEvent, this)\n@@ -10513,14 +8578,110 @@\n     },\n     CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n });\n OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n OpenLayers.Control.ModifyFeature.RESIZE = 2;\n OpenLayers.Control.ModifyFeature.ROTATE = 4;\n OpenLayers.Control.ModifyFeature.DRAG = 8;\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n+    target: null,\n+    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n+    startRegEx: /^mousedown|touchstart$/,\n+    cancelRegEx: /^touchmove$/,\n+    completeRegEx: /^mouseup|touchend$/,\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            })\n+        }\n+    },\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick)\n+        }\n+        delete this.target\n+    },\n+    getPressedButton: function(element) {\n+        var depth = 3,\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                button = element;\n+                break\n+            }\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return button\n+    },\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === \"a\") {\n+                ignore = true;\n+                break\n+            }\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return ignore\n+    },\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        })\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n+                }\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n+                }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt\n+            }\n+        }\n+        return propagate\n+    }\n+});\n OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n     zoomInText: \"+\",\n     zoomInId: \"olZoomInLink\",\n     zoomOutText: \"\u2212\",\n     zoomOutId: \"olZoomOutLink\",\n     draw: function() {\n         var div = OpenLayers.Control.prototype.draw.apply(this),\n@@ -10753,14 +8914,830 @@\n             this.layer.setZIndex(index)\n         } else {\n             this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n+OpenLayers.Renderer = OpenLayers.Class({\n+    container: null,\n+    root: null,\n+    extent: null,\n+    locked: false,\n+    size: null,\n+    resolution: null,\n+    map: null,\n+    featureDx: 0,\n+    initialize: function(containerID, options) {\n+        this.container = OpenLayers.Util.getElement(containerID);\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    destroy: function() {\n+        this.container = null;\n+        this.extent = null;\n+        this.size = null;\n+        this.resolution = null;\n+        this.map = null\n+    },\n+    supported: function() {\n+        return false\n+    },\n+    setExtent: function(extent, resolutionChanged) {\n+        this.extent = extent.clone();\n+        if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+            var ratio = extent.getWidth() / this.map.getExtent().getWidth(),\n+                extent = extent.scale(1 / ratio);\n+            this.extent = extent.wrapDateLine(this.map.getMaxExtent()).scale(ratio)\n+        }\n+        if (resolutionChanged) {\n+            this.resolution = null\n+        }\n+        return true\n+    },\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        this.resolution = null\n+    },\n+    getResolution: function() {\n+        this.resolution = this.resolution || this.map.getResolution();\n+        return this.resolution\n+    },\n+    drawFeature: function(feature, style) {\n+        if (style == null) {\n+            style = feature.style\n+        }\n+        if (feature.geometry) {\n+            var bounds = feature.geometry.getBounds();\n+            if (bounds) {\n+                var worldBounds;\n+                if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                    worldBounds = this.map.getMaxExtent()\n+                }\n+                if (!bounds.intersectsBounds(this.extent, {\n+                        worldBounds: worldBounds\n+                    })) {\n+                    style = {\n+                        display: \"none\"\n+                    }\n+                } else {\n+                    this.calculateFeatureDx(bounds, worldBounds)\n+                }\n+                var rendered = this.drawGeometry(feature.geometry, style, feature.id);\n+                if (style.display != \"none\" && style.label && rendered !== false) {\n+                    var location = feature.geometry.getCentroid();\n+                    if (style.labelXOffset || style.labelYOffset) {\n+                        var xOffset = isNaN(style.labelXOffset) ? 0 : style.labelXOffset;\n+                        var yOffset = isNaN(style.labelYOffset) ? 0 : style.labelYOffset;\n+                        var res = this.getResolution();\n+                        location.move(xOffset * res, yOffset * res)\n+                    }\n+                    this.drawText(feature.id, style, location)\n+                } else {\n+                    this.removeText(feature.id)\n+                }\n+                return rendered\n+            }\n+        }\n+    },\n+    calculateFeatureDx: function(bounds, worldBounds) {\n+        this.featureDx = 0;\n+        if (worldBounds) {\n+            var worldWidth = worldBounds.getWidth(),\n+                rendererCenterX = (this.extent.left + this.extent.right) / 2,\n+                featureCenterX = (bounds.left + bounds.right) / 2,\n+                worldsAway = Math.round((featureCenterX - rendererCenterX) / worldWidth);\n+            this.featureDx = worldsAway * worldWidth\n+        }\n+    },\n+    drawGeometry: function(geometry, style, featureId) {},\n+    drawText: function(featureId, style, location) {},\n+    removeText: function(featureId) {},\n+    clear: function() {},\n+    getFeatureIdFromEvent: function(evt) {},\n+    eraseFeatures: function(features) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            var feature = features[i];\n+            this.eraseGeometry(feature.geometry, feature.id);\n+            this.removeText(feature.id)\n+        }\n+    },\n+    eraseGeometry: function(geometry, featureId) {},\n+    moveRoot: function(renderer) {},\n+    getRenderLayerId: function() {\n+        return this.container.id\n+    },\n+    applyDefaultSymbolizer: function(symbolizer) {\n+        var result = OpenLayers.Util.extend({}, OpenLayers.Renderer.defaultSymbolizer);\n+        if (symbolizer.stroke === false) {\n+            delete result.strokeWidth;\n+            delete result.strokeColor\n+        }\n+        if (symbolizer.fill === false) {\n+            delete result.fillColor\n+        }\n+        OpenLayers.Util.extend(result, symbolizer);\n+        return result\n+    },\n+    CLASS_NAME: \"OpenLayers.Renderer\"\n+});\n+OpenLayers.Renderer.defaultSymbolizer = {\n+    fillColor: \"#000000\",\n+    strokeColor: \"#000000\",\n+    strokeWidth: 2,\n+    fillOpacity: 1,\n+    strokeOpacity: 1,\n+    pointRadius: 0,\n+    labelAlign: \"cm\"\n+};\n+OpenLayers.Renderer.symbol = {\n+    star: [350, 75, 379, 161, 469, 161, 397, 215, 423, 301, 350, 250, 277, 301, 303, 215, 231, 161, 321, 161, 350, 75],\n+    cross: [4, 0, 6, 0, 6, 4, 10, 4, 10, 6, 6, 6, 6, 10, 4, 10, 4, 6, 0, 6, 0, 4, 4, 4, 4, 0],\n+    x: [0, 0, 25, 0, 50, 35, 75, 0, 100, 0, 65, 50, 100, 100, 75, 100, 50, 65, 25, 100, 0, 100, 35, 50, 0, 0],\n+    square: [0, 0, 0, 1, 1, 1, 1, 0, 0, 0],\n+    triangle: [0, 10, 10, 10, 5, 0, 0, 10]\n+};\n+OpenLayers.Style = OpenLayers.Class({\n+    id: null,\n+    name: null,\n+    title: null,\n+    description: null,\n+    layerName: null,\n+    isDefault: false,\n+    rules: null,\n+    context: null,\n+    defaultStyle: null,\n+    defaultsPerSymbolizer: false,\n+    propertyStyles: null,\n+    initialize: function(style, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.rules = [];\n+        if (options && options.rules) {\n+            this.addRules(options.rules)\n+        }\n+        this.setDefaultStyle(style || OpenLayers.Feature.Vector.style[\"default\"]);\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n+    },\n+    destroy: function() {\n+        for (var i = 0, len = this.rules.length; i < len; i++) {\n+            this.rules[i].destroy();\n+            this.rules[i] = null\n+        }\n+        this.rules = null;\n+        this.defaultStyle = null\n+    },\n+    createSymbolizer: function(feature) {\n+        var style = this.defaultsPerSymbolizer ? {} : this.createLiterals(OpenLayers.Util.extend({}, this.defaultStyle), feature);\n+        var rules = this.rules;\n+        var rule, context;\n+        var elseRules = [];\n+        var appliedRules = false;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            rule = rules[i];\n+            var applies = rule.evaluate(feature);\n+            if (applies) {\n+                if (rule instanceof OpenLayers.Rule && rule.elseFilter) {\n+                    elseRules.push(rule)\n+                } else {\n+                    appliedRules = true;\n+                    this.applySymbolizer(rule, style, feature)\n+                }\n+            }\n+        }\n+        if (appliedRules == false && elseRules.length > 0) {\n+            appliedRules = true;\n+            for (var i = 0, len = elseRules.length; i < len; i++) {\n+                this.applySymbolizer(elseRules[i], style, feature)\n+            }\n+        }\n+        if (rules.length > 0 && appliedRules == false) {\n+            style.display = \"none\"\n+        }\n+        if (style.label != null && typeof style.label !== \"string\") {\n+            style.label = String(style.label)\n+        }\n+        return style\n+    },\n+    applySymbolizer: function(rule, style, feature) {\n+        var symbolizerPrefix = feature.geometry ? this.getSymbolizerPrefix(feature.geometry) : OpenLayers.Style.SYMBOLIZER_PREFIXES[0];\n+        var symbolizer = rule.symbolizer[symbolizerPrefix] || rule.symbolizer;\n+        if (this.defaultsPerSymbolizer === true) {\n+            var defaults = this.defaultStyle;\n+            OpenLayers.Util.applyDefaults(symbolizer, {\n+                pointRadius: defaults.pointRadius\n+            });\n+            if (symbolizer.stroke === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    strokeWidth: defaults.strokeWidth,\n+                    strokeColor: defaults.strokeColor,\n+                    strokeOpacity: defaults.strokeOpacity,\n+                    strokeDashstyle: defaults.strokeDashstyle,\n+                    strokeLinecap: defaults.strokeLinecap\n+                })\n+            }\n+            if (symbolizer.fill === true || symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    fillColor: defaults.fillColor,\n+                    fillOpacity: defaults.fillOpacity\n+                })\n+            }\n+            if (symbolizer.graphic === true) {\n+                OpenLayers.Util.applyDefaults(symbolizer, {\n+                    pointRadius: this.defaultStyle.pointRadius,\n+                    externalGraphic: this.defaultStyle.externalGraphic,\n+                    graphicName: this.defaultStyle.graphicName,\n+                    graphicOpacity: this.defaultStyle.graphicOpacity,\n+                    graphicWidth: this.defaultStyle.graphicWidth,\n+                    graphicHeight: this.defaultStyle.graphicHeight,\n+                    graphicXOffset: this.defaultStyle.graphicXOffset,\n+                    graphicYOffset: this.defaultStyle.graphicYOffset\n+                })\n+            }\n+        }\n+        return this.createLiterals(OpenLayers.Util.extend(style, symbolizer), feature)\n+    },\n+    createLiterals: function(style, feature) {\n+        var context = OpenLayers.Util.extend({}, feature.attributes || feature.data);\n+        OpenLayers.Util.extend(context, this.context);\n+        for (var i in this.propertyStyles) {\n+            style[i] = OpenLayers.Style.createLiteral(style[i], context, feature, i)\n+        }\n+        return style\n+    },\n+    findPropertyStyles: function() {\n+        var propertyStyles = {};\n+        var style = this.defaultStyle;\n+        this.addPropertyStyles(propertyStyles, style);\n+        var rules = this.rules;\n+        var symbolizer, value;\n+        for (var i = 0, len = rules.length; i < len; i++) {\n+            symbolizer = rules[i].symbolizer;\n+            for (var key in symbolizer) {\n+                value = symbolizer[key];\n+                if (typeof value == \"object\") {\n+                    this.addPropertyStyles(propertyStyles, value)\n+                } else {\n+                    this.addPropertyStyles(propertyStyles, symbolizer);\n+                    break\n+                }\n+            }\n+        }\n+        return propertyStyles\n+    },\n+    addPropertyStyles: function(propertyStyles, symbolizer) {\n+        var property;\n+        for (var key in symbolizer) {\n+            property = symbolizer[key];\n+            if (typeof property == \"string\" && property.match(/\\$\\{\\w+\\}/)) {\n+                propertyStyles[key] = true\n+            }\n+        }\n+        return propertyStyles\n+    },\n+    addRules: function(rules) {\n+        Array.prototype.push.apply(this.rules, rules);\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    setDefaultStyle: function(style) {\n+        this.defaultStyle = style;\n+        this.propertyStyles = this.findPropertyStyles()\n+    },\n+    getSymbolizerPrefix: function(geometry) {\n+        var prefixes = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+        for (var i = 0, len = prefixes.length; i < len; i++) {\n+            if (geometry.CLASS_NAME.indexOf(prefixes[i]) != -1) {\n+                return prefixes[i]\n+            }\n+        }\n+    },\n+    clone: function() {\n+        var options = OpenLayers.Util.extend({}, this);\n+        if (this.rules) {\n+            options.rules = [];\n+            for (var i = 0, len = this.rules.length; i < len; ++i) {\n+                options.rules.push(this.rules[i].clone())\n+            }\n+        }\n+        options.context = this.context && OpenLayers.Util.extend({}, this.context);\n+        var defaultStyle = OpenLayers.Util.extend({}, this.defaultStyle);\n+        return new OpenLayers.Style(defaultStyle, options)\n+    },\n+    CLASS_NAME: \"OpenLayers.Style\"\n+});\n+OpenLayers.Style.createLiteral = function(value, context, feature, property) {\n+    if (typeof value == \"string\" && value.indexOf(\"${\") != -1) {\n+        value = OpenLayers.String.format(value, context, [feature, property]);\n+        value = isNaN(value) || !value ? value : parseFloat(value)\n+    }\n+    return value\n+};\n+OpenLayers.Style.SYMBOLIZER_PREFIXES = [\"Point\", \"Line\", \"Polygon\", \"Text\", \"Raster\"];\n+OpenLayers.StyleMap = OpenLayers.Class({\n+    styles: null,\n+    extendDefault: true,\n+    initialize: function(style, options) {\n+        this.styles = {\n+            default: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"default\"]),\n+            select: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"select\"]),\n+            temporary: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"temporary\"]),\n+            delete: new OpenLayers.Style(OpenLayers.Feature.Vector.style[\"delete\"])\n+        };\n+        if (style instanceof OpenLayers.Style) {\n+            this.styles[\"default\"] = style;\n+            this.styles[\"select\"] = style;\n+            this.styles[\"temporary\"] = style;\n+            this.styles[\"delete\"] = style\n+        } else if (typeof style == \"object\") {\n+            for (var key in style) {\n+                if (style[key] instanceof OpenLayers.Style) {\n+                    this.styles[key] = style[key]\n+                } else if (typeof style[key] == \"object\") {\n+                    this.styles[key] = new OpenLayers.Style(style[key])\n+                } else {\n+                    this.styles[\"default\"] = new OpenLayers.Style(style);\n+                    this.styles[\"select\"] = new OpenLayers.Style(style);\n+                    this.styles[\"temporary\"] = new OpenLayers.Style(style);\n+                    this.styles[\"delete\"] = new OpenLayers.Style(style);\n+                    break\n+                }\n+            }\n+        }\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    destroy: function() {\n+        for (var key in this.styles) {\n+            this.styles[key].destroy()\n+        }\n+        this.styles = null\n+    },\n+    createSymbolizer: function(feature, intent) {\n+        if (!feature) {\n+            feature = new OpenLayers.Feature.Vector\n+        }\n+        if (!this.styles[intent]) {\n+            intent = \"default\"\n+        }\n+        feature.renderIntent = intent;\n+        var defaultSymbolizer = {};\n+        if (this.extendDefault && intent != \"default\") {\n+            defaultSymbolizer = this.styles[\"default\"].createSymbolizer(feature)\n+        }\n+        return OpenLayers.Util.extend(defaultSymbolizer, this.styles[intent].createSymbolizer(feature))\n+    },\n+    addUniqueValueRules: function(renderIntent, property, symbolizers, context) {\n+        var rules = [];\n+        for (var value in symbolizers) {\n+            rules.push(new OpenLayers.Rule({\n+                symbolizer: symbolizers[value],\n+                context: context,\n+                filter: new OpenLayers.Filter.Comparison({\n+                    type: OpenLayers.Filter.Comparison.EQUAL_TO,\n+                    property: property,\n+                    value: value\n+                })\n+            }))\n+        }\n+        this.styles[renderIntent].addRules(rules)\n+    },\n+    CLASS_NAME: \"OpenLayers.StyleMap\"\n+});\n+OpenLayers.Layer.Vector = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: false,\n+    isFixed: false,\n+    features: null,\n+    filter: null,\n+    selectedFeatures: null,\n+    unrenderedFeatures: null,\n+    reportError: true,\n+    style: null,\n+    styleMap: null,\n+    strategies: null,\n+    protocol: null,\n+    renderers: [\"SVG\", \"VML\", \"Canvas\"],\n+    renderer: null,\n+    rendererOptions: null,\n+    geometryType: null,\n+    drawn: false,\n+    ratio: 1,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.prototype.initialize.apply(this, arguments);\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.assignRenderer()\n+        }\n+        if (!this.renderer || !this.renderer.supported()) {\n+            this.renderer = null;\n+            this.displayError()\n+        }\n+        if (!this.styleMap) {\n+            this.styleMap = new OpenLayers.StyleMap\n+        }\n+        this.features = [];\n+        this.selectedFeatures = [];\n+        this.unrenderedFeatures = {};\n+        if (this.strategies) {\n+            for (var i = 0, len = this.strategies.length; i < len; i++) {\n+                this.strategies[i].setLayer(this)\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoDestroy) {\n+                    strategy.destroy()\n+                }\n+            }\n+            this.strategies = null\n+        }\n+        if (this.protocol) {\n+            if (this.protocol.autoDestroy) {\n+                this.protocol.destroy()\n+            }\n+            this.protocol = null\n+        }\n+        this.destroyFeatures();\n+        this.features = null;\n+        this.selectedFeatures = null;\n+        this.unrenderedFeatures = null;\n+        if (this.renderer) {\n+            this.renderer.destroy()\n+        }\n+        this.renderer = null;\n+        this.geometryType = null;\n+        this.drawn = null;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Vector(this.name, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        var features = this.features;\n+        var len = features.length;\n+        var clonedFeatures = new Array(len);\n+        for (var i = 0; i < len; ++i) {\n+            clonedFeatures[i] = features[i].clone()\n+        }\n+        obj.features = clonedFeatures;\n+        return obj\n+    },\n+    refresh: function(obj) {\n+        if (this.calculateInRange() && this.visibility) {\n+            this.events.triggerEvent(\"refresh\", obj)\n+        }\n+    },\n+    assignRenderer: function() {\n+        for (var i = 0, len = this.renderers.length; i < len; i++) {\n+            var rendererClass = this.renderers[i];\n+            var renderer = typeof rendererClass == \"function\" ? rendererClass : OpenLayers.Renderer[rendererClass];\n+            if (renderer && renderer.prototype.supported()) {\n+                this.renderer = new renderer(this.div, this.rendererOptions);\n+                break\n+            }\n+        }\n+    },\n+    displayError: function() {\n+        if (this.reportError) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"browserNotSupported\", {\n+                renderers: this.renderers.join(\"\\n\")\n+            }))\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        if (!this.renderer) {\n+            this.map.removeLayer(this)\n+        } else {\n+            this.renderer.map = this.map;\n+            var newSize = this.map.getSize();\n+            newSize.w = newSize.w * this.ratio;\n+            newSize.h = newSize.h * this.ratio;\n+            this.renderer.setSize(newSize)\n+        }\n+    },\n+    afterAdd: function() {\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.activate()\n+                }\n+            }\n+        }\n+    },\n+    removeMap: function(map) {\n+        this.drawn = false;\n+        if (this.strategies) {\n+            var strategy, i, len;\n+            for (i = 0, len = this.strategies.length; i < len; i++) {\n+                strategy = this.strategies[i];\n+                if (strategy.autoActivate) {\n+                    strategy.deactivate()\n+                }\n+            }\n+        }\n+    },\n+    onMapResize: function() {\n+        OpenLayers.Layer.prototype.onMapResize.apply(this, arguments);\n+        var newSize = this.map.getSize();\n+        newSize.w = newSize.w * this.ratio;\n+        newSize.h = newSize.h * this.ratio;\n+        this.renderer.setSize(newSize)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        var coordSysUnchanged = true;\n+        if (!dragging) {\n+            this.renderer.root.style.visibility = \"hidden\";\n+            var viewSize = this.map.getSize(),\n+                viewWidth = viewSize.w,\n+                viewHeight = viewSize.h,\n+                offsetLeft = viewWidth / 2 * this.ratio - viewWidth / 2,\n+                offsetTop = viewHeight / 2 * this.ratio - viewHeight / 2;\n+            offsetLeft += this.map.layerContainerOriginPx.x;\n+            offsetLeft = -Math.round(offsetLeft);\n+            offsetTop += this.map.layerContainerOriginPx.y;\n+            offsetTop = -Math.round(offsetTop);\n+            this.div.style.left = offsetLeft + \"px\";\n+            this.div.style.top = offsetTop + \"px\";\n+            var extent = this.map.getExtent().scale(this.ratio);\n+            coordSysUnchanged = this.renderer.setExtent(extent, zoomChanged);\n+            this.renderer.root.style.visibility = \"visible\";\n+            if (OpenLayers.IS_GECKO === true) {\n+                this.div.scrollLeft = this.div.scrollLeft\n+            }\n+            if (!zoomChanged && coordSysUnchanged) {\n+                for (var i in this.unrenderedFeatures) {\n+                    var feature = this.unrenderedFeatures[i];\n+                    this.drawFeature(feature)\n+                }\n+            }\n+        }\n+        if (!this.drawn || zoomChanged || !coordSysUnchanged) {\n+            this.drawn = true;\n+            var feature;\n+            for (var i = 0, len = this.features.length; i < len; i++) {\n+                this.renderer.locked = i !== len - 1;\n+                feature = this.features[i];\n+                this.drawFeature(feature)\n+            }\n+        }\n+    },\n+    display: function(display) {\n+        OpenLayers.Layer.prototype.display.apply(this, arguments);\n+        var currentDisplay = this.div.style.display;\n+        if (currentDisplay != this.renderer.root.style.display) {\n+            this.renderer.root.style.display = currentDisplay\n+        }\n+    },\n+    addFeatures: function(features, options) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            var event = {\n+                features: features\n+            };\n+            var ret = this.events.triggerEvent(\"beforefeaturesadded\", event);\n+            if (ret === false) {\n+                return\n+            }\n+            features = event.features\n+        }\n+        var featuresAdded = [];\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            if (i != features.length - 1) {\n+                this.renderer.locked = true\n+            } else {\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            if (this.geometryType && !(feature.geometry instanceof this.geometryType)) {\n+                throw new TypeError(\"addFeatures: component should be an \" + this.geometryType.prototype.CLASS_NAME)\n+            }\n+            feature.layer = this;\n+            if (!feature.style && this.style) {\n+                feature.style = OpenLayers.Util.extend({}, this.style)\n+            }\n+            if (notify) {\n+                if (this.events.triggerEvent(\"beforefeatureadded\", {\n+                        feature: feature\n+                    }) === false) {\n+                    continue\n+                }\n+                this.preFeatureInsert(feature)\n+            }\n+            featuresAdded.push(feature);\n+            this.features.push(feature);\n+            this.drawFeature(feature);\n+            if (notify) {\n+                this.events.triggerEvent(\"featureadded\", {\n+                    feature: feature\n+                });\n+                this.onFeatureInsert(feature)\n+            }\n+        }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresadded\", {\n+                features: featuresAdded\n+            })\n+        }\n+    },\n+    removeFeatures: function(features, options) {\n+        if (!features || features.length === 0) {\n+            return\n+        }\n+        if (features === this.features) {\n+            return this.removeAllFeatures(options)\n+        }\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        if (features === this.selectedFeatures) {\n+            features = features.slice()\n+        }\n+        var notify = !options || !options.silent;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            if (i != 0 && features[i - 1].geometry) {\n+                this.renderer.locked = true\n+            } else {\n+                this.renderer.locked = false\n+            }\n+            var feature = features[i];\n+            delete this.unrenderedFeatures[feature.id];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            this.features = OpenLayers.Util.removeItem(this.features, feature);\n+            feature.layer = null;\n+            if (feature.geometry) {\n+                this.renderer.eraseFeatures(feature)\n+            }\n+            if (OpenLayers.Util.indexOf(this.selectedFeatures, feature) != -1) {\n+                OpenLayers.Util.removeItem(this.selectedFeatures, feature)\n+            }\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+        }\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n+        }\n+    },\n+    removeAllFeatures: function(options) {\n+        var notify = !options || !options.silent;\n+        var features = this.features;\n+        if (notify) {\n+            this.events.triggerEvent(\"beforefeaturesremoved\", {\n+                features: features\n+            })\n+        }\n+        var feature;\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            feature = features[i];\n+            if (notify) {\n+                this.events.triggerEvent(\"beforefeatureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+            feature.layer = null;\n+            if (notify) {\n+                this.events.triggerEvent(\"featureremoved\", {\n+                    feature: feature\n+                })\n+            }\n+        }\n+        this.renderer.clear();\n+        this.features = [];\n+        this.unrenderedFeatures = {};\n+        this.selectedFeatures = [];\n+        if (notify) {\n+            this.events.triggerEvent(\"featuresremoved\", {\n+                features: features\n+            })\n+        }\n+    },\n+    destroyFeatures: function(features, options) {\n+        var all = features == undefined;\n+        if (all) {\n+            features = this.features\n+        }\n+        if (features) {\n+            this.removeFeatures(features, options);\n+            for (var i = features.length - 1; i >= 0; i--) {\n+                features[i].destroy()\n+            }\n+        }\n+    },\n+    drawFeature: function(feature, style) {\n+        if (!this.drawn) {\n+            return\n+        }\n+        if (typeof style != \"object\") {\n+            if (!style && feature.state === OpenLayers.State.DELETE) {\n+                style = \"delete\"\n+            }\n+            var renderIntent = style || feature.renderIntent;\n+            style = feature.style || this.style;\n+            if (!style) {\n+                style = this.styleMap.createSymbolizer(feature, renderIntent)\n+            }\n+        }\n+        var drawn = this.renderer.drawFeature(feature, style);\n+        if (drawn === false || drawn === null) {\n+            this.unrenderedFeatures[feature.id] = feature\n+        } else {\n+            delete this.unrenderedFeatures[feature.id]\n+        }\n+    },\n+    eraseFeatures: function(features) {\n+        this.renderer.eraseFeatures(features)\n+    },\n+    getFeatureFromEvent: function(evt) {\n+        if (!this.renderer) {\n+            throw new Error(\"getFeatureFromEvent called on layer with no \" + \"renderer. This usually means you destroyed a \" + \"layer, but not some handler which is associated \" + \"with it.\")\n+        }\n+        var feature = null;\n+        var featureId = this.renderer.getFeatureIdFromEvent(evt);\n+        if (featureId) {\n+            if (typeof featureId === \"string\") {\n+                feature = this.getFeatureById(featureId)\n+            } else {\n+                feature = featureId\n+            }\n+        }\n+        return feature\n+    },\n+    getFeatureBy: function(property, value) {\n+        var feature = null;\n+        for (var i = 0, len = this.features.length; i < len; ++i) {\n+            if (this.features[i][property] == value) {\n+                feature = this.features[i];\n+                break\n+            }\n+        }\n+        return feature\n+    },\n+    getFeatureById: function(featureId) {\n+        return this.getFeatureBy(\"id\", featureId)\n+    },\n+    getFeatureByFid: function(featureFid) {\n+        return this.getFeatureBy(\"fid\", featureFid)\n+    },\n+    getFeaturesByAttribute: function(attrName, attrValue) {\n+        var i, feature, len = this.features.length,\n+            foundFeatures = [];\n+        for (i = 0; i < len; i++) {\n+            feature = this.features[i];\n+            if (feature && feature.attributes) {\n+                if (feature.attributes[attrName] === attrValue) {\n+                    foundFeatures.push(feature)\n+                }\n+            }\n+        }\n+        return foundFeatures\n+    },\n+    onFeatureInsert: function(feature) {},\n+    preFeatureInsert: function(feature) {},\n+    getDataExtent: function() {\n+        var maxExtent = null;\n+        var features = this.features;\n+        if (features && features.length > 0) {\n+            var geometry = null;\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                geometry = features[i].geometry;\n+                if (geometry) {\n+                    if (maxExtent === null) {\n+                        maxExtent = new OpenLayers.Bounds\n+                    }\n+                    maxExtent.extend(geometry.getBounds())\n+                }\n+            }\n+        }\n+        return maxExtent\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Vector\"\n+});\n OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n     displayInLayerSwitcher: false,\n     layers: null,\n     display: function() {},\n     getFeatureFromEvent: function(evt) {\n         var layers = this.layers;\n         var feature;\n@@ -11099,244 +10076,2033 @@\n         this.handlers.feature.layer = this.layer;\n         if (isActive) {\n             this.activate()\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n });\n-OpenLayers.Protocol = OpenLayers.Class({\n-    format: null,\n-    options: null,\n-    autoDestroy: true,\n-    defaultFilter: null,\n-    initialize: function(options) {\n-        options = options || {};\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+    geolocation: null,\n+    available: \"geolocation\" in navigator,\n+    bind: true,\n+    watch: false,\n+    geolocationOptions: null,\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    mergeWithDefaultFilter: function(filter) {\n-        var merged;\n-        if (filter && this.defaultFilter) {\n-            merged = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.defaultFilter, filter]\n-            })\n-        } else {\n-            merged = filter || this.defaultFilter || undefined\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            this.geolocation = navigator.geolocation\n         }\n-        return merged\n-    },\n-    destroy: function() {\n-        this.options = null;\n-        this.format = null\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n+            } else {\n+                this.getCurrentLocation()\n+            }\n+            return true\n+        }\n+        return false\n     },\n-    read: function(options) {\n-        options = options || {};\n-        options.filter = this.mergeWithDefaultFilter(options.filter)\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId)\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    create: function() {},\n-    update: function() {},\n-    delete: function() {},\n-    commit: function() {},\n-    abort: function(response) {},\n-    createCallback: function(method, response, options) {\n-        return OpenLayers.Function.bind(function() {\n-            method.apply(this, [response, options])\n-        }, this)\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n+        if (this.bind) {\n+            this.map.setCenter(center)\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol\"\n-});\n-OpenLayers.Protocol.Response = OpenLayers.Class({\n-    code: null,\n-    requestType: null,\n-    last: true,\n-    features: null,\n-    data: null,\n-    reqFeatures: null,\n-    priv: null,\n-    error: null,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false\n+        }\n+        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n+        return true\n     },\n-    success: function() {\n-        return this.code > 0\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n });\n-OpenLayers.Protocol.Response.SUCCESS = 1;\n-OpenLayers.Protocol.Response.FAILURE = 0;\n-OpenLayers.ProxyHost = \"\";\n-if (!OpenLayers.Request) {\n-    OpenLayers.Request = {}\n-}\n-OpenLayers.Util.extend(OpenLayers.Request, {\n-    DEFAULT_CONFIG: {\n-        method: \"GET\",\n-        url: window.location.href,\n-        async: true,\n-        user: undefined,\n-        password: undefined,\n-        params: null,\n-        proxy: OpenLayers.ProxyHost,\n-        headers: {},\n-        data: null,\n-        callback: function() {},\n-        success: null,\n-        failure: null,\n-        scope: null\n+OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n+    separator: \", \",\n+    template: \"${layers}\",\n+    destroy: function() {\n+        this.map.events.un({\n+            removelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            changebaselayer: this.updateAttribution,\n+            scope: this\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n-    events: new OpenLayers.Events(this),\n-    makeSameOrigin: function(url, proxy) {\n-        var sameOrigin = url.indexOf(\"http\") !== 0;\n-        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n-        if (urlParts) {\n-            var location = window.location;\n-            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n-            var uPort = urlParts[4],\n-                lPort = location.port;\n-            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n-                sameOrigin = sameOrigin && uPort == lPort\n-            }\n-        }\n-        if (!sameOrigin) {\n-            if (proxy) {\n-                if (typeof proxy == \"function\") {\n-                    url = proxy(url)\n-                } else {\n-                    url = proxy + encodeURIComponent(url)\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.map.events.on({\n+            changebaselayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            removelayer: this.updateAttribution,\n+            scope: this\n+        });\n+        this.updateAttribution();\n+        return this.div\n+    },\n+    updateAttribution: function() {\n+        var attributions = [];\n+        if (this.map && this.map.layers) {\n+            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                if (layer.attribution && layer.getVisibility()) {\n+                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n+                        attributions.push(layer.attribution)\n+                    }\n                 }\n             }\n+            this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                layers: attributions.join(this.separator)\n+            })\n         }\n-        return url\n     },\n-    issue: function(config) {\n-        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n-            proxy: OpenLayers.ProxyHost\n-        });\n-        config = config || {};\n-        config.headers = config.headers || {};\n-        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n-        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n-        var customRequestedWithHeader = false,\n-            headerKey;\n-        for (headerKey in config.headers) {\n-            if (config.headers.hasOwnProperty(headerKey)) {\n-                if (headerKey.toLowerCase() === \"x-requested-with\") {\n-                    customRequestedWithHeader = true\n-                }\n+    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+});\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    panned: false,\n+    interval: 0,\n+    documentDrag: false,\n+    kinetic: null,\n+    enableKinetic: true,\n+    kineticInterval: 10,\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic)\n             }\n+            this.kinetic = new OpenLayers.Kinetic(config)\n         }\n-        if (customRequestedWithHeader === false) {\n-            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            move: this.panMap,\n+            done: this.panMapDone,\n+            down: this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        })\n+    },\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin()\n         }\n-        var request = new OpenLayers.Request.XMLHttpRequest;\n-        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n-        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n-        request.open(config.method, url, config.async, config.user, config.password);\n-        for (var header in config.headers) {\n-            request.setRequestHeader(header, config.headers[header])\n+    },\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy)\n         }\n-        var events = this.events;\n-        var self = this;\n-        request.onreadystatechange = function() {\n-            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n-                var proceed = events.triggerEvent(\"complete\", {\n-                    request: request,\n-                    config: config,\n-                    requestUrl: url\n-                });\n-                if (proceed !== false) {\n-                    self.runCallbacks({\n-                        request: request,\n-                        config: config,\n-                        requestUrl: url\n+        this.panned = true;\n+        this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+            dragging: true,\n+            animate: false\n+        })\n+    },\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy)\n+            }\n+            this.map.pan(this.handler.last.x - xy.x, this.handler.last.y - xy.y, {\n+                dragging: !!res,\n+                animate: false\n+            });\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n                     })\n-                }\n+                })\n             }\n-        };\n-        if (config.async === false) {\n-            request.send(config.data)\n+            this.panned = false\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+});\n+OpenLayers.Handler.Pinch = OpenLayers.Class(OpenLayers.Handler, {\n+    started: false,\n+    stopDown: false,\n+    pinching: false,\n+    last: null,\n+    start: null,\n+    touchstart: function(evt) {\n+        var propagate = true;\n+        this.pinching = false;\n+        if (OpenLayers.Event.isMultiTouch(evt)) {\n+            this.started = true;\n+            this.last = this.start = {\n+                distance: this.getDistance(evt.touches),\n+                delta: 0,\n+                scale: 1\n+            };\n+            this.callback(\"start\", [evt, this.start]);\n+            propagate = !this.stopDown\n+        } else if (this.started) {\n+            return false\n         } else {\n-            window.setTimeout(function() {\n-                if (request.readyState !== 0) {\n-                    request.send(config.data)\n-                }\n-            }, 0)\n+            this.started = false;\n+            this.start = null;\n+            this.last = null\n         }\n-        return request\n+        OpenLayers.Event.preventDefault(evt);\n+        return propagate\n     },\n-    runCallbacks: function(options) {\n-        var request = options.request;\n-        var config = options.config;\n-        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n-        var success;\n-        if (config.success) {\n-            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n+    touchmove: function(evt) {\n+        if (this.started && OpenLayers.Event.isMultiTouch(evt)) {\n+            this.pinching = true;\n+            var current = this.getPinchData(evt);\n+            this.callback(\"move\", [evt, current]);\n+            this.last = current;\n+            OpenLayers.Event.stop(evt)\n+        } else if (this.started) {\n+            return false\n         }\n-        var failure;\n-        if (config.failure) {\n-            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n+        return true\n+    },\n+    touchend: function(evt) {\n+        if (this.started && !OpenLayers.Event.isMultiTouch(evt)) {\n+            this.started = false;\n+            this.pinching = false;\n+            this.callback(\"done\", [evt, this.start, this.last]);\n+            this.start = null;\n+            this.last = null;\n+            return false\n         }\n-        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n-            request.status = 200\n+        return true\n+    },\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.pinching = false;\n+            activated = true\n         }\n-        complete(request);\n-        if (!request.status || request.status >= 200 && request.status < 300) {\n-            this.events.triggerEvent(\"success\", options);\n-            if (success) {\n-                success(request)\n-            }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.pinching = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true\n         }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"failure\", options);\n-            if (failure) {\n-                failure(request)\n+        return deactivated\n+    },\n+    getDistance: function(touches) {\n+        var t0 = touches[0];\n+        var t1 = touches[1];\n+        return Math.sqrt(Math.pow(t0.olClientX - t1.olClientX, 2) + Math.pow(t0.olClientY - t1.olClientY, 2))\n+    },\n+    getPinchData: function(evt) {\n+        var distance = this.getDistance(evt.touches);\n+        var scale = distance / this.start.distance;\n+        return {\n+            distance: distance,\n+            delta: this.last.distance - distance,\n+            scale: scale\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Pinch\"\n+});\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    pinchOrigin: null,\n+    currentCenter: null,\n+    autoActivate: true,\n+    preserveCenter: false,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions)\n+    },\n+    pinchStart: function(evt, pinchData) {\n+        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy\n+    },\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current\n+    },\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n+            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n+            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n+            this.map.setCenter(location, zoom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n+});\n+OpenLayers.Handler.Click = OpenLayers.Class(OpenLayers.Handler, {\n+    delay: 300,\n+    single: true,\n+    double: false,\n+    pixelTolerance: 0,\n+    dblclickTolerance: 13,\n+    stopSingle: false,\n+    stopDouble: false,\n+    timerId: null,\n+    down: null,\n+    last: null,\n+    first: null,\n+    rightclickTimerId: null,\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    touchmove: function(evt) {\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    touchend: function(evt) {\n+        if (this.down) {\n+            evt.xy = this.last.xy;\n+            evt.lastTouches = this.last.touches;\n+            this.handleSingle(evt);\n+            this.down = null\n+        }\n+        return true\n+    },\n+    mousedown: function(evt) {\n+        this.down = this.getEventInfo(evt);\n+        this.last = this.getEventInfo(evt);\n+        return true\n+    },\n+    mouseup: function(evt) {\n+        var propagate = true;\n+        if (this.checkModifiers(evt) && this.control.handleRightClicks && OpenLayers.Event.isRightClick(evt)) {\n+            propagate = this.rightclick(evt)\n+        }\n+        return propagate\n+    },\n+    rightclick: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.rightclickTimerId != null) {\n+                this.clearTimer();\n+                this.callback(\"dblrightclick\", [evt]);\n+                return !this.stopDouble\n+            } else {\n+                var clickEvent = this[\"double\"] ? OpenLayers.Util.extend({}, evt) : this.callback(\"rightclick\", [evt]);\n+                var delayedRightCall = OpenLayers.Function.bind(this.delayedRightCall, this, clickEvent);\n+                this.rightclickTimerId = window.setTimeout(delayedRightCall, this.delay)\n             }\n         }\n+        return !this.stopSingle\n     },\n-    GET: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"GET\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    delayedRightCall: function(evt) {\n+        this.rightclickTimerId = null;\n+        if (evt) {\n+            this.callback(\"rightclick\", [evt])\n+        }\n     },\n-    POST: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"POST\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n+    click: function(evt) {\n+        if (!this.last) {\n+            this.last = this.getEventInfo(evt)\n         }\n-        return OpenLayers.Request.issue(config)\n+        this.handleSingle(evt);\n+        return !this.stopSingle\n     },\n-    PUT: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"PUT\"\n-        });\n-        config.headers = config.headers ? config.headers : {};\n-        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n-            config.headers[\"Content-Type\"] = \"application/xml\"\n+    dblclick: function(evt) {\n+        this.handleDouble(evt);\n+        return !this.stopDouble\n+    },\n+    handleDouble: function(evt) {\n+        if (this.passesDblclickTolerance(evt)) {\n+            if (this[\"double\"]) {\n+                this.callback(\"dblclick\", [evt])\n+            }\n+            this.clearTimer()\n         }\n-        return OpenLayers.Request.issue(config)\n     },\n-    DELETE: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"DELETE\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    handleSingle: function(evt) {\n+        if (this.passesTolerance(evt)) {\n+            if (this.timerId != null) {\n+                if (this.last.touches && this.last.touches.length === 1) {\n+                    if (this[\"double\"]) {\n+                        OpenLayers.Event.preventDefault(evt)\n+                    }\n+                    this.handleDouble(evt)\n+                }\n+                if (!this.last.touches || this.last.touches.length !== 2) {\n+                    this.clearTimer()\n+                }\n+            } else {\n+                this.first = this.getEventInfo(evt);\n+                var clickEvent = this.single ? OpenLayers.Util.extend({}, evt) : null;\n+                this.queuePotentialClick(clickEvent)\n+            }\n+        }\n     },\n-    HEAD: function(config) {\n-        config = OpenLayers.Util.extend(config, {\n-            method: \"HEAD\"\n-        });\n-        return OpenLayers.Request.issue(config)\n+    queuePotentialClick: function(evt) {\n+        this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n     },\n-    OPTIONS: function(config) {\n+    passesTolerance: function(evt) {\n+        var passes = true;\n+        if (this.pixelTolerance != null && this.down && this.down.xy) {\n+            passes = this.pixelTolerance >= this.down.xy.distanceTo(evt.xy);\n+            if (passes && this.touch && this.down.touches.length === this.last.touches.length) {\n+                for (var i = 0, ii = this.down.touches.length; i < ii; ++i) {\n+                    if (this.getTouchDistance(this.down.touches[i], this.last.touches[i]) > this.pixelTolerance) {\n+                        passes = false;\n+                        break\n+                    }\n+                }\n+            }\n+        }\n+        return passes\n+    },\n+    getTouchDistance: function(from, to) {\n+        return Math.sqrt(Math.pow(from.clientX - to.clientX, 2) + Math.pow(from.clientY - to.clientY, 2))\n+    },\n+    passesDblclickTolerance: function(evt) {\n+        var passes = true;\n+        if (this.down && this.first) {\n+            passes = this.down.xy.distanceTo(this.first.xy) <= this.dblclickTolerance\n+        }\n+        return passes\n+    },\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null\n+        }\n+        if (this.rightclickTimerId != null) {\n+            window.clearTimeout(this.rightclickTimerId);\n+            this.rightclickTimerId = null\n+        }\n+    },\n+    delayedCall: function(evt) {\n+        this.timerId = null;\n+        if (evt) {\n+            this.callback(\"click\", [evt])\n+        }\n+    },\n+    getEventInfo: function(evt) {\n+        var touches;\n+        if (evt.touches) {\n+            var len = evt.touches.length;\n+            touches = new Array(len);\n+            var touch;\n+            for (var i = 0; i < len; i++) {\n+                touch = evt.touches[i];\n+                touches[i] = {\n+                    clientX: touch.olClientX,\n+                    clientY: touch.olClientY\n+                }\n+            }\n+        }\n+        return {\n+            xy: evt.xy,\n+            touches: touches\n+        }\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            this.down = null;\n+            this.first = null;\n+            this.last = null;\n+            deactivated = true\n+        }\n+        return deactivated\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Click\"\n+});\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+    dragPan: null,\n+    dragPanOptions: null,\n+    pinchZoom: null,\n+    pinchZoomOptions: null,\n+    clickHandlerOptions: null,\n+    documentDrag: false,\n+    autoActivate: true,\n+    initialize: function(options) {\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n+    },\n+    destroy: function() {\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy()\n+        }\n+        this.dragPan = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+            delete this.pinchZoom\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n+            this.pinchZoom.activate();\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n+            this.pinchZoom.deactivate();\n+            return true\n+        }\n+        return false\n+    },\n+    draw: function() {\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n+        };\n+        var clickOptions = OpenLayers.Util.extend({\n+            double: true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n+        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n+        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n+            map: this.map,\n+            documentDrag: this.documentDrag\n+        }, this.dragPanOptions));\n+        this.dragPan.draw();\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+            map: this.map\n+        }, this.pinchZoomOptions))\n+    },\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut()\n+        }\n+    },\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n+});\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+    controls: null,\n+    autoActivate: true,\n+    defaultControl: null,\n+    saveState: false,\n+    allowDepress: false,\n+    activeState: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {}\n+    },\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                })\n+            }\n+            ctl.panel_div = null\n+        }\n+        this.activeState = null\n+    },\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl || this.saveState && this.activeState[control.id]) {\n+                    control.activate()\n+                }\n+            }\n+            if (this.saveState === true) {\n+                this.defaultControl = null\n+            }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate()\n+            }\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n+        }\n+        this.addControlsToMap(this.controls);\n+        return this.div\n+    },\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i])\n+        }\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div)\n+            }\n+        }\n+    },\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return\n+        }\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate()\n+            } else {\n+                control.activate()\n+            }\n+            return\n+        }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate()\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control && (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate()\n+                }\n+            }\n+            control.activate()\n+        }\n+    },\n+    addControls: function(controls) {\n+        if (!OpenLayers.Util.isArray(controls)) {\n+            controls = [controls]\n+        }\n+        this.controls = this.controls.concat(controls);\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element, control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title\n+            }\n+            control.panel_div = element\n+        }\n+        if (this.map) {\n+            this.addControlsToMap(controls);\n+            this.redraw()\n+        }\n+    },\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\")\n+    },\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true\n+            } else {\n+                this.map.addControl(control);\n+                control.deactivate()\n+            }\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            })\n+        }\n+    },\n+    iconOn: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\")\n+    },\n+    iconOff: function() {\n+        var d = this.panel_div;\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\")\n+    },\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break\n+            }\n+        }\n+    },\n+    getControlsBy: function(property, match) {\n+        var test = typeof match.test == \"function\";\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || test && match.test(item[property])\n+        });\n+        return found\n+    },\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match)\n+    },\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n+});\n+OpenLayers.Format = OpenLayers.Class({\n+    options: null,\n+    externalProjection: null,\n+    internalProjection: null,\n+    data: null,\n+    keepData: false,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options\n+    },\n+    destroy: function() {},\n+    read: function(data) {\n+        throw new Error(\"Read not implemented.\")\n+    },\n+    write: function(object) {\n+        throw new Error(\"Write not implemented.\")\n+    },\n+    CLASS_NAME: \"OpenLayers.Format\"\n+});\n+OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n+    indent: \"    \",\n+    space: \" \",\n+    newline: \"\\n\",\n+    level: 0,\n+    pretty: false,\n+    nativeJSON: function() {\n+        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\")\n+    }(),\n+    read: function(json, filter) {\n+        var object;\n+        if (this.nativeJSON) {\n+            object = JSON.parse(json, filter)\n+        } else try {\n+            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, \"@\").replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, \"]\").replace(/(?:^|:|,)(?:\\s*\\[)+/g, \"\"))) {\n+                object = eval(\"(\" + json + \")\");\n+                if (typeof filter === \"function\") {\n+                    function walk(k, v) {\n+                        if (v && typeof v === \"object\") {\n+                            for (var i in v) {\n+                                if (v.hasOwnProperty(i)) {\n+                                    v[i] = walk(i, v[i])\n+                                }\n+                            }\n+                        }\n+                        return filter(k, v)\n+                    }\n+                    object = walk(\"\", object)\n+                }\n+            }\n+        } catch (e) {}\n+        if (this.keepData) {\n+            this.data = object\n+        }\n+        return object\n+    },\n+    write: function(value, pretty) {\n+        this.pretty = !!pretty;\n+        var json = null;\n+        var type = typeof value;\n+        if (this.serialize[type]) {\n+            try {\n+                json = !this.pretty && this.nativeJSON ? JSON.stringify(value) : this.serialize[type].apply(this, [value])\n+            } catch (err) {\n+                OpenLayers.Console.error(\"Trouble serializing: \" + err)\n+            }\n+        }\n+        return json\n+    },\n+    writeIndent: function() {\n+        var pieces = [];\n+        if (this.pretty) {\n+            for (var i = 0; i < this.level; ++i) {\n+                pieces.push(this.indent)\n+            }\n+        }\n+        return pieces.join(\"\")\n+    },\n+    writeNewline: function() {\n+        return this.pretty ? this.newline : \"\"\n+    },\n+    writeSpace: function() {\n+        return this.pretty ? this.space : \"\"\n+    },\n+    serialize: {\n+        object: function(object) {\n+            if (object == null) {\n+                return \"null\"\n+            }\n+            if (object.constructor == Date) {\n+                return this.serialize.date.apply(this, [object])\n+            }\n+            if (object.constructor == Array) {\n+                return this.serialize.array.apply(this, [object])\n+            }\n+            var pieces = [\"{\"];\n+            this.level += 1;\n+            var key, keyJSON, valueJSON;\n+            var addComma = false;\n+            for (key in object) {\n+                if (object.hasOwnProperty(key)) {\n+                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this, [key, this.pretty]);\n+                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this, [object[key], this.pretty]);\n+                    if (keyJSON != null && valueJSON != null) {\n+                        if (addComma) {\n+                            pieces.push(\",\")\n+                        }\n+                        pieces.push(this.writeNewline(), this.writeIndent(), keyJSON, \":\", this.writeSpace(), valueJSON);\n+                        addComma = true\n+                    }\n+                }\n+            }\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), \"}\");\n+            return pieces.join(\"\")\n+        },\n+        array: function(array) {\n+            var json;\n+            var pieces = [\"[\"];\n+            this.level += 1;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                json = OpenLayers.Format.JSON.prototype.write.apply(this, [array[i], this.pretty]);\n+                if (json != null) {\n+                    if (i > 0) {\n+                        pieces.push(\",\")\n+                    }\n+                    pieces.push(this.writeNewline(), this.writeIndent(), json)\n+                }\n+            }\n+            this.level -= 1;\n+            pieces.push(this.writeNewline(), this.writeIndent(), \"]\");\n+            return pieces.join(\"\")\n+        },\n+        string: function(string) {\n+            var m = {\n+                \"\\b\": \"\\\\b\",\n+                \"\\t\": \"\\\\t\",\n+                \"\\n\": \"\\\\n\",\n+                \"\\f\": \"\\\\f\",\n+                \"\\r\": \"\\\\r\",\n+                '\"': '\\\\\"',\n+                \"\\\\\": \"\\\\\\\\\"\n+            };\n+            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n+                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n+                    var c = m[b];\n+                    if (c) {\n+                        return c\n+                    }\n+                    c = b.charCodeAt();\n+                    return \"\\\\u00\" + Math.floor(c / 16).toString(16) + (c % 16).toString(16)\n+                }) + '\"'\n+            }\n+            return '\"' + string + '\"'\n+        },\n+        number: function(number) {\n+            return isFinite(number) ? String(number) : \"null\"\n+        },\n+        boolean: function(bool) {\n+            return String(bool)\n+        },\n+        date: function(date) {\n+            function format(number) {\n+                return number < 10 ? \"0\" + number : number\n+            }\n+            return '\"' + date.getFullYear() + \"-\" + format(date.getMonth() + 1) + \"-\" + format(date.getDate()) + \"T\" + format(date.getHours()) + \":\" + format(date.getMinutes()) + \":\" + format(date.getSeconds()) + '\"'\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.JSON\"\n+});\n+OpenLayers.Geometry.MultiLineString = OpenLayers.Class(OpenLayers.Geometry.Collection, {\n+    componentTypes: [\"OpenLayers.Geometry.LineString\"],\n+    split: function(geometry, options) {\n+        var results = null;\n+        var mutual = options && options.mutual;\n+        var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n+        var sourceParts = [];\n+        var targetParts = [geometry];\n+        for (var i = 0, len = this.components.length; i < len; ++i) {\n+            sourceLine = this.components[i];\n+            sourceSplit = false;\n+            for (var j = 0; j < targetParts.length; ++j) {\n+                splits = sourceLine.split(targetParts[j], options);\n+                if (splits) {\n+                    if (mutual) {\n+                        sourceLines = splits[0];\n+                        for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n+                            if (k === 0 && sourceParts.length) {\n+                                sourceParts[sourceParts.length - 1].addComponent(sourceLines[k])\n+                            } else {\n+                                sourceParts.push(new OpenLayers.Geometry.MultiLineString([sourceLines[k]]))\n+                            }\n+                        }\n+                        sourceSplit = true;\n+                        splits = splits[1]\n+                    }\n+                    if (splits.length) {\n+                        splits.unshift(j, 1);\n+                        Array.prototype.splice.apply(targetParts, splits);\n+                        break\n+                    }\n+                }\n+            }\n+            if (!sourceSplit) {\n+                if (sourceParts.length) {\n+                    sourceParts[sourceParts.length - 1].addComponent(sourceLine.clone())\n+                } else {\n+                    sourceParts = [new OpenLayers.Geometry.MultiLineString(sourceLine.clone())]\n+                }\n+            }\n+        }\n+        if (sourceParts && sourceParts.length > 1) {\n+            sourceSplit = true\n+        } else {\n+            sourceParts = []\n+        }\n+        if (targetParts && targetParts.length > 1) {\n+            targetSplit = true\n+        } else {\n+            targetParts = []\n+        }\n+        if (sourceSplit || targetSplit) {\n+            if (mutual) {\n+                results = [sourceParts, targetParts]\n+            } else {\n+                results = targetParts\n+            }\n+        }\n+        return results\n+    },\n+    splitWith: function(geometry, options) {\n+        var results = null;\n+        var mutual = options && options.mutual;\n+        var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n+        if (geometry instanceof OpenLayers.Geometry.LineString) {\n+            targetParts = [];\n+            sourceParts = [geometry];\n+            for (var i = 0, len = this.components.length; i < len; ++i) {\n+                targetSplit = false;\n+                targetLine = this.components[i];\n+                for (var j = 0; j < sourceParts.length; ++j) {\n+                    splits = sourceParts[j].split(targetLine, options);\n+                    if (splits) {\n+                        if (mutual) {\n+                            sourceLines = splits[0];\n+                            if (sourceLines.length) {\n+                                sourceLines.unshift(j, 1);\n+                                Array.prototype.splice.apply(sourceParts, sourceLines);\n+                                j += sourceLines.length - 2\n+                            }\n+                            splits = splits[1];\n+                            if (splits.length === 0) {\n+                                splits = [targetLine.clone()]\n+                            }\n+                        }\n+                        for (var k = 0, klen = splits.length; k < klen; ++k) {\n+                            if (k === 0 && targetParts.length) {\n+                                targetParts[targetParts.length - 1].addComponent(splits[k])\n+                            } else {\n+                                targetParts.push(new OpenLayers.Geometry.MultiLineString([splits[k]]))\n+                            }\n+                        }\n+                        targetSplit = true\n+                    }\n+                }\n+                if (!targetSplit) {\n+                    if (targetParts.length) {\n+                        targetParts[targetParts.length - 1].addComponent(targetLine.clone())\n+                    } else {\n+                        targetParts = [new OpenLayers.Geometry.MultiLineString([targetLine.clone()])]\n+                    }\n+                }\n+            }\n+        } else {\n+            results = geometry.split(this)\n+        }\n+        if (sourceParts && sourceParts.length > 1) {\n+            sourceSplit = true\n+        } else {\n+            sourceParts = []\n+        }\n+        if (targetParts && targetParts.length > 1) {\n+            targetSplit = true\n+        } else {\n+            targetParts = []\n+        }\n+        if (sourceSplit || targetSplit) {\n+            if (mutual) {\n+                results = [sourceParts, targetParts]\n+            } else {\n+                results = targetParts\n+            }\n+        }\n+        return results\n+    },\n+    CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n+});\n+OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(OpenLayers.Geometry.Collection, {\n+    componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n+    CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n+});\n+OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n+    ignoreExtraDims: false,\n+    read: function(json, type, filter) {\n+        type = type ? type : \"FeatureCollection\";\n+        var results = null;\n+        var obj = null;\n+        if (typeof json == \"string\") {\n+            obj = OpenLayers.Format.JSON.prototype.read.apply(this, [json, filter])\n+        } else {\n+            obj = json\n+        }\n+        if (!obj) {\n+            OpenLayers.Console.error(\"Bad JSON: \" + json)\n+        } else if (typeof obj.type != \"string\") {\n+            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json)\n+        } else if (this.isValidType(obj, type)) {\n+            switch (type) {\n+                case \"Geometry\":\n+                    try {\n+                        results = this.parseGeometry(obj)\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err)\n+                    }\n+                    break;\n+                case \"Feature\":\n+                    try {\n+                        results = this.parseFeature(obj);\n+                        results.type = \"Feature\"\n+                    } catch (err) {\n+                        OpenLayers.Console.error(err)\n+                    }\n+                    break;\n+                case \"FeatureCollection\":\n+                    results = [];\n+                    switch (obj.type) {\n+                        case \"Feature\":\n+                            try {\n+                                results.push(this.parseFeature(obj))\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err)\n+                            }\n+                            break;\n+                        case \"FeatureCollection\":\n+                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n+                                try {\n+                                    results.push(this.parseFeature(obj.features[i]))\n+                                } catch (err) {\n+                                    results = null;\n+                                    OpenLayers.Console.error(err)\n+                                }\n+                            }\n+                            break;\n+                        default:\n+                            try {\n+                                var geom = this.parseGeometry(obj);\n+                                results.push(new OpenLayers.Feature.Vector(geom))\n+                            } catch (err) {\n+                                results = null;\n+                                OpenLayers.Console.error(err)\n+                            }\n+                    }\n+                    break\n+            }\n+        }\n+        return results\n+    },\n+    isValidType: function(obj, type) {\n+        var valid = false;\n+        switch (type) {\n+            case \"Geometry\":\n+                if (OpenLayers.Util.indexOf([\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\", \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"], obj.type) == -1) {\n+                    OpenLayers.Console.error(\"Unsupported geometry type: \" + obj.type)\n+                } else {\n+                    valid = true\n+                }\n+                break;\n+            case \"FeatureCollection\":\n+                valid = true;\n+                break;\n+            default:\n+                if (obj.type == type) {\n+                    valid = true\n+                } else {\n+                    OpenLayers.Console.error(\"Cannot convert types from \" + obj.type + \" to \" + type)\n+                }\n+        }\n+        return valid\n+    },\n+    parseFeature: function(obj) {\n+        var feature, geometry, attributes, bbox;\n+        attributes = obj.properties ? obj.properties : {};\n+        bbox = obj.geometry && obj.geometry.bbox || obj.bbox;\n+        try {\n+            geometry = this.parseGeometry(obj.geometry)\n+        } catch (err) {\n+            throw err\n+        }\n+        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        if (bbox) {\n+            feature.bounds = OpenLayers.Bounds.fromArray(bbox)\n+        }\n+        if (obj.id) {\n+            feature.fid = obj.id\n+        }\n+        return feature\n+    },\n+    parseGeometry: function(obj) {\n+        if (obj == null) {\n+            return null\n+        }\n+        var geometry, collection = false;\n+        if (obj.type == \"GeometryCollection\") {\n+            if (!OpenLayers.Util.isArray(obj.geometries)) {\n+                throw \"GeometryCollection must have geometries array: \" + obj\n+            }\n+            var numGeom = obj.geometries.length;\n+            var components = new Array(numGeom);\n+            for (var i = 0; i < numGeom; ++i) {\n+                components[i] = this.parseGeometry.apply(this, [obj.geometries[i]])\n+            }\n+            geometry = new OpenLayers.Geometry.Collection(components);\n+            collection = true\n+        } else {\n+            if (!OpenLayers.Util.isArray(obj.coordinates)) {\n+                throw \"Geometry must have coordinates array: \" + obj\n+            }\n+            if (!this.parseCoords[obj.type.toLowerCase()]) {\n+                throw \"Unsupported geometry type: \" + obj.type\n+            }\n+            try {\n+                geometry = this.parseCoords[obj.type.toLowerCase()].apply(this, [obj.coordinates])\n+            } catch (err) {\n+                throw err\n+            }\n+        }\n+        if (this.internalProjection && this.externalProjection && !collection) {\n+            geometry.transform(this.externalProjection, this.internalProjection)\n+        }\n+        return geometry\n+    },\n+    parseCoords: {\n+        point: function(array) {\n+            if (this.ignoreExtraDims == false && array.length != 2) {\n+                throw \"Only 2D points are supported: \" + array\n+            }\n+            return new OpenLayers.Geometry.Point(array[0], array[1])\n+        },\n+        multipoint: function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]])\n+                } catch (err) {\n+                    throw err\n+                }\n+                points.push(p)\n+            }\n+            return new OpenLayers.Geometry.MultiPoint(points)\n+        },\n+        linestring: function(array) {\n+            var points = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"point\"].apply(this, [array[i]])\n+                } catch (err) {\n+                    throw err\n+                }\n+                points.push(p)\n+            }\n+            return new OpenLayers.Geometry.LineString(points)\n+        },\n+        multilinestring: function(array) {\n+            var lines = [];\n+            var l = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]])\n+                } catch (err) {\n+                    throw err\n+                }\n+                lines.push(l)\n+            }\n+            return new OpenLayers.Geometry.MultiLineString(lines)\n+        },\n+        polygon: function(array) {\n+            var rings = [];\n+            var r, l;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]])\n+                } catch (err) {\n+                    throw err\n+                }\n+                r = new OpenLayers.Geometry.LinearRing(l.components);\n+                rings.push(r)\n+            }\n+            return new OpenLayers.Geometry.Polygon(rings)\n+        },\n+        multipolygon: function(array) {\n+            var polys = [];\n+            var p = null;\n+            for (var i = 0, len = array.length; i < len; ++i) {\n+                try {\n+                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]])\n+                } catch (err) {\n+                    throw err\n+                }\n+                polys.push(p)\n+            }\n+            return new OpenLayers.Geometry.MultiPolygon(polys)\n+        },\n+        box: function(array) {\n+            if (array.length != 2) {\n+                throw \"GeoJSON box coordinates must have 2 elements\"\n+            }\n+            return new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing([new OpenLayers.Geometry.Point(array[0][0], array[0][1]), new OpenLayers.Geometry.Point(array[1][0], array[0][1]), new OpenLayers.Geometry.Point(array[1][0], array[1][1]), new OpenLayers.Geometry.Point(array[0][0], array[1][1]), new OpenLayers.Geometry.Point(array[0][0], array[0][1])])])\n+        }\n+    },\n+    write: function(obj, pretty) {\n+        var geojson = {\n+            type: null\n+        };\n+        if (OpenLayers.Util.isArray(obj)) {\n+            geojson.type = \"FeatureCollection\";\n+            var numFeatures = obj.length;\n+            geojson.features = new Array(numFeatures);\n+            for (var i = 0; i < numFeatures; ++i) {\n+                var element = obj[i];\n+                if (!element instanceof OpenLayers.Feature.Vector) {\n+                    var msg = \"FeatureCollection only supports collections \" + \"of features: \" + element;\n+                    throw msg\n+                }\n+                geojson.features[i] = this.extract.feature.apply(this, [element])\n+            }\n+        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n+            geojson = this.extract.geometry.apply(this, [obj])\n+        } else if (obj instanceof OpenLayers.Feature.Vector) {\n+            geojson = this.extract.feature.apply(this, [obj]);\n+            if (obj.layer && obj.layer.projection) {\n+                geojson.crs = this.createCRSObject(obj)\n+            }\n+        }\n+        return OpenLayers.Format.JSON.prototype.write.apply(this, [geojson, pretty])\n+    },\n+    createCRSObject: function(object) {\n+        var proj = object.layer.projection.toString();\n+        var crs = {};\n+        if (proj.match(/epsg:/i)) {\n+            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n+            if (code == 4326) {\n+                crs = {\n+                    type: \"name\",\n+                    properties: {\n+                        name: \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n+                    }\n+                }\n+            } else {\n+                crs = {\n+                    type: \"name\",\n+                    properties: {\n+                        name: \"EPSG:\" + code\n+                    }\n+                }\n+            }\n+        }\n+        return crs\n+    },\n+    extract: {\n+        feature: function(feature) {\n+            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n+            var json = {\n+                type: \"Feature\",\n+                properties: feature.attributes,\n+                geometry: geom\n+            };\n+            if (feature.fid != null) {\n+                json.id = feature.fid\n+            }\n+            return json\n+        },\n+        geometry: function(geometry) {\n+            if (geometry == null) {\n+                return null\n+            }\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry = geometry.clone();\n+                geometry.transform(this.internalProjection, this.externalProjection)\n+            }\n+            var geometryType = geometry.CLASS_NAME.split(\".\")[2];\n+            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n+            var json;\n+            if (geometryType == \"Collection\") {\n+                json = {\n+                    type: \"GeometryCollection\",\n+                    geometries: data\n+                }\n+            } else {\n+                json = {\n+                    type: geometryType,\n+                    coordinates: data\n+                }\n+            }\n+            return json\n+        },\n+        point: function(point) {\n+            return [point.x, point.y]\n+        },\n+        multipoint: function(multipoint) {\n+            var array = [];\n+            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [multipoint.components[i]]))\n+            }\n+            return array\n+        },\n+        linestring: function(linestring) {\n+            var array = [];\n+            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n+                array.push(this.extract.point.apply(this, [linestring.components[i]]))\n+            }\n+            return array\n+        },\n+        multilinestring: function(multilinestring) {\n+            var array = [];\n+            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]))\n+            }\n+            return array\n+        },\n+        polygon: function(polygon) {\n+            var array = [];\n+            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n+                array.push(this.extract.linestring.apply(this, [polygon.components[i]]))\n+            }\n+            return array\n+        },\n+        multipolygon: function(multipolygon) {\n+            var array = [];\n+            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n+                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]))\n+            }\n+            return array\n+        },\n+        collection: function(collection) {\n+            var len = collection.components.length;\n+            var array = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                array[i] = this.extract.geometry.apply(this, [collection.components[i]])\n+            }\n+            return array\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n+});\n+OpenLayers.Date = {\n+    dateRegEx: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/,\n+    toISOString: function() {\n+        if (\"toISOString\" in Date.prototype) {\n+            return function(date) {\n+                return date.toISOString()\n+            }\n+        } else {\n+            return function(date) {\n+                var str;\n+                if (isNaN(date.getTime())) {\n+                    str = \"Invalid Date\"\n+                } else {\n+                    str = date.getUTCFullYear() + \"-\" + OpenLayers.Number.zeroPad(date.getUTCMonth() + 1, 2) + \"-\" + OpenLayers.Number.zeroPad(date.getUTCDate(), 2) + \"T\" + OpenLayers.Number.zeroPad(date.getUTCHours(), 2) + \":\" + OpenLayers.Number.zeroPad(date.getUTCMinutes(), 2) + \":\" + OpenLayers.Number.zeroPad(date.getUTCSeconds(), 2) + \".\" + OpenLayers.Number.zeroPad(date.getUTCMilliseconds(), 3) + \"Z\"\n+                }\n+                return str\n+            }\n+        }\n+    }(),\n+    parse: function(str) {\n+        var date;\n+        var match = str.match(this.dateRegEx);\n+        if (match && (match[1] || match[7])) {\n+            var year = parseInt(match[1], 10) || 0;\n+            var month = parseInt(match[2], 10) - 1 || 0;\n+            var day = parseInt(match[3], 10) || 1;\n+            date = new Date(Date.UTC(year, month, day));\n+            var type = match[7];\n+            if (type) {\n+                var hours = parseInt(match[4], 10);\n+                var minutes = parseInt(match[5], 10);\n+                var secFrac = parseFloat(match[6]);\n+                var seconds = secFrac | 0;\n+                var milliseconds = Math.round(1e3 * (secFrac - seconds));\n+                date.setUTCHours(hours, minutes, seconds, milliseconds);\n+                if (type !== \"Z\") {\n+                    var hoursOffset = parseInt(type, 10);\n+                    var minutesOffset = parseInt(match[8], 10) || 0;\n+                    var offset = -1e3 * (60 * (hoursOffset * 60) + minutesOffset * 60);\n+                    date = new Date(date.getTime() + offset)\n+                }\n+            }\n+        } else {\n+            date = new Date(\"invalid\")\n+        }\n+        return date\n+    }\n+};\n+OpenLayers.Format.XML = OpenLayers.Class(OpenLayers.Format, {\n+    namespaces: null,\n+    namespaceAlias: null,\n+    defaultPrefix: null,\n+    readers: {},\n+    writers: {},\n+    xmldom: null,\n+    initialize: function(options) {\n+        if (window.ActiveXObject) {\n+            this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n+        }\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n+        this.namespaces = OpenLayers.Util.extend({}, this.namespaces);\n+        this.namespaceAlias = {};\n+        for (var alias in this.namespaces) {\n+            this.namespaceAlias[this.namespaces[alias]] = alias\n+        }\n+    },\n+    destroy: function() {\n+        this.xmldom = null;\n+        OpenLayers.Format.prototype.destroy.apply(this, arguments)\n+    },\n+    setNamespace: function(alias, uri) {\n+        this.namespaces[alias] = uri;\n+        this.namespaceAlias[uri] = alias\n+    },\n+    read: function(text) {\n+        var index = text.indexOf(\"<\");\n+        if (index > 0) {\n+            text = text.substring(index)\n+        }\n+        var node = OpenLayers.Util.Try(OpenLayers.Function.bind(function() {\n+            var xmldom;\n+            if (window.ActiveXObject && !this.xmldom) {\n+                xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n+            } else {\n+                xmldom = this.xmldom\n+            }\n+            xmldom.loadXML(text);\n+            return xmldom\n+        }, this), function() {\n+            return (new DOMParser).parseFromString(text, \"text/xml\")\n+        }, function() {\n+            var req = new XMLHttpRequest;\n+            req.open(\"GET\", \"data:\" + \"text/xml\" + \";charset=utf-8,\" + encodeURIComponent(text), false);\n+            if (req.overrideMimeType) {\n+                req.overrideMimeType(\"text/xml\")\n+            }\n+            req.send(null);\n+            return req.responseXML\n+        });\n+        if (this.keepData) {\n+            this.data = node\n+        }\n+        return node\n+    },\n+    write: function(node) {\n+        var data;\n+        if (this.xmldom) {\n+            data = node.xml\n+        } else {\n+            var serializer = new XMLSerializer;\n+            if (node.nodeType == 1) {\n+                var doc = document.implementation.createDocument(\"\", \"\", null);\n+                if (doc.importNode) {\n+                    node = doc.importNode(node, true)\n+                }\n+                doc.appendChild(node);\n+                data = serializer.serializeToString(doc)\n+            } else {\n+                data = serializer.serializeToString(node)\n+            }\n+        }\n+        return data\n+    },\n+    createElementNS: function(uri, name) {\n+        var element;\n+        if (this.xmldom) {\n+            if (typeof uri == \"string\") {\n+                element = this.xmldom.createNode(1, name, uri)\n+            } else {\n+                element = this.xmldom.createNode(1, name, \"\")\n+            }\n+        } else {\n+            element = document.createElementNS(uri, name)\n+        }\n+        return element\n+    },\n+    createDocumentFragment: function() {\n+        var element;\n+        if (this.xmldom) {\n+            element = this.xmldom.createDocumentFragment()\n+        } else {\n+            element = document.createDocumentFragment()\n+        }\n+        return element\n+    },\n+    createTextNode: function(text) {\n+        var node;\n+        if (typeof text !== \"string\") {\n+            text = String(text)\n+        }\n+        if (this.xmldom) {\n+            node = this.xmldom.createTextNode(text)\n+        } else {\n+            node = document.createTextNode(text)\n+        }\n+        return node\n+    },\n+    getElementsByTagNameNS: function(node, uri, name) {\n+        var elements = [];\n+        if (node.getElementsByTagNameNS) {\n+            elements = node.getElementsByTagNameNS(uri, name)\n+        } else {\n+            var allNodes = node.getElementsByTagName(\"*\");\n+            var potentialNode, fullName;\n+            for (var i = 0, len = allNodes.length; i < len; ++i) {\n+                potentialNode = allNodes[i];\n+                fullName = potentialNode.prefix ? potentialNode.prefix + \":\" + name : name;\n+                if (name == \"*\" || fullName == potentialNode.nodeName) {\n+                    if (uri == \"*\" || uri == potentialNode.namespaceURI) {\n+                        elements.push(potentialNode)\n+                    }\n+                }\n+            }\n+        }\n+        return elements\n+    },\n+    getAttributeNodeNS: function(node, uri, name) {\n+        var attributeNode = null;\n+        if (node.getAttributeNodeNS) {\n+            attributeNode = node.getAttributeNodeNS(uri, name)\n+        } else {\n+            var attributes = node.attributes;\n+            var potentialNode, fullName;\n+            for (var i = 0, len = attributes.length; i < len; ++i) {\n+                potentialNode = attributes[i];\n+                if (potentialNode.namespaceURI == uri) {\n+                    fullName = potentialNode.prefix ? potentialNode.prefix + \":\" + name : name;\n+                    if (fullName == potentialNode.nodeName) {\n+                        attributeNode = potentialNode;\n+                        break\n+                    }\n+                }\n+            }\n+        }\n+        return attributeNode\n+    },\n+    getAttributeNS: function(node, uri, name) {\n+        var attributeValue = \"\";\n+        if (node.getAttributeNS) {\n+            attributeValue = node.getAttributeNS(uri, name) || \"\"\n+        } else {\n+            var attributeNode = this.getAttributeNodeNS(node, uri, name);\n+            if (attributeNode) {\n+                attributeValue = attributeNode.nodeValue\n+            }\n+        }\n+        return attributeValue\n+    },\n+    getChildValue: function(node, def) {\n+        var value = def || \"\";\n+        if (node) {\n+            for (var child = node.firstChild; child; child = child.nextSibling) {\n+                switch (child.nodeType) {\n+                    case 3:\n+                    case 4:\n+                        value += child.nodeValue\n+                }\n+            }\n+        }\n+        return value\n+    },\n+    isSimpleContent: function(node) {\n+        var simple = true;\n+        for (var child = node.firstChild; child; child = child.nextSibling) {\n+            if (child.nodeType === 1) {\n+                simple = false;\n+                break\n+            }\n+        }\n+        return simple\n+    },\n+    contentType: function(node) {\n+        var simple = false,\n+            complex = false;\n+        var type = OpenLayers.Format.XML.CONTENT_TYPE.EMPTY;\n+        for (var child = node.firstChild; child; child = child.nextSibling) {\n+            switch (child.nodeType) {\n+                case 1:\n+                    complex = true;\n+                    break;\n+                case 8:\n+                    break;\n+                default:\n+                    simple = true\n+            }\n+            if (complex && simple) {\n+                break\n+            }\n+        }\n+        if (complex && simple) {\n+            type = OpenLayers.Format.XML.CONTENT_TYPE.MIXED\n+        } else if (complex) {\n+            return OpenLayers.Format.XML.CONTENT_TYPE.COMPLEX\n+        } else if (simple) {\n+            return OpenLayers.Format.XML.CONTENT_TYPE.SIMPLE\n+        }\n+        return type\n+    },\n+    hasAttributeNS: function(node, uri, name) {\n+        var found = false;\n+        if (node.hasAttributeNS) {\n+            found = node.hasAttributeNS(uri, name)\n+        } else {\n+            found = !!this.getAttributeNodeNS(node, uri, name)\n+        }\n+        return found\n+    },\n+    setAttributeNS: function(node, uri, name, value) {\n+        if (node.setAttributeNS) {\n+            node.setAttributeNS(uri, name, value)\n+        } else {\n+            if (this.xmldom) {\n+                if (uri) {\n+                    var attribute = node.ownerDocument.createNode(2, name, uri);\n+                    attribute.nodeValue = value;\n+                    node.setAttributeNode(attribute)\n+                } else {\n+                    node.setAttribute(name, value)\n+                }\n+            } else {\n+                throw \"setAttributeNS not implemented\"\n+            }\n+        }\n+    },\n+    createElementNSPlus: function(name, options) {\n+        options = options || {};\n+        var uri = options.uri || this.namespaces[options.prefix];\n+        if (!uri) {\n+            var loc = name.indexOf(\":\");\n+            uri = this.namespaces[name.substring(0, loc)]\n+        }\n+        if (!uri) {\n+            uri = this.namespaces[this.defaultPrefix]\n+        }\n+        var node = this.createElementNS(uri, name);\n+        if (options.attributes) {\n+            this.setAttributes(node, options.attributes)\n+        }\n+        var value = options.value;\n+        if (value != null) {\n+            node.appendChild(this.createTextNode(value))\n+        }\n+        return node\n+    },\n+    setAttributes: function(node, obj) {\n+        var value, uri;\n+        for (var name in obj) {\n+            if (obj[name] != null && obj[name].toString) {\n+                value = obj[name].toString();\n+                uri = this.namespaces[name.substring(0, name.indexOf(\":\"))] || null;\n+                this.setAttributeNS(node, uri, name, value)\n+            }\n+        }\n+    },\n+    readNode: function(node, obj) {\n+        if (!obj) {\n+            obj = {}\n+        }\n+        var group = this.readers[node.namespaceURI ? this.namespaceAlias[node.namespaceURI] : this.defaultPrefix];\n+        if (group) {\n+            var local = node.localName || node.nodeName.split(\":\").pop();\n+            var reader = group[local] || group[\"*\"];\n+            if (reader) {\n+                reader.apply(this, [node, obj])\n+            }\n+        }\n+        return obj\n+    },\n+    readChildNodes: function(node, obj) {\n+        if (!obj) {\n+            obj = {}\n+        }\n+        var children = node.childNodes;\n+        var child;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                this.readNode(child, obj)\n+            }\n+        }\n+        return obj\n+    },\n+    writeNode: function(name, obj, parent) {\n+        var prefix, local;\n+        var split = name.indexOf(\":\");\n+        if (split > 0) {\n+            prefix = name.substring(0, split);\n+            local = name.substring(split + 1)\n+        } else {\n+            if (parent) {\n+                prefix = this.namespaceAlias[parent.namespaceURI]\n+            } else {\n+                prefix = this.defaultPrefix\n+            }\n+            local = name\n+        }\n+        var child = this.writers[prefix][local].apply(this, [obj]);\n+        if (parent) {\n+            parent.appendChild(child)\n+        }\n+        return child\n+    },\n+    getChildEl: function(node, name, uri) {\n+        return node && this.getThisOrNextEl(node.firstChild, name, uri)\n+    },\n+    getNextEl: function(node, name, uri) {\n+        return node && this.getThisOrNextEl(node.nextSibling, name, uri)\n+    },\n+    getThisOrNextEl: function(node, name, uri) {\n+        outer: for (var sibling = node; sibling; sibling = sibling.nextSibling) {\n+            switch (sibling.nodeType) {\n+                case 1:\n+                    if ((!name || name === (sibling.localName || sibling.nodeName.split(\":\").pop())) && (!uri || uri === sibling.namespaceURI)) {\n+                        break outer\n+                    }\n+                    sibling = null;\n+                    break outer;\n+                case 3:\n+                    if (/^\\s*$/.test(sibling.nodeValue)) {\n+                        break\n+                    }\n+                case 4:\n+                case 6:\n+                case 12:\n+                case 10:\n+                case 11:\n+                    sibling = null;\n+                    break outer\n+            }\n+        }\n+        return sibling || null\n+    },\n+    lookupNamespaceURI: function(node, prefix) {\n+        var uri = null;\n+        if (node) {\n+            if (node.lookupNamespaceURI) {\n+                uri = node.lookupNamespaceURI(prefix)\n+            } else {\n+                outer: switch (node.nodeType) {\n+                    case 1:\n+                        if (node.namespaceURI !== null && node.prefix === prefix) {\n+                            uri = node.namespaceURI;\n+                            break outer\n+                        }\n+                        var len = node.attributes.length;\n+                        if (len) {\n+                            var attr;\n+                            for (var i = 0; i < len; ++i) {\n+                                attr = node.attributes[i];\n+                                if (attr.prefix === \"xmlns\" && attr.name === \"xmlns:\" + prefix) {\n+                                    uri = attr.value || null;\n+                                    break outer\n+                                } else if (attr.name === \"xmlns\" && prefix === null) {\n+                                    uri = attr.value || null;\n+                                    break outer\n+                                }\n+                            }\n+                        }\n+                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n+                        break outer;\n+                    case 2:\n+                        uri = this.lookupNamespaceURI(node.ownerElement, prefix);\n+                        break outer;\n+                    case 9:\n+                        uri = this.lookupNamespaceURI(node.documentElement, prefix);\n+                        break outer;\n+                    case 6:\n+                    case 12:\n+                    case 10:\n+                    case 11:\n+                        break outer;\n+                    default:\n+                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n+                        break outer\n+                }\n+            }\n+        }\n+        return uri\n+    },\n+    getXMLDoc: function() {\n+        if (!OpenLayers.Format.XML.document && !this.xmldom) {\n+            if (document.implementation && document.implementation.createDocument) {\n+                OpenLayers.Format.XML.document = document.implementation.createDocument(\"\", \"\", null)\n+            } else if (!this.xmldom && window.ActiveXObject) {\n+                this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n+            }\n+        }\n+        return OpenLayers.Format.XML.document || this.xmldom\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.XML\"\n+});\n+OpenLayers.Format.XML.CONTENT_TYPE = {\n+    EMPTY: 0,\n+    SIMPLE: 1,\n+    COMPLEX: 2,\n+    MIXED: 3\n+};\n+OpenLayers.Format.XML.lookupNamespaceURI = OpenLayers.Function.bind(OpenLayers.Format.XML.prototype.lookupNamespaceURI, OpenLayers.Format.XML.prototype);\n+OpenLayers.Format.XML.document = null;\n+OpenLayers.ProxyHost = \"\";\n+if (!OpenLayers.Request) {\n+    OpenLayers.Request = {}\n+}\n+OpenLayers.Util.extend(OpenLayers.Request, {\n+    DEFAULT_CONFIG: {\n+        method: \"GET\",\n+        url: window.location.href,\n+        async: true,\n+        user: undefined,\n+        password: undefined,\n+        params: null,\n+        proxy: OpenLayers.ProxyHost,\n+        headers: {},\n+        data: null,\n+        callback: function() {},\n+        success: null,\n+        failure: null,\n+        scope: null\n+    },\n+    URL_SPLIT_REGEX: /([^:]*:)\\/\\/([^:]*:?[^@]*@)?([^:\\/\\?]*):?([^\\/\\?]*)/,\n+    events: new OpenLayers.Events(this),\n+    makeSameOrigin: function(url, proxy) {\n+        var sameOrigin = url.indexOf(\"http\") !== 0;\n+        var urlParts = !sameOrigin && url.match(this.URL_SPLIT_REGEX);\n+        if (urlParts) {\n+            var location = window.location;\n+            sameOrigin = urlParts[1] == location.protocol && urlParts[3] == location.hostname;\n+            var uPort = urlParts[4],\n+                lPort = location.port;\n+            if (uPort != 80 && uPort != \"\" || lPort != \"80\" && lPort != \"\") {\n+                sameOrigin = sameOrigin && uPort == lPort\n+            }\n+        }\n+        if (!sameOrigin) {\n+            if (proxy) {\n+                if (typeof proxy == \"function\") {\n+                    url = proxy(url)\n+                } else {\n+                    url = proxy + encodeURIComponent(url)\n+                }\n+            }\n+        }\n+        return url\n+    },\n+    issue: function(config) {\n+        var defaultConfig = OpenLayers.Util.extend(this.DEFAULT_CONFIG, {\n+            proxy: OpenLayers.ProxyHost\n+        });\n+        config = config || {};\n+        config.headers = config.headers || {};\n+        config = OpenLayers.Util.applyDefaults(config, defaultConfig);\n+        config.headers = OpenLayers.Util.applyDefaults(config.headers, defaultConfig.headers);\n+        var customRequestedWithHeader = false,\n+            headerKey;\n+        for (headerKey in config.headers) {\n+            if (config.headers.hasOwnProperty(headerKey)) {\n+                if (headerKey.toLowerCase() === \"x-requested-with\") {\n+                    customRequestedWithHeader = true\n+                }\n+            }\n+        }\n+        if (customRequestedWithHeader === false) {\n+            config.headers[\"X-Requested-With\"] = \"XMLHttpRequest\"\n+        }\n+        var request = new OpenLayers.Request.XMLHttpRequest;\n+        var url = OpenLayers.Util.urlAppend(config.url, OpenLayers.Util.getParameterString(config.params || {}));\n+        url = OpenLayers.Request.makeSameOrigin(url, config.proxy);\n+        request.open(config.method, url, config.async, config.user, config.password);\n+        for (var header in config.headers) {\n+            request.setRequestHeader(header, config.headers[header])\n+        }\n+        var events = this.events;\n+        var self = this;\n+        request.onreadystatechange = function() {\n+            if (request.readyState == OpenLayers.Request.XMLHttpRequest.DONE) {\n+                var proceed = events.triggerEvent(\"complete\", {\n+                    request: request,\n+                    config: config,\n+                    requestUrl: url\n+                });\n+                if (proceed !== false) {\n+                    self.runCallbacks({\n+                        request: request,\n+                        config: config,\n+                        requestUrl: url\n+                    })\n+                }\n+            }\n+        };\n+        if (config.async === false) {\n+            request.send(config.data)\n+        } else {\n+            window.setTimeout(function() {\n+                if (request.readyState !== 0) {\n+                    request.send(config.data)\n+                }\n+            }, 0)\n+        }\n+        return request\n+    },\n+    runCallbacks: function(options) {\n+        var request = options.request;\n+        var config = options.config;\n+        var complete = config.scope ? OpenLayers.Function.bind(config.callback, config.scope) : config.callback;\n+        var success;\n+        if (config.success) {\n+            success = config.scope ? OpenLayers.Function.bind(config.success, config.scope) : config.success\n+        }\n+        var failure;\n+        if (config.failure) {\n+            failure = config.scope ? OpenLayers.Function.bind(config.failure, config.scope) : config.failure\n+        }\n+        if (OpenLayers.Util.createUrlObject(config.url).protocol == \"file:\" && request.responseText) {\n+            request.status = 200\n+        }\n+        complete(request);\n+        if (!request.status || request.status >= 200 && request.status < 300) {\n+            this.events.triggerEvent(\"success\", options);\n+            if (success) {\n+                success(request)\n+            }\n+        }\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"failure\", options);\n+            if (failure) {\n+                failure(request)\n+            }\n+        }\n+    },\n+    GET: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"GET\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    POST: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"POST\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    PUT: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"PUT\"\n+        });\n+        config.headers = config.headers ? config.headers : {};\n+        if (!(\"CONTENT-TYPE\" in OpenLayers.Util.upperCaseObject(config.headers))) {\n+            config.headers[\"Content-Type\"] = \"application/xml\"\n+        }\n+        return OpenLayers.Request.issue(config)\n+    },\n+    DELETE: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"DELETE\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    HEAD: function(config) {\n+        config = OpenLayers.Util.extend(config, {\n+            method: \"HEAD\"\n+        });\n+        return OpenLayers.Request.issue(config)\n+    },\n+    OPTIONS: function(config) {\n         config = OpenLayers.Util.extend(config, {\n             method: \"OPTIONS\"\n         });\n         return OpenLayers.Request.issue(config)\n     }\n });\n (function() {\n@@ -11537,14 +12303,960 @@\n         }\n     }\n     if (!OpenLayers.Request) {\n         OpenLayers.Request = {}\n     }\n     OpenLayers.Request.XMLHttpRequest = cXMLHttpRequest\n })();\n+OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        kml: \"http://www.opengis.net/kml/2.2\",\n+        gx: \"http://www.google.com/kml/ext/2.2\"\n+    },\n+    kmlns: \"http://earth.google.com/kml/2.0\",\n+    placemarksDesc: \"No description available\",\n+    foldersName: \"OpenLayers export\",\n+    foldersDesc: \"Exported on \" + new Date,\n+    extractAttributes: true,\n+    kvpAttributes: false,\n+    extractStyles: false,\n+    extractTracks: false,\n+    trackAttributes: null,\n+    internalns: null,\n+    features: null,\n+    styles: null,\n+    styleBaseUrl: \"\",\n+    fetched: null,\n+    maxDepth: 0,\n+    initialize: function(options) {\n+        this.regExes = {\n+            trimSpace: /^\\s*|\\s*$/g,\n+            removeSpace: /\\s*/g,\n+            splitSpace: /\\s+/,\n+            trimComma: /\\s*,\\s*/g,\n+            kmlColor: /(\\w{2})(\\w{2})(\\w{2})(\\w{2})/,\n+            kmlIconPalette: /root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/,\n+            straightBracket: /\\$\\[(.*?)\\]/g\n+        };\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    read: function(data) {\n+        this.features = [];\n+        this.styles = {};\n+        this.fetched = {};\n+        var options = {\n+            depth: 0,\n+            styleBaseUrl: this.styleBaseUrl\n+        };\n+        return this.parseData(data, options)\n+    },\n+    parseData: function(data, options) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            var type = types[i];\n+            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n+            if (nodes.length == 0) {\n+                continue\n+            }\n+            switch (type.toLowerCase()) {\n+                case \"link\":\n+                case \"networklink\":\n+                    this.parseLinks(nodes, options);\n+                    break;\n+                case \"style\":\n+                    if (this.extractStyles) {\n+                        this.parseStyles(nodes, options)\n+                    }\n+                    break;\n+                case \"stylemap\":\n+                    if (this.extractStyles) {\n+                        this.parseStyleMaps(nodes, options)\n+                    }\n+                    break;\n+                case \"placemark\":\n+                    this.parseFeatures(nodes, options);\n+                    break\n+            }\n+        }\n+        return this.features\n+    },\n+    parseLinks: function(nodes, options) {\n+        if (options.depth >= this.maxDepth) {\n+            return false\n+        }\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n+            if (href && !this.fetched[href]) {\n+                this.fetched[href] = true;\n+                var data = this.fetchLink(href);\n+                if (data) {\n+                    this.parseData(data, newOptions)\n+                }\n+            }\n+        }\n+    },\n+    fetchLink: function(href) {\n+        var request = OpenLayers.Request.GET({\n+            url: href,\n+            async: false\n+        });\n+        if (request) {\n+            return request.responseText\n+        }\n+    },\n+    parseStyles: function(nodes, options) {\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var style = this.parseStyle(nodes[i]);\n+            if (style) {\n+                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n+                this.styles[styleName] = style\n+            }\n+        }\n+    },\n+    parseKmlColor: function(kmlColor) {\n+        var color = null;\n+        if (kmlColor) {\n+            var matches = kmlColor.match(this.regExes.kmlColor);\n+            if (matches) {\n+                color = {\n+                    color: \"#\" + matches[4] + matches[3] + matches[2],\n+                    opacity: parseInt(matches[1], 16) / 255\n+                }\n+            }\n+        }\n+        return color\n+    },\n+    parseStyle: function(node) {\n+        var style = {};\n+        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\", \"LabelStyle\"];\n+        var type, styleTypeNode, nodeList, geometry, parser;\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            type = types[i];\n+            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n+            if (!styleTypeNode) {\n+                continue\n+            }\n+            switch (type.toLowerCase()) {\n+                case \"linestyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"strokeColor\"] = color.color;\n+                        style[\"strokeOpacity\"] = color.opacity\n+                    }\n+                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n+                    if (width) {\n+                        style[\"strokeWidth\"] = width\n+                    }\n+                    break;\n+                case \"polystyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fillOpacity\"] = color.opacity;\n+                        style[\"fillColor\"] = color.color\n+                    }\n+                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n+                    if (fill == \"0\") {\n+                        style[\"fillColor\"] = \"none\"\n+                    }\n+                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n+                    if (outline == \"0\") {\n+                        style[\"strokeWidth\"] = \"0\"\n+                    }\n+                    break;\n+                case \"iconstyle\":\n+                    var scale = parseFloat(this.parseProperty(styleTypeNode, \"*\", \"scale\") || 1);\n+                    var width = 32 * scale;\n+                    var height = 32 * scale;\n+                    var iconNode = this.getElementsByTagNameNS(styleTypeNode, \"*\", \"Icon\")[0];\n+                    if (iconNode) {\n+                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n+                        if (href) {\n+                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n+                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n+                            var google = \"http://maps.google.com/mapfiles/kml\";\n+                            if (OpenLayers.String.startsWith(href, google) && !w && !h) {\n+                                w = 64;\n+                                h = 64;\n+                                scale = scale / 2\n+                            }\n+                            w = w || h;\n+                            h = h || w;\n+                            if (w) {\n+                                width = parseInt(w) * scale\n+                            }\n+                            if (h) {\n+                                height = parseInt(h) * scale\n+                            }\n+                            var matches = href.match(this.regExes.kmlIconPalette);\n+                            if (matches) {\n+                                var palette = matches[1];\n+                                var file_extension = matches[2];\n+                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n+                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n+                                var posX = x ? x / 32 : 0;\n+                                var posY = y ? 7 - y / 32 : 7;\n+                                var pos = posY * 8 + posX;\n+                                href = \"http://maps.google.com/mapfiles/kml/pal\" + palette + \"/icon\" + pos + file_extension\n+                            }\n+                            style[\"graphicOpacity\"] = 1;\n+                            style[\"externalGraphic\"] = href\n+                        }\n+                    }\n+                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode, \"*\", \"hotSpot\")[0];\n+                    if (hotSpotNode) {\n+                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n+                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n+                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n+                        if (xUnits == \"pixels\") {\n+                            style[\"graphicXOffset\"] = -x * scale\n+                        } else if (xUnits == \"insetPixels\") {\n+                            style[\"graphicXOffset\"] = -width + x * scale\n+                        } else if (xUnits == \"fraction\") {\n+                            style[\"graphicXOffset\"] = -width * x\n+                        }\n+                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n+                        if (yUnits == \"pixels\") {\n+                            style[\"graphicYOffset\"] = -height + y * scale + 1\n+                        } else if (yUnits == \"insetPixels\") {\n+                            style[\"graphicYOffset\"] = -(y * scale) + 1\n+                        } else if (yUnits == \"fraction\") {\n+                            style[\"graphicYOffset\"] = -height * (1 - y) + 1\n+                        }\n+                    }\n+                    style[\"graphicWidth\"] = width;\n+                    style[\"graphicHeight\"] = height;\n+                    break;\n+                case \"balloonstyle\":\n+                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(styleTypeNode);\n+                    if (balloonStyle) {\n+                        style[\"balloonStyle\"] = balloonStyle.replace(this.regExes.straightBracket, \"${$1}\")\n+                    }\n+                    break;\n+                case \"labelstyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fontColor\"] = color.color;\n+                        style[\"fontOpacity\"] = color.opacity\n+                    }\n+                    break;\n+                default:\n+            }\n+        }\n+        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n+            style[\"strokeColor\"] = style[\"fillColor\"]\n+        }\n+        var id = node.getAttribute(\"id\");\n+        if (id && style) {\n+            style.id = id\n+        }\n+        return style\n+    },\n+    parseStyleMaps: function(nodes, options) {\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var node = nodes[i];\n+            var pairs = this.getElementsByTagNameNS(node, \"*\", \"Pair\");\n+            var id = node.getAttribute(\"id\");\n+            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n+                var pair = pairs[j];\n+                var key = this.parseProperty(pair, \"*\", \"key\");\n+                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n+                if (styleUrl && key == \"normal\") {\n+                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] = this.styles[(options.styleBaseUrl || \"\") + styleUrl]\n+                }\n+            }\n+        }\n+    },\n+    parseFeatures: function(nodes, options) {\n+        var features = [];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var featureNode = nodes[i];\n+            var feature = this.parseFeature.apply(this, [featureNode]);\n+            if (feature) {\n+                if (this.extractStyles && feature.attributes && feature.attributes.styleUrl) {\n+                    feature.style = this.getStyle(feature.attributes.styleUrl, options)\n+                }\n+                if (this.extractStyles) {\n+                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode, \"*\", \"Style\")[0];\n+                    if (inlineStyleNode) {\n+                        var inlineStyle = this.parseStyle(inlineStyleNode);\n+                        if (inlineStyle) {\n+                            feature.style = OpenLayers.Util.extend(feature.style, inlineStyle)\n+                        }\n+                    }\n+                }\n+                if (this.extractTracks) {\n+                    var tracks = this.getElementsByTagNameNS(featureNode, this.namespaces.gx, \"Track\");\n+                    if (tracks && tracks.length > 0) {\n+                        var track = tracks[0];\n+                        var container = {\n+                            features: [],\n+                            feature: feature\n+                        };\n+                        this.readNode(track, container);\n+                        if (container.features.length > 0) {\n+                            features.push.apply(features, container.features)\n+                        }\n+                    }\n+                } else {\n+                    features.push(feature)\n+                }\n+            } else {\n+                throw \"Bad Placemark: \" + i\n+            }\n+        }\n+        this.features = this.features.concat(features)\n+    },\n+    readers: {\n+        kml: {\n+            when: function(node, container) {\n+                container.whens.push(OpenLayers.Date.parse(this.getChildValue(node)))\n+            },\n+            _trackPointAttribute: function(node, container) {\n+                var name = node.nodeName.split(\":\").pop();\n+                container.attributes[name].push(this.getChildValue(node))\n+            }\n+        },\n+        gx: {\n+            Track: function(node, container) {\n+                var obj = {\n+                    whens: [],\n+                    points: [],\n+                    angles: []\n+                };\n+                if (this.trackAttributes) {\n+                    var name;\n+                    obj.attributes = {};\n+                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n+                        name = this.trackAttributes[i];\n+                        obj.attributes[name] = [];\n+                        if (!(name in this.readers.kml)) {\n+                            this.readers.kml[name] = this.readers.kml._trackPointAttribute\n+                        }\n+                    }\n+                }\n+                this.readChildNodes(node, obj);\n+                if (obj.whens.length !== obj.points.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" + obj.whens.length + \") and gx:coord (\" + obj.points.length + \") elements.\")\n+                }\n+                var hasAngles = obj.angles.length > 0;\n+                if (hasAngles && obj.whens.length !== obj.angles.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" + obj.whens.length + \") and gx:angles (\" + obj.angles.length + \") elements.\")\n+                }\n+                var feature, point, angles;\n+                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n+                    feature = container.feature.clone();\n+                    feature.fid = container.feature.fid || container.feature.id;\n+                    point = obj.points[i];\n+                    feature.geometry = point;\n+                    if (\"z\" in point) {\n+                        feature.attributes.altitude = point.z\n+                    }\n+                    if (this.internalProjection && this.externalProjection) {\n+                        feature.geometry.transform(this.externalProjection, this.internalProjection)\n+                    }\n+                    if (this.trackAttributes) {\n+                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n+                            var name = this.trackAttributes[j];\n+                            feature.attributes[name] = obj.attributes[name][i]\n+                        }\n+                    }\n+                    feature.attributes.when = obj.whens[i];\n+                    feature.attributes.trackId = container.feature.id;\n+                    if (hasAngles) {\n+                        angles = obj.angles[i];\n+                        feature.attributes.heading = parseFloat(angles[0]);\n+                        feature.attributes.tilt = parseFloat(angles[1]);\n+                        feature.attributes.roll = parseFloat(angles[2])\n+                    }\n+                    container.features.push(feature)\n+                }\n+            },\n+            coord: function(node, container) {\n+                var str = this.getChildValue(node);\n+                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n+                if (coords.length > 2) {\n+                    point.z = parseFloat(coords[2])\n+                }\n+                container.points.push(point)\n+            },\n+            angles: function(node, container) {\n+                var str = this.getChildValue(node);\n+                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                container.angles.push(parts)\n+            }\n+        }\n+    },\n+    parseFeature: function(node) {\n+        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n+        var type, nodeList, geometry, parser;\n+        for (var i = 0, len = order.length; i < len; ++i) {\n+            type = order[i];\n+            this.internalns = node.namespaceURI ? node.namespaceURI : this.kmlns;\n+            nodeList = this.getElementsByTagNameNS(node, this.internalns, type);\n+            if (nodeList.length > 0) {\n+                var parser = this.parseGeometry[type.toLowerCase()];\n+                if (parser) {\n+                    geometry = parser.apply(this, [nodeList[0]]);\n+                    if (this.internalProjection && this.externalProjection) {\n+                        geometry.transform(this.externalProjection, this.internalProjection)\n+                    }\n+                } else {\n+                    throw new TypeError(\"Unsupported geometry type: \" + type)\n+                }\n+                break\n+            }\n+        }\n+        var attributes;\n+        if (this.extractAttributes) {\n+            attributes = this.parseAttributes(node)\n+        }\n+        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n+        if (fid != null) {\n+            feature.fid = fid\n+        }\n+        return feature\n+    },\n+    getStyle: function(styleUrl, options) {\n+        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+        newOptions.styleBaseUrl = styleBaseUrl;\n+        if (!this.styles[styleUrl] && !OpenLayers.String.startsWith(styleUrl, \"#\") && newOptions.depth <= this.maxDepth && !this.fetched[styleBaseUrl]) {\n+            var data = this.fetchLink(styleBaseUrl);\n+            if (data) {\n+                this.parseData(data, newOptions)\n+            }\n+        }\n+        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n+        return style\n+    },\n+    parseGeometry: {\n+        point: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"coordinates\");\n+            var coords = [];\n+            if (nodeList.length > 0) {\n+                var coordString = nodeList[0].firstChild.nodeValue;\n+                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n+                coords = coordString.split(\",\")\n+            }\n+            var point = null;\n+            if (coords.length > 1) {\n+                if (coords.length == 2) {\n+                    coords[2] = null\n+                }\n+                point = new OpenLayers.Geometry.Point(coords[0], coords[1], coords[2])\n+            } else {\n+                throw \"Bad coordinate string: \" + coordString\n+            }\n+            return point\n+        },\n+        linestring: function(node, ring) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"coordinates\");\n+            var line = null;\n+            if (nodeList.length > 0) {\n+                var coordString = this.getChildValue(nodeList[0]);\n+                coordString = coordString.replace(this.regExes.trimSpace, \"\");\n+                coordString = coordString.replace(this.regExes.trimComma, \",\");\n+                var pointList = coordString.split(this.regExes.splitSpace);\n+                var numPoints = pointList.length;\n+                var points = new Array(numPoints);\n+                var coords, numCoords;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    coords = pointList[i].split(\",\");\n+                    numCoords = coords.length;\n+                    if (numCoords > 1) {\n+                        if (coords.length == 2) {\n+                            coords[2] = null\n+                        }\n+                        points[i] = new OpenLayers.Geometry.Point(coords[0], coords[1], coords[2])\n+                    } else {\n+                        throw \"Bad LineString point coordinates: \" + pointList[i]\n+                    }\n+                }\n+                if (numPoints) {\n+                    if (ring) {\n+                        line = new OpenLayers.Geometry.LinearRing(points)\n+                    } else {\n+                        line = new OpenLayers.Geometry.LineString(points)\n+                    }\n+                } else {\n+                    throw \"Bad LineString coordinates: \" + coordString\n+                }\n+            }\n+            return line\n+        },\n+        polygon: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"LinearRing\");\n+            var numRings = nodeList.length;\n+            var components = new Array(numRings);\n+            if (numRings > 0) {\n+                var ring;\n+                for (var i = 0, len = nodeList.length; i < len; ++i) {\n+                    ring = this.parseGeometry.linestring.apply(this, [nodeList[i], true]);\n+                    if (ring) {\n+                        components[i] = ring\n+                    } else {\n+                        throw \"Bad LinearRing geometry: \" + i\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Polygon(components)\n+        },\n+        multigeometry: function(node) {\n+            var child, parser;\n+            var parts = [];\n+            var children = node.childNodes;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    var type = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n+                    var parser = this.parseGeometry[type.toLowerCase()];\n+                    if (parser) {\n+                        parts.push(parser.apply(this, [child]))\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Collection(parts)\n+        }\n+    },\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n+        if (edNodes.length) {\n+            attributes = this.parseExtendedData(edNodes[0])\n+        }\n+        var child, grandchildren, grandchild;\n+        var children = node.childNodes;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                grandchildren = child.childNodes;\n+                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n+                    var grandchild;\n+                    switch (grandchildren.length) {\n+                        case 1:\n+                            grandchild = grandchildren[0];\n+                            break;\n+                        case 2:\n+                            var c1 = grandchildren[0];\n+                            var c2 = grandchildren[1];\n+                            grandchild = c1.nodeType == 3 || c1.nodeType == 4 ? c1 : c2;\n+                            break;\n+                        case 3:\n+                        default:\n+                            grandchild = grandchildren[1];\n+                            break\n+                    }\n+                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                        var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n+                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n+                        if (value) {\n+                            value = value.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        return attributes\n+    },\n+    parseExtendedData: function(node) {\n+        var attributes = {};\n+        var i, len, data, key;\n+        var dataNodes = node.getElementsByTagName(\"Data\");\n+        for (i = 0, len = dataNodes.length; i < len; i++) {\n+            data = dataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            var ed = {};\n+            var valueNode = data.getElementsByTagName(\"value\");\n+            if (valueNode.length) {\n+                ed[\"value\"] = this.getChildValue(valueNode[0])\n+            }\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed[\"value\"]\n+            } else {\n+                var nameNode = data.getElementsByTagName(\"displayName\");\n+                if (nameNode.length) {\n+                    ed[\"displayName\"] = this.getChildValue(nameNode[0])\n+                }\n+                attributes[key] = ed\n+            }\n+        }\n+        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n+        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n+            var ed = {};\n+            data = simpleDataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            ed[\"value\"] = this.getChildValue(data);\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed[\"value\"]\n+            } else {\n+                ed[\"displayName\"] = key;\n+                attributes[key] = ed\n+            }\n+        }\n+        return attributes\n+    },\n+    parseProperty: function(xmlNode, namespace, tagName) {\n+        var value;\n+        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n+        try {\n+            value = OpenLayers.Util.getXmlNodeValue(nodeList[0])\n+        } catch (e) {\n+            value = null\n+        }\n+        return value\n+    },\n+    write: function(features) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        var kml = this.createElementNS(this.kmlns, \"kml\");\n+        var folder = this.createFolderXML();\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            folder.appendChild(this.createPlacemarkXML(features[i]))\n+        }\n+        kml.appendChild(folder);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [kml])\n+    },\n+    createFolderXML: function() {\n+        var folder = this.createElementNS(this.kmlns, \"Folder\");\n+        if (this.foldersName) {\n+            var folderName = this.createElementNS(this.kmlns, \"name\");\n+            var folderNameText = this.createTextNode(this.foldersName);\n+            folderName.appendChild(folderNameText);\n+            folder.appendChild(folderName)\n+        }\n+        if (this.foldersDesc) {\n+            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n+            var folderDescText = this.createTextNode(this.foldersDesc);\n+            folderDesc.appendChild(folderDescText);\n+            folder.appendChild(folderDesc)\n+        }\n+        return folder\n+    },\n+    createPlacemarkXML: function(feature) {\n+        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n+        var label = feature.style && feature.style.label ? feature.style.label : feature.id;\n+        var name = feature.attributes.name || label;\n+        placemarkName.appendChild(this.createTextNode(name));\n+        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n+        var desc = feature.attributes.description || this.placemarksDesc;\n+        placemarkDesc.appendChild(this.createTextNode(desc));\n+        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n+        if (feature.fid != null) {\n+            placemarkNode.setAttribute(\"id\", feature.fid)\n+        }\n+        placemarkNode.appendChild(placemarkName);\n+        placemarkNode.appendChild(placemarkDesc);\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        placemarkNode.appendChild(geometryNode);\n+        if (feature.attributes) {\n+            var edNode = this.buildExtendedData(feature.attributes);\n+            if (edNode) {\n+                placemarkNode.appendChild(edNode)\n+            }\n+        }\n+        return placemarkNode\n+    },\n+    buildGeometryNode: function(geometry) {\n+        var className = geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        var builder = this.buildGeometry[type.toLowerCase()];\n+        var node = null;\n+        if (builder) {\n+            node = builder.apply(this, [geometry])\n+        }\n+        return node\n+    },\n+    buildGeometry: {\n+        point: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Point\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml\n+        },\n+        multipoint: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry])\n+        },\n+        linestring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LineString\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml\n+        },\n+        multilinestring: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry])\n+        },\n+        linearring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml\n+        },\n+        polygon: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n+            var rings = geometry.components;\n+            var ringMember, ringGeom, type;\n+            for (var i = 0, len = rings.length; i < len; ++i) {\n+                type = i == 0 ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n+                ringMember = this.createElementNS(this.kmlns, type);\n+                ringGeom = this.buildGeometry.linearring.apply(this, [rings[i]]);\n+                ringMember.appendChild(ringGeom);\n+                kml.appendChild(ringMember)\n+            }\n+            return kml\n+        },\n+        multipolygon: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry])\n+        },\n+        collection: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n+            var child;\n+            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n+                child = this.buildGeometryNode.apply(this, [geometry.components[i]]);\n+                if (child) {\n+                    kml.appendChild(child)\n+                }\n+            }\n+            return kml\n+        }\n+    },\n+    buildCoordinatesNode: function(geometry) {\n+        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+        var path;\n+        var points = geometry.components;\n+        if (points) {\n+            var point;\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; ++i) {\n+                point = points[i];\n+                parts[i] = this.buildCoordinates(point)\n+            }\n+            path = parts.join(\" \")\n+        } else {\n+            path = this.buildCoordinates(geometry)\n+        }\n+        var txtNode = this.createTextNode(path);\n+        coordinatesNode.appendChild(txtNode);\n+        return coordinatesNode\n+    },\n+    buildCoordinates: function(point) {\n+        if (this.internalProjection && this.externalProjection) {\n+            point = point.clone();\n+            point.transform(this.internalProjection, this.externalProjection)\n+        }\n+        return point.x + \",\" + point.y\n+    },\n+    buildExtendedData: function(attributes) {\n+        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n+        for (var attributeName in attributes) {\n+            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n+                var data = this.createElementNS(this.kmlns, \"Data\");\n+                data.setAttribute(\"name\", attributeName);\n+                var value = this.createElementNS(this.kmlns, \"value\");\n+                if (typeof attributes[attributeName] == \"object\") {\n+                    if (attributes[attributeName].value) {\n+                        value.appendChild(this.createTextNode(attributes[attributeName].value))\n+                    }\n+                    if (attributes[attributeName].displayName) {\n+                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n+                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n+                        data.appendChild(displayName)\n+                    }\n+                } else {\n+                    value.appendChild(this.createTextNode(attributes[attributeName]))\n+                }\n+                data.appendChild(value);\n+                extendedData.appendChild(data)\n+            }\n+        }\n+        if (this.isSimpleContent(extendedData)) {\n+            return null\n+        } else {\n+            return extendedData\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.KML\"\n+});\n+OpenLayers.Strategy = OpenLayers.Class({\n+    layer: null,\n+    options: null,\n+    active: null,\n+    autoActivate: true,\n+    autoDestroy: true,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        this.active = false\n+    },\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null\n+    },\n+    setLayer: function(layer) {\n+        this.layer = layer\n+    },\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true\n+        }\n+        return false\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+    preload: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                refresh: this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load()\n+            } else {\n+                this.layer.events.on({\n+                    visibilitychanged: this.load,\n+                    scope: this\n+                })\n+            }\n+        }\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                refresh: this.load,\n+                visibilitychanged: this.load,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n+    },\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            visibilitychanged: this.load,\n+            scope: this\n+        })\n+    },\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local)\n+                    }\n+                }\n+            }\n+            layer.addFeatures(features)\n+        }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+});\n+OpenLayers.Protocol = OpenLayers.Class({\n+    format: null,\n+    options: null,\n+    autoDestroy: true,\n+    defaultFilter: null,\n+    initialize: function(options) {\n+        options = options || {};\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options\n+    },\n+    mergeWithDefaultFilter: function(filter) {\n+        var merged;\n+        if (filter && this.defaultFilter) {\n+            merged = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.defaultFilter, filter]\n+            })\n+        } else {\n+            merged = filter || this.defaultFilter || undefined\n+        }\n+        return merged\n+    },\n+    destroy: function() {\n+        this.options = null;\n+        this.format = null\n+    },\n+    read: function(options) {\n+        options = options || {};\n+        options.filter = this.mergeWithDefaultFilter(options.filter)\n+    },\n+    create: function() {},\n+    update: function() {},\n+    delete: function() {},\n+    commit: function() {},\n+    abort: function(response) {},\n+    createCallback: function(method, response, options) {\n+        return OpenLayers.Function.bind(function() {\n+            method.apply(this, [response, options])\n+        }, this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol\"\n+});\n+OpenLayers.Protocol.Response = OpenLayers.Class({\n+    code: null,\n+    requestType: null,\n+    last: true,\n+    features: null,\n+    data: null,\n+    reqFeatures: null,\n+    priv: null,\n+    error: null,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    success: function() {\n+        return this.code > 0\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.Response\"\n+});\n+OpenLayers.Protocol.Response.SUCCESS = 1;\n+OpenLayers.Protocol.Response.FAILURE = 0;\n OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n     url: null,\n     headers: null,\n     params: null,\n     callback: null,\n     scope: null,\n     readWithPOST: false,\n@@ -11967,444 +13679,14 @@\n     abort: function(response) {\n         if (response) {\n             response.priv.abort()\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n });\n-OpenLayers.Format = OpenLayers.Class({\n-    options: null,\n-    externalProjection: null,\n-    internalProjection: null,\n-    data: null,\n-    keepData: false,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options\n-    },\n-    destroy: function() {},\n-    read: function(data) {\n-        throw new Error(\"Read not implemented.\")\n-    },\n-    write: function(object) {\n-        throw new Error(\"Write not implemented.\")\n-    },\n-    CLASS_NAME: \"OpenLayers.Format\"\n-});\n-OpenLayers.Format.XML = OpenLayers.Class(OpenLayers.Format, {\n-    namespaces: null,\n-    namespaceAlias: null,\n-    defaultPrefix: null,\n-    readers: {},\n-    writers: {},\n-    xmldom: null,\n-    initialize: function(options) {\n-        if (window.ActiveXObject) {\n-            this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n-        }\n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n-        this.namespaces = OpenLayers.Util.extend({}, this.namespaces);\n-        this.namespaceAlias = {};\n-        for (var alias in this.namespaces) {\n-            this.namespaceAlias[this.namespaces[alias]] = alias\n-        }\n-    },\n-    destroy: function() {\n-        this.xmldom = null;\n-        OpenLayers.Format.prototype.destroy.apply(this, arguments)\n-    },\n-    setNamespace: function(alias, uri) {\n-        this.namespaces[alias] = uri;\n-        this.namespaceAlias[uri] = alias\n-    },\n-    read: function(text) {\n-        var index = text.indexOf(\"<\");\n-        if (index > 0) {\n-            text = text.substring(index)\n-        }\n-        var node = OpenLayers.Util.Try(OpenLayers.Function.bind(function() {\n-            var xmldom;\n-            if (window.ActiveXObject && !this.xmldom) {\n-                xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n-            } else {\n-                xmldom = this.xmldom\n-            }\n-            xmldom.loadXML(text);\n-            return xmldom\n-        }, this), function() {\n-            return (new DOMParser).parseFromString(text, \"text/xml\")\n-        }, function() {\n-            var req = new XMLHttpRequest;\n-            req.open(\"GET\", \"data:\" + \"text/xml\" + \";charset=utf-8,\" + encodeURIComponent(text), false);\n-            if (req.overrideMimeType) {\n-                req.overrideMimeType(\"text/xml\")\n-            }\n-            req.send(null);\n-            return req.responseXML\n-        });\n-        if (this.keepData) {\n-            this.data = node\n-        }\n-        return node\n-    },\n-    write: function(node) {\n-        var data;\n-        if (this.xmldom) {\n-            data = node.xml\n-        } else {\n-            var serializer = new XMLSerializer;\n-            if (node.nodeType == 1) {\n-                var doc = document.implementation.createDocument(\"\", \"\", null);\n-                if (doc.importNode) {\n-                    node = doc.importNode(node, true)\n-                }\n-                doc.appendChild(node);\n-                data = serializer.serializeToString(doc)\n-            } else {\n-                data = serializer.serializeToString(node)\n-            }\n-        }\n-        return data\n-    },\n-    createElementNS: function(uri, name) {\n-        var element;\n-        if (this.xmldom) {\n-            if (typeof uri == \"string\") {\n-                element = this.xmldom.createNode(1, name, uri)\n-            } else {\n-                element = this.xmldom.createNode(1, name, \"\")\n-            }\n-        } else {\n-            element = document.createElementNS(uri, name)\n-        }\n-        return element\n-    },\n-    createDocumentFragment: function() {\n-        var element;\n-        if (this.xmldom) {\n-            element = this.xmldom.createDocumentFragment()\n-        } else {\n-            element = document.createDocumentFragment()\n-        }\n-        return element\n-    },\n-    createTextNode: function(text) {\n-        var node;\n-        if (typeof text !== \"string\") {\n-            text = String(text)\n-        }\n-        if (this.xmldom) {\n-            node = this.xmldom.createTextNode(text)\n-        } else {\n-            node = document.createTextNode(text)\n-        }\n-        return node\n-    },\n-    getElementsByTagNameNS: function(node, uri, name) {\n-        var elements = [];\n-        if (node.getElementsByTagNameNS) {\n-            elements = node.getElementsByTagNameNS(uri, name)\n-        } else {\n-            var allNodes = node.getElementsByTagName(\"*\");\n-            var potentialNode, fullName;\n-            for (var i = 0, len = allNodes.length; i < len; ++i) {\n-                potentialNode = allNodes[i];\n-                fullName = potentialNode.prefix ? potentialNode.prefix + \":\" + name : name;\n-                if (name == \"*\" || fullName == potentialNode.nodeName) {\n-                    if (uri == \"*\" || uri == potentialNode.namespaceURI) {\n-                        elements.push(potentialNode)\n-                    }\n-                }\n-            }\n-        }\n-        return elements\n-    },\n-    getAttributeNodeNS: function(node, uri, name) {\n-        var attributeNode = null;\n-        if (node.getAttributeNodeNS) {\n-            attributeNode = node.getAttributeNodeNS(uri, name)\n-        } else {\n-            var attributes = node.attributes;\n-            var potentialNode, fullName;\n-            for (var i = 0, len = attributes.length; i < len; ++i) {\n-                potentialNode = attributes[i];\n-                if (potentialNode.namespaceURI == uri) {\n-                    fullName = potentialNode.prefix ? potentialNode.prefix + \":\" + name : name;\n-                    if (fullName == potentialNode.nodeName) {\n-                        attributeNode = potentialNode;\n-                        break\n-                    }\n-                }\n-            }\n-        }\n-        return attributeNode\n-    },\n-    getAttributeNS: function(node, uri, name) {\n-        var attributeValue = \"\";\n-        if (node.getAttributeNS) {\n-            attributeValue = node.getAttributeNS(uri, name) || \"\"\n-        } else {\n-            var attributeNode = this.getAttributeNodeNS(node, uri, name);\n-            if (attributeNode) {\n-                attributeValue = attributeNode.nodeValue\n-            }\n-        }\n-        return attributeValue\n-    },\n-    getChildValue: function(node, def) {\n-        var value = def || \"\";\n-        if (node) {\n-            for (var child = node.firstChild; child; child = child.nextSibling) {\n-                switch (child.nodeType) {\n-                    case 3:\n-                    case 4:\n-                        value += child.nodeValue\n-                }\n-            }\n-        }\n-        return value\n-    },\n-    isSimpleContent: function(node) {\n-        var simple = true;\n-        for (var child = node.firstChild; child; child = child.nextSibling) {\n-            if (child.nodeType === 1) {\n-                simple = false;\n-                break\n-            }\n-        }\n-        return simple\n-    },\n-    contentType: function(node) {\n-        var simple = false,\n-            complex = false;\n-        var type = OpenLayers.Format.XML.CONTENT_TYPE.EMPTY;\n-        for (var child = node.firstChild; child; child = child.nextSibling) {\n-            switch (child.nodeType) {\n-                case 1:\n-                    complex = true;\n-                    break;\n-                case 8:\n-                    break;\n-                default:\n-                    simple = true\n-            }\n-            if (complex && simple) {\n-                break\n-            }\n-        }\n-        if (complex && simple) {\n-            type = OpenLayers.Format.XML.CONTENT_TYPE.MIXED\n-        } else if (complex) {\n-            return OpenLayers.Format.XML.CONTENT_TYPE.COMPLEX\n-        } else if (simple) {\n-            return OpenLayers.Format.XML.CONTENT_TYPE.SIMPLE\n-        }\n-        return type\n-    },\n-    hasAttributeNS: function(node, uri, name) {\n-        var found = false;\n-        if (node.hasAttributeNS) {\n-            found = node.hasAttributeNS(uri, name)\n-        } else {\n-            found = !!this.getAttributeNodeNS(node, uri, name)\n-        }\n-        return found\n-    },\n-    setAttributeNS: function(node, uri, name, value) {\n-        if (node.setAttributeNS) {\n-            node.setAttributeNS(uri, name, value)\n-        } else {\n-            if (this.xmldom) {\n-                if (uri) {\n-                    var attribute = node.ownerDocument.createNode(2, name, uri);\n-                    attribute.nodeValue = value;\n-                    node.setAttributeNode(attribute)\n-                } else {\n-                    node.setAttribute(name, value)\n-                }\n-            } else {\n-                throw \"setAttributeNS not implemented\"\n-            }\n-        }\n-    },\n-    createElementNSPlus: function(name, options) {\n-        options = options || {};\n-        var uri = options.uri || this.namespaces[options.prefix];\n-        if (!uri) {\n-            var loc = name.indexOf(\":\");\n-            uri = this.namespaces[name.substring(0, loc)]\n-        }\n-        if (!uri) {\n-            uri = this.namespaces[this.defaultPrefix]\n-        }\n-        var node = this.createElementNS(uri, name);\n-        if (options.attributes) {\n-            this.setAttributes(node, options.attributes)\n-        }\n-        var value = options.value;\n-        if (value != null) {\n-            node.appendChild(this.createTextNode(value))\n-        }\n-        return node\n-    },\n-    setAttributes: function(node, obj) {\n-        var value, uri;\n-        for (var name in obj) {\n-            if (obj[name] != null && obj[name].toString) {\n-                value = obj[name].toString();\n-                uri = this.namespaces[name.substring(0, name.indexOf(\":\"))] || null;\n-                this.setAttributeNS(node, uri, name, value)\n-            }\n-        }\n-    },\n-    readNode: function(node, obj) {\n-        if (!obj) {\n-            obj = {}\n-        }\n-        var group = this.readers[node.namespaceURI ? this.namespaceAlias[node.namespaceURI] : this.defaultPrefix];\n-        if (group) {\n-            var local = node.localName || node.nodeName.split(\":\").pop();\n-            var reader = group[local] || group[\"*\"];\n-            if (reader) {\n-                reader.apply(this, [node, obj])\n-            }\n-        }\n-        return obj\n-    },\n-    readChildNodes: function(node, obj) {\n-        if (!obj) {\n-            obj = {}\n-        }\n-        var children = node.childNodes;\n-        var child;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                this.readNode(child, obj)\n-            }\n-        }\n-        return obj\n-    },\n-    writeNode: function(name, obj, parent) {\n-        var prefix, local;\n-        var split = name.indexOf(\":\");\n-        if (split > 0) {\n-            prefix = name.substring(0, split);\n-            local = name.substring(split + 1)\n-        } else {\n-            if (parent) {\n-                prefix = this.namespaceAlias[parent.namespaceURI]\n-            } else {\n-                prefix = this.defaultPrefix\n-            }\n-            local = name\n-        }\n-        var child = this.writers[prefix][local].apply(this, [obj]);\n-        if (parent) {\n-            parent.appendChild(child)\n-        }\n-        return child\n-    },\n-    getChildEl: function(node, name, uri) {\n-        return node && this.getThisOrNextEl(node.firstChild, name, uri)\n-    },\n-    getNextEl: function(node, name, uri) {\n-        return node && this.getThisOrNextEl(node.nextSibling, name, uri)\n-    },\n-    getThisOrNextEl: function(node, name, uri) {\n-        outer: for (var sibling = node; sibling; sibling = sibling.nextSibling) {\n-            switch (sibling.nodeType) {\n-                case 1:\n-                    if ((!name || name === (sibling.localName || sibling.nodeName.split(\":\").pop())) && (!uri || uri === sibling.namespaceURI)) {\n-                        break outer\n-                    }\n-                    sibling = null;\n-                    break outer;\n-                case 3:\n-                    if (/^\\s*$/.test(sibling.nodeValue)) {\n-                        break\n-                    }\n-                case 4:\n-                case 6:\n-                case 12:\n-                case 10:\n-                case 11:\n-                    sibling = null;\n-                    break outer\n-            }\n-        }\n-        return sibling || null\n-    },\n-    lookupNamespaceURI: function(node, prefix) {\n-        var uri = null;\n-        if (node) {\n-            if (node.lookupNamespaceURI) {\n-                uri = node.lookupNamespaceURI(prefix)\n-            } else {\n-                outer: switch (node.nodeType) {\n-                    case 1:\n-                        if (node.namespaceURI !== null && node.prefix === prefix) {\n-                            uri = node.namespaceURI;\n-                            break outer\n-                        }\n-                        var len = node.attributes.length;\n-                        if (len) {\n-                            var attr;\n-                            for (var i = 0; i < len; ++i) {\n-                                attr = node.attributes[i];\n-                                if (attr.prefix === \"xmlns\" && attr.name === \"xmlns:\" + prefix) {\n-                                    uri = attr.value || null;\n-                                    break outer\n-                                } else if (attr.name === \"xmlns\" && prefix === null) {\n-                                    uri = attr.value || null;\n-                                    break outer\n-                                }\n-                            }\n-                        }\n-                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n-                        break outer;\n-                    case 2:\n-                        uri = this.lookupNamespaceURI(node.ownerElement, prefix);\n-                        break outer;\n-                    case 9:\n-                        uri = this.lookupNamespaceURI(node.documentElement, prefix);\n-                        break outer;\n-                    case 6:\n-                    case 12:\n-                    case 10:\n-                    case 11:\n-                        break outer;\n-                    default:\n-                        uri = this.lookupNamespaceURI(node.parentNode, prefix);\n-                        break outer\n-                }\n-            }\n-        }\n-        return uri\n-    },\n-    getXMLDoc: function() {\n-        if (!OpenLayers.Format.XML.document && !this.xmldom) {\n-            if (document.implementation && document.implementation.createDocument) {\n-                OpenLayers.Format.XML.document = document.implementation.createDocument(\"\", \"\", null)\n-            } else if (!this.xmldom && window.ActiveXObject) {\n-                this.xmldom = new ActiveXObject(\"Microsoft.XMLDOM\")\n-            }\n-        }\n-        return OpenLayers.Format.XML.document || this.xmldom\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.XML\"\n-});\n-OpenLayers.Format.XML.CONTENT_TYPE = {\n-    EMPTY: 0,\n-    SIMPLE: 1,\n-    COMPLEX: 2,\n-    MIXED: 3\n-};\n-OpenLayers.Format.XML.lookupNamespaceURI = OpenLayers.Function.bind(OpenLayers.Format.XML.prototype.lookupNamespaceURI, OpenLayers.Format.XML.prototype);\n-OpenLayers.Format.XML.document = null;\n OpenLayers.Format.WFST = function(options) {\n     options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.WFST.DEFAULTS);\n     var cls = OpenLayers.Format.WFST[\"v\" + options.version.replace(/\\./g, \"_\")];\n     if (!cls) {\n         throw \"Unsupported WFST version: \" + options.version\n     }\n     return new cls(options)\n@@ -12764,145 +14046,14 @@\n             if (filter instanceof OpenLayers.Filter.Spatial && !filter.property) {\n                 filter.property = this.geometryName\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFST.v1\"\n });\n-OpenLayers.Geometry.MultiLineString = OpenLayers.Class(OpenLayers.Geometry.Collection, {\n-    componentTypes: [\"OpenLayers.Geometry.LineString\"],\n-    split: function(geometry, options) {\n-        var results = null;\n-        var mutual = options && options.mutual;\n-        var splits, sourceLine, sourceLines, sourceSplit, targetSplit;\n-        var sourceParts = [];\n-        var targetParts = [geometry];\n-        for (var i = 0, len = this.components.length; i < len; ++i) {\n-            sourceLine = this.components[i];\n-            sourceSplit = false;\n-            for (var j = 0; j < targetParts.length; ++j) {\n-                splits = sourceLine.split(targetParts[j], options);\n-                if (splits) {\n-                    if (mutual) {\n-                        sourceLines = splits[0];\n-                        for (var k = 0, klen = sourceLines.length; k < klen; ++k) {\n-                            if (k === 0 && sourceParts.length) {\n-                                sourceParts[sourceParts.length - 1].addComponent(sourceLines[k])\n-                            } else {\n-                                sourceParts.push(new OpenLayers.Geometry.MultiLineString([sourceLines[k]]))\n-                            }\n-                        }\n-                        sourceSplit = true;\n-                        splits = splits[1]\n-                    }\n-                    if (splits.length) {\n-                        splits.unshift(j, 1);\n-                        Array.prototype.splice.apply(targetParts, splits);\n-                        break\n-                    }\n-                }\n-            }\n-            if (!sourceSplit) {\n-                if (sourceParts.length) {\n-                    sourceParts[sourceParts.length - 1].addComponent(sourceLine.clone())\n-                } else {\n-                    sourceParts = [new OpenLayers.Geometry.MultiLineString(sourceLine.clone())]\n-                }\n-            }\n-        }\n-        if (sourceParts && sourceParts.length > 1) {\n-            sourceSplit = true\n-        } else {\n-            sourceParts = []\n-        }\n-        if (targetParts && targetParts.length > 1) {\n-            targetSplit = true\n-        } else {\n-            targetParts = []\n-        }\n-        if (sourceSplit || targetSplit) {\n-            if (mutual) {\n-                results = [sourceParts, targetParts]\n-            } else {\n-                results = targetParts\n-            }\n-        }\n-        return results\n-    },\n-    splitWith: function(geometry, options) {\n-        var results = null;\n-        var mutual = options && options.mutual;\n-        var splits, targetLine, sourceLines, sourceSplit, targetSplit, sourceParts, targetParts;\n-        if (geometry instanceof OpenLayers.Geometry.LineString) {\n-            targetParts = [];\n-            sourceParts = [geometry];\n-            for (var i = 0, len = this.components.length; i < len; ++i) {\n-                targetSplit = false;\n-                targetLine = this.components[i];\n-                for (var j = 0; j < sourceParts.length; ++j) {\n-                    splits = sourceParts[j].split(targetLine, options);\n-                    if (splits) {\n-                        if (mutual) {\n-                            sourceLines = splits[0];\n-                            if (sourceLines.length) {\n-                                sourceLines.unshift(j, 1);\n-                                Array.prototype.splice.apply(sourceParts, sourceLines);\n-                                j += sourceLines.length - 2\n-                            }\n-                            splits = splits[1];\n-                            if (splits.length === 0) {\n-                                splits = [targetLine.clone()]\n-                            }\n-                        }\n-                        for (var k = 0, klen = splits.length; k < klen; ++k) {\n-                            if (k === 0 && targetParts.length) {\n-                                targetParts[targetParts.length - 1].addComponent(splits[k])\n-                            } else {\n-                                targetParts.push(new OpenLayers.Geometry.MultiLineString([splits[k]]))\n-                            }\n-                        }\n-                        targetSplit = true\n-                    }\n-                }\n-                if (!targetSplit) {\n-                    if (targetParts.length) {\n-                        targetParts[targetParts.length - 1].addComponent(targetLine.clone())\n-                    } else {\n-                        targetParts = [new OpenLayers.Geometry.MultiLineString([targetLine.clone()])]\n-                    }\n-                }\n-            }\n-        } else {\n-            results = geometry.split(this)\n-        }\n-        if (sourceParts && sourceParts.length > 1) {\n-            sourceSplit = true\n-        } else {\n-            sourceParts = []\n-        }\n-        if (targetParts && targetParts.length > 1) {\n-            targetSplit = true\n-        } else {\n-            targetParts = []\n-        }\n-        if (sourceSplit || targetSplit) {\n-            if (mutual) {\n-                results = [sourceParts, targetParts]\n-            } else {\n-                results = targetParts\n-            }\n-        }\n-        return results\n-    },\n-    CLASS_NAME: \"OpenLayers.Geometry.MultiLineString\"\n-});\n-OpenLayers.Geometry.MultiPolygon = OpenLayers.Class(OpenLayers.Geometry.Collection, {\n-    componentTypes: [\"OpenLayers.Geometry.Polygon\"],\n-    CLASS_NAME: \"OpenLayers.Geometry.MultiPolygon\"\n-});\n OpenLayers.Format.GML = OpenLayers.Class(OpenLayers.Format.XML, {\n     featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n     featurePrefix: \"feature\",\n     featureName: \"featureMember\",\n     layerName: \"features\",\n     geometryName: \"geometry\",\n     collectionName: \"FeatureCollection\",\n@@ -14178,62 +15329,14 @@\n     CLASS_NAME: \"OpenLayers.Format.Filter\"\n });\n OpenLayers.Filter.Function = OpenLayers.Class(OpenLayers.Filter, {\n     name: null,\n     params: null,\n     CLASS_NAME: \"OpenLayers.Filter.Function\"\n });\n-OpenLayers.Date = {\n-    dateRegEx: /^(?:(\\d{4})(?:-(\\d{2})(?:-(\\d{2}))?)?)?(?:(?:T(\\d{1,2}):(\\d{2}):(\\d{2}(?:\\.\\d+)?)(Z|(?:[+-]\\d{1,2}(?::(\\d{2}))?)))|Z)?$/,\n-    toISOString: function() {\n-        if (\"toISOString\" in Date.prototype) {\n-            return function(date) {\n-                return date.toISOString()\n-            }\n-        } else {\n-            return function(date) {\n-                var str;\n-                if (isNaN(date.getTime())) {\n-                    str = \"Invalid Date\"\n-                } else {\n-                    str = date.getUTCFullYear() + \"-\" + OpenLayers.Number.zeroPad(date.getUTCMonth() + 1, 2) + \"-\" + OpenLayers.Number.zeroPad(date.getUTCDate(), 2) + \"T\" + OpenLayers.Number.zeroPad(date.getUTCHours(), 2) + \":\" + OpenLayers.Number.zeroPad(date.getUTCMinutes(), 2) + \":\" + OpenLayers.Number.zeroPad(date.getUTCSeconds(), 2) + \".\" + OpenLayers.Number.zeroPad(date.getUTCMilliseconds(), 3) + \"Z\"\n-                }\n-                return str\n-            }\n-        }\n-    }(),\n-    parse: function(str) {\n-        var date;\n-        var match = str.match(this.dateRegEx);\n-        if (match && (match[1] || match[7])) {\n-            var year = parseInt(match[1], 10) || 0;\n-            var month = parseInt(match[2], 10) - 1 || 0;\n-            var day = parseInt(match[3], 10) || 1;\n-            date = new Date(Date.UTC(year, month, day));\n-            var type = match[7];\n-            if (type) {\n-                var hours = parseInt(match[4], 10);\n-                var minutes = parseInt(match[5], 10);\n-                var secFrac = parseFloat(match[6]);\n-                var seconds = secFrac | 0;\n-                var milliseconds = Math.round(1e3 * (secFrac - seconds));\n-                date.setUTCHours(hours, minutes, seconds, milliseconds);\n-                if (type !== \"Z\") {\n-                    var hoursOffset = parseInt(type, 10);\n-                    var minutesOffset = parseInt(match[8], 10) || 0;\n-                    var offset = -1e3 * (60 * (hoursOffset * 60) + minutesOffset * 60);\n-                    date = new Date(date.getTime() + offset)\n-                }\n-            }\n-        } else {\n-            date = new Date(\"invalid\")\n-        }\n-        return date\n-    }\n-};\n OpenLayers.Format.Filter.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         ogc: \"http://www.opengis.net/ogc\",\n         gml: \"http://www.opengis.net/gml\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n@@ -14757,1300 +15860,552 @@\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n });\n OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n     version: \"1.0.0\",\n     CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n });\n-OpenLayers.Format.JSON = OpenLayers.Class(OpenLayers.Format, {\n-    indent: \"    \",\n-    space: \" \",\n-    newline: \"\\n\",\n-    level: 0,\n-    pretty: false,\n-    nativeJSON: function() {\n-        return !!(window.JSON && typeof JSON.parse == \"function\" && typeof JSON.stringify == \"function\")\n-    }(),\n-    read: function(json, filter) {\n-        var object;\n-        if (this.nativeJSON) {\n-            object = JSON.parse(json, filter)\n-        } else try {\n-            if (/^[\\],:{}\\s]*$/.test(json.replace(/\\\\[\"\\\\\\/bfnrtu]/g, \"@\").replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, \"]\").replace(/(?:^|:|,)(?:\\s*\\[)+/g, \"\"))) {\n-                object = eval(\"(\" + json + \")\");\n-                if (typeof filter === \"function\") {\n-                    function walk(k, v) {\n-                        if (v && typeof v === \"object\") {\n-                            for (var i in v) {\n-                                if (v.hasOwnProperty(i)) {\n-                                    v[i] = walk(i, v[i])\n-                                }\n-                            }\n-                        }\n-                        return filter(k, v)\n-                    }\n-                    object = walk(\"\", object)\n-                }\n-            }\n-        } catch (e) {}\n-        if (this.keepData) {\n-            this.data = object\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n+    hitDetection: true,\n+    hitOverflow: 0,\n+    canvas: null,\n+    features: null,\n+    pendingRedraw: false,\n+    cachedSymbolBounds: {},\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\")\n         }\n-        return object\n     },\n-    write: function(value, pretty) {\n-        this.pretty = !!pretty;\n-        var json = null;\n-        var type = typeof value;\n-        if (this.serialize[type]) {\n-            try {\n-                json = !this.pretty && this.nativeJSON ? JSON.stringify(value) : this.serialize[type].apply(this, [value])\n-            } catch (err) {\n-                OpenLayers.Console.error(\"Trouble serializing: \" + err)\n-            }\n-        }\n-        return json\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        return false\n     },\n-    writeIndent: function() {\n-        var pieces = [];\n-        if (this.pretty) {\n-            for (var i = 0; i < this.level; ++i) {\n-                pieces.push(this.indent)\n-            }\n-        }\n-        return pieces.join(\"\")\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0])\n     },\n-    writeNewline: function() {\n-        return this.pretty ? this.newline : \"\"\n+    supported: function() {\n+        return OpenLayers.CANVAS_SUPPORTED\n     },\n-    writeSpace: function() {\n-        return this.pretty ? this.space : \"\"\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h\n+        }\n     },\n-    serialize: {\n-        object: function(object) {\n-            if (object == null) {\n-                return \"null\"\n-            }\n-            if (object.constructor == Date) {\n-                return this.serialize.date.apply(this, [object])\n-            }\n-            if (object.constructor == Array) {\n-                return this.serialize.array.apply(this, [object])\n-            }\n-            var pieces = [\"{\"];\n-            this.level += 1;\n-            var key, keyJSON, valueJSON;\n-            var addComma = false;\n-            for (key in object) {\n-                if (object.hasOwnProperty(key)) {\n-                    keyJSON = OpenLayers.Format.JSON.prototype.write.apply(this, [key, this.pretty]);\n-                    valueJSON = OpenLayers.Format.JSON.prototype.write.apply(this, [object[key], this.pretty]);\n-                    if (keyJSON != null && valueJSON != null) {\n-                        if (addComma) {\n-                            pieces.push(\",\")\n-                        }\n-                        pieces.push(this.writeNewline(), this.writeIndent(), keyJSON, \":\", this.writeSpace(), valueJSON);\n-                        addComma = true\n-                    }\n-                }\n-            }\n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), \"}\");\n-            return pieces.join(\"\")\n-        },\n-        array: function(array) {\n-            var json;\n-            var pieces = [\"[\"];\n-            this.level += 1;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                json = OpenLayers.Format.JSON.prototype.write.apply(this, [array[i], this.pretty]);\n-                if (json != null) {\n-                    if (i > 0) {\n-                        pieces.push(\",\")\n-                    }\n-                    pieces.push(this.writeNewline(), this.writeIndent(), json)\n-                }\n-            }\n-            this.level -= 1;\n-            pieces.push(this.writeNewline(), this.writeIndent(), \"]\");\n-            return pieces.join(\"\")\n-        },\n-        string: function(string) {\n-            var m = {\n-                \"\\b\": \"\\\\b\",\n-                \"\\t\": \"\\\\t\",\n-                \"\\n\": \"\\\\n\",\n-                \"\\f\": \"\\\\f\",\n-                \"\\r\": \"\\\\r\",\n-                '\"': '\\\\\"',\n-                \"\\\\\": \"\\\\\\\\\"\n-            };\n-            if (/[\"\\\\\\x00-\\x1f]/.test(string)) {\n-                return '\"' + string.replace(/([\\x00-\\x1f\\\\\"])/g, function(a, b) {\n-                    var c = m[b];\n-                    if (c) {\n-                        return c\n-                    }\n-                    c = b.charCodeAt();\n-                    return \"\\\\u00\" + Math.floor(c / 16).toString(16) + (c % 16).toString(16)\n-                }) + '\"'\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            var bounds = feature.geometry.getBounds();\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent()\n             }\n-            return '\"' + string + '\"'\n-        },\n-        number: function(number) {\n-            return isFinite(number) ? String(number) : \"null\"\n-        },\n-        boolean: function(bool) {\n-            return String(bool)\n-        },\n-        date: function(date) {\n-            function format(number) {\n-                return number < 10 ? \"0\" + number : number\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+            rendered = style.display !== \"none\" && !!bounds && intersects;\n+            if (rendered) {\n+                this.features[feature.id] = [feature, style]\n+            } else {\n+                delete this.features[feature.id]\n             }\n-            return '\"' + date.getFullYear() + \"-\" + format(date.getMonth() + 1) + \"-\" + format(date.getDate()) + \"T\" + format(date.getHours()) + \":\" + format(date.getMinutes()) + \":\" + format(date.getSeconds()) + '\"'\n+            this.pendingRedraw = true\n         }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.JSON\"\n-});\n-OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n-    ignoreExtraDims: false,\n-    read: function(json, type, filter) {\n-        type = type ? type : \"FeatureCollection\";\n-        var results = null;\n-        var obj = null;\n-        if (typeof json == \"string\") {\n-            obj = OpenLayers.Format.JSON.prototype.read.apply(this, [json, filter])\n-        } else {\n-            obj = json\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false\n         }\n-        if (!obj) {\n-            OpenLayers.Console.error(\"Bad JSON: \" + json)\n-        } else if (typeof obj.type != \"string\") {\n-            OpenLayers.Console.error(\"Bad GeoJSON - no type: \" + json)\n-        } else if (this.isValidType(obj, type)) {\n-            switch (type) {\n-                case \"Geometry\":\n-                    try {\n-                        results = this.parseGeometry(obj)\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err)\n-                    }\n-                    break;\n-                case \"Feature\":\n-                    try {\n-                        results = this.parseFeature(obj);\n-                        results.type = \"Feature\"\n-                    } catch (err) {\n-                        OpenLayers.Console.error(err)\n-                    }\n-                    break;\n-                case \"FeatureCollection\":\n-                    results = [];\n-                    switch (obj.type) {\n-                        case \"Feature\":\n-                            try {\n-                                results.push(this.parseFeature(obj))\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err)\n-                            }\n-                            break;\n-                        case \"FeatureCollection\":\n-                            for (var i = 0, len = obj.features.length; i < len; ++i) {\n-                                try {\n-                                    results.push(this.parseFeature(obj.features[i]))\n-                                } catch (err) {\n-                                    results = null;\n-                                    OpenLayers.Console.error(err)\n-                                }\n-                            }\n-                            break;\n-                        default:\n-                            try {\n-                                var geom = this.parseGeometry(obj);\n-                                results.push(new OpenLayers.Feature.Vector(geom))\n-                            } catch (err) {\n-                                results = null;\n-                                OpenLayers.Console.error(err)\n-                            }\n-                    }\n-                    break\n+        return rendered\n+    },\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId)\n             }\n+            return\n         }\n-        return results\n-    },\n-    isValidType: function(obj, type) {\n-        var valid = false;\n-        switch (type) {\n-            case \"Geometry\":\n-                if (OpenLayers.Util.indexOf([\"Point\", \"MultiPoint\", \"LineString\", \"MultiLineString\", \"Polygon\", \"MultiPolygon\", \"Box\", \"GeometryCollection\"], obj.type) == -1) {\n-                    OpenLayers.Console.error(\"Unsupported geometry type: \" + obj.type)\n-                } else {\n-                    valid = true\n-                }\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                this.drawPoint(geometry, style, featureId);\n                 break;\n-            case \"FeatureCollection\":\n-                valid = true;\n+            case \"OpenLayers.Geometry.LineString\":\n+                this.drawLineString(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                this.drawLinearRing(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                this.drawPolygon(geometry, style, featureId);\n                 break;\n             default:\n-                if (obj.type == type) {\n-                    valid = true\n-                } else {\n-                    OpenLayers.Console.error(\"Cannot convert types from \" + obj.type + \" to \" + type)\n-                }\n-        }\n-        return valid\n-    },\n-    parseFeature: function(obj) {\n-        var feature, geometry, attributes, bbox;\n-        attributes = obj.properties ? obj.properties : {};\n-        bbox = obj.geometry && obj.geometry.bbox || obj.bbox;\n-        try {\n-            geometry = this.parseGeometry(obj.geometry)\n-        } catch (err) {\n-            throw err\n-        }\n-        feature = new OpenLayers.Feature.Vector(geometry, attributes);\n-        if (bbox) {\n-            feature.bounds = OpenLayers.Bounds.fromArray(bbox)\n-        }\n-        if (obj.id) {\n-            feature.fid = obj.id\n+                break\n         }\n-        return feature\n     },\n-    parseGeometry: function(obj) {\n-        if (obj == null) {\n-            return null\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image;\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            img.title = title\n         }\n-        var geometry, collection = false;\n-        if (obj.type == \"GeometryCollection\") {\n-            if (!OpenLayers.Util.isArray(obj.geometries)) {\n-                throw \"GeometryCollection must have geometries array: \" + obj\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n+        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return\n             }\n-            var numGeom = obj.geometries.length;\n-            var components = new Array(numGeom);\n-            for (var i = 0; i < numGeom; ++i) {\n-                components[i] = this.parseGeometry.apply(this, [obj.geometries[i]])\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = p0 + xOffset | 0;\n+                var y = p1 + yOffset | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n+                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height)\n+                }\n             }\n-            geometry = new OpenLayers.Geometry.Collection(components);\n-            collection = true\n+        };\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic\n+    },\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180;\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+        if (!symbol) {\n+            throw new Error(style.graphicName + \" is not a valid symbol name\")\n+        }\n+        if (!symbol.length || symbol.length < 2) return;\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n+        if (isNaN(p0) || isNaN(p1)) return;\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\"\n+        }\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n         } else {\n-            if (!OpenLayers.Util.isArray(obj.coordinates)) {\n-                throw \"Geometry must have coordinates array: \" + obj\n-            }\n-            if (!this.parseCoords[obj.type.toLowerCase()]) {\n-                throw \"Unsupported geometry type: \" + obj.type\n-            }\n-            try {\n-                geometry = this.parseCoords[obj.type.toLowerCase()].apply(this, [obj.coordinates])\n-            } catch (err) {\n-                throw err\n+            symbolBounds = new OpenLayers.Bounds;\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n             }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n         }\n-        if (this.internalProjection && this.externalProjection && !collection) {\n-            geometry.transform(this.externalProjection, this.internalProjection)\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save()\n         }\n-        return geometry\n-    },\n-    parseCoords: {\n-        point: function(array) {\n-            if (this.ignoreExtraDims == false && array.length != 2) {\n-                throw \"Only 2D points are supported: \" + array\n-            }\n-            return new OpenLayers.Geometry.Point(array[0], array[1])\n-        },\n-        multipoint: function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]])\n-                } catch (err) {\n-                    throw err\n-                }\n-                points.push(p)\n-            }\n-            return new OpenLayers.Geometry.MultiPoint(points)\n-        },\n-        linestring: function(array) {\n-            var points = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"point\"].apply(this, [array[i]])\n-                } catch (err) {\n-                    throw err\n-                }\n-                points.push(p)\n-            }\n-            return new OpenLayers.Geometry.LineString(points)\n-        },\n-        multilinestring: function(array) {\n-            var lines = [];\n-            var l = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]])\n-                } catch (err) {\n-                    throw err\n-                }\n-                lines.push(l)\n-            }\n-            return new OpenLayers.Geometry.MultiLineString(lines)\n-        },\n-        polygon: function(array) {\n-            var rings = [];\n-            var r, l;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    l = this.parseCoords[\"linestring\"].apply(this, [array[i]])\n-                } catch (err) {\n-                    throw err\n-                }\n-                r = new OpenLayers.Geometry.LinearRing(l.components);\n-                rings.push(r)\n-            }\n-            return new OpenLayers.Geometry.Polygon(rings)\n-        },\n-        multipolygon: function(array) {\n-            var polys = [];\n-            var p = null;\n-            for (var i = 0, len = array.length; i < len; ++i) {\n-                try {\n-                    p = this.parseCoords[\"polygon\"].apply(this, [array[i]])\n-                } catch (err) {\n-                    throw err\n-                }\n-                polys.push(p)\n-            }\n-            return new OpenLayers.Geometry.MultiPolygon(polys)\n-        },\n-        box: function(array) {\n-            if (array.length != 2) {\n-                throw \"GeoJSON box coordinates must have 2 elements\"\n-            }\n-            return new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing([new OpenLayers.Geometry.Point(array[0][0], array[0][1]), new OpenLayers.Geometry.Point(array[1][0], array[0][1]), new OpenLayers.Geometry.Point(array[1][0], array[1][1]), new OpenLayers.Geometry.Point(array[0][0], array[1][1]), new OpenLayers.Geometry.Point(array[0][0], array[0][1])])])\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1)\n         }\n-    },\n-    write: function(obj, pretty) {\n-        var geojson = {\n-            type: null\n-        };\n-        if (OpenLayers.Util.isArray(obj)) {\n-            geojson.type = \"FeatureCollection\";\n-            var numFeatures = obj.length;\n-            geojson.features = new Array(numFeatures);\n-            for (var i = 0; i < numFeatures; ++i) {\n-                var element = obj[i];\n-                if (!element instanceof OpenLayers.Feature.Vector) {\n-                    var msg = \"FeatureCollection only supports collections \" + \"of features: \" + element;\n-                    throw msg\n-                }\n-                geojson.features[i] = this.extract.feature.apply(this, [element])\n-            }\n-        } else if (obj.CLASS_NAME.indexOf(\"OpenLayers.Geometry\") == 0) {\n-            geojson = this.extract.geometry.apply(this, [obj])\n-        } else if (obj instanceof OpenLayers.Feature.Vector) {\n-            geojson = this.extract.feature.apply(this, [obj]);\n-            if (obj.layer && obj.layer.projection) {\n-                geojson.crs = this.createCRSObject(obj)\n+        angle = deg2rad * style.rotation;\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle)\n             }\n         }\n-        return OpenLayers.Format.JSON.prototype.write.apply(this, [geojson, pretty])\n-    },\n-    createCRSObject: function(object) {\n-        var proj = object.layer.projection.toString();\n-        var crs = {};\n-        if (proj.match(/epsg:/i)) {\n-            var code = parseInt(proj.substring(proj.indexOf(\":\") + 1));\n-            if (code == 4326) {\n-                crs = {\n-                    type: \"name\",\n-                    properties: {\n-                        name: \"urn:ogc:def:crs:OGC:1.3:CRS84\"\n-                    }\n-                }\n-            } else {\n-                crs = {\n-                    type: \"name\",\n-                    properties: {\n-                        name: \"EPSG:\" + code\n-                    }\n-                }\n-            }\n+        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling)\n         }\n-        return crs\n-    },\n-    extract: {\n-        feature: function(feature) {\n-            var geom = this.extract.geometry.apply(this, [feature.geometry]);\n-            var json = {\n-                type: \"Feature\",\n-                properties: feature.attributes,\n-                geometry: geom\n-            };\n-            if (feature.fid != null) {\n-                json.id = feature.fid\n-            }\n-            return json\n-        },\n-        geometry: function(geometry) {\n-            if (geometry == null) {\n-                return null\n-            }\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry = geometry.clone();\n-                geometry.transform(this.internalProjection, this.externalProjection)\n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy)\n+        }\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n             }\n-            var geometryType = geometry.CLASS_NAME.split(\".\")[2];\n-            var data = this.extract[geometryType.toLowerCase()].apply(this, [geometry]);\n-            var json;\n-            if (geometryType == \"Collection\") {\n-                json = {\n-                    type: \"GeometryCollection\",\n-                    geometries: data\n-                }\n-            } else {\n-                json = {\n-                    type: geometryType,\n-                    coordinates: data\n+            this.canvas.closePath();\n+            this.canvas.fill();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n                 }\n+                this.hitContext.closePath();\n+                this.hitContext.fill()\n             }\n-            return json\n-        },\n-        point: function(point) {\n-            return [point.x, point.y]\n-        },\n-        multipoint: function(multipoint) {\n-            var array = [];\n-            for (var i = 0, len = multipoint.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [multipoint.components[i]]))\n-            }\n-            return array\n-        },\n-        linestring: function(linestring) {\n-            var array = [];\n-            for (var i = 0, len = linestring.components.length; i < len; ++i) {\n-                array.push(this.extract.point.apply(this, [linestring.components[i]]))\n-            }\n-            return array\n-        },\n-        multilinestring: function(multilinestring) {\n-            var array = [];\n-            for (var i = 0, len = multilinestring.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [multilinestring.components[i]]))\n-            }\n-            return array\n-        },\n-        polygon: function(polygon) {\n-            var array = [];\n-            for (var i = 0, len = polygon.components.length; i < len; ++i) {\n-                array.push(this.extract.linestring.apply(this, [polygon.components[i]]))\n-            }\n-            return array\n-        },\n-        multipolygon: function(multipolygon) {\n-            var array = [];\n-            for (var i = 0, len = multipolygon.components.length; i < len; ++i) {\n-                array.push(this.extract.polygon.apply(this, [multipolygon.components[i]]))\n-            }\n-            return array\n-        },\n-        collection: function(collection) {\n-            var len = collection.components.length;\n-            var array = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                array[i] = this.extract.geometry.apply(this, [collection.components[i]])\n-            }\n-            return array\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.GeoJSON\"\n-});\n-OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        kml: \"http://www.opengis.net/kml/2.2\",\n-        gx: \"http://www.google.com/kml/ext/2.2\"\n-    },\n-    kmlns: \"http://earth.google.com/kml/2.0\",\n-    placemarksDesc: \"No description available\",\n-    foldersName: \"OpenLayers export\",\n-    foldersDesc: \"Exported on \" + new Date,\n-    extractAttributes: true,\n-    kvpAttributes: false,\n-    extractStyles: false,\n-    extractTracks: false,\n-    trackAttributes: null,\n-    internalns: null,\n-    features: null,\n-    styles: null,\n-    styleBaseUrl: \"\",\n-    fetched: null,\n-    maxDepth: 0,\n-    initialize: function(options) {\n-        this.regExes = {\n-            trimSpace: /^\\s*|\\s*$/g,\n-            removeSpace: /\\s*/g,\n-            splitSpace: /\\s+/,\n-            trimComma: /\\s*,\\s*/g,\n-            kmlColor: /(\\w{2})(\\w{2})(\\w{2})(\\w{2})/,\n-            kmlIconPalette: /root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/,\n-            straightBracket: /\\$\\[(.*?)\\]/g\n-        };\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n-    },\n-    read: function(data) {\n-        this.features = [];\n-        this.styles = {};\n-        this.fetched = {};\n-        var options = {\n-            depth: 0,\n-            styleBaseUrl: this.styleBaseUrl\n-        };\n-        return this.parseData(data, options)\n-    },\n-    parseData: function(data, options) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            var type = types[i];\n-            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n-            if (nodes.length == 0) {\n-                continue\n-            }\n-            switch (type.toLowerCase()) {\n-                case \"link\":\n-                case \"networklink\":\n-                    this.parseLinks(nodes, options);\n-                    break;\n-                case \"style\":\n-                    if (this.extractStyles) {\n-                        this.parseStyles(nodes, options)\n-                    }\n-                    break;\n-                case \"stylemap\":\n-                    if (this.extractStyles) {\n-                        this.parseStyleMaps(nodes, options)\n-                    }\n-                    break;\n-                case \"placemark\":\n-                    this.parseFeatures(nodes, options);\n-                    break\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n             }\n-        }\n-        return this.features\n-    },\n-    parseLinks: function(nodes, options) {\n-        if (options.depth >= this.maxDepth) {\n-            return false\n-        }\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n-            if (href && !this.fetched[href]) {\n-                this.fetched[href] = true;\n-                var data = this.fetchLink(href);\n-                if (data) {\n-                    this.parseData(data, newOptions)\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n                 }\n+                this.hitContext.closePath();\n+                this.hitContext.stroke()\n             }\n         }\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore()\n+        }\n+        this.setCanvasStyle(\"reset\")\n     },\n-    fetchLink: function(href) {\n-        var request = OpenLayers.Request.GET({\n-            url: href,\n-            async: false\n-        });\n-        if (request) {\n-            return request.responseText\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style[\"fillOpacity\"];\n+            this.canvas.fillStyle = style[\"fillColor\"]\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n+            this.canvas.strokeStyle = style[\"strokeColor\"];\n+            this.canvas.lineWidth = style[\"strokeWidth\"]\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1\n         }\n     },\n-    parseStyles: function(nodes, options) {\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var style = this.parseStyle(nodes[i]);\n-            if (style) {\n-                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n-                this.styles[styleName] = style\n-            }\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1;\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1\n         }\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex\n     },\n-    parseKmlColor: function(kmlColor) {\n-        var color = null;\n-        if (kmlColor) {\n-            var matches = kmlColor.match(this.regExes.kmlColor);\n-            if (matches) {\n-                color = {\n-                    color: \"#\" + matches[4] + matches[3] + matches[2],\n-                    opacity: parseInt(matches[1], 16) / 255\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.fillStyle = hex\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.strokeStyle = hex;\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n                 }\n             }\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1\n         }\n-        return color\n     },\n-    parseStyle: function(node) {\n-        var style = {};\n-        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\", \"LabelStyle\"];\n-        var type, styleTypeNode, nodeList, geometry, parser;\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            type = types[i];\n-            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n-            if (!styleTypeNode) {\n-                continue\n-            }\n-            switch (type.toLowerCase()) {\n-                case \"linestyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"strokeColor\"] = color.color;\n-                        style[\"strokeOpacity\"] = color.opacity\n-                    }\n-                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n-                    if (width) {\n-                        style[\"strokeWidth\"] = width\n-                    }\n-                    break;\n-                case \"polystyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fillOpacity\"] = color.opacity;\n-                        style[\"fillColor\"] = color.color\n-                    }\n-                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n-                    if (fill == \"0\") {\n-                        style[\"fillColor\"] = \"none\"\n-                    }\n-                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n-                    if (outline == \"0\") {\n-                        style[\"strokeWidth\"] = \"0\"\n-                    }\n-                    break;\n-                case \"iconstyle\":\n-                    var scale = parseFloat(this.parseProperty(styleTypeNode, \"*\", \"scale\") || 1);\n-                    var width = 32 * scale;\n-                    var height = 32 * scale;\n-                    var iconNode = this.getElementsByTagNameNS(styleTypeNode, \"*\", \"Icon\")[0];\n-                    if (iconNode) {\n-                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n-                        if (href) {\n-                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n-                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n-                            var google = \"http://maps.google.com/mapfiles/kml\";\n-                            if (OpenLayers.String.startsWith(href, google) && !w && !h) {\n-                                w = 64;\n-                                h = 64;\n-                                scale = scale / 2\n-                            }\n-                            w = w || h;\n-                            h = h || w;\n-                            if (w) {\n-                                width = parseInt(w) * scale\n-                            }\n-                            if (h) {\n-                                height = parseInt(h) * scale\n-                            }\n-                            var matches = href.match(this.regExes.kmlIconPalette);\n-                            if (matches) {\n-                                var palette = matches[1];\n-                                var file_extension = matches[2];\n-                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n-                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n-                                var posX = x ? x / 32 : 0;\n-                                var posY = y ? 7 - y / 32 : 7;\n-                                var pos = posY * 8 + posX;\n-                                href = \"http://maps.google.com/mapfiles/kml/pal\" + palette + \"/icon\" + pos + file_extension\n-                            }\n-                            style[\"graphicOpacity\"] = 1;\n-                            style[\"externalGraphic\"] = href\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId)\n+            } else if (style.graphicName && style.graphicName != \"circle\") {\n+                this.drawNamedSymbol(geometry, style, featureId)\n+            } else {\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill()\n                         }\n                     }\n-                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode, \"*\", \"hotSpot\")[0];\n-                    if (hotSpotNode) {\n-                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n-                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n-                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n-                        if (xUnits == \"pixels\") {\n-                            style[\"graphicXOffset\"] = -x * scale\n-                        } else if (xUnits == \"insetPixels\") {\n-                            style[\"graphicXOffset\"] = -width + x * scale\n-                        } else if (xUnits == \"fraction\") {\n-                            style[\"graphicXOffset\"] = -width * x\n-                        }\n-                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n-                        if (yUnits == \"pixels\") {\n-                            style[\"graphicYOffset\"] = -height + y * scale + 1\n-                        } else if (yUnits == \"insetPixels\") {\n-                            style[\"graphicYOffset\"] = -(y * scale) + 1\n-                        } else if (yUnits == \"fraction\") {\n-                            style[\"graphicYOffset\"] = -height * (1 - y) + 1\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke()\n                         }\n+                        this.setCanvasStyle(\"reset\")\n                     }\n-                    style[\"graphicWidth\"] = width;\n-                    style[\"graphicHeight\"] = height;\n-                    break;\n-                case \"balloonstyle\":\n-                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(styleTypeNode);\n-                    if (balloonStyle) {\n-                        style[\"balloonStyle\"] = balloonStyle.replace(this.regExes.straightBracket, \"${$1}\")\n-                    }\n-                    break;\n-                case \"labelstyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fontColor\"] = color.color;\n-                        style[\"fontOpacity\"] = color.opacity\n-                    }\n-                    break;\n-                default:\n+                }\n             }\n         }\n-        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n-            style[\"strokeColor\"] = style[\"fillColor\"]\n-        }\n-        var id = node.getAttribute(\"id\");\n-        if (id && style) {\n-            style.id = id\n-        }\n-        return style\n     },\n-    parseStyleMaps: function(nodes, options) {\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var node = nodes[i];\n-            var pairs = this.getElementsByTagNameNS(node, \"*\", \"Pair\");\n-            var id = node.getAttribute(\"id\");\n-            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n-                var pair = pairs[j];\n-                var key = this.parseProperty(pair, \"*\", \"key\");\n-                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n-                if (styleUrl && key == \"normal\") {\n-                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] = this.styles[(options.styleBaseUrl || \"\") + styleUrl]\n-                }\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId)\n+    },\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n             }\n         }\n-    },\n-    parseFeatures: function(nodes, options) {\n-        var features = [];\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var featureNode = nodes[i];\n-            var feature = this.parseFeature.apply(this, [featureNode]);\n-            if (feature) {\n-                if (this.extractStyles && feature.attributes && feature.attributes.styleUrl) {\n-                    feature.style = this.getStyle(feature.attributes.styleUrl, options)\n-                }\n-                if (this.extractStyles) {\n-                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode, \"*\", \"Style\")[0];\n-                    if (inlineStyleNode) {\n-                        var inlineStyle = this.parseStyle(inlineStyleNode);\n-                        if (inlineStyle) {\n-                            feature.style = OpenLayers.Util.extend(feature.style, inlineStyle)\n-                        }\n-                    }\n-                }\n-                if (this.extractTracks) {\n-                    var tracks = this.getElementsByTagNameNS(featureNode, this.namespaces.gx, \"Track\");\n-                    if (tracks && tracks.length > 0) {\n-                        var track = tracks[0];\n-                        var container = {\n-                            features: [],\n-                            feature: feature\n-                        };\n-                        this.readNode(track, container);\n-                        if (container.features.length > 0) {\n-                            features.push.apply(features, container.features)\n-                        }\n-                    }\n-                } else {\n-                    features.push(feature)\n-                }\n-            } else {\n-                throw \"Bad Placemark: \" + i\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n             }\n         }\n-        this.features = this.features.concat(features)\n+        this.setCanvasStyle(\"reset\")\n     },\n-    readers: {\n-        kml: {\n-            when: function(node, container) {\n-                container.whens.push(OpenLayers.Date.parse(this.getChildValue(node)))\n-            },\n-            _trackPointAttribute: function(node, container) {\n-                var name = node.nodeName.split(\":\").pop();\n-                container.attributes[name].push(this.getChildValue(node))\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1])\n             }\n-        },\n-        gx: {\n-            Track: function(node, container) {\n-                var obj = {\n-                    whens: [],\n-                    points: [],\n-                    angles: []\n-                };\n-                if (this.trackAttributes) {\n-                    var name;\n-                    obj.attributes = {};\n-                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n-                        name = this.trackAttributes[i];\n-                        obj.attributes[name] = [];\n-                        if (!(name in this.readers.kml)) {\n-                            this.readers.kml[name] = this.readers.kml._trackPointAttribute\n-                        }\n-                    }\n-                }\n-                this.readChildNodes(node, obj);\n-                if (obj.whens.length !== obj.points.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" + obj.whens.length + \") and gx:coord (\" + obj.points.length + \") elements.\")\n-                }\n-                var hasAngles = obj.angles.length > 0;\n-                if (hasAngles && obj.whens.length !== obj.angles.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" + obj.whens.length + \") and gx:angles (\" + obj.angles.length + \") elements.\")\n-                }\n-                var feature, point, angles;\n-                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n-                    feature = container.feature.clone();\n-                    feature.fid = container.feature.fid || container.feature.id;\n-                    point = obj.points[i];\n-                    feature.geometry = point;\n-                    if (\"z\" in point) {\n-                        feature.attributes.altitude = point.z\n-                    }\n-                    if (this.internalProjection && this.externalProjection) {\n-                        feature.geometry.transform(this.externalProjection, this.internalProjection)\n-                    }\n-                    if (this.trackAttributes) {\n-                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n-                            var name = this.trackAttributes[j];\n-                            feature.attributes[name] = obj.attributes[name][i]\n-                        }\n-                    }\n-                    feature.attributes.when = obj.whens[i];\n-                    feature.attributes.trackId = container.feature.id;\n-                    if (hasAngles) {\n-                        angles = obj.angles[i];\n-                        feature.attributes.heading = parseFloat(angles[0]);\n-                        feature.attributes.tilt = parseFloat(angles[1]);\n-                        feature.attributes.roll = parseFloat(angles[2])\n-                    }\n-                    container.features.push(feature)\n-                }\n-            },\n-            coord: function(node, container) {\n-                var str = this.getChildValue(node);\n-                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n-                if (coords.length > 2) {\n-                    point.z = parseFloat(coords[2])\n-                }\n-                container.points.push(point)\n-            },\n-            angles: function(node, container) {\n-                var str = this.getChildValue(node);\n-                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                container.angles.push(parts)\n+            if (type === \"fill\") {\n+                context.fill()\n+            } else {\n+                context.stroke()\n             }\n         }\n     },\n-    parseFeature: function(node) {\n-        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n-        var type, nodeList, geometry, parser;\n-        for (var i = 0, len = order.length; i < len; ++i) {\n-            type = order[i];\n-            this.internalns = node.namespaceURI ? node.namespaceURI : this.kmlns;\n-            nodeList = this.getElementsByTagNameNS(node, this.internalns, type);\n-            if (nodeList.length > 0) {\n-                var parser = this.parseGeometry[type.toLowerCase()];\n-                if (parser) {\n-                    geometry = parser.apply(this, [nodeList[0]]);\n-                    if (this.internalProjection && this.externalProjection) {\n-                        geometry.transform(this.externalProjection, this.internalProjection)\n-                    }\n-                } else {\n-                    throw new TypeError(\"Unsupported geometry type: \" + type)\n-                }\n-                break\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        for (var i = 1; i < len; ++i) {\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\"\n             }\n-        }\n-        var attributes;\n-        if (this.extractAttributes) {\n-            attributes = this.parseAttributes(node)\n-        }\n-        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n-        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n-        if (fid != null) {\n-            feature.fid = fid\n-        }\n-        return feature\n-    },\n-    getStyle: function(styleUrl, options) {\n-        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-        newOptions.styleBaseUrl = styleBaseUrl;\n-        if (!this.styles[styleUrl] && !OpenLayers.String.startsWith(styleUrl, \"#\") && newOptions.depth <= this.maxDepth && !this.fetched[styleBaseUrl]) {\n-            var data = this.fetchLink(styleBaseUrl);\n-            if (data) {\n-                this.parseData(data, newOptions)\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                stroke: false,\n+                fillOpacity: 1\n+            }, style), featureId);\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\"\n             }\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                fill: false\n+            }, style), featureId)\n         }\n-        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n-        return style\n     },\n-    parseGeometry: {\n-        point: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"coordinates\");\n-            var coords = [];\n-            if (nodeList.length > 0) {\n-                var coordString = nodeList[0].firstChild.nodeValue;\n-                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n-                coords = coordString.split(\",\")\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n+        var labelRows = style.label.split(\"\\n\");\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n+            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n             }\n-            var point = null;\n-            if (coords.length > 1) {\n-                if (coords.length == 2) {\n-                    coords[2] = null\n+            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n+                    this.canvas.restore()\n                 }\n-                point = new OpenLayers.Geometry.Point(coords[0], coords[1], coords[2])\n-            } else {\n-                throw \"Bad coordinate string: \" + coordString\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n             }\n-            return point\n-        },\n-        linestring: function(node, ring) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"coordinates\");\n-            var line = null;\n-            if (nodeList.length > 0) {\n-                var coordString = this.getChildValue(nodeList[0]);\n-                coordString = coordString.replace(this.regExes.trimSpace, \"\");\n-                coordString = coordString.replace(this.regExes.trimComma, \",\");\n-                var pointList = coordString.split(this.regExes.splitSpace);\n-                var numPoints = pointList.length;\n-                var points = new Array(numPoints);\n-                var coords, numCoords;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    coords = pointList[i].split(\",\");\n-                    numCoords = coords.length;\n-                    if (numCoords > 1) {\n-                        if (coords.length == 2) {\n-                            coords[2] = null\n-                        }\n-                        points[i] = new OpenLayers.Geometry.Point(coords[0], coords[1], coords[2])\n-                    } else {\n-                        throw \"Bad LineString point coordinates: \" + pointList[i]\n-                    }\n-                }\n-                if (numPoints) {\n-                    if (ring) {\n-                        line = new OpenLayers.Geometry.LinearRing(points)\n-                    } else {\n-                        line = new OpenLayers.Geometry.LineString(points)\n-                    }\n-                } else {\n-                    throw \"Bad LineString coordinates: \" + coordString\n-                }\n+        } else if (this.canvas.mozDrawText) {\n+            this.canvas.mozTextStyle = fontStyle;\n+            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5\n             }\n-            return line\n-        },\n-        polygon: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns, \"LinearRing\");\n-            var numRings = nodeList.length;\n-            var components = new Array(numRings);\n-            if (numRings > 0) {\n-                var ring;\n-                for (var i = 0, len = nodeList.length; i < len; ++i) {\n-                    ring = this.parseGeometry.linestring.apply(this, [nodeList[i], true]);\n-                    if (ring) {\n-                        components[i] = ring\n-                    } else {\n-                        throw \"Bad LinearRing geometry: \" + i\n-                    }\n-                }\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n             }\n-            return new OpenLayers.Geometry.Polygon(components)\n-        },\n-        multigeometry: function(node) {\n-            var child, parser;\n-            var parts = [];\n-            var children = node.childNodes;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    var type = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n-                    var parser = this.parseGeometry[type.toLowerCase()];\n-                    if (parser) {\n-                        parts.push(parser.apply(this, [child]))\n-                    }\n-                }\n+            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n+            pt[1] += lineHeight * (1 + vfactor * numRows);\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n+                var y = pt[1] + i * lineHeight;\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y)\n             }\n-            return new OpenLayers.Geometry.Collection(parts)\n         }\n+        this.setCanvasStyle(\"reset\")\n     },\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n-        if (edNodes.length) {\n-            attributes = this.parseExtendedData(edNodes[0])\n-        }\n-        var child, grandchildren, grandchild;\n-        var children = node.childNodes;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                grandchildren = child.childNodes;\n-                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n-                    var grandchild;\n-                    switch (grandchildren.length) {\n-                        case 1:\n-                            grandchild = grandchildren[0];\n-                            break;\n-                        case 2:\n-                            var c1 = grandchildren[0];\n-                            var c2 = grandchildren[1];\n-                            grandchild = c1.nodeType == 3 || c1.nodeType == 4 ? c1 : c2;\n-                            break;\n-                        case 3:\n-                        default:\n-                            grandchild = grandchildren[1];\n-                            break\n-                    }\n-                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                        var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n-                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n-                        if (value) {\n-                            value = value.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value\n-                        }\n-                    }\n-                }\n-            }\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n+        var y = extent.top / resolution - point.y / resolution;\n+        return [x, y]\n+    },\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height)\n         }\n-        return attributes\n     },\n-    parseExtendedData: function(node) {\n-        var attributes = {};\n-        var i, len, data, key;\n-        var dataNodes = node.getElementsByTagName(\"Data\");\n-        for (i = 0, len = dataNodes.length; i < len; i++) {\n-            data = dataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            var ed = {};\n-            var valueNode = data.getElementsByTagName(\"value\");\n-            if (valueNode.length) {\n-                ed[\"value\"] = this.getChildValue(valueNode[0])\n-            }\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed[\"value\"]\n-            } else {\n-                var nameNode = data.getElementsByTagName(\"displayName\");\n-                if (nameNode.length) {\n-                    ed[\"displayName\"] = this.getChildValue(nameNode[0])\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) {\n+                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0]\n+                        } catch (err) {}\n+                    }\n                 }\n-                attributes[key] = ed\n             }\n         }\n-        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n-        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n-            var ed = {};\n-            data = simpleDataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            ed[\"value\"] = this.getChildValue(data);\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed[\"value\"]\n-            } else {\n-                ed[\"displayName\"] = key;\n-                attributes[key] = ed\n-            }\n-        }\n-        return attributes\n-    },\n-    parseProperty: function(xmlNode, namespace, tagName) {\n-        var value;\n-        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n-        try {\n-            value = OpenLayers.Util.getXmlNodeValue(nodeList[0])\n-        } catch (e) {\n-            value = null\n-        }\n-        return value\n+        return feature\n     },\n-    write: function(features) {\n+    eraseFeatures: function(features) {\n         if (!OpenLayers.Util.isArray(features)) {\n             features = [features]\n         }\n-        var kml = this.createElementNS(this.kmlns, \"kml\");\n-        var folder = this.createFolderXML();\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            folder.appendChild(this.createPlacemarkXML(features[i]))\n-        }\n-        kml.appendChild(folder);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [kml])\n-    },\n-    createFolderXML: function() {\n-        var folder = this.createElementNS(this.kmlns, \"Folder\");\n-        if (this.foldersName) {\n-            var folderName = this.createElementNS(this.kmlns, \"name\");\n-            var folderNameText = this.createTextNode(this.foldersName);\n-            folderName.appendChild(folderNameText);\n-            folder.appendChild(folderName)\n-        }\n-        if (this.foldersDesc) {\n-            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n-            var folderDescText = this.createTextNode(this.foldersDesc);\n-            folderDesc.appendChild(folderDescText);\n-            folder.appendChild(folderDesc)\n-        }\n-        return folder\n-    },\n-    createPlacemarkXML: function(feature) {\n-        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n-        var label = feature.style && feature.style.label ? feature.style.label : feature.id;\n-        var name = feature.attributes.name || label;\n-        placemarkName.appendChild(this.createTextNode(name));\n-        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n-        var desc = feature.attributes.description || this.placemarksDesc;\n-        placemarkDesc.appendChild(this.createTextNode(desc));\n-        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n-        if (feature.fid != null) {\n-            placemarkNode.setAttribute(\"id\", feature.fid)\n-        }\n-        placemarkNode.appendChild(placemarkName);\n-        placemarkNode.appendChild(placemarkDesc);\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        placemarkNode.appendChild(geometryNode);\n-        if (feature.attributes) {\n-            var edNode = this.buildExtendedData(feature.attributes);\n-            if (edNode) {\n-                placemarkNode.appendChild(edNode)\n-            }\n-        }\n-        return placemarkNode\n-    },\n-    buildGeometryNode: function(geometry) {\n-        var className = geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        var builder = this.buildGeometry[type.toLowerCase()];\n-        var node = null;\n-        if (builder) {\n-            node = builder.apply(this, [geometry])\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id]\n         }\n-        return node\n+        this.redraw()\n     },\n-    buildGeometry: {\n-        point: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Point\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml\n-        },\n-        multipoint: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry])\n-        },\n-        linestring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LineString\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml\n-        },\n-        multilinestring: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry])\n-        },\n-        linearring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml\n-        },\n-        polygon: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n-            var rings = geometry.components;\n-            var ringMember, ringGeom, type;\n-            for (var i = 0, len = rings.length; i < len; ++i) {\n-                type = i == 0 ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n-                ringMember = this.createElementNS(this.kmlns, type);\n-                ringGeom = this.buildGeometry.linearring.apply(this, [rings[i]]);\n-                ringMember.appendChild(ringGeom);\n-                kml.appendChild(ringMember)\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height)\n             }\n-            return kml\n-        },\n-        multipolygon: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry])\n-        },\n-        collection: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n-            var child;\n-            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n-                child = this.buildGeometryNode.apply(this, [geometry.components[i]]);\n-                if (child) {\n-                    kml.appendChild(child)\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue\n                 }\n-            }\n-            return kml\n-        }\n-    },\n-    buildCoordinatesNode: function(geometry) {\n-        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n-        var path;\n-        var points = geometry.components;\n-        if (points) {\n-            var point;\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; ++i) {\n-                point = points[i];\n-                parts[i] = this.buildCoordinates(point)\n-            }\n-            path = parts.join(\" \")\n-        } else {\n-            path = this.buildCoordinates(geometry)\n-        }\n-        var txtNode = this.createTextNode(path);\n-        coordinatesNode.appendChild(txtNode);\n-        return coordinatesNode\n-    },\n-    buildCoordinates: function(point) {\n-        if (this.internalProjection && this.externalProjection) {\n-            point = point.clone();\n-            point.transform(this.internalProjection, this.externalProjection)\n-        }\n-        return point.x + \",\" + point.y\n-    },\n-    buildExtendedData: function(attributes) {\n-        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n-        for (var attributeName in attributes) {\n-            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n-                var data = this.createElementNS(this.kmlns, \"Data\");\n-                data.setAttribute(\"name\", attributeName);\n-                var value = this.createElementNS(this.kmlns, \"value\");\n-                if (typeof attributes[attributeName] == \"object\") {\n-                    if (attributes[attributeName].value) {\n-                        value.appendChild(this.createTextNode(attributes[attributeName].value))\n-                    }\n-                    if (attributes[attributeName].displayName) {\n-                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n-                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n-                        data.appendChild(displayName)\n-                    }\n-                } else {\n-                    value.appendChild(this.createTextNode(attributes[attributeName]))\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style])\n                 }\n-                data.appendChild(value);\n-                extendedData.appendChild(data)\n             }\n-        }\n-        if (this.isSimpleContent(extendedData)) {\n-            return null\n-        } else {\n-            return extendedData\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1])\n+            }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Format.KML\"\n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n });\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    l: \"left\",\n+    r: \"right\",\n+    t: \"top\",\n+    b: \"bottom\"\n+};\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    l: 0,\n+    r: -1,\n+    t: 0,\n+    b: -1\n+};\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n OpenLayers.ElementsIndexer = OpenLayers.Class({\n     maxZIndex: null,\n     order: null,\n     indices: null,\n     compare: null,\n     initialize: function(yOrdering) {\n         this.compare = yOrdering ? OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_Y_ORDER : OpenLayers.ElementsIndexer.IndexingMethods.Z_ORDER_DRAWING_ORDER;\n@@ -16956,650 +17311,295 @@\n OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n     t: 0,\n     b: -1\n };\n OpenLayers.Renderer.SVG.preventDefault = function(e) {\n     OpenLayers.Event.preventDefault(e)\n };\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n-    hitDetection: true,\n-    hitOverflow: 0,\n-    canvas: null,\n-    features: null,\n-    pendingRedraw: false,\n-    cachedSymbolBounds: {},\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\")\n-        }\n-    },\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        return false\n-    },\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0])\n-    },\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED\n+OpenLayers.Layer.WMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        service: \"WMS\",\n+        version: \"1.1.1\",\n+        request: \"GetMap\",\n+        styles: \"\",\n+        format: \"image/jpeg\"\n     },\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h\n+    isBaseLayer: true,\n+    encodeBBOX: false,\n+    noMagic: false,\n+    yx: {},\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        if (parseFloat(params.VERSION) >= 1.3 && !params.EXCEPTIONS) {\n+            params.EXCEPTIONS = \"INIMAGE\"\n         }\n-    },\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            var bounds = feature.geometry.getBounds();\n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent()\n-            }\n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n-            });\n-            rendered = style.display !== \"none\" && !!bounds && intersects;\n-            if (rendered) {\n-                this.features[feature.id] = [feature, style]\n-            } else {\n-                delete this.features[feature.id]\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n+        if (!this.noMagic && this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+            if (options == null || !options.isBaseLayer) {\n+                this.isBaseLayer = false\n             }\n-            this.pendingRedraw = true\n-        }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false\n-        }\n-        return rendered\n-    },\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId)\n+            if (this.params.FORMAT == \"image/jpeg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n             }\n-            return\n-        }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n-                break\n         }\n     },\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image;\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMS(this.name, this.url, this.params, this.getOptions())\n         }\n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n-        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = p0 + xOffset | 0;\n-                var y = p1 + yOffset | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n-                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height)\n-                }\n-            }\n-        };\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180;\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n-        if (!symbol) {\n-            throw new Error(style.graphicName + \" is not a valid symbol name\")\n-        }\n-        if (!symbol.length || symbol.length < 2) return;\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n-        if (isNaN(p0) || isNaN(p1)) return;\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\"\n-        }\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n-        } else {\n-            symbolBounds = new OpenLayers.Bounds;\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n-            }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n-        }\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save()\n-        }\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1)\n-        }\n-        angle = deg2rad * style.rotation;\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle)\n-            }\n-        }\n-        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling)\n-        }\n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy)\n-        }\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n-            }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.fill()\n-            }\n-        }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n-            }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke()\n-            }\n-        }\n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore()\n-        }\n-        this.setCanvasStyle(\"reset\")\n+    reverseAxisOrder: function() {\n+        var projCode = this.projection.getCode();\n+        return parseFloat(this.params.VERSION) >= 1.3 && !!(this.yx[projCode] || OpenLayers.Projection.defaults[projCode] && OpenLayers.Projection.defaults[projCode].yx)\n     },\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style[\"fillOpacity\"];\n-            this.canvas.fillStyle = style[\"fillColor\"]\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n-            this.canvas.strokeStyle = style[\"strokeColor\"];\n-            this.canvas.lineWidth = style[\"strokeWidth\"]\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1\n-        }\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var imageSize = this.getImageSize();\n+        var newParams = {};\n+        var reverseAxisOrder = this.reverseAxisOrder();\n+        newParams.BBOX = this.encodeBBOX ? bounds.toBBOX(null, reverseAxisOrder) : bounds.toArray(reverseAxisOrder);\n+        newParams.WIDTH = imageSize.w;\n+        newParams.HEIGHT = imageSize.h;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString\n     },\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1;\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1\n-        }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n     },\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.fillStyle = hex\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.strokeStyle = hex;\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n-                }\n-            }\n+    getFullRequestString: function(newParams, altUrl) {\n+        var mapProjection = this.map.getProjectionObject();\n+        var projectionCode = this.projection && this.projection.equals(mapProjection) ? this.projection.getCode() : mapProjection.getCode();\n+        var value = projectionCode == \"none\" ? null : projectionCode;\n+        if (parseFloat(this.params.VERSION) >= 1.3) {\n+            this.params.CRS = value\n         } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1\n+            this.params.SRS = value\n         }\n-    },\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId)\n-            } else if (style.graphicName && style.graphicName != \"circle\") {\n-                this.drawNamedSymbol(geometry, style, featureId)\n-            } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill()\n-                        }\n-                    }\n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke()\n-                        }\n-                        this.setCanvasStyle(\"reset\")\n-                    }\n-                }\n-            }\n+        if (typeof this.params.TRANSPARENT == \"boolean\") {\n+            newParams.TRANSPARENT = this.params.TRANSPARENT ? \"TRUE\" : \"FALSE\"\n         }\n+        return OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, arguments)\n     },\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId)\n-    },\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n-            }\n-        }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n-            }\n+    CLASS_NAME: \"OpenLayers.Layer.WMS\"\n+});\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    sphericalMercator: false,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options)\n         }\n-        this.setCanvasStyle(\"reset\")\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n     },\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1])\n-            }\n-            if (type === \"fill\") {\n-                context.fill()\n-            } else {\n-                context.stroke()\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n         }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        for (var i = 1; i < len; ++i) {\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\"\n-            }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                stroke: false,\n-                fillOpacity: 1\n-            }, style), featureId);\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\"\n-            }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                fill: false\n-            }, style), featureId)\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = \"\" + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url)\n         }\n+        return OpenLayers.String.format(url, xyz)\n     },\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n-        var labelRows = style.label.split(\"\\n\");\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n-            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n-            }\n-            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n-                    this.canvas.restore()\n-                }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n-            }\n-        } else if (this.canvas.mozDrawText) {\n-            this.canvas.mozTextStyle = fontStyle;\n-            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5\n-            }\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n-            }\n-            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n-            pt[1] += lineHeight * (1 + vfactor * numRows);\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n-                var y = pt[1] + i * lineHeight;\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y)\n-            }\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = (x % limit + limit) % limit\n         }\n-        this.setCanvasStyle(\"reset\")\n-    },\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n-        var y = extent.top / resolution - point.y / resolution;\n-        return [x, y]\n-    },\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height)\n+        return {\n+            x: x,\n+            y: y,\n+            z: z\n         }\n     },\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) {\n-                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0]\n-                        } catch (err) {}\n-                    }\n-                }\n-            }\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n         }\n-        return feature\n     },\n-    eraseFeatures: function(features) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id]\n-        }\n-        this.redraw()\n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    name: \"OpenStreetMap\",\n+    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    sphericalMercator: true,\n+    wrapDateLine: true,\n+    tileOptions: null,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options && this.options.tileOptions)\n     },\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height)\n-            }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue\n-                }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style])\n-                }\n-            }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1])\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n         }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n });\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    l: \"left\",\n-    r: \"right\",\n-    t: \"top\",\n-    b: \"bottom\"\n-};\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    l: 0,\n-    r: -1,\n-    t: 0,\n-    b: -1\n-};\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n-OpenLayers.Strategy = OpenLayers.Class({\n-    layer: null,\n-    options: null,\n-    active: null,\n-    autoActivate: true,\n-    autoDestroy: true,\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    key: null,\n+    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n+    metadata: null,\n+    protocolRegex: /^http:/i,\n+    type: \"Road\",\n+    culture: \"en-US\",\n+    metadataParams: null,\n+    tileOptions: null,\n+    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n     initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        this.active = false\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options.tileOptions);\n+        this.loadMetadata()\n     },\n-    setLayer: function(layer) {\n-        this.layer = layer\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script)\n     },\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n         }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true\n+        this.addOptions({\n+            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n+            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw()\n         }\n-        return false\n+        this.updateAttribution()\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-    preload: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                refresh: this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load()\n-            } else {\n-                this.layer.events.on({\n-                    visibilitychanged: this.load,\n-                    scope: this\n-                })\n-            }\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return\n         }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                refresh: this.load,\n-                visibilitychanged: this.load,\n-                scope: this\n-            })\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = \"0\";\n+            var mask = 1 << i - 1;\n+            if ((x & mask) != 0) {\n+                digit++\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++\n+            }\n+            quadDigits.push(digit)\n         }\n-        return deactivated\n-    },\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n-        });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            visibilitychanged: this.load,\n-            scope: this\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl(\"\" + x + y + z, this.url);\n+        return OpenLayers.String.format(url, {\n+            quadkey: quadKey\n         })\n     },\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local)\n-                    }\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return\n+        }\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \"\n                 }\n             }\n-            layer.addFeatures(features)\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n         })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n-});\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options)\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    destroy: function() {\n+        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n+});\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined;\n+    delete this._callbackId\n+};\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.tests.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.tests.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -33176,202 +33176,14 @@\n \n /**\n  * Constant: CORNER_SIZE\n  * {Integer} 5. Border space for the RICO corners.\n  */\n OpenLayers.Popup.AnchoredBubble.CORNER_SIZE = 5;\n /* ======================================================================\n-    OpenLayers/Kinetic.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Animation.js\n- */\n-\n-OpenLayers.Kinetic = OpenLayers.Class({\n-\n-    /**\n-     * Property: threshold\n-     * In most cases changing the threshold isn't needed.\n-     * In px/ms, default to 0.\n-     */\n-    threshold: 0,\n-\n-    /**\n-     * Property: deceleration\n-     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n-     */\n-    deceleration: 0.0035,\n-\n-    /**\n-     * Property: nbPoints\n-     * {Integer} the number of points we use to calculate the kinetic\n-     * initial values.\n-     */\n-    nbPoints: 100,\n-\n-    /**\n-     * Property: delay\n-     * {Float} time to consider to calculate the kinetic initial values.\n-     * In ms, default to 200.\n-     */\n-    delay: 200,\n-\n-    /**\n-     * Property: points\n-     * List of points use to calculate the kinetic initial values.\n-     */\n-    points: undefined,\n-\n-    /**\n-     * Property: timerId\n-     * ID of the timer.\n-     */\n-    timerId: undefined,\n-\n-    /**\n-     * Constructor: OpenLayers.Kinetic\n-     *\n-     * Parameters:\n-     * options - {Object}\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-    },\n-\n-    /**\n-     * Method: begin\n-     * Begins the dragging.\n-     */\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = [];\n-    },\n-\n-    /**\n-     * Method: update\n-     * Updates during the dragging.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The new position.\n-     */\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: new Date().getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop();\n-        }\n-    },\n-\n-    /**\n-     * Method: end\n-     * Ends the dragging, start the kinetic.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The last position.\n-     *\n-     * Returns:\n-     * {Object} An object with two properties: \"speed\", and \"theta\". The\n-     *     \"speed\" and \"theta\" values are to be passed to the move \n-     *     function when starting the animation.\n-     */\n-    end: function(xy) {\n-        var last, now = new Date().getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break;\n-            }\n-            last = point;\n-        }\n-        if (!last) {\n-            return;\n-        }\n-        var time = new Date().getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n-            Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return;\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta;\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        };\n-    },\n-\n-    /**\n-     * Method: move\n-     * Launch the kinetic move pan.\n-     *\n-     * Parameters:\n-     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n-     *     These values are those returned from the \"end\" call.\n-     * callback - {Function} Function called on every step of the animation,\n-     *     receives x, y (values to pan), end (is the last point).\n-     */\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-\n-        var initialTime = new Date().getTime();\n-\n-        var lastX = 0;\n-        var lastY = 0;\n-\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return;\n-            }\n-\n-            var t = new Date().getTime() - initialTime;\n-\n-            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true;\n-            }\n-\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end);\n-        };\n-\n-        this.timerId = OpenLayers.Animation.start(\n-            OpenLayers.Function.bind(timerCallback, this)\n-        );\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n-/* ======================================================================\n     OpenLayers/Format/GeoJSON.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -40594,429 +40406,342 @@\n         OpenLayers.Util.extend(this, options);\n     },\n \n     CLASS_NAME: \"OpenLayers.WPSProcess.ChainLink\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/WPSDescribeProcess.js\n+    OpenLayers/Handler.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WPSDescribeProcess\n- * Read WPS DescribeProcess responses. \n+ * Class: OpenLayers.Handler\n+ * Base class to construct a higher-level handler for event sequences.  All\n+ *     handlers have activate and deactivate methods.  In addition, they have\n+ *     methods named like browser events.  When a handler is activated, any\n+ *     additional methods named like a browser event is registered as a\n+ *     listener for the corresponding event.  When a handler is deactivated,\n+ *     those same methods are unregistered as event listeners.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ * Handlers also typically have a callbacks object with keys named like\n+ *     the abstracted events or event sequences that they are in charge of\n+ *     handling.  The controls that wrap handlers define the methods that\n+ *     correspond to these abstract events - so instead of listening for\n+ *     individual browser events, they only listen for the abstract events\n+ *     defined by the handler.\n+ *     \n+ * Handlers are created by controls, which ultimately have the responsibility\n+ *     of making changes to the the state of the application.  Handlers\n+ *     themselves may make temporary changes, but in general are expected to\n+ *     return the application in the same state that they found it.\n  */\n-OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wps: \"http://www.opengis.net/wps/1.0.0\",\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-        },\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} Schema location\n-         */\n-        schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n+OpenLayers.Handler = OpenLayers.Class({\n \n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wps\",\n+    /**\n+     * Property: id\n+     * {String}\n+     */\n+    id: null,\n \n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+    /**\n+     * APIProperty: control\n+     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n+     *     control is assumed to have a valid map property - that map is used\n+     *     in the handler's own setMap method.\n+     */\n+    control: null,\n \n-        /**\n-         * Constructor: OpenLayers.Format.WPSDescribeProcess\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /**\n+     * Property: map\n+     * {<OpenLayers.Map>}\n+     */\n+    map: null,\n \n-        /**\n-         * APIMethod: read\n-         * Parse a WPS DescribeProcess and return an object with its information.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object}\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var info = {};\n-            this.readNode(data, info);\n-            return info;\n-        },\n+    /**\n+     * APIProperty: keyMask\n+     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n+     *     constants to construct a keyMask.  The keyMask is used by\n+     *     <checkModifiers>.  If the keyMask matches the combination of keys\n+     *     down on an event, checkModifiers returns true.\n+     *\n+     * Example:\n+     * (code)\n+     *     // handler only responds if the Shift key is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n+     *\n+     *     // handler only responds if Ctrl-Shift is down\n+     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n+     *                       OpenLayers.Handler.MOD_CTRL;\n+     * (end)\n+     */\n+    keyMask: null,\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wps\": {\n-                \"ProcessDescriptions\": function(node, obj) {\n-                    obj.processDescriptions = {};\n-                    this.readChildNodes(node, obj.processDescriptions);\n-                },\n-                \"ProcessDescription\": function(node, processDescriptions) {\n-                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                    var processDescription = {\n-                        processVersion: processVersion,\n-                        statusSupported: (node.getAttribute(\"statusSupported\") === \"true\"),\n-                        storeSupported: (node.getAttribute(\"storeSupported\") === \"true\")\n-                    };\n-                    this.readChildNodes(node, processDescription);\n-                    processDescriptions[processDescription.identifier] = processDescription;\n-                },\n-                \"DataInputs\": function(node, processDescription) {\n-                    processDescription.dataInputs = [];\n-                    this.readChildNodes(node, processDescription.dataInputs);\n-                },\n-                \"ProcessOutputs\": function(node, processDescription) {\n-                    processDescription.processOutputs = [];\n-                    this.readChildNodes(node, processDescription.processOutputs);\n-                },\n-                \"Output\": function(node, processOutputs) {\n-                    var output = {};\n-                    this.readChildNodes(node, output);\n-                    processOutputs.push(output);\n-                },\n-                \"ComplexOutput\": function(node, output) {\n-                    output.complexOutput = {};\n-                    this.readChildNodes(node, output.complexOutput);\n-                },\n-                \"LiteralOutput\": function(node, output) {\n-                    output.literalOutput = {};\n-                    this.readChildNodes(node, output.literalOutput);\n-                },\n-                \"Input\": function(node, dataInputs) {\n-                    var input = {\n-                        maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n-                        minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n-                    };\n-                    this.readChildNodes(node, input);\n-                    dataInputs.push(input);\n-                },\n-                \"BoundingBoxData\": function(node, input) {\n-                    input.boundingBoxData = {};\n-                    this.readChildNodes(node, input.boundingBoxData);\n-                },\n-                \"CRS\": function(node, obj) {\n-                    if (!obj.CRSs) {\n-                        obj.CRSs = {};\n-                    }\n-                    obj.CRSs[this.getChildValue(node)] = true;\n-                },\n-                \"LiteralData\": function(node, input) {\n-                    input.literalData = {};\n-                    this.readChildNodes(node, input.literalData);\n-                },\n-                \"ComplexData\": function(node, input) {\n-                    input.complexData = {};\n-                    this.readChildNodes(node, input.complexData);\n-                },\n-                \"Default\": function(node, complexData) {\n-                    complexData[\"default\"] = {};\n-                    this.readChildNodes(node, complexData[\"default\"]);\n-                },\n-                \"Supported\": function(node, complexData) {\n-                    complexData[\"supported\"] = {};\n-                    this.readChildNodes(node, complexData[\"supported\"]);\n-                },\n-                \"Format\": function(node, obj) {\n-                    var format = {};\n-                    this.readChildNodes(node, format);\n-                    if (!obj.formats) {\n-                        obj.formats = {};\n-                    }\n-                    obj.formats[format.mimeType] = true;\n-                },\n-                \"MimeType\": function(node, format) {\n-                    format.mimeType = this.getChildValue(node);\n-                }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n-        },\n+    /**\n+     * Property: active\n+     * {Boolean}\n+     */\n+    active: false,\n \n-        CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n+    /**\n+     * Property: evt\n+     * {Event} This property references the last event handled by the handler.\n+     *     Note that this property is not part of the stable API.  Use of the\n+     *     evt property should be restricted to controls in the library\n+     *     or other applications that are willing to update with changes to\n+     *     the OpenLayers code.\n+     */\n+    evt: null,\n \n-    });\n-/* ======================================================================\n-    OpenLayers/WPSClient.js\n-   ====================================================================== */\n+    /**\n+     * Property: touch\n+     * {Boolean} Indicates the support of touch events. When touch events are \n+     *     started touch will be true and all mouse related listeners will do \n+     *     nothing.\n+     */\n+    touch: false,\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Constructor: OpenLayers.Handler\n+     * Construct a handler.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that initialized this\n+     *     handler.  The control is assumed to have a valid map property; that\n+     *     map is used in the handler's own setMap method.  If a map property\n+     *     is present in the options argument it will be used instead.\n+     * callbacks - {Object} An object whose properties correspond to abstracted\n+     *     events or sequences of browser events.  The values for these\n+     *     properties are functions defined by the control that get called by\n+     *     the handler.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     the handler.\n+     */\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.control = control;\n+        this.callbacks = callbacks;\n \n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map);\n+        }\n \n-/**\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/WPSProcess.js\n- * @requires OpenLayers/Format/WPSDescribeProcess.js\n- * @requires OpenLayers/Request.js\n- */\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n+    },\n \n-/**\n- * Class: OpenLayers.WPSClient\n- * High level API for interaction with Web Processing Services (WPS).\n- * An <OpenLayers.WPSClient> instance is used to create <OpenLayers.WPSProcess>\n- * instances for servers known to the WPSClient. The WPSClient also caches\n- * DescribeProcess responses to reduce the number of requests sent to servers\n- * when processes are created.\n- */\n-OpenLayers.WPSClient = OpenLayers.Class({\n+    /**\n+     * Method: setMap\n+     */\n+    setMap: function(map) {\n+        this.map = map;\n+    },\n \n     /**\n-     * Property: servers\n-     * {Object} Service metadata, keyed by a local identifier.\n+     * Method: checkModifiers\n+     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n+     *     returns true.  If a <keyMask> is set and it matches the combination\n+     *     of keys down on an event, this returns true.\n      *\n-     * Properties:\n-     * url - {String} the url of the server\n-     * version - {String} WPS version of the server\n-     * processDescription - {Object} Cache of raw DescribeProcess\n-     *     responses, keyed by process identifier.\n+     * Returns:\n+     * {Boolean} The keyMask matches the keys down on an event.\n      */\n-    servers: null,\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true;\n+        }\n+        /* calculate the keyboard modifier mask for this event */\n+        var keyModifiers =\n+            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n+            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n+            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n+            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+\n+        /* if it differs from the handler object's key mask,\n+           bail out of the event handler */\n+        return (keyModifiers == this.keyMask);\n+    },\n \n     /**\n-     * Property: version\n-     * {String} The default WPS version to use if none is configured. Default\n-     *     is '1.0.0'.\n+     * APIMethod: activate\n+     * Turn on the handler.  Returns false if the handler was already active.\n+     * \n+     * Returns: \n+     * {Boolean} The handler was activated.\n      */\n-    version: '1.0.0',\n+    activate: function() {\n+        if (this.active) {\n+            return false;\n+        }\n+        // register for event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]]);\n+            }\n+        }\n+        this.active = true;\n+        return true;\n+    },\n \n     /**\n-     * Property: lazy\n-     * {Boolean} Should the DescribeProcess be deferred until a process is\n-     *     fully configured? Default is false.\n+     * APIMethod: deactivate\n+     * Turn off the handler.  Returns false if the handler was already inactive.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was deactivated.\n      */\n-    lazy: false,\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false;\n+        }\n+        // unregister event handlers defined on this class.\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]]);\n+            }\n+        }\n+        this.touch = false;\n+        this.active = false;\n+        return true;\n+    },\n \n     /**\n-     * Property: events\n-     * {<OpenLayers.Events>}\n-     *\n-     * Supported event types:\n-     * describeprocess - Fires when the process description is available.\n-     *     Listeners receive an object with a 'raw' property holding the raw\n-     *     DescribeProcess response, and an 'identifier' property holding the\n-     *     process identifier of the described process.\n+     * Method: startTouch\n+     * Start touch events, this method must be called by subclasses in \n+     *     \"touchstart\" method. When touch events are started <touch> will be\n+     *     true and all mouse related listeners will do nothing.\n      */\n-    events: null,\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\n+                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n+                \"mouseout\"\n+            ];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]]);\n+                }\n+            }\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.WPSClient\n+     * Method: callback\n+     * Trigger the control's named callback with the given arguments\n      *\n      * Parameters:\n-     * options - {Object} Object whose properties will be set on the instance.\n-     *\n-     * Avaliable options:\n-     * servers - {Object} Mandatory. Service metadata, keyed by a local\n-     *     identifier. Can either be a string with the service url or an\n-     *     object literal with additional metadata:\n-     *\n-     *     (code)\n-     *     servers: {\n-     *         local: '/geoserver/wps'\n-     *     }, {\n-     *         opengeo: {\n-     *             url: 'http://demo.opengeo.org/geoserver/wps',\n-     *             version: '1.0.0'\n-     *         }\n-     *     }\n-     *     (end)\n-     *\n-     * lazy - {Boolean} Optional. Set to true if DescribeProcess should not be\n-     *     requested until a process is fully configured. Default is false.\n+     * name - {String} The key for the callback that is one of the properties\n+     *     of the handler's callbacks object.\n+     * args - {Array(*)} An array of arguments (any type) with which to call \n+     *     the callback (defined by the control).\n      */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        this.servers = {};\n-        for (var s in options.servers) {\n-            this.servers[s] = typeof options.servers[s] == 'string' ? {\n-                url: options.servers[s],\n-                version: this.version,\n-                processDescription: {}\n-            } : options.servers[s];\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args);\n         }\n     },\n \n     /**\n-     * APIMethod: execute\n-     * Shortcut to execute a process with a single function call. This is\n-     * equivalent to using <getProcess> and then calling execute on the\n-     * process.\n-     *\n-     * Parameters:\n-     * options - {Object} Options for the execute operation.\n-     *\n-     * Available options:\n-     * server - {String} Mandatory. One of the local identifiers of the\n-     *     configured servers.\n-     * process - {String} Mandatory. A process identifier known to the\n-     *     server.\n-     * inputs - {Object} The inputs for the process, keyed by input identifier.\n-     *     For spatial data inputs, the value of an input is usually an\n-     *     <OpenLayers.Geometry>, an <OpenLayers.Feature.Vector> or an array of\n-     *     geometries or features.\n-     * output - {String} The identifier of an output to parse. Optional. If not\n-     *     provided, the first output will be parsed.\n-     * success - {Function} Callback to call when the process is complete.\n-     *     This function is called with an outputs object as argument, which\n-     *     will have a property with the identifier of the requested output\n-     *     (e.g. 'result'). For processes that generate spatial output, the\n-     *     value will either be a single <OpenLayers.Feature.Vector> or an\n-     *     array of features.\n-     * scope - {Object} Optional scope for the success callback.\n+     * Method: register\n+     * register an event on the map\n      */\n-    execute: function(options) {\n-        var process = this.getProcess(options.server, options.process);\n-        process.execute({\n-            inputs: options.inputs,\n-            success: options.success,\n-            scope: options.scope\n-        });\n+    register: function(name, method) {\n+        // TODO: deal with registerPriority in 3.0\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent);\n     },\n \n     /**\n-     * APIMethod: getProcess\n-     * Creates an <OpenLayers.WPSProcess>.\n-     *\n-     * Parameters:\n-     * serverID - {String} Local identifier from the servers that this instance\n-     *     was constructed with.\n-     * processID - {String} Process identifier known to the server.\n-     *\n-     * Returns:\n-     * {<OpenLayers.WPSProcess>}\n+     * Method: unregister\n+     * unregister an event from the map\n      */\n-    getProcess: function(serverID, processID) {\n-        var process = new OpenLayers.WPSProcess({\n-            client: this,\n-            server: serverID,\n-            identifier: processID\n-        });\n-        if (!this.lazy) {\n-            process.describe();\n-        }\n-        return process;\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent);\n     },\n \n     /**\n-     * Method: describeProcess\n+     * Method: setEvent\n+     * With each registered browser event, the handler sets its own evt\n+     *     property.  This property can be accessed by controls if needed\n+     *     to get more information about the event that the handler is\n+     *     processing.\n+     *\n+     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n+     *     and meta cannot be checked with the keyboard handler).  For a\n+     *     control to determine which modifier keys are associated with the\n+     *     event that a handler is currently processing, it should access\n+     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n+     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n      *\n      * Parameters:\n-     * serverID - {String} Identifier of the server\n-     * processID - {String} Identifier of the requested process\n-     * callback - {Function} Callback to call when the description is available\n-     * scope - {Object} Optional execution scope for the callback function\n+     * evt - {Event} The browser event.\n      */\n-    describeProcess: function(serverID, processID, callback, scope) {\n-        var server = this.servers[serverID];\n-        if (!server.processDescription[processID]) {\n-            if (!(processID in server.processDescription)) {\n-                // set to null so we know a describeFeature request is pending\n-                server.processDescription[processID] = null;\n-                OpenLayers.Request.GET({\n-                    url: server.url,\n-                    params: {\n-                        SERVICE: 'WPS',\n-                        VERSION: server.version,\n-                        REQUEST: 'DescribeProcess',\n-                        IDENTIFIER: processID\n-                    },\n-                    success: function(response) {\n-                        server.processDescription[processID] = response.responseText;\n-                        this.events.triggerEvent('describeprocess', {\n-                            identifier: processID,\n-                            raw: response.responseText\n-                        });\n-                    },\n-                    scope: this\n-                });\n-            } else {\n-                // pending request\n-                this.events.register('describeprocess', this, function describe(evt) {\n-                    if (evt.identifier === processID) {\n-                        this.events.unregister('describeprocess', this, describe);\n-                        callback.call(scope, evt.raw);\n-                    }\n-                });\n-            }\n-        } else {\n-            window.setTimeout(function() {\n-                callback.call(scope, server.processDescription[processID]);\n-            }, 0);\n-        }\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true;\n     },\n \n     /**\n      * Method: destroy\n+     * Deconstruct the handler.\n      */\n     destroy: function() {\n-        this.events.destroy();\n-        this.events = null;\n-        this.servers = null;\n+        // unregister event listeners\n+        this.deactivate();\n+        // eliminate circular references\n+        this.control = this.map = null;\n     },\n \n-    CLASS_NAME: 'OpenLayers.WPSClient'\n-\n+    CLASS_NAME: \"OpenLayers.Handler\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_NONE\n+ * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n+ */\n+OpenLayers.Handler.MOD_NONE = 0;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_SHIFT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n+ */\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_CTRL\n+ * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n+ */\n+OpenLayers.Handler.MOD_CTRL = 2;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_ALT\n+ * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n+ */\n+OpenLayers.Handler.MOD_ALT = 4;\n+\n+/**\n+ * Constant: OpenLayers.Handler.MOD_META\n+ * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n+ */\n+OpenLayers.Handler.MOD_META = 8;\n+\n+\n /* ======================================================================\n     OpenLayers/Icon.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -41263,14 +40988,582 @@\n \n         return isDrawn;\n     },\n \n     CLASS_NAME: \"OpenLayers.Icon\"\n });\n /* ======================================================================\n+    OpenLayers/Marker.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Icon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Marker\n+ * Instances of OpenLayers.Marker are a combination of a \n+ * <OpenLayers.LonLat> and an <OpenLayers.Icon>.  \n+ *\n+ * Markers are generally added to a special layer called\n+ * <OpenLayers.Layer.Markers>.\n+ *\n+ * Example:\n+ * (code)\n+ * var markers = new OpenLayers.Layer.Markers( \"Markers\" );\n+ * map.addLayer(markers);\n+ *\n+ * var size = new OpenLayers.Size(21,25);\n+ * var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);\n+ * var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);\n+ * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));\n+ * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));\n+ *\n+ * (end)\n+ *\n+ * Note that if you pass an icon into the Marker constructor, it will take\n+ * that icon and use it. This means that you should not share icons between\n+ * markers -- you use them once, but you should clone() for any additional\n+ * markers using that same icon.\n+ */\n+OpenLayers.Marker = OpenLayers.Class({\n+\n+    /** \n+     * Property: icon \n+     * {<OpenLayers.Icon>} The icon used by this marker.\n+     */\n+    icon: null,\n+\n+    /** \n+     * Property: lonlat \n+     * {<OpenLayers.LonLat>} location of object\n+     */\n+    lonlat: null,\n+\n+    /** \n+     * Property: events \n+     * {<OpenLayers.Events>} the event handler.\n+     */\n+    events: null,\n+\n+    /** \n+     * Property: map \n+     * {<OpenLayers.Map>} the map this marker is attached to\n+     */\n+    map: null,\n+\n+    /** \n+     * Constructor: OpenLayers.Marker\n+     *\n+     * Parameters:\n+     * lonlat - {<OpenLayers.LonLat>} the position of this marker\n+     * icon - {<OpenLayers.Icon>}  the icon for this marker\n+     */\n+    initialize: function(lonlat, icon) {\n+        this.lonlat = lonlat;\n+\n+        var newIcon = (icon) ? icon : OpenLayers.Marker.defaultIcon();\n+        if (this.icon == null) {\n+            this.icon = newIcon;\n+        } else {\n+            this.icon.url = newIcon.url;\n+            this.icon.size = newIcon.size;\n+            this.icon.offset = newIcon.offset;\n+            this.icon.calculateOffset = newIcon.calculateOffset;\n+        }\n+        this.events = new OpenLayers.Events(this, this.icon.imageDiv);\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Destroy the marker. You must first remove the marker from any \n+     * layer which it has been added to, or you will get buggy behavior.\n+     * (This can not be done within the marker since the marker does not\n+     * know which layer it is attached to.)\n+     */\n+    destroy: function() {\n+        // erase any drawn features\n+        this.erase();\n+\n+        this.map = null;\n+\n+        this.events.destroy();\n+        this.events = null;\n+\n+        if (this.icon != null) {\n+            this.icon.destroy();\n+            this.icon = null;\n+        }\n+    },\n+\n+    /** \n+     * Method: draw\n+     * Calls draw on the icon, and returns that output.\n+     * \n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>}\n+     * \n+     * Returns:\n+     * {DOMElement} A new DOM Image with this marker's icon set at the \n+     * location passed-in\n+     */\n+    draw: function(px) {\n+        return this.icon.draw(px);\n+    },\n+\n+    /** \n+     * Method: erase\n+     * Erases any drawn elements for this marker.\n+     */\n+    erase: function() {\n+        if (this.icon != null) {\n+            this.icon.erase();\n+        }\n+    },\n+\n+    /**\n+     * Method: moveTo\n+     * Move the marker to the new location.\n+     *\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>|Object} the pixel position to move to.\n+     * An OpenLayers.Pixel or an object with a 'x' and 'y' properties.\n+     */\n+    moveTo: function(px) {\n+        if ((px != null) && (this.icon != null)) {\n+            this.icon.moveTo(px);\n+        }\n+        this.lonlat = this.map.getLonLatFromLayerPx(px);\n+    },\n+\n+    /**\n+     * APIMethod: isDrawn\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the marker is drawn.\n+     */\n+    isDrawn: function() {\n+        var isDrawn = (this.icon && this.icon.isDrawn());\n+        return isDrawn;\n+    },\n+\n+    /**\n+     * Method: onScreen\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the marker is currently visible on screen.\n+     */\n+    onScreen: function() {\n+\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat);\n+        }\n+        return onScreen;\n+    },\n+\n+    /**\n+     * Method: inflate\n+     * Englarges the markers icon by the specified ratio.\n+     *\n+     * Parameters:\n+     * inflate - {float} the ratio to enlarge the marker by (passing 2\n+     *                   will double the size).\n+     */\n+    inflate: function(inflate) {\n+        if (this.icon) {\n+            this.icon.setSize({\n+                w: this.icon.size.w * inflate,\n+                h: this.icon.size.h * inflate\n+            });\n+        }\n+    },\n+\n+    /** \n+     * Method: setOpacity\n+     * Change the opacity of the marker by changin the opacity of \n+     *   its icon\n+     * \n+     * Parameters:\n+     * opacity - {float}  Specified as fraction (0.4, etc)\n+     */\n+    setOpacity: function(opacity) {\n+        this.icon.setOpacity(opacity);\n+    },\n+\n+    /**\n+     * Method: setUrl\n+     * Change URL of the Icon Image.\n+     * \n+     * url - {String} \n+     */\n+    setUrl: function(url) {\n+        this.icon.setUrl(url);\n+    },\n+\n+    /** \n+     * Method: display\n+     * Hide or show the icon\n+     * \n+     * display - {Boolean} \n+     */\n+    display: function(display) {\n+        this.icon.display(display);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Marker\"\n+});\n+\n+\n+/**\n+ * Function: defaultIcon\n+ * Creates a default <OpenLayers.Icon>.\n+ * \n+ * Returns:\n+ * {<OpenLayers.Icon>} A default OpenLayers.Icon to use for a marker\n+ */\n+OpenLayers.Marker.defaultIcon = function() {\n+    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n+        w: 21,\n+        h: 25\n+    }, {\n+        x: -10.5,\n+        y: -25\n+    });\n+};\n+\n+\n+/* ======================================================================\n+    OpenLayers/Symbolizer.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Symbolizer\n+ * Base class representing a symbolizer used for feature rendering.\n+ */\n+OpenLayers.Symbolizer = OpenLayers.Class({\n+\n+\n+    /**\n+     * APIProperty: zIndex\n+     * {Number} The zIndex determines the rendering order for a symbolizer.\n+     *     Symbolizers with larger zIndex values are rendered over symbolizers\n+     *     with smaller zIndex values.  Default is 0.\n+     */\n+    zIndex: 0,\n+\n+    /**\n+     * Constructor: OpenLayers.Symbolizer\n+     * Instances of this class are not useful.  See one of the subclasses.\n+     *\n+     * Parameters:\n+     * config - {Object} An object containing properties to be set on the \n+     *     symbolizer.  Any documented symbolizer property can be set at \n+     *     construction.\n+     *\n+     * Returns:\n+     * A new symbolizer.\n+     */\n+    initialize: function(config) {\n+        OpenLayers.Util.extend(this, config);\n+    },\n+\n+    /** \n+     * APIMethod: clone\n+     * Create a copy of this symbolizer.\n+     *\n+     * Returns a symbolizer of the same type with the same properties.\n+     */\n+    clone: function() {\n+        var Type = eval(this.CLASS_NAME);\n+        return new Type(OpenLayers.Util.extend({}, this));\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Spherical.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/SingleFile.js\n+ */\n+\n+/**\n+ * Namespace: Spherical\n+ * The OpenLayers.Spherical namespace includes utility functions for\n+ * calculations on the basis of a spherical earth (ignoring ellipsoidal\n+ * effects), which is accurate enough for most purposes.\n+ *\n+ * Relevant links:\n+ * * http://www.movable-type.co.uk/scripts/latlong.html\n+ * * http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical\n+ */\n+\n+OpenLayers.Spherical = OpenLayers.Spherical || {};\n+\n+OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n+\n+/**\n+ * APIFunction: computeDistanceBetween\n+ * Computes the distance between two LonLats.\n+ *\n+ * Parameters:\n+ * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n+ *          a JavaScript literal with lon lat properties.\n+ * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n+ *          JavaScript literal with lon lat properties.\n+ * radius - {Float} The radius. Optional. Defaults to 6378137 meters.\n+ *\n+ * Returns:\n+ * {Float} The distance in meters.\n+ */\n+OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n+    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n+    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n+    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n+    var a = sinHalfDeltaLat * sinHalfDeltaLat +\n+        sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n+    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n+};\n+\n+\n+/**\n+ * APIFunction: computeHeading\n+ * Computes the heading from one LonLat to another LonLat.\n+ *\n+ * Parameters:\n+ * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n+ *          a JavaScript literal with lon lat properties.\n+ * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n+ *          JavaScript literal with lon lat properties.\n+ *\n+ * Returns:\n+ * {Float} The heading in degrees.\n+ */\n+OpenLayers.Spherical.computeHeading = function(from, to) {\n+    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n+    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) -\n+        Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n+    return 180 * Math.atan2(y, x) / Math.PI;\n+};\n+/* ======================================================================\n+    OpenLayers/Kinetic.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/Animation.js\n+ */\n+\n+OpenLayers.Kinetic = OpenLayers.Class({\n+\n+    /**\n+     * Property: threshold\n+     * In most cases changing the threshold isn't needed.\n+     * In px/ms, default to 0.\n+     */\n+    threshold: 0,\n+\n+    /**\n+     * Property: deceleration\n+     * {Float} the deseleration in px/ms\u00b2, default to 0.0035.\n+     */\n+    deceleration: 0.0035,\n+\n+    /**\n+     * Property: nbPoints\n+     * {Integer} the number of points we use to calculate the kinetic\n+     * initial values.\n+     */\n+    nbPoints: 100,\n+\n+    /**\n+     * Property: delay\n+     * {Float} time to consider to calculate the kinetic initial values.\n+     * In ms, default to 200.\n+     */\n+    delay: 200,\n+\n+    /**\n+     * Property: points\n+     * List of points use to calculate the kinetic initial values.\n+     */\n+    points: undefined,\n+\n+    /**\n+     * Property: timerId\n+     * ID of the timer.\n+     */\n+    timerId: undefined,\n+\n+    /**\n+     * Constructor: OpenLayers.Kinetic\n+     *\n+     * Parameters:\n+     * options - {Object}\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+    },\n+\n+    /**\n+     * Method: begin\n+     * Begins the dragging.\n+     */\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = [];\n+    },\n+\n+    /**\n+     * Method: update\n+     * Updates during the dragging.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} The new position.\n+     */\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: new Date().getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop();\n+        }\n+    },\n+\n+    /**\n+     * Method: end\n+     * Ends the dragging, start the kinetic.\n+     *\n+     * Parameters:\n+     * xy - {<OpenLayers.Pixel>} The last position.\n+     *\n+     * Returns:\n+     * {Object} An object with two properties: \"speed\", and \"theta\". The\n+     *     \"speed\" and \"theta\" values are to be passed to the move \n+     *     function when starting the animation.\n+     */\n+    end: function(xy) {\n+        var last, now = new Date().getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break;\n+            }\n+            last = point;\n+        }\n+        if (!last) {\n+            return;\n+        }\n+        var time = new Date().getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) +\n+            Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return;\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta;\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        };\n+    },\n+\n+    /**\n+     * Method: move\n+     * Launch the kinetic move pan.\n+     *\n+     * Parameters:\n+     * info - {Object} An object with two properties, \"speed\", and \"theta\".\n+     *     These values are those returned from the \"end\" call.\n+     * callback - {Function} Function called on every step of the animation,\n+     *     receives x, y (values to pan), end (is the last point).\n+     */\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+\n+        var initialTime = new Date().getTime();\n+\n+        var lastX = 0;\n+        var lastY = 0;\n+\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return;\n+            }\n+\n+            var t = new Date().getTime() - initialTime;\n+\n+            var p = (-this.deceleration * Math.pow(t, 2)) / 2.0 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true;\n+            }\n+\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end);\n+        };\n+\n+        this.timerId = OpenLayers.Animation.start(\n+            OpenLayers.Function.bind(timerCallback, this)\n+        );\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n+/* ======================================================================\n     OpenLayers/TileManager.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -41743,847 +42036,429 @@\n         this.tileCache = null;\n         this.tileCacheIndex = null;\n         this._destroyed = true;\n     }\n \n });\n /* ======================================================================\n-    OpenLayers/Marker.js\n+    OpenLayers/Format/WPSDescribeProcess.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Events.js\n- * @requires OpenLayers/Icon.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n  */\n \n /**\n- * Class: OpenLayers.Marker\n- * Instances of OpenLayers.Marker are a combination of a \n- * <OpenLayers.LonLat> and an <OpenLayers.Icon>.  \n- *\n- * Markers are generally added to a special layer called\n- * <OpenLayers.Layer.Markers>.\n- *\n- * Example:\n- * (code)\n- * var markers = new OpenLayers.Layer.Markers( \"Markers\" );\n- * map.addLayer(markers);\n- *\n- * var size = new OpenLayers.Size(21,25);\n- * var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);\n- * var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);\n- * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));\n- * markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon.clone()));\n- *\n- * (end)\n+ * Class: OpenLayers.Format.WPSDescribeProcess\n+ * Read WPS DescribeProcess responses. \n  *\n- * Note that if you pass an icon into the Marker constructor, it will take\n- * that icon and use it. This means that you should not share icons between\n- * markers -- you use them once, but you should clone() for any additional\n- * markers using that same icon.\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Marker = OpenLayers.Class({\n-\n-    /** \n-     * Property: icon \n-     * {<OpenLayers.Icon>} The icon used by this marker.\n-     */\n-    icon: null,\n-\n-    /** \n-     * Property: lonlat \n-     * {<OpenLayers.LonLat>} location of object\n-     */\n-    lonlat: null,\n-\n-    /** \n-     * Property: events \n-     * {<OpenLayers.Events>} the event handler.\n-     */\n-    events: null,\n-\n-    /** \n-     * Property: map \n-     * {<OpenLayers.Map>} the map this marker is attached to\n-     */\n-    map: null,\n-\n-    /** \n-     * Constructor: OpenLayers.Marker\n-     *\n-     * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>} the position of this marker\n-     * icon - {<OpenLayers.Icon>}  the icon for this marker\n-     */\n-    initialize: function(lonlat, icon) {\n-        this.lonlat = lonlat;\n-\n-        var newIcon = (icon) ? icon : OpenLayers.Marker.defaultIcon();\n-        if (this.icon == null) {\n-            this.icon = newIcon;\n-        } else {\n-            this.icon.url = newIcon.url;\n-            this.icon.size = newIcon.size;\n-            this.icon.offset = newIcon.offset;\n-            this.icon.calculateOffset = newIcon.calculateOffset;\n-        }\n-        this.events = new OpenLayers.Events(this, this.icon.imageDiv);\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Destroy the marker. You must first remove the marker from any \n-     * layer which it has been added to, or you will get buggy behavior.\n-     * (This can not be done within the marker since the marker does not\n-     * know which layer it is attached to.)\n-     */\n-    destroy: function() {\n-        // erase any drawn features\n-        this.erase();\n-\n-        this.map = null;\n-\n-        this.events.destroy();\n-        this.events = null;\n-\n-        if (this.icon != null) {\n-            this.icon.destroy();\n-            this.icon = null;\n-        }\n-    },\n-\n-    /** \n-     * Method: draw\n-     * Calls draw on the icon, and returns that output.\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n-     * \n-     * Returns:\n-     * {DOMElement} A new DOM Image with this marker's icon set at the \n-     * location passed-in\n-     */\n-    draw: function(px) {\n-        return this.icon.draw(px);\n-    },\n-\n-    /** \n-     * Method: erase\n-     * Erases any drawn elements for this marker.\n-     */\n-    erase: function() {\n-        if (this.icon != null) {\n-            this.icon.erase();\n-        }\n-    },\n-\n-    /**\n-     * Method: moveTo\n-     * Move the marker to the new location.\n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>|Object} the pixel position to move to.\n-     * An OpenLayers.Pixel or an object with a 'x' and 'y' properties.\n-     */\n-    moveTo: function(px) {\n-        if ((px != null) && (this.icon != null)) {\n-            this.icon.moveTo(px);\n-        }\n-        this.lonlat = this.map.getLonLatFromLayerPx(px);\n-    },\n+OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n-    /**\n-     * APIMethod: isDrawn\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the marker is drawn.\n-     */\n-    isDrawn: function() {\n-        var isDrawn = (this.icon && this.icon.isDrawn());\n-        return isDrawn;\n-    },\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n \n-    /**\n-     * Method: onScreen\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the marker is currently visible on screen.\n-     */\n-    onScreen: function() {\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wps: \"http://www.opengis.net/wps/1.0.0\",\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+        },\n \n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat);\n-        }\n-        return onScreen;\n-    },\n+        /**\n+         * Property: schemaLocation\n+         * {String} Schema location\n+         */\n+        schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n \n-    /**\n-     * Method: inflate\n-     * Englarges the markers icon by the specified ratio.\n-     *\n-     * Parameters:\n-     * inflate - {float} the ratio to enlarge the marker by (passing 2\n-     *                   will double the size).\n-     */\n-    inflate: function(inflate) {\n-        if (this.icon) {\n-            this.icon.setSize({\n-                w: this.icon.size.w * inflate,\n-                h: this.icon.size.h * inflate\n-            });\n-        }\n-    },\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wps\",\n \n-    /** \n-     * Method: setOpacity\n-     * Change the opacity of the marker by changin the opacity of \n-     *   its icon\n-     * \n-     * Parameters:\n-     * opacity - {float}  Specified as fraction (0.4, etc)\n-     */\n-    setOpacity: function(opacity) {\n-        this.icon.setOpacity(opacity);\n-    },\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n \n-    /**\n-     * Method: setUrl\n-     * Change URL of the Icon Image.\n-     * \n-     * url - {String} \n-     */\n-    setUrl: function(url) {\n-        this.icon.setUrl(url);\n-    },\n+        /**\n+         * Constructor: OpenLayers.Format.WPSDescribeProcess\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n \n-    /** \n-     * Method: display\n-     * Hide or show the icon\n-     * \n-     * display - {Boolean} \n-     */\n-    display: function(display) {\n-        this.icon.display(display);\n-    },\n+        /**\n+         * APIMethod: read\n+         * Parse a WPS DescribeProcess and return an object with its information.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object}\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var info = {};\n+            this.readNode(data, info);\n+            return info;\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Marker\"\n-});\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wps\": {\n+                \"ProcessDescriptions\": function(node, obj) {\n+                    obj.processDescriptions = {};\n+                    this.readChildNodes(node, obj.processDescriptions);\n+                },\n+                \"ProcessDescription\": function(node, processDescriptions) {\n+                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                    var processDescription = {\n+                        processVersion: processVersion,\n+                        statusSupported: (node.getAttribute(\"statusSupported\") === \"true\"),\n+                        storeSupported: (node.getAttribute(\"storeSupported\") === \"true\")\n+                    };\n+                    this.readChildNodes(node, processDescription);\n+                    processDescriptions[processDescription.identifier] = processDescription;\n+                },\n+                \"DataInputs\": function(node, processDescription) {\n+                    processDescription.dataInputs = [];\n+                    this.readChildNodes(node, processDescription.dataInputs);\n+                },\n+                \"ProcessOutputs\": function(node, processDescription) {\n+                    processDescription.processOutputs = [];\n+                    this.readChildNodes(node, processDescription.processOutputs);\n+                },\n+                \"Output\": function(node, processOutputs) {\n+                    var output = {};\n+                    this.readChildNodes(node, output);\n+                    processOutputs.push(output);\n+                },\n+                \"ComplexOutput\": function(node, output) {\n+                    output.complexOutput = {};\n+                    this.readChildNodes(node, output.complexOutput);\n+                },\n+                \"LiteralOutput\": function(node, output) {\n+                    output.literalOutput = {};\n+                    this.readChildNodes(node, output.literalOutput);\n+                },\n+                \"Input\": function(node, dataInputs) {\n+                    var input = {\n+                        maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n+                        minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n+                    };\n+                    this.readChildNodes(node, input);\n+                    dataInputs.push(input);\n+                },\n+                \"BoundingBoxData\": function(node, input) {\n+                    input.boundingBoxData = {};\n+                    this.readChildNodes(node, input.boundingBoxData);\n+                },\n+                \"CRS\": function(node, obj) {\n+                    if (!obj.CRSs) {\n+                        obj.CRSs = {};\n+                    }\n+                    obj.CRSs[this.getChildValue(node)] = true;\n+                },\n+                \"LiteralData\": function(node, input) {\n+                    input.literalData = {};\n+                    this.readChildNodes(node, input.literalData);\n+                },\n+                \"ComplexData\": function(node, input) {\n+                    input.complexData = {};\n+                    this.readChildNodes(node, input.complexData);\n+                },\n+                \"Default\": function(node, complexData) {\n+                    complexData[\"default\"] = {};\n+                    this.readChildNodes(node, complexData[\"default\"]);\n+                },\n+                \"Supported\": function(node, complexData) {\n+                    complexData[\"supported\"] = {};\n+                    this.readChildNodes(node, complexData[\"supported\"]);\n+                },\n+                \"Format\": function(node, obj) {\n+                    var format = {};\n+                    this.readChildNodes(node, format);\n+                    if (!obj.formats) {\n+                        obj.formats = {};\n+                    }\n+                    obj.formats[format.mimeType] = true;\n+                },\n+                \"MimeType\": function(node, format) {\n+                    format.mimeType = this.getChildValue(node);\n+                }\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n \n+        CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n \n-/**\n- * Function: defaultIcon\n- * Creates a default <OpenLayers.Icon>.\n- * \n- * Returns:\n- * {<OpenLayers.Icon>} A default OpenLayers.Icon to use for a marker\n- */\n-OpenLayers.Marker.defaultIcon = function() {\n-    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n-        w: 21,\n-        h: 25\n-    }, {\n-        x: -10.5,\n-        y: -25\n     });\n-};\n-\n-\n /* ======================================================================\n-    OpenLayers/Strategy.js\n+    OpenLayers/WPSClient.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Class.js\n+ * @requires OpenLayers/SingleFile.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy\n- * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n- *     one of the strategy subclasses instead.\n+ * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/WPSProcess.js\n+ * @requires OpenLayers/Format/WPSDescribeProcess.js\n+ * @requires OpenLayers/Request.js\n  */\n-OpenLayers.Strategy = OpenLayers.Class({\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n-     */\n-    layer: null,\n+/**\n+ * Class: OpenLayers.WPSClient\n+ * High level API for interaction with Web Processing Services (WPS).\n+ * An <OpenLayers.WPSClient> instance is used to create <OpenLayers.WPSProcess>\n+ * instances for servers known to the WPSClient. The WPSClient also caches\n+ * DescribeProcess responses to reduce the number of requests sent to servers\n+ * when processes are created.\n+ */\n+OpenLayers.WPSClient = OpenLayers.Class({\n \n     /**\n-     * Property: options\n-     * {Object} Any options sent to the constructor.\n-     */\n-    options: null,\n-\n-    /** \n-     * Property: active \n-     * {Boolean} The control is active.\n+     * Property: servers\n+     * {Object} Service metadata, keyed by a local identifier.\n+     *\n+     * Properties:\n+     * url - {String} the url of the server\n+     * version - {String} WPS version of the server\n+     * processDescription - {Object} Cache of raw DescribeProcess\n+     *     responses, keyed by process identifier.\n      */\n-    active: null,\n+    servers: null,\n \n     /**\n-     * Property: autoActivate\n-     * {Boolean} The creator of the strategy can set autoActivate to false\n-     *      to fully control when the protocol is activated and deactivated.\n-     *      Defaults to true.\n+     * Property: version\n+     * {String} The default WPS version to use if none is configured. Default\n+     *     is '1.0.0'.\n      */\n-    autoActivate: true,\n+    version: '1.0.0',\n \n     /**\n-     * Property: autoDestroy\n-     * {Boolean} The creator of the strategy can set autoDestroy to false\n-     *      to fully control when the strategy is destroyed. Defaults to\n-     *      true.\n+     * Property: lazy\n+     * {Boolean} Should the DescribeProcess be deferred until a process is\n+     *     fully configured? Default is false.\n      */\n-    autoDestroy: true,\n+    lazy: false,\n \n     /**\n-     * Constructor: OpenLayers.Strategy\n-     * Abstract class for vector strategies.  Create instances of a subclass.\n+     * Property: events\n+     * {<OpenLayers.Events>}\n      *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        // set the active property here, so that user cannot override it\n-        this.active = false;\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the strategy.\n+     * Supported event types:\n+     * describeprocess - Fires when the process description is available.\n+     *     Listeners receive an object with a 'raw' property holding the raw\n+     *     DescribeProcess response, and an 'identifier' property holding the\n+     *     process identifier of the described process.\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null;\n-    },\n+    events: null,\n \n     /**\n-     * Method: setLayer\n-     * Called to set the <layer> property.\n+     * Constructor: OpenLayers.WPSClient\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}\n-     */\n-    setLayer: function(layer) {\n-        this.layer = layer;\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * options - {Object} Object whose properties will be set on the instance.\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true;\n-        }\n-        return false;\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n+     * Avaliable options:\n+     * servers - {Object} Mandatory. Service metadata, keyed by a local\n+     *     identifier. Can either be a string with the service url or an\n+     *     object literal with additional metadata:\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n+     *     (code)\n+     *     servers: {\n+     *         local: '/geoserver/wps'\n+     *     }, {\n+     *         opengeo: {\n+     *             url: 'http://demo.opengeo.org/geoserver/wps',\n+     *             version: '1.0.0'\n+     *         }\n+     *     }\n+     *     (end)\n+     *\n+     * lazy - {Boolean} Optional. Set to true if DescribeProcess should not be\n+     *     requested until a process is fully configured. Default is false.\n      */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true;\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.events = new OpenLayers.Events(this);\n+        this.servers = {};\n+        for (var s in options.servers) {\n+            this.servers[s] = typeof options.servers[s] == 'string' ? {\n+                url: options.servers[s],\n+                version: this.version,\n+                processDescription: {}\n+            } : options.servers[s];\n         }\n-        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler\n- * Base class to construct a higher-level handler for event sequences.  All\n- *     handlers have activate and deactivate methods.  In addition, they have\n- *     methods named like browser events.  When a handler is activated, any\n- *     additional methods named like a browser event is registered as a\n- *     listener for the corresponding event.  When a handler is deactivated,\n- *     those same methods are unregistered as event listeners.\n- *\n- * Handlers also typically have a callbacks object with keys named like\n- *     the abstracted events or event sequences that they are in charge of\n- *     handling.  The controls that wrap handlers define the methods that\n- *     correspond to these abstract events - so instead of listening for\n- *     individual browser events, they only listen for the abstract events\n- *     defined by the handler.\n- *     \n- * Handlers are created by controls, which ultimately have the responsibility\n- *     of making changes to the the state of the application.  Handlers\n- *     themselves may make temporary changes, but in general are expected to\n- *     return the application in the same state that they found it.\n- */\n-OpenLayers.Handler = OpenLayers.Class({\n-\n-    /**\n-     * Property: id\n-     * {String}\n-     */\n-    id: null,\n-\n-    /**\n-     * APIProperty: control\n-     * {<OpenLayers.Control>}. The control that initialized this handler.  The\n-     *     control is assumed to have a valid map property - that map is used\n-     *     in the handler's own setMap method.\n-     */\n-    control: null,\n-\n-    /**\n-     * Property: map\n-     * {<OpenLayers.Map>}\n-     */\n-    map: null,\n-\n     /**\n-     * APIProperty: keyMask\n-     * {Integer} Use bitwise operators and one or more of the OpenLayers.Handler\n-     *     constants to construct a keyMask.  The keyMask is used by\n-     *     <checkModifiers>.  If the keyMask matches the combination of keys\n-     *     down on an event, checkModifiers returns true.\n+     * APIMethod: execute\n+     * Shortcut to execute a process with a single function call. This is\n+     * equivalent to using <getProcess> and then calling execute on the\n+     * process.\n      *\n-     * Example:\n-     * (code)\n-     *     // handler only responds if the Shift key is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT;\n+     * Parameters:\n+     * options - {Object} Options for the execute operation.\n      *\n-     *     // handler only responds if Ctrl-Shift is down\n-     *     handler.keyMask = OpenLayers.Handler.MOD_SHIFT |\n-     *                       OpenLayers.Handler.MOD_CTRL;\n-     * (end)\n-     */\n-    keyMask: null,\n-\n-    /**\n-     * Property: active\n-     * {Boolean}\n-     */\n-    active: false,\n-\n-    /**\n-     * Property: evt\n-     * {Event} This property references the last event handled by the handler.\n-     *     Note that this property is not part of the stable API.  Use of the\n-     *     evt property should be restricted to controls in the library\n-     *     or other applications that are willing to update with changes to\n-     *     the OpenLayers code.\n-     */\n-    evt: null,\n-\n-    /**\n-     * Property: touch\n-     * {Boolean} Indicates the support of touch events. When touch events are \n-     *     started touch will be true and all mouse related listeners will do \n-     *     nothing.\n+     * Available options:\n+     * server - {String} Mandatory. One of the local identifiers of the\n+     *     configured servers.\n+     * process - {String} Mandatory. A process identifier known to the\n+     *     server.\n+     * inputs - {Object} The inputs for the process, keyed by input identifier.\n+     *     For spatial data inputs, the value of an input is usually an\n+     *     <OpenLayers.Geometry>, an <OpenLayers.Feature.Vector> or an array of\n+     *     geometries or features.\n+     * output - {String} The identifier of an output to parse. Optional. If not\n+     *     provided, the first output will be parsed.\n+     * success - {Function} Callback to call when the process is complete.\n+     *     This function is called with an outputs object as argument, which\n+     *     will have a property with the identifier of the requested output\n+     *     (e.g. 'result'). For processes that generate spatial output, the\n+     *     value will either be a single <OpenLayers.Feature.Vector> or an\n+     *     array of features.\n+     * scope - {Object} Optional scope for the success callback.\n      */\n-    touch: false,\n+    execute: function(options) {\n+        var process = this.getProcess(options.server, options.process);\n+        process.execute({\n+            inputs: options.inputs,\n+            success: options.success,\n+            scope: options.scope\n+        });\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Handler\n-     * Construct a handler.\n+     * APIMethod: getProcess\n+     * Creates an <OpenLayers.WPSProcess>.\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that initialized this\n-     *     handler.  The control is assumed to have a valid map property; that\n-     *     map is used in the handler's own setMap method.  If a map property\n-     *     is present in the options argument it will be used instead.\n-     * callbacks - {Object} An object whose properties correspond to abstracted\n-     *     events or sequences of browser events.  The values for these\n-     *     properties are functions defined by the control that get called by\n-     *     the handler.\n-     * options - {Object} An optional object whose properties will be set on\n-     *     the handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map);\n-        }\n-\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\");\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function(map) {\n-        this.map = map;\n-    },\n-\n-    /**\n-     * Method: checkModifiers\n-     * Check the keyMask on the handler.  If no <keyMask> is set, this always\n-     *     returns true.  If a <keyMask> is set and it matches the combination\n-     *     of keys down on an event, this returns true.\n+     * serverID - {String} Local identifier from the servers that this instance\n+     *     was constructed with.\n+     * processID - {String} Process identifier known to the server.\n      *\n      * Returns:\n-     * {Boolean} The keyMask matches the keys down on an event.\n-     */\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true;\n-        }\n-        /* calculate the keyboard modifier mask for this event */\n-        var keyModifiers =\n-            (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) |\n-            (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) |\n-            (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) |\n-            (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n-\n-        /* if it differs from the handler object's key mask,\n-           bail out of the event handler */\n-        return (keyModifiers == this.keyMask);\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Turn on the handler.  Returns false if the handler was already active.\n-     * \n-     * Returns: \n-     * {Boolean} The handler was activated.\n-     */\n-    activate: function() {\n-        if (this.active) {\n-            return false;\n-        }\n-        // register for event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]]);\n-            }\n-        }\n-        this.active = true;\n-        return true;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Turn off the handler.  Returns false if the handler was already inactive.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was deactivated.\n-     */\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false;\n-        }\n-        // unregister event handlers defined on this class.\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]]);\n-            }\n-        }\n-        this.touch = false;\n-        this.active = false;\n-        return true;\n-    },\n-\n-    /**\n-     * Method: startTouch\n-     * Start touch events, this method must be called by subclasses in \n-     *     \"touchstart\" method. When touch events are started <touch> will be\n-     *     true and all mouse related listeners will do nothing.\n+     * {<OpenLayers.WPSProcess>}\n      */\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\n-                \"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\",\n-                \"mouseout\"\n-            ];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]]);\n-                }\n-            }\n+    getProcess: function(serverID, processID) {\n+        var process = new OpenLayers.WPSProcess({\n+            client: this,\n+            server: serverID,\n+            identifier: processID\n+        });\n+        if (!this.lazy) {\n+            process.describe();\n         }\n+        return process;\n     },\n \n     /**\n-     * Method: callback\n-     * Trigger the control's named callback with the given arguments\n+     * Method: describeProcess\n      *\n      * Parameters:\n-     * name - {String} The key for the callback that is one of the properties\n-     *     of the handler's callbacks object.\n-     * args - {Array(*)} An array of arguments (any type) with which to call \n-     *     the callback (defined by the control).\n+     * serverID - {String} Identifier of the server\n+     * processID - {String} Identifier of the requested process\n+     * callback - {Function} Callback to call when the description is available\n+     * scope - {Object} Optional execution scope for the callback function\n      */\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args);\n+    describeProcess: function(serverID, processID, callback, scope) {\n+        var server = this.servers[serverID];\n+        if (!server.processDescription[processID]) {\n+            if (!(processID in server.processDescription)) {\n+                // set to null so we know a describeFeature request is pending\n+                server.processDescription[processID] = null;\n+                OpenLayers.Request.GET({\n+                    url: server.url,\n+                    params: {\n+                        SERVICE: 'WPS',\n+                        VERSION: server.version,\n+                        REQUEST: 'DescribeProcess',\n+                        IDENTIFIER: processID\n+                    },\n+                    success: function(response) {\n+                        server.processDescription[processID] = response.responseText;\n+                        this.events.triggerEvent('describeprocess', {\n+                            identifier: processID,\n+                            raw: response.responseText\n+                        });\n+                    },\n+                    scope: this\n+                });\n+            } else {\n+                // pending request\n+                this.events.register('describeprocess', this, function describe(evt) {\n+                    if (evt.identifier === processID) {\n+                        this.events.unregister('describeprocess', this, describe);\n+                        callback.call(scope, evt.raw);\n+                    }\n+                });\n+            }\n+        } else {\n+            window.setTimeout(function() {\n+                callback.call(scope, server.processDescription[processID]);\n+            }, 0);\n         }\n     },\n \n     /**\n-     * Method: register\n-     * register an event on the map\n-     */\n-    register: function(name, method) {\n-        // TODO: deal with registerPriority in 3.0\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent);\n-    },\n-\n-    /**\n-     * Method: unregister\n-     * unregister an event from the map\n-     */\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent);\n-    },\n-\n-    /**\n-     * Method: setEvent\n-     * With each registered browser event, the handler sets its own evt\n-     *     property.  This property can be accessed by controls if needed\n-     *     to get more information about the event that the handler is\n-     *     processing.\n-     *\n-     * This allows modifier keys on the event to be checked (alt, shift, ctrl,\n-     *     and meta cannot be checked with the keyboard handler).  For a\n-     *     control to determine which modifier keys are associated with the\n-     *     event that a handler is currently processing, it should access\n-     *     (code)handler.evt.altKey || handler.evt.shiftKey ||\n-     *     handler.evt.ctrlKey || handler.evt.metaKey(end).\n-     *\n-     * Parameters:\n-     * evt - {Event} The browser event.\n-     */\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true;\n-    },\n-\n-    /**\n      * Method: destroy\n-     * Deconstruct the handler.\n      */\n     destroy: function() {\n-        // unregister event listeners\n-        this.deactivate();\n-        // eliminate circular references\n-        this.control = this.map = null;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_NONE\n- * If set as the <keyMask>, <checkModifiers> returns false if any key is down.\n- */\n-OpenLayers.Handler.MOD_NONE = 0;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_SHIFT\n- * If set as the <keyMask>, <checkModifiers> returns false if Shift is down.\n- */\n-OpenLayers.Handler.MOD_SHIFT = 1;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_CTRL\n- * If set as the <keyMask>, <checkModifiers> returns false if Ctrl is down.\n- */\n-OpenLayers.Handler.MOD_CTRL = 2;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_ALT\n- * If set as the <keyMask>, <checkModifiers> returns false if Alt is down.\n- */\n-OpenLayers.Handler.MOD_ALT = 4;\n-\n-/**\n- * Constant: OpenLayers.Handler.MOD_META\n- * If set as the <keyMask>, <checkModifiers> returns false if Cmd is down.\n- */\n-OpenLayers.Handler.MOD_META = 8;\n-\n-\n-/* ======================================================================\n-    OpenLayers/Spherical.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/SingleFile.js\n- */\n-\n-/**\n- * Namespace: Spherical\n- * The OpenLayers.Spherical namespace includes utility functions for\n- * calculations on the basis of a spherical earth (ignoring ellipsoidal\n- * effects), which is accurate enough for most purposes.\n- *\n- * Relevant links:\n- * * http://www.movable-type.co.uk/scripts/latlong.html\n- * * http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical\n- */\n-\n-OpenLayers.Spherical = OpenLayers.Spherical || {};\n-\n-OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n-\n-/**\n- * APIFunction: computeDistanceBetween\n- * Computes the distance between two LonLats.\n- *\n- * Parameters:\n- * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n- *          a JavaScript literal with lon lat properties.\n- * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n- *          JavaScript literal with lon lat properties.\n- * radius - {Float} The radius. Optional. Defaults to 6378137 meters.\n- *\n- * Returns:\n- * {Float} The distance in meters.\n- */\n-OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n-    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n-    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n-    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n-    var a = sinHalfDeltaLat * sinHalfDeltaLat +\n-        sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n-    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n-};\n-\n-\n-/**\n- * APIFunction: computeHeading\n- * Computes the heading from one LonLat to another LonLat.\n- *\n- * Parameters:\n- * from   - {<OpenLayers.LonLat>} or {Object} Starting point. A LonLat or\n- *          a JavaScript literal with lon lat properties.\n- * to     - {<OpenLayers.LonLat>} or {Object} Ending point. A LonLat or a\n- *          JavaScript literal with lon lat properties.\n- *\n- * Returns:\n- * {Float} The heading in degrees.\n- */\n-OpenLayers.Spherical.computeHeading = function(from, to) {\n-    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n-    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) -\n-        Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n-    return 180 * Math.atan2(y, x) / Math.PI;\n-};\n-/* ======================================================================\n-    OpenLayers/Symbolizer.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/BaseTypes/Class.js\n- */\n-\n-/**\n- * Class: OpenLayers.Symbolizer\n- * Base class representing a symbolizer used for feature rendering.\n- */\n-OpenLayers.Symbolizer = OpenLayers.Class({\n-\n-\n-    /**\n-     * APIProperty: zIndex\n-     * {Number} The zIndex determines the rendering order for a symbolizer.\n-     *     Symbolizers with larger zIndex values are rendered over symbolizers\n-     *     with smaller zIndex values.  Default is 0.\n-     */\n-    zIndex: 0,\n-\n-    /**\n-     * Constructor: OpenLayers.Symbolizer\n-     * Instances of this class are not useful.  See one of the subclasses.\n-     *\n-     * Parameters:\n-     * config - {Object} An object containing properties to be set on the \n-     *     symbolizer.  Any documented symbolizer property can be set at \n-     *     construction.\n-     *\n-     * Returns:\n-     * A new symbolizer.\n-     */\n-    initialize: function(config) {\n-        OpenLayers.Util.extend(this, config);\n-    },\n-\n-    /** \n-     * APIMethod: clone\n-     * Create a copy of this symbolizer.\n-     *\n-     * Returns a symbolizer of the same type with the same properties.\n-     */\n-    clone: function() {\n-        var Type = eval(this.CLASS_NAME);\n-        return new Type(OpenLayers.Util.extend({}, this));\n+        this.events.destroy();\n+        this.events = null;\n+        this.servers = null;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+    CLASS_NAME: 'OpenLayers.WPSClient'\n \n });\n-\n /* ======================================================================\n     OpenLayers/Rule.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -42817,14 +42692,139 @@\n         options.context = this.context && OpenLayers.Util.extend({}, this.context);\n         return new OpenLayers.Rule(options);\n     },\n \n     CLASS_NAME: \"OpenLayers.Rule\"\n });\n /* ======================================================================\n+    OpenLayers/Strategy.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/BaseTypes/Class.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy\n+ * Abstract vector layer strategy class.  Not to be instantiated directly.  Use\n+ *     one of the strategy subclasses instead.\n+ */\n+OpenLayers.Strategy = OpenLayers.Class({\n+\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The layer this strategy belongs to.\n+     */\n+    layer: null,\n+\n+    /**\n+     * Property: options\n+     * {Object} Any options sent to the constructor.\n+     */\n+    options: null,\n+\n+    /** \n+     * Property: active \n+     * {Boolean} The control is active.\n+     */\n+    active: null,\n+\n+    /**\n+     * Property: autoActivate\n+     * {Boolean} The creator of the strategy can set autoActivate to false\n+     *      to fully control when the protocol is activated and deactivated.\n+     *      Defaults to true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n+     * Property: autoDestroy\n+     * {Boolean} The creator of the strategy can set autoDestroy to false\n+     *      to fully control when the strategy is destroyed. Defaults to\n+     *      true.\n+     */\n+    autoDestroy: true,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy\n+     * Abstract class for vector strategies.  Create instances of a subclass.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        // set the active property here, so that user cannot override it\n+        this.active = false;\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the strategy.\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null;\n+    },\n+\n+    /**\n+     * Method: setLayer\n+     * Called to set the <layer> property.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>}\n+     */\n+    setLayer: function(layer) {\n+        this.layer = layer;\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n+     */\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true;\n+        }\n+        return false;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n+/* ======================================================================\n     OpenLayers/Symbolizer/Point.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -44128,690 +44128,14 @@\n         }\n         return deactivated;\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Click\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Drag.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- */\n-\n-/**\n- * Class: OpenLayers.Handler.Drag\n- * The drag handler is used to deal with sequences of browser events related\n- *     to dragging.  The handler is used by controls that want to know when\n- *     a drag sequence begins, when a drag is happening, and when it has\n- *     finished.\n- *\n- * Controls that use the drag handler typically construct it with callbacks\n- *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n- *     when the drag begins, with each move, and when the drag is done.  In\n- *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n- *     care to differentiate between the types of events that correspond with\n- *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n- *     the 'down' and 'up' callbacks will be called, but not the 'done'\n- *     callback.\n- *\n- * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Handler>\n- */\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /** \n-     * Property: started\n-     * {Boolean} When a mousedown or touchstart event is received, we want to\n-     * record it, but not set 'dragging' until the mouse moves after starting.\n-     */\n-    started: false,\n-\n-    /**\n-     * Property: stopDown\n-     * {Boolean} Stop propagation of mousedown events from getting to listeners\n-     *     on the same element.  Default is true.\n-     */\n-    stopDown: true,\n-\n-    /** \n-     * Property: dragging \n-     * {Boolean} \n-     */\n-    dragging: false,\n-\n-    /** \n-     * Property: last\n-     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n-     */\n-    last: null,\n-\n-    /** \n-     * Property: start\n-     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n-     */\n-    start: null,\n-\n-    /**\n-     * Property: lastMoveEvt\n-     * {Object} The last mousemove event that occurred. Used to\n-     *     position the map correctly when our \"delay drag\"\n-     *     timeout expired.\n-     */\n-    lastMoveEvt: null,\n-\n-    /**\n-     * Property: oldOnselectstart\n-     * {Function}\n-     */\n-    oldOnselectstart: null,\n-\n-    /**\n-     * Property: interval\n-     * {Integer} In order to increase performance, an interval (in \n-     *     milliseconds) can be set to reduce the number of drag events \n-     *     called. If set, a new drag event will not be set until the \n-     *     interval has passed. \n-     *     Defaults to 0, meaning no interval. \n-     */\n-    interval: 0,\n-\n-    /**\n-     * Property: timeoutId\n-     * {String} The id of the timeout used for the mousedown interval.\n-     *     This is \"private\", and should be left alone.\n-     */\n-    timeoutId: null,\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, the handler will also handle mouse moves when\n-     *     the cursor has moved out of the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: documentEvents\n-     * {Boolean} Are we currently observing document events?\n-     */\n-    documentEvents: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Drag\n-     * Returns OpenLayers.Handler.Drag\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n-     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n-     * options - {Object} \n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                });\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                });\n-            };\n-        }\n-    },\n-\n-\n-    /**\n-     * Method: dragstart\n-     * This private method is factorized from mousedown and touchstart methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) &&\n-            (OpenLayers.Event.isLeftClick(evt) ||\n-                OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-\n-            // prevent document dragging\n-            OpenLayers.Event.preventDefault(evt);\n-\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ?\n-                    document.onselectstart : OpenLayers.Function.True;\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-\n-            propagate = !this.stopDown;\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null;\n-        }\n-        return propagate;\n-    },\n-\n-    /**\n-     * Method: dragmove\n-     * This private method is factorized from mousemove and touchmove methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n-                evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    // do setEvent manually because the documentEvents are not\n-                    // registered with the map\n-                    this.setEvent(evt);\n-                } else {\n-                    this.removeDocumentEvents();\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(\n-                    OpenLayers.Function.bind(this.removeTimeout, this),\n-                    this.interval);\n-            }\n-            this.dragging = true;\n-\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False;\n-            }\n-            this.last = evt.xy;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: dragend\n-     * This private method is factorized from mouseup and touchend methods\n-     *\n-     * Parameters:\n-     * evt - {Event} The event\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents();\n-            }\n-            var dragged = (this.start != this.last);\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy]);\n-            }\n-            document.onselectstart = this.oldOnselectstart;\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * The four methods below (down, move, up, and out) are used by subclasses\n-     *     to do their own processing related to these mouse events.\n-     */\n-\n-    /**\n-     * Method: down\n-     * This method is called during the handling of the mouse down event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse down event\n-     */\n-    down: function(evt) {},\n-\n-    /**\n-     * Method: move\n-     * This method is called during the handling of the mouse move event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse move event\n-     *\n-     */\n-    move: function(evt) {},\n-\n-    /**\n-     * Method: up\n-     * This method is called during the handling of the mouse up event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse up event\n-     */\n-    up: function(evt) {},\n-\n-    /**\n-     * Method: out\n-     * This method is called during the handling of the mouse out event.\n-     *     Subclasses can do their own processing here.\n-     *\n-     * Parameters:\n-     * evt - {Event} The mouse out event\n-     */\n-    out: function(evt) {},\n-\n-    /**\n-     * The methods below are part of the magic of event handling.  Because\n-     *     they are named like browser events, they are registered as listeners\n-     *     for the events they represent.\n-     */\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mousedown events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousedown: function(evt) {\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: touchstart\n-     * Handle touchstart events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt);\n-    },\n-\n-    /**\n-     * Method: mousemove\n-     * Handle mousemove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mousemove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     * Handle touchmove events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchmove: function(evt) {\n-        return this.dragmove(evt);\n-    },\n-\n-    /**\n-     * Method: removeTimeout\n-     * Private. Called by mousemove() to remove the drag timeout.\n-     */\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        // if timeout expires while we're still dragging (mouseup\n-        // hasn't occurred) then call mousemove to move to the\n-        // correct position\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt);\n-        }\n-    },\n-\n-    /**\n-     * Method: mouseup\n-     * Handle mouseup events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseup: function(evt) {\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: touchend\n-     * Handle touchend events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchend: function(evt) {\n-        // override evt.xy with last position since touchend does not have\n-        // any touch position\n-        evt.xy = this.last;\n-        return this.dragend(evt);\n-    },\n-\n-    /**\n-     * Method: mouseout\n-     * Handle mouseout events\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     *\n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents();\n-            } else {\n-                var dragged = (this.start != this.last);\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(\n-                    this.map.viewPortDiv, \"olDragDown\"\n-                );\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy]);\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart;\n-                }\n-            }\n-        }\n-        return true;\n-    },\n-\n-    /**\n-     * Method: click\n-     * The drag handler captures the click event.  If something else registers\n-     *     for clicks on the same element, its listener will not be called \n-     *     after a drag.\n-     * \n-     * Parameters: \n-     * evt - {Event} \n-     * \n-     * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    click: function(evt) {\n-        // let the click event propagate only if the mouse moved\n-        return (this.start == this.last);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully activated.\n-     */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true;\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: deactivate \n-     * Deactivate the handler.\n-     * \n-     * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, \"olDragDown\"\n-            );\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: adjustXY\n-     * Converts event coordinates that are relative to the document body to\n-     * ones that are relative to the map viewport. The latter is the default in\n-     * OpenLayers.\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1];\n-    },\n-\n-    /**\n-     * Method: addDocumentEvents\n-     * Start observing document events when documentDrag is true and the mouse\n-     * cursor leaves the map viewport while dragging.\n-     */\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n-    },\n-\n-    /**\n-     * Method: removeDocumentEvents\n-     * Stops observing document events when documentDrag is true and the mouse\n-     * cursor re-enters the map viewport while dragging.\n-     */\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-/* ======================================================================\n-    OpenLayers/Handler/Keyboard.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.handler.Keyboard\n- * A handler for keyboard events.  Create a new instance with the\n- *     <OpenLayers.Handler.Keyboard> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Handler> \n- */\n-OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n-        key handling quirks in pretty nice detail */\n-\n-    /** \n-     * Constant: KEY_EVENTS\n-     * keydown, keypress, keyup\n-     */\n-    KEY_EVENTS: [\"keydown\", \"keyup\"],\n-\n-    /** \n-     * Property: eventListener\n-     * {Function}\n-     */\n-    eventListener: null,\n-\n-    /**\n-     * Property: observeElement\n-     * {DOMElement|String} The DOM element on which we listen for\n-     *     key events. Default to the document.\n-     */\n-    observeElement: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Handler.Keyboard\n-     * Returns a new keyboard handler.\n-     * \n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that is making use of\n-     *     this handler.  If a handler is being used without a control, the\n-     *     handlers setMap method must be overridden to deal properly with\n-     *     the map.\n-     * callbacks - {Object} An object containing a single function to be\n-     *     called when the drag operation is finished. The callback should\n-     *     expect to recieve a single argument, the pixel location of the event.\n-     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     handler.\n-     */\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        // cache the bound event listener method so it can be unobserved later\n-        this.eventListener = OpenLayers.Function.bindAsEventListener(\n-            this.handleKeyEvent, this\n-        );\n-    },\n-\n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        this.eventListener = null;\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     */\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.observeElement = this.observeElement || document;\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.observe(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: deactivate\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.stopObserving(\n-                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n-            }\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: handleKeyEvent \n-     */\n-    handleKeyEvent: function(evt) {\n-        if (this.checkModifiers(evt)) {\n-            this.callback(evt.type, [evt]);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n-});\n-/* ======================================================================\n     OpenLayers/Handler/Point.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -45916,14 +45240,333 @@\n         }\n         return false;\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.Path\"\n });\n /* ======================================================================\n+    OpenLayers/Handler/Polygon.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Polygon\n+ * Handler to draw a polygon on the map.  Polygon is displayed on mouse down,\n+ * moves on mouse move, and is finished on mouse up.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Handler.Path>\n+ *  - <OpenLayers.Handler>\n+ */\n+OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+\n+    /** \n+     * APIProperty: holeModifier\n+     * {String} Key modifier to trigger hole digitizing.  Acceptable values are\n+     *     \"altKey\", \"shiftKey\", or \"ctrlKey\".  If not set, no hole digitizing\n+     *     will take place.  Default is null.\n+     */\n+    holeModifier: null,\n+\n+    /**\n+     * Property: drawingHole\n+     * {Boolean} Currently drawing an interior ring.\n+     */\n+    drawingHole: false,\n+\n+    /**\n+     * Property: polygon\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    polygon: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Polygon\n+     * Create a Polygon Handler.\n+     *\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that owns this handler\n+     * callbacks - {Object} An object with a properties whose values are\n+     *     functions.  Various callbacks described below.\n+     * options - {Object} An optional object with properties to be set on the\n+     *           handler\n+     *\n+     * Named callbacks:\n+     * create - Called when a sketch is first created.  Callback called with\n+     *     the creation point geometry and sketch feature.\n+     * modify - Called with each move of a vertex with the vertex (point)\n+     *     geometry and the sketch feature.\n+     * point - Called as each point is added.  Receives the new point geometry.\n+     * done - Called when the point drawing is finished.  The callback will\n+     *     recieve a single argument, the polygon geometry.\n+     * cancel - Called when the handler is deactivated while drawing.  The\n+     *     cancel callback will receive a geometry.\n+     */\n+\n+    /**\n+     * Method: createFeature\n+     * Add temporary geometries\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The initial pixel location for the new\n+     *     feature.\n+     */\n+    createFeature: function(pixel) {\n+        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n+        var geometry = new OpenLayers.Geometry.Point(\n+            lonlat.lon, lonlat.lat\n+        );\n+        this.point = new OpenLayers.Feature.Vector(geometry);\n+        this.line = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.LinearRing([this.point.geometry])\n+        );\n+        this.polygon = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.Polygon([this.line.geometry])\n+        );\n+        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n+        this.point.geometry.clearBounds();\n+        this.layer.addFeatures([this.polygon, this.point], {\n+            silent: true\n+        });\n+    },\n+\n+    /**\n+     * Method: addPoint\n+     * Add point to geometry.\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The pixel location for the new point.\n+     */\n+    addPoint: function(pixel) {\n+        if (!this.drawingHole && this.holeModifier &&\n+            this.evt && this.evt[this.holeModifier]) {\n+            var geometry = this.point.geometry;\n+            var features = this.control.layer.features;\n+            var candidate, polygon;\n+            // look for intersections, last drawn gets priority\n+            for (var i = features.length - 1; i >= 0; --i) {\n+                candidate = features[i].geometry;\n+                if ((candidate instanceof OpenLayers.Geometry.Polygon ||\n+                        candidate instanceof OpenLayers.Geometry.MultiPolygon) &&\n+                    candidate.intersects(geometry)) {\n+                    polygon = features[i];\n+                    this.control.layer.removeFeatures([polygon], {\n+                        silent: true\n+                    });\n+                    this.control.layer.events.registerPriority(\n+                        \"sketchcomplete\", this, this.finalizeInteriorRing\n+                    );\n+                    this.control.layer.events.registerPriority(\n+                        \"sketchmodified\", this, this.enforceTopology\n+                    );\n+                    polygon.geometry.addComponent(this.line.geometry);\n+                    this.polygon = polygon;\n+                    this.drawingHole = true;\n+                    break;\n+                }\n+            }\n+        }\n+        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: getCurrentPointIndex\n+     * \n+     * Returns:\n+     * {Number} The index of the most recently drawn point.\n+     */\n+    getCurrentPointIndex: function() {\n+        return this.line.geometry.components.length - 2;\n+    },\n+\n+    /**\n+     * Method: enforceTopology\n+     * Simple topology enforcement for drawing interior rings.  Ensures vertices\n+     *     of interior rings are contained by exterior ring.  Other topology \n+     *     rules are enforced in <finalizeInteriorRing> to allow drawing of \n+     *     rings that intersect only during the sketch (e.g. a \"C\" shaped ring\n+     *     that nearly encloses another ring).\n+     */\n+    enforceTopology: function(event) {\n+        var point = event.vertex;\n+        var components = this.line.geometry.components;\n+        // ensure that vertices of interior ring are contained by exterior ring\n+        if (!this.polygon.geometry.intersects(point)) {\n+            var last = components[components.length - 3];\n+            point.x = last.x;\n+            point.y = last.y;\n+        }\n+    },\n+\n+    /**\n+     * Method: finishGeometry\n+     * Finish the geometry and send it back to the control.\n+     */\n+    finishGeometry: function() {\n+        var index = this.line.geometry.components.length - 2;\n+        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n+        this.removePoint();\n+        this.finalize();\n+    },\n+\n+    /**\n+     * Method: finalizeInteriorRing\n+     * Enforces that new ring has some area and doesn't contain vertices of any\n+     *     other rings.\n+     */\n+    finalizeInteriorRing: function() {\n+        var ring = this.line.geometry;\n+        // ensure that ring has some area\n+        var modified = (ring.getArea() !== 0);\n+        if (modified) {\n+            // ensure that new ring doesn't intersect any other rings\n+            var rings = this.polygon.geometry.components;\n+            for (var i = rings.length - 2; i >= 0; --i) {\n+                if (ring.intersects(rings[i])) {\n+                    modified = false;\n+                    break;\n+                }\n+            }\n+            if (modified) {\n+                // ensure that new ring doesn't contain any other rings\n+                var target;\n+                outer: for (var i = rings.length - 2; i > 0; --i) {\n+                    var points = rings[i].components;\n+                    for (var j = 0, jj = points.length; j < jj; ++j) {\n+                        if (ring.containsPoint(points[j])) {\n+                            modified = false;\n+                            break outer;\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        if (modified) {\n+            if (this.polygon.state !== OpenLayers.State.INSERT) {\n+                this.polygon.state = OpenLayers.State.UPDATE;\n+            }\n+        } else {\n+            this.polygon.geometry.removeComponent(ring);\n+        }\n+        this.restoreFeature();\n+        return false;\n+    },\n+\n+    /**\n+     * APIMethod: cancel\n+     * Finish the geometry and call the \"cancel\" callback.\n+     */\n+    cancel: function() {\n+        if (this.drawingHole) {\n+            this.polygon.geometry.removeComponent(this.line.geometry);\n+            this.restoreFeature(true);\n+        }\n+        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: restoreFeature\n+     * Move the feature from the sketch layer to the target layer.\n+     *\n+     * Properties: \n+     * cancel - {Boolean} Cancel drawing.  If falsey, the \"sketchcomplete\" event\n+     *     will be fired.\n+     */\n+    restoreFeature: function(cancel) {\n+        this.control.layer.events.unregister(\n+            \"sketchcomplete\", this, this.finalizeInteriorRing\n+        );\n+        this.control.layer.events.unregister(\n+            \"sketchmodified\", this, this.enforceTopology\n+        );\n+        this.layer.removeFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.control.layer.addFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.drawingHole = false;\n+        if (!cancel) {\n+            // Re-trigger \"sketchcomplete\" so other listeners can do their\n+            // business.  While this is somewhat sloppy (if a listener is \n+            // registered with registerPriority - not common - between the start\n+            // and end of a single ring drawing - very uncommon - it will be \n+            // called twice).\n+            // TODO: In 3.0, collapse sketch handlers into geometry specific\n+            // drawing controls.\n+            this.control.layer.events.triggerEvent(\n+                \"sketchcomplete\", {\n+                    feature: this.polygon\n+                }\n+            );\n+        }\n+    },\n+\n+    /**\n+     * Method: destroyFeature\n+     * Destroy temporary geometries\n+     *\n+     * Parameters:\n+     * force - {Boolean} Destroy even if persist is true.\n+     */\n+    destroyFeature: function(force) {\n+        OpenLayers.Handler.Path.prototype.destroyFeature.call(\n+            this, force);\n+        this.polygon = null;\n+    },\n+\n+    /**\n+     * Method: drawFeature\n+     * Render geometries on the temporary layer.\n+     */\n+    drawFeature: function() {\n+        this.layer.drawFeature(this.polygon, this.style);\n+        this.layer.drawFeature(this.point, this.style);\n+    },\n+\n+    /**\n+     * Method: getSketch\n+     * Return the sketch feature.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>}\n+     */\n+    getSketch: function() {\n+        return this.polygon;\n+    },\n+\n+    /**\n+     * Method: getGeometry\n+     * Return the sketch geometry.  If <multi> is true, this will return\n+     *     a multi-part geometry.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.Polygon>}\n+     */\n+    getGeometry: function() {\n+        var geometry = this.polygon && this.polygon.geometry;\n+        if (geometry && this.multi) {\n+            geometry = new OpenLayers.Geometry.MultiPolygon([geometry]);\n+        }\n+        return geometry;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+});\n+/* ======================================================================\n     OpenLayers/Handler/MouseWheel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -46184,787 +45827,1000 @@\n             return false;\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Feature.js\n+    OpenLayers/Handler/Hover.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Feature \n- * Handler to respond to mouse events related to a drawn feature.  Callbacks\n- *     with the following keys will be notified of the following events\n- *     associated with features: click, clickout, over, out, and dblclick.\n- *\n- * This handler stops event propagation for mousedown and mouseup if those\n- *     browser events target features that can be selected.\n- *\n+ * Class: OpenLayers.Handler.Hover\n+ * The hover handler is to be used to emulate mouseovers on objects\n+ *      on the map that aren't DOM elements. For example one can use\n+ *      this handler to send WMS/GetFeatureInfo requests as the user\n+ *      moves the mouve over the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Handler>\n+ *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n-\n-    /**\n-     * Property: EVENTMAP\n-     * {Object} A object mapping the browser events to objects with callback\n-     *     keys for in and out.\n-     */\n-    EVENTMAP: {\n-        'click': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        },\n-        'mousemove': {\n-            'in': 'over',\n-            'out': 'out'\n-        },\n-        'dblclick': {\n-            'in': 'dblclick',\n-            'out': null\n-        },\n-        'mousedown': {\n-            'in': null,\n-            'out': null\n-        },\n-        'mouseup': {\n-            'in': null,\n-            'out': null\n-        },\n-        'touchstart': {\n-            'in': 'click',\n-            'out': 'clickout'\n-        }\n-    },\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n-     */\n-    feature: null,\n-\n-    /**\n-     * Property: lastFeature\n-     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n-     */\n-    lastFeature: null,\n-\n-    /**\n-     * Property: down\n-     * {<OpenLayers.Pixel>} The location of the last mousedown.\n-     */\n-    down: null,\n-\n-    /**\n-     * Property: up\n-     * {<OpenLayers.Pixel>} The location of the last mouseup.\n-     */\n-    up: null,\n+OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n \n     /**\n-     * Property: clickTolerance\n-     * {Number} The number of pixels the mouse can move between mousedown\n-     *     and mouseup for the event to still be considered a click.\n-     *     Dragging the map should not trigger the click and clickout callbacks\n-     *     unless the map is moved by less than this tolerance. Defaults to 4.\n+     * APIProperty: delay\n+     * {Integer} - Number of milliseconds between mousemoves before\n+     *      the event is considered a hover. Default is 500.\n      */\n-    clickTolerance: 4,\n+    delay: 500,\n \n     /**\n-     * Property: geometryTypes\n-     * To restrict dragging to a limited set of geometry types, send a list\n-     * of strings corresponding to the geometry class names.\n-     * \n-     * @type Array(String)\n+     * APIProperty: pixelTolerance\n+     * {Integer} - Maximum number of pixels between mousemoves for\n+     *      an event to be considered a hover. Default is null.\n      */\n-    geometryTypes: null,\n+    pixelTolerance: null,\n \n     /**\n-     * Property: stopClick\n-     * {Boolean} If stopClick is set to true, handled clicks do not\n-     *      propagate to other click listeners. Otherwise, handled clicks\n-     *      do propagate. Unhandled clicks always propagate, whatever the\n-     *      value of stopClick. Defaults to true.\n+     * APIProperty: stopMove\n+     * {Boolean} - Stop other listeners from being notified on mousemoves.\n+     *      Default is false.\n      */\n-    stopClick: true,\n+    stopMove: false,\n \n     /**\n-     * Property: stopDown\n-     * {Boolean} If stopDown is set to true, handled mousedowns do not\n-     *      propagate to other mousedown listeners. Otherwise, handled\n-     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n-     *      whatever the value of stopDown. Defaults to true.\n+     * Property: px\n+     * {<OpenLayers.Pixel>} - The location of the last mousemove, expressed\n+     *      in pixels.\n      */\n-    stopDown: true,\n+    px: null,\n \n     /**\n-     * Property: stopUp\n-     * {Boolean} If stopUp is set to true, handled mouseups do not\n-     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n-     *      do propagate. Unhandled mouseups always propagate, whatever the\n-     *      value of stopUp. Defaults to false.\n+     * Property: timerId\n+     * {Number} - The id of the timer.\n      */\n-    stopUp: false,\n+    timerId: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Feature\n+     * Constructor: OpenLayers.Handler.Hover\n+     * Construct a hover handler.\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * layer - {<OpenLayers.Layer.Vector>}\n-     * callbacks - {Object} An object with a 'over' property whos value is\n-     *     a function to be called when the mouse is over a feature. The \n-     *     callback should expect to recieve a single argument, the feature.\n-     * options - {Object} \n+     * control - {<OpenLayers.Control>} The control that initialized this\n+     *     handler.  The control is assumed to have a valid map property; that\n+     *     map is used in the handler's own setMap method.\n+     * callbacks - {Object} An object with keys corresponding to callbacks\n+     *     that will be called by the handler. The callbacks should\n+     *     expect to receive a single argument, the event. Callbacks for\n+     *     'move', the mouse is moving, and 'pause', the mouse is pausing,\n+     *     are supported.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     the handler.\n      */\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer;\n-    },\n \n     /**\n-     * Method: touchstart\n-     * Handle touchstart events\n+     * Method: mousemove\n+     * Called when the mouse moves on the map.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * evt - {<OpenLayers.Event>}\n      *\n      * Returns:\n-     * {Boolean} Let the event propagate.\n-     */\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ?\n-            true : this.mousedown(evt);\n-    },\n-\n-    /**\n-     * Method: touchmove\n-     * Handle touchmove events. We just prevent the browser default behavior,\n-     *    for Android Webkit not to select text when moving the finger after\n-     *    selecting a feature.\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt);\n-    },\n-\n-    /**\n-     * Method: mousedown\n-     * Handle mouse down.  Stop propagation if a feature is targeted by this\n-     *     event (stops map dragging during feature selection).\n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * {Boolean} Continue propagating this event.\n      */\n-    mousedown: function(evt) {\n-        // Feature selection is only done with a left click. Other handlers may stop the\n-        // propagation of left-click mousedown events but not right-click mousedown events.\n-        // This mismatch causes problems when comparing the location of the down and up\n-        // events in the click function so it is important ignore right-clicks.\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy;\n+    mousemove: function(evt) {\n+        if (this.passesTolerance(evt.xy)) {\n+            this.clearTimer();\n+            this.callback('move', [evt]);\n+            this.px = evt.xy;\n+            // clone the evt so original properties can be accessed even\n+            // if the browser deletes them during the delay\n+            evt = OpenLayers.Util.extend({}, evt);\n+            this.timerId = window.setTimeout(\n+                OpenLayers.Function.bind(this.delayedCall, this, evt),\n+                this.delay\n+            );\n         }\n-        return this.handle(evt) ? !this.stopDown : true;\n-    },\n-\n-    /**\n-     * Method: mouseup\n-     * Handle mouse up.  Stop propagation if a feature is targeted by this\n-     *     event.\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     */\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true;\n+        return !this.stopMove;\n     },\n \n     /**\n-     * Method: click\n-     * Handle click.  Call the \"click\" callback if click on a feature,\n-     *     or the \"clickout\" callback if click outside any feature.\n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * Method: mouseout\n+     * Called when the mouse goes out of the map.\n      *\n-     * Returns:\n-     * {Boolean}\n-     */\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true;\n-    },\n-\n-    /**\n-     * Method: mousemove\n-     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n-     *     or the \"out\" callback if moving out of a feature.\n-     * \n      * Parameters:\n-     * evt - {Event} \n+     * evt - {<OpenLayers.Event>}\n      *\n      * Returns:\n-     * {Boolean}\n+     * {Boolean} Continue propagating this event.\n      */\n-    mousemove: function(evt) {\n-        if (!this.callbacks['over'] && !this.callbacks['out']) {\n-            return true;\n+    mouseout: function(evt) {\n+        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            this.clearTimer();\n+            this.callback('move', [evt]);\n         }\n-        this.handle(evt);\n         return true;\n     },\n \n     /**\n-     * Method: dblclick\n-     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n-     *\n-     * Parameters:\n-     * evt - {Event} \n-     *\n-     * Returns:\n-     * {Boolean}\n-     */\n-    dblclick: function(evt) {\n-        return !this.handle(evt);\n-    },\n-\n-    /**\n-     * Method: geometryTypeMatches\n-     * Return true if the geometry type of the passed feature matches\n-     *     one of the geometry types in the geometryTypes array.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>}\n-     *\n-     * Returns:\n-     * {Boolean}\n-     */\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null ||\n-            OpenLayers.Util.indexOf(this.geometryTypes,\n-                feature.geometry.CLASS_NAME) > -1;\n-    },\n-\n-    /**\n-     * Method: handle\n+     * Method: passesTolerance\n+     * Determine whether the mouse move is within the optional pixel tolerance.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * px - {<OpenLayers.Pixel>}\n      *\n      * Returns:\n-     * {Boolean} The event occurred over a relevant feature.\n+     * {Boolean} The mouse move is within the pixel tolerance.\n      */\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!(this.feature); // previously in a feature\n-        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            // feature has been destroyed\n-            this.feature = null;\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            // last feature has been destroyed\n-            this.lastFeature = null;\n-        }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                // stop the event to prevent Android Webkit from\n-                // \"flashing\" the map div\n-                OpenLayers.Event.preventDefault(evt);\n-            }\n-            var inNew = (this.feature != this.lastFeature);\n-            if (this.geometryTypeMatches(this.feature)) {\n-                // in to a feature\n-                if (previouslyIn && inNew) {\n-                    // out of last feature and in to another\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, 'out', [this.lastFeature]);\n-                    }\n-                    this.triggerCallback(type, 'in', [this.feature]);\n-                } else if (!previouslyIn || click) {\n-                    // in feature for the first time\n-                    this.triggerCallback(type, 'in', [this.feature]);\n-                }\n-                this.lastFeature = this.feature;\n-                handled = true;\n-            } else {\n-                // not in to a feature\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    // out of last feature for the first time\n-                    this.triggerCallback(type, 'out', [this.lastFeature]);\n-                }\n-                // next time the mouse goes in a feature whose geometry type\n-                // doesn't match we don't want to call the 'out' callback\n-                // again, so let's set this.feature to null so that\n-                // previouslyIn will evaluate to false the next time\n-                // we enter handle. Yes, a bit hackish...\n-                this.feature = null;\n+    passesTolerance: function(px) {\n+        var passes = true;\n+        if (this.pixelTolerance && this.px) {\n+            var dpx = Math.sqrt(\n+                Math.pow(this.px.x - px.x, 2) +\n+                Math.pow(this.px.y - px.y, 2)\n+            );\n+            if (dpx < this.pixelTolerance) {\n+                passes = false;\n             }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, 'out', [this.lastFeature]);\n         }\n-        return handled;\n+        return passes;\n     },\n \n     /**\n-     * Method: triggerCallback\n-     * Call the callback keyed in the event map with the supplied arguments.\n-     *     For click and clickout, the <clickTolerance> is checked first.\n-     *\n-     * Parameters:\n-     * type - {String}\n+     * Method: clearTimer\n+     * Clear the timer and set <timerId> to null.\n      */\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == 'click' && this.up && this.down) {\n-                // for click/clickout, only trigger callback if tolerance is met\n-                var dpx = Math.sqrt(\n-                    Math.pow(this.up.x - this.down.x, 2) +\n-                    Math.pow(this.up.y - this.down.y, 2)\n-                );\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args);\n-                }\n-                // we're done with this set of events now: clear the cached\n-                // positions so we can't trip over them later (this can occur\n-                // if one of the up/down events gets eaten before it gets to us\n-                // but we still get the click)\n-                this.up = this.down = null;\n-            } else {\n-                this.callback(key, args);\n-            }\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null;\n         }\n     },\n \n     /**\n-     * Method: activate \n-     * Turn on the handler.  Returns false if the handler was already active.\n+     * Method: delayedCall\n+     * Triggers pause callback.\n      *\n-     * Returns:\n-     * {Boolean}\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-            activated = true;\n-        }\n-        return activated;\n+    delayedCall: function(evt) {\n+        this.callback('pause', [evt]);\n     },\n \n     /**\n-     * Method: deactivate \n-     * Turn off the handler.  Returns false if the handler was already active.\n+     * APIMethod: deactivate\n+     * Deactivate the handler.\n      *\n-     * Returns: \n-     * {Boolean}\n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n      */\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n+            this.clearTimer();\n             deactivated = true;\n         }\n         return deactivated;\n     },\n \n-    /**\n-     * Method: handleMapEvents\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop();\n-        }\n-    },\n-\n-    /**\n-     * Method: moveLayerToTop\n-     * Moves the layer for this handler to the top, so mouse events can reach\n-     * it.\n-     */\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n-            this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index);\n-\n-    },\n-\n-    /**\n-     * Method: moveLayerBack\n-     * Moves the layer back to the position determined by the map's layers\n-     * array.\n-     */\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n-            this.layer.setZIndex(index);\n-        } else {\n-            this.map.setLayerZIndex(this.layer,\n-                this.map.getLayerIndex(this.layer));\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Polygon.js\n+    OpenLayers/Handler/Drag.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Polygon\n- * Handler to draw a polygon on the map.  Polygon is displayed on mouse down,\n- * moves on mouse move, and is finished on mouse up.\n+ * Class: OpenLayers.Handler.Drag\n+ * The drag handler is used to deal with sequences of browser events related\n+ *     to dragging.  The handler is used by controls that want to know when\n+ *     a drag sequence begins, when a drag is happening, and when it has\n+ *     finished.\n+ *\n+ * Controls that use the drag handler typically construct it with callbacks\n+ *     for 'down', 'move', and 'done'.  Callbacks for these keys are called\n+ *     when the drag begins, with each move, and when the drag is done.  In\n+ *     addition, controls can have callbacks keyed to 'up' and 'out' if they\n+ *     care to differentiate between the types of events that correspond with\n+ *     the end of a drag sequence.  If no drag actually occurs (no mouse move)\n+ *     the 'down' and 'up' callbacks will be called, but not the 'done'\n+ *     callback.\n+ *\n+ * Create a new drag handler with the <OpenLayers.Handler.Drag> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Handler.Path>\n  *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n \n     /** \n-     * APIProperty: holeModifier\n-     * {String} Key modifier to trigger hole digitizing.  Acceptable values are\n-     *     \"altKey\", \"shiftKey\", or \"ctrlKey\".  If not set, no hole digitizing\n-     *     will take place.  Default is null.\n+     * Property: started\n+     * {Boolean} When a mousedown or touchstart event is received, we want to\n+     * record it, but not set 'dragging' until the mouse moves after starting.\n      */\n-    holeModifier: null,\n+    started: false,\n \n     /**\n-     * Property: drawingHole\n-     * {Boolean} Currently drawing an interior ring.\n+     * Property: stopDown\n+     * {Boolean} Stop propagation of mousedown events from getting to listeners\n+     *     on the same element.  Default is true.\n      */\n-    drawingHole: false,\n+    stopDown: true,\n+\n+    /** \n+     * Property: dragging \n+     * {Boolean} \n+     */\n+    dragging: false,\n+\n+    /** \n+     * Property: last\n+     * {<OpenLayers.Pixel>} The last pixel location of the drag.\n+     */\n+    last: null,\n+\n+    /** \n+     * Property: start\n+     * {<OpenLayers.Pixel>} The first pixel location of the drag.\n+     */\n+    start: null,\n \n     /**\n-     * Property: polygon\n-     * {<OpenLayers.Feature.Vector>}\n+     * Property: lastMoveEvt\n+     * {Object} The last mousemove event that occurred. Used to\n+     *     position the map correctly when our \"delay drag\"\n+     *     timeout expired.\n      */\n-    polygon: null,\n+    lastMoveEvt: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Polygon\n-     * Create a Polygon Handler.\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control that owns this handler\n-     * callbacks - {Object} An object with a properties whose values are\n-     *     functions.  Various callbacks described below.\n-     * options - {Object} An optional object with properties to be set on the\n-     *           handler\n-     *\n-     * Named callbacks:\n-     * create - Called when a sketch is first created.  Callback called with\n-     *     the creation point geometry and sketch feature.\n-     * modify - Called with each move of a vertex with the vertex (point)\n-     *     geometry and the sketch feature.\n-     * point - Called as each point is added.  Receives the new point geometry.\n-     * done - Called when the point drawing is finished.  The callback will\n-     *     recieve a single argument, the polygon geometry.\n-     * cancel - Called when the handler is deactivated while drawing.  The\n-     *     cancel callback will receive a geometry.\n+     * Property: oldOnselectstart\n+     * {Function}\n      */\n+    oldOnselectstart: null,\n \n     /**\n-     * Method: createFeature\n-     * Add temporary geometries\n+     * Property: interval\n+     * {Integer} In order to increase performance, an interval (in \n+     *     milliseconds) can be set to reduce the number of drag events \n+     *     called. If set, a new drag event will not be set until the \n+     *     interval has passed. \n+     *     Defaults to 0, meaning no interval. \n+     */\n+    interval: 0,\n+\n+    /**\n+     * Property: timeoutId\n+     * {String} The id of the timeout used for the mousedown interval.\n+     *     This is \"private\", and should be left alone.\n+     */\n+    timeoutId: null,\n+\n+    /**\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, the handler will also handle mouse moves when\n+     *     the cursor has moved out of the map viewport. Default is false.\n+     */\n+    documentDrag: false,\n+\n+    /**\n+     * Property: documentEvents\n+     * {Boolean} Are we currently observing document events?\n+     */\n+    documentEvents: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Drag\n+     * Returns OpenLayers.Handler.Drag\n+     * \n+     * Parameters:\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'move' and 'done' are supported. You can also speficy\n+     *     callbacks for 'down', 'up', and 'out' to respond to those events.\n+     * options - {Object} \n+     */\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                });\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                });\n+            };\n+        }\n+    },\n+\n+\n+    /**\n+     * Method: dragstart\n+     * This private method is factorized from mousedown and touchstart methods\n      *\n      * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The initial pixel location for the new\n-     *     feature.\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    createFeature: function(pixel) {\n-        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n-        var geometry = new OpenLayers.Geometry.Point(\n-            lonlat.lon, lonlat.lat\n-        );\n-        this.point = new OpenLayers.Feature.Vector(geometry);\n-        this.line = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.LinearRing([this.point.geometry])\n-        );\n-        this.polygon = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.Polygon([this.line.geometry])\n-        );\n-        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n-        this.point.geometry.clearBounds();\n-        this.layer.addFeatures([this.polygon, this.point], {\n-            silent: true\n-        });\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) &&\n+            (OpenLayers.Event.isLeftClick(evt) ||\n+                OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+\n+            // prevent document dragging\n+            OpenLayers.Event.preventDefault(evt);\n+\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ?\n+                    document.onselectstart : OpenLayers.Function.True;\n+            }\n+            document.onselectstart = OpenLayers.Function.False;\n+\n+            propagate = !this.stopDown;\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null;\n+        }\n+        return propagate;\n     },\n \n     /**\n-     * Method: addPoint\n-     * Add point to geometry.\n+     * Method: dragmove\n+     * This private method is factorized from mousemove and touchmove methods\n      *\n      * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The pixel location for the new point.\n+     * evt - {Event} The event\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    addPoint: function(pixel) {\n-        if (!this.drawingHole && this.holeModifier &&\n-            this.evt && this.evt[this.holeModifier]) {\n-            var geometry = this.point.geometry;\n-            var features = this.control.layer.features;\n-            var candidate, polygon;\n-            // look for intersections, last drawn gets priority\n-            for (var i = features.length - 1; i >= 0; --i) {\n-                candidate = features[i].geometry;\n-                if ((candidate instanceof OpenLayers.Geometry.Polygon ||\n-                        candidate instanceof OpenLayers.Geometry.MultiPolygon) &&\n-                    candidate.intersects(geometry)) {\n-                    polygon = features[i];\n-                    this.control.layer.removeFeatures([polygon], {\n-                        silent: true\n-                    });\n-                    this.control.layer.events.registerPriority(\n-                        \"sketchcomplete\", this, this.finalizeInteriorRing\n-                    );\n-                    this.control.layer.events.registerPriority(\n-                        \"sketchmodified\", this, this.enforceTopology\n-                    );\n-                    polygon.geometry.addComponent(this.line.geometry);\n-                    this.polygon = polygon;\n-                    this.drawingHole = true;\n-                    break;\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x ||\n+                evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    // do setEvent manually because the documentEvents are not\n+                    // registered with the map\n+                    this.setEvent(evt);\n+                } else {\n+                    this.removeDocumentEvents();\n                 }\n             }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(\n+                    OpenLayers.Function.bind(this.removeTimeout, this),\n+                    this.interval);\n+            }\n+            this.dragging = true;\n+\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False;\n+            }\n+            this.last = evt.xy;\n         }\n-        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments);\n+        return true;\n     },\n \n     /**\n-     * Method: getCurrentPointIndex\n-     * \n+     * Method: dragend\n+     * This private method is factorized from mouseup and touchend methods\n+     *\n+     * Parameters:\n+     * evt - {Event} The event\n+     *\n      * Returns:\n-     * {Number} The index of the most recently drawn point.\n+     * {Boolean} Let the event propagate.\n      */\n-    getCurrentPointIndex: function() {\n-        return this.line.geometry.components.length - 2;\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents();\n+            }\n+            var dragged = (this.start != this.last);\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy]);\n+            }\n+            document.onselectstart = this.oldOnselectstart;\n+        }\n+        return true;\n     },\n \n     /**\n-     * Method: enforceTopology\n-     * Simple topology enforcement for drawing interior rings.  Ensures vertices\n-     *     of interior rings are contained by exterior ring.  Other topology \n-     *     rules are enforced in <finalizeInteriorRing> to allow drawing of \n-     *     rings that intersect only during the sketch (e.g. a \"C\" shaped ring\n-     *     that nearly encloses another ring).\n+     * The four methods below (down, move, up, and out) are used by subclasses\n+     *     to do their own processing related to these mouse events.\n      */\n-    enforceTopology: function(event) {\n-        var point = event.vertex;\n-        var components = this.line.geometry.components;\n-        // ensure that vertices of interior ring are contained by exterior ring\n-        if (!this.polygon.geometry.intersects(point)) {\n-            var last = components[components.length - 3];\n-            point.x = last.x;\n-            point.y = last.y;\n+\n+    /**\n+     * Method: down\n+     * This method is called during the handling of the mouse down event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse down event\n+     */\n+    down: function(evt) {},\n+\n+    /**\n+     * Method: move\n+     * This method is called during the handling of the mouse move event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse move event\n+     *\n+     */\n+    move: function(evt) {},\n+\n+    /**\n+     * Method: up\n+     * This method is called during the handling of the mouse up event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse up event\n+     */\n+    up: function(evt) {},\n+\n+    /**\n+     * Method: out\n+     * This method is called during the handling of the mouse out event.\n+     *     Subclasses can do their own processing here.\n+     *\n+     * Parameters:\n+     * evt - {Event} The mouse out event\n+     */\n+    out: function(evt) {},\n+\n+    /**\n+     * The methods below are part of the magic of event handling.  Because\n+     *     they are named like browser events, they are registered as listeners\n+     *     for the events they represent.\n+     */\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mousedown events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    mousedown: function(evt) {\n+        return this.dragstart(evt);\n+    },\n+\n+    /**\n+     * Method: touchstart\n+     * Handle touchstart events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt);\n+    },\n+\n+    /**\n+     * Method: mousemove\n+     * Handle mousemove events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    mousemove: function(evt) {\n+        return this.dragmove(evt);\n+    },\n+\n+    /**\n+     * Method: touchmove\n+     * Handle touchmove events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    touchmove: function(evt) {\n+        return this.dragmove(evt);\n+    },\n+\n+    /**\n+     * Method: removeTimeout\n+     * Private. Called by mousemove() to remove the drag timeout.\n+     */\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        // if timeout expires while we're still dragging (mouseup\n+        // hasn't occurred) then call mousemove to move to the\n+        // correct position\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt);\n         }\n     },\n \n     /**\n-     * Method: finishGeometry\n-     * Finish the geometry and send it back to the control.\n+     * Method: mouseup\n+     * Handle mouseup events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    finishGeometry: function() {\n-        var index = this.line.geometry.components.length - 2;\n-        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n-        this.removePoint();\n-        this.finalize();\n+    mouseup: function(evt) {\n+        return this.dragend(evt);\n     },\n \n     /**\n-     * Method: finalizeInteriorRing\n-     * Enforces that new ring has some area and doesn't contain vertices of any\n-     *     other rings.\n+     * Method: touchend\n+     * Handle touchend events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n      */\n-    finalizeInteriorRing: function() {\n-        var ring = this.line.geometry;\n-        // ensure that ring has some area\n-        var modified = (ring.getArea() !== 0);\n-        if (modified) {\n-            // ensure that new ring doesn't intersect any other rings\n-            var rings = this.polygon.geometry.components;\n-            for (var i = rings.length - 2; i >= 0; --i) {\n-                if (ring.intersects(rings[i])) {\n-                    modified = false;\n-                    break;\n+    touchend: function(evt) {\n+        // override evt.xy with last position since touchend does not have\n+        // any touch position\n+        evt.xy = this.last;\n+        return this.dragend(evt);\n+    },\n+\n+    /**\n+     * Method: mouseout\n+     * Handle mouseout events\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents();\n+            } else {\n+                var dragged = (this.start != this.last);\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(\n+                    this.map.viewPortDiv, \"olDragDown\"\n+                );\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy]);\n                 }\n-            }\n-            if (modified) {\n-                // ensure that new ring doesn't contain any other rings\n-                var target;\n-                outer: for (var i = rings.length - 2; i > 0; --i) {\n-                    var points = rings[i].components;\n-                    for (var j = 0, jj = points.length; j < jj; ++j) {\n-                        if (ring.containsPoint(points[j])) {\n-                            modified = false;\n-                            break outer;\n-                        }\n-                    }\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart;\n                 }\n             }\n         }\n-        if (modified) {\n-            if (this.polygon.state !== OpenLayers.State.INSERT) {\n-                this.polygon.state = OpenLayers.State.UPDATE;\n-            }\n-        } else {\n-            this.polygon.geometry.removeComponent(ring);\n+        return true;\n+    },\n+\n+    /**\n+     * Method: click\n+     * The drag handler captures the click event.  If something else registers\n+     *     for clicks on the same element, its listener will not be called \n+     *     after a drag.\n+     * \n+     * Parameters: \n+     * evt - {Event} \n+     * \n+     * Returns:\n+     * {Boolean} Let the event propagate.\n+     */\n+    click: function(evt) {\n+        // let the click event propagate only if the mouse moved\n+        return (this.start == this.last);\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activate the handler.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragging = false;\n+            activated = true;\n         }\n-        this.restoreFeature();\n-        return false;\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: cancel\n-     * Finish the geometry and call the \"cancel\" callback.\n+     * Method: deactivate \n+     * Deactivate the handler.\n+     * \n+     * Returns:\n+     * {Boolean} The handler was successfully deactivated.\n      */\n-    cancel: function() {\n-        if (this.drawingHole) {\n-            this.polygon.geometry.removeComponent(this.line.geometry);\n-            this.restoreFeature(true);\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, \"olDragDown\"\n+            );\n         }\n-        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments);\n+        return deactivated;\n     },\n \n     /**\n-     * Method: restoreFeature\n-     * Move the feature from the sketch layer to the target layer.\n+     * Method: adjustXY\n+     * Converts event coordinates that are relative to the document body to\n+     * ones that are relative to the map viewport. The latter is the default in\n+     * OpenLayers.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1];\n+    },\n+\n+    /**\n+     * Method: addDocumentEvents\n+     * Start observing document events when documentDrag is true and the mouse\n+     * cursor leaves the map viewport while dragging.\n+     */\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp);\n+    },\n+\n+    /**\n+     * Method: removeDocumentEvents\n+     * Stops observing document events when documentDrag is true and the mouse\n+     * cursor re-enters the map viewport while dragging.\n+     */\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n+});\n+/* ======================================================================\n+    OpenLayers/Handler/Box.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Handler.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Handler.Box\n+ * Handler for dragging a rectangle across the map.  Box is displayed \n+ * on mouse down, moves on mouse move, and is finished on mouse up.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Handler> \n+ */\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+\n+    /** \n+     * Property: dragHandler \n+     * {<OpenLayers.Handler.Drag>} \n+     */\n+    dragHandler: null,\n+\n+    /**\n+     * APIProperty: boxDivClassName\n+     * {String} The CSS class to use for drawing the box. Default is\n+     *     olHandlerBoxZoomBox\n+     */\n+    boxDivClassName: 'olHandlerBoxZoomBox',\n+\n+    /**\n+     * Property: boxOffsets\n+     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n+     * method.\n+     */\n+    boxOffsets: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Box\n      *\n-     * Properties: \n-     * cancel - {Boolean} Cancel drawing.  If falsey, the \"sketchcomplete\" event\n-     *     will be fired.\n+     * Parameters:\n+     * control - {<OpenLayers.Control>} \n+     * callbacks - {Object} An object with a properties whose values are\n+     *     functions.  Various callbacks described below.\n+     * options - {Object} \n+     *\n+     * Named callbacks:\n+     * start - Called when the box drag operation starts.\n+     * done - Called when the box drag operation is finished.\n+     *     The callback should expect to receive a single argument, the box \n+     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n+     *     pixel distance, a pixel will be returned instead of a bounds object.\n      */\n-    restoreFeature: function(cancel) {\n-        this.control.layer.events.unregister(\n-            \"sketchcomplete\", this, this.finalizeInteriorRing\n-        );\n-        this.control.layer.events.unregister(\n-            \"sketchmodified\", this, this.enforceTopology\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(\n+            this, {\n+                down: this.startBox,\n+                move: this.moveBox,\n+                out: this.removeBox,\n+                up: this.endBox\n+            }, {\n+                keyMask: this.keyMask\n+            }\n         );\n-        this.layer.removeFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.control.layer.addFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.drawingHole = false;\n-        if (!cancel) {\n-            // Re-trigger \"sketchcomplete\" so other listeners can do their\n-            // business.  While this is somewhat sloppy (if a listener is \n-            // registered with registerPriority - not common - between the start\n-            // and end of a single ring drawing - very uncommon - it will be \n-            // called twice).\n-            // TODO: In 3.0, collapse sketch handlers into geometry specific\n-            // drawing controls.\n-            this.control.layer.events.triggerEvent(\n-                \"sketchcomplete\", {\n-                    feature: this.polygon\n-                }\n-            );\n+    },\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null;\n         }\n     },\n \n     /**\n-     * Method: destroyFeature\n-     * Destroy temporary geometries\n+     * Method: setMap\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map);\n+        }\n+    },\n+\n+    /**\n+     * Method: startBox\n      *\n      * Parameters:\n-     * force - {Boolean} Destroy even if persist is true.\n+     * xy - {<OpenLayers.Pixel>}\n      */\n-    destroyFeature: function(force) {\n-        OpenLayers.Handler.Path.prototype.destroyFeature.call(\n-            this, force);\n-        this.polygon = null;\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n+\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+\n+        OpenLayers.Element.addClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n+        );\n     },\n \n     /**\n-     * Method: drawFeature\n-     * Render geometries on the temporary layer.\n+     * Method: moveBox\n      */\n-    drawFeature: function() {\n-        this.layer.drawFeature(this.polygon, this.style);\n-        this.layer.drawFeature(this.point, this.style);\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n+        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ?\n+            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ?\n+            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n     },\n \n     /**\n-     * Method: getSketch\n-     * Return the sketch feature.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n+     * Method: endBox\n      */\n-    getSketch: function() {\n-        return this.polygon;\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n+            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top);\n+        } else {\n+            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n+        }\n+        this.removeBox();\n+\n+        this.callback(\"done\", [result]);\n     },\n \n     /**\n-     * Method: getGeometry\n-     * Return the sketch geometry.  If <multi> is true, this will return\n-     *     a multi-part geometry.\n-     *\n+     * Method: removeBox\n+     * Remove the zoombox from the screen and nullify our reference to it.\n+     */\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(\n+            this.map.viewPortDiv, \"olDrawBox\"\n+        );\n+\n+    },\n+\n+    /**\n+     * Method: activate\n+     */\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     */\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox();\n+                }\n+            }\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: getBoxOffsets\n+     * Determines border offsets for a box, according to the box model.\n+     * \n      * Returns:\n-     * {<OpenLayers.Geometry.Polygon>}\n+     * {Object} an object with the following offsets:\n+     *     - left\n+     *     - right\n+     *     - top\n+     *     - bottom\n+     *     - width\n+     *     - height\n      */\n-    getGeometry: function() {\n-        var geometry = this.polygon && this.polygon.geometry;\n-        if (geometry && this.multi) {\n-            geometry = new OpenLayers.Geometry.MultiPolygon([geometry]);\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            // Determine the box model. If the testDiv's clientWidth is 3, then\n+            // the borders are outside and we are dealing with the w3c box\n+            // model. Otherwise, the browser uses the traditional box model and\n+            // the borders are inside the box bounds, leaving us with a\n+            // clientWidth of 1.\n+            var testDiv = document.createElement(\"div\");\n+            //testDiv.style.visibility = \"hidden\";\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n+                \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(\n+                this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n+            };\n         }\n-        return geometry;\n+        return this.boxOffsets;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n });\n /* ======================================================================\n     OpenLayers/Handler/RegularPolygon.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -47394,10048 +47250,9446 @@\n             this.clear();\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Handler.RegularPolygon\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Box.js\n+    OpenLayers/Handler/Keyboard.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Handler.js\n- * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Box\n- * Handler for dragging a rectangle across the map.  Box is displayed \n- * on mouse down, moves on mouse move, and is finished on mouse up.\n- *\n+ * Class: OpenLayers.handler.Keyboard\n+ * A handler for keyboard events.  Create a new instance with the\n+ *     <OpenLayers.Handler.Keyboard> constructor.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Handler> \n  */\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n+\n+    /* http://www.quirksmode.org/js/keys.html explains key x-browser\n+        key handling quirks in pretty nice detail */\n \n     /** \n-     * Property: dragHandler \n-     * {<OpenLayers.Handler.Drag>} \n+     * Constant: KEY_EVENTS\n+     * keydown, keypress, keyup\n      */\n-    dragHandler: null,\n+    KEY_EVENTS: [\"keydown\", \"keyup\"],\n \n-    /**\n-     * APIProperty: boxDivClassName\n-     * {String} The CSS class to use for drawing the box. Default is\n-     *     olHandlerBoxZoomBox\n+    /** \n+     * Property: eventListener\n+     * {Function}\n      */\n-    boxDivClassName: 'olHandlerBoxZoomBox',\n+    eventListener: null,\n \n     /**\n-     * Property: boxOffsets\n-     * {Object} Caches box offsets from css. This is used by the getBoxOffsets\n-     * method.\n+     * Property: observeElement\n+     * {DOMElement|String} The DOM element on which we listen for\n+     *     key events. Default to the document.\n      */\n-    boxOffsets: null,\n+    observeElement: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Box\n-     *\n+     * Constructor: OpenLayers.Handler.Keyboard\n+     * Returns a new keyboard handler.\n+     * \n      * Parameters:\n-     * control - {<OpenLayers.Control>} \n-     * callbacks - {Object} An object with a properties whose values are\n-     *     functions.  Various callbacks described below.\n-     * options - {Object} \n-     *\n-     * Named callbacks:\n-     * start - Called when the box drag operation starts.\n-     * done - Called when the box drag operation is finished.\n-     *     The callback should expect to receive a single argument, the box \n-     *     bounds or a pixel. If the box dragging didn't span more than a 5 \n-     *     pixel distance, a pixel will be returned instead of a bounds object.\n+     * control - {<OpenLayers.Control>} The control that is making use of\n+     *     this handler.  If a handler is being used without a control, the\n+     *     handlers setMap method must be overridden to deal properly with\n+     *     the map.\n+     * callbacks - {Object} An object containing a single function to be\n+     *     called when the drag operation is finished. The callback should\n+     *     expect to recieve a single argument, the pixel location of the event.\n+     *     Callbacks for 'keydown', 'keypress', and 'keyup' are supported.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     handler.\n      */\n     initialize: function(control, callbacks, options) {\n         OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(\n-            this, {\n-                down: this.startBox,\n-                move: this.moveBox,\n-                out: this.removeBox,\n-                up: this.endBox\n-            }, {\n-                keyMask: this.keyMask\n-            }\n+        // cache the bound event listener method so it can be unobserved later\n+        this.eventListener = OpenLayers.Function.bindAsEventListener(\n+            this.handleKeyEvent, this\n         );\n     },\n \n     /**\n      * Method: destroy\n      */\n     destroy: function() {\n+        this.deactivate();\n+        this.eventListener = null;\n         OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: setMap\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map);\n-        }\n-    },\n-\n-    /**\n-     * Method: startBox\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>}\n-     */\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv('zoomBox', {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-\n-        OpenLayers.Element.addClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-    },\n-\n-    /**\n-     * Method: moveBox\n-     */\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = (deltaX + offset.width + 1) + \"px\";\n-        this.zoomBox.style.height = (deltaY + offset.height + 1) + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ?\n-            startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ?\n-            startY - deltaY - offset.top : startY - offset.top) + \"px\";\n-    },\n-\n-    /**\n-     * Method: endBox\n-     */\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 ||\n-            Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top);\n-        } else {\n-            result = this.dragHandler.start.clone(); // i.e. OL.Pixel\n-        }\n-        this.removeBox();\n-\n-        this.callback(\"done\", [result]);\n-    },\n-\n-    /**\n-     * Method: removeBox\n-     * Remove the zoombox from the screen and nullify our reference to it.\n-     */\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(\n-            this.map.viewPortDiv, \"olDrawBox\"\n-        );\n-\n     },\n \n     /**\n      * Method: activate\n      */\n     activate: function() {\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n+            this.observeElement = this.observeElement || document;\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.observe(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n+            }\n             return true;\n         } else {\n             return false;\n         }\n     },\n \n     /**\n      * Method: deactivate\n      */\n     deactivate: function() {\n+        var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox();\n-                }\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.stopObserving(\n+                    this.observeElement, this.KEY_EVENTS[i], this.eventListener);\n             }\n-            return true;\n-        } else {\n-            return false;\n+            deactivated = true;\n         }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: getBoxOffsets\n-     * Determines border offsets for a box, according to the box model.\n-     * \n-     * Returns:\n-     * {Object} an object with the following offsets:\n-     *     - left\n-     *     - right\n-     *     - top\n-     *     - bottom\n-     *     - width\n-     *     - height\n+     * Method: handleKeyEvent \n      */\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            // Determine the box model. If the testDiv's clientWidth is 3, then\n-            // the borders are outside and we are dealing with the w3c box\n-            // model. Otherwise, the browser uses the traditional box model and\n-            // the borders are inside the box bounds, leaving us with a\n-            // clientWidth of 1.\n-            var testDiv = document.createElement(\"div\");\n-            //testDiv.style.visibility = \"hidden\";\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n-\n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox,\n-                \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(\n-                this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            };\n+    handleKeyEvent: function(evt) {\n+        if (this.checkModifiers(evt)) {\n+            this.callback(evt.type, [evt]);\n         }\n-        return this.boxOffsets;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n });\n /* ======================================================================\n-    OpenLayers/Handler/Hover.js\n+    OpenLayers/Handler/Feature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/Handler.js\n  */\n \n /**\n- * Class: OpenLayers.Handler.Hover\n- * The hover handler is to be used to emulate mouseovers on objects\n- *      on the map that aren't DOM elements. For example one can use\n- *      this handler to send WMS/GetFeatureInfo requests as the user\n- *      moves the mouve over the map.\n- * \n+ * Class: OpenLayers.Handler.Feature \n+ * Handler to respond to mouse events related to a drawn feature.  Callbacks\n+ *     with the following keys will be notified of the following events\n+ *     associated with features: click, clickout, over, out, and dblclick.\n+ *\n+ * This handler stops event propagation for mousedown and mouseup if those\n+ *     browser events target features that can be selected.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Handler> \n+ *  - <OpenLayers.Handler>\n  */\n-OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n \n     /**\n-     * APIProperty: delay\n-     * {Integer} - Number of milliseconds between mousemoves before\n-     *      the event is considered a hover. Default is 500.\n+     * Property: EVENTMAP\n+     * {Object} A object mapping the browser events to objects with callback\n+     *     keys for in and out.\n      */\n-    delay: 500,\n+    EVENTMAP: {\n+        'click': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        },\n+        'mousemove': {\n+            'in': 'over',\n+            'out': 'out'\n+        },\n+        'dblclick': {\n+            'in': 'dblclick',\n+            'out': null\n+        },\n+        'mousedown': {\n+            'in': null,\n+            'out': null\n+        },\n+        'mouseup': {\n+            'in': null,\n+            'out': null\n+        },\n+        'touchstart': {\n+            'in': 'click',\n+            'out': 'clickout'\n+        }\n+    },\n \n     /**\n-     * APIProperty: pixelTolerance\n-     * {Integer} - Maximum number of pixels between mousemoves for\n-     *      an event to be considered a hover. Default is null.\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was hovered.\n      */\n-    pixelTolerance: null,\n+    feature: null,\n \n     /**\n-     * APIProperty: stopMove\n-     * {Boolean} - Stop other listeners from being notified on mousemoves.\n-     *      Default is false.\n+     * Property: lastFeature\n+     * {<OpenLayers.Feature.Vector>} The last feature that was handled.\n      */\n-    stopMove: false,\n+    lastFeature: null,\n \n     /**\n-     * Property: px\n-     * {<OpenLayers.Pixel>} - The location of the last mousemove, expressed\n-     *      in pixels.\n+     * Property: down\n+     * {<OpenLayers.Pixel>} The location of the last mousedown.\n      */\n-    px: null,\n+    down: null,\n \n     /**\n-     * Property: timerId\n-     * {Number} - The id of the timer.\n+     * Property: up\n+     * {<OpenLayers.Pixel>} The location of the last mouseup.\n      */\n-    timerId: null,\n+    up: null,\n \n     /**\n-     * Constructor: OpenLayers.Handler.Hover\n-     * Construct a hover handler.\n+     * Property: clickTolerance\n+     * {Number} The number of pixels the mouse can move between mousedown\n+     *     and mouseup for the event to still be considered a click.\n+     *     Dragging the map should not trigger the click and clickout callbacks\n+     *     unless the map is moved by less than this tolerance. Defaults to 4.\n+     */\n+    clickTolerance: 4,\n+\n+    /**\n+     * Property: geometryTypes\n+     * To restrict dragging to a limited set of geometry types, send a list\n+     * of strings corresponding to the geometry class names.\n+     * \n+     * @type Array(String)\n+     */\n+    geometryTypes: null,\n+\n+    /**\n+     * Property: stopClick\n+     * {Boolean} If stopClick is set to true, handled clicks do not\n+     *      propagate to other click listeners. Otherwise, handled clicks\n+     *      do propagate. Unhandled clicks always propagate, whatever the\n+     *      value of stopClick. Defaults to true.\n+     */\n+    stopClick: true,\n+\n+    /**\n+     * Property: stopDown\n+     * {Boolean} If stopDown is set to true, handled mousedowns do not\n+     *      propagate to other mousedown listeners. Otherwise, handled\n+     *      mousedowns do propagate. Unhandled mousedowns always propagate,\n+     *      whatever the value of stopDown. Defaults to true.\n+     */\n+    stopDown: true,\n+\n+    /**\n+     * Property: stopUp\n+     * {Boolean} If stopUp is set to true, handled mouseups do not\n+     *      propagate to other mouseup listeners. Otherwise, handled mouseups\n+     *      do propagate. Unhandled mouseups always propagate, whatever the\n+     *      value of stopUp. Defaults to false.\n+     */\n+    stopUp: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Handler.Feature\n      *\n      * Parameters:\n-     * control - {<OpenLayers.Control>} The control that initialized this\n-     *     handler.  The control is assumed to have a valid map property; that\n-     *     map is used in the handler's own setMap method.\n-     * callbacks - {Object} An object with keys corresponding to callbacks\n-     *     that will be called by the handler. The callbacks should\n-     *     expect to receive a single argument, the event. Callbacks for\n-     *     'move', the mouse is moving, and 'pause', the mouse is pausing,\n-     *     are supported.\n-     * options - {Object} An optional object whose properties will be set on\n-     *     the handler.\n+     * control - {<OpenLayers.Control>} \n+     * layer - {<OpenLayers.Layer.Vector>}\n+     * callbacks - {Object} An object with a 'over' property whos value is\n+     *     a function to be called when the mouse is over a feature. The \n+     *     callback should expect to recieve a single argument, the feature.\n+     * options - {Object} \n      */\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer;\n+    },\n \n     /**\n-     * Method: mousemove\n-     * Called when the mouse moves on the map.\n+     * Method: touchstart\n+     * Handle touchstart events\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * evt - {Event}\n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Boolean} Let the event propagate.\n      */\n-    mousemove: function(evt) {\n-        if (this.passesTolerance(evt.xy)) {\n-            this.clearTimer();\n-            this.callback('move', [evt]);\n-            this.px = evt.xy;\n-            // clone the evt so original properties can be accessed even\n-            // if the browser deletes them during the delay\n-            evt = OpenLayers.Util.extend({}, evt);\n-            this.timerId = window.setTimeout(\n-                OpenLayers.Function.bind(this.delayedCall, this, evt),\n-                this.delay\n-            );\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ?\n+            true : this.mousedown(evt);\n+    },\n+\n+    /**\n+     * Method: touchmove\n+     * Handle touchmove events. We just prevent the browser default behavior,\n+     *    for Android Webkit not to select text when moving the finger after\n+     *    selecting a feature.\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt);\n+    },\n+\n+    /**\n+     * Method: mousedown\n+     * Handle mouse down.  Stop propagation if a feature is targeted by this\n+     *     event (stops map dragging during feature selection).\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mousedown: function(evt) {\n+        // Feature selection is only done with a left click. Other handlers may stop the\n+        // propagation of left-click mousedown events but not right-click mousedown events.\n+        // This mismatch causes problems when comparing the location of the down and up\n+        // events in the click function so it is important ignore right-clicks.\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy;\n         }\n-        return !this.stopMove;\n+        return this.handle(evt) ? !this.stopDown : true;\n     },\n \n     /**\n-     * Method: mouseout\n-     * Called when the mouse goes out of the map.\n+     * Method: mouseup\n+     * Handle mouse up.  Stop propagation if a feature is targeted by this\n+     *     event.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true;\n+    },\n+\n+    /**\n+     * Method: click\n+     * Handle click.  Call the \"click\" callback if click on a feature,\n+     *     or the \"clickout\" callback if click outside any feature.\n+     * \n+     * Parameters:\n+     * evt - {Event} \n      *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true;\n+    },\n+\n+    /**\n+     * Method: mousemove\n+     * Handle mouse moves.  Call the \"over\" callback if moving in to a feature,\n+     *     or the \"out\" callback if moving out of a feature.\n+     * \n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * evt - {Event} \n      *\n      * Returns:\n-     * {Boolean} Continue propagating this event.\n+     * {Boolean}\n      */\n-    mouseout: function(evt) {\n-        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            this.clearTimer();\n-            this.callback('move', [evt]);\n+    mousemove: function(evt) {\n+        if (!this.callbacks['over'] && !this.callbacks['out']) {\n+            return true;\n         }\n+        this.handle(evt);\n         return true;\n     },\n \n     /**\n-     * Method: passesTolerance\n-     * Determine whether the mouse move is within the optional pixel tolerance.\n+     * Method: dblclick\n+     * Handle dblclick.  Call the \"dblclick\" callback if dblclick on a feature.\n      *\n      * Parameters:\n-     * px - {<OpenLayers.Pixel>}\n+     * evt - {Event} \n      *\n      * Returns:\n-     * {Boolean} The mouse move is within the pixel tolerance.\n+     * {Boolean}\n      */\n-    passesTolerance: function(px) {\n-        var passes = true;\n-        if (this.pixelTolerance && this.px) {\n-            var dpx = Math.sqrt(\n-                Math.pow(this.px.x - px.x, 2) +\n-                Math.pow(this.px.y - px.y, 2)\n-            );\n-            if (dpx < this.pixelTolerance) {\n-                passes = false;\n-            }\n-        }\n-        return passes;\n+    dblclick: function(evt) {\n+        return !this.handle(evt);\n     },\n \n     /**\n-     * Method: clearTimer\n-     * Clear the timer and set <timerId> to null.\n+     * Method: geometryTypeMatches\n+     * Return true if the geometry type of the passed feature matches\n+     *     one of the geometry types in the geometryTypes array.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Vector.Feature>}\n+     *\n+     * Returns:\n+     * {Boolean}\n      */\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null;\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null ||\n+            OpenLayers.Util.indexOf(this.geometryTypes,\n+                feature.geometry.CLASS_NAME) > -1;\n+    },\n+\n+    /**\n+     * Method: handle\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     *\n+     * Returns:\n+     * {Boolean} The event occurred over a relevant feature.\n+     */\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!(this.feature); // previously in a feature\n+        var click = (type == \"click\" || type == \"dblclick\" || type == \"touchstart\");\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            // feature has been destroyed\n+            this.feature = null;\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            // last feature has been destroyed\n+            this.lastFeature = null;\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                // stop the event to prevent Android Webkit from\n+                // \"flashing\" the map div\n+                OpenLayers.Event.preventDefault(evt);\n+            }\n+            var inNew = (this.feature != this.lastFeature);\n+            if (this.geometryTypeMatches(this.feature)) {\n+                // in to a feature\n+                if (previouslyIn && inNew) {\n+                    // out of last feature and in to another\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, 'out', [this.lastFeature]);\n+                    }\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                } else if (!previouslyIn || click) {\n+                    // in feature for the first time\n+                    this.triggerCallback(type, 'in', [this.feature]);\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true;\n+            } else {\n+                // not in to a feature\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    // out of last feature for the first time\n+                    this.triggerCallback(type, 'out', [this.lastFeature]);\n+                }\n+                // next time the mouse goes in a feature whose geometry type\n+                // doesn't match we don't want to call the 'out' callback\n+                // again, so let's set this.feature to null so that\n+                // previouslyIn will evaluate to false the next time\n+                // we enter handle. Yes, a bit hackish...\n+                this.feature = null;\n+            }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, 'out', [this.lastFeature]);\n         }\n+        return handled;\n     },\n \n     /**\n-     * Method: delayedCall\n-     * Triggers pause callback.\n+     * Method: triggerCallback\n+     * Call the callback keyed in the event map with the supplied arguments.\n+     *     For click and clickout, the <clickTolerance> is checked first.\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * type - {String}\n      */\n-    delayedCall: function(evt) {\n-        this.callback('pause', [evt]);\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == 'click' && this.up && this.down) {\n+                // for click/clickout, only trigger callback if tolerance is met\n+                var dpx = Math.sqrt(\n+                    Math.pow(this.up.x - this.down.x, 2) +\n+                    Math.pow(this.up.y - this.down.y, 2)\n+                );\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args);\n+                }\n+                // we're done with this set of events now: clear the cached\n+                // positions so we can't trip over them later (this can occur\n+                // if one of the up/down events gets eaten before it gets to us\n+                // but we still get the click)\n+                this.up = this.down = null;\n+            } else {\n+                this.callback(key, args);\n+            }\n+        }\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the handler.\n+     * Method: activate \n+     * Turn on the handler.  Returns false if the handler was already active.\n      *\n      * Returns:\n-     * {Boolean} The handler was successfully deactivated.\n+     * {Boolean}\n+     */\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true;\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate \n+     * Turn off the handler.  Returns false if the handler was already active.\n+     *\n+     * Returns: \n+     * {Boolean}\n      */\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n             deactivated = true;\n         }\n         return deactivated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n+    /**\n+     * Method: handleMapEvents\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop();\n+        }\n+    },\n+\n+    /**\n+     * Method: moveLayerToTop\n+     * Moves the layer for this handler to the top, so mouse events can reach\n+     * it.\n+     */\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n+            this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index);\n+\n+    },\n+\n+    /**\n+     * Method: moveLayerBack\n+     * Moves the layer back to the position determined by the map's layers\n+     * array.\n+     */\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n+            this.layer.setZIndex(index);\n+        } else {\n+            this.map.setLayerZIndex(this.layer,\n+                this.map.getLayerIndex(this.layer));\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/PointTrack.js\n+    OpenLayers/Control/DrawFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Feature/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.PointTrack\n- * Vector layer to display ordered point features as a line, creating one\n- * LineString feature for each pair of two points.\n+ * Class: OpenLayers.Control.DrawFeature\n+ * The DrawFeature control draws point, line or polygon features on a vector\n+ * layer when active.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Vector> \n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: dataFrom\n-     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n-     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n-     *     should get the data/attributes from one of the two points it is\n-     *     composed of, which one should it be?\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    dataFrom: null,\n+    layer: null,\n \n     /**\n-     * APIProperty: styleFrom\n-     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n-     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n-     *     should get the style from one of the two points it is composed of,\n-     *     which one should it be?\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n      */\n-    styleFrom: null,\n+    callbacks: null,\n \n-    /**\n-     * Constructor: OpenLayers.PointTrack\n-     * Constructor for a new OpenLayers.PointTrack instance.\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n-     * Parameters:\n-     * name     - {String} name of the layer\n-     * options  - {Object} Optional object with properties to tag onto the\n-     *            instance.\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * featureadded - Triggered when a feature is added\n      */\n \n     /**\n-     * APIMethod: addNodes\n-     * Adds point features that will be used to create lines from, using point\n-     * pairs. The first point of a pair will be the source node, the second\n-     * will be the target node.\n+     * APIProperty: multi\n+     * {Boolean} Cast features to multi-part geometries before passing to the\n+     *     layer.  Default is false.\n+     */\n+    multi: false,\n+\n+    /**\n+     * APIProperty: featureAdded\n+     * {Function} Called after each feature is added\n+     */\n+    featureAdded: function() {},\n+\n+    /**\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n+     */\n+\n+    /**\n+     * Constructor: OpenLayers.Control.DrawFeature\n      * \n      * Parameters:\n-     * pointFeatures - {Array(<OpenLayers.Feature>)}\n-     * options - {Object}\n-     * \n-     * Supported options:\n-     * silent - {Boolean} true to suppress (before)feature(s)added events\n+     * layer - {<OpenLayers.Layer.Vector>} \n+     * handler - {<OpenLayers.Handler>} \n+     * options - {Object} \n      */\n-    addNodes: function(pointFeatures, options) {\n-        if (pointFeatures.length < 2) {\n-            throw new Error(\"At least two point features have to be added to \" +\n-                \"create a line from\");\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+                done: this.drawFeature,\n+                modify: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchmodified\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n+                },\n+                create: function(vertex, feature) {\n+                    this.layer.events.triggerEvent(\n+                        \"sketchstarted\", {\n+                            vertex: vertex,\n+                            feature: feature\n+                        }\n+                    );\n+                }\n+            },\n+            this.callbacks\n+        );\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+            this.handlerOptions.layerOptions, {\n+                renderers: layer.renderers,\n+                rendererOptions: layer.rendererOptions\n+            }\n+        );\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi;\n         }\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+                this.handlerOptions.layerOptions, {\n+                    styleMap: new OpenLayers.StyleMap({\n+                        \"default\": sketchStyle\n+                    })\n+                }\n+            );\n+        }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n+    },\n \n-        var lines = new Array(pointFeatures.length - 1);\n-\n-        var pointFeature, startPoint, endPoint;\n-        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n-            pointFeature = pointFeatures[i];\n-            endPoint = pointFeature.geometry;\n-\n-            if (!endPoint) {\n-                var lonlat = pointFeature.lonlat;\n-                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n-            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-                throw new TypeError(\"Only features with point geometries are supported.\");\n+    /**\n+     * Method: drawFeature\n+     */\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\n+            \"sketchcomplete\", {\n+                feature: feature\n             }\n+        );\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n+            });\n+        }\n+    },\n \n-            if (i > 0) {\n-                var attributes = (this.dataFrom != null) ?\n-                    (pointFeatures[i + this.dataFrom].data ||\n-                        pointFeatures[i + this.dataFrom].attributes) :\n-                    null;\n-                var style = (this.styleFrom != null) ?\n-                    (pointFeatures[i + this.styleFrom].style) :\n-                    null;\n-                var line = new OpenLayers.Geometry.LineString([startPoint,\n-                    endPoint\n-                ]);\n+    /**\n+     * APIMethod: insertXY\n+     * Insert a point in the current sketch given x & y coordinates.\n+     *\n+     * Parameters:\n+     * x - {Number} The x-coordinate of the point.\n+     * y - {Number} The y-coordinate of the point.\n+     */\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y);\n+        }\n+    },\n \n-                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes,\n-                    style);\n-            }\n+    /**\n+     * APIMethod: insertDeltaXY\n+     * Insert a point given offsets from the previously inserted point.\n+     *\n+     * Parameters:\n+     * dx - {Number} The x-coordinate offset of the point.\n+     * dy - {Number} The y-coordinate offset of the point.\n+     */\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy);\n+        }\n+    },\n \n-            startPoint = endPoint;\n+    /**\n+     * APIMethod: insertDirectionLength\n+     * Insert a point in the current sketch given a direction and a length.\n+     *\n+     * Parameters:\n+     * direction - {Number} Degrees clockwise from the positive x-axis.\n+     * length - {Number} Distance from the previously drawn point.\n+     */\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length);\n         }\n+    },\n \n-        this.addFeatures(lines, options);\n+    /**\n+     * APIMethod: insertDeflectionLength\n+     * Insert a point in the current sketch given a deflection and a length.\n+     *     The deflection should be degrees clockwise from the previously \n+     *     digitized segment.\n+     *\n+     * Parameters:\n+     * deflection - {Number} Degrees clockwise from the previous segment.\n+     * length - {Number} Distance from the previously drawn point.\n+     */\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length);\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n-});\n+    /**\n+     * APIMethod: undo\n+     * Remove the most recently added point in the current sketch geometry.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was undone.\n+     */\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo();\n+    },\n \n-/**\n- * Constant: OpenLayers.Layer.PointTrack.SOURCE_NODE\n- * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n- * <OpenLayers.Layer.PointTrack.styleFrom>\n- */\n-OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n+    /**\n+     * APIMethod: redo\n+     * Reinsert the most recently removed point resulting from an <undo> call.\n+     *     The undo stack is deleted whenever a point is added by other means.\n+     *\n+     * Returns: \n+     * {Boolean} An edit was redone.\n+     */\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo();\n+    },\n \n-/**\n- * Constant: OpenLayers.Layer.PointTrack.TARGET_NODE\n- * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n- * <OpenLayers.Layer.PointTrack.styleFrom>\n- */\n-OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n+    /**\n+     * APIMethod: finishSketch\n+     * Finishes the sketch without including the currently drawn point.\n+     *     This method can be called to terminate drawing programmatically\n+     *     instead of waiting for the user to end the sketch.\n+     */\n+    finishSketch: function() {\n+        this.handler.finishGeometry();\n+    },\n \n-/**\n- * Constant: OpenLayers.Layer.PointTrack.dataFrom\n- * {Object} with the following keys - *deprecated*\n- * - SOURCE_NODE: take data/attributes from the source node of the line\n- * - TARGET_NODE: take data/attributes from the target node of the line\n- */\n-OpenLayers.Layer.PointTrack.dataFrom = {\n-    'SOURCE_NODE': -1,\n-    'TARGET_NODE': 0\n-};\n+    /**\n+     * APIMethod: cancel\n+     * Cancel the current sketch.  This removes the current sketch and keeps\n+     *     the drawing control active.\n+     */\n+    cancel: function() {\n+        this.handler.cancel();\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+});\n /* ======================================================================\n-    OpenLayers/Format/ArcXML.js\n+    OpenLayers/Events/buttonclick.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/MultiPolygon.js\n- * @requires OpenLayers/Geometry/LinearRing.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Format.ArcXML\n- * Read/Write ArcXML. Create a new instance with the <OpenLayers.Format.ArcXML>\n- *     constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ * Class: OpenLayers.Events.buttonclick\n+ * Extension event type for handling buttons on top of a dom element. This\n+ *     event type fires \"buttonclick\" on its <target> when a button was\n+ *     clicked. Buttons are detected by the \"olButton\" class.\n+ *\n+ * This event type makes sure that button clicks do not interfere with other\n+ *     events that are registered on the same <element>.\n+ *\n+ * Event types provided by this extension:\n+ * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n+ *     object with a *buttonElement* property referencing the dom element of\n+ *     the clicked button, and an *buttonXY* property with the click position\n+ *     relative to the button.\n  */\n-OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n \n     /**\n-     * Property: fontStyleKeys\n-     * {Array} List of keys used in font styling.\n+     * Property: target\n+     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n+     * be triggered on.\n      */\n-    fontStyleKeys: [\n-        'antialiasing', 'blockout', 'font', 'fontcolor', 'fontsize', 'fontstyle',\n-        'glowing', 'interval', 'outline', 'printmode', 'shadow', 'transparency'\n-    ],\n+    target: null,\n \n     /**\n-     * Property: request\n-     * A get_image request destined for an ArcIMS server.\n+     * Property: events\n+     * {Array} Events to observe and conditionally stop from propagating when\n+     *     an element with the olButton class (or its olAlphaImg child) is\n+     *     clicked.\n      */\n-    request: null,\n+    events: [\n+        'mousedown', 'mouseup', 'click', 'dblclick',\n+        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    ],\n \n     /**\n-     * Property: response\n-     * A parsed response from an ArcIMS server.\n+     * Property: startRegEx\n+     * {RegExp} Regular expression to test Event.type for events that start\n+     *     a buttonclick sequence.\n      */\n-    response: null,\n+    startRegEx: /^mousedown|touchstart$/,\n \n     /**\n-     * Constructor: OpenLayers.Format.ArcXML\n-     * Create a new parser/writer for ArcXML.  Create an instance of this class\n-     *    to begin authoring a request to an ArcIMS service.  This is used\n-     *    primarily by the ArcIMS layer, but could be used to do other wild\n-     *    stuff, like geocoding.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Property: cancelRegEx\n+     * {RegExp} Regular expression to test Event.type for events that cancel\n+     *     a buttonclick sequence.\n      */\n-    initialize: function(options) {\n-        this.request = new OpenLayers.Format.ArcXML.Request();\n-        this.response = new OpenLayers.Format.ArcXML.Response();\n-\n-        if (options) {\n-            if (options.requesttype == \"feature\") {\n-                this.request.get_image = null;\n-\n-                var qry = this.request.get_feature.query;\n-                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n-\n-                if (options.polygon) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.polygon = options.polygon;\n-                } else if (options.envelope) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.envelope = {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    };\n-                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope);\n-                }\n-            } else if (options.requesttype == \"image\") {\n-                this.request.get_feature = null;\n-\n-                var props = this.request.get_image.properties;\n-                this.parseEnvelope(props.envelope, options.envelope);\n-\n-                this.addLayers(props.layerlist, options.layers);\n-                this.addImageSize(props.imagesize, options.tileSize);\n-                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(props.filtercoordsys, options.filterCoordSys);\n-            } else {\n-                // if an arcxml object is being created with no request type, it is\n-                // probably going to consume a response, so do not throw an error if\n-                // the requesttype is not defined\n-                this.request = null;\n-            }\n-        }\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-    },\n+    cancelRegEx: /^touchmove$/,\n \n     /**\n-     * Method: parseEnvelope\n-     * Parse an array of coordinates into an ArcXML envelope structure.\n-     *\n-     * Parameters:\n-     * env - {Object} An envelope object that will contain the parsed coordinates.\n-     * arr - {Array(double)} An array of coordinates in the order: [ minx, miny, maxx, maxy ]\n+     * Property: completeRegEx\n+     * {RegExp} Regular expression to test Event.type for events that complete\n+     *     a buttonclick sequence.\n      */\n-    parseEnvelope: function(env, arr) {\n-        if (arr && arr.length == 4) {\n-            env.minx = arr[0];\n-            env.miny = arr[1];\n-            env.maxx = arr[2];\n-            env.maxy = arr[3];\n-        }\n-    },\n+    completeRegEx: /^mouseup|touchend$/,\n \n-    /** \n-     * Method: addLayers\n-     * Add a collection of layers to another collection of layers. Each layer in the list is tuple of\n-     * { id, visible }.  These layer collections represent the \n-     * /ARCXML/REQUEST/get_image/PROPERTIES/LAYERLIST/LAYERDEF items in ArcXML\n-     *\n-     * TODO: Add support for dynamic layer rendering.\n-     *\n-     * Parameters:\n-     * ll - {Array({id,visible})} A list of layer definitions.\n-     * lyrs - {Array({id,visible})} A list of layer definitions.\n+    /**\n+     * Property: startEvt\n+     * {Event} The event that started the click sequence\n      */\n-    addLayers: function(ll, lyrs) {\n-        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n-            ll.push(lyrs[lind]);\n-        }\n-    },\n \n     /**\n-     * Method: addImageSize\n-     * Set the size of the requested image.\n+     * Constructor: OpenLayers.Events.buttonclick\n+     * Construct a buttonclick event type. Applications are not supposed to\n+     *     create instances of this class - they are created on demand by\n+     *     <OpenLayers.Events> instances.\n      *\n      * Parameters:\n-     * imsize - {Object} An ArcXML imagesize object.\n-     * olsize - {<OpenLayers.Size>} The image size to set.\n+     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n+     *     event will be triggered on.\n      */\n-    addImageSize: function(imsize, olsize) {\n-        if (olsize !== null) {\n-            imsize.width = olsize.w;\n-            imsize.height = olsize.h;\n-            imsize.printwidth = olsize.w;\n-            imsize.printheight = olsize.h;\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            });\n         }\n     },\n \n     /**\n-     * Method: addCoordSys\n-     * Add the coordinate system information to an object. The object may be \n-     *\n-     * Parameters:\n-     * featOrFilt - {Object} A featurecoordsys or filtercoordsys ArcXML structure.\n-     * fsys - {String} or {<OpenLayers.Projection>} or {filtercoordsys} or \n-     * {featurecoordsys} A projection representation. If it's a {String}, \n-     * the value is assumed to be the SRID.  If it's a {OpenLayers.Projection} \n-     * AND Proj4js is available, the projection number and name are extracted \n-     * from there.  If it's a filter or feature ArcXML structure, it is copied.\n+     * Method: destroy\n      */\n-    addCoordSys: function(featOrFilt, fsys) {\n-        if (typeof fsys == \"string\") {\n-            featOrFilt.id = parseInt(fsys);\n-            featOrFilt.string = fsys;\n-        }\n-        // is this a proj4js instance?\n-        else if (typeof fsys == \"object\" && fsys.proj !== null) {\n-            featOrFilt.id = fsys.proj.srsProjNumber;\n-            featOrFilt.string = fsys.proj.srsCode;\n-        } else {\n-            featOrFilt = fsys;\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick);\n         }\n+        delete this.target;\n     },\n \n     /**\n-     * APIMethod: iserror\n-     * Check to see if the response from the server was an error.\n+     * Method: getPressedButton\n+     * Get the pressed button, if any. Returns undefined if no button\n+     * was pressed.\n      *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse. If nothing is supplied,\n-     * the current response is examined.\n+     * Arguments:\n+     * element - {DOMElement} The event target.\n      *\n      * Returns:\n-     * {Boolean} true if the response was an error.\n+     * {DOMElement} The button element, or undefined.\n      */\n-    iserror: function(data) {\n-        var ret = null;\n-\n-        if (!data) {\n-            ret = (this.response.error !== '');\n-        } else {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n-            ret = (errorNodes !== null && errorNodes.length > 0);\n-        }\n-\n-        return ret;\n+    getPressedButton: function(element) {\n+        var depth = 3, // limit the search depth\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                // hit!\n+                button = element;\n+                break;\n+            }\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return button;\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read data from a string, and return an response. \n-     * \n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n+     * Method: ignore\n+     * Check for event target elements that should be ignored by OpenLayers.\n      *\n-     * Returns:\n-     * {<OpenLayers.Format.ArcXML.Response>} An ArcXML response. Note that this response\n-     *     data may change in the future. \n+     * Parameters:\n+     * element - {DOMElement} The event target.\n      */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-\n-        var arcNode = null;\n-        if (data && data.documentElement) {\n-            if (data.documentElement.nodeName == \"ARCXML\") {\n-                arcNode = data.documentElement;\n-            } else {\n-                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0];\n-            }\n-        }\n-\n-        // in Safari, arcNode will be there but will have a child named \n-        // parsererror\n-        if (!arcNode || arcNode.firstChild.nodeName === 'parsererror') {\n-            var error, source;\n-            try {\n-                error = data.firstChild.nodeValue;\n-                source = data.firstChild.childNodes[1].firstChild.nodeValue;\n-            } catch (err) {\n-                // pass\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === 'a') {\n+                ignore = true;\n+                break;\n             }\n-            throw {\n-                message: \"Error parsing the ArcXML request\",\n-                error: error,\n-                source: source\n-            };\n-        }\n-\n-        var response = this.parseResponse(arcNode);\n-        return response;\n+            element = element.parentNode;\n+        } while (--depth > 0 && element);\n+        return ignore;\n     },\n \n     /**\n-     * APIMethod: write\n-     * Generate an ArcXml document string for sending to an ArcIMS server. \n-     * \n-     * Returns:\n-     * {String} A string representing the ArcXML document request.\n+     * Method: buttonClick\n+     * Check if a button was clicked, and fire the buttonclick event\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    write: function(request) {\n-        if (!request) {\n-            request = this.request;\n-        }\n-        var root = this.createElementNS(\"\", \"ARCXML\");\n-        root.setAttribute(\"version\", \"1.1\");\n-\n-        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n-\n-        if (request.get_image != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n-            reqElem.appendChild(getElem);\n-\n-            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n-            getElem.appendChild(propElem);\n-\n-            var props = request.get_image.properties;\n-            if (props.featurecoordsys != null) {\n-                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                propElem.appendChild(feat);\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            // was a button pressed?\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break;\n+                    }\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n \n-                if (props.featurecoordsys.id === 0) {\n-                    feat.setAttribute(\"string\", props.featurecoordsys['string']);\n-                } else {\n-                    feat.setAttribute(\"id\", props.featurecoordsys.id);\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        });\n+                    }\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt;\n+                    }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n                 }\n-            }\n-\n-            if (props.filtercoordsys != null) {\n-                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                propElem.appendChild(filt);\n-\n-                if (props.filtercoordsys.id === 0) {\n-                    filt.setAttribute(\"string\", props.filtercoordsys.string);\n-                } else {\n-                    filt.setAttribute(\"id\", props.filtercoordsys.id);\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false;\n                 }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt;\n             }\n+        }\n+        return propagate;\n+    }\n \n-            if (props.envelope != null) {\n-                var env = this.createElementNS(\"\", \"ENVELOPE\");\n-                propElem.appendChild(env);\n-\n-                env.setAttribute(\"minx\", props.envelope.minx);\n-                env.setAttribute(\"miny\", props.envelope.miny);\n-                env.setAttribute(\"maxx\", props.envelope.maxx);\n-                env.setAttribute(\"maxy\", props.envelope.maxy);\n-            }\n-\n-            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n-            propElem.appendChild(imagesz);\n-\n-            imagesz.setAttribute(\"height\", props.imagesize.height);\n-            imagesz.setAttribute(\"width\", props.imagesize.width);\n+});\n+/* ======================================================================\n+    OpenLayers/Control/LayerSwitcher.js\n+   ====================================================================== */\n \n-            if (props.imagesize.height != props.imagesize.printheight ||\n-                props.imagesize.width != props.imagesize.printwidth) {\n-                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n-                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth);\n-            }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-            if (props.background != null) {\n-                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n-                propElem.appendChild(backgrnd);\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ */\n \n-                backgrnd.setAttribute(\"color\",\n-                    props.background.color.r + \",\" +\n-                    props.background.color.g + \",\" +\n-                    props.background.color.b);\n+/**\n+ * Class: OpenLayers.Control.LayerSwitcher\n+ * The LayerSwitcher control displays a table of contents for the map. This\n+ * allows the user interface to switch between BaseLasyers and to show or hide\n+ * Overlays. By default the switcher is shown minimized on the right edge of\n+ * the map, the user may expand it by clicking on the handle.\n+ *\n+ * To create the LayerSwitcher outside of the map, pass the Id of a html div\n+ * as the first argument to the constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n \n-                if (props.background.transcolor !== null) {\n-                    backgrnd.setAttribute(\"transcolor\",\n-                        props.background.transcolor.r + \",\" +\n-                        props.background.transcolor.g + \",\" +\n-                        props.background.transcolor.b);\n-                }\n-            }\n+    /**  \n+     * Property: layerStates \n+     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n+     *     the last time the control was drawn. We have this in order to avoid\n+     *     unnecessarily redrawing the control.\n+     */\n+    layerStates: null,\n \n-            if (props.layerlist != null && props.layerlist.length > 0) {\n-                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n-                propElem.appendChild(layerlst);\n+    // DOM Elements\n \n-                for (var ld = 0; ld < props.layerlist.length; ld++) {\n-                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n-                    layerlst.appendChild(ldef);\n+    /**\n+     * Property: layersDiv\n+     * {DOMElement}\n+     */\n+    layersDiv: null,\n \n-                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n-                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n+    /**\n+     * Property: baseLayersDiv\n+     * {DOMElement}\n+     */\n+    baseLayersDiv: null,\n \n-                    if (typeof props.layerlist[ld].query == \"object\") {\n-                        var query = props.layerlist[ld].query;\n+    /**\n+     * Property: baseLayers\n+     * {Array(Object)}\n+     */\n+    baseLayers: null,\n \n-                        if (query.where.length < 0) {\n-                            continue;\n-                        }\n \n-                        var queryElem = null;\n-                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n-                            // handle spatial filter madness\n-                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n-                        } else {\n-                            queryElem = this.createElementNS(\"\", \"QUERY\");\n-                        }\n+    /**\n+     * Property: dataLbl\n+     * {DOMElement}\n+     */\n+    dataLbl: null,\n \n-                        queryElem.setAttribute(\"where\", query.where);\n+    /**\n+     * Property: dataLayersDiv\n+     * {DOMElement}\n+     */\n+    dataLayersDiv: null,\n \n-                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n-                            queryElem.setAttribute(\"accuracy\", query.accuracy);\n-                        }\n-                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2000) {\n-                            queryElem.setAttribute(\"featurelimit\", query.featurelimit);\n-                        }\n-                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n-                            queryElem.setAttribute(\"subfields\", query.subfields);\n-                        }\n-                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n-                            queryElem.setAttribute(\"joinexpression\", query.joinexpression);\n-                        }\n-                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n-                            queryElem.setAttribute(\"jointables\", query.jointables);\n-                        }\n+    /**\n+     * Property: dataLayers\n+     * {Array(Object)}\n+     */\n+    dataLayers: null,\n \n-                        ldef.appendChild(queryElem);\n-                    }\n \n-                    if (typeof props.layerlist[ld].renderer == \"object\") {\n-                        this.addRenderer(ldef, props.layerlist[ld].renderer);\n-                    }\n-                }\n-            }\n-        } else if (request.get_feature != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n-            getElem.setAttribute(\"outputmode\", \"newxml\");\n-            getElem.setAttribute(\"checkesc\", \"true\");\n+    /**\n+     * Property: minimizeDiv\n+     * {DOMElement}\n+     */\n+    minimizeDiv: null,\n \n-            if (request.get_feature.geometry) {\n-                getElem.setAttribute(\"geometry\", request.get_feature.geometry);\n-            } else {\n-                getElem.setAttribute(\"geometry\", \"false\");\n-            }\n+    /**\n+     * Property: maximizeDiv\n+     * {DOMElement}\n+     */\n+    maximizeDiv: null,\n \n-            if (request.get_feature.compact) {\n-                getElem.setAttribute(\"compact\", request.get_feature.compact);\n-            }\n+    /**\n+     * APIProperty: ascending\n+     * {Boolean}\n+     */\n+    ascending: true,\n \n-            if (request.get_feature.featurelimit == \"number\") {\n-                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit);\n-            }\n+    /**\n+     * Constructor: OpenLayers.Control.LayerSwitcher\n+     *\n+     * Parameters:\n+     * options - {Object}\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = [];\n+    },\n \n-            getElem.setAttribute(\"globalenvelope\", \"true\");\n-            reqElem.appendChild(getElem);\n+    /**\n+     * APIMethod: destroy\n+     */\n+    destroy: function() {\n \n-            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n-                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n-                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n-                getElem.appendChild(lyrElem);\n-            }\n+        //clear out layers info and unregister their events\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n \n-            var fquery = request.get_feature.query;\n-            if (fquery != null) {\n-                var qElem = null;\n-                if (fquery.isspatial) {\n-                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n-                } else {\n-                    qElem = this.createElementNS(\"\", \"QUERY\");\n-                }\n-                getElem.appendChild(qElem);\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n \n-                if (typeof fquery.accuracy == \"number\") {\n-                    qElem.setAttribute(\"accuracy\", fquery.accuracy);\n-                }\n-                //qElem.setAttribute(\"featurelimit\", \"5\");\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n \n-                if (fquery.featurecoordsys != null) {\n-                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+    /**\n+     * Method: setMap\n+     *\n+     * Properties:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n \n-                    if (fquery.featurecoordsys.id == 0) {\n-                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string);\n-                    } else {\n-                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id);\n-                    }\n-                    qElem.appendChild(fcsElem1);\n-                }\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+        }\n+    },\n \n-                if (fquery.filtercoordsys != null) {\n-                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+    /**\n+     * Method: draw\n+     *\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the\n+     *     switcher tabs.\n+     */\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n \n-                    if (fquery.filtercoordsys.id === 0) {\n-                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string);\n-                    } else {\n-                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id);\n-                    }\n-                    qElem.appendChild(fcsElem2);\n-                }\n+        // create layout divs\n+        this.loadContents();\n \n-                if (fquery.buffer > 0) {\n-                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n-                    bufElem.setAttribute(\"distance\", fquery.buffer);\n-                    qElem.appendChild(bufElem);\n-                }\n+        // set mode to minimize\n+        if (!this.outsideViewport) {\n+            this.minimizeControl();\n+        }\n \n-                if (fquery.isspatial) {\n-                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n-                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n-                    qElem.appendChild(spfElem);\n+        // populate div with current info\n+        this.redraw();\n \n-                    if (fquery.spatialfilter.envelope) {\n-                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n-                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n-                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n-                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n-                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n-                        spfElem.appendChild(envElem);\n-                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n-                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon));\n-                    }\n-                }\n+        return this.div;\n+    },\n \n-                if (fquery.where != null && fquery.where.length > 0) {\n-                    qElem.setAttribute(\"where\", fquery.where);\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl();\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl();\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"]);\n+            }\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap();\n                 }\n             }\n         }\n-\n-        root.appendChild(reqElem);\n-\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n     },\n \n-\n-    addGroupRenderer: function(ldef, toprenderer) {\n-        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n-        ldef.appendChild(topRelem);\n-\n-        for (var rind = 0; rind < toprenderer.length; rind++) {\n-            var renderer = toprenderer[rind];\n-            this.addRenderer(topRelem, renderer);\n-        }\n+    /**\n+     * Method: clearLayersArray\n+     * User specifies either \"base\" or \"data\". we then clear all the\n+     *     corresponding listeners, the div, and reinitialize a new array.\n+     *\n+     * Parameters:\n+     * layersType - {String}\n+     */\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = [];\n     },\n \n \n-    addRenderer: function(topRelem, renderer) {\n-        if (OpenLayers.Util.isArray(renderer)) {\n-            this.addGroupRenderer(topRelem, renderer);\n-        } else {\n-            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n-            topRelem.appendChild(renderElem);\n-\n-            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n-                this.addValueMapRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n-                this.addValueMapLabelRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n-                this.addSimpleLabelRenderer(renderElem, renderer);\n-            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n-                this.addScaleDependentRenderer(renderElem, renderer);\n-            }\n+    /**\n+     * Method: checkRedraw\n+     * Checks if the layer state has changed since the last redraw() call.\n+     *\n+     * Returns:\n+     * {Boolean} The layer state changed since the last redraw() call.\n+     */\n+    checkRedraw: function() {\n+        if (!this.layerStates.length ||\n+            (this.map.layers.length != this.layerStates.length)) {\n+            return true;\n         }\n-    },\n-\n \n-    addScaleDependentRenderer: function(renderElem, renderer) {\n-        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n-            renderElem.setAttribute(\"lower\", renderer.lower);\n-        }\n-        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n-            renderElem.setAttribute(\"upper\", renderer.upper);\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if ((layerState.name != layer.name) ||\n+                (layerState.inRange != layer.inRange) ||\n+                (layerState.id != layer.id) ||\n+                (layerState.visibility != layer.visibility)) {\n+                return true;\n+            }\n         }\n \n-        this.addRenderer(renderElem, renderer.renderer);\n+        return false;\n     },\n \n-\n-    addValueMapLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n-\n-        if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value);\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label);\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method);\n-                }\n-\n-                renderElem.appendChild(eelem);\n-\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-\n-                    if (exact.symbol.type == \"text\") {\n-                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-                    }\n-\n-                    if (selem != null) {\n-                        var keys = this.fontStyleKeys;\n-                        for (var i = 0, len = keys.length; i < len; i++) {\n-                            var key = keys[i];\n-                            if (exact.symbol[key]) {\n-                                selem.setAttribute(key, exact.symbol[key]);\n-                            }\n-                        }\n-                        eelem.appendChild(selem);\n-                    }\n-                }\n-            } // for each exact\n+    /**\n+     * Method: redraw\n+     * Goes through and takes the current state of the Map and rebuilds the\n+     *     control to display that state. Groups base layers into a\n+     *     radio-button group and lists each data layer with a checkbox.\n+     *\n+     * Returns:\n+     * {DOMElement} A reference to the DIV DOMElement containing the control\n+     */\n+    redraw: function() {\n+        //if the state hasn't changed since last redraw, no need\n+        // to do anything. Just return the existing div.\n+        if (!this.checkRedraw()) {\n+            return this.div;\n         }\n-    },\n-\n-    addValueMapRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-\n-        if (typeof renderer.ranges == \"object\") {\n-            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n-                var range = renderer.ranges[rng];\n \n-                var relem = this.createElementNS(\"\", \"RANGE\");\n-                relem.setAttribute(\"lower\", range.lower);\n-                relem.setAttribute(\"upper\", range.upper);\n+        //clear out previous layers\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n \n-                renderElem.appendChild(relem);\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n \n-                if (typeof range.symbol == \"object\") {\n-                    var selem = null;\n+        // Save state -- for checking layer if the map state changed.\n+        // We save this before redrawing, because in the process of redrawing\n+        // we will trigger more visibility changes, and we want to not redraw\n+        // and enter an infinite loop.\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                'name': layer.name,\n+                'visibility': layer.visibility,\n+                'inRange': layer.inRange,\n+                'id': layer.id\n+            };\n+        }\n \n-                    if (range.symbol.type == \"simplepolygon\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\");\n-                    }\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse();\n+        }\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n \n-                    if (selem != null) {\n-                        if (typeof range.symbol.boundarycolor == \"string\") {\n-                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor);\n-                        }\n-                        if (typeof range.symbol.fillcolor == \"string\") {\n-                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor);\n-                        }\n-                        if (typeof range.symbol.filltransparency == \"number\") {\n-                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency);\n-                        }\n-                        relem.appendChild(selem);\n-                    }\n-                }\n-            } // for each range\n-        } else if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n+            if (layer.displayInLayerSwitcher) {\n \n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value);\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label);\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method);\n+                if (baseLayer) {\n+                    containsBaseLayers = true;\n+                } else {\n+                    containsOverlays = true;\n                 }\n \n-                renderElem.appendChild(eelem);\n+                // only check a baselayer if it is *the* baselayer, check data\n+                //  layers if they are visible\n+                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n+                    layer.getVisibility();\n \n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n+                // create input element\n+                var inputElem = document.createElement(\"input\"),\n+                    // The input shall have an id attribute so we can use\n+                    // labels to interact with them.\n+                    inputId = OpenLayers.Util.createUniqueID(\n+                        this.id + \"_input_\"\n+                    );\n \n-                    if (exact.symbol.type == \"simplemarker\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\");\n-                    }\n+                inputElem.id = inputId;\n+                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n \n-                    if (selem != null) {\n-                        if (typeof exact.symbol.antialiasing == \"string\") {\n-                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing);\n-                        }\n-                        if (typeof exact.symbol.color == \"string\") {\n-                            selem.setAttribute(\"color\", exact.symbol.color);\n-                        }\n-                        if (typeof exact.symbol.outline == \"string\") {\n-                            selem.setAttribute(\"outline\", exact.symbol.outline);\n-                        }\n-                        if (typeof exact.symbol.overlap == \"string\") {\n-                            selem.setAttribute(\"overlap\", exact.symbol.overlap);\n-                        }\n-                        if (typeof exact.symbol.shadow == \"string\") {\n-                            selem.setAttribute(\"shadow\", exact.symbol.shadow);\n-                        }\n-                        if (typeof exact.symbol.transparency == \"number\") {\n-                            selem.setAttribute(\"transparency\", exact.symbol.transparency);\n-                        }\n-                        //if (typeof exact.symbol.type == \"string\")\n-                        //    selem.setAttribute(\"type\", exact.symbol.type);\n-                        if (typeof exact.symbol.usecentroid == \"string\") {\n-                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid);\n-                        }\n-                        if (typeof exact.symbol.width == \"number\") {\n-                            selem.setAttribute(\"width\", exact.symbol.width);\n-                        }\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true;\n+                }\n \n-                        eelem.appendChild(selem);\n-                    }\n+                // create span\n+                var labelSpan = document.createElement(\"label\");\n+                // this isn't the DOM attribute 'for', but an arbitrary name we\n+                // use to find the appropriate input element in <onButtonClick>\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\";\n                 }\n-            } // for each exact\n-        }\n-    },\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n+                    \"baseline\";\n+                // create line break\n+                var br = document.createElement(\"br\");\n \n \n-    addSimpleLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"field\", renderer.field);\n-        var keys = ['featureweight', 'howmanylabels', 'labelbufferratio',\n-            'labelpriorities', 'labelweight', 'linelabelposition',\n-            'rotationalangles'\n-        ];\n-        for (var i = 0, len = keys.length; i < len; i++) {\n-            var key = keys[i];\n-            if (renderer[key]) {\n-                renderElem.setAttribute(key, renderer[key]);\n-            }\n-        }\n+                var groupArray = (baseLayer) ? this.baseLayers :\n+                    this.dataLayers;\n+                groupArray.push({\n+                    'layer': layer,\n+                    'inputElem': inputElem,\n+                    'labelSpan': labelSpan\n+                });\n \n-        if (renderer.symbol.type == \"text\") {\n-            var symbol = renderer.symbol;\n-            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-            renderElem.appendChild(selem);\n \n-            var keys = this.fontStyleKeys;\n-            for (var i = 0, len = keys.length; i < len; i++) {\n-                var key = keys[i];\n-                if (symbol[key]) {\n-                    selem.setAttribute(key, renderer[key]);\n-                }\n+                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n+                    this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br);\n             }\n         }\n-    },\n-\n-    writePolygonGeometry: function(polygon) {\n-        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n-            throw {\n-                message: 'Cannot write polygon geometry to ArcXML with an ' +\n-                    polygon.CLASS_NAME + ' object.',\n-                geometry: polygon\n-            };\n-        }\n \n-        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n+        // if no overlays, dont display the overlay label\n+        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n \n-        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n-            var ring = polygon.components[ln];\n-            var ringElem = this.createElementNS(\"\", \"RING\");\n+        // if no baselayers, dont display the baselayer label\n+        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n \n-            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n-                var point = ring.components[rn];\n-                var pointElem = this.createElementNS(\"\", \"POINT\");\n+        return this.div;\n+    },\n \n-                pointElem.setAttribute(\"x\", point.x);\n-                pointElem.setAttribute(\"y\", point.y);\n+    /**\n+     * Method: updateMap\n+     * Cycles through the loaded data and base layer input arrays and makes\n+     *     the necessary calls to the Map object such that that the map's\n+     *     visual state corresponds to what the user has selected in\n+     *     the control.\n+     */\n+    updateMap: function() {\n \n-                ringElem.appendChild(pointElem);\n+        // set the newly selected base layer\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false);\n             }\n+        }\n \n-            polyElem.appendChild(ringElem);\n+        // set the correct visibilities for the overlays\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n         }\n \n-        return polyElem;\n     },\n \n     /**\n-     * Method: parseResponse\n-     * Take an ArcXML response, and parse in into this object's internal properties.\n+     * Method: maximizeControl\n+     * Set up the labels and divs for the control\n      *\n      * Parameters:\n-     * data - {String} or {DOMElement} The ArcXML response, as either a string or the\n-     * top level DOMElement of the response.\n+     * e - {Event}\n      */\n-    parseResponse: function(data) {\n-        if (typeof data == \"string\") {\n-            var newData = new OpenLayers.Format.XML();\n-            data = newData.read(data);\n-        }\n-        var response = new OpenLayers.Format.ArcXML.Response();\n-\n-        var errorNode = data.getElementsByTagName(\"ERROR\");\n-\n-        if (errorNode != null && errorNode.length > 0) {\n-            response.error = this.getChildValue(errorNode, \"Unknown error.\");\n-        } else {\n-            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n-\n-            if (responseNode == null || responseNode.length == 0) {\n-                response.error = \"No RESPONSE tag found in ArcXML response.\";\n-                return response;\n-            }\n-\n-            var rtype = responseNode[0].firstChild.nodeName;\n-            if (rtype == \"#text\") {\n-                rtype = responseNode[0].firstChild.nextSibling.nodeName;\n-            }\n-\n-            if (rtype == \"IMAGE\") {\n-                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n-                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n-\n-                if (envelopeNode == null || envelopeNode.length == 0) {\n-                    response.error = \"No ENVELOPE tag found in ArcXML response.\";\n-                } else if (outputNode == null || outputNode.length == 0) {\n-                    response.error = \"No OUTPUT tag found in ArcXML response.\";\n-                } else {\n-                    var envAttr = this.parseAttributes(envelopeNode[0]);\n-                    var outputAttr = this.parseAttributes(outputNode[0]);\n-\n-                    if (typeof outputAttr.type == \"string\") {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: {\n-                                type: outputAttr.type,\n-                                data: this.getChildValue(outputNode[0])\n-                            }\n-                        };\n-                    } else {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: outputAttr\n-                        };\n-                    }\n-                }\n-            } else if (rtype == \"FEATURES\") {\n-                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n-\n-                // get the feature count\n-                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n-                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n-\n-                if (response.features.featurecount > 0) {\n-                    // get the feature envelope\n-                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n-                    response.features.envelope = this.parseAttributes(envelope[0], typeof(0));\n-\n-                    // get the field values per feature\n-                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n-                    for (var fn = 0; fn < featureList.length; fn++) {\n-                        var feature = new OpenLayers.Feature.Vector();\n-                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n-\n-                        for (var fdn = 0; fdn < fields.length; fdn++) {\n-                            var fieldName = fields[fdn].getAttribute(\"name\");\n-                            var fieldValue = fields[fdn].getAttribute(\"value\");\n-                            feature.attributes[fieldName] = fieldValue;\n-                        }\n-\n-                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n-\n-                        if (geom.length > 0) {\n-                            // if there is a polygon, create an openlayers polygon, and assign\n-                            // it to the .geometry property of the feature\n-                            var ring = geom[0].getElementsByTagName(\"RING\");\n-\n-                            var polys = [];\n-                            for (var rn = 0; rn < ring.length; rn++) {\n-                                var linearRings = [];\n-                                linearRings.push(this.parsePointGeometry(ring[rn]));\n+    maximizeControl: function(e) {\n \n-                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n-                                for (var hn = 0; hn < holes.length; hn++) {\n-                                    linearRings.push(this.parsePointGeometry(holes[hn]));\n-                                }\n-                                holes = null;\n-                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n-                                linearRings = null;\n-                            }\n-                            ring = null;\n+        // set the div's width and height to empty values, so\n+        // the div dimensions can be controlled by CSS\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n \n-                            if (polys.length == 1) {\n-                                feature.geometry = polys[0];\n-                            } else {\n-                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys);\n-                            }\n-                        }\n+        this.showControls(false);\n \n-                        response.features.feature.push(feature);\n-                    }\n-                }\n-            } else {\n-                response.error = \"Unidentified response type.\";\n-            }\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-        return response;\n     },\n \n-\n     /**\n-     * Method: parseAttributes\n+     * Method: minimizeControl\n+     * Hide all the contents of the control, shrink the size,\n+     *     add the maximize icon\n      *\n      * Parameters:\n-     * node - {<DOMElement>} An element to parse attributes from.\n-     *\n-     * Returns:\n-     * {Object} An attributes object, with properties set to attribute values.\n+     * e - {Event}\n      */\n-    parseAttributes: function(node, type) {\n-        var attributes = {};\n-        for (var attr = 0; attr < node.attributes.length; attr++) {\n-            if (type == \"number\") {\n-                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue);\n-            } else {\n-                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue;\n-            }\n+    minimizeControl: function(e) {\n+\n+        // to minimize the control we set its div's width\n+        // and height to 0px, we cannot just set \"display\"\n+        // to \"none\" because it would hide the maximize\n+        // div\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n+\n+        this.showControls(true);\n+\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n-        return attributes;\n     },\n \n-\n     /**\n-     * Method: parsePointGeometry\n+     * Method: showControls\n+     * Hide/Show all LayerSwitcher controls depending on whether we are\n+     *     minimized or not\n      *\n      * Parameters:\n-     * node - {<DOMElement>} An element to parse <COORDS> or <POINT> arcxml data from.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry.LinearRing>} A linear ring represented by the node's points.\n+     * minimize - {Boolean}\n      */\n-    parsePointGeometry: function(node) {\n-        var ringPoints = [];\n-        var coords = node.getElementsByTagName(\"COORDS\");\n+    showControls: function(minimize) {\n \n-        if (coords.length > 0) {\n-            // if coords is present, it's the only coords item\n-            var coordArr = this.getChildValue(coords[0]);\n-            coordArr = coordArr.split(/;/);\n-            for (var cn = 0; cn < coordArr.length; cn++) {\n-                var coordItems = coordArr[cn].split(/ /);\n-                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]));\n-            }\n-            coords = null;\n-        } else {\n-            var point = node.getElementsByTagName(\"POINT\");\n-            if (point.length > 0) {\n-                for (var pn = 0; pn < point.length; pn++) {\n-                    ringPoints.push(\n-                        new OpenLayers.Geometry.Point(\n-                            parseFloat(point[pn].getAttribute(\"x\")),\n-                            parseFloat(point[pn].getAttribute(\"y\"))\n-                        )\n-                    );\n-                }\n-            }\n-            point = null;\n-        }\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n \n-        return new OpenLayers.Geometry.LinearRing(ringPoints);\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n-});\n+    /**\n+     * Method: loadContents\n+     * Set up the labels and divs for the control\n+     */\n+    loadContents: function() {\n \n-OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            get_image: {\n-                properties: {\n-                    background: null,\n-                    /*{ \n-                        color: { r:255, g:255, b:255 },\n-                        transcolor: null\n-                    },*/\n-                    draw: true,\n-                    envelope: {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    },\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    imagesize: {\n-                        height: 0,\n-                        width: 0,\n-                        dpi: 96,\n-                        printheight: 0,\n-                        printwidth: 0,\n-                        scalesymbols: false\n-                    },\n-                    layerlist: [],\n-                    /* no support for legends */\n-                    output: {\n-                        baseurl: \"\",\n-                        legendbaseurl: \"\",\n-                        legendname: \"\",\n-                        legendpath: \"\",\n-                        legendurl: \"\",\n-                        name: \"\",\n-                        path: \"\",\n-                        type: \"jpg\",\n-                        url: \"\"\n-                    }\n-                }\n-            },\n+        // layers list div\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n \n-            get_feature: {\n-                layer: \"\",\n-                query: {\n-                    isspatial: false,\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    buffer: 0,\n-                    where: \"\",\n-                    spatialfilter: {\n-                        relation: \"envelope_intersection\",\n-                        envelope: null\n-                    }\n-                }\n-            },\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n \n-            environment: {\n-                separators: {\n-                    cs: \" \",\n-                    ts: \";\"\n-                }\n-            },\n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n \n-            layer: [],\n-            workspaces: []\n-        };\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n \n-        return OpenLayers.Util.extend(this, defaults);\n-    },\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n \n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n-});\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+        } else {\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+        }\n \n-OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            image: {\n-                envelope: null,\n-                output: ''\n-            },\n+        this.div.appendChild(this.layersDiv);\n \n-            features: {\n-                featurecount: 0,\n-                envelope: null,\n-                feature: []\n-            },\n+        // maximize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MaximizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n \n-            error: ''\n-        };\n+        this.div.appendChild(this.maximizeDiv);\n \n-        return OpenLayers.Util.extend(this, defaults);\n+        // minimize button div\n+        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+            \"OpenLayers_Control_MinimizeDiv\",\n+            null,\n+            null,\n+            img,\n+            \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+\n+        this.div.appendChild(this.minimizeDiv);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/ArcIMS.js\n+    OpenLayers/Control/PanZoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/Grid.js\n- * @requires OpenLayers/Format/ArcXML.js\n- * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.ArcIMS\n- * Instances of OpenLayers.Layer.ArcIMS are used to display data from ESRI ArcIMS\n- *     Mapping Services. Create a new ArcIMS layer with the <OpenLayers.Layer.ArcIMS>\n- *     constructor.\n- * \n+ * Class: OpenLayers.Control.PanZoom\n+ * The PanZoom is a visible control, composed of a\n+ * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomPanel>. By\n+ * default it is drawn in the upper left corner of the map.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Default query string parameters.\n-     */\n-    DEFAULT_PARAMS: {\n-        ClientVersion: \"9.2\",\n-        ServiceName: ''\n-    },\n-\n-    /**\n-     * APIProperty: featureCoordSys\n-     * {String} Code for feature coordinate system.  Default is \"4326\".\n-     */\n-    featureCoordSys: \"4326\",\n+OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIProperty: filterCoordSys\n-     * {String} Code for filter coordinate system.  Default is \"4326\".\n+    /** \n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons.  If you want to pan by some ratio\n+     *     of the map dimensions, use <slideRatio> instead.\n      */\n-    filterCoordSys: \"4326\",\n+    slideFactor: 50,\n \n-    /**\n-     * APIProperty: layers\n-     * {Array} An array of objects with layer properties.\n+    /** \n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then the Pan Up\n+     *     button will pan up half the map height. \n      */\n-    layers: null,\n+    slideRatio: null,\n \n-    /**\n-     * APIProperty: async\n-     * {Boolean} Request images asynchronously.  Default is true.\n+    /** \n+     * Property: buttons\n+     * {Array(DOMElement)} Array of Button Divs \n      */\n-    async: true,\n+    buttons: null,\n \n-    /**\n-     * APIProperty: name\n-     * {String} Layer name.  Default is \"ArcIMS\".\n+    /** \n+     * Property: position\n+     * {<OpenLayers.Pixel>} \n      */\n-    name: \"ArcIMS\",\n+    position: null,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is true.\n+     * Constructor: OpenLayers.Control.PanZoom\n+     * \n+     * Parameters:\n+     * options - {Object}\n      */\n-    isBaseLayer: true,\n+    initialize: function(options) {\n+        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X,\n+            OpenLayers.Control.PanZoom.Y);\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    },\n \n     /**\n-     * Constant: DEFAULT_OPTIONS\n-     * {Object} Default layers properties.\n+     * APIMethod: destroy\n      */\n-    DEFAULT_OPTIONS: {\n-        tileSize: new OpenLayers.Size(512, 512),\n-        featureCoordSys: \"4326\",\n-        filterCoordSys: \"4326\",\n-        layers: null,\n-        isBaseLayer: true,\n-        async: true,\n-        name: \"ArcIMS\"\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        this.removeButtons();\n+        this.buttons = null;\n+        this.position = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    /**\n-     * Constructor: OpenLayers.Layer.ArcIMS\n-     * Create a new ArcIMS layer object.\n-     *\n-     * Example:\n-     * (code)\n-     * var arcims = new OpenLayers.Layer.ArcIMS(\n-     *     \"Global Sample\",\n-     *     \"http://sample.avencia.com/servlet/com.esri.esrimap.Esrimap\", \n-     *     {\n-     *         service: \"OpenLayers_Sample\", \n-     *         layers: [\n-     *             // layers to manipulate\n-     *             {id: \"1\", visible: true}\n-     *         ]\n-     *     }\n-     * );\n-     * (end)\n+    /** \n+     * Method: setMap\n      *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the ArcIMS server\n-     * options - {Object} Optional object with properties to be set on the\n-     *     layer.\n+     * Properties:\n+     * map - {<OpenLayers.Map>} \n      */\n-    initialize: function(name, url, options) {\n-\n-        this.tileSize = new OpenLayers.Size(512, 512);\n-\n-        // parameters\n-        this.params = OpenLayers.Util.applyDefaults({\n-                ServiceName: options.serviceName\n-            },\n-            this.DEFAULT_PARAMS\n-        );\n-        this.options = OpenLayers.Util.applyDefaults(\n-            options, this.DEFAULT_OPTIONS\n-        );\n-\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(\n-            this, [name, url, this.params, options]\n-        );\n-\n-        //layer is transparent        \n-        if (this.transparent) {\n-\n-            // unless explicitly set in options, make layer an overlay\n-            if (!this.isBaseLayer) {\n-                this.isBaseLayer = false;\n-            }\n-\n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.format == \"image/jpeg\") {\n-                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\";\n-            }\n-        }\n-\n-        // create an empty layer list if no layers specified in the options\n-        if (this.options.layers === null) {\n-            this.options.layers = [];\n-        }\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n     },\n \n     /**\n-     * Method: getURL\n-     * Return an image url this layer.\n+     * Method: draw\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *     request.\n-     *\n+     * px - {<OpenLayers.Pixel>} \n+     * \n      * Returns:\n-     * {String} A string with the map image's url.\n+     * {DOMElement} A reference to the container div for the PanZoom control.\n      */\n-    getURL: function(bounds) {\n-        var url = \"\";\n-        bounds = this.adjustBounds(bounds);\n-\n-        // create an arcxml request to generate the image\n-        var axlReq = new OpenLayers.Format.ArcXML(\n-            OpenLayers.Util.extend(this.options, {\n-                requesttype: \"image\",\n-                envelope: bounds.toArray(),\n-                tileSize: this.tileSize\n-            })\n-        );\n-\n-        // create a synchronous ajax request to get an arcims image\n-        var req = new OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            data: axlReq.write(),\n-            async: false\n-        });\n-\n-        // if the response exists\n-        if (req != null) {\n-            var doc = req.responseXML;\n+    draw: function(px) {\n+        // initialize our internal div\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position;\n \n-            if (!doc || !doc.documentElement) {\n-                doc = req.responseText;\n-            }\n+        // place the controls\n+        this.buttons = [];\n \n-            // create a new arcxml format to read the response\n-            var axlResp = new OpenLayers.Format.ArcXML();\n-            var arcxml = axlResp.read(doc);\n-            url = this.getUrlOrImage(arcxml.image.output);\n-        }\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n \n-        return url;\n+        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+        px.y = centered.y + sz.h;\n+        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n+        this._addButton(\"pandown\", \"south-mini.png\",\n+            centered.add(0, sz.h * 2), sz);\n+        this._addButton(\"zoomin\", \"zoom-plus-mini.png\",\n+            centered.add(0, sz.h * 3 + 5), sz);\n+        this._addButton(\"zoomworld\", \"zoom-world-mini.png\",\n+            centered.add(0, sz.h * 4 + 5), sz);\n+        this._addButton(\"zoomout\", \"zoom-minus-mini.png\",\n+            centered.add(0, sz.h * 5 + 5), sz);\n+        return this.div;\n     },\n \n-\n     /**\n-     * Method: getURLasync\n-     * Get an image url this layer asynchronously, and execute a callback\n-     *     when the image url is generated.\n-     *\n+     * Method: _addButton\n+     * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *     request.\n-     * callback - {Function} Function to call when image url is retrieved.\n-     * scope - {Object} The scope of the callback method.\n+     * id - {String} \n+     * img - {String} \n+     * xy - {<OpenLayers.Pixel>} \n+     * sz - {<OpenLayers.Size>} \n+     * \n+     * Returns:\n+     * {DOMElement} A Div (an alphaImageDiv, to be precise) that contains the\n+     *     image of the button, and has all the proper event handlers set.\n      */\n-    getURLasync: function(bounds, callback, scope) {\n-        bounds = this.adjustBounds(bounds);\n-\n-        // create an arcxml request to generate the image\n-        var axlReq = new OpenLayers.Format.ArcXML(\n-            OpenLayers.Util.extend(this.options, {\n-                requesttype: \"image\",\n-                envelope: bounds.toArray(),\n-                tileSize: this.tileSize\n-            })\n-        );\n-\n-        // create an asynchronous ajax request to get an arcims image\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            async: true,\n-            data: axlReq.write(),\n-            callback: function(req) {\n-                // process the response from ArcIMS, and call the callback function\n-                // to set the image URL\n-                var doc = req.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = req.responseText;\n-                }\n-\n-                // create a new arcxml format to read the response\n-                var axlResp = new OpenLayers.Format.ArcXML();\n-                var arcxml = axlResp.read(doc);\n+    _addButton: function(id, img, xy, sz) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(img);\n+        var btn = OpenLayers.Util.createAlphaImageDiv(\n+            this.id + \"_\" + id,\n+            xy, sz, imgLocation, \"absolute\");\n+        btn.style.cursor = \"pointer\";\n+        //we want to add the outer div\n+        this.div.appendChild(btn);\n+        btn.action = id;\n+        btn.className = \"olButton\";\n \n-                callback.call(scope, this.getUrlOrImage(arcxml.image.output));\n-            },\n-            scope: this\n-        });\n+        //we want to remember/reference the outer div\n+        this.buttons.push(btn);\n+        return btn;\n     },\n \n     /**\n-     * Method: getUrlOrImage\n-     * Extract a url or image from the ArcXML image output.\n-     *\n+     * Method: _removeButton\n+     * \n      * Parameters:\n-     * output - {Object} The image.output property of the object returned from\n-     *     the ArcXML format read method.\n-     *\n-     * Returns:\n-     * {String} A URL for an image (potentially with the data protocol).\n+     * btn - {Object}\n      */\n-    getUrlOrImage: function(output) {\n-        var ret = \"\";\n-        if (output.url) {\n-            // If the image response output url is a string, then the image\n-            // data is not inline.\n-            ret = output.url;\n-        } else if (output.data) {\n-            // The image data is inline and base64 encoded, create a data\n-            // url for the image.  This will only work for small images,\n-            // due to browser url length limits.\n-            ret = \"data:image/\" + output.type +\n-                \";base64,\" + output.data;\n-        }\n-        return ret;\n+    _removeButton: function(btn) {\n+        this.div.removeChild(btn);\n+        OpenLayers.Util.removeItem(this.buttons, btn);\n     },\n \n     /**\n-     * Method: setLayerQuery\n-     * Set the query definition on this layer. Query definitions are used to\n-     *     render parts of the spatial data in an image, and can be used to\n-     *     filter features or layers in the ArcIMS service.\n-     *\n-     * Parameters:\n-     * id - {String} The ArcIMS layer ID.\n-     * querydef - {Object} The query definition to apply to this layer.\n+     * Method: removeButtons\n      */\n-    setLayerQuery: function(id, querydef) {\n-        // find the matching layer, if it exists\n-        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n-            if (id == this.options.layers[lyr].id) {\n-                // replace this layer definition\n-                this.options.layers[lyr].query = querydef;\n-                return;\n-            }\n+    removeButtons: function() {\n+        for (var i = this.buttons.length - 1; i >= 0; --i) {\n+            this._removeButton(this.buttons[i]);\n         }\n-\n-        // no layer found, create a new definition\n-        this.options.layers.push({\n-            id: id,\n-            visible: true,\n-            query: querydef\n-        });\n     },\n \n     /**\n-     * Method: getFeatureInfo\n-     * Get feature information from ArcIMS.  Using the applied geometry, apply\n-     *     the options to the query (buffer, area/envelope intersection), and\n-     *     query the ArcIMS service.\n-     *\n-     * A note about accuracy:\n-     * ArcIMS interprets the accuracy attribute in feature requests to be\n-     *     something like the 'modulus' operator on feature coordinates,\n-     *     applied to the database geometry of the feature.  It doesn't round,\n-     *     so your feature coordinates may be up to (1 x accuracy) offset from\n-     *     the actual feature coordinates.  If the accuracy of the layer is not\n-     *     specified, the accuracy will be computed to be approximately 1\n-     *     feature coordinate per screen  pixel.\n+     * Method: onButtonClick\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.LonLat>} or {<OpenLayers.Geometry.Polygon>} The\n-     *     geometry to use when making the query. This should be a closed\n-     *     polygon for behavior approximating a free selection.\n-     * layer - {Object} The ArcIMS layer definition. This is an anonymous object\n-     *     that looks like:\n-     * (code)\n-     * {\n-     *     id: \"ArcXML layer ID\",  // the ArcXML layer ID\n-     *     query: {\n-     *         where: \"STATE = 'PA'\",  // the where clause of the query\n-     *         accuracy: 100           // the accuracy of the returned feature\n-     *     }\n-     * }\n-     * (end)\n-     * options - {Object} Object with non-default properties to set on the layer.\n-     *     Supported properties are buffer, callback, scope, and any other\n-     *     properties applicable to the ArcXML format.  Set the 'callback' and\n-     *     'scope' for an object and function to recieve the parsed features\n-     *     from ArcIMS.\n+     * evt - {Event}\n      */\n-    getFeatureInfo: function(geometry, layer, options) {\n-        // set the buffer to 1 unit (dd/m/ft?) by default\n-        var buffer = options.buffer || 1;\n-        // empty callback by default\n-        var callback = options.callback || function() {};\n-        // default scope is window (global)\n-        var scope = options.scope || window;\n-\n-        // apply these option to the request options\n-        var requestOptions = {};\n-        OpenLayers.Util.extend(requestOptions, this.options);\n-\n-        // this is a feature request\n-        requestOptions.requesttype = \"feature\";\n-\n-        if (geometry instanceof OpenLayers.LonLat) {\n-            // create an envelope if the geometry is really a lon/lat\n-            requestOptions.polygon = null;\n-            requestOptions.envelope = [\n-                geometry.lon - buffer,\n-                geometry.lat - buffer,\n-                geometry.lon + buffer,\n-                geometry.lat + buffer\n-            ];\n-        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n-            // use the polygon assigned, and empty the envelope\n-            requestOptions.envelope = null;\n-            requestOptions.polygon = geometry;\n-        }\n-\n-        // create an arcxml request to get feature requests\n-        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n-\n-        // apply any get feature options to the arcxml request\n-        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n-\n-        arcxml.request.get_feature.layer = layer.id;\n-        if (typeof layer.query.accuracy == \"number\") {\n-            // set the accuracy if it was specified\n-            arcxml.request.get_feature.query.accuracy = layer.query.accuracy;\n-        } else {\n-            // guess that the accuracy is 1 per screen pixel\n-            var mapCenter = this.map.getCenter();\n-            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n-            viewPx.x++;\n-            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n-            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon;\n+    onButtonClick: function(evt) {\n+        var btn = evt.buttonElement;\n+        switch (btn.action) {\n+            case \"panup\":\n+                this.map.pan(0, -this.getSlideFactor(\"h\"));\n+                break;\n+            case \"pandown\":\n+                this.map.pan(0, this.getSlideFactor(\"h\"));\n+                break;\n+            case \"panleft\":\n+                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"panright\":\n+                this.map.pan(this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"zoomin\":\n+                this.map.zoomIn();\n+                break;\n+            case \"zoomout\":\n+                this.map.zoomOut();\n+                break;\n+            case \"zoomworld\":\n+                this.map.zoomToMaxExtent();\n+                break;\n         }\n-\n-        // set the get_feature query to be the same as the layer passed in\n-        arcxml.request.get_feature.query.where = layer.query.where;\n-\n-        // use area_intersection\n-        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n-\n-        // create a new asynchronous request to get the feature info\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString({\n-                'CustomService': 'Query'\n-            }),\n-            data: arcxml.write(),\n-            callback: function(request) {\n-                // parse the arcxml response\n-                var response = arcxml.parseResponse(request.responseText);\n-\n-                if (!arcxml.iserror()) {\n-                    // if the arcxml is not an error, call the callback with the features parsed\n-                    callback.call(scope, response.features);\n-                } else {\n-                    // if the arcxml is an error, return null features selected\n-                    callback.call(scope, null);\n-                }\n-            }\n-        });\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n+     * Method: getSlideFactor\n+     *\n+     * Parameters:\n+     * dim - {String} \"w\" or \"h\" (for width or height).\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.ArcIMS>} An exact clone of this layer\n+     * {Number} The slide factor for panning in the requested direction.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcIMS(this.name,\n-                this.url,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n+    getSlideFactor: function(dim) {\n+        return this.slideRatio ?\n+            this.map.getSize()[dim] * this.slideRatio :\n+            this.slideFactor;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n+    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n });\n+\n+/**\n+ * Constant: X\n+ * {Integer}\n+ */\n+OpenLayers.Control.PanZoom.X = 4;\n+\n+/**\n+ * Constant: Y\n+ * {Integer}\n+ */\n+OpenLayers.Control.PanZoom.Y = 4;\n /* ======================================================================\n-    OpenLayers/Layer/WorldWind.js\n+    OpenLayers/Control/OverviewMap.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n-/**\n- * @requires OpenLayers/Layer/Grid.js\n+/** \n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/BaseTypes.js\n+ * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Map.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.WorldWind\n- * \n+ * Class: OpenLayers.Control.OverviewMap\n+ * The OverMap control creates a small overview map, useful to display the \n+ * extent of a zoomed map and your main map and provide additional \n+ * navigation options to the User.  By default the overview map is drawn in\n+ * the lower right corner of the main map. Create a new overview map with the\n+ * <OpenLayers.Control.OverviewMap> constructor.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    DEFAULT_PARAMS: {},\n+OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} WorldWind layer is a base layer by default.\n+     * Property: element\n+     * {DOMElement} The DOM element that contains the overview map\n      */\n-    isBaseLayer: true,\n+    element: null,\n \n-    /** \n-     * APIProperty: lzd\n-     * {Float} LevelZeroTileSizeDegrees\n+    /**\n+     * APIProperty: ovmap\n+     * {<OpenLayers.Map>} A reference to the overview map itself.\n      */\n-    lzd: null,\n+    ovmap: null,\n \n     /**\n-     * APIProperty: zoomLevels\n-     * {Integer} Number of zoom levels.\n+     * APIProperty: size\n+     * {<OpenLayers.Size>} The overvew map size in pixels.  Note that this is\n+     * the size of the map itself - the element that contains the map (default\n+     * class name olControlOverviewMapElement) may have padding or other style\n+     * attributes added via CSS.\n      */\n-    zoomLevels: null,\n+    size: {\n+        w: 180,\n+        h: 90\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.WorldWind\n-     * \n-     * Parameters:\n-     * name - {String} Name of Layer\n-     * url - {String} Base URL  \n-     * lzd - {Float} Level zero tile size degrees \n-     * zoomLevels - {Integer} number of zoom levels\n-     * params - {Object} additional parameters\n-     * options - {Object} additional options\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer>)} Ordered list of layers in the overview map.\n+     * If none are sent at construction, the base layer for the main map is used.\n      */\n-    initialize: function(name, url, lzd, zoomLevels, params, options) {\n-        this.lzd = lzd;\n-        this.zoomLevels = zoomLevels;\n-        var newArguments = [];\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        this.params = OpenLayers.Util.applyDefaults(\n-            this.params, this.DEFAULT_PARAMS\n-        );\n-    },\n+    layers: null,\n \n     /**\n-     * Method: getZoom\n-     * Convert map zoom to WW zoom.\n+     * APIProperty: minRectSize\n+     * {Integer} The minimum width or height (in pixels) of the extent\n+     *     rectangle on the overview map.  When the extent rectangle reaches\n+     *     this size, it will be replaced depending on the value of the\n+     *     <minRectDisplayClass> property.  Default is 15 pixels.\n      */\n-    getZoom: function() {\n-        var zoom = this.map.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n-        return zoom;\n-    },\n+    minRectSize: 15,\n \n     /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n+     * APIProperty: minRectDisplayClass\n+     * {String} Replacement style class name for the extent rectangle when\n+     *     <minRectSize> is reached.  This string will be suffixed on to the\n+     *     displayClass.  Default is \"RectReplacement\".\n      *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *           passed-in bounds and appropriate tile size specified as \n-     *           parameters\n+     * Example CSS declaration:\n+     * (code)\n+     * .olControlOverviewMapRectReplacement {\n+     *     overflow: hidden;\n+     *     cursor: move;\n+     *     background-image: url(\"img/overview_replacement.gif\");\n+     *     background-repeat: no-repeat;\n+     *     background-position: center;\n+     * }\n+     * (end)\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var zoom = this.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        var deg = this.lzd / Math.pow(2, this.getZoom());\n-        var x = Math.floor((bounds.left - extent.left) / deg);\n-        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n-        if (this.map.getResolution() <= (this.lzd / 512) &&\n-            this.getZoom() <= this.zoomLevels) {\n-            return this.getFullRequestString({\n-                L: zoom,\n-                X: x,\n-                Y: y\n-            });\n-        } else {\n-            return OpenLayers.Util.getImageLocation(\"blank.gif\");\n-        }\n+    minRectDisplayClass: \"RectReplacement\",\n \n-    },\n+    /**\n+     * APIProperty: minRatio\n+     * {Float} The ratio of the overview map resolution to the main map\n+     *     resolution at which to zoom farther out on the overview map.\n+     */\n+    minRatio: 8,\n \n-    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/ArcGIS93Rest.js\n-   ====================================================================== */\n+    /**\n+     * APIProperty: maxRatio\n+     * {Float} The ratio of the overview map resolution to the main map\n+     *     resolution at which to zoom farther in on the overview map.\n+     */\n+    maxRatio: 32,\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * APIProperty: mapOptions\n+     * {Object} An object containing any non-default properties to be sent to\n+     *     the overview map's map constructor.  These should include any\n+     *     non-default options that the main map was constructed with.\n+     */\n+    mapOptions: null,\n \n-/**\n- * @requires OpenLayers/Layer/Grid.js\n- */\n+    /**\n+     * APIProperty: autoPan\n+     * {Boolean} Always pan the overview map, so the extent marker remains in\n+     *     the center.  Default is false.  If true, when you drag the extent\n+     *     marker, the overview map will update itself so the marker returns\n+     *     to the center.\n+     */\n+    autoPan: false,\n \n-/**\n- * Class: OpenLayers.Layer.ArcGIS93Rest\n- * Instances of OpenLayers.Layer.ArcGIS93Rest are used to display data from\n- *     ESRI ArcGIS Server 9.3 (and up?) Mapping Services using the REST API.\n- *     Create a new ArcGIS93Rest layer with the <OpenLayers.Layer.ArcGIS93Rest>\n- *     constructor.  More detail on the REST API is available at\n- *     http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/index.html ;\n- *     specifically, the URL provided to this layer should be an export service\n- *     URL: http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html \n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    /**\n+     * Property: handlers\n+     * {Object}\n+     */\n+    handlers: null,\n \n     /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs \n+     * Property: resolutionFactor\n+     * {Object}\n      */\n-    DEFAULT_PARAMS: {\n-        format: \"png\"\n-    },\n+    resolutionFactor: 1,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Default is true for ArcGIS93Rest layer\n+     * APIProperty: maximized\n+     * {Boolean} Start as maximized (visible). Defaults to false.\n      */\n-    isBaseLayer: true,\n+    maximized: false,\n \n+    /**\n+     * APIProperty: maximizeTitle\n+     * {String}  This property is used for showing a tooltip over the  \n+     * maximize div. Defaults to \"\" (no title).\n+     */\n+    maximizeTitle: \"\",\n \n     /**\n-     * Constructor: OpenLayers.Layer.ArcGIS93Rest\n-     * Create a new ArcGIS93Rest layer object.\n-     *\n-     * Example:\n-     * (code)\n-     * var arcims = new OpenLayers.Layer.ArcGIS93Rest(\"MyName\",\n-     *                                    \"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StateCityHighway_USA/MapServer/export\", \n-     *                                    {\n-     *                                      layers: \"0,1,2\"\n-     *                                    });\n-     * (end)\n+     * APIProperty: minimizeTitle\n+     * {String}  This property is used for showing a tooltip over the  \n+     * minimize div. Defaults to \"\" (no title).\n+     */\n+    minimizeTitle: \"\",\n+\n+    /**\n+     * Constructor: OpenLayers.Control.OverviewMap\n+     * Create a new overview map\n      *\n      * Parameters:\n-     * name - {String} A name for the layer\n-     * url - {String} Base url for the ArcGIS server REST service\n-     * options - {Object} An object with key/value pairs representing the\n-     *                    options and option values.\n-     *\n-     * Valid Options:\n-     *        format - {String} MIME type of desired image type.\n-     *        layers - {String} Comma-separated list of layers to display.\n-     *        srs - {String} Projection ID.\n+     * options - {Object} Properties of this object will be set on the overview\n+     * map object.  Note, to set options on the map object contained in this\n+     * control, set <mapOptions> as one of the options properties.\n      */\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        //uppercase params\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(\n-            this.params,\n-            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n-        );\n-\n-        //layer is transparent        \n-        if (this.params.TRANSPARENT &&\n-            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-\n-            // unless explicitly set in options, make layer an overlay\n-            if ((options == null) || (!options.isBaseLayer)) {\n-                this.isBaseLayer = false;\n-            }\n-\n-            // jpegs can never be transparent, so intelligently switch the \n-            //  format, depending on the browser's capabilities\n-            if (this.params.FORMAT == \"jpg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" :\n-                    \"png\";\n-            }\n-        }\n+    initialize: function(options) {\n+        this.layers = [];\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.ArcGIS93Rest>} An exact clone of this layer\n+     * APIMethod: destroy\n+     * Deconstruct the control\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n+    destroy: function() {\n+        if (!this.mapDiv) { // we've already been destroyed\n+            return;\n+        }\n+        if (this.handlers.click) {\n+            this.handlers.click.destroy();\n+        }\n+        if (this.handlers.drag) {\n+            this.handlers.drag.destroy();\n         }\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n+        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n+        this.extentRectangle = null;\n \n-        return obj;\n-    },\n+        if (this.rectEvents) {\n+            this.rectEvents.destroy();\n+            this.rectEvents = null;\n+        }\n+\n+        if (this.ovmap) {\n+            this.ovmap.destroy();\n+            this.ovmap = null;\n+        }\n+\n+        this.element.removeChild(this.mapDiv);\n+        this.mapDiv = null;\n+\n+        this.div.removeChild(this.element);\n+        this.element = null;\n+\n+        if (this.maximizeDiv) {\n+            this.div.removeChild(this.maximizeDiv);\n+            this.maximizeDiv = null;\n+        }\n+\n+        if (this.minimizeDiv) {\n+            this.div.removeChild(this.minimizeDiv);\n+            this.minimizeDiv = null;\n+        }\n+\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            changebaselayer: this.baseLayerDraw,\n+            scope: this\n+        });\n \n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n \n     /**\n-     * Method: getURL\n-     * Return an image url this layer.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n-     *                                request.\n-     *\n-     * Returns:\n-     * {String} A string with the map image's url.\n+     * Method: draw\n+     * Render the control in the browser.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.layers.length === 0) {\n+            if (this.map.baseLayer) {\n+                var layer = this.map.baseLayer.clone();\n+                this.layers = [layer];\n+            } else {\n+                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n+                return this.div;\n+            }\n+        }\n \n-        // ArcGIS Server only wants the numeric portion of the projection ID.\n-        var projWords = this.projection.getCode().split(\":\");\n-        var srid = projWords[projWords.length - 1];\n+        // create overview map DOM elements\n+        this.element = document.createElement('div');\n+        this.element.className = this.displayClass + 'Element';\n+        this.element.style.display = 'none';\n \n-        var imageSize = this.getImageSize();\n-        var newParams = {\n-            'BBOX': bounds.toBBOX(),\n-            'SIZE': imageSize.w + \",\" + imageSize.h,\n-            // We always want image, the other options were json, image with a whole lotta html around it, etc.\n-            'F': \"image\",\n-            'BBOXSR': srid,\n-            'IMAGESR': srid\n-        };\n+        this.mapDiv = document.createElement('div');\n+        this.mapDiv.style.width = this.size.w + 'px';\n+        this.mapDiv.style.height = this.size.h + 'px';\n+        this.mapDiv.style.position = 'relative';\n+        this.mapDiv.style.overflow = 'hidden';\n+        this.mapDiv.id = OpenLayers.Util.createUniqueID('overviewMap');\n \n-        // Now add the filter parameters.\n-        if (this.layerDefs) {\n-            var layerDefStrList = [];\n-            var layerID;\n-            for (layerID in this.layerDefs) {\n-                if (this.layerDefs.hasOwnProperty(layerID)) {\n-                    if (this.layerDefs[layerID]) {\n-                        layerDefStrList.push(layerID);\n-                        layerDefStrList.push(\":\");\n-                        layerDefStrList.push(this.layerDefs[layerID]);\n-                        layerDefStrList.push(\";\");\n-                    }\n-                }\n+        this.extentRectangle = document.createElement('div');\n+        this.extentRectangle.style.position = 'absolute';\n+        this.extentRectangle.style.zIndex = 1000; //HACK\n+        this.extentRectangle.className = this.displayClass + 'ExtentRectangle';\n+\n+        this.element.appendChild(this.mapDiv);\n+\n+        this.div.appendChild(this.element);\n+\n+        // Optionally add min/max buttons if the control will go in the\n+        // map viewport.\n+        if (!this.outsideViewport) {\n+            this.div.className += \" \" + this.displayClass + 'Container';\n+            // maximize button div\n+            var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n+            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+                this.displayClass + 'MaximizeButton',\n+                null,\n+                null,\n+                img,\n+                'absolute');\n+            this.maximizeDiv.style.display = 'none';\n+            this.maximizeDiv.className = this.displayClass + 'MaximizeButton olButton';\n+            if (this.maximizeTitle) {\n+                this.maximizeDiv.title = this.maximizeTitle;\n             }\n-            if (layerDefStrList.length > 0) {\n-                newParams['LAYERDEFS'] = layerDefStrList.join(\"\");\n+            this.div.appendChild(this.maximizeDiv);\n+\n+            // minimize button div\n+            var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n+            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n+                'OpenLayers_Control_minimizeDiv',\n+                null,\n+                null,\n+                img,\n+                'absolute');\n+            this.minimizeDiv.style.display = 'none';\n+            this.minimizeDiv.className = this.displayClass + 'MinimizeButton olButton';\n+            if (this.minimizeTitle) {\n+                this.minimizeDiv.title = this.minimizeTitle;\n             }\n+            this.div.appendChild(this.minimizeDiv);\n+            this.minimizeControl();\n+        } else {\n+            // show the overview map\n+            this.element.style.display = '';\n         }\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString;\n+        if (this.map.getExtent()) {\n+            this.update();\n+        }\n+\n+        this.map.events.on({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            scope: this\n+        });\n+\n+        if (this.maximized) {\n+            this.maximizeControl();\n+        }\n+        return this.div;\n     },\n \n     /**\n-     * Method: setLayerFilter\n-     * addTile creates a tile, initializes it, and adds it to the layer div. \n+     * Method: baseLayerDraw\n+     * Draw the base layer - called if unable to complete in the initial draw\n+     */\n+    baseLayerDraw: function() {\n+        this.draw();\n+        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw);\n+    },\n+\n+    /**\n+     * Method: rectDrag\n+     * Handle extent rectangle drag\n      *\n      * Parameters:\n-     * id - {String} The id of the layer to which the filter applies.\n-     * queryDef - {String} A sql-ish query filter, for more detail see the ESRI\n-     *                     documentation at http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html\n+     * px - {<OpenLayers.Pixel>} The pixel location of the drag.\n      */\n-    setLayerFilter: function(id, queryDef) {\n-        if (!this.layerDefs) {\n-            this.layerDefs = {};\n+    rectDrag: function(px) {\n+        var deltaX = this.handlers.drag.last.x - px.x;\n+        var deltaY = this.handlers.drag.last.y - px.y;\n+        if (deltaX != 0 || deltaY != 0) {\n+            var rectTop = this.rectPxBounds.top;\n+            var rectLeft = this.rectPxBounds.left;\n+            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n+            var rectWidth = this.rectPxBounds.getWidth();\n+            // don't allow dragging off of parent element\n+            var newTop = Math.max(0, (rectTop - deltaY));\n+            newTop = Math.min(newTop,\n+                this.ovmap.size.h - this.hComp - rectHeight);\n+            var newLeft = Math.max(0, (rectLeft - deltaX));\n+            newLeft = Math.min(newLeft,\n+                this.ovmap.size.w - this.wComp - rectWidth);\n+            this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n+                newTop + rectHeight,\n+                newLeft + rectWidth,\n+                newTop));\n         }\n-        if (queryDef) {\n-            this.layerDefs[id] = queryDef;\n-        } else {\n-            delete this.layerDefs[id];\n+    },\n+\n+    /**\n+     * Method: mapDivClick\n+     * Handle browser events\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} evt\n+     */\n+    mapDivClick: function(evt) {\n+        var pxCenter = this.rectPxBounds.getCenterPixel();\n+        var deltaX = evt.xy.x - pxCenter.x;\n+        var deltaY = evt.xy.y - pxCenter.y;\n+        var top = this.rectPxBounds.top;\n+        var left = this.rectPxBounds.left;\n+        var height = Math.abs(this.rectPxBounds.getHeight());\n+        var width = this.rectPxBounds.getWidth();\n+        var newTop = Math.max(0, (top + deltaY));\n+        newTop = Math.min(newTop, this.ovmap.size.h - height);\n+        var newLeft = Math.max(0, (left + deltaX));\n+        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n+        this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n+            newTop + height,\n+            newLeft + width,\n+            newTop));\n+        this.updateMapToRect();\n+    },\n+\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        if (evt.buttonElement === this.minimizeDiv) {\n+            this.minimizeControl();\n+        } else if (evt.buttonElement === this.maximizeDiv) {\n+            this.maximizeControl();\n         }\n     },\n \n     /**\n-     * Method: clearLayerFilter\n-     * Clears layer filters, either from a specific layer,\n-     * or all of them.\n+     * Method: maximizeControl\n+     * Unhide the control.  Called when the control is in the map viewport.\n      *\n      * Parameters:\n-     * id - {String} The id of the layer from which to remove any\n-     *               filter.  If unspecified/blank, all filters\n-     *               will be removed.\n+     * e - {<OpenLayers.Event>}\n      */\n-    clearLayerFilter: function(id) {\n-        if (id) {\n-            delete this.layerDefs[id];\n-        } else {\n-            delete this.layerDefs;\n+    maximizeControl: function(e) {\n+        this.element.style.display = '';\n+        this.showToggle(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n         }\n     },\n \n     /**\n-     * APIMethod: mergeNewParams\n-     * Catch changeParams and uppercase the new params to be merged in\n-     *     before calling changeParams on the super class.\n-     * \n-     *     Once params have been changed, the tiles will be reloaded with\n-     *     the new parameters.\n+     * Method: minimizeControl\n+     * Hide all the contents of the control, shrink the size, \n+     * add the maximize icon\n      * \n      * Parameters:\n-     * newParams - {Object} Hashtable of new params to use\n+     * e - {<OpenLayers.Event>}\n      */\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n-            newArguments);\n+    minimizeControl: function(e) {\n+        this.element.style.display = 'none';\n+        this.showToggle(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e);\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/XYZ.js\n-   ====================================================================== */\n+    /**\n+     * Method: showToggle\n+     * Hide/Show the toggle depending on whether the control is minimized\n+     *\n+     * Parameters:\n+     * minimize - {Boolean} \n+     */\n+    showToggle: function(minimize) {\n+        if (this.maximizeDiv) {\n+            this.maximizeDiv.style.display = minimize ? '' : 'none';\n+        }\n+        if (this.minimizeDiv) {\n+            this.minimizeDiv.style.display = minimize ? 'none' : '';\n+        }\n+    },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * Method: update\n+     * Update the overview map after layers move.\n+     */\n+    update: function() {\n+        if (this.ovmap == null) {\n+            this.createMap();\n+        }\n \n-/**\n- * @requires OpenLayers/Layer/Grid.js\n- */\n+        if (this.autoPan || !this.isSuitableOverview()) {\n+            this.updateOverview();\n+        }\n \n-/** \n- * Class: OpenLayers.Layer.XYZ\n- * The XYZ class is designed to make it easier for people who have tiles\n- * arranged by a standard XYZ grid. \n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+        // update extent rectangle\n+        this.updateRectToMap();\n+    },\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * Default is true, as this is designed to be a base tile source. \n+     * Method: isSuitableOverview\n+     * Determines if the overview map is suitable given the extent and\n+     * resolution of the main map.\n      */\n-    isBaseLayer: true,\n+    isSuitableOverview: function() {\n+        var mapExtent = this.map.getExtent();\n+        var maxExtent = this.map.getMaxExtent();\n+        var testExtent = new OpenLayers.Bounds(\n+            Math.max(mapExtent.left, maxExtent.left),\n+            Math.max(mapExtent.bottom, maxExtent.bottom),\n+            Math.min(mapExtent.right, maxExtent.right),\n+            Math.min(mapExtent.top, maxExtent.top));\n+\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            testExtent = testExtent.transform(\n+                this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        }\n+\n+        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n+        return ((resRatio > this.minRatio) &&\n+            (resRatio <= this.maxRatio) &&\n+            (this.ovmap.getExtent().containsBounds(testExtent)));\n+    },\n \n     /**\n-     * APIProperty: sphericalMercator\n-     * Whether the tile extents should be set to the defaults for \n-     *    spherical mercator. Useful for things like OpenStreetMap.\n-     *    Default is false, except for the OSM subclass.\n+     * Method updateOverview\n+     * Called by <update> if <isSuitableOverview> returns true\n      */\n-    sphericalMercator: false,\n+    updateOverview: function() {\n+        var mapRes = this.map.getResolution();\n+        var targetRes = this.ovmap.getResolution();\n+        var resRatio = targetRes / mapRes;\n+        if (resRatio > this.maxRatio) {\n+            // zoom in overview map\n+            targetRes = this.minRatio * mapRes;\n+        } else if (resRatio <= this.minRatio) {\n+            // zoom out overview map\n+            targetRes = this.maxRatio * mapRes;\n+        }\n+        var center;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            center = this.map.center.clone();\n+            center.transform(this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        } else {\n+            center = this.map.center;\n+        }\n+        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(\n+            targetRes * this.resolutionFactor));\n+        this.updateRectToMap();\n+    },\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n+     * Method: createMap\n+     * Construct the map that this control contains\n      */\n-    zoomOffset: 0,\n+    createMap: function() {\n+        // create the overview map\n+        var options = OpenLayers.Util.extend({\n+            controls: [],\n+            maxResolution: 'auto',\n+            fallThrough: false\n+        }, this.mapOptions);\n+        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n+        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n+\n+        // prevent ovmap from being destroyed when the page unloads, because\n+        // the OverviewMap control has to do this (and does it).\n+        OpenLayers.Event.stopObserving(window, 'unload', this.ovmap.unloadDestroy);\n+\n+        this.ovmap.addLayers(this.layers);\n+        this.ovmap.zoomToMaxExtent();\n+        // check extent rectangle border width\n+        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-left-width')) +\n+            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-right-width'));\n+        this.wComp = (this.wComp) ? this.wComp : 2;\n+        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-top-width')) +\n+            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n+                'border-bottom-width'));\n+        this.hComp = (this.hComp) ? this.hComp : 2;\n+\n+        this.handlers.drag = new OpenLayers.Handler.Drag(\n+            this, {\n+                move: this.rectDrag,\n+                done: this.updateMapToRect\n+            }, {\n+                map: this.ovmap\n+            }\n+        );\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, {\n+                \"click\": this.mapDivClick\n+            }, {\n+                \"single\": true,\n+                \"double\": false,\n+                \"stopSingle\": true,\n+                \"stopDouble\": true,\n+                \"pixelTolerance\": 1,\n+                map: this.ovmap\n+            }\n+        );\n+        this.handlers.click.activate();\n+\n+        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle,\n+            null, true);\n+        this.rectEvents.register(\"mouseover\", this, function(e) {\n+            if (!this.handlers.drag.active && !this.map.dragging) {\n+                this.handlers.drag.activate();\n+            }\n+        });\n+        this.rectEvents.register(\"mouseout\", this, function(e) {\n+            if (!this.handlers.drag.dragging) {\n+                this.handlers.drag.deactivate();\n+            }\n+        });\n+\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            var sourceUnits = this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units;\n+            var targetUnits = this.ovmap.getProjectionObject().getUnits() ||\n+                this.ovmap.units || this.ovmap.baseLayer.units;\n+            this.resolutionFactor = sourceUnits && targetUnits ?\n+                OpenLayers.INCHES_PER_UNIT[sourceUnits] /\n+                OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+        }\n+    },\n \n     /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n+     * Method: updateRectToMap\n+     * Updates the extent rectangle position and size to match the map extent\n      */\n-    serverResolutions: null,\n+    updateRectToMap: function() {\n+        // If the projections differ we need to reproject\n+        var bounds;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            bounds = this.map.getExtent().transform(\n+                this.map.getProjectionObject(),\n+                this.ovmap.getProjectionObject());\n+        } else {\n+            bounds = this.map.getExtent();\n+        }\n+        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n+        if (pxBounds) {\n+            this.setRectPxBounds(pxBounds);\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.XYZ\n+     * Method: updateMapToRect\n+     * Updates the map extent to match the extent rectangle position and size\n+     */\n+    updateMapToRect: function() {\n+        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            lonLatBounds = lonLatBounds.transform(\n+                this.ovmap.getProjectionObject(),\n+                this.map.getProjectionObject());\n+        }\n+        this.map.panTo(lonLatBounds.getCenterLonLat());\n+    },\n+\n+    /**\n+     * Method: setRectPxBounds\n+     * Set extent rectangle pixel bounds.\n      *\n      * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * pxBounds - {<OpenLayers.Bounds>}\n      */\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options);\n+    setRectPxBounds: function(pxBounds) {\n+        var top = Math.max(pxBounds.top, 0);\n+        var left = Math.max(pxBounds.left, 0);\n+        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()),\n+            this.ovmap.size.h - this.hComp);\n+        var right = Math.min(pxBounds.left + pxBounds.getWidth(),\n+            this.ovmap.size.w - this.wComp);\n+        var width = Math.max(right - left, 0);\n+        var height = Math.max(bottom - top, 0);\n+        if (width < this.minRectSize || height < this.minRectSize) {\n+            this.extentRectangle.className = this.displayClass +\n+                this.minRectDisplayClass;\n+            var rLeft = left + (width / 2) - (this.minRectSize / 2);\n+            var rTop = top + (height / 2) - (this.minRectSize / 2);\n+            this.extentRectangle.style.top = Math.round(rTop) + 'px';\n+            this.extentRectangle.style.left = Math.round(rLeft) + 'px';\n+            this.extentRectangle.style.height = this.minRectSize + 'px';\n+            this.extentRectangle.style.width = this.minRectSize + 'px';\n+        } else {\n+            this.extentRectangle.className = this.displayClass +\n+                'ExtentRectangle';\n+            this.extentRectangle.style.top = Math.round(top) + 'px';\n+            this.extentRectangle.style.left = Math.round(left) + 'px';\n+            this.extentRectangle.style.height = Math.round(height) + 'px';\n+            this.extentRectangle.style.width = Math.round(width) + 'px';\n         }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name || this.name, url || this.url, {},\n-            options\n-        ]);\n+        this.rectPxBounds = new OpenLayers.Bounds(\n+            Math.round(left), Math.round(bottom),\n+            Math.round(right), Math.round(top)\n+        );\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n+     * Method: getRectBoundsFromMapBounds\n+     * Get the rect bounds from the map bounds.\n      *\n      * Parameters:\n-     * obj - {Object} Is this ever used?\n-     * \n+     * lonLatBounds - {<OpenLayers.Bounds>}\n+     *\n      * Returns:\n-     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+     * {<OpenLayers.Bounds>}A bounds which is the passed-in map lon/lat extent\n+     * translated into pixel bounds for the overview map\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name,\n-                this.url,\n-                this.getOptions());\n+    getRectBoundsFromMapBounds: function(lonLatBounds) {\n+        var leftBottomPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.left,\n+            lat: lonLatBounds.bottom\n+        });\n+        var rightTopPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.right,\n+            lat: lonLatBounds.top\n+        });\n+        var bounds = null;\n+        if (leftBottomPx && rightTopPx) {\n+            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y,\n+                rightTopPx.x, rightTopPx.y);\n         }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n+        return bounds;\n     },\n \n     /**\n-     * Method: getURL\n+     * Method: getMapBoundsFromRectBounds\n+     * Get the map bounds from the rect bounds.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * pxBounds - {<OpenLayers.Bounds>}\n      *\n      * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n+     * {<OpenLayers.Bounds>} Bounds which is the passed-in overview rect bounds\n+     * translated into lon/lat bounds for the overview map\n      */\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = '' + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url);\n-        }\n-\n-        return OpenLayers.String.format(url, xyz);\n+    getMapBoundsFromRectBounds: function(pxBounds) {\n+        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.left,\n+            y: pxBounds.bottom\n+        });\n+        var rightTopLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.right,\n+            y: pxBounds.top\n+        });\n+        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat,\n+            rightTopLonLat.lon, rightTopLonLat.lat);\n     },\n \n     /**\n-     * Method: getXYZ\n-     * Calculates x, y and z for the given bounds.\n+     * Method: getLonLatFromOverviewPx\n+     * Get a map location from a pixel location\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * overviewMapPx - {<OpenLayers.Pixel>|Object} OpenLayers.Pixel or\n+     *                                             an object with a\n+     *                                             'x' and 'y' properties.\n      *\n      * Returns:\n-     * {Object} - an object with x, y and z properties.\n+     * {Object} Location which is the passed-in overview map\n+     * OpenLayers.Pixel, translated into lon/lat by the overview\n+     * map. An object with a 'lon' and 'lat' properties.\n      */\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) /\n-            (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) /\n-            (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n+    getLonLatFromOverviewPx: function(overviewMapPx) {\n+        var size = this.ovmap.size;\n+        var res = this.ovmap.getResolution();\n+        var center = this.ovmap.getExtent().getCenterLonLat();\n \n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = ((x % limit) + limit) % limit;\n-        }\n+        var deltaX = overviewMapPx.x - (size.w / 2);\n+        var deltaY = overviewMapPx.y - (size.h / 2);\n \n         return {\n-            'x': x,\n-            'y': y,\n-            'z': z\n+            lon: center.lon + deltaX * res,\n+            lat: center.lat - deltaY * res\n         };\n     },\n \n-    /* APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n-     * \n+    /**\n+     * Method: getOverviewPxFromLonLat\n+     * Get a pixel location from a map location\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n+     *     object with a 'lon' and 'lat' properties.\n+     *\n+     * Returns:\n+     * {Object} Location which is the passed-in OpenLayers.LonLat, \n+     * translated into overview map pixels\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n-                this.maxExtent.bottom);\n+    getOverviewPxFromLonLat: function(lonlat) {\n+        var res = this.ovmap.getResolution();\n+        var extent = this.ovmap.getExtent();\n+        if (extent) {\n+            return {\n+                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n+                y: Math.round(1 / res * (extent.top - lonlat.lat))\n+            };\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+    CLASS_NAME: 'OpenLayers.Control.OverviewMap'\n });\n /* ======================================================================\n-    OpenLayers/Tile/UTFGrid.js\n+    OpenLayers/Format/WMSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Tile.js\n- * @requires OpenLayers/Format/JSON.js\n- * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Format/XML.js\n  */\n \n /**\n- * Class: OpenLayers.Tile.UTFGrid\n- * Instances of OpenLayers.Tile.UTFGrid are used to manage \n- * UTFGrids. This is an unusual tile type in that it doesn't have a\n- * rendered image; only a 'hit grid' that can be used to \n- * look up feature attributes.\n- *\n- * See the <OpenLayers.Tile.UTFGrid> constructor for details on constructing a\n- * new instance.\n+ * Class: OpenLayers.Format.WMSGetFeatureInfo\n+ * Class to read GetFeatureInfo responses from Web Mapping Services\n  *\n  * Inherits from:\n- *  - <OpenLayers.Tile>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n+OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n \n-    /** \n-     * Property: url\n-     * {String}\n-     * The URL of the UTFGrid file being requested. Provided by the <getURL>\n-     *     method. \n+    /**\n+     * APIProperty: layerIdentifier\n+     * {String} All xml nodes containing this search criteria will populate an\n+     *     internal array of layer nodes.\n      */\n-    url: null,\n+    layerIdentifier: '_layer',\n \n     /**\n-     * Property: utfgridResolution\n-     * {Number}\n-     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n-     *     entry in the grid represents a 4x4 block of pixels, the \n-     *     utfgridResolution would be 4.  Default is 2.\n+     * APIProperty: featureIdentifier\n+     * {String} All xml nodes containing this search criteria will populate an \n+     *     internal array of feature nodes for each layer node found.\n      */\n-    utfgridResolution: 2,\n+    featureIdentifier: '_feature',\n \n-    /** \n-     * Property: json\n-     * {Object}\n-     * Stores the parsed JSON tile data structure. \n+    /**\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n      */\n-    json: null,\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n \n-    /** \n-     * Property: format\n-     * {OpenLayers.Format.JSON}\n-     * Parser instance used to parse JSON for cross browser support.  The native\n-     *     JSON.parse method will be used where available (all except IE<8).\n+    /**\n+     * Property: gmlFormat\n+     * {<OpenLayers.Format.GML>} internal GML format for parsing geometries\n+     *     in msGMLOutput\n      */\n-    format: null,\n+    gmlFormat: null,\n \n-    /** \n-     * Constructor: OpenLayers.Tile.UTFGrid\n-     * Constructor for a new <OpenLayers.Tile.UTFGrid> instance.\n-     * \n+    /**\n+     * Constructor: OpenLayers.Format.WMSGetFeatureInfo\n+     * Create a new parser for WMS GetFeatureInfo responses\n+     *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n-     * position - {<OpenLayers.Pixel>}\n-     * bounds - {<OpenLayers.Bounds>}\n-     * url - {<String>} Deprecated. Remove me in 3.0.\n-     * size - {<OpenLayers.Size>}\n-     * options - {Object}\n-     */\n-\n-    /** \n-     * APIMethod: destroy\n-     * Clean up.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    destroy: function() {\n-        this.clear();\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n-    },\n \n     /**\n-     * Method: draw\n-     * Check that a tile should be drawn, and draw it.\n-     * In the case of UTFGrids, \"drawing\" it means fetching and\n-     * parsing the json. \n-     * \n+     * APIMethod: read\n+     * Read WMS GetFeatureInfo data from a string, and return an array of features\n+     *\n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n      * Returns:\n-     * {Boolean} Was a tile drawn?\n+     * {Array(<OpenLayers.Feature.Vector>)} An array of features.\n      */\n-    draw: function() {\n-        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (drawn) {\n-            if (this.isLoading) {\n-                this.abortLoading();\n-                //if we're already loading, send 'reload' instead of 'loadstart'.\n-                this.events.triggerEvent(\"reload\");\n-            } else {\n-                this.isLoading = true;\n-                this.events.triggerEvent(\"loadstart\");\n-            }\n-            this.url = this.layer.getURL(this.bounds);\n-\n-            if (this.layer.useJSONP) {\n-                // Use JSONP method to avoid xbrowser policy\n-                var ols = new OpenLayers.Protocol.Script({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        this.json = response.data;\n-                    },\n-                    scope: this\n-                });\n-                ols.read();\n-                this.request = ols;\n+    read: function(data) {\n+        var result;\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n+        var root = data.documentElement;\n+        if (root) {\n+            var scope = this;\n+            var read = this[\"read_\" + root.nodeName];\n+            if (read) {\n+                result = read.call(this, root);\n             } else {\n-                // Use standard XHR\n-                this.request = OpenLayers.Request.GET({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        if (response.status === 200) {\n-                            this.parseData(response.responseText);\n-                        }\n-                    },\n-                    scope: this\n-                });\n+                // fall-back to GML since this is a common output format for WMS\n+                // GetFeatureInfo responses\n+                result = new OpenLayers.Format.GML((this.options ? this.options : {})).read(data);\n             }\n         } else {\n-            this.unload();\n+            result = data;\n         }\n-        return drawn;\n+        return result;\n     },\n \n+\n     /**\n-     * Method: abortLoading\n-     * Cancel a pending request.\n+     * Method: read_msGMLOutput\n+     * Parse msGMLOutput nodes.\n+     *\n+     * Parameters:\n+     * data - {DOMElement}\n+     *\n+     * Returns:\n+     * {Array}\n      */\n-    abortLoading: function() {\n-        if (this.request) {\n-            this.request.abort();\n-            delete this.request;\n+    read_msGMLOutput: function(data) {\n+        var response = [];\n+        var layerNodes = this.getSiblingNodesByTagCriteria(data,\n+            this.layerIdentifier);\n+        if (layerNodes) {\n+            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n+                var node = layerNodes[i];\n+                var layerName = node.nodeName;\n+                if (node.prefix) {\n+                    layerName = layerName.split(':')[1];\n+                }\n+                var layerName = layerName.replace(this.layerIdentifier, '');\n+                var featureNodes = this.getSiblingNodesByTagCriteria(node,\n+                    this.featureIdentifier);\n+                if (featureNodes) {\n+                    for (var j = 0; j < featureNodes.length; j++) {\n+                        var featureNode = featureNodes[j];\n+                        var geomInfo = this.parseGeometry(featureNode);\n+                        var attributes = this.parseAttributes(featureNode);\n+                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry,\n+                            attributes, null);\n+                        feature.bounds = geomInfo.bounds;\n+                        feature.type = layerName;\n+                        response.push(feature);\n+                    }\n+                }\n+            }\n         }\n-        this.isLoading = false;\n+        return response;\n     },\n \n     /**\n-     * Method: getFeatureInfo\n-     * Get feature information associated with a pixel offset.  If the pixel\n-     *     offset corresponds to a feature, the returned object will have id\n-     *     and data properties.  Otherwise, null will be returned.\n-     *     \n+     * Method: read_FeatureInfoResponse\n+     * Parse FeatureInfoResponse nodes.\n      *\n      * Parameters:\n-     * i - {Number} X-axis pixel offset (from top left of tile)\n-     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     * data - {DOMElement}\n      *\n      * Returns:\n-     * {Object} Object with feature id and data properties corresponding to the \n-     *     given pixel offset.\n+     * {Array}\n      */\n-    getFeatureInfo: function(i, j) {\n-        var info = null;\n-        if (this.json) {\n-            var id = this.getFeatureId(i, j);\n-            if (id !== null) {\n-                info = {\n-                    id: id,\n-                    data: this.json.data[id]\n-                };\n+    read_FeatureInfoResponse: function(data) {\n+        var response = [];\n+        var featureNodes = this.getElementsByTagNameNS(data, '*',\n+            'FIELDS');\n+\n+        for (var i = 0, len = featureNodes.length; i < len; i++) {\n+            var featureNode = featureNodes[i];\n+            var geom = null;\n+\n+            // attributes can be actual attributes on the FIELDS tag, \n+            // or FIELD children\n+            var attributes = {};\n+            var j;\n+            var jlen = featureNode.attributes.length;\n+            if (jlen > 0) {\n+                for (j = 0; j < jlen; j++) {\n+                    var attribute = featureNode.attributes[j];\n+                    attributes[attribute.nodeName] = attribute.nodeValue;\n+                }\n+            } else {\n+                var nodes = featureNode.childNodes;\n+                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n+                    var node = nodes[j];\n+                    if (node.nodeType != 3) {\n+                        attributes[node.getAttribute(\"name\")] =\n+                            node.getAttribute(\"value\");\n+                    }\n+                }\n             }\n+\n+            response.push(\n+                new OpenLayers.Feature.Vector(geom, attributes, null)\n+            );\n         }\n-        return info;\n+        return response;\n     },\n \n     /**\n-     * Method: getFeatureId\n-     * Get the identifier for the feature associated with a pixel offset.\n-     *\n+     * Method: getSiblingNodesByTagCriteria\n+     * Recursively searches passed xml node and all it's descendant levels for \n+     *     nodes whose tagName contains the passed search string. This returns an \n+     *     array of all sibling nodes which match the criteria from the highest \n+     *     hierarchial level from which a match is found.\n+     * \n      * Parameters:\n-     * i - {Number} X-axis pixel offset (from top left of tile)\n-     * j - {Number} Y-axis pixel offset (from top left of tile)\n-     *\n+     * node - {DOMElement} An xml node\n+     * criteria - {String} Search string which will match some part of a tagName \n+     *                                       \n      * Returns:\n-     * {Object} The feature identifier corresponding to the given pixel offset.\n-     *     Returns null if pixel doesn't correspond to a feature.\n+     * Array({DOMElement}) An array of sibling xml nodes\n      */\n-    getFeatureId: function(i, j) {\n-        var id = null;\n-        if (this.json) {\n-            var resolution = this.utfgridResolution;\n-            var row = Math.floor(j / resolution);\n-            var col = Math.floor(i / resolution);\n-            var charCode = this.json.grid[row].charCodeAt(col);\n-            var index = this.indexFromCharCode(charCode);\n-            var keys = this.json.keys;\n-            if (!isNaN(index) && (index in keys)) {\n-                id = keys[index];\n+    getSiblingNodesByTagCriteria: function(node, criteria) {\n+        var nodes = [];\n+        var children, tagName, n, matchNodes, child;\n+        if (node && node.hasChildNodes()) {\n+            children = node.childNodes;\n+            n = children.length;\n+\n+            for (var k = 0; k < n; k++) {\n+                child = children[k];\n+                while (child && child.nodeType != 1) {\n+                    child = child.nextSibling;\n+                    k++;\n+                }\n+                tagName = (child ? child.nodeName : '');\n+                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n+                    nodes.push(child);\n+                } else {\n+                    matchNodes = this.getSiblingNodesByTagCriteria(\n+                        child, criteria);\n+\n+                    if (matchNodes.length > 0) {\n+                        (nodes.length == 0) ?\n+                        nodes = matchNodes: nodes.push(matchNodes);\n+                    }\n+                }\n             }\n+\n         }\n-        return id;\n+        return nodes;\n     },\n \n     /**\n-     * Method: indexFromCharCode\n-     * Given a character code for one of the UTFGrid \"grid\" characters, \n-     *     resolve the integer index for the feature id in the UTFGrid \"keys\"\n-     *     array.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * charCode - {Integer}\n+     * node - {<DOMElement>}\n      *\n      * Returns:\n-     * {Integer} Index for the feature id from the keys array.\n+     * {Object} An attributes object.\n+     * \n+     * Notes:\n+     * Assumes that attributes are direct child xml nodes of the passed node\n+     * and contain only a single text node. \n      */\n-    indexFromCharCode: function(charCode) {\n-        if (charCode >= 93) {\n-            charCode--;\n-        }\n-        if (charCode >= 35) {\n-            charCode--;\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+        if (node.nodeType == 1) {\n+            var children = node.childNodes;\n+            var n = children.length;\n+            for (var i = 0; i < n; ++i) {\n+                var child = children[i];\n+                if (child.nodeType == 1) {\n+                    var grandchildren = child.childNodes;\n+                    var name = (child.prefix) ?\n+                        child.nodeName.split(\":\")[1] : child.nodeName;\n+                    if (grandchildren.length == 0) {\n+                        attributes[name] = null;\n+                    } else if (grandchildren.length == 1) {\n+                        var grandchild = grandchildren[0];\n+                        if (grandchild.nodeType == 3 ||\n+                            grandchild.nodeType == 4) {\n+                            var value = grandchild.nodeValue.replace(\n+                                this.regExes.trimSpace, \"\");\n+                            attributes[name] = value;\n+                        }\n+                    }\n+                }\n+            }\n         }\n-        return charCode - 32;\n+        return attributes;\n     },\n \n     /**\n-     * Method: parseData\n-     * Parse the JSON from a request\n+     * Method: parseGeometry\n+     * Parse the geometry and the feature bounds out of the node using \n+     *     Format.GML\n      *\n      * Parameters:\n-     * str - {String} UTFGrid as a JSON string. \n-     * \n+     * node - {<DOMElement>}\n+     *\n      * Returns:\n-     * {Object} parsed javascript data\n+     * {Object} An object containing the geometry and the feature bounds\n      */\n-    parseData: function(str) {\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.JSON();\n+    parseGeometry: function(node) {\n+        // we need to use the old Format.GML parser since we do not know the \n+        // geometry name\n+        if (!this.gmlFormat) {\n+            this.gmlFormat = new OpenLayers.Format.GML();\n         }\n-        this.json = this.format.read(str);\n-    },\n-\n-    /** \n-     * Method: clear\n-     * Delete data stored with this tile.\n-     */\n-    clear: function() {\n-        this.json = null;\n+        var feature = this.gmlFormat.parseFeature(node);\n+        var geometry, bounds = null;\n+        if (feature) {\n+            geometry = feature.geometry && feature.geometry.clone();\n+            bounds = feature.bounds && feature.bounds.clone();\n+            feature.destroy();\n+        }\n+        return {\n+            geometry: geometry,\n+            bounds: bounds\n+        };\n     },\n \n-    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n \n });\n /* ======================================================================\n-    OpenLayers/Layer/UTFGrid.js\n+    OpenLayers/Control/WMSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Layer/XYZ.js\n- * @requires OpenLayers/Tile/UTFGrid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Handler/Hover.js\n+ * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Format/WMSGetFeatureInfo.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.UTFGrid\n- * This Layer reads from UTFGrid tiled data sources.  Since UTFGrids are \n- * essentially JSON-based ASCII art with attached attributes, they are not \n- * visibly rendered.  In order to use them in the map, you must add a \n- * <OpenLayers.Control.UTFGrid> control as well.\n- *\n- * Example:\n- *\n- * (start code)\n- * var world_utfgrid = new OpenLayers.Layer.UTFGrid({\n- *     url: \"/tiles/world_utfgrid/${z}/${x}/${y}.json\",\n- *     utfgridResolution: 4,\n- *     displayInLayerSwitcher: false\n- * );\n- * map.addLayer(world_utfgrid);\n- * \n- * var control = new OpenLayers.Control.UTFGrid({\n- *     layers: [world_utfgrid],\n- *     handlerMode: 'move',\n- *     callback: function(dataLookup) {\n- *         // do something with returned data\n- *     }\n- * })\n- * (end code)\n+/**\n+ * Class: OpenLayers.Control.WMSGetFeatureInfo\n+ * The WMSGetFeatureInfo control uses a WMS query to get information about a point on the map.  The\n+ * information may be in a display-friendly format such as HTML, or a machine-friendly format such\n+ * as GML, depending on the server's capabilities and the client's configuration.  This control\n+ * handles click or hover events, attempts to parse the results using an OpenLayers.Format, and\n+ * fires a 'getfeatureinfo' event with the click position, the raw body of the response, and an\n+ * array of features if it successfully read the response.\n  *\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * Default is false, as UTFGrids are designed to be a transparent overlay layer. \n+     * APIProperty: hover\n+     * {Boolean} Send GetFeatureInfo requests when mouse stops moving.\n+     *     Default is false.\n      */\n-    isBaseLayer: false,\n+    hover: false,\n \n     /**\n-     * APIProperty: projection\n-     * {<OpenLayers.Projection>}\n-     * Source projection for the UTFGrids.  Default is \"EPSG:900913\".\n+     * APIProperty: drillDown\n+     * {Boolean} Drill down over all WMS layers in the map. When\n+     *     using drillDown mode, hover is not possible, and an infoFormat that\n+     *     returns parseable features is required. Default is false.\n      */\n-    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n+    drillDown: false,\n \n     /**\n-     * Property: useJSONP\n-     * {Boolean}\n-     * Should we use a JSONP script approach instead of a standard AJAX call?\n-     *\n-     * Set to true for using utfgrids from another server. \n-     * Avoids same-domain policy restrictions. \n-     * Note that this only works if the server accepts \n-     * the callback GET parameter and dynamically \n-     * wraps the returned json in a function call.\n-     * \n-     * Default is false\n+     * APIProperty: maxFeatures\n+     * {Integer} Maximum number of features to return from a WMS query. This\n+     *     sets the feature_count parameter on WMS GetFeatureInfo\n+     *     requests.\n      */\n-    useJSONP: false,\n+    maxFeatures: 10,\n \n     /**\n-     * APIProperty: url\n-     * {String}\n-     * URL tempate for UTFGrid tiles.  Include x, y, and z parameters.\n-     * E.g. \"/tiles/${z}/${x}/${y}.json\"\n+     * APIProperty: clickCallback\n+     * {String} The click callback to register in the\n+     *     {<OpenLayers.Handler.Click>} object created when the hover\n+     *     option is set to false. Default is \"click\".\n      */\n+    clickCallback: \"click\",\n \n     /**\n-     * APIProperty: utfgridResolution\n-     * {Number}\n-     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n-     *     entry in the grid represents a 4x4 block of pixels, the \n-     *     utfgridResolution would be 4.  Default is 2 (specified in \n-     *     <OpenLayers.Tile.UTFGrid>).\n+     * APIProperty: output\n+     * {String} Either \"features\" or \"object\". When triggering a getfeatureinfo\n+     *     request should we pass on an array of features or an object with with\n+     *     a \"features\" property and other properties (such as the url of the\n+     *     WMS). Default is \"features\".\n      */\n+    output: \"features\",\n \n     /**\n-     * Property: tileClass\n-     * {<OpenLayers.Tile>} The tile class to use for this layer.\n-     *     Defaults is <OpenLayers.Tile.UTFGrid>.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.WMS>)} The layers to query for feature info.\n+     *     If omitted, all map WMS layers with a url that matches this <url> or\n+     *     <layerUrls> will be considered.\n      */\n-    tileClass: OpenLayers.Tile.UTFGrid,\n+    layers: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.UTFGrid\n-     * Create a new UTFGrid layer.\n-     *\n-     * Parameters:\n-     * config - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * url - {String} The url template for UTFGrid tiles.  See the <url> property.\n+     * APIProperty: queryVisible\n+     * {Boolean} If true, filter out hidden layers when searching the map for\n+     *     layers to query.  Default is false.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(\n-            this, [options.name, options.url, {}, options]\n-        );\n-        this.tileOptions = OpenLayers.Util.extend({\n-            utfgridResolution: this.utfgridResolution\n-        }, this.tileOptions);\n-    },\n+    queryVisible: false,\n \n     /**\n-     * Method: createBackBuffer\n-     * The UTFGrid cannot create a back buffer, so this method is overriden.\n+     * APIProperty: url\n+     * {String} The URL of the WMS service to use.  If not provided, the url\n+     *     of the first eligible layer will be used.\n      */\n-    createBackBuffer: function() {},\n+    url: null,\n \n     /**\n-     * APIMethod: clone\n-     * Create a clone of this layer\n-     *\n-     * Parameters:\n-     * obj - {Object} Only used by a subclass of this layer.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.UTFGrid>} An exact clone of this OpenLayers.Layer.UTFGrid\n+     * APIProperty: layerUrls\n+     * {Array(String)} Optional list of urls for layers that should be queried.\n+     *     This can be used when the layer url differs from the url used for\n+     *     making GetFeatureInfo requests (in the case of a layer using cached\n+     *     tiles).\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.UTFGrid(this.getOptions());\n-        }\n-\n-        // get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n-    },\n+    layerUrls: null,\n \n     /**\n-     * APIProperty: getFeatureInfo\n-     * Get details about a feature associated with a map location.  The object\n-     *     returned will have id and data properties.  If the given location\n-     *     doesn't correspond to a feature, null will be returned.\n-     *\n-     * Parameters:\n-     * location - {<OpenLayers.LonLat>} map location\n-     *\n-     * Returns:\n-     * {Object} Object representing the feature id and UTFGrid data \n-     *     corresponding to the given map location.  Returns null if the given\n-     *     location doesn't hit a feature.\n+     * APIProperty: infoFormat\n+     * {String} The mimetype to request from the server. If you are using\n+     *     drillDown mode and have multiple servers that do not share a common\n+     *     infoFormat, you can override the control's infoFormat by providing an\n+     *     INFO_FORMAT parameter in your <OpenLayers.Layer.WMS> instance(s).\n      */\n-    getFeatureInfo: function(location) {\n-        var info = null;\n-        var tileInfo = this.getTileData(location);\n-        if (tileInfo && tileInfo.tile) {\n-            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j);\n-        }\n-        return info;\n-    },\n+    infoFormat: 'text/html',\n \n     /**\n-     * APIMethod: getFeatureId\n-     * Get the identifier for the feature associated with a map location.\n-     *\n-     * Parameters:\n-     * location - {<OpenLayers.LonLat>} map location\n-     *\n-     * Returns:\n-     * {String} The feature identifier corresponding to the given map location.\n-     *     Returns null if the location doesn't hit a feature.\n+     * APIProperty: vendorParams\n+     * {Object} Additional parameters that will be added to the request, for\n+     *     WMS implementations that support them. This could e.g. look like\n+     * (start code)\n+     * {\n+     *     radius: 5\n+     * }\n+     * (end)\n      */\n-    getFeatureId: function(location) {\n-        var id = null;\n-        var info = this.getTileData(location);\n-        if (info.tile) {\n-            id = info.tile.getFeatureId(info.i, info.j);\n-        }\n-        return id;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Bing.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer/XYZ.js\n- */\n-\n-/** \n- * Class: OpenLayers.Layer.Bing\n- * Bing layer using direct tile access as provided by Bing Maps REST Services.\n- * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n- * information. Note: Terms of Service compliant use requires the map to be\n- * configured with an <OpenLayers.Control.Attribution> control and the\n- * attribution placed on or near the map.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n- */\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    vendorParams: {},\n \n     /**\n-     * Property: key\n-     * {String} API key for Bing maps, get your own key \n-     *     at http://bingmapsportal.com/ .\n+     * APIProperty: format\n+     * {<OpenLayers.Format>} A format for parsing GetFeatureInfo responses.\n+     *     Default is <OpenLayers.Format.WMSGetFeatureInfo>.\n      */\n-    key: null,\n+    format: null,\n \n     /**\n-     * Property: serverResolutions\n-     * {Array} the resolutions provided by the Bing servers.\n+     * APIProperty: formatOptions\n+     * {Object} Optional properties to set on the format (if one is not provided\n+     *     in the <format> property.\n      */\n-    serverResolutions: [\n-        156543.03390625, 78271.516953125, 39135.7584765625,\n-        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n-        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n-        305.74811309814453, 152.87405654907226, 76.43702827453613,\n-        38.218514137268066, 19.109257068634033, 9.554628534317017,\n-        4.777314267158508, 2.388657133579254, 1.194328566789627,\n-        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n-        0.07464553542435169\n-    ],\n+    formatOptions: null,\n \n     /**\n-     * Property: attributionTemplate\n-     * {String}\n+     * APIProperty: handlerOptions\n+     * {Object} Additional options for the handlers used by this control, e.g.\n+     * (start code)\n+     * {\n+     *     \"click\": {delay: 100},\n+     *     \"hover\": {delay: 300}\n+     * }\n+     * (end)\n      */\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n-        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n-        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n-        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n-        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n-        'Terms of Use</a></span>',\n \n     /**\n-     * Property: metadata\n-     * {Object} Metadata for this layer, as returned by the callback script\n+     * Property: handler\n+     * {Object} Reference to the <OpenLayers.Handler> for this control\n      */\n-    metadata: null,\n+    handler: null,\n \n     /**\n-     * Property: protocolRegex\n-     * {RegExp} Regular expression to match and replace http: in bing urls\n+     * Property: hoverRequest\n+     * {<OpenLayers.Request>} contains the currently running hover request\n+     *     (if any).\n      */\n-    protocolRegex: /^http:/i,\n+    hoverRequest: null,\n \n     /**\n-     * APIProperty: type\n-     * {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.  Default is \"Road\".\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforegetfeatureinfo - Triggered before the request is sent.\n+     *      The event object has an *xy* property with the position of the\n+     *      mouse click or hover event that triggers the request.\n+     * nogetfeatureinfo - no queryable layers were found.\n+     * getfeatureinfo - Triggered when a GetFeatureInfo response is received.\n+     *      The event object has a *text* property with the body of the\n+     *      response (String), a *features* property with an array of the\n+     *      parsed features, an *xy* property with the position of the mouse\n+     *      click or hover event that triggered the request, and a *request*\n+     *      property with the request itself. If drillDown is set to true and\n+     *      multiple requests were issued to collect feature info from all\n+     *      layers, *text* and *request* will only contain the response body\n+     *      and request object of the last request.\n      */\n-    type: \"Road\",\n \n     /**\n-     * APIProperty: culture\n-     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n-     * for the definition and the possible values.  Default is \"en-US\".\n+     * Constructor: <OpenLayers.Control.WMSGetFeatureInfo>\n+     *\n+     * Parameters:\n+     * options - {Object}\n      */\n-    culture: \"en-US\",\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || {};\n+\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.WMSGetFeatureInfo(\n+                options.formatOptions\n+            );\n+        }\n+\n+        if (this.drillDown === true) {\n+            this.hover = false;\n+        }\n+\n+        if (this.hover) {\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this, {\n+                    'move': this.cancelHover,\n+                    'pause': this.getInfoForHover\n+                },\n+                OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n+                    'delay': 250\n+                }));\n+        } else {\n+            var callbacks = {};\n+            callbacks[this.clickCallback] = this.getInfoForClick;\n+            this.handler = new OpenLayers.Handler.Click(\n+                this, callbacks, this.handlerOptions.click || {});\n+        }\n+    },\n \n     /**\n-     * APIProperty: metadataParams\n-     * {Object} Optional url parameters for the Get Imagery Metadata request\n-     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     * Method: getInfoForClick\n+     * Called on click\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>}\n      */\n-    metadataParams: null,\n+    getInfoForClick: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        // Set the cursor to \"wait\" to tell the user we're working on their\n+        // click.\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        this.request(evt.xy, {});\n+    },\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n+    /**\n+     * Method: getInfoForHover\n+     * Pause callback for the hover handler\n      *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n+     * Parameters:\n+     * evt - {Object}\n      */\n-    tileOptions: null,\n+    getInfoForHover: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        this.request(evt.xy, {\n+            hover: true\n+        });\n+    },\n \n-    /** APIProperty: protocol\n-     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n-     *  Can be 'http:' 'https:' or ''\n-     *\n-     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n-     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n-     *  this is undocumented and the Imagery Metadata API always returns HTTP\n-     *  urls.\n-     *\n-     *  Default is '', unless when executed from a file:/// uri, in which case\n-     *  it is 'http:'.\n+    /**\n+     * Method: cancelHover\n+     * Cancel callback for the hover handler\n      */\n-    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+    cancelHover: function() {\n+        if (this.hoverRequest) {\n+            this.hoverRequest.abort();\n+            this.hoverRequest = null;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.Bing\n-     * Create a new Bing layer.\n-     *\n-     * Example:\n-     * (code)\n-     * var road = new OpenLayers.Layer.Bing({\n-     *     name: \"My Bing Aerial Layer\",\n-     *     type: \"Aerial\",\n-     *     key: \"my-api-key-here\",\n-     * });\n-     * (end)\n-     *\n-     * Parameters:\n-     * options - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * key - {String} Bing Maps API key for your application. Get one at\n-     *     http://bingmapsportal.com/.\n-     * type - {String} The layer identifier.  Any non-birdseye imageryType\n-     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n-     *     used.\n-     *\n-     * Any other documented layer properties can be provided in the config object.\n+     * Method: findLayers\n+     * Internal method to get the layers, independent of whether we are\n+     *     inspecting the map or using a client-provided array\n      */\n-    initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n+    findLayers: function() {\n \n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options.tileOptions);\n-        this.loadMetadata();\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer, url;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.WMS &&\n+                (!this.queryVisible || layer.getVisibility())) {\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                // if the control was not configured with a url, set it\n+                // to the first layer url\n+                if (this.drillDown === false && !this.url) {\n+                    this.url = url;\n+                }\n+                if (this.drillDown === true || this.urlMatches(url)) {\n+                    layers.push(layer);\n+                }\n+            }\n+        }\n+        return layers;\n     },\n \n     /**\n-     * Method: loadMetadata\n+     * Method: urlMatches\n+     * Test to see if the provided url matches either the control <url> or one\n+     *     of the <layerUrls>.\n+     *\n+     * Parameters:\n+     * url - {String} The url to test.\n+     *\n+     * Returns:\n+     * {Boolean} The provided url matches the control <url> or one of the\n+     *     <layerUrls>.\n      */\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        // link the processMetadata method to the global scope and bind it\n-        // to this instance\n-        window[this._callbackId] = OpenLayers.Function.bind(\n-            OpenLayers.Layer.Bing.processMetadata, this\n-        );\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n-            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script);\n+    urlMatches: function(url) {\n+        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n+        if (!matches && this.layerUrls) {\n+            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n+                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n+                    matches = true;\n+                    break;\n+                }\n+            }\n+        }\n+        return matches;\n     },\n \n     /**\n-     * Method: initLayer\n+     * Method: buildWMSOptions\n+     * Build an object with the relevant WMS options for the GetFeatureInfo request\n      *\n-     * Sets layer properties according to the metadata provided by the API\n+     * Parameters:\n+     * url - {String} The url to be used for sending the request\n+     * layers - {Array(<OpenLayers.Layer.WMS)} An array of layers\n+     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the mouse\n+     *     event occurred.\n+     * format - {String} The format from the corresponding GetMap request\n      */\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n+    buildWMSOptions: function(url, layers, clickPosition, format) {\n+        var layerNames = [],\n+            styleNames = [];\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            if (layers[i].params.LAYERS != null) {\n+                layerNames = layerNames.concat(layers[i].params.LAYERS);\n+                styleNames = styleNames.concat(this.getStyleNames(layers[i]));\n+            }\n         }\n-        this.addOptions({\n-            maxResolution: Math.min(\n-                this.serverResolutions[res.zoomMin],\n-                this.maxResolution || Number.POSITIVE_INFINITY\n-            ),\n-            numZoomLevels: Math.min(\n-                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n-            )\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw();\n+        var firstLayer = layers[0];\n+        // use the firstLayer's projection if it matches the map projection -\n+        // this assumes that all layers will be available in this projection\n+        var projection = this.map.getProjection();\n+        var layerProj = firstLayer.projection;\n+        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n+            projection = layerProj.getCode();\n         }\n-        this.updateAttribution();\n+        var params = OpenLayers.Util.extend({\n+            service: \"WMS\",\n+            version: firstLayer.params.VERSION,\n+            request: \"GetFeatureInfo\",\n+            exceptions: firstLayer.params.EXCEPTIONS,\n+            bbox: this.map.getExtent().toBBOX(null,\n+                firstLayer.reverseAxisOrder()),\n+            feature_count: this.maxFeatures,\n+            height: this.map.getSize().h,\n+            width: this.map.getSize().w,\n+            format: format,\n+            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n+        }, (parseFloat(firstLayer.params.VERSION) >= 1.3) ? {\n+            crs: projection,\n+            i: parseInt(clickPosition.x),\n+            j: parseInt(clickPosition.y)\n+        } : {\n+            srs: projection,\n+            x: parseInt(clickPosition.x),\n+            y: parseInt(clickPosition.y)\n+        });\n+        if (layerNames.length != 0) {\n+            params = OpenLayers.Util.extend({\n+                layers: layerNames,\n+                query_layers: layerNames,\n+                styles: styleNames\n+            }, params);\n+        }\n+        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n+        return {\n+            url: url,\n+            params: OpenLayers.Util.upperCaseObject(params),\n+            callback: function(request) {\n+                this.handleResponse(clickPosition, request, url);\n+            },\n+            scope: this\n+        };\n     },\n \n     /**\n-     * Method: getURL\n+     * Method: getStyleNames\n+     * Gets the STYLES parameter for the layer. Make sure the STYLES parameter\n+     * matches the LAYERS parameter\n      *\n-     * Paramters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.WMS>}\n+     *\n+     * Returns:\n+     * {Array(String)} The STYLES parameter\n      */\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return;\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = '0';\n-            var mask = 1 << (i - 1);\n-            if ((x & mask) != 0) {\n-                digit++;\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++;\n+    getStyleNames: function(layer) {\n+        // in the event of a WMS layer bundling multiple layers but not\n+        // specifying styles,we need the same number of commas to specify\n+        // the default style for each of the layers.  We can't just leave it\n+        // blank as we may be including other layers that do specify styles.\n+        var styleNames;\n+        if (layer.params.STYLES) {\n+            styleNames = layer.params.STYLES;\n+        } else {\n+            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n+                styleNames = new Array(layer.params.LAYERS.length);\n+            } else { // Assume it's a String\n+                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\");\n             }\n-            quadDigits.push(digit);\n         }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl('' + x + y + z, this.url);\n-\n-        return OpenLayers.String.format(url, {\n-            'quadkey': quadKey\n-        });\n+        return styleNames;\n     },\n \n     /**\n-     * Method: updateAttribution\n-     * Updates the attribution according to the requirements outlined in\n-     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n+     * Method: request\n+     * Sends a GetFeatureInfo request to the WMS\n+     *\n+     * Parameters:\n+     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * options - {Object} additional options for this method.\n+     *\n+     * Valid options:\n+     * - *hover* {Boolean} true if we do the request for the hover handler\n      */\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+    request: function(clickPosition, options) {\n+        var layers = this.findLayers();\n+        if (layers.length == 0) {\n+            this.events.triggerEvent(\"nogetfeatureinfo\");\n+            // Reset the cursor.\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n             return;\n         }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(\n-            this.map.getProjectionObject(),\n-            new OpenLayers.Projection(\"EPSG:4326\")\n-        );\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n-                this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                // axis order provided is Y,X\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) &&\n-                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \";\n+\n+        options = options || {};\n+        if (this.drillDown === false) {\n+            var wmsOptions = this.buildWMSOptions(this.url, layers,\n+                clickPosition, layers[0].params.FORMAT);\n+            var request = OpenLayers.Request.GET(wmsOptions);\n+\n+            if (options.hover === true) {\n+                this.hoverRequest = request;\n+            }\n+        } else {\n+            this._requestCount = 0;\n+            this._numRequests = 0;\n+            this.features = [];\n+            // group according to service url to combine requests\n+            var services = {},\n+                url;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                var service, found = false;\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (url in services) {\n+                    services[url].push(layer);\n+                } else {\n+                    this._numRequests++;\n+                    services[url] = [layer];\n                 }\n             }\n+            var layers;\n+            for (var url in services) {\n+                layers = services[url];\n+                var wmsOptions = this.buildWMSOptions(url, layers,\n+                    clickPosition, layers[0].params.FORMAT);\n+                OpenLayers.Request.GET(wmsOptions);\n+            }\n         }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        });\n     },\n \n     /**\n-     * Method: setMap\n+     * Method: triggerGetFeatureInfo\n+     * Trigger the getfeatureinfo event when all is done\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     * xy - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} or\n+     *     {Array({Object}) when output is \"object\". The object has a url and a\n+     *     features property which contains an array of features.\n      */\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution);\n+    triggerGetFeatureInfo: function(request, xy, features) {\n+        this.events.triggerEvent(\"getfeatureinfo\", {\n+            text: request.responseText,\n+            features: features,\n+            request: request,\n+            xy: xy\n+        });\n+\n+        // Reset the cursor.\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n     },\n \n     /**\n-     * APIMethod: clone\n-     * \n+     * Method: handleResponse\n+     * Handler for the GetFeatureInfo response.\n+     *\n      * Parameters:\n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n+     * xy - {<OpenLayers.Pixel>} The position on the map where the\n+     *     mouse event occurred.\n+     * request - {XMLHttpRequest} The request object.\n+     * url - {String} The url which was used for this request.\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options);\n-        }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n-    },\n+    handleResponse: function(xy, request, url) {\n \n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.map &&\n-            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        var features = this.format.read(doc);\n+        if (this.drillDown === false) {\n+            this.triggerGetFeatureInfo(request, xy, features);\n+        } else {\n+            this._requestCount++;\n+            if (this.output === \"object\") {\n+                this._features = (this._features || []).concat({\n+                    url: url,\n+                    features: features\n+                });\n+            } else {\n+                this._features = (this._features || []).concat(features);\n+            }\n+            if (this._requestCount === this._numRequests) {\n+                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n+                delete this._features;\n+                delete this._requestCount;\n+                delete this._numRequests;\n+            }\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n+    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n });\n-\n-/**\n- * Function: OpenLayers.Layer.Bing.processMetadata\n- * This function will be bound to an instance, linked to the global scope with\n- * an id, and called by the JSONP script returned by the API.\n- *\n- * Parameters:\n- * metadata - {Object} metadata as returned by the API\n- */\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined; // cannot delete from window in IE\n-    delete this._callbackId;\n-};\n /* ======================================================================\n-    OpenLayers/Format/Text.js\n+    OpenLayers/Control/ZoomBox.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Box.js\n  */\n \n /**\n- * Class: OpenLayers.Format.Text\n- * Read Text format. Create a new instance with the <OpenLayers.Format.Text>\n- *     constructor. This reads text which is formatted like CSV text, using\n- *     tabs as the seperator by default. It provides parsing of data originally\n- *     used in the MapViewerService, described on the wiki. This Format is used\n- *     by the <OpenLayers.Layer.Text> class.\n+ * Class: OpenLayers.Control.ZoomBox\n+ * The ZoomBox control enables zooming directly to a given extent, by drawing \n+ * a box on the map. The box is drawn by holding down shift, whilst dragging \n+ * the mouse.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+    /**\n+     * Property: type\n+     * {OpenLayers.Control.TYPE}\n+     */\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * APIProperty: defaultStyle\n-     * defaultStyle allows one to control the default styling of the features.\n-     *    It should be a symbolizer hash. By default, this is set to match the\n-     *    Layer.Text behavior, which is to use the default OpenLayers Icon.\n+     * Property: out\n+     * {Boolean} Should the control be used for zooming out?\n      */\n-    defaultStyle: null,\n+    out: false,\n \n     /**\n-     * APIProperty: extractStyles\n-     * set to true to extract styles from the TSV files, using information\n-     * from the image or icon, iconSize and iconOffset fields. This will result\n-     * in features with a symbolizer (style) property set, using the\n-     * default symbolizer specified in <defaultStyle>. Set to false if you\n-     * wish to use a styleMap or OpenLayers.Style options to style your\n-     * layer instead.\n+     * APIProperty: keyMask\n+     * {Integer} Zoom only occurs if the keyMask matches the combination of \n+     *     keys down. Use bitwise operators and one or more of the\n+     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n+     *     not used mask. Default is null.\n      */\n-    extractStyles: true,\n+    keyMask: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.Text\n-     * Create a new parser for TSV Text.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * APIProperty: alwaysZoom\n+     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n+     * not change.\n      */\n-    initialize: function(options) {\n-        options = options || {};\n+    alwaysZoom: false,\n \n-        if (options.extractStyles !== false) {\n-            options.defaultStyle = {\n-                'externalGraphic': OpenLayers.Util.getImageLocation(\"marker.png\"),\n-                'graphicWidth': 21,\n-                'graphicHeight': 25,\n-                'graphicXOffset': -10.5,\n-                'graphicYOffset': -12.5\n-            };\n-        }\n+    /**\n+     * APIProperty: zoomOnClick\n+     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n+     * clicked? Default is true.\n+     */\n+    zoomOnClick: true,\n \n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n+    /**\n+     * Method: draw\n+     */\n+    draw: function() {\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n+        });\n     },\n \n     /**\n-     * APIMethod: read\n-     * Return a list of features from a Tab Seperated Values text string.\n-     * \n-     * Parameters:\n-     * text - {String} \n+     * Method: zoomBox\n      *\n-     * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n+     * Parameters:\n+     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n      */\n-    read: function(text) {\n-        var lines = text.split('\\n');\n-        var columns;\n-        var features = [];\n-        // length - 1 to allow for trailing new line\n-        for (var lcv = 0; lcv < (lines.length - 1); lcv++) {\n-            var currLine = lines[lcv].replace(/^\\s*/, '').replace(/\\s*$/, '');\n-\n-            if (currLine.charAt(0) != '#') {\n-                /* not a comment */\n-\n-                if (!columns) {\n-                    //First line is columns\n-                    columns = currLine.split('\\t');\n-                } else {\n-                    var vals = currLine.split('\\t');\n-                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n-                    var attributes = {};\n-                    var style = this.defaultStyle ?\n-                        OpenLayers.Util.applyDefaults({}, this.defaultStyle) :\n-                        null;\n-                    var icon, iconSize, iconOffset, overflow;\n-                    var set = false;\n-                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n-                        if (vals[valIndex]) {\n-                            if (columns[valIndex] == 'point') {\n-                                var coords = vals[valIndex].split(',');\n-                                geometry.y = parseFloat(coords[0]);\n-                                geometry.x = parseFloat(coords[1]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'lat') {\n-                                geometry.y = parseFloat(vals[valIndex]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'lon') {\n-                                geometry.x = parseFloat(vals[valIndex]);\n-                                set = true;\n-                            } else if (columns[valIndex] == 'title')\n-                                attributes['title'] = vals[valIndex];\n-                            else if (columns[valIndex] == 'image' ||\n-                                columns[valIndex] == 'icon' && style) {\n-                                style['externalGraphic'] = vals[valIndex];\n-                            } else if (columns[valIndex] == 'iconSize' && style) {\n-                                var size = vals[valIndex].split(',');\n-                                style['graphicWidth'] = parseFloat(size[0]);\n-                                style['graphicHeight'] = parseFloat(size[1]);\n-                            } else if (columns[valIndex] == 'iconOffset' && style) {\n-                                var offset = vals[valIndex].split(',');\n-                                style['graphicXOffset'] = parseFloat(offset[0]);\n-                                style['graphicYOffset'] = parseFloat(offset[1]);\n-                            } else if (columns[valIndex] == 'description') {\n-                                attributes['description'] = vals[valIndex];\n-                            } else if (columns[valIndex] == 'overflow') {\n-                                attributes['overflow'] = vals[valIndex];\n-                            } else {\n-                                // For StyleMap filtering, allow additional\n-                                // columns to be stored as attributes.\n-                                attributes[columns[valIndex]] = vals[valIndex];\n-                            }\n-                        }\n-                    }\n-                    if (set) {\n-                        if (this.internalProjection && this.externalProjection) {\n-                            geometry.transform(this.externalProjection,\n-                                this.internalProjection);\n-                        }\n-                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n-                        features.push(feature);\n-                    }\n-                }\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds,\n+                targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n+                    maxXY.lon, maxXY.lat);\n+            } else {\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n+                    (this.map.size.w / pixWidth));\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n+                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n+                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n+                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n+            }\n+            // always zoom in/out \n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n+            } else {\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n+                        (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n+                        (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx);\n+            }\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n+            }\n+        } else if (this.zoomOnClick) { // it's a pixel\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position);\n+            } else {\n+                this.map.zoomTo(this.map.getZoom() - 1, position);\n             }\n         }\n-        return features;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.Text\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Text.js\n+    OpenLayers/Control/Scale.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n- * @requires OpenLayers/Layer/Markers.js\n- * @requires OpenLayers/Format/Text.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Text\n- * This layer creates markers given data in a text file.  The <location>\n- *     property of the layer (specified as a property of the options argument\n- *     in the <OpenLayers.Layer.Text> constructor) points to a tab delimited\n- *     file with data used to create markers.\n- *\n- * The first row of the data file should be a header line with the column names\n- *     of the data. Each column should be delimited by a tab space. The\n- *     possible columns are:\n- *      - *point* lat,lon of the point where a marker is to be placed\n- *      - *lat*  Latitude of the point where a marker is to be placed\n- *      - *lon*  Longitude of the point where a marker is to be placed\n- *      - *icon* or *image* URL of marker icon to use.\n- *      - *iconSize* Size of Icon to use.\n- *      - *iconOffset* Where the top-left corner of the icon is to be placed\n- *            relative to the latitude and longitude of the point.\n- *      - *title* The text of the 'title' is placed inside an 'h2' marker\n- *            inside a popup, which opens when the marker is clicked.\n- *      - *description* The text of the 'description' is placed below the h2\n- *            in the popup. this can be plain text or HTML.\n- *\n- * Example text file:\n- * (code)\n- * lat\tlon\ttitle\tdescription\ticonSize\ticonOffset\ticon\n- * 10\t20\ttitle\tdescription\t21,25\t\t-10,-25\t\thttp://www.openlayers.org/dev/img/marker.png\n- * (end)\n+ * Class: OpenLayers.Control.Scale\n+ * The Scale control displays the current map scale as a ratio (e.g. Scale = \n+ * 1:1M). By default it is displayed in the lower right corner of the map.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: location \n-     * {String} URL of text file.  Must be specified in the \"options\" argument\n-     *   of the constructor. Can not be changed once passed in. \n-     */\n-    location: null,\n-\n-    /** \n-     * Property: features\n-     * {Array(<OpenLayers.Feature>)} \n+     * Property: element\n+     * {DOMElement}\n      */\n-    features: null,\n+    element: null,\n \n     /**\n-     * APIProperty: formatOptions\n-     * {Object} Hash of options which should be passed to the format when it is\n-     * created. Must be passed in the constructor.\n-     */\n-    formatOptions: null,\n-\n-    /** \n-     * Property: selectedFeature\n-     * {<OpenLayers.Feature>}\n+     * APIProperty: geodesic\n+     * {Boolean} Use geodesic measurement. Default is false. The recommended\n+     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n+     * true, the scale will be calculated based on the horizontal size of the\n+     * pixel in the center of the map viewport.\n      */\n-    selectedFeature: null,\n+    geodesic: false,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Text\n-     * Create a text layer.\n+     * Constructor: OpenLayers.Control.Scale\n      * \n      * Parameters:\n-     * name - {String} \n-     * options - {Object} Object with properties to be set on the layer.\n-     *     Must include <location> property.\n-     */\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n-        this.features = [];\n-    },\n-\n-    /**\n-     * APIMethod: destroy \n-     */\n-    destroy: function() {\n-        // Warning: Layer.Markers.destroy() must be called prior to calling\n-        // clearFeatures() here, otherwise we leak memory. Indeed, if\n-        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n-        // able to remove the marker image elements from the layer's div since\n-        // the markers will have been destroyed by clearFeatures().\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null;\n-    },\n-\n-    /**\n-     * Method: loadText\n-     * Start the load of the Text data. Don't do this when we first add the layer,\n-     * since we may not be visible at any point, and it would therefore be a waste.\n+     * element - {DOMElement} \n+     * options - {Object} \n      */\n-    loadText: function() {\n-        if (!this.loaded) {\n-            if (this.location != null) {\n-\n-                var onFail = function(e) {\n-                    this.events.triggerEvent(\"loadend\");\n-                };\n-\n-                this.events.triggerEvent(\"loadstart\");\n-                OpenLayers.Request.GET({\n-                    url: this.location,\n-                    success: this.parseData,\n-                    failure: onFail,\n-                    scope: this\n-                });\n-                this.loaded = true;\n-            }\n-        }\n+    initialize: function(element, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.element = OpenLayers.Util.getElement(element);\n     },\n \n     /**\n-     * Method: moveTo\n-     * If layer is visible and Text has not been loaded, load Text. \n+     * Method: draw\n      * \n-     * Parameters:\n-     * bounds - {Object} \n-     * zoomChanged - {Object} \n-     * minor - {Object} \n+     * Returns:\n+     * {DOMElement}\n      */\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadText();\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.element = document.createElement(\"div\");\n+            this.div.appendChild(this.element);\n         }\n+        this.map.events.register('moveend', this, this.updateScale);\n+        this.updateScale();\n+        return this.div;\n     },\n \n     /**\n-     * Method: parseData\n-     *\n-     * Parameters:\n-     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     * Method: updateScale\n      */\n-    parseData: function(ajaxRequest) {\n-        var text = ajaxRequest.responseText;\n-\n-        var options = {};\n-\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject();\n-        }\n-\n-        var parser = new OpenLayers.Format.Text(options);\n-        var features = parser.read(text);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            var location;\n-            var iconSize, iconOffset;\n-\n-            location = new OpenLayers.LonLat(feature.geometry.x,\n-                feature.geometry.y);\n-\n-            if (feature.style.graphicWidth &&\n-                feature.style.graphicHeight) {\n-                iconSize = new OpenLayers.Size(\n-                    feature.style.graphicWidth,\n-                    feature.style.graphicHeight);\n-            }\n-\n-            // FIXME: At the moment, we only use this if we have an \n-            // externalGraphic, because icon has no setOffset API Method.\n-            /**\n-             * FIXME FIRST!!\n-             * The Text format does all sorts of parseFloating\n-             * The result of a parseFloat for a bogus string is NaN.  That\n-             * means the three possible values here are undefined, NaN, or a\n-             * number.  The previous check was an identity check for null.  This\n-             * means it was failing for all undefined or NaN.  A slightly better\n-             * check is for undefined.  An even better check is to see if the\n-             * value is a number (see #1441).\n-             */\n-            if (feature.style.graphicXOffset !== undefined &&\n-                feature.style.graphicYOffset !== undefined) {\n-                iconOffset = new OpenLayers.Pixel(\n-                    feature.style.graphicXOffset,\n-                    feature.style.graphicYOffset);\n-            }\n-\n-            if (feature.style.externalGraphic != null) {\n-                data.icon = new OpenLayers.Icon(feature.style.externalGraphic,\n-                    iconSize,\n-                    iconOffset);\n-            } else {\n-                data.icon = OpenLayers.Marker.defaultIcon();\n-\n-                //allows for the case where the image url is not \n-                // specified but the size is. use a default icon\n-                // but change the size\n-                if (iconSize != null) {\n-                    data.icon.setSize(iconSize);\n-                }\n-            }\n-\n-            if ((feature.attributes.title != null) &&\n-                (feature.attributes.description != null)) {\n-                data['popupContentHTML'] =\n-                    '<h2>' + feature.attributes.title + '</h2>' +\n-                    '<p>' + feature.attributes.description + '</p>';\n-            }\n-\n-            data['overflow'] = feature.attributes.overflow || \"auto\";\n-\n-            var markerFeature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(markerFeature);\n-            var marker = markerFeature.createMarker();\n-            if ((feature.attributes.title != null) &&\n-                (feature.attributes.description != null)) {\n-                marker.events.register('click', markerFeature, this.markerClick);\n+    updateScale: function() {\n+        var scale;\n+        if (this.geodesic === true) {\n+            var units = this.map.getUnits();\n+            if (!units) {\n+                return;\n             }\n-            this.addMarker(marker);\n+            var inches = OpenLayers.INCHES_PER_UNIT;\n+            scale = (this.map.getGeodesicPixelSize().w || 0.000001) *\n+                inches[\"km\"] * OpenLayers.DOTS_PER_INCH;\n+        } else {\n+            scale = this.map.getScale();\n         }\n-        this.events.triggerEvent(\"loadend\");\n-    },\n \n-    /**\n-     * Property: markerClick\n-     * \n-     * Parameters:\n-     * evt - {Event} \n-     *\n-     * Context:\n-     * - {<OpenLayers.Feature>}\n-     */\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = (this == this.layer.selectedFeature);\n-        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i]);\n-        }\n-        if (!sameMarkerClicked) {\n-            this.layer.map.addPopup(this.createPopup());\n+        if (!scale) {\n+            return;\n         }\n-        OpenLayers.Event.stop(evt);\n-    },\n \n-    /**\n-     * Method: clearFeatures\n-     */\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy();\n-            }\n+        if (scale >= 9500 && scale <= 950000) {\n+            scale = Math.round(scale / 1000) + \"K\";\n+        } else if (scale >= 950000) {\n+            scale = Math.round(scale / 1000000) + \"M\";\n+        } else {\n+            scale = Math.round(scale);\n         }\n+\n+        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n+            'scaleDenom': scale\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Text\"\n+    CLASS_NAME: \"OpenLayers.Control.Scale\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Layer/WMTS.js\n+    OpenLayers/Control/Panel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.WMTS\n- * Instances of the WMTS class allow viewing of tiles from a service that \n- *     implements the OGC WMTS specification version 1.0.0.\n- * \n+ * Class: OpenLayers.Control.Panel\n+ * The Panel control is a container for other controls. With it toolbars\n+ * may be composed.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} The layer will be considered a base layer.  Default is true.\n-     */\n-    isBaseLayer: true,\n-\n-    /**\n-     * Property: version\n-     * {String} WMTS version.  Default is \"1.0.0\".\n-     */\n-    version: \"1.0.0\",\n-\n-    /**\n-     * APIProperty: requestEncoding\n-     * {String} Request encoding.  Can be \"REST\" or \"KVP\".  Default is \"KVP\".\n-     */\n-    requestEncoding: \"KVP\",\n-\n+OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n     /**\n-     * APIProperty: url\n-     * {String|Array(String)} The base URL or request URL template for the WMTS\n-     * service. Must be provided. Array is only supported for base URLs, not\n-     * for request URL templates. URL templates are only supported for\n-     * REST <requestEncoding>.\n+     * Property: controls\n+     * {Array(<OpenLayers.Control>)}\n      */\n-    url: null,\n+    controls: null,\n \n     /**\n-     * APIProperty: layer\n-     * {String} The layer identifier advertised by the WMTS service.  Must be \n-     *     provided.\n-     */\n-    layer: null,\n-\n-    /** \n-     * APIProperty: matrixSet\n-     * {String} One of the advertised matrix set identifiers.  Must be provided.\n-     */\n-    matrixSet: null,\n-\n-    /** \n-     * APIProperty: style\n-     * {String} One of the advertised layer styles.  Must be provided.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    style: null,\n+    autoActivate: true,\n \n     /** \n-     * APIProperty: format\n-     * {String} The image MIME type.  Default is \"image/jpeg\".\n-     */\n-    format: \"image/jpeg\",\n-\n-    /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} The top-left corner of the tile matrix in map \n-     *     units.  If the tile origin for each matrix in a set is different,\n-     *     the <matrixIds> should include a topLeftCorner property.  If\n-     *     not provided, the tile origin will default to the top left corner\n-     *     of the layer <maxExtent>.\n+     * APIProperty: defaultControl\n+     * {<OpenLayers.Control>} The control which is activated when the control is\n+     * activated (turned on), which also happens at instantiation.\n+     * If <saveState> is true, <defaultControl> will be nullified after the\n+     * first activation of the panel.\n      */\n-    tileOrigin: null,\n+    defaultControl: null,\n \n     /**\n-     * APIProperty: tileFullExtent\n-     * {<OpenLayers.Bounds>}  The full extent of the tile set.  If not supplied,\n-     *     the layer's <maxExtent> property will be used.\n+     * APIProperty: saveState\n+     * {Boolean} If set to true, the active state of this panel's controls will\n+     * be stored on panel deactivation, and restored on reactivation. Default\n+     * is false.\n      */\n-    tileFullExtent: null,\n+    saveState: false,\n \n     /**\n-     * APIProperty: formatSuffix\n-     * {String} For REST request encoding, an image format suffix must be \n-     *     included in the request.  If not provided, the suffix will be derived\n-     *     from the <format> property.\n+     * APIProperty: allowDepress\n+     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n+     *     be deactivated by clicking the icon that represents them.  Default \n+     *     is false.\n      */\n-    formatSuffix: null,\n+    allowDepress: false,\n \n     /**\n-     * APIProperty: matrixIds\n-     * {Array} A list of tile matrix identifiers.  If not provided, the matrix\n-     *     identifiers will be assumed to be integers corresponding to the \n-     *     map zoom level.  If a list of strings is provided, each item should\n-     *     be the matrix identifier that corresponds to the map zoom level.\n-     *     Additionally, a list of objects can be provided.  Each object should\n-     *     describe the matrix as presented in the WMTS capabilities.  These\n-     *     objects should have the propertes shown below.\n-     * \n-     * Matrix properties:\n-     * identifier - {String} The matrix identifier (required).\n-     * scaleDenominator - {Number} The matrix scale denominator.\n-     * topLeftCorner - {<OpenLayers.LonLat>} The top left corner of the \n-     *     matrix.  Must be provided if different than the layer <tileOrigin>.\n-     * tileWidth - {Number} The tile width for the matrix.  Must be provided \n-     *     if different than the width given in the layer <tileSize>.\n-     * tileHeight - {Number} The tile height for the matrix.  Must be provided \n-     *     if different than the height given in the layer <tileSize>.\n+     * Property: activeState\n+     * {Object} stores the active state of this panel's controls.\n      */\n-    matrixIds: null,\n+    activeState: null,\n \n     /**\n-     * APIProperty: dimensions\n-     * {Array} For RESTful request encoding, extra dimensions may be specified.\n-     *     Items in this list should be property names in the <params> object.\n-     *     Values of extra dimensions will be determined from the corresponding\n-     *     values in the <params> object.\n+     * Constructor: OpenLayers.Control.Panel\n+     * Create a new control panel.\n+     *\n+     * Each control in the panel is represented by an icon. When clicking \n+     *     on an icon, the <activateControl> method is called.\n+     *\n+     * Specific properties for controls on a panel:\n+     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n+     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n+     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n+     * title - {string} Text displayed when mouse is over the icon that \n+     *     represents the control.     \n+     *\n+     * The <OpenLayers.Control.type> of a control determines the behavior when\n+     * clicking its icon:\n+     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n+     *     controls of this type in the same panel are deactivated. This is\n+     *     the default type.\n+     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n+     *     toggled.\n+     * <OpenLayers.Control.TYPE_BUTTON> - The\n+     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n+     *     but its active state is not changed.\n+     *\n+     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n+     * olControl[Name]ItemActive class, otherwise with the\n+     * olControl[Name]ItemInactive class.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    dimensions: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.controls = [];\n+        this.activeState = {};\n+    },\n \n     /**\n-     * APIProperty: params\n-     * {Object} Extra parameters to include in tile requests.  For KVP \n-     *     <requestEncoding>, these properties will be encoded in the request \n-     *     query string.  For REST <requestEncoding>, these properties will\n-     *     become part of the request path, with order determined by the \n-     *     <dimensions> list.\n+     * APIMethod: destroy\n      */\n-    params: null,\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n+            ctl = this.controls[i];\n+            if (ctl.events) {\n+                ctl.events.un({\n+                    activate: this.iconOn,\n+                    deactivate: this.iconOff\n+                });\n+            }\n+            ctl.panel_div = null;\n+        }\n+        this.activeState = null;\n+    },\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Additionally, if this layer is to be used\n-     *     as an overlay and the cache has fewer zoom levels than the base\n-     *     layer, you can supply a negative zoomOffset.  For example, if a\n-     *     map zoom level of 1 corresponds to your cache level zero, you would\n-     *     supply a -1 zoomOffset (and set the maxResolution of the layer\n-     *     appropriately).  The zoomOffset value has no effect if complete\n-     *     matrix definitions (including scaleDenominator) are supplied in\n-     *     the <matrixIds> property.  Defaults to 0 (no zoom offset).\n+     * APIMethod: activate\n      */\n-    zoomOffset: 0,\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                if (control === this.defaultControl ||\n+                    (this.saveState && this.activeState[control.id])) {\n+                    control.activate();\n+                }\n+            }\n+            if (this.saveState === true) {\n+                this.defaultControl = null;\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n+     * APIMethod: deactivate\n      */\n-    serverResolutions: null,\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            var control;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                control = this.controls[i];\n+                this.activeState[control.id] = control.deactivate();\n+            }\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n+    },\n \n     /**\n-     * Property: formatSuffixMap\n-     * {Object} a map between WMTS 'format' request parameter and tile image file suffix\n+     * Method: draw\n+     *\n+     * Returns:\n+     * {DOMElement}\n      */\n-    formatSuffixMap: {\n-        \"image/png\": \"png\",\n-        \"image/png8\": \"png\",\n-        \"image/png24\": \"png\",\n-        \"image/png32\": \"png\",\n-        \"png\": \"png\",\n-        \"image/jpeg\": \"jpg\",\n-        \"image/jpg\": \"jpg\",\n-        \"jpeg\": \"jpg\",\n-        \"jpg\": \"jpg\"\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick);\n+        } else {\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+        }\n+        this.addControlsToMap(this.controls);\n+        return this.div;\n     },\n \n     /**\n-     * Property: matrix\n-     * {Object} Matrix definition for the current map resolution.  Updated by\n-     *     the <updateMatrixProperties> method.\n+     * Method: redraw\n      */\n-    matrix: null,\n+    redraw: function() {\n+        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n+            this.div.removeChild(this.div.childNodes[i]);\n+        }\n+        this.div.innerHTML = \"\";\n+        if (this.active) {\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                this.div.appendChild(this.controls[i].panel_div);\n+            }\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.WMTS\n-     * Create a new WMTS layer.\n-     *\n-     * Example:\n-     * (code)\n-     * var wmts = new OpenLayers.Layer.WMTS({\n-     *     name: \"My WMTS Layer\",\n-     *     url: \"http://example.com/wmts\", \n-     *     layer: \"layer_id\",\n-     *     style: \"default\",\n-     *     matrixSet: \"matrix_id\"\n-     * });\n-     * (end)\n+     * APIMethod: activateControl\n+     * This method is called when the user click on the icon representing a \n+     *     control in the panel.\n      *\n      * Parameters:\n-     * config - {Object} Configuration properties for the layer.\n-     *\n-     * Required configuration properties:\n-     * url - {String} The base url for the service.  See the <url> property.\n-     * layer - {String} The layer identifier.  See the <layer> property.\n-     * style - {String} The layer style identifier.  See the <style> property.\n-     * matrixSet - {String} The tile matrix set identifier.  See the <matrixSet>\n-     *     property.\n-     *\n-     * Any other documented layer properties can be provided in the config object.\n+     * control - {<OpenLayers.Control>}\n      */\n-    initialize: function(config) {\n-\n-        // confirm required properties are supplied\n-        var required = {\n-            url: true,\n-            layer: true,\n-            style: true,\n-            matrixSet: true\n-        };\n-        for (var prop in required) {\n-            if (!(prop in config)) {\n-                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\");\n-            }\n+    activateControl: function(control) {\n+        if (!this.active) {\n+            return false;\n         }\n-\n-        config.params = OpenLayers.Util.upperCaseObject(config.params);\n-        var args = [config.name, config.url, config.params, config];\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n-\n-\n-        // determine format suffix (for REST)\n-        if (!this.formatSuffix) {\n-            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop();\n+        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n+            control.trigger();\n+            return;\n         }\n-\n-        // expand matrixIds (may be array of string or array of object)\n-        if (this.matrixIds) {\n-            var len = this.matrixIds.length;\n-            if (len && typeof this.matrixIds[0] === \"string\") {\n-                var ids = this.matrixIds;\n-                this.matrixIds = new Array(len);\n-                for (var i = 0; i < len; ++i) {\n-                    this.matrixIds[i] = {\n-                        identifier: ids[i]\n-                    };\n+        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n+            if (control.active) {\n+                control.deactivate();\n+            } else {\n+                control.activate();\n+            }\n+            return;\n+        }\n+        if (this.allowDepress && control.active) {\n+            control.deactivate();\n+        } else {\n+            var c;\n+            for (var i = 0, len = this.controls.length; i < len; i++) {\n+                c = this.controls[i];\n+                if (c != control &&\n+                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n+                    c.deactivate();\n                 }\n             }\n+            control.activate();\n         }\n-\n     },\n \n     /**\n-     * Method: setMap\n+     * APIMethod: addControls\n+     * To build a toolbar, you add a set of controls to it. addControls\n+     * lets you add a single control or a list of controls to the \n+     * Control Panel.\n+     *\n+     * Parameters:\n+     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n      */\n-    setMap: function() {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-    },\n+    addControls: function(controls) {\n+        if (!(OpenLayers.Util.isArray(controls))) {\n+            controls = [controls];\n+        }\n+        this.controls = this.controls.concat(controls);\n \n-    /**\n-     * Method: updateMatrixProperties\n-     * Called when map resolution changes to update matrix related properties.\n-     */\n-    updateMatrixProperties: function() {\n-        this.matrix = this.getMatrix();\n-        if (this.matrix) {\n-            if (this.matrix.topLeftCorner) {\n-                this.tileOrigin = this.matrix.topLeftCorner;\n-            }\n-            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n-                this.tileSize = new OpenLayers.Size(\n-                    this.matrix.tileWidth, this.matrix.tileHeight\n-                );\n-            }\n-            if (!this.tileOrigin) {\n-                this.tileOrigin = new OpenLayers.LonLat(\n-                    this.maxExtent.left, this.maxExtent.top\n-                );\n-            }\n-            if (!this.tileFullExtent) {\n-                this.tileFullExtent = this.maxExtent;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            var control = controls[i],\n+                element = this.createControlMarkup(control);\n+            OpenLayers.Element.addClass(element,\n+                control.displayClass + \"ItemInactive\");\n+            OpenLayers.Element.addClass(element, \"olButton\");\n+            if (control.title != \"\" && !element.title) {\n+                element.title = control.title;\n             }\n+            control.panel_div = element;\n+        }\n+\n+        if (this.map) { // map.addControl() has already been called on the panel\n+            this.addControlsToMap(controls);\n+            this.redraw();\n         }\n     },\n \n     /**\n-     * Method: moveTo\n-     * \n+     * APIMethod: createControlMarkup\n+     * This function just creates a div for the control. If specific HTML\n+     * markup is needed this function can be overridden in specific classes,\n+     * or at panel instantiation time:\n+     *\n+     * Example:\n+     * (code)\n+     * var panel = new OpenLayers.Control.Panel({\n+     *     defaultControl: control,\n+     *     // ovverride createControlMarkup to create actual buttons\n+     *     // including texts wrapped into span elements.\n+     *     createControlMarkup: function(control) {\n+     *         var button = document.createElement('button'),\n+     *             span = document.createElement('span');\n+     *         if (control.text) {\n+     *             span.innerHTML = control.text;\n+     *         }\n+     *         return button;\n+     *     }\n+     *  });\n+     * (end)\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-     *     do some init work in that case.\n-     * dragging - {Boolean}\n+     * control - {<OpenLayers.Control>} The control to create the HTML\n+     *     markup for.\n+     *\n+     * Returns:\n+     * {DOMElement} The markup.\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        if (zoomChanged || !this.matrix) {\n-            this.updateMatrixProperties();\n-        }\n-        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments);\n+    createControlMarkup: function(control) {\n+        return document.createElement(\"div\");\n     },\n \n     /**\n-     * APIMethod: clone\n-     * \n+     * Method: addControlsToMap\n+     * Only for internal use in draw() and addControls() methods.\n+     *\n      * Parameters:\n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.WMTS>} An exact clone of this <OpenLayers.Layer.WMTS>\n+     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMTS(this.options);\n+    addControlsToMap: function(controls) {\n+        var control;\n+        for (var i = 0, len = controls.length; i < len; i++) {\n+            control = controls[i];\n+            if (control.autoActivate === true) {\n+                control.autoActivate = false;\n+                this.map.addControl(control);\n+                control.autoActivate = true;\n+            } else {\n+                this.map.addControl(control);\n+                control.deactivate();\n+            }\n+            control.events.on({\n+                activate: this.iconOn,\n+                deactivate: this.iconOff\n+            });\n         }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        // copy/set any non-init, non-simple values here\n-        return obj;\n     },\n \n     /**\n-     * Method: getIdentifier\n-     * Get the current index in the matrixIds array.\n+     * Method: iconOn\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n      */\n-    getIdentifier: function() {\n-        return this.getServerZoom();\n+    iconOn: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n+        d.className = d.className.replace(re, \"$1Active\");\n     },\n \n     /**\n-     * Method: getMatrix\n-     * Get the appropriate matrix definition for the current map resolution.\n+     * Method: iconOff\n+     * Internal use, for use only with \"controls[i].events.on/un\".\n      */\n-    getMatrix: function() {\n-        var matrix;\n-        if (!this.matrixIds || this.matrixIds.length === 0) {\n-            matrix = {\n-                identifier: this.getIdentifier()\n-            };\n-        } else {\n-            // get appropriate matrix given the map scale if possible\n-            if (\"scaleDenominator\" in this.matrixIds[0]) {\n-                // scale denominator calculation based on WMTS spec\n-                var denom =\n-                    OpenLayers.METERS_PER_INCH *\n-                    OpenLayers.INCHES_PER_UNIT[this.units] *\n-                    this.getServerResolution() / 0.28E-3;\n-                var diff = Number.POSITIVE_INFINITY;\n-                var delta;\n-                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n-                    delta = Math.abs(1 - (this.matrixIds[i].scaleDenominator / denom));\n-                    if (delta < diff) {\n-                        diff = delta;\n-                        matrix = this.matrixIds[i];\n-                    }\n-                }\n-            } else {\n-                // fall back on zoom as index\n-                matrix = this.matrixIds[this.getIdentifier()];\n+    iconOff: function() {\n+        var d = this.panel_div; // \"this\" refers to a control on panel!\n+        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n+        d.className = d.className.replace(re, \"$1Inactive\");\n+    },\n+\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onButtonClick: function(evt) {\n+        var controls = this.controls,\n+            button = evt.buttonElement;\n+        for (var i = controls.length - 1; i >= 0; --i) {\n+            if (controls[i].panel_div === button) {\n+                this.activateControl(controls[i]);\n+                break;\n             }\n         }\n-        return matrix;\n     },\n \n-    /** \n-     * Method: getTileInfo\n-     * Get tile information for a given location at the current map resolution.\n+    /**\n+     * APIMethod: getControlsBy\n+     * Get a list of controls with properties matching the given criteria.\n      *\n      * Parameters:\n-     * loc - {<OpenLayers.LonLat} A location in map coordinates.\n+     * property - {String} A control property to be matched.\n+     * match - {String | Object} A string to match.  Can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     match.test(control[property]) evaluates to true, the control will be\n+     *     included in the array returned.  If no controls are found, an empty\n+     *     array is returned.\n      *\n      * Returns:\n-     * {Object} An object with \"col\", \"row\", \"i\", and \"j\" properties.  The col\n-     *     and row values are zero based tile indexes from the top left.  The\n-     *     i and j values are the number of pixels to the left and top \n-     *     (respectively) of the given location within the target tile.\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n+     *     An empty array is returned if no matches are found.\n      */\n-    getTileInfo: function(loc) {\n-        var res = this.getServerResolution();\n-\n-        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n-        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n-\n-        var col = Math.floor(fx);\n-        var row = Math.floor(fy);\n-\n-        return {\n-            col: col,\n-            row: row,\n-            i: Math.floor((fx - col) * this.tileSize.w),\n-            j: Math.floor((fy - row) * this.tileSize.h)\n-        };\n+    getControlsBy: function(property, match) {\n+        var test = (typeof match.test == \"function\");\n+        var found = OpenLayers.Array.filter(this.controls, function(item) {\n+            return item[property] == match || (test && match.test(item[property]));\n+        });\n+        return found;\n     },\n \n     /**\n-     * Method: getURL\n-     * \n+     * APIMethod: getControlsByName\n+     * Get a list of contorls with names matching the given name.\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * \n+     * match - {String | Object} A control name.  The name can also be a regular\n+     *     expression literal or object.  In addition, it can be any object\n+     *     with a method named test.  For reqular expressions or other, if\n+     *     name.test(control.name) evaluates to true, the control will be included\n+     *     in the list of controls returned.  If no controls are found, an empty\n+     *     array is returned.\n+     *\n      * Returns:\n-     * {String} A URL for the tile corresponding to the given bounds.\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n+     *     An empty array is returned if no matches are found.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var url = \"\";\n-        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n-\n-            var center = bounds.getCenterLonLat();\n-            var info = this.getTileInfo(center);\n-            var matrixId = this.matrix.identifier;\n-            var dimensions = this.dimensions,\n-                params;\n-\n-            if (OpenLayers.Util.isArray(this.url)) {\n-                url = this.selectUrl([\n-                    this.version, this.style, this.matrixSet,\n-                    this.matrix.identifier, info.row, info.col\n-                ].join(\",\"), this.url);\n-            } else {\n-                url = this.url;\n-            }\n-\n-            if (this.requestEncoding.toUpperCase() === \"REST\") {\n-                params = this.params;\n-                if (url.indexOf(\"{\") !== -1) {\n-                    var template = url.replace(/\\{/g, \"${\");\n-                    var context = {\n-                        // spec does not make clear if capital S or not\n-                        style: this.style,\n-                        Style: this.style,\n-                        TileMatrixSet: this.matrixSet,\n-                        TileMatrix: this.matrix.identifier,\n-                        TileRow: info.row,\n-                        TileCol: info.col\n-                    };\n-                    if (dimensions) {\n-                        var dimension, i;\n-                        for (i = dimensions.length - 1; i >= 0; --i) {\n-                            dimension = dimensions[i];\n-                            context[dimension] = params[dimension.toUpperCase()];\n-                        }\n-                    }\n-                    url = OpenLayers.String.format(template, context);\n-                } else {\n-                    // include 'version', 'layer' and 'style' in tile resource url\n-                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n-\n-                    // append optional dimension path elements\n-                    if (dimensions) {\n-                        for (var i = 0; i < dimensions.length; i++) {\n-                            if (params[dimensions[i]]) {\n-                                path = path + params[dimensions[i]] + \"/\";\n-                            }\n-                        }\n-                    }\n-\n-                    // append other required path elements\n-                    path = path + this.matrixSet + \"/\" + this.matrix.identifier +\n-                        \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n-\n-                    if (!url.match(/\\/$/)) {\n-                        url = url + \"/\";\n-                    }\n-                    url = url + path;\n-                }\n-            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-\n-                // assemble all required parameters\n-                params = {\n-                    SERVICE: \"WMTS\",\n-                    REQUEST: \"GetTile\",\n-                    VERSION: this.version,\n-                    LAYER: this.layer,\n-                    STYLE: this.style,\n-                    TILEMATRIXSET: this.matrixSet,\n-                    TILEMATRIX: this.matrix.identifier,\n-                    TILEROW: info.row,\n-                    TILECOL: info.col,\n-                    FORMAT: this.format\n-                };\n-                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params]);\n-\n-            }\n-        }\n-        return url;\n+    getControlsByName: function(match) {\n+        return this.getControlsBy(\"name\", match);\n     },\n \n     /**\n-     * APIMethod: mergeNewParams\n-     * Extend the existing layer <params> with new properties.  Tiles will be\n-     *     reloaded with updated params in the request.\n-     * \n+     * APIMethod: getControlsByClass\n+     * Get a list of controls of a given type (CLASS_NAME).\n+     *\n      * Parameters:\n-     * newParams - {Object} Properties to extend to existing <params>.\n+     * match - {String | Object} A control class name.  The type can also be a\n+     *     regular expression literal or object.  In addition, it can be any\n+     *     object with a method named test.  For reqular expressions or other,\n+     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n+     *     be included in the list of controls returned.  If no controls are\n+     *     found, an empty array is returned.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n+     *     An empty array is returned if no matches are found.\n      */\n-    mergeNewParams: function(newParams) {\n-        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(\n-                this, [OpenLayers.Util.upperCaseObject(newParams)]\n-            );\n-        }\n+    getControlsByClass: function(match) {\n+        return this.getControlsBy(\"CLASS_NAME\", match);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n+    CLASS_NAME: \"OpenLayers.Control.Panel\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Layer/TMS.js\n+    OpenLayers/Control/DragPan.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.TMS\n- * Create a layer for accessing tiles from services that conform with the \n- *     Tile Map Service Specification \n- *     (http://wiki.osgeo.org/wiki/Tile_Map_Service_Specification).\n+ * Class: OpenLayers.Control.DragPan\n+ * The DragPan control pans the map with a drag of the mouse.\n  *\n- * Example:\n- * (code)\n- *     var layer = new OpenLayers.Layer.TMS(\n- *         \"My Layer\", // name for display in LayerSwitcher\n- *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\", // service endpoint\n- *         {layername: \"basic\", type: \"png\"} // required properties\n- *     );\n- * (end)\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIProperty: serviceVersion\n-     * {String} Service version for tile requests.  Default is \"1.0.0\".\n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n      */\n-    serviceVersion: \"1.0.0\",\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * APIProperty: layername\n-     * {String} The identifier for the <TileMap> as advertised by the service.  \n-     *     For example, if the service advertises a <TileMap> with \n-     *    'href=\"http://tms.osgeo.org/1.0.0/vmap0\"', the <layername> property \n-     *     would be set to \"vmap0\".\n+     * Property: panned\n+     * {Boolean} The map moved.\n      */\n-    layername: null,\n+    panned: false,\n \n     /**\n-     * APIProperty: type\n-     * {String} The format extension corresponding to the requested tile image\n-     *     type.  This is advertised in a <TileFormat> element as the \n-     *     \"extension\" attribute.  For example, if the service advertises a \n-     *     <TileMap> with <TileFormat width=\"256\" height=\"256\" mime-type=\"image/jpeg\" extension=\"jpg\" />,\n-     *     the <type> property would be set to \"jpg\".\n+     * Property: interval\n+     * {Integer} The number of milliseconds that should ellapse before\n+     *     panning the map again. Defaults to 0 milliseconds, which means that\n+     *     no separate cycle is used for panning. In most cases you won't want\n+     *     to change this value. For slow machines/devices larger values can be\n+     *     tried out.\n      */\n-    type: null,\n+    interval: 0,\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean} Make this layer a base layer.  Default is true.  Set false to\n-     *     use the layer as an overlay.\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n-    isBaseLayer: true,\n+    documentDrag: false,\n \n     /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n-     *     If provided, requests for tiles at all resolutions will be aligned\n-     *     with this location (no tiles shall overlap this location).  If\n-     *     not provided, the grid of tiles will be aligned with the bottom-left\n-     *     corner of the map's <maxExtent>.  Default is ``null``.\n-     *\n-     * Example:\n-     * (code)\n-     *     var layer = new OpenLayers.Layer.TMS(\n-     *         \"My Layer\",\n-     *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\",\n-     *         {\n-     *             layername: \"basic\", \n-     *             type: \"png\",\n-     *             // set if different than the bottom left of map.maxExtent\n-     *             tileOrigin: new OpenLayers.LonLat(-180, -90)\n-     *         }\n-     *     );\n-     * (end)\n+     * Property: kinetic\n+     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n      */\n-    tileOrigin: null,\n+    kinetic: null,\n \n     /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer; you can also look at <zoomOffset>, which is\n-     *     an alternative to <serverResolutions> for that specific purpose.\n-     *     (b) The map can work with resolutions that aren't supported by\n-     *     the server, i.e. that aren't in <serverResolutions>. When the\n-     *     map is displayed in such a resolution data for the closest\n-     *     server-supported resolution is loaded and the layer div is\n-     *     stretched as necessary.\n+     * APIProperty: enableKinetic\n+     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n+     *     set to true or to an object. If set to an object this\n+     *     object will be passed to the {<OpenLayers.Kinetic>}\n+     *     constructor. Defaults to true.\n+     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n+     *     included in your build config.\n      */\n-    serverResolutions: null,\n+    enableKinetic: true,\n \n     /**\n-     * APIProperty: zoomOffset\n-     * {Number} If your cache has more zoom levels than you want to provide\n-     *     access to with this layer, supply a zoomOffset.  This zoom offset\n-     *     is added to the current map zoom level to determine the level\n-     *     for a requested tile.  For example, if you supply a zoomOffset\n-     *     of 3, when the map is at the zoom 0, tiles will be requested from\n-     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n-     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n-     *     setting <serverResolutions> if you only want to expose a subset\n-     *     of the server resolutions.\n+     * APIProperty: kineticInterval\n+     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n+     *     scrolling\". Applies only if enableKinetic is set. Defaults\n+     *     to 10 milliseconds.\n      */\n-    zoomOffset: 0,\n+    kineticInterval: 10,\n+\n \n     /**\n-     * Constructor: OpenLayers.Layer.TMS\n-     * \n-     * Parameters:\n-     * name - {String} Title to be displayed in a <OpenLayers.Control.LayerSwitcher>\n-     * url - {String} Service endpoint (without the version number).  E.g.\n-     *     \"http://tms.osgeo.org/\".\n-     * options - {Object} Additional properties to be set on the layer.  The\n-     *     <layername> and <type> properties must be set here.\n+     * Method: draw\n+     * Creates a Drag handler, using <panMap> and\n+     * <panMapDone> as callbacks.\n      */\n-    initialize: function(name, url, options) {\n-        var newArguments = [];\n-        newArguments.push(name, url, {}, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+    draw: function() {\n+        if (this.enableKinetic && OpenLayers.Kinetic) {\n+            var config = {\n+                interval: this.kineticInterval\n+            };\n+            if (typeof this.enableKinetic === \"object\") {\n+                config = OpenLayers.Util.extend(config, this.enableKinetic);\n+            }\n+            this.kinetic = new OpenLayers.Kinetic(config);\n+        }\n+        this.handler = new OpenLayers.Handler.Drag(this, {\n+            \"move\": this.panMap,\n+            \"done\": this.panMapDone,\n+            \"down\": this.panMapStart\n+        }, {\n+            interval: this.interval,\n+            documentDrag: this.documentDrag\n+        });\n     },\n \n     /**\n-     * APIMethod: clone\n-     * Create a complete copy of this layer.\n-     *\n-     * Parameters:\n-     * obj - {Object} Should only be provided by subclasses that call this\n-     *     method.\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.TMS>} An exact clone of this <OpenLayers.Layer.TMS>\n+     * Method: panMapStart\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TMS(this.name,\n-                this.url,\n-                this.getOptions());\n+    panMapStart: function() {\n+        if (this.kinetic) {\n+            this.kinetic.begin();\n         }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n     },\n \n     /**\n-     * Method: getURL\n-     * \n+     * Method: panMap\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n+    panMap: function(xy) {\n+        if (this.kinetic) {\n+            this.kinetic.update(xy);\n         }\n-        return url + path;\n+        this.panned = true;\n+        this.map.pan(\n+            this.handler.last.x - xy.x,\n+            this.handler.last.y - xy.y, {\n+                dragging: true,\n+                animate: false\n+            }\n+        );\n     },\n \n-    /** \n-     * Method: setMap\n-     * When the layer is added to a map, then we can fetch our origin \n-     *    (if we don't have one.) \n-     * \n+    /**\n+     * Method: panMapDone\n+     * Finish the panning operation.  Only call setCenter (through <panMap>)\n+     *     if the map has actually been moved.\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n-                this.map.maxExtent.bottom);\n+    panMapDone: function(xy) {\n+        if (this.panned) {\n+            var res = null;\n+            if (this.kinetic) {\n+                res = this.kinetic.end(xy);\n+            }\n+            this.map.pan(\n+                this.handler.last.x - xy.x,\n+                this.handler.last.y - xy.y, {\n+                    dragging: !!res,\n+                    animate: false\n+                }\n+            );\n+            if (res) {\n+                var self = this;\n+                this.kinetic.move(res, function(x, y, end) {\n+                    self.map.pan(x, y, {\n+                        dragging: !end,\n+                        animate: false\n+                    });\n+                });\n+            }\n+            this.panned = false;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/ArcGISCache.js\n+    OpenLayers/Control/Navigation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/** \n- * @requires OpenLayers/Layer/XYZ.js\n+/**\n+ * @requires OpenLayers/Control/ZoomBox.js\n+ * @requires OpenLayers/Control/DragPan.js\n+ * @requires OpenLayers/Handler/MouseWheel.js\n+ * @requires OpenLayers/Handler/Click.js\n  */\n \n-/** \n- * Class: OpenLayers.Layer.ArcGISCache   \n- * Layer for accessing cached map tiles from an ArcGIS Server style mapcache. \n- * Tile must already be cached for this layer to access it. This does not require \n- * ArcGIS Server itself.\n+/**\n+ * Class: OpenLayers.Control.Navigation\n+ * The navigation control handles map browsing with mouse events (dragging,\n+ *     double-clicking, and scrolling the wheel).  Create a new navigation \n+ *     control with the <OpenLayers.Control.Navigation> control.  \n  * \n- * A few attempts have been made at this kind of layer before. See \n- * http://trac.osgeo.org/openlayers/ticket/1967 \n- * and \n- * http://trac.osgeo.org/openlayers/browser/sandbox/tschaub/arcgiscache/lib/OpenLayers/Layer/ArcGISCache.js\n- *\n- * Typically the problem encountered is that the tiles seem to \"jump around\".\n- * This is due to the fact that the actual max extent for the tiles on AGS layers\n- * changes at each zoom level due to the way these caches are constructed.\n- * We have attempted to use the resolutions, tile size, and tile origin\n- * from the cache meta data to make the appropriate changes to the max extent\n- * of the tile to compensate for this behavior.  This must be done as zoom levels change\n- * and before tiles are requested, which is why methods from base classes are overridden.\n- *\n- * For reference, you can access mapcache meta data in two ways. For accessing a \n- * mapcache through ArcGIS Server, you can simply go to the landing page for the\n- * layer. (ie. http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer)\n- * For accessing it directly through HTTP, there should always be a conf.xml file\n- * in the root directory. \n- * (ie. http://serverx.esri.com/arcgiscache/DG_County_roads_yesA_backgroundDark/Layers/conf.xml)\n- *  \n- *Inherits from: \n- *  - <OpenLayers.Layer.XYZ>             \n+ *     Note that this control is added to the map by default (if no controls \n+ *     array is sent in the options object to the <OpenLayers.Map> \n+ *     constructor).\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIProperty: url\n-     * {String | Array} The base URL for the layer cache.  You can also\n-     *     provide a list of URL strings for the layer if your cache is\n-     *     available from multiple origins.  This must be set before the layer\n-     *     is drawn.\n+    /** \n+     * Property: dragPan\n+     * {<OpenLayers.Control.DragPan>} \n      */\n-    url: null,\n+    dragPan: null,\n \n     /**\n-     * APIProperty: tileOrigin\n-     * {<OpenLayers.LonLat>} The location of the tile origin for the cache.\n-     *     An ArcGIS cache has it's origin at the upper-left (lowest x value\n-     *     and highest y value of the coordinate system).  The units for the\n-     *     tile origin should be the same as the units for the cached data.\n+     * APIProperty: dragPanOptions\n+     * {Object} Options passed to the DragPan control.\n      */\n-    tileOrigin: null,\n+    dragPanOptions: null,\n \n     /**\n-     * APIProperty: tileSize\n-     * {<OpenLayers.Size>} This size of each tile. Defaults to 256 by 256 pixels.\n+     * Property: pinchZoom\n+     * {<OpenLayers.Control.PinchZoom>}\n      */\n-    tileSize: new OpenLayers.Size(256, 256),\n+    pinchZoom: null,\n \n     /**\n-     * APIProperty: useAGS\n-     * {Boolean} Indicates if we are going to be accessing the ArcGIS Server (AGS)\n-     *     cache via an AGS MapServer or directly through HTTP. When accessing via\n-     *     AGS the path structure uses a standard z/y/x structure. But AGS actually\n-     *     stores the tile images on disk using a hex based folder structure that looks\n-     *     like \"http://example.com/mylayer/L00/R00000000/C00000000.png\".  Learn more\n-     *     about this here:\n-     *     http://blogs.esri.com/Support/blogs/mappingcenter/archive/2010/08/20/Checking-Your-Local-Cache-Folders.aspx\n-     *     Defaults to true;\n+     * APIProperty: pinchZoomOptions\n+     * {Object} Options passed to the PinchZoom control.\n      */\n-    useArcGISServer: true,\n+    pinchZoomOptions: null,\n \n     /**\n-     * APIProperty: type\n-     * {String} Image type for the layer.  This becomes the filename extension\n-     *     in tile requests.  Default is \"png\" (generating a url like\n-     *     \"http://example.com/mylayer/L00/R00000000/C00000000.png\").\n+     * APIProperty: documentDrag\n+     * {Boolean} Allow panning of the map by dragging outside map viewport.\n+     *     Default is false.\n      */\n-    type: 'png',\n+    documentDrag: false,\n \n-    /**\n-     * APIProperty: useScales\n-     * {Boolean} Optional override to indicate that the layer should use 'scale' information\n-     *     returned from the server capabilities object instead of 'resolution' information.\n-     *     This can be important if your tile server uses an unusual DPI for the tiles.\n+    /** \n+     * Property: zoomBox\n+     * {<OpenLayers.Control.ZoomBox>}\n      */\n-    useScales: false,\n+    zoomBox: null,\n \n     /**\n-     * APIProperty: overrideDPI\n-     * {Boolean} Optional override to change the OpenLayers.DOTS_PER_INCH setting based \n-     *     on the tile information in the server capabilities object.  This can be useful \n-     *     if your server has a non-standard DPI setting on its tiles, and you're only using \n-     *     tiles with that DPI.  This value is used while OpenLayers is calculating resolution\n-     *     using scales, and is not necessary if you have resolution information. (This is\n-     *     typically the case)  Regardless, this setting can be useful, but is dangerous\n-     *     because it will impact other layers while calculating resolution.  Only use this\n-     *     if you know what you are doing.  (See OpenLayers.Util.getResolutionFromScale)\n+     * APIProperty: zoomBoxEnabled\n+     * {Boolean} Whether the user can draw a box to zoom\n      */\n-    overrideDPI: false,\n+    zoomBoxEnabled: true,\n \n     /**\n-     * Constructor: OpenLayers.Layer.ArcGISCache \n-     * Creates a new instance of this class \n-     * \n-     * Parameters: \n-     * name - {String} \n-     * url - {String} \n-     * options - {Object} extra layer options\n+     * APIProperty: zoomWheelEnabled\n+     * {Boolean} Whether the mousewheel should zoom the map\n      */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-\n-        if (this.resolutions) {\n-            this.serverResolutions = this.resolutions;\n-            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0]);\n-        }\n-\n-        // this block steps through translating the values from the server layer JSON \n-        // capabilities object into values that we can use.  This is also a helpful\n-        // reference when configuring this layer directly.\n-        if (this.layerInfo) {\n-            // alias the object\n-            var info = this.layerInfo;\n-\n-            // build our extents\n-            var startingTileExtent = new OpenLayers.Bounds(\n-                info.fullExtent.xmin,\n-                info.fullExtent.ymin,\n-                info.fullExtent.xmax,\n-                info.fullExtent.ymax\n-            );\n+    zoomWheelEnabled: true,\n \n-            // set our projection based on the given spatial reference.\n-            // esri uses slightly different IDs, so this may not be comprehensive\n-            this.projection = 'EPSG:' + info.spatialReference.wkid;\n-            this.sphericalMercator = (info.spatialReference.wkid == 102100);\n+    /**\n+     * Property: mouseWheelOptions\n+     * {Object} Options passed to the MouseWheel control (only useful if\n+     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n+     *     with fractionalZoom set to true, otherwise\n+     *     {cumulative: false, interval: 50, maxDelta: 6} \n+     */\n+    mouseWheelOptions: null,\n \n-            // convert esri units into openlayers units (basic feet or meters only)\n-            this.units = (info.units == \"esriFeet\") ? 'ft' : 'm';\n+    /**\n+     * APIProperty: handleRightClicks\n+     * {Boolean} Whether or not to handle right clicks. Default is false.\n+     */\n+    handleRightClicks: false,\n \n-            // optional extended section based on whether or not the server returned\n-            // specific tile information\n-            if (!!info.tileInfo) {\n-                // either set the tiles based on rows/columns, or specific width/height\n-                this.tileSize = new OpenLayers.Size(\n-                    info.tileInfo.width || info.tileInfo.cols,\n-                    info.tileInfo.height || info.tileInfo.rows\n-                );\n+    /**\n+     * APIProperty: zoomBoxKeyMask\n+     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n+     *    pressed, while drawing the zoom box with the mouse on the screen. \n+     *    You should probably set handleRightClicks to true if you use this\n+     *    with MOD_CTRL, to disable the context menu for machines which use\n+     *    CTRL-Click as a right click.\n+     * Default: <OpenLayers.Handler.MOD_SHIFT>\n+     */\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n \n-                // this must be set when manually configuring this layer\n-                this.tileOrigin = new OpenLayers.LonLat(\n-                    info.tileInfo.origin.x,\n-                    info.tileInfo.origin.y\n-                );\n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n \n-                var upperLeft = new OpenLayers.Geometry.Point(\n-                    startingTileExtent.left,\n-                    startingTileExtent.top\n-                );\n+    /**\n+     * Constructor: OpenLayers.Control.Navigation\n+     * Create a new navigation control\n+     * \n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n+     */\n+    initialize: function(options) {\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    },\n \n-                var bottomRight = new OpenLayers.Geometry.Point(\n-                    startingTileExtent.right,\n-                    startingTileExtent.bottom\n-                );\n+    /**\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n+     */\n+    destroy: function() {\n+        this.deactivate();\n \n-                if (this.useScales) {\n-                    this.scales = [];\n-                } else {\n-                    this.resolutions = [];\n-                }\n+        if (this.dragPan) {\n+            this.dragPan.destroy();\n+        }\n+        this.dragPan = null;\n \n-                this.lods = [];\n-                for (var key in info.tileInfo.lods) {\n-                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n-                        var lod = info.tileInfo.lods[key];\n-                        if (this.useScales) {\n-                            this.scales.push(lod.scale);\n-                        } else {\n-                            this.resolutions.push(lod.resolution);\n-                        }\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy();\n+        }\n+        this.zoomBox = null;\n \n-                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n-                        lod.startTileCol = start.x;\n-                        lod.startTileRow = start.y;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+        }\n+        this.pinchZoom = null;\n \n-                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n-                        lod.endTileCol = end.x;\n-                        lod.endTileRow = end.y;\n-                        this.lods.push(lod);\n-                    }\n-                }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n \n-                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n-                this.serverResolutions = this.resolutions;\n-                if (this.overrideDPI && info.tileInfo.dpi) {\n-                    // see comment above for 'overrideDPI'\n-                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi;\n-                }\n-            }\n+    /**\n+     * Method: activate\n+     */\n+    activate: function() {\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate();\n+        }\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate();\n+        }\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate();\n         }\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n     },\n \n-    /** \n-     * Method: getContainingTileCoords\n-     * Calculates the x/y pixel corresponding to the position of the tile\n-     *     that contains the given point and for the for the given resolution.\n-     * \n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n-     * of the upper left tile for the given resolution.\n+    /**\n+     * Method: deactivate\n      */\n-    getContainingTileCoords: function(point, res) {\n-        return new OpenLayers.Pixel(\n-            Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0),\n-            Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0)\n-        );\n+    deactivate: function() {\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate();\n+        }\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n     },\n \n-    /** \n-     * Method: calculateMaxExtentWithLOD\n-     * Given a Level of Detail object from the server, this function\n-     *     calculates the actual max extent\n-     * \n-     * Parameters: \n-     * lod - {Object} a Level of Detail Object from the server capabilities object \n-             representing a particular zoom level\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n+    /**\n+     * Method: draw\n      */\n-    calculateMaxExtentWithLOD: function(lod) {\n-        // the max extent we're provided with just overlaps some tiles\n-        // our real extent is the bounds of all the tiles we touch\n-\n-        var numTileCols = (lod.endTileCol - lod.startTileCol) + 1;\n-        var numTileRows = (lod.endTileRow - lod.startTileRow) + 1;\n-\n-        var minX = this.tileOrigin.lon + (lod.startTileCol * this.tileSize.w * lod.resolution);\n-        var maxX = minX + (numTileCols * this.tileSize.w * lod.resolution);\n+    draw: function() {\n+        // disable right mouse context menu for support of right click events\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n+        }\n \n-        var maxY = this.tileOrigin.lat - (lod.startTileRow * this.tileSize.h * lod.resolution);\n-        var minY = maxY - (numTileRows * this.tileSize.h * lod.resolution);\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n+        var clickCallbacks = {\n+            'click': this.defaultClick,\n+            'dblclick': this.defaultDblClick,\n+            'dblrightclick': this.defaultDblRightClick\n+        };\n+        var clickOptions = {\n+            'double': true,\n+            'stopDouble': true\n+        };\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, clickCallbacks, clickOptions\n+        );\n+        this.dragPan = new OpenLayers.Control.DragPan(\n+            OpenLayers.Util.extend({\n+                map: this.map,\n+                documentDrag: this.documentDrag\n+            }, this.dragPanOptions)\n+        );\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n+        });\n+        this.dragPan.draw();\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n+        };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n+            this, {\n+                up: this.wheelUp,\n+                down: this.wheelDown\n+            },\n+            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n+        );\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+                OpenLayers.Util.extend({\n+                    map: this.map\n+                }, this.pinchZoomOptions));\n+        }\n     },\n \n-    /** \n-     * Method: calculateMaxExtentWithExtent\n-     * Given a 'suggested' max extent from the server, this function uses\n-     *     information about the actual tile sizes to determine the actual\n-     *     extent of the layer.\n-     * \n-     * Parameters: \n-     * extent - {<OpenLayers.Bounds>} The 'suggested' extent for the layer\n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n+    /**\n+     * Method: defaultClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    calculateMaxExtentWithExtent: function(extent, res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n-        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n-        var start = this.getContainingTileCoords(upperLeft, res);\n-        var end = this.getContainingTileCoords(bottomRight, res);\n-        var lod = {\n-            resolution: res,\n-            startTileCol: start.x,\n-            startTileRow: start.y,\n-            endTileCol: end.x,\n-            endTileRow: end.y\n-        };\n-        return this.calculateMaxExtentWithLOD(lod);\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut();\n+        }\n     },\n \n-    /** \n-     * Method: getUpperLeftTileCoord\n-     * Calculates the x/y pixel corresponding to the position \n-     *     of the upper left tile for the given resolution.\n-     * \n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n+    /**\n+     * Method: defaultDblClick \n      * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n-     * of the upper left tile for the given resolution.\n+     * Parameters:\n+     * evt - {Event} \n      */\n-    getUpperLeftTileCoord: function(res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(\n-            this.maxExtent.left,\n-            this.maxExtent.top);\n-        return this.getContainingTileCoords(upperLeft, res);\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n     },\n \n-    /** \n-     * Method: getLowerRightTileCoord\n-     * Calculates the x/y pixel corresponding to the position \n-     *     of the lower right tile for the given resolution.\n-     *  \n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n+    /**\n+     * Method: defaultDblRightClick \n      * \n-     * Returns: \n-     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position\n-     * of the lower right tile for the given resolution.\n+     * Parameters:\n+     * evt - {Event} \n      */\n-    getLowerRightTileCoord: function(res) {\n-        var bottomRight = new OpenLayers.Geometry.Point(\n-            this.maxExtent.right,\n-            this.maxExtent.bottom);\n-        return this.getContainingTileCoords(bottomRight, res);\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n     },\n \n-    /** \n-     * Method: getMaxExtentForResolution\n-     * Since the max extent of a set of tiles can change from zoom level\n-     *     to zoom level, we need to be able to calculate that max extent \n-     *     for a given resolution.\n+    /**\n+     * Method: wheelChange  \n      *\n-     * Parameters: \n-     * res - {Float} The resolution for which to compute the extent.\n-     * \n-     * Returns: \n-     * {<OpenLayers.Bounds>} The extent for this resolution\n+     * Parameters:\n+     * evt - {Event}\n+     * deltaZ - {Integer}\n      */\n-    getMaxExtentForResolution: function(res) {\n-        var start = this.getUpperLeftTileCoord(res);\n-        var end = this.getLowerRightTileCoord(res);\n-\n-        var numTileCols = (end.x - start.x) + 1;\n-        var numTileRows = (end.y - start.y) + 1;\n-\n-        var minX = this.tileOrigin.lon + (start.x * this.tileSize.w * res);\n-        var maxX = minX + (numTileCols * this.tileSize.w * res);\n-\n-        var maxY = this.tileOrigin.lat - (start.y * this.tileSize.h * res);\n-        var minY = maxY - (numTileRows * this.tileSize.h * res);\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ);\n+        }\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n+            return;\n+        }\n+        this.map.zoomTo(newZoom, evt.xy);\n     },\n \n     /** \n-     * APIMethod: clone \n-     * Returns an exact clone of this OpenLayers.Layer.ArcGISCache\n+     * Method: wheelUp\n+     * User spun scroll wheel up\n      * \n-     * Parameters: \n-     * [obj] - {Object} optional object to assign the cloned instance to.\n-     *  \n-     * Returns: \n-     * {<OpenLayers.Layer.ArcGISCache>} clone of this instance \n+     * Parameters:\n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options);\n-        }\n-        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1);\n     },\n \n-    /**\n-     * Method: initGriddedTiles\n+    /** \n+     * Method: wheelDown\n+     * User spun scroll wheel down\n      * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * evt - {Event}\n+     * delta - {Integer}\n      */\n-    initGriddedTiles: function(bounds) {\n-        delete this._tileOrigin;\n-        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments);\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1);\n     },\n \n     /**\n-     * Method: getMaxExtent\n-     * Get this layer's maximum extent.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * Method: disableZoomBox\n      */\n-    getMaxExtent: function() {\n-        var resolution = this.map.getResolution();\n-        return this.maxExtent = this.getMaxExtentForResolution(resolution);\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate();\n     },\n \n     /**\n-     * Method: getTileOrigin\n-     * Determine the origin for aligning the grid of tiles.  \n-     *     The origin will be derived from the layer's <maxExtent> property. \n-     *\n-     * Returns:\n-     * {<OpenLayers.LonLat>} The tile origin.\n+     * Method: enableZoomBox\n      */\n-    getTileOrigin: function() {\n-        if (!this._tileOrigin) {\n-            var extent = this.getMaxExtent();\n-            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom);\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate();\n         }\n-        return this._tileOrigin;\n     },\n \n     /**\n-     * Method: getURL\n-     * Determine the URL for a tile given the tile bounds.  This is should support\n-     *     urls that access tiles through an ArcGIS Server MapServer or directly through\n-     *     the hex folder structure using HTTP.  Just be sure to set the useArcGISServer\n-     *     property appropriately!  This is basically the same as \n-     *     'OpenLayers.Layer.TMS.getURL',  but with the addition of hex addressing,\n-     *     and tile rounding.\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {String} The URL for a tile based on given bounds.\n+     * Method: disableZoomWheel\n      */\n-    getURL: function(bounds) {\n-        var res = this.getResolution();\n-\n-        // tile center\n-        var originTileX = (this.tileOrigin.lon + (res * this.tileSize.w / 2));\n-        var originTileY = (this.tileOrigin.lat - (res * this.tileSize.h / 2));\n-\n-        var center = bounds.getCenterLonLat();\n-        var point = {\n-            x: center.lon,\n-            y: center.lat\n-        };\n-        var x = (Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w))));\n-        var y = (Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h))));\n-        var z = this.map.getZoom();\n-\n-        // this prevents us from getting pink tiles (non-existant tiles)\n-        if (this.lods) {\n-            var lod = this.lods[this.map.getZoom()];\n-            if ((x < lod.startTileCol || x > lod.endTileCol) ||\n-                (y < lod.startTileRow || y > lod.endTileRow)) {\n-                return null;\n-            }\n-        } else {\n-            var start = this.getUpperLeftTileCoord(res);\n-            var end = this.getLowerRightTileCoord(res);\n-            if ((x < start.x || x >= end.x) ||\n-                (y < start.y || y >= end.y)) {\n-                return null;\n-            }\n-        }\n \n-        // Construct the url string\n-        var url = this.url;\n-        var s = '' + x + y + z;\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate();\n+    },\n \n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(s, url);\n-        }\n+    /**\n+     * Method: enableZoomWheel\n+     */\n \n-        // Accessing tiles through ArcGIS Server uses a different path\n-        // structure than direct access via the folder structure.\n-        if (this.useArcGISServer) {\n-            // AGS MapServers have pretty url access to tiles\n-            url = url + '/tile/${z}/${y}/${x}';\n-        } else {\n-            // The tile images are stored using hex values on disk.\n-            x = 'C' + OpenLayers.Number.zeroPad(x, 8, 16);\n-            y = 'R' + OpenLayers.Number.zeroPad(y, 8, 16);\n-            z = 'L' + OpenLayers.Number.zeroPad(z, 2, 10);\n-            url = url + '/${z}/${y}/${x}.' + this.type;\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate();\n         }\n-\n-        // Write the values into our formatted url\n-        url = OpenLayers.String.format(url, {\n-            'x': x,\n-            'y': y,\n-            'z': z\n-        });\n-\n-        return OpenLayers.Util.urlAppend(\n-            url, OpenLayers.Util.getParameterString(this.params)\n-        );\n     },\n \n-    CLASS_NAME: 'OpenLayers.Layer.ArcGISCache'\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/Boxes.js\n+    OpenLayers/Control/EditingToolbar.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Layer/Markers.js\n- */\n-\n /**\n- * Class: OpenLayers.Layer.Boxes\n- * Draw divs as 'boxes' on the layer. \n- *\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Navigation.js\n+ * @requires OpenLayers/Control/DrawFeature.js\n+ * @requires OpenLayers/Handler/Point.js\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Handler/Polygon.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.EditingToolbar \n+ * The EditingToolbar is a panel of 4 controls to draw polygons, lines, \n+ * points, or to navigate the map by panning. By default it appears in the \n+ * upper right corner of the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n+ *  - <OpenLayers.Control.Panel>\n  */\n-OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+OpenLayers.Control.EditingToolbar = OpenLayers.Class(\n+    OpenLayers.Control.Panel, {\n \n-    /**\n-     * Constructor: OpenLayers.Layer.Boxes\n-     *\n-     * Parameters:\n-     * name - {String} \n-     * options - {Object} Hashtable of extra options to tag onto the layer\n-     */\n+        /**\n+         * APIProperty: citeCompliant\n+         * {Boolean} If set to true, coordinates of features drawn in a map extent\n+         * crossing the date line won't exceed the world bounds. Default is false.\n+         */\n+        citeCompliant: false,\n \n-    /**\n-     * Method: drawMarker \n-     * Calculate the pixel location for the marker, create it, and\n-     *    add it to the layer's div\n-     *\n-     * Parameters: \n-     * marker - {<OpenLayers.Marker.Box>} \n-     */\n-    drawMarker: function(marker) {\n-        var topleft = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.left,\n-            lat: marker.bounds.top\n-        });\n-        var botright = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.right,\n-            lat: marker.bounds.bottom\n-        });\n-        if (botright == null || topleft == null) {\n-            marker.display(false);\n-        } else {\n-            var markerDiv = marker.draw(topleft, {\n-                w: Math.max(1, botright.x - topleft.x),\n-                h: Math.max(1, botright.y - topleft.y)\n-            });\n-            if (!marker.drawn) {\n-                this.div.appendChild(markerDiv);\n-                marker.drawn = true;\n-            }\n-        }\n-    },\n+        /**\n+         * Constructor: OpenLayers.Control.EditingToolbar\n+         * Create an editing toolbar for a given layer. \n+         *\n+         * Parameters:\n+         * layer - {<OpenLayers.Layer.Vector>} \n+         * options - {Object} \n+         */\n+        initialize: function(layer, options) {\n+            OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n \n+            this.addControls(\n+                [new OpenLayers.Control.Navigation()]\n+            );\n+            var controls = [\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n+                    displayClass: 'olControlDrawFeaturePoint',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n+                    }\n+                }),\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n+                    displayClass: 'olControlDrawFeaturePath',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n+                    }\n+                }),\n+                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n+                    displayClass: 'olControlDrawFeaturePolygon',\n+                    handlerOptions: {\n+                        citeCompliant: this.citeCompliant\n+                    }\n+                })\n+            ];\n+            this.addControls(controls);\n+        },\n \n-    /**\n-     * APIMethod: removeMarker \n-     * \n-     * Parameters:\n-     * marker - {<OpenLayers.Marker.Box>} \n-     */\n-    removeMarker: function(marker) {\n-        OpenLayers.Util.removeItem(this.markers, marker);\n-        if ((marker.div != null) &&\n-            (marker.div.parentNode == this.div)) {\n-            this.div.removeChild(marker.div);\n-        }\n-    },\n+        /**\n+         * Method: draw\n+         * calls the default draw, and then activates mouse defaults.\n+         *\n+         * Returns:\n+         * {DOMElement}\n+         */\n+        draw: function() {\n+            var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+            if (this.defaultControl === null) {\n+                this.defaultControl = this.controls[0];\n+            }\n+            return div;\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n-});\n+        CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n+    });\n /* ======================================================================\n-    OpenLayers/Layer/TileCache.js\n+    OpenLayers/Control/PanZoomBar.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control/PanZoom.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.TileCache\n- * A read only TileCache layer.  Used to requests tiles cached by TileCache in\n- *     a web accessible cache.  This means that you have to pre-populate your\n- *     cache before this layer can be used.  It is meant only to read tiles\n- *     created by TileCache, and not to make calls to TileCache for tile\n- *     creation.  Create a new instance with the\n- *     <OpenLayers.Layer.TileCache> constructor.\n+ * Class: OpenLayers.Control.PanZoomBar\n+ * The PanZoomBar is a visible control composed of a\n+ * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomBar>. \n+ * By default it is displayed in the upper left corner of the map as 4\n+ * directional arrows above a vertical slider.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control.PanZoom>\n  */\n-OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n \n     /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} Treat this layer as a base layer.  Default is true.\n+     * APIProperty: zoomStopWidth\n      */\n-    isBaseLayer: true,\n+    zoomStopWidth: 18,\n \n     /** \n-     * APIProperty: format\n-     * {String} Mime type of the images returned.  Default is image/png.\n+     * APIProperty: zoomStopHeight\n      */\n-    format: 'image/png',\n+    zoomStopHeight: 11,\n \n-    /**\n-     * APIProperty: serverResolutions\n-     * {Array} A list of all resolutions available on the server.  Only set this\n-     *     property if the map resolutions differ from the server. This\n-     *     property serves two purposes. (a) <serverResolutions> can include\n-     *     resolutions that the server supports and that you don't want to\n-     *     provide with this layer. (b) The map can work with resolutions\n-     *     that aren't supported by the server, i.e. that aren't in\n-     *     <serverResolutions>. When the map is displayed in such a resolution\n-     *     data for the closest server-supported resolution is loaded and the\n-     *     layer div is stretched as necessary.\n+    /** \n+     * Property: slider\n      */\n-    serverResolutions: null,\n+    slider: null,\n \n-    /**\n-     * Constructor: OpenLayers.Layer.TileCache\n-     * Create a new read only TileCache layer.\n-     *\n-     * Parameters:\n-     * name - {String} Name of the layer displayed in the interface\n-     * url - {String} Location of the web accessible cache (not the location of\n-     *     your tilecache script!)\n-     * layername - {String} Layer name as defined in the TileCache \n-     *     configuration\n-     * options - {Object} Optional object with properties to be set on the\n-     *     layer.  Note that you should speficy your resolutions to match\n-     *     your TileCache configuration.  This can be done by setting\n-     *     the resolutions array directly (here or on the map), by setting\n-     *     maxResolution and numZoomLevels, or by using scale based properties.\n+    /** \n+     * Property: sliderEvents\n+     * {<OpenLayers.Events>}\n      */\n-    initialize: function(name, url, layername, options) {\n-        this.layername = layername;\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this,\n-            [name, url, {}, options]);\n-        this.extension = this.format.split('/')[1].toLowerCase();\n-        this.extension = (this.extension == 'jpg') ? 'jpeg' : this.extension;\n-    },\n+    sliderEvents: null,\n \n-    /**\n-     * APIMethod: clone\n-     * obj - {Object} \n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.TileCache>} An exact clone of this \n-     *     <OpenLayers.Layer.TileCache>\n+    /** \n+     * Property: zoombarDiv\n+     * {DOMElement}\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TileCache(this.name,\n-                this.url,\n-                this.layername,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n+    zoombarDiv: null,\n \n-        return obj;\n-    },\n+    /** \n+     * APIProperty: zoomWorldIcon\n+     * {Boolean}\n+     */\n+    zoomWorldIcon: false,\n \n     /**\n-     * Method: getURL\n-     *\n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *     passed-in bounds and appropriate tile size specified as parameters.\n+     * APIProperty: panIcons\n+     * {Boolean} Set this property to false not to display the pan icons. If\n+     * false the zoom world icon is placed under the zoom bar. Defaults to\n+     * true.\n      */\n-    getURL: function(bounds) {\n-        var res = this.getServerResolution();\n-        var bbox = this.maxExtent;\n-        var size = this.tileSize;\n-        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n-        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n-        var tileZ = this.serverResolutions != null ?\n-            OpenLayers.Util.indexOf(this.serverResolutions, res) :\n-            this.map.getZoom();\n-\n-        var components = [\n-            this.layername,\n-            OpenLayers.Number.zeroPad(tileZ, 2),\n-            OpenLayers.Number.zeroPad(parseInt(tileX / 1000000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileX / 1000) % 1000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileX) % 1000), 3),\n-            OpenLayers.Number.zeroPad(parseInt(tileY / 1000000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileY / 1000) % 1000), 3),\n-            OpenLayers.Number.zeroPad((parseInt(tileY) % 1000), 3) + '.' + this.extension\n-        ];\n-        var path = components.join('/');\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n-        }\n-        url = (url.charAt(url.length - 1) == '/') ? url : url + '/';\n-        return url + path;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Image.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer.js\n- * @requires OpenLayers/Tile/Image.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Image\n- * Instances of OpenLayers.Layer.Image are used to display data from a web\n- * accessible image as a map layer.  Create a new image layer with the\n- * <OpenLayers.Layer.Image> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer>\n- */\n-OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n+    panIcons: true,\n \n     /**\n-     * Property: isBaseLayer\n-     * {Boolean} The layer is a base layer.  Default is true.  Set this property\n-     * in the layer options\n+     * APIProperty: forceFixedZoomLevel\n+     * {Boolean} Force a fixed zoom level even though the map has \n+     *     fractionalZoom\n      */\n-    isBaseLayer: true,\n+    forceFixedZoomLevel: false,\n \n     /**\n-     * Property: url\n-     * {String} URL of the image to use\n+     * Property: mouseDragStart\n+     * {<OpenLayers.Pixel>}\n      */\n-    url: null,\n+    mouseDragStart: null,\n \n     /**\n-     * Property: extent\n-     * {<OpenLayers.Bounds>} The image bounds in map units.  This extent will\n-     *     also be used as the default maxExtent for the layer.  If you wish\n-     *     to have a maxExtent that is different than the image extent, set the\n-     *     maxExtent property of the options argument (as with any other layer).\n+     * Property: deltaY\n+     * {Number} The cumulative vertical pixel offset during a zoom bar drag.\n      */\n-    extent: null,\n+    deltaY: null,\n \n     /**\n-     * Property: size\n-     * {<OpenLayers.Size>} The image size in pixels\n+     * Property: zoomStart\n+     * {<OpenLayers.Pixel>}\n      */\n-    size: null,\n+    zoomStart: null,\n \n     /**\n-     * Property: tile\n-     * {<OpenLayers.Tile.Image>}\n+     * Constructor: OpenLayers.Control.PanZoomBar\n      */\n-    tile: null,\n \n     /**\n-     * Property: aspectRatio\n-     * {Float} The ratio of height/width represented by a single pixel in the\n-     * graphic\n+     * APIMethod: destroy\n      */\n-    aspectRatio: null,\n+    destroy: function() {\n+\n+        this._removeZoomBar();\n+\n+        this.map.events.un({\n+            \"changebaselayer\": this.redraw,\n+            \"updatesize\": this.redraw,\n+            scope: this\n+        });\n+\n+        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n+\n+        delete this.mouseDragStart;\n+        delete this.zoomStart;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.Image\n-     * Create a new image layer\n-     *\n+     * Method: setMap\n+     * \n      * Parameters:\n-     * name - {String} A name for the layer.\n-     * url - {String} Relative or absolute path to the image\n-     * extent - {<OpenLayers.Bounds>} The extent represented by the image\n-     * size - {<OpenLayers.Size>} The size (in pixels) of the image\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * map - {<OpenLayers.Map>} \n      */\n-    initialize: function(name, url, extent, size, options) {\n-        this.url = url;\n-        this.extent = extent;\n-        this.maxExtent = extent;\n-        this.size = size;\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-\n-        this.aspectRatio = (this.extent.getHeight() / this.size.h) /\n-            (this.extent.getWidth() / this.size.w);\n+    setMap: function(map) {\n+        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            \"changebaselayer\": this.redraw,\n+            \"updatesize\": this.redraw,\n+            scope: this\n+        });\n     },\n \n-    /**\n-     * Method: destroy\n-     * Destroy this layer\n+    /** \n+     * Method: redraw\n+     * clear the div and start over.\n      */\n-    destroy: function() {\n-        if (this.tile) {\n-            this.removeTileMonitoringHooks(this.tile);\n-            this.tile.destroy();\n-            this.tile = null;\n+    redraw: function() {\n+        if (this.div != null) {\n+            this.removeButtons();\n+            this._removeZoomBar();\n         }\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n+        this.draw();\n     },\n \n     /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Paramters:\n-     * obj - {Object} An optional layer (is this ever used?)\n+     * Method: draw \n      *\n-     * Returns:\n-     * {<OpenLayers.Layer.Image>} An exact copy of this layer\n+     * Parameters:\n+     * px - {<OpenLayers.Pixel>} \n      */\n-    clone: function(obj) {\n+    draw: function(px) {\n+        // initialize our internal div\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position.clone();\n \n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Image(this.name,\n-                this.url,\n-                this.extent,\n-                this.size,\n-                this.getOptions());\n-        }\n+        // place the controls\n+        this.buttons = [];\n \n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        if (this.panIcons) {\n+            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+            var wposition = sz.w;\n \n-        // copy/set any non-init, non-simple values here\n+            if (this.zoomWorldIcon) {\n+                centered = new OpenLayers.Pixel(px.x + sz.w, px.y);\n+            }\n \n-        return obj;\n-    },\n+            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+            px.y = centered.y + sz.h;\n+            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+            if (this.zoomWorldIcon) {\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n \n-    /**\n-     * APIMethod: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        /**\n-         * If nothing to do with resolutions has been set, assume a single\n-         * resolution determined by ratio*extent/size - if an image has a\n-         * pixel aspect ratio different than one (as calculated above), the\n-         * image will be stretched in one dimension only.\n-         */\n-        if (this.options.maxResolution == null) {\n-            this.options.maxResolution = this.aspectRatio *\n-                this.extent.getWidth() /\n-                this.size.w;\n+                wposition *= 2;\n+            }\n+            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n+            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+        } else {\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n+            centered = this._addZoomBar(px.add(0, sz.h));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+            if (this.zoomWorldIcon) {\n+                centered = centered.add(0, sz.h + 3);\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz);\n+            }\n         }\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n+        return this.div;\n     },\n \n     /** \n-     * Method: moveTo\n-     * Create the tile for the image or resize it for the new resolution\n+     * Method: _addZoomBar\n      * \n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n-     * zoomChanged - {Boolean}\n-     * dragging - {Boolean}\n+     * centered - {<OpenLayers.Pixel>} where zoombar drawing is to start.\n      */\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+    _addZoomBar: function(centered) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n+        var id = this.id + \"_\" + this.map.id;\n+        var minZoom = this.map.getMinZoom();\n+        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n+        var slider = OpenLayers.Util.createAlphaImageDiv(id,\n+            centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n+                w: 20,\n+                h: 9\n+            },\n+            imgLocation,\n+            \"absolute\");\n+        slider.style.cursor = \"move\";\n+        this.slider = slider;\n \n-        var firstRendering = (this.tile == null);\n+        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n+            includeXY: true\n+        });\n+        this.sliderEvents.on({\n+            \"touchstart\": this.zoomBarDown,\n+            \"touchmove\": this.zoomBarDrag,\n+            \"touchend\": this.zoomBarUp,\n+            \"mousedown\": this.zoomBarDown,\n+            \"mousemove\": this.zoomBarDrag,\n+            \"mouseup\": this.zoomBarUp\n+        });\n \n-        if (zoomChanged || firstRendering) {\n+        var sz = {\n+            w: this.zoomStopWidth,\n+            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n+        };\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n+        var div = null;\n \n-            //determine new tile size\n-            this.setTileSize();\n+        if (OpenLayers.Util.alphaHack()) {\n+            var id = this.id + \"_\" + this.map.id;\n+            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n+                    w: sz.w,\n+                    h: this.zoomStopHeight\n+                },\n+                imgLocation,\n+                \"absolute\", null, \"crop\");\n+            div.style.height = sz.h + \"px\";\n+        } else {\n+            div = OpenLayers.Util.createDiv(\n+                'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id,\n+                centered,\n+                sz,\n+                imgLocation);\n+        }\n+        div.style.cursor = \"pointer\";\n+        div.className = \"olButton\";\n+        this.zoombarDiv = div;\n \n-            //determine new position (upper left corner of new bounds)\n-            var ulPx = this.map.getLayerPxFromLonLat({\n-                lon: this.extent.left,\n-                lat: this.extent.top\n-            });\n+        this.div.appendChild(div);\n \n-            if (firstRendering) {\n-                //create the new tile\n-                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent,\n-                    null, this.tileSize);\n-                this.addTileMonitoringHooks(this.tile);\n-            } else {\n-                //just resize the tile and set it's new position\n-                this.tile.size = this.tileSize.clone();\n-                this.tile.position = ulPx.clone();\n-            }\n-            this.tile.draw();\n-        }\n+        this.startTop = parseInt(div.style.top);\n+        this.div.appendChild(slider);\n+\n+        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n+\n+        centered = centered.add(0,\n+            this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n+        return centered;\n     },\n \n     /**\n-     * Set the tile size based on the map size.\n+     * Method: _removeZoomBar\n      */\n-    setTileSize: function() {\n-        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n-        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n-        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight);\n+    _removeZoomBar: function() {\n+        this.sliderEvents.un({\n+            \"touchstart\": this.zoomBarDown,\n+            \"touchmove\": this.zoomBarDrag,\n+            \"touchend\": this.zoomBarUp,\n+            \"mousedown\": this.zoomBarDown,\n+            \"mousemove\": this.zoomBarDrag,\n+            \"mouseup\": this.zoomBarUp\n+        });\n+        this.sliderEvents.destroy();\n+\n+        this.div.removeChild(this.zoombarDiv);\n+        this.zoombarDiv = null;\n+        this.div.removeChild(this.slider);\n+        this.slider = null;\n+\n+        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar);\n     },\n \n-    /** \n-     * Method: addTileMonitoringHooks\n-     * This function takes a tile as input and adds the appropriate hooks to \n-     *     the tile so that the layer can keep track of the loading tiles.\n-     * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n+    /**\n+     * Method: onButtonClick\n+     *\n+     * Parameters:\n+     * evt - {Event}\n      */\n-    addTileMonitoringHooks: function(tile) {\n-        tile.onLoadStart = function() {\n-            this.events.triggerEvent(\"loadstart\");\n-        };\n-        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n+    onButtonClick: function(evt) {\n+        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n+        if (evt.buttonElement === this.zoombarDiv) {\n+            var levels = evt.buttonXY.y / this.zoomStopHeight;\n+            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n+                levels = Math.floor(levels);\n+            }\n+            var zoom = (this.map.getNumZoomLevels() - 1) - levels;\n+            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n+            this.map.zoomTo(zoom);\n+        }\n+    },\n \n-        tile.onLoadEnd = function() {\n-            this.events.triggerEvent(\"loadend\");\n-        };\n-        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n-        tile.events.register(\"unload\", this, tile.onLoadEnd);\n+    /**\n+     * Method: passEventToSlider\n+     * This function is used to pass events that happen on the div, or the map,\n+     * through to the slider, which then does its moving thing.\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n+     */\n+    passEventToSlider: function(evt) {\n+        this.sliderEvents.handleBrowserEvent(evt);\n     },\n \n-    /** \n-     * Method: removeTileMonitoringHooks\n-     * This function takes a tile as input and removes the tile hooks \n-     *     that were added in <addTileMonitoringHooks>.\n-     * \n-     * Parameters: \n-     * tile - {<OpenLayers.Tile>}\n+    /*\n+     * Method: zoomBarDown\n+     * event listener for clicks on the slider\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n      */\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            \"loadstart\": tile.onLoadStart,\n-            \"loadend\": tile.onLoadEnd,\n-            \"unload\": tile.onLoadEnd,\n+    zoomBarDown: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n+            return;\n+        }\n+        this.map.events.on({\n+            \"touchmove\": this.passEventToSlider,\n+            \"mousemove\": this.passEventToSlider,\n+            \"mouseup\": this.passEventToSlider,\n             scope: this\n         });\n+        this.mouseDragStart = evt.xy.clone();\n+        this.zoomStart = evt.xy.clone();\n+        this.div.style.cursor = \"move\";\n+        // reset the div offsets just in case the div moved\n+        this.zoombarDiv.offsets = null;\n+        OpenLayers.Event.stop(evt);\n     },\n \n-    /**\n-     * APIMethod: setUrl\n-     * \n+    /*\n+     * Method: zoomBarDrag\n+     * This is what happens when a click has occurred, and the client is\n+     * dragging.  Here we must ensure that the slider doesn't go beyond the\n+     * bottom/top of the zoombar div, as well as moving the slider to its new\n+     * visual location\n+     *\n      * Parameters:\n-     * newUrl - {String}\n+     * evt - {<OpenLayers.Event>} \n      */\n-    setUrl: function(newUrl) {\n-        this.url = newUrl;\n-        this.tile.draw();\n+    zoomBarDrag: function(evt) {\n+        if (this.mouseDragStart != null) {\n+            var deltaY = this.mouseDragStart.y - evt.xy.y;\n+            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n+            if ((evt.clientY - offsets[1]) > 0 &&\n+                (evt.clientY - offsets[1]) < parseInt(this.zoombarDiv.style.height) - 2) {\n+                var newTop = parseInt(this.slider.style.top) - deltaY;\n+                this.slider.style.top = newTop + \"px\";\n+                this.mouseDragStart = evt.xy.clone();\n+            }\n+            // set cumulative displacement\n+            this.deltaY = this.zoomStart.y - evt.xy.y;\n+            OpenLayers.Event.stop(evt);\n+        }\n     },\n \n-    /** \n-     * APIMethod: getURL\n-     * The url we return is always the same (the image itself never changes)\n-     *     so we can ignore the bounds parameter (it will always be the same, \n-     *     anyways) \n-     * \n+    /*\n+     * Method: zoomBarUp\n+     * Perform cleanup when a mouseup event is received -- discover new zoom\n+     * level and switch to it.\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * evt - {<OpenLayers.Event>} \n      */\n-    getURL: function(bounds) {\n-        return this.url;\n+    zoomBarUp: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n+            return;\n+        }\n+        if (this.mouseDragStart) {\n+            this.div.style.cursor = \"\";\n+            this.map.events.un({\n+                \"touchmove\": this.passEventToSlider,\n+                \"mouseup\": this.passEventToSlider,\n+                \"mousemove\": this.passEventToSlider,\n+                scope: this\n+            });\n+            var zoomLevel = this.map.zoom;\n+            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.min(Math.max(zoomLevel, 0),\n+                    this.map.getNumZoomLevels() - 1);\n+            } else {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.max(Math.round(zoomLevel), 0);\n+            }\n+            this.map.zoomTo(zoomLevel);\n+            this.mouseDragStart = null;\n+            this.zoomStart = null;\n+            this.deltaY = 0;\n+            OpenLayers.Event.stop(evt);\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Image\"\n+    /*\n+     * Method: moveZoomBar\n+     * Change the location of the slider to match the current zoom level.\n+     */\n+    moveZoomBar: function() {\n+        var newTop =\n+            ((this.map.getNumZoomLevels() - 1) - this.map.getZoom()) *\n+            this.zoomStopHeight + this.startTop + 1;\n+        this.slider.style.top = newTop + \"px\";\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/KaMap.js\n+    OpenLayers/Control/Button.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Control.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.KaMap\n+ * Class: OpenLayers.Control.Button \n+ * The Button control is a very simple push-button, for use with \n+ * <OpenLayers.Control.Panel>.\n+ * When clicked, the function trigger() is executed.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Control>\n+ *\n+ * Use:\n+ * (code)\n+ * var button = new OpenLayers.Control.Button({\n+ *     displayClass: \"MyButton\", trigger: myFunction\n+ * });\n+ * panel.addControls([button]);\n+ * (end)\n+ * \n+ * Will create a button with CSS class MyButtonItemInactive, that\n+ *     will call the function MyFunction() when clicked.\n+ */\n+OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n+    /**\n+     * Property: type\n+     * {Integer} OpenLayers.Control.TYPE_BUTTON.\n+     */\n+    type: OpenLayers.Control.TYPE_BUTTON,\n+\n+    /**\n+     * Method: trigger\n+     * Called by a control panel when the button is clicked.\n+     */\n+    trigger: function() {},\n+\n+    CLASS_NAME: \"OpenLayers.Control.Button\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Pan.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/Button.js\n  */\n-OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n+/**\n+ * Class: OpenLayers.Control.Pan\n+ * The Pan control is a single button to pan the map in one direction. For\n+ * a more complete control see <OpenLayers.Control.PanPanel>.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} KaMap Layer is always a base layer \n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n+     *     by some ratio of the map dimensions, use <slideRatio> instead.\n      */\n-    isBaseLayer: true,\n+    slideFactor: 50,\n \n-    /**\n-     * Constant: DEFAULT_PARAMS\n-     * {Object} parameters set by default. The default parameters set \n-     * the format via the 'i' parameter to 'jpeg'.    \n+    /** \n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n+     *     pan up half the map height. \n      */\n-    DEFAULT_PARAMS: {\n-        i: 'jpeg',\n-        map: ''\n-    },\n+    slideRatio: null,\n+\n+    /** \n+     * Property: direction\n+     * {String} in {'North', 'South', 'East', 'West'}\n+     */\n+    direction: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.KaMap\n-     * \n+     * Constructor: OpenLayers.Control.Pan \n+     * Control which handles the panning (in any of the cardinal directions)\n+     *     of the map by a set px distance. \n+     *\n      * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * params - {Object} Parameters to be sent to the HTTP server in the\n-     *    query string for the tile. The format can be set via the 'i'\n-     *    parameter (defaults to jpg) , and the map should be set via \n-     *    the 'map' parameter. It has been reported that ka-Map may behave\n-     *    inconsistently if your format parameter does not match the format\n-     *    parameter configured in your config.php. (See ticket #327 for more\n-     *    information.)\n-     * options - {Object} Additional options for the layer. Any of the \n-     *     APIProperties listed on this layer, and any layer types it\n-     *     extends, can be overridden through the options parameter. \n+     * direction - {String} The direction this button should pan.\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        this.params = OpenLayers.Util.applyDefaults(\n-            this.params, this.DEFAULT_PARAMS\n-        );\n+    initialize: function(direction, options) {\n+\n+        this.direction = direction;\n+        this.CLASS_NAME += this.direction;\n+\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: getURL\n-     * \n-     * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n+     * Method: trigger\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        return this.getFullRequestString({\n-            t: pY,\n-            l: pX,\n-            s: scale\n-        });\n+    trigger: function() {\n+        if (this.map) {\n+            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n+                return this.slideRatio ?\n+                    this.map.getSize()[dim] * this.slideRatio :\n+                    this.slideFactor;\n+            }, this);\n+\n+            switch (this.direction) {\n+                case OpenLayers.Control.Pan.NORTH:\n+                    this.map.pan(0, -getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.SOUTH:\n+                    this.map.pan(0, getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.WEST:\n+                    this.map.pan(-getSlideFactor(\"w\"), 0);\n+                    break;\n+                case OpenLayers.Control.Pan.EAST:\n+                    this.map.pan(getSlideFactor(\"w\"), 0);\n+                    break;\n+            }\n+        }\n     },\n \n+    CLASS_NAME: \"OpenLayers.Control.Pan\"\n+});\n+\n+OpenLayers.Control.Pan.NORTH = \"North\";\n+OpenLayers.Control.Pan.SOUTH = \"South\";\n+OpenLayers.Control.Pan.EAST = \"East\";\n+OpenLayers.Control.Pan.WEST = \"West\";\n+/* ======================================================================\n+    OpenLayers/Control/PanPanel.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Pan.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.PanPanel\n+ * The PanPanel is visible control for panning the map North, South, East or\n+ * West in small steps. By default it is drawn in the top left corner of the\n+ * map.\n+ *\n+ * Note: \n+ * If you wish to use this class with the default images and you want \n+ *       it to look nice in ie6, you should add the following, conditionally\n+ *       added css stylesheet to your HTML file:\n+ * \n+ * (code)\n+ * <!--[if lte IE 6]>\n+ *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n+ * <![endif]-->\n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control.Panel> \n+ */\n+OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+\n     /** \n-     * Method: calculateGridLayout\n-     * ka-Map uses the center point of the map as an origin for \n-     * its tiles. Override calculateGridLayout to center tiles \n-     * correctly for this case.\n+     * APIProperty: slideFactor\n+     * {Integer} Number of pixels by which we'll pan the map in any direction \n+     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n+     *     by some ratio of the map dimensions, use <slideRatio> instead.\n+     */\n+    slideFactor: 50,\n+\n+    /** \n+     * APIProperty: slideRatio\n+     * {Number} The fraction of map width/height by which we'll pan the map            \n+     *     on clicking the arrow buttons.  Default is null.  If set, will\n+     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n+     *     pan up half the map height. \n+     */\n+    slideRatio: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.PanPanel \n+     * Add the four directional pan buttons.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bound>}\n-     * origin - {<OpenLayers.LonLat>}\n-     * resolution - {Number}\n-     *\n-     * Returns:\n-     * {Object} Object containing properties tilelon, tilelat, startcol,\n-     * startrow\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        var options = {\n+            slideFactor: this.slideFactor,\n+            slideRatio: this.slideRatio\n+        };\n+        this.addControls([\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options),\n+            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)\n+        ]);\n+    },\n \n-        var offsetlon = bounds.left;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/SLD.js\n+   ====================================================================== */\n \n-        var offsetlat = bounds.top;\n-        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n-        };\n-    },\n+/**\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Style.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/Filter/FeatureId.js\n+ * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.SLD\n+ * Read/Write SLD. Create a new instance with the <OpenLayers.Format.SLD>\n+ *     constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n+ */\n+OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Method: getTileBoundsForGridIndex\n-     *\n-     * Parameters:\n-     * row - {Number} The row of the grid\n-     * col - {Number} The column of the grid\n+     * APIProperty: profile\n+     * {String} If provided, use a custom profile.\n      *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n+     * Currently supported profiles:\n+     * - GeoServer - parses GeoServer vendor specific capabilities for SLD.\n      */\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var minX = (tileLayout.startcol + col) * tilelon;\n-        var minY = (tileLayout.startrow - row) * tilelat;\n-        return new OpenLayers.Bounds(\n-            minX, minY,\n-            minX + tilelon, minY + tilelat\n-        );\n-    },\n+    profile: null,\n \n     /**\n-     * APIMethod: clone\n-     * \n-     * Parameters: \n-     * obj - {Object}\n-     * \n-     * Returns:\n-     * {<OpenLayers.Layer.Kamap>} An exact clone of this OpenLayers.Layer.KaMap\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.KaMap(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n-        }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+    defaultVersion: \"1.0.0\",\n \n-        // copy/set any non-init, non-simple values here\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone();\n-        }\n+    /**\n+     * APIProperty: stringifyOutput\n+     * {Boolean} If true, write will return a string otherwise a DOMElement.\n+     * Default is true.\n+     */\n+    stringifyOutput: true,\n \n-        // we do not want to copy reference to grid, so we make a new array\n-        obj.grid = [];\n+    /**\n+     * APIProperty: namedLayersAsArray\n+     * {Boolean} Generate a namedLayers array.  If false, the namedLayers\n+     *     property value will be an object keyed by layer name. Default is\n+     *     false.\n+     */\n+    namedLayersAsArray: false,\n \n-        return obj;\n-    },\n+    /**\n+     * APIMethod: write\n+     * Write a SLD document given a list of styles.\n+     *\n+     * Parameters:\n+     * sld - {Object} An object representing the SLD.\n+     * options - {Object} Optional configuration object.\n+     *\n+     * Returns:\n+     * {String} An SLD document string.\n+     */\n \n     /**\n-     * APIMethod: getTileBounds\n-     * Returns The tile bounds for a layer given a pixel location.\n+     * APIMethod: read\n+     * Read and SLD doc and return an object representing the SLD.\n      *\n      * Parameters:\n-     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n+     * data - {String | DOMElement} Data to read.\n+     * options - {Object} Options for the reader.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n+     * {Object} An object representing the SLD.\n      */\n-    getTileBounds: function(viewPortPx) {\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n-        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n-        return new OpenLayers.Bounds(tileLeft, tileBottom,\n-            tileLeft + tileMapWidth,\n-            tileBottom + tileMapHeight);\n-    },\n \n-    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n+    CLASS_NAME: \"OpenLayers.Format.SLD\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/KaMapCache.js\n+    OpenLayers/Format/GML/v2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Layer/Grid.js\n- * @requires OpenLayers/Layer/KaMap.js\n+ * @requires OpenLayers/Format/GML/Base.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.KaMapCache\n- * \n- * This class is designed to talk directly to a web-accessible ka-Map\n- * cache generated by the precache2.php script.\n- * \n- * To create a a new KaMapCache layer, you must indicate also the \"i\" parameter\n- * (that will be used to calculate the file extension), and another special\n- * parameter, object names \"metaTileSize\", with \"h\" (height) and \"w\" (width)\n- * properties.\n- * \n- *     // Create a new kaMapCache layer. \n- *     var kamap_base = new OpenLayers.Layer.KaMapCache(\n- *         \"Satellite\",\n- *         \"http://www.example.org/web/acessible/cache\",\n- *         {g: \"satellite\", map: \"world\", i: 'png24', metaTileSize: {w: 5, h: 5} }\n- *       );\n- *    \n- *     // Create an kaMapCache overlay layer (using \"isBaseLayer: false\"). \n- *     // Forces the output to be a \"gif\", using the \"i\" parameter.\n- *     var kamap_overlay = new OpenLayers.Layer.KaMapCache(\n- *         \"Streets\",\n- *         \"http://www.example.org/web/acessible/cache\",\n- *         {g: \"streets\", map: \"world\", i: \"gif\", metaTileSize: {w: 5, h: 5} },\n- *         {isBaseLayer: false}\n- *       );\n- *\n- * The cache URLs must look like: \n- *   var/cache/World/50000/Group_Name/def/t-440320/l20480\n- * \n- * This means that the cache generated via tile.php will *not* work with\n- *     this class, and should instead use the KaMap layer.\n+ * Class: OpenLayers.Format.GML.v2\n+ * Parses GML version 2.\n  *\n- * More information is available in Ticket #1518.\n- * \n  * Inherits from:\n- *  - <OpenLayers.Layer.KaMap>\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Format.GML.Base>\n  */\n-OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n+OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n \n     /**\n-     * Constant: IMAGE_EXTENSIONS\n-     * {Object} Simple hash map to convert format to extension.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    IMAGE_EXTENSIONS: {\n-        'jpeg': 'jpg',\n-        'gif': 'gif',\n-        'png': 'png',\n-        'png8': 'png',\n-        'png24': 'png',\n-        'dithered': 'png'\n-    },\n+    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n \n     /**\n-     * Constant: DEFAULT_FORMAT\n-     * {Object} Simple hash map to convert format to extension.\n+     * Constructor: OpenLayers.Format.GML.v2\n+     * Create a parser for GML v2.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (required).\n+     * geometryName - {String} Geometry element name.\n      */\n-    DEFAULT_FORMAT: 'jpeg',\n+    initialize: function(options) {\n+        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.KaMapCache\n-     * \n-     * Parameters:\n-     * name - {String}\n-     * url - {String}\n-     * params - {Object} Parameters to be sent to the HTTP server in the\n-     *    query string for the tile. The format can be set via the 'i'\n-     *    parameter (defaults to jpg) , and the map should be set via \n-     *    the 'map' parameter. It has been reported that ka-Map may behave\n-     *    inconsistently if your format parameter does not match the format\n-     *    parameter configured in your config.php. (See ticket #327 for more\n-     *    information.)\n-     * options - {Object} Additional options for the layer. Any of the \n-     *     APIProperties listed on this layer, and any layer types it\n-     *     extends, can be overridden through the options parameter. \n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n-        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT];\n+    readers: {\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"outerBoundaryIs\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.outer = obj.components[0];\n+            },\n+            \"innerBoundaryIs\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                container.inner.push(obj.components[0]);\n+            },\n+            \"Box\": function(node, container) {\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                if (!container.components) {\n+                    container.components = [];\n+                }\n+                var min = obj.points[0];\n+                var max = obj.points[1];\n+                container.components.push(\n+                    new OpenLayers.Bounds(min.x, min.y, max.x, max.y)\n+                );\n+            }\n+        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n+        \"feature\": OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n+        \"wfs\": OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n     },\n \n     /**\n-     * Method: getURL\n-     * \n+     * Method: write\n+     *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * \n+     * features - {Array(<OpenLayers.Feature.Vector>) | OpenLayers.Feature.Vector}\n+     *     An array of features or a single feature.\n+     *\n      * Returns:\n-     * {String} A string with the layer's url and parameters and also the \n-     *          passed-in bounds and appropriate tile size specified as \n-     *          parameters\n+     * {String} Given an array of features, a doc with a gml:featureMembers\n+     *     element will be returned.  Given a single feature, a doc with a\n+     *     gml:featureMember element will be returned.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-\n-        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n-        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n-\n-        var components = [\n-            \"/\",\n-            this.params.map,\n-            \"/\",\n-            scale,\n-            \"/\",\n-            this.params.g.replace(/\\s/g, '_'),\n-            \"/def/t\",\n-            metaY,\n-            \"/l\",\n-            metaX,\n-            \"/t\",\n-            pY,\n-            \"l\",\n-            pX,\n-            \".\",\n-            this.extension\n-        ];\n+    write: function(features) {\n+        var name;\n+        if (OpenLayers.Util.isArray(features)) {\n+            // GML2 only has abstract feature collections\n+            // wfs provides a feature collection from a well-known schema\n+            name = \"wfs:FeatureCollection\";\n+        } else {\n+            name = \"gml:featureMember\";\n+        }\n+        var root = this.writeNode(name, features);\n+        this.setAttributeNS(\n+            root, this.namespaces[\"xsi\"],\n+            \"xsi:schemaLocation\", this.schemaLocation\n+        );\n \n-        var url = this.url;\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+    },\n \n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(components.join(''), url);\n-        }\n-        return url + components.join(\"\");\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {\n+        \"gml\": OpenLayers.Util.applyDefaults({\n+            \"Point\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:Point\");\n+                this.writeNode(\"coordinates\", [geometry], node);\n+                return node;\n+            },\n+            \"coordinates\": function(points) {\n+                var numPoints = points.length;\n+                var parts = new Array(numPoints);\n+                var point;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    point = points[i];\n+                    if (this.xy) {\n+                        parts[i] = point.x + \",\" + point.y;\n+                    } else {\n+                        parts[i] = point.y + \",\" + point.x;\n+                    }\n+                    if (point.z != undefined) { // allow null or undefined\n+                        parts[i] += \",\" + point.z;\n+                    }\n+                }\n+                return this.createElementNSPlus(\"gml:coordinates\", {\n+                    attributes: {\n+                        decimal: \".\",\n+                        cs: \",\",\n+                        ts: \" \"\n+                    },\n+                    value: (numPoints == 1) ? parts[0] : parts.join(\" \")\n+                });\n+            },\n+            \"LineString\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:LineString\");\n+                this.writeNode(\"coordinates\", geometry.components, node);\n+                return node;\n+            },\n+            \"Polygon\": function(geometry) {\n+                var node = this.createElementNSPlus(\"gml:Polygon\");\n+                this.writeNode(\"outerBoundaryIs\", geometry.components[0], node);\n+                for (var i = 1; i < geometry.components.length; ++i) {\n+                    this.writeNode(\n+                        \"innerBoundaryIs\", geometry.components[i], node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"outerBoundaryIs\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:outerBoundaryIs\");\n+                this.writeNode(\"LinearRing\", ring, node);\n+                return node;\n+            },\n+            \"innerBoundaryIs\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:innerBoundaryIs\");\n+                this.writeNode(\"LinearRing\", ring, node);\n+                return node;\n+            },\n+            \"LinearRing\": function(ring) {\n+                var node = this.createElementNSPlus(\"gml:LinearRing\");\n+                this.writeNode(\"coordinates\", ring.components, node);\n+                return node;\n+            },\n+            \"Box\": function(bounds) {\n+                var node = this.createElementNSPlus(\"gml:Box\");\n+                this.writeNode(\"coordinates\", [{\n+                    x: bounds.left,\n+                    y: bounds.bottom\n+                }, {\n+                    x: bounds.right,\n+                    y: bounds.top\n+                }], node);\n+                // srsName attribute is optional for gml:Box\n+                if (this.srsName) {\n+                    node.setAttribute(\"srsName\", this.srsName);\n+                }\n+                return node;\n+            }\n+        }, OpenLayers.Format.GML.Base.prototype.writers[\"gml\"]),\n+        \"feature\": OpenLayers.Format.GML.Base.prototype.writers[\"feature\"],\n+        \"wfs\": OpenLayers.Format.GML.Base.prototype.writers[\"wfs\"]\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n+    CLASS_NAME: \"OpenLayers.Format.GML.v2\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Layer/Zoomify.js\n+    OpenLayers/Format/Filter/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/*\n- * Development supported by a R&D grant DC08P02OUK006 - Old Maps Online\n- * (www.oldmapsonline.org) from Ministry of Culture of the Czech Republic.\n+/**\n+ * @requires OpenLayers/Format/GML/v2.js\n+ * @requires OpenLayers/Format/Filter/v1.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.Filter.v1_0_0\n+ * Write ogc:Filter version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.GML.v2>\n+ *  - <OpenLayers.Format.Filter.v1>\n  */\n+OpenLayers.Format.Filter.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.GML.v2, OpenLayers.Format.Filter.v1, {\n+\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n+\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.Filter.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.Filter> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.GML.v2.prototype.initialize.apply(\n+                this, [options]\n+            );\n+        },\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"ogc\": OpenLayers.Util.applyDefaults({\n+                \"PropertyIsEqualTo\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.EQUAL_TO\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    obj.filters.push(filter);\n+                },\n+                \"PropertyIsNotEqualTo\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.NOT_EQUAL_TO\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    obj.filters.push(filter);\n+                },\n+                \"PropertyIsLike\": function(node, obj) {\n+                    var filter = new OpenLayers.Filter.Comparison({\n+                        type: OpenLayers.Filter.Comparison.LIKE\n+                    });\n+                    this.readChildNodes(node, filter);\n+                    var wildCard = node.getAttribute(\"wildCard\");\n+                    var singleChar = node.getAttribute(\"singleChar\");\n+                    var esc = node.getAttribute(\"escape\");\n+                    filter.value2regex(wildCard, singleChar, esc);\n+                    obj.filters.push(filter);\n+                }\n+            }, OpenLayers.Format.Filter.v1.prototype.readers[\"ogc\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"]\n+        },\n+\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: {\n+            \"ogc\": OpenLayers.Util.applyDefaults({\n+                \"PropertyIsEqualTo\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsEqualTo\");\n+                    // no ogc:expression handling for PropertyName for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // handle Literals or Functions for now\n+                    this.writeOgcExpression(filter.value, node);\n+                    return node;\n+                },\n+                \"PropertyIsNotEqualTo\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsNotEqualTo\");\n+                    // no ogc:expression handling for PropertyName for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // handle Literals or Functions for now\n+                    this.writeOgcExpression(filter.value, node);\n+                    return node;\n+                },\n+                \"PropertyIsLike\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:PropertyIsLike\", {\n+                        attributes: {\n+                            wildCard: \"*\",\n+                            singleChar: \".\",\n+                            escape: \"!\"\n+                        }\n+                    });\n+                    // no ogc:expression handling for now\n+                    this.writeNode(\"PropertyName\", filter, node);\n+                    // convert regex string to ogc string\n+                    this.writeNode(\"Literal\", filter.regex2value(), node);\n+                    return node;\n+                },\n+                \"BBOX\": function(filter) {\n+                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n+                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n+                    // accepts filters without it. When this is used with\n+                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n+                    // missing filter.property to the geometryName that is\n+                    // configured with the protocol, which defaults to \"the_geom\".\n+                    // So the only way to omit this mandatory property is to not\n+                    // set the property on the filter and to set the geometryName\n+                    // on the WFS protocol to null. The latter also happens when\n+                    // the protocol is configured without a geometryName and a\n+                    // featureNS.\n+                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n+                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n+                    if (filter.projection) {\n+                        box.setAttribute(\"srsName\", filter.projection);\n+                    }\n+                    return node;\n+                }\n+            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n+        },\n+\n+        /**\n+         * Method: writeSpatial\n+         *\n+         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n+         *\n+         * Parameters:\n+         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n+         * name - {String} Name of the generated XML element.\n+         *\n+         * Returns:\n+         * {DOMElement} The created XML element.\n+         */\n+        writeSpatial: function(filter, name) {\n+            var node = this.createElementNSPlus(\"ogc:\" + name);\n+            this.writeNode(\"PropertyName\", filter, node);\n+            if (filter.value instanceof OpenLayers.Filter.Function) {\n+                this.writeNode(\"Function\", filter.value, node);\n+            } else {\n+                var child;\n+                if (filter.value instanceof OpenLayers.Geometry) {\n+                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n+                } else {\n+                    child = this.writeNode(\"gml:Box\", filter.value);\n+                }\n+                if (filter.projection) {\n+                    child.setAttribute(\"srsName\", filter.projection);\n+                }\n+                node.appendChild(child);\n+            }\n+            return node;\n+        },\n+\n+\n+        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/SLD/v1.js\n+   ====================================================================== */\n \n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/Format/SLD.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ * @requires OpenLayers/Symbolizer/Point.js\n+ * @requires OpenLayers/Symbolizer/Line.js\n+ * @requires OpenLayers/Symbolizer/Polygon.js\n+ * @requires OpenLayers/Symbolizer/Text.js\n+ * @requires OpenLayers/Symbolizer/Raster.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.Zoomify\n+ * Class: OpenLayers.Format.SLD.v1\n+ * Superclass for SLD version 1 parsers.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n+ *  - <OpenLayers.Format.Filter.v1_0_0>\n  */\n-OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+OpenLayers.Format.SLD.v1 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, {\n \n     /**\n-     * Property: size\n-     * {<OpenLayers.Size>} The Zoomify image size in pixels.\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    size: null,\n+    namespaces: {\n+        sld: \"http://www.opengis.net/sld\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * APIProperty: isBaseLayer\n-     * {Boolean}\n+     * Property: defaultPrefix\n      */\n-    isBaseLayer: true,\n+    defaultPrefix: \"sld\",\n \n     /**\n-     * Property: standardTileSize\n-     * {Integer} The size of a standard (non-border) square tile in pixels.\n+     * Property: schemaLocation\n+     * {String} Schema location for a particular minor version.\n      */\n-    standardTileSize: 256,\n+    schemaLocation: null,\n \n     /** \n-     * Property: tileOriginCorner\n-     * {String} This layer uses top-left as tile origin\n-     **/\n-    tileOriginCorner: \"tl\",\n-\n-    /**\n-     * Property: numberOfTiers\n-     * {Integer} Depth of the Zoomify pyramid, number of tiers (zoom levels)\n-     *                          - filled during Zoomify pyramid initialization.\n-     */\n-    numberOfTiers: 0,\n-\n-    /**\n-     * Property: tileCountUpToTier\n-     * {Array(Integer)} Number of tiles up to the given tier of pyramid.\n-     *                          - filled during Zoomify pyramid initialization.\n+     * APIProperty: multipleSymbolizers\n+     * {Boolean} Support multiple symbolizers per rule.  Default is false.  if\n+     *     true, an OpenLayers.Style2 instance will be created to represent \n+     *     user styles instead of an OpenLayers.Style instace.  The \n+     *     OpenLayers.Style2 class allows collections of rules with multiple\n+     *     symbolizers, but is not currently useful for client side rendering.\n+     *     If multiple symbolizers is true, multiple FeatureTypeStyle elements\n+     *     are preserved in reading/writing by setting symbolizer zIndex values.\n+     *     In addition, the <defaultSymbolizer> property is ignored if \n+     *     multiple symbolizers are supported (defaults should be applied\n+     *     when rendering).\n      */\n-    tileCountUpToTier: null,\n+    multipleSymbolizers: false,\n \n     /**\n-     * Property: tierSizeInTiles\n-     * {Array(<OpenLayers.Size>)} Size (in tiles) for each tier of pyramid.\n-     *                          - filled during Zoomify pyramid initialization.\n+     * Property: featureTypeCounter\n+     * {Number} Private counter for multiple feature type styles.\n      */\n-    tierSizeInTiles: null,\n+    featureTypeCounter: null,\n \n     /**\n-     * Property: tierImageSize\n-     * {Array(<OpenLayers.Size>)} Image size in pixels for each pyramid tier.\n-     *                          - filled during Zoomify pyramid initialization.\n+     * APIProperty: defaultSymbolizer.\n+     * {Object} A symbolizer with the SLD defaults.\n      */\n-    tierImageSize: null,\n+    defaultSymbolizer: {\n+        fillColor: \"#808080\",\n+        fillOpacity: 1,\n+        strokeColor: \"#000000\",\n+        strokeOpacity: 1,\n+        strokeWidth: 1,\n+        strokeDashstyle: \"solid\",\n+        pointRadius: 3,\n+        graphicName: \"square\"\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Layer.Zoomify\n+     * Constructor: OpenLayers.Format.SLD.v1\n+     * Instances of this class are not created directly.  Use the\n+     *     <OpenLayers.Format.SLD> constructor instead.\n      *\n      * Parameters:\n-     * name - {String} A name for the layer.\n-     * url - {String} - Relative or absolute path to the image or more\n-     *        precisly to the TileGroup[X] directories root.\n-     *        Flash plugin use the variable name \"zoomifyImagePath\" for this.\n-     * size - {<OpenLayers.Size>} The size (in pixels) of the image.\n-     * options - {Object} Hashtable of extra options to tag onto the layer\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    initialize: function(name, url, size, options) {\n-\n-        // initilize the Zoomify pyramid for given size\n-        this.initializeZoomify(size);\n-\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n-            name, url, size, {},\n-            options\n-        ]);\n-    },\n \n     /**\n-     * Method: initializeZoomify\n-     * It generates constants for all tiers of the Zoomify pyramid\n+     * Method: read\n      *\n      * Parameters:\n-     * size - {<OpenLayers.Size>} The size of the image in pixels\n+     * data - {DOMElement} An SLD document element.\n+     * options - {Object} Options for the reader.\n+     *\n+     * Valid options:\n+     * namedLayersAsArray - {Boolean}  Generate a namedLayers array.  If false,\n+     *     the namedLayers property value will be an object keyed by layer name.\n+     *     Default is false.\n      *\n+     * Returns:\n+     * {Object} An object representing the SLD.\n      */\n-    initializeZoomify: function(size) {\n-\n-        var imageSize = size.clone();\n-        this.size = size.clone();\n-        var tiles = new OpenLayers.Size(\n-            Math.ceil(imageSize.w / this.standardTileSize),\n-            Math.ceil(imageSize.h / this.standardTileSize)\n-        );\n-\n-        this.tierSizeInTiles = [tiles];\n-        this.tierImageSize = [imageSize];\n-\n-        while (imageSize.w > this.standardTileSize ||\n-            imageSize.h > this.standardTileSize) {\n-\n-            imageSize = new OpenLayers.Size(\n-                Math.floor(imageSize.w / 2),\n-                Math.floor(imageSize.h / 2)\n-            );\n-            tiles = new OpenLayers.Size(\n-                Math.ceil(imageSize.w / this.standardTileSize),\n-                Math.ceil(imageSize.h / this.standardTileSize)\n-            );\n-            this.tierSizeInTiles.push(tiles);\n-            this.tierImageSize.push(imageSize);\n-        }\n-\n-        this.tierSizeInTiles.reverse();\n-        this.tierImageSize.reverse();\n-\n-        this.numberOfTiers = this.tierSizeInTiles.length;\n-        var resolutions = [1];\n-        this.tileCountUpToTier = [0];\n-        for (var i = 1; i < this.numberOfTiers; i++) {\n-            resolutions.unshift(Math.pow(2, i));\n-            this.tileCountUpToTier.push(\n-                this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h +\n-                this.tileCountUpToTier[i - 1]\n-            );\n-        }\n-        if (!this.serverResolutions) {\n-            this.serverResolutions = resolutions;\n-        }\n+    read: function(data, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var sld = {\n+            namedLayers: options.namedLayersAsArray === true ? [] : {}\n+        };\n+        this.readChildNodes(data, sld);\n+        return sld;\n     },\n \n     /**\n-     * APIMethod:destroy\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n      */\n-    destroy: function() {\n-        // for now, nothing special to do here.\n-        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n-\n-        // Remove from memory the Zoomify pyramid - is that enough?\n-        this.tileCountUpToTier.length = 0;\n-        this.tierSizeInTiles.length = 0;\n-        this.tierImageSize.length = 0;\n+    readers: OpenLayers.Util.applyDefaults({\n+        \"sld\": {\n+            \"StyledLayerDescriptor\": function(node, sld) {\n+                sld.version = node.getAttribute(\"version\");\n+                this.readChildNodes(node, sld);\n+            },\n+            \"Name\": function(node, obj) {\n+                obj.name = this.getChildValue(node);\n+            },\n+            \"Title\": function(node, obj) {\n+                obj.title = this.getChildValue(node);\n+            },\n+            \"Abstract\": function(node, obj) {\n+                obj.description = this.getChildValue(node);\n+            },\n+            \"NamedLayer\": function(node, sld) {\n+                var layer = {\n+                    userStyles: [],\n+                    namedStyles: []\n+                };\n+                this.readChildNodes(node, layer);\n+                // give each of the user styles this layer name\n+                for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n+                    layer.userStyles[i].layerName = layer.name;\n+                }\n+                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n+                    sld.namedLayers.push(layer);\n+                } else {\n+                    sld.namedLayers[layer.name] = layer;\n+                }\n+            },\n+            \"NamedStyle\": function(node, layer) {\n+                layer.namedStyles.push(\n+                    this.getChildName(node.firstChild)\n+                );\n+            },\n+            \"UserStyle\": function(node, layer) {\n+                var obj = {\n+                    defaultsPerSymbolizer: true,\n+                    rules: []\n+                };\n+                this.featureTypeCounter = -1;\n+                this.readChildNodes(node, obj);\n+                var style;\n+                if (this.multipleSymbolizers) {\n+                    delete obj.defaultsPerSymbolizer;\n+                    style = new OpenLayers.Style2(obj);\n+                } else {\n+                    style = new OpenLayers.Style(this.defaultSymbolizer, obj);\n+                }\n+                layer.userStyles.push(style);\n+            },\n+            \"IsDefault\": function(node, style) {\n+                if (this.getChildValue(node) == \"1\") {\n+                    style.isDefault = true;\n+                }\n+            },\n+            \"FeatureTypeStyle\": function(node, style) {\n+                ++this.featureTypeCounter;\n+                var obj = {\n+                    rules: this.multipleSymbolizers ? style.rules : []\n+                };\n+                this.readChildNodes(node, obj);\n+                if (!this.multipleSymbolizers) {\n+                    style.rules = obj.rules;\n+                }\n+            },\n+            \"Rule\": function(node, obj) {\n+                var config;\n+                if (this.multipleSymbolizers) {\n+                    config = {\n+                        symbolizers: []\n+                    };\n+                }\n+                var rule = new OpenLayers.Rule(config);\n+                this.readChildNodes(node, rule);\n+                obj.rules.push(rule);\n+            },\n+            \"ElseFilter\": function(node, rule) {\n+                rule.elseFilter = true;\n+            },\n+            \"MinScaleDenominator\": function(node, rule) {\n+                rule.minScaleDenominator = parseFloat(this.getChildValue(node));\n+            },\n+            \"MaxScaleDenominator\": function(node, rule) {\n+                rule.maxScaleDenominator = parseFloat(this.getChildValue(node));\n+            },\n+            \"TextSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Text(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Text\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Text\"]\n+                    );\n+                }\n+            },\n+            \"LabelPlacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"PointPlacement\": function(node, symbolizer) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                config.labelRotation = config.rotation;\n+                delete config.rotation;\n+                var labelAlign,\n+                    x = symbolizer.labelAnchorPointX,\n+                    y = symbolizer.labelAnchorPointY;\n+                if (x <= 1 / 3) {\n+                    labelAlign = 'l';\n+                } else if (x > 1 / 3 && x < 2 / 3) {\n+                    labelAlign = 'c';\n+                } else if (x >= 2 / 3) {\n+                    labelAlign = 'r';\n+                }\n+                if (y <= 1 / 3) {\n+                    labelAlign += 'b';\n+                } else if (y > 1 / 3 && y < 2 / 3) {\n+                    labelAlign += 'm';\n+                } else if (y >= 2 / 3) {\n+                    labelAlign += 't';\n+                }\n+                config.labelAlign = labelAlign;\n+                OpenLayers.Util.applyDefaults(symbolizer, config);\n+            },\n+            \"AnchorPoint\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"AnchorPointX\": function(node, symbolizer) {\n+                var labelAnchorPointX = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelAnchorPointX) {\n+                    symbolizer.labelAnchorPointX = labelAnchorPointX;\n+                }\n+            },\n+            \"AnchorPointY\": function(node, symbolizer) {\n+                var labelAnchorPointY = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelAnchorPointY) {\n+                    symbolizer.labelAnchorPointY = labelAnchorPointY;\n+                }\n+            },\n+            \"Displacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"DisplacementX\": function(node, symbolizer) {\n+                var labelXOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelXOffset) {\n+                    symbolizer.labelXOffset = labelXOffset;\n+                }\n+            },\n+            \"DisplacementY\": function(node, symbolizer) {\n+                var labelYOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelYOffset) {\n+                    symbolizer.labelYOffset = labelYOffset;\n+                }\n+            },\n+            \"LinePlacement\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"PerpendicularOffset\": function(node, symbolizer) {\n+                var labelPerpendicularOffset = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (labelPerpendicularOffset) {\n+                    symbolizer.labelPerpendicularOffset = labelPerpendicularOffset;\n+                }\n+            },\n+            \"Label\": function(node, symbolizer) {\n+                var value = this.readers.ogc._expression.call(this, node);\n+                if (value) {\n+                    symbolizer.label = value;\n+                }\n+            },\n+            \"Font\": function(node, symbolizer) {\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"Halo\": function(node, symbolizer) {\n+                // halo has a fill, so send fresh object\n+                var obj = {};\n+                this.readChildNodes(node, obj);\n+                symbolizer.haloRadius = obj.haloRadius;\n+                symbolizer.haloColor = obj.fillColor;\n+                symbolizer.haloOpacity = obj.fillOpacity;\n+            },\n+            \"Radius\": function(node, symbolizer) {\n+                var radius = this.readers.ogc._expression.call(this, node);\n+                if (radius != null) {\n+                    // radius is only used for halo\n+                    symbolizer.haloRadius = radius;\n+                }\n+            },\n+            \"RasterSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Raster(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Raster\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Raster\"]\n+                    );\n+                }\n+            },\n+            \"Geometry\": function(node, obj) {\n+                obj.geometry = {};\n+                this.readChildNodes(node, obj.geometry);\n+            },\n+            \"ColorMap\": function(node, symbolizer) {\n+                symbolizer.colorMap = [];\n+                this.readChildNodes(node, symbolizer.colorMap);\n+            },\n+            \"ColorMapEntry\": function(node, colorMap) {\n+                var q = node.getAttribute(\"quantity\");\n+                var o = node.getAttribute(\"opacity\");\n+                colorMap.push({\n+                    color: node.getAttribute(\"color\"),\n+                    quantity: q !== null ? parseFloat(q) : undefined,\n+                    label: node.getAttribute(\"label\") || undefined,\n+                    opacity: o !== null ? parseFloat(o) : undefined\n+                });\n+            },\n+            \"LineSymbolizer\": function(node, rule) {\n+                var config = {};\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Line(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Line\"] = OpenLayers.Util.applyDefaults(\n+                        config, rule.symbolizer[\"Line\"]\n+                    );\n+                }\n+            },\n+            \"PolygonSymbolizer\": function(node, rule) {\n+                var config = {\n+                    fill: false,\n+                    stroke: false\n+                };\n+                if (!this.multipleSymbolizers) {\n+                    config = rule.symbolizer[\"Polygon\"] || config;\n+                }\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Polygon(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Polygon\"] = config;\n+                }\n+            },\n+            \"PointSymbolizer\": function(node, rule) {\n+                var config = {\n+                    fill: false,\n+                    stroke: false,\n+                    graphic: false\n+                };\n+                if (!this.multipleSymbolizers) {\n+                    config = rule.symbolizer[\"Point\"] || config;\n+                }\n+                this.readChildNodes(node, config);\n+                if (this.multipleSymbolizers) {\n+                    config.zIndex = this.featureTypeCounter;\n+                    rule.symbolizers.push(\n+                        new OpenLayers.Symbolizer.Point(config)\n+                    );\n+                } else {\n+                    rule.symbolizer[\"Point\"] = config;\n+                }\n+            },\n+            \"Stroke\": function(node, symbolizer) {\n+                symbolizer.stroke = true;\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"Fill\": function(node, symbolizer) {\n+                symbolizer.fill = true;\n+                this.readChildNodes(node, symbolizer);\n+            },\n+            \"CssParameter\": function(node, symbolizer) {\n+                var cssProperty = node.getAttribute(\"name\");\n+                var symProperty = this.cssMap[cssProperty];\n+                // for labels, fill should map to fontColor and fill-opacity \n+                // to fontOpacity\n+                if (symbolizer.label) {\n+                    if (cssProperty === 'fill') {\n+                        symProperty = \"fontColor\";\n+                    } else if (cssProperty === 'fill-opacity') {\n+                        symProperty = \"fontOpacity\";\n+                    }\n+                }\n+                if (symProperty) {\n+                    // Limited support for parsing of OGC expressions\n+                    var value = this.readers.ogc._expression.call(this, node);\n+                    // always string, could be an empty string\n+                    if (value) {\n+                        symbolizer[symProperty] = value;\n+                    }\n+                }\n+            },\n+            \"Graphic\": function(node, symbolizer) {\n+                symbolizer.graphic = true;\n+                var graphic = {};\n+                // painter's order not respected here, clobber previous with next\n+                this.readChildNodes(node, graphic);\n+                // directly properties with names that match symbolizer properties\n+                var properties = [\n+                    \"stroke\", \"strokeColor\", \"strokeWidth\", \"strokeOpacity\",\n+                    \"strokeLinecap\", \"fill\", \"fillColor\", \"fillOpacity\",\n+                    \"graphicName\", \"rotation\", \"graphicFormat\"\n+                ];\n+                var prop, value;\n+                for (var i = 0, len = properties.length; i < len; ++i) {\n+                    prop = properties[i];\n+                    value = graphic[prop];\n+                    if (value != undefined) {\n+                        symbolizer[prop] = value;\n+                    }\n+                }\n+                // set other generic properties with specific graphic property names\n+                if (graphic.opacity != undefined) {\n+                    symbolizer.graphicOpacity = graphic.opacity;\n+                }\n+                if (graphic.size != undefined) {\n+                    var pointRadius = graphic.size / 2;\n+                    if (isNaN(pointRadius)) {\n+                        // likely a property name\n+                        symbolizer.graphicWidth = graphic.size;\n+                    } else {\n+                        symbolizer.pointRadius = graphic.size / 2;\n+                    }\n+                }\n+                if (graphic.href != undefined) {\n+                    symbolizer.externalGraphic = graphic.href;\n+                }\n+                if (graphic.rotation != undefined) {\n+                    symbolizer.rotation = graphic.rotation;\n+                }\n+            },\n+            \"ExternalGraphic\": function(node, graphic) {\n+                this.readChildNodes(node, graphic);\n+            },\n+            \"Mark\": function(node, graphic) {\n+                this.readChildNodes(node, graphic);\n+            },\n+            \"WellKnownName\": function(node, graphic) {\n+                graphic.graphicName = this.getChildValue(node);\n+            },\n+            \"Opacity\": function(node, obj) {\n+                var opacity = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (opacity) {\n+                    obj.opacity = opacity;\n+                }\n+            },\n+            \"Size\": function(node, obj) {\n+                var size = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (size) {\n+                    obj.size = size;\n+                }\n+            },\n+            \"Rotation\": function(node, obj) {\n+                var rotation = this.readers.ogc._expression.call(this, node);\n+                // always string, could be empty string\n+                if (rotation) {\n+                    obj.rotation = rotation;\n+                }\n+            },\n+            \"OnlineResource\": function(node, obj) {\n+                obj.href = this.getAttributeNS(\n+                    node, this.namespaces.xlink, \"href\"\n+                );\n+            },\n+            \"Format\": function(node, graphic) {\n+                graphic.graphicFormat = this.getChildValue(node);\n+            }\n+        }\n+    }, OpenLayers.Format.Filter.v1_0_0.prototype.readers),\n \n+    /**\n+     * Property: cssMap\n+     * {Object} Object mapping supported css property names to OpenLayers\n+     *     symbolizer property names.\n+     */\n+    cssMap: {\n+        \"stroke\": \"strokeColor\",\n+        \"stroke-opacity\": \"strokeOpacity\",\n+        \"stroke-width\": \"strokeWidth\",\n+        \"stroke-linecap\": \"strokeLinecap\",\n+        \"stroke-dasharray\": \"strokeDashstyle\",\n+        \"fill\": \"fillColor\",\n+        \"fill-opacity\": \"fillOpacity\",\n+        \"font-family\": \"fontFamily\",\n+        \"font-size\": \"fontSize\",\n+        \"font-weight\": \"fontWeight\",\n+        \"font-style\": \"fontStyle\"\n     },\n \n     /**\n-     * APIMethod: clone\n+     * Method: getCssProperty\n+     * Given a symbolizer property, get the corresponding CSS property\n+     *     from the <cssMap>.\n      *\n      * Parameters:\n-     * obj - {Object}\n+     * sym - {String} A symbolizer property name.\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.Zoomify>} An exact clone of this <OpenLayers.Layer.Zoomify>\n+     * {String} A CSS property name or null if none found.\n      */\n-    clone: function(obj) {\n-\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Zoomify(this.name,\n-                this.url,\n-                this.size,\n-                this.options);\n+    getCssProperty: function(sym) {\n+        var css = null;\n+        for (var prop in this.cssMap) {\n+            if (this.cssMap[prop] == sym) {\n+                css = prop;\n+                break;\n+            }\n         }\n-\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        // copy/set any non-init, non-simple values here\n-\n-        return obj;\n+        return css;\n     },\n \n     /**\n-     * Method: getURL\n+     * Method: getGraphicFormat\n+     * Given a href for an external graphic, try to determine the mime-type.\n+     *     This method doesn't try too hard, and will fall back to\n+     *     <defaultGraphicFormat> if one of the known <graphicFormats> is not\n+     *     the file extension of the provided href.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>}\n+     * href - {String}\n      *\n      * Returns:\n-     * {String} A string with the layer's url and parameters and also the\n-     *          passed-in bounds and appropriate tile size specified as\n-     *          parameters\n+     * {String} The graphic format.\n      */\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getZoomForResolution(res);\n-\n-        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n-        var path = \"TileGroup\" + Math.floor((tileIndex) / 256) +\n-            \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url);\n+    getGraphicFormat: function(href) {\n+        var format, regex;\n+        for (var key in this.graphicFormats) {\n+            if (this.graphicFormats[key].test(href)) {\n+                format = key;\n+                break;\n+            }\n         }\n-        return url + path;\n+        return format || this.defaultGraphicFormat;\n     },\n \n     /**\n-     * Method: getImageSize\n-     * getImageSize returns size for a particular tile. If bounds are given as\n-     * first argument, size is calculated (bottom-right tiles are non square).\n-     *\n+     * Property: defaultGraphicFormat\n+     * {String} If none other can be determined from <getGraphicFormat>, this\n+     *     default will be returned.\n      */\n-    getImageSize: function() {\n-        if (arguments.length > 0) {\n-            var bounds = this.adjustBounds(arguments[0]);\n-            var res = this.getServerResolution();\n-            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-            var z = this.getZoomForResolution(res);\n-            var w = this.standardTileSize;\n-            var h = this.standardTileSize;\n-            if (x == this.tierSizeInTiles[z].w - 1) {\n-                var w = this.tierImageSize[z].w % this.standardTileSize;\n-            }\n-            if (y == this.tierSizeInTiles[z].h - 1) {\n-                var h = this.tierImageSize[z].h % this.standardTileSize;\n-            }\n-            return (new OpenLayers.Size(w, h));\n-        } else {\n-            return this.tileSize;\n-        }\n+    defaultGraphicFormat: \"image/png\",\n+\n+    /**\n+     * Property: graphicFormats\n+     * {Object} Mapping of image mime-types to regular extensions matching \n+     *     well-known file extensions.\n+     */\n+    graphicFormats: {\n+        \"image/jpeg\": /\\.jpe?g$/i,\n+        \"image/gif\": /\\.gif$/i,\n+        \"image/png\": /\\.png$/i\n     },\n \n     /**\n-     * APIMethod: setMap\n-     * When the layer is added to a map, then we can fetch our origin\n-     *    (if we don't have one.)\n+     * Method: write\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * sld - {Object} An object representing the SLD.\n+     *\n+     * Returns:\n+     * {DOMElement} The root of an SLD document.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n-            this.map.maxExtent.top);\n+    write: function(sld) {\n+        return this.writers.sld.StyledLayerDescriptor.apply(this, [sld]);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: OpenLayers.Util.applyDefaults({\n+        \"sld\": {\n+            \"_OGCExpression\": function(nodeName, value) {\n+                // only the simplest of ogc:expression handled\n+                // {label: \"some text and a ${propertyName}\"}\n+                var node = this.createElementNSPlus(nodeName);\n+                var tokens = typeof value == \"string\" ?\n+                    value.split(\"${\") : [value];\n+                node.appendChild(this.createTextNode(tokens[0]));\n+                var item, last;\n+                for (var i = 1, len = tokens.length; i < len; i++) {\n+                    item = tokens[i];\n+                    last = item.indexOf(\"}\");\n+                    if (last > 0) {\n+                        this.writeNode(\n+                            \"ogc:PropertyName\", {\n+                                property: item.substring(0, last)\n+                            },\n+                            node\n+                        );\n+                        node.appendChild(\n+                            this.createTextNode(item.substring(++last))\n+                        );\n+                    } else {\n+                        // no ending }, so this is a literal ${\n+                        node.appendChild(\n+                            this.createTextNode(\"${\" + item)\n+                        );\n+                    }\n+                }\n+                return node;\n+            },\n+            \"StyledLayerDescriptor\": function(sld) {\n+                var root = this.createElementNSPlus(\n+                    \"sld:StyledLayerDescriptor\", {\n+                        attributes: {\n+                            \"version\": this.VERSION,\n+                            \"xsi:schemaLocation\": this.schemaLocation\n+                        }\n+                    }\n+                );\n+\n+                // For ArcGIS Server it is necessary to define this\n+                // at the root level (see ticket:2166).\n+                root.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n+                root.setAttribute(\"xmlns:gml\", this.namespaces.gml);\n+\n+                // add in optional name\n+                if (sld.name) {\n+                    this.writeNode(\"Name\", sld.name, root);\n+                }\n+                // add in optional title\n+                if (sld.title) {\n+                    this.writeNode(\"Title\", sld.title, root);\n+                }\n+                // add in optional description\n+                if (sld.description) {\n+                    this.writeNode(\"Abstract\", sld.description, root);\n+                }\n+                // add in named layers\n+                // allow namedLayers to be an array\n+                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n+                    for (var i = 0, len = sld.namedLayers.length; i < len; ++i) {\n+                        this.writeNode(\"NamedLayer\", sld.namedLayers[i], root);\n+                    }\n+                } else {\n+                    for (var name in sld.namedLayers) {\n+                        this.writeNode(\"NamedLayer\", sld.namedLayers[name], root);\n+                    }\n+                }\n+                return root;\n+            },\n+            \"Name\": function(name) {\n+                return this.createElementNSPlus(\"sld:Name\", {\n+                    value: name\n+                });\n+            },\n+            \"Title\": function(title) {\n+                return this.createElementNSPlus(\"sld:Title\", {\n+                    value: title\n+                });\n+            },\n+            \"Abstract\": function(description) {\n+                return this.createElementNSPlus(\n+                    \"sld:Abstract\", {\n+                        value: description\n+                    }\n+                );\n+            },\n+            \"NamedLayer\": function(layer) {\n+                var node = this.createElementNSPlus(\"sld:NamedLayer\");\n+\n+                // add in required name\n+                this.writeNode(\"Name\", layer.name, node);\n+\n+                // optional sld:LayerFeatureConstraints here\n+\n+                // add in named styles\n+                if (layer.namedStyles) {\n+                    for (var i = 0, len = layer.namedStyles.length; i < len; ++i) {\n+                        this.writeNode(\n+                            \"NamedStyle\", layer.namedStyles[i], node\n+                        );\n+                    }\n+                }\n+\n+                // add in user styles\n+                if (layer.userStyles) {\n+                    for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n+                        this.writeNode(\n+                            \"UserStyle\", layer.userStyles[i], node\n+                        );\n+                    }\n+                }\n+\n+                return node;\n+            },\n+            \"NamedStyle\": function(name) {\n+                var node = this.createElementNSPlus(\"sld:NamedStyle\");\n+                this.writeNode(\"Name\", name, node);\n+                return node;\n+            },\n+            \"UserStyle\": function(style) {\n+                var node = this.createElementNSPlus(\"sld:UserStyle\");\n+\n+                // add in optional name\n+                if (style.name) {\n+                    this.writeNode(\"Name\", style.name, node);\n+                }\n+                // add in optional title\n+                if (style.title) {\n+                    this.writeNode(\"Title\", style.title, node);\n+                }\n+                // add in optional description\n+                if (style.description) {\n+                    this.writeNode(\"Abstract\", style.description, node);\n+                }\n+\n+                // add isdefault\n+                if (style.isDefault) {\n+                    this.writeNode(\"IsDefault\", style.isDefault, node);\n+                }\n+\n+                // add FeatureTypeStyles\n+                if (this.multipleSymbolizers && style.rules) {\n+                    // group style objects by symbolizer zIndex\n+                    var rulesByZ = {\n+                        0: []\n+                    };\n+                    var zValues = [0];\n+                    var rule, ruleMap, symbolizer, zIndex, clone;\n+                    for (var i = 0, ii = style.rules.length; i < ii; ++i) {\n+                        rule = style.rules[i];\n+                        if (rule.symbolizers) {\n+                            ruleMap = {};\n+                            for (var j = 0, jj = rule.symbolizers.length; j < jj; ++j) {\n+                                symbolizer = rule.symbolizers[j];\n+                                zIndex = symbolizer.zIndex;\n+                                if (!(zIndex in ruleMap)) {\n+                                    clone = rule.clone();\n+                                    clone.symbolizers = [];\n+                                    ruleMap[zIndex] = clone;\n+                                }\n+                                ruleMap[zIndex].symbolizers.push(symbolizer.clone());\n+                            }\n+                            for (zIndex in ruleMap) {\n+                                if (!(zIndex in rulesByZ)) {\n+                                    zValues.push(zIndex);\n+                                    rulesByZ[zIndex] = [];\n+                                }\n+                                rulesByZ[zIndex].push(ruleMap[zIndex]);\n+                            }\n+                        } else {\n+                            // no symbolizers in rule\n+                            rulesByZ[0].push(rule.clone());\n+                        }\n+                    }\n+                    // write one FeatureTypeStyle per zIndex\n+                    zValues.sort();\n+                    var rules;\n+                    for (var i = 0, ii = zValues.length; i < ii; ++i) {\n+                        rules = rulesByZ[zValues[i]];\n+                        if (rules.length > 0) {\n+                            clone = style.clone();\n+                            clone.rules = rulesByZ[zValues[i]];\n+                            this.writeNode(\"FeatureTypeStyle\", clone, node);\n+                        }\n+                    }\n+                } else {\n+                    this.writeNode(\"FeatureTypeStyle\", style, node);\n+                }\n+\n+                return node;\n+            },\n+            \"IsDefault\": function(bool) {\n+                return this.createElementNSPlus(\n+                    \"sld:IsDefault\", {\n+                        value: (bool) ? \"1\" : \"0\"\n+                    }\n+                );\n+            },\n+            \"FeatureTypeStyle\": function(style) {\n+                var node = this.createElementNSPlus(\"sld:FeatureTypeStyle\");\n+\n+                // OpenLayers currently stores no Name, Title, Abstract,\n+                // FeatureTypeName, or SemanticTypeIdentifier information\n+                // related to FeatureTypeStyle\n+\n+                // add in rules\n+                for (var i = 0, len = style.rules.length; i < len; ++i) {\n+                    this.writeNode(\"Rule\", style.rules[i], node);\n+                }\n+\n+                return node;\n+            },\n+            \"Rule\": function(rule) {\n+                var node = this.createElementNSPlus(\"sld:Rule\");\n+\n+                // add in optional name\n+                if (rule.name) {\n+                    this.writeNode(\"Name\", rule.name, node);\n+                }\n+                // add in optional title\n+                if (rule.title) {\n+                    this.writeNode(\"Title\", rule.title, node);\n+                }\n+                // add in optional description\n+                if (rule.description) {\n+                    this.writeNode(\"Abstract\", rule.description, node);\n+                }\n+\n+                // add in LegendGraphic here\n+\n+                // add in optional filters\n+                if (rule.elseFilter) {\n+                    this.writeNode(\"ElseFilter\", null, node);\n+                } else if (rule.filter) {\n+                    this.writeNode(\"ogc:Filter\", rule.filter, node);\n+                }\n+\n+                // add in scale limits\n+                if (rule.minScaleDenominator != undefined) {\n+                    this.writeNode(\n+                        \"MinScaleDenominator\", rule.minScaleDenominator, node\n+                    );\n+                }\n+                if (rule.maxScaleDenominator != undefined) {\n+                    this.writeNode(\n+                        \"MaxScaleDenominator\", rule.maxScaleDenominator, node\n+                    );\n+                }\n+\n+                var type, symbolizer;\n+                if (this.multipleSymbolizers && rule.symbolizers) {\n+                    var symbolizer;\n+                    for (var i = 0, ii = rule.symbolizers.length; i < ii; ++i) {\n+                        symbolizer = rule.symbolizers[i];\n+                        type = symbolizer.CLASS_NAME.split(\".\").pop();\n+                        this.writeNode(\n+                            type + \"Symbolizer\", symbolizer, node\n+                        );\n+                    }\n+                } else {\n+                    // add in symbolizers (relies on geometry type keys)\n+                    var types = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n+                    for (var i = 0, len = types.length; i < len; ++i) {\n+                        type = types[i];\n+                        symbolizer = rule.symbolizer[type];\n+                        if (symbolizer) {\n+                            this.writeNode(\n+                                type + \"Symbolizer\", symbolizer, node\n+                            );\n+                        }\n+                    }\n+                }\n+                return node;\n+\n+            },\n+            \"ElseFilter\": function() {\n+                return this.createElementNSPlus(\"sld:ElseFilter\");\n+            },\n+            \"MinScaleDenominator\": function(scale) {\n+                return this.createElementNSPlus(\n+                    \"sld:MinScaleDenominator\", {\n+                        value: scale\n+                    }\n+                );\n+            },\n+            \"MaxScaleDenominator\": function(scale) {\n+                return this.createElementNSPlus(\n+                    \"sld:MaxScaleDenominator\", {\n+                        value: scale\n+                    }\n+                );\n+            },\n+            \"LineSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LineSymbolizer\");\n+                this.writeNode(\"Stroke\", symbolizer, node);\n+                return node;\n+            },\n+            \"Stroke\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Stroke\");\n+\n+                // GraphicFill here\n+                // GraphicStroke here\n+\n+                // add in CssParameters\n+                if (symbolizer.strokeColor != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeColor\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeOpacity != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeOpacity\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeWidth != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeWidth\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeDashstyle != undefined && symbolizer.strokeDashstyle !== \"solid\") {\n+                    // assumes valid stroke-dasharray value\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeDashstyle\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.strokeLinecap != undefined) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"strokeLinecap\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"CssParameter\": function(obj) {\n+                // not handling ogc:expressions for now\n+                return this.createElementNSPlus(\"sld:CssParameter\", {\n+                    attributes: {\n+                        name: this.getCssProperty(obj.key)\n+                    },\n+                    value: obj.symbolizer[obj.key]\n+                });\n+            },\n+            \"TextSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:TextSymbolizer\");\n+                // add in optional Label\n+                if (symbolizer.label != null) {\n+                    this.writeNode(\"Label\", symbolizer.label, node);\n+                }\n+                // add in optional Font\n+                if (symbolizer.fontFamily != null ||\n+                    symbolizer.fontSize != null ||\n+                    symbolizer.fontWeight != null ||\n+                    symbolizer.fontStyle != null) {\n+                    this.writeNode(\"Font\", symbolizer, node);\n+                }\n+                // add in optional LabelPlacement\n+                if (symbolizer.labelAnchorPointX != null ||\n+                    symbolizer.labelAnchorPointY != null ||\n+                    symbolizer.labelAlign != null ||\n+                    symbolizer.labelXOffset != null ||\n+                    symbolizer.labelYOffset != null ||\n+                    symbolizer.labelRotation != null ||\n+                    symbolizer.labelPerpendicularOffset != null) {\n+                    this.writeNode(\"LabelPlacement\", symbolizer, node);\n+                }\n+                // add in optional Halo\n+                if (symbolizer.haloRadius != null ||\n+                    symbolizer.haloColor != null ||\n+                    symbolizer.haloOpacity != null) {\n+                    this.writeNode(\"Halo\", symbolizer, node);\n+                }\n+                // add in optional Fill\n+                if (symbolizer.fontColor != null ||\n+                    symbolizer.fontOpacity != null) {\n+                    this.writeNode(\"Fill\", {\n+                        fillColor: symbolizer.fontColor,\n+                        fillOpacity: symbolizer.fontOpacity\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"LabelPlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LabelPlacement\");\n+                // PointPlacement and LinePlacement are choices, so don't output both\n+                if ((symbolizer.labelAnchorPointX != null ||\n+                        symbolizer.labelAnchorPointY != null ||\n+                        symbolizer.labelAlign != null ||\n+                        symbolizer.labelXOffset != null ||\n+                        symbolizer.labelYOffset != null ||\n+                        symbolizer.labelRotation != null) &&\n+                    symbolizer.labelPerpendicularOffset == null) {\n+                    this.writeNode(\"PointPlacement\", symbolizer, node);\n+                }\n+                if (symbolizer.labelPerpendicularOffset != null) {\n+                    this.writeNode(\"LinePlacement\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"LinePlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:LinePlacement\");\n+                this.writeNode(\"PerpendicularOffset\", symbolizer.labelPerpendicularOffset, node);\n+                return node;\n+            },\n+            \"PerpendicularOffset\": function(value) {\n+                return this.createElementNSPlus(\"sld:PerpendicularOffset\", {\n+                    value: value\n+                });\n+            },\n+            \"PointPlacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PointPlacement\");\n+                if (symbolizer.labelAnchorPointX != null ||\n+                    symbolizer.labelAnchorPointY != null ||\n+                    symbolizer.labelAlign != null) {\n+                    this.writeNode(\"AnchorPoint\", symbolizer, node);\n+                }\n+                if (symbolizer.labelXOffset != null ||\n+                    symbolizer.labelYOffset != null) {\n+                    this.writeNode(\"Displacement\", symbolizer, node);\n+                }\n+                if (symbolizer.labelRotation != null) {\n+                    this.writeNode(\"Rotation\", symbolizer.labelRotation, node);\n+                }\n+                return node;\n+            },\n+            \"AnchorPoint\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:AnchorPoint\");\n+                var x = symbolizer.labelAnchorPointX,\n+                    y = symbolizer.labelAnchorPointY;\n+                if (x != null) {\n+                    this.writeNode(\"AnchorPointX\", x, node);\n+                }\n+                if (y != null) {\n+                    this.writeNode(\"AnchorPointY\", y, node);\n+                }\n+                if (x == null && y == null) {\n+                    var xAlign = symbolizer.labelAlign.substr(0, 1),\n+                        yAlign = symbolizer.labelAlign.substr(1, 1);\n+                    if (xAlign === \"l\") {\n+                        x = 0;\n+                    } else if (xAlign === \"c\") {\n+                        x = 0.5;\n+                    } else if (xAlign === \"r\") {\n+                        x = 1;\n+                    }\n+                    if (yAlign === \"b\") {\n+                        y = 0;\n+                    } else if (yAlign === \"m\") {\n+                        y = 0.5;\n+                    } else if (yAlign === \"t\") {\n+                        y = 1;\n+                    }\n+                    this.writeNode(\"AnchorPointX\", x, node);\n+                    this.writeNode(\"AnchorPointY\", y, node);\n+                }\n+                return node;\n+            },\n+            \"AnchorPointX\": function(value) {\n+                return this.createElementNSPlus(\"sld:AnchorPointX\", {\n+                    value: value\n+                });\n+            },\n+            \"AnchorPointY\": function(value) {\n+                return this.createElementNSPlus(\"sld:AnchorPointY\", {\n+                    value: value\n+                });\n+            },\n+            \"Displacement\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Displacement\");\n+                if (symbolizer.labelXOffset != null) {\n+                    this.writeNode(\"DisplacementX\", symbolizer.labelXOffset, node);\n+                }\n+                if (symbolizer.labelYOffset != null) {\n+                    this.writeNode(\"DisplacementY\", symbolizer.labelYOffset, node);\n+                }\n+                return node;\n+            },\n+            \"DisplacementX\": function(value) {\n+                return this.createElementNSPlus(\"sld:DisplacementX\", {\n+                    value: value\n+                });\n+            },\n+            \"DisplacementY\": function(value) {\n+                return this.createElementNSPlus(\"sld:DisplacementY\", {\n+                    value: value\n+                });\n+            },\n+            \"Font\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Font\");\n+                // add in CssParameters\n+                if (symbolizer.fontFamily) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontFamily\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontSize) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontSize\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontWeight) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontWeight\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fontStyle) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fontStyle\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"Label\": function(label) {\n+                return this.writers.sld._OGCExpression.call(\n+                    this, \"sld:Label\", label\n+                );\n+            },\n+            \"Halo\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Halo\");\n+                if (symbolizer.haloRadius) {\n+                    this.writeNode(\"Radius\", symbolizer.haloRadius, node);\n+                }\n+                if (symbolizer.haloColor || symbolizer.haloOpacity) {\n+                    this.writeNode(\"Fill\", {\n+                        fillColor: symbolizer.haloColor,\n+                        fillOpacity: symbolizer.haloOpacity\n+                    }, node);\n+                }\n+                return node;\n+            },\n+            \"Radius\": function(value) {\n+                return this.createElementNSPlus(\"sld:Radius\", {\n+                    value: value\n+                });\n+            },\n+            \"RasterSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:RasterSymbolizer\");\n+                if (symbolizer.geometry) {\n+                    this.writeNode(\"Geometry\", symbolizer.geometry, node);\n+                }\n+                if (symbolizer.opacity) {\n+                    this.writeNode(\"Opacity\", symbolizer.opacity, node);\n+                }\n+                if (symbolizer.colorMap) {\n+                    this.writeNode(\"ColorMap\", symbolizer.colorMap, node);\n+                }\n+                return node;\n+            },\n+            \"Geometry\": function(geometry) {\n+                var node = this.createElementNSPlus(\"sld:Geometry\");\n+                if (geometry.property) {\n+                    this.writeNode(\"ogc:PropertyName\", geometry, node);\n+                }\n+                return node;\n+            },\n+            \"ColorMap\": function(colorMap) {\n+                var node = this.createElementNSPlus(\"sld:ColorMap\");\n+                for (var i = 0, len = colorMap.length; i < len; ++i) {\n+                    this.writeNode(\"ColorMapEntry\", colorMap[i], node);\n+                }\n+                return node;\n+            },\n+            \"ColorMapEntry\": function(colorMapEntry) {\n+                var node = this.createElementNSPlus(\"sld:ColorMapEntry\");\n+                var a = colorMapEntry;\n+                node.setAttribute(\"color\", a.color);\n+                a.opacity !== undefined && node.setAttribute(\"opacity\",\n+                    parseFloat(a.opacity));\n+                a.quantity !== undefined && node.setAttribute(\"quantity\",\n+                    parseFloat(a.quantity));\n+                a.label !== undefined && node.setAttribute(\"label\", a.label);\n+                return node;\n+            },\n+            \"PolygonSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PolygonSymbolizer\");\n+                if (symbolizer.fill !== false) {\n+                    this.writeNode(\"Fill\", symbolizer, node);\n+                }\n+                if (symbolizer.stroke !== false) {\n+                    this.writeNode(\"Stroke\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"Fill\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Fill\");\n+\n+                // GraphicFill here\n+\n+                // add in CssParameters\n+                if (symbolizer.fillColor) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fillColor\"\n+                        },\n+                        node\n+                    );\n+                }\n+                if (symbolizer.fillOpacity != null) {\n+                    this.writeNode(\n+                        \"CssParameter\", {\n+                            symbolizer: symbolizer,\n+                            key: \"fillOpacity\"\n+                        },\n+                        node\n+                    );\n+                }\n+                return node;\n+            },\n+            \"PointSymbolizer\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:PointSymbolizer\");\n+                this.writeNode(\"Graphic\", symbolizer, node);\n+                return node;\n+            },\n+            \"Graphic\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Graphic\");\n+                if (symbolizer.externalGraphic != undefined) {\n+                    this.writeNode(\"ExternalGraphic\", symbolizer, node);\n+                } else {\n+                    this.writeNode(\"Mark\", symbolizer, node);\n+                }\n+\n+                if (symbolizer.graphicOpacity != undefined) {\n+                    this.writeNode(\"Opacity\", symbolizer.graphicOpacity, node);\n+                }\n+                if (symbolizer.pointRadius != undefined) {\n+                    this.writeNode(\"Size\", symbolizer.pointRadius * 2, node);\n+                } else if (symbolizer.graphicWidth != undefined) {\n+                    this.writeNode(\"Size\", symbolizer.graphicWidth, node);\n+                }\n+                if (symbolizer.rotation != undefined) {\n+                    this.writeNode(\"Rotation\", symbolizer.rotation, node);\n+                }\n+                return node;\n+            },\n+            \"ExternalGraphic\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:ExternalGraphic\");\n+                this.writeNode(\n+                    \"OnlineResource\", symbolizer.externalGraphic, node\n+                );\n+                var format = symbolizer.graphicFormat ||\n+                    this.getGraphicFormat(symbolizer.externalGraphic);\n+                this.writeNode(\"Format\", format, node);\n+                return node;\n+            },\n+            \"Mark\": function(symbolizer) {\n+                var node = this.createElementNSPlus(\"sld:Mark\");\n+                if (symbolizer.graphicName) {\n+                    this.writeNode(\"WellKnownName\", symbolizer.graphicName, node);\n+                }\n+                if (symbolizer.fill !== false) {\n+                    this.writeNode(\"Fill\", symbolizer, node);\n+                }\n+                if (symbolizer.stroke !== false) {\n+                    this.writeNode(\"Stroke\", symbolizer, node);\n+                }\n+                return node;\n+            },\n+            \"WellKnownName\": function(name) {\n+                return this.createElementNSPlus(\"sld:WellKnownName\", {\n+                    value: name\n+                });\n+            },\n+            \"Opacity\": function(value) {\n+                return this.createElementNSPlus(\"sld:Opacity\", {\n+                    value: value\n+                });\n+            },\n+            \"Size\": function(value) {\n+                return this.writers.sld._OGCExpression.call(\n+                    this, \"sld:Size\", value\n+                );\n+            },\n+            \"Rotation\": function(value) {\n+                return this.createElementNSPlus(\"sld:Rotation\", {\n+                    value: value\n+                });\n+            },\n+            \"OnlineResource\": function(href) {\n+                return this.createElementNSPlus(\"sld:OnlineResource\", {\n+                    attributes: {\n+                        \"xlink:type\": \"simple\",\n+                        \"xlink:href\": href\n+                    }\n+                });\n+            },\n+            \"Format\": function(format) {\n+                return this.createElementNSPlus(\"sld:Format\", {\n+                    value: format\n+                });\n+            }\n+        }\n+    }, OpenLayers.Format.Filter.v1_0_0.prototype.writers),\n+\n+    CLASS_NAME: \"OpenLayers.Format.SLD.v1\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Layer/PointGrid.js\n+    OpenLayers/Format/SLD/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/Vector.js\n- * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Format/SLD/v1.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.PointGrid\n- * A point grid layer dynamically generates a regularly spaced grid of point\n- *     features.  This is a specialty layer for cases where an application needs\n- *     a regular grid of points.  It can be used, for example, in an editing\n- *     environment to snap to a grid.\n- *\n- * Create a new vector layer with the <OpenLayers.Layer.PointGrid> constructor.\n- * (code)\n- * // create a grid with points spaced at 10 map units\n- * var points = new OpenLayers.Layer.PointGrid({dx: 10, dy: 10});\n- *\n- * // create a grid with different x/y spacing rotated 15 degrees clockwise.\n- * var points = new OpenLayers.Layer.PointGrid({dx: 5, dy: 10, rotation: 15});\n- * (end)\n+ * Class: OpenLayers.Format.SLD.v1_0_0\n+ * Write SLD version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.SLD.v1>\n+ */\n+OpenLayers.Format.SLD.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.SLD.v1, {\n+\n+        /**\n+         * Constant: VERSION\n+         * {String} 1.0.0\n+         */\n+        VERSION: \"1.0.0\",\n+\n+        /**\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/sld\n+         *   http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\n+         */\n+        schemaLocation: \"http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.SLD.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.SLD> constructor instead.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Control/SLDSelect.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Layer/WMS.js\n+ * @requires OpenLayers/Handler/RegularPolygon.js\n+ * @requires OpenLayers/Handler/Polygon.js\n+ * @requires OpenLayers/Handler/Path.js\n+ * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.SLDSelect\n+ * Perform selections on WMS layers using Styled Layer Descriptor (SLD)\n  *\n  * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+OpenLayers.Control.SLDSelect = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * selected - Triggered when a selection occurs.  Listeners receive an \n+     *     event with *filters* and *layer* properties.  Filters will be an \n+     *     array of OpenLayers.Filter objects created in order to perform \n+     *     the particular selection.\n+     */\n \n     /**\n-     * APIProperty: dx\n-     * {Number} Point grid spacing in the x-axis direction (map units).  \n-     * Read-only.  Use the <setSpacing> method to modify this value.\n+     * APIProperty: clearOnDeactivate\n+     * {Boolean} Should the selection be cleared when the control is \n+     *     deactivated. Default value is false.\n      */\n-    dx: null,\n+    clearOnDeactivate: false,\n \n     /**\n-     * APIProperty: dy\n-     * {Number} Point grid spacing in the y-axis direction (map units).  \n-     * Read-only.  Use the <setSpacing> method to modify this value.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.WMS>)} The WMS layers this control will work \n+     *     on.\n      */\n-    dy: null,\n+    layers: null,\n \n     /**\n-     * APIProperty: ratio\n-     * {Number} Ratio of the desired grid size to the map viewport size.  \n-     * Default is 1.5.  Larger ratios mean the grid is recalculated less often \n-     * while panning.  The <maxFeatures> setting has precedence when determining\n-     * grid size.  Read-only.  Use the <setRatio> method to modify this value.\n+     * Property: callbacks\n+     * {Object} The functions that are sent to the handler for callback\n      */\n-    ratio: 1.5,\n+    callbacks: null,\n \n     /**\n-     * APIProperty: maxFeatures\n-     * {Number} The maximum number of points to generate in the grid.  Default\n-     * is 250.  Read-only.  Use the <setMaxFeatures> method to modify this value.\n+     * APIProperty: selectionSymbolizer\n+     * {Object} Determines the styling of the selected objects. Default is\n+     *     a selection in red.\n      */\n-    maxFeatures: 250,\n+    selectionSymbolizer: {\n+        'Polygon': {\n+            fillColor: '#FF0000',\n+            stroke: false\n+        },\n+        'Line': {\n+            strokeColor: '#FF0000',\n+            strokeWidth: 2\n+        },\n+        'Point': {\n+            graphicName: 'square',\n+            fillColor: '#FF0000',\n+            pointRadius: 5\n+        }\n+    },\n \n     /**\n-     * APIProperty: rotation\n-     * {Number} Grid rotation (in degrees clockwise from the positive x-axis).\n-     * Default is 0.  Read-only.  Use the <setRotation> method to modify this\n-     * value.\n+     * APIProperty: layerOptions\n+     * {Object} The options to apply to the selection layer, by default the\n+     *     selection layer will be kept out of the layer switcher.\n      */\n-    rotation: 0,\n+    layerOptions: null,\n \n     /**\n-     * APIProperty: origin\n-     * {<OpenLayers.LonLat>} Grid origin.  The grid lattice will be aligned with \n-     * the origin.  If not set at construction, the center of the map's maximum \n-     * extent is used.  Read-only.  Use the <setOrigin> method to modify this \n-     * value.\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    origin: null,\n \n     /**\n-     * Property: gridBounds\n-     * {<OpenLayers.Bounds>}  Internally cached grid bounds (with optional \n-     * rotation applied).\n+     * APIProperty: sketchStyle\n+     * {<OpenLayers.Style>|Object} Style or symbolizer to use for the sketch\n+     * handler. The recommended way of styling the sketch layer, however, is\n+     * to configure an <OpenLayers.StyleMap> in the layerOptions of the\n+     * <handlerOptions>:\n+     * \n+     * (code)\n+     * new OpenLayers.Control.SLDSelect(OpenLayers.Handler.Path, {\n+     *     handlerOptions: {\n+     *         layerOptions: {\n+     *             styleMap: new OpenLayers.StyleMap({\n+     *                 \"default\": {strokeColor: \"yellow\"}\n+     *             })\n+     *         }\n+     *     }\n+     * });\n+     * (end)\n      */\n-    gridBounds: null,\n+    sketchStyle: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.PointGrid\n-     * Creates a new point grid layer.\n+     * APIProperty: wfsCache\n+     * {Object} Cache to use for storing parsed results from\n+     *     <OpenLayers.Format.WFSDescribeFeatureType.read>. If not provided,\n+     *     these will be cached on the prototype.\n+     */\n+    wfsCache: {},\n+\n+    /**\n+     * APIProperty: layerCache\n+     * {Object} Cache to use for storing references to the selection layers.\n+     *     Normally each source layer will have exactly 1 selection layer of\n+     *     type OpenLayers.Layer.WMS. If not provided, layers will\n+     *     be cached on the prototype. Note that if <clearOnDeactivate> is\n+     *     true, the layer will no longer be cached after deactivating the\n+     *     control.\n+     */\n+    layerCache: {},\n+\n+    /**\n+     * Constructor: OpenLayers.Control.SLDSelect\n+     * Create a new control for selecting features in WMS layers using\n+     *     Styled Layer Descriptor (SLD).\n      *\n      * Parameters:\n-     * config - {Object} An object containing all configuration properties for\n-     *     the layer.  The <dx> and <dy> properties are required to be set at \n-     *     construction.  Any other layer properties may be set in this object.\n+     * handler - {<OpenLayers.Class>} A sketch handler class. This determines\n+     *     the type of selection, e.g. box (<OpenLayers.Handler.Box>), point\n+     *     (<OpenLayers.Handler.Point>), path (<OpenLayers.Handler.Path>) or\n+     *     polygon (<OpenLayers.Handler.Polygon>) selection. To use circle\n+     *     type selection, use <OpenLayers.Handler.RegularPolygon> and pass\n+     *     the number of desired sides (e.g. 40) as \"sides\" property to the\n+     *     <handlerOptions>.\n+     * options - {Object} An object containing all configuration properties for\n+     *     the control.\n+     *\n+     * Valid options:\n+     * layers - Array({<OpenLayers.Layer.WMS>}) The layers to perform the\n+     *     selection on.\n      */\n-    initialize: function(config) {\n-        config = config || {};\n-        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config]);\n+    initialize: function(handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        this.callbacks = OpenLayers.Util.extend({\n+            done: this.select,\n+            click: this.select\n+        }, this.callbacks);\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.layerOptions = OpenLayers.Util.applyDefaults(this.layerOptions, {\n+            displayInLayerSwitcher: false,\n+            tileOptions: {\n+                maxGetUrlLength: 2048\n+            }\n+        });\n+        if (this.sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n+                this.handlerOptions.layerOptions, {\n+                    styleMap: new OpenLayers.StyleMap({\n+                        \"default\": this.sketchStyle\n+                    })\n+                }\n+            );\n+        }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n     },\n \n-    /** \n-     * Method: setMap\n-     * The layer has been added to the map. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n      */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        map.events.register(\"moveend\", this, this.onMoveEnd);\n+    destroy: function() {\n+        for (var key in this.layerCache) {\n+            delete this.layerCache[key];\n+        }\n+        for (var key in this.wfsCache) {\n+            delete this.wfsCache[key];\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: removeMap\n-     * The layer has been removed from the map.\n+     * Method: coupleLayerVisiblity\n+     * Couple the selection layer and the source layer with respect to\n+     *     layer visibility. So if the source layer is turned off, the\n+     *     selection layer is also turned off.\n+     *\n+     * Context: \n+     * - {<OpenLayers.Layer>}\n      *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n+     * evt - {Object}\n      */\n-    removeMap: function(map) {\n-        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    coupleLayerVisiblity: function(evt) {\n+        this.setVisibility(evt.object.getVisibility());\n     },\n \n     /**\n-     * APIMethod: setRatio\n-     * Set the grid <ratio> property and update the grid.  Can only be called\n-     *     after the layer has been added to a map with a center/extent.\n+     * Method: createSelectionLayer\n+     * Creates a \"clone\" from the source layer in which the selection can\n+     * be drawn. This ensures both the source layer and the selection are \n+     * visible and not only the selection.\n      *\n      * Parameters:\n-     * ratio - {Number}\n+     * source - {<OpenLayers.Layer.WMS>} The source layer on which the selection\n+     *     is performed.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Layer.WMS>} A WMS layer with maxGetUrlLength configured to 2048\n+     *     since SLD selections can easily get quite long.\n      */\n-    setRatio: function(ratio) {\n-        this.ratio = ratio;\n-        this.updateGrid(true);\n+    createSelectionLayer: function(source) {\n+        // check if we already have a selection layer for the source layer\n+        var selectionLayer;\n+        if (!this.layerCache[source.id]) {\n+            selectionLayer = new OpenLayers.Layer.WMS(source.name,\n+                source.url, source.params,\n+                OpenLayers.Util.applyDefaults(\n+                    this.layerOptions,\n+                    source.getOptions())\n+            );\n+            this.layerCache[source.id] = selectionLayer;\n+            // make sure the layers are coupled wrt visibility, but only\n+            // if they are not displayed in the layer switcher, because in\n+            // that case the user cannot control visibility.\n+            if (this.layerOptions.displayInLayerSwitcher === false) {\n+                source.events.on({\n+                    \"visibilitychanged\": this.coupleLayerVisiblity,\n+                    scope: selectionLayer\n+                });\n+            }\n+            this.map.addLayer(selectionLayer);\n+        } else {\n+            selectionLayer = this.layerCache[source.id];\n+        }\n+        return selectionLayer;\n     },\n \n     /**\n-     * APIMethod: setMaxFeatures\n-     * Set the grid <maxFeatures> property and update the grid.  Can only be \n-     *     called after the layer has been added to a map with a center/extent.\n+     * Method: createSLD\n+     * Create the SLD document for the layer using the supplied filters.\n      *\n      * Parameters:\n-     * maxFeatures - {Number}\n+     * layer - {<OpenLayers.Layer.WMS>}\n+     * filters - Array({<OpenLayers.Filter>}) The filters to be applied.\n+     * geometryAttributes - Array({Object}) The geometry attributes of the \n+     *     layer.\n+     *\n+     * Returns:\n+     * {String} The SLD document generated as a string.\n      */\n-    setMaxFeatures: function(maxFeatures) {\n-        this.maxFeatures = maxFeatures;\n-        this.updateGrid(true);\n+    createSLD: function(layer, filters, geometryAttributes) {\n+        var sld = {\n+            version: \"1.0.0\",\n+            namedLayers: {}\n+        };\n+        var layerNames = [layer.params.LAYERS].join(\",\").split(\",\");\n+        for (var i = 0, len = layerNames.length; i < len; i++) {\n+            var name = layerNames[i];\n+            sld.namedLayers[name] = {\n+                name: name,\n+                userStyles: []\n+            };\n+            var symbolizer = this.selectionSymbolizer;\n+            var geometryAttribute = geometryAttributes[i];\n+            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n+                symbolizer = {\n+                    Polygon: this.selectionSymbolizer['Polygon']\n+                };\n+            } else if (geometryAttribute.type.indexOf('LineString') >= 0) {\n+                symbolizer = {\n+                    Line: this.selectionSymbolizer['Line']\n+                };\n+            } else if (geometryAttribute.type.indexOf('Point') >= 0) {\n+                symbolizer = {\n+                    Point: this.selectionSymbolizer['Point']\n+                };\n+            }\n+            var filter = filters[i];\n+            sld.namedLayers[name].userStyles.push({\n+                name: 'default',\n+                rules: [\n+                    new OpenLayers.Rule({\n+                        symbolizer: symbolizer,\n+                        filter: filter,\n+                        maxScaleDenominator: layer.options.minScale\n+                    })\n+                ]\n+            });\n+        }\n+        return new OpenLayers.Format.SLD({\n+            srsName: this.map.getProjection()\n+        }).write(sld);\n     },\n \n     /**\n-     * APIMethod: setSpacing\n-     * Set the grid <dx> and <dy> properties and update the grid.  If only one\n-     *     argument is provided, it will be set as <dx> and <dy>.  Can only be \n-     *     called after the layer has been added to a map with a center/extent.\n+     * Method: parseDescribeLayer\n+     * Parse the SLD WMS DescribeLayer response and issue the corresponding\n+     *     WFS DescribeFeatureType request\n      *\n-     * Parameters:\n-     * dx - {Number}\n-     * dy - {Number}\n+     * request - {XMLHttpRequest} The request object.\n      */\n-    setSpacing: function(dx, dy) {\n-        this.dx = dx;\n-        this.dy = dy || dx;\n-        this.updateGrid(true);\n+    parseDescribeLayer: function(request) {\n+        var format = new OpenLayers.Format.WMSDescribeLayer();\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        var describeLayer = format.read(doc);\n+        var typeNames = [];\n+        var url = null;\n+        for (var i = 0, len = describeLayer.length; i < len; i++) {\n+            // perform a WFS DescribeFeatureType request\n+            if (describeLayer[i].owsType == \"WFS\") {\n+                typeNames.push(describeLayer[i].typeName);\n+                url = describeLayer[i].owsURL;\n+            }\n+        }\n+        var options = {\n+            url: url,\n+            params: {\n+                SERVICE: \"WFS\",\n+                TYPENAME: typeNames.toString(),\n+                REQUEST: \"DescribeFeatureType\",\n+                VERSION: \"1.0.0\"\n+            },\n+            callback: function(request) {\n+                var format = new OpenLayers.Format.WFSDescribeFeatureType();\n+                var doc = request.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = request.responseText;\n+                }\n+                var describeFeatureType = format.read(doc);\n+                this.control.wfsCache[this.layer.id] = describeFeatureType;\n+                this.control._queue && this.control.applySelection();\n+            },\n+            scope: this\n+        };\n+        OpenLayers.Request.GET(options);\n     },\n \n     /**\n-     * APIMethod: setOrigin\n-     * Set the grid <origin> property and update the grid.  Can only be called\n-     *     after the layer has been added to a map with a center/extent.\n+     * Method: getGeometryAttributes\n+     * Look up the geometry attributes from the WFS DescribeFeatureType response\n      *\n      * Parameters:\n-     * origin - {<OpenLayers.LonLat>}\n+     * layer - {<OpenLayers.Layer.WMS>} The layer for which to look up the \n+     *     geometry attributes.\n+     *\n+     * Returns:\n+     * Array({Object}) Array of geometry attributes\n      */\n-    setOrigin: function(origin) {\n-        this.origin = origin;\n-        this.updateGrid(true);\n+    getGeometryAttributes: function(layer) {\n+        var result = [];\n+        var cache = this.wfsCache[layer.id];\n+        for (var i = 0, len = cache.featureTypes.length; i < len; i++) {\n+            var typeName = cache.featureTypes[i];\n+            var properties = typeName.properties;\n+            for (var j = 0, lenj = properties.length; j < lenj; j++) {\n+                var property = properties[j];\n+                var type = property.type;\n+                if ((type.indexOf('LineString') >= 0) ||\n+                    (type.indexOf('GeometryAssociationType') >= 0) ||\n+                    (type.indexOf('GeometryPropertyType') >= 0) ||\n+                    (type.indexOf('Point') >= 0) ||\n+                    (type.indexOf('Polygon') >= 0)) {\n+                    result.push(property);\n+                }\n+            }\n+        }\n+        return result;\n     },\n \n     /**\n-     * APIMethod: getOrigin\n-     * Get the grid <origin> property.\n-     *\n-     * Returns:\n-     * {<OpenLayers.LonLat>} The grid origin.\n+     * APIMethod: activate\n+     * Activate the control. Activating the control will perform a SLD WMS\n+     *     DescribeLayer request followed by a WFS DescribeFeatureType request\n+     *     so that the proper symbolizers can be chosen based on the geometry\n+     *     type.\n      */\n-    getOrigin: function() {\n-        if (!this.origin) {\n-            this.origin = this.map.getExtent().getCenterLonLat();\n+    activate: function() {\n+        var activated = OpenLayers.Control.prototype.activate.call(this);\n+        if (activated) {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                if (layer && !this.wfsCache[layer.id]) {\n+                    var options = {\n+                        url: layer.url,\n+                        params: {\n+                            SERVICE: \"WMS\",\n+                            VERSION: layer.params.VERSION,\n+                            LAYERS: layer.params.LAYERS,\n+                            REQUEST: \"DescribeLayer\"\n+                        },\n+                        callback: this.parseDescribeLayer,\n+                        scope: {\n+                            layer: layer,\n+                            control: this\n+                        }\n+                    };\n+                    OpenLayers.Request.GET(options);\n+                }\n+            }\n         }\n-        return this.origin;\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: setRotation\n-     * Set the grid <rotation> property and update the grid.  Rotation values\n-     *     are in degrees clockwise from the positive x-axis (negative values\n-     *     for counter-clockwise rotation).  Can only be called after the layer \n-     *     has been added to a map with a center/extent.\n-     *\n-     * Parameters:\n-     * rotation - {Number} Degrees clockwise from the positive x-axis.\n+     * APIMethod: deactivate\n+     * Deactivate the control. If clearOnDeactivate is true, remove the\n+     *     selection layer(s).\n      */\n-    setRotation: function(rotation) {\n-        this.rotation = rotation;\n-        this.updateGrid(true);\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                if (layer && this.clearOnDeactivate === true) {\n+                    var layerCache = this.layerCache;\n+                    var selectionLayer = layerCache[layer.id];\n+                    if (selectionLayer) {\n+                        layer.events.un({\n+                            \"visibilitychanged\": this.coupleLayerVisiblity,\n+                            scope: selectionLayer\n+                        });\n+                        selectionLayer.destroy();\n+                        delete layerCache[layer.id];\n+                    }\n+                }\n+            }\n+        }\n+        return deactivated;\n     },\n \n     /**\n-     * Method: onMoveEnd\n-     * Listener for map \"moveend\" events.\n+     * APIMethod: setLayers\n+     * Set the layers on which the selection should be performed.  Call the \n+     *     setLayers method if the layer(s) to be used change and the same \n+     *     control should be used on a new set of layers.\n+     *     If the control is already active, it will be active after the new\n+     *     set of layers is set.\n+     *\n+     * Parameters:\n+     * layers - {Array(<OpenLayers.Layer.WMS>)}  The new set of layers on which \n+     *     the selection should be performed.\n      */\n-    onMoveEnd: function() {\n-        this.updateGrid();\n+    setLayers: function(layers) {\n+        if (this.active) {\n+            this.deactivate();\n+            this.layers = layers;\n+            this.activate();\n+        } else {\n+            this.layers = layers;\n+        }\n     },\n \n     /**\n-     * Method: getViewBounds\n-     * Gets the (potentially rotated) view bounds for grid calculations.\n+     * Function: createFilter\n+     * Create the filter to be used in the SLD.\n+     *\n+     * Parameters:\n+     * geometryAttribute - {Object} Used to get the name of the geometry \n+     *     attribute which is needed for constructing the spatial filter.\n+     * geometry - {<OpenLayers.Geometry>} The geometry to use.\n      *\n      * Returns:\n-     * {<OpenLayers.Bounds>}\n+     * {<OpenLayers.Filter.Spatial>} The spatial filter created.\n      */\n-    getViewBounds: function() {\n-        var bounds = this.map.getExtent();\n-        if (this.rotation) {\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var rect = bounds.toGeometry();\n-            rect.rotate(-this.rotation, rotationOrigin);\n-            bounds = rect.getBounds();\n+    createFilter: function(geometryAttribute, geometry) {\n+        var filter = null;\n+        if (this.handler instanceof OpenLayers.Handler.RegularPolygon) {\n+            // box\n+            if (this.handler.irregular === true) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.BBOX,\n+                    property: geometryAttribute.name,\n+                    value: geometry.getBounds()\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            }\n+        } else if (this.handler instanceof OpenLayers.Handler.Polygon) {\n+            filter = new OpenLayers.Filter.Spatial({\n+                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                property: geometryAttribute.name,\n+                value: geometry\n+            });\n+        } else if (this.handler instanceof OpenLayers.Handler.Path) {\n+            // if source layer is point based, use DWITHIN instead\n+            if (geometryAttribute.type.indexOf('Point') >= 0) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.DWITHIN,\n+                    property: geometryAttribute.name,\n+                    distance: this.map.getExtent().getWidth() * 0.01,\n+                    distanceUnits: this.map.getUnits(),\n+                    value: geometry\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            }\n+        } else if (this.handler instanceof OpenLayers.Handler.Click) {\n+            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                    property: geometryAttribute.name,\n+                    value: geometry\n+                });\n+            } else {\n+                filter = new OpenLayers.Filter.Spatial({\n+                    type: OpenLayers.Filter.Spatial.DWITHIN,\n+                    property: geometryAttribute.name,\n+                    distance: this.map.getExtent().getWidth() * 0.01,\n+                    distanceUnits: this.map.getUnits(),\n+                    value: geometry\n+                });\n+            }\n         }\n-        return bounds;\n+        return filter;\n     },\n \n     /**\n-     * Method: updateGrid\n-     * Update the grid.\n+     * Method: select\n+     * When the handler is done, use SLD_BODY on the selection layer to\n+     *     display the selection in the map.\n      *\n      * Parameters:\n-     * force - {Boolean} Update the grid even if the previous bounds are still\n-     *     valid.\n+     * geometry - {Object} or {<OpenLayers.Geometry>}\n      */\n-    updateGrid: function(force) {\n-        if (force || this.invalidBounds()) {\n-            var viewBounds = this.getViewBounds();\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var viewBoundsWidth = viewBounds.getWidth();\n-            var viewBoundsHeight = viewBounds.getHeight();\n-            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n-            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n-            var maxWidth = maxHeight * aspectRatio;\n-            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n-            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n-            var center = viewBounds.getCenterLonLat();\n-            this.gridBounds = new OpenLayers.Bounds(\n-                center.lon - (gridWidth / 2),\n-                center.lat - (gridHeight / 2),\n-                center.lon + (gridWidth / 2),\n-                center.lat + (gridHeight / 2)\n-            );\n-            var rows = Math.floor(gridHeight / this.dy);\n-            var cols = Math.floor(gridWidth / this.dx);\n-            var gridLeft = origin.lon + (this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx));\n-            var gridBottom = origin.lat + (this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy));\n-            var features = new Array(rows * cols);\n-            var x, y, point;\n-            for (var i = 0; i < cols; ++i) {\n-                x = gridLeft + (i * this.dx);\n-                for (var j = 0; j < rows; ++j) {\n-                    y = gridBottom + (j * this.dy);\n-                    point = new OpenLayers.Geometry.Point(x, y);\n-                    if (this.rotation) {\n-                        point.rotate(this.rotation, rotationOrigin);\n+    select: function(geometry) {\n+        this._queue = function() {\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.layers[i];\n+                var geometryAttributes = this.getGeometryAttributes(layer);\n+                var filters = [];\n+                for (var j = 0, lenj = geometryAttributes.length; j < lenj; j++) {\n+                    var geometryAttribute = geometryAttributes[j];\n+                    if (geometryAttribute !== null) {\n+                        // from the click handler we will not get an actual \n+                        // geometry so transform\n+                        if (!(geometry instanceof OpenLayers.Geometry)) {\n+                            var point = this.map.getLonLatFromPixel(\n+                                geometry.xy);\n+                            geometry = new OpenLayers.Geometry.Point(\n+                                point.lon, point.lat);\n+                        }\n+                        var filter = this.createFilter(geometryAttribute,\n+                            geometry);\n+                        if (filter !== null) {\n+                            filters.push(filter);\n+                        }\n                     }\n-                    features[(i * rows) + j] = new OpenLayers.Feature.Vector(point);\n                 }\n+\n+                var selectionLayer = this.createSelectionLayer(layer);\n+\n+                this.events.triggerEvent(\"selected\", {\n+                    layer: layer,\n+                    filters: filters\n+                });\n+\n+                var sld = this.createSLD(layer, filters, geometryAttributes);\n+\n+                selectionLayer.mergeNewParams({\n+                    SLD_BODY: sld\n+                });\n+                delete this._queue;\n             }\n-            this.destroyFeatures(this.features, {\n-                silent: true\n-            });\n-            this.addFeatures(features, {\n-                silent: true\n-            });\n-        }\n+        };\n+        this.applySelection();\n     },\n \n     /**\n-     * Method: invalidBounds\n-     * Determine whether the previously generated point grid is invalid. \n-     *     This occurs when the map bounds extends beyond the previously \n-     *     generated grid bounds.\n-     *\n-     * Returns:\n-     * {Boolean} \n+     * Method: applySelection\n+     * Checks if all required wfs data is cached, and applies the selection\n      */\n-    invalidBounds: function() {\n-        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds());\n+    applySelection: function() {\n+        var canApply = true;\n+        for (var i = 0, len = this.layers.length; i < len; i++) {\n+            if (!this.wfsCache[this.layers[i].id]) {\n+                canApply = false;\n+                break;\n+            }\n+        }\n+        canApply && this._queue.call(this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n-\n+    CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n });\n /* ======================================================================\n-    OpenLayers/Layer/OSM.js\n+    OpenLayers/Control/ModifyFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Handler/Keyboard.js\n  */\n \n /**\n- * Class: OpenLayers.Layer.OSM\n- * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n- *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n- *    a different layer instead, you need to provide a different\n- *    URL to the constructor. Here's an example for using OpenCycleMap:\n- * \n- * (code)\n- *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n- *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n- *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n- * (end)\n+ * Class: OpenLayers.Control.ModifyFeature\n+ * Control to modify features.  When activated, a click renders the vertices\n+ *     of a feature - these vertices can then be dragged.  By default, the\n+ *     delete key will delete the vertex under the mouse.  New features are\n+ *     added by dragging \"virtual vertices\" between vertices.  Create a new\n+ *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Layer.XYZ>\n+ * Inherits From:\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: name\n-     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n-     * argument to the constructor is null or undefined.\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, dragging vertices will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n-    name: \"OpenStreetMap\",\n+    documentDrag: false,\n \n     /**\n-     * APIProperty: url\n-     * {String} The tileset URL scheme. Defaults to\n-     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n-     * (the official OSM tileset) if the second argument to the constructor\n-     * is null or undefined. To use another tileset you can have something\n-     * like this:\n-     * (code)\n-     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n-     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n-     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n-     * (end)\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict modification to a limited set of geometry\n+     *     types, send a list of strings corresponding to the geometry class\n+     *     names.\n      */\n-    url: [\n-        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n-        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n-    ],\n+    geometryTypes: null,\n \n     /**\n-     * Property: attribution\n-     * {String} The layer attribution.\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n      */\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    clickout: true,\n \n     /**\n-     * Property: sphericalMercator\n-     * {Boolean}\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.\n+     *      Default is true.\n      */\n-    sphericalMercator: true,\n+    toggle: true,\n \n     /**\n-     * Property: wrapDateLine\n-     * {Boolean}\n+     * APIProperty: standalone\n+     * {Boolean} Set to true to create a control without SelectFeature\n+     *     capabilities. Default is false.  If standalone is true, to modify\n+     *     a feature, call the <selectFeature> method with the target feature.\n+     *     Note that you must call the <unselectFeature> method to finish\n+     *     feature modification in standalone mode (before starting to modify\n+     *     another feature).\n      */\n-    wrapDateLine: true,\n+    standalone: false,\n \n-    /** APIProperty: tileOptions\n-     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n-     *  created by this Layer. Default is\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: 'anonymous'}\n-     *  (end)\n-     *\n-     *  When using OSM tilesets other than the default ones, it may be\n-     *  necessary to set this to\n-     *\n-     *  (code)\n-     *  {crossOriginKeyword: null}\n-     *  (end)\n-     *\n-     *  if the server does not send Access-Control-Allow-Origin headers.\n+    /**\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    tileOptions: null,\n+    layer: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.OSM\n-     *\n-     * Parameters:\n-     * name - {String} The layer name.\n-     * url - {String} The tileset URL scheme.\n-     * options - {Object} Configuration options for the layer. Any inherited\n-     *     layer option can be set in this object (e.g.\n-     *     <OpenLayers.Layer.Grid.buffer>).\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} Feature currently available for modification.\n      */\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: 'anonymous'\n-        }, this.options && this.options.tileOptions);\n-    },\n+    feature: null,\n \n     /**\n-     * Method: clone\n+     * Property: vertex\n+     * {<OpenLayers.Feature.Vector>} Vertex currently being modified.\n      */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(\n-                this.name, this.url, this.getOptions());\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/GeoRSS.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer/Markers.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- */\n+    vertex: null,\n \n-/**\n- * Class: OpenLayers.Layer.GeoRSS\n- * Add GeoRSS Point features to your map. \n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.Markers>\n- */\n-OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    /**\n+     * Property: vertices\n+     * {Array(<OpenLayers.Feature.Vector>)} Verticies currently available\n+     *     for dragging.\n+     */\n+    vertices: null,\n \n-    /** \n-     * Property: location \n-     * {String} store url of text file \n+    /**\n+     * Property: virtualVertices\n+     * {Array(<OpenLayers.Feature.Vector>)} Virtual vertices in the middle\n+     *     of each edge.\n      */\n-    location: null,\n+    virtualVertices: null,\n \n-    /** \n-     * Property: features \n-     * {Array(<OpenLayers.Feature>)} \n+    /**\n+     * Property: handlers\n+     * {Object}\n      */\n-    features: null,\n+    handlers: null,\n \n     /**\n-     * APIProperty: formatOptions\n-     * {Object} Hash of options which should be passed to the format when it is\n-     * created. Must be passed in the constructor.\n+     * APIProperty: deleteCodes\n+     * {Array(Integer)} Keycodes for deleting verticies.  Set to null to disable\n+     *     vertex deltion by keypress.  If non-null, keypresses with codes\n+     *     in this array will delete vertices under the mouse. Default\n+     *     is 46 and 68, the 'delete' and lowercase 'd' keys.\n      */\n-    formatOptions: null,\n+    deleteCodes: null,\n \n-    /** \n-     * Property: selectedFeature \n-     * {<OpenLayers.Feature>} \n+    /**\n+     * APIProperty: virtualStyle\n+     * {Object} A symbolizer to be used for virtual vertices.\n      */\n-    selectedFeature: null,\n+    virtualStyle: null,\n \n-    /** \n-     * APIProperty: icon \n-     * {<OpenLayers.Icon>}. This determines the Icon to be used on the map\n-     * for this GeoRSS layer.\n+    /**\n+     * APIProperty: vertexRenderIntent\n+     * {String} The renderIntent to use for vertices. If no <virtualStyle> is\n+     * provided, this renderIntent will also be used for virtual vertices, with\n+     * a fillOpacity and strokeOpacity of 0.3. Default is null, which means\n+     * that the layer's default style will be used for vertices.\n      */\n-    icon: null,\n+    vertexRenderIntent: null,\n \n     /**\n-     * APIProperty: popupSize\n-     * {<OpenLayers.Size>} This determines the size of GeoRSS popups. If \n-     * not provided, defaults to 250px by 120px. \n+     * APIProperty: mode\n+     * {Integer} Bitfields specifying the modification mode. Defaults to\n+     *      OpenLayers.Control.ModifyFeature.RESHAPE. To set the mode to a\n+     *      combination of options, use the | operator. For example, to allow\n+     *      the control to both resize and rotate features, use the following\n+     *      syntax\n+     * (code)\n+     * control.mode = OpenLayers.Control.ModifyFeature.RESIZE |\n+     *                OpenLayers.Control.ModifyFeature.ROTATE;\n+     *  (end)\n      */\n-    popupSize: null,\n+    mode: null,\n \n-    /** \n-     * APIProperty: useFeedTitle \n-     * {Boolean} Set layer.name to the first <title> element in the feed. Default is true. \n+    /**\n+     * APIProperty: createVertices\n+     * {Boolean} Create new vertices by dragging the virtual vertices\n+     *     in the middle of each edge. Default is true.\n      */\n-    useFeedTitle: true,\n+    createVertices: true,\n \n     /**\n-     * Constructor: OpenLayers.Layer.GeoRSS\n-     * Create a GeoRSS Layer.\n-     *\n-     * Parameters:\n-     * name - {String} \n-     * location - {String} \n-     * options - {Object}\n+     * Property: modified\n+     * {Boolean} The currently selected feature has been modified.\n      */\n-    initialize: function(name, location, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n-        this.location = location;\n-        this.features = [];\n-    },\n+    modified: false,\n \n     /**\n-     * Method: destroy \n+     * Property: radiusHandle\n+     * {<OpenLayers.Feature.Vector>} A handle for rotating/resizing a feature.\n      */\n-    destroy: function() {\n-        // Warning: Layer.Markers.destroy() must be called prior to calling\n-        // clearFeatures() here, otherwise we leak memory. Indeed, if\n-        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n-        // able to remove the marker image elements from the layer's div since\n-        // the markers will have been destroyed by clearFeatures().\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null;\n-    },\n+    radiusHandle: null,\n \n     /**\n-     * Method: loadRSS\n-     * Start the load of the RSS data. Don't do this when we first add the layer,\n-     * since we may not be visible at any point, and it would therefore be a waste.\n+     * Property: dragHandle\n+     * {<OpenLayers.Feature.Vector>} A handle for dragging a feature.\n      */\n-    loadRSS: function() {\n-        if (!this.loaded) {\n-            this.events.triggerEvent(\"loadstart\");\n-            OpenLayers.Request.GET({\n-                url: this.location,\n-                success: this.parseData,\n-                scope: this\n-            });\n-            this.loaded = true;\n-        }\n-    },\n+    dragHandle: null,\n \n     /**\n-     * Method: moveTo\n-     * If layer is visible and RSS has not been loaded, load RSS. \n-     * \n-     * Parameters:\n-     * bounds - {Object} \n-     * zoomChanged - {Object} \n-     * minor - {Object} \n+     * APIProperty: onModificationStart \n+     * {Function} *Deprecated*.  Register for \"beforefeaturemodified\" instead.\n+     *     The \"beforefeaturemodified\" event is triggered on the layer before\n+     *     any modification begins.\n+     *\n+     * Optional function to be called when a feature is selected\n+     *     to be modified. The function should expect to be called with a\n+     *     feature.  This could be used for example to allow to lock the\n+     *     feature on server-side.\n      */\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadRSS();\n-        }\n-    },\n+    onModificationStart: function() {},\n \n     /**\n-     * Method: parseData\n-     * Parse the data returned from the Events call.\n+     * APIProperty: onModification\n+     * {Function} *Deprecated*.  Register for \"featuremodified\" instead.\n+     *     The \"featuremodified\" event is triggered on the layer with each\n+     *     feature modification.\n      *\n-     * Parameters:\n-     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     * Optional function to be called when a feature has been\n+     *     modified.  The function should expect to be called with a feature.\n      */\n-    parseData: function(ajaxRequest) {\n-        var doc = ajaxRequest.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText);\n-        }\n-\n-        if (this.useFeedTitle) {\n-            var name = null;\n-            try {\n-                name = doc.getElementsByTagNameNS('*', 'title')[0].firstChild.nodeValue;\n-            } catch (e) {\n-                try {\n-                    name = doc.getElementsByTagName('title')[0].firstChild.nodeValue;\n-                } catch (e) {}\n-            }\n-            if (name) {\n-                this.setName(name);\n-            }\n-        }\n-\n-        var options = {};\n-\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject();\n-        }\n-\n-        var format = new OpenLayers.Format.GeoRSS(options);\n-        var features = format.read(doc);\n-\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-\n-            // we don't support features with no geometry in the GeoRSS\n-            // layer at this time. \n-            if (!feature.geometry) {\n-                continue;\n-            }\n-\n-            var title = feature.attributes.title ?\n-                feature.attributes.title : \"Untitled\";\n-\n-            var description = feature.attributes.description ?\n-                feature.attributes.description : \"No description.\";\n-\n-            var link = feature.attributes.link ? feature.attributes.link : \"\";\n-\n-            var location = feature.geometry.getBounds().getCenterLonLat();\n-\n-\n-            data.icon = this.icon == null ?\n-                OpenLayers.Marker.defaultIcon() :\n-                this.icon.clone();\n-\n-            data.popupSize = this.popupSize ?\n-                this.popupSize.clone() :\n-                new OpenLayers.Size(250, 120);\n-\n-            if (title || description) {\n-                // we have supplemental data, store them.\n-                data.title = title;\n-                data.description = description;\n-\n-                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n-                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n-                if (link) {\n-                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">';\n-                }\n-                contentHTML += title;\n-                if (link) {\n-                    contentHTML += '</a>';\n-                }\n-                contentHTML += '</div>';\n-                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n-                contentHTML += description;\n-                contentHTML += '</div>';\n-                data['popupContentHTML'] = contentHTML;\n-            }\n-            var feature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(feature);\n-            var marker = feature.createMarker();\n-            marker.events.register('click', feature, this.markerClick);\n-            this.addMarker(marker);\n-        }\n-        this.events.triggerEvent(\"loadend\");\n-    },\n+    onModification: function() {},\n \n     /**\n-     * Method: markerClick\n+     * APIProperty: onModificationEnd\n+     * {Function} *Deprecated*.  Register for \"afterfeaturemodified\" instead.\n+     *     The \"afterfeaturemodified\" event is triggered on the layer after\n+     *     a feature has been modified.\n      *\n-     * Parameters:\n-     * evt - {Event} \n+     * Optional function to be called when a feature is finished \n+     *     being modified.  The function should expect to be called with a\n+     *     feature.\n      */\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = (this == this.layer.selectedFeature);\n-        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i]);\n-        }\n-        if (!sameMarkerClicked) {\n-            var popup = this.createPopup();\n-            OpenLayers.Event.observe(popup.div, \"click\",\n-                OpenLayers.Function.bind(function() {\n-                    for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-                        this.layer.map.removePopup(this.layer.map.popups[i]);\n-                    }\n-                }, this)\n-            );\n-            this.layer.map.addPopup(popup);\n-        }\n-        OpenLayers.Event.stop(evt);\n-    },\n+    onModificationEnd: function() {},\n \n     /**\n-     * Method: clearFeatures\n-     * Destroy all features in this layer.\n+     * Constructor: OpenLayers.Control.ModifyFeature\n+     * Create a new modify feature control.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n+     *     will be modified.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n      */\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy();\n-            }\n+    initialize: function(layer, options) {\n+        options = options || {};\n+        this.layer = layer;\n+        this.vertices = [];\n+        this.virtualVertices = [];\n+        this.virtualStyle = OpenLayers.Util.extend({},\n+            this.layer.style ||\n+            this.layer.styleMap.createSymbolizer(null, options.vertexRenderIntent)\n+        );\n+        this.virtualStyle.fillOpacity = 0.3;\n+        this.virtualStyle.strokeOpacity = 0.3;\n+        this.deleteCodes = [46, 68];\n+        this.mode = OpenLayers.Control.ModifyFeature.RESHAPE;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        if (!(OpenLayers.Util.isArray(this.deleteCodes))) {\n+            this.deleteCodes = [this.deleteCodes];\n         }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Google.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer/SphericalMercator.js\n- * @requires OpenLayers/Layer/EventPane.js\n- * @requires OpenLayers/Layer/FixedZoomLevels.js\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Google\n- * \n- * Provides a wrapper for Google's Maps API\n- * Normally the Terms of Use for this API do not allow wrapping, but Google\n- * have provided written consent to OpenLayers for this - see email in \n- * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n- * \n- * Inherits from:\n- *  - <OpenLayers.Layer.SphericalMercator>\n- *  - <OpenLayers.Layer.EventPane>\n- *  - <OpenLayers.Layer.FixedZoomLevels>\n- */\n-OpenLayers.Layer.Google = OpenLayers.Class(\n-    OpenLayers.Layer.EventPane,\n-    OpenLayers.Layer.FixedZoomLevels, {\n-\n-        /** \n-         * Constant: MIN_ZOOM_LEVEL\n-         * {Integer} 0 \n-         */\n-        MIN_ZOOM_LEVEL: 0,\n-\n-        /** \n-         * Constant: MAX_ZOOM_LEVEL\n-         * {Integer} 21\n-         */\n-        MAX_ZOOM_LEVEL: 21,\n-\n-        /** \n-         * Constant: RESOLUTIONS\n-         * {Array(Float)} Hardcode these resolutions so that they are more closely\n-         *                tied with the standard wms projection\n-         */\n-        RESOLUTIONS: [\n-            1.40625,\n-            0.703125,\n-            0.3515625,\n-            0.17578125,\n-            0.087890625,\n-            0.0439453125,\n-            0.02197265625,\n-            0.010986328125,\n-            0.0054931640625,\n-            0.00274658203125,\n-            0.001373291015625,\n-            0.0006866455078125,\n-            0.00034332275390625,\n-            0.000171661376953125,\n-            0.0000858306884765625,\n-            0.00004291534423828125,\n-            0.00002145767211914062,\n-            0.00001072883605957031,\n-            0.00000536441802978515,\n-            0.00000268220901489257,\n-            0.0000013411045074462891,\n-            0.00000067055225372314453\n-        ],\n-\n-        /**\n-         * APIProperty: type\n-         * {GMapType}\n-         */\n-        type: null,\n-\n-        /**\n-         * APIProperty: wrapDateLine\n-         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n-         *     Setting this to false only restricts panning if \n-         *     <sphericalMercator> is true. \n-         */\n-        wrapDateLine: true,\n-\n-        /**\n-         * APIProperty: sphericalMercator\n-         * {Boolean} Should the map act as a mercator-projected map? This will\n-         *     cause all interactions with the map to be in the actual map \n-         *     projection, which allows support for vector drawing, overlaying \n-         *     other maps, etc. \n-         */\n-        sphericalMercator: false,\n-\n-        /**\n-         * Property: version\n-         * {Number} The version of the Google Maps API\n-         */\n-        version: null,\n-\n-        /** \n-         * Constructor: OpenLayers.Layer.Google\n-         * \n-         * Parameters:\n-         * name - {String} A name for the layer.\n-         * options - {Object} An optional object whose properties will be set\n-         *     on the layer.\n-         */\n-        initialize: function(name, options) {\n-            options = options || {};\n-            if (!options.version) {\n-                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n-            }\n-            var mixin = OpenLayers.Layer.Google[\"v\" +\n-                options.version.replace(/\\./g, \"_\")];\n-            if (mixin) {\n-                OpenLayers.Util.applyDefaults(options, mixin);\n-            } else {\n-                throw \"Unsupported Google Maps API version: \" + options.version;\n-            }\n-\n-            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-            if (options.maxExtent) {\n-                options.maxExtent = options.maxExtent.clone();\n-            }\n-\n-            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n-                [name, options]);\n-            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n-                [name, options]);\n-\n-            if (this.sphericalMercator) {\n-                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-                this.initMercatorParameters();\n-            }\n-        },\n-\n-        /**\n-         * Method: clone\n-         * Create a clone of this layer\n-         *\n-         * Returns:\n-         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n-         */\n-        clone: function() {\n-            /**\n-             * This method isn't intended to be called by a subclass and it\n-             * doesn't call the same method on the superclass.  We don't call\n-             * the super's clone because we don't want properties that are set\n-             * on this layer after initialize (i.e. this.mapObject etc.).\n-             */\n-            return new OpenLayers.Layer.Google(\n-                this.name, this.getOptions()\n-            );\n-        },\n-\n-        /**\n-         * APIMethod: setVisibility\n-         * Set the visibility flag for the layer and hide/show & redraw \n-         *     accordingly. Fire event unless otherwise specified\n-         * \n-         * Note that visibility is no longer simply whether or not the layer's\n-         *     style.display is set to \"block\". Now we store a 'visibility' state \n-         *     property on the layer class, this allows us to remember whether or \n-         *     not we *desire* for a layer to be visible. In the case where the \n-         *     map's resolution is out of the layer's range, this desire may be \n-         *     subverted.\n-         * \n-         * Parameters:\n-         * visible - {Boolean} Display the layer (if in range)\n-         */\n-        setVisibility: function(visible) {\n-            // sharing a map container, opacity has to be set per layer\n-            var opacity = this.opacity == null ? 1 : this.opacity;\n-            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-            this.setOpacity(opacity);\n-        },\n-\n-        /** \n-         * APIMethod: display\n-         * Hide or show the Layer\n-         * \n-         * Parameters:\n-         * visible - {Boolean}\n-         */\n-        display: function(visible) {\n-            if (!this._dragging) {\n-                this.setGMapVisibility(visible);\n-            }\n-            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: moveTo\n-         * \n-         * Parameters:\n-         * bounds - {<OpenLayers.Bounds>}\n-         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n-         *     do some init work in that case.\n-         * dragging - {Boolean}\n-         */\n-        moveTo: function(bounds, zoomChanged, dragging) {\n-            this._dragging = dragging;\n-            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-            delete this._dragging;\n-        },\n-\n-        /**\n-         * APIMethod: setOpacity\n-         * Sets the opacity for the entire layer (all images)\n-         * \n-         * Parameters:\n-         * opacity - {Float}\n-         */\n-        setOpacity: function(opacity) {\n-            if (opacity !== this.opacity) {\n-                if (this.map != null) {\n-                    this.map.events.triggerEvent(\"changelayer\", {\n-                        layer: this,\n-                        property: \"opacity\"\n-                    });\n-                }\n-                this.opacity = opacity;\n-            }\n-            // Though this layer's opacity may not change, we're sharing a container\n-            // and need to update the opacity for the entire container.\n-            if (this.getVisibility()) {\n-                var container = this.getMapContainer();\n-                OpenLayers.Util.modifyDOMElement(\n-                    container, null, null, null, null, null, null, opacity\n-                );\n-            }\n-        },\n-\n-        /**\n-         * APIMethod: destroy\n-         * Clean up this layer.\n-         */\n-        destroy: function() {\n-            /**\n-             * We have to override this method because the event pane destroy\n-             * deletes the mapObject reference before removing this layer from\n-             * the map.\n-             */\n-            if (this.map) {\n-                this.setGMapVisibility(false);\n-                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-                if (cache && cache.count <= 1) {\n-                    this.removeGMapElements();\n-                }\n-            }\n-            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: removeGMapElements\n-         * Remove all elements added to the dom.  This should only be called if\n-         * this is the last of the Google layers for the given map.\n-         */\n-        removeGMapElements: function() {\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache) {\n-                // remove shared elements from dom\n-                var container = this.mapObject && this.getMapContainer();\n-                if (container && container.parentNode) {\n-                    container.parentNode.removeChild(container);\n-                }\n-                var termsOfUse = cache.termsOfUse;\n-                if (termsOfUse && termsOfUse.parentNode) {\n-                    termsOfUse.parentNode.removeChild(termsOfUse);\n-                }\n-                var poweredBy = cache.poweredBy;\n-                if (poweredBy && poweredBy.parentNode) {\n-                    poweredBy.parentNode.removeChild(poweredBy);\n-                }\n-                if (this.mapObject && window.google && google.maps &&\n-                    google.maps.event && google.maps.event.clearListeners) {\n-                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n-                }\n-            }\n-        },\n \n-        /**\n-         * APIMethod: removeMap\n-         * On being removed from the map, also remove termsOfUse and poweredBy divs\n-         * \n-         * Parameters:\n-         * map - {<OpenLayers.Map>}\n-         */\n-        removeMap: function(map) {\n-            // hide layer before removing\n-            if (this.visibility && this.mapObject) {\n-                this.setGMapVisibility(false);\n-            }\n-            // check to see if last Google layer in this map\n-            var cache = OpenLayers.Layer.Google.cache[map.id];\n-            if (cache) {\n-                if (cache.count <= 1) {\n-                    this.removeGMapElements();\n-                    delete OpenLayers.Layer.Google.cache[map.id];\n-                } else {\n-                    // decrement the layer count\n-                    --cache.count;\n+        // configure the drag handler\n+        var dragCallbacks = {\n+            down: function(pixel) {\n+                this.vertex = null;\n+                var feature = this.layer.getFeatureFromEvent(\n+                    this.handlers.drag.evt);\n+                if (feature) {\n+                    this.dragStart(feature);\n+                } else if (this.clickout) {\n+                    this._unselect = this.feature;\n                 }\n-            }\n-            // remove references to gmap elements\n-            delete this.termsOfUse;\n-            delete this.poweredBy;\n-            delete this.mapObject;\n-            delete this.dragObject;\n-            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n-        },\n-\n-        //\n-        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-        //\n-\n-        /**\n-         * APIMethod: getOLBoundsFromMapObjectBounds\n-         * \n-         * Parameters:\n-         * moBounds - {Object}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n-         *                       passed-in MapObject Bounds.\n-         *                       Returns null if null value is passed in.\n-         */\n-        getOLBoundsFromMapObjectBounds: function(moBounds) {\n-            var olBounds = null;\n-            if (moBounds != null) {\n-                var sw = moBounds.getSouthWest();\n-                var ne = moBounds.getNorthEast();\n-                if (this.sphericalMercator) {\n-                    sw = this.forwardMercator(sw.lng(), sw.lat());\n-                    ne = this.forwardMercator(ne.lng(), ne.lat());\n-                } else {\n-                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n+            },\n+            move: function(pixel) {\n+                delete this._unselect;\n+                if (this.vertex) {\n+                    this.dragVertex(this.vertex, pixel);\n                 }\n-                olBounds = new OpenLayers.Bounds(sw.lon,\n-                    sw.lat,\n-                    ne.lon,\n-                    ne.lat);\n-            }\n-            return olBounds;\n-        },\n-\n-        /** \n-         * APIMethod: getWarningHTML\n-         * \n-         * Returns: \n-         * {String} String with information on why layer is broken, how to get\n-         *          it working.\n-         */\n-        getWarningHTML: function() {\n-            return OpenLayers.i18n(\"googleWarning\");\n-        },\n-\n-\n-        /************************************\n-         *                                  *\n-         *   MapObject Interface Controls   *\n-         *                                  *\n-         ************************************/\n-\n-\n-        // Get&Set Center, Zoom\n-\n-        /**\n-         * APIMethod: getMapObjectCenter\n-         * \n-         * Returns: \n-         * {Object} The mapObject's current center in Map Object format\n-         */\n-        getMapObjectCenter: function() {\n-            return this.mapObject.getCenter();\n-        },\n-\n-        /** \n-         * APIMethod: getMapObjectZoom\n-         * \n-         * Returns:\n-         * {Integer} The mapObject's current zoom, in Map Object format\n-         */\n-        getMapObjectZoom: function() {\n-            return this.mapObject.getZoom();\n-        },\n-\n-\n-        /************************************\n-         *                                  *\n-         *       MapObject Primitives       *\n-         *                                  *\n-         ************************************/\n-\n-\n-        // LonLat\n-\n-        /**\n-         * APIMethod: getLongitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Longitude of the given MapObject LonLat\n-         */\n-        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-            return this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n-                moLonLat.lng();\n-        },\n-\n-        /**\n-         * APIMethod: getLatitudeFromMapObjectLonLat\n-         * \n-         * Parameters:\n-         * moLonLat - {Object} MapObject LonLat format\n-         * \n-         * Returns:\n-         * {Float} Latitude of the given MapObject LonLat\n-         */\n-        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-            var lat = this.sphericalMercator ?\n-                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n-                moLonLat.lat();\n-            return lat;\n-        },\n-\n-        // Pixel\n-\n-        /**\n-         * APIMethod: getXFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} X value of the MapObject Pixel\n-         */\n-        getXFromMapObjectPixel: function(moPixel) {\n-            return moPixel.x;\n-        },\n-\n-        /**\n-         * APIMethod: getYFromMapObjectPixel\n-         * \n-         * Parameters:\n-         * moPixel - {Object} MapObject Pixel format\n-         * \n-         * Returns:\n-         * {Integer} Y value of the MapObject Pixel\n-         */\n-        getYFromMapObjectPixel: function(moPixel) {\n-            return moPixel.y;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Layer.Google\"\n-    });\n-\n-/**\n- * Property: OpenLayers.Layer.Google.cache\n- * {Object} Cache for elements that should only be created once per map.\n- */\n-OpenLayers.Layer.Google.cache = {};\n-\n-\n-/**\n- * Constant: OpenLayers.Layer.Google.v2\n- * \n- * Mixin providing functionality specific to the Google Maps API v2.\n- * \n- * This API has been deprecated by Google.\n- * Developers are encouraged to migrate to v3 of the API; support for this\n- * is provided by <OpenLayers.Layer.Google.v3>\n- */\n-OpenLayers.Layer.Google.v2 = {\n-\n-    /**\n-     * Property: termsOfUse\n-     * {DOMElement} Div for Google's copyright and terms of use link\n-     */\n-    termsOfUse: null,\n-\n-    /**\n-     * Property: poweredBy\n-     * {DOMElement} Div for Google's powered by logo and link\n-     */\n-    poweredBy: null,\n-\n-    /**\n-     * Property: dragObject\n-     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n-     *     the maps GDraggableObject. We can now use this for smooth panning\n-     */\n-    dragObject: null,\n-\n-    /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners. If we can't \n-     *     load GMap2, then display a warning message.\n-     */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP;\n-        }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n-\n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n-\n-            // create GMap and shuffle elements\n-            try {\n-                mapObject = new GMap2(div);\n-\n-                // move the ToS and branding stuff up to the container div\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n-\n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n-\n-            } catch (e) {\n-                throw (e);\n-            }\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n-            };\n-        }\n-\n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n-\n-        // ensure this layer type is one of the mapObject types\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n-                this.type) === -1) {\n-            this.mapObject.addMapType(this.type);\n-        }\n-\n-        //since v 2.93 getDragObject is now available.\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject();\n-        } else {\n-            this.dragPanMapObject = null;\n-        }\n-\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\");\n-        }\n-\n-    },\n-\n-    /**\n-     * APIMethod: onMapResize\n-     */\n-    onMapResize: function() {\n-        // workaround for resizing of invisible or not yet fully loaded layers\n-        // where GMap2.checkResize() does not work. We need to load the GMap\n-        // for the old div size, then checkResize(), and then call\n-        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n-        // the GMap initialization).\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize();\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n-                });\n-            }\n-            this._resized = true;\n-        }\n-    },\n-\n-    /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n-     * \n-     * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n-     */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id;\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed;\n+            },\n+            up: function() {\n+                this.handlers.drag.stopDown = false;\n+                if (this._unselect) {\n+                    this.unselectFeature(this._unselect);\n+                    delete this._unselect;\n                 }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    // move ToU far to the left in addition to setting display\n-                    // to \"none\", because at the end of the GMap2 load\n-                    // sequence, display: none will be unset and ToU would be\n-                    // visible after loading a map with a google layer that is\n-                    // initially hidden. \n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\";\n+            },\n+            done: function(pixel) {\n+                if (this.vertex) {\n+                    this.dragComplete(this.vertex);\n                 }\n             }\n-        }\n-    },\n-\n-    /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n-     */\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer();\n-    },\n-\n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n-\n-    /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n-     * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n-     */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n-                new GLatLng(ne.lat, ne.lon));\n-        }\n-        return moBounds;\n-    },\n-\n-\n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // Get&Set Center, Zoom\n-\n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n-     */\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom);\n-    },\n-\n-    /**\n-     * APIMethod: dragPanMapObject\n-     * \n-     * Parameters:\n-     * dX - {Integer}\n-     * dY - {Integer}\n-     */\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY));\n-    },\n-\n-\n-    // LonLat - Pixel Translation\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n-     * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n-     */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n-    },\n-\n-    /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n-     * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n-     */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n-    },\n-\n-\n-    // Bounds\n+        };\n+        var dragOptions = {\n+            documentDrag: this.documentDrag,\n+            stopDown: false\n+        };\n \n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n-     * \n-     * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n-     * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n-     */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n+        // configure the keyboard handler\n+        var keyboardOptions = {\n+            keydown: this.handleKeypress\n+        };\n+        this.handlers = {\n+            keyboard: new OpenLayers.Handler.Keyboard(this, keyboardOptions),\n+            drag: new OpenLayers.Handler.Drag(this, dragCallbacks, dragOptions)\n+        };\n     },\n \n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat\n-\n     /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n-     * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n      */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n-        } else {\n-            gLatLng = new GLatLng(lat, lon);\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n         }\n-        return gLatLng;\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, []);\n     },\n \n-    // Pixel\n-\n     /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n+     * APIMethod: activate\n+     * Activate the control.\n      * \n      * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y);\n-    }\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Layer/MapGuide.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- * @requires OpenLayers/Layer/Grid.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.MapGuide\n- * Instances of OpenLayers.Layer.MapGuide are used to display\n- * data from a MapGuide OS instance.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer.Grid>\n- */\n-OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-\n-    /** \n-     * APIProperty: isBaseLayer\n-     * {Boolean} Treat this layer as a base layer.  Default is true.\n-     **/\n-    isBaseLayer: true,\n-\n-    /**\n-     * APIProperty: useHttpTile\n-     * {Boolean} use a tile cache exposed directly via a webserver rather than the \n-     *    via mapguide server. This does require extra configuration on the Mapguide Server,\n-     *    and will only work when singleTile is false. The url for the layer must be set to the\n-     *    webserver path rather than the Mapguide mapagent.\n-     *    See http://trac.osgeo.org/mapguide/wiki/CodeSamples/Tiles/ServingTilesViaHttp\n-     **/\n-    useHttpTile: false,\n-\n-    /** \n-     * APIProperty: singleTile\n-     * {Boolean} use tile server or request single tile image. \n-     **/\n-    singleTile: false,\n-\n-    /** \n-     * APIProperty: useOverlay\n-     * {Boolean} flag to indicate if the layer should be retrieved using\n-     * GETMAPIMAGE (default) or using GETDYNAMICOVERLAY requests.\n-     **/\n-    useOverlay: false,\n-\n-    /** \n-     * APIProperty: useAsyncOverlay\n-     * {Boolean} indicates if the MapGuide site supports the asynchronous \n-     * GETDYNAMICOVERLAY requests which is available in MapGuide Enterprise 2010\n-     * and MapGuide Open Source v2.0.3 or higher. The newer versions of MG \n-     * is called asynchronously, allows selections to be drawn separately from \n-     * the map and offers styling options.\n-     * \n-     * With older versions of MapGuide, set useAsyncOverlay=false.  Note that in\n-     * this case a synchronous AJAX call is issued and the mapname and session\n-     * parameters must be used to initialize the layer, not the mapdefinition\n-     * parameter. Also note that this will issue a synchronous AJAX request \n-     * before the image request can be issued so the users browser may lock\n-     * up if the MG Web tier does not respond in a timely fashion.\n-     **/\n-    useAsyncOverlay: true,\n-\n-    /**\n-     * Constant: TILE_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for tiled layer\n-     */\n-    TILE_PARAMS: {\n-        operation: 'GETTILEIMAGE',\n-        version: '1.2.0'\n-    },\n-\n-    /**\n-     * Constant: SINGLE_TILE_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n-     */\n-    SINGLE_TILE_PARAMS: {\n-        operation: 'GETMAPIMAGE',\n-        format: 'PNG',\n-        locale: 'en',\n-        clip: '1',\n-        version: '1.0.0'\n-    },\n-\n-    /**\n-     * Constant: OVERLAY_PARAMS\n-     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n-     */\n-    OVERLAY_PARAMS: {\n-        operation: 'GETDYNAMICMAPOVERLAYIMAGE',\n-        format: 'PNG',\n-        locale: 'en',\n-        clip: '1',\n-        version: '2.0.0'\n-    },\n-\n-    /** \n-     * Constant: FOLDER_PARAMS\n-     * {Object} Hashtable of parameter key/value pairs which describe \n-     * the folder structure for tiles as configured in the mapguide \n-     * serverconfig.ini section [TileServiceProperties]\n+     * {Boolean} Successfully activated the control.\n      */\n-    FOLDER_PARAMS: {\n-        tileColumnsPerFolder: 30,\n-        tileRowsPerFolder: 30,\n-        format: 'png',\n-        querystring: null\n+    activate: function() {\n+        this.moveLayerToTop();\n+        this.map.events.on({\n+            \"removelayer\": this.handleMapEvents,\n+            \"changelayer\": this.handleMapEvents,\n+            scope: this\n+        });\n+        return (this.handlers.keyboard.activate() &&\n+            this.handlers.drag.activate() &&\n+            OpenLayers.Control.prototype.activate.apply(this, arguments));\n     },\n \n-    /** \n-     * Property: defaultSize\n-     * {<OpenLayers.Size>} Tile size as produced by MapGuide server\n-     **/\n-    defaultSize: new OpenLayers.Size(300, 300),\n-\n-    /** \n-     * Property: tileOriginCorner\n-     * {String} MapGuide tile server uses top-left as tile origin\n-     **/\n-    tileOriginCorner: \"tl\",\n-\n     /**\n-     * Constructor: OpenLayers.Layer.MapGuide\n-     * Create a new Mapguide layer, either tiled or untiled.  \n-     *\n-     * For tiled layers, the 'groupName' and 'mapDefinition' values \n-     * must be specified as parameters in the constructor.\n-     *\n-     * For untiled base layers, specify either combination of 'mapName' and\n-     * 'session', or 'mapDefinition' and 'locale'.  \n-     *\n-     * For older versions of MapGuide and overlay layers, set useAsyncOverlay \n-     * to false and in this case mapName and session are required parameters \n-     * for the constructor.\n-     *\n-     * NOTE: MapGuide OS uses a DPI value and degrees to meters conversion \n-     * factor that are different than the defaults used in OpenLayers, \n-     * so these must be adjusted accordingly in your application.  \n-     * See the MapGuide example for how to set these values for MGOS.\n+     * APIMethod: deactivate\n+     * Deactivate the control.\n      *\n-     * Parameters:\n-     * name - {String} Name of the layer displayed in the interface\n-     * url - {String} Location of the MapGuide mapagent executable\n-     *            (e.g. http://localhost:8008/mapguide/mapagent/mapagent.fcgi)\n-     * params - {Object} hashtable of additional parameters to use. Some\n-     *     parameters may require additional code on the server. The ones that\n-     *     you may want to use are: \n-     *   - mapDefinition - {String} The MapGuide resource definition\n-     *            (e.g. Library://Samples/Gmap/Maps/gmapTiled.MapDefinition)\n-     *   - locale - Locale setting \n-     *            (for untiled overlays layers only)\n-     *   - mapName - {String} Name of the map as stored in the MapGuide session.\n-     *          (for untiled layers with a session parameter only)\n-     *   - session - { String} MapGuide session ID \n-     *            (for untiled overlays layers only)\n-     *   - basemaplayergroupname - {String} GroupName for tiled MapGuide layers only\n-     *   - format - Image format to be returned (for untiled overlay layers only)\n-     *   - showLayers - {String} A comma separated list of GUID's for the\n-     *       layers to display eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - hideLayers - {String} A comma separated list of GUID's for the\n-     *       layers to hide eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - showGroups - {String} A comma separated list of GUID's for the\n-     *       groups to display eg: 'cvc-xcv34,453-345-345sdf'.\n-     *   - hideGroups - {String} A comma separated list of GUID's for the\n-     *       groups to hide eg: 'cvc-xcv34,453-345-345sdf'\n-     *   - selectionXml - {String} A selection xml string Some server plumbing\n-     *       is required to read such a value.\n-     * options - {Object} Hashtable of extra options to tag onto the layer; \n-     *          will vary depending if tiled or untiled maps are being requested\n+     * Returns: \n+     * {Boolean} Successfully deactivated the control.\n      */\n-    initialize: function(name, url, params, options) {\n-\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-\n-        // unless explicitly set in options, if the layer is transparent, \n-        // it will be an overlay\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = ((this.transparent != \"true\") &&\n-                (this.transparent != true));\n-        }\n-\n-        if (options && options.useOverlay != null) {\n-            this.useOverlay = options.useOverlay;\n-        }\n-\n-        //initialize for untiled layers\n-        if (this.singleTile) {\n-            if (this.useOverlay) {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.OVERLAY_PARAMS\n-                );\n-                if (!this.useAsyncOverlay) {\n-                    this.params.version = \"1.0.0\";\n-                }\n-            } else {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.SINGLE_TILE_PARAMS\n-                );\n-            }\n-        } else {\n-            //initialize for tiled layers\n-            if (this.useHttpTile) {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.FOLDER_PARAMS\n-                );\n-            } else {\n-                OpenLayers.Util.applyDefaults(\n-                    this.params,\n-                    this.TILE_PARAMS\n-                );\n+    deactivate: function() {\n+        var deactivated = false;\n+        // the return from the controls is unimportant in this case\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.moveLayerBack();\n+            this.map.events.un({\n+                \"removelayer\": this.handleMapEvents,\n+                \"changelayer\": this.handleMapEvents,\n+                scope: this\n+            });\n+            this.layer.removeFeatures(this.vertices, {\n+                silent: true\n+            });\n+            this.layer.removeFeatures(this.virtualVertices, {\n+                silent: true\n+            });\n+            this.vertices = [];\n+            this.handlers.drag.deactivate();\n+            this.handlers.keyboard.deactivate();\n+            var feature = this.feature;\n+            if (feature && feature.geometry && feature.layer) {\n+                this.unselectFeature(feature);\n             }\n-            this.setTileSize(this.defaultSize);\n-        }\n-    },\n-\n-    /**\n-     * Method: clone\n-     * Create a clone of this layer\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.MapGuide>} An exact clone of this layer\n-     */\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.MapGuide(this.name,\n-                this.url,\n-                this.params,\n-                this.getOptions());\n+            deactivated = true;\n         }\n-        //get all additions from superclasses\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-\n-        return obj;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: getURL\n-     * Return a query string for this layer\n+     * Method: beforeSelectFeature\n+     * Called before a feature is selected.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n-     *                                for the request\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url and parameters and also \n-     *          the passed-in bounds and appropriate tile size specified \n-     *          as parameters.\n+     * feature - {<OpenLayers.Feature.Vector>} The feature about to be selected.\n      */\n-    getURL: function(bounds) {\n-        var url;\n-        var center = bounds.getCenterLonLat();\n-        var mapSize = this.map.getSize();\n-\n-        if (this.singleTile) {\n-            //set up the call for GETMAPIMAGE or GETDYNAMICMAPOVERLAY with\n-            //dynamic map parameters\n-            var params = {\n-                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n-                setdisplayheight: mapSize.h * this.ratio,\n-                setdisplaywidth: mapSize.w * this.ratio,\n-                setviewcenterx: center.lon,\n-                setviewcentery: center.lat,\n-                setviewscale: this.map.getScale()\n-            };\n-\n-            if (this.useOverlay && !this.useAsyncOverlay) {\n-                //first we need to call GETVISIBLEMAPEXTENT to set the extent\n-                var getVisParams = {};\n-                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n-                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n-                getVisParams.version = \"1.0.0\";\n-                getVisParams.session = this.params.session;\n-                getVisParams.mapName = this.params.mapName;\n-                getVisParams.format = 'text/xml';\n-                url = this.getFullRequestString(getVisParams);\n-\n-                OpenLayers.Request.GET({\n-                    url: url,\n-                    async: false\n-                });\n-            }\n-            //construct the full URL\n-            url = this.getFullRequestString(params);\n-        } else {\n-\n-            //tiled version\n-            var currentRes = this.map.getResolution();\n-            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n-            colidx = Math.round(colidx / this.tileSize.w);\n-            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n-            rowidx = Math.round(rowidx / this.tileSize.h);\n-\n-            if (this.useHttpTile) {\n-                url = this.getImageFilePath({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                });\n-\n-            } else {\n-                url = this.getFullRequestString({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                });\n+    beforeSelectFeature: function(feature) {\n+        return this.layer.events.triggerEvent(\n+            \"beforefeaturemodified\", {\n+                feature: feature\n             }\n-        }\n-        return url;\n+        );\n     },\n \n     /**\n-     * Method: getFullRequestString\n-     * getFullRequestString on MapGuide layers is special, because we \n-     * do a regular expression replace on ',' in parameters to '+'.\n-     * This is why it is subclassed here.\n+     * APIMethod: selectFeature\n+     * Select a feature for modification in standalone mode. In non-standalone\n+     * mode, this method is called when a feature is selected by clicking.\n+     * Register a listener to the beforefeaturemodified event and return false\n+     * to prevent feature modification.\n      *\n      * Parameters:\n-     * altUrl - {String} Alternative base URL to use.\n-     *\n-     * Returns:\n-     * {String} A string with the layer's url appropriately encoded for MapGuide\n+     * feature - {<OpenLayers.Feature.Vector>} the selected feature.\n      */\n-    getFullRequestString: function(newParams, altUrl) {\n-        // use layer's url unless altUrl passed in\n-        var url = (altUrl == null) ? this.url : altUrl;\n-\n-        // if url is not a string, it should be an array of strings, \n-        //  in which case we will randomly select one of them in order\n-        //  to evenly distribute requests to different urls.\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)];\n+    selectFeature: function(feature) {\n+        if (this.feature === feature ||\n+            (this.geometryTypes && OpenLayers.Util.indexOf(this.geometryTypes,\n+                feature.geometry.CLASS_NAME) == -1)) {\n+            return;\n         }\n-        // requestString always starts with url\n-        var requestString = url;\n-\n-        // create a new params hashtable with all the layer params and the \n-        // new params together. then convert to string\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        // ignore parameters that are already in the url search string\n-        var urlParams = OpenLayers.Util.upperCaseObject(\n-            OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key];\n+        if (this.beforeSelectFeature(feature) !== false) {\n+            if (this.feature) {\n+                this.unselectFeature(this.feature);\n             }\n+            this.feature = feature;\n+            this.layer.selectedFeatures.push(feature);\n+            this.layer.drawFeature(feature, 'select');\n+            this.modified = false;\n+            this.resetVertices();\n+            this.onModificationStart(this.feature);\n         }\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-\n-        /* MapGuide needs '+' seperating things like bounds/height/width.\n-           Since typically this is URL encoded, we use a slight hack: we\n-           depend on the list-like functionality of getParameterString to\n-           leave ',' only in the case of list items (since otherwise it is\n-           encoded) then do a regular expression replace on the , characters\n-           to '+' */\n-        paramsString = paramsString.replace(/,/g, \"+\");\n-\n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n-                requestString += paramsString;\n-            } else {\n-                if (url.indexOf('?') == -1) {\n-                    //serverPath has no ? -- add one\n-                    requestString += '?' + paramsString;\n-                } else {\n-                    //serverPath contains ?, so must already have paramsString at the end\n-                    requestString += '&' + paramsString;\n-                }\n-            }\n+        // keep track of geometry modifications\n+        var modified = feature.modified;\n+        if (feature.geometry && !(modified && modified.geometry)) {\n+            this._originalGeometry = feature.geometry.clone();\n         }\n-        return requestString;\n     },\n \n-    /** \n-     * Method: getImageFilePath\n-     * special handler to request mapguide tiles from an http exposed tilecache \n+    /**\n+     * APIMethod: unselectFeature\n+     * Called when the select feature control unselects a feature.\n      *\n      * Parameters:\n-     * altUrl - {String} Alternative base URL to use.\n-     *\n-     * Returns:\n-     * {String} A string with the url for the tile image\n+     * feature - {<OpenLayers.Feature.Vector>} The unselected feature.\n      */\n-    getImageFilePath: function(newParams, altUrl) {\n-        // use layer's url unless altUrl passed in\n-        var url = (altUrl == null) ? this.url : altUrl;\n-\n-        // if url is not a string, it should be an array of strings, \n-        //  in which case we will randomly select one of them in order\n-        //  to evenly distribute requests to different urls.\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)];\n-        }\n-        // requestString always starts with url\n-        var requestString = url;\n-\n-        var tileRowGroup = \"\";\n-        var tileColGroup = \"\";\n-\n-        if (newParams.tilerow < 0) {\n-            tileRowGroup = '-';\n-        }\n-\n-        if (newParams.tilerow == 0) {\n-            tileRowGroup += '0';\n-        } else {\n-            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder;\n-        }\n-\n-        if (newParams.tilecol < 0) {\n-            tileColGroup = '-';\n-        }\n-\n-        if (newParams.tilecol == 0) {\n-            tileColGroup += '0';\n-        } else {\n-            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder;\n+    unselectFeature: function(feature) {\n+        this.layer.removeFeatures(this.vertices, {\n+            silent: true\n+        });\n+        this.vertices = [];\n+        this.layer.destroyFeatures(this.virtualVertices, {\n+            silent: true\n+        });\n+        this.virtualVertices = [];\n+        if (this.dragHandle) {\n+            this.layer.destroyFeatures([this.dragHandle], {\n+                silent: true\n+            });\n+            delete this.dragHandle;\n         }\n-\n-        var tilePath = '/S' + Math.floor(newParams.scaleindex) +\n-            '/' + this.params.basemaplayergroupname +\n-            '/R' + tileRowGroup +\n-            '/C' + tileColGroup +\n-            '/' + (newParams.tilerow % this.params.tileRowsPerFolder) +\n-            '_' + (newParams.tilecol % this.params.tileColumnsPerFolder) +\n-            '.' + this.params.format;\n-\n-        if (this.params.querystring) {\n-            tilePath += \"?\" + this.params.querystring;\n+        if (this.radiusHandle) {\n+            this.layer.destroyFeatures([this.radiusHandle], {\n+                silent: true\n+            });\n+            delete this.radiusHandle;\n         }\n-\n-        requestString += tilePath;\n-        return requestString;\n+        this.layer.drawFeature(this.feature, 'default');\n+        this.feature = null;\n+        OpenLayers.Util.removeItem(this.layer.selectedFeatures, feature);\n+        this.onModificationEnd(feature);\n+        this.layer.events.triggerEvent(\"afterfeaturemodified\", {\n+            feature: feature,\n+            modified: this.modified\n+        });\n+        this.modified = false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Vector/RootContainer.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Layer/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Layer.Vector.RootContainer\n- * A special layer type to combine multiple vector layers inside a single\n- *     renderer root container. This class is not supposed to be instantiated\n- *     from user space, it is a helper class for controls that require event\n- *     processing for multiple vector layers.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Layer.Vector>\n- */\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-\n-    /**\n-     * Property: displayInLayerSwitcher\n-     * Set to false for this layer type\n-     */\n-    displayInLayerSwitcher: false,\n-\n-    /**\n-     * APIProperty: layers\n-     * Layers that are attached to this container. Required config option.\n-     */\n-    layers: null,\n \n     /**\n-     * Constructor: OpenLayers.Layer.Vector.RootContainer\n-     * Create a new root container for multiple vector layer. This constructor\n-     * is not supposed to be used from user space, it is only to be used by\n-     * controls that need feature selection across multiple vector layers.\n-     *\n-     * Parameters:\n-     * name - {String} A name for the layer\n-     * options - {Object} Optional object with non-default properties to set on\n-     *           the layer.\n-     * \n-     * Required options properties:\n-     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n-     *     container\n+     * Method: dragStart\n+     * Called by the drag handler before a feature is dragged.  This method is\n+     *     used to differentiate between points and vertices\n+     *     of higher order geometries.\n      *\n-     * Returns:\n-     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n-     *     container\n-     */\n-\n-    /**\n-     * Method: display\n-     */\n-    display: function() {},\n-\n-    /**\n-     * Method: getFeatureFromEvent\n-     * walk through the layers to find the feature returned by the event\n-     * \n      * Parameters:\n-     * evt - {Object} event object with a feature property\n-     * \n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>}\n+     * feature - {<OpenLayers.Feature.Vector>} The point or vertex about to be\n+     *     dragged.\n      */\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature;\n+    dragStart: function(feature) {\n+        var isPoint = feature.geometry.CLASS_NAME ==\n+            'OpenLayers.Geometry.Point';\n+        if (!this.standalone &&\n+            ((!feature._sketch && isPoint) || !feature._sketch)) {\n+            if (this.toggle && this.feature === feature) {\n+                // mark feature for unselection\n+                this._unselect = feature;\n             }\n+            this.selectFeature(feature);\n+        }\n+        if (feature._sketch || isPoint) {\n+            // feature is a drag or virtual handle or point\n+            this.vertex = feature;\n+            this.handlers.drag.stopDown = true;\n         }\n     },\n \n     /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n-    },\n-\n-    /**\n-     * Method: removeMap\n-     * \n+     * Method: dragVertex\n+     * Called by the drag handler with each drag move of a vertex.\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: collectRoots\n-     * Collects the root nodes of all layers this control is configured with\n-     * and moveswien the nodes to this control's layer\n+     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n+     * pixel - {<OpenLayers.Pixel>} Pixel location of the mouse event.\n      */\n-    collectRoots: function() {\n-        var layer;\n-        // walk through all map layers, because we want to keep the order\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer);\n+    dragVertex: function(vertex, pixel) {\n+        var pos = this.map.getLonLatFromViewPortPx(pixel);\n+        var geom = vertex.geometry;\n+        geom.move(pos.lon - geom.x, pos.lat - geom.y);\n+        this.modified = true;\n+        /**\n+         * Five cases:\n+         * 1) dragging a simple point\n+         * 2) dragging a virtual vertex\n+         * 3) dragging a drag handle\n+         * 4) dragging a real vertex\n+         * 5) dragging a radius handle\n+         */\n+        if (this.feature.geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            // dragging a simple point\n+            this.layer.events.triggerEvent(\"vertexmodified\", {\n+                vertex: vertex.geometry,\n+                feature: this.feature,\n+                pixel: pixel\n+            });\n+        } else {\n+            if (vertex._index) {\n+                // dragging a virtual vertex\n+                vertex.geometry.parent.addComponent(vertex.geometry,\n+                    vertex._index);\n+                // move from virtual to real vertex\n+                delete vertex._index;\n+                OpenLayers.Util.removeItem(this.virtualVertices, vertex);\n+                this.vertices.push(vertex);\n+            } else if (vertex == this.dragHandle) {\n+                // dragging a drag handle\n+                this.layer.removeFeatures(this.vertices, {\n+                    silent: true\n+                });\n+                this.vertices = [];\n+                if (this.radiusHandle) {\n+                    this.layer.destroyFeatures([this.radiusHandle], {\n+                        silent: true\n+                    });\n+                    this.radiusHandle = null;\n+                }\n+            } else if (vertex !== this.radiusHandle) {\n+                // dragging a real vertex\n+                this.layer.events.triggerEvent(\"vertexmodified\", {\n+                    vertex: vertex.geometry,\n+                    feature: this.feature,\n+                    pixel: pixel\n+                });\n             }\n-        }\n-    },\n-\n-    /**\n-     * Method: resetRoots\n-     * Resets the root nodes back into the layers they belong to.\n-     */\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer);\n+            // dragging a radius handle - no special treatment\n+            if (this.virtualVertices.length > 0) {\n+                this.layer.destroyFeatures(this.virtualVertices, {\n+                    silent: true\n+                });\n+                this.virtualVertices = [];\n             }\n+            this.layer.drawFeature(this.feature, this.standalone ? undefined :\n+                'select');\n         }\n+        // keep the vertex on top so it gets the mouseout after dragging\n+        // this should be removed in favor of an option to draw under or\n+        // maintain node z-index\n+        this.layer.drawFeature(vertex);\n     },\n \n     /**\n-     * Method: handleChangeLayer\n-     * Event handler for the map's changelayer event. We need to rebuild\n-     * this container's layer dom if order of one of its layers changes.\n-     * This handler is added with the setMap method, and removed with the\n-     * removeMap method.\n-     * \n+     * Method: dragComplete\n+     * Called by the drag handler when the feature dragging is complete.\n+     *\n      * Parameters:\n-     * evt - {Object}\n+     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n      */\n-    handleChangeLayer: function(evt) {\n-        var layer = evt.layer;\n-        if (evt.property == \"order\" &&\n-            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-            this.resetRoots();\n-            this.collectRoots();\n-        }\n+    dragComplete: function(vertex) {\n+        this.resetVertices();\n+        this.setFeatureState();\n+        this.onModification(this.feature);\n+        this.layer.events.triggerEvent(\"featuremodified\", {\n+            feature: this.feature\n+        });\n     },\n \n-    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n-});\n-/* ======================================================================\n-    OpenLayers/Layer/Google/v3.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Layer/Google.js\n- */\n-\n-/**\n- * Constant: OpenLayers.Layer.Google.v3\n- * \n- * Mixin providing functionality specific to the Google Maps API v3.\n- * \n- * To use this layer, you must include the GMaps v3 API in your html.\n- * \n- * Note that this layer configures the google.maps.map object with the\n- * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n- * Maps API provides is not supported by the OpenLayers API.\n- */\n-OpenLayers.Layer.Google.v3 = {\n-\n     /**\n-     * Constant: DEFAULTS\n-     * {Object} It is not recommended to change the properties set here. Note\n-     * that Google.v3 layers only work when sphericalMercator is set to true.\n-     * \n-     * (code)\n-     * {\n-     *     sphericalMercator: true,\n-     *     projection: \"EPSG:900913\"\n-     * }\n-     * (end)\n+     * Method: setFeatureState\n+     * Called when the feature is modified.  If the current state is not\n+     *     INSERT or DELETE, the state is set to UPDATE.\n      */\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n+    setFeatureState: function() {\n+        if (this.feature.state != OpenLayers.State.INSERT &&\n+            this.feature.state != OpenLayers.State.DELETE) {\n+            this.feature.state = OpenLayers.State.UPDATE;\n+            if (this.modified && this._originalGeometry) {\n+                var feature = this.feature;\n+                feature.modified = OpenLayers.Util.extend(feature.modified, {\n+                    geometry: this._originalGeometry\n+                });\n+                delete this._originalGeometry;\n+            }\n+        }\n     },\n \n     /**\n-     * APIProperty: animationEnabled\n-     * {Boolean} If set to true, the transition between zoom levels will be\n-     *     animated (if supported by the GMaps API for the device used). Set to\n-     *     false to match the zooming experience of other layer types. Default\n-     *     is true. Note that the GMaps API does not give us control over zoom\n-     *     animation, so if set to false, when zooming, this will make the\n-     *     layer temporarily invisible, wait until GMaps reports the map being\n-     *     idle, and make it visible again. The result will be a blank layer\n-     *     for a few moments while zooming.\n-     */\n-    animationEnabled: true,\n-\n-    /** \n-     * Method: loadMapObject\n-     * Load the GMap and register appropriate event listeners.\n+     * Method: resetVertices\n      */\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP;\n+    resetVertices: function() {\n+        if (this.vertices.length > 0) {\n+            this.layer.removeFeatures(this.vertices, {\n+                silent: true\n+            });\n+            this.vertices = [];\n         }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            // there are already Google layers added to this map\n-            mapObject = cache.mapObject;\n-            // increment the layer count\n-            ++cache.count;\n-        } else {\n-            // this is the first Google layer for this map\n-            // create GMap\n-            var center = this.map.getCenter();\n-            var container = document.createElement('div');\n-            container.className = \"olForeignContainer\";\n-            container.style.width = '100%';\n-            container.style.height = '100%';\n-            mapObject = new google.maps.Map(container, {\n-                center: center ?\n-                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n+        if (this.virtualVertices.length > 0) {\n+            this.layer.removeFeatures(this.virtualVertices, {\n+                silent: true\n             });\n-            var googleControl = document.createElement('div');\n-            googleControl.style.width = '100%';\n-            googleControl.style.height = '100%';\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-\n-            // cache elements for use by any other google layers added to\n-            // this same map\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n+            this.virtualVertices = [];\n         }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility);\n-    },\n-\n-    /**\n-     * APIMethod: onMapResize\n-     */\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\");\n+        if (this.dragHandle) {\n+            this.layer.destroyFeatures([this.dragHandle], {\n+                silent: true\n+            });\n+            this.dragHandle = null;\n         }\n-    },\n-\n-    /**\n-     * Method: setGMapVisibility\n-     * Display the GMap container and associated elements.\n-     * \n-     * Parameters:\n-     * visible - {Boolean} Display the GMap elements.\n-     */\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google &&\n-                    layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break;\n-                }\n+        if (this.radiusHandle) {\n+            this.layer.destroyFeatures([this.radiusHandle], {\n+                silent: true\n+            });\n+            this.radiusHandle = null;\n+        }\n+        if (this.feature &&\n+            this.feature.geometry.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+            if ((this.mode & OpenLayers.Control.ModifyFeature.DRAG)) {\n+                this.collectDragHandle();\n             }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter());\n-                        });\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, 'resize');\n-                    }\n+            if ((this.mode & (OpenLayers.Control.ModifyFeature.ROTATE |\n+                    OpenLayers.Control.ModifyFeature.RESIZE))) {\n+                this.collectRadiusHandle();\n+            }\n+            if (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE) {\n+                // Don't collect vertices when we're resizing\n+                if (!(this.mode & OpenLayers.Control.ModifyFeature.RESIZE)) {\n+                    this.collectVertices();\n                 }\n-                this.mapObject.setMapTypeId(type);\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container);\n             }\n         }\n     },\n \n     /**\n-     * Method: getMapContainer\n-     * \n-     * Returns:\n-     * {DOMElement} the GMap container's div\n-     */\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv();\n-    },\n-\n-    //\n-    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n-    //\n-\n-    /**\n-     * APIMethod: getMapObjectBoundsFromOLBounds\n-     * \n-     * Parameters:\n-     * olBounds - {<OpenLayers.Bounds>}\n-     * \n-     * Returns:\n-     * {Object} A MapObject Bounds, translated from olBounds\n-     *          Returns null if null value is passed in\n-     */\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.bottom, olBounds.left) :\n-                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ?\n-                this.inverseMercator(olBounds.top, olBounds.right) :\n-                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(\n-                new google.maps.LatLng(sw.lat, sw.lon),\n-                new google.maps.LatLng(ne.lat, ne.lon)\n-            );\n-        }\n-        return moBounds;\n-    },\n-\n-\n-    /************************************\n-     *                                  *\n-     *   MapObject Interface Controls   *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat - Pixel Translation\n-\n-    /**\n-     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n-     * \n+     * Method: handleKeypress\n+     * Called by the feature handler on keypress.  This is used to delete\n+     *     vertices. If the <deleteCode> property is set, vertices will\n+     *     be deleted when a feature is selected for modification and\n+     *     the mouse is over a vertex.\n+     *\n      * Parameters:\n-     * moPixel - {Object} MapObject Pixel format\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat translated from MapObject Pixel\n+     * evt - {Event} Keypress event.\n      */\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-\n-        var delta_x = moPixel.x - (size.w / 2);\n-        var delta_y = moPixel.y - (size.h / 2);\n-\n-        var lonlat = new OpenLayers.LonLat(\n-            lon + delta_x * res,\n-            lat - delta_y * res\n-        );\n+    handleKeypress: function(evt) {\n+        var code = evt.keyCode;\n \n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent);\n+        // check for delete key\n+        if (this.feature &&\n+            OpenLayers.Util.indexOf(this.deleteCodes, code) != -1) {\n+            var vertex = this.layer.getFeatureFromEvent(this.handlers.drag.evt);\n+            if (vertex &&\n+                OpenLayers.Util.indexOf(this.vertices, vertex) != -1 &&\n+                !this.handlers.drag.dragging && vertex.geometry.parent) {\n+                // remove the vertex\n+                vertex.geometry.parent.removeComponent(vertex.geometry);\n+                this.layer.events.triggerEvent(\"vertexremoved\", {\n+                    vertex: vertex.geometry,\n+                    feature: this.feature,\n+                    pixel: evt.xy\n+                });\n+                this.layer.drawFeature(this.feature, this.standalone ?\n+                    undefined : 'select');\n+                this.modified = true;\n+                this.resetVertices();\n+                this.setFeatureState();\n+                this.onModification(this.feature);\n+                this.layer.events.triggerEvent(\"featuremodified\", {\n+                    feature: this.feature\n+                });\n+            }\n         }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n     },\n \n     /**\n-     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n-     * \n-     * Parameters:\n-     * moLonLat - {Object} MapObject LonLat format\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel transtlated from MapObject LonLat\n+     * Method: collectVertices\n+     * Collect the vertices from the modifiable feature's geometry and push\n+     *     them on to the control's vertices array.\n      */\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n-            (1 / res * (extent.top - lat)));\n-    },\n+    collectVertices: function() {\n+        this.vertices = [];\n+        this.virtualVertices = [];\n+        var control = this;\n \n+        function collectComponentVertices(geometry) {\n+            var i, vertex, component, len;\n+            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                vertex = new OpenLayers.Feature.Vector(geometry);\n+                vertex._sketch = true;\n+                vertex.renderIntent = control.vertexRenderIntent;\n+                control.vertices.push(vertex);\n+            } else {\n+                var numVert = geometry.components.length;\n+                if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+                    numVert -= 1;\n+                }\n+                for (i = 0; i < numVert; ++i) {\n+                    component = geometry.components[i];\n+                    if (component.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                        vertex = new OpenLayers.Feature.Vector(component);\n+                        vertex._sketch = true;\n+                        vertex.renderIntent = control.vertexRenderIntent;\n+                        control.vertices.push(vertex);\n+                    } else {\n+                        collectComponentVertices(component);\n+                    }\n+                }\n \n-    /** \n-     * APIMethod: setMapObjectCenter\n-     * Set the mapObject to the specified center and zoom\n-     * \n-     * Parameters:\n-     * center - {Object} MapObject LonLat format\n-     * zoom - {int} MapObject zoom format\n-     */\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(\n-                this.mapObject,\n-                \"idle\",\n-                function() {\n-                    mapContainer.style.visibility = \"\";\n+                // add virtual vertices in the middle of each edge\n+                if (control.createVertices && geometry.CLASS_NAME != \"OpenLayers.Geometry.MultiPoint\") {\n+                    for (i = 0, len = geometry.components.length; i < len - 1; ++i) {\n+                        var prevVertex = geometry.components[i];\n+                        var nextVertex = geometry.components[i + 1];\n+                        if (prevVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\" &&\n+                            nextVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+                            var x = (prevVertex.x + nextVertex.x) / 2;\n+                            var y = (prevVertex.y + nextVertex.y) / 2;\n+                            var point = new OpenLayers.Feature.Vector(\n+                                new OpenLayers.Geometry.Point(x, y),\n+                                null, control.virtualStyle\n+                            );\n+                            // set the virtual parent and intended index\n+                            point.geometry.parent = geometry;\n+                            point._index = i + 1;\n+                            point._sketch = true;\n+                            control.virtualVertices.push(point);\n+                        }\n+                    }\n                 }\n-            );\n-            mapContainer.style.visibility = \"hidden\";\n+            }\n         }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n+        collectComponentVertices.call(this, this.feature.geometry);\n+        this.layer.addFeatures(this.virtualVertices, {\n+            silent: true\n+        });\n+        this.layer.addFeatures(this.vertices, {\n+            silent: true\n         });\n     },\n \n-\n-    // Bounds\n-\n-    /** \n-     * APIMethod: getMapObjectZoomFromMapObjectBounds\n-     * \n-     * Parameters:\n-     * moBounds - {Object} MapObject Bounds format\n-     * \n-     * Returns:\n-     * {Object} MapObject Zoom for specified MapObject Bounds\n-     */\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds);\n-    },\n-\n-    /************************************\n-     *                                  *\n-     *       MapObject Primitives       *\n-     *                                  *\n-     ************************************/\n-\n-\n-    // LonLat\n-\n     /**\n-     * APIMethod: getMapObjectLonLatFromLonLat\n-     * \n-     * Parameters:\n-     * lon - {Float}\n-     * lat - {Float}\n-     * \n-     * Returns:\n-     * {Object} MapObject LonLat built from lon and lat params\n+     * Method: collectDragHandle\n+     * Collect the drag handle for the selected geometry.\n      */\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon);\n-        }\n-        return gLatLng;\n+    collectDragHandle: function() {\n+        var geometry = this.feature.geometry;\n+        var center = geometry.getBounds().getCenterLonLat();\n+        var originGeometry = new OpenLayers.Geometry.Point(\n+            center.lon, center.lat\n+        );\n+        var origin = new OpenLayers.Feature.Vector(originGeometry);\n+        originGeometry.move = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            geometry.move(x, y);\n+        };\n+        origin._sketch = true;\n+        this.dragHandle = origin;\n+        this.dragHandle.renderIntent = this.vertexRenderIntent;\n+        this.layer.addFeatures([this.dragHandle], {\n+            silent: true\n+        });\n     },\n \n-    // Pixel\n-\n     /**\n-     * APIMethod: getMapObjectPixelFromXY\n-     * \n-     * Parameters:\n-     * x - {Integer}\n-     * y - {Integer}\n-     * \n-     * Returns:\n-     * {Object} MapObject Pixel from x and y parameters\n-     */\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y);\n-    }\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Marker/Box.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Marker.js\n- */\n-\n-/**\n- * Class: OpenLayers.Marker.Box\n- *\n- * Inherits from:\n- *  - <OpenLayers.Marker> \n- */\n-OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n-\n-    /** \n-     * Property: bounds \n-     * {<OpenLayers.Bounds>} \n+     * Method: collectRadiusHandle\n+     * Collect the radius handle for the selected geometry.\n      */\n-    bounds: null,\n+    collectRadiusHandle: function() {\n+        var geometry = this.feature.geometry;\n+        var bounds = geometry.getBounds();\n+        var center = bounds.getCenterLonLat();\n+        var originGeometry = new OpenLayers.Geometry.Point(\n+            center.lon, center.lat\n+        );\n+        var radiusGeometry = new OpenLayers.Geometry.Point(\n+            bounds.right, bounds.bottom\n+        );\n+        var radius = new OpenLayers.Feature.Vector(radiusGeometry);\n+        var resize = (this.mode & OpenLayers.Control.ModifyFeature.RESIZE);\n+        var reshape = (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE);\n+        var rotate = (this.mode & OpenLayers.Control.ModifyFeature.ROTATE);\n \n-    /** \n-     * Property: div \n-     * {DOMElement} \n-     */\n-    div: null,\n+        radiusGeometry.move = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            var dx1 = this.x - originGeometry.x;\n+            var dy1 = this.y - originGeometry.y;\n+            var dx0 = dx1 - x;\n+            var dy0 = dy1 - y;\n+            if (rotate) {\n+                var a0 = Math.atan2(dy0, dx0);\n+                var a1 = Math.atan2(dy1, dx1);\n+                var angle = a1 - a0;\n+                angle *= 180 / Math.PI;\n+                geometry.rotate(angle, originGeometry);\n+            }\n+            if (resize) {\n+                var scale, ratio;\n+                // 'resize' together with 'reshape' implies that the aspect \n+                // ratio of the geometry will not be preserved whilst resizing \n+                if (reshape) {\n+                    scale = dy1 / dy0;\n+                    ratio = (dx1 / dx0) / scale;\n+                } else {\n+                    var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n+                    var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n+                    scale = l1 / l0;\n+                }\n+                geometry.resize(scale, originGeometry, ratio);\n+            }\n+        };\n+        radius._sketch = true;\n+        this.radiusHandle = radius;\n+        this.radiusHandle.renderIntent = this.vertexRenderIntent;\n+        this.layer.addFeatures([this.radiusHandle], {\n+            silent: true\n+        });\n+    },\n \n-    /** \n-     * Constructor: OpenLayers.Marker.Box\n+    /**\n+     * Method: setMap\n+     * Set the map property for the control and all handlers.\n      *\n      * Parameters:\n-     * bounds - {<OpenLayers.Bounds>} \n-     * borderColor - {String} \n-     * borderWidth - {int} \n+     * map - {<OpenLayers.Map>} The control's map.\n      */\n-    initialize: function(bounds, borderColor, borderWidth) {\n-        this.bounds = bounds;\n-        this.div = OpenLayers.Util.createDiv();\n-        this.div.style.overflow = 'hidden';\n-        this.events = new OpenLayers.Events(this, this.div);\n-        this.setBorder(borderColor, borderWidth);\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n     /**\n-     * Method: destroy \n-     */\n-    destroy: function() {\n-\n-        this.bounds = null;\n-        this.div = null;\n-\n-        OpenLayers.Marker.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /** \n-     * Method: setBorder\n-     * Allow the user to change the box's color and border width\n+     * Method: handleMapEvents\n      * \n      * Parameters:\n-     * color - {String} Default is \"red\"\n-     * width - {int} Default is 2\n+     * evt - {Object}\n      */\n-    setBorder: function(color, width) {\n-        if (!color) {\n-            color = \"red\";\n-        }\n-        if (!width) {\n-            width = 2;\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop();\n         }\n-        this.div.style.border = width + \"px solid \" + color;\n-    },\n-\n-    /** \n-     * Method: draw\n-     * \n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n-     * sz - {<OpenLayers.Size>} \n-     * \n-     * Returns: \n-     * {DOMElement} A new DOM Image with this marker's icon set at the \n-     *         location passed-in\n-     */\n-    draw: function(px, sz) {\n-        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n-        return this.div;\n     },\n \n     /**\n-     * Method: onScreen\n-     * \n-     * Rreturn:\n-     * {Boolean} Whether or not the marker is currently visible on screen.\n+     * Method: moveLayerToTop\n+     * Moves the layer for this handler to the top, so mouse events can reach\n+     * it.\n      */\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsBounds(this.bounds, true, true);\n-        }\n-        return onScreen;\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n+            this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index);\n+\n     },\n \n     /**\n-     * Method: display\n-     * Hide or show the icon\n-     * \n-     * Parameters:\n-     * display - {Boolean} \n+     * Method: moveLayerBack\n+     * Moves the layer back to the position determined by the map's layers\n+     * array.\n      */\n-    display: function(display) {\n-        this.div.style.display = (display) ? \"\" : \"none\";\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n+            this.layer.setZIndex(index);\n+        } else {\n+            this.map.setLayerZIndex(this.layer,\n+                this.map.getLayerIndex(this.layer));\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+    CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n });\n \n-/* ======================================================================\n-    OpenLayers/Control/Button.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n /**\n- * @requires OpenLayers/Control.js\n+ * Constant: RESHAPE\n+ * {Integer} Constant used to make the control work in reshape mode\n  */\n-\n+OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n /**\n- * Class: OpenLayers.Control.Button \n- * The Button control is a very simple push-button, for use with \n- * <OpenLayers.Control.Panel>.\n- * When clicked, the function trigger() is executed.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- *\n- * Use:\n- * (code)\n- * var button = new OpenLayers.Control.Button({\n- *     displayClass: \"MyButton\", trigger: myFunction\n- * });\n- * panel.addControls([button]);\n- * (end)\n- * \n- * Will create a button with CSS class MyButtonItemInactive, that\n- *     will call the function MyFunction() when clicked.\n+ * Constant: RESIZE\n+ * {Integer} Constant used to make the control work in resize mode\n  */\n-OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n-    /**\n-     * Property: type\n-     * {Integer} OpenLayers.Control.TYPE_BUTTON.\n-     */\n-    type: OpenLayers.Control.TYPE_BUTTON,\n-\n-    /**\n-     * Method: trigger\n-     * Called by a control panel when the button is clicked.\n-     */\n-    trigger: function() {},\n-\n-    CLASS_NAME: \"OpenLayers.Control.Button\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ZoomOut.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n+OpenLayers.Control.ModifyFeature.RESIZE = 2;\n /**\n- * @requires OpenLayers/Control/Button.js\n+ * Constant: ROTATE\n+ * {Integer} Constant used to make the control work in rotate mode\n  */\n-\n+OpenLayers.Control.ModifyFeature.ROTATE = 4;\n /**\n- * Class: OpenLayers.Control.ZoomOut\n- * The ZoomOut control is a button to decrease the zoom level of a map.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n+ * Constant: DRAG\n+ * {Integer} Constant used to make the control work in drag mode\n  */\n-OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n-\n-    /**\n-     * Method: trigger\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomOut();\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n-});\n+OpenLayers.Control.ModifyFeature.DRAG = 8;\n /* ======================================================================\n-    OpenLayers/Events/buttonclick.js\n+    OpenLayers/Control/Graticule.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Events.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Rule.js\n+ * @requires OpenLayers/StyleMap.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Events.buttonclick\n- * Extension event type for handling buttons on top of a dom element. This\n- *     event type fires \"buttonclick\" on its <target> when a button was\n- *     clicked. Buttons are detected by the \"olButton\" class.\n- *\n- * This event type makes sure that button clicks do not interfere with other\n- *     events that are registered on the same <element>.\n- *\n- * Event types provided by this extension:\n- * - *buttonclick* Triggered when a button is clicked. Listeners receive an\n- *     object with a *buttonElement* property referencing the dom element of\n- *     the clicked button, and an *buttonXY* property with the click position\n- *     relative to the button.\n+ * Class: OpenLayers.Control.Graticule\n+ * The Graticule displays a grid of latitude/longitude lines reprojected on\n+ * the map.  \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ *  \n  */\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n+OpenLayers.Control.Graticule = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: target\n-     * {<OpenLayers.Events>} The events instance that the buttonclick event will\n-     * be triggered on.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map. Default is\n+     *     true. \n      */\n-    target: null,\n+    autoActivate: true,\n \n     /**\n-     * Property: events\n-     * {Array} Events to observe and conditionally stop from propagating when\n-     *     an element with the olButton class (or its olAlphaImg child) is\n-     *     clicked.\n+     * APIProperty: intervals\n+     * {Array(Float)} A list of possible graticule widths in degrees.\n      */\n-    events: [\n-        'mousedown', 'mouseup', 'click', 'dblclick',\n-        'touchstart', 'touchmove', 'touchend', 'keydown'\n+    intervals: [45, 30, 20, 10, 5, 2, 1,\n+        0.5, 0.2, 0.1, 0.05, 0.01,\n+        0.005, 0.002, 0.001\n     ],\n \n     /**\n-     * Property: startRegEx\n-     * {RegExp} Regular expression to test Event.type for events that start\n-     *     a buttonclick sequence.\n+     * APIProperty: displayInLayerSwitcher\n+     * {Boolean} Allows the Graticule control to be switched on and off by \n+     *     LayerSwitcher control. Defaults is true.\n      */\n-    startRegEx: /^mousedown|touchstart$/,\n+    displayInLayerSwitcher: true,\n \n     /**\n-     * Property: cancelRegEx\n-     * {RegExp} Regular expression to test Event.type for events that cancel\n-     *     a buttonclick sequence.\n+     * APIProperty: visible\n+     * {Boolean} should the graticule be initially visible (default=true)\n      */\n-    cancelRegEx: /^touchmove$/,\n+    visible: true,\n \n     /**\n-     * Property: completeRegEx\n-     * {RegExp} Regular expression to test Event.type for events that complete\n-     *     a buttonclick sequence.\n+     * APIProperty: numPoints\n+     * {Integer} The number of points to use in each graticule line.  Higher\n+     * numbers result in a smoother curve for projected maps \n      */\n-    completeRegEx: /^mouseup|touchend$/,\n+    numPoints: 50,\n \n     /**\n-     * Property: startEvt\n-     * {Event} The event that started the click sequence\n+     * APIProperty: targetSize\n+     * {Integer} The maximum size of the grid in pixels on the map\n      */\n+    targetSize: 200,\n \n     /**\n-     * Constructor: OpenLayers.Events.buttonclick\n-     * Construct a buttonclick event type. Applications are not supposed to\n-     *     create instances of this class - they are created on demand by\n-     *     <OpenLayers.Events> instances.\n-     *\n-     * Parameters:\n-     * target - {<OpenLayers.Events>} The events instance that the buttonclick\n-     *     event will be triggered on.\n+     * APIProperty: layerName\n+     * {String} The name to be displayed in the layer switcher, default is set \n+     *     by {<OpenLayers.Lang>}.\n      */\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            });\n-        }\n-    },\n+    layerName: null,\n \n     /**\n-     * Method: destroy\n+     * APIProperty: labelled\n+     * {Boolean} Should the graticule lines be labelled?. default=true\n      */\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick);\n-        }\n-        delete this.target;\n-    },\n+    labelled: true,\n \n     /**\n-     * Method: getPressedButton\n-     * Get the pressed button, if any. Returns undefined if no button\n-     * was pressed.\n-     *\n-     * Arguments:\n-     * element - {DOMElement} The event target.\n-     *\n-     * Returns:\n-     * {DOMElement} The button element, or undefined.\n+     * APIProperty: labelFormat\n+     * {String} the format of the labels, default = 'dm'. See\n+     * <OpenLayers.Util.getFormattedLonLat> for other options.\n      */\n-    getPressedButton: function(element) {\n-        var depth = 3, // limit the search depth\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                // hit!\n-                button = element;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return button;\n-    },\n+    labelFormat: 'dm',\n \n     /**\n-     * Method: ignore\n-     * Check for event target elements that should be ignored by OpenLayers.\n-     *\n-     * Parameters:\n-     * element - {DOMElement} The event target.\n+     * APIProperty: lineSymbolizer\n+     * {symbolizer} the symbolizer used to render lines\n      */\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === 'a') {\n-                ignore = true;\n-                break;\n-            }\n-            element = element.parentNode;\n-        } while (--depth > 0 && element);\n-        return ignore;\n+    lineSymbolizer: {\n+        strokeColor: \"#333\",\n+        strokeWidth: 1,\n+        strokeOpacity: 0.5\n     },\n \n     /**\n-     * Method: buttonClick\n-     * Check if a button was clicked, and fire the buttonclick event\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            // was a button pressed?\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break;\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        });\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt;\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false;\n-                }\n-            } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt;\n-            }\n-        }\n-        return propagate;\n-    }\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Control/PanZoom.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.PanZoom\n- * The PanZoom is a visible control, composed of a\n- * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomPanel>. By\n- * default it is drawn in the upper left corner of the map.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons.  If you want to pan by some ratio\n-     *     of the map dimensions, use <slideRatio> instead.\n-     */\n-    slideFactor: 50,\n-\n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then the Pan Up\n-     *     button will pan up half the map height. \n-     */\n-    slideRatio: null,\n-\n-    /** \n-     * Property: buttons\n-     * {Array(DOMElement)} Array of Button Divs \n+     * APIProperty: labelSymbolizer\n+     * {symbolizer} the symbolizer used to render labels\n      */\n-    buttons: null,\n+    labelSymbolizer: {},\n \n-    /** \n-     * Property: position\n-     * {<OpenLayers.Pixel>} \n+    /**\n+     * Property: gratLayer\n+     * {<OpenLayers.Layer.Vector>} vector layer used to draw the graticule on\n      */\n-    position: null,\n+    gratLayer: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.PanZoom\n+     * Constructor: OpenLayers.Control.Graticule\n+     * Create a new graticule control to display a grid of latitude longitude\n+     * lines.\n      * \n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n     initialize: function(options) {\n-        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X,\n-            OpenLayers.Control.PanZoom.Y);\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        options = options || {};\n+        options.layerName = options.layerName || OpenLayers.i18n(\"Graticule\");\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        this.labelSymbolizer.stroke = false;\n+        this.labelSymbolizer.fill = false;\n+        this.labelSymbolizer.label = \"${label}\";\n+        this.labelSymbolizer.labelAlign = \"${labelAlign}\";\n+        this.labelSymbolizer.labelXOffset = \"${xOffset}\";\n+        this.labelSymbolizer.labelYOffset = \"${yOffset}\";\n     },\n \n     /**\n      * APIMethod: destroy\n      */\n     destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        this.removeButtons();\n-        this.buttons = null;\n-        this.position = null;\n+        this.deactivate();\n         OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /** \n-     * Method: setMap\n-     *\n-     * Properties:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n+        if (this.gratLayer) {\n+            this.gratLayer.destroy();\n+            this.gratLayer = null;\n+        }\n     },\n \n     /**\n      * Method: draw\n      *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n+     * initializes the graticule layer and does the initial update\n      * \n      * Returns:\n-     * {DOMElement} A reference to the container div for the PanZoom control.\n+     * {DOMElement}\n      */\n-    draw: function(px) {\n-        // initialize our internal div\n+    draw: function() {\n         OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position;\n-\n-        // place the controls\n-        this.buttons = [];\n-\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-\n-        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-        px.y = centered.y + sz.h;\n-        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n-        this._addButton(\"pandown\", \"south-mini.png\",\n-            centered.add(0, sz.h * 2), sz);\n-        this._addButton(\"zoomin\", \"zoom-plus-mini.png\",\n-            centered.add(0, sz.h * 3 + 5), sz);\n-        this._addButton(\"zoomworld\", \"zoom-world-mini.png\",\n-            centered.add(0, sz.h * 4 + 5), sz);\n-        this._addButton(\"zoomout\", \"zoom-minus-mini.png\",\n-            centered.add(0, sz.h * 5 + 5), sz);\n-        return this.div;\n-    },\n-\n-    /**\n-     * Method: _addButton\n-     * \n-     * Parameters:\n-     * id - {String} \n-     * img - {String} \n-     * xy - {<OpenLayers.Pixel>} \n-     * sz - {<OpenLayers.Size>} \n-     * \n-     * Returns:\n-     * {DOMElement} A Div (an alphaImageDiv, to be precise) that contains the\n-     *     image of the button, and has all the proper event handlers set.\n-     */\n-    _addButton: function(id, img, xy, sz) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(img);\n-        var btn = OpenLayers.Util.createAlphaImageDiv(\n-            this.id + \"_\" + id,\n-            xy, sz, imgLocation, \"absolute\");\n-        btn.style.cursor = \"pointer\";\n-        //we want to add the outer div\n-        this.div.appendChild(btn);\n-        btn.action = id;\n-        btn.className = \"olButton\";\n-\n-        //we want to remember/reference the outer div\n-        this.buttons.push(btn);\n-        return btn;\n-    },\n-\n-    /**\n-     * Method: _removeButton\n-     * \n-     * Parameters:\n-     * btn - {Object}\n-     */\n-    _removeButton: function(btn) {\n-        this.div.removeChild(btn);\n-        OpenLayers.Util.removeItem(this.buttons, btn);\n-    },\n-\n-    /**\n-     * Method: removeButtons\n-     */\n-    removeButtons: function() {\n-        for (var i = this.buttons.length - 1; i >= 0; --i) {\n-            this._removeButton(this.buttons[i]);\n+        if (!this.gratLayer) {\n+            var gratStyle = new OpenLayers.Style({}, {\n+                rules: [new OpenLayers.Rule({\n+                    'symbolizer': {\n+                        \"Point\": this.labelSymbolizer,\n+                        \"Line\": this.lineSymbolizer\n+                    }\n+                })]\n+            });\n+            this.gratLayer = new OpenLayers.Layer.Vector(this.layerName, {\n+                styleMap: new OpenLayers.StyleMap({\n+                    'default': gratStyle\n+                }),\n+                visibility: this.visible,\n+                displayInLayerSwitcher: this.displayInLayerSwitcher\n+            });\n         }\n+        return this.div;\n     },\n \n     /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * APIMethod: activate\n      */\n-    onButtonClick: function(evt) {\n-        var btn = evt.buttonElement;\n-        switch (btn.action) {\n-            case \"panup\":\n-                this.map.pan(0, -this.getSlideFactor(\"h\"));\n-                break;\n-            case \"pandown\":\n-                this.map.pan(0, this.getSlideFactor(\"h\"));\n-                break;\n-            case \"panleft\":\n-                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"panright\":\n-                this.map.pan(this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"zoomin\":\n-                this.map.zoomIn();\n-                break;\n-            case \"zoomout\":\n-                this.map.zoomOut();\n-                break;\n-            case \"zoomworld\":\n-                this.map.zoomToMaxExtent();\n-                break;\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.addLayer(this.gratLayer);\n+            this.map.events.register('moveend', this, this.update);\n+            this.update();\n+            return true;\n+        } else {\n+            return false;\n         }\n     },\n \n     /**\n-     * Method: getSlideFactor\n-     *\n-     * Parameters:\n-     * dim - {String} \"w\" or \"h\" (for width or height).\n-     *\n-     * Returns:\n-     * {Number} The slide factor for panning in the requested direction.\n-     */\n-    getSlideFactor: function(dim) {\n-        return this.slideRatio ?\n-            this.map.getSize()[dim] * this.slideRatio :\n-            this.slideFactor;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n-});\n-\n-/**\n- * Constant: X\n- * {Integer}\n- */\n-OpenLayers.Control.PanZoom.X = 4;\n-\n-/**\n- * Constant: Y\n- * {Integer}\n- */\n-OpenLayers.Control.PanZoom.Y = 4;\n-/* ======================================================================\n-    OpenLayers/Control/UTFGrid.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Hover.js\n- * @requires OpenLayers/Handler/Click.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.UTFGrid\n- *\n- * This Control provides behavior associated with UTFGrid Layers.\n- * These 'hit grids' provide underlying feature attributes without\n- * calling the server (again). This control allows Mousemove, Hovering \n- * and Click events to trigger callbacks that use the attributes in \n- * whatever way you need. \n- *\n- * The most common example may be a UTFGrid layer containing feature\n- * attributes that are displayed in a div as you mouseover.\n- *\n- * Example Code:\n- *\n- * (start code)\n- * var world_utfgrid = new OpenLayers.Layer.UTFGrid( \n- *     'UTFGrid Layer', \n- *     \"http://tiles/world_utfgrid/${z}/${x}/${y}.json\"\n- * );\n- * map.addLayer(world_utfgrid);\n- * \n- * var control = new OpenLayers.Control.UTFGrid({\n- *     layers: [world_utfgrid],\n- *     handlerMode: 'move',\n- *     callback: function(infoLookup) {\n- *         // do something with returned data\n- *\n- *     }\n- * })\n- * (end code)\n- *\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /** \n-     * APIProperty: Layers\n-     * List of layers to consider. Must be Layer.UTFGrids\n-     * `null` is the default indicating all UTFGrid Layers are queried.\n-     * {Array} <OpenLayers.Layer.UTFGrid> \n-     */\n-    layers: null,\n-\n-    /* Property: defaultHandlerOptions\n-     * The default opts passed to the handler constructors\n-     */\n-    defaultHandlerOptions: {\n-        'delay': 300,\n-        'pixelTolerance': 4,\n-        'stopMove': false,\n-        'single': true,\n-        'double': false,\n-        'stopSingle': false,\n-        'stopDouble': false\n-    },\n-\n-    /* APIProperty: handlerMode\n-     * Defaults to 'click'. Can be 'hover' or 'move'.\n-     */\n-    handlerMode: 'click',\n-\n-    /**\n-     * APIMethod: setHandler\n-     * sets this.handlerMode and calls resetHandler()\n-     *\n-     * Parameters:\n-     * hm - {String} Handler Mode string; 'click', 'hover' or 'move'.\n-     */\n-    setHandler: function(hm) {\n-        this.handlerMode = hm;\n-        this.resetHandler();\n-    },\n-\n-    /**\n-     * Method: resetHandler\n-     * Deactivates the old hanlder and creates a new\n-     * <OpenLayers.Handler> based on the mode specified in\n-     * this.handlerMode\n-     *\n+     * APIMethod: deactivate\n      */\n-    resetHandler: function() {\n-        if (this.handler) {\n-            this.handler.deactivate();\n-            this.handler.destroy();\n-            this.handler = null;\n-        }\n-\n-        if (this.handlerMode == 'hover') {\n-            // Handle this event on hover\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this, {\n-                    'pause': this.handleEvent,\n-                    'move': this.reset\n-                },\n-                this.handlerOptions\n-            );\n-        } else if (this.handlerMode == 'click') {\n-            // Handle this event on click\n-            this.handler = new OpenLayers.Handler.Click(\n-                this, {\n-                    'click': this.handleEvent\n-                }, this.handlerOptions\n-            );\n-        } else if (this.handlerMode == 'move') {\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this,\n-                // Handle this event while hovering OR moving\n-                {\n-                    'pause': this.handleEvent,\n-                    'move': this.handleEvent\n-                },\n-                this.handlerOptions\n-            );\n-        }\n-        if (this.handler) {\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister('moveend', this, this.update);\n+            this.map.removeLayer(this.gratLayer);\n             return true;\n         } else {\n             return false;\n         }\n     },\n-\n     /**\n-     * Constructor: <OpenLayers.Control.UTFGrid>\n+     * Method: update\n      *\n-     * Parameters:\n-     * options - {Object} \n-     */\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.resetHandler();\n-    },\n-\n-    /**\n-     * Method: handleEvent\n-     * Internal method called when specified event is triggered.\n+     * calculates the grid to be displayed and actually draws it\n      * \n-     * This method does several things:\n-     *\n-     * Gets the lonLat of the event.\n-     *\n-     * Loops through the appropriate hit grid layers and gathers the attributes.\n-     *\n-     * Passes the attributes to the callback\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+     * Returns:\n+     * {DOMElement}\n      */\n-    handleEvent: function(evt) {\n-        if (evt == null) {\n-            this.reset();\n+    update: function() {\n+        //wait for the map to be initialized before proceeding\n+        var mapBounds = this.map.getExtent();\n+        if (!mapBounds) {\n             return;\n         }\n \n-        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n-        if (!lonLat) {\n-            return;\n+        //clear out the old grid\n+        this.gratLayer.destroyFeatures();\n+\n+        //get the projection objects required\n+        var llProj = new OpenLayers.Projection(\"EPSG:4326\");\n+        var mapProj = this.map.getProjectionObject();\n+        var mapRes = this.map.getResolution();\n+\n+        //if the map is in lon/lat, then the lines are straight and only one\n+        //point is required\n+        if (mapProj.proj && mapProj.proj.projName == \"longlat\") {\n+            this.numPoints = 1;\n         }\n \n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var infoLookup = {};\n-            var layer, idx;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n-                infoLookup[idx] = layer.getFeatureInfo(lonLat);\n+        //get the map center in EPSG:4326\n+        var mapCenter = this.map.getCenter(); //lon and lat here are really map x and y\n+        var mapCenterLL = new OpenLayers.Pixel(mapCenter.lon, mapCenter.lat);\n+        OpenLayers.Projection.transform(mapCenterLL, mapProj, llProj);\n+\n+        /* This block of code determines the lon/lat interval to use for the\n+         * grid by calculating the diagonal size of one grid cell at the map\n+         * center.  Iterates through the intervals array until the diagonal\n+         * length is less than the targetSize option.\n+         */\n+        //find lat/lon interval that results in a grid of less than the target size\n+        var testSq = this.targetSize * mapRes;\n+        testSq *= testSq; //compare squares rather than doing a square root to save time\n+        var llInterval;\n+        for (var i = 0; i < this.intervals.length; ++i) {\n+            llInterval = this.intervals[i]; //could do this for both x and y??\n+            var delta = llInterval / 2;\n+            var p1 = mapCenterLL.offset({\n+                x: -delta,\n+                y: -delta\n+            }); //test coords in EPSG:4326 space\n+            var p2 = mapCenterLL.offset({\n+                x: delta,\n+                y: delta\n+            });\n+            OpenLayers.Projection.transform(p1, llProj, mapProj); // convert them back to map projection\n+            OpenLayers.Projection.transform(p2, llProj, mapProj);\n+            var distSq = (p1.x - p2.x) * (p1.x - p2.x) + (p1.y - p2.y) * (p1.y - p2.y);\n+            if (distSq <= testSq) {\n+                break;\n             }\n-            this.callback(infoLookup, lonLat, evt.xy);\n         }\n-    },\n+        //alert(llInterval);\n \n-    /**\n-     * APIMethod: callback\n-     * Function to be called when a mouse event corresponds with a location that\n-     *     includes data in one of the configured UTFGrid layers.\n-     *\n-     * Parameters:\n-     * infoLookup - {Object} Keys of this object are layer indexes and can be\n-     *     used to resolve a layer in the map.layers array.  The structure of\n-     *     the property values depend on the data included in the underlying\n-     *     UTFGrid and may be any valid JSON type.  \n-     */\n-    callback: function(infoLookup) {\n-        // to be provided in the constructor\n-    },\n+        //round the LL center to an even number based on the interval\n+        mapCenterLL.x = Math.floor(mapCenterLL.x / llInterval) * llInterval;\n+        mapCenterLL.y = Math.floor(mapCenterLL.y / llInterval) * llInterval;\n+        //TODO adjust for minutses/seconds?\n \n-    /**\n-     * Method: reset\n-     * Calls the callback with null.\n-     */\n-    reset: function(evt) {\n-        this.callback(null);\n-    },\n+        /* The following 2 blocks calculate the nodes of the grid along a \n+         * line of constant longitude (then latitiude) running through the\n+         * center of the map until it reaches the map edge.  The calculation\n+         * goes from the center in both directions to the edge.\n+         */\n+        //get the central longitude line, increment the latitude\n+        var iter = 0;\n+        var centerLonPoints = [mapCenterLL.clone()];\n+        var newPoint = mapCenterLL.clone();\n+        var mapXY;\n+        do {\n+            newPoint = newPoint.offset({\n+                x: 0,\n+                y: llInterval\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLonPoints.unshift(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: 0,\n+                y: -llInterval\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLonPoints.push(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n \n-    /**\n-     * Method: findLayers\n-     * Internal method to get the layers, independent of whether we are\n-     *     inspecting the map or using a client-provided array\n-     *\n-     * The default value of this.layers is null; this causes the \n-     * findLayers method to return ALL UTFGrid layers encountered.\n-     *\n-     * Parameters:\n-     * None\n-     *\n-     * Returns:\n-     * {Array} Layers to handle on each event\n-     */\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n-                layers.push(layer);\n+        //get the central latitude line, increment the longitude\n+        iter = 0;\n+        var centerLatPoints = [mapCenterLL.clone()];\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: -llInterval,\n+                y: 0\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLatPoints.unshift(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+        newPoint = mapCenterLL.clone();\n+        do {\n+            newPoint = newPoint.offset({\n+                x: llInterval,\n+                y: 0\n+            });\n+            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n+            centerLatPoints.push(newPoint);\n+        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n+\n+        //now generate a line for each node in the central lat and lon lines\n+        //first loop over constant longitude\n+        var lines = [];\n+        for (var i = 0; i < centerLatPoints.length; ++i) {\n+            var lon = centerLatPoints[i].x;\n+            var pointList = [];\n+            var labelPoint = null;\n+            var latEnd = Math.min(centerLonPoints[0].y, 90);\n+            var latStart = Math.max(centerLonPoints[centerLonPoints.length - 1].y, -90);\n+            var latDelta = (latEnd - latStart) / this.numPoints;\n+            var lat = latStart;\n+            for (var j = 0; j <= this.numPoints; ++j) {\n+                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n+                gridPoint.transform(llProj, mapProj);\n+                pointList.push(gridPoint);\n+                lat += latDelta;\n+                if (gridPoint.y >= mapBounds.bottom && !labelPoint) {\n+                    labelPoint = gridPoint;\n+                }\n+            }\n+            if (this.labelled) {\n+                //keep track of when this grid line crosses the map bounds to set\n+                //the label position\n+                //labels along the bottom, add 10 pixel offset up into the map\n+                //TODO add option for labels on top\n+                var labelPos = new OpenLayers.Geometry.Point(labelPoint.x, mapBounds.bottom);\n+                var labelAttrs = {\n+                    value: lon,\n+                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lon, \"lon\", this.labelFormat) : \"\",\n+                    labelAlign: \"cb\",\n+                    xOffset: 0,\n+                    yOffset: 2\n+                };\n+                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n             }\n+            var geom = new OpenLayers.Geometry.LineString(pointList);\n+            lines.push(new OpenLayers.Feature.Vector(geom));\n         }\n-        return layers;\n+\n+        //now draw the lines of constant latitude\n+        for (var j = 0; j < centerLonPoints.length; ++j) {\n+            lat = centerLonPoints[j].y;\n+            if (lat < -90 || lat > 90) { //latitudes only valid between -90 and 90\n+                continue;\n+            }\n+            var pointList = [];\n+            var lonStart = centerLatPoints[0].x;\n+            var lonEnd = centerLatPoints[centerLatPoints.length - 1].x;\n+            var lonDelta = (lonEnd - lonStart) / this.numPoints;\n+            var lon = lonStart;\n+            var labelPoint = null;\n+            for (var i = 0; i <= this.numPoints; ++i) {\n+                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n+                gridPoint.transform(llProj, mapProj);\n+                pointList.push(gridPoint);\n+                lon += lonDelta;\n+                if (gridPoint.x < mapBounds.right) {\n+                    labelPoint = gridPoint;\n+                }\n+            }\n+            if (this.labelled) {\n+                //keep track of when this grid line crosses the map bounds to set\n+                //the label position\n+                //labels along the right, 30 pixel offset left into the map\n+                //TODO add option for labels on left\n+                var labelPos = new OpenLayers.Geometry.Point(mapBounds.right, labelPoint.y);\n+                var labelAttrs = {\n+                    value: lat,\n+                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lat, \"lat\", this.labelFormat) : \"\",\n+                    labelAlign: \"rb\",\n+                    xOffset: -2,\n+                    yOffset: 2\n+                };\n+                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n+            }\n+            var geom = new OpenLayers.Geometry.LineString(pointList);\n+            lines.push(new OpenLayers.Feature.Vector(geom));\n+        }\n+        this.gratLayer.addFeatures(lines);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n+    CLASS_NAME: \"OpenLayers.Control.Graticule\"\n });\n+\n /* ======================================================================\n-    OpenLayers/Control/DragFeature.js\n+    OpenLayers/Control/Zoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- * @requires OpenLayers/Handler/Feature.js\n+ * @requires OpenLayers/Events/buttonclick.js\n  */\n \n /**\n- * Class: OpenLayers.Control.DragFeature\n- * The DragFeature control moves a feature with a drag of the mouse. Create a\n- * new control with the <OpenLayers.Control.DragFeature> constructor.\n+ * Class: OpenLayers.Control.Zoom\n+ * The Zoom control is a pair of +/- links for zooming in and out.\n  *\n- * Inherits From:\n+ * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict dragging to a limited set of geometry types,\n-     *     send a list of strings corresponding to the geometry class names.\n-     */\n-    geometryTypes: null,\n-\n-    /**\n-     * APIProperty: onStart\n-     * {Function} Define this function if you want to know when a drag starts.\n-     *     The function should expect to receive two arguments: the feature\n-     *     that is about to be dragged and the pixel location of the mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that is about to be\n-     *     dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onStart: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onDrag\n-     * {Function} Define this function if you want to know about each move of a\n-     *     feature. The function should expect to receive two arguments: the\n-     *     feature that is being dragged and the pixel location of the mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onDrag: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onComplete\n-     * {Function} Define this function if you want to know when a feature is\n-     *     done dragging. The function should expect to receive two arguments:\n-     *     the feature that is being dragged and the pixel location of the\n-     *     mouse.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n-     */\n-    onComplete: function(feature, pixel) {},\n-\n-    /**\n-     * APIProperty: onEnter\n-     * {Function} Define this function if you want to know when the mouse\n-     *     goes over a feature and thereby makes this feature a candidate\n-     *     for dragging.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that is ready\n-     *     to be dragged.\n-     */\n-    onEnter: function(feature) {},\n-\n-    /**\n-     * APIProperty: onLeave\n-     * {Function} Define this function if you want to know when the mouse\n-     *     goes out of the feature that was dragged.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n-     */\n-    onLeave: function(feature) {},\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>}\n-     */\n-    feature: null,\n+OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: dragCallbacks\n-     * {Object} The functions that are sent to the drag handler for callback.\n+     * APIProperty: zoomInText\n+     * {String}\n+     * Text for zoom-in link.  Default is \"+\".\n      */\n-    dragCallbacks: {},\n+    zoomInText: \"+\",\n \n     /**\n-     * Property: featureCallbacks\n-     * {Object} The functions that are sent to the feature handler for callback.\n+     * APIProperty: zoomInId\n+     * {String}\n+     * Instead of having the control create a zoom in link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomInLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    featureCallbacks: {},\n+    zoomInId: \"olZoomInLink\",\n \n     /**\n-     * Property: lastPixel\n-     * {<OpenLayers.Pixel>}\n+     * APIProperty: zoomOutText\n+     * {String}\n+     * Text for zoom-out link.  Default is \"\\u2212\".\n      */\n-    lastPixel: null,\n+    zoomOutText: \"\\u2212\",\n \n     /**\n-     * Constructor: OpenLayers.Control.DragFeature\n-     * Create a new control to drag features.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} The layer containing features to be\n-     *     dragged.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n+     * APIProperty: zoomOutId\n+     * {String}\n+     * Instead of having the control create a zoom out link, you can provide \n+     *     the identifier for an anchor element already added to the document.\n+     *     By default, an element with id \"olZoomOutLink\" will be searched for\n+     *     and used if it exists.\n      */\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        this.handlers = {\n-            drag: new OpenLayers.Handler.Drag(\n-                this, OpenLayers.Util.extend({\n-                    down: this.downFeature,\n-                    move: this.moveFeature,\n-                    up: this.upFeature,\n-                    out: this.cancel,\n-                    done: this.doneDragging\n-                }, this.dragCallbacks), {\n-                    documentDrag: this.documentDrag\n-                }\n-            ),\n-            feature: new OpenLayers.Handler.Feature(\n-                this, this.layer, OpenLayers.Util.extend({\n-                    // 'click' and 'clickout' callback are for the mobile\n-                    // support: no 'over' or 'out' in touch based browsers.\n-                    click: this.clickFeature,\n-                    clickout: this.clickoutFeature,\n-                    over: this.overFeature,\n-                    out: this.outFeature\n-                }, this.featureCallbacks), {\n-                    geometryTypes: this.geometryTypes\n-                }\n-            )\n-        };\n-    },\n+    zoomOutId: \"olZoomOutLink\",\n \n     /**\n-     * Method: clickFeature\n-     * Called when the feature handler detects a click-in on a feature.\n+     * Method: draw\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * Returns:\n+     * {DOMElement} A reference to the DOMElement containing the zoom links.\n      */\n-    clickFeature: function(feature) {\n-        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n-            this.handlers.drag.dragstart(this.handlers.feature.evt);\n-            // to let the events propagate to the feature handler (click callback)\n-            this.handlers.drag.stopDown = false;\n-        }\n-    },\n+    draw: function() {\n+        var div = OpenLayers.Control.prototype.draw.apply(this),\n+            links = this.getOrCreateLinks(div),\n+            zoomIn = links.zoomIn,\n+            zoomOut = links.zoomOut,\n+            eventsInstance = this.map.events;\n \n-    /**\n-     * Method: clickoutFeature\n-     * Called when the feature handler detects a click-out on a feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    clickoutFeature: function(feature) {\n-        if (this.handlers.feature.touch && this.over) {\n-            this.outFeature(feature);\n-            this.handlers.drag.stopDown = true;\n+        if (zoomOut.parentNode !== div) {\n+            eventsInstance = this.events;\n+            eventsInstance.attachToElement(zoomOut.parentNode);\n         }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass\n-     */\n-    destroy: function() {\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, []);\n-    },\n+        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n \n-    /**\n-     * APIMethod: activate\n-     * Activate the control and the feature handler.\n-     * \n-     * Returns:\n-     * {Boolean} Successfully activated the control and feature handler.\n-     */\n-    activate: function() {\n-        return (this.handlers.feature.activate() &&\n-            OpenLayers.Control.prototype.activate.apply(this, arguments));\n+        this.zoomInLink = zoomIn;\n+        this.zoomOutLink = zoomOut;\n+        return div;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the control and all handlers.\n+     * Method: getOrCreateLinks\n      * \n-     * Returns:\n-     * {Boolean} Successfully deactivated the control.\n-     */\n-    deactivate: function() {\n-        // the return from the handlers is unimportant in this case\n-        this.handlers.drag.deactivate();\n-        this.handlers.feature.deactivate();\n-        this.feature = null;\n-        this.dragging = false;\n-        this.lastPixel = null;\n-        OpenLayers.Element.removeClass(\n-            this.map.viewPortDiv, this.displayClass + \"Over\"\n-        );\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: overFeature\n-     * Called when the feature handler detects a mouse-over on a feature.\n-     *     This activates the drag handler.\n-     *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The selected feature.\n+     * el - {DOMElement}\n      *\n-     * Returns:\n-     * {Boolean} Successfully activated the drag handler.\n+     * Return: \n+     * {Object} Object with zoomIn and zoomOut properties referencing links.\n      */\n-    overFeature: function(feature) {\n-        var activated = false;\n-        if (!this.handlers.drag.dragging) {\n-            this.feature = feature;\n-            this.handlers.drag.activate();\n-            activated = true;\n-            this.over = true;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onEnter(feature);\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = true;\n-            } else {\n-                this.over = false;\n-            }\n+    getOrCreateLinks: function(el) {\n+        var zoomIn = document.getElementById(this.zoomInId),\n+            zoomOut = document.getElementById(this.zoomOutId);\n+        if (!zoomIn) {\n+            zoomIn = document.createElement(\"a\");\n+            zoomIn.href = \"#zoomIn\";\n+            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n+            zoomIn.className = \"olControlZoomIn\";\n+            el.appendChild(zoomIn);\n         }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: downFeature\n-     * Called when the drag handler detects a mouse-down.\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    downFeature: function(pixel) {\n-        this.lastPixel = pixel;\n-        this.onStart(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: moveFeature\n-     * Called when the drag handler detects a mouse-move.  Also calls the\n-     *     optional onDrag method.\n-     * \n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    moveFeature: function(pixel) {\n-        var res = this.map.getResolution();\n-        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x),\n-            res * (this.lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this.feature);\n-        this.lastPixel = pixel;\n-        this.onDrag(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: upFeature\n-     * Called when the drag handler detects a mouse-up.\n-     * \n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n-     */\n-    upFeature: function(pixel) {\n-        if (!this.over) {\n-            this.handlers.drag.deactivate();\n+        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n+        if (!zoomOut) {\n+            zoomOut = document.createElement(\"a\");\n+            zoomOut.href = \"#zoomOut\";\n+            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n+            zoomOut.className = \"olControlZoomOut\";\n+            el.appendChild(zoomOut);\n         }\n+        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n+        return {\n+            zoomIn: zoomIn,\n+            zoomOut: zoomOut\n+        };\n     },\n \n     /**\n-     * Method: doneDragging\n-     * Called when the drag handler is done dragging.\n-     *\n-     * Parameters:\n-     * pixel - {<OpenLayers.Pixel>} The last event pixel location.  If this event\n-     *     came from a mouseout, this may not be in the map viewport.\n-     */\n-    doneDragging: function(pixel) {\n-        this.onComplete(this.feature, pixel);\n-    },\n-\n-    /**\n-     * Method: outFeature\n-     * Called when the feature handler detects a mouse-out on a feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature that the mouse left.\n+     * Method: onZoomClick\n+     * Called when zoomin/out link is clicked.\n      */\n-    outFeature: function(feature) {\n-        if (!this.handlers.drag.dragging) {\n-            this.over = false;\n-            this.handlers.drag.deactivate();\n-            OpenLayers.Element.removeClass(\n-                this.map.viewPortDiv, this.displayClass + \"Over\"\n-            );\n-            this.onLeave(feature);\n-            this.feature = null;\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = false;\n-            }\n+    onZoomClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.zoomInLink) {\n+            this.map.zoomIn();\n+        } else if (button === this.zoomOutLink) {\n+            this.map.zoomOut();\n         }\n     },\n \n-    /**\n-     * Method: cancel\n-     * Called when the drag handler detects a mouse-out (from the map viewport).\n-     */\n-    cancel: function() {\n-        this.handlers.drag.deactivate();\n-        this.over = false;\n-    },\n-\n-    /**\n-     * Method: setMap\n-     * Set the map property for the control and all handlers.\n-     *\n-     * Parameters: \n-     * map - {<OpenLayers.Map>} The control's map.\n+    /** \n+     * Method: destroy\n+     * Clean up.\n      */\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        this.handlers.feature.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n+        }\n+        delete this.zoomInLink;\n+        delete this.zoomOutLink;\n+        OpenLayers.Control.prototype.destroy.apply(this);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n+    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Geolocate.js\n+    OpenLayers/Control/CacheRead.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Geolocate\n- * The Geolocate control wraps w3c geolocation API into control that can be\n- * bound to a map, and generate events on location update\n- *\n- * To use this control requires to load the proj4js library if the projection\n- * of the map is not EPSG:4326 or EPSG:900913.\n+ * Class: OpenLayers.Control.CacheRead\n+ * A control for using image tiles cached with <OpenLayers.Control.CacheWrite>\n+ * from the browser's local storage.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * locationupdated - Triggered when browser return a new position. Listeners will \n-     *     receive an object with a 'position' property which is the browser.geolocation.position\n-     *     native object, as well as a 'point' property which is the location transformed in the \n-     *     current map projection.\n-     * locationfailed - Triggered when geolocation has failed\n-     * locationuncapable - Triggered when control is activated on a browser\n-     *     which doesn't support geolocation\n-     */\n-\n-    /**\n-     * Property: geolocation\n-     * {Object} The geolocation engine, as a property to be possibly mocked.\n-     * This is set lazily to avoid a memory leak in IE9.\n-     */\n-    geolocation: null,\n-\n-    /**\n-     * Property: available\n-     * {Boolean} The navigator.geolocation object is available.\n-     */\n-    available: ('geolocation' in navigator),\n+OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: bind\n-     * {Boolean} If true, map center will be set on location update.\n+     * APIProperty: fetchEvent\n+     * {String} The layer event to listen to for replacing remote resource tile\n+     *     URLs with cached data URIs. Supported values are \"tileerror\" (try\n+     *     remote first, fall back to cached) and \"tileloadstart\" (try cache\n+     *     first, fall back to remote). Default is \"tileloadstart\".\n+     *\n+     *     Note that \"tileerror\" will not work for CORS enabled images (see\n+     *     https://developer.mozilla.org/en/CORS_Enabled_Image), i.e. layers\n+     *     configured with a <OpenLayers.Tile.Image.crossOriginKeyword> in\n+     *     <OpenLayers.Layer.Grid.tileOptions>.\n      */\n-    bind: true,\n+    fetchEvent: \"tileloadstart\",\n \n     /**\n-     * APIProperty: watch\n-     * {Boolean} If true, position will be update regularly.\n+     * APIProperty: layers\n+     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, only these\n+     *     layers will receive tiles from the cache.\n      */\n-    watch: false,\n+    layers: null,\n \n     /**\n-     * APIProperty: geolocationOptions\n-     * {Object} Options to pass to the navigator's geolocation API. See\n-     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n-     *     option is passed to the geolocation API by default.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    geolocationOptions: null,\n+    autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Control.Geolocate\n-     * Create a new control to deal with browser geolocation API\n+     * Constructor: OpenLayers.Control.CacheRead\n      *\n+     * Parameters:\n+     * options - {Object} Object with API properties for this control\n      */\n \n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     *\n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            // set lazily to avoid IE9 memory leak\n-            this.geolocation = navigator.geolocation;\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false;\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            });\n         }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(\n-                    OpenLayers.Function.bind(this.geolocate, this),\n-                    OpenLayers.Function.bind(this.failure, this),\n-                    this.geolocationOptions\n-                );\n-            } else {\n-                this.getCurrentLocation();\n-            }\n-            return true;\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n         }\n-        return false;\n     },\n \n     /**\n-     * Method: deactivate\n-     * Deactivates the control.\n+     * Method: addLayer\n+     * Adds a layer to the control. Once added, tiles requested for this layer\n+     *     will be cached.\n      *\n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n+     * Parameters:\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n      */\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId);\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n+    addLayer: function(evt) {\n+        evt.layer.events.register(this.fetchEvent, this, this.fetch);\n     },\n \n     /**\n-     * Method: geolocate\n-     * Activates the control.\n+     * Method: removeLayer\n+     * Removes a layer from the control. Once removed, tiles requested for this\n+     *     layer will no longer be cached.\n      *\n+     * Parameters:\n+     * evt - {Object} Object with a layer property referencing an\n+     *     <OpenLayers.Layer> instance\n      */\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(\n-            position.coords.longitude,\n-            position.coords.latitude\n-        ).transform(\n-            new OpenLayers.Projection(\"EPSG:4326\"),\n-            this.map.getProjectionObject()\n-        );\n-        if (this.bind) {\n-            this.map.setCenter(center);\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(\n-                center.lon, center.lat\n-            )\n-        });\n+    removeLayer: function(evt) {\n+        evt.layer.events.unregister(this.fetchEvent, this, this.fetch);\n     },\n \n     /**\n-     * APIMethod: getCurrentLocation\n+     * Method: fetch\n+     * Listener to the <fetchEvent> event. Replaces a tile's url with a data\n+     * URI from the cache.\n      *\n-     * Returns:\n-     * {Boolean} Returns true if a event will be fired (successfull\n-     * registration)\n+     * Parameters:\n+     * evt - {Object} Event object with a tile property.\n      */\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false;\n+    fetch: function(evt) {\n+        if (this.active && window.localStorage &&\n+            evt.tile instanceof OpenLayers.Tile.Image) {\n+            var tile = evt.tile,\n+                url = tile.url;\n+            // deal with modified tile urls when both CacheWrite and CacheRead\n+            // are active\n+            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost &&\n+                url.indexOf(OpenLayers.ProxyHost) === 0) {\n+                url = OpenLayers.Control.CacheWrite.urlMap[url];\n+            }\n+            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n+            if (dataURI) {\n+                tile.url = dataURI;\n+                if (evt.type === \"tileerror\") {\n+                    tile.setImgSrc(dataURI);\n+                }\n+            }\n         }\n-        this.geolocation.getCurrentPosition(\n-            OpenLayers.Function.bind(this.geolocate, this),\n-            OpenLayers.Function.bind(this.failure, this),\n-            this.geolocationOptions\n-        );\n-        return true;\n     },\n \n     /**\n-     * Method: failure\n-     * method called on browser's geolocation failure\n-     *\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        });\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                });\n+            }\n+        }\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            });\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n });\n /* ======================================================================\n     OpenLayers/Control/Split.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -57939,893 +57193,727 @@\n         }\n         OpenLayers.Control.prototype.destroy.call(this);\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.Split\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Panel.js\n+    OpenLayers/Control/NavigationHistory.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Panel\n- * The Panel control is a container for other controls. With it toolbars\n- * may be composed.\n+ * Class: OpenLayers.Control.NavigationHistory\n+ * A navigation history control.  This is a meta-control, that creates two\n+ *     dependent controls: <previous> and <next>.  Call the trigger method\n+ *     on the <previous> and <next> controls to restore previous and next\n+ *     history states.  The previous and next controls will become active\n+ *     when there are available states to restore and will become deactive\n+ *     when there are no states to restore.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n+\n     /**\n-     * Property: controls\n-     * {Array(<OpenLayers.Control>)}\n+     * Property: type\n+     * {String} Note that this control is not intended to be added directly\n+     *     to a control panel.  Instead, add the sub-controls previous and\n+     *     next.  These sub-controls are button type controls that activate\n+     *     and deactivate themselves.  If this parent control is added to\n+     *     a panel, it will act as a toggle.\n      */\n-    controls: null,\n+    type: OpenLayers.Control.TYPE_TOGGLE,\n+\n+    /**\n+     * APIProperty: previous\n+     * {<OpenLayers.Control>} A button type control whose trigger method restores\n+     *     the previous state managed by this control.\n+     */\n+    previous: null,\n+\n+    /**\n+     * APIProperty: previousOptions\n+     * {Object} Set this property on the options argument of the constructor\n+     *     to set optional properties on the <previous> control.\n+     */\n+    previousOptions: null,\n+\n+    /**\n+     * APIProperty: next\n+     * {<OpenLayers.Control>} A button type control whose trigger method restores\n+     *     the next state managed by this control.\n+     */\n+    next: null,\n+\n+    /**\n+     * APIProperty: nextOptions\n+     * {Object} Set this property on the options argument of the constructor\n+     *     to set optional properties on the <next> control.\n+     */\n+    nextOptions: null,\n+\n+    /**\n+     * APIProperty: limit\n+     * {Integer} Optional limit on the number of history items to retain.  If\n+     *     null, there is no limit.  Default is 50.\n+     */\n+    limit: 50,\n \n     /**\n      * APIProperty: autoActivate\n      * {Boolean} Activate the control when it is added to a map.  Default is\n      *     true.\n      */\n     autoActivate: true,\n \n-    /** \n-     * APIProperty: defaultControl\n-     * {<OpenLayers.Control>} The control which is activated when the control is\n-     * activated (turned on), which also happens at instantiation.\n-     * If <saveState> is true, <defaultControl> will be nullified after the\n-     * first activation of the panel.\n+    /**\n+     * Property: clearOnDeactivate\n+     * {Boolean} Clear the history when the control is deactivated.  Default\n+     *     is false.\n      */\n-    defaultControl: null,\n+    clearOnDeactivate: false,\n \n     /**\n-     * APIProperty: saveState\n-     * {Boolean} If set to true, the active state of this panel's controls will\n-     * be stored on panel deactivation, and restored on reactivation. Default\n-     * is false.\n+     * Property: registry\n+     * {Object} An object with keys corresponding to event types.  Values\n+     *     are functions that return an object representing the current state.\n      */\n-    saveState: false,\n+    registry: null,\n \n     /**\n-     * APIProperty: allowDepress\n-     * {Boolean} If is true the <OpenLayers.Control.TYPE_TOOL> controls can \n-     *     be deactivated by clicking the icon that represents them.  Default \n-     *     is false.\n+     * Property: nextStack\n+     * {Array} Array of items in the history.\n      */\n-    allowDepress: false,\n+    nextStack: null,\n \n     /**\n-     * Property: activeState\n-     * {Object} stores the active state of this panel's controls.\n+     * Property: previousStack\n+     * {Array} List of items in the history.  First item represents the current\n+     *     state.\n      */\n-    activeState: null,\n+    previousStack: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.Panel\n-     * Create a new control panel.\n-     *\n-     * Each control in the panel is represented by an icon. When clicking \n-     *     on an icon, the <activateControl> method is called.\n-     *\n-     * Specific properties for controls on a panel:\n-     * type - {Number} One of <OpenLayers.Control.TYPE_TOOL>,\n-     *     <OpenLayers.Control.TYPE_TOGGLE>, <OpenLayers.Control.TYPE_BUTTON>.\n-     *     If not provided, <OpenLayers.Control.TYPE_TOOL> is assumed.\n-     * title - {string} Text displayed when mouse is over the icon that \n-     *     represents the control.     \n-     *\n-     * The <OpenLayers.Control.type> of a control determines the behavior when\n-     * clicking its icon:\n-     * <OpenLayers.Control.TYPE_TOOL> - The control is activated and other\n-     *     controls of this type in the same panel are deactivated. This is\n-     *     the default type.\n-     * <OpenLayers.Control.TYPE_TOGGLE> - The active state of the control is\n-     *     toggled.\n-     * <OpenLayers.Control.TYPE_BUTTON> - The\n-     *     <OpenLayers.Control.Button.trigger> method of the control is called,\n-     *     but its active state is not changed.\n-     *\n-     * If a control is <OpenLayers.Control.active>, it will be drawn with the\n-     * olControl[Name]ItemActive class, otherwise with the\n-     * olControl[Name]ItemInactive class.\n-     *\n+     * Property: listeners\n+     * {Object} An object containing properties corresponding to event types.\n+     *     This object is used to configure the control and is modified on\n+     *     construction.\n+     */\n+    listeners: null,\n+\n+    /**\n+     * Property: restoring\n+     * {Boolean} Currently restoring a history state.  This is set to true\n+     *     before calling restore and set to false after restore returns.\n+     */\n+    restoring: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.NavigationHistory \n+     * \n      * Parameters:\n      * options - {Object} An optional object whose properties will be used\n      *     to extend the control.\n      */\n     initialize: function(options) {\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.controls = [];\n-        this.activeState = {};\n+\n+        this.registry = OpenLayers.Util.extend({\n+            \"moveend\": this.getState\n+        }, this.registry);\n+\n+        var previousOptions = {\n+            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n+        };\n+        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n+        this.previous = new OpenLayers.Control.Button(previousOptions);\n+\n+        var nextOptions = {\n+            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n+        };\n+        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n+        this.next = new OpenLayers.Control.Button(nextOptions);\n+\n+        this.clear();\n     },\n \n     /**\n-     * APIMethod: destroy\n+     * Method: onPreviousChange\n+     * Called when the previous history stack changes.\n+     *\n+     * Parameters:\n+     * state - {Object} An object representing the state to be restored\n+     *     if previous is triggered again or null if no previous states remain.\n+     * length - {Integer} The number of remaining previous states that can\n+     *     be restored.\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        for (var ctl, i = this.controls.length - 1; i >= 0; i--) {\n-            ctl = this.controls[i];\n-            if (ctl.events) {\n-                ctl.events.un({\n-                    activate: this.iconOn,\n-                    deactivate: this.iconOff\n-                });\n-            }\n-            ctl.panel_div = null;\n+    onPreviousChange: function(state, length) {\n+        if (state && !this.previous.active) {\n+            this.previous.activate();\n+        } else if (!state && this.previous.active) {\n+            this.previous.deactivate();\n         }\n-        this.activeState = null;\n     },\n \n     /**\n-     * APIMethod: activate\n+     * Method: onNextChange\n+     * Called when the next history stack changes.\n+     *\n+     * Parameters:\n+     * state - {Object} An object representing the state to be restored\n+     *     if next is triggered again or null if no next states remain.\n+     * length - {Integer} The number of remaining next states that can\n+     *     be restored.\n      */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                if (control === this.defaultControl ||\n-                    (this.saveState && this.activeState[control.id])) {\n-                    control.activate();\n-                }\n-            }\n-            if (this.saveState === true) {\n-                this.defaultControl = null;\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n+    onNextChange: function(state, length) {\n+        if (state && !this.next.active) {\n+            this.next.activate();\n+        } else if (!state && this.next.active) {\n+            this.next.deactivate();\n         }\n     },\n \n     /**\n-     * APIMethod: deactivate\n+     * APIMethod: destroy\n+     * Destroy the control.\n      */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            var control;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                control = this.controls[i];\n-                this.activeState[control.id] = control.deactivate();\n-            }\n-            this.redraw();\n-            return true;\n-        } else {\n-            return false;\n+    destroy: function() {\n+        OpenLayers.Control.prototype.destroy.apply(this);\n+        this.previous.destroy();\n+        this.next.destroy();\n+        this.deactivate();\n+        for (var prop in this) {\n+            this[prop] = null;\n         }\n     },\n \n-    /**\n-     * Method: draw\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control and <previous> and <next> child\n+     *     controls.\n      *\n-     * Returns:\n-     * {DOMElement}\n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n-        }\n-        this.addControlsToMap(this.controls);\n-        return this.div;\n+    setMap: function(map) {\n+        this.map = map;\n+        this.next.setMap(map);\n+        this.previous.setMap(map);\n     },\n \n     /**\n-     * Method: redraw\n+     * Method: draw\n+     * Called when the control is added to the map.\n      */\n-    redraw: function() {\n-        for (var l = this.div.childNodes.length, i = l - 1; i >= 0; i--) {\n-            this.div.removeChild(this.div.childNodes[i]);\n-        }\n-        this.div.innerHTML = \"\";\n-        if (this.active) {\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                this.div.appendChild(this.controls[i].panel_div);\n-            }\n-        }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.next.draw();\n+        this.previous.draw();\n     },\n \n     /**\n-     * APIMethod: activateControl\n-     * This method is called when the user click on the icon representing a \n-     *     control in the panel.\n+     * Method: previousTrigger\n+     * Restore the previous state.  If no items are in the previous history\n+     *     stack, this has no effect.\n      *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>}\n+     * Returns:\n+     * {Object} Item representing state that was restored.  Undefined if no\n+     *     items are in the previous history stack.\n      */\n-    activateControl: function(control) {\n-        if (!this.active) {\n-            return false;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_BUTTON) {\n-            control.trigger();\n-            return;\n-        }\n-        if (control.type == OpenLayers.Control.TYPE_TOGGLE) {\n-            if (control.active) {\n-                control.deactivate();\n-            } else {\n-                control.activate();\n-            }\n-            return;\n-        }\n-        if (this.allowDepress && control.active) {\n-            control.deactivate();\n+    previousTrigger: function() {\n+        var current = this.previousStack.shift();\n+        var state = this.previousStack.shift();\n+        if (state != undefined) {\n+            this.nextStack.unshift(current);\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(\n+                this.previousStack[1], this.previousStack.length - 1\n+            );\n         } else {\n-            var c;\n-            for (var i = 0, len = this.controls.length; i < len; i++) {\n-                c = this.controls[i];\n-                if (c != control &&\n-                    (c.type === OpenLayers.Control.TYPE_TOOL || c.type == null)) {\n-                    c.deactivate();\n-                }\n-            }\n-            control.activate();\n+            this.previousStack.unshift(current);\n         }\n+        return state;\n     },\n \n     /**\n-     * APIMethod: addControls\n-     * To build a toolbar, you add a set of controls to it. addControls\n-     * lets you add a single control or a list of controls to the \n-     * Control Panel.\n+     * APIMethod: nextTrigger\n+     * Restore the next state.  If no items are in the next history\n+     *     stack, this has no effect.  The next history stack is populated\n+     *     as states are restored from the previous history stack.\n      *\n-     * Parameters:\n-     * controls - {<OpenLayers.Control>} Controls to add in the panel.\n+     * Returns:\n+     * {Object} Item representing state that was restored.  Undefined if no\n+     *     items are in the next history stack.\n      */\n-    addControls: function(controls) {\n-        if (!(OpenLayers.Util.isArray(controls))) {\n-            controls = [controls];\n-        }\n-        this.controls = this.controls.concat(controls);\n-\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            var control = controls[i],\n-                element = this.createControlMarkup(control);\n-            OpenLayers.Element.addClass(element,\n-                control.displayClass + \"ItemInactive\");\n-            OpenLayers.Element.addClass(element, \"olButton\");\n-            if (control.title != \"\" && !element.title) {\n-                element.title = control.title;\n-            }\n-            control.panel_div = element;\n+    nextTrigger: function() {\n+        var state = this.nextStack.shift();\n+        if (state != undefined) {\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(\n+                this.previousStack[1], this.previousStack.length - 1\n+            );\n         }\n+        return state;\n+    },\n \n-        if (this.map) { // map.addControl() has already been called on the panel\n-            this.addControlsToMap(controls);\n-            this.redraw();\n-        }\n+    /**\n+     * APIMethod: clear\n+     * Clear history.\n+     */\n+    clear: function() {\n+        this.previousStack = [];\n+        this.previous.deactivate();\n+        this.nextStack = [];\n+        this.next.deactivate();\n     },\n \n     /**\n-     * APIMethod: createControlMarkup\n-     * This function just creates a div for the control. If specific HTML\n-     * markup is needed this function can be overridden in specific classes,\n-     * or at panel instantiation time:\n-     *\n-     * Example:\n-     * (code)\n-     * var panel = new OpenLayers.Control.Panel({\n-     *     defaultControl: control,\n-     *     // ovverride createControlMarkup to create actual buttons\n-     *     // including texts wrapped into span elements.\n-     *     createControlMarkup: function(control) {\n-     *         var button = document.createElement('button'),\n-     *             span = document.createElement('span');\n-     *         if (control.text) {\n-     *             span.innerHTML = control.text;\n-     *         }\n-     *         return button;\n-     *     }\n-     *  });\n-     * (end)\n-     *\n-     * Parameters:\n-     * control - {<OpenLayers.Control>} The control to create the HTML\n-     *     markup for.\n+     * Method: getState\n+     * Get the current state and return it.\n      *\n      * Returns:\n-     * {DOMElement} The markup.\n+     * {Object} An object representing the current state.\n      */\n-    createControlMarkup: function(control) {\n-        return document.createElement(\"div\");\n+    getState: function() {\n+        return {\n+            center: this.map.getCenter(),\n+            resolution: this.map.getResolution(),\n+            projection: this.map.getProjectionObject(),\n+            units: this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units\n+        };\n     },\n \n     /**\n-     * Method: addControlsToMap\n-     * Only for internal use in draw() and addControls() methods.\n+     * Method: restore\n+     * Update the state with the given object.\n      *\n      * Parameters:\n-     * controls - {Array(<OpenLayers.Control>)} Controls to add into map.\n+     * state - {Object} An object representing the state to restore.\n      */\n-    addControlsToMap: function(controls) {\n-        var control;\n-        for (var i = 0, len = controls.length; i < len; i++) {\n-            control = controls[i];\n-            if (control.autoActivate === true) {\n-                control.autoActivate = false;\n-                this.map.addControl(control);\n-                control.autoActivate = true;\n-            } else {\n-                this.map.addControl(control);\n-                control.deactivate();\n-            }\n-            control.events.on({\n-                activate: this.iconOn,\n-                deactivate: this.iconOff\n-            });\n+    restore: function(state) {\n+        var center, zoom;\n+        if (this.map.getProjectionObject() == state.projection) {\n+            zoom = this.map.getZoomForResolution(state.resolution);\n+            center = state.center;\n+        } else {\n+            center = state.center.clone();\n+            center.transform(state.projection, this.map.getProjectionObject());\n+            var sourceUnits = state.units;\n+            var targetUnits = this.map.getProjectionObject().getUnits() ||\n+                this.map.units || this.map.baseLayer.units;\n+            var resolutionFactor = sourceUnits && targetUnits ?\n+                OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution);\n         }\n+        this.map.setCenter(center, zoom);\n     },\n \n     /**\n-     * Method: iconOn\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOn: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Inactive\\\\b\");\n-        d.className = d.className.replace(re, \"$1Active\");\n-    },\n-\n-    /**\n-     * Method: iconOff\n-     * Internal use, for use only with \"controls[i].events.on/un\".\n-     */\n-    iconOff: function() {\n-        var d = this.panel_div; // \"this\" refers to a control on panel!\n-        var re = new RegExp(\"\\\\b(\" + this.displayClass + \"Item)Active\\\\b\");\n-        d.className = d.className.replace(re, \"$1Inactive\");\n-    },\n-\n-    /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * Method: setListeners\n+     * Sets functions to be registered in the listeners object.\n      */\n-    onButtonClick: function(evt) {\n-        var controls = this.controls,\n-            button = evt.buttonElement;\n-        for (var i = controls.length - 1; i >= 0; --i) {\n-            if (controls[i].panel_div === button) {\n-                this.activateControl(controls[i]);\n-                break;\n-            }\n+    setListeners: function() {\n+        this.listeners = {};\n+        for (var type in this.registry) {\n+            this.listeners[type] = OpenLayers.Function.bind(function() {\n+                if (!this.restoring) {\n+                    var state = this.registry[type].apply(this, arguments);\n+                    this.previousStack.unshift(state);\n+                    if (this.previousStack.length > 1) {\n+                        this.onPreviousChange(\n+                            this.previousStack[1], this.previousStack.length - 1\n+                        );\n+                    }\n+                    if (this.previousStack.length > (this.limit + 1)) {\n+                        this.previousStack.pop();\n+                    }\n+                    if (this.nextStack.length > 0) {\n+                        this.nextStack = [];\n+                        this.onNextChange(null, 0);\n+                    }\n+                }\n+                return true;\n+            }, this);\n         }\n     },\n \n     /**\n-     * APIMethod: getControlsBy\n-     * Get a list of controls with properties matching the given criteria.\n-     *\n-     * Parameters:\n-     * property - {String} A control property to be matched.\n-     * match - {String | Object} A string to match.  Can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     match.test(control[property]) evaluates to true, the control will be\n-     *     included in the array returned.  If no controls are found, an empty\n-     *     array is returned.\n+     * APIMethod: activate\n+     * Activate the control.  This registers any listeners.\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given criteria.\n-     *     An empty array is returned if no matches are found.\n+     * {Boolean} Control successfully activated.\n      */\n-    getControlsBy: function(property, match) {\n-        var test = (typeof match.test == \"function\");\n-        var found = OpenLayers.Array.filter(this.controls, function(item) {\n-            return item[property] == match || (test && match.test(item[property]));\n-        });\n-        return found;\n+    activate: function() {\n+        var activated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.activate.apply(this)) {\n+                if (this.listeners == null) {\n+                    this.setListeners();\n+                }\n+                for (var type in this.listeners) {\n+                    this.map.events.register(type, this, this.listeners[type]);\n+                }\n+                activated = true;\n+                if (this.previousStack.length == 0) {\n+                    this.initStack();\n+                }\n+            }\n+        }\n+        return activated;\n     },\n \n     /**\n-     * APIMethod: getControlsByName\n-     * Get a list of contorls with names matching the given name.\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control name.  The name can also be a regular\n-     *     expression literal or object.  In addition, it can be any object\n-     *     with a method named test.  For reqular expressions or other, if\n-     *     name.test(control.name) evaluates to true, the control will be included\n-     *     in the list of controls returned.  If no controls are found, an empty\n-     *     array is returned.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given name.\n-     *     An empty array is returned if no matches are found.\n+     * Method: initStack\n+     * Called after the control is activated if the previous history stack is\n+     *     empty.\n      */\n-    getControlsByName: function(match) {\n-        return this.getControlsBy(\"name\", match);\n+    initStack: function() {\n+        if (this.map.getCenter()) {\n+            this.listeners.moveend();\n+        }\n     },\n \n     /**\n-     * APIMethod: getControlsByClass\n-     * Get a list of controls of a given type (CLASS_NAME).\n-     *\n-     * Parameters:\n-     * match - {String | Object} A control class name.  The type can also be a\n-     *     regular expression literal or object.  In addition, it can be any\n-     *     object with a method named test.  For reqular expressions or other,\n-     *     if type.test(control.CLASS_NAME) evaluates to true, the control will\n-     *     be included in the list of controls returned.  If no controls are\n-     *     found, an empty array is returned.\n+     * APIMethod: deactivate\n+     * Deactivate the control.  This unregisters any listeners.\n      *\n      * Returns:\n-     * {Array(<OpenLayers.Control>)} A list of controls matching the given type.\n-     *     An empty array is returned if no matches are found.\n+     * {Boolean} Control successfully deactivated.\n      */\n-    getControlsByClass: function(match) {\n-        return this.getControlsBy(\"CLASS_NAME\", match);\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n+                for (var type in this.listeners) {\n+                    this.map.events.unregister(\n+                        type, this, this.listeners[type]\n+                    );\n+                }\n+                if (this.clearOnDeactivate) {\n+                    this.clear();\n+                }\n+                deactivated = true;\n+            }\n+        }\n+        return deactivated;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Panel\"\n+    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n });\n \n /* ======================================================================\n-    OpenLayers/Control/Attribution.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Attribution\n- * The attribution control adds attribution from layers to the map display. \n- * It uses 'attribution' property of each layer.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Attribution =\n-    OpenLayers.Class(OpenLayers.Control, {\n-\n-        /**\n-         * APIProperty: separator\n-         * {String} String used to separate layers.\n-         */\n-        separator: \", \",\n-\n-        /**\n-         * APIProperty: template\n-         * {String} Template for the attribution. This has to include the substring\n-         *     \"${layers}\", which will be replaced by the layer specific\n-         *     attributions, separated by <separator>. The default is \"${layers}\".\n-         */\n-        template: \"${layers}\",\n-\n-        /**\n-         * Constructor: OpenLayers.Control.Attribution \n-         * \n-         * Parameters:\n-         * options - {Object} Options for control.\n-         */\n-\n-        /** \n-         * Method: destroy\n-         * Destroy control.\n-         */\n-        destroy: function() {\n-            this.map.events.un({\n-                \"removelayer\": this.updateAttribution,\n-                \"addlayer\": this.updateAttribution,\n-                \"changelayer\": this.updateAttribution,\n-                \"changebaselayer\": this.updateAttribution,\n-                scope: this\n-            });\n-\n-            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Method: draw\n-         * Initialize control.\n-         * \n-         * Returns: \n-         * {DOMElement} A reference to the DIV DOMElement containing the control\n-         */\n-        draw: function() {\n-            OpenLayers.Control.prototype.draw.apply(this, arguments);\n-\n-            this.map.events.on({\n-                'changebaselayer': this.updateAttribution,\n-                'changelayer': this.updateAttribution,\n-                'addlayer': this.updateAttribution,\n-                'removelayer': this.updateAttribution,\n-                scope: this\n-            });\n-            this.updateAttribution();\n-\n-            return this.div;\n-        },\n-\n-        /**\n-         * Method: updateAttribution\n-         * Update attribution string.\n-         */\n-        updateAttribution: function() {\n-            var attributions = [];\n-            if (this.map && this.map.layers) {\n-                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                    var layer = this.map.layers[i];\n-                    if (layer.attribution && layer.getVisibility()) {\n-                        // add attribution only if attribution text is unique\n-                        if (OpenLayers.Util.indexOf(\n-                                attributions, layer.attribution) === -1) {\n-                            attributions.push(layer.attribution);\n-                        }\n-                    }\n-                }\n-                this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                    layers: attributions.join(this.separator)\n-                });\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Control/ZoomIn.js\n+    OpenLayers/Control/ZoomToMaxExtent.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomIn\n- * The ZoomIn control is a button to increase the zoom level of a map.\n- *\n+ * Class: OpenLayers.Control.ZoomToMaxExtent \n+ * The ZoomToMaxExtent control is a button that zooms out to the maximum\n+ * extent of the map. It is designed to be used with a \n+ * <OpenLayers.Control.Panel>.\n+ * \n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n+OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /**\n      * Method: trigger\n+     * \n+     * Called whenever this control is being rendered inside of a panel and a \n+     *     click occurs on this controls element. Actually zooms to the maximum\n+     *     extent of this controls map.\n      */\n     trigger: function() {\n         if (this.map) {\n-            this.map.zoomIn();\n+            this.map.zoomToMaxExtent();\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WMSGetFeatureInfo.js\n+    OpenLayers/Control/UTFGrid.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Hover.js\n+ * @requires OpenLayers/Handler/Click.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSGetFeatureInfo\n- * Class to read GetFeatureInfo responses from Web Mapping Services\n+ * Class: OpenLayers.Control.UTFGrid\n+ *\n+ * This Control provides behavior associated with UTFGrid Layers.\n+ * These 'hit grids' provide underlying feature attributes without\n+ * calling the server (again). This control allows Mousemove, Hovering \n+ * and Click events to trigger callbacks that use the attributes in \n+ * whatever way you need. \n+ *\n+ * The most common example may be a UTFGrid layer containing feature\n+ * attributes that are displayed in a div as you mouseover.\n+ *\n+ * Example Code:\n+ *\n+ * (start code)\n+ * var world_utfgrid = new OpenLayers.Layer.UTFGrid( \n+ *     'UTFGrid Layer', \n+ *     \"http://tiles/world_utfgrid/${z}/${x}/${y}.json\"\n+ * );\n+ * map.addLayer(world_utfgrid);\n+ * \n+ * var control = new OpenLayers.Control.UTFGrid({\n+ *     layers: [world_utfgrid],\n+ *     handlerMode: 'move',\n+ *     callback: function(infoLookup) {\n+ *         // do something with returned data\n+ *\n+ *     }\n+ * })\n+ * (end code)\n+ *\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: layerIdentifier\n-     * {String} All xml nodes containing this search criteria will populate an\n-     *     internal array of layer nodes.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    layerIdentifier: '_layer',\n+    autoActivate: true,\n \n-    /**\n-     * APIProperty: featureIdentifier\n-     * {String} All xml nodes containing this search criteria will populate an \n-     *     internal array of feature nodes for each layer node found.\n+    /** \n+     * APIProperty: Layers\n+     * List of layers to consider. Must be Layer.UTFGrids\n+     * `null` is the default indicating all UTFGrid Layers are queried.\n+     * {Array} <OpenLayers.Layer.UTFGrid> \n      */\n-    featureIdentifier: '_feature',\n+    layers: null,\n \n-    /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+    /* Property: defaultHandlerOptions\n+     * The default opts passed to the handler constructors\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n+    defaultHandlerOptions: {\n+        'delay': 300,\n+        'pixelTolerance': 4,\n+        'stopMove': false,\n+        'single': true,\n+        'double': false,\n+        'stopSingle': false,\n+        'stopDouble': false\n     },\n \n-    /**\n-     * Property: gmlFormat\n-     * {<OpenLayers.Format.GML>} internal GML format for parsing geometries\n-     *     in msGMLOutput\n+    /* APIProperty: handlerMode\n+     * Defaults to 'click'. Can be 'hover' or 'move'.\n      */\n-    gmlFormat: null,\n+    handlerMode: 'click',\n \n     /**\n-     * Constructor: OpenLayers.Format.WMSGetFeatureInfo\n-     * Create a new parser for WMS GetFeatureInfo responses\n+     * APIMethod: setHandler\n+     * sets this.handlerMode and calls resetHandler()\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * hm - {String} Handler Mode string; 'click', 'hover' or 'move'.\n      */\n+    setHandler: function(hm) {\n+        this.handlerMode = hm;\n+        this.resetHandler();\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read WMS GetFeatureInfo data from a string, and return an array of features\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n+     * Method: resetHandler\n+     * Deactivates the old hanlder and creates a new\n+     * <OpenLayers.Handler> based on the mode specified in\n+     * this.handlerMode\n      *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} An array of features.\n      */\n-    read: function(data) {\n-        var result;\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+    resetHandler: function() {\n+        if (this.handler) {\n+            this.handler.deactivate();\n+            this.handler.destroy();\n+            this.handler = null;\n         }\n-        var root = data.documentElement;\n-        if (root) {\n-            var scope = this;\n-            var read = this[\"read_\" + root.nodeName];\n-            if (read) {\n-                result = read.call(this, root);\n-            } else {\n-                // fall-back to GML since this is a common output format for WMS\n-                // GetFeatureInfo responses\n-                result = new OpenLayers.Format.GML((this.options ? this.options : {})).read(data);\n-            }\n+\n+        if (this.handlerMode == 'hover') {\n+            // Handle this event on hover\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this, {\n+                    'pause': this.handleEvent,\n+                    'move': this.reset\n+                },\n+                this.handlerOptions\n+            );\n+        } else if (this.handlerMode == 'click') {\n+            // Handle this event on click\n+            this.handler = new OpenLayers.Handler.Click(\n+                this, {\n+                    'click': this.handleEvent\n+                }, this.handlerOptions\n+            );\n+        } else if (this.handlerMode == 'move') {\n+            this.handler = new OpenLayers.Handler.Hover(\n+                this,\n+                // Handle this event while hovering OR moving\n+                {\n+                    'pause': this.handleEvent,\n+                    'move': this.handleEvent\n+                },\n+                this.handlerOptions\n+            );\n+        }\n+        if (this.handler) {\n+            return true;\n         } else {\n-            result = data;\n+            return false;\n         }\n-        return result;\n     },\n \n-\n     /**\n-     * Method: read_msGMLOutput\n-     * Parse msGMLOutput nodes.\n+     * Constructor: <OpenLayers.Control.UTFGrid>\n      *\n      * Parameters:\n-     * data - {DOMElement}\n-     *\n-     * Returns:\n-     * {Array}\n+     * options - {Object} \n      */\n-    read_msGMLOutput: function(data) {\n-        var response = [];\n-        var layerNodes = this.getSiblingNodesByTagCriteria(data,\n-            this.layerIdentifier);\n-        if (layerNodes) {\n-            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n-                var node = layerNodes[i];\n-                var layerName = node.nodeName;\n-                if (node.prefix) {\n-                    layerName = layerName.split(':')[1];\n-                }\n-                var layerName = layerName.replace(this.layerIdentifier, '');\n-                var featureNodes = this.getSiblingNodesByTagCriteria(node,\n-                    this.featureIdentifier);\n-                if (featureNodes) {\n-                    for (var j = 0; j < featureNodes.length; j++) {\n-                        var featureNode = featureNodes[j];\n-                        var geomInfo = this.parseGeometry(featureNode);\n-                        var attributes = this.parseAttributes(featureNode);\n-                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry,\n-                            attributes, null);\n-                        feature.bounds = geomInfo.bounds;\n-                        feature.type = layerName;\n-                        response.push(feature);\n-                    }\n-                }\n-            }\n-        }\n-        return response;\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.resetHandler();\n     },\n \n     /**\n-     * Method: read_FeatureInfoResponse\n-     * Parse FeatureInfoResponse nodes.\n+     * Method: handleEvent\n+     * Internal method called when specified event is triggered.\n+     * \n+     * This method does several things:\n      *\n-     * Parameters:\n-     * data - {DOMElement}\n+     * Gets the lonLat of the event.\n      *\n-     * Returns:\n-     * {Array}\n+     * Loops through the appropriate hit grid layers and gathers the attributes.\n+     *\n+     * Passes the attributes to the callback\n+     *\n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n      */\n-    read_FeatureInfoResponse: function(data) {\n-        var response = [];\n-        var featureNodes = this.getElementsByTagNameNS(data, '*',\n-            'FIELDS');\n+    handleEvent: function(evt) {\n+        if (evt == null) {\n+            this.reset();\n+            return;\n+        }\n \n-        for (var i = 0, len = featureNodes.length; i < len; i++) {\n-            var featureNode = featureNodes[i];\n-            var geom = null;\n+        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n+        if (!lonLat) {\n+            return;\n+        }\n \n-            // attributes can be actual attributes on the FIELDS tag, \n-            // or FIELD children\n-            var attributes = {};\n-            var j;\n-            var jlen = featureNode.attributes.length;\n-            if (jlen > 0) {\n-                for (j = 0; j < jlen; j++) {\n-                    var attribute = featureNode.attributes[j];\n-                    attributes[attribute.nodeName] = attribute.nodeValue;\n-                }\n-            } else {\n-                var nodes = featureNode.childNodes;\n-                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n-                    var node = nodes[j];\n-                    if (node.nodeType != 3) {\n-                        attributes[node.getAttribute(\"name\")] =\n-                            node.getAttribute(\"value\");\n-                    }\n-                }\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var infoLookup = {};\n+            var layer, idx;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                layer = layers[i];\n+                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n+                infoLookup[idx] = layer.getFeatureInfo(lonLat);\n             }\n-\n-            response.push(\n-                new OpenLayers.Feature.Vector(geom, attributes, null)\n-            );\n+            this.callback(infoLookup, lonLat, evt.xy);\n         }\n-        return response;\n     },\n \n     /**\n-     * Method: getSiblingNodesByTagCriteria\n-     * Recursively searches passed xml node and all it's descendant levels for \n-     *     nodes whose tagName contains the passed search string. This returns an \n-     *     array of all sibling nodes which match the criteria from the highest \n-     *     hierarchial level from which a match is found.\n-     * \n+     * APIMethod: callback\n+     * Function to be called when a mouse event corresponds with a location that\n+     *     includes data in one of the configured UTFGrid layers.\n+     *\n      * Parameters:\n-     * node - {DOMElement} An xml node\n-     * criteria - {String} Search string which will match some part of a tagName \n-     *                                       \n-     * Returns:\n-     * Array({DOMElement}) An array of sibling xml nodes\n+     * infoLookup - {Object} Keys of this object are layer indexes and can be\n+     *     used to resolve a layer in the map.layers array.  The structure of\n+     *     the property values depend on the data included in the underlying\n+     *     UTFGrid and may be any valid JSON type.  \n      */\n-    getSiblingNodesByTagCriteria: function(node, criteria) {\n-        var nodes = [];\n-        var children, tagName, n, matchNodes, child;\n-        if (node && node.hasChildNodes()) {\n-            children = node.childNodes;\n-            n = children.length;\n-\n-            for (var k = 0; k < n; k++) {\n-                child = children[k];\n-                while (child && child.nodeType != 1) {\n-                    child = child.nextSibling;\n-                    k++;\n-                }\n-                tagName = (child ? child.nodeName : '');\n-                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n-                    nodes.push(child);\n-                } else {\n-                    matchNodes = this.getSiblingNodesByTagCriteria(\n-                        child, criteria);\n-\n-                    if (matchNodes.length > 0) {\n-                        (nodes.length == 0) ?\n-                        nodes = matchNodes: nodes.push(matchNodes);\n-                    }\n-                }\n-            }\n-\n-        }\n-        return nodes;\n+    callback: function(infoLookup) {\n+        // to be provided in the constructor\n     },\n \n     /**\n-     * Method: parseAttributes\n-     *\n-     * Parameters:\n-     * node - {<DOMElement>}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n-     * \n-     * Notes:\n-     * Assumes that attributes are direct child xml nodes of the passed node\n-     * and contain only a single text node. \n+     * Method: reset\n+     * Calls the callback with null.\n      */\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        if (node.nodeType == 1) {\n-            var children = node.childNodes;\n-            var n = children.length;\n-            for (var i = 0; i < n; ++i) {\n-                var child = children[i];\n-                if (child.nodeType == 1) {\n-                    var grandchildren = child.childNodes;\n-                    var name = (child.prefix) ?\n-                        child.nodeName.split(\":\")[1] : child.nodeName;\n-                    if (grandchildren.length == 0) {\n-                        attributes[name] = null;\n-                    } else if (grandchildren.length == 1) {\n-                        var grandchild = grandchildren[0];\n-                        if (grandchild.nodeType == 3 ||\n-                            grandchild.nodeType == 4) {\n-                            var value = grandchild.nodeValue.replace(\n-                                this.regExes.trimSpace, \"\");\n-                            attributes[name] = value;\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes;\n+    reset: function(evt) {\n+        this.callback(null);\n     },\n \n     /**\n-     * Method: parseGeometry\n-     * Parse the geometry and the feature bounds out of the node using \n-     *     Format.GML\n+     * Method: findLayers\n+     * Internal method to get the layers, independent of whether we are\n+     *     inspecting the map or using a client-provided array\n+     *\n+     * The default value of this.layers is null; this causes the \n+     * findLayers method to return ALL UTFGrid layers encountered.\n      *\n      * Parameters:\n-     * node - {<DOMElement>}\n+     * None\n      *\n      * Returns:\n-     * {Object} An object containing the geometry and the feature bounds\n+     * {Array} Layers to handle on each event\n      */\n-    parseGeometry: function(node) {\n-        // we need to use the old Format.GML parser since we do not know the \n-        // geometry name\n-        if (!this.gmlFormat) {\n-            this.gmlFormat = new OpenLayers.Format.GML();\n-        }\n-        var feature = this.gmlFormat.parseFeature(node);\n-        var geometry, bounds = null;\n-        if (feature) {\n-            geometry = feature.geometry && feature.geometry.clone();\n-            bounds = feature.bounds && feature.bounds.clone();\n-            feature.destroy();\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n+                layers.push(layer);\n+            }\n         }\n-        return {\n-            geometry: geometry,\n-            bounds: bounds\n-        };\n+        return layers;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n-\n+    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n });\n /* ======================================================================\n     OpenLayers/Control/WMTSGetFeatureInfo.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -59228,4369 +58316,3688 @@\n             }\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Pan.js\n+    OpenLayers/Control/KeyboardDefaults.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Button.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Keyboard.js\n+ * @requires OpenLayers/Events.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Pan\n- * The Pan control is a single button to pan the map in one direction. For\n- * a more complete control see <OpenLayers.Control.PanPanel>.\n+ * Class: OpenLayers.Control.KeyboardDefaults\n+ * The KeyboardDefaults control adds panning and zooming functions, controlled\n+ * with the keyboard. By default arrow keys pan, +/- keys zoom & Page Up/Page\n+ * Down/Home/End scroll by three quarters of a page.\n+ * \n+ * This control has no visible appearance.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n+OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n \n-    /** \n+    /**\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n+     */\n+    autoActivate: true,\n+\n+    /**\n      * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n-     *     by some ratio of the map dimensions, use <slideRatio> instead.\n+     * Pixels to slide by.\n      */\n-    slideFactor: 50,\n+    slideFactor: 75,\n \n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n-     *     pan up half the map height. \n+    /**\n+     * APIProperty: observeElement\n+     * {DOMelement|String} The DOM element to handle keys for. You\n+     *     can use the map div here, to have the navigation keys\n+     *     work when the map div has the focus. If undefined the\n+     *     document is used.\n      */\n-    slideRatio: null,\n+    observeElement: null,\n \n-    /** \n-     * Property: direction\n-     * {String} in {'North', 'South', 'East', 'West'}\n+    /**\n+     * Constructor: OpenLayers.Control.KeyboardDefaults\n      */\n-    direction: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.Pan \n-     * Control which handles the panning (in any of the cardinal directions)\n-     *     of the map by a set px distance. \n+     * Method: draw\n+     * Create handler.\n+     */\n+    draw: function() {\n+        var observeElement = this.observeElement || document;\n+        this.handler = new OpenLayers.Handler.Keyboard(this, {\n+            \"keydown\": this.defaultKeyPress\n+        }, {\n+            observeElement: observeElement\n+        });\n+    },\n+\n+    /**\n+     * Method: defaultKeyPress\n+     * When handling the key event, we only use evt.keyCode. This holds \n+     * some drawbacks, though we get around them below. When interpretting\n+     * the keycodes below (including the comments associated with them),\n+     * consult the URL below. For instance, the Safari browser returns\n+     * \"IE keycodes\", and so is supported by any keycode labeled \"IE\".\n+     * \n+     * Very informative URL:\n+     *    http://unixpapa.com/js/key.html\n      *\n      * Parameters:\n-     * direction - {String} The direction this button should pan.\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * evt - {Event} \n      */\n-    initialize: function(direction, options) {\n+    defaultKeyPress: function(evt) {\n+        var size, handled = true;\n \n-        this.direction = direction;\n-        this.CLASS_NAME += this.direction;\n+        var target = OpenLayers.Event.element(evt);\n+        if (target &&\n+            (target.tagName == 'INPUT' ||\n+                target.tagName == 'TEXTAREA' ||\n+                target.tagName == 'SELECT')) {\n+            return;\n+        }\n \n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-    },\n+        switch (evt.keyCode) {\n+            case OpenLayers.Event.KEY_LEFT:\n+                this.map.pan(-this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_RIGHT:\n+                this.map.pan(this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_UP:\n+                this.map.pan(0, -this.slideFactor);\n+                break;\n+            case OpenLayers.Event.KEY_DOWN:\n+                this.map.pan(0, this.slideFactor);\n+                break;\n \n-    /**\n-     * Method: trigger\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n-                return this.slideRatio ?\n-                    this.map.getSize()[dim] * this.slideRatio :\n-                    this.slideFactor;\n-            }, this);\n+            case 33: // Page Up. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0, -0.75 * size.h);\n+                break;\n+            case 34: // Page Down. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0, 0.75 * size.h);\n+                break;\n+            case 35: // End. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(0.75 * size.w, 0);\n+                break;\n+            case 36: // Home. Same in all browsers.\n+                size = this.map.getSize();\n+                this.map.pan(-0.75 * size.w, 0);\n+                break;\n \n-            switch (this.direction) {\n-                case OpenLayers.Control.Pan.NORTH:\n-                    this.map.pan(0, -getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.SOUTH:\n-                    this.map.pan(0, getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.WEST:\n-                    this.map.pan(-getSlideFactor(\"w\"), 0);\n-                    break;\n-                case OpenLayers.Control.Pan.EAST:\n-                    this.map.pan(getSlideFactor(\"w\"), 0);\n-                    break;\n-            }\n+            case 43: // +/= (ASCII), keypad + (ASCII, Opera)\n+            case 61: // +/= (Mozilla, Opera, some ASCII)\n+            case 187: // +/= (IE)\n+            case 107: // keypad + (IE, Mozilla)\n+                this.map.zoomIn();\n+                break;\n+            case 45: // -/_ (ASCII, Opera), keypad - (ASCII, Opera)\n+            case 109: // -/_ (Mozilla), keypad - (Mozilla, IE)\n+            case 189: // -/_ (IE)\n+            case 95: // -/_ (some ASCII)\n+                this.map.zoomOut();\n+                break;\n+            default:\n+                handled = false;\n+        }\n+        if (handled) {\n+            // prevent browser default not to move the page\n+            // when moving the page with the keyboard\n+            OpenLayers.Event.stop(evt);\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Pan\"\n+    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n });\n-\n-OpenLayers.Control.Pan.NORTH = \"North\";\n-OpenLayers.Control.Pan.SOUTH = \"South\";\n-OpenLayers.Control.Pan.EAST = \"East\";\n-OpenLayers.Control.Pan.WEST = \"West\";\n /* ======================================================================\n-    OpenLayers/Control/DragPan.js\n+    OpenLayers/Control/ArgParser.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Control.DragPan\n- * The DragPan control pans the map with a drag of the mouse.\n+ * Class: OpenLayers.Control.ArgParser\n+ * The ArgParser control adds location bar query string parsing functionality \n+ * to an OpenLayers Map.\n+ * When added to a Map control, on a page load/refresh, the Map will \n+ * automatically take the href string and parse it for lon, lat, zoom, and \n+ * layers information. \n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n+OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: panned\n-     * {Boolean} The map moved.\n+     * Property: center\n+     * {<OpenLayers.LonLat>}\n      */\n-    panned: false,\n+    center: null,\n \n     /**\n-     * Property: interval\n-     * {Integer} The number of milliseconds that should ellapse before\n-     *     panning the map again. Defaults to 0 milliseconds, which means that\n-     *     no separate cycle is used for panning. In most cases you won't want\n-     *     to change this value. For slow machines/devices larger values can be\n-     *     tried out.\n+     * Property: zoom\n+     * {int}\n      */\n-    interval: 0,\n+    zoom: null,\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, mouse dragging will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n+     * Property: layers\n+     * {String} Each character represents the state of the corresponding layer \n+     *     on the map.\n      */\n-    documentDrag: false,\n+    layers: null,\n \n-    /**\n-     * Property: kinetic\n-     * {<OpenLayers.Kinetic>} The OpenLayers.Kinetic object.\n+    /** \n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} Requires proj4js support. \n+     *     Projection used when reading the coordinates from the URL. This will\n+     *     reproject the map coordinates from the URL into the map's\n+     *     projection.\n+     *\n+     *     If you are using this functionality, be aware that any permalink\n+     *     which is added to the map will determine the coordinate type which\n+     *     is read from the URL, which means you should not add permalinks with\n+     *     different displayProjections to the same map. \n      */\n-    kinetic: null,\n+    displayProjection: null,\n \n     /**\n-     * APIProperty: enableKinetic\n-     * {Boolean} Set this option to enable \"kinetic dragging\". Can be\n-     *     set to true or to an object. If set to an object this\n-     *     object will be passed to the {<OpenLayers.Kinetic>}\n-     *     constructor. Defaults to true.\n-     *     To get kinetic dragging, ensure that OpenLayers/Kinetic.js is\n-     *     included in your build config.\n+     * Constructor: OpenLayers.Control.ArgParser\n+     *\n+     * Parameters:\n+     * options - {Object}\n      */\n-    enableKinetic: true,\n \n     /**\n-     * APIProperty: kineticInterval\n-     * {Integer} Interval in milliseconds between 2 steps in the \"kinetic\n-     *     scrolling\". Applies only if enableKinetic is set. Defaults\n-     *     to 10 milliseconds.\n+     * Method: getParameters\n      */\n-    kineticInterval: 10,\n+    getParameters: function(url) {\n+        url = url || window.location.href;\n+        var parameters = OpenLayers.Util.getParameters(url);\n \n+        // If we have an anchor in the url use it to split the url\n+        var index = url.indexOf('#');\n+        if (index > 0) {\n+            // create an url to parse on the getParameters\n+            url = '?' + url.substring(index + 1, url.length);\n \n-    /**\n-     * Method: draw\n-     * Creates a Drag handler, using <panMap> and\n-     * <panMapDone> as callbacks.\n-     */\n-    draw: function() {\n-        if (this.enableKinetic && OpenLayers.Kinetic) {\n-            var config = {\n-                interval: this.kineticInterval\n-            };\n-            if (typeof this.enableKinetic === \"object\") {\n-                config = OpenLayers.Util.extend(config, this.enableKinetic);\n-            }\n-            this.kinetic = new OpenLayers.Kinetic(config);\n+            OpenLayers.Util.extend(parameters,\n+                OpenLayers.Util.getParameters(url));\n         }\n-        this.handler = new OpenLayers.Handler.Drag(this, {\n-            \"move\": this.panMap,\n-            \"done\": this.panMapDone,\n-            \"down\": this.panMapStart\n-        }, {\n-            interval: this.interval,\n-            documentDrag: this.documentDrag\n-        });\n+        return parameters;\n     },\n \n     /**\n-     * Method: panMapStart\n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n      */\n-    panMapStart: function() {\n-        if (this.kinetic) {\n-            this.kinetic.begin();\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+\n+        //make sure we dont already have an arg parser attached\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if ((control != this) &&\n+                (control.CLASS_NAME == \"OpenLayers.Control.ArgParser\")) {\n+\n+                // If a second argparser is added to the map, then we \n+                // override the displayProjection to be the one added to the\n+                // map. \n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection;\n+                }\n+\n+                break;\n+            }\n+        }\n+        if (i == this.map.controls.length) {\n+\n+            var args = this.getParameters();\n+            // Be careful to set layer first, to not trigger unnecessary layer loads\n+            if (args.layers) {\n+                this.layers = args.layers;\n+\n+                // when we add a new layer, set its visibility \n+                this.map.events.register('addlayer', this,\n+                    this.configureLayers);\n+                this.configureLayers();\n+            }\n+            if (args.lat && args.lon) {\n+                this.center = new OpenLayers.LonLat(parseFloat(args.lon),\n+                    parseFloat(args.lat));\n+                if (args.zoom) {\n+                    this.zoom = parseFloat(args.zoom);\n+                }\n+\n+                // when we add a new baselayer to see when we can set the center\n+                this.map.events.register('changebaselayer', this,\n+                    this.setCenter);\n+                this.setCenter();\n+            }\n         }\n     },\n \n-    /**\n-     * Method: panMap\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+    /** \n+     * Method: setCenter\n+     * As soon as a baseLayer has been loaded, we center and zoom\n+     *   ...and remove the handler.\n      */\n-    panMap: function(xy) {\n-        if (this.kinetic) {\n-            this.kinetic.update(xy);\n-        }\n-        this.panned = true;\n-        this.map.pan(\n-            this.handler.last.x - xy.x,\n-            this.handler.last.y - xy.y, {\n-                dragging: true,\n-                animate: false\n+    setCenter: function() {\n+\n+        if (this.map.baseLayer) {\n+            //dont need to listen for this one anymore\n+            this.map.events.unregister('changebaselayer', this,\n+                this.setCenter);\n+\n+            if (this.displayProjection) {\n+                this.center.transform(this.displayProjection,\n+                    this.map.getProjectionObject());\n             }\n-        );\n+\n+            this.map.setCenter(this.center, this.zoom);\n+        }\n     },\n \n-    /**\n-     * Method: panMapDone\n-     * Finish the panning operation.  Only call setCenter (through <panMap>)\n-     *     if the map has actually been moved.\n-     *\n-     * Parameters:\n-     * xy - {<OpenLayers.Pixel>} Pixel of the mouse position\n+    /** \n+     * Method: configureLayers\n+     * As soon as all the layers are loaded, cycle through them and \n+     *   hide or show them. \n      */\n-    panMapDone: function(xy) {\n-        if (this.panned) {\n-            var res = null;\n-            if (this.kinetic) {\n-                res = this.kinetic.end(xy);\n-            }\n-            this.map.pan(\n-                this.handler.last.x - xy.x,\n-                this.handler.last.y - xy.y, {\n-                    dragging: !!res,\n-                    animate: false\n+    configureLayers: function() {\n+\n+        if (this.layers.length == this.map.layers.length) {\n+            this.map.events.unregister('addlayer', this, this.configureLayers);\n+\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+\n+                var layer = this.map.layers[i];\n+                var c = this.layers.charAt(i);\n+\n+                if (c == \"B\") {\n+                    this.map.setBaseLayer(layer);\n+                } else if ((c == \"T\") || (c == \"F\")) {\n+                    layer.setVisibility(c == \"T\");\n                 }\n-            );\n-            if (res) {\n-                var self = this;\n-                this.kinetic.move(res, function(x, y, end) {\n-                    self.map.pan(x, y, {\n-                        dragging: !end,\n-                        animate: false\n-                    });\n-                });\n             }\n-            this.panned = false;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.DragPan\"\n+    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n });\n /* ======================================================================\n-    OpenLayers/Control/PinchZoom.js\n+    OpenLayers/Control/DragFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Handler/Pinch.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Handler/Drag.js\n+ * @requires OpenLayers/Handler/Feature.js\n  */\n \n /**\n- * Class: OpenLayers.Control.PinchZoom\n+ * Class: OpenLayers.Control.DragFeature\n+ * The DragFeature control moves a feature with a drag of the mouse. Create a\n+ * new control with the <OpenLayers.Control.DragFeature> constructor.\n  *\n- * Inherits:\n+ * Inherits From:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: type\n-     * {OpenLayers.Control.TYPES}\n-     */\n-    type: OpenLayers.Control.TYPE_TOOL,\n-\n-    /**\n-     * Property: pinchOrigin\n-     * {Object} Cached object representing the pinch start (in pixels).\n-     */\n-    pinchOrigin: null,\n-\n-    /**\n-     * Property: currentCenter\n-     * {Object} Cached object representing the latest pinch center (in pixels).\n-     */\n-    currentCenter: null,\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n+OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: preserveCenter\n-     * {Boolean} Set this to true if you don't want the map center to change\n-     *     while pinching. For example you may want to set preserveCenter to\n-     *     true when the user location is being watched and you want to preserve\n-     *     the user location at the center of the map even if he zooms in or\n-     *     out using pinch. This property's value can be changed any time on an\n-     *     existing instance. Default is false.\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict dragging to a limited set of geometry types,\n+     *     send a list of strings corresponding to the geometry class names.\n      */\n-    preserveCenter: false,\n+    geometryTypes: null,\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the pinch handler\n+     * APIProperty: onStart\n+     * {Function} Define this function if you want to know when a drag starts.\n+     *     The function should expect to receive two arguments: the feature\n+     *     that is about to be dragged and the pixel location of the mouse.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that is about to be\n+     *     dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n+    onStart: function(feature, pixel) {},\n \n     /**\n-     * Constructor: OpenLayers.Control.PinchZoom\n-     * Create a control for zooming with pinch gestures.  This works on devices\n-     *     with multi-touch support.\n+     * APIProperty: onDrag\n+     * {Function} Define this function if you want to know about each move of a\n+     *     feature. The function should expect to receive two arguments: the\n+     *     feature that is being dragged and the pixel location of the mouse.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions);\n-    },\n+    onDrag: function(feature, pixel) {},\n \n     /**\n-     * Method: pinchStart\n+     * APIProperty: onComplete\n+     * {Function} Define this function if you want to know when a feature is\n+     *     done dragging. The function should expect to receive two arguments:\n+     *     the feature that is being dragged and the pixel location of the\n+     *     mouse.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n+     * pixel - {<OpenLayers.Pixel>} The pixel location of the mouse.\n      */\n-    pinchStart: function(evt, pinchData) {\n-        var xy = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy;\n-    },\n+    onComplete: function(feature, pixel) {},\n \n     /**\n-     * Method: pinchMove\n+     * APIProperty: onEnter\n+     * {Function} Define this function if you want to know when the mouse\n+     *     goes over a feature and thereby makes this feature a candidate\n+     *     for dragging.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * pinchData - {Object} pinch data object related to the current touchmove\n-     *     of the pinch gesture. This give us the current scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that is ready\n+     *     to be dragged.\n      */\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = (this.preserveCenter) ?\n-            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-\n-        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n-\n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current;\n-    },\n+    onEnter: function(feature) {},\n \n     /**\n-     * Method: pinchDone\n+     * APIProperty: onLeave\n+     * {Function} Define this function if you want to know when the mouse\n+     *     goes out of the feature that was dragged.\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * start - {Object} pinch data object related to the touchstart event that\n-     *     started the pinch gesture.\n-     * last - {Object} pinch data object related to the last touchmove event\n-     *     of the pinch gesture. This give us the final scale of the pinch.\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that was dragged.\n      */\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n-\n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n-\n-            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n-            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n-\n-            // Force a reflow before calling setCenter. This is to work\n-            // around an issue occuring in iOS.\n-            //\n-            // See https://github.com/openlayers/openlayers/pull/351.\n-            //\n-            // Without a reflow setting the layer container div's top left\n-            // style properties to \"0px\" - as done in Map.moveTo when zoom\n-            // is changed - won't actually correctly reposition the layer\n-            // container div.\n-            //\n-            // Also, we need to use a statement that the Google Closure\n-            // compiler won't optimize away.\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n-\n-            this.map.setCenter(location, zoom);\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Control/TouchNavigation.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Control/PinchZoom.js\n- * @requires OpenLayers/Handler/Click.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.TouchNavigation\n- * The navigation control handles map browsing with touch events (dragging,\n- *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n- *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n- *\n- * If you\u2019re only targeting touch enabled devices with your mapping application,\n- *     you can create a map with only a TouchNavigation control. The \n- *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n- *     you can generate a smaller build of the library by only including this\n- *     touch navigation control if you aren't concerned about mouse interaction.\n- *\n- * Inherits:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+    onLeave: function(feature) {},\n \n     /**\n-     * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>}\n+     * APIProperty: documentDrag\n+     * {Boolean} If set to true, mouse dragging will continue even if the\n+     *     mouse cursor leaves the map viewport. Default is false.\n      */\n-    dragPan: null,\n+    documentDrag: false,\n \n     /**\n-     * APIProperty: dragPanOptions\n-     * {Object} Options passed to the DragPan control.\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    dragPanOptions: null,\n+    layer: null,\n \n     /**\n-     * Property: pinchZoom\n-     * {<OpenLayers.Control.PinchZoom>}\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>}\n      */\n-    pinchZoom: null,\n+    feature: null,\n \n     /**\n-     * APIProperty: pinchZoomOptions\n-     * {Object} Options passed to the PinchZoom control.\n+     * Property: dragCallbacks\n+     * {Object} The functions that are sent to the drag handler for callback.\n      */\n-    pinchZoomOptions: null,\n+    dragCallbacks: {},\n \n     /**\n-     * APIProperty: clickHandlerOptions\n-     * {Object} Options passed to the Click handler.\n+     * Property: featureCallbacks\n+     * {Object} The functions that are sent to the feature handler for callback.\n      */\n-    clickHandlerOptions: null,\n+    featureCallbacks: {},\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} Allow panning of the map by dragging outside map viewport.\n-     *     Default is false.\n+     * Property: lastPixel\n+     * {<OpenLayers.Pixel>}\n      */\n-    documentDrag: false,\n+    lastPixel: null,\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * Constructor: OpenLayers.Control.DragFeature\n+     * Create a new control to drag features.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>} The layer containing features to be\n+     *     dragged.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n      */\n-    autoActivate: true,\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        this.handlers = {\n+            drag: new OpenLayers.Handler.Drag(\n+                this, OpenLayers.Util.extend({\n+                    down: this.downFeature,\n+                    move: this.moveFeature,\n+                    up: this.upFeature,\n+                    out: this.cancel,\n+                    done: this.doneDragging\n+                }, this.dragCallbacks), {\n+                    documentDrag: this.documentDrag\n+                }\n+            ),\n+            feature: new OpenLayers.Handler.Feature(\n+                this, this.layer, OpenLayers.Util.extend({\n+                    // 'click' and 'clickout' callback are for the mobile\n+                    // support: no 'over' or 'out' in touch based browsers.\n+                    click: this.clickFeature,\n+                    clickout: this.clickoutFeature,\n+                    over: this.overFeature,\n+                    out: this.outFeature\n+                }, this.featureCallbacks), {\n+                    geometryTypes: this.geometryTypes\n+                }\n+            )\n+        };\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.TouchNavigation\n-     * Create a new navigation control\n+     * Method: clickFeature\n+     * Called when the feature handler detects a click-in on a feature.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    clickFeature: function(feature) {\n+        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n+            this.handlers.drag.dragstart(this.handlers.feature.evt);\n+            // to let the events propagate to the feature handler (click callback)\n+            this.handlers.drag.stopDown = false;\n+        }\n     },\n \n     /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n+     * Method: clickoutFeature\n+     * Called when the feature handler detects a click-out on a feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy();\n-        }\n-        this.dragPan = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom;\n+    clickoutFeature: function(feature) {\n+        if (this.handlers.feature.touch && this.over) {\n+            this.outFeature(feature);\n+            this.handlers.drag.stopDown = true;\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: activate\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass\n      */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true;\n-        }\n-        return false;\n+    destroy: function() {\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, []);\n     },\n \n     /**\n-     * Method: deactivate\n+     * APIMethod: activate\n+     * Activate the control and the feature handler.\n+     * \n+     * Returns:\n+     * {Boolean} Successfully activated the control and feature handler.\n      */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true;\n-        }\n-        return false;\n+    activate: function() {\n+        return (this.handlers.feature.activate() &&\n+            OpenLayers.Control.prototype.activate.apply(this, arguments));\n     },\n \n     /**\n-     * Method: draw\n+     * APIMethod: deactivate\n+     * Deactivate the control and all handlers.\n+     * \n+     * Returns:\n+     * {Boolean} Successfully deactivated the control.\n      */\n-    draw: function() {\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n-        };\n-        var clickOptions = OpenLayers.Util.extend({\n-            \"double\": true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, clickCallbacks, clickOptions\n-        );\n-        this.dragPan = new OpenLayers.Control.DragPan(\n-            OpenLayers.Util.extend({\n-                map: this.map,\n-                documentDrag: this.documentDrag\n-            }, this.dragPanOptions)\n-        );\n-        this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-            OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions)\n+    deactivate: function() {\n+        // the return from the handlers is unimportant in this case\n+        this.handlers.drag.deactivate();\n+        this.handlers.feature.deactivate();\n+        this.feature = null;\n+        this.dragging = false;\n+        this.lastPixel = null;\n+        OpenLayers.Element.removeClass(\n+            this.map.viewPortDiv, this.displayClass + \"Over\"\n         );\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n     },\n \n     /**\n-     * Method: defaultClick\n+     * Method: overFeature\n+     * Called when the feature handler detects a mouse-over on a feature.\n+     *     This activates the drag handler.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * feature - {<OpenLayers.Feature.Vector>} The selected feature.\n+     *\n+     * Returns:\n+     * {Boolean} Successfully activated the drag handler.\n      */\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut();\n+    overFeature: function(feature) {\n+        var activated = false;\n+        if (!this.handlers.drag.dragging) {\n+            this.feature = feature;\n+            this.handlers.drag.activate();\n+            activated = true;\n+            this.over = true;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onEnter(feature);\n+        } else {\n+            if (this.feature.id == feature.id) {\n+                this.over = true;\n+            } else {\n+                this.over = false;\n+            }\n         }\n+        return activated;\n     },\n \n     /**\n-     * Method: defaultDblClick\n+     * Method: downFeature\n+     * Called when the drag handler detects a mouse-down.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n      */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n+    downFeature: function(pixel) {\n+        this.lastPixel = pixel;\n+        this.onStart(this.feature, pixel);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Scale.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Scale\n- * The Scale control displays the current map scale as a ratio (e.g. Scale = \n- * 1:1M). By default it is displayed in the lower right corner of the map.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: element\n-     * {DOMElement}\n-     */\n-    element: null,\n-\n     /**\n-     * APIProperty: geodesic\n-     * {Boolean} Use geodesic measurement. Default is false. The recommended\n-     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n-     * true, the scale will be calculated based on the horizontal size of the\n-     * pixel in the center of the map viewport.\n+     * Method: moveFeature\n+     * Called when the drag handler detects a mouse-move.  Also calls the\n+     *     optional onDrag method.\n+     * \n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n      */\n-    geodesic: false,\n+    moveFeature: function(pixel) {\n+        var res = this.map.getResolution();\n+        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x),\n+            res * (this.lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this.feature);\n+        this.lastPixel = pixel;\n+        this.onDrag(this.feature, pixel);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Control.Scale\n+     * Method: upFeature\n+     * Called when the drag handler detects a mouse-up.\n      * \n      * Parameters:\n-     * element - {DOMElement} \n-     * options - {Object} \n+     * pixel - {<OpenLayers.Pixel>} Location of the mouse event.\n      */\n-    initialize: function(element, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.element = OpenLayers.Util.getElement(element);\n+    upFeature: function(pixel) {\n+        if (!this.over) {\n+            this.handlers.drag.deactivate();\n+        }\n     },\n \n     /**\n-     * Method: draw\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * Method: doneDragging\n+     * Called when the drag handler is done dragging.\n+     *\n+     * Parameters:\n+     * pixel - {<OpenLayers.Pixel>} The last event pixel location.  If this event\n+     *     came from a mouseout, this may not be in the map viewport.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.element = document.createElement(\"div\");\n-            this.div.appendChild(this.element);\n-        }\n-        this.map.events.register('moveend', this, this.updateScale);\n-        this.updateScale();\n-        return this.div;\n+    doneDragging: function(pixel) {\n+        this.onComplete(this.feature, pixel);\n     },\n \n     /**\n-     * Method: updateScale\n+     * Method: outFeature\n+     * Called when the feature handler detects a mouse-out on a feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} The feature that the mouse left.\n      */\n-    updateScale: function() {\n-        var scale;\n-        if (this.geodesic === true) {\n-            var units = this.map.getUnits();\n-            if (!units) {\n-                return;\n-            }\n-            var inches = OpenLayers.INCHES_PER_UNIT;\n-            scale = (this.map.getGeodesicPixelSize().w || 0.000001) *\n-                inches[\"km\"] * OpenLayers.DOTS_PER_INCH;\n+    outFeature: function(feature) {\n+        if (!this.handlers.drag.dragging) {\n+            this.over = false;\n+            this.handlers.drag.deactivate();\n+            OpenLayers.Element.removeClass(\n+                this.map.viewPortDiv, this.displayClass + \"Over\"\n+            );\n+            this.onLeave(feature);\n+            this.feature = null;\n         } else {\n-            scale = this.map.getScale();\n-        }\n-\n-        if (!scale) {\n-            return;\n+            if (this.feature.id == feature.id) {\n+                this.over = false;\n+            }\n         }\n+    },\n \n-        if (scale >= 9500 && scale <= 950000) {\n-            scale = Math.round(scale / 1000) + \"K\";\n-        } else if (scale >= 950000) {\n-            scale = Math.round(scale / 1000000) + \"M\";\n-        } else {\n-            scale = Math.round(scale);\n-        }\n+    /**\n+     * Method: cancel\n+     * Called when the drag handler detects a mouse-out (from the map viewport).\n+     */\n+    cancel: function() {\n+        this.handlers.drag.deactivate();\n+        this.over = false;\n+    },\n \n-        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n-            'scaleDenom': scale\n-        });\n+    /**\n+     * Method: setMap\n+     * Set the map property for the control and all handlers.\n+     *\n+     * Parameters: \n+     * map - {<OpenLayers.Map>} The control's map.\n+     */\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        this.handlers.feature.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Scale\"\n+    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n });\n-\n /* ======================================================================\n-    OpenLayers/Control/LayerSwitcher.js\n+    OpenLayers/Control/TransformFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/Events/buttonclick.js\n+ * @requires OpenLayers/Control/DragFeature.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Point.js\n  */\n \n /**\n- * Class: OpenLayers.Control.LayerSwitcher\n- * The LayerSwitcher control displays a table of contents for the map. This\n- * allows the user interface to switch between BaseLasyers and to show or hide\n- * Overlays. By default the switcher is shown minimized on the right edge of\n- * the map, the user may expand it by clicking on the handle.\n- *\n- * To create the LayerSwitcher outside of the map, pass the Id of a html div\n- * as the first argument to the constructor.\n+ * Class: OpenLayers.Control.TransformFeature\n+ * Control to transform features with a standard transformation box.\n  *\n- * Inherits from:\n+ * Inherits From:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**  \n-     * Property: layerStates \n-     * {Array(Object)} Basically a copy of the \"state\" of the map's layers \n-     *     the last time the control was drawn. We have this in order to avoid\n-     *     unnecessarily redrawing the control.\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforesetfeature - Triggered before a feature is set for\n+     *     tranformation. The feature will not be set if a listener returns\n+     *     false. Listeners receive a *feature* property, with the feature\n+     *     that will be set for transformation. Listeners are allowed to\n+     *     set the control's *scale*, *ratio* and *rotation* properties,\n+     *     which will set the initial scale, ratio and rotation of the\n+     *     feature, like the <setFeature> method's initialParams argument.\n+     * setfeature - Triggered when a feature is set for tranformation.\n+     *     Listeners receive a *feature* property, with the feature that\n+     *     is now set for transformation.\n+     * beforetransform - Triggered while dragging, before a feature is\n+     *     transformed. The feature will not be transformed if a listener\n+     *     returns false (but the box still will). Listeners receive one or\n+     *     more of *center*, *scale*, *ratio* and *rotation*. The *center*\n+     *     property is an <OpenLayers.Geometry.Point> object with the new\n+     *     center of the transformed feature, the others are Floats with the\n+     *     scale, ratio or rotation change since the last transformation.\n+     * transform - Triggered while dragging, when a feature is transformed.\n+     *     Listeners receive an event object with one or more of *center*,\n+     *     scale*, *ratio* and *rotation*. The *center* property is an\n+     *     <OpenLayers.Geometry.Point> object with the new center of the\n+     *     transformed feature, the others are Floats with the scale, ratio\n+     *     or rotation change of the feature since the last transformation.\n+     * transformcomplete - Triggered after dragging. Listeners receive\n+     *     an event object with the transformed *feature*.\n      */\n-    layerStates: null,\n \n-    // DOM Elements\n+    /**\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict transformation to a limited set of geometry\n+     *     types, send a list of strings corresponding to the geometry class\n+     *     names.\n+     */\n+    geometryTypes: null,\n \n     /**\n-     * Property: layersDiv\n-     * {DOMElement}\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>}\n      */\n-    layersDiv: null,\n+    layer: null,\n \n     /**\n-     * Property: baseLayersDiv\n-     * {DOMElement}\n+     * APIProperty: preserveAspectRatio\n+     * {Boolean} set to true to not change the feature's aspect ratio.\n      */\n-    baseLayersDiv: null,\n+    preserveAspectRatio: false,\n \n     /**\n-     * Property: baseLayers\n-     * {Array(Object)}\n+     * APIProperty: rotate\n+     * {Boolean} set to false if rotation should be disabled. Default is true.\n+     *     To be passed with the constructor or set when the control is not\n+     *     active.\n      */\n-    baseLayers: null,\n+    rotate: true,\n \n+    /**\n+     * APIProperty: feature\n+     * {<OpenLayers.Feature.Vector>} Feature currently available for\n+     *     transformation. Read-only, use <setFeature> to set it manually.\n+     */\n+    feature: null,\n \n     /**\n-     * Property: dataLbl\n-     * {DOMElement}\n+     * APIProperty: renderIntent\n+     * {String|Object} Render intent for the transformation box and\n+     *     handles. A symbolizer object can also be provided here.\n      */\n-    dataLbl: null,\n+    renderIntent: \"temporary\",\n \n     /**\n-     * Property: dataLayersDiv\n-     * {DOMElement}\n+     * APIProperty: rotationHandleSymbolizer\n+     * {Object|String} Optional. A custom symbolizer for the rotation handles.\n+     *     A render intent can also be provided here. Defaults to\n+     *     (code)\n+     *     {\n+     *         stroke: false,\n+     *         pointRadius: 10,\n+     *         fillOpacity: 0,\n+     *         cursor: \"pointer\"\n+     *     }\n+     *     (end)\n      */\n-    dataLayersDiv: null,\n+    rotationHandleSymbolizer: null,\n \n     /**\n-     * Property: dataLayers\n-     * {Array(Object)}\n+     * APIProperty: box\n+     * {<OpenLayers.Feature.Vector>} The transformation box rectangle.\n+     *     Read-only.\n      */\n-    dataLayers: null,\n+    box: null,\n \n+    /**\n+     * APIProperty: center\n+     * {<OpenLayers.Geometry.Point>} The center of the feature bounds.\n+     * Read-only.\n+     */\n+    center: null,\n \n     /**\n-     * Property: minimizeDiv\n-     * {DOMElement}\n+     * APIProperty: scale\n+     * {Float} The scale of the feature, relative to the scale the time the\n+     *     feature was set. Read-only, except for *beforesetfeature*\n+     *     listeners.\n      */\n-    minimizeDiv: null,\n+    scale: 1,\n \n     /**\n-     * Property: maximizeDiv\n-     * {DOMElement}\n+     * APIProperty: ratio\n+     * {Float} The ratio of the feature relative to the ratio the time the\n+     *     feature was set. Read-only, except for *beforesetfeature*\n+     *     listeners.\n      */\n-    maximizeDiv: null,\n+    ratio: 1,\n \n     /**\n-     * APIProperty: ascending\n-     * {Boolean}\n+     * Property: rotation\n+     * {Integer} the current rotation angle of the box. Read-only, except for\n+     *     *beforesetfeature* listeners.\n      */\n-    ascending: true,\n+    rotation: 0,\n \n     /**\n-     * Constructor: OpenLayers.Control.LayerSwitcher\n+     * APIProperty: handles\n+     * {Array(<OpenLayers.Feature.Vector>)} The 8 handles currently available\n+     *     for scaling/resizing. Numbered counterclockwise, starting from the\n+     *     southwest corner. Read-only.\n+     */\n+    handles: null,\n+\n+    /**\n+     * APIProperty: rotationHandles\n+     * {Array(<OpenLayers.Feature.Vector>)} The 4 rotation handles currently\n+     *     available for rotating. Numbered counterclockwise, starting from\n+     *     the southwest corner. Read-only.\n+     */\n+    rotationHandles: null,\n+\n+    /**\n+     * Property: dragControl\n+     * {<OpenLayers.Control.DragFeature>}\n+     */\n+    dragControl: null,\n+\n+    /**\n+     * APIProperty: irregular\n+     * {Boolean} Make scaling/resizing work irregularly. If true then\n+     *     dragging a handle causes the feature to resize in the direction\n+     *     of movement. If false then the feature resizes symetrically\n+     *     about it's center.\n+     */\n+    irregular: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.TransformFeature\n+     * Create a new transform feature control.\n      *\n      * Parameters:\n-     * options - {Object}\n+     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n+     *     will be transformed.\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     control.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = [];\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        this.layer = layer;\n+\n+        if (!this.rotationHandleSymbolizer) {\n+            this.rotationHandleSymbolizer = {\n+                stroke: false,\n+                pointRadius: 10,\n+                fillOpacity: 0,\n+                cursor: \"pointer\"\n+            };\n+        }\n+\n+        this.createBox();\n+        this.createControl();\n     },\n \n     /**\n-     * APIMethod: destroy\n+     * APIMethod: activate\n+     * Activates the control.\n      */\n-    destroy: function() {\n-\n-        //clear out layers info and unregister their events\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragControl.activate();\n+            this.layer.addFeatures([this.box]);\n+            this.rotate && this.layer.addFeatures(this.rotationHandles);\n+            this.layer.addFeatures(this.handles);\n+            activated = true;\n+        }\n+        return activated;\n+    },\n \n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivates the control.\n+     */\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.layer.removeFeatures(this.handles);\n+            this.rotate && this.layer.removeFeatures(this.rotationHandles);\n+            this.layer.removeFeatures([this.box]);\n+            this.dragControl.deactivate();\n+            deactivated = true;\n+        }\n+        return deactivated;\n     },\n \n     /**\n      * Method: setMap\n-     *\n-     * Properties:\n+     * \n+     * Parameters:\n      * map - {<OpenLayers.Map>}\n      */\n     setMap: function(map) {\n+        this.dragControl.setMap(map);\n         OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-\n-        this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n-            changebaselayer: this.redraw,\n-            scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick);\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick);\n-        }\n     },\n \n     /**\n-     * Method: draw\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the\n-     *     switcher tabs.\n+     * APIMethod: setFeature\n+     * Place the transformation box on a feature and start transforming it.\n+     * If the control is not active, it will be activated.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * initialParams - {Object} Initial values for rotation, scale or ratio.\n+     *     Setting a rotation value here will cause the transformation box to\n+     *     start rotated. Setting a scale or ratio will not affect the\n+     *     transormation box, but applications may use this to keep track of\n+     *     scale and ratio of a feature across multiple transforms.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n+    setFeature: function(feature, initialParams) {\n+        initialParams = OpenLayers.Util.applyDefaults(initialParams, {\n+            rotation: 0,\n+            scale: 1,\n+            ratio: 1\n+        });\n \n-        // create layout divs\n-        this.loadContents();\n+        var oldRotation = this.rotation;\n+        var oldCenter = this.center;\n+        OpenLayers.Util.extend(this, initialParams);\n \n-        // set mode to minimize\n-        if (!this.outsideViewport) {\n-            this.minimizeControl();\n+        var cont = this.events.triggerEvent(\"beforesetfeature\", {\n+            feature: feature\n+        });\n+        if (cont === false) {\n+            return;\n         }\n \n-        // populate div with current info\n-        this.redraw();\n+        this.feature = feature;\n+        this.activate();\n \n-        return this.div;\n+        this._setfeature = true;\n+\n+        var featureBounds = this.feature.geometry.getBounds();\n+        this.box.move(featureBounds.getCenterLonLat());\n+        this.box.geometry.rotate(-oldRotation, oldCenter);\n+        this._angle = 0;\n+\n+        var ll;\n+        if (this.rotation) {\n+            var geom = feature.geometry.clone();\n+            geom.rotate(-this.rotation, this.center);\n+            var box = new OpenLayers.Feature.Vector(\n+                geom.getBounds().toGeometry());\n+            box.geometry.rotate(this.rotation, this.center);\n+            this.box.geometry.rotate(this.rotation, this.center);\n+            this.box.move(box.geometry.getBounds().getCenterLonLat());\n+            var llGeom = box.geometry.components[0].components[0];\n+            ll = llGeom.getBounds().getCenterLonLat();\n+        } else {\n+            ll = new OpenLayers.LonLat(featureBounds.left, featureBounds.bottom);\n+        }\n+        this.handles[0].move(ll);\n+\n+        delete this._setfeature;\n+\n+        this.events.triggerEvent(\"setfeature\", {\n+            feature: feature\n+        });\n     },\n \n     /**\n-     * Method: onButtonClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * APIMethod: unsetFeature\n+     * Remove the transformation box off any feature.\n+     * If the control is active, it will be deactivated first.\n      */\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl();\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl();\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"]);\n-            }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer));\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap();\n-                }\n-            }\n+    unsetFeature: function() {\n+        if (this.active) {\n+            this.deactivate();\n+        } else {\n+            this.feature = null;\n+            this.rotation = 0;\n+            this.scale = 1;\n+            this.ratio = 1;\n         }\n     },\n \n     /**\n-     * Method: clearLayersArray\n-     * User specifies either \"base\" or \"data\". we then clear all the\n-     *     corresponding listeners, the div, and reinitialize a new array.\n-     *\n-     * Parameters:\n-     * layersType - {String}\n+     * Method: createBox\n+     * Creates the box with all handles and transformation handles.\n      */\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = [];\n-    },\n+    createBox: function() {\n+        var control = this;\n \n+        this.center = new OpenLayers.Geometry.Point(0, 0);\n+        this.box = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.LineString([\n+                new OpenLayers.Geometry.Point(-1, -1),\n+                new OpenLayers.Geometry.Point(0, -1),\n+                new OpenLayers.Geometry.Point(1, -1),\n+                new OpenLayers.Geometry.Point(1, 0),\n+                new OpenLayers.Geometry.Point(1, 1),\n+                new OpenLayers.Geometry.Point(0, 1),\n+                new OpenLayers.Geometry.Point(-1, 1),\n+                new OpenLayers.Geometry.Point(-1, 0),\n+                new OpenLayers.Geometry.Point(-1, -1)\n+            ]), null,\n+            typeof this.renderIntent == \"string\" ? null : this.renderIntent\n+        );\n \n-    /**\n-     * Method: checkRedraw\n-     * Checks if the layer state has changed since the last redraw() call.\n-     *\n-     * Returns:\n-     * {Boolean} The layer state changed since the last redraw() call.\n-     */\n-    checkRedraw: function() {\n-        if (!this.layerStates.length ||\n-            (this.map.layers.length != this.layerStates.length)) {\n-            return true;\n-        }\n+        // Override for box move - make sure that the center gets updated\n+        this.box.geometry.move = function(x, y) {\n+            control._moving = true;\n+            OpenLayers.Geometry.LineString.prototype.move.apply(this, arguments);\n+            control.center.move(x, y);\n+            delete control._moving;\n+        };\n \n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if ((layerState.name != layer.name) ||\n-                (layerState.inRange != layer.inRange) ||\n-                (layerState.id != layer.id) ||\n-                (layerState.visibility != layer.visibility)) {\n-                return true;\n+        // Overrides for vertex move, resize and rotate - make sure that\n+        // handle and rotationHandle geometries are also moved, resized and\n+        // rotated.\n+        var vertexMoveFn = function(x, y) {\n+            OpenLayers.Geometry.Point.prototype.move.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.move(x, y);\n+            this._handle.geometry.move(x, y);\n+        };\n+        var vertexResizeFn = function(scale, center, ratio) {\n+            OpenLayers.Geometry.Point.prototype.resize.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.resize(\n+                scale, center, ratio);\n+            this._handle.geometry.resize(scale, center, ratio);\n+        };\n+        var vertexRotateFn = function(angle, center) {\n+            OpenLayers.Geometry.Point.prototype.rotate.apply(this, arguments);\n+            this._rotationHandle && this._rotationHandle.geometry.rotate(\n+                angle, center);\n+            this._handle.geometry.rotate(angle, center);\n+        };\n+\n+        // Override for handle move - make sure that the box and other handles\n+        // are updated, and finally transform the feature.\n+        var handleMoveFn = function(x, y) {\n+            var oldX = this.x,\n+                oldY = this.y;\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            if (control._moving) {\n+                return;\n+            }\n+            var evt = control.dragControl.handlers.drag.evt;\n+            var preserveAspectRatio = !control._setfeature &&\n+                control.preserveAspectRatio;\n+            var reshape = !preserveAspectRatio && !(evt && evt.shiftKey);\n+            var oldGeom = new OpenLayers.Geometry.Point(oldX, oldY);\n+            var centerGeometry = control.center;\n+            this.rotate(-control.rotation, centerGeometry);\n+            oldGeom.rotate(-control.rotation, centerGeometry);\n+            var dx1 = this.x - centerGeometry.x;\n+            var dy1 = this.y - centerGeometry.y;\n+            var dx0 = dx1 - (this.x - oldGeom.x);\n+            var dy0 = dy1 - (this.y - oldGeom.y);\n+            if (control.irregular && !control._setfeature) {\n+                dx1 -= (this.x - oldGeom.x) / 2;\n+                dy1 -= (this.y - oldGeom.y) / 2;\n+            }\n+            this.x = oldX;\n+            this.y = oldY;\n+            var scale, ratio = 1;\n+            if (reshape) {\n+                scale = Math.abs(dy0) < 0.00001 ? 1 : dy1 / dy0;\n+                ratio = (Math.abs(dx0) < 0.00001 ? 1 : (dx1 / dx0)) / scale;\n+            } else {\n+                var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n+                var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n+                scale = l1 / l0;\n+            }\n+\n+            // rotate the box to 0 before resizing - saves us some\n+            // calculations and is inexpensive because we don't drawFeature.\n+            control._moving = true;\n+            control.box.geometry.rotate(-control.rotation, centerGeometry);\n+            delete control._moving;\n+\n+            control.box.geometry.resize(scale, centerGeometry, ratio);\n+            control.box.geometry.rotate(control.rotation, centerGeometry);\n+            control.transformFeature({\n+                scale: scale,\n+                ratio: ratio\n+            });\n+            if (control.irregular && !control._setfeature) {\n+                var newCenter = centerGeometry.clone();\n+                newCenter.x += Math.abs(oldX - centerGeometry.x) < 0.00001 ? 0 : (this.x - oldX);\n+                newCenter.y += Math.abs(oldY - centerGeometry.y) < 0.00001 ? 0 : (this.y - oldY);\n+                control.box.geometry.move(this.x - oldX, this.y - oldY);\n+                control.transformFeature({\n+                    center: newCenter\n+                });\n+            }\n+        };\n+\n+        // Override for rotation handle move - make sure that the box and\n+        // other handles are updated, and finally transform the feature.\n+        var rotationHandleMoveFn = function(x, y) {\n+            var oldX = this.x,\n+                oldY = this.y;\n+            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n+            if (control._moving) {\n+                return;\n+            }\n+            var evt = control.dragControl.handlers.drag.evt;\n+            var constrain = (evt && evt.shiftKey) ? 45 : 1;\n+            var centerGeometry = control.center;\n+            var dx1 = this.x - centerGeometry.x;\n+            var dy1 = this.y - centerGeometry.y;\n+            var dx0 = dx1 - x;\n+            var dy0 = dy1 - y;\n+            this.x = oldX;\n+            this.y = oldY;\n+            var a0 = Math.atan2(dy0, dx0);\n+            var a1 = Math.atan2(dy1, dx1);\n+            var angle = a1 - a0;\n+            angle *= 180 / Math.PI;\n+            control._angle = (control._angle + angle) % 360;\n+            var diff = control.rotation % constrain;\n+            if (Math.abs(control._angle) >= constrain || diff !== 0) {\n+                angle = Math.round(control._angle / constrain) * constrain -\n+                    diff;\n+                control._angle = 0;\n+                control.box.geometry.rotate(angle, centerGeometry);\n+                control.transformFeature({\n+                    rotation: angle\n+                });\n+            }\n+        };\n+\n+        var handles = new Array(8);\n+        var rotationHandles = new Array(4);\n+        var geom, handle, rotationHandle;\n+        var positions = [\"sw\", \"s\", \"se\", \"e\", \"ne\", \"n\", \"nw\", \"w\"];\n+        for (var i = 0; i < 8; ++i) {\n+            geom = this.box.geometry.components[i];\n+            handle = new OpenLayers.Feature.Vector(geom.clone(), {\n+                    role: positions[i] + \"-resize\"\n+                }, typeof this.renderIntent == \"string\" ? null :\n+                this.renderIntent);\n+            if (i % 2 == 0) {\n+                rotationHandle = new OpenLayers.Feature.Vector(geom.clone(), {\n+                        role: positions[i] + \"-rotate\"\n+                    }, typeof this.rotationHandleSymbolizer == \"string\" ?\n+                    null : this.rotationHandleSymbolizer);\n+                rotationHandle.geometry.move = rotationHandleMoveFn;\n+                geom._rotationHandle = rotationHandle;\n+                rotationHandles[i / 2] = rotationHandle;\n             }\n+            geom.move = vertexMoveFn;\n+            geom.resize = vertexResizeFn;\n+            geom.rotate = vertexRotateFn;\n+            handle.geometry.move = handleMoveFn;\n+            geom._handle = handle;\n+            handles[i] = handle;\n         }\n \n-        return false;\n+        this.rotationHandles = rotationHandles;\n+        this.handles = handles;\n     },\n \n     /**\n-     * Method: redraw\n-     * Goes through and takes the current state of the Map and rebuilds the\n-     *     control to display that state. Groups base layers into a\n-     *     radio-button group and lists each data layer with a checkbox.\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DIV DOMElement containing the control\n+     * Method: createControl\n+     * Creates a DragFeature control for this control.\n      */\n-    redraw: function() {\n-        //if the state hasn't changed since last redraw, no need\n-        // to do anything. Just return the existing div.\n-        if (!this.checkRedraw()) {\n-            return this.div;\n-        }\n+    createControl: function() {\n+        var control = this;\n+        this.dragControl = new OpenLayers.Control.DragFeature(this.layer, {\n+            documentDrag: true,\n+            // avoid moving the feature itself - move the box instead\n+            moveFeature: function(pixel) {\n+                if (this.feature === control.feature) {\n+                    this.feature = control.box;\n+                }\n+                OpenLayers.Control.DragFeature.prototype.moveFeature.apply(this,\n+                    arguments);\n+            },\n+            // transform while dragging\n+            onDrag: function(feature, pixel) {\n+                if (feature === control.box) {\n+                    control.transformFeature({\n+                        center: control.center\n+                    });\n+                }\n+            },\n+            // set a new feature\n+            onStart: function(feature, pixel) {\n+                var eligible = !control.geometryTypes ||\n+                    OpenLayers.Util.indexOf(control.geometryTypes,\n+                        feature.geometry.CLASS_NAME) !== -1;\n+                var i = OpenLayers.Util.indexOf(control.handles, feature);\n+                i += OpenLayers.Util.indexOf(control.rotationHandles,\n+                    feature);\n+                if (feature !== control.feature && feature !== control.box &&\n+                    i == -2 && eligible) {\n+                    control.setFeature(feature);\n+                }\n+            },\n+            onComplete: function(feature, pixel) {\n+                control.events.triggerEvent(\"transformcomplete\", {\n+                    feature: control.feature\n+                });\n+            }\n+        });\n+    },\n \n-        //clear out previous layers\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n+    /**\n+     * Method: drawHandles\n+     * Draws the handles to match the box.\n+     */\n+    drawHandles: function() {\n+        var layer = this.layer;\n+        for (var i = 0; i < 8; ++i) {\n+            if (this.rotate && i % 2 === 0) {\n+                layer.drawFeature(this.rotationHandles[i / 2],\n+                    this.rotationHandleSymbolizer);\n+            }\n+            layer.drawFeature(this.handles[i], this.renderIntent);\n+        }\n+    },\n \n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n+    /**\n+     * Method: transformFeature\n+     * Transforms the feature.\n+     * \n+     * Parameters:\n+     * mods - {Object} An object with optional scale, ratio, rotation and\n+     *     center properties.\n+     */\n+    transformFeature: function(mods) {\n+        if (!this._setfeature) {\n+            this.scale *= (mods.scale || 1);\n+            this.ratio *= (mods.ratio || 1);\n+            var oldRotation = this.rotation;\n+            this.rotation = (this.rotation + (mods.rotation || 0)) % 360;\n \n-        // Save state -- for checking layer if the map state changed.\n-        // We save this before redrawing, because in the process of redrawing\n-        // we will trigger more visibility changes, and we want to not redraw\n-        // and enter an infinite loop.\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                'name': layer.name,\n-                'visibility': layer.visibility,\n-                'inRange': layer.inRange,\n-                'id': layer.id\n-            };\n+            if (this.events.triggerEvent(\"beforetransform\", mods) !== false) {\n+                var feature = this.feature;\n+                var geom = feature.geometry;\n+                var center = this.center;\n+                geom.rotate(-oldRotation, center);\n+                if (mods.scale || mods.ratio) {\n+                    geom.resize(mods.scale, center, mods.ratio);\n+                } else if (mods.center) {\n+                    feature.move(mods.center.getBounds().getCenterLonLat());\n+                }\n+                geom.rotate(this.rotation, center);\n+                this.layer.drawFeature(feature);\n+                feature.toState(OpenLayers.State.UPDATE);\n+                this.events.triggerEvent(\"transform\", mods);\n+            }\n         }\n+        this.layer.drawFeature(this.box, this.renderIntent);\n+        this.drawHandles();\n+    },\n \n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse();\n+    /**\n+     * APIMethod: destroy\n+     * Take care of things that are not handled in superclass.\n+     */\n+    destroy: function() {\n+        var geom;\n+        for (var i = 0; i < 8; ++i) {\n+            geom = this.box.geometry.components[i];\n+            geom._handle.destroy();\n+            geom._handle = null;\n+            geom._rotationHandle && geom._rotationHandle.destroy();\n+            geom._rotationHandle = null;\n         }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n+        this.center = null;\n+        this.feature = null;\n+        this.handles = null;\n+        this.rotationHandleSymbolizer = null;\n+        this.rotationHandles = null;\n+        this.box.destroy();\n+        this.box = null;\n+        this.layer = null;\n+        this.dragControl.destroy();\n+        this.dragControl = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    },\n \n-            if (layer.displayInLayerSwitcher) {\n+    CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Permalink.js\n+   ====================================================================== */\n \n-                if (baseLayer) {\n-                    containsBaseLayers = true;\n-                } else {\n-                    containsOverlays = true;\n-                }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                // only check a baselayer if it is *the* baselayer, check data\n-                //  layers if they are visible\n-                var checked = (baseLayer) ? (layer == this.map.baseLayer) :\n-                    layer.getVisibility();\n \n-                // create input element\n-                var inputElem = document.createElement(\"input\"),\n-                    // The input shall have an id attribute so we can use\n-                    // labels to interact with them.\n-                    inputId = OpenLayers.Util.createUniqueID(\n-                        this.id + \"_input_\"\n-                    );\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Control/ArgParser.js\n+ * @requires OpenLayers/Lang.js\n+ */\n \n-                inputElem.id = inputId;\n-                inputElem.name = (baseLayer) ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = (baseLayer) ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n+/**\n+ * Class: OpenLayers.Control.Permalink\n+ * The Permalink control is hyperlink that will return the user to the \n+ * current map view. By default it is drawn in the lower right corner of the\n+ * map. The href is updated as the map is zoomed, panned and whilst layers\n+ * are switched.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n \n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true;\n-                }\n+    /**\n+     * APIProperty: argParserClass\n+     * {Class} The ArgParser control class (not instance) to use with this\n+     *     control.\n+     */\n+    argParserClass: OpenLayers.Control.ArgParser,\n \n-                // create span\n-                var labelSpan = document.createElement(\"label\");\n-                // this isn't the DOM attribute 'for', but an arbitrary name we\n-                // use to find the appropriate input element in <onButtonClick>\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\";\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = (baseLayer) ? \"bottom\" :\n-                    \"baseline\";\n-                // create line break\n-                var br = document.createElement(\"br\");\n+    /** \n+     * Property: element \n+     * {DOMElement}\n+     */\n+    element: null,\n \n+    /** \n+     * APIProperty: anchor\n+     * {Boolean} This option changes 3 things:\n+     *     the character '#' is used in place of the character '?',\n+     *     the window.href is updated if no element is provided.\n+     *     When this option is set to true it's not recommend to provide\n+     *     a base without provide an element.\n+     */\n+    anchor: false,\n \n-                var groupArray = (baseLayer) ? this.baseLayers :\n-                    this.dataLayers;\n-                groupArray.push({\n-                    'layer': layer,\n-                    'inputElem': inputElem,\n-                    'labelSpan': labelSpan\n-                });\n+    /** \n+     * APIProperty: base\n+     * {String}\n+     */\n+    base: '',\n \n+    /** \n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} Requires proj4js support.  Projection used\n+     *     when creating the coordinates in the link. This will reproject the\n+     *     map coordinates into display coordinates. If you are using this\n+     *     functionality, the permalink which is last added to the map will\n+     *     determine the coordinate type which is read from the URL, which\n+     *     means you should not add permalinks with different\n+     *     displayProjections to the same map. \n+     */\n+    displayProjection: null,\n \n-                var groupDiv = (baseLayer) ? this.baseLayersDiv :\n-                    this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br);\n+    /**\n+     * Constructor: OpenLayers.Control.Permalink\n+     *\n+     * Parameters: \n+     * element - {DOMElement} \n+     * base - {String} \n+     * options - {Object} options to the control.\n+     *\n+     * Or for anchor:\n+     * options - {Object} options to the control.\n+     */\n+    initialize: function(element, base, options) {\n+        if (element !== null && typeof element == 'object' && !OpenLayers.Util.isElement(element)) {\n+            options = element;\n+            this.base = document.location.href;\n+            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+            if (this.element != null) {\n+                this.element = OpenLayers.Util.getElement(this.element);\n             }\n+        } else {\n+            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+            this.element = OpenLayers.Util.getElement(element);\n+            this.base = base || document.location.href;\n         }\n-\n-        // if no overlays, dont display the overlay label\n-        this.dataLbl.style.display = (containsOverlays) ? \"\" : \"none\";\n-\n-        // if no baselayers, dont display the baselayer label\n-        this.baseLbl.style.display = (containsBaseLayers) ? \"\" : \"none\";\n-\n-        return this.div;\n     },\n \n     /**\n-     * Method: updateMap\n-     * Cycles through the loaded data and base layer input arrays and makes\n-     *     the necessary calls to the Map object such that that the map's\n-     *     visual state corresponds to what the user has selected in\n-     *     the control.\n+     * APIMethod: destroy\n      */\n-    updateMap: function() {\n-\n-        // set the newly selected base layer\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false);\n-            }\n+    destroy: function() {\n+        if (this.element && this.element.parentNode == this.div) {\n+            this.div.removeChild(this.element);\n+            this.element = null;\n         }\n-\n-        // set the correct visibilities for the overlays\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked);\n+        if (this.map) {\n+            this.map.events.unregister('moveend', this, this.updateLink);\n         }\n \n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: maximizeControl\n-     * Set up the labels and divs for the control\n-     *\n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n      * Parameters:\n-     * e - {Event}\n+     * map - {<OpenLayers.Map>} \n      */\n-    maximizeControl: function(e) {\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n \n-        // set the div's width and height to empty values, so\n-        // the div dimensions can be controlled by CSS\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n+        //make sure we have an arg parser attached\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if (control.CLASS_NAME == this.argParserClass.CLASS_NAME) {\n \n-        this.showControls(false);\n+                // If a permalink is added to the map, and an ArgParser already\n+                // exists, we override the displayProjection to be the one\n+                // on the permalink. \n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection;\n+                }\n \n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+                break;\n+            }\n+        }\n+        if (i == this.map.controls.length) {\n+            this.map.addControl(new this.argParserClass({\n+                'displayProjection': this.displayProjection\n+            }));\n         }\n+\n     },\n \n     /**\n-     * Method: minimizeControl\n-     * Hide all the contents of the control, shrink the size,\n-     *     add the maximize icon\n+     * Method: draw\n      *\n-     * Parameters:\n-     * e - {Event}\n+     * Returns:\n+     * {DOMElement}\n      */\n-    minimizeControl: function(e) {\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n \n-        // to minimize the control we set its div's width\n-        // and height to 0px, we cannot just set \"display\"\n-        // to \"none\" because it would hide the maximize\n-        // div\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n+        if (!this.element && !this.anchor) {\n+            this.element = document.createElement(\"a\");\n+            this.element.innerHTML = OpenLayers.i18n(\"Permalink\");\n+            this.element.href = \"\";\n+            this.div.appendChild(this.element);\n+        }\n+        this.map.events.on({\n+            'moveend': this.updateLink,\n+            'changelayer': this.updateLink,\n+            'changebaselayer': this.updateLink,\n+            scope: this\n+        });\n \n-        this.showControls(true);\n+        // Make it so there is at least a link even though the map may not have\n+        // moved yet.\n+        this.updateLink();\n \n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n-        }\n+        return this.div;\n     },\n \n     /**\n-     * Method: showControls\n-     * Hide/Show all LayerSwitcher controls depending on whether we are\n-     *     minimized or not\n-     *\n-     * Parameters:\n-     * minimize - {Boolean}\n+     * Method: updateLink \n      */\n-    showControls: function(minimize) {\n-\n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n-\n-        this.layersDiv.style.display = minimize ? \"none\" : \"\";\n+    updateLink: function() {\n+        var separator = this.anchor ? '#' : '?';\n+        var href = this.base;\n+        var anchor = null;\n+        if (href.indexOf(\"#\") != -1 && this.anchor == false) {\n+            anchor = href.substring(href.indexOf(\"#\"), href.length);\n+        }\n+        if (href.indexOf(separator) != -1) {\n+            href = href.substring(0, href.indexOf(separator));\n+        }\n+        var splits = href.split(\"#\");\n+        href = splits[0] + separator + OpenLayers.Util.getParameterString(this.createParams());\n+        if (anchor) {\n+            href += anchor;\n+        }\n+        if (this.anchor && !this.element) {\n+            window.location.href = href;\n+        } else {\n+            this.element.href = href;\n+        }\n     },\n \n     /**\n-     * Method: loadContents\n-     * Set up the labels and divs for the control\n+     * APIMethod: createParams\n+     * Creates the parameters that need to be encoded into the permalink url.\n+     * \n+     * Parameters:\n+     * center - {<OpenLayers.LonLat>} center to encode in the permalink.\n+     *     Defaults to the current map center.\n+     * zoom - {Integer} zoom level to encode in the permalink. Defaults to the\n+     *     current map zoom level.\n+     * layers - {Array(<OpenLayers.Layer>)} layers to encode in the permalink.\n+     *     Defaults to the current map layers.\n+     * \n+     * Returns:\n+     * {Object} Hash of parameters that will be url-encoded into the\n+     * permalink.\n      */\n-    loadContents: function() {\n-\n-        // layers list div\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n-\n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n-\n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+    createParams: function(center, zoom, layers) {\n+        center = center || this.map.getCenter();\n \n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+        var params = OpenLayers.Util.getParameters(this.base);\n \n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+        // If there's still no center, map is not initialized yet. \n+        // Break out of this function, and simply return the params from the\n+        // base link.\n+        if (center) {\n \n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-        }\n+            //zoom\n+            params.zoom = zoom || this.map.getZoom();\n \n-        this.div.appendChild(this.layersDiv);\n+            //lon,lat\n+            var lat = center.lat;\n+            var lon = center.lon;\n \n-        // maximize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MaximizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n+            if (this.displayProjection) {\n+                var mapPosition = OpenLayers.Projection.transform({\n+                        x: lon,\n+                        y: lat\n+                    },\n+                    this.map.getProjectionObject(),\n+                    this.displayProjection);\n+                lon = mapPosition.x;\n+                lat = mapPosition.y;\n+            }\n+            params.lat = Math.round(lat * 100000) / 100000;\n+            params.lon = Math.round(lon * 100000) / 100000;\n \n-        this.div.appendChild(this.maximizeDiv);\n+            //layers        \n+            layers = layers || this.map.layers;\n+            params.layers = '';\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n \n-        // minimize button div\n-        var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-            \"OpenLayers_Control_MinimizeDiv\",\n-            null,\n-            null,\n-            img,\n-            \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n+                if (layer.isBaseLayer) {\n+                    params.layers += (layer == this.map.baseLayer) ? \"B\" : \"0\";\n+                } else {\n+                    params.layers += (layer.getVisibility()) ? \"T\" : \"F\";\n+                }\n+            }\n+        }\n \n-        this.div.appendChild(this.minimizeDiv);\n+        return params;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n+    CLASS_NAME: \"OpenLayers.Control.Permalink\"\n });\n /* ======================================================================\n-    OpenLayers/Format/SLD.js\n+    OpenLayers/Control/ZoomOut.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- * @requires OpenLayers/Style.js\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/Filter/FeatureId.js\n- * @requires OpenLayers/Filter/Logical.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SLD\n- * Read/Write SLD. Create a new instance with the <OpenLayers.Format.SLD>\n- *     constructor.\n- * \n+ * Class: OpenLayers.Control.ZoomOut\n+ * The ZoomOut control is a button to decrease the zoom level of a map.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: profile\n-     * {String} If provided, use a custom profile.\n-     *\n-     * Currently supported profiles:\n-     * - GeoServer - parses GeoServer vendor specific capabilities for SLD.\n-     */\n-    profile: null,\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n-     */\n-    defaultVersion: \"1.0.0\",\n-\n-    /**\n-     * APIProperty: stringifyOutput\n-     * {Boolean} If true, write will return a string otherwise a DOMElement.\n-     * Default is true.\n-     */\n-    stringifyOutput: true,\n-\n-    /**\n-     * APIProperty: namedLayersAsArray\n-     * {Boolean} Generate a namedLayers array.  If false, the namedLayers\n-     *     property value will be an object keyed by layer name. Default is\n-     *     false.\n-     */\n-    namedLayersAsArray: false,\n-\n-    /**\n-     * APIMethod: write\n-     * Write a SLD document given a list of styles.\n-     *\n-     * Parameters:\n-     * sld - {Object} An object representing the SLD.\n-     * options - {Object} Optional configuration object.\n-     *\n-     * Returns:\n-     * {String} An SLD document string.\n-     */\n+OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /**\n-     * APIMethod: read\n-     * Read and SLD doc and return an object representing the SLD.\n-     *\n-     * Parameters:\n-     * data - {String | DOMElement} Data to read.\n-     * options - {Object} Options for the reader.\n-     *\n-     * Returns:\n-     * {Object} An object representing the SLD.\n+     * Method: trigger\n      */\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomOut();\n+        }\n+    },\n \n-    CLASS_NAME: \"OpenLayers.Format.SLD\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n });\n /* ======================================================================\n-    OpenLayers/Format/GML/v2.js\n+    OpenLayers/Layer/Vector/RootContainer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/GML/Base.js\n+ * @requires OpenLayers/Layer/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Format.GML.v2\n- * Parses GML version 2.\n+ * Class: OpenLayers.Layer.Vector.RootContainer\n+ * A special layer type to combine multiple vector layers inside a single\n+ *     renderer root container. This class is not supposed to be instantiated\n+ *     from user space, it is a helper class for controls that require event\n+ *     processing for multiple vector layers.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.GML.Base>\n+ *  - <OpenLayers.Layer.Vector>\n  */\n-OpenLayers.Format.GML.v2 = OpenLayers.Class(OpenLayers.Format.GML.Base, {\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * Property: displayInLayerSwitcher\n+     * Set to false for this layer type\n      */\n-    schemaLocation: \"http://www.opengis.net/gml http://schemas.opengis.net/gml/2.1.2/feature.xsd\",\n+    displayInLayerSwitcher: false,\n \n     /**\n-     * Constructor: OpenLayers.Format.GML.v2\n-     * Create a parser for GML v2.\n+     * APIProperty: layers\n+     * Layers that are attached to this container. Required config option.\n+     */\n+    layers: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Vector.RootContainer\n+     * Create a new root container for multiple vector layer. This constructor\n+     * is not supposed to be used from user space, it is only to be used by\n+     * controls that need feature selection across multiple vector layers.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * name - {String} A name for the layer\n+     * options - {Object} Optional object with non-default properties to set on\n+     *           the layer.\n+     * \n+     * Required options properties:\n+     * layers - {Array(<OpenLayers.Layer.Vector>)} The layers managed by this\n+     *     container\n      *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (required).\n-     * geometryName - {String} Geometry element name.\n+     * Returns:\n+     * {<OpenLayers.Layer.Vector.RootContainer>} A new vector layer root\n+     *     container\n      */\n-    initialize: function(options) {\n-        OpenLayers.Format.GML.Base.prototype.initialize.apply(this, [options]);\n-    },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: display\n      */\n-    readers: {\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"outerBoundaryIs\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.outer = obj.components[0];\n-            },\n-            \"innerBoundaryIs\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                container.inner.push(obj.components[0]);\n-            },\n-            \"Box\": function(node, container) {\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                if (!container.components) {\n-                    container.components = [];\n-                }\n-                var min = obj.points[0];\n-                var max = obj.points[1];\n-                container.components.push(\n-                    new OpenLayers.Bounds(min.x, min.y, max.x, max.y)\n-                );\n-            }\n-        }, OpenLayers.Format.GML.Base.prototype.readers[\"gml\"]),\n-        \"feature\": OpenLayers.Format.GML.Base.prototype.readers[\"feature\"],\n-        \"wfs\": OpenLayers.Format.GML.Base.prototype.readers[\"wfs\"]\n-    },\n+    display: function() {},\n \n     /**\n-     * Method: write\n-     *\n+     * Method: getFeatureFromEvent\n+     * walk through the layers to find the feature returned by the event\n+     * \n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>) | OpenLayers.Feature.Vector}\n-     *     An array of features or a single feature.\n-     *\n+     * evt - {Object} event object with a feature property\n+     * \n      * Returns:\n-     * {String} Given an array of features, a doc with a gml:featureMembers\n-     *     element will be returned.  Given a single feature, a doc with a\n-     *     gml:featureMember element will be returned.\n+     * {<OpenLayers.Feature.Vector>}\n      */\n-    write: function(features) {\n-        var name;\n-        if (OpenLayers.Util.isArray(features)) {\n-            // GML2 only has abstract feature collections\n-            // wfs provides a feature collection from a well-known schema\n-            name = \"wfs:FeatureCollection\";\n-        } else {\n-            name = \"gml:featureMember\";\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature;\n+            }\n         }\n-        var root = this.writeNode(name, features);\n-        this.setAttributeNS(\n-            root, this.namespaces[\"xsi\"],\n-            \"xsi:schemaLocation\", this.schemaLocation\n-        );\n+    },\n \n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n+    /**\n+     * Method: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer);\n     },\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * Method: removeMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    writers: {\n-        \"gml\": OpenLayers.Util.applyDefaults({\n-            \"Point\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:Point\");\n-                this.writeNode(\"coordinates\", [geometry], node);\n-                return node;\n-            },\n-            \"coordinates\": function(points) {\n-                var numPoints = points.length;\n-                var parts = new Array(numPoints);\n-                var point;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    point = points[i];\n-                    if (this.xy) {\n-                        parts[i] = point.x + \",\" + point.y;\n-                    } else {\n-                        parts[i] = point.y + \",\" + point.x;\n-                    }\n-                    if (point.z != undefined) { // allow null or undefined\n-                        parts[i] += \",\" + point.z;\n-                    }\n-                }\n-                return this.createElementNSPlus(\"gml:coordinates\", {\n-                    attributes: {\n-                        decimal: \".\",\n-                        cs: \",\",\n-                        ts: \" \"\n-                    },\n-                    value: (numPoints == 1) ? parts[0] : parts.join(\" \")\n-                });\n-            },\n-            \"LineString\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:LineString\");\n-                this.writeNode(\"coordinates\", geometry.components, node);\n-                return node;\n-            },\n-            \"Polygon\": function(geometry) {\n-                var node = this.createElementNSPlus(\"gml:Polygon\");\n-                this.writeNode(\"outerBoundaryIs\", geometry.components[0], node);\n-                for (var i = 1; i < geometry.components.length; ++i) {\n-                    this.writeNode(\n-                        \"innerBoundaryIs\", geometry.components[i], node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"outerBoundaryIs\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:outerBoundaryIs\");\n-                this.writeNode(\"LinearRing\", ring, node);\n-                return node;\n-            },\n-            \"innerBoundaryIs\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:innerBoundaryIs\");\n-                this.writeNode(\"LinearRing\", ring, node);\n-                return node;\n-            },\n-            \"LinearRing\": function(ring) {\n-                var node = this.createElementNSPlus(\"gml:LinearRing\");\n-                this.writeNode(\"coordinates\", ring.components, node);\n-                return node;\n-            },\n-            \"Box\": function(bounds) {\n-                var node = this.createElementNSPlus(\"gml:Box\");\n-                this.writeNode(\"coordinates\", [{\n-                    x: bounds.left,\n-                    y: bounds.bottom\n-                }, {\n-                    x: bounds.right,\n-                    y: bounds.top\n-                }], node);\n-                // srsName attribute is optional for gml:Box\n-                if (this.srsName) {\n-                    node.setAttribute(\"srsName\", this.srsName);\n-                }\n-                return node;\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: collectRoots\n+     * Collects the root nodes of all layers this control is configured with\n+     * and moveswien the nodes to this control's layer\n+     */\n+    collectRoots: function() {\n+        var layer;\n+        // walk through all map layers, because we want to keep the order\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer);\n             }\n-        }, OpenLayers.Format.GML.Base.prototype.writers[\"gml\"]),\n-        \"feature\": OpenLayers.Format.GML.Base.prototype.writers[\"feature\"],\n-        \"wfs\": OpenLayers.Format.GML.Base.prototype.writers[\"wfs\"]\n+        }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.GML.v2\"\n+    /**\n+     * Method: resetRoots\n+     * Resets the root nodes back into the layers they belong to.\n+     */\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: handleChangeLayer\n+     * Event handler for the map's changelayer event. We need to rebuild\n+     * this container's layer dom if order of one of its layers changes.\n+     * This handler is added with the setMap method, and removed with the\n+     * removeMap method.\n+     * \n+     * Parameters:\n+     * evt - {Object}\n+     */\n+    handleChangeLayer: function(evt) {\n+        var layer = evt.layer;\n+        if (evt.property == \"order\" &&\n+            OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+            this.resetRoots();\n+            this.collectRoots();\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n });\n /* ======================================================================\n-    OpenLayers/Format/Filter/v1_0_0.js\n+    OpenLayers/Control/SelectFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Format/GML/v2.js\n- * @requires OpenLayers/Format/Filter/v1.js\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Handler/Feature.js\n+ * @requires OpenLayers/Layer/Vector/RootContainer.js\n  */\n \n /**\n- * Class: OpenLayers.Format.Filter.v1_0_0\n- * Write ogc:Filter version 1.0.0.\n- * \n+ * Class: OpenLayers.Control.SelectFeature\n+ * The SelectFeature control selects vector features from a given layer on \n+ * click or hover. \n+ *\n  * Inherits from:\n- *  - <OpenLayers.Format.GML.v2>\n- *  - <OpenLayers.Format.Filter.v1>\n+ *  - <OpenLayers.Control>\n  */\n-OpenLayers.Format.Filter.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.GML.v2, OpenLayers.Format.Filter.v1, {\n+OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n \n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforefeaturehighlighted - Triggered before a feature is highlighted\n+     * featurehighlighted - Triggered when a feature is highlighted\n+     * featureunhighlighted - Triggered when a feature is unhighlighted\n+     * boxselectionstart - Triggered before box selection starts\n+     * boxselectionend - Triggered after box selection ends\n+     */\n \n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/ogc/filter/1.0.0/filter.xsd\",\n+    /**\n+     * Property: multipleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <multiple> property to true.  Default is null.\n+     */\n+    multipleKey: null,\n \n-        /**\n-         * Constructor: OpenLayers.Format.Filter.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.Filter> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.GML.v2.prototype.initialize.apply(\n-                this, [options]\n-            );\n-        },\n+    /**\n+     * Property: toggleKey\n+     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n+     *     the <toggle> property to true.  Default is null.\n+     */\n+    toggleKey: null,\n \n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"ogc\": OpenLayers.Util.applyDefaults({\n-                \"PropertyIsEqualTo\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.EQUAL_TO\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    obj.filters.push(filter);\n-                },\n-                \"PropertyIsNotEqualTo\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.NOT_EQUAL_TO\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    obj.filters.push(filter);\n-                },\n-                \"PropertyIsLike\": function(node, obj) {\n-                    var filter = new OpenLayers.Filter.Comparison({\n-                        type: OpenLayers.Filter.Comparison.LIKE\n-                    });\n-                    this.readChildNodes(node, filter);\n-                    var wildCard = node.getAttribute(\"wildCard\");\n-                    var singleChar = node.getAttribute(\"singleChar\");\n-                    var esc = node.getAttribute(\"escape\");\n-                    filter.value2regex(wildCard, singleChar, esc);\n-                    obj.filters.push(filter);\n-                }\n-            }, OpenLayers.Format.Filter.v1.prototype.readers[\"ogc\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"]\n-        },\n+    /**\n+     * APIProperty: multiple\n+     * {Boolean} Allow selection of multiple geometries.  Default is false.\n+     */\n+    multiple: false,\n \n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: {\n-            \"ogc\": OpenLayers.Util.applyDefaults({\n-                \"PropertyIsEqualTo\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsEqualTo\");\n-                    // no ogc:expression handling for PropertyName for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // handle Literals or Functions for now\n-                    this.writeOgcExpression(filter.value, node);\n-                    return node;\n-                },\n-                \"PropertyIsNotEqualTo\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsNotEqualTo\");\n-                    // no ogc:expression handling for PropertyName for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // handle Literals or Functions for now\n-                    this.writeOgcExpression(filter.value, node);\n-                    return node;\n-                },\n-                \"PropertyIsLike\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:PropertyIsLike\", {\n-                        attributes: {\n-                            wildCard: \"*\",\n-                            singleChar: \".\",\n-                            escape: \"!\"\n-                        }\n-                    });\n-                    // no ogc:expression handling for now\n-                    this.writeNode(\"PropertyName\", filter, node);\n-                    // convert regex string to ogc string\n-                    this.writeNode(\"Literal\", filter.regex2value(), node);\n-                    return node;\n-                },\n-                \"BBOX\": function(filter) {\n-                    var node = this.createElementNSPlus(\"ogc:BBOX\");\n-                    // PropertyName is mandatory in 1.0.0, but e.g. GeoServer also\n-                    // accepts filters without it. When this is used with\n-                    // OpenLayers.Protocol.WFS, OpenLayers.Format.WFST will set a\n-                    // missing filter.property to the geometryName that is\n-                    // configured with the protocol, which defaults to \"the_geom\".\n-                    // So the only way to omit this mandatory property is to not\n-                    // set the property on the filter and to set the geometryName\n-                    // on the WFS protocol to null. The latter also happens when\n-                    // the protocol is configured without a geometryName and a\n-                    // featureNS.\n-                    filter.property && this.writeNode(\"PropertyName\", filter, node);\n-                    var box = this.writeNode(\"gml:Box\", filter.value, node);\n-                    if (filter.projection) {\n-                        box.setAttribute(\"srsName\", filter.projection);\n-                    }\n-                    return node;\n-                }\n-            }, OpenLayers.Format.Filter.v1.prototype.writers[\"ogc\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"]\n-        },\n+    /**\n+     * APIProperty: clickout\n+     * {Boolean} Unselect features when clicking outside any feature.\n+     *     Default is true.\n+     */\n+    clickout: true,\n \n-        /**\n-         * Method: writeSpatial\n-         *\n-         * Read a {<OpenLayers.Filter.Spatial>} filter and converts it into XML.\n-         *\n-         * Parameters:\n-         * filter - {<OpenLayers.Filter.Spatial>} The filter.\n-         * name - {String} Name of the generated XML element.\n-         *\n-         * Returns:\n-         * {DOMElement} The created XML element.\n-         */\n-        writeSpatial: function(filter, name) {\n-            var node = this.createElementNSPlus(\"ogc:\" + name);\n-            this.writeNode(\"PropertyName\", filter, node);\n-            if (filter.value instanceof OpenLayers.Filter.Function) {\n-                this.writeNode(\"Function\", filter.value, node);\n-            } else {\n-                var child;\n-                if (filter.value instanceof OpenLayers.Geometry) {\n-                    child = this.writeNode(\"feature:_geometry\", filter.value).firstChild;\n-                } else {\n-                    child = this.writeNode(\"gml:Box\", filter.value);\n-                }\n-                if (filter.projection) {\n-                    child.setAttribute(\"srsName\", filter.projection);\n-                }\n-                node.appendChild(child);\n-            }\n-            return node;\n-        },\n+    /**\n+     * APIProperty: toggle\n+     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n+     *     has meaning if hover is false.\n+     */\n+    toggle: false,\n+\n+    /**\n+     * APIProperty: hover\n+     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n+     * ignores clicks and only listens to mouse moves.\n+     */\n+    hover: false,\n \n+    /**\n+     * APIProperty: highlightOnly\n+     * {Boolean} If true do not actually select features (that is place them in \n+     * the layer's selected features array), just highlight them. This property\n+     * has no effect if hover is false. Defaults to false.\n+     */\n+    highlightOnly: false,\n \n-        CLASS_NAME: \"OpenLayers.Format.Filter.v1_0_0\"\n+    /**\n+     * APIProperty: box\n+     * {Boolean} Allow feature selection by drawing a box.\n+     */\n+    box: false,\n \n-    });\n-/* ======================================================================\n-    OpenLayers/Format/SLD/v1.js\n-   ====================================================================== */\n+    /**\n+     * Property: onBeforeSelect \n+     * {Function} Optional function to be called before a feature is selected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onBeforeSelect: function() {},\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+    /**\n+     * APIProperty: onSelect \n+     * {Function} Optional function to be called when a feature is selected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onSelect: function() {},\n \n-/**\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/Format/SLD.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- * @requires OpenLayers/Symbolizer/Point.js\n- * @requires OpenLayers/Symbolizer/Line.js\n- * @requires OpenLayers/Symbolizer/Polygon.js\n- * @requires OpenLayers/Symbolizer/Text.js\n- * @requires OpenLayers/Symbolizer/Raster.js\n- */\n+    /**\n+     * APIProperty: onUnselect\n+     * {Function} Optional function to be called when a feature is unselected.\n+     *     The function should expect to be called with a feature.\n+     */\n+    onUnselect: function() {},\n \n-/**\n- * Class: OpenLayers.Format.SLD.v1\n- * Superclass for SLD version 1 parsers.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Filter.v1_0_0>\n- */\n-OpenLayers.Format.SLD.v1 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, {\n+    /**\n+     * Property: scope\n+     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n+     *     callbacks. If null the scope will be this control.\n+     */\n+    scope: null,\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * APIProperty: geometryTypes\n+     * {Array(String)} To restrict selecting to a limited set of geometry types,\n+     *     send a list of strings corresponding to the geometry class names.\n      */\n-    namespaces: {\n-        sld: \"http://www.opengis.net/sld\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+    geometryTypes: null,\n \n     /**\n-     * Property: defaultPrefix\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n+     * root for all layers this control is configured with (if an array of\n+     * layers was passed to the constructor), or the vector layer the control\n+     * was configured with (if a single layer was passed to the constructor).\n      */\n-    defaultPrefix: \"sld\",\n+    layer: null,\n \n     /**\n-     * Property: schemaLocation\n-     * {String} Schema location for a particular minor version.\n+     * Property: layers\n+     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n+     * or null if the control was configured with a single layer\n      */\n-    schemaLocation: null,\n+    layers: null,\n \n-    /** \n-     * APIProperty: multipleSymbolizers\n-     * {Boolean} Support multiple symbolizers per rule.  Default is false.  if\n-     *     true, an OpenLayers.Style2 instance will be created to represent \n-     *     user styles instead of an OpenLayers.Style instace.  The \n-     *     OpenLayers.Style2 class allows collections of rules with multiple\n-     *     symbolizers, but is not currently useful for client side rendering.\n-     *     If multiple symbolizers is true, multiple FeatureTypeStyle elements\n-     *     are preserved in reading/writing by setting symbolizer zIndex values.\n-     *     In addition, the <defaultSymbolizer> property is ignored if \n-     *     multiple symbolizers are supported (defaults should be applied\n-     *     when rendering).\n+    /**\n+     * APIProperty: callbacks\n+     * {Object} The functions that are sent to the handlers.feature for callback\n      */\n-    multipleSymbolizers: false,\n+    callbacks: null,\n \n     /**\n-     * Property: featureTypeCounter\n-     * {Number} Private counter for multiple feature type styles.\n+     * APIProperty: selectStyle \n+     * {Object} Hash of styles\n      */\n-    featureTypeCounter: null,\n+    selectStyle: null,\n \n     /**\n-     * APIProperty: defaultSymbolizer.\n-     * {Object} A symbolizer with the SLD defaults.\n+     * Property: renderIntent\n+     * {String} key used to retrieve the select style from the layer's\n+     * style map.\n      */\n-    defaultSymbolizer: {\n-        fillColor: \"#808080\",\n-        fillOpacity: 1,\n-        strokeColor: \"#000000\",\n-        strokeOpacity: 1,\n-        strokeWidth: 1,\n-        strokeDashstyle: \"solid\",\n-        pointRadius: 3,\n-        graphicName: \"square\"\n-    },\n+    renderIntent: \"select\",\n \n     /**\n-     * Constructor: OpenLayers.Format.SLD.v1\n-     * Instances of this class are not created directly.  Use the\n-     *     <OpenLayers.Format.SLD> constructor instead.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * Property: handlers\n+     * {Object} Object with references to multiple <OpenLayers.Handler>\n+     *     instances.\n      */\n+    handlers: null,\n \n     /**\n-     * Method: read\n+     * Constructor: OpenLayers.Control.SelectFeature\n+     * Create a new control for selecting features.\n      *\n      * Parameters:\n-     * data - {DOMElement} An SLD document element.\n-     * options - {Object} Options for the reader.\n-     *\n-     * Valid options:\n-     * namedLayersAsArray - {Boolean}  Generate a namedLayers array.  If false,\n-     *     the namedLayers property value will be an object keyed by layer name.\n-     *     Default is false.\n-     *\n-     * Returns:\n-     * {Object} An object representing the SLD.\n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n+     *     layer(s) this control will select features from.\n+     * options - {Object} \n      */\n-    read: function(data, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var sld = {\n-            namedLayers: options.namedLayersAsArray === true ? [] : {}\n+    initialize: function(layers, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+\n+        if (this.scope === null) {\n+            this.scope = this;\n+        }\n+        this.initLayer(layers);\n+        var callbacks = {\n+            click: this.clickFeature,\n+            clickout: this.clickoutFeature\n         };\n-        this.readChildNodes(data, sld);\n-        return sld;\n+        if (this.hover) {\n+            callbacks.over = this.overFeature;\n+            callbacks.out = this.outFeature;\n+        }\n+\n+        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n+        this.handlers = {\n+            feature: new OpenLayers.Handler.Feature(\n+                this, this.layer, this.callbacks, {\n+                    geometryTypes: this.geometryTypes\n+                }\n+            )\n+        };\n+\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(\n+                this, {\n+                    done: this.selectBox\n+                }, {\n+                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n+                }\n+            );\n+        }\n     },\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * Method: initLayer\n+     * Assign the layer property. If layers is an array, we need to use\n+     *     a RootContainer.\n+     *\n+     * Parameters:\n+     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n      */\n-    readers: OpenLayers.Util.applyDefaults({\n-        \"sld\": {\n-            \"StyledLayerDescriptor\": function(node, sld) {\n-                sld.version = node.getAttribute(\"version\");\n-                this.readChildNodes(node, sld);\n-            },\n-            \"Name\": function(node, obj) {\n-                obj.name = this.getChildValue(node);\n-            },\n-            \"Title\": function(node, obj) {\n-                obj.title = this.getChildValue(node);\n-            },\n-            \"Abstract\": function(node, obj) {\n-                obj.description = this.getChildValue(node);\n-            },\n-            \"NamedLayer\": function(node, sld) {\n-                var layer = {\n-                    userStyles: [],\n-                    namedStyles: []\n-                };\n-                this.readChildNodes(node, layer);\n-                // give each of the user styles this layer name\n-                for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n-                    layer.userStyles[i].layerName = layer.name;\n-                }\n-                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n-                    sld.namedLayers.push(layer);\n-                } else {\n-                    sld.namedLayers[layer.name] = layer;\n+    initLayer: function(layers) {\n+        if (OpenLayers.Util.isArray(layers)) {\n+            this.layers = layers;\n+            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n+                this.id + \"_container\", {\n+                    layers: layers\n                 }\n-            },\n-            \"NamedStyle\": function(node, layer) {\n-                layer.namedStyles.push(\n-                    this.getChildName(node.firstChild)\n-                );\n-            },\n-            \"UserStyle\": function(node, layer) {\n-                var obj = {\n-                    defaultsPerSymbolizer: true,\n-                    rules: []\n-                };\n-                this.featureTypeCounter = -1;\n-                this.readChildNodes(node, obj);\n-                var style;\n-                if (this.multipleSymbolizers) {\n-                    delete obj.defaultsPerSymbolizer;\n-                    style = new OpenLayers.Style2(obj);\n-                } else {\n-                    style = new OpenLayers.Style(this.defaultSymbolizer, obj);\n-                }\n-                layer.userStyles.push(style);\n-            },\n-            \"IsDefault\": function(node, style) {\n-                if (this.getChildValue(node) == \"1\") {\n-                    style.isDefault = true;\n-                }\n-            },\n-            \"FeatureTypeStyle\": function(node, style) {\n-                ++this.featureTypeCounter;\n-                var obj = {\n-                    rules: this.multipleSymbolizers ? style.rules : []\n-                };\n-                this.readChildNodes(node, obj);\n-                if (!this.multipleSymbolizers) {\n-                    style.rules = obj.rules;\n-                }\n-            },\n-            \"Rule\": function(node, obj) {\n-                var config;\n-                if (this.multipleSymbolizers) {\n-                    config = {\n-                        symbolizers: []\n-                    };\n-                }\n-                var rule = new OpenLayers.Rule(config);\n-                this.readChildNodes(node, rule);\n-                obj.rules.push(rule);\n-            },\n-            \"ElseFilter\": function(node, rule) {\n-                rule.elseFilter = true;\n-            },\n-            \"MinScaleDenominator\": function(node, rule) {\n-                rule.minScaleDenominator = parseFloat(this.getChildValue(node));\n-            },\n-            \"MaxScaleDenominator\": function(node, rule) {\n-                rule.maxScaleDenominator = parseFloat(this.getChildValue(node));\n-            },\n-            \"TextSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Text(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Text\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Text\"]\n-                    );\n-                }\n-            },\n-            \"LabelPlacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"PointPlacement\": function(node, symbolizer) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                config.labelRotation = config.rotation;\n-                delete config.rotation;\n-                var labelAlign,\n-                    x = symbolizer.labelAnchorPointX,\n-                    y = symbolizer.labelAnchorPointY;\n-                if (x <= 1 / 3) {\n-                    labelAlign = 'l';\n-                } else if (x > 1 / 3 && x < 2 / 3) {\n-                    labelAlign = 'c';\n-                } else if (x >= 2 / 3) {\n-                    labelAlign = 'r';\n-                }\n-                if (y <= 1 / 3) {\n-                    labelAlign += 'b';\n-                } else if (y > 1 / 3 && y < 2 / 3) {\n-                    labelAlign += 'm';\n-                } else if (y >= 2 / 3) {\n-                    labelAlign += 't';\n-                }\n-                config.labelAlign = labelAlign;\n-                OpenLayers.Util.applyDefaults(symbolizer, config);\n-            },\n-            \"AnchorPoint\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"AnchorPointX\": function(node, symbolizer) {\n-                var labelAnchorPointX = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelAnchorPointX) {\n-                    symbolizer.labelAnchorPointX = labelAnchorPointX;\n-                }\n-            },\n-            \"AnchorPointY\": function(node, symbolizer) {\n-                var labelAnchorPointY = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelAnchorPointY) {\n-                    symbolizer.labelAnchorPointY = labelAnchorPointY;\n-                }\n-            },\n-            \"Displacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"DisplacementX\": function(node, symbolizer) {\n-                var labelXOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelXOffset) {\n-                    symbolizer.labelXOffset = labelXOffset;\n-                }\n-            },\n-            \"DisplacementY\": function(node, symbolizer) {\n-                var labelYOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelYOffset) {\n-                    symbolizer.labelYOffset = labelYOffset;\n-                }\n-            },\n-            \"LinePlacement\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"PerpendicularOffset\": function(node, symbolizer) {\n-                var labelPerpendicularOffset = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (labelPerpendicularOffset) {\n-                    symbolizer.labelPerpendicularOffset = labelPerpendicularOffset;\n-                }\n-            },\n-            \"Label\": function(node, symbolizer) {\n-                var value = this.readers.ogc._expression.call(this, node);\n-                if (value) {\n-                    symbolizer.label = value;\n-                }\n-            },\n-            \"Font\": function(node, symbolizer) {\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"Halo\": function(node, symbolizer) {\n-                // halo has a fill, so send fresh object\n-                var obj = {};\n-                this.readChildNodes(node, obj);\n-                symbolizer.haloRadius = obj.haloRadius;\n-                symbolizer.haloColor = obj.fillColor;\n-                symbolizer.haloOpacity = obj.fillOpacity;\n-            },\n-            \"Radius\": function(node, symbolizer) {\n-                var radius = this.readers.ogc._expression.call(this, node);\n-                if (radius != null) {\n-                    // radius is only used for halo\n-                    symbolizer.haloRadius = radius;\n-                }\n-            },\n-            \"RasterSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Raster(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Raster\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Raster\"]\n-                    );\n-                }\n-            },\n-            \"Geometry\": function(node, obj) {\n-                obj.geometry = {};\n-                this.readChildNodes(node, obj.geometry);\n-            },\n-            \"ColorMap\": function(node, symbolizer) {\n-                symbolizer.colorMap = [];\n-                this.readChildNodes(node, symbolizer.colorMap);\n-            },\n-            \"ColorMapEntry\": function(node, colorMap) {\n-                var q = node.getAttribute(\"quantity\");\n-                var o = node.getAttribute(\"opacity\");\n-                colorMap.push({\n-                    color: node.getAttribute(\"color\"),\n-                    quantity: q !== null ? parseFloat(q) : undefined,\n-                    label: node.getAttribute(\"label\") || undefined,\n-                    opacity: o !== null ? parseFloat(o) : undefined\n-                });\n-            },\n-            \"LineSymbolizer\": function(node, rule) {\n-                var config = {};\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Line(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Line\"] = OpenLayers.Util.applyDefaults(\n-                        config, rule.symbolizer[\"Line\"]\n-                    );\n-                }\n-            },\n-            \"PolygonSymbolizer\": function(node, rule) {\n-                var config = {\n-                    fill: false,\n-                    stroke: false\n-                };\n-                if (!this.multipleSymbolizers) {\n-                    config = rule.symbolizer[\"Polygon\"] || config;\n-                }\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Polygon(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Polygon\"] = config;\n-                }\n-            },\n-            \"PointSymbolizer\": function(node, rule) {\n-                var config = {\n-                    fill: false,\n-                    stroke: false,\n-                    graphic: false\n-                };\n-                if (!this.multipleSymbolizers) {\n-                    config = rule.symbolizer[\"Point\"] || config;\n-                }\n-                this.readChildNodes(node, config);\n-                if (this.multipleSymbolizers) {\n-                    config.zIndex = this.featureTypeCounter;\n-                    rule.symbolizers.push(\n-                        new OpenLayers.Symbolizer.Point(config)\n-                    );\n-                } else {\n-                    rule.symbolizer[\"Point\"] = config;\n-                }\n-            },\n-            \"Stroke\": function(node, symbolizer) {\n-                symbolizer.stroke = true;\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"Fill\": function(node, symbolizer) {\n-                symbolizer.fill = true;\n-                this.readChildNodes(node, symbolizer);\n-            },\n-            \"CssParameter\": function(node, symbolizer) {\n-                var cssProperty = node.getAttribute(\"name\");\n-                var symProperty = this.cssMap[cssProperty];\n-                // for labels, fill should map to fontColor and fill-opacity \n-                // to fontOpacity\n-                if (symbolizer.label) {\n-                    if (cssProperty === 'fill') {\n-                        symProperty = \"fontColor\";\n-                    } else if (cssProperty === 'fill-opacity') {\n-                        symProperty = \"fontOpacity\";\n-                    }\n-                }\n-                if (symProperty) {\n-                    // Limited support for parsing of OGC expressions\n-                    var value = this.readers.ogc._expression.call(this, node);\n-                    // always string, could be an empty string\n-                    if (value) {\n-                        symbolizer[symProperty] = value;\n-                    }\n-                }\n-            },\n-            \"Graphic\": function(node, symbolizer) {\n-                symbolizer.graphic = true;\n-                var graphic = {};\n-                // painter's order not respected here, clobber previous with next\n-                this.readChildNodes(node, graphic);\n-                // directly properties with names that match symbolizer properties\n-                var properties = [\n-                    \"stroke\", \"strokeColor\", \"strokeWidth\", \"strokeOpacity\",\n-                    \"strokeLinecap\", \"fill\", \"fillColor\", \"fillOpacity\",\n-                    \"graphicName\", \"rotation\", \"graphicFormat\"\n-                ];\n-                var prop, value;\n-                for (var i = 0, len = properties.length; i < len; ++i) {\n-                    prop = properties[i];\n-                    value = graphic[prop];\n-                    if (value != undefined) {\n-                        symbolizer[prop] = value;\n-                    }\n-                }\n-                // set other generic properties with specific graphic property names\n-                if (graphic.opacity != undefined) {\n-                    symbolizer.graphicOpacity = graphic.opacity;\n-                }\n-                if (graphic.size != undefined) {\n-                    var pointRadius = graphic.size / 2;\n-                    if (isNaN(pointRadius)) {\n-                        // likely a property name\n-                        symbolizer.graphicWidth = graphic.size;\n-                    } else {\n-                        symbolizer.pointRadius = graphic.size / 2;\n-                    }\n-                }\n-                if (graphic.href != undefined) {\n-                    symbolizer.externalGraphic = graphic.href;\n-                }\n-                if (graphic.rotation != undefined) {\n-                    symbolizer.rotation = graphic.rotation;\n-                }\n-            },\n-            \"ExternalGraphic\": function(node, graphic) {\n-                this.readChildNodes(node, graphic);\n-            },\n-            \"Mark\": function(node, graphic) {\n-                this.readChildNodes(node, graphic);\n-            },\n-            \"WellKnownName\": function(node, graphic) {\n-                graphic.graphicName = this.getChildValue(node);\n-            },\n-            \"Opacity\": function(node, obj) {\n-                var opacity = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (opacity) {\n-                    obj.opacity = opacity;\n-                }\n-            },\n-            \"Size\": function(node, obj) {\n-                var size = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (size) {\n-                    obj.size = size;\n-                }\n-            },\n-            \"Rotation\": function(node, obj) {\n-                var rotation = this.readers.ogc._expression.call(this, node);\n-                // always string, could be empty string\n-                if (rotation) {\n-                    obj.rotation = rotation;\n-                }\n-            },\n-            \"OnlineResource\": function(node, obj) {\n-                obj.href = this.getAttributeNS(\n-                    node, this.namespaces.xlink, \"href\"\n-                );\n-            },\n-            \"Format\": function(node, graphic) {\n-                graphic.graphicFormat = this.getChildValue(node);\n+            );\n+        } else {\n+            this.layer = layers;\n+        }\n+    },\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        if (this.active && this.layers) {\n+            this.map.removeLayer(this.layer);\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        if (this.layers) {\n+            this.layer.destroy();\n+        }\n+    },\n+\n+    /**\n+     * Method: activate\n+     * Activates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n+     */\n+    activate: function() {\n+        if (!this.active) {\n+            if (this.layers) {\n+                this.map.addLayer(this.layer);\n+            }\n+            this.handlers.feature.activate();\n+            if (this.box && this.handlers.box) {\n+                this.handlers.box.activate();\n             }\n         }\n-    }, OpenLayers.Format.Filter.v1_0_0.prototype.readers),\n+        return OpenLayers.Control.prototype.activate.apply(\n+            this, arguments\n+        );\n+    },\n \n     /**\n-     * Property: cssMap\n-     * {Object} Object mapping supported css property names to OpenLayers\n-     *     symbolizer property names.\n+     * Method: deactivate\n+     * Deactivates the control.\n+     * \n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n      */\n-    cssMap: {\n-        \"stroke\": \"strokeColor\",\n-        \"stroke-opacity\": \"strokeOpacity\",\n-        \"stroke-width\": \"strokeWidth\",\n-        \"stroke-linecap\": \"strokeLinecap\",\n-        \"stroke-dasharray\": \"strokeDashstyle\",\n-        \"fill\": \"fillColor\",\n-        \"fill-opacity\": \"fillOpacity\",\n-        \"font-family\": \"fontFamily\",\n-        \"font-size\": \"fontSize\",\n-        \"font-weight\": \"fontWeight\",\n-        \"font-style\": \"fontStyle\"\n+    deactivate: function() {\n+        if (this.active) {\n+            this.handlers.feature.deactivate();\n+            if (this.handlers.box) {\n+                this.handlers.box.deactivate();\n+            }\n+            if (this.layers) {\n+                this.map.removeLayer(this.layer);\n+            }\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n     },\n \n     /**\n-     * Method: getCssProperty\n-     * Given a symbolizer property, get the corresponding CSS property\n-     *     from the <cssMap>.\n+     * Method: unselectAll\n+     * Unselect all selected features.  To unselect all except for a single\n+     *     feature, set the options.except property to the feature.\n      *\n      * Parameters:\n-     * sym - {String} A symbolizer property name.\n-     *\n-     * Returns:\n-     * {String} A CSS property name or null if none found.\n+     * options - {Object} Optional configuration object.\n      */\n-    getCssProperty: function(sym) {\n-        var css = null;\n-        for (var prop in this.cssMap) {\n-            if (this.cssMap[prop] == sym) {\n-                css = prop;\n-                break;\n+    unselectAll: function(options) {\n+        // we'll want an option to supress notification here\n+        var layers = this.layers || [this.layer],\n+            layer, feature, l, numExcept;\n+        for (l = 0; l < layers.length; ++l) {\n+            layer = layers[l];\n+            numExcept = 0;\n+            //layer.selectedFeatures is null when layer is destroyed and \n+            //one of it's preremovelayer listener calls setLayer \n+            //with another layer on this control\n+            if (layer.selectedFeatures != null) {\n+                while (layer.selectedFeatures.length > numExcept) {\n+                    feature = layer.selectedFeatures[numExcept];\n+                    if (!options || options.except != feature) {\n+                        this.unselect(feature);\n+                    } else {\n+                        ++numExcept;\n+                    }\n+                }\n             }\n         }\n-        return css;\n     },\n \n     /**\n-     * Method: getGraphicFormat\n-     * Given a href for an external graphic, try to determine the mime-type.\n-     *     This method doesn't try too hard, and will fall back to\n-     *     <defaultGraphicFormat> if one of the known <graphicFormats> is not\n-     *     the file extension of the provided href.\n+     * Method: clickFeature\n+     * Called on click in a feature\n+     * Only responds if this.hover is false.\n      *\n      * Parameters:\n-     * href - {String}\n-     *\n-     * Returns:\n-     * {String} The graphic format.\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    getGraphicFormat: function(href) {\n-        var format, regex;\n-        for (var key in this.graphicFormats) {\n-            if (this.graphicFormats[key].test(href)) {\n-                format = key;\n-                break;\n+    clickFeature: function(feature) {\n+        if (!this.hover) {\n+            var selected = (OpenLayers.Util.indexOf(\n+                feature.layer.selectedFeatures, feature) > -1);\n+            if (selected) {\n+                if (this.toggleSelect()) {\n+                    this.unselect(feature);\n+                } else if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+            } else {\n+                if (!this.multipleSelect()) {\n+                    this.unselectAll({\n+                        except: feature\n+                    });\n+                }\n+                this.select(feature);\n             }\n         }\n-        return format || this.defaultGraphicFormat;\n     },\n \n     /**\n-     * Property: defaultGraphicFormat\n-     * {String} If none other can be determined from <getGraphicFormat>, this\n-     *     default will be returned.\n+     * Method: multipleSelect\n+     * Allow for multiple selected features based on <multiple> property and\n+     *     <multipleKey> event modifier.\n+     *\n+     * Returns:\n+     * {Boolean} Allow for multiple selected features.\n      */\n-    defaultGraphicFormat: \"image/png\",\n+    multipleSelect: function() {\n+        return this.multiple || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.multipleKey]);\n+    },\n \n     /**\n-     * Property: graphicFormats\n-     * {Object} Mapping of image mime-types to regular extensions matching \n-     *     well-known file extensions.\n+     * Method: toggleSelect\n+     * Event should toggle the selected state of a feature based on <toggle>\n+     *     property and <toggleKey> event modifier.\n+     *\n+     * Returns:\n+     * {Boolean} Toggle the selected state of a feature.\n      */\n-    graphicFormats: {\n-        \"image/jpeg\": /\\.jpe?g$/i,\n-        \"image/gif\": /\\.gif$/i,\n-        \"image/png\": /\\.png$/i\n+    toggleSelect: function() {\n+        return this.toggle || (this.handlers.feature.evt &&\n+            this.handlers.feature.evt[this.toggleKey]);\n     },\n \n     /**\n-     * Method: write\n+     * Method: clickoutFeature\n+     * Called on click outside a previously clicked (selected) feature.\n+     * Only responds if this.hover is false.\n      *\n      * Parameters:\n-     * sld - {Object} An object representing the SLD.\n+     * feature - {<OpenLayers.Vector.Feature>} \n+     */\n+    clickoutFeature: function(feature) {\n+        if (!this.hover && this.clickout) {\n+            this.unselectAll();\n+        }\n+    },\n+\n+    /**\n+     * Method: overFeature\n+     * Called on over a feature.\n+     * Only responds if this.hover is true.\n      *\n-     * Returns:\n-     * {DOMElement} The root of an SLD document.\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    write: function(sld) {\n-        return this.writers.sld.StyledLayerDescriptor.apply(this, [sld]);\n+    overFeature: function(feature) {\n+        var layer = feature.layer;\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                this.highlight(feature);\n+            } else if (OpenLayers.Util.indexOf(\n+                    layer.selectedFeatures, feature) == -1) {\n+                this.select(feature);\n+            }\n+        }\n     },\n \n     /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n+     * Method: outFeature\n+     * Called on out of a selected feature.\n+     * Only responds if this.hover is true.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    writers: OpenLayers.Util.applyDefaults({\n-        \"sld\": {\n-            \"_OGCExpression\": function(nodeName, value) {\n-                // only the simplest of ogc:expression handled\n-                // {label: \"some text and a ${propertyName}\"}\n-                var node = this.createElementNSPlus(nodeName);\n-                var tokens = typeof value == \"string\" ?\n-                    value.split(\"${\") : [value];\n-                node.appendChild(this.createTextNode(tokens[0]));\n-                var item, last;\n-                for (var i = 1, len = tokens.length; i < len; i++) {\n-                    item = tokens[i];\n-                    last = item.indexOf(\"}\");\n-                    if (last > 0) {\n-                        this.writeNode(\n-                            \"ogc:PropertyName\", {\n-                                property: item.substring(0, last)\n-                            },\n-                            node\n-                        );\n-                        node.appendChild(\n-                            this.createTextNode(item.substring(++last))\n-                        );\n+    outFeature: function(feature) {\n+        if (this.hover) {\n+            if (this.highlightOnly) {\n+                // we do nothing if we're not the last highlighter of the\n+                // feature\n+                if (feature._lastHighlighter == this.id) {\n+                    // if another select control had highlighted the feature before\n+                    // we did it ourself then we use that control to highlight the\n+                    // feature as it was before we highlighted it, else we just\n+                    // unhighlight it\n+                    if (feature._prevHighlighter &&\n+                        feature._prevHighlighter != this.id) {\n+                        delete feature._lastHighlighter;\n+                        var control = this.map.getControl(\n+                            feature._prevHighlighter);\n+                        if (control) {\n+                            control.highlight(feature);\n+                        }\n                     } else {\n-                        // no ending }, so this is a literal ${\n-                        node.appendChild(\n-                            this.createTextNode(\"${\" + item)\n-                        );\n+                        this.unhighlight(feature);\n                     }\n                 }\n-                return node;\n-            },\n-            \"StyledLayerDescriptor\": function(sld) {\n-                var root = this.createElementNSPlus(\n-                    \"sld:StyledLayerDescriptor\", {\n-                        attributes: {\n-                            \"version\": this.VERSION,\n-                            \"xsi:schemaLocation\": this.schemaLocation\n-                        }\n-                    }\n-                );\n+            } else {\n+                this.unselect(feature);\n+            }\n+        }\n+    },\n \n-                // For ArcGIS Server it is necessary to define this\n-                // at the root level (see ticket:2166).\n-                root.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n-                root.setAttribute(\"xmlns:gml\", this.namespaces.gml);\n+    /**\n+     * Method: highlight\n+     * Redraw feature with the select style.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    highlight: function(feature) {\n+        var layer = feature.layer;\n+        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n+            feature: feature\n+        });\n+        if (cont !== false) {\n+            feature._prevHighlighter = feature._lastHighlighter;\n+            feature._lastHighlighter = this.id;\n+            var style = this.selectStyle || this.renderIntent;\n+            layer.drawFeature(feature, style);\n+            this.events.triggerEvent(\"featurehighlighted\", {\n+                feature: feature\n+            });\n+        }\n+    },\n \n-                // add in optional name\n-                if (sld.name) {\n-                    this.writeNode(\"Name\", sld.name, root);\n-                }\n-                // add in optional title\n-                if (sld.title) {\n-                    this.writeNode(\"Title\", sld.title, root);\n-                }\n-                // add in optional description\n-                if (sld.description) {\n-                    this.writeNode(\"Abstract\", sld.description, root);\n-                }\n-                // add in named layers\n-                // allow namedLayers to be an array\n-                if (OpenLayers.Util.isArray(sld.namedLayers)) {\n-                    for (var i = 0, len = sld.namedLayers.length; i < len; ++i) {\n-                        this.writeNode(\"NamedLayer\", sld.namedLayers[i], root);\n-                    }\n-                } else {\n-                    for (var name in sld.namedLayers) {\n-                        this.writeNode(\"NamedLayer\", sld.namedLayers[name], root);\n-                    }\n+    /**\n+     * Method: unhighlight\n+     * Redraw feature with the \"default\" style\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    unhighlight: function(feature) {\n+        var layer = feature.layer;\n+        // three cases:\n+        // 1. there's no other highlighter, in that case _prev is undefined,\n+        //    and we just need to undef _last\n+        // 2. another control highlighted the feature after we did it, in\n+        //    that case _last references this other control, and we just\n+        //    need to undef _prev\n+        // 3. another control highlighted the feature before we did it, in\n+        //    that case _prev references this other control, and we need to\n+        //    set _last to _prev and undef _prev\n+        if (feature._prevHighlighter == undefined) {\n+            delete feature._lastHighlighter;\n+        } else if (feature._prevHighlighter == this.id) {\n+            delete feature._prevHighlighter;\n+        } else {\n+            feature._lastHighlighter = feature._prevHighlighter;\n+            delete feature._prevHighlighter;\n+        }\n+        layer.drawFeature(feature, feature.style || feature.layer.style ||\n+            \"default\");\n+        this.events.triggerEvent(\"featureunhighlighted\", {\n+            feature: feature\n+        });\n+    },\n+\n+    /**\n+     * Method: select\n+     * Add feature to the layer's selectedFeature array, render the feature as\n+     * selected, and call the onSelect function.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     */\n+    select: function(feature) {\n+        var cont = this.onBeforeSelect.call(this.scope, feature);\n+        var layer = feature.layer;\n+        if (cont !== false) {\n+            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n+                feature: feature\n+            });\n+            if (cont !== false) {\n+                layer.selectedFeatures.push(feature);\n+                this.highlight(feature);\n+                // if the feature handler isn't involved in the feature\n+                // selection (because the box handler is used or the\n+                // feature is selected programatically) we fake the\n+                // feature handler to allow unselecting on click\n+                if (!this.handlers.feature.lastFeature) {\n+                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n                 }\n-                return root;\n-            },\n-            \"Name\": function(name) {\n-                return this.createElementNSPlus(\"sld:Name\", {\n-                    value: name\n-                });\n-            },\n-            \"Title\": function(title) {\n-                return this.createElementNSPlus(\"sld:Title\", {\n-                    value: title\n+                layer.events.triggerEvent(\"featureselected\", {\n+                    feature: feature\n                 });\n-            },\n-            \"Abstract\": function(description) {\n-                return this.createElementNSPlus(\n-                    \"sld:Abstract\", {\n-                        value: description\n-                    }\n-                );\n-            },\n-            \"NamedLayer\": function(layer) {\n-                var node = this.createElementNSPlus(\"sld:NamedLayer\");\n+                this.onSelect.call(this.scope, feature);\n+            }\n+        }\n+    },\n \n-                // add in required name\n-                this.writeNode(\"Name\", layer.name, node);\n+    /**\n+     * Method: unselect\n+     * Remove feature from the layer's selectedFeature array, render the feature as\n+     * normal, and call the onUnselect function.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     */\n+    unselect: function(feature) {\n+        var layer = feature.layer;\n+        // Store feature style for restoration later\n+        this.unhighlight(feature);\n+        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n+        layer.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        });\n+        this.onUnselect.call(this.scope, feature);\n+    },\n \n-                // optional sld:LayerFeatureConstraints here\n+    /**\n+     * Method: selectBox\n+     * Callback from the handlers.box set up when <box> selection is true\n+     *     on.\n+     *\n+     * Parameters:\n+     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n+     */\n+    selectBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            var bounds = new OpenLayers.Bounds(\n+                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n+            );\n \n-                // add in named styles\n-                if (layer.namedStyles) {\n-                    for (var i = 0, len = layer.namedStyles.length; i < len; ++i) {\n-                        this.writeNode(\n-                            \"NamedStyle\", layer.namedStyles[i], node\n-                        );\n-                    }\n-                }\n+            // if multiple is false, first deselect currently selected features\n+            if (!this.multipleSelect()) {\n+                this.unselectAll();\n+            }\n \n-                // add in user styles\n-                if (layer.userStyles) {\n-                    for (var i = 0, len = layer.userStyles.length; i < len; ++i) {\n-                        this.writeNode(\n-                            \"UserStyle\", layer.userStyles[i], node\n-                        );\n+            // because we're using a box, we consider we want multiple selection\n+            var prevMultiple = this.multiple;\n+            this.multiple = true;\n+            var layers = this.layers || [this.layer];\n+            this.events.triggerEvent(\"boxselectionstart\", {\n+                layers: layers\n+            });\n+            var layer;\n+            for (var l = 0; l < layers.length; ++l) {\n+                layer = layers[l];\n+                for (var i = 0, len = layer.features.length; i < len; ++i) {\n+                    var feature = layer.features[i];\n+                    // check if the feature is displayed\n+                    if (!feature.getVisibility()) {\n+                        continue;\n                     }\n-                }\n-\n-                return node;\n-            },\n-            \"NamedStyle\": function(name) {\n-                var node = this.createElementNSPlus(\"sld:NamedStyle\");\n-                this.writeNode(\"Name\", name, node);\n-                return node;\n-            },\n-            \"UserStyle\": function(style) {\n-                var node = this.createElementNSPlus(\"sld:UserStyle\");\n-\n-                // add in optional name\n-                if (style.name) {\n-                    this.writeNode(\"Name\", style.name, node);\n-                }\n-                // add in optional title\n-                if (style.title) {\n-                    this.writeNode(\"Title\", style.title, node);\n-                }\n-                // add in optional description\n-                if (style.description) {\n-                    this.writeNode(\"Abstract\", style.description, node);\n-                }\n \n-                // add isdefault\n-                if (style.isDefault) {\n-                    this.writeNode(\"IsDefault\", style.isDefault, node);\n-                }\n-\n-                // add FeatureTypeStyles\n-                if (this.multipleSymbolizers && style.rules) {\n-                    // group style objects by symbolizer zIndex\n-                    var rulesByZ = {\n-                        0: []\n-                    };\n-                    var zValues = [0];\n-                    var rule, ruleMap, symbolizer, zIndex, clone;\n-                    for (var i = 0, ii = style.rules.length; i < ii; ++i) {\n-                        rule = style.rules[i];\n-                        if (rule.symbolizers) {\n-                            ruleMap = {};\n-                            for (var j = 0, jj = rule.symbolizers.length; j < jj; ++j) {\n-                                symbolizer = rule.symbolizers[j];\n-                                zIndex = symbolizer.zIndex;\n-                                if (!(zIndex in ruleMap)) {\n-                                    clone = rule.clone();\n-                                    clone.symbolizers = [];\n-                                    ruleMap[zIndex] = clone;\n-                                }\n-                                ruleMap[zIndex].symbolizers.push(symbolizer.clone());\n-                            }\n-                            for (zIndex in ruleMap) {\n-                                if (!(zIndex in rulesByZ)) {\n-                                    zValues.push(zIndex);\n-                                    rulesByZ[zIndex] = [];\n-                                }\n-                                rulesByZ[zIndex].push(ruleMap[zIndex]);\n+                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n+                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n+                        if (bounds.toGeometry().intersects(feature.geometry)) {\n+                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n+                                this.select(feature);\n                             }\n-                        } else {\n-                            // no symbolizers in rule\n-                            rulesByZ[0].push(rule.clone());\n-                        }\n-                    }\n-                    // write one FeatureTypeStyle per zIndex\n-                    zValues.sort();\n-                    var rules;\n-                    for (var i = 0, ii = zValues.length; i < ii; ++i) {\n-                        rules = rulesByZ[zValues[i]];\n-                        if (rules.length > 0) {\n-                            clone = style.clone();\n-                            clone.rules = rulesByZ[zValues[i]];\n-                            this.writeNode(\"FeatureTypeStyle\", clone, node);\n-                        }\n-                    }\n-                } else {\n-                    this.writeNode(\"FeatureTypeStyle\", style, node);\n-                }\n-\n-                return node;\n-            },\n-            \"IsDefault\": function(bool) {\n-                return this.createElementNSPlus(\n-                    \"sld:IsDefault\", {\n-                        value: (bool) ? \"1\" : \"0\"\n-                    }\n-                );\n-            },\n-            \"FeatureTypeStyle\": function(style) {\n-                var node = this.createElementNSPlus(\"sld:FeatureTypeStyle\");\n-\n-                // OpenLayers currently stores no Name, Title, Abstract,\n-                // FeatureTypeName, or SemanticTypeIdentifier information\n-                // related to FeatureTypeStyle\n-\n-                // add in rules\n-                for (var i = 0, len = style.rules.length; i < len; ++i) {\n-                    this.writeNode(\"Rule\", style.rules[i], node);\n-                }\n-\n-                return node;\n-            },\n-            \"Rule\": function(rule) {\n-                var node = this.createElementNSPlus(\"sld:Rule\");\n-\n-                // add in optional name\n-                if (rule.name) {\n-                    this.writeNode(\"Name\", rule.name, node);\n-                }\n-                // add in optional title\n-                if (rule.title) {\n-                    this.writeNode(\"Title\", rule.title, node);\n-                }\n-                // add in optional description\n-                if (rule.description) {\n-                    this.writeNode(\"Abstract\", rule.description, node);\n-                }\n-\n-                // add in LegendGraphic here\n-\n-                // add in optional filters\n-                if (rule.elseFilter) {\n-                    this.writeNode(\"ElseFilter\", null, node);\n-                } else if (rule.filter) {\n-                    this.writeNode(\"ogc:Filter\", rule.filter, node);\n-                }\n-\n-                // add in scale limits\n-                if (rule.minScaleDenominator != undefined) {\n-                    this.writeNode(\n-                        \"MinScaleDenominator\", rule.minScaleDenominator, node\n-                    );\n-                }\n-                if (rule.maxScaleDenominator != undefined) {\n-                    this.writeNode(\n-                        \"MaxScaleDenominator\", rule.maxScaleDenominator, node\n-                    );\n-                }\n-\n-                var type, symbolizer;\n-                if (this.multipleSymbolizers && rule.symbolizers) {\n-                    var symbolizer;\n-                    for (var i = 0, ii = rule.symbolizers.length; i < ii; ++i) {\n-                        symbolizer = rule.symbolizers[i];\n-                        type = symbolizer.CLASS_NAME.split(\".\").pop();\n-                        this.writeNode(\n-                            type + \"Symbolizer\", symbolizer, node\n-                        );\n-                    }\n-                } else {\n-                    // add in symbolizers (relies on geometry type keys)\n-                    var types = OpenLayers.Style.SYMBOLIZER_PREFIXES;\n-                    for (var i = 0, len = types.length; i < len; ++i) {\n-                        type = types[i];\n-                        symbolizer = rule.symbolizer[type];\n-                        if (symbolizer) {\n-                            this.writeNode(\n-                                type + \"Symbolizer\", symbolizer, node\n-                            );\n                         }\n                     }\n                 }\n-                return node;\n-\n-            },\n-            \"ElseFilter\": function() {\n-                return this.createElementNSPlus(\"sld:ElseFilter\");\n-            },\n-            \"MinScaleDenominator\": function(scale) {\n-                return this.createElementNSPlus(\n-                    \"sld:MinScaleDenominator\", {\n-                        value: scale\n-                    }\n-                );\n-            },\n-            \"MaxScaleDenominator\": function(scale) {\n-                return this.createElementNSPlus(\n-                    \"sld:MaxScaleDenominator\", {\n-                        value: scale\n-                    }\n-                );\n-            },\n-            \"LineSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LineSymbolizer\");\n-                this.writeNode(\"Stroke\", symbolizer, node);\n-                return node;\n-            },\n-            \"Stroke\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Stroke\");\n-\n-                // GraphicFill here\n-                // GraphicStroke here\n-\n-                // add in CssParameters\n-                if (symbolizer.strokeColor != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeColor\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeOpacity != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeOpacity\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeWidth != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeWidth\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeDashstyle != undefined && symbolizer.strokeDashstyle !== \"solid\") {\n-                    // assumes valid stroke-dasharray value\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeDashstyle\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.strokeLinecap != undefined) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"strokeLinecap\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"CssParameter\": function(obj) {\n-                // not handling ogc:expressions for now\n-                return this.createElementNSPlus(\"sld:CssParameter\", {\n-                    attributes: {\n-                        name: this.getCssProperty(obj.key)\n-                    },\n-                    value: obj.symbolizer[obj.key]\n-                });\n-            },\n-            \"TextSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:TextSymbolizer\");\n-                // add in optional Label\n-                if (symbolizer.label != null) {\n-                    this.writeNode(\"Label\", symbolizer.label, node);\n-                }\n-                // add in optional Font\n-                if (symbolizer.fontFamily != null ||\n-                    symbolizer.fontSize != null ||\n-                    symbolizer.fontWeight != null ||\n-                    symbolizer.fontStyle != null) {\n-                    this.writeNode(\"Font\", symbolizer, node);\n-                }\n-                // add in optional LabelPlacement\n-                if (symbolizer.labelAnchorPointX != null ||\n-                    symbolizer.labelAnchorPointY != null ||\n-                    symbolizer.labelAlign != null ||\n-                    symbolizer.labelXOffset != null ||\n-                    symbolizer.labelYOffset != null ||\n-                    symbolizer.labelRotation != null ||\n-                    symbolizer.labelPerpendicularOffset != null) {\n-                    this.writeNode(\"LabelPlacement\", symbolizer, node);\n-                }\n-                // add in optional Halo\n-                if (symbolizer.haloRadius != null ||\n-                    symbolizer.haloColor != null ||\n-                    symbolizer.haloOpacity != null) {\n-                    this.writeNode(\"Halo\", symbolizer, node);\n-                }\n-                // add in optional Fill\n-                if (symbolizer.fontColor != null ||\n-                    symbolizer.fontOpacity != null) {\n-                    this.writeNode(\"Fill\", {\n-                        fillColor: symbolizer.fontColor,\n-                        fillOpacity: symbolizer.fontOpacity\n-                    }, node);\n-                }\n-                return node;\n-            },\n-            \"LabelPlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LabelPlacement\");\n-                // PointPlacement and LinePlacement are choices, so don't output both\n-                if ((symbolizer.labelAnchorPointX != null ||\n-                        symbolizer.labelAnchorPointY != null ||\n-                        symbolizer.labelAlign != null ||\n-                        symbolizer.labelXOffset != null ||\n-                        symbolizer.labelYOffset != null ||\n-                        symbolizer.labelRotation != null) &&\n-                    symbolizer.labelPerpendicularOffset == null) {\n-                    this.writeNode(\"PointPlacement\", symbolizer, node);\n-                }\n-                if (symbolizer.labelPerpendicularOffset != null) {\n-                    this.writeNode(\"LinePlacement\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"LinePlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:LinePlacement\");\n-                this.writeNode(\"PerpendicularOffset\", symbolizer.labelPerpendicularOffset, node);\n-                return node;\n-            },\n-            \"PerpendicularOffset\": function(value) {\n-                return this.createElementNSPlus(\"sld:PerpendicularOffset\", {\n-                    value: value\n-                });\n-            },\n-            \"PointPlacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PointPlacement\");\n-                if (symbolizer.labelAnchorPointX != null ||\n-                    symbolizer.labelAnchorPointY != null ||\n-                    symbolizer.labelAlign != null) {\n-                    this.writeNode(\"AnchorPoint\", symbolizer, node);\n-                }\n-                if (symbolizer.labelXOffset != null ||\n-                    symbolizer.labelYOffset != null) {\n-                    this.writeNode(\"Displacement\", symbolizer, node);\n-                }\n-                if (symbolizer.labelRotation != null) {\n-                    this.writeNode(\"Rotation\", symbolizer.labelRotation, node);\n-                }\n-                return node;\n-            },\n-            \"AnchorPoint\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:AnchorPoint\");\n-                var x = symbolizer.labelAnchorPointX,\n-                    y = symbolizer.labelAnchorPointY;\n-                if (x != null) {\n-                    this.writeNode(\"AnchorPointX\", x, node);\n-                }\n-                if (y != null) {\n-                    this.writeNode(\"AnchorPointY\", y, node);\n-                }\n-                if (x == null && y == null) {\n-                    var xAlign = symbolizer.labelAlign.substr(0, 1),\n-                        yAlign = symbolizer.labelAlign.substr(1, 1);\n-                    if (xAlign === \"l\") {\n-                        x = 0;\n-                    } else if (xAlign === \"c\") {\n-                        x = 0.5;\n-                    } else if (xAlign === \"r\") {\n-                        x = 1;\n-                    }\n-                    if (yAlign === \"b\") {\n-                        y = 0;\n-                    } else if (yAlign === \"m\") {\n-                        y = 0.5;\n-                    } else if (yAlign === \"t\") {\n-                        y = 1;\n-                    }\n-                    this.writeNode(\"AnchorPointX\", x, node);\n-                    this.writeNode(\"AnchorPointY\", y, node);\n-                }\n-                return node;\n-            },\n-            \"AnchorPointX\": function(value) {\n-                return this.createElementNSPlus(\"sld:AnchorPointX\", {\n-                    value: value\n-                });\n-            },\n-            \"AnchorPointY\": function(value) {\n-                return this.createElementNSPlus(\"sld:AnchorPointY\", {\n-                    value: value\n-                });\n-            },\n-            \"Displacement\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Displacement\");\n-                if (symbolizer.labelXOffset != null) {\n-                    this.writeNode(\"DisplacementX\", symbolizer.labelXOffset, node);\n-                }\n-                if (symbolizer.labelYOffset != null) {\n-                    this.writeNode(\"DisplacementY\", symbolizer.labelYOffset, node);\n-                }\n-                return node;\n-            },\n-            \"DisplacementX\": function(value) {\n-                return this.createElementNSPlus(\"sld:DisplacementX\", {\n-                    value: value\n-                });\n-            },\n-            \"DisplacementY\": function(value) {\n-                return this.createElementNSPlus(\"sld:DisplacementY\", {\n-                    value: value\n-                });\n-            },\n-            \"Font\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Font\");\n-                // add in CssParameters\n-                if (symbolizer.fontFamily) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontFamily\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontSize) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontSize\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontWeight) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontWeight\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fontStyle) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fontStyle\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"Label\": function(label) {\n-                return this.writers.sld._OGCExpression.call(\n-                    this, \"sld:Label\", label\n-                );\n-            },\n-            \"Halo\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Halo\");\n-                if (symbolizer.haloRadius) {\n-                    this.writeNode(\"Radius\", symbolizer.haloRadius, node);\n-                }\n-                if (symbolizer.haloColor || symbolizer.haloOpacity) {\n-                    this.writeNode(\"Fill\", {\n-                        fillColor: symbolizer.haloColor,\n-                        fillOpacity: symbolizer.haloOpacity\n-                    }, node);\n-                }\n-                return node;\n-            },\n-            \"Radius\": function(value) {\n-                return this.createElementNSPlus(\"sld:Radius\", {\n-                    value: value\n-                });\n-            },\n-            \"RasterSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:RasterSymbolizer\");\n-                if (symbolizer.geometry) {\n-                    this.writeNode(\"Geometry\", symbolizer.geometry, node);\n-                }\n-                if (symbolizer.opacity) {\n-                    this.writeNode(\"Opacity\", symbolizer.opacity, node);\n-                }\n-                if (symbolizer.colorMap) {\n-                    this.writeNode(\"ColorMap\", symbolizer.colorMap, node);\n-                }\n-                return node;\n-            },\n-            \"Geometry\": function(geometry) {\n-                var node = this.createElementNSPlus(\"sld:Geometry\");\n-                if (geometry.property) {\n-                    this.writeNode(\"ogc:PropertyName\", geometry, node);\n-                }\n-                return node;\n-            },\n-            \"ColorMap\": function(colorMap) {\n-                var node = this.createElementNSPlus(\"sld:ColorMap\");\n-                for (var i = 0, len = colorMap.length; i < len; ++i) {\n-                    this.writeNode(\"ColorMapEntry\", colorMap[i], node);\n-                }\n-                return node;\n-            },\n-            \"ColorMapEntry\": function(colorMapEntry) {\n-                var node = this.createElementNSPlus(\"sld:ColorMapEntry\");\n-                var a = colorMapEntry;\n-                node.setAttribute(\"color\", a.color);\n-                a.opacity !== undefined && node.setAttribute(\"opacity\",\n-                    parseFloat(a.opacity));\n-                a.quantity !== undefined && node.setAttribute(\"quantity\",\n-                    parseFloat(a.quantity));\n-                a.label !== undefined && node.setAttribute(\"label\", a.label);\n-                return node;\n-            },\n-            \"PolygonSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PolygonSymbolizer\");\n-                if (symbolizer.fill !== false) {\n-                    this.writeNode(\"Fill\", symbolizer, node);\n-                }\n-                if (symbolizer.stroke !== false) {\n-                    this.writeNode(\"Stroke\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"Fill\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Fill\");\n-\n-                // GraphicFill here\n-\n-                // add in CssParameters\n-                if (symbolizer.fillColor) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fillColor\"\n-                        },\n-                        node\n-                    );\n-                }\n-                if (symbolizer.fillOpacity != null) {\n-                    this.writeNode(\n-                        \"CssParameter\", {\n-                            symbolizer: symbolizer,\n-                            key: \"fillOpacity\"\n-                        },\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"PointSymbolizer\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:PointSymbolizer\");\n-                this.writeNode(\"Graphic\", symbolizer, node);\n-                return node;\n-            },\n-            \"Graphic\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Graphic\");\n-                if (symbolizer.externalGraphic != undefined) {\n-                    this.writeNode(\"ExternalGraphic\", symbolizer, node);\n-                } else {\n-                    this.writeNode(\"Mark\", symbolizer, node);\n-                }\n-\n-                if (symbolizer.graphicOpacity != undefined) {\n-                    this.writeNode(\"Opacity\", symbolizer.graphicOpacity, node);\n-                }\n-                if (symbolizer.pointRadius != undefined) {\n-                    this.writeNode(\"Size\", symbolizer.pointRadius * 2, node);\n-                } else if (symbolizer.graphicWidth != undefined) {\n-                    this.writeNode(\"Size\", symbolizer.graphicWidth, node);\n-                }\n-                if (symbolizer.rotation != undefined) {\n-                    this.writeNode(\"Rotation\", symbolizer.rotation, node);\n-                }\n-                return node;\n-            },\n-            \"ExternalGraphic\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:ExternalGraphic\");\n-                this.writeNode(\n-                    \"OnlineResource\", symbolizer.externalGraphic, node\n-                );\n-                var format = symbolizer.graphicFormat ||\n-                    this.getGraphicFormat(symbolizer.externalGraphic);\n-                this.writeNode(\"Format\", format, node);\n-                return node;\n-            },\n-            \"Mark\": function(symbolizer) {\n-                var node = this.createElementNSPlus(\"sld:Mark\");\n-                if (symbolizer.graphicName) {\n-                    this.writeNode(\"WellKnownName\", symbolizer.graphicName, node);\n-                }\n-                if (symbolizer.fill !== false) {\n-                    this.writeNode(\"Fill\", symbolizer, node);\n-                }\n-                if (symbolizer.stroke !== false) {\n-                    this.writeNode(\"Stroke\", symbolizer, node);\n-                }\n-                return node;\n-            },\n-            \"WellKnownName\": function(name) {\n-                return this.createElementNSPlus(\"sld:WellKnownName\", {\n-                    value: name\n-                });\n-            },\n-            \"Opacity\": function(value) {\n-                return this.createElementNSPlus(\"sld:Opacity\", {\n-                    value: value\n-                });\n-            },\n-            \"Size\": function(value) {\n-                return this.writers.sld._OGCExpression.call(\n-                    this, \"sld:Size\", value\n-                );\n-            },\n-            \"Rotation\": function(value) {\n-                return this.createElementNSPlus(\"sld:Rotation\", {\n-                    value: value\n-                });\n-            },\n-            \"OnlineResource\": function(href) {\n-                return this.createElementNSPlus(\"sld:OnlineResource\", {\n-                    attributes: {\n-                        \"xlink:type\": \"simple\",\n-                        \"xlink:href\": href\n-                    }\n-                });\n-            },\n-            \"Format\": function(format) {\n-                return this.createElementNSPlus(\"sld:Format\", {\n-                    value: format\n-                });\n             }\n+            this.multiple = prevMultiple;\n+            this.events.triggerEvent(\"boxselectionend\", {\n+                layers: layers\n+            });\n         }\n-    }, OpenLayers.Format.Filter.v1_0_0.prototype.writers),\n-\n-    CLASS_NAME: \"OpenLayers.Format.SLD.v1\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/SLD/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/SLD/v1.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.SLD.v1_0_0\n- * Write SLD version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.SLD.v1>\n- */\n-OpenLayers.Format.SLD.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.SLD.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/sld\n-         *   http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd\",\n+    },\n \n-        /**\n-         * Constructor: OpenLayers.Format.SLD.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.SLD> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n+    /** \n+     * Method: setMap\n+     * Set the map property for the control. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        this.handlers.feature.setMap(map);\n+        if (this.box) {\n+            this.handlers.box.setMap(map);\n+        }\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    },\n \n-        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0\"\n+    /**\n+     * APIMethod: setLayer\n+     * Attach a new layer to the control, overriding any existing layers.\n+     *\n+     * Parameters:\n+     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n+     *     {<OpenLayers.Layer.Vector>}\n+     */\n+    setLayer: function(layers) {\n+        var isActive = this.active;\n+        this.unselectAll();\n+        this.deactivate();\n+        if (this.layers) {\n+            this.layer.destroy();\n+            this.layers = null;\n+        }\n+        this.initLayer(layers);\n+        this.handlers.feature.layer = this.layer;\n+        if (isActive) {\n+            this.activate();\n+        }\n+    },\n \n-    });\n+    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/SLDSelect.js\n+    OpenLayers/Control/Measure.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Layer/WMS.js\n- * @requires OpenLayers/Handler/RegularPolygon.js\n- * @requires OpenLayers/Handler/Polygon.js\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Filter/Spatial.js\n- * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ * @requires OpenLayers/Feature/Vector.js\n  */\n \n /**\n- * Class: OpenLayers.Control.SLDSelect\n- * Perform selections on WMS layers using Styled Layer Descriptor (SLD)\n+ * Class: OpenLayers.Control.Measure\n+ * Allows for drawing of features for measurements.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.SLDSelect = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Measure = OpenLayers.Class(OpenLayers.Control, {\n \n-    /** \n+    /**\n      * APIProperty: events\n      * {<OpenLayers.Events>} Events instance for listeners and triggering\n      *     control specific events.\n      *\n      * Register a listener for a particular event with the following syntax:\n      * (code)\n      * control.events.register(type, obj, listener);\n      * (end)\n      *\n      * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * selected - Triggered when a selection occurs.  Listeners receive an \n-     *     event with *filters* and *layer* properties.  Filters will be an \n-     *     array of OpenLayers.Filter objects created in order to perform \n-     *     the particular selection.\n-     */\n-\n-    /**\n-     * APIProperty: clearOnDeactivate\n-     * {Boolean} Should the selection be cleared when the control is \n-     *     deactivated. Default value is false.\n+     * measure - Triggered when a measurement sketch is complete.  Listeners\n+     *      will receive an event with measure, units, order, and geometry\n+     *      properties.\n+     * measurepartial - Triggered when a new point is added to the\n+     *      measurement sketch or if the <immediate> property is true and the\n+     *      measurement sketch is modified.  Listeners receive an event with measure,\n+     *      units, order, and geometry.\n      */\n-    clearOnDeactivate: false,\n \n     /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.WMS>)} The WMS layers this control will work \n-     *     on.\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the control's handler\n      */\n-    layers: null,\n \n     /**\n      * Property: callbacks\n      * {Object} The functions that are sent to the handler for callback\n      */\n     callbacks: null,\n \n     /**\n-     * APIProperty: selectionSymbolizer\n-     * {Object} Determines the styling of the selected objects. Default is\n-     *     a selection in red.\n+     * APIProperty: displaySystem\n+     * {String} Display system for output measurements.  Supported values\n+     *     are 'english', 'metric', and 'geographic'.  Default is 'metric'.\n      */\n-    selectionSymbolizer: {\n-        'Polygon': {\n-            fillColor: '#FF0000',\n-            stroke: false\n-        },\n-        'Line': {\n-            strokeColor: '#FF0000',\n-            strokeWidth: 2\n-        },\n-        'Point': {\n-            graphicName: 'square',\n-            fillColor: '#FF0000',\n-            pointRadius: 5\n-        }\n-    },\n+    displaySystem: 'metric',\n \n     /**\n-     * APIProperty: layerOptions\n-     * {Object} The options to apply to the selection layer, by default the\n-     *     selection layer will be kept out of the layer switcher.\n+     * APIProperty: geodesic\n+     * {Boolean} Calculate geodesic metrics instead of planar metrics.  This\n+     *     requires that geometries can be transformed into Geographic/WGS84\n+     *     (if that is not already the map projection).  Default is false.\n      */\n-    layerOptions: null,\n+    geodesic: false,\n \n     /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n+     * Property: displaySystemUnits\n+     * {Object} Units for various measurement systems.  Values are arrays\n+     *     of unit abbreviations (from OpenLayers.INCHES_PER_UNIT) in decreasing\n+     *     order of length.\n      */\n+    displaySystemUnits: {\n+        geographic: ['dd'],\n+        english: ['mi', 'ft', 'in'],\n+        metric: ['km', 'm']\n+    },\n \n     /**\n-     * APIProperty: sketchStyle\n-     * {<OpenLayers.Style>|Object} Style or symbolizer to use for the sketch\n-     * handler. The recommended way of styling the sketch layer, however, is\n-     * to configure an <OpenLayers.StyleMap> in the layerOptions of the\n-     * <handlerOptions>:\n-     * \n-     * (code)\n-     * new OpenLayers.Control.SLDSelect(OpenLayers.Handler.Path, {\n-     *     handlerOptions: {\n-     *         layerOptions: {\n-     *             styleMap: new OpenLayers.StyleMap({\n-     *                 \"default\": {strokeColor: \"yellow\"}\n-     *             })\n-     *         }\n-     *     }\n-     * });\n-     * (end)\n+     * Property: delay\n+     * {Number} Number of milliseconds between clicks before the event is\n+     *     considered a double-click.  The \"measurepartial\" event will not\n+     *     be triggered if the sketch is completed within this time.  This\n+     *     is required for IE where creating a browser reflow (if a listener\n+     *     is modifying the DOM by displaying the measurement values) messes\n+     *     with the dblclick listener in the sketch handler.\n      */\n-    sketchStyle: null,\n+    partialDelay: 300,\n \n     /**\n-     * APIProperty: wfsCache\n-     * {Object} Cache to use for storing parsed results from\n-     *     <OpenLayers.Format.WFSDescribeFeatureType.read>. If not provided,\n-     *     these will be cached on the prototype.\n+     * Property: delayedTrigger\n+     * {Number} Timeout id of trigger for measurepartial.\n      */\n-    wfsCache: {},\n+    delayedTrigger: null,\n \n     /**\n-     * APIProperty: layerCache\n-     * {Object} Cache to use for storing references to the selection layers.\n-     *     Normally each source layer will have exactly 1 selection layer of\n-     *     type OpenLayers.Layer.WMS. If not provided, layers will\n-     *     be cached on the prototype. Note that if <clearOnDeactivate> is\n-     *     true, the layer will no longer be cached after deactivating the\n-     *     control.\n+     * APIProperty: persist\n+     * {Boolean} Keep the temporary measurement sketch drawn after the\n+     *     measurement is complete.  The geometry will persist until a new\n+     *     measurement is started, the control is deactivated, or <cancel> is\n+     *     called.\n      */\n-    layerCache: {},\n+    persist: false,\n \n     /**\n-     * Constructor: OpenLayers.Control.SLDSelect\n-     * Create a new control for selecting features in WMS layers using\n-     *     Styled Layer Descriptor (SLD).\n+     * APIProperty: immediate\n+     * {Boolean} Activates the immediate measurement so that the \"measurepartial\"\n+     *     event is also fired once the measurement sketch is modified.\n+     *     Default is false.\n+     */\n+    immediate: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.Measure\n      *\n      * Parameters:\n-     * handler - {<OpenLayers.Class>} A sketch handler class. This determines\n-     *     the type of selection, e.g. box (<OpenLayers.Handler.Box>), point\n-     *     (<OpenLayers.Handler.Point>), path (<OpenLayers.Handler.Path>) or\n-     *     polygon (<OpenLayers.Handler.Polygon>) selection. To use circle\n-     *     type selection, use <OpenLayers.Handler.RegularPolygon> and pass\n-     *     the number of desired sides (e.g. 40) as \"sides\" property to the\n-     *     <handlerOptions>.\n-     * options - {Object} An object containing all configuration properties for\n-     *     the control.\n-     *\n-     * Valid options:\n-     * layers - Array({<OpenLayers.Layer.WMS>}) The layers to perform the\n-     *     selection on.\n+     * handler - {<OpenLayers.Handler>}\n+     * options - {Object}\n      */\n     initialize: function(handler, options) {\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.callbacks = OpenLayers.Util.extend({\n-            done: this.select,\n-            click: this.select\n-        }, this.callbacks);\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.layerOptions = OpenLayers.Util.applyDefaults(this.layerOptions, {\n-            displayInLayerSwitcher: false,\n-            tileOptions: {\n-                maxGetUrlLength: 2048\n-            }\n-        });\n-        if (this.sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-                this.handlerOptions.layerOptions, {\n-                    styleMap: new OpenLayers.StyleMap({\n-                        \"default\": this.sketchStyle\n-                    })\n-                }\n-            );\n+        var callbacks = {\n+            done: this.measureComplete,\n+            point: this.measurePartial\n+        };\n+        if (this.immediate) {\n+            callbacks.modify = this.measureImmediate;\n         }\n+        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n+\n+        // let the handler options override, so old code that passes 'persist'\n+        // directly to the handler does not need an update\n+        this.handlerOptions = OpenLayers.Util.extend({\n+            persist: this.persist\n+        }, this.handlerOptions);\n         this.handler = new handler(this, this.callbacks, this.handlerOptions);\n     },\n \n     /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n+     * APIMethod: deactivate\n      */\n-    destroy: function() {\n-        for (var key in this.layerCache) {\n-            delete this.layerCache[key];\n-        }\n-        for (var key in this.wfsCache) {\n-            delete this.wfsCache[key];\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    deactivate: function() {\n+        this.cancelDelay();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n     },\n \n     /**\n-     * Method: coupleLayerVisiblity\n-     * Couple the selection layer and the source layer with respect to\n-     *     layer visibility. So if the source layer is turned off, the\n-     *     selection layer is also turned off.\n-     *\n-     * Context: \n-     * - {<OpenLayers.Layer>}\n-     *\n-     * Parameters:\n-     * evt - {Object}\n+     * APIMethod: cancel\n+     * Stop the control from measuring.  If <persist> is true, the temporary\n+     *     sketch will be erased.\n      */\n-    coupleLayerVisiblity: function(evt) {\n-        this.setVisibility(evt.object.getVisibility());\n+    cancel: function() {\n+        this.cancelDelay();\n+        this.handler.cancel();\n     },\n \n     /**\n-     * Method: createSelectionLayer\n-     * Creates a \"clone\" from the source layer in which the selection can\n-     * be drawn. This ensures both the source layer and the selection are \n-     * visible and not only the selection.\n-     *\n-     * Parameters:\n-     * source - {<OpenLayers.Layer.WMS>} The source layer on which the selection\n-     *     is performed.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMS>} A WMS layer with maxGetUrlLength configured to 2048\n-     *     since SLD selections can easily get quite long.\n+     * APIMethod: setImmediate\n+     * Sets the <immediate> property. Changes the activity of immediate\n+     * measurement.\n      */\n-    createSelectionLayer: function(source) {\n-        // check if we already have a selection layer for the source layer\n-        var selectionLayer;\n-        if (!this.layerCache[source.id]) {\n-            selectionLayer = new OpenLayers.Layer.WMS(source.name,\n-                source.url, source.params,\n-                OpenLayers.Util.applyDefaults(\n-                    this.layerOptions,\n-                    source.getOptions())\n-            );\n-            this.layerCache[source.id] = selectionLayer;\n-            // make sure the layers are coupled wrt visibility, but only\n-            // if they are not displayed in the layer switcher, because in\n-            // that case the user cannot control visibility.\n-            if (this.layerOptions.displayInLayerSwitcher === false) {\n-                source.events.on({\n-                    \"visibilitychanged\": this.coupleLayerVisiblity,\n-                    scope: selectionLayer\n-                });\n-            }\n-            this.map.addLayer(selectionLayer);\n+    setImmediate: function(immediate) {\n+        this.immediate = immediate;\n+        if (this.immediate) {\n+            this.callbacks.modify = this.measureImmediate;\n         } else {\n-            selectionLayer = this.layerCache[source.id];\n+            delete this.callbacks.modify;\n         }\n-        return selectionLayer;\n     },\n \n     /**\n-     * Method: createSLD\n-     * Create the SLD document for the layer using the supplied filters.\n+     * Method: updateHandler\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>}\n-     * filters - Array({<OpenLayers.Filter>}) The filters to be applied.\n-     * geometryAttributes - Array({Object}) The geometry attributes of the \n-     *     layer.\n-     *\n-     * Returns:\n-     * {String} The SLD document generated as a string.\n+     * handler - {Function} One of the sketch handler constructors.\n+     * options - {Object} Options for the handler.\n      */\n-    createSLD: function(layer, filters, geometryAttributes) {\n-        var sld = {\n-            version: \"1.0.0\",\n-            namedLayers: {}\n-        };\n-        var layerNames = [layer.params.LAYERS].join(\",\").split(\",\");\n-        for (var i = 0, len = layerNames.length; i < len; i++) {\n-            var name = layerNames[i];\n-            sld.namedLayers[name] = {\n-                name: name,\n-                userStyles: []\n-            };\n-            var symbolizer = this.selectionSymbolizer;\n-            var geometryAttribute = geometryAttributes[i];\n-            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n-                symbolizer = {\n-                    Polygon: this.selectionSymbolizer['Polygon']\n-                };\n-            } else if (geometryAttribute.type.indexOf('LineString') >= 0) {\n-                symbolizer = {\n-                    Line: this.selectionSymbolizer['Line']\n-                };\n-            } else if (geometryAttribute.type.indexOf('Point') >= 0) {\n-                symbolizer = {\n-                    Point: this.selectionSymbolizer['Point']\n-                };\n-            }\n-            var filter = filters[i];\n-            sld.namedLayers[name].userStyles.push({\n-                name: 'default',\n-                rules: [\n-                    new OpenLayers.Rule({\n-                        symbolizer: symbolizer,\n-                        filter: filter,\n-                        maxScaleDenominator: layer.options.minScale\n-                    })\n-                ]\n-            });\n+    updateHandler: function(handler, options) {\n+        var active = this.active;\n+        if (active) {\n+            this.deactivate();\n+        }\n+        this.handler = new handler(this, this.callbacks, options);\n+        if (active) {\n+            this.activate();\n         }\n-        return new OpenLayers.Format.SLD({\n-            srsName: this.map.getProjection()\n-        }).write(sld);\n     },\n \n     /**\n-     * Method: parseDescribeLayer\n-     * Parse the SLD WMS DescribeLayer response and issue the corresponding\n-     *     WFS DescribeFeatureType request\n+     * Method: measureComplete\n+     * Called when the measurement sketch is done.\n      *\n-     * request - {XMLHttpRequest} The request object.\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    parseDescribeLayer: function(request) {\n-        var format = new OpenLayers.Format.WMSDescribeLayer();\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        var describeLayer = format.read(doc);\n-        var typeNames = [];\n-        var url = null;\n-        for (var i = 0, len = describeLayer.length; i < len; i++) {\n-            // perform a WFS DescribeFeatureType request\n-            if (describeLayer[i].owsType == \"WFS\") {\n-                typeNames.push(describeLayer[i].typeName);\n-                url = describeLayer[i].owsURL;\n-            }\n-        }\n-        var options = {\n-            url: url,\n-            params: {\n-                SERVICE: \"WFS\",\n-                TYPENAME: typeNames.toString(),\n-                REQUEST: \"DescribeFeatureType\",\n-                VERSION: \"1.0.0\"\n-            },\n-            callback: function(request) {\n-                var format = new OpenLayers.Format.WFSDescribeFeatureType();\n-                var doc = request.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = request.responseText;\n-                }\n-                var describeFeatureType = format.read(doc);\n-                this.control.wfsCache[this.layer.id] = describeFeatureType;\n-                this.control._queue && this.control.applySelection();\n-            },\n-            scope: this\n-        };\n-        OpenLayers.Request.GET(options);\n+    measureComplete: function(geometry) {\n+        this.cancelDelay();\n+        this.measure(geometry, \"measure\");\n     },\n \n     /**\n-     * Method: getGeometryAttributes\n-     * Look up the geometry attributes from the WFS DescribeFeatureType response\n+     * Method: measurePartial\n+     * Called each time a new point is added to the measurement sketch.\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>} The layer for which to look up the \n-     *     geometry attributes.\n-     *\n-     * Returns:\n-     * Array({Object}) Array of geometry attributes\n+     * point - {<OpenLayers.Geometry.Point>} The last point added.\n+     * geometry - {<OpenLayers.Geometry>} The sketch geometry.\n      */\n-    getGeometryAttributes: function(layer) {\n-        var result = [];\n-        var cache = this.wfsCache[layer.id];\n-        for (var i = 0, len = cache.featureTypes.length; i < len; i++) {\n-            var typeName = cache.featureTypes[i];\n-            var properties = typeName.properties;\n-            for (var j = 0, lenj = properties.length; j < lenj; j++) {\n-                var property = properties[j];\n-                var type = property.type;\n-                if ((type.indexOf('LineString') >= 0) ||\n-                    (type.indexOf('GeometryAssociationType') >= 0) ||\n-                    (type.indexOf('GeometryPropertyType') >= 0) ||\n-                    (type.indexOf('Point') >= 0) ||\n-                    (type.indexOf('Polygon') >= 0)) {\n-                    result.push(property);\n-                }\n-            }\n+    measurePartial: function(point, geometry) {\n+        this.cancelDelay();\n+        geometry = geometry.clone();\n+        // when we're wating for a dblclick, we have to trigger measurepartial\n+        // after some delay to deal with reflow issues in IE\n+        if (this.handler.freehandMode(this.handler.evt)) {\n+            // no dblclick in freehand mode\n+            this.measure(geometry, \"measurepartial\");\n+        } else {\n+            this.delayedTrigger = window.setTimeout(\n+                OpenLayers.Function.bind(function() {\n+                    this.delayedTrigger = null;\n+                    this.measure(geometry, \"measurepartial\");\n+                }, this),\n+                this.partialDelay\n+            );\n         }\n-        return result;\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the control. Activating the control will perform a SLD WMS\n-     *     DescribeLayer request followed by a WFS DescribeFeatureType request\n-     *     so that the proper symbolizers can be chosen based on the geometry\n-     *     type.\n+     * Method: measureImmediate\n+     * Called each time the measurement sketch is modified.\n+     *\n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>} The point at the mouse position.\n+     * feature - {<OpenLayers.Feature.Vector>} The sketch feature.\n+     * drawing - {Boolean} Indicates whether we're currently drawing.\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Control.prototype.activate.call(this);\n-        if (activated) {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                if (layer && !this.wfsCache[layer.id]) {\n-                    var options = {\n-                        url: layer.url,\n-                        params: {\n-                            SERVICE: \"WMS\",\n-                            VERSION: layer.params.VERSION,\n-                            LAYERS: layer.params.LAYERS,\n-                            REQUEST: \"DescribeLayer\"\n-                        },\n-                        callback: this.parseDescribeLayer,\n-                        scope: {\n-                            layer: layer,\n-                            control: this\n-                        }\n-                    };\n-                    OpenLayers.Request.GET(options);\n-                }\n-            }\n+    measureImmediate: function(point, feature, drawing) {\n+        if (drawing && !this.handler.freehandMode(this.handler.evt)) {\n+            this.cancelDelay();\n+            this.measure(feature.geometry, \"measurepartial\");\n         }\n-        return activated;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the control. If clearOnDeactivate is true, remove the\n-     *     selection layer(s).\n+     * Method: cancelDelay\n+     * Cancels the delay measurement that measurePartial began.\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                if (layer && this.clearOnDeactivate === true) {\n-                    var layerCache = this.layerCache;\n-                    var selectionLayer = layerCache[layer.id];\n-                    if (selectionLayer) {\n-                        layer.events.un({\n-                            \"visibilitychanged\": this.coupleLayerVisiblity,\n-                            scope: selectionLayer\n-                        });\n-                        selectionLayer.destroy();\n-                        delete layerCache[layer.id];\n-                    }\n-                }\n-            }\n+    cancelDelay: function() {\n+        if (this.delayedTrigger !== null) {\n+            window.clearTimeout(this.delayedTrigger);\n+            this.delayedTrigger = null;\n         }\n-        return deactivated;\n     },\n \n     /**\n-     * APIMethod: setLayers\n-     * Set the layers on which the selection should be performed.  Call the \n-     *     setLayers method if the layer(s) to be used change and the same \n-     *     control should be used on a new set of layers.\n-     *     If the control is already active, it will be active after the new\n-     *     set of layers is set.\n+     * Method: measure\n      *\n      * Parameters:\n-     * layers - {Array(<OpenLayers.Layer.WMS>)}  The new set of layers on which \n-     *     the selection should be performed.\n+     * geometry - {<OpenLayers.Geometry>}\n+     * eventType - {String}\n      */\n-    setLayers: function(layers) {\n-        if (this.active) {\n-            this.deactivate();\n-            this.layers = layers;\n-            this.activate();\n+    measure: function(geometry, eventType) {\n+        var stat, order;\n+        if (geometry.CLASS_NAME.indexOf('LineString') > -1) {\n+            stat = this.getBestLength(geometry);\n+            order = 1;\n         } else {\n-            this.layers = layers;\n+            stat = this.getBestArea(geometry);\n+            order = 2;\n         }\n+        this.events.triggerEvent(eventType, {\n+            measure: stat[0],\n+            units: stat[1],\n+            order: order,\n+            geometry: geometry\n+        });\n     },\n \n     /**\n-     * Function: createFilter\n-     * Create the filter to be used in the SLD.\n+     * Method: getBestArea\n+     * Based on the <displaySystem> returns the area of a geometry.\n      *\n      * Parameters:\n-     * geometryAttribute - {Object} Used to get the name of the geometry \n-     *     attribute which is needed for constructing the spatial filter.\n-     * geometry - {<OpenLayers.Geometry>} The geometry to use.\n+     * geometry - {<OpenLayers.Geometry>}\n      *\n      * Returns:\n-     * {<OpenLayers.Filter.Spatial>} The spatial filter created.\n+     * {Array([Float, String])}  Returns a two item array containing the\n+     *     area and the units abbreviation.\n      */\n-    createFilter: function(geometryAttribute, geometry) {\n-        var filter = null;\n-        if (this.handler instanceof OpenLayers.Handler.RegularPolygon) {\n-            // box\n-            if (this.handler.irregular === true) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.BBOX,\n-                    property: geometryAttribute.name,\n-                    value: geometry.getBounds()\n-                });\n-            } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n-                });\n-            }\n-        } else if (this.handler instanceof OpenLayers.Handler.Polygon) {\n-            filter = new OpenLayers.Filter.Spatial({\n-                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                property: geometryAttribute.name,\n-                value: geometry\n-            });\n-        } else if (this.handler instanceof OpenLayers.Handler.Path) {\n-            // if source layer is point based, use DWITHIN instead\n-            if (geometryAttribute.type.indexOf('Point') >= 0) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.DWITHIN,\n-                    property: geometryAttribute.name,\n-                    distance: this.map.getExtent().getWidth() * 0.01,\n-                    distanceUnits: this.map.getUnits(),\n-                    value: geometry\n-                });\n-            } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n-                });\n-            }\n-        } else if (this.handler instanceof OpenLayers.Handler.Click) {\n-            if (geometryAttribute.type.indexOf('Polygon') >= 0) {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                    property: geometryAttribute.name,\n-                    value: geometry\n-                });\n-            } else {\n-                filter = new OpenLayers.Filter.Spatial({\n-                    type: OpenLayers.Filter.Spatial.DWITHIN,\n-                    property: geometryAttribute.name,\n-                    distance: this.map.getExtent().getWidth() * 0.01,\n-                    distanceUnits: this.map.getUnits(),\n-                    value: geometry\n-                });\n+    getBestArea: function(geometry) {\n+        var units = this.displaySystemUnits[this.displaySystem];\n+        var unit, area;\n+        for (var i = 0, len = units.length; i < len; ++i) {\n+            unit = units[i];\n+            area = this.getArea(geometry, unit);\n+            if (area > 1) {\n+                break;\n             }\n         }\n-        return filter;\n+        return [area, unit];\n     },\n \n     /**\n-     * Method: select\n-     * When the handler is done, use SLD_BODY on the selection layer to\n-     *     display the selection in the map.\n+     * Method: getArea\n      *\n      * Parameters:\n-     * geometry - {Object} or {<OpenLayers.Geometry>}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * units - {String} Unit abbreviation\n+     *\n+     * Returns:\n+     * {Float} The geometry area in the given units.\n      */\n-    select: function(geometry) {\n-        this._queue = function() {\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.layers[i];\n-                var geometryAttributes = this.getGeometryAttributes(layer);\n-                var filters = [];\n-                for (var j = 0, lenj = geometryAttributes.length; j < lenj; j++) {\n-                    var geometryAttribute = geometryAttributes[j];\n-                    if (geometryAttribute !== null) {\n-                        // from the click handler we will not get an actual \n-                        // geometry so transform\n-                        if (!(geometry instanceof OpenLayers.Geometry)) {\n-                            var point = this.map.getLonLatFromPixel(\n-                                geometry.xy);\n-                            geometry = new OpenLayers.Geometry.Point(\n-                                point.lon, point.lat);\n-                        }\n-                        var filter = this.createFilter(geometryAttribute,\n-                            geometry);\n-                        if (filter !== null) {\n-                            filters.push(filter);\n-                        }\n-                    }\n-                }\n-\n-                var selectionLayer = this.createSelectionLayer(layer);\n-\n-                this.events.triggerEvent(\"selected\", {\n-                    layer: layer,\n-                    filters: filters\n-                });\n-\n-                var sld = this.createSLD(layer, filters, geometryAttributes);\n-\n-                selectionLayer.mergeNewParams({\n-                    SLD_BODY: sld\n-                });\n-                delete this._queue;\n-            }\n-        };\n-        this.applySelection();\n+    getArea: function(geometry, units) {\n+        var area, geomUnits;\n+        if (this.geodesic) {\n+            area = geometry.getGeodesicArea(this.map.getProjectionObject());\n+            geomUnits = \"m\";\n+        } else {\n+            area = geometry.getArea();\n+            geomUnits = this.map.getUnits();\n+        }\n+        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n+        if (inPerDisplayUnit) {\n+            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n+            area *= Math.pow((inPerMapUnit / inPerDisplayUnit), 2);\n+        }\n+        return area;\n     },\n \n     /**\n-     * Method: applySelection\n-     * Checks if all required wfs data is cached, and applies the selection\n+     * Method: getBestLength\n+     * Based on the <displaySystem> returns the length of a geometry.\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     *\n+     * Returns:\n+     * {Array([Float, String])}  Returns a two item array containing the\n+     *     length and the units abbreviation.\n      */\n-    applySelection: function() {\n-        var canApply = true;\n-        for (var i = 0, len = this.layers.length; i < len; i++) {\n-            if (!this.wfsCache[this.layers[i].id]) {\n-                canApply = false;\n+    getBestLength: function(geometry) {\n+        var units = this.displaySystemUnits[this.displaySystem];\n+        var unit, length;\n+        for (var i = 0, len = units.length; i < len; ++i) {\n+            unit = units[i];\n+            length = this.getLength(geometry, unit);\n+            if (length > 1) {\n                 break;\n             }\n         }\n-        canApply && this._queue.call(this);\n+        return [length, unit];\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n+    /**\n+     * Method: getLength\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * units - {String} Unit abbreviation\n+     *\n+     * Returns:\n+     * {Float} The geometry length in the given units.\n+     */\n+    getLength: function(geometry, units) {\n+        var length, geomUnits;\n+        if (this.geodesic) {\n+            length = geometry.getGeodesicLength(this.map.getProjectionObject());\n+            geomUnits = \"m\";\n+        } else {\n+            length = geometry.getLength();\n+            geomUnits = this.map.getUnits();\n+        }\n+        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n+        if (inPerDisplayUnit) {\n+            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n+            length *= (inPerMapUnit / inPerDisplayUnit);\n+        }\n+        return length;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.Measure\"\n });\n /* ======================================================================\n-    OpenLayers/Control/ZoomBox.js\n+    OpenLayers/Control/Geolocate.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Box.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ZoomBox\n- * The ZoomBox control enables zooming directly to a given extent, by drawing \n- * a box on the map. The box is drawn by holding down shift, whilst dragging \n- * the mouse.\n+ * Class: OpenLayers.Control.Geolocate\n+ * The Geolocate control wraps w3c geolocation API into control that can be\n+ * bound to a map, and generate events on location update\n+ *\n+ * To use this control requires to load the proj4js library if the projection\n+ * of the map is not EPSG:4326 or EPSG:900913.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * locationupdated - Triggered when browser return a new position. Listeners will \n+     *     receive an object with a 'position' property which is the browser.geolocation.position\n+     *     native object, as well as a 'point' property which is the location transformed in the \n+     *     current map projection.\n+     * locationfailed - Triggered when geolocation has failed\n+     * locationuncapable - Triggered when control is activated on a browser\n+     *     which doesn't support geolocation\n+     */\n+\n     /**\n-     * Property: type\n-     * {OpenLayers.Control.TYPE}\n+     * Property: geolocation\n+     * {Object} The geolocation engine, as a property to be possibly mocked.\n+     * This is set lazily to avoid a memory leak in IE9.\n      */\n-    type: OpenLayers.Control.TYPE_TOOL,\n+    geolocation: null,\n \n     /**\n-     * Property: out\n-     * {Boolean} Should the control be used for zooming out?\n+     * Property: available\n+     * {Boolean} The navigator.geolocation object is available.\n      */\n-    out: false,\n+    available: ('geolocation' in navigator),\n \n     /**\n-     * APIProperty: keyMask\n-     * {Integer} Zoom only occurs if the keyMask matches the combination of \n-     *     keys down. Use bitwise operators and one or more of the\n-     *     <OpenLayers.Handler> constants to construct a keyMask. Leave null if \n-     *     not used mask. Default is null.\n+     * APIProperty: bind\n+     * {Boolean} If true, map center will be set on location update.\n      */\n-    keyMask: null,\n+    bind: true,\n \n     /**\n-     * APIProperty: alwaysZoom\n-     * {Boolean} Always zoom in/out when box drawn, even if the zoom level does\n-     * not change.\n+     * APIProperty: watch\n+     * {Boolean} If true, position will be update regularly.\n      */\n-    alwaysZoom: false,\n+    watch: false,\n \n     /**\n-     * APIProperty: zoomOnClick\n-     * {Boolean} Should we zoom when no box was dragged, i.e. the user only\n-     * clicked? Default is true.\n+     * APIProperty: geolocationOptions\n+     * {Object} Options to pass to the navigator's geolocation API. See\n+     *     <http://dev.w3.org/geo/api/spec-source.html>. No specific\n+     *     option is passed to the geolocation API by default.\n      */\n-    zoomOnClick: true,\n+    geolocationOptions: null,\n \n     /**\n-     * Method: draw\n+     * Constructor: OpenLayers.Control.Geolocate\n+     * Create a new control to deal with browser geolocation API\n+     *\n      */\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        });\n+\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * Method: zoomBox\n+     * Method: activate\n+     * Activates the control.\n      *\n-     * Parameters:\n-     * position - {<OpenLayers.Bounds>} or {<OpenLayers.Pixel>}\n+     * Returns:\n+     * {Boolean} The control was effectively activated.\n      */\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds,\n-                targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat,\n-                    maxXY.lon, maxXY.lat);\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min((this.map.size.h / pixHeight),\n-                    (this.map.size.w / pixWidth));\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - (extent.getWidth() / 2) * zoomFactor;\n-                var xmax = center.lon + (extent.getWidth() / 2) * zoomFactor;\n-                var ymin = center.lat - (extent.getHeight() / 2) * zoomFactor;\n-                var ymax = center.lat + (extent.getHeight() / 2) * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax);\n-            }\n-            // always zoom in/out \n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx));\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) /\n-                        (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) /\n-                        (oldRes - newRes)\n-                };\n-                this.map.zoomTo(zoom, zoomOriginPx);\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1));\n-            }\n-        } else if (this.zoomOnClick) { // it's a pixel\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position);\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            // set lazily to avoid IE9 memory leak\n+            this.geolocation = navigator.geolocation;\n+        }\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false;\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(\n+                    OpenLayers.Function.bind(this.geolocate, this),\n+                    OpenLayers.Function.bind(this.failure, this),\n+                    this.geolocationOptions\n+                );\n             } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position);\n+                this.getCurrentLocation();\n             }\n+            return true;\n         }\n+        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n+    /**\n+     * Method: deactivate\n+     * Deactivates the control.\n+     *\n+     * Returns:\n+     * {Boolean} The control was effectively deactivated.\n+     */\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId);\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(\n+            this, arguments\n+        );\n+    },\n+\n+    /**\n+     * Method: geolocate\n+     * Activates the control.\n+     *\n+     */\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(\n+            position.coords.longitude,\n+            position.coords.latitude\n+        ).transform(\n+            new OpenLayers.Projection(\"EPSG:4326\"),\n+            this.map.getProjectionObject()\n+        );\n+        if (this.bind) {\n+            this.map.setCenter(center);\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(\n+                center.lon, center.lat\n+            )\n+        });\n+    },\n+\n+    /**\n+     * APIMethod: getCurrentLocation\n+     *\n+     * Returns:\n+     * {Boolean} Returns true if a event will be fired (successfull\n+     * registration)\n+     */\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false;\n+        }\n+        this.geolocation.getCurrentPosition(\n+            OpenLayers.Function.bind(this.geolocate, this),\n+            OpenLayers.Function.bind(this.failure, this),\n+            this.geolocationOptions\n+        );\n+        return true;\n+    },\n+\n+    /**\n+     * Method: failure\n+     * method called on browser's geolocation failure\n+     *\n+     */\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        });\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Navigation.js\n+    OpenLayers/Control/ZoomIn.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/ZoomBox.js\n- * @requires OpenLayers/Control/DragPan.js\n- * @requires OpenLayers/Handler/MouseWheel.js\n- * @requires OpenLayers/Handler/Click.js\n+ * @requires OpenLayers/Control/Button.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Navigation\n- * The navigation control handles map browsing with mouse events (dragging,\n- *     double-clicking, and scrolling the wheel).  Create a new navigation \n- *     control with the <OpenLayers.Control.Navigation> control.  \n- * \n- *     Note that this control is added to the map by default (if no controls \n- *     array is sent in the options object to the <OpenLayers.Map> \n- *     constructor).\n- * \n- * Inherits:\n+ * Class: OpenLayers.Control.ZoomIn\n+ * The ZoomIn control is a button to increase the zoom level of a map.\n+ *\n+ * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * Property: dragPan\n-     * {<OpenLayers.Control.DragPan>} \n-     */\n-    dragPan: null,\n+OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n \n     /**\n-     * APIProperty: dragPanOptions\n-     * {Object} Options passed to the DragPan control.\n+     * Method: trigger\n      */\n-    dragPanOptions: null,\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomIn();\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/ScaleLine.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.ScaleLine\n+ * The ScaleLine displays a small line indicator representing the current \n+ * map scale on the map. By default it is drawn in the lower left corner of\n+ * the map.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ *  \n+ * Is a very close copy of:\n+ *  - <OpenLayers.Control.Scale>\n+ */\n+OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * Property: pinchZoom\n-     * {<OpenLayers.Control.PinchZoom>}\n+     * Property: maxWidth\n+     * {Integer} Maximum width of the scale line in pixels.  Default is 100.\n      */\n-    pinchZoom: null,\n+    maxWidth: 100,\n \n     /**\n-     * APIProperty: pinchZoomOptions\n-     * {Object} Options passed to the PinchZoom control.\n+     * Property: topOutUnits\n+     * {String} Units for zoomed out on top bar.  Default is km.\n      */\n-    pinchZoomOptions: null,\n+    topOutUnits: \"km\",\n \n     /**\n-     * APIProperty: documentDrag\n-     * {Boolean} Allow panning of the map by dragging outside map viewport.\n-     *     Default is false.\n+     * Property: topInUnits\n+     * {String} Units for zoomed in on top bar.  Default is m.\n      */\n-    documentDrag: false,\n+    topInUnits: \"m\",\n \n-    /** \n-     * Property: zoomBox\n-     * {<OpenLayers.Control.ZoomBox>}\n+    /**\n+     * Property: bottomOutUnits\n+     * {String} Units for zoomed out on bottom bar.  Default is mi.\n      */\n-    zoomBox: null,\n+    bottomOutUnits: \"mi\",\n \n     /**\n-     * APIProperty: zoomBoxEnabled\n-     * {Boolean} Whether the user can draw a box to zoom\n+     * Property: bottomInUnits\n+     * {String} Units for zoomed in on bottom bar.  Default is ft.\n      */\n-    zoomBoxEnabled: true,\n+    bottomInUnits: \"ft\",\n \n     /**\n-     * APIProperty: zoomWheelEnabled\n-     * {Boolean} Whether the mousewheel should zoom the map\n+     * Property: eTop\n+     * {DOMElement}\n      */\n-    zoomWheelEnabled: true,\n+    eTop: null,\n \n     /**\n-     * Property: mouseWheelOptions\n-     * {Object} Options passed to the MouseWheel control (only useful if\n-     *     <zoomWheelEnabled> is set to true). Default is no options for maps\n-     *     with fractionalZoom set to true, otherwise\n-     *     {cumulative: false, interval: 50, maxDelta: 6} \n+     * Property: eBottom\n+     * {DOMElement}\n      */\n-    mouseWheelOptions: null,\n+    eBottom: null,\n \n     /**\n-     * APIProperty: handleRightClicks\n-     * {Boolean} Whether or not to handle right clicks. Default is false.\n+     * APIProperty: geodesic\n+     * {Boolean} Use geodesic measurement. Default is false. The recommended\n+     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n+     * true, the scale will be calculated based on the horizontal size of the\n+     * pixel in the center of the map viewport.\n      */\n-    handleRightClicks: false,\n+    geodesic: false,\n \n     /**\n-     * APIProperty: zoomBoxKeyMask\n-     * {Integer} <OpenLayers.Handler> key code of the key, which has to be\n-     *    pressed, while drawing the zoom box with the mouse on the screen. \n-     *    You should probably set handleRightClicks to true if you use this\n-     *    with MOD_CTRL, to disable the context menu for machines which use\n-     *    CTRL-Click as a right click.\n-     * Default: <OpenLayers.Handler.MOD_SHIFT>\n+     * Constructor: OpenLayers.Control.ScaleLine\n+     * Create a new scale line control.\n+     * \n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * Method: draw\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n-    autoActivate: true,\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.eTop) {\n+            // stick in the top bar\n+            this.eTop = document.createElement(\"div\");\n+            this.eTop.className = this.displayClass + \"Top\";\n+            var theLen = this.topInUnits.length;\n+            this.div.appendChild(this.eTop);\n+            if ((this.topOutUnits == \"\") || (this.topInUnits == \"\")) {\n+                this.eTop.style.visibility = \"hidden\";\n+            } else {\n+                this.eTop.style.visibility = \"visible\";\n+            }\n \n-    /**\n-     * Constructor: OpenLayers.Control.Navigation\n-     * Create a new navigation control\n+            // and the bottom bar\n+            this.eBottom = document.createElement(\"div\");\n+            this.eBottom.className = this.displayClass + \"Bottom\";\n+            this.div.appendChild(this.eBottom);\n+            if ((this.bottomOutUnits == \"\") || (this.bottomInUnits == \"\")) {\n+                this.eBottom.style.visibility = \"hidden\";\n+            } else {\n+                this.eBottom.style.visibility = \"visible\";\n+            }\n+        }\n+        this.map.events.register('moveend', this, this.update);\n+        this.update();\n+        return this.div;\n+    },\n+\n+    /** \n+     * Method: getBarLen\n+     * Given a number, round it down to the nearest 1,2,5 times a power of 10.\n+     * That seems a fairly useful set of number groups to use.\n      * \n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *                    the control\n+     * maxLen - {float}  the number we're rounding down from\n+     * \n+     * Returns:\n+     * {Float} the rounded number (less than or equal to maxLen)\n      */\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+    getBarLen: function(maxLen) {\n+        // nearest power of 10 lower than maxLen\n+        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n+        var pow10 = Math.pow(10, digits);\n+\n+        // ok, find first character\n+        var firstChar = parseInt(maxLen / pow10);\n+\n+        // right, put it into the correct bracket\n+        var barLen;\n+        if (firstChar > 5) {\n+            barLen = 5;\n+        } else if (firstChar > 2) {\n+            barLen = 2;\n+        } else {\n+            barLen = 1;\n+        }\n+\n+        // scale it up the correct power of 10\n+        return barLen * pow10;\n     },\n \n     /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n+     * Method: update\n+     * Update the size of the bars, and the labels they contain.\n      */\n-    destroy: function() {\n-        this.deactivate();\n+    update: function() {\n+        var res = this.map.getResolution();\n+        if (!res) {\n+            return;\n+        }\n \n-        if (this.dragPan) {\n-            this.dragPan.destroy();\n+        var curMapUnits = this.map.getUnits();\n+        var inches = OpenLayers.INCHES_PER_UNIT;\n+\n+        // convert maxWidth to map units\n+        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n+        var geodesicRatio = 1;\n+        if (this.geodesic === true) {\n+            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w ||\n+                0.000001) * this.maxWidth;\n+            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n+            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n+            maxSizeData *= geodesicRatio;\n         }\n-        this.dragPan = null;\n \n-        if (this.zoomBox) {\n-            this.zoomBox.destroy();\n+        // decide whether to use large or small scale units     \n+        var topUnits;\n+        var bottomUnits;\n+        if (maxSizeData > 100000) {\n+            topUnits = this.topOutUnits;\n+            bottomUnits = this.bottomOutUnits;\n+        } else {\n+            topUnits = this.topInUnits;\n+            bottomUnits = this.bottomInUnits;\n         }\n-        this.zoomBox = null;\n \n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n+        // and to map units units\n+        var topMax = maxSizeData / inches[topUnits];\n+        var bottomMax = maxSizeData / inches[bottomUnits];\n+\n+        // now trim this down to useful block length\n+        var topRounded = this.getBarLen(topMax);\n+        var bottomRounded = this.getBarLen(bottomMax);\n+\n+        // and back to display units\n+        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n+        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n+\n+        // and to pixel units\n+        var topPx = topMax / res / geodesicRatio;\n+        var bottomPx = bottomMax / res / geodesicRatio;\n+\n+        // now set the pixel widths\n+        // and the values inside them\n+\n+        if (this.eBottom.style.visibility == \"visible\") {\n+            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n+            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits;\n+        }\n+\n+        if (this.eTop.style.visibility == \"visible\") {\n+            this.eTop.style.width = Math.round(topPx) + \"px\";\n+            this.eTop.innerHTML = topRounded + \" \" + topUnits;\n         }\n-        this.pinchZoom = null;\n \n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n+    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Control/MousePosition.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.MousePosition\n+ * The MousePosition control displays geographic coordinates of the mouse\n+ * pointer, as it is moved about the map.\n+ *\n+ * You can use the <prefix>- or <suffix>-properties to provide more information\n+ * about the displayed coordinates to the user:\n+ *\n+ * (code)\n+ *     var mousePositionCtrl = new OpenLayers.Control.MousePosition({\n+ *         prefix: '<a target=\"_blank\" ' +\n+ *             'href=\"http://spatialreference.org/ref/epsg/4326/\">' +\n+ *             'EPSG:4326</a> coordinates: '\n+ *         }\n+ *     );\n+ * (end code)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n+\n     /**\n-     * Method: activate\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate();\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate();\n-        }\n-        if (this.pinchZoom) {\n-            this.pinchZoom.activate();\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments);\n-    },\n+    autoActivate: true,\n \n     /**\n-     * Method: deactivate\n+     * Property: element\n+     * {DOMElement}\n      */\n-    deactivate: function() {\n-        if (this.pinchZoom) {\n-            this.pinchZoom.deactivate();\n-        }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n+    element: null,\n \n     /**\n-     * Method: draw\n+     * APIProperty: prefix\n+     * {String} A string to be prepended to the current pointers coordinates\n+     *     when it is rendered.  Defaults to the empty string ''.\n      */\n-    draw: function() {\n-        // disable right mouse context menu for support of right click events\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False;\n-        }\n+    prefix: '',\n \n-        var clickCallbacks = {\n-            'click': this.defaultClick,\n-            'dblclick': this.defaultDblClick,\n-            'dblrightclick': this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            'double': true,\n-            'stopDouble': true\n-        };\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, clickCallbacks, clickOptions\n-        );\n-        this.dragPan = new OpenLayers.Control.DragPan(\n-            OpenLayers.Util.extend({\n-                map: this.map,\n-                documentDrag: this.documentDrag\n-            }, this.dragPanOptions)\n-        );\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n-        this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(\n-            this, {\n-                up: this.wheelUp,\n-                down: this.wheelDown\n-            },\n-            OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions)\n-        );\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(\n-                OpenLayers.Util.extend({\n-                    map: this.map\n-                }, this.pinchZoomOptions));\n-        }\n-    },\n+    /**\n+     * APIProperty: separator\n+     * {String} A string to be used to seperate the two coordinates from each\n+     *     other.  Defaults to the string ', ', which will result in a\n+     *     rendered coordinate of e.g. '42.12, 21.22'.\n+     */\n+    separator: ', ',\n \n     /**\n-     * Method: defaultClick\n-     *\n-     * Parameters:\n-     * evt - {Event}\n+     * APIProperty: suffix\n+     * {String} A string to be appended to the current pointers coordinates\n+     *     when it is rendered.  Defaults to the empty string ''.\n      */\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut();\n-        }\n-    },\n+    suffix: '',\n \n     /**\n-     * Method: defaultDblClick \n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * APIProperty: numDigits\n+     * {Integer} The number of digits each coordinate shall have when being\n+     *     rendered, Defaults to 5.\n      */\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n-    },\n+    numDigits: 5,\n \n     /**\n-     * Method: defaultDblRightClick \n-     * \n-     * Parameters:\n-     * evt - {Event} \n+     * APIProperty: granularity\n+     * {Integer}\n      */\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy);\n-    },\n+    granularity: 10,\n \n     /**\n-     * Method: wheelChange  \n+     * APIProperty: emptyString\n+     * {String} Set this to some value to set when the mouse is outside the\n+     *     map.\n+     */\n+    emptyString: null,\n+\n+    /**\n+     * Property: lastXy\n+     * {<OpenLayers.Pixel>}\n+     */\n+    lastXy: null,\n+\n+    /**\n+     * APIProperty: displayProjection\n+     * {<OpenLayers.Projection>} The projection in which the mouse position is\n+     *     displayed.\n+     */\n+    displayProjection: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Control.MousePosition\n      *\n      * Parameters:\n-     * evt - {Event}\n-     * deltaZ - {Integer}\n+     * options - {Object} Options for control.\n      */\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ);\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return;\n-        }\n-        this.map.zoomTo(newZoom, evt.xy);\n-    },\n \n-    /** \n-     * Method: wheelUp\n-     * User spun scroll wheel up\n-     * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n+    /**\n+     * Method: destroy\n      */\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1);\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    /** \n-     * Method: wheelDown\n-     * User spun scroll wheel down\n-     * \n-     * Parameters:\n-     * evt - {Event}\n-     * delta - {Integer}\n+    /**\n+     * APIMethod: activate\n      */\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1);\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.events.register('mousemove', this, this.redraw);\n+            this.map.events.register('mouseout', this, this.reset);\n+            this.redraw();\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: disableZoomBox\n+     * APIMethod: deactivate\n      */\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate();\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister('mousemove', this, this.redraw);\n+            this.map.events.unregister('mouseout', this, this.reset);\n+            this.element.innerHTML = \"\";\n+            return true;\n+        } else {\n+            return false;\n+        }\n     },\n \n     /**\n-     * Method: enableZoomBox\n+     * Method: draw\n+     * {DOMElement}\n      */\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate();\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+\n+        if (!this.element) {\n+            this.div.left = \"\";\n+            this.div.top = \"\";\n+            this.element = this.div;\n         }\n+\n+        return this.div;\n     },\n \n     /**\n-     * Method: disableZoomWheel\n+     * Method: redraw\n      */\n+    redraw: function(evt) {\n \n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate();\n+        var lonLat;\n+\n+        if (evt == null) {\n+            this.reset();\n+            return;\n+        } else {\n+            if (this.lastXy == null ||\n+                Math.abs(evt.xy.x - this.lastXy.x) > this.granularity ||\n+                Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n+                this.lastXy = evt.xy;\n+                return;\n+            }\n+\n+            lonLat = this.map.getLonLatFromPixel(evt.xy);\n+            if (!lonLat) {\n+                // map has not yet been properly initialized\n+                return;\n+            }\n+            if (this.displayProjection) {\n+                lonLat.transform(this.map.getProjectionObject(),\n+                    this.displayProjection);\n+            }\n+            this.lastXy = evt.xy;\n+\n+        }\n+\n+        var newHtml = this.formatOutput(lonLat);\n+\n+        if (newHtml != this.element.innerHTML) {\n+            this.element.innerHTML = newHtml;\n+        }\n     },\n \n     /**\n-     * Method: enableZoomWheel\n+     * Method: reset\n      */\n-\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate();\n+    reset: function(evt) {\n+        if (this.emptyString != null) {\n+            this.element.innerHTML = this.emptyString;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n+    /**\n+     * Method: formatOutput\n+     * Override to provide custom display output\n+     *\n+     * Parameters:\n+     * lonLat - {<OpenLayers.LonLat>} Location to display\n+     */\n+    formatOutput: function(lonLat) {\n+        var digits = parseInt(this.numDigits);\n+        var newHtml =\n+            this.prefix +\n+            lonLat.lon.toFixed(digits) +\n+            this.separator +\n+            lonLat.lat.toFixed(digits) +\n+            this.suffix;\n+        return newHtml;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n });\n /* ======================================================================\n-    OpenLayers/Control/NavToolbar.js\n+    OpenLayers/Control/ZoomPanel.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Navigation.js\n- * @requires OpenLayers/Control/ZoomBox.js\n+ * @requires OpenLayers/Control/ZoomIn.js\n+ * @requires OpenLayers/Control/ZoomOut.js\n+ * @requires OpenLayers/Control/ZoomToMaxExtent.js\n  */\n \n /**\n- * Class: OpenLayers.Control.NavToolbar\n- * This Toolbar is an alternative to the Navigation control that displays\n- *     the state of the control, and provides a UI for changing state to\n- *     use the zoomBox via a Panel control.\n+ * Class: OpenLayers.Control.ZoomPanel\n+ * The ZoomPanel control is a compact collecton of 3 zoom controls: a \n+ * <OpenLayers.Control.ZoomIn>, a <OpenLayers.Control.ZoomToMaxExtent>, and a\n+ * <OpenLayers.Control.ZoomOut>. By default it is drawn in the upper left \n+ * corner of the map.\n  *\n- * If you wish to change the properties of the Navigation control used\n- *     in the NavToolbar, see: \n- *     http://trac.openlayers.org/wiki/Toolbars#SubclassingNavToolbar \n+ * Note: \n+ * If you wish to use this class with the default images and you want \n+ *       it to look nice in ie6, you should add the following, conditionally\n+ *       added css stylesheet to your HTML file:\n  * \n+ * (code)\n+ * <!--[if lte IE 6]>\n+ *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n+ * <![endif]-->\n+ * (end)\n  * \n  * Inherits from:\n  *  - <OpenLayers.Control.Panel>\n  */\n-OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n+OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n \n     /**\n-     * Constructor: OpenLayers.Control.NavToolbar \n-     * Add our two mousedefaults controls.\n+     * Constructor: OpenLayers.Control.ZoomPanel \n+     * Add the three zooming controls.\n      *\n      * Parameters:\n      * options - {Object} An optional object whose properties will be used\n      *     to extend the control.\n      */\n     initialize: function(options) {\n         OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n         this.addControls([\n-            new OpenLayers.Control.Navigation(),\n-            new OpenLayers.Control.ZoomBox()\n+            new OpenLayers.Control.ZoomIn(),\n+            new OpenLayers.Control.ZoomToMaxExtent(),\n+            new OpenLayers.Control.ZoomOut()\n         ]);\n     },\n \n-    /**\n-     * Method: draw \n-     * calls the default draw, and then activates mouse defaults.\n-     */\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0];\n-        }\n-        return div;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n });\n /* ======================================================================\n-    OpenLayers/Control/CacheRead.js\n+    OpenLayers/Control/CacheWrite.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Request.js\n+ * @requires OpenLayers/Console.js\n  */\n \n /**\n- * Class: OpenLayers.Control.CacheRead\n- * A control for using image tiles cached with <OpenLayers.Control.CacheWrite>\n- * from the browser's local storage.\n+ * Class: OpenLayers.Control.CacheWrite\n+ * A control for caching image tiles in the browser's local storage. The\n+ * <OpenLayers.Control.CacheRead> control is used to fetch and use the cached\n+ * tile images.\n+ *\n+ * Note: Before using this control on any layer that is not your own, make sure\n+ * that the terms of service of the tile provider allow local storage of tiles.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIProperty: fetchEvent\n-     * {String} The layer event to listen to for replacing remote resource tile\n-     *     URLs with cached data URIs. Supported values are \"tileerror\" (try\n-     *     remote first, fall back to cached) and \"tileloadstart\" (try cache\n-     *     first, fall back to remote). Default is \"tileloadstart\".\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n-     *     Note that \"tileerror\" will not work for CORS enabled images (see\n-     *     https://developer.mozilla.org/en/CORS_Enabled_Image), i.e. layers\n-     *     configured with a <OpenLayers.Tile.Image.crossOriginKeyword> in\n-     *     <OpenLayers.Layer.Grid.tileOptions>.\n+     * To register events in the constructor, configure <eventListeners>.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * control.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * cachefull - Triggered when the cache is full. Listeners receive an\n+     *     object with a tile property as first argument. The tile references\n+     *     the tile that couldn't be cached.\n+     */\n+\n+    /**\n+     * APIProperty: eventListeners\n+     * {Object} Object with event listeners, keyed by event name. An optional\n+     *     scope property defines the scope that listeners will be executed in.\n      */\n-    fetchEvent: \"tileloadstart\",\n \n     /**\n      * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, only these\n-     *     layers will receive tiles from the cache.\n+     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, caching\n+     *     will be enabled for these layers only, otherwise for all cacheable\n+     *     layers.\n      */\n     layers: null,\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * APIProperty: imageFormat\n+     * {String} The image format used for caching. The default is \"image/png\".\n+     *     Supported formats depend on the user agent. If an unsupported\n+     *     <imageFormat> is provided, \"image/png\" will be used. For aerial\n+     *     imagery, \"image/jpeg\" is recommended.\n      */\n-    autoActivate: true,\n+    imageFormat: \"image/png\",\n \n     /**\n-     * Constructor: OpenLayers.Control.CacheRead\n+     * Property: quotaRegEx\n+     * {RegExp}\n+     */\n+    quotaRegEx: (/quota/i),\n+\n+    /**\n+     * Constructor: OpenLayers.Control.CacheWrite\n      *\n      * Parameters:\n-     * options - {Object} Object with API properties for this control\n+     * options - {Object} Object with API properties for this control.\n      */\n \n     /** \n      * Method: setMap\n      * Set the map property for the control. \n      * \n      * Parameters:\n@@ -63619,54 +62026,110 @@\n      *     will be cached.\n      *\n      * Parameters:\n      * evt - {Object} Object with a layer property referencing an\n      *     <OpenLayers.Layer> instance\n      */\n     addLayer: function(evt) {\n-        evt.layer.events.register(this.fetchEvent, this, this.fetch);\n+        evt.layer.events.on({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        });\n     },\n \n     /**\n      * Method: removeLayer\n      * Removes a layer from the control. Once removed, tiles requested for this\n      *     layer will no longer be cached.\n      *\n      * Parameters:\n      * evt - {Object} Object with a layer property referencing an\n      *     <OpenLayers.Layer> instance\n      */\n     removeLayer: function(evt) {\n-        evt.layer.events.unregister(this.fetchEvent, this, this.fetch);\n+        evt.layer.events.un({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: fetch\n-     * Listener to the <fetchEvent> event. Replaces a tile's url with a data\n-     * URI from the cache.\n+     * Method: makeSameOrigin\n+     * If the tile does not have CORS image loading enabled and is from a\n+     * different origin, use OpenLayers.ProxyHost to make it a same origin url.\n      *\n      * Parameters:\n-     * evt - {Object} Event object with a tile property.\n+     * evt - {<OpenLayers.Event>}\n      */\n-    fetch: function(evt) {\n-        if (this.active && window.localStorage &&\n-            evt.tile instanceof OpenLayers.Tile.Image) {\n-            var tile = evt.tile,\n-                url = tile.url;\n-            // deal with modified tile urls when both CacheWrite and CacheRead\n-            // are active\n-            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost &&\n-                url.indexOf(OpenLayers.ProxyHost) === 0) {\n-                url = OpenLayers.Control.CacheWrite.urlMap[url];\n+    makeSameOrigin: function(evt) {\n+        if (this.active) {\n+            var tile = evt.tile;\n+            if (tile instanceof OpenLayers.Tile.Image &&\n+                !tile.crossOriginKeyword &&\n+                tile.url.substr(0, 5) !== \"data:\") {\n+                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(\n+                    tile.url, OpenLayers.ProxyHost\n+                );\n+                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n+                tile.url = sameOriginUrl;\n             }\n-            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n-            if (dataURI) {\n-                tile.url = dataURI;\n-                if (evt.type === \"tileerror\") {\n-                    tile.setImgSrc(dataURI);\n+        }\n+    },\n+\n+    /**\n+     * Method: onTileLoaded\n+     * Decides whether a tile can be cached and calls the cache method.\n+     *\n+     * Parameters:\n+     * evt - {Event}\n+     */\n+    onTileLoaded: function(evt) {\n+        if (this.active && !evt.aborted &&\n+            evt.tile instanceof OpenLayers.Tile.Image &&\n+            evt.tile.url.substr(0, 5) !== 'data:') {\n+            this.cache({\n+                tile: evt.tile\n+            });\n+            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url];\n+        }\n+    },\n+\n+    /**\n+     * Method: cache\n+     * Adds a tile to the cache. When the cache is full, the \"cachefull\" event\n+     * is triggered.\n+     *\n+     * Parameters:\n+     * obj - {Object} Object with a tile property, tile being the\n+     *     <OpenLayers.Tile.Image> with the data to add to the cache\n+     */\n+    cache: function(obj) {\n+        if (window.localStorage) {\n+            var tile = obj.tile;\n+            try {\n+                var canvasContext = tile.getCanvasContext();\n+                if (canvasContext) {\n+                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n+                    var url = urlMap[tile.url] || tile.url;\n+                    window.localStorage.setItem(\n+                        \"olCache_\" + url,\n+                        canvasContext.canvas.toDataURL(this.imageFormat)\n+                    );\n+                }\n+            } catch (e) {\n+                // local storage full or CORS violation\n+                var reason = e.name || e.message;\n+                if (reason && this.quotaRegEx.test(reason)) {\n+                    this.events.triggerEvent(\"cachefull\", {\n+                        tile: tile\n+                    });\n+                } else {\n+                    OpenLayers.Console.error(e.toString());\n                 }\n             }\n         }\n     },\n \n     /**\n      * Method: destroy\n@@ -63689,2967 +62152,1139 @@\n                 removeLayer: this.removeLayer,\n                 scope: this\n             });\n         }\n         OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n+    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n });\n+\n+/**\n+ * APIFunction: OpenLayers.Control.CacheWrite.clearCache\n+ * Clears all tiles cached with <OpenLayers.Control.CacheWrite> from the cache.\n+ */\n+OpenLayers.Control.CacheWrite.clearCache = function() {\n+    if (!window.localStorage) {\n+        return;\n+    }\n+    var i, key;\n+    for (i = window.localStorage.length - 1; i >= 0; --i) {\n+        key = window.localStorage.key(i);\n+        if (key.substr(0, 8) === \"olCache_\") {\n+            window.localStorage.removeItem(key);\n+        }\n+    }\n+};\n+\n+/**\n+ * Property: OpenLayers.Control.CacheWrite.urlMap\n+ * {Object} Mapping of same origin urls to cache url keys. Entries will be\n+ *     deleted as soon as a tile was cached.\n+ */\n+OpenLayers.Control.CacheWrite.urlMap = {};\n+\n+\n /* ======================================================================\n-    OpenLayers/Control/OverviewMap.js\n+    OpenLayers/Control/Attribution.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-/** \n+/**\n  * @requires OpenLayers/Control.js\n- * @requires OpenLayers/BaseTypes.js\n- * @requires OpenLayers/Events/buttonclick.js\n- * @requires OpenLayers/Map.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Handler/Drag.js\n  */\n \n /**\n- * Class: OpenLayers.Control.OverviewMap\n- * The OverMap control creates a small overview map, useful to display the \n- * extent of a zoomed map and your main map and provide additional \n- * navigation options to the User.  By default the overview map is drawn in\n- * the lower right corner of the main map. Create a new overview map with the\n- * <OpenLayers.Control.OverviewMap> constructor.\n+ * Class: OpenLayers.Control.Attribution\n+ * The attribution control adds attribution from layers to the map display. \n+ * It uses 'attribution' property of each layer.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Attribution =\n+    OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * Property: element\n-     * {DOMElement} The DOM element that contains the overview map\n-     */\n-    element: null,\n+        /**\n+         * APIProperty: separator\n+         * {String} String used to separate layers.\n+         */\n+        separator: \", \",\n \n-    /**\n-     * APIProperty: ovmap\n-     * {<OpenLayers.Map>} A reference to the overview map itself.\n-     */\n-    ovmap: null,\n+        /**\n+         * APIProperty: template\n+         * {String} Template for the attribution. This has to include the substring\n+         *     \"${layers}\", which will be replaced by the layer specific\n+         *     attributions, separated by <separator>. The default is \"${layers}\".\n+         */\n+        template: \"${layers}\",\n+\n+        /**\n+         * Constructor: OpenLayers.Control.Attribution \n+         * \n+         * Parameters:\n+         * options - {Object} Options for control.\n+         */\n+\n+        /** \n+         * Method: destroy\n+         * Destroy control.\n+         */\n+        destroy: function() {\n+            this.map.events.un({\n+                \"removelayer\": this.updateAttribution,\n+                \"addlayer\": this.updateAttribution,\n+                \"changelayer\": this.updateAttribution,\n+                \"changebaselayer\": this.updateAttribution,\n+                scope: this\n+            });\n+\n+            OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Method: draw\n+         * Initialize control.\n+         * \n+         * Returns: \n+         * {DOMElement} A reference to the DIV DOMElement containing the control\n+         */\n+        draw: function() {\n+            OpenLayers.Control.prototype.draw.apply(this, arguments);\n+\n+            this.map.events.on({\n+                'changebaselayer': this.updateAttribution,\n+                'changelayer': this.updateAttribution,\n+                'addlayer': this.updateAttribution,\n+                'removelayer': this.updateAttribution,\n+                scope: this\n+            });\n+            this.updateAttribution();\n+\n+            return this.div;\n+        },\n+\n+        /**\n+         * Method: updateAttribution\n+         * Update attribution string.\n+         */\n+        updateAttribution: function() {\n+            var attributions = [];\n+            if (this.map && this.map.layers) {\n+                for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                    var layer = this.map.layers[i];\n+                    if (layer.attribution && layer.getVisibility()) {\n+                        // add attribution only if attribution text is unique\n+                        if (OpenLayers.Util.indexOf(\n+                                attributions, layer.attribution) === -1) {\n+                            attributions.push(layer.attribution);\n+                        }\n+                    }\n+                }\n+                this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                    layers: attributions.join(this.separator)\n+                });\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Control/NavToolbar.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control/Panel.js\n+ * @requires OpenLayers/Control/Navigation.js\n+ * @requires OpenLayers/Control/ZoomBox.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.NavToolbar\n+ * This Toolbar is an alternative to the Navigation control that displays\n+ *     the state of the control, and provides a UI for changing state to\n+ *     use the zoomBox via a Panel control.\n+ *\n+ * If you wish to change the properties of the Navigation control used\n+ *     in the NavToolbar, see: \n+ *     http://trac.openlayers.org/wiki/Toolbars#SubclassingNavToolbar \n+ * \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Control.Panel>\n+ */\n+OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n \n     /**\n-     * APIProperty: size\n-     * {<OpenLayers.Size>} The overvew map size in pixels.  Note that this is\n-     * the size of the map itself - the element that contains the map (default\n-     * class name olControlOverviewMapElement) may have padding or other style\n-     * attributes added via CSS.\n+     * Constructor: OpenLayers.Control.NavToolbar \n+     * Add our two mousedefaults controls.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be used\n+     *     to extend the control.\n      */\n-    size: {\n-        w: 180,\n-        h: 90\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([\n+            new OpenLayers.Control.Navigation(),\n+            new OpenLayers.Control.ZoomBox()\n+        ]);\n     },\n \n     /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer>)} Ordered list of layers in the overview map.\n-     * If none are sent at construction, the base layer for the main map is used.\n+     * Method: draw \n+     * calls the default draw, and then activates mouse defaults.\n      */\n-    layers: null,\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0];\n+        }\n+        return div;\n+    },\n \n-    /**\n-     * APIProperty: minRectSize\n-     * {Integer} The minimum width or height (in pixels) of the extent\n-     *     rectangle on the overview map.  When the extent rectangle reaches\n-     *     this size, it will be replaced depending on the value of the\n-     *     <minRectDisplayClass> property.  Default is 15 pixels.\n-     */\n-    minRectSize: 15,\n+    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+});\n+/* ======================================================================\n+    OpenLayers/Control/Snapping.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: minRectDisplayClass\n-     * {String} Replacement style class name for the extent rectangle when\n-     *     <minRectSize> is reached.  This string will be suffixed on to the\n-     *     displayClass.  Default is \"RectReplacement\".\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Layer/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Control.Snapping\n+ * Acts as a snapping agent while editing vector features.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Control>\n+ */\n+OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n+\n+    /** \n+     * APIProperty: events\n+     * {<OpenLayers.Events>} Events instance for listeners and triggering\n+     *     control specific events.\n      *\n-     * Example CSS declaration:\n+     * Register a listener for a particular event with the following syntax:\n      * (code)\n-     * .olControlOverviewMapRectReplacement {\n-     *     overflow: hidden;\n-     *     cursor: move;\n-     *     background-image: url(\"img/overview_replacement.gif\");\n-     *     background-repeat: no-repeat;\n-     *     background-position: center;\n-     * }\n+     * control.events.register(type, obj, listener);\n      * (end)\n+     *\n+     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n+     * beforesnap - Triggered before a snap occurs.  Listeners receive an\n+     *     event object with *point*, *x*, *y*, *distance*, *layer*, and\n+     *     *snapType* properties.  The point property will be original point\n+     *     geometry considered for snapping. The x and y properties represent\n+     *     coordinates the point will receive. The distance is the distance\n+     *     of the snap.  The layer is the target layer.  The snapType property\n+     *     will be one of \"node\", \"vertex\", or \"edge\". Return false to stop\n+     *     snapping from occurring.\n+     * snap - Triggered when a snap occurs.  Listeners receive an event with\n+     *     *point*, *snapType*, *layer*, and *distance* properties.  The point\n+     *     will be the location snapped to.  The snapType will be one of \"node\",\n+     *     \"vertex\", or \"edge\".  The layer will be the target layer.  The\n+     *     distance will be the distance of the snap in map units.\n+     * unsnap - Triggered when a vertex is unsnapped.  Listeners receive an\n+     *     event with a *point* property.\n      */\n-    minRectDisplayClass: \"RectReplacement\",\n-\n-    /**\n-     * APIProperty: minRatio\n-     * {Float} The ratio of the overview map resolution to the main map\n-     *     resolution at which to zoom farther out on the overview map.\n-     */\n-    minRatio: 8,\n \n     /**\n-     * APIProperty: maxRatio\n-     * {Float} The ratio of the overview map resolution to the main map\n-     *     resolution at which to zoom farther in on the overview map.\n+     * CONSTANT: DEFAULTS\n+     * Default target properties.\n      */\n-    maxRatio: 32,\n+    DEFAULTS: {\n+        tolerance: 10,\n+        node: true,\n+        edge: true,\n+        vertex: true\n+    },\n \n     /**\n-     * APIProperty: mapOptions\n-     * {Object} An object containing any non-default properties to be sent to\n-     *     the overview map's map constructor.  These should include any\n-     *     non-default options that the main map was constructed with.\n+     * Property: greedy\n+     * {Boolean} Snap to closest feature in first layer with an eligible\n+     *     feature.  Default is true.\n      */\n-    mapOptions: null,\n+    greedy: true,\n \n     /**\n-     * APIProperty: autoPan\n-     * {Boolean} Always pan the overview map, so the extent marker remains in\n-     *     the center.  Default is false.  If true, when you drag the extent\n-     *     marker, the overview map will update itself so the marker returns\n-     *     to the center.\n+     * Property: precedence\n+     * {Array} List representing precedence of different snapping types.\n+     *     Default is \"node\", \"vertex\", \"edge\".\n      */\n-    autoPan: false,\n+    precedence: [\"node\", \"vertex\", \"edge\"],\n \n     /**\n-     * Property: handlers\n-     * {Object}\n+     * Property: resolution\n+     * {Float} The map resolution for the previously considered snap.\n      */\n-    handlers: null,\n+    resolution: null,\n \n     /**\n-     * Property: resolutionFactor\n-     * {Object}\n+     * Property: geoToleranceCache\n+     * {Object} A cache of geo-tolerances.  Tolerance values (in map units) are\n+     *     calculated when the map resolution changes.\n      */\n-    resolutionFactor: 1,\n+    geoToleranceCache: null,\n \n     /**\n-     * APIProperty: maximized\n-     * {Boolean} Start as maximized (visible). Defaults to false.\n+     * Property: layer\n+     * {<OpenLayers.Layer.Vector>} The current editable layer.  Set at\n+     *     construction or after construction with <setLayer>.\n      */\n-    maximized: false,\n+    layer: null,\n \n     /**\n-     * APIProperty: maximizeTitle\n-     * {String}  This property is used for showing a tooltip over the  \n-     * maximize div. Defaults to \"\" (no title).\n+     * Property: feature\n+     * {<OpenLayers.Feature.Vector>} The current editable feature.\n      */\n-    maximizeTitle: \"\",\n+    feature: null,\n \n     /**\n-     * APIProperty: minimizeTitle\n-     * {String}  This property is used for showing a tooltip over the  \n-     * minimize div. Defaults to \"\" (no title).\n+     * Property: point\n+     * {<OpenLayers.Geometry.Point>} The currently snapped vertex.\n      */\n-    minimizeTitle: \"\",\n+    point: null,\n \n     /**\n-     * Constructor: OpenLayers.Control.OverviewMap\n-     * Create a new overview map\n+     * Constructor: OpenLayers.Control.Snapping\n+     * Creates a new snapping control. A control is constructed with an editable\n+     *     layer and a set of configuration objects for target layers. While the\n+     *     control is active, dragging vertices while drawing new features or\n+     *     modifying existing features on the editable layer will engage\n+     *     snapping to features on the target layers. Whether a vertex snaps to\n+     *     a feature on a target layer depends on the target layer configuration.\n      *\n      * Parameters:\n-     * options - {Object} Properties of this object will be set on the overview\n-     * map object.  Note, to set options on the map object contained in this\n-     * control, set <mapOptions> as one of the options properties.\n+     * options - {Object} An object containing all configuration properties for\n+     *     the control.\n+     *\n+     * Valid options:\n+     * layer - {<OpenLayers.Layer.Vector>} The editable layer.  Features from this\n+     *     layer that are digitized or modified may have vertices snapped to\n+     *     features from any of the target layers.\n+     * targets - {Array(Object | OpenLayers.Layer.Vector)} A list of objects for\n+     *     configuring target layers.  See valid properties of the target\n+     *     objects below.  If the items in the targets list are vector layers\n+     *     (instead of configuration objects), the defaults from the <defaults>\n+     *     property will apply.  The editable layer itself may be a target\n+     *     layer, allowing newly created or edited features to be snapped to\n+     *     existing features from the same layer.  If no targets are provided\n+     *     the layer given in the constructor (as <layer>) will become the\n+     *     initial target.\n+     * defaults - {Object} An object with default properties to be applied\n+     *     to all target objects.\n+     * greedy - {Boolean} Snap to closest feature in first target layer that\n+     *     applies.  Default is true.  If false, all features in all target\n+     *     layers will be checked and the closest feature in all target layers\n+     *     will be chosen.  The greedy property determines if the order of the\n+     *     target layers is significant.  By default, the order of the target\n+     *     layers is significant where layers earlier in the target layer list\n+     *     have precedence over layers later in the list.  Within a single\n+     *     layer, the closest feature is always chosen for snapping.  This\n+     *     property only determines whether the search for a closer feature\n+     *     continues after an eligible feature is found in a target layer.\n+     *\n+     * Valid target properties:\n+     * layer - {<OpenLayers.Layer.Vector>} A target layer.  Features from this\n+     *     layer will be eligible to act as snapping target for the editable\n+     *     layer.\n+     * tolerance - {Float} The distance (in pixels) at which snapping may occur.\n+     *     Default is 10.\n+     * node - {Boolean} Snap to nodes (first or last point in a geometry) in\n+     *     target layer.  Default is true.\n+     * nodeTolerance - {Float} Optional distance at which snapping may occur\n+     *     for nodes specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * vertex - {Boolean} Snap to vertices in target layer.  Default is true.\n+     * vertexTolerance - {Float} Optional distance at which snapping may occur\n+     *     for vertices specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * edge - {Boolean} Snap to edges in target layer.  Default is true.\n+     * edgeTolerance - {Float} Optional distance at which snapping may occur\n+     *     for edges specifically.  If none is provided, <tolerance> will be\n+     *     used.\n+     * filter - {<OpenLayers.Filter>} Optional filter to evaluate to determine if\n+     *     feature is eligible for snapping.  If filter evaluates to true for a\n+     *     target feature a vertex may be snapped to the feature. \n+     * minResolution - {Number} If a minResolution is provided, snapping to this\n+     *     target will only be considered if the map resolution is greater than\n+     *     or equal to this value (the minResolution is inclusive).  Default is\n+     *     no minimum resolution limit.\n+     * maxResolution - {Number} If a maxResolution is provided, snapping to this\n+     *     target will only be considered if the map resolution is strictly\n+     *     less than this value (the maxResolution is exclusive).  Default is\n+     *     no maximum resolution limit.\n      */\n     initialize: function(options) {\n-        this.layers = [];\n-        this.handlers = {};\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Deconstruct the control\n-     */\n-    destroy: function() {\n-        if (!this.mapDiv) { // we've already been destroyed\n-            return;\n-        }\n-        if (this.handlers.click) {\n-            this.handlers.click.destroy();\n-        }\n-        if (this.handlers.drag) {\n-            this.handlers.drag.destroy();\n-        }\n-\n-        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n-        this.extentRectangle = null;\n-\n-        if (this.rectEvents) {\n-            this.rectEvents.destroy();\n-            this.rectEvents = null;\n-        }\n-\n-        if (this.ovmap) {\n-            this.ovmap.destroy();\n-            this.ovmap = null;\n-        }\n-\n-        this.element.removeChild(this.mapDiv);\n-        this.mapDiv = null;\n-\n-        this.div.removeChild(this.element);\n-        this.element = null;\n+        this.options = options || {}; // TODO: this could be done by the super\n \n-        if (this.maximizeDiv) {\n-            this.div.removeChild(this.maximizeDiv);\n-            this.maximizeDiv = null;\n+        // set the editable layer if provided\n+        if (this.options.layer) {\n+            this.setLayer(this.options.layer);\n         }\n-\n-        if (this.minimizeDiv) {\n-            this.div.removeChild(this.minimizeDiv);\n-            this.minimizeDiv = null;\n+        // configure target layers\n+        var defaults = OpenLayers.Util.extend({}, this.options.defaults);\n+        this.defaults = OpenLayers.Util.applyDefaults(defaults, this.DEFAULTS);\n+        this.setTargets(this.options.targets);\n+        if (this.targets.length === 0 && this.layer) {\n+            this.addTargetLayer(this.layer);\n         }\n \n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            changebaselayer: this.baseLayerDraw,\n-            scope: this\n-        });\n-\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+        this.geoToleranceCache = {};\n     },\n \n     /**\n-     * Method: draw\n-     * Render the control in the browser.\n+     * APIMethod: setLayer\n+     * Set the editable layer.  Call the setLayer method if the editable layer\n+     *     changes and the same control should be used on a new editable layer.\n+     *     If the control is already active, it will be active after the new\n+     *     layer is set.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.Vector>}  The new editable layer.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.layers.length === 0) {\n-            if (this.map.baseLayer) {\n-                var layer = this.map.baseLayer.clone();\n-                this.layers = [layer];\n-            } else {\n-                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n-                return this.div;\n-            }\n-        }\n-\n-        // create overview map DOM elements\n-        this.element = document.createElement('div');\n-        this.element.className = this.displayClass + 'Element';\n-        this.element.style.display = 'none';\n-\n-        this.mapDiv = document.createElement('div');\n-        this.mapDiv.style.width = this.size.w + 'px';\n-        this.mapDiv.style.height = this.size.h + 'px';\n-        this.mapDiv.style.position = 'relative';\n-        this.mapDiv.style.overflow = 'hidden';\n-        this.mapDiv.id = OpenLayers.Util.createUniqueID('overviewMap');\n-\n-        this.extentRectangle = document.createElement('div');\n-        this.extentRectangle.style.position = 'absolute';\n-        this.extentRectangle.style.zIndex = 1000; //HACK\n-        this.extentRectangle.className = this.displayClass + 'ExtentRectangle';\n-\n-        this.element.appendChild(this.mapDiv);\n-\n-        this.div.appendChild(this.element);\n-\n-        // Optionally add min/max buttons if the control will go in the\n-        // map viewport.\n-        if (!this.outsideViewport) {\n-            this.div.className += \" \" + this.displayClass + 'Container';\n-            // maximize button div\n-            var img = OpenLayers.Util.getImageLocation('layer-switcher-maximize.png');\n-            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-                this.displayClass + 'MaximizeButton',\n-                null,\n-                null,\n-                img,\n-                'absolute');\n-            this.maximizeDiv.style.display = 'none';\n-            this.maximizeDiv.className = this.displayClass + 'MaximizeButton olButton';\n-            if (this.maximizeTitle) {\n-                this.maximizeDiv.title = this.maximizeTitle;\n-            }\n-            this.div.appendChild(this.maximizeDiv);\n-\n-            // minimize button div\n-            var img = OpenLayers.Util.getImageLocation('layer-switcher-minimize.png');\n-            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\n-                'OpenLayers_Control_minimizeDiv',\n-                null,\n-                null,\n-                img,\n-                'absolute');\n-            this.minimizeDiv.style.display = 'none';\n-            this.minimizeDiv.className = this.displayClass + 'MinimizeButton olButton';\n-            if (this.minimizeTitle) {\n-                this.minimizeDiv.title = this.minimizeTitle;\n-            }\n-            this.div.appendChild(this.minimizeDiv);\n-            this.minimizeControl();\n+    setLayer: function(layer) {\n+        if (this.active) {\n+            this.deactivate();\n+            this.layer = layer;\n+            this.activate();\n         } else {\n-            // show the overview map\n-            this.element.style.display = '';\n-        }\n-        if (this.map.getExtent()) {\n-            this.update();\n-        }\n-\n-        this.map.events.on({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            scope: this\n-        });\n-\n-        if (this.maximized) {\n-            this.maximizeControl();\n+            this.layer = layer;\n         }\n-        return this.div;\n     },\n \n     /**\n-     * Method: baseLayerDraw\n-     * Draw the base layer - called if unable to complete in the initial draw\n+     * Method: setTargets\n+     * Set the targets for the snapping agent.\n+     *\n+     * Parameters:\n+     * targets - {Array} An array of target configs or target layers.\n      */\n-    baseLayerDraw: function() {\n-        this.draw();\n-        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw);\n+    setTargets: function(targets) {\n+        this.targets = [];\n+        if (targets && targets.length) {\n+            var target;\n+            for (var i = 0, len = targets.length; i < len; ++i) {\n+                target = targets[i];\n+                if (target instanceof OpenLayers.Layer.Vector) {\n+                    this.addTargetLayer(target);\n+                } else {\n+                    this.addTarget(target);\n+                }\n+            }\n+        }\n     },\n \n     /**\n-     * Method: rectDrag\n-     * Handle extent rectangle drag\n+     * Method: addTargetLayer\n+     * Add a target layer with the default target config.\n      *\n      * Parameters:\n-     * px - {<OpenLayers.Pixel>} The pixel location of the drag.\n+     * layer - {<OpenLayers.Layer.Vector>} A target layer.\n      */\n-    rectDrag: function(px) {\n-        var deltaX = this.handlers.drag.last.x - px.x;\n-        var deltaY = this.handlers.drag.last.y - px.y;\n-        if (deltaX != 0 || deltaY != 0) {\n-            var rectTop = this.rectPxBounds.top;\n-            var rectLeft = this.rectPxBounds.left;\n-            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n-            var rectWidth = this.rectPxBounds.getWidth();\n-            // don't allow dragging off of parent element\n-            var newTop = Math.max(0, (rectTop - deltaY));\n-            newTop = Math.min(newTop,\n-                this.ovmap.size.h - this.hComp - rectHeight);\n-            var newLeft = Math.max(0, (rectLeft - deltaX));\n-            newLeft = Math.min(newLeft,\n-                this.ovmap.size.w - this.wComp - rectWidth);\n-            this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n-                newTop + rectHeight,\n-                newLeft + rectWidth,\n-                newTop));\n-        }\n+    addTargetLayer: function(layer) {\n+        this.addTarget({\n+            layer: layer\n+        });\n     },\n \n     /**\n-     * Method: mapDivClick\n-     * Handle browser events\n+     * Method: addTarget\n+     * Add a configured target layer.\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>} evt\n+     * target - {Object} A target config.\n      */\n-    mapDivClick: function(evt) {\n-        var pxCenter = this.rectPxBounds.getCenterPixel();\n-        var deltaX = evt.xy.x - pxCenter.x;\n-        var deltaY = evt.xy.y - pxCenter.y;\n-        var top = this.rectPxBounds.top;\n-        var left = this.rectPxBounds.left;\n-        var height = Math.abs(this.rectPxBounds.getHeight());\n-        var width = this.rectPxBounds.getWidth();\n-        var newTop = Math.max(0, (top + deltaY));\n-        newTop = Math.min(newTop, this.ovmap.size.h - height);\n-        var newLeft = Math.max(0, (left + deltaX));\n-        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n-        this.setRectPxBounds(new OpenLayers.Bounds(newLeft,\n-            newTop + height,\n-            newLeft + width,\n-            newTop));\n-        this.updateMapToRect();\n+    addTarget: function(target) {\n+        target = OpenLayers.Util.applyDefaults(target, this.defaults);\n+        target.nodeTolerance = target.nodeTolerance || target.tolerance;\n+        target.vertexTolerance = target.vertexTolerance || target.tolerance;\n+        target.edgeTolerance = target.edgeTolerance || target.tolerance;\n+        this.targets.push(target);\n     },\n \n     /**\n-     * Method: onButtonClick\n+     * Method: removeTargetLayer\n+     * Remove a target layer.\n      *\n      * Parameters:\n-     * evt - {Event}\n+     * layer - {<OpenLayers.Layer.Vector>} The target layer to remove.\n      */\n-    onButtonClick: function(evt) {\n-        if (evt.buttonElement === this.minimizeDiv) {\n-            this.minimizeControl();\n-        } else if (evt.buttonElement === this.maximizeDiv) {\n-            this.maximizeControl();\n+    removeTargetLayer: function(layer) {\n+        var target;\n+        for (var i = this.targets.length - 1; i >= 0; --i) {\n+            target = this.targets[i];\n+            if (target.layer === layer) {\n+                this.removeTarget(target);\n+            }\n         }\n     },\n \n     /**\n-     * Method: maximizeControl\n-     * Unhide the control.  Called when the control is in the map viewport.\n+     * Method: removeTarget\n+     * Remove a target.\n      *\n      * Parameters:\n-     * e - {<OpenLayers.Event>}\n+     * target - {Object} A target config.\n+     *\n+     * Returns:\n+     * {Array} The targets array.\n      */\n-    maximizeControl: function(e) {\n-        this.element.style.display = '';\n-        this.showToggle(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n-        }\n+    removeTarget: function(target) {\n+        return OpenLayers.Util.removeItem(this.targets, target);\n     },\n \n     /**\n-     * Method: minimizeControl\n-     * Hide all the contents of the control, shrink the size, \n-     * add the maximize icon\n-     * \n-     * Parameters:\n-     * e - {<OpenLayers.Event>}\n+     * APIMethod: activate\n+     * Activate the control.  Activating the control registers listeners for\n+     *     editing related events so that during feature creation and\n+     *     modification, moving vertices will trigger snapping.\n      */\n-    minimizeControl: function(e) {\n-        this.element.style.display = 'none';\n-        this.showToggle(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e);\n+    activate: function() {\n+        var activated = OpenLayers.Control.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.layer && this.layer.events) {\n+                this.layer.events.on({\n+                    sketchstarted: this.onSketchModified,\n+                    sketchmodified: this.onSketchModified,\n+                    vertexmodified: this.onVertexModified,\n+                    scope: this\n+                });\n+            }\n         }\n+        return activated;\n     },\n \n     /**\n-     * Method: showToggle\n-     * Hide/Show the toggle depending on whether the control is minimized\n-     *\n-     * Parameters:\n-     * minimize - {Boolean} \n+     * APIMethod: deactivate\n+     * Deactivate the control.  Deactivating the control unregisters listeners\n+     *     so feature editing may proceed without engaging the snapping agent.\n      */\n-    showToggle: function(minimize) {\n-        if (this.maximizeDiv) {\n-            this.maximizeDiv.style.display = minimize ? '' : 'none';\n-        }\n-        if (this.minimizeDiv) {\n-            this.minimizeDiv.style.display = minimize ? 'none' : '';\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.layer && this.layer.events) {\n+                this.layer.events.un({\n+                    sketchstarted: this.onSketchModified,\n+                    sketchmodified: this.onSketchModified,\n+                    vertexmodified: this.onVertexModified,\n+                    scope: this\n+                });\n+            }\n         }\n+        this.feature = null;\n+        this.point = null;\n+        return deactivated;\n     },\n \n     /**\n-     * Method: update\n-     * Update the overview map after layers move.\n-     */\n-    update: function() {\n-        if (this.ovmap == null) {\n-            this.createMap();\n-        }\n-\n-        if (this.autoPan || !this.isSuitableOverview()) {\n-            this.updateOverview();\n-        }\n-\n-        // update extent rectangle\n-        this.updateRectToMap();\n-    },\n-\n-    /**\n-     * Method: isSuitableOverview\n-     * Determines if the overview map is suitable given the extent and\n-     * resolution of the main map.\n-     */\n-    isSuitableOverview: function() {\n-        var mapExtent = this.map.getExtent();\n-        var maxExtent = this.map.getMaxExtent();\n-        var testExtent = new OpenLayers.Bounds(\n-            Math.max(mapExtent.left, maxExtent.left),\n-            Math.max(mapExtent.bottom, maxExtent.bottom),\n-            Math.min(mapExtent.right, maxExtent.right),\n-            Math.min(mapExtent.top, maxExtent.top));\n-\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            testExtent = testExtent.transform(\n-                this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n-        }\n-\n-        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n-        return ((resRatio > this.minRatio) &&\n-            (resRatio <= this.maxRatio) &&\n-            (this.ovmap.getExtent().containsBounds(testExtent)));\n-    },\n-\n-    /**\n-     * Method updateOverview\n-     * Called by <update> if <isSuitableOverview> returns true\n-     */\n-    updateOverview: function() {\n-        var mapRes = this.map.getResolution();\n-        var targetRes = this.ovmap.getResolution();\n-        var resRatio = targetRes / mapRes;\n-        if (resRatio > this.maxRatio) {\n-            // zoom in overview map\n-            targetRes = this.minRatio * mapRes;\n-        } else if (resRatio <= this.minRatio) {\n-            // zoom out overview map\n-            targetRes = this.maxRatio * mapRes;\n-        }\n-        var center;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            center = this.map.center.clone();\n-            center.transform(this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n-        } else {\n-            center = this.map.center;\n-        }\n-        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(\n-            targetRes * this.resolutionFactor));\n-        this.updateRectToMap();\n-    },\n-\n-    /**\n-     * Method: createMap\n-     * Construct the map that this control contains\n-     */\n-    createMap: function() {\n-        // create the overview map\n-        var options = OpenLayers.Util.extend({\n-            controls: [],\n-            maxResolution: 'auto',\n-            fallThrough: false\n-        }, this.mapOptions);\n-        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n-        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n-\n-        // prevent ovmap from being destroyed when the page unloads, because\n-        // the OverviewMap control has to do this (and does it).\n-        OpenLayers.Event.stopObserving(window, 'unload', this.ovmap.unloadDestroy);\n-\n-        this.ovmap.addLayers(this.layers);\n-        this.ovmap.zoomToMaxExtent();\n-        // check extent rectangle border width\n-        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-left-width')) +\n-            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-right-width'));\n-        this.wComp = (this.wComp) ? this.wComp : 2;\n-        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-top-width')) +\n-            parseInt(OpenLayers.Element.getStyle(this.extentRectangle,\n-                'border-bottom-width'));\n-        this.hComp = (this.hComp) ? this.hComp : 2;\n-\n-        this.handlers.drag = new OpenLayers.Handler.Drag(\n-            this, {\n-                move: this.rectDrag,\n-                done: this.updateMapToRect\n-            }, {\n-                map: this.ovmap\n-            }\n-        );\n-        this.handlers.click = new OpenLayers.Handler.Click(\n-            this, {\n-                \"click\": this.mapDivClick\n-            }, {\n-                \"single\": true,\n-                \"double\": false,\n-                \"stopSingle\": true,\n-                \"stopDouble\": true,\n-                \"pixelTolerance\": 1,\n-                map: this.ovmap\n-            }\n-        );\n-        this.handlers.click.activate();\n-\n-        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle,\n-            null, true);\n-        this.rectEvents.register(\"mouseover\", this, function(e) {\n-            if (!this.handlers.drag.active && !this.map.dragging) {\n-                this.handlers.drag.activate();\n-            }\n-        });\n-        this.rectEvents.register(\"mouseout\", this, function(e) {\n-            if (!this.handlers.drag.dragging) {\n-                this.handlers.drag.deactivate();\n-            }\n-        });\n-\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            var sourceUnits = this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units;\n-            var targetUnits = this.ovmap.getProjectionObject().getUnits() ||\n-                this.ovmap.units || this.ovmap.baseLayer.units;\n-            this.resolutionFactor = sourceUnits && targetUnits ?\n-                OpenLayers.INCHES_PER_UNIT[sourceUnits] /\n-                OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-        }\n-    },\n-\n-    /**\n-     * Method: updateRectToMap\n-     * Updates the extent rectangle position and size to match the map extent\n-     */\n-    updateRectToMap: function() {\n-        // If the projections differ we need to reproject\n-        var bounds;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            bounds = this.map.getExtent().transform(\n-                this.map.getProjectionObject(),\n-                this.ovmap.getProjectionObject());\n-        } else {\n-            bounds = this.map.getExtent();\n-        }\n-        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n-        if (pxBounds) {\n-            this.setRectPxBounds(pxBounds);\n-        }\n-    },\n-\n-    /**\n-     * Method: updateMapToRect\n-     * Updates the map extent to match the extent rectangle position and size\n-     */\n-    updateMapToRect: function() {\n-        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            lonLatBounds = lonLatBounds.transform(\n-                this.ovmap.getProjectionObject(),\n-                this.map.getProjectionObject());\n-        }\n-        this.map.panTo(lonLatBounds.getCenterLonLat());\n-    },\n-\n-    /**\n-     * Method: setRectPxBounds\n-     * Set extent rectangle pixel bounds.\n-     *\n-     * Parameters:\n-     * pxBounds - {<OpenLayers.Bounds>}\n-     */\n-    setRectPxBounds: function(pxBounds) {\n-        var top = Math.max(pxBounds.top, 0);\n-        var left = Math.max(pxBounds.left, 0);\n-        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()),\n-            this.ovmap.size.h - this.hComp);\n-        var right = Math.min(pxBounds.left + pxBounds.getWidth(),\n-            this.ovmap.size.w - this.wComp);\n-        var width = Math.max(right - left, 0);\n-        var height = Math.max(bottom - top, 0);\n-        if (width < this.minRectSize || height < this.minRectSize) {\n-            this.extentRectangle.className = this.displayClass +\n-                this.minRectDisplayClass;\n-            var rLeft = left + (width / 2) - (this.minRectSize / 2);\n-            var rTop = top + (height / 2) - (this.minRectSize / 2);\n-            this.extentRectangle.style.top = Math.round(rTop) + 'px';\n-            this.extentRectangle.style.left = Math.round(rLeft) + 'px';\n-            this.extentRectangle.style.height = this.minRectSize + 'px';\n-            this.extentRectangle.style.width = this.minRectSize + 'px';\n-        } else {\n-            this.extentRectangle.className = this.displayClass +\n-                'ExtentRectangle';\n-            this.extentRectangle.style.top = Math.round(top) + 'px';\n-            this.extentRectangle.style.left = Math.round(left) + 'px';\n-            this.extentRectangle.style.height = Math.round(height) + 'px';\n-            this.extentRectangle.style.width = Math.round(width) + 'px';\n-        }\n-        this.rectPxBounds = new OpenLayers.Bounds(\n-            Math.round(left), Math.round(bottom),\n-            Math.round(right), Math.round(top)\n-        );\n-    },\n-\n-    /**\n-     * Method: getRectBoundsFromMapBounds\n-     * Get the rect bounds from the map bounds.\n+     * Method: onSketchModified\n+     * Registered as a listener for the sketchmodified event on the editable\n+     *     layer.\n      *\n      * Parameters:\n-     * lonLatBounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>}A bounds which is the passed-in map lon/lat extent\n-     * translated into pixel bounds for the overview map\n+     * event - {Object} The sketch modified event.\n      */\n-    getRectBoundsFromMapBounds: function(lonLatBounds) {\n-        var leftBottomPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.left,\n-            lat: lonLatBounds.bottom\n-        });\n-        var rightTopPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.right,\n-            lat: lonLatBounds.top\n-        });\n-        var bounds = null;\n-        if (leftBottomPx && rightTopPx) {\n-            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y,\n-                rightTopPx.x, rightTopPx.y);\n-        }\n-        return bounds;\n+    onSketchModified: function(event) {\n+        this.feature = event.feature;\n+        this.considerSnapping(event.vertex, event.vertex);\n     },\n \n     /**\n-     * Method: getMapBoundsFromRectBounds\n-     * Get the map bounds from the rect bounds.\n+     * Method: onVertexModified\n+     * Registered as a listener for the vertexmodified event on the editable\n+     *     layer.\n      *\n      * Parameters:\n-     * pxBounds - {<OpenLayers.Bounds>}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Bounds which is the passed-in overview rect bounds\n-     * translated into lon/lat bounds for the overview map\n+     * event - {Object} The vertex modified event.\n      */\n-    getMapBoundsFromRectBounds: function(pxBounds) {\n-        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.left,\n-            y: pxBounds.bottom\n-        });\n-        var rightTopLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.right,\n-            y: pxBounds.top\n-        });\n-        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat,\n-            rightTopLonLat.lon, rightTopLonLat.lat);\n+    onVertexModified: function(event) {\n+        this.feature = event.feature;\n+        var loc = this.layer.map.getLonLatFromViewPortPx(event.pixel);\n+        this.considerSnapping(\n+            event.vertex, new OpenLayers.Geometry.Point(loc.lon, loc.lat)\n+        );\n     },\n \n     /**\n-     * Method: getLonLatFromOverviewPx\n-     * Get a map location from a pixel location\n+     * Method: considerSnapping\n      *\n      * Parameters:\n-     * overviewMapPx - {<OpenLayers.Pixel>|Object} OpenLayers.Pixel or\n-     *                                             an object with a\n-     *                                             'x' and 'y' properties.\n-     *\n-     * Returns:\n-     * {Object} Location which is the passed-in overview map\n-     * OpenLayers.Pixel, translated into lon/lat by the overview\n-     * map. An object with a 'lon' and 'lat' properties.\n+     * point - {<OpenLayers.Geometry.Point>} The vertex to be snapped (or\n+     *     unsnapped).\n+     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n+     *     coords.\n      */\n-    getLonLatFromOverviewPx: function(overviewMapPx) {\n-        var size = this.ovmap.size;\n-        var res = this.ovmap.getResolution();\n-        var center = this.ovmap.getExtent().getCenterLonLat();\n-\n-        var deltaX = overviewMapPx.x - (size.w / 2);\n-        var deltaY = overviewMapPx.y - (size.h / 2);\n-\n-        return {\n-            lon: center.lon + deltaX * res,\n-            lat: center.lat - deltaY * res\n+    considerSnapping: function(point, loc) {\n+        var best = {\n+            rank: Number.POSITIVE_INFINITY,\n+            dist: Number.POSITIVE_INFINITY,\n+            x: null,\n+            y: null\n         };\n+        var snapped = false;\n+        var result, target;\n+        for (var i = 0, len = this.targets.length; i < len; ++i) {\n+            target = this.targets[i];\n+            result = this.testTarget(target, loc);\n+            if (result) {\n+                if (this.greedy) {\n+                    best = result;\n+                    best.target = target;\n+                    snapped = true;\n+                    break;\n+                } else {\n+                    if ((result.rank < best.rank) ||\n+                        (result.rank === best.rank && result.dist < best.dist)) {\n+                        best = result;\n+                        best.target = target;\n+                        snapped = true;\n+                    }\n+                }\n+            }\n+        }\n+        if (snapped) {\n+            var proceed = this.events.triggerEvent(\"beforesnap\", {\n+                point: point,\n+                x: best.x,\n+                y: best.y,\n+                distance: best.dist,\n+                layer: best.target.layer,\n+                snapType: this.precedence[best.rank]\n+            });\n+            if (proceed !== false) {\n+                point.x = best.x;\n+                point.y = best.y;\n+                this.point = point;\n+                this.events.triggerEvent(\"snap\", {\n+                    point: point,\n+                    snapType: this.precedence[best.rank],\n+                    layer: best.target.layer,\n+                    distance: best.dist\n+                });\n+            } else {\n+                snapped = false;\n+            }\n+        }\n+        if (this.point && !snapped) {\n+            point.x = loc.x;\n+            point.y = loc.y;\n+            this.point = null;\n+            this.events.triggerEvent(\"unsnap\", {\n+                point: point\n+            });\n+        }\n     },\n \n     /**\n-     * Method: getOverviewPxFromLonLat\n-     * Get a pixel location from a map location\n+     * Method: testTarget\n      *\n      * Parameters:\n-     * lonlat - {<OpenLayers.LonLat>|Object} OpenLayers.LonLat or an\n-     *     object with a 'lon' and 'lat' properties.\n+     * target - {Object} Object with target layer configuration.\n+     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n+     *     coords.\n      *\n      * Returns:\n-     * {Object} Location which is the passed-in OpenLayers.LonLat, \n-     * translated into overview map pixels\n+     * {Object} A result object with rank, dist, x, and y properties.\n+     *     Returns null if candidate is not eligible for snapping.\n      */\n-    getOverviewPxFromLonLat: function(lonlat) {\n-        var res = this.ovmap.getResolution();\n-        var extent = this.ovmap.getExtent();\n-        if (extent) {\n-            return {\n-                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n-                y: Math.round(1 / res * (extent.top - lonlat.lat))\n-            };\n+    testTarget: function(target, loc) {\n+        var resolution = this.layer.map.getResolution();\n+        if (\"minResolution\" in target) {\n+            if (resolution < target.minResolution) {\n+                return null;\n+            }\n         }\n-    },\n-\n-    CLASS_NAME: 'OpenLayers.Control.OverviewMap'\n-});\n-/* ======================================================================\n-    OpenLayers/Control/DrawFeature.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.DrawFeature\n- * The DrawFeature control draws point, line or polygon features on a vector\n- * layer when active.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n-     */\n-    callbacks: null,\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * featureadded - Triggered when a feature is added\n-     */\n-\n-    /**\n-     * APIProperty: multi\n-     * {Boolean} Cast features to multi-part geometries before passing to the\n-     *     layer.  Default is false.\n-     */\n-    multi: false,\n-\n-    /**\n-     * APIProperty: featureAdded\n-     * {Function} Called after each feature is added\n-     */\n-    featureAdded: function() {},\n-\n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-\n-    /**\n-     * Constructor: OpenLayers.Control.DrawFeature\n-     * \n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} \n-     * handler - {<OpenLayers.Handler>} \n-     * options - {Object} \n-     */\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-                done: this.drawFeature,\n-                modify: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchmodified\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n-                },\n-                create: function(vertex, feature) {\n-                    this.layer.events.triggerEvent(\n-                        \"sketchstarted\", {\n-                            vertex: vertex,\n-                            feature: feature\n-                        }\n-                    );\n-                }\n-            },\n-            this.callbacks\n-        );\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-            this.handlerOptions.layerOptions, {\n-                renderers: layer.renderers,\n-                rendererOptions: layer.rendererOptions\n+        if (\"maxResolution\" in target) {\n+            if (resolution >= target.maxResolution) {\n+                return null;\n             }\n-        );\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi;\n         }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(\n-                this.handlerOptions.layerOptions, {\n-                    styleMap: new OpenLayers.StyleMap({\n-                        \"default\": sketchStyle\n-                    })\n+        var tolerance = {\n+            node: this.getGeoTolerance(target.nodeTolerance, resolution),\n+            vertex: this.getGeoTolerance(target.vertexTolerance, resolution),\n+            edge: this.getGeoTolerance(target.edgeTolerance, resolution)\n+        };\n+        // this could be cached if we don't support setting tolerance values directly\n+        var maxTolerance = Math.max(\n+            tolerance.node, tolerance.vertex, tolerance.edge\n+        );\n+        var result = {\n+            rank: Number.POSITIVE_INFINITY,\n+            dist: Number.POSITIVE_INFINITY\n+        };\n+        var eligible = false;\n+        var features = target.layer.features;\n+        var feature, type, vertices, vertex, closest, dist, found;\n+        var numTypes = this.precedence.length;\n+        var ll = new OpenLayers.LonLat(loc.x, loc.y);\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            if (feature !== this.feature && !feature._sketch &&\n+                feature.state !== OpenLayers.State.DELETE &&\n+                (!target.filter || target.filter.evaluate(feature))) {\n+                if (feature.atPoint(ll, maxTolerance, maxTolerance)) {\n+                    for (var j = 0, stop = Math.min(result.rank + 1, numTypes); j < stop; ++j) {\n+                        type = this.precedence[j];\n+                        if (target[type]) {\n+                            if (type === \"edge\") {\n+                                closest = feature.geometry.distanceTo(loc, {\n+                                    details: true\n+                                });\n+                                dist = closest.distance;\n+                                if (dist <= tolerance[type] && dist < result.dist) {\n+                                    result = {\n+                                        rank: j,\n+                                        dist: dist,\n+                                        x: closest.x0,\n+                                        y: closest.y0 // closest coords on feature\n+                                    };\n+                                    eligible = true;\n+                                    // don't look for lower precedence types for this feature\n+                                    break;\n+                                }\n+                            } else {\n+                                // look for nodes or vertices\n+                                vertices = feature.geometry.getVertices(type === \"node\");\n+                                found = false;\n+                                for (var k = 0, klen = vertices.length; k < klen; ++k) {\n+                                    vertex = vertices[k];\n+                                    dist = vertex.distanceTo(loc);\n+                                    if (dist <= tolerance[type] &&\n+                                        (j < result.rank || (j === result.rank && dist < result.dist))) {\n+                                        result = {\n+                                            rank: j,\n+                                            dist: dist,\n+                                            x: vertex.x,\n+                                            y: vertex.y\n+                                        };\n+                                        eligible = true;\n+                                        found = true;\n+                                    }\n+                                }\n+                                if (found) {\n+                                    // don't look for lower precedence types for this feature\n+                                    break;\n+                                }\n+                            }\n+                        }\n+                    }\n                 }\n-            );\n-        }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n-    },\n-\n-    /**\n-     * Method: drawFeature\n-     */\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\n-            \"sketchcomplete\", {\n-                feature: feature\n             }\n-        );\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n-            });\n         }\n+        return eligible ? result : null;\n     },\n \n     /**\n-     * APIMethod: insertXY\n-     * Insert a point in the current sketch given x & y coordinates.\n-     *\n+     * Method: getGeoTolerance\n+     * Calculate a tolerance in map units given a tolerance in pixels.  This\n+     *     takes advantage of the <geoToleranceCache> when the map resolution\n+     *     has not changed.\n+     *     \n      * Parameters:\n-     * x - {Number} The x-coordinate of the point.\n-     * y - {Number} The y-coordinate of the point.\n-     */\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: insertDeltaXY\n-     * Insert a point given offsets from the previously inserted point.\n+     * tolerance - {Number} A tolerance value in pixels.\n+     * resolution - {Number} Map resolution.\n      *\n-     * Parameters:\n-     * dx - {Number} The x-coordinate offset of the point.\n-     * dy - {Number} The y-coordinate offset of the point.\n+     * Returns:\n+     * {Number} A tolerance value in map units.\n      */\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy);\n+    getGeoTolerance: function(tolerance, resolution) {\n+        if (resolution !== this.resolution) {\n+            this.resolution = resolution;\n+            this.geoToleranceCache = {};\n         }\n-    },\n-\n-    /**\n-     * APIMethod: insertDirectionLength\n-     * Insert a point in the current sketch given a direction and a length.\n-     *\n-     * Parameters:\n-     * direction - {Number} Degrees clockwise from the positive x-axis.\n-     * length - {Number} Distance from the previously drawn point.\n-     */\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length);\n+        var geoTolerance = this.geoToleranceCache[tolerance];\n+        if (geoTolerance === undefined) {\n+            geoTolerance = tolerance * resolution;\n+            this.geoToleranceCache[tolerance] = geoTolerance;\n         }\n+        return geoTolerance;\n     },\n \n     /**\n-     * APIMethod: insertDeflectionLength\n-     * Insert a point in the current sketch given a deflection and a length.\n-     *     The deflection should be degrees clockwise from the previously \n-     *     digitized segment.\n-     *\n-     * Parameters:\n-     * deflection - {Number} Degrees clockwise from the previous segment.\n-     * length - {Number} Distance from the previously drawn point.\n+     * Method: destroy\n+     * Clean up the control.\n      */\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length);\n+    destroy: function() {\n+        if (this.active) {\n+            this.deactivate(); // TODO: this should be handled by the super\n         }\n+        delete this.layer;\n+        delete this.targets;\n+        OpenLayers.Control.prototype.destroy.call(this);\n     },\n \n-    /**\n-     * APIMethod: undo\n-     * Remove the most recently added point in the current sketch geometry.\n-     *\n-     * Returns: \n-     * {Boolean} An edit was undone.\n-     */\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo();\n-    },\n-\n-    /**\n-     * APIMethod: redo\n-     * Reinsert the most recently removed point resulting from an <undo> call.\n-     *     The undo stack is deleted whenever a point is added by other means.\n-     *\n-     * Returns: \n-     * {Boolean} An edit was redone.\n-     */\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo();\n-    },\n-\n-    /**\n-     * APIMethod: finishSketch\n-     * Finishes the sketch without including the currently drawn point.\n-     *     This method can be called to terminate drawing programmatically\n-     *     instead of waiting for the user to end the sketch.\n-     */\n-    finishSketch: function() {\n-        this.handler.finishGeometry();\n-    },\n-\n-    /**\n-     * APIMethod: cancel\n-     * Cancel the current sketch.  This removes the current sketch and keeps\n-     *     the drawing control active.\n-     */\n-    cancel: function() {\n-        this.handler.cancel();\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+    CLASS_NAME: \"OpenLayers.Control.Snapping\"\n });\n /* ======================================================================\n-    OpenLayers/Control/ModifyFeature.js\n+    OpenLayers/Control/PinchZoom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Drag.js\n- * @requires OpenLayers/Handler/Keyboard.js\n+ * @requires OpenLayers/Handler/Pinch.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ModifyFeature\n- * Control to modify features.  When activated, a click renders the vertices\n- *     of a feature - these vertices can then be dragged.  By default, the\n- *     delete key will delete the vertex under the mouse.  New features are\n- *     added by dragging \"virtual vertices\" between vertices.  Create a new\n- *     control with the <OpenLayers.Control.ModifyFeature> constructor.\n+ * Class: OpenLayers.Control.PinchZoom\n  *\n- * Inherits From:\n+ * Inherits:\n  *  - <OpenLayers.Control>\n  */\n-OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: documentDrag\n-     * {Boolean} If set to true, dragging vertices will continue even if the\n-     *     mouse cursor leaves the map viewport. Default is false.\n-     */\n-    documentDrag: false,\n-\n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict modification to a limited set of geometry\n-     *     types, send a list of strings corresponding to the geometry class\n-     *     names.\n-     */\n-    geometryTypes: null,\n-\n-    /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n-     */\n-    clickout: true,\n-\n-    /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.\n-     *      Default is true.\n-     */\n-    toggle: true,\n-\n-    /**\n-     * APIProperty: standalone\n-     * {Boolean} Set to true to create a control without SelectFeature\n-     *     capabilities. Default is false.  If standalone is true, to modify\n-     *     a feature, call the <selectFeature> method with the target feature.\n-     *     Note that you must call the <unselectFeature> method to finish\n-     *     feature modification in standalone mode (before starting to modify\n-     *     another feature).\n-     */\n-    standalone: false,\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} Feature currently available for modification.\n-     */\n-    feature: null,\n-\n-    /**\n-     * Property: vertex\n-     * {<OpenLayers.Feature.Vector>} Vertex currently being modified.\n-     */\n-    vertex: null,\n-\n-    /**\n-     * Property: vertices\n-     * {Array(<OpenLayers.Feature.Vector>)} Verticies currently available\n-     *     for dragging.\n-     */\n-    vertices: null,\n-\n-    /**\n-     * Property: virtualVertices\n-     * {Array(<OpenLayers.Feature.Vector>)} Virtual vertices in the middle\n-     *     of each edge.\n-     */\n-    virtualVertices: null,\n-\n-    /**\n-     * Property: handlers\n-     * {Object}\n-     */\n-    handlers: null,\n-\n-    /**\n-     * APIProperty: deleteCodes\n-     * {Array(Integer)} Keycodes for deleting verticies.  Set to null to disable\n-     *     vertex deltion by keypress.  If non-null, keypresses with codes\n-     *     in this array will delete vertices under the mouse. Default\n-     *     is 46 and 68, the 'delete' and lowercase 'd' keys.\n-     */\n-    deleteCodes: null,\n-\n-    /**\n-     * APIProperty: virtualStyle\n-     * {Object} A symbolizer to be used for virtual vertices.\n-     */\n-    virtualStyle: null,\n-\n-    /**\n-     * APIProperty: vertexRenderIntent\n-     * {String} The renderIntent to use for vertices. If no <virtualStyle> is\n-     * provided, this renderIntent will also be used for virtual vertices, with\n-     * a fillOpacity and strokeOpacity of 0.3. Default is null, which means\n-     * that the layer's default style will be used for vertices.\n-     */\n-    vertexRenderIntent: null,\n-\n-    /**\n-     * APIProperty: mode\n-     * {Integer} Bitfields specifying the modification mode. Defaults to\n-     *      OpenLayers.Control.ModifyFeature.RESHAPE. To set the mode to a\n-     *      combination of options, use the | operator. For example, to allow\n-     *      the control to both resize and rotate features, use the following\n-     *      syntax\n-     * (code)\n-     * control.mode = OpenLayers.Control.ModifyFeature.RESIZE |\n-     *                OpenLayers.Control.ModifyFeature.ROTATE;\n-     *  (end)\n-     */\n-    mode: null,\n-\n-    /**\n-     * APIProperty: createVertices\n-     * {Boolean} Create new vertices by dragging the virtual vertices\n-     *     in the middle of each edge. Default is true.\n-     */\n-    createVertices: true,\n-\n-    /**\n-     * Property: modified\n-     * {Boolean} The currently selected feature has been modified.\n-     */\n-    modified: false,\n-\n-    /**\n-     * Property: radiusHandle\n-     * {<OpenLayers.Feature.Vector>} A handle for rotating/resizing a feature.\n-     */\n-    radiusHandle: null,\n-\n-    /**\n-     * Property: dragHandle\n-     * {<OpenLayers.Feature.Vector>} A handle for dragging a feature.\n-     */\n-    dragHandle: null,\n-\n-    /**\n-     * APIProperty: onModificationStart \n-     * {Function} *Deprecated*.  Register for \"beforefeaturemodified\" instead.\n-     *     The \"beforefeaturemodified\" event is triggered on the layer before\n-     *     any modification begins.\n-     *\n-     * Optional function to be called when a feature is selected\n-     *     to be modified. The function should expect to be called with a\n-     *     feature.  This could be used for example to allow to lock the\n-     *     feature on server-side.\n-     */\n-    onModificationStart: function() {},\n-\n-    /**\n-     * APIProperty: onModification\n-     * {Function} *Deprecated*.  Register for \"featuremodified\" instead.\n-     *     The \"featuremodified\" event is triggered on the layer with each\n-     *     feature modification.\n-     *\n-     * Optional function to be called when a feature has been\n-     *     modified.  The function should expect to be called with a feature.\n-     */\n-    onModification: function() {},\n-\n-    /**\n-     * APIProperty: onModificationEnd\n-     * {Function} *Deprecated*.  Register for \"afterfeaturemodified\" instead.\n-     *     The \"afterfeaturemodified\" event is triggered on the layer after\n-     *     a feature has been modified.\n-     *\n-     * Optional function to be called when a feature is finished \n-     *     being modified.  The function should expect to be called with a\n-     *     feature.\n-     */\n-    onModificationEnd: function() {},\n-\n-    /**\n-     * Constructor: OpenLayers.Control.ModifyFeature\n-     * Create a new modify feature control.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n-     *     will be modified.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n-     */\n-    initialize: function(layer, options) {\n-        options = options || {};\n-        this.layer = layer;\n-        this.vertices = [];\n-        this.virtualVertices = [];\n-        this.virtualStyle = OpenLayers.Util.extend({},\n-            this.layer.style ||\n-            this.layer.styleMap.createSymbolizer(null, options.vertexRenderIntent)\n-        );\n-        this.virtualStyle.fillOpacity = 0.3;\n-        this.virtualStyle.strokeOpacity = 0.3;\n-        this.deleteCodes = [46, 68];\n-        this.mode = OpenLayers.Control.ModifyFeature.RESHAPE;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        if (!(OpenLayers.Util.isArray(this.deleteCodes))) {\n-            this.deleteCodes = [this.deleteCodes];\n-        }\n-\n-        // configure the drag handler\n-        var dragCallbacks = {\n-            down: function(pixel) {\n-                this.vertex = null;\n-                var feature = this.layer.getFeatureFromEvent(\n-                    this.handlers.drag.evt);\n-                if (feature) {\n-                    this.dragStart(feature);\n-                } else if (this.clickout) {\n-                    this._unselect = this.feature;\n-                }\n-            },\n-            move: function(pixel) {\n-                delete this._unselect;\n-                if (this.vertex) {\n-                    this.dragVertex(this.vertex, pixel);\n-                }\n-            },\n-            up: function() {\n-                this.handlers.drag.stopDown = false;\n-                if (this._unselect) {\n-                    this.unselectFeature(this._unselect);\n-                    delete this._unselect;\n-                }\n-            },\n-            done: function(pixel) {\n-                if (this.vertex) {\n-                    this.dragComplete(this.vertex);\n-                }\n-            }\n-        };\n-        var dragOptions = {\n-            documentDrag: this.documentDrag,\n-            stopDown: false\n-        };\n-\n-        // configure the keyboard handler\n-        var keyboardOptions = {\n-            keydown: this.handleKeypress\n-        };\n-        this.handlers = {\n-            keyboard: new OpenLayers.Handler.Keyboard(this, keyboardOptions),\n-            drag: new OpenLayers.Handler.Drag(this, dragCallbacks, dragOptions)\n-        };\n-    },\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n \n-    /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n+    /** \n+     * Property: type\n+     * {OpenLayers.Control.TYPES}\n      */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-        }\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, []);\n-    },\n+    type: OpenLayers.Control.TYPE_TOOL,\n \n     /**\n-     * APIMethod: activate\n-     * Activate the control.\n-     * \n-     * Returns:\n-     * {Boolean} Successfully activated the control.\n+     * Property: pinchOrigin\n+     * {Object} Cached object representing the pinch start (in pixels).\n      */\n-    activate: function() {\n-        this.moveLayerToTop();\n-        this.map.events.on({\n-            \"removelayer\": this.handleMapEvents,\n-            \"changelayer\": this.handleMapEvents,\n-            scope: this\n-        });\n-        return (this.handlers.keyboard.activate() &&\n-            this.handlers.drag.activate() &&\n-            OpenLayers.Control.prototype.activate.apply(this, arguments));\n-    },\n+    pinchOrigin: null,\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.\n-     *\n-     * Returns: \n-     * {Boolean} Successfully deactivated the control.\n+     * Property: currentCenter\n+     * {Object} Cached object representing the latest pinch center (in pixels).\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        // the return from the controls is unimportant in this case\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.map.events.un({\n-                \"removelayer\": this.handleMapEvents,\n-                \"changelayer\": this.handleMapEvents,\n-                scope: this\n-            });\n-            this.layer.removeFeatures(this.vertices, {\n-                silent: true\n-            });\n-            this.layer.removeFeatures(this.virtualVertices, {\n-                silent: true\n-            });\n-            this.vertices = [];\n-            this.handlers.drag.deactivate();\n-            this.handlers.keyboard.deactivate();\n-            var feature = this.feature;\n-            if (feature && feature.geometry && feature.layer) {\n-                this.unselectFeature(feature);\n-            }\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n+    currentCenter: null,\n \n     /**\n-     * Method: beforeSelectFeature\n-     * Called before a feature is selected.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The feature about to be selected.\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    beforeSelectFeature: function(feature) {\n-        return this.layer.events.triggerEvent(\n-            \"beforefeaturemodified\", {\n-                feature: feature\n-            }\n-        );\n-    },\n+    autoActivate: true,\n \n     /**\n-     * APIMethod: selectFeature\n-     * Select a feature for modification in standalone mode. In non-standalone\n-     * mode, this method is called when a feature is selected by clicking.\n-     * Register a listener to the beforefeaturemodified event and return false\n-     * to prevent feature modification.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} the selected feature.\n+     * APIProperty: preserveCenter\n+     * {Boolean} Set this to true if you don't want the map center to change\n+     *     while pinching. For example you may want to set preserveCenter to\n+     *     true when the user location is being watched and you want to preserve\n+     *     the user location at the center of the map even if he zooms in or\n+     *     out using pinch. This property's value can be changed any time on an\n+     *     existing instance. Default is false.\n      */\n-    selectFeature: function(feature) {\n-        if (this.feature === feature ||\n-            (this.geometryTypes && OpenLayers.Util.indexOf(this.geometryTypes,\n-                feature.geometry.CLASS_NAME) == -1)) {\n-            return;\n-        }\n-        if (this.beforeSelectFeature(feature) !== false) {\n-            if (this.feature) {\n-                this.unselectFeature(this.feature);\n-            }\n-            this.feature = feature;\n-            this.layer.selectedFeatures.push(feature);\n-            this.layer.drawFeature(feature, 'select');\n-            this.modified = false;\n-            this.resetVertices();\n-            this.onModificationStart(this.feature);\n-        }\n-        // keep track of geometry modifications\n-        var modified = feature.modified;\n-        if (feature.geometry && !(modified && modified.geometry)) {\n-            this._originalGeometry = feature.geometry.clone();\n-        }\n-    },\n+    preserveCenter: false,\n \n     /**\n-     * APIMethod: unselectFeature\n-     * Called when the select feature control unselects a feature.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The unselected feature.\n+     * APIProperty: handlerOptions\n+     * {Object} Used to set non-default properties on the pinch handler\n      */\n-    unselectFeature: function(feature) {\n-        this.layer.removeFeatures(this.vertices, {\n-            silent: true\n-        });\n-        this.vertices = [];\n-        this.layer.destroyFeatures(this.virtualVertices, {\n-            silent: true\n-        });\n-        this.virtualVertices = [];\n-        if (this.dragHandle) {\n-            this.layer.destroyFeatures([this.dragHandle], {\n-                silent: true\n-            });\n-            delete this.dragHandle;\n-        }\n-        if (this.radiusHandle) {\n-            this.layer.destroyFeatures([this.radiusHandle], {\n-                silent: true\n-            });\n-            delete this.radiusHandle;\n-        }\n-        this.layer.drawFeature(this.feature, 'default');\n-        this.feature = null;\n-        OpenLayers.Util.removeItem(this.layer.selectedFeatures, feature);\n-        this.onModificationEnd(feature);\n-        this.layer.events.triggerEvent(\"afterfeaturemodified\", {\n-            feature: feature,\n-            modified: this.modified\n-        });\n-        this.modified = false;\n-    },\n-\n \n     /**\n-     * Method: dragStart\n-     * Called by the drag handler before a feature is dragged.  This method is\n-     *     used to differentiate between points and vertices\n-     *     of higher order geometries.\n+     * Constructor: OpenLayers.Control.PinchZoom\n+     * Create a control for zooming with pinch gestures.  This works on devices\n+     *     with multi-touch support.\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} The point or vertex about to be\n-     *     dragged.\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n      */\n-    dragStart: function(feature) {\n-        var isPoint = feature.geometry.CLASS_NAME ==\n-            'OpenLayers.Geometry.Point';\n-        if (!this.standalone &&\n-            ((!feature._sketch && isPoint) || !feature._sketch)) {\n-            if (this.toggle && this.feature === feature) {\n-                // mark feature for unselection\n-                this._unselect = feature;\n-            }\n-            this.selectFeature(feature);\n-        }\n-        if (feature._sketch || isPoint) {\n-            // feature is a drag or virtual handle or point\n-            this.vertex = feature;\n-            this.handlers.drag.stopDown = true;\n-        }\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions);\n     },\n \n     /**\n-     * Method: dragVertex\n-     * Called by the drag handler with each drag move of a vertex.\n+     * Method: pinchStart\n      *\n      * Parameters:\n-     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n-     * pixel - {<OpenLayers.Pixel>} Pixel location of the mouse event.\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n      */\n-    dragVertex: function(vertex, pixel) {\n-        var pos = this.map.getLonLatFromViewPortPx(pixel);\n-        var geom = vertex.geometry;\n-        geom.move(pos.lon - geom.x, pos.lat - geom.y);\n-        this.modified = true;\n-        /**\n-         * Five cases:\n-         * 1) dragging a simple point\n-         * 2) dragging a virtual vertex\n-         * 3) dragging a drag handle\n-         * 4) dragging a real vertex\n-         * 5) dragging a radius handle\n-         */\n-        if (this.feature.geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            // dragging a simple point\n-            this.layer.events.triggerEvent(\"vertexmodified\", {\n-                vertex: vertex.geometry,\n-                feature: this.feature,\n-                pixel: pixel\n-            });\n-        } else {\n-            if (vertex._index) {\n-                // dragging a virtual vertex\n-                vertex.geometry.parent.addComponent(vertex.geometry,\n-                    vertex._index);\n-                // move from virtual to real vertex\n-                delete vertex._index;\n-                OpenLayers.Util.removeItem(this.virtualVertices, vertex);\n-                this.vertices.push(vertex);\n-            } else if (vertex == this.dragHandle) {\n-                // dragging a drag handle\n-                this.layer.removeFeatures(this.vertices, {\n-                    silent: true\n-                });\n-                this.vertices = [];\n-                if (this.radiusHandle) {\n-                    this.layer.destroyFeatures([this.radiusHandle], {\n-                        silent: true\n-                    });\n-                    this.radiusHandle = null;\n-                }\n-            } else if (vertex !== this.radiusHandle) {\n-                // dragging a real vertex\n-                this.layer.events.triggerEvent(\"vertexmodified\", {\n-                    vertex: vertex.geometry,\n-                    feature: this.feature,\n-                    pixel: pixel\n-                });\n-            }\n-            // dragging a radius handle - no special treatment\n-            if (this.virtualVertices.length > 0) {\n-                this.layer.destroyFeatures(this.virtualVertices, {\n-                    silent: true\n-                });\n-                this.virtualVertices = [];\n-            }\n-            this.layer.drawFeature(this.feature, this.standalone ? undefined :\n-                'select');\n-        }\n-        // keep the vertex on top so it gets the mouseout after dragging\n-        // this should be removed in favor of an option to draw under or\n-        // maintain node z-index\n-        this.layer.drawFeature(vertex);\n+    pinchStart: function(evt, pinchData) {\n+        var xy = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy;\n     },\n \n     /**\n-     * Method: dragComplete\n-     * Called by the drag handler when the feature dragging is complete.\n+     * Method: pinchMove\n      *\n      * Parameters:\n-     * vertex - {<OpenLayers.Feature.Vector>} The vertex being dragged.\n+     * evt - {Event}\n+     * pinchData - {Object} pinch data object related to the current touchmove\n+     *     of the pinch gesture. This give us the current scale of the pinch.\n      */\n-    dragComplete: function(vertex) {\n-        this.resetVertices();\n-        this.setFeatureState();\n-        this.onModification(this.feature);\n-        this.layer.events.triggerEvent(\"featuremodified\", {\n-            feature: this.feature\n-        });\n-    },\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = (this.preserveCenter) ?\n+            this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n \n-    /**\n-     * Method: setFeatureState\n-     * Called when the feature is modified.  If the current state is not\n-     *     INSERT or DELETE, the state is set to UPDATE.\n-     */\n-    setFeatureState: function() {\n-        if (this.feature.state != OpenLayers.State.INSERT &&\n-            this.feature.state != OpenLayers.State.DELETE) {\n-            this.feature.state = OpenLayers.State.UPDATE;\n-            if (this.modified && this._originalGeometry) {\n-                var feature = this.feature;\n-                feature.modified = OpenLayers.Util.extend(feature.modified, {\n-                    geometry: this._originalGeometry\n-                });\n-                delete this._originalGeometry;\n-            }\n-        }\n-    },\n+        var dx = Math.round((containerOrigin.x + current.x - pinchOrigin.x) + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round((containerOrigin.y + current.y - pinchOrigin.y) + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n \n-    /**\n-     * Method: resetVertices\n-     */\n-    resetVertices: function() {\n-        if (this.vertices.length > 0) {\n-            this.layer.removeFeatures(this.vertices, {\n-                silent: true\n-            });\n-            this.vertices = [];\n-        }\n-        if (this.virtualVertices.length > 0) {\n-            this.layer.removeFeatures(this.virtualVertices, {\n-                silent: true\n-            });\n-            this.virtualVertices = [];\n-        }\n-        if (this.dragHandle) {\n-            this.layer.destroyFeatures([this.dragHandle], {\n-                silent: true\n-            });\n-            this.dragHandle = null;\n-        }\n-        if (this.radiusHandle) {\n-            this.layer.destroyFeatures([this.radiusHandle], {\n-                silent: true\n-            });\n-            this.radiusHandle = null;\n-        }\n-        if (this.feature &&\n-            this.feature.geometry.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-            if ((this.mode & OpenLayers.Control.ModifyFeature.DRAG)) {\n-                this.collectDragHandle();\n-            }\n-            if ((this.mode & (OpenLayers.Control.ModifyFeature.ROTATE |\n-                    OpenLayers.Control.ModifyFeature.RESIZE))) {\n-                this.collectRadiusHandle();\n-            }\n-            if (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE) {\n-                // Don't collect vertices when we're resizing\n-                if (!(this.mode & OpenLayers.Control.ModifyFeature.RESIZE)) {\n-                    this.collectVertices();\n-                }\n-            }\n-        }\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current;\n     },\n \n     /**\n-     * Method: handleKeypress\n-     * Called by the feature handler on keypress.  This is used to delete\n-     *     vertices. If the <deleteCode> property is set, vertices will\n-     *     be deleted when a feature is selected for modification and\n-     *     the mouse is over a vertex.\n+     * Method: pinchDone\n      *\n      * Parameters:\n-     * evt - {Event} Keypress event.\n-     */\n-    handleKeypress: function(evt) {\n-        var code = evt.keyCode;\n-\n-        // check for delete key\n-        if (this.feature &&\n-            OpenLayers.Util.indexOf(this.deleteCodes, code) != -1) {\n-            var vertex = this.layer.getFeatureFromEvent(this.handlers.drag.evt);\n-            if (vertex &&\n-                OpenLayers.Util.indexOf(this.vertices, vertex) != -1 &&\n-                !this.handlers.drag.dragging && vertex.geometry.parent) {\n-                // remove the vertex\n-                vertex.geometry.parent.removeComponent(vertex.geometry);\n-                this.layer.events.triggerEvent(\"vertexremoved\", {\n-                    vertex: vertex.geometry,\n-                    feature: this.feature,\n-                    pixel: evt.xy\n-                });\n-                this.layer.drawFeature(this.feature, this.standalone ?\n-                    undefined : 'select');\n-                this.modified = true;\n-                this.resetVertices();\n-                this.setFeatureState();\n-                this.onModification(this.feature);\n-                this.layer.events.triggerEvent(\"featuremodified\", {\n-                    feature: this.feature\n-                });\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: collectVertices\n-     * Collect the vertices from the modifiable feature's geometry and push\n-     *     them on to the control's vertices array.\n-     */\n-    collectVertices: function() {\n-        this.vertices = [];\n-        this.virtualVertices = [];\n-        var control = this;\n-\n-        function collectComponentVertices(geometry) {\n-            var i, vertex, component, len;\n-            if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                vertex = new OpenLayers.Feature.Vector(geometry);\n-                vertex._sketch = true;\n-                vertex.renderIntent = control.vertexRenderIntent;\n-                control.vertices.push(vertex);\n-            } else {\n-                var numVert = geometry.components.length;\n-                if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-                    numVert -= 1;\n-                }\n-                for (i = 0; i < numVert; ++i) {\n-                    component = geometry.components[i];\n-                    if (component.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                        vertex = new OpenLayers.Feature.Vector(component);\n-                        vertex._sketch = true;\n-                        vertex.renderIntent = control.vertexRenderIntent;\n-                        control.vertices.push(vertex);\n-                    } else {\n-                        collectComponentVertices(component);\n-                    }\n-                }\n-\n-                // add virtual vertices in the middle of each edge\n-                if (control.createVertices && geometry.CLASS_NAME != \"OpenLayers.Geometry.MultiPoint\") {\n-                    for (i = 0, len = geometry.components.length; i < len - 1; ++i) {\n-                        var prevVertex = geometry.components[i];\n-                        var nextVertex = geometry.components[i + 1];\n-                        if (prevVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\" &&\n-                            nextVertex.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-                            var x = (prevVertex.x + nextVertex.x) / 2;\n-                            var y = (prevVertex.y + nextVertex.y) / 2;\n-                            var point = new OpenLayers.Feature.Vector(\n-                                new OpenLayers.Geometry.Point(x, y),\n-                                null, control.virtualStyle\n-                            );\n-                            // set the virtual parent and intended index\n-                            point.geometry.parent = geometry;\n-                            point._index = i + 1;\n-                            point._sketch = true;\n-                            control.virtualVertices.push(point);\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        collectComponentVertices.call(this, this.feature.geometry);\n-        this.layer.addFeatures(this.virtualVertices, {\n-            silent: true\n-        });\n-        this.layer.addFeatures(this.vertices, {\n-            silent: true\n-        });\n-    },\n-\n-    /**\n-     * Method: collectDragHandle\n-     * Collect the drag handle for the selected geometry.\n+     * evt - {Event}\n+     * start - {Object} pinch data object related to the touchstart event that\n+     *     started the pinch gesture.\n+     * last - {Object} pinch data object related to the last touchmove event\n+     *     of the pinch gesture. This give us the final scale of the pinch.\n      */\n-    collectDragHandle: function() {\n-        var geometry = this.feature.geometry;\n-        var center = geometry.getBounds().getCenterLonLat();\n-        var originGeometry = new OpenLayers.Geometry.Point(\n-            center.lon, center.lat\n-        );\n-        var origin = new OpenLayers.Feature.Vector(originGeometry);\n-        originGeometry.move = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            geometry.move(x, y);\n-        };\n-        origin._sketch = true;\n-        this.dragHandle = origin;\n-        this.dragHandle.renderIntent = this.vertexRenderIntent;\n-        this.layer.addFeatures([this.dragHandle], {\n-            silent: true\n-        });\n-    },\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n \n-    /**\n-     * Method: collectRadiusHandle\n-     * Collect the radius handle for the selected geometry.\n-     */\n-    collectRadiusHandle: function() {\n-        var geometry = this.feature.geometry;\n-        var bounds = geometry.getBounds();\n-        var center = bounds.getCenterLonLat();\n-        var originGeometry = new OpenLayers.Geometry.Point(\n-            center.lon, center.lat\n-        );\n-        var radiusGeometry = new OpenLayers.Geometry.Point(\n-            bounds.right, bounds.bottom\n-        );\n-        var radius = new OpenLayers.Feature.Vector(radiusGeometry);\n-        var resize = (this.mode & OpenLayers.Control.ModifyFeature.RESIZE);\n-        var reshape = (this.mode & OpenLayers.Control.ModifyFeature.RESHAPE);\n-        var rotate = (this.mode & OpenLayers.Control.ModifyFeature.ROTATE);\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n \n-        radiusGeometry.move = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            var dx1 = this.x - originGeometry.x;\n-            var dy1 = this.y - originGeometry.y;\n-            var dx0 = dx1 - x;\n-            var dy0 = dy1 - y;\n-            if (rotate) {\n-                var a0 = Math.atan2(dy0, dx0);\n-                var a1 = Math.atan2(dy1, dx1);\n-                var angle = a1 - a0;\n-                angle *= 180 / Math.PI;\n-                geometry.rotate(angle, originGeometry);\n-            }\n-            if (resize) {\n-                var scale, ratio;\n-                // 'resize' together with 'reshape' implies that the aspect \n-                // ratio of the geometry will not be preserved whilst resizing \n-                if (reshape) {\n-                    scale = dy1 / dy0;\n-                    ratio = (dx1 / dx0) / scale;\n-                } else {\n-                    var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n-                    var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n-                    scale = l1 / l0;\n-                }\n-                geometry.resize(scale, originGeometry, ratio);\n-            }\n-        };\n-        radius._sketch = true;\n-        this.radiusHandle = radius;\n-        this.radiusHandle.renderIntent = this.vertexRenderIntent;\n-        this.layer.addFeatures([this.radiusHandle], {\n-            silent: true\n-        });\n-    },\n+            location.lon += resolution * ((size.w / 2) - zoomPixel.x);\n+            location.lat -= resolution * ((size.h / 2) - zoomPixel.y);\n \n-    /**\n-     * Method: setMap\n-     * Set the map property for the control and all handlers.\n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>} The control's map.\n-     */\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-    },\n+            // Force a reflow before calling setCenter. This is to work\n+            // around an issue occuring in iOS.\n+            //\n+            // See https://github.com/openlayers/openlayers/pull/351.\n+            //\n+            // Without a reflow setting the layer container div's top left\n+            // style properties to \"0px\" - as done in Map.moveTo when zoom\n+            // is changed - won't actually correctly reposition the layer\n+            // container div.\n+            //\n+            // Also, we need to use a statement that the Google Closure\n+            // compiler won't optimize away.\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n \n-    /**\n-     * Method: handleMapEvents\n-     * \n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop();\n+            this.map.setCenter(location, zoom);\n         }\n     },\n \n-    /**\n-     * Method: moveLayerToTop\n-     * Moves the layer for this handler to the top, so mouse events can reach\n-     * it.\n-     */\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE['Feature'] - 1,\n-            this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index);\n-\n-    },\n-\n-    /**\n-     * Method: moveLayerBack\n-     * Moves the layer back to the position determined by the map's layers\n-     * array.\n-     */\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE['Feature']) {\n-            this.layer.setZIndex(index);\n-        } else {\n-            this.map.setLayerZIndex(this.layer,\n-                this.map.getLayerIndex(this.layer));\n-        }\n-    },\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n \n-    CLASS_NAME: \"OpenLayers.Control.ModifyFeature\"\n });\n-\n-/**\n- * Constant: RESHAPE\n- * {Integer} Constant used to make the control work in reshape mode\n- */\n-OpenLayers.Control.ModifyFeature.RESHAPE = 1;\n-/**\n- * Constant: RESIZE\n- * {Integer} Constant used to make the control work in resize mode\n- */\n-OpenLayers.Control.ModifyFeature.RESIZE = 2;\n-/**\n- * Constant: ROTATE\n- * {Integer} Constant used to make the control work in rotate mode\n- */\n-OpenLayers.Control.ModifyFeature.ROTATE = 4;\n-/**\n- * Constant: DRAG\n- * {Integer} Constant used to make the control work in drag mode\n- */\n-OpenLayers.Control.ModifyFeature.DRAG = 8;\n /* ======================================================================\n-    OpenLayers/Control/Graticule.js\n+    OpenLayers/Control/TouchNavigation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Lang.js\n- * @requires OpenLayers/Rule.js\n- * @requires OpenLayers/StyleMap.js\n- * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Control/DragPan.js\n+ * @requires OpenLayers/Control/PinchZoom.js\n+ * @requires OpenLayers/Handler/Click.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Graticule\n- * The Graticule displays a grid of latitude/longitude lines reprojected on\n- * the map.  \n- * \n- * Inherits from:\n+ * Class: OpenLayers.Control.TouchNavigation\n+ * The navigation control handles map browsing with touch events (dragging,\n+ *     double-tapping, tap with two fingers, and pinch zoom).  Create a new \n+ *     control with the <OpenLayers.Control.TouchNavigation> constructor.\n+ *\n+ * If you\u2019re only targeting touch enabled devices with your mapping application,\n+ *     you can create a map with only a TouchNavigation control. The \n+ *     <OpenLayers.Control.Navigation> control is mobile ready by default, but \n+ *     you can generate a smaller build of the library by only including this\n+ *     touch navigation control if you aren't concerned about mouse interaction.\n+ *\n+ * Inherits:\n  *  - <OpenLayers.Control>\n- *  \n  */\n-OpenLayers.Control.Graticule = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map. Default is\n-     *     true. \n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * APIProperty: intervals\n-     * {Array(Float)} A list of possible graticule widths in degrees.\n-     */\n-    intervals: [45, 30, 20, 10, 5, 2, 1,\n-        0.5, 0.2, 0.1, 0.05, 0.01,\n-        0.005, 0.002, 0.001\n-    ],\n-\n-    /**\n-     * APIProperty: displayInLayerSwitcher\n-     * {Boolean} Allows the Graticule control to be switched on and off by \n-     *     LayerSwitcher control. Defaults is true.\n-     */\n-    displayInLayerSwitcher: true,\n-\n-    /**\n-     * APIProperty: visible\n-     * {Boolean} should the graticule be initially visible (default=true)\n-     */\n-    visible: true,\n-\n-    /**\n-     * APIProperty: numPoints\n-     * {Integer} The number of points to use in each graticule line.  Higher\n-     * numbers result in a smoother curve for projected maps \n-     */\n-    numPoints: 50,\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n \n     /**\n-     * APIProperty: targetSize\n-     * {Integer} The maximum size of the grid in pixels on the map\n+     * Property: dragPan\n+     * {<OpenLayers.Control.DragPan>}\n      */\n-    targetSize: 200,\n+    dragPan: null,\n \n     /**\n-     * APIProperty: layerName\n-     * {String} The name to be displayed in the layer switcher, default is set \n-     *     by {<OpenLayers.Lang>}.\n+     * APIProperty: dragPanOptions\n+     * {Object} Options passed to the DragPan control.\n      */\n-    layerName: null,\n+    dragPanOptions: null,\n \n     /**\n-     * APIProperty: labelled\n-     * {Boolean} Should the graticule lines be labelled?. default=true\n+     * Property: pinchZoom\n+     * {<OpenLayers.Control.PinchZoom>}\n      */\n-    labelled: true,\n+    pinchZoom: null,\n \n     /**\n-     * APIProperty: labelFormat\n-     * {String} the format of the labels, default = 'dm'. See\n-     * <OpenLayers.Util.getFormattedLonLat> for other options.\n+     * APIProperty: pinchZoomOptions\n+     * {Object} Options passed to the PinchZoom control.\n      */\n-    labelFormat: 'dm',\n+    pinchZoomOptions: null,\n \n     /**\n-     * APIProperty: lineSymbolizer\n-     * {symbolizer} the symbolizer used to render lines\n+     * APIProperty: clickHandlerOptions\n+     * {Object} Options passed to the Click handler.\n      */\n-    lineSymbolizer: {\n-        strokeColor: \"#333\",\n-        strokeWidth: 1,\n-        strokeOpacity: 0.5\n-    },\n+    clickHandlerOptions: null,\n \n     /**\n-     * APIProperty: labelSymbolizer\n-     * {symbolizer} the symbolizer used to render labels\n+     * APIProperty: documentDrag\n+     * {Boolean} Allow panning of the map by dragging outside map viewport.\n+     *     Default is false.\n      */\n-    labelSymbolizer: {},\n+    documentDrag: false,\n \n     /**\n-     * Property: gratLayer\n-     * {<OpenLayers.Layer.Vector>} vector layer used to draw the graticule on\n+     * APIProperty: autoActivate\n+     * {Boolean} Activate the control when it is added to a map.  Default is\n+     *     true.\n      */\n-    gratLayer: null,\n+    autoActivate: true,\n \n     /**\n-     * Constructor: OpenLayers.Control.Graticule\n-     * Create a new graticule control to display a grid of latitude longitude\n-     * lines.\n-     * \n+     * Constructor: OpenLayers.Control.TouchNavigation\n+     * Create a new navigation control\n+     *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * options - {Object} An optional object whose properties will be set on\n+     *                    the control\n      */\n     initialize: function(options) {\n-        options = options || {};\n-        options.layerName = options.layerName || OpenLayers.i18n(\"Graticule\");\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.labelSymbolizer.stroke = false;\n-        this.labelSymbolizer.fill = false;\n-        this.labelSymbolizer.label = \"${label}\";\n-        this.labelSymbolizer.labelAlign = \"${labelAlign}\";\n-        this.labelSymbolizer.labelXOffset = \"${xOffset}\";\n-        this.labelSymbolizer.labelYOffset = \"${yOffset}\";\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: destroy\n+     * Method: destroy\n+     * The destroy method is used to perform any clean up before the control\n+     * is dereferenced.  Typically this is where event listeners are removed\n+     * to prevent memory leaks.\n      */\n     destroy: function() {\n         this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        if (this.gratLayer) {\n-            this.gratLayer.destroy();\n-            this.gratLayer = null;\n+        if (this.dragPan) {\n+            this.dragPan.destroy();\n         }\n-    },\n-\n-    /**\n-     * Method: draw\n-     *\n-     * initializes the graticule layer and does the initial update\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.gratLayer) {\n-            var gratStyle = new OpenLayers.Style({}, {\n-                rules: [new OpenLayers.Rule({\n-                    'symbolizer': {\n-                        \"Point\": this.labelSymbolizer,\n-                        \"Line\": this.lineSymbolizer\n-                    }\n-                })]\n-            });\n-            this.gratLayer = new OpenLayers.Layer.Vector(this.layerName, {\n-                styleMap: new OpenLayers.StyleMap({\n-                    'default': gratStyle\n-                }),\n-                visibility: this.visible,\n-                displayInLayerSwitcher: this.displayInLayerSwitcher\n-            });\n+        this.dragPan = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+            delete this.pinchZoom;\n         }\n-        return this.div;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: activate\n+     * Method: activate\n      */\n     activate: function() {\n         if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.addLayer(this.gratLayer);\n-            this.map.events.register('moveend', this, this.update);\n-            this.update();\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n+            this.pinchZoom.activate();\n             return true;\n-        } else {\n-            return false;\n         }\n+        return false;\n     },\n \n     /**\n-     * APIMethod: deactivate\n+     * Method: deactivate\n      */\n     deactivate: function() {\n         if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister('moveend', this, this.update);\n-            this.map.removeLayer(this.gratLayer);\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n+            this.pinchZoom.deactivate();\n             return true;\n-        } else {\n-            return false;\n-        }\n-    },\n-    /**\n-     * Method: update\n-     *\n-     * calculates the grid to be displayed and actually draws it\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    update: function() {\n-        //wait for the map to be initialized before proceeding\n-        var mapBounds = this.map.getExtent();\n-        if (!mapBounds) {\n-            return;\n-        }\n-\n-        //clear out the old grid\n-        this.gratLayer.destroyFeatures();\n-\n-        //get the projection objects required\n-        var llProj = new OpenLayers.Projection(\"EPSG:4326\");\n-        var mapProj = this.map.getProjectionObject();\n-        var mapRes = this.map.getResolution();\n-\n-        //if the map is in lon/lat, then the lines are straight and only one\n-        //point is required\n-        if (mapProj.proj && mapProj.proj.projName == \"longlat\") {\n-            this.numPoints = 1;\n-        }\n-\n-        //get the map center in EPSG:4326\n-        var mapCenter = this.map.getCenter(); //lon and lat here are really map x and y\n-        var mapCenterLL = new OpenLayers.Pixel(mapCenter.lon, mapCenter.lat);\n-        OpenLayers.Projection.transform(mapCenterLL, mapProj, llProj);\n-\n-        /* This block of code determines the lon/lat interval to use for the\n-         * grid by calculating the diagonal size of one grid cell at the map\n-         * center.  Iterates through the intervals array until the diagonal\n-         * length is less than the targetSize option.\n-         */\n-        //find lat/lon interval that results in a grid of less than the target size\n-        var testSq = this.targetSize * mapRes;\n-        testSq *= testSq; //compare squares rather than doing a square root to save time\n-        var llInterval;\n-        for (var i = 0; i < this.intervals.length; ++i) {\n-            llInterval = this.intervals[i]; //could do this for both x and y??\n-            var delta = llInterval / 2;\n-            var p1 = mapCenterLL.offset({\n-                x: -delta,\n-                y: -delta\n-            }); //test coords in EPSG:4326 space\n-            var p2 = mapCenterLL.offset({\n-                x: delta,\n-                y: delta\n-            });\n-            OpenLayers.Projection.transform(p1, llProj, mapProj); // convert them back to map projection\n-            OpenLayers.Projection.transform(p2, llProj, mapProj);\n-            var distSq = (p1.x - p2.x) * (p1.x - p2.x) + (p1.y - p2.y) * (p1.y - p2.y);\n-            if (distSq <= testSq) {\n-                break;\n-            }\n-        }\n-        //alert(llInterval);\n-\n-        //round the LL center to an even number based on the interval\n-        mapCenterLL.x = Math.floor(mapCenterLL.x / llInterval) * llInterval;\n-        mapCenterLL.y = Math.floor(mapCenterLL.y / llInterval) * llInterval;\n-        //TODO adjust for minutses/seconds?\n-\n-        /* The following 2 blocks calculate the nodes of the grid along a \n-         * line of constant longitude (then latitiude) running through the\n-         * center of the map until it reaches the map edge.  The calculation\n-         * goes from the center in both directions to the edge.\n-         */\n-        //get the central longitude line, increment the latitude\n-        var iter = 0;\n-        var centerLonPoints = [mapCenterLL.clone()];\n-        var newPoint = mapCenterLL.clone();\n-        var mapXY;\n-        do {\n-            newPoint = newPoint.offset({\n-                x: 0,\n-                y: llInterval\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLonPoints.unshift(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: 0,\n-                y: -llInterval\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLonPoints.push(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-\n-        //get the central latitude line, increment the longitude\n-        iter = 0;\n-        var centerLatPoints = [mapCenterLL.clone()];\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: -llInterval,\n-                y: 0\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLatPoints.unshift(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-        newPoint = mapCenterLL.clone();\n-        do {\n-            newPoint = newPoint.offset({\n-                x: llInterval,\n-                y: 0\n-            });\n-            mapXY = OpenLayers.Projection.transform(newPoint.clone(), llProj, mapProj);\n-            centerLatPoints.push(newPoint);\n-        } while (mapBounds.containsPixel(mapXY) && ++iter < 1000);\n-\n-        //now generate a line for each node in the central lat and lon lines\n-        //first loop over constant longitude\n-        var lines = [];\n-        for (var i = 0; i < centerLatPoints.length; ++i) {\n-            var lon = centerLatPoints[i].x;\n-            var pointList = [];\n-            var labelPoint = null;\n-            var latEnd = Math.min(centerLonPoints[0].y, 90);\n-            var latStart = Math.max(centerLonPoints[centerLonPoints.length - 1].y, -90);\n-            var latDelta = (latEnd - latStart) / this.numPoints;\n-            var lat = latStart;\n-            for (var j = 0; j <= this.numPoints; ++j) {\n-                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n-                gridPoint.transform(llProj, mapProj);\n-                pointList.push(gridPoint);\n-                lat += latDelta;\n-                if (gridPoint.y >= mapBounds.bottom && !labelPoint) {\n-                    labelPoint = gridPoint;\n-                }\n-            }\n-            if (this.labelled) {\n-                //keep track of when this grid line crosses the map bounds to set\n-                //the label position\n-                //labels along the bottom, add 10 pixel offset up into the map\n-                //TODO add option for labels on top\n-                var labelPos = new OpenLayers.Geometry.Point(labelPoint.x, mapBounds.bottom);\n-                var labelAttrs = {\n-                    value: lon,\n-                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lon, \"lon\", this.labelFormat) : \"\",\n-                    labelAlign: \"cb\",\n-                    xOffset: 0,\n-                    yOffset: 2\n-                };\n-                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n-            }\n-            var geom = new OpenLayers.Geometry.LineString(pointList);\n-            lines.push(new OpenLayers.Feature.Vector(geom));\n-        }\n-\n-        //now draw the lines of constant latitude\n-        for (var j = 0; j < centerLonPoints.length; ++j) {\n-            lat = centerLonPoints[j].y;\n-            if (lat < -90 || lat > 90) { //latitudes only valid between -90 and 90\n-                continue;\n-            }\n-            var pointList = [];\n-            var lonStart = centerLatPoints[0].x;\n-            var lonEnd = centerLatPoints[centerLatPoints.length - 1].x;\n-            var lonDelta = (lonEnd - lonStart) / this.numPoints;\n-            var lon = lonStart;\n-            var labelPoint = null;\n-            for (var i = 0; i <= this.numPoints; ++i) {\n-                var gridPoint = new OpenLayers.Geometry.Point(lon, lat);\n-                gridPoint.transform(llProj, mapProj);\n-                pointList.push(gridPoint);\n-                lon += lonDelta;\n-                if (gridPoint.x < mapBounds.right) {\n-                    labelPoint = gridPoint;\n-                }\n-            }\n-            if (this.labelled) {\n-                //keep track of when this grid line crosses the map bounds to set\n-                //the label position\n-                //labels along the right, 30 pixel offset left into the map\n-                //TODO add option for labels on left\n-                var labelPos = new OpenLayers.Geometry.Point(mapBounds.right, labelPoint.y);\n-                var labelAttrs = {\n-                    value: lat,\n-                    label: this.labelled ? OpenLayers.Util.getFormattedLonLat(lat, \"lat\", this.labelFormat) : \"\",\n-                    labelAlign: \"rb\",\n-                    xOffset: -2,\n-                    yOffset: 2\n-                };\n-                this.gratLayer.addFeatures(new OpenLayers.Feature.Vector(labelPos, labelAttrs));\n-            }\n-            var geom = new OpenLayers.Geometry.LineString(pointList);\n-            lines.push(new OpenLayers.Feature.Vector(geom));\n         }\n-        this.gratLayer.addFeatures(lines);\n+        return false;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.Graticule\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/Zoom.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Events/buttonclick.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.Zoom\n- * The Zoom control is a pair of +/- links for zooming in and out.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Zoom = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: zoomInText\n-     * {String}\n-     * Text for zoom-in link.  Default is \"+\".\n-     */\n-    zoomInText: \"+\",\n-\n-    /**\n-     * APIProperty: zoomInId\n-     * {String}\n-     * Instead of having the control create a zoom in link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomInLink\" will be searched for\n-     *     and used if it exists.\n-     */\n-    zoomInId: \"olZoomInLink\",\n-\n-    /**\n-     * APIProperty: zoomOutText\n-     * {String}\n-     * Text for zoom-out link.  Default is \"\\u2212\".\n-     */\n-    zoomOutText: \"\\u2212\",\n-\n-    /**\n-     * APIProperty: zoomOutId\n-     * {String}\n-     * Instead of having the control create a zoom out link, you can provide \n-     *     the identifier for an anchor element already added to the document.\n-     *     By default, an element with id \"olZoomOutLink\" will be searched for\n-     *     and used if it exists.\n-     */\n-    zoomOutId: \"olZoomOutLink\",\n-\n     /**\n      * Method: draw\n-     *\n-     * Returns:\n-     * {DOMElement} A reference to the DOMElement containing the zoom links.\n      */\n     draw: function() {\n-        var div = OpenLayers.Control.prototype.draw.apply(this),\n-            links = this.getOrCreateLinks(div),\n-            zoomIn = links.zoomIn,\n-            zoomOut = links.zoomOut,\n-            eventsInstance = this.map.events;\n-\n-        if (zoomOut.parentNode !== div) {\n-            eventsInstance = this.events;\n-            eventsInstance.attachToElement(zoomOut.parentNode);\n-        }\n-        eventsInstance.register(\"buttonclick\", this, this.onZoomClick);\n-\n-        this.zoomInLink = zoomIn;\n-        this.zoomOutLink = zoomOut;\n-        return div;\n-    },\n-\n-    /**\n-     * Method: getOrCreateLinks\n-     * \n-     * Parameters:\n-     * el - {DOMElement}\n-     *\n-     * Return: \n-     * {Object} Object with zoomIn and zoomOut properties referencing links.\n-     */\n-    getOrCreateLinks: function(el) {\n-        var zoomIn = document.getElementById(this.zoomInId),\n-            zoomOut = document.getElementById(this.zoomOutId);\n-        if (!zoomIn) {\n-            zoomIn = document.createElement(\"a\");\n-            zoomIn.href = \"#zoomIn\";\n-            zoomIn.appendChild(document.createTextNode(this.zoomInText));\n-            zoomIn.className = \"olControlZoomIn\";\n-            el.appendChild(zoomIn);\n-        }\n-        OpenLayers.Element.addClass(zoomIn, \"olButton\");\n-        if (!zoomOut) {\n-            zoomOut = document.createElement(\"a\");\n-            zoomOut.href = \"#zoomOut\";\n-            zoomOut.appendChild(document.createTextNode(this.zoomOutText));\n-            zoomOut.className = \"olControlZoomOut\";\n-            el.appendChild(zoomOut);\n-        }\n-        OpenLayers.Element.addClass(zoomOut, \"olButton\");\n-        return {\n-            zoomIn: zoomIn,\n-            zoomOut: zoomOut\n-        };\n-    },\n-\n-    /**\n-     * Method: onZoomClick\n-     * Called when zoomin/out link is clicked.\n-     */\n-    onZoomClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.zoomInLink) {\n-            this.map.zoomIn();\n-        } else if (button === this.zoomOutLink) {\n-            this.map.zoomOut();\n-        }\n-    },\n-\n-    /** \n-     * Method: destroy\n-     * Clean up.\n-     */\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onZoomClick);\n-        }\n-        delete this.zoomInLink;\n-        delete this.zoomOutLink;\n-        OpenLayers.Control.prototype.destroy.apply(this);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Zoom\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ZoomToMaxExtent.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/Button.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.ZoomToMaxExtent \n- * The ZoomToMaxExtent control is a button that zooms out to the maximum\n- * extent of the map. It is designed to be used with a \n- * <OpenLayers.Control.Panel>.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n-\n-    /**\n-     * Method: trigger\n-     * \n-     * Called whenever this control is being rendered inside of a panel and a \n-     *     click occurs on this controls element. Actually zooms to the maximum\n-     *     extent of this controls map.\n-     */\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomToMaxExtent();\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ZoomPanel.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/ZoomIn.js\n- * @requires OpenLayers/Control/ZoomOut.js\n- * @requires OpenLayers/Control/ZoomToMaxExtent.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.ZoomPanel\n- * The ZoomPanel control is a compact collecton of 3 zoom controls: a \n- * <OpenLayers.Control.ZoomIn>, a <OpenLayers.Control.ZoomToMaxExtent>, and a\n- * <OpenLayers.Control.ZoomOut>. By default it is drawn in the upper left \n- * corner of the map.\n- *\n- * Note: \n- * If you wish to use this class with the default images and you want \n- *       it to look nice in ie6, you should add the following, conditionally\n- *       added css stylesheet to your HTML file:\n- * \n- * (code)\n- * <!--[if lte IE 6]>\n- *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n- * <![endif]-->\n- * (end)\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control.Panel>\n- */\n-OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-\n-    /**\n-     * Constructor: OpenLayers.Control.ZoomPanel \n-     * Add the three zooming controls.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([\n-            new OpenLayers.Control.ZoomIn(),\n-            new OpenLayers.Control.ZoomToMaxExtent(),\n-            new OpenLayers.Control.ZoomOut()\n-        ]);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/PanZoomBar.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control/PanZoom.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.PanZoomBar\n- * The PanZoomBar is a visible control composed of a\n- * <OpenLayers.Control.PanPanel> and a <OpenLayers.Control.ZoomBar>. \n- * By default it is displayed in the upper left corner of the map as 4\n- * directional arrows above a vertical slider.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control.PanZoom>\n- */\n-OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n-\n-    /** \n-     * APIProperty: zoomStopWidth\n-     */\n-    zoomStopWidth: 18,\n-\n-    /** \n-     * APIProperty: zoomStopHeight\n-     */\n-    zoomStopHeight: 11,\n-\n-    /** \n-     * Property: slider\n-     */\n-    slider: null,\n-\n-    /** \n-     * Property: sliderEvents\n-     * {<OpenLayers.Events>}\n-     */\n-    sliderEvents: null,\n-\n-    /** \n-     * Property: zoombarDiv\n-     * {DOMElement}\n-     */\n-    zoombarDiv: null,\n-\n-    /** \n-     * APIProperty: zoomWorldIcon\n-     * {Boolean}\n-     */\n-    zoomWorldIcon: false,\n-\n-    /**\n-     * APIProperty: panIcons\n-     * {Boolean} Set this property to false not to display the pan icons. If\n-     * false the zoom world icon is placed under the zoom bar. Defaults to\n-     * true.\n-     */\n-    panIcons: true,\n-\n-    /**\n-     * APIProperty: forceFixedZoomLevel\n-     * {Boolean} Force a fixed zoom level even though the map has \n-     *     fractionalZoom\n-     */\n-    forceFixedZoomLevel: false,\n-\n-    /**\n-     * Property: mouseDragStart\n-     * {<OpenLayers.Pixel>}\n-     */\n-    mouseDragStart: null,\n-\n-    /**\n-     * Property: deltaY\n-     * {Number} The cumulative vertical pixel offset during a zoom bar drag.\n-     */\n-    deltaY: null,\n-\n-    /**\n-     * Property: zoomStart\n-     * {<OpenLayers.Pixel>}\n-     */\n-    zoomStart: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.PanZoomBar\n-     */\n-\n-    /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-\n-        this._removeZoomBar();\n-\n-        this.map.events.un({\n-            \"changebaselayer\": this.redraw,\n-            \"updatesize\": this.redraw,\n-            scope: this\n-        });\n-\n-        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n-\n-        delete this.mouseDragStart;\n-        delete this.zoomStart;\n-    },\n-\n-    /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            \"changebaselayer\": this.redraw,\n-            \"updatesize\": this.redraw,\n-            scope: this\n-        });\n-    },\n-\n-    /** \n-     * Method: redraw\n-     * clear the div and start over.\n-     */\n-    redraw: function() {\n-        if (this.div != null) {\n-            this.removeButtons();\n-            this._removeZoomBar();\n-        }\n-        this.draw();\n-    },\n-\n-    /**\n-     * Method: draw \n-     *\n-     * Parameters:\n-     * px - {<OpenLayers.Pixel>} \n-     */\n-    draw: function(px) {\n-        // initialize our internal div\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position.clone();\n-\n-        // place the controls\n-        this.buttons = [];\n-\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        if (this.panIcons) {\n-            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-            var wposition = sz.w;\n-\n-            if (this.zoomWorldIcon) {\n-                centered = new OpenLayers.Pixel(px.x + sz.w, px.y);\n-            }\n-\n-            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-            px.y = centered.y + sz.h;\n-            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-            if (this.zoomWorldIcon) {\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n-\n-                wposition *= 2;\n-            }\n-            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n-            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-        } else {\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n-            centered = this._addZoomBar(px.add(0, sz.h));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-            if (this.zoomWorldIcon) {\n-                centered = centered.add(0, sz.h + 3);\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz);\n-            }\n-        }\n-        return this.div;\n-    },\n-\n-    /** \n-     * Method: _addZoomBar\n-     * \n-     * Parameters:\n-     * centered - {<OpenLayers.Pixel>} where zoombar drawing is to start.\n-     */\n-    _addZoomBar: function(centered) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n-        var id = this.id + \"_\" + this.map.id;\n-        var minZoom = this.map.getMinZoom();\n-        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n-        var slider = OpenLayers.Util.createAlphaImageDiv(id,\n-            centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n-                w: 20,\n-                h: 9\n-            },\n-            imgLocation,\n-            \"absolute\");\n-        slider.style.cursor = \"move\";\n-        this.slider = slider;\n-\n-        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n-            includeXY: true\n-        });\n-        this.sliderEvents.on({\n-            \"touchstart\": this.zoomBarDown,\n-            \"touchmove\": this.zoomBarDrag,\n-            \"touchend\": this.zoomBarUp,\n-            \"mousedown\": this.zoomBarDown,\n-            \"mousemove\": this.zoomBarDrag,\n-            \"mouseup\": this.zoomBarUp\n-        });\n-\n-        var sz = {\n-            w: this.zoomStopWidth,\n-            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n         };\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n-        var div = null;\n-\n-        if (OpenLayers.Util.alphaHack()) {\n-            var id = this.id + \"_\" + this.map.id;\n-            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n-                    w: sz.w,\n-                    h: this.zoomStopHeight\n-                },\n-                imgLocation,\n-                \"absolute\", null, \"crop\");\n-            div.style.height = sz.h + \"px\";\n-        } else {\n-            div = OpenLayers.Util.createDiv(\n-                'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id,\n-                centered,\n-                sz,\n-                imgLocation);\n-        }\n-        div.style.cursor = \"pointer\";\n-        div.className = \"olButton\";\n-        this.zoombarDiv = div;\n-\n-        this.div.appendChild(div);\n-\n-        this.startTop = parseInt(div.style.top);\n-        this.div.appendChild(slider);\n-\n-        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n-\n-        centered = centered.add(0,\n-            this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n-        return centered;\n-    },\n-\n-    /**\n-     * Method: _removeZoomBar\n-     */\n-    _removeZoomBar: function() {\n-        this.sliderEvents.un({\n-            \"touchstart\": this.zoomBarDown,\n-            \"touchmove\": this.zoomBarDrag,\n-            \"touchend\": this.zoomBarUp,\n-            \"mousedown\": this.zoomBarDown,\n-            \"mousemove\": this.zoomBarDrag,\n-            \"mouseup\": this.zoomBarUp\n-        });\n-        this.sliderEvents.destroy();\n-\n-        this.div.removeChild(this.zoombarDiv);\n-        this.zoombarDiv = null;\n-        this.div.removeChild(this.slider);\n-        this.slider = null;\n-\n-        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar);\n+        var clickOptions = OpenLayers.Util.extend({\n+            \"double\": true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n+        this.handlers.click = new OpenLayers.Handler.Click(\n+            this, clickCallbacks, clickOptions\n+        );\n+        this.dragPan = new OpenLayers.Control.DragPan(\n+            OpenLayers.Util.extend({\n+                map: this.map,\n+                documentDrag: this.documentDrag\n+            }, this.dragPanOptions)\n+        );\n+        this.dragPan.draw();\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(\n+            OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions)\n+        );\n     },\n \n     /**\n-     * Method: onButtonClick\n+     * Method: defaultClick\n      *\n      * Parameters:\n      * evt - {Event}\n      */\n-    onButtonClick: function(evt) {\n-        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n-        if (evt.buttonElement === this.zoombarDiv) {\n-            var levels = evt.buttonXY.y / this.zoomStopHeight;\n-            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n-                levels = Math.floor(levels);\n-            }\n-            var zoom = (this.map.getNumZoomLevels() - 1) - levels;\n-            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n-            this.map.zoomTo(zoom);\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut();\n         }\n     },\n \n     /**\n-     * Method: passEventToSlider\n-     * This function is used to pass events that happen on the div, or the map,\n-     * through to the slider, which then does its moving thing.\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    passEventToSlider: function(evt) {\n-        this.sliderEvents.handleBrowserEvent(evt);\n-    },\n-\n-    /*\n-     * Method: zoomBarDown\n-     * event listener for clicks on the slider\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarDown: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n-            return;\n-        }\n-        this.map.events.on({\n-            \"touchmove\": this.passEventToSlider,\n-            \"mousemove\": this.passEventToSlider,\n-            \"mouseup\": this.passEventToSlider,\n-            scope: this\n-        });\n-        this.mouseDragStart = evt.xy.clone();\n-        this.zoomStart = evt.xy.clone();\n-        this.div.style.cursor = \"move\";\n-        // reset the div offsets just in case the div moved\n-        this.zoombarDiv.offsets = null;\n-        OpenLayers.Event.stop(evt);\n-    },\n-\n-    /*\n-     * Method: zoomBarDrag\n-     * This is what happens when a click has occurred, and the client is\n-     * dragging.  Here we must ensure that the slider doesn't go beyond the\n-     * bottom/top of the zoombar div, as well as moving the slider to its new\n-     * visual location\n-     *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarDrag: function(evt) {\n-        if (this.mouseDragStart != null) {\n-            var deltaY = this.mouseDragStart.y - evt.xy.y;\n-            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n-            if ((evt.clientY - offsets[1]) > 0 &&\n-                (evt.clientY - offsets[1]) < parseInt(this.zoombarDiv.style.height) - 2) {\n-                var newTop = parseInt(this.slider.style.top) - deltaY;\n-                this.slider.style.top = newTop + \"px\";\n-                this.mouseDragStart = evt.xy.clone();\n-            }\n-            // set cumulative displacement\n-            this.deltaY = this.zoomStart.y - evt.xy.y;\n-            OpenLayers.Event.stop(evt);\n-        }\n-    },\n-\n-    /*\n-     * Method: zoomBarUp\n-     * Perform cleanup when a mouseup event is received -- discover new zoom\n-     * level and switch to it.\n+     * Method: defaultDblClick\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>} \n-     */\n-    zoomBarUp: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n-            return;\n-        }\n-        if (this.mouseDragStart) {\n-            this.div.style.cursor = \"\";\n-            this.map.events.un({\n-                \"touchmove\": this.passEventToSlider,\n-                \"mouseup\": this.passEventToSlider,\n-                \"mousemove\": this.passEventToSlider,\n-                scope: this\n-            });\n-            var zoomLevel = this.map.zoom;\n-            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.min(Math.max(zoomLevel, 0),\n-                    this.map.getNumZoomLevels() - 1);\n-            } else {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.max(Math.round(zoomLevel), 0);\n-            }\n-            this.map.zoomTo(zoomLevel);\n-            this.mouseDragStart = null;\n-            this.zoomStart = null;\n-            this.deltaY = 0;\n-            OpenLayers.Event.stop(evt);\n-        }\n-    },\n-\n-    /*\n-     * Method: moveZoomBar\n-     * Change the location of the slider to match the current zoom level.\n+     * evt - {Event}\n      */\n-    moveZoomBar: function() {\n-        var newTop =\n-            ((this.map.getNumZoomLevels() - 1) - this.map.getZoom()) *\n-            this.zoomStopHeight + this.startTop + 1;\n-        this.slider.style.top = newTop + \"px\";\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n });\n /* ======================================================================\n     OpenLayers/Control/GetFeature.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -67264,7279 +63899,3586 @@\n         var ur = this.map.getLonLatFromPixel(urPx);\n         return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat);\n     },\n \n     CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n });\n /* ======================================================================\n-    OpenLayers/Control/WMSGetFeatureInfo.js\n+    OpenLayers/Format/Text.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Click.js\n- * @requires OpenLayers/Handler/Hover.js\n- * @requires OpenLayers/Request.js\n- * @requires OpenLayers/Format/WMSGetFeatureInfo.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n  */\n \n /**\n- * Class: OpenLayers.Control.WMSGetFeatureInfo\n- * The WMSGetFeatureInfo control uses a WMS query to get information about a point on the map.  The\n- * information may be in a display-friendly format such as HTML, or a machine-friendly format such\n- * as GML, depending on the server's capabilities and the client's configuration.  This control\n- * handles click or hover events, attempts to parse the results using an OpenLayers.Format, and\n- * fires a 'getfeatureinfo' event with the click position, the raw body of the response, and an\n- * array of features if it successfully read the response.\n+ * Class: OpenLayers.Format.Text\n+ * Read Text format. Create a new instance with the <OpenLayers.Format.Text>\n+ *     constructor. This reads text which is formatted like CSV text, using\n+ *     tabs as the seperator by default. It provides parsing of data originally\n+ *     used in the MapViewerService, described on the wiki. This Format is used\n+ *     by the <OpenLayers.Layer.Text> class.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format>\n  */\n-OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: hover\n-     * {Boolean} Send GetFeatureInfo requests when mouse stops moving.\n-     *     Default is false.\n-     */\n-    hover: false,\n-\n-    /**\n-     * APIProperty: drillDown\n-     * {Boolean} Drill down over all WMS layers in the map. When\n-     *     using drillDown mode, hover is not possible, and an infoFormat that\n-     *     returns parseable features is required. Default is false.\n-     */\n-    drillDown: false,\n-\n-    /**\n-     * APIProperty: maxFeatures\n-     * {Integer} Maximum number of features to return from a WMS query. This\n-     *     sets the feature_count parameter on WMS GetFeatureInfo\n-     *     requests.\n-     */\n-    maxFeatures: 10,\n+OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n \n     /**\n-     * APIProperty: clickCallback\n-     * {String} The click callback to register in the\n-     *     {<OpenLayers.Handler.Click>} object created when the hover\n-     *     option is set to false. Default is \"click\".\n+     * APIProperty: defaultStyle\n+     * defaultStyle allows one to control the default styling of the features.\n+     *    It should be a symbolizer hash. By default, this is set to match the\n+     *    Layer.Text behavior, which is to use the default OpenLayers Icon.\n      */\n-    clickCallback: \"click\",\n+    defaultStyle: null,\n \n     /**\n-     * APIProperty: output\n-     * {String} Either \"features\" or \"object\". When triggering a getfeatureinfo\n-     *     request should we pass on an array of features or an object with with\n-     *     a \"features\" property and other properties (such as the url of the\n-     *     WMS). Default is \"features\".\n+     * APIProperty: extractStyles\n+     * set to true to extract styles from the TSV files, using information\n+     * from the image or icon, iconSize and iconOffset fields. This will result\n+     * in features with a symbolizer (style) property set, using the\n+     * default symbolizer specified in <defaultStyle>. Set to false if you\n+     * wish to use a styleMap or OpenLayers.Style options to style your\n+     * layer instead.\n      */\n-    output: \"features\",\n+    extractStyles: true,\n \n     /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.WMS>)} The layers to query for feature info.\n-     *     If omitted, all map WMS layers with a url that matches this <url> or\n-     *     <layerUrls> will be considered.\n+     * Constructor: OpenLayers.Format.Text\n+     * Create a new parser for TSV Text.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    layers: null,\n+    initialize: function(options) {\n+        options = options || {};\n \n-    /**\n-     * APIProperty: queryVisible\n-     * {Boolean} If true, filter out hidden layers when searching the map for\n-     *     layers to query.  Default is false.\n-     */\n-    queryVisible: false,\n+        if (options.extractStyles !== false) {\n+            options.defaultStyle = {\n+                'externalGraphic': OpenLayers.Util.getImageLocation(\"marker.png\"),\n+                'graphicWidth': 21,\n+                'graphicHeight': 25,\n+                'graphicXOffset': -10.5,\n+                'graphicYOffset': -12.5\n+            };\n+        }\n \n-    /**\n-     * APIProperty: url\n-     * {String} The URL of the WMS service to use.  If not provided, the url\n-     *     of the first eligible layer will be used.\n-     */\n-    url: null,\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * APIProperty: layerUrls\n-     * {Array(String)} Optional list of urls for layers that should be queried.\n-     *     This can be used when the layer url differs from the url used for\n-     *     making GetFeatureInfo requests (in the case of a layer using cached\n-     *     tiles).\n+     * APIMethod: read\n+     * Return a list of features from a Tab Seperated Values text string.\n+     * \n+     * Parameters:\n+     * text - {String} \n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    layerUrls: null,\n+    read: function(text) {\n+        var lines = text.split('\\n');\n+        var columns;\n+        var features = [];\n+        // length - 1 to allow for trailing new line\n+        for (var lcv = 0; lcv < (lines.length - 1); lcv++) {\n+            var currLine = lines[lcv].replace(/^\\s*/, '').replace(/\\s*$/, '');\n \n-    /**\n-     * APIProperty: infoFormat\n-     * {String} The mimetype to request from the server. If you are using\n-     *     drillDown mode and have multiple servers that do not share a common\n-     *     infoFormat, you can override the control's infoFormat by providing an\n-     *     INFO_FORMAT parameter in your <OpenLayers.Layer.WMS> instance(s).\n-     */\n-    infoFormat: 'text/html',\n+            if (currLine.charAt(0) != '#') {\n+                /* not a comment */\n \n-    /**\n-     * APIProperty: vendorParams\n-     * {Object} Additional parameters that will be added to the request, for\n-     *     WMS implementations that support them. This could e.g. look like\n-     * (start code)\n-     * {\n-     *     radius: 5\n-     * }\n-     * (end)\n-     */\n-    vendorParams: {},\n+                if (!columns) {\n+                    //First line is columns\n+                    columns = currLine.split('\\t');\n+                } else {\n+                    var vals = currLine.split('\\t');\n+                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n+                    var attributes = {};\n+                    var style = this.defaultStyle ?\n+                        OpenLayers.Util.applyDefaults({}, this.defaultStyle) :\n+                        null;\n+                    var icon, iconSize, iconOffset, overflow;\n+                    var set = false;\n+                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n+                        if (vals[valIndex]) {\n+                            if (columns[valIndex] == 'point') {\n+                                var coords = vals[valIndex].split(',');\n+                                geometry.y = parseFloat(coords[0]);\n+                                geometry.x = parseFloat(coords[1]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'lat') {\n+                                geometry.y = parseFloat(vals[valIndex]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'lon') {\n+                                geometry.x = parseFloat(vals[valIndex]);\n+                                set = true;\n+                            } else if (columns[valIndex] == 'title')\n+                                attributes['title'] = vals[valIndex];\n+                            else if (columns[valIndex] == 'image' ||\n+                                columns[valIndex] == 'icon' && style) {\n+                                style['externalGraphic'] = vals[valIndex];\n+                            } else if (columns[valIndex] == 'iconSize' && style) {\n+                                var size = vals[valIndex].split(',');\n+                                style['graphicWidth'] = parseFloat(size[0]);\n+                                style['graphicHeight'] = parseFloat(size[1]);\n+                            } else if (columns[valIndex] == 'iconOffset' && style) {\n+                                var offset = vals[valIndex].split(',');\n+                                style['graphicXOffset'] = parseFloat(offset[0]);\n+                                style['graphicYOffset'] = parseFloat(offset[1]);\n+                            } else if (columns[valIndex] == 'description') {\n+                                attributes['description'] = vals[valIndex];\n+                            } else if (columns[valIndex] == 'overflow') {\n+                                attributes['overflow'] = vals[valIndex];\n+                            } else {\n+                                // For StyleMap filtering, allow additional\n+                                // columns to be stored as attributes.\n+                                attributes[columns[valIndex]] = vals[valIndex];\n+                            }\n+                        }\n+                    }\n+                    if (set) {\n+                        if (this.internalProjection && this.externalProjection) {\n+                            geometry.transform(this.externalProjection,\n+                                this.internalProjection);\n+                        }\n+                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n+                        features.push(feature);\n+                    }\n+                }\n+            }\n+        }\n+        return features;\n+    },\n \n-    /**\n-     * APIProperty: format\n-     * {<OpenLayers.Format>} A format for parsing GetFeatureInfo responses.\n-     *     Default is <OpenLayers.Format.WMSGetFeatureInfo>.\n-     */\n-    format: null,\n+    CLASS_NAME: \"OpenLayers.Format.Text\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/Context.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: formatOptions\n-     * {Object} Optional properties to set on the format (if one is not provided\n-     *     in the <format> property.\n-     */\n-    formatOptions: null,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Additional options for the handlers used by this control, e.g.\n-     * (start code)\n-     * {\n-     *     \"click\": {delay: 100},\n-     *     \"hover\": {delay: 300}\n-     * }\n-     * (end)\n-     */\n+/**\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ */\n \n-    /**\n-     * Property: handler\n-     * {Object} Reference to the <OpenLayers.Handler> for this control\n-     */\n-    handler: null,\n+/**\n+ * Class: OpenLayers.Format.Context\n+ * Base class for both Format.WMC and Format.OWSContext\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n+ */\n+OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: hoverRequest\n-     * {<OpenLayers.Request>} contains the currently running hover request\n-     *     (if any).\n+     * Property: layerOptions\n+     * {Object} Default options for layers created by the parser. These\n+     *     options are overridden by the options which are read from the\n+     *     capabilities document.\n      */\n-    hoverRequest: null,\n+    layerOptions: null,\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforegetfeatureinfo - Triggered before the request is sent.\n-     *      The event object has an *xy* property with the position of the\n-     *      mouse click or hover event that triggers the request.\n-     * nogetfeatureinfo - no queryable layers were found.\n-     * getfeatureinfo - Triggered when a GetFeatureInfo response is received.\n-     *      The event object has a *text* property with the body of the\n-     *      response (String), a *features* property with an array of the\n-     *      parsed features, an *xy* property with the position of the mouse\n-     *      click or hover event that triggered the request, and a *request*\n-     *      property with the request itself. If drillDown is set to true and\n-     *      multiple requests were issued to collect feature info from all\n-     *      layers, *text* and *request* will only contain the response body\n-     *      and request object of the last request.\n+     * Property: layerParams\n+     * {Object} Default parameters for layers created by the parser. This\n+     *     can be used e.g. to override DEFAULT_PARAMS for \n+     *     OpenLayers.Layer.WMS.\n      */\n+    layerParams: null,\n \n     /**\n-     * Constructor: <OpenLayers.Control.WMSGetFeatureInfo>\n+     * Constructor: OpenLayers.Format.Context\n+     * Create a new parser for Context documents.\n      *\n      * Parameters:\n-     * options - {Object}\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || {};\n-\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.WMSGetFeatureInfo(\n-                options.formatOptions\n-            );\n-        }\n-\n-        if (this.drillDown === true) {\n-            this.hover = false;\n-        }\n-\n-        if (this.hover) {\n-            this.handler = new OpenLayers.Handler.Hover(\n-                this, {\n-                    'move': this.cancelHover,\n-                    'pause': this.getInfoForHover\n-                },\n-                OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n-                    'delay': 250\n-                }));\n-        } else {\n-            var callbacks = {};\n-            callbacks[this.clickCallback] = this.getInfoForClick;\n-            this.handler = new OpenLayers.Handler.Click(\n-                this, callbacks, this.handlerOptions.click || {});\n-        }\n-    },\n \n     /**\n-     * Method: getInfoForClick\n-     * Called on click\n+     * APIMethod: read\n+     * Read Context data from a string, and return an object with map\n+     *     properties and a list of layers.\n      *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>}\n-     */\n-    getInfoForClick: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        // Set the cursor to \"wait\" to tell the user we're working on their\n-        // click.\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n-        this.request(evt.xy, {});\n-    },\n-\n-    /**\n-     * Method: getInfoForHover\n-     * Pause callback for the hover handler\n+     * data - {String} or {DOMElement} data to read/parse.\n+     * options - {Object} The options object must contain a map property.  If\n+     *     the map property is a string, it must be the id of a dom element\n+     *     where the new map will be placed.  If the map property is an\n+     *     <OpenLayers.Map>, the layers from the context document will be added\n+     *     to the map.\n      *\n-     * Parameters:\n-     * evt - {Object}\n-     */\n-    getInfoForHover: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        this.request(evt.xy, {\n-            hover: true\n-        });\n-    },\n-\n-    /**\n-     * Method: cancelHover\n-     * Cancel callback for the hover handler\n-     */\n-    cancelHover: function() {\n-        if (this.hoverRequest) {\n-            this.hoverRequest.abort();\n-            this.hoverRequest = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: findLayers\n-     * Internal method to get the layers, independent of whether we are\n-     *     inspecting the map or using a client-provided array\n+     * Returns:\n+     * {<OpenLayers.Map>} A map based on the context.\n      */\n-    findLayers: function() {\n-\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer, url;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMS &&\n-                (!this.queryVisible || layer.getVisibility())) {\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                // if the control was not configured with a url, set it\n-                // to the first layer url\n-                if (this.drillDown === false && !this.url) {\n-                    this.url = url;\n-                }\n-                if (this.drillDown === true || this.urlMatches(url)) {\n-                    layers.push(layer);\n+    read: function(data, options) {\n+        var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this,\n+            arguments);\n+        var map;\n+        if (options && options.map) {\n+            this.context = context;\n+            if (options.map instanceof OpenLayers.Map) {\n+                map = this.mergeContextToMap(context, options.map);\n+            } else {\n+                var mapOptions = options.map;\n+                if (OpenLayers.Util.isElement(mapOptions) ||\n+                    typeof mapOptions == \"string\") {\n+                    // we assume mapOptions references a div\n+                    // element\n+                    mapOptions = {\n+                        div: mapOptions\n+                    };\n                 }\n+                map = this.contextToMap(context, mapOptions);\n             }\n+        } else {\n+            // not documented as part of the API, provided as a non-API option\n+            map = context;\n         }\n-        return layers;\n+        return map;\n     },\n \n     /**\n-     * Method: urlMatches\n-     * Test to see if the provided url matches either the control <url> or one\n-     *     of the <layerUrls>.\n+     * Method: getLayerFromContext\n+     * Create a WMS layer from a layerContext object.\n      *\n      * Parameters:\n-     * url - {String} The url to test.\n+     * layerContext - {Object} An object representing a WMS layer.\n      *\n      * Returns:\n-     * {Boolean} The provided url matches the control <url> or one of the\n-     *     <layerUrls>.\n+     * {<OpenLayers.Layer.WMS>} A WMS layer.\n      */\n-    urlMatches: function(url) {\n-        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n-        if (!matches && this.layerUrls) {\n-            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n-                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n-                    matches = true;\n+    getLayerFromContext: function(layerContext) {\n+        var i, len;\n+        // fill initial options object from layerContext\n+        var options = {\n+            queryable: layerContext.queryable, //keep queryable for api compatibility\n+            visibility: layerContext.visibility,\n+            maxExtent: layerContext.maxExtent,\n+            metadata: OpenLayers.Util.applyDefaults(layerContext.metadata, {\n+                styles: layerContext.styles,\n+                formats: layerContext.formats,\n+                \"abstract\": layerContext[\"abstract\"],\n+                dataURL: layerContext.dataURL\n+            }),\n+            numZoomLevels: layerContext.numZoomLevels,\n+            units: layerContext.units,\n+            isBaseLayer: layerContext.isBaseLayer,\n+            opacity: layerContext.opacity,\n+            displayInLayerSwitcher: layerContext.displayInLayerSwitcher,\n+            singleTile: layerContext.singleTile,\n+            tileSize: (layerContext.tileSize) ?\n+                new OpenLayers.Size(\n+                    layerContext.tileSize.width,\n+                    layerContext.tileSize.height\n+                ) : undefined,\n+            minScale: layerContext.minScale || layerContext.maxScaleDenominator,\n+            maxScale: layerContext.maxScale || layerContext.minScaleDenominator,\n+            srs: layerContext.srs,\n+            dimensions: layerContext.dimensions,\n+            metadataURL: layerContext.metadataURL\n+        };\n+        if (this.layerOptions) {\n+            OpenLayers.Util.applyDefaults(options, this.layerOptions);\n+        }\n+\n+        var params = {\n+            layers: layerContext.name,\n+            transparent: layerContext.transparent,\n+            version: layerContext.version\n+        };\n+        if (layerContext.formats && layerContext.formats.length > 0) {\n+            // set default value for params if current attribute is not positionned\n+            params.format = layerContext.formats[0].value;\n+            for (i = 0, len = layerContext.formats.length; i < len; i++) {\n+                var format = layerContext.formats[i];\n+                if (format.current == true) {\n+                    params.format = format.value;\n                     break;\n                 }\n             }\n         }\n-        return matches;\n-    },\n-\n-    /**\n-     * Method: buildWMSOptions\n-     * Build an object with the relevant WMS options for the GetFeatureInfo request\n-     *\n-     * Parameters:\n-     * url - {String} The url to be used for sending the request\n-     * layers - {Array(<OpenLayers.Layer.WMS)} An array of layers\n-     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the mouse\n-     *     event occurred.\n-     * format - {String} The format from the corresponding GetMap request\n-     */\n-    buildWMSOptions: function(url, layers, clickPosition, format) {\n-        var layerNames = [],\n-            styleNames = [];\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            if (layers[i].params.LAYERS != null) {\n-                layerNames = layerNames.concat(layers[i].params.LAYERS);\n-                styleNames = styleNames.concat(this.getStyleNames(layers[i]));\n+        if (layerContext.styles && layerContext.styles.length > 0) {\n+            for (i = 0, len = layerContext.styles.length; i < len; i++) {\n+                var style = layerContext.styles[i];\n+                if (style.current == true) {\n+                    // three style types to consider\n+                    // 1) linked SLD\n+                    // 2) inline SLD\n+                    // 3) named style\n+                    if (style.href) {\n+                        params.sld = style.href;\n+                    } else if (style.body) {\n+                        params.sld_body = style.body;\n+                    } else {\n+                        params.styles = style.name;\n+                    }\n+                    break;\n+                }\n             }\n         }\n-        var firstLayer = layers[0];\n-        // use the firstLayer's projection if it matches the map projection -\n-        // this assumes that all layers will be available in this projection\n-        var projection = this.map.getProjection();\n-        var layerProj = firstLayer.projection;\n-        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n-            projection = layerProj.getCode();\n+        if (this.layerParams) {\n+            OpenLayers.Util.applyDefaults(params, this.layerParams);\n         }\n-        var params = OpenLayers.Util.extend({\n-            service: \"WMS\",\n-            version: firstLayer.params.VERSION,\n-            request: \"GetFeatureInfo\",\n-            exceptions: firstLayer.params.EXCEPTIONS,\n-            bbox: this.map.getExtent().toBBOX(null,\n-                firstLayer.reverseAxisOrder()),\n-            feature_count: this.maxFeatures,\n-            height: this.map.getSize().h,\n-            width: this.map.getSize().w,\n-            format: format,\n-            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n-        }, (parseFloat(firstLayer.params.VERSION) >= 1.3) ? {\n-            crs: projection,\n-            i: parseInt(clickPosition.x),\n-            j: parseInt(clickPosition.y)\n-        } : {\n-            srs: projection,\n-            x: parseInt(clickPosition.x),\n-            y: parseInt(clickPosition.y)\n-        });\n-        if (layerNames.length != 0) {\n-            params = OpenLayers.Util.extend({\n-                layers: layerNames,\n-                query_layers: layerNames,\n-                styles: styleNames\n-            }, params);\n+\n+        var layer = null;\n+        var service = layerContext.service;\n+        if (service == OpenLayers.Format.Context.serviceTypes.WFS) {\n+            options.strategies = [new OpenLayers.Strategy.BBOX()];\n+            options.protocol = new OpenLayers.Protocol.WFS({\n+                url: layerContext.url,\n+                // since we do not know featureNS, let the protocol\n+                // determine it automagically using featurePrefix\n+                featurePrefix: layerContext.name.split(\":\")[0],\n+                featureType: layerContext.name.split(\":\").pop()\n+            });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (service == OpenLayers.Format.Context.serviceTypes.KML) {\n+            // use a vector layer with an HTTP Protcol and a Fixed strategy\n+            options.strategies = [new OpenLayers.Strategy.Fixed()];\n+            options.protocol = new OpenLayers.Protocol.HTTP({\n+                url: layerContext.url,\n+                format: new OpenLayers.Format.KML()\n+            });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (service == OpenLayers.Format.Context.serviceTypes.GML) {\n+            // use a vector layer with a HTTP Protocol and a Fixed strategy\n+            options.strategies = [new OpenLayers.Strategy.Fixed()];\n+            options.protocol = new OpenLayers.Protocol.HTTP({\n+                url: layerContext.url,\n+                format: new OpenLayers.Format.GML()\n+            });\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+        } else if (layerContext.features) {\n+            // inline GML or KML features\n+            layer = new OpenLayers.Layer.Vector(\n+                layerContext.title || layerContext.name,\n+                options\n+            );\n+            layer.addFeatures(layerContext.features);\n+        } else if (layerContext.categoryLayer !== true) {\n+            layer = new OpenLayers.Layer.WMS(\n+                layerContext.title || layerContext.name,\n+                layerContext.url,\n+                params,\n+                options\n+            );\n         }\n-        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n-        return {\n-            url: url,\n-            params: OpenLayers.Util.upperCaseObject(params),\n-            callback: function(request) {\n-                this.handleResponse(clickPosition, request, url);\n-            },\n-            scope: this\n-        };\n+        return layer;\n     },\n \n     /**\n-     * Method: getStyleNames\n-     * Gets the STYLES parameter for the layer. Make sure the STYLES parameter\n-     * matches the LAYERS parameter\n+     * Method: getLayersFromContext\n+     * Create an array of layers from an array of layerContext objects.\n      *\n      * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>}\n+     * layersContext - {Array(Object)} An array of objects representing layers.\n      *\n      * Returns:\n-     * {Array(String)} The STYLES parameter\n+     * {Array(<OpenLayers.Layer>)} An array of layers.\n      */\n-    getStyleNames: function(layer) {\n-        // in the event of a WMS layer bundling multiple layers but not\n-        // specifying styles,we need the same number of commas to specify\n-        // the default style for each of the layers.  We can't just leave it\n-        // blank as we may be including other layers that do specify styles.\n-        var styleNames;\n-        if (layer.params.STYLES) {\n-            styleNames = layer.params.STYLES;\n-        } else {\n-            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n-                styleNames = new Array(layer.params.LAYERS.length);\n-            } else { // Assume it's a String\n-                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\");\n+    getLayersFromContext: function(layersContext) {\n+        var layers = [];\n+        for (var i = 0, len = layersContext.length; i < len; i++) {\n+            var layer = this.getLayerFromContext(layersContext[i]);\n+            if (layer !== null) {\n+                layers.push(layer);\n             }\n         }\n-        return styleNames;\n+        return layers;\n     },\n \n     /**\n-     * Method: request\n-     * Sends a GetFeatureInfo request to the WMS\n+     * Method: contextToMap\n+     * Create a map given a context object.\n      *\n      * Parameters:\n-     * clickPosition - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * options - {Object} additional options for this method.\n+     * context - {Object} The context object.\n+     * options - {Object} Default map options.\n      *\n-     * Valid options:\n-     * - *hover* {Boolean} true if we do the request for the hover handler\n+     * Returns:\n+     * {<OpenLayers.Map>} A map based on the context object.\n      */\n-    request: function(clickPosition, options) {\n-        var layers = this.findLayers();\n-        if (layers.length == 0) {\n-            this.events.triggerEvent(\"nogetfeatureinfo\");\n-            // Reset the cursor.\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            return;\n+    contextToMap: function(context, options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            maxExtent: context.maxExtent,\n+            projection: context.projection,\n+            units: context.units\n+        }, options);\n+\n+        if (options.maxExtent) {\n+            options.maxResolution =\n+                options.maxExtent.getWidth() / OpenLayers.Map.TILE_WIDTH;\n         }\n \n-        options = options || {};\n-        if (this.drillDown === false) {\n-            var wmsOptions = this.buildWMSOptions(this.url, layers,\n-                clickPosition, layers[0].params.FORMAT);\n-            var request = OpenLayers.Request.GET(wmsOptions);\n+        var metadata = {\n+            contactInformation: context.contactInformation,\n+            \"abstract\": context[\"abstract\"],\n+            keywords: context.keywords,\n+            logo: context.logo,\n+            descriptionURL: context.descriptionURL\n+        };\n \n-            if (options.hover === true) {\n-                this.hoverRequest = request;\n-            }\n-        } else {\n-            this._requestCount = 0;\n-            this._numRequests = 0;\n-            this.features = [];\n-            // group according to service url to combine requests\n-            var services = {},\n-                url;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                var service, found = false;\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (url in services) {\n-                    services[url].push(layer);\n-                } else {\n-                    this._numRequests++;\n-                    services[url] = [layer];\n-                }\n-            }\n-            var layers;\n-            for (var url in services) {\n-                layers = services[url];\n-                var wmsOptions = this.buildWMSOptions(url, layers,\n-                    clickPosition, layers[0].params.FORMAT);\n-                OpenLayers.Request.GET(wmsOptions);\n-            }\n-        }\n+        options.metadata = metadata;\n+\n+        var map = new OpenLayers.Map(options);\n+        map.addLayers(this.getLayersFromContext(context.layersContext));\n+        map.setCenter(\n+            context.bounds.getCenterLonLat(),\n+            map.getZoomForExtent(context.bounds, true)\n+        );\n+        return map;\n     },\n \n     /**\n-     * Method: triggerGetFeatureInfo\n-     * Trigger the getfeatureinfo event when all is done\n+     * Method: mergeContextToMap\n+     * Add layers from a context object to a map.\n      *\n      * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     * xy - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * features - {Array(<OpenLayers.Feature.Vector>)} or\n-     *     {Array({Object}) when output is \"object\". The object has a url and a\n-     *     features property which contains an array of features.\n+     * context - {Object} The context object.\n+     * map - {<OpenLayers.Map>} The map.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Map>} The same map with layers added.\n      */\n-    triggerGetFeatureInfo: function(request, xy, features) {\n-        this.events.triggerEvent(\"getfeatureinfo\", {\n-            text: request.responseText,\n-            features: features,\n-            request: request,\n-            xy: xy\n-        });\n-\n-        // Reset the cursor.\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+    mergeContextToMap: function(context, map) {\n+        map.addLayers(this.getLayersFromContext(context.layersContext));\n+        return map;\n     },\n \n     /**\n-     * Method: handleResponse\n-     * Handler for the GetFeatureInfo response.\n+     * APIMethod: write\n+     * Write a context document given a map.\n      *\n      * Parameters:\n-     * xy - {<OpenLayers.Pixel>} The position on the map where the\n-     *     mouse event occurred.\n-     * request - {XMLHttpRequest} The request object.\n-     * url - {String} The url which was used for this request.\n+     * obj - {<OpenLayers.Map> | Object} A map or context object.\n+     * options - {Object} Optional configuration object.\n+     *\n+     * Returns:\n+     * {String} A context document string.\n      */\n-    handleResponse: function(xy, request, url) {\n-\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        var features = this.format.read(doc);\n-        if (this.drillDown === false) {\n-            this.triggerGetFeatureInfo(request, xy, features);\n-        } else {\n-            this._requestCount++;\n-            if (this.output === \"object\") {\n-                this._features = (this._features || []).concat({\n-                    url: url,\n-                    features: features\n-                });\n-            } else {\n-                this._features = (this._features || []).concat(features);\n-            }\n-            if (this._requestCount === this._numRequests) {\n-                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n-                delete this._features;\n-                delete this._requestCount;\n-                delete this._numRequests;\n-            }\n-        }\n+    write: function(obj, options) {\n+        obj = this.toContext(obj);\n+        return OpenLayers.Format.XML.VersionedOGC.prototype.write.apply(this,\n+            arguments);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n+    CLASS_NAME: \"OpenLayers.Format.Context\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Format.Context.serviceTypes\n+ * Enumeration for service types\n+ */\n+OpenLayers.Format.Context.serviceTypes = {\n+    \"WMS\": \"urn:ogc:serviceType:WMS\",\n+    \"WFS\": \"urn:ogc:serviceType:WFS\",\n+    \"WCS\": \"urn:ogc:serviceType:WCS\",\n+    \"GML\": \"urn:ogc:serviceType:GML\",\n+    \"SLD\": \"urn:ogc:serviceType:SLD\",\n+    \"FES\": \"urn:ogc:serviceType:FES\",\n+    \"KML\": \"urn:ogc:serviceType:KML\"\n+};\n /* ======================================================================\n-    OpenLayers/Control/ScaleLine.js\n+    OpenLayers/Format/WMC.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/Context.js\n  */\n \n /**\n- * Class: OpenLayers.Control.ScaleLine\n- * The ScaleLine displays a small line indicator representing the current \n- * map scale on the map. By default it is drawn in the lower left corner of\n- * the map.\n- * \n+ * Class: OpenLayers.Format.WMC\n+ * Read and write Web Map Context documents.\n+ *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n- *  \n- * Is a very close copy of:\n- *  - <OpenLayers.Control.Scale>\n+ *  - <OpenLayers.Format.Context>\n  */\n-OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: maxWidth\n-     * {Integer} Maximum width of the scale line in pixels.  Default is 100.\n-     */\n-    maxWidth: 100,\n-\n-    /**\n-     * Property: topOutUnits\n-     * {String} Units for zoomed out on top bar.  Default is km.\n-     */\n-    topOutUnits: \"km\",\n-\n-    /**\n-     * Property: topInUnits\n-     * {String} Units for zoomed in on top bar.  Default is m.\n-     */\n-    topInUnits: \"m\",\n-\n-    /**\n-     * Property: bottomOutUnits\n-     * {String} Units for zoomed out on bottom bar.  Default is mi.\n-     */\n-    bottomOutUnits: \"mi\",\n-\n-    /**\n-     * Property: bottomInUnits\n-     * {String} Units for zoomed in on bottom bar.  Default is ft.\n-     */\n-    bottomInUnits: \"ft\",\n-\n-    /**\n-     * Property: eTop\n-     * {DOMElement}\n-     */\n-    eTop: null,\n-\n-    /**\n-     * Property: eBottom\n-     * {DOMElement}\n-     */\n-    eBottom: null,\n+OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n \n     /**\n-     * APIProperty: geodesic\n-     * {Boolean} Use geodesic measurement. Default is false. The recommended\n-     * setting for maps in EPSG:4326 is false, and true EPSG:900913. If set to\n-     * true, the scale will be calculated based on the horizontal size of the\n-     * pixel in the center of the map viewport.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    geodesic: false,\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * Constructor: OpenLayers.Control.ScaleLine\n-     * Create a new scale line control.\n-     * \n+     * Constructor: OpenLayers.Format.WMC\n+     * Create a new parser for Web Map Context documents.\n+     *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n \n     /**\n-     * Method: draw\n-     * \n+     * Method: layerToContext\n+     * Create a layer context object given a wms layer object.\n+     *\n+     * Parameters:\n+     * layer - {<OpenLayers.Layer.WMS>} The layer.\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {Object} A layer context object.\n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.eTop) {\n-            // stick in the top bar\n-            this.eTop = document.createElement(\"div\");\n-            this.eTop.className = this.displayClass + \"Top\";\n-            var theLen = this.topInUnits.length;\n-            this.div.appendChild(this.eTop);\n-            if ((this.topOutUnits == \"\") || (this.topInUnits == \"\")) {\n-                this.eTop.style.visibility = \"hidden\";\n-            } else {\n-                this.eTop.style.visibility = \"visible\";\n-            }\n+    layerToContext: function(layer) {\n+        var parser = this.getParser();\n+        var layerContext = {\n+            queryable: layer.queryable,\n+            visibility: layer.visibility,\n+            name: layer.params[\"LAYERS\"],\n+            title: layer.name,\n+            \"abstract\": layer.metadata[\"abstract\"],\n+            dataURL: layer.metadata.dataURL,\n+            metadataURL: layer.metadataURL,\n+            server: {\n+                version: layer.params[\"VERSION\"],\n+                url: layer.url\n+            },\n+            maxExtent: layer.maxExtent,\n+            transparent: layer.params[\"TRANSPARENT\"],\n+            numZoomLevels: layer.numZoomLevels,\n+            units: layer.units,\n+            isBaseLayer: layer.isBaseLayer,\n+            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n+            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n+            singleTile: layer.singleTile,\n+            tileSize: (layer.singleTile || !layer.tileSize) ?\n+                undefined : {\n+                    width: layer.tileSize.w,\n+                    height: layer.tileSize.h\n+                },\n+            minScale: (layer.options.resolutions ||\n+                    layer.options.scales ||\n+                    layer.options.maxResolution ||\n+                    layer.options.minScale) ?\n+                layer.minScale : undefined,\n+            maxScale: (layer.options.resolutions ||\n+                    layer.options.scales ||\n+                    layer.options.minResolution ||\n+                    layer.options.maxScale) ?\n+                layer.maxScale : undefined,\n+            formats: [],\n+            styles: [],\n+            srs: layer.srs,\n+            dimensions: layer.dimensions\n+        };\n \n-            // and the bottom bar\n-            this.eBottom = document.createElement(\"div\");\n-            this.eBottom.className = this.displayClass + \"Bottom\";\n-            this.div.appendChild(this.eBottom);\n-            if ((this.bottomOutUnits == \"\") || (this.bottomInUnits == \"\")) {\n-                this.eBottom.style.visibility = \"hidden\";\n-            } else {\n-                this.eBottom.style.visibility = \"visible\";\n-            }\n-        }\n-        this.map.events.register('moveend', this, this.update);\n-        this.update();\n-        return this.div;\n-    },\n \n-    /** \n-     * Method: getBarLen\n-     * Given a number, round it down to the nearest 1,2,5 times a power of 10.\n-     * That seems a fairly useful set of number groups to use.\n-     * \n-     * Parameters:\n-     * maxLen - {float}  the number we're rounding down from\n-     * \n-     * Returns:\n-     * {Float} the rounded number (less than or equal to maxLen)\n-     */\n-    getBarLen: function(maxLen) {\n-        // nearest power of 10 lower than maxLen\n-        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n-        var pow10 = Math.pow(10, digits);\n+        if (layer.metadata.servertitle) {\n+            layerContext.server.title = layer.metadata.servertitle;\n+        }\n \n-        // ok, find first character\n-        var firstChar = parseInt(maxLen / pow10);\n+        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n+            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n+                var format = layer.metadata.formats[i];\n+                layerContext.formats.push({\n+                    value: format.value,\n+                    current: (format.value == layer.params[\"FORMAT\"])\n+                });\n+            }\n+        } else {\n+            layerContext.formats.push({\n+                value: layer.params[\"FORMAT\"],\n+                current: true\n+            });\n+        }\n \n-        // right, put it into the correct bracket\n-        var barLen;\n-        if (firstChar > 5) {\n-            barLen = 5;\n-        } else if (firstChar > 2) {\n-            barLen = 2;\n+        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n+            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n+                var style = layer.metadata.styles[i];\n+                if ((style.href == layer.params[\"SLD\"]) ||\n+                    (style.body == layer.params[\"SLD_BODY\"]) ||\n+                    (style.name == layer.params[\"STYLES\"])) {\n+                    style.current = true;\n+                } else {\n+                    style.current = false;\n+                }\n+                layerContext.styles.push(style);\n+            }\n         } else {\n-            barLen = 1;\n+            layerContext.styles.push({\n+                href: layer.params[\"SLD\"],\n+                body: layer.params[\"SLD_BODY\"],\n+                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n+                title: parser.defaultStyleTitle,\n+                current: true\n+            });\n         }\n \n-        // scale it up the correct power of 10\n-        return barLen * pow10;\n+        return layerContext;\n     },\n \n     /**\n-     * Method: update\n-     * Update the size of the bars, and the labels they contain.\n+     * Method: toContext\n+     * Create a context object free from layer given a map or a\n+     * context object.\n+     *\n+     * Parameters:\n+     * obj - {<OpenLayers.Map> | Object} The map or context.\n+     *\n+     * Returns:\n+     * {Object} A context object.\n      */\n-    update: function() {\n-        var res = this.map.getResolution();\n-        if (!res) {\n-            return;\n-        }\n-\n-        var curMapUnits = this.map.getUnits();\n-        var inches = OpenLayers.INCHES_PER_UNIT;\n-\n-        // convert maxWidth to map units\n-        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n-        var geodesicRatio = 1;\n-        if (this.geodesic === true) {\n-            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w ||\n-                0.000001) * this.maxWidth;\n-            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n-            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n-            maxSizeData *= geodesicRatio;\n-        }\n-\n-        // decide whether to use large or small scale units     \n-        var topUnits;\n-        var bottomUnits;\n-        if (maxSizeData > 100000) {\n-            topUnits = this.topOutUnits;\n-            bottomUnits = this.bottomOutUnits;\n+    toContext: function(obj) {\n+        var context = {};\n+        var layers = obj.layers;\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            var metadata = obj.metadata || {};\n+            context.size = obj.getSize();\n+            context.bounds = obj.getExtent();\n+            context.projection = obj.projection;\n+            context.title = obj.title;\n+            context.keywords = metadata.keywords;\n+            context[\"abstract\"] = metadata[\"abstract\"];\n+            context.logo = metadata.logo;\n+            context.descriptionURL = metadata.descriptionURL;\n+            context.contactInformation = metadata.contactInformation;\n+            context.maxExtent = obj.maxExtent;\n         } else {\n-            topUnits = this.topInUnits;\n-            bottomUnits = this.bottomInUnits;\n+            // copy all obj properties except the \"layers\" property\n+            OpenLayers.Util.applyDefaults(context, obj);\n+            if (context.layers != undefined) {\n+                delete(context.layers);\n+            }\n         }\n \n-        // and to map units units\n-        var topMax = maxSizeData / inches[topUnits];\n-        var bottomMax = maxSizeData / inches[bottomUnits];\n-\n-        // now trim this down to useful block length\n-        var topRounded = this.getBarLen(topMax);\n-        var bottomRounded = this.getBarLen(bottomMax);\n-\n-        // and back to display units\n-        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n-        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n-\n-        // and to pixel units\n-        var topPx = topMax / res / geodesicRatio;\n-        var bottomPx = bottomMax / res / geodesicRatio;\n-\n-        // now set the pixel widths\n-        // and the values inside them\n-\n-        if (this.eBottom.style.visibility == \"visible\") {\n-            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n-            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits;\n+        if (context.layersContext == undefined) {\n+            context.layersContext = [];\n         }\n \n-        if (this.eTop.style.visibility == \"visible\") {\n-            this.eTop.style.width = Math.round(topPx) + \"px\";\n-            this.eTop.innerHTML = topRounded + \" \" + topUnits;\n+        // let's convert layers into layersContext object (if any)\n+        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.WMS) {\n+                    context.layersContext.push(this.layerToContext(layer));\n+                }\n+            }\n         }\n-\n+        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n-});\n+    CLASS_NAME: \"OpenLayers.Format.WMC\"\n \n+});\n /* ======================================================================\n-    OpenLayers/Control/TransformFeature.js\n+    OpenLayers/Format/CQL.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/DragFeature.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Format/WKT.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Filter/Spatial.js\n  */\n \n /**\n- * Class: OpenLayers.Control.TransformFeature\n- * Control to transform features with a standard transformation box.\n+ * Class: OpenLayers.Format.CQL\n+ * Read CQL strings to get <OpenLayers.Filter> objects.  Write \n+ *     <OpenLayers.Filter> objects to get CQL strings. Create a new parser with \n+ *     the <OpenLayers.Format.CQL> constructor.\n  *\n- * Inherits From:\n- *  - <OpenLayers.Control>\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n  */\n-OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Format.CQL = (function() {\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforesetfeature - Triggered before a feature is set for\n-     *     tranformation. The feature will not be set if a listener returns\n-     *     false. Listeners receive a *feature* property, with the feature\n-     *     that will be set for transformation. Listeners are allowed to\n-     *     set the control's *scale*, *ratio* and *rotation* properties,\n-     *     which will set the initial scale, ratio and rotation of the\n-     *     feature, like the <setFeature> method's initialParams argument.\n-     * setfeature - Triggered when a feature is set for tranformation.\n-     *     Listeners receive a *feature* property, with the feature that\n-     *     is now set for transformation.\n-     * beforetransform - Triggered while dragging, before a feature is\n-     *     transformed. The feature will not be transformed if a listener\n-     *     returns false (but the box still will). Listeners receive one or\n-     *     more of *center*, *scale*, *ratio* and *rotation*. The *center*\n-     *     property is an <OpenLayers.Geometry.Point> object with the new\n-     *     center of the transformed feature, the others are Floats with the\n-     *     scale, ratio or rotation change since the last transformation.\n-     * transform - Triggered while dragging, when a feature is transformed.\n-     *     Listeners receive an event object with one or more of *center*,\n-     *     scale*, *ratio* and *rotation*. The *center* property is an\n-     *     <OpenLayers.Geometry.Point> object with the new center of the\n-     *     transformed feature, the others are Floats with the scale, ratio\n-     *     or rotation change of the feature since the last transformation.\n-     * transformcomplete - Triggered after dragging. Listeners receive\n-     *     an event object with the transformed *feature*.\n-     */\n+    var tokens = [\n+            \"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"\n+        ],\n \n-    /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict transformation to a limited set of geometry\n-     *     types, send a list of strings corresponding to the geometry class\n-     *     names.\n-     */\n-    geometryTypes: null,\n+        patterns = {\n+            PROPERTY: /^[_a-zA-Z]\\w*/,\n+            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n+            IS_NULL: /^IS NULL/i,\n+            COMMA: /^,/,\n+            LOGICAL: /^(AND|OR)/i,\n+            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n+            LPAREN: /^\\(/,\n+            RPAREN: /^\\)/,\n+            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n+            NOT: /^NOT/i,\n+            BETWEEN: /^BETWEEN/i,\n+            GEOMETRY: function(text) {\n+                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n+                if (type) {\n+                    var len = text.length;\n+                    var idx = text.indexOf(\"(\", type[0].length);\n+                    if (idx > -1) {\n+                        var depth = 1;\n+                        while (idx < len && depth > 0) {\n+                            idx++;\n+                            switch (text.charAt(idx)) {\n+                                case '(':\n+                                    depth++;\n+                                    break;\n+                                case ')':\n+                                    depth--;\n+                                    break;\n+                                default:\n+                                    // in default case, do nothing\n+                            }\n+                        }\n+                    }\n+                    return [text.substr(0, idx + 1)];\n+                }\n+            },\n+            END: /^$/\n+        },\n \n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>}\n-     */\n-    layer: null,\n+        follows = {\n+            LPAREN: ['GEOMETRY', 'SPATIAL', 'PROPERTY', 'VALUE', 'LPAREN'],\n+            RPAREN: ['NOT', 'LOGICAL', 'END', 'RPAREN'],\n+            PROPERTY: ['COMPARISON', 'BETWEEN', 'COMMA', 'IS_NULL'],\n+            BETWEEN: ['VALUE'],\n+            IS_NULL: ['END'],\n+            COMPARISON: ['VALUE'],\n+            COMMA: ['GEOMETRY', 'VALUE', 'PROPERTY'],\n+            VALUE: ['LOGICAL', 'COMMA', 'RPAREN', 'END'],\n+            SPATIAL: ['LPAREN'],\n+            LOGICAL: ['NOT', 'VALUE', 'SPATIAL', 'PROPERTY', 'LPAREN'],\n+            NOT: ['PROPERTY', 'LPAREN'],\n+            GEOMETRY: ['COMMA', 'RPAREN']\n+        },\n \n-    /**\n-     * APIProperty: preserveAspectRatio\n-     * {Boolean} set to true to not change the feature's aspect ratio.\n-     */\n-    preserveAspectRatio: false,\n+        operators = {\n+            '=': OpenLayers.Filter.Comparison.EQUAL_TO,\n+            '<>': OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n+            '<': OpenLayers.Filter.Comparison.LESS_THAN,\n+            '<=': OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n+            '>': OpenLayers.Filter.Comparison.GREATER_THAN,\n+            '>=': OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n+            'LIKE': OpenLayers.Filter.Comparison.LIKE,\n+            'BETWEEN': OpenLayers.Filter.Comparison.BETWEEN,\n+            'IS NULL': OpenLayers.Filter.Comparison.IS_NULL\n+        },\n \n-    /**\n-     * APIProperty: rotate\n-     * {Boolean} set to false if rotation should be disabled. Default is true.\n-     *     To be passed with the constructor or set when the control is not\n-     *     active.\n-     */\n-    rotate: true,\n+        operatorReverse = {},\n \n-    /**\n-     * APIProperty: feature\n-     * {<OpenLayers.Feature.Vector>} Feature currently available for\n-     *     transformation. Read-only, use <setFeature> to set it manually.\n-     */\n-    feature: null,\n+        logicals = {\n+            'AND': OpenLayers.Filter.Logical.AND,\n+            'OR': OpenLayers.Filter.Logical.OR\n+        },\n \n-    /**\n-     * APIProperty: renderIntent\n-     * {String|Object} Render intent for the transformation box and\n-     *     handles. A symbolizer object can also be provided here.\n-     */\n-    renderIntent: \"temporary\",\n+        logicalReverse = {},\n \n-    /**\n-     * APIProperty: rotationHandleSymbolizer\n-     * {Object|String} Optional. A custom symbolizer for the rotation handles.\n-     *     A render intent can also be provided here. Defaults to\n-     *     (code)\n-     *     {\n-     *         stroke: false,\n-     *         pointRadius: 10,\n-     *         fillOpacity: 0,\n-     *         cursor: \"pointer\"\n-     *     }\n-     *     (end)\n-     */\n-    rotationHandleSymbolizer: null,\n+        precedence = {\n+            'RPAREN': 3,\n+            'LOGICAL': 2,\n+            'COMPARISON': 1\n+        };\n \n-    /**\n-     * APIProperty: box\n-     * {<OpenLayers.Feature.Vector>} The transformation box rectangle.\n-     *     Read-only.\n-     */\n-    box: null,\n+    var i;\n+    for (i in operators) {\n+        if (operators.hasOwnProperty(i)) {\n+            operatorReverse[operators[i]] = i;\n+        }\n+    }\n \n-    /**\n-     * APIProperty: center\n-     * {<OpenLayers.Geometry.Point>} The center of the feature bounds.\n-     * Read-only.\n-     */\n-    center: null,\n+    for (i in logicals) {\n+        if (logicals.hasOwnProperty(i)) {\n+            logicalReverse[logicals[i]] = i;\n+        }\n+    }\n \n-    /**\n-     * APIProperty: scale\n-     * {Float} The scale of the feature, relative to the scale the time the\n-     *     feature was set. Read-only, except for *beforesetfeature*\n-     *     listeners.\n-     */\n-    scale: 1,\n+    function tryToken(text, pattern) {\n+        if (pattern instanceof RegExp) {\n+            return pattern.exec(text);\n+        } else {\n+            return pattern(text);\n+        }\n+    }\n \n-    /**\n-     * APIProperty: ratio\n-     * {Float} The ratio of the feature relative to the ratio the time the\n-     *     feature was set. Read-only, except for *beforesetfeature*\n-     *     listeners.\n-     */\n-    ratio: 1,\n+    function nextToken(text, tokens) {\n+        var i, token, len = tokens.length;\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            var pat = patterns[token];\n+            var matches = tryToken(text, pat);\n+            if (matches) {\n+                var match = matches[0];\n+                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n+                return {\n+                    type: token,\n+                    text: match,\n+                    remainder: remainder\n+                };\n+            }\n+        }\n \n-    /**\n-     * Property: rotation\n-     * {Integer} the current rotation angle of the box. Read-only, except for\n-     *     *beforesetfeature* listeners.\n-     */\n-    rotation: 0,\n-\n-    /**\n-     * APIProperty: handles\n-     * {Array(<OpenLayers.Feature.Vector>)} The 8 handles currently available\n-     *     for scaling/resizing. Numbered counterclockwise, starting from the\n-     *     southwest corner. Read-only.\n-     */\n-    handles: null,\n-\n-    /**\n-     * APIProperty: rotationHandles\n-     * {Array(<OpenLayers.Feature.Vector>)} The 4 rotation handles currently\n-     *     available for rotating. Numbered counterclockwise, starting from\n-     *     the southwest corner. Read-only.\n-     */\n-    rotationHandles: null,\n-\n-    /**\n-     * Property: dragControl\n-     * {<OpenLayers.Control.DragFeature>}\n-     */\n-    dragControl: null,\n-\n-    /**\n-     * APIProperty: irregular\n-     * {Boolean} Make scaling/resizing work irregularly. If true then\n-     *     dragging a handle causes the feature to resize in the direction\n-     *     of movement. If false then the feature resizes symetrically\n-     *     about it's center.\n-     */\n-    irregular: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.TransformFeature\n-     * Create a new transform feature control.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} Layer that contains features that\n-     *     will be transformed.\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     control.\n-     */\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        this.layer = layer;\n-\n-        if (!this.rotationHandleSymbolizer) {\n-            this.rotationHandleSymbolizer = {\n-                stroke: false,\n-                pointRadius: 10,\n-                fillOpacity: 0,\n-                cursor: \"pointer\"\n-            };\n-        }\n-\n-        this.createBox();\n-        this.createControl();\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Activates the control.\n-     */\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragControl.activate();\n-            this.layer.addFeatures([this.box]);\n-            this.rotate && this.layer.addFeatures(this.rotationHandles);\n-            this.layer.addFeatures(this.handles);\n-            activated = true;\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Deactivates the control.\n-     */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.layer.removeFeatures(this.handles);\n-            this.rotate && this.layer.removeFeatures(this.rotationHandles);\n-            this.layer.removeFeatures([this.box]);\n-            this.dragControl.deactivate();\n-            deactivated = true;\n-        }\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: setMap\n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>}\n-     */\n-    setMap: function(map) {\n-        this.dragControl.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-    },\n-\n-    /**\n-     * APIMethod: setFeature\n-     * Place the transformation box on a feature and start transforming it.\n-     * If the control is not active, it will be activated.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * initialParams - {Object} Initial values for rotation, scale or ratio.\n-     *     Setting a rotation value here will cause the transformation box to\n-     *     start rotated. Setting a scale or ratio will not affect the\n-     *     transormation box, but applications may use this to keep track of\n-     *     scale and ratio of a feature across multiple transforms.\n-     */\n-    setFeature: function(feature, initialParams) {\n-        initialParams = OpenLayers.Util.applyDefaults(initialParams, {\n-            rotation: 0,\n-            scale: 1,\n-            ratio: 1\n-        });\n-\n-        var oldRotation = this.rotation;\n-        var oldCenter = this.center;\n-        OpenLayers.Util.extend(this, initialParams);\n-\n-        var cont = this.events.triggerEvent(\"beforesetfeature\", {\n-            feature: feature\n-        });\n-        if (cont === false) {\n-            return;\n-        }\n-\n-        this.feature = feature;\n-        this.activate();\n-\n-        this._setfeature = true;\n-\n-        var featureBounds = this.feature.geometry.getBounds();\n-        this.box.move(featureBounds.getCenterLonLat());\n-        this.box.geometry.rotate(-oldRotation, oldCenter);\n-        this._angle = 0;\n-\n-        var ll;\n-        if (this.rotation) {\n-            var geom = feature.geometry.clone();\n-            geom.rotate(-this.rotation, this.center);\n-            var box = new OpenLayers.Feature.Vector(\n-                geom.getBounds().toGeometry());\n-            box.geometry.rotate(this.rotation, this.center);\n-            this.box.geometry.rotate(this.rotation, this.center);\n-            this.box.move(box.geometry.getBounds().getCenterLonLat());\n-            var llGeom = box.geometry.components[0].components[0];\n-            ll = llGeom.getBounds().getCenterLonLat();\n-        } else {\n-            ll = new OpenLayers.LonLat(featureBounds.left, featureBounds.bottom);\n-        }\n-        this.handles[0].move(ll);\n-\n-        delete this._setfeature;\n-\n-        this.events.triggerEvent(\"setfeature\", {\n-            feature: feature\n-        });\n-    },\n-\n-    /**\n-     * APIMethod: unsetFeature\n-     * Remove the transformation box off any feature.\n-     * If the control is active, it will be deactivated first.\n-     */\n-    unsetFeature: function() {\n-        if (this.active) {\n-            this.deactivate();\n-        } else {\n-            this.feature = null;\n-            this.rotation = 0;\n-            this.scale = 1;\n-            this.ratio = 1;\n+        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            msg += \"\\n    \" + token + \": \" + patterns[token];\n         }\n-    },\n \n-    /**\n-     * Method: createBox\n-     * Creates the box with all handles and transformation handles.\n-     */\n-    createBox: function() {\n-        var control = this;\n+        throw new Error(msg);\n+    }\n \n-        this.center = new OpenLayers.Geometry.Point(0, 0);\n-        this.box = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.LineString([\n-                new OpenLayers.Geometry.Point(-1, -1),\n-                new OpenLayers.Geometry.Point(0, -1),\n-                new OpenLayers.Geometry.Point(1, -1),\n-                new OpenLayers.Geometry.Point(1, 0),\n-                new OpenLayers.Geometry.Point(1, 1),\n-                new OpenLayers.Geometry.Point(0, 1),\n-                new OpenLayers.Geometry.Point(-1, 1),\n-                new OpenLayers.Geometry.Point(-1, 0),\n-                new OpenLayers.Geometry.Point(-1, -1)\n-            ]), null,\n-            typeof this.renderIntent == \"string\" ? null : this.renderIntent\n-        );\n+    function tokenize(text) {\n+        var results = [];\n+        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n \n-        // Override for box move - make sure that the center gets updated\n-        this.box.geometry.move = function(x, y) {\n-            control._moving = true;\n-            OpenLayers.Geometry.LineString.prototype.move.apply(this, arguments);\n-            control.center.move(x, y);\n-            delete control._moving;\n-        };\n+        do {\n+            token = nextToken(text, expect);\n+            text = token.remainder;\n+            expect = follows[token.type];\n+            if (token.type != \"END\" && !expect) {\n+                throw new Error(\"No follows list for \" + token.type);\n+            }\n+            results.push(token);\n+        } while (token.type != \"END\");\n \n-        // Overrides for vertex move, resize and rotate - make sure that\n-        // handle and rotationHandle geometries are also moved, resized and\n-        // rotated.\n-        var vertexMoveFn = function(x, y) {\n-            OpenLayers.Geometry.Point.prototype.move.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.move(x, y);\n-            this._handle.geometry.move(x, y);\n-        };\n-        var vertexResizeFn = function(scale, center, ratio) {\n-            OpenLayers.Geometry.Point.prototype.resize.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.resize(\n-                scale, center, ratio);\n-            this._handle.geometry.resize(scale, center, ratio);\n-        };\n-        var vertexRotateFn = function(angle, center) {\n-            OpenLayers.Geometry.Point.prototype.rotate.apply(this, arguments);\n-            this._rotationHandle && this._rotationHandle.geometry.rotate(\n-                angle, center);\n-            this._handle.geometry.rotate(angle, center);\n-        };\n+        return results;\n+    }\n \n-        // Override for handle move - make sure that the box and other handles\n-        // are updated, and finally transform the feature.\n-        var handleMoveFn = function(x, y) {\n-            var oldX = this.x,\n-                oldY = this.y;\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            if (control._moving) {\n-                return;\n-            }\n-            var evt = control.dragControl.handlers.drag.evt;\n-            var preserveAspectRatio = !control._setfeature &&\n-                control.preserveAspectRatio;\n-            var reshape = !preserveAspectRatio && !(evt && evt.shiftKey);\n-            var oldGeom = new OpenLayers.Geometry.Point(oldX, oldY);\n-            var centerGeometry = control.center;\n-            this.rotate(-control.rotation, centerGeometry);\n-            oldGeom.rotate(-control.rotation, centerGeometry);\n-            var dx1 = this.x - centerGeometry.x;\n-            var dy1 = this.y - centerGeometry.y;\n-            var dx0 = dx1 - (this.x - oldGeom.x);\n-            var dy0 = dy1 - (this.y - oldGeom.y);\n-            if (control.irregular && !control._setfeature) {\n-                dx1 -= (this.x - oldGeom.x) / 2;\n-                dy1 -= (this.y - oldGeom.y) / 2;\n-            }\n-            this.x = oldX;\n-            this.y = oldY;\n-            var scale, ratio = 1;\n-            if (reshape) {\n-                scale = Math.abs(dy0) < 0.00001 ? 1 : dy1 / dy0;\n-                ratio = (Math.abs(dx0) < 0.00001 ? 1 : (dx1 / dx0)) / scale;\n-            } else {\n-                var l0 = Math.sqrt((dx0 * dx0) + (dy0 * dy0));\n-                var l1 = Math.sqrt((dx1 * dx1) + (dy1 * dy1));\n-                scale = l1 / l0;\n-            }\n+    function buildAst(tokens) {\n+        var operatorStack = [],\n+            postfix = [];\n \n-            // rotate the box to 0 before resizing - saves us some\n-            // calculations and is inexpensive because we don't drawFeature.\n-            control._moving = true;\n-            control.box.geometry.rotate(-control.rotation, centerGeometry);\n-            delete control._moving;\n+        while (tokens.length) {\n+            var tok = tokens.shift();\n+            switch (tok.type) {\n+                case \"PROPERTY\":\n+                case \"GEOMETRY\":\n+                case \"VALUE\":\n+                    postfix.push(tok);\n+                    break;\n+                case \"COMPARISON\":\n+                case \"BETWEEN\":\n+                case \"IS_NULL\":\n+                case \"LOGICAL\":\n+                    var p = precedence[tok.type];\n \n-            control.box.geometry.resize(scale, centerGeometry, ratio);\n-            control.box.geometry.rotate(control.rotation, centerGeometry);\n-            control.transformFeature({\n-                scale: scale,\n-                ratio: ratio\n-            });\n-            if (control.irregular && !control._setfeature) {\n-                var newCenter = centerGeometry.clone();\n-                newCenter.x += Math.abs(oldX - centerGeometry.x) < 0.00001 ? 0 : (this.x - oldX);\n-                newCenter.y += Math.abs(oldY - centerGeometry.y) < 0.00001 ? 0 : (this.y - oldY);\n-                control.box.geometry.move(this.x - oldX, this.y - oldY);\n-                control.transformFeature({\n-                    center: newCenter\n-                });\n-            }\n-        };\n+                    while (operatorStack.length > 0 &&\n+                        (precedence[operatorStack[operatorStack.length - 1].type] <= p)\n+                    ) {\n+                        postfix.push(operatorStack.pop());\n+                    }\n \n-        // Override for rotation handle move - make sure that the box and\n-        // other handles are updated, and finally transform the feature.\n-        var rotationHandleMoveFn = function(x, y) {\n-            var oldX = this.x,\n-                oldY = this.y;\n-            OpenLayers.Geometry.Point.prototype.move.call(this, x, y);\n-            if (control._moving) {\n-                return;\n-            }\n-            var evt = control.dragControl.handlers.drag.evt;\n-            var constrain = (evt && evt.shiftKey) ? 45 : 1;\n-            var centerGeometry = control.center;\n-            var dx1 = this.x - centerGeometry.x;\n-            var dy1 = this.y - centerGeometry.y;\n-            var dx0 = dx1 - x;\n-            var dy0 = dy1 - y;\n-            this.x = oldX;\n-            this.y = oldY;\n-            var a0 = Math.atan2(dy0, dx0);\n-            var a1 = Math.atan2(dy1, dx1);\n-            var angle = a1 - a0;\n-            angle *= 180 / Math.PI;\n-            control._angle = (control._angle + angle) % 360;\n-            var diff = control.rotation % constrain;\n-            if (Math.abs(control._angle) >= constrain || diff !== 0) {\n-                angle = Math.round(control._angle / constrain) * constrain -\n-                    diff;\n-                control._angle = 0;\n-                control.box.geometry.rotate(angle, centerGeometry);\n-                control.transformFeature({\n-                    rotation: angle\n-                });\n-            }\n-        };\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"SPATIAL\":\n+                case \"NOT\":\n+                case \"LPAREN\":\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"RPAREN\":\n+                    while (operatorStack.length > 0 &&\n+                        (operatorStack[operatorStack.length - 1].type != \"LPAREN\")\n+                    ) {\n+                        postfix.push(operatorStack.pop());\n+                    }\n+                    operatorStack.pop(); // toss out the LPAREN\n \n-        var handles = new Array(8);\n-        var rotationHandles = new Array(4);\n-        var geom, handle, rotationHandle;\n-        var positions = [\"sw\", \"s\", \"se\", \"e\", \"ne\", \"n\", \"nw\", \"w\"];\n-        for (var i = 0; i < 8; ++i) {\n-            geom = this.box.geometry.components[i];\n-            handle = new OpenLayers.Feature.Vector(geom.clone(), {\n-                    role: positions[i] + \"-resize\"\n-                }, typeof this.renderIntent == \"string\" ? null :\n-                this.renderIntent);\n-            if (i % 2 == 0) {\n-                rotationHandle = new OpenLayers.Feature.Vector(geom.clone(), {\n-                        role: positions[i] + \"-rotate\"\n-                    }, typeof this.rotationHandleSymbolizer == \"string\" ?\n-                    null : this.rotationHandleSymbolizer);\n-                rotationHandle.geometry.move = rotationHandleMoveFn;\n-                geom._rotationHandle = rotationHandle;\n-                rotationHandles[i / 2] = rotationHandle;\n+                    if (operatorStack.length > 0 &&\n+                        operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n+                        postfix.push(operatorStack.pop());\n+                    }\n+                case \"COMMA\":\n+                case \"END\":\n+                    break;\n+                default:\n+                    throw new Error(\"Unknown token type \" + tok.type);\n             }\n-            geom.move = vertexMoveFn;\n-            geom.resize = vertexResizeFn;\n-            geom.rotate = vertexRotateFn;\n-            handle.geometry.move = handleMoveFn;\n-            geom._handle = handle;\n-            handles[i] = handle;\n         }\n \n-        this.rotationHandles = rotationHandles;\n-        this.handles = handles;\n-    },\n+        while (operatorStack.length > 0) {\n+            postfix.push(operatorStack.pop());\n+        }\n \n-    /**\n-     * Method: createControl\n-     * Creates a DragFeature control for this control.\n-     */\n-    createControl: function() {\n-        var control = this;\n-        this.dragControl = new OpenLayers.Control.DragFeature(this.layer, {\n-            documentDrag: true,\n-            // avoid moving the feature itself - move the box instead\n-            moveFeature: function(pixel) {\n-                if (this.feature === control.feature) {\n-                    this.feature = control.box;\n-                }\n-                OpenLayers.Control.DragFeature.prototype.moveFeature.apply(this,\n-                    arguments);\n-            },\n-            // transform while dragging\n-            onDrag: function(feature, pixel) {\n-                if (feature === control.box) {\n-                    control.transformFeature({\n-                        center: control.center\n+        function buildTree() {\n+            var tok = postfix.pop();\n+            switch (tok.type) {\n+                case \"LOGICAL\":\n+                    var rhs = buildTree(),\n+                        lhs = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [lhs, rhs],\n+                        type: logicals[tok.text.toUpperCase()]\n                     });\n-                }\n-            },\n-            // set a new feature\n-            onStart: function(feature, pixel) {\n-                var eligible = !control.geometryTypes ||\n-                    OpenLayers.Util.indexOf(control.geometryTypes,\n-                        feature.geometry.CLASS_NAME) !== -1;\n-                var i = OpenLayers.Util.indexOf(control.handles, feature);\n-                i += OpenLayers.Util.indexOf(control.rotationHandles,\n-                    feature);\n-                if (feature !== control.feature && feature !== control.box &&\n-                    i == -2 && eligible) {\n-                    control.setFeature(feature);\n-                }\n-            },\n-            onComplete: function(feature, pixel) {\n-                control.events.triggerEvent(\"transformcomplete\", {\n-                    feature: control.feature\n-                });\n-            }\n-        });\n-    },\n+                case \"NOT\":\n+                    var operand = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [operand],\n+                        type: OpenLayers.Filter.Logical.NOT\n+                    });\n+                case \"BETWEEN\":\n+                    var min, max, property;\n+                    postfix.pop(); // unneeded AND token here\n+                    max = buildTree();\n+                    min = buildTree();\n+                    property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        lowerBoundary: min,\n+                        upperBoundary: max,\n+                        type: OpenLayers.Filter.Comparison.BETWEEN\n+                    });\n+                case \"COMPARISON\":\n+                    var value = buildTree(),\n+                        property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        value: value,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"IS_NULL\":\n+                    var property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"VALUE\":\n+                    var match = tok.text.match(/^'(.*)'$/);\n+                    if (match) {\n+                        return match[1].replace(/''/g, \"'\");\n+                    } else {\n+                        return Number(tok.text);\n+                    }\n+                case \"SPATIAL\":\n+                    switch (tok.text.toUpperCase()) {\n+                        case \"BBOX\":\n+                            var maxy = buildTree(),\n+                                maxx = buildTree(),\n+                                miny = buildTree(),\n+                                minx = buildTree(),\n+                                prop = buildTree();\n \n-    /**\n-     * Method: drawHandles\n-     * Draws the handles to match the box.\n-     */\n-    drawHandles: function() {\n-        var layer = this.layer;\n-        for (var i = 0; i < 8; ++i) {\n-            if (this.rotate && i % 2 === 0) {\n-                layer.drawFeature(this.rotationHandles[i / 2],\n-                    this.rotationHandleSymbolizer);\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.BBOX,\n+                                property: prop,\n+                                value: OpenLayers.Bounds.fromArray(\n+                                    [minx, miny, maxx, maxy]\n+                                )\n+                            });\n+                        case \"INTERSECTS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"WITHIN\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.WITHIN,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"CONTAINS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.CONTAINS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"DWITHIN\":\n+                            var distance = buildTree(),\n+                                value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.DWITHIN,\n+                                value: value,\n+                                property: property,\n+                                distance: Number(distance)\n+                            });\n+                    }\n+                case \"GEOMETRY\":\n+                    return OpenLayers.Geometry.fromWKT(tok.text);\n+                default:\n+                    return tok.text;\n             }\n-            layer.drawFeature(this.handles[i], this.renderIntent);\n         }\n-    },\n-\n-    /**\n-     * Method: transformFeature\n-     * Transforms the feature.\n-     * \n-     * Parameters:\n-     * mods - {Object} An object with optional scale, ratio, rotation and\n-     *     center properties.\n-     */\n-    transformFeature: function(mods) {\n-        if (!this._setfeature) {\n-            this.scale *= (mods.scale || 1);\n-            this.ratio *= (mods.ratio || 1);\n-            var oldRotation = this.rotation;\n-            this.rotation = (this.rotation + (mods.rotation || 0)) % 360;\n \n-            if (this.events.triggerEvent(\"beforetransform\", mods) !== false) {\n-                var feature = this.feature;\n-                var geom = feature.geometry;\n-                var center = this.center;\n-                geom.rotate(-oldRotation, center);\n-                if (mods.scale || mods.ratio) {\n-                    geom.resize(mods.scale, center, mods.ratio);\n-                } else if (mods.center) {\n-                    feature.move(mods.center.getBounds().getCenterLonLat());\n-                }\n-                geom.rotate(this.rotation, center);\n-                this.layer.drawFeature(feature);\n-                feature.toState(OpenLayers.State.UPDATE);\n-                this.events.triggerEvent(\"transform\", mods);\n+        var result = buildTree();\n+        if (postfix.length > 0) {\n+            var msg = \"Remaining tokens after building AST: \\n\";\n+            for (var i = postfix.length - 1; i >= 0; i--) {\n+                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\";\n             }\n+            throw new Error(msg);\n         }\n-        this.layer.drawFeature(this.box, this.renderIntent);\n-        this.drawHandles();\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Take care of things that are not handled in superclass.\n-     */\n-    destroy: function() {\n-        var geom;\n-        for (var i = 0; i < 8; ++i) {\n-            geom = this.box.geometry.components[i];\n-            geom._handle.destroy();\n-            geom._handle = null;\n-            geom._rotationHandle && geom._rotationHandle.destroy();\n-            geom._rotationHandle = null;\n-        }\n-        this.center = null;\n-        this.feature = null;\n-        this.handles = null;\n-        this.rotationHandleSymbolizer = null;\n-        this.rotationHandles = null;\n-        this.box.destroy();\n-        this.box = null;\n-        this.layer = null;\n-        this.dragControl.destroy();\n-        this.dragControl = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/EditingToolbar.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Navigation.js\n- * @requires OpenLayers/Control/DrawFeature.js\n- * @requires OpenLayers/Handler/Point.js\n- * @requires OpenLayers/Handler/Path.js\n- * @requires OpenLayers/Handler/Polygon.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.EditingToolbar \n- * The EditingToolbar is a panel of 4 controls to draw polygons, lines, \n- * points, or to navigate the map by panning. By default it appears in the \n- * upper right corner of the map.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control.Panel>\n- */\n-OpenLayers.Control.EditingToolbar = OpenLayers.Class(\n-    OpenLayers.Control.Panel, {\n \n-        /**\n-         * APIProperty: citeCompliant\n-         * {Boolean} If set to true, coordinates of features drawn in a map extent\n-         * crossing the date line won't exceed the world bounds. Default is false.\n-         */\n-        citeCompliant: false,\n+        return result;\n+    }\n \n+    return OpenLayers.Class(OpenLayers.Format, {\n         /**\n-         * Constructor: OpenLayers.Control.EditingToolbar\n-         * Create an editing toolbar for a given layer. \n-         *\n+         * APIMethod: read\n+         * Generate a filter from a CQL string.\n+         \n          * Parameters:\n-         * layer - {<OpenLayers.Layer.Vector>} \n-         * options - {Object} \n+         * text - {String} The CQL text.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Filter>} A filter based on the CQL text.\n          */\n-        initialize: function(layer, options) {\n-            OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-\n-            this.addControls(\n-                [new OpenLayers.Control.Navigation()]\n-            );\n-            var controls = [\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n-                    displayClass: 'olControlDrawFeaturePoint',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n-                    }\n-                }),\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n-                    displayClass: 'olControlDrawFeaturePath',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n-                    }\n-                }),\n-                new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n-                    displayClass: 'olControlDrawFeaturePolygon',\n-                    handlerOptions: {\n-                        citeCompliant: this.citeCompliant\n-                    }\n-                })\n-            ];\n-            this.addControls(controls);\n+        read: function(text) {\n+            var result = buildAst(tokenize(text));\n+            if (this.keepData) {\n+                this.data = result;\n+            }\n+            return result;\n         },\n \n         /**\n-         * Method: draw\n-         * calls the default draw, and then activates mouse defaults.\n+         * APIMethod: write\n+         * Convert a filter into a CQL string.\n+         \n+         * Parameters:\n+         * filter - {<OpenLayers.Filter>} The filter.\n          *\n          * Returns:\n-         * {DOMElement}\n+         * {String} A CQL string based on the filter.\n          */\n-        draw: function() {\n-            var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-            if (this.defaultControl === null) {\n-                this.defaultControl = this.controls[0];\n+        write: function(filter) {\n+            if (filter instanceof OpenLayers.Geometry) {\n+                return filter.toString();\n+            }\n+            switch (filter.CLASS_NAME) {\n+                case \"OpenLayers.Filter.Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            return \"BBOX(\" +\n+                                filter.property + \",\" +\n+                                filter.value.toBBOX() +\n+                                \")\";\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            return \"DWITHIN(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \", \" +\n+                                filter.distance + \")\";\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            return \"WITHIN(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.INTERSECTS:\n+                            return \"INTERSECTS(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.CONTAINS:\n+                            return \"CONTAINS(\" +\n+                                filter.property + \", \" +\n+                                this.write(filter.value) + \")\";\n+                        default:\n+                            throw new Error(\"Unknown spatial filter type: \" + filter.type);\n+                    }\n+                case \"OpenLayers.Filter.Logical\":\n+                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n+                        // TODO: deal with precedence of logical operators to \n+                        // avoid extra parentheses (not urgent)\n+                        return \"NOT (\" + this.write(filter.filters[0]) + \")\";\n+                    } else {\n+                        var res = \"(\";\n+                        var first = true;\n+                        for (var i = 0; i < filter.filters.length; i++) {\n+                            if (first) {\n+                                first = false;\n+                            } else {\n+                                res += \") \" + logicalReverse[filter.type] + \" (\";\n+                            }\n+                            res += this.write(filter.filters[i]);\n+                        }\n+                        return res + \")\";\n+                    }\n+                case \"OpenLayers.Filter.Comparison\":\n+                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n+                        return filter.property + \" BETWEEN \" +\n+                            this.write(filter.lowerBoundary) + \" AND \" +\n+                            this.write(filter.upperBoundary);\n+                    } else {\n+                        return (filter.value !== null) ? filter.property +\n+                            \" \" + operatorReverse[filter.type] + \" \" +\n+                            this.write(filter.value) : filter.property +\n+                            \" \" + operatorReverse[filter.type];\n+                    }\n+                case undefined:\n+                    if (typeof filter === \"string\") {\n+                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\";\n+                    } else if (typeof filter === \"number\") {\n+                        return String(filter);\n+                    }\n+                default:\n+                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter);\n             }\n-            return div;\n         },\n \n-        CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n+        CLASS_NAME: \"OpenLayers.Format.CQL\"\n+\n     });\n+})();\n+\n /* ======================================================================\n-    OpenLayers/Control/NavigationHistory.js\n+    OpenLayers/Format/GeoRSS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/Button.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n  */\n \n /**\n- * Class: OpenLayers.Control.NavigationHistory\n- * A navigation history control.  This is a meta-control, that creates two\n- *     dependent controls: <previous> and <next>.  Call the trigger method\n- *     on the <previous> and <next> controls to restore previous and next\n- *     history states.  The previous and next controls will become active\n- *     when there are available states to restore and will become deactive\n- *     when there are no states to restore.\n+ * Class: OpenLayers.Format.GeoRSS\n+ * Read/write GeoRSS parser. Create a new instance with the \n+ *     <OpenLayers.Format.GeoRSS> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * Property: type\n-     * {String} Note that this control is not intended to be added directly\n-     *     to a control panel.  Instead, add the sub-controls previous and\n-     *     next.  These sub-controls are button type controls that activate\n-     *     and deactivate themselves.  If this parent control is added to\n-     *     a panel, it will act as a toggle.\n-     */\n-    type: OpenLayers.Control.TYPE_TOGGLE,\n-\n-    /**\n-     * APIProperty: previous\n-     * {<OpenLayers.Control>} A button type control whose trigger method restores\n-     *     the previous state managed by this control.\n-     */\n-    previous: null,\n-\n-    /**\n-     * APIProperty: previousOptions\n-     * {Object} Set this property on the options argument of the constructor\n-     *     to set optional properties on the <previous> control.\n-     */\n-    previousOptions: null,\n-\n-    /**\n-     * APIProperty: next\n-     * {<OpenLayers.Control>} A button type control whose trigger method restores\n-     *     the next state managed by this control.\n-     */\n-    next: null,\n+OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * APIProperty: nextOptions\n-     * {Object} Set this property on the options argument of the constructor\n-     *     to set optional properties on the <next> control.\n+     * APIProperty: rssns\n+     * {String} RSS namespace to use. Defaults to\n+     *   \"http://backend.userland.com/rss2\"\n      */\n-    nextOptions: null,\n+    rssns: \"http://backend.userland.com/rss2\",\n \n     /**\n-     * APIProperty: limit\n-     * {Integer} Optional limit on the number of history items to retain.  If\n-     *     null, there is no limit.  Default is 50.\n+     * APIProperty: featurens\n+     * {String} Feature Attributes namespace.  Defaults to\n+     *    \"http://mapserver.gis.umn.edu/mapserver\"\n      */\n-    limit: 50,\n+    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * APIProperty: georssns\n+     * {String} GeoRSS namespace to use.  Defaults to\n+     *     \"http://www.georss.org/georss\"\n      */\n-    autoActivate: true,\n+    georssns: \"http://www.georss.org/georss\",\n \n     /**\n-     * Property: clearOnDeactivate\n-     * {Boolean} Clear the history when the control is deactivated.  Default\n-     *     is false.\n+     * APIProperty: geons\n+     * {String} W3C Geo namespace to use.  Defaults to\n+     *     \"http://www.w3.org/2003/01/geo/wgs84_pos#\"\n      */\n-    clearOnDeactivate: false,\n+    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n \n     /**\n-     * Property: registry\n-     * {Object} An object with keys corresponding to event types.  Values\n-     *     are functions that return an object representing the current state.\n+     * APIProperty: featureTitle\n+     * {String} Default title for features.  Defaults to \"Untitled\"\n      */\n-    registry: null,\n+    featureTitle: \"Untitled\",\n \n     /**\n-     * Property: nextStack\n-     * {Array} Array of items in the history.\n+     * APIProperty: featureDescription\n+     * {String} Default description for features.  Defaults to \"No Description\"\n      */\n-    nextStack: null,\n+    featureDescription: \"No Description\",\n \n     /**\n-     * Property: previousStack\n-     * {Array} List of items in the history.  First item represents the current\n-     *     state.\n+     * Property: gmlParse\n+     * {Object} GML Format object for parsing features\n+     * Non-API and only created if necessary\n      */\n-    previousStack: null,\n+    gmlParser: null,\n \n     /**\n-     * Property: listeners\n-     * {Object} An object containing properties corresponding to event types.\n-     *     This object is used to configure the control and is modified on\n-     *     construction.\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n+     * For GeoRSS the default is (y,x), therefore: false\n      */\n-    listeners: null,\n+    xy: false,\n \n     /**\n-     * Property: restoring\n-     * {Boolean} Currently restoring a history state.  This is set to true\n-     *     before calling restore and set to false after restore returns.\n+     * Constructor: OpenLayers.Format.GeoRSS\n+     * Create a new parser for GeoRSS.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    restoring: false,\n \n     /**\n-     * Constructor: OpenLayers.Control.NavigationHistory \n-     * \n+     * Method: createGeometryFromItem\n+     * Return a geometry from a GeoRSS Item.\n+     *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * item - {DOMElement} A GeoRSS item node.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry>} A geometry representing the node.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+    createGeometryFromItem: function(item) {\n+        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n+        var lat = this.getElementsByTagNameNS(item, this.geons, 'lat');\n+        var lon = this.getElementsByTagNameNS(item, this.geons, 'long');\n \n-        this.registry = OpenLayers.Util.extend({\n-            \"moveend\": this.getState\n-        }, this.registry);\n+        var line = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"line\");\n+        var polygon = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"polygon\");\n+        var where = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"where\");\n+        var box = this.getElementsByTagNameNS(item,\n+            this.georssns,\n+            \"box\");\n \n-        var previousOptions = {\n-            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n-        };\n-        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n-        this.previous = new OpenLayers.Control.Button(previousOptions);\n+        if (point.length > 0 || (lat.length > 0 && lon.length > 0)) {\n+            var location;\n+            if (point.length > 0) {\n+                location = OpenLayers.String.trim(\n+                    point[0].firstChild.nodeValue).split(/\\s+/);\n+                if (location.length != 2) {\n+                    location = OpenLayers.String.trim(\n+                        point[0].firstChild.nodeValue).split(/\\s*,\\s*/);\n+                }\n+            } else {\n+                location = [parseFloat(lat[0].firstChild.nodeValue),\n+                    parseFloat(lon[0].firstChild.nodeValue)\n+                ];\n+            }\n \n-        var nextOptions = {\n-            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n-        };\n-        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n-        this.next = new OpenLayers.Control.Button(nextOptions);\n+            var geometry = new OpenLayers.Geometry.Point(location[1], location[0]);\n \n-        this.clear();\n-    },\n+        } else if (line.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.LineString(components);\n+        } else if (polygon.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n+        } else if (where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.gmlParser = new OpenLayers.Format.GML({\n+                    'xy': this.xy\n+                });\n+            }\n+            var feature = this.gmlParser.parseFeature(where[0]);\n+            geometry = feature.geometry;\n+        } else if (box.length > 0) {\n+            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            if (coords.length > 3) {\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n+        }\n \n-    /**\n-     * Method: onPreviousChange\n-     * Called when the previous history stack changes.\n-     *\n-     * Parameters:\n-     * state - {Object} An object representing the state to be restored\n-     *     if previous is triggered again or null if no previous states remain.\n-     * length - {Integer} The number of remaining previous states that can\n-     *     be restored.\n-     */\n-    onPreviousChange: function(state, length) {\n-        if (state && !this.previous.active) {\n-            this.previous.activate();\n-        } else if (!state && this.previous.active) {\n-            this.previous.deactivate();\n+        if (geometry && this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.externalProjection,\n+                this.internalProjection);\n         }\n+\n+        return geometry;\n     },\n \n     /**\n-     * Method: onNextChange\n-     * Called when the next history stack changes.\n+     * Method: createFeatureFromItem\n+     * Return a feature from a GeoRSS Item.\n      *\n      * Parameters:\n-     * state - {Object} An object representing the state to be restored\n-     *     if next is triggered again or null if no next states remain.\n-     * length - {Integer} The number of remaining next states that can\n-     *     be restored.\n+     * item - {DOMElement} A GeoRSS item node.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A feature representing the item.\n      */\n-    onNextChange: function(state, length) {\n-        if (state && !this.next.active) {\n-            this.next.activate();\n-        } else if (!state && this.next.active) {\n-            this.next.deactivate();\n-        }\n-    },\n+    createFeatureFromItem: function(item) {\n+        var geometry = this.createGeometryFromItem(item);\n \n-    /**\n-     * APIMethod: destroy\n-     * Destroy the control.\n-     */\n-    destroy: function() {\n-        OpenLayers.Control.prototype.destroy.apply(this);\n-        this.previous.destroy();\n-        this.next.destroy();\n-        this.deactivate();\n-        for (var prop in this) {\n-            this[prop] = null;\n+        /* Provide defaults for title and description */\n+        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n+\n+        /* First try RSS descriptions, then Atom summaries */\n+        var description = this._getChildValue(\n+            item, \"*\", \"description\",\n+            this._getChildValue(item, \"*\", \"content\",\n+                this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n+\n+        /* If no link URL is found in the first child node, try the\n+           href attribute */\n+        var link = this._getChildValue(item, \"*\", \"link\");\n+        if (!link) {\n+            try {\n+                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\");\n+            } catch (e) {\n+                link = null;\n+            }\n         }\n-    },\n \n-    /** \n-     * Method: setMap\n-     * Set the map property for the control and <previous> and <next> child\n-     *     controls.\n-     *\n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        this.map = map;\n-        this.next.setMap(map);\n-        this.previous.setMap(map);\n-    },\n+        var id = this._getChildValue(item, \"*\", \"id\", null);\n \n-    /**\n-     * Method: draw\n-     * Called when the control is added to the map.\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.next.draw();\n-        this.previous.draw();\n+        var data = {\n+            \"title\": title,\n+            \"description\": description,\n+            \"link\": link\n+        };\n+        var feature = new OpenLayers.Feature.Vector(geometry, data);\n+        feature.fid = id;\n+        return feature;\n     },\n \n     /**\n-     * Method: previousTrigger\n-     * Restore the previous state.  If no items are in the previous history\n-     *     stack, this has no effect.\n+     * Method: _getChildValue\n+     *\n+     * Parameters:\n+     * node - {DOMElement}\n+     * nsuri - {String} Child node namespace uri (\"*\" for any).\n+     * name - {String} Child node name.\n+     * def - {String} Optional string default to return if no child found.\n      *\n      * Returns:\n-     * {Object} Item representing state that was restored.  Undefined if no\n-     *     items are in the previous history stack.\n+     * {String} The value of the first child with the given tag name.  Returns\n+     *     default value or empty string if none found.\n      */\n-    previousTrigger: function() {\n-        var current = this.previousStack.shift();\n-        var state = this.previousStack.shift();\n-        if (state != undefined) {\n-            this.nextStack.unshift(current);\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(\n-                this.previousStack[1], this.previousStack.length - 1\n-            );\n+    _getChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (eles && eles[0] && eles[0].firstChild &&\n+            eles[0].firstChild.nodeValue) {\n+            value = this.getChildValue(eles[0]);\n         } else {\n-            this.previousStack.unshift(current);\n+            value = (def == undefined) ? \"\" : def;\n         }\n-        return state;\n+        return value;\n     },\n \n     /**\n-     * APIMethod: nextTrigger\n-     * Restore the next state.  If no items are in the next history\n-     *     stack, this has no effect.  The next history stack is populated\n-     *     as states are restored from the previous history stack.\n+     * APIMethod: read\n+     * Return a list of features from a GeoRSS doc\n+     *\n+     * Parameters:\n+     * doc - {Element} \n      *\n      * Returns:\n-     * {Object} Item representing state that was restored.  Undefined if no\n-     *     items are in the next history stack.\n+     * {Array(<OpenLayers.Feature.Vector>)}\n      */\n-    nextTrigger: function() {\n-        var state = this.nextStack.shift();\n-        if (state != undefined) {\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(\n-                this.previousStack[1], this.previousStack.length - 1\n-            );\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n         }\n-        return state;\n-    },\n-\n-    /**\n-     * APIMethod: clear\n-     * Clear history.\n-     */\n-    clear: function() {\n-        this.previousStack = [];\n-        this.previous.deactivate();\n-        this.nextStack = [];\n-        this.next.deactivate();\n-    },\n \n-    /**\n-     * Method: getState\n-     * Get the current state and return it.\n-     *\n-     * Returns:\n-     * {Object} An object representing the current state.\n-     */\n-    getState: function() {\n-        return {\n-            center: this.map.getCenter(),\n-            resolution: this.map.getResolution(),\n-            projection: this.map.getProjectionObject(),\n-            units: this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units\n-        };\n-    },\n+        /* Try RSS items first, then Atom entries */\n+        var itemlist = null;\n+        itemlist = this.getElementsByTagNameNS(doc, '*', 'item');\n+        if (itemlist.length == 0) {\n+            itemlist = this.getElementsByTagNameNS(doc, '*', 'entry');\n+        }\n \n-    /**\n-     * Method: restore\n-     * Update the state with the given object.\n-     *\n-     * Parameters:\n-     * state - {Object} An object representing the state to restore.\n-     */\n-    restore: function(state) {\n-        var center, zoom;\n-        if (this.map.getProjectionObject() == state.projection) {\n-            zoom = this.map.getZoomForResolution(state.resolution);\n-            center = state.center;\n-        } else {\n-            center = state.center.clone();\n-            center.transform(state.projection, this.map.getProjectionObject());\n-            var sourceUnits = state.units;\n-            var targetUnits = this.map.getProjectionObject().getUnits() ||\n-                this.map.units || this.map.baseLayer.units;\n-            var resolutionFactor = sourceUnits && targetUnits ?\n-                OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution);\n+        var numItems = itemlist.length;\n+        var features = new Array(numItems);\n+        for (var i = 0; i < numItems; i++) {\n+            features[i] = this.createFeatureFromItem(itemlist[i]);\n         }\n-        this.map.setCenter(center, zoom);\n+        return features;\n     },\n \n+\n     /**\n-     * Method: setListeners\n-     * Sets functions to be registered in the listeners object.\n+     * APIMethod: write\n+     * Accept Feature Collection, and return a string. \n+     * \n+     * Parameters: \n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n      */\n-    setListeners: function() {\n-        this.listeners = {};\n-        for (var type in this.registry) {\n-            this.listeners[type] = OpenLayers.Function.bind(function() {\n-                if (!this.restoring) {\n-                    var state = this.registry[type].apply(this, arguments);\n-                    this.previousStack.unshift(state);\n-                    if (this.previousStack.length > 1) {\n-                        this.onPreviousChange(\n-                            this.previousStack[1], this.previousStack.length - 1\n-                        );\n-                    }\n-                    if (this.previousStack.length > (this.limit + 1)) {\n-                        this.previousStack.pop();\n-                    }\n-                    if (this.nextStack.length > 0) {\n-                        this.nextStack = [];\n-                        this.onNextChange(null, 0);\n-                    }\n-                }\n-                return true;\n-            }, this);\n+    write: function(features) {\n+        var georss;\n+        if (OpenLayers.Util.isArray(features)) {\n+            georss = this.createElementNS(this.rssns, \"rss\");\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                georss.appendChild(this.createFeatureXML(features[i]));\n+            }\n+        } else {\n+            georss = this.createFeatureXML(features);\n         }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [georss]);\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the control.  This registers any listeners.\n+     * Method: createFeatureXML\n+     * Accept an <OpenLayers.Feature.Vector>, and build a geometry for it.\n+     * \n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n      *\n      * Returns:\n-     * {Boolean} Control successfully activated.\n+     * {DOMElement}\n      */\n-    activate: function() {\n-        var activated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.activate.apply(this)) {\n-                if (this.listeners == null) {\n-                    this.setListeners();\n-                }\n-                for (var type in this.listeners) {\n-                    this.map.events.register(type, this, this.listeners[type]);\n-                }\n-                activated = true;\n-                if (this.previousStack.length == 0) {\n-                    this.initStack();\n-                }\n-            }\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var featureNode = this.createElementNS(this.rssns, \"item\");\n+        var titleNode = this.createElementNS(this.rssns, \"title\");\n+        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n+        var descNode = this.createElementNS(this.rssns, \"description\");\n+        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n+        featureNode.appendChild(titleNode);\n+        featureNode.appendChild(descNode);\n+        if (feature.attributes.link) {\n+            var linkNode = this.createElementNS(this.rssns, \"link\");\n+            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n+            featureNode.appendChild(linkNode);\n         }\n-        return activated;\n-    },\n-\n-    /**\n-     * Method: initStack\n-     * Called after the control is activated if the previous history stack is\n-     *     empty.\n-     */\n-    initStack: function() {\n-        if (this.map.getCenter()) {\n-            this.listeners.moveend();\n+        for (var attr in feature.attributes) {\n+            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n+                continue;\n+            }\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1];\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureNode.appendChild(attrContainer);\n         }\n+        featureNode.appendChild(geometryNode);\n+        return featureNode;\n     },\n \n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.  This unregisters any listeners.\n+    /** \n+     * Method: buildGeometryNode\n+     * builds a GeoRSS node with a given geometry\n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n      *\n      * Returns:\n-     * {Boolean} Control successfully deactivated.\n+     * {DOMElement} A gml node.\n      */\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n-                for (var type in this.listeners) {\n-                    this.map.events.unregister(\n-                        type, this, this.listeners[type]\n-                    );\n-                }\n-                if (this.clearOnDeactivate) {\n-                    this.clear();\n-                }\n-                deactivated = true;\n-            }\n+    buildGeometryNode: function(geometry) {\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry = geometry.clone();\n+            geometry.transform(this.internalProjection,\n+                this.externalProjection);\n         }\n-        return deactivated;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n-});\n-\n-/* ======================================================================\n-    OpenLayers/Control/KeyboardDefaults.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Handler/Keyboard.js\n- * @requires OpenLayers/Events.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.KeyboardDefaults\n- * The KeyboardDefaults control adds panning and zooming functions, controlled\n- * with the keyboard. By default arrow keys pan, +/- keys zoom & Page Up/Page\n- * Down/Home/End scroll by three quarters of a page.\n- * \n- * This control has no visible appearance.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n-     */\n-    autoActivate: true,\n-\n-    /**\n-     * APIProperty: slideFactor\n-     * Pixels to slide by.\n-     */\n-    slideFactor: 75,\n-\n-    /**\n-     * APIProperty: observeElement\n-     * {DOMelement|String} The DOM element to handle keys for. You\n-     *     can use the map div here, to have the navigation keys\n-     *     work when the map div has the focus. If undefined the\n-     *     document is used.\n-     */\n-    observeElement: null,\n+        var node;\n+        // match Polygon\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n+            node = this.createElementNS(this.georssns, 'georss:polygon');\n \n-    /**\n-     * Constructor: OpenLayers.Control.KeyboardDefaults\n-     */\n+            node.appendChild(this.buildCoordinatesNode(geometry.components[0]));\n+        }\n+        // match LineString\n+        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n+            node = this.createElementNS(this.georssns, 'georss:line');\n \n-    /**\n-     * Method: draw\n-     * Create handler.\n-     */\n-    draw: function() {\n-        var observeElement = this.observeElement || document;\n-        this.handler = new OpenLayers.Handler.Keyboard(this, {\n-            \"keydown\": this.defaultKeyPress\n-        }, {\n-            observeElement: observeElement\n-        });\n+            node.appendChild(this.buildCoordinatesNode(geometry));\n+        }\n+        // match Point\n+        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            node = this.createElementNS(this.georssns, 'georss:point');\n+            node.appendChild(this.buildCoordinatesNode(geometry));\n+        } else {\n+            throw \"Couldn't parse \" + geometry.CLASS_NAME;\n+        }\n+        return node;\n     },\n \n-    /**\n-     * Method: defaultKeyPress\n-     * When handling the key event, we only use evt.keyCode. This holds \n-     * some drawbacks, though we get around them below. When interpretting\n-     * the keycodes below (including the comments associated with them),\n-     * consult the URL below. For instance, the Safari browser returns\n-     * \"IE keycodes\", and so is supported by any keycode labeled \"IE\".\n+    /** \n+     * Method: buildCoordinatesNode\n      * \n-     * Very informative URL:\n-     *    http://unixpapa.com/js/key.html\n-     *\n      * Parameters:\n-     * evt - {Event} \n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    defaultKeyPress: function(evt) {\n-        var size, handled = true;\n+    buildCoordinatesNode: function(geometry) {\n+        var points = null;\n \n-        var target = OpenLayers.Event.element(evt);\n-        if (target &&\n-            (target.tagName == 'INPUT' ||\n-                target.tagName == 'TEXTAREA' ||\n-                target.tagName == 'SELECT')) {\n-            return;\n+        if (geometry.components) {\n+            points = geometry.components;\n         }\n \n-        switch (evt.keyCode) {\n-            case OpenLayers.Event.KEY_LEFT:\n-                this.map.pan(-this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_RIGHT:\n-                this.map.pan(this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_UP:\n-                this.map.pan(0, -this.slideFactor);\n-                break;\n-            case OpenLayers.Event.KEY_DOWN:\n-                this.map.pan(0, this.slideFactor);\n-                break;\n-\n-            case 33: // Page Up. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0, -0.75 * size.h);\n-                break;\n-            case 34: // Page Down. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0, 0.75 * size.h);\n-                break;\n-            case 35: // End. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(0.75 * size.w, 0);\n-                break;\n-            case 36: // Home. Same in all browsers.\n-                size = this.map.getSize();\n-                this.map.pan(-0.75 * size.w, 0);\n-                break;\n-\n-            case 43: // +/= (ASCII), keypad + (ASCII, Opera)\n-            case 61: // +/= (Mozilla, Opera, some ASCII)\n-            case 187: // +/= (IE)\n-            case 107: // keypad + (IE, Mozilla)\n-                this.map.zoomIn();\n-                break;\n-            case 45: // -/_ (ASCII, Opera), keypad - (ASCII, Opera)\n-            case 109: // -/_ (Mozilla), keypad - (Mozilla, IE)\n-            case 189: // -/_ (IE)\n-            case 95: // -/_ (some ASCII)\n-                this.map.zoomOut();\n-                break;\n-            default:\n-                handled = false;\n-        }\n-        if (handled) {\n-            // prevent browser default not to move the page\n-            // when moving the page with the keyboard\n-            OpenLayers.Event.stop(evt);\n+        var path;\n+        if (points) {\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; i++) {\n+                parts[i] = points[i].y + \" \" + points[i].x;\n+            }\n+            path = parts.join(\" \");\n+        } else {\n+            path = geometry.y + \" \" + geometry.x;\n         }\n+        return this.createTextNode(path);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n+    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n });\n /* ======================================================================\n-    OpenLayers/Control/PanPanel.js\n+    OpenLayers/Format/ArcXML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control/Panel.js\n- * @requires OpenLayers/Control/Pan.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/MultiPolygon.js\n+ * @requires OpenLayers/Geometry/LinearRing.js\n  */\n \n /**\n- * Class: OpenLayers.Control.PanPanel\n- * The PanPanel is visible control for panning the map North, South, East or\n- * West in small steps. By default it is drawn in the top left corner of the\n- * map.\n- *\n- * Note: \n- * If you wish to use this class with the default images and you want \n- *       it to look nice in ie6, you should add the following, conditionally\n- *       added css stylesheet to your HTML file:\n+ * Class: OpenLayers.Format.ArcXML\n+ * Read/Write ArcXML. Create a new instance with the <OpenLayers.Format.ArcXML>\n+ *     constructor.\n  * \n- * (code)\n- * <!--[if lte IE 6]>\n- *   <link rel=\"stylesheet\" href=\"../theme/default/ie6-style.css\" type=\"text/css\" />\n- * <![endif]-->\n- * (end)\n- *\n  * Inherits from:\n- *  - <OpenLayers.Control.Panel> \n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-\n-    /** \n-     * APIProperty: slideFactor\n-     * {Integer} Number of pixels by which we'll pan the map in any direction \n-     *     on clicking the arrow buttons, defaults to 50.  If you want to pan\n-     *     by some ratio of the map dimensions, use <slideRatio> instead.\n-     */\n-    slideFactor: 50,\n-\n-    /** \n-     * APIProperty: slideRatio\n-     * {Number} The fraction of map width/height by which we'll pan the map            \n-     *     on clicking the arrow buttons.  Default is null.  If set, will\n-     *     override <slideFactor>. E.g. if slideRatio is .5, then Pan Up will\n-     *     pan up half the map height. \n-     */\n-    slideRatio: null,\n+OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Constructor: OpenLayers.Control.PanPanel \n-     * Add the four directional pan buttons.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be used\n-     *     to extend the control.\n+     * Property: fontStyleKeys\n+     * {Array} List of keys used in font styling.\n      */\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        var options = {\n-            slideFactor: this.slideFactor,\n-            slideRatio: this.slideRatio\n-        };\n-        this.addControls([\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options),\n-            new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)\n-        ]);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/MousePosition.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-\n-/**\n- * @requires OpenLayers/Control.js\n- */\n-\n-/**\n- * Class: OpenLayers.Control.MousePosition\n- * The MousePosition control displays geographic coordinates of the mouse\n- * pointer, as it is moved about the map.\n- *\n- * You can use the <prefix>- or <suffix>-properties to provide more information\n- * about the displayed coordinates to the user:\n- *\n- * (code)\n- *     var mousePositionCtrl = new OpenLayers.Control.MousePosition({\n- *         prefix: '<a target=\"_blank\" ' +\n- *             'href=\"http://spatialreference.org/ref/epsg/4326/\">' +\n- *             'EPSG:4326</a> coordinates: '\n- *         }\n- *     );\n- * (end code)\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n+    fontStyleKeys: [\n+        'antialiasing', 'blockout', 'font', 'fontcolor', 'fontsize', 'fontstyle',\n+        'glowing', 'interval', 'outline', 'printmode', 'shadow', 'transparency'\n+    ],\n \n     /**\n-     * APIProperty: autoActivate\n-     * {Boolean} Activate the control when it is added to a map.  Default is\n-     *     true.\n+     * Property: request\n+     * A get_image request destined for an ArcIMS server.\n      */\n-    autoActivate: true,\n+    request: null,\n \n     /**\n-     * Property: element\n-     * {DOMElement}\n+     * Property: response\n+     * A parsed response from an ArcIMS server.\n      */\n-    element: null,\n+    response: null,\n \n     /**\n-     * APIProperty: prefix\n-     * {String} A string to be prepended to the current pointers coordinates\n-     *     when it is rendered.  Defaults to the empty string ''.\n+     * Constructor: OpenLayers.Format.ArcXML\n+     * Create a new parser/writer for ArcXML.  Create an instance of this class\n+     *    to begin authoring a request to an ArcIMS service.  This is used\n+     *    primarily by the ArcIMS layer, but could be used to do other wild\n+     *    stuff, like geocoding.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    prefix: '',\n+    initialize: function(options) {\n+        this.request = new OpenLayers.Format.ArcXML.Request();\n+        this.response = new OpenLayers.Format.ArcXML.Response();\n \n-    /**\n-     * APIProperty: separator\n-     * {String} A string to be used to seperate the two coordinates from each\n-     *     other.  Defaults to the string ', ', which will result in a\n-     *     rendered coordinate of e.g. '42.12, 21.22'.\n-     */\n-    separator: ', ',\n+        if (options) {\n+            if (options.requesttype == \"feature\") {\n+                this.request.get_image = null;\n \n-    /**\n-     * APIProperty: suffix\n-     * {String} A string to be appended to the current pointers coordinates\n-     *     when it is rendered.  Defaults to the empty string ''.\n-     */\n-    suffix: '',\n+                var qry = this.request.get_feature.query;\n+                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n \n-    /**\n-     * APIProperty: numDigits\n-     * {Integer} The number of digits each coordinate shall have when being\n-     *     rendered, Defaults to 5.\n-     */\n-    numDigits: 5,\n+                if (options.polygon) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.polygon = options.polygon;\n+                } else if (options.envelope) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.envelope = {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    };\n+                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope);\n+                }\n+            } else if (options.requesttype == \"image\") {\n+                this.request.get_feature = null;\n \n-    /**\n-     * APIProperty: granularity\n-     * {Integer}\n-     */\n-    granularity: 10,\n+                var props = this.request.get_image.properties;\n+                this.parseEnvelope(props.envelope, options.envelope);\n \n-    /**\n-     * APIProperty: emptyString\n-     * {String} Set this to some value to set when the mouse is outside the\n-     *     map.\n-     */\n-    emptyString: null,\n+                this.addLayers(props.layerlist, options.layers);\n+                this.addImageSize(props.imagesize, options.tileSize);\n+                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(props.filtercoordsys, options.filterCoordSys);\n+            } else {\n+                // if an arcxml object is being created with no request type, it is\n+                // probably going to consume a response, so do not throw an error if\n+                // the requesttype is not defined\n+                this.request = null;\n+            }\n+        }\n \n-    /**\n-     * Property: lastXy\n-     * {<OpenLayers.Pixel>}\n-     */\n-    lastXy: null,\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} The projection in which the mouse position is\n-     *     displayed.\n+     * Method: parseEnvelope\n+     * Parse an array of coordinates into an ArcXML envelope structure.\n+     *\n+     * Parameters:\n+     * env - {Object} An envelope object that will contain the parsed coordinates.\n+     * arr - {Array(double)} An array of coordinates in the order: [ minx, miny, maxx, maxy ]\n      */\n-    displayProjection: null,\n+    parseEnvelope: function(env, arr) {\n+        if (arr && arr.length == 4) {\n+            env.minx = arr[0];\n+            env.miny = arr[1];\n+            env.maxx = arr[2];\n+            env.maxy = arr[3];\n+        }\n+    },\n \n-    /**\n-     * Constructor: OpenLayers.Control.MousePosition\n+    /** \n+     * Method: addLayers\n+     * Add a collection of layers to another collection of layers. Each layer in the list is tuple of\n+     * { id, visible }.  These layer collections represent the \n+     * /ARCXML/REQUEST/get_image/PROPERTIES/LAYERLIST/LAYERDEF items in ArcXML\n+     *\n+     * TODO: Add support for dynamic layer rendering.\n      *\n      * Parameters:\n-     * options - {Object} Options for control.\n+     * ll - {Array({id,visible})} A list of layer definitions.\n+     * lyrs - {Array({id,visible})} A list of layer definitions.\n      */\n+    addLayers: function(ll, lyrs) {\n+        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n+            ll.push(lyrs[lind]);\n+        }\n+    },\n \n     /**\n-     * Method: destroy\n+     * Method: addImageSize\n+     * Set the size of the requested image.\n+     *\n+     * Parameters:\n+     * imsize - {Object} An ArcXML imagesize object.\n+     * olsize - {<OpenLayers.Size>} The image size to set.\n      */\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    addImageSize: function(imsize, olsize) {\n+        if (olsize !== null) {\n+            imsize.width = olsize.w;\n+            imsize.height = olsize.h;\n+            imsize.printwidth = olsize.w;\n+            imsize.printheight = olsize.h;\n+        }\n     },\n \n     /**\n-     * APIMethod: activate\n+     * Method: addCoordSys\n+     * Add the coordinate system information to an object. The object may be \n+     *\n+     * Parameters:\n+     * featOrFilt - {Object} A featurecoordsys or filtercoordsys ArcXML structure.\n+     * fsys - {String} or {<OpenLayers.Projection>} or {filtercoordsys} or \n+     * {featurecoordsys} A projection representation. If it's a {String}, \n+     * the value is assumed to be the SRID.  If it's a {OpenLayers.Projection} \n+     * AND Proj4js is available, the projection number and name are extracted \n+     * from there.  If it's a filter or feature ArcXML structure, it is copied.\n      */\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.events.register('mousemove', this, this.redraw);\n-            this.map.events.register('mouseout', this, this.reset);\n-            this.redraw();\n-            return true;\n+    addCoordSys: function(featOrFilt, fsys) {\n+        if (typeof fsys == \"string\") {\n+            featOrFilt.id = parseInt(fsys);\n+            featOrFilt.string = fsys;\n+        }\n+        // is this a proj4js instance?\n+        else if (typeof fsys == \"object\" && fsys.proj !== null) {\n+            featOrFilt.id = fsys.proj.srsProjNumber;\n+            featOrFilt.string = fsys.proj.srsCode;\n         } else {\n-            return false;\n+            featOrFilt = fsys;\n         }\n     },\n \n     /**\n-     * APIMethod: deactivate\n+     * APIMethod: iserror\n+     * Check to see if the response from the server was an error.\n+     *\n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse. If nothing is supplied,\n+     * the current response is examined.\n+     *\n+     * Returns:\n+     * {Boolean} true if the response was an error.\n      */\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister('mousemove', this, this.redraw);\n-            this.map.events.unregister('mouseout', this, this.reset);\n-            this.element.innerHTML = \"\";\n-            return true;\n+    iserror: function(data) {\n+        var ret = null;\n+\n+        if (!data) {\n+            ret = (this.response.error !== '');\n         } else {\n-            return false;\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n+            ret = (errorNodes !== null && errorNodes.length > 0);\n         }\n+\n+        return ret;\n     },\n \n     /**\n-     * Method: draw\n-     * {DOMElement}\n+     * APIMethod: read\n+     * Read data from a string, and return an response. \n+     * \n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Format.ArcXML.Response>} An ArcXML response. Note that this response\n+     *     data may change in the future. \n      */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n \n-        if (!this.element) {\n-            this.div.left = \"\";\n-            this.div.top = \"\";\n-            this.element = this.div;\n+        var arcNode = null;\n+        if (data && data.documentElement) {\n+            if (data.documentElement.nodeName == \"ARCXML\") {\n+                arcNode = data.documentElement;\n+            } else {\n+                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0];\n+            }\n         }\n \n-        return this.div;\n+        // in Safari, arcNode will be there but will have a child named \n+        // parsererror\n+        if (!arcNode || arcNode.firstChild.nodeName === 'parsererror') {\n+            var error, source;\n+            try {\n+                error = data.firstChild.nodeValue;\n+                source = data.firstChild.childNodes[1].firstChild.nodeValue;\n+            } catch (err) {\n+                // pass\n+            }\n+            throw {\n+                message: \"Error parsing the ArcXML request\",\n+                error: error,\n+                source: source\n+            };\n+        }\n+\n+        var response = this.parseResponse(arcNode);\n+        return response;\n     },\n \n     /**\n-     * Method: redraw\n+     * APIMethod: write\n+     * Generate an ArcXml document string for sending to an ArcIMS server. \n+     * \n+     * Returns:\n+     * {String} A string representing the ArcXML document request.\n      */\n-    redraw: function(evt) {\n+    write: function(request) {\n+        if (!request) {\n+            request = this.request;\n+        }\n+        var root = this.createElementNS(\"\", \"ARCXML\");\n+        root.setAttribute(\"version\", \"1.1\");\n \n-        var lonLat;\n+        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n \n-        if (evt == null) {\n-            this.reset();\n-            return;\n-        } else {\n-            if (this.lastXy == null ||\n-                Math.abs(evt.xy.x - this.lastXy.x) > this.granularity ||\n-                Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n-                this.lastXy = evt.xy;\n-                return;\n+        if (request.get_image != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n+            reqElem.appendChild(getElem);\n+\n+            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n+            getElem.appendChild(propElem);\n+\n+            var props = request.get_image.properties;\n+            if (props.featurecoordsys != null) {\n+                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                propElem.appendChild(feat);\n+\n+                if (props.featurecoordsys.id === 0) {\n+                    feat.setAttribute(\"string\", props.featurecoordsys['string']);\n+                } else {\n+                    feat.setAttribute(\"id\", props.featurecoordsys.id);\n+                }\n             }\n \n-            lonLat = this.map.getLonLatFromPixel(evt.xy);\n-            if (!lonLat) {\n-                // map has not yet been properly initialized\n-                return;\n+            if (props.filtercoordsys != null) {\n+                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                propElem.appendChild(filt);\n+\n+                if (props.filtercoordsys.id === 0) {\n+                    filt.setAttribute(\"string\", props.filtercoordsys.string);\n+                } else {\n+                    filt.setAttribute(\"id\", props.filtercoordsys.id);\n+                }\n             }\n-            if (this.displayProjection) {\n-                lonLat.transform(this.map.getProjectionObject(),\n-                    this.displayProjection);\n+\n+            if (props.envelope != null) {\n+                var env = this.createElementNS(\"\", \"ENVELOPE\");\n+                propElem.appendChild(env);\n+\n+                env.setAttribute(\"minx\", props.envelope.minx);\n+                env.setAttribute(\"miny\", props.envelope.miny);\n+                env.setAttribute(\"maxx\", props.envelope.maxx);\n+                env.setAttribute(\"maxy\", props.envelope.maxy);\n             }\n-            this.lastXy = evt.xy;\n \n-        }\n+            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n+            propElem.appendChild(imagesz);\n \n-        var newHtml = this.formatOutput(lonLat);\n+            imagesz.setAttribute(\"height\", props.imagesize.height);\n+            imagesz.setAttribute(\"width\", props.imagesize.width);\n \n-        if (newHtml != this.element.innerHTML) {\n-            this.element.innerHTML = newHtml;\n-        }\n-    },\n+            if (props.imagesize.height != props.imagesize.printheight ||\n+                props.imagesize.width != props.imagesize.printwidth) {\n+                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n+                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth);\n+            }\n \n-    /**\n-     * Method: reset\n-     */\n-    reset: function(evt) {\n-        if (this.emptyString != null) {\n-            this.element.innerHTML = this.emptyString;\n-        }\n-    },\n+            if (props.background != null) {\n+                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n+                propElem.appendChild(backgrnd);\n \n-    /**\n-     * Method: formatOutput\n-     * Override to provide custom display output\n-     *\n-     * Parameters:\n-     * lonLat - {<OpenLayers.LonLat>} Location to display\n-     */\n-    formatOutput: function(lonLat) {\n-        var digits = parseInt(this.numDigits);\n-        var newHtml =\n-            this.prefix +\n-            lonLat.lon.toFixed(digits) +\n-            this.separator +\n-            lonLat.lat.toFixed(digits) +\n-            this.suffix;\n-        return newHtml;\n-    },\n+                backgrnd.setAttribute(\"color\",\n+                    props.background.color.r + \",\" +\n+                    props.background.color.g + \",\" +\n+                    props.background.color.b);\n \n-    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/ArgParser.js\n-   ====================================================================== */\n+                if (props.background.transcolor !== null) {\n+                    backgrnd.setAttribute(\"transcolor\",\n+                        props.background.transcolor.r + \",\" +\n+                        props.background.transcolor.g + \",\" +\n+                        props.background.transcolor.b);\n+                }\n+            }\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+            if (props.layerlist != null && props.layerlist.length > 0) {\n+                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n+                propElem.appendChild(layerlst);\n \n+                for (var ld = 0; ld < props.layerlist.length; ld++) {\n+                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n+                    layerlst.appendChild(ldef);\n \n-/**\n- * @requires OpenLayers/Control.js\n- */\n+                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n+                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n \n-/**\n- * Class: OpenLayers.Control.ArgParser\n- * The ArgParser control adds location bar query string parsing functionality \n- * to an OpenLayers Map.\n- * When added to a Map control, on a page load/refresh, the Map will \n- * automatically take the href string and parse it for lon, lat, zoom, and \n- * layers information. \n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n+                    if (typeof props.layerlist[ld].query == \"object\") {\n+                        var query = props.layerlist[ld].query;\n \n-    /**\n-     * Property: center\n-     * {<OpenLayers.LonLat>}\n-     */\n-    center: null,\n+                        if (query.where.length < 0) {\n+                            continue;\n+                        }\n \n-    /**\n-     * Property: zoom\n-     * {int}\n-     */\n-    zoom: null,\n+                        var queryElem = null;\n+                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n+                            // handle spatial filter madness\n+                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n+                        } else {\n+                            queryElem = this.createElementNS(\"\", \"QUERY\");\n+                        }\n \n-    /**\n-     * Property: layers\n-     * {String} Each character represents the state of the corresponding layer \n-     *     on the map.\n-     */\n-    layers: null,\n+                        queryElem.setAttribute(\"where\", query.where);\n \n-    /** \n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} Requires proj4js support. \n-     *     Projection used when reading the coordinates from the URL. This will\n-     *     reproject the map coordinates from the URL into the map's\n-     *     projection.\n-     *\n-     *     If you are using this functionality, be aware that any permalink\n-     *     which is added to the map will determine the coordinate type which\n-     *     is read from the URL, which means you should not add permalinks with\n-     *     different displayProjections to the same map. \n-     */\n-    displayProjection: null,\n+                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n+                            queryElem.setAttribute(\"accuracy\", query.accuracy);\n+                        }\n+                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2000) {\n+                            queryElem.setAttribute(\"featurelimit\", query.featurelimit);\n+                        }\n+                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n+                            queryElem.setAttribute(\"subfields\", query.subfields);\n+                        }\n+                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n+                            queryElem.setAttribute(\"joinexpression\", query.joinexpression);\n+                        }\n+                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n+                            queryElem.setAttribute(\"jointables\", query.jointables);\n+                        }\n \n-    /**\n-     * Constructor: OpenLayers.Control.ArgParser\n-     *\n-     * Parameters:\n-     * options - {Object}\n-     */\n+                        ldef.appendChild(queryElem);\n+                    }\n \n-    /**\n-     * Method: getParameters\n-     */\n-    getParameters: function(url) {\n-        url = url || window.location.href;\n-        var parameters = OpenLayers.Util.getParameters(url);\n+                    if (typeof props.layerlist[ld].renderer == \"object\") {\n+                        this.addRenderer(ldef, props.layerlist[ld].renderer);\n+                    }\n+                }\n+            }\n+        } else if (request.get_feature != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n+            getElem.setAttribute(\"outputmode\", \"newxml\");\n+            getElem.setAttribute(\"checkesc\", \"true\");\n \n-        // If we have an anchor in the url use it to split the url\n-        var index = url.indexOf('#');\n-        if (index > 0) {\n-            // create an url to parse on the getParameters\n-            url = '?' + url.substring(index + 1, url.length);\n+            if (request.get_feature.geometry) {\n+                getElem.setAttribute(\"geometry\", request.get_feature.geometry);\n+            } else {\n+                getElem.setAttribute(\"geometry\", \"false\");\n+            }\n \n-            OpenLayers.Util.extend(parameters,\n-                OpenLayers.Util.getParameters(url));\n-        }\n-        return parameters;\n-    },\n+            if (request.get_feature.compact) {\n+                getElem.setAttribute(\"compact\", request.get_feature.compact);\n+            }\n \n-    /**\n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+            if (request.get_feature.featurelimit == \"number\") {\n+                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit);\n+            }\n \n-        //make sure we dont already have an arg parser attached\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if ((control != this) &&\n-                (control.CLASS_NAME == \"OpenLayers.Control.ArgParser\")) {\n+            getElem.setAttribute(\"globalenvelope\", \"true\");\n+            reqElem.appendChild(getElem);\n \n-                // If a second argparser is added to the map, then we \n-                // override the displayProjection to be the one added to the\n-                // map. \n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection;\n+            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n+                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n+                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n+                getElem.appendChild(lyrElem);\n+            }\n+\n+            var fquery = request.get_feature.query;\n+            if (fquery != null) {\n+                var qElem = null;\n+                if (fquery.isspatial) {\n+                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\");\n+                } else {\n+                    qElem = this.createElementNS(\"\", \"QUERY\");\n                 }\n+                getElem.appendChild(qElem);\n \n-                break;\n-            }\n-        }\n-        if (i == this.map.controls.length) {\n+                if (typeof fquery.accuracy == \"number\") {\n+                    qElem.setAttribute(\"accuracy\", fquery.accuracy);\n+                }\n+                //qElem.setAttribute(\"featurelimit\", \"5\");\n \n-            var args = this.getParameters();\n-            // Be careful to set layer first, to not trigger unnecessary layer loads\n-            if (args.layers) {\n-                this.layers = args.layers;\n+                if (fquery.featurecoordsys != null) {\n+                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n \n-                // when we add a new layer, set its visibility \n-                this.map.events.register('addlayer', this,\n-                    this.configureLayers);\n-                this.configureLayers();\n-            }\n-            if (args.lat && args.lon) {\n-                this.center = new OpenLayers.LonLat(parseFloat(args.lon),\n-                    parseFloat(args.lat));\n-                if (args.zoom) {\n-                    this.zoom = parseFloat(args.zoom);\n+                    if (fquery.featurecoordsys.id == 0) {\n+                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string);\n+                    } else {\n+                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id);\n+                    }\n+                    qElem.appendChild(fcsElem1);\n                 }\n \n-                // when we add a new baselayer to see when we can set the center\n-                this.map.events.register('changebaselayer', this,\n-                    this.setCenter);\n-                this.setCenter();\n+                if (fquery.filtercoordsys != null) {\n+                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+\n+                    if (fquery.filtercoordsys.id === 0) {\n+                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string);\n+                    } else {\n+                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id);\n+                    }\n+                    qElem.appendChild(fcsElem2);\n+                }\n+\n+                if (fquery.buffer > 0) {\n+                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n+                    bufElem.setAttribute(\"distance\", fquery.buffer);\n+                    qElem.appendChild(bufElem);\n+                }\n+\n+                if (fquery.isspatial) {\n+                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n+                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n+                    qElem.appendChild(spfElem);\n+\n+                    if (fquery.spatialfilter.envelope) {\n+                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n+                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n+                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n+                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n+                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n+                        spfElem.appendChild(envElem);\n+                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n+                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon));\n+                    }\n+                }\n+\n+                if (fquery.where != null && fquery.where.length > 0) {\n+                    qElem.setAttribute(\"where\", fquery.where);\n+                }\n             }\n         }\n+\n+        root.appendChild(reqElem);\n+\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root]);\n     },\n \n-    /** \n-     * Method: setCenter\n-     * As soon as a baseLayer has been loaded, we center and zoom\n-     *   ...and remove the handler.\n-     */\n-    setCenter: function() {\n \n-        if (this.map.baseLayer) {\n-            //dont need to listen for this one anymore\n-            this.map.events.unregister('changebaselayer', this,\n-                this.setCenter);\n+    addGroupRenderer: function(ldef, toprenderer) {\n+        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n+        ldef.appendChild(topRelem);\n \n-            if (this.displayProjection) {\n-                this.center.transform(this.displayProjection,\n-                    this.map.getProjectionObject());\n+        for (var rind = 0; rind < toprenderer.length; rind++) {\n+            var renderer = toprenderer[rind];\n+            this.addRenderer(topRelem, renderer);\n+        }\n+    },\n+\n+\n+    addRenderer: function(topRelem, renderer) {\n+        if (OpenLayers.Util.isArray(renderer)) {\n+            this.addGroupRenderer(topRelem, renderer);\n+        } else {\n+            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n+            topRelem.appendChild(renderElem);\n+\n+            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n+                this.addValueMapRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n+                this.addValueMapLabelRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n+                this.addSimpleLabelRenderer(renderElem, renderer);\n+            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n+                this.addScaleDependentRenderer(renderElem, renderer);\n             }\n+        }\n+    },\n \n-            this.map.setCenter(this.center, this.zoom);\n+\n+    addScaleDependentRenderer: function(renderElem, renderer) {\n+        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n+            renderElem.setAttribute(\"lower\", renderer.lower);\n+        }\n+        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n+            renderElem.setAttribute(\"upper\", renderer.upper);\n         }\n+\n+        this.addRenderer(renderElem, renderer.renderer);\n     },\n \n-    /** \n-     * Method: configureLayers\n-     * As soon as all the layers are loaded, cycle through them and \n-     *   hide or show them. \n-     */\n-    configureLayers: function() {\n \n-        if (this.layers.length == this.map.layers.length) {\n-            this.map.events.unregister('addlayer', this, this.configureLayers);\n+    addValueMapLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n \n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n+        if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n \n-                var layer = this.map.layers[i];\n-                var c = this.layers.charAt(i);\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n \n-                if (c == \"B\") {\n-                    this.map.setBaseLayer(layer);\n-                } else if ((c == \"T\") || (c == \"F\")) {\n-                    layer.setVisibility(c == \"T\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value);\n                 }\n-            }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label);\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method);\n+                }\n+\n+                renderElem.appendChild(eelem);\n+\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+\n+                    if (exact.symbol.type == \"text\") {\n+                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+                    }\n+\n+                    if (selem != null) {\n+                        var keys = this.fontStyleKeys;\n+                        for (var i = 0, len = keys.length; i < len; i++) {\n+                            var key = keys[i];\n+                            if (exact.symbol[key]) {\n+                                selem.setAttribute(key, exact.symbol[key]);\n+                            }\n+                        }\n+                        eelem.appendChild(selem);\n+                    }\n+                }\n+            } // for each exact\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Permalink.js\n-   ====================================================================== */\n+    addValueMapRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        if (typeof renderer.ranges == \"object\") {\n+            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n+                var range = renderer.ranges[rng];\n \n+                var relem = this.createElementNS(\"\", \"RANGE\");\n+                relem.setAttribute(\"lower\", range.lower);\n+                relem.setAttribute(\"upper\", range.upper);\n \n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Control/ArgParser.js\n- * @requires OpenLayers/Lang.js\n- */\n+                renderElem.appendChild(relem);\n \n-/**\n- * Class: OpenLayers.Control.Permalink\n- * The Permalink control is hyperlink that will return the user to the \n- * current map view. By default it is drawn in the lower right corner of the\n- * map. The href is updated as the map is zoomed, panned and whilst layers\n- * are switched.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n+                if (typeof range.symbol == \"object\") {\n+                    var selem = null;\n \n-    /**\n-     * APIProperty: argParserClass\n-     * {Class} The ArgParser control class (not instance) to use with this\n-     *     control.\n-     */\n-    argParserClass: OpenLayers.Control.ArgParser,\n+                    if (range.symbol.type == \"simplepolygon\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\");\n+                    }\n \n-    /** \n-     * Property: element \n-     * {DOMElement}\n-     */\n-    element: null,\n+                    if (selem != null) {\n+                        if (typeof range.symbol.boundarycolor == \"string\") {\n+                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor);\n+                        }\n+                        if (typeof range.symbol.fillcolor == \"string\") {\n+                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor);\n+                        }\n+                        if (typeof range.symbol.filltransparency == \"number\") {\n+                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency);\n+                        }\n+                        relem.appendChild(selem);\n+                    }\n+                }\n+            } // for each range\n+        } else if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n \n-    /** \n-     * APIProperty: anchor\n-     * {Boolean} This option changes 3 things:\n-     *     the character '#' is used in place of the character '?',\n-     *     the window.href is updated if no element is provided.\n-     *     When this option is set to true it's not recommend to provide\n-     *     a base without provide an element.\n-     */\n-    anchor: false,\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value);\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label);\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method);\n+                }\n \n-    /** \n-     * APIProperty: base\n-     * {String}\n-     */\n-    base: '',\n+                renderElem.appendChild(eelem);\n \n-    /** \n-     * APIProperty: displayProjection\n-     * {<OpenLayers.Projection>} Requires proj4js support.  Projection used\n-     *     when creating the coordinates in the link. This will reproject the\n-     *     map coordinates into display coordinates. If you are using this\n-     *     functionality, the permalink which is last added to the map will\n-     *     determine the coordinate type which is read from the URL, which\n-     *     means you should not add permalinks with different\n-     *     displayProjections to the same map. \n-     */\n-    displayProjection: null,\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n \n-    /**\n-     * Constructor: OpenLayers.Control.Permalink\n-     *\n-     * Parameters: \n-     * element - {DOMElement} \n-     * base - {String} \n-     * options - {Object} options to the control.\n-     *\n-     * Or for anchor:\n-     * options - {Object} options to the control.\n-     */\n-    initialize: function(element, base, options) {\n-        if (element !== null && typeof element == 'object' && !OpenLayers.Util.isElement(element)) {\n-            options = element;\n-            this.base = document.location.href;\n-            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-            if (this.element != null) {\n-                this.element = OpenLayers.Util.getElement(this.element);\n-            }\n-        } else {\n-            OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-            this.element = OpenLayers.Util.getElement(element);\n-            this.base = base || document.location.href;\n-        }\n-    },\n+                    if (exact.symbol.type == \"simplemarker\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\");\n+                    }\n \n-    /**\n-     * APIMethod: destroy\n-     */\n-    destroy: function() {\n-        if (this.element && this.element.parentNode == this.div) {\n-            this.div.removeChild(this.element);\n-            this.element = null;\n-        }\n-        if (this.map) {\n-            this.map.events.unregister('moveend', this, this.updateLink);\n-        }\n+                    if (selem != null) {\n+                        if (typeof exact.symbol.antialiasing == \"string\") {\n+                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing);\n+                        }\n+                        if (typeof exact.symbol.color == \"string\") {\n+                            selem.setAttribute(\"color\", exact.symbol.color);\n+                        }\n+                        if (typeof exact.symbol.outline == \"string\") {\n+                            selem.setAttribute(\"outline\", exact.symbol.outline);\n+                        }\n+                        if (typeof exact.symbol.overlap == \"string\") {\n+                            selem.setAttribute(\"overlap\", exact.symbol.overlap);\n+                        }\n+                        if (typeof exact.symbol.shadow == \"string\") {\n+                            selem.setAttribute(\"shadow\", exact.symbol.shadow);\n+                        }\n+                        if (typeof exact.symbol.transparency == \"number\") {\n+                            selem.setAttribute(\"transparency\", exact.symbol.transparency);\n+                        }\n+                        //if (typeof exact.symbol.type == \"string\")\n+                        //    selem.setAttribute(\"type\", exact.symbol.type);\n+                        if (typeof exact.symbol.usecentroid == \"string\") {\n+                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid);\n+                        }\n+                        if (typeof exact.symbol.width == \"number\") {\n+                            selem.setAttribute(\"width\", exact.symbol.width);\n+                        }\n \n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+                        eelem.appendChild(selem);\n+                    }\n+                }\n+            } // for each exact\n+        }\n     },\n \n-    /**\n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n \n-        //make sure we have an arg parser attached\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if (control.CLASS_NAME == this.argParserClass.CLASS_NAME) {\n+    addSimpleLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"field\", renderer.field);\n+        var keys = ['featureweight', 'howmanylabels', 'labelbufferratio',\n+            'labelpriorities', 'labelweight', 'linelabelposition',\n+            'rotationalangles'\n+        ];\n+        for (var i = 0, len = keys.length; i < len; i++) {\n+            var key = keys[i];\n+            if (renderer[key]) {\n+                renderElem.setAttribute(key, renderer[key]);\n+            }\n+        }\n \n-                // If a permalink is added to the map, and an ArgParser already\n-                // exists, we override the displayProjection to be the one\n-                // on the permalink. \n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection;\n-                }\n+        if (renderer.symbol.type == \"text\") {\n+            var symbol = renderer.symbol;\n+            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+            renderElem.appendChild(selem);\n \n-                break;\n+            var keys = this.fontStyleKeys;\n+            for (var i = 0, len = keys.length; i < len; i++) {\n+                var key = keys[i];\n+                if (symbol[key]) {\n+                    selem.setAttribute(key, renderer[key]);\n+                }\n             }\n         }\n-        if (i == this.map.controls.length) {\n-            this.map.addControl(new this.argParserClass({\n-                'displayProjection': this.displayProjection\n-            }));\n+    },\n+\n+    writePolygonGeometry: function(polygon) {\n+        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n+            throw {\n+                message: 'Cannot write polygon geometry to ArcXML with an ' +\n+                    polygon.CLASS_NAME + ' object.',\n+                geometry: polygon\n+            };\n         }\n \n-    },\n+        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n \n-    /**\n-     * Method: draw\n-     *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n+            var ring = polygon.components[ln];\n+            var ringElem = this.createElementNS(\"\", \"RING\");\n \n-        if (!this.element && !this.anchor) {\n-            this.element = document.createElement(\"a\");\n-            this.element.innerHTML = OpenLayers.i18n(\"Permalink\");\n-            this.element.href = \"\";\n-            this.div.appendChild(this.element);\n-        }\n-        this.map.events.on({\n-            'moveend': this.updateLink,\n-            'changelayer': this.updateLink,\n-            'changebaselayer': this.updateLink,\n-            scope: this\n-        });\n+            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n+                var point = ring.components[rn];\n+                var pointElem = this.createElementNS(\"\", \"POINT\");\n \n-        // Make it so there is at least a link even though the map may not have\n-        // moved yet.\n-        this.updateLink();\n+                pointElem.setAttribute(\"x\", point.x);\n+                pointElem.setAttribute(\"y\", point.y);\n \n-        return this.div;\n-    },\n+                ringElem.appendChild(pointElem);\n+            }\n \n-    /**\n-     * Method: updateLink \n-     */\n-    updateLink: function() {\n-        var separator = this.anchor ? '#' : '?';\n-        var href = this.base;\n-        var anchor = null;\n-        if (href.indexOf(\"#\") != -1 && this.anchor == false) {\n-            anchor = href.substring(href.indexOf(\"#\"), href.length);\n-        }\n-        if (href.indexOf(separator) != -1) {\n-            href = href.substring(0, href.indexOf(separator));\n-        }\n-        var splits = href.split(\"#\");\n-        href = splits[0] + separator + OpenLayers.Util.getParameterString(this.createParams());\n-        if (anchor) {\n-            href += anchor;\n-        }\n-        if (this.anchor && !this.element) {\n-            window.location.href = href;\n-        } else {\n-            this.element.href = href;\n+            polyElem.appendChild(ringElem);\n         }\n+\n+        return polyElem;\n     },\n \n     /**\n-     * APIMethod: createParams\n-     * Creates the parameters that need to be encoded into the permalink url.\n-     * \n+     * Method: parseResponse\n+     * Take an ArcXML response, and parse in into this object's internal properties.\n+     *\n      * Parameters:\n-     * center - {<OpenLayers.LonLat>} center to encode in the permalink.\n-     *     Defaults to the current map center.\n-     * zoom - {Integer} zoom level to encode in the permalink. Defaults to the\n-     *     current map zoom level.\n-     * layers - {Array(<OpenLayers.Layer>)} layers to encode in the permalink.\n-     *     Defaults to the current map layers.\n-     * \n-     * Returns:\n-     * {Object} Hash of parameters that will be url-encoded into the\n-     * permalink.\n+     * data - {String} or {DOMElement} The ArcXML response, as either a string or the\n+     * top level DOMElement of the response.\n      */\n-    createParams: function(center, zoom, layers) {\n-        center = center || this.map.getCenter();\n-\n-        var params = OpenLayers.Util.getParameters(this.base);\n+    parseResponse: function(data) {\n+        if (typeof data == \"string\") {\n+            var newData = new OpenLayers.Format.XML();\n+            data = newData.read(data);\n+        }\n+        var response = new OpenLayers.Format.ArcXML.Response();\n \n-        // If there's still no center, map is not initialized yet. \n-        // Break out of this function, and simply return the params from the\n-        // base link.\n-        if (center) {\n+        var errorNode = data.getElementsByTagName(\"ERROR\");\n \n-            //zoom\n-            params.zoom = zoom || this.map.getZoom();\n+        if (errorNode != null && errorNode.length > 0) {\n+            response.error = this.getChildValue(errorNode, \"Unknown error.\");\n+        } else {\n+            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n \n-            //lon,lat\n-            var lat = center.lat;\n-            var lon = center.lon;\n+            if (responseNode == null || responseNode.length == 0) {\n+                response.error = \"No RESPONSE tag found in ArcXML response.\";\n+                return response;\n+            }\n \n-            if (this.displayProjection) {\n-                var mapPosition = OpenLayers.Projection.transform({\n-                        x: lon,\n-                        y: lat\n-                    },\n-                    this.map.getProjectionObject(),\n-                    this.displayProjection);\n-                lon = mapPosition.x;\n-                lat = mapPosition.y;\n+            var rtype = responseNode[0].firstChild.nodeName;\n+            if (rtype == \"#text\") {\n+                rtype = responseNode[0].firstChild.nextSibling.nodeName;\n             }\n-            params.lat = Math.round(lat * 100000) / 100000;\n-            params.lon = Math.round(lon * 100000) / 100000;\n \n-            //layers        \n-            layers = layers || this.map.layers;\n-            params.layers = '';\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n+            if (rtype == \"IMAGE\") {\n+                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n+                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n \n-                if (layer.isBaseLayer) {\n-                    params.layers += (layer == this.map.baseLayer) ? \"B\" : \"0\";\n+                if (envelopeNode == null || envelopeNode.length == 0) {\n+                    response.error = \"No ENVELOPE tag found in ArcXML response.\";\n+                } else if (outputNode == null || outputNode.length == 0) {\n+                    response.error = \"No OUTPUT tag found in ArcXML response.\";\n                 } else {\n-                    params.layers += (layer.getVisibility()) ? \"T\" : \"F\";\n-                }\n-            }\n-        }\n-\n-        return params;\n-    },\n+                    var envAttr = this.parseAttributes(envelopeNode[0]);\n+                    var outputAttr = this.parseAttributes(outputNode[0]);\n \n-    CLASS_NAME: \"OpenLayers.Control.Permalink\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/CacheWrite.js\n-   ====================================================================== */\n+                    if (typeof outputAttr.type == \"string\") {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: {\n+                                type: outputAttr.type,\n+                                data: this.getChildValue(outputNode[0])\n+                            }\n+                        };\n+                    } else {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: outputAttr\n+                        };\n+                    }\n+                }\n+            } else if (rtype == \"FEATURES\") {\n+                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                // get the feature count\n+                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n+                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n \n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Request.js\n- * @requires OpenLayers/Console.js\n- */\n+                if (response.features.featurecount > 0) {\n+                    // get the feature envelope\n+                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n+                    response.features.envelope = this.parseAttributes(envelope[0], typeof(0));\n \n-/**\n- * Class: OpenLayers.Control.CacheWrite\n- * A control for caching image tiles in the browser's local storage. The\n- * <OpenLayers.Control.CacheRead> control is used to fetch and use the cached\n- * tile images.\n- *\n- * Note: Before using this control on any layer that is not your own, make sure\n- * that the terms of service of the tile provider allow local storage of tiles.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n+                    // get the field values per feature\n+                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n+                    for (var fn = 0; fn < featureList.length; fn++) {\n+                        var feature = new OpenLayers.Feature.Vector();\n+                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n \n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * To register events in the constructor, configure <eventListeners>.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * cachefull - Triggered when the cache is full. Listeners receive an\n-     *     object with a tile property as first argument. The tile references\n-     *     the tile that couldn't be cached.\n-     */\n+                        for (var fdn = 0; fdn < fields.length; fdn++) {\n+                            var fieldName = fields[fdn].getAttribute(\"name\");\n+                            var fieldValue = fields[fdn].getAttribute(\"value\");\n+                            feature.attributes[fieldName] = fieldValue;\n+                        }\n \n-    /**\n-     * APIProperty: eventListeners\n-     * {Object} Object with event listeners, keyed by event name. An optional\n-     *     scope property defines the scope that listeners will be executed in.\n-     */\n+                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n \n-    /**\n-     * APIProperty: layers\n-     * {Array(<OpenLayers.Layer.Grid>)}. Optional. If provided, caching\n-     *     will be enabled for these layers only, otherwise for all cacheable\n-     *     layers.\n-     */\n-    layers: null,\n+                        if (geom.length > 0) {\n+                            // if there is a polygon, create an openlayers polygon, and assign\n+                            // it to the .geometry property of the feature\n+                            var ring = geom[0].getElementsByTagName(\"RING\");\n \n-    /**\n-     * APIProperty: imageFormat\n-     * {String} The image format used for caching. The default is \"image/png\".\n-     *     Supported formats depend on the user agent. If an unsupported\n-     *     <imageFormat> is provided, \"image/png\" will be used. For aerial\n-     *     imagery, \"image/jpeg\" is recommended.\n-     */\n-    imageFormat: \"image/png\",\n+                            var polys = [];\n+                            for (var rn = 0; rn < ring.length; rn++) {\n+                                var linearRings = [];\n+                                linearRings.push(this.parsePointGeometry(ring[rn]));\n \n-    /**\n-     * Property: quotaRegEx\n-     * {RegExp}\n-     */\n-    quotaRegEx: (/quota/i),\n+                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n+                                for (var hn = 0; hn < holes.length; hn++) {\n+                                    linearRings.push(this.parsePointGeometry(holes[hn]));\n+                                }\n+                                holes = null;\n+                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n+                                linearRings = null;\n+                            }\n+                            ring = null;\n \n-    /**\n-     * Constructor: OpenLayers.Control.CacheWrite\n-     *\n-     * Parameters:\n-     * options - {Object} Object with API properties for this control.\n-     */\n+                            if (polys.length == 1) {\n+                                feature.geometry = polys[0];\n+                            } else {\n+                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys);\n+                            }\n+                        }\n \n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n-     * Parameters:\n-     * map - {<OpenLayers.Map>} \n-     */\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            });\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n+                        response.features.feature.push(feature);\n+                    }\n+                }\n+            } else {\n+                response.error = \"Unidentified response type.\";\n+            }\n         }\n+        return response;\n     },\n \n-    /**\n-     * Method: addLayer\n-     * Adds a layer to the control. Once added, tiles requested for this layer\n-     *     will be cached.\n-     *\n-     * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n-     */\n-    addLayer: function(evt) {\n-        evt.layer.events.on({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        });\n-    },\n \n     /**\n-     * Method: removeLayer\n-     * Removes a layer from the control. Once removed, tiles requested for this\n-     *     layer will no longer be cached.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * evt - {Object} Object with a layer property referencing an\n-     *     <OpenLayers.Layer> instance\n-     */\n-    removeLayer: function(evt) {\n-        evt.layer.events.un({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        });\n-    },\n-\n-    /**\n-     * Method: makeSameOrigin\n-     * If the tile does not have CORS image loading enabled and is from a\n-     * different origin, use OpenLayers.ProxyHost to make it a same origin url.\n+     * node - {<DOMElement>} An element to parse attributes from.\n      *\n-     * Parameters:\n-     * evt - {<OpenLayers.Event>}\n+     * Returns:\n+     * {Object} An attributes object, with properties set to attribute values.\n      */\n-    makeSameOrigin: function(evt) {\n-        if (this.active) {\n-            var tile = evt.tile;\n-            if (tile instanceof OpenLayers.Tile.Image &&\n-                !tile.crossOriginKeyword &&\n-                tile.url.substr(0, 5) !== \"data:\") {\n-                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(\n-                    tile.url, OpenLayers.ProxyHost\n-                );\n-                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n-                tile.url = sameOriginUrl;\n+    parseAttributes: function(node, type) {\n+        var attributes = {};\n+        for (var attr = 0; attr < node.attributes.length; attr++) {\n+            if (type == \"number\") {\n+                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue);\n+            } else {\n+                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue;\n             }\n         }\n+        return attributes;\n     },\n \n-    /**\n-     * Method: onTileLoaded\n-     * Decides whether a tile can be cached and calls the cache method.\n-     *\n-     * Parameters:\n-     * evt - {Event}\n-     */\n-    onTileLoaded: function(evt) {\n-        if (this.active && !evt.aborted &&\n-            evt.tile instanceof OpenLayers.Tile.Image &&\n-            evt.tile.url.substr(0, 5) !== 'data:') {\n-            this.cache({\n-                tile: evt.tile\n-            });\n-            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url];\n-        }\n-    },\n \n     /**\n-     * Method: cache\n-     * Adds a tile to the cache. When the cache is full, the \"cachefull\" event\n-     * is triggered.\n+     * Method: parsePointGeometry\n      *\n      * Parameters:\n-     * obj - {Object} Object with a tile property, tile being the\n-     *     <OpenLayers.Tile.Image> with the data to add to the cache\n+     * node - {<DOMElement>} An element to parse <COORDS> or <POINT> arcxml data from.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Geometry.LinearRing>} A linear ring represented by the node's points.\n      */\n-    cache: function(obj) {\n-        if (window.localStorage) {\n-            var tile = obj.tile;\n-            try {\n-                var canvasContext = tile.getCanvasContext();\n-                if (canvasContext) {\n-                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n-                    var url = urlMap[tile.url] || tile.url;\n-                    window.localStorage.setItem(\n-                        \"olCache_\" + url,\n-                        canvasContext.canvas.toDataURL(this.imageFormat)\n+    parsePointGeometry: function(node) {\n+        var ringPoints = [];\n+        var coords = node.getElementsByTagName(\"COORDS\");\n+\n+        if (coords.length > 0) {\n+            // if coords is present, it's the only coords item\n+            var coordArr = this.getChildValue(coords[0]);\n+            coordArr = coordArr.split(/;/);\n+            for (var cn = 0; cn < coordArr.length; cn++) {\n+                var coordItems = coordArr[cn].split(/ /);\n+                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]));\n+            }\n+            coords = null;\n+        } else {\n+            var point = node.getElementsByTagName(\"POINT\");\n+            if (point.length > 0) {\n+                for (var pn = 0; pn < point.length; pn++) {\n+                    ringPoints.push(\n+                        new OpenLayers.Geometry.Point(\n+                            parseFloat(point[pn].getAttribute(\"x\")),\n+                            parseFloat(point[pn].getAttribute(\"y\"))\n+                        )\n                     );\n                 }\n-            } catch (e) {\n-                // local storage full or CORS violation\n-                var reason = e.name || e.message;\n-                if (reason && this.quotaRegEx.test(reason)) {\n-                    this.events.triggerEvent(\"cachefull\", {\n-                        tile: tile\n-                    });\n-                } else {\n-                    OpenLayers.Console.error(e.toString());\n-                }\n             }\n+            point = null;\n         }\n+\n+        return new OpenLayers.Geometry.LinearRing(ringPoints);\n     },\n \n-    /**\n-     * Method: destroy\n-     * The destroy method is used to perform any clean up before the control\n-     * is dereferenced.  Typically this is where event listeners are removed\n-     * to prevent memory leaks.\n-     */\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                });\n-            }\n-        }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            });\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n+});\n+\n+OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            get_image: {\n+                properties: {\n+                    background: null,\n+                    /*{ \n+                        color: { r:255, g:255, b:255 },\n+                        transcolor: null\n+                    },*/\n+                    draw: true,\n+                    envelope: {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    },\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    imagesize: {\n+                        height: 0,\n+                        width: 0,\n+                        dpi: 96,\n+                        printheight: 0,\n+                        printwidth: 0,\n+                        scalesymbols: false\n+                    },\n+                    layerlist: [],\n+                    /* no support for legends */\n+                    output: {\n+                        baseurl: \"\",\n+                        legendbaseurl: \"\",\n+                        legendname: \"\",\n+                        legendpath: \"\",\n+                        legendurl: \"\",\n+                        name: \"\",\n+                        path: \"\",\n+                        type: \"jpg\",\n+                        url: \"\"\n+                    }\n+                }\n+            },\n+\n+            get_feature: {\n+                layer: \"\",\n+                query: {\n+                    isspatial: false,\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    buffer: 0,\n+                    where: \"\",\n+                    spatialfilter: {\n+                        relation: \"envelope_intersection\",\n+                        envelope: null\n+                    }\n+                }\n+            },\n+\n+            environment: {\n+                separators: {\n+                    cs: \" \",\n+                    ts: \";\"\n+                }\n+            },\n+\n+            layer: [],\n+            workspaces: []\n+        };\n+\n+        return OpenLayers.Util.extend(this, defaults);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n });\n \n-/**\n- * APIFunction: OpenLayers.Control.CacheWrite.clearCache\n- * Clears all tiles cached with <OpenLayers.Control.CacheWrite> from the cache.\n- */\n-OpenLayers.Control.CacheWrite.clearCache = function() {\n-    if (!window.localStorage) {\n-        return;\n-    }\n-    var i, key;\n-    for (i = window.localStorage.length - 1; i >= 0; --i) {\n-        key = window.localStorage.key(i);\n-        if (key.substr(0, 8) === \"olCache_\") {\n-            window.localStorage.removeItem(key);\n-        }\n-    }\n-};\n+OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            image: {\n+                envelope: null,\n+                output: ''\n+            },\n \n-/**\n- * Property: OpenLayers.Control.CacheWrite.urlMap\n- * {Object} Mapping of same origin urls to cache url keys. Entries will be\n- *     deleted as soon as a tile was cached.\n- */\n-OpenLayers.Control.CacheWrite.urlMap = {};\n+            features: {\n+                featurecount: 0,\n+                envelope: null,\n+                feature: []\n+            },\n+\n+            error: ''\n+        };\n \n+        return OpenLayers.Util.extend(this, defaults);\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+});\n /* ======================================================================\n-    OpenLayers/Control/SelectFeature.js\n+    OpenLayers/Format/WCSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Handler/Feature.js\n- * @requires OpenLayers/Layer/Vector/RootContainer.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Control.SelectFeature\n- * The SelectFeature control selects vector features from a given layer on \n- * click or hover. \n- *\n+ * Class: OpenLayers.Format.WCSCapabilities\n+ * Read WCS Capabilities.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Control>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforefeaturehighlighted - Triggered before a feature is highlighted\n-     * featurehighlighted - Triggered when a feature is highlighted\n-     * featureunhighlighted - Triggered when a feature is unhighlighted\n-     * boxselectionstart - Triggered before box selection starts\n-     * boxselectionend - Triggered after box selection ends\n-     */\n-\n-    /**\n-     * Property: multipleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <multiple> property to true.  Default is null.\n-     */\n-    multipleKey: null,\n-\n-    /**\n-     * Property: toggleKey\n-     * {String} An event modifier ('altKey' or 'shiftKey') that temporarily sets\n-     *     the <toggle> property to true.  Default is null.\n-     */\n-    toggleKey: null,\n+OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: multiple\n-     * {Boolean} Allow selection of multiple geometries.  Default is false.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    multiple: false,\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * APIProperty: clickout\n-     * {Boolean} Unselect features when clicking outside any feature.\n-     *     Default is true.\n+     * Constructor: OpenLayers.Format.WCSCapabilities\n+     * Create a new parser for WCS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    clickout: true,\n \n     /**\n-     * APIProperty: toggle\n-     * {Boolean} Unselect a selected feature on click.  Default is false.  Only\n-     *     has meaning if hover is false.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return a list of coverages. \n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array} List of named coverages.\n      */\n-    toggle: false,\n \n-    /**\n-     * APIProperty: hover\n-     * {Boolean} Select on mouse over and deselect on mouse out.  If true, this\n-     * ignores clicks and only listens to mouse moves.\n-     */\n-    hover: false,\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n \n-    /**\n-     * APIProperty: highlightOnly\n-     * {Boolean} If true do not actually select features (that is place them in \n-     * the layer's selected features array), just highlight them. This property\n-     * has no effect if hover is false. Defaults to false.\n-     */\n-    highlightOnly: false,\n+});\n+/* ======================================================================\n+    OpenLayers/Format/GPX.js\n+   ====================================================================== */\n \n-    /**\n-     * APIProperty: box\n-     * {Boolean} Allow feature selection by drawing a box.\n-     */\n-    box: false,\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /**\n-     * Property: onBeforeSelect \n-     * {Function} Optional function to be called before a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onBeforeSelect: function() {},\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Projection.js\n+ */\n \n-    /**\n-     * APIProperty: onSelect \n-     * {Function} Optional function to be called when a feature is selected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onSelect: function() {},\n+/**\n+ * Class: OpenLayers.Format.GPX\n+ * Read/write GPX parser. Create a new instance with the \n+ *     <OpenLayers.Format.GPX> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n \n-    /**\n-     * APIProperty: onUnselect\n-     * {Function} Optional function to be called when a feature is unselected.\n-     *     The function should expect to be called with a feature.\n-     */\n-    onUnselect: function() {},\n \n-    /**\n-     * Property: scope\n-     * {Object} The scope to use with the onBeforeSelect, onSelect, onUnselect\n-     *     callbacks. If null the scope will be this control.\n+    /** \n+     * APIProperty: defaultDesc\n+     * {String} Default description for the waypoints/tracks in the case\n+     *     where the feature has no \"description\" attribute.\n+     *     Default is \"No description available\".\n      */\n-    scope: null,\n+    defaultDesc: \"No description available\",\n \n     /**\n-     * APIProperty: geometryTypes\n-     * {Array(String)} To restrict selecting to a limited set of geometry types,\n-     *     send a list of strings corresponding to the geometry class names.\n+     * APIProperty: extractWaypoints\n+     * {Boolean} Extract waypoints from GPX. (default: true)\n      */\n-    geometryTypes: null,\n+    extractWaypoints: true,\n \n     /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The vector layer with a common renderer\n-     * root for all layers this control is configured with (if an array of\n-     * layers was passed to the constructor), or the vector layer the control\n-     * was configured with (if a single layer was passed to the constructor).\n+     * APIProperty: extractTracks\n+     * {Boolean} Extract tracks from GPX. (default: true)\n      */\n-    layer: null,\n+    extractTracks: true,\n \n     /**\n-     * Property: layers\n-     * {Array(<OpenLayers.Layer.Vector>)} The layers this control will work on,\n-     * or null if the control was configured with a single layer\n+     * APIProperty: extractRoutes\n+     * {Boolean} Extract routes from GPX. (default: true)\n      */\n-    layers: null,\n+    extractRoutes: true,\n \n     /**\n-     * APIProperty: callbacks\n-     * {Object} The functions that are sent to the handlers.feature for callback\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract feature attributes from GPX. (default: true)\n+     *     NOTE: Attributes as part of extensions to the GPX standard may not\n+     *     be extracted.\n      */\n-    callbacks: null,\n+    extractAttributes: true,\n \n     /**\n-     * APIProperty: selectStyle \n-     * {Object} Hash of styles\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n-    selectStyle: null,\n+    namespaces: {\n+        gpx: \"http://www.topografix.com/GPX/1/1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n \n     /**\n-     * Property: renderIntent\n-     * {String} key used to retrieve the select style from the layer's\n-     * style map.\n+     * Property: schemaLocation\n+     * {String} Schema location. Defaults to\n+     *  \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\"\n      */\n-    renderIntent: \"select\",\n+    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n \n     /**\n-     * Property: handlers\n-     * {Object} Object with references to multiple <OpenLayers.Handler>\n-     *     instances.\n+     * APIProperty: creator\n+     * {String} The creator attribute to be added to the written GPX files.\n+     * Defaults to \"OpenLayers\"\n      */\n-    handlers: null,\n+    creator: \"OpenLayers\",\n \n     /**\n-     * Constructor: OpenLayers.Control.SelectFeature\n-     * Create a new control for selecting features.\n+     * Constructor: OpenLayers.Format.GPX\n+     * Create a new parser for GPX.\n      *\n      * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers. The\n-     *     layer(s) this control will select features from.\n-     * options - {Object} \n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    initialize: function(layers, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-\n-        if (this.scope === null) {\n-            this.scope = this;\n-        }\n-        this.initLayer(layers);\n-        var callbacks = {\n-            click: this.clickFeature,\n-            clickout: this.clickoutFeature\n-        };\n-        if (this.hover) {\n-            callbacks.over = this.overFeature;\n-            callbacks.out = this.outFeature;\n-        }\n-\n-        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n-        this.handlers = {\n-            feature: new OpenLayers.Handler.Feature(\n-                this, this.layer, this.callbacks, {\n-                    geometryTypes: this.geometryTypes\n-                }\n-            )\n-        };\n+    initialize: function(options) {\n+        // GPX coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n \n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(\n-                this, {\n-                    done: this.selectBox\n-                }, {\n-                    boxDivClassName: \"olHandlerBoxSelectFeature\"\n-                }\n-            );\n-        }\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: initLayer\n-     * Assign the layer property. If layers is an array, we need to use\n-     *     a RootContainer.\n+     * APIMethod: read\n+     * Return a list of features from a GPX doc\n      *\n      * Parameters:\n-     * layers - {<OpenLayers.Layer.Vector>}, or an array of vector layers.\n+     * doc - {Element} \n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    initLayer: function(layers) {\n-        if (OpenLayers.Util.isArray(layers)) {\n-            this.layers = layers;\n-            this.layer = new OpenLayers.Layer.Vector.RootContainer(\n-                this.id + \"_container\", {\n-                    layers: layers\n-                }\n-            );\n-        } else {\n-            this.layer = layers;\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n         }\n-    },\n+        var features = [];\n \n-    /**\n-     * Method: destroy\n-     */\n-    destroy: function() {\n-        if (this.active && this.layers) {\n-            this.map.removeLayer(this.layer);\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments);\n-        if (this.layers) {\n-            this.layer.destroy();\n-        }\n-    },\n+        if (this.extractTracks) {\n+            var tracks = doc.getElementsByTagName(\"trk\");\n+            for (var i = 0, len = tracks.length; i < len; i++) {\n+                // Attributes are only in trk nodes, not trkseg nodes\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(tracks[i]);\n+                }\n \n-    /**\n-     * Method: activate\n-     * Activates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively activated.\n-     */\n-    activate: function() {\n-        if (!this.active) {\n-            if (this.layers) {\n-                this.map.addLayer(this.layer);\n-            }\n-            this.handlers.feature.activate();\n-            if (this.box && this.handlers.box) {\n-                this.handlers.box.activate();\n+                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n+                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n+                    // We don't yet support extraction of trkpt attributes\n+                    // All trksegs of a trk get that trk's attributes\n+                    var track = this.extractSegment(segs[j], \"trkpt\");\n+                    features.push(new OpenLayers.Feature.Vector(track, attrs));\n+                }\n             }\n         }\n-        return OpenLayers.Control.prototype.activate.apply(\n-            this, arguments\n-        );\n-    },\n \n-    /**\n-     * Method: deactivate\n-     * Deactivates the control.\n-     * \n-     * Returns:\n-     * {Boolean} The control was effectively deactivated.\n-     */\n-    deactivate: function() {\n-        if (this.active) {\n-            this.handlers.feature.deactivate();\n-            if (this.handlers.box) {\n-                this.handlers.box.deactivate();\n-            }\n-            if (this.layers) {\n-                this.map.removeLayer(this.layer);\n+        if (this.extractRoutes) {\n+            var routes = doc.getElementsByTagName(\"rte\");\n+            for (var k = 0, klen = routes.length; k < klen; k++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(routes[k]);\n+                }\n+                var route = this.extractSegment(routes[k], \"rtept\");\n+                features.push(new OpenLayers.Feature.Vector(route, attrs));\n             }\n         }\n-        return OpenLayers.Control.prototype.deactivate.apply(\n-            this, arguments\n-        );\n-    },\n \n-    /**\n-     * Method: unselectAll\n-     * Unselect all selected features.  To unselect all except for a single\n-     *     feature, set the options.except property to the feature.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional configuration object.\n-     */\n-    unselectAll: function(options) {\n-        // we'll want an option to supress notification here\n-        var layers = this.layers || [this.layer],\n-            layer, feature, l, numExcept;\n-        for (l = 0; l < layers.length; ++l) {\n-            layer = layers[l];\n-            numExcept = 0;\n-            //layer.selectedFeatures is null when layer is destroyed and \n-            //one of it's preremovelayer listener calls setLayer \n-            //with another layer on this control\n-            if (layer.selectedFeatures != null) {\n-                while (layer.selectedFeatures.length > numExcept) {\n-                    feature = layer.selectedFeatures[numExcept];\n-                    if (!options || options.except != feature) {\n-                        this.unselect(feature);\n-                    } else {\n-                        ++numExcept;\n-                    }\n+        if (this.extractWaypoints) {\n+            var waypoints = doc.getElementsByTagName(\"wpt\");\n+            for (var l = 0, len = waypoints.length; l < len; l++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(waypoints[l]);\n                 }\n+                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n+                features.push(new OpenLayers.Feature.Vector(wpt, attrs));\n             }\n         }\n-    },\n \n-    /**\n-     * Method: clickFeature\n-     * Called on click in a feature\n-     * Only responds if this.hover is false.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    clickFeature: function(feature) {\n-        if (!this.hover) {\n-            var selected = (OpenLayers.Util.indexOf(\n-                feature.layer.selectedFeatures, feature) > -1);\n-            if (selected) {\n-                if (this.toggleSelect()) {\n-                    this.unselect(feature);\n-                } else if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-            } else {\n-                if (!this.multipleSelect()) {\n-                    this.unselectAll({\n-                        except: feature\n-                    });\n-                }\n-                this.select(feature);\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var g = 0, featLength = features.length; g < featLength; g++) {\n+                features[g].geometry.transform(this.externalProjection,\n+                    this.internalProjection);\n             }\n         }\n-    },\n-\n-    /**\n-     * Method: multipleSelect\n-     * Allow for multiple selected features based on <multiple> property and\n-     *     <multipleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Allow for multiple selected features.\n-     */\n-    multipleSelect: function() {\n-        return this.multiple || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.multipleKey]);\n-    },\n \n-    /**\n-     * Method: toggleSelect\n-     * Event should toggle the selected state of a feature based on <toggle>\n-     *     property and <toggleKey> event modifier.\n-     *\n-     * Returns:\n-     * {Boolean} Toggle the selected state of a feature.\n-     */\n-    toggleSelect: function() {\n-        return this.toggle || (this.handlers.feature.evt &&\n-            this.handlers.feature.evt[this.toggleKey]);\n+        return features;\n     },\n \n     /**\n-     * Method: clickoutFeature\n-     * Called on click outside a previously clicked (selected) feature.\n-     * Only responds if this.hover is false.\n+     * Method: extractSegment\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Vector.Feature>} \n-     */\n-    clickoutFeature: function(feature) {\n-        if (!this.hover && this.clickout) {\n-            this.unselectAll();\n-        }\n-    },\n-\n-    /**\n-     * Method: overFeature\n-     * Called on over a feature.\n-     * Only responds if this.hover is true.\n+     * segment - {DOMElement} a trkseg or rte node to parse\n+     * segmentType - {String} nodeName of waypoints that form the line\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {<OpenLayers.Geometry.LineString>} A linestring geometry\n      */\n-    overFeature: function(feature) {\n-        var layer = feature.layer;\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                this.highlight(feature);\n-            } else if (OpenLayers.Util.indexOf(\n-                    layer.selectedFeatures, feature) == -1) {\n-                this.select(feature);\n-            }\n+    extractSegment: function(segment, segmentType) {\n+        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n+        var point_features = [];\n+        for (var i = 0, len = points.length; i < len; i++) {\n+            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")));\n         }\n+        return new OpenLayers.Geometry.LineString(point_features);\n     },\n \n     /**\n-     * Method: outFeature\n-     * Called on out of a selected feature.\n-     * Only responds if this.hover is true.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * node - {<DOMElement>}\n+     *\n+     * Returns:\n+     * {Object} An attributes object.\n      */\n-    outFeature: function(feature) {\n-        if (this.hover) {\n-            if (this.highlightOnly) {\n-                // we do nothing if we're not the last highlighter of the\n-                // feature\n-                if (feature._lastHighlighter == this.id) {\n-                    // if another select control had highlighted the feature before\n-                    // we did it ourself then we use that control to highlight the\n-                    // feature as it was before we highlighted it, else we just\n-                    // unhighlight it\n-                    if (feature._prevHighlighter &&\n-                        feature._prevHighlighter != this.id) {\n-                        delete feature._lastHighlighter;\n-                        var control = this.map.getControl(\n-                            feature._prevHighlighter);\n-                        if (control) {\n-                            control.highlight(feature);\n-                        }\n-                    } else {\n-                        this.unhighlight(feature);\n+    parseAttributes: function(node) {\n+        // node is either a wpt, trk or rte\n+        // attributes are children of the form <attr>value</attr>\n+        var attributes = {};\n+        var attrNode = node.firstChild,\n+            value, name;\n+        while (attrNode) {\n+            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n+                value = attrNode.firstChild;\n+                if (value.nodeType == 3 || value.nodeType == 4) {\n+                    name = (attrNode.prefix) ?\n+                        attrNode.nodeName.split(\":\")[1] :\n+                        attrNode.nodeName;\n+                    if (name != \"trkseg\" && name != \"rtept\") {\n+                        attributes[name] = value.nodeValue;\n                     }\n                 }\n-            } else {\n-                this.unselect(feature);\n             }\n+            attrNode = attrNode.nextSibling;\n         }\n+        return attributes;\n     },\n \n     /**\n-     * Method: highlight\n-     * Redraw feature with the select style.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * APIMethod: write\n+     * Accepts Feature Collection, and returns a string. \n+     * \n+     * Parameters: \n+     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n+     * metadata - {Object} A key/value pairs object to build a metadata node to\n+     *      add to the gpx. Supported keys are 'name', 'desc', 'author'.\n      */\n-    highlight: function(feature) {\n-        var layer = feature.layer;\n-        var cont = this.events.triggerEvent(\"beforefeaturehighlighted\", {\n-            feature: feature\n+    write: function(features, metadata) {\n+        features = OpenLayers.Util.isArray(features) ?\n+            features : [features];\n+        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n+        gpx.setAttribute(\"version\", \"1.1\");\n+        gpx.setAttribute(\"creator\", this.creator);\n+        this.setAttributes(gpx, {\n+            \"xsi:schemaLocation\": this.schemaLocation\n         });\n-        if (cont !== false) {\n-            feature._prevHighlighter = feature._lastHighlighter;\n-            feature._lastHighlighter = this.id;\n-            var style = this.selectStyle || this.renderIntent;\n-            layer.drawFeature(feature, style);\n-            this.events.triggerEvent(\"featurehighlighted\", {\n-                feature: feature\n-            });\n+\n+        if (metadata && typeof metadata == 'object') {\n+            gpx.appendChild(this.buildMetadataNode(metadata));\n+        }\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            gpx.appendChild(this.buildFeatureNode(features[i]));\n         }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx]);\n     },\n \n     /**\n-     * Method: unhighlight\n-     * Redraw feature with the \"default\" style\n+     * Method: buildMetadataNode\n+     * Creates a \"metadata\" node.\n      *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * Returns:\n+     * {DOMElement}\n      */\n-    unhighlight: function(feature) {\n-        var layer = feature.layer;\n-        // three cases:\n-        // 1. there's no other highlighter, in that case _prev is undefined,\n-        //    and we just need to undef _last\n-        // 2. another control highlighted the feature after we did it, in\n-        //    that case _last references this other control, and we just\n-        //    need to undef _prev\n-        // 3. another control highlighted the feature before we did it, in\n-        //    that case _prev references this other control, and we need to\n-        //    set _last to _prev and undef _prev\n-        if (feature._prevHighlighter == undefined) {\n-            delete feature._lastHighlighter;\n-        } else if (feature._prevHighlighter == this.id) {\n-            delete feature._prevHighlighter;\n-        } else {\n-            feature._lastHighlighter = feature._prevHighlighter;\n-            delete feature._prevHighlighter;\n+    buildMetadataNode: function(metadata) {\n+        var types = ['name', 'desc', 'author'],\n+            node = this.createElementNS(this.namespaces.gpx, 'metadata');\n+        for (var i = 0; i < types.length; i++) {\n+            var type = types[i];\n+            if (metadata[type]) {\n+                var n = this.createElementNS(this.namespaces.gpx, type);\n+                n.appendChild(this.createTextNode(metadata[type]));\n+                node.appendChild(n);\n+            }\n         }\n-        layer.drawFeature(feature, feature.style || feature.layer.style ||\n-            \"default\");\n-        this.events.triggerEvent(\"featureunhighlighted\", {\n-            feature: feature\n-        });\n+        return node;\n     },\n \n     /**\n-     * Method: select\n-     * Add feature to the layer's selectedFeature array, render the feature as\n-     * selected, and call the onSelect function.\n+     * Method: buildFeatureNode\n+     * Accepts an <OpenLayers.Feature.Vector>, and builds a node for it.\n      * \n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n+     * feature - {<OpenLayers.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {DOMElement} - The created node, either a 'wpt' or a 'trk'.\n      */\n-    select: function(feature) {\n-        var cont = this.onBeforeSelect.call(this.scope, feature);\n-        var layer = feature.layer;\n-        if (cont !== false) {\n-            cont = layer.events.triggerEvent(\"beforefeatureselected\", {\n-                feature: feature\n-            });\n-            if (cont !== false) {\n-                layer.selectedFeatures.push(feature);\n-                this.highlight(feature);\n-                // if the feature handler isn't involved in the feature\n-                // selection (because the box handler is used or the\n-                // feature is selected programatically) we fake the\n-                // feature handler to allow unselecting on click\n-                if (!this.handlers.feature.lastFeature) {\n-                    this.handlers.feature.lastFeature = layer.selectedFeatures[0];\n-                }\n-                layer.events.triggerEvent(\"featureselected\", {\n-                    feature: feature\n-                });\n-                this.onSelect.call(this.scope, feature);\n+    buildFeatureNode: function(feature) {\n+        var geometry = feature.geometry;\n+        geometry = geometry.clone();\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.internalProjection,\n+                this.externalProjection);\n+        }\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            var wpt = this.buildWptNode(geometry);\n+            this.appendAttributesNode(wpt, feature);\n+            return wpt;\n+        } else {\n+            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n+            this.appendAttributesNode(trkNode, feature);\n+            var trkSegNodes = this.buildTrkSegNode(geometry);\n+            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ?\n+                trkSegNodes : [trkSegNodes];\n+            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n+                trkNode.appendChild(trkSegNodes[i]);\n             }\n+            return trkNode;\n         }\n     },\n \n     /**\n-     * Method: unselect\n-     * Remove feature from the layer's selectedFeature array, render the feature as\n-     * normal, and call the onUnselect function.\n+     * Method: buildTrkSegNode\n+     * Builds trkseg node(s) given a geometry\n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * trknode\n+     * geometry - {<OpenLayers.Geometry>}\n      */\n-    unselect: function(feature) {\n-        var layer = feature.layer;\n-        // Store feature style for restoration later\n-        this.unhighlight(feature);\n-        OpenLayers.Util.removeItem(layer.selectedFeatures, feature);\n-        layer.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        });\n-        this.onUnselect.call(this.scope, feature);\n+    buildTrkSegNode: function(geometry) {\n+        var node,\n+            i,\n+            len,\n+            point,\n+            nodes;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n+            geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                point = geometry.components[i];\n+                node.appendChild(this.buildTrkPtNode(point));\n+            }\n+            return node;\n+        } else {\n+            nodes = [];\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                nodes.push(this.buildTrkSegNode(geometry.components[i]));\n+            }\n+            return nodes;\n+        }\n     },\n \n     /**\n-     * Method: selectBox\n-     * Callback from the handlers.box set up when <box> selection is true\n-     *     on.\n+     * Method: buildTrkPtNode\n+     * Builds a trkpt node given a point \n      *\n      * Parameters:\n-     * position - {<OpenLayers.Bounds> || <OpenLayers.Pixel> }  \n+     * point - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns:\n+     * {DOMElement} A trkpt node\n      */\n-    selectBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            var bounds = new OpenLayers.Bounds(\n-                minXY.lon, minXY.lat, maxXY.lon, maxXY.lat\n-            );\n-\n-            // if multiple is false, first deselect currently selected features\n-            if (!this.multipleSelect()) {\n-                this.unselectAll();\n-            }\n-\n-            // because we're using a box, we consider we want multiple selection\n-            var prevMultiple = this.multiple;\n-            this.multiple = true;\n-            var layers = this.layers || [this.layer];\n-            this.events.triggerEvent(\"boxselectionstart\", {\n-                layers: layers\n-            });\n-            var layer;\n-            for (var l = 0; l < layers.length; ++l) {\n-                layer = layers[l];\n-                for (var i = 0, len = layer.features.length; i < len; ++i) {\n-                    var feature = layer.features[i];\n-                    // check if the feature is displayed\n-                    if (!feature.getVisibility()) {\n-                        continue;\n-                    }\n-\n-                    if (this.geometryTypes == null || OpenLayers.Util.indexOf(\n-                            this.geometryTypes, feature.geometry.CLASS_NAME) > -1) {\n-                        if (bounds.toGeometry().intersects(feature.geometry)) {\n-                            if (OpenLayers.Util.indexOf(layer.selectedFeatures, feature) == -1) {\n-                                this.select(feature);\n-                            }\n-                        }\n-                    }\n-                }\n-            }\n-            this.multiple = prevMultiple;\n-            this.events.triggerEvent(\"boxselectionend\", {\n-                layers: layers\n-            });\n-        }\n+    buildTrkPtNode: function(point) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n+        node.setAttribute(\"lon\", point.x);\n+        node.setAttribute(\"lat\", point.y);\n+        return node;\n     },\n \n-    /** \n-     * Method: setMap\n-     * Set the map property for the control. \n-     * \n+    /**\n+     * Method: buildWptNode\n+     * Builds a wpt node given a point\n+     *\n      * Parameters:\n-     * map - {<OpenLayers.Map>} \n+     * geometry - {<OpenLayers.Geometry.Point>}\n+     *\n+     * Returns:\n+     * {DOMElement} A wpt node\n      */\n-    setMap: function(map) {\n-        this.handlers.feature.setMap(map);\n-        if (this.box) {\n-            this.handlers.box.setMap(map);\n-        }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+    buildWptNode: function(geometry) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n+        node.setAttribute(\"lon\", geometry.x);\n+        node.setAttribute(\"lat\", geometry.y);\n+        return node;\n     },\n \n     /**\n-     * APIMethod: setLayer\n-     * Attach a new layer to the control, overriding any existing layers.\n+     * Method: appendAttributesNode\n+     * Adds some attributes node.\n      *\n      * Parameters:\n-     * layers - Array of {<OpenLayers.Layer.Vector>} or a single\n-     *     {<OpenLayers.Layer.Vector>}\n+     * node - {DOMElement} the node to append the attribute nodes to.\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    setLayer: function(layers) {\n-        var isActive = this.active;\n-        this.unselectAll();\n-        this.deactivate();\n-        if (this.layers) {\n-            this.layer.destroy();\n-            this.layers = null;\n-        }\n-        this.initLayer(layers);\n-        this.handlers.feature.layer = this.layer;\n-        if (isActive) {\n-            this.activate();\n-        }\n+    appendAttributesNode: function(node, feature) {\n+        var name = this.createElementNS(this.namespaces.gpx, 'name');\n+        name.appendChild(this.createTextNode(\n+            feature.attributes.name || feature.id));\n+        node.appendChild(name);\n+        var desc = this.createElementNS(this.namespaces.gpx, 'desc');\n+        desc.appendChild(this.createTextNode(\n+            feature.attributes.description || this.defaultDesc));\n+        node.appendChild(desc);\n+        // TBD - deal with remaining (non name/description) attributes.\n     },\n \n-    CLASS_NAME: \"OpenLayers.Control.SelectFeature\"\n+    CLASS_NAME: \"OpenLayers.Format.GPX\"\n });\n /* ======================================================================\n-    OpenLayers/Control/Measure.js\n+    OpenLayers/Format/CSWGetDomain.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Format.js\n  */\n \n /**\n- * Class: OpenLayers.Control.Measure\n- * Allows for drawing of features for measurements.\n+ * Class: OpenLayers.Format.CSWGetDomain\n+ * Default version is 2.0.2.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n- */\n-OpenLayers.Control.Measure = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * measure - Triggered when a measurement sketch is complete.  Listeners\n-     *      will receive an event with measure, units, order, and geometry\n-     *      properties.\n-     * measurepartial - Triggered when a new point is added to the\n-     *      measurement sketch or if the <immediate> property is true and the\n-     *      measurement sketch is modified.  Listeners receive an event with measure,\n-     *      units, order, and geometry.\n-     */\n-\n-    /**\n-     * APIProperty: handlerOptions\n-     * {Object} Used to set non-default properties on the control's handler\n-     */\n-\n-    /**\n-     * Property: callbacks\n-     * {Object} The functions that are sent to the handler for callback\n-     */\n-    callbacks: null,\n-\n-    /**\n-     * APIProperty: displaySystem\n-     * {String} Display system for output measurements.  Supported values\n-     *     are 'english', 'metric', and 'geographic'.  Default is 'metric'.\n-     */\n-    displaySystem: 'metric',\n-\n-    /**\n-     * APIProperty: geodesic\n-     * {Boolean} Calculate geodesic metrics instead of planar metrics.  This\n-     *     requires that geometries can be transformed into Geographic/WGS84\n-     *     (if that is not already the map projection).  Default is false.\n-     */\n-    geodesic: false,\n-\n-    /**\n-     * Property: displaySystemUnits\n-     * {Object} Units for various measurement systems.  Values are arrays\n-     *     of unit abbreviations (from OpenLayers.INCHES_PER_UNIT) in decreasing\n-     *     order of length.\n-     */\n-    displaySystemUnits: {\n-        geographic: ['dd'],\n-        english: ['mi', 'ft', 'in'],\n-        metric: ['km', 'm']\n-    },\n-\n-    /**\n-     * Property: delay\n-     * {Number} Number of milliseconds between clicks before the event is\n-     *     considered a double-click.  The \"measurepartial\" event will not\n-     *     be triggered if the sketch is completed within this time.  This\n-     *     is required for IE where creating a browser reflow (if a listener\n-     *     is modifying the DOM by displaying the measurement values) messes\n-     *     with the dblclick listener in the sketch handler.\n-     */\n-    partialDelay: 300,\n-\n-    /**\n-     * Property: delayedTrigger\n-     * {Number} Timeout id of trigger for measurepartial.\n-     */\n-    delayedTrigger: null,\n-\n-    /**\n-     * APIProperty: persist\n-     * {Boolean} Keep the temporary measurement sketch drawn after the\n-     *     measurement is complete.  The geometry will persist until a new\n-     *     measurement is started, the control is deactivated, or <cancel> is\n-     *     called.\n-     */\n-    persist: false,\n-\n-    /**\n-     * APIProperty: immediate\n-     * {Boolean} Activates the immediate measurement so that the \"measurepartial\"\n-     *     event is also fired once the measurement sketch is modified.\n-     *     Default is false.\n-     */\n-    immediate: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.Measure\n-     *\n-     * Parameters:\n-     * handler - {<OpenLayers.Handler>}\n-     * options - {Object}\n-     */\n-    initialize: function(handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        var callbacks = {\n-            done: this.measureComplete,\n-            point: this.measurePartial\n-        };\n-        if (this.immediate) {\n-            callbacks.modify = this.measureImmediate;\n-        }\n-        this.callbacks = OpenLayers.Util.extend(callbacks, this.callbacks);\n-\n-        // let the handler options override, so old code that passes 'persist'\n-        // directly to the handler does not need an update\n-        this.handlerOptions = OpenLayers.Util.extend({\n-            persist: this.persist\n-        }, this.handlerOptions);\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions);\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     */\n-    deactivate: function() {\n-        this.cancelDelay();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments);\n-    },\n-\n-    /**\n-     * APIMethod: cancel\n-     * Stop the control from measuring.  If <persist> is true, the temporary\n-     *     sketch will be erased.\n-     */\n-    cancel: function() {\n-        this.cancelDelay();\n-        this.handler.cancel();\n-    },\n-\n-    /**\n-     * APIMethod: setImmediate\n-     * Sets the <immediate> property. Changes the activity of immediate\n-     * measurement.\n-     */\n-    setImmediate: function(immediate) {\n-        this.immediate = immediate;\n-        if (this.immediate) {\n-            this.callbacks.modify = this.measureImmediate;\n-        } else {\n-            delete this.callbacks.modify;\n-        }\n-    },\n-\n-    /**\n-     * Method: updateHandler\n-     *\n-     * Parameters:\n-     * handler - {Function} One of the sketch handler constructors.\n-     * options - {Object} Options for the handler.\n-     */\n-    updateHandler: function(handler, options) {\n-        var active = this.active;\n-        if (active) {\n-            this.deactivate();\n-        }\n-        this.handler = new handler(this, this.callbacks, options);\n-        if (active) {\n-            this.activate();\n-        }\n-    },\n-\n-    /**\n-     * Method: measureComplete\n-     * Called when the measurement sketch is done.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     */\n-    measureComplete: function(geometry) {\n-        this.cancelDelay();\n-        this.measure(geometry, \"measure\");\n-    },\n-\n-    /**\n-     * Method: measurePartial\n-     * Called each time a new point is added to the measurement sketch.\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The last point added.\n-     * geometry - {<OpenLayers.Geometry>} The sketch geometry.\n-     */\n-    measurePartial: function(point, geometry) {\n-        this.cancelDelay();\n-        geometry = geometry.clone();\n-        // when we're wating for a dblclick, we have to trigger measurepartial\n-        // after some delay to deal with reflow issues in IE\n-        if (this.handler.freehandMode(this.handler.evt)) {\n-            // no dblclick in freehand mode\n-            this.measure(geometry, \"measurepartial\");\n-        } else {\n-            this.delayedTrigger = window.setTimeout(\n-                OpenLayers.Function.bind(function() {\n-                    this.delayedTrigger = null;\n-                    this.measure(geometry, \"measurepartial\");\n-                }, this),\n-                this.partialDelay\n-            );\n-        }\n-    },\n-\n-    /**\n-     * Method: measureImmediate\n-     * Called each time the measurement sketch is modified.\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The point at the mouse position.\n-     * feature - {<OpenLayers.Feature.Vector>} The sketch feature.\n-     * drawing - {Boolean} Indicates whether we're currently drawing.\n-     */\n-    measureImmediate: function(point, feature, drawing) {\n-        if (drawing && !this.handler.freehandMode(this.handler.evt)) {\n-            this.cancelDelay();\n-            this.measure(feature.geometry, \"measurepartial\");\n-        }\n-    },\n-\n-    /**\n-     * Method: cancelDelay\n-     * Cancels the delay measurement that measurePartial began.\n-     */\n-    cancelDelay: function() {\n-        if (this.delayedTrigger !== null) {\n-            window.clearTimeout(this.delayedTrigger);\n-            this.delayedTrigger = null;\n-        }\n-    },\n-\n-    /**\n-     * Method: measure\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * eventType - {String}\n-     */\n-    measure: function(geometry, eventType) {\n-        var stat, order;\n-        if (geometry.CLASS_NAME.indexOf('LineString') > -1) {\n-            stat = this.getBestLength(geometry);\n-            order = 1;\n-        } else {\n-            stat = this.getBestArea(geometry);\n-            order = 2;\n-        }\n-        this.events.triggerEvent(eventType, {\n-            measure: stat[0],\n-            units: stat[1],\n-            order: order,\n-            geometry: geometry\n-        });\n-    },\n-\n-    /**\n-     * Method: getBestArea\n-     * Based on the <displaySystem> returns the area of a geometry.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     *\n-     * Returns:\n-     * {Array([Float, String])}  Returns a two item array containing the\n-     *     area and the units abbreviation.\n-     */\n-    getBestArea: function(geometry) {\n-        var units = this.displaySystemUnits[this.displaySystem];\n-        var unit, area;\n-        for (var i = 0, len = units.length; i < len; ++i) {\n-            unit = units[i];\n-            area = this.getArea(geometry, unit);\n-            if (area > 1) {\n-                break;\n-            }\n-        }\n-        return [area, unit];\n-    },\n-\n-    /**\n-     * Method: getArea\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * units - {String} Unit abbreviation\n-     *\n-     * Returns:\n-     * {Float} The geometry area in the given units.\n-     */\n-    getArea: function(geometry, units) {\n-        var area, geomUnits;\n-        if (this.geodesic) {\n-            area = geometry.getGeodesicArea(this.map.getProjectionObject());\n-            geomUnits = \"m\";\n-        } else {\n-            area = geometry.getArea();\n-            geomUnits = this.map.getUnits();\n-        }\n-        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n-        if (inPerDisplayUnit) {\n-            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n-            area *= Math.pow((inPerMapUnit / inPerDisplayUnit), 2);\n-        }\n-        return area;\n-    },\n-\n-    /**\n-     * Method: getBestLength\n-     * Based on the <displaySystem> returns the length of a geometry.\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     *\n-     * Returns:\n-     * {Array([Float, String])}  Returns a two item array containing the\n-     *     length and the units abbreviation.\n-     */\n-    getBestLength: function(geometry) {\n-        var units = this.displaySystemUnits[this.displaySystem];\n-        var unit, length;\n-        for (var i = 0, len = units.length; i < len; ++i) {\n-            unit = units[i];\n-            length = this.getLength(geometry, unit);\n-            if (length > 1) {\n-                break;\n-            }\n-        }\n-        return [length, unit];\n-    },\n-\n-    /**\n-     * Method: getLength\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * units - {String} Unit abbreviation\n-     *\n-     * Returns:\n-     * {Float} The geometry length in the given units.\n-     */\n-    getLength: function(geometry, units) {\n-        var length, geomUnits;\n-        if (this.geodesic) {\n-            length = geometry.getGeodesicLength(this.map.getProjectionObject());\n-            geomUnits = \"m\";\n-        } else {\n-            length = geometry.getLength();\n-            geomUnits = this.map.getUnits();\n-        }\n-        var inPerDisplayUnit = OpenLayers.INCHES_PER_UNIT[units];\n-        if (inPerDisplayUnit) {\n-            var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n-            length *= (inPerMapUnit / inPerDisplayUnit);\n-        }\n-        return length;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Measure\"\n-});\n-/* ======================================================================\n-    OpenLayers/Control/Snapping.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Control.js\n- * @requires OpenLayers/Layer/Vector.js\n+ * Returns:\n+ * {<OpenLayers.Format>} A CSWGetDomain format of the given version.\n  */\n+OpenLayers.Format.CSWGetDomain = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Format.CSWGetDomain.DEFAULTS\n+    );\n+    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetDomain version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n \n /**\n- * Class: OpenLayers.Control.Snapping\n- * Acts as a snapping agent while editing vector features.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Control>\n+ * Constant: DEFAULTS\n+ * {Object} Default properties for the CSWGetDomain format.\n  */\n-OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n-\n-    /** \n-     * APIProperty: events\n-     * {<OpenLayers.Events>} Events instance for listeners and triggering\n-     *     control specific events.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * control.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types (in addition to those from <OpenLayers.Control.events>):\n-     * beforesnap - Triggered before a snap occurs.  Listeners receive an\n-     *     event object with *point*, *x*, *y*, *distance*, *layer*, and\n-     *     *snapType* properties.  The point property will be original point\n-     *     geometry considered for snapping. The x and y properties represent\n-     *     coordinates the point will receive. The distance is the distance\n-     *     of the snap.  The layer is the target layer.  The snapType property\n-     *     will be one of \"node\", \"vertex\", or \"edge\". Return false to stop\n-     *     snapping from occurring.\n-     * snap - Triggered when a snap occurs.  Listeners receive an event with\n-     *     *point*, *snapType*, *layer*, and *distance* properties.  The point\n-     *     will be the location snapped to.  The snapType will be one of \"node\",\n-     *     \"vertex\", or \"edge\".  The layer will be the target layer.  The\n-     *     distance will be the distance of the snap in map units.\n-     * unsnap - Triggered when a vertex is unsnapped.  Listeners receive an\n-     *     event with a *point* property.\n-     */\n-\n-    /**\n-     * CONSTANT: DEFAULTS\n-     * Default target properties.\n-     */\n-    DEFAULTS: {\n-        tolerance: 10,\n-        node: true,\n-        edge: true,\n-        vertex: true\n-    },\n-\n-    /**\n-     * Property: greedy\n-     * {Boolean} Snap to closest feature in first layer with an eligible\n-     *     feature.  Default is true.\n-     */\n-    greedy: true,\n-\n-    /**\n-     * Property: precedence\n-     * {Array} List representing precedence of different snapping types.\n-     *     Default is \"node\", \"vertex\", \"edge\".\n-     */\n-    precedence: [\"node\", \"vertex\", \"edge\"],\n-\n-    /**\n-     * Property: resolution\n-     * {Float} The map resolution for the previously considered snap.\n-     */\n-    resolution: null,\n-\n-    /**\n-     * Property: geoToleranceCache\n-     * {Object} A cache of geo-tolerances.  Tolerance values (in map units) are\n-     *     calculated when the map resolution changes.\n-     */\n-    geoToleranceCache: null,\n-\n-    /**\n-     * Property: layer\n-     * {<OpenLayers.Layer.Vector>} The current editable layer.  Set at\n-     *     construction or after construction with <setLayer>.\n-     */\n-    layer: null,\n-\n-    /**\n-     * Property: feature\n-     * {<OpenLayers.Feature.Vector>} The current editable feature.\n-     */\n-    feature: null,\n-\n-    /**\n-     * Property: point\n-     * {<OpenLayers.Geometry.Point>} The currently snapped vertex.\n-     */\n-    point: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Control.Snapping\n-     * Creates a new snapping control. A control is constructed with an editable\n-     *     layer and a set of configuration objects for target layers. While the\n-     *     control is active, dragging vertices while drawing new features or\n-     *     modifying existing features on the editable layer will engage\n-     *     snapping to features on the target layers. Whether a vertex snaps to\n-     *     a feature on a target layer depends on the target layer configuration.\n-     *\n-     * Parameters:\n-     * options - {Object} An object containing all configuration properties for\n-     *     the control.\n-     *\n-     * Valid options:\n-     * layer - {<OpenLayers.Layer.Vector>} The editable layer.  Features from this\n-     *     layer that are digitized or modified may have vertices snapped to\n-     *     features from any of the target layers.\n-     * targets - {Array(Object | OpenLayers.Layer.Vector)} A list of objects for\n-     *     configuring target layers.  See valid properties of the target\n-     *     objects below.  If the items in the targets list are vector layers\n-     *     (instead of configuration objects), the defaults from the <defaults>\n-     *     property will apply.  The editable layer itself may be a target\n-     *     layer, allowing newly created or edited features to be snapped to\n-     *     existing features from the same layer.  If no targets are provided\n-     *     the layer given in the constructor (as <layer>) will become the\n-     *     initial target.\n-     * defaults - {Object} An object with default properties to be applied\n-     *     to all target objects.\n-     * greedy - {Boolean} Snap to closest feature in first target layer that\n-     *     applies.  Default is true.  If false, all features in all target\n-     *     layers will be checked and the closest feature in all target layers\n-     *     will be chosen.  The greedy property determines if the order of the\n-     *     target layers is significant.  By default, the order of the target\n-     *     layers is significant where layers earlier in the target layer list\n-     *     have precedence over layers later in the list.  Within a single\n-     *     layer, the closest feature is always chosen for snapping.  This\n-     *     property only determines whether the search for a closer feature\n-     *     continues after an eligible feature is found in a target layer.\n-     *\n-     * Valid target properties:\n-     * layer - {<OpenLayers.Layer.Vector>} A target layer.  Features from this\n-     *     layer will be eligible to act as snapping target for the editable\n-     *     layer.\n-     * tolerance - {Float} The distance (in pixels) at which snapping may occur.\n-     *     Default is 10.\n-     * node - {Boolean} Snap to nodes (first or last point in a geometry) in\n-     *     target layer.  Default is true.\n-     * nodeTolerance - {Float} Optional distance at which snapping may occur\n-     *     for nodes specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * vertex - {Boolean} Snap to vertices in target layer.  Default is true.\n-     * vertexTolerance - {Float} Optional distance at which snapping may occur\n-     *     for vertices specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * edge - {Boolean} Snap to edges in target layer.  Default is true.\n-     * edgeTolerance - {Float} Optional distance at which snapping may occur\n-     *     for edges specifically.  If none is provided, <tolerance> will be\n-     *     used.\n-     * filter - {<OpenLayers.Filter>} Optional filter to evaluate to determine if\n-     *     feature is eligible for snapping.  If filter evaluates to true for a\n-     *     target feature a vertex may be snapped to the feature. \n-     * minResolution - {Number} If a minResolution is provided, snapping to this\n-     *     target will only be considered if the map resolution is greater than\n-     *     or equal to this value (the minResolution is inclusive).  Default is\n-     *     no minimum resolution limit.\n-     * maxResolution - {Number} If a maxResolution is provided, snapping to this\n-     *     target will only be considered if the map resolution is strictly\n-     *     less than this value (the maxResolution is exclusive).  Default is\n-     *     no maximum resolution limit.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.options = options || {}; // TODO: this could be done by the super\n-\n-        // set the editable layer if provided\n-        if (this.options.layer) {\n-            this.setLayer(this.options.layer);\n-        }\n-        // configure target layers\n-        var defaults = OpenLayers.Util.extend({}, this.options.defaults);\n-        this.defaults = OpenLayers.Util.applyDefaults(defaults, this.DEFAULTS);\n-        this.setTargets(this.options.targets);\n-        if (this.targets.length === 0 && this.layer) {\n-            this.addTargetLayer(this.layer);\n-        }\n-\n-        this.geoToleranceCache = {};\n-    },\n-\n-    /**\n-     * APIMethod: setLayer\n-     * Set the editable layer.  Call the setLayer method if the editable layer\n-     *     changes and the same control should be used on a new editable layer.\n-     *     If the control is already active, it will be active after the new\n-     *     layer is set.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>}  The new editable layer.\n-     */\n-    setLayer: function(layer) {\n-        if (this.active) {\n-            this.deactivate();\n-            this.layer = layer;\n-            this.activate();\n-        } else {\n-            this.layer = layer;\n-        }\n-    },\n-\n-    /**\n-     * Method: setTargets\n-     * Set the targets for the snapping agent.\n-     *\n-     * Parameters:\n-     * targets - {Array} An array of target configs or target layers.\n-     */\n-    setTargets: function(targets) {\n-        this.targets = [];\n-        if (targets && targets.length) {\n-            var target;\n-            for (var i = 0, len = targets.length; i < len; ++i) {\n-                target = targets[i];\n-                if (target instanceof OpenLayers.Layer.Vector) {\n-                    this.addTargetLayer(target);\n-                } else {\n-                    this.addTarget(target);\n-                }\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: addTargetLayer\n-     * Add a target layer with the default target config.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} A target layer.\n-     */\n-    addTargetLayer: function(layer) {\n-        this.addTarget({\n-            layer: layer\n-        });\n-    },\n-\n-    /**\n-     * Method: addTarget\n-     * Add a configured target layer.\n-     *\n-     * Parameters:\n-     * target - {Object} A target config.\n-     */\n-    addTarget: function(target) {\n-        target = OpenLayers.Util.applyDefaults(target, this.defaults);\n-        target.nodeTolerance = target.nodeTolerance || target.tolerance;\n-        target.vertexTolerance = target.vertexTolerance || target.tolerance;\n-        target.edgeTolerance = target.edgeTolerance || target.tolerance;\n-        this.targets.push(target);\n-    },\n-\n-    /**\n-     * Method: removeTargetLayer\n-     * Remove a target layer.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.Vector>} The target layer to remove.\n-     */\n-    removeTargetLayer: function(layer) {\n-        var target;\n-        for (var i = this.targets.length - 1; i >= 0; --i) {\n-            target = this.targets[i];\n-            if (target.layer === layer) {\n-                this.removeTarget(target);\n-            }\n-        }\n-    },\n-\n-    /**\n-     * Method: removeTarget\n-     * Remove a target.\n-     *\n-     * Parameters:\n-     * target - {Object} A target config.\n-     *\n-     * Returns:\n-     * {Array} The targets array.\n-     */\n-    removeTarget: function(target) {\n-        return OpenLayers.Util.removeItem(this.targets, target);\n-    },\n-\n-    /**\n-     * APIMethod: activate\n-     * Activate the control.  Activating the control registers listeners for\n-     *     editing related events so that during feature creation and\n-     *     modification, moving vertices will trigger snapping.\n-     */\n-    activate: function() {\n-        var activated = OpenLayers.Control.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer && this.layer.events) {\n-                this.layer.events.on({\n-                    sketchstarted: this.onSketchModified,\n-                    sketchmodified: this.onSketchModified,\n-                    vertexmodified: this.onVertexModified,\n-                    scope: this\n-                });\n-            }\n-        }\n-        return activated;\n-    },\n-\n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the control.  Deactivating the control unregisters listeners\n-     *     so feature editing may proceed without engaging the snapping agent.\n-     */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.layer && this.layer.events) {\n-                this.layer.events.un({\n-                    sketchstarted: this.onSketchModified,\n-                    sketchmodified: this.onSketchModified,\n-                    vertexmodified: this.onVertexModified,\n-                    scope: this\n-                });\n-            }\n-        }\n-        this.feature = null;\n-        this.point = null;\n-        return deactivated;\n-    },\n-\n-    /**\n-     * Method: onSketchModified\n-     * Registered as a listener for the sketchmodified event on the editable\n-     *     layer.\n-     *\n-     * Parameters:\n-     * event - {Object} The sketch modified event.\n-     */\n-    onSketchModified: function(event) {\n-        this.feature = event.feature;\n-        this.considerSnapping(event.vertex, event.vertex);\n-    },\n-\n-    /**\n-     * Method: onVertexModified\n-     * Registered as a listener for the vertexmodified event on the editable\n-     *     layer.\n-     *\n-     * Parameters:\n-     * event - {Object} The vertex modified event.\n-     */\n-    onVertexModified: function(event) {\n-        this.feature = event.feature;\n-        var loc = this.layer.map.getLonLatFromViewPortPx(event.pixel);\n-        this.considerSnapping(\n-            event.vertex, new OpenLayers.Geometry.Point(loc.lon, loc.lat)\n-        );\n-    },\n-\n-    /**\n-     * Method: considerSnapping\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>} The vertex to be snapped (or\n-     *     unsnapped).\n-     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n-     *     coords.\n-     */\n-    considerSnapping: function(point, loc) {\n-        var best = {\n-            rank: Number.POSITIVE_INFINITY,\n-            dist: Number.POSITIVE_INFINITY,\n-            x: null,\n-            y: null\n-        };\n-        var snapped = false;\n-        var result, target;\n-        for (var i = 0, len = this.targets.length; i < len; ++i) {\n-            target = this.targets[i];\n-            result = this.testTarget(target, loc);\n-            if (result) {\n-                if (this.greedy) {\n-                    best = result;\n-                    best.target = target;\n-                    snapped = true;\n-                    break;\n-                } else {\n-                    if ((result.rank < best.rank) ||\n-                        (result.rank === best.rank && result.dist < best.dist)) {\n-                        best = result;\n-                        best.target = target;\n-                        snapped = true;\n-                    }\n-                }\n-            }\n-        }\n-        if (snapped) {\n-            var proceed = this.events.triggerEvent(\"beforesnap\", {\n-                point: point,\n-                x: best.x,\n-                y: best.y,\n-                distance: best.dist,\n-                layer: best.target.layer,\n-                snapType: this.precedence[best.rank]\n-            });\n-            if (proceed !== false) {\n-                point.x = best.x;\n-                point.y = best.y;\n-                this.point = point;\n-                this.events.triggerEvent(\"snap\", {\n-                    point: point,\n-                    snapType: this.precedence[best.rank],\n-                    layer: best.target.layer,\n-                    distance: best.dist\n-                });\n-            } else {\n-                snapped = false;\n-            }\n-        }\n-        if (this.point && !snapped) {\n-            point.x = loc.x;\n-            point.y = loc.y;\n-            this.point = null;\n-            this.events.triggerEvent(\"unsnap\", {\n-                point: point\n-            });\n-        }\n-    },\n-\n-    /**\n-     * Method: testTarget\n-     *\n-     * Parameters:\n-     * target - {Object} Object with target layer configuration.\n-     * loc - {<OpenLayers.Geometry.Point>} The location of the mouse in map\n-     *     coords.\n-     *\n-     * Returns:\n-     * {Object} A result object with rank, dist, x, and y properties.\n-     *     Returns null if candidate is not eligible for snapping.\n-     */\n-    testTarget: function(target, loc) {\n-        var resolution = this.layer.map.getResolution();\n-        if (\"minResolution\" in target) {\n-            if (resolution < target.minResolution) {\n-                return null;\n-            }\n-        }\n-        if (\"maxResolution\" in target) {\n-            if (resolution >= target.maxResolution) {\n-                return null;\n-            }\n-        }\n-        var tolerance = {\n-            node: this.getGeoTolerance(target.nodeTolerance, resolution),\n-            vertex: this.getGeoTolerance(target.vertexTolerance, resolution),\n-            edge: this.getGeoTolerance(target.edgeTolerance, resolution)\n-        };\n-        // this could be cached if we don't support setting tolerance values directly\n-        var maxTolerance = Math.max(\n-            tolerance.node, tolerance.vertex, tolerance.edge\n-        );\n-        var result = {\n-            rank: Number.POSITIVE_INFINITY,\n-            dist: Number.POSITIVE_INFINITY\n-        };\n-        var eligible = false;\n-        var features = target.layer.features;\n-        var feature, type, vertices, vertex, closest, dist, found;\n-        var numTypes = this.precedence.length;\n-        var ll = new OpenLayers.LonLat(loc.x, loc.y);\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            if (feature !== this.feature && !feature._sketch &&\n-                feature.state !== OpenLayers.State.DELETE &&\n-                (!target.filter || target.filter.evaluate(feature))) {\n-                if (feature.atPoint(ll, maxTolerance, maxTolerance)) {\n-                    for (var j = 0, stop = Math.min(result.rank + 1, numTypes); j < stop; ++j) {\n-                        type = this.precedence[j];\n-                        if (target[type]) {\n-                            if (type === \"edge\") {\n-                                closest = feature.geometry.distanceTo(loc, {\n-                                    details: true\n-                                });\n-                                dist = closest.distance;\n-                                if (dist <= tolerance[type] && dist < result.dist) {\n-                                    result = {\n-                                        rank: j,\n-                                        dist: dist,\n-                                        x: closest.x0,\n-                                        y: closest.y0 // closest coords on feature\n-                                    };\n-                                    eligible = true;\n-                                    // don't look for lower precedence types for this feature\n-                                    break;\n-                                }\n-                            } else {\n-                                // look for nodes or vertices\n-                                vertices = feature.geometry.getVertices(type === \"node\");\n-                                found = false;\n-                                for (var k = 0, klen = vertices.length; k < klen; ++k) {\n-                                    vertex = vertices[k];\n-                                    dist = vertex.distanceTo(loc);\n-                                    if (dist <= tolerance[type] &&\n-                                        (j < result.rank || (j === result.rank && dist < result.dist))) {\n-                                        result = {\n-                                            rank: j,\n-                                            dist: dist,\n-                                            x: vertex.x,\n-                                            y: vertex.y\n-                                        };\n-                                        eligible = true;\n-                                        found = true;\n-                                    }\n-                                }\n-                                if (found) {\n-                                    // don't look for lower precedence types for this feature\n-                                    break;\n-                                }\n-                            }\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return eligible ? result : null;\n-    },\n-\n-    /**\n-     * Method: getGeoTolerance\n-     * Calculate a tolerance in map units given a tolerance in pixels.  This\n-     *     takes advantage of the <geoToleranceCache> when the map resolution\n-     *     has not changed.\n-     *     \n-     * Parameters:\n-     * tolerance - {Number} A tolerance value in pixels.\n-     * resolution - {Number} Map resolution.\n-     *\n-     * Returns:\n-     * {Number} A tolerance value in map units.\n-     */\n-    getGeoTolerance: function(tolerance, resolution) {\n-        if (resolution !== this.resolution) {\n-            this.resolution = resolution;\n-            this.geoToleranceCache = {};\n-        }\n-        var geoTolerance = this.geoToleranceCache[tolerance];\n-        if (geoTolerance === undefined) {\n-            geoTolerance = tolerance * resolution;\n-            this.geoToleranceCache[tolerance] = geoTolerance;\n-        }\n-        return geoTolerance;\n-    },\n-\n-    /**\n-     * Method: destroy\n-     * Clean up the control.\n-     */\n-    destroy: function() {\n-        if (this.active) {\n-            this.deactivate(); // TODO: this should be handled by the super\n-        }\n-        delete this.layer;\n-        delete this.targets;\n-        OpenLayers.Control.prototype.destroy.call(this);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Control.Snapping\"\n-});\n+OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n+    \"version\": \"2.0.2\"\n+};\n /* ======================================================================\n-    OpenLayers/Protocol/Script.js\n+    OpenLayers/Format/WPSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Format/GeoJSON.js\n- */\n-\n-/**\n- * if application uses the query string, for example, for BBOX parameters,\n- * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.Script\n- * A basic Script protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.Script> constructor.  A script protocol is used to\n- *     get around the same origin policy.  It works with services that return\n- *     JSONP - that is, JSON wrapped in a client-specified callback.  The\n- *     protocol handles fetching and parsing of feature data and sends parsed\n- *     features to the <callback> configured with the protocol.  The protocol\n- *     expects features serialized as GeoJSON by default, but can be configured\n- *     to work with other formats by setting the <format> property.\n- *\n+ * Class: OpenLayers.Format.WPSCapabilities\n+ * Read WPS Capabilities.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * APIProperty: url\n-     * {String} Service URL.  The service is expected to return serialized \n-     *     features wrapped in a named callback (where the callback name is\n-     *     generated by this protocol).\n-     *     Read-only, set through the options passed to the constructor.\n-     */\n-    url: null,\n-\n-    /**\n-     * APIProperty: params\n-     * {Object} Query string parameters to be appended to the URL.\n-     *     Read-only, set through the options passed to the constructor.\n-     *     Example: {maxFeatures: 50}\n-     */\n-    params: null,\n-\n-    /**\n-     * APIProperty: callback\n-     * {Object} Function to be called when the <read> operation completes.\n-     */\n-    callback: null,\n-\n-    /**\n-     * APIProperty: callbackTemplate\n-     * {String} Template for creating a unique callback function name\n-     * for the registry. Should include ${id}.  The ${id} variable will be\n-     * replaced with a string identifier prefixed with a \"c\" (e.g. c1, c2).\n-     * Default is \"OpenLayers.Protocol.Script.registry.${id}\".\n-     */\n-    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n-\n-    /**\n-     * APIProperty: callbackKey\n-     * {String} The name of the query string parameter that the service \n-     *     recognizes as the callback identifier.  Default is \"callback\".\n-     *     This key is used to generate the URL for the script.  For example\n-     *     setting <callbackKey> to \"myCallback\" would result in a URL like \n-     *     http://example.com/?myCallback=...\n-     */\n-    callbackKey: \"callback\",\n-\n-    /**\n-     * APIProperty: callbackPrefix\n-     * {String} Where a service requires that the callback query string \n-     *     parameter value is prefixed by some string, this value may be set.\n-     *     For example, setting <callbackPrefix> to \"foo:\" would result in a\n-     *     URL like http://example.com/?callback=foo:...  Default is \"\".\n-     */\n-    callbackPrefix: \"\",\n-\n-    /**\n-     * APIProperty: scope\n-     * {Object} Optional ``this`` object for the callback. Read-only, set \n-     *     through the options passed to the constructor.\n-     */\n-    scope: null,\n-\n-    /**\n-     * APIProperty: format\n-     * {<OpenLayers.Format>} Format for parsing features.  Default is an \n-     *     <OpenLayers.Format.GeoJSON> format.  If an alternative is provided,\n-     *     the format's read method must take an object and return an array\n-     *     of features.\n-     */\n-    format: null,\n-\n-    /**\n-     * Property: pendingRequests\n-     * {Object} References all pending requests.  Property names are script \n-     *     identifiers and property values are script elements.\n-     */\n-    pendingRequests: null,\n+OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: srsInBBOX\n-     * {Boolean} Include the SRS identifier in BBOX query string parameter.\n-     *     Setting this property has no effect if a custom filterToParams method\n-     *     is provided.   Default is false.  If true and the layer has a \n-     *     projection object set, any BBOX filter will be serialized with a \n-     *     fifth item identifying the projection.  \n-     *     E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    srsInBBOX: false,\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.Script\n-     * A class for giving layers generic Script protocol.\n+     * Constructor: OpenLayers.Format.WPSCapabilities\n+     * Create a new parser for WPS Capabilities.\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options include:\n-     * url - {String}\n-     * params - {Object}\n-     * callback - {Function}\n-     * scope - {Object}\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.pendingRequests = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.GeoJSON();\n-        }\n-\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params);\n-            };\n-        }\n-    },\n \n     /**\n      * APIMethod: read\n-     * Construct a request for reading new features.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Valid options:\n-     * url - {String} Url for the request.\n-     * params - {Object} Parameters to get serialized as a query string.\n-     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n-     *     query string.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n-     *     references the injected script.  This object is also passed to the\n-     *     callback function when the request completes, its \"features\" property\n-     *     is then populated with the features received from the server.\n-     */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        options.params = OpenLayers.Util.applyDefaults(\n-            options.params, this.options.params\n-        );\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(\n-                options.filter, options.params\n-            );\n-        }\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var request = this.createRequest(\n-            options.url,\n-            options.params,\n-            OpenLayers.Function.bind(function(data) {\n-                response.data = data;\n-                this.handleRead(response, options);\n-            }, this)\n-        );\n-        response.priv = request;\n-        return response;\n-    },\n-\n-    /** \n-     * APIMethod: filterToParams \n-     * Optional method to translate an <OpenLayers.Filter> object into an object \n-     *     that can be serialized as request query string provided.  If a custom \n-     *     method is not provided, any filter will not be serialized. \n+     * Read capabilities data from a string, and return information about\n+     * the service.\n      * \n      * Parameters: \n-     * filter - {<OpenLayers.Filter>} filter to convert. \n-     * params - {Object} The parameters object. \n-     * \n-     * Returns: \n-     * {Object} The resulting parameters object. \n-     */\n-\n-    /** \n-     * Method: createRequest\n-     * Issues a request for features by creating injecting a script in the \n-     *     document head.\n-     *\n-     * Parameters:\n-     * url - {String} Service URL.\n-     * params - {Object} Query string parameters.\n-     * callback - {Function} Callback to be called with resulting data.\n-     *\n-     * Returns:\n-     * {HTMLScriptElement} The script pending execution.\n-     */\n-    createRequest: function(url, params, callback) {\n-        var id = OpenLayers.Protocol.Script.register(callback);\n-        var name = OpenLayers.String.format(this.callbackTemplate, {\n-            id: id\n-        });\n-        params = OpenLayers.Util.extend({}, params);\n-        params[this.callbackKey] = this.callbackPrefix + name;\n-        url = OpenLayers.Util.urlAppend(\n-            url, OpenLayers.Util.getParameterString(params)\n-        );\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = \"OpenLayers_Protocol_Script_\" + id;\n-        this.pendingRequests[script.id] = script;\n-        var head = document.getElementsByTagName(\"head\")[0];\n-        head.appendChild(script);\n-        return script;\n-    },\n-\n-    /** \n-     * Method: destroyRequest\n-     * Remove a script node associated with a response from the document.  Also\n-     *     unregisters the callback and removes the script from the \n-     *     <pendingRequests> object.\n-     *\n-     * Parameters:\n-     * script - {HTMLScriptElement}\n-     */\n-    destroyRequest: function(script) {\n-        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n-        delete this.pendingRequests[script.id];\n-        if (script.parentNode) {\n-            script.parentNode.removeChild(script);\n-        }\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Individual callbacks are created for read, create and update, should\n-     *     a subclass need to override each one separately.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     the user callback.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(response, options) {\n-        this.handleResponse(response, options);\n-    },\n-\n-    /**\n-     * Method: handleResponse\n-     * Called by CRUD specific handlers.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create, read, update,\n-     *     or delete call.\n-     */\n-    handleResponse: function(response, options) {\n-        if (options.callback) {\n-            if (response.data) {\n-                response.features = this.parseFeatures(response.data);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            this.destroyRequest(response.priv);\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n-\n-    /**\n-     * Method: parseFeatures\n-     * Read Script response body and return features.\n-     *\n-     * Parameters:\n-     * data - {Object} The data sent to the callback function by the server.\n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n-     */\n-    parseFeatures: function(data) {\n-        return this.format.read(data);\n-    },\n-\n-    /**\n-     * APIMethod: abort\n-     * Abort an ongoing request.  If no response is provided, all pending \n-     *     requests will be aborted.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object returned\n-     *     from a <read> request.\n+     * {Object} Info about the WPS\n      */\n-    abort: function(response) {\n-        if (response) {\n-            this.destroyRequest(response.priv);\n-        } else {\n-            for (var key in this.pendingRequests) {\n-                this.destroyRequest(this.pendingRequests[key]);\n-            }\n-        }\n-    },\n \n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        this.abort();\n-        delete this.params;\n-        delete this.format;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n \n-    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n });\n-\n-(function() {\n-    var o = OpenLayers.Protocol.Script;\n-    var counter = 0;\n-    o.registry = {};\n-\n-    /**\n-     * Function: OpenLayers.Protocol.Script.register\n-     * Register a callback for a newly created script.\n-     *\n-     * Parameters:\n-     * callback - {Function} The callback to be executed when the newly added\n-     *     script loads.  This callback will be called with a single argument\n-     *     that is the JSON returned by the service.\n-     *\n-     * Returns:\n-     * {Number} An identifier for retrieving the registered callback.\n-     */\n-    o.register = function(callback) {\n-        var id = \"c\" + (++counter);\n-        o.registry[id] = function() {\n-            callback.apply(this, arguments);\n-        };\n-        return id;\n-    };\n-\n-    /**\n-     * Function: OpenLayers.Protocol.Script.unregister\n-     * Unregister a callback previously registered with the register function.\n-     *\n-     * Parameters:\n-     * id - {Number} The identifer returned by the register function.\n-     */\n-    o.unregister = function(id) {\n-        delete o.registry[id];\n-    };\n-})();\n /* ======================================================================\n-    OpenLayers/Protocol/HTTP.js\n+    OpenLayers/Format/WFS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n- */\n-\n-/**\n- * if application uses the query string, for example, for BBOX parameters,\n- * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ * @requires OpenLayers/Format/GML.js\n+ * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.HTTP\n- * A basic HTTP protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.HTTP> constructor.\n+ * Class: OpenLayers.Format.WFS\n+ * Read/Write WFS. \n  *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.GML>\n  */\n-OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * Property: url\n-     * {String} Service URL, read-only, set through the options\n-     *     passed to constructor.\n-     */\n-    url: null,\n-\n-    /**\n-     * Property: headers\n-     * {Object} HTTP request headers, read-only, set through the options\n-     *     passed to the constructor,\n-     *     Example: {'Content-Type': 'plain/text'}\n-     */\n-    headers: null,\n-\n-    /**\n-     * Property: params\n-     * {Object} Parameters of GET requests, read-only, set through the options\n-     *     passed to the constructor,\n-     *     Example: {'bbox': '5,5,5,5'}\n-     */\n-    params: null,\n-\n-    /**\n-     * Property: callback\n-     * {Object} Function to be called when the <read>, <create>,\n-     *     <update>, <delete> or <commit> operation completes, read-only,\n-     *     set through the options passed to the constructor.\n-     */\n-    callback: null,\n-\n-    /**\n-     * Property: scope\n-     * {Object} Callback execution scope, read-only, set through the\n-     *     options passed to the constructor.\n-     */\n-    scope: null,\n-\n-    /**\n-     * APIProperty: readWithPOST\n-     * {Boolean} true if read operations are done with POST requests\n-     *     instead of GET, defaults to false.\n-     */\n-    readWithPOST: false,\n-\n-    /**\n-     * APIProperty: updateWithPOST\n-     * {Boolean} true if update operations are done with POST requests\n-     *     defaults to false.\n-     */\n-    updateWithPOST: false,\n+OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n \n-    /**\n-     * APIProperty: deleteWithPOST\n-     * {Boolean} true if delete operations are done with POST requests\n-     *     defaults to false.\n-     *     if true, POST data is set to output of format.write().\n+    /** \n+     * Property: layer\n+     * {<OpenLayers.Layer>}\n      */\n-    deleteWithPOST: false,\n+    layer: null,\n \n     /**\n-     * Property: wildcarded.\n-     * {Boolean} If true percent signs are added around values\n-     *     read from LIKE filters, for example if the protocol\n-     *     read method is passed a LIKE filter whose property\n-     *     is \"foo\" and whose value is \"bar\" the string\n-     *     \"foo__ilike=%bar%\" will be sent in the query string;\n-     *     defaults to false.\n+     * APIProperty: wfsns\n+     * {String}\n      */\n-    wildcarded: false,\n+    wfsns: \"http://www.opengis.net/wfs\",\n \n     /**\n-     * APIProperty: srsInBBOX\n-     * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n-     *     Default is false.  If true and the layer has a projection object set,\n-     *     any BBOX filter will be serialized with a fifth item identifying the\n-     *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     * Property: ogcns\n+     * {String}\n      */\n-    srsInBBOX: false,\n+    ogcns: \"http://www.opengis.net/ogc\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.HTTP\n-     * A class for giving layers generic HTTP protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options include:\n-     * url - {String}\n-     * headers - {Object} \n-     * params - {Object} URL parameters for GET requests\n-     * format - {<OpenLayers.Format>}\n-     * callback - {Function}\n-     * scope - {Object}\n+     * Constructor: OpenLayers.Format.WFS\n+     * Create a WFS-T formatter. This requires a layer: that layer should\n+     * have two properties: geometry_column and typename. The parser\n+     * for this format is subclassed entirely from GML: There is a writer \n+     * only, which uses most of the code from the GML layer, and wraps\n+     * it in transactional elements.\n+     * \n+     * Parameters: \n+     * options - {Object} \n+     * layer - {<OpenLayers.Layer>} \n      */\n-    initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.headers = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                wildcarded: this.wildcarded,\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params);\n-            };\n+    initialize: function(options, layer) {\n+        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        if (this.layer.featureNS) {\n+            this.featureNS = this.layer.featureNS;\n         }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        this.params = null;\n-        this.headers = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n-\n-    /**\n-     * APIMethod: filterToParams\n-     * Optional method to translate an <OpenLayers.Filter> object into an object\n-     *     that can be serialized as request query string provided.  If a custom\n-     *     method is not provided, the filter will be serialized using the \n-     *     <OpenLayers.Format.QueryStringFilter> class.\n-     *\n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} filter to convert.\n-     * params - {Object} The parameters object.\n-     *\n-     * Returns:\n-     * {Object} The resulting parameters object.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Construct a request for reading new features.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Valid options:\n-     * url - {String} Url for the request.\n-     * params - {Object} Parameters to get serialized as a query string.\n-     * headers - {Object} Headers to be set on the request.\n-     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n-     *     query string.\n-     * readWithPOST - {Boolean} If the request should be done with POST.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n-     *     references the HTTP request, this object is also passed to the\n-     *     callback function when the request completes, its \"features\" property\n-     *     is then populated with the features received from the server.\n-     */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = options || {};\n-        options.params = OpenLayers.Util.applyDefaults(\n-            options.params, this.options.params);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(\n-                options.filter, options.params\n-            );\n+        if (this.layer.options.geometry_column) {\n+            this.geometryName = this.layer.options.geometry_column;\n         }\n-        var readWithPOST = (options.readWithPOST !== undefined) ?\n-            options.readWithPOST : this.readWithPOST;\n-        var resp = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        if (readWithPOST) {\n-            var headers = options.headers || {};\n-            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n-            resp.priv = OpenLayers.Request.POST({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                data: OpenLayers.Util.getParameterString(options.params),\n-                headers: headers\n-            });\n-        } else {\n-            resp.priv = OpenLayers.Request.GET({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                params: options.params,\n-                headers: options.headers\n-            });\n+        if (this.layer.options.typename) {\n+            this.featureName = this.layer.options.typename;\n         }\n-        return resp;\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Individual callbacks are created for read, create and update, should\n-     *     a subclass need to override each one separately.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     the user callback.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(resp, options) {\n-        this.handleResponse(resp, options);\n     },\n \n     /**\n-     * APIMethod: create\n-     * Construct a request for writing newly created features.\n+     * Method: write \n+     * Takes a feature list, and generates a WFS-T Transaction \n      *\n      * Parameters:\n-     * features - {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes, its \"features\" property is then populated with the\n-     *     the features received from the server.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n      */\n-    create: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: features,\n-            requestType: \"create\"\n-        });\n-\n-        resp.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleCreate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(features)\n-        });\n+    write: function(features) {\n \n-        return resp;\n-    },\n+        var transaction = this.createElementNS(this.wfsns, 'wfs:Transaction');\n+        transaction.setAttribute(\"version\", \"1.0.0\");\n+        transaction.setAttribute(\"service\", \"WFS\");\n+        for (var i = 0; i < features.length; i++) {\n+            switch (features[i].state) {\n+                case OpenLayers.State.INSERT:\n+                    transaction.appendChild(this.insert(features[i]));\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                    transaction.appendChild(this.update(features[i]));\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    transaction.appendChild(this.remove(features[i]));\n+                    break;\n+            }\n+        }\n \n-    /**\n-     * Method: handleCreate\n-     * Called the the request issued by <create> is complete.  May be overridden\n-     *     by subclasses.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create call.\n-     */\n-    handleCreate: function(resp, options) {\n-        this.handleResponse(resp, options);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction]);\n     },\n \n     /**\n-     * APIMethod: update\n-     * Construct a request updating modified feature.\n+     * Method: createFeatureXML\n      *\n-     * Parameters:\n+     * Parameters: \n      * feature - {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes, its \"features\" property is then populated with the\n-     *     the feature received from the server.\n      */\n-    update: function(feature, options) {\n-        options = options || {};\n-        var url = options.url ||\n-            feature.url ||\n-            this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"update\"\n-        });\n-\n-        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n-        resp.priv = OpenLayers.Request[method]({\n-            url: url,\n-            callback: this.createCallback(this.handleUpdate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(feature)\n-        });\n-\n-        return resp;\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n+        geomContainer.appendChild(geometryNode);\n+        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n+        featureContainer.appendChild(geomContainer);\n+        for (var attr in feature.attributes) {\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1];\n+            }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureContainer.appendChild(attrContainer);\n+        }\n+        return featureContainer;\n     },\n \n     /**\n-     * Method: handleUpdate\n-     * Called the the request issued by <update> is complete.  May be overridden\n-     *     by subclasses.\n+     * Method: insert \n+     * Takes a feature, and generates a WFS-T Transaction \"Insert\" \n      *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the update call.\n+     * Parameters: \n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    handleUpdate: function(resp, options) {\n-        this.handleResponse(resp, options);\n+    insert: function(feature) {\n+        var insertNode = this.createElementNS(this.wfsns, 'wfs:Insert');\n+        insertNode.appendChild(this.createFeatureXML(feature));\n+        return insertNode;\n     },\n \n     /**\n-     * APIMethod: delete\n-     * Construct a request deleting a removed feature.\n+     * Method: update\n+     * Takes a feature, and generates a WFS-T Transaction \"Update\" \n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * options - {Object} Optional object for configuring the request.\n-     *     This object is modified and should not be reused.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n-     *     object, whose \"priv\" property references the HTTP request, this \n-     *     object is also passed to the callback function when the request\n-     *     completes.\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    \"delete\": function(feature, options) {\n-        options = options || {};\n-        var url = options.url ||\n-            feature.url ||\n-            this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n+    update: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+        }\n+        var updateNode = this.createElementNS(this.wfsns, 'wfs:Update');\n+        updateNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n+        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n \n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"delete\"\n-        });\n+        var propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n+        var nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n \n-        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n-        var requestOptions = {\n-            url: url,\n-            callback: this.createCallback(this.handleDelete, resp, options),\n-            headers: options.headers\n-        };\n-        if (this.deleteWithPOST) {\n-            requestOptions.data = this.format.write(feature);\n-        }\n-        resp.priv = OpenLayers.Request[method](requestOptions);\n+        var txtNode = this.createTextNode(this.geometryName);\n+        nameNode.appendChild(txtNode);\n+        propertyNode.appendChild(nameNode);\n \n-        return resp;\n-    },\n+        var valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n \n-    /**\n-     * Method: handleDelete\n-     * Called the the request issued by <delete> is complete.  May be overridden\n-     *     by subclasses.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the delete call.\n-     */\n-    handleDelete: function(resp, options) {\n-        this.handleResponse(resp, options);\n-    },\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n \n-    /**\n-     * Method: handleResponse\n-     * Called by CRUD specific handlers.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n-     *     any user callback.\n-     * options - {Object} The user options passed to the create, read, update,\n-     *     or delete call.\n-     */\n-    handleResponse: function(resp, options) {\n-        var request = resp.priv;\n-        if (options.callback) {\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                if (resp.requestType != \"delete\") {\n-                    resp.features = this.parseFeatures(request);\n-                }\n-                resp.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                resp.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, resp);\n+        if (feature.layer) {\n+            geometryNode.setAttribute(\n+                \"srsName\", feature.layer.projection.getCode()\n+            );\n         }\n-    },\n \n-    /**\n-     * Method: parseFeatures\n-     * Read HTTP response body and return features.\n-     *\n-     * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     *\n-     * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n-     */\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        return this.format.read(doc);\n-    },\n+        valueNode.appendChild(geometryNode);\n \n-    /**\n-     * APIMethod: commit\n-     * Iterate over each feature and take action based on the feature state.\n-     *     Possible actions are create, update and delete.\n-     *\n-     * Parameters:\n-     * features - {Array({<OpenLayers.Feature.Vector>})}\n-     * options - {Object} Optional object for setting up intermediate commit\n-     *     callbacks.\n-     *\n-     * Valid options:\n-     * create - {Object} Optional object to be passed to the <create> method.\n-     * update - {Object} Optional object to be passed to the <update> method.\n-     * delete - {Object} Optional object to be passed to the <delete> method.\n-     * callback - {Function} Optional function to be called when the commit\n-     *     is complete.\n-     * scope - {Object} Optional object to be set as the scope of the callback.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Protocol.Response>)} An array of response objects,\n-     *     one per request made to the server, each object's \"priv\" property\n-     *     references the corresponding HTTP request.\n-     */\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = [],\n-            nResponses = 0;\n+        propertyNode.appendChild(valueNode);\n+        updateNode.appendChild(propertyNode);\n \n-        // Divide up features before issuing any requests.  This properly\n-        // counts requests in the event that any responses come in before\n-        // all requests have been issued.\n-        var types = {};\n-        types[OpenLayers.State.INSERT] = [];\n-        types[OpenLayers.State.UPDATE] = [];\n-        types[OpenLayers.State.DELETE] = [];\n-        var feature, list, requestFeatures = [];\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            list = types[feature.state];\n-            if (list) {\n-                list.push(feature);\n-                requestFeatures.push(feature);\n-            }\n+        // add in attributes\n+        for (var propName in feature.attributes) {\n+            propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n+            nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n+            nameNode.appendChild(this.createTextNode(propName));\n+            propertyNode.appendChild(nameNode);\n+            valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n+            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n+            propertyNode.appendChild(valueNode);\n+            updateNode.appendChild(propertyNode);\n         }\n-        // tally up number of requests\n-        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) +\n-            types[OpenLayers.State.UPDATE].length +\n-            types[OpenLayers.State.DELETE].length;\n-\n-        // This response will be sent to the final callback after all the others\n-        // have been fired.\n-        var success = true;\n-        var finalResponse = new OpenLayers.Protocol.Response({\n-            reqFeatures: requestFeatures\n-        });\n \n-        function insertCallback(response) {\n-            var len = response.features ? response.features.length : 0;\n-            var fids = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                fids[i] = response.features[i].fid;\n-            }\n-            finalResponse.insertIds = fids;\n-            callback.apply(this, [response]);\n-        }\n \n-        function callback(response) {\n-            this.callUserCallback(response, options);\n-            success = success && response.success();\n-            nResponses++;\n-            if (nResponses >= nRequests) {\n-                if (options.callback) {\n-                    finalResponse.code = success ?\n-                        OpenLayers.Protocol.Response.SUCCESS :\n-                        OpenLayers.Protocol.Response.FAILURE;\n-                    options.callback.apply(options.scope, [finalResponse]);\n-                }\n-            }\n-        }\n+        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n+        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        updateNode.appendChild(filterNode);\n \n-        // start issuing requests\n-        var queue = types[OpenLayers.State.INSERT];\n-        if (queue.length > 0) {\n-            resp.push(this.create(\n-                queue, OpenLayers.Util.applyDefaults({\n-                    callback: insertCallback,\n-                    scope: this\n-                }, options.create)\n-            ));\n-        }\n-        queue = types[OpenLayers.State.UPDATE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this.update(\n-                queue[i], OpenLayers.Util.applyDefaults({\n-                    callback: callback,\n-                    scope: this\n-                }, options.update)));\n-        }\n-        queue = types[OpenLayers.State.DELETE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this[\"delete\"](\n-                queue[i], OpenLayers.Util.applyDefaults({\n-                    callback: callback,\n-                    scope: this\n-                }, options[\"delete\"])));\n-        }\n-        return resp;\n+        return updateNode;\n     },\n \n     /**\n-     * APIMethod: abort\n-     * Abort an ongoing request, the response object passed to\n-     * this method must come from this HTTP protocol (as a result\n-     * of a create, read, update, delete or commit operation).\n+     * Method: remove \n+     * Takes a feature, and generates a WFS-T Transaction \"Delete\" \n      *\n      * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>}\n+     * feature - {<OpenLayers.Feature.Vector>} \n      */\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort();\n+    remove: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+            return false;\n         }\n+        var deleteNode = this.createElementNS(this.wfsns, 'wfs:Delete');\n+        deleteNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n+        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+\n+        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n+        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        deleteNode.appendChild(filterNode);\n+\n+        return deleteNode;\n     },\n \n     /**\n-     * Method: callUserCallback\n-     * This method is used from within the commit method each time an\n-     *     an HTTP response is received from the server, it is responsible\n-     *     for calling the user-supplied callbacks.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>}\n-     * options - {Object} The map of options passed to the commit call.\n+     * APIMethod: destroy\n+     * Remove ciruclar ref to layer \n      */\n-    callUserCallback: function(resp, options) {\n-        var opt = options[resp.requestType];\n-        if (opt && opt.callback) {\n-            opt.callback.call(opt.scope, resp);\n-        }\n+    destroy: function() {\n+        this.layer = null;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+    CLASS_NAME: \"OpenLayers.Format.WFS\"\n });\n /* ======================================================================\n-    OpenLayers/Protocol/SOS.js\n+    OpenLayers/Format/CSWGetRecords.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n+ * @requires OpenLayers/Format.js\n  */\n \n /**\n- * Function: OpenLayers.Protocol.SOS\n- * Used to create a versioned SOS protocol.  Default version is 1.0.0.\n+ * Class: OpenLayers.Format.CSWGetRecords\n+ * Default version is 2.0.2.\n  *\n  * Returns:\n- * {<OpenLayers.Protocol>} An SOS protocol for the given version.\n- */\n-OpenLayers.Protocol.SOS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.SOS.DEFAULTS\n-    );\n-    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported SOS version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n-\n-/**\n- * Constant: OpenLayers.Protocol.SOS.DEFAULTS\n- */\n-OpenLayers.Protocol.SOS.DEFAULTS = {\n-    \"version\": \"1.0.0\"\n-};\n-/* ======================================================================\n-    OpenLayers/Protocol/CSW.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Protocol.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.CSW\n- * Used to create a versioned CSW protocol. Default version is 2.0.2.\n+ * {<OpenLayers.Format>} A CSWGetRecords format of the given version.\n  */\n-OpenLayers.Protocol.CSW = function(options) {\n+OpenLayers.Format.CSWGetRecords = function(options) {\n     options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.CSW.DEFAULTS\n+        options, OpenLayers.Format.CSWGetRecords.DEFAULTS\n     );\n-    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n     if (!cls) {\n-        throw \"Unsupported CSW version: \" + options.version;\n+        throw \"Unsupported CSWGetRecords version: \" + options.version;\n     }\n     return new cls(options);\n };\n \n /**\n- * Constant: OpenLayers.Protocol.CSW.DEFAULTS\n+ * Constant: DEFAULTS\n+ * {Object} Default properties for the CSWGetRecords format.\n  */\n-OpenLayers.Protocol.CSW.DEFAULTS = {\n+OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n     \"version\": \"2.0.2\"\n };\n /* ======================================================================\n-    OpenLayers/Protocol/WFS.js\n+    OpenLayers/Format/WMSDescribeLayer.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.WFS\n- * Used to create a versioned WFS protocol.  Default version is 1.0.0.\n- *\n- * Returns:\n- * {<OpenLayers.Protocol>} A WFS protocol of the given version.\n- *\n- * Example:\n- * (code)\n- *     var protocol = new OpenLayers.Protocol.WFS({\n- *         version: \"1.1.0\",\n- *         url:  \"http://demo.opengeo.org/geoserver/wfs\",\n- *         featureType: \"tasmania_roads\",\n- *         featureNS: \"http://www.openplans.org/topp\",\n- *         geometryName: \"the_geom\"\n- *     });\n- * (end)\n- *\n- * See the protocols for specific WFS versions for more detail.\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n-OpenLayers.Protocol.WFS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Protocol.WFS.DEFAULTS\n-    );\n-    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported WFS version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n \n /**\n- * Function: fromWMSLayer\n- * Convenience function to create a WFS protocol from a WMS layer.  This makes\n- *     the assumption that a WFS requests can be issued at the same URL as\n- *     WMS requests and that a WFS featureType exists with the same name as the\n- *     WMS layer.\n- *     \n- * This function is designed to auto-configure <url>, <featureType>,\n- *     <featurePrefix> and <srsName> for WFS <version> 1.1.0. Note that\n- *     srsName matching with the WMS layer will not work with WFS 1.0.0.\n+ * Class: OpenLayers.Format.WMSDescribeLayer\n+ * Read SLD WMS DescribeLayer response\n+ * DescribeLayer is meant to couple WMS to WFS and WCS\n  * \n- * Parameters:\n- * layer - {<OpenLayers.Layer.WMS>} WMS layer that has a matching WFS\n- *     FeatureType at the same server url with the same typename.\n- * options - {Object} Default properties to be set on the protocol.\n- *\n- * Returns:\n- * {<OpenLayers.Protocol.WFS>}\n- */\n-OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n-    var typeName, featurePrefix;\n-    var param = layer.params[\"LAYERS\"];\n-    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n-    if (parts.length > 1) {\n-        featurePrefix = parts[0];\n-    }\n-    typeName = parts.pop();\n-    var protocolOptions = {\n-        url: layer.url,\n-        featureType: typeName,\n-        featurePrefix: featurePrefix,\n-        srsName: layer.projection && layer.projection.getCode() ||\n-            layer.map && layer.map.getProjectionObject().getCode(),\n-        version: \"1.1.0\"\n-    };\n-    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(\n-        options, protocolOptions\n-    ));\n-};\n-\n-/**\n- * Constant: OpenLayers.Protocol.WFS.DEFAULTS\n- */\n-OpenLayers.Protocol.WFS.DEFAULTS = {\n-    \"version\": \"1.0.0\"\n-};\n-/* ======================================================================\n-    OpenLayers/Protocol/WFS/v1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Protocol/WFS.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.WFS.v1\n- * Abstract class for for v1.0.0 and v1.1.0 protocol.\n- *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * Property: version\n-     * {String} WFS version number.\n-     */\n-    version: null,\n-\n-    /**\n-     * Property: srsName\n-     * {String} Name of spatial reference system.  Default is \"EPSG:4326\".\n-     */\n-    srsName: \"EPSG:4326\",\n-\n-    /**\n-     * Property: featureType\n-     * {String} Local feature typeName.\n-     */\n-    featureType: null,\n-\n-    /**\n-     * Property: featureNS\n-     * {String} Feature namespace.\n-     */\n-    featureNS: null,\n-\n-    /**\n-     * Property: geometryName\n-     * {String} Name of the geometry attribute for features.  Default is\n-     *     \"the_geom\" for WFS <version> 1.0, and null for higher versions.\n-     */\n-    geometryName: \"the_geom\",\n-\n-    /**\n-     * Property: maxFeatures\n-     * {Integer} Optional maximum number of features to retrieve.\n-     */\n-\n-    /**\n-     * Property: schema\n-     * {String} Optional schema location that will be included in the\n-     *     schemaLocation attribute value.  Note that the feature type schema\n-     *     is required for a strict XML validator (on transactions with an\n-     *     insert for example), but is *not* required by the WFS specification\n-     *     (since the server is supposed to know about feature type schemas).\n-     */\n-    schema: null,\n-\n-    /**\n-     * Property: featurePrefix\n-     * {String} Namespace alias for feature type.  Default is \"feature\".\n-     */\n-    featurePrefix: \"feature\",\n-\n-    /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n-     */\n-    formatOptions: null,\n-\n-    /** \n-     * Property: readFormat \n-     * {<OpenLayers.Format>} For WFS requests it is possible to get a  \n-     *     different output format than GML. In that case, we cannot parse  \n-     *     the response with the default format (WFST) and we need a different \n-     *     format for reading. \n-     */\n-    readFormat: null,\n+OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: readOptions\n-     * {Object} Optional object to pass to format's read.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n      */\n-    readOptions: null,\n+    defaultVersion: \"1.1.1\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.WFS\n-     * A class for giving layers WFS protocol.\n+     * Constructor: OpenLayers.Format.WMSDescribeLayer\n+     * Create a new parser for WMS DescribeLayer responses.\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * url - {String} URL to send requests to (required).\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (required, but can be autodetected\n-     *     during the first query if GML is used as readFormat and\n-     *     featurePrefix is provided and matches the prefix used by the server\n-     *     for this featureType).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     for writing if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  The default is\n-     *     'the_geom' for WFS <version> 1.0, and null for higher versions. If\n-     *     null, it will be set to the name of the first geometry found in the\n-     *     first read operation.\n-     * multi - {Boolean} If set to true, geometries will be casted to Multi\n-     *     geometries before they are written in a transaction. No casting will\n-     *     be done when reading features.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n-                version: this.version,\n-                featureType: this.featureType,\n-                featureNS: this.featureNS,\n-                featurePrefix: this.featurePrefix,\n-                geometryName: this.geometryName,\n-                srsName: this.srsName,\n-                schema: this.schema\n-            }, this.formatOptions));\n-        }\n-        if (!options.geometryName && parseFloat(this.format.version) > 1.0) {\n-            this.setGeometryName(null);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n \n     /**\n      * APIMethod: read\n-     * Construct a request for reading new features.  Since WFS splits the\n-     *     basic CRUD operations into GetFeature requests (for read) and\n-     *     Transactions (for all others), this method does not make use of the\n-     *     format's read method (that is only about reading transaction\n-     *     responses).\n-     *\n-     * Parameters:\n-     * options - {Object} Options for the read operation, in addition to the\n-     *     options set on the instance (options set here will take precedence).\n-     *\n-     * To use a configured protocol to get e.g. a WFS hit count, applications\n-     * could do the following:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     readOptions: {output: \"object\"},\n-     *     resultType: \"hits\",\n-     *     maxFeatures: null,\n-     *     callback: function(resp) {\n-     *         // process resp.numberOfFeatures here\n-     *     }\n-     * });\n-     * (end)\n-     *\n-     * To use a configured protocol to use WFS paging (if supported by the\n-     * server), applications could do the following:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     startIndex: 0,\n-     *     count: 50\n-     * });\n-     * (end)\n-     *\n-     * To limit the attributes returned by the GetFeature request, applications\n-     * can use the propertyNames option to specify the properties to include in\n-     * the response:\n-     *\n-     * (code)\n-     * protocol.read({\n-     *     propertyNames: [\"DURATION\", \"INTENSITY\"]\n-     * });\n-     * (end)\n-     */\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-\n-        var data = OpenLayers.Format.XML.prototype.write.apply(\n-            this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]\n-        );\n-\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-\n-        return response;\n-    },\n-\n-    /**\n-     * APIMethod: setFeatureType\n-     * Change the feature type on the fly.\n-     *\n-     * Parameters:\n-     * featureType - {String} Local (without prefix) feature typeName.\n-     */\n-    setFeatureType: function(featureType) {\n-        this.featureType = featureType;\n-        this.format.featureType = featureType;\n-    },\n-\n-    /**\n-     * APIMethod: setGeometryName\n-     * Sets the geometryName option after instantiation.\n-     *\n-     * Parameters:\n-     * geometryName - {String} Name of geometry attribute.\n-     */\n-    setGeometryName: function(geometryName) {\n-        this.geometryName = geometryName;\n-        this.format.geometryName = geometryName;\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the read call.\n-     */\n-    handleRead: function(response, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                var result = this.parseResponse(request, options.readOptions);\n-                if (result && result.success !== false) {\n-                    if (options.readOptions && options.readOptions.output == \"object\") {\n-                        OpenLayers.Util.extend(response, result);\n-                    } else {\n-                        response.features = result;\n-                    }\n-                    response.code = OpenLayers.Protocol.Response.SUCCESS;\n-                } else {\n-                    // failure (service exception)\n-                    response.code = OpenLayers.Protocol.Response.FAILURE;\n-                    response.error = result;\n-                }\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n-\n-    /**\n-     * Method: parseResponse\n-     * Read HTTP response body and return features\n-     *\n-     * Parameters:\n-     * request - {XMLHttpRequest} The request object\n-     * options - {Object} Optional object to pass to format's read\n-     *\n-     * Returns:\n-     * {Object} or {Array({<OpenLayers.Feature.Vector>})} or\n-     *     {<OpenLayers.Feature.Vector>} \n-     * An object with a features property, an array of features or a single \n-     * feature.\n-     */\n-    parseResponse: function(request, options) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        var result = (this.readFormat !== null) ? this.readFormat.read(doc) :\n-            this.format.read(doc, options);\n-        if (!this.featureNS) {\n-            var format = this.readFormat || this.format;\n-            this.featureNS = format.featureNS;\n-            // no need to auto-configure again on subsequent reads\n-            format.autoConfig = false;\n-            if (!this.geometryName) {\n-                this.setGeometryName(format.geometryName);\n-            }\n-        }\n-        return result;\n-    },\n-\n-    /**\n-     * Method: commit\n-     * Given a list of feature, assemble a batch request for update, create,\n-     *     and delete transactions.  A commit call on the prototype amounts\n-     *     to writing a WFS transaction - so the write method on the format\n-     *     is used.\n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)}\n-     * options - {Object}\n-     *\n-     * Valid options properties:\n-     * nativeElements - {Array({Object})} Array of objects with information for writing\n-     * out <Native> elements, these objects have vendorId, safeToIgnore and\n-     * value properties. The <Native> element is intended to allow access to \n-     * vendor specific capabilities of any particular web feature server or \n-     * datastore.\n+     * Read DescribeLayer data from a string, and return the response. \n+     * The OGC currently defines 2 formats which are allowed for output,\n+     * so we need to parse these 2 types\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {<OpenLayers.Protocol.Response>} A response object with a features\n-     *     property containing any insertIds and a priv property referencing\n-     *     the XMLHttpRequest object.\n-     */\n-    commit: function(features, options) {\n-\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\",\n-            reqFeatures: features\n-        });\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            headers: options.headers,\n-            data: this.format.write(features, options),\n-            callback: this.createCallback(this.handleCommit, response, options)\n-        });\n-\n-        return response;\n-    },\n-\n-    /**\n-     * Method: handleCommit\n-     * Called when the commit request returns.\n-     * \n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the commit call.\n-     */\n-    handleCommit: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-\n-            // ensure that we have an xml doc\n-            var data = request.responseXML;\n-            if (!data || !data.documentElement) {\n-                data = request.responseText;\n-            }\n-\n-            var obj = this.format.read(data) || {};\n-\n-            response.insertIds = obj.insertIds || [];\n-            if (obj.success) {\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-                response.error = obj;\n-            }\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n-\n-    /**\n-     * Method: filterDelete\n-     * Send a request that deletes all features by their filter.\n-     * \n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} filter\n+     * {Array} Array of {<LayerDescription>} objects which have:\n+     * - {String} owsType: WFS/WCS\n+     * - {String} owsURL: the online resource\n+     * - {String} typeName: the name of the typename on the service\n      */\n-    filterDelete: function(filter, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\"\n-        });\n-\n-        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n-            attributes: {\n-                service: \"WFS\",\n-                version: this.version\n-            }\n-        });\n-\n-        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n-            attributes: {\n-                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") +\n-                    options.featureType\n-            }\n-        });\n-\n-        if (options.featureNS) {\n-            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS);\n-        }\n-        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n-\n-        deleteNode.appendChild(filterNode);\n-\n-        root.appendChild(deleteNode);\n-\n-        var data = OpenLayers.Format.XML.prototype.write.apply(\n-            this.format, [root]\n-        );\n-\n-        return OpenLayers.Request.POST({\n-            url: this.url,\n-            callback: options.callback || function() {},\n-            data: data\n-        });\n-\n-    },\n \n-    /**\n-     * Method: abort\n-     * Abort an ongoing request, the response object passed to\n-     * this method must come from this protocol (as a result\n-     * of a read, or commit operation).\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>}\n-     */\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort();\n-        }\n-    },\n+    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n \n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WFST/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WFST/v1.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFST.v1_0_0\n- * A format for creating WFS v1.0.0 transactions.  Create a new instance with the\n- *     <OpenLayers.Format.WFST.v1_0_0> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Filter.v1_0_0>\n- *  - <OpenLayers.Format.WFST.v1>\n- */\n-OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n-\n-        /**\n-         * Property: version\n-         * {String} WFS version number.\n-         */\n-        version: \"1.0.0\",\n-\n-        /**\n-         * APIProperty: srsNameInQuery\n-         * {Boolean} If true the reference system is passed in Query requests\n-         *     via the \"srsName\" attribute to the \"wfs:Query\" element, this\n-         *     property defaults to false as it isn't WFS 1.0.0 compliant.\n-         */\n-        srsNameInQuery: false,\n-\n-        /**\n-         * Property: schemaLocations\n-         * {Object} Properties are namespace aliases, values are schema locations.\n-         */\n-        schemaLocations: {\n-            \"wfs\": \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n-        },\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFST.v1_0_0\n-         * A class for parsing and generating WFS v1.0.0 transactions.\n-         *\n-         * Parameters:\n-         * options - {Object} Optional object whose properties will be set on the\n-         *     instance.\n-         *\n-         * Valid options properties:\n-         * featureType - {String} Local (without prefix) feature typeName (required).\n-         * featureNS - {String} Feature namespace (optional).\n-         * featurePrefix - {String} Feature namespace alias (optional - only used\n-         *     if featureNS is provided).  Default is 'feature'.\n-         * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n-            OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options]);\n-        },\n-\n-        /**\n-         * Method: readNode\n-         * Shorthand for applying one of the named readers given the node\n-         *     namespace and local name.  Readers take two args (node, obj) and\n-         *     generally extend or modify the second.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} The node to be read (required).\n-         * obj - {Object} The object to be modified (optional).\n-         * first - {Boolean} Should be set to true for the first node read. This\n-         *     is usually the readNode call in the read method. Without this being\n-         *     set, auto-configured properties will stick on subsequent reads.\n-         *\n-         * Returns:\n-         * {Object} The input object, modified (or a new one if none was provided).\n-         */\n-        readNode: function(node, obj, first) {\n-            // Not the superclass, only the mixin classes inherit from\n-            // Format.GML.v2. We need this because we don't want to get readNode\n-            // from the superclass's superclass, which is OpenLayers.Format.XML.\n-            return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments);\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"WFS_TransactionResponse\": function(node, obj) {\n-                    obj.insertIds = [];\n-                    obj.success = false;\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"InsertResult\": function(node, container) {\n-                    var obj = {\n-                        fids: []\n-                    };\n-                    this.readChildNodes(node, obj);\n-                    container.insertIds = container.insertIds.concat(obj.fids);\n-                },\n-                \"TransactionResult\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Status\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"SUCCESS\": function(node, obj) {\n-                    obj.success = true;\n-                }\n-            }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n-            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n-        },\n-\n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"Query\": function(options) {\n-                    options = OpenLayers.Util.extend({\n-                        featureNS: this.featureNS,\n-                        featurePrefix: this.featurePrefix,\n-                        featureType: this.featureType,\n-                        srsName: this.srsName,\n-                        srsNameInQuery: this.srsNameInQuery\n-                    }, options);\n-                    var prefix = options.featurePrefix;\n-                    var node = this.createElementNSPlus(\"wfs:Query\", {\n-                        attributes: {\n-                            typeName: (prefix ? prefix + \":\" : \"\") +\n-                                options.featureType\n-                        }\n-                    });\n-                    if (options.srsNameInQuery && options.srsName) {\n-                        node.setAttribute(\"srsName\", options.srsName);\n-                    }\n-                    if (options.featureNS) {\n-                        node.setAttribute(\"xmlns:\" + prefix, options.featureNS);\n-                    }\n-                    if (options.propertyNames) {\n-                        for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n-                            this.writeNode(\n-                                \"ogc:PropertyName\", {\n-                                    property: options.propertyNames[i]\n-                                },\n-                                node\n-                            );\n-                        }\n-                    }\n-                    if (options.filter) {\n-                        this.setFilterProperty(options.filter);\n-                        this.writeNode(\"ogc:Filter\", options.filter, node);\n-                    }\n-                    return node;\n-                }\n-            }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n-            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n-            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Protocol/WFS/v1_0_0.js\n+    OpenLayers/Format/SOSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/WFS/v1.js\n- * @requires OpenLayers/Format/WFST/v1_0_0.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.WFS.v1_0_0\n- * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n- *\n+ * Class: OpenLayers.Format.SOSCapabilities\n+ * Read SOS Capabilities.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Protocol.WFS.v1>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * Property: version\n-     * {String} WFS version number.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    version: \"1.0.0\",\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n-     * A class for giving layers WFS v1.0.0 protocol.\n+     * Constructor: OpenLayers.Format.SOSCapabilities\n+     * Create a new parser for SOS Capabilities.\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (optional).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-     */\n-\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n-});\n-/* ======================================================================\n-    OpenLayers/Protocol/WFS/v1_1_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Protocol/WFS/v1.js\n- * @requires OpenLayers/Format/WFST/v1_1_0.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.WFS.v1_1_0\n- * A WFS v1.1.0 protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.WFS.v1_1_0> constructor.\n- *\n- * Differences from the v1.0.0 protocol:\n- *  - uses Filter Encoding 1.1.0 instead of 1.0.0\n- *  - uses GML 3 instead of 2 if no format is provided\n- *  \n- * Inherits from:\n- *  - <OpenLayers.Protocol.WFS.v1>\n- */\n-OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-\n-    /**\n-     * Property: version\n-     * {String} WFS version number.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    version: \"1.1.0\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.WFS.v1_1_0\n-     * A class for giving layers WFS v1.1.0 protocol.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return information about\n+     * the service (offering and observedProperty mostly).\n+     * \n+     * Parameters: \n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n-     * Valid options properties:\n-     * featureType - {String} Local (without prefix) feature typeName (required).\n-     * featureNS - {String} Feature namespace (optional).\n-     * featurePrefix - {String} Feature namespace alias (optional - only used\n-     *     if featureNS is provided).  Default is 'feature'.\n-     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n-     * outputFormat - {String} Optional output format to use for WFS GetFeature\n-     *     requests. This can be any format advertized by the WFS's\n-     *     GetCapabilities response. If set, an appropriate readFormat also\n-     *     has to be provided, unless outputFormat is GML3, GML2 or JSON.\n-     * readFormat - {<OpenLayers.Format>} An appropriate format parser if\n-     *     outputFormat is none of GML3, GML2 or JSON.\n+     * Returns:\n+     * {Object} Info about the SOS\n      */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n-        if (this.outputFormat && !this.readFormat) {\n-            if (this.outputFormat.toLowerCase() == \"gml2\") {\n-                this.readFormat = new OpenLayers.Format.GML.v2({\n-                    featureType: this.featureType,\n-                    featureNS: this.featureNS,\n-                    geometryName: this.geometryName\n-                });\n-            } else if (this.outputFormat.toLowerCase() == \"json\") {\n-                this.readFormat = new OpenLayers.Format.GeoJSON();\n-            }\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/CSWGetRecords.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format.js\n- */\n \n-/**\n- * Class: OpenLayers.Format.CSWGetRecords\n- * Default version is 2.0.2.\n- *\n- * Returns:\n- * {<OpenLayers.Format>} A CSWGetRecords format of the given version.\n- */\n-OpenLayers.Format.CSWGetRecords = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Format.CSWGetRecords.DEFAULTS\n-    );\n-    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetRecords version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n \n-/**\n- * Constant: DEFAULTS\n- * {Object} Default properties for the CSWGetRecords format.\n- */\n-OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n-    \"version\": \"2.0.2\"\n-};\n+});\n /* ======================================================================\n-    OpenLayers/Format/CSWGetRecords/v2_0_2.js\n+    OpenLayers/Format/XLS.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/CSWGetRecords.js\n- * @requires OpenLayers/Format/Filter/v1_0_0.js\n- * @requires OpenLayers/Format/Filter/v1_1_0.js\n- * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Format.CSWGetRecords.v2_0_2\n- *     A format for creating CSWGetRecords v2.0.2 transactions. \n- *     Create a new instance with the\n- *     <OpenLayers.Format.CSWGetRecords.v2_0_2> constructor.\n- *\n+ * Class: OpenLayers.Format.XLS\n+ * Read/Write XLS (OpenLS). Create a new instance with the <OpenLayers.Format.XLS>\n+ *     constructor. Currently only implemented for Location Utility Services, more\n+ *     specifically only for Geocoding. No support for Reverse Geocoding as yet.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n-     */\n-    namespaces: {\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n-        dc: \"http://purl.org/dc/elements/1.1/\",\n-        dct: \"http://purl.org/dc/terms/\",\n-        gmd: \"http://www.isotc211.org/2005/gmd\",\n-        geonet: \"http://www.fao.org/geonetwork\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        ows: \"http://www.opengis.net/ows\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-\n-    /**\n-     * Property: defaultPrefix\n-     * {String} The default prefix (used by Format.XML).\n-     */\n-    defaultPrefix: \"csw\",\n-\n-    /**\n-     * Property: version\n-     * {String} CSW version number.\n-     */\n-    version: \"2.0.2\",\n-\n-    /**\n-     * Property: schemaLocation\n-     * {String} http://www.opengis.net/cat/csw/2.0.2\n-     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n-     */\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-\n-    /**\n-     * APIProperty: requestId\n-     * {String} Value of the requestId attribute of the GetRecords element.\n-     */\n-    requestId: null,\n-\n-    /**\n-     * APIProperty: resultType\n-     * {String} Value of the resultType attribute of the GetRecords element,\n-     *     specifies the result type in the GetRecords response, \"hits\" is\n-     *     the default.\n-     */\n-    resultType: null,\n-\n-    /**\n-     * APIProperty: outputFormat\n-     * {String} Value of the outputFormat attribute of the GetRecords element,\n-     *     specifies the format of the GetRecords response,\n-     *     \"application/xml\" is the default.\n-     */\n-    outputFormat: null,\n-\n-    /**\n-     * APIProperty: outputSchema\n-     * {String} Value of the outputSchema attribute of the GetRecords element,\n-     *     specifies the schema of the GetRecords response.\n-     */\n-    outputSchema: null,\n-\n-    /**\n-     * APIProperty: startPosition\n-     * {String} Value of the startPosition attribute of the GetRecords element,\n-     *     specifies the start position (offset+1) for the GetRecords response,\n-     *     1 is the default.\n-     */\n-    startPosition: null,\n-\n-    /**\n-     * APIProperty: maxRecords\n-     * {String} Value of the maxRecords attribute of the GetRecords element,\n-     *     specifies the maximum number of records in the GetRecords response,\n-     *     10 is the default.\n-     */\n-    maxRecords: null,\n-\n-    /**\n-     * APIProperty: DistributedSearch\n-     * {String} Value of the csw:DistributedSearch element, used when writing\n-     *     a csw:GetRecords document.\n-     */\n-    DistributedSearch: null,\n-\n-    /**\n-     * APIProperty: ResponseHandler\n-     * {Array({String})} Values of the csw:ResponseHandler elements, used when\n-     *     writting a csw:GetRecords document.\n-     */\n-    ResponseHandler: null,\n+OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: Query\n-     * {String} Value of the csw:Query element, used when writing a csw:GetRecords\n-     *     document.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    Query: null,\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n+     * APIProperty: stringifyOutput\n+     * {Boolean} If true, write will return a string otherwise a DOMElement.\n+     * Default is true.\n      */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n-    },\n+    stringifyOutput: true,\n \n     /**\n-     * Constructor: OpenLayers.Format.CSWGetRecords.v2_0_2\n-     * A class for parsing and generating CSWGetRecords v2.0.2 transactions.\n+     * Constructor: OpenLayers.Format.XLS\n+     * Create a new parser for XLS.\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties (documented as class properties):\n-     * - requestId\n-     * - resultType\n-     * - outputFormat\n-     * - outputSchema\n-     * - startPosition\n-     * - maxRecords\n-     * - DistributedSearch\n-     * - ResponseHandler\n-     * - Query\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Parse the response from a GetRecords request.\n-     */\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement;\n-        }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj;\n-    },\n-\n-    /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    readers: {\n-        \"csw\": {\n-            \"GetRecordsResponse\": function(node, obj) {\n-                obj.records = [];\n-                this.readChildNodes(node, obj);\n-                var version = this.getAttributeNS(node, \"\", 'version');\n-                if (version != \"\") {\n-                    obj.version = version;\n-                }\n-            },\n-            \"RequestId\": function(node, obj) {\n-                obj.RequestId = this.getChildValue(node);\n-            },\n-            \"SearchStatus\": function(node, obj) {\n-                obj.SearchStatus = {};\n-                var timestamp = this.getAttributeNS(node, \"\", 'timestamp');\n-                if (timestamp != \"\") {\n-                    obj.SearchStatus.timestamp = timestamp;\n-                }\n-            },\n-            \"SearchResults\": function(node, obj) {\n-                this.readChildNodes(node, obj);\n-                var attrs = node.attributes;\n-                var SearchResults = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    if ((attrs[i].name == \"numberOfRecordsMatched\") ||\n-                        (attrs[i].name == \"numberOfRecordsReturned\") ||\n-                        (attrs[i].name == \"nextRecord\")) {\n-                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue);\n-                    } else {\n-                        SearchResults[attrs[i].name] = attrs[i].nodeValue;\n-                    }\n-                }\n-                obj.SearchResults = SearchResults;\n-            },\n-            \"SummaryRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"SummaryRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n-            },\n-            \"BriefRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"BriefRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n-            },\n-            \"DCMIRecord\": function(node, obj) {\n-                var record = {\n-                    type: \"DCMIRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n-            },\n-            \"Record\": function(node, obj) {\n-                var record = {\n-                    type: \"Record\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record);\n-            },\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                obj[name] = this.getChildValue(node);\n-            }\n-        },\n-        \"geonet\": {\n-            \"info\": function(node, obj) {\n-                var gninfo = {};\n-                this.readChildNodes(node, gninfo);\n-                obj.gninfo = gninfo;\n-            }\n-        },\n-        \"dc\": {\n-            // audience, contributor, coverage, creator, date, description, format,\n-            // identifier, language, provenance, publisher, relation, rights,\n-            // rightsHolder, source, subject, title, type, URI\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!(OpenLayers.Util.isArray(obj[name]))) {\n-                    obj[name] = [];\n-                }\n-                var dc_element = {};\n-                var attrs = node.attributes;\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    dc_element[attrs[i].name] = attrs[i].nodeValue;\n-                }\n-                dc_element.value = this.getChildValue(node);\n-                if (dc_element.value != \"\") {\n-                    obj[name].push(dc_element);\n-                }\n-            }\n-        },\n-        \"dct\": {\n-            // abstract, modified, spatial\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!(OpenLayers.Util.isArray(obj[name]))) {\n-                    obj[name] = [];\n-                }\n-                obj[name].push(this.getChildValue(node));\n-            }\n-        },\n-        \"ows\": OpenLayers.Util.applyDefaults({\n-            \"BoundingBox\": function(node, obj) {\n-                if (obj.bounds) {\n-                    obj.BoundingBox = [{\n-                        crs: obj.projection,\n-                        value: [\n-                            obj.bounds.left,\n-                            obj.bounds.bottom,\n-                            obj.bounds.right,\n-                            obj.bounds.top\n-                        ]\n-                    }];\n-                    delete obj.projection;\n-                    delete obj.bounds;\n-                }\n-                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(\n-                    this, arguments);\n-            }\n-        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n-    },\n \n     /**\n-     * Method: write\n-     * Given an configuration js object, write a CSWGetRecords request. \n+     * APIMethod: write\n+     * Write out an XLS request.\n      *\n      * Parameters:\n-     * options - {Object} A object mapping the request.\n+     * request - {Object} An object representing the LUS request.\n+     * options - {Object} Optional configuration object.\n      *\n      * Returns:\n-     * {String} A serialized CSWGetRecords request.\n-     */\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetRecords\", options);\n-        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n-    },\n-\n-    /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n-     */\n-    writers: {\n-        \"csw\": {\n-            \"GetRecords\": function(options) {\n-                if (!options) {\n-                    options = {};\n-                }\n-                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version,\n-                        requestId: options.requestId || this.requestId,\n-                        resultType: options.resultType || this.resultType,\n-                        outputFormat: options.outputFormat || this.outputFormat,\n-                        outputSchema: options.outputSchema || this.outputSchema,\n-                        startPosition: options.startPosition || this.startPosition,\n-                        maxRecords: options.maxRecords || this.maxRecords\n-                    }\n-                });\n-                if (options.DistributedSearch || this.DistributedSearch) {\n-                    this.writeNode(\n-                        \"csw:DistributedSearch\",\n-                        options.DistributedSearch || this.DistributedSearch,\n-                        node\n-                    );\n-                }\n-                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n-                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n-                    // ResponseHandler must be a non-empty array\n-                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n-                        this.writeNode(\n-                            \"csw:ResponseHandler\",\n-                            ResponseHandler[i],\n-                            node\n-                        );\n-                    }\n-                }\n-                this.writeNode(\"Query\", options.Query || this.Query, node);\n-                return node;\n-            },\n-            \"DistributedSearch\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n-                    attributes: {\n-                        hopCount: options.hopCount\n-                    }\n-                });\n-                return node;\n-            },\n-            \"ResponseHandler\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n-                    value: options.value\n-                });\n-                return node;\n-            },\n-            \"Query\": function(options) {\n-                if (!options) {\n-                    options = {};\n-                }\n-                var node = this.createElementNSPlus(\"csw:Query\", {\n-                    attributes: {\n-                        typeNames: options.typeNames || \"csw:Record\"\n-                    }\n-                });\n-                var ElementName = options.ElementName;\n-                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n-                    // ElementName must be a non-empty array\n-                    for (var i = 0, len = ElementName.length; i < len; i++) {\n-                        this.writeNode(\n-                            \"csw:ElementName\",\n-                            ElementName[i],\n-                            node\n-                        );\n-                    }\n-                } else {\n-                    this.writeNode(\n-                        \"csw:ElementSetName\",\n-                        options.ElementSetName || {\n-                            value: 'summary'\n-                        },\n-                        node\n-                    );\n-                }\n-                if (options.Constraint) {\n-                    this.writeNode(\n-                        \"csw:Constraint\",\n-                        options.Constraint,\n-                        node\n-                    );\n-                }\n-                if (options.SortBy) {\n-                    this.writeNode(\n-                        \"ogc:SortBy\",\n-                        options.SortBy,\n-                        node\n-                    );\n-                }\n-                return node;\n-            },\n-            \"ElementName\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementName\", {\n-                    value: options.value\n-                });\n-                return node;\n-            },\n-            \"ElementSetName\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n-                    attributes: {\n-                        typeNames: options.typeNames\n-                    },\n-                    value: options.value\n-                });\n-                return node;\n-            },\n-            \"Constraint\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:Constraint\", {\n-                    attributes: {\n-                        version: options.version\n-                    }\n-                });\n-                if (options.Filter) {\n-                    var format = new OpenLayers.Format.Filter({\n-                        version: options.version\n-                    });\n-                    node.appendChild(format.write(options.Filter));\n-                } else if (options.CqlText) {\n-                    var child = this.createElementNSPlus(\"CqlText\", {\n-                        value: options.CqlText.value\n-                    });\n-                    node.appendChild(child);\n-                }\n-                return node;\n-            }\n-        },\n-        \"ogc\": OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n-});\n-/* ======================================================================\n-    OpenLayers/Protocol/CSW/v2_0_2.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Protocol/CSW.js\n- * @requires OpenLayers/Format/CSWGetRecords/v2_0_2.js\n- */\n-\n-/**\n- * Class: OpenLayers.Protocol.CSW.v2_0_2\n- * CS-W (Catalogue services for the Web) version 2.0.2 protocol.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Protocol>\n- */\n-OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n-     */\n-    formatOptions: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Protocol.CSW.v2_0_2\n-     * A class for CSW version 2.0.2 protocol management.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions));\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n-\n-    /**\n-     * Method: read\n-     * Construct a request for reading new records from the Catalogue.\n-     */\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-\n-        var data = this.format.write(options.params || options);\n-\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-\n-        return response;\n-    },\n-\n-    /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     *     This response is given a code property, and optionally a data property.\n-     *     The latter represents the CSW records as returned by the call to\n-     *     the CSW format read method.\n-     * options - {Object} The user options passed to the read call.\n+     * {String} An XLS document string.\n      */\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                response.data = this.parseData(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n-        }\n-    },\n \n     /**\n-     * Method: parseData\n-     * Read HTTP response body and return records\n+     * APIMethod: read\n+     * Read an XLS doc and return an object representing the result.\n      *\n      * Parameters:\n-     * request - {XMLHttpRequest} The request object\n+     * data - {String | DOMElement} Data to read.\n+     * options - {Object} Options for the reader.\n      *\n      * Returns:\n-     * {Object} The CSW records as returned by the call to the format read method.\n+     * {Object} An object representing the GeocodeResponse.\n      */\n-    parseData: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n-        }\n-        return this.format.read(doc);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n \n+    CLASS_NAME: \"OpenLayers.Format.XLS\"\n });\n /* ======================================================================\n     OpenLayers/Format/SOSGetFeatureOfInterest.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n@@ -74735,1190 +67677,1863 @@\n             }\n         },\n \n         CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Protocol/SOS/v1_0_0.js\n+    OpenLayers/Format/OWSContext.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Protocol/SOS.js\n- * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n+ * @requires OpenLayers/Format/Context.js\n  */\n \n /**\n- * Class: OpenLayers.Protocol.SOS.v1_0_0\n- * An SOS v1.0.0 Protocol for vector layers.  Create a new instance with the\n- *     <OpenLayers.Protocol.SOS.v1_0_0> constructor.\n+ * Class: OpenLayers.Format.OWSContext\n+ * Read and write OWS Context documents. OWS Context documents are a \n+ * preliminary OGC (Open Geospatial Consortium) standard for storing the \n+ * state of a web mapping application. In a way it is the successor to\n+ * Web Map Context (WMC), since it is more generic and more types of layers\n+ * can be stored. Also, nesting of layers is supported since version 0.3.1.\n+ * For more information see: http://www.ogcnetwork.net/context\n  *\n  * Inherits from:\n- *  - <OpenLayers.Protocol>\n+ *  - <OpenLayers.Format.Context>\n  */\n-OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n-\n-    /**\n-     * APIProperty: fois\n-     * {Array(String)} Array of features of interest (foi)\n-     */\n-    fois: null,\n+OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n \n     /**\n-     * Property: formatOptions\n-     * {Object} Optional options for the format.  If a format is not provided,\n-     *     this property can be used to extend the default format options.\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"0.3.1\".\n      */\n-    formatOptions: null,\n+    defaultVersion: \"0.3.1\",\n \n     /**\n-     * Constructor: OpenLayers.Protocol.SOS\n-     * A class for giving layers an SOS protocol.\n+     * Constructor: OpenLayers.Format.OWSContext\n+     * Create a new parser for OWS Context documents.\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     *\n-     * Valid options properties:\n-     * url - {String} URL to send requests to (required).\n-     * fois - {Array} The features of interest (required).\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(\n-                this.formatOptions);\n-        }\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Clean up the protocol.\n-     */\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy();\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Construct a request for reading new sensor positions. This is done by\n-     *     issuing one GetFeatureOfInterest request.\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var format = this.format;\n-        var data = OpenLayers.Format.XML.prototype.write.apply(format,\n-            [format.writeNode(\"sos:GetFeatureOfInterest\", {\n-                fois: this.fois\n-            })]\n-        );\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            data: data\n-        });\n-        return response;\n-    },\n \n     /**\n-     * Method: handleRead\n-     * Deal with response from the read request.\n+     * Method: getVersion\n+     * Returns the version to use. Subclasses can override this function\n+     * if a different version detection is needed.\n      *\n      * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n-     *     to the user callback.\n-     * options - {Object} The user options passed to the read call.\n+     * root - {DOMElement}\n+     * options - {Object} Optional configuration object.\n+     *\n+     * Returns:\n+     * {String} The version to use.\n      */\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                // success\n-                response.features = this.parseFeatures(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS;\n-            } else {\n-                // failure\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-            }\n-            options.callback.call(options.scope, response);\n+    getVersion: function(root, options) {\n+        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(\n+            this, arguments);\n+        // 0.3.1 is backwards compatible with 0.3.0\n+        if (version === \"0.3.0\") {\n+            version = this.defaultVersion;\n         }\n+        return version;\n     },\n \n     /**\n-     * Method: parseFeatures\n-     * Read HTTP response body and return features\n+     * Method: toContext\n+     * Create a context object free from layer given a map or a\n+     * context object.\n      *\n      * Parameters:\n-     * request - {XMLHttpRequest} The request object\n+     * obj - {<OpenLayers.Map> | Object} The map or context.\n      *\n      * Returns:\n-     * {Array({<OpenLayers.Feature.Vector>})} Array of features\n+     * {Object} A context object.\n      */\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText;\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null;\n+    toContext: function(obj) {\n+        var context = {};\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            context.bounds = obj.getExtent();\n+            context.maxExtent = obj.maxExtent;\n+            context.projection = obj.projection;\n+            context.size = obj.getSize();\n+            context.layers = obj.layers;\n         }\n-        return this.format.read(doc);\n+        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n+    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n+\n });\n /* ======================================================================\n-    OpenLayers/Popup/Framed.js\n+    OpenLayers/Format/KML.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Popup/Anchored.js\n+ * @requires OpenLayers/BaseTypes/Date.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Geometry/Point.js\n+ * @requires OpenLayers/Geometry/LineString.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n+ * @requires OpenLayers/Geometry/Collection.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Projection.js\n  */\n \n /**\n- * Class: OpenLayers.Popup.Framed\n+ * Class: OpenLayers.Format.KML\n+ * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n+ *     constructor. \n  * \n  * Inherits from:\n- *  - <OpenLayers.Popup.Anchored>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Popup.Framed =\n-    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n \n-        /**\n-         * Property: imageSrc\n-         * {String} location of the image to be used as the popup frame\n-         */\n-        imageSrc: null,\n+    /**\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n+     */\n+    namespaces: {\n+        kml: \"http://www.opengis.net/kml/2.2\",\n+        gx: \"http://www.google.com/kml/ext/2.2\"\n+    },\n \n-        /**\n-         * Property: imageSize\n-         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n-         *     by the 'imageSrc' property.\n-         */\n-        imageSize: null,\n+    /**\n+     * APIProperty: kmlns\n+     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n+     */\n+    kmlns: \"http://earth.google.com/kml/2.0\",\n \n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The image has some alpha and thus needs to use the alpha \n-         *     image hack. Note that setting this to true will have no noticeable\n-         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n-         *     browser. \n-         *     Default is false.\n-         */\n-        isAlphaImage: false,\n+    /** \n+     * APIProperty: placemarksDesc\n+     * {String} Name of the placemarks.  Default is \"No description available\".\n+     */\n+    placemarksDesc: \"No description available\",\n \n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of different position blocks (Object/Hashs). Each block \n-         *     will be keyed by a two-character 'relativePosition' \n-         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n-         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n-         *     parameter, which is an array of the block objects. \n-         * \n-         *     Each block object must have 'size', 'anchor', and 'position' \n-         *     properties.\n-         * \n-         *     Note that positionBlocks should never be modified at runtime.\n-         */\n-        positionBlocks: null,\n+    /** \n+     * APIProperty: foldersName\n+     * {String} Name of the folders.  Default is \"OpenLayers export\".\n+     *          If set to null, no name element will be created.\n+     */\n+    foldersName: \"OpenLayers export\",\n \n-        /**\n-         * Property: blocks\n-         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n-         *     popup. Each block has a 'div' and an 'image' property, both of \n-         *     which are DOMElements, and the latter of which is appended to the \n-         *     former. These are reused as the popup goes changing positions for\n-         *     great economy and elegance.\n-         */\n-        blocks: null,\n+    /** \n+     * APIProperty: foldersDesc\n+     * {String} Description of the folders. Default is \"Exported on [date].\"\n+     *          If set to null, no description element will be created.\n+     */\n+    foldersDesc: \"Exported on \" + new Date(),\n \n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} We want the framed popup to work dynamically placed relative\n-         *     to its anchor but also in just one fixed position. A well designed\n-         *     framed popup will have the pixels and logic to display itself in \n-         *     any of the four relative positions, but (understandably), this will\n-         *     not be the case for all of them. By setting this property to 'true', \n-         *     framed popup will not recalculate for the best placement each time\n-         *     it's open, but will always open the same way. \n-         *     Note that if this is set to true, it is generally advisable to also\n-         *     set the 'panIntoView' property to true so that the popup can be \n-         *     scrolled into view (since it will often be offscreen on open)\n-         *     Default is false.\n-         */\n-        fixedRelativePosition: false,\n+    /**\n+     * APIProperty: extractAttributes\n+     * {Boolean} Extract attributes from KML.  Default is true.\n+     *           Extracting styleUrls requires this to be set to true\n+     *           Note that currently only Data and SimpleData \n+     *           elements are handled.\n+     */\n+    extractAttributes: true,\n \n-        /** \n-         * Constructor: OpenLayers.Popup.Framed\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n+    /**\n+     * APIProperty: kvpAttributes\n+     * {Boolean} Only used if extractAttributes is true.\n+     *           If set to true, attributes will be simple\n+     *           key-value pairs, compatible with other formats,\n+     *           Any displayName elements will be ignored.\n+     *           If set to false, attributes will be objects,\n+     *           retaining any displayName elements, but not\n+     *           compatible with other formats. Any CDATA in\n+     *           displayName will be read in as a string value.\n+     *           Default is false.\n+     */\n+    kvpAttributes: false,\n \n-            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+    /**\n+     * Property: extractStyles\n+     * {Boolean} Extract styles from KML.  Default is false.\n+     *           Extracting styleUrls also requires extractAttributes to be\n+     *           set to true\n+     */\n+    extractStyles: false,\n \n-            if (this.fixedRelativePosition) {\n-                //based on our decided relativePostion, set the current padding\n-                // this keeps us from getting into trouble \n-                this.updateRelativePosition();\n+    /**\n+     * APIProperty: extractTracks\n+     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n+     *     is false.  If true, features will be generated for all points in\n+     *     all gx:Track elements.  Features will have a when (Date) attribute\n+     *     based on when elements in the track.  If tracks include angle\n+     *     elements, features will have heading, tilt, and roll attributes.\n+     *     If track point coordinates have three values, features will have\n+     *     an altitude attribute with the third coordinate value.\n+     */\n+    extractTracks: false,\n \n-                //make calculateRelativePosition always return the specified\n-                // fixed position.\n-                this.calculateRelativePosition = function(px) {\n-                    return this.relativePosition;\n-                };\n-            }\n+    /**\n+     * APIProperty: trackAttributes\n+     * {Array} If <extractTracks> is true, points within gx:Track elements will \n+     *     be parsed as features with when, heading, tilt, and roll attributes.\n+     *     Any additional attribute names can be provided in <trackAttributes>.\n+     */\n+    trackAttributes: null,\n \n-            this.contentDiv.style.position = \"absolute\";\n-            this.contentDiv.style.zIndex = 1;\n+    /**\n+     * Property: internalns\n+     * {String} KML Namespace to use -- defaults to the namespace of the\n+     *     Placemark node being parsed, but falls back to kmlns. \n+     */\n+    internalns: null,\n \n-            if (closeBox) {\n-                this.closeDiv.style.zIndex = 1;\n-            }\n+    /**\n+     * Property: features\n+     * {Array} Array of features\n+     *     \n+     */\n+    features: null,\n \n-            this.groupDiv.style.position = \"absolute\";\n-            this.groupDiv.style.top = \"0px\";\n-            this.groupDiv.style.left = \"0px\";\n-            this.groupDiv.style.height = \"100%\";\n-            this.groupDiv.style.width = \"100%\";\n-        },\n+    /**\n+     * Property: styles\n+     * {Object} Storage of style objects\n+     *     \n+     */\n+    styles: null,\n \n-        /** \n-         * APIMethod: destroy\n-         */\n-        destroy: function() {\n-            this.imageSrc = null;\n-            this.imageSize = null;\n-            this.isAlphaImage = null;\n+    /**\n+     * Property: styleBaseUrl\n+     * {String}\n+     */\n+    styleBaseUrl: \"\",\n \n-            this.fixedRelativePosition = false;\n-            this.positionBlocks = null;\n+    /**\n+     * Property: fetched\n+     * {Object} Storage of KML URLs that have been fetched before\n+     *     in order to prevent reloading them.\n+     */\n+    fetched: null,\n \n-            //remove our blocks\n-            for (var i = 0; i < this.blocks.length; i++) {\n-                var block = this.blocks[i];\n+    /**\n+     * APIProperty: maxDepth\n+     * {Integer} Maximum depth for recursive loading external KML URLs \n+     *           Defaults to 0: do no external fetching\n+     */\n+    maxDepth: 0,\n \n-                if (block.image) {\n-                    block.div.removeChild(block.image);\n-                }\n-                block.image = null;\n+    /**\n+     * Constructor: OpenLayers.Format.KML\n+     * Create a new parser for KML.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n+    initialize: function(options) {\n+        // compile regular expressions once instead of every time they are used\n+        this.regExes = {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g),\n+            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n+            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n+            straightBracket: (/\\$\\[(.*?)\\]/g)\n+        };\n+        // KML coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n \n-                if (block.div) {\n-                    this.groupDiv.removeChild(block.div);\n-                }\n-                block.div = null;\n-            }\n-            this.blocks = null;\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    },\n \n-            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n-        },\n+    /**\n+     * APIMethod: read\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     */\n+    read: function(data) {\n+        this.features = [];\n+        this.styles = {};\n+        this.fetched = {};\n \n-        /**\n-         * APIMethod: setBackgroundColor\n-         */\n-        setBackgroundColor: function(color) {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the background color makes no sense. \n-        },\n+        // Set default options \n+        var options = {\n+            depth: 0,\n+            styleBaseUrl: this.styleBaseUrl\n+        };\n \n-        /**\n-         * APIMethod: setBorder\n-         */\n-        setBorder: function() {\n-            //does nothing since the framed popup's entire scheme is based on a \n-            // an image -- changing the popup's border makes no sense. \n-        },\n+        return this.parseData(data, options);\n+    },\n \n-        /**\n-         * Method: setOpacity\n-         * Sets the opacity of the popup.\n-         * \n-         * Parameters:\n-         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n-         */\n-        setOpacity: function(opacity) {\n-            //does nothing since we suppose that we'll never apply an opacity\n-            // to a framed popup\n-        },\n+    /**\n+     * Method: parseData\n+     * Read data from a string, and return a list of features. \n+     * \n+     * Parameters: \n+     * data    - {String} or {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     */\n+    parseData: function(data, options) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n \n-        /**\n-         * APIMethod: setSize\n-         * Overridden here, because we need to update the blocks whenever the size\n-         *     of the popup has changed.\n-         * \n-         * Parameters:\n-         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n-         *     contents div (in pixels).\n-         */\n-        setSize: function(contentSize) {\n-            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+        // Loop throught the following node types in this order and\n+        // process the nodes found \n+        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            var type = types[i];\n \n-            this.updateBlocks();\n-        },\n+            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n \n-        /**\n-         * Method: updateRelativePosition\n-         * When the relative position changes, we need to set the new padding \n-         *     BBOX on the popup, reposition the close div, and update the blocks.\n-         */\n-        updateRelativePosition: function() {\n+            // skip to next type if no nodes are found\n+            if (nodes.length == 0) {\n+                continue;\n+            }\n \n-            //update the padding\n-            this.padding = this.positionBlocks[this.relativePosition].padding;\n+            switch (type.toLowerCase()) {\n \n-            //update the position of our close box to new padding\n-            if (this.closeDiv) {\n-                // use the content div's css padding to determine if we should\n-                //  padd the close div\n-                var contentDivPadding = this.getContentDivPadding();\n+                // Fetch external links \n+                case \"link\":\n+                case \"networklink\":\n+                    this.parseLinks(nodes, options);\n+                    break;\n \n-                this.closeDiv.style.right = contentDivPadding.right +\n-                    this.padding.right + \"px\";\n-                this.closeDiv.style.top = contentDivPadding.top +\n-                    this.padding.top + \"px\";\n+                    // parse style information\n+                case \"style\":\n+                    if (this.extractStyles) {\n+                        this.parseStyles(nodes, options);\n+                    }\n+                    break;\n+                case \"stylemap\":\n+                    if (this.extractStyles) {\n+                        this.parseStyleMaps(nodes, options);\n+                    }\n+                    break;\n+\n+                    // parse features\n+                case \"placemark\":\n+                    this.parseFeatures(nodes, options);\n+                    break;\n             }\n+        }\n \n-            this.updateBlocks();\n-        },\n+        return this.features;\n+    },\n \n-        /** \n-         * Method: calculateNewPx\n-         * Besides the standard offset as determined by the Anchored class, our \n-         *     Framed popups have a special 'offset' property for each of their \n-         *     positions, which is used to offset the popup relative to its anchor.\n-         * \n-         * Parameters:\n-         * px - {<OpenLayers.Pixel>}\n-         * \n-         * Returns:\n-         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n-         *     relative to the passed-in px.\n-         */\n-        calculateNewPx: function(px) {\n-            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n-                this, arguments\n-            );\n+    /**\n+     * Method: parseLinks\n+     * Finds URLs of linked KML documents and fetches them\n+     * \n+     * Parameters: \n+     * nodes   - {Array} of {DOMElement} data to read/parse.\n+     * options - {Object} Hash of options\n+     * \n+     */\n+    parseLinks: function(nodes, options) {\n \n-            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+        // Fetch external links <NetworkLink> and <Link>\n+        // Don't do anything if we have reached our maximum depth for recursion\n+        if (options.depth >= this.maxDepth) {\n+            return false;\n+        }\n \n-            return newPx;\n-        },\n+        // increase depth\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n \n-        /**\n-         * Method: createBlocks\n-         */\n-        createBlocks: function() {\n-            this.blocks = [];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n+            if (href && !this.fetched[href]) {\n+                this.fetched[href] = true; // prevent reloading the same urls\n+                var data = this.fetchLink(href);\n+                if (data) {\n+                    this.parseData(data, newOptions);\n+                }\n+            }\n+        }\n \n-            //since all positions contain the same number of blocks, we can \n-            // just pick the first position and use its blocks array to create\n-            // our blocks array\n-            var firstPosition = null;\n-            for (var key in this.positionBlocks) {\n-                firstPosition = key;\n-                break;\n-            }\n+    },\n \n-            var position = this.positionBlocks[firstPosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n+    /**\n+     * Method: fetchLink\n+     * Fetches a URL and returns the result\n+     * \n+     * Parameters: \n+     * href  - {String} url to be fetched\n+     * \n+     */\n+    fetchLink: function(href) {\n+        var request = OpenLayers.Request.GET({\n+            url: href,\n+            async: false\n+        });\n+        if (request) {\n+            return request.responseText;\n+        }\n+    },\n \n-                var block = {};\n-                this.blocks.push(block);\n+    /**\n+     * Method: parseStyles\n+     * Parses <Style> nodes\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseStyles: function(nodes, options) {\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var style = this.parseStyle(nodes[i]);\n+            if (style) {\n+                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n \n-                var divId = this.id + '_FrameDecorationDiv_' + i;\n-                block.div = OpenLayers.Util.createDiv(divId,\n-                    null, null, null, \"absolute\", null, \"hidden\", null\n-                );\n+                this.styles[styleName] = style;\n+            }\n+        }\n+    },\n \n-                var imgId = this.id + '_FrameDecorationImg_' + i;\n-                var imageCreator =\n-                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n-                    OpenLayers.Util.createImage;\n+    /**\n+     * Method: parseKmlColor\n+     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n+     * color and opacity or null if the color is invalid.\n+     *\n+     * Parameters: \n+     * kmlColor - {String} a kml formated color\n+     *\n+     * Returns:\n+     * {Object}\n+     */\n+    parseKmlColor: function(kmlColor) {\n+        var color = null;\n+        if (kmlColor) {\n+            var matches = kmlColor.match(this.regExes.kmlColor);\n+            if (matches) {\n+                color = {\n+                    color: '#' + matches[4] + matches[3] + matches[2],\n+                    opacity: parseInt(matches[1], 16) / 255\n+                };\n+            }\n+        }\n+        return color;\n+    },\n \n-                block.image = imageCreator(imgId,\n-                    null, this.imageSize, this.imageSrc,\n-                    \"absolute\", null, null, null\n-                );\n+    /**\n+     * Method: parseStyle\n+     * Parses the children of a <Style> node and builds the style hash\n+     * accordingly\n+     * \n+     * Parameters: \n+     * node - {DOMElement} <Style> node\n+     * \n+     */\n+    parseStyle: function(node) {\n+        var style = {};\n \n-                block.div.appendChild(block.image);\n-                this.groupDiv.appendChild(block.div);\n+        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n+            \"LabelStyle\"\n+        ];\n+        var type, styleTypeNode, nodeList, geometry, parser;\n+        for (var i = 0, len = types.length; i < len; ++i) {\n+            type = types[i];\n+            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n+            if (!styleTypeNode) {\n+                continue;\n             }\n-        },\n \n-        /**\n-         * Method: updateBlocks\n-         * Internal method, called on initialize and when the popup's relative\n-         *     position has changed. This function takes care of re-positioning\n-         *     the popup's blocks in their appropropriate places.\n-         */\n-        updateBlocks: function() {\n-            if (!this.blocks) {\n-                this.createBlocks();\n-            }\n+            // only deal with first geometry of this type\n+            switch (type.toLowerCase()) {\n+                case \"linestyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"strokeColor\"] = color.color;\n+                        style[\"strokeOpacity\"] = color.opacity;\n+                    }\n \n-            if (this.size && this.relativePosition) {\n-                var position = this.positionBlocks[this.relativePosition];\n-                for (var i = 0; i < position.blocks.length; i++) {\n+                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n+                    if (width) {\n+                        style[\"strokeWidth\"] = width;\n+                    }\n+                    break;\n \n-                    var positionBlock = position.blocks[i];\n-                    var block = this.blocks[i];\n+                case \"polystyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fillOpacity\"] = color.opacity;\n+                        style[\"fillColor\"] = color.color;\n+                    }\n+                    // Check if fill is disabled\n+                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n+                    if (fill == \"0\") {\n+                        style[\"fillColor\"] = \"none\";\n+                    }\n+                    // Check if outline is disabled\n+                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n+                    if (outline == \"0\") {\n+                        style[\"strokeWidth\"] = \"0\";\n+                    }\n \n-                    // adjust sizes\n-                    var l = positionBlock.anchor.left;\n-                    var b = positionBlock.anchor.bottom;\n-                    var r = positionBlock.anchor.right;\n-                    var t = positionBlock.anchor.top;\n+                    break;\n \n-                    //note that we use the isNaN() test here because if the \n-                    // size object is initialized with a \"auto\" parameter, the \n-                    // size constructor calls parseFloat() on the string, \n-                    // which will turn it into NaN\n-                    //\n-                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n-                        positionBlock.size.w;\n+                case \"iconstyle\":\n+                    // set scale\n+                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n+                        \"*\", \"scale\") || 1);\n \n-                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n-                        positionBlock.size.h;\n+                    // set default width and height of icon\n+                    var width = 32 * scale;\n+                    var height = 32 * scale;\n \n-                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n-                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n+                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"Icon\")[0];\n+                    if (iconNode) {\n+                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n+                        if (href) {\n \n-                    block.div.style.left = (l != null) ? l + 'px' : '';\n-                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n-                    block.div.style.right = (r != null) ? r + 'px' : '';\n-                    block.div.style.top = (t != null) ? t + 'px' : '';\n+                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n+                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n \n-                    block.image.style.left = positionBlock.position.x + 'px';\n-                    block.image.style.top = positionBlock.position.y + 'px';\n-                }\n+                            // Settings for Google specific icons that are 64x64\n+                            // We set the width and height to 64 and halve the\n+                            // scale to prevent icons from being too big\n+                            var google = \"http://maps.google.com/mapfiles/kml\";\n+                            if (OpenLayers.String.startsWith(\n+                                    href, google) && !w && !h) {\n+                                w = 64;\n+                                h = 64;\n+                                scale = scale / 2;\n+                            }\n \n-                this.contentDiv.style.left = this.padding.left + \"px\";\n-                this.contentDiv.style.top = this.padding.top + \"px\";\n-            }\n-        },\n+                            // if only dimension is defined, make sure the\n+                            // other one has the same value\n+                            w = w || h;\n+                            h = h || w;\n \n-        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Popup/FramedCloud.js\n-   ====================================================================== */\n+                            if (w) {\n+                                width = parseInt(w) * scale;\n+                            }\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+                            if (h) {\n+                                height = parseInt(h) * scale;\n+                            }\n \n-/**\n- * @requires OpenLayers/Popup/Framed.js\n- * @requires OpenLayers/Util.js\n- * @requires OpenLayers/BaseTypes/Bounds.js\n- * @requires OpenLayers/BaseTypes/Pixel.js\n- * @requires OpenLayers/BaseTypes/Size.js\n- */\n+                            // support for internal icons \n+                            //    (/root://icons/palette-x.png)\n+                            // x and y tell the position on the palette:\n+                            // - in pixels\n+                            // - starting from the left bottom\n+                            // We translate that to a position in the list \n+                            // and request the appropriate icon from the \n+                            // google maps website\n+                            var matches = href.match(this.regExes.kmlIconPalette);\n+                            if (matches) {\n+                                var palette = matches[1];\n+                                var file_extension = matches[2];\n \n-/**\n- * Class: OpenLayers.Popup.FramedCloud\n- * \n- * Inherits from: \n- *  - <OpenLayers.Popup.Framed>\n- */\n-OpenLayers.Popup.FramedCloud =\n-    OpenLayers.Class(OpenLayers.Popup.Framed, {\n+                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n+                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n \n-        /** \n-         * Property: contentDisplayClass\n-         * {String} The CSS class of the popup content div.\n-         */\n-        contentDisplayClass: \"olFramedCloudPopupContent\",\n+                                var posX = x ? x / 32 : 0;\n+                                var posY = y ? (7 - y / 32) : 7;\n \n-        /**\n-         * APIProperty: autoSize\n-         * {Boolean} Framed Cloud is autosizing by default.\n-         */\n-        autoSize: true,\n+                                var pos = posY * 8 + posX;\n+                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n+                                    palette + \"/icon\" + pos + file_extension;\n+                            }\n \n-        /**\n-         * APIProperty: panMapIfOutOfView\n-         * {Boolean} Framed Cloud does pan into view by default.\n-         */\n-        panMapIfOutOfView: true,\n+                            style[\"graphicOpacity\"] = 1; // fully opaque\n+                            style[\"externalGraphic\"] = href;\n+                        }\n \n-        /**\n-         * APIProperty: imageSize\n-         * {<OpenLayers.Size>}\n-         */\n-        imageSize: new OpenLayers.Size(1276, 736),\n+                    }\n \n-        /**\n-         * APIProperty: isAlphaImage\n-         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n-         *     good ie6 folk out there)\n-         */\n-        isAlphaImage: false,\n \n-        /** \n-         * APIProperty: fixedRelativePosition\n-         * {Boolean} The Framed Cloud popup works in just one fixed position.\n-         */\n-        fixedRelativePosition: false,\n+                    // hotSpots define the offset for an Icon\n+                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n+                        \"*\",\n+                        \"hotSpot\")[0];\n+                    if (hotSpotNode) {\n+                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n+                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n \n-        /**\n-         * Property: positionBlocks\n-         * {Object} Hash of differen position blocks, keyed by relativePosition\n-         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n-         */\n-        positionBlocks: {\n-            \"tl\": {\n-                'offset': new OpenLayers.Pixel(44, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 18),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -632)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(0, -688)\n-                }]\n-            },\n-            \"tr\": {\n-                'offset': new OpenLayers.Pixel(-45, 0),\n-                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 19),\n-                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                    position: new OpenLayers.Pixel(0, -631)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 19),\n-                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -631)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 35),\n-                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                    position: new OpenLayers.Pixel(-215, -687)\n-                }]\n-            },\n-            \"bl\": {\n-                'offset': new OpenLayers.Pixel(45, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                    position: new OpenLayers.Pixel(-101, -674)\n-                }]\n-            },\n-            \"br\": {\n-                'offset': new OpenLayers.Pixel(-44, 0),\n-                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n-                'blocks': [{ // top-left\n-                    size: new OpenLayers.Size('auto', 'auto'),\n-                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                    position: new OpenLayers.Pixel(0, 0)\n-                }, { //top-right\n-                    size: new OpenLayers.Size(22, 'auto'),\n-                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                    position: new OpenLayers.Pixel(-1238, 0)\n-                }, { //bottom-left\n-                    size: new OpenLayers.Size('auto', 21),\n-                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                    position: new OpenLayers.Pixel(0, -629)\n-                }, { //bottom-right\n-                    size: new OpenLayers.Size(22, 21),\n-                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                    position: new OpenLayers.Pixel(-1238, -629)\n-                }, { // stem\n-                    size: new OpenLayers.Size(81, 33),\n-                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                    position: new OpenLayers.Pixel(-311, -674)\n-                }]\n+                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n+                        if (xUnits == \"pixels\") {\n+                            style[\"graphicXOffset\"] = -x * scale;\n+                        } else if (xUnits == \"insetPixels\") {\n+                            style[\"graphicXOffset\"] = -width + (x * scale);\n+                        } else if (xUnits == \"fraction\") {\n+                            style[\"graphicXOffset\"] = -width * x;\n+                        }\n+\n+                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n+                        if (yUnits == \"pixels\") {\n+                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n+                        } else if (yUnits == \"insetPixels\") {\n+                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n+                        } else if (yUnits == \"fraction\") {\n+                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n+                        }\n+                    }\n+\n+                    style[\"graphicWidth\"] = width;\n+                    style[\"graphicHeight\"] = height;\n+                    break;\n+\n+                case \"balloonstyle\":\n+                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n+                        styleTypeNode);\n+                    if (balloonStyle) {\n+                        style[\"balloonStyle\"] = balloonStyle.replace(\n+                            this.regExes.straightBracket, \"${$1}\");\n+                    }\n+                    break;\n+                case \"labelstyle\":\n+                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n+                    var color = this.parseKmlColor(kmlColor);\n+                    if (color) {\n+                        style[\"fontColor\"] = color.color;\n+                        style[\"fontOpacity\"] = color.opacity;\n+                    }\n+                    break;\n+\n+                default:\n             }\n-        },\n+        }\n \n-        /**\n-         * APIProperty: minSize\n-         * {<OpenLayers.Size>}\n-         */\n-        minSize: new OpenLayers.Size(105, 10),\n+        // Some polygons have no line color, so we use the fillColor for that\n+        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n+            style[\"strokeColor\"] = style[\"fillColor\"];\n+        }\n \n-        /**\n-         * APIProperty: maxSize\n-         * {<OpenLayers.Size>}\n-         */\n-        maxSize: new OpenLayers.Size(1200, 660),\n+        var id = node.getAttribute(\"id\");\n+        if (id && style) {\n+            style.id = id;\n+        }\n \n-        /** \n-         * Constructor: OpenLayers.Popup.FramedCloud\n-         * \n-         * Parameters:\n-         * id - {String}\n-         * lonlat - {<OpenLayers.LonLat>}\n-         * contentSize - {<OpenLayers.Size>}\n-         * contentHTML - {String}\n-         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n-         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n-         *     (Note that this is generally an <OpenLayers.Icon>).\n-         * closeBox - {Boolean}\n-         * closeBoxCallback - {Function} Function to be called on closeBox click.\n-         */\n-        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n-            closeBoxCallback) {\n+        return style;\n+    },\n \n-            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n-            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-            this.contentDiv.className = this.contentDisplayClass;\n-        },\n+    /**\n+     * Method: parseStyleMaps\n+     * Parses <StyleMap> nodes, but only uses the 'normal' key\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n+     */\n+    parseStyleMaps: function(nodes, options) {\n+        // Only the default or \"normal\" part of the StyleMap is processed now\n+        // To do the select or \"highlight\" bit, we'd need to change lots more\n \n-        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities.js\n-   ====================================================================== */\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var node = nodes[i];\n+            var pairs = this.getElementsByTagNameNS(node, \"*\",\n+                \"Pair\");\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+            var id = node.getAttribute(\"id\");\n+            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n+                var pair = pairs[j];\n+                // Use the shortcut in the SLD format to quickly retrieve the \n+                // value of a node. Maybe it's good to have a method in \n+                // Format.XML to do this\n+                var key = this.parseProperty(pair, \"*\", \"key\");\n+                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+                if (styleUrl && key == \"normal\") {\n+                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n+                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n+                }\n+\n+                // TODO: implement the \"select\" part\n+                //if (styleUrl && key == \"highlight\") {\n+                //}\n+\n+            }\n+        }\n+\n+    },\n \n-/**\n- * Class: OpenLayers.Format.WCSCapabilities\n- * Read WCS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n+     * Method: parseFeatures\n+     * Loop through all Placemark nodes and parse them.\n+     * Will create a list of features\n+     * \n+     * Parameters: \n+     * nodes    - {Array} of {DOMElement} data to read/parse.\n+     * options  - {Object} Hash of options\n+     * \n      */\n-    defaultVersion: \"1.1.0\",\n+    parseFeatures: function(nodes, options) {\n+        var features = [];\n+        for (var i = 0, len = nodes.length; i < len; i++) {\n+            var featureNode = nodes[i];\n+            var feature = this.parseFeature.apply(this, [featureNode]);\n+            if (feature) {\n+\n+                // Create reference to styleUrl \n+                if (this.extractStyles && feature.attributes &&\n+                    feature.attributes.styleUrl) {\n+                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n+                }\n+\n+                if (this.extractStyles) {\n+                    // Make sure that <Style> nodes within a placemark are \n+                    // processed as well\n+                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n+                        \"*\",\n+                        \"Style\")[0];\n+                    if (inlineStyleNode) {\n+                        var inlineStyle = this.parseStyle(inlineStyleNode);\n+                        if (inlineStyle) {\n+                            feature.style = OpenLayers.Util.extend(\n+                                feature.style, inlineStyle\n+                            );\n+                        }\n+                    }\n+                }\n+\n+                // check if gx:Track elements should be parsed\n+                if (this.extractTracks) {\n+                    var tracks = this.getElementsByTagNameNS(\n+                        featureNode, this.namespaces.gx, \"Track\"\n+                    );\n+                    if (tracks && tracks.length > 0) {\n+                        var track = tracks[0];\n+                        var container = {\n+                            features: [],\n+                            feature: feature\n+                        };\n+                        this.readNode(track, container);\n+                        if (container.features.length > 0) {\n+                            features.push.apply(features, container.features);\n+                        }\n+                    }\n+                } else {\n+                    // add feature to list of features\n+                    features.push(feature);\n+                }\n+            } else {\n+                throw \"Bad Placemark: \" + i;\n+            }\n+        }\n+\n+        // add new features to existing feature list\n+        this.features = this.features.concat(features);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.WCSCapabilities\n-     * Create a new parser for WCS capabilities.\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n+     */\n+    readers: {\n+        \"kml\": {\n+            \"when\": function(node, container) {\n+                container.whens.push(OpenLayers.Date.parse(\n+                    this.getChildValue(node)\n+                ));\n+            },\n+            \"_trackPointAttribute\": function(node, container) {\n+                var name = node.nodeName.split(\":\").pop();\n+                container.attributes[name].push(this.getChildValue(node));\n+            }\n+        },\n+        \"gx\": {\n+            \"Track\": function(node, container) {\n+                var obj = {\n+                    whens: [],\n+                    points: [],\n+                    angles: []\n+                };\n+                if (this.trackAttributes) {\n+                    var name;\n+                    obj.attributes = {};\n+                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n+                        name = this.trackAttributes[i];\n+                        obj.attributes[name] = [];\n+                        if (!(name in this.readers.kml)) {\n+                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n+                        }\n+                    }\n+                }\n+                this.readChildNodes(node, obj);\n+                if (obj.whens.length !== obj.points.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:coord (\" +\n+                        obj.points.length + \") elements.\");\n+                }\n+                var hasAngles = obj.angles.length > 0;\n+                if (hasAngles && obj.whens.length !== obj.angles.length) {\n+                    throw new Error(\"gx:Track with unequal number of when (\" +\n+                        obj.whens.length + \") and gx:angles (\" +\n+                        obj.angles.length + \") elements.\");\n+                }\n+                var feature, point, angles;\n+                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n+                    feature = container.feature.clone();\n+                    feature.fid = container.feature.fid || container.feature.id;\n+                    point = obj.points[i];\n+                    feature.geometry = point;\n+                    if (\"z\" in point) {\n+                        feature.attributes.altitude = point.z;\n+                    }\n+                    if (this.internalProjection && this.externalProjection) {\n+                        feature.geometry.transform(\n+                            this.externalProjection, this.internalProjection\n+                        );\n+                    }\n+                    if (this.trackAttributes) {\n+                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n+                            var name = this.trackAttributes[j];\n+                            feature.attributes[name] = obj.attributes[name][i];\n+                        }\n+                    }\n+                    feature.attributes.when = obj.whens[i];\n+                    feature.attributes.trackId = container.feature.id;\n+                    if (hasAngles) {\n+                        angles = obj.angles[i];\n+                        feature.attributes.heading = parseFloat(angles[0]);\n+                        feature.attributes.tilt = parseFloat(angles[1]);\n+                        feature.attributes.roll = parseFloat(angles[2]);\n+                    }\n+                    container.features.push(feature);\n+                }\n+            },\n+            \"coord\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n+                if (coords.length > 2) {\n+                    point.z = parseFloat(coords[2]);\n+                }\n+                container.points.push(point);\n+            },\n+            \"angles\": function(node, container) {\n+                var str = this.getChildValue(node);\n+                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n+                container.angles.push(parts);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: parseFeature\n+     * This function is the core of the KML parsing code in OpenLayers.\n+     *     It creates the geometries that are then attached to the returned\n+     *     feature, and calls parseAttributes() to get attribute data out.\n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * node - {DOMElement}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A vector feature.\n      */\n+    parseFeature: function(node) {\n+        // only accept one geometry per feature - look for highest \"order\"\n+        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n+        var type, nodeList, geometry, parser;\n+        for (var i = 0, len = order.length; i < len; ++i) {\n+            type = order[i];\n+            this.internalns = node.namespaceURI ?\n+                node.namespaceURI : this.kmlns;\n+            nodeList = this.getElementsByTagNameNS(node,\n+                this.internalns, type);\n+            if (nodeList.length > 0) {\n+                // only deal with first geometry of this type\n+                var parser = this.parseGeometry[type.toLowerCase()];\n+                if (parser) {\n+                    geometry = parser.apply(this, [nodeList[0]]);\n+                    if (this.internalProjection && this.externalProjection) {\n+                        geometry.transform(this.externalProjection,\n+                            this.internalProjection);\n+                    }\n+                } else {\n+                    throw new TypeError(\"Unsupported geometry type: \" + type);\n+                }\n+                // stop looking for different geometry types\n+                break;\n+            }\n+        }\n+\n+        // construct feature (optionally with attributes)\n+        var attributes;\n+        if (this.extractAttributes) {\n+            attributes = this.parseAttributes(node);\n+        }\n+        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+\n+        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n+        if (fid != null) {\n+            feature.fid = fid;\n+        }\n+\n+        return feature;\n+    },\n \n     /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of coverages. \n+     * Method: getStyle\n+     * Retrieves a style from a style hash using styleUrl as the key\n+     * If the styleUrl doesn't exist yet, we try to fetch it \n+     * Internet\n      * \n      * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n+     * styleUrl  - {String} URL of style\n+     * options   - {Object} Hash of options \n      *\n      * Returns:\n-     * {Array} List of named coverages.\n+     * {Object}  - (reference to) Style hash\n      */\n+    getStyle: function(styleUrl, options) {\n \n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n \n-});\n-/* ======================================================================\n-    OpenLayers/Format/Context.js\n-   ====================================================================== */\n+        var newOptions = OpenLayers.Util.extend({}, options);\n+        newOptions.depth++;\n+        newOptions.styleBaseUrl = styleBaseUrl;\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        // Fetch remote Style URLs (if not fetched before) \n+        if (!this.styles[styleUrl] &&\n+            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n+            newOptions.depth <= this.maxDepth &&\n+            !this.fetched[styleBaseUrl]) {\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+            var data = this.fetchLink(styleBaseUrl);\n+            if (data) {\n+                this.parseData(data, newOptions);\n+            }\n \n-/**\n- * Class: OpenLayers.Format.Context\n- * Base class for both Format.WMC and Format.OWSContext\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+        }\n \n-    /**\n-     * Property: layerOptions\n-     * {Object} Default options for layers created by the parser. These\n-     *     options are overridden by the options which are read from the\n-     *     capabilities document.\n-     */\n-    layerOptions: null,\n+        // return requested style\n+        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n+        return style;\n+    },\n \n     /**\n-     * Property: layerParams\n-     * {Object} Default parameters for layers created by the parser. This\n-     *     can be used e.g. to override DEFAULT_PARAMS for \n-     *     OpenLayers.Layer.WMS.\n+     * Property: parseGeometry\n+     * Properties of this object are the functions that parse geometries based\n+     *     on their type.\n      */\n-    layerParams: null,\n+    parseGeometry: {\n \n-    /**\n-     * Constructor: OpenLayers.Format.Context\n-     * Create a new parser for Context documents.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n+        /**\n+         * Method: parseGeometry.point\n+         * Given a KML node representing a point geometry, create an OpenLayers\n+         *     point geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Point node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Point>} A point geometry.\n+         */\n+        point: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var coords = [];\n+            if (nodeList.length > 0) {\n+                var coordString = nodeList[0].firstChild.nodeValue;\n+                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n+                coords = coordString.split(\",\");\n+            }\n \n-    /**\n-     * APIMethod: read\n-     * Read Context data from a string, and return an object with map\n-     *     properties and a list of layers.\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n-     * options - {Object} The options object must contain a map property.  If\n-     *     the map property is a string, it must be the id of a dom element\n-     *     where the new map will be placed.  If the map property is an\n-     *     <OpenLayers.Map>, the layers from the context document will be added\n-     *     to the map.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Map>} A map based on the context.\n-     */\n-    read: function(data, options) {\n-        var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this,\n-            arguments);\n-        var map;\n-        if (options && options.map) {\n-            this.context = context;\n-            if (options.map instanceof OpenLayers.Map) {\n-                map = this.mergeContextToMap(context, options.map);\n+            var point = null;\n+            if (coords.length > 1) {\n+                // preserve third dimension\n+                if (coords.length == 2) {\n+                    coords[2] = null;\n+                }\n+                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n+                    coords[2]);\n             } else {\n-                var mapOptions = options.map;\n-                if (OpenLayers.Util.isElement(mapOptions) ||\n-                    typeof mapOptions == \"string\") {\n-                    // we assume mapOptions references a div\n-                    // element\n-                    mapOptions = {\n-                        div: mapOptions\n-                    };\n+                throw \"Bad coordinate string: \" + coordString;\n+            }\n+            return point;\n+        },\n+\n+        /**\n+         * Method: parseGeometry.linestring\n+         * Given a KML node representing a linestring geometry, create an\n+         *     OpenLayers linestring geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML LineString node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         */\n+        linestring: function(node, ring) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"coordinates\");\n+            var line = null;\n+            if (nodeList.length > 0) {\n+                var coordString = this.getChildValue(nodeList[0]);\n+\n+                coordString = coordString.replace(this.regExes.trimSpace,\n+                    \"\");\n+                coordString = coordString.replace(this.regExes.trimComma,\n+                    \",\");\n+                var pointList = coordString.split(this.regExes.splitSpace);\n+                var numPoints = pointList.length;\n+                var points = new Array(numPoints);\n+                var coords, numCoords;\n+                for (var i = 0; i < numPoints; ++i) {\n+                    coords = pointList[i].split(\",\");\n+                    numCoords = coords.length;\n+                    if (numCoords > 1) {\n+                        if (coords.length == 2) {\n+                            coords[2] = null;\n+                        }\n+                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n+                            coords[1],\n+                            coords[2]);\n+                    } else {\n+                        throw \"Bad LineString point coordinates: \" +\n+                            pointList[i];\n+                    }\n+                }\n+                if (numPoints) {\n+                    if (ring) {\n+                        line = new OpenLayers.Geometry.LinearRing(points);\n+                    } else {\n+                        line = new OpenLayers.Geometry.LineString(points);\n+                    }\n+                } else {\n+                    throw \"Bad LineString coordinates: \" + coordString;\n                 }\n-                map = this.contextToMap(context, mapOptions);\n             }\n-        } else {\n-            // not documented as part of the API, provided as a non-API option\n-            map = context;\n+\n+            return line;\n+        },\n+\n+        /**\n+         * Method: parseGeometry.polygon\n+         * Given a KML node representing a polygon geometry, create an\n+         *     OpenLayers polygon geometry.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML Polygon node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         */\n+        polygon: function(node) {\n+            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n+                \"LinearRing\");\n+            var numRings = nodeList.length;\n+            var components = new Array(numRings);\n+            if (numRings > 0) {\n+                // this assumes exterior ring first, inner rings after\n+                var ring;\n+                for (var i = 0, len = nodeList.length; i < len; ++i) {\n+                    ring = this.parseGeometry.linestring.apply(this,\n+                        [nodeList[i], true]);\n+                    if (ring) {\n+                        components[i] = ring;\n+                    } else {\n+                        throw \"Bad LinearRing geometry: \" + i;\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Polygon(components);\n+        },\n+\n+        /**\n+         * Method: parseGeometry.multigeometry\n+         * Given a KML node representing a multigeometry, create an\n+         *     OpenLayers geometry collection.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A KML MultiGeometry node.\n+         *\n+         * Returns:\n+         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         */\n+        multigeometry: function(node) {\n+            var child, parser;\n+            var parts = [];\n+            var children = node.childNodes;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    var type = (child.prefix) ?\n+                        child.nodeName.split(\":\")[1] :\n+                        child.nodeName;\n+                    var parser = this.parseGeometry[type.toLowerCase()];\n+                    if (parser) {\n+                        parts.push(parser.apply(this, [child]));\n+                    }\n+                }\n+            }\n+            return new OpenLayers.Geometry.Collection(parts);\n         }\n-        return map;\n+\n     },\n \n     /**\n-     * Method: getLayerFromContext\n-     * Create a WMS layer from a layerContext object.\n+     * Method: parseAttributes\n      *\n      * Parameters:\n-     * layerContext - {Object} An object representing a WMS layer.\n+     * node - {DOMElement}\n      *\n      * Returns:\n-     * {<OpenLayers.Layer.WMS>} A WMS layer.\n+     * {Object} An attributes object.\n      */\n-    getLayerFromContext: function(layerContext) {\n-        var i, len;\n-        // fill initial options object from layerContext\n-        var options = {\n-            queryable: layerContext.queryable, //keep queryable for api compatibility\n-            visibility: layerContext.visibility,\n-            maxExtent: layerContext.maxExtent,\n-            metadata: OpenLayers.Util.applyDefaults(layerContext.metadata, {\n-                styles: layerContext.styles,\n-                formats: layerContext.formats,\n-                \"abstract\": layerContext[\"abstract\"],\n-                dataURL: layerContext.dataURL\n-            }),\n-            numZoomLevels: layerContext.numZoomLevels,\n-            units: layerContext.units,\n-            isBaseLayer: layerContext.isBaseLayer,\n-            opacity: layerContext.opacity,\n-            displayInLayerSwitcher: layerContext.displayInLayerSwitcher,\n-            singleTile: layerContext.singleTile,\n-            tileSize: (layerContext.tileSize) ?\n-                new OpenLayers.Size(\n-                    layerContext.tileSize.width,\n-                    layerContext.tileSize.height\n-                ) : undefined,\n-            minScale: layerContext.minScale || layerContext.maxScaleDenominator,\n-            maxScale: layerContext.maxScale || layerContext.minScaleDenominator,\n-            srs: layerContext.srs,\n-            dimensions: layerContext.dimensions,\n-            metadataURL: layerContext.metadataURL\n-        };\n-        if (this.layerOptions) {\n-            OpenLayers.Util.applyDefaults(options, this.layerOptions);\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+\n+        // Extended Data is parsed first.\n+        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n+        if (edNodes.length) {\n+            attributes = this.parseExtendedData(edNodes[0]);\n         }\n \n-        var params = {\n-            layers: layerContext.name,\n-            transparent: layerContext.transparent,\n-            version: layerContext.version\n-        };\n-        if (layerContext.formats && layerContext.formats.length > 0) {\n-            // set default value for params if current attribute is not positionned\n-            params.format = layerContext.formats[0].value;\n-            for (i = 0, len = layerContext.formats.length; i < len; i++) {\n-                var format = layerContext.formats[i];\n-                if (format.current == true) {\n-                    params.format = format.value;\n-                    break;\n+        // assume attribute nodes are type 1 children with a type 3 or 4 child\n+        var child, grandchildren, grandchild;\n+        var children = node.childNodes;\n+\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                grandchildren = child.childNodes;\n+                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n+                    var grandchild;\n+                    switch (grandchildren.length) {\n+                        case 1:\n+                            grandchild = grandchildren[0];\n+                            break;\n+                        case 2:\n+                            var c1 = grandchildren[0];\n+                            var c2 = grandchildren[1];\n+                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n+                                c1 : c2;\n+                            break;\n+                        case 3:\n+                        default:\n+                            grandchild = grandchildren[1];\n+                            break;\n+                    }\n+                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                        var name = (child.prefix) ?\n+                            child.nodeName.split(\":\")[1] :\n+                            child.nodeName;\n+                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n+                        if (value) {\n+                            value = value.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value;\n+                        }\n+                    }\n                 }\n             }\n         }\n-        if (layerContext.styles && layerContext.styles.length > 0) {\n-            for (i = 0, len = layerContext.styles.length; i < len; i++) {\n-                var style = layerContext.styles[i];\n-                if (style.current == true) {\n-                    // three style types to consider\n-                    // 1) linked SLD\n-                    // 2) inline SLD\n-                    // 3) named style\n-                    if (style.href) {\n-                        params.sld = style.href;\n-                    } else if (style.body) {\n-                        params.sld_body = style.body;\n-                    } else {\n-                        params.styles = style.name;\n-                    }\n-                    break;\n+        return attributes;\n+    },\n+\n+    /**\n+     * Method: parseExtendedData\n+     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n+     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n+     *     for more information on extendeddata.\n+     */\n+    parseExtendedData: function(node) {\n+        var attributes = {};\n+        var i, len, data, key;\n+        var dataNodes = node.getElementsByTagName(\"Data\");\n+        for (i = 0, len = dataNodes.length; i < len; i++) {\n+            data = dataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            var ed = {};\n+            var valueNode = data.getElementsByTagName(\"value\");\n+            if (valueNode.length) {\n+                ed['value'] = this.getChildValue(valueNode[0]);\n+            }\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                var nameNode = data.getElementsByTagName(\"displayName\");\n+                if (nameNode.length) {\n+                    ed['displayName'] = this.getChildValue(nameNode[0]);\n                 }\n+                attributes[key] = ed;\n             }\n         }\n-        if (this.layerParams) {\n-            OpenLayers.Util.applyDefaults(params, this.layerParams);\n+        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n+        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n+            var ed = {};\n+            data = simpleDataNodes[i];\n+            key = data.getAttribute(\"name\");\n+            ed['value'] = this.getChildValue(data);\n+            if (this.kvpAttributes) {\n+                attributes[key] = ed['value'];\n+            } else {\n+                ed['displayName'] = key;\n+                attributes[key] = ed;\n+            }\n         }\n \n-        var layer = null;\n-        var service = layerContext.service;\n-        if (service == OpenLayers.Format.Context.serviceTypes.WFS) {\n-            options.strategies = [new OpenLayers.Strategy.BBOX()];\n-            options.protocol = new OpenLayers.Protocol.WFS({\n-                url: layerContext.url,\n-                // since we do not know featureNS, let the protocol\n-                // determine it automagically using featurePrefix\n-                featurePrefix: layerContext.name.split(\":\")[0],\n-                featureType: layerContext.name.split(\":\").pop()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (service == OpenLayers.Format.Context.serviceTypes.KML) {\n-            // use a vector layer with an HTTP Protcol and a Fixed strategy\n-            options.strategies = [new OpenLayers.Strategy.Fixed()];\n-            options.protocol = new OpenLayers.Protocol.HTTP({\n-                url: layerContext.url,\n-                format: new OpenLayers.Format.KML()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (service == OpenLayers.Format.Context.serviceTypes.GML) {\n-            // use a vector layer with a HTTP Protocol and a Fixed strategy\n-            options.strategies = [new OpenLayers.Strategy.Fixed()];\n-            options.protocol = new OpenLayers.Protocol.HTTP({\n-                url: layerContext.url,\n-                format: new OpenLayers.Format.GML()\n-            });\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-        } else if (layerContext.features) {\n-            // inline GML or KML features\n-            layer = new OpenLayers.Layer.Vector(\n-                layerContext.title || layerContext.name,\n-                options\n-            );\n-            layer.addFeatures(layerContext.features);\n-        } else if (layerContext.categoryLayer !== true) {\n-            layer = new OpenLayers.Layer.WMS(\n-                layerContext.title || layerContext.name,\n-                layerContext.url,\n-                params,\n-                options\n-            );\n-        }\n-        return layer;\n+        return attributes;\n     },\n \n     /**\n-     * Method: getLayersFromContext\n-     * Create an array of layers from an array of layerContext objects.\n+     * Method: parseProperty\n+     * Convenience method to find a node and return its value\n      *\n      * Parameters:\n-     * layersContext - {Array(Object)} An array of objects representing layers.\n-     *\n+     * xmlNode    - {<DOMElement>}\n+     * namespace  - {String} namespace of the node to find\n+     * tagName    - {String} name of the property to parse\n+     * \n      * Returns:\n-     * {Array(<OpenLayers.Layer>)} An array of layers.\n+     * {String} The value for the requested property (defaults to null)\n      */\n-    getLayersFromContext: function(layersContext) {\n-        var layers = [];\n-        for (var i = 0, len = layersContext.length; i < len; i++) {\n-            var layer = this.getLayerFromContext(layersContext[i]);\n-            if (layer !== null) {\n-                layers.push(layer);\n-            }\n+    parseProperty: function(xmlNode, namespace, tagName) {\n+        var value;\n+        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n+        try {\n+            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n+        } catch (e) {\n+            value = null;\n         }\n-        return layers;\n+\n+        return value;\n     },\n \n     /**\n-     * Method: contextToMap\n-     * Create a map given a context object.\n-     *\n+     * APIMethod: write\n+     * Accept Feature Collection, and return a string. \n+     * \n      * Parameters:\n-     * context - {Object} The context object.\n-     * options - {Object} Default map options.\n+     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n      *\n      * Returns:\n-     * {<OpenLayers.Map>} A map based on the context object.\n+     * {String} A KML string.\n      */\n-    contextToMap: function(context, options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            maxExtent: context.maxExtent,\n-            projection: context.projection,\n-            units: context.units\n-        }, options);\n-\n-        if (options.maxExtent) {\n-            options.maxResolution =\n-                options.maxExtent.getWidth() / OpenLayers.Map.TILE_WIDTH;\n+    write: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        var kml = this.createElementNS(this.kmlns, \"kml\");\n+        var folder = this.createFolderXML();\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            folder.appendChild(this.createPlacemarkXML(features[i]));\n         }\n+        kml.appendChild(folder);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n+    },\n \n-        var metadata = {\n-            contactInformation: context.contactInformation,\n-            \"abstract\": context[\"abstract\"],\n-            keywords: context.keywords,\n-            logo: context.logo,\n-            descriptionURL: context.descriptionURL\n-        };\n+    /**\n+     * Method: createFolderXML\n+     * Creates and returns a KML folder node\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createFolderXML: function() {\n+        // Folder\n+        var folder = this.createElementNS(this.kmlns, \"Folder\");\n \n-        options.metadata = metadata;\n+        // Folder name\n+        if (this.foldersName) {\n+            var folderName = this.createElementNS(this.kmlns, \"name\");\n+            var folderNameText = this.createTextNode(this.foldersName);\n+            folderName.appendChild(folderNameText);\n+            folder.appendChild(folderName);\n+        }\n \n-        var map = new OpenLayers.Map(options);\n-        map.addLayers(this.getLayersFromContext(context.layersContext));\n-        map.setCenter(\n-            context.bounds.getCenterLonLat(),\n-            map.getZoomForExtent(context.bounds, true)\n-        );\n-        return map;\n+        // Folder description\n+        if (this.foldersDesc) {\n+            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n+            var folderDescText = this.createTextNode(this.foldersDesc);\n+            folderDesc.appendChild(folderDescText);\n+            folder.appendChild(folderDesc);\n+        }\n+\n+        return folder;\n     },\n \n     /**\n-     * Method: mergeContextToMap\n-     * Add layers from a context object to a map.\n-     *\n+     * Method: createPlacemarkXML\n+     * Creates and returns a KML placemark node representing the given feature. \n+     * \n      * Parameters:\n-     * context - {Object} The context object.\n-     * map - {<OpenLayers.Map>} The map.\n-     *\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * \n      * Returns:\n-     * {<OpenLayers.Map>} The same map with layers added.\n+     * {DOMElement}\n      */\n-    mergeContextToMap: function(context, map) {\n-        map.addLayers(this.getLayersFromContext(context.layersContext));\n-        return map;\n+    createPlacemarkXML: function(feature) {\n+        // Placemark name\n+        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n+        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n+        var name = feature.attributes.name || label;\n+        placemarkName.appendChild(this.createTextNode(name));\n+\n+        // Placemark description\n+        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n+        var desc = feature.attributes.description || this.placemarksDesc;\n+        placemarkDesc.appendChild(this.createTextNode(desc));\n+\n+        // Placemark\n+        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n+        if (feature.fid != null) {\n+            placemarkNode.setAttribute(\"id\", feature.fid);\n+        }\n+        placemarkNode.appendChild(placemarkName);\n+        placemarkNode.appendChild(placemarkDesc);\n+\n+        // Geometry node (Point, LineString, etc. nodes)\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        placemarkNode.appendChild(geometryNode);\n+\n+        // output attributes as extendedData\n+        if (feature.attributes) {\n+            var edNode = this.buildExtendedData(feature.attributes);\n+            if (edNode) {\n+                placemarkNode.appendChild(edNode);\n+            }\n+        }\n+\n+        return placemarkNode;\n     },\n \n     /**\n-     * APIMethod: write\n-     * Write a context document given a map.\n-     *\n+     * Method: buildGeometryNode\n+     * Builds and returns a KML geometry node with the given geometry.\n+     * \n      * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} A map or context object.\n-     * options - {Object} Optional configuration object.\n-     *\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n      * Returns:\n-     * {String} A context document string.\n+     * {DOMElement}\n      */\n-    write: function(obj, options) {\n-        obj = this.toContext(obj);\n-        return OpenLayers.Format.XML.VersionedOGC.prototype.write.apply(this,\n-            arguments);\n+    buildGeometryNode: function(geometry) {\n+        var className = geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        var builder = this.buildGeometry[type.toLowerCase()];\n+        var node = null;\n+        if (builder) {\n+            node = builder.apply(this, [geometry]);\n+        }\n+        return node;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.Context\"\n-});\n+    /**\n+     * Property: buildGeometry\n+     * Object containing methods to do the actual geometry node building\n+     *     based on geometry type.\n+     */\n+    buildGeometry: {\n+        // TBD: Anybody care about namespace aliases here (these nodes have\n+        //    no prefixes)?\n \n-/**\n- * Constant: OpenLayers.Format.Context.serviceTypes\n- * Enumeration for service types\n- */\n-OpenLayers.Format.Context.serviceTypes = {\n-    \"WMS\": \"urn:ogc:serviceType:WMS\",\n-    \"WFS\": \"urn:ogc:serviceType:WFS\",\n-    \"WCS\": \"urn:ogc:serviceType:WCS\",\n-    \"GML\": \"urn:ogc:serviceType:GML\",\n-    \"SLD\": \"urn:ogc:serviceType:SLD\",\n-    \"FES\": \"urn:ogc:serviceType:FES\",\n-    \"KML\": \"urn:ogc:serviceType:KML\"\n-};\n-/* ======================================================================\n-    OpenLayers/Format/OWSContext.js\n-   ====================================================================== */\n+        /**\n+         * Method: buildGeometry.point\n+         * Given an OpenLayers point geometry, create a KML point.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML point node.\n+         */\n+        point: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Point\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        /**\n+         * Method: buildGeometry.multipoint\n+         * Given an OpenLayers multipoint geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipoint: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n \n-/**\n- * @requires OpenLayers/Format/Context.js\n- */\n+        /**\n+         * Method: buildGeometry.linestring\n+         * Given an OpenLayers linestring geometry, create a KML linestring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linestring node.\n+         */\n+        linestring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LineString\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n \n-/**\n- * Class: OpenLayers.Format.OWSContext\n- * Read and write OWS Context documents. OWS Context documents are a \n- * preliminary OGC (Open Geospatial Consortium) standard for storing the \n- * state of a web mapping application. In a way it is the successor to\n- * Web Map Context (WMC), since it is more generic and more types of layers\n- * can be stored. Also, nesting of layers is supported since version 0.3.1.\n- * For more information see: http://www.ogcnetwork.net/context\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Context>\n- */\n-OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n+        /**\n+         * Method: buildGeometry.multilinestring\n+         * Given an OpenLayers multilinestring geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multilinestring: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n \n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"0.3.1\".\n-     */\n-    defaultVersion: \"0.3.1\",\n+        /**\n+         * Method: buildGeometry.linearring\n+         * Given an OpenLayers linearring geometry, create a KML linearring.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML linearring node.\n+         */\n+        linearring: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n+            kml.appendChild(this.buildCoordinatesNode(geometry));\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.polygon\n+         * Given an OpenLayers polygon geometry, create a KML polygon.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML polygon node.\n+         */\n+        polygon: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n+            var rings = geometry.components;\n+            var ringMember, ringGeom, type;\n+            for (var i = 0, len = rings.length; i < len; ++i) {\n+                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n+                ringMember = this.createElementNS(this.kmlns, type);\n+                ringGeom = this.buildGeometry.linearring.apply(this,\n+                    [rings[i]]);\n+                ringMember.appendChild(ringGeom);\n+                kml.appendChild(ringMember);\n+            }\n+            return kml;\n+        },\n+\n+        /**\n+         * Method: buildGeometry.multipolygon\n+         * Given an OpenLayers multipolygon geometry, create a KML\n+         *     GeometryCollection.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML GeometryCollection node.\n+         */\n+        multipolygon: function(geometry) {\n+            return this.buildGeometry.collection.apply(this, [geometry]);\n+        },\n+\n+        /**\n+         * Method: buildGeometry.collection\n+         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n+         *\n+         * Parameters:\n+         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n+         *\n+         * Returns:\n+         * {DOMElement} A KML MultiGeometry node.\n+         */\n+        collection: function(geometry) {\n+            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n+            var child;\n+            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n+                child = this.buildGeometryNode.apply(this,\n+                    [geometry.components[i]]);\n+                if (child) {\n+                    kml.appendChild(child);\n+                }\n+            }\n+            return kml;\n+        }\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.OWSContext\n-     * Create a new parser for OWS Context documents.\n-     *\n+     * Method: buildCoordinatesNode\n+     * Builds and returns the KML coordinates node with the given geometry\n+     * <coordinates>...</coordinates>\n+     * \n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n      */\n+    buildCoordinatesNode: function(geometry) {\n+        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n+\n+        var path;\n+        var points = geometry.components;\n+        if (points) {\n+            // LineString or LinearRing\n+            var point;\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; ++i) {\n+                point = points[i];\n+                parts[i] = this.buildCoordinates(point);\n+            }\n+            path = parts.join(\" \");\n+        } else {\n+            // Point\n+            path = this.buildCoordinates(geometry);\n+        }\n+\n+        var txtNode = this.createTextNode(path);\n+        coordinatesNode.appendChild(txtNode);\n+\n+        return coordinatesNode;\n+    },\n \n     /**\n-     * Method: getVersion\n-     * Returns the version to use. Subclasses can override this function\n-     * if a different version detection is needed.\n+     * Method: buildCoordinates\n      *\n      * Parameters:\n-     * root - {DOMElement}\n-     * options - {Object} Optional configuration object.\n+     * point - {<OpenLayers.Geometry.Point>}\n      *\n-     * Returns:\n-     * {String} The version to use.\n+     * Returns\n+     * {String} a coordinate pair\n      */\n-    getVersion: function(root, options) {\n-        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(\n-            this, arguments);\n-        // 0.3.1 is backwards compatible with 0.3.0\n-        if (version === \"0.3.0\") {\n-            version = this.defaultVersion;\n+    buildCoordinates: function(point) {\n+        if (this.internalProjection && this.externalProjection) {\n+            point = point.clone();\n+            point.transform(this.internalProjection,\n+                this.externalProjection);\n         }\n-        return version;\n+        return point.x + \",\" + point.y;\n     },\n \n     /**\n-     * Method: toContext\n-     * Create a context object free from layer given a map or a\n-     * context object.\n+     * Method: buildExtendedData\n      *\n      * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} The map or context.\n+     * attributes - {Object}\n      *\n-     * Returns:\n-     * {Object} A context object.\n+     * Returns\n+     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n      */\n-    toContext: function(obj) {\n-        var context = {};\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            context.bounds = obj.getExtent();\n-            context.maxExtent = obj.maxExtent;\n-            context.projection = obj.projection;\n-            context.size = obj.getSize();\n-            context.layers = obj.layers;\n+    buildExtendedData: function(attributes) {\n+        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n+        for (var attributeName in attributes) {\n+            // empty, name, description, styleUrl attributes ignored\n+            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n+                var data = this.createElementNS(this.kmlns, \"Data\");\n+                data.setAttribute(\"name\", attributeName);\n+                var value = this.createElementNS(this.kmlns, \"value\");\n+                if (typeof attributes[attributeName] == \"object\") {\n+                    // cater for object attributes with 'value' properties\n+                    // other object properties will output an empty node\n+                    if (attributes[attributeName].value) {\n+                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n+                    }\n+                    if (attributes[attributeName].displayName) {\n+                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n+                        // displayName always written as CDATA\n+                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n+                        data.appendChild(displayName);\n+                    }\n+                } else {\n+                    value.appendChild(this.createTextNode(attributes[attributeName]));\n+                }\n+                data.appendChild(value);\n+                extendedData.appendChild(data);\n+            }\n+        }\n+        if (this.isSimpleContent(extendedData)) {\n+            return null;\n+        } else {\n+            return extendedData;\n         }\n-        return context;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n-\n+    CLASS_NAME: \"OpenLayers.Format.KML\"\n });\n /* ======================================================================\n+    OpenLayers/Format/WFSDescribeFeatureType.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WFSDescribeFeatureType\n+ * Read WFS DescribeFeatureType response\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n+\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g)\n+        },\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            xsd: \"http://www.w3.org/2001/XMLSchema\"\n+        },\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WFSDescribeFeatureType\n+         * Create a new parser for WFS DescribeFeatureType responses.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"xsd\": {\n+                \"schema\": function(node, obj) {\n+                    var complexTypes = [];\n+                    var customTypes = {};\n+                    var schema = {\n+                        complexTypes: complexTypes,\n+                        customTypes: customTypes\n+                    };\n+                    var i, len;\n+\n+                    this.readChildNodes(node, schema);\n+\n+                    var attributes = node.attributes;\n+                    var attr, name;\n+                    for (i = 0, len = attributes.length; i < len; ++i) {\n+                        attr = attributes[i];\n+                        name = attr.name;\n+                        if (name.indexOf(\"xmlns\") === 0) {\n+                            this.setNamespace(name.split(\":\")[1] || \"\", attr.value);\n+                        } else {\n+                            obj[name] = attr.value;\n+                        }\n+                    }\n+                    obj.featureTypes = complexTypes;\n+                    obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n+\n+                    // map complexTypes to names of customTypes\n+                    var complexType, customType;\n+                    for (i = 0, len = complexTypes.length; i < len; ++i) {\n+                        complexType = complexTypes[i];\n+                        customType = customTypes[complexType.typeName];\n+                        if (customTypes[complexType.typeName]) {\n+                            complexType.typeName = customType.name;\n+                        }\n+                    }\n+                },\n+                \"complexType\": function(node, obj) {\n+                    var complexType = {\n+                        // this is a temporary typeName, it will be overwritten by\n+                        // the schema reader with the metadata found in the\n+                        // customTypes hash\n+                        \"typeName\": node.getAttribute(\"name\")\n+                    };\n+                    this.readChildNodes(node, complexType);\n+                    obj.complexTypes.push(complexType);\n+                },\n+                \"complexContent\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"extension\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"sequence\": function(node, obj) {\n+                    var sequence = {\n+                        elements: []\n+                    };\n+                    this.readChildNodes(node, sequence);\n+                    obj.properties = sequence.elements;\n+                },\n+                \"element\": function(node, obj) {\n+                    var type;\n+                    if (obj.elements) {\n+                        var element = {};\n+                        var attributes = node.attributes;\n+                        var attr;\n+                        for (var i = 0, len = attributes.length; i < len; ++i) {\n+                            attr = attributes[i];\n+                            element[attr.name] = attr.value;\n+                        }\n+\n+                        type = element.type;\n+                        if (!type) {\n+                            type = {};\n+                            this.readChildNodes(node, type);\n+                            element.restriction = type;\n+                            element.type = type.base;\n+                        }\n+                        var fullType = type.base || type;\n+                        element.localType = fullType.split(\":\").pop();\n+                        obj.elements.push(element);\n+                        this.readChildNodes(node, element);\n+                    }\n+\n+                    if (obj.complexTypes) {\n+                        type = node.getAttribute(\"type\");\n+                        var localType = type.split(\":\").pop();\n+                        obj.customTypes[localType] = {\n+                            \"name\": node.getAttribute(\"name\"),\n+                            \"type\": type\n+                        };\n+                    }\n+                },\n+                \"annotation\": function(node, obj) {\n+                    obj.annotation = {};\n+                    this.readChildNodes(node, obj.annotation);\n+                },\n+                \"appinfo\": function(node, obj) {\n+                    if (!obj.appinfo) {\n+                        obj.appinfo = [];\n+                    }\n+                    obj.appinfo.push(this.getChildValue(node));\n+                },\n+                \"documentation\": function(node, obj) {\n+                    if (!obj.documentation) {\n+                        obj.documentation = [];\n+                    }\n+                    var value = this.getChildValue(node);\n+                    obj.documentation.push({\n+                        lang: node.getAttribute(\"xml:lang\"),\n+                        textContent: value.replace(this.regExes.trimSpace, \"\")\n+                    });\n+                },\n+                \"simpleType\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"restriction\": function(node, obj) {\n+                    obj.base = node.getAttribute(\"base\");\n+                    this.readRestriction(node, obj);\n+                }\n+            }\n+        },\n+\n+        /**\n+         * Method: readRestriction\n+         * Reads restriction defined in the child nodes of a restriction element\n+         * \n+         * Parameters:\n+         * node - {DOMElement} the node to parse\n+         * obj - {Object} the object that receives the read result\n+         */\n+        readRestriction: function(node, obj) {\n+            var children = node.childNodes;\n+            var child, nodeName, value;\n+            for (var i = 0, len = children.length; i < len; ++i) {\n+                child = children[i];\n+                if (child.nodeType == 1) {\n+                    nodeName = child.nodeName.split(\":\").pop();\n+                    value = child.getAttribute(\"value\");\n+                    if (!obj[nodeName]) {\n+                        obj[nodeName] = value;\n+                    } else {\n+                        if (typeof obj[nodeName] == \"string\") {\n+                            obj[nodeName] = [obj[nodeName]];\n+                        }\n+                        obj[nodeName].push(value);\n+                    }\n+                }\n+            }\n+        },\n+\n+        /**\n+         * Method: read\n+         *\n+         * Parameters:\n+         * data - {DOMElement|String} A WFS DescribeFeatureType document.\n+         *\n+         * Returns:\n+         * {Object} An object representing the WFS DescribeFeatureType response.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var schema = {};\n+            if (data.nodeName.split(\":\").pop() === 'ExceptionReport') {\n+                // an exception must have occurred, so parse it\n+                var parser = new OpenLayers.Format.OGCExceptionReport();\n+                schema.error = parser.read(data);\n+            } else {\n+                this.readNode(data, schema);\n+            }\n+            return schema;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n+\n+    });\n+/* ======================================================================\n     OpenLayers/Format/Atom.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -76631,501 +70246,14 @@\n             data[name + \"s\"] = persons;\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Format.Atom\"\n });\n /* ======================================================================\n-    OpenLayers/Format/WFSDescribeFeatureType.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFSDescribeFeatureType\n- * Read WFS DescribeFeatureType response\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g)\n-        },\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            xsd: \"http://www.w3.org/2001/XMLSchema\"\n-        },\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WFSDescribeFeatureType\n-         * Create a new parser for WFS DescribeFeatureType responses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"xsd\": {\n-                \"schema\": function(node, obj) {\n-                    var complexTypes = [];\n-                    var customTypes = {};\n-                    var schema = {\n-                        complexTypes: complexTypes,\n-                        customTypes: customTypes\n-                    };\n-                    var i, len;\n-\n-                    this.readChildNodes(node, schema);\n-\n-                    var attributes = node.attributes;\n-                    var attr, name;\n-                    for (i = 0, len = attributes.length; i < len; ++i) {\n-                        attr = attributes[i];\n-                        name = attr.name;\n-                        if (name.indexOf(\"xmlns\") === 0) {\n-                            this.setNamespace(name.split(\":\")[1] || \"\", attr.value);\n-                        } else {\n-                            obj[name] = attr.value;\n-                        }\n-                    }\n-                    obj.featureTypes = complexTypes;\n-                    obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n-\n-                    // map complexTypes to names of customTypes\n-                    var complexType, customType;\n-                    for (i = 0, len = complexTypes.length; i < len; ++i) {\n-                        complexType = complexTypes[i];\n-                        customType = customTypes[complexType.typeName];\n-                        if (customTypes[complexType.typeName]) {\n-                            complexType.typeName = customType.name;\n-                        }\n-                    }\n-                },\n-                \"complexType\": function(node, obj) {\n-                    var complexType = {\n-                        // this is a temporary typeName, it will be overwritten by\n-                        // the schema reader with the metadata found in the\n-                        // customTypes hash\n-                        \"typeName\": node.getAttribute(\"name\")\n-                    };\n-                    this.readChildNodes(node, complexType);\n-                    obj.complexTypes.push(complexType);\n-                },\n-                \"complexContent\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"extension\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"sequence\": function(node, obj) {\n-                    var sequence = {\n-                        elements: []\n-                    };\n-                    this.readChildNodes(node, sequence);\n-                    obj.properties = sequence.elements;\n-                },\n-                \"element\": function(node, obj) {\n-                    var type;\n-                    if (obj.elements) {\n-                        var element = {};\n-                        var attributes = node.attributes;\n-                        var attr;\n-                        for (var i = 0, len = attributes.length; i < len; ++i) {\n-                            attr = attributes[i];\n-                            element[attr.name] = attr.value;\n-                        }\n-\n-                        type = element.type;\n-                        if (!type) {\n-                            type = {};\n-                            this.readChildNodes(node, type);\n-                            element.restriction = type;\n-                            element.type = type.base;\n-                        }\n-                        var fullType = type.base || type;\n-                        element.localType = fullType.split(\":\").pop();\n-                        obj.elements.push(element);\n-                        this.readChildNodes(node, element);\n-                    }\n-\n-                    if (obj.complexTypes) {\n-                        type = node.getAttribute(\"type\");\n-                        var localType = type.split(\":\").pop();\n-                        obj.customTypes[localType] = {\n-                            \"name\": node.getAttribute(\"name\"),\n-                            \"type\": type\n-                        };\n-                    }\n-                },\n-                \"annotation\": function(node, obj) {\n-                    obj.annotation = {};\n-                    this.readChildNodes(node, obj.annotation);\n-                },\n-                \"appinfo\": function(node, obj) {\n-                    if (!obj.appinfo) {\n-                        obj.appinfo = [];\n-                    }\n-                    obj.appinfo.push(this.getChildValue(node));\n-                },\n-                \"documentation\": function(node, obj) {\n-                    if (!obj.documentation) {\n-                        obj.documentation = [];\n-                    }\n-                    var value = this.getChildValue(node);\n-                    obj.documentation.push({\n-                        lang: node.getAttribute(\"xml:lang\"),\n-                        textContent: value.replace(this.regExes.trimSpace, \"\")\n-                    });\n-                },\n-                \"simpleType\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"restriction\": function(node, obj) {\n-                    obj.base = node.getAttribute(\"base\");\n-                    this.readRestriction(node, obj);\n-                }\n-            }\n-        },\n-\n-        /**\n-         * Method: readRestriction\n-         * Reads restriction defined in the child nodes of a restriction element\n-         * \n-         * Parameters:\n-         * node - {DOMElement} the node to parse\n-         * obj - {Object} the object that receives the read result\n-         */\n-        readRestriction: function(node, obj) {\n-            var children = node.childNodes;\n-            var child, nodeName, value;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    nodeName = child.nodeName.split(\":\").pop();\n-                    value = child.getAttribute(\"value\");\n-                    if (!obj[nodeName]) {\n-                        obj[nodeName] = value;\n-                    } else {\n-                        if (typeof obj[nodeName] == \"string\") {\n-                            obj[nodeName] = [obj[nodeName]];\n-                        }\n-                        obj[nodeName].push(value);\n-                    }\n-                }\n-            }\n-        },\n-\n-        /**\n-         * Method: read\n-         *\n-         * Parameters:\n-         * data - {DOMElement|String} A WFS DescribeFeatureType document.\n-         *\n-         * Returns:\n-         * {Object} An object representing the WFS DescribeFeatureType response.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var schema = {};\n-            if (data.nodeName.split(\":\").pop() === 'ExceptionReport') {\n-                // an exception must have occurred, so parse it\n-                var parser = new OpenLayers.Format.OGCExceptionReport();\n-                schema.error = parser.read(data);\n-            } else {\n-                this.readNode(data, schema);\n-            }\n-            return schema;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities\n- * Read WMS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n-     */\n-    defaultVersion: \"1.1.1\",\n-\n-    /**\n-     * APIProperty: profile\n-     * {String} If provided, use a custom profile.\n-     *\n-     * Currently supported profiles:\n-     * - WMSC - parses vendor specific capabilities for WMS-C.\n-     */\n-    profile: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.WMSCapabilities\n-     * Create a new parser for WMS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of layers. \n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array} List of named layers.\n-     */\n-\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/WMC.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/Context.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMC\n- * Read and write Web Map Context documents.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.Context>\n- */\n-OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n-     */\n-    defaultVersion: \"1.1.0\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.WMC\n-     * Create a new parser for Web Map Context documents.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * Method: layerToContext\n-     * Create a layer context object given a wms layer object.\n-     *\n-     * Parameters:\n-     * layer - {<OpenLayers.Layer.WMS>} The layer.\n-     *\n-     * Returns:\n-     * {Object} A layer context object.\n-     */\n-    layerToContext: function(layer) {\n-        var parser = this.getParser();\n-        var layerContext = {\n-            queryable: layer.queryable,\n-            visibility: layer.visibility,\n-            name: layer.params[\"LAYERS\"],\n-            title: layer.name,\n-            \"abstract\": layer.metadata[\"abstract\"],\n-            dataURL: layer.metadata.dataURL,\n-            metadataURL: layer.metadataURL,\n-            server: {\n-                version: layer.params[\"VERSION\"],\n-                url: layer.url\n-            },\n-            maxExtent: layer.maxExtent,\n-            transparent: layer.params[\"TRANSPARENT\"],\n-            numZoomLevels: layer.numZoomLevels,\n-            units: layer.units,\n-            isBaseLayer: layer.isBaseLayer,\n-            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n-            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n-            singleTile: layer.singleTile,\n-            tileSize: (layer.singleTile || !layer.tileSize) ?\n-                undefined : {\n-                    width: layer.tileSize.w,\n-                    height: layer.tileSize.h\n-                },\n-            minScale: (layer.options.resolutions ||\n-                    layer.options.scales ||\n-                    layer.options.maxResolution ||\n-                    layer.options.minScale) ?\n-                layer.minScale : undefined,\n-            maxScale: (layer.options.resolutions ||\n-                    layer.options.scales ||\n-                    layer.options.minResolution ||\n-                    layer.options.maxScale) ?\n-                layer.maxScale : undefined,\n-            formats: [],\n-            styles: [],\n-            srs: layer.srs,\n-            dimensions: layer.dimensions\n-        };\n-\n-\n-        if (layer.metadata.servertitle) {\n-            layerContext.server.title = layer.metadata.servertitle;\n-        }\n-\n-        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n-            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n-                var format = layer.metadata.formats[i];\n-                layerContext.formats.push({\n-                    value: format.value,\n-                    current: (format.value == layer.params[\"FORMAT\"])\n-                });\n-            }\n-        } else {\n-            layerContext.formats.push({\n-                value: layer.params[\"FORMAT\"],\n-                current: true\n-            });\n-        }\n-\n-        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n-            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n-                var style = layer.metadata.styles[i];\n-                if ((style.href == layer.params[\"SLD\"]) ||\n-                    (style.body == layer.params[\"SLD_BODY\"]) ||\n-                    (style.name == layer.params[\"STYLES\"])) {\n-                    style.current = true;\n-                } else {\n-                    style.current = false;\n-                }\n-                layerContext.styles.push(style);\n-            }\n-        } else {\n-            layerContext.styles.push({\n-                href: layer.params[\"SLD\"],\n-                body: layer.params[\"SLD_BODY\"],\n-                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n-                title: parser.defaultStyleTitle,\n-                current: true\n-            });\n-        }\n-\n-        return layerContext;\n-    },\n-\n-    /**\n-     * Method: toContext\n-     * Create a context object free from layer given a map or a\n-     * context object.\n-     *\n-     * Parameters:\n-     * obj - {<OpenLayers.Map> | Object} The map or context.\n-     *\n-     * Returns:\n-     * {Object} A context object.\n-     */\n-    toContext: function(obj) {\n-        var context = {};\n-        var layers = obj.layers;\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            var metadata = obj.metadata || {};\n-            context.size = obj.getSize();\n-            context.bounds = obj.getExtent();\n-            context.projection = obj.projection;\n-            context.title = obj.title;\n-            context.keywords = metadata.keywords;\n-            context[\"abstract\"] = metadata[\"abstract\"];\n-            context.logo = metadata.logo;\n-            context.descriptionURL = metadata.descriptionURL;\n-            context.contactInformation = metadata.contactInformation;\n-            context.maxExtent = obj.maxExtent;\n-        } else {\n-            // copy all obj properties except the \"layers\" property\n-            OpenLayers.Util.applyDefaults(context, obj);\n-            if (context.layers != undefined) {\n-                delete(context.layers);\n-            }\n-        }\n-\n-        if (context.layersContext == undefined) {\n-            context.layersContext = [];\n-        }\n-\n-        // let's convert layers into layersContext object (if any)\n-        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.WMS) {\n-                    context.layersContext.push(this.layerToContext(layer));\n-                }\n-            }\n-        }\n-        return context;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.WMC\"\n-\n-});\n-/* ======================================================================\n     OpenLayers/Format/SOSGetObservation.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -77441,2802 +70569,1160 @@\n         }\n     },\n \n     CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/WMSDescribeLayer.js\n+    OpenLayers/Format/WFSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSDescribeLayer\n- * Read SLD WMS DescribeLayer response\n- * DescribeLayer is meant to couple WMS to WFS and WCS\n+ * Class: OpenLayers.Format.WFSCapabilities\n+ * Read WFS Capabilities.\n  * \n  * Inherits from:\n  *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n      * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n+     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n      */\n-    defaultVersion: \"1.1.1\",\n+    defaultVersion: \"1.1.0\",\n \n     /**\n-     * Constructor: OpenLayers.Format.WMSDescribeLayer\n-     * Create a new parser for WMS DescribeLayer responses.\n+     * Constructor: OpenLayers.Format.WFSCapabilities\n+     * Create a new parser for WFS capabilities.\n      *\n      * Parameters:\n      * options - {Object} An optional object whose properties will be set on\n      *     this instance.\n      */\n \n     /**\n      * APIMethod: read\n-     * Read DescribeLayer data from a string, and return the response. \n-     * The OGC currently defines 2 formats which are allowed for output,\n-     * so we need to parse these 2 types\n+     * Read capabilities data from a string, and return a list of layers. \n      * \n      * Parameters: \n      * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {Array} Array of {<LayerDescription>} objects which have:\n-     * - {String} owsType: WFS/WCS\n-     * - {String} owsURL: the online resource\n-     * - {String} typeName: the name of the typename on the service\n+     * {Array} List of named layers.\n      */\n \n-    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/XLS.js\n+    OpenLayers/Format/WMTSCapabilities.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Format/XML/VersionedOGC.js\n  */\n \n /**\n- * Class: OpenLayers.Format.XLS\n- * Read/Write XLS (OpenLS). Create a new instance with the <OpenLayers.Format.XLS>\n- *     constructor. Currently only implemented for Location Utility Services, more\n- *     specifically only for Geocoding. No support for Reverse Geocoding as yet.\n- * \n+ * Class: OpenLayers.Format.WMTSCapabilities\n+ * Read WMTS Capabilities.\n+ *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML.VersionedOGC>\n  */\n-OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n     /**\n      * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n+     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n      */\n-    defaultVersion: \"1.1.0\",\n+    defaultVersion: \"1.0.0\",\n \n     /**\n-     * APIProperty: stringifyOutput\n-     * {Boolean} If true, write will return a string otherwise a DOMElement.\n-     * Default is true.\n+     * APIProperty: yx\n+     * {Object} Members in the yx object are used to determine if a CRS URN\n+     *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n+     *     and values are boolean.  By default, the following CRS URN are\n+     *     assumed to correspond to a CRS with y,x axis order:\n+     *\n+     * * urn:ogc:def:crs:EPSG::4326\n      */\n-    stringifyOutput: true,\n+    yx: {\n+        \"urn:ogc:def:crs:EPSG::4326\": true\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.XLS\n-     * Create a new parser for XLS.\n+     * Constructor: OpenLayers.Format.WMTSCapabilities\n+     * Create a new parser for WMTS capabilities.\n      *\n      * Parameters:\n      * options - {Object} An optional object whose properties will be set on\n      *     this instance.\n      */\n \n     /**\n-     * APIMethod: write\n-     * Write out an XLS request.\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return information about\n+     * the service (offering and observedProperty mostly).\n      *\n      * Parameters:\n-     * request - {Object} An object representing the LUS request.\n-     * options - {Object} Optional configuration object.\n+     * data - {String} or {DOMElement} data to read/parse.\n      *\n      * Returns:\n-     * {String} An XLS document string.\n+     * {Object} Info about the WMTS Capabilities\n      */\n \n     /**\n-     * APIMethod: read\n-     * Read an XLS doc and return an object representing the result.\n+     * APIMethod: createLayer\n+     * Create a WMTS layer given a capabilities object.\n      *\n      * Parameters:\n-     * data - {String | DOMElement} Data to read.\n-     * options - {Object} Options for the reader.\n+     * capabilities - {Object} The object returned from a <read> call to this\n+     *     format.\n+     * config - {Object} Configuration properties for the layer.  Defaults for\n+     *     the layer will apply if not provided.\n+     *\n+     * Required config properties:\n+     * layer - {String} The layer identifier.\n+     *\n+     * Optional config properties:\n+     * matrixSet - {String} The matrix set identifier, required if there is \n+     *      more than one matrix set in the layer capabilities.\n+     * style - {String} The name of the style\n+     * format - {String} Image format for the layer. Default is the first\n+     *     format returned in the GetCapabilities response.\n+     * param - {Object} The dimensions values eg: {\"Year\": \"2012\"}\n      *\n      * Returns:\n-     * {Object} An object representing the GeocodeResponse.\n+     * {<OpenLayers.Layer.WMTS>} A properly configured WMTS layer.  Throws an\n+     *     error if an incomplete config is provided.  Returns undefined if no\n+     *     layer could be created with the provided config.\n      */\n+    createLayer: function(capabilities, config) {\n+        var layer;\n \n-    CLASS_NAME: \"OpenLayers.Format.XLS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/WFSCapabilities.js\n-   ====================================================================== */\n+        // confirm required properties are supplied in config\n+        if (!('layer' in config)) {\n+            throw new Error(\"Missing property 'layer' in configuration.\");\n+        }\n \n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+        var contents = capabilities.contents;\n \n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n+        // find the layer definition with the given identifier\n+        var layers = contents.layers;\n+        var layerDef;\n+        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n+            if (contents.layers[i].identifier === config.layer) {\n+                layerDef = contents.layers[i];\n+                break;\n+            }\n+        }\n+        if (!layerDef) {\n+            throw new Error(\"Layer not found\");\n+        }\n \n-/**\n- * Class: OpenLayers.Format.WFSCapabilities\n- * Read WFS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+        var format = config.format;\n+        if (!format && layerDef.formats && layerDef.formats.length) {\n+            format = layerDef.formats[0];\n+        }\n \n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.1.0\".\n-     */\n-    defaultVersion: \"1.1.0\",\n+        // find the matrixSet definition\n+        var matrixSet;\n+        if (config.matrixSet) {\n+            matrixSet = contents.tileMatrixSets[config.matrixSet];\n+        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n+            matrixSet = contents.tileMatrixSets[\n+                layerDef.tileMatrixSetLinks[0].tileMatrixSet];\n+        }\n+        if (!matrixSet) {\n+            throw new Error(\"matrixSet not found\");\n+        }\n \n-    /**\n-     * Constructor: OpenLayers.Format.WFSCapabilities\n-     * Create a new parser for WFS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n+        // get the default style for the layer\n+        var style;\n+        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n+            style = layerDef.styles[i];\n+            if (style.isDefault) {\n+                break;\n+            }\n+        }\n \n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return a list of layers. \n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array} List of named layers.\n-     */\n+        var requestEncoding = config.requestEncoding;\n+        if (!requestEncoding) {\n+            requestEncoding = \"KVP\";\n+            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n+                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n+                // Get first get method\n+                if (http.get[0].constraints) {\n+                    var constraints = http.get[0].constraints;\n+                    var allowedValues = constraints.GetEncoding.allowedValues;\n \n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+                    // The OGC documentation is not clear if we should use\n+                    // REST or RESTful, ArcGis use RESTful,\n+                    // and OpenLayers use REST.\n+                    if (!allowedValues.KVP &&\n+                        (allowedValues.REST || allowedValues.RESTful)) {\n+                        requestEncoding = \"REST\";\n+                    }\n+                }\n+            }\n+        }\n+\n+        var dimensions = [];\n+        var params = config.params || {};\n+        // to don't overwrite the changes in the applyDefaults\n+        delete config.params;\n+        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n+            var dimension = layerDef.dimensions[id];\n+            dimensions.push(dimension.identifier);\n+            if (!params.hasOwnProperty(dimension.identifier)) {\n+                params[dimension.identifier] = dimension['default'];\n+            }\n+        }\n+\n+        var projection = config.projection || matrixSet.supportedCRS.replace(\n+            /urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n+        var units = config.units ||\n+            (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n+\n+        var resolutions = [];\n+        for (var mid in matrixSet.matrixIds) {\n+            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n+                resolutions.push(\n+                    matrixSet.matrixIds[mid].scaleDenominator * 0.28E-3 /\n+                    OpenLayers.METERS_PER_INCH /\n+                    OpenLayers.INCHES_PER_UNIT[units]);\n+            }\n+        }\n+\n+        var url;\n+        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n+            url = [];\n+            var resourceUrls = layerDef.resourceUrls,\n+                resourceUrl;\n+            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n+                resourceUrl = layerDef.resourceUrls[t];\n+                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n+                    url.push(resourceUrl.template);\n+                }\n+            }\n+        } else {\n+            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n+            url = [];\n+            var constraint;\n+            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n+                constraint = httpGet[i].constraints;\n+                if (!constraint || (constraint && constraint.GetEncoding.allowedValues[requestEncoding])) {\n+                    url.push(httpGet[i].url);\n+                }\n+            }\n+        }\n+\n+        return new OpenLayers.Layer.WMTS(\n+            OpenLayers.Util.applyDefaults(config, {\n+                url: url,\n+                requestEncoding: requestEncoding,\n+                name: layerDef.title,\n+                style: style.identifier,\n+                format: format,\n+                matrixIds: matrixSet.matrixIds,\n+                matrixSet: matrixSet.identifier,\n+                projection: projection,\n+                units: units,\n+                resolutions: config.isBaseLayer === false ? undefined : resolutions,\n+                serverResolutions: resolutions,\n+                tileFullExtent: matrixSet.bounds,\n+                dimensions: dimensions,\n+                params: params\n+            })\n+        );\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/KML.js\n+    OpenLayers/Format/OSM.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/BaseTypes/Date.js\n  * @requires OpenLayers/Format/XML.js\n  * @requires OpenLayers/Feature/Vector.js\n  * @requires OpenLayers/Geometry/Point.js\n  * @requires OpenLayers/Geometry/LineString.js\n  * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Geometry/Collection.js\n- * @requires OpenLayers/Request/XMLHttpRequest.js\n  * @requires OpenLayers/Projection.js\n  */\n \n-/**\n- * Class: OpenLayers.Format.KML\n- * Read/Write KML. Create a new instance with the <OpenLayers.Format.KML>\n- *     constructor. \n- * \n+/**  \n+ * Class: OpenLayers.Format.OSM\n+ * OSM parser. Create a new instance with the \n+ *     <OpenLayers.Format.OSM> constructor.\n+ *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n+     * APIProperty: checkTags\n+     * {Boolean} Should tags be checked to determine whether something\n+     * should be treated as a seperate node. Will slow down parsing.\n+     * Default is false.\n      */\n-    namespaces: {\n-        kml: \"http://www.opengis.net/kml/2.2\",\n-        gx: \"http://www.google.com/kml/ext/2.2\"\n-    },\n+    checkTags: false,\n \n     /**\n-     * APIProperty: kmlns\n-     * {String} KML Namespace to use. Defaults to 2.0 namespace.\n+     * Property: interestingTagsExclude\n+     * {Array} List of tags to exclude from 'interesting' checks on nodes.\n+     * Must be set when creating the format. Will only be used if checkTags\n+     * is set.\n      */\n-    kmlns: \"http://earth.google.com/kml/2.0\",\n+    interestingTagsExclude: null,\n \n-    /** \n-     * APIProperty: placemarksDesc\n-     * {String} Name of the placemarks.  Default is \"No description available\".\n+    /**\n+     * APIProperty: areaTags\n+     * {Array} List of tags indicating that something is an area.  \n+     * Must be set when creating the format. Will only be used if \n+     * checkTags is true.\n      */\n-    placemarksDesc: \"No description available\",\n+    areaTags: null,\n \n-    /** \n-     * APIProperty: foldersName\n-     * {String} Name of the folders.  Default is \"OpenLayers export\".\n-     *          If set to null, no name element will be created.\n+    /**\n+     * Constructor: OpenLayers.Format.OSM\n+     * Create a new parser for OSM.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n      */\n-    foldersName: \"OpenLayers export\",\n+    initialize: function(options) {\n+        var layer_defaults = {\n+            'interestingTagsExclude': ['source', 'source_ref',\n+                'source:ref', 'history', 'attribution', 'created_by'\n+            ],\n+            'areaTags': ['area', 'building', 'leisure', 'tourism', 'ruins',\n+                'historic', 'landuse', 'military', 'natural', 'sport'\n+            ]\n+        };\n \n-    /** \n-     * APIProperty: foldersDesc\n-     * {String} Description of the folders. Default is \"Exported on [date].\"\n-     *          If set to null, no description element will be created.\n-     */\n-    foldersDesc: \"Exported on \" + new Date(),\n+        layer_defaults = OpenLayers.Util.extend(layer_defaults, options);\n \n-    /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract attributes from KML.  Default is true.\n-     *           Extracting styleUrls requires this to be set to true\n-     *           Note that currently only Data and SimpleData \n-     *           elements are handled.\n-     */\n-    extractAttributes: true,\n+        var interesting = {};\n+        for (var i = 0; i < layer_defaults.interestingTagsExclude.length; i++) {\n+            interesting[layer_defaults.interestingTagsExclude[i]] = true;\n+        }\n+        layer_defaults.interestingTagsExclude = interesting;\n \n-    /**\n-     * APIProperty: kvpAttributes\n-     * {Boolean} Only used if extractAttributes is true.\n-     *           If set to true, attributes will be simple\n-     *           key-value pairs, compatible with other formats,\n-     *           Any displayName elements will be ignored.\n-     *           If set to false, attributes will be objects,\n-     *           retaining any displayName elements, but not\n-     *           compatible with other formats. Any CDATA in\n-     *           displayName will be read in as a string value.\n-     *           Default is false.\n-     */\n-    kvpAttributes: false,\n+        var area = {};\n+        for (var i = 0; i < layer_defaults.areaTags.length; i++) {\n+            area[layer_defaults.areaTags[i]] = true;\n+        }\n+        layer_defaults.areaTags = area;\n \n-    /**\n-     * Property: extractStyles\n-     * {Boolean} Extract styles from KML.  Default is false.\n-     *           Extracting styleUrls also requires extractAttributes to be\n-     *           set to true\n-     */\n-    extractStyles: false,\n+        // OSM coordinates are always in longlat WGS84\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n \n-    /**\n-     * APIProperty: extractTracks\n-     * {Boolean} Extract gx:Track elements from Placemark elements.  Default\n-     *     is false.  If true, features will be generated for all points in\n-     *     all gx:Track elements.  Features will have a when (Date) attribute\n-     *     based on when elements in the track.  If tracks include angle\n-     *     elements, features will have heading, tilt, and roll attributes.\n-     *     If track point coordinates have three values, features will have\n-     *     an altitude attribute with the third coordinate value.\n-     */\n-    extractTracks: false,\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [layer_defaults]);\n+    },\n \n     /**\n-     * APIProperty: trackAttributes\n-     * {Array} If <extractTracks> is true, points within gx:Track elements will \n-     *     be parsed as features with when, heading, tilt, and roll attributes.\n-     *     Any additional attribute names can be provided in <trackAttributes>.\n+     * APIMethod: read\n+     * Return a list of features from a OSM doc\n+     \n+     * Parameters:\n+     * doc - {Element} \n+     *\n+     * Returns:\n+     * Array({<OpenLayers.Feature.Vector>})\n      */\n-    trackAttributes: null,\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n+        }\n \n-    /**\n-     * Property: internalns\n-     * {String} KML Namespace to use -- defaults to the namespace of the\n-     *     Placemark node being parsed, but falls back to kmlns. \n-     */\n-    internalns: null,\n+        var nodes = this.getNodes(doc);\n+        var ways = this.getWays(doc);\n \n-    /**\n-     * Property: features\n-     * {Array} Array of features\n-     *     \n-     */\n-    features: null,\n+        // Geoms will contain at least ways.length entries.\n+        var feat_list = new Array(ways.length);\n \n-    /**\n-     * Property: styles\n-     * {Object} Storage of style objects\n-     *     \n-     */\n-    styles: null,\n+        for (var i = 0; i < ways.length; i++) {\n+            // We know the minimal of this one ahead of time. (Could be -1\n+            // due to areas/polygons)\n+            var point_list = new Array(ways[i].nodes.length);\n \n-    /**\n-     * Property: styleBaseUrl\n-     * {String}\n-     */\n-    styleBaseUrl: \"\",\n+            var poly = this.isWayArea(ways[i]) ? 1 : 0;\n+            for (var j = 0; j < ways[i].nodes.length; j++) {\n+                var node = nodes[ways[i].nodes[j]];\n \n-    /**\n-     * Property: fetched\n-     * {Object} Storage of KML URLs that have been fetched before\n-     *     in order to prevent reloading them.\n-     */\n-    fetched: null,\n+                var point = new OpenLayers.Geometry.Point(node.lon, node.lat);\n \n-    /**\n-     * APIProperty: maxDepth\n-     * {Integer} Maximum depth for recursive loading external KML URLs \n-     *           Defaults to 0: do no external fetching\n-     */\n-    maxDepth: 0,\n+                // Since OSM is topological, we stash the node ID internally. \n+                point.osm_id = parseInt(ways[i].nodes[j]);\n+                point_list[j] = point;\n+\n+                // We don't display nodes if they're used inside other \n+                // elements.\n+                node.used = true;\n+            }\n+            var geometry = null;\n+            if (poly) {\n+                geometry = new OpenLayers.Geometry.Polygon(\n+                    new OpenLayers.Geometry.LinearRing(point_list));\n+            } else {\n+                geometry = new OpenLayers.Geometry.LineString(point_list);\n+            }\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry.transform(this.externalProjection,\n+                    this.internalProjection);\n+            }\n+            var feat = new OpenLayers.Feature.Vector(geometry,\n+                ways[i].tags);\n+            feat.osm_id = parseInt(ways[i].id);\n+            feat.fid = \"way.\" + feat.osm_id;\n+            feat_list[i] = feat;\n+        }\n+        for (var node_id in nodes) {\n+            var node = nodes[node_id];\n+            if (!node.used || this.checkTags) {\n+                var tags = null;\n+\n+                if (this.checkTags) {\n+                    var result = this.getTags(node.node, true);\n+                    if (node.used && !result[1]) {\n+                        continue;\n+                    }\n+                    tags = result[0];\n+                } else {\n+                    tags = this.getTags(node.node);\n+                }\n+\n+                var feat = new OpenLayers.Feature.Vector(\n+                    new OpenLayers.Geometry.Point(node['lon'], node['lat']),\n+                    tags);\n+                if (this.internalProjection && this.externalProjection) {\n+                    feat.geometry.transform(this.externalProjection,\n+                        this.internalProjection);\n+                }\n+                feat.osm_id = parseInt(node_id);\n+                feat.fid = \"node.\" + feat.osm_id;\n+                feat_list.push(feat);\n+            }\n+            // Memory cleanup\n+            node.node = null;\n+        }\n+        return feat_list;\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Format.KML\n-     * Create a new parser for KML.\n+     * Method: getNodes\n+     * Return the node items from a doc.  \n      *\n      * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n+     * doc - {DOMElement} node to parse tags from\n      */\n-    initialize: function(options) {\n-        // compile regular expressions once instead of every time they are used\n-        this.regExes = {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g),\n-            kmlColor: (/(\\w{2})(\\w{2})(\\w{2})(\\w{2})/),\n-            kmlIconPalette: (/root:\\/\\/icons\\/palette-(\\d+)(\\.\\w+)/),\n-            straightBracket: (/\\$\\[(.*?)\\]/g)\n-        };\n-        // KML coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    getNodes: function(doc) {\n+        var node_list = doc.getElementsByTagName(\"node\");\n+        var nodes = {};\n+        for (var i = 0; i < node_list.length; i++) {\n+            var node = node_list[i];\n+            var id = node.getAttribute(\"id\");\n+            nodes[id] = {\n+                'lat': node.getAttribute(\"lat\"),\n+                'lon': node.getAttribute(\"lon\"),\n+                'node': node\n+            };\n+        }\n+        return nodes;\n     },\n \n     /**\n-     * APIMethod: read\n-     * Read data from a string, and return a list of features. \n-     * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n+     * Method: getWays\n+     * Return the way items from a doc.  \n      *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * Parameters:\n+     * doc - {DOMElement} node to parse tags from\n      */\n-    read: function(data) {\n-        this.features = [];\n-        this.styles = {};\n-        this.fetched = {};\n+    getWays: function(doc) {\n+        var way_list = doc.getElementsByTagName(\"way\");\n+        var return_ways = [];\n+        for (var i = 0; i < way_list.length; i++) {\n+            var way = way_list[i];\n+            var way_object = {\n+                id: way.getAttribute(\"id\")\n+            };\n \n-        // Set default options \n-        var options = {\n-            depth: 0,\n-            styleBaseUrl: this.styleBaseUrl\n-        };\n+            way_object.tags = this.getTags(way);\n+\n+            var node_list = way.getElementsByTagName(\"nd\");\n+\n+            way_object.nodes = new Array(node_list.length);\n+\n+            for (var j = 0; j < node_list.length; j++) {\n+                way_object.nodes[j] = node_list[j].getAttribute(\"ref\");\n+            }\n+            return_ways.push(way_object);\n+        }\n+        return return_ways;\n \n-        return this.parseData(data, options);\n     },\n \n     /**\n-     * Method: parseData\n-     * Read data from a string, and return a list of features. \n-     * \n-     * Parameters: \n-     * data    - {String} or {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n+     * Method: getTags\n+     * Return the tags list attached to a specific DOM element.\n      *\n+     * Parameters:\n+     * dom_node - {DOMElement} node to parse tags from\n+     * interesting_tags - {Boolean} whether the return from this function should\n+     *    return a boolean indicating that it has 'interesting tags' -- \n+     *    tags like attribution and source are ignored. (To change the list\n+     *    of tags, see interestingTagsExclude)\n+     * \n      * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} List of features.\n+     * tags - {Object} hash of tags\n+     * interesting - {Boolean} if interesting_tags is passed, returns\n+     *     whether there are any interesting tags on this element.\n      */\n-    parseData: function(data, options) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-        }\n-\n-        // Loop throught the following node types in this order and\n-        // process the nodes found \n-        var types = [\"Link\", \"NetworkLink\", \"Style\", \"StyleMap\", \"Placemark\"];\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            var type = types[i];\n-\n-            var nodes = this.getElementsByTagNameNS(data, \"*\", type);\n-\n-            // skip to next type if no nodes are found\n-            if (nodes.length == 0) {\n-                continue;\n+    getTags: function(dom_node, interesting_tags) {\n+        var tag_list = dom_node.getElementsByTagName(\"tag\");\n+        var tags = {};\n+        var interesting = false;\n+        for (var j = 0; j < tag_list.length; j++) {\n+            var key = tag_list[j].getAttribute(\"k\");\n+            tags[key] = tag_list[j].getAttribute(\"v\");\n+            if (interesting_tags) {\n+                if (!this.interestingTagsExclude[key]) {\n+                    interesting = true;\n+                }\n             }\n+        }\n+        return interesting_tags ? [tags, interesting] : tags;\n+    },\n \n-            switch (type.toLowerCase()) {\n-\n-                // Fetch external links \n-                case \"link\":\n-                case \"networklink\":\n-                    this.parseLinks(nodes, options);\n-                    break;\n-\n-                    // parse style information\n-                case \"style\":\n-                    if (this.extractStyles) {\n-                        this.parseStyles(nodes, options);\n-                    }\n-                    break;\n-                case \"stylemap\":\n-                    if (this.extractStyles) {\n-                        this.parseStyleMaps(nodes, options);\n-                    }\n-                    break;\n+    /** \n+     * Method: isWayArea\n+     * Given a way object from getWays, check whether the tags and geometry\n+     * indicate something is an area.\n+     *\n+     * Returns:\n+     * {Boolean}\n+     */\n+    isWayArea: function(way) {\n+        var poly_shaped = false;\n+        var poly_tags = false;\n \n-                    // parse features\n-                case \"placemark\":\n-                    this.parseFeatures(nodes, options);\n+        if (way.nodes[0] == way.nodes[way.nodes.length - 1]) {\n+            poly_shaped = true;\n+        }\n+        if (this.checkTags) {\n+            for (var key in way.tags) {\n+                if (this.areaTags[key]) {\n+                    poly_tags = true;\n                     break;\n+                }\n             }\n         }\n-\n-        return this.features;\n+        return poly_shaped && (this.checkTags ? poly_tags : true);\n     },\n \n     /**\n-     * Method: parseLinks\n-     * Finds URLs of linked KML documents and fetches them\n-     * \n-     * Parameters: \n-     * nodes   - {Array} of {DOMElement} data to read/parse.\n-     * options - {Object} Hash of options\n-     * \n+     * APIMethod: write \n+     * Takes a list of features, returns a serialized OSM format file for use\n+     * in tools like JOSM.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)}\n      */\n-    parseLinks: function(nodes, options) {\n-\n-        // Fetch external links <NetworkLink> and <Link>\n-        // Don't do anything if we have reached our maximum depth for recursion\n-        if (options.depth >= this.maxDepth) {\n-            return false;\n+    write: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n         }\n \n-        // increase depth\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n+        this.osm_id = 1;\n+        this.created_nodes = {};\n+        var root_node = this.createElementNS(null, \"osm\");\n+        root_node.setAttribute(\"version\", \"0.5\");\n+        root_node.setAttribute(\"generator\", \"OpenLayers \" + OpenLayers.VERSION_NUMBER);\n \n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var href = this.parseProperty(nodes[i], \"*\", \"href\");\n-            if (href && !this.fetched[href]) {\n-                this.fetched[href] = true; // prevent reloading the same urls\n-                var data = this.fetchLink(href);\n-                if (data) {\n-                    this.parseData(data, newOptions);\n-                }\n+        // Loop backwards, because the deserializer puts nodes last, and \n+        // we want them first if possible\n+        for (var i = features.length - 1; i >= 0; i--) {\n+            var nodes = this.createFeatureNodes(features[i]);\n+            for (var j = 0; j < nodes.length; j++) {\n+                root_node.appendChild(nodes[j]);\n             }\n         }\n-\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root_node]);\n     },\n \n     /**\n-     * Method: fetchLink\n-     * Fetches a URL and returns the result\n-     * \n-     * Parameters: \n-     * href  - {String} url to be fetched\n-     * \n+     * Method: createFeatureNodes\n+     * Takes a feature, returns a list of nodes from size 0->n.\n+     * Will include all pieces of the serialization that are required which\n+     * have not already been created. Calls out to createXML based on geometry\n+     * type.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    fetchLink: function(href) {\n-        var request = OpenLayers.Request.GET({\n-            url: href,\n-            async: false\n-        });\n-        if (request) {\n-            return request.responseText;\n+    createFeatureNodes: function(feature) {\n+        var nodes = [];\n+        var className = feature.geometry.CLASS_NAME;\n+        var type = className.substring(className.lastIndexOf(\".\") + 1);\n+        type = type.toLowerCase();\n+        var builder = this.createXML[type];\n+        if (builder) {\n+            nodes = builder.apply(this, [feature]);\n         }\n+        return nodes;\n     },\n \n     /**\n-     * Method: parseStyles\n-     * Parses <Style> nodes\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n+     * Method: createXML\n+     * Takes a feature, returns a list of nodes from size 0->n.\n+     * Will include all pieces of the serialization that are required which\n+     * have not already been created.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n      */\n-    parseStyles: function(nodes, options) {\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var style = this.parseStyle(nodes[i]);\n-            if (style) {\n-                var styleName = (options.styleBaseUrl || \"\") + \"#\" + style.id;\n+    createXML: {\n+        'point': function(point) {\n+            var id = null;\n+            var geometry = point.geometry ? point.geometry : point;\n \n-                this.styles[styleName] = style;\n+            if (this.internalProjection && this.externalProjection) {\n+                geometry = geometry.clone();\n+                geometry.transform(this.internalProjection,\n+                    this.externalProjection);\n+            }\n+\n+            var already_exists = false; // We don't return anything if the node\n+            // has already been created\n+            if (point.osm_id) {\n+                id = point.osm_id;\n+                if (this.created_nodes[id]) {\n+                    already_exists = true;\n+                }\n+            } else {\n+                id = -this.osm_id;\n+                this.osm_id++;\n+            }\n+            if (already_exists) {\n+                node = this.created_nodes[id];\n+            } else {\n+                var node = this.createElementNS(null, \"node\");\n+            }\n+            this.created_nodes[id] = node;\n+            node.setAttribute(\"id\", id);\n+            node.setAttribute(\"lon\", geometry.x);\n+            node.setAttribute(\"lat\", geometry.y);\n+            if (point.attributes) {\n+                this.serializeTags(point, node);\n+            }\n+            this.setState(point, node);\n+            return already_exists ? [] : [node];\n+        },\n+        linestring: function(feature) {\n+            var id;\n+            var nodes = [];\n+            var geometry = feature.geometry;\n+            if (feature.osm_id) {\n+                id = feature.osm_id;\n+            } else {\n+                id = -this.osm_id;\n+                this.osm_id++;\n+            }\n+            var way = this.createElementNS(null, \"way\");\n+            way.setAttribute(\"id\", id);\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                var node = this.createXML['point'].apply(this, [geometry.components[i]]);\n+                if (node.length) {\n+                    node = node[0];\n+                    var node_ref = node.getAttribute(\"id\");\n+                    nodes.push(node);\n+                } else {\n+                    node_ref = geometry.components[i].osm_id;\n+                    node = this.created_nodes[node_ref];\n+                }\n+                this.setState(feature, node);\n+                var nd_dom = this.createElementNS(null, \"nd\");\n+                nd_dom.setAttribute(\"ref\", node_ref);\n+                way.appendChild(nd_dom);\n             }\n+            this.serializeTags(feature, way);\n+            nodes.push(way);\n+\n+            return nodes;\n+        },\n+        polygon: function(feature) {\n+            var attrs = OpenLayers.Util.extend({\n+                'area': 'yes'\n+            }, feature.attributes);\n+            var feat = new OpenLayers.Feature.Vector(feature.geometry.components[0], attrs);\n+            feat.osm_id = feature.osm_id;\n+            return this.createXML['linestring'].apply(this, [feat]);\n         }\n     },\n \n     /**\n-     * Method: parseKmlColor\n-     * Parses a kml color (in 'aabbggrr' format) and returns the corresponding \n-     * color and opacity or null if the color is invalid.\n-     *\n-     * Parameters: \n-     * kmlColor - {String} a kml formated color\n+     * Method: serializeTags\n+     * Given a feature, serialize the attributes onto the given node.\n      *\n-     * Returns:\n-     * {Object}\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * node - {DOMNode}\n      */\n-    parseKmlColor: function(kmlColor) {\n-        var color = null;\n-        if (kmlColor) {\n-            var matches = kmlColor.match(this.regExes.kmlColor);\n-            if (matches) {\n-                color = {\n-                    color: '#' + matches[4] + matches[3] + matches[2],\n-                    opacity: parseInt(matches[1], 16) / 255\n-                };\n-            }\n+    serializeTags: function(feature, node) {\n+        for (var key in feature.attributes) {\n+            var tag = this.createElementNS(null, \"tag\");\n+            tag.setAttribute(\"k\", key);\n+            tag.setAttribute(\"v\", feature.attributes[key]);\n+            node.appendChild(tag);\n         }\n-        return color;\n     },\n \n     /**\n-     * Method: parseStyle\n-     * Parses the children of a <Style> node and builds the style hash\n-     * accordingly\n-     * \n-     * Parameters: \n-     * node - {DOMElement} <Style> node\n-     * \n+     * Method: setState \n+     * OpenStreetMap has a convention that 'state' is stored for modification or deletion.\n+     * This allows the file to be uploaded via JOSM or the bulk uploader tool.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * node - {DOMNode}\n      */\n-    parseStyle: function(node) {\n-        var style = {};\n-\n-        var types = [\"LineStyle\", \"PolyStyle\", \"IconStyle\", \"BalloonStyle\",\n-            \"LabelStyle\"\n-        ];\n-        var type, styleTypeNode, nodeList, geometry, parser;\n-        for (var i = 0, len = types.length; i < len; ++i) {\n-            type = types[i];\n-            styleTypeNode = this.getElementsByTagNameNS(node, \"*\", type)[0];\n-            if (!styleTypeNode) {\n-                continue;\n+    setState: function(feature, node) {\n+        if (feature.state) {\n+            var state = null;\n+            switch (feature.state) {\n+                case OpenLayers.State.UPDATE:\n+                    state = \"modify\";\n+                case OpenLayers.State.DELETE:\n+                    state = \"delete\";\n             }\n+            if (state) {\n+                node.setAttribute(\"action\", state);\n+            }\n+        }\n+    },\n \n-            // only deal with first geometry of this type\n-            switch (type.toLowerCase()) {\n-                case \"linestyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"strokeColor\"] = color.color;\n-                        style[\"strokeOpacity\"] = color.opacity;\n-                    }\n-\n-                    var width = this.parseProperty(styleTypeNode, \"*\", \"width\");\n-                    if (width) {\n-                        style[\"strokeWidth\"] = width;\n-                    }\n-                    break;\n-\n-                case \"polystyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fillOpacity\"] = color.opacity;\n-                        style[\"fillColor\"] = color.color;\n-                    }\n-                    // Check if fill is disabled\n-                    var fill = this.parseProperty(styleTypeNode, \"*\", \"fill\");\n-                    if (fill == \"0\") {\n-                        style[\"fillColor\"] = \"none\";\n-                    }\n-                    // Check if outline is disabled\n-                    var outline = this.parseProperty(styleTypeNode, \"*\", \"outline\");\n-                    if (outline == \"0\") {\n-                        style[\"strokeWidth\"] = \"0\";\n-                    }\n-\n-                    break;\n+    CLASS_NAME: \"OpenLayers.Format.OSM\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/QueryStringFilter.js\n+   ====================================================================== */\n \n-                case \"iconstyle\":\n-                    // set scale\n-                    var scale = parseFloat(this.parseProperty(styleTypeNode,\n-                        \"*\", \"scale\") || 1);\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                    // set default width and height of icon\n-                    var width = 32 * scale;\n-                    var height = 32 * scale;\n+/**\n+ * @requires OpenLayers/Console.js\n+ * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Filter/Comparison.js\n+ * @requires OpenLayers/Filter/Logical.js\n+ */\n \n-                    var iconNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"Icon\")[0];\n-                    if (iconNode) {\n-                        var href = this.parseProperty(iconNode, \"*\", \"href\");\n-                        if (href) {\n+/**\n+ * Class: OpenLayers.Format.QueryStringFilter\n+ * Parser for reading a query string and creating a simple filter.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.QueryStringFilter = (function() {\n \n-                            var w = this.parseProperty(iconNode, \"*\", \"w\");\n-                            var h = this.parseProperty(iconNode, \"*\", \"h\");\n+    /** \n+     * Map the OpenLayers.Filter.Comparison types to the operation strings of \n+     * the protocol.\n+     */\n+    var cmpToStr = {};\n+    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n+    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n \n-                            // Settings for Google specific icons that are 64x64\n-                            // We set the width and height to 64 and halve the\n-                            // scale to prevent icons from being too big\n-                            var google = \"http://maps.google.com/mapfiles/kml\";\n-                            if (OpenLayers.String.startsWith(\n-                                    href, google) && !w && !h) {\n-                                w = 64;\n-                                h = 64;\n-                                scale = scale / 2;\n-                            }\n+    /**\n+     * Function: regex2value\n+     * Convert the value from a regular expression string to a LIKE/ILIKE\n+     * string known to the web service.\n+     *\n+     * Parameters:\n+     * value - {String} The regex string.\n+     *\n+     * Returns:\n+     * {String} The converted string.\n+     */\n+    function regex2value(value) {\n \n-                            // if only dimension is defined, make sure the\n-                            // other one has the same value\n-                            w = w || h;\n-                            h = h || w;\n+        // highly sensitive!! Do not change this without running the\n+        // Protocol/HTTP.html unit tests\n \n-                            if (w) {\n-                                width = parseInt(w) * scale;\n-                            }\n+        // convert % to \\%\n+        value = value.replace(/%/g, \"\\\\%\");\n \n-                            if (h) {\n-                                height = parseInt(h) * scale;\n-                            }\n+        // convert \\\\. to \\\\_ (\\\\.* occurences converted later)\n+        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n+            return $1 ? $0 : \"\\\\\\\\_\";\n+        });\n \n-                            // support for internal icons \n-                            //    (/root://icons/palette-x.png)\n-                            // x and y tell the position on the palette:\n-                            // - in pixels\n-                            // - starting from the left bottom\n-                            // We translate that to a position in the list \n-                            // and request the appropriate icon from the \n-                            // google maps website\n-                            var matches = href.match(this.regExes.kmlIconPalette);\n-                            if (matches) {\n-                                var palette = matches[1];\n-                                var file_extension = matches[2];\n+        // convert \\\\.* to \\\\%\n+        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n \n-                                var x = this.parseProperty(iconNode, \"*\", \"x\");\n-                                var y = this.parseProperty(iconNode, \"*\", \"y\");\n+        // convert . to _ (\\. and .* occurences converted later)\n+        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n+            return $1 || $2 ? $0 : \"_\";\n+        });\n \n-                                var posX = x ? x / 32 : 0;\n-                                var posY = y ? (7 - y / 32) : 7;\n+        // convert .* to % (\\.* occurnces converted later)\n+        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"%\";\n+        });\n \n-                                var pos = posY * 8 + posX;\n-                                href = \"http://maps.google.com/mapfiles/kml/pal\" +\n-                                    palette + \"/icon\" + pos + file_extension;\n-                            }\n+        // convert \\. to .\n+        value = value.replace(/\\\\\\./g, \".\");\n \n-                            style[\"graphicOpacity\"] = 1; // fully opaque\n-                            style[\"externalGraphic\"] = href;\n-                        }\n+        // replace \\* with * (watching out for \\\\*)\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"*\";\n+        });\n \n-                    }\n+        return value;\n+    }\n \n+    return OpenLayers.Class(OpenLayers.Format, {\n \n-                    // hotSpots define the offset for an Icon\n-                    var hotSpotNode = this.getElementsByTagNameNS(styleTypeNode,\n-                        \"*\",\n-                        \"hotSpot\")[0];\n-                    if (hotSpotNode) {\n-                        var x = parseFloat(hotSpotNode.getAttribute(\"x\"));\n-                        var y = parseFloat(hotSpotNode.getAttribute(\"y\"));\n+        /**\n+         * Property: wildcarded.\n+         * {Boolean} If true percent signs are added around values\n+         *     read from LIKE filters, for example if the protocol\n+         *     read method is passed a LIKE filter whose property\n+         *     is \"foo\" and whose value is \"bar\" the string\n+         *     \"foo__ilike=%bar%\" will be sent in the query string;\n+         *     defaults to false.\n+         */\n+        wildcarded: false,\n \n-                        var xUnits = hotSpotNode.getAttribute(\"xunits\");\n-                        if (xUnits == \"pixels\") {\n-                            style[\"graphicXOffset\"] = -x * scale;\n-                        } else if (xUnits == \"insetPixels\") {\n-                            style[\"graphicXOffset\"] = -width + (x * scale);\n-                        } else if (xUnits == \"fraction\") {\n-                            style[\"graphicXOffset\"] = -width * x;\n-                        }\n+        /**\n+         * APIProperty: srsInBBOX\n+         * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n+         *     Default is false.  If true and the layer has a projection object set,\n+         *     any BBOX filter will be serialized with a fifth item identifying the\n+         *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+         */\n+        srsInBBOX: false,\n \n-                        var yUnits = hotSpotNode.getAttribute(\"yunits\");\n-                        if (yUnits == \"pixels\") {\n-                            style[\"graphicYOffset\"] = -height + (y * scale) + 1;\n-                        } else if (yUnits == \"insetPixels\") {\n-                            style[\"graphicYOffset\"] = -(y * scale) + 1;\n-                        } else if (yUnits == \"fraction\") {\n-                            style[\"graphicYOffset\"] = -height * (1 - y) + 1;\n-                        }\n+        /**\n+         * APIMethod: write\n+         * Serialize an <OpenLayers.Filter> objects using the \"simple\" filter syntax for \n+         *     query string parameters.  This function must be called as a method of\n+         *     a protocol instance.\n+         *\n+         * Parameters:\n+         * filter - {<OpenLayers.Filter>} filter to convert.\n+         * params - {Object} The parameters object.\n+         *\n+         * Returns:\n+         * {Object} The resulting parameters object.\n+         */\n+        write: function(filter, params) {\n+            params = params || {};\n+            var className = filter.CLASS_NAME;\n+            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n+            switch (filterType) {\n+                case \"Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            params.bbox = filter.value.toArray();\n+                            if (this.srsInBBOX && filter.projection) {\n+                                params.bbox.push(filter.projection.getCode());\n+                            }\n+                            break;\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            params.tolerance = filter.distance;\n+                            // no break here\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            params.lon = filter.value.x;\n+                            params.lat = filter.value.y;\n+                            break;\n+                        default:\n+                            OpenLayers.Console.warn(\n+                                \"Unknown spatial filter type \" + filter.type);\n                     }\n-\n-                    style[\"graphicWidth\"] = width;\n-                    style[\"graphicHeight\"] = height;\n                     break;\n-\n-                case \"balloonstyle\":\n-                    var balloonStyle = OpenLayers.Util.getXmlNodeValue(\n-                        styleTypeNode);\n-                    if (balloonStyle) {\n-                        style[\"balloonStyle\"] = balloonStyle.replace(\n-                            this.regExes.straightBracket, \"${$1}\");\n+                case \"Comparison\":\n+                    var op = cmpToStr[filter.type];\n+                    if (op !== undefined) {\n+                        var value = filter.value;\n+                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n+                            value = regex2value(value);\n+                            if (this.wildcarded) {\n+                                value = \"%\" + value + \"%\";\n+                            }\n+                        }\n+                        params[filter.property + \"__\" + op] = value;\n+                        params.queryable = params.queryable || [];\n+                        params.queryable.push(filter.property);\n+                    } else {\n+                        OpenLayers.Console.warn(\n+                            \"Unknown comparison filter type \" + filter.type);\n                     }\n                     break;\n-                case \"labelstyle\":\n-                    var kmlColor = this.parseProperty(styleTypeNode, \"*\", \"color\");\n-                    var color = this.parseKmlColor(kmlColor);\n-                    if (color) {\n-                        style[\"fontColor\"] = color.color;\n-                        style[\"fontOpacity\"] = color.opacity;\n+                case \"Logical\":\n+                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n+                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n+                            params = this.write(filter.filters[i], params);\n+                        }\n+                    } else {\n+                        OpenLayers.Console.warn(\n+                            \"Unsupported logical filter type \" + filter.type);\n                     }\n                     break;\n-\n                 default:\n+                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType);\n             }\n-        }\n-\n-        // Some polygons have no line color, so we use the fillColor for that\n-        if (!style[\"strokeColor\"] && style[\"fillColor\"]) {\n-            style[\"strokeColor\"] = style[\"fillColor\"];\n-        }\n+            return params;\n+        },\n \n-        var id = node.getAttribute(\"id\");\n-        if (id && style) {\n-            style.id = id;\n-        }\n+        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n \n-        return style;\n-    },\n+    });\n \n-    /**\n-     * Method: parseStyleMaps\n-     * Parses <StyleMap> nodes, but only uses the 'normal' key\n-     * \n-     * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n-     */\n-    parseStyleMaps: function(nodes, options) {\n-        // Only the default or \"normal\" part of the StyleMap is processed now\n-        // To do the select or \"highlight\" bit, we'd need to change lots more\n \n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var node = nodes[i];\n-            var pairs = this.getElementsByTagNameNS(node, \"*\",\n-                \"Pair\");\n+})();\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities.js\n+   ====================================================================== */\n \n-            var id = node.getAttribute(\"id\");\n-            for (var j = 0, jlen = pairs.length; j < jlen; j++) {\n-                var pair = pairs[j];\n-                // Use the shortcut in the SLD format to quickly retrieve the \n-                // value of a node. Maybe it's good to have a method in \n-                // Format.XML to do this\n-                var key = this.parseProperty(pair, \"*\", \"key\");\n-                var styleUrl = this.parseProperty(pair, \"*\", \"styleUrl\");\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-                if (styleUrl && key == \"normal\") {\n-                    this.styles[(options.styleBaseUrl || \"\") + \"#\" + id] =\n-                        this.styles[(options.styleBaseUrl || \"\") + styleUrl];\n-                }\n+/**\n+ * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ */\n \n-                // TODO: implement the \"select\" part\n-                //if (styleUrl && key == \"highlight\") {\n-                //}\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities\n+ * Read WMS Capabilities.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML.VersionedOGC>\n+ */\n+OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n \n-            }\n-        }\n+    /**\n+     * APIProperty: defaultVersion\n+     * {String} Version number to assume if none found.  Default is \"1.1.1\".\n+     */\n+    defaultVersion: \"1.1.1\",\n \n-    },\n+    /**\n+     * APIProperty: profile\n+     * {String} If provided, use a custom profile.\n+     *\n+     * Currently supported profiles:\n+     * - WMSC - parses vendor specific capabilities for WMS-C.\n+     */\n+    profile: null,\n \n+    /**\n+     * Constructor: OpenLayers.Format.WMSCapabilities\n+     * Create a new parser for WMS capabilities.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n \n     /**\n-     * Method: parseFeatures\n-     * Loop through all Placemark nodes and parse them.\n-     * Will create a list of features\n+     * APIMethod: read\n+     * Read capabilities data from a string, and return a list of layers. \n      * \n      * Parameters: \n-     * nodes    - {Array} of {DOMElement} data to read/parse.\n-     * options  - {Object} Hash of options\n-     * \n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array} List of named layers.\n      */\n-    parseFeatures: function(nodes, options) {\n-        var features = [];\n-        for (var i = 0, len = nodes.length; i < len; i++) {\n-            var featureNode = nodes[i];\n-            var feature = this.parseFeature.apply(this, [featureNode]);\n-            if (feature) {\n \n-                // Create reference to styleUrl \n-                if (this.extractStyles && feature.attributes &&\n-                    feature.attributes.styleUrl) {\n-                    feature.style = this.getStyle(feature.attributes.styleUrl, options);\n-                }\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n \n-                if (this.extractStyles) {\n-                    // Make sure that <Style> nodes within a placemark are \n-                    // processed as well\n-                    var inlineStyleNode = this.getElementsByTagNameNS(featureNode,\n-                        \"*\",\n-                        \"Style\")[0];\n-                    if (inlineStyleNode) {\n-                        var inlineStyle = this.parseStyle(inlineStyleNode);\n-                        if (inlineStyle) {\n-                            feature.style = OpenLayers.Util.extend(\n-                                feature.style, inlineStyle\n-                            );\n-                        }\n-                    }\n-                }\n+});\n+/* ======================================================================\n+    OpenLayers/Format/EncodedPolyline.js\n+   ====================================================================== */\n \n-                // check if gx:Track elements should be parsed\n-                if (this.extractTracks) {\n-                    var tracks = this.getElementsByTagNameNS(\n-                        featureNode, this.namespaces.gx, \"Track\"\n-                    );\n-                    if (tracks && tracks.length > 0) {\n-                        var track = tracks[0];\n-                        var container = {\n-                            features: [],\n-                            feature: feature\n-                        };\n-                        this.readNode(track, container);\n-                        if (container.features.length > 0) {\n-                            features.push.apply(features, container.features);\n-                        }\n-                    }\n-                } else {\n-                    // add feature to list of features\n-                    features.push(feature);\n-                }\n-            } else {\n-                throw \"Bad Placemark: \" + i;\n-            }\n-        }\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        // add new features to existing feature list\n-        this.features = this.features.concat(features);\n-    },\n+/**\n+ * @requires OpenLayers/Format.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.EncodedPolyline\n+ * Class for reading and writing encoded polylines.  Create a new instance\n+ * with the <OpenLayers.Format.EncodedPolyline> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format>\n+ */\n+OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n \n     /**\n-     * Property: readers\n-     * Contains public functions, grouped by namespace prefix, that will\n-     *     be applied when a namespaced node is found matching the function\n-     *     name.  The function will be applied in the scope of this parser\n-     *     with two arguments: the node being read and a context object passed\n-     *     from the parent.\n+     * APIProperty: geometryType\n+     * {String} Geometry type to output. One of: linestring (default),\n+     *     linearring, point, multipoint or polygon. If the geometryType is\n+     *     point, only the first point of the string is returned.\n      */\n-    readers: {\n-        \"kml\": {\n-            \"when\": function(node, container) {\n-                container.whens.push(OpenLayers.Date.parse(\n-                    this.getChildValue(node)\n-                ));\n-            },\n-            \"_trackPointAttribute\": function(node, container) {\n-                var name = node.nodeName.split(\":\").pop();\n-                container.attributes[name].push(this.getChildValue(node));\n-            }\n-        },\n-        \"gx\": {\n-            \"Track\": function(node, container) {\n-                var obj = {\n-                    whens: [],\n-                    points: [],\n-                    angles: []\n-                };\n-                if (this.trackAttributes) {\n-                    var name;\n-                    obj.attributes = {};\n-                    for (var i = 0, ii = this.trackAttributes.length; i < ii; ++i) {\n-                        name = this.trackAttributes[i];\n-                        obj.attributes[name] = [];\n-                        if (!(name in this.readers.kml)) {\n-                            this.readers.kml[name] = this.readers.kml._trackPointAttribute;\n-                        }\n-                    }\n-                }\n-                this.readChildNodes(node, obj);\n-                if (obj.whens.length !== obj.points.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:coord (\" +\n-                        obj.points.length + \") elements.\");\n-                }\n-                var hasAngles = obj.angles.length > 0;\n-                if (hasAngles && obj.whens.length !== obj.angles.length) {\n-                    throw new Error(\"gx:Track with unequal number of when (\" +\n-                        obj.whens.length + \") and gx:angles (\" +\n-                        obj.angles.length + \") elements.\");\n-                }\n-                var feature, point, angles;\n-                for (var i = 0, ii = obj.whens.length; i < ii; ++i) {\n-                    feature = container.feature.clone();\n-                    feature.fid = container.feature.fid || container.feature.id;\n-                    point = obj.points[i];\n-                    feature.geometry = point;\n-                    if (\"z\" in point) {\n-                        feature.attributes.altitude = point.z;\n-                    }\n-                    if (this.internalProjection && this.externalProjection) {\n-                        feature.geometry.transform(\n-                            this.externalProjection, this.internalProjection\n-                        );\n-                    }\n-                    if (this.trackAttributes) {\n-                        for (var j = 0, jj = this.trackAttributes.length; j < jj; ++j) {\n-                            var name = this.trackAttributes[j];\n-                            feature.attributes[name] = obj.attributes[name][i];\n-                        }\n-                    }\n-                    feature.attributes.when = obj.whens[i];\n-                    feature.attributes.trackId = container.feature.id;\n-                    if (hasAngles) {\n-                        angles = obj.angles[i];\n-                        feature.attributes.heading = parseFloat(angles[0]);\n-                        feature.attributes.tilt = parseFloat(angles[1]);\n-                        feature.attributes.roll = parseFloat(angles[2]);\n-                    }\n-                    container.features.push(feature);\n-                }\n-            },\n-            \"coord\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var coords = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                var point = new OpenLayers.Geometry.Point(coords[0], coords[1]);\n-                if (coords.length > 2) {\n-                    point.z = parseFloat(coords[2]);\n-                }\n-                container.points.push(point);\n-            },\n-            \"angles\": function(node, container) {\n-                var str = this.getChildValue(node);\n-                var parts = str.replace(this.regExes.trimSpace, \"\").split(/\\s+/);\n-                container.angles.push(parts);\n-            }\n-        }\n+    geometryType: \"linestring\",\n+\n+    /**\n+     * Constructor: OpenLayers.Format.EncodedPolyline\n+     * Create a new parser for encoded polylines\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *           this instance\n+     *\n+     * Returns:\n+     * {<OpenLayers.Format.EncodedPolyline>} A new encoded polylines parser.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n     },\n \n     /**\n-     * Method: parseFeature\n-     * This function is the core of the KML parsing code in OpenLayers.\n-     *     It creates the geometries that are then attached to the returned\n-     *     feature, and calls parseAttributes() to get attribute data out.\n+     * APIMethod: read\n+     * Deserialize an encoded polyline string and return a vector feature.\n      *\n      * Parameters:\n-     * node - {DOMElement}\n+     * encoded - {String} An encoded polyline string\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A vector feature.\n+     * {<OpenLayers.Feature.Vector>} A vector feature with a linestring.\n      */\n-    parseFeature: function(node) {\n-        // only accept one geometry per feature - look for highest \"order\"\n-        var order = [\"MultiGeometry\", \"Polygon\", \"LineString\", \"Point\"];\n-        var type, nodeList, geometry, parser;\n-        for (var i = 0, len = order.length; i < len; ++i) {\n-            type = order[i];\n-            this.internalns = node.namespaceURI ?\n-                node.namespaceURI : this.kmlns;\n-            nodeList = this.getElementsByTagNameNS(node,\n-                this.internalns, type);\n-            if (nodeList.length > 0) {\n-                // only deal with first geometry of this type\n-                var parser = this.parseGeometry[type.toLowerCase()];\n-                if (parser) {\n-                    geometry = parser.apply(this, [nodeList[0]]);\n-                    if (this.internalProjection && this.externalProjection) {\n-                        geometry.transform(this.externalProjection,\n-                            this.internalProjection);\n-                    }\n-                } else {\n-                    throw new TypeError(\"Unsupported geometry type: \" + type);\n-                }\n-                // stop looking for different geometry types\n-                break;\n-            }\n-        }\n+    read: function(encoded) {\n+        var geomType;\n+        if (this.geometryType == \"linestring\")\n+            geomType = OpenLayers.Geometry.LineString;\n+        else if (this.geometryType == \"linearring\")\n+            geomType = OpenLayers.Geometry.LinearRing;\n+        else if (this.geometryType == \"multipoint\")\n+            geomType = OpenLayers.Geometry.MultiPoint;\n+        else if (this.geometryType != \"point\" && this.geometryType != \"polygon\")\n+            return null;\n \n-        // construct feature (optionally with attributes)\n-        var attributes;\n-        if (this.extractAttributes) {\n-            attributes = this.parseAttributes(node);\n-        }\n-        var feature = new OpenLayers.Feature.Vector(geometry, attributes);\n+        var flatPoints = this.decodeDeltas(encoded, 2);\n+        var flatPointsLength = flatPoints.length;\n \n-        var fid = node.getAttribute(\"id\") || node.getAttribute(\"name\");\n-        if (fid != null) {\n-            feature.fid = fid;\n+        var pointGeometries = [];\n+        for (var i = 0; i + 1 < flatPointsLength;) {\n+            var y = flatPoints[i++],\n+                x = flatPoints[i++];\n+            pointGeometries.push(new OpenLayers.Geometry.Point(x, y));\n         }\n \n-        return feature;\n+\n+        if (this.geometryType == \"point\")\n+            return new OpenLayers.Feature.Vector(\n+                pointGeometries[0]\n+            );\n+\n+        if (this.geometryType == \"polygon\")\n+            return new OpenLayers.Feature.Vector(\n+                new OpenLayers.Geometry.Polygon([\n+                    new OpenLayers.Geometry.LinearRing(pointGeometries)\n+                ])\n+            );\n+\n+        return new OpenLayers.Feature.Vector(\n+            new geomType(pointGeometries)\n+        );\n     },\n \n     /**\n-     * Method: getStyle\n-     * Retrieves a style from a style hash using styleUrl as the key\n-     * If the styleUrl doesn't exist yet, we try to fetch it \n-     * Internet\n-     * \n-     * Parameters: \n-     * styleUrl  - {String} URL of style\n-     * options   - {Object} Hash of options \n+     * APIMethod: decode\n+     * Deserialize an encoded string and return an array of n-dimensional\n+     * points.\n+     *\n+     * Parameters:\n+     * encoded - {String} An encoded string\n+     * dims - {int} The dimension of the points that are returned\n      *\n      * Returns:\n-     * {Object}  - (reference to) Style hash\n+     * {Array(Array(int))} An array containing n-dimensional arrays of\n+     *     coordinates.\n      */\n-    getStyle: function(styleUrl, options) {\n-\n-        var styleBaseUrl = OpenLayers.Util.removeTail(styleUrl);\n-\n-        var newOptions = OpenLayers.Util.extend({}, options);\n-        newOptions.depth++;\n-        newOptions.styleBaseUrl = styleBaseUrl;\n+    decode: function(encoded, dims, opt_factor) {\n+        var factor = opt_factor || 1e5;\n+        var flatPoints = this.decodeDeltas(encoded, dims, factor);\n+        var flatPointsLength = flatPoints.length;\n \n-        // Fetch remote Style URLs (if not fetched before) \n-        if (!this.styles[styleUrl] &&\n-            !OpenLayers.String.startsWith(styleUrl, \"#\") &&\n-            newOptions.depth <= this.maxDepth &&\n-            !this.fetched[styleBaseUrl]) {\n+        var points = [];\n+        for (var i = 0; i + (dims - 1) < flatPointsLength;) {\n+            var point = [];\n \n-            var data = this.fetchLink(styleBaseUrl);\n-            if (data) {\n-                this.parseData(data, newOptions);\n+            for (var dim = 0; dim < dims; ++dim) {\n+                point.push(flatPoints[i++])\n             }\n \n+            points.push(point);\n         }\n \n-        // return requested style\n-        var style = OpenLayers.Util.extend({}, this.styles[styleUrl]);\n-        return style;\n+        return points;\n     },\n \n     /**\n-     * Property: parseGeometry\n-     * Properties of this object are the functions that parse geometries based\n-     *     on their type.\n+     * APIMethod: write\n+     * Serialize a feature or array of features into a WKT string.\n+     *\n+     * Parameters:\n+     * features - {<OpenLayers.Feature.Vector>|Array} A feature or array of\n+     *            features\n+     *\n+     * Returns:\n+     * {String} The WKT string representation of the input geometries\n      */\n-    parseGeometry: {\n-\n-        /**\n-         * Method: parseGeometry.point\n-         * Given a KML node representing a point geometry, create an OpenLayers\n-         *     point geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Point node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Point>} A point geometry.\n-         */\n-        point: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var coords = [];\n-            if (nodeList.length > 0) {\n-                var coordString = nodeList[0].firstChild.nodeValue;\n-                coordString = coordString.replace(this.regExes.removeSpace, \"\");\n-                coords = coordString.split(\",\");\n-            }\n-\n-            var point = null;\n-            if (coords.length > 1) {\n-                // preserve third dimension\n-                if (coords.length == 2) {\n-                    coords[2] = null;\n-                }\n-                point = new OpenLayers.Geometry.Point(coords[0], coords[1],\n-                    coords[2]);\n-            } else {\n-                throw \"Bad coordinate string: \" + coordString;\n-            }\n-            return point;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.linestring\n-         * Given a KML node representing a linestring geometry, create an\n-         *     OpenLayers linestring geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML LineString node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         */\n-        linestring: function(node, ring) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"coordinates\");\n-            var line = null;\n-            if (nodeList.length > 0) {\n-                var coordString = this.getChildValue(nodeList[0]);\n-\n-                coordString = coordString.replace(this.regExes.trimSpace,\n-                    \"\");\n-                coordString = coordString.replace(this.regExes.trimComma,\n-                    \",\");\n-                var pointList = coordString.split(this.regExes.splitSpace);\n-                var numPoints = pointList.length;\n-                var points = new Array(numPoints);\n-                var coords, numCoords;\n-                for (var i = 0; i < numPoints; ++i) {\n-                    coords = pointList[i].split(\",\");\n-                    numCoords = coords.length;\n-                    if (numCoords > 1) {\n-                        if (coords.length == 2) {\n-                            coords[2] = null;\n-                        }\n-                        points[i] = new OpenLayers.Geometry.Point(coords[0],\n-                            coords[1],\n-                            coords[2]);\n-                    } else {\n-                        throw \"Bad LineString point coordinates: \" +\n-                            pointList[i];\n-                    }\n-                }\n-                if (numPoints) {\n-                    if (ring) {\n-                        line = new OpenLayers.Geometry.LinearRing(points);\n-                    } else {\n-                        line = new OpenLayers.Geometry.LineString(points);\n-                    }\n-                } else {\n-                    throw \"Bad LineString coordinates: \" + coordString;\n-                }\n-            }\n-\n-            return line;\n-        },\n-\n-        /**\n-         * Method: parseGeometry.polygon\n-         * Given a KML node representing a polygon geometry, create an\n-         *     OpenLayers polygon geometry.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML Polygon node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         */\n-        polygon: function(node) {\n-            var nodeList = this.getElementsByTagNameNS(node, this.internalns,\n-                \"LinearRing\");\n-            var numRings = nodeList.length;\n-            var components = new Array(numRings);\n-            if (numRings > 0) {\n-                // this assumes exterior ring first, inner rings after\n-                var ring;\n-                for (var i = 0, len = nodeList.length; i < len; ++i) {\n-                    ring = this.parseGeometry.linestring.apply(this,\n-                        [nodeList[i], true]);\n-                    if (ring) {\n-                        components[i] = ring;\n-                    } else {\n-                        throw \"Bad LinearRing geometry: \" + i;\n-                    }\n-                }\n-            }\n-            return new OpenLayers.Geometry.Polygon(components);\n-        },\n-\n-        /**\n-         * Method: parseGeometry.multigeometry\n-         * Given a KML node representing a multigeometry, create an\n-         *     OpenLayers geometry collection.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A KML MultiGeometry node.\n-         *\n-         * Returns:\n-         * {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         */\n-        multigeometry: function(node) {\n-            var child, parser;\n-            var parts = [];\n-            var children = node.childNodes;\n-            for (var i = 0, len = children.length; i < len; ++i) {\n-                child = children[i];\n-                if (child.nodeType == 1) {\n-                    var type = (child.prefix) ?\n-                        child.nodeName.split(\":\")[1] :\n-                        child.nodeName;\n-                    var parser = this.parseGeometry[type.toLowerCase()];\n-                    if (parser) {\n-                        parts.push(parser.apply(this, [child]));\n-                    }\n-                }\n-            }\n-            return new OpenLayers.Geometry.Collection(parts);\n-        }\n-\n-    },\n-\n-    /**\n-     * Method: parseAttributes\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n-     */\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-\n-        // Extended Data is parsed first.\n-        var edNodes = node.getElementsByTagName(\"ExtendedData\");\n-        if (edNodes.length) {\n-            attributes = this.parseExtendedData(edNodes[0]);\n-        }\n-\n-        // assume attribute nodes are type 1 children with a type 3 or 4 child\n-        var child, grandchildren, grandchild;\n-        var children = node.childNodes;\n-\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                grandchildren = child.childNodes;\n-                if (grandchildren.length >= 1 && grandchildren.length <= 3) {\n-                    var grandchild;\n-                    switch (grandchildren.length) {\n-                        case 1:\n-                            grandchild = grandchildren[0];\n-                            break;\n-                        case 2:\n-                            var c1 = grandchildren[0];\n-                            var c2 = grandchildren[1];\n-                            grandchild = (c1.nodeType == 3 || c1.nodeType == 4) ?\n-                                c1 : c2;\n-                            break;\n-                        case 3:\n-                        default:\n-                            grandchild = grandchildren[1];\n-                            break;\n-                    }\n-                    if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                        var name = (child.prefix) ?\n-                            child.nodeName.split(\":\")[1] :\n-                            child.nodeName;\n-                        var value = OpenLayers.Util.getXmlNodeValue(grandchild);\n-                        if (value) {\n-                            value = value.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value;\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes;\n-    },\n-\n-    /**\n-     * Method: parseExtendedData\n-     * Parse ExtendedData from KML. Limited support for schemas/datatypes.\n-     *     See http://code.google.com/apis/kml/documentation/kmlreference.html#extendeddata\n-     *     for more information on extendeddata.\n-     */\n-    parseExtendedData: function(node) {\n-        var attributes = {};\n-        var i, len, data, key;\n-        var dataNodes = node.getElementsByTagName(\"Data\");\n-        for (i = 0, len = dataNodes.length; i < len; i++) {\n-            data = dataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            var ed = {};\n-            var valueNode = data.getElementsByTagName(\"value\");\n-            if (valueNode.length) {\n-                ed['value'] = this.getChildValue(valueNode[0]);\n-            }\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                var nameNode = data.getElementsByTagName(\"displayName\");\n-                if (nameNode.length) {\n-                    ed['displayName'] = this.getChildValue(nameNode[0]);\n-                }\n-                attributes[key] = ed;\n-            }\n-        }\n-        var simpleDataNodes = node.getElementsByTagName(\"SimpleData\");\n-        for (i = 0, len = simpleDataNodes.length; i < len; i++) {\n-            var ed = {};\n-            data = simpleDataNodes[i];\n-            key = data.getAttribute(\"name\");\n-            ed['value'] = this.getChildValue(data);\n-            if (this.kvpAttributes) {\n-                attributes[key] = ed['value'];\n-            } else {\n-                ed['displayName'] = key;\n-                attributes[key] = ed;\n-            }\n-        }\n-\n-        return attributes;\n-    },\n-\n-    /**\n-     * Method: parseProperty\n-     * Convenience method to find a node and return its value\n-     *\n-     * Parameters:\n-     * xmlNode    - {<DOMElement>}\n-     * namespace  - {String} namespace of the node to find\n-     * tagName    - {String} name of the property to parse\n-     * \n-     * Returns:\n-     * {String} The value for the requested property (defaults to null)\n-     */\n-    parseProperty: function(xmlNode, namespace, tagName) {\n-        var value;\n-        var nodeList = this.getElementsByTagNameNS(xmlNode, namespace, tagName);\n-        try {\n-            value = OpenLayers.Util.getXmlNodeValue(nodeList[0]);\n-        } catch (e) {\n-            value = null;\n-        }\n-\n-        return value;\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Accept Feature Collection, and return a string. \n-     * \n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} An array of features.\n-     *\n-     * Returns:\n-     * {String} A KML string.\n-     */\n-    write: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-        var kml = this.createElementNS(this.kmlns, \"kml\");\n-        var folder = this.createFolderXML();\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            folder.appendChild(this.createPlacemarkXML(features[i]));\n-        }\n-        kml.appendChild(folder);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [kml]);\n-    },\n-\n-    /**\n-     * Method: createFolderXML\n-     * Creates and returns a KML folder node\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    createFolderXML: function() {\n-        // Folder\n-        var folder = this.createElementNS(this.kmlns, \"Folder\");\n-\n-        // Folder name\n-        if (this.foldersName) {\n-            var folderName = this.createElementNS(this.kmlns, \"name\");\n-            var folderNameText = this.createTextNode(this.foldersName);\n-            folderName.appendChild(folderNameText);\n-            folder.appendChild(folderName);\n-        }\n-\n-        // Folder description\n-        if (this.foldersDesc) {\n-            var folderDesc = this.createElementNS(this.kmlns, \"description\");\n-            var folderDescText = this.createTextNode(this.foldersDesc);\n-            folderDesc.appendChild(folderDescText);\n-            folder.appendChild(folderDesc);\n-        }\n-\n-        return folder;\n-    },\n-\n-    /**\n-     * Method: createPlacemarkXML\n-     * Creates and returns a KML placemark node representing the given feature. \n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    createPlacemarkXML: function(feature) {\n-        // Placemark name\n-        var placemarkName = this.createElementNS(this.kmlns, \"name\");\n-        var label = (feature.style && feature.style.label) ? feature.style.label : feature.id;\n-        var name = feature.attributes.name || label;\n-        placemarkName.appendChild(this.createTextNode(name));\n-\n-        // Placemark description\n-        var placemarkDesc = this.createElementNS(this.kmlns, \"description\");\n-        var desc = feature.attributes.description || this.placemarksDesc;\n-        placemarkDesc.appendChild(this.createTextNode(desc));\n-\n-        // Placemark\n-        var placemarkNode = this.createElementNS(this.kmlns, \"Placemark\");\n-        if (feature.fid != null) {\n-            placemarkNode.setAttribute(\"id\", feature.fid);\n-        }\n-        placemarkNode.appendChild(placemarkName);\n-        placemarkNode.appendChild(placemarkDesc);\n-\n-        // Geometry node (Point, LineString, etc. nodes)\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        placemarkNode.appendChild(geometryNode);\n-\n-        // output attributes as extendedData\n-        if (feature.attributes) {\n-            var edNode = this.buildExtendedData(feature.attributes);\n-            if (edNode) {\n-                placemarkNode.appendChild(edNode);\n-            }\n-        }\n-\n-        return placemarkNode;\n-    },\n-\n-    /**\n-     * Method: buildGeometryNode\n-     * Builds and returns a KML geometry node with the given geometry.\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    buildGeometryNode: function(geometry) {\n-        var className = geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        var builder = this.buildGeometry[type.toLowerCase()];\n-        var node = null;\n-        if (builder) {\n-            node = builder.apply(this, [geometry]);\n-        }\n-        return node;\n-    },\n-\n-    /**\n-     * Property: buildGeometry\n-     * Object containing methods to do the actual geometry node building\n-     *     based on geometry type.\n-     */\n-    buildGeometry: {\n-        // TBD: Anybody care about namespace aliases here (these nodes have\n-        //    no prefixes)?\n-\n-        /**\n-         * Method: buildGeometry.point\n-         * Given an OpenLayers point geometry, create a KML point.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A point geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML point node.\n-         */\n-        point: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Point\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipoint\n-         * Given an OpenLayers multipoint geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipoint geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipoint: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linestring\n-         * Given an OpenLayers linestring geometry, create a KML linestring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LineString>} A linestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linestring node.\n-         */\n-        linestring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LineString\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multilinestring\n-         * Given an OpenLayers multilinestring geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multilinestring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multilinestring: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.linearring\n-         * Given an OpenLayers linearring geometry, create a KML linearring.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.LinearRing>} A linearring geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML linearring node.\n-         */\n-        linearring: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"LinearRing\");\n-            kml.appendChild(this.buildCoordinatesNode(geometry));\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.polygon\n-         * Given an OpenLayers polygon geometry, create a KML polygon.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Polygon>} A polygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML polygon node.\n-         */\n-        polygon: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"Polygon\");\n-            var rings = geometry.components;\n-            var ringMember, ringGeom, type;\n-            for (var i = 0, len = rings.length; i < len; ++i) {\n-                type = (i == 0) ? \"outerBoundaryIs\" : \"innerBoundaryIs\";\n-                ringMember = this.createElementNS(this.kmlns, type);\n-                ringGeom = this.buildGeometry.linearring.apply(this,\n-                    [rings[i]]);\n-                ringMember.appendChild(ringGeom);\n-                kml.appendChild(ringMember);\n-            }\n-            return kml;\n-        },\n-\n-        /**\n-         * Method: buildGeometry.multipolygon\n-         * Given an OpenLayers multipolygon geometry, create a KML\n-         *     GeometryCollection.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Point>} A multipolygon geometry.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML GeometryCollection node.\n-         */\n-        multipolygon: function(geometry) {\n-            return this.buildGeometry.collection.apply(this, [geometry]);\n-        },\n-\n-        /**\n-         * Method: buildGeometry.collection\n-         * Given an OpenLayers geometry collection, create a KML MultiGeometry.\n-         *\n-         * Parameters:\n-         * geometry - {<OpenLayers.Geometry.Collection>} A geometry collection.\n-         *\n-         * Returns:\n-         * {DOMElement} A KML MultiGeometry node.\n-         */\n-        collection: function(geometry) {\n-            var kml = this.createElementNS(this.kmlns, \"MultiGeometry\");\n-            var child;\n-            for (var i = 0, len = geometry.components.length; i < len; ++i) {\n-                child = this.buildGeometryNode.apply(this,\n-                    [geometry.components[i]]);\n-                if (child) {\n-                    kml.appendChild(child);\n-                }\n-            }\n-            return kml;\n-        }\n-    },\n-\n-    /**\n-     * Method: buildCoordinatesNode\n-     * Builds and returns the KML coordinates node with the given geometry\n-     * <coordinates>...</coordinates>\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    buildCoordinatesNode: function(geometry) {\n-        var coordinatesNode = this.createElementNS(this.kmlns, \"coordinates\");\n-\n-        var path;\n-        var points = geometry.components;\n-        if (points) {\n-            // LineString or LinearRing\n-            var point;\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; ++i) {\n-                point = points[i];\n-                parts[i] = this.buildCoordinates(point);\n-            }\n-            path = parts.join(\" \");\n-        } else {\n-            // Point\n-            path = this.buildCoordinates(geometry);\n-        }\n-\n-        var txtNode = this.createTextNode(path);\n-        coordinatesNode.appendChild(txtNode);\n-\n-        return coordinatesNode;\n-    },\n-\n-    /**\n-     * Method: buildCoordinates\n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     *\n-     * Returns\n-     * {String} a coordinate pair\n-     */\n-    buildCoordinates: function(point) {\n-        if (this.internalProjection && this.externalProjection) {\n-            point = point.clone();\n-            point.transform(this.internalProjection,\n-                this.externalProjection);\n-        }\n-        return point.x + \",\" + point.y;\n-    },\n-\n-    /**\n-     * Method: buildExtendedData\n-     *\n-     * Parameters:\n-     * attributes - {Object}\n-     *\n-     * Returns\n-     * {DOMElement} A KML ExtendedData node or {null} if no attributes.\n-     */\n-    buildExtendedData: function(attributes) {\n-        var extendedData = this.createElementNS(this.kmlns, \"ExtendedData\");\n-        for (var attributeName in attributes) {\n-            // empty, name, description, styleUrl attributes ignored\n-            if (attributes[attributeName] && attributeName != \"name\" && attributeName != \"description\" && attributeName != \"styleUrl\") {\n-                var data = this.createElementNS(this.kmlns, \"Data\");\n-                data.setAttribute(\"name\", attributeName);\n-                var value = this.createElementNS(this.kmlns, \"value\");\n-                if (typeof attributes[attributeName] == \"object\") {\n-                    // cater for object attributes with 'value' properties\n-                    // other object properties will output an empty node\n-                    if (attributes[attributeName].value) {\n-                        value.appendChild(this.createTextNode(attributes[attributeName].value));\n-                    }\n-                    if (attributes[attributeName].displayName) {\n-                        var displayName = this.createElementNS(this.kmlns, \"displayName\");\n-                        // displayName always written as CDATA\n-                        displayName.appendChild(this.getXMLDoc().createCDATASection(attributes[attributeName].displayName));\n-                        data.appendChild(displayName);\n-                    }\n-                } else {\n-                    value.appendChild(this.createTextNode(attributes[attributeName]));\n-                }\n-                data.appendChild(value);\n-                extendedData.appendChild(data);\n-            }\n-        }\n-        if (this.isSimpleContent(extendedData)) {\n-            return null;\n-        } else {\n-            return extendedData;\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.KML\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/WPSCapabilities.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WPSCapabilities\n- * Read WPS Capabilities.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n-     */\n-    defaultVersion: \"1.0.0\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.WPSCapabilities\n-     * Create a new parser for WPS Capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service.\n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Object} Info about the WPS\n-     */\n-\n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/OSM.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**  \n- * Class: OpenLayers.Format.OSM\n- * OSM parser. Create a new instance with the \n- *     <OpenLayers.Format.OSM> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * APIProperty: checkTags\n-     * {Boolean} Should tags be checked to determine whether something\n-     * should be treated as a seperate node. Will slow down parsing.\n-     * Default is false.\n-     */\n-    checkTags: false,\n-\n-    /**\n-     * Property: interestingTagsExclude\n-     * {Array} List of tags to exclude from 'interesting' checks on nodes.\n-     * Must be set when creating the format. Will only be used if checkTags\n-     * is set.\n-     */\n-    interestingTagsExclude: null,\n-\n-    /**\n-     * APIProperty: areaTags\n-     * {Array} List of tags indicating that something is an area.  \n-     * Must be set when creating the format. Will only be used if \n-     * checkTags is true.\n-     */\n-    areaTags: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.OSM\n-     * Create a new parser for OSM.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-    initialize: function(options) {\n-        var layer_defaults = {\n-            'interestingTagsExclude': ['source', 'source_ref',\n-                'source:ref', 'history', 'attribution', 'created_by'\n-            ],\n-            'areaTags': ['area', 'building', 'leisure', 'tourism', 'ruins',\n-                'historic', 'landuse', 'military', 'natural', 'sport'\n-            ]\n-        };\n-\n-        layer_defaults = OpenLayers.Util.extend(layer_defaults, options);\n-\n-        var interesting = {};\n-        for (var i = 0; i < layer_defaults.interestingTagsExclude.length; i++) {\n-            interesting[layer_defaults.interestingTagsExclude[i]] = true;\n-        }\n-        layer_defaults.interestingTagsExclude = interesting;\n-\n-        var area = {};\n-        for (var i = 0; i < layer_defaults.areaTags.length; i++) {\n-            area[layer_defaults.areaTags[i]] = true;\n-        }\n-        layer_defaults.areaTags = area;\n-\n-        // OSM coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [layer_defaults]);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Return a list of features from a OSM doc\n-     \n-     * Parameters:\n-     * doc - {Element} \n-     *\n-     * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n-     */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-\n-        var nodes = this.getNodes(doc);\n-        var ways = this.getWays(doc);\n-\n-        // Geoms will contain at least ways.length entries.\n-        var feat_list = new Array(ways.length);\n-\n-        for (var i = 0; i < ways.length; i++) {\n-            // We know the minimal of this one ahead of time. (Could be -1\n-            // due to areas/polygons)\n-            var point_list = new Array(ways[i].nodes.length);\n-\n-            var poly = this.isWayArea(ways[i]) ? 1 : 0;\n-            for (var j = 0; j < ways[i].nodes.length; j++) {\n-                var node = nodes[ways[i].nodes[j]];\n-\n-                var point = new OpenLayers.Geometry.Point(node.lon, node.lat);\n-\n-                // Since OSM is topological, we stash the node ID internally. \n-                point.osm_id = parseInt(ways[i].nodes[j]);\n-                point_list[j] = point;\n-\n-                // We don't display nodes if they're used inside other \n-                // elements.\n-                node.used = true;\n-            }\n-            var geometry = null;\n-            if (poly) {\n-                geometry = new OpenLayers.Geometry.Polygon(\n-                    new OpenLayers.Geometry.LinearRing(point_list));\n-            } else {\n-                geometry = new OpenLayers.Geometry.LineString(point_list);\n-            }\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry.transform(this.externalProjection,\n-                    this.internalProjection);\n-            }\n-            var feat = new OpenLayers.Feature.Vector(geometry,\n-                ways[i].tags);\n-            feat.osm_id = parseInt(ways[i].id);\n-            feat.fid = \"way.\" + feat.osm_id;\n-            feat_list[i] = feat;\n-        }\n-        for (var node_id in nodes) {\n-            var node = nodes[node_id];\n-            if (!node.used || this.checkTags) {\n-                var tags = null;\n-\n-                if (this.checkTags) {\n-                    var result = this.getTags(node.node, true);\n-                    if (node.used && !result[1]) {\n-                        continue;\n-                    }\n-                    tags = result[0];\n-                } else {\n-                    tags = this.getTags(node.node);\n-                }\n-\n-                var feat = new OpenLayers.Feature.Vector(\n-                    new OpenLayers.Geometry.Point(node['lon'], node['lat']),\n-                    tags);\n-                if (this.internalProjection && this.externalProjection) {\n-                    feat.geometry.transform(this.externalProjection,\n-                        this.internalProjection);\n-                }\n-                feat.osm_id = parseInt(node_id);\n-                feat.fid = \"node.\" + feat.osm_id;\n-                feat_list.push(feat);\n-            }\n-            // Memory cleanup\n-            node.node = null;\n-        }\n-        return feat_list;\n-    },\n-\n-    /**\n-     * Method: getNodes\n-     * Return the node items from a doc.  \n-     *\n-     * Parameters:\n-     * doc - {DOMElement} node to parse tags from\n-     */\n-    getNodes: function(doc) {\n-        var node_list = doc.getElementsByTagName(\"node\");\n-        var nodes = {};\n-        for (var i = 0; i < node_list.length; i++) {\n-            var node = node_list[i];\n-            var id = node.getAttribute(\"id\");\n-            nodes[id] = {\n-                'lat': node.getAttribute(\"lat\"),\n-                'lon': node.getAttribute(\"lon\"),\n-                'node': node\n-            };\n-        }\n-        return nodes;\n-    },\n-\n-    /**\n-     * Method: getWays\n-     * Return the way items from a doc.  \n-     *\n-     * Parameters:\n-     * doc - {DOMElement} node to parse tags from\n-     */\n-    getWays: function(doc) {\n-        var way_list = doc.getElementsByTagName(\"way\");\n-        var return_ways = [];\n-        for (var i = 0; i < way_list.length; i++) {\n-            var way = way_list[i];\n-            var way_object = {\n-                id: way.getAttribute(\"id\")\n-            };\n-\n-            way_object.tags = this.getTags(way);\n-\n-            var node_list = way.getElementsByTagName(\"nd\");\n-\n-            way_object.nodes = new Array(node_list.length);\n-\n-            for (var j = 0; j < node_list.length; j++) {\n-                way_object.nodes[j] = node_list[j].getAttribute(\"ref\");\n-            }\n-            return_ways.push(way_object);\n-        }\n-        return return_ways;\n-\n-    },\n-\n-    /**\n-     * Method: getTags\n-     * Return the tags list attached to a specific DOM element.\n-     *\n-     * Parameters:\n-     * dom_node - {DOMElement} node to parse tags from\n-     * interesting_tags - {Boolean} whether the return from this function should\n-     *    return a boolean indicating that it has 'interesting tags' -- \n-     *    tags like attribution and source are ignored. (To change the list\n-     *    of tags, see interestingTagsExclude)\n-     * \n-     * Returns:\n-     * tags - {Object} hash of tags\n-     * interesting - {Boolean} if interesting_tags is passed, returns\n-     *     whether there are any interesting tags on this element.\n-     */\n-    getTags: function(dom_node, interesting_tags) {\n-        var tag_list = dom_node.getElementsByTagName(\"tag\");\n-        var tags = {};\n-        var interesting = false;\n-        for (var j = 0; j < tag_list.length; j++) {\n-            var key = tag_list[j].getAttribute(\"k\");\n-            tags[key] = tag_list[j].getAttribute(\"v\");\n-            if (interesting_tags) {\n-                if (!this.interestingTagsExclude[key]) {\n-                    interesting = true;\n-                }\n-            }\n-        }\n-        return interesting_tags ? [tags, interesting] : tags;\n-    },\n-\n-    /** \n-     * Method: isWayArea\n-     * Given a way object from getWays, check whether the tags and geometry\n-     * indicate something is an area.\n-     *\n-     * Returns:\n-     * {Boolean}\n-     */\n-    isWayArea: function(way) {\n-        var poly_shaped = false;\n-        var poly_tags = false;\n-\n-        if (way.nodes[0] == way.nodes[way.nodes.length - 1]) {\n-            poly_shaped = true;\n-        }\n-        if (this.checkTags) {\n-            for (var key in way.tags) {\n-                if (this.areaTags[key]) {\n-                    poly_tags = true;\n-                    break;\n-                }\n-            }\n-        }\n-        return poly_shaped && (this.checkTags ? poly_tags : true);\n-    },\n-\n-    /**\n-     * APIMethod: write \n-     * Takes a list of features, returns a serialized OSM format file for use\n-     * in tools like JOSM.\n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)}\n-     */\n-    write: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n-        }\n-\n-        this.osm_id = 1;\n-        this.created_nodes = {};\n-        var root_node = this.createElementNS(null, \"osm\");\n-        root_node.setAttribute(\"version\", \"0.5\");\n-        root_node.setAttribute(\"generator\", \"OpenLayers \" + OpenLayers.VERSION_NUMBER);\n-\n-        // Loop backwards, because the deserializer puts nodes last, and \n-        // we want them first if possible\n-        for (var i = features.length - 1; i >= 0; i--) {\n-            var nodes = this.createFeatureNodes(features[i]);\n-            for (var j = 0; j < nodes.length; j++) {\n-                root_node.appendChild(nodes[j]);\n-            }\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root_node]);\n-    },\n-\n-    /**\n-     * Method: createFeatureNodes\n-     * Takes a feature, returns a list of nodes from size 0->n.\n-     * Will include all pieces of the serialization that are required which\n-     * have not already been created. Calls out to createXML based on geometry\n-     * type.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    createFeatureNodes: function(feature) {\n-        var nodes = [];\n-        var className = feature.geometry.CLASS_NAME;\n-        var type = className.substring(className.lastIndexOf(\".\") + 1);\n-        type = type.toLowerCase();\n-        var builder = this.createXML[type];\n-        if (builder) {\n-            nodes = builder.apply(this, [feature]);\n-        }\n-        return nodes;\n-    },\n-\n-    /**\n-     * Method: createXML\n-     * Takes a feature, returns a list of nodes from size 0->n.\n-     * Will include all pieces of the serialization that are required which\n-     * have not already been created.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    createXML: {\n-        'point': function(point) {\n-            var id = null;\n-            var geometry = point.geometry ? point.geometry : point;\n-\n-            if (this.internalProjection && this.externalProjection) {\n-                geometry = geometry.clone();\n-                geometry.transform(this.internalProjection,\n-                    this.externalProjection);\n-            }\n-\n-            var already_exists = false; // We don't return anything if the node\n-            // has already been created\n-            if (point.osm_id) {\n-                id = point.osm_id;\n-                if (this.created_nodes[id]) {\n-                    already_exists = true;\n-                }\n-            } else {\n-                id = -this.osm_id;\n-                this.osm_id++;\n-            }\n-            if (already_exists) {\n-                node = this.created_nodes[id];\n-            } else {\n-                var node = this.createElementNS(null, \"node\");\n-            }\n-            this.created_nodes[id] = node;\n-            node.setAttribute(\"id\", id);\n-            node.setAttribute(\"lon\", geometry.x);\n-            node.setAttribute(\"lat\", geometry.y);\n-            if (point.attributes) {\n-                this.serializeTags(point, node);\n-            }\n-            this.setState(point, node);\n-            return already_exists ? [] : [node];\n-        },\n-        linestring: function(feature) {\n-            var id;\n-            var nodes = [];\n-            var geometry = feature.geometry;\n-            if (feature.osm_id) {\n-                id = feature.osm_id;\n-            } else {\n-                id = -this.osm_id;\n-                this.osm_id++;\n-            }\n-            var way = this.createElementNS(null, \"way\");\n-            way.setAttribute(\"id\", id);\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                var node = this.createXML['point'].apply(this, [geometry.components[i]]);\n-                if (node.length) {\n-                    node = node[0];\n-                    var node_ref = node.getAttribute(\"id\");\n-                    nodes.push(node);\n-                } else {\n-                    node_ref = geometry.components[i].osm_id;\n-                    node = this.created_nodes[node_ref];\n-                }\n-                this.setState(feature, node);\n-                var nd_dom = this.createElementNS(null, \"nd\");\n-                nd_dom.setAttribute(\"ref\", node_ref);\n-                way.appendChild(nd_dom);\n-            }\n-            this.serializeTags(feature, way);\n-            nodes.push(way);\n-\n-            return nodes;\n-        },\n-        polygon: function(feature) {\n-            var attrs = OpenLayers.Util.extend({\n-                'area': 'yes'\n-            }, feature.attributes);\n-            var feat = new OpenLayers.Feature.Vector(feature.geometry.components[0], attrs);\n-            feat.osm_id = feature.osm_id;\n-            return this.createXML['linestring'].apply(this, [feat]);\n-        }\n-    },\n-\n-    /**\n-     * Method: serializeTags\n-     * Given a feature, serialize the attributes onto the given node.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * node - {DOMNode}\n-     */\n-    serializeTags: function(feature, node) {\n-        for (var key in feature.attributes) {\n-            var tag = this.createElementNS(null, \"tag\");\n-            tag.setAttribute(\"k\", key);\n-            tag.setAttribute(\"v\", feature.attributes[key]);\n-            node.appendChild(tag);\n-        }\n-    },\n-\n-    /**\n-     * Method: setState \n-     * OpenStreetMap has a convention that 'state' is stored for modification or deletion.\n-     * This allows the file to be uploaded via JOSM or the bulk uploader tool.\n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     * node - {DOMNode}\n-     */\n-    setState: function(feature, node) {\n-        if (feature.state) {\n-            var state = null;\n-            switch (feature.state) {\n-                case OpenLayers.State.UPDATE:\n-                    state = \"modify\";\n-                case OpenLayers.State.DELETE:\n-                    state = \"delete\";\n-            }\n-            if (state) {\n-                node.setAttribute(\"action\", state);\n-            }\n-        }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.OSM\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/GeoRSS.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Geometry/Polygon.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.GeoRSS\n- * Read/write GeoRSS parser. Create a new instance with the \n- *     <OpenLayers.Format.GeoRSS> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * APIProperty: rssns\n-     * {String} RSS namespace to use. Defaults to\n-     *   \"http://backend.userland.com/rss2\"\n-     */\n-    rssns: \"http://backend.userland.com/rss2\",\n-\n-    /**\n-     * APIProperty: featurens\n-     * {String} Feature Attributes namespace.  Defaults to\n-     *    \"http://mapserver.gis.umn.edu/mapserver\"\n-     */\n-    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n-\n-    /**\n-     * APIProperty: georssns\n-     * {String} GeoRSS namespace to use.  Defaults to\n-     *     \"http://www.georss.org/georss\"\n-     */\n-    georssns: \"http://www.georss.org/georss\",\n-\n-    /**\n-     * APIProperty: geons\n-     * {String} W3C Geo namespace to use.  Defaults to\n-     *     \"http://www.w3.org/2003/01/geo/wgs84_pos#\"\n-     */\n-    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n-\n-    /**\n-     * APIProperty: featureTitle\n-     * {String} Default title for features.  Defaults to \"Untitled\"\n-     */\n-    featureTitle: \"Untitled\",\n-\n-    /**\n-     * APIProperty: featureDescription\n-     * {String} Default description for features.  Defaults to \"No Description\"\n-     */\n-    featureDescription: \"No Description\",\n-\n-    /**\n-     * Property: gmlParse\n-     * {Object} GML Format object for parsing features\n-     * Non-API and only created if necessary\n-     */\n-    gmlParser: null,\n-\n-    /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate: true:(x,y) or false:(y,x)\n-     * For GeoRSS the default is (y,x), therefore: false\n-     */\n-    xy: false,\n-\n-    /**\n-     * Constructor: OpenLayers.Format.GeoRSS\n-     * Create a new parser for GeoRSS.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * Method: createGeometryFromItem\n-     * Return a geometry from a GeoRSS Item.\n-     *\n-     * Parameters:\n-     * item - {DOMElement} A GeoRSS item node.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry>} A geometry representing the node.\n-     */\n-    createGeometryFromItem: function(item) {\n-        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n-        var lat = this.getElementsByTagNameNS(item, this.geons, 'lat');\n-        var lon = this.getElementsByTagNameNS(item, this.geons, 'long');\n-\n-        var line = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"line\");\n-        var polygon = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"polygon\");\n-        var where = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"where\");\n-        var box = this.getElementsByTagNameNS(item,\n-            this.georssns,\n-            \"box\");\n-\n-        if (point.length > 0 || (lat.length > 0 && lon.length > 0)) {\n-            var location;\n-            if (point.length > 0) {\n-                location = OpenLayers.String.trim(\n-                    point[0].firstChild.nodeValue).split(/\\s+/);\n-                if (location.length != 2) {\n-                    location = OpenLayers.String.trim(\n-                        point[0].firstChild.nodeValue).split(/\\s*,\\s*/);\n-                }\n-            } else {\n-                location = [parseFloat(lat[0].firstChild.nodeValue),\n-                    parseFloat(lon[0].firstChild.nodeValue)\n-                ];\n-            }\n-\n-            var geometry = new OpenLayers.Geometry.Point(location[1], location[0]);\n-\n-        } else if (line.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.LineString(components);\n-        } else if (polygon.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n-        } else if (where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.gmlParser = new OpenLayers.Format.GML({\n-                    'xy': this.xy\n-                });\n-            }\n-            var feature = this.gmlParser.parseFeature(where[0]);\n-            geometry = feature.geometry;\n-        } else if (box.length > 0) {\n-            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            if (coords.length > 3) {\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)]);\n-        }\n-\n-        if (geometry && this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.externalProjection,\n-                this.internalProjection);\n-        }\n-\n-        return geometry;\n-    },\n-\n-    /**\n-     * Method: createFeatureFromItem\n-     * Return a feature from a GeoRSS Item.\n-     *\n-     * Parameters:\n-     * item - {DOMElement} A GeoRSS item node.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A feature representing the item.\n-     */\n-    createFeatureFromItem: function(item) {\n-        var geometry = this.createGeometryFromItem(item);\n-\n-        /* Provide defaults for title and description */\n-        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n-\n-        /* First try RSS descriptions, then Atom summaries */\n-        var description = this._getChildValue(\n-            item, \"*\", \"description\",\n-            this._getChildValue(item, \"*\", \"content\",\n-                this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n-\n-        /* If no link URL is found in the first child node, try the\n-           href attribute */\n-        var link = this._getChildValue(item, \"*\", \"link\");\n-        if (!link) {\n-            try {\n-                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\");\n-            } catch (e) {\n-                link = null;\n-            }\n-        }\n-\n-        var id = this._getChildValue(item, \"*\", \"id\", null);\n-\n-        var data = {\n-            \"title\": title,\n-            \"description\": description,\n-            \"link\": link\n-        };\n-        var feature = new OpenLayers.Feature.Vector(geometry, data);\n-        feature.fid = id;\n-        return feature;\n-    },\n-\n-    /**\n-     * Method: _getChildValue\n-     *\n-     * Parameters:\n-     * node - {DOMElement}\n-     * nsuri - {String} Child node namespace uri (\"*\" for any).\n-     * name - {String} Child node name.\n-     * def - {String} Optional string default to return if no child found.\n-     *\n-     * Returns:\n-     * {String} The value of the first child with the given tag name.  Returns\n-     *     default value or empty string if none found.\n-     */\n-    _getChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (eles && eles[0] && eles[0].firstChild &&\n-            eles[0].firstChild.nodeValue) {\n-            value = this.getChildValue(eles[0]);\n-        } else {\n-            value = (def == undefined) ? \"\" : def;\n-        }\n-        return value;\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Return a list of features from a GeoRSS doc\n-     *\n-     * Parameters:\n-     * doc - {Element} \n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)}\n-     */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-\n-        /* Try RSS items first, then Atom entries */\n-        var itemlist = null;\n-        itemlist = this.getElementsByTagNameNS(doc, '*', 'item');\n-        if (itemlist.length == 0) {\n-            itemlist = this.getElementsByTagNameNS(doc, '*', 'entry');\n-        }\n-\n-        var numItems = itemlist.length;\n-        var features = new Array(numItems);\n-        for (var i = 0; i < numItems; i++) {\n-            features[i] = this.createFeatureFromItem(itemlist[i]);\n-        }\n-        return features;\n-    },\n-\n-\n-    /**\n-     * APIMethod: write\n-     * Accept Feature Collection, and return a string. \n-     * \n-     * Parameters: \n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n-     */\n-    write: function(features) {\n-        var georss;\n-        if (OpenLayers.Util.isArray(features)) {\n-            georss = this.createElementNS(this.rssns, \"rss\");\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                georss.appendChild(this.createFeatureXML(features[i]));\n-            }\n-        } else {\n-            georss = this.createFeatureXML(features);\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [georss]);\n-    },\n-\n-    /**\n-     * Method: createFeatureXML\n-     * Accept an <OpenLayers.Feature.Vector>, and build a geometry for it.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var featureNode = this.createElementNS(this.rssns, \"item\");\n-        var titleNode = this.createElementNS(this.rssns, \"title\");\n-        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n-        var descNode = this.createElementNS(this.rssns, \"description\");\n-        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n-        featureNode.appendChild(titleNode);\n-        featureNode.appendChild(descNode);\n-        if (feature.attributes.link) {\n-            var linkNode = this.createElementNS(this.rssns, \"link\");\n-            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n-            featureNode.appendChild(linkNode);\n-        }\n-        for (var attr in feature.attributes) {\n-            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n-                continue;\n-            }\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1];\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureNode.appendChild(attrContainer);\n-        }\n-        featureNode.appendChild(geometryNode);\n-        return featureNode;\n-    },\n-\n-    /** \n-     * Method: buildGeometryNode\n-     * builds a GeoRSS node with a given geometry\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     *\n-     * Returns:\n-     * {DOMElement} A gml node.\n-     */\n-    buildGeometryNode: function(geometry) {\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry = geometry.clone();\n-            geometry.transform(this.internalProjection,\n-                this.externalProjection);\n-        }\n-        var node;\n-        // match Polygon\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n-            node = this.createElementNS(this.georssns, 'georss:polygon');\n-\n-            node.appendChild(this.buildCoordinatesNode(geometry.components[0]));\n-        }\n-        // match LineString\n-        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n-            node = this.createElementNS(this.georssns, 'georss:line');\n-\n-            node.appendChild(this.buildCoordinatesNode(geometry));\n-        }\n-        // match Point\n-        else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            node = this.createElementNS(this.georssns, 'georss:point');\n-            node.appendChild(this.buildCoordinatesNode(geometry));\n-        } else {\n-            throw \"Couldn't parse \" + geometry.CLASS_NAME;\n-        }\n-        return node;\n-    },\n-\n-    /** \n-     * Method: buildCoordinatesNode\n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     */\n-    buildCoordinatesNode: function(geometry) {\n-        var points = null;\n-\n-        if (geometry.components) {\n-            points = geometry.components;\n-        }\n-\n-        var path;\n-        if (points) {\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; i++) {\n-                parts[i] = points[i].y + \" \" + points[i].x;\n-            }\n-            path = parts.join(\" \");\n-        } else {\n-            path = geometry.y + \" \" + geometry.x;\n-        }\n-        return this.createTextNode(path);\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/EncodedPolyline.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format.js\n- * @requires OpenLayers/Feature/Vector.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.EncodedPolyline\n- * Class for reading and writing encoded polylines.  Create a new instance\n- * with the <OpenLayers.Format.EncodedPolyline> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format>\n- */\n-OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n-\n-    /**\n-     * APIProperty: geometryType\n-     * {String} Geometry type to output. One of: linestring (default),\n-     *     linearring, point, multipoint or polygon. If the geometryType is\n-     *     point, only the first point of the string is returned.\n-     */\n-    geometryType: \"linestring\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.EncodedPolyline\n-     * Create a new parser for encoded polylines\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *           this instance\n-     *\n-     * Returns:\n-     * {<OpenLayers.Format.EncodedPolyline>} A new encoded polylines parser.\n-     */\n-    initialize: function(options) {\n-        OpenLayers.Format.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Deserialize an encoded polyline string and return a vector feature.\n-     *\n-     * Parameters:\n-     * encoded - {String} An encoded polyline string\n-     *\n-     * Returns:\n-     * {<OpenLayers.Feature.Vector>} A vector feature with a linestring.\n-     */\n-    read: function(encoded) {\n-        var geomType;\n-        if (this.geometryType == \"linestring\")\n-            geomType = OpenLayers.Geometry.LineString;\n-        else if (this.geometryType == \"linearring\")\n-            geomType = OpenLayers.Geometry.LinearRing;\n-        else if (this.geometryType == \"multipoint\")\n-            geomType = OpenLayers.Geometry.MultiPoint;\n-        else if (this.geometryType != \"point\" && this.geometryType != \"polygon\")\n-            return null;\n-\n-        var flatPoints = this.decodeDeltas(encoded, 2);\n-        var flatPointsLength = flatPoints.length;\n-\n-        var pointGeometries = [];\n-        for (var i = 0; i + 1 < flatPointsLength;) {\n-            var y = flatPoints[i++],\n-                x = flatPoints[i++];\n-            pointGeometries.push(new OpenLayers.Geometry.Point(x, y));\n-        }\n-\n-\n-        if (this.geometryType == \"point\")\n-            return new OpenLayers.Feature.Vector(\n-                pointGeometries[0]\n-            );\n-\n-        if (this.geometryType == \"polygon\")\n-            return new OpenLayers.Feature.Vector(\n-                new OpenLayers.Geometry.Polygon([\n-                    new OpenLayers.Geometry.LinearRing(pointGeometries)\n-                ])\n-            );\n-\n-        return new OpenLayers.Feature.Vector(\n-            new geomType(pointGeometries)\n-        );\n-    },\n-\n-    /**\n-     * APIMethod: decode\n-     * Deserialize an encoded string and return an array of n-dimensional\n-     * points.\n-     *\n-     * Parameters:\n-     * encoded - {String} An encoded string\n-     * dims - {int} The dimension of the points that are returned\n-     *\n-     * Returns:\n-     * {Array(Array(int))} An array containing n-dimensional arrays of\n-     *     coordinates.\n-     */\n-    decode: function(encoded, dims, opt_factor) {\n-        var factor = opt_factor || 1e5;\n-        var flatPoints = this.decodeDeltas(encoded, dims, factor);\n-        var flatPointsLength = flatPoints.length;\n-\n-        var points = [];\n-        for (var i = 0; i + (dims - 1) < flatPointsLength;) {\n-            var point = [];\n-\n-            for (var dim = 0; dim < dims; ++dim) {\n-                point.push(flatPoints[i++])\n-            }\n-\n-            points.push(point);\n-        }\n-\n-        return points;\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Serialize a feature or array of features into a WKT string.\n-     *\n-     * Parameters:\n-     * features - {<OpenLayers.Feature.Vector>|Array} A feature or array of\n-     *            features\n-     *\n-     * Returns:\n-     * {String} The WKT string representation of the input geometries\n-     */\n-    write: function(features) {\n-        var feature;\n-        if (features.constructor == Array)\n-            feature = features[0];\n-        else\n-            feature = features;\n+    write: function(features) {\n+        var feature;\n+        if (features.constructor == Array)\n+            feature = features[0];\n+        else\n+            feature = features;\n \n         var geometry = feature.geometry;\n         var type = geometry.CLASS_NAME.split('.')[2].toLowerCase();\n \n         var pointGeometries;\n         if (type == \"point\")\n             pointGeometries = new Array(geometry);\n@@ -80647,1596 +72133,305 @@\n \n         return result;\n     },\n \n     CLASS_NAME: \"OpenLayers.Format.EncodedPolyline\"\n });\n /* ======================================================================\n-    OpenLayers/Format/GPX.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Feature/Vector.js\n- * @requires OpenLayers/Geometry/Point.js\n- * @requires OpenLayers/Geometry/LineString.js\n- * @requires OpenLayers/Projection.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.GPX\n- * Read/write GPX parser. Create a new instance with the \n- *     <OpenLayers.Format.GPX> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-\n-    /** \n-     * APIProperty: defaultDesc\n-     * {String} Default description for the waypoints/tracks in the case\n-     *     where the feature has no \"description\" attribute.\n-     *     Default is \"No description available\".\n-     */\n-    defaultDesc: \"No description available\",\n-\n-    /**\n-     * APIProperty: extractWaypoints\n-     * {Boolean} Extract waypoints from GPX. (default: true)\n-     */\n-    extractWaypoints: true,\n-\n-    /**\n-     * APIProperty: extractTracks\n-     * {Boolean} Extract tracks from GPX. (default: true)\n-     */\n-    extractTracks: true,\n-\n-    /**\n-     * APIProperty: extractRoutes\n-     * {Boolean} Extract routes from GPX. (default: true)\n-     */\n-    extractRoutes: true,\n-\n-    /**\n-     * APIProperty: extractAttributes\n-     * {Boolean} Extract feature attributes from GPX. (default: true)\n-     *     NOTE: Attributes as part of extensions to the GPX standard may not\n-     *     be extracted.\n-     */\n-    extractAttributes: true,\n-\n-    /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n-     */\n-    namespaces: {\n-        gpx: \"http://www.topografix.com/GPX/1/1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-\n-    /**\n-     * Property: schemaLocation\n-     * {String} Schema location. Defaults to\n-     *  \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\"\n-     */\n-    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n-\n-    /**\n-     * APIProperty: creator\n-     * {String} The creator attribute to be added to the written GPX files.\n-     * Defaults to \"OpenLayers\"\n-     */\n-    creator: \"OpenLayers\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.GPX\n-     * Create a new parser for GPX.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-    initialize: function(options) {\n-        // GPX coordinates are always in longlat WGS84\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-    },\n-\n-    /**\n-     * APIMethod: read\n-     * Return a list of features from a GPX doc\n-     *\n-     * Parameters:\n-     * doc - {Element} \n-     *\n-     * Returns:\n-     * Array({<OpenLayers.Feature.Vector>})\n-     */\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc]);\n-        }\n-        var features = [];\n-\n-        if (this.extractTracks) {\n-            var tracks = doc.getElementsByTagName(\"trk\");\n-            for (var i = 0, len = tracks.length; i < len; i++) {\n-                // Attributes are only in trk nodes, not trkseg nodes\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(tracks[i]);\n-                }\n-\n-                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n-                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n-                    // We don't yet support extraction of trkpt attributes\n-                    // All trksegs of a trk get that trk's attributes\n-                    var track = this.extractSegment(segs[j], \"trkpt\");\n-                    features.push(new OpenLayers.Feature.Vector(track, attrs));\n-                }\n-            }\n-        }\n-\n-        if (this.extractRoutes) {\n-            var routes = doc.getElementsByTagName(\"rte\");\n-            for (var k = 0, klen = routes.length; k < klen; k++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(routes[k]);\n-                }\n-                var route = this.extractSegment(routes[k], \"rtept\");\n-                features.push(new OpenLayers.Feature.Vector(route, attrs));\n-            }\n-        }\n-\n-        if (this.extractWaypoints) {\n-            var waypoints = doc.getElementsByTagName(\"wpt\");\n-            for (var l = 0, len = waypoints.length; l < len; l++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(waypoints[l]);\n-                }\n-                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n-                features.push(new OpenLayers.Feature.Vector(wpt, attrs));\n-            }\n-        }\n-\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var g = 0, featLength = features.length; g < featLength; g++) {\n-                features[g].geometry.transform(this.externalProjection,\n-                    this.internalProjection);\n-            }\n-        }\n-\n-        return features;\n-    },\n-\n-    /**\n-     * Method: extractSegment\n-     *\n-     * Parameters:\n-     * segment - {DOMElement} a trkseg or rte node to parse\n-     * segmentType - {String} nodeName of waypoints that form the line\n-     *\n-     * Returns:\n-     * {<OpenLayers.Geometry.LineString>} A linestring geometry\n-     */\n-    extractSegment: function(segment, segmentType) {\n-        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n-        var point_features = [];\n-        for (var i = 0, len = points.length; i < len; i++) {\n-            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")));\n-        }\n-        return new OpenLayers.Geometry.LineString(point_features);\n-    },\n-\n-    /**\n-     * Method: parseAttributes\n-     *\n-     * Parameters:\n-     * node - {<DOMElement>}\n-     *\n-     * Returns:\n-     * {Object} An attributes object.\n-     */\n-    parseAttributes: function(node) {\n-        // node is either a wpt, trk or rte\n-        // attributes are children of the form <attr>value</attr>\n-        var attributes = {};\n-        var attrNode = node.firstChild,\n-            value, name;\n-        while (attrNode) {\n-            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n-                value = attrNode.firstChild;\n-                if (value.nodeType == 3 || value.nodeType == 4) {\n-                    name = (attrNode.prefix) ?\n-                        attrNode.nodeName.split(\":\")[1] :\n-                        attrNode.nodeName;\n-                    if (name != \"trkseg\" && name != \"rtept\") {\n-                        attributes[name] = value.nodeValue;\n-                    }\n-                }\n-            }\n-            attrNode = attrNode.nextSibling;\n-        }\n-        return attributes;\n-    },\n-\n-    /**\n-     * APIMethod: write\n-     * Accepts Feature Collection, and returns a string. \n-     * \n-     * Parameters: \n-     * features - {Array(<OpenLayers.Feature.Vector>)} List of features to serialize into a string.\n-     * metadata - {Object} A key/value pairs object to build a metadata node to\n-     *      add to the gpx. Supported keys are 'name', 'desc', 'author'.\n-     */\n-    write: function(features, metadata) {\n-        features = OpenLayers.Util.isArray(features) ?\n-            features : [features];\n-        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n-        gpx.setAttribute(\"version\", \"1.1\");\n-        gpx.setAttribute(\"creator\", this.creator);\n-        this.setAttributes(gpx, {\n-            \"xsi:schemaLocation\": this.schemaLocation\n-        });\n-\n-        if (metadata && typeof metadata == 'object') {\n-            gpx.appendChild(this.buildMetadataNode(metadata));\n-        }\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            gpx.appendChild(this.buildFeatureNode(features[i]));\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx]);\n-    },\n-\n-    /**\n-     * Method: buildMetadataNode\n-     * Creates a \"metadata\" node.\n-     *\n-     * Returns:\n-     * {DOMElement}\n-     */\n-    buildMetadataNode: function(metadata) {\n-        var types = ['name', 'desc', 'author'],\n-            node = this.createElementNS(this.namespaces.gpx, 'metadata');\n-        for (var i = 0; i < types.length; i++) {\n-            var type = types[i];\n-            if (metadata[type]) {\n-                var n = this.createElementNS(this.namespaces.gpx, type);\n-                n.appendChild(this.createTextNode(metadata[type]));\n-                node.appendChild(n);\n-            }\n-        }\n-        return node;\n-    },\n-\n-    /**\n-     * Method: buildFeatureNode\n-     * Accepts an <OpenLayers.Feature.Vector>, and builds a node for it.\n-     * \n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     *\n-     * Returns:\n-     * {DOMElement} - The created node, either a 'wpt' or a 'trk'.\n-     */\n-    buildFeatureNode: function(feature) {\n-        var geometry = feature.geometry;\n-        geometry = geometry.clone();\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.internalProjection,\n-                this.externalProjection);\n-        }\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            var wpt = this.buildWptNode(geometry);\n-            this.appendAttributesNode(wpt, feature);\n-            return wpt;\n-        } else {\n-            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n-            this.appendAttributesNode(trkNode, feature);\n-            var trkSegNodes = this.buildTrkSegNode(geometry);\n-            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ?\n-                trkSegNodes : [trkSegNodes];\n-            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n-                trkNode.appendChild(trkSegNodes[i]);\n-            }\n-            return trkNode;\n-        }\n-    },\n-\n-    /**\n-     * Method: buildTrkSegNode\n-     * Builds trkseg node(s) given a geometry\n-     *\n-     * Parameters:\n-     * trknode\n-     * geometry - {<OpenLayers.Geometry>}\n-     */\n-    buildTrkSegNode: function(geometry) {\n-        var node,\n-            i,\n-            len,\n-            point,\n-            nodes;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" ||\n-            geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                point = geometry.components[i];\n-                node.appendChild(this.buildTrkPtNode(point));\n-            }\n-            return node;\n-        } else {\n-            nodes = [];\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                nodes.push(this.buildTrkSegNode(geometry.components[i]));\n-            }\n-            return nodes;\n-        }\n-    },\n-\n-    /**\n-     * Method: buildTrkPtNode\n-     * Builds a trkpt node given a point \n-     *\n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     *\n-     * Returns:\n-     * {DOMElement} A trkpt node\n-     */\n-    buildTrkPtNode: function(point) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n-        node.setAttribute(\"lon\", point.x);\n-        node.setAttribute(\"lat\", point.y);\n-        return node;\n-    },\n-\n-    /**\n-     * Method: buildWptNode\n-     * Builds a wpt node given a point\n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry.Point>}\n-     *\n-     * Returns:\n-     * {DOMElement} A wpt node\n-     */\n-    buildWptNode: function(geometry) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n-        node.setAttribute(\"lon\", geometry.x);\n-        node.setAttribute(\"lat\", geometry.y);\n-        return node;\n-    },\n-\n-    /**\n-     * Method: appendAttributesNode\n-     * Adds some attributes node.\n-     *\n-     * Parameters:\n-     * node - {DOMElement} the node to append the attribute nodes to.\n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    appendAttributesNode: function(node, feature) {\n-        var name = this.createElementNS(this.namespaces.gpx, 'name');\n-        name.appendChild(this.createTextNode(\n-            feature.attributes.name || feature.id));\n-        node.appendChild(name);\n-        var desc = this.createElementNS(this.namespaces.gpx, 'desc');\n-        desc.appendChild(this.createTextNode(\n-            feature.attributes.description || this.defaultDesc));\n-        node.appendChild(desc);\n-        // TBD - deal with remaining (non name/description) attributes.\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.GPX\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/SOSCapabilities.js\n+    OpenLayers/Format/SOSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n+ * @requires OpenLayers/Format/SOSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Format/GML/v3.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SOSCapabilities\n- * Read SOS Capabilities.\n+ * Class: OpenLayers.Format.SOSCapabilities.v1_0_0\n+ * Read SOS Capabilities version 1.0.0.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n-     */\n-    defaultVersion: \"1.0.0\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.SOSCapabilities\n-     * Create a new parser for SOS Capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service (offering and observedProperty mostly).\n-     * \n-     * Parameters: \n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Object} Info about the SOS\n-     */\n-\n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Format/CSWGetDomain.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.CSWGetDomain\n- * Default version is 2.0.2.\n- *\n- * Returns:\n- * {<OpenLayers.Format>} A CSWGetDomain format of the given version.\n- */\n-OpenLayers.Format.CSWGetDomain = function(options) {\n-    options = OpenLayers.Util.applyDefaults(\n-        options, OpenLayers.Format.CSWGetDomain.DEFAULTS\n-    );\n-    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetDomain version: \" + options.version;\n-    }\n-    return new cls(options);\n-};\n-\n-/**\n- * Constant: DEFAULTS\n- * {Object} Default properties for the CSWGetDomain format.\n- */\n-OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n-    \"version\": \"2.0.2\"\n-};\n-/* ======================================================================\n-    OpenLayers/Format/WFS.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/GML.js\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WFS\n- * Read/Write WFS. \n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.GML>\n- */\n-OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n-\n-    /** \n-     * Property: layer\n-     * {<OpenLayers.Layer>}\n-     */\n-    layer: null,\n-\n-    /**\n-     * APIProperty: wfsns\n-     * {String}\n-     */\n-    wfsns: \"http://www.opengis.net/wfs\",\n-\n-    /**\n-     * Property: ogcns\n-     * {String}\n-     */\n-    ogcns: \"http://www.opengis.net/ogc\",\n-\n-    /**\n-     * Constructor: OpenLayers.Format.WFS\n-     * Create a WFS-T formatter. This requires a layer: that layer should\n-     * have two properties: geometry_column and typename. The parser\n-     * for this format is subclassed entirely from GML: There is a writer \n-     * only, which uses most of the code from the GML layer, and wraps\n-     * it in transactional elements.\n-     * \n-     * Parameters: \n-     * options - {Object} \n-     * layer - {<OpenLayers.Layer>} \n-     */\n-    initialize: function(options, layer) {\n-        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        if (this.layer.featureNS) {\n-            this.featureNS = this.layer.featureNS;\n-        }\n-        if (this.layer.options.geometry_column) {\n-            this.geometryName = this.layer.options.geometry_column;\n-        }\n-        if (this.layer.options.typename) {\n-            this.featureName = this.layer.options.typename;\n-        }\n-    },\n-\n-    /**\n-     * Method: write \n-     * Takes a feature list, and generates a WFS-T Transaction \n-     *\n-     * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n-     */\n-    write: function(features) {\n-\n-        var transaction = this.createElementNS(this.wfsns, 'wfs:Transaction');\n-        transaction.setAttribute(\"version\", \"1.0.0\");\n-        transaction.setAttribute(\"service\", \"WFS\");\n-        for (var i = 0; i < features.length; i++) {\n-            switch (features[i].state) {\n-                case OpenLayers.State.INSERT:\n-                    transaction.appendChild(this.insert(features[i]));\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                    transaction.appendChild(this.update(features[i]));\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    transaction.appendChild(this.remove(features[i]));\n-                    break;\n-            }\n-        }\n-\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction]);\n-    },\n-\n-    /**\n-     * Method: createFeatureXML\n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>}\n-     */\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n-        geomContainer.appendChild(geometryNode);\n-        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n-        featureContainer.appendChild(geomContainer);\n-        for (var attr in feature.attributes) {\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1];\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureContainer.appendChild(attrContainer);\n-        }\n-        return featureContainer;\n-    },\n-\n-    /**\n-     * Method: insert \n-     * Takes a feature, and generates a WFS-T Transaction \"Insert\" \n-     *\n-     * Parameters: \n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    insert: function(feature) {\n-        var insertNode = this.createElementNS(this.wfsns, 'wfs:Insert');\n-        insertNode.appendChild(this.createFeatureXML(feature));\n-        return insertNode;\n-    },\n-\n-    /**\n-     * Method: update\n-     * Takes a feature, and generates a WFS-T Transaction \"Update\" \n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    update: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-        }\n-        var updateNode = this.createElementNS(this.wfsns, 'wfs:Update');\n-        updateNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n-        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-\n-        var propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n-        var nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n-\n-        var txtNode = this.createTextNode(this.geometryName);\n-        nameNode.appendChild(txtNode);\n-        propertyNode.appendChild(nameNode);\n-\n-        var valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n-\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-\n-        if (feature.layer) {\n-            geometryNode.setAttribute(\n-                \"srsName\", feature.layer.projection.getCode()\n-            );\n-        }\n-\n-        valueNode.appendChild(geometryNode);\n-\n-        propertyNode.appendChild(valueNode);\n-        updateNode.appendChild(propertyNode);\n-\n-        // add in attributes\n-        for (var propName in feature.attributes) {\n-            propertyNode = this.createElementNS(this.wfsns, 'wfs:Property');\n-            nameNode = this.createElementNS(this.wfsns, 'wfs:Name');\n-            nameNode.appendChild(this.createTextNode(propName));\n-            propertyNode.appendChild(nameNode);\n-            valueNode = this.createElementNS(this.wfsns, 'wfs:Value');\n-            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n-            propertyNode.appendChild(valueNode);\n-            updateNode.appendChild(propertyNode);\n-        }\n-\n-\n-        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n-        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        updateNode.appendChild(filterNode);\n-\n-        return updateNode;\n-    },\n-\n-    /**\n-     * Method: remove \n-     * Takes a feature, and generates a WFS-T Transaction \"Delete\" \n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     */\n-    remove: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-            return false;\n-        }\n-        var deleteNode = this.createElementNS(this.wfsns, 'wfs:Delete');\n-        deleteNode.setAttribute(\"typeName\", this.featurePrefix + ':' + this.featureName);\n-        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-\n-        var filterNode = this.createElementNS(this.ogcns, 'ogc:Filter');\n-        var filterIdNode = this.createElementNS(this.ogcns, 'ogc:FeatureId');\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        deleteNode.appendChild(filterNode);\n-\n-        return deleteNode;\n-    },\n-\n-    /**\n-     * APIMethod: destroy\n-     * Remove ciruclar ref to layer \n-     */\n-    destroy: function() {\n-        this.layer = null;\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Format.WFS\"\n-});\n-/* ======================================================================\n-    OpenLayers/Format/CQL.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WKT.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Logical.js\n- * @requires OpenLayers/Filter/Spatial.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.CQL\n- * Read CQL strings to get <OpenLayers.Filter> objects.  Write \n- *     <OpenLayers.Filter> objects to get CQL strings. Create a new parser with \n- *     the <OpenLayers.Format.CQL> constructor.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Format.SOSCapabilities>\n  */\n-OpenLayers.Format.CQL = (function() {\n-\n-    var tokens = [\n-            \"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"\n-        ],\n-\n-        patterns = {\n-            PROPERTY: /^[_a-zA-Z]\\w*/,\n-            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n-            IS_NULL: /^IS NULL/i,\n-            COMMA: /^,/,\n-            LOGICAL: /^(AND|OR)/i,\n-            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n-            LPAREN: /^\\(/,\n-            RPAREN: /^\\)/,\n-            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n-            NOT: /^NOT/i,\n-            BETWEEN: /^BETWEEN/i,\n-            GEOMETRY: function(text) {\n-                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n-                if (type) {\n-                    var len = text.length;\n-                    var idx = text.indexOf(\"(\", type[0].length);\n-                    if (idx > -1) {\n-                        var depth = 1;\n-                        while (idx < len && depth > 0) {\n-                            idx++;\n-                            switch (text.charAt(idx)) {\n-                                case '(':\n-                                    depth++;\n-                                    break;\n-                                case ')':\n-                                    depth--;\n-                                    break;\n-                                default:\n-                                    // in default case, do nothing\n-                            }\n-                        }\n-                    }\n-                    return [text.substr(0, idx + 1)];\n-                }\n-            },\n-            END: /^$/\n-        },\n-\n-        follows = {\n-            LPAREN: ['GEOMETRY', 'SPATIAL', 'PROPERTY', 'VALUE', 'LPAREN'],\n-            RPAREN: ['NOT', 'LOGICAL', 'END', 'RPAREN'],\n-            PROPERTY: ['COMPARISON', 'BETWEEN', 'COMMA', 'IS_NULL'],\n-            BETWEEN: ['VALUE'],\n-            IS_NULL: ['END'],\n-            COMPARISON: ['VALUE'],\n-            COMMA: ['GEOMETRY', 'VALUE', 'PROPERTY'],\n-            VALUE: ['LOGICAL', 'COMMA', 'RPAREN', 'END'],\n-            SPATIAL: ['LPAREN'],\n-            LOGICAL: ['NOT', 'VALUE', 'SPATIAL', 'PROPERTY', 'LPAREN'],\n-            NOT: ['PROPERTY', 'LPAREN'],\n-            GEOMETRY: ['COMMA', 'RPAREN']\n-        },\n+OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.SOSCapabilities, {\n \n-        operators = {\n-            '=': OpenLayers.Filter.Comparison.EQUAL_TO,\n-            '<>': OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n-            '<': OpenLayers.Filter.Comparison.LESS_THAN,\n-            '<=': OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n-            '>': OpenLayers.Filter.Comparison.GREATER_THAN,\n-            '>=': OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n-            'LIKE': OpenLayers.Filter.Comparison.LIKE,\n-            'BETWEEN': OpenLayers.Filter.Comparison.BETWEEN,\n-            'IS NULL': OpenLayers.Filter.Comparison.IS_NULL\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            sos: \"http://www.opengis.net/sos/1.0\",\n+            gml: \"http://www.opengis.net/gml\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n         },\n \n-        operatorReverse = {},\n-\n-        logicals = {\n-            'AND': OpenLayers.Filter.Logical.AND,\n-            'OR': OpenLayers.Filter.Logical.OR\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n         },\n \n-        logicalReverse = {},\n-\n-        precedence = {\n-            'RPAREN': 3,\n-            'LOGICAL': 2,\n-            'COMPARISON': 1\n-        };\n-\n-    var i;\n-    for (i in operators) {\n-        if (operators.hasOwnProperty(i)) {\n-            operatorReverse[operators[i]] = i;\n-        }\n-    }\n-\n-    for (i in logicals) {\n-        if (logicals.hasOwnProperty(i)) {\n-            logicalReverse[logicals[i]] = i;\n-        }\n-    }\n-\n-    function tryToken(text, pattern) {\n-        if (pattern instanceof RegExp) {\n-            return pattern.exec(text);\n-        } else {\n-            return pattern(text);\n-        }\n-    }\n-\n-    function nextToken(text, tokens) {\n-        var i, token, len = tokens.length;\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            var pat = patterns[token];\n-            var matches = tryToken(text, pat);\n-            if (matches) {\n-                var match = matches[0];\n-                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n-                return {\n-                    type: token,\n-                    text: match,\n-                    remainder: remainder\n-                };\n-            }\n-        }\n-\n-        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            msg += \"\\n    \" + token + \": \" + patterns[token];\n-        }\n-\n-        throw new Error(msg);\n-    }\n-\n-    function tokenize(text) {\n-        var results = [];\n-        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n-\n-        do {\n-            token = nextToken(text, expect);\n-            text = token.remainder;\n-            expect = follows[token.type];\n-            if (token.type != \"END\" && !expect) {\n-                throw new Error(\"No follows list for \" + token.type);\n-            }\n-            results.push(token);\n-        } while (token.type != \"END\");\n-\n-        return results;\n-    }\n-\n-    function buildAst(tokens) {\n-        var operatorStack = [],\n-            postfix = [];\n-\n-        while (tokens.length) {\n-            var tok = tokens.shift();\n-            switch (tok.type) {\n-                case \"PROPERTY\":\n-                case \"GEOMETRY\":\n-                case \"VALUE\":\n-                    postfix.push(tok);\n-                    break;\n-                case \"COMPARISON\":\n-                case \"BETWEEN\":\n-                case \"IS_NULL\":\n-                case \"LOGICAL\":\n-                    var p = precedence[tok.type];\n-\n-                    while (operatorStack.length > 0 &&\n-                        (precedence[operatorStack[operatorStack.length - 1].type] <= p)\n-                    ) {\n-                        postfix.push(operatorStack.pop());\n-                    }\n-\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"SPATIAL\":\n-                case \"NOT\":\n-                case \"LPAREN\":\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"RPAREN\":\n-                    while (operatorStack.length > 0 &&\n-                        (operatorStack[operatorStack.length - 1].type != \"LPAREN\")\n-                    ) {\n-                        postfix.push(operatorStack.pop());\n-                    }\n-                    operatorStack.pop(); // toss out the LPAREN\n-\n-                    if (operatorStack.length > 0 &&\n-                        operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n-                        postfix.push(operatorStack.pop());\n-                    }\n-                case \"COMMA\":\n-                case \"END\":\n-                    break;\n-                default:\n-                    throw new Error(\"Unknown token type \" + tok.type);\n-            }\n-        }\n-\n-        while (operatorStack.length > 0) {\n-            postfix.push(operatorStack.pop());\n-        }\n-\n-        function buildTree() {\n-            var tok = postfix.pop();\n-            switch (tok.type) {\n-                case \"LOGICAL\":\n-                    var rhs = buildTree(),\n-                        lhs = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [lhs, rhs],\n-                        type: logicals[tok.text.toUpperCase()]\n-                    });\n-                case \"NOT\":\n-                    var operand = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [operand],\n-                        type: OpenLayers.Filter.Logical.NOT\n-                    });\n-                case \"BETWEEN\":\n-                    var min, max, property;\n-                    postfix.pop(); // unneeded AND token here\n-                    max = buildTree();\n-                    min = buildTree();\n-                    property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        lowerBoundary: min,\n-                        upperBoundary: max,\n-                        type: OpenLayers.Filter.Comparison.BETWEEN\n-                    });\n-                case \"COMPARISON\":\n-                    var value = buildTree(),\n-                        property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        value: value,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"IS_NULL\":\n-                    var property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"VALUE\":\n-                    var match = tok.text.match(/^'(.*)'$/);\n-                    if (match) {\n-                        return match[1].replace(/''/g, \"'\");\n-                    } else {\n-                        return Number(tok.text);\n-                    }\n-                case \"SPATIAL\":\n-                    switch (tok.text.toUpperCase()) {\n-                        case \"BBOX\":\n-                            var maxy = buildTree(),\n-                                maxx = buildTree(),\n-                                miny = buildTree(),\n-                                minx = buildTree(),\n-                                prop = buildTree();\n-\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.BBOX,\n-                                property: prop,\n-                                value: OpenLayers.Bounds.fromArray(\n-                                    [minx, miny, maxx, maxy]\n-                                )\n-                            });\n-                        case \"INTERSECTS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"WITHIN\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.WITHIN,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"CONTAINS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.CONTAINS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"DWITHIN\":\n-                            var distance = buildTree(),\n-                                value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.DWITHIN,\n-                                value: value,\n-                                property: property,\n-                                distance: Number(distance)\n-                            });\n-                    }\n-                case \"GEOMETRY\":\n-                    return OpenLayers.Geometry.fromWKT(tok.text);\n-                default:\n-                    return tok.text;\n-            }\n-        }\n-\n-        var result = buildTree();\n-        if (postfix.length > 0) {\n-            var msg = \"Remaining tokens after building AST: \\n\";\n-            for (var i = postfix.length - 1; i >= 0; i--) {\n-                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\";\n-            }\n-            throw new Error(msg);\n-        }\n-\n-        return result;\n-    }\n-\n-    return OpenLayers.Class(OpenLayers.Format, {\n         /**\n-         * APIMethod: read\n-         * Generate a filter from a CQL string.\n-         \n-         * Parameters:\n-         * text - {String} The CQL text.\n+         * Constructor: OpenLayers.Format.SOSCapabilities.v1_0_0\n+         * Create a new parser for SOS capabilities version 1.0.0. \n          *\n-         * Returns:\n-         * {<OpenLayers.Filter>} A filter based on the CQL text.\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n          */\n-        read: function(text) {\n-            var result = buildAst(tokenize(text));\n-            if (this.keepData) {\n-                this.data = result;\n-            }\n-            return result;\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+            this.options = options;\n         },\n \n         /**\n-         * APIMethod: write\n-         * Convert a filter into a CQL string.\n-         \n-         * Parameters:\n-         * filter - {<OpenLayers.Filter>} The filter.\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the SOS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n          *\n          * Returns:\n-         * {String} A CQL string based on the filter.\n+         * {Object} Information about the SOS service.\n          */\n-        write: function(filter) {\n-            if (filter instanceof OpenLayers.Geometry) {\n-                return filter.toString();\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n             }\n-            switch (filter.CLASS_NAME) {\n-                case \"OpenLayers.Filter.Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            return \"BBOX(\" +\n-                                filter.property + \",\" +\n-                                filter.value.toBBOX() +\n-                                \")\";\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            return \"DWITHIN(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \", \" +\n-                                filter.distance + \")\";\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            return \"WITHIN(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.INTERSECTS:\n-                            return \"INTERSECTS(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.CONTAINS:\n-                            return \"CONTAINS(\" +\n-                                filter.property + \", \" +\n-                                this.write(filter.value) + \")\";\n-                        default:\n-                            throw new Error(\"Unknown spatial filter type: \" + filter.type);\n-                    }\n-                case \"OpenLayers.Filter.Logical\":\n-                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n-                        // TODO: deal with precedence of logical operators to \n-                        // avoid extra parentheses (not urgent)\n-                        return \"NOT (\" + this.write(filter.filters[0]) + \")\";\n-                    } else {\n-                        var res = \"(\";\n-                        var first = true;\n-                        for (var i = 0; i < filter.filters.length; i++) {\n-                            if (first) {\n-                                first = false;\n-                            } else {\n-                                res += \") \" + logicalReverse[filter.type] + \" (\";\n-                            }\n-                            res += this.write(filter.filters[i]);\n-                        }\n-                        return res + \")\";\n-                    }\n-                case \"OpenLayers.Filter.Comparison\":\n-                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n-                        return filter.property + \" BETWEEN \" +\n-                            this.write(filter.lowerBoundary) + \" AND \" +\n-                            this.write(filter.upperBoundary);\n-                    } else {\n-                        return (filter.value !== null) ? filter.property +\n-                            \" \" + operatorReverse[filter.type] + \" \" +\n-                            this.write(filter.value) : filter.property +\n-                            \" \" + operatorReverse[filter.type];\n-                    }\n-                case undefined:\n-                    if (typeof filter === \"string\") {\n-                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\";\n-                    } else if (typeof filter === \"number\") {\n-                        return String(filter);\n-                    }\n-                default:\n-                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter);\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n             }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.CQL\"\n-\n-    });\n-})();\n-\n-/* ======================================================================\n-    OpenLayers/Format/WMTSCapabilities.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/XML/VersionedOGC.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMTSCapabilities\n- * Read WMTS Capabilities.\n- *\n- * Inherits from:\n- *  - <OpenLayers.Format.XML.VersionedOGC>\n- */\n-OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-\n-    /**\n-     * APIProperty: defaultVersion\n-     * {String} Version number to assume if none found.  Default is \"1.0.0\".\n-     */\n-    defaultVersion: \"1.0.0\",\n-\n-    /**\n-     * APIProperty: yx\n-     * {Object} Members in the yx object are used to determine if a CRS URN\n-     *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n-     *     and values are boolean.  By default, the following CRS URN are\n-     *     assumed to correspond to a CRS with y,x axis order:\n-     *\n-     * * urn:ogc:def:crs:EPSG::4326\n-     */\n-    yx: {\n-        \"urn:ogc:def:crs:EPSG::4326\": true\n-    },\n-\n-    /**\n-     * Constructor: OpenLayers.Format.WMTSCapabilities\n-     * Create a new parser for WMTS capabilities.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read capabilities data from a string, and return information about\n-     * the service (offering and observedProperty mostly).\n-     *\n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Object} Info about the WMTS Capabilities\n-     */\n-\n-    /**\n-     * APIMethod: createLayer\n-     * Create a WMTS layer given a capabilities object.\n-     *\n-     * Parameters:\n-     * capabilities - {Object} The object returned from a <read> call to this\n-     *     format.\n-     * config - {Object} Configuration properties for the layer.  Defaults for\n-     *     the layer will apply if not provided.\n-     *\n-     * Required config properties:\n-     * layer - {String} The layer identifier.\n-     *\n-     * Optional config properties:\n-     * matrixSet - {String} The matrix set identifier, required if there is \n-     *      more than one matrix set in the layer capabilities.\n-     * style - {String} The name of the style\n-     * format - {String} Image format for the layer. Default is the first\n-     *     format returned in the GetCapabilities response.\n-     * param - {Object} The dimensions values eg: {\"Year\": \"2012\"}\n-     *\n-     * Returns:\n-     * {<OpenLayers.Layer.WMTS>} A properly configured WMTS layer.  Throws an\n-     *     error if an incomplete config is provided.  Returns undefined if no\n-     *     layer could be created with the provided config.\n-     */\n-    createLayer: function(capabilities, config) {\n-        var layer;\n-\n-        // confirm required properties are supplied in config\n-        if (!('layer' in config)) {\n-            throw new Error(\"Missing property 'layer' in configuration.\");\n-        }\n-\n-        var contents = capabilities.contents;\n-\n-        // find the layer definition with the given identifier\n-        var layers = contents.layers;\n-        var layerDef;\n-        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n-            if (contents.layers[i].identifier === config.layer) {\n-                layerDef = contents.layers[i];\n-                break;\n-            }\n-        }\n-        if (!layerDef) {\n-            throw new Error(\"Layer not found\");\n-        }\n-\n-        var format = config.format;\n-        if (!format && layerDef.formats && layerDef.formats.length) {\n-            format = layerDef.formats[0];\n-        }\n-\n-        // find the matrixSet definition\n-        var matrixSet;\n-        if (config.matrixSet) {\n-            matrixSet = contents.tileMatrixSets[config.matrixSet];\n-        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n-            matrixSet = contents.tileMatrixSets[\n-                layerDef.tileMatrixSetLinks[0].tileMatrixSet];\n-        }\n-        if (!matrixSet) {\n-            throw new Error(\"matrixSet not found\");\n-        }\n-\n-        // get the default style for the layer\n-        var style;\n-        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n-            style = layerDef.styles[i];\n-            if (style.isDefault) {\n-                break;\n-            }\n-        }\n-\n-        var requestEncoding = config.requestEncoding;\n-        if (!requestEncoding) {\n-            requestEncoding = \"KVP\";\n-            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n-                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n-                // Get first get method\n-                if (http.get[0].constraints) {\n-                    var constraints = http.get[0].constraints;\n-                    var allowedValues = constraints.GetEncoding.allowedValues;\n-\n-                    // The OGC documentation is not clear if we should use\n-                    // REST or RESTful, ArcGis use RESTful,\n-                    // and OpenLayers use REST.\n-                    if (!allowedValues.KVP &&\n-                        (allowedValues.REST || allowedValues.RESTful)) {\n-                        requestEncoding = \"REST\";\n-                    }\n-                }\n-            }\n-        }\n-\n-        var dimensions = [];\n-        var params = config.params || {};\n-        // to don't overwrite the changes in the applyDefaults\n-        delete config.params;\n-        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n-            var dimension = layerDef.dimensions[id];\n-            dimensions.push(dimension.identifier);\n-            if (!params.hasOwnProperty(dimension.identifier)) {\n-                params[dimension.identifier] = dimension['default'];\n-            }\n-        }\n-\n-        var projection = config.projection || matrixSet.supportedCRS.replace(\n-            /urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n-        var units = config.units ||\n-            (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n-\n-        var resolutions = [];\n-        for (var mid in matrixSet.matrixIds) {\n-            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n-                resolutions.push(\n-                    matrixSet.matrixIds[mid].scaleDenominator * 0.28E-3 /\n-                    OpenLayers.METERS_PER_INCH /\n-                    OpenLayers.INCHES_PER_UNIT[units]);\n-            }\n-        }\n-\n-        var url;\n-        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n-            url = [];\n-            var resourceUrls = layerDef.resourceUrls,\n-                resourceUrl;\n-            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n-                resourceUrl = layerDef.resourceUrls[t];\n-                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n-                    url.push(resourceUrl.template);\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"gml\": OpenLayers.Util.applyDefaults({\n+                \"name\": function(node, obj) {\n+                    obj.name = this.getChildValue(node);\n+                },\n+                \"TimePeriod\": function(node, obj) {\n+                    obj.timePeriod = {};\n+                    this.readChildNodes(node, obj.timePeriod);\n+                },\n+                \"beginPosition\": function(node, timePeriod) {\n+                    timePeriod.beginPosition = this.getChildValue(node);\n+                },\n+                \"endPosition\": function(node, timePeriod) {\n+                    timePeriod.endPosition = this.getChildValue(node);\n                 }\n-            }\n-        } else {\n-            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n-            url = [];\n-            var constraint;\n-            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n-                constraint = httpGet[i].constraints;\n-                if (!constraint || (constraint && constraint.GetEncoding.allowedValues[requestEncoding])) {\n-                    url.push(httpGet[i].url);\n+            }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n+            \"sos\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, obj) {\n+                    obj.contents = {};\n+                    this.readChildNodes(node, obj.contents);\n+                },\n+                \"ObservationOfferingList\": function(node, contents) {\n+                    contents.offeringList = {};\n+                    this.readChildNodes(node, contents.offeringList);\n+                },\n+                \"ObservationOffering\": function(node, offeringList) {\n+                    var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                    offeringList[id] = {\n+                        procedures: [],\n+                        observedProperties: [],\n+                        featureOfInterestIds: [],\n+                        responseFormats: [],\n+                        resultModels: [],\n+                        responseModes: []\n+                    };\n+                    this.readChildNodes(node, offeringList[id]);\n+                },\n+                \"time\": function(node, offering) {\n+                    offering.time = {};\n+                    this.readChildNodes(node, offering.time);\n+                },\n+                \"procedure\": function(node, offering) {\n+                    offering.procedures.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"observedProperty\": function(node, offering) {\n+                    offering.observedProperties.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"featureOfInterest\": function(node, offering) {\n+                    offering.featureOfInterestIds.push(this.getAttributeNS(node,\n+                        this.namespaces.xlink, \"href\"));\n+                },\n+                \"responseFormat\": function(node, offering) {\n+                    offering.responseFormats.push(this.getChildValue(node));\n+                },\n+                \"resultModel\": function(node, offering) {\n+                    offering.resultModels.push(this.getChildValue(node));\n+                },\n+                \"responseMode\": function(node, offering) {\n+                    offering.responseModes.push(this.getChildValue(node));\n                 }\n-            }\n-        }\n-\n-        return new OpenLayers.Layer.WMTS(\n-            OpenLayers.Util.applyDefaults(config, {\n-                url: url,\n-                requestEncoding: requestEncoding,\n-                name: layerDef.title,\n-                style: style.identifier,\n-                format: format,\n-                matrixIds: matrixSet.matrixIds,\n-                matrixSet: matrixSet.identifier,\n-                projection: projection,\n-                units: units,\n-                resolutions: config.isBaseLayer === false ? undefined : resolutions,\n-                serverResolutions: resolutions,\n-                tileFullExtent: matrixSet.bounds,\n-                dimensions: dimensions,\n-                params: params\n-            })\n-        );\n-    },\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n \n-    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n+        CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n \n-});\n+    });\n /* ======================================================================\n-    OpenLayers/Format/QueryStringFilter.js\n+    OpenLayers/Format/WMSDescribeLayer/v1_1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Console.js\n- * @requires OpenLayers/Format.js\n- * @requires OpenLayers/Filter/Spatial.js\n- * @requires OpenLayers/Filter/Comparison.js\n- * @requires OpenLayers/Filter/Logical.js\n+ * @requires OpenLayers/Format/WMSDescribeLayer.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n  */\n \n /**\n- * Class: OpenLayers.Format.QueryStringFilter\n- * Parser for reading a query string and creating a simple filter.\n+ * Class: OpenLayers.Format.WMSDescribeLayer.v1_1_1\n+ * Read SLD WMS DescribeLayer response for WMS 1.1.X\n+ * WMS 1.1.X is tightly coupled to SLD 1.0.0\n+ *\n+ * Example DescribeLayer request: \n+ * http://demo.opengeo.org/geoserver/wms?request=DescribeLayer&version=1.1.1&layers=topp:states\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format>\n+ *  - <OpenLayers.Format.WMSDescribeLayer>\n  */\n-OpenLayers.Format.QueryStringFilter = (function() {\n-\n-    /** \n-     * Map the OpenLayers.Filter.Comparison types to the operation strings of \n-     * the protocol.\n-     */\n-    var cmpToStr = {};\n-    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n-    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n-\n-    /**\n-     * Function: regex2value\n-     * Convert the value from a regular expression string to a LIKE/ILIKE\n-     * string known to the web service.\n-     *\n-     * Parameters:\n-     * value - {String} The regex string.\n-     *\n-     * Returns:\n-     * {String} The converted string.\n-     */\n-    function regex2value(value) {\n-\n-        // highly sensitive!! Do not change this without running the\n-        // Protocol/HTTP.html unit tests\n-\n-        // convert % to \\%\n-        value = value.replace(/%/g, \"\\\\%\");\n-\n-        // convert \\\\. to \\\\_ (\\\\.* occurences converted later)\n-        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n-            return $1 ? $0 : \"\\\\\\\\_\";\n-        });\n-\n-        // convert \\\\.* to \\\\%\n-        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n-\n-        // convert . to _ (\\. and .* occurences converted later)\n-        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n-            return $1 || $2 ? $0 : \"_\";\n-        });\n-\n-        // convert .* to % (\\.* occurnces converted later)\n-        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"%\";\n-        });\n-\n-        // convert \\. to .\n-        value = value.replace(/\\\\\\./g, \".\");\n-\n-        // replace \\* with * (watching out for \\\\*)\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"*\";\n-        });\n-\n-        return value;\n-    }\n-\n-    return OpenLayers.Class(OpenLayers.Format, {\n-\n-        /**\n-         * Property: wildcarded.\n-         * {Boolean} If true percent signs are added around values\n-         *     read from LIKE filters, for example if the protocol\n-         *     read method is passed a LIKE filter whose property\n-         *     is \"foo\" and whose value is \"bar\" the string\n-         *     \"foo__ilike=%bar%\" will be sent in the query string;\n-         *     defaults to false.\n-         */\n-        wildcarded: false,\n+OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSDescribeLayer, {\n \n         /**\n-         * APIProperty: srsInBBOX\n-         * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n-         *     Default is false.  If true and the layer has a projection object set,\n-         *     any BBOX filter will be serialized with a fifth item identifying the\n-         *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+         * Constructor: OpenLayers.Format.WMSDescribeLayer\n+         * Create a new parser for WMS DescribeLayer responses.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n          */\n-        srsInBBOX: false,\n+        initialize: function(options) {\n+            OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this,\n+                [options]);\n+        },\n \n         /**\n-         * APIMethod: write\n-         * Serialize an <OpenLayers.Filter> objects using the \"simple\" filter syntax for \n-         *     query string parameters.  This function must be called as a method of\n-         *     a protocol instance.\n-         *\n-         * Parameters:\n-         * filter - {<OpenLayers.Filter>} filter to convert.\n-         * params - {Object} The parameters object.\n+         * APIMethod: read\n+         * Read DescribeLayer data from a string, and return the response. \n+         * The OGC defines 2 formats which are allowed for output,\n+         * so we need to parse these 2 types for version 1.1.X\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n          *\n          * Returns:\n-         * {Object} The resulting parameters object.\n+         * {Object} Object with a layerDescriptions property, which holds an Array\n+         * of {<LayerDescription>} objects which have:\n+         * - {String} owsType: WFS/WCS\n+         * - {String} owsURL: the online resource\n+         * - {String} typeName: the name of the typename on the owsType service\n+         * - {String} layerName: the name of the WMS layer we did a lookup for\n          */\n-        write: function(filter, params) {\n-            params = params || {};\n-            var className = filter.CLASS_NAME;\n-            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n-            switch (filterType) {\n-                case \"Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            params.bbox = filter.value.toArray();\n-                            if (this.srsInBBOX && filter.projection) {\n-                                params.bbox.push(filter.projection.getCode());\n-                            }\n-                            break;\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            params.tolerance = filter.distance;\n-                            // no break here\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            params.lon = filter.value.x;\n-                            params.lat = filter.value.y;\n-                            break;\n-                        default:\n-                            OpenLayers.Console.warn(\n-                                \"Unknown spatial filter type \" + filter.type);\n-                    }\n-                    break;\n-                case \"Comparison\":\n-                    var op = cmpToStr[filter.type];\n-                    if (op !== undefined) {\n-                        var value = filter.value;\n-                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n-                            value = regex2value(value);\n-                            if (this.wildcarded) {\n-                                value = \"%\" + value + \"%\";\n-                            }\n-                        }\n-                        params[filter.property + \"__\" + op] = value;\n-                        params.queryable = params.queryable || [];\n-                        params.queryable.push(filter.property);\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            var root = data.documentElement;\n+            var children = root.childNodes;\n+            var describelayer = {\n+                layerDescriptions: []\n+            };\n+            var childNode, nodeName;\n+            for (var i = 0; i < children.length; ++i) {\n+                childNode = children[i];\n+                nodeName = childNode.nodeName;\n+                if (nodeName == 'LayerDescription') {\n+                    var layerName = childNode.getAttribute('name');\n+                    var owsType = '';\n+                    var owsURL = '';\n+                    var typeName = '';\n+                    // check for owsType and owsURL attributes\n+                    if (childNode.getAttribute('owsType')) {\n+                        owsType = childNode.getAttribute('owsType');\n+                        owsURL = childNode.getAttribute('owsURL');\n                     } else {\n-                        OpenLayers.Console.warn(\n-                            \"Unknown comparison filter type \" + filter.type);\n+                        // look for wfs or wcs attribute\n+                        if (childNode.getAttribute('wfs') != '') {\n+                            owsType = 'WFS';\n+                            owsURL = childNode.getAttribute('wfs');\n+                        } else if (childNode.getAttribute('wcs') != '') {\n+                            owsType = 'WCS';\n+                            owsURL = childNode.getAttribute('wcs');\n+                        }\n                     }\n-                    break;\n-                case \"Logical\":\n-                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n-                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n-                            params = this.write(filter.filters[i], params);\n+                    // look for Query child\n+                    var query = childNode.getElementsByTagName('Query');\n+                    if (query.length > 0) {\n+                        typeName = query[0].getAttribute('typeName');\n+                        if (!typeName) {\n+                            // because of Ionic bug\n+                            typeName = query[0].getAttribute('typename');\n                         }\n-                    } else {\n-                        OpenLayers.Console.warn(\n-                            \"Unsupported logical filter type \" + filter.type);\n                     }\n-                    break;\n-                default:\n-                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType);\n+                    var layerDescription = {\n+                        layerName: layerName,\n+                        owsType: owsType,\n+                        owsURL: owsURL,\n+                        typeName: typeName\n+                    };\n+                    describelayer.layerDescriptions.push(layerDescription);\n+\n+                    //TODO do this in deprecated.js instead:\n+                    // array style index for backwards compatibility\n+                    describelayer.length = describelayer.layerDescriptions.length;\n+                    describelayer[describelayer.length - 1] = layerDescription;\n+\n+                } else if (nodeName == 'ServiceException') {\n+                    // an exception must have occurred, so parse it\n+                    var parser = new OpenLayers.Format.OGCExceptionReport();\n+                    return {\n+                        error: parser.read(data)\n+                    };\n+                }\n             }\n-            return params;\n+            return describelayer;\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n \n     });\n \n-\n-})();\n+// Version alias - workaround for http://trac.osgeo.org/mapserver/ticket/2257\n+OpenLayers.Format.WMSDescribeLayer.v1_1_0 =\n+    OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n /* ======================================================================\n     OpenLayers/Format/WFSCapabilities/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -82363,14 +72558,81 @@\n             }\n         },\n \n         CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1\"\n \n     });\n /* ======================================================================\n+    OpenLayers/Format/WFSCapabilities/v1_1_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WFSCapabilities/v1.js\n+ * @requires OpenLayers/Format/OWSCommon/v1.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WFSCapabilities/v1_1_0\n+ * Read WFS Capabilities version 1.1.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WFSCapabilities>\n+ */\n+OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WFSCapabilities.v1, {\n+\n+        /**\n+         * Property: regExes\n+         * Compiled regular expressions for manipulating strings.\n+         */\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            removeSpace: (/\\s*/g),\n+            splitSpace: (/\\s+/),\n+            trimComma: (/\\s*,\\s*/g)\n+        },\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1_0\n+         * Create a new parser for WFS capabilities version 1.1.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"DefaultSRS\": function(node, obj) {\n+                    var defaultSRS = this.getChildValue(node);\n+                    if (defaultSRS) {\n+                        obj.srs = defaultSRS;\n+                    }\n+                }\n+            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n+            \"ows\": OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+\n+    });\n+/* ======================================================================\n     OpenLayers/Format/WFSCapabilities/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -82482,78 +72744,539 @@\n             }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"])\n         },\n \n         CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_0_0\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WFSCapabilities/v1_1_0.js\n+    OpenLayers/Format/CSWGetDomain/v2_0_2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WFSCapabilities/v1.js\n- * @requires OpenLayers/Format/OWSCommon/v1.js\n+ * @requires OpenLayers/Format/XML.js\n+ * @requires OpenLayers/Format/CSWGetDomain.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WFSCapabilities/v1_1_0\n- * Read WFS Capabilities version 1.1.0.\n+ * Class: OpenLayers.Format.CSWGetDomain.v2_0_2\n+ *     A format for creating CSWGetDomain v2.0.2 transactions. \n+ *     Create a new instance with the\n+ *     <OpenLayers.Format.CSWGetDomain.v2_0_2> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n+    /**\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n+     */\n+    namespaces: {\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+    },\n+\n+    /**\n+     * Property: defaultPrefix\n+     * {String} The default prefix (used by Format.XML).\n+     */\n+    defaultPrefix: \"csw\",\n+\n+    /**\n+     * Property: version\n+     * {String} CSW version number.\n+     */\n+    version: \"2.0.2\",\n+\n+    /**\n+     * Property: schemaLocation\n+     * {String} http://www.opengis.net/cat/csw/2.0.2\n+     *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n+     */\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+\n+    /**\n+     * APIProperty: PropertyName\n+     * {String} Value of the csw:PropertyName element, used when\n+     *     writing a GetDomain document.\n+     */\n+    PropertyName: null,\n+\n+    /**\n+     * APIProperty: ParameterName\n+     * {String} Value of the csw:ParameterName element, used when\n+     *     writing a GetDomain document.\n+     */\n+    ParameterName: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Format.CSWGetDomain.v2_0_2\n+     * A class for parsing and generating CSWGetDomain v2.0.2 transactions.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * - PropertyName\n+     * - ParameterName\n+     */\n+\n+    /**\n+     * APIMethod: read\n+     * Parse the response from a GetDomain request.\n+     */\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement;\n+        }\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj;\n+    },\n+\n+    /**\n+     * Property: readers\n+     * Contains public functions, grouped by namespace prefix, that will\n+     *     be applied when a namespaced node is found matching the function\n+     *     name.  The function will be applied in the scope of this parser\n+     *     with two arguments: the node being read and a context object passed\n+     *     from the parent.\n+     */\n+    readers: {\n+        \"csw\": {\n+            \"GetDomainResponse\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n+            },\n+            \"DomainValues\": function(node, obj) {\n+                if (!(OpenLayers.Util.isArray(obj.DomainValues))) {\n+                    obj.DomainValues = [];\n+                }\n+                var attrs = node.attributes;\n+                var domainValue = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    domainValue[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                this.readChildNodes(node, domainValue);\n+                obj.DomainValues.push(domainValue);\n+            },\n+            \"PropertyName\": function(node, obj) {\n+                obj.PropertyName = this.getChildValue(node);\n+            },\n+            \"ParameterName\": function(node, obj) {\n+                obj.ParameterName = this.getChildValue(node);\n+            },\n+            \"ListOfValues\": function(node, obj) {\n+                if (!(OpenLayers.Util.isArray(obj.ListOfValues))) {\n+                    obj.ListOfValues = [];\n+                }\n+                this.readChildNodes(node, obj.ListOfValues);\n+            },\n+            \"Value\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.push({\n+                    Value: value\n+                });\n+            },\n+            \"ConceptualScheme\": function(node, obj) {\n+                obj.ConceptualScheme = {};\n+                this.readChildNodes(node, obj.ConceptualScheme);\n+            },\n+            \"Name\": function(node, obj) {\n+                obj.Name = this.getChildValue(node);\n+            },\n+            \"Document\": function(node, obj) {\n+                obj.Document = this.getChildValue(node);\n+            },\n+            \"Authority\": function(node, obj) {\n+                obj.Authority = this.getChildValue(node);\n+            },\n+            \"RangeOfValues\": function(node, obj) {\n+                obj.RangeOfValues = {};\n+                this.readChildNodes(node, obj.RangeOfValues);\n+            },\n+            \"MinValue\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MinValue = value;\n+            },\n+            \"MaxValue\": function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue;\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MaxValue = value;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: write\n+     * Given an configuration js object, write a CSWGetDomain request. \n+     *\n+     * Parameters:\n+     * options - {Object} A object mapping the request.\n+     *\n+     * Returns:\n+     * {String} A serialized CSWGetDomain request.\n+     */\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetDomain\", options);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+    },\n+\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {\n+        \"csw\": {\n+            \"GetDomain\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version\n+                    }\n+                });\n+                if (options.PropertyName || this.PropertyName) {\n+                    this.writeNode(\n+                        \"csw:PropertyName\",\n+                        options.PropertyName || this.PropertyName,\n+                        node\n+                    );\n+                } else if (options.ParameterName || this.ParameterName) {\n+                    this.writeNode(\n+                        \"csw:ParameterName\",\n+                        options.ParameterName || this.ParameterName,\n+                        node\n+                    );\n+                }\n+                this.readChildNodes(node, options);\n+                return node;\n+            },\n+            \"PropertyName\": function(value) {\n+                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n+                    value: value\n+                });\n+                return node;\n+            },\n+            \"ParameterName\": function(value) {\n+                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n+                    value: value\n+                });\n+                return node;\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/SLD/v1_0_0_GeoServer.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.SLD/v1_0_0_GeoServer\n+ * Read and write SLD version 1.0.0 with GeoServer-specific enhanced options.\n+ * See http://svn.osgeo.org/geotools/trunk/modules/extension/xsd/xsd-sld/src/main/resources/org/geotools/sld/bindings/StyledLayerDescriptor.xsd\n+ * for more information.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.SLD.v1_0_0>\n+ */\n+OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(\n+    OpenLayers.Format.SLD.v1_0_0, {\n+\n+        /**\n+         * Property: version\n+         * {String} The specific parser version.\n+         */\n+        version: \"1.0.0\",\n+\n+        /**\n+         * Property: profile\n+         * {String} The specific profile\n+         */\n+        profile: \"GeoServer\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.SLD.v1_0_0_GeoServer\n+         * Create a new parser for GeoServer-enhanced SLD version 1.0.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: OpenLayers.Util.applyDefaults({\n+            \"sld\": OpenLayers.Util.applyDefaults({\n+                \"Priority\": function(node, obj) {\n+                    var value = this.readers.ogc._expression.call(this, node);\n+                    if (value) {\n+                        obj.priority = value;\n+                    }\n+                },\n+                \"VendorOption\": function(node, obj) {\n+                    if (!obj.vendorOptions) {\n+                        obj.vendorOptions = {};\n+                    }\n+                    obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node);\n+                },\n+                \"TextSymbolizer\": function(node, rule) {\n+                    OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n+                    var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n+                    if (symbolizer.graphic === undefined) {\n+                        symbolizer.graphic = false;\n+                    }\n+                }\n+            }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n+\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: OpenLayers.Util.applyDefaults({\n+            \"sld\": OpenLayers.Util.applyDefaults({\n+                \"Priority\": function(priority) {\n+                    return this.writers.sld._OGCExpression.call(\n+                        this, \"sld:Priority\", priority\n+                    );\n+                },\n+                \"VendorOption\": function(option) {\n+                    return this.createElementNSPlus(\"sld:VendorOption\", {\n+                        attributes: {\n+                            name: option.name\n+                        },\n+                        value: option.value\n+                    });\n+                },\n+                \"TextSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n+                    if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n+                        this.writeNode(\"Graphic\", symbolizer, node);\n+                    }\n+                    if (\"priority\" in symbolizer) {\n+                        this.writeNode(\"Priority\", symbolizer.priority, node);\n+                    }\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"PointSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"LineSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                },\n+                \"PolygonSymbolizer\": function(symbolizer) {\n+                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                    var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n+                    return this.addVendorOptions(node, symbolizer);\n+                }\n+            }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+\n+        /**\n+         * Method: addVendorOptions\n+         * Add in the VendorOption tags and return the node again.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} A DOM node.\n+         * symbolizer - {Object}\n+         *\n+         * Returns:\n+         * {DOMElement} A DOM node.\n+         */\n+        addVendorOptions: function(node, symbolizer) {\n+            var options = symbolizer.vendorOptions;\n+            if (options) {\n+                for (var key in symbolizer.vendorOptions) {\n+                    this.writeNode(\"VendorOption\", {\n+                        name: key,\n+                        value: symbolizer.vendorOptions[key]\n+                    }, node);\n+                }\n+            }\n+            return node;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WPSCapabilities/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WPSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WPSCapabilities.v1_0_0\n+ * Read WPS Capabilities version 1.0.0.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.WFSCapabilities>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WFSCapabilities.v1, {\n+OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            wps: \"http://www.opengis.net/wps/1.0.0\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n+        },\n \n         /**\n          * Property: regExes\n          * Compiled regular expressions for manipulating strings.\n          */\n         regExes: {\n             trimSpace: (/^\\s*|\\s*$/g),\n             removeSpace: (/\\s*/g),\n             splitSpace: (/\\s+/),\n             trimComma: (/\\s*,\\s*/g)\n         },\n \n         /**\n-         * Constructor: OpenLayers.Format.WFSCapabilities.v1_1_0\n-         * Create a new parser for WFS capabilities version 1.1.0.\n+         * Constructor: OpenLayers.Format.WPSCapabilities.v1_0_0\n+         * Create a new parser for WPS capabilities version 1.0.0. \n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        },\n+\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the WPS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Information about the WPS service.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n \n         /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"wfs\": OpenLayers.Util.applyDefaults({\n-                \"DefaultSRS\": function(node, obj) {\n-                    var defaultSRS = this.getChildValue(node);\n-                    if (defaultSRS) {\n-                        obj.srs = defaultSRS;\n-                    }\n+            \"wps\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"ProcessOfferings\": function(node, obj) {\n+                    obj.processOfferings = {};\n+                    this.readChildNodes(node, obj.processOfferings);\n+                },\n+                \"Process\": function(node, processOfferings) {\n+                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                    var process = {\n+                        processVersion: processVersion\n+                    };\n+                    this.readChildNodes(node, process);\n+                    processOfferings[process.identifier] = process;\n+                },\n+                \"Languages\": function(node, obj) {\n+                    obj.languages = [];\n+                    this.readChildNodes(node, obj.languages);\n+                },\n+                \"Default\": function(node, languages) {\n+                    var language = {\n+                        isDefault: true\n+                    };\n+                    this.readChildNodes(node, language);\n+                    languages.push(language);\n+                },\n+                \"Supported\": function(node, languages) {\n+                    var language = {};\n+                    this.readChildNodes(node, language);\n+                    languages.push(language);\n                 }\n-            }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n-            \"ows\": OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+            },\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n \n     });\n /* ======================================================================\n     OpenLayers/Format/OWSContext/v0_3_1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n@@ -83171,66 +73894,593 @@\n         \"feature\": OpenLayers.Format.GML.v2.prototype.writers.feature\n     },\n \n     CLASS_NAME: \"OpenLayers.Format.OWSContext.v0_3_1\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/XLS/v1.js\n+    OpenLayers/Format/WFST/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/XLS.js\n- * @requires OpenLayers/Format/GML/v3.js\n+ * @requires OpenLayers/Format/WFST/v1.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.XLS.v1\n- * Superclass for XLS version 1 parsers. Only supports GeocodeRequest for now.\n+ * Class: OpenLayers.Format.WFST.v1_0_0\n+ * A format for creating WFS v1.0.0 transactions.  Create a new instance with the\n+ *     <OpenLayers.Format.WFST.v1_0_0> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Format.Filter.v1_0_0>\n+ *  - <OpenLayers.Format.WFST.v1>\n  */\n-OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n \n-    /**\n-     * Property: namespaces\n-     * {Object} Mapping of namespace aliases to namespace URIs.\n-     */\n-    namespaces: {\n-        xls: \"http://www.opengis.net/xls\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n+        /**\n+         * Property: version\n+         * {String} WFS version number.\n+         */\n+        version: \"1.0.0\",\n \n-    /**\n-     * Property: regExes\n-     * Compiled regular expressions for manipulating strings.\n-     */\n-    regExes: {\n-        trimSpace: (/^\\s*|\\s*$/g),\n-        removeSpace: (/\\s*/g),\n-        splitSpace: (/\\s+/),\n-        trimComma: (/\\s*,\\s*/g)\n-    },\n+        /**\n+         * APIProperty: srsNameInQuery\n+         * {Boolean} If true the reference system is passed in Query requests\n+         *     via the \"srsName\" attribute to the \"wfs:Query\" element, this\n+         *     property defaults to false as it isn't WFS 1.0.0 compliant.\n+         */\n+        srsNameInQuery: false,\n \n-    /**\n-     * APIProperty: xy\n-     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n-     * Changing is not recommended, a new Format should be instantiated.\n-     */\n-    xy: true,\n+        /**\n+         * Property: schemaLocations\n+         * {Object} Properties are namespace aliases, values are schema locations.\n+         */\n+        schemaLocations: {\n+            \"wfs\": \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n+        },\n \n-    /**\n-     * Property: defaultPrefix\n+        /**\n+         * Constructor: OpenLayers.Format.WFST.v1_0_0\n+         * A class for parsing and generating WFS v1.0.0 transactions.\n+         *\n+         * Parameters:\n+         * options - {Object} Optional object whose properties will be set on the\n+         *     instance.\n+         *\n+         * Valid options properties:\n+         * featureType - {String} Local (without prefix) feature typeName (required).\n+         * featureNS - {String} Feature namespace (optional).\n+         * featurePrefix - {String} Feature namespace alias (optional - only used\n+         *     if featureNS is provided).  Default is 'feature'.\n+         * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n+            OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options]);\n+        },\n+\n+        /**\n+         * Method: readNode\n+         * Shorthand for applying one of the named readers given the node\n+         *     namespace and local name.  Readers take two args (node, obj) and\n+         *     generally extend or modify the second.\n+         *\n+         * Parameters:\n+         * node - {DOMElement} The node to be read (required).\n+         * obj - {Object} The object to be modified (optional).\n+         * first - {Boolean} Should be set to true for the first node read. This\n+         *     is usually the readNode call in the read method. Without this being\n+         *     set, auto-configured properties will stick on subsequent reads.\n+         *\n+         * Returns:\n+         * {Object} The input object, modified (or a new one if none was provided).\n+         */\n+        readNode: function(node, obj, first) {\n+            // Not the superclass, only the mixin classes inherit from\n+            // Format.GML.v2. We need this because we don't want to get readNode\n+            // from the superclass's superclass, which is OpenLayers.Format.XML.\n+            return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments);\n+        },\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"WFS_TransactionResponse\": function(node, obj) {\n+                    obj.insertIds = [];\n+                    obj.success = false;\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"InsertResult\": function(node, container) {\n+                    var obj = {\n+                        fids: []\n+                    };\n+                    this.readChildNodes(node, obj);\n+                    container.insertIds = container.insertIds.concat(obj.fids);\n+                },\n+                \"TransactionResult\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Status\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"SUCCESS\": function(node, obj) {\n+                    obj.success = true;\n+                }\n+            }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n+            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n+        },\n+\n+        /**\n+         * Property: writers\n+         * As a compliment to the readers property, this structure contains public\n+         *     writing functions grouped by namespace alias and named like the\n+         *     node names they produce.\n+         */\n+        writers: {\n+            \"wfs\": OpenLayers.Util.applyDefaults({\n+                \"Query\": function(options) {\n+                    options = OpenLayers.Util.extend({\n+                        featureNS: this.featureNS,\n+                        featurePrefix: this.featurePrefix,\n+                        featureType: this.featureType,\n+                        srsName: this.srsName,\n+                        srsNameInQuery: this.srsNameInQuery\n+                    }, options);\n+                    var prefix = options.featurePrefix;\n+                    var node = this.createElementNSPlus(\"wfs:Query\", {\n+                        attributes: {\n+                            typeName: (prefix ? prefix + \":\" : \"\") +\n+                                options.featureType\n+                        }\n+                    });\n+                    if (options.srsNameInQuery && options.srsName) {\n+                        node.setAttribute(\"srsName\", options.srsName);\n+                    }\n+                    if (options.featureNS) {\n+                        node.setAttribute(\"xmlns:\" + prefix, options.featureNS);\n+                    }\n+                    if (options.propertyNames) {\n+                        for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n+                            this.writeNode(\n+                                \"ogc:PropertyName\", {\n+                                    property: options.propertyNames[i]\n+                                },\n+                                node\n+                            );\n+                        }\n+                    }\n+                    if (options.filter) {\n+                        this.setFilterProperty(options.filter);\n+                        this.writeNode(\"ogc:Filter\", options.filter, node);\n+                    }\n+                    return node;\n+                }\n+            }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n+            \"gml\": OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+            \"feature\": OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n+            \"ogc\": OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WCSCapabilities/v1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WCSCapabilities.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WCSCapabilities.v1\n+ * Abstract class not to be instantiated directly.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n+\n+        regExes: {\n+            trimSpace: (/^\\s*|\\s*$/g),\n+            splitSpace: (/\\s+/)\n+        },\n+\n+        /**\n+         * Property: defaultPrefix\n+         */\n+        defaultPrefix: \"wcs\",\n+\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return a list of coverages. \n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Array} List of named coverages.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            var raw = data;\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            return capabilities;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WCSCapabilities/v1_1_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WCSCapabilities/v1.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WCSCapabilities/v1_1_0\n+ * Read WCS Capabilities version 1.1.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WCSCapabilities.v1>\n+ */\n+OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WCSCapabilities.v1, {\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wcs: \"http://www.opengis.net/wcs/1.1\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+            ows: \"http://www.opengis.net/ows/1.1\"\n+        },\n+\n+        /**\n+         * APIProperty: errorProperty\n+         * {String} Which property of the returned object to check for in order to\n+         * determine whether or not parsing has failed. In the case that the\n+         * errorProperty is undefined on the returned object, the document will be\n+         * run through an OGCExceptionReport parser.\n+         */\n+        errorProperty: \"operationsMetadata\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WCSCapabilities.v1_1_0\n+         * Create a new parser for WCS capabilities version 1.1.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wcs\": OpenLayers.Util.applyDefaults({\n+                // In 1.0.0, this was WCS_Capabilties, in 1.1.0, it's Capabilities\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, request) {\n+                    request.contentMetadata = [];\n+                    this.readChildNodes(node, request.contentMetadata);\n+                },\n+                \"CoverageSummary\": function(node, contentMetadata) {\n+                    var coverageSummary = {};\n+                    // Read the summary:\n+                    this.readChildNodes(node, coverageSummary);\n+\n+                    // Add it to the contentMetadata array:  \n+                    contentMetadata.push(coverageSummary);\n+                },\n+                \"Identifier\": function(node, coverageSummary) {\n+                    coverageSummary.identifier = this.getChildValue(node);\n+                },\n+                \"Title\": function(node, coverageSummary) {\n+                    coverageSummary.title = this.getChildValue(node);\n+                },\n+                \"Abstract\": function(node, coverageSummary) {\n+                    coverageSummary[\"abstract\"] = this.getChildValue(node);\n+                },\n+                \"SupportedCRS\": function(node, coverageSummary) {\n+                    var crs = this.getChildValue(node);\n+                    if (crs) {\n+                        if (!coverageSummary.supportedCRS) {\n+                            coverageSummary.supportedCRS = [];\n+                        }\n+                        coverageSummary.supportedCRS.push(crs);\n+                    }\n+                },\n+                \"SupportedFormat\": function(node, coverageSummary) {\n+                    var format = this.getChildValue(node);\n+                    if (format) {\n+                        if (!coverageSummary.supportedFormat) {\n+                            coverageSummary.supportedFormat = [];\n+                        }\n+                        coverageSummary.supportedFormat.push(format);\n+                    }\n+                }\n+            }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WCSCapabilities/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WCSCapabilities/v1.js\n+ * @requires OpenLayers/Format/GML/v3.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WCSCapabilities/v1_0_0\n+ * Read WCS Capabilities version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WCSCapabilities.v1>\n+ */\n+OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.WCSCapabilities.v1, {\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WCSCapabilities.v1_0_0\n+         * Create a new parser for WCS capabilities version 1.0.0.\n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            wcs: \"http://www.opengis.net/wcs\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+            ows: \"http://www.opengis.net/ows\"\n+        },\n+\n+        /**\n+         * Property: errorProperty\n+         * {String} Which property of the returned object to check for in order to\n+         * determine whether or not parsing has failed. In the case that the\n+         * errorProperty is undefined on the returned object, the document will be\n+         * run through an OGCExceptionReport parser.\n+         */\n+        errorProperty: \"service\",\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wcs\": {\n+                \"WCS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Service\": function(node, obj) {\n+                    obj.service = {};\n+                    this.readChildNodes(node, obj.service);\n+                },\n+                \"name\": function(node, service) {\n+                    service.name = this.getChildValue(node);\n+                },\n+                \"label\": function(node, service) {\n+                    service.label = this.getChildValue(node);\n+                },\n+                \"keywords\": function(node, service) {\n+                    service.keywords = [];\n+                    this.readChildNodes(node, service.keywords);\n+                },\n+                \"keyword\": function(node, keywords) {\n+                    // Append the keyword to the keywords list\n+                    keywords.push(this.getChildValue(node));\n+                },\n+                \"responsibleParty\": function(node, service) {\n+                    service.responsibleParty = {};\n+                    this.readChildNodes(node, service.responsibleParty);\n+                },\n+                \"individualName\": function(node, responsibleParty) {\n+                    responsibleParty.individualName = this.getChildValue(node);\n+                },\n+                \"organisationName\": function(node, responsibleParty) {\n+                    responsibleParty.organisationName = this.getChildValue(node);\n+                },\n+                \"positionName\": function(node, responsibleParty) {\n+                    responsibleParty.positionName = this.getChildValue(node);\n+                },\n+                \"contactInfo\": function(node, responsibleParty) {\n+                    responsibleParty.contactInfo = {};\n+                    this.readChildNodes(node, responsibleParty.contactInfo);\n+                },\n+                \"phone\": function(node, contactInfo) {\n+                    contactInfo.phone = {};\n+                    this.readChildNodes(node, contactInfo.phone);\n+                },\n+                \"voice\": function(node, phone) {\n+                    phone.voice = this.getChildValue(node);\n+                },\n+                \"facsimile\": function(node, phone) {\n+                    phone.facsimile = this.getChildValue(node);\n+                },\n+                \"address\": function(node, contactInfo) {\n+                    contactInfo.address = {};\n+                    this.readChildNodes(node, contactInfo.address);\n+                },\n+                \"deliveryPoint\": function(node, address) {\n+                    address.deliveryPoint = this.getChildValue(node);\n+                },\n+                \"city\": function(node, address) {\n+                    address.city = this.getChildValue(node);\n+                },\n+                \"postalCode\": function(node, address) {\n+                    address.postalCode = this.getChildValue(node);\n+                },\n+                \"country\": function(node, address) {\n+                    address.country = this.getChildValue(node);\n+                },\n+                \"electronicMailAddress\": function(node, address) {\n+                    address.electronicMailAddress = this.getChildValue(node);\n+                },\n+                \"fees\": function(node, service) {\n+                    service.fees = this.getChildValue(node);\n+                },\n+                \"accessConstraints\": function(node, service) {\n+                    service.accessConstraints = this.getChildValue(node);\n+                },\n+                \"ContentMetadata\": function(node, obj) {\n+                    obj.contentMetadata = [];\n+                    this.readChildNodes(node, obj.contentMetadata);\n+                },\n+                \"CoverageOfferingBrief\": function(node, contentMetadata) {\n+                    var coverageOfferingBrief = {};\n+                    this.readChildNodes(node, coverageOfferingBrief);\n+                    contentMetadata.push(coverageOfferingBrief);\n+                },\n+                \"name\": function(node, coverageOfferingBrief) {\n+                    coverageOfferingBrief.name = this.getChildValue(node);\n+                },\n+                \"label\": function(node, coverageOfferingBrief) {\n+                    coverageOfferingBrief.label = this.getChildValue(node);\n+                },\n+                \"lonLatEnvelope\": function(node, coverageOfferingBrief) {\n+                    var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n+\n+                    // We expect two nodes here, to create the corners of a bounding box\n+                    if (nodeList.length == 2) {\n+                        var min = {};\n+                        var max = {};\n+\n+                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n+                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n+\n+                        coverageOfferingBrief.lonLatEnvelope = {};\n+                        coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n+                        coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n+                        coverageOfferingBrief.lonLatEnvelope.max = max.points[0];\n+                    }\n+                }\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/XLS/v1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/XLS.js\n+ * @requires OpenLayers/Format/GML/v3.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.XLS.v1\n+ * Superclass for XLS version 1 parsers. Only supports GeocodeRequest for now.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n+    /**\n+     * Property: namespaces\n+     * {Object} Mapping of namespace aliases to namespace URIs.\n+     */\n+    namespaces: {\n+        xls: \"http://www.opengis.net/xls\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+\n+    /**\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n+     */\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n+\n+    /**\n+     * APIProperty: xy\n+     * {Boolean} Order of the GML coordinate true:(x,y) or false:(y,x)\n+     * Changing is not recommended, a new Format should be instantiated.\n+     */\n+    xy: true,\n+\n+    /**\n+     * Property: defaultPrefix\n      */\n     defaultPrefix: \"xls\",\n \n     /**\n      * Property: schemaLocation\n      * {String} Schema location for a particular minor version.\n      */\n@@ -83534,964 +74784,14 @@\n         CLASS_NAME: \"OpenLayers.Format.XLS.v1_1_0\"\n \n     });\n \n // Support non standard implementation\n OpenLayers.Format.XLS.v1_1 = OpenLayers.Format.XLS.v1_1_0;\n /* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n- * @requires OpenLayers/Format/XML.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities.v1\n- * Abstract class not to be instantiated directly. Creates\n- * the common parts for both WMS 1.1.X and WMS 1.3.X.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wms: \"http://www.opengis.net/wms\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-        },\n-\n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wms\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1\n-         * Create an instance of one of the subclasses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return a list of layers. \n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array} List of named layers.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            var raw = data;\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            if (capabilities.service === undefined) {\n-                // an exception must have occurred, so parse it\n-                var parser = new OpenLayers.Format.OGCExceptionReport();\n-                capabilities.error = parser.read(raw);\n-            }\n-            return capabilities;\n-        },\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": {\n-                \"Service\": function(node, obj) {\n-                    obj.service = {};\n-                    this.readChildNodes(node, obj.service);\n-                },\n-                \"Name\": function(node, obj) {\n-                    obj.name = this.getChildValue(node);\n-                },\n-                \"Title\": function(node, obj) {\n-                    obj.title = this.getChildValue(node);\n-                },\n-                \"Abstract\": function(node, obj) {\n-                    obj[\"abstract\"] = this.getChildValue(node);\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = {};\n-                    bbox.bbox = [\n-                        parseFloat(node.getAttribute(\"minx\")),\n-                        parseFloat(node.getAttribute(\"miny\")),\n-                        parseFloat(node.getAttribute(\"maxx\")),\n-                        parseFloat(node.getAttribute(\"maxy\"))\n-                    ];\n-                    var res = {\n-                        x: parseFloat(node.getAttribute(\"resx\")),\n-                        y: parseFloat(node.getAttribute(\"resy\"))\n-                    };\n-\n-                    if (!(isNaN(res.x) && isNaN(res.y))) {\n-                        bbox.res = res;\n-                    }\n-                    // return the bbox so that descendant classes can set the\n-                    // CRS and SRS and add it to the obj\n-                    return bbox;\n-                },\n-                \"OnlineResource\": function(node, obj) {\n-                    obj.href = this.getAttributeNS(node, this.namespaces.xlink,\n-                        \"href\");\n-                },\n-                \"ContactInformation\": function(node, obj) {\n-                    obj.contactInformation = {};\n-                    this.readChildNodes(node, obj.contactInformation);\n-                },\n-                \"ContactPersonPrimary\": function(node, obj) {\n-                    obj.personPrimary = {};\n-                    this.readChildNodes(node, obj.personPrimary);\n-                },\n-                \"ContactPerson\": function(node, obj) {\n-                    obj.person = this.getChildValue(node);\n-                },\n-                \"ContactOrganization\": function(node, obj) {\n-                    obj.organization = this.getChildValue(node);\n-                },\n-                \"ContactPosition\": function(node, obj) {\n-                    obj.position = this.getChildValue(node);\n-                },\n-                \"ContactAddress\": function(node, obj) {\n-                    obj.contactAddress = {};\n-                    this.readChildNodes(node, obj.contactAddress);\n-                },\n-                \"AddressType\": function(node, obj) {\n-                    obj.type = this.getChildValue(node);\n-                },\n-                \"Address\": function(node, obj) {\n-                    obj.address = this.getChildValue(node);\n-                },\n-                \"City\": function(node, obj) {\n-                    obj.city = this.getChildValue(node);\n-                },\n-                \"StateOrProvince\": function(node, obj) {\n-                    obj.stateOrProvince = this.getChildValue(node);\n-                },\n-                \"PostCode\": function(node, obj) {\n-                    obj.postcode = this.getChildValue(node);\n-                },\n-                \"Country\": function(node, obj) {\n-                    obj.country = this.getChildValue(node);\n-                },\n-                \"ContactVoiceTelephone\": function(node, obj) {\n-                    obj.phone = this.getChildValue(node);\n-                },\n-                \"ContactFacsimileTelephone\": function(node, obj) {\n-                    obj.fax = this.getChildValue(node);\n-                },\n-                \"ContactElectronicMailAddress\": function(node, obj) {\n-                    obj.email = this.getChildValue(node);\n-                },\n-                \"Fees\": function(node, obj) {\n-                    var fees = this.getChildValue(node);\n-                    if (fees && fees.toLowerCase() != \"none\") {\n-                        obj.fees = fees;\n-                    }\n-                },\n-                \"AccessConstraints\": function(node, obj) {\n-                    var constraints = this.getChildValue(node);\n-                    if (constraints && constraints.toLowerCase() != \"none\") {\n-                        obj.accessConstraints = constraints;\n-                    }\n-                },\n-                \"Capability\": function(node, obj) {\n-                    obj.capability = {\n-                        nestedLayers: [],\n-                        layers: []\n-                    };\n-                    this.readChildNodes(node, obj.capability);\n-                },\n-                \"Request\": function(node, obj) {\n-                    obj.request = {};\n-                    this.readChildNodes(node, obj.request);\n-                },\n-                \"GetCapabilities\": function(node, obj) {\n-                    obj.getcapabilities = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getcapabilities);\n-                },\n-                \"Format\": function(node, obj) {\n-                    if (OpenLayers.Util.isArray(obj.formats)) {\n-                        obj.formats.push(this.getChildValue(node));\n-                    } else {\n-                        obj.format = this.getChildValue(node);\n-                    }\n-                },\n-                \"DCPType\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"HTTP\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Get\": function(node, obj) {\n-                    obj.get = {};\n-                    this.readChildNodes(node, obj.get);\n-                    // backwards compatibility\n-                    if (!obj.href) {\n-                        obj.href = obj.get.href;\n-                    }\n-                },\n-                \"Post\": function(node, obj) {\n-                    obj.post = {};\n-                    this.readChildNodes(node, obj.post);\n-                    // backwards compatibility\n-                    if (!obj.href) {\n-                        obj.href = obj.get.href;\n-                    }\n-                },\n-                \"GetMap\": function(node, obj) {\n-                    obj.getmap = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getmap);\n-                },\n-                \"GetFeatureInfo\": function(node, obj) {\n-                    obj.getfeatureinfo = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getfeatureinfo);\n-                },\n-                \"Exception\": function(node, obj) {\n-                    obj.exception = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.exception);\n-                },\n-                \"Layer\": function(node, obj) {\n-                    var parentLayer, capability;\n-                    if (obj.capability) {\n-                        capability = obj.capability;\n-                        parentLayer = obj;\n-                    } else {\n-                        capability = obj;\n-                    }\n-                    var attrNode = node.getAttributeNode(\"queryable\");\n-                    var queryable = (attrNode && attrNode.specified) ?\n-                        node.getAttribute(\"queryable\") : null;\n-                    attrNode = node.getAttributeNode(\"cascaded\");\n-                    var cascaded = (attrNode && attrNode.specified) ?\n-                        node.getAttribute(\"cascaded\") : null;\n-                    attrNode = node.getAttributeNode(\"opaque\");\n-                    var opaque = (attrNode && attrNode.specified) ?\n-                        node.getAttribute('opaque') : null;\n-                    var noSubsets = node.getAttribute('noSubsets');\n-                    var fixedWidth = node.getAttribute('fixedWidth');\n-                    var fixedHeight = node.getAttribute('fixedHeight');\n-                    var parent = parentLayer || {},\n-                        extend = OpenLayers.Util.extend;\n-                    var layer = {\n-                        nestedLayers: [],\n-                        styles: parentLayer ? [].concat(parentLayer.styles) : [],\n-                        srs: parentLayer ? extend({}, parent.srs) : {},\n-                        metadataURLs: [],\n-                        bbox: parentLayer ? extend({}, parent.bbox) : {},\n-                        llbbox: parent.llbbox,\n-                        dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n-                        authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n-                        identifiers: {},\n-                        keywords: [],\n-                        queryable: (queryable && queryable !== \"\") ?\n-                            (queryable === \"1\" || queryable === \"true\") : (parent.queryable || false),\n-                        cascaded: (cascaded !== null) ? parseInt(cascaded) : (parent.cascaded || 0),\n-                        opaque: opaque ?\n-                            (opaque === \"1\" || opaque === \"true\") : (parent.opaque || false),\n-                        noSubsets: (noSubsets !== null) ?\n-                            (noSubsets === \"1\" || noSubsets === \"true\") : (parent.noSubsets || false),\n-                        fixedWidth: (fixedWidth != null) ?\n-                            parseInt(fixedWidth) : (parent.fixedWidth || 0),\n-                        fixedHeight: (fixedHeight != null) ?\n-                            parseInt(fixedHeight) : (parent.fixedHeight || 0),\n-                        minScale: parent.minScale,\n-                        maxScale: parent.maxScale,\n-                        attribution: parent.attribution\n-                    };\n-                    obj.nestedLayers.push(layer);\n-                    layer.capability = capability;\n-                    this.readChildNodes(node, layer);\n-                    delete layer.capability;\n-                    if (layer.name) {\n-                        var parts = layer.name.split(\":\"),\n-                            request = capability.request,\n-                            gfi = request.getfeatureinfo;\n-                        if (parts.length > 0) {\n-                            layer.prefix = parts[0];\n-                        }\n-                        capability.layers.push(layer);\n-                        if (layer.formats === undefined) {\n-                            layer.formats = request.getmap.formats;\n-                        }\n-                        if (layer.infoFormats === undefined && gfi) {\n-                            layer.infoFormats = gfi.formats;\n-                        }\n-                    }\n-                },\n-                \"Attribution\": function(node, obj) {\n-                    obj.attribution = {};\n-                    this.readChildNodes(node, obj.attribution);\n-                },\n-                \"LogoURL\": function(node, obj) {\n-                    obj.logo = {\n-                        width: node.getAttribute(\"width\"),\n-                        height: node.getAttribute(\"height\")\n-                    };\n-                    this.readChildNodes(node, obj.logo);\n-                },\n-                \"Style\": function(node, obj) {\n-                    var style = {};\n-                    obj.styles.push(style);\n-                    this.readChildNodes(node, style);\n-                },\n-                \"LegendURL\": function(node, obj) {\n-                    var legend = {\n-                        width: node.getAttribute(\"width\"),\n-                        height: node.getAttribute(\"height\")\n-                    };\n-                    obj.legend = legend;\n-                    this.readChildNodes(node, legend);\n-                },\n-                \"MetadataURL\": function(node, obj) {\n-                    var metadataURL = {\n-                        type: node.getAttribute(\"type\")\n-                    };\n-                    obj.metadataURLs.push(metadataURL);\n-                    this.readChildNodes(node, metadataURL);\n-                },\n-                \"DataURL\": function(node, obj) {\n-                    obj.dataURL = {};\n-                    this.readChildNodes(node, obj.dataURL);\n-                },\n-                \"FeatureListURL\": function(node, obj) {\n-                    obj.featureListURL = {};\n-                    this.readChildNodes(node, obj.featureListURL);\n-                },\n-                \"AuthorityURL\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\");\n-                    var authority = {};\n-                    this.readChildNodes(node, authority);\n-                    obj.authorityURLs[name] = authority.href;\n-                },\n-                \"Identifier\": function(node, obj) {\n-                    var authority = node.getAttribute(\"authority\");\n-                    obj.identifiers[authority] = this.getChildValue(node);\n-                },\n-                \"KeywordList\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"SRS\": function(node, obj) {\n-                    obj.srs[this.getChildValue(node)] = true;\n-                }\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities.v1_1\n- * Abstract class not to be instantiated directly.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1, {\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"WMT_MS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Keyword\": function(node, obj) {\n-                    if (obj.keywords) {\n-                        obj.keywords.push(this.getChildValue(node));\n-                    }\n-                },\n-                \"DescribeLayer\": function(node, obj) {\n-                    obj.describelayer = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.describelayer);\n-                },\n-                \"GetLegendGraphic\": function(node, obj) {\n-                    obj.getlegendgraphic = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getlegendgraphic);\n-                },\n-                \"GetStyles\": function(node, obj) {\n-                    obj.getstyles = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.getstyles);\n-                },\n-                \"PutStyles\": function(node, obj) {\n-                    obj.putstyles = {\n-                        formats: []\n-                    };\n-                    this.readChildNodes(node, obj.putstyles);\n-                },\n-                \"UserDefinedSymbolization\": function(node, obj) {\n-                    var userSymbols = {\n-                        supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n-                        userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n-                        userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n-                        remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n-                    };\n-                    obj.userSymbols = userSymbols;\n-                },\n-                \"LatLonBoundingBox\": function(node, obj) {\n-                    obj.llbbox = [\n-                        parseFloat(node.getAttribute(\"minx\")),\n-                        parseFloat(node.getAttribute(\"miny\")),\n-                        parseFloat(node.getAttribute(\"maxx\")),\n-                        parseFloat(node.getAttribute(\"maxy\"))\n-                    ];\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                    bbox.srs = node.getAttribute(\"SRS\");\n-                    obj.bbox[bbox.srs] = bbox;\n-                },\n-                \"ScaleHint\": function(node, obj) {\n-                    var min = node.getAttribute(\"min\");\n-                    var max = node.getAttribute(\"max\");\n-                    var rad2 = Math.pow(2, 0.5);\n-                    var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n-                    if (min != 0) {\n-                        obj.maxScale = parseFloat(\n-                            ((min / rad2) * ipm *\n-                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n-                        );\n-                    }\n-                    if (max != Number.POSITIVE_INFINITY) {\n-                        obj.minScale = parseFloat(\n-                            ((max / rad2) * ipm *\n-                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n-                        );\n-                    }\n-                },\n-                \"Dimension\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    var dim = {\n-                        name: name,\n-                        units: node.getAttribute(\"units\"),\n-                        unitsymbol: node.getAttribute(\"unitSymbol\")\n-                    };\n-                    obj.dimensions[dim.name] = dim;\n-                },\n-                \"Extent\": function(node, obj) {\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    if (name in obj[\"dimensions\"]) {\n-                        var extent = obj.dimensions[name];\n-                        extent.nearestVal =\n-                            node.getAttribute(\"nearestValue\") === \"1\";\n-                        extent.multipleVal =\n-                            node.getAttribute(\"multipleValues\") === \"1\";\n-                        extent.current = node.getAttribute(\"current\") === \"1\";\n-                        extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n-                        var values = this.getChildValue(node);\n-                        extent.values = values.split(\",\");\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_3.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_3\n- * Abstract base class for WMS Capabilities version 1.3.X. \n- * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n- * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1, {\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"WMS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"LayerLimit\": function(node, obj) {\n-                    obj.layerLimit = parseInt(this.getChildValue(node));\n-                },\n-                \"MaxWidth\": function(node, obj) {\n-                    obj.maxWidth = parseInt(this.getChildValue(node));\n-                },\n-                \"MaxHeight\": function(node, obj) {\n-                    obj.maxHeight = parseInt(this.getChildValue(node));\n-                },\n-                \"BoundingBox\": function(node, obj) {\n-                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                    bbox.srs = node.getAttribute(\"CRS\");\n-                    obj.bbox[bbox.srs] = bbox;\n-                },\n-                \"CRS\": function(node, obj) {\n-                    // CRS is the synonym of SRS\n-                    this.readers.wms.SRS.apply(this, [node, obj]);\n-                },\n-                \"EX_GeographicBoundingBox\": function(node, obj) {\n-                    // replacement of LatLonBoundingBox\n-                    obj.llbbox = [];\n-                    this.readChildNodes(node, obj.llbbox);\n-\n-                },\n-                \"westBoundLongitude\": function(node, obj) {\n-                    obj[0] = this.getChildValue(node);\n-                },\n-                \"eastBoundLongitude\": function(node, obj) {\n-                    obj[2] = this.getChildValue(node);\n-                },\n-                \"southBoundLatitude\": function(node, obj) {\n-                    obj[1] = this.getChildValue(node);\n-                },\n-                \"northBoundLatitude\": function(node, obj) {\n-                    obj[3] = this.getChildValue(node);\n-                },\n-                \"MinScaleDenominator\": function(node, obj) {\n-                    obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n-                },\n-                \"MaxScaleDenominator\": function(node, obj) {\n-                    obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n-                },\n-                \"Dimension\": function(node, obj) {\n-                    // dimension has extra attributes: default, multipleValues, \n-                    // nearestValue, current which used to be part of Extent. It now\n-                    // also contains the values.\n-                    var name = node.getAttribute(\"name\").toLowerCase();\n-                    var dim = {\n-                        name: name,\n-                        units: node.getAttribute(\"units\"),\n-                        unitsymbol: node.getAttribute(\"unitSymbol\"),\n-                        nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n-                        multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n-                        \"default\": node.getAttribute(\"default\") || \"\",\n-                        current: node.getAttribute(\"current\") === \"1\",\n-                        values: this.getChildValue(node).split(\",\")\n-\n-                    };\n-                    // Theoretically there can be more dimensions with the same\n-                    // name, but with a different unit. Until we meet such a case,\n-                    // let's just keep the same structure as the WMS 1.1 \n-                    // GetCapabilities parser uses. We will store the last\n-                    // one encountered.\n-                    obj.dimensions[dim.name] = dim;\n-                },\n-                \"Keyword\": function(node, obj) {\n-                    // TODO: should we change the structure of keyword in v1.js?\n-                    // Make it an object with a value instead of a string?\n-                    var keyword = {\n-                        value: this.getChildValue(node),\n-                        vocabulary: node.getAttribute(\"vocabulary\")\n-                    };\n-                    if (obj.keywords) {\n-                        obj.keywords.push(keyword);\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n-            \"sld\": {\n-                \"UserDefinedSymbolization\": function(node, obj) {\n-                    this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n-                    // add the two extra attributes\n-                    obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n-                    obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1;\n-                },\n-                \"DescribeLayer\": function(node, obj) {\n-                    this.readers.wms.DescribeLayer.apply(this, [node, obj]);\n-                },\n-                \"GetLegendGraphic\": function(node, obj) {\n-                    this.readers.wms.GetLegendGraphic.apply(this, [node, obj]);\n-                }\n-            }\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_3_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_3.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_3_0\n- * Read WMS Capabilities version 1.3.0. \n- * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n- * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_3>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_3, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.3.0\",\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_0\n- * Read WMS Capabilities version 1.1.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.0\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_0\n-         * Create a new parser for WMS capabilities version 1.1.0.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"SRS\": function(node, obj) {\n-                    var srs = this.getChildValue(node);\n-                    var values = srs.split(/ +/);\n-                    for (var i = 0, len = values.length; i < len; i++) {\n-                        obj.srs[values[i]] = true;\n-                    }\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_1.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_1\n- * Read WMS Capabilities version 1.1.1.\n- *\n- * Note on <ScaleHint> parsing: If the 'min' attribute is set to \"0\", no\n- * maxScale will be set on the layer object. If the 'max' attribute is set to\n- * \"Infinity\", no minScale will be set. This makes it easy to create proper\n- * {<OpenLayers.Layer.WMS>} configurations directly from the layer object\n- * literals returned by this format, because no minScale/maxScale modifications\n- * need to be made.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.1\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n-         * Create a new parser for WMS capabilities version 1.1.1.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"SRS\": function(node, obj) {\n-                    obj.srs[this.getChildValue(node)] = true;\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMSCapabilities/v1_1_1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMSCapabilities/v1_1_1_WMSC\n- * Read WMS-C Capabilities version 1.1.1.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMSCapabilities.v1_1_1>\n- */\n-OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(\n-    OpenLayers.Format.WMSCapabilities.v1_1_1, {\n-\n-        /**\n-         * Property: version\n-         * {String} The specific parser version.\n-         */\n-        version: \"1.1.1\",\n-\n-        /**\n-         * Property: profile\n-         * {String} The specific profile\n-         */\n-        profile: \"WMSC\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n-         * Create a new parser for WMS-C capabilities version 1.1.1.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-\n-        /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n-         */\n-        readers: {\n-            \"wms\": OpenLayers.Util.applyDefaults({\n-                \"VendorSpecificCapabilities\": function(node, obj) {\n-                    obj.vendorSpecific = {\n-                        tileSets: []\n-                    };\n-                    this.readChildNodes(node, obj.vendorSpecific);\n-                },\n-                \"TileSet\": function(node, vendorSpecific) {\n-                    var tileset = {\n-                        srs: {},\n-                        bbox: {},\n-                        resolutions: []\n-                    };\n-                    this.readChildNodes(node, tileset);\n-                    vendorSpecific.tileSets.push(tileset);\n-                },\n-                \"Resolutions\": function(node, tileset) {\n-                    var res = this.getChildValue(node).split(\" \");\n-                    for (var i = 0, len = res.length; i < len; i++) {\n-                        if (res[i] != \"\") {\n-                            tileset.resolutions.push(parseFloat(res[i]));\n-                        }\n-                    }\n-                },\n-                \"Width\": function(node, tileset) {\n-                    tileset.width = parseInt(this.getChildValue(node));\n-                },\n-                \"Height\": function(node, tileset) {\n-                    tileset.height = parseInt(this.getChildValue(node));\n-                },\n-                \"Layers\": function(node, tileset) {\n-                    tileset.layers = this.getChildValue(node);\n-                },\n-                \"Styles\": function(node, tileset) {\n-                    tileset.styles = this.getChildValue(node);\n-                }\n-            }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/ArcXML/Features.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/ArcXML.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.ArcXML.Features\n- * Read/Write ArcXML features. Create a new instance with the \n- *     <OpenLayers.Format.ArcXML.Features> constructor.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.XML>\n- */\n-OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n-\n-    /**\n-     * Constructor: OpenLayers.Format.ArcXML.Features\n-     * Create a new parser/writer for ArcXML Features.  Create an instance of this class\n-     * to get a set of features from an ArcXML response.\n-     *\n-     * Parameters:\n-     * options - {Object} An optional object whose properties will be set on\n-     *     this instance.\n-     */\n-\n-    /**\n-     * APIMethod: read\n-     * Read data from a string of ArcXML, and return a set of OpenLayers features. \n-     * \n-     * Parameters:\n-     * data - {String} or {DOMElement} data to read/parse.\n-     *\n-     * Returns:\n-     * {Array(<OpenLayers.Feature.Vector>)} A collection of features.\n-     */\n-    read: function(data) {\n-        var axl = new OpenLayers.Format.ArcXML();\n-        var parsed = axl.read(data);\n-\n-        return parsed.features.feature;\n-    }\n-});\n-/* ======================================================================\n     OpenLayers/Format/WMC/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -85757,122 +76057,14 @@\n     },\n \n \n     CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n \n });\n /* ======================================================================\n-    OpenLayers/Format/WMC/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WMC/v1.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WMC.v1_0_0\n- * Read and write WMC version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WMC.v1>\n- */\n-OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.WMC.v1, {\n-\n-        /**\n-         * Constant: VERSION\n-         * {String} 1.0.0\n-         */\n-        VERSION: \"1.0.0\",\n-\n-        /**\n-         * Property: schemaLocation\n-         * {String} http://www.opengis.net/context\n-         *     http://schemas.opengis.net/context/1.0.0/context.xsd\n-         */\n-        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMC.v1_0_0\n-         * Instances of this class are not created directly.  Use the\n-         *     <OpenLayers.Format.WMC> constructor instead.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n-                this, [options]\n-            );\n-        },\n-\n-        /**\n-         * Method: read_wmc_SRS\n-         */\n-        read_wmc_SRS: function(layerContext, node) {\n-            var srs = this.getChildValue(node);\n-            if (typeof layerContext.projections != \"object\") {\n-                layerContext.projections = {};\n-            }\n-            var values = srs.split(/ +/);\n-            for (var i = 0, len = values.length; i < len; i++) {\n-                layerContext.projections[values[i]] = true;\n-            }\n-        },\n-\n-        /**\n-         * Method: write_wmc_Layer\n-         * Create a Layer node given a layer context object. This method adds\n-         *     elements specific to version 1.0.0.\n-         *\n-         * Parameters:\n-         * context - {Object} A layer context object.}\n-         *\n-         * Returns:\n-         * {Element} A WMC Layer element node.\n-         */\n-        write_wmc_Layer: function(context) {\n-            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n-                this, [context]\n-            );\n-\n-            // optional SRS element(s)\n-            if (context.srs) {\n-                var projections = [];\n-                for (var name in context.srs) {\n-                    projections.push(name);\n-                }\n-                node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")));\n-            }\n-\n-            // optional FormatList element\n-            node.appendChild(this.write_wmc_FormatList(context));\n-\n-            // optional StyleList element\n-            node.appendChild(this.write_wmc_StyleList(context));\n-\n-            // optional DimensionList element\n-            if (context.dimensions) {\n-                node.appendChild(this.write_wmc_DimensionList(context));\n-            }\n-\n-            // OpenLayers specific properties go in an Extension element\n-            node.appendChild(this.write_wmc_LayerExtension(context));\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n-\n-    });\n-/* ======================================================================\n     OpenLayers/Format/WMC/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n@@ -86018,805 +76210,735 @@\n \n         },\n \n         CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WPSCapabilities/v1_0_0.js\n+    OpenLayers/Format/WMC/v1_0_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WPSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Format/WMC/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WPSCapabilities.v1_0_0\n- * Read WPS Capabilities version 1.0.0.\n+ * Class: OpenLayers.Format.WMC.v1_0_0\n+ * Read and write WMC version 1.0.0.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Format.WMC.v1>\n  */\n-OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n+OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMC.v1, {\n \n         /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n+         * Constant: VERSION\n+         * {String} 1.0.0\n          */\n-        namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            wps: \"http://www.opengis.net/wps/1.0.0\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n-        },\n+        VERSION: \"1.0.0\",\n \n         /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n+         * Property: schemaLocation\n+         * {String} http://www.opengis.net/context\n+         *     http://schemas.opengis.net/context/1.0.0/context.xsd\n          */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n+        schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n \n         /**\n-         * Constructor: OpenLayers.Format.WPSCapabilities.v1_0_0\n-         * Create a new parser for WPS capabilities version 1.0.0. \n+         * Constructor: OpenLayers.Format.WMC.v1_0_0\n+         * Instances of this class are not created directly.  Use the\n+         *     <OpenLayers.Format.WMC> constructor instead.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n         initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+            OpenLayers.Format.WMC.v1.prototype.initialize.apply(\n+                this, [options]\n+            );\n         },\n \n         /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return info about the WPS.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Information about the WPS service.\n+         * Method: read_wmc_SRS\n          */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+        read_wmc_SRS: function(layerContext, node) {\n+            var srs = this.getChildValue(node);\n+            if (typeof layerContext.projections != \"object\") {\n+                layerContext.projections = {};\n             }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n+            var values = srs.split(/ +/);\n+            for (var i = 0, len = values.length; i < len; i++) {\n+                layerContext.projections[values[i]] = true;\n             }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n         },\n \n         /**\n-         * Property: readers\n-         * Contains public functions, grouped by namespace prefix, that will\n-         *     be applied when a namespaced node is found matching the function\n-         *     name.  The function will be applied in the scope of this parser\n-         *     with two arguments: the node being read and a context object passed\n-         *     from the parent.\n+         * Method: write_wmc_Layer\n+         * Create a Layer node given a layer context object. This method adds\n+         *     elements specific to version 1.0.0.\n+         *\n+         * Parameters:\n+         * context - {Object} A layer context object.}\n+         *\n+         * Returns:\n+         * {Element} A WMC Layer element node.\n          */\n-        readers: {\n-            \"wps\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"ProcessOfferings\": function(node, obj) {\n-                    obj.processOfferings = {};\n-                    this.readChildNodes(node, obj.processOfferings);\n-                },\n-                \"Process\": function(node, processOfferings) {\n-                    var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                    var process = {\n-                        processVersion: processVersion\n-                    };\n-                    this.readChildNodes(node, process);\n-                    processOfferings[process.identifier] = process;\n-                },\n-                \"Languages\": function(node, obj) {\n-                    obj.languages = [];\n-                    this.readChildNodes(node, obj.languages);\n-                },\n-                \"Default\": function(node, languages) {\n-                    var language = {\n-                        isDefault: true\n-                    };\n-                    this.readChildNodes(node, language);\n-                    languages.push(language);\n-                },\n-                \"Supported\": function(node, languages) {\n-                    var language = {};\n-                    this.readChildNodes(node, language);\n-                    languages.push(language);\n+        write_wmc_Layer: function(context) {\n+            var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(\n+                this, [context]\n+            );\n+\n+            // optional SRS element(s)\n+            if (context.srs) {\n+                var projections = [];\n+                for (var name in context.srs) {\n+                    projections.push(name);\n                 }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+                node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")));\n+            }\n+\n+            // optional FormatList element\n+            node.appendChild(this.write_wmc_FormatList(context));\n+\n+            // optional StyleList element\n+            node.appendChild(this.write_wmc_StyleList(context));\n+\n+            // optional DimensionList element\n+            if (context.dimensions) {\n+                node.appendChild(this.write_wmc_DimensionList(context));\n+            }\n+\n+            // OpenLayers specific properties go in an Extension element\n+            node.appendChild(this.write_wmc_LayerExtension(context));\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WMTSCapabilities/v1_0_0.js\n+    OpenLayers/Format/WMSCapabilities/v1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WMTSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Format/WMSCapabilities.js\n+ * @requires OpenLayers/Format/OGCExceptionReport.js\n+ * @requires OpenLayers/Format/XML.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMTSCapabilities.v1_0_0\n- * Read WMTS Capabilities version 1.0.0.\n+ * Class: OpenLayers.Format.WMSCapabilities.v1\n+ * Abstract class not to be instantiated directly. Creates\n+ * the common parts for both WMS 1.1.X and WMS 1.3.X.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.WMTSCapabilities>\n+ *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.OWSCommon.v1_1_0, {\n-\n-        /**\n-         * Property: version\n-         * {String} The parser version (\"1.0.0\").\n-         */\n-        version: \"1.0.0\",\n+OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(\n+    OpenLayers.Format.XML, {\n \n         /**\n          * Property: namespaces\n          * {Object} Mapping of namespace aliases to namespace URIs.\n          */\n         namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            wmts: \"http://www.opengis.net/wmts/1.0\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n+            wms: \"http://www.opengis.net/wms\",\n+            xlink: \"http://www.w3.org/1999/xlink\",\n+            xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n         },\n \n         /**\n-         * Property: yx\n-         * {Object} Members in the yx object are used to determine if a CRS URN\n-         *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n-         *     and values are boolean.  Defaults come from the \n-         *     <OpenLayers.Format.WMTSCapabilities> prototype.\n-         */\n-        yx: null,\n-\n-        /**\n          * Property: defaultPrefix\n-         * {String} The default namespace alias for creating element nodes.\n          */\n-        defaultPrefix: \"wmts\",\n+        defaultPrefix: \"wms\",\n \n         /**\n-         * Constructor: OpenLayers.Format.WMTSCapabilities.v1_0_0\n-         * Create a new parser for WMTS capabilities version 1.0.0. \n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1\n+         * Create an instance of one of the subclasses.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n-        initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-            this.options = options;\n-            var yx = OpenLayers.Util.extend({}, OpenLayers.Format.WMTSCapabilities.prototype.yx);\n-            this.yx = OpenLayers.Util.extend(yx, this.yx);\n-        },\n \n         /**\n          * APIMethod: read\n-         * Read capabilities data from a string, and return info about the WMTS.\n+         * Read capabilities data from a string, and return a list of layers. \n          * \n          * Parameters: \n          * data - {String} or {DOMElement} data to read/parse.\n          *\n          * Returns:\n-         * {Object} Information about the SOS service.\n+         * {Array} List of named layers.\n          */\n         read: function(data) {\n             if (typeof data == \"string\") {\n                 data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n             }\n+            var raw = data;\n             if (data && data.nodeType == 9) {\n                 data = data.documentElement;\n             }\n             var capabilities = {};\n             this.readNode(data, capabilities);\n-            capabilities.version = this.version;\n+            if (capabilities.service === undefined) {\n+                // an exception must have occurred, so parse it\n+                var parser = new OpenLayers.Format.OGCExceptionReport();\n+                capabilities.error = parser.read(raw);\n+            }\n             return capabilities;\n         },\n \n         /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"wmts\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n+            \"wms\": {\n+                \"Service\": function(node, obj) {\n+                    obj.service = {};\n+                    this.readChildNodes(node, obj.service);\n                 },\n-                \"Contents\": function(node, obj) {\n-                    obj.contents = {};\n-                    obj.contents.layers = [];\n-                    obj.contents.tileMatrixSets = {};\n-                    this.readChildNodes(node, obj.contents);\n+                \"Name\": function(node, obj) {\n+                    obj.name = this.getChildValue(node);\n                 },\n-                \"Layer\": function(node, obj) {\n-                    var layer = {\n-                        styles: [],\n-                        formats: [],\n-                        dimensions: [],\n-                        tileMatrixSetLinks: []\n+                \"Title\": function(node, obj) {\n+                    obj.title = this.getChildValue(node);\n+                },\n+                \"Abstract\": function(node, obj) {\n+                    obj[\"abstract\"] = this.getChildValue(node);\n+                },\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = {};\n+                    bbox.bbox = [\n+                        parseFloat(node.getAttribute(\"minx\")),\n+                        parseFloat(node.getAttribute(\"miny\")),\n+                        parseFloat(node.getAttribute(\"maxx\")),\n+                        parseFloat(node.getAttribute(\"maxy\"))\n+                    ];\n+                    var res = {\n+                        x: parseFloat(node.getAttribute(\"resx\")),\n+                        y: parseFloat(node.getAttribute(\"resy\"))\n                     };\n-                    layer.layers = [];\n-                    this.readChildNodes(node, layer);\n-                    obj.layers.push(layer);\n+\n+                    if (!(isNaN(res.x) && isNaN(res.y))) {\n+                        bbox.res = res;\n+                    }\n+                    // return the bbox so that descendant classes can set the\n+                    // CRS and SRS and add it to the obj\n+                    return bbox;\n                 },\n-                \"Style\": function(node, obj) {\n-                    var style = {};\n-                    style.isDefault = (node.getAttribute(\"isDefault\") === \"true\");\n-                    this.readChildNodes(node, style);\n-                    obj.styles.push(style);\n+                \"OnlineResource\": function(node, obj) {\n+                    obj.href = this.getAttributeNS(node, this.namespaces.xlink,\n+                        \"href\");\n                 },\n-                \"Format\": function(node, obj) {\n-                    obj.formats.push(this.getChildValue(node));\n+                \"ContactInformation\": function(node, obj) {\n+                    obj.contactInformation = {};\n+                    this.readChildNodes(node, obj.contactInformation);\n                 },\n-                \"TileMatrixSetLink\": function(node, obj) {\n-                    var tileMatrixSetLink = {};\n-                    this.readChildNodes(node, tileMatrixSetLink);\n-                    obj.tileMatrixSetLinks.push(tileMatrixSetLink);\n+                \"ContactPersonPrimary\": function(node, obj) {\n+                    obj.personPrimary = {};\n+                    this.readChildNodes(node, obj.personPrimary);\n                 },\n-                \"TileMatrixSet\": function(node, obj) {\n-                    // node could be child of wmts:Contents or wmts:TileMatrixSetLink\n-                    // duck type wmts:Contents by looking for layers\n-                    if (obj.layers) {\n-                        // TileMatrixSet as object type in schema\n-                        var tileMatrixSet = {\n-                            matrixIds: []\n-                        };\n-                        this.readChildNodes(node, tileMatrixSet);\n-                        obj.tileMatrixSets[tileMatrixSet.identifier] = tileMatrixSet;\n-                    } else {\n-                        // TileMatrixSet as string type in schema\n-                        obj.tileMatrixSet = this.getChildValue(node);\n+                \"ContactPerson\": function(node, obj) {\n+                    obj.person = this.getChildValue(node);\n+                },\n+                \"ContactOrganization\": function(node, obj) {\n+                    obj.organization = this.getChildValue(node);\n+                },\n+                \"ContactPosition\": function(node, obj) {\n+                    obj.position = this.getChildValue(node);\n+                },\n+                \"ContactAddress\": function(node, obj) {\n+                    obj.contactAddress = {};\n+                    this.readChildNodes(node, obj.contactAddress);\n+                },\n+                \"AddressType\": function(node, obj) {\n+                    obj.type = this.getChildValue(node);\n+                },\n+                \"Address\": function(node, obj) {\n+                    obj.address = this.getChildValue(node);\n+                },\n+                \"City\": function(node, obj) {\n+                    obj.city = this.getChildValue(node);\n+                },\n+                \"StateOrProvince\": function(node, obj) {\n+                    obj.stateOrProvince = this.getChildValue(node);\n+                },\n+                \"PostCode\": function(node, obj) {\n+                    obj.postcode = this.getChildValue(node);\n+                },\n+                \"Country\": function(node, obj) {\n+                    obj.country = this.getChildValue(node);\n+                },\n+                \"ContactVoiceTelephone\": function(node, obj) {\n+                    obj.phone = this.getChildValue(node);\n+                },\n+                \"ContactFacsimileTelephone\": function(node, obj) {\n+                    obj.fax = this.getChildValue(node);\n+                },\n+                \"ContactElectronicMailAddress\": function(node, obj) {\n+                    obj.email = this.getChildValue(node);\n+                },\n+                \"Fees\": function(node, obj) {\n+                    var fees = this.getChildValue(node);\n+                    if (fees && fees.toLowerCase() != \"none\") {\n+                        obj.fees = fees;\n                     }\n                 },\n-                \"TileMatrix\": function(node, obj) {\n-                    var tileMatrix = {\n-                        supportedCRS: obj.supportedCRS\n+                \"AccessConstraints\": function(node, obj) {\n+                    var constraints = this.getChildValue(node);\n+                    if (constraints && constraints.toLowerCase() != \"none\") {\n+                        obj.accessConstraints = constraints;\n+                    }\n+                },\n+                \"Capability\": function(node, obj) {\n+                    obj.capability = {\n+                        nestedLayers: [],\n+                        layers: []\n                     };\n-                    this.readChildNodes(node, tileMatrix);\n-                    obj.matrixIds.push(tileMatrix);\n+                    this.readChildNodes(node, obj.capability);\n                 },\n-                \"ScaleDenominator\": function(node, obj) {\n-                    obj.scaleDenominator = parseFloat(this.getChildValue(node));\n+                \"Request\": function(node, obj) {\n+                    obj.request = {};\n+                    this.readChildNodes(node, obj.request);\n                 },\n-                \"TopLeftCorner\": function(node, obj) {\n-                    var topLeftCorner = this.getChildValue(node);\n-                    var coords = topLeftCorner.split(\" \");\n-                    // decide on axis order for the given CRS\n-                    var yx;\n-                    if (obj.supportedCRS) {\n-                        // extract out version from URN\n-                        var crs = obj.supportedCRS.replace(\n-                            /urn:ogc:def:crs:(\\w+):.+:(\\w+)$/,\n-                            \"urn:ogc:def:crs:$1::$2\"\n-                        );\n-                        yx = !!this.yx[crs];\n-                    }\n-                    if (yx) {\n-                        obj.topLeftCorner = new OpenLayers.LonLat(\n-                            coords[1], coords[0]\n-                        );\n+                \"GetCapabilities\": function(node, obj) {\n+                    obj.getcapabilities = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getcapabilities);\n+                },\n+                \"Format\": function(node, obj) {\n+                    if (OpenLayers.Util.isArray(obj.formats)) {\n+                        obj.formats.push(this.getChildValue(node));\n                     } else {\n-                        obj.topLeftCorner = new OpenLayers.LonLat(\n-                            coords[0], coords[1]\n-                        );\n+                        obj.format = this.getChildValue(node);\n                     }\n                 },\n-                \"TileWidth\": function(node, obj) {\n-                    obj.tileWidth = parseInt(this.getChildValue(node));\n+                \"DCPType\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n                 },\n-                \"TileHeight\": function(node, obj) {\n-                    obj.tileHeight = parseInt(this.getChildValue(node));\n+                \"HTTP\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n                 },\n-                \"MatrixWidth\": function(node, obj) {\n-                    obj.matrixWidth = parseInt(this.getChildValue(node));\n+                \"Get\": function(node, obj) {\n+                    obj.get = {};\n+                    this.readChildNodes(node, obj.get);\n+                    // backwards compatibility\n+                    if (!obj.href) {\n+                        obj.href = obj.get.href;\n+                    }\n                 },\n-                \"MatrixHeight\": function(node, obj) {\n-                    obj.matrixHeight = parseInt(this.getChildValue(node));\n+                \"Post\": function(node, obj) {\n+                    obj.post = {};\n+                    this.readChildNodes(node, obj.post);\n+                    // backwards compatibility\n+                    if (!obj.href) {\n+                        obj.href = obj.get.href;\n+                    }\n                 },\n-                \"ResourceURL\": function(node, obj) {\n-                    obj.resourceUrl = obj.resourceUrl || {};\n-                    var resourceType = node.getAttribute(\"resourceType\");\n-                    if (!obj.resourceUrls) {\n-                        obj.resourceUrls = [];\n+                \"GetMap\": function(node, obj) {\n+                    obj.getmap = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getmap);\n+                },\n+                \"GetFeatureInfo\": function(node, obj) {\n+                    obj.getfeatureinfo = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getfeatureinfo);\n+                },\n+                \"Exception\": function(node, obj) {\n+                    obj.exception = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.exception);\n+                },\n+                \"Layer\": function(node, obj) {\n+                    var parentLayer, capability;\n+                    if (obj.capability) {\n+                        capability = obj.capability;\n+                        parentLayer = obj;\n+                    } else {\n+                        capability = obj;\n                     }\n-                    var resourceUrl = obj.resourceUrl[resourceType] = {\n-                        format: node.getAttribute(\"format\"),\n-                        template: node.getAttribute(\"template\"),\n-                        resourceType: resourceType\n+                    var attrNode = node.getAttributeNode(\"queryable\");\n+                    var queryable = (attrNode && attrNode.specified) ?\n+                        node.getAttribute(\"queryable\") : null;\n+                    attrNode = node.getAttributeNode(\"cascaded\");\n+                    var cascaded = (attrNode && attrNode.specified) ?\n+                        node.getAttribute(\"cascaded\") : null;\n+                    attrNode = node.getAttributeNode(\"opaque\");\n+                    var opaque = (attrNode && attrNode.specified) ?\n+                        node.getAttribute('opaque') : null;\n+                    var noSubsets = node.getAttribute('noSubsets');\n+                    var fixedWidth = node.getAttribute('fixedWidth');\n+                    var fixedHeight = node.getAttribute('fixedHeight');\n+                    var parent = parentLayer || {},\n+                        extend = OpenLayers.Util.extend;\n+                    var layer = {\n+                        nestedLayers: [],\n+                        styles: parentLayer ? [].concat(parentLayer.styles) : [],\n+                        srs: parentLayer ? extend({}, parent.srs) : {},\n+                        metadataURLs: [],\n+                        bbox: parentLayer ? extend({}, parent.bbox) : {},\n+                        llbbox: parent.llbbox,\n+                        dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n+                        authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n+                        identifiers: {},\n+                        keywords: [],\n+                        queryable: (queryable && queryable !== \"\") ?\n+                            (queryable === \"1\" || queryable === \"true\") : (parent.queryable || false),\n+                        cascaded: (cascaded !== null) ? parseInt(cascaded) : (parent.cascaded || 0),\n+                        opaque: opaque ?\n+                            (opaque === \"1\" || opaque === \"true\") : (parent.opaque || false),\n+                        noSubsets: (noSubsets !== null) ?\n+                            (noSubsets === \"1\" || noSubsets === \"true\") : (parent.noSubsets || false),\n+                        fixedWidth: (fixedWidth != null) ?\n+                            parseInt(fixedWidth) : (parent.fixedWidth || 0),\n+                        fixedHeight: (fixedHeight != null) ?\n+                            parseInt(fixedHeight) : (parent.fixedHeight || 0),\n+                        minScale: parent.minScale,\n+                        maxScale: parent.maxScale,\n+                        attribution: parent.attribution\n                     };\n-                    obj.resourceUrls.push(resourceUrl);\n+                    obj.nestedLayers.push(layer);\n+                    layer.capability = capability;\n+                    this.readChildNodes(node, layer);\n+                    delete layer.capability;\n+                    if (layer.name) {\n+                        var parts = layer.name.split(\":\"),\n+                            request = capability.request,\n+                            gfi = request.getfeatureinfo;\n+                        if (parts.length > 0) {\n+                            layer.prefix = parts[0];\n+                        }\n+                        capability.layers.push(layer);\n+                        if (layer.formats === undefined) {\n+                            layer.formats = request.getmap.formats;\n+                        }\n+                        if (layer.infoFormats === undefined && gfi) {\n+                            layer.infoFormats = gfi.formats;\n+                        }\n+                    }\n                 },\n-                // not used for now, can be added in the future though\n-                /*\"Themes\": function(node, obj) {\n-                    obj.themes = [];\n-                    this.readChildNodes(node, obj.themes);\n+                \"Attribution\": function(node, obj) {\n+                    obj.attribution = {};\n+                    this.readChildNodes(node, obj.attribution);\n                 },\n-                \"Theme\": function(node, obj) {\n-                    var theme = {};                \n-                    this.readChildNodes(node, theme);\n-                    obj.push(theme);\n-                },*/\n-                \"WSDL\": function(node, obj) {\n-                    obj.wsdl = {};\n-                    obj.wsdl.href = node.getAttribute(\"xlink:href\");\n-                    // TODO: other attributes of <WSDL> element                \n+                \"LogoURL\": function(node, obj) {\n+                    obj.logo = {\n+                        width: node.getAttribute(\"width\"),\n+                        height: node.getAttribute(\"height\")\n+                    };\n+                    this.readChildNodes(node, obj.logo);\n                 },\n-                \"ServiceMetadataURL\": function(node, obj) {\n-                    obj.serviceMetadataUrl = {};\n-                    obj.serviceMetadataUrl.href = node.getAttribute(\"xlink:href\");\n-                    // TODO: other attributes of <ServiceMetadataURL> element                \n+                \"Style\": function(node, obj) {\n+                    var style = {};\n+                    obj.styles.push(style);\n+                    this.readChildNodes(node, style);\n                 },\n                 \"LegendURL\": function(node, obj) {\n-                    obj.legend = {};\n-                    obj.legend.href = node.getAttribute(\"xlink:href\");\n-                    obj.legend.format = node.getAttribute(\"format\");\n+                    var legend = {\n+                        width: node.getAttribute(\"width\"),\n+                        height: node.getAttribute(\"height\")\n+                    };\n+                    obj.legend = legend;\n+                    this.readChildNodes(node, legend);\n                 },\n-                \"Dimension\": function(node, obj) {\n-                    var dimension = {\n-                        values: []\n+                \"MetadataURL\": function(node, obj) {\n+                    var metadataURL = {\n+                        type: node.getAttribute(\"type\")\n                     };\n-                    this.readChildNodes(node, dimension);\n-                    obj.dimensions.push(dimension);\n+                    obj.metadataURLs.push(metadataURL);\n+                    this.readChildNodes(node, metadataURL);\n                 },\n-                \"Default\": function(node, obj) {\n-                    obj[\"default\"] = this.getChildValue(node);\n+                \"DataURL\": function(node, obj) {\n+                    obj.dataURL = {};\n+                    this.readChildNodes(node, obj.dataURL);\n                 },\n-                \"Value\": function(node, obj) {\n-                    obj.values.push(this.getChildValue(node));\n+                \"FeatureListURL\": function(node, obj) {\n+                    obj.featureListURL = {};\n+                    this.readChildNodes(node, obj.featureListURL);\n+                },\n+                \"AuthorityURL\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\");\n+                    var authority = {};\n+                    this.readChildNodes(node, authority);\n+                    obj.authorityURLs[name] = authority.href;\n+                },\n+                \"Identifier\": function(node, obj) {\n+                    var authority = node.getAttribute(\"authority\");\n+                    obj.identifiers[authority] = this.getChildValue(node);\n+                },\n+                \"KeywordList\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"SRS\": function(node, obj) {\n+                    obj.srs[this.getChildValue(node)] = true;\n                 }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+            }\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WMSDescribeLayer/v1_1.js\n+    OpenLayers/Format/WMSCapabilities/v1_1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WMSDescribeLayer.js\n- * @requires OpenLayers/Format/OGCExceptionReport.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WMSDescribeLayer.v1_1_1\n- * Read SLD WMS DescribeLayer response for WMS 1.1.X\n- * WMS 1.1.X is tightly coupled to SLD 1.0.0\n- *\n- * Example DescribeLayer request: \n- * http://demo.opengeo.org/geoserver/wms?request=DescribeLayer&version=1.1.1&layers=topp:states\n- *\n+ * Class: OpenLayers.Format.WMSCapabilities.v1_1\n+ * Abstract class not to be instantiated directly.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Format.WMSDescribeLayer>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1>\n  */\n-OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(\n-    OpenLayers.Format.WMSDescribeLayer, {\n-\n-        /**\n-         * Constructor: OpenLayers.Format.WMSDescribeLayer\n-         * Create a new parser for WMS DescribeLayer responses.\n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this,\n-                [options]);\n-        },\n+OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1, {\n \n         /**\n-         * APIMethod: read\n-         * Read DescribeLayer data from a string, and return the response. \n-         * The OGC defines 2 formats which are allowed for output,\n-         * so we need to parse these 2 types for version 1.1.X\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Object with a layerDescriptions property, which holds an Array\n-         * of {<LayerDescription>} objects which have:\n-         * - {String} owsType: WFS/WCS\n-         * - {String} owsURL: the online resource\n-         * - {String} typeName: the name of the typename on the owsType service\n-         * - {String} layerName: the name of the WMS layer we did a lookup for\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n          */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            var root = data.documentElement;\n-            var children = root.childNodes;\n-            var describelayer = {\n-                layerDescriptions: []\n-            };\n-            var childNode, nodeName;\n-            for (var i = 0; i < children.length; ++i) {\n-                childNode = children[i];\n-                nodeName = childNode.nodeName;\n-                if (nodeName == 'LayerDescription') {\n-                    var layerName = childNode.getAttribute('name');\n-                    var owsType = '';\n-                    var owsURL = '';\n-                    var typeName = '';\n-                    // check for owsType and owsURL attributes\n-                    if (childNode.getAttribute('owsType')) {\n-                        owsType = childNode.getAttribute('owsType');\n-                        owsURL = childNode.getAttribute('owsURL');\n-                    } else {\n-                        // look for wfs or wcs attribute\n-                        if (childNode.getAttribute('wfs') != '') {\n-                            owsType = 'WFS';\n-                            owsURL = childNode.getAttribute('wfs');\n-                        } else if (childNode.getAttribute('wcs') != '') {\n-                            owsType = 'WCS';\n-                            owsURL = childNode.getAttribute('wcs');\n-                        }\n-                    }\n-                    // look for Query child\n-                    var query = childNode.getElementsByTagName('Query');\n-                    if (query.length > 0) {\n-                        typeName = query[0].getAttribute('typeName');\n-                        if (!typeName) {\n-                            // because of Ionic bug\n-                            typeName = query[0].getAttribute('typename');\n-                        }\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"WMT_MS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Keyword\": function(node, obj) {\n+                    if (obj.keywords) {\n+                        obj.keywords.push(this.getChildValue(node));\n                     }\n-                    var layerDescription = {\n-                        layerName: layerName,\n-                        owsType: owsType,\n-                        owsURL: owsURL,\n-                        typeName: typeName\n+                },\n+                \"DescribeLayer\": function(node, obj) {\n+                    obj.describelayer = {\n+                        formats: []\n                     };\n-                    describelayer.layerDescriptions.push(layerDescription);\n-\n-                    //TODO do this in deprecated.js instead:\n-                    // array style index for backwards compatibility\n-                    describelayer.length = describelayer.layerDescriptions.length;\n-                    describelayer[describelayer.length - 1] = layerDescription;\n-\n-                } else if (nodeName == 'ServiceException') {\n-                    // an exception must have occurred, so parse it\n-                    var parser = new OpenLayers.Format.OGCExceptionReport();\n-                    return {\n-                        error: parser.read(data)\n+                    this.readChildNodes(node, obj.describelayer);\n+                },\n+                \"GetLegendGraphic\": function(node, obj) {\n+                    obj.getlegendgraphic = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getlegendgraphic);\n+                },\n+                \"GetStyles\": function(node, obj) {\n+                    obj.getstyles = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.getstyles);\n+                },\n+                \"PutStyles\": function(node, obj) {\n+                    obj.putstyles = {\n+                        formats: []\n+                    };\n+                    this.readChildNodes(node, obj.putstyles);\n+                },\n+                \"UserDefinedSymbolization\": function(node, obj) {\n+                    var userSymbols = {\n+                        supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n+                        userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n+                        userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n+                        remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n+                    };\n+                    obj.userSymbols = userSymbols;\n+                },\n+                \"LatLonBoundingBox\": function(node, obj) {\n+                    obj.llbbox = [\n+                        parseFloat(node.getAttribute(\"minx\")),\n+                        parseFloat(node.getAttribute(\"miny\")),\n+                        parseFloat(node.getAttribute(\"maxx\")),\n+                        parseFloat(node.getAttribute(\"maxy\"))\n+                    ];\n+                },\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                    bbox.srs = node.getAttribute(\"SRS\");\n+                    obj.bbox[bbox.srs] = bbox;\n+                },\n+                \"ScaleHint\": function(node, obj) {\n+                    var min = node.getAttribute(\"min\");\n+                    var max = node.getAttribute(\"max\");\n+                    var rad2 = Math.pow(2, 0.5);\n+                    var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n+                    if (min != 0) {\n+                        obj.maxScale = parseFloat(\n+                            ((min / rad2) * ipm *\n+                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n+                        );\n+                    }\n+                    if (max != Number.POSITIVE_INFINITY) {\n+                        obj.minScale = parseFloat(\n+                            ((max / rad2) * ipm *\n+                                OpenLayers.DOTS_PER_INCH).toPrecision(13)\n+                        );\n+                    }\n+                },\n+                \"Dimension\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    var dim = {\n+                        name: name,\n+                        units: node.getAttribute(\"units\"),\n+                        unitsymbol: node.getAttribute(\"unitSymbol\")\n                     };\n+                    obj.dimensions[dim.name] = dim;\n+                },\n+                \"Extent\": function(node, obj) {\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    if (name in obj[\"dimensions\"]) {\n+                        var extent = obj.dimensions[name];\n+                        extent.nearestVal =\n+                            node.getAttribute(\"nearestValue\") === \"1\";\n+                        extent.multipleVal =\n+                            node.getAttribute(\"multipleValues\") === \"1\";\n+                        extent.current = node.getAttribute(\"current\") === \"1\";\n+                        extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n+                        var values = this.getChildValue(node);\n+                        extent.values = values.split(\",\");\n+                    }\n                 }\n-            }\n-            return describelayer;\n+            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n \n     });\n-\n-// Version alias - workaround for http://trac.osgeo.org/mapserver/ticket/2257\n-OpenLayers.Format.WMSDescribeLayer.v1_1_0 =\n-    OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n /* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1.js\n+    OpenLayers/Format/WMSCapabilities/v1_1_1.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WCSCapabilities.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WCSCapabilities.v1\n- * Abstract class not to be instantiated directly.\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_1\n+ * Read WMS Capabilities version 1.1.1.\n+ *\n+ * Note on <ScaleHint> parsing: If the 'min' attribute is set to \"0\", no\n+ * maxScale will be set on the layer object. If the 'max' attribute is set to\n+ * \"Infinity\", no minScale will be set. This makes it easy to create proper\n+ * {<OpenLayers.Layer.WMS>} configurations directly from the layer object\n+ * literals returned by this format, because no minScale/maxScale modifications\n+ * need to be made.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.XML>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n  */\n-OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(\n-    OpenLayers.Format.XML, {\n-\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            splitSpace: (/\\s+/)\n-        },\n-\n-        /**\n-         * Property: defaultPrefix\n-         */\n-        defaultPrefix: \"wcs\",\n+OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1, {\n \n         /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return a list of coverages. \n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Array} List of named coverages.\n+         * Property: version\n+         * {String} The specific parser version.\n          */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            var raw = data;\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n-\n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n-\n-    });\n-/* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1_0_0.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n-\n-/**\n- * @requires OpenLayers/Format/WCSCapabilities/v1.js\n- * @requires OpenLayers/Format/GML/v3.js\n- */\n-\n-/**\n- * Class: OpenLayers.Format.WCSCapabilities/v1_0_0\n- * Read WCS Capabilities version 1.0.0.\n- * \n- * Inherits from:\n- *  - <OpenLayers.Format.WCSCapabilities.v1>\n- */\n-OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.WCSCapabilities.v1, {\n+        version: \"1.1.1\",\n \n         /**\n-         * Constructor: OpenLayers.Format.WCSCapabilities.v1_0_0\n-         * Create a new parser for WCS capabilities version 1.0.0.\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n+         * Create a new parser for WMS capabilities version 1.1.1.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n \n         /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            wcs: \"http://www.opengis.net/wcs\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-            ows: \"http://www.opengis.net/ows\"\n-        },\n-\n-        /**\n-         * Property: errorProperty\n-         * {String} Which property of the returned object to check for in order to\n-         * determine whether or not parsing has failed. In the case that the\n-         * errorProperty is undefined on the returned object, the document will be\n-         * run through an OGCExceptionReport parser.\n-         */\n-        errorProperty: \"service\",\n-\n-        /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"wcs\": {\n-                \"WCS_Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Service\": function(node, obj) {\n-                    obj.service = {};\n-                    this.readChildNodes(node, obj.service);\n-                },\n-                \"name\": function(node, service) {\n-                    service.name = this.getChildValue(node);\n-                },\n-                \"label\": function(node, service) {\n-                    service.label = this.getChildValue(node);\n-                },\n-                \"keywords\": function(node, service) {\n-                    service.keywords = [];\n-                    this.readChildNodes(node, service.keywords);\n-                },\n-                \"keyword\": function(node, keywords) {\n-                    // Append the keyword to the keywords list\n-                    keywords.push(this.getChildValue(node));\n-                },\n-                \"responsibleParty\": function(node, service) {\n-                    service.responsibleParty = {};\n-                    this.readChildNodes(node, service.responsibleParty);\n-                },\n-                \"individualName\": function(node, responsibleParty) {\n-                    responsibleParty.individualName = this.getChildValue(node);\n-                },\n-                \"organisationName\": function(node, responsibleParty) {\n-                    responsibleParty.organisationName = this.getChildValue(node);\n-                },\n-                \"positionName\": function(node, responsibleParty) {\n-                    responsibleParty.positionName = this.getChildValue(node);\n-                },\n-                \"contactInfo\": function(node, responsibleParty) {\n-                    responsibleParty.contactInfo = {};\n-                    this.readChildNodes(node, responsibleParty.contactInfo);\n-                },\n-                \"phone\": function(node, contactInfo) {\n-                    contactInfo.phone = {};\n-                    this.readChildNodes(node, contactInfo.phone);\n-                },\n-                \"voice\": function(node, phone) {\n-                    phone.voice = this.getChildValue(node);\n-                },\n-                \"facsimile\": function(node, phone) {\n-                    phone.facsimile = this.getChildValue(node);\n-                },\n-                \"address\": function(node, contactInfo) {\n-                    contactInfo.address = {};\n-                    this.readChildNodes(node, contactInfo.address);\n-                },\n-                \"deliveryPoint\": function(node, address) {\n-                    address.deliveryPoint = this.getChildValue(node);\n-                },\n-                \"city\": function(node, address) {\n-                    address.city = this.getChildValue(node);\n-                },\n-                \"postalCode\": function(node, address) {\n-                    address.postalCode = this.getChildValue(node);\n-                },\n-                \"country\": function(node, address) {\n-                    address.country = this.getChildValue(node);\n-                },\n-                \"electronicMailAddress\": function(node, address) {\n-                    address.electronicMailAddress = this.getChildValue(node);\n-                },\n-                \"fees\": function(node, service) {\n-                    service.fees = this.getChildValue(node);\n-                },\n-                \"accessConstraints\": function(node, service) {\n-                    service.accessConstraints = this.getChildValue(node);\n-                },\n-                \"ContentMetadata\": function(node, obj) {\n-                    obj.contentMetadata = [];\n-                    this.readChildNodes(node, obj.contentMetadata);\n-                },\n-                \"CoverageOfferingBrief\": function(node, contentMetadata) {\n-                    var coverageOfferingBrief = {};\n-                    this.readChildNodes(node, coverageOfferingBrief);\n-                    contentMetadata.push(coverageOfferingBrief);\n-                },\n-                \"name\": function(node, coverageOfferingBrief) {\n-                    coverageOfferingBrief.name = this.getChildValue(node);\n-                },\n-                \"label\": function(node, coverageOfferingBrief) {\n-                    coverageOfferingBrief.label = this.getChildValue(node);\n-                },\n-                \"lonLatEnvelope\": function(node, coverageOfferingBrief) {\n-                    var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n-\n-                    // We expect two nodes here, to create the corners of a bounding box\n-                    if (nodeList.length == 2) {\n-                        var min = {};\n-                        var max = {};\n-\n-                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n-                        OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n-\n-                        coverageOfferingBrief.lonLatEnvelope = {};\n-                        coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n-                        coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n-                        coverageOfferingBrief.lonLatEnvelope.max = max.points[0];\n-                    }\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"SRS\": function(node, obj) {\n+                    obj.srs[this.getChildValue(node)] = true;\n                 }\n-            }\n+            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/WCSCapabilities/v1_1_0.js\n+    OpenLayers/Format/WMSCapabilities/v1_1_1_WMSC.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/WCSCapabilities/v1.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1_1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.WCSCapabilities/v1_1_0\n- * Read WCS Capabilities version 1.1.0.\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_1_WMSC\n+ * Read WMS-C Capabilities version 1.1.1.\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.WCSCapabilities.v1>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1_1>\n  */\n-OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(\n-    OpenLayers.Format.WCSCapabilities.v1, {\n+OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1_1, {\n \n         /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n+         * Property: version\n+         * {String} The specific parser version.\n          */\n-        namespaces: {\n-            wcs: \"http://www.opengis.net/wcs/1.1\",\n-            xlink: \"http://www.w3.org/1999/xlink\",\n-            xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-            ows: \"http://www.opengis.net/ows/1.1\"\n-        },\n+        version: \"1.1.1\",\n \n         /**\n-         * APIProperty: errorProperty\n-         * {String} Which property of the returned object to check for in order to\n-         * determine whether or not parsing has failed. In the case that the\n-         * errorProperty is undefined on the returned object, the document will be\n-         * run through an OGCExceptionReport parser.\n+         * Property: profile\n+         * {String} The specific profile\n          */\n-        errorProperty: \"operationsMetadata\",\n+        profile: \"WMSC\",\n \n         /**\n-         * Constructor: OpenLayers.Format.WCSCapabilities.v1_1_0\n-         * Create a new parser for WCS capabilities version 1.1.0.\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_1\n+         * Create a new parser for WMS-C capabilities version 1.1.1.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n \n         /**\n@@ -86824,415 +76946,327 @@\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"wcs\": OpenLayers.Util.applyDefaults({\n-                // In 1.0.0, this was WCS_Capabilties, in 1.1.0, it's Capabilities\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n-                },\n-                \"Contents\": function(node, request) {\n-                    request.contentMetadata = [];\n-                    this.readChildNodes(node, request.contentMetadata);\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"VendorSpecificCapabilities\": function(node, obj) {\n+                    obj.vendorSpecific = {\n+                        tileSets: []\n+                    };\n+                    this.readChildNodes(node, obj.vendorSpecific);\n                 },\n-                \"CoverageSummary\": function(node, contentMetadata) {\n-                    var coverageSummary = {};\n-                    // Read the summary:\n-                    this.readChildNodes(node, coverageSummary);\n-\n-                    // Add it to the contentMetadata array:  \n-                    contentMetadata.push(coverageSummary);\n+                \"TileSet\": function(node, vendorSpecific) {\n+                    var tileset = {\n+                        srs: {},\n+                        bbox: {},\n+                        resolutions: []\n+                    };\n+                    this.readChildNodes(node, tileset);\n+                    vendorSpecific.tileSets.push(tileset);\n                 },\n-                \"Identifier\": function(node, coverageSummary) {\n-                    coverageSummary.identifier = this.getChildValue(node);\n+                \"Resolutions\": function(node, tileset) {\n+                    var res = this.getChildValue(node).split(\" \");\n+                    for (var i = 0, len = res.length; i < len; i++) {\n+                        if (res[i] != \"\") {\n+                            tileset.resolutions.push(parseFloat(res[i]));\n+                        }\n+                    }\n                 },\n-                \"Title\": function(node, coverageSummary) {\n-                    coverageSummary.title = this.getChildValue(node);\n+                \"Width\": function(node, tileset) {\n+                    tileset.width = parseInt(this.getChildValue(node));\n                 },\n-                \"Abstract\": function(node, coverageSummary) {\n-                    coverageSummary[\"abstract\"] = this.getChildValue(node);\n+                \"Height\": function(node, tileset) {\n+                    tileset.height = parseInt(this.getChildValue(node));\n                 },\n-                \"SupportedCRS\": function(node, coverageSummary) {\n-                    var crs = this.getChildValue(node);\n-                    if (crs) {\n-                        if (!coverageSummary.supportedCRS) {\n-                            coverageSummary.supportedCRS = [];\n-                        }\n-                        coverageSummary.supportedCRS.push(crs);\n-                    }\n+                \"Layers\": function(node, tileset) {\n+                    tileset.layers = this.getChildValue(node);\n                 },\n-                \"SupportedFormat\": function(node, coverageSummary) {\n-                    var format = this.getChildValue(node);\n-                    if (format) {\n-                        if (!coverageSummary.supportedFormat) {\n-                            coverageSummary.supportedFormat = [];\n-                        }\n-                        coverageSummary.supportedFormat.push(format);\n-                    }\n+                \"Styles\": function(node, tileset) {\n+                    tileset.styles = this.getChildValue(node);\n                 }\n-            }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+            }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/SOSCapabilities/v1_0_0.js\n+    OpenLayers/Format/WMSCapabilities/v1_3.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/SOSCapabilities.js\n- * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n- * @requires OpenLayers/Format/GML/v3.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SOSCapabilities.v1_0_0\n- * Read SOS Capabilities version 1.0.0.\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_3\n+ * Abstract base class for WMS Capabilities version 1.3.X. \n+ * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n+ * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n  * \n  * Inherits from:\n- *  - <OpenLayers.Format.SOSCapabilities>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1>\n  */\n-OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(\n-    OpenLayers.Format.SOSCapabilities, {\n-\n-        /**\n-         * Property: namespaces\n-         * {Object} Mapping of namespace aliases to namespace URIs.\n-         */\n-        namespaces: {\n-            ows: \"http://www.opengis.net/ows/1.1\",\n-            sos: \"http://www.opengis.net/sos/1.0\",\n-            gml: \"http://www.opengis.net/gml\",\n-            xlink: \"http://www.w3.org/1999/xlink\"\n-        },\n-\n-        /**\n-         * Property: regExes\n-         * Compiled regular expressions for manipulating strings.\n-         */\n-        regExes: {\n-            trimSpace: (/^\\s*|\\s*$/g),\n-            removeSpace: (/\\s*/g),\n-            splitSpace: (/\\s+/),\n-            trimComma: (/\\s*,\\s*/g)\n-        },\n-\n-        /**\n-         * Constructor: OpenLayers.Format.SOSCapabilities.v1_0_0\n-         * Create a new parser for SOS capabilities version 1.0.0. \n-         *\n-         * Parameters:\n-         * options - {Object} An optional object whose properties will be set on\n-         *     this instance.\n-         */\n-        initialize: function(options) {\n-            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-            this.options = options;\n-        },\n-\n-        /**\n-         * APIMethod: read\n-         * Read capabilities data from a string, and return info about the SOS.\n-         * \n-         * Parameters: \n-         * data - {String} or {DOMElement} data to read/parse.\n-         *\n-         * Returns:\n-         * {Object} Information about the SOS service.\n-         */\n-        read: function(data) {\n-            if (typeof data == \"string\") {\n-                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            }\n-            if (data && data.nodeType == 9) {\n-                data = data.documentElement;\n-            }\n-            var capabilities = {};\n-            this.readNode(data, capabilities);\n-            return capabilities;\n-        },\n+OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1, {\n \n         /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n         readers: {\n-            \"gml\": OpenLayers.Util.applyDefaults({\n-                \"name\": function(node, obj) {\n-                    obj.name = this.getChildValue(node);\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"WMS_Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n                 },\n-                \"TimePeriod\": function(node, obj) {\n-                    obj.timePeriod = {};\n-                    this.readChildNodes(node, obj.timePeriod);\n+                \"LayerLimit\": function(node, obj) {\n+                    obj.layerLimit = parseInt(this.getChildValue(node));\n                 },\n-                \"beginPosition\": function(node, timePeriod) {\n-                    timePeriod.beginPosition = this.getChildValue(node);\n+                \"MaxWidth\": function(node, obj) {\n+                    obj.maxWidth = parseInt(this.getChildValue(node));\n                 },\n-                \"endPosition\": function(node, timePeriod) {\n-                    timePeriod.endPosition = this.getChildValue(node);\n-                }\n-            }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n-            \"sos\": {\n-                \"Capabilities\": function(node, obj) {\n-                    this.readChildNodes(node, obj);\n+                \"MaxHeight\": function(node, obj) {\n+                    obj.maxHeight = parseInt(this.getChildValue(node));\n                 },\n-                \"Contents\": function(node, obj) {\n-                    obj.contents = {};\n-                    this.readChildNodes(node, obj.contents);\n+                \"BoundingBox\": function(node, obj) {\n+                    var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                    bbox.srs = node.getAttribute(\"CRS\");\n+                    obj.bbox[bbox.srs] = bbox;\n                 },\n-                \"ObservationOfferingList\": function(node, contents) {\n-                    contents.offeringList = {};\n-                    this.readChildNodes(node, contents.offeringList);\n+                \"CRS\": function(node, obj) {\n+                    // CRS is the synonym of SRS\n+                    this.readers.wms.SRS.apply(this, [node, obj]);\n                 },\n-                \"ObservationOffering\": function(node, offeringList) {\n-                    var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                    offeringList[id] = {\n-                        procedures: [],\n-                        observedProperties: [],\n-                        featureOfInterestIds: [],\n-                        responseFormats: [],\n-                        resultModels: [],\n-                        responseModes: []\n-                    };\n-                    this.readChildNodes(node, offeringList[id]);\n+                \"EX_GeographicBoundingBox\": function(node, obj) {\n+                    // replacement of LatLonBoundingBox\n+                    obj.llbbox = [];\n+                    this.readChildNodes(node, obj.llbbox);\n+\n                 },\n-                \"time\": function(node, offering) {\n-                    offering.time = {};\n-                    this.readChildNodes(node, offering.time);\n+                \"westBoundLongitude\": function(node, obj) {\n+                    obj[0] = this.getChildValue(node);\n                 },\n-                \"procedure\": function(node, offering) {\n-                    offering.procedures.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n+                \"eastBoundLongitude\": function(node, obj) {\n+                    obj[2] = this.getChildValue(node);\n                 },\n-                \"observedProperty\": function(node, offering) {\n-                    offering.observedProperties.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n+                \"southBoundLatitude\": function(node, obj) {\n+                    obj[1] = this.getChildValue(node);\n                 },\n-                \"featureOfInterest\": function(node, offering) {\n-                    offering.featureOfInterestIds.push(this.getAttributeNS(node,\n-                        this.namespaces.xlink, \"href\"));\n+                \"northBoundLatitude\": function(node, obj) {\n+                    obj[3] = this.getChildValue(node);\n                 },\n-                \"responseFormat\": function(node, offering) {\n-                    offering.responseFormats.push(this.getChildValue(node));\n+                \"MinScaleDenominator\": function(node, obj) {\n+                    obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n                 },\n-                \"resultModel\": function(node, offering) {\n-                    offering.resultModels.push(this.getChildValue(node));\n+                \"MaxScaleDenominator\": function(node, obj) {\n+                    obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16);\n                 },\n-                \"responseMode\": function(node, offering) {\n-                    offering.responseModes.push(this.getChildValue(node));\n+                \"Dimension\": function(node, obj) {\n+                    // dimension has extra attributes: default, multipleValues, \n+                    // nearestValue, current which used to be part of Extent. It now\n+                    // also contains the values.\n+                    var name = node.getAttribute(\"name\").toLowerCase();\n+                    var dim = {\n+                        name: name,\n+                        units: node.getAttribute(\"units\"),\n+                        unitsymbol: node.getAttribute(\"unitSymbol\"),\n+                        nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n+                        multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n+                        \"default\": node.getAttribute(\"default\") || \"\",\n+                        current: node.getAttribute(\"current\") === \"1\",\n+                        values: this.getChildValue(node).split(\",\")\n+\n+                    };\n+                    // Theoretically there can be more dimensions with the same\n+                    // name, but with a different unit. Until we meet such a case,\n+                    // let's just keep the same structure as the WMS 1.1 \n+                    // GetCapabilities parser uses. We will store the last\n+                    // one encountered.\n+                    obj.dimensions[dim.name] = dim;\n+                },\n+                \"Keyword\": function(node, obj) {\n+                    // TODO: should we change the structure of keyword in v1.js?\n+                    // Make it an object with a value instead of a string?\n+                    var keyword = {\n+                        value: this.getChildValue(node),\n+                        vocabulary: node.getAttribute(\"vocabulary\")\n+                    };\n+                    if (obj.keywords) {\n+                        obj.keywords.push(keyword);\n+                    }\n                 }\n-            },\n-            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+            }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n+            \"sld\": {\n+                \"UserDefinedSymbolization\": function(node, obj) {\n+                    this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n+                    // add the two extra attributes\n+                    obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n+                    obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1;\n+                },\n+                \"DescribeLayer\": function(node, obj) {\n+                    this.readers.wms.DescribeLayer.apply(this, [node, obj]);\n+                },\n+                \"GetLegendGraphic\": function(node, obj) {\n+                    this.readers.wms.GetLegendGraphic.apply(this, [node, obj]);\n+                }\n+            }\n         },\n \n-        CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/SLD/v1_0_0_GeoServer.js\n+    OpenLayers/Format/WMSCapabilities/v1_1_0.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Format/SLD/v1_0_0.js\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_1.js\n  */\n \n /**\n- * Class: OpenLayers.Format.SLD/v1_0_0_GeoServer\n- * Read and write SLD version 1.0.0 with GeoServer-specific enhanced options.\n- * See http://svn.osgeo.org/geotools/trunk/modules/extension/xsd/xsd-sld/src/main/resources/org/geotools/sld/bindings/StyledLayerDescriptor.xsd\n- * for more information.\n- *\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_1_0\n+ * Read WMS Capabilities version 1.1.0.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Format.SLD.v1_0_0>\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_1>\n  */\n-OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(\n-    OpenLayers.Format.SLD.v1_0_0, {\n+OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_1, {\n \n         /**\n          * Property: version\n          * {String} The specific parser version.\n          */\n-        version: \"1.0.0\",\n-\n-        /**\n-         * Property: profile\n-         * {String} The specific profile\n-         */\n-        profile: \"GeoServer\",\n+        version: \"1.1.0\",\n \n         /**\n-         * Constructor: OpenLayers.Format.SLD.v1_0_0_GeoServer\n-         * Create a new parser for GeoServer-enhanced SLD version 1.0.0.\n+         * Constructor: OpenLayers.Format.WMSCapabilities.v1_1_0\n+         * Create a new parser for WMS capabilities version 1.1.0.\n          *\n          * Parameters:\n          * options - {Object} An optional object whose properties will be set on\n          *     this instance.\n          */\n \n         /**\n          * Property: readers\n          * Contains public functions, grouped by namespace prefix, that will\n          *     be applied when a namespaced node is found matching the function\n          *     name.  The function will be applied in the scope of this parser\n          *     with two arguments: the node being read and a context object passed\n          *     from the parent.\n          */\n-        readers: OpenLayers.Util.applyDefaults({\n-            \"sld\": OpenLayers.Util.applyDefaults({\n-                \"Priority\": function(node, obj) {\n-                    var value = this.readers.ogc._expression.call(this, node);\n-                    if (value) {\n-                        obj.priority = value;\n-                    }\n-                },\n-                \"VendorOption\": function(node, obj) {\n-                    if (!obj.vendorOptions) {\n-                        obj.vendorOptions = {};\n-                    }\n-                    obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node);\n-                },\n-                \"TextSymbolizer\": function(node, rule) {\n-                    OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n-                    var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n-                    if (symbolizer.graphic === undefined) {\n-                        symbolizer.graphic = false;\n+        readers: {\n+            \"wms\": OpenLayers.Util.applyDefaults({\n+                \"SRS\": function(node, obj) {\n+                    var srs = this.getChildValue(node);\n+                    var values = srs.split(/ +/);\n+                    for (var i = 0, len = values.length; i < len; i++) {\n+                        obj.srs[values[i]] = true;\n                     }\n                 }\n-            }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n+            }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n+        },\n \n-        /**\n-         * Property: writers\n-         * As a compliment to the readers property, this structure contains public\n-         *     writing functions grouped by namespace alias and named like the\n-         *     node names they produce.\n-         */\n-        writers: OpenLayers.Util.applyDefaults({\n-            \"sld\": OpenLayers.Util.applyDefaults({\n-                \"Priority\": function(priority) {\n-                    return this.writers.sld._OGCExpression.call(\n-                        this, \"sld:Priority\", priority\n-                    );\n-                },\n-                \"VendorOption\": function(option) {\n-                    return this.createElementNSPlus(\"sld:VendorOption\", {\n-                        attributes: {\n-                            name: option.name\n-                        },\n-                        value: option.value\n-                    });\n-                },\n-                \"TextSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n-                    if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n-                        this.writeNode(\"Graphic\", symbolizer, node);\n-                    }\n-                    if (\"priority\" in symbolizer) {\n-                        this.writeNode(\"Priority\", symbolizer.priority, node);\n-                    }\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"PointSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"LineSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                },\n-                \"PolygonSymbolizer\": function(symbolizer) {\n-                    var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                    var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n-                    return this.addVendorOptions(node, symbolizer);\n-                }\n-            }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Format/WMSCapabilities/v1_3_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMSCapabilities/v1_3.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMSCapabilities/v1_3_0\n+ * Read WMS Capabilities version 1.3.0. \n+ * SLD 1.1.0 adds in the extra operations DescribeLayer and GetLegendGraphic, \n+ * see: http://schemas.opengis.net/sld/1.1.0/sld_capabilities.xsd\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMSCapabilities.v1_3>\n+ */\n+OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(\n+    OpenLayers.Format.WMSCapabilities.v1_3, {\n \n         /**\n-         * Method: addVendorOptions\n-         * Add in the VendorOption tags and return the node again.\n-         *\n-         * Parameters:\n-         * node - {DOMElement} A DOM node.\n-         * symbolizer - {Object}\n-         *\n-         * Returns:\n-         * {DOMElement} A DOM node.\n+         * Property: version\n+         * {String} The specific parser version.\n          */\n-        addVendorOptions: function(node, symbolizer) {\n-            var options = symbolizer.vendorOptions;\n-            if (options) {\n-                for (var key in symbolizer.vendorOptions) {\n-                    this.writeNode(\"VendorOption\", {\n-                        name: key,\n-                        value: symbolizer.vendorOptions[key]\n-                    }, node);\n-                }\n-            }\n-            return node;\n-        },\n+        version: \"1.3.0\",\n \n-        CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+        CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n \n     });\n /* ======================================================================\n-    OpenLayers/Format/CSWGetDomain/v2_0_2.js\n+    OpenLayers/Format/CSWGetRecords/v2_0_2.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n  * @requires OpenLayers/Format/XML.js\n- * @requires OpenLayers/Format/CSWGetDomain.js\n+ * @requires OpenLayers/Format/CSWGetRecords.js\n+ * @requires OpenLayers/Format/Filter/v1_0_0.js\n+ * @requires OpenLayers/Format/Filter/v1_1_0.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_0_0.js\n  */\n \n /**\n- * Class: OpenLayers.Format.CSWGetDomain.v2_0_2\n- *     A format for creating CSWGetDomain v2.0.2 transactions. \n+ * Class: OpenLayers.Format.CSWGetRecords.v2_0_2\n+ *     A format for creating CSWGetRecords v2.0.2 transactions. \n  *     Create a new instance with the\n- *     <OpenLayers.Format.CSWGetDomain.v2_0_2> constructor.\n+ *     <OpenLayers.Format.CSWGetRecords.v2_0_2> constructor.\n  *\n  * Inherits from:\n  *  - <OpenLayers.Format.XML>\n  */\n-OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n \n     /**\n      * Property: namespaces\n      * {Object} Mapping of namespace aliases to namespace URIs.\n      */\n     namespaces: {\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n+        dc: \"http://purl.org/dc/elements/1.1/\",\n+        dct: \"http://purl.org/dc/terms/\",\n+        gmd: \"http://www.isotc211.org/2005/gmd\",\n+        geonet: \"http://www.fao.org/geonetwork\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        ows: \"http://www.opengis.net/ows\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n \n     /**\n      * Property: defaultPrefix\n      * {String} The default prefix (used by Format.XML).\n      */\n     defaultPrefix: \"csw\",\n@@ -87247,43 +77281,116 @@\n      * Property: schemaLocation\n      * {String} http://www.opengis.net/cat/csw/2.0.2\n      *   http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\n      */\n     schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n \n     /**\n-     * APIProperty: PropertyName\n-     * {String} Value of the csw:PropertyName element, used when\n-     *     writing a GetDomain document.\n+     * APIProperty: requestId\n+     * {String} Value of the requestId attribute of the GetRecords element.\n      */\n-    PropertyName: null,\n+    requestId: null,\n \n     /**\n-     * APIProperty: ParameterName\n-     * {String} Value of the csw:ParameterName element, used when\n-     *     writing a GetDomain document.\n+     * APIProperty: resultType\n+     * {String} Value of the resultType attribute of the GetRecords element,\n+     *     specifies the result type in the GetRecords response, \"hits\" is\n+     *     the default.\n      */\n-    ParameterName: null,\n+    resultType: null,\n \n     /**\n-     * Constructor: OpenLayers.Format.CSWGetDomain.v2_0_2\n-     * A class for parsing and generating CSWGetDomain v2.0.2 transactions.\n+     * APIProperty: outputFormat\n+     * {String} Value of the outputFormat attribute of the GetRecords element,\n+     *     specifies the format of the GetRecords response,\n+     *     \"application/xml\" is the default.\n+     */\n+    outputFormat: null,\n+\n+    /**\n+     * APIProperty: outputSchema\n+     * {String} Value of the outputSchema attribute of the GetRecords element,\n+     *     specifies the schema of the GetRecords response.\n+     */\n+    outputSchema: null,\n+\n+    /**\n+     * APIProperty: startPosition\n+     * {String} Value of the startPosition attribute of the GetRecords element,\n+     *     specifies the start position (offset+1) for the GetRecords response,\n+     *     1 is the default.\n+     */\n+    startPosition: null,\n+\n+    /**\n+     * APIProperty: maxRecords\n+     * {String} Value of the maxRecords attribute of the GetRecords element,\n+     *     specifies the maximum number of records in the GetRecords response,\n+     *     10 is the default.\n+     */\n+    maxRecords: null,\n+\n+    /**\n+     * APIProperty: DistributedSearch\n+     * {String} Value of the csw:DistributedSearch element, used when writing\n+     *     a csw:GetRecords document.\n+     */\n+    DistributedSearch: null,\n+\n+    /**\n+     * APIProperty: ResponseHandler\n+     * {Array({String})} Values of the csw:ResponseHandler elements, used when\n+     *     writting a csw:GetRecords document.\n+     */\n+    ResponseHandler: null,\n+\n+    /**\n+     * APIProperty: Query\n+     * {String} Value of the csw:Query element, used when writing a csw:GetRecords\n+     *     document.\n+     */\n+    Query: null,\n+\n+    /**\n+     * Property: regExes\n+     * Compiled regular expressions for manipulating strings.\n+     */\n+    regExes: {\n+        trimSpace: (/^\\s*|\\s*$/g),\n+        removeSpace: (/\\s*/g),\n+        splitSpace: (/\\s+/),\n+        trimComma: (/\\s*,\\s*/g)\n+    },\n+\n+    /**\n+     * Constructor: OpenLayers.Format.CSWGetRecords.v2_0_2\n+     * A class for parsing and generating CSWGetRecords v2.0.2 transactions.\n      *\n      * Parameters:\n      * options - {Object} Optional object whose properties will be set on the\n      *     instance.\n      *\n-     * Valid options properties:\n-     * - PropertyName\n-     * - ParameterName\n+     * Valid options properties (documented as class properties):\n+     * - requestId\n+     * - resultType\n+     * - outputFormat\n+     * - outputSchema\n+     * - startPosition\n+     * - maxRecords\n+     * - DistributedSearch\n+     * - ResponseHandler\n+     * - Query\n      */\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+    },\n \n     /**\n      * APIMethod: read\n-     * Parse the response from a GetDomain request.\n+     * Parse the response from a GetRecords request.\n      */\n     read: function(data) {\n         if (typeof data == \"string\") {\n             data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n         }\n         if (data && data.nodeType == 9) {\n             data = data.documentElement;\n@@ -87299,153 +77406,9504 @@\n      *     be applied when a namespaced node is found matching the function\n      *     name.  The function will be applied in the scope of this parser\n      *     with two arguments: the node being read and a context object passed\n      *     from the parent.\n      */\n     readers: {\n         \"csw\": {\n-            \"GetDomainResponse\": function(node, obj) {\n+            \"GetRecordsResponse\": function(node, obj) {\n+                obj.records = [];\n                 this.readChildNodes(node, obj);\n+                var version = this.getAttributeNS(node, \"\", 'version');\n+                if (version != \"\") {\n+                    obj.version = version;\n+                }\n             },\n-            \"DomainValues\": function(node, obj) {\n-                if (!(OpenLayers.Util.isArray(obj.DomainValues))) {\n-                    obj.DomainValues = [];\n+            \"RequestId\": function(node, obj) {\n+                obj.RequestId = this.getChildValue(node);\n+            },\n+            \"SearchStatus\": function(node, obj) {\n+                obj.SearchStatus = {};\n+                var timestamp = this.getAttributeNS(node, \"\", 'timestamp');\n+                if (timestamp != \"\") {\n+                    obj.SearchStatus.timestamp = timestamp;\n                 }\n+            },\n+            \"SearchResults\": function(node, obj) {\n+                this.readChildNodes(node, obj);\n                 var attrs = node.attributes;\n-                var domainValue = {};\n+                var SearchResults = {};\n                 for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    domainValue[attrs[i].name] = attrs[i].nodeValue;\n+                    if ((attrs[i].name == \"numberOfRecordsMatched\") ||\n+                        (attrs[i].name == \"numberOfRecordsReturned\") ||\n+                        (attrs[i].name == \"nextRecord\")) {\n+                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue);\n+                    } else {\n+                        SearchResults[attrs[i].name] = attrs[i].nodeValue;\n+                    }\n                 }\n-                this.readChildNodes(node, domainValue);\n-                obj.DomainValues.push(domainValue);\n+                obj.SearchResults = SearchResults;\n             },\n-            \"PropertyName\": function(node, obj) {\n-                obj.PropertyName = this.getChildValue(node);\n+            \"SummaryRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"SummaryRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"ParameterName\": function(node, obj) {\n-                obj.ParameterName = this.getChildValue(node);\n+            \"BriefRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"BriefRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"ListOfValues\": function(node, obj) {\n-                if (!(OpenLayers.Util.isArray(obj.ListOfValues))) {\n-                    obj.ListOfValues = [];\n-                }\n-                this.readChildNodes(node, obj.ListOfValues);\n+            \"DCMIRecord\": function(node, obj) {\n+                var record = {\n+                    type: \"DCMIRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n             },\n-            \"Value\": function(node, obj) {\n+            \"Record\": function(node, obj) {\n+                var record = {\n+                    type: \"Record\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record);\n+            },\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                obj[name] = this.getChildValue(node);\n+            }\n+        },\n+        \"geonet\": {\n+            \"info\": function(node, obj) {\n+                var gninfo = {};\n+                this.readChildNodes(node, gninfo);\n+                obj.gninfo = gninfo;\n+            }\n+        },\n+        \"dc\": {\n+            // audience, contributor, coverage, creator, date, description, format,\n+            // identifier, language, provenance, publisher, relation, rights,\n+            // rightsHolder, source, subject, title, type, URI\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!(OpenLayers.Util.isArray(obj[name]))) {\n+                    obj[name] = [];\n+                }\n+                var dc_element = {};\n                 var attrs = node.attributes;\n-                var value = {};\n                 for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n+                    dc_element[attrs[i].name] = attrs[i].nodeValue;\n                 }\n-                value.value = this.getChildValue(node);\n-                obj.push({\n-                    Value: value\n+                dc_element.value = this.getChildValue(node);\n+                if (dc_element.value != \"\") {\n+                    obj[name].push(dc_element);\n+                }\n+            }\n+        },\n+        \"dct\": {\n+            // abstract, modified, spatial\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!(OpenLayers.Util.isArray(obj[name]))) {\n+                    obj[name] = [];\n+                }\n+                obj[name].push(this.getChildValue(node));\n+            }\n+        },\n+        \"ows\": OpenLayers.Util.applyDefaults({\n+            \"BoundingBox\": function(node, obj) {\n+                if (obj.bounds) {\n+                    obj.BoundingBox = [{\n+                        crs: obj.projection,\n+                        value: [\n+                            obj.bounds.left,\n+                            obj.bounds.bottom,\n+                            obj.bounds.right,\n+                            obj.bounds.top\n+                        ]\n+                    }];\n+                    delete obj.projection;\n+                    delete obj.bounds;\n+                }\n+                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(\n+                    this, arguments);\n+            }\n+        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n+    },\n+\n+    /**\n+     * Method: write\n+     * Given an configuration js object, write a CSWGetRecords request. \n+     *\n+     * Parameters:\n+     * options - {Object} A object mapping the request.\n+     *\n+     * Returns:\n+     * {String} A serialized CSWGetRecords request.\n+     */\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetRecords\", options);\n+        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n+    },\n+\n+    /**\n+     * Property: writers\n+     * As a compliment to the readers property, this structure contains public\n+     *     writing functions grouped by namespace alias and named like the\n+     *     node names they produce.\n+     */\n+    writers: {\n+        \"csw\": {\n+            \"GetRecords\": function(options) {\n+                if (!options) {\n+                    options = {};\n+                }\n+                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version,\n+                        requestId: options.requestId || this.requestId,\n+                        resultType: options.resultType || this.resultType,\n+                        outputFormat: options.outputFormat || this.outputFormat,\n+                        outputSchema: options.outputSchema || this.outputSchema,\n+                        startPosition: options.startPosition || this.startPosition,\n+                        maxRecords: options.maxRecords || this.maxRecords\n+                    }\n                 });\n+                if (options.DistributedSearch || this.DistributedSearch) {\n+                    this.writeNode(\n+                        \"csw:DistributedSearch\",\n+                        options.DistributedSearch || this.DistributedSearch,\n+                        node\n+                    );\n+                }\n+                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n+                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n+                    // ResponseHandler must be a non-empty array\n+                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n+                        this.writeNode(\n+                            \"csw:ResponseHandler\",\n+                            ResponseHandler[i],\n+                            node\n+                        );\n+                    }\n+                }\n+                this.writeNode(\"Query\", options.Query || this.Query, node);\n+                return node;\n             },\n-            \"ConceptualScheme\": function(node, obj) {\n-                obj.ConceptualScheme = {};\n-                this.readChildNodes(node, obj.ConceptualScheme);\n+            \"DistributedSearch\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n+                    attributes: {\n+                        hopCount: options.hopCount\n+                    }\n+                });\n+                return node;\n             },\n-            \"Name\": function(node, obj) {\n-                obj.Name = this.getChildValue(node);\n+            \"ResponseHandler\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n+                    value: options.value\n+                });\n+                return node;\n             },\n-            \"Document\": function(node, obj) {\n-                obj.Document = this.getChildValue(node);\n+            \"Query\": function(options) {\n+                if (!options) {\n+                    options = {};\n+                }\n+                var node = this.createElementNSPlus(\"csw:Query\", {\n+                    attributes: {\n+                        typeNames: options.typeNames || \"csw:Record\"\n+                    }\n+                });\n+                var ElementName = options.ElementName;\n+                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n+                    // ElementName must be a non-empty array\n+                    for (var i = 0, len = ElementName.length; i < len; i++) {\n+                        this.writeNode(\n+                            \"csw:ElementName\",\n+                            ElementName[i],\n+                            node\n+                        );\n+                    }\n+                } else {\n+                    this.writeNode(\n+                        \"csw:ElementSetName\",\n+                        options.ElementSetName || {\n+                            value: 'summary'\n+                        },\n+                        node\n+                    );\n+                }\n+                if (options.Constraint) {\n+                    this.writeNode(\n+                        \"csw:Constraint\",\n+                        options.Constraint,\n+                        node\n+                    );\n+                }\n+                if (options.SortBy) {\n+                    this.writeNode(\n+                        \"ogc:SortBy\",\n+                        options.SortBy,\n+                        node\n+                    );\n+                }\n+                return node;\n             },\n-            \"Authority\": function(node, obj) {\n-                obj.Authority = this.getChildValue(node);\n+            \"ElementName\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementName\", {\n+                    value: options.value\n+                });\n+                return node;\n             },\n-            \"RangeOfValues\": function(node, obj) {\n-                obj.RangeOfValues = {};\n-                this.readChildNodes(node, obj.RangeOfValues);\n+            \"ElementSetName\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n+                    attributes: {\n+                        typeNames: options.typeNames\n+                    },\n+                    value: options.value\n+                });\n+                return node;\n             },\n-            \"MinValue\": function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n+            \"Constraint\": function(options) {\n+                var node = this.createElementNSPlus(\"csw:Constraint\", {\n+                    attributes: {\n+                        version: options.version\n+                    }\n+                });\n+                if (options.Filter) {\n+                    var format = new OpenLayers.Format.Filter({\n+                        version: options.version\n+                    });\n+                    node.appendChild(format.write(options.Filter));\n+                } else if (options.CqlText) {\n+                    var child = this.createElementNSPlus(\"CqlText\", {\n+                        value: options.CqlText.value\n+                    });\n+                    node.appendChild(child);\n+                }\n+                return node;\n+            }\n+        },\n+        \"ogc\": OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n+});\n+/* ======================================================================\n+    OpenLayers/Format/ArcXML/Features.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/ArcXML.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.ArcXML.Features\n+ * Read/Write ArcXML features. Create a new instance with the \n+ *     <OpenLayers.Format.ArcXML.Features> constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.XML>\n+ */\n+OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n+\n+    /**\n+     * Constructor: OpenLayers.Format.ArcXML.Features\n+     * Create a new parser/writer for ArcXML Features.  Create an instance of this class\n+     * to get a set of features from an ArcXML response.\n+     *\n+     * Parameters:\n+     * options - {Object} An optional object whose properties will be set on\n+     *     this instance.\n+     */\n+\n+    /**\n+     * APIMethod: read\n+     * Read data from a string of ArcXML, and return a set of OpenLayers features. \n+     * \n+     * Parameters:\n+     * data - {String} or {DOMElement} data to read/parse.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Feature.Vector>)} A collection of features.\n+     */\n+    read: function(data) {\n+        var axl = new OpenLayers.Format.ArcXML();\n+        var parsed = axl.read(data);\n+\n+        return parsed.features.feature;\n+    }\n+});\n+/* ======================================================================\n+    OpenLayers/Format/WMTSCapabilities/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Format/WMTSCapabilities.js\n+ * @requires OpenLayers/Format/OWSCommon/v1_1_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Format.WMTSCapabilities.v1_0_0\n+ * Read WMTS Capabilities version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Format.WMTSCapabilities>\n+ */\n+OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(\n+    OpenLayers.Format.OWSCommon.v1_1_0, {\n+\n+        /**\n+         * Property: version\n+         * {String} The parser version (\"1.0.0\").\n+         */\n+        version: \"1.0.0\",\n+\n+        /**\n+         * Property: namespaces\n+         * {Object} Mapping of namespace aliases to namespace URIs.\n+         */\n+        namespaces: {\n+            ows: \"http://www.opengis.net/ows/1.1\",\n+            wmts: \"http://www.opengis.net/wmts/1.0\",\n+            xlink: \"http://www.w3.org/1999/xlink\"\n+        },\n+\n+        /**\n+         * Property: yx\n+         * {Object} Members in the yx object are used to determine if a CRS URN\n+         *     corresponds to a CRS with y,x axis order.  Member names are CRS URNs\n+         *     and values are boolean.  Defaults come from the \n+         *     <OpenLayers.Format.WMTSCapabilities> prototype.\n+         */\n+        yx: null,\n+\n+        /**\n+         * Property: defaultPrefix\n+         * {String} The default namespace alias for creating element nodes.\n+         */\n+        defaultPrefix: \"wmts\",\n+\n+        /**\n+         * Constructor: OpenLayers.Format.WMTSCapabilities.v1_0_0\n+         * Create a new parser for WMTS capabilities version 1.0.0. \n+         *\n+         * Parameters:\n+         * options - {Object} An optional object whose properties will be set on\n+         *     this instance.\n+         */\n+        initialize: function(options) {\n+            OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+            this.options = options;\n+            var yx = OpenLayers.Util.extend({}, OpenLayers.Format.WMTSCapabilities.prototype.yx);\n+            this.yx = OpenLayers.Util.extend(yx, this.yx);\n+        },\n+\n+        /**\n+         * APIMethod: read\n+         * Read capabilities data from a string, and return info about the WMTS.\n+         * \n+         * Parameters: \n+         * data - {String} or {DOMElement} data to read/parse.\n+         *\n+         * Returns:\n+         * {Object} Information about the SOS service.\n+         */\n+        read: function(data) {\n+            if (typeof data == \"string\") {\n+                data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            }\n+            if (data && data.nodeType == 9) {\n+                data = data.documentElement;\n+            }\n+            var capabilities = {};\n+            this.readNode(data, capabilities);\n+            capabilities.version = this.version;\n+            return capabilities;\n+        },\n+\n+        /**\n+         * Property: readers\n+         * Contains public functions, grouped by namespace prefix, that will\n+         *     be applied when a namespaced node is found matching the function\n+         *     name.  The function will be applied in the scope of this parser\n+         *     with two arguments: the node being read and a context object passed\n+         *     from the parent.\n+         */\n+        readers: {\n+            \"wmts\": {\n+                \"Capabilities\": function(node, obj) {\n+                    this.readChildNodes(node, obj);\n+                },\n+                \"Contents\": function(node, obj) {\n+                    obj.contents = {};\n+                    obj.contents.layers = [];\n+                    obj.contents.tileMatrixSets = {};\n+                    this.readChildNodes(node, obj.contents);\n+                },\n+                \"Layer\": function(node, obj) {\n+                    var layer = {\n+                        styles: [],\n+                        formats: [],\n+                        dimensions: [],\n+                        tileMatrixSetLinks: []\n+                    };\n+                    layer.layers = [];\n+                    this.readChildNodes(node, layer);\n+                    obj.layers.push(layer);\n+                },\n+                \"Style\": function(node, obj) {\n+                    var style = {};\n+                    style.isDefault = (node.getAttribute(\"isDefault\") === \"true\");\n+                    this.readChildNodes(node, style);\n+                    obj.styles.push(style);\n+                },\n+                \"Format\": function(node, obj) {\n+                    obj.formats.push(this.getChildValue(node));\n+                },\n+                \"TileMatrixSetLink\": function(node, obj) {\n+                    var tileMatrixSetLink = {};\n+                    this.readChildNodes(node, tileMatrixSetLink);\n+                    obj.tileMatrixSetLinks.push(tileMatrixSetLink);\n+                },\n+                \"TileMatrixSet\": function(node, obj) {\n+                    // node could be child of wmts:Contents or wmts:TileMatrixSetLink\n+                    // duck type wmts:Contents by looking for layers\n+                    if (obj.layers) {\n+                        // TileMatrixSet as object type in schema\n+                        var tileMatrixSet = {\n+                            matrixIds: []\n+                        };\n+                        this.readChildNodes(node, tileMatrixSet);\n+                        obj.tileMatrixSets[tileMatrixSet.identifier] = tileMatrixSet;\n+                    } else {\n+                        // TileMatrixSet as string type in schema\n+                        obj.tileMatrixSet = this.getChildValue(node);\n+                    }\n+                },\n+                \"TileMatrix\": function(node, obj) {\n+                    var tileMatrix = {\n+                        supportedCRS: obj.supportedCRS\n+                    };\n+                    this.readChildNodes(node, tileMatrix);\n+                    obj.matrixIds.push(tileMatrix);\n+                },\n+                \"ScaleDenominator\": function(node, obj) {\n+                    obj.scaleDenominator = parseFloat(this.getChildValue(node));\n+                },\n+                \"TopLeftCorner\": function(node, obj) {\n+                    var topLeftCorner = this.getChildValue(node);\n+                    var coords = topLeftCorner.split(\" \");\n+                    // decide on axis order for the given CRS\n+                    var yx;\n+                    if (obj.supportedCRS) {\n+                        // extract out version from URN\n+                        var crs = obj.supportedCRS.replace(\n+                            /urn:ogc:def:crs:(\\w+):.+:(\\w+)$/,\n+                            \"urn:ogc:def:crs:$1::$2\"\n+                        );\n+                        yx = !!this.yx[crs];\n+                    }\n+                    if (yx) {\n+                        obj.topLeftCorner = new OpenLayers.LonLat(\n+                            coords[1], coords[0]\n+                        );\n+                    } else {\n+                        obj.topLeftCorner = new OpenLayers.LonLat(\n+                            coords[0], coords[1]\n+                        );\n+                    }\n+                },\n+                \"TileWidth\": function(node, obj) {\n+                    obj.tileWidth = parseInt(this.getChildValue(node));\n+                },\n+                \"TileHeight\": function(node, obj) {\n+                    obj.tileHeight = parseInt(this.getChildValue(node));\n+                },\n+                \"MatrixWidth\": function(node, obj) {\n+                    obj.matrixWidth = parseInt(this.getChildValue(node));\n+                },\n+                \"MatrixHeight\": function(node, obj) {\n+                    obj.matrixHeight = parseInt(this.getChildValue(node));\n+                },\n+                \"ResourceURL\": function(node, obj) {\n+                    obj.resourceUrl = obj.resourceUrl || {};\n+                    var resourceType = node.getAttribute(\"resourceType\");\n+                    if (!obj.resourceUrls) {\n+                        obj.resourceUrls = [];\n+                    }\n+                    var resourceUrl = obj.resourceUrl[resourceType] = {\n+                        format: node.getAttribute(\"format\"),\n+                        template: node.getAttribute(\"template\"),\n+                        resourceType: resourceType\n+                    };\n+                    obj.resourceUrls.push(resourceUrl);\n+                },\n+                // not used for now, can be added in the future though\n+                /*\"Themes\": function(node, obj) {\n+                    obj.themes = [];\n+                    this.readChildNodes(node, obj.themes);\n+                },\n+                \"Theme\": function(node, obj) {\n+                    var theme = {};                \n+                    this.readChildNodes(node, theme);\n+                    obj.push(theme);\n+                },*/\n+                \"WSDL\": function(node, obj) {\n+                    obj.wsdl = {};\n+                    obj.wsdl.href = node.getAttribute(\"xlink:href\");\n+                    // TODO: other attributes of <WSDL> element                \n+                },\n+                \"ServiceMetadataURL\": function(node, obj) {\n+                    obj.serviceMetadataUrl = {};\n+                    obj.serviceMetadataUrl.href = node.getAttribute(\"xlink:href\");\n+                    // TODO: other attributes of <ServiceMetadataURL> element                \n+                },\n+                \"LegendURL\": function(node, obj) {\n+                    obj.legend = {};\n+                    obj.legend.href = node.getAttribute(\"xlink:href\");\n+                    obj.legend.format = node.getAttribute(\"format\");\n+                },\n+                \"Dimension\": function(node, obj) {\n+                    var dimension = {\n+                        values: []\n+                    };\n+                    this.readChildNodes(node, dimension);\n+                    obj.dimensions.push(dimension);\n+                },\n+                \"Default\": function(node, obj) {\n+                    obj[\"default\"] = this.getChildValue(node);\n+                },\n+                \"Value\": function(node, obj) {\n+                    obj.values.push(this.getChildValue(node));\n                 }\n-                value.value = this.getChildValue(node);\n-                obj.MinValue = value;\n             },\n-            \"MaxValue\": function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue;\n+            \"ows\": OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n+\n+    });\n+/* ======================================================================\n+    OpenLayers/Strategy/Cluster.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Cluster\n+ * Strategy for vector feature clustering.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * APIProperty: distance\n+     * {Integer} Pixel distance between features that should be considered a\n+     *     single cluster.  Default is 20 pixels.\n+     */\n+    distance: 20,\n+\n+    /**\n+     * APIProperty: threshold\n+     * {Integer} Optional threshold below which original features will be\n+     *     added to the layer instead of clusters.  For example, a threshold\n+     *     of 3 would mean that any time there are 2 or fewer features in\n+     *     a cluster, those features will be added directly to the layer instead\n+     *     of a cluster representing those features.  Default is null (which is\n+     *     equivalent to 1 - meaning that clusters may contain just one feature).\n+     */\n+    threshold: null,\n+\n+    /**\n+     * Property: features\n+     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n+     */\n+    features: null,\n+\n+    /**\n+     * Property: clusters\n+     * {Array(<OpenLayers.Feature.Vector>)} Calculated clusters.\n+     */\n+    clusters: null,\n+\n+    /**\n+     * Property: clustering\n+     * {Boolean} The strategy is currently clustering features.\n+     */\n+    clustering: false,\n+\n+    /**\n+     * Property: resolution\n+     * {Float} The resolution (map units per pixel) of the current cluster set.\n+     */\n+    resolution: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Cluster\n+     * Create a new clustering strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                \"featuresremoved\": this.clearCache,\n+                \"moveend\": this.cluster,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                \"featuresremoved\": this.clearCache,\n+                \"moveend\": this.cluster,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: cacheFeatures\n+     * Cache features before they are added to the layer.\n+     *\n+     * Parameters:\n+     * event - {Object} The event that this was listening for.  This will come\n+     *     with a batch of features to be clustered.\n+     *     \n+     * Returns:\n+     * {Boolean} False to stop features from being added to the layer.\n+     */\n+    cacheFeatures: function(event) {\n+        var propagate = true;\n+        if (!this.clustering) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.cluster();\n+            propagate = false;\n+        }\n+        return propagate;\n+    },\n+\n+    /**\n+     * Method: clearCache\n+     * Clear out the cached features.\n+     */\n+    clearCache: function() {\n+        if (!this.clustering) {\n+            this.features = null;\n+        }\n+    },\n+\n+    /**\n+     * Method: cluster\n+     * Cluster features based on some threshold distance.\n+     *\n+     * Parameters:\n+     * event - {Object} The event received when cluster is called as a\n+     *     result of a moveend event.\n+     */\n+    cluster: function(event) {\n+        if ((!event || event.zoomChanged) && this.features) {\n+            var resolution = this.layer.map.getResolution();\n+            if (resolution != this.resolution || !this.clustersExist()) {\n+                this.resolution = resolution;\n+                var clusters = [];\n+                var feature, clustered, cluster;\n+                for (var i = 0; i < this.features.length; ++i) {\n+                    feature = this.features[i];\n+                    if (feature.geometry) {\n+                        clustered = false;\n+                        for (var j = clusters.length - 1; j >= 0; --j) {\n+                            cluster = clusters[j];\n+                            if (this.shouldCluster(cluster, feature)) {\n+                                this.addToCluster(cluster, feature);\n+                                clustered = true;\n+                                break;\n+                            }\n+                        }\n+                        if (!clustered) {\n+                            clusters.push(this.createCluster(this.features[i]));\n+                        }\n+                    }\n+                }\n+                this.clustering = true;\n+                this.layer.removeAllFeatures();\n+                this.clustering = false;\n+                if (clusters.length > 0) {\n+                    if (this.threshold > 1) {\n+                        var clone = clusters.slice();\n+                        clusters = [];\n+                        var candidate;\n+                        for (var i = 0, len = clone.length; i < len; ++i) {\n+                            candidate = clone[i];\n+                            if (candidate.attributes.count < this.threshold) {\n+                                Array.prototype.push.apply(clusters, candidate.cluster);\n+                            } else {\n+                                clusters.push(candidate);\n+                            }\n+                        }\n+                    }\n+                    this.clustering = true;\n+                    // A legitimate feature addition could occur during this\n+                    // addFeatures call.  For clustering to behave well, features\n+                    // should be removed from a layer before requesting a new batch.\n+                    this.layer.addFeatures(clusters);\n+                    this.clustering = false;\n+                }\n+                this.clusters = clusters;\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: clustersExist\n+     * Determine whether calculated clusters are already on the layer.\n+     *\n+     * Returns:\n+     * {Boolean} The calculated clusters are already on the layer.\n+     */\n+    clustersExist: function() {\n+        var exist = false;\n+        if (this.clusters && this.clusters.length > 0 &&\n+            this.clusters.length == this.layer.features.length) {\n+            exist = true;\n+            for (var i = 0; i < this.clusters.length; ++i) {\n+                if (this.clusters[i] != this.layer.features[i]) {\n+                    exist = false;\n+                    break;\n                 }\n-                value.value = this.getChildValue(node);\n-                obj.MaxValue = value;\n             }\n         }\n+        return exist;\n+    },\n+\n+    /**\n+     * Method: shouldCluster\n+     * Determine whether to include a feature in a given cluster.\n+     *\n+     * Parameters:\n+     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n+     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     *\n+     * Returns:\n+     * {Boolean} The feature should be included in the cluster.\n+     */\n+    shouldCluster: function(cluster, feature) {\n+        var cc = cluster.geometry.getBounds().getCenterLonLat();\n+        var fc = feature.geometry.getBounds().getCenterLonLat();\n+        var distance = (\n+            Math.sqrt(\n+                Math.pow((cc.lon - fc.lon), 2) + Math.pow((cc.lat - fc.lat), 2)\n+            ) / this.resolution\n+        );\n+        return (distance <= this.distance);\n+    },\n+\n+    /**\n+     * Method: addToCluster\n+     * Add a feature to a cluster.\n+     *\n+     * Parameters:\n+     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n+     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     */\n+    addToCluster: function(cluster, feature) {\n+        cluster.cluster.push(feature);\n+        cluster.attributes.count += 1;\n     },\n \n-    /**\n-     * APIMethod: write\n-     * Given an configuration js object, write a CSWGetDomain request. \n-     *\n-     * Parameters:\n-     * options - {Object} A object mapping the request.\n-     *\n-     * Returns:\n-     * {String} A serialized CSWGetDomain request.\n-     */\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetDomain\", options);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node]);\n-    },\n+    /**\n+     * Method: createCluster\n+     * Given a feature, create a cluster.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector>} A cluster.\n+     */\n+    createCluster: function(feature) {\n+        var center = feature.geometry.getBounds().getCenterLonLat();\n+        var cluster = new OpenLayers.Feature.Vector(\n+            new OpenLayers.Geometry.Point(center.lon, center.lat), {\n+                count: 1\n+            }\n+        );\n+        cluster.cluster = [feature];\n+        return cluster;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Fixed.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Fixed\n+ * A simple strategy that requests features once and never requests new data.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * APIProperty: preload\n+     * {Boolean} Load data before layer made visible. Enabling this may result\n+     *   in considerable overhead if your application loads many data layers\n+     *   that are not visible by default. Default is false.\n+     */\n+    preload: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Fixed\n+     * Create a new Fixed strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * Method: activate\n+     * Activate the strategy: load data or add listener to load when visible\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"refresh\": this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load();\n+            } else {\n+                this.layer.events.on({\n+                    \"visibilitychanged\": this.load,\n+                    scope: this\n+                });\n+            }\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Deactivate the strategy.  Undo what is done in <activate>.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"refresh\": this.load,\n+                \"visibilitychanged\": this.load,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: load\n+     * Tells protocol to load data and unhooks the visibilitychanged event\n+     *\n+     * Parameters:\n+     * options - {Object} options to pass to protocol read.\n+     */\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            \"visibilitychanged\": this.load,\n+            scope: this\n+        });\n+    },\n+\n+    /**\n+     * Method: merge\n+     * Add all features to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n+     */\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local);\n+                    }\n+                }\n+            }\n+            layer.addFeatures(features);\n+        }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/BBOX.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Filter/Spatial.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.BBOX\n+ * A simple strategy that reads new features when the viewport invalidates\n+ *     some bounds.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * Property: bounds\n+     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n+     *     as the layer - not always the same projection as the map).\n+     */\n+    bounds: null,\n+\n+    /** \n+     * Property: resolution \n+     * {Float} The current data resolution. \n+     */\n+    resolution: null,\n+\n+    /**\n+     * APIProperty: ratio\n+     * {Float} The ratio of the data bounds to the viewport bounds (in each\n+     *     dimension).  Default is 2.\n+     */\n+    ratio: 2,\n+\n+    /** \n+     * Property: resFactor \n+     * {Float} Optional factor used to determine when previously requested \n+     *     features are invalid.  If set, the resFactor will be compared to the\n+     *     resolution of the previous request to the current map resolution.\n+     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n+     *     set a resFactor of 1, data will be requested every time the\n+     *     resolution changes.  If you set a resFactor of 3, data will be\n+     *     requested if the old resolution is 3 times the new, or if the new is\n+     *     3 times the old.  If the old bounds do not contain the new bounds\n+     *     new data will always be requested (with or without considering\n+     *     resFactor). \n+     */\n+    resFactor: null,\n+\n+    /**\n+     * Property: response\n+     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n+     *      by the layer protocol.\n+     */\n+    response: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.BBOX\n+     * Create a new BBOX strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * Method: activate\n+     * Set up strategy with regard to reading new batches of remote data.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n+            this.update();\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * Method: deactivate\n+     * Tear down strategy with regard to reading new batches of remote data.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                \"moveend\": this.update,\n+                \"refresh\": this.update,\n+                \"visibilitychanged\": this.update,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: update\n+     * Callback function called on \"moveend\" or \"refresh\" layer events.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will determine\n+     *     the behaviour of this Strategy\n+     *\n+     * Valid options include:\n+     * force - {Boolean} if true, new data must be unconditionally read.\n+     * noAbort - {Boolean} if true, do not abort previous requests.\n+     */\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && ((options && options.force) ||\n+                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options);\n+        }\n+    },\n+\n+    /**\n+     * Method: getMapBounds\n+     * Get the map bounds expressed in the same projection as this layer.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n+     */\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null;\n+        }\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(\n+                this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(\n+                this.layer.map.getProjectionObject(), this.layer.projection\n+            );\n+        }\n+        return bounds;\n+    },\n+\n+    /**\n+     * Method: invalidBounds\n+     * Determine whether the previously requested set of features is invalid. \n+     *     This occurs when the new map bounds do not contain the previously \n+     *     requested bounds.  In addition, if <resFactor> is set, it will be \n+     *     considered.\n+     *\n+     * Parameters:\n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n+     *\n+     * Returns:\n+     * {Boolean} \n+     */\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n+        }\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n+        }\n+        return invalid;\n+    },\n+\n+    /**\n+     * Method: calculateBounds\n+     *\n+     * Parameters:\n+     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n+     *      retrieved from the map object if not provided\n+     */\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds();\n+        }\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(\n+            center.lon - (dataWidth / 2),\n+            center.lat - (dataHeight / 2),\n+            center.lon + (dataWidth / 2),\n+            center.lat + (dataHeight / 2)\n+        );\n+    },\n+\n+    /**\n+     * Method: triggerRead\n+     *\n+     * Parameters:\n+     * options - {Object} Additional options for the protocol's read method \n+     *     (optional)\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} The protocol response object\n+     *      returned by the layer protocol.\n+     */\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\");\n+        }\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(\n+            OpenLayers.Util.applyDefaults({\n+                filter: evt.filter,\n+                callback: this.merge,\n+                scope: this\n+            }, options));\n+    },\n+\n+    /**\n+     * Method: createFilter\n+     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n+     * to has a filter property, this filter will be combined with the BBOX \n+     * filter.\n+     * \n+     * Returns\n+     * {<OpenLayers.Filter>} The filter object.\n+     */\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n+        });\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            });\n+        }\n+        return filter;\n+    },\n+\n+    /**\n+     * Method: merge\n+     * Given a list of features, determine which ones to add to the layer.\n+     *     If the layer projection differs from the map projection, features\n+     *     will be transformed from the layer projection to the map projection.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n+     *      by the protocol.\n+     */\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local);\n+                        }\n+                    }\n+                }\n+                this.layer.addFeatures(features);\n+            }\n+        } else {\n+            this.bounds = null;\n+        }\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        });\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Paging.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Paging\n+ * Strategy for vector feature paging\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * Property: features\n+     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n+     */\n+    features: null,\n+\n+    /**\n+     * Property: length\n+     * {Integer} Number of features per page.  Default is 10.\n+     */\n+    length: 10,\n+\n+    /**\n+     * Property: num\n+     * {Integer} The currently displayed page number.\n+     */\n+    num: null,\n+\n+    /**\n+     * Property: paging\n+     * {Boolean} The strategy is currently changing pages.\n+     */\n+    paging: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Paging\n+     * Create a new paging strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.cacheFeatures,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: cacheFeatures\n+     * Cache features before they are added to the layer.\n+     *\n+     * Parameters:\n+     * event - {Object} The event that this was listening for.  This will come\n+     *     with a batch of features to be paged.\n+     */\n+    cacheFeatures: function(event) {\n+        if (!this.paging) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.pageNext(event);\n+        }\n+    },\n+\n+    /**\n+     * Method: clearCache\n+     * Clear out the cached features.  This destroys features, assuming\n+     *     nothing else has a reference.\n+     */\n+    clearCache: function() {\n+        if (this.features) {\n+            for (var i = 0; i < this.features.length; ++i) {\n+                this.features[i].destroy();\n+            }\n+        }\n+        this.features = null;\n+        this.num = null;\n+    },\n+\n+    /**\n+     * APIMethod: pageCount\n+     * Get the total count of pages given the current cache of features.\n+     *\n+     * Returns:\n+     * {Integer} The page count.\n+     */\n+    pageCount: function() {\n+        var numFeatures = this.features ? this.features.length : 0;\n+        return Math.ceil(numFeatures / this.length);\n+    },\n+\n+    /**\n+     * APIMethod: pageNum\n+     * Get the zero based page number.\n+     *\n+     * Returns:\n+     * {Integer} The current page number being displayed.\n+     */\n+    pageNum: function() {\n+        return this.num;\n+    },\n+\n+    /**\n+     * APIMethod: pageLength\n+     * Gets or sets page length.\n+     *\n+     * Parameters:\n+     * newLength - {Integer} Optional length to be set.\n+     *\n+     * Returns:\n+     * {Integer} The length of a page (number of features per page).\n+     */\n+    pageLength: function(newLength) {\n+        if (newLength && newLength > 0) {\n+            this.length = newLength;\n+        }\n+        return this.length;\n+    },\n+\n+    /**\n+     * APIMethod: pageNext\n+     * Display the next page of features.\n+     *\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n+     */\n+    pageNext: function(event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = -1;\n+            }\n+            var start = (this.num + 1) * this.length;\n+            changed = this.page(start, event);\n+        }\n+        return changed;\n+    },\n+\n+    /**\n+     * APIMethod: pagePrevious\n+     * Display the previous page of features.\n+     *\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n+     */\n+    pagePrevious: function() {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = this.pageCount();\n+            }\n+            var start = (this.num - 1) * this.length;\n+            changed = this.page(start);\n+        }\n+        return changed;\n+    },\n+\n+    /**\n+     * Method: page\n+     * Display the page starting at the given index from the cache.\n+     *\n+     * Returns:\n+     * {Boolean} A new page was displayed.\n+     */\n+    page: function(start, event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (start >= 0 && start < this.features.length) {\n+                var num = Math.floor(start / this.length);\n+                if (num != this.num) {\n+                    this.paging = true;\n+                    var features = this.features.slice(start, start + this.length);\n+                    this.layer.removeFeatures(this.layer.features);\n+                    this.num = num;\n+                    // modify the event if any\n+                    if (event && event.features) {\n+                        // this.was called by an event listener\n+                        event.features = features;\n+                    } else {\n+                        // this was called directly on the strategy\n+                        this.layer.addFeatures(features);\n+                    }\n+                    this.paging = false;\n+                    changed = true;\n+                }\n+            }\n+        }\n+        return changed;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Save.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Save\n+ * A strategy that commits newly created or modified features.  By default\n+ *     the strategy waits for a call to <save> before persisting changes.  By\n+ *     configuring the strategy with the <auto> option, changes can be saved\n+ *     automatically.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * APIProperty: events\n+     * {<OpenLayers.Events>} An events object that handles all \n+     *     events on the strategy object.\n+     *\n+     * Register a listener for a particular event with the following syntax:\n+     * (code)\n+     * strategy.events.register(type, obj, listener);\n+     * (end)\n+     *\n+     * Supported event types:\n+     * start - Triggered before saving\n+     * success - Triggered after a successful transaction\n+     * fail - Triggered after a failed transaction\n+     * \n+     */\n+\n+    /** \n+     * Property: events\n+     * {<OpenLayers.Events>} Events instance for triggering this protocol\n+     *    events.\n+     */\n+    events: null,\n+\n+    /**\n+     * APIProperty: auto\n+     * {Boolean | Number} Auto-save.  Default is false.  If true, features will be\n+     *     saved immediately after being added to the layer and with each\n+     *     modification or deletion.  If auto is a number, features will be\n+     *     saved on an interval provided by the value (in seconds).\n+     */\n+    auto: false,\n+\n+    /**\n+     * Property: timer\n+     * {Number} The id of the timer.\n+     */\n+    timer: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Save\n+     * Create a new Save strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n+        this.events = new OpenLayers.Events(this);\n+    },\n+\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    this.timer = window.setInterval(\n+                        OpenLayers.Function.bind(this.save, this),\n+                        this.auto * 1000\n+                    );\n+                } else {\n+                    this.layer.events.on({\n+                        \"featureadded\": this.triggerSave,\n+                        \"afterfeaturemodified\": this.triggerSave,\n+                        scope: this\n+                    });\n+                }\n+            }\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} The strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    window.clearInterval(this.timer);\n+                } else {\n+                    this.layer.events.un({\n+                        \"featureadded\": this.triggerSave,\n+                        \"afterfeaturemodified\": this.triggerSave,\n+                        scope: this\n+                    });\n+                }\n+            }\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: triggerSave\n+     * Registered as a listener.  Calls save if a feature has insert, update,\n+     *     or delete state.\n+     *\n+     * Parameters:\n+     * event - {Object} The event this function is listening for.\n+     */\n+    triggerSave: function(event) {\n+        var feature = event.feature;\n+        if (feature.state === OpenLayers.State.INSERT ||\n+            feature.state === OpenLayers.State.UPDATE ||\n+            feature.state === OpenLayers.State.DELETE) {\n+            this.save([event.feature]);\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: save\n+     * Tell the layer protocol to commit unsaved features.  If the layer\n+     *     projection differs from the map projection, features will be\n+     *     transformed into the layer projection before being committed.\n+     *\n+     * Parameters:\n+     * features - {Array} Features to be saved.  If null, then default is all\n+     *     features in the layer.  Features are assumed to be in the map\n+     *     projection.\n+     */\n+    save: function(features) {\n+        if (!features) {\n+            features = this.layer.features;\n+        }\n+        this.events.triggerEvent(\"start\", {\n+            features: features\n+        });\n+        var remote = this.layer.projection;\n+        var local = this.layer.map.getProjectionObject();\n+        if (!local.equals(remote)) {\n+            var len = features.length;\n+            var clones = new Array(len);\n+            var orig, clone;\n+            for (var i = 0; i < len; ++i) {\n+                orig = features[i];\n+                clone = orig.clone();\n+                clone.fid = orig.fid;\n+                clone.state = orig.state;\n+                if (orig.url) {\n+                    clone.url = orig.url;\n+                }\n+                clone._original = orig;\n+                clone.geometry.transform(local, remote);\n+                clones[i] = clone;\n+            }\n+            features = clones;\n+        }\n+        this.layer.protocol.commit(features, {\n+            callback: this.onCommit,\n+            scope: this\n+        });\n+    },\n+\n+    /**\n+     * Method: onCommit\n+     * Called after protocol commit.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} A response object.\n+     */\n+    onCommit: function(response) {\n+        var evt = {\n+            \"response\": response\n+        };\n+        if (response.success()) {\n+            var features = response.reqFeatures;\n+            // deal with inserts, updates, and deletes\n+            var state, feature;\n+            var destroys = [];\n+            var insertIds = response.insertIds || [];\n+            var j = 0;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                // if projection was different, we may be dealing with clones\n+                feature = feature._original || feature;\n+                state = feature.state;\n+                if (state) {\n+                    if (state == OpenLayers.State.DELETE) {\n+                        destroys.push(feature);\n+                    } else if (state == OpenLayers.State.INSERT) {\n+                        feature.fid = insertIds[j];\n+                        ++j;\n+                    }\n+                    feature.state = null;\n+                }\n+            }\n+\n+            if (destroys.length > 0) {\n+                this.layer.destroyFeatures(destroys);\n+            }\n+\n+            this.events.triggerEvent(\"success\", evt);\n+\n+        } else {\n+            this.events.triggerEvent(\"fail\", evt);\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Filter.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Filter.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Filter\n+ * Strategy for limiting features that get added to a layer by \n+ *     evaluating a filter.  The strategy maintains a cache of\n+ *     all features until removeFeatures is called on the layer.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * APIProperty: filter\n+     * {<OpenLayers.Filter>}  Filter for limiting features sent to the layer.\n+     *     Use the <setFilter> method to update this filter after construction.\n+     */\n+    filter: null,\n+\n+    /**\n+     * Property: cache\n+     * {Array(<OpenLayers.Feature.Vector>)} List of currently cached\n+     *     features.\n+     */\n+    cache: null,\n+\n+    /**\n+     * Property: caching\n+     * {Boolean} The filter is currently caching features.\n+     */\n+    caching: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Filter\n+     * Create a new filter strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     *     By default, this strategy automatically activates itself when a layer\n+     *     is added to a map.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated or false if\n+     *      the strategy was already active.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.cache = [];\n+            this.layer.events.on({\n+                \"beforefeaturesadded\": this.handleAdd,\n+                \"beforefeaturesremoved\": this.handleRemove,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy.  Clear the feature cache.\n+     *\n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated or false if\n+     *      the strategy was already inactive.\n+     */\n+    deactivate: function() {\n+        this.cache = null;\n+        if (this.layer && this.layer.events) {\n+            this.layer.events.un({\n+                \"beforefeaturesadded\": this.handleAdd,\n+                \"beforefeaturesremoved\": this.handleRemove,\n+                scope: this\n+            });\n+        }\n+        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments);\n+    },\n+\n+    /**\n+     * Method: handleAdd\n+     */\n+    handleAdd: function(event) {\n+        if (!this.caching && this.filter) {\n+            var features = event.features;\n+            event.features = [];\n+            var feature;\n+            for (var i = 0, ii = features.length; i < ii; ++i) {\n+                feature = features[i];\n+                if (this.filter.evaluate(feature)) {\n+                    event.features.push(feature);\n+                } else {\n+                    this.cache.push(feature);\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: handleRemove\n+     */\n+    handleRemove: function(event) {\n+        if (!this.caching) {\n+            this.cache = [];\n+        }\n+    },\n+\n+    /** \n+     * APIMethod: setFilter\n+     * Update the filter for this strategy.  This will re-evaluate\n+     *     any features on the layer and in the cache.  Only features\n+     *     for which filter.evalute(feature) returns true will be\n+     *     added to the layer.  Others will be cached by the strategy.\n+     *\n+     * Parameters:\n+     * filter - {<OpenLayers.Filter>} A filter for evaluating features.\n+     */\n+    setFilter: function(filter) {\n+        this.filter = filter;\n+        var previousCache = this.cache;\n+        this.cache = [];\n+        // look through layer for features to remove from layer\n+        this.handleAdd({\n+            features: this.layer.features\n+        });\n+        // cache now contains features to remove from layer\n+        if (this.cache.length > 0) {\n+            this.caching = true;\n+            this.layer.removeFeatures(this.cache.slice());\n+            this.caching = false;\n+        }\n+        // now look through previous cache for features to add to layer\n+        if (previousCache.length > 0) {\n+            var event = {\n+                features: previousCache\n+            };\n+            this.handleAdd(event);\n+            if (event.features.length > 0) {\n+                // event has features to add to layer\n+                this.caching = true;\n+                this.layer.addFeatures(event.features);\n+                this.caching = false;\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Strategy/Refresh.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Strategy.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Strategy.Refresh\n+ * A strategy that refreshes the layer. By default the strategy waits for a\n+ *     call to <refresh> before refreshing.  By configuring the strategy with \n+ *     the <interval> option, refreshing can take place automatically.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Strategy>\n+ */\n+OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n+\n+    /**\n+     * Property: force\n+     * {Boolean} Force a refresh on the layer. Default is false.\n+     */\n+    force: false,\n+\n+    /**\n+     * Property: interval\n+     * {Number} Auto-refresh. Default is 0.  If > 0, layer will be refreshed \n+     *     every N milliseconds.\n+     */\n+    interval: 0,\n+\n+    /**\n+     * Property: timer\n+     * {Number} The id of the timer.\n+     */\n+    timer: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Strategy.Refresh\n+     * Create a new Refresh strategy.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+\n+    /**\n+     * APIMethod: activate\n+     * Activate the strategy. Register any listeners, do appropriate setup.\n+     * \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully activated.\n+     */\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.layer.visibility === true) {\n+                this.start();\n+            }\n+            this.layer.events.on({\n+                \"visibilitychanged\": this.reset,\n+                scope: this\n+            });\n+        }\n+        return activated;\n+    },\n+\n+    /**\n+     * APIMethod: deactivate\n+     * Deactivate the strategy. Unregister any listeners, do appropriate\n+     *     tear-down.\n+     * \n+     * Returns:\n+     * {Boolean} True if the strategy was successfully deactivated.\n+     */\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.stop();\n+            this.layer.events.un({\n+                \"visibilitychanged\": this.reset,\n+                scope: this\n+            });\n+        }\n+        return deactivated;\n+    },\n+\n+    /**\n+     * Method: reset\n+     * Start or cancel the refresh interval depending on the visibility of \n+     *     the layer.\n+     */\n+    reset: function() {\n+        if (this.layer.visibility === true) {\n+            this.start();\n+        } else {\n+            this.stop();\n+        }\n+    },\n+\n+    /**\n+     * Method: start\n+     * Start the refresh interval. \n+     */\n+    start: function() {\n+        if (this.interval && typeof this.interval === \"number\" &&\n+            this.interval > 0) {\n+\n+            this.timer = window.setInterval(\n+                OpenLayers.Function.bind(this.refresh, this),\n+                this.interval);\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: refresh\n+     * Tell the strategy to refresh which will refresh the layer.\n+     */\n+    refresh: function() {\n+        if (this.layer && this.layer.refresh &&\n+            typeof this.layer.refresh == \"function\") {\n+\n+            this.layer.refresh({\n+                force: this.force\n+            });\n+        }\n+    },\n+\n+    /**\n+     * Method: stop\n+     * Cancels the refresh interval. \n+     */\n+    stop: function() {\n+        if (this.timer !== null) {\n+            window.clearInterval(this.timer);\n+            this.timer = null;\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/lt.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"lt\"]\n+ * Dictionary for Lithuanian.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang['lt'] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Neapdorota u\u017eklausa gra\u017eino ${statusText}\",\n+\n+    'Permalink': \"Pastovi nuoroda\",\n+\n+    'Overlays': \"Papildomi sluoksniai\",\n+\n+    'Base Layer': \"Pagrindinis sluoksnis\",\n+\n+    'noFID': \"Negaliu atnaujinti objekto, kuris neturi FID.\",\n+\n+    'browserNotSupported': \"J\u016bs\u0173 nar\u0161ykl\u0117 nemoka parodyti vektori\u0173. \u0160iuo metu galima naudotis tokiais rodymo varikliais:\\n{renderers}\",\n+\n+    'commitSuccess': \"WFS Tranzakcija: PAVYKO ${response}\",\n+\n+    'commitFailed': \"WFS Tranzakcija: \u017dLUGO ${response}\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Mastelis = 1 : ${scaleDenom}\",\n+\n+    //labels for the graticule control\n+    'W': 'V',\n+    'E': 'R',\n+    'N': '\u0160',\n+    'S': 'P',\n+    'Graticule': 'Tinklelis',\n+\n+    // console message\n+    'methodDeprecated': \"\u0160is metodas yra pasen\u0119s ir 3.0 versijoje bus pa\u0161alintas. \" +\n+        \"Pra\u0161ome naudoti ${newMethod}.\",\n+\n+    // **** end ****\n+    'end': ''\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/en.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"en\"]\n+ * Dictionary for English.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang.en = {\n+\n+    'unhandledRequest': \"Unhandled request return ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Base Layer\",\n+\n+    'noFID': \"Can't update a feature for which there is no FID.\",\n+\n+    'browserNotSupported': \"Your browser does not support vector rendering. Currently supported renderers are:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"The minZoomLevel property is only intended for use \" +\n+        \"with the FixedZoomLevels-descendent layers. That this \" +\n+        \"wfs layer checks for minZoomLevel is a relic of the\" +\n+        \"past. We cannot, however, remove it without possibly \" +\n+        \"breaking OL based applications that may depend on it.\" +\n+        \" Therefore we are deprecating it -- the minZoomLevel \" +\n+        \"check below will be removed at 3.0. Please instead \" +\n+        \"use min/max resolution setting as described here: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS Transaction: SUCCESS ${response}\",\n+\n+    'commitFailed': \"WFS Transaction: FAILED ${response}\",\n+\n+    'googleWarning': \"The Google Layer was unable to load correctly.<br><br>\" +\n+        \"To get rid of this message, select a new BaseLayer \" +\n+        \"in the layer switcher in the upper-right corner.<br><br>\" +\n+        \"Most likely, this is because the Google Maps library \" +\n+        \"script was either not included, or does not contain the \" +\n+        \"correct API key for your site.<br><br>\" +\n+        \"Developers: For help getting this working correctly, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>click here</a>\",\n+\n+    'getLayerWarning': \"The ${layerType} Layer was unable to load correctly.<br><br>\" +\n+        \"To get rid of this message, select a new BaseLayer \" +\n+        \"in the layer switcher in the upper-right corner.<br><br>\" +\n+        \"Most likely, this is because the ${layerLib} library \" +\n+        \"script was not correctly included.<br><br>\" +\n+        \"Developers: For help getting this working correctly, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>click here</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Scale = 1 : ${scaleDenom}\",\n+\n+    //labels for the graticule control\n+    'W': 'W',\n+    'E': 'E',\n+    'N': 'N',\n+    'S': 'S',\n+    'Graticule': 'Graticule',\n+\n+    // console message\n+    'reprojectDeprecated': \"You are using the 'reproject' option \" +\n+        \"on the ${layerName} layer. This option is deprecated: \" +\n+        \"its use was designed to support displaying data over commercial \" +\n+        \"basemaps, but that functionality should now be achieved by using \" +\n+        \"Spherical Mercator support. More information is available from \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"This method has been deprecated and will be removed in 3.0. \" +\n+        \"Please use ${newMethod} instead.\",\n+\n+    // **** end ****\n+    'end': ''\n+\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/ia.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - McDutchie\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ia\"]\n+ * Dictionary for Interlingua.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"ia\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Le responsa a un requesta non esseva maneate: ${statusText}\",\n+\n+    'Permalink': \"Permaligamine\",\n+\n+    'Overlays': \"Superpositiones\",\n+\n+    'Base Layer': \"Strato de base\",\n+\n+    'noFID': \"Non pote actualisar un elemento sin FID.\",\n+\n+    'browserNotSupported': \"Tu navigator non supporta le rendition de vectores. Le renditores actualmente supportate es:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Le proprietate minZoomLevel es solmente pro uso con le stratos descendente de FixedZoomLevels. Le facto que iste strato WFS verifica minZoomLevel es un reliquia del passato. Nonobstante, si nos lo remove immediatemente, nos pote rumper applicationes a base de OL que depende de illo. Ergo nos lo declara obsolete; le verification de minZoomLevel in basso essera removite in version 3.0. Per favor usa in su loco le configuration de resolutiones min/max como describite a: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transaction WFS: SUCCESSO ${response}\",\n+\n+    'commitFailed': \"Transaction WFS: FALLEVA ${response}\",\n+\n+    'googleWarning': \"Le strato Google non poteva esser cargate correctemente.\\x3cbr\\x3e\\x3cbr\\x3ePro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.\\x3cbr\\x3e\\x3cbr\\x3eMulto probabilemente, isto es proque le script del libreria de Google Maps non esseva includite o non contine le clave API correcte pro tu sito.\\x3cbr\\x3e\\x3cbr\\x3eDisveloppatores: Pro adjuta de corriger isto, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclicca hic\\x3c/a\",\n+\n+    'getLayerWarning': \"Le strato ${layerType} non poteva esser cargate correctemente.\\x3cbr\\x3e\\x3cbr\\x3ePro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.\\x3cbr\\x3e\\x3cbr\\x3eMulto probabilemente, isto es proque le script del libreria de ${layerLib} non esseva correctemente includite.\\x3cbr\\x3e\\x3cbr\\x3eDisveloppatores: Pro adjuta de corriger isto, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclicca hic\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Scala = 1 : ${scaleDenom}\",\n+\n+    'W': \"W\",\n+\n+    'E': \"E\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Tu usa le option \\'reproject\\' in le strato ${layerName} layer. Iste option es obsolescente: illo esseva pro poter monstrar datos super cartas de base commercial, ma iste functionalitate pote ora esser attingite con le uso de Spherical Mercator. Ulterior information es disponibile a http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Iste methodo ha essite declarate obsolescente e essera removite in version 3.0. Per favor usa ${newMethod} in su loco.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/sv-SE.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Sannab\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"sv\"]\n+ * Dictionary for Svenska.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"sv\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Ej hanterad fr\u00e5ga retur ${statusText}\",\n+\n+    'Permalink': \"Permal\u00e4nk\",\n+\n+    'Overlays': \"Kartlager\",\n+\n+    'Base Layer': \"Bakgrundskarta\",\n+\n+    'noFID': \"Kan ej uppdatera feature (objekt) f\u00f6r vilket FID saknas.\",\n+\n+    'browserNotSupported': \"Din webbl\u00e4sare st\u00f6der inte vektorvisning. F\u00f6r n\u00e4rvarande st\u00f6ds f\u00f6ljande visning:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Egenskapen minZoomLevel \u00e4r endast avsedd att anv\u00e4ndas med lager med FixedZoomLevels. Att detta WFS-lager kontrollerar minZoomLevel \u00e4r en relik fr\u00e5n \u00e4ldre versioner. Vi kan dock inte ta bort det utan att riskera att OL-baserade till\u00e4mpningar som anv\u00e4nder detta slutar fungera. D\u00e4rf\u00f6r \u00e4r det satt som deprecated, minZoomLevel kommer att tas bort i version 3.0. Anv\u00e4nd i st\u00e4llet inst\u00e4llning av min/max resolution som beskrivs h\u00e4r: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-transaktion: LYCKADES ${response}\",\n+\n+    'commitFailed': \"WFS-transaktion: MISSLYCKADES ${response}\",\n+\n+    'googleWarning': \"Google-lagret kunde inte laddas korrekt.\\x3cbr\\x3e\\x3cbr\\x3eF\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.\\x3cbr\\x3e\\x3cbr\\x3eSannolikt beror felet p\u00e5 att Google Maps-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan eller p\u00e5 att sidan inte anger korrekt API-nyckel f\u00f6r webbplatsen.\\x3cbr\\x3e\\x3cbr\\x3eUtvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklicka h\u00e4r\\x3c/a\\x3e.\",\n+\n+    'getLayerWarning': \"${layerType}-lagret kunde inte laddas korrekt.\\x3cbr\\x3e\\x3cbr\\x3eF\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.\\x3cbr\\x3e\\x3cbr\\x3eSannolikt beror felet p\u00e5 att ${layerLib}-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan.\\x3cbr\\x3e\\x3cbr\\x3eUtvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklicka h\u00e4r\\x3c/a\\x3e.\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\\x3cstrong\\x3eSkala\\x3c/strong\\x3e 1 : ${scaleDenom}\",\n+\n+    'reprojectDeprecated': \"Du anv\u00e4nder inst\u00e4llningen \\'reproject\\' p\u00e5 lagret ${layerName}. Denna inst\u00e4llning markerad som deprecated: den var avsedd att anv\u00e4ndas f\u00f6r att st\u00f6dja visning av kartdata p\u00e5 kommersiella bakgrundskartor, men nu b\u00f6r man i st\u00e4llet anv\u00e4nda Spherical Mercator-st\u00f6d f\u00f6r den funktionaliteten. Mer information finns p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Denna metod \u00e4r markerad som deprecated och kommer att tas bort i 3.0. Anv\u00e4nd ${newMethod} i st\u00e4llet.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/pt-BR.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Luckas Blade\n+ *  - Rodrigo Avila\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"pt-br\"]\n+ * Dictionary for Portugu\u00eas do Brasil.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"pt-BR\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"A requisi\u00e7\u00e3o retornou um erro n\u00e3o tratado: ${statusText}\",\n+\n+    'Permalink': \"Link para essa p\u00e1gina\",\n+\n+    'Overlays': \"Camadas de Sobreposi\u00e7\u00e3o\",\n+\n+    'Base Layer': \"Camada Base\",\n+\n+    'noFID': \"N\u00e3o \u00e9 poss\u00edvel atualizar uma fei\u00e7\u00e3o que n\u00e3o tenha um FID.\",\n+\n+    'browserNotSupported': \"Seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o de vetores. Os renderizadores suportados atualmente s\u00e3o:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"A propriedade minZoomLevel \u00e9 de uso restrito das camadas descendentes de FixedZoomLevels. A verifica\u00e7\u00e3o dessa propriedade pelas camadas wfs \u00e9 um res\u00edduo do passado. N\u00e3o podemos, entretanto n\u00e3o \u00e9 poss\u00edvel remov\u00ea-la sem poss\u00edvelmente quebrar o funcionamento de aplica\u00e7\u00f5es OL que possuem dep\u00eancia com ela. Portanto estamos tornando seu uso obsoleto -- a verifica\u00e7\u00e3o desse atributo ser\u00e1 removida na vers\u00e3o 3.0. Ao inv\u00e9s, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max como descrito em: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transa\u00e7\u00e3o WFS : SUCESSO ${response}\",\n+\n+    'commitFailed': \"Transa\u00e7\u00e3o WFS : ERRO ${response}\",\n+\n+    'googleWarning': \"N\u00e3o foi poss\u00edvel carregar a camada Google corretamente.\\x3cbr\\x3e\\x3cbr\\x3ePara se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eMuito provavelmente, isso foi causado porque o script da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo, ou porque ele n\u00e3o cont\u00e9m a chave correta da API para o seu site.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: Para obter ajuda em solucionar esse problema \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ecliquem aqui\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"N\u00e3o foi poss\u00edvel carregar a camada ${layerType} corretamente.\\x3cbr\\x3e\\x3cbr\\x3ePara se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eMuito provavelmente, isso foi causado porque o script da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo corretamente.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: Para obter ajuda em solucionar esse problema \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ecliquem aqui\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"L\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Voc\u00ea est\u00e1 usando a op\u00e7\u00e3o \\'reproject\\' na camada ${layerName}. Essa op\u00e7\u00e3o est\u00e1 obsoleta: seu uso foi projetado para suportar a visualiza\u00e7\u00e3o de dados sobre bases de mapas comerciais, entretanto essa funcionalidade deve agora ser alcan\u00e7ada usando o suporte \u00e0 proje\u00e7\u00e3o Mercator. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em: http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Esse m\u00e9todo est\u00e1 obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Ao inv\u00e9s, por favor use ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/it.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"it\"]\n+ * Dictionary for Italian.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang.it = {\n+\n+    'unhandledRequest': \"Codice di ritorno della richiesta ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Livello base\",\n+\n+    'noFID': \"Impossibile aggiornare un elemento grafico che non abbia il FID.\",\n+\n+    'browserNotSupported': \"Il tuo browser non supporta il rendering vettoriale. I renderizzatore attualemnte supportati sono:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"La propriet\u00e0 minZoomLevel \u00e8 da utilizzare solamente \" +\n+        \"con livelli che abbiano FixedZoomLevels. Il fatto che \" +\n+        \"questo livello wfs controlli la propriet\u00e0 minZoomLevel \u00e8 \" +\n+        \"un retaggio del passato. Non possiamo comunque rimuoverla \" +\n+        \"senza rompere le vecchie applicazioni che dipendono su di essa.\" +\n+        \"Quindi siamo costretti a deprecarla -- minZoomLevel \" +\n+        \"e sar\u00e0 rimossa dalla vesione 3.0. Si prega di utilizzare i \" +\n+        \"settaggi di risoluzione min/max come descritto qui: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transazione WFS: SUCCESS ${response}\",\n+\n+    'commitFailed': \"Transazione WFS: FAILED ${response}\",\n+\n+    'googleWarning': \"Il livello Google non \u00e8 riuscito a caricare correttamente.<br><br>\" +\n+        \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" +\n+        \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" +\n+        \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria Google Maps \" +\n+        \"non \u00e8 stata inclusa nella pagina, oppure non contiene la \" +\n+        \"corretta API key per il tuo sito.<br><br>\" +\n+        \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>clicca qui</a>\",\n+\n+    'getLayerWarning': \"Il livello ${layerType} non \u00e8 riuscito a caricare correttamente.<br><br>\" +\n+        \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" +\n+        \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" +\n+        \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria ${layerLib} \" +\n+        \"non \u00e8 stata inclusa nella pagina.<br><br>\" +\n+        \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>clicca qui</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Scala = 1 : ${scaleDenom}\",\n+\n+    // console message\n+    'reprojectDeprecated': \"Stai utilizzando l'opzione 'reproject' sul livello ${layerName}. \" +\n+        \"Questa opzione \u00e8 deprecata: il suo utilizzo \u00e8 stato introdotto per\" +\n+        \"supportare il disegno dei dati sopra mappe commerciali, ma tale \" +\n+        \"funzionalit\u00e0 dovrebbe essere ottenuta tramite l'utilizzo della proiezione \" +\n+        \"Spherical Mercator. Per maggiori informazioni consultare qui \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Questo metodo \u00e8 stato deprecato e sar\u00e0 rimosso dalla versione 3.0. \" +\n+        \"Si prega di utilizzare il metodo ${newMethod} in alternativa.\",\n+\n+    'end': ''\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/nl.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Siebrand\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"nl\"]\n+ * Dictionary for Nederlands.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"nl\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Het verzoek is niet afgehandeld met de volgende melding: ${statusText}\",\n+\n+    'Permalink': \"Permanente verwijzing\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Achtergrondkaart\",\n+\n+    'noFID': \"Een optie die geen FID heeft kan niet bijgewerkt worden.\",\n+\n+    'browserNotSupported': \"Uw browser ondersteunt het weergeven van vectoren niet.\\nMomenteel ondersteunde weergavemogelijkheden:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"De eigenschap minZoomLevel is alleen bedoeld voor gebruik lagen met die afstammen van FixedZoomLevels-lagen.\\nDat deze WFS-laag minZoomLevel controleert, is een overblijfsel uit het verleden.\\nWe kunnen deze controle echter niet verwijderen zonder op OL gebaseerde applicaties die hervan afhankelijk zijn stuk te maken.\\nDaarom heeft deze functionaliteit de eigenschap \\'deprecated\\' gekregen - de minZoomLevel wordt verwijderd in versie 3.0.\\nGebruik in plaats van deze functie de mogelijkheid om min/max voor resolutie in te stellen zoals op de volgende pagina wordt beschreven:\\nhttp://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-transactie: succesvol ${response}\",\n+\n+    'commitFailed': \"WFS-transactie: mislukt ${response}\",\n+\n+    'googleWarning': \"De Google-Layer kon niet correct geladen worden.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct ingevoegd is.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOntwikkelaars: \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik hier\\x3c/a\\x3e om dit werkend te krijgen.\",\n+\n+    'getLayerWarning': \"De laag ${layerType} kon niet goed geladen worden.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct is ingevoegd.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOntwikkelaars: \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik hier\\x3c/a\\x3e om dit werkend te krijgen.\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Schaal = 1 : ${scaleDenom}\",\n+\n+    'W': \"W\",\n+\n+    'E': \"O\",\n+\n+    'N': \"N\",\n+\n+    'S': \"Z\",\n+\n+    'reprojectDeprecated': \"U gebruikt de optie \\'reproject\\' op de laag ${layerName}.\\nDeze optie is vervallen: deze optie was ontwikkeld om gegevens over commerci\u00eble basiskaarten weer te geven, maar deze functionaliteit wordt nu bereikt door ondersteuning van Spherical Mercator.\\nMeer informatie is beschikbaar op http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Deze methode is verouderd en wordt verwijderd in versie 3.0.\\nGebruik ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/vi.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Minh Nguyen\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"vi\"]\n+ * Dictionary for Ti\u1ebfng Vi\u1ec7t.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"vi\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Kh\u00f4ng x\u1eed l\u00fd \u0111\u01b0\u1ee3c ph\u1ea3n h\u1ed3i ${statusText} cho y\u00eau c\u1ea7u\",\n+\n+    'Permalink': \"Li\u00ean k\u1ebft th\u01b0\u1eddng tr\u1ef1c\",\n+\n+    'Overlays': \"L\u1ea5p b\u1ea3n \u0111\u1ed3\",\n+\n+    'Base Layer': \"L\u1edbp n\u1ec1n\",\n+\n+    'noFID': \"Kh\u00f4ng th\u1ec3 c\u1eadp nh\u1eadt t\u00ednh n\u0103ng thi\u1ebfu FID.\",\n+\n+    'browserNotSupported': \"Tr\u00ecnh duy\u1ec7t c\u1ee7a b\u1ea1n kh\u00f4ng h\u1ed7 tr\u1ee3 ch\u1ee9c n\u0103ng v\u1ebd b\u1eb1ng vect\u01a1. Hi\u1ec7n h\u1ed7 tr\u1ee3 c\u00e1c b\u1ed9 k\u1ebft xu\u1ea5t:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Ch\u1ec9 n\u00ean s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh minZoomLevel v\u1edbi c\u00e1c l\u1edbp FixedZoomLevels-descendent. Vi\u1ec7c l\u1edbp wfs n\u00e0y t\u00ecm cho minZoomLevel l\u00e0 di t\u00edch c\u00f2n l\u1ea1i t\u1eeb x\u01b0a. Tuy nhi\u00ean, n\u1ebfu ch\u00fang t\u00f4i d\u1eddi n\u00f3 th\u00ec s\u1ebd v\u1ee1 c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh OpenLayers m\u00e0 d\u1ef1a tr\u00ean n\u00f3. B\u1edfi v\u1eady ch\u00fang t\u00f4i ph\u1ea3n \u0111\u1ed1i s\u1eed d\u1ee5ng n\u00f3\\x26nbsp;\u2013 b\u01b0\u1edbc t\u00ecm cho minZoomLevel s\u1ebd \u0111\u01b0\u1ee3c d\u1eddi v\u00e0o phi\u00ean b\u1ea3n 3.0. Xin s\u1eed d\u1ee5ng thi\u1ebft l\u1eadp \u0111\u1ed9 ph\u00e2n t\u00edch t\u1ed1i thi\u1ec3u / t\u1ed1i \u0111a thay th\u1ebf, theo h\u01b0\u1edbng d\u1eabn n\u00e0y: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Giao d\u1ecbch WFS: TH\u00c0NH C\u00d4NG ${response}\",\n+\n+    'commitFailed': \"Giao d\u1ecbch WFS: TH\u1ea4T B\u1ea0I ${response}\",\n+\n+    'googleWarning': \"Kh\u00f4ng th\u1ec3 t\u1ea3i l\u1edbp Google \u0111\u00fang \u0111\u1eafn.\\x3cbr\\x3e\\x3cbr\\x3e\u0110\u1ec3 tr\u00e1nh th\u00f4ng b\u00e1o n\u00e0y l\u1ea7n sau, h\u00e3y ch\u1ecdn BaseLayer m\u1edbi d\u00f9ng \u0111i\u1ec1u khi\u1ec3n ch\u1ecdn l\u1edbp \u1edf g\u00f3c tr\u00ean ph\u1ea3i.\\x3cbr\\x3e\\x3cbr\\x3eCh\u1eafc script th\u01b0 vi\u1ec7n Google Maps ho\u1eb7c kh\u00f4ng \u0111\u01b0\u1ee3c bao g\u1ed3m ho\u1eb7c kh\u00f4ng ch\u1ee9a kh\u00f3a API h\u1ee3p v\u1edbi website c\u1ee7a b\u1ea1n.\\x3cbr\\x3e\\x3cbr\\x3e\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eTr\u1ee3 gi\u00fap v\u1ec1 t\u00ednh n\u0103ng n\u00e0y\\x3c/a\\x3e cho ng\u01b0\u1eddi ph\u00e1t tri\u1ec3n.\",\n+\n+    'getLayerWarning': \"Kh\u00f4ng th\u1ec3 t\u1ea3i l\u1edbp ${layerType} \u0111\u00fang \u0111\u1eafn.\\x3cbr\\x3e\\x3cbr\\x3e\u0110\u1ec3 tr\u00e1nh th\u00f4ng b\u00e1o n\u00e0y l\u1ea7n sau, h\u00e3y ch\u1ecdn BaseLayer m\u1edbi d\u00f9ng \u0111i\u1ec1u khi\u1ec3n ch\u1ecdn l\u1edbp \u1edf g\u00f3c tr\u00ean ph\u1ea3i.\\x3cbr\\x3e\\x3cbr\\x3eCh\u1eafc script th\u01b0 vi\u1ec7n ${layerLib} kh\u00f4ng \u0111\u01b0\u1ee3c bao g\u1ed3m \u0111\u00fang ki\u1ec3u.\\x3cbr\\x3e\\x3cbr\\x3e\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eTr\u1ee3 gi\u00fap v\u1ec1 t\u00ednh n\u0103ng n\u00e0y\\x3c/a\\x3e cho ng\u01b0\u1eddi ph\u00e1t tri\u1ec3n.\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"T\u1ef7 l\u1ec7 = 1 : ${scaleDenom}\",\n+\n+    'W': \"T\",\n+\n+    'E': \"\u0110\",\n+\n+    'N': \"B\",\n+\n+    'S': \"N\",\n+\n+    'reprojectDeprecated': \"B\u1ea1n \u0111ang \u00e1p d\u1ee5ng ch\u1ebf \u0111\u1ed9 \u201creproject\u201d v\u00e0o l\u1edbp ${layerName}. Ch\u1ebf \u0111\u1ed9 n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i: n\u00f3 c\u00f3 m\u1ee5c \u0111\u00edch h\u1ed7 tr\u1ee3 l\u1ea5p d\u1eef li\u1ec7u tr\u00ean c\u00e1c n\u1ec1n b\u1ea3n \u0111\u1ed3 th\u01b0\u01a1ng m\u1ea1i; n\u00ean th\u1ef1c hi\u1ec7n hi\u1ec7u \u1ee9ng \u0111\u00f3 d\u00f9ng t\u00ednh n\u0103ng Mercator H\u00ecnh c\u1ea7u. C\u00f3 s\u1eb5n th\u00eam chi ti\u1ebft t\u1ea1i http://trac.openlayers.org/wiki/SphericalMercator .\",\n+\n+    'methodDeprecated': \"Ph\u01b0\u01a1ng th\u1ee9c n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i v\u00e0 s\u1ebd b\u1ecb d\u1eddi v\u00e0o phi\u00ean b\u1ea3n 3.0. Xin h\u00e3y s\u1eed d\u1ee5ng ${newMethod} thay th\u1ebf.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/nb.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"nb\"]\n+ * Dictionary for norwegian bokm\u00e5l (Norway). Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"nb\"] = {\n+\n+    'unhandledRequest': \"Ubehandlet foresp\u00f8rsel returnerte ${statusText}\",\n+\n+    'Permalink': \"Kobling til denne siden\",\n+\n+    'Overlays': \"Kartlag\",\n+\n+    'Base Layer': \"Bakgrunnskart\",\n+\n+    'noFID': \"Kan ikke oppdatere et feature (et objekt) som ikke har FID.\",\n+\n+    'browserNotSupported': \"Din nettleser st\u00f8tter ikke vektortegning. Tegnemetodene som st\u00f8ttes er:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"Egenskapen minZoomLevel er kun ment til bruk p\u00e5 lag \" +\n+        \"basert p\u00e5 FixedZoomLevels. At dette wfs-laget sjekker \" +\n+        \"minZoomLevel er en etterlevning fra tidligere versjoner. Det kan dog ikke \" +\n+        \"tas bort uten \u00e5 risikere at OL-baserte applikasjoner \" +\n+        \"slutter \u00e5 virke, s\u00e5 det er merket som foreldet: \" +\n+        \"minZoomLevel i sjekken nedenfor vil fjernes i 3.0. \" +\n+        \"Vennligst bruk innstillingene for min/maks oppl\u00f8sning \" +\n+        \"som er beskrevet her: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-transaksjon: LYKTES ${response}\",\n+\n+    'commitFailed': \"WFS-transaksjon: MISLYKTES ${response}\",\n+\n+    'googleWarning': \"Google-laget kunne ikke lastes.<br><br>\" +\n+        \"Bytt til et annet bakgrunnslag i lagvelgeren i \" +\n+        \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" +\n+        \"Sannsynligvis for\u00e5rsakes feilen av at Google Maps-biblioteket \" +\n+        \"ikke er riktig inkludert p\u00e5 nettsiden, eller at det ikke er \" +\n+        \"angitt riktig API-n\u00f8kkel for nettstedet.<br><br>\" +\n+        \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>her</a>.\",\n+\n+    'getLayerWarning': \"${layerType}-laget kunne ikke lastes.<br><br>\" +\n+        \"Bytt til et annet bakgrunnslag i lagvelgeren i \" +\n+        \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" +\n+        \"Sannsynligvis for\u00e5rsakes feilen av at \" +\n+        \"${layerLib}-biblioteket ikke var riktig inkludert \" +\n+        \"p\u00e5 nettsiden.<br><br>\" +\n+        \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>her</a>.\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n+\n+    // console message\n+    'reprojectDeprecated': \"Du bruker innstillingen 'reproject' p\u00e5 laget ${layerName}. \" +\n+        \"Denne innstillingen er foreldet, den var ment for \u00e5 st\u00f8tte \" +\n+        \"visning av kartdata over kommersielle bakgrunnskart, men det \" +\n+        \"b\u00f8r n\u00e5 gj\u00f8res med st\u00f8tten for Spherical Mercator. Mer informasjon \" +\n+        \"finnes p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Denne metoden er markert som foreldet og vil bli fjernet i 3.0. \" +\n+        \"Vennligst bruk ${newMethod} i stedet.\",\n+\n+    'end': ''\n+};\n+\n+OpenLayers.Lang[\"no\"] = OpenLayers.Lang[\"nb\"];\n+/* ======================================================================\n+    OpenLayers/Lang/ja.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Fryed-peach\n+ *  - Mage Whopper\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ja\"]\n+ * Dictionary for \u65e5\u672c\u8a9e.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"ja\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"\u672a\u51e6\u7406\u306e\u8981\u6c42\u306f ${statusText} \u3092\u8fd4\u3057\u307e\u3059\",\n+\n+    'Permalink': \"\u30d1\u30fc\u30de\u30ea\u30f3\u30af\",\n+\n+    'Overlays': \"\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\",\n+\n+    'Base Layer': \"\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\",\n+\n+    'noFID': \"FID \u306e\u306a\u3044\u5730\u7269\u306f\u66f4\u65b0\u3067\u304d\u307e\u305b\u3093\u3002\",\n+\n+    'browserNotSupported': \"\u3042\u306a\u305f\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u30d9\u30af\u30bf\u30fc\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u306e\u63cf\u5199\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u73fe\u6642\u70b9\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u3067\u3059\u3002\\n${renderers}\",\n+\n+    'minZoomLevelError': \"minZoomLevel \u30d7\u30ed\u30d1\u30c6\u30a3\u306f FixedZoomLevels \u3092\u7d99\u627f\u3059\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u4f7f\u7528\u306e\u307f\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e minZoomLevel \u306b\u5bfe\u3059\u308b WFS \u30ec\u30a4\u30e4\u30fc\u306e\u691c\u67fb\u306f\u6b74\u53f2\u7684\u306a\u3082\u306e\u3067\u3059\u3002\u3057\u304b\u3057\u306a\u304c\u3089\u3001\u3053\u306e\u691c\u67fb\u3092\u9664\u53bb\u3059\u308b\u3068\u305d\u308c\u306b\u4f9d\u5b58\u3059\u308b OpenLayers \u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7834\u58ca\u3057\u3066\u3057\u307e\u3046\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u3088\u3063\u3066\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e minZoomLevel \u691c\u67fb\u306f\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b\u3001http://trac.openlayers.org/wiki/SettingZoomLevels \u3067\u89e3\u8aac\u3055\u308c\u3066\u3044\u308b\u3001\u6700\u5c0f\u304a\u3088\u3073\u6700\u5927\u89e3\u50cf\u5ea6\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+\n+    'commitSuccess': \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u6210\u529f ${response}\",\n+\n+    'commitFailed': \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u5931\u6557 ${response}\",\n+\n+    'googleWarning': \"Google \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f Google \u30de\u30c3\u30d7\u7528\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u304b\u3001\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8\u306b\u5bfe\u5fdc\u3059\u308b\u6b63\u3057\u3044 API \u30ad\u30fc\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad\\x3c/a\\x3e\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+\n+    'getLayerWarning': \"${layerType} \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f ${layerLib} \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6b63\u3057\u304f\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad\\x3c/a\\x3e\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u7e2e\u5c3a = 1 : ${scaleDenom}\",\n+\n+    'W': \"\u897f\",\n+\n+    'E': \"\u6771\",\n+\n+    'N': \"\u5317\",\n+\n+    'S': \"\u5357\",\n+\n+    'reprojectDeprecated': \"\u3042\u306a\u305f\u306f\u300c${layerName}\u300d\u30ec\u30a4\u30e4\u30fc\u3067 reproject \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5546\u7528\u306e\u57fa\u5e95\u5730\u56f3\u4e0a\u306b\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u76ee\u7684\u3067\u8a2d\u8a08\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u73fe\u5728\u3067\u306f\u305d\u306e\u6a5f\u80fd\u306f Spherical Mercator \u30b5\u30dd\u30fc\u30c8\u3092\u5229\u7528\u3057\u3066\u5b9f\u73fe\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u4f7f\u7528\u306f\u975e\u63a8\u5968\u3067\u3059\u3002\u8ffd\u52a0\u306e\u60c5\u5831\u306f http://trac.openlayers.org/wiki/SphericalMercator \u3067\u5165\u624b\u3067\u304d\u307e\u3059\u3002\",\n+\n+    'methodDeprecated': \"\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b ${newMethod} \u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/zh-CN.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"zh-CN\"]\n+ * Dictionary for Simplified Chinese.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"zh-CN\"] = {\n+\n+    'unhandledRequest': \"\u672a\u5904\u7406\u7684\u8bf7\u6c42\uff0c\u8fd4\u56de\u503c\u4e3a ${statusText}\",\n+\n+    'Permalink': \"\u6c38\u4e45\u94fe\u63a5\",\n+\n+    'Overlays': \"\u53e0\u52a0\u5c42\",\n+\n+    'Base Layer': \"\u57fa\u7840\u56fe\u5c42\",\n+\n+    'noFID': \"\u65e0\u6cd5\u66f4\u65b0feature\uff0c\u7f3a\u5c11FID\u3002\",\n+\n+    'browserNotSupported': \"\u4f60\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u77e2\u91cf\u6e32\u67d3\u3002\u5f53\u524d\u652f\u6301\u7684\u6e32\u67d3\u65b9\u5f0f\u5305\u62ec\uff1a\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"minZoomLevel\u5c5e\u6027\u4ec5\u9002\u5408\u7528\u4e8e\" +\n+        \"\u4f7f\u7528\u4e86\u56fa\u5b9a\u7f29\u653e\u7ea7\u522b\u7684\u56fe\u5c42\u3002\u8fd9\u4e2a \" +\n+        \"wfs \u56fe\u5c42\u68c0\u67e5 minZoomLevel \u662f\u8fc7\u53bb\u9057\u7559\u4e0b\u6765\u7684\u3002\" +\n+        \"\u7136\u800c\uff0c\u6211\u4eec\u4e0d\u80fd\u79fb\u9664\u5b83\uff0c\" +\n+        \"\u800c\u7834\u574f\u4f9d\u8d56\u4e8e\u5b83\u7684\u57fa\u4e8eOL\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\" +\n+        \"\u56e0\u6b64\uff0c\u6211\u4eec\u5e9f\u9664\u4e86\u5b83 -- minZoomLevel \" +\n+        \"\u5c06\u4f1a\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\u8bf7\u6539\u7528 \" +\n+        \"min/max resolution \u8bbe\u7f6e\uff0c\u53c2\u8003\uff1a\" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS Transaction: \u6210\u529f\u3002 ${response}\",\n+\n+    'commitFailed': \"WFS Transaction: \u5931\u8d25\u3002 ${response}\",\n+\n+    'googleWarning': \"Google\u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" +\n+        \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" +\n+        \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" +\n+        \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542bGoogle\u5730\u56fe\u811a\u672c\u5e93\uff0c\" +\n+        \"\u6216\u8005\u662f\u6ca1\u6709\u5305\u542b\u5728\u4f60\u7684\u7ad9\u70b9\u4e0a\" +\n+        \"\u4f7f\u7528\u7684\u6b63\u786e\u7684Google Maps API\u5bc6\u5319\u3002<br><br>\" +\n+        \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+\n+    'getLayerWarning': \"${layerType} \u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" +\n+        \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" +\n+        \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" +\n+        \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542b\" +\n+        \"${layerLib} \u811a\u672c\u5e93\u3002<br><br>\" +\n+        \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u6bd4\u4f8b\u5c3a = 1 : ${scaleDenom}\",\n+\n+    // console message\n+    'reprojectDeprecated': \"\u4f60\u6b63\u5728\u4f7f\u7528 ${layerName} \u56fe\u5c42\u4e0a\u7684'reproject'\u9009\u9879\u3002\" +\n+        \"\u8fd9\u4e2a\u9009\u9879\u5df2\u7ecf\u4e0d\u518d\u4f7f\u7528\uff1a\" +\n+        \"\u5b83\u662f\u88ab\u8bbe\u8ba1\u7528\u6765\u652f\u6301\u663e\u793a\u5546\u4e1a\u7684\u5730\u56fe\u6570\u636e\uff0c\" +\n+        \"\u4e0d\u8fc7\u73b0\u5728\u8be5\u529f\u80fd\u53ef\u4ee5\u901a\u8fc7\u4f7f\u7528Spherical Mercator\u6765\u5b9e\u73b0\u3002\" +\n+        \"\u66f4\u591a\u4fe1\u606f\u53ef\u4ee5\u53c2\u9605\" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"\u8be5\u65b9\u6cd5\u5df2\u7ecf\u4e0d\u518d\u88ab\u652f\u6301\uff0c\u5e76\u4e14\u5c06\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\" +\n+        \"\u8bf7\u4f7f\u7528 ${newMethod} \u65b9\u6cd5\u6765\u66ff\u4ee3\u3002\",\n+\n+    'end': ''\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/sk.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Helix84\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"sk\"]\n+ * Dictionary for Sloven\u010dina.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"sk\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Neobsl\u00fa\u017een\u00e9 po\u017eiadavky vracaj\u00fa ${statusText}\",\n+\n+    'Permalink': \"Trval\u00fd odkaz\",\n+\n+    'Overlays': \"Prekrytia\",\n+\n+    'Base Layer': \"Z\u00e1kladn\u00e1 vrstva\",\n+\n+    'noFID': \"Nie je mo\u017en\u00e9 aktualizova\u0165 vlastnos\u0165, pre ktor\u00fa neexistuje FID.\",\n+\n+    'browserNotSupported': \"V\u00e1\u0161 prehliada\u010d nepodporuje vykres\u013eovanie vektorov. Moment\u00e1lne podporovan\u00e9 vykres\u013eova\u010de s\u00fa:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Vlastnos\u0165 minZoomLevel je ur\u010den\u00fd iba na pou\u017eitie s vrstvami odvoden\u00fdmi od FixedZoomLevels. To, \u017ee t\u00e1to wfs vrstva kontroluje minZoomLevel je pozostatok z minulosti. Nem\u00f4\u017eeme ho v\u0161ak odstr\u00e1ni\u0165, aby sme sa vyhli mo\u017en\u00e9mu poru\u0161eniu aplik\u00e1ci\u00ed zalo\u017een\u00fdch na Open Layers, ktor\u00e9 na tomto m\u00f4\u017ee z\u00e1visie\u0165. Preto ho ozna\u010dujeme ako zavrhovan\u00fd - dolu uveden\u00e1 kontrola minZoomLevel bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto toho kontrolu min./max. rozl\u00ed\u0161enia pod\u013ea tu uveden\u00e9ho popisu: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transakcia WFS: \u00daSPE\u0160N\u00c1 ${response}\",\n+\n+    'commitFailed': \"Transakcia WFS: ZLYHALA ${response}\",\n+\n+    'googleWarning': \"Vrstvu Google nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.\\x3cbr\\x3e\\x3cbr\\x3eAby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.\\x3cbr\\x3e\\x3cbr\\x3eToto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice Google Maps bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3epomoc so sfunk\u010dnen\u00edm\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"Vrstvu ${layerType} nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.\\x3cbr\\x3e\\x3cbr\\x3eAby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.\\x3cbr\\x3e\\x3cbr\\x3eToto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice ${layerType} bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerType}\\' target=\\'_blank\\'\\x3epomoc so sfunk\u010dnen\u00edm\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Mierka = 1 : ${scaleDenom}\",\n+\n+    'reprojectDeprecated': \"Pou\u017e\u00edvate vo\u013eby \u201ereproject\u201c vrstvy ${layerType}. T\u00e1to vo\u013eba je zzavrhovan\u00e1: jej pou\u017eitie bolo navrhnut\u00e9 na podporu zobrazovania \u00fadajov nad komer\u010dn\u00fdmi z\u00e1kladov\u00fdmi mapami, ale t\u00fato funkcionalitu je teraz mo\u017en\u00e9 dosiahnu\u0165 pomocou Spherical Mercator. \u010eal\u0161ie inform\u00e1cie z\u00edskate na str\u00e1nke http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"T\u00e1to met\u00f3da je zavrhovan\u00e1 a bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto nej met\u00f3du ${newMethod}.\"\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/da-DK.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"da-DK\"]\n+ * Dictionary for Danish.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang['da-DK'] = {\n+\n+    'unhandledRequest': \"En ikke h\u00e5ndteret foresp\u00f8rgsel returnerede ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Kortlag\",\n+\n+    'Base Layer': \"Baggrundslag\",\n+\n+    'noFID': \"Kan ikke opdateret en feature (et objekt) der ikke har et FID.\",\n+\n+    'browserNotSupported': \"Din browser underst\u00f8tter ikke vektor visning. F\u00f8lgende vektor visninger underst\u00f8ttes:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"Egenskaben minZoomLevel er kun beregnet til brug \" +\n+        \"med FixedZoomLevels. At dette WFS lag kontrollerer \" +\n+        \"minZoomLevel egenskaben, er et levn fra en tidligere \" +\n+        \"version. Vi kan desv\u00e6rre ikke fjerne dette uden at risikere \" +\n+        \"at \u00f8del\u00e6gge eksisterende OL baserede programmer der \" +\n+        \" benytter denne funktionalitet. \" +\n+        \"Egenskaben b\u00f8r derfor ikke anvendes, og minZoomLevel \" +\n+        \"kontrollen herunder vil blive fjernet i version 3.0. \" +\n+        \"Benyt istedet min/max opl\u00f8snings indstillingerne, som \" +\n+        \"er beskrevet her: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS transaktion: LYKKEDES ${response}\",\n+\n+    'commitFailed': \"WFS transaktion: MISLYKKEDES ${response}\",\n+\n+    'googleWarning': \"Google laget kunne ikke indl\u00e6ses.<br><br>\" +\n+        \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" +\n+        \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" +\n+        \"Fejlen skyldes formentlig at Google Maps bibliotekts \" +\n+        \"scriptet ikke er inkluderet, eller ikke indeholder den \" +\n+        \"korrkte API n\u00f8gle for dit site.<br><br>\" +\n+        \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>klik her</a>\",\n+\n+    'getLayerWarning': \"${layerType}-laget kunne ikke indl\u00e6ses.<br><br>\" +\n+        \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" +\n+        \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" +\n+        \"Fejlen skyldes formentlig at ${layerLib} bibliotekts \" +\n+        \"scriptet ikke er inkluderet.<br><br>\" +\n+        \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>klik her</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"M\u00e5lforhold = 1 : ${scaleDenom}\",\n+\n+    // console message\n+    'reprojectDeprecated': \"Du anvender indstillingen 'reproject' p\u00e5 laget ${layerName}.\" +\n+        \"Denne indstilling b\u00f8r ikke l\u00e6ngere anvendes. Den var beregnet \" +\n+        \"til at vise data ovenp\u00e5 kommercielle grundkort, men den funktionalitet \" +\n+        \"b\u00f8r nu opn\u00e5s ved at anvende Spherical Mercator underst\u00f8ttelsen. \" +\n+        \"Mere information er tilg\u00e6ngelig her: \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Denne funktion b\u00f8r ikke l\u00e6ngere anvendes, og vil blive fjernet i version 3.0. \" +\n+        \"Anvend venligst funktionen ${newMethod} istedet.\"\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/el.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Omnipaedista\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"el\"]\n+ * Dictionary for \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"el\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u039a\u03bb\u03af\u03bc\u03b1\u03ba\u03b1 ~ 1 : ${scaleDenom}\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/fur.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Klenje\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"fur\"]\n+ * Dictionary for Furlan.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"fur\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"Leam Permanent\",\n+\n+    'Overlays': \"Livei parsore\",\n+\n+    'Base Layer': \"Livel di base\",\n+\n+    'browserNotSupported': \"Il to sgarfad\u00f4r nol supuarte la renderizazion vetori\u00e2l. Al moment a son supuart\u00e2ts:\\n${renderers}\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Scjale = 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"E\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/bg.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - DCLXVI\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"bg\"]\n+ * Dictionary for \u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"bg\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430 \u043f\u0440\u0435\u043f\u0440\u0430\u0442\u043a\u0430\",\n+\n+    'Base Layer': \"\u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0441\u043b\u043e\u0439\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0449\u0430\u0431 = 1 : ${scaleDenom}\",\n+\n+    'methodDeprecated': \"\u0422\u043e\u0437\u0438 \u043c\u0435\u0442\u043e\u0434 \u0435 \u043e\u0441\u0442\u0430\u0440\u044f\u043b \u0438 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u0432\u0430\u0442 \u0432 3.0. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/ro.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+/**\n+ * Namespace: OpenLayers.Lang[\"ro\"]\n+ * Dictionary for Romanian.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang.ro = {\n+    'unhandledRequest': \"Cerere nesolu\u021bionat\u0103 return ${statusText}\",\n+    'Permalink': \"Legatur\u0103 permanent\u0103\",\n+    'Overlays': \"Straturi vector\",\n+    'Base Layer': \"Straturi de baz\u0103\",\n+    'noFID': \"Nu pot actualiza un feature pentru care nu exist\u0103 FID.\",\n+    'browserNotSupported': \"Browserul t\u0103u nu suport\u0103 afi\u0219area vectorilor. Supoetul curent pentru randare:\\n${renderers}\",\n+    // console message\n+    'minZoomLevelError': \"Proprietatea minZoomLevel este doar pentru a fi folosit\u0103 \" +\n+        \"cu straturile FixedZoomLevels-descendent. De aceea acest \" +\n+        \"strat wfs verific\u0103 dac\u0103 minZoomLevel este o relicv\u0103\" +\n+        \". Nu \u00eel putem , oricum, \u00eenl\u0103tura f\u0103r\u0103 \" +\n+        \"a afecta aplica\u021biile Openlayers care depind de ea.\" +\n+        \" De aceea consider\u0103m depreciat -- minZoomLevel \" +\n+        \"\u0219i \u00eel vom \u00eenl\u0103tura \u00een 3.0. Folose\u0219te \" +\n+        \"min/max resolution cum este descris\u0103 aici: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    'commitSuccess': \"Tranzac\u021bie WFS: SUCCES ${response}\",\n+    'commitFailed': \"Tranzac\u021bie WFS : E\u0218EC ${response}\",\n+    'googleWarning': \"Stratul Google nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" +\n+        \"Pentru a elimina acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" +\n+        \"\u00een Layerswitcher din col\u021bul dreata-sus.<br><br>\" +\n+        \"Asta datorit\u0103, faptului c\u0103 Google Maps library \" +\n+        \"script nu este inclus, sau nu con\u021bine \" +\n+        \"cheia API corect\u0103 pentru situl t\u0103u.<br><br>\" +\n+        \"Developeri: Pentru ajutor, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>ap\u0103sa\u021bi aici</a>\",\n+    'getLayerWarning': \"Stratul ${layerType} nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" +\n+        \"pentru a \u00eenl\u0103tura acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" +\n+        \"Acesta eroare apare de obicei c\u00e2nd ${layerLib} library \" +\n+        \"script nu a fost \u00eenc\u0103rcat corect.<br><br>\" +\n+        \"Developeri: Pentru ajutor privind utilizarea corect\u0103, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>apas\u0103 aici</a>\",\n+    'Scale = 1 : ${scaleDenom}': \"Scara = 1 : ${scaleDenom}\",\n+    //labels for the graticule control\n+    'W': 'V',\n+    'E': 'E',\n+    'N': 'N',\n+    'S': 'S',\n+    'Graticule': 'Graticule',\n+    // console message\n+    'reprojectDeprecated': \"folose\u0219ti op\u021biunea 'reproject' \" +\n+        \"pentru stratul ${layerName} . Aceast\u0103 op\u021biune este depreciat\u0103: \" +\n+        \"a fost utilizat\u0103 pentru afi\u0219area straturilor de baz\u0103 comerciale \" +\n+        \"Mai multe informa\u021bii despre proiec\u021bia Mercator sunt disponibile aici \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    // console message\n+    'methodDeprecated': \"Aceast\u0103 metod\u0103 este depreciat\u0103 \u0219i va fi \u00eenl\u0103turat\u0103 in versiunea 3.0. \" +\n+        \"folose\u0219te metoda ${newMethod}.\",\n+    // **** end ****\n+    'end': ''\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/pt.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Hamilton Abreu\n+ *  - Malafaya\n+ *  - Waldir\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"pt\"]\n+ * Dictionary for Portugu\u00eas.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"pt\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Servidor devolveu erro n\u00e3o contemplado ${statusText}\",\n+\n+    'Permalink': \"Liga\u00e7\u00e3o permanente\",\n+\n+    'Overlays': \"Sobreposi\u00e7\u00f5es\",\n+\n+    'Base Layer': \"Camada Base\",\n+\n+    'noFID': \"N\u00e3o \u00e9 poss\u00edvel atualizar um elemento para a qual n\u00e3o h\u00e1 FID.\",\n+\n+    'browserNotSupported': \"O seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o vetorial. Actualmente os renderizadores suportados s\u00e3o:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"A propriedade minZoomLevel s\u00f3 deve ser usada com as camadas descendentes da FixedZoomLevels. A verifica\u00e7\u00e3o da propriedade por esta camada wfs \u00e9 uma rel\u00edquia do passado. No entanto, n\u00e3o podemos remov\u00ea-la sem correr o risco de afectar aplica\u00e7\u00f5es OL que dependam dela. Portanto, estamos a torn\u00e1-la obsoleta -- a verifica\u00e7\u00e3o minZoomLevel ser\u00e1 removida na vers\u00e3o 3.0. Em vez dela, por favor, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max descritas aqui: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transac\u00e7\u00e3o WFS: SUCESSO ${response}\",\n+\n+    'commitFailed': \"Transac\u00e7\u00e3o WFS: FALHOU ${response}\",\n+\n+    'googleWarning': \"A Camada Google n\u00e3o foi correctamente carregada.\\x3cbr\\x3e\\x3cbr\\x3ePara deixar de receber esta mensagem, seleccione uma nova Camada-Base no \\'\\'switcher\\'\\' de camadas no canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eProvavelmente, isto acontece porque o \\'\\'script\\'\\' da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo ou n\u00e3o cont\u00e9m a chave API correcta para o seu s\u00edtio.\\x3cbr\\x3e\\x3cbr\\x3eProgramadores: Para ajuda sobre como solucionar o problema \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclique aqui\\x3c/a\\x3e .\",\n+\n+    'getLayerWarning': \"A camada ${layerType} n\u00e3o foi correctamente carregada.\\x3cbr\\x3e\\x3cbr\\x3ePara desactivar esta mensagem, seleccione uma nova Camada-Base no \\'\\'switcher\\'\\' de camadas no canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eProvavelmente, isto acontece porque o \\'\\'script\\'\\' da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo correctamente.\\x3cbr\\x3e\\x3cbr\\x3eProgramadores: Para ajuda sobre como solucionar o problema \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclique aqui\\x3c/a\\x3e .\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"E\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Est\u00e1 usando a op\u00e7\u00e3o \\'reproject\\' na camada ${layerName}. Esta op\u00e7\u00e3o \u00e9 obsoleta: foi concebida para permitir a apresenta\u00e7\u00e3o de dados sobre mapas-base comerciais, mas esta funcionalidade \u00e9 agora suportada pelo Mercator Esf\u00e9rico. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Este m\u00e9todo foi declarado obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Por favor, use ${newMethod} em vez disso.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/de.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Grille chompa\n+ *  - Nikiwaibel\n+ *  - Umherirrender\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"de\"]\n+ * Dictionary for Deutsch.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"de\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Unbehandelte Anfrager\u00fcckmeldung ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Grundkarte\",\n+\n+    'noFID': \"Ein Feature, f\u00fcr das keine FID existiert, kann nicht aktualisiert werden.\",\n+\n+    'browserNotSupported': \"Ihr Browser unterst\u00fctzt keine Vektordarstellung. Aktuell unterst\u00fctzte Renderer:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-Eigenschaft ist nur f\u00fcr die Verwendung mit \\x3ccode\\x3eFixedZoomLevels\\x3c/code\\x3e-untergeordneten Layers vorgesehen. Das dieser \\x3ctt\\x3ewfs\\x3c/tt\\x3e-Layer die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-Eigenschaft \u00fcberpr\u00fcft ist ein Relikt der Vergangenheit. Wir k\u00f6nnen diese \u00dcberpr\u00fcfung nicht entfernen, ohne das OL basierende Applikationen nicht mehr funktionieren. Daher markieren wir es als veraltet - die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-\u00dcberpr\u00fcfung wird in Version 3.0 entfernt werden. Bitte verwenden Sie stattdessen die Min-/Max-L\u00f6sung, wie sie unter http://trac.openlayers.org/wiki/SettingZoomLevels beschrieben ist.\",\n+\n+    'commitSuccess': \"WFS-Transaktion: Erfolgreich ${response}\",\n+\n+    'commitFailed': \"WFS-Transaktion: Fehlgeschlagen ${response}\",\n+\n+    'googleWarning': \"Der Google-Layer konnte nicht korrekt geladen werden.\\x3cbr\\x3e\\x3cbr\\x3eUm diese Meldung nicht mehr zu erhalten, w\u00e4hlen Sie einen anderen Hintergrundlayer aus dem LayerSwitcher in der rechten oberen Ecke.\\x3cbr\\x3e\\x3cbr\\x3eSehr wahrscheinlich tritt dieser Fehler auf, weil das Skript der Google-Maps-Bibliothek nicht eingebunden wurde oder keinen g\u00fcltigen API-Schl\u00fcssel f\u00fcr Ihre URL enth\u00e4lt.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Besuche \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3edas Wiki\\x3c/a\\x3e f\u00fcr Hilfe zum korrekten Einbinden des Google-Layers\",\n+\n+    'getLayerWarning': \"Der ${layerType}-Layer konnte nicht korrekt geladen werden.\\x3cbr\\x3e\\x3cbr\\x3eUm diese Meldung nicht mehr zu erhalten, w\u00e4hlen Sie einen anderen Hintergrundlayer aus dem LayerSwitcher in der rechten oberen Ecke.\\x3cbr\\x3e\\x3cbr\\x3eSehr wahrscheinlich tritt dieser Fehler auf, weil das Skript der \\'${layerLib}\\'-Bibliothek nicht eingebunden wurde.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Besuche \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3edas Wiki\\x3c/a\\x3e f\u00fcr Hilfe zum korrekten Einbinden von Layern\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n+\n+    'W': \"W\",\n+\n+    'E': \"O\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Sie verwenden die \u201eReproject\u201c-Option des Layers ${layerName}. Diese Option ist veraltet: Sie wurde entwickelt um die Anzeige von Daten auf kommerziellen Basiskarten zu unterst\u00fctzen, aber diese Funktion sollte jetzt durch Unterst\u00fctzung der \u201eSpherical Mercator\u201c erreicht werden. Weitere Informationen sind unter http://trac.openlayers.org/wiki/SphericalMercator verf\u00fcgbar.\",\n+\n+    'methodDeprecated': \"Die Methode ist veraltet und wird in 3.0 entfernt. Bitte verwende stattdessen ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/be-tarask.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - EugeneZelenko\n+ *  - Jim-by\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"be-tarask\"]\n+ * Dictionary for \u0411\u0435\u043b\u0430\u0440\u0443\u0441\u043a\u0430\u044f (\u0442\u0430\u0440\u0430\u0448\u043a\u0435\u0432\u0456\u0446\u0430).  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"be-tarask\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"\u041d\u0435\u0430\u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043d\u044b \u0432\u044b\u043d\u0456\u043a \u0437\u0430\u043f\u044b\u0442\u0443 ${statusText}\",\n+\n+    'Permalink': \"\u0421\u0442\u0430\u043b\u0430\u044f \u0441\u043f\u0430\u0441\u044b\u043b\u043a\u0430\",\n+\n+    'Overlays': \"\u0421\u043b\u0430\u0456\",\n+\n+    'Base Layer': \"\u0411\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439\",\n+\n+    'noFID': \"\u041d\u0435\u043c\u0430\u0433\u0447\u044b\u043c\u0430 \u0430\u0431\u043d\u0430\u0432\u0456\u0446\u044c \u043c\u0430\u0433\u0447\u044b\u043c\u0430\u0441\u044c\u0446\u044c, \u0434\u043b\u044f \u044f\u043a\u043e\u0433\u0430 \u043d\u0435 \u0456\u0441\u043d\u0443\u0435 FID.\",\n+\n+    'browserNotSupported': \"\u0412\u0430\u0448 \u0431\u0440\u0430\u045e\u0437\u044d\u0440 \u043d\u0435 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u0435 \u0432\u044d\u043a\u0442\u0430\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0456\u043a\u0443. \u0423 \u0446\u044f\u043f\u0435\u0440\u0430\u0448\u043d\u0456 \u043c\u043e\u043c\u0430\u043d\u0442 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u044e\u0446\u0446\u0430: ${renderers}\",\n+\n+    'minZoomLevelError': \"\u0423\u043b\u0430\u0441\u044c\u0446\u0456\u0432\u0430\u0441\u044c\u0446\u044c minZoomLevel \u043f\u0440\u044b\u0437\u043d\u0430\u0447\u0430\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u0456 \u0434\u043b\u044f \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u0430\u043d\u044c\u043d\u044f \u0441\u0430 \u0441\u043b\u0430\u044f\u043c\u0456 \u0432\u044b\u0442\u0432\u043e\u0440\u043d\u044b\u043c\u0456 \u0430\u0434 FixedZoomLevels. \u0422\u043e\u0435, \u0448\u0442\u043e  \u0433\u044d\u0442\u044b wfs-\u0441\u043b\u043e\u0439 \u043f\u0440\u0430\u0432\u044f\u0440\u0430\u0435\u0446\u0446\u0430 \u043d\u0430 minZoomLevel \u2014 \u0440\u044d\u0445\u0430 \u043f\u0440\u043e\u0448\u043b\u0430\u0433\u0430. \u0410\u043b\u0435 \u043c\u044b \u043d\u044f \u043c\u043e\u0436\u0430\u043c \u0432\u044b\u0434\u0430\u043b\u0456\u0446\u044c \u0433\u044d\u0442\u0443\u044e \u043c\u0430\u0433\u0447\u044b\u043c\u0430\u0441\u044c\u0446\u044c, \u0442\u0430\u043c\u0443 \u0448\u0442\u043e \u0430\u0434 \u044f\u0435 \u0437\u0430\u043b\u0435\u0436\u0430\u0446\u044c \u043d\u0435\u043a\u0430\u0442\u043e\u0440\u044b\u044f \u0437\u0430\u0441\u043d\u0430\u0432\u0430\u043d\u044b\u044f \u043d\u0430 OL \u0434\u0430\u0441\u0442\u0430\u0441\u0430\u0432\u0430\u043d\u044c\u043d\u0456. \u0422\u044b\u043c \u043d\u044f \u043c\u0435\u043d\u0448, \u043f\u0440\u0430\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0437\u0435 \u0432\u044b\u0434\u0430\u043b\u0435\u043d\u0430\u044f \u045e \u0432\u044d\u0440\u0441\u0456\u0456 3.0. \u041a\u0430\u043b\u0456 \u043b\u0430\u0441\u043a\u0430, \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0435\u0446\u0435 \u0437\u0430\u043c\u0435\u0441\u0442 \u044f\u0435 \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0456 \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0430\u0433\u0430/\u043c\u0430\u043a\u0441\u044b\u043c\u0430\u043b\u044c\u043d\u0430\u0433\u0430 \u043f\u0430\u043c\u0435\u0440\u0430\u045e, \u044f\u043a \u0430\u043f\u0456\u0441\u0430\u043d\u0430 \u0442\u0443\u0442: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-\u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u044b\u044f: \u041f\u041e\u0421\u042c\u041f\u0415\u0425 ${response}\",\n+\n+    'commitFailed': \"WFS-\u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u044b\u044f: \u041f\u0410\u041c\u042b\u041b\u041a\u0410 ${response}\",\n+\n+    'googleWarning': \"\u041d\u0435 \u0430\u0442\u0440\u044b\u043c\u0430\u043b\u0430\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u0456\u0446\u044c \u0441\u043b\u043e\u0439 Google. \\x3cbr\\x3e\\x3cbr\\x3e\u041a\u0430\u0431 \u043f\u0430\u0437\u0431\u0430\u0432\u0456\u0446\u0446\u0430 \u0433\u044d\u0442\u0430\u0433\u0430 \u043f\u0430\u0432\u0435\u0434\u0430\u043c\u043b\u0435\u043d\u044c\u043d\u044f, \u0432\u044b\u0431\u0435\u0440\u044b\u0446\u0435 \u043d\u043e\u0432\u044b \u0431\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439 \u0443 \u0441\u044c\u043f\u0456\u0441\u0435 \u045e \u0432\u0435\u0440\u0445\u043d\u0456\u043c \u043f\u0440\u0430\u0432\u044b\u043c \u043a\u0443\u0446\u0435.\\x3cbr\\x3e\\x3cbr\\x3e \u0425\u0443\u0442\u0447\u044d\u0439 \u0437\u0430 \u045e\u0441\u0451, \u043f\u0440\u044b\u0447\u044b\u043d\u0430 \u045e \u0442\u044b\u043c, \u0448\u0442\u043e \u0441\u043a\u0440\u044b\u043f\u0442 \u0431\u0456\u0431\u043b\u0456\u044f\u0442\u044d\u043a\u0456 Google Maps \u043d\u044f \u0431\u044b\u045e \u0443\u043a\u043b\u044e\u0447\u0430\u043d\u044b\u044f \u0430\u043b\u044c\u0431\u043e \u043d\u0435 \u045e\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u0435 \u0441\u043b\u0443\u0448\u043d\u044b API-\u043a\u043b\u044e\u0447 \u0434\u043b\u044f \u0412\u0430\u0448\u0430\u0433\u0430 \u0441\u0430\u0439\u0442\u0430.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0441\u043f\u0440\u0430\u0446\u043e\u045e\u0448\u0447\u044b\u043a\u0430\u043c: \u0414\u043b\u044f \u0442\u0430\u0433\u043e, \u043a\u0430\u0431 \u0434\u0430\u0432\u0435\u0434\u0430\u0446\u0446\u0430 \u044f\u043a \u0437\u0440\u0430\u0431\u0456\u0446\u044c \u0442\u0430\u043a, \u043a\u0430\u0431 \u0443\u0441\u0451 \u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043b\u0430, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u043d\u0430\u0446\u0456\u0441\u044c\u043d\u0456\u0446\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"\u041d\u0435\u043c\u0430\u0433\u0447\u044b\u043c\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0456\u0446\u044c \u0441\u043b\u043e\u0439 ${layerType}.\\x3cbr\\x3e\\x3cbr\\x3e\u041a\u0430\u0431 \u043f\u0430\u0437\u0431\u0430\u0432\u0456\u0446\u0446\u0430 \u0433\u044d\u0442\u0430\u0433\u0430 \u043f\u0430\u0432\u0435\u0434\u0430\u043c\u043b\u0435\u043d\u044c\u043d\u044f, \u0432\u044b\u0431\u0435\u0440\u044b\u0446\u0435 \u043d\u043e\u0432\u044b \u0431\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439 \u0443 \u0441\u044c\u043f\u0456\u0441\u0435 \u045e \u0432\u0435\u0440\u0445\u043d\u0456\u043c \u043f\u0440\u0430\u0432\u044b\u043c \u043a\u0443\u0446\u0435.\\x3cbr\\x3e\\x3cbr\\x3e\u0425\u0443\u0442\u0447\u044d\u0439 \u0437\u0430 \u045e\u0441\u0451, \u043f\u0440\u044b\u0447\u044b\u043d\u0430 \u045e \u0442\u044b\u043c, \u0448\u0442\u043e \u0441\u043a\u0440\u044b\u043f\u0442 \u0431\u0456\u0431\u043b\u0456\u044f\u0442\u044d\u043a\u0456 ${layerLib} \u043d\u044f \u0431\u044b\u045e \u0441\u043b\u0443\u0448\u043d\u0430 \u045e\u043a\u043b\u044e\u0447\u0430\u043d\u044b.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0441\u043f\u0440\u0430\u0446\u043e\u045e\u0448\u0447\u044b\u043a\u0430\u043c: \u0414\u043b\u044f \u0442\u0430\u0433\u043e, \u043a\u0430\u0431 \u0434\u0430\u0432\u0435\u0434\u0430\u0446\u0446\u0430 \u044f\u043a \u0437\u0440\u0430\u0431\u0456\u0446\u044c \u0442\u0430\u043a, \u043a\u0430\u0431 \u0443\u0441\u0451 \u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043b\u0430, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u043d\u0430\u0446\u0456\u0441\u044c\u043d\u0456\u0446\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n+\n+    'W': \"\u0417\",\n+\n+    'E': \"\u0423\",\n+\n+    'N': \"\u041f\u043d\",\n+\n+    'S': \"\u041f\u0434\",\n+\n+    'reprojectDeprecated': \"\u0412\u044b \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0435\u0446\u0435 \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0443 \\'reproject\\' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u0413\u044d\u0442\u0430\u044f \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0430 \u0437\u044c\u044f\u045e\u043b\u044f\u0435\u0446\u0446\u0430 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u0430\u0439: \u044f\u043d\u0430 \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u043b\u0430\u0441\u044f \u0434\u043b\u044f \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0456 \u043f\u0430\u043a\u0430\u0437\u0443 \u0437\u044c\u0432\u0435\u0441\u0442\u0430\u043a \u043d\u0430 \u043a\u0430\u043c\u044d\u0440\u0446\u044b\u0439\u043d\u044b\u0445 \u0431\u0430\u0437\u0430\u0432\u044b\u0445 \u043c\u0430\u043f\u0430\u0445, \u0430\u043b\u0435 \u0433\u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u044b\u044f \u0446\u044f\u043f\u0435\u0440 \u0440\u044d\u0430\u043b\u0456\u0437\u0430\u0432\u0430\u043d\u0430\u044f \u045e \u0443\u0431\u0443\u0434\u0430\u0432\u0430\u043d\u0430\u0439 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u0446\u044b \u0441\u0444\u044d\u0440\u044b\u0447\u043d\u0430\u0439 \u043f\u0440\u0430\u0435\u043a\u0446\u044b\u0456 \u041c\u044d\u0440\u043a\u0430\u0442\u0430\u0440\u0430. \u0414\u0430\u0434\u0430\u0442\u043a\u043e\u0432\u0430\u044f \u0456\u043d\u0444\u0430\u0440\u043c\u0430\u0446\u044b\u044f \u0451\u0441\u044c\u0446\u044c \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"\u0413\u044d\u0442\u044b \u043c\u044d\u0442\u0430\u0434 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u044b \u0456 \u0431\u0443\u0434\u0437\u0435 \u0432\u044b\u0434\u0430\u043b\u0435\u043d\u044b \u045e \u0432\u044d\u0440\u0441\u0456\u0456 3.0. \u041a\u0430\u043b\u0456 \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u043c\u0435\u0441\u0442 \u044f\u0433\u043e \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0439\u0446\u0435 ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/ksh.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Purodha\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ksh\"]\n+ * Dictionary for Ripoarisch.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"ksh\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Met d\u00e4 Antwoot op en Aanfrooch ham_mer nix aanjefange: ${statusText}\",\n+\n+    'Permalink': \"Lengk op Duuer\",\n+\n+    'Overlays': \"Dr\u00f6vver jelaat\",\n+\n+    'Base Layer': \"Jrund-Nivoh\",\n+\n+    'noFID': \"En Saach, woh kein \\x3ci lang=\\\"en\\\"\\x3eFID\\x3c/i\\x3e f\u00f6r doh es, l\u00f6ht sesch nit \u00e4ndere.\",\n+\n+    'browserNotSupported': \"Dinge Brauser kann kein V\u00e4ktore u\u00dfj\u00e4vve. De Zoote U\u00dfjaabe, di em Momang jon, sen:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"De Eijeschaff \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c es blo\u00df dof\u00f6r jedaach, dat mer se met d\u00e4 Nivvoh\u00df bruch, di vun \\x3ccode lang=\\\"en\\\"\\x3eFixedZoomLevels\\x3c/code\\x3e affhange don. Dat dat \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-Nivvoh \u00f6vverhoup de Eijeschaff \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c pr\u00f6hfe deiht, es noch \u00f6vveresch vun fr\u00f6hjer. Mer k\u00fcnne dat \u00e4vver jez nit fott loh\u00dfe, oohne dat mer Jevaa loufe, dat Aanwendunge vun OpenLayers nit mieh loufe, di sesch doh velleijsch noch drop am verloh\u00dfe sin. Dr\u00f6m sare mer, dat mer et nit mieh han welle, un de \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c-Eijeschaff weed hee vun de Version 3.0 af nit mieh jepr\u00f6\u00f6f w\u00e4de. Nemm dof\u00f6r de Enstellung f\u00f6r de h\u00fch\u00dfte un de klein\u00dfte Opl\u00f6hsung, esu wi et en http://trac.openlayers.org/wiki/SettingZoomLevels opjeschrevve es.\",\n+\n+    'commitSuccess': \"D\u00e4 \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-V\u00f6rjang es joot jeloufe: ${response}\",\n+\n+    'commitFailed': \"D\u00e4 \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-V\u00f6rjang es scheif jejange: ${response}\",\n+\n+    'googleWarning': \"Dat Nivvoh \\x3ccode lang=\\\"en\\\"\\x3eGoogle\\x3c/code\\x3e kunnt nit reschtesch jelaade w\u00e4\u00e4de.\\x3cbr /\\x3e\\x3cbr /\\x3e\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hke, r\u00e4h\u00df bovve en de \u00c4k.\\x3cbr /\\x3e\\x3cbr /\\x3eWascheinlesch es dat wiel dat \\x3ci lang=\\\"en\\\"\\x3eGoogle-Maps\\x3c/i\\x3e-Skrepp entweeder nit reschtesch enjebonge wood, udder nit d\u00e4 reschtejje \\x3ci lang=\\\"en\\\"\\x3eAPI\\x3c/i\\x3e-Schl\u00f6\u00dfel f\u00f6r Ding Web-\u00dfait scheke deiht.\\x3cbr /\\x3e\\x3cbr /\\x3eF\u00f6r Projrammierer jidd_et H\u00f6lp do_dr\u00f6vver, \\x3ca href=\\\"http://trac.openlayers.org/wiki/Google\\\" target=\\\"_blank\\\"\\x3ewi mer dat aan et Loufe brengk\\x3c/a\\x3e.\",\n+\n+    'getLayerWarning': \"Dat Nivvoh \\x3ccode\\x3e${layerType}\\x3c/code\\x3e kunnt nit reschtesch jelaade w\u00e4\u00e4de.\\x3cbr /\\x3e\\x3cbr /\\x3e\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hkre, r\u00e4h\u00df bovve en de \u00c4k.\\x3cbr /\\x3e\\x3cbr /\\x3eWascheinlesch es dat, wiel dat Skrepp \\x3ccode\\x3e${layerLib}\\x3c/code\\x3e nit reschtesch enjebonge wood.\\x3cbr /\\x3e\\x3cbr /\\x3eF\u00f6r Projrammierer jidd_Et H\u00f6lp do_dr\u00f6vver, \\x3ca href=\\\"http://trac.openlayers.org/wiki/${layerLib}\\\" target=\\\"_blank\\\"\\x3ewi mer dat aan et Loufe brengk\\x3c/a\\x3e.\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Moh\u00dfshtaab = 1 : ${scaleDenom}\",\n+\n+    'W': \"W\",\n+\n+    'E': \"O\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Do bruchs de U\u00dfwahl \\x3ccode\\x3ereproject\\x3c/code\\x3e op d\u00e4m Nivvoh \\x3ccode\\x3e${layerName}\\x3c/code\\x3e. Di U\u00dfwahl es nit mieh j\u00e4hn jesinn. Se wohr dof\u00f6r jedaach, \u00f6m Date op jesch\u00e4\u00e4fsm\u00e4\u00dfesch eru\u00df jejovve Kaate bovve drop ze moole, wat \u00e4vver enzwesche besser met d\u00e4 \u00d6ngersht\u00f6zung f\u00f6r de \u00dff\u00e4\u00e4resche M\u00e4kaator Beldscher jeiht. Doh kanns De mieh dr\u00f6vver fenge op d\u00e4 Sigg: http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Hee di Metood es nim_mih akto\u00e4ll un et weed se en d\u00e4 Version 3.0 nit mieh j\u00e4vve. Nemm \\x3ccode\\x3e${newMethod}\\x3c/code\\x3e dof\u00f6\u00f6r.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/km.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - \u179c\u17d0\u178e\u1790\u17b6\u179a\u17b7\u1791\u17d2\u1792\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"km\"]\n+ * Dictionary for \u1797\u17b6\u179f\u17b6\u1781\u17d2\u1798\u17c2\u179a.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"km\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"\u178f\u17c6\u178e\u1797\u17d2\u1787\u17b6\u1794\u17cb\u17a2\u1785\u17b7\u1793\u17d2\u178f\u17d2\u179a\u17c3\u1799\u17cd\",\n+\n+    'Base Layer': \"\u179f\u17d2\u179a\u1791\u17b6\u1794\u17cb\u1794\u17b6\u178f\u200b\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u1798\u17b6\u178f\u17d2\u179a\u178a\u17d2\u178b\u17b6\u1793 = \u17e1 \u17d6 ${scaleDenom}\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/fr.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Damouns\n+ *  - IAlex\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"fr\"]\n+ * Dictionary for Fran\u00e7ais.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"fr\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Requ\u00eate non g\u00e9r\u00e9e, retournant ${statusText}\",\n+\n+    'Permalink': \"Permalien\",\n+\n+    'Overlays': \"Calques\",\n+\n+    'Base Layer': \"Calque de base\",\n+\n+    'noFID': \"Impossible de mettre \u00e0 jour un objet sans identifiant (fid).\",\n+\n+    'browserNotSupported': \"Votre navigateur ne supporte pas le rendu vectoriel. Les renderers actuellement support\u00e9s sont : \\n${renderers}\",\n+\n+    'minZoomLevelError': \"La propri\u00e9t\u00e9 minZoomLevel doit seulement \u00eatre utilis\u00e9e pour des couches FixedZoomLevels-descendent. Le fait que cette couche WFS v\u00e9rifie la pr\u00e9sence de minZoomLevel est une relique du pass\u00e9. Nous ne pouvons toutefois la supprimer sans casser des applications qui pourraient en d\u00e9pendre. C\\'est pourquoi nous la d\u00e9pr\u00e9cions -- la v\u00e9rification du minZoomLevel sera supprim\u00e9e en version 3.0. A la place, merci d\\'utiliser les param\u00e8tres de r\u00e9solutions min/max tel que d\u00e9crit sur : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transaction WFS : SUCCES ${response}\",\n+\n+    'commitFailed': \"Transaction WFS : ECHEC ${response}\",\n+\n+    'googleWarning': \"La couche Google n\\'a pas \u00e9t\u00e9 en mesure de se charger correctement.\\x3cbr\\x3e\\x3cbr\\x3ePour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.\\x3cbr\\x3e\\x3cbr\\x3eCela est possiblement caus\u00e9 par la non-inclusion de la librairie Google Maps, ou alors parce que la cl\u00e9 de l\\'API ne correspond pas \u00e0 votre site.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e9veloppeurs : pour savoir comment corriger ceci, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ecliquez ici\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"La couche ${layerType} n\\'est pas en mesure de se charger correctement.\\x3cbr\\x3e\\x3cbr\\x3ePour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.\\x3cbr\\x3e\\x3cbr\\x3eCela est possiblement caus\u00e9 par la non-inclusion de la librairie ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e9veloppeurs : pour savoir comment corriger ceci, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ecliquez ici\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Echelle ~ 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"E\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Vous utilisez l\\'option \\'reproject\\' sur la couche ${layerName}. Cette option est d\u00e9pr\u00e9ci\u00e9e : Son usage permettait d\\'afficher des donn\u00e9es au dessus de couches raster commerciales.Cette fonctionalit\u00e9 est maintenant support\u00e9e en utilisant le support de la projection Mercator Sph\u00e9rique. Plus d\\'information est disponible sur http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Cette m\u00e9thode est d\u00e9pr\u00e9ci\u00e9e, et sera supprim\u00e9e \u00e0 la version 3.0. Merci d\\'utiliser ${newMethod} \u00e0 la place.\"\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/nds.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Slomox\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"nds\"]\n+ * Dictionary for Plattd\u00fc\u00fctsch.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"nds\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Unbehannelt Tr\u00fcchmellels f\u00f6r de Anfraag ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Achtergrundkoort\",\n+\n+    'noFID': \"En Feature, dat keen FID hett, kann nich aktuell maakt warrn.\",\n+\n+    'browserNotSupported': \"Dien Browser \u00fcnnerst\u00fctt keen Vektorbiller. \u00dcnnerst\u00fctt Renderers:\\n${renderers}\",\n+\n+    'commitSuccess': \"WFS-Transakschoon: hett klappt ${response}\",\n+\n+    'commitFailed': \"WFS-Transakschoon: hett nich klappt ${response}\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skaal = 1 : ${scaleDenom}\",\n+\n+    'methodDeprecated': \"Disse Methood is oold un schall dat in 3.0 nich mehr geven. Bruuk dor man beter ${newMethod} f\u00f6r.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/ar.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Meno25\n+ *  - Mutarjem horr\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ar\"]\n+ * Dictionary for \u0627\u0644\u0639\u0631\u0628\u064a\u0629.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"ar\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"\u0648\u0635\u0644\u0629 \u062f\u0627\u0626\u0645\u0629\",\n+\n+    'Base Layer': \"\u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0627\u0633\u0627\u0633\u064a\u0629\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u0627\u0644\u0646\u0633\u0628\u0629 = 1 : ${scaleDenom}\",\n+\n+    'W': \"\u063a\",\n+\n+    'E': \"\u0634\u0631\",\n+\n+    'N': \"\u0634\u0645\",\n+\n+    'S': \"\u062c\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/hu.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - City-busz\n+ *  - Glanthor Reviol\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"hu\"]\n+ * Dictionary for Magyar.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"hu\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Nem kezelt k\u00e9r\u00e9s visszat\u00e9r\u00e9se ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"R\u00e1vet\u00edt\u00e9sek\",\n+\n+    'Base Layer': \"Alapr\u00e9teg\",\n+\n+    'noFID': \"Nem friss\u00edthet\u0151 olyan jellemz\u0151, amely nem rendelkezik FID-del.\",\n+\n+    'browserNotSupported': \"A b\u00f6ng\u00e9sz\u0151je nem t\u00e1mogatja a vektoros renderel\u00e9st. A jelenleg t\u00e1mogatott renderel\u0151k:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"A minZoomLevel tulajdons\u00e1got csak a k\u00f6vetkez\u0151vel val\u00f3 haszn\u00e1latra sz\u00e1nt\u00e1k: FixedZoomLevels-lesz\u00e1rmazott f\u00f3li\u00e1k. Ez azt jelenti, hogy a minZoomLevel wfs f\u00f3lia jel\u00f6l\u0151n\u00e9gyzetei m\u00e1r a m\u00falt\u00e9. Mi azonban nem t\u00e1vol\u00edthatjuk el annak a vesz\u00e9lye n\u00e9lk\u00fcl, hogy az esetlegesen ett\u0151l f\u00fcgg\u0151 OL alap\u00fa alkalmaz\u00e1sokat t\u00f6nkretenn\u00e9nk. Ez\u00e9rt ezt \u00e9rv\u00e9nytelen\u00edtj\u00fck -- a minZoomLevel az alul lev\u0151 jel\u00f6l\u0151n\u00e9gyzet a 3.0-s verzi\u00f3b\u00f3l el lesz t\u00e1vol\u00edtva. K\u00e9rj\u00fck, helyette haszn\u00e1lja a  min/max felbont\u00e1s be\u00e1ll\u00edt\u00e1st, amelyr\u0151l az al\u00e1bbi helyen tal\u00e1l le\u00edr\u00e1st: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS tranzakci\u00f3: SIKERES ${response}\",\n+\n+    'commitFailed': \"WFS tranzakci\u00f3: SIKERTELEN ${response}\",\n+\n+    'googleWarning': \"A Google f\u00f3lia bet\u00f6lt\u00e9se sikertelen.\\x3cbr\\x3e\\x3cbr\\x3eAhhoz, hogy ez az \u00fczenet elt\u0171nj\u00f6n, v\u00e1lasszon egy \u00faj BaseLayer f\u00f3li\u00e1t a jobb fels\u0151 sarokban tal\u00e1lhat\u00f3 f\u00f3liakapcsol\u00f3 seg\u00edts\u00e9g\u00e9vel.\\x3cbr\\x3e\\x3cbr\\x3eNagy val\u00f3sz\u00edn\u0171s\u00e9ggel ez az\u00e9rt van, mert a Google Maps k\u00f6nyvt\u00e1r parancsf\u00e1jlja nem tal\u00e1lhat\u00f3, vagy nem tartalmazza az \u00d6n oldal\u00e1hoz tartoz\u00f3 megfelel\u0151 API-kulcsot.\\x3cbr\\x3e\\x3cbr\\x3eFejleszt\u0151knek: A helyes m\u0171k\u00f6dtet\u00e9sre vonatkoz\u00f3 seg\u00edts\u00e9g az al\u00e1bbi helyen \u00e9rhet\u0151 el, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ekattintson ide\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"A(z) ${layerType} f\u00f3lia nem t\u00f6lt\u0151d\u00f6tt be helyesen.\\x3cbr\\x3e\\x3cbr\\x3eAhhoz, hogy ez az \u00fczenet elt\u0171nj\u00f6n, v\u00e1lasszon egy \u00faj BaseLayer f\u00f3li\u00e1t a jobb fels\u0151 sarokban tal\u00e1lhat\u00f3 f\u00f3liakapcsol\u00f3 seg\u00edts\u00e9g\u00e9vel.\\x3cbr\\x3e\\x3cbr\\x3eNagy val\u00f3sz\u00edn\u0171s\u00e9ggel ez az\u00e9rt van, mert a(z) ${layerLib} k\u00f6nyvt\u00e1r parancsf\u00e1jlja helytelen.\\x3cbr\\x3e\\x3cbr\\x3eFejleszt\u0151knek: A helyes m\u0171k\u00f6dtet\u00e9sre vonatkoz\u00f3 seg\u00edts\u00e9g az al\u00e1bbi helyen \u00e9rhet\u0151 el, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ekattintson ide\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"L\u00e9pt\u00e9k = 1 : ${scaleDenom}\",\n+\n+    'W': \"Ny\",\n+\n+    'E': \"K\",\n+\n+    'N': \"\u00c9\",\n+\n+    'S': \"D\",\n+\n+    'reprojectDeprecated': \"\u00d6n a \\'reproject\\' be\u00e1ll\u00edt\u00e1st haszn\u00e1lja a(z) ${layerName} f\u00f3li\u00e1n. Ez a be\u00e1ll\u00edt\u00e1s \u00e9rv\u00e9nytelen: haszn\u00e1lata az \u00fczleti alapt\u00e9rk\u00e9pek f\u00f6l\u00f6tti adatok megjelen\u00edt\u00e9s\u00e9nek t\u00e1mogat\u00e1s\u00e1ra szolg\u00e1lt, de ezt a funkci\u00f3 ezent\u00fal a G\u00f6mbi Mercator haszn\u00e1lat\u00e1val \u00e9rhet\u0151 el. Tov\u00e1bbi inform\u00e1ci\u00f3 az al\u00e1bbi helyen \u00e9rhet\u0151 el: http://trac.openlayers.org/wiki/SphericalMercator\",\n+\n+    'methodDeprecated': \"Ez a m\u00f3dszer \u00e9rv\u00e9nytelen\u00edtve lett \u00e9s a 3.0-s verzi\u00f3b\u00f3l el lesz t\u00e1vol\u00edtva. Haszn\u00e1lja a(z) ${newMethod} m\u00f3dszert helyette.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/gl.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Toli\u00f1o\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"gl\"]\n+ * Dictionary for Galego.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"gl\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Solicitude non xerada; a resposta foi: ${statusText}\",\n+\n+    'Permalink': \"Ligaz\u00f3n permanente\",\n+\n+    'Overlays': \"Capas superpostas\",\n+\n+    'Base Layer': \"Capa base\",\n+\n+    'noFID': \"Non se pode actualizar a funcionalidade para a que non hai FID.\",\n+\n+    'browserNotSupported': \"O seu navegador non soporta a renderizaci\u00f3n de vectores. Os renderizadores soportados actualmente son:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"A propiedade minZoomLevel \u00e9 s\u00f3 para uso conxuntamente coas capas FixedZoomLevels-descendent. O feito de que esa capa wfs verifique o minZoomLevel \u00e9 unha reliquia do pasado. Non podemos, con todo, eliminala sen a posibilidade de non romper as aplicaci\u00f3ns baseadas en OL que poidan depender dela. Por iso a estamos deixando obsoleta (a comprobaci\u00f3n minZoomLevel de embaixo ser\u00e1 eliminada na versi\u00f3n 3.0). Por favor, no canto diso use o axuste de resoluci\u00f3n m\u00edn/m\u00e1x tal e como est\u00e1 descrito aqu\u00ed: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transacci\u00f3n WFS: \u00c9XITO ${response}\",\n+\n+    'commitFailed': \"Transacci\u00f3n WFS: FALLIDA ${response}\",\n+\n+    'googleWarning': \"A capa do Google non puido cargarse correctamente.\\x3cbr\\x3e\\x3cbr\\x3ePara evitar esta mensaxe, escolla unha nova capa base no seleccionador de capas na marxe superior dereita.\\x3cbr\\x3e\\x3cbr\\x3eProbablemente, isto acontece porque a escritura da librar\u00eda do Google Maps ou ben non foi inclu\u00edda ou ben non cont\u00e9n a clave API correcta para o seu sitio.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: para axudar a facer funcionar isto correctamente, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3epremede aqu\u00ed\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"A capa ${layerType} foi incapaz de cargarse correctamente.\\x3cbr\\x3e\\x3cbr\\x3ePara evitar esta mensaxe, escolla unha nova capa base no seleccionador de capas na marxe superior dereita.\\x3cbr\\x3e\\x3cbr\\x3eProbablemente, isto acontece porque a escritura da librar\u00eda ${layerLib} non foi ben inclu\u00edda.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: para axudar a facer funcionar isto correctamente, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3epremede aqu\u00ed\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"L\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Est\u00e1 usando a opci\u00f3n \\\"reproject\\\" na capa ${layerName}. Esta opci\u00f3n est\u00e1 obsoleta: o seu uso foi dese\u00f1ado para a visualizaci\u00f3n de datos sobre mapas base comerciais, pero esta funcionalidade debera agora ser obtida utilizando a proxecci\u00f3n Spherical Mercator. Hai dispo\u00f1ible m\u00e1is informaci\u00f3n en http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Este m\u00e9todo est\u00e1 obsoleto e ser\u00e1 eliminado na versi\u00f3n 3.0. Por favor, no canto deste use ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/en-CA.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang/en.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"en-CA\"]\n+ * Dictionary for English-CA.  This dictionary inherits from the standard\n+ *     English dictionary.  Override only those entries with language specific\n+ *     to the CA region.\n+ *     \n+ * Keys for entries are used in calls to <OpenLayers.Lang.translate>.  Entry\n+ *     bodies are normal strings or strings formatted for use with\n+ *     <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang['en-CA'] = OpenLayers.Util.applyDefaults({\n+\n+    // add any entries specific for this region here\n+    // e.g.\n+    // \"someKey\": \"Some regionally specific value\"\n+\n+}, OpenLayers.Lang[\"en\"]);\n+/* ======================================================================\n+    OpenLayers/Lang/hsb.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Michawiki\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"hsb\"]\n+ * Dictionary for Hornjoserbsce.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"hsb\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Wotmo\u0142wa njewobd\u017a\u011b\u0142aneho napra\u0161owanja ${statusText}\",\n+\n+    'Permalink': \"Trajny wotkaz\",\n+\n+    'Overlays': \"Nawor\u0161towanja\",\n+\n+    'Base Layer': \"Zak\u0142adna runina\",\n+\n+    'noFID': \"Funkcija, za kotru\u017e FID njeje, njeda so aktualizowa\u0107.\",\n+\n+    'browserNotSupported': \"Tw\u00f3j wobhladowak wektorowe rysowanje njepodp\u011bruje. Tuchwilu podp\u011browane rysowaki su:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Kajkos\u0107 minZoomLevel je jeno\u017e za wu\u017eiwanje z wor\u0161tami myslena, kotre\u017e wot FixedZoomLevels pochad\u017aeja. Zo tuta wor\u0161ta wfs za minZoomLevel p\u0159epruwuje, je relikt za\u0144d\u017aenos\u0107e. Njem\u00f3\u017eemy w\u0161ak ju wotstroni\u0107, bjeztoho zo aplikacije, kotre\u017e na OpenLayers baz\u011bruja a snano tutu kajkos\u0107 wu\u017eiwaja, hi\u017eo njefunguja. Tohodla smy ju jako zestarjenu woznamjenili -- p\u0159epruwowanje za minZoomLevel budu so we wersiji 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij m\u011bsto toho nastajenje min/max, ka\u017e je tu wopisane: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-Transakcija: WUSP\u011a\u0160NA ${response}\",\n+\n+    'commitFailed': \"WFS-Transakcija: NJEPORAD\u0179ENA ${response}\",\n+\n+    'googleWarning': \"Wor\u0161ta Google njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.\\x3cbr\\x3e\\x3cbr\\x3eZo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.\\x3cbr\\x3e\\x3cbr\\x3eNajskerje so to stawa, dokel\u017e skript biblioteki Google Maps pak njebu zap\u0159ijaty pak njewobsahuje korektny klu\u010d API za twoje syd\u0142o.\\x3cbr\\x3e\\x3cbr\\x3eWuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3etu klikny\u0107\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"Wor\u0161ta ${layerType} njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.\\x3cbr\\x3e\\x3cbr\\x3eZo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.\\x3cbr\\x3e\\x3cbr\\x3eNajskerje so to stawa, dokel\u017e skript biblioteki ${layerLib} njebu korektnje zap\u0159ijaty.\\x3cbr\\x3e\\x3cbr\\x3eWuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3etu klikny\u0107\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"M\u011britko = 1 : ${scaleDenom}\",\n+\n+    'W': \"Z\",\n+\n+    'E': \"W\",\n+\n+    'N': \"S\",\n+\n+    'S': \"J\",\n+\n+    'reprojectDeprecated': \"Wu\u017eiwa\u0161 opciju \\\"reproject\\\" wo\u0159\u0161ty ${layerName}. Tuta opcija je zestarjena: jeje wu\u017eiwanje b\u011b myslene, zo by zwobraznjenje datow nad komercielnymi bazowymi kartami podp\u011bra\u0142o, ale funkcionalnos\u0107 m\u011b\u0142a so n\u011btko z pomocu Sperical Mercator docp\u011b\u0107. Dal\u0161e informacije steja na http://trac.openlayers.org/wiki/SphericalMercator k dispoziciji.\",\n+\n+    'methodDeprecated': \"Tuta metoda je so njeschwali\u0142a a bud\u017ae so w 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij ${newMethod} m\u011bsto toho.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/id.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Irwangatot\n+ *  - IvanLanin\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"id\"]\n+ * Dictionary for Bahasa Indonesia.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"id\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Permintaan yang tak tertangani menghasilkan ${statusText}\",\n+\n+    'Permalink': \"Pranala permanen\",\n+\n+    'Overlays': \"Hamparan\",\n+\n+    'Base Layer': \"Lapisan Dasar\",\n+\n+    'noFID': \"Tidak dapat memperbarui fitur yang tidak memiliki FID.\",\n+\n+    'browserNotSupported': \"Peramban Anda tidak mendukung penggambaran vektor. Penggambar yang didukung saat ini adalah:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Properti minZoomLevel hanya ditujukan bekerja dengan lapisan FixedZoomLevels-descendent. Pengecekan minZoomLevel oleh lapisan wfs adalah peninggalan masa lalu. Kami tidak dapat menghapusnya tanpa kemungkinan merusak aplikasi berbasis OL yang mungkin bergantung padanya. Karenanya, kami menganggapnya tidak berlaku -- Cek minZoomLevel di bawah ini akan dihapus pada 3.0. Silakan gunakan penyetelan resolusi min/maks seperti dijabarkan di sini: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS Transaksi: BERHASIL ${respon}\",\n+\n+    'commitFailed': \"WFS Transaksi: GAGAL ${respon}\",\n+\n+    'googleWarning': \"Lapisan Google tidak dapat dimuat dengan benar.\\x3cbr\\x3e\\x3cbr\\x3eUntuk menghilangkan pesan ini, pilih suatu BaseLayer baru melalui penukar lapisan (layer switcher) di ujung kanan atas.\\x3cbr\\x3e\\x3cbr\\x3eKemungkinan besar ini karena pustaka skrip Google Maps tidak disertakan atau tidak mengandung kunci API yang tepat untuk situs Anda.\\x3cbr\\x3e\\x3cbr\\x3ePengembang: Untuk bantuan mengatasi masalah ini, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklik di sini\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"Lapisan ${layerType} tidak dapat dimuat dengan benar.\\x3cbr\\x3e\\x3cbr\\x3eUntuk menghilangkan pesan ini, pilih suatu BaseLayer baru melalui penukar lapisan (layer switcher) di ujung kanan atas.\\x3cbr\\x3e\\x3cbr\\x3eKemungkinan besar ini karena pustaka skrip Google Maps tidak disertakan dengan benar.\\x3cbr\\x3e\\x3cbr\\x3ePengembang: Untuk bantuan mengatasi masalah ini, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik di sini\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Sekala = 1 : ${scaleDenom}\",\n+\n+    'W': \"B\",\n+\n+    'E': \"T\",\n+\n+    'N': \"U\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Anda menggunakan opsi \\'reproject\\' pada lapisan ${layerName}. Opsi ini telah ditinggalkan: penggunaannya dirancang untuk mendukung tampilan data melalui peta dasar komersial, tapi fungsionalitas tersebut saat ini harus dilakukan dengan menggunakan dukungan Spherical Mercator. Informasi lebih lanjut tersedia di http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Metode ini telah usang dan akan dihapus di 3.0. Sebaliknya, harap gunakan ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/zh-TW.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"zh-TW\"]\n+ * Dictionary for Traditional Chinese. (Used Mainly in Taiwan) \n+ * Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"zh-TW\"] = {\n+\n+    'unhandledRequest': \"\u672a\u8655\u7406\u7684\u8acb\u6c42\uff0c\u50b3\u56de\u503c\u70ba ${statusText}\u3002\",\n+\n+    'Permalink': \"\u6c38\u4e45\u9023\u7d50\",\n+\n+    'Overlays': \"\u984d\u5916\u5716\u5c64\",\n+\n+    'Base Layer': \"\u57fa\u790e\u5716\u5c64\",\n+\n+    'noFID': \"\u56e0\u70ba\u6c92\u6709 FID \u6240\u4ee5\u7121\u6cd5\u66f4\u65b0 feature\u3002\",\n+\n+    'browserNotSupported': \"\u60a8\u7684\u700f\u89bd\u5668\u672a\u652f\u63f4\u5411\u91cf\u6e32\u67d3. \u76ee\u524d\u652f\u63f4\u7684\u6e32\u67d3\u65b9\u5f0f\u662f:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"minZoomLevel \u5c6c\u6027\u50c5\u9069\u5408\u7528\u5728 \" +\n+        \"FixedZoomLevels-descendent \u985e\u578b\u7684\u5716\u5c64. \u9019\u500b\" +\n+        \"wfs layer \u7684 minZoomLevel \u662f\u904e\u53bb\u6240\u907a\u7559\u4e0b\u4f86\u7684\uff0c\" +\n+        \"\u7136\u800c\u6211\u5011\u4e0d\u80fd\u79fb\u9664\u5b83\u800c\u4e0d\u8b93\u5b83\u5c07\" +\n+        \"\u904e\u53bb\u7684\u7a0b\u5f0f\u76f8\u5bb9\u6027\u7d66\u7834\u58de\u6389\u3002\" +\n+        \"\u56e0\u6b64\u6211\u5011\u5c07\u6703\u8ff4\u907f\u4f7f\u7528\u5b83 -- minZoomLevel \" +\n+        \"\u6703\u57283.0\u88ab\u79fb\u9664\uff0c\u8acb\u6539\" +\n+        \"\u7528\u5728\u9019\u908a\u63cf\u8ff0\u7684 min/max resolution \u8a2d\u5b9a: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS Transaction: \u6210\u529f ${response}\",\n+\n+    'commitFailed': \"WFS Transaction: \u5931\u6557 ${response}\",\n+\n+    'googleWarning': \"The Google Layer \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" +\n+        \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" +\n+        \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" +\n+        \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba Google Maps \u7684\u51fd\u5f0f\u5eab\" +\n+        \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\uff0c\u6216\u6c92\u6709\u5305\u542b \" +\n+        \"\u60a8\u7db2\u7ad9\u4e0a\u6b63\u78ba\u7684 API key <br><br>\" +\n+        \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n+\n+    'getLayerWarning': \"${layerType} \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" +\n+        \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" +\n+        \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" +\n+        \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba ${layerLib} \u7684\u51fd\u5f0f\u5eab\" +\n+        \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\u3002<br><br>\" +\n+        \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Scale = 1 : ${scaleDenom}\",\n+\n+    // console message\n+    'reprojectDeprecated': \"\u4f60\u6b63\u4f7f\u7528 'reproject' \u9019\u500b\u9078\u9805 \" +\n+        \"\u5728 ${layerName} \u5c64\u3002\u9019\u500b\u9078\u9805\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528:\" +\n+        \"\u5b83\u7684\u4f7f\u7528\u539f\u672c\u662f\u8a2d\u8a08\u7528\u4f86\u652f\u63f4\u5728\u5546\u696d\u5730\u5716\u4e0a\u79c0\u51fa\u8cc7\u6599\uff0c\" +\n+        \"\u4f46\u9019\u500b\u529f\u80fd\u5df2\u7d93\u88ab\" +\n+        \"Spherical Mercator\u6240\u53d6\u4ee3\u3002\u66f4\u591a\u7684\u8cc7\u8a0a\u53ef\u4ee5\u5728 \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator \u627e\u5230\u3002\",\n+\n+    // console message\n+    'methodDeprecated': \"\u9019\u500b\u65b9\u6cd5\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528\u4e14\u57283.0\u5c07\u6703\u88ab\u79fb\u9664\uff0c\" +\n+        \"\u8acb\u4f7f\u7528 ${newMethod} \u4f86\u4ee3\u66ff\u3002\",\n+\n+    'end': ''\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/cs-CZ.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Mormegil\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"cs-CZ\"]\n+ * Dictionary for \u010cesky.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"cs-CZ\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Nezpracovan\u00e1 n\u00e1vratov\u00e1 hodnota ${statusText}\",\n+\n+    'Permalink': \"Trval\u00fd odkaz\",\n+\n+    'Overlays': \"P\u0159ekryvn\u00e9 vrstvy\",\n+\n+    'Base Layer': \"Podkladov\u00e9 vrstvy\",\n+\n+    'noFID': \"Nelze aktualizovat prvek, pro kter\u00fd neexistuje FID.\",\n+\n+    'browserNotSupported': \"V\u00e1\u0161 prohl\u00ed\u017ee\u010d nepodporuje vykreslov\u00e1n\u00ed vektor\u016f. Moment\u00e1ln\u011b podporovan\u00e9 n\u00e1stroje jsou::\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Vlastnost minZoomLevel by se m\u011bla pou\u017e\u00edvat pouze s potomky FixedZoomLevels vrstvami. To znamen\u00e1, \u017ee vrstva wfs kontroluje, zda-li minZoomLevel nen\u00ed zbytek z minulosti.Nelze to ov\u0161em vyjmout bez mo\u017enosti, \u017ee bychom rozbili aplikace postaven\u00e9 na OL, kter\u00e9 by na tom mohly z\u00e1viset. Proto tuto vlastnost nedoporu\u010dujeme pou\u017e\u00edvat --  kontrola minZoomLevel bude odstran\u011bna ve verzi 3.0. Pou\u017eijte pros\u00edm rad\u011bji nastaven\u00ed min/max podle p\u0159\u00edkaldu popsan\u00e9ho na: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS Transaction: \u00daSP\u011aCH ${response}\",\n+\n+    'commitFailed': \"WFS Transaction: CHYBA ${response}\",\n+\n+    'googleWarning': \"Nepoda\u0159ilo se spr\u00e1vn\u011b na\u010d\u00edst vrstvu Google.\\x3cbr\\x3e\\x3cbr\\x3eAbyste se zbavili t\u00e9to zpr\u00e1vy, zvolte jinou z\u00e1kladn\u00ed vrstvu v p\u0159ep\u00edna\u010di vrstev.\\x3cbr\\x3e\\x3cbr\\x3eTo se v\u011bt\u0161inou st\u00e1v\u00e1, pokud nebyl na\u010dten skript, nebo neobsahuje spr\u00e1vn\u00fd kl\u00ed\u010d pro API pro tuto str\u00e1nku.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1\u0159i: Pro pomoc, aby tohle fungovalo , \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklikn\u011bte sem\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"The ${layerType} Layer was unable to load correctly.\\x3cbr\\x3e\\x3cbr\\x3eTo get rid of this message, select a new BaseLayer in the layer switcher in the upper-right corner.\\x3cbr\\x3e\\x3cbr\\x3eMost likely, this is because the ${layerLib} library script was either not correctly included.\\x3cbr\\x3e\\x3cbr\\x3eDevelopers: For help getting this working correctly, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"M\u011b\u0159\u00edtko = 1 : ${scaleDenom}\",\n+\n+    'reprojectDeprecated': \"Pou\u017eil jste volbu \\'reproject\\' ve vrstv\u011b ${layerName}. Tato volba nen\u00ed doporu\u010den\u00e1: byla zde proto, aby bylo mo\u017eno zobrazovat data z okomer\u010dn\u00edch server\u016f, ale tato funkce je nyn\u00ed zaji\u0161t\u011bna pomoc\u00ed podpory Spherical Mercator. V\u00edce informac\u00ed naleznete na http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Tato metoda je zavr\u017een\u00e1 a bude ve verzi 3.0 odstran\u011bna. Pros\u00edm, pou\u017eijte rad\u011bji ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/ru.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Ferrer\n+ *  - Komzpa\n+ *  - Lockal\n+ *  - \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440 \u0421\u0438\u0433\u0430\u0447\u0451\u0432\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ru\"]\n+ * Dictionary for \u0420\u0443\u0441\u0441\u043a\u0438\u0439.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"ru\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"\u041d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u0435\u0440\u043d\u0443\u043b ${statusText}\",\n+\n+    'Permalink': \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430\",\n+\n+    'Overlays': \"\u0421\u043b\u043e\u0438\",\n+\n+    'Base Layer': \"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439\",\n+\n+    'noFID': \"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442 FID.\",\n+\n+    'browserNotSupported': \"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e minZoomLevel \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043e \u0441\u043b\u043e\u044f\u043c\u0438, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 FixedZoomLevels. \u0422\u043e, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 WFS-\u0441\u043b\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043d\u0430 minZoomLevel \u2014 \u0440\u0435\u043b\u0438\u043a\u0442 \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0442\u0430\u043a \u043a\u0430\u043a, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u0442 \u043d\u0435\u0451 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 OpenLayers \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439 \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0432 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0451 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043c\u0438\u043d/\u043c\u0430\u043a\u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0437\u0434\u0435\u0441\u044c: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u0423\u0421\u041f\u0415\u0428\u041d\u041e ${response}\",\n+\n+    'commitFailed': \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u041e\u0428\u0418\u0411\u041a\u0410 ${response}\",\n+\n+    'googleWarning': \"\u0421\u043b\u043e\u0439 Google \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c.\\x3cbr\\x3e\\x3cbr\\x3e\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.\\x3cbr\\x3e\\x3cbr\\x3e\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Google Maps \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e API-\u043a\u043b\u044e\u0447\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"\u0421\u043b\u043e\u0439 ${layerType} \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c. \\x3cbr\\x3e\\x3cbr\\x3e\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.\\x3cbr\\x3e\\x3cbr\\x3e\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ${layerLib} \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0441\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n+\n+    'W': \"\u0417\",\n+\n+    'E': \"\u0412\",\n+\n+    'N': \"\u0421\",\n+\n+    'S': \"\u042e\",\n+\n+    'reprojectDeprecated': \"\u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044e \\'reproject\\' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439: \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442, \u043d\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0435\u0441\u0451\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u041c\u0435\u0440\u043a\u0430\u0442\u043e\u0440\u0430. \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"\u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0451\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/is.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - \u00c6var Arnfj\u00f6r\u00f0 Bjarmason\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"is\"]\n+ * Dictionary for \u00cdslenska.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"is\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"Varanlegur tengill\",\n+\n+    'Overlays': \"\u00deekjur\",\n+\n+    'Base Layer': \"Grunnlag\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skali = 1 : ${scaleDenom}\",\n+\n+    'methodDeprecated': \"\u00deetta fall hefur veri\u00f0 \u00farelt og ver\u00f0ur fjarl\u00e6gt \u00ed 3.0. Nota\u00f0u ${newMethod} \u00ed sta\u00f0in.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/es.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"es\"]\n+ * Dictionary for Spanish, UTF8 encoding. Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang.es = {\n+\n+    'unhandledRequest': \"Respuesta a petici\u00f3n no gestionada ${statusText}\",\n+\n+    'Permalink': \"Enlace permanente\",\n+\n+    'Overlays': \"Capas superpuestas\",\n+\n+    'Base Layer': \"Capa Base\",\n+\n+    'noFID': \"No se puede actualizar un elemento para el que no existe FID.\",\n+\n+    'browserNotSupported': \"Su navegador no soporta renderizaci\u00f3n vectorial. Los renderizadores soportados actualmente son:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"La propiedad minZoomLevel debe s\u00f3lo utilizarse \" +\n+        \"con las capas que tienen FixedZoomLevels. El hecho de que \" +\n+        \"una capa wfs compruebe minZoomLevel es una reliquia del \" +\n+        \"pasado. Sin embargo, no podemos eliminarla sin discontinuar \" +\n+        \"probablemente las aplicaciones OL que puedan depender de ello. \" +\n+        \"As\u00ed pues estamos haci\u00e9ndolo obsoleto --la comprobaci\u00f3n \" +\n+        \"minZoomLevel se eliminar\u00e1 en la versi\u00f3n 3.0. Utilice el ajuste \" +\n+        \"de resolution min/max en su lugar, tal como se describe aqu\u00ed: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transacci\u00f3n WFS: \u00c9XITO ${response}\",\n+\n+    'commitFailed': \"Transacci\u00f3n WFS: FALL\u00d3 ${response}\",\n+\n+    'googleWarning': \"La capa Google no pudo ser cargada correctamente.<br><br>\" +\n+        \"Para evitar este mensaje, seleccione una nueva Capa Base \" +\n+        \"en el selector de capas en la esquina superior derecha.<br><br>\" +\n+        \"Probablemente, esto se debe a que el script de la biblioteca de \" +\n+        \"Google Maps no fue correctamente incluido en su p\u00e1gina, o no \" +\n+        \"contiene la clave del API correcta para su sitio.<br><br>\" +\n+        \"Desarrolladores: Para ayudar a hacer funcionar esto correctamente, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>haga clic aqu\u00ed</a>\",\n+\n+    'getLayerWarning': \"La capa ${layerType} no pudo ser cargada correctamente.<br><br>\" +\n+        \"Para evitar este mensaje, seleccione una nueva Capa Base \" +\n+        \"en el selector de capas en la esquina superior derecha.<br><br>\" +\n+        \"Probablemente, esto se debe a que el script de \" +\n+        \"la biblioteca ${layerLib} \" +\n+        \"no fue correctamente incluido en su p\u00e1gina.<br><br>\" +\n+        \"Desarrolladores: Para ayudar a hacer funcionar esto correctamente, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>haga clic aqu\u00ed</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+\n+    //labels for the graticule control\n+    'W': 'O',\n+    'E': 'E',\n+    'N': 'N',\n+    'S': 'S',\n+    'Graticule': 'Ret\u00edcula',\n+\n+    // console message\n+    'reprojectDeprecated': \"Est\u00e1 usando la opci\u00f3n 'reproject' en la capa \" +\n+        \"${layerName}. Esta opci\u00f3n es obsoleta: su uso fue dise\u00f1ado \" +\n+        \"para soportar la visualizaci\u00f3n de datos sobre mapas base comerciales, \" +\n+        \"pero ahora esa funcionalidad deber\u00eda conseguirse mediante el soporte \" +\n+        \"de la proyecci\u00f3n Spherical Mercator. M\u00e1s informaci\u00f3n disponible en \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Este m\u00e9todo es obsoleto y se eliminar\u00e1 en la versi\u00f3n 3.0. \" +\n+        \"Por favor utilice el m\u00e9todo ${newMethod} en su lugar.\",\n+\n+    // **** end ****\n+    'end': ''\n+\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/te.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Veeven\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"te\"]\n+ * Dictionary for \u0c24\u0c46\u0c32\u0c41\u0c17\u0c41.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"te\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"\u0c38\u0c4d\u0c25\u0c3f\u0c30\u0c32\u0c3f\u0c02\u0c15\u0c41\",\n+\n+    'W': \"\u0c2a\",\n+\n+    'E': \"\u0c24\u0c42\",\n+\n+    'N': \"\u0c09\",\n+\n+    'S': \"\u0c26\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/io.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Malafaya\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"io\"]\n+ * Dictionary for Ido.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"io\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skalo = 1 : ${scaleDenom}\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/ca.js\n+   ====================================================================== */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"ca\"]\n+ * Dictionary for Catalan, UTF8 encoding. Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang.ca = {\n+\n+    'unhandledRequest': \"Resposta a petici\u00f3 no gestionada ${statusText}\",\n+\n+    'Permalink': \"Enlla\u00e7 permanent\",\n+\n+    'Overlays': \"Capes addicionals\",\n+\n+    'Base Layer': \"Capa Base\",\n+\n+    'noFID': \"No es pot actualitzar un element per al que no existeix FID.\",\n+\n+    'browserNotSupported': \"El seu navegador no suporta renderitzaci\u00f3 vectorial. Els renderitzadors suportats actualment s\u00f3n:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"La propietat minZoomLevel s'ha d'utilitzar nom\u00e9s \" +\n+        \"amb les capes que tenen FixedZoomLevels. El fet que \" +\n+        \"una capa wfs comprovi minZoomLevel \u00e9s una rel\u00edquia del \" +\n+        \"passat. No podem, per\u00f2, eliminar-la sense trencar \" +\n+        \"les aplicacions d'OpenLayers que en puguin dependre. \" +\n+        \"Aix\u00ed doncs estem fent-la obsoleta -- la comprovaci\u00f3 \" +\n+        \"minZoomLevel s'eliminar\u00e0 a la versi\u00f3 3.0. Feu servir \" +\n+        \"els par\u00e0metres min/max resolution en substituci\u00f3, tal com es descriu aqu\u00ed: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transacci\u00f3 WFS: CORRECTA ${response}\",\n+\n+    'commitFailed': \"Transacci\u00f3 WFS: HA FALLAT ${response}\",\n+\n+    'googleWarning': \"La capa Google no s'ha pogut carregar correctament.<br><br>\" +\n+        \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" +\n+        \"al gestor de capes de la cantonada superior dreta.<br><br>\" +\n+        \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca de \" +\n+        \"Google Maps no ha estat incl\u00f2s a la vostra p\u00e0gina, o no \" +\n+        \"cont\u00e9 la clau de l'API correcta per a la vostra adre\u00e7a.<br><br>\" +\n+        \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n+\n+    'getLayerWarning': \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" +\n+        \"al gestor de capes de la cantonada superior dreta.<br><br>\" +\n+        \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca \" +\n+        \"${layerLib} \" +\n+        \"no ha estat incl\u00f2s a la vostra p\u00e0gina.<br><br>\" +\n+        \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+\n+    //labels for the graticule control\n+    'W': 'O',\n+    'E': 'E',\n+    'N': 'N',\n+    'S': 'S',\n+    'Graticule': 'Ret\u00edcula',\n+\n+    // console message\n+    'reprojectDeprecated': \"Esteu fent servir l'opci\u00f3 'reproject' a la capa \" +\n+        \"${layerName}. Aquesta opci\u00f3 \u00e9s obsoleta: el seu \u00fas fou concebut \" +\n+        \"per suportar la visualitzaci\u00f3 de dades sobre mapes base comercials, \" +\n+        \"per\u00f2 ara aquesta funcionalitat s'hauria d'assolir mitjan\u00e7ant el suport \" +\n+        \"de la projecci\u00f3 Spherical Mercator. M\u00e9s informaci\u00f3 disponible a \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Aquest m\u00e8tode \u00e9s obsolet i s'eliminar\u00e0 a la versi\u00f3 3.0. \" +\n+        \"Si us plau feu servir em m\u00e8tode alternatiu ${newMethod}.\",\n+\n+    // **** end ****\n+    'end': ''\n+\n+};\n+/* ======================================================================\n+    OpenLayers/Lang/fi.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Nike\n+ *  - Str4nd\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"fi\"]\n+ * Dictionary for Suomi.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"fi\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Permalink': \"Ikilinkki\",\n+\n+    'Overlays': \"Kerrokset\",\n+\n+    'Base Layer': \"Peruskerros\",\n+\n+    'W': \"L\",\n+\n+    'E': \"I\",\n+\n+    'N': \"P\",\n+\n+    'S': \"E\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/br.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Fulup\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"br\"]\n+ * Dictionary for Brezhoneg.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"br\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Distro evel reked anveret ${statusText}\",\n+\n+    'Permalink': \"Peurliamm\",\n+\n+    'Overlays': \"Gwiskado\u00f9\",\n+\n+    'Base Layer': \"Gwiskad diazez\",\n+\n+    'noFID': \"N\\'haller ket hizivaat un elfenn ma n\\'eus ket a niverenn-anaout (FID) eviti.\",\n+\n+    'browserNotSupported': \"N\\'eo ket skoret an daskor vektorel gant ho merdeer. Setu aze an daskorerio\u00f9 skoret evit ar poent :\\n${renderers}\",\n+\n+    'minZoomLevelError': \"Ne zleer implijout ar perzh minZoomLevel nemet evit gwiskado\u00f9 FixedZoomLevels-descendent. Ar fed ma wiria ar gwiskad WHS-se hag-e\u00f1 ez eus eus minZoomLevel zo un aspadenn gozh. Koulskoude n\\'omp ket evit e ziverka\u00f1 kuit da derri\u00f1 arloado\u00f9 diazezet war OL a c\\'hallfe beza\u00f1 stag outa\u00f1. Setu perak eo dispredet -- Lamet kuit e vo ar gwiria\u00f1 minZoomLevel a-is er stumm 3.0. Ober gant an arventenno\u00f9 bihana\u00f1/brasa\u00f1 evel deskrivet ama\u00f1 e plas : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Treuzgread WFS : MAT EO ${response}\",\n+\n+    'commitFailed': \"Treuzgread WFS Transaction: C\\'HWITET ${response}\",\n+\n+    'googleWarning': \"N\\'eus ket bet gallet karga\u00f1 ar gwiskad Google ent reizh.\\x3cbr\\x3e\\x3cbr\\x3eEvit en em zizober eus ar c\\'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c\\'horn deho\u00f9 el laez.\\x3cbr\\x3e\\x3cbr\\x3eSur a-walc\\'h eo peogwir n\\'eo ket bet ensoc\\'het levraoueg Google Maps pe neuze ne glot ket an alc\\'hwez API gant ho lec\\'hienn.\\x3cbr\\x3e\\x3cbr\\x3eDiorroerien : Evit reizha\u00f1 an dra-se, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"N\\'haller ket karga\u00f1 ar gwiskad ${layerType} ent reizh.\\x3cbr\\x3e\\x3cbr\\x3eEvit en em zizober eus ar c\\'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c\\'horn deho\u00f9 el laez.\\x3cbr\\x3e\\x3cbr\\x3eSur a-walc\\'h eo peogwir n\\'eo ket bet ensoc\\'het mat al levraoueg ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eDiorroerien : Evit gouzout penaos reizha\u00f1 an dra-se, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skeul = 1 : ${scaleDenom}\",\n+\n+    'W': \"K\",\n+\n+    'E': \"R\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Emaoc\\'h oc\\'h implijout an dibarzh \\'reproject\\' war ar gwiskad ${layerName}. Dispredet eo an dibarzh-ma\u00f1 : bet eo hag e talveze da ziskwel roadenno\u00f9 war-c\\'horre kartenno\u00f9 diazez kenwerzhel, un dra hag a c\\'haller ober brema\u00f1 gant an arc\\'hwel dre skor banndres boullek Mercator. Muioc\\'h a ditouro\u00f9 a c\\'haller da gaout war http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Dispredet eo an daore-se ha tennet e vo kuit eus ar stumm 3.0. Grit gant ${newMethod} e plas.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/nn.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Harald Khan\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"nn\"]\n+ * Dictionary for \u202aNorsk (nynorsk)\u202c.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"nn\"] = OpenLayers.Util.applyDefaults({\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skala = 1 : ${scaleDenom}\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/oc.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Cedric31\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"oc\"]\n+ * Dictionary for Occitan.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"oc\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Requ\u00e8sta pas gerida, retorna ${statusText}\",\n+\n+    'Permalink': \"Permaligam\",\n+\n+    'Overlays': \"Calques\",\n+\n+    'Base Layer': \"Calc de basa\",\n+\n+    'noFID': \"Impossible de metre a jorn un obj\u00e8cte sens identificant (fid).\",\n+\n+    'browserNotSupported': \"V\u00f2stre navegidor sup\u00f2rta pas lo rendut vectorial. Los renderers actualament suportats son : \\n${renderers}\",\n+\n+    'minZoomLevelError': \"La proprietat minZoomLevel deu \u00e8sser utilizada solament per de jaces FixedZoomLevels-descendent. Lo fach qu\\'aqueste ja\u00e7 WFS verifique la pres\u00e9ncia de minZoomLevel es una relica del passat. \u00c7aquel\u00e0, la pod\u00e8m suprimir sens copar d\\'aplicacions que ne poiri\u00e1n dependre. Es per aqu\u00f2 que la depreciam -- la verificacion del minZoomLevel ser\u00e0 suprimida en version 3.0. A la pla\u00e7a, merc\u00e9s d\\'utilizar los param\u00e8tres de resolucions min/max tal coma descrich sus : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transaccion WFS : SUCCES ${response}\",\n+\n+    'commitFailed': \"Transaccion WFS : FRACAS ${response}\",\n+\n+    'googleWarning': \"Lo ja\u00e7 Google es pas estat en mesura de se cargar corr\u00e8ctament.\\x3cbr\\x3e\\x3cbr\\x3ePer suprimir aqueste messatge, causiss\u00e8tz una BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.\\x3cbr\\x3e\\x3cbr\\x3eAqu\u00f2 es possiblament causat par la non-inclusion de la librari\u00e1 Google Maps, o alara perque que la clau de l\\'API correspond pas a v\u00f2stre site.\\x3cbr\\x3e\\x3cbr\\x3eDesvolopaires : per saber coss\u00ed corregir aqu\u00f2, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclicatz aic\u00ed\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"Lo ja\u00e7 ${layerType} es pas en mesura de se cargar corr\u00e8ctament.\\x3cbr\\x3e\\x3cbr\\x3ePer suprimir aqueste messatge, causiss\u00e8tz una  BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.\\x3cbr\\x3e\\x3cbr\\x3eAqu\u00f2 es possiblament causat per la non-inclusion de la librari\u00e1 ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eDesvolopaires : per saber coss\u00ed corregir aqu\u00ed, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclicatz aic\u00ed\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Escala ~ 1 : ${scaleDenom}\",\n+\n+    'W': \"O\",\n+\n+    'E': \"\u00c8\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Utilizatz l\\'opcion \\'reproject\\' sul ja\u00e7 ${layerName}. Aquesta opcion es despreciada : Son usatge permeti\u00e1 d\\'afichar de donadas al dess\u00fas de jaces raster comercials. Aquesta foncionalitat ara es suportada en utilizant lo sup\u00f2rt de la projeccion Mercator Esferica. Mai d\\'informacion es disponibla sus http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Aqueste met\u00f2de es despreciada, e ser\u00e0 suprimida a la version 3.0. Merc\u00e9s d\\'utilizar ${newMethod} a la pla\u00e7a.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/hr.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Mvrban\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"hr\"]\n+ * Dictionary for Hrvatski.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"hr\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Nepodr\u017eani zahtjev ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Overlays\",\n+\n+    'Base Layer': \"Osnovna karta\",\n+\n+    'noFID': \"Ne mogu a\u017eurirati zna\u010dajku za koju ne postoji FID.\",\n+\n+    'browserNotSupported': \"Va\u0161 preglednik ne podr\u017eava vektorsko renderiranje. Trenutno podr\u017eani rendereri su: ${renderers}\",\n+\n+    'commitSuccess': \"WFS Transakcija: USPJE\u0160NA ${response}\",\n+\n+    'commitFailed': \"WFS Transakcija: NEUSPJE\u0160NA ${response}\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Mjerilo = 1 : ${scaleDenom}\",\n+\n+    'methodDeprecated': \"Ova metoda nije odobrena i biti \u0107e maknuta u 3.0. Koristite ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/gsw.js\n+   ====================================================================== */\n+\n+/* Translators (2009 onwards):\n+ *  - Als-Holder\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"gsw\"]\n+ * Dictionary for Alemannisch.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"gsw\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Nit behandleti Aafrogsruckm\u00e4ldig ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Iberlagerige\",\n+\n+    'Base Layer': \"Grundcharte\",\n+\n+    'noFID': \"E Feature, wu s kei FID derfir git, cha nit aktualisiert w\u00e4re.\",\n+\n+    'browserNotSupported': \"Dyy Browser unterstitzt kei Vektordarstellig. Aktu\u00e4ll unterstitzti Renderer:\\n${renderers}\",\n+\n+    'minZoomLevelError': \"D minZoomLevel-Eigeschaft isch nume d\u00e4nk fir d Layer, wu vu dr FixedZoomLevels abstamme. Ass d\u00e4\u00e4 wfs-Layer minZoomLevel prieft, scih e Relikt us dr Vergangeheit. Mir chenne s aber nit \u00e4ndere ohni OL_basierti Aaw\u00e4ndige villicht kaputt gehn, wu dervu abh\u00e4nge.  Us d\u00e4m Grund het die Funktion d Eigeschaft \\'deprecated\\' iberchuu. D minZoomLevel-Priefig unte wird in dr Version 3.0 usegnuu. Bitte verw\u00e4nd statt d\u00e4m e min/max-Uflesig wie s do bschriben isch: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"WFS-Transaktion: ERFOLGRYCH ${response}\",\n+\n+    'commitFailed': \"WFS-Transaktion: F\u00c4HLGSCHLAA ${response}\",\n+\n+    'googleWarning': \"Dr Google-Layer het nit korr\u00e4kt chenne glade w\u00e4re.\\x3cbr\\x3e\\x3cbr\\x3eGo die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr Google-Maps-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Fir Hilf zum korr\u00e4kte Yybinde vum Google-Layer \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3edoo drucke\\x3c/a\\x3e\",\n+\n+    'getLayerWarning': \"Dr ${layerType}-Layer het nit korr\u00e4kt chenne glade w\u00e4re.\\x3cbr\\x3e\\x3cbr\\x3eGo die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr \\'${layerLib}\\'-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Fir Hilf zum korr\u00e4kte Yybinde vu Layer \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3edoo drucke\\x3c/a\\x3e\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n+\n+    'W': \"W\",\n+\n+    'E': \"O\",\n+\n+    'N': \"N\",\n+\n+    'S': \"S\",\n+\n+    'reprojectDeprecated': \"Du bruchsch d \\'reproject\\'-Option bim ${layerName}-Layer. Die Option isch nimi giltig: si isch aagleit wore go   Date iber kommerzi\u00e4lli Grundcharte lege, aber des sott mer jetz mache mit dr Unterstitzig vu Spherical Mercator. Meh Informatione git s uf http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    'methodDeprecated': \"Die Methode isch veraltet un wird us dr Version 3.0 usegnuu. Bitte verw\u00e4bnd statt d\u00e4m ${newMethod}.\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Lang/pl.js\n+   ====================================================================== */\n+\n+/* Translators:\n+ *  - Arkadiusz Grabka\n+ */\n+\n+/**\n+ * @requires OpenLayers/Lang.js\n+ */\n+\n+/**\n+ * Namespace: OpenLayers.Lang[\"pl\"]\n+ * Dictionary for Polish.  Keys for entries are used in calls to\n+ *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n+ *     strings formatted for use with <OpenLayers.String.format> calls.\n+ */\n+OpenLayers.Lang[\"pl\"] = OpenLayers.Util.applyDefaults({\n+\n+    'unhandledRequest': \"Nieobs\u0142ugiwane \u017c\u0105danie zwr\u00f3ci\u0142o ${statusText}\",\n+\n+    'Permalink': \"Permalink\",\n+\n+    'Overlays': \"Nak\u0142adki\",\n+\n+    'Base Layer': \"Warstwa podstawowa\",\n+\n+    'noFID': \"Nie mo\u017cna zaktualizowa\u0107 funkcji, dla kt\u00f3rych nie ma FID.\",\n+\n+    'browserNotSupported': \"Twoja przegl\u0105darka nie obs\u0142uguje renderowania wektor\u00f3w. Obecnie obs\u0142ugiwane renderowanie to:\\n${renderers}\",\n+\n+    // console message\n+    'minZoomLevelError': \"W\u0142a\u015bciwo\u015b\u0107 minZoomLevel jest przeznaczona tylko do u\u017cytku \" +\n+        \"z warstwami FixedZoomLevels-descendent.\" +\n+        \"Warstwa wfs, kt\u00f3ra sprawdza minZoomLevel jest reliktem przesz\u0142o\u015bci.\" +\n+        \"Nie mo\u017cemy jej jednak usun\u0105c bez mozliwo\u015bci \u0142amania OL aplikacji, \" +\n+        \"kt\u00f3re mog\u0105 by\u0107 od niej zale\u017cne. \" +\n+        \"Dlatego jeste\u015bmy za deprecjacj\u0119 -- minZoomLevel \" +\n+        \"zostanie usuni\u0119ta w wersji 3.0. W zamian prosze u\u017cyj \" +\n+        \"min/max rozdzielczo\u015bci w spos\u00f3b opisany tutaj: \" +\n+        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+\n+    'commitSuccess': \"Transakcja WFS: SUKCES ${response}\",\n+\n+    'commitFailed': \"Transakcja WFS: FAILED ${response}\",\n+\n+    'googleWarning': \"Warstwa Google nie by\u0142 w stanie za\u0142adowa\u0107 si\u0119 poprawnie.<br><br>\" +\n+        \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" +\n+        \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" +\n+        \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka Google Maps \" +\n+        \"nie jest za\u0142adowana, lub nie zawiera poprawnego klucza do API dla twojej strony<br><br>\" +\n+        \"Programisto: Aby uzyska\u0107 pomoc , \" +\n+        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n+        \"target='_blank'>kliknij tutaj</a>\",\n+\n+    'getLayerWarning': \"Warstwa ${layerType} nie mog\u0142a zosta\u0107 za\u0142adowana poprawnie.<br><br>\" +\n+        \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" +\n+        \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" +\n+        \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka ${layerLib} \" +\n+        \"nie jest za\u0142adowana, lub mo\u017ce(o ile biblioteka tego wymaga) \" +\n+        \"byc potrzebny klucza do API dla twojej strony<br><br>\" +\n+        \"Programisto: Aby uzyska\u0107 pomoc , \" +\n+        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n+        \"target='_blank'>kliknij tutaj</a>\",\n+\n+    'Scale = 1 : ${scaleDenom}': \"Skala = 1 : ${scaleDenom}\",\n+\n+    //labels for the graticule control\n+    'W': 'ZACH',\n+    'E': 'WSCH',\n+    'N': 'PN',\n+    'S': 'PD',\n+    'Graticule': 'Siatka',\n+\n+    // console message\n+    'reprojectDeprecated': \"w warstwie ${layerName} u\u017cywasz opcji 'reproject'. \" +\n+        \"Ta opcja jest przestarza\u0142a: \" +\n+        \"jej zastosowanie zosta\u0142 zaprojektowany, aby wspiera\u0107 wy\u015bwietlania danych przez komercyjne mapy, \" +\n+        \"jednak obecnie ta funkcjonalno\u015b\u0107 powinien zosta\u0107 osi\u0105gni\u0119ty za pomoc\u0105 Spherical Mercator \" +\n+        \"its use was designed to support displaying data over commercial. Wi\u0119cje informacji na ten temat mo\u017cesz znale\u017a\u0107 na stronie \" +\n+        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+\n+    // console message\n+    'methodDeprecated': \"Ta metoda jest przestarza\u0142a i b\u0119dzie usuni\u0119ta od wersji 3.0. \" +\n+        \"W zamian u\u017cyj ${newMethod}.\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/HTTP.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ */\n+\n+/**\n+ * if application uses the query string, for example, for BBOX parameters,\n+ * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.HTTP\n+ * A basic HTTP protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.HTTP> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol>\n+ */\n+OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n+\n+    /**\n+     * Property: url\n+     * {String} Service URL, read-only, set through the options\n+     *     passed to constructor.\n+     */\n+    url: null,\n+\n+    /**\n+     * Property: headers\n+     * {Object} HTTP request headers, read-only, set through the options\n+     *     passed to the constructor,\n+     *     Example: {'Content-Type': 'plain/text'}\n+     */\n+    headers: null,\n+\n+    /**\n+     * Property: params\n+     * {Object} Parameters of GET requests, read-only, set through the options\n+     *     passed to the constructor,\n+     *     Example: {'bbox': '5,5,5,5'}\n+     */\n+    params: null,\n+\n+    /**\n+     * Property: callback\n+     * {Object} Function to be called when the <read>, <create>,\n+     *     <update>, <delete> or <commit> operation completes, read-only,\n+     *     set through the options passed to the constructor.\n+     */\n+    callback: null,\n+\n+    /**\n+     * Property: scope\n+     * {Object} Callback execution scope, read-only, set through the\n+     *     options passed to the constructor.\n+     */\n+    scope: null,\n+\n+    /**\n+     * APIProperty: readWithPOST\n+     * {Boolean} true if read operations are done with POST requests\n+     *     instead of GET, defaults to false.\n+     */\n+    readWithPOST: false,\n+\n+    /**\n+     * APIProperty: updateWithPOST\n+     * {Boolean} true if update operations are done with POST requests\n+     *     defaults to false.\n+     */\n+    updateWithPOST: false,\n+\n+    /**\n+     * APIProperty: deleteWithPOST\n+     * {Boolean} true if delete operations are done with POST requests\n+     *     defaults to false.\n+     *     if true, POST data is set to output of format.write().\n+     */\n+    deleteWithPOST: false,\n+\n+    /**\n+     * Property: wildcarded.\n+     * {Boolean} If true percent signs are added around values\n+     *     read from LIKE filters, for example if the protocol\n+     *     read method is passed a LIKE filter whose property\n+     *     is \"foo\" and whose value is \"bar\" the string\n+     *     \"foo__ilike=%bar%\" will be sent in the query string;\n+     *     defaults to false.\n+     */\n+    wildcarded: false,\n+\n+    /**\n+     * APIProperty: srsInBBOX\n+     * {Boolean} Include the SRS identifier in BBOX query string parameter.  \n+     *     Default is false.  If true and the layer has a projection object set,\n+     *     any BBOX filter will be serialized with a fifth item identifying the\n+     *     projection.  E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     */\n+    srsInBBOX: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.HTTP\n+     * A class for giving layers generic HTTP protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options include:\n+     * url - {String}\n+     * headers - {Object} \n+     * params - {Object} URL parameters for GET requests\n+     * format - {<OpenLayers.Format>}\n+     * callback - {Function}\n+     * scope - {Object}\n+     */\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.headers = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                wildcarded: this.wildcarded,\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params);\n+            };\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        this.params = null;\n+        this.headers = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n+\n+    /**\n+     * APIMethod: filterToParams\n+     * Optional method to translate an <OpenLayers.Filter> object into an object\n+     *     that can be serialized as request query string provided.  If a custom\n+     *     method is not provided, the filter will be serialized using the \n+     *     <OpenLayers.Format.QueryStringFilter> class.\n+     *\n+     * Parameters:\n+     * filter - {<OpenLayers.Filter>} filter to convert.\n+     * params - {Object} The parameters object.\n+     *\n+     * Returns:\n+     * {Object} The resulting parameters object.\n+     */\n+\n+    /**\n+     * APIMethod: read\n+     * Construct a request for reading new features.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Valid options:\n+     * url - {String} Url for the request.\n+     * params - {Object} Parameters to get serialized as a query string.\n+     * headers - {Object} Headers to be set on the request.\n+     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n+     *     query string.\n+     * readWithPOST - {Boolean} If the request should be done with POST.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n+     *     references the HTTP request, this object is also passed to the\n+     *     callback function when the request completes, its \"features\" property\n+     *     is then populated with the features received from the server.\n+     */\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = options || {};\n+        options.params = OpenLayers.Util.applyDefaults(\n+            options.params, this.options.params);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(\n+                options.filter, options.params\n+            );\n+        }\n+        var readWithPOST = (options.readWithPOST !== undefined) ?\n+            options.readWithPOST : this.readWithPOST;\n+        var resp = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        if (readWithPOST) {\n+            var headers = options.headers || {};\n+            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n+            resp.priv = OpenLayers.Request.POST({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                data: OpenLayers.Util.getParameterString(options.params),\n+                headers: headers\n+            });\n+        } else {\n+            resp.priv = OpenLayers.Request.GET({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                params: options.params,\n+                headers: options.headers\n+            });\n+        }\n+        return resp;\n+    },\n+\n+    /**\n+     * Method: handleRead\n+     * Individual callbacks are created for read, create and update, should\n+     *     a subclass need to override each one separately.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     the user callback.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(resp, options) {\n+        this.handleResponse(resp, options);\n+    },\n+\n+    /**\n+     * APIMethod: create\n+     * Construct a request for writing newly created features.\n+     *\n+     * Parameters:\n+     * features - {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes, its \"features\" property is then populated with the\n+     *     the features received from the server.\n+     */\n+    create: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: features,\n+            requestType: \"create\"\n+        });\n+\n+        resp.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleCreate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(features)\n+        });\n+\n+        return resp;\n+    },\n+\n+    /**\n+     * Method: handleCreate\n+     * Called the the request issued by <create> is complete.  May be overridden\n+     *     by subclasses.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create call.\n+     */\n+    handleCreate: function(resp, options) {\n+        this.handleResponse(resp, options);\n+    },\n+\n+    /**\n+     * APIMethod: update\n+     * Construct a request updating modified feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes, its \"features\" property is then populated with the\n+     *     the feature received from the server.\n+     */\n+    update: function(feature, options) {\n+        options = options || {};\n+        var url = options.url ||\n+            feature.url ||\n+            this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"update\"\n+        });\n+\n+        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n+        resp.priv = OpenLayers.Request[method]({\n+            url: url,\n+            callback: this.createCallback(this.handleUpdate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(feature)\n+        });\n+\n+        return resp;\n+    },\n+\n+    /**\n+     * Method: handleUpdate\n+     * Called the the request issued by <update> is complete.  May be overridden\n+     *     by subclasses.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the update call.\n+     */\n+    handleUpdate: function(resp, options) {\n+        this.handleResponse(resp, options);\n+    },\n+\n+    /**\n+     * APIMethod: delete\n+     * Construct a request deleting a removed feature.\n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>}\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} An <OpenLayers.Protocol.Response>\n+     *     object, whose \"priv\" property references the HTTP request, this \n+     *     object is also passed to the callback function when the request\n+     *     completes.\n+     */\n+    \"delete\": function(feature, options) {\n+        options = options || {};\n+        var url = options.url ||\n+            feature.url ||\n+            this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"delete\"\n+        });\n+\n+        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n+        var requestOptions = {\n+            url: url,\n+            callback: this.createCallback(this.handleDelete, resp, options),\n+            headers: options.headers\n+        };\n+        if (this.deleteWithPOST) {\n+            requestOptions.data = this.format.write(feature);\n+        }\n+        resp.priv = OpenLayers.Request[method](requestOptions);\n+\n+        return resp;\n+    },\n+\n+    /**\n+     * Method: handleDelete\n+     * Called the the request issued by <delete> is complete.  May be overridden\n+     *     by subclasses.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the delete call.\n+     */\n+    handleDelete: function(resp, options) {\n+        this.handleResponse(resp, options);\n+    },\n+\n+    /**\n+     * Method: handleResponse\n+     * Called by CRUD specific handlers.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create, read, update,\n+     *     or delete call.\n+     */\n+    handleResponse: function(resp, options) {\n+        var request = resp.priv;\n+        if (options.callback) {\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                if (resp.requestType != \"delete\") {\n+                    resp.features = this.parseFeatures(request);\n+                }\n+                resp.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                // failure\n+                resp.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, resp);\n+        }\n+    },\n+\n+    /**\n+     * Method: parseFeatures\n+     * Read HTTP response body and return features.\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     *\n+     * Returns:\n+     * {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n+     */\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n+    },\n+\n+    /**\n+     * APIMethod: commit\n+     * Iterate over each feature and take action based on the feature state.\n+     *     Possible actions are create, update and delete.\n+     *\n+     * Parameters:\n+     * features - {Array({<OpenLayers.Feature.Vector>})}\n+     * options - {Object} Optional object for setting up intermediate commit\n+     *     callbacks.\n+     *\n+     * Valid options:\n+     * create - {Object} Optional object to be passed to the <create> method.\n+     * update - {Object} Optional object to be passed to the <update> method.\n+     * delete - {Object} Optional object to be passed to the <delete> method.\n+     * callback - {Function} Optional function to be called when the commit\n+     *     is complete.\n+     * scope - {Object} Optional object to be set as the scope of the callback.\n+     *\n+     * Returns:\n+     * {Array(<OpenLayers.Protocol.Response>)} An array of response objects,\n+     *     one per request made to the server, each object's \"priv\" property\n+     *     references the corresponding HTTP request.\n+     */\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = [],\n+            nResponses = 0;\n+\n+        // Divide up features before issuing any requests.  This properly\n+        // counts requests in the event that any responses come in before\n+        // all requests have been issued.\n+        var types = {};\n+        types[OpenLayers.State.INSERT] = [];\n+        types[OpenLayers.State.UPDATE] = [];\n+        types[OpenLayers.State.DELETE] = [];\n+        var feature, list, requestFeatures = [];\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            list = types[feature.state];\n+            if (list) {\n+                list.push(feature);\n+                requestFeatures.push(feature);\n+            }\n+        }\n+        // tally up number of requests\n+        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) +\n+            types[OpenLayers.State.UPDATE].length +\n+            types[OpenLayers.State.DELETE].length;\n+\n+        // This response will be sent to the final callback after all the others\n+        // have been fired.\n+        var success = true;\n+        var finalResponse = new OpenLayers.Protocol.Response({\n+            reqFeatures: requestFeatures\n+        });\n+\n+        function insertCallback(response) {\n+            var len = response.features ? response.features.length : 0;\n+            var fids = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                fids[i] = response.features[i].fid;\n+            }\n+            finalResponse.insertIds = fids;\n+            callback.apply(this, [response]);\n+        }\n+\n+        function callback(response) {\n+            this.callUserCallback(response, options);\n+            success = success && response.success();\n+            nResponses++;\n+            if (nResponses >= nRequests) {\n+                if (options.callback) {\n+                    finalResponse.code = success ?\n+                        OpenLayers.Protocol.Response.SUCCESS :\n+                        OpenLayers.Protocol.Response.FAILURE;\n+                    options.callback.apply(options.scope, [finalResponse]);\n+                }\n+            }\n+        }\n+\n+        // start issuing requests\n+        var queue = types[OpenLayers.State.INSERT];\n+        if (queue.length > 0) {\n+            resp.push(this.create(\n+                queue, OpenLayers.Util.applyDefaults({\n+                    callback: insertCallback,\n+                    scope: this\n+                }, options.create)\n+            ));\n+        }\n+        queue = types[OpenLayers.State.UPDATE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this.update(\n+                queue[i], OpenLayers.Util.applyDefaults({\n+                    callback: callback,\n+                    scope: this\n+                }, options.update)));\n+        }\n+        queue = types[OpenLayers.State.DELETE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this[\"delete\"](\n+                queue[i], OpenLayers.Util.applyDefaults({\n+                    callback: callback,\n+                    scope: this\n+                }, options[\"delete\"])));\n+        }\n+        return resp;\n+    },\n+\n+    /**\n+     * APIMethod: abort\n+     * Abort an ongoing request, the response object passed to\n+     * this method must come from this HTTP protocol (as a result\n+     * of a create, read, update, delete or commit operation).\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>}\n+     */\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort();\n+        }\n+    },\n+\n+    /**\n+     * Method: callUserCallback\n+     * This method is used from within the commit method each time an\n+     *     an HTTP response is received from the server, it is responsible\n+     *     for calling the user-supplied callbacks.\n+     *\n+     * Parameters:\n+     * resp - {<OpenLayers.Protocol.Response>}\n+     * options - {Object} The map of options passed to the commit call.\n+     */\n+    callUserCallback: function(resp, options) {\n+        var opt = options[resp.requestType];\n+        if (opt && opt.callback) {\n+            opt.callback.call(opt.scope, resp);\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/SOS.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ */\n+\n+/**\n+ * Function: OpenLayers.Protocol.SOS\n+ * Used to create a versioned SOS protocol.  Default version is 1.0.0.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol>} An SOS protocol for the given version.\n+ */\n+OpenLayers.Protocol.SOS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.SOS.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported SOS version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n+\n+/**\n+ * Constant: OpenLayers.Protocol.SOS.DEFAULTS\n+ */\n+OpenLayers.Protocol.SOS.DEFAULTS = {\n+    \"version\": \"1.0.0\"\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol/WFS.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.WFS\n+ * Used to create a versioned WFS protocol.  Default version is 1.0.0.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol>} A WFS protocol of the given version.\n+ *\n+ * Example:\n+ * (code)\n+ *     var protocol = new OpenLayers.Protocol.WFS({\n+ *         version: \"1.1.0\",\n+ *         url:  \"http://demo.opengeo.org/geoserver/wfs\",\n+ *         featureType: \"tasmania_roads\",\n+ *         featureNS: \"http://www.openplans.org/topp\",\n+ *         geometryName: \"the_geom\"\n+ *     });\n+ * (end)\n+ *\n+ * See the protocols for specific WFS versions for more detail.\n+ */\n+OpenLayers.Protocol.WFS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.WFS.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported WFS version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n+\n+/**\n+ * Function: fromWMSLayer\n+ * Convenience function to create a WFS protocol from a WMS layer.  This makes\n+ *     the assumption that a WFS requests can be issued at the same URL as\n+ *     WMS requests and that a WFS featureType exists with the same name as the\n+ *     WMS layer.\n+ *     \n+ * This function is designed to auto-configure <url>, <featureType>,\n+ *     <featurePrefix> and <srsName> for WFS <version> 1.1.0. Note that\n+ *     srsName matching with the WMS layer will not work with WFS 1.0.0.\n+ * \n+ * Parameters:\n+ * layer - {<OpenLayers.Layer.WMS>} WMS layer that has a matching WFS\n+ *     FeatureType at the same server url with the same typename.\n+ * options - {Object} Default properties to be set on the protocol.\n+ *\n+ * Returns:\n+ * {<OpenLayers.Protocol.WFS>}\n+ */\n+OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n+    var typeName, featurePrefix;\n+    var param = layer.params[\"LAYERS\"];\n+    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n+    if (parts.length > 1) {\n+        featurePrefix = parts[0];\n+    }\n+    typeName = parts.pop();\n+    var protocolOptions = {\n+        url: layer.url,\n+        featureType: typeName,\n+        featurePrefix: featurePrefix,\n+        srsName: layer.projection && layer.projection.getCode() ||\n+            layer.map && layer.map.getProjectionObject().getCode(),\n+        version: \"1.1.0\"\n+    };\n+    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(\n+        options, protocolOptions\n+    ));\n+};\n+\n+/**\n+ * Constant: OpenLayers.Protocol.WFS.DEFAULTS\n+ */\n+OpenLayers.Protocol.WFS.DEFAULTS = {\n+    \"version\": \"1.0.0\"\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol/CSW.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.CSW\n+ * Used to create a versioned CSW protocol. Default version is 2.0.2.\n+ */\n+OpenLayers.Protocol.CSW = function(options) {\n+    options = OpenLayers.Util.applyDefaults(\n+        options, OpenLayers.Protocol.CSW.DEFAULTS\n+    );\n+    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSW version: \" + options.version;\n+    }\n+    return new cls(options);\n+};\n+\n+/**\n+ * Constant: OpenLayers.Protocol.CSW.DEFAULTS\n+ */\n+OpenLayers.Protocol.CSW.DEFAULTS = {\n+    \"version\": \"2.0.2\"\n+};\n+/* ======================================================================\n+    OpenLayers/Protocol/Script.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol.js\n+ * @requires OpenLayers/Feature/Vector.js\n+ * @requires OpenLayers/Format/GeoJSON.js\n+ */\n+\n+/**\n+ * if application uses the query string, for example, for BBOX parameters,\n+ * OpenLayers/Format/QueryStringFilter.js should be included in the build config file\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.Script\n+ * A basic Script protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.Script> constructor.  A script protocol is used to\n+ *     get around the same origin policy.  It works with services that return\n+ *     JSONP - that is, JSON wrapped in a client-specified callback.  The\n+ *     protocol handles fetching and parsing of feature data and sends parsed\n+ *     features to the <callback> configured with the protocol.  The protocol\n+ *     expects features serialized as GeoJSON by default, but can be configured\n+ *     to work with other formats by setting the <format> property.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol>\n+ */\n+OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n+\n+    /**\n+     * APIProperty: url\n+     * {String} Service URL.  The service is expected to return serialized \n+     *     features wrapped in a named callback (where the callback name is\n+     *     generated by this protocol).\n+     *     Read-only, set through the options passed to the constructor.\n+     */\n+    url: null,\n+\n+    /**\n+     * APIProperty: params\n+     * {Object} Query string parameters to be appended to the URL.\n+     *     Read-only, set through the options passed to the constructor.\n+     *     Example: {maxFeatures: 50}\n+     */\n+    params: null,\n+\n+    /**\n+     * APIProperty: callback\n+     * {Object} Function to be called when the <read> operation completes.\n+     */\n+    callback: null,\n+\n+    /**\n+     * APIProperty: callbackTemplate\n+     * {String} Template for creating a unique callback function name\n+     * for the registry. Should include ${id}.  The ${id} variable will be\n+     * replaced with a string identifier prefixed with a \"c\" (e.g. c1, c2).\n+     * Default is \"OpenLayers.Protocol.Script.registry.${id}\".\n+     */\n+    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n+\n+    /**\n+     * APIProperty: callbackKey\n+     * {String} The name of the query string parameter that the service \n+     *     recognizes as the callback identifier.  Default is \"callback\".\n+     *     This key is used to generate the URL for the script.  For example\n+     *     setting <callbackKey> to \"myCallback\" would result in a URL like \n+     *     http://example.com/?myCallback=...\n+     */\n+    callbackKey: \"callback\",\n+\n+    /**\n+     * APIProperty: callbackPrefix\n+     * {String} Where a service requires that the callback query string \n+     *     parameter value is prefixed by some string, this value may be set.\n+     *     For example, setting <callbackPrefix> to \"foo:\" would result in a\n+     *     URL like http://example.com/?callback=foo:...  Default is \"\".\n+     */\n+    callbackPrefix: \"\",\n+\n+    /**\n+     * APIProperty: scope\n+     * {Object} Optional ``this`` object for the callback. Read-only, set \n+     *     through the options passed to the constructor.\n+     */\n+    scope: null,\n+\n+    /**\n+     * APIProperty: format\n+     * {<OpenLayers.Format>} Format for parsing features.  Default is an \n+     *     <OpenLayers.Format.GeoJSON> format.  If an alternative is provided,\n+     *     the format's read method must take an object and return an array\n+     *     of features.\n+     */\n+    format: null,\n+\n+    /**\n+     * Property: pendingRequests\n+     * {Object} References all pending requests.  Property names are script \n+     *     identifiers and property values are script elements.\n+     */\n+    pendingRequests: null,\n+\n+    /**\n+     * APIProperty: srsInBBOX\n+     * {Boolean} Include the SRS identifier in BBOX query string parameter.\n+     *     Setting this property has no effect if a custom filterToParams method\n+     *     is provided.   Default is false.  If true and the layer has a \n+     *     projection object set, any BBOX filter will be serialized with a \n+     *     fifth item identifying the projection.  \n+     *     E.g. bbox=-1000,-1000,1000,1000,EPSG:900913\n+     */\n+    srsInBBOX: false,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.Script\n+     * A class for giving layers generic Script protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options include:\n+     * url - {String}\n+     * params - {Object}\n+     * callback - {Function}\n+     * scope - {Object}\n+     */\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.pendingRequests = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.GeoJSON();\n+        }\n+\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params);\n+            };\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: read\n+     * Construct a request for reading new features.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object for configuring the request.\n+     *     This object is modified and should not be reused.\n+     *\n+     * Valid options:\n+     * url - {String} Url for the request.\n+     * params - {Object} Parameters to get serialized as a query string.\n+     * filter - {<OpenLayers.Filter>} Filter to get serialized as a\n+     *     query string.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} A response object, whose \"priv\" property\n+     *     references the injected script.  This object is also passed to the\n+     *     callback function when the request completes, its \"features\" property\n+     *     is then populated with the features received from the server.\n+     */\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        options.params = OpenLayers.Util.applyDefaults(\n+            options.params, this.options.params\n+        );\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(\n+                options.filter, options.params\n+            );\n+        }\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var request = this.createRequest(\n+            options.url,\n+            options.params,\n+            OpenLayers.Function.bind(function(data) {\n+                response.data = data;\n+                this.handleRead(response, options);\n+            }, this)\n+        );\n+        response.priv = request;\n+        return response;\n+    },\n+\n+    /** \n+     * APIMethod: filterToParams \n+     * Optional method to translate an <OpenLayers.Filter> object into an object \n+     *     that can be serialized as request query string provided.  If a custom \n+     *     method is not provided, any filter will not be serialized. \n+     * \n+     * Parameters: \n+     * filter - {<OpenLayers.Filter>} filter to convert. \n+     * params - {Object} The parameters object. \n+     * \n+     * Returns: \n+     * {Object} The resulting parameters object. \n+     */\n+\n+    /** \n+     * Method: createRequest\n+     * Issues a request for features by creating injecting a script in the \n+     *     document head.\n+     *\n+     * Parameters:\n+     * url - {String} Service URL.\n+     * params - {Object} Query string parameters.\n+     * callback - {Function} Callback to be called with resulting data.\n+     *\n+     * Returns:\n+     * {HTMLScriptElement} The script pending execution.\n+     */\n+    createRequest: function(url, params, callback) {\n+        var id = OpenLayers.Protocol.Script.register(callback);\n+        var name = OpenLayers.String.format(this.callbackTemplate, {\n+            id: id\n+        });\n+        params = OpenLayers.Util.extend({}, params);\n+        params[this.callbackKey] = this.callbackPrefix + name;\n+        url = OpenLayers.Util.urlAppend(\n+            url, OpenLayers.Util.getParameterString(params)\n+        );\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = \"OpenLayers_Protocol_Script_\" + id;\n+        this.pendingRequests[script.id] = script;\n+        var head = document.getElementsByTagName(\"head\")[0];\n+        head.appendChild(script);\n+        return script;\n+    },\n+\n+    /** \n+     * Method: destroyRequest\n+     * Remove a script node associated with a response from the document.  Also\n+     *     unregisters the callback and removes the script from the \n+     *     <pendingRequests> object.\n+     *\n+     * Parameters:\n+     * script - {HTMLScriptElement}\n+     */\n+    destroyRequest: function(script) {\n+        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n+        delete this.pendingRequests[script.id];\n+        if (script.parentNode) {\n+            script.parentNode.removeChild(script);\n+        }\n+    },\n+\n+    /**\n+     * Method: handleRead\n+     * Individual callbacks are created for read, create and update, should\n+     *     a subclass need to override each one separately.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     the user callback.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(response, options) {\n+        this.handleResponse(response, options);\n+    },\n+\n+    /**\n+     * Method: handleResponse\n+     * Called by CRUD specific handlers.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass to\n+     *     any user callback.\n+     * options - {Object} The user options passed to the create, read, update,\n+     *     or delete call.\n+     */\n+    handleResponse: function(response, options) {\n+        if (options.callback) {\n+            if (response.data) {\n+                response.features = this.parseFeatures(response.data);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            this.destroyRequest(response.priv);\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n+\n+    /**\n+     * Method: parseFeatures\n+     * Read Script response body and return features.\n+     *\n+     * Parameters:\n+     * data - {Object} The data sent to the callback function by the server.\n+     *\n+     * Returns:\n+     * {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} Array of features or a single feature.\n+     */\n+    parseFeatures: function(data) {\n+        return this.format.read(data);\n+    },\n+\n+    /**\n+     * APIMethod: abort\n+     * Abort an ongoing request.  If no response is provided, all pending \n+     *     requests will be aborted.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object returned\n+     *     from a <read> request.\n+     */\n+    abort: function(response) {\n+        if (response) {\n+            this.destroyRequest(response.priv);\n+        } else {\n+            for (var key in this.pendingRequests) {\n+                this.destroyRequest(this.pendingRequests[key]);\n+            }\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        this.abort();\n+        delete this.params;\n+        delete this.format;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+});\n+\n+(function() {\n+    var o = OpenLayers.Protocol.Script;\n+    var counter = 0;\n+    o.registry = {};\n+\n+    /**\n+     * Function: OpenLayers.Protocol.Script.register\n+     * Register a callback for a newly created script.\n+     *\n+     * Parameters:\n+     * callback - {Function} The callback to be executed when the newly added\n+     *     script loads.  This callback will be called with a single argument\n+     *     that is the JSON returned by the service.\n+     *\n+     * Returns:\n+     * {Number} An identifier for retrieving the registered callback.\n+     */\n+    o.register = function(callback) {\n+        var id = \"c\" + (++counter);\n+        o.registry[id] = function() {\n+            callback.apply(this, arguments);\n+        };\n+        return id;\n+    };\n+\n+    /**\n+     * Function: OpenLayers.Protocol.Script.unregister\n+     * Unregister a callback previously registered with the register function.\n+     *\n+     * Parameters:\n+     * id - {Number} The identifer returned by the register function.\n+     */\n+    o.unregister = function(id) {\n+        delete o.registry[id];\n+    };\n+})();\n+/* ======================================================================\n+    OpenLayers/Protocol/CSW/v2_0_2.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol/CSW.js\n+ * @requires OpenLayers/Format/CSWGetRecords/v2_0_2.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.CSW.v2_0_2\n+ * CS-W (Catalogue services for the Web) version 2.0.2 protocol.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol>\n+ */\n+OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n+\n+    /**\n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n+     */\n+    formatOptions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.CSW.v2_0_2\n+     * A class for CSW version 2.0.2 protocol management.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions));\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n+\n+    /**\n+     * Method: read\n+     * Construct a request for reading new records from the Catalogue.\n+     */\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+\n+        var data = this.format.write(options.params || options);\n+\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+\n+        return response;\n+    },\n+\n+    /**\n+     * Method: handleRead\n+     * Deal with response from the read request.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     *     This response is given a code property, and optionally a data property.\n+     *     The latter represents the CSW records as returned by the call to\n+     *     the CSW format read method.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                response.data = this.parseData(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n+\n+    /**\n+     * Method: parseData\n+     * Read HTTP response body and return records\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     *\n+     * Returns:\n+     * {Object} The CSW records as returned by the call to the format read method.\n+     */\n+    parseData: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n+\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/SOS/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol/SOS.js\n+ * @requires OpenLayers/Format/SOSGetFeatureOfInterest.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.SOS.v1_0_0\n+ * An SOS v1.0.0 Protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.SOS.v1_0_0> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol>\n+ */\n+OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n+\n+    /**\n+     * APIProperty: fois\n+     * {Array(String)} Array of features of interest (foi)\n+     */\n+    fois: null,\n+\n+    /**\n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n+     */\n+    formatOptions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.SOS\n+     * A class for giving layers an SOS protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * url - {String} URL to send requests to (required).\n+     * fois - {Array} The features of interest (required).\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(\n+                this.formatOptions);\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n+\n+    /**\n+     * APIMethod: read\n+     * Construct a request for reading new sensor positions. This is done by\n+     *     issuing one GetFeatureOfInterest request.\n+     */\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var format = this.format;\n+        var data = OpenLayers.Format.XML.prototype.write.apply(format,\n+            [format.writeNode(\"sos:GetFeatureOfInterest\", {\n+                fois: this.fois\n+            })]\n+        );\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            data: data\n+        });\n+        return response;\n+    },\n+\n+    /**\n+     * Method: handleRead\n+     * Deal with response from the read request.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                response.features = this.parseFeatures(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n+\n+    /**\n+     * Method: parseFeatures\n+     * Read HTTP response body and return features\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     *\n+     * Returns:\n+     * {Array({<OpenLayers.Feature.Vector>})} Array of features\n+     */\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        return this.format.read(doc);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/WFS/v1.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol/WFS.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.WFS.v1\n+ * Abstract class for for v1.0.0 and v1.1.0 protocol.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol>\n+ */\n+OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n+\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n+     */\n+    version: null,\n+\n+    /**\n+     * Property: srsName\n+     * {String} Name of spatial reference system.  Default is \"EPSG:4326\".\n+     */\n+    srsName: \"EPSG:4326\",\n+\n+    /**\n+     * Property: featureType\n+     * {String} Local feature typeName.\n+     */\n+    featureType: null,\n+\n+    /**\n+     * Property: featureNS\n+     * {String} Feature namespace.\n+     */\n+    featureNS: null,\n+\n+    /**\n+     * Property: geometryName\n+     * {String} Name of the geometry attribute for features.  Default is\n+     *     \"the_geom\" for WFS <version> 1.0, and null for higher versions.\n+     */\n+    geometryName: \"the_geom\",\n+\n+    /**\n+     * Property: maxFeatures\n+     * {Integer} Optional maximum number of features to retrieve.\n+     */\n+\n+    /**\n+     * Property: schema\n+     * {String} Optional schema location that will be included in the\n+     *     schemaLocation attribute value.  Note that the feature type schema\n+     *     is required for a strict XML validator (on transactions with an\n+     *     insert for example), but is *not* required by the WFS specification\n+     *     (since the server is supposed to know about feature type schemas).\n+     */\n+    schema: null,\n+\n+    /**\n+     * Property: featurePrefix\n+     * {String} Namespace alias for feature type.  Default is \"feature\".\n+     */\n+    featurePrefix: \"feature\",\n+\n+    /**\n+     * Property: formatOptions\n+     * {Object} Optional options for the format.  If a format is not provided,\n+     *     this property can be used to extend the default format options.\n+     */\n+    formatOptions: null,\n+\n+    /** \n+     * Property: readFormat \n+     * {<OpenLayers.Format>} For WFS requests it is possible to get a  \n+     *     different output format than GML. In that case, we cannot parse  \n+     *     the response with the default format (WFST) and we need a different \n+     *     format for reading. \n+     */\n+    readFormat: null,\n+\n+    /**\n+     * Property: readOptions\n+     * {Object} Optional object to pass to format's read.\n+     */\n+    readOptions: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.WFS\n+     * A class for giving layers WFS protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * url - {String} URL to send requests to (required).\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (required, but can be autodetected\n+     *     during the first query if GML is used as readFormat and\n+     *     featurePrefix is provided and matches the prefix used by the server\n+     *     for this featureType).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     for writing if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  The default is\n+     *     'the_geom' for WFS <version> 1.0, and null for higher versions. If\n+     *     null, it will be set to the name of the first geometry found in the\n+     *     first read operation.\n+     * multi - {Boolean} If set to true, geometries will be casted to Multi\n+     *     geometries before they are written in a transaction. No casting will\n+     *     be done when reading features.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n+                version: this.version,\n+                featureType: this.featureType,\n+                featureNS: this.featureNS,\n+                featurePrefix: this.featurePrefix,\n+                geometryName: this.geometryName,\n+                srsName: this.srsName,\n+                schema: this.schema\n+            }, this.formatOptions));\n+        }\n+        if (!options.geometryName && parseFloat(this.format.version) > 1.0) {\n+            this.setGeometryName(null);\n+        }\n+    },\n+\n+    /**\n+     * APIMethod: destroy\n+     * Clean up the protocol.\n+     */\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy();\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this);\n+    },\n+\n+    /**\n+     * APIMethod: read\n+     * Construct a request for reading new features.  Since WFS splits the\n+     *     basic CRUD operations into GetFeature requests (for read) and\n+     *     Transactions (for all others), this method does not make use of the\n+     *     format's read method (that is only about reading transaction\n+     *     responses).\n+     *\n+     * Parameters:\n+     * options - {Object} Options for the read operation, in addition to the\n+     *     options set on the instance (options set here will take precedence).\n+     *\n+     * To use a configured protocol to get e.g. a WFS hit count, applications\n+     * could do the following:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     readOptions: {output: \"object\"},\n+     *     resultType: \"hits\",\n+     *     maxFeatures: null,\n+     *     callback: function(resp) {\n+     *         // process resp.numberOfFeatures here\n+     *     }\n+     * });\n+     * (end)\n+     *\n+     * To use a configured protocol to use WFS paging (if supported by the\n+     * server), applications could do the following:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     startIndex: 0,\n+     *     count: 50\n+     * });\n+     * (end)\n+     *\n+     * To limit the attributes returned by the GetFeature request, applications\n+     * can use the propertyNames option to specify the properties to include in\n+     * the response:\n+     *\n+     * (code)\n+     * protocol.read({\n+     *     propertyNames: [\"DURATION\", \"INTENSITY\"]\n+     * });\n+     * (end)\n+     */\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+\n+        var data = OpenLayers.Format.XML.prototype.write.apply(\n+            this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]\n+        );\n+\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+\n+        return response;\n+    },\n+\n+    /**\n+     * APIMethod: setFeatureType\n+     * Change the feature type on the fly.\n+     *\n+     * Parameters:\n+     * featureType - {String} Local (without prefix) feature typeName.\n+     */\n+    setFeatureType: function(featureType) {\n+        this.featureType = featureType;\n+        this.format.featureType = featureType;\n+    },\n+\n+    /**\n+     * APIMethod: setGeometryName\n+     * Sets the geometryName option after instantiation.\n+     *\n+     * Parameters:\n+     * geometryName - {String} Name of geometry attribute.\n+     */\n+    setGeometryName: function(geometryName) {\n+        this.geometryName = geometryName;\n+        this.format.geometryName = geometryName;\n+    },\n+\n+    /**\n+     * Method: handleRead\n+     * Deal with response from the read request.\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the read call.\n+     */\n+    handleRead: function(response, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                // success\n+                var result = this.parseResponse(request, options.readOptions);\n+                if (result && result.success !== false) {\n+                    if (options.readOptions && options.readOptions.output == \"object\") {\n+                        OpenLayers.Util.extend(response, result);\n+                    } else {\n+                        response.features = result;\n+                    }\n+                    response.code = OpenLayers.Protocol.Response.SUCCESS;\n+                } else {\n+                    // failure (service exception)\n+                    response.code = OpenLayers.Protocol.Response.FAILURE;\n+                    response.error = result;\n+                }\n+            } else {\n+                // failure\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n+\n+    /**\n+     * Method: parseResponse\n+     * Read HTTP response body and return features\n+     *\n+     * Parameters:\n+     * request - {XMLHttpRequest} The request object\n+     * options - {Object} Optional object to pass to format's read\n+     *\n+     * Returns:\n+     * {Object} or {Array({<OpenLayers.Feature.Vector>})} or\n+     *     {<OpenLayers.Feature.Vector>} \n+     * An object with a features property, an array of features or a single \n+     * feature.\n+     */\n+    parseResponse: function(request, options) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText;\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null;\n+        }\n+        var result = (this.readFormat !== null) ? this.readFormat.read(doc) :\n+            this.format.read(doc, options);\n+        if (!this.featureNS) {\n+            var format = this.readFormat || this.format;\n+            this.featureNS = format.featureNS;\n+            // no need to auto-configure again on subsequent reads\n+            format.autoConfig = false;\n+            if (!this.geometryName) {\n+                this.setGeometryName(format.geometryName);\n+            }\n+        }\n+        return result;\n+    },\n+\n+    /**\n+     * Method: commit\n+     * Given a list of feature, assemble a batch request for update, create,\n+     *     and delete transactions.  A commit call on the prototype amounts\n+     *     to writing a WFS transaction - so the write method on the format\n+     *     is used.\n+     *\n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)}\n+     * options - {Object}\n+     *\n+     * Valid options properties:\n+     * nativeElements - {Array({Object})} Array of objects with information for writing\n+     * out <Native> elements, these objects have vendorId, safeToIgnore and\n+     * value properties. The <Native> element is intended to allow access to \n+     * vendor specific capabilities of any particular web feature server or \n+     * datastore.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Protocol.Response>} A response object with a features\n+     *     property containing any insertIds and a priv property referencing\n+     *     the XMLHttpRequest object.\n+     */\n+    commit: function(features, options) {\n+\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\",\n+            reqFeatures: features\n+        });\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            headers: options.headers,\n+            data: this.format.write(features, options),\n+            callback: this.createCallback(this.handleCommit, response, options)\n+        });\n+\n+        return response;\n+    },\n+\n+    /**\n+     * Method: handleCommit\n+     * Called when the commit request returns.\n+     * \n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>} The response object to pass\n+     *     to the user callback.\n+     * options - {Object} The user options passed to the commit call.\n+     */\n+    handleCommit: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+\n+            // ensure that we have an xml doc\n+            var data = request.responseXML;\n+            if (!data || !data.documentElement) {\n+                data = request.responseText;\n+            }\n+\n+            var obj = this.format.read(data) || {};\n+\n+            response.insertIds = obj.insertIds || [];\n+            if (obj.success) {\n+                response.code = OpenLayers.Protocol.Response.SUCCESS;\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+                response.error = obj;\n+            }\n+            options.callback.call(options.scope, response);\n+        }\n+    },\n+\n+    /**\n+     * Method: filterDelete\n+     * Send a request that deletes all features by their filter.\n+     * \n+     * Parameters:\n+     * filter - {<OpenLayers.Filter>} filter\n+     */\n+    filterDelete: function(filter, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\"\n+        });\n+\n+        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n+            attributes: {\n+                service: \"WFS\",\n+                version: this.version\n+            }\n+        });\n+\n+        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n+            attributes: {\n+                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") +\n+                    options.featureType\n+            }\n+        });\n+\n+        if (options.featureNS) {\n+            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS);\n+        }\n+        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n+\n+        deleteNode.appendChild(filterNode);\n+\n+        root.appendChild(deleteNode);\n+\n+        var data = OpenLayers.Format.XML.prototype.write.apply(\n+            this.format, [root]\n+        );\n+\n+        return OpenLayers.Request.POST({\n+            url: this.url,\n+            callback: options.callback || function() {},\n+            data: data\n+        });\n+\n+    },\n+\n+    /**\n+     * Method: abort\n+     * Abort an ongoing request, the response object passed to\n+     * this method must come from this protocol (as a result\n+     * of a read, or commit operation).\n+     *\n+     * Parameters:\n+     * response - {<OpenLayers.Protocol.Response>}\n+     */\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort();\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/WFS/v1_1_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol/WFS/v1.js\n+ * @requires OpenLayers/Format/WFST/v1_1_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.WFS.v1_1_0\n+ * A WFS v1.1.0 protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.WFS.v1_1_0> constructor.\n+ *\n+ * Differences from the v1.0.0 protocol:\n+ *  - uses Filter Encoding 1.1.0 instead of 1.0.0\n+ *  - uses GML 3 instead of 2 if no format is provided\n+ *  \n+ * Inherits from:\n+ *  - <OpenLayers.Protocol.WFS.v1>\n+ */\n+OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n+     */\n+    version: \"1.1.0\",\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.WFS.v1_1_0\n+     * A class for giving layers WFS v1.1.0 protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (optional).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n+     * outputFormat - {String} Optional output format to use for WFS GetFeature\n+     *     requests. This can be any format advertized by the WFS's\n+     *     GetCapabilities response. If set, an appropriate readFormat also\n+     *     has to be provided, unless outputFormat is GML3, GML2 or JSON.\n+     * readFormat - {<OpenLayers.Format>} An appropriate format parser if\n+     *     outputFormat is none of GML3, GML2 or JSON.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n+        if (this.outputFormat && !this.readFormat) {\n+            if (this.outputFormat.toLowerCase() == \"gml2\") {\n+                this.readFormat = new OpenLayers.Format.GML.v2({\n+                    featureType: this.featureType,\n+                    featureNS: this.featureNS,\n+                    geometryName: this.geometryName\n+                });\n+            } else if (this.outputFormat.toLowerCase() == \"json\") {\n+                this.readFormat = new OpenLayers.Format.GeoJSON();\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n+});\n+/* ======================================================================\n+    OpenLayers/Protocol/WFS/v1_0_0.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Protocol/WFS/v1.js\n+ * @requires OpenLayers/Format/WFST/v1_0_0.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Protocol.WFS.v1_0_0\n+ * A WFS v1.0.0 protocol for vector layers.  Create a new instance with the\n+ *     <OpenLayers.Protocol.WFS.v1_0_0> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Protocol.WFS.v1>\n+ */\n+OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+\n+    /**\n+     * Property: version\n+     * {String} WFS version number.\n+     */\n+    version: \"1.0.0\",\n+\n+    /**\n+     * Constructor: OpenLayers.Protocol.WFS.v1_0_0\n+     * A class for giving layers WFS v1.0.0 protocol.\n+     *\n+     * Parameters:\n+     * options - {Object} Optional object whose properties will be set on the\n+     *     instance.\n+     *\n+     * Valid options properties:\n+     * featureType - {String} Local (without prefix) feature typeName (required).\n+     * featureNS - {String} Feature namespace (optional).\n+     * featurePrefix - {String} Feature namespace alias (optional - only used\n+     *     if featureNS is provided).  Default is 'feature'.\n+     * geometryName - {String} Name of geometry attribute.  Default is 'the_geom'.\n+     */\n+\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n+});\n+/* ======================================================================\n+    OpenLayers/Renderer/Canvas.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Renderer.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Renderer.Canvas \n+ * A renderer based on the 2D 'canvas' drawing element.\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer>\n+ */\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n+\n+    /**\n+     * APIProperty: hitDetection\n+     * {Boolean} Allow for hit detection of features.  Default is true.\n+     */\n+    hitDetection: true,\n+\n+    /**\n+     * Property: hitOverflow\n+     * {Number} The method for converting feature identifiers to color values\n+     *     supports 16777215 sequential values.  Two features cannot be \n+     *     predictably detected if their identifiers differ by more than this\n+     *     value.  The hitOverflow allows for bigger numbers (but the \n+     *     difference in values is still limited).\n+     */\n+    hitOverflow: 0,\n+\n+    /**\n+     * Property: canvas\n+     * {Canvas} The canvas context object.\n+     */\n+    canvas: null,\n+\n+    /**\n+     * Property: features\n+     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n+     */\n+    features: null,\n+\n+    /**\n+     * Property: pendingRedraw\n+     * {Boolean} The renderer needs a redraw call to render features added while\n+     *     the renderer was locked.\n+     */\n+    pendingRedraw: false,\n+\n+    /**\n+     * Property: cachedSymbolBounds\n+     * {Object} Internal cache of calculated symbol extents.\n+     */\n+    cachedSymbolBounds: {},\n+\n+    /**\n+     * Constructor: OpenLayers.Renderer.Canvas\n+     *\n+     * Parameters:\n+     * containerID - {<String>}\n+     * options - {Object} Optional properties to be set on the renderer.\n+     */\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\");\n+        }\n+    },\n+\n+    /**\n+     * Method: setExtent\n+     * Set the visible part of the layer.\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     *\n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n+     */\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        // always redraw features\n+        return false;\n+    },\n+\n+    /** \n+     * Method: eraseGeometry\n+     * Erase a geometry from the renderer. Because the Canvas renderer has\n+     *     'memory' of the features that it has drawn, we have to remove the\n+     *     feature so it doesn't redraw.   \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * featureId - {String}\n+     */\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0]);\n+    },\n+\n+    /**\n+     * APIMethod: supported\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the renderer class\n+     */\n+    supported: function() {\n+        return OpenLayers.CANVAS_SUPPORTED;\n+    },\n+\n+    /**\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     *\n+     * Once the size is updated, redraw the canvas.\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} \n+     */\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawFeature\n+     * Draw the feature. Stores the feature in the features list,\n+     * then redraws the layer. \n+     *\n+     * Parameters:\n+     * feature - {<OpenLayers.Feature.Vector>} \n+     * style - {<Object>} \n+     *\n+     * Returns:\n+     * {Boolean} The feature has been drawn completely.  If the feature has no\n+     *     geometry, undefined will be returned.  If the feature is not rendered\n+     *     for other reasons, false will be returned.\n+     */\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            // don't render if display none or feature outside extent\n+            var bounds = feature.geometry.getBounds();\n+\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent();\n+            }\n+\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+\n+            rendered = (style.display !== \"none\") && !!bounds && intersects;\n+            if (rendered) {\n+                // keep track of what we have rendered for redraw\n+                this.features[feature.id] = [feature, style];\n+            } else {\n+                // remove from features tracked for redraw\n+                delete(this.features[feature.id]);\n+            }\n+            this.pendingRedraw = true;\n+        }\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false;\n+        }\n+        return rendered;\n+    },\n+\n+    /** \n+     * Method: drawGeometry\n+     * Used when looping (in redraw) over the features; draws\n+     * the canvas. \n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>} \n+     * style - {Object} \n+     */\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if ((className == \"OpenLayers.Geometry.Collection\") ||\n+            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n+            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n+            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId);\n+            }\n+            return;\n+        }\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                this.drawPoint(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                this.drawLineString(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                this.drawLinearRing(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                this.drawPolygon(geometry, style, featureId);\n+                break;\n+            default:\n+                break;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawExternalGraphic\n+     * Called to draw External graphics. \n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image();\n+\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            img.title = title;\n+        }\n+\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = (style.graphicXOffset != undefined) ?\n+            style.graphicXOffset : -(0.5 * width);\n+        var yOffset = (style.graphicYOffset != undefined) ?\n+            style.graphicYOffset : -(0.5 * height);\n+\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return;\n+            }\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = (p0 + xOffset) | 0;\n+                var y = (p1 + yOffset) | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n+                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n+                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n+                        // 320 is the screen width of the G1 phone, for\n+                        // which drawImage works out of the box.\n+                        320 / window.screen.width : 1\n+                    );\n+                canvas.drawImage(\n+                    img, x * factor, y * factor, width * factor, height * factor\n+                );\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height);\n+                }\n+            }\n+        };\n+\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic;\n+    },\n+\n+    /**\n+     * Method: drawNamedSymbol\n+     * Called to draw Well Known Graphic Symbol Name. \n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180.0;\n+\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+\n+        if (!symbol) {\n+            throw new Error(style.graphicName + ' is not a valid symbol name');\n+        }\n+\n+        if (!symbol.length || symbol.length < 2) return;\n+\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n+\n+        if (isNaN(p0) || isNaN(p1)) return;\n+\n+        // Use rounded line caps\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n+\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\";\n+        }\n+\n+        // Scale and rotate symbols, using precalculated bounds whenever possible.\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n+        } else {\n+            symbolBounds = new OpenLayers.Bounds();\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n+            }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n+        }\n+\n+        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n+        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save();\n+        }\n+\n+        // Step 3: place symbol at the desired location\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1);\n+        }\n+\n+        // Step 2a. rotate the symbol if necessary\n+        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle);\n+            }\n+        }\n+\n+        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n+        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling);\n+        }\n+\n+        // Step 1: center the symbol at the origin        \n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy);\n+        }\n+\n+        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n+        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n+\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.fill();\n+\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.fill();\n+            }\n+        }\n+\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y);\n+            }\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n+\n+\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y);\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.stroke();\n+            }\n+\n+        }\n+\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore();\n+        }\n+        this.setCanvasStyle(\"reset\");\n+    },\n+\n+    /**\n+     * Method: setCanvasStyle\n+     * Prepare the canvas for drawing by setting various global settings.\n+     *\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * style - {Object} Symbolizer hash\n+     */\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style['fillOpacity'];\n+            this.canvas.fillStyle = style['fillColor'];\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style['strokeOpacity'];\n+            this.canvas.strokeStyle = style['strokeColor'];\n+            this.canvas.lineWidth = style['strokeWidth'];\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1;\n+        }\n+    },\n+\n+    /**\n+     * Method: featureIdToHex\n+     * Convert a feature ID string into an RGB hex string.\n+     *\n+     * Parameters:\n+     * featureId - {String} Feature id\n+     *\n+     * Returns:\n+     * {String} RGB hex string.\n+     */\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1;\n+        }\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex;\n+    },\n+\n+    /**\n+     * Method: setHitContextStyle\n+     * Prepare the hit canvas for drawing by setting various global settings.\n+     *\n+     * Parameters:\n+     * type - {String} one of 'stroke', 'fill', or 'reset'\n+     * featureId - {String} The feature id.\n+     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n+     */\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.fillStyle = hex;\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1.0;\n+            this.hitContext.strokeStyle = hex;\n+            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n+            // on a transformed canvas, so the antialias width bump has to scale as well.\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n+                }\n+            }\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId);\n+            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n+                this.drawNamedSymbol(geometry, style, featureId);\n+            } else {\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill();\n+                        }\n+                    }\n+\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke();\n+                        }\n+                        this.setCanvasStyle(\"reset\");\n+                    }\n+                }\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId);\n+    },\n+\n+    /**\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\");\n+    },\n+\n+    /**\n+     * Method: renderPath\n+     * Render a path with stroke and optional fill.\n+     */\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1]);\n+            }\n+            if (type === \"fill\") {\n+                context.fill();\n+            } else {\n+                context.stroke();\n+            }\n+        }\n+    },\n+\n+    /**\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * geometry - {<OpenLayers.Geometry>}\n+     * style    - {Object}\n+     * featureId - {String}\n+     */\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        // erase inner rings\n+        for (var i = 1; i < len; ++i) {\n+            /** \n+             * Note that this is overly agressive.  Here we punch holes through \n+             * all previously rendered features on the same canvas.  A better \n+             * solution for polygons with interior rings would be to draw the \n+             * polygon on a sketch canvas first.  We could erase all holes \n+             * there and then copy the drawing to the layer canvas. \n+             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n+             */\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    stroke: false,\n+                    fillOpacity: 1.0\n+                }, style),\n+                featureId\n+            );\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\";\n+            }\n+            this.drawLinearRing(\n+                components[i],\n+                OpenLayers.Util.applyDefaults({\n+                    fill: false\n+                }, style),\n+                featureId\n+            );\n+        }\n+    },\n+\n+    /**\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.Point>}\n+     * style    - {Object}\n+     */\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n+\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n+            \"normal\", // \"font-variant\" not supported\n+            style.fontWeight ? style.fontWeight : \"normal\",\n+            style.fontSize ? style.fontSize : \"1em\",\n+            style.fontFamily ? style.fontFamily : \"sans-serif\"\n+        ].join(\" \");\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            // HTML5\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n+                \"center\";\n+            this.canvas.textBaseline =\n+                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n+                \"middle\";\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight =\n+                this.canvas.measureText('Mg').height ||\n+                this.canvas.measureText('xx').width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n+                    this.canvas.restore();\n+                }\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n+            }\n+        } else if (this.canvas.mozDrawText) {\n+            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n+            this.canvas.mozTextStyle = fontStyle;\n+            // No built-in text alignment, so we measure and adjust the position\n+            var hfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5;\n+            }\n+            var vfactor =\n+                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5;\n+            }\n+            var lineHeight = this.canvas.mozMeasureText('xx');\n+            pt[1] += lineHeight * (1 + (vfactor * numRows));\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n+                var y = pt[1] + (i * lineHeight);\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y);\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\");\n+    },\n+\n+    /**\n+     * Method: getLocalXY\n+     * transform geographic xy into pixel xy\n+     *\n+     * Parameters: \n+     * point - {<OpenLayers.Geometry.Point>}\n+     */\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n+        var y = ((extent.top / resolution) - point.y / resolution);\n+        return [x, y];\n+    },\n+\n+    /**\n+     * Method: clear\n+     * Clear all vectors from the renderer.\n+     */\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height);\n+        }\n+    },\n+\n+    /**\n+     * Method: getFeatureIdFromEvent\n+     * Returns a feature id from an event on the renderer.  \n+     * \n+     * Parameters:\n+     * evt - {<OpenLayers.Event>} \n+     *\n+     * Returns:\n+     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n+     *     feature instead of a feature id to avoid an unnecessary lookup on the\n+     *     layer.\n+     */\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n+\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            // this dragging check should go in the feature handler\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) { // antialiased\n+                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0];\n+                        } catch (err) {\n+                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n+                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n+                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        return feature;\n+    },\n+\n+    /**\n+     * Method: eraseFeatures \n+     * This is called by the layer to erase features; removes the feature from\n+     *     the list, then redraws the layer.\n+     * \n+     * Parameters:\n+     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     */\n+    eraseFeatures: function(features) {\n+        if (!(OpenLayers.Util.isArray(features))) {\n+            features = [features];\n+        }\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id];\n+        }\n+        this.redraw();\n+    },\n+\n+    /**\n+     * Method: redraw\n+     * The real 'meat' of the function: any time things have changed,\n+     *     redraw() can be called to loop over all the data and (you guessed\n+     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n+     *     with things once they're drawn, to remove them, for example, so\n+     *     instead we have to just clear everything and draw from scratch.\n+     */\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height);\n+            }\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue;\n+                }\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style]);\n+                }\n+            }\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1]);\n+            }\n+        }\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    \"l\": \"left\",\n+    \"r\": \"right\",\n+    \"t\": \"top\",\n+    \"b\": \"bottom\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n+ * {Object}\n+ */\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    \"l\": 0,\n+    \"r\": -1,\n+    \"t\": 0,\n+    \"b\": -1\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n+ * {Number} Scale factor to apply to the canvas drawImage arguments. This\n+ *     is always 1 except for Android 2.1 devices, to work around\n+ *     http://code.google.com/p/android/issues/detail?id=5141.\n+ */\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n+/* ======================================================================\n+    OpenLayers/Renderer/SVG.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Renderer/Elements.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Renderer.SVG\n+ * \n+ * Inherits:\n+ *  - <OpenLayers.Renderer.Elements>\n+ */\n+OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+\n+    /** \n+     * Property: xmlns\n+     * {String}\n+     */\n+    xmlns: \"http://www.w3.org/2000/svg\",\n+\n+    /**\n+     * Property: xlinkns\n+     * {String}\n+     */\n+    xlinkns: \"http://www.w3.org/1999/xlink\",\n+\n+    /**\n+     * Constant: MAX_PIXEL\n+     * {Integer} Firefox has a limitation where values larger or smaller than  \n+     *           about 15000 in an SVG document lock the browser up. This \n+     *           works around it.\n+     */\n+    MAX_PIXEL: 15000,\n+\n+    /**\n+     * Property: translationParameters\n+     * {Object} Hash with \"x\" and \"y\" properties\n+     */\n+    translationParameters: null,\n+\n+    /**\n+     * Property: symbolMetrics\n+     * {Object} Cache for symbol metrics according to their svg coordinate\n+     *     space. This is an object keyed by the symbol's id, and values are\n+     *     an array of [width, centerX, centerY].\n+     */\n+    symbolMetrics: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Renderer.SVG\n+     * \n+     * Parameters:\n+     * containerID - {String}\n+     */\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+        this.translationParameters = {\n+            x: 0,\n+            y: 0\n+        };\n+\n+        this.symbolMetrics = {};\n+    },\n+\n+    /**\n+     * APIMethod: supported\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the browser supports the SVG renderer\n+     */\n+    supported: function() {\n+        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n+        return (document.implementation &&\n+            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n+                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n+                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n+    },\n+\n+    /**\n+     * Method: inValidRange\n+     * See #669 for more information\n+     *\n+     * Parameters:\n+     * x      - {Integer}\n+     * y      - {Integer}\n+     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n+     *     to not take the current translation parameters into account if true.\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n+     *           valid range.\n+     */\n+    inValidRange: function(x, y, xyOnly) {\n+        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n+        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n+        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n+            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n+    },\n+\n+    /**\n+     * Method: setExtent\n+     * \n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     *     False otherwise.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+\n+        var resolution = this.getResolution(),\n+            left = -extent.left / resolution,\n+            top = extent.top / resolution;\n+\n+        // If the resolution has changed, start over changing the corner, because\n+        // the features will redraw.\n+        if (resolutionChanged) {\n+            this.left = left;\n+            this.top = top;\n+            // Set the viewbox\n+            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n+\n+            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n+            this.translate(this.xOffset, 0);\n+            return true;\n+        } else {\n+            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n+            if (!inRange) {\n+                // recenter the coordinate system\n+                this.setExtent(extent, true);\n+            }\n+            return coordSysUnchanged && inRange;\n+        }\n+    },\n+\n+    /**\n+     * Method: translate\n+     * Transforms the SVG coordinate system\n+     * \n+     * Parameters:\n+     * x - {Float}\n+     * y - {Float}\n+     * \n+     * Returns:\n+     * {Boolean} true if the translation parameters are in the valid coordinates\n+     *     range, false otherwise.\n+     */\n+    translate: function(x, y) {\n+        if (!this.inValidRange(x, y, true)) {\n+            return false;\n+        } else {\n+            var transformString = \"\";\n+            if (x || y) {\n+                transformString = \"translate(\" + x + \",\" + y + \")\";\n+            }\n+            this.root.setAttributeNS(null, \"transform\", transformString);\n+            this.translationParameters = {\n+                x: x,\n+                y: y\n+            };\n+            return true;\n+        }\n+    },\n+\n+    /**\n+     * Method: setSize\n+     * Sets the size of the drawing surface.\n+     * \n+     * Parameters:\n+     * size - {<OpenLayers.Size>} The size of the drawing surface\n+     */\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+\n+        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n+        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n+    },\n+\n+    /** \n+     * Method: getNodeType \n+     * \n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"image\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"svg\";\n+                } else {\n+                    nodeType = \"circle\";\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                nodeType = \"polyline\";\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                nodeType = \"polygon\";\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"path\";\n+                break;\n+            default:\n+                break;\n+        }\n+        return nodeType;\n+    },\n+\n+    /** \n+     * Method: setStyle\n+     * Use to set all the style attributes to a SVG node.\n+     * \n+     * Takes care to adjust stroke width and point radius to be\n+     * resolution-relative\n+     *\n+     * Parameters:\n+     * node - {SVGDomElement} An SVG element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n+     */\n+    setStyle: function(node, style, options) {\n+        style = style || node._style;\n+        options = options || node._options;\n+\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.setAttributeNS(null, \"title\", title);\n+            //Standards-conformant SVG\n+            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n+            var titleNode = node.getElementsByTagName(\"title\");\n+            if (titleNode.length > 0) {\n+                titleNode[0].firstChild.textContent = title;\n+            } else {\n+                var label = this.nodeFactory(null, \"title\");\n+                label.textContent = title;\n+                node.appendChild(label);\n+            }\n+        }\n+\n+        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n+        var widthFactor = 1;\n+        var pos;\n+        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n+            node.style.visibility = \"\";\n+            if (style.graphic === false) {\n+                node.style.visibility = \"hidden\";\n+            } else if (style.externalGraphic) {\n+                pos = this.getPosition(node);\n+                if (style.graphicWidth && style.graphicHeight) {\n+                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n+                }\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n+\n+                var opacity = style.graphicOpacity || style.fillOpacity;\n+\n+                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n+                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n+                node.setAttributeNS(null, \"width\", width);\n+                node.setAttributeNS(null, \"height\", height);\n+                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n+                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n+                node.onclick = OpenLayers.Event.preventDefault;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                // the symbol viewBox is three times as large as the symbol\n+                var offset = style.pointRadius * 3;\n+                var size = offset * 2;\n+                var src = this.importSymbol(style.graphicName);\n+                pos = this.getPosition(node);\n+                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n+\n+                // remove the node from the dom before we modify it. This\n+                // prevents various rendering issues in Safari and FF\n+                var parent = node.parentNode;\n+                var nextSibling = node.nextSibling;\n+                if (parent) {\n+                    parent.removeChild(node);\n+                }\n+\n+                // The more appropriate way to implement this would be use/defs,\n+                // but due to various issues in several browsers, it is safer to\n+                // copy the symbols instead of referencing them. \n+                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n+                // and this email thread\n+                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n+                node.firstChild && node.removeChild(node.firstChild);\n+                node.appendChild(src.firstChild.cloneNode(true));\n+                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n+\n+                node.setAttributeNS(null, \"width\", size);\n+                node.setAttributeNS(null, \"height\", size);\n+                node.setAttributeNS(null, \"x\", pos.x - offset);\n+                node.setAttributeNS(null, \"y\", pos.y - offset);\n+\n+                // now that the node has all its new properties, insert it\n+                // back into the dom where it was\n+                if (nextSibling) {\n+                    parent.insertBefore(node, nextSibling);\n+                } else if (parent) {\n+                    parent.appendChild(node);\n+                }\n+            } else {\n+                node.setAttributeNS(null, \"r\", style.pointRadius);\n+            }\n+\n+            var rotation = style.rotation;\n+\n+            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n+                node._rotation = rotation;\n+                rotation |= 0;\n+                if (node.nodeName !== \"svg\") {\n+                    node.setAttributeNS(null, \"transform\",\n+                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n+                        pos.y + \")\");\n+                } else {\n+                    var metrics = this.symbolMetrics[src.id];\n+                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n+                        rotation + \" \" +\n+                        metrics[1] + \" \" +\n+                        metrics[2] + \")\");\n+                }\n+            }\n+        }\n+\n+        if (options.isFilled) {\n+            node.setAttributeNS(null, \"fill\", style.fillColor);\n+            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n+        } else {\n+            node.setAttributeNS(null, \"fill\", \"none\");\n+        }\n+\n+        if (options.isStroked) {\n+            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n+            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n+            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n+            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n+            // Hard-coded linejoin for now, to make it look the same as in VML.\n+            // There is no strokeLinejoin property yet for symbolizers.\n+            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n+            style.strokeDashstyle && node.setAttributeNS(null,\n+                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n+        } else {\n+            node.setAttributeNS(null, \"stroke\", \"none\");\n+        }\n+\n+        if (style.pointerEvents) {\n+            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n+        }\n+\n+        if (style.cursor != null) {\n+            node.setAttributeNS(null, \"cursor\", style.cursor);\n+        }\n+\n+        return node;\n+    },\n+\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * widthFactor - {Number}\n+     * \n+     * Returns:\n+     * {String} A SVG compliant 'stroke-dasharray' value\n+     */\n+    dashStyle: function(style, widthFactor) {\n+        var w = style.strokeWidth * widthFactor;\n+        var str = style.strokeDashstyle;\n+        switch (str) {\n+            case 'solid':\n+                return 'none';\n+            case 'dot':\n+                return [1, 4 * w].join();\n+            case 'dash':\n+                return [4 * w, 4 * w].join();\n+            case 'dashdot':\n+                return [4 * w, 4 * w, 1, 4 * w].join();\n+            case 'longdash':\n+                return [8 * w, 4 * w].join();\n+            case 'longdashdot':\n+                return [8 * w, 4 * w, 1, 4 * w].join();\n+            default:\n+                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n+        }\n+    },\n+\n+    /** \n+     * Method: createNode\n+     * \n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     * \n+     * Returns:\n+     * {DOMElement} A new node of the given type and id\n+     */\n+    createNode: function(type, id) {\n+        var node = document.createElementNS(this.xmlns, type);\n+        if (id) {\n+            node.setAttributeNS(null, \"id\", id);\n+        }\n+        return node;\n+    },\n+\n+    /** \n+     * Method: nodeTypeCompare\n+     * \n+     * Parameters:\n+     * node - {SVGDomElement} An SVG element\n+     * type - {String} Kind of node\n+     * \n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     */\n+    nodeTypeCompare: function(node, type) {\n+        return (type == node.nodeName);\n+    },\n+\n+    /**\n+     * Method: createRenderRoot\n+     * \n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n+     */\n+    createRenderRoot: function() {\n+        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n+        svg.style.display = \"block\";\n+        return svg;\n+    },\n+\n+    /**\n+     * Method: createRoot\n+     * \n+     * Parameters:\n+     * suffix - {String} suffix to append to the id\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"g\");\n+    },\n+\n+    /**\n+     * Method: createDefs\n+     *\n+     * Returns:\n+     * {DOMElement} The element to which we'll add the symbol definitions\n+     */\n+    createDefs: function() {\n+        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n+        this.rendererRoot.appendChild(defs);\n+        return defs;\n+    },\n+\n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n+\n+    /**\n+     * Method: drawPoint\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the point\n+     */\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n+    },\n+\n+    /**\n+     * Method: drawCircle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {Float}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the circle\n+     */\n+    drawCircle: function(node, geometry, radius) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n+\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"cx\", x);\n+            node.setAttributeNS(null, \"cy\", y);\n+            node.setAttributeNS(null, \"r\", radius);\n+            return node;\n+        } else {\n+            return false;\n+        }\n+\n+    },\n+\n+    /**\n+     * Method: drawLineString\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components of\n+     *     the linestring, or false if nothing could be drawn\n+     */\n+    drawLineString: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawLinearRing\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the linear ring, or false if nothing could be drawn\n+     */\n+    drawLinearRing: function(node, geometry) {\n+        var componentsResult = this.getComponentsString(geometry.components);\n+        if (componentsResult.path) {\n+            node.setAttributeNS(null, \"points\", componentsResult.path);\n+            return (componentsResult.complete ? node : null);\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawPolygon\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or null if the renderer could not draw all components\n+     *     of the polygon, or false if nothing could be drawn\n+     */\n+    drawPolygon: function(node, geometry) {\n+        var d = \"\";\n+        var draw = true;\n+        var complete = true;\n+        var linearRingResult, path;\n+        for (var j = 0, len = geometry.components.length; j < len; j++) {\n+            d += \" M\";\n+            linearRingResult = this.getComponentsString(\n+                geometry.components[j].components, \" \");\n+            path = linearRingResult.path;\n+            if (path) {\n+                d += \" \" + path;\n+                complete = linearRingResult.complete && complete;\n+            } else {\n+                draw = false;\n+            }\n+        }\n+        d += \" z\";\n+        if (draw) {\n+            node.setAttributeNS(null, \"d\", d);\n+            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n+            return complete ? node : null;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawRectangle\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the renderer could not draw the rectangle\n+     */\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - geometry.y / resolution);\n+\n+        if (this.inValidRange(x, y)) {\n+            node.setAttributeNS(null, \"x\", x);\n+            node.setAttributeNS(null, \"y\", y);\n+            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n+            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n+            return node;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     *\n+     * Parameters:\n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n+     */\n+    drawText: function(featureId, style, location) {\n+        var drawOutline = (!!style.labelOutlineWidth);\n+        // First draw text in halo color and size and overlay the\n+        // normal text afterwards\n+        if (drawOutline) {\n+            var outlineStyle = OpenLayers.Util.extend({}, style);\n+            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n+            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n+            if (style.labelOutlineOpacity) {\n+                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n+            }\n+            delete outlineStyle.labelOutlineWidth;\n+            this.drawText(featureId, outlineStyle, location);\n+        }\n+\n+        var resolution = this.getResolution();\n+\n+        var x = ((location.x - this.featureDx) / resolution + this.left);\n+        var y = (location.y / resolution - this.top);\n+\n+        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n+        var label = this.nodeFactory(featureId + suffix, \"text\");\n+\n+        label.setAttributeNS(null, \"x\", x);\n+        label.setAttributeNS(null, \"y\", -y);\n+\n+        if (style.fontColor) {\n+            label.setAttributeNS(null, \"fill\", style.fontColor);\n+        }\n+        if (style.fontStrokeColor) {\n+            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n+        }\n+        if (style.fontStrokeWidth) {\n+            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n+        }\n+        if (style.fontOpacity) {\n+            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n+        }\n+        if (style.fontFamily) {\n+            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n+        }\n+        if (style.fontSize) {\n+            label.setAttributeNS(null, \"font-size\", style.fontSize);\n+        }\n+        if (style.fontWeight) {\n+            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n+        }\n+        if (style.fontStyle) {\n+            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n+        }\n+        if (style.labelSelect === true) {\n+            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n+            label._featureId = featureId;\n+        } else {\n+            label.setAttributeNS(null, \"pointer-events\", \"none\");\n+        }\n+        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n+        label.setAttributeNS(null, \"text-anchor\",\n+            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n+\n+        if (OpenLayers.IS_GECKO === true) {\n+            label.setAttributeNS(null, \"dominant-baseline\",\n+                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n+        }\n+\n+        var labelRows = style.label.split('\\n');\n+        var numRows = labelRows.length;\n+        while (label.childNodes.length > numRows) {\n+            label.removeChild(label.lastChild);\n+        }\n+        for (var i = 0; i < numRows; i++) {\n+            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n+            if (style.labelSelect === true) {\n+                tspan._featureId = featureId;\n+                tspan._geometry = location;\n+                tspan._geometryClass = location.CLASS_NAME;\n+            }\n+            if (OpenLayers.IS_GECKO === false) {\n+                tspan.setAttributeNS(null, \"baseline-shift\",\n+                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n+            }\n+            tspan.setAttribute(\"x\", x);\n+            if (i == 0) {\n+                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n+                if (vfactor == null) {\n+                    vfactor = -.5;\n+                }\n+                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n+            } else {\n+                tspan.setAttribute(\"dy\", \"1em\");\n+            }\n+            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n+            if (!tspan.parentNode) {\n+                label.appendChild(tspan);\n+            }\n+        }\n+\n+        if (!label.parentNode) {\n+            this.textRoot.appendChild(label);\n+        }\n+    },\n+\n+    /** \n+     * Method: getComponentString\n+     * \n+     * Parameters:\n+     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n+     * separator - {String} character between coordinate pairs. Defaults to \",\"\n+     * \n+     * Returns:\n+     * {Object} hash with properties \"path\" (the string created from the\n+     *     components and \"complete\" (false if the renderer was unable to\n+     *     draw all components)\n+     */\n+    getComponentsString: function(components, separator) {\n+        var renderCmp = [];\n+        var complete = true;\n+        var len = components.length;\n+        var strings = [];\n+        var str, component;\n+        for (var i = 0; i < len; i++) {\n+            component = components[i];\n+            renderCmp.push(component);\n+            str = this.getShortString(component);\n+            if (str) {\n+                strings.push(str);\n+            } else {\n+                // The current component is outside the valid range. Let's\n+                // see if the previous or next component is inside the range.\n+                // If so, add the coordinate of the intersection with the\n+                // valid range bounds.\n+                if (i > 0) {\n+                    if (this.getShortString(components[i - 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i - 1]));\n+                    }\n+                }\n+                if (i < len - 1) {\n+                    if (this.getShortString(components[i + 1])) {\n+                        strings.push(this.clipLine(components[i],\n+                            components[i + 1]));\n+                    }\n+                }\n+                complete = false;\n+            }\n+        }\n+\n+        return {\n+            path: strings.join(separator || \",\"),\n+            complete: complete\n+        };\n+    },\n+\n+    /**\n+     * Method: clipLine\n+     * Given two points (one inside the valid range, and one outside),\n+     * clips the line betweeen the two points so that the new points are both\n+     * inside the valid range.\n+     * \n+     * Parameters:\n+     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     invalid point\n+     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n+     *     valid point\n+     * Returns\n+     * {String} the SVG coordinate pair of the clipped point (like\n+     *     getShortString), or an empty string if both passed componets are at\n+     *     the same point.\n+     */\n+    clipLine: function(badComponent, goodComponent) {\n+        if (goodComponent.equals(badComponent)) {\n+            return \"\";\n+        }\n+        var resolution = this.getResolution();\n+        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n+        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n+        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n+        var y1 = this.top - goodComponent.y / resolution;\n+        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n+        var y2 = this.top - badComponent.y / resolution;\n+        var k;\n+        if (x2 < -maxX || x2 > maxX) {\n+            k = (y2 - y1) / (x2 - x1);\n+            x2 = x2 < 0 ? -maxX : maxX;\n+            y2 = y1 + (x2 - x1) * k;\n+        }\n+        if (y2 < -maxY || y2 > maxY) {\n+            k = (x2 - x1) / (y2 - y1);\n+            y2 = y2 < 0 ? -maxY : maxY;\n+            x2 = x1 + (y2 - y1) * k;\n+        }\n+        return x2 + \",\" + y2;\n+    },\n+\n+    /** \n+     * Method: getShortString\n+     * \n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>}\n+     * \n+     * Returns:\n+     * {String} or false if point is outside the valid range\n+     */\n+    getShortString: function(point) {\n+        var resolution = this.getResolution();\n+        var x = ((point.x - this.featureDx) / resolution + this.left);\n+        var y = (this.top - point.y / resolution);\n+\n+        if (this.inValidRange(x, y)) {\n+            return x + \",\" + y;\n+        } else {\n+            return false;\n+        }\n+    },\n+\n+    /**\n+     * Method: getPosition\n+     * Finds the position of an svg node.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * \n+     * Returns:\n+     * {Object} hash with x and y properties, representing the coordinates\n+     *     within the svg coordinate system\n+     */\n+    getPosition: function(node) {\n+        return ({\n+            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n+            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n+        });\n+    },\n+\n+    /**\n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n+     * \n+     * Parameters:\n+     * graphicName - {String} name of the symbol to import\n+     * \n+     * Returns:\n+     * {DOMElement} - the imported symbol\n+     */\n+    importSymbol: function(graphicName) {\n+        if (!this.defs) {\n+            // create svg defs tag\n+            this.defs = this.createDefs();\n+        }\n+        var id = this.container.id + \"-\" + graphicName;\n+\n+        // check if symbol already exists in the defs\n+        var existing = document.getElementById(id);\n+        if (existing != null) {\n+            return existing;\n+        }\n+\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n+        }\n+\n+        var symbolNode = this.nodeFactory(id, \"symbol\");\n+        var node = this.nodeFactory(null, \"polygon\");\n+        symbolNode.appendChild(node);\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var points = [];\n+        var x, y;\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            x = symbol[i];\n+            y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n+            points.push(x, \",\", y);\n+        }\n+\n+        node.setAttributeNS(null, \"points\", points.join(\" \"));\n+\n+        var width = symbolExtent.getWidth();\n+        var height = symbolExtent.getHeight();\n+        // create a viewBox three times as large as the symbol itself,\n+        // to allow for strokeWidth being displayed correctly at the corners.\n+        var viewBox = [symbolExtent.left - width,\n+            symbolExtent.bottom - height, width * 3, height * 3\n+        ];\n+        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n+        this.symbolMetrics[id] = [\n+            Math.max(width, height),\n+            symbolExtent.getCenterLonLat().lon,\n+            symbolExtent.getCenterLonLat().lat\n+        ];\n+\n+        this.defs.appendChild(symbolNode);\n+        return symbolNode;\n+    },\n+\n+    /**\n+     * Method: getFeatureIdFromEvent\n+     * \n+     * Parameters:\n+     * evt - {Object} An <OpenLayers.Event> object\n+     *\n+     * Returns:\n+     * {String} A feature id or undefined.\n+     */\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n+        if (!featureId) {\n+            var target = evt.target;\n+            featureId = target.parentNode && target != this.rendererRoot ?\n+                target.parentNode._featureId : undefined;\n+        }\n+        return featureId;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n+});\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n+    \"l\": \"start\",\n+    \"r\": \"end\",\n+    \"b\": \"bottom\",\n+    \"t\": \"hanging\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n+    // according to\n+    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n+    // a baseline-shift of -70% shifts the text exactly from the\n+    // bottom to the top of the baseline, so -35% moves the text to\n+    // the center of the baseline.\n+    \"t\": \"-70%\",\n+    \"b\": \"0\"\n+};\n+\n+/**\n+ * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n+ * {Object}\n+ */\n+OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n+    \"t\": 0,\n+    \"b\": -1\n+};\n+\n+/**\n+ * Function: OpenLayers.Renderer.SVG.preventDefault\n+ * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n+ * Used to prevent default events (especially opening images in a new tab on\n+ * ctrl-click) from being executed for externalGraphic symbols\n+ */\n+OpenLayers.Renderer.SVG.preventDefault = function(e) {\n+    OpenLayers.Event.preventDefault(e);\n+};\n+/* ======================================================================\n+    OpenLayers/Renderer/VML.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Renderer/Elements.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Renderer.VML\n+ * Render vector features in browsers with VML capability.  Construct a new\n+ * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n+ * \n+ * Note that for all calculations in this class, we use (num | 0) to truncate a \n+ * float value to an integer. This is done because it seems that VML doesn't \n+ * support float values.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Renderer.Elements>\n+ */\n+OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+\n+    /**\n+     * Property: xmlns\n+     * {String} XML Namespace URN\n+     */\n+    xmlns: \"urn:schemas-microsoft-com:vml\",\n+\n+    /**\n+     * Property: symbolCache\n+     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n+     *     and each value is a hash with a \"path\" and an \"extent\" property.\n+     */\n+    symbolCache: {},\n+\n+    /**\n+     * Property: offset\n+     * {Object} Hash with \"x\" and \"y\" properties\n+     */\n+    offset: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Renderer.VML\n+     * Create a new VML renderer.\n+     *\n+     * Parameters:\n+     * containerID - {String} The id for the element that contains the renderer\n+     */\n+    initialize: function(containerID) {\n+        if (!this.supported()) {\n+            return;\n+        }\n+        if (!document.namespaces.olv) {\n+            document.namespaces.add(\"olv\", this.xmlns);\n+            var style = document.createStyleSheet();\n+            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n+            for (var i = 0, len = shapes.length; i < len; i++) {\n+\n+                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n+                    \"position: absolute; display: inline-block;\");\n+            }\n+        }\n+\n+        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n+            arguments);\n+    },\n+\n+    /**\n+     * APIMethod: supported\n+     * Determine whether a browser supports this renderer.\n+     *\n+     * Returns:\n+     * {Boolean} The browser supports the VML renderer\n+     */\n+    supported: function() {\n+        return !!(document.namespaces);\n+    },\n+\n+    /**\n+     * Method: setExtent\n+     * Set the renderer's extent\n+     *\n+     * Parameters:\n+     * extent - {<OpenLayers.Bounds>}\n+     * resolutionChanged - {Boolean}\n+     * \n+     * Returns:\n+     * {Boolean} true to notify the layer that the new extent does not exceed\n+     *     the coordinate range, and the features will not need to be redrawn.\n+     */\n+    setExtent: function(extent, resolutionChanged) {\n+        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+        var resolution = this.getResolution();\n+\n+        var left = (extent.left / resolution) | 0;\n+        var top = (extent.top / resolution - this.size.h) | 0;\n+        if (resolutionChanged || !this.offset) {\n+            this.offset = {\n+                x: left,\n+                y: top\n+            };\n+            left = 0;\n+            top = 0;\n+        } else {\n+            left = left - this.offset.x;\n+            top = top - this.offset.y;\n+        }\n+\n+\n+        var org = (left - this.xOffset) + \" \" + top;\n+        this.root.coordorigin = org;\n+        var roots = [this.root, this.vectorRoot, this.textRoot];\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n+\n+            var size = this.size.w + \" \" + this.size.h;\n+            root.coordsize = size;\n+\n+        }\n+        // flip the VML display Y axis upside down so it \n+        // matches the display Y axis of the map\n+        this.root.style.flip = \"y\";\n+\n+        return coordSysUnchanged;\n+    },\n+\n+\n+    /**\n+     * Method: setSize\n+     * Set the size of the drawing surface\n+     *\n+     * Parameters:\n+     * size - {<OpenLayers.Size>} the size of the drawing surface\n+     */\n+    setSize: function(size) {\n+        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+\n+        // setting width and height on all roots to avoid flicker which we\n+        // would get with 100% width and height on child roots\n+        var roots = [\n+            this.rendererRoot,\n+            this.root,\n+            this.vectorRoot,\n+            this.textRoot\n+        ];\n+        var w = this.size.w + \"px\";\n+        var h = this.size.h + \"px\";\n+        var root;\n+        for (var i = 0, len = roots.length; i < len; ++i) {\n+            root = roots[i];\n+            root.style.width = w;\n+            root.style.height = h;\n+        }\n+    },\n+\n+    /**\n+     * Method: getNodeType\n+     * Get the node type for a geometry and style\n+     *\n+     * Parameters:\n+     * geometry - {<OpenLayers.Geometry>}\n+     * style - {Object}\n+     *\n+     * Returns:\n+     * {String} The corresponding node type for the specified geometry\n+     */\n+    getNodeType: function(geometry, style) {\n+        var nodeType = null;\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                if (style.externalGraphic) {\n+                    nodeType = \"olv:rect\";\n+                } else if (this.isComplexSymbol(style.graphicName)) {\n+                    nodeType = \"olv:shape\";\n+                } else {\n+                    nodeType = \"olv:oval\";\n+                }\n+                break;\n+            case \"OpenLayers.Geometry.Rectangle\":\n+                nodeType = \"olv:rect\";\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+            case \"OpenLayers.Geometry.LinearRing\":\n+            case \"OpenLayers.Geometry.Polygon\":\n+            case \"OpenLayers.Geometry.Curve\":\n+                nodeType = \"olv:shape\";\n+                break;\n+            default:\n+                break;\n+        }\n+        return nodeType;\n+    },\n+\n+    /**\n+     * Method: setStyle\n+     * Use to set all the style attributes to a VML node.\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An VML element to decorate\n+     * style - {Object}\n+     * options - {Object} Currently supported options include \n+     *                              'isFilled' {Boolean} and\n+     *                              'isStroked' {Boolean}\n+     * geometry - {<OpenLayers.Geometry>}\n+     */\n+    setStyle: function(node, style, options, geometry) {\n+        style = style || node._style;\n+        options = options || node._options;\n+        var fillColor = style.fillColor;\n+\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            node.title = title;\n+        }\n+\n+        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+            if (style.externalGraphic) {\n+                options.isFilled = true;\n+                var width = style.graphicWidth || style.graphicHeight;\n+                var height = style.graphicHeight || style.graphicWidth;\n+                width = width ? width : style.pointRadius * 2;\n+                height = height ? height : style.pointRadius * 2;\n+\n+                var resolution = this.getResolution();\n+                var xOffset = (style.graphicXOffset != undefined) ?\n+                    style.graphicXOffset : -(0.5 * width);\n+                var yOffset = (style.graphicYOffset != undefined) ?\n+                    style.graphicYOffset : -(0.5 * height);\n+\n+                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n+                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n+                node.style.width = width + \"px\";\n+                node.style.height = height + \"px\";\n+                node.style.flip = \"y\";\n+\n+                // modify fillColor and options for stroke styling below\n+                fillColor = \"none\";\n+                options.isStroked = false;\n+            } else if (this.isComplexSymbol(style.graphicName)) {\n+                var cache = this.importSymbol(style.graphicName);\n+                node.path = cache.path;\n+                node.coordorigin = cache.left + \",\" + cache.bottom;\n+                var size = cache.size;\n+                node.coordsize = size + \",\" + size;\n+                this.drawCircle(node, geometry, style.pointRadius);\n+                node.style.flip = \"y\";\n+            } else {\n+                this.drawCircle(node, geometry, style.pointRadius);\n+            }\n+        }\n+\n+        // fill \n+        if (options.isFilled) {\n+            node.fillcolor = fillColor;\n+        } else {\n+            node.filled = \"false\";\n+        }\n+        var fills = node.getElementsByTagName(\"fill\");\n+        var fill = (fills.length == 0) ? null : fills[0];\n+        if (!options.isFilled) {\n+            if (fill) {\n+                node.removeChild(fill);\n+            }\n+        } else {\n+            if (!fill) {\n+                fill = this.createNode('olv:fill', node.id + \"_fill\");\n+            }\n+            fill.opacity = style.fillOpacity;\n+\n+            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n+                style.externalGraphic) {\n+\n+                // override fillOpacity\n+                if (style.graphicOpacity) {\n+                    fill.opacity = style.graphicOpacity;\n+                }\n+\n+                fill.src = style.externalGraphic;\n+                fill.type = \"frame\";\n+\n+                if (!(style.graphicWidth && style.graphicHeight)) {\n+                    fill.aspect = \"atmost\";\n+                }\n+            }\n+            if (fill.parentNode != node) {\n+                node.appendChild(fill);\n+            }\n+        }\n+\n+        // additional rendering for rotated graphics or symbols\n+        var rotation = style.rotation;\n+        if ((rotation !== undefined || node._rotation !== undefined)) {\n+            node._rotation = rotation;\n+            if (style.externalGraphic) {\n+                this.graphicRotate(node, xOffset, yOffset, style);\n+                // make the fill fully transparent, because we now have\n+                // the graphic as imagedata element. We cannot just remove\n+                // the fill, because this is part of the hack described\n+                // in graphicRotate\n+                fill.opacity = 0;\n+            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n+                node.style.rotation = rotation || 0;\n+            }\n+        }\n+\n+        // stroke \n+        var strokes = node.getElementsByTagName(\"stroke\");\n+        var stroke = (strokes.length == 0) ? null : strokes[0];\n+        if (!options.isStroked) {\n+            node.stroked = false;\n+            if (stroke) {\n+                stroke.on = false;\n+            }\n+        } else {\n+            if (!stroke) {\n+                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n+                node.appendChild(stroke);\n+            }\n+            stroke.on = true;\n+            stroke.color = style.strokeColor;\n+            stroke.weight = style.strokeWidth + \"px\";\n+            stroke.opacity = style.strokeOpacity;\n+            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n+                (style.strokeLinecap || 'round');\n+            if (style.strokeDashstyle) {\n+                stroke.dashstyle = this.dashStyle(style);\n+            }\n+        }\n+\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            node.style.cursor = style.cursor;\n+        }\n+        return node;\n+    },\n+\n+    /**\n+     * Method: graphicRotate\n+     * If a point is to be styled with externalGraphic and rotation, VML fills\n+     * cannot be used to display the graphic, because rotation of graphic\n+     * fills is not supported by the VML implementation of Internet Explorer.\n+     * This method creates a olv:imagedata element inside the VML node,\n+     * DXImageTransform.Matrix and BasicImage filters for rotation and\n+     * opacity, and a 3-step hack to remove rendering artefacts from the\n+     * graphic and preserve the ability of graphics to trigger events.\n+     * Finally, OpenLayers methods are used to determine the correct\n+     * insertion point of the rotated image, because DXImageTransform.Matrix\n+     * does the rotation without the ability to specify a rotation center\n+     * point.\n+     * \n+     * Parameters:\n+     * node    - {DOMElement}\n+     * xOffset - {Number} rotation center relative to image, x coordinate\n+     * yOffset - {Number} rotation center relative to image, y coordinate\n+     * style   - {Object}\n+     */\n+    graphicRotate: function(node, xOffset, yOffset, style) {\n+        var style = style || node._style;\n+        var rotation = style.rotation || 0;\n+\n+        var aspectRatio, size;\n+        if (!(style.graphicWidth && style.graphicHeight)) {\n+            // load the image to determine its size\n+            var img = new Image();\n+            img.onreadystatechange = OpenLayers.Function.bind(function() {\n+                if (img.readyState == \"complete\" ||\n+                    img.readyState == \"interactive\") {\n+                    aspectRatio = img.width / img.height;\n+                    size = Math.max(style.pointRadius * 2,\n+                        style.graphicWidth || 0,\n+                        style.graphicHeight || 0);\n+                    xOffset = xOffset * aspectRatio;\n+                    style.graphicWidth = size * aspectRatio;\n+                    style.graphicHeight = size;\n+                    this.graphicRotate(node, xOffset, yOffset, style);\n+                }\n+            }, this);\n+            img.src = style.externalGraphic;\n+\n+            // will be called again by the onreadystate handler\n+            return;\n+        } else {\n+            size = Math.max(style.graphicWidth, style.graphicHeight);\n+            aspectRatio = style.graphicWidth / style.graphicHeight;\n+        }\n+\n+        var width = Math.round(style.graphicWidth || size * aspectRatio);\n+        var height = Math.round(style.graphicHeight || size);\n+        node.style.width = width + \"px\";\n+        node.style.height = height + \"px\";\n+\n+        // Three steps are required to remove artefacts for images with\n+        // transparent backgrounds (resulting from using DXImageTransform\n+        // filters on svg objects), while preserving awareness for browser\n+        // events on images:\n+        // - Use the fill as usual (like for unrotated images) to handle\n+        //   events\n+        // - specify an imagedata element with the same src as the fill\n+        // - style the imagedata element with an AlphaImageLoader filter\n+        //   with empty src\n+        var image = document.getElementById(node.id + \"_image\");\n+        if (!image) {\n+            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n+            node.appendChild(image);\n+        }\n+        image.style.width = width + \"px\";\n+        image.style.height = height + \"px\";\n+        image.src = style.externalGraphic;\n+        image.style.filter =\n+            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n+            \"src='', sizingMethod='scale')\";\n+\n+        var rot = rotation * Math.PI / 180;\n+        var sintheta = Math.sin(rot);\n+        var costheta = Math.cos(rot);\n+\n+        // do the rotation on the image\n+        var filter =\n+            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n+            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n+            \",SizingMethod='auto expand')\\n\";\n+\n+        // set the opacity (needed for the imagedata)\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        if (opacity && opacity != 1) {\n+            filter +=\n+                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n+                opacity + \")\\n\";\n+        }\n+        node.style.filter = filter;\n+\n+        // do the rotation again on a box, so we know the insertion point\n+        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n+        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n+        imgBox.rotate(style.rotation, centerPoint);\n+        var imgBounds = imgBox.getBounds();\n+\n+        node.style.left = Math.round(\n+            parseInt(node.style.left) + imgBounds.left) + \"px\";\n+        node.style.top = Math.round(\n+            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n+    },\n+\n+    /**\n+     * Method: postDraw\n+     * Does some node postprocessing to work around browser issues:\n+     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n+     *   and strokecolor to \"none\" correctly before the fill node is appended\n+     *   to a visible vml node. This method takes care of that and sets\n+     *   fillcolor and strokecolor again if needed.\n+     * - In some cases, a node won't become visible after being drawn. Setting\n+     *   style.visibility to \"visible\" works around that.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     */\n+    postDraw: function(node) {\n+        node.style.visibility = \"visible\";\n+        var fillColor = node._style.fillColor;\n+        var strokeColor = node._style.strokeColor;\n+        if (fillColor == \"none\" &&\n+            node.fillcolor != fillColor) {\n+            node.fillcolor = fillColor;\n+        }\n+        if (strokeColor == \"none\" &&\n+            node.strokecolor != strokeColor) {\n+            node.strokecolor = strokeColor;\n+        }\n+    },\n+\n+\n+    /**\n+     * Method: setNodeDimension\n+     * Get the geometry's bounds, convert it to our vml coordinate system, \n+     * then set the node's position, size, and local coordinate system.\n+     *   \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     */\n+    setNodeDimension: function(node, geometry) {\n+\n+        var bbox = geometry.getBounds();\n+        if (bbox) {\n+            var resolution = this.getResolution();\n+\n+            var scaledBox =\n+                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.bottom / resolution - this.offset.y) | 0,\n+                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n+                    (bbox.top / resolution - this.offset.y) | 0);\n+\n+            // Set the internal coordinate system to draw the path\n+            node.style.left = scaledBox.left + \"px\";\n+            node.style.top = scaledBox.top + \"px\";\n+            node.style.width = scaledBox.getWidth() + \"px\";\n+            node.style.height = scaledBox.getHeight() + \"px\";\n+\n+            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n+            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n+        }\n+    },\n+\n+    /** \n+     * Method: dashStyle\n+     * \n+     * Parameters:\n+     * style - {Object}\n+     * \n+     * Returns:\n+     * {String} A VML compliant 'stroke-dasharray' value\n+     */\n+    dashStyle: function(style) {\n+        var dash = style.strokeDashstyle;\n+        switch (dash) {\n+            case 'solid':\n+            case 'dot':\n+            case 'dash':\n+            case 'dashdot':\n+            case 'longdash':\n+            case 'longdashdot':\n+                return dash;\n+            default:\n+                // very basic guessing of dash style patterns\n+                var parts = dash.split(/[ ,]/);\n+                if (parts.length == 2) {\n+                    if (1 * parts[0] >= 2 * parts[1]) {\n+                        return \"longdash\";\n+                    }\n+                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n+                } else if (parts.length == 4) {\n+                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n+                        \"dashdot\";\n+                }\n+                return \"solid\";\n+        }\n+    },\n+\n+    /**\n+     * Method: createNode\n+     * Create a new node\n+     *\n+     * Parameters:\n+     * type - {String} Kind of node to draw\n+     * id - {String} Id for node\n+     *\n+     * Returns:\n+     * {DOMElement} A new node of the given type and id\n+     */\n+    createNode: function(type, id) {\n+        var node = document.createElement(type);\n+        if (id) {\n+            node.id = id;\n+        }\n+\n+        // IE hack to make elements unselectable, to prevent 'blue flash'\n+        // while dragging vectors; #1410\n+        node.unselectable = 'on';\n+        node.onselectstart = OpenLayers.Function.False;\n+\n+        return node;\n+    },\n+\n+    /**\n+     * Method: nodeTypeCompare\n+     * Determine whether a node is of a given type\n+     *\n+     * Parameters:\n+     * node - {DOMElement} An VML element\n+     * type - {String} Kind of node\n+     *\n+     * Returns:\n+     * {Boolean} Whether or not the specified node is of the specified type\n+     */\n+    nodeTypeCompare: function(node, type) {\n+\n+        //split type\n+        var subType = type;\n+        var splitIndex = subType.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            subType = subType.substr(splitIndex + 1);\n+        }\n+\n+        //split nodeName\n+        var nodeName = node.nodeName;\n+        splitIndex = nodeName.indexOf(\":\");\n+        if (splitIndex != -1) {\n+            nodeName = nodeName.substr(splitIndex + 1);\n+        }\n+\n+        return (subType == nodeName);\n+    },\n+\n+    /**\n+     * Method: createRenderRoot\n+     * Create the renderer root\n+     *\n+     * Returns:\n+     * {DOMElement} The specific render engine's root element\n+     */\n+    createRenderRoot: function() {\n+        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n+    },\n+\n+    /**\n+     * Method: createRoot\n+     * Create the main root element\n+     * \n+     * Parameters:\n+     * suffix - {String} suffix to append to the id\n+     *\n+     * Returns:\n+     * {DOMElement}\n+     */\n+    createRoot: function(suffix) {\n+        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n+    },\n+\n+    /**************************************\n+     *                                    *\n+     *     GEOMETRY DRAWING FUNCTIONS     *\n+     *                                    *\n+     **************************************/\n+\n+    /**\n+     * Method: drawPoint\n+     * Render a point\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the point could not be drawn\n+     */\n+    drawPoint: function(node, geometry) {\n+        return this.drawCircle(node, geometry, 1);\n+    },\n+\n+    /**\n+     * Method: drawCircle\n+     * Render a circle.\n+     * Size and Center a circle given geometry (x,y center) and radius\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * radius - {float}\n+     * \n+     * Returns:\n+     * {DOMElement} or false if the circle could not ne drawn\n+     */\n+    drawCircle: function(node, geometry, radius) {\n+        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n+            var resolution = this.getResolution();\n+\n+            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n+            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n+\n+            var diameter = radius * 2;\n+\n+            node.style.width = diameter + \"px\";\n+            node.style.height = diameter + \"px\";\n+            return node;\n+        }\n+        return false;\n+    },\n+\n+\n+    /**\n+     * Method: drawLineString\n+     * Render a linestring.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    drawLineString: function(node, geometry) {\n+        return this.drawLine(node, geometry, false);\n+    },\n+\n+    /**\n+     * Method: drawLinearRing\n+     * Render a linearring\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    drawLinearRing: function(node, geometry) {\n+        return this.drawLine(node, geometry, true);\n+    },\n+\n+    /**\n+     * Method: DrawLine\n+     * Render a line.\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * closeLine - {Boolean} Close the line? (make it a ring?)\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    drawLine: function(node, geometry, closeLine) {\n+\n+        this.setNodeDimension(node, geometry);\n+\n+        var resolution = this.getResolution();\n+        var numComponents = geometry.components.length;\n+        var parts = new Array(numComponents);\n+\n+        var comp, x, y;\n+        for (var i = 0; i < numComponents; i++) {\n+            comp = geometry.components[i];\n+            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+            y = (comp.y / resolution - this.offset.y) | 0;\n+            parts[i] = \" \" + x + \",\" + y + \" l \";\n+        }\n+        var end = (closeLine) ? \" x e\" : \" e\";\n+        node.path = \"m\" + parts.join(\"\") + end;\n+        return node;\n+    },\n+\n+    /**\n+     * Method: drawPolygon\n+     * Render a polygon\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    drawPolygon: function(node, geometry) {\n+        this.setNodeDimension(node, geometry);\n+\n+        var resolution = this.getResolution();\n+\n+        var path = [];\n+        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n+        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n+            path.push(\"m\");\n+            points = geometry.components[j].components;\n+            // we only close paths of interior rings with area\n+            area = (j === 0);\n+            first = null;\n+            second = null;\n+            for (i = 0, ii = points.length; i < ii; i++) {\n+                comp = points[i];\n+                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n+                y = (comp.y / resolution - this.offset.y) | 0;\n+                pathComp = \" \" + x + \",\" + y;\n+                path.push(pathComp);\n+                if (i == 0) {\n+                    path.push(\" l\");\n+                }\n+                if (!area) {\n+                    // IE improperly renders sub-paths that have no area.\n+                    // Instead of checking the area of every ring, we confirm\n+                    // the ring has at least three distinct points.  This does\n+                    // not catch all non-zero area cases, but it greatly improves\n+                    // interior ring digitizing and is a minor performance hit\n+                    // when rendering rings with many points.\n+                    if (!first) {\n+                        first = pathComp;\n+                    } else if (first != pathComp) {\n+                        if (!second) {\n+                            second = pathComp;\n+                        } else if (second != pathComp) {\n+                            // stop looking\n+                            area = true;\n+                        }\n+                    }\n+                }\n+            }\n+            path.push(area ? \" x \" : \" \");\n+        }\n+        path.push(\"e\");\n+        node.path = path.join(\"\");\n+        return node;\n+    },\n+\n+    /**\n+     * Method: drawRectangle\n+     * Render a rectangle\n+     * \n+     * Parameters:\n+     * node - {DOMElement}\n+     * geometry - {<OpenLayers.Geometry>}\n+     * \n+     * Returns:\n+     * {DOMElement}\n+     */\n+    drawRectangle: function(node, geometry) {\n+        var resolution = this.getResolution();\n+\n+        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n+        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n+        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+\n+        return node;\n+    },\n+\n+    /**\n+     * Method: drawText\n+     * This method is only called by the renderer itself.\n+     * \n+     * Parameters: \n+     * featureId - {String}\n+     * style -\n+     * location - {<OpenLayers.Geometry.Point>}\n+     */\n+    drawText: function(featureId, style, location) {\n+        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n+        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+\n+        var resolution = this.getResolution();\n+        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n+        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n+        label.style.flip = \"y\";\n+\n+        textbox.innerText = style.label;\n+\n+        if (style.cursor != \"inherit\" && style.cursor != null) {\n+            textbox.style.cursor = style.cursor;\n+        }\n+        if (style.fontColor) {\n+            textbox.style.color = style.fontColor;\n+        }\n+        if (style.fontOpacity) {\n+            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n+        }\n+        if (style.fontFamily) {\n+            textbox.style.fontFamily = style.fontFamily;\n+        }\n+        if (style.fontSize) {\n+            textbox.style.fontSize = style.fontSize;\n+        }\n+        if (style.fontWeight) {\n+            textbox.style.fontWeight = style.fontWeight;\n+        }\n+        if (style.fontStyle) {\n+            textbox.style.fontStyle = style.fontStyle;\n+        }\n+        if (style.labelSelect === true) {\n+            label._featureId = featureId;\n+            textbox._featureId = featureId;\n+            textbox._geometry = location;\n+            textbox._geometryClass = location.CLASS_NAME;\n+        }\n+        textbox.style.whiteSpace = \"nowrap\";\n+        // fun with IE: IE7 in standards compliant mode does not display any\n+        // text with a left inset of 0. So we set this to 1px and subtract one\n+        // pixel later when we set label.style.left\n+        textbox.inset = \"1px,0px,0px,0px\";\n+\n+        if (!label.parentNode) {\n+            label.appendChild(textbox);\n+            this.textRoot.appendChild(label);\n+        }\n+\n+        var align = style.labelAlign || \"cm\";\n+        if (align.length == 1) {\n+            align += \"m\";\n+        }\n+        var xshift = textbox.clientWidth *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n+        var yshift = textbox.clientHeight *\n+            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n+        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n+        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+\n+    },\n+\n+    /**\n+     * Method: moveRoot\n+     * moves this renderer's root to a different renderer.\n+     * \n+     * Parameters:\n+     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n+     * root - {DOMElement} optional root node. To be used when this renderer\n+     *     holds roots from multiple layers to tell this method which one to\n+     *     detach\n+     * \n+     * Returns:\n+     * {Boolean} true if successful, false otherwise\n+     */\n+    moveRoot: function(renderer) {\n+        var layer = this.map.getLayer(renderer.container.id);\n+        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n+            layer = this.map.getLayer(this.container.id);\n+        }\n+        layer && layer.renderer.clear();\n+        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n+        layer && layer.redraw();\n+    },\n+\n+    /**\n+     * Method: importSymbol\n+     * add a new symbol definition from the rendererer's symbol hash\n+     * \n+     * Parameters:\n+     * graphicName - {String} name of the symbol to import\n+     * \n+     * Returns:\n+     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n+     */\n+    importSymbol: function(graphicName) {\n+        var id = this.container.id + \"-\" + graphicName;\n+\n+        // check if symbol already exists in the cache\n+        var cache = this.symbolCache[id];\n+        if (cache) {\n+            return cache;\n+        }\n+\n+        var symbol = OpenLayers.Renderer.symbol[graphicName];\n+        if (!symbol) {\n+            throw new Error(graphicName + ' is not a valid symbol name');\n+        }\n+\n+        var symbolExtent = new OpenLayers.Bounds(\n+            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+\n+        var pathitems = [\"m\"];\n+        for (var i = 0; i < symbol.length; i = i + 2) {\n+            var x = symbol[i];\n+            var y = symbol[i + 1];\n+            symbolExtent.left = Math.min(symbolExtent.left, x);\n+            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n+            symbolExtent.right = Math.max(symbolExtent.right, x);\n+            symbolExtent.top = Math.max(symbolExtent.top, y);\n \n-    /**\n-     * Property: writers\n-     * As a compliment to the readers property, this structure contains public\n-     *     writing functions grouped by namespace alias and named like the\n-     *     node names they produce.\n-     */\n-    writers: {\n-        \"csw\": {\n-            \"GetDomain\": function(options) {\n-                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version\n-                    }\n-                });\n-                if (options.PropertyName || this.PropertyName) {\n-                    this.writeNode(\n-                        \"csw:PropertyName\",\n-                        options.PropertyName || this.PropertyName,\n-                        node\n-                    );\n-                } else if (options.ParameterName || this.ParameterName) {\n-                    this.writeNode(\n-                        \"csw:ParameterName\",\n-                        options.ParameterName || this.ParameterName,\n-                        node\n-                    );\n-                }\n-                this.readChildNodes(node, options);\n-                return node;\n-            },\n-            \"PropertyName\": function(value) {\n-                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n-                    value: value\n-                });\n-                return node;\n-            },\n-            \"ParameterName\": function(value) {\n-                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n-                    value: value\n-                });\n-                return node;\n+            pathitems.push(x);\n+            pathitems.push(y);\n+            if (i == 0) {\n+                pathitems.push(\"l\");\n             }\n         }\n+        pathitems.push(\"x e\");\n+        var path = pathitems.join(\" \");\n+\n+        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n+        if (diff > 0) {\n+            symbolExtent.bottom = symbolExtent.bottom - diff;\n+            symbolExtent.top = symbolExtent.top + diff;\n+        } else {\n+            symbolExtent.left = symbolExtent.left + diff;\n+            symbolExtent.right = symbolExtent.right - diff;\n+        }\n+\n+        cache = {\n+            path: path,\n+            size: symbolExtent.getWidth(), // equals getHeight() now\n+            left: symbolExtent.left,\n+            bottom: symbolExtent.bottom\n+        };\n+        this.symbolCache[id] = cache;\n+\n+        return cache;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n });\n+\n+/**\n+ * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n+ * {Object}\n+ */\n+OpenLayers.Renderer.VML.LABEL_SHIFT = {\n+    \"l\": 0,\n+    \"c\": .5,\n+    \"r\": 1,\n+    \"t\": 0,\n+    \"m\": .5,\n+    \"b\": 1\n+};\n /* ======================================================================\n     OpenLayers/Events/featureclick.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n@@ -87789,7159 +87247,7701 @@\n  * Extension event type for handling leaving a feature. \n  * \n  * Event types provided by this extension:\n  * - featureout \n  */\n OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n /* ======================================================================\n-    OpenLayers/Tile/Image/IFrame.js\n+    OpenLayers/Layer/PointGrid.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n-\n /**\n- * @requires OpenLayers/Tile/Image.js\n+ * @requires OpenLayers/Layer/Vector.js\n+ * @requires OpenLayers/Geometry/Polygon.js\n  */\n \n /**\n- * Constant: OpenLayers.Tile.Image.IFrame\n- * Mixin for tiles that use form-encoded POST requests to get images from\n- * remote services. Images will be loaded using HTTP-POST into an IFrame.\n+ * Class: OpenLayers.Layer.PointGrid\n+ * A point grid layer dynamically generates a regularly spaced grid of point\n+ *     features.  This is a specialty layer for cases where an application needs\n+ *     a regular grid of points.  It can be used, for example, in an editing\n+ *     environment to snap to a grid.\n  *\n- * This mixin will be applied to <OpenLayers.Tile.Image> instances\n- * configured with <OpenLayers.Tile.Image.maxGetUrlLength> set.\n+ * Create a new vector layer with the <OpenLayers.Layer.PointGrid> constructor.\n+ * (code)\n+ * // create a grid with points spaced at 10 map units\n+ * var points = new OpenLayers.Layer.PointGrid({dx: 10, dy: 10});\n+ *\n+ * // create a grid with different x/y spacing rotated 15 degrees clockwise.\n+ * var points = new OpenLayers.Layer.PointGrid({dx: 5, dy: 10, rotation: 15});\n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector>\n  */\n-OpenLayers.Tile.Image.IFrame = {\n+OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n     /**\n-     * Property: useIFrame\n-     * {Boolean} true if we are currently using an IFrame to render POST\n-     * responses, false if we are using an img element to render GET responses.\n+     * APIProperty: dx\n+     * {Number} Point grid spacing in the x-axis direction (map units).  \n+     * Read-only.  Use the <setSpacing> method to modify this value.\n      */\n-    useIFrame: null,\n+    dx: null,\n \n     /**\n-     * Property: blankImageUrl\n-     * {String} Using a data scheme url is not supported by all browsers, but\n-     * we don't care because we either set it as css backgroundImage, or the\n-     * image's display style is set to \"none\" when we use it.\n+     * APIProperty: dy\n+     * {Number} Point grid spacing in the y-axis direction (map units).  \n+     * Read-only.  Use the <setSpacing> method to modify this value.\n      */\n-    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n+    dy: null,\n \n     /**\n-     * Method: draw\n-     * Set useIFrame in the instance, and operate the image/iframe switch.\n-     * Then call Tile.Image.draw.\n-     *\n-     * Returns:\n-     * {Boolean}\n+     * APIProperty: ratio\n+     * {Number} Ratio of the desired grid size to the map viewport size.  \n+     * Default is 1.5.  Larger ratios mean the grid is recalculated less often \n+     * while panning.  The <maxFeatures> setting has precedence when determining\n+     * grid size.  Read-only.  Use the <setRatio> method to modify this value.\n      */\n-    draw: function() {\n-        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n-        if (draw) {\n-\n-            // this.url isn't set to the currect value yet, so we call getURL\n-            // on the layer and store the result in a local variable\n-            var url = this.layer.getURL(this.bounds);\n-\n-            var usedIFrame = this.useIFrame;\n-            this.useIFrame = this.maxGetUrlLength !== null &&\n-                !this.layer.async &&\n-                url.length > this.maxGetUrlLength;\n-\n-            var fromIFrame = usedIFrame && !this.useIFrame;\n-            var toIFrame = !usedIFrame && this.useIFrame;\n+    ratio: 1.5,\n \n-            if (fromIFrame || toIFrame) {\n+    /**\n+     * APIProperty: maxFeatures\n+     * {Number} The maximum number of points to generate in the grid.  Default\n+     * is 250.  Read-only.  Use the <setMaxFeatures> method to modify this value.\n+     */\n+    maxFeatures: 250,\n \n-                // Switching between GET (image) and POST (iframe).\n+    /**\n+     * APIProperty: rotation\n+     * {Number} Grid rotation (in degrees clockwise from the positive x-axis).\n+     * Default is 0.  Read-only.  Use the <setRotation> method to modify this\n+     * value.\n+     */\n+    rotation: 0,\n \n-                // We remove the imgDiv (really either an image or an iframe)\n-                // from the frame and set it to null to make sure initImage\n-                // will call getImage.\n+    /**\n+     * APIProperty: origin\n+     * {<OpenLayers.LonLat>} Grid origin.  The grid lattice will be aligned with \n+     * the origin.  If not set at construction, the center of the map's maximum \n+     * extent is used.  Read-only.  Use the <setOrigin> method to modify this \n+     * value.\n+     */\n+    origin: null,\n \n-                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n-                    this.frame.removeChild(this.imgDiv);\n-                }\n-                this.imgDiv = null;\n+    /**\n+     * Property: gridBounds\n+     * {<OpenLayers.Bounds>}  Internally cached grid bounds (with optional \n+     * rotation applied).\n+     */\n+    gridBounds: null,\n \n-                // And if we had an iframe we also remove the event pane.\n+    /**\n+     * Constructor: OpenLayers.Layer.PointGrid\n+     * Creates a new point grid layer.\n+     *\n+     * Parameters:\n+     * config - {Object} An object containing all configuration properties for\n+     *     the layer.  The <dx> and <dy> properties are required to be set at \n+     *     construction.  Any other layer properties may be set in this object.\n+     */\n+    initialize: function(config) {\n+        config = config || {};\n+        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config]);\n+    },\n \n-                if (fromIFrame) {\n-                    this.frame.removeChild(this.frame.firstChild);\n-                }\n-            }\n-        }\n-        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments);\n+    /** \n+     * Method: setMap\n+     * The layer has been added to the map. \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>} \n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        map.events.register(\"moveend\", this, this.onMoveEnd);\n     },\n \n     /**\n-     * Method: getImage\n-     * Creates the content for the frame on the tile.\n+     * Method: removeMap\n+     * The layer has been removed from the map.\n+     *\n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    getImage: function() {\n-        if (this.useIFrame === true) {\n-            if (!this.frame.childNodes.length) {\n-                var eventPane = document.createElement(\"div\"),\n-                    style = eventPane.style;\n-                style.position = \"absolute\";\n-                style.width = \"100%\";\n-                style.height = \"100%\";\n-                style.zIndex = 1;\n-                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n-                this.frame.appendChild(eventPane);\n-            }\n-\n-            var id = this.id + '_iFrame',\n-                iframe;\n-            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n-                // Older IE versions do not set the name attribute of an iFrame \n-                // properly via DOM manipulation, so we need to do it on our own with\n-                // this hack.\n-                iframe = document.createElement('<iframe name=\"' + id + '\">');\n-\n-                // IFrames in older IE versions are not transparent, if you set\n-                // the backgroundColor transparent. This is a workaround to get \n-                // transparent iframes.\n-                iframe.style.backgroundColor = '#FFFFFF';\n-                iframe.style.filter = 'chroma(color=#FFFFFF)';\n-            } else {\n-                iframe = document.createElement('iframe');\n-                iframe.style.backgroundColor = 'transparent';\n-\n-                // iframe.name needs to be an unique id, otherwise it \n-                // could happen that other iframes are overwritten.\n-                iframe.name = id;\n-            }\n-\n-            // some special properties to avoid scaling the images and scrollbars \n-            // in the iframe\n-            iframe.scrolling = 'no';\n-            iframe.marginWidth = '0px';\n-            iframe.marginHeight = '0px';\n-            iframe.frameBorder = '0';\n+    removeMap: function(map) {\n+        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments);\n+    },\n \n-            iframe.style.position = \"absolute\";\n-            iframe.style.width = \"100%\";\n-            iframe.style.height = \"100%\";\n+    /**\n+     * APIMethod: setRatio\n+     * Set the grid <ratio> property and update the grid.  Can only be called\n+     *     after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * ratio - {Number}\n+     */\n+    setRatio: function(ratio) {\n+        this.ratio = ratio;\n+        this.updateGrid(true);\n+    },\n \n-            if (this.layer.opacity < 1) {\n-                OpenLayers.Util.modifyDOMElement(iframe, null, null, null,\n-                    null, null, null, this.layer.opacity);\n-            }\n-            this.frame.appendChild(iframe);\n-            this.imgDiv = iframe;\n-            return iframe;\n-        } else {\n-            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments);\n-        }\n+    /**\n+     * APIMethod: setMaxFeatures\n+     * Set the grid <maxFeatures> property and update the grid.  Can only be \n+     *     called after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * maxFeatures - {Number}\n+     */\n+    setMaxFeatures: function(maxFeatures) {\n+        this.maxFeatures = maxFeatures;\n+        this.updateGrid(true);\n     },\n \n     /**\n-     * Method: createRequestForm\n-     * Create the html <form> element with width, height, bbox and all \n-     * parameters specified in the layer params.\n+     * APIMethod: setSpacing\n+     * Set the grid <dx> and <dy> properties and update the grid.  If only one\n+     *     argument is provided, it will be set as <dx> and <dy>.  Can only be \n+     *     called after the layer has been added to a map with a center/extent.\n      *\n-     * Returns: \n-     * {DOMElement} The form element which sends the HTTP-POST request to the\n-     *              WMS. \n+     * Parameters:\n+     * dx - {Number}\n+     * dy - {Number}\n      */\n-    createRequestForm: function() {\n-        // creation of the form element\n-        var form = document.createElement('form');\n-        form.method = 'POST';\n-        var cacheId = this.layer.params[\"_OLSALT\"];\n-        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n-        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n-        form.target = this.id + '_iFrame';\n+    setSpacing: function(dx, dy) {\n+        this.dx = dx;\n+        this.dy = dy || dx;\n+        this.updateGrid(true);\n+    },\n \n-        // adding all parameters in layer params as hidden fields to the html\n-        // form element\n-        var imageSize = this.layer.getImageSize(),\n-            params = OpenLayers.Util.getParameters(this.url),\n-            field;\n+    /**\n+     * APIMethod: setOrigin\n+     * Set the grid <origin> property and update the grid.  Can only be called\n+     *     after the layer has been added to a map with a center/extent.\n+     *\n+     * Parameters:\n+     * origin - {<OpenLayers.LonLat>}\n+     */\n+    setOrigin: function(origin) {\n+        this.origin = origin;\n+        this.updateGrid(true);\n+    },\n \n-        for (var par in params) {\n-            field = document.createElement('input');\n-            field.type = 'hidden';\n-            field.name = par;\n-            field.value = params[par];\n-            form.appendChild(field);\n+    /**\n+     * APIMethod: getOrigin\n+     * Get the grid <origin> property.\n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} The grid origin.\n+     */\n+    getOrigin: function() {\n+        if (!this.origin) {\n+            this.origin = this.map.getExtent().getCenterLonLat();\n         }\n-\n-        return form;\n+        return this.origin;\n     },\n \n     /**\n-     * Method: setImgSrc\n-     * Sets the source for the tile image\n+     * APIMethod: setRotation\n+     * Set the grid <rotation> property and update the grid.  Rotation values\n+     *     are in degrees clockwise from the positive x-axis (negative values\n+     *     for counter-clockwise rotation).  Can only be called after the layer \n+     *     has been added to a map with a center/extent.\n      *\n      * Parameters:\n-     * url - {String}\n+     * rotation - {Number} Degrees clockwise from the positive x-axis.\n      */\n-    setImgSrc: function(url) {\n-        if (this.useIFrame === true) {\n-            if (url) {\n-                var form = this.createRequestForm();\n-                this.frame.appendChild(form);\n-                form.submit();\n-                this.frame.removeChild(form);\n-            } else if (this.imgDiv.parentNode === this.frame) {\n-                // we don't reuse iframes to avoid caching issues\n-                this.frame.removeChild(this.imgDiv);\n-                this.imgDiv = null;\n-            }\n-        } else {\n-            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments);\n-        }\n+    setRotation: function(rotation) {\n+        this.rotation = rotation;\n+        this.updateGrid(true);\n     },\n \n     /**\n-     * Method: onImageLoad\n-     * Handler for the image onload event\n+     * Method: onMoveEnd\n+     * Listener for map \"moveend\" events.\n      */\n-    onImageLoad: function() {\n-        //TODO de-uglify opacity handling\n-        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n-        if (this.useIFrame === true) {\n-            this.imgDiv.style.opacity = 1;\n-            this.frame.style.opacity = this.layer.opacity;\n-        }\n+    onMoveEnd: function() {\n+        this.updateGrid();\n     },\n \n     /**\n-     * Method: createBackBuffer\n-     * Override createBackBuffer to do nothing when we use an iframe. Moving an\n-     * iframe from one element to another makes it necessary to reload the iframe\n-     * because its content is lost. So we just give up.\n+     * Method: getViewBounds\n+     * Gets the (potentially rotated) view bounds for grid calculations.\n      *\n      * Returns:\n-     * {DOMElement}\n+     * {<OpenLayers.Bounds>}\n      */\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.useIFrame === false) {\n-            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this);\n+    getViewBounds: function() {\n+        var bounds = this.map.getExtent();\n+        if (this.rotation) {\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var rect = bounds.toGeometry();\n+            rect.rotate(-this.rotation, rotationOrigin);\n+            bounds = rect.getBounds();\n         }\n-        return backBuffer;\n-    }\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/zh-TW.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"zh-TW\"]\n- * Dictionary for Traditional Chinese. (Used Mainly in Taiwan) \n- * Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"zh-TW\"] = {\n-\n-    'unhandledRequest': \"\u672a\u8655\u7406\u7684\u8acb\u6c42\uff0c\u50b3\u56de\u503c\u70ba ${statusText}\u3002\",\n-\n-    'Permalink': \"\u6c38\u4e45\u9023\u7d50\",\n-\n-    'Overlays': \"\u984d\u5916\u5716\u5c64\",\n-\n-    'Base Layer': \"\u57fa\u790e\u5716\u5c64\",\n-\n-    'noFID': \"\u56e0\u70ba\u6c92\u6709 FID \u6240\u4ee5\u7121\u6cd5\u66f4\u65b0 feature\u3002\",\n-\n-    'browserNotSupported': \"\u60a8\u7684\u700f\u89bd\u5668\u672a\u652f\u63f4\u5411\u91cf\u6e32\u67d3. \u76ee\u524d\u652f\u63f4\u7684\u6e32\u67d3\u65b9\u5f0f\u662f:\\n${renderers}\",\n-\n-    // console message\n-    'minZoomLevelError': \"minZoomLevel \u5c6c\u6027\u50c5\u9069\u5408\u7528\u5728 \" +\n-        \"FixedZoomLevels-descendent \u985e\u578b\u7684\u5716\u5c64. \u9019\u500b\" +\n-        \"wfs layer \u7684 minZoomLevel \u662f\u904e\u53bb\u6240\u907a\u7559\u4e0b\u4f86\u7684\uff0c\" +\n-        \"\u7136\u800c\u6211\u5011\u4e0d\u80fd\u79fb\u9664\u5b83\u800c\u4e0d\u8b93\u5b83\u5c07\" +\n-        \"\u904e\u53bb\u7684\u7a0b\u5f0f\u76f8\u5bb9\u6027\u7d66\u7834\u58de\u6389\u3002\" +\n-        \"\u56e0\u6b64\u6211\u5011\u5c07\u6703\u8ff4\u907f\u4f7f\u7528\u5b83 -- minZoomLevel \" +\n-        \"\u6703\u57283.0\u88ab\u79fb\u9664\uff0c\u8acb\u6539\" +\n-        \"\u7528\u5728\u9019\u908a\u63cf\u8ff0\u7684 min/max resolution \u8a2d\u5b9a: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS Transaction: \u6210\u529f ${response}\",\n-\n-    'commitFailed': \"WFS Transaction: \u5931\u6557 ${response}\",\n-\n-    'googleWarning': \"The Google Layer \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" +\n-        \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" +\n-        \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" +\n-        \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba Google Maps \u7684\u51fd\u5f0f\u5eab\" +\n-        \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\uff0c\u6216\u6c92\u6709\u5305\u542b \" +\n-        \"\u60a8\u7db2\u7ad9\u4e0a\u6b63\u78ba\u7684 API key <br><br>\" +\n-        \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n-\n-    'getLayerWarning': \"${layerType} \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" +\n-        \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" +\n-        \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" +\n-        \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba ${layerLib} \u7684\u51fd\u5f0f\u5eab\" +\n-        \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\u3002<br><br>\" +\n-        \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Scale = 1 : ${scaleDenom}\",\n-\n-    // console message\n-    'reprojectDeprecated': \"\u4f60\u6b63\u4f7f\u7528 'reproject' \u9019\u500b\u9078\u9805 \" +\n-        \"\u5728 ${layerName} \u5c64\u3002\u9019\u500b\u9078\u9805\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528:\" +\n-        \"\u5b83\u7684\u4f7f\u7528\u539f\u672c\u662f\u8a2d\u8a08\u7528\u4f86\u652f\u63f4\u5728\u5546\u696d\u5730\u5716\u4e0a\u79c0\u51fa\u8cc7\u6599\uff0c\" +\n-        \"\u4f46\u9019\u500b\u529f\u80fd\u5df2\u7d93\u88ab\" +\n-        \"Spherical Mercator\u6240\u53d6\u4ee3\u3002\u66f4\u591a\u7684\u8cc7\u8a0a\u53ef\u4ee5\u5728 \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator \u627e\u5230\u3002\",\n-\n-    // console message\n-    'methodDeprecated': \"\u9019\u500b\u65b9\u6cd5\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528\u4e14\u57283.0\u5c07\u6703\u88ab\u79fb\u9664\uff0c\" +\n-        \"\u8acb\u4f7f\u7528 ${newMethod} \u4f86\u4ee3\u66ff\u3002\",\n-\n-    'end': ''\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/lt.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"lt\"]\n- * Dictionary for Lithuanian.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang['lt'] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Neapdorota u\u017eklausa gra\u017eino ${statusText}\",\n-\n-    'Permalink': \"Pastovi nuoroda\",\n-\n-    'Overlays': \"Papildomi sluoksniai\",\n-\n-    'Base Layer': \"Pagrindinis sluoksnis\",\n-\n-    'noFID': \"Negaliu atnaujinti objekto, kuris neturi FID.\",\n-\n-    'browserNotSupported': \"J\u016bs\u0173 nar\u0161ykl\u0117 nemoka parodyti vektori\u0173. \u0160iuo metu galima naudotis tokiais rodymo varikliais:\\n{renderers}\",\n-\n-    'commitSuccess': \"WFS Tranzakcija: PAVYKO ${response}\",\n-\n-    'commitFailed': \"WFS Tranzakcija: \u017dLUGO ${response}\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Mastelis = 1 : ${scaleDenom}\",\n-\n-    //labels for the graticule control\n-    'W': 'V',\n-    'E': 'R',\n-    'N': '\u0160',\n-    'S': 'P',\n-    'Graticule': 'Tinklelis',\n-\n-    // console message\n-    'methodDeprecated': \"\u0160is metodas yra pasen\u0119s ir 3.0 versijoje bus pa\u0161alintas. \" +\n-        \"Pra\u0161ome naudoti ${newMethod}.\",\n-\n-    // **** end ****\n-    'end': ''\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/ksh.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Purodha\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"ksh\"]\n- * Dictionary for Ripoarisch.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"ksh\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Met d\u00e4 Antwoot op en Aanfrooch ham_mer nix aanjefange: ${statusText}\",\n-\n-    'Permalink': \"Lengk op Duuer\",\n-\n-    'Overlays': \"Dr\u00f6vver jelaat\",\n-\n-    'Base Layer': \"Jrund-Nivoh\",\n-\n-    'noFID': \"En Saach, woh kein \\x3ci lang=\\\"en\\\"\\x3eFID\\x3c/i\\x3e f\u00f6r doh es, l\u00f6ht sesch nit \u00e4ndere.\",\n-\n-    'browserNotSupported': \"Dinge Brauser kann kein V\u00e4ktore u\u00dfj\u00e4vve. De Zoote U\u00dfjaabe, di em Momang jon, sen:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"De Eijeschaff \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c es blo\u00df dof\u00f6r jedaach, dat mer se met d\u00e4 Nivvoh\u00df bruch, di vun \\x3ccode lang=\\\"en\\\"\\x3eFixedZoomLevels\\x3c/code\\x3e affhange don. Dat dat \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-Nivvoh \u00f6vverhoup de Eijeschaff \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c pr\u00f6hfe deiht, es noch \u00f6vveresch vun fr\u00f6hjer. Mer k\u00fcnne dat \u00e4vver jez nit fott loh\u00dfe, oohne dat mer Jevaa loufe, dat Aanwendunge vun OpenLayers nit mieh loufe, di sesch doh velleijsch noch drop am verloh\u00dfe sin. Dr\u00f6m sare mer, dat mer et nit mieh han welle, un de \u201e\\x3ccode lang=\\\"en\\\"\\x3eminZoomLevel\\x3c/code\\x3e\u201c-Eijeschaff weed hee vun de Version 3.0 af nit mieh jepr\u00f6\u00f6f w\u00e4de. Nemm dof\u00f6r de Enstellung f\u00f6r de h\u00fch\u00dfte un de klein\u00dfte Opl\u00f6hsung, esu wi et en http://trac.openlayers.org/wiki/SettingZoomLevels opjeschrevve es.\",\n-\n-    'commitSuccess': \"D\u00e4 \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-V\u00f6rjang es joot jeloufe: ${response}\",\n-\n-    'commitFailed': \"D\u00e4 \\x3ci lang=\\\"en\\\"\\x3eWFS\\x3c/i\\x3e-V\u00f6rjang es scheif jejange: ${response}\",\n-\n-    'googleWarning': \"Dat Nivvoh \\x3ccode lang=\\\"en\\\"\\x3eGoogle\\x3c/code\\x3e kunnt nit reschtesch jelaade w\u00e4\u00e4de.\\x3cbr /\\x3e\\x3cbr /\\x3e\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hke, r\u00e4h\u00df bovve en de \u00c4k.\\x3cbr /\\x3e\\x3cbr /\\x3eWascheinlesch es dat wiel dat \\x3ci lang=\\\"en\\\"\\x3eGoogle-Maps\\x3c/i\\x3e-Skrepp entweeder nit reschtesch enjebonge wood, udder nit d\u00e4 reschtejje \\x3ci lang=\\\"en\\\"\\x3eAPI\\x3c/i\\x3e-Schl\u00f6\u00dfel f\u00f6r Ding Web-\u00dfait scheke deiht.\\x3cbr /\\x3e\\x3cbr /\\x3eF\u00f6r Projrammierer jidd_et H\u00f6lp do_dr\u00f6vver, \\x3ca href=\\\"http://trac.openlayers.org/wiki/Google\\\" target=\\\"_blank\\\"\\x3ewi mer dat aan et Loufe brengk\\x3c/a\\x3e.\",\n-\n-    'getLayerWarning': \"Dat Nivvoh \\x3ccode\\x3e${layerType}\\x3c/code\\x3e kunnt nit reschtesch jelaade w\u00e4\u00e4de.\\x3cbr /\\x3e\\x3cbr /\\x3e\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hkre, r\u00e4h\u00df bovve en de \u00c4k.\\x3cbr /\\x3e\\x3cbr /\\x3eWascheinlesch es dat, wiel dat Skrepp \\x3ccode\\x3e${layerLib}\\x3c/code\\x3e nit reschtesch enjebonge wood.\\x3cbr /\\x3e\\x3cbr /\\x3eF\u00f6r Projrammierer jidd_Et H\u00f6lp do_dr\u00f6vver, \\x3ca href=\\\"http://trac.openlayers.org/wiki/${layerLib}\\\" target=\\\"_blank\\\"\\x3ewi mer dat aan et Loufe brengk\\x3c/a\\x3e.\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Moh\u00dfshtaab = 1 : ${scaleDenom}\",\n-\n-    'W': \"W\",\n-\n-    'E': \"O\",\n-\n-    'N': \"N\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Do bruchs de U\u00dfwahl \\x3ccode\\x3ereproject\\x3c/code\\x3e op d\u00e4m Nivvoh \\x3ccode\\x3e${layerName}\\x3c/code\\x3e. Di U\u00dfwahl es nit mieh j\u00e4hn jesinn. Se wohr dof\u00f6r jedaach, \u00f6m Date op jesch\u00e4\u00e4fsm\u00e4\u00dfesch eru\u00df jejovve Kaate bovve drop ze moole, wat \u00e4vver enzwesche besser met d\u00e4 \u00d6ngersht\u00f6zung f\u00f6r de \u00dff\u00e4\u00e4resche M\u00e4kaator Beldscher jeiht. Doh kanns De mieh dr\u00f6vver fenge op d\u00e4 Sigg: http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Hee di Metood es nim_mih akto\u00e4ll un et weed se en d\u00e4 Version 3.0 nit mieh j\u00e4vve. Nemm \\x3ccode\\x3e${newMethod}\\x3c/code\\x3e dof\u00f6\u00f6r.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/cs-CZ.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Mormegil\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"cs-CZ\"]\n- * Dictionary for \u010cesky.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"cs-CZ\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Nezpracovan\u00e1 n\u00e1vratov\u00e1 hodnota ${statusText}\",\n-\n-    'Permalink': \"Trval\u00fd odkaz\",\n-\n-    'Overlays': \"P\u0159ekryvn\u00e9 vrstvy\",\n-\n-    'Base Layer': \"Podkladov\u00e9 vrstvy\",\n-\n-    'noFID': \"Nelze aktualizovat prvek, pro kter\u00fd neexistuje FID.\",\n-\n-    'browserNotSupported': \"V\u00e1\u0161 prohl\u00ed\u017ee\u010d nepodporuje vykreslov\u00e1n\u00ed vektor\u016f. Moment\u00e1ln\u011b podporovan\u00e9 n\u00e1stroje jsou::\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Vlastnost minZoomLevel by se m\u011bla pou\u017e\u00edvat pouze s potomky FixedZoomLevels vrstvami. To znamen\u00e1, \u017ee vrstva wfs kontroluje, zda-li minZoomLevel nen\u00ed zbytek z minulosti.Nelze to ov\u0161em vyjmout bez mo\u017enosti, \u017ee bychom rozbili aplikace postaven\u00e9 na OL, kter\u00e9 by na tom mohly z\u00e1viset. Proto tuto vlastnost nedoporu\u010dujeme pou\u017e\u00edvat --  kontrola minZoomLevel bude odstran\u011bna ve verzi 3.0. Pou\u017eijte pros\u00edm rad\u011bji nastaven\u00ed min/max podle p\u0159\u00edkaldu popsan\u00e9ho na: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS Transaction: \u00daSP\u011aCH ${response}\",\n-\n-    'commitFailed': \"WFS Transaction: CHYBA ${response}\",\n-\n-    'googleWarning': \"Nepoda\u0159ilo se spr\u00e1vn\u011b na\u010d\u00edst vrstvu Google.\\x3cbr\\x3e\\x3cbr\\x3eAbyste se zbavili t\u00e9to zpr\u00e1vy, zvolte jinou z\u00e1kladn\u00ed vrstvu v p\u0159ep\u00edna\u010di vrstev.\\x3cbr\\x3e\\x3cbr\\x3eTo se v\u011bt\u0161inou st\u00e1v\u00e1, pokud nebyl na\u010dten skript, nebo neobsahuje spr\u00e1vn\u00fd kl\u00ed\u010d pro API pro tuto str\u00e1nku.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1\u0159i: Pro pomoc, aby tohle fungovalo , \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklikn\u011bte sem\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"The ${layerType} Layer was unable to load correctly.\\x3cbr\\x3e\\x3cbr\\x3eTo get rid of this message, select a new BaseLayer in the layer switcher in the upper-right corner.\\x3cbr\\x3e\\x3cbr\\x3eMost likely, this is because the ${layerLib} library script was either not correctly included.\\x3cbr\\x3e\\x3cbr\\x3eDevelopers: For help getting this working correctly, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"M\u011b\u0159\u00edtko = 1 : ${scaleDenom}\",\n-\n-    'reprojectDeprecated': \"Pou\u017eil jste volbu \\'reproject\\' ve vrstv\u011b ${layerName}. Tato volba nen\u00ed doporu\u010den\u00e1: byla zde proto, aby bylo mo\u017eno zobrazovat data z okomer\u010dn\u00edch server\u016f, ale tato funkce je nyn\u00ed zaji\u0161t\u011bna pomoc\u00ed podpory Spherical Mercator. V\u00edce informac\u00ed naleznete na http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Tato metoda je zavr\u017een\u00e1 a bude ve verzi 3.0 odstran\u011bna. Pros\u00edm, pou\u017eijte rad\u011bji ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/vi.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Minh Nguyen\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"vi\"]\n- * Dictionary for Ti\u1ebfng Vi\u1ec7t.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"vi\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Kh\u00f4ng x\u1eed l\u00fd \u0111\u01b0\u1ee3c ph\u1ea3n h\u1ed3i ${statusText} cho y\u00eau c\u1ea7u\",\n-\n-    'Permalink': \"Li\u00ean k\u1ebft th\u01b0\u1eddng tr\u1ef1c\",\n-\n-    'Overlays': \"L\u1ea5p b\u1ea3n \u0111\u1ed3\",\n-\n-    'Base Layer': \"L\u1edbp n\u1ec1n\",\n-\n-    'noFID': \"Kh\u00f4ng th\u1ec3 c\u1eadp nh\u1eadt t\u00ednh n\u0103ng thi\u1ebfu FID.\",\n-\n-    'browserNotSupported': \"Tr\u00ecnh duy\u1ec7t c\u1ee7a b\u1ea1n kh\u00f4ng h\u1ed7 tr\u1ee3 ch\u1ee9c n\u0103ng v\u1ebd b\u1eb1ng vect\u01a1. Hi\u1ec7n h\u1ed7 tr\u1ee3 c\u00e1c b\u1ed9 k\u1ebft xu\u1ea5t:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Ch\u1ec9 n\u00ean s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh minZoomLevel v\u1edbi c\u00e1c l\u1edbp FixedZoomLevels-descendent. Vi\u1ec7c l\u1edbp wfs n\u00e0y t\u00ecm cho minZoomLevel l\u00e0 di t\u00edch c\u00f2n l\u1ea1i t\u1eeb x\u01b0a. Tuy nhi\u00ean, n\u1ebfu ch\u00fang t\u00f4i d\u1eddi n\u00f3 th\u00ec s\u1ebd v\u1ee1 c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh OpenLayers m\u00e0 d\u1ef1a tr\u00ean n\u00f3. B\u1edfi v\u1eady ch\u00fang t\u00f4i ph\u1ea3n \u0111\u1ed1i s\u1eed d\u1ee5ng n\u00f3\\x26nbsp;\u2013 b\u01b0\u1edbc t\u00ecm cho minZoomLevel s\u1ebd \u0111\u01b0\u1ee3c d\u1eddi v\u00e0o phi\u00ean b\u1ea3n 3.0. Xin s\u1eed d\u1ee5ng thi\u1ebft l\u1eadp \u0111\u1ed9 ph\u00e2n t\u00edch t\u1ed1i thi\u1ec3u / t\u1ed1i \u0111a thay th\u1ebf, theo h\u01b0\u1edbng d\u1eabn n\u00e0y: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Giao d\u1ecbch WFS: TH\u00c0NH C\u00d4NG ${response}\",\n-\n-    'commitFailed': \"Giao d\u1ecbch WFS: TH\u1ea4T B\u1ea0I ${response}\",\n-\n-    'googleWarning': \"Kh\u00f4ng th\u1ec3 t\u1ea3i l\u1edbp Google \u0111\u00fang \u0111\u1eafn.\\x3cbr\\x3e\\x3cbr\\x3e\u0110\u1ec3 tr\u00e1nh th\u00f4ng b\u00e1o n\u00e0y l\u1ea7n sau, h\u00e3y ch\u1ecdn BaseLayer m\u1edbi d\u00f9ng \u0111i\u1ec1u khi\u1ec3n ch\u1ecdn l\u1edbp \u1edf g\u00f3c tr\u00ean ph\u1ea3i.\\x3cbr\\x3e\\x3cbr\\x3eCh\u1eafc script th\u01b0 vi\u1ec7n Google Maps ho\u1eb7c kh\u00f4ng \u0111\u01b0\u1ee3c bao g\u1ed3m ho\u1eb7c kh\u00f4ng ch\u1ee9a kh\u00f3a API h\u1ee3p v\u1edbi website c\u1ee7a b\u1ea1n.\\x3cbr\\x3e\\x3cbr\\x3e\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eTr\u1ee3 gi\u00fap v\u1ec1 t\u00ednh n\u0103ng n\u00e0y\\x3c/a\\x3e cho ng\u01b0\u1eddi ph\u00e1t tri\u1ec3n.\",\n-\n-    'getLayerWarning': \"Kh\u00f4ng th\u1ec3 t\u1ea3i l\u1edbp ${layerType} \u0111\u00fang \u0111\u1eafn.\\x3cbr\\x3e\\x3cbr\\x3e\u0110\u1ec3 tr\u00e1nh th\u00f4ng b\u00e1o n\u00e0y l\u1ea7n sau, h\u00e3y ch\u1ecdn BaseLayer m\u1edbi d\u00f9ng \u0111i\u1ec1u khi\u1ec3n ch\u1ecdn l\u1edbp \u1edf g\u00f3c tr\u00ean ph\u1ea3i.\\x3cbr\\x3e\\x3cbr\\x3eCh\u1eafc script th\u01b0 vi\u1ec7n ${layerLib} kh\u00f4ng \u0111\u01b0\u1ee3c bao g\u1ed3m \u0111\u00fang ki\u1ec3u.\\x3cbr\\x3e\\x3cbr\\x3e\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eTr\u1ee3 gi\u00fap v\u1ec1 t\u00ednh n\u0103ng n\u00e0y\\x3c/a\\x3e cho ng\u01b0\u1eddi ph\u00e1t tri\u1ec3n.\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"T\u1ef7 l\u1ec7 = 1 : ${scaleDenom}\",\n-\n-    'W': \"T\",\n-\n-    'E': \"\u0110\",\n-\n-    'N': \"B\",\n-\n-    'S': \"N\",\n-\n-    'reprojectDeprecated': \"B\u1ea1n \u0111ang \u00e1p d\u1ee5ng ch\u1ebf \u0111\u1ed9 \u201creproject\u201d v\u00e0o l\u1edbp ${layerName}. Ch\u1ebf \u0111\u1ed9 n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i: n\u00f3 c\u00f3 m\u1ee5c \u0111\u00edch h\u1ed7 tr\u1ee3 l\u1ea5p d\u1eef li\u1ec7u tr\u00ean c\u00e1c n\u1ec1n b\u1ea3n \u0111\u1ed3 th\u01b0\u01a1ng m\u1ea1i; n\u00ean th\u1ef1c hi\u1ec7n hi\u1ec7u \u1ee9ng \u0111\u00f3 d\u00f9ng t\u00ednh n\u0103ng Mercator H\u00ecnh c\u1ea7u. C\u00f3 s\u1eb5n th\u00eam chi ti\u1ebft t\u1ea1i http://trac.openlayers.org/wiki/SphericalMercator .\",\n-\n-    'methodDeprecated': \"Ph\u01b0\u01a1ng th\u1ee9c n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i v\u00e0 s\u1ebd b\u1ecb d\u1eddi v\u00e0o phi\u00ean b\u1ea3n 3.0. Xin h\u00e3y s\u1eed d\u1ee5ng ${newMethod} thay th\u1ebf.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/ca.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"ca\"]\n- * Dictionary for Catalan, UTF8 encoding. Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang.ca = {\n-\n-    'unhandledRequest': \"Resposta a petici\u00f3 no gestionada ${statusText}\",\n-\n-    'Permalink': \"Enlla\u00e7 permanent\",\n-\n-    'Overlays': \"Capes addicionals\",\n-\n-    'Base Layer': \"Capa Base\",\n-\n-    'noFID': \"No es pot actualitzar un element per al que no existeix FID.\",\n-\n-    'browserNotSupported': \"El seu navegador no suporta renderitzaci\u00f3 vectorial. Els renderitzadors suportats actualment s\u00f3n:\\n${renderers}\",\n-\n-    // console message\n-    'minZoomLevelError': \"La propietat minZoomLevel s'ha d'utilitzar nom\u00e9s \" +\n-        \"amb les capes que tenen FixedZoomLevels. El fet que \" +\n-        \"una capa wfs comprovi minZoomLevel \u00e9s una rel\u00edquia del \" +\n-        \"passat. No podem, per\u00f2, eliminar-la sense trencar \" +\n-        \"les aplicacions d'OpenLayers que en puguin dependre. \" +\n-        \"Aix\u00ed doncs estem fent-la obsoleta -- la comprovaci\u00f3 \" +\n-        \"minZoomLevel s'eliminar\u00e0 a la versi\u00f3 3.0. Feu servir \" +\n-        \"els par\u00e0metres min/max resolution en substituci\u00f3, tal com es descriu aqu\u00ed: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transacci\u00f3 WFS: CORRECTA ${response}\",\n-\n-    'commitFailed': \"Transacci\u00f3 WFS: HA FALLAT ${response}\",\n-\n-    'googleWarning': \"La capa Google no s'ha pogut carregar correctament.<br><br>\" +\n-        \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" +\n-        \"al gestor de capes de la cantonada superior dreta.<br><br>\" +\n-        \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca de \" +\n-        \"Google Maps no ha estat incl\u00f2s a la vostra p\u00e0gina, o no \" +\n-        \"cont\u00e9 la clau de l'API correcta per a la vostra adre\u00e7a.<br><br>\" +\n-        \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n-\n-    'getLayerWarning': \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" +\n-        \"al gestor de capes de la cantonada superior dreta.<br><br>\" +\n-        \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca \" +\n-        \"${layerLib} \" +\n-        \"no ha estat incl\u00f2s a la vostra p\u00e0gina.<br><br>\" +\n-        \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n-\n-    //labels for the graticule control\n-    'W': 'O',\n-    'E': 'E',\n-    'N': 'N',\n-    'S': 'S',\n-    'Graticule': 'Ret\u00edcula',\n-\n-    // console message\n-    'reprojectDeprecated': \"Esteu fent servir l'opci\u00f3 'reproject' a la capa \" +\n-        \"${layerName}. Aquesta opci\u00f3 \u00e9s obsoleta: el seu \u00fas fou concebut \" +\n-        \"per suportar la visualitzaci\u00f3 de dades sobre mapes base comercials, \" +\n-        \"per\u00f2 ara aquesta funcionalitat s'hauria d'assolir mitjan\u00e7ant el suport \" +\n-        \"de la projecci\u00f3 Spherical Mercator. M\u00e9s informaci\u00f3 disponible a \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    // console message\n-    'methodDeprecated': \"Aquest m\u00e8tode \u00e9s obsolet i s'eliminar\u00e0 a la versi\u00f3 3.0. \" +\n-        \"Si us plau feu servir em m\u00e8tode alternatiu ${newMethod}.\",\n-\n-    // **** end ****\n-    'end': ''\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/hsb.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Michawiki\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"hsb\"]\n- * Dictionary for Hornjoserbsce.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"hsb\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Wotmo\u0142wa njewobd\u017a\u011b\u0142aneho napra\u0161owanja ${statusText}\",\n-\n-    'Permalink': \"Trajny wotkaz\",\n-\n-    'Overlays': \"Nawor\u0161towanja\",\n-\n-    'Base Layer': \"Zak\u0142adna runina\",\n-\n-    'noFID': \"Funkcija, za kotru\u017e FID njeje, njeda so aktualizowa\u0107.\",\n-\n-    'browserNotSupported': \"Tw\u00f3j wobhladowak wektorowe rysowanje njepodp\u011bruje. Tuchwilu podp\u011browane rysowaki su:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Kajkos\u0107 minZoomLevel je jeno\u017e za wu\u017eiwanje z wor\u0161tami myslena, kotre\u017e wot FixedZoomLevels pochad\u017aeja. Zo tuta wor\u0161ta wfs za minZoomLevel p\u0159epruwuje, je relikt za\u0144d\u017aenos\u0107e. Njem\u00f3\u017eemy w\u0161ak ju wotstroni\u0107, bjeztoho zo aplikacije, kotre\u017e na OpenLayers baz\u011bruja a snano tutu kajkos\u0107 wu\u017eiwaja, hi\u017eo njefunguja. Tohodla smy ju jako zestarjenu woznamjenili -- p\u0159epruwowanje za minZoomLevel budu so we wersiji 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij m\u011bsto toho nastajenje min/max, ka\u017e je tu wopisane: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS-Transakcija: WUSP\u011a\u0160NA ${response}\",\n-\n-    'commitFailed': \"WFS-Transakcija: NJEPORAD\u0179ENA ${response}\",\n-\n-    'googleWarning': \"Wor\u0161ta Google njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.\\x3cbr\\x3e\\x3cbr\\x3eZo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.\\x3cbr\\x3e\\x3cbr\\x3eNajskerje so to stawa, dokel\u017e skript biblioteki Google Maps pak njebu zap\u0159ijaty pak njewobsahuje korektny klu\u010d API za twoje syd\u0142o.\\x3cbr\\x3e\\x3cbr\\x3eWuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3etu klikny\u0107\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"Wor\u0161ta ${layerType} njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.\\x3cbr\\x3e\\x3cbr\\x3eZo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.\\x3cbr\\x3e\\x3cbr\\x3eNajskerje so to stawa, dokel\u017e skript biblioteki ${layerLib} njebu korektnje zap\u0159ijaty.\\x3cbr\\x3e\\x3cbr\\x3eWuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3etu klikny\u0107\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"M\u011britko = 1 : ${scaleDenom}\",\n-\n-    'W': \"Z\",\n-\n-    'E': \"W\",\n-\n-    'N': \"S\",\n-\n-    'S': \"J\",\n-\n-    'reprojectDeprecated': \"Wu\u017eiwa\u0161 opciju \\\"reproject\\\" wo\u0159\u0161ty ${layerName}. Tuta opcija je zestarjena: jeje wu\u017eiwanje b\u011b myslene, zo by zwobraznjenje datow nad komercielnymi bazowymi kartami podp\u011bra\u0142o, ale funkcionalnos\u0107 m\u011b\u0142a so n\u011btko z pomocu Sperical Mercator docp\u011b\u0107. Dal\u0161e informacije steja na http://trac.openlayers.org/wiki/SphericalMercator k dispoziciji.\",\n-\n-    'methodDeprecated': \"Tuta metoda je so njeschwali\u0142a a bud\u017ae so w 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij ${newMethod} m\u011bsto toho.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/nn.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Harald Khan\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"nn\"]\n- * Dictionary for \u202aNorsk (nynorsk)\u202c.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"nn\"] = OpenLayers.Util.applyDefaults({\n-\n-    'Scale = 1 : ${scaleDenom}': \"Skala = 1 : ${scaleDenom}\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/km.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - \u179c\u17d0\u178e\u1790\u17b6\u179a\u17b7\u1791\u17d2\u1792\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"km\"]\n- * Dictionary for \u1797\u17b6\u179f\u17b6\u1781\u17d2\u1798\u17c2\u179a.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"km\"] = OpenLayers.Util.applyDefaults({\n-\n-    'Permalink': \"\u178f\u17c6\u178e\u1797\u17d2\u1787\u17b6\u1794\u17cb\u17a2\u1785\u17b7\u1793\u17d2\u178f\u17d2\u179a\u17c3\u1799\u17cd\",\n-\n-    'Base Layer': \"\u179f\u17d2\u179a\u1791\u17b6\u1794\u17cb\u1794\u17b6\u178f\u200b\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"\u1798\u17b6\u178f\u17d2\u179a\u178a\u17d2\u178b\u17b6\u1793 = \u17e1 \u17d6 ${scaleDenom}\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/de.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Grille chompa\n- *  - Nikiwaibel\n- *  - Umherirrender\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"de\"]\n- * Dictionary for Deutsch.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"de\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Unbehandelte Anfrager\u00fcckmeldung ${statusText}\",\n-\n-    'Permalink': \"Permalink\",\n-\n-    'Overlays': \"Overlays\",\n-\n-    'Base Layer': \"Grundkarte\",\n-\n-    'noFID': \"Ein Feature, f\u00fcr das keine FID existiert, kann nicht aktualisiert werden.\",\n-\n-    'browserNotSupported': \"Ihr Browser unterst\u00fctzt keine Vektordarstellung. Aktuell unterst\u00fctzte Renderer:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-Eigenschaft ist nur f\u00fcr die Verwendung mit \\x3ccode\\x3eFixedZoomLevels\\x3c/code\\x3e-untergeordneten Layers vorgesehen. Das dieser \\x3ctt\\x3ewfs\\x3c/tt\\x3e-Layer die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-Eigenschaft \u00fcberpr\u00fcft ist ein Relikt der Vergangenheit. Wir k\u00f6nnen diese \u00dcberpr\u00fcfung nicht entfernen, ohne das OL basierende Applikationen nicht mehr funktionieren. Daher markieren wir es als veraltet - die \\x3ccode\\x3eminZoomLevel\\x3c/code\\x3e-\u00dcberpr\u00fcfung wird in Version 3.0 entfernt werden. Bitte verwenden Sie stattdessen die Min-/Max-L\u00f6sung, wie sie unter http://trac.openlayers.org/wiki/SettingZoomLevels beschrieben ist.\",\n-\n-    'commitSuccess': \"WFS-Transaktion: Erfolgreich ${response}\",\n-\n-    'commitFailed': \"WFS-Transaktion: Fehlgeschlagen ${response}\",\n-\n-    'googleWarning': \"Der Google-Layer konnte nicht korrekt geladen werden.\\x3cbr\\x3e\\x3cbr\\x3eUm diese Meldung nicht mehr zu erhalten, w\u00e4hlen Sie einen anderen Hintergrundlayer aus dem LayerSwitcher in der rechten oberen Ecke.\\x3cbr\\x3e\\x3cbr\\x3eSehr wahrscheinlich tritt dieser Fehler auf, weil das Skript der Google-Maps-Bibliothek nicht eingebunden wurde oder keinen g\u00fcltigen API-Schl\u00fcssel f\u00fcr Ihre URL enth\u00e4lt.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Besuche \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3edas Wiki\\x3c/a\\x3e f\u00fcr Hilfe zum korrekten Einbinden des Google-Layers\",\n-\n-    'getLayerWarning': \"Der ${layerType}-Layer konnte nicht korrekt geladen werden.\\x3cbr\\x3e\\x3cbr\\x3eUm diese Meldung nicht mehr zu erhalten, w\u00e4hlen Sie einen anderen Hintergrundlayer aus dem LayerSwitcher in der rechten oberen Ecke.\\x3cbr\\x3e\\x3cbr\\x3eSehr wahrscheinlich tritt dieser Fehler auf, weil das Skript der \\'${layerLib}\\'-Bibliothek nicht eingebunden wurde.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Besuche \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3edas Wiki\\x3c/a\\x3e f\u00fcr Hilfe zum korrekten Einbinden von Layern\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n-\n-    'W': \"W\",\n-\n-    'E': \"O\",\n-\n-    'N': \"N\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Sie verwenden die \u201eReproject\u201c-Option des Layers ${layerName}. Diese Option ist veraltet: Sie wurde entwickelt um die Anzeige von Daten auf kommerziellen Basiskarten zu unterst\u00fctzen, aber diese Funktion sollte jetzt durch Unterst\u00fctzung der \u201eSpherical Mercator\u201c erreicht werden. Weitere Informationen sind unter http://trac.openlayers.org/wiki/SphericalMercator verf\u00fcgbar.\",\n-\n-    'methodDeprecated': \"Die Methode ist veraltet und wird in 3.0 entfernt. Bitte verwende stattdessen ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/pt-BR.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - Luckas Blade\n- *  - Rodrigo Avila\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"pt-br\"]\n- * Dictionary for Portugu\u00eas do Brasil.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"pt-BR\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"A requisi\u00e7\u00e3o retornou um erro n\u00e3o tratado: ${statusText}\",\n-\n-    'Permalink': \"Link para essa p\u00e1gina\",\n-\n-    'Overlays': \"Camadas de Sobreposi\u00e7\u00e3o\",\n-\n-    'Base Layer': \"Camada Base\",\n-\n-    'noFID': \"N\u00e3o \u00e9 poss\u00edvel atualizar uma fei\u00e7\u00e3o que n\u00e3o tenha um FID.\",\n-\n-    'browserNotSupported': \"Seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o de vetores. Os renderizadores suportados atualmente s\u00e3o:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"A propriedade minZoomLevel \u00e9 de uso restrito das camadas descendentes de FixedZoomLevels. A verifica\u00e7\u00e3o dessa propriedade pelas camadas wfs \u00e9 um res\u00edduo do passado. N\u00e3o podemos, entretanto n\u00e3o \u00e9 poss\u00edvel remov\u00ea-la sem poss\u00edvelmente quebrar o funcionamento de aplica\u00e7\u00f5es OL que possuem dep\u00eancia com ela. Portanto estamos tornando seu uso obsoleto -- a verifica\u00e7\u00e3o desse atributo ser\u00e1 removida na vers\u00e3o 3.0. Ao inv\u00e9s, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max como descrito em: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transa\u00e7\u00e3o WFS : SUCESSO ${response}\",\n-\n-    'commitFailed': \"Transa\u00e7\u00e3o WFS : ERRO ${response}\",\n-\n-    'googleWarning': \"N\u00e3o foi poss\u00edvel carregar a camada Google corretamente.\\x3cbr\\x3e\\x3cbr\\x3ePara se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eMuito provavelmente, isso foi causado porque o script da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo, ou porque ele n\u00e3o cont\u00e9m a chave correta da API para o seu site.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: Para obter ajuda em solucionar esse problema \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ecliquem aqui\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"N\u00e3o foi poss\u00edvel carregar a camada ${layerType} corretamente.\\x3cbr\\x3e\\x3cbr\\x3ePara se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eMuito provavelmente, isso foi causado porque o script da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo corretamente.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: Para obter ajuda em solucionar esse problema \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ecliquem aqui\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n-\n-    'W': \"O\",\n-\n-    'E': \"L\",\n-\n-    'N': \"N\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Voc\u00ea est\u00e1 usando a op\u00e7\u00e3o \\'reproject\\' na camada ${layerName}. Essa op\u00e7\u00e3o est\u00e1 obsoleta: seu uso foi projetado para suportar a visualiza\u00e7\u00e3o de dados sobre bases de mapas comerciais, entretanto essa funcionalidade deve agora ser alcan\u00e7ada usando o suporte \u00e0 proje\u00e7\u00e3o Mercator. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em: http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Esse m\u00e9todo est\u00e1 obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Ao inv\u00e9s, por favor use ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/be-tarask.js\n-   ====================================================================== */\n-\n-/* Translators (2009 onwards):\n- *  - EugeneZelenko\n- *  - Jim-by\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"be-tarask\"]\n- * Dictionary for \u0411\u0435\u043b\u0430\u0440\u0443\u0441\u043a\u0430\u044f (\u0442\u0430\u0440\u0430\u0448\u043a\u0435\u0432\u0456\u0446\u0430).  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"be-tarask\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"\u041d\u0435\u0430\u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043d\u044b \u0432\u044b\u043d\u0456\u043a \u0437\u0430\u043f\u044b\u0442\u0443 ${statusText}\",\n-\n-    'Permalink': \"\u0421\u0442\u0430\u043b\u0430\u044f \u0441\u043f\u0430\u0441\u044b\u043b\u043a\u0430\",\n-\n-    'Overlays': \"\u0421\u043b\u0430\u0456\",\n-\n-    'Base Layer': \"\u0411\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439\",\n-\n-    'noFID': \"\u041d\u0435\u043c\u0430\u0433\u0447\u044b\u043c\u0430 \u0430\u0431\u043d\u0430\u0432\u0456\u0446\u044c \u043c\u0430\u0433\u0447\u044b\u043c\u0430\u0441\u044c\u0446\u044c, \u0434\u043b\u044f \u044f\u043a\u043e\u0433\u0430 \u043d\u0435 \u0456\u0441\u043d\u0443\u0435 FID.\",\n-\n-    'browserNotSupported': \"\u0412\u0430\u0448 \u0431\u0440\u0430\u045e\u0437\u044d\u0440 \u043d\u0435 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u0435 \u0432\u044d\u043a\u0442\u0430\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0456\u043a\u0443. \u0423 \u0446\u044f\u043f\u0435\u0440\u0430\u0448\u043d\u0456 \u043c\u043e\u043c\u0430\u043d\u0442 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u044e\u0446\u0446\u0430: ${renderers}\",\n-\n-    'minZoomLevelError': \"\u0423\u043b\u0430\u0441\u044c\u0446\u0456\u0432\u0430\u0441\u044c\u0446\u044c minZoomLevel \u043f\u0440\u044b\u0437\u043d\u0430\u0447\u0430\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u0456 \u0434\u043b\u044f \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u0430\u043d\u044c\u043d\u044f \u0441\u0430 \u0441\u043b\u0430\u044f\u043c\u0456 \u0432\u044b\u0442\u0432\u043e\u0440\u043d\u044b\u043c\u0456 \u0430\u0434 FixedZoomLevels. \u0422\u043e\u0435, \u0448\u0442\u043e  \u0433\u044d\u0442\u044b wfs-\u0441\u043b\u043e\u0439 \u043f\u0440\u0430\u0432\u044f\u0440\u0430\u0435\u0446\u0446\u0430 \u043d\u0430 minZoomLevel \u2014 \u0440\u044d\u0445\u0430 \u043f\u0440\u043e\u0448\u043b\u0430\u0433\u0430. \u0410\u043b\u0435 \u043c\u044b \u043d\u044f \u043c\u043e\u0436\u0430\u043c \u0432\u044b\u0434\u0430\u043b\u0456\u0446\u044c \u0433\u044d\u0442\u0443\u044e \u043c\u0430\u0433\u0447\u044b\u043c\u0430\u0441\u044c\u0446\u044c, \u0442\u0430\u043c\u0443 \u0448\u0442\u043e \u0430\u0434 \u044f\u0435 \u0437\u0430\u043b\u0435\u0436\u0430\u0446\u044c \u043d\u0435\u043a\u0430\u0442\u043e\u0440\u044b\u044f \u0437\u0430\u0441\u043d\u0430\u0432\u0430\u043d\u044b\u044f \u043d\u0430 OL \u0434\u0430\u0441\u0442\u0430\u0441\u0430\u0432\u0430\u043d\u044c\u043d\u0456. \u0422\u044b\u043c \u043d\u044f \u043c\u0435\u043d\u0448, \u043f\u0440\u0430\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0437\u0435 \u0432\u044b\u0434\u0430\u043b\u0435\u043d\u0430\u044f \u045e \u0432\u044d\u0440\u0441\u0456\u0456 3.0. \u041a\u0430\u043b\u0456 \u043b\u0430\u0441\u043a\u0430, \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0435\u0446\u0435 \u0437\u0430\u043c\u0435\u0441\u0442 \u044f\u0435 \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0456 \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0430\u0433\u0430/\u043c\u0430\u043a\u0441\u044b\u043c\u0430\u043b\u044c\u043d\u0430\u0433\u0430 \u043f\u0430\u043c\u0435\u0440\u0430\u045e, \u044f\u043a \u0430\u043f\u0456\u0441\u0430\u043d\u0430 \u0442\u0443\u0442: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS-\u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u044b\u044f: \u041f\u041e\u0421\u042c\u041f\u0415\u0425 ${response}\",\n-\n-    'commitFailed': \"WFS-\u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u044b\u044f: \u041f\u0410\u041c\u042b\u041b\u041a\u0410 ${response}\",\n-\n-    'googleWarning': \"\u041d\u0435 \u0430\u0442\u0440\u044b\u043c\u0430\u043b\u0430\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u0456\u0446\u044c \u0441\u043b\u043e\u0439 Google. \\x3cbr\\x3e\\x3cbr\\x3e\u041a\u0430\u0431 \u043f\u0430\u0437\u0431\u0430\u0432\u0456\u0446\u0446\u0430 \u0433\u044d\u0442\u0430\u0433\u0430 \u043f\u0430\u0432\u0435\u0434\u0430\u043c\u043b\u0435\u043d\u044c\u043d\u044f, \u0432\u044b\u0431\u0435\u0440\u044b\u0446\u0435 \u043d\u043e\u0432\u044b \u0431\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439 \u0443 \u0441\u044c\u043f\u0456\u0441\u0435 \u045e \u0432\u0435\u0440\u0445\u043d\u0456\u043c \u043f\u0440\u0430\u0432\u044b\u043c \u043a\u0443\u0446\u0435.\\x3cbr\\x3e\\x3cbr\\x3e \u0425\u0443\u0442\u0447\u044d\u0439 \u0437\u0430 \u045e\u0441\u0451, \u043f\u0440\u044b\u0447\u044b\u043d\u0430 \u045e \u0442\u044b\u043c, \u0448\u0442\u043e \u0441\u043a\u0440\u044b\u043f\u0442 \u0431\u0456\u0431\u043b\u0456\u044f\u0442\u044d\u043a\u0456 Google Maps \u043d\u044f \u0431\u044b\u045e \u0443\u043a\u043b\u044e\u0447\u0430\u043d\u044b\u044f \u0430\u043b\u044c\u0431\u043e \u043d\u0435 \u045e\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u0435 \u0441\u043b\u0443\u0448\u043d\u044b API-\u043a\u043b\u044e\u0447 \u0434\u043b\u044f \u0412\u0430\u0448\u0430\u0433\u0430 \u0441\u0430\u0439\u0442\u0430.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0441\u043f\u0440\u0430\u0446\u043e\u045e\u0448\u0447\u044b\u043a\u0430\u043c: \u0414\u043b\u044f \u0442\u0430\u0433\u043e, \u043a\u0430\u0431 \u0434\u0430\u0432\u0435\u0434\u0430\u0446\u0446\u0430 \u044f\u043a \u0437\u0440\u0430\u0431\u0456\u0446\u044c \u0442\u0430\u043a, \u043a\u0430\u0431 \u0443\u0441\u0451 \u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043b\u0430, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u043d\u0430\u0446\u0456\u0441\u044c\u043d\u0456\u0446\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"\u041d\u0435\u043c\u0430\u0433\u0447\u044b\u043c\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0456\u0446\u044c \u0441\u043b\u043e\u0439 ${layerType}.\\x3cbr\\x3e\\x3cbr\\x3e\u041a\u0430\u0431 \u043f\u0430\u0437\u0431\u0430\u0432\u0456\u0446\u0446\u0430 \u0433\u044d\u0442\u0430\u0433\u0430 \u043f\u0430\u0432\u0435\u0434\u0430\u043c\u043b\u0435\u043d\u044c\u043d\u044f, \u0432\u044b\u0431\u0435\u0440\u044b\u0446\u0435 \u043d\u043e\u0432\u044b \u0431\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439 \u0443 \u0441\u044c\u043f\u0456\u0441\u0435 \u045e \u0432\u0435\u0440\u0445\u043d\u0456\u043c \u043f\u0440\u0430\u0432\u044b\u043c \u043a\u0443\u0446\u0435.\\x3cbr\\x3e\\x3cbr\\x3e\u0425\u0443\u0442\u0447\u044d\u0439 \u0437\u0430 \u045e\u0441\u0451, \u043f\u0440\u044b\u0447\u044b\u043d\u0430 \u045e \u0442\u044b\u043c, \u0448\u0442\u043e \u0441\u043a\u0440\u044b\u043f\u0442 \u0431\u0456\u0431\u043b\u0456\u044f\u0442\u044d\u043a\u0456 ${layerLib} \u043d\u044f \u0431\u044b\u045e \u0441\u043b\u0443\u0448\u043d\u0430 \u045e\u043a\u043b\u044e\u0447\u0430\u043d\u044b.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0441\u043f\u0440\u0430\u0446\u043e\u045e\u0448\u0447\u044b\u043a\u0430\u043c: \u0414\u043b\u044f \u0442\u0430\u0433\u043e, \u043a\u0430\u0431 \u0434\u0430\u0432\u0435\u0434\u0430\u0446\u0446\u0430 \u044f\u043a \u0437\u0440\u0430\u0431\u0456\u0446\u044c \u0442\u0430\u043a, \u043a\u0430\u0431 \u0443\u0441\u0451 \u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043b\u0430, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u043d\u0430\u0446\u0456\u0441\u044c\u043d\u0456\u0446\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n-\n-    'W': \"\u0417\",\n-\n-    'E': \"\u0423\",\n-\n-    'N': \"\u041f\u043d\",\n+        return bounds;\n+    },\n \n-    'S': \"\u041f\u0434\",\n+    /**\n+     * Method: updateGrid\n+     * Update the grid.\n+     *\n+     * Parameters:\n+     * force - {Boolean} Update the grid even if the previous bounds are still\n+     *     valid.\n+     */\n+    updateGrid: function(force) {\n+        if (force || this.invalidBounds()) {\n+            var viewBounds = this.getViewBounds();\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var viewBoundsWidth = viewBounds.getWidth();\n+            var viewBoundsHeight = viewBounds.getHeight();\n+            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n+            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n+            var maxWidth = maxHeight * aspectRatio;\n+            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n+            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n+            var center = viewBounds.getCenterLonLat();\n+            this.gridBounds = new OpenLayers.Bounds(\n+                center.lon - (gridWidth / 2),\n+                center.lat - (gridHeight / 2),\n+                center.lon + (gridWidth / 2),\n+                center.lat + (gridHeight / 2)\n+            );\n+            var rows = Math.floor(gridHeight / this.dy);\n+            var cols = Math.floor(gridWidth / this.dx);\n+            var gridLeft = origin.lon + (this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx));\n+            var gridBottom = origin.lat + (this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy));\n+            var features = new Array(rows * cols);\n+            var x, y, point;\n+            for (var i = 0; i < cols; ++i) {\n+                x = gridLeft + (i * this.dx);\n+                for (var j = 0; j < rows; ++j) {\n+                    y = gridBottom + (j * this.dy);\n+                    point = new OpenLayers.Geometry.Point(x, y);\n+                    if (this.rotation) {\n+                        point.rotate(this.rotation, rotationOrigin);\n+                    }\n+                    features[(i * rows) + j] = new OpenLayers.Feature.Vector(point);\n+                }\n+            }\n+            this.destroyFeatures(this.features, {\n+                silent: true\n+            });\n+            this.addFeatures(features, {\n+                silent: true\n+            });\n+        }\n+    },\n \n-    'reprojectDeprecated': \"\u0412\u044b \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0435\u0446\u0435 \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0443 \\'reproject\\' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u0413\u044d\u0442\u0430\u044f \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0430 \u0437\u044c\u044f\u045e\u043b\u044f\u0435\u0446\u0446\u0430 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u0430\u0439: \u044f\u043d\u0430 \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u043b\u0430\u0441\u044f \u0434\u043b\u044f \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0456 \u043f\u0430\u043a\u0430\u0437\u0443 \u0437\u044c\u0432\u0435\u0441\u0442\u0430\u043a \u043d\u0430 \u043a\u0430\u043c\u044d\u0440\u0446\u044b\u0439\u043d\u044b\u0445 \u0431\u0430\u0437\u0430\u0432\u044b\u0445 \u043c\u0430\u043f\u0430\u0445, \u0430\u043b\u0435 \u0433\u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u044b\u044f \u0446\u044f\u043f\u0435\u0440 \u0440\u044d\u0430\u043b\u0456\u0437\u0430\u0432\u0430\u043d\u0430\u044f \u045e \u0443\u0431\u0443\u0434\u0430\u0432\u0430\u043d\u0430\u0439 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u0446\u044b \u0441\u0444\u044d\u0440\u044b\u0447\u043d\u0430\u0439 \u043f\u0440\u0430\u0435\u043a\u0446\u044b\u0456 \u041c\u044d\u0440\u043a\u0430\u0442\u0430\u0440\u0430. \u0414\u0430\u0434\u0430\u0442\u043a\u043e\u0432\u0430\u044f \u0456\u043d\u0444\u0430\u0440\u043c\u0430\u0446\u044b\u044f \u0451\u0441\u044c\u0446\u044c \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * Method: invalidBounds\n+     * Determine whether the previously generated point grid is invalid. \n+     *     This occurs when the map bounds extends beyond the previously \n+     *     generated grid bounds.\n+     *\n+     * Returns:\n+     * {Boolean} \n+     */\n+    invalidBounds: function() {\n+        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds());\n+    },\n \n-    'methodDeprecated': \"\u0413\u044d\u0442\u044b \u043c\u044d\u0442\u0430\u0434 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u044b \u0456 \u0431\u0443\u0434\u0437\u0435 \u0432\u044b\u0434\u0430\u043b\u0435\u043d\u044b \u045e \u0432\u044d\u0440\u0441\u0456\u0456 3.0. \u041a\u0430\u043b\u0456 \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u043c\u0435\u0441\u0442 \u044f\u0433\u043e \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0439\u0446\u0435 ${newMethod}.\"\n+    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n \n });\n /* ======================================================================\n-    OpenLayers/Lang/it.js\n+    OpenLayers/Layer/WorldWind.js\n    ====================================================================== */\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"it\"]\n- * Dictionary for Italian.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang.it = {\n-\n-    'unhandledRequest': \"Codice di ritorno della richiesta ${statusText}\",\n-\n-    'Permalink': \"Permalink\",\n-\n-    'Overlays': \"Overlays\",\n-\n-    'Base Layer': \"Livello base\",\n-\n-    'noFID': \"Impossibile aggiornare un elemento grafico che non abbia il FID.\",\n-\n-    'browserNotSupported': \"Il tuo browser non supporta il rendering vettoriale. I renderizzatore attualemnte supportati sono:\\n${renderers}\",\n-\n-    // console message\n-    'minZoomLevelError': \"La propriet\u00e0 minZoomLevel \u00e8 da utilizzare solamente \" +\n-        \"con livelli che abbiano FixedZoomLevels. Il fatto che \" +\n-        \"questo livello wfs controlli la propriet\u00e0 minZoomLevel \u00e8 \" +\n-        \"un retaggio del passato. Non possiamo comunque rimuoverla \" +\n-        \"senza rompere le vecchie applicazioni che dipendono su di essa.\" +\n-        \"Quindi siamo costretti a deprecarla -- minZoomLevel \" +\n-        \"e sar\u00e0 rimossa dalla vesione 3.0. Si prega di utilizzare i \" +\n-        \"settaggi di risoluzione min/max come descritto qui: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transazione WFS: SUCCESS ${response}\",\n-\n-    'commitFailed': \"Transazione WFS: FAILED ${response}\",\n-\n-    'googleWarning': \"Il livello Google non \u00e8 riuscito a caricare correttamente.<br><br>\" +\n-        \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" +\n-        \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" +\n-        \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria Google Maps \" +\n-        \"non \u00e8 stata inclusa nella pagina, oppure non contiene la \" +\n-        \"corretta API key per il tuo sito.<br><br>\" +\n-        \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>clicca qui</a>\",\n-\n-    'getLayerWarning': \"Il livello ${layerType} non \u00e8 riuscito a caricare correttamente.<br><br>\" +\n-        \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" +\n-        \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" +\n-        \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria ${layerLib} \" +\n-        \"non \u00e8 stata inclusa nella pagina.<br><br>\" +\n-        \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>clicca qui</a>\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Scala = 1 : ${scaleDenom}\",\n-\n-    // console message\n-    'reprojectDeprecated': \"Stai utilizzando l'opzione 'reproject' sul livello ${layerName}. \" +\n-        \"Questa opzione \u00e8 deprecata: il suo utilizzo \u00e8 stato introdotto per\" +\n-        \"supportare il disegno dei dati sopra mappe commerciali, ma tale \" +\n-        \"funzionalit\u00e0 dovrebbe essere ottenuta tramite l'utilizzo della proiezione \" +\n-        \"Spherical Mercator. Per maggiori informazioni consultare qui \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    // console message\n-    'methodDeprecated': \"Questo metodo \u00e8 stato deprecato e sar\u00e0 rimosso dalla versione 3.0. \" +\n-        \"Si prega di utilizzare il metodo ${newMethod} in alternativa.\",\n-\n-    'end': ''\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/hu.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/* Translators (2009 onwards):\n- *  - City-busz\n- *  - Glanthor Reviol\n- */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"hu\"]\n- * Dictionary for Magyar.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.WorldWind\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang[\"hu\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Nem kezelt k\u00e9r\u00e9s visszat\u00e9r\u00e9se ${statusText}\",\n-\n-    'Permalink': \"Permalink\",\n-\n-    'Overlays': \"R\u00e1vet\u00edt\u00e9sek\",\n-\n-    'Base Layer': \"Alapr\u00e9teg\",\n-\n-    'noFID': \"Nem friss\u00edthet\u0151 olyan jellemz\u0151, amely nem rendelkezik FID-del.\",\n-\n-    'browserNotSupported': \"A b\u00f6ng\u00e9sz\u0151je nem t\u00e1mogatja a vektoros renderel\u00e9st. A jelenleg t\u00e1mogatott renderel\u0151k:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"A minZoomLevel tulajdons\u00e1got csak a k\u00f6vetkez\u0151vel val\u00f3 haszn\u00e1latra sz\u00e1nt\u00e1k: FixedZoomLevels-lesz\u00e1rmazott f\u00f3li\u00e1k. Ez azt jelenti, hogy a minZoomLevel wfs f\u00f3lia jel\u00f6l\u0151n\u00e9gyzetei m\u00e1r a m\u00falt\u00e9. Mi azonban nem t\u00e1vol\u00edthatjuk el annak a vesz\u00e9lye n\u00e9lk\u00fcl, hogy az esetlegesen ett\u0151l f\u00fcgg\u0151 OL alap\u00fa alkalmaz\u00e1sokat t\u00f6nkretenn\u00e9nk. Ez\u00e9rt ezt \u00e9rv\u00e9nytelen\u00edtj\u00fck -- a minZoomLevel az alul lev\u0151 jel\u00f6l\u0151n\u00e9gyzet a 3.0-s verzi\u00f3b\u00f3l el lesz t\u00e1vol\u00edtva. K\u00e9rj\u00fck, helyette haszn\u00e1lja a  min/max felbont\u00e1s be\u00e1ll\u00edt\u00e1st, amelyr\u0151l az al\u00e1bbi helyen tal\u00e1l le\u00edr\u00e1st: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS tranzakci\u00f3: SIKERES ${response}\",\n-\n-    'commitFailed': \"WFS tranzakci\u00f3: SIKERTELEN ${response}\",\n-\n-    'googleWarning': \"A Google f\u00f3lia bet\u00f6lt\u00e9se sikertelen.\\x3cbr\\x3e\\x3cbr\\x3eAhhoz, hogy ez az \u00fczenet elt\u0171nj\u00f6n, v\u00e1lasszon egy \u00faj BaseLayer f\u00f3li\u00e1t a jobb fels\u0151 sarokban tal\u00e1lhat\u00f3 f\u00f3liakapcsol\u00f3 seg\u00edts\u00e9g\u00e9vel.\\x3cbr\\x3e\\x3cbr\\x3eNagy val\u00f3sz\u00edn\u0171s\u00e9ggel ez az\u00e9rt van, mert a Google Maps k\u00f6nyvt\u00e1r parancsf\u00e1jlja nem tal\u00e1lhat\u00f3, vagy nem tartalmazza az \u00d6n oldal\u00e1hoz tartoz\u00f3 megfelel\u0151 API-kulcsot.\\x3cbr\\x3e\\x3cbr\\x3eFejleszt\u0151knek: A helyes m\u0171k\u00f6dtet\u00e9sre vonatkoz\u00f3 seg\u00edts\u00e9g az al\u00e1bbi helyen \u00e9rhet\u0151 el, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ekattintson ide\\x3c/a\\x3e\",\n+OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    'getLayerWarning': \"A(z) ${layerType} f\u00f3lia nem t\u00f6lt\u0151d\u00f6tt be helyesen.\\x3cbr\\x3e\\x3cbr\\x3eAhhoz, hogy ez az \u00fczenet elt\u0171nj\u00f6n, v\u00e1lasszon egy \u00faj BaseLayer f\u00f3li\u00e1t a jobb fels\u0151 sarokban tal\u00e1lhat\u00f3 f\u00f3liakapcsol\u00f3 seg\u00edts\u00e9g\u00e9vel.\\x3cbr\\x3e\\x3cbr\\x3eNagy val\u00f3sz\u00edn\u0171s\u00e9ggel ez az\u00e9rt van, mert a(z) ${layerLib} k\u00f6nyvt\u00e1r parancsf\u00e1jlja helytelen.\\x3cbr\\x3e\\x3cbr\\x3eFejleszt\u0151knek: A helyes m\u0171k\u00f6dtet\u00e9sre vonatkoz\u00f3 seg\u00edts\u00e9g az al\u00e1bbi helyen \u00e9rhet\u0151 el, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ekattintson ide\\x3c/a\\x3e\",\n+    DEFAULT_PARAMS: {},\n \n-    'Scale = 1 : ${scaleDenom}': \"L\u00e9pt\u00e9k = 1 : ${scaleDenom}\",\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} WorldWind layer is a base layer by default.\n+     */\n+    isBaseLayer: true,\n \n-    'W': \"Ny\",\n+    /** \n+     * APIProperty: lzd\n+     * {Float} LevelZeroTileSizeDegrees\n+     */\n+    lzd: null,\n \n-    'E': \"K\",\n+    /**\n+     * APIProperty: zoomLevels\n+     * {Integer} Number of zoom levels.\n+     */\n+    zoomLevels: null,\n \n-    'N': \"\u00c9\",\n+    /**\n+     * Constructor: OpenLayers.Layer.WorldWind\n+     * \n+     * Parameters:\n+     * name - {String} Name of Layer\n+     * url - {String} Base URL  \n+     * lzd - {Float} Level zero tile size degrees \n+     * zoomLevels - {Integer} number of zoom levels\n+     * params - {Object} additional parameters\n+     * options - {Object} additional options\n+     */\n+    initialize: function(name, url, lzd, zoomLevels, params, options) {\n+        this.lzd = lzd;\n+        this.zoomLevels = zoomLevels;\n+        var newArguments = [];\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        this.params = OpenLayers.Util.applyDefaults(\n+            this.params, this.DEFAULT_PARAMS\n+        );\n+    },\n \n-    'S': \"D\",\n+    /**\n+     * Method: getZoom\n+     * Convert map zoom to WW zoom.\n+     */\n+    getZoom: function() {\n+        var zoom = this.map.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n+        return zoom;\n+    },\n \n-    'reprojectDeprecated': \"\u00d6n a \\'reproject\\' be\u00e1ll\u00edt\u00e1st haszn\u00e1lja a(z) ${layerName} f\u00f3li\u00e1n. Ez a be\u00e1ll\u00edt\u00e1s \u00e9rv\u00e9nytelen: haszn\u00e1lata az \u00fczleti alapt\u00e9rk\u00e9pek f\u00f6l\u00f6tti adatok megjelen\u00edt\u00e9s\u00e9nek t\u00e1mogat\u00e1s\u00e1ra szolg\u00e1lt, de ezt a funkci\u00f3 ezent\u00fal a G\u00f6mbi Mercator haszn\u00e1lat\u00e1val \u00e9rhet\u0151 el. Tov\u00e1bbi inform\u00e1ci\u00f3 az al\u00e1bbi helyen \u00e9rhet\u0151 el: http://trac.openlayers.org/wiki/SphericalMercator\",\n+    /**\n+     * Method: getURL\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *           passed-in bounds and appropriate tile size specified as \n+     *           parameters\n+     */\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var zoom = this.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        var deg = this.lzd / Math.pow(2, this.getZoom());\n+        var x = Math.floor((bounds.left - extent.left) / deg);\n+        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n+        if (this.map.getResolution() <= (this.lzd / 512) &&\n+            this.getZoom() <= this.zoomLevels) {\n+            return this.getFullRequestString({\n+                L: zoom,\n+                X: x,\n+                Y: y\n+            });\n+        } else {\n+            return OpenLayers.Util.getImageLocation(\"blank.gif\");\n+        }\n \n-    'methodDeprecated': \"Ez a m\u00f3dszer \u00e9rv\u00e9nytelen\u00edtve lett \u00e9s a 3.0-s verzi\u00f3b\u00f3l el lesz t\u00e1vol\u00edtva. Haszn\u00e1lja a(z) ${newMethod} m\u00f3dszert helyette.\"\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/gsw.js\n+    OpenLayers/Layer/Text.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Als-Holder\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"gsw\"]\n- * Dictionary for Alemannisch.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"gsw\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Nit behandleti Aafrogsruckm\u00e4ldig ${statusText}\",\n-\n-    'Permalink': \"Permalink\",\n-\n-    'Overlays': \"Iberlagerige\",\n-\n-    'Base Layer': \"Grundcharte\",\n-\n-    'noFID': \"E Feature, wu s kei FID derfir git, cha nit aktualisiert w\u00e4re.\",\n-\n-    'browserNotSupported': \"Dyy Browser unterstitzt kei Vektordarstellig. Aktu\u00e4ll unterstitzti Renderer:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"D minZoomLevel-Eigeschaft isch nume d\u00e4nk fir d Layer, wu vu dr FixedZoomLevels abstamme. Ass d\u00e4\u00e4 wfs-Layer minZoomLevel prieft, scih e Relikt us dr Vergangeheit. Mir chenne s aber nit \u00e4ndere ohni OL_basierti Aaw\u00e4ndige villicht kaputt gehn, wu dervu abh\u00e4nge.  Us d\u00e4m Grund het die Funktion d Eigeschaft \\'deprecated\\' iberchuu. D minZoomLevel-Priefig unte wird in dr Version 3.0 usegnuu. Bitte verw\u00e4nd statt d\u00e4m e min/max-Uflesig wie s do bschriben isch: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS-Transaktion: ERFOLGRYCH ${response}\",\n-\n-    'commitFailed': \"WFS-Transaktion: F\u00c4HLGSCHLAA ${response}\",\n-\n-    'googleWarning': \"Dr Google-Layer het nit korr\u00e4kt chenne glade w\u00e4re.\\x3cbr\\x3e\\x3cbr\\x3eGo die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr Google-Maps-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Fir Hilf zum korr\u00e4kte Yybinde vum Google-Layer \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3edoo drucke\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"Dr ${layerType}-Layer het nit korr\u00e4kt chenne glade w\u00e4re.\\x3cbr\\x3e\\x3cbr\\x3eGo die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr \\'${layerLib}\\'-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.\\x3cbr\\x3e\\x3cbr\\x3eEntwickler: Fir Hilf zum korr\u00e4kte Yybinde vu Layer \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3edoo drucke\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n-\n-    'W': \"W\",\n-\n-    'E': \"O\",\n-\n-    'N': \"N\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Du bruchsch d \\'reproject\\'-Option bim ${layerName}-Layer. Die Option isch nimi giltig: si isch aagleit wore go   Date iber kommerzi\u00e4lli Grundcharte lege, aber des sott mer jetz mache mit dr Unterstitzig vu Spherical Mercator. Meh Informatione git s uf http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Die Methode isch veraltet un wird us dr Version 3.0 usegnuu. Bitte verw\u00e4bnd statt d\u00e4m ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/pt.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/* Translators (2009 onwards):\n- *  - Hamilton Abreu\n- *  - Malafaya\n- *  - Waldir\n- */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Markers.js\n+ * @requires OpenLayers/Format/Text.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"pt\"]\n- * Dictionary for Portugu\u00eas.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.Text\n+ * This layer creates markers given data in a text file.  The <location>\n+ *     property of the layer (specified as a property of the options argument\n+ *     in the <OpenLayers.Layer.Text> constructor) points to a tab delimited\n+ *     file with data used to create markers.\n+ *\n+ * The first row of the data file should be a header line with the column names\n+ *     of the data. Each column should be delimited by a tab space. The\n+ *     possible columns are:\n+ *      - *point* lat,lon of the point where a marker is to be placed\n+ *      - *lat*  Latitude of the point where a marker is to be placed\n+ *      - *lon*  Longitude of the point where a marker is to be placed\n+ *      - *icon* or *image* URL of marker icon to use.\n+ *      - *iconSize* Size of Icon to use.\n+ *      - *iconOffset* Where the top-left corner of the icon is to be placed\n+ *            relative to the latitude and longitude of the point.\n+ *      - *title* The text of the 'title' is placed inside an 'h2' marker\n+ *            inside a popup, which opens when the marker is clicked.\n+ *      - *description* The text of the 'description' is placed below the h2\n+ *            in the popup. this can be plain text or HTML.\n+ *\n+ * Example text file:\n+ * (code)\n+ * lat\tlon\ttitle\tdescription\ticonSize\ticonOffset\ticon\n+ * 10\t20\ttitle\tdescription\t21,25\t\t-10,-25\t\thttp://www.openlayers.org/dev/img/marker.png\n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.Lang[\"pt\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Servidor devolveu erro n\u00e3o contemplado ${statusText}\",\n-\n-    'Permalink': \"Liga\u00e7\u00e3o permanente\",\n-\n-    'Overlays': \"Sobreposi\u00e7\u00f5es\",\n-\n-    'Base Layer': \"Camada Base\",\n-\n-    'noFID': \"N\u00e3o \u00e9 poss\u00edvel atualizar um elemento para a qual n\u00e3o h\u00e1 FID.\",\n-\n-    'browserNotSupported': \"O seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o vetorial. Actualmente os renderizadores suportados s\u00e3o:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"A propriedade minZoomLevel s\u00f3 deve ser usada com as camadas descendentes da FixedZoomLevels. A verifica\u00e7\u00e3o da propriedade por esta camada wfs \u00e9 uma rel\u00edquia do passado. No entanto, n\u00e3o podemos remov\u00ea-la sem correr o risco de afectar aplica\u00e7\u00f5es OL que dependam dela. Portanto, estamos a torn\u00e1-la obsoleta -- a verifica\u00e7\u00e3o minZoomLevel ser\u00e1 removida na vers\u00e3o 3.0. Em vez dela, por favor, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max descritas aqui: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transac\u00e7\u00e3o WFS: SUCESSO ${response}\",\n-\n-    'commitFailed': \"Transac\u00e7\u00e3o WFS: FALHOU ${response}\",\n-\n-    'googleWarning': \"A Camada Google n\u00e3o foi correctamente carregada.\\x3cbr\\x3e\\x3cbr\\x3ePara deixar de receber esta mensagem, seleccione uma nova Camada-Base no \\'\\'switcher\\'\\' de camadas no canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eProvavelmente, isto acontece porque o \\'\\'script\\'\\' da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo ou n\u00e3o cont\u00e9m a chave API correcta para o seu s\u00edtio.\\x3cbr\\x3e\\x3cbr\\x3eProgramadores: Para ajuda sobre como solucionar o problema \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclique aqui\\x3c/a\\x3e .\",\n-\n-    'getLayerWarning': \"A camada ${layerType} n\u00e3o foi correctamente carregada.\\x3cbr\\x3e\\x3cbr\\x3ePara desactivar esta mensagem, seleccione uma nova Camada-Base no \\'\\'switcher\\'\\' de camadas no canto superior direito.\\x3cbr\\x3e\\x3cbr\\x3eProvavelmente, isto acontece porque o \\'\\'script\\'\\' da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo correctamente.\\x3cbr\\x3e\\x3cbr\\x3eProgramadores: Para ajuda sobre como solucionar o problema \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclique aqui\\x3c/a\\x3e .\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n-\n-    'W': \"O\",\n-\n-    'E': \"E\",\n-\n-    'N': \"N\",\n+OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n \n-    'S': \"S\",\n+    /**\n+     * APIProperty: location \n+     * {String} URL of text file.  Must be specified in the \"options\" argument\n+     *   of the constructor. Can not be changed once passed in. \n+     */\n+    location: null,\n \n-    'reprojectDeprecated': \"Est\u00e1 usando a op\u00e7\u00e3o \\'reproject\\' na camada ${layerName}. Esta op\u00e7\u00e3o \u00e9 obsoleta: foi concebida para permitir a apresenta\u00e7\u00e3o de dados sobre mapas-base comerciais, mas esta funcionalidade \u00e9 agora suportada pelo Mercator Esf\u00e9rico. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /** \n+     * Property: features\n+     * {Array(<OpenLayers.Feature>)} \n+     */\n+    features: null,\n \n-    'methodDeprecated': \"Este m\u00e9todo foi declarado obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Por favor, use ${newMethod} em vez disso.\"\n+    /**\n+     * APIProperty: formatOptions\n+     * {Object} Hash of options which should be passed to the format when it is\n+     * created. Must be passed in the constructor.\n+     */\n+    formatOptions: null,\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/oc.js\n-   ====================================================================== */\n+    /** \n+     * Property: selectedFeature\n+     * {<OpenLayers.Feature>}\n+     */\n+    selectedFeature: null,\n \n-/* Translators (2009 onwards):\n- *  - Cedric31\n- */\n+    /**\n+     * Constructor: OpenLayers.Layer.Text\n+     * Create a text layer.\n+     * \n+     * Parameters:\n+     * name - {String} \n+     * options - {Object} Object with properties to be set on the layer.\n+     *     Must include <location> property.\n+     */\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n+        this.features = [];\n+    },\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+    /**\n+     * APIMethod: destroy \n+     */\n+    destroy: function() {\n+        // Warning: Layer.Markers.destroy() must be called prior to calling\n+        // clearFeatures() here, otherwise we leak memory. Indeed, if\n+        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n+        // able to remove the marker image elements from the layer's div since\n+        // the markers will have been destroyed by clearFeatures().\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null;\n+    },\n \n-/**\n- * Namespace: OpenLayers.Lang[\"oc\"]\n- * Dictionary for Occitan.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"oc\"] = OpenLayers.Util.applyDefaults({\n+    /**\n+     * Method: loadText\n+     * Start the load of the Text data. Don't do this when we first add the layer,\n+     * since we may not be visible at any point, and it would therefore be a waste.\n+     */\n+    loadText: function() {\n+        if (!this.loaded) {\n+            if (this.location != null) {\n \n-    'unhandledRequest': \"Requ\u00e8sta pas gerida, retorna ${statusText}\",\n+                var onFail = function(e) {\n+                    this.events.triggerEvent(\"loadend\");\n+                };\n \n-    'Permalink': \"Permaligam\",\n+                this.events.triggerEvent(\"loadstart\");\n+                OpenLayers.Request.GET({\n+                    url: this.location,\n+                    success: this.parseData,\n+                    failure: onFail,\n+                    scope: this\n+                });\n+                this.loaded = true;\n+            }\n+        }\n+    },\n \n-    'Overlays': \"Calques\",\n+    /**\n+     * Method: moveTo\n+     * If layer is visible and Text has not been loaded, load Text. \n+     * \n+     * Parameters:\n+     * bounds - {Object} \n+     * zoomChanged - {Object} \n+     * minor - {Object} \n+     */\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadText();\n+        }\n+    },\n \n-    'Base Layer': \"Calc de basa\",\n+    /**\n+     * Method: parseData\n+     *\n+     * Parameters:\n+     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     */\n+    parseData: function(ajaxRequest) {\n+        var text = ajaxRequest.responseText;\n \n-    'noFID': \"Impossible de metre a jorn un obj\u00e8cte sens identificant (fid).\",\n+        var options = {};\n \n-    'browserNotSupported': \"V\u00f2stre navegidor sup\u00f2rta pas lo rendut vectorial. Los renderers actualament suportats son : \\n${renderers}\",\n+        OpenLayers.Util.extend(options, this.formatOptions);\n \n-    'minZoomLevelError': \"La proprietat minZoomLevel deu \u00e8sser utilizada solament per de jaces FixedZoomLevels-descendent. Lo fach qu\\'aqueste ja\u00e7 WFS verifique la pres\u00e9ncia de minZoomLevel es una relica del passat. \u00c7aquel\u00e0, la pod\u00e8m suprimir sens copar d\\'aplicacions que ne poiri\u00e1n dependre. Es per aqu\u00f2 que la depreciam -- la verificacion del minZoomLevel ser\u00e0 suprimida en version 3.0. A la pla\u00e7a, merc\u00e9s d\\'utilizar los param\u00e8tres de resolucions min/max tal coma descrich sus : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject();\n+        }\n \n-    'commitSuccess': \"Transaccion WFS : SUCCES ${response}\",\n+        var parser = new OpenLayers.Format.Text(options);\n+        var features = parser.read(text);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            var location;\n+            var iconSize, iconOffset;\n \n-    'commitFailed': \"Transaccion WFS : FRACAS ${response}\",\n+            location = new OpenLayers.LonLat(feature.geometry.x,\n+                feature.geometry.y);\n \n-    'googleWarning': \"Lo ja\u00e7 Google es pas estat en mesura de se cargar corr\u00e8ctament.\\x3cbr\\x3e\\x3cbr\\x3ePer suprimir aqueste messatge, causiss\u00e8tz una BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.\\x3cbr\\x3e\\x3cbr\\x3eAqu\u00f2 es possiblament causat par la non-inclusion de la librari\u00e1 Google Maps, o alara perque que la clau de l\\'API correspond pas a v\u00f2stre site.\\x3cbr\\x3e\\x3cbr\\x3eDesvolopaires : per saber coss\u00ed corregir aqu\u00f2, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclicatz aic\u00ed\\x3c/a\\x3e\",\n+            if (feature.style.graphicWidth &&\n+                feature.style.graphicHeight) {\n+                iconSize = new OpenLayers.Size(\n+                    feature.style.graphicWidth,\n+                    feature.style.graphicHeight);\n+            }\n \n-    'getLayerWarning': \"Lo ja\u00e7 ${layerType} es pas en mesura de se cargar corr\u00e8ctament.\\x3cbr\\x3e\\x3cbr\\x3ePer suprimir aqueste messatge, causiss\u00e8tz una  BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.\\x3cbr\\x3e\\x3cbr\\x3eAqu\u00f2 es possiblament causat per la non-inclusion de la librari\u00e1 ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eDesvolopaires : per saber coss\u00ed corregir aqu\u00ed, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclicatz aic\u00ed\\x3c/a\\x3e\",\n+            // FIXME: At the moment, we only use this if we have an \n+            // externalGraphic, because icon has no setOffset API Method.\n+            /**\n+             * FIXME FIRST!!\n+             * The Text format does all sorts of parseFloating\n+             * The result of a parseFloat for a bogus string is NaN.  That\n+             * means the three possible values here are undefined, NaN, or a\n+             * number.  The previous check was an identity check for null.  This\n+             * means it was failing for all undefined or NaN.  A slightly better\n+             * check is for undefined.  An even better check is to see if the\n+             * value is a number (see #1441).\n+             */\n+            if (feature.style.graphicXOffset !== undefined &&\n+                feature.style.graphicYOffset !== undefined) {\n+                iconOffset = new OpenLayers.Pixel(\n+                    feature.style.graphicXOffset,\n+                    feature.style.graphicYOffset);\n+            }\n \n-    'Scale = 1 : ${scaleDenom}': \"Escala ~ 1 : ${scaleDenom}\",\n+            if (feature.style.externalGraphic != null) {\n+                data.icon = new OpenLayers.Icon(feature.style.externalGraphic,\n+                    iconSize,\n+                    iconOffset);\n+            } else {\n+                data.icon = OpenLayers.Marker.defaultIcon();\n \n-    'W': \"O\",\n+                //allows for the case where the image url is not \n+                // specified but the size is. use a default icon\n+                // but change the size\n+                if (iconSize != null) {\n+                    data.icon.setSize(iconSize);\n+                }\n+            }\n \n-    'E': \"\u00c8\",\n+            if ((feature.attributes.title != null) &&\n+                (feature.attributes.description != null)) {\n+                data['popupContentHTML'] =\n+                    '<h2>' + feature.attributes.title + '</h2>' +\n+                    '<p>' + feature.attributes.description + '</p>';\n+            }\n \n-    'N': \"N\",\n+            data['overflow'] = feature.attributes.overflow || \"auto\";\n \n-    'S': \"S\",\n+            var markerFeature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(markerFeature);\n+            var marker = markerFeature.createMarker();\n+            if ((feature.attributes.title != null) &&\n+                (feature.attributes.description != null)) {\n+                marker.events.register('click', markerFeature, this.markerClick);\n+            }\n+            this.addMarker(marker);\n+        }\n+        this.events.triggerEvent(\"loadend\");\n+    },\n \n-    'reprojectDeprecated': \"Utilizatz l\\'opcion \\'reproject\\' sul ja\u00e7 ${layerName}. Aquesta opcion es despreciada : Son usatge permeti\u00e1 d\\'afichar de donadas al dess\u00fas de jaces raster comercials. Aquesta foncionalitat ara es suportada en utilizant lo sup\u00f2rt de la projeccion Mercator Esferica. Mai d\\'informacion es disponibla sus http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * Property: markerClick\n+     * \n+     * Parameters:\n+     * evt - {Event} \n+     *\n+     * Context:\n+     * - {<OpenLayers.Feature>}\n+     */\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = (this == this.layer.selectedFeature);\n+        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i]);\n+        }\n+        if (!sameMarkerClicked) {\n+            this.layer.map.addPopup(this.createPopup());\n+        }\n+        OpenLayers.Event.stop(evt);\n+    },\n \n-    'methodDeprecated': \"Aqueste met\u00f2de es despreciada, e ser\u00e0 suprimida a la version 3.0. Merc\u00e9s d\\'utilizar ${newMethod} a la pla\u00e7a.\"\n+    /**\n+     * Method: clearFeatures\n+     */\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy();\n+            }\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Text\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/ru.js\n+    OpenLayers/Layer/WMTS.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Ferrer\n- *  - Komzpa\n- *  - Lockal\n- *  - \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440 \u0421\u0438\u0433\u0430\u0447\u0451\u0432\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"ru\"]\n- * Dictionary for \u0420\u0443\u0441\u0441\u043a\u0438\u0439.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"ru\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"\u041d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u0435\u0440\u043d\u0443\u043b ${statusText}\",\n-\n-    'Permalink': \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430\",\n-\n-    'Overlays': \"\u0421\u043b\u043e\u0438\",\n-\n-    'Base Layer': \"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439\",\n-\n-    'noFID': \"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442 FID.\",\n-\n-    'browserNotSupported': \"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e minZoomLevel \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043e \u0441\u043b\u043e\u044f\u043c\u0438, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 FixedZoomLevels. \u0422\u043e, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 WFS-\u0441\u043b\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043d\u0430 minZoomLevel \u2014 \u0440\u0435\u043b\u0438\u043a\u0442 \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0442\u0430\u043a \u043a\u0430\u043a, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u0442 \u043d\u0435\u0451 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 OpenLayers \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439 \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0432 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0451 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043c\u0438\u043d/\u043c\u0430\u043a\u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0437\u0434\u0435\u0441\u044c: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u0423\u0421\u041f\u0415\u0428\u041d\u041e ${response}\",\n-\n-    'commitFailed': \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u041e\u0428\u0418\u0411\u041a\u0410 ${response}\",\n-\n-    'googleWarning': \"\u0421\u043b\u043e\u0439 Google \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c.\\x3cbr\\x3e\\x3cbr\\x3e\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.\\x3cbr\\x3e\\x3cbr\\x3e\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Google Maps \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e API-\u043a\u043b\u044e\u0447\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"\u0421\u043b\u043e\u0439 ${layerType} \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c. \\x3cbr\\x3e\\x3cbr\\x3e\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.\\x3cbr\\x3e\\x3cbr\\x3e\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ${layerLib} \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e.\\x3cbr\\x3e\\x3cbr\\x3e\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0441\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n-\n-    'W': \"\u0417\",\n-\n-    'E': \"\u0412\",\n-\n-    'N': \"\u0421\",\n-\n-    'S': \"\u042e\",\n-\n-    'reprojectDeprecated': \"\u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044e \\'reproject\\' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439: \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442, \u043d\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0435\u0441\u0451\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u041c\u0435\u0440\u043a\u0430\u0442\u043e\u0440\u0430. \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"\u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0451\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/zh-CN.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"zh-CN\"]\n- * Dictionary for Simplified Chinese.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.WMTS\n+ * Instances of the WMTS class allow viewing of tiles from a service that \n+ *     implements the OGC WMTS specification version 1.0.0.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang[\"zh-CN\"] = {\n-\n-    'unhandledRequest': \"\u672a\u5904\u7406\u7684\u8bf7\u6c42\uff0c\u8fd4\u56de\u503c\u4e3a ${statusText}\",\n-\n-    'Permalink': \"\u6c38\u4e45\u94fe\u63a5\",\n-\n-    'Overlays': \"\u53e0\u52a0\u5c42\",\n-\n-    'Base Layer': \"\u57fa\u7840\u56fe\u5c42\",\n-\n-    'noFID': \"\u65e0\u6cd5\u66f4\u65b0feature\uff0c\u7f3a\u5c11FID\u3002\",\n+OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    'browserNotSupported': \"\u4f60\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u77e2\u91cf\u6e32\u67d3\u3002\u5f53\u524d\u652f\u6301\u7684\u6e32\u67d3\u65b9\u5f0f\u5305\u62ec\uff1a\\n${renderers}\",\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer will be considered a base layer.  Default is true.\n+     */\n+    isBaseLayer: true,\n \n-    // console message\n-    'minZoomLevelError': \"minZoomLevel\u5c5e\u6027\u4ec5\u9002\u5408\u7528\u4e8e\" +\n-        \"\u4f7f\u7528\u4e86\u56fa\u5b9a\u7f29\u653e\u7ea7\u522b\u7684\u56fe\u5c42\u3002\u8fd9\u4e2a \" +\n-        \"wfs \u56fe\u5c42\u68c0\u67e5 minZoomLevel \u662f\u8fc7\u53bb\u9057\u7559\u4e0b\u6765\u7684\u3002\" +\n-        \"\u7136\u800c\uff0c\u6211\u4eec\u4e0d\u80fd\u79fb\u9664\u5b83\uff0c\" +\n-        \"\u800c\u7834\u574f\u4f9d\u8d56\u4e8e\u5b83\u7684\u57fa\u4e8eOL\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\" +\n-        \"\u56e0\u6b64\uff0c\u6211\u4eec\u5e9f\u9664\u4e86\u5b83 -- minZoomLevel \" +\n-        \"\u5c06\u4f1a\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\u8bf7\u6539\u7528 \" +\n-        \"min/max resolution \u8bbe\u7f6e\uff0c\u53c2\u8003\uff1a\" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    /**\n+     * Property: version\n+     * {String} WMTS version.  Default is \"1.0.0\".\n+     */\n+    version: \"1.0.0\",\n \n-    'commitSuccess': \"WFS Transaction: \u6210\u529f\u3002 ${response}\",\n+    /**\n+     * APIProperty: requestEncoding\n+     * {String} Request encoding.  Can be \"REST\" or \"KVP\".  Default is \"KVP\".\n+     */\n+    requestEncoding: \"KVP\",\n \n-    'commitFailed': \"WFS Transaction: \u5931\u8d25\u3002 ${response}\",\n+    /**\n+     * APIProperty: url\n+     * {String|Array(String)} The base URL or request URL template for the WMTS\n+     * service. Must be provided. Array is only supported for base URLs, not\n+     * for request URL templates. URL templates are only supported for\n+     * REST <requestEncoding>.\n+     */\n+    url: null,\n \n-    'googleWarning': \"Google\u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" +\n-        \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" +\n-        \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" +\n-        \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542bGoogle\u5730\u56fe\u811a\u672c\u5e93\uff0c\" +\n-        \"\u6216\u8005\u662f\u6ca1\u6709\u5305\u542b\u5728\u4f60\u7684\u7ad9\u70b9\u4e0a\" +\n-        \"\u4f7f\u7528\u7684\u6b63\u786e\u7684Google Maps API\u5bc6\u5319\u3002<br><br>\" +\n-        \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+    /**\n+     * APIProperty: layer\n+     * {String} The layer identifier advertised by the WMTS service.  Must be \n+     *     provided.\n+     */\n+    layer: null,\n \n-    'getLayerWarning': \"${layerType} \u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" +\n-        \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" +\n-        \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" +\n-        \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542b\" +\n-        \"${layerLib} \u811a\u672c\u5e93\u3002<br><br>\" +\n-        \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+    /** \n+     * APIProperty: matrixSet\n+     * {String} One of the advertised matrix set identifiers.  Must be provided.\n+     */\n+    matrixSet: null,\n \n-    'Scale = 1 : ${scaleDenom}': \"\u6bd4\u4f8b\u5c3a = 1 : ${scaleDenom}\",\n+    /** \n+     * APIProperty: style\n+     * {String} One of the advertised layer styles.  Must be provided.\n+     */\n+    style: null,\n \n-    // console message\n-    'reprojectDeprecated': \"\u4f60\u6b63\u5728\u4f7f\u7528 ${layerName} \u56fe\u5c42\u4e0a\u7684'reproject'\u9009\u9879\u3002\" +\n-        \"\u8fd9\u4e2a\u9009\u9879\u5df2\u7ecf\u4e0d\u518d\u4f7f\u7528\uff1a\" +\n-        \"\u5b83\u662f\u88ab\u8bbe\u8ba1\u7528\u6765\u652f\u6301\u663e\u793a\u5546\u4e1a\u7684\u5730\u56fe\u6570\u636e\uff0c\" +\n-        \"\u4e0d\u8fc7\u73b0\u5728\u8be5\u529f\u80fd\u53ef\u4ee5\u901a\u8fc7\u4f7f\u7528Spherical Mercator\u6765\u5b9e\u73b0\u3002\" +\n-        \"\u66f4\u591a\u4fe1\u606f\u53ef\u4ee5\u53c2\u9605\" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /** \n+     * APIProperty: format\n+     * {String} The image MIME type.  Default is \"image/jpeg\".\n+     */\n+    format: \"image/jpeg\",\n \n-    // console message\n-    'methodDeprecated': \"\u8be5\u65b9\u6cd5\u5df2\u7ecf\u4e0d\u518d\u88ab\u652f\u6301\uff0c\u5e76\u4e14\u5c06\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\" +\n-        \"\u8bf7\u4f7f\u7528 ${newMethod} \u65b9\u6cd5\u6765\u66ff\u4ee3\u3002\",\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} The top-left corner of the tile matrix in map \n+     *     units.  If the tile origin for each matrix in a set is different,\n+     *     the <matrixIds> should include a topLeftCorner property.  If\n+     *     not provided, the tile origin will default to the top left corner\n+     *     of the layer <maxExtent>.\n+     */\n+    tileOrigin: null,\n \n-    'end': ''\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/fur.js\n-   ====================================================================== */\n+    /**\n+     * APIProperty: tileFullExtent\n+     * {<OpenLayers.Bounds>}  The full extent of the tile set.  If not supplied,\n+     *     the layer's <maxExtent> property will be used.\n+     */\n+    tileFullExtent: null,\n \n-/* Translators (2009 onwards):\n- *  - Klenje\n- */\n+    /**\n+     * APIProperty: formatSuffix\n+     * {String} For REST request encoding, an image format suffix must be \n+     *     included in the request.  If not provided, the suffix will be derived\n+     *     from the <format> property.\n+     */\n+    formatSuffix: null,\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+    /**\n+     * APIProperty: matrixIds\n+     * {Array} A list of tile matrix identifiers.  If not provided, the matrix\n+     *     identifiers will be assumed to be integers corresponding to the \n+     *     map zoom level.  If a list of strings is provided, each item should\n+     *     be the matrix identifier that corresponds to the map zoom level.\n+     *     Additionally, a list of objects can be provided.  Each object should\n+     *     describe the matrix as presented in the WMTS capabilities.  These\n+     *     objects should have the propertes shown below.\n+     * \n+     * Matrix properties:\n+     * identifier - {String} The matrix identifier (required).\n+     * scaleDenominator - {Number} The matrix scale denominator.\n+     * topLeftCorner - {<OpenLayers.LonLat>} The top left corner of the \n+     *     matrix.  Must be provided if different than the layer <tileOrigin>.\n+     * tileWidth - {Number} The tile width for the matrix.  Must be provided \n+     *     if different than the width given in the layer <tileSize>.\n+     * tileHeight - {Number} The tile height for the matrix.  Must be provided \n+     *     if different than the height given in the layer <tileSize>.\n+     */\n+    matrixIds: null,\n \n-/**\n- * Namespace: OpenLayers.Lang[\"fur\"]\n- * Dictionary for Furlan.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"fur\"] = OpenLayers.Util.applyDefaults({\n+    /**\n+     * APIProperty: dimensions\n+     * {Array} For RESTful request encoding, extra dimensions may be specified.\n+     *     Items in this list should be property names in the <params> object.\n+     *     Values of extra dimensions will be determined from the corresponding\n+     *     values in the <params> object.\n+     */\n+    dimensions: null,\n \n-    'Permalink': \"Leam Permanent\",\n+    /**\n+     * APIProperty: params\n+     * {Object} Extra parameters to include in tile requests.  For KVP \n+     *     <requestEncoding>, these properties will be encoded in the request \n+     *     query string.  For REST <requestEncoding>, these properties will\n+     *     become part of the request path, with order determined by the \n+     *     <dimensions> list.\n+     */\n+    params: null,\n \n-    'Overlays': \"Livei parsore\",\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Additionally, if this layer is to be used\n+     *     as an overlay and the cache has fewer zoom levels than the base\n+     *     layer, you can supply a negative zoomOffset.  For example, if a\n+     *     map zoom level of 1 corresponds to your cache level zero, you would\n+     *     supply a -1 zoomOffset (and set the maxResolution of the layer\n+     *     appropriately).  The zoomOffset value has no effect if complete\n+     *     matrix definitions (including scaleDenominator) are supplied in\n+     *     the <matrixIds> property.  Defaults to 0 (no zoom offset).\n+     */\n+    zoomOffset: 0,\n \n-    'Base Layer': \"Livel di base\",\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n-    'browserNotSupported': \"Il to sgarfad\u00f4r nol supuarte la renderizazion vetori\u00e2l. Al moment a son supuart\u00e2ts:\\n${renderers}\",\n+    /**\n+     * Property: formatSuffixMap\n+     * {Object} a map between WMTS 'format' request parameter and tile image file suffix\n+     */\n+    formatSuffixMap: {\n+        \"image/png\": \"png\",\n+        \"image/png8\": \"png\",\n+        \"image/png24\": \"png\",\n+        \"image/png32\": \"png\",\n+        \"png\": \"png\",\n+        \"image/jpeg\": \"jpg\",\n+        \"image/jpg\": \"jpg\",\n+        \"jpeg\": \"jpg\",\n+        \"jpg\": \"jpg\"\n+    },\n \n-    'Scale = 1 : ${scaleDenom}': \"Scjale = 1 : ${scaleDenom}\",\n+    /**\n+     * Property: matrix\n+     * {Object} Matrix definition for the current map resolution.  Updated by\n+     *     the <updateMatrixProperties> method.\n+     */\n+    matrix: null,\n \n-    'W': \"O\",\n+    /**\n+     * Constructor: OpenLayers.Layer.WMTS\n+     * Create a new WMTS layer.\n+     *\n+     * Example:\n+     * (code)\n+     * var wmts = new OpenLayers.Layer.WMTS({\n+     *     name: \"My WMTS Layer\",\n+     *     url: \"http://example.com/wmts\", \n+     *     layer: \"layer_id\",\n+     *     style: \"default\",\n+     *     matrixSet: \"matrix_id\"\n+     * });\n+     * (end)\n+     *\n+     * Parameters:\n+     * config - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * url - {String} The base url for the service.  See the <url> property.\n+     * layer - {String} The layer identifier.  See the <layer> property.\n+     * style - {String} The layer style identifier.  See the <style> property.\n+     * matrixSet - {String} The tile matrix set identifier.  See the <matrixSet>\n+     *     property.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n+     */\n+    initialize: function(config) {\n \n-    'E': \"E\",\n+        // confirm required properties are supplied\n+        var required = {\n+            url: true,\n+            layer: true,\n+            style: true,\n+            matrixSet: true\n+        };\n+        for (var prop in required) {\n+            if (!(prop in config)) {\n+                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\");\n+            }\n+        }\n \n-    'N': \"N\",\n+        config.params = OpenLayers.Util.upperCaseObject(config.params);\n+        var args = [config.name, config.url, config.params, config];\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n \n-    'S': \"S\"\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/nb.js\n-   ====================================================================== */\n+        // determine format suffix (for REST)\n+        if (!this.formatSuffix) {\n+            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop();\n+        }\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+        // expand matrixIds (may be array of string or array of object)\n+        if (this.matrixIds) {\n+            var len = this.matrixIds.length;\n+            if (len && typeof this.matrixIds[0] === \"string\") {\n+                var ids = this.matrixIds;\n+                this.matrixIds = new Array(len);\n+                for (var i = 0; i < len; ++i) {\n+                    this.matrixIds[i] = {\n+                        identifier: ids[i]\n+                    };\n+                }\n+            }\n+        }\n \n-/**\n- * Namespace: OpenLayers.Lang[\"nb\"]\n- * Dictionary for norwegian bokm\u00e5l (Norway). Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"nb\"] = {\n+    },\n \n-    'unhandledRequest': \"Ubehandlet foresp\u00f8rsel returnerte ${statusText}\",\n+    /**\n+     * Method: setMap\n+     */\n+    setMap: function() {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+    },\n \n-    'Permalink': \"Kobling til denne siden\",\n+    /**\n+     * Method: updateMatrixProperties\n+     * Called when map resolution changes to update matrix related properties.\n+     */\n+    updateMatrixProperties: function() {\n+        this.matrix = this.getMatrix();\n+        if (this.matrix) {\n+            if (this.matrix.topLeftCorner) {\n+                this.tileOrigin = this.matrix.topLeftCorner;\n+            }\n+            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n+                this.tileSize = new OpenLayers.Size(\n+                    this.matrix.tileWidth, this.matrix.tileHeight\n+                );\n+            }\n+            if (!this.tileOrigin) {\n+                this.tileOrigin = new OpenLayers.LonLat(\n+                    this.maxExtent.left, this.maxExtent.top\n+                );\n+            }\n+            if (!this.tileFullExtent) {\n+                this.tileFullExtent = this.maxExtent;\n+            }\n+        }\n+    },\n \n-    'Overlays': \"Kartlag\",\n+    /**\n+     * Method: moveTo\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+     *     do some init work in that case.\n+     * dragging - {Boolean}\n+     */\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        if (zoomChanged || !this.matrix) {\n+            this.updateMatrixProperties();\n+        }\n+        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments);\n+    },\n \n-    'Base Layer': \"Bakgrunnskart\",\n+    /**\n+     * APIMethod: clone\n+     * \n+     * Parameters:\n+     * obj - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.WMTS>} An exact clone of this <OpenLayers.Layer.WMTS>\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMTS(this.options);\n+        }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n+    },\n \n-    'noFID': \"Kan ikke oppdatere et feature (et objekt) som ikke har FID.\",\n+    /**\n+     * Method: getIdentifier\n+     * Get the current index in the matrixIds array.\n+     */\n+    getIdentifier: function() {\n+        return this.getServerZoom();\n+    },\n \n-    'browserNotSupported': \"Din nettleser st\u00f8tter ikke vektortegning. Tegnemetodene som st\u00f8ttes er:\\n${renderers}\",\n+    /**\n+     * Method: getMatrix\n+     * Get the appropriate matrix definition for the current map resolution.\n+     */\n+    getMatrix: function() {\n+        var matrix;\n+        if (!this.matrixIds || this.matrixIds.length === 0) {\n+            matrix = {\n+                identifier: this.getIdentifier()\n+            };\n+        } else {\n+            // get appropriate matrix given the map scale if possible\n+            if (\"scaleDenominator\" in this.matrixIds[0]) {\n+                // scale denominator calculation based on WMTS spec\n+                var denom =\n+                    OpenLayers.METERS_PER_INCH *\n+                    OpenLayers.INCHES_PER_UNIT[this.units] *\n+                    this.getServerResolution() / 0.28E-3;\n+                var diff = Number.POSITIVE_INFINITY;\n+                var delta;\n+                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n+                    delta = Math.abs(1 - (this.matrixIds[i].scaleDenominator / denom));\n+                    if (delta < diff) {\n+                        diff = delta;\n+                        matrix = this.matrixIds[i];\n+                    }\n+                }\n+            } else {\n+                // fall back on zoom as index\n+                matrix = this.matrixIds[this.getIdentifier()];\n+            }\n+        }\n+        return matrix;\n+    },\n \n-    // console message\n-    'minZoomLevelError': \"Egenskapen minZoomLevel er kun ment til bruk p\u00e5 lag \" +\n-        \"basert p\u00e5 FixedZoomLevels. At dette wfs-laget sjekker \" +\n-        \"minZoomLevel er en etterlevning fra tidligere versjoner. Det kan dog ikke \" +\n-        \"tas bort uten \u00e5 risikere at OL-baserte applikasjoner \" +\n-        \"slutter \u00e5 virke, s\u00e5 det er merket som foreldet: \" +\n-        \"minZoomLevel i sjekken nedenfor vil fjernes i 3.0. \" +\n-        \"Vennligst bruk innstillingene for min/maks oppl\u00f8sning \" +\n-        \"som er beskrevet her: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    /** \n+     * Method: getTileInfo\n+     * Get tile information for a given location at the current map resolution.\n+     *\n+     * Parameters:\n+     * loc - {<OpenLayers.LonLat} A location in map coordinates.\n+     *\n+     * Returns:\n+     * {Object} An object with \"col\", \"row\", \"i\", and \"j\" properties.  The col\n+     *     and row values are zero based tile indexes from the top left.  The\n+     *     i and j values are the number of pixels to the left and top \n+     *     (respectively) of the given location within the target tile.\n+     */\n+    getTileInfo: function(loc) {\n+        var res = this.getServerResolution();\n \n-    'commitSuccess': \"WFS-transaksjon: LYKTES ${response}\",\n+        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n+        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n \n-    'commitFailed': \"WFS-transaksjon: MISLYKTES ${response}\",\n+        var col = Math.floor(fx);\n+        var row = Math.floor(fy);\n \n-    'googleWarning': \"Google-laget kunne ikke lastes.<br><br>\" +\n-        \"Bytt til et annet bakgrunnslag i lagvelgeren i \" +\n-        \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" +\n-        \"Sannsynligvis for\u00e5rsakes feilen av at Google Maps-biblioteket \" +\n-        \"ikke er riktig inkludert p\u00e5 nettsiden, eller at det ikke er \" +\n-        \"angitt riktig API-n\u00f8kkel for nettstedet.<br><br>\" +\n-        \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>her</a>.\",\n+        return {\n+            col: col,\n+            row: row,\n+            i: Math.floor((fx - col) * this.tileSize.w),\n+            j: Math.floor((fy - row) * this.tileSize.h)\n+        };\n+    },\n \n-    'getLayerWarning': \"${layerType}-laget kunne ikke lastes.<br><br>\" +\n-        \"Bytt til et annet bakgrunnslag i lagvelgeren i \" +\n-        \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" +\n-        \"Sannsynligvis for\u00e5rsakes feilen av at \" +\n-        \"${layerLib}-biblioteket ikke var riktig inkludert \" +\n-        \"p\u00e5 nettsiden.<br><br>\" +\n-        \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>her</a>.\",\n+    /**\n+     * Method: getURL\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {String} A URL for the tile corresponding to the given bounds.\n+     */\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var url = \"\";\n+        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n \n-    'Scale = 1 : ${scaleDenom}': \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n+            var center = bounds.getCenterLonLat();\n+            var info = this.getTileInfo(center);\n+            var matrixId = this.matrix.identifier;\n+            var dimensions = this.dimensions,\n+                params;\n \n-    // console message\n-    'reprojectDeprecated': \"Du bruker innstillingen 'reproject' p\u00e5 laget ${layerName}. \" +\n-        \"Denne innstillingen er foreldet, den var ment for \u00e5 st\u00f8tte \" +\n-        \"visning av kartdata over kommersielle bakgrunnskart, men det \" +\n-        \"b\u00f8r n\u00e5 gj\u00f8res med st\u00f8tten for Spherical Mercator. Mer informasjon \" +\n-        \"finnes p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+            if (OpenLayers.Util.isArray(this.url)) {\n+                url = this.selectUrl([\n+                    this.version, this.style, this.matrixSet,\n+                    this.matrix.identifier, info.row, info.col\n+                ].join(\",\"), this.url);\n+            } else {\n+                url = this.url;\n+            }\n \n-    // console message\n-    'methodDeprecated': \"Denne metoden er markert som foreldet og vil bli fjernet i 3.0. \" +\n-        \"Vennligst bruk ${newMethod} i stedet.\",\n+            if (this.requestEncoding.toUpperCase() === \"REST\") {\n+                params = this.params;\n+                if (url.indexOf(\"{\") !== -1) {\n+                    var template = url.replace(/\\{/g, \"${\");\n+                    var context = {\n+                        // spec does not make clear if capital S or not\n+                        style: this.style,\n+                        Style: this.style,\n+                        TileMatrixSet: this.matrixSet,\n+                        TileMatrix: this.matrix.identifier,\n+                        TileRow: info.row,\n+                        TileCol: info.col\n+                    };\n+                    if (dimensions) {\n+                        var dimension, i;\n+                        for (i = dimensions.length - 1; i >= 0; --i) {\n+                            dimension = dimensions[i];\n+                            context[dimension] = params[dimension.toUpperCase()];\n+                        }\n+                    }\n+                    url = OpenLayers.String.format(template, context);\n+                } else {\n+                    // include 'version', 'layer' and 'style' in tile resource url\n+                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n \n-    'end': ''\n-};\n+                    // append optional dimension path elements\n+                    if (dimensions) {\n+                        for (var i = 0; i < dimensions.length; i++) {\n+                            if (params[dimensions[i]]) {\n+                                path = path + params[dimensions[i]] + \"/\";\n+                            }\n+                        }\n+                    }\n \n-OpenLayers.Lang[\"no\"] = OpenLayers.Lang[\"nb\"];\n-/* ======================================================================\n-    OpenLayers/Lang/io.js\n-   ====================================================================== */\n+                    // append other required path elements\n+                    path = path + this.matrixSet + \"/\" + this.matrix.identifier +\n+                        \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n \n-/* Translators (2009 onwards):\n- *  - Malafaya\n- */\n+                    if (!url.match(/\\/$/)) {\n+                        url = url + \"/\";\n+                    }\n+                    url = url + path;\n+                }\n+            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+                // assemble all required parameters\n+                params = {\n+                    SERVICE: \"WMTS\",\n+                    REQUEST: \"GetTile\",\n+                    VERSION: this.version,\n+                    LAYER: this.layer,\n+                    STYLE: this.style,\n+                    TILEMATRIXSET: this.matrixSet,\n+                    TILEMATRIX: this.matrix.identifier,\n+                    TILEROW: info.row,\n+                    TILECOL: info.col,\n+                    FORMAT: this.format\n+                };\n+                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params]);\n \n-/**\n- * Namespace: OpenLayers.Lang[\"io\"]\n- * Dictionary for Ido.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"io\"] = OpenLayers.Util.applyDefaults({\n+            }\n+        }\n+        return url;\n+    },\n \n-    'Scale = 1 : ${scaleDenom}': \"Skalo = 1 : ${scaleDenom}\"\n+    /**\n+     * APIMethod: mergeNewParams\n+     * Extend the existing layer <params> with new properties.  Tiles will be\n+     *     reloaded with updated params in the request.\n+     * \n+     * Parameters:\n+     * newParams - {Object} Properties to extend to existing <params>.\n+     */\n+    mergeNewParams: function(newParams) {\n+        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(\n+                this, [OpenLayers.Util.upperCaseObject(newParams)]\n+            );\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/ja.js\n+    OpenLayers/Layer/GeoRSS.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Fryed-peach\n- *  - Mage Whopper\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"ja\"]\n- * Dictionary for \u65e5\u672c\u8a9e.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"ja\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"\u672a\u51e6\u7406\u306e\u8981\u6c42\u306f ${statusText} \u3092\u8fd4\u3057\u307e\u3059\",\n-\n-    'Permalink': \"\u30d1\u30fc\u30de\u30ea\u30f3\u30af\",\n-\n-    'Overlays': \"\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\",\n-\n-    'Base Layer': \"\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\",\n-\n-    'noFID': \"FID \u306e\u306a\u3044\u5730\u7269\u306f\u66f4\u65b0\u3067\u304d\u307e\u305b\u3093\u3002\",\n-\n-    'browserNotSupported': \"\u3042\u306a\u305f\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u30d9\u30af\u30bf\u30fc\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u306e\u63cf\u5199\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u73fe\u6642\u70b9\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u3067\u3059\u3002\\n${renderers}\",\n-\n-    'minZoomLevelError': \"minZoomLevel \u30d7\u30ed\u30d1\u30c6\u30a3\u306f FixedZoomLevels \u3092\u7d99\u627f\u3059\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u4f7f\u7528\u306e\u307f\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e minZoomLevel \u306b\u5bfe\u3059\u308b WFS \u30ec\u30a4\u30e4\u30fc\u306e\u691c\u67fb\u306f\u6b74\u53f2\u7684\u306a\u3082\u306e\u3067\u3059\u3002\u3057\u304b\u3057\u306a\u304c\u3089\u3001\u3053\u306e\u691c\u67fb\u3092\u9664\u53bb\u3059\u308b\u3068\u305d\u308c\u306b\u4f9d\u5b58\u3059\u308b OpenLayers \u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7834\u58ca\u3057\u3066\u3057\u307e\u3046\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u3088\u3063\u3066\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e minZoomLevel \u691c\u67fb\u306f\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b\u3001http://trac.openlayers.org/wiki/SettingZoomLevels \u3067\u89e3\u8aac\u3055\u308c\u3066\u3044\u308b\u3001\u6700\u5c0f\u304a\u3088\u3073\u6700\u5927\u89e3\u50cf\u5ea6\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-\n-    'commitSuccess': \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u6210\u529f ${response}\",\n-\n-    'commitFailed': \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u5931\u6557 ${response}\",\n-\n-    'googleWarning': \"Google \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f Google \u30de\u30c3\u30d7\u7528\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u304b\u3001\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8\u306b\u5bfe\u5fdc\u3059\u308b\u6b63\u3057\u3044 API \u30ad\u30fc\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b\\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3e\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad\\x3c/a\\x3e\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-\n-    'getLayerWarning': \"${layerType} \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f ${layerLib} \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6b63\u3057\u304f\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002\\x3cbr\\x3e\\x3cbr\\x3e\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b\\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3e\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad\\x3c/a\\x3e\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"\u7e2e\u5c3a = 1 : ${scaleDenom}\",\n-\n-    'W': \"\u897f\",\n-\n-    'E': \"\u6771\",\n-\n-    'N': \"\u5317\",\n-\n-    'S': \"\u5357\",\n-\n-    'reprojectDeprecated': \"\u3042\u306a\u305f\u306f\u300c${layerName}\u300d\u30ec\u30a4\u30e4\u30fc\u3067 reproject \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5546\u7528\u306e\u57fa\u5e95\u5730\u56f3\u4e0a\u306b\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u76ee\u7684\u3067\u8a2d\u8a08\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u73fe\u5728\u3067\u306f\u305d\u306e\u6a5f\u80fd\u306f Spherical Mercator \u30b5\u30dd\u30fc\u30c8\u3092\u5229\u7528\u3057\u3066\u5b9f\u73fe\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u4f7f\u7528\u306f\u975e\u63a8\u5968\u3067\u3059\u3002\u8ffd\u52a0\u306e\u60c5\u5831\u306f http://trac.openlayers.org/wiki/SphericalMercator \u3067\u5165\u624b\u3067\u304d\u307e\u3059\u3002\",\n-\n-    'methodDeprecated': \"\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b ${newMethod} \u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/gl.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/* Translators (2009 onwards):\n- *  - Toli\u00f1o\n- */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Markers.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"gl\"]\n- * Dictionary for Galego.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.GeoRSS\n+ * Add GeoRSS Point features to your map. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.Lang[\"gl\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Solicitude non xerada; a resposta foi: ${statusText}\",\n-\n-    'Permalink': \"Ligaz\u00f3n permanente\",\n-\n-    'Overlays': \"Capas superpostas\",\n-\n-    'Base Layer': \"Capa base\",\n-\n-    'noFID': \"Non se pode actualizar a funcionalidade para a que non hai FID.\",\n-\n-    'browserNotSupported': \"O seu navegador non soporta a renderizaci\u00f3n de vectores. Os renderizadores soportados actualmente son:\\n${renderers}\",\n+OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n \n-    'minZoomLevelError': \"A propiedade minZoomLevel \u00e9 s\u00f3 para uso conxuntamente coas capas FixedZoomLevels-descendent. O feito de que esa capa wfs verifique o minZoomLevel \u00e9 unha reliquia do pasado. Non podemos, con todo, eliminala sen a posibilidade de non romper as aplicaci\u00f3ns baseadas en OL que poidan depender dela. Por iso a estamos deixando obsoleta (a comprobaci\u00f3n minZoomLevel de embaixo ser\u00e1 eliminada na versi\u00f3n 3.0). Por favor, no canto diso use o axuste de resoluci\u00f3n m\u00edn/m\u00e1x tal e como est\u00e1 descrito aqu\u00ed: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    /** \n+     * Property: location \n+     * {String} store url of text file \n+     */\n+    location: null,\n \n-    'commitSuccess': \"Transacci\u00f3n WFS: \u00c9XITO ${response}\",\n+    /** \n+     * Property: features \n+     * {Array(<OpenLayers.Feature>)} \n+     */\n+    features: null,\n \n-    'commitFailed': \"Transacci\u00f3n WFS: FALLIDA ${response}\",\n+    /**\n+     * APIProperty: formatOptions\n+     * {Object} Hash of options which should be passed to the format when it is\n+     * created. Must be passed in the constructor.\n+     */\n+    formatOptions: null,\n \n-    'googleWarning': \"A capa do Google non puido cargarse correctamente.\\x3cbr\\x3e\\x3cbr\\x3ePara evitar esta mensaxe, escolla unha nova capa base no seleccionador de capas na marxe superior dereita.\\x3cbr\\x3e\\x3cbr\\x3eProbablemente, isto acontece porque a escritura da librar\u00eda do Google Maps ou ben non foi inclu\u00edda ou ben non cont\u00e9n a clave API correcta para o seu sitio.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: para axudar a facer funcionar isto correctamente, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3epremede aqu\u00ed\\x3c/a\\x3e\",\n+    /** \n+     * Property: selectedFeature \n+     * {<OpenLayers.Feature>} \n+     */\n+    selectedFeature: null,\n \n-    'getLayerWarning': \"A capa ${layerType} foi incapaz de cargarse correctamente.\\x3cbr\\x3e\\x3cbr\\x3ePara evitar esta mensaxe, escolla unha nova capa base no seleccionador de capas na marxe superior dereita.\\x3cbr\\x3e\\x3cbr\\x3eProbablemente, isto acontece porque a escritura da librar\u00eda ${layerLib} non foi ben inclu\u00edda.\\x3cbr\\x3e\\x3cbr\\x3eDesenvolvedores: para axudar a facer funcionar isto correctamente, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3epremede aqu\u00ed\\x3c/a\\x3e\",\n+    /** \n+     * APIProperty: icon \n+     * {<OpenLayers.Icon>}. This determines the Icon to be used on the map\n+     * for this GeoRSS layer.\n+     */\n+    icon: null,\n \n-    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n+    /**\n+     * APIProperty: popupSize\n+     * {<OpenLayers.Size>} This determines the size of GeoRSS popups. If \n+     * not provided, defaults to 250px by 120px. \n+     */\n+    popupSize: null,\n \n-    'W': \"O\",\n+    /** \n+     * APIProperty: useFeedTitle \n+     * {Boolean} Set layer.name to the first <title> element in the feed. Default is true. \n+     */\n+    useFeedTitle: true,\n \n-    'E': \"L\",\n+    /**\n+     * Constructor: OpenLayers.Layer.GeoRSS\n+     * Create a GeoRSS Layer.\n+     *\n+     * Parameters:\n+     * name - {String} \n+     * location - {String} \n+     * options - {Object}\n+     */\n+    initialize: function(name, location, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n+        this.location = location;\n+        this.features = [];\n+    },\n \n-    'N': \"N\",\n+    /**\n+     * Method: destroy \n+     */\n+    destroy: function() {\n+        // Warning: Layer.Markers.destroy() must be called prior to calling\n+        // clearFeatures() here, otherwise we leak memory. Indeed, if\n+        // Layer.Markers.destroy() is called after clearFeatures(), it won't be\n+        // able to remove the marker image elements from the layer's div since\n+        // the markers will have been destroyed by clearFeatures().\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null;\n+    },\n \n-    'S': \"S\",\n+    /**\n+     * Method: loadRSS\n+     * Start the load of the RSS data. Don't do this when we first add the layer,\n+     * since we may not be visible at any point, and it would therefore be a waste.\n+     */\n+    loadRSS: function() {\n+        if (!this.loaded) {\n+            this.events.triggerEvent(\"loadstart\");\n+            OpenLayers.Request.GET({\n+                url: this.location,\n+                success: this.parseData,\n+                scope: this\n+            });\n+            this.loaded = true;\n+        }\n+    },\n \n-    'reprojectDeprecated': \"Est\u00e1 usando a opci\u00f3n \\\"reproject\\\" na capa ${layerName}. Esta opci\u00f3n est\u00e1 obsoleta: o seu uso foi dese\u00f1ado para a visualizaci\u00f3n de datos sobre mapas base comerciais, pero esta funcionalidade debera agora ser obtida utilizando a proxecci\u00f3n Spherical Mercator. Hai dispo\u00f1ible m\u00e1is informaci\u00f3n en http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * Method: moveTo\n+     * If layer is visible and RSS has not been loaded, load RSS. \n+     * \n+     * Parameters:\n+     * bounds - {Object} \n+     * zoomChanged - {Object} \n+     * minor - {Object} \n+     */\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadRSS();\n+        }\n+    },\n \n-    'methodDeprecated': \"Este m\u00e9todo est\u00e1 obsoleto e ser\u00e1 eliminado na versi\u00f3n 3.0. Por favor, no canto deste use ${newMethod}.\"\n+    /**\n+     * Method: parseData\n+     * Parse the data returned from the Events call.\n+     *\n+     * Parameters:\n+     * ajaxRequest - {<OpenLayers.Request.XMLHttpRequest>} \n+     */\n+    parseData: function(ajaxRequest) {\n+        var doc = ajaxRequest.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText);\n+        }\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/pl.js\n-   ====================================================================== */\n+        if (this.useFeedTitle) {\n+            var name = null;\n+            try {\n+                name = doc.getElementsByTagNameNS('*', 'title')[0].firstChild.nodeValue;\n+            } catch (e) {\n+                try {\n+                    name = doc.getElementsByTagName('title')[0].firstChild.nodeValue;\n+                } catch (e) {}\n+            }\n+            if (name) {\n+                this.setName(name);\n+            }\n+        }\n \n-/* Translators:\n- *  - Arkadiusz Grabka\n- */\n+        var options = {};\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+        OpenLayers.Util.extend(options, this.formatOptions);\n \n-/**\n- * Namespace: OpenLayers.Lang[\"pl\"]\n- * Dictionary for Polish.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"pl\"] = OpenLayers.Util.applyDefaults({\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject();\n+        }\n \n-    'unhandledRequest': \"Nieobs\u0142ugiwane \u017c\u0105danie zwr\u00f3ci\u0142o ${statusText}\",\n+        var format = new OpenLayers.Format.GeoRSS(options);\n+        var features = format.read(doc);\n \n-    'Permalink': \"Permalink\",\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n \n-    'Overlays': \"Nak\u0142adki\",\n+            // we don't support features with no geometry in the GeoRSS\n+            // layer at this time. \n+            if (!feature.geometry) {\n+                continue;\n+            }\n \n-    'Base Layer': \"Warstwa podstawowa\",\n+            var title = feature.attributes.title ?\n+                feature.attributes.title : \"Untitled\";\n \n-    'noFID': \"Nie mo\u017cna zaktualizowa\u0107 funkcji, dla kt\u00f3rych nie ma FID.\",\n+            var description = feature.attributes.description ?\n+                feature.attributes.description : \"No description.\";\n \n-    'browserNotSupported': \"Twoja przegl\u0105darka nie obs\u0142uguje renderowania wektor\u00f3w. Obecnie obs\u0142ugiwane renderowanie to:\\n${renderers}\",\n+            var link = feature.attributes.link ? feature.attributes.link : \"\";\n \n-    // console message\n-    'minZoomLevelError': \"W\u0142a\u015bciwo\u015b\u0107 minZoomLevel jest przeznaczona tylko do u\u017cytku \" +\n-        \"z warstwami FixedZoomLevels-descendent.\" +\n-        \"Warstwa wfs, kt\u00f3ra sprawdza minZoomLevel jest reliktem przesz\u0142o\u015bci.\" +\n-        \"Nie mo\u017cemy jej jednak usun\u0105c bez mozliwo\u015bci \u0142amania OL aplikacji, \" +\n-        \"kt\u00f3re mog\u0105 by\u0107 od niej zale\u017cne. \" +\n-        \"Dlatego jeste\u015bmy za deprecjacj\u0119 -- minZoomLevel \" +\n-        \"zostanie usuni\u0119ta w wersji 3.0. W zamian prosze u\u017cyj \" +\n-        \"min/max rozdzielczo\u015bci w spos\u00f3b opisany tutaj: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+            var location = feature.geometry.getBounds().getCenterLonLat();\n \n-    'commitSuccess': \"Transakcja WFS: SUKCES ${response}\",\n \n-    'commitFailed': \"Transakcja WFS: FAILED ${response}\",\n+            data.icon = this.icon == null ?\n+                OpenLayers.Marker.defaultIcon() :\n+                this.icon.clone();\n \n-    'googleWarning': \"Warstwa Google nie by\u0142 w stanie za\u0142adowa\u0107 si\u0119 poprawnie.<br><br>\" +\n-        \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" +\n-        \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" +\n-        \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka Google Maps \" +\n-        \"nie jest za\u0142adowana, lub nie zawiera poprawnego klucza do API dla twojej strony<br><br>\" +\n-        \"Programisto: Aby uzyska\u0107 pomoc , \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>kliknij tutaj</a>\",\n+            data.popupSize = this.popupSize ?\n+                this.popupSize.clone() :\n+                new OpenLayers.Size(250, 120);\n \n-    'getLayerWarning': \"Warstwa ${layerType} nie mog\u0142a zosta\u0107 za\u0142adowana poprawnie.<br><br>\" +\n-        \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" +\n-        \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" +\n-        \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka ${layerLib} \" +\n-        \"nie jest za\u0142adowana, lub mo\u017ce(o ile biblioteka tego wymaga) \" +\n-        \"byc potrzebny klucza do API dla twojej strony<br><br>\" +\n-        \"Programisto: Aby uzyska\u0107 pomoc , \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>kliknij tutaj</a>\",\n+            if (title || description) {\n+                // we have supplemental data, store them.\n+                data.title = title;\n+                data.description = description;\n \n-    'Scale = 1 : ${scaleDenom}': \"Skala = 1 : ${scaleDenom}\",\n+                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n+                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n+                if (link) {\n+                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">';\n+                }\n+                contentHTML += title;\n+                if (link) {\n+                    contentHTML += '</a>';\n+                }\n+                contentHTML += '</div>';\n+                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n+                contentHTML += description;\n+                contentHTML += '</div>';\n+                data['popupContentHTML'] = contentHTML;\n+            }\n+            var feature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(feature);\n+            var marker = feature.createMarker();\n+            marker.events.register('click', feature, this.markerClick);\n+            this.addMarker(marker);\n+        }\n+        this.events.triggerEvent(\"loadend\");\n+    },\n \n-    //labels for the graticule control\n-    'W': 'ZACH',\n-    'E': 'WSCH',\n-    'N': 'PN',\n-    'S': 'PD',\n-    'Graticule': 'Siatka',\n+    /**\n+     * Method: markerClick\n+     *\n+     * Parameters:\n+     * evt - {Event} \n+     */\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = (this == this.layer.selectedFeature);\n+        this.layer.selectedFeature = (!sameMarkerClicked) ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i]);\n+        }\n+        if (!sameMarkerClicked) {\n+            var popup = this.createPopup();\n+            OpenLayers.Event.observe(popup.div, \"click\",\n+                OpenLayers.Function.bind(function() {\n+                    for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+                        this.layer.map.removePopup(this.layer.map.popups[i]);\n+                    }\n+                }, this)\n+            );\n+            this.layer.map.addPopup(popup);\n+        }\n+        OpenLayers.Event.stop(evt);\n+    },\n \n-    // console message\n-    'reprojectDeprecated': \"w warstwie ${layerName} u\u017cywasz opcji 'reproject'. \" +\n-        \"Ta opcja jest przestarza\u0142a: \" +\n-        \"jej zastosowanie zosta\u0142 zaprojektowany, aby wspiera\u0107 wy\u015bwietlania danych przez komercyjne mapy, \" +\n-        \"jednak obecnie ta funkcjonalno\u015b\u0107 powinien zosta\u0107 osi\u0105gni\u0119ty za pomoc\u0105 Spherical Mercator \" +\n-        \"its use was designed to support displaying data over commercial. Wi\u0119cje informacji na ten temat mo\u017cesz znale\u017a\u0107 na stronie \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * Method: clearFeatures\n+     * Destroy all features in this layer.\n+     */\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy();\n+            }\n+        }\n+    },\n \n-    // console message\n-    'methodDeprecated': \"Ta metoda jest przestarza\u0142a i b\u0119dzie usuni\u0119ta od wersji 3.0. \" +\n-        \"W zamian u\u017cyj ${newMethod}.\"\n+    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/en.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"en\"]\n- * Dictionary for English.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang.en = {\n-\n-    'unhandledRequest': \"Unhandled request return ${statusText}\",\n-\n-    'Permalink': \"Permalink\",\n-\n-    'Overlays': \"Overlays\",\n-\n-    'Base Layer': \"Base Layer\",\n-\n-    'noFID': \"Can't update a feature for which there is no FID.\",\n-\n-    'browserNotSupported': \"Your browser does not support vector rendering. Currently supported renderers are:\\n${renderers}\",\n-\n-    // console message\n-    'minZoomLevelError': \"The minZoomLevel property is only intended for use \" +\n-        \"with the FixedZoomLevels-descendent layers. That this \" +\n-        \"wfs layer checks for minZoomLevel is a relic of the\" +\n-        \"past. We cannot, however, remove it without possibly \" +\n-        \"breaking OL based applications that may depend on it.\" +\n-        \" Therefore we are deprecating it -- the minZoomLevel \" +\n-        \"check below will be removed at 3.0. Please instead \" +\n-        \"use min/max resolution setting as described here: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS Transaction: SUCCESS ${response}\",\n-\n-    'commitFailed': \"WFS Transaction: FAILED ${response}\",\n-\n-    'googleWarning': \"The Google Layer was unable to load correctly.<br><br>\" +\n-        \"To get rid of this message, select a new BaseLayer \" +\n-        \"in the layer switcher in the upper-right corner.<br><br>\" +\n-        \"Most likely, this is because the Google Maps library \" +\n-        \"script was either not included, or does not contain the \" +\n-        \"correct API key for your site.<br><br>\" +\n-        \"Developers: For help getting this working correctly, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>click here</a>\",\n-\n-    'getLayerWarning': \"The ${layerType} Layer was unable to load correctly.<br><br>\" +\n-        \"To get rid of this message, select a new BaseLayer \" +\n-        \"in the layer switcher in the upper-right corner.<br><br>\" +\n-        \"Most likely, this is because the ${layerLib} library \" +\n-        \"script was not correctly included.<br><br>\" +\n-        \"Developers: For help getting this working correctly, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>click here</a>\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Scale = 1 : ${scaleDenom}\",\n-\n-    //labels for the graticule control\n-    'W': 'W',\n-    'E': 'E',\n-    'N': 'N',\n-    'S': 'S',\n-    'Graticule': 'Graticule',\n-\n-    // console message\n-    'reprojectDeprecated': \"You are using the 'reproject' option \" +\n-        \"on the ${layerName} layer. This option is deprecated: \" +\n-        \"its use was designed to support displaying data over commercial \" +\n-        \"basemaps, but that functionality should now be achieved by using \" +\n-        \"Spherical Mercator support. More information is available from \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    // console message\n-    'methodDeprecated': \"This method has been deprecated and will be removed in 3.0. \" +\n-        \"Please use ${newMethod} instead.\",\n-\n-    // **** end ****\n-    'end': ''\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/en-CA.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang/en.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"en-CA\"]\n- * Dictionary for English-CA.  This dictionary inherits from the standard\n- *     English dictionary.  Override only those entries with language specific\n- *     to the CA region.\n- *     \n- * Keys for entries are used in calls to <OpenLayers.Lang.translate>.  Entry\n- *     bodies are normal strings or strings formatted for use with\n- *     <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang['en-CA'] = OpenLayers.Util.applyDefaults({\n-\n-    // add any entries specific for this region here\n-    // e.g.\n-    // \"someKey\": \"Some regionally specific value\"\n-\n-}, OpenLayers.Lang[\"en\"]);\n-/* ======================================================================\n-    OpenLayers/Lang/el.js\n+    OpenLayers/Layer/XYZ.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Omnipaedista\n- */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n-/**\n- * Namespace: OpenLayers.Lang[\"el\"]\n- * Dictionary for \u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+/** \n+ * Class: OpenLayers.Layer.XYZ\n+ * The XYZ class is designed to make it easier for people who have tiles\n+ * arranged by a standard XYZ grid. \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang[\"el\"] = OpenLayers.Util.applyDefaults({\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    'Scale = 1 : ${scaleDenom}': \"\u039a\u03bb\u03af\u03bc\u03b1\u03ba\u03b1 ~ 1 : ${scaleDenom}\"\n+    /**\n+     * APIProperty: isBaseLayer\n+     * Default is true, as this is designed to be a base tile source. \n+     */\n+    isBaseLayer: true,\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/hr.js\n-   ====================================================================== */\n+    /**\n+     * APIProperty: sphericalMercator\n+     * Whether the tile extents should be set to the defaults for \n+     *    spherical mercator. Useful for things like OpenStreetMap.\n+     *    Default is false, except for the OSM subclass.\n+     */\n+    sphericalMercator: false,\n \n-/* Translators (2009 onwards):\n- *  - Mvrban\n- */\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n-/**\n- * Namespace: OpenLayers.Lang[\"hr\"]\n- * Dictionary for Hrvatski.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"hr\"] = OpenLayers.Util.applyDefaults({\n+    /**\n+     * Constructor: OpenLayers.Layer.XYZ\n+     *\n+     * Parameters:\n+     * name - {String}\n+     * url - {String}\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n+     */\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options);\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name || this.name, url || this.url, {},\n+            options\n+        ]);\n+    },\n \n-    'unhandledRequest': \"Nepodr\u017eani zahtjev ${statusText}\",\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n+     *\n+     * Parameters:\n+     * obj - {Object} Is this ever used?\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.XYZ>} An exact clone of this OpenLayers.Layer.XYZ\n+     */\n+    clone: function(obj) {\n \n-    'Permalink': \"Permalink\",\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name,\n+                this.url,\n+                this.getOptions());\n+        }\n \n-    'Overlays': \"Overlays\",\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    'Base Layer': \"Osnovna karta\",\n+        return obj;\n+    },\n \n-    'noFID': \"Ne mogu a\u017eurirati zna\u010dajku za koju ne postoji FID.\",\n+    /**\n+     * Method: getURL\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n+     */\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = '' + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url);\n+        }\n \n-    'browserNotSupported': \"Va\u0161 preglednik ne podr\u017eava vektorsko renderiranje. Trenutno podr\u017eani rendereri su: ${renderers}\",\n+        return OpenLayers.String.format(url, xyz);\n+    },\n \n-    'commitSuccess': \"WFS Transakcija: USPJE\u0160NA ${response}\",\n+    /**\n+     * Method: getXYZ\n+     * Calculates x, y and z for the given bounds.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {Object} - an object with x, y and z properties.\n+     */\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) /\n+            (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) /\n+            (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n \n-    'commitFailed': \"WFS Transakcija: NEUSPJE\u0160NA ${response}\",\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = ((x % limit) + limit) % limit;\n+        }\n \n-    'Scale = 1 : ${scaleDenom}': \"Mjerilo = 1 : ${scaleDenom}\",\n+        return {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        };\n+    },\n \n-    'methodDeprecated': \"Ova metoda nije odobrena i biti \u0107e maknuta u 3.0. Koristite ${newMethod}.\"\n+    /* APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left,\n+                this.maxExtent.bottom);\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/id.js\n+    OpenLayers/Layer/TMS.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Irwangatot\n- *  - IvanLanin\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"id\"]\n- * Dictionary for Bahasa Indonesia.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"id\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Permintaan yang tak tertangani menghasilkan ${statusText}\",\n-\n-    'Permalink': \"Pranala permanen\",\n-\n-    'Overlays': \"Hamparan\",\n-\n-    'Base Layer': \"Lapisan Dasar\",\n-\n-    'noFID': \"Tidak dapat memperbarui fitur yang tidak memiliki FID.\",\n-\n-    'browserNotSupported': \"Peramban Anda tidak mendukung penggambaran vektor. Penggambar yang didukung saat ini adalah:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Properti minZoomLevel hanya ditujukan bekerja dengan lapisan FixedZoomLevels-descendent. Pengecekan minZoomLevel oleh lapisan wfs adalah peninggalan masa lalu. Kami tidak dapat menghapusnya tanpa kemungkinan merusak aplikasi berbasis OL yang mungkin bergantung padanya. Karenanya, kami menganggapnya tidak berlaku -- Cek minZoomLevel di bawah ini akan dihapus pada 3.0. Silakan gunakan penyetelan resolusi min/maks seperti dijabarkan di sini: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS Transaksi: BERHASIL ${respon}\",\n-\n-    'commitFailed': \"WFS Transaksi: GAGAL ${respon}\",\n-\n-    'googleWarning': \"Lapisan Google tidak dapat dimuat dengan benar.\\x3cbr\\x3e\\x3cbr\\x3eUntuk menghilangkan pesan ini, pilih suatu BaseLayer baru melalui penukar lapisan (layer switcher) di ujung kanan atas.\\x3cbr\\x3e\\x3cbr\\x3eKemungkinan besar ini karena pustaka skrip Google Maps tidak disertakan atau tidak mengandung kunci API yang tepat untuk situs Anda.\\x3cbr\\x3e\\x3cbr\\x3ePengembang: Untuk bantuan mengatasi masalah ini, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklik di sini\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"Lapisan ${layerType} tidak dapat dimuat dengan benar.\\x3cbr\\x3e\\x3cbr\\x3eUntuk menghilangkan pesan ini, pilih suatu BaseLayer baru melalui penukar lapisan (layer switcher) di ujung kanan atas.\\x3cbr\\x3e\\x3cbr\\x3eKemungkinan besar ini karena pustaka skrip Google Maps tidak disertakan dengan benar.\\x3cbr\\x3e\\x3cbr\\x3ePengembang: Untuk bantuan mengatasi masalah ini, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik di sini\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Sekala = 1 : ${scaleDenom}\",\n-\n-    'W': \"B\",\n-\n-    'E': \"T\",\n-\n-    'N': \"U\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Anda menggunakan opsi \\'reproject\\' pada lapisan ${layerName}. Opsi ini telah ditinggalkan: penggunaannya dirancang untuk mendukung tampilan data melalui peta dasar komersial, tapi fungsionalitas tersebut saat ini harus dilakukan dengan menggunakan dukungan Spherical Mercator. Informasi lebih lanjut tersedia di http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Metode ini telah usang dan akan dihapus di 3.0. Sebaliknya, harap gunakan ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/te.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/* Translators (2009 onwards):\n- *  - Veeven\n- */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"te\"]\n- * Dictionary for \u0c24\u0c46\u0c32\u0c41\u0c17\u0c41.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.TMS\n+ * Create a layer for accessing tiles from services that conform with the \n+ *     Tile Map Service Specification \n+ *     (http://wiki.osgeo.org/wiki/Tile_Map_Service_Specification).\n+ *\n+ * Example:\n+ * (code)\n+ *     var layer = new OpenLayers.Layer.TMS(\n+ *         \"My Layer\", // name for display in LayerSwitcher\n+ *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\", // service endpoint\n+ *         {layername: \"basic\", type: \"png\"} // required properties\n+ *     );\n+ * (end)\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang[\"te\"] = OpenLayers.Util.applyDefaults({\n-\n-    'Permalink': \"\u0c38\u0c4d\u0c25\u0c3f\u0c30\u0c32\u0c3f\u0c02\u0c15\u0c41\",\n-\n-    'W': \"\u0c2a\",\n-\n-    'E': \"\u0c24\u0c42\",\n-\n-    'N': \"\u0c09\",\n+OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    'S': \"\u0c26\"\n+    /**\n+     * APIProperty: serviceVersion\n+     * {String} Service version for tile requests.  Default is \"1.0.0\".\n+     */\n+    serviceVersion: \"1.0.0\",\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/nds.js\n-   ====================================================================== */\n+    /**\n+     * APIProperty: layername\n+     * {String} The identifier for the <TileMap> as advertised by the service.  \n+     *     For example, if the service advertises a <TileMap> with \n+     *    'href=\"http://tms.osgeo.org/1.0.0/vmap0\"', the <layername> property \n+     *     would be set to \"vmap0\".\n+     */\n+    layername: null,\n \n-/* Translators (2009 onwards):\n- *  - Slomox\n- */\n+    /**\n+     * APIProperty: type\n+     * {String} The format extension corresponding to the requested tile image\n+     *     type.  This is advertised in a <TileFormat> element as the \n+     *     \"extension\" attribute.  For example, if the service advertises a \n+     *     <TileMap> with <TileFormat width=\"256\" height=\"256\" mime-type=\"image/jpeg\" extension=\"jpg\" />,\n+     *     the <type> property would be set to \"jpg\".\n+     */\n+    type: null,\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Make this layer a base layer.  Default is true.  Set false to\n+     *     use the layer as an overlay.\n+     */\n+    isBaseLayer: true,\n \n-/**\n- * Namespace: OpenLayers.Lang[\"nds\"]\n- * Dictionary for Plattd\u00fc\u00fctsch.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"nds\"] = OpenLayers.Util.applyDefaults({\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} Optional origin for aligning the grid of tiles.\n+     *     If provided, requests for tiles at all resolutions will be aligned\n+     *     with this location (no tiles shall overlap this location).  If\n+     *     not provided, the grid of tiles will be aligned with the bottom-left\n+     *     corner of the map's <maxExtent>.  Default is ``null``.\n+     *\n+     * Example:\n+     * (code)\n+     *     var layer = new OpenLayers.Layer.TMS(\n+     *         \"My Layer\",\n+     *         \"http://tilecache.osgeo.org/wms-c/Basic.py/\",\n+     *         {\n+     *             layername: \"basic\", \n+     *             type: \"png\",\n+     *             // set if different than the bottom left of map.maxExtent\n+     *             tileOrigin: new OpenLayers.LonLat(-180, -90)\n+     *         }\n+     *     );\n+     * (end)\n+     */\n+    tileOrigin: null,\n \n-    'unhandledRequest': \"Unbehannelt Tr\u00fcchmellels f\u00f6r de Anfraag ${statusText}\",\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer; you can also look at <zoomOffset>, which is\n+     *     an alternative to <serverResolutions> for that specific purpose.\n+     *     (b) The map can work with resolutions that aren't supported by\n+     *     the server, i.e. that aren't in <serverResolutions>. When the\n+     *     map is displayed in such a resolution data for the closest\n+     *     server-supported resolution is loaded and the layer div is\n+     *     stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n-    'Permalink': \"Permalink\",\n+    /**\n+     * APIProperty: zoomOffset\n+     * {Number} If your cache has more zoom levels than you want to provide\n+     *     access to with this layer, supply a zoomOffset.  This zoom offset\n+     *     is added to the current map zoom level to determine the level\n+     *     for a requested tile.  For example, if you supply a zoomOffset\n+     *     of 3, when the map is at the zoom 0, tiles will be requested from\n+     *     level 3 of your cache.  Default is 0 (assumes cache level and map\n+     *     zoom are equivalent).  Using <zoomOffset> is an alternative to\n+     *     setting <serverResolutions> if you only want to expose a subset\n+     *     of the server resolutions.\n+     */\n+    zoomOffset: 0,\n \n-    'Overlays': \"Overlays\",\n+    /**\n+     * Constructor: OpenLayers.Layer.TMS\n+     * \n+     * Parameters:\n+     * name - {String} Title to be displayed in a <OpenLayers.Control.LayerSwitcher>\n+     * url - {String} Service endpoint (without the version number).  E.g.\n+     *     \"http://tms.osgeo.org/\".\n+     * options - {Object} Additional properties to be set on the layer.  The\n+     *     <layername> and <type> properties must be set here.\n+     */\n+    initialize: function(name, url, options) {\n+        var newArguments = [];\n+        newArguments.push(name, url, {}, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+    },\n \n-    'Base Layer': \"Achtergrundkoort\",\n+    /**\n+     * APIMethod: clone\n+     * Create a complete copy of this layer.\n+     *\n+     * Parameters:\n+     * obj - {Object} Should only be provided by subclasses that call this\n+     *     method.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.TMS>} An exact clone of this <OpenLayers.Layer.TMS>\n+     */\n+    clone: function(obj) {\n \n-    'noFID': \"En Feature, dat keen FID hett, kann nich aktuell maakt warrn.\",\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TMS(this.name,\n+                this.url,\n+                this.getOptions());\n+        }\n \n-    'browserNotSupported': \"Dien Browser \u00fcnnerst\u00fctt keen Vektorbiller. \u00dcnnerst\u00fctt Renderers:\\n${renderers}\",\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    'commitSuccess': \"WFS-Transakschoon: hett klappt ${response}\",\n+        // copy/set any non-init, non-simple values here\n \n-    'commitFailed': \"WFS-Transakschoon: hett nich klappt ${response}\",\n+        return obj;\n+    },\n \n-    'Scale = 1 : ${scaleDenom}': \"Skaal = 1 : ${scaleDenom}\",\n+    /**\n+     * Method: getURL\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n+     */\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n+        }\n+        return url + path;\n+    },\n \n-    'methodDeprecated': \"Disse Methood is oold un schall dat in 3.0 nich mehr geven. Bruuk dor man beter ${newMethod} f\u00f6r.\"\n+    /** \n+     * Method: setMap\n+     * When the layer is added to a map, then we can fetch our origin \n+     *    (if we don't have one.) \n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n+     */\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n+                this.map.maxExtent.bottom);\n+        }\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/es.js\n-   ====================================================================== */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"es\"]\n- * Dictionary for Spanish, UTF8 encoding. Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang.es = {\n-\n-    'unhandledRequest': \"Respuesta a petici\u00f3n no gestionada ${statusText}\",\n-\n-    'Permalink': \"Enlace permanente\",\n-\n-    'Overlays': \"Capas superpuestas\",\n-\n-    'Base Layer': \"Capa Base\",\n-\n-    'noFID': \"No se puede actualizar un elemento para el que no existe FID.\",\n-\n-    'browserNotSupported': \"Su navegador no soporta renderizaci\u00f3n vectorial. Los renderizadores soportados actualmente son:\\n${renderers}\",\n-\n-    // console message\n-    'minZoomLevelError': \"La propiedad minZoomLevel debe s\u00f3lo utilizarse \" +\n-        \"con las capas que tienen FixedZoomLevels. El hecho de que \" +\n-        \"una capa wfs compruebe minZoomLevel es una reliquia del \" +\n-        \"pasado. Sin embargo, no podemos eliminarla sin discontinuar \" +\n-        \"probablemente las aplicaciones OL que puedan depender de ello. \" +\n-        \"As\u00ed pues estamos haci\u00e9ndolo obsoleto --la comprobaci\u00f3n \" +\n-        \"minZoomLevel se eliminar\u00e1 en la versi\u00f3n 3.0. Utilice el ajuste \" +\n-        \"de resolution min/max en su lugar, tal como se describe aqu\u00ed: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transacci\u00f3n WFS: \u00c9XITO ${response}\",\n-\n-    'commitFailed': \"Transacci\u00f3n WFS: FALL\u00d3 ${response}\",\n-\n-    'googleWarning': \"La capa Google no pudo ser cargada correctamente.<br><br>\" +\n-        \"Para evitar este mensaje, seleccione una nueva Capa Base \" +\n-        \"en el selector de capas en la esquina superior derecha.<br><br>\" +\n-        \"Probablemente, esto se debe a que el script de la biblioteca de \" +\n-        \"Google Maps no fue correctamente incluido en su p\u00e1gina, o no \" +\n-        \"contiene la clave del API correcta para su sitio.<br><br>\" +\n-        \"Desarrolladores: Para ayudar a hacer funcionar esto correctamente, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>haga clic aqu\u00ed</a>\",\n-\n-    'getLayerWarning': \"La capa ${layerType} no pudo ser cargada correctamente.<br><br>\" +\n-        \"Para evitar este mensaje, seleccione una nueva Capa Base \" +\n-        \"en el selector de capas en la esquina superior derecha.<br><br>\" +\n-        \"Probablemente, esto se debe a que el script de \" +\n-        \"la biblioteca ${layerLib} \" +\n-        \"no fue correctamente incluido en su p\u00e1gina.<br><br>\" +\n-        \"Desarrolladores: Para ayudar a hacer funcionar esto correctamente, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>haga clic aqu\u00ed</a>\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Escala = 1 : ${scaleDenom}\",\n-\n-    //labels for the graticule control\n-    'W': 'O',\n-    'E': 'E',\n-    'N': 'N',\n-    'S': 'S',\n-    'Graticule': 'Ret\u00edcula',\n-\n-    // console message\n-    'reprojectDeprecated': \"Est\u00e1 usando la opci\u00f3n 'reproject' en la capa \" +\n-        \"${layerName}. Esta opci\u00f3n es obsoleta: su uso fue dise\u00f1ado \" +\n-        \"para soportar la visualizaci\u00f3n de datos sobre mapas base comerciales, \" +\n-        \"pero ahora esa funcionalidad deber\u00eda conseguirse mediante el soporte \" +\n-        \"de la proyecci\u00f3n Spherical Mercator. M\u00e1s informaci\u00f3n disponible en \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    // console message\n-    'methodDeprecated': \"Este m\u00e9todo es obsoleto y se eliminar\u00e1 en la versi\u00f3n 3.0. \" +\n-        \"Por favor utilice el m\u00e9todo ${newMethod} en su lugar.\",\n-\n-    // **** end ****\n-    'end': ''\n-\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/nl.js\n+    OpenLayers/Layer/KaMap.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Siebrand\n- */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n \n /**\n- * Namespace: OpenLayers.Lang[\"nl\"]\n- * Dictionary for Nederlands.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n-OpenLayers.Lang[\"nl\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Het verzoek is niet afgehandeld met de volgende melding: ${statusText}\",\n-\n-    'Permalink': \"Permanente verwijzing\",\n-\n-    'Overlays': \"Overlays\",\n-\n-    'Base Layer': \"Achtergrondkaart\",\n-\n-    'noFID': \"Een optie die geen FID heeft kan niet bijgewerkt worden.\",\n-\n-    'browserNotSupported': \"Uw browser ondersteunt het weergeven van vectoren niet.\\nMomenteel ondersteunde weergavemogelijkheden:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"De eigenschap minZoomLevel is alleen bedoeld voor gebruik lagen met die afstammen van FixedZoomLevels-lagen.\\nDat deze WFS-laag minZoomLevel controleert, is een overblijfsel uit het verleden.\\nWe kunnen deze controle echter niet verwijderen zonder op OL gebaseerde applicaties die hervan afhankelijk zijn stuk te maken.\\nDaarom heeft deze functionaliteit de eigenschap \\'deprecated\\' gekregen - de minZoomLevel wordt verwijderd in versie 3.0.\\nGebruik in plaats van deze functie de mogelijkheid om min/max voor resolutie in te stellen zoals op de volgende pagina wordt beschreven:\\nhttp://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"WFS-transactie: succesvol ${response}\",\n-\n-    'commitFailed': \"WFS-transactie: mislukt ${response}\",\n-\n-    'googleWarning': \"De Google-Layer kon niet correct geladen worden.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct ingevoegd is.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOntwikkelaars: \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik hier\\x3c/a\\x3e om dit werkend te krijgen.\",\n-\n-    'getLayerWarning': \"De laag ${layerType} kon niet goed geladen worden.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct is ingevoegd.\\x3cbr /\\x3e\\x3cbr /\\x3e\\nOntwikkelaars: \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklik hier\\x3c/a\\x3e om dit werkend te krijgen.\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Schaal = 1 : ${scaleDenom}\",\n-\n-    'W': \"W\",\n-\n-    'E': \"O\",\n-\n-    'N': \"N\",\n-\n-    'S': \"Z\",\n-\n-    'reprojectDeprecated': \"U gebruikt de optie \\'reproject\\' op de laag ${layerName}.\\nDeze optie is vervallen: deze optie was ontwikkeld om gegevens over commerci\u00eble basiskaarten weer te geven, maar deze functionaliteit wordt nu bereikt door ondersteuning van Spherical Mercator.\\nMeer informatie is beschikbaar op http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Deze methode is verouderd en wordt verwijderd in versie 3.0.\\nGebruik ${newMethod}.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/ro.js\n-   ====================================================================== */\n \n /**\n- * @requires OpenLayers/Lang.js\n- */\n-/**\n- * Namespace: OpenLayers.Lang[\"ro\"]\n- * Dictionary for Romanian.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.KaMap\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang.ro = {\n-    'unhandledRequest': \"Cerere nesolu\u021bionat\u0103 return ${statusText}\",\n-    'Permalink': \"Legatur\u0103 permanent\u0103\",\n-    'Overlays': \"Straturi vector\",\n-    'Base Layer': \"Straturi de baz\u0103\",\n-    'noFID': \"Nu pot actualiza un feature pentru care nu exist\u0103 FID.\",\n-    'browserNotSupported': \"Browserul t\u0103u nu suport\u0103 afi\u0219area vectorilor. Supoetul curent pentru randare:\\n${renderers}\",\n-    // console message\n-    'minZoomLevelError': \"Proprietatea minZoomLevel este doar pentru a fi folosit\u0103 \" +\n-        \"cu straturile FixedZoomLevels-descendent. De aceea acest \" +\n-        \"strat wfs verific\u0103 dac\u0103 minZoomLevel este o relicv\u0103\" +\n-        \". Nu \u00eel putem , oricum, \u00eenl\u0103tura f\u0103r\u0103 \" +\n-        \"a afecta aplica\u021biile Openlayers care depind de ea.\" +\n-        \" De aceea consider\u0103m depreciat -- minZoomLevel \" +\n-        \"\u0219i \u00eel vom \u00eenl\u0103tura \u00een 3.0. Folose\u0219te \" +\n-        \"min/max resolution cum este descris\u0103 aici: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    'commitSuccess': \"Tranzac\u021bie WFS: SUCCES ${response}\",\n-    'commitFailed': \"Tranzac\u021bie WFS : E\u0218EC ${response}\",\n-    'googleWarning': \"Stratul Google nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" +\n-        \"Pentru a elimina acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" +\n-        \"\u00een Layerswitcher din col\u021bul dreata-sus.<br><br>\" +\n-        \"Asta datorit\u0103, faptului c\u0103 Google Maps library \" +\n-        \"script nu este inclus, sau nu con\u021bine \" +\n-        \"cheia API corect\u0103 pentru situl t\u0103u.<br><br>\" +\n-        \"Developeri: Pentru ajutor, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>ap\u0103sa\u021bi aici</a>\",\n-    'getLayerWarning': \"Stratul ${layerType} nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" +\n-        \"pentru a \u00eenl\u0103tura acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" +\n-        \"Acesta eroare apare de obicei c\u00e2nd ${layerLib} library \" +\n-        \"script nu a fost \u00eenc\u0103rcat corect.<br><br>\" +\n-        \"Developeri: Pentru ajutor privind utilizarea corect\u0103, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>apas\u0103 aici</a>\",\n-    'Scale = 1 : ${scaleDenom}': \"Scara = 1 : ${scaleDenom}\",\n-    //labels for the graticule control\n-    'W': 'V',\n-    'E': 'E',\n-    'N': 'N',\n-    'S': 'S',\n-    'Graticule': 'Graticule',\n-    // console message\n-    'reprojectDeprecated': \"folose\u0219ti op\u021biunea 'reproject' \" +\n-        \"pentru stratul ${layerName} . Aceast\u0103 op\u021biune este depreciat\u0103: \" +\n-        \"a fost utilizat\u0103 pentru afi\u0219area straturilor de baz\u0103 comerciale \" +\n-        \"Mai multe informa\u021bii despre proiec\u021bia Mercator sunt disponibile aici \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    // console message\n-    'methodDeprecated': \"Aceast\u0103 metod\u0103 este depreciat\u0103 \u0219i va fi \u00eenl\u0103turat\u0103 in versiunea 3.0. \" +\n-        \"folose\u0219te metoda ${newMethod}.\",\n-    // **** end ****\n-    'end': ''\n-};\n-/* ======================================================================\n-    OpenLayers/Lang/sk.js\n-   ====================================================================== */\n+OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-/* Translators (2009 onwards):\n- *  - Helix84\n- */\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} KaMap Layer is always a base layer \n+     */\n+    isBaseLayer: true,\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+    /**\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} parameters set by default. The default parameters set \n+     * the format via the 'i' parameter to 'jpeg'.    \n+     */\n+    DEFAULT_PARAMS: {\n+        i: 'jpeg',\n+        map: ''\n+    },\n \n-/**\n- * Namespace: OpenLayers.Lang[\"sk\"]\n- * Dictionary for Sloven\u010dina.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"sk\"] = OpenLayers.Util.applyDefaults({\n+    /**\n+     * Constructor: OpenLayers.Layer.KaMap\n+     * \n+     * Parameters:\n+     * name - {String}\n+     * url - {String}\n+     * params - {Object} Parameters to be sent to the HTTP server in the\n+     *    query string for the tile. The format can be set via the 'i'\n+     *    parameter (defaults to jpg) , and the map should be set via \n+     *    the 'map' parameter. It has been reported that ka-Map may behave\n+     *    inconsistently if your format parameter does not match the format\n+     *    parameter configured in your config.php. (See ticket #327 for more\n+     *    information.)\n+     * options - {Object} Additional options for the layer. Any of the \n+     *     APIProperties listed on this layer, and any layer types it\n+     *     extends, can be overridden through the options parameter. \n+     */\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        this.params = OpenLayers.Util.applyDefaults(\n+            this.params, this.DEFAULT_PARAMS\n+        );\n+    },\n \n-    'unhandledRequest': \"Neobsl\u00fa\u017een\u00e9 po\u017eiadavky vracaj\u00fa ${statusText}\",\n+    /**\n+     * Method: getURL\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * \n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n+     */\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        return this.getFullRequestString({\n+            t: pY,\n+            l: pX,\n+            s: scale\n+        });\n+    },\n \n-    'Permalink': \"Trval\u00fd odkaz\",\n+    /** \n+     * Method: calculateGridLayout\n+     * ka-Map uses the center point of the map as an origin for \n+     * its tiles. Override calculateGridLayout to center tiles \n+     * correctly for this case.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bound>}\n+     * origin - {<OpenLayers.LonLat>}\n+     * resolution - {Number}\n+     *\n+     * Returns:\n+     * {Object} Object containing properties tilelon, tilelat, startcol,\n+     * startrow\n+     */\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n \n-    'Overlays': \"Prekrytia\",\n+        var offsetlon = bounds.left;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n \n-    'Base Layer': \"Z\u00e1kladn\u00e1 vrstva\",\n+        var offsetlat = bounds.top;\n+        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n \n-    'noFID': \"Nie je mo\u017en\u00e9 aktualizova\u0165 vlastnos\u0165, pre ktor\u00fa neexistuje FID.\",\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        };\n+    },\n \n-    'browserNotSupported': \"V\u00e1\u0161 prehliada\u010d nepodporuje vykres\u013eovanie vektorov. Moment\u00e1lne podporovan\u00e9 vykres\u013eova\u010de s\u00fa:\\n${renderers}\",\n+    /**\n+     * Method: getTileBoundsForGridIndex\n+     *\n+     * Parameters:\n+     * row - {Number} The row of the grid\n+     * col - {Number} The column of the grid\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} The bounds for the tile at (row, col)\n+     */\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var minX = (tileLayout.startcol + col) * tilelon;\n+        var minY = (tileLayout.startrow - row) * tilelat;\n+        return new OpenLayers.Bounds(\n+            minX, minY,\n+            minX + tilelon, minY + tilelat\n+        );\n+    },\n \n-    'minZoomLevelError': \"Vlastnos\u0165 minZoomLevel je ur\u010den\u00fd iba na pou\u017eitie s vrstvami odvoden\u00fdmi od FixedZoomLevels. To, \u017ee t\u00e1to wfs vrstva kontroluje minZoomLevel je pozostatok z minulosti. Nem\u00f4\u017eeme ho v\u0161ak odstr\u00e1ni\u0165, aby sme sa vyhli mo\u017en\u00e9mu poru\u0161eniu aplik\u00e1ci\u00ed zalo\u017een\u00fdch na Open Layers, ktor\u00e9 na tomto m\u00f4\u017ee z\u00e1visie\u0165. Preto ho ozna\u010dujeme ako zavrhovan\u00fd - dolu uveden\u00e1 kontrola minZoomLevel bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto toho kontrolu min./max. rozl\u00ed\u0161enia pod\u013ea tu uveden\u00e9ho popisu: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    /**\n+     * APIMethod: clone\n+     * \n+     * Parameters: \n+     * obj - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.Kamap>} An exact clone of this OpenLayers.Layer.KaMap\n+     */\n+    clone: function(obj) {\n \n-    'commitSuccess': \"Transakcia WFS: \u00daSPE\u0160N\u00c1 ${response}\",\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.KaMap(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n+        }\n \n-    'commitFailed': \"Transakcia WFS: ZLYHALA ${response}\",\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    'googleWarning': \"Vrstvu Google nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.\\x3cbr\\x3e\\x3cbr\\x3eAby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.\\x3cbr\\x3e\\x3cbr\\x3eToto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice Google Maps bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3epomoc so sfunk\u010dnen\u00edm\\x3c/a\\x3e\",\n+        // copy/set any non-init, non-simple values here\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone();\n+        }\n \n-    'getLayerWarning': \"Vrstvu ${layerType} nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.\\x3cbr\\x3e\\x3cbr\\x3eAby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.\\x3cbr\\x3e\\x3cbr\\x3eToto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice ${layerType} bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.\\x3cbr\\x3e\\x3cbr\\x3eV\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerType}\\' target=\\'_blank\\'\\x3epomoc so sfunk\u010dnen\u00edm\\x3c/a\\x3e\",\n+        // we do not want to copy reference to grid, so we make a new array\n+        obj.grid = [];\n \n-    'Scale = 1 : ${scaleDenom}': \"Mierka = 1 : ${scaleDenom}\",\n+        return obj;\n+    },\n \n-    'reprojectDeprecated': \"Pou\u017e\u00edvate vo\u013eby \u201ereproject\u201c vrstvy ${layerType}. T\u00e1to vo\u013eba je zzavrhovan\u00e1: jej pou\u017eitie bolo navrhnut\u00e9 na podporu zobrazovania \u00fadajov nad komer\u010dn\u00fdmi z\u00e1kladov\u00fdmi mapami, ale t\u00fato funkcionalitu je teraz mo\u017en\u00e9 dosiahnu\u0165 pomocou Spherical Mercator. \u010eal\u0161ie inform\u00e1cie z\u00edskate na str\u00e1nke http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * APIMethod: getTileBounds\n+     * Returns The tile bounds for a layer given a pixel location.\n+     *\n+     * Parameters:\n+     * viewPortPx - {<OpenLayers.Pixel>} The location in the viewport.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>} Bounds of the tile at the given pixel location.\n+     */\n+    getTileBounds: function(viewPortPx) {\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n+        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n+        return new OpenLayers.Bounds(tileLeft, tileBottom,\n+            tileLeft + tileMapWidth,\n+            tileBottom + tileMapHeight);\n+    },\n \n-    'methodDeprecated': \"T\u00e1to met\u00f3da je zavrhovan\u00e1 a bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto nej met\u00f3du ${newMethod}.\"\n+    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/fr.js\n+    OpenLayers/Tile/UTFGrid.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Damouns\n- *  - IAlex\n- */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n \n /**\n- * Namespace: OpenLayers.Lang[\"fr\"]\n- * Dictionary for Fran\u00e7ais.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * @requires OpenLayers/Tile.js\n+ * @requires OpenLayers/Format/JSON.js\n+ * @requires OpenLayers/Request.js\n  */\n-OpenLayers.Lang[\"fr\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Requ\u00eate non g\u00e9r\u00e9e, retournant ${statusText}\",\n-\n-    'Permalink': \"Permalien\",\n-\n-    'Overlays': \"Calques\",\n-\n-    'Base Layer': \"Calque de base\",\n-\n-    'noFID': \"Impossible de mettre \u00e0 jour un objet sans identifiant (fid).\",\n-\n-    'browserNotSupported': \"Votre navigateur ne supporte pas le rendu vectoriel. Les renderers actuellement support\u00e9s sont : \\n${renderers}\",\n-\n-    'minZoomLevelError': \"La propri\u00e9t\u00e9 minZoomLevel doit seulement \u00eatre utilis\u00e9e pour des couches FixedZoomLevels-descendent. Le fait que cette couche WFS v\u00e9rifie la pr\u00e9sence de minZoomLevel est une relique du pass\u00e9. Nous ne pouvons toutefois la supprimer sans casser des applications qui pourraient en d\u00e9pendre. C\\'est pourquoi nous la d\u00e9pr\u00e9cions -- la v\u00e9rification du minZoomLevel sera supprim\u00e9e en version 3.0. A la place, merci d\\'utiliser les param\u00e8tres de r\u00e9solutions min/max tel que d\u00e9crit sur : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-\n-    'commitSuccess': \"Transaction WFS : SUCCES ${response}\",\n-\n-    'commitFailed': \"Transaction WFS : ECHEC ${response}\",\n-\n-    'googleWarning': \"La couche Google n\\'a pas \u00e9t\u00e9 en mesure de se charger correctement.\\x3cbr\\x3e\\x3cbr\\x3ePour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.\\x3cbr\\x3e\\x3cbr\\x3eCela est possiblement caus\u00e9 par la non-inclusion de la librairie Google Maps, ou alors parce que la cl\u00e9 de l\\'API ne correspond pas \u00e0 votre site.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e9veloppeurs : pour savoir comment corriger ceci, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3ecliquez ici\\x3c/a\\x3e\",\n-\n-    'getLayerWarning': \"La couche ${layerType} n\\'est pas en mesure de se charger correctement.\\x3cbr\\x3e\\x3cbr\\x3ePour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.\\x3cbr\\x3e\\x3cbr\\x3eCela est possiblement caus\u00e9 par la non-inclusion de la librairie ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eD\u00e9veloppeurs : pour savoir comment corriger ceci, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3ecliquez ici\\x3c/a\\x3e\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Echelle ~ 1 : ${scaleDenom}\",\n-\n-    'W': \"O\",\n-\n-    'E': \"E\",\n-\n-    'N': \"N\",\n-\n-    'S': \"S\",\n-\n-    'reprojectDeprecated': \"Vous utilisez l\\'option \\'reproject\\' sur la couche ${layerName}. Cette option est d\u00e9pr\u00e9ci\u00e9e : Son usage permettait d\\'afficher des donn\u00e9es au dessus de couches raster commerciales.Cette fonctionalit\u00e9 est maintenant support\u00e9e en utilisant le support de la projection Mercator Sph\u00e9rique. Plus d\\'information est disponible sur http://trac.openlayers.org/wiki/SphericalMercator.\",\n-\n-    'methodDeprecated': \"Cette m\u00e9thode est d\u00e9pr\u00e9ci\u00e9e, et sera supprim\u00e9e \u00e0 la version 3.0. Merci d\\'utiliser ${newMethod} \u00e0 la place.\"\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/da-DK.js\n-   ====================================================================== */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * Class: OpenLayers.Tile.UTFGrid\n+ * Instances of OpenLayers.Tile.UTFGrid are used to manage \n+ * UTFGrids. This is an unusual tile type in that it doesn't have a\n+ * rendered image; only a 'hit grid' that can be used to \n+ * look up feature attributes.\n+ *\n+ * See the <OpenLayers.Tile.UTFGrid> constructor for details on constructing a\n+ * new instance.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Tile>\n  */\n+OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n \n-/**\n- * Namespace: OpenLayers.Lang[\"da-DK\"]\n- * Dictionary for Danish.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang['da-DK'] = {\n+    /** \n+     * Property: url\n+     * {String}\n+     * The URL of the UTFGrid file being requested. Provided by the <getURL>\n+     *     method. \n+     */\n+    url: null,\n \n-    'unhandledRequest': \"En ikke h\u00e5ndteret foresp\u00f8rgsel returnerede ${statusText}\",\n+    /**\n+     * Property: utfgridResolution\n+     * {Number}\n+     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n+     *     entry in the grid represents a 4x4 block of pixels, the \n+     *     utfgridResolution would be 4.  Default is 2.\n+     */\n+    utfgridResolution: 2,\n \n-    'Permalink': \"Permalink\",\n+    /** \n+     * Property: json\n+     * {Object}\n+     * Stores the parsed JSON tile data structure. \n+     */\n+    json: null,\n \n-    'Overlays': \"Kortlag\",\n+    /** \n+     * Property: format\n+     * {OpenLayers.Format.JSON}\n+     * Parser instance used to parse JSON for cross browser support.  The native\n+     *     JSON.parse method will be used where available (all except IE<8).\n+     */\n+    format: null,\n \n-    'Base Layer': \"Baggrundslag\",\n+    /** \n+     * Constructor: OpenLayers.Tile.UTFGrid\n+     * Constructor for a new <OpenLayers.Tile.UTFGrid> instance.\n+     * \n+     * Parameters:\n+     * layer - {<OpenLayers.Layer>} layer that the tile will go in.\n+     * position - {<OpenLayers.Pixel>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     * url - {<String>} Deprecated. Remove me in 3.0.\n+     * size - {<OpenLayers.Size>}\n+     * options - {Object}\n+     */\n \n-    'noFID': \"Kan ikke opdateret en feature (et objekt) der ikke har et FID.\",\n+    /** \n+     * APIMethod: destroy\n+     * Clean up.\n+     */\n+    destroy: function() {\n+        this.clear();\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments);\n+    },\n \n-    'browserNotSupported': \"Din browser underst\u00f8tter ikke vektor visning. F\u00f8lgende vektor visninger underst\u00f8ttes:\\n${renderers}\",\n+    /**\n+     * Method: draw\n+     * Check that a tile should be drawn, and draw it.\n+     * In the case of UTFGrids, \"drawing\" it means fetching and\n+     * parsing the json. \n+     * \n+     * Returns:\n+     * {Boolean} Was a tile drawn?\n+     */\n+    draw: function() {\n+        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (drawn) {\n+            if (this.isLoading) {\n+                this.abortLoading();\n+                //if we're already loading, send 'reload' instead of 'loadstart'.\n+                this.events.triggerEvent(\"reload\");\n+            } else {\n+                this.isLoading = true;\n+                this.events.triggerEvent(\"loadstart\");\n+            }\n+            this.url = this.layer.getURL(this.bounds);\n \n-    // console message\n-    'minZoomLevelError': \"Egenskaben minZoomLevel er kun beregnet til brug \" +\n-        \"med FixedZoomLevels. At dette WFS lag kontrollerer \" +\n-        \"minZoomLevel egenskaben, er et levn fra en tidligere \" +\n-        \"version. Vi kan desv\u00e6rre ikke fjerne dette uden at risikere \" +\n-        \"at \u00f8del\u00e6gge eksisterende OL baserede programmer der \" +\n-        \" benytter denne funktionalitet. \" +\n-        \"Egenskaben b\u00f8r derfor ikke anvendes, og minZoomLevel \" +\n-        \"kontrollen herunder vil blive fjernet i version 3.0. \" +\n-        \"Benyt istedet min/max opl\u00f8snings indstillingerne, som \" +\n-        \"er beskrevet her: \" +\n-        \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+            if (this.layer.useJSONP) {\n+                // Use JSONP method to avoid xbrowser policy\n+                var ols = new OpenLayers.Protocol.Script({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        this.json = response.data;\n+                    },\n+                    scope: this\n+                });\n+                ols.read();\n+                this.request = ols;\n+            } else {\n+                // Use standard XHR\n+                this.request = OpenLayers.Request.GET({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        if (response.status === 200) {\n+                            this.parseData(response.responseText);\n+                        }\n+                    },\n+                    scope: this\n+                });\n+            }\n+        } else {\n+            this.unload();\n+        }\n+        return drawn;\n+    },\n \n-    'commitSuccess': \"WFS transaktion: LYKKEDES ${response}\",\n+    /**\n+     * Method: abortLoading\n+     * Cancel a pending request.\n+     */\n+    abortLoading: function() {\n+        if (this.request) {\n+            this.request.abort();\n+            delete this.request;\n+        }\n+        this.isLoading = false;\n+    },\n \n-    'commitFailed': \"WFS transaktion: MISLYKKEDES ${response}\",\n+    /**\n+     * Method: getFeatureInfo\n+     * Get feature information associated with a pixel offset.  If the pixel\n+     *     offset corresponds to a feature, the returned object will have id\n+     *     and data properties.  Otherwise, null will be returned.\n+     *     \n+     *\n+     * Parameters:\n+     * i - {Number} X-axis pixel offset (from top left of tile)\n+     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     *\n+     * Returns:\n+     * {Object} Object with feature id and data properties corresponding to the \n+     *     given pixel offset.\n+     */\n+    getFeatureInfo: function(i, j) {\n+        var info = null;\n+        if (this.json) {\n+            var id = this.getFeatureId(i, j);\n+            if (id !== null) {\n+                info = {\n+                    id: id,\n+                    data: this.json.data[id]\n+                };\n+            }\n+        }\n+        return info;\n+    },\n \n-    'googleWarning': \"Google laget kunne ikke indl\u00e6ses.<br><br>\" +\n-        \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" +\n-        \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" +\n-        \"Fejlen skyldes formentlig at Google Maps bibliotekts \" +\n-        \"scriptet ikke er inkluderet, eller ikke indeholder den \" +\n-        \"korrkte API n\u00f8gle for dit site.<br><br>\" +\n-        \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/Google' \" +\n-        \"target='_blank'>klik her</a>\",\n+    /**\n+     * Method: getFeatureId\n+     * Get the identifier for the feature associated with a pixel offset.\n+     *\n+     * Parameters:\n+     * i - {Number} X-axis pixel offset (from top left of tile)\n+     * j - {Number} Y-axis pixel offset (from top left of tile)\n+     *\n+     * Returns:\n+     * {Object} The feature identifier corresponding to the given pixel offset.\n+     *     Returns null if pixel doesn't correspond to a feature.\n+     */\n+    getFeatureId: function(i, j) {\n+        var id = null;\n+        if (this.json) {\n+            var resolution = this.utfgridResolution;\n+            var row = Math.floor(j / resolution);\n+            var col = Math.floor(i / resolution);\n+            var charCode = this.json.grid[row].charCodeAt(col);\n+            var index = this.indexFromCharCode(charCode);\n+            var keys = this.json.keys;\n+            if (!isNaN(index) && (index in keys)) {\n+                id = keys[index];\n+            }\n+        }\n+        return id;\n+    },\n \n-    'getLayerWarning': \"${layerType}-laget kunne ikke indl\u00e6ses.<br><br>\" +\n-        \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" +\n-        \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" +\n-        \"Fejlen skyldes formentlig at ${layerLib} bibliotekts \" +\n-        \"scriptet ikke er inkluderet.<br><br>\" +\n-        \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" +\n-        \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" +\n-        \"target='_blank'>klik her</a>\",\n+    /**\n+     * Method: indexFromCharCode\n+     * Given a character code for one of the UTFGrid \"grid\" characters, \n+     *     resolve the integer index for the feature id in the UTFGrid \"keys\"\n+     *     array.\n+     *\n+     * Parameters:\n+     * charCode - {Integer}\n+     *\n+     * Returns:\n+     * {Integer} Index for the feature id from the keys array.\n+     */\n+    indexFromCharCode: function(charCode) {\n+        if (charCode >= 93) {\n+            charCode--;\n+        }\n+        if (charCode >= 35) {\n+            charCode--;\n+        }\n+        return charCode - 32;\n+    },\n \n-    'Scale = 1 : ${scaleDenom}': \"M\u00e5lforhold = 1 : ${scaleDenom}\",\n+    /**\n+     * Method: parseData\n+     * Parse the JSON from a request\n+     *\n+     * Parameters:\n+     * str - {String} UTFGrid as a JSON string. \n+     * \n+     * Returns:\n+     * {Object} parsed javascript data\n+     */\n+    parseData: function(str) {\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.JSON();\n+        }\n+        this.json = this.format.read(str);\n+    },\n \n-    // console message\n-    'reprojectDeprecated': \"Du anvender indstillingen 'reproject' p\u00e5 laget ${layerName}.\" +\n-        \"Denne indstilling b\u00f8r ikke l\u00e6ngere anvendes. Den var beregnet \" +\n-        \"til at vise data ovenp\u00e5 kommercielle grundkort, men den funktionalitet \" +\n-        \"b\u00f8r nu opn\u00e5s ved at anvende Spherical Mercator underst\u00f8ttelsen. \" +\n-        \"Mere information er tilg\u00e6ngelig her: \" +\n-        \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /** \n+     * Method: clear\n+     * Delete data stored with this tile.\n+     */\n+    clear: function() {\n+        this.json = null;\n+    },\n \n-    // console message\n-    'methodDeprecated': \"Denne funktion b\u00f8r ikke l\u00e6ngere anvendes, og vil blive fjernet i version 3.0. \" +\n-        \"Anvend venligst funktionen ${newMethod} istedet.\"\n-};\n+    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n+\n+});\n /* ======================================================================\n-    OpenLayers/Lang/sv-SE.js\n+    OpenLayers/Layer/UTFGrid.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Sannab\n- */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/XYZ.js\n+ * @requires OpenLayers/Tile/UTFGrid.js\n  */\n \n-/**\n- * Namespace: OpenLayers.Lang[\"sv\"]\n- * Dictionary for Svenska.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+/** \n+ * Class: OpenLayers.Layer.UTFGrid\n+ * This Layer reads from UTFGrid tiled data sources.  Since UTFGrids are \n+ * essentially JSON-based ASCII art with attached attributes, they are not \n+ * visibly rendered.  In order to use them in the map, you must add a \n+ * <OpenLayers.Control.UTFGrid> control as well.\n+ *\n+ * Example:\n+ *\n+ * (start code)\n+ * var world_utfgrid = new OpenLayers.Layer.UTFGrid({\n+ *     url: \"/tiles/world_utfgrid/${z}/${x}/${y}.json\",\n+ *     utfgridResolution: 4,\n+ *     displayInLayerSwitcher: false\n+ * );\n+ * map.addLayer(world_utfgrid);\n+ * \n+ * var control = new OpenLayers.Control.UTFGrid({\n+ *     layers: [world_utfgrid],\n+ *     handlerMode: 'move',\n+ *     callback: function(dataLookup) {\n+ *         // do something with returned data\n+ *     }\n+ * })\n+ * (end code)\n+ *\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n  */\n-OpenLayers.Lang[\"sv\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Ej hanterad fr\u00e5ga retur ${statusText}\",\n+OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n-    'Permalink': \"Permal\u00e4nk\",\n+    /**\n+     * APIProperty: isBaseLayer\n+     * Default is false, as UTFGrids are designed to be a transparent overlay layer. \n+     */\n+    isBaseLayer: false,\n \n-    'Overlays': \"Kartlager\",\n+    /**\n+     * APIProperty: projection\n+     * {<OpenLayers.Projection>}\n+     * Source projection for the UTFGrids.  Default is \"EPSG:900913\".\n+     */\n+    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n \n-    'Base Layer': \"Bakgrundskarta\",\n+    /**\n+     * Property: useJSONP\n+     * {Boolean}\n+     * Should we use a JSONP script approach instead of a standard AJAX call?\n+     *\n+     * Set to true for using utfgrids from another server. \n+     * Avoids same-domain policy restrictions. \n+     * Note that this only works if the server accepts \n+     * the callback GET parameter and dynamically \n+     * wraps the returned json in a function call.\n+     * \n+     * Default is false\n+     */\n+    useJSONP: false,\n \n-    'noFID': \"Kan ej uppdatera feature (objekt) f\u00f6r vilket FID saknas.\",\n+    /**\n+     * APIProperty: url\n+     * {String}\n+     * URL tempate for UTFGrid tiles.  Include x, y, and z parameters.\n+     * E.g. \"/tiles/${z}/${x}/${y}.json\"\n+     */\n \n-    'browserNotSupported': \"Din webbl\u00e4sare st\u00f6der inte vektorvisning. F\u00f6r n\u00e4rvarande st\u00f6ds f\u00f6ljande visning:\\n${renderers}\",\n+    /**\n+     * APIProperty: utfgridResolution\n+     * {Number}\n+     * Ratio of the pixel width to the width of a UTFGrid data point.  If an \n+     *     entry in the grid represents a 4x4 block of pixels, the \n+     *     utfgridResolution would be 4.  Default is 2 (specified in \n+     *     <OpenLayers.Tile.UTFGrid>).\n+     */\n \n-    'minZoomLevelError': \"Egenskapen minZoomLevel \u00e4r endast avsedd att anv\u00e4ndas med lager med FixedZoomLevels. Att detta WFS-lager kontrollerar minZoomLevel \u00e4r en relik fr\u00e5n \u00e4ldre versioner. Vi kan dock inte ta bort det utan att riskera att OL-baserade till\u00e4mpningar som anv\u00e4nder detta slutar fungera. D\u00e4rf\u00f6r \u00e4r det satt som deprecated, minZoomLevel kommer att tas bort i version 3.0. Anv\u00e4nd i st\u00e4llet inst\u00e4llning av min/max resolution som beskrivs h\u00e4r: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    /**\n+     * Property: tileClass\n+     * {<OpenLayers.Tile>} The tile class to use for this layer.\n+     *     Defaults is <OpenLayers.Tile.UTFGrid>.\n+     */\n+    tileClass: OpenLayers.Tile.UTFGrid,\n \n-    'commitSuccess': \"WFS-transaktion: LYCKADES ${response}\",\n+    /**\n+     * Constructor: OpenLayers.Layer.UTFGrid\n+     * Create a new UTFGrid layer.\n+     *\n+     * Parameters:\n+     * config - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * url - {String} The url template for UTFGrid tiles.  See the <url> property.\n+     */\n+    initialize: function(options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(\n+            this, [options.name, options.url, {}, options]\n+        );\n+        this.tileOptions = OpenLayers.Util.extend({\n+            utfgridResolution: this.utfgridResolution\n+        }, this.tileOptions);\n+    },\n \n-    'commitFailed': \"WFS-transaktion: MISSLYCKADES ${response}\",\n+    /**\n+     * Method: createBackBuffer\n+     * The UTFGrid cannot create a back buffer, so this method is overriden.\n+     */\n+    createBackBuffer: function() {},\n \n-    'googleWarning': \"Google-lagret kunde inte laddas korrekt.\\x3cbr\\x3e\\x3cbr\\x3eF\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.\\x3cbr\\x3e\\x3cbr\\x3eSannolikt beror felet p\u00e5 att Google Maps-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan eller p\u00e5 att sidan inte anger korrekt API-nyckel f\u00f6r webbplatsen.\\x3cbr\\x3e\\x3cbr\\x3eUtvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eklicka h\u00e4r\\x3c/a\\x3e.\",\n+    /**\n+     * APIMethod: clone\n+     * Create a clone of this layer\n+     *\n+     * Parameters:\n+     * obj - {Object} Only used by a subclass of this layer.\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.UTFGrid>} An exact clone of this OpenLayers.Layer.UTFGrid\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.UTFGrid(this.getOptions());\n+        }\n \n-    'getLayerWarning': \"${layerType}-lagret kunde inte laddas korrekt.\\x3cbr\\x3e\\x3cbr\\x3eF\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.\\x3cbr\\x3e\\x3cbr\\x3eSannolikt beror felet p\u00e5 att ${layerLib}-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan.\\x3cbr\\x3e\\x3cbr\\x3eUtvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eklicka h\u00e4r\\x3c/a\\x3e.\",\n+        // get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    'Scale = 1 : ${scaleDenom}': \"\\x3cstrong\\x3eSkala\\x3c/strong\\x3e 1 : ${scaleDenom}\",\n+        return obj;\n+    },\n \n-    'reprojectDeprecated': \"Du anv\u00e4nder inst\u00e4llningen \\'reproject\\' p\u00e5 lagret ${layerName}. Denna inst\u00e4llning markerad som deprecated: den var avsedd att anv\u00e4ndas f\u00f6r att st\u00f6dja visning av kartdata p\u00e5 kommersiella bakgrundskartor, men nu b\u00f6r man i st\u00e4llet anv\u00e4nda Spherical Mercator-st\u00f6d f\u00f6r den funktionaliteten. Mer information finns p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * APIProperty: getFeatureInfo\n+     * Get details about a feature associated with a map location.  The object\n+     *     returned will have id and data properties.  If the given location\n+     *     doesn't correspond to a feature, null will be returned.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.LonLat>} map location\n+     *\n+     * Returns:\n+     * {Object} Object representing the feature id and UTFGrid data \n+     *     corresponding to the given map location.  Returns null if the given\n+     *     location doesn't hit a feature.\n+     */\n+    getFeatureInfo: function(location) {\n+        var info = null;\n+        var tileInfo = this.getTileData(location);\n+        if (tileInfo && tileInfo.tile) {\n+            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j);\n+        }\n+        return info;\n+    },\n \n-    'methodDeprecated': \"Denna metod \u00e4r markerad som deprecated och kommer att tas bort i 3.0. Anv\u00e4nd ${newMethod} i st\u00e4llet.\"\n+    /**\n+     * APIMethod: getFeatureId\n+     * Get the identifier for the feature associated with a map location.\n+     *\n+     * Parameters:\n+     * location - {<OpenLayers.LonLat>} map location\n+     *\n+     * Returns:\n+     * {String} The feature identifier corresponding to the given map location.\n+     *     Returns null if the location doesn't hit a feature.\n+     */\n+    getFeatureId: function(location) {\n+        var id = null;\n+        var info = this.getTileData(location);\n+        if (info.tile) {\n+            id = info.tile.getFeatureId(info.i, info.j);\n+        }\n+        return id;\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/ia.js\n+    OpenLayers/Layer/TileCache.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - McDutchie\n- */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n \n /**\n- * @requires OpenLayers/Lang.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"ia\"]\n- * Dictionary for Interlingua.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.TileCache\n+ * A read only TileCache layer.  Used to requests tiles cached by TileCache in\n+ *     a web accessible cache.  This means that you have to pre-populate your\n+ *     cache before this layer can be used.  It is meant only to read tiles\n+ *     created by TileCache, and not to make calls to TileCache for tile\n+ *     creation.  Create a new instance with the\n+ *     <OpenLayers.Layer.TileCache> constructor.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Lang[\"ia\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Le responsa a un requesta non esseva maneate: ${statusText}\",\n-\n-    'Permalink': \"Permaligamine\",\n-\n-    'Overlays': \"Superpositiones\",\n-\n-    'Base Layer': \"Strato de base\",\n-\n-    'noFID': \"Non pote actualisar un elemento sin FID.\",\n-\n-    'browserNotSupported': \"Tu navigator non supporta le rendition de vectores. Le renditores actualmente supportate es:\\n${renderers}\",\n-\n-    'minZoomLevelError': \"Le proprietate minZoomLevel es solmente pro uso con le stratos descendente de FixedZoomLevels. Le facto que iste strato WFS verifica minZoomLevel es un reliquia del passato. Nonobstante, si nos lo remove immediatemente, nos pote rumper applicationes a base de OL que depende de illo. Ergo nos lo declara obsolete; le verification de minZoomLevel in basso essera removite in version 3.0. Per favor usa in su loco le configuration de resolutiones min/max como describite a: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    'commitSuccess': \"Transaction WFS: SUCCESSO ${response}\",\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} Treat this layer as a base layer.  Default is true.\n+     */\n+    isBaseLayer: true,\n \n-    'commitFailed': \"Transaction WFS: FALLEVA ${response}\",\n+    /** \n+     * APIProperty: format\n+     * {String} Mime type of the images returned.  Default is image/png.\n+     */\n+    format: 'image/png',\n \n-    'googleWarning': \"Le strato Google non poteva esser cargate correctemente.\\x3cbr\\x3e\\x3cbr\\x3ePro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.\\x3cbr\\x3e\\x3cbr\\x3eMulto probabilemente, isto es proque le script del libreria de Google Maps non esseva includite o non contine le clave API correcte pro tu sito.\\x3cbr\\x3e\\x3cbr\\x3eDisveloppatores: Pro adjuta de corriger isto, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclicca hic\\x3c/a\",\n+    /**\n+     * APIProperty: serverResolutions\n+     * {Array} A list of all resolutions available on the server.  Only set this\n+     *     property if the map resolutions differ from the server. This\n+     *     property serves two purposes. (a) <serverResolutions> can include\n+     *     resolutions that the server supports and that you don't want to\n+     *     provide with this layer. (b) The map can work with resolutions\n+     *     that aren't supported by the server, i.e. that aren't in\n+     *     <serverResolutions>. When the map is displayed in such a resolution\n+     *     data for the closest server-supported resolution is loaded and the\n+     *     layer div is stretched as necessary.\n+     */\n+    serverResolutions: null,\n \n-    'getLayerWarning': \"Le strato ${layerType} non poteva esser cargate correctemente.\\x3cbr\\x3e\\x3cbr\\x3ePro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.\\x3cbr\\x3e\\x3cbr\\x3eMulto probabilemente, isto es proque le script del libreria de ${layerLib} non esseva correctemente includite.\\x3cbr\\x3e\\x3cbr\\x3eDisveloppatores: Pro adjuta de corriger isto, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclicca hic\\x3c/a\\x3e\",\n+    /**\n+     * Constructor: OpenLayers.Layer.TileCache\n+     * Create a new read only TileCache layer.\n+     *\n+     * Parameters:\n+     * name - {String} Name of the layer displayed in the interface\n+     * url - {String} Location of the web accessible cache (not the location of\n+     *     your tilecache script!)\n+     * layername - {String} Layer name as defined in the TileCache \n+     *     configuration\n+     * options - {Object} Optional object with properties to be set on the\n+     *     layer.  Note that you should speficy your resolutions to match\n+     *     your TileCache configuration.  This can be done by setting\n+     *     the resolutions array directly (here or on the map), by setting\n+     *     maxResolution and numZoomLevels, or by using scale based properties.\n+     */\n+    initialize: function(name, url, layername, options) {\n+        this.layername = layername;\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this,\n+            [name, url, {}, options]);\n+        this.extension = this.format.split('/')[1].toLowerCase();\n+        this.extension = (this.extension == 'jpg') ? 'jpeg' : this.extension;\n+    },\n \n-    'Scale = 1 : ${scaleDenom}': \"Scala = 1 : ${scaleDenom}\",\n+    /**\n+     * APIMethod: clone\n+     * obj - {Object} \n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.TileCache>} An exact clone of this \n+     *     <OpenLayers.Layer.TileCache>\n+     */\n+    clone: function(obj) {\n \n-    'W': \"W\",\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TileCache(this.name,\n+                this.url,\n+                this.layername,\n+                this.getOptions());\n+        }\n \n-    'E': \"E\",\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-    'N': \"N\",\n+        // copy/set any non-init, non-simple values here\n \n-    'S': \"S\",\n+        return obj;\n+    },\n \n-    'reprojectDeprecated': \"Tu usa le option \\'reproject\\' in le strato ${layerName} layer. Iste option es obsolescente: illo esseva pro poter monstrar datos super cartas de base commercial, ma iste functionalitate pote ora esser attingite con le uso de Spherical Mercator. Ulterior information es disponibile a http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    /**\n+     * Method: getURL\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * \n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *     passed-in bounds and appropriate tile size specified as parameters.\n+     */\n+    getURL: function(bounds) {\n+        var res = this.getServerResolution();\n+        var bbox = this.maxExtent;\n+        var size = this.tileSize;\n+        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n+        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n+        var tileZ = this.serverResolutions != null ?\n+            OpenLayers.Util.indexOf(this.serverResolutions, res) :\n+            this.map.getZoom();\n \n-    'methodDeprecated': \"Iste methodo ha essite declarate obsolescente e essera removite in version 3.0. Per favor usa ${newMethod} in su loco.\"\n+        var components = [\n+            this.layername,\n+            OpenLayers.Number.zeroPad(tileZ, 2),\n+            OpenLayers.Number.zeroPad(parseInt(tileX / 1000000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileX / 1000) % 1000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileX) % 1000), 3),\n+            OpenLayers.Number.zeroPad(parseInt(tileY / 1000000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileY / 1000) % 1000), 3),\n+            OpenLayers.Number.zeroPad((parseInt(tileY) % 1000), 3) + '.' + this.extension\n+        ];\n+        var path = components.join('/');\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n+        }\n+        url = (url.charAt(url.length - 1) == '/') ? url : url + '/';\n+        return url + path;\n+    },\n \n+    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n });\n /* ======================================================================\n-    OpenLayers/Lang/is.js\n+    OpenLayers/Layer/Google.js\n    ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - \u00c6var Arnfj\u00f6r\u00f0 Bjarmason\n- */\n-\n-/**\n- * @requires OpenLayers/Lang.js\n- */\n-\n-/**\n- * Namespace: OpenLayers.Lang[\"is\"]\n- * Dictionary for \u00cdslenska.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"is\"] = OpenLayers.Util.applyDefaults({\n-\n-    'Permalink': \"Varanlegur tengill\",\n-\n-    'Overlays': \"\u00deekjur\",\n-\n-    'Base Layer': \"Grunnlag\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"Skali = 1 : ${scaleDenom}\",\n-\n-    'methodDeprecated': \"\u00deetta fall hefur veri\u00f0 \u00farelt og ver\u00f0ur fjarl\u00e6gt \u00ed 3.0. Nota\u00f0u ${newMethod} \u00ed sta\u00f0in.\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Lang/br.js\n-   ====================================================================== */\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-/* Translators (2009 onwards):\n- *  - Fulup\n- */\n \n /**\n+ * @requires OpenLayers/Layer/SphericalMercator.js\n+ * @requires OpenLayers/Layer/EventPane.js\n+ * @requires OpenLayers/Layer/FixedZoomLevels.js\n  * @requires OpenLayers/Lang.js\n  */\n \n /**\n- * Namespace: OpenLayers.Lang[\"br\"]\n- * Dictionary for Brezhoneg.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Class: OpenLayers.Layer.Google\n+ * \n+ * Provides a wrapper for Google's Maps API\n+ * Normally the Terms of Use for this API do not allow wrapping, but Google\n+ * have provided written consent to OpenLayers for this - see email in \n+ * http://osgeo-org.1560.n6.nabble.com/Google-Maps-API-Terms-of-Use-changes-tp4910013p4911981.html\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.SphericalMercator>\n+ *  - <OpenLayers.Layer.EventPane>\n+ *  - <OpenLayers.Layer.FixedZoomLevels>\n  */\n-OpenLayers.Lang[\"br\"] = OpenLayers.Util.applyDefaults({\n-\n-    'unhandledRequest': \"Distro evel reked anveret ${statusText}\",\n-\n-    'Permalink': \"Peurliamm\",\n+OpenLayers.Layer.Google = OpenLayers.Class(\n+    OpenLayers.Layer.EventPane,\n+    OpenLayers.Layer.FixedZoomLevels, {\n \n-    'Overlays': \"Gwiskado\u00f9\",\n+        /** \n+         * Constant: MIN_ZOOM_LEVEL\n+         * {Integer} 0 \n+         */\n+        MIN_ZOOM_LEVEL: 0,\n \n-    'Base Layer': \"Gwiskad diazez\",\n+        /** \n+         * Constant: MAX_ZOOM_LEVEL\n+         * {Integer} 21\n+         */\n+        MAX_ZOOM_LEVEL: 21,\n \n-    'noFID': \"N\\'haller ket hizivaat un elfenn ma n\\'eus ket a niverenn-anaout (FID) eviti.\",\n+        /** \n+         * Constant: RESOLUTIONS\n+         * {Array(Float)} Hardcode these resolutions so that they are more closely\n+         *                tied with the standard wms projection\n+         */\n+        RESOLUTIONS: [\n+            1.40625,\n+            0.703125,\n+            0.3515625,\n+            0.17578125,\n+            0.087890625,\n+            0.0439453125,\n+            0.02197265625,\n+            0.010986328125,\n+            0.0054931640625,\n+            0.00274658203125,\n+            0.001373291015625,\n+            0.0006866455078125,\n+            0.00034332275390625,\n+            0.000171661376953125,\n+            0.0000858306884765625,\n+            0.00004291534423828125,\n+            0.00002145767211914062,\n+            0.00001072883605957031,\n+            0.00000536441802978515,\n+            0.00000268220901489257,\n+            0.0000013411045074462891,\n+            0.00000067055225372314453\n+        ],\n \n-    'browserNotSupported': \"N\\'eo ket skoret an daskor vektorel gant ho merdeer. Setu aze an daskorerio\u00f9 skoret evit ar poent :\\n${renderers}\",\n+        /**\n+         * APIProperty: type\n+         * {GMapType}\n+         */\n+        type: null,\n \n-    'minZoomLevelError': \"Ne zleer implijout ar perzh minZoomLevel nemet evit gwiskado\u00f9 FixedZoomLevels-descendent. Ar fed ma wiria ar gwiskad WHS-se hag-e\u00f1 ez eus eus minZoomLevel zo un aspadenn gozh. Koulskoude n\\'omp ket evit e ziverka\u00f1 kuit da derri\u00f1 arloado\u00f9 diazezet war OL a c\\'hallfe beza\u00f1 stag outa\u00f1. Setu perak eo dispredet -- Lamet kuit e vo ar gwiria\u00f1 minZoomLevel a-is er stumm 3.0. Ober gant an arventenno\u00f9 bihana\u00f1/brasa\u00f1 evel deskrivet ama\u00f1 e plas : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+        /**\n+         * APIProperty: wrapDateLine\n+         * {Boolean} Allow user to pan forever east/west.  Default is true.  \n+         *     Setting this to false only restricts panning if \n+         *     <sphericalMercator> is true. \n+         */\n+        wrapDateLine: true,\n \n-    'commitSuccess': \"Treuzgread WFS : MAT EO ${response}\",\n+        /**\n+         * APIProperty: sphericalMercator\n+         * {Boolean} Should the map act as a mercator-projected map? This will\n+         *     cause all interactions with the map to be in the actual map \n+         *     projection, which allows support for vector drawing, overlaying \n+         *     other maps, etc. \n+         */\n+        sphericalMercator: false,\n \n-    'commitFailed': \"Treuzgread WFS Transaction: C\\'HWITET ${response}\",\n+        /**\n+         * Property: version\n+         * {Number} The version of the Google Maps API\n+         */\n+        version: null,\n \n-    'googleWarning': \"N\\'eus ket bet gallet karga\u00f1 ar gwiskad Google ent reizh.\\x3cbr\\x3e\\x3cbr\\x3eEvit en em zizober eus ar c\\'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c\\'horn deho\u00f9 el laez.\\x3cbr\\x3e\\x3cbr\\x3eSur a-walc\\'h eo peogwir n\\'eo ket bet ensoc\\'het levraoueg Google Maps pe neuze ne glot ket an alc\\'hwez API gant ho lec\\'hienn.\\x3cbr\\x3e\\x3cbr\\x3eDiorroerien : Evit reizha\u00f1 an dra-se, \\x3ca href=\\'http://trac.openlayers.org/wiki/Google\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n+        /** \n+         * Constructor: OpenLayers.Layer.Google\n+         * \n+         * Parameters:\n+         * name - {String} A name for the layer.\n+         * options - {Object} An optional object whose properties will be set\n+         *     on the layer.\n+         */\n+        initialize: function(name, options) {\n+            options = options || {};\n+            if (!options.version) {\n+                options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\";\n+            }\n+            var mixin = OpenLayers.Layer.Google[\"v\" +\n+                options.version.replace(/\\./g, \"_\")];\n+            if (mixin) {\n+                OpenLayers.Util.applyDefaults(options, mixin);\n+            } else {\n+                throw \"Unsupported Google Maps API version: \" + options.version;\n+            }\n \n-    'getLayerWarning': \"N\\'haller ket karga\u00f1 ar gwiskad ${layerType} ent reizh.\\x3cbr\\x3e\\x3cbr\\x3eEvit en em zizober eus ar c\\'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c\\'horn deho\u00f9 el laez.\\x3cbr\\x3e\\x3cbr\\x3eSur a-walc\\'h eo peogwir n\\'eo ket bet ensoc\\'het mat al levraoueg ${layerLib}.\\x3cbr\\x3e\\x3cbr\\x3eDiorroerien : Evit gouzout penaos reizha\u00f1 an dra-se, \\x3ca href=\\'http://trac.openlayers.org/wiki/${layerLib}\\' target=\\'_blank\\'\\x3eclick here\\x3c/a\\x3e\",\n+            OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+            if (options.maxExtent) {\n+                options.maxExtent = options.maxExtent.clone();\n+            }\n \n-    'Scale = 1 : ${scaleDenom}': \"Skeul = 1 : ${scaleDenom}\",\n+            OpenLayers.Layer.EventPane.prototype.initialize.apply(this,\n+                [name, options]);\n+            OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this,\n+                [name, options]);\n \n-    'W': \"K\",\n+            if (this.sphericalMercator) {\n+                OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+                this.initMercatorParameters();\n+            }\n+        },\n \n-    'E': \"R\",\n+        /**\n+         * Method: clone\n+         * Create a clone of this layer\n+         *\n+         * Returns:\n+         * {<OpenLayers.Layer.Google>} An exact clone of this layer\n+         */\n+        clone: function() {\n+            /**\n+             * This method isn't intended to be called by a subclass and it\n+             * doesn't call the same method on the superclass.  We don't call\n+             * the super's clone because we don't want properties that are set\n+             * on this layer after initialize (i.e. this.mapObject etc.).\n+             */\n+            return new OpenLayers.Layer.Google(\n+                this.name, this.getOptions()\n+            );\n+        },\n \n-    'N': \"N\",\n+        /**\n+         * APIMethod: setVisibility\n+         * Set the visibility flag for the layer and hide/show & redraw \n+         *     accordingly. Fire event unless otherwise specified\n+         * \n+         * Note that visibility is no longer simply whether or not the layer's\n+         *     style.display is set to \"block\". Now we store a 'visibility' state \n+         *     property on the layer class, this allows us to remember whether or \n+         *     not we *desire* for a layer to be visible. In the case where the \n+         *     map's resolution is out of the layer's range, this desire may be \n+         *     subverted.\n+         * \n+         * Parameters:\n+         * visible - {Boolean} Display the layer (if in range)\n+         */\n+        setVisibility: function(visible) {\n+            // sharing a map container, opacity has to be set per layer\n+            var opacity = this.opacity == null ? 1 : this.opacity;\n+            OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+            this.setOpacity(opacity);\n+        },\n \n-    'S': \"S\",\n+        /** \n+         * APIMethod: display\n+         * Hide or show the Layer\n+         * \n+         * Parameters:\n+         * visible - {Boolean}\n+         */\n+        display: function(visible) {\n+            if (!this._dragging) {\n+                this.setGMapVisibility(visible);\n+            }\n+            OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments);\n+        },\n \n-    'reprojectDeprecated': \"Emaoc\\'h oc\\'h implijout an dibarzh \\'reproject\\' war ar gwiskad ${layerName}. Dispredet eo an dibarzh-ma\u00f1 : bet eo hag e talveze da ziskwel roadenno\u00f9 war-c\\'horre kartenno\u00f9 diazez kenwerzhel, un dra hag a c\\'haller ober brema\u00f1 gant an arc\\'hwel dre skor banndres boullek Mercator. Muioc\\'h a ditouro\u00f9 a c\\'haller da gaout war http://trac.openlayers.org/wiki/SphericalMercator.\",\n+        /**\n+         * Method: moveTo\n+         * \n+         * Parameters:\n+         * bounds - {<OpenLayers.Bounds>}\n+         * zoomChanged - {Boolean} Tells when zoom has changed, as layers have to\n+         *     do some init work in that case.\n+         * dragging - {Boolean}\n+         */\n+        moveTo: function(bounds, zoomChanged, dragging) {\n+            this._dragging = dragging;\n+            OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+            delete this._dragging;\n+        },\n \n-    'methodDeprecated': \"Dispredet eo an daore-se ha tennet e vo kuit eus ar stumm 3.0. Grit gant ${newMethod} e plas.\"\n+        /**\n+         * APIMethod: setOpacity\n+         * Sets the opacity for the entire layer (all images)\n+         * \n+         * Parameters:\n+         * opacity - {Float}\n+         */\n+        setOpacity: function(opacity) {\n+            if (opacity !== this.opacity) {\n+                if (this.map != null) {\n+                    this.map.events.triggerEvent(\"changelayer\", {\n+                        layer: this,\n+                        property: \"opacity\"\n+                    });\n+                }\n+                this.opacity = opacity;\n+            }\n+            // Though this layer's opacity may not change, we're sharing a container\n+            // and need to update the opacity for the entire container.\n+            if (this.getVisibility()) {\n+                var container = this.getMapContainer();\n+                OpenLayers.Util.modifyDOMElement(\n+                    container, null, null, null, null, null, null, opacity\n+                );\n+            }\n+        },\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/bg.js\n-   ====================================================================== */\n+        /**\n+         * APIMethod: destroy\n+         * Clean up this layer.\n+         */\n+        destroy: function() {\n+            /**\n+             * We have to override this method because the event pane destroy\n+             * deletes the mapObject reference before removing this layer from\n+             * the map.\n+             */\n+            if (this.map) {\n+                this.setGMapVisibility(false);\n+                var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+                if (cache && cache.count <= 1) {\n+                    this.removeGMapElements();\n+                }\n+            }\n+            OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments);\n+        },\n \n-/* Translators (2009 onwards):\n- *  - DCLXVI\n- */\n+        /**\n+         * Method: removeGMapElements\n+         * Remove all elements added to the dom.  This should only be called if\n+         * this is the last of the Google layers for the given map.\n+         */\n+        removeGMapElements: function() {\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache) {\n+                // remove shared elements from dom\n+                var container = this.mapObject && this.getMapContainer();\n+                if (container && container.parentNode) {\n+                    container.parentNode.removeChild(container);\n+                }\n+                var termsOfUse = cache.termsOfUse;\n+                if (termsOfUse && termsOfUse.parentNode) {\n+                    termsOfUse.parentNode.removeChild(termsOfUse);\n+                }\n+                var poweredBy = cache.poweredBy;\n+                if (poweredBy && poweredBy.parentNode) {\n+                    poweredBy.parentNode.removeChild(poweredBy);\n+                }\n+                if (this.mapObject && window.google && google.maps &&\n+                    google.maps.event && google.maps.event.clearListeners) {\n+                    google.maps.event.clearListeners(this.mapObject, 'tilesloaded');\n+                }\n+            }\n+        },\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+        /**\n+         * APIMethod: removeMap\n+         * On being removed from the map, also remove termsOfUse and poweredBy divs\n+         * \n+         * Parameters:\n+         * map - {<OpenLayers.Map>}\n+         */\n+        removeMap: function(map) {\n+            // hide layer before removing\n+            if (this.visibility && this.mapObject) {\n+                this.setGMapVisibility(false);\n+            }\n+            // check to see if last Google layer in this map\n+            var cache = OpenLayers.Layer.Google.cache[map.id];\n+            if (cache) {\n+                if (cache.count <= 1) {\n+                    this.removeGMapElements();\n+                    delete OpenLayers.Layer.Google.cache[map.id];\n+                } else {\n+                    // decrement the layer count\n+                    --cache.count;\n+                }\n+            }\n+            // remove references to gmap elements\n+            delete this.termsOfUse;\n+            delete this.poweredBy;\n+            delete this.mapObject;\n+            delete this.dragObject;\n+            OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments);\n+        },\n \n-/**\n- * Namespace: OpenLayers.Lang[\"bg\"]\n- * Dictionary for \u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"bg\"] = OpenLayers.Util.applyDefaults({\n+        //\n+        // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+        //\n \n-    'Permalink': \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430 \u043f\u0440\u0435\u043f\u0440\u0430\u0442\u043a\u0430\",\n+        /**\n+         * APIMethod: getOLBoundsFromMapObjectBounds\n+         * \n+         * Parameters:\n+         * moBounds - {Object}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Bounds>} An <OpenLayers.Bounds>, translated from the \n+         *                       passed-in MapObject Bounds.\n+         *                       Returns null if null value is passed in.\n+         */\n+        getOLBoundsFromMapObjectBounds: function(moBounds) {\n+            var olBounds = null;\n+            if (moBounds != null) {\n+                var sw = moBounds.getSouthWest();\n+                var ne = moBounds.getNorthEast();\n+                if (this.sphericalMercator) {\n+                    sw = this.forwardMercator(sw.lng(), sw.lat());\n+                    ne = this.forwardMercator(ne.lng(), ne.lat());\n+                } else {\n+                    sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                    ne = new OpenLayers.LonLat(ne.lng(), ne.lat());\n+                }\n+                olBounds = new OpenLayers.Bounds(sw.lon,\n+                    sw.lat,\n+                    ne.lon,\n+                    ne.lat);\n+            }\n+            return olBounds;\n+        },\n \n-    'Base Layer': \"\u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0441\u043b\u043e\u0439\",\n+        /** \n+         * APIMethod: getWarningHTML\n+         * \n+         * Returns: \n+         * {String} String with information on why layer is broken, how to get\n+         *          it working.\n+         */\n+        getWarningHTML: function() {\n+            return OpenLayers.i18n(\"googleWarning\");\n+        },\n \n-    'Scale = 1 : ${scaleDenom}': \"\u041c\u0430\u0449\u0430\u0431 = 1 : ${scaleDenom}\",\n \n-    'methodDeprecated': \"\u0422\u043e\u0437\u0438 \u043c\u0435\u0442\u043e\u0434 \u0435 \u043e\u0441\u0442\u0430\u0440\u044f\u043b \u0438 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u0432\u0430\u0442 \u0432 3.0. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 ${newMethod}.\"\n+        /************************************\n+         *                                  *\n+         *   MapObject Interface Controls   *\n+         *                                  *\n+         ************************************/\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/fi.js\n-   ====================================================================== */\n \n-/* Translators (2009 onwards):\n- *  - Nike\n- *  - Str4nd\n- */\n+        // Get&Set Center, Zoom\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+        /**\n+         * APIMethod: getMapObjectCenter\n+         * \n+         * Returns: \n+         * {Object} The mapObject's current center in Map Object format\n+         */\n+        getMapObjectCenter: function() {\n+            return this.mapObject.getCenter();\n+        },\n \n-/**\n- * Namespace: OpenLayers.Lang[\"fi\"]\n- * Dictionary for Suomi.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n- */\n-OpenLayers.Lang[\"fi\"] = OpenLayers.Util.applyDefaults({\n+        /** \n+         * APIMethod: getMapObjectZoom\n+         * \n+         * Returns:\n+         * {Integer} The mapObject's current zoom, in Map Object format\n+         */\n+        getMapObjectZoom: function() {\n+            return this.mapObject.getZoom();\n+        },\n \n-    'Permalink': \"Ikilinkki\",\n \n-    'Overlays': \"Kerrokset\",\n+        /************************************\n+         *                                  *\n+         *       MapObject Primitives       *\n+         *                                  *\n+         ************************************/\n \n-    'Base Layer': \"Peruskerros\",\n \n-    'W': \"L\",\n+        // LonLat\n \n-    'E': \"I\",\n+        /**\n+         * APIMethod: getLongitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Longitude of the given MapObject LonLat\n+         */\n+        getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+            return this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon :\n+                moLonLat.lng();\n+        },\n \n-    'N': \"P\",\n+        /**\n+         * APIMethod: getLatitudeFromMapObjectLonLat\n+         * \n+         * Parameters:\n+         * moLonLat - {Object} MapObject LonLat format\n+         * \n+         * Returns:\n+         * {Float} Latitude of the given MapObject LonLat\n+         */\n+        getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+            var lat = this.sphericalMercator ?\n+                this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat :\n+                moLonLat.lat();\n+            return lat;\n+        },\n \n-    'S': \"E\"\n+        // Pixel\n \n-});\n-/* ======================================================================\n-    OpenLayers/Lang/ar.js\n-   ====================================================================== */\n+        /**\n+         * APIMethod: getXFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} X value of the MapObject Pixel\n+         */\n+        getXFromMapObjectPixel: function(moPixel) {\n+            return moPixel.x;\n+        },\n \n-/* Translators (2009 onwards):\n- *  - Meno25\n- *  - Mutarjem horr\n- */\n+        /**\n+         * APIMethod: getYFromMapObjectPixel\n+         * \n+         * Parameters:\n+         * moPixel - {Object} MapObject Pixel format\n+         * \n+         * Returns:\n+         * {Integer} Y value of the MapObject Pixel\n+         */\n+        getYFromMapObjectPixel: function(moPixel) {\n+            return moPixel.y;\n+        },\n \n-/**\n- * @requires OpenLayers/Lang.js\n- */\n+        CLASS_NAME: \"OpenLayers.Layer.Google\"\n+    });\n \n /**\n- * Namespace: OpenLayers.Lang[\"ar\"]\n- * Dictionary for \u0627\u0644\u0639\u0631\u0628\u064a\u0629.  Keys for entries are used in calls to\n- *     <OpenLayers.Lang.translate>.  Entry bodies are normal strings or\n- *     strings formatted for use with <OpenLayers.String.format> calls.\n+ * Property: OpenLayers.Layer.Google.cache\n+ * {Object} Cache for elements that should only be created once per map.\n  */\n-OpenLayers.Lang[\"ar\"] = OpenLayers.Util.applyDefaults({\n-\n-    'Permalink': \"\u0648\u0635\u0644\u0629 \u062f\u0627\u0626\u0645\u0629\",\n-\n-    'Base Layer': \"\u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0627\u0633\u0627\u0633\u064a\u0629\",\n-\n-    'Scale = 1 : ${scaleDenom}': \"\u0627\u0644\u0646\u0633\u0628\u0629 = 1 : ${scaleDenom}\",\n-\n-    'W': \"\u063a\",\n-\n-    'E': \"\u0634\u0631\",\n-\n-    'N': \"\u0634\u0645\",\n-\n-    'S': \"\u062c\"\n-\n-});\n-/* ======================================================================\n-    OpenLayers/Renderer/SVG.js\n-   ====================================================================== */\n-\n-/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n- * full list of contributors). Published under the 2-clause BSD license.\n- * See license.txt in the OpenLayers distribution or repository for the\n- * full text of the license. */\n+OpenLayers.Layer.Google.cache = {};\n \n-/**\n- * @requires OpenLayers/Renderer/Elements.js\n- */\n \n /**\n- * Class: OpenLayers.Renderer.SVG\n+ * Constant: OpenLayers.Layer.Google.v2\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer.Elements>\n+ * Mixin providing functionality specific to the Google Maps API v2.\n+ * \n+ * This API has been deprecated by Google.\n+ * Developers are encouraged to migrate to v3 of the API; support for this\n+ * is provided by <OpenLayers.Layer.Google.v3>\n  */\n-OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n-\n-    /** \n-     * Property: xmlns\n-     * {String}\n-     */\n-    xmlns: \"http://www.w3.org/2000/svg\",\n-\n-    /**\n-     * Property: xlinkns\n-     * {String}\n-     */\n-    xlinkns: \"http://www.w3.org/1999/xlink\",\n+OpenLayers.Layer.Google.v2 = {\n \n     /**\n-     * Constant: MAX_PIXEL\n-     * {Integer} Firefox has a limitation where values larger or smaller than  \n-     *           about 15000 in an SVG document lock the browser up. This \n-     *           works around it.\n+     * Property: termsOfUse\n+     * {DOMElement} Div for Google's copyright and terms of use link\n      */\n-    MAX_PIXEL: 15000,\n+    termsOfUse: null,\n \n     /**\n-     * Property: translationParameters\n-     * {Object} Hash with \"x\" and \"y\" properties\n+     * Property: poweredBy\n+     * {DOMElement} Div for Google's powered by logo and link\n      */\n-    translationParameters: null,\n+    poweredBy: null,\n \n     /**\n-     * Property: symbolMetrics\n-     * {Object} Cache for symbol metrics according to their svg coordinate\n-     *     space. This is an object keyed by the symbol's id, and values are\n-     *     an array of [width, centerX, centerY].\n+     * Property: dragObject\n+     * {GDraggableObject} Since 2.93, Google has exposed the ability to get\n+     *     the maps GDraggableObject. We can now use this for smooth panning\n      */\n-    symbolMetrics: null,\n+    dragObject: null,\n \n-    /**\n-     * Constructor: OpenLayers.Renderer.SVG\n-     * \n-     * Parameters:\n-     * containerID - {String}\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners. If we can't \n+     *     load GMap2, then display a warning message.\n      */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP;\n         }\n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-        this.translationParameters = {\n-            x: 0,\n-            y: 0\n-        };\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            // increment the layer count\n+            ++cache.count;\n+        } else {\n+            // this is the first Google layer for this map\n \n-        this.symbolMetrics = {};\n-    },\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n \n-    /**\n-     * APIMethod: supported\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the SVG renderer\n-     */\n-    supported: function() {\n-        var svgFeature = \"http://www.w3.org/TR/SVG11/feature#\";\n-        return (document.implementation &&\n-            (document.implementation.hasFeature(\"org.w3c.svg\", \"1.0\") ||\n-                document.implementation.hasFeature(svgFeature + \"SVG\", \"1.1\") ||\n-                document.implementation.hasFeature(svgFeature + \"BasicStructure\", \"1.1\")));\n-    },\n+            // create GMap and shuffle elements\n+            try {\n+                mapObject = new GMap2(div);\n \n-    /**\n-     * Method: inValidRange\n-     * See #669 for more information\n-     *\n-     * Parameters:\n-     * x      - {Integer}\n-     * y      - {Integer}\n-     * xyOnly - {Boolean} whether or not to just check for x and y, which means\n-     *     to not take the current translation parameters into account if true.\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the 'x' and 'y' coordinates are in the  \n-     *           valid range.\n-     */\n-    inValidRange: function(x, y, xyOnly) {\n-        var left = x + (xyOnly ? 0 : this.translationParameters.x);\n-        var top = y + (xyOnly ? 0 : this.translationParameters.y);\n-        return (left >= -this.MAX_PIXEL && left <= this.MAX_PIXEL &&\n-            top >= -this.MAX_PIXEL && top <= this.MAX_PIXEL);\n-    },\n+                // move the ToS and branding stuff up to the container div\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n \n-    /**\n-     * Method: setExtent\n-     * \n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     * \n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n-     */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\";\n \n-        var resolution = this.getResolution(),\n-            left = -extent.left / resolution,\n-            top = extent.top / resolution;\n+            } catch (e) {\n+                throw (e);\n+            }\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            };\n+        }\n \n-        // If the resolution has changed, start over changing the corner, because\n-        // the features will redraw.\n-        if (resolutionChanged) {\n-            this.left = left;\n-            this.top = top;\n-            // Set the viewbox\n-            var extentString = \"0 0 \" + this.size.w + \" \" + this.size.h;\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n \n-            this.rendererRoot.setAttributeNS(null, \"viewBox\", extentString);\n-            this.translate(this.xOffset, 0);\n-            return true;\n-        } else {\n-            var inRange = this.translate(left - this.left + this.xOffset, top - this.top);\n-            if (!inRange) {\n-                // recenter the coordinate system\n-                this.setExtent(extent, true);\n-            }\n-            return coordSysUnchanged && inRange;\n+        // ensure this layer type is one of the mapObject types\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(),\n+                this.type) === -1) {\n+            this.mapObject.addMapType(this.type);\n         }\n-    },\n \n-    /**\n-     * Method: translate\n-     * Transforms the SVG coordinate system\n-     * \n-     * Parameters:\n-     * x - {Float}\n-     * y - {Float}\n-     * \n-     * Returns:\n-     * {Boolean} true if the translation parameters are in the valid coordinates\n-     *     range, false otherwise.\n-     */\n-    translate: function(x, y) {\n-        if (!this.inValidRange(x, y, true)) {\n-            return false;\n+        //since v 2.93 getDragObject is now available.\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject();\n         } else {\n-            var transformString = \"\";\n-            if (x || y) {\n-                transformString = \"translate(\" + x + \",\" + y + \")\";\n-            }\n-            this.root.setAttributeNS(null, \"transform\", transformString);\n-            this.translationParameters = {\n-                x: x,\n-                y: y\n-            };\n-            return true;\n+            this.dragPanMapObject = null;\n         }\n-    },\n \n-    /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     * \n-     * Parameters:\n-     * size - {<OpenLayers.Size>} The size of the drawing surface\n-     */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\");\n+        }\n \n-        this.rendererRoot.setAttributeNS(null, \"width\", this.size.w);\n-        this.rendererRoot.setAttributeNS(null, \"height\", this.size.h);\n     },\n \n-    /** \n-     * Method: getNodeType \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n-     * \n-     * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+    /**\n+     * APIMethod: onMapResize\n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"image\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"svg\";\n-                } else {\n-                    nodeType = \"circle\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                nodeType = \"polyline\";\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                nodeType = \"polygon\";\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"path\";\n-                break;\n-            default:\n-                break;\n+    onMapResize: function() {\n+        // workaround for resizing of invisible or not yet fully loaded layers\n+        // where GMap2.checkResize() does not work. We need to load the GMap\n+        // for the old div size, then checkResize(), and then call\n+        // layer.moveTo() to trigger GMap.setCenter() (which will finish\n+        // the GMap initialization).\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize();\n+        } else {\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom());\n+                });\n+            }\n+            this._resized = true;\n         }\n-        return nodeType;\n     },\n \n-    /** \n-     * Method: setStyle\n-     * Use to set all the style attributes to a SVG node.\n+    /**\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n-     * Takes care to adjust stroke width and point radius to be\n-     * resolution-relative\n-     *\n      * Parameters:\n-     * node - {SVGDomElement} An SVG element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n+     * visible - {Boolean} Display the GMap elements.\n      */\n-    setStyle: function(node, style, options) {\n-        style = style || node._style;\n-        options = options || node._options;\n-\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.setAttributeNS(null, \"title\", title);\n-            //Standards-conformant SVG\n-            // Prevent duplicate nodes. See issue https://github.com/openlayers/openlayers/issues/92 \n-            var titleNode = node.getElementsByTagName(\"title\");\n-            if (titleNode.length > 0) {\n-                titleNode[0].firstChild.textContent = title;\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id;\n             } else {\n-                var label = this.nodeFactory(null, \"title\");\n-                label.textContent = title;\n-                node.appendChild(label);\n-            }\n-        }\n-\n-        var r = parseFloat(node.getAttributeNS(null, \"r\"));\n-        var widthFactor = 1;\n-        var pos;\n-        if (node._geometryClass == \"OpenLayers.Geometry.Point\" && r) {\n-            node.style.visibility = \"\";\n-            if (style.graphic === false) {\n-                node.style.visibility = \"hidden\";\n-            } else if (style.externalGraphic) {\n-                pos = this.getPosition(node);\n-                if (style.graphicWidth && style.graphicHeight) {\n-                    node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n-                }\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n-\n-                var opacity = style.graphicOpacity || style.fillOpacity;\n-\n-                node.setAttributeNS(null, \"x\", (pos.x + xOffset).toFixed());\n-                node.setAttributeNS(null, \"y\", (pos.y + yOffset).toFixed());\n-                node.setAttributeNS(null, \"width\", width);\n-                node.setAttributeNS(null, \"height\", height);\n-                node.setAttributeNS(this.xlinkns, \"xlink:href\", style.externalGraphic);\n-                node.setAttributeNS(null, \"style\", \"opacity: \" + opacity);\n-                node.onclick = OpenLayers.Event.preventDefault;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                // the symbol viewBox is three times as large as the symbol\n-                var offset = style.pointRadius * 3;\n-                var size = offset * 2;\n-                var src = this.importSymbol(style.graphicName);\n-                pos = this.getPosition(node);\n-                widthFactor = this.symbolMetrics[src.id][0] * 3 / size;\n-\n-                // remove the node from the dom before we modify it. This\n-                // prevents various rendering issues in Safari and FF\n-                var parent = node.parentNode;\n-                var nextSibling = node.nextSibling;\n-                if (parent) {\n-                    parent.removeChild(node);\n-                }\n-\n-                // The more appropriate way to implement this would be use/defs,\n-                // but due to various issues in several browsers, it is safer to\n-                // copy the symbols instead of referencing them. \n-                // See e.g. ticket http://trac.osgeo.org/openlayers/ticket/2985 \n-                // and this email thread\n-                // http://osgeo-org.1803224.n2.nabble.com/Select-Control-Ctrl-click-on-Feature-with-a-graphicName-opens-new-browser-window-tc5846039.html\n-                node.firstChild && node.removeChild(node.firstChild);\n-                node.appendChild(src.firstChild.cloneNode(true));\n-                node.setAttributeNS(null, \"viewBox\", src.getAttributeNS(null, \"viewBox\"));\n-\n-                node.setAttributeNS(null, \"width\", size);\n-                node.setAttributeNS(null, \"height\", size);\n-                node.setAttributeNS(null, \"x\", pos.x - offset);\n-                node.setAttributeNS(null, \"y\", pos.y - offset);\n-\n-                // now that the node has all its new properties, insert it\n-                // back into the dom where it was\n-                if (nextSibling) {\n-                    parent.insertBefore(node, nextSibling);\n-                } else if (parent) {\n-                    parent.appendChild(node);\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed;\n                 }\n-            } else {\n-                node.setAttributeNS(null, \"r\", style.pointRadius);\n-            }\n-\n-            var rotation = style.rotation;\n-\n-            if ((rotation !== undefined || node._rotation !== undefined) && pos) {\n-                node._rotation = rotation;\n-                rotation |= 0;\n-                if (node.nodeName !== \"svg\") {\n-                    node.setAttributeNS(null, \"transform\",\n-                        \"rotate(\" + rotation + \" \" + pos.x + \" \" +\n-                        pos.y + \")\");\n-                } else {\n-                    var metrics = this.symbolMetrics[src.id];\n-                    node.firstChild.setAttributeNS(null, \"transform\", \"rotate(\" +\n-                        rotation + \" \" +\n-                        metrics[1] + \" \" +\n-                        metrics[2] + \")\");\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    // move ToU far to the left in addition to setting display\n+                    // to \"none\", because at the end of the GMap2 load\n+                    // sequence, display: none will be unset and ToU would be\n+                    // visible after loading a map with a google layer that is\n+                    // initially hidden. \n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\";\n                 }\n             }\n         }\n-\n-        if (options.isFilled) {\n-            node.setAttributeNS(null, \"fill\", style.fillColor);\n-            node.setAttributeNS(null, \"fill-opacity\", style.fillOpacity);\n-        } else {\n-            node.setAttributeNS(null, \"fill\", \"none\");\n-        }\n-\n-        if (options.isStroked) {\n-            node.setAttributeNS(null, \"stroke\", style.strokeColor);\n-            node.setAttributeNS(null, \"stroke-opacity\", style.strokeOpacity);\n-            node.setAttributeNS(null, \"stroke-width\", style.strokeWidth * widthFactor);\n-            node.setAttributeNS(null, \"stroke-linecap\", style.strokeLinecap || \"round\");\n-            // Hard-coded linejoin for now, to make it look the same as in VML.\n-            // There is no strokeLinejoin property yet for symbolizers.\n-            node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n-            style.strokeDashstyle && node.setAttributeNS(null,\n-                \"stroke-dasharray\", this.dashStyle(style, widthFactor));\n-        } else {\n-            node.setAttributeNS(null, \"stroke\", \"none\");\n-        }\n-\n-        if (style.pointerEvents) {\n-            node.setAttributeNS(null, \"pointer-events\", style.pointerEvents);\n-        }\n-\n-        if (style.cursor != null) {\n-            node.setAttributeNS(null, \"cursor\", style.cursor);\n-        }\n-\n-        return node;\n     },\n \n-    /** \n-     * Method: dashStyle\n-     * \n-     * Parameters:\n-     * style - {Object}\n-     * widthFactor - {Number}\n+    /**\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {String} A SVG compliant 'stroke-dasharray' value\n+     * {DOMElement} the GMap container's div\n      */\n-    dashStyle: function(style, widthFactor) {\n-        var w = style.strokeWidth * widthFactor;\n-        var str = style.strokeDashstyle;\n-        switch (str) {\n-            case 'solid':\n-                return 'none';\n-            case 'dot':\n-                return [1, 4 * w].join();\n-            case 'dash':\n-                return [4 * w, 4 * w].join();\n-            case 'dashdot':\n-                return [4 * w, 4 * w, 1, 4 * w].join();\n-            case 'longdash':\n-                return [8 * w, 4 * w].join();\n-            case 'longdashdot':\n-                return [8 * w, 4 * w, 1, 4 * w].join();\n-            default:\n-                return OpenLayers.String.trim(str).replace(/\\s+/g, \",\");\n-        }\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer();\n     },\n \n-    /** \n-     * Method: createNode\n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n+\n+    /**\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n      * \n      * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n+     * olBounds - {<OpenLayers.Bounds>}\n      * \n      * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElementNS(this.xmlns, type);\n-        if (id) {\n-            node.setAttributeNS(null, \"id\", id);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon),\n+                new GLatLng(ne.lat, ne.lon));\n         }\n-        return node;\n+        return moBounds;\n     },\n \n+\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // Get&Set Center, Zoom\n+\n     /** \n-     * Method: nodeTypeCompare\n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n      * \n      * Parameters:\n-     * node - {SVGDomElement} An SVG element\n-     * type - {String} Kind of node\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n-     */\n-    nodeTypeCompare: function(node, type) {\n-        return (type == node.nodeName);\n-    },\n-\n-    /**\n-     * Method: createRenderRoot\n-     * \n-     * Returns:\n-     * {DOMElement} The specific render engine's root element\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n      */\n-    createRenderRoot: function() {\n-        var svg = this.nodeFactory(this.container.id + \"_svgRoot\", \"svg\");\n-        svg.style.display = \"block\";\n-        return svg;\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom);\n     },\n \n     /**\n-     * Method: createRoot\n+     * APIMethod: dragPanMapObject\n      * \n      * Parameters:\n-     * suffix - {String} suffix to append to the id\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * dX - {Integer}\n+     * dY - {Integer}\n      */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"g\");\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY));\n     },\n \n-    /**\n-     * Method: createDefs\n-     *\n-     * Returns:\n-     * {DOMElement} The element to which we'll add the symbol definitions\n-     */\n-    createDefs: function() {\n-        var defs = this.nodeFactory(this.container.id + \"_defs\", \"defs\");\n-        this.rendererRoot.appendChild(defs);\n-        return defs;\n-    },\n \n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n+    // LonLat - Pixel Translation\n \n     /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * moPixel - {Object} MapObject Pixel format\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the point\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel);\n     },\n \n     /**\n-     * Method: drawCircle\n-     * This method is only called by the renderer itself.\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {Float}\n+     * Parameters:\n+     * moLonLat - {Object} MapObject LonLat format\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the circle\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    drawCircle: function(node, geometry, radius) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat);\n+    },\n \n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"cx\", x);\n-            node.setAttributeNS(null, \"cy\", y);\n-            node.setAttributeNS(null, \"r\", radius);\n-            return node;\n-        } else {\n-            return false;\n-        }\n \n-    },\n+    // Bounds\n \n-    /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n+    /** \n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * moBounds - {Object} MapObject Bounds format\n      * \n      * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components of\n-     *     the linestring, or false if nothing could be drawn\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    drawLineString: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n-        } else {\n-            return false;\n-        }\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n     },\n \n-    /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the linear ring, or false if nothing could be drawn\n-     */\n-    drawLinearRing: function(node, geometry) {\n-        var componentsResult = this.getComponentsString(geometry.components);\n-        if (componentsResult.path) {\n-            node.setAttributeNS(null, \"points\", componentsResult.path);\n-            return (componentsResult.complete ? node : null);\n-        } else {\n-            return false;\n-        }\n-    },\n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n+     * APIMethod: getMapObjectLonLatFromLonLat\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * lon - {Float}\n+     * lat - {Float}\n      * \n      * Returns:\n-     * {DOMElement} or null if the renderer could not draw all components\n-     *     of the polygon, or false if nothing could be drawn\n+     * {Object} MapObject LonLat built from lon and lat params\n      */\n-    drawPolygon: function(node, geometry) {\n-        var d = \"\";\n-        var draw = true;\n-        var complete = true;\n-        var linearRingResult, path;\n-        for (var j = 0, len = geometry.components.length; j < len; j++) {\n-            d += \" M\";\n-            linearRingResult = this.getComponentsString(\n-                geometry.components[j].components, \" \");\n-            path = linearRingResult.path;\n-            if (path) {\n-                d += \" \" + path;\n-                complete = linearRingResult.complete && complete;\n-            } else {\n-                draw = false;\n-            }\n-        }\n-        d += \" z\";\n-        if (draw) {\n-            node.setAttributeNS(null, \"d\", d);\n-            node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n-            return complete ? node : null;\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon);\n         } else {\n-            return false;\n+            gLatLng = new GLatLng(lat, lon);\n         }\n+        return gLatLng;\n     },\n \n+    // Pixel\n+\n     /**\n-     * Method: drawRectangle\n-     * This method is only called by the renderer itself.\n+     * APIMethod: getMapObjectPixelFromXY\n      * \n-     * Parameters: \n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * Parameters:\n+     * x - {Integer}\n+     * y - {Integer}\n      * \n      * Returns:\n-     * {DOMElement} or false if the renderer could not draw the rectangle\n-     */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n-        var x = ((geometry.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - geometry.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            node.setAttributeNS(null, \"x\", x);\n-            node.setAttributeNS(null, \"y\", y);\n-            node.setAttributeNS(null, \"width\", geometry.width / resolution);\n-            node.setAttributeNS(null, \"height\", geometry.height / resolution);\n-            return node;\n-        } else {\n-            return false;\n-        }\n-    },\n-\n-    /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     *\n-     * Parameters:\n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    drawText: function(featureId, style, location) {\n-        var drawOutline = (!!style.labelOutlineWidth);\n-        // First draw text in halo color and size and overlay the\n-        // normal text afterwards\n-        if (drawOutline) {\n-            var outlineStyle = OpenLayers.Util.extend({}, style);\n-            outlineStyle.fontColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeColor = outlineStyle.labelOutlineColor;\n-            outlineStyle.fontStrokeWidth = style.labelOutlineWidth;\n-            if (style.labelOutlineOpacity) {\n-                outlineStyle.fontOpacity = style.labelOutlineOpacity;\n-            }\n-            delete outlineStyle.labelOutlineWidth;\n-            this.drawText(featureId, outlineStyle, location);\n-        }\n-\n-        var resolution = this.getResolution();\n-\n-        var x = ((location.x - this.featureDx) / resolution + this.left);\n-        var y = (location.y / resolution - this.top);\n-\n-        var suffix = (drawOutline) ? this.LABEL_OUTLINE_SUFFIX : this.LABEL_ID_SUFFIX;\n-        var label = this.nodeFactory(featureId + suffix, \"text\");\n-\n-        label.setAttributeNS(null, \"x\", x);\n-        label.setAttributeNS(null, \"y\", -y);\n-\n-        if (style.fontColor) {\n-            label.setAttributeNS(null, \"fill\", style.fontColor);\n-        }\n-        if (style.fontStrokeColor) {\n-            label.setAttributeNS(null, \"stroke\", style.fontStrokeColor);\n-        }\n-        if (style.fontStrokeWidth) {\n-            label.setAttributeNS(null, \"stroke-width\", style.fontStrokeWidth);\n-        }\n-        if (style.fontOpacity) {\n-            label.setAttributeNS(null, \"opacity\", style.fontOpacity);\n-        }\n-        if (style.fontFamily) {\n-            label.setAttributeNS(null, \"font-family\", style.fontFamily);\n-        }\n-        if (style.fontSize) {\n-            label.setAttributeNS(null, \"font-size\", style.fontSize);\n-        }\n-        if (style.fontWeight) {\n-            label.setAttributeNS(null, \"font-weight\", style.fontWeight);\n-        }\n-        if (style.fontStyle) {\n-            label.setAttributeNS(null, \"font-style\", style.fontStyle);\n-        }\n-        if (style.labelSelect === true) {\n-            label.setAttributeNS(null, \"pointer-events\", \"visible\");\n-            label._featureId = featureId;\n-        } else {\n-            label.setAttributeNS(null, \"pointer-events\", \"none\");\n-        }\n-        var align = style.labelAlign || OpenLayers.Renderer.defaultSymbolizer.labelAlign;\n-        label.setAttributeNS(null, \"text-anchor\",\n-            OpenLayers.Renderer.SVG.LABEL_ALIGN[align[0]] || \"middle\");\n-\n-        if (OpenLayers.IS_GECKO === true) {\n-            label.setAttributeNS(null, \"dominant-baseline\",\n-                OpenLayers.Renderer.SVG.LABEL_ALIGN[align[1]] || \"central\");\n-        }\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y);\n+    }\n \n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        while (label.childNodes.length > numRows) {\n-            label.removeChild(label.lastChild);\n-        }\n-        for (var i = 0; i < numRows; i++) {\n-            var tspan = this.nodeFactory(featureId + suffix + \"_tspan_\" + i, \"tspan\");\n-            if (style.labelSelect === true) {\n-                tspan._featureId = featureId;\n-                tspan._geometry = location;\n-                tspan._geometryClass = location.CLASS_NAME;\n-            }\n-            if (OpenLayers.IS_GECKO === false) {\n-                tspan.setAttributeNS(null, \"baseline-shift\",\n-                    OpenLayers.Renderer.SVG.LABEL_VSHIFT[align[1]] || \"-35%\");\n-            }\n-            tspan.setAttribute(\"x\", x);\n-            if (i == 0) {\n-                var vfactor = OpenLayers.Renderer.SVG.LABEL_VFACTOR[align[1]];\n-                if (vfactor == null) {\n-                    vfactor = -.5;\n-                }\n-                tspan.setAttribute(\"dy\", (vfactor * (numRows - 1)) + \"em\");\n-            } else {\n-                tspan.setAttribute(\"dy\", \"1em\");\n-            }\n-            tspan.textContent = (labelRows[i] === '') ? ' ' : labelRows[i];\n-            if (!tspan.parentNode) {\n-                label.appendChild(tspan);\n-            }\n-        }\n+};\n+/* ======================================================================\n+    OpenLayers/Layer/PointTrack.js\n+   ====================================================================== */\n \n-        if (!label.parentNode) {\n-            this.textRoot.appendChild(label);\n-        }\n-    },\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-    /** \n-     * Method: getComponentString\n-     * \n-     * Parameters:\n-     * components - {Array(<OpenLayers.Geometry.Point>)} Array of points\n-     * separator - {String} character between coordinate pairs. Defaults to \",\"\n-     * \n-     * Returns:\n-     * {Object} hash with properties \"path\" (the string created from the\n-     *     components and \"complete\" (false if the renderer was unable to\n-     *     draw all components)\n-     */\n-    getComponentsString: function(components, separator) {\n-        var renderCmp = [];\n-        var complete = true;\n-        var len = components.length;\n-        var strings = [];\n-        var str, component;\n-        for (var i = 0; i < len; i++) {\n-            component = components[i];\n-            renderCmp.push(component);\n-            str = this.getShortString(component);\n-            if (str) {\n-                strings.push(str);\n-            } else {\n-                // The current component is outside the valid range. Let's\n-                // see if the previous or next component is inside the range.\n-                // If so, add the coordinate of the intersection with the\n-                // valid range bounds.\n-                if (i > 0) {\n-                    if (this.getShortString(components[i - 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i - 1]));\n-                    }\n-                }\n-                if (i < len - 1) {\n-                    if (this.getShortString(components[i + 1])) {\n-                        strings.push(this.clipLine(components[i],\n-                            components[i + 1]));\n-                    }\n-                }\n-                complete = false;\n-            }\n-        }\n+/**\n+ * @requires OpenLayers/Layer/Vector.js\n+ */\n \n-        return {\n-            path: strings.join(separator || \",\"),\n-            complete: complete\n-        };\n-    },\n+/**\n+ * Class: OpenLayers.Layer.PointTrack\n+ * Vector layer to display ordered point features as a line, creating one\n+ * LineString feature for each pair of two points.\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Vector> \n+ */\n+OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n \n     /**\n-     * Method: clipLine\n-     * Given two points (one inside the valid range, and one outside),\n-     * clips the line betweeen the two points so that the new points are both\n-     * inside the valid range.\n-     * \n-     * Parameters:\n-     * badComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     invalid point\n-     * goodComponent - {<OpenLayers.Geometry.Point>} original geometry of the\n-     *     valid point\n-     * Returns\n-     * {String} the SVG coordinate pair of the clipped point (like\n-     *     getShortString), or an empty string if both passed componets are at\n-     *     the same point.\n+     * APIProperty: dataFrom\n+     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n+     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n+     *     should get the data/attributes from one of the two points it is\n+     *     composed of, which one should it be?\n      */\n-    clipLine: function(badComponent, goodComponent) {\n-        if (goodComponent.equals(badComponent)) {\n-            return \"\";\n-        }\n-        var resolution = this.getResolution();\n-        var maxX = this.MAX_PIXEL - this.translationParameters.x;\n-        var maxY = this.MAX_PIXEL - this.translationParameters.y;\n-        var x1 = (goodComponent.x - this.featureDx) / resolution + this.left;\n-        var y1 = this.top - goodComponent.y / resolution;\n-        var x2 = (badComponent.x - this.featureDx) / resolution + this.left;\n-        var y2 = this.top - badComponent.y / resolution;\n-        var k;\n-        if (x2 < -maxX || x2 > maxX) {\n-            k = (y2 - y1) / (x2 - x1);\n-            x2 = x2 < 0 ? -maxX : maxX;\n-            y2 = y1 + (x2 - x1) * k;\n-        }\n-        if (y2 < -maxY || y2 > maxY) {\n-            k = (x2 - x1) / (y2 - y1);\n-            y2 = y2 < 0 ? -maxY : maxY;\n-            x2 = x1 + (y2 - y1) * k;\n-        }\n-        return x2 + \",\" + y2;\n-    },\n+    dataFrom: null,\n \n-    /** \n-     * Method: getShortString\n-     * \n-     * Parameters:\n-     * point - {<OpenLayers.Geometry.Point>}\n-     * \n-     * Returns:\n-     * {String} or false if point is outside the valid range\n+    /**\n+     * APIProperty: styleFrom\n+     *     {<OpenLayers.Layer.PointTrack.TARGET_NODE>} or\n+     *     {<OpenLayers.Layer.PointTrack.SOURCE_NODE>} optional. If the lines\n+     *     should get the style from one of the two points it is composed of,\n+     *     which one should it be?\n      */\n-    getShortString: function(point) {\n-        var resolution = this.getResolution();\n-        var x = ((point.x - this.featureDx) / resolution + this.left);\n-        var y = (this.top - point.y / resolution);\n-\n-        if (this.inValidRange(x, y)) {\n-            return x + \",\" + y;\n-        } else {\n-            return false;\n-        }\n-    },\n+    styleFrom: null,\n \n     /**\n-     * Method: getPosition\n-     * Finds the position of an svg node.\n-     * \n+     * Constructor: OpenLayers.PointTrack\n+     * Constructor for a new OpenLayers.PointTrack instance.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * \n-     * Returns:\n-     * {Object} hash with x and y properties, representing the coordinates\n-     *     within the svg coordinate system\n+     * name     - {String} name of the layer\n+     * options  - {Object} Optional object with properties to tag onto the\n+     *            instance.\n      */\n-    getPosition: function(node) {\n-        return ({\n-            x: parseFloat(node.getAttributeNS(null, \"cx\")),\n-            y: parseFloat(node.getAttributeNS(null, \"cy\"))\n-        });\n-    },\n \n     /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n+     * APIMethod: addNodes\n+     * Adds point features that will be used to create lines from, using point\n+     * pairs. The first point of a pair will be the source node, the second\n+     * will be the target node.\n      * \n      * Parameters:\n-     * graphicName - {String} name of the symbol to import\n+     * pointFeatures - {Array(<OpenLayers.Feature>)}\n+     * options - {Object}\n      * \n-     * Returns:\n-     * {DOMElement} - the imported symbol\n+     * Supported options:\n+     * silent - {Boolean} true to suppress (before)feature(s)added events\n      */\n-    importSymbol: function(graphicName) {\n-        if (!this.defs) {\n-            // create svg defs tag\n-            this.defs = this.createDefs();\n-        }\n-        var id = this.container.id + \"-\" + graphicName;\n-\n-        // check if symbol already exists in the defs\n-        var existing = document.getElementById(id);\n-        if (existing != null) {\n-            return existing;\n-        }\n-\n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n+    addNodes: function(pointFeatures, options) {\n+        if (pointFeatures.length < 2) {\n+            throw new Error(\"At least two point features have to be added to \" +\n+                \"create a line from\");\n         }\n \n-        var symbolNode = this.nodeFactory(id, \"symbol\");\n-        var node = this.nodeFactory(null, \"polygon\");\n-        symbolNode.appendChild(node);\n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n+        var lines = new Array(pointFeatures.length - 1);\n \n-        var points = [];\n-        var x, y;\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            x = symbol[i];\n-            y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n-            points.push(x, \",\", y);\n-        }\n+        var pointFeature, startPoint, endPoint;\n+        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n+            pointFeature = pointFeatures[i];\n+            endPoint = pointFeature.geometry;\n \n-        node.setAttributeNS(null, \"points\", points.join(\" \"));\n+            if (!endPoint) {\n+                var lonlat = pointFeature.lonlat;\n+                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n+            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+                throw new TypeError(\"Only features with point geometries are supported.\");\n+            }\n \n-        var width = symbolExtent.getWidth();\n-        var height = symbolExtent.getHeight();\n-        // create a viewBox three times as large as the symbol itself,\n-        // to allow for strokeWidth being displayed correctly at the corners.\n-        var viewBox = [symbolExtent.left - width,\n-            symbolExtent.bottom - height, width * 3, height * 3\n-        ];\n-        symbolNode.setAttributeNS(null, \"viewBox\", viewBox.join(\" \"));\n-        this.symbolMetrics[id] = [\n-            Math.max(width, height),\n-            symbolExtent.getCenterLonLat().lon,\n-            symbolExtent.getCenterLonLat().lat\n-        ];\n+            if (i > 0) {\n+                var attributes = (this.dataFrom != null) ?\n+                    (pointFeatures[i + this.dataFrom].data ||\n+                        pointFeatures[i + this.dataFrom].attributes) :\n+                    null;\n+                var style = (this.styleFrom != null) ?\n+                    (pointFeatures[i + this.styleFrom].style) :\n+                    null;\n+                var line = new OpenLayers.Geometry.LineString([startPoint,\n+                    endPoint\n+                ]);\n \n-        this.defs.appendChild(symbolNode);\n-        return symbolNode;\n-    },\n+                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes,\n+                    style);\n+            }\n \n-    /**\n-     * Method: getFeatureIdFromEvent\n-     * \n-     * Parameters:\n-     * evt - {Object} An <OpenLayers.Event> object\n-     *\n-     * Returns:\n-     * {String} A feature id or undefined.\n-     */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId = OpenLayers.Renderer.Elements.prototype.getFeatureIdFromEvent.apply(this, arguments);\n-        if (!featureId) {\n-            var target = evt.target;\n-            featureId = target.parentNode && target != this.rendererRoot ?\n-                target.parentNode._featureId : undefined;\n+            startPoint = endPoint;\n         }\n-        return featureId;\n+\n+        this.addFeatures(lines, options);\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.SVG\"\n+    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n });\n \n /**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.SVG.LABEL_ALIGN = {\n-    \"l\": \"start\",\n-    \"r\": \"end\",\n-    \"b\": \"bottom\",\n-    \"t\": \"hanging\"\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VSHIFT\n- * {Object}\n+ * Constant: OpenLayers.Layer.PointTrack.SOURCE_NODE\n+ * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n+ * <OpenLayers.Layer.PointTrack.styleFrom>\n  */\n-OpenLayers.Renderer.SVG.LABEL_VSHIFT = {\n-    // according to\n-    // http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-text-align-02-b.html\n-    // a baseline-shift of -70% shifts the text exactly from the\n-    // bottom to the top of the baseline, so -35% moves the text to\n-    // the center of the baseline.\n-    \"t\": \"-70%\",\n-    \"b\": \"0\"\n-};\n+OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n \n /**\n- * Constant: OpenLayers.Renderer.SVG.LABEL_VFACTOR\n- * {Object}\n+ * Constant: OpenLayers.Layer.PointTrack.TARGET_NODE\n+ * {Number} value for <OpenLayers.Layer.PointTrack.dataFrom> and\n+ * <OpenLayers.Layer.PointTrack.styleFrom>\n  */\n-OpenLayers.Renderer.SVG.LABEL_VFACTOR = {\n-    \"t\": 0,\n-    \"b\": -1\n-};\n+OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n \n /**\n- * Function: OpenLayers.Renderer.SVG.preventDefault\n- * *Deprecated*.  Use <OpenLayers.Event.preventDefault> method instead.\n- * Used to prevent default events (especially opening images in a new tab on\n- * ctrl-click) from being executed for externalGraphic symbols\n+ * Constant: OpenLayers.Layer.PointTrack.dataFrom\n+ * {Object} with the following keys - *deprecated*\n+ * - SOURCE_NODE: take data/attributes from the source node of the line\n+ * - TARGET_NODE: take data/attributes from the target node of the line\n  */\n-OpenLayers.Renderer.SVG.preventDefault = function(e) {\n-    OpenLayers.Event.preventDefault(e);\n+OpenLayers.Layer.PointTrack.dataFrom = {\n+    'SOURCE_NODE': -1,\n+    'TARGET_NODE': 0\n };\n /* ======================================================================\n-    OpenLayers/Renderer/VML.js\n+    OpenLayers/Layer/Zoomify.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+/*\n+ * Development supported by a R&D grant DC08P02OUK006 - Old Maps Online\n+ * (www.oldmapsonline.org) from Ministry of Culture of the Czech Republic.\n+ */\n+\n+\n /**\n- * @requires OpenLayers/Renderer/Elements.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.VML\n- * Render vector features in browsers with VML capability.  Construct a new\n- * VML renderer with the <OpenLayers.Renderer.VML> constructor.\n- * \n- * Note that for all calculations in this class, we use (num | 0) to truncate a \n- * float value to an integer. This is done because it seems that VML doesn't \n- * support float values.\n+ * Class: OpenLayers.Layer.Zoomify\n  *\n  * Inherits from:\n- *  - <OpenLayers.Renderer.Elements>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Renderer.VML = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n+OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Property: xmlns\n-     * {String} XML Namespace URN\n+     * Property: size\n+     * {<OpenLayers.Size>} The Zoomify image size in pixels.\n      */\n-    xmlns: \"urn:schemas-microsoft-com:vml\",\n+    size: null,\n \n     /**\n-     * Property: symbolCache\n-     * {DOMElement} node holding symbols. This hash is keyed by symbol name,\n-     *     and each value is a hash with a \"path\" and an \"extent\" property.\n+     * APIProperty: isBaseLayer\n+     * {Boolean}\n      */\n-    symbolCache: {},\n+    isBaseLayer: true,\n \n     /**\n-     * Property: offset\n-     * {Object} Hash with \"x\" and \"y\" properties\n+     * Property: standardTileSize\n+     * {Integer} The size of a standard (non-border) square tile in pixels.\n      */\n-    offset: null,\n+    standardTileSize: 256,\n+\n+    /** \n+     * Property: tileOriginCorner\n+     * {String} This layer uses top-left as tile origin\n+     **/\n+    tileOriginCorner: \"tl\",\n \n     /**\n-     * Constructor: OpenLayers.Renderer.VML\n-     * Create a new VML renderer.\n-     *\n-     * Parameters:\n-     * containerID - {String} The id for the element that contains the renderer\n+     * Property: numberOfTiers\n+     * {Integer} Depth of the Zoomify pyramid, number of tiers (zoom levels)\n+     *                          - filled during Zoomify pyramid initialization.\n      */\n-    initialize: function(containerID) {\n-        if (!this.supported()) {\n-            return;\n-        }\n-        if (!document.namespaces.olv) {\n-            document.namespaces.add(\"olv\", this.xmlns);\n-            var style = document.createStyleSheet();\n-            var shapes = ['shape', 'rect', 'oval', 'fill', 'stroke', 'imagedata', 'group', 'textbox'];\n-            for (var i = 0, len = shapes.length; i < len; i++) {\n+    numberOfTiers: 0,\n \n-                style.addRule('olv\\\\:' + shapes[i], \"behavior: url(#default#VML); \" +\n-                    \"position: absolute; display: inline-block;\");\n-            }\n-        }\n+    /**\n+     * Property: tileCountUpToTier\n+     * {Array(Integer)} Number of tiles up to the given tier of pyramid.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tileCountUpToTier: null,\n \n-        OpenLayers.Renderer.Elements.prototype.initialize.apply(this,\n-            arguments);\n-    },\n+    /**\n+     * Property: tierSizeInTiles\n+     * {Array(<OpenLayers.Size>)} Size (in tiles) for each tier of pyramid.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tierSizeInTiles: null,\n \n     /**\n-     * APIMethod: supported\n-     * Determine whether a browser supports this renderer.\n+     * Property: tierImageSize\n+     * {Array(<OpenLayers.Size>)} Image size in pixels for each pyramid tier.\n+     *                          - filled during Zoomify pyramid initialization.\n+     */\n+    tierImageSize: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Zoomify\n      *\n-     * Returns:\n-     * {Boolean} The browser supports the VML renderer\n+     * Parameters:\n+     * name - {String} A name for the layer.\n+     * url - {String} - Relative or absolute path to the image or more\n+     *        precisly to the TileGroup[X] directories root.\n+     *        Flash plugin use the variable name \"zoomifyImagePath\" for this.\n+     * size - {<OpenLayers.Size>} The size (in pixels) of the image.\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n-    supported: function() {\n-        return !!(document.namespaces);\n+    initialize: function(name, url, size, options) {\n+\n+        // initilize the Zoomify pyramid for given size\n+        this.initializeZoomify(size);\n+\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [\n+            name, url, size, {},\n+            options\n+        ]);\n     },\n \n     /**\n-     * Method: setExtent\n-     * Set the renderer's extent\n+     * Method: initializeZoomify\n+     * It generates constants for all tiers of the Zoomify pyramid\n      *\n      * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     * \n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n+     * size - {<OpenLayers.Size>} The size of the image in pixels\n+     *\n      */\n-    setExtent: function(extent, resolutionChanged) {\n-        var coordSysUnchanged = OpenLayers.Renderer.Elements.prototype.setExtent.apply(this, arguments);\n-        var resolution = this.getResolution();\n-\n-        var left = (extent.left / resolution) | 0;\n-        var top = (extent.top / resolution - this.size.h) | 0;\n-        if (resolutionChanged || !this.offset) {\n-            this.offset = {\n-                x: left,\n-                y: top\n-            };\n-            left = 0;\n-            top = 0;\n-        } else {\n-            left = left - this.offset.x;\n-            top = top - this.offset.y;\n-        }\n+    initializeZoomify: function(size) {\n \n+        var imageSize = size.clone();\n+        this.size = size.clone();\n+        var tiles = new OpenLayers.Size(\n+            Math.ceil(imageSize.w / this.standardTileSize),\n+            Math.ceil(imageSize.h / this.standardTileSize)\n+        );\n \n-        var org = (left - this.xOffset) + \" \" + top;\n-        this.root.coordorigin = org;\n-        var roots = [this.root, this.vectorRoot, this.textRoot];\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n+        this.tierSizeInTiles = [tiles];\n+        this.tierImageSize = [imageSize];\n \n-            var size = this.size.w + \" \" + this.size.h;\n-            root.coordsize = size;\n+        while (imageSize.w > this.standardTileSize ||\n+            imageSize.h > this.standardTileSize) {\n \n+            imageSize = new OpenLayers.Size(\n+                Math.floor(imageSize.w / 2),\n+                Math.floor(imageSize.h / 2)\n+            );\n+            tiles = new OpenLayers.Size(\n+                Math.ceil(imageSize.w / this.standardTileSize),\n+                Math.ceil(imageSize.h / this.standardTileSize)\n+            );\n+            this.tierSizeInTiles.push(tiles);\n+            this.tierImageSize.push(imageSize);\n         }\n-        // flip the VML display Y axis upside down so it \n-        // matches the display Y axis of the map\n-        this.root.style.flip = \"y\";\n \n-        return coordSysUnchanged;\n-    },\n+        this.tierSizeInTiles.reverse();\n+        this.tierImageSize.reverse();\n \n+        this.numberOfTiers = this.tierSizeInTiles.length;\n+        var resolutions = [1];\n+        this.tileCountUpToTier = [0];\n+        for (var i = 1; i < this.numberOfTiers; i++) {\n+            resolutions.unshift(Math.pow(2, i));\n+            this.tileCountUpToTier.push(\n+                this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h +\n+                this.tileCountUpToTier[i - 1]\n+            );\n+        }\n+        if (!this.serverResolutions) {\n+            this.serverResolutions = resolutions;\n+        }\n+    },\n \n     /**\n-     * Method: setSize\n-     * Set the size of the drawing surface\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} the size of the drawing surface\n+     * APIMethod:destroy\n      */\n-    setSize: function(size) {\n-        OpenLayers.Renderer.prototype.setSize.apply(this, arguments);\n+    destroy: function() {\n+        // for now, nothing special to do here.\n+        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n+\n+        // Remove from memory the Zoomify pyramid - is that enough?\n+        this.tileCountUpToTier.length = 0;\n+        this.tierSizeInTiles.length = 0;\n+        this.tierImageSize.length = 0;\n \n-        // setting width and height on all roots to avoid flicker which we\n-        // would get with 100% width and height on child roots\n-        var roots = [\n-            this.rendererRoot,\n-            this.root,\n-            this.vectorRoot,\n-            this.textRoot\n-        ];\n-        var w = this.size.w + \"px\";\n-        var h = this.size.h + \"px\";\n-        var root;\n-        for (var i = 0, len = roots.length; i < len; ++i) {\n-            root = roots[i];\n-            root.style.width = w;\n-            root.style.height = h;\n-        }\n     },\n \n     /**\n-     * Method: getNodeType\n-     * Get the node type for a geometry and style\n+     * APIMethod: clone\n      *\n      * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * style - {Object}\n+     * obj - {Object}\n      *\n      * Returns:\n-     * {String} The corresponding node type for the specified geometry\n+     * {<OpenLayers.Layer.Zoomify>} An exact clone of this <OpenLayers.Layer.Zoomify>\n      */\n-    getNodeType: function(geometry, style) {\n-        var nodeType = null;\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                if (style.externalGraphic) {\n-                    nodeType = \"olv:rect\";\n-                } else if (this.isComplexSymbol(style.graphicName)) {\n-                    nodeType = \"olv:shape\";\n-                } else {\n-                    nodeType = \"olv:oval\";\n-                }\n-                break;\n-            case \"OpenLayers.Geometry.Rectangle\":\n-                nodeType = \"olv:rect\";\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-            case \"OpenLayers.Geometry.LinearRing\":\n-            case \"OpenLayers.Geometry.Polygon\":\n-            case \"OpenLayers.Geometry.Curve\":\n-                nodeType = \"olv:shape\";\n-                break;\n-            default:\n-                break;\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Zoomify(this.name,\n+                this.url,\n+                this.size,\n+                this.options);\n         }\n-        return nodeType;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: setStyle\n-     * Use to set all the style attributes to a VML node.\n+     * Method: getURL\n      *\n      * Parameters:\n-     * node - {DOMElement} An VML element to decorate\n-     * style - {Object}\n-     * options - {Object} Currently supported options include \n-     *                              'isFilled' {Boolean} and\n-     *                              'isStroked' {Boolean}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the\n+     *          passed-in bounds and appropriate tile size specified as\n+     *          parameters\n      */\n-    setStyle: function(node, style, options, geometry) {\n-        style = style || node._style;\n-        options = options || node._options;\n-        var fillColor = style.fillColor;\n-\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            node.title = title;\n-        }\n-\n-        if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-            if (style.externalGraphic) {\n-                options.isFilled = true;\n-                var width = style.graphicWidth || style.graphicHeight;\n-                var height = style.graphicHeight || style.graphicWidth;\n-                width = width ? width : style.pointRadius * 2;\n-                height = height ? height : style.pointRadius * 2;\n-\n-                var resolution = this.getResolution();\n-                var xOffset = (style.graphicXOffset != undefined) ?\n-                    style.graphicXOffset : -(0.5 * width);\n-                var yOffset = (style.graphicYOffset != undefined) ?\n-                    style.graphicYOffset : -(0.5 * height);\n-\n-                node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) + xOffset) | 0) + \"px\";\n-                node.style.top = (((geometry.y / resolution - this.offset.y) - (yOffset + height)) | 0) + \"px\";\n-                node.style.width = width + \"px\";\n-                node.style.height = height + \"px\";\n-                node.style.flip = \"y\";\n-\n-                // modify fillColor and options for stroke styling below\n-                fillColor = \"none\";\n-                options.isStroked = false;\n-            } else if (this.isComplexSymbol(style.graphicName)) {\n-                var cache = this.importSymbol(style.graphicName);\n-                node.path = cache.path;\n-                node.coordorigin = cache.left + \",\" + cache.bottom;\n-                var size = cache.size;\n-                node.coordsize = size + \",\" + size;\n-                this.drawCircle(node, geometry, style.pointRadius);\n-                node.style.flip = \"y\";\n-            } else {\n-                this.drawCircle(node, geometry, style.pointRadius);\n-            }\n-        }\n-\n-        // fill \n-        if (options.isFilled) {\n-            node.fillcolor = fillColor;\n-        } else {\n-            node.filled = \"false\";\n-        }\n-        var fills = node.getElementsByTagName(\"fill\");\n-        var fill = (fills.length == 0) ? null : fills[0];\n-        if (!options.isFilled) {\n-            if (fill) {\n-                node.removeChild(fill);\n-            }\n-        } else {\n-            if (!fill) {\n-                fill = this.createNode('olv:fill', node.id + \"_fill\");\n-            }\n-            fill.opacity = style.fillOpacity;\n-\n-            if (node._geometryClass === \"OpenLayers.Geometry.Point\" &&\n-                style.externalGraphic) {\n-\n-                // override fillOpacity\n-                if (style.graphicOpacity) {\n-                    fill.opacity = style.graphicOpacity;\n-                }\n-\n-                fill.src = style.externalGraphic;\n-                fill.type = \"frame\";\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getZoomForResolution(res);\n \n-                if (!(style.graphicWidth && style.graphicHeight)) {\n-                    fill.aspect = \"atmost\";\n-                }\n-            }\n-            if (fill.parentNode != node) {\n-                node.appendChild(fill);\n-            }\n+        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n+        var path = \"TileGroup\" + Math.floor((tileIndex) / 256) +\n+            \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url);\n         }\n+        return url + path;\n+    },\n \n-        // additional rendering for rotated graphics or symbols\n-        var rotation = style.rotation;\n-        if ((rotation !== undefined || node._rotation !== undefined)) {\n-            node._rotation = rotation;\n-            if (style.externalGraphic) {\n-                this.graphicRotate(node, xOffset, yOffset, style);\n-                // make the fill fully transparent, because we now have\n-                // the graphic as imagedata element. We cannot just remove\n-                // the fill, because this is part of the hack described\n-                // in graphicRotate\n-                fill.opacity = 0;\n-            } else if (node._geometryClass === \"OpenLayers.Geometry.Point\") {\n-                node.style.rotation = rotation || 0;\n+    /**\n+     * Method: getImageSize\n+     * getImageSize returns size for a particular tile. If bounds are given as\n+     * first argument, size is calculated (bottom-right tiles are non square).\n+     *\n+     */\n+    getImageSize: function() {\n+        if (arguments.length > 0) {\n+            var bounds = this.adjustBounds(arguments[0]);\n+            var res = this.getServerResolution();\n+            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+            var z = this.getZoomForResolution(res);\n+            var w = this.standardTileSize;\n+            var h = this.standardTileSize;\n+            if (x == this.tierSizeInTiles[z].w - 1) {\n+                var w = this.tierImageSize[z].w % this.standardTileSize;\n             }\n-        }\n-\n-        // stroke \n-        var strokes = node.getElementsByTagName(\"stroke\");\n-        var stroke = (strokes.length == 0) ? null : strokes[0];\n-        if (!options.isStroked) {\n-            node.stroked = false;\n-            if (stroke) {\n-                stroke.on = false;\n+            if (y == this.tierSizeInTiles[z].h - 1) {\n+                var h = this.tierImageSize[z].h % this.standardTileSize;\n             }\n+            return (new OpenLayers.Size(w, h));\n         } else {\n-            if (!stroke) {\n-                stroke = this.createNode('olv:stroke', node.id + \"_stroke\");\n-                node.appendChild(stroke);\n-            }\n-            stroke.on = true;\n-            stroke.color = style.strokeColor;\n-            stroke.weight = style.strokeWidth + \"px\";\n-            stroke.opacity = style.strokeOpacity;\n-            stroke.endcap = style.strokeLinecap == 'butt' ? 'flat' :\n-                (style.strokeLinecap || 'round');\n-            if (style.strokeDashstyle) {\n-                stroke.dashstyle = this.dashStyle(style);\n-            }\n-        }\n-\n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            node.style.cursor = style.cursor;\n+            return this.tileSize;\n         }\n-        return node;\n     },\n \n     /**\n-     * Method: graphicRotate\n-     * If a point is to be styled with externalGraphic and rotation, VML fills\n-     * cannot be used to display the graphic, because rotation of graphic\n-     * fills is not supported by the VML implementation of Internet Explorer.\n-     * This method creates a olv:imagedata element inside the VML node,\n-     * DXImageTransform.Matrix and BasicImage filters for rotation and\n-     * opacity, and a 3-step hack to remove rendering artefacts from the\n-     * graphic and preserve the ability of graphics to trigger events.\n-     * Finally, OpenLayers methods are used to determine the correct\n-     * insertion point of the rotated image, because DXImageTransform.Matrix\n-     * does the rotation without the ability to specify a rotation center\n-     * point.\n-     * \n+     * APIMethod: setMap\n+     * When the layer is added to a map, then we can fetch our origin\n+     *    (if we don't have one.)\n+     *\n      * Parameters:\n-     * node    - {DOMElement}\n-     * xOffset - {Number} rotation center relative to image, x coordinate\n-     * yOffset - {Number} rotation center relative to image, y coordinate\n-     * style   - {Object}\n+     * map - {<OpenLayers.Map>}\n      */\n-    graphicRotate: function(node, xOffset, yOffset, style) {\n-        var style = style || node._style;\n-        var rotation = style.rotation || 0;\n-\n-        var aspectRatio, size;\n-        if (!(style.graphicWidth && style.graphicHeight)) {\n-            // load the image to determine its size\n-            var img = new Image();\n-            img.onreadystatechange = OpenLayers.Function.bind(function() {\n-                if (img.readyState == \"complete\" ||\n-                    img.readyState == \"interactive\") {\n-                    aspectRatio = img.width / img.height;\n-                    size = Math.max(style.pointRadius * 2,\n-                        style.graphicWidth || 0,\n-                        style.graphicHeight || 0);\n-                    xOffset = xOffset * aspectRatio;\n-                    style.graphicWidth = size * aspectRatio;\n-                    style.graphicHeight = size;\n-                    this.graphicRotate(node, xOffset, yOffset, style);\n-                }\n-            }, this);\n-            img.src = style.externalGraphic;\n-\n-            // will be called again by the onreadystate handler\n-            return;\n-        } else {\n-            size = Math.max(style.graphicWidth, style.graphicHeight);\n-            aspectRatio = style.graphicWidth / style.graphicHeight;\n-        }\n-\n-        var width = Math.round(style.graphicWidth || size * aspectRatio);\n-        var height = Math.round(style.graphicHeight || size);\n-        node.style.width = width + \"px\";\n-        node.style.height = height + \"px\";\n-\n-        // Three steps are required to remove artefacts for images with\n-        // transparent backgrounds (resulting from using DXImageTransform\n-        // filters on svg objects), while preserving awareness for browser\n-        // events on images:\n-        // - Use the fill as usual (like for unrotated images) to handle\n-        //   events\n-        // - specify an imagedata element with the same src as the fill\n-        // - style the imagedata element with an AlphaImageLoader filter\n-        //   with empty src\n-        var image = document.getElementById(node.id + \"_image\");\n-        if (!image) {\n-            image = this.createNode(\"olv:imagedata\", node.id + \"_image\");\n-            node.appendChild(image);\n-        }\n-        image.style.width = width + \"px\";\n-        image.style.height = height + \"px\";\n-        image.src = style.externalGraphic;\n-        image.style.filter =\n-            \"progid:DXImageTransform.Microsoft.AlphaImageLoader(\" +\n-            \"src='', sizingMethod='scale')\";\n-\n-        var rot = rotation * Math.PI / 180;\n-        var sintheta = Math.sin(rot);\n-        var costheta = Math.cos(rot);\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,\n+            this.map.maxExtent.top);\n+    },\n \n-        // do the rotation on the image\n-        var filter =\n-            \"progid:DXImageTransform.Microsoft.Matrix(M11=\" + costheta +\n-            \",M12=\" + (-sintheta) + \",M21=\" + sintheta + \",M22=\" + costheta +\n-            \",SizingMethod='auto expand')\\n\";\n+    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/ArcIMS.js\n+   ====================================================================== */\n \n-        // set the opacity (needed for the imagedata)\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        if (opacity && opacity != 1) {\n-            filter +=\n-                \"progid:DXImageTransform.Microsoft.BasicImage(opacity=\" +\n-                opacity + \")\\n\";\n-        }\n-        node.style.filter = filter;\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n \n-        // do the rotation again on a box, so we know the insertion point\n-        var centerPoint = new OpenLayers.Geometry.Point(-xOffset, -yOffset);\n-        var imgBox = new OpenLayers.Bounds(0, 0, width, height).toGeometry();\n-        imgBox.rotate(style.rotation, centerPoint);\n-        var imgBounds = imgBox.getBounds();\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Format/ArcXML.js\n+ * @requires OpenLayers/Request.js\n+ */\n \n-        node.style.left = Math.round(\n-            parseInt(node.style.left) + imgBounds.left) + \"px\";\n-        node.style.top = Math.round(\n-            parseInt(node.style.top) - imgBounds.bottom) + \"px\";\n-    },\n+/**\n+ * Class: OpenLayers.Layer.ArcIMS\n+ * Instances of OpenLayers.Layer.ArcIMS are used to display data from ESRI ArcIMS\n+ *     Mapping Services. Create a new ArcIMS layer with the <OpenLayers.Layer.ArcIMS>\n+ *     constructor.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n     /**\n-     * Method: postDraw\n-     * Does some node postprocessing to work around browser issues:\n-     * - Some versions of Internet Explorer seem to be unable to set fillcolor\n-     *   and strokecolor to \"none\" correctly before the fill node is appended\n-     *   to a visible vml node. This method takes care of that and sets\n-     *   fillcolor and strokecolor again if needed.\n-     * - In some cases, a node won't become visible after being drawn. Setting\n-     *   style.visibility to \"visible\" works around that.\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Default query string parameters.\n      */\n-    postDraw: function(node) {\n-        node.style.visibility = \"visible\";\n-        var fillColor = node._style.fillColor;\n-        var strokeColor = node._style.strokeColor;\n-        if (fillColor == \"none\" &&\n-            node.fillcolor != fillColor) {\n-            node.fillcolor = fillColor;\n-        }\n-        if (strokeColor == \"none\" &&\n-            node.strokecolor != strokeColor) {\n-            node.strokecolor = strokeColor;\n-        }\n+    DEFAULT_PARAMS: {\n+        ClientVersion: \"9.2\",\n+        ServiceName: ''\n     },\n \n+    /**\n+     * APIProperty: featureCoordSys\n+     * {String} Code for feature coordinate system.  Default is \"4326\".\n+     */\n+    featureCoordSys: \"4326\",\n \n     /**\n-     * Method: setNodeDimension\n-     * Get the geometry's bounds, convert it to our vml coordinate system, \n-     * then set the node's position, size, and local coordinate system.\n-     *   \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n+     * APIProperty: filterCoordSys\n+     * {String} Code for filter coordinate system.  Default is \"4326\".\n      */\n-    setNodeDimension: function(node, geometry) {\n+    filterCoordSys: \"4326\",\n \n-        var bbox = geometry.getBounds();\n-        if (bbox) {\n-            var resolution = this.getResolution();\n+    /**\n+     * APIProperty: layers\n+     * {Array} An array of objects with layer properties.\n+     */\n+    layers: null,\n \n-            var scaledBox =\n-                new OpenLayers.Bounds(((bbox.left - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.bottom / resolution - this.offset.y) | 0,\n-                    ((bbox.right - this.featureDx) / resolution - this.offset.x) | 0,\n-                    (bbox.top / resolution - this.offset.y) | 0);\n+    /**\n+     * APIProperty: async\n+     * {Boolean} Request images asynchronously.  Default is true.\n+     */\n+    async: true,\n \n-            // Set the internal coordinate system to draw the path\n-            node.style.left = scaledBox.left + \"px\";\n-            node.style.top = scaledBox.top + \"px\";\n-            node.style.width = scaledBox.getWidth() + \"px\";\n-            node.style.height = scaledBox.getHeight() + \"px\";\n+    /**\n+     * APIProperty: name\n+     * {String} Layer name.  Default is \"ArcIMS\".\n+     */\n+    name: \"ArcIMS\",\n \n-            node.coordorigin = scaledBox.left + \" \" + scaledBox.top;\n-            node.coordsize = scaledBox.getWidth() + \" \" + scaledBox.getHeight();\n-        }\n-    },\n+    /**\n+     * APIProperty: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is true.\n+     */\n+    isBaseLayer: true,\n \n-    /** \n-     * Method: dashStyle\n-     * \n-     * Parameters:\n-     * style - {Object}\n-     * \n-     * Returns:\n-     * {String} A VML compliant 'stroke-dasharray' value\n+    /**\n+     * Constant: DEFAULT_OPTIONS\n+     * {Object} Default layers properties.\n      */\n-    dashStyle: function(style) {\n-        var dash = style.strokeDashstyle;\n-        switch (dash) {\n-            case 'solid':\n-            case 'dot':\n-            case 'dash':\n-            case 'dashdot':\n-            case 'longdash':\n-            case 'longdashdot':\n-                return dash;\n-            default:\n-                // very basic guessing of dash style patterns\n-                var parts = dash.split(/[ ,]/);\n-                if (parts.length == 2) {\n-                    if (1 * parts[0] >= 2 * parts[1]) {\n-                        return \"longdash\";\n-                    }\n-                    return (parts[0] == 1 || parts[1] == 1) ? \"dot\" : \"dash\";\n-                } else if (parts.length == 4) {\n-                    return (1 * parts[0] >= 2 * parts[1]) ? \"longdashdot\" :\n-                        \"dashdot\";\n-                }\n-                return \"solid\";\n-        }\n+    DEFAULT_OPTIONS: {\n+        tileSize: new OpenLayers.Size(512, 512),\n+        featureCoordSys: \"4326\",\n+        filterCoordSys: \"4326\",\n+        layers: null,\n+        isBaseLayer: true,\n+        async: true,\n+        name: \"ArcIMS\"\n     },\n \n     /**\n-     * Method: createNode\n-     * Create a new node\n+     * Constructor: OpenLayers.Layer.ArcIMS\n+     * Create a new ArcIMS layer object.\n      *\n-     * Parameters:\n-     * type - {String} Kind of node to draw\n-     * id - {String} Id for node\n+     * Example:\n+     * (code)\n+     * var arcims = new OpenLayers.Layer.ArcIMS(\n+     *     \"Global Sample\",\n+     *     \"http://sample.avencia.com/servlet/com.esri.esrimap.Esrimap\", \n+     *     {\n+     *         service: \"OpenLayers_Sample\", \n+     *         layers: [\n+     *             // layers to manipulate\n+     *             {id: \"1\", visible: true}\n+     *         ]\n+     *     }\n+     * );\n+     * (end)\n      *\n-     * Returns:\n-     * {DOMElement} A new node of the given type and id\n+     * Parameters:\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the ArcIMS server\n+     * options - {Object} Optional object with properties to be set on the\n+     *     layer.\n      */\n-    createNode: function(type, id) {\n-        var node = document.createElement(type);\n-        if (id) {\n-            node.id = id;\n-        }\n+    initialize: function(name, url, options) {\n \n-        // IE hack to make elements unselectable, to prevent 'blue flash'\n-        // while dragging vectors; #1410\n-        node.unselectable = 'on';\n-        node.onselectstart = OpenLayers.Function.False;\n+        this.tileSize = new OpenLayers.Size(512, 512);\n \n-        return node;\n-    },\n+        // parameters\n+        this.params = OpenLayers.Util.applyDefaults({\n+                ServiceName: options.serviceName\n+            },\n+            this.DEFAULT_PARAMS\n+        );\n+        this.options = OpenLayers.Util.applyDefaults(\n+            options, this.DEFAULT_OPTIONS\n+        );\n \n-    /**\n-     * Method: nodeTypeCompare\n-     * Determine whether a node is of a given type\n-     *\n-     * Parameters:\n-     * node - {DOMElement} An VML element\n-     * type - {String} Kind of node\n-     *\n-     * Returns:\n-     * {Boolean} Whether or not the specified node is of the specified type\n-     */\n-    nodeTypeCompare: function(node, type) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(\n+            this, [name, url, this.params, options]\n+        );\n \n-        //split type\n-        var subType = type;\n-        var splitIndex = subType.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            subType = subType.substr(splitIndex + 1);\n-        }\n+        //layer is transparent        \n+        if (this.transparent) {\n \n-        //split nodeName\n-        var nodeName = node.nodeName;\n-        splitIndex = nodeName.indexOf(\":\");\n-        if (splitIndex != -1) {\n-            nodeName = nodeName.substr(splitIndex + 1);\n+            // unless explicitly set in options, make layer an overlay\n+            if (!this.isBaseLayer) {\n+                this.isBaseLayer = false;\n+            }\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.format == \"image/jpeg\") {\n+                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\";\n+            }\n         }\n \n-        return (subType == nodeName);\n+        // create an empty layer list if no layers specified in the options\n+        if (this.options.layers === null) {\n+            this.options.layers = [];\n+        }\n     },\n \n     /**\n-     * Method: createRenderRoot\n-     * Create the renderer root\n+     * Method: getURL\n+     * Return an image url this layer.\n      *\n-     * Returns:\n-     * {DOMElement} The specific render engine's root element\n-     */\n-    createRenderRoot: function() {\n-        return this.nodeFactory(this.container.id + \"_vmlRoot\", \"div\");\n-    },\n-\n-    /**\n-     * Method: createRoot\n-     * Create the main root element\n-     * \n      * Parameters:\n-     * suffix - {String} suffix to append to the id\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *     request.\n      *\n      * Returns:\n-     * {DOMElement}\n+     * {String} A string with the map image's url.\n      */\n-    createRoot: function(suffix) {\n-        return this.nodeFactory(this.container.id + suffix, \"olv:group\");\n-    },\n-\n-    /**************************************\n-     *                                    *\n-     *     GEOMETRY DRAWING FUNCTIONS     *\n-     *                                    *\n-     **************************************/\n+    getURL: function(bounds) {\n+        var url = \"\";\n+        bounds = this.adjustBounds(bounds);\n \n-    /**\n-     * Method: drawPoint\n-     * Render a point\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the point could not be drawn\n-     */\n-    drawPoint: function(node, geometry) {\n-        return this.drawCircle(node, geometry, 1);\n-    },\n+        // create an arcxml request to generate the image\n+        var axlReq = new OpenLayers.Format.ArcXML(\n+            OpenLayers.Util.extend(this.options, {\n+                requesttype: \"image\",\n+                envelope: bounds.toArray(),\n+                tileSize: this.tileSize\n+            })\n+        );\n \n-    /**\n-     * Method: drawCircle\n-     * Render a circle.\n-     * Size and Center a circle given geometry (x,y center) and radius\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * radius - {float}\n-     * \n-     * Returns:\n-     * {DOMElement} or false if the circle could not ne drawn\n-     */\n-    drawCircle: function(node, geometry, radius) {\n-        if (!isNaN(geometry.x) && !isNaN(geometry.y)) {\n-            var resolution = this.getResolution();\n+        // create a synchronous ajax request to get an arcims image\n+        var req = new OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            data: axlReq.write(),\n+            async: false\n+        });\n \n-            node.style.left = ((((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) - radius) + \"px\";\n-            node.style.top = (((geometry.y / resolution - this.offset.y) | 0) - radius) + \"px\";\n+        // if the response exists\n+        if (req != null) {\n+            var doc = req.responseXML;\n \n-            var diameter = radius * 2;\n+            if (!doc || !doc.documentElement) {\n+                doc = req.responseText;\n+            }\n \n-            node.style.width = diameter + \"px\";\n-            node.style.height = diameter + \"px\";\n-            return node;\n+            // create a new arcxml format to read the response\n+            var axlResp = new OpenLayers.Format.ArcXML();\n+            var arcxml = axlResp.read(doc);\n+            url = this.getUrlOrImage(arcxml.image.output);\n         }\n-        return false;\n+\n+        return url;\n     },\n \n \n     /**\n-     * Method: drawLineString\n-     * Render a linestring.\n-     * \n+     * Method: getURLasync\n+     * Get an image url this layer asynchronously, and execute a callback\n+     *     when the image url is generated.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *     request.\n+     * callback - {Function} Function to call when image url is retrieved.\n+     * scope - {Object} The scope of the callback method.\n      */\n-    drawLineString: function(node, geometry) {\n-        return this.drawLine(node, geometry, false);\n-    },\n+    getURLasync: function(bounds, callback, scope) {\n+        bounds = this.adjustBounds(bounds);\n \n-    /**\n-     * Method: drawLinearRing\n-     * Render a linearring\n-     * \n-     * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n-     */\n-    drawLinearRing: function(node, geometry) {\n-        return this.drawLine(node, geometry, true);\n+        // create an arcxml request to generate the image\n+        var axlReq = new OpenLayers.Format.ArcXML(\n+            OpenLayers.Util.extend(this.options, {\n+                requesttype: \"image\",\n+                envelope: bounds.toArray(),\n+                tileSize: this.tileSize\n+            })\n+        );\n+\n+        // create an asynchronous ajax request to get an arcims image\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            async: true,\n+            data: axlReq.write(),\n+            callback: function(req) {\n+                // process the response from ArcIMS, and call the callback function\n+                // to set the image URL\n+                var doc = req.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = req.responseText;\n+                }\n+\n+                // create a new arcxml format to read the response\n+                var axlResp = new OpenLayers.Format.ArcXML();\n+                var arcxml = axlResp.read(doc);\n+\n+                callback.call(scope, this.getUrlOrImage(arcxml.image.output));\n+            },\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: DrawLine\n-     * Render a line.\n-     * \n+     * Method: getUrlOrImage\n+     * Extract a url or image from the ArcXML image output.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * closeLine - {Boolean} Close the line? (make it a ring?)\n-     * \n+     * output - {Object} The image.output property of the object returned from\n+     *     the ArcXML format read method.\n+     *\n      * Returns:\n-     * {DOMElement}\n+     * {String} A URL for an image (potentially with the data protocol).\n      */\n-    drawLine: function(node, geometry, closeLine) {\n-\n-        this.setNodeDimension(node, geometry);\n-\n-        var resolution = this.getResolution();\n-        var numComponents = geometry.components.length;\n-        var parts = new Array(numComponents);\n-\n-        var comp, x, y;\n-        for (var i = 0; i < numComponents; i++) {\n-            comp = geometry.components[i];\n-            x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-            y = (comp.y / resolution - this.offset.y) | 0;\n-            parts[i] = \" \" + x + \",\" + y + \" l \";\n+    getUrlOrImage: function(output) {\n+        var ret = \"\";\n+        if (output.url) {\n+            // If the image response output url is a string, then the image\n+            // data is not inline.\n+            ret = output.url;\n+        } else if (output.data) {\n+            // The image data is inline and base64 encoded, create a data\n+            // url for the image.  This will only work for small images,\n+            // due to browser url length limits.\n+            ret = \"data:image/\" + output.type +\n+                \";base64,\" + output.data;\n         }\n-        var end = (closeLine) ? \" x e\" : \" e\";\n-        node.path = \"m\" + parts.join(\"\") + end;\n-        return node;\n+        return ret;\n     },\n \n     /**\n-     * Method: drawPolygon\n-     * Render a polygon\n-     * \n+     * Method: setLayerQuery\n+     * Set the query definition on this layer. Query definitions are used to\n+     *     render parts of the spatial data in an image, and can be used to\n+     *     filter features or layers in the ArcIMS service.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * id - {String} The ArcIMS layer ID.\n+     * querydef - {Object} The query definition to apply to this layer.\n      */\n-    drawPolygon: function(node, geometry) {\n-        this.setNodeDimension(node, geometry);\n-\n-        var resolution = this.getResolution();\n-\n-        var path = [];\n-        var j, jj, points, area, first, second, i, ii, comp, pathComp, x, y;\n-        for (j = 0, jj = geometry.components.length; j < jj; j++) {\n-            path.push(\"m\");\n-            points = geometry.components[j].components;\n-            // we only close paths of interior rings with area\n-            area = (j === 0);\n-            first = null;\n-            second = null;\n-            for (i = 0, ii = points.length; i < ii; i++) {\n-                comp = points[i];\n-                x = ((comp.x - this.featureDx) / resolution - this.offset.x) | 0;\n-                y = (comp.y / resolution - this.offset.y) | 0;\n-                pathComp = \" \" + x + \",\" + y;\n-                path.push(pathComp);\n-                if (i == 0) {\n-                    path.push(\" l\");\n-                }\n-                if (!area) {\n-                    // IE improperly renders sub-paths that have no area.\n-                    // Instead of checking the area of every ring, we confirm\n-                    // the ring has at least three distinct points.  This does\n-                    // not catch all non-zero area cases, but it greatly improves\n-                    // interior ring digitizing and is a minor performance hit\n-                    // when rendering rings with many points.\n-                    if (!first) {\n-                        first = pathComp;\n-                    } else if (first != pathComp) {\n-                        if (!second) {\n-                            second = pathComp;\n-                        } else if (second != pathComp) {\n-                            // stop looking\n-                            area = true;\n-                        }\n-                    }\n-                }\n+    setLayerQuery: function(id, querydef) {\n+        // find the matching layer, if it exists\n+        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n+            if (id == this.options.layers[lyr].id) {\n+                // replace this layer definition\n+                this.options.layers[lyr].query = querydef;\n+                return;\n             }\n-            path.push(area ? \" x \" : \" \");\n         }\n-        path.push(\"e\");\n-        node.path = path.join(\"\");\n-        return node;\n+\n+        // no layer found, create a new definition\n+        this.options.layers.push({\n+            id: id,\n+            visible: true,\n+            query: querydef\n+        });\n     },\n \n     /**\n-     * Method: drawRectangle\n-     * Render a rectangle\n-     * \n+     * Method: getFeatureInfo\n+     * Get feature information from ArcIMS.  Using the applied geometry, apply\n+     *     the options to the query (buffer, area/envelope intersection), and\n+     *     query the ArcIMS service.\n+     *\n+     * A note about accuracy:\n+     * ArcIMS interprets the accuracy attribute in feature requests to be\n+     *     something like the 'modulus' operator on feature coordinates,\n+     *     applied to the database geometry of the feature.  It doesn't round,\n+     *     so your feature coordinates may be up to (1 x accuracy) offset from\n+     *     the actual feature coordinates.  If the accuracy of the layer is not\n+     *     specified, the accuracy will be computed to be approximately 1\n+     *     feature coordinate per screen  pixel.\n+     *\n      * Parameters:\n-     * node - {DOMElement}\n-     * geometry - {<OpenLayers.Geometry>}\n-     * \n-     * Returns:\n-     * {DOMElement}\n+     * geometry - {<OpenLayers.LonLat>} or {<OpenLayers.Geometry.Polygon>} The\n+     *     geometry to use when making the query. This should be a closed\n+     *     polygon for behavior approximating a free selection.\n+     * layer - {Object} The ArcIMS layer definition. This is an anonymous object\n+     *     that looks like:\n+     * (code)\n+     * {\n+     *     id: \"ArcXML layer ID\",  // the ArcXML layer ID\n+     *     query: {\n+     *         where: \"STATE = 'PA'\",  // the where clause of the query\n+     *         accuracy: 100           // the accuracy of the returned feature\n+     *     }\n+     * }\n+     * (end)\n+     * options - {Object} Object with non-default properties to set on the layer.\n+     *     Supported properties are buffer, callback, scope, and any other\n+     *     properties applicable to the ArcXML format.  Set the 'callback' and\n+     *     'scope' for an object and function to recieve the parsed features\n+     *     from ArcIMS.\n      */\n-    drawRectangle: function(node, geometry) {\n-        var resolution = this.getResolution();\n+    getFeatureInfo: function(geometry, layer, options) {\n+        // set the buffer to 1 unit (dd/m/ft?) by default\n+        var buffer = options.buffer || 1;\n+        // empty callback by default\n+        var callback = options.callback || function() {};\n+        // default scope is window (global)\n+        var scope = options.scope || window;\n \n-        node.style.left = (((geometry.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        node.style.top = ((geometry.y / resolution - this.offset.y) | 0) + \"px\";\n-        node.style.width = ((geometry.width / resolution) | 0) + \"px\";\n-        node.style.height = ((geometry.height / resolution) | 0) + \"px\";\n+        // apply these option to the request options\n+        var requestOptions = {};\n+        OpenLayers.Util.extend(requestOptions, this.options);\n \n-        return node;\n-    },\n+        // this is a feature request\n+        requestOptions.requesttype = \"feature\";\n \n-    /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * featureId - {String}\n-     * style -\n-     * location - {<OpenLayers.Geometry.Point>}\n-     */\n-    drawText: function(featureId, style, location) {\n-        var label = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX, \"olv:rect\");\n-        var textbox = this.nodeFactory(featureId + this.LABEL_ID_SUFFIX + \"_textbox\", \"olv:textbox\");\n+        if (geometry instanceof OpenLayers.LonLat) {\n+            // create an envelope if the geometry is really a lon/lat\n+            requestOptions.polygon = null;\n+            requestOptions.envelope = [\n+                geometry.lon - buffer,\n+                geometry.lat - buffer,\n+                geometry.lon + buffer,\n+                geometry.lat + buffer\n+            ];\n+        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n+            // use the polygon assigned, and empty the envelope\n+            requestOptions.envelope = null;\n+            requestOptions.polygon = geometry;\n+        }\n \n-        var resolution = this.getResolution();\n-        label.style.left = (((location.x - this.featureDx) / resolution - this.offset.x) | 0) + \"px\";\n-        label.style.top = ((location.y / resolution - this.offset.y) | 0) + \"px\";\n-        label.style.flip = \"y\";\n+        // create an arcxml request to get feature requests\n+        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n \n-        textbox.innerText = style.label;\n+        // apply any get feature options to the arcxml request\n+        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n \n-        if (style.cursor != \"inherit\" && style.cursor != null) {\n-            textbox.style.cursor = style.cursor;\n-        }\n-        if (style.fontColor) {\n-            textbox.style.color = style.fontColor;\n-        }\n-        if (style.fontOpacity) {\n-            textbox.style.filter = 'alpha(opacity=' + (style.fontOpacity * 100) + ')';\n-        }\n-        if (style.fontFamily) {\n-            textbox.style.fontFamily = style.fontFamily;\n-        }\n-        if (style.fontSize) {\n-            textbox.style.fontSize = style.fontSize;\n-        }\n-        if (style.fontWeight) {\n-            textbox.style.fontWeight = style.fontWeight;\n-        }\n-        if (style.fontStyle) {\n-            textbox.style.fontStyle = style.fontStyle;\n-        }\n-        if (style.labelSelect === true) {\n-            label._featureId = featureId;\n-            textbox._featureId = featureId;\n-            textbox._geometry = location;\n-            textbox._geometryClass = location.CLASS_NAME;\n+        arcxml.request.get_feature.layer = layer.id;\n+        if (typeof layer.query.accuracy == \"number\") {\n+            // set the accuracy if it was specified\n+            arcxml.request.get_feature.query.accuracy = layer.query.accuracy;\n+        } else {\n+            // guess that the accuracy is 1 per screen pixel\n+            var mapCenter = this.map.getCenter();\n+            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n+            viewPx.x++;\n+            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n+            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon;\n         }\n-        textbox.style.whiteSpace = \"nowrap\";\n-        // fun with IE: IE7 in standards compliant mode does not display any\n-        // text with a left inset of 0. So we set this to 1px and subtract one\n-        // pixel later when we set label.style.left\n-        textbox.inset = \"1px,0px,0px,0px\";\n \n-        if (!label.parentNode) {\n-            label.appendChild(textbox);\n-            this.textRoot.appendChild(label);\n-        }\n+        // set the get_feature query to be the same as the layer passed in\n+        arcxml.request.get_feature.query.where = layer.query.where;\n \n-        var align = style.labelAlign || \"cm\";\n-        if (align.length == 1) {\n-            align += \"m\";\n-        }\n-        var xshift = textbox.clientWidth *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(0, 1)]);\n-        var yshift = textbox.clientHeight *\n-            (OpenLayers.Renderer.VML.LABEL_SHIFT[align.substr(1, 1)]);\n-        label.style.left = parseInt(label.style.left) - xshift - 1 + \"px\";\n-        label.style.top = parseInt(label.style.top) + yshift + \"px\";\n+        // use area_intersection\n+        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n \n-    },\n+        // create a new asynchronous request to get the feature info\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString({\n+                'CustomService': 'Query'\n+            }),\n+            data: arcxml.write(),\n+            callback: function(request) {\n+                // parse the arcxml response\n+                var response = arcxml.parseResponse(request.responseText);\n \n-    /**\n-     * Method: moveRoot\n-     * moves this renderer's root to a different renderer.\n-     * \n-     * Parameters:\n-     * renderer - {<OpenLayers.Renderer>} target renderer for the moved root\n-     * root - {DOMElement} optional root node. To be used when this renderer\n-     *     holds roots from multiple layers to tell this method which one to\n-     *     detach\n-     * \n-     * Returns:\n-     * {Boolean} true if successful, false otherwise\n-     */\n-    moveRoot: function(renderer) {\n-        var layer = this.map.getLayer(renderer.container.id);\n-        if (layer instanceof OpenLayers.Layer.Vector.RootContainer) {\n-            layer = this.map.getLayer(this.container.id);\n-        }\n-        layer && layer.renderer.clear();\n-        OpenLayers.Renderer.Elements.prototype.moveRoot.apply(this, arguments);\n-        layer && layer.redraw();\n+                if (!arcxml.iserror()) {\n+                    // if the arcxml is not an error, call the callback with the features parsed\n+                    callback.call(scope, response.features);\n+                } else {\n+                    // if the arcxml is an error, return null features selected\n+                    callback.call(scope, null);\n+                }\n+            }\n+        });\n     },\n \n     /**\n-     * Method: importSymbol\n-     * add a new symbol definition from the rendererer's symbol hash\n-     * \n-     * Parameters:\n-     * graphicName - {String} name of the symbol to import\n-     * \n+     * Method: clone\n+     * Create a clone of this layer\n+     *\n      * Returns:\n-     * {Object} - hash of {DOMElement} \"symbol\" and {Number} \"size\"\n+     * {<OpenLayers.Layer.ArcIMS>} An exact clone of this layer\n      */\n-    importSymbol: function(graphicName) {\n-        var id = this.container.id + \"-\" + graphicName;\n-\n-        // check if symbol already exists in the cache\n-        var cache = this.symbolCache[id];\n-        if (cache) {\n-            return cache;\n-        }\n-\n-        var symbol = OpenLayers.Renderer.symbol[graphicName];\n-        if (!symbol) {\n-            throw new Error(graphicName + ' is not a valid symbol name');\n-        }\n-\n-        var symbolExtent = new OpenLayers.Bounds(\n-            Number.MAX_VALUE, Number.MAX_VALUE, 0, 0);\n-\n-        var pathitems = [\"m\"];\n-        for (var i = 0; i < symbol.length; i = i + 2) {\n-            var x = symbol[i];\n-            var y = symbol[i + 1];\n-            symbolExtent.left = Math.min(symbolExtent.left, x);\n-            symbolExtent.bottom = Math.min(symbolExtent.bottom, y);\n-            symbolExtent.right = Math.max(symbolExtent.right, x);\n-            symbolExtent.top = Math.max(symbolExtent.top, y);\n+    clone: function(obj) {\n \n-            pathitems.push(x);\n-            pathitems.push(y);\n-            if (i == 0) {\n-                pathitems.push(\"l\");\n-            }\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcIMS(this.name,\n+                this.url,\n+                this.getOptions());\n         }\n-        pathitems.push(\"x e\");\n-        var path = pathitems.join(\" \");\n \n-        var diff = (symbolExtent.getWidth() - symbolExtent.getHeight()) / 2;\n-        if (diff > 0) {\n-            symbolExtent.bottom = symbolExtent.bottom - diff;\n-            symbolExtent.top = symbolExtent.top + diff;\n-        } else {\n-            symbolExtent.left = symbolExtent.left + diff;\n-            symbolExtent.right = symbolExtent.right - diff;\n-        }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n \n-        cache = {\n-            path: path,\n-            size: symbolExtent.getWidth(), // equals getHeight() now\n-            left: symbolExtent.left,\n-            bottom: symbolExtent.bottom\n-        };\n-        this.symbolCache[id] = cache;\n+        // copy/set any non-init, non-simple values here\n \n-        return cache;\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.VML\"\n+    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n });\n-\n-/**\n- * Constant: OpenLayers.Renderer.VML.LABEL_SHIFT\n- * {Object}\n- */\n-OpenLayers.Renderer.VML.LABEL_SHIFT = {\n-    \"l\": 0,\n-    \"c\": .5,\n-    \"r\": 1,\n-    \"t\": 0,\n-    \"m\": .5,\n-    \"b\": 1\n-};\n /* ======================================================================\n-    OpenLayers/Renderer/Canvas.js\n+    OpenLayers/Layer/KaMapCache.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Renderer.js\n+ * @requires OpenLayers/Layer/Grid.js\n+ * @requires OpenLayers/Layer/KaMap.js\n  */\n \n /**\n- * Class: OpenLayers.Renderer.Canvas \n- * A renderer based on the 2D 'canvas' drawing element.\n+ * Class: OpenLayers.Layer.KaMapCache\n  * \n- * Inherits:\n- *  - <OpenLayers.Renderer>\n+ * This class is designed to talk directly to a web-accessible ka-Map\n+ * cache generated by the precache2.php script.\n+ * \n+ * To create a a new KaMapCache layer, you must indicate also the \"i\" parameter\n+ * (that will be used to calculate the file extension), and another special\n+ * parameter, object names \"metaTileSize\", with \"h\" (height) and \"w\" (width)\n+ * properties.\n+ * \n+ *     // Create a new kaMapCache layer. \n+ *     var kamap_base = new OpenLayers.Layer.KaMapCache(\n+ *         \"Satellite\",\n+ *         \"http://www.example.org/web/acessible/cache\",\n+ *         {g: \"satellite\", map: \"world\", i: 'png24', metaTileSize: {w: 5, h: 5} }\n+ *       );\n+ *    \n+ *     // Create an kaMapCache overlay layer (using \"isBaseLayer: false\"). \n+ *     // Forces the output to be a \"gif\", using the \"i\" parameter.\n+ *     var kamap_overlay = new OpenLayers.Layer.KaMapCache(\n+ *         \"Streets\",\n+ *         \"http://www.example.org/web/acessible/cache\",\n+ *         {g: \"streets\", map: \"world\", i: \"gif\", metaTileSize: {w: 5, h: 5} },\n+ *         {isBaseLayer: false}\n+ *       );\n+ *\n+ * The cache URLs must look like: \n+ *   var/cache/World/50000/Group_Name/def/t-440320/l20480\n+ * \n+ * This means that the cache generated via tile.php will *not* work with\n+ *     this class, and should instead use the KaMap layer.\n+ *\n+ * More information is available in Ticket #1518.\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.KaMap>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n+OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n \n     /**\n-     * APIProperty: hitDetection\n-     * {Boolean} Allow for hit detection of features.  Default is true.\n+     * Constant: IMAGE_EXTENSIONS\n+     * {Object} Simple hash map to convert format to extension.\n      */\n-    hitDetection: true,\n+    IMAGE_EXTENSIONS: {\n+        'jpeg': 'jpg',\n+        'gif': 'gif',\n+        'png': 'png',\n+        'png8': 'png',\n+        'png24': 'png',\n+        'dithered': 'png'\n+    },\n \n     /**\n-     * Property: hitOverflow\n-     * {Number} The method for converting feature identifiers to color values\n-     *     supports 16777215 sequential values.  Two features cannot be \n-     *     predictably detected if their identifiers differ by more than this\n-     *     value.  The hitOverflow allows for bigger numbers (but the \n-     *     difference in values is still limited).\n+     * Constant: DEFAULT_FORMAT\n+     * {Object} Simple hash map to convert format to extension.\n      */\n-    hitOverflow: 0,\n+    DEFAULT_FORMAT: 'jpeg',\n \n     /**\n-     * Property: canvas\n-     * {Canvas} The canvas context object.\n+     * Constructor: OpenLayers.Layer.KaMapCache\n+     * \n+     * Parameters:\n+     * name - {String}\n+     * url - {String}\n+     * params - {Object} Parameters to be sent to the HTTP server in the\n+     *    query string for the tile. The format can be set via the 'i'\n+     *    parameter (defaults to jpg) , and the map should be set via \n+     *    the 'map' parameter. It has been reported that ka-Map may behave\n+     *    inconsistently if your format parameter does not match the format\n+     *    parameter configured in your config.php. (See ticket #327 for more\n+     *    information.)\n+     * options - {Object} Additional options for the layer. Any of the \n+     *     APIProperties listed on this layer, and any layer types it\n+     *     extends, can be overridden through the options parameter. \n      */\n-    canvas: null,\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n+        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT];\n+    },\n \n     /**\n-     * Property: features\n-     * {Object} Internal object of feature/style pairs for use in redrawing the layer.\n+     * Method: getURL\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>} \n+     * \n+     * Returns:\n+     * {String} A string with the layer's url and parameters and also the \n+     *          passed-in bounds and appropriate tile size specified as \n+     *          parameters\n      */\n-    features: null,\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round((this.map.getScale() * 10000)) / 10000;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n \n-    /**\n-     * Property: pendingRedraw\n-     * {Boolean} The renderer needs a redraw call to render features added while\n-     *     the renderer was locked.\n-     */\n-    pendingRedraw: false,\n+        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n+        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n \n-    /**\n-     * Property: cachedSymbolBounds\n-     * {Object} Internal cache of calculated symbol extents.\n-     */\n-    cachedSymbolBounds: {},\n+        var components = [\n+            \"/\",\n+            this.params.map,\n+            \"/\",\n+            scale,\n+            \"/\",\n+            this.params.g.replace(/\\s/g, '_'),\n+            \"/def/t\",\n+            metaY,\n+            \"/l\",\n+            metaX,\n+            \"/t\",\n+            pY,\n+            \"l\",\n+            pX,\n+            \".\",\n+            this.extension\n+        ];\n \n-    /**\n-     * Constructor: OpenLayers.Renderer.Canvas\n-     *\n-     * Parameters:\n-     * containerID - {<String>}\n-     * options - {Object} Optional properties to be set on the renderer.\n-     */\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\");\n+        var url = this.url;\n+\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(components.join(''), url);\n         }\n+        return url + components.join(\"\");\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/ArcGISCache.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/** \n+ * @requires OpenLayers/Layer/XYZ.js\n+ */\n+\n+/** \n+ * Class: OpenLayers.Layer.ArcGISCache   \n+ * Layer for accessing cached map tiles from an ArcGIS Server style mapcache. \n+ * Tile must already be cached for this layer to access it. This does not require \n+ * ArcGIS Server itself.\n+ * \n+ * A few attempts have been made at this kind of layer before. See \n+ * http://trac.osgeo.org/openlayers/ticket/1967 \n+ * and \n+ * http://trac.osgeo.org/openlayers/browser/sandbox/tschaub/arcgiscache/lib/OpenLayers/Layer/ArcGISCache.js\n+ *\n+ * Typically the problem encountered is that the tiles seem to \"jump around\".\n+ * This is due to the fact that the actual max extent for the tiles on AGS layers\n+ * changes at each zoom level due to the way these caches are constructed.\n+ * We have attempted to use the resolutions, tile size, and tile origin\n+ * from the cache meta data to make the appropriate changes to the max extent\n+ * of the tile to compensate for this behavior.  This must be done as zoom levels change\n+ * and before tiles are requested, which is why methods from base classes are overridden.\n+ *\n+ * For reference, you can access mapcache meta data in two ways. For accessing a \n+ * mapcache through ArcGIS Server, you can simply go to the landing page for the\n+ * layer. (ie. http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer)\n+ * For accessing it directly through HTTP, there should always be a conf.xml file\n+ * in the root directory. \n+ * (ie. http://serverx.esri.com/arcgiscache/DG_County_roads_yesA_backgroundDark/Layers/conf.xml)\n+ *  \n+ *Inherits from: \n+ *  - <OpenLayers.Layer.XYZ>             \n+ */\n+OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+\n     /**\n-     * Method: setExtent\n-     * Set the visible part of the layer.\n-     *\n-     * Parameters:\n-     * extent - {<OpenLayers.Bounds>}\n-     * resolutionChanged - {Boolean}\n-     *\n-     * Returns:\n-     * {Boolean} true to notify the layer that the new extent does not exceed\n-     *     the coordinate range, and the features will not need to be redrawn.\n-     *     False otherwise.\n+     * APIProperty: url\n+     * {String | Array} The base URL for the layer cache.  You can also\n+     *     provide a list of URL strings for the layer if your cache is\n+     *     available from multiple origins.  This must be set before the layer\n+     *     is drawn.\n      */\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        // always redraw features\n-        return false;\n-    },\n+    url: null,\n \n-    /** \n-     * Method: eraseGeometry\n-     * Erase a geometry from the renderer. Because the Canvas renderer has\n-     *     'memory' of the features that it has drawn, we have to remove the\n-     *     feature so it doesn't redraw.   \n-     * \n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>}\n-     * featureId - {String}\n+    /**\n+     * APIProperty: tileOrigin\n+     * {<OpenLayers.LonLat>} The location of the tile origin for the cache.\n+     *     An ArcGIS cache has it's origin at the upper-left (lowest x value\n+     *     and highest y value of the coordinate system).  The units for the\n+     *     tile origin should be the same as the units for the cached data.\n      */\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0]);\n-    },\n+    tileOrigin: null,\n \n     /**\n-     * APIMethod: supported\n-     * \n-     * Returns:\n-     * {Boolean} Whether or not the browser supports the renderer class\n+     * APIProperty: tileSize\n+     * {<OpenLayers.Size>} This size of each tile. Defaults to 256 by 256 pixels.\n      */\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED;\n-    },\n+    tileSize: new OpenLayers.Size(256, 256),\n \n     /**\n-     * Method: setSize\n-     * Sets the size of the drawing surface.\n-     *\n-     * Once the size is updated, redraw the canvas.\n-     *\n-     * Parameters:\n-     * size - {<OpenLayers.Size>} \n+     * APIProperty: useAGS\n+     * {Boolean} Indicates if we are going to be accessing the ArcGIS Server (AGS)\n+     *     cache via an AGS MapServer or directly through HTTP. When accessing via\n+     *     AGS the path structure uses a standard z/y/x structure. But AGS actually\n+     *     stores the tile images on disk using a hex based folder structure that looks\n+     *     like \"http://example.com/mylayer/L00/R00000000/C00000000.png\".  Learn more\n+     *     about this here:\n+     *     http://blogs.esri.com/Support/blogs/mappingcenter/archive/2010/08/20/Checking-Your-Local-Cache-Folders.aspx\n+     *     Defaults to true;\n      */\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h;\n-        }\n-    },\n+    useArcGISServer: true,\n \n     /**\n-     * Method: drawFeature\n-     * Draw the feature. Stores the feature in the features list,\n-     * then redraws the layer. \n-     *\n-     * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>} \n-     * style - {<Object>} \n-     *\n-     * Returns:\n-     * {Boolean} The feature has been drawn completely.  If the feature has no\n-     *     geometry, undefined will be returned.  If the feature is not rendered\n-     *     for other reasons, false will be returned.\n+     * APIProperty: type\n+     * {String} Image type for the layer.  This becomes the filename extension\n+     *     in tile requests.  Default is \"png\" (generating a url like\n+     *     \"http://example.com/mylayer/L00/R00000000/C00000000.png\").\n      */\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            // don't render if display none or feature outside extent\n-            var bounds = feature.geometry.getBounds();\n-\n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent();\n-            }\n-\n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n-            });\n-\n-            rendered = (style.display !== \"none\") && !!bounds && intersects;\n-            if (rendered) {\n-                // keep track of what we have rendered for redraw\n-                this.features[feature.id] = [feature, style];\n-            } else {\n-                // remove from features tracked for redraw\n-                delete(this.features[feature.id]);\n-            }\n-            this.pendingRedraw = true;\n-        }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false;\n-        }\n-        return rendered;\n-    },\n+    type: 'png',\n \n-    /** \n-     * Method: drawGeometry\n-     * Used when looping (in redraw) over the features; draws\n-     * the canvas. \n-     *\n-     * Parameters:\n-     * geometry - {<OpenLayers.Geometry>} \n-     * style - {Object} \n+    /**\n+     * APIProperty: useScales\n+     * {Boolean} Optional override to indicate that the layer should use 'scale' information\n+     *     returned from the server capabilities object instead of 'resolution' information.\n+     *     This can be important if your tile server uses an unusual DPI for the tiles.\n      */\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if ((className == \"OpenLayers.Geometry.Collection\") ||\n-            (className == \"OpenLayers.Geometry.MultiPoint\") ||\n-            (className == \"OpenLayers.Geometry.MultiLineString\") ||\n-            (className == \"OpenLayers.Geometry.MultiPolygon\")) {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId);\n-            }\n-            return;\n-        }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n-                break;\n-        }\n-    },\n+    useScales: false,\n \n     /**\n-     * Method: drawExternalGraphic\n-     * Called to draw External graphics. \n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * APIProperty: overrideDPI\n+     * {Boolean} Optional override to change the OpenLayers.DOTS_PER_INCH setting based \n+     *     on the tile information in the server capabilities object.  This can be useful \n+     *     if your server has a non-standard DPI setting on its tiles, and you're only using \n+     *     tiles with that DPI.  This value is used while OpenLayers is calculating resolution\n+     *     using scales, and is not necessary if you have resolution information. (This is\n+     *     typically the case)  Regardless, this setting can be useful, but is dangerous\n+     *     because it will impact other layers while calculating resolution.  Only use this\n+     *     if you know what you are doing.  (See OpenLayers.Util.getResolutionFromScale)\n      */\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image();\n-\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title;\n-        }\n-\n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = (style.graphicXOffset != undefined) ?\n-            style.graphicXOffset : -(0.5 * width);\n-        var yOffset = (style.graphicYOffset != undefined) ?\n-            style.graphicYOffset : -(0.5 * height);\n-\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-\n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return;\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = (p0 + xOffset) | 0;\n-                var y = (p1 + yOffset) | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor ||\n-                    (OpenLayers.Renderer.Canvas.drawImageScaleFactor =\n-                        /android 2.1/.test(navigator.userAgent.toLowerCase()) ?\n-                        // 320 is the screen width of the G1 phone, for\n-                        // which drawImage works out of the box.\n-                        320 / window.screen.width : 1\n-                    );\n-                canvas.drawImage(\n-                    img, x * factor, y * factor, width * factor, height * factor\n-                );\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height);\n-                }\n-            }\n-        };\n-\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic;\n-    },\n+    overrideDPI: false,\n \n     /**\n-     * Method: drawNamedSymbol\n-     * Called to draw Well Known Graphic Symbol Name. \n-     * This method is only called by the renderer itself.\n+     * Constructor: OpenLayers.Layer.ArcGISCache \n+     * Creates a new instance of this class \n      * \n      * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * name - {String} \n+     * url - {String} \n+     * options - {Object} extra layer options\n      */\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180.0;\n-\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n \n-        if (!symbol) {\n-            throw new Error(style.graphicName + ' is not a valid symbol name');\n+        if (this.resolutions) {\n+            this.serverResolutions = this.resolutions;\n+            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0]);\n         }\n \n-        if (!symbol.length || symbol.length < 2) return;\n-\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n+        // this block steps through translating the values from the server layer JSON \n+        // capabilities object into values that we can use.  This is also a helpful\n+        // reference when configuring this layer directly.\n+        if (this.layerInfo) {\n+            // alias the object\n+            var info = this.layerInfo;\n \n-        if (isNaN(p0) || isNaN(p1)) return;\n+            // build our extents\n+            var startingTileExtent = new OpenLayers.Bounds(\n+                info.fullExtent.xmin,\n+                info.fullExtent.ymin,\n+                info.fullExtent.xmax,\n+                info.fullExtent.ymax\n+            );\n \n-        // Use rounded line caps\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n+            // set our projection based on the given spatial reference.\n+            // esri uses slightly different IDs, so this may not be comprehensive\n+            this.projection = 'EPSG:' + info.spatialReference.wkid;\n+            this.sphericalMercator = (info.spatialReference.wkid == 102100);\n \n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\";\n-        }\n+            // convert esri units into openlayers units (basic feet or meters only)\n+            this.units = (info.units == \"esriFeet\") ? 'ft' : 'm';\n \n-        // Scale and rotate symbols, using precalculated bounds whenever possible.\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName];\n-        } else {\n-            symbolBounds = new OpenLayers.Bounds();\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]));\n-            }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds;\n-        }\n+            // optional extended section based on whether or not the server returned\n+            // specific tile information\n+            if (!!info.tileInfo) {\n+                // either set the tiles based on rows/columns, or specific width/height\n+                this.tileSize = new OpenLayers.Size(\n+                    info.tileInfo.width || info.tileInfo.cols,\n+                    info.tileInfo.height || info.tileInfo.rows\n+                );\n \n-        // Push symbol scaling, translation and rotation onto the transformation stack in reverse order.\n-        // Don't forget to apply all canvas transformations to the hitContext canvas as well(!)\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save();\n-        }\n+                // this must be set when manually configuring this layer\n+                this.tileOrigin = new OpenLayers.LonLat(\n+                    info.tileInfo.origin.x,\n+                    info.tileInfo.origin.y\n+                );\n \n-        // Step 3: place symbol at the desired location\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1);\n-        }\n+                var upperLeft = new OpenLayers.Geometry.Point(\n+                    startingTileExtent.left,\n+                    startingTileExtent.top\n+                );\n \n-        // Step 2a. rotate the symbol if necessary\n-        angle = deg2rad * style.rotation; // will be NaN when style.rotation is undefined.\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle);\n-            }\n-        }\n+                var bottomRight = new OpenLayers.Geometry.Point(\n+                    startingTileExtent.right,\n+                    startingTileExtent.bottom\n+                );\n \n-        // // Step 2: scale symbol such that pointRadius equals half the maximum symbol dimension.\n-        scaling = 2.0 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling);\n-        }\n+                if (this.useScales) {\n+                    this.scales = [];\n+                } else {\n+                    this.resolutions = [];\n+                }\n \n-        // Step 1: center the symbol at the origin        \n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy);\n-        }\n+                this.lods = [];\n+                for (var key in info.tileInfo.lods) {\n+                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n+                        var lod = info.tileInfo.lods[key];\n+                        if (this.useScales) {\n+                            this.scales.push(lod.scale);\n+                        } else {\n+                            this.resolutions.push(lod.resolution);\n+                        }\n \n-        // Don't forget to scale stroke widths, because they are affected by canvas scale transformations as well(!)\n-        // Alternative: scale symbol coordinates manually, so stroke width scaling is not needed anymore.\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n+                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n+                        lod.startTileCol = start.x;\n+                        lod.startTileRow = start.y;\n \n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n+                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n+                        lod.endTileCol = end.x;\n+                        lod.endTileRow = end.y;\n+                        this.lods.push(lod);\n+                    }\n+                }\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n+                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n+                this.serverResolutions = this.resolutions;\n+                if (this.overrideDPI && info.tileInfo.dpi) {\n+                    // see comment above for 'overrideDPI'\n+                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi;\n                 }\n-                this.hitContext.closePath();\n-                this.hitContext.fill();\n             }\n         }\n+    },\n \n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y);\n-            }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n+    /** \n+     * Method: getContainingTileCoords\n+     * Calculates the x/y pixel corresponding to the position of the tile\n+     *     that contains the given point and for the for the given resolution.\n+     * \n+     * Parameters:\n+     * point - {<OpenLayers.Geometry.Point>} \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n+     * of the upper left tile for the given resolution.\n+     */\n+    getContainingTileCoords: function(point, res) {\n+        return new OpenLayers.Pixel(\n+            Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0),\n+            Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0)\n+        );\n+    },\n \n+    /** \n+     * Method: calculateMaxExtentWithLOD\n+     * Given a Level of Detail object from the server, this function\n+     *     calculates the actual max extent\n+     * \n+     * Parameters: \n+     * lod - {Object} a Level of Detail Object from the server capabilities object \n+             representing a particular zoom level\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n+     */\n+    calculateMaxExtentWithLOD: function(lod) {\n+        // the max extent we're provided with just overlaps some tiles\n+        // our real extent is the bounds of all the tiles we touch\n \n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y);\n-                }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke();\n-            }\n+        var numTileCols = (lod.endTileCol - lod.startTileCol) + 1;\n+        var numTileRows = (lod.endTileRow - lod.startTileRow) + 1;\n \n-        }\n+        var minX = this.tileOrigin.lon + (lod.startTileCol * this.tileSize.w * lod.resolution);\n+        var maxX = minX + (numTileCols * this.tileSize.w * lod.resolution);\n \n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore();\n-        }\n-        this.setCanvasStyle(\"reset\");\n+        var maxY = this.tileOrigin.lat - (lod.startTileRow * this.tileSize.h * lod.resolution);\n+        var minY = maxY - (numTileRows * this.tileSize.h * lod.resolution);\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n     },\n \n-    /**\n-     * Method: setCanvasStyle\n-     * Prepare the canvas for drawing by setting various global settings.\n-     *\n-     * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * style - {Object} Symbolizer hash\n+    /** \n+     * Method: calculateMaxExtentWithExtent\n+     * Given a 'suggested' max extent from the server, this function uses\n+     *     information about the actual tile sizes to determine the actual\n+     *     extent of the layer.\n+     * \n+     * Parameters: \n+     * extent - {<OpenLayers.Bounds>} The 'suggested' extent for the layer\n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The actual extent of the tiles for the given zoom level\n      */\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style['fillOpacity'];\n-            this.canvas.fillStyle = style['fillColor'];\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style['strokeOpacity'];\n-            this.canvas.strokeStyle = style['strokeColor'];\n-            this.canvas.lineWidth = style['strokeWidth'];\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1;\n-        }\n+    calculateMaxExtentWithExtent: function(extent, res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n+        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n+        var start = this.getContainingTileCoords(upperLeft, res);\n+        var end = this.getContainingTileCoords(bottomRight, res);\n+        var lod = {\n+            resolution: res,\n+            startTileCol: start.x,\n+            startTileRow: start.y,\n+            endTileCol: end.x,\n+            endTileRow: end.y\n+        };\n+        return this.calculateMaxExtentWithLOD(lod);\n     },\n \n-    /**\n-     * Method: featureIdToHex\n-     * Convert a feature ID string into an RGB hex string.\n-     *\n-     * Parameters:\n-     * featureId - {String} Feature id\n-     *\n-     * Returns:\n-     * {String} RGB hex string.\n+    /** \n+     * Method: getUpperLeftTileCoord\n+     * Calculates the x/y pixel corresponding to the position \n+     *     of the upper left tile for the given resolution.\n+     * \n+     * Parameters: \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position \n+     * of the upper left tile for the given resolution.\n      */\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1; // zero for no feature\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1;\n-        }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex;\n+    getUpperLeftTileCoord: function(res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(\n+            this.maxExtent.left,\n+            this.maxExtent.top);\n+        return this.getContainingTileCoords(upperLeft, res);\n     },\n \n-    /**\n-     * Method: setHitContextStyle\n-     * Prepare the hit canvas for drawing by setting various global settings.\n+    /** \n+     * Method: getLowerRightTileCoord\n+     * Calculates the x/y pixel corresponding to the position \n+     *     of the lower right tile for the given resolution.\n+     *  \n+     * Parameters: \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Pixel>} The x/y pixel corresponding to the position\n+     * of the lower right tile for the given resolution.\n+     */\n+    getLowerRightTileCoord: function(res) {\n+        var bottomRight = new OpenLayers.Geometry.Point(\n+            this.maxExtent.right,\n+            this.maxExtent.bottom);\n+        return this.getContainingTileCoords(bottomRight, res);\n+    },\n+\n+    /** \n+     * Method: getMaxExtentForResolution\n+     * Since the max extent of a set of tiles can change from zoom level\n+     *     to zoom level, we need to be able to calculate that max extent \n+     *     for a given resolution.\n      *\n-     * Parameters:\n-     * type - {String} one of 'stroke', 'fill', or 'reset'\n-     * featureId - {String} The feature id.\n-     * symbolizer - {<OpenLayers.Symbolizer>} The symbolizer.\n+     * Parameters: \n+     * res - {Float} The resolution for which to compute the extent.\n+     * \n+     * Returns: \n+     * {<OpenLayers.Bounds>} The extent for this resolution\n      */\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.fillStyle = hex;\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1.0;\n-            this.hitContext.strokeStyle = hex;\n-            // bump up stroke width to deal with antialiasing. If strokeScaling is defined, we're rendering a symbol \n-            // on a transformed canvas, so the antialias width bump has to scale as well.\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2;\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2.0 / strokeScaling;\n-                }\n-            }\n-        } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1;\n-        }\n+    getMaxExtentForResolution: function(res) {\n+        var start = this.getUpperLeftTileCoord(res);\n+        var end = this.getLowerRightTileCoord(res);\n+\n+        var numTileCols = (end.x - start.x) + 1;\n+        var numTileRows = (end.y - start.y) + 1;\n+\n+        var minX = this.tileOrigin.lon + (start.x * this.tileSize.w * res);\n+        var maxX = minX + (numTileCols * this.tileSize.w * res);\n+\n+        var maxY = this.tileOrigin.lat - (start.y * this.tileSize.h * res);\n+        var minY = maxY - (numTileRows * this.tileSize.h * res);\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY);\n     },\n \n-    /**\n-     * Method: drawPoint\n-     * This method is only called by the renderer itself.\n+    /** \n+     * APIMethod: clone \n+     * Returns an exact clone of this OpenLayers.Layer.ArcGISCache\n      * \n      * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * [obj] - {Object} optional object to assign the cloned instance to.\n+     *  \n+     * Returns: \n+     * {<OpenLayers.Layer.ArcGISCache>} clone of this instance \n      */\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId);\n-            } else if (style.graphicName && (style.graphicName != \"circle\")) {\n-                this.drawNamedSymbol(geometry, style, featureId);\n-            } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill();\n-                        }\n-                    }\n-\n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke();\n-                        }\n-                        this.setCanvasStyle(\"reset\");\n-                    }\n-                }\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options);\n         }\n+        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n     },\n \n     /**\n-     * Method: drawLineString\n-     * This method is only called by the renderer itself.\n+     * Method: initGriddedTiles\n      * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId);\n+    initGriddedTiles: function(bounds) {\n+        delete this._tileOrigin;\n+        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments);\n     },\n \n     /**\n-     * Method: drawLinearRing\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Method: getMaxExtent\n+     * Get this layer's maximum extent.\n+     *\n+     * Returns:\n+     * {<OpenLayers.Bounds>}\n      */\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\");\n-            }\n-        }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\");\n-            }\n-        }\n-        this.setCanvasStyle(\"reset\");\n+    getMaxExtent: function() {\n+        var resolution = this.map.getResolution();\n+        return this.maxExtent = this.getMaxExtentForResolution(resolution);\n     },\n \n     /**\n-     * Method: renderPath\n-     * Render a path with stroke and optional fill.\n+     * Method: getTileOrigin\n+     * Determine the origin for aligning the grid of tiles.  \n+     *     The origin will be derived from the layer's <maxExtent> property. \n+     *\n+     * Returns:\n+     * {<OpenLayers.LonLat>} The tile origin.\n      */\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1]);\n-            }\n-            if (type === \"fill\") {\n-                context.fill();\n-            } else {\n-                context.stroke();\n-            }\n+    getTileOrigin: function() {\n+        if (!this._tileOrigin) {\n+            var extent = this.getMaxExtent();\n+            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom);\n         }\n+        return this._tileOrigin;\n     },\n \n     /**\n-     * Method: drawPolygon\n-     * This method is only called by the renderer itself.\n-     * \n-     * Parameters: \n-     * geometry - {<OpenLayers.Geometry>}\n-     * style    - {Object}\n-     * featureId - {String}\n+     * Method: getURL\n+     * Determine the URL for a tile given the tile bounds.  This is should support\n+     *     urls that access tiles through an ArcGIS Server MapServer or directly through\n+     *     the hex folder structure using HTTP.  Just be sure to set the useArcGISServer\n+     *     property appropriately!  This is basically the same as \n+     *     'OpenLayers.Layer.TMS.getURL',  but with the addition of hex addressing,\n+     *     and tile rounding.\n+     *\n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     *\n+     * Returns:\n+     * {String} The URL for a tile based on given bounds.\n      */\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        // erase inner rings\n-        for (var i = 1; i < len; ++i) {\n-            /** \n-             * Note that this is overly agressive.  Here we punch holes through \n-             * all previously rendered features on the same canvas.  A better \n-             * solution for polygons with interior rings would be to draw the \n-             * polygon on a sketch canvas first.  We could erase all holes \n-             * there and then copy the drawing to the layer canvas. \n-             * TODO: http://trac.osgeo.org/openlayers/ticket/3130 \n-             */\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\";\n+    getURL: function(bounds) {\n+        var res = this.getResolution();\n+\n+        // tile center\n+        var originTileX = (this.tileOrigin.lon + (res * this.tileSize.w / 2));\n+        var originTileY = (this.tileOrigin.lat - (res * this.tileSize.h / 2));\n+\n+        var center = bounds.getCenterLonLat();\n+        var point = {\n+            x: center.lon,\n+            y: center.lat\n+        };\n+        var x = (Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w))));\n+        var y = (Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h))));\n+        var z = this.map.getZoom();\n+\n+        // this prevents us from getting pink tiles (non-existant tiles)\n+        if (this.lods) {\n+            var lod = this.lods[this.map.getZoom()];\n+            if ((x < lod.startTileCol || x > lod.endTileCol) ||\n+                (y < lod.startTileRow || y > lod.endTileRow)) {\n+                return null;\n             }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    stroke: false,\n-                    fillOpacity: 1.0\n-                }, style),\n-                featureId\n-            );\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\";\n+        } else {\n+            var start = this.getUpperLeftTileCoord(res);\n+            var end = this.getLowerRightTileCoord(res);\n+            if ((x < start.x || x >= end.x) ||\n+                (y < start.y || y >= end.y)) {\n+                return null;\n             }\n-            this.drawLinearRing(\n-                components[i],\n-                OpenLayers.Util.applyDefaults({\n-                    fill: false\n-                }, style),\n-                featureId\n-            );\n         }\n+\n+        // Construct the url string\n+        var url = this.url;\n+        var s = '' + x + y + z;\n+\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(s, url);\n+        }\n+\n+        // Accessing tiles through ArcGIS Server uses a different path\n+        // structure than direct access via the folder structure.\n+        if (this.useArcGISServer) {\n+            // AGS MapServers have pretty url access to tiles\n+            url = url + '/tile/${z}/${y}/${x}';\n+        } else {\n+            // The tile images are stored using hex values on disk.\n+            x = 'C' + OpenLayers.Number.zeroPad(x, 8, 16);\n+            y = 'R' + OpenLayers.Number.zeroPad(y, 8, 16);\n+            z = 'L' + OpenLayers.Number.zeroPad(z, 2, 10);\n+            url = url + '/${z}/${y}/${x}.' + this.type;\n+        }\n+\n+        // Write the values into our formatted url\n+        url = OpenLayers.String.format(url, {\n+            'x': x,\n+            'y': y,\n+            'z': z\n+        });\n+\n+        return OpenLayers.Util.urlAppend(\n+            url, OpenLayers.Util.getParameterString(this.params)\n+        );\n+    },\n+\n+    CLASS_NAME: 'OpenLayers.Layer.ArcGISCache'\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/ArcGIS93Rest.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/Grid.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.ArcGIS93Rest\n+ * Instances of OpenLayers.Layer.ArcGIS93Rest are used to display data from\n+ *     ESRI ArcGIS Server 9.3 (and up?) Mapping Services using the REST API.\n+ *     Create a new ArcGIS93Rest layer with the <OpenLayers.Layer.ArcGIS93Rest>\n+ *     constructor.  More detail on the REST API is available at\n+ *     http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/index.html ;\n+ *     specifically, the URL provided to this layer should be an export service\n+ *     URL: http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html \n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Layer.Grid>\n+ */\n+OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+\n+    /**\n+     * Constant: DEFAULT_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs \n+     */\n+    DEFAULT_PARAMS: {\n+        format: \"png\"\n     },\n \n     /**\n-     * Method: drawText\n-     * This method is only called by the renderer itself.\n+     * APIProperty: isBaseLayer\n+     * {Boolean} Default is true for ArcGIS93Rest layer\n+     */\n+    isBaseLayer: true,\n+\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.ArcGIS93Rest\n+     * Create a new ArcGIS93Rest layer object.\n+     *\n+     * Example:\n+     * (code)\n+     * var arcims = new OpenLayers.Layer.ArcGIS93Rest(\"MyName\",\n+     *                                    \"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StateCityHighway_USA/MapServer/export\", \n+     *                                    {\n+     *                                      layers: \"0,1,2\"\n+     *                                    });\n+     * (end)\n      *\n      * Parameters:\n-     * location - {<OpenLayers.Point>}\n-     * style    - {Object}\n+     * name - {String} A name for the layer\n+     * url - {String} Base url for the ArcGIS server REST service\n+     * options - {Object} An object with key/value pairs representing the\n+     *                    options and option values.\n+     *\n+     * Valid Options:\n+     *        format - {String} MIME type of desired image type.\n+     *        layers - {String} Comma-separated list of layers to display.\n+     *        srs - {String} Projection ID.\n      */\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        //uppercase params\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(\n+            this.params,\n+            OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS)\n+        );\n \n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1.0;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\",\n-            \"normal\", // \"font-variant\" not supported\n-            style.fontWeight ? style.fontWeight : \"normal\",\n-            style.fontSize ? style.fontSize : \"1em\",\n-            style.fontFamily ? style.fontFamily : \"sans-serif\"\n-        ].join(\" \");\n-        var labelRows = style.label.split('\\n');\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            // HTML5\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] ||\n-                \"center\";\n-            this.canvas.textBaseline =\n-                OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] ||\n-                \"middle\";\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n-            }\n-            var lineHeight =\n-                this.canvas.measureText('Mg').height ||\n-                this.canvas.measureText('xx').width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1.0;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + (lineHeight * i) + 1);\n-                    this.canvas.restore();\n-                }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + (lineHeight * i));\n-            }\n-        } else if (this.canvas.mozDrawText) {\n-            // Mozilla pre-Gecko1.9.1 (<FF3.1)\n-            this.canvas.mozTextStyle = fontStyle;\n-            // No built-in text alignment, so we measure and adjust the position\n-            var hfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5;\n-            }\n-            var vfactor =\n-                OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5;\n+        //layer is transparent        \n+        if (this.params.TRANSPARENT &&\n+            this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+\n+            // unless explicitly set in options, make layer an overlay\n+            if ((options == null) || (!options.isBaseLayer)) {\n+                this.isBaseLayer = false;\n             }\n-            var lineHeight = this.canvas.mozMeasureText('xx');\n-            pt[1] += lineHeight * (1 + (vfactor * numRows));\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + (hfactor * this.canvas.mozMeasureText(labelRows[i]));\n-                var y = pt[1] + (i * lineHeight);\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y);\n+\n+            // jpegs can never be transparent, so intelligently switch the \n+            //  format, depending on the browser's capabilities\n+            if (this.params.FORMAT == \"jpg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" :\n+                    \"png\";\n             }\n         }\n-        this.setCanvasStyle(\"reset\");\n     },\n \n     /**\n-     * Method: getLocalXY\n-     * transform geographic xy into pixel xy\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n-     * Parameters: \n-     * point - {<OpenLayers.Geometry.Point>}\n+     * Returns:\n+     * {<OpenLayers.Layer.ArcGIS93Rest>} An exact clone of this layer\n      */\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = ((point.x - this.featureDx) / resolution + (-extent.left / resolution));\n-        var y = ((extent.top / resolution) - point.y / resolution);\n-        return [x, y];\n-    },\n+    clone: function(obj) {\n \n-    /**\n-     * Method: clear\n-     * Clear all vectors from the renderer.\n-     */\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height);\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n+\n     /**\n-     * Method: getFeatureIdFromEvent\n-     * Returns a feature id from an event on the renderer.  \n-     * \n+     * Method: getURL\n+     * Return an image url this layer.\n+     *\n      * Parameters:\n-     * evt - {<OpenLayers.Event>} \n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox for the\n+     *                                request.\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector} A feature or undefined.  This method returns a \n-     *     feature instead of a feature id to avoid an unnecessary lookup on the\n-     *     layer.\n+     * {String} A string with the map image's url.\n      */\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n \n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            // this dragging check should go in the feature handler\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) { // antialiased\n-                    var id = data[2] + (256 * (data[1] + (256 * data[0])));\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0];\n-                        } catch (err) {\n-                            // Because of antialiasing on the canvas, when the hit location is at a point where the edge of\n-                            // one symbol intersects the interior of another symbol, a wrong hit color (and therefore id) results.\n-                            // todo: set Antialiasing = 'off' on the hitContext as soon as browsers allow it.\n-                        }\n+        // ArcGIS Server only wants the numeric portion of the projection ID.\n+        var projWords = this.projection.getCode().split(\":\");\n+        var srid = projWords[projWords.length - 1];\n+\n+        var imageSize = this.getImageSize();\n+        var newParams = {\n+            'BBOX': bounds.toBBOX(),\n+            'SIZE': imageSize.w + \",\" + imageSize.h,\n+            // We always want image, the other options were json, image with a whole lotta html around it, etc.\n+            'F': \"image\",\n+            'BBOXSR': srid,\n+            'IMAGESR': srid\n+        };\n+\n+        // Now add the filter parameters.\n+        if (this.layerDefs) {\n+            var layerDefStrList = [];\n+            var layerID;\n+            for (layerID in this.layerDefs) {\n+                if (this.layerDefs.hasOwnProperty(layerID)) {\n+                    if (this.layerDefs[layerID]) {\n+                        layerDefStrList.push(layerID);\n+                        layerDefStrList.push(\":\");\n+                        layerDefStrList.push(this.layerDefs[layerID]);\n+                        layerDefStrList.push(\";\");\n                     }\n                 }\n             }\n+            if (layerDefStrList.length > 0) {\n+                newParams['LAYERDEFS'] = layerDefStrList.join(\"\");\n+            }\n         }\n-        return feature;\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString;\n     },\n \n     /**\n-     * Method: eraseFeatures \n-     * This is called by the layer to erase features; removes the feature from\n-     *     the list, then redraws the layer.\n-     * \n+     * Method: setLayerFilter\n+     * addTile creates a tile, initializes it, and adds it to the layer div. \n+     *\n      * Parameters:\n-     * features - {Array(<OpenLayers.Feature.Vector>)} \n+     * id - {String} The id of the layer to which the filter applies.\n+     * queryDef - {String} A sql-ish query filter, for more detail see the ESRI\n+     *                     documentation at http://sampleserver1.arcgisonline.com/ArcGIS/SDK/REST/export.html\n      */\n-    eraseFeatures: function(features) {\n-        if (!(OpenLayers.Util.isArray(features))) {\n-            features = [features];\n+    setLayerFilter: function(id, queryDef) {\n+        if (!this.layerDefs) {\n+            this.layerDefs = {};\n         }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id];\n+        if (queryDef) {\n+            this.layerDefs[id] = queryDef;\n+        } else {\n+            delete this.layerDefs[id];\n         }\n-        this.redraw();\n     },\n \n     /**\n-     * Method: redraw\n-     * The real 'meat' of the function: any time things have changed,\n-     *     redraw() can be called to loop over all the data and (you guessed\n-     *     it) redraw it.  Unlike Elements-based Renderers, we can't interact\n-     *     with things once they're drawn, to remove them, for example, so\n-     *     instead we have to just clear everything and draw from scratch.\n+     * Method: clearLayerFilter\n+     * Clears layer filters, either from a specific layer,\n+     * or all of them.\n+     *\n+     * Parameters:\n+     * id - {String} The id of the layer from which to remove any\n+     *               filter.  If unspecified/blank, all filters\n+     *               will be removed.\n      */\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height);\n-            }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = (this.map.baseLayer && this.map.baseLayer.wrapDateLine) && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue;\n-                }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style]);\n-                }\n-            }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1]);\n-            }\n+    clearLayerFilter: function(id) {\n+        if (id) {\n+            delete this.layerDefs[id];\n+        } else {\n+            delete this.layerDefs;\n         }\n     },\n \n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n-});\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_ALIGN\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    \"l\": \"left\",\n-    \"r\": \"right\",\n-    \"t\": \"top\",\n-    \"b\": \"bottom\"\n-};\n-\n-/**\n- * Constant: OpenLayers.Renderer.Canvas.LABEL_FACTOR\n- * {Object}\n- */\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    \"l\": 0,\n-    \"r\": -1,\n-    \"t\": 0,\n-    \"b\": -1\n-};\n+    /**\n+     * APIMethod: mergeNewParams\n+     * Catch changeParams and uppercase the new params to be merged in\n+     *     before calling changeParams on the super class.\n+     * \n+     *     Once params have been changed, the tiles will be reloaded with\n+     *     the new parameters.\n+     * \n+     * Parameters:\n+     * newParams - {Object} Hashtable of new params to use\n+     */\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this,\n+            newArguments);\n+    },\n \n-/**\n- * Constant: OpenLayers.Renderer.Canvas.drawImageScaleFactor\n- * {Number} Scale factor to apply to the canvas drawImage arguments. This\n- *     is always 1 except for Android 2.1 devices, to work around\n- *     http://code.google.com/p/android/issues/detail?id=5141.\n- */\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n+});\n /* ======================================================================\n-    OpenLayers/Strategy/Fixed.js\n+    OpenLayers/Layer/Boxes.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Layer/Markers.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Fixed\n- * A simple strategy that requests features once and never requests new data.\n+ * Class: OpenLayers.Layer.Boxes\n+ * Draw divs as 'boxes' on the layer. \n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.Markers>\n  */\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-\n-    /**\n-     * APIProperty: preload\n-     * {Boolean} Load data before layer made visible. Enabling this may result\n-     *   in considerable overhead if your application loads many data layers\n-     *   that are not visible by default. Default is false.\n-     */\n-    preload: false,\n+OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Fixed\n-     * Create a new Fixed strategy.\n+     * Constructor: OpenLayers.Layer.Boxes\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * name - {String} \n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n \n     /**\n-     * Method: activate\n-     * Activate the strategy: load data or add listener to load when visible\n+     * Method: drawMarker \n+     * Calculate the pixel location for the marker, create it, and\n+     *    add it to the layer's div\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     * Parameters: \n+     * marker - {<OpenLayers.Marker.Box>} \n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"refresh\": this.load,\n-                scope: this\n+    drawMarker: function(marker) {\n+        var topleft = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.left,\n+            lat: marker.bounds.top\n+        });\n+        var botright = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.right,\n+            lat: marker.bounds.bottom\n+        });\n+        if (botright == null || topleft == null) {\n+            marker.display(false);\n+        } else {\n+            var markerDiv = marker.draw(topleft, {\n+                w: Math.max(1, botright.x - topleft.x),\n+                h: Math.max(1, botright.y - topleft.y)\n             });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load();\n-            } else {\n-                this.layer.events.on({\n-                    \"visibilitychanged\": this.load,\n-                    scope: this\n-                });\n+            if (!marker.drawn) {\n+                this.div.appendChild(markerDiv);\n+                marker.drawn = true;\n             }\n         }\n-        return activated;\n     },\n \n+\n     /**\n-     * Method: deactivate\n-     * Deactivate the strategy.  Undo what is done in <activate>.\n+     * APIMethod: removeMarker \n      * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Parameters:\n+     * marker - {<OpenLayers.Marker.Box>} \n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"refresh\": this.load,\n-                \"visibilitychanged\": this.load,\n-                scope: this\n-            });\n+    removeMarker: function(marker) {\n+        OpenLayers.Util.removeItem(this.markers, marker);\n+        if ((marker.div != null) &&\n+            (marker.div.parentNode == this.div)) {\n+            this.div.removeChild(marker.div);\n         }\n-        return deactivated;\n     },\n \n+    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n+});\n+/* ======================================================================\n+    OpenLayers/Layer/OSM.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Layer/XYZ.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Layer.OSM\n+ * This layer allows accessing OpenStreetMap tiles. By default the OpenStreetMap\n+ *    hosted tile.openstreetmap.org Mapnik tileset is used. If you wish to use\n+ *    a different layer instead, you need to provide a different\n+ *    URL to the constructor. Here's an example for using OpenCycleMap:\n+ * \n+ * (code)\n+ *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+ *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+ *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+ * (end)\n+ *\n+ * Inherits from:\n+ *  - <OpenLayers.Layer.XYZ>\n+ */\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+\n     /**\n-     * Method: load\n-     * Tells protocol to load data and unhooks the visibilitychanged event\n+     * APIProperty: name\n+     * {String} The layer name. Defaults to \"OpenStreetMap\" if the first\n+     * argument to the constructor is null or undefined.\n+     */\n+    name: \"OpenStreetMap\",\n+\n+    /**\n+     * APIProperty: url\n+     * {String} The tileset URL scheme. Defaults to\n+     * : http://[a|b|c].tile.openstreetmap.org/${z}/${x}/${y}.png\n+     * (the official OSM tileset) if the second argument to the constructor\n+     * is null or undefined. To use another tileset you can have something\n+     * like this:\n+     * (code)\n+     *     new OpenLayers.Layer.OSM(\"OpenCycleMap\", \n+     *       [\"http://a.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\",\n+     *        \"http://c.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png\"]); \n+     * (end)\n+     */\n+    url: [\n+        'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',\n+        'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'\n+    ],\n+\n+    /**\n+     * Property: attribution\n+     * {String} The layer attribution.\n+     */\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+\n+    /**\n+     * Property: sphericalMercator\n+     * {Boolean}\n+     */\n+    sphericalMercator: true,\n+\n+    /**\n+     * Property: wrapDateLine\n+     * {Boolean}\n+     */\n+    wrapDateLine: true,\n+\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n      *\n-     * Parameters:\n-     * options - {Object} options to pass to protocol read.\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     *\n+     *  When using OSM tilesets other than the default ones, it may be\n+     *  necessary to set this to\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: null}\n+     *  (end)\n+     *\n+     *  if the server does not send Access-Control-Allow-Origin headers.\n      */\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n-        });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            \"visibilitychanged\": this.load,\n-            scope: this\n-        });\n-    },\n+    tileOptions: null,\n \n     /**\n-     * Method: merge\n-     * Add all features to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n+     * Constructor: OpenLayers.Layer.OSM\n      *\n      * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n+     * name - {String} The layer name.\n+     * url - {String} The tileset URL scheme.\n+     * options - {Object} Configuration options for the layer. Any inherited\n+     *     layer option can be set in this object (e.g.\n+     *     <OpenLayers.Layer.Grid.buffer>).\n      */\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local);\n-                    }\n-                }\n-            }\n-            layer.addFeatures(features);\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options && this.options.tileOptions);\n+    },\n+\n+    /**\n+     * Method: clone\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(\n+                this.name, this.url, this.getOptions());\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Save.js\n+    OpenLayers/Layer/Bing.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer/XYZ.js\n  */\n \n-/**\n- * Class: OpenLayers.Strategy.Save\n- * A strategy that commits newly created or modified features.  By default\n- *     the strategy waits for a call to <save> before persisting changes.  By\n- *     configuring the strategy with the <auto> option, changes can be saved\n- *     automatically.\n- *\n+/** \n+ * Class: OpenLayers.Layer.Bing\n+ * Bing layer using direct tile access as provided by Bing Maps REST Services.\n+ * See http://msdn.microsoft.com/en-us/library/ff701713.aspx for more\n+ * information. Note: Terms of Service compliant use requires the map to be\n+ * configured with an <OpenLayers.Control.Attribution> control and the\n+ * attribution placed on or near the map.\n+ * \n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.XYZ>\n  */\n-OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n \n     /**\n-     * APIProperty: events\n-     * {<OpenLayers.Events>} An events object that handles all \n-     *     events on the strategy object.\n-     *\n-     * Register a listener for a particular event with the following syntax:\n-     * (code)\n-     * strategy.events.register(type, obj, listener);\n-     * (end)\n-     *\n-     * Supported event types:\n-     * start - Triggered before saving\n-     * success - Triggered after a successful transaction\n-     * fail - Triggered after a failed transaction\n-     * \n+     * Property: key\n+     * {String} API key for Bing maps, get your own key \n+     *     at http://bingmapsportal.com/ .\n      */\n+    key: null,\n \n-    /** \n-     * Property: events\n-     * {<OpenLayers.Events>} Events instance for triggering this protocol\n-     *    events.\n+    /**\n+     * Property: serverResolutions\n+     * {Array} the resolutions provided by the Bing servers.\n      */\n-    events: null,\n+    serverResolutions: [\n+        156543.03390625, 78271.516953125, 39135.7584765625,\n+        19567.87923828125, 9783.939619140625, 4891.9698095703125,\n+        2445.9849047851562, 1222.9924523925781, 611.4962261962891,\n+        305.74811309814453, 152.87405654907226, 76.43702827453613,\n+        38.218514137268066, 19.109257068634033, 9.554628534317017,\n+        4.777314267158508, 2.388657133579254, 1.194328566789627,\n+        0.5971642833948135, 0.29858214169740677, 0.14929107084870338,\n+        0.07464553542435169\n+    ],\n \n     /**\n-     * APIProperty: auto\n-     * {Boolean | Number} Auto-save.  Default is false.  If true, features will be\n-     *     saved immediately after being added to the layer and with each\n-     *     modification or deletion.  If auto is a number, features will be\n-     *     saved on an interval provided by the value (in seconds).\n+     * Property: attributionTemplate\n+     * {String}\n      */\n-    auto: false,\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' +\n+        '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' +\n+        '<img src=\"${logo}\" /></a></div>${copyrights}' +\n+        '<a style=\"white-space: nowrap\" target=\"_blank\" ' +\n+        'href=\"http://www.microsoft.com/maps/product/terms.html\">' +\n+        'Terms of Use</a></span>',\n \n     /**\n-     * Property: timer\n-     * {Number} The id of the timer.\n+     * Property: metadata\n+     * {Object} Metadata for this layer, as returned by the callback script\n      */\n-    timer: null,\n+    metadata: null,\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Save\n-     * Create a new Save strategy.\n+     * Property: protocolRegex\n+     * {RegExp} Regular expression to match and replace http: in bing urls\n+     */\n+    protocolRegex: /^http:/i,\n+\n+    /**\n+     * APIProperty: type\n+     * {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.  Default is \"Road\".\n+     */\n+    type: \"Road\",\n+\n+    /**\n+     * APIProperty: culture\n+     * {String} The culture identifier.  See http://msdn.microsoft.com/en-us/library/ff701709.aspx\n+     * for the definition and the possible values.  Default is \"en-US\".\n+     */\n+    culture: \"en-US\",\n+\n+    /**\n+     * APIProperty: metadataParams\n+     * {Object} Optional url parameters for the Get Imagery Metadata request\n+     * as described here: http://msdn.microsoft.com/en-us/library/ff701716.aspx\n+     */\n+    metadataParams: null,\n+\n+    /** APIProperty: tileOptions\n+     *  {Object} optional configuration options for <OpenLayers.Tile> instances\n+     *  created by this Layer. Default is\n+     *\n+     *  (code)\n+     *  {crossOriginKeyword: 'anonymous'}\n+     *  (end)\n+     */\n+    tileOptions: null,\n+\n+    /** APIProperty: protocol\n+     *  {String} Protocol to use to fetch Imagery Metadata, tiles and bing logo\n+     *  Can be 'http:' 'https:' or ''\n+     *\n+     *  Warning: tiles may not be available under both HTTP and HTTPS protocols.\n+     *  Microsoft approved use of both HTTP and HTTPS urls for tiles. However\n+     *  this is undocumented and the Imagery Metadata API always returns HTTP\n+     *  urls.\n+     *\n+     *  Default is '', unless when executed from a file:/// uri, in which case\n+     *  it is 'http:'.\n+     */\n+    protocol: ~window.location.href.indexOf('http') ? '' : 'http:',\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Bing\n+     * Create a new Bing layer.\n+     *\n+     * Example:\n+     * (code)\n+     * var road = new OpenLayers.Layer.Bing({\n+     *     name: \"My Bing Aerial Layer\",\n+     *     type: \"Aerial\",\n+     *     key: \"my-api-key-here\",\n+     * });\n+     * (end)\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * options - {Object} Configuration properties for the layer.\n+     *\n+     * Required configuration properties:\n+     * key - {String} Bing Maps API key for your application. Get one at\n+     *     http://bingmapsportal.com/.\n+     * type - {String} The layer identifier.  Any non-birdseye imageryType\n+     *     from http://msdn.microsoft.com/en-us/library/ff701716.aspx can be\n+     *     used.\n+     *\n+     * Any other documented layer properties can be provided in the config object.\n      */\n     initialize: function(options) {\n-        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n-        this.events = new OpenLayers.Events(this);\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: 'anonymous'\n+        }, this.options.tileOptions);\n+        this.loadMetadata();\n     },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Method: loadMetadata\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    this.timer = window.setInterval(\n-                        OpenLayers.Function.bind(this.save, this),\n-                        this.auto * 1000\n-                    );\n-                } else {\n-                    this.layer.events.on({\n-                        \"featureadded\": this.triggerSave,\n-                        \"afterfeaturemodified\": this.triggerSave,\n-                        scope: this\n-                    });\n-                }\n-            }\n-        }\n-        return activated;\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        // link the processMetadata method to the global scope and bind it\n+        // to this instance\n+        window[this._callbackId] = OpenLayers.Function.bind(\n+            OpenLayers.Layer.Bing.processMetadata, this\n+        );\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" +\n+            this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script);\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Method: initLayer\n+     *\n+     * Sets layer properties according to the metadata provided by the API\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    window.clearInterval(this.timer);\n-                } else {\n-                    this.layer.events.un({\n-                        \"featureadded\": this.triggerSave,\n-                        \"afterfeaturemodified\": this.triggerSave,\n-                        scope: this\n-                    });\n-                }\n-            }\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]));\n         }\n-        return deactivated;\n+        this.addOptions({\n+            maxResolution: Math.min(\n+                this.serverResolutions[res.zoomMin],\n+                this.maxResolution || Number.POSITIVE_INFINITY\n+            ),\n+            numZoomLevels: Math.min(\n+                res.zoomMax + 1 - res.zoomMin, this.numZoomLevels\n+            )\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw();\n+        }\n+        this.updateAttribution();\n     },\n \n     /**\n-     * Method: triggerSave\n-     * Registered as a listener.  Calls save if a feature has insert, update,\n-     *     or delete state.\n+     * Method: getURL\n      *\n-     * Parameters:\n-     * event - {Object} The event this function is listening for.\n+     * Paramters:\n+     * bounds - {<OpenLayers.Bounds>}\n      */\n-    triggerSave: function(event) {\n-        var feature = event.feature;\n-        if (feature.state === OpenLayers.State.INSERT ||\n-            feature.state === OpenLayers.State.UPDATE ||\n-            feature.state === OpenLayers.State.DELETE) {\n-            this.save([event.feature]);\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return;\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = '0';\n+            var mask = 1 << (i - 1);\n+            if ((x & mask) != 0) {\n+                digit++;\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++;\n+            }\n+            quadDigits.push(digit);\n         }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl('' + x + y + z, this.url);\n+\n+        return OpenLayers.String.format(url, {\n+            'quadkey': quadKey\n+        });\n     },\n \n     /**\n-     * APIMethod: save\n-     * Tell the layer protocol to commit unsaved features.  If the layer\n-     *     projection differs from the map projection, features will be\n-     *     transformed into the layer projection before being committed.\n-     *\n-     * Parameters:\n-     * features - {Array} Features to be saved.  If null, then default is all\n-     *     features in the layer.  Features are assumed to be in the map\n-     *     projection.\n+     * Method: updateAttribution\n+     * Updates the attribution according to the requirements outlined in\n+     * http://gis.638310.n2.nabble.com/Bing-imagery-td5789168.html\n      */\n-    save: function(features) {\n-        if (!features) {\n-            features = this.layer.features;\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return;\n         }\n-        this.events.triggerEvent(\"start\", {\n-            features: features\n-        });\n-        var remote = this.layer.projection;\n-        var local = this.layer.map.getProjectionObject();\n-        if (!local.equals(remote)) {\n-            var len = features.length;\n-            var clones = new Array(len);\n-            var orig, clone;\n-            for (var i = 0; i < len; ++i) {\n-                orig = features[i];\n-                clone = orig.clone();\n-                clone.fid = orig.fid;\n-                clone.state = orig.state;\n-                if (orig.url) {\n-                    clone.url = orig.url;\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(\n+            this.map.getProjectionObject(),\n+            new OpenLayers.Projection(\"EPSG:4326\")\n+        );\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions,\n+                this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                // axis order provided is Y,X\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) &&\n+                    zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \";\n                 }\n-                clone._original = orig;\n-                clone.geometry.transform(local, remote);\n-                clones[i] = clone;\n             }\n-            features = clones;\n         }\n-        this.layer.protocol.commit(features, {\n-            callback: this.onCommit,\n-            scope: this\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n         });\n     },\n \n     /**\n-     * Method: onCommit\n-     * Called after protocol commit.\n-     *\n-     * Parameters:\n-     * response - {<OpenLayers.Protocol.Response>} A response object.\n+     * Method: setMap\n      */\n-    onCommit: function(response) {\n-        var evt = {\n-            \"response\": response\n-        };\n-        if (response.success()) {\n-            var features = response.reqFeatures;\n-            // deal with inserts, updates, and deletes\n-            var state, feature;\n-            var destroys = [];\n-            var insertIds = response.insertIds || [];\n-            var j = 0;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                // if projection was different, we may be dealing with clones\n-                feature = feature._original || feature;\n-                state = feature.state;\n-                if (state) {\n-                    if (state == OpenLayers.State.DELETE) {\n-                        destroys.push(feature);\n-                    } else if (state == OpenLayers.State.INSERT) {\n-                        feature.fid = insertIds[j];\n-                        ++j;\n-                    }\n-                    feature.state = null;\n-                }\n-            }\n-\n-            if (destroys.length > 0) {\n-                this.layer.destroyFeatures(destroys);\n-            }\n-\n-            this.events.triggerEvent(\"success\", evt);\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution);\n+    },\n \n-        } else {\n-            this.events.triggerEvent(\"fail\", evt);\n+    /**\n+     * APIMethod: clone\n+     * \n+     * Parameters:\n+     * obj - {Object}\n+     * \n+     * Returns:\n+     * {<OpenLayers.Layer.Bing>} An exact clone of this <OpenLayers.Layer.Bing>\n+     */\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options);\n         }\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        // copy/set any non-init, non-simple values here\n+        return obj;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+    /**\n+     * Method: destroy\n+     */\n+    destroy: function() {\n+        this.map &&\n+            this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments);\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n });\n+\n+/**\n+ * Function: OpenLayers.Layer.Bing.processMetadata\n+ * This function will be bound to an instance, linked to the global scope with\n+ * an id, and called by the JSONP script returned by the API.\n+ *\n+ * Parameters:\n+ * metadata - {Object} metadata as returned by the API\n+ */\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined; // cannot delete from window in IE\n+    delete this._callbackId;\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/Cluster.js\n+    OpenLayers/Layer/MapGuide.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Request/XMLHttpRequest.js\n+ * @requires OpenLayers/Layer/Grid.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Cluster\n- * Strategy for vector feature clustering.\n+ * Class: OpenLayers.Layer.MapGuide\n+ * Instances of OpenLayers.Layer.MapGuide are used to display\n+ * data from a MapGuide OS instance.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer.Grid>\n  */\n-OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n \n-    /**\n-     * APIProperty: distance\n-     * {Integer} Pixel distance between features that should be considered a\n-     *     single cluster.  Default is 20 pixels.\n-     */\n-    distance: 20,\n+    /** \n+     * APIProperty: isBaseLayer\n+     * {Boolean} Treat this layer as a base layer.  Default is true.\n+     **/\n+    isBaseLayer: true,\n \n     /**\n-     * APIProperty: threshold\n-     * {Integer} Optional threshold below which original features will be\n-     *     added to the layer instead of clusters.  For example, a threshold\n-     *     of 3 would mean that any time there are 2 or fewer features in\n-     *     a cluster, those features will be added directly to the layer instead\n-     *     of a cluster representing those features.  Default is null (which is\n-     *     equivalent to 1 - meaning that clusters may contain just one feature).\n-     */\n-    threshold: null,\n+     * APIProperty: useHttpTile\n+     * {Boolean} use a tile cache exposed directly via a webserver rather than the \n+     *    via mapguide server. This does require extra configuration on the Mapguide Server,\n+     *    and will only work when singleTile is false. The url for the layer must be set to the\n+     *    webserver path rather than the Mapguide mapagent.\n+     *    See http://trac.osgeo.org/mapguide/wiki/CodeSamples/Tiles/ServingTilesViaHttp\n+     **/\n+    useHttpTile: false,\n \n-    /**\n-     * Property: features\n-     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n-     */\n-    features: null,\n+    /** \n+     * APIProperty: singleTile\n+     * {Boolean} use tile server or request single tile image. \n+     **/\n+    singleTile: false,\n \n-    /**\n-     * Property: clusters\n-     * {Array(<OpenLayers.Feature.Vector>)} Calculated clusters.\n-     */\n-    clusters: null,\n+    /** \n+     * APIProperty: useOverlay\n+     * {Boolean} flag to indicate if the layer should be retrieved using\n+     * GETMAPIMAGE (default) or using GETDYNAMICOVERLAY requests.\n+     **/\n+    useOverlay: false,\n \n-    /**\n-     * Property: clustering\n-     * {Boolean} The strategy is currently clustering features.\n-     */\n-    clustering: false,\n+    /** \n+     * APIProperty: useAsyncOverlay\n+     * {Boolean} indicates if the MapGuide site supports the asynchronous \n+     * GETDYNAMICOVERLAY requests which is available in MapGuide Enterprise 2010\n+     * and MapGuide Open Source v2.0.3 or higher. The newer versions of MG \n+     * is called asynchronously, allows selections to be drawn separately from \n+     * the map and offers styling options.\n+     * \n+     * With older versions of MapGuide, set useAsyncOverlay=false.  Note that in\n+     * this case a synchronous AJAX call is issued and the mapname and session\n+     * parameters must be used to initialize the layer, not the mapdefinition\n+     * parameter. Also note that this will issue a synchronous AJAX request \n+     * before the image request can be issued so the users browser may lock\n+     * up if the MG Web tier does not respond in a timely fashion.\n+     **/\n+    useAsyncOverlay: true,\n \n     /**\n-     * Property: resolution\n-     * {Float} The resolution (map units per pixel) of the current cluster set.\n+     * Constant: TILE_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for tiled layer\n      */\n-    resolution: null,\n+    TILE_PARAMS: {\n+        operation: 'GETTILEIMAGE',\n+        version: '1.2.0'\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Cluster\n-     * Create a new clustering strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Constant: SINGLE_TILE_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n      */\n+    SINGLE_TILE_PARAMS: {\n+        operation: 'GETMAPIMAGE',\n+        format: 'PNG',\n+        locale: 'en',\n+        clip: '1',\n+        version: '1.0.0'\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Constant: OVERLAY_PARAMS\n+     * {Object} Hashtable of default parameter key/value pairs for untiled layer\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                \"featuresremoved\": this.clearCache,\n-                \"moveend\": this.cluster,\n-                scope: this\n-            });\n-        }\n-        return activated;\n+    OVERLAY_PARAMS: {\n+        operation: 'GETDYNAMICMAPOVERLAYIMAGE',\n+        format: 'PNG',\n+        locale: 'en',\n+        clip: '1',\n+        version: '2.0.0'\n     },\n \n-    /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+    /** \n+     * Constant: FOLDER_PARAMS\n+     * {Object} Hashtable of parameter key/value pairs which describe \n+     * the folder structure for tiles as configured in the mapguide \n+     * serverconfig.ini section [TileServiceProperties]\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                \"featuresremoved\": this.clearCache,\n-                \"moveend\": this.cluster,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n+    FOLDER_PARAMS: {\n+        tileColumnsPerFolder: 30,\n+        tileRowsPerFolder: 30,\n+        format: 'png',\n+        querystring: null\n     },\n \n+    /** \n+     * Property: defaultSize\n+     * {<OpenLayers.Size>} Tile size as produced by MapGuide server\n+     **/\n+    defaultSize: new OpenLayers.Size(300, 300),\n+\n+    /** \n+     * Property: tileOriginCorner\n+     * {String} MapGuide tile server uses top-left as tile origin\n+     **/\n+    tileOriginCorner: \"tl\",\n+\n     /**\n-     * Method: cacheFeatures\n-     * Cache features before they are added to the layer.\n+     * Constructor: OpenLayers.Layer.MapGuide\n+     * Create a new Mapguide layer, either tiled or untiled.  \n+     *\n+     * For tiled layers, the 'groupName' and 'mapDefinition' values \n+     * must be specified as parameters in the constructor.\n+     *\n+     * For untiled base layers, specify either combination of 'mapName' and\n+     * 'session', or 'mapDefinition' and 'locale'.  \n+     *\n+     * For older versions of MapGuide and overlay layers, set useAsyncOverlay \n+     * to false and in this case mapName and session are required parameters \n+     * for the constructor.\n+     *\n+     * NOTE: MapGuide OS uses a DPI value and degrees to meters conversion \n+     * factor that are different than the defaults used in OpenLayers, \n+     * so these must be adjusted accordingly in your application.  \n+     * See the MapGuide example for how to set these values for MGOS.\n      *\n      * Parameters:\n-     * event - {Object} The event that this was listening for.  This will come\n-     *     with a batch of features to be clustered.\n-     *     \n-     * Returns:\n-     * {Boolean} False to stop features from being added to the layer.\n+     * name - {String} Name of the layer displayed in the interface\n+     * url - {String} Location of the MapGuide mapagent executable\n+     *            (e.g. http://localhost:8008/mapguide/mapagent/mapagent.fcgi)\n+     * params - {Object} hashtable of additional parameters to use. Some\n+     *     parameters may require additional code on the server. The ones that\n+     *     you may want to use are: \n+     *   - mapDefinition - {String} The MapGuide resource definition\n+     *            (e.g. Library://Samples/Gmap/Maps/gmapTiled.MapDefinition)\n+     *   - locale - Locale setting \n+     *            (for untiled overlays layers only)\n+     *   - mapName - {String} Name of the map as stored in the MapGuide session.\n+     *          (for untiled layers with a session parameter only)\n+     *   - session - { String} MapGuide session ID \n+     *            (for untiled overlays layers only)\n+     *   - basemaplayergroupname - {String} GroupName for tiled MapGuide layers only\n+     *   - format - Image format to be returned (for untiled overlay layers only)\n+     *   - showLayers - {String} A comma separated list of GUID's for the\n+     *       layers to display eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - hideLayers - {String} A comma separated list of GUID's for the\n+     *       layers to hide eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - showGroups - {String} A comma separated list of GUID's for the\n+     *       groups to display eg: 'cvc-xcv34,453-345-345sdf'.\n+     *   - hideGroups - {String} A comma separated list of GUID's for the\n+     *       groups to hide eg: 'cvc-xcv34,453-345-345sdf'\n+     *   - selectionXml - {String} A selection xml string Some server plumbing\n+     *       is required to read such a value.\n+     * options - {Object} Hashtable of extra options to tag onto the layer; \n+     *          will vary depending if tiled or untiled maps are being requested\n      */\n-    cacheFeatures: function(event) {\n-        var propagate = true;\n-        if (!this.clustering) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.cluster();\n-            propagate = false;\n+    initialize: function(name, url, params, options) {\n+\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+\n+        // unless explicitly set in options, if the layer is transparent, \n+        // it will be an overlay\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = ((this.transparent != \"true\") &&\n+                (this.transparent != true));\n         }\n-        return propagate;\n-    },\n \n-    /**\n-     * Method: clearCache\n-     * Clear out the cached features.\n-     */\n-    clearCache: function() {\n-        if (!this.clustering) {\n-            this.features = null;\n+        if (options && options.useOverlay != null) {\n+            this.useOverlay = options.useOverlay;\n         }\n-    },\n \n-    /**\n-     * Method: cluster\n-     * Cluster features based on some threshold distance.\n-     *\n-     * Parameters:\n-     * event - {Object} The event received when cluster is called as a\n-     *     result of a moveend event.\n-     */\n-    cluster: function(event) {\n-        if ((!event || event.zoomChanged) && this.features) {\n-            var resolution = this.layer.map.getResolution();\n-            if (resolution != this.resolution || !this.clustersExist()) {\n-                this.resolution = resolution;\n-                var clusters = [];\n-                var feature, clustered, cluster;\n-                for (var i = 0; i < this.features.length; ++i) {\n-                    feature = this.features[i];\n-                    if (feature.geometry) {\n-                        clustered = false;\n-                        for (var j = clusters.length - 1; j >= 0; --j) {\n-                            cluster = clusters[j];\n-                            if (this.shouldCluster(cluster, feature)) {\n-                                this.addToCluster(cluster, feature);\n-                                clustered = true;\n-                                break;\n-                            }\n-                        }\n-                        if (!clustered) {\n-                            clusters.push(this.createCluster(this.features[i]));\n-                        }\n-                    }\n-                }\n-                this.clustering = true;\n-                this.layer.removeAllFeatures();\n-                this.clustering = false;\n-                if (clusters.length > 0) {\n-                    if (this.threshold > 1) {\n-                        var clone = clusters.slice();\n-                        clusters = [];\n-                        var candidate;\n-                        for (var i = 0, len = clone.length; i < len; ++i) {\n-                            candidate = clone[i];\n-                            if (candidate.attributes.count < this.threshold) {\n-                                Array.prototype.push.apply(clusters, candidate.cluster);\n-                            } else {\n-                                clusters.push(candidate);\n-                            }\n-                        }\n-                    }\n-                    this.clustering = true;\n-                    // A legitimate feature addition could occur during this\n-                    // addFeatures call.  For clustering to behave well, features\n-                    // should be removed from a layer before requesting a new batch.\n-                    this.layer.addFeatures(clusters);\n-                    this.clustering = false;\n+        //initialize for untiled layers\n+        if (this.singleTile) {\n+            if (this.useOverlay) {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.OVERLAY_PARAMS\n+                );\n+                if (!this.useAsyncOverlay) {\n+                    this.params.version = \"1.0.0\";\n                 }\n-                this.clusters = clusters;\n+            } else {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.SINGLE_TILE_PARAMS\n+                );\n+            }\n+        } else {\n+            //initialize for tiled layers\n+            if (this.useHttpTile) {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.FOLDER_PARAMS\n+                );\n+            } else {\n+                OpenLayers.Util.applyDefaults(\n+                    this.params,\n+                    this.TILE_PARAMS\n+                );\n             }\n+            this.setTileSize(this.defaultSize);\n         }\n     },\n \n     /**\n-     * Method: clustersExist\n-     * Determine whether calculated clusters are already on the layer.\n+     * Method: clone\n+     * Create a clone of this layer\n      *\n      * Returns:\n-     * {Boolean} The calculated clusters are already on the layer.\n+     * {<OpenLayers.Layer.MapGuide>} An exact clone of this layer\n      */\n-    clustersExist: function() {\n-        var exist = false;\n-        if (this.clusters && this.clusters.length > 0 &&\n-            this.clusters.length == this.layer.features.length) {\n-            exist = true;\n-            for (var i = 0; i < this.clusters.length; ++i) {\n-                if (this.clusters[i] != this.layer.features[i]) {\n-                    exist = false;\n-                    break;\n-                }\n-            }\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapGuide(this.name,\n+                this.url,\n+                this.params,\n+                this.getOptions());\n         }\n-        return exist;\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: shouldCluster\n-     * Determine whether to include a feature in a given cluster.\n+     * Method: getURL\n+     * Return a query string for this layer\n      *\n      * Parameters:\n-     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n-     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     * bounds - {<OpenLayers.Bounds>} A bounds representing the bbox \n+     *                                for the request\n      *\n      * Returns:\n-     * {Boolean} The feature should be included in the cluster.\n+     * {String} A string with the layer's url and parameters and also \n+     *          the passed-in bounds and appropriate tile size specified \n+     *          as parameters.\n      */\n-    shouldCluster: function(cluster, feature) {\n-        var cc = cluster.geometry.getBounds().getCenterLonLat();\n-        var fc = feature.geometry.getBounds().getCenterLonLat();\n-        var distance = (\n-            Math.sqrt(\n-                Math.pow((cc.lon - fc.lon), 2) + Math.pow((cc.lat - fc.lat), 2)\n-            ) / this.resolution\n-        );\n-        return (distance <= this.distance);\n+    getURL: function(bounds) {\n+        var url;\n+        var center = bounds.getCenterLonLat();\n+        var mapSize = this.map.getSize();\n+\n+        if (this.singleTile) {\n+            //set up the call for GETMAPIMAGE or GETDYNAMICMAPOVERLAY with\n+            //dynamic map parameters\n+            var params = {\n+                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n+                setdisplayheight: mapSize.h * this.ratio,\n+                setdisplaywidth: mapSize.w * this.ratio,\n+                setviewcenterx: center.lon,\n+                setviewcentery: center.lat,\n+                setviewscale: this.map.getScale()\n+            };\n+\n+            if (this.useOverlay && !this.useAsyncOverlay) {\n+                //first we need to call GETVISIBLEMAPEXTENT to set the extent\n+                var getVisParams = {};\n+                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n+                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n+                getVisParams.version = \"1.0.0\";\n+                getVisParams.session = this.params.session;\n+                getVisParams.mapName = this.params.mapName;\n+                getVisParams.format = 'text/xml';\n+                url = this.getFullRequestString(getVisParams);\n+\n+                OpenLayers.Request.GET({\n+                    url: url,\n+                    async: false\n+                });\n+            }\n+            //construct the full URL\n+            url = this.getFullRequestString(params);\n+        } else {\n+\n+            //tiled version\n+            var currentRes = this.map.getResolution();\n+            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n+            colidx = Math.round(colidx / this.tileSize.w);\n+            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n+            rowidx = Math.round(rowidx / this.tileSize.h);\n+\n+            if (this.useHttpTile) {\n+                url = this.getImageFilePath({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                });\n+\n+            } else {\n+                url = this.getFullRequestString({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                });\n+            }\n+        }\n+        return url;\n     },\n \n     /**\n-     * Method: addToCluster\n-     * Add a feature to a cluster.\n+     * Method: getFullRequestString\n+     * getFullRequestString on MapGuide layers is special, because we \n+     * do a regular expression replace on ',' in parameters to '+'.\n+     * This is why it is subclassed here.\n      *\n      * Parameters:\n-     * cluster - {<OpenLayers.Feature.Vector>} A cluster.\n-     * feature - {<OpenLayers.Feature.Vector>} A feature.\n+     * altUrl - {String} Alternative base URL to use.\n+     *\n+     * Returns:\n+     * {String} A string with the layer's url appropriately encoded for MapGuide\n      */\n-    addToCluster: function(cluster, feature) {\n-        cluster.cluster.push(feature);\n-        cluster.attributes.count += 1;\n+    getFullRequestString: function(newParams, altUrl) {\n+        // use layer's url unless altUrl passed in\n+        var url = (altUrl == null) ? this.url : altUrl;\n+\n+        // if url is not a string, it should be an array of strings, \n+        //  in which case we will randomly select one of them in order\n+        //  to evenly distribute requests to different urls.\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)];\n+        }\n+        // requestString always starts with url\n+        var requestString = url;\n+\n+        // create a new params hashtable with all the layer params and the \n+        // new params together. then convert to string\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        // ignore parameters that are already in the url search string\n+        var urlParams = OpenLayers.Util.upperCaseObject(\n+            OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key];\n+            }\n+        }\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+\n+        /* MapGuide needs '+' seperating things like bounds/height/width.\n+           Since typically this is URL encoded, we use a slight hack: we\n+           depend on the list-like functionality of getParameterString to\n+           leave ',' only in the case of list items (since otherwise it is\n+           encoded) then do a regular expression replace on the , characters\n+           to '+' */\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if ((lastServerChar == \"&\") || (lastServerChar == \"?\")) {\n+                requestString += paramsString;\n+            } else {\n+                if (url.indexOf('?') == -1) {\n+                    //serverPath has no ? -- add one\n+                    requestString += '?' + paramsString;\n+                } else {\n+                    //serverPath contains ?, so must already have paramsString at the end\n+                    requestString += '&' + paramsString;\n+                }\n+            }\n+        }\n+        return requestString;\n     },\n \n-    /**\n-     * Method: createCluster\n-     * Given a feature, create a cluster.\n+    /** \n+     * Method: getImageFilePath\n+     * special handler to request mapguide tiles from an http exposed tilecache \n      *\n      * Parameters:\n-     * feature - {<OpenLayers.Feature.Vector>}\n+     * altUrl - {String} Alternative base URL to use.\n      *\n      * Returns:\n-     * {<OpenLayers.Feature.Vector>} A cluster.\n+     * {String} A string with the url for the tile image\n      */\n-    createCluster: function(feature) {\n-        var center = feature.geometry.getBounds().getCenterLonLat();\n-        var cluster = new OpenLayers.Feature.Vector(\n-            new OpenLayers.Geometry.Point(center.lon, center.lat), {\n-                count: 1\n-            }\n-        );\n-        cluster.cluster = [feature];\n-        return cluster;\n+    getImageFilePath: function(newParams, altUrl) {\n+        // use layer's url unless altUrl passed in\n+        var url = (altUrl == null) ? this.url : altUrl;\n+\n+        // if url is not a string, it should be an array of strings, \n+        //  in which case we will randomly select one of them in order\n+        //  to evenly distribute requests to different urls.\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)];\n+        }\n+        // requestString always starts with url\n+        var requestString = url;\n+\n+        var tileRowGroup = \"\";\n+        var tileColGroup = \"\";\n+\n+        if (newParams.tilerow < 0) {\n+            tileRowGroup = '-';\n+        }\n+\n+        if (newParams.tilerow == 0) {\n+            tileRowGroup += '0';\n+        } else {\n+            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder;\n+        }\n+\n+        if (newParams.tilecol < 0) {\n+            tileColGroup = '-';\n+        }\n+\n+        if (newParams.tilecol == 0) {\n+            tileColGroup += '0';\n+        } else {\n+            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder;\n+        }\n+\n+        var tilePath = '/S' + Math.floor(newParams.scaleindex) +\n+            '/' + this.params.basemaplayergroupname +\n+            '/R' + tileRowGroup +\n+            '/C' + tileColGroup +\n+            '/' + (newParams.tilerow % this.params.tileRowsPerFolder) +\n+            '_' + (newParams.tilecol % this.params.tileColumnsPerFolder) +\n+            '.' + this.params.format;\n+\n+        if (this.params.querystring) {\n+            tilePath += \"?\" + this.params.querystring;\n+        }\n+\n+        requestString += tilePath;\n+        return requestString;\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Refresh.js\n+    OpenLayers/Layer/Image.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer.js\n+ * @requires OpenLayers/Tile/Image.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Refresh\n- * A strategy that refreshes the layer. By default the strategy waits for a\n- *     call to <refresh> before refreshing.  By configuring the strategy with \n- *     the <interval> option, refreshing can take place automatically.\n+ * Class: OpenLayers.Layer.Image\n+ * Instances of OpenLayers.Layer.Image are used to display data from a web\n+ * accessible image as a map layer.  Create a new image layer with the\n+ * <OpenLayers.Layer.Image> constructor.\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Layer>\n  */\n-OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n \n     /**\n-     * Property: force\n-     * {Boolean} Force a refresh on the layer. Default is false.\n+     * Property: isBaseLayer\n+     * {Boolean} The layer is a base layer.  Default is true.  Set this property\n+     * in the layer options\n      */\n-    force: false,\n+    isBaseLayer: true,\n \n     /**\n-     * Property: interval\n-     * {Number} Auto-refresh. Default is 0.  If > 0, layer will be refreshed \n-     *     every N milliseconds.\n+     * Property: url\n+     * {String} URL of the image to use\n      */\n-    interval: 0,\n+    url: null,\n \n     /**\n-     * Property: timer\n-     * {Number} The id of the timer.\n+     * Property: extent\n+     * {<OpenLayers.Bounds>} The image bounds in map units.  This extent will\n+     *     also be used as the default maxExtent for the layer.  If you wish\n+     *     to have a maxExtent that is different than the image extent, set the\n+     *     maxExtent property of the options argument (as with any other layer).\n      */\n-    timer: null,\n+    extent: null,\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Refresh\n-     * Create a new Refresh strategy.\n+     * Property: size\n+     * {<OpenLayers.Size>} The image size in pixels\n+     */\n+    size: null,\n+\n+    /**\n+     * Property: tile\n+     * {<OpenLayers.Tile.Image>}\n+     */\n+    tile: null,\n+\n+    /**\n+     * Property: aspectRatio\n+     * {Float} The ratio of height/width represented by a single pixel in the\n+     * graphic\n+     */\n+    aspectRatio: null,\n+\n+    /**\n+     * Constructor: OpenLayers.Layer.Image\n+     * Create a new image layer\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * name - {String} A name for the layer.\n+     * url - {String} Relative or absolute path to the image\n+     * extent - {<OpenLayers.Bounds>} The extent represented by the image\n+     * size - {<OpenLayers.Size>} The size (in pixels) of the image\n+     * options - {Object} Hashtable of extra options to tag onto the layer\n      */\n+    initialize: function(name, url, extent, size, options) {\n+        this.url = url;\n+        this.extent = extent;\n+        this.maxExtent = extent;\n+        this.size = size;\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+\n+        this.aspectRatio = (this.extent.getHeight() / this.size.h) /\n+            (this.extent.getWidth() / this.size.w);\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy. Register any listeners, do appropriate setup.\n-     * \n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated.\n+     * Method: destroy\n+     * Destroy this layer\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer.visibility === true) {\n-                this.start();\n-            }\n-            this.layer.events.on({\n-                \"visibilitychanged\": this.reset,\n-                scope: this\n-            });\n+    destroy: function() {\n+        if (this.tile) {\n+            this.removeTileMonitoringHooks(this.tile);\n+            this.tile.destroy();\n+            this.tile = null;\n         }\n-        return activated;\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments);\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy. Unregister any listeners, do appropriate\n-     *     tear-down.\n-     * \n+     * Method: clone\n+     * Create a clone of this layer\n+     *\n+     * Paramters:\n+     * obj - {Object} An optional layer (is this ever used?)\n+     *\n      * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated.\n+     * {<OpenLayers.Layer.Image>} An exact copy of this layer\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.stop();\n-            this.layer.events.un({\n-                \"visibilitychanged\": this.reset,\n-                scope: this\n-            });\n+    clone: function(obj) {\n+\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Image(this.name,\n+                this.url,\n+                this.extent,\n+                this.size,\n+                this.getOptions());\n         }\n-        return deactivated;\n+\n+        //get all additions from superclasses\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+\n+        // copy/set any non-init, non-simple values here\n+\n+        return obj;\n     },\n \n     /**\n-     * Method: reset\n-     * Start or cancel the refresh interval depending on the visibility of \n-     *     the layer.\n+     * APIMethod: setMap\n+     * \n+     * Parameters:\n+     * map - {<OpenLayers.Map>}\n      */\n-    reset: function() {\n-        if (this.layer.visibility === true) {\n-            this.start();\n-        } else {\n-            this.stop();\n+    setMap: function(map) {\n+        /**\n+         * If nothing to do with resolutions has been set, assume a single\n+         * resolution determined by ratio*extent/size - if an image has a\n+         * pixel aspect ratio different than one (as calculated above), the\n+         * image will be stretched in one dimension only.\n+         */\n+        if (this.options.maxResolution == null) {\n+            this.options.maxResolution = this.aspectRatio *\n+                this.extent.getWidth() /\n+                this.size.w;\n         }\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);\n     },\n \n-    /**\n-     * Method: start\n-     * Start the refresh interval. \n+    /** \n+     * Method: moveTo\n+     * Create the tile for the image or resize it for the new resolution\n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     * zoomChanged - {Boolean}\n+     * dragging - {Boolean}\n      */\n-    start: function() {\n-        if (this.interval && typeof this.interval === \"number\" &&\n-            this.interval > 0) {\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n \n-            this.timer = window.setInterval(\n-                OpenLayers.Function.bind(this.refresh, this),\n-                this.interval);\n+        var firstRendering = (this.tile == null);\n+\n+        if (zoomChanged || firstRendering) {\n+\n+            //determine new tile size\n+            this.setTileSize();\n+\n+            //determine new position (upper left corner of new bounds)\n+            var ulPx = this.map.getLayerPxFromLonLat({\n+                lon: this.extent.left,\n+                lat: this.extent.top\n+            });\n+\n+            if (firstRendering) {\n+                //create the new tile\n+                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent,\n+                    null, this.tileSize);\n+                this.addTileMonitoringHooks(this.tile);\n+            } else {\n+                //just resize the tile and set it's new position\n+                this.tile.size = this.tileSize.clone();\n+                this.tile.position = ulPx.clone();\n+            }\n+            this.tile.draw();\n         }\n     },\n \n     /**\n-     * APIMethod: refresh\n-     * Tell the strategy to refresh which will refresh the layer.\n+     * Set the tile size based on the map size.\n      */\n-    refresh: function() {\n-        if (this.layer && this.layer.refresh &&\n-            typeof this.layer.refresh == \"function\") {\n+    setTileSize: function() {\n+        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n+        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n+        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight);\n+    },\n \n-            this.layer.refresh({\n-                force: this.force\n-            });\n-        }\n+    /** \n+     * Method: addTileMonitoringHooks\n+     * This function takes a tile as input and adds the appropriate hooks to \n+     *     the tile so that the layer can keep track of the loading tiles.\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    addTileMonitoringHooks: function(tile) {\n+        tile.onLoadStart = function() {\n+            this.events.triggerEvent(\"loadstart\");\n+        };\n+        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n+\n+        tile.onLoadEnd = function() {\n+            this.events.triggerEvent(\"loadend\");\n+        };\n+        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n+        tile.events.register(\"unload\", this, tile.onLoadEnd);\n+    },\n+\n+    /** \n+     * Method: removeTileMonitoringHooks\n+     * This function takes a tile as input and removes the tile hooks \n+     *     that were added in <addTileMonitoringHooks>.\n+     * \n+     * Parameters: \n+     * tile - {<OpenLayers.Tile>}\n+     */\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            \"loadstart\": tile.onLoadStart,\n+            \"loadend\": tile.onLoadEnd,\n+            \"unload\": tile.onLoadEnd,\n+            scope: this\n+        });\n     },\n \n     /**\n-     * Method: stop\n-     * Cancels the refresh interval. \n+     * APIMethod: setUrl\n+     * \n+     * Parameters:\n+     * newUrl - {String}\n      */\n-    stop: function() {\n-        if (this.timer !== null) {\n-            window.clearInterval(this.timer);\n-            this.timer = null;\n-        }\n+    setUrl: function(newUrl) {\n+        this.url = newUrl;\n+        this.tile.draw();\n     },\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+    /** \n+     * APIMethod: getURL\n+     * The url we return is always the same (the image itself never changes)\n+     *     so we can ignore the bounds parameter (it will always be the same, \n+     *     anyways) \n+     * \n+     * Parameters:\n+     * bounds - {<OpenLayers.Bounds>}\n+     */\n+    getURL: function(bounds) {\n+        return this.url;\n+    },\n+\n+    CLASS_NAME: \"OpenLayers.Layer.Image\"\n });\n /* ======================================================================\n-    OpenLayers/Strategy/Paging.js\n+    OpenLayers/Layer/Google/v3.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n+ * @requires OpenLayers/Layer/Google.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Paging\n- * Strategy for vector feature paging\n- *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ * Constant: OpenLayers.Layer.Google.v3\n+ * \n+ * Mixin providing functionality specific to the Google Maps API v3.\n+ * \n+ * To use this layer, you must include the GMaps v3 API in your html.\n+ * \n+ * Note that this layer configures the google.maps.map object with the\n+ * \"disableDefaultUI\" option set to true. Using UI controls that the Google\n+ * Maps API provides is not supported by the OpenLayers API.\n  */\n-OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Layer.Google.v3 = {\n \n     /**\n-     * Property: features\n-     * {Array(<OpenLayers.Feature.Vector>)} Cached features.\n+     * Constant: DEFAULTS\n+     * {Object} It is not recommended to change the properties set here. Note\n+     * that Google.v3 layers only work when sphericalMercator is set to true.\n+     * \n+     * (code)\n+     * {\n+     *     sphericalMercator: true,\n+     *     projection: \"EPSG:900913\"\n+     * }\n+     * (end)\n      */\n-    features: null,\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n \n     /**\n-     * Property: length\n-     * {Integer} Number of features per page.  Default is 10.\n+     * APIProperty: animationEnabled\n+     * {Boolean} If set to true, the transition between zoom levels will be\n+     *     animated (if supported by the GMaps API for the device used). Set to\n+     *     false to match the zooming experience of other layer types. Default\n+     *     is true. Note that the GMaps API does not give us control over zoom\n+     *     animation, so if set to false, when zooming, this will make the\n+     *     layer temporarily invisible, wait until GMaps reports the map being\n+     *     idle, and make it visible again. The result will be a blank layer\n+     *     for a few moments while zooming.\n      */\n-    length: 10,\n+    animationEnabled: true,\n \n-    /**\n-     * Property: num\n-     * {Integer} The currently displayed page number.\n+    /** \n+     * Method: loadMapObject\n+     * Load the GMap and register appropriate event listeners.\n      */\n-    num: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP;\n+        }\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            // there are already Google layers added to this map\n+            mapObject = cache.mapObject;\n+            // increment the layer count\n+            ++cache.count;\n+        } else {\n+            // this is the first Google layer for this map\n+            // create GMap\n+            var center = this.map.getCenter();\n+            var container = document.createElement('div');\n+            container.className = \"olForeignContainer\";\n+            container.style.width = '100%';\n+            container.style.height = '100%';\n+            mapObject = new google.maps.Map(container, {\n+                center: center ?\n+                    new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n+            });\n+            var googleControl = document.createElement('div');\n+            googleControl.style.width = '100%';\n+            googleControl.style.height = '100%';\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n \n-    /**\n-     * Property: paging\n-     * {Boolean} The strategy is currently changing pages.\n-     */\n-    paging: false,\n+            // cache elements for use by any other google layers added to\n+            // this same map\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache;\n+        }\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility);\n+    },\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Paging\n-     * Create a new paging strategy.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * APIMethod: onMapResize\n      */\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\");\n+        }\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n+     * Method: setGMapVisibility\n+     * Display the GMap container and associated elements.\n      * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * Parameters:\n+     * visible - {Boolean} Display the GMap elements.\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                scope: this\n-            });\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google &&\n+                    layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break;\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, 'tilesloaded', function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter());\n+                        });\n+                    } else {\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, 'resize');\n+                    }\n+                }\n+                this.mapObject.setMapTypeId(type);\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container);\n+            }\n         }\n-        return activated;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Unregister any listeners, do appropriate\n-     *     tear-down.\n+     * Method: getMapContainer\n      * \n      * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * {DOMElement} the GMap container's div\n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.cacheFeatures,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv();\n     },\n \n+    //\n+    // TRANSLATION: MapObject Bounds <-> OpenLayers.Bounds\n+    //\n+\n     /**\n-     * Method: cacheFeatures\n-     * Cache features before they are added to the layer.\n-     *\n+     * APIMethod: getMapObjectBoundsFromOLBounds\n+     * \n      * Parameters:\n-     * event - {Object} The event that this was listening for.  This will come\n-     *     with a batch of features to be paged.\n+     * olBounds - {<OpenLayers.Bounds>}\n+     * \n+     * Returns:\n+     * {Object} A MapObject Bounds, translated from olBounds\n+     *          Returns null if null value is passed in\n      */\n-    cacheFeatures: function(event) {\n-        if (!this.paging) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.pageNext(event);\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.bottom, olBounds.left) :\n+                new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ?\n+                this.inverseMercator(olBounds.top, olBounds.right) :\n+                new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(\n+                new google.maps.LatLng(sw.lat, sw.lon),\n+                new google.maps.LatLng(ne.lat, ne.lon)\n+            );\n         }\n+        return moBounds;\n     },\n \n-    /**\n-     * Method: clearCache\n-     * Clear out the cached features.  This destroys features, assuming\n-     *     nothing else has a reference.\n-     */\n-    clearCache: function() {\n-        if (this.features) {\n-            for (var i = 0; i < this.features.length; ++i) {\n-                this.features[i].destroy();\n-            }\n-        }\n-        this.features = null;\n-        this.num = null;\n-    },\n+\n+    /************************************\n+     *                                  *\n+     *   MapObject Interface Controls   *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat - Pixel Translation\n \n     /**\n-     * APIMethod: pageCount\n-     * Get the total count of pages given the current cache of features.\n-     *\n+     * APIMethod: getMapObjectLonLatFromMapObjectPixel\n+     * \n+     * Parameters:\n+     * moPixel - {Object} MapObject Pixel format\n+     * \n      * Returns:\n-     * {Integer} The page count.\n+     * {Object} MapObject LonLat translated from MapObject Pixel\n      */\n-    pageCount: function() {\n-        var numFeatures = this.features ? this.features.length : 0;\n-        return Math.ceil(numFeatures / this.length);\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n+\n+        var delta_x = moPixel.x - (size.w / 2);\n+        var delta_y = moPixel.y - (size.h / 2);\n+\n+        var lonlat = new OpenLayers.LonLat(\n+            lon + delta_x * res,\n+            lat - delta_y * res\n+        );\n+\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent);\n+        }\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat);\n     },\n \n     /**\n-     * APIMethod: pageNum\n-     * Get the zero based page number.\n-     *\n+     * APIMethod: getMapObjectPixelFromMapObjectLonLat\n+     * \n+     * Parameters:\n+     * moLonLat - {Object} MapObject LonLat format\n+     * \n      * Returns:\n-     * {Integer} The current page number being displayed.\n+     * {Object} MapObject Pixel transtlated from MapObject LonLat\n      */\n-    pageNum: function() {\n-        return this.num;\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY((1 / res * (lon - extent.left)),\n+            (1 / res * (extent.top - lat)));\n     },\n \n-    /**\n-     * APIMethod: pageLength\n-     * Gets or sets page length.\n-     *\n+\n+    /** \n+     * APIMethod: setMapObjectCenter\n+     * Set the mapObject to the specified center and zoom\n+     * \n      * Parameters:\n-     * newLength - {Integer} Optional length to be set.\n-     *\n-     * Returns:\n-     * {Integer} The length of a page (number of features per page).\n+     * center - {Object} MapObject LonLat format\n+     * zoom - {int} MapObject zoom format\n      */\n-    pageLength: function(newLength) {\n-        if (newLength && newLength > 0) {\n-            this.length = newLength;\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(\n+                this.mapObject,\n+                \"idle\",\n+                function() {\n+                    mapContainer.style.visibility = \"\";\n+                }\n+            );\n+            mapContainer.style.visibility = \"hidden\";\n         }\n-        return this.length;\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        });\n     },\n \n-    /**\n-     * APIMethod: pageNext\n-     * Display the next page of features.\n-     *\n+\n+    // Bounds\n+\n+    /** \n+     * APIMethod: getMapObjectZoomFromMapObjectBounds\n+     * \n+     * Parameters:\n+     * moBounds - {Object} MapObject Bounds format\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject Zoom for specified MapObject Bounds\n      */\n-    pageNext: function(event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = -1;\n-            }\n-            var start = (this.num + 1) * this.length;\n-            changed = this.page(start, event);\n-        }\n-        return changed;\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds);\n     },\n \n+    /************************************\n+     *                                  *\n+     *       MapObject Primitives       *\n+     *                                  *\n+     ************************************/\n+\n+\n+    // LonLat\n+\n     /**\n-     * APIMethod: pagePrevious\n-     * Display the previous page of features.\n-     *\n+     * APIMethod: getMapObjectLonLatFromLonLat\n+     * \n+     * Parameters:\n+     * lon - {Float}\n+     * lat - {Float}\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject LonLat built from lon and lat params\n      */\n-    pagePrevious: function() {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = this.pageCount();\n-            }\n-            var start = (this.num - 1) * this.length;\n-            changed = this.page(start);\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon);\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon);\n         }\n-        return changed;\n+        return gLatLng;\n     },\n \n+    // Pixel\n+\n     /**\n-     * Method: page\n-     * Display the page starting at the given index from the cache.\n-     *\n+     * APIMethod: getMapObjectPixelFromXY\n+     * \n+     * Parameters:\n+     * x - {Integer}\n+     * y - {Integer}\n+     * \n      * Returns:\n-     * {Boolean} A new page was displayed.\n+     * {Object} MapObject Pixel from x and y parameters\n      */\n-    page: function(start, event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (start >= 0 && start < this.features.length) {\n-                var num = Math.floor(start / this.length);\n-                if (num != this.num) {\n-                    this.paging = true;\n-                    var features = this.features.slice(start, start + this.length);\n-                    this.layer.removeFeatures(this.layer.features);\n-                    this.num = num;\n-                    // modify the event if any\n-                    if (event && event.features) {\n-                        // this.was called by an event listener\n-                        event.features = features;\n-                    } else {\n-                        // this was called directly on the strategy\n-                        this.layer.addFeatures(features);\n-                    }\n-                    this.paging = false;\n-                    changed = true;\n-                }\n-            }\n-        }\n-        return changed;\n-    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y);\n+    }\n \n-    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n-});\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/Filter.js\n+    OpenLayers/Tile/Image/IFrame.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n- * @requires OpenLayers/Filter.js\n+ * @requires OpenLayers/Tile/Image.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.Filter\n- * Strategy for limiting features that get added to a layer by \n- *     evaluating a filter.  The strategy maintains a cache of\n- *     all features until removeFeatures is called on the layer.\n+ * Constant: OpenLayers.Tile.Image.IFrame\n+ * Mixin for tiles that use form-encoded POST requests to get images from\n+ * remote services. Images will be loaded using HTTP-POST into an IFrame.\n  *\n- * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ * This mixin will be applied to <OpenLayers.Tile.Image> instances\n+ * configured with <OpenLayers.Tile.Image.maxGetUrlLength> set.\n  */\n-OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n-\n-    /**\n-     * APIProperty: filter\n-     * {<OpenLayers.Filter>}  Filter for limiting features sent to the layer.\n-     *     Use the <setFilter> method to update this filter after construction.\n-     */\n-    filter: null,\n+OpenLayers.Tile.Image.IFrame = {\n \n     /**\n-     * Property: cache\n-     * {Array(<OpenLayers.Feature.Vector>)} List of currently cached\n-     *     features.\n+     * Property: useIFrame\n+     * {Boolean} true if we are currently using an IFrame to render POST\n+     * responses, false if we are using an img element to render GET responses.\n      */\n-    cache: null,\n+    useIFrame: null,\n \n     /**\n-     * Property: caching\n-     * {Boolean} The filter is currently caching features.\n+     * Property: blankImageUrl\n+     * {String} Using a data scheme url is not supported by all browsers, but\n+     * we don't care because we either set it as css backgroundImage, or the\n+     * image's display style is set to \"none\" when we use it.\n      */\n-    caching: false,\n+    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n \n     /**\n-     * Constructor: OpenLayers.Strategy.Filter\n-     * Create a new filter strategy.\n+     * Method: draw\n+     * Set useIFrame in the instance, and operate the image/iframe switch.\n+     * Then call Tile.Image.draw.\n      *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n+     * Returns:\n+     * {Boolean}\n      */\n+    draw: function() {\n+        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n+        if (draw) {\n+\n+            // this.url isn't set to the currect value yet, so we call getURL\n+            // on the layer and store the result in a local variable\n+            var url = this.layer.getURL(this.bounds);\n+\n+            var usedIFrame = this.useIFrame;\n+            this.useIFrame = this.maxGetUrlLength !== null &&\n+                !this.layer.async &&\n+                url.length > this.maxGetUrlLength;\n+\n+            var fromIFrame = usedIFrame && !this.useIFrame;\n+            var toIFrame = !usedIFrame && this.useIFrame;\n+\n+            if (fromIFrame || toIFrame) {\n+\n+                // Switching between GET (image) and POST (iframe).\n+\n+                // We remove the imgDiv (really either an image or an iframe)\n+                // from the frame and set it to null to make sure initImage\n+                // will call getImage.\n+\n+                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n+                    this.frame.removeChild(this.imgDiv);\n+                }\n+                this.imgDiv = null;\n+\n+                // And if we had an iframe we also remove the event pane.\n+\n+                if (fromIFrame) {\n+                    this.frame.removeChild(this.frame.firstChild);\n+                }\n+            }\n+        }\n+        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments);\n+    },\n \n     /**\n-     * APIMethod: activate\n-     * Activate the strategy.  Register any listeners, do appropriate setup.\n-     *     By default, this strategy automatically activates itself when a layer\n-     *     is added to a map.\n-     *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully activated or false if\n-     *      the strategy was already active.\n+     * Method: getImage\n+     * Creates the content for the frame on the tile.\n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.cache = [];\n-            this.layer.events.on({\n-                \"beforefeaturesadded\": this.handleAdd,\n-                \"beforefeaturesremoved\": this.handleRemove,\n-                scope: this\n-            });\n+    getImage: function() {\n+        if (this.useIFrame === true) {\n+            if (!this.frame.childNodes.length) {\n+                var eventPane = document.createElement(\"div\"),\n+                    style = eventPane.style;\n+                style.position = \"absolute\";\n+                style.width = \"100%\";\n+                style.height = \"100%\";\n+                style.zIndex = 1;\n+                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n+                this.frame.appendChild(eventPane);\n+            }\n+\n+            var id = this.id + '_iFrame',\n+                iframe;\n+            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n+                // Older IE versions do not set the name attribute of an iFrame \n+                // properly via DOM manipulation, so we need to do it on our own with\n+                // this hack.\n+                iframe = document.createElement('<iframe name=\"' + id + '\">');\n+\n+                // IFrames in older IE versions are not transparent, if you set\n+                // the backgroundColor transparent. This is a workaround to get \n+                // transparent iframes.\n+                iframe.style.backgroundColor = '#FFFFFF';\n+                iframe.style.filter = 'chroma(color=#FFFFFF)';\n+            } else {\n+                iframe = document.createElement('iframe');\n+                iframe.style.backgroundColor = 'transparent';\n+\n+                // iframe.name needs to be an unique id, otherwise it \n+                // could happen that other iframes are overwritten.\n+                iframe.name = id;\n+            }\n+\n+            // some special properties to avoid scaling the images and scrollbars \n+            // in the iframe\n+            iframe.scrolling = 'no';\n+            iframe.marginWidth = '0px';\n+            iframe.marginHeight = '0px';\n+            iframe.frameBorder = '0';\n+\n+            iframe.style.position = \"absolute\";\n+            iframe.style.width = \"100%\";\n+            iframe.style.height = \"100%\";\n+\n+            if (this.layer.opacity < 1) {\n+                OpenLayers.Util.modifyDOMElement(iframe, null, null, null,\n+                    null, null, null, this.layer.opacity);\n+            }\n+            this.frame.appendChild(iframe);\n+            this.imgDiv = iframe;\n+            return iframe;\n+        } else {\n+            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments);\n         }\n-        return activated;\n     },\n \n     /**\n-     * APIMethod: deactivate\n-     * Deactivate the strategy.  Clear the feature cache.\n+     * Method: createRequestForm\n+     * Create the html <form> element with width, height, bbox and all \n+     * parameters specified in the layer params.\n      *\n-     * Returns:\n-     * {Boolean} True if the strategy was successfully deactivated or false if\n-     *      the strategy was already inactive.\n+     * Returns: \n+     * {DOMElement} The form element which sends the HTTP-POST request to the\n+     *              WMS. \n      */\n-    deactivate: function() {\n-        this.cache = null;\n-        if (this.layer && this.layer.events) {\n-            this.layer.events.un({\n-                \"beforefeaturesadded\": this.handleAdd,\n-                \"beforefeaturesremoved\": this.handleRemove,\n-                scope: this\n-            });\n+    createRequestForm: function() {\n+        // creation of the form element\n+        var form = document.createElement('form');\n+        form.method = 'POST';\n+        var cacheId = this.layer.params[\"_OLSALT\"];\n+        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n+        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n+        form.target = this.id + '_iFrame';\n+\n+        // adding all parameters in layer params as hidden fields to the html\n+        // form element\n+        var imageSize = this.layer.getImageSize(),\n+            params = OpenLayers.Util.getParameters(this.url),\n+            field;\n+\n+        for (var par in params) {\n+            field = document.createElement('input');\n+            field.type = 'hidden';\n+            field.name = par;\n+            field.value = params[par];\n+            form.appendChild(field);\n         }\n-        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments);\n+\n+        return form;\n     },\n \n     /**\n-     * Method: handleAdd\n+     * Method: setImgSrc\n+     * Sets the source for the tile image\n+     *\n+     * Parameters:\n+     * url - {String}\n      */\n-    handleAdd: function(event) {\n-        if (!this.caching && this.filter) {\n-            var features = event.features;\n-            event.features = [];\n-            var feature;\n-            for (var i = 0, ii = features.length; i < ii; ++i) {\n-                feature = features[i];\n-                if (this.filter.evaluate(feature)) {\n-                    event.features.push(feature);\n-                } else {\n-                    this.cache.push(feature);\n-                }\n+    setImgSrc: function(url) {\n+        if (this.useIFrame === true) {\n+            if (url) {\n+                var form = this.createRequestForm();\n+                this.frame.appendChild(form);\n+                form.submit();\n+                this.frame.removeChild(form);\n+            } else if (this.imgDiv.parentNode === this.frame) {\n+                // we don't reuse iframes to avoid caching issues\n+                this.frame.removeChild(this.imgDiv);\n+                this.imgDiv = null;\n             }\n+        } else {\n+            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments);\n         }\n     },\n \n     /**\n-     * Method: handleRemove\n+     * Method: onImageLoad\n+     * Handler for the image onload event\n      */\n-    handleRemove: function(event) {\n-        if (!this.caching) {\n-            this.cache = [];\n+    onImageLoad: function() {\n+        //TODO de-uglify opacity handling\n+        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n+        if (this.useIFrame === true) {\n+            this.imgDiv.style.opacity = 1;\n+            this.frame.style.opacity = this.layer.opacity;\n         }\n     },\n \n-    /** \n-     * APIMethod: setFilter\n-     * Update the filter for this strategy.  This will re-evaluate\n-     *     any features on the layer and in the cache.  Only features\n-     *     for which filter.evalute(feature) returns true will be\n-     *     added to the layer.  Others will be cached by the strategy.\n+    /**\n+     * Method: createBackBuffer\n+     * Override createBackBuffer to do nothing when we use an iframe. Moving an\n+     * iframe from one element to another makes it necessary to reload the iframe\n+     * because its content is lost. So we just give up.\n      *\n-     * Parameters:\n-     * filter - {<OpenLayers.Filter>} A filter for evaluating features.\n+     * Returns:\n+     * {DOMElement}\n      */\n-    setFilter: function(filter) {\n-        this.filter = filter;\n-        var previousCache = this.cache;\n-        this.cache = [];\n-        // look through layer for features to remove from layer\n-        this.handleAdd({\n-            features: this.layer.features\n-        });\n-        // cache now contains features to remove from layer\n-        if (this.cache.length > 0) {\n-            this.caching = true;\n-            this.layer.removeFeatures(this.cache.slice());\n-            this.caching = false;\n-        }\n-        // now look through previous cache for features to add to layer\n-        if (previousCache.length > 0) {\n-            var event = {\n-                features: previousCache\n-            };\n-            this.handleAdd(event);\n-            if (event.features.length > 0) {\n-                // event has features to add to layer\n-                this.caching = true;\n-                this.layer.addFeatures(event.features);\n-                this.caching = false;\n-            }\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.useIFrame === false) {\n+            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this);\n         }\n-    },\n-\n-    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n-\n-});\n+        return backBuffer;\n+    }\n+};\n /* ======================================================================\n-    OpenLayers/Strategy/BBOX.js\n+    OpenLayers/Marker/Box.js\n    ====================================================================== */\n \n /* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n  * full list of contributors). Published under the 2-clause BSD license.\n  * See license.txt in the OpenLayers distribution or repository for the\n  * full text of the license. */\n \n+\n /**\n- * @requires OpenLayers/Strategy.js\n- * @requires OpenLayers/Filter/Spatial.js\n+ * @requires OpenLayers/Marker.js\n  */\n \n /**\n- * Class: OpenLayers.Strategy.BBOX\n- * A simple strategy that reads new features when the viewport invalidates\n- *     some bounds.\n+ * Class: OpenLayers.Marker.Box\n  *\n  * Inherits from:\n- *  - <OpenLayers.Strategy>\n+ *  - <OpenLayers.Marker> \n  */\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n \n-    /**\n-     * Property: bounds\n-     * {<OpenLayers.Bounds>} The current data bounds (in the same projection\n-     *     as the layer - not always the same projection as the map).\n+    /** \n+     * Property: bounds \n+     * {<OpenLayers.Bounds>} \n      */\n     bounds: null,\n \n     /** \n-     * Property: resolution \n-     * {Float} The current data resolution. \n-     */\n-    resolution: null,\n-\n-    /**\n-     * APIProperty: ratio\n-     * {Float} The ratio of the data bounds to the viewport bounds (in each\n-     *     dimension).  Default is 2.\n+     * Property: div \n+     * {DOMElement} \n      */\n-    ratio: 2,\n+    div: null,\n \n     /** \n-     * Property: resFactor \n-     * {Float} Optional factor used to determine when previously requested \n-     *     features are invalid.  If set, the resFactor will be compared to the\n-     *     resolution of the previous request to the current map resolution.\n-     *     If resFactor > (old / new) and 1/resFactor < (old / new).  If you\n-     *     set a resFactor of 1, data will be requested every time the\n-     *     resolution changes.  If you set a resFactor of 3, data will be\n-     *     requested if the old resolution is 3 times the new, or if the new is\n-     *     3 times the old.  If the old bounds do not contain the new bounds\n-     *     new data will always be requested (with or without considering\n-     *     resFactor). \n-     */\n-    resFactor: null,\n-\n-    /**\n-     * Property: response\n-     * {<OpenLayers.Protocol.Response>} The protocol response object returned\n-     *      by the layer protocol.\n-     */\n-    response: null,\n-\n-    /**\n-     * Constructor: OpenLayers.Strategy.BBOX\n-     * Create a new BBOX strategy.\n+     * Constructor: OpenLayers.Marker.Box\n      *\n      * Parameters:\n-     * options - {Object} Optional object whose properties will be set on the\n-     *     instance.\n-     */\n-\n-    /**\n-     * Method: activate\n-     * Set up strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully activated.\n+     * bounds - {<OpenLayers.Bounds>} \n+     * borderColor - {String} \n+     * borderWidth - {int} \n      */\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-            this.update();\n-        }\n-        return activated;\n+    initialize: function(bounds, borderColor, borderWidth) {\n+        this.bounds = bounds;\n+        this.div = OpenLayers.Util.createDiv();\n+        this.div.style.overflow = 'hidden';\n+        this.events = new OpenLayers.Events(this, this.div);\n+        this.setBorder(borderColor, borderWidth);\n     },\n \n     /**\n-     * Method: deactivate\n-     * Tear down strategy with regard to reading new batches of remote data.\n-     * \n-     * Returns:\n-     * {Boolean} The strategy was successfully deactivated.\n+     * Method: destroy \n      */\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                \"moveend\": this.update,\n-                \"refresh\": this.update,\n-                \"visibilitychanged\": this.update,\n-                scope: this\n-            });\n-        }\n-        return deactivated;\n-    },\n+    destroy: function() {\n \n-    /**\n-     * Method: update\n-     * Callback function called on \"moveend\" or \"refresh\" layer events.\n-     *\n-     * Parameters:\n-     * options - {Object} Optional object whose properties will determine\n-     *     the behaviour of this Strategy\n-     *\n-     * Valid options include:\n-     * force - {Boolean} if true, new data must be unconditionally read.\n-     * noAbort - {Boolean} if true, do not abort previous requests.\n-     */\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && ((options && options.force) ||\n-                (this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds)))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options);\n-        }\n-    },\n+        this.bounds = null;\n+        this.div = null;\n \n-    /**\n-     * Method: getMapBounds\n-     * Get the map bounds expressed in the same projection as this layer.\n-     *\n-     * Returns:\n-     * {<OpenLayers.Bounds>} Map bounds in the projection of the layer.\n-     */\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null;\n-        }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(\n-                this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(\n-                this.layer.map.getProjectionObject(), this.layer.projection\n-            );\n-        }\n-        return bounds;\n+        OpenLayers.Marker.prototype.destroy.apply(this, arguments);\n     },\n \n-    /**\n-     * Method: invalidBounds\n-     * Determine whether the previously requested set of features is invalid. \n-     *     This occurs when the new map bounds do not contain the previously \n-     *     requested bounds.  In addition, if <resFactor> is set, it will be \n-     *     considered.\n-     *\n+    /** \n+     * Method: setBorder\n+     * Allow the user to change the box's color and border width\n+     * \n      * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n-     *\n-     * Returns:\n-     * {Boolean} \n+     * color - {String} Default is \"red\"\n+     * width - {int} Default is 2\n      */\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n+    setBorder: function(color, width) {\n+        if (!color) {\n+            color = \"red\";\n         }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = (ratio >= this.resFactor || ratio <= (1 / this.resFactor));\n+        if (!width) {\n+            width = 2;\n         }\n-        return invalid;\n+        this.div.style.border = width + \"px solid \" + color;\n     },\n \n-    /**\n-     * Method: calculateBounds\n-     *\n+    /** \n+     * Method: draw\n+     * \n      * Parameters:\n-     * mapBounds - {<OpenLayers.Bounds>} the current map extent, will be\n-     *      retrieved from the map object if not provided\n+     * px - {<OpenLayers.Pixel>} \n+     * sz - {<OpenLayers.Size>} \n+     * \n+     * Returns: \n+     * {DOMElement} A new DOM Image with this marker's icon set at the \n+     *         location passed-in\n      */\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds();\n-        }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(\n-            center.lon - (dataWidth / 2),\n-            center.lat - (dataHeight / 2),\n-            center.lon + (dataWidth / 2),\n-            center.lat + (dataHeight / 2)\n-        );\n+    draw: function(px, sz) {\n+        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n+        return this.div;\n     },\n \n     /**\n-     * Method: triggerRead\n-     *\n-     * Parameters:\n-     * options - {Object} Additional options for the protocol's read method \n-     *     (optional)\n-     *\n-     * Returns:\n-     * {<OpenLayers.Protocol.Response>} The protocol response object\n-     *      returned by the layer protocol.\n+     * Method: onScreen\n+     * \n+     * Rreturn:\n+     * {Boolean} Whether or not the marker is currently visible on screen.\n      */\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\");\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsBounds(this.bounds, true, true);\n         }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(\n-            OpenLayers.Util.applyDefaults({\n-                filter: evt.filter,\n-                callback: this.merge,\n-                scope: this\n-            }, options));\n+        return onScreen;\n     },\n \n     /**\n-     * Method: createFilter\n-     * Creates a spatial BBOX filter. If the layer that this strategy belongs\n-     * to has a filter property, this filter will be combined with the BBOX \n-     * filter.\n+     * Method: display\n+     * Hide or show the icon\n      * \n-     * Returns\n-     * {<OpenLayers.Filter>} The filter object.\n+     * Parameters:\n+     * display - {Boolean} \n      */\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n-            });\n-        }\n-        return filter;\n+    display: function(display) {\n+        this.div.style.display = (display) ? \"\" : \"none\";\n     },\n \n-    /**\n-     * Method: merge\n-     * Given a list of features, determine which ones to add to the layer.\n-     *     If the layer projection differs from the map projection, features\n-     *     will be transformed from the layer projection to the map projection.\n-     *\n-     * Parameters:\n-     * resp - {<OpenLayers.Protocol.Response>} The response object passed\n-     *      by the protocol.\n-     */\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local);\n-                        }\n-                    }\n+    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+});\n+\n+/* ======================================================================\n+    OpenLayers/Popup/Framed.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Popup/Anchored.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Popup.Framed\n+ * \n+ * Inherits from:\n+ *  - <OpenLayers.Popup.Anchored>\n+ */\n+OpenLayers.Popup.Framed =\n+    OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+\n+        /**\n+         * Property: imageSrc\n+         * {String} location of the image to be used as the popup frame\n+         */\n+        imageSrc: null,\n+\n+        /**\n+         * Property: imageSize\n+         * {<OpenLayers.Size>} Size (measured in pixels) of the image located\n+         *     by the 'imageSrc' property.\n+         */\n+        imageSize: null,\n+\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The image has some alpha and thus needs to use the alpha \n+         *     image hack. Note that setting this to true will have no noticeable\n+         *     effect in FF or IE7 browsers, but will all but crush the ie6 \n+         *     browser. \n+         *     Default is false.\n+         */\n+        isAlphaImage: false,\n+\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of different position blocks (Object/Hashs). Each block \n+         *     will be keyed by a two-character 'relativePosition' \n+         *     code string (ie \"tl\", \"tr\", \"bl\", \"br\"). Block properties are \n+         *     'offset', 'padding' (self-explanatory), and finally the 'blocks'\n+         *     parameter, which is an array of the block objects. \n+         * \n+         *     Each block object must have 'size', 'anchor', and 'position' \n+         *     properties.\n+         * \n+         *     Note that positionBlocks should never be modified at runtime.\n+         */\n+        positionBlocks: null,\n+\n+        /**\n+         * Property: blocks\n+         * {Array[Object]} Array of objects, each of which is one \"block\" of the \n+         *     popup. Each block has a 'div' and an 'image' property, both of \n+         *     which are DOMElements, and the latter of which is appended to the \n+         *     former. These are reused as the popup goes changing positions for\n+         *     great economy and elegance.\n+         */\n+        blocks: null,\n+\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} We want the framed popup to work dynamically placed relative\n+         *     to its anchor but also in just one fixed position. A well designed\n+         *     framed popup will have the pixels and logic to display itself in \n+         *     any of the four relative positions, but (understandably), this will\n+         *     not be the case for all of them. By setting this property to 'true', \n+         *     framed popup will not recalculate for the best placement each time\n+         *     it's open, but will always open the same way. \n+         *     Note that if this is set to true, it is generally advisable to also\n+         *     set the 'panIntoView' property to true so that the popup can be \n+         *     scrolled into view (since it will often be offscreen on open)\n+         *     Default is false.\n+         */\n+        fixedRelativePosition: false,\n+\n+        /** \n+         * Constructor: OpenLayers.Popup.Framed\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+\n+            OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+\n+            if (this.fixedRelativePosition) {\n+                //based on our decided relativePostion, set the current padding\n+                // this keeps us from getting into trouble \n+                this.updateRelativePosition();\n+\n+                //make calculateRelativePosition always return the specified\n+                // fixed position.\n+                this.calculateRelativePosition = function(px) {\n+                    return this.relativePosition;\n+                };\n+            }\n+\n+            this.contentDiv.style.position = \"absolute\";\n+            this.contentDiv.style.zIndex = 1;\n+\n+            if (closeBox) {\n+                this.closeDiv.style.zIndex = 1;\n+            }\n+\n+            this.groupDiv.style.position = \"absolute\";\n+            this.groupDiv.style.top = \"0px\";\n+            this.groupDiv.style.left = \"0px\";\n+            this.groupDiv.style.height = \"100%\";\n+            this.groupDiv.style.width = \"100%\";\n+        },\n+\n+        /** \n+         * APIMethod: destroy\n+         */\n+        destroy: function() {\n+            this.imageSrc = null;\n+            this.imageSize = null;\n+            this.isAlphaImage = null;\n+\n+            this.fixedRelativePosition = false;\n+            this.positionBlocks = null;\n+\n+            //remove our blocks\n+            for (var i = 0; i < this.blocks.length; i++) {\n+                var block = this.blocks[i];\n+\n+                if (block.image) {\n+                    block.div.removeChild(block.image);\n                 }\n-                this.layer.addFeatures(features);\n+                block.image = null;\n+\n+                if (block.div) {\n+                    this.groupDiv.removeChild(block.div);\n+                }\n+                block.div = null;\n             }\n-        } else {\n-            this.bounds = null;\n-        }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        });\n-    },\n+            this.blocks = null;\n \n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n-});\n+            OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments);\n+        },\n+\n+        /**\n+         * APIMethod: setBackgroundColor\n+         */\n+        setBackgroundColor: function(color) {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the background color makes no sense. \n+        },\n+\n+        /**\n+         * APIMethod: setBorder\n+         */\n+        setBorder: function() {\n+            //does nothing since the framed popup's entire scheme is based on a \n+            // an image -- changing the popup's border makes no sense. \n+        },\n+\n+        /**\n+         * Method: setOpacity\n+         * Sets the opacity of the popup.\n+         * \n+         * Parameters:\n+         * opacity - {float} A value between 0.0 (transparent) and 1.0 (solid).   \n+         */\n+        setOpacity: function(opacity) {\n+            //does nothing since we suppose that we'll never apply an opacity\n+            // to a framed popup\n+        },\n+\n+        /**\n+         * APIMethod: setSize\n+         * Overridden here, because we need to update the blocks whenever the size\n+         *     of the popup has changed.\n+         * \n+         * Parameters:\n+         * contentSize - {<OpenLayers.Size>} the new size for the popup's \n+         *     contents div (in pixels).\n+         */\n+        setSize: function(contentSize) {\n+            OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+\n+            this.updateBlocks();\n+        },\n+\n+        /**\n+         * Method: updateRelativePosition\n+         * When the relative position changes, we need to set the new padding \n+         *     BBOX on the popup, reposition the close div, and update the blocks.\n+         */\n+        updateRelativePosition: function() {\n+\n+            //update the padding\n+            this.padding = this.positionBlocks[this.relativePosition].padding;\n+\n+            //update the position of our close box to new padding\n+            if (this.closeDiv) {\n+                // use the content div's css padding to determine if we should\n+                //  padd the close div\n+                var contentDivPadding = this.getContentDivPadding();\n+\n+                this.closeDiv.style.right = contentDivPadding.right +\n+                    this.padding.right + \"px\";\n+                this.closeDiv.style.top = contentDivPadding.top +\n+                    this.padding.top + \"px\";\n+            }\n+\n+            this.updateBlocks();\n+        },\n+\n+        /** \n+         * Method: calculateNewPx\n+         * Besides the standard offset as determined by the Anchored class, our \n+         *     Framed popups have a special 'offset' property for each of their \n+         *     positions, which is used to offset the popup relative to its anchor.\n+         * \n+         * Parameters:\n+         * px - {<OpenLayers.Pixel>}\n+         * \n+         * Returns:\n+         * {<OpenLayers.Pixel>} The the new px position of the popup on the screen\n+         *     relative to the passed-in px.\n+         */\n+        calculateNewPx: function(px) {\n+            var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(\n+                this, arguments\n+            );\n+\n+            newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+\n+            return newPx;\n+        },\n+\n+        /**\n+         * Method: createBlocks\n+         */\n+        createBlocks: function() {\n+            this.blocks = [];\n+\n+            //since all positions contain the same number of blocks, we can \n+            // just pick the first position and use its blocks array to create\n+            // our blocks array\n+            var firstPosition = null;\n+            for (var key in this.positionBlocks) {\n+                firstPosition = key;\n+                break;\n+            }\n+\n+            var position = this.positionBlocks[firstPosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n+\n+                var block = {};\n+                this.blocks.push(block);\n+\n+                var divId = this.id + '_FrameDecorationDiv_' + i;\n+                block.div = OpenLayers.Util.createDiv(divId,\n+                    null, null, null, \"absolute\", null, \"hidden\", null\n+                );\n+\n+                var imgId = this.id + '_FrameDecorationImg_' + i;\n+                var imageCreator =\n+                    (this.isAlphaImage) ? OpenLayers.Util.createAlphaImageDiv :\n+                    OpenLayers.Util.createImage;\n+\n+                block.image = imageCreator(imgId,\n+                    null, this.imageSize, this.imageSrc,\n+                    \"absolute\", null, null, null\n+                );\n+\n+                block.div.appendChild(block.image);\n+                this.groupDiv.appendChild(block.div);\n+            }\n+        },\n+\n+        /**\n+         * Method: updateBlocks\n+         * Internal method, called on initialize and when the popup's relative\n+         *     position has changed. This function takes care of re-positioning\n+         *     the popup's blocks in their appropropriate places.\n+         */\n+        updateBlocks: function() {\n+            if (!this.blocks) {\n+                this.createBlocks();\n+            }\n+\n+            if (this.size && this.relativePosition) {\n+                var position = this.positionBlocks[this.relativePosition];\n+                for (var i = 0; i < position.blocks.length; i++) {\n+\n+                    var positionBlock = position.blocks[i];\n+                    var block = this.blocks[i];\n+\n+                    // adjust sizes\n+                    var l = positionBlock.anchor.left;\n+                    var b = positionBlock.anchor.bottom;\n+                    var r = positionBlock.anchor.right;\n+                    var t = positionBlock.anchor.top;\n+\n+                    //note that we use the isNaN() test here because if the \n+                    // size object is initialized with a \"auto\" parameter, the \n+                    // size constructor calls parseFloat() on the string, \n+                    // which will turn it into NaN\n+                    //\n+                    var w = (isNaN(positionBlock.size.w)) ? this.size.w - (r + l) :\n+                        positionBlock.size.w;\n+\n+                    var h = (isNaN(positionBlock.size.h)) ? this.size.h - (b + t) :\n+                        positionBlock.size.h;\n+\n+                    block.div.style.width = (w < 0 ? 0 : w) + 'px';\n+                    block.div.style.height = (h < 0 ? 0 : h) + 'px';\n+\n+                    block.div.style.left = (l != null) ? l + 'px' : '';\n+                    block.div.style.bottom = (b != null) ? b + 'px' : '';\n+                    block.div.style.right = (r != null) ? r + 'px' : '';\n+                    block.div.style.top = (t != null) ? t + 'px' : '';\n+\n+                    block.image.style.left = positionBlock.position.x + 'px';\n+                    block.image.style.top = positionBlock.position.y + 'px';\n+                }\n+\n+                this.contentDiv.style.left = this.padding.left + \"px\";\n+                this.contentDiv.style.top = this.padding.top + \"px\";\n+            }\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+    });\n+/* ======================================================================\n+    OpenLayers/Popup/FramedCloud.js\n+   ====================================================================== */\n+\n+/* Copyright (c) 2006-2013 by OpenLayers Contributors (see authors.txt for\n+ * full list of contributors). Published under the 2-clause BSD license.\n+ * See license.txt in the OpenLayers distribution or repository for the\n+ * full text of the license. */\n+\n+/**\n+ * @requires OpenLayers/Popup/Framed.js\n+ * @requires OpenLayers/Util.js\n+ * @requires OpenLayers/BaseTypes/Bounds.js\n+ * @requires OpenLayers/BaseTypes/Pixel.js\n+ * @requires OpenLayers/BaseTypes/Size.js\n+ */\n+\n+/**\n+ * Class: OpenLayers.Popup.FramedCloud\n+ * \n+ * Inherits from: \n+ *  - <OpenLayers.Popup.Framed>\n+ */\n+OpenLayers.Popup.FramedCloud =\n+    OpenLayers.Class(OpenLayers.Popup.Framed, {\n+\n+        /** \n+         * Property: contentDisplayClass\n+         * {String} The CSS class of the popup content div.\n+         */\n+        contentDisplayClass: \"olFramedCloudPopupContent\",\n+\n+        /**\n+         * APIProperty: autoSize\n+         * {Boolean} Framed Cloud is autosizing by default.\n+         */\n+        autoSize: true,\n+\n+        /**\n+         * APIProperty: panMapIfOutOfView\n+         * {Boolean} Framed Cloud does pan into view by default.\n+         */\n+        panMapIfOutOfView: true,\n+\n+        /**\n+         * APIProperty: imageSize\n+         * {<OpenLayers.Size>}\n+         */\n+        imageSize: new OpenLayers.Size(1276, 736),\n+\n+        /**\n+         * APIProperty: isAlphaImage\n+         * {Boolean} The FramedCloud does not use an alpha image (in honor of the \n+         *     good ie6 folk out there)\n+         */\n+        isAlphaImage: false,\n+\n+        /** \n+         * APIProperty: fixedRelativePosition\n+         * {Boolean} The Framed Cloud popup works in just one fixed position.\n+         */\n+        fixedRelativePosition: false,\n+\n+        /**\n+         * Property: positionBlocks\n+         * {Object} Hash of differen position blocks, keyed by relativePosition\n+         *     two-character code string (ie \"tl\", \"tr\", \"bl\", \"br\")\n+         */\n+        positionBlocks: {\n+            \"tl\": {\n+                'offset': new OpenLayers.Pixel(44, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 18),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -632)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(0, -688)\n+                }]\n+            },\n+            \"tr\": {\n+                'offset': new OpenLayers.Pixel(-45, 0),\n+                'padding': new OpenLayers.Bounds(8, 40, 8, 9),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 19),\n+                    anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                    position: new OpenLayers.Pixel(0, -631)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 19),\n+                    anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -631)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 35),\n+                    anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                    position: new OpenLayers.Pixel(-215, -687)\n+                }]\n+            },\n+            \"bl\": {\n+                'offset': new OpenLayers.Pixel(45, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                    position: new OpenLayers.Pixel(-101, -674)\n+                }]\n+            },\n+            \"br\": {\n+                'offset': new OpenLayers.Pixel(-44, 0),\n+                'padding': new OpenLayers.Bounds(8, 9, 8, 40),\n+                'blocks': [{ // top-left\n+                    size: new OpenLayers.Size('auto', 'auto'),\n+                    anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                    position: new OpenLayers.Pixel(0, 0)\n+                }, { //top-right\n+                    size: new OpenLayers.Size(22, 'auto'),\n+                    anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                    position: new OpenLayers.Pixel(-1238, 0)\n+                }, { //bottom-left\n+                    size: new OpenLayers.Size('auto', 21),\n+                    anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                    position: new OpenLayers.Pixel(0, -629)\n+                }, { //bottom-right\n+                    size: new OpenLayers.Size(22, 21),\n+                    anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                    position: new OpenLayers.Pixel(-1238, -629)\n+                }, { // stem\n+                    size: new OpenLayers.Size(81, 33),\n+                    anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                    position: new OpenLayers.Pixel(-311, -674)\n+                }]\n+            }\n+        },\n+\n+        /**\n+         * APIProperty: minSize\n+         * {<OpenLayers.Size>}\n+         */\n+        minSize: new OpenLayers.Size(105, 10),\n+\n+        /**\n+         * APIProperty: maxSize\n+         * {<OpenLayers.Size>}\n+         */\n+        maxSize: new OpenLayers.Size(1200, 660),\n+\n+        /** \n+         * Constructor: OpenLayers.Popup.FramedCloud\n+         * \n+         * Parameters:\n+         * id - {String}\n+         * lonlat - {<OpenLayers.LonLat>}\n+         * contentSize - {<OpenLayers.Size>}\n+         * contentHTML - {String}\n+         * anchor - {Object} Object to which we'll anchor the popup. Must expose \n+         *     a 'size' (<OpenLayers.Size>) and 'offset' (<OpenLayers.Pixel>) \n+         *     (Note that this is generally an <OpenLayers.Icon>).\n+         * closeBox - {Boolean}\n+         * closeBoxCallback - {Function} Function to be called on closeBox click.\n+         */\n+        initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox,\n+            closeBoxCallback) {\n+\n+            this.imageSrc = OpenLayers.Util.getImageLocation('cloud-popup-relative.png');\n+            OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+            this.contentDiv.className = this.contentDisplayClass;\n+        },\n+\n+        CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n+    });\n"}]}, {"source1": "./usr/share/javascript/openlayers/OpenLayers.tests.min.js", "source2": "./usr/share/javascript/openlayers/OpenLayers.tests.min.js", "unified_diff": null, "details": [{"source1": "js-beautify {}", "source2": "js-beautify {}", "unified_diff": "@@ -13318,98 +13318,14 @@\n         var corner = OpenLayers.Bounds.oppositeQuadrant(this.relativePosition);\n         OpenLayers.Util.removeItem(corners, corner);\n         return corners.join(\" \")\n     },\n     CLASS_NAME: \"OpenLayers.Popup.AnchoredBubble\"\n });\n OpenLayers.Popup.AnchoredBubble.CORNER_SIZE = 5;\n-OpenLayers.Kinetic = OpenLayers.Class({\n-    threshold: 0,\n-    deceleration: .0035,\n-    nbPoints: 100,\n-    delay: 200,\n-    points: undefined,\n-    timerId: undefined,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options)\n-    },\n-    begin: function() {\n-        OpenLayers.Animation.stop(this.timerId);\n-        this.timerId = undefined;\n-        this.points = []\n-    },\n-    update: function(xy) {\n-        this.points.unshift({\n-            xy: xy,\n-            tick: (new Date).getTime()\n-        });\n-        if (this.points.length > this.nbPoints) {\n-            this.points.pop()\n-        }\n-    },\n-    end: function(xy) {\n-        var last, now = (new Date).getTime();\n-        for (var i = 0, l = this.points.length, point; i < l; i++) {\n-            point = this.points[i];\n-            if (now - point.tick > this.delay) {\n-                break\n-            }\n-            last = point\n-        }\n-        if (!last) {\n-            return\n-        }\n-        var time = (new Date).getTime() - last.tick;\n-        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n-        var speed = dist / time;\n-        if (speed == 0 || speed < this.threshold) {\n-            return\n-        }\n-        var theta = Math.asin((xy.y - last.xy.y) / dist);\n-        if (last.xy.x <= xy.x) {\n-            theta = Math.PI - theta\n-        }\n-        return {\n-            speed: speed,\n-            theta: theta\n-        }\n-    },\n-    move: function(info, callback) {\n-        var v0 = info.speed;\n-        var fx = Math.cos(info.theta);\n-        var fy = -Math.sin(info.theta);\n-        var initialTime = (new Date).getTime();\n-        var lastX = 0;\n-        var lastY = 0;\n-        var timerCallback = function() {\n-            if (this.timerId == null) {\n-                return\n-            }\n-            var t = (new Date).getTime() - initialTime;\n-            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n-            var x = p * fx;\n-            var y = p * fy;\n-            var args = {};\n-            args.end = false;\n-            var v = -this.deceleration * t + v0;\n-            if (v <= 0) {\n-                OpenLayers.Animation.stop(this.timerId);\n-                this.timerId = null;\n-                args.end = true\n-            }\n-            args.x = x - lastX;\n-            args.y = y - lastY;\n-            lastX = x;\n-            lastY = y;\n-            callback(args.x, args.y, args.end)\n-        };\n-        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n-    },\n-    CLASS_NAME: \"OpenLayers.Kinetic\"\n-});\n OpenLayers.Format.GeoJSON = OpenLayers.Class(OpenLayers.Format.JSON, {\n     ignoreExtraDims: false,\n     read: function(json, type, filter) {\n         type = type ? type : \"FeatureCollection\";\n         var results = null;\n         var obj = null;\n         if (typeof json == \"string\") {\n@@ -17262,206 +17178,108 @@\n     process: null,\n     output: null,\n     initialize: function(options) {\n         OpenLayers.Util.extend(this, options)\n     },\n     CLASS_NAME: \"OpenLayers.WPSProcess.ChainLink\"\n });\n-OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(OpenLayers.Format.XML, {\n-    VERSION: \"1.0.0\",\n-    namespaces: {\n-        wps: \"http://www.opengis.net/wps/1.0.0\",\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+OpenLayers.Handler = OpenLayers.Class({\n+    id: null,\n+    control: null,\n+    map: null,\n+    keyMask: null,\n+    active: false,\n+    evt: null,\n+    touch: false,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.control = control;\n+        this.callbacks = callbacks;\n+        var map = this.map || control.map;\n+        if (map) {\n+            this.setMap(map)\n+        }\n+        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n     },\n-    schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n-    defaultPrefix: \"wps\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n+    setMap: function(map) {\n+        this.map = map\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    checkModifiers: function(evt) {\n+        if (this.keyMask == null) {\n+            return true\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n+        return keyModifiers == this.keyMask\n+    },\n+    activate: function() {\n+        if (this.active) {\n+            return false\n         }\n-        var info = {};\n-        this.readNode(data, info);\n-        return info\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.register(events[i], this[events[i]])\n+            }\n+        }\n+        this.active = true;\n+        return true\n     },\n-    readers: {\n-        wps: {\n-            ProcessDescriptions: function(node, obj) {\n-                obj.processDescriptions = {};\n-                this.readChildNodes(node, obj.processDescriptions)\n-            },\n-            ProcessDescription: function(node, processDescriptions) {\n-                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                var processDescription = {\n-                    processVersion: processVersion,\n-                    statusSupported: node.getAttribute(\"statusSupported\") === \"true\",\n-                    storeSupported: node.getAttribute(\"storeSupported\") === \"true\"\n-                };\n-                this.readChildNodes(node, processDescription);\n-                processDescriptions[processDescription.identifier] = processDescription\n-            },\n-            DataInputs: function(node, processDescription) {\n-                processDescription.dataInputs = [];\n-                this.readChildNodes(node, processDescription.dataInputs)\n-            },\n-            ProcessOutputs: function(node, processDescription) {\n-                processDescription.processOutputs = [];\n-                this.readChildNodes(node, processDescription.processOutputs)\n-            },\n-            Output: function(node, processOutputs) {\n-                var output = {};\n-                this.readChildNodes(node, output);\n-                processOutputs.push(output)\n-            },\n-            ComplexOutput: function(node, output) {\n-                output.complexOutput = {};\n-                this.readChildNodes(node, output.complexOutput)\n-            },\n-            LiteralOutput: function(node, output) {\n-                output.literalOutput = {};\n-                this.readChildNodes(node, output.literalOutput)\n-            },\n-            Input: function(node, dataInputs) {\n-                var input = {\n-                    maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n-                    minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n-                };\n-                this.readChildNodes(node, input);\n-                dataInputs.push(input)\n-            },\n-            BoundingBoxData: function(node, input) {\n-                input.boundingBoxData = {};\n-                this.readChildNodes(node, input.boundingBoxData)\n-            },\n-            CRS: function(node, obj) {\n-                if (!obj.CRSs) {\n-                    obj.CRSs = {}\n-                }\n-                obj.CRSs[this.getChildValue(node)] = true\n-            },\n-            LiteralData: function(node, input) {\n-                input.literalData = {};\n-                this.readChildNodes(node, input.literalData)\n-            },\n-            ComplexData: function(node, input) {\n-                input.complexData = {};\n-                this.readChildNodes(node, input.complexData)\n-            },\n-            Default: function(node, complexData) {\n-                complexData[\"default\"] = {};\n-                this.readChildNodes(node, complexData[\"default\"])\n-            },\n-            Supported: function(node, complexData) {\n-                complexData[\"supported\"] = {};\n-                this.readChildNodes(node, complexData[\"supported\"])\n-            },\n-            Format: function(node, obj) {\n-                var format = {};\n-                this.readChildNodes(node, format);\n-                if (!obj.formats) {\n-                    obj.formats = {}\n+    deactivate: function() {\n+        if (!this.active) {\n+            return false\n+        }\n+        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n+        for (var i = 0, len = events.length; i < len; i++) {\n+            if (this[events[i]]) {\n+                this.unregister(events[i], this[events[i]])\n+            }\n+        }\n+        this.touch = false;\n+        this.active = false;\n+        return true\n+    },\n+    startTouch: function() {\n+        if (!this.touch) {\n+            this.touch = true;\n+            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n+            for (var i = 0, len = events.length; i < len; i++) {\n+                if (this[events[i]]) {\n+                    this.unregister(events[i], this[events[i]])\n                 }\n-                obj.formats[format.mimeType] = true\n-            },\n-            MimeType: function(node, format) {\n-                format.mimeType = this.getChildValue(node)\n             }\n-        },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        }\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n-});\n-OpenLayers.WPSClient = OpenLayers.Class({\n-    servers: null,\n-    version: \"1.0.0\",\n-    lazy: false,\n-    events: null,\n-    initialize: function(options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.events = new OpenLayers.Events(this);\n-        this.servers = {};\n-        for (var s in options.servers) {\n-            this.servers[s] = typeof options.servers[s] == \"string\" ? {\n-                url: options.servers[s],\n-                version: this.version,\n-                processDescription: {}\n-            } : options.servers[s]\n+    callback: function(name, args) {\n+        if (name && this.callbacks[name]) {\n+            this.callbacks[name].apply(this.control, args)\n         }\n     },\n-    execute: function(options) {\n-        var process = this.getProcess(options.server, options.process);\n-        process.execute({\n-            inputs: options.inputs,\n-            success: options.success,\n-            scope: options.scope\n-        })\n+    register: function(name, method) {\n+        this.map.events.registerPriority(name, this, method);\n+        this.map.events.registerPriority(name, this, this.setEvent)\n     },\n-    getProcess: function(serverID, processID) {\n-        var process = new OpenLayers.WPSProcess({\n-            client: this,\n-            server: serverID,\n-            identifier: processID\n-        });\n-        if (!this.lazy) {\n-            process.describe()\n-        }\n-        return process\n+    unregister: function(name, method) {\n+        this.map.events.unregister(name, this, method);\n+        this.map.events.unregister(name, this, this.setEvent)\n     },\n-    describeProcess: function(serverID, processID, callback, scope) {\n-        var server = this.servers[serverID];\n-        if (!server.processDescription[processID]) {\n-            if (!(processID in server.processDescription)) {\n-                server.processDescription[processID] = null;\n-                OpenLayers.Request.GET({\n-                    url: server.url,\n-                    params: {\n-                        SERVICE: \"WPS\",\n-                        VERSION: server.version,\n-                        REQUEST: \"DescribeProcess\",\n-                        IDENTIFIER: processID\n-                    },\n-                    success: function(response) {\n-                        server.processDescription[processID] = response.responseText;\n-                        this.events.triggerEvent(\"describeprocess\", {\n-                            identifier: processID,\n-                            raw: response.responseText\n-                        })\n-                    },\n-                    scope: this\n-                })\n-            } else {\n-                this.events.register(\"describeprocess\", this, function describe(evt) {\n-                    if (evt.identifier === processID) {\n-                        this.events.unregister(\"describeprocess\", this, describe);\n-                        callback.call(scope, evt.raw)\n-                    }\n-                })\n-            }\n-        } else {\n-            window.setTimeout(function() {\n-                callback.call(scope, server.processDescription[processID])\n-            }, 0)\n-        }\n+    setEvent: function(evt) {\n+        this.evt = evt;\n+        return true\n     },\n     destroy: function() {\n-        this.events.destroy();\n-        this.events = null;\n-        this.servers = null\n+        this.deactivate();\n+        this.control = this.map = null\n     },\n-    CLASS_NAME: \"OpenLayers.WPSClient\"\n+    CLASS_NAME: \"OpenLayers.Handler\"\n });\n+OpenLayers.Handler.MOD_NONE = 0;\n+OpenLayers.Handler.MOD_SHIFT = 1;\n+OpenLayers.Handler.MOD_CTRL = 2;\n+OpenLayers.Handler.MOD_ALT = 4;\n+OpenLayers.Handler.MOD_META = 8;\n OpenLayers.Icon = OpenLayers.Class({\n     url: null,\n     size: null,\n     offset: null,\n     calculateOffset: null,\n     imageDiv: null,\n     px: null,\n@@ -17536,14 +17354,205 @@\n     },\n     isDrawn: function() {\n         var isDrawn = this.imageDiv && this.imageDiv.parentNode && this.imageDiv.parentNode.nodeType != 11;\n         return isDrawn\n     },\n     CLASS_NAME: \"OpenLayers.Icon\"\n });\n+OpenLayers.Marker = OpenLayers.Class({\n+    icon: null,\n+    lonlat: null,\n+    events: null,\n+    map: null,\n+    initialize: function(lonlat, icon) {\n+        this.lonlat = lonlat;\n+        var newIcon = icon ? icon : OpenLayers.Marker.defaultIcon();\n+        if (this.icon == null) {\n+            this.icon = newIcon\n+        } else {\n+            this.icon.url = newIcon.url;\n+            this.icon.size = newIcon.size;\n+            this.icon.offset = newIcon.offset;\n+            this.icon.calculateOffset = newIcon.calculateOffset\n+        }\n+        this.events = new OpenLayers.Events(this, this.icon.imageDiv)\n+    },\n+    destroy: function() {\n+        this.erase();\n+        this.map = null;\n+        this.events.destroy();\n+        this.events = null;\n+        if (this.icon != null) {\n+            this.icon.destroy();\n+            this.icon = null\n+        }\n+    },\n+    draw: function(px) {\n+        return this.icon.draw(px)\n+    },\n+    erase: function() {\n+        if (this.icon != null) {\n+            this.icon.erase()\n+        }\n+    },\n+    moveTo: function(px) {\n+        if (px != null && this.icon != null) {\n+            this.icon.moveTo(px)\n+        }\n+        this.lonlat = this.map.getLonLatFromLayerPx(px)\n+    },\n+    isDrawn: function() {\n+        var isDrawn = this.icon && this.icon.isDrawn();\n+        return isDrawn\n+    },\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsLonLat(this.lonlat)\n+        }\n+        return onScreen\n+    },\n+    inflate: function(inflate) {\n+        if (this.icon) {\n+            this.icon.setSize({\n+                w: this.icon.size.w * inflate,\n+                h: this.icon.size.h * inflate\n+            })\n+        }\n+    },\n+    setOpacity: function(opacity) {\n+        this.icon.setOpacity(opacity)\n+    },\n+    setUrl: function(url) {\n+        this.icon.setUrl(url)\n+    },\n+    display: function(display) {\n+        this.icon.display(display)\n+    },\n+    CLASS_NAME: \"OpenLayers.Marker\"\n+});\n+OpenLayers.Marker.defaultIcon = function() {\n+    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n+        w: 21,\n+        h: 25\n+    }, {\n+        x: -10.5,\n+        y: -25\n+    })\n+};\n+OpenLayers.Symbolizer = OpenLayers.Class({\n+    zIndex: 0,\n+    initialize: function(config) {\n+        OpenLayers.Util.extend(this, config)\n+    },\n+    clone: function() {\n+        var Type = eval(this.CLASS_NAME);\n+        return new Type(OpenLayers.Util.extend({}, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+});\n+OpenLayers.Spherical = OpenLayers.Spherical || {};\n+OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n+OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n+    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n+    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n+    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n+    var a = sinHalfDeltaLat * sinHalfDeltaLat + sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n+    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))\n+};\n+OpenLayers.Spherical.computeHeading = function(from, to) {\n+    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n+    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) - Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n+    return 180 * Math.atan2(y, x) / Math.PI\n+};\n+OpenLayers.Kinetic = OpenLayers.Class({\n+    threshold: 0,\n+    deceleration: .0035,\n+    nbPoints: 100,\n+    delay: 200,\n+    points: undefined,\n+    timerId: undefined,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options)\n+    },\n+    begin: function() {\n+        OpenLayers.Animation.stop(this.timerId);\n+        this.timerId = undefined;\n+        this.points = []\n+    },\n+    update: function(xy) {\n+        this.points.unshift({\n+            xy: xy,\n+            tick: (new Date).getTime()\n+        });\n+        if (this.points.length > this.nbPoints) {\n+            this.points.pop()\n+        }\n+    },\n+    end: function(xy) {\n+        var last, now = (new Date).getTime();\n+        for (var i = 0, l = this.points.length, point; i < l; i++) {\n+            point = this.points[i];\n+            if (now - point.tick > this.delay) {\n+                break\n+            }\n+            last = point\n+        }\n+        if (!last) {\n+            return\n+        }\n+        var time = (new Date).getTime() - last.tick;\n+        var dist = Math.sqrt(Math.pow(xy.x - last.xy.x, 2) + Math.pow(xy.y - last.xy.y, 2));\n+        var speed = dist / time;\n+        if (speed == 0 || speed < this.threshold) {\n+            return\n+        }\n+        var theta = Math.asin((xy.y - last.xy.y) / dist);\n+        if (last.xy.x <= xy.x) {\n+            theta = Math.PI - theta\n+        }\n+        return {\n+            speed: speed,\n+            theta: theta\n+        }\n+    },\n+    move: function(info, callback) {\n+        var v0 = info.speed;\n+        var fx = Math.cos(info.theta);\n+        var fy = -Math.sin(info.theta);\n+        var initialTime = (new Date).getTime();\n+        var lastX = 0;\n+        var lastY = 0;\n+        var timerCallback = function() {\n+            if (this.timerId == null) {\n+                return\n+            }\n+            var t = (new Date).getTime() - initialTime;\n+            var p = -this.deceleration * Math.pow(t, 2) / 2 + v0 * t;\n+            var x = p * fx;\n+            var y = p * fy;\n+            var args = {};\n+            args.end = false;\n+            var v = -this.deceleration * t + v0;\n+            if (v <= 0) {\n+                OpenLayers.Animation.stop(this.timerId);\n+                this.timerId = null;\n+                args.end = true\n+            }\n+            args.x = x - lastX;\n+            args.y = y - lastY;\n+            lastX = x;\n+            lastY = y;\n+            callback(args.x, args.y, args.end)\n+        };\n+        this.timerId = OpenLayers.Animation.start(OpenLayers.Function.bind(timerCallback, this))\n+    },\n+    CLASS_NAME: \"OpenLayers.Kinetic\"\n+});\n OpenLayers.TileManager = OpenLayers.Class({\n     cacheSize: 256,\n     tilesPerFrame: 2,\n     frameDelay: 16,\n     moveDelay: 100,\n     zoomDelay: 200,\n     maps: null,\n@@ -17780,249 +17789,205 @@\n         this.tileQueue = null;\n         this.tileQueueId = null;\n         this.tileCache = null;\n         this.tileCacheIndex = null;\n         this._destroyed = true\n     }\n });\n-OpenLayers.Marker = OpenLayers.Class({\n-    icon: null,\n-    lonlat: null,\n-    events: null,\n-    map: null,\n-    initialize: function(lonlat, icon) {\n-        this.lonlat = lonlat;\n-        var newIcon = icon ? icon : OpenLayers.Marker.defaultIcon();\n-        if (this.icon == null) {\n-            this.icon = newIcon\n-        } else {\n-            this.icon.url = newIcon.url;\n-            this.icon.size = newIcon.size;\n-            this.icon.offset = newIcon.offset;\n-            this.icon.calculateOffset = newIcon.calculateOffset\n-        }\n-        this.events = new OpenLayers.Events(this, this.icon.imageDiv)\n-    },\n-    destroy: function() {\n-        this.erase();\n-        this.map = null;\n-        this.events.destroy();\n-        this.events = null;\n-        if (this.icon != null) {\n-            this.icon.destroy();\n-            this.icon = null\n-        }\n-    },\n-    draw: function(px) {\n-        return this.icon.draw(px)\n-    },\n-    erase: function() {\n-        if (this.icon != null) {\n-            this.icon.erase()\n-        }\n-    },\n-    moveTo: function(px) {\n-        if (px != null && this.icon != null) {\n-            this.icon.moveTo(px)\n-        }\n-        this.lonlat = this.map.getLonLatFromLayerPx(px)\n+OpenLayers.Format.WPSDescribeProcess = OpenLayers.Class(OpenLayers.Format.XML, {\n+    VERSION: \"1.0.0\",\n+    namespaces: {\n+        wps: \"http://www.opengis.net/wps/1.0.0\",\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n-    isDrawn: function() {\n-        var isDrawn = this.icon && this.icon.isDrawn();\n-        return isDrawn\n+    schemaLocation: \"http://www.opengis.net/wps/1.0.0 http://schemas.opengis.net/wps/1.0.0/wpsAll.xsd\",\n+    defaultPrefix: \"wps\",\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n     },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsLonLat(this.lonlat)\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        return onScreen\n-    },\n-    inflate: function(inflate) {\n-        if (this.icon) {\n-            this.icon.setSize({\n-                w: this.icon.size.w * inflate,\n-                h: this.icon.size.h * inflate\n-            })\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n         }\n+        var info = {};\n+        this.readNode(data, info);\n+        return info\n     },\n-    setOpacity: function(opacity) {\n-        this.icon.setOpacity(opacity)\n-    },\n-    setUrl: function(url) {\n-        this.icon.setUrl(url)\n-    },\n-    display: function(display) {\n-        this.icon.display(display)\n+    readers: {\n+        wps: {\n+            ProcessDescriptions: function(node, obj) {\n+                obj.processDescriptions = {};\n+                this.readChildNodes(node, obj.processDescriptions)\n+            },\n+            ProcessDescription: function(node, processDescriptions) {\n+                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                var processDescription = {\n+                    processVersion: processVersion,\n+                    statusSupported: node.getAttribute(\"statusSupported\") === \"true\",\n+                    storeSupported: node.getAttribute(\"storeSupported\") === \"true\"\n+                };\n+                this.readChildNodes(node, processDescription);\n+                processDescriptions[processDescription.identifier] = processDescription\n+            },\n+            DataInputs: function(node, processDescription) {\n+                processDescription.dataInputs = [];\n+                this.readChildNodes(node, processDescription.dataInputs)\n+            },\n+            ProcessOutputs: function(node, processDescription) {\n+                processDescription.processOutputs = [];\n+                this.readChildNodes(node, processDescription.processOutputs)\n+            },\n+            Output: function(node, processOutputs) {\n+                var output = {};\n+                this.readChildNodes(node, output);\n+                processOutputs.push(output)\n+            },\n+            ComplexOutput: function(node, output) {\n+                output.complexOutput = {};\n+                this.readChildNodes(node, output.complexOutput)\n+            },\n+            LiteralOutput: function(node, output) {\n+                output.literalOutput = {};\n+                this.readChildNodes(node, output.literalOutput)\n+            },\n+            Input: function(node, dataInputs) {\n+                var input = {\n+                    maxOccurs: parseInt(node.getAttribute(\"maxOccurs\")),\n+                    minOccurs: parseInt(node.getAttribute(\"minOccurs\"))\n+                };\n+                this.readChildNodes(node, input);\n+                dataInputs.push(input)\n+            },\n+            BoundingBoxData: function(node, input) {\n+                input.boundingBoxData = {};\n+                this.readChildNodes(node, input.boundingBoxData)\n+            },\n+            CRS: function(node, obj) {\n+                if (!obj.CRSs) {\n+                    obj.CRSs = {}\n+                }\n+                obj.CRSs[this.getChildValue(node)] = true\n+            },\n+            LiteralData: function(node, input) {\n+                input.literalData = {};\n+                this.readChildNodes(node, input.literalData)\n+            },\n+            ComplexData: function(node, input) {\n+                input.complexData = {};\n+                this.readChildNodes(node, input.complexData)\n+            },\n+            Default: function(node, complexData) {\n+                complexData[\"default\"] = {};\n+                this.readChildNodes(node, complexData[\"default\"])\n+            },\n+            Supported: function(node, complexData) {\n+                complexData[\"supported\"] = {};\n+                this.readChildNodes(node, complexData[\"supported\"])\n+            },\n+            Format: function(node, obj) {\n+                var format = {};\n+                this.readChildNodes(node, format);\n+                if (!obj.formats) {\n+                    obj.formats = {}\n+                }\n+                obj.formats[format.mimeType] = true\n+            },\n+            MimeType: function(node, format) {\n+                format.mimeType = this.getChildValue(node)\n+            }\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.Marker\"\n+    CLASS_NAME: \"OpenLayers.Format.WPSDescribeProcess\"\n });\n-OpenLayers.Marker.defaultIcon = function() {\n-    return new OpenLayers.Icon(OpenLayers.Util.getImageLocation(\"marker.png\"), {\n-        w: 21,\n-        h: 25\n-    }, {\n-        x: -10.5,\n-        y: -25\n-    })\n-};\n-OpenLayers.Strategy = OpenLayers.Class({\n-    layer: null,\n-    options: null,\n-    active: null,\n-    autoActivate: true,\n-    autoDestroy: true,\n+OpenLayers.WPSClient = OpenLayers.Class({\n+    servers: null,\n+    version: \"1.0.0\",\n+    lazy: false,\n+    events: null,\n     initialize: function(options) {\n         OpenLayers.Util.extend(this, options);\n-        this.options = options;\n-        this.active = false\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.layer = null;\n-        this.options = null\n-    },\n-    setLayer: function(layer) {\n-        this.layer = layer\n-    },\n-    activate: function() {\n-        if (!this.active) {\n-            this.active = true;\n-            return true\n-        }\n-        return false\n-    },\n-    deactivate: function() {\n-        if (this.active) {\n-            this.active = false;\n-            return true\n-        }\n-        return false\n-    },\n-    CLASS_NAME: \"OpenLayers.Strategy\"\n-});\n-OpenLayers.Handler = OpenLayers.Class({\n-    id: null,\n-    control: null,\n-    map: null,\n-    keyMask: null,\n-    active: false,\n-    evt: null,\n-    touch: false,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Util.extend(this, options);\n-        this.control = control;\n-        this.callbacks = callbacks;\n-        var map = this.map || control.map;\n-        if (map) {\n-            this.setMap(map)\n-        }\n-        this.id = OpenLayers.Util.createUniqueID(this.CLASS_NAME + \"_\")\n-    },\n-    setMap: function(map) {\n-        this.map = map\n-    },\n-    checkModifiers: function(evt) {\n-        if (this.keyMask == null) {\n-            return true\n+        this.events = new OpenLayers.Events(this);\n+        this.servers = {};\n+        for (var s in options.servers) {\n+            this.servers[s] = typeof options.servers[s] == \"string\" ? {\n+                url: options.servers[s],\n+                version: this.version,\n+                processDescription: {}\n+            } : options.servers[s]\n         }\n-        var keyModifiers = (evt.shiftKey ? OpenLayers.Handler.MOD_SHIFT : 0) | (evt.ctrlKey ? OpenLayers.Handler.MOD_CTRL : 0) | (evt.altKey ? OpenLayers.Handler.MOD_ALT : 0) | (evt.metaKey ? OpenLayers.Handler.MOD_META : 0);\n-        return keyModifiers == this.keyMask\n     },\n-    activate: function() {\n-        if (this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.register(events[i], this[events[i]])\n-            }\n-        }\n-        this.active = true;\n-        return true\n+    execute: function(options) {\n+        var process = this.getProcess(options.server, options.process);\n+        process.execute({\n+            inputs: options.inputs,\n+            success: options.success,\n+            scope: options.scope\n+        })\n     },\n-    deactivate: function() {\n-        if (!this.active) {\n-            return false\n-        }\n-        var events = OpenLayers.Events.prototype.BROWSER_EVENTS;\n-        for (var i = 0, len = events.length; i < len; i++) {\n-            if (this[events[i]]) {\n-                this.unregister(events[i], this[events[i]])\n-            }\n+    getProcess: function(serverID, processID) {\n+        var process = new OpenLayers.WPSProcess({\n+            client: this,\n+            server: serverID,\n+            identifier: processID\n+        });\n+        if (!this.lazy) {\n+            process.describe()\n         }\n-        this.touch = false;\n-        this.active = false;\n-        return true\n+        return process\n     },\n-    startTouch: function() {\n-        if (!this.touch) {\n-            this.touch = true;\n-            var events = [\"mousedown\", \"mouseup\", \"mousemove\", \"click\", \"dblclick\", \"mouseout\"];\n-            for (var i = 0, len = events.length; i < len; i++) {\n-                if (this[events[i]]) {\n-                    this.unregister(events[i], this[events[i]])\n-                }\n+    describeProcess: function(serverID, processID, callback, scope) {\n+        var server = this.servers[serverID];\n+        if (!server.processDescription[processID]) {\n+            if (!(processID in server.processDescription)) {\n+                server.processDescription[processID] = null;\n+                OpenLayers.Request.GET({\n+                    url: server.url,\n+                    params: {\n+                        SERVICE: \"WPS\",\n+                        VERSION: server.version,\n+                        REQUEST: \"DescribeProcess\",\n+                        IDENTIFIER: processID\n+                    },\n+                    success: function(response) {\n+                        server.processDescription[processID] = response.responseText;\n+                        this.events.triggerEvent(\"describeprocess\", {\n+                            identifier: processID,\n+                            raw: response.responseText\n+                        })\n+                    },\n+                    scope: this\n+                })\n+            } else {\n+                this.events.register(\"describeprocess\", this, function describe(evt) {\n+                    if (evt.identifier === processID) {\n+                        this.events.unregister(\"describeprocess\", this, describe);\n+                        callback.call(scope, evt.raw)\n+                    }\n+                })\n             }\n+        } else {\n+            window.setTimeout(function() {\n+                callback.call(scope, server.processDescription[processID])\n+            }, 0)\n         }\n     },\n-    callback: function(name, args) {\n-        if (name && this.callbacks[name]) {\n-            this.callbacks[name].apply(this.control, args)\n-        }\n-    },\n-    register: function(name, method) {\n-        this.map.events.registerPriority(name, this, method);\n-        this.map.events.registerPriority(name, this, this.setEvent)\n-    },\n-    unregister: function(name, method) {\n-        this.map.events.unregister(name, this, method);\n-        this.map.events.unregister(name, this, this.setEvent)\n-    },\n-    setEvent: function(evt) {\n-        this.evt = evt;\n-        return true\n-    },\n     destroy: function() {\n-        this.deactivate();\n-        this.control = this.map = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler\"\n-});\n-OpenLayers.Handler.MOD_NONE = 0;\n-OpenLayers.Handler.MOD_SHIFT = 1;\n-OpenLayers.Handler.MOD_CTRL = 2;\n-OpenLayers.Handler.MOD_ALT = 4;\n-OpenLayers.Handler.MOD_META = 8;\n-OpenLayers.Spherical = OpenLayers.Spherical || {};\n-OpenLayers.Spherical.DEFAULT_RADIUS = 6378137;\n-OpenLayers.Spherical.computeDistanceBetween = function(from, to, radius) {\n-    var R = radius || OpenLayers.Spherical.DEFAULT_RADIUS;\n-    var sinHalfDeltaLon = Math.sin(Math.PI * (to.lon - from.lon) / 360);\n-    var sinHalfDeltaLat = Math.sin(Math.PI * (to.lat - from.lat) / 360);\n-    var a = sinHalfDeltaLat * sinHalfDeltaLat + sinHalfDeltaLon * sinHalfDeltaLon * Math.cos(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180);\n-    return 2 * R * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))\n-};\n-OpenLayers.Spherical.computeHeading = function(from, to) {\n-    var y = Math.sin(Math.PI * (from.lon - to.lon) / 180) * Math.cos(Math.PI * to.lat / 180);\n-    var x = Math.cos(Math.PI * from.lat / 180) * Math.sin(Math.PI * to.lat / 180) - Math.sin(Math.PI * from.lat / 180) * Math.cos(Math.PI * to.lat / 180) * Math.cos(Math.PI * (from.lon - to.lon) / 180);\n-    return 180 * Math.atan2(y, x) / Math.PI\n-};\n-OpenLayers.Symbolizer = OpenLayers.Class({\n-    zIndex: 0,\n-    initialize: function(config) {\n-        OpenLayers.Util.extend(this, config)\n-    },\n-    clone: function() {\n-        var Type = eval(this.CLASS_NAME);\n-        return new Type(OpenLayers.Util.extend({}, this))\n+        this.events.destroy();\n+        this.events = null;\n+        this.servers = null\n     },\n-    CLASS_NAME: \"OpenLayers.Symbolizer\"\n+    CLASS_NAME: \"OpenLayers.WPSClient\"\n });\n OpenLayers.Rule = OpenLayers.Class({\n     id: null,\n     name: null,\n     title: null,\n     description: null,\n     context: null,\n@@ -18101,14 +18066,49 @@\n         }\n         options.filter = this.filter && this.filter.clone();\n         options.context = this.context && OpenLayers.Util.extend({}, this.context);\n         return new OpenLayers.Rule(options)\n     },\n     CLASS_NAME: \"OpenLayers.Rule\"\n });\n+OpenLayers.Strategy = OpenLayers.Class({\n+    layer: null,\n+    options: null,\n+    active: null,\n+    autoActivate: true,\n+    autoDestroy: true,\n+    initialize: function(options) {\n+        OpenLayers.Util.extend(this, options);\n+        this.options = options;\n+        this.active = false\n+    },\n+    destroy: function() {\n+        this.deactivate();\n+        this.layer = null;\n+        this.options = null\n+    },\n+    setLayer: function(layer) {\n+        this.layer = layer\n+    },\n+    activate: function() {\n+        if (!this.active) {\n+            this.active = true;\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active) {\n+            this.active = false;\n+            return true\n+        }\n+        return false\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy\"\n+});\n OpenLayers.Symbolizer.Point = OpenLayers.Class(OpenLayers.Symbolizer, {\n     initialize: function(config) {\n         OpenLayers.Symbolizer.prototype.initialize.apply(this, arguments)\n     },\n     CLASS_NAME: \"OpenLayers.Symbolizer.Point\"\n });\n OpenLayers.Symbolizer.Line = OpenLayers.Class(OpenLayers.Symbolizer, {\n@@ -18425,250 +18425,14 @@\n             this.last = null;\n             deactivated = true\n         }\n         return deactivated\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Click\"\n });\n-OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n-    started: false,\n-    stopDown: true,\n-    dragging: false,\n-    last: null,\n-    start: null,\n-    lastMoveEvt: null,\n-    oldOnselectstart: null,\n-    interval: 0,\n-    timeoutId: null,\n-    documentDrag: false,\n-    documentEvents: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        if (this.documentDrag === true) {\n-            var me = this;\n-            this._docMove = function(evt) {\n-                me.mousemove({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    },\n-                    element: document\n-                })\n-            };\n-            this._docUp = function(evt) {\n-                me.mouseup({\n-                    xy: {\n-                        x: evt.clientX,\n-                        y: evt.clientY\n-                    }\n-                })\n-            }\n-        }\n-    },\n-    dragstart: function(evt) {\n-        var propagate = true;\n-        this.dragging = false;\n-        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n-            this.started = true;\n-            this.start = evt.xy;\n-            this.last = evt.xy;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.down(evt);\n-            this.callback(\"down\", [evt.xy]);\n-            OpenLayers.Event.preventDefault(evt);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n-            }\n-            document.onselectstart = OpenLayers.Function.False;\n-            propagate = !this.stopDown\n-        } else {\n-            this.started = false;\n-            this.start = null;\n-            this.last = null\n-        }\n-        return propagate\n-    },\n-    dragmove: function(evt) {\n-        this.lastMoveEvt = evt;\n-        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                if (evt.element === document) {\n-                    this.adjustXY(evt);\n-                    this.setEvent(evt)\n-                } else {\n-                    this.removeDocumentEvents()\n-                }\n-            }\n-            if (this.interval > 0) {\n-                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n-            }\n-            this.dragging = true;\n-            this.move(evt);\n-            this.callback(\"move\", [evt.xy]);\n-            if (!this.oldOnselectstart) {\n-                this.oldOnselectstart = document.onselectstart;\n-                document.onselectstart = OpenLayers.Function.False\n-            }\n-            this.last = evt.xy\n-        }\n-        return true\n-    },\n-    dragend: function(evt) {\n-        if (this.started) {\n-            if (this.documentDrag === true && this.documentEvents) {\n-                this.adjustXY(evt);\n-                this.removeDocumentEvents()\n-            }\n-            var dragged = this.start != this.last;\n-            this.started = false;\n-            this.dragging = false;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-            this.up(evt);\n-            this.callback(\"up\", [evt.xy]);\n-            if (dragged) {\n-                this.callback(\"done\", [evt.xy])\n-            }\n-            document.onselectstart = this.oldOnselectstart\n-        }\n-        return true\n-    },\n-    down: function(evt) {},\n-    move: function(evt) {},\n-    up: function(evt) {},\n-    out: function(evt) {},\n-    mousedown: function(evt) {\n-        return this.dragstart(evt)\n-    },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return this.dragstart(evt)\n-    },\n-    mousemove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    touchmove: function(evt) {\n-        return this.dragmove(evt)\n-    },\n-    removeTimeout: function() {\n-        this.timeoutId = null;\n-        if (this.dragging) {\n-            this.mousemove(this.lastMoveEvt)\n-        }\n-    },\n-    mouseup: function(evt) {\n-        return this.dragend(evt)\n-    },\n-    touchend: function(evt) {\n-        evt.xy = this.last;\n-        return this.dragend(evt)\n-    },\n-    mouseout: function(evt) {\n-        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            if (this.documentDrag === true) {\n-                this.addDocumentEvents()\n-            } else {\n-                var dragged = this.start != this.last;\n-                this.started = false;\n-                this.dragging = false;\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n-                this.out(evt);\n-                this.callback(\"out\", []);\n-                if (dragged) {\n-                    this.callback(\"done\", [evt.xy])\n-                }\n-                if (document.onselectstart) {\n-                    document.onselectstart = this.oldOnselectstart\n-                }\n-            }\n-        }\n-        return true\n-    },\n-    click: function(evt) {\n-        return this.start == this.last\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragging = false;\n-            activated = true\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.started = false;\n-            this.dragging = false;\n-            this.start = null;\n-            this.last = null;\n-            deactivated = true;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n-        }\n-        return deactivated\n-    },\n-    adjustXY: function(evt) {\n-        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n-        evt.xy.x -= pos[0];\n-        evt.xy.y -= pos[1]\n-    },\n-    addDocumentEvents: function() {\n-        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n-        this.documentEvents = true;\n-        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n-    },\n-    removeDocumentEvents: function() {\n-        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n-        this.documentEvents = false;\n-        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n-        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n-});\n-OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n-    KEY_EVENTS: [\"keydown\", \"keyup\"],\n-    eventListener: null,\n-    observeElement: null,\n-    initialize: function(control, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.eventListener = OpenLayers.Function.bindAsEventListener(this.handleKeyEvent, this)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        this.eventListener = null;\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.observeElement = this.observeElement || document;\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.observe(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n-            }\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n-                OpenLayers.Event.stopObserving(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n-            }\n-            deactivated = true\n-        }\n-        return deactivated\n-    },\n-    handleKeyEvent: function(evt) {\n-        if (this.checkModifiers(evt)) {\n-            this.callback(evt.type, [evt])\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n-});\n OpenLayers.Handler.Point = OpenLayers.Class(OpenLayers.Handler, {\n     point: null,\n     layer: null,\n     multi: false,\n     citeCompliant: false,\n     mouseDown: false,\n     stoppedDown: null,\n@@ -19080,14 +18844,148 @@\n         if (!this.freehandMode(evt)) {\n             this.finishGeometry()\n         }\n         return false\n     },\n     CLASS_NAME: \"OpenLayers.Handler.Path\"\n });\n+OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n+    holeModifier: null,\n+    drawingHole: false,\n+    polygon: null,\n+    createFeature: function(pixel) {\n+        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n+        var geometry = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n+        this.point = new OpenLayers.Feature.Vector(geometry);\n+        this.line = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LinearRing([this.point.geometry]));\n+        this.polygon = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([this.line.geometry]));\n+        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n+        this.point.geometry.clearBounds();\n+        this.layer.addFeatures([this.polygon, this.point], {\n+            silent: true\n+        })\n+    },\n+    addPoint: function(pixel) {\n+        if (!this.drawingHole && this.holeModifier && this.evt && this.evt[this.holeModifier]) {\n+            var geometry = this.point.geometry;\n+            var features = this.control.layer.features;\n+            var candidate, polygon;\n+            for (var i = features.length - 1; i >= 0; --i) {\n+                candidate = features[i].geometry;\n+                if ((candidate instanceof OpenLayers.Geometry.Polygon || candidate instanceof OpenLayers.Geometry.MultiPolygon) && candidate.intersects(geometry)) {\n+                    polygon = features[i];\n+                    this.control.layer.removeFeatures([polygon], {\n+                        silent: true\n+                    });\n+                    this.control.layer.events.registerPriority(\"sketchcomplete\", this, this.finalizeInteriorRing);\n+                    this.control.layer.events.registerPriority(\"sketchmodified\", this, this.enforceTopology);\n+                    polygon.geometry.addComponent(this.line.geometry);\n+                    this.polygon = polygon;\n+                    this.drawingHole = true;\n+                    break\n+                }\n+            }\n+        }\n+        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments)\n+    },\n+    getCurrentPointIndex: function() {\n+        return this.line.geometry.components.length - 2\n+    },\n+    enforceTopology: function(event) {\n+        var point = event.vertex;\n+        var components = this.line.geometry.components;\n+        if (!this.polygon.geometry.intersects(point)) {\n+            var last = components[components.length - 3];\n+            point.x = last.x;\n+            point.y = last.y\n+        }\n+    },\n+    finishGeometry: function() {\n+        var index = this.line.geometry.components.length - 2;\n+        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n+        this.removePoint();\n+        this.finalize()\n+    },\n+    finalizeInteriorRing: function() {\n+        var ring = this.line.geometry;\n+        var modified = ring.getArea() !== 0;\n+        if (modified) {\n+            var rings = this.polygon.geometry.components;\n+            for (var i = rings.length - 2; i >= 0; --i) {\n+                if (ring.intersects(rings[i])) {\n+                    modified = false;\n+                    break\n+                }\n+            }\n+            if (modified) {\n+                var target;\n+                outer: for (var i = rings.length - 2; i > 0; --i) {\n+                    var points = rings[i].components;\n+                    for (var j = 0, jj = points.length; j < jj; ++j) {\n+                        if (ring.containsPoint(points[j])) {\n+                            modified = false;\n+                            break outer\n+                        }\n+                    }\n+                }\n+            }\n+        }\n+        if (modified) {\n+            if (this.polygon.state !== OpenLayers.State.INSERT) {\n+                this.polygon.state = OpenLayers.State.UPDATE\n+            }\n+        } else {\n+            this.polygon.geometry.removeComponent(ring)\n+        }\n+        this.restoreFeature();\n+        return false\n+    },\n+    cancel: function() {\n+        if (this.drawingHole) {\n+            this.polygon.geometry.removeComponent(this.line.geometry);\n+            this.restoreFeature(true)\n+        }\n+        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments)\n+    },\n+    restoreFeature: function(cancel) {\n+        this.control.layer.events.unregister(\"sketchcomplete\", this, this.finalizeInteriorRing);\n+        this.control.layer.events.unregister(\"sketchmodified\", this, this.enforceTopology);\n+        this.layer.removeFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.control.layer.addFeatures([this.polygon], {\n+            silent: true\n+        });\n+        this.drawingHole = false;\n+        if (!cancel) {\n+            this.control.layer.events.triggerEvent(\"sketchcomplete\", {\n+                feature: this.polygon\n+            })\n+        }\n+    },\n+    destroyFeature: function(force) {\n+        OpenLayers.Handler.Path.prototype.destroyFeature.call(this, force);\n+        this.polygon = null\n+    },\n+    drawFeature: function() {\n+        this.layer.drawFeature(this.polygon, this.style);\n+        this.layer.drawFeature(this.point, this.style)\n+    },\n+    getSketch: function() {\n+        return this.polygon\n+    },\n+    getGeometry: function() {\n+        var geometry = this.polygon && this.polygon.geometry;\n+        if (geometry && this.multi) {\n+            geometry = new OpenLayers.Geometry.MultiPolygon([geometry])\n+        }\n+        return geometry\n+    },\n+    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+});\n OpenLayers.Handler.MouseWheel = OpenLayers.Class(OpenLayers.Handler, {\n     wheelListener: null,\n     interval: 0,\n     maxDelta: Number.POSITIVE_INFINITY,\n     delta: 0,\n     cumulative: true,\n     initialize: function(control, callbacks, options) {\n@@ -19192,325 +19090,377 @@\n             return true\n         } else {\n             return false\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Handler.MouseWheel\"\n });\n-OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n-    EVENTMAP: {\n-        click: {\n-            in: \"click\",\n-            out: \"clickout\"\n-        },\n-        mousemove: {\n-            in: \"over\",\n-            out: \"out\"\n-        },\n-        dblclick: {\n-            in: \"dblclick\",\n-            out: null\n-        },\n-        mousedown: {\n-            in: null,\n-            out: null\n-        },\n-        mouseup: {\n-            in: null,\n-            out: null\n-        },\n-        touchstart: {\n-            in: \"click\",\n-            out: \"clickout\"\n+OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n+    delay: 500,\n+    pixelTolerance: null,\n+    stopMove: false,\n+    px: null,\n+    timerId: null,\n+    mousemove: function(evt) {\n+        if (this.passesTolerance(evt.xy)) {\n+            this.clearTimer();\n+            this.callback(\"move\", [evt]);\n+            this.px = evt.xy;\n+            evt = OpenLayers.Util.extend({}, evt);\n+            this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n         }\n+        return !this.stopMove\n     },\n-    feature: null,\n-    lastFeature: null,\n-    down: null,\n-    up: null,\n-    clickTolerance: 4,\n-    geometryTypes: null,\n-    stopClick: true,\n-    stopDown: true,\n-    stopUp: false,\n-    initialize: function(control, layer, callbacks, options) {\n-        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n-        this.layer = layer\n+    mouseout: function(evt) {\n+        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            this.clearTimer();\n+            this.callback(\"move\", [evt])\n+        }\n+        return true\n     },\n-    touchstart: function(evt) {\n-        this.startTouch();\n-        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n+    passesTolerance: function(px) {\n+        var passes = true;\n+        if (this.pixelTolerance && this.px) {\n+            var dpx = Math.sqrt(Math.pow(this.px.x - px.x, 2) + Math.pow(this.px.y - px.y, 2));\n+            if (dpx < this.pixelTolerance) {\n+                passes = false\n+            }\n+        }\n+        return passes\n     },\n-    touchmove: function(evt) {\n-        OpenLayers.Event.preventDefault(evt)\n+    clearTimer: function() {\n+        if (this.timerId != null) {\n+            window.clearTimeout(this.timerId);\n+            this.timerId = null\n+        }\n     },\n-    mousedown: function(evt) {\n-        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n-            this.down = evt.xy\n+    delayedCall: function(evt) {\n+        this.callback(\"pause\", [evt])\n+    },\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            this.clearTimer();\n+            deactivated = true\n         }\n-        return this.handle(evt) ? !this.stopDown : true\n+        return deactivated\n     },\n-    mouseup: function(evt) {\n-        this.up = evt.xy;\n-        return this.handle(evt) ? !this.stopUp : true\n+    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n+});\n+OpenLayers.Handler.Drag = OpenLayers.Class(OpenLayers.Handler, {\n+    started: false,\n+    stopDown: true,\n+    dragging: false,\n+    last: null,\n+    start: null,\n+    lastMoveEvt: null,\n+    oldOnselectstart: null,\n+    interval: 0,\n+    timeoutId: null,\n+    documentDrag: false,\n+    documentEvents: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        if (this.documentDrag === true) {\n+            var me = this;\n+            this._docMove = function(evt) {\n+                me.mousemove({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    },\n+                    element: document\n+                })\n+            };\n+            this._docUp = function(evt) {\n+                me.mouseup({\n+                    xy: {\n+                        x: evt.clientX,\n+                        y: evt.clientY\n+                    }\n+                })\n+            }\n+        }\n     },\n-    click: function(evt) {\n-        return this.handle(evt) ? !this.stopClick : true\n+    dragstart: function(evt) {\n+        var propagate = true;\n+        this.dragging = false;\n+        if (this.checkModifiers(evt) && (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt))) {\n+            this.started = true;\n+            this.start = evt.xy;\n+            this.last = evt.xy;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.down(evt);\n+            this.callback(\"down\", [evt.xy]);\n+            OpenLayers.Event.preventDefault(evt);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True\n+            }\n+            document.onselectstart = OpenLayers.Function.False;\n+            propagate = !this.stopDown\n+        } else {\n+            this.started = false;\n+            this.start = null;\n+            this.last = null\n+        }\n+        return propagate\n     },\n-    mousemove: function(evt) {\n-        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n-            return true\n+    dragmove: function(evt) {\n+        this.lastMoveEvt = evt;\n+        if (this.started && !this.timeoutId && (evt.xy.x != this.last.x || evt.xy.y != this.last.y)) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                if (evt.element === document) {\n+                    this.adjustXY(evt);\n+                    this.setEvent(evt)\n+                } else {\n+                    this.removeDocumentEvents()\n+                }\n+            }\n+            if (this.interval > 0) {\n+                this.timeoutId = setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)\n+            }\n+            this.dragging = true;\n+            this.move(evt);\n+            this.callback(\"move\", [evt.xy]);\n+            if (!this.oldOnselectstart) {\n+                this.oldOnselectstart = document.onselectstart;\n+                document.onselectstart = OpenLayers.Function.False\n+            }\n+            this.last = evt.xy\n         }\n-        this.handle(evt);\n         return true\n     },\n-    dblclick: function(evt) {\n-        return !this.handle(evt)\n+    dragend: function(evt) {\n+        if (this.started) {\n+            if (this.documentDrag === true && this.documentEvents) {\n+                this.adjustXY(evt);\n+                this.removeDocumentEvents()\n+            }\n+            var dragged = this.start != this.last;\n+            this.started = false;\n+            this.dragging = false;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+            this.up(evt);\n+            this.callback(\"up\", [evt.xy]);\n+            if (dragged) {\n+                this.callback(\"done\", [evt.xy])\n+            }\n+            document.onselectstart = this.oldOnselectstart\n+        }\n+        return true\n     },\n-    geometryTypeMatches: function(feature) {\n-        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n+    down: function(evt) {},\n+    move: function(evt) {},\n+    up: function(evt) {},\n+    out: function(evt) {},\n+    mousedown: function(evt) {\n+        return this.dragstart(evt)\n     },\n-    handle: function(evt) {\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        var type = evt.type;\n-        var handled = false;\n-        var previouslyIn = !!this.feature;\n-        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n-        this.feature = this.layer.getFeatureFromEvent(evt);\n-        if (this.feature && !this.feature.layer) {\n-            this.feature = null\n-        }\n-        if (this.lastFeature && !this.lastFeature.layer) {\n-            this.lastFeature = null\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return this.dragstart(evt)\n+    },\n+    mousemove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    touchmove: function(evt) {\n+        return this.dragmove(evt)\n+    },\n+    removeTimeout: function() {\n+        this.timeoutId = null;\n+        if (this.dragging) {\n+            this.mousemove(this.lastMoveEvt)\n         }\n-        if (this.feature) {\n-            if (type === \"touchstart\") {\n-                OpenLayers.Event.preventDefault(evt)\n-            }\n-            var inNew = this.feature != this.lastFeature;\n-            if (this.geometryTypeMatches(this.feature)) {\n-                if (previouslyIn && inNew) {\n-                    if (this.lastFeature) {\n-                        this.triggerCallback(type, \"out\", [this.lastFeature])\n-                    }\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                } else if (!previouslyIn || click) {\n-                    this.triggerCallback(type, \"in\", [this.feature])\n-                }\n-                this.lastFeature = this.feature;\n-                handled = true\n+    },\n+    mouseup: function(evt) {\n+        return this.dragend(evt)\n+    },\n+    touchend: function(evt) {\n+        evt.xy = this.last;\n+        return this.dragend(evt)\n+    },\n+    mouseout: function(evt) {\n+        if (this.started && OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n+            if (this.documentDrag === true) {\n+                this.addDocumentEvents()\n             } else {\n-                if (this.lastFeature && (previouslyIn && inNew || click)) {\n-                    this.triggerCallback(type, \"out\", [this.lastFeature])\n+                var dragged = this.start != this.last;\n+                this.started = false;\n+                this.dragging = false;\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\");\n+                this.out(evt);\n+                this.callback(\"out\", []);\n+                if (dragged) {\n+                    this.callback(\"done\", [evt.xy])\n                 }\n-                this.feature = null\n-            }\n-        } else if (this.lastFeature && (previouslyIn || click)) {\n-            this.triggerCallback(type, \"out\", [this.lastFeature])\n-        }\n-        return handled\n-    },\n-    triggerCallback: function(type, mode, args) {\n-        var key = this.EVENTMAP[type][mode];\n-        if (key) {\n-            if (type == \"click\" && this.up && this.down) {\n-                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n-                if (dpx <= this.clickTolerance) {\n-                    this.callback(key, args)\n+                if (document.onselectstart) {\n+                    document.onselectstart = this.oldOnselectstart\n                 }\n-                this.up = this.down = null\n-            } else {\n-                this.callback(key, args)\n             }\n         }\n+        return true\n+    },\n+    click: function(evt) {\n+        return this.start == this.last\n     },\n     activate: function() {\n         var activated = false;\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.moveLayerToTop();\n-            this.map.events.on({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n+            this.dragging = false;\n             activated = true\n         }\n         return activated\n     },\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.moveLayerBack();\n-            this.feature = null;\n-            this.lastFeature = null;\n-            this.down = null;\n-            this.up = null;\n-            this.map.events.un({\n-                removelayer: this.handleMapEvents,\n-                changelayer: this.handleMapEvents,\n-                scope: this\n-            });\n-            deactivated = true\n+            this.started = false;\n+            this.dragging = false;\n+            this.start = null;\n+            this.last = null;\n+            deactivated = true;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDragDown\")\n         }\n         return deactivated\n     },\n-    handleMapEvents: function(evt) {\n-        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n-            this.moveLayerToTop()\n-        }\n+    adjustXY: function(evt) {\n+        var pos = OpenLayers.Util.pagePosition(this.map.viewPortDiv);\n+        evt.xy.x -= pos[0];\n+        evt.xy.y -= pos[1]\n     },\n-    moveLayerToTop: function() {\n-        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n-        this.layer.setZIndex(index)\n+    addDocumentEvents: function() {\n+        OpenLayers.Element.addClass(document.body, \"olDragDown\");\n+        this.documentEvents = true;\n+        OpenLayers.Event.observe(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.observe(document, \"mouseup\", this._docUp)\n     },\n-    moveLayerBack: function() {\n-        var index = this.layer.getZIndex() - 1;\n-        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n-            this.layer.setZIndex(index)\n-        } else {\n-            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n-        }\n+    removeDocumentEvents: function() {\n+        OpenLayers.Element.removeClass(document.body, \"olDragDown\");\n+        this.documentEvents = false;\n+        OpenLayers.Event.stopObserving(document, \"mousemove\", this._docMove);\n+        OpenLayers.Event.stopObserving(document, \"mouseup\", this._docUp)\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n+    CLASS_NAME: \"OpenLayers.Handler.Drag\"\n });\n-OpenLayers.Handler.Polygon = OpenLayers.Class(OpenLayers.Handler.Path, {\n-    holeModifier: null,\n-    drawingHole: false,\n-    polygon: null,\n-    createFeature: function(pixel) {\n-        var lonlat = this.layer.getLonLatFromViewPortPx(pixel);\n-        var geometry = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);\n-        this.point = new OpenLayers.Feature.Vector(geometry);\n-        this.line = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LinearRing([this.point.geometry]));\n-        this.polygon = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([this.line.geometry]));\n-        this.callback(\"create\", [this.point.geometry, this.getSketch()]);\n-        this.point.geometry.clearBounds();\n-        this.layer.addFeatures([this.polygon, this.point], {\n-            silent: true\n+OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n+    dragHandler: null,\n+    boxDivClassName: \"olHandlerBoxZoomBox\",\n+    boxOffsets: null,\n+    initialize: function(control, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n+        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n+            down: this.startBox,\n+            move: this.moveBox,\n+            out: this.removeBox,\n+            up: this.endBox\n+        }, {\n+            keyMask: this.keyMask\n         })\n     },\n-    addPoint: function(pixel) {\n-        if (!this.drawingHole && this.holeModifier && this.evt && this.evt[this.holeModifier]) {\n-            var geometry = this.point.geometry;\n-            var features = this.control.layer.features;\n-            var candidate, polygon;\n-            for (var i = features.length - 1; i >= 0; --i) {\n-                candidate = features[i].geometry;\n-                if ((candidate instanceof OpenLayers.Geometry.Polygon || candidate instanceof OpenLayers.Geometry.MultiPolygon) && candidate.intersects(geometry)) {\n-                    polygon = features[i];\n-                    this.control.layer.removeFeatures([polygon], {\n-                        silent: true\n-                    });\n-                    this.control.layer.events.registerPriority(\"sketchcomplete\", this, this.finalizeInteriorRing);\n-                    this.control.layer.events.registerPriority(\"sketchmodified\", this, this.enforceTopology);\n-                    polygon.geometry.addComponent(this.line.geometry);\n-                    this.polygon = polygon;\n-                    this.drawingHole = true;\n-                    break\n-                }\n-            }\n+    destroy: function() {\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.destroy();\n+            this.dragHandler = null\n         }\n-        OpenLayers.Handler.Path.prototype.addPoint.apply(this, arguments)\n     },\n-    getCurrentPointIndex: function() {\n-        return this.line.geometry.components.length - 2\n-    },\n-    enforceTopology: function(event) {\n-        var point = event.vertex;\n-        var components = this.line.geometry.components;\n-        if (!this.polygon.geometry.intersects(point)) {\n-            var last = components[components.length - 3];\n-            point.x = last.x;\n-            point.y = last.y\n+    setMap: function(map) {\n+        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n+        if (this.dragHandler) {\n+            this.dragHandler.setMap(map)\n         }\n     },\n-    finishGeometry: function() {\n-        var index = this.line.geometry.components.length - 2;\n-        this.line.geometry.removeComponent(this.line.geometry.components[index]);\n-        this.removePoint();\n-        this.finalize()\n+    startBox: function(xy) {\n+        this.callback(\"start\", []);\n+        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n+            x: -9999,\n+            y: -9999\n+        });\n+        this.zoomBox.className = this.boxDivClassName;\n+        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n+        this.map.viewPortDiv.appendChild(this.zoomBox);\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n     },\n-    finalizeInteriorRing: function() {\n-        var ring = this.line.geometry;\n-        var modified = ring.getArea() !== 0;\n-        if (modified) {\n-            var rings = this.polygon.geometry.components;\n-            for (var i = rings.length - 2; i >= 0; --i) {\n-                if (ring.intersects(rings[i])) {\n-                    modified = false;\n-                    break\n-                }\n-            }\n-            if (modified) {\n-                var target;\n-                outer: for (var i = rings.length - 2; i > 0; --i) {\n-                    var points = rings[i].components;\n-                    for (var j = 0, jj = points.length; j < jj; ++j) {\n-                        if (ring.containsPoint(points[j])) {\n-                            modified = false;\n-                            break outer\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        if (modified) {\n-            if (this.polygon.state !== OpenLayers.State.INSERT) {\n-                this.polygon.state = OpenLayers.State.UPDATE\n-            }\n+    moveBox: function(xy) {\n+        var startX = this.dragHandler.start.x;\n+        var startY = this.dragHandler.start.y;\n+        var deltaX = Math.abs(startX - xy.x);\n+        var deltaY = Math.abs(startY - xy.y);\n+        var offset = this.getBoxOffsets();\n+        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n+        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n+        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n+        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n+    },\n+    endBox: function(end) {\n+        var result;\n+        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n+            var start = this.dragHandler.start;\n+            var top = Math.min(start.y, end.y);\n+            var bottom = Math.max(start.y, end.y);\n+            var left = Math.min(start.x, end.x);\n+            var right = Math.max(start.x, end.x);\n+            result = new OpenLayers.Bounds(left, bottom, right, top)\n         } else {\n-            this.polygon.geometry.removeComponent(ring)\n+            result = this.dragHandler.start.clone()\n         }\n-        this.restoreFeature();\n-        return false\n+        this.removeBox();\n+        this.callback(\"done\", [result])\n     },\n-    cancel: function() {\n-        if (this.drawingHole) {\n-            this.polygon.geometry.removeComponent(this.line.geometry);\n-            this.restoreFeature(true)\n-        }\n-        return OpenLayers.Handler.Path.prototype.cancel.apply(this, arguments)\n+    removeBox: function() {\n+        this.map.viewPortDiv.removeChild(this.zoomBox);\n+        this.zoomBox = null;\n+        this.boxOffsets = null;\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n     },\n-    restoreFeature: function(cancel) {\n-        this.control.layer.events.unregister(\"sketchcomplete\", this, this.finalizeInteriorRing);\n-        this.control.layer.events.unregister(\"sketchmodified\", this, this.enforceTopology);\n-        this.layer.removeFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.control.layer.addFeatures([this.polygon], {\n-            silent: true\n-        });\n-        this.drawingHole = false;\n-        if (!cancel) {\n-            this.control.layer.events.triggerEvent(\"sketchcomplete\", {\n-                feature: this.polygon\n-            })\n+    activate: function() {\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.dragHandler.activate();\n+            return true\n+        } else {\n+            return false\n         }\n     },\n-    destroyFeature: function(force) {\n-        OpenLayers.Handler.Path.prototype.destroyFeature.call(this, force);\n-        this.polygon = null\n-    },\n-    drawFeature: function() {\n-        this.layer.drawFeature(this.polygon, this.style);\n-        this.layer.drawFeature(this.point, this.style)\n-    },\n-    getSketch: function() {\n-        return this.polygon\n+    deactivate: function() {\n+        if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n+            if (this.dragHandler.deactivate()) {\n+                if (this.zoomBox) {\n+                    this.removeBox()\n+                }\n+            }\n+            return true\n+        } else {\n+            return false\n+        }\n     },\n-    getGeometry: function() {\n-        var geometry = this.polygon && this.polygon.geometry;\n-        if (geometry && this.multi) {\n-            geometry = new OpenLayers.Geometry.MultiPolygon([geometry])\n+    getBoxOffsets: function() {\n+        if (!this.boxOffsets) {\n+            var testDiv = document.createElement(\"div\");\n+            testDiv.style.position = \"absolute\";\n+            testDiv.style.border = \"1px solid black\";\n+            testDiv.style.width = \"3px\";\n+            document.body.appendChild(testDiv);\n+            var w3cBoxModel = testDiv.clientWidth == 3;\n+            document.body.removeChild(testDiv);\n+            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n+            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n+            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n+            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n+            this.boxOffsets = {\n+                left: left,\n+                right: right,\n+                top: top,\n+                bottom: bottom,\n+                width: w3cBoxModel === false ? left + right : 0,\n+                height: w3cBoxModel === false ? top + bottom : 0\n+            }\n         }\n-        return geometry\n+        return this.boxOffsets\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Polygon\"\n+    CLASS_NAME: \"OpenLayers.Handler.Box\"\n });\n OpenLayers.Handler.RegularPolygon = OpenLayers.Class(OpenLayers.Handler.Drag, {\n     sides: 4,\n     radius: null,\n     snapAngle: null,\n     snapToggle: \"shiftKey\",\n     layerOptions: null,\n@@ -19670,4154 +19620,1610 @@\n         }\n         if (!this.persist && (name == \"done\" || name == \"cancel\")) {\n             this.clear()\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Handler.RegularPolygon\"\n });\n-OpenLayers.Handler.Box = OpenLayers.Class(OpenLayers.Handler, {\n-    dragHandler: null,\n-    boxDivClassName: \"olHandlerBoxZoomBox\",\n-    boxOffsets: null,\n+OpenLayers.Handler.Keyboard = OpenLayers.Class(OpenLayers.Handler, {\n+    KEY_EVENTS: [\"keydown\", \"keyup\"],\n+    eventListener: null,\n+    observeElement: null,\n     initialize: function(control, callbacks, options) {\n         OpenLayers.Handler.prototype.initialize.apply(this, arguments);\n-        this.dragHandler = new OpenLayers.Handler.Drag(this, {\n-            down: this.startBox,\n-            move: this.moveBox,\n-            out: this.removeBox,\n-            up: this.endBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n+        this.eventListener = OpenLayers.Function.bindAsEventListener(this.handleKeyEvent, this)\n     },\n     destroy: function() {\n-        OpenLayers.Handler.prototype.destroy.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.destroy();\n-            this.dragHandler = null\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Handler.prototype.setMap.apply(this, arguments);\n-        if (this.dragHandler) {\n-            this.dragHandler.setMap(map)\n-        }\n-    },\n-    startBox: function(xy) {\n-        this.callback(\"start\", []);\n-        this.zoomBox = OpenLayers.Util.createDiv(\"zoomBox\", {\n-            x: -9999,\n-            y: -9999\n-        });\n-        this.zoomBox.className = this.boxDivClassName;\n-        this.zoomBox.style.zIndex = this.map.Z_INDEX_BASE[\"Popup\"] - 1;\n-        this.map.viewPortDiv.appendChild(this.zoomBox);\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olDrawBox\")\n-    },\n-    moveBox: function(xy) {\n-        var startX = this.dragHandler.start.x;\n-        var startY = this.dragHandler.start.y;\n-        var deltaX = Math.abs(startX - xy.x);\n-        var deltaY = Math.abs(startY - xy.y);\n-        var offset = this.getBoxOffsets();\n-        this.zoomBox.style.width = deltaX + offset.width + 1 + \"px\";\n-        this.zoomBox.style.height = deltaY + offset.height + 1 + \"px\";\n-        this.zoomBox.style.left = (xy.x < startX ? startX - deltaX - offset.left : startX - offset.left) + \"px\";\n-        this.zoomBox.style.top = (xy.y < startY ? startY - deltaY - offset.top : startY - offset.top) + \"px\"\n-    },\n-    endBox: function(end) {\n-        var result;\n-        if (Math.abs(this.dragHandler.start.x - end.x) > 5 || Math.abs(this.dragHandler.start.y - end.y) > 5) {\n-            var start = this.dragHandler.start;\n-            var top = Math.min(start.y, end.y);\n-            var bottom = Math.max(start.y, end.y);\n-            var left = Math.min(start.x, end.x);\n-            var right = Math.max(start.x, end.x);\n-            result = new OpenLayers.Bounds(left, bottom, right, top)\n-        } else {\n-            result = this.dragHandler.start.clone()\n-        }\n-        this.removeBox();\n-        this.callback(\"done\", [result])\n-    },\n-    removeBox: function() {\n-        this.map.viewPortDiv.removeChild(this.zoomBox);\n-        this.zoomBox = null;\n-        this.boxOffsets = null;\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olDrawBox\")\n+        this.deactivate();\n+        this.eventListener = null;\n+        OpenLayers.Handler.prototype.destroy.apply(this, arguments)\n     },\n     activate: function() {\n         if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n-            this.dragHandler.activate();\n+            this.observeElement = this.observeElement || document;\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.observe(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n+            }\n             return true\n         } else {\n             return false\n         }\n     },\n     deactivate: function() {\n+        var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            if (this.dragHandler.deactivate()) {\n-                if (this.zoomBox) {\n-                    this.removeBox()\n-                }\n+            for (var i = 0, len = this.KEY_EVENTS.length; i < len; i++) {\n+                OpenLayers.Event.stopObserving(this.observeElement, this.KEY_EVENTS[i], this.eventListener)\n             }\n-            return true\n-        } else {\n-            return false\n+            deactivated = true\n         }\n+        return deactivated\n     },\n-    getBoxOffsets: function() {\n-        if (!this.boxOffsets) {\n-            var testDiv = document.createElement(\"div\");\n-            testDiv.style.position = \"absolute\";\n-            testDiv.style.border = \"1px solid black\";\n-            testDiv.style.width = \"3px\";\n-            document.body.appendChild(testDiv);\n-            var w3cBoxModel = testDiv.clientWidth == 3;\n-            document.body.removeChild(testDiv);\n-            var left = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-left-width\"));\n-            var right = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-right-width\"));\n-            var top = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-top-width\"));\n-            var bottom = parseInt(OpenLayers.Element.getStyle(this.zoomBox, \"border-bottom-width\"));\n-            this.boxOffsets = {\n-                left: left,\n-                right: right,\n-                top: top,\n-                bottom: bottom,\n-                width: w3cBoxModel === false ? left + right : 0,\n-                height: w3cBoxModel === false ? top + bottom : 0\n-            }\n+    handleKeyEvent: function(evt) {\n+        if (this.checkModifiers(evt)) {\n+            this.callback(evt.type, [evt])\n         }\n-        return this.boxOffsets\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Box\"\n+    CLASS_NAME: \"OpenLayers.Handler.Keyboard\"\n });\n-OpenLayers.Handler.Hover = OpenLayers.Class(OpenLayers.Handler, {\n-    delay: 500,\n-    pixelTolerance: null,\n-    stopMove: false,\n-    px: null,\n-    timerId: null,\n-    mousemove: function(evt) {\n-        if (this.passesTolerance(evt.xy)) {\n-            this.clearTimer();\n-            this.callback(\"move\", [evt]);\n-            this.px = evt.xy;\n-            evt = OpenLayers.Util.extend({}, evt);\n-            this.timerId = window.setTimeout(OpenLayers.Function.bind(this.delayedCall, this, evt), this.delay)\n+OpenLayers.Handler.Feature = OpenLayers.Class(OpenLayers.Handler, {\n+    EVENTMAP: {\n+        click: {\n+            in: \"click\",\n+            out: \"clickout\"\n+        },\n+        mousemove: {\n+            in: \"over\",\n+            out: \"out\"\n+        },\n+        dblclick: {\n+            in: \"dblclick\",\n+            out: null\n+        },\n+        mousedown: {\n+            in: null,\n+            out: null\n+        },\n+        mouseup: {\n+            in: null,\n+            out: null\n+        },\n+        touchstart: {\n+            in: \"click\",\n+            out: \"clickout\"\n         }\n-        return !this.stopMove\n     },\n-    mouseout: function(evt) {\n-        if (OpenLayers.Util.mouseLeft(evt, this.map.viewPortDiv)) {\n-            this.clearTimer();\n-            this.callback(\"move\", [evt])\n+    feature: null,\n+    lastFeature: null,\n+    down: null,\n+    up: null,\n+    clickTolerance: 4,\n+    geometryTypes: null,\n+    stopClick: true,\n+    stopDown: true,\n+    stopUp: false,\n+    initialize: function(control, layer, callbacks, options) {\n+        OpenLayers.Handler.prototype.initialize.apply(this, [control, callbacks, options]);\n+        this.layer = layer\n+    },\n+    touchstart: function(evt) {\n+        this.startTouch();\n+        return OpenLayers.Event.isMultiTouch(evt) ? true : this.mousedown(evt)\n+    },\n+    touchmove: function(evt) {\n+        OpenLayers.Event.preventDefault(evt)\n+    },\n+    mousedown: function(evt) {\n+        if (OpenLayers.Event.isLeftClick(evt) || OpenLayers.Event.isSingleTouch(evt)) {\n+            this.down = evt.xy\n+        }\n+        return this.handle(evt) ? !this.stopDown : true\n+    },\n+    mouseup: function(evt) {\n+        this.up = evt.xy;\n+        return this.handle(evt) ? !this.stopUp : true\n+    },\n+    click: function(evt) {\n+        return this.handle(evt) ? !this.stopClick : true\n+    },\n+    mousemove: function(evt) {\n+        if (!this.callbacks[\"over\"] && !this.callbacks[\"out\"]) {\n+            return true\n         }\n+        this.handle(evt);\n         return true\n     },\n-    passesTolerance: function(px) {\n-        var passes = true;\n-        if (this.pixelTolerance && this.px) {\n-            var dpx = Math.sqrt(Math.pow(this.px.x - px.x, 2) + Math.pow(this.px.y - px.y, 2));\n-            if (dpx < this.pixelTolerance) {\n-                passes = false\n+    dblclick: function(evt) {\n+        return !this.handle(evt)\n+    },\n+    geometryTypeMatches: function(feature) {\n+        return this.geometryTypes == null || OpenLayers.Util.indexOf(this.geometryTypes, feature.geometry.CLASS_NAME) > -1\n+    },\n+    handle: function(evt) {\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        var type = evt.type;\n+        var handled = false;\n+        var previouslyIn = !!this.feature;\n+        var click = type == \"click\" || type == \"dblclick\" || type == \"touchstart\";\n+        this.feature = this.layer.getFeatureFromEvent(evt);\n+        if (this.feature && !this.feature.layer) {\n+            this.feature = null\n+        }\n+        if (this.lastFeature && !this.lastFeature.layer) {\n+            this.lastFeature = null\n+        }\n+        if (this.feature) {\n+            if (type === \"touchstart\") {\n+                OpenLayers.Event.preventDefault(evt)\n+            }\n+            var inNew = this.feature != this.lastFeature;\n+            if (this.geometryTypeMatches(this.feature)) {\n+                if (previouslyIn && inNew) {\n+                    if (this.lastFeature) {\n+                        this.triggerCallback(type, \"out\", [this.lastFeature])\n+                    }\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                } else if (!previouslyIn || click) {\n+                    this.triggerCallback(type, \"in\", [this.feature])\n+                }\n+                this.lastFeature = this.feature;\n+                handled = true\n+            } else {\n+                if (this.lastFeature && (previouslyIn && inNew || click)) {\n+                    this.triggerCallback(type, \"out\", [this.lastFeature])\n+                }\n+                this.feature = null\n             }\n+        } else if (this.lastFeature && (previouslyIn || click)) {\n+            this.triggerCallback(type, \"out\", [this.lastFeature])\n         }\n-        return passes\n+        return handled\n     },\n-    clearTimer: function() {\n-        if (this.timerId != null) {\n-            window.clearTimeout(this.timerId);\n-            this.timerId = null\n+    triggerCallback: function(type, mode, args) {\n+        var key = this.EVENTMAP[type][mode];\n+        if (key) {\n+            if (type == \"click\" && this.up && this.down) {\n+                var dpx = Math.sqrt(Math.pow(this.up.x - this.down.x, 2) + Math.pow(this.up.y - this.down.y, 2));\n+                if (dpx <= this.clickTolerance) {\n+                    this.callback(key, args)\n+                }\n+                this.up = this.down = null\n+            } else {\n+                this.callback(key, args)\n+            }\n         }\n     },\n-    delayedCall: function(evt) {\n-        this.callback(\"pause\", [evt])\n+    activate: function() {\n+        var activated = false;\n+        if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {\n+            this.moveLayerToTop();\n+            this.map.events.on({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n+            activated = true\n+        }\n+        return activated\n     },\n     deactivate: function() {\n         var deactivated = false;\n         if (OpenLayers.Handler.prototype.deactivate.apply(this, arguments)) {\n-            this.clearTimer();\n+            this.moveLayerBack();\n+            this.feature = null;\n+            this.lastFeature = null;\n+            this.down = null;\n+            this.up = null;\n+            this.map.events.un({\n+                removelayer: this.handleMapEvents,\n+                changelayer: this.handleMapEvents,\n+                scope: this\n+            });\n             deactivated = true\n         }\n         return deactivated\n     },\n-    CLASS_NAME: \"OpenLayers.Handler.Hover\"\n-});\n-OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    dataFrom: null,\n-    styleFrom: null,\n-    addNodes: function(pointFeatures, options) {\n-        if (pointFeatures.length < 2) {\n-            throw new Error(\"At least two point features have to be added to \" + \"create a line from\")\n+    handleMapEvents: function(evt) {\n+        if (evt.type == \"removelayer\" || evt.property == \"order\") {\n+            this.moveLayerToTop()\n         }\n-        var lines = new Array(pointFeatures.length - 1);\n-        var pointFeature, startPoint, endPoint;\n-        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n-            pointFeature = pointFeatures[i];\n-            endPoint = pointFeature.geometry;\n-            if (!endPoint) {\n-                var lonlat = pointFeature.lonlat;\n-                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat)\n-            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n-                throw new TypeError(\"Only features with point geometries are supported.\")\n-            }\n-            if (i > 0) {\n-                var attributes = this.dataFrom != null ? pointFeatures[i + this.dataFrom].data || pointFeatures[i + this.dataFrom].attributes : null;\n-                var style = this.styleFrom != null ? pointFeatures[i + this.styleFrom].style : null;\n-                var line = new OpenLayers.Geometry.LineString([startPoint, endPoint]);\n-                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes, style)\n-            }\n-            startPoint = endPoint\n+    },\n+    moveLayerToTop: function() {\n+        var index = Math.max(this.map.Z_INDEX_BASE[\"Feature\"] - 1, this.layer.getZIndex()) + 1;\n+        this.layer.setZIndex(index)\n+    },\n+    moveLayerBack: function() {\n+        var index = this.layer.getZIndex() - 1;\n+        if (index >= this.map.Z_INDEX_BASE[\"Feature\"]) {\n+            this.layer.setZIndex(index)\n+        } else {\n+            this.map.setLayerZIndex(this.layer, this.map.getLayerIndex(this.layer))\n         }\n-        this.addFeatures(lines, options)\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n+    CLASS_NAME: \"OpenLayers.Handler.Feature\"\n });\n-OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n-OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n-OpenLayers.Layer.PointTrack.dataFrom = {\n-    SOURCE_NODE: -1,\n-    TARGET_NODE: 0\n-};\n-OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n-    fontStyleKeys: [\"antialiasing\", \"blockout\", \"font\", \"fontcolor\", \"fontsize\", \"fontstyle\", \"glowing\", \"interval\", \"outline\", \"printmode\", \"shadow\", \"transparency\"],\n-    request: null,\n-    response: null,\n-    initialize: function(options) {\n-        this.request = new OpenLayers.Format.ArcXML.Request;\n-        this.response = new OpenLayers.Format.ArcXML.Response;\n-        if (options) {\n-            if (options.requesttype == \"feature\") {\n-                this.request.get_image = null;\n-                var qry = this.request.get_feature.query;\n-                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n-                if (options.polygon) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.polygon = options.polygon\n-                } else if (options.envelope) {\n-                    qry.isspatial = true;\n-                    qry.spatialfilter.envelope = {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    };\n-                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope)\n-                }\n-            } else if (options.requesttype == \"image\") {\n-                this.request.get_feature = null;\n-                var props = this.request.get_image.properties;\n-                this.parseEnvelope(props.envelope, options.envelope);\n-                this.addLayers(props.layerlist, options.layers);\n-                this.addImageSize(props.imagesize, options.tileSize);\n-                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n-                this.addCoordSys(props.filtercoordsys, options.filterCoordSys)\n-            } else {\n-                this.request = null\n+OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n+    layer: null,\n+    callbacks: null,\n+    multi: false,\n+    featureAdded: function() {},\n+    initialize: function(layer, handler, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.callbacks = OpenLayers.Util.extend({\n+            done: this.drawFeature,\n+            modify: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchmodified\", {\n+                    vertex: vertex,\n+                    feature: feature\n+                })\n+            },\n+            create: function(vertex, feature) {\n+                this.layer.events.triggerEvent(\"sketchstarted\", {\n+                    vertex: vertex,\n+                    feature: feature\n+                })\n             }\n+        }, this.callbacks);\n+        this.layer = layer;\n+        this.handlerOptions = this.handlerOptions || {};\n+        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+            renderers: layer.renderers,\n+            rendererOptions: layer.rendererOptions\n+        });\n+        if (!(\"multi\" in this.handlerOptions)) {\n+            this.handlerOptions.multi = this.multi\n         }\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n-    },\n-    parseEnvelope: function(env, arr) {\n-        if (arr && arr.length == 4) {\n-            env.minx = arr[0];\n-            env.miny = arr[1];\n-            env.maxx = arr[2];\n-            env.maxy = arr[3]\n+        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n+        if (sketchStyle) {\n+            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n+                styleMap: new OpenLayers.StyleMap({\n+                    default: sketchStyle\n+                })\n+            })\n         }\n+        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n     },\n-    addLayers: function(ll, lyrs) {\n-        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n-            ll.push(lyrs[lind])\n+    drawFeature: function(geometry) {\n+        var feature = new OpenLayers.Feature.Vector(geometry);\n+        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n+            feature: feature\n+        });\n+        if (proceed !== false) {\n+            feature.state = OpenLayers.State.INSERT;\n+            this.layer.addFeatures([feature]);\n+            this.featureAdded(feature);\n+            this.events.triggerEvent(\"featureadded\", {\n+                feature: feature\n+            })\n         }\n     },\n-    addImageSize: function(imsize, olsize) {\n-        if (olsize !== null) {\n-            imsize.width = olsize.w;\n-            imsize.height = olsize.h;\n-            imsize.printwidth = olsize.w;\n-            imsize.printheight = olsize.h\n+    insertXY: function(x, y) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertXY(x, y)\n         }\n     },\n-    addCoordSys: function(featOrFilt, fsys) {\n-        if (typeof fsys == \"string\") {\n-            featOrFilt.id = parseInt(fsys);\n-            featOrFilt.string = fsys\n-        } else if (typeof fsys == \"object\" && fsys.proj !== null) {\n-            featOrFilt.id = fsys.proj.srsProjNumber;\n-            featOrFilt.string = fsys.proj.srsCode\n-        } else {\n-            featOrFilt = fsys\n+    insertDeltaXY: function(dx, dy) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeltaXY(dx, dy)\n         }\n     },\n-    iserror: function(data) {\n-        var ret = null;\n-        if (!data) {\n-            ret = this.response.error !== \"\"\n-        } else {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n-            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n-            ret = errorNodes !== null && errorNodes.length > 0\n+    insertDirectionLength: function(direction, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDirectionLength(direction, length)\n         }\n-        return ret\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var arcNode = null;\n-        if (data && data.documentElement) {\n-            if (data.documentElement.nodeName == \"ARCXML\") {\n-                arcNode = data.documentElement\n-            } else {\n-                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0]\n-            }\n+    insertDeflectionLength: function(deflection, length) {\n+        if (this.handler && this.handler.line) {\n+            this.handler.insertDeflectionLength(deflection, length)\n         }\n-        if (!arcNode || arcNode.firstChild.nodeName === \"parsererror\") {\n-            var error, source;\n-            try {\n-                error = data.firstChild.nodeValue;\n-                source = data.firstChild.childNodes[1].firstChild.nodeValue\n-            } catch (err) {}\n-            throw {\n-                message: \"Error parsing the ArcXML request\",\n-                error: error,\n-                source: source\n-            }\n+    },\n+    undo: function() {\n+        return this.handler.undo && this.handler.undo()\n+    },\n+    redo: function() {\n+        return this.handler.redo && this.handler.redo()\n+    },\n+    finishSketch: function() {\n+        this.handler.finishGeometry()\n+    },\n+    cancel: function() {\n+        this.handler.cancel()\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n+});\n+OpenLayers.Events.buttonclick = OpenLayers.Class({\n+    target: null,\n+    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n+    startRegEx: /^mousedown|touchstart$/,\n+    cancelRegEx: /^touchmove$/,\n+    completeRegEx: /^mouseup|touchend$/,\n+    initialize: function(target) {\n+        this.target = target;\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.register(this.events[i], this, this.buttonClick, {\n+                extension: true\n+            })\n         }\n-        var response = this.parseResponse(arcNode);\n-        return response\n     },\n-    write: function(request) {\n-        if (!request) {\n-            request = this.request\n+    destroy: function() {\n+        for (var i = this.events.length - 1; i >= 0; --i) {\n+            this.target.unregister(this.events[i], this, this.buttonClick)\n         }\n-        var root = this.createElementNS(\"\", \"ARCXML\");\n-        root.setAttribute(\"version\", \"1.1\");\n-        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n-        if (request.get_image != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n-            reqElem.appendChild(getElem);\n-            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n-            getElem.appendChild(propElem);\n-            var props = request.get_image.properties;\n-            if (props.featurecoordsys != null) {\n-                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                propElem.appendChild(feat);\n-                if (props.featurecoordsys.id === 0) {\n-                    feat.setAttribute(\"string\", props.featurecoordsys[\"string\"])\n-                } else {\n-                    feat.setAttribute(\"id\", props.featurecoordsys.id)\n-                }\n-            }\n-            if (props.filtercoordsys != null) {\n-                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                propElem.appendChild(filt);\n-                if (props.filtercoordsys.id === 0) {\n-                    filt.setAttribute(\"string\", props.filtercoordsys.string)\n-                } else {\n-                    filt.setAttribute(\"id\", props.filtercoordsys.id)\n-                }\n-            }\n-            if (props.envelope != null) {\n-                var env = this.createElementNS(\"\", \"ENVELOPE\");\n-                propElem.appendChild(env);\n-                env.setAttribute(\"minx\", props.envelope.minx);\n-                env.setAttribute(\"miny\", props.envelope.miny);\n-                env.setAttribute(\"maxx\", props.envelope.maxx);\n-                env.setAttribute(\"maxy\", props.envelope.maxy)\n-            }\n-            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n-            propElem.appendChild(imagesz);\n-            imagesz.setAttribute(\"height\", props.imagesize.height);\n-            imagesz.setAttribute(\"width\", props.imagesize.width);\n-            if (props.imagesize.height != props.imagesize.printheight || props.imagesize.width != props.imagesize.printwidth) {\n-                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n-                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth)\n-            }\n-            if (props.background != null) {\n-                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n-                propElem.appendChild(backgrnd);\n-                backgrnd.setAttribute(\"color\", props.background.color.r + \",\" + props.background.color.g + \",\" + props.background.color.b);\n-                if (props.background.transcolor !== null) {\n-                    backgrnd.setAttribute(\"transcolor\", props.background.transcolor.r + \",\" + props.background.transcolor.g + \",\" + props.background.transcolor.b)\n-                }\n-            }\n-            if (props.layerlist != null && props.layerlist.length > 0) {\n-                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n-                propElem.appendChild(layerlst);\n-                for (var ld = 0; ld < props.layerlist.length; ld++) {\n-                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n-                    layerlst.appendChild(ldef);\n-                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n-                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n-                    if (typeof props.layerlist[ld].query == \"object\") {\n-                        var query = props.layerlist[ld].query;\n-                        if (query.where.length < 0) {\n-                            continue\n-                        }\n-                        var queryElem = null;\n-                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n-                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n-                        } else {\n-                            queryElem = this.createElementNS(\"\", \"QUERY\")\n-                        }\n-                        queryElem.setAttribute(\"where\", query.where);\n-                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n-                            queryElem.setAttribute(\"accuracy\", query.accuracy)\n-                        }\n-                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2e3) {\n-                            queryElem.setAttribute(\"featurelimit\", query.featurelimit)\n-                        }\n-                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n-                            queryElem.setAttribute(\"subfields\", query.subfields)\n-                        }\n-                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n-                            queryElem.setAttribute(\"joinexpression\", query.joinexpression)\n-                        }\n-                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n-                            queryElem.setAttribute(\"jointables\", query.jointables)\n-                        }\n-                        ldef.appendChild(queryElem)\n-                    }\n-                    if (typeof props.layerlist[ld].renderer == \"object\") {\n-                        this.addRenderer(ldef, props.layerlist[ld].renderer)\n-                    }\n-                }\n-            }\n-        } else if (request.get_feature != null) {\n-            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n-            getElem.setAttribute(\"outputmode\", \"newxml\");\n-            getElem.setAttribute(\"checkesc\", \"true\");\n-            if (request.get_feature.geometry) {\n-                getElem.setAttribute(\"geometry\", request.get_feature.geometry)\n-            } else {\n-                getElem.setAttribute(\"geometry\", \"false\")\n-            }\n-            if (request.get_feature.compact) {\n-                getElem.setAttribute(\"compact\", request.get_feature.compact)\n-            }\n-            if (request.get_feature.featurelimit == \"number\") {\n-                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit)\n+        delete this.target\n+    },\n+    getPressedButton: function(element) {\n+        var depth = 3,\n+            button;\n+        do {\n+            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n+                button = element;\n+                break\n             }\n-            getElem.setAttribute(\"globalenvelope\", \"true\");\n-            reqElem.appendChild(getElem);\n-            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n-                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n-                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n-                getElem.appendChild(lyrElem)\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return button\n+    },\n+    ignore: function(element) {\n+        var depth = 3,\n+            ignore = false;\n+        do {\n+            if (element.nodeName.toLowerCase() === \"a\") {\n+                ignore = true;\n+                break\n             }\n-            var fquery = request.get_feature.query;\n-            if (fquery != null) {\n-                var qElem = null;\n-                if (fquery.isspatial) {\n-                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n-                } else {\n-                    qElem = this.createElementNS(\"\", \"QUERY\")\n-                }\n-                getElem.appendChild(qElem);\n-                if (typeof fquery.accuracy == \"number\") {\n-                    qElem.setAttribute(\"accuracy\", fquery.accuracy)\n-                }\n-                if (fquery.featurecoordsys != null) {\n-                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n-                    if (fquery.featurecoordsys.id == 0) {\n-                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string)\n-                    } else {\n-                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id)\n+            element = element.parentNode\n+        } while (--depth > 0 && element);\n+        return ignore\n+    },\n+    buttonClick: function(evt) {\n+        var propagate = true,\n+            element = OpenLayers.Event.element(evt);\n+        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n+            var button = this.getPressedButton(element);\n+            if (button) {\n+                if (evt.type === \"keydown\") {\n+                    switch (evt.keyCode) {\n+                        case OpenLayers.Event.KEY_RETURN:\n+                        case OpenLayers.Event.KEY_SPACE:\n+                            this.target.triggerEvent(\"buttonclick\", {\n+                                buttonElement: button\n+                            });\n+                            OpenLayers.Event.stop(evt);\n+                            propagate = false;\n+                            break\n                     }\n-                    qElem.appendChild(fcsElem1)\n-                }\n-                if (fquery.filtercoordsys != null) {\n-                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n-                    if (fquery.filtercoordsys.id === 0) {\n-                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string)\n-                    } else {\n-                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id)\n+                } else if (this.startEvt) {\n+                    if (this.completeRegEx.test(evt.type)) {\n+                        var pos = OpenLayers.Util.pagePosition(button);\n+                        var viewportElement = OpenLayers.Util.getViewportElement();\n+                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n+                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n+                        pos[0] = pos[0] - scrollLeft;\n+                        pos[1] = pos[1] - scrollTop;\n+                        this.target.triggerEvent(\"buttonclick\", {\n+                            buttonElement: button,\n+                            buttonXY: {\n+                                x: this.startEvt.clientX - pos[0],\n+                                y: this.startEvt.clientY - pos[1]\n+                            }\n+                        })\n                     }\n-                    qElem.appendChild(fcsElem2)\n-                }\n-                if (fquery.buffer > 0) {\n-                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n-                    bufElem.setAttribute(\"distance\", fquery.buffer);\n-                    qElem.appendChild(bufElem)\n-                }\n-                if (fquery.isspatial) {\n-                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n-                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n-                    qElem.appendChild(spfElem);\n-                    if (fquery.spatialfilter.envelope) {\n-                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n-                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n-                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n-                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n-                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n-                        spfElem.appendChild(envElem)\n-                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n-                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon))\n+                    if (this.cancelRegEx.test(evt.type)) {\n+                        delete this.startEvt\n                     }\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n                 }\n-                if (fquery.where != null && fquery.where.length > 0) {\n-                    qElem.setAttribute(\"where\", fquery.where)\n+                if (this.startRegEx.test(evt.type)) {\n+                    this.startEvt = evt;\n+                    OpenLayers.Event.stop(evt);\n+                    propagate = false\n                 }\n+            } else {\n+                propagate = !this.ignore(OpenLayers.Event.element(evt));\n+                delete this.startEvt\n             }\n         }\n-        root.appendChild(reqElem);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n+        return propagate\n+    }\n+});\n+OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n+    layerStates: null,\n+    layersDiv: null,\n+    baseLayersDiv: null,\n+    baseLayers: null,\n+    dataLbl: null,\n+    dataLayersDiv: null,\n+    dataLayers: null,\n+    minimizeDiv: null,\n+    maximizeDiv: null,\n+    ascending: true,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.layerStates = []\n     },\n-    addGroupRenderer: function(ldef, toprenderer) {\n-        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n-        ldef.appendChild(topRelem);\n-        for (var rind = 0; rind < toprenderer.length; rind++) {\n-            var renderer = toprenderer[rind];\n-            this.addRenderer(topRelem, renderer)\n-        }\n+    destroy: function() {\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    addRenderer: function(topRelem, renderer) {\n-        if (OpenLayers.Util.isArray(renderer)) {\n-            this.addGroupRenderer(topRelem, renderer)\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.on({\n+            addlayer: this.redraw,\n+            changelayer: this.redraw,\n+            removelayer: this.redraw,\n+            changebaselayer: this.redraw,\n+            scope: this\n+        });\n+        if (this.outsideViewport) {\n+            this.events.attachToElement(this.div);\n+            this.events.register(\"buttonclick\", this, this.onButtonClick)\n         } else {\n-            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n-            topRelem.appendChild(renderElem);\n-            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n-                this.addValueMapRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n-                this.addValueMapLabelRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n-                this.addSimpleLabelRenderer(renderElem, renderer)\n-            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n-                this.addScaleDependentRenderer(renderElem, renderer)\n-            }\n-        }\n-    },\n-    addScaleDependentRenderer: function(renderElem, renderer) {\n-        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n-            renderElem.setAttribute(\"lower\", renderer.lower)\n-        }\n-        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n-            renderElem.setAttribute(\"upper\", renderer.upper)\n+            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n         }\n-        this.addRenderer(renderElem, renderer.renderer)\n     },\n-    addValueMapLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n-        if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value)\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label)\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method)\n-                }\n-                renderElem.appendChild(eelem);\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-                    if (exact.symbol.type == \"text\") {\n-                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        var keys = this.fontStyleKeys;\n-                        for (var i = 0, len = keys.length; i < len; i++) {\n-                            var key = keys[i];\n-                            if (exact.symbol[key]) {\n-                                selem.setAttribute(key, exact.symbol[key])\n-                            }\n-                        }\n-                        eelem.appendChild(selem)\n-                    }\n-                }\n-            }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this);\n+        this.loadContents();\n+        if (!this.outsideViewport) {\n+            this.minimizeControl()\n         }\n+        this.redraw();\n+        return this.div\n     },\n-    addValueMapRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n-        if (typeof renderer.ranges == \"object\") {\n-            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n-                var range = renderer.ranges[rng];\n-                var relem = this.createElementNS(\"\", \"RANGE\");\n-                relem.setAttribute(\"lower\", range.lower);\n-                relem.setAttribute(\"upper\", range.upper);\n-                renderElem.appendChild(relem);\n-                if (typeof range.symbol == \"object\") {\n-                    var selem = null;\n-                    if (range.symbol.type == \"simplepolygon\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        if (typeof range.symbol.boundarycolor == \"string\") {\n-                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor)\n-                        }\n-                        if (typeof range.symbol.fillcolor == \"string\") {\n-                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor)\n-                        }\n-                        if (typeof range.symbol.filltransparency == \"number\") {\n-                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency)\n-                        }\n-                        relem.appendChild(selem)\n-                    }\n-                }\n+    onButtonClick: function(evt) {\n+        var button = evt.buttonElement;\n+        if (button === this.minimizeDiv) {\n+            this.minimizeControl()\n+        } else if (button === this.maximizeDiv) {\n+            this.maximizeControl()\n+        } else if (button._layerSwitcher === this.id) {\n+            if (button[\"for\"]) {\n+                button = document.getElementById(button[\"for\"])\n             }\n-        } else if (typeof renderer.exacts == \"object\") {\n-            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n-                var exact = renderer.exacts[ext];\n-                var eelem = this.createElementNS(\"\", \"EXACT\");\n-                if (typeof exact.value == \"string\") {\n-                    eelem.setAttribute(\"value\", exact.value)\n-                }\n-                if (typeof exact.label == \"string\") {\n-                    eelem.setAttribute(\"label\", exact.label)\n-                }\n-                if (typeof exact.method == \"string\") {\n-                    eelem.setAttribute(\"method\", exact.method)\n-                }\n-                renderElem.appendChild(eelem);\n-                if (typeof exact.symbol == \"object\") {\n-                    var selem = null;\n-                    if (exact.symbol.type == \"simplemarker\") {\n-                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\")\n-                    }\n-                    if (selem != null) {\n-                        if (typeof exact.symbol.antialiasing == \"string\") {\n-                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing)\n-                        }\n-                        if (typeof exact.symbol.color == \"string\") {\n-                            selem.setAttribute(\"color\", exact.symbol.color)\n-                        }\n-                        if (typeof exact.symbol.outline == \"string\") {\n-                            selem.setAttribute(\"outline\", exact.symbol.outline)\n-                        }\n-                        if (typeof exact.symbol.overlap == \"string\") {\n-                            selem.setAttribute(\"overlap\", exact.symbol.overlap)\n-                        }\n-                        if (typeof exact.symbol.shadow == \"string\") {\n-                            selem.setAttribute(\"shadow\", exact.symbol.shadow)\n-                        }\n-                        if (typeof exact.symbol.transparency == \"number\") {\n-                            selem.setAttribute(\"transparency\", exact.symbol.transparency)\n-                        }\n-                        if (typeof exact.symbol.usecentroid == \"string\") {\n-                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid)\n-                        }\n-                        if (typeof exact.symbol.width == \"number\") {\n-                            selem.setAttribute(\"width\", exact.symbol.width)\n-                        }\n-                        eelem.appendChild(selem)\n-                    }\n+            if (!button.disabled) {\n+                if (button.type == \"radio\") {\n+                    button.checked = true;\n+                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n+                } else {\n+                    button.checked = !button.checked;\n+                    this.updateMap()\n                 }\n             }\n         }\n     },\n-    addSimpleLabelRenderer: function(renderElem, renderer) {\n-        renderElem.setAttribute(\"field\", renderer.field);\n-        var keys = [\"featureweight\", \"howmanylabels\", \"labelbufferratio\", \"labelpriorities\", \"labelweight\", \"linelabelposition\", \"rotationalangles\"];\n-        for (var i = 0, len = keys.length; i < len; i++) {\n-            var key = keys[i];\n-            if (renderer[key]) {\n-                renderElem.setAttribute(key, renderer[key])\n-            }\n+    clearLayersArray: function(layersType) {\n+        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n+        this[layersType + \"Layers\"] = []\n+    },\n+    checkRedraw: function() {\n+        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n+            return true\n         }\n-        if (renderer.symbol.type == \"text\") {\n-            var symbol = renderer.symbol;\n-            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n-            renderElem.appendChild(selem);\n-            var keys = this.fontStyleKeys;\n-            for (var i = 0, len = keys.length; i < len; i++) {\n-                var key = keys[i];\n-                if (symbol[key]) {\n-                    selem.setAttribute(key, renderer[key])\n-                }\n+        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n+            var layerState = this.layerStates[i];\n+            var layer = this.map.layers[i];\n+            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n+                return true\n             }\n         }\n+        return false\n     },\n-    writePolygonGeometry: function(polygon) {\n-        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n-            throw {\n-                message: \"Cannot write polygon geometry to ArcXML with an \" + polygon.CLASS_NAME + \" object.\",\n-                geometry: polygon\n-            }\n+    redraw: function() {\n+        if (!this.checkRedraw()) {\n+            return this.div\n         }\n-        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n-        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n-            var ring = polygon.components[ln];\n-            var ringElem = this.createElementNS(\"\", \"RING\");\n-            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n-                var point = ring.components[rn];\n-                var pointElem = this.createElementNS(\"\", \"POINT\");\n-                pointElem.setAttribute(\"x\", point.x);\n-                pointElem.setAttribute(\"y\", point.y);\n-                ringElem.appendChild(pointElem)\n+        this.clearLayersArray(\"base\");\n+        this.clearLayersArray(\"data\");\n+        var containsOverlays = false;\n+        var containsBaseLayers = false;\n+        var len = this.map.layers.length;\n+        this.layerStates = new Array(len);\n+        for (var i = 0; i < len; i++) {\n+            var layer = this.map.layers[i];\n+            this.layerStates[i] = {\n+                name: layer.name,\n+                visibility: layer.visibility,\n+                inRange: layer.inRange,\n+                id: layer.id\n             }\n-            polyElem.appendChild(ringElem)\n         }\n-        return polyElem\n-    },\n-    parseResponse: function(data) {\n-        if (typeof data == \"string\") {\n-            var newData = new OpenLayers.Format.XML;\n-            data = newData.read(data)\n+        var layers = this.map.layers.slice();\n+        if (!this.ascending) {\n+            layers.reverse()\n         }\n-        var response = new OpenLayers.Format.ArcXML.Response;\n-        var errorNode = data.getElementsByTagName(\"ERROR\");\n-        if (errorNode != null && errorNode.length > 0) {\n-            response.error = this.getChildValue(errorNode, \"Unknown error.\")\n-        } else {\n-            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n-            if (responseNode == null || responseNode.length == 0) {\n-                response.error = \"No RESPONSE tag found in ArcXML response.\";\n-                return response\n-            }\n-            var rtype = responseNode[0].firstChild.nodeName;\n-            if (rtype == \"#text\") {\n-                rtype = responseNode[0].firstChild.nextSibling.nodeName\n-            }\n-            if (rtype == \"IMAGE\") {\n-                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n-                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n-                if (envelopeNode == null || envelopeNode.length == 0) {\n-                    response.error = \"No ENVELOPE tag found in ArcXML response.\"\n-                } else if (outputNode == null || outputNode.length == 0) {\n-                    response.error = \"No OUTPUT tag found in ArcXML response.\"\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            var layer = layers[i];\n+            var baseLayer = layer.isBaseLayer;\n+            if (layer.displayInLayerSwitcher) {\n+                if (baseLayer) {\n+                    containsBaseLayers = true\n                 } else {\n-                    var envAttr = this.parseAttributes(envelopeNode[0]);\n-                    var outputAttr = this.parseAttributes(outputNode[0]);\n-                    if (typeof outputAttr.type == \"string\") {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: {\n-                                type: outputAttr.type,\n-                                data: this.getChildValue(outputNode[0])\n-                            }\n-                        }\n-                    } else {\n-                        response.image = {\n-                            envelope: envAttr,\n-                            output: outputAttr\n-                        }\n-                    }\n+                    containsOverlays = true\n                 }\n-            } else if (rtype == \"FEATURES\") {\n-                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n-                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n-                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n-                if (response.features.featurecount > 0) {\n-                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n-                    response.features.envelope = this.parseAttributes(envelope[0], typeof 0);\n-                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n-                    for (var fn = 0; fn < featureList.length; fn++) {\n-                        var feature = new OpenLayers.Feature.Vector;\n-                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n-                        for (var fdn = 0; fdn < fields.length; fdn++) {\n-                            var fieldName = fields[fdn].getAttribute(\"name\");\n-                            var fieldValue = fields[fdn].getAttribute(\"value\");\n-                            feature.attributes[fieldName] = fieldValue\n-                        }\n-                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n-                        if (geom.length > 0) {\n-                            var ring = geom[0].getElementsByTagName(\"RING\");\n-                            var polys = [];\n-                            for (var rn = 0; rn < ring.length; rn++) {\n-                                var linearRings = [];\n-                                linearRings.push(this.parsePointGeometry(ring[rn]));\n-                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n-                                for (var hn = 0; hn < holes.length; hn++) {\n-                                    linearRings.push(this.parsePointGeometry(holes[hn]))\n-                                }\n-                                holes = null;\n-                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n-                                linearRings = null\n-                            }\n-                            ring = null;\n-                            if (polys.length == 1) {\n-                                feature.geometry = polys[0]\n-                            } else {\n-                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys)\n-                            }\n-                        }\n-                        response.features.feature.push(feature)\n-                    }\n+                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n+                var inputElem = document.createElement(\"input\"),\n+                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n+                inputElem.id = inputId;\n+                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n+                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n+                inputElem.value = layer.name;\n+                inputElem.checked = checked;\n+                inputElem.defaultChecked = checked;\n+                inputElem.className = \"olButton\";\n+                inputElem._layer = layer.id;\n+                inputElem._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    inputElem.disabled = true\n                 }\n-            } else {\n-                response.error = \"Unidentified response type.\"\n+                var labelSpan = document.createElement(\"label\");\n+                labelSpan[\"for\"] = inputElem.id;\n+                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n+                labelSpan._layer = layer.id;\n+                labelSpan._layerSwitcher = this.id;\n+                if (!baseLayer && !layer.inRange) {\n+                    labelSpan.style.color = \"gray\"\n+                }\n+                labelSpan.innerHTML = layer.name;\n+                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n+                var br = document.createElement(\"br\");\n+                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n+                groupArray.push({\n+                    layer: layer,\n+                    inputElem: inputElem,\n+                    labelSpan: labelSpan\n+                });\n+                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n+                groupDiv.appendChild(inputElem);\n+                groupDiv.appendChild(labelSpan);\n+                groupDiv.appendChild(br)\n             }\n         }\n-        return response\n+        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n+        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n+        return this.div\n     },\n-    parseAttributes: function(node, type) {\n-        var attributes = {};\n-        for (var attr = 0; attr < node.attributes.length; attr++) {\n-            if (type == \"number\") {\n-                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue)\n-            } else {\n-                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue\n+    updateMap: function() {\n+        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n+            var layerEntry = this.baseLayers[i];\n+            if (layerEntry.inputElem.checked) {\n+                this.map.setBaseLayer(layerEntry.layer, false)\n             }\n         }\n-        return attributes\n+        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n+            var layerEntry = this.dataLayers[i];\n+            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n+        }\n     },\n-    parsePointGeometry: function(node) {\n-        var ringPoints = [];\n-        var coords = node.getElementsByTagName(\"COORDS\");\n-        if (coords.length > 0) {\n-            var coordArr = this.getChildValue(coords[0]);\n-            coordArr = coordArr.split(/;/);\n-            for (var cn = 0; cn < coordArr.length; cn++) {\n-                var coordItems = coordArr[cn].split(/ /);\n-                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]))\n-            }\n-            coords = null\n+    maximizeControl: function(e) {\n+        this.div.style.width = \"\";\n+        this.div.style.height = \"\";\n+        this.showControls(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n+        }\n+    },\n+    minimizeControl: function(e) {\n+        this.div.style.width = \"0px\";\n+        this.div.style.height = \"0px\";\n+        this.showControls(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n+        }\n+    },\n+    showControls: function(minimize) {\n+        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n+        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n+        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n+    },\n+    loadContents: function() {\n+        this.layersDiv = document.createElement(\"div\");\n+        this.layersDiv.id = this.id + \"_layersDiv\";\n+        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n+        this.baseLbl = document.createElement(\"div\");\n+        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n+        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n+        this.baseLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n+        this.dataLbl = document.createElement(\"div\");\n+        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n+        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n+        this.dataLayersDiv = document.createElement(\"div\");\n+        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n+        if (this.ascending) {\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv);\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv)\n         } else {\n-            var point = node.getElementsByTagName(\"POINT\");\n-            if (point.length > 0) {\n-                for (var pn = 0; pn < point.length; pn++) {\n-                    ringPoints.push(new OpenLayers.Geometry.Point(parseFloat(point[pn].getAttribute(\"x\")), parseFloat(point[pn].getAttribute(\"y\"))))\n-                }\n-            }\n-            point = null\n+            this.layersDiv.appendChild(this.dataLbl);\n+            this.layersDiv.appendChild(this.dataLayersDiv);\n+            this.layersDiv.appendChild(this.baseLbl);\n+            this.layersDiv.appendChild(this.baseLayersDiv)\n         }\n-        return new OpenLayers.Geometry.LinearRing(ringPoints)\n+        this.div.appendChild(this.layersDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n+        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n+        this.maximizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.maximizeDiv);\n+        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n+        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n+        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n+        this.minimizeDiv.style.display = \"none\";\n+        this.div.appendChild(this.minimizeDiv)\n     },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n+    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n });\n-OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            get_image: {\n-                properties: {\n-                    background: null,\n-                    draw: true,\n-                    envelope: {\n-                        minx: 0,\n-                        miny: 0,\n-                        maxx: 0,\n-                        maxy: 0\n-                    },\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    imagesize: {\n-                        height: 0,\n-                        width: 0,\n-                        dpi: 96,\n-                        printheight: 0,\n-                        printwidth: 0,\n-                        scalesymbols: false\n-                    },\n-                    layerlist: [],\n-                    output: {\n-                        baseurl: \"\",\n-                        legendbaseurl: \"\",\n-                        legendname: \"\",\n-                        legendpath: \"\",\n-                        legendurl: \"\",\n-                        name: \"\",\n-                        path: \"\",\n-                        type: \"jpg\",\n-                        url: \"\"\n-                    }\n-                }\n-            },\n-            get_feature: {\n-                layer: \"\",\n-                query: {\n-                    isspatial: false,\n-                    featurecoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    filtercoordsys: {\n-                        id: 0,\n-                        string: \"\",\n-                        datumtransformid: 0,\n-                        datumtransformstring: \"\"\n-                    },\n-                    buffer: 0,\n-                    where: \"\",\n-                    spatialfilter: {\n-                        relation: \"envelope_intersection\",\n-                        envelope: null\n-                    }\n-                }\n-            },\n-            environment: {\n-                separators: {\n-                    cs: \" \",\n-                    ts: \";\"\n-                }\n-            },\n-            layer: [],\n-            workspaces: []\n-        };\n-        return OpenLayers.Util.extend(this, defaults)\n+OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    buttons: null,\n+    position: null,\n+    initialize: function(options) {\n+        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X, OpenLayers.Control.PanZoom.Y);\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n-});\n-OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n-    initialize: function(params) {\n-        var defaults = {\n-            image: {\n-                envelope: null,\n-                output: \"\"\n-            },\n-            features: {\n-                featurecount: 0,\n-                envelope: null,\n-                feature: []\n-            },\n-            error: \"\"\n+    destroy: function() {\n+        if (this.map) {\n+            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n+        }\n+        this.removeButtons();\n+        this.buttons = null;\n+        this.position = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n+    },\n+    draw: function(px) {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position;\n+        this.buttons = [];\n+        var sz = {\n+            w: 18,\n+            h: 18\n         };\n-        return OpenLayers.Util.extend(this, defaults)\n+        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+        px.y = centered.y + sz.h;\n+        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n+        this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+        this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+        this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered.add(0, sz.h * 4 + 5), sz);\n+        this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered.add(0, sz.h * 5 + 5), sz);\n+        return this.div\n     },\n-    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+    _addButton: function(id, img, xy, sz) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(img);\n+        var btn = OpenLayers.Util.createAlphaImageDiv(this.id + \"_\" + id, xy, sz, imgLocation, \"absolute\");\n+        btn.style.cursor = \"pointer\";\n+        this.div.appendChild(btn);\n+        btn.action = id;\n+        btn.className = \"olButton\";\n+        this.buttons.push(btn);\n+        return btn\n+    },\n+    _removeButton: function(btn) {\n+        this.div.removeChild(btn);\n+        OpenLayers.Util.removeItem(this.buttons, btn)\n+    },\n+    removeButtons: function() {\n+        for (var i = this.buttons.length - 1; i >= 0; --i) {\n+            this._removeButton(this.buttons[i])\n+        }\n+    },\n+    onButtonClick: function(evt) {\n+        var btn = evt.buttonElement;\n+        switch (btn.action) {\n+            case \"panup\":\n+                this.map.pan(0, -this.getSlideFactor(\"h\"));\n+                break;\n+            case \"pandown\":\n+                this.map.pan(0, this.getSlideFactor(\"h\"));\n+                break;\n+            case \"panleft\":\n+                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"panright\":\n+                this.map.pan(this.getSlideFactor(\"w\"), 0);\n+                break;\n+            case \"zoomin\":\n+                this.map.zoomIn();\n+                break;\n+            case \"zoomout\":\n+                this.map.zoomOut();\n+                break;\n+            case \"zoomworld\":\n+                this.map.zoomToMaxExtent();\n+                break\n+        }\n+    },\n+    getSlideFactor: function(dim) {\n+        return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n });\n-OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        ClientVersion: \"9.2\",\n-        ServiceName: \"\"\n+OpenLayers.Control.PanZoom.X = 4;\n+OpenLayers.Control.PanZoom.Y = 4;\n+OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n+    element: null,\n+    ovmap: null,\n+    size: {\n+        w: 180,\n+        h: 90\n     },\n-    featureCoordSys: \"4326\",\n-    filterCoordSys: \"4326\",\n     layers: null,\n-    async: true,\n-    name: \"ArcIMS\",\n-    isBaseLayer: true,\n-    DEFAULT_OPTIONS: {\n-        tileSize: new OpenLayers.Size(512, 512),\n-        featureCoordSys: \"4326\",\n-        filterCoordSys: \"4326\",\n-        layers: null,\n-        isBaseLayer: true,\n-        async: true,\n-        name: \"ArcIMS\"\n+    minRectSize: 15,\n+    minRectDisplayClass: \"RectReplacement\",\n+    minRatio: 8,\n+    maxRatio: 32,\n+    mapOptions: null,\n+    autoPan: false,\n+    handlers: null,\n+    resolutionFactor: 1,\n+    maximized: false,\n+    maximizeTitle: \"\",\n+    minimizeTitle: \"\",\n+    initialize: function(options) {\n+        this.layers = [];\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options])\n     },\n-    initialize: function(name, url, options) {\n-        this.tileSize = new OpenLayers.Size(512, 512);\n-        this.params = OpenLayers.Util.applyDefaults({\n-            ServiceName: options.serviceName\n-        }, this.DEFAULT_PARAMS);\n-        this.options = OpenLayers.Util.applyDefaults(options, this.DEFAULT_OPTIONS);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, this.params, options]);\n-        if (this.transparent) {\n-            if (!this.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.format == \"image/jpeg\") {\n-                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n-            }\n+    destroy: function() {\n+        if (!this.mapDiv) {\n+            return\n         }\n-        if (this.options.layers === null) {\n-            this.options.layers = []\n+        if (this.handlers.click) {\n+            this.handlers.click.destroy()\n         }\n-    },\n-    getURL: function(bounds) {\n-        var url = \"\";\n-        bounds = this.adjustBounds(bounds);\n-        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n-            requesttype: \"image\",\n-            envelope: bounds.toArray(),\n-            tileSize: this.tileSize\n-        }));\n-        var req = new OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            data: axlReq.write(),\n-            async: false\n-        });\n-        if (req != null) {\n-            var doc = req.responseXML;\n-            if (!doc || !doc.documentElement) {\n-                doc = req.responseText\n-            }\n-            var axlResp = new OpenLayers.Format.ArcXML;\n-            var arcxml = axlResp.read(doc);\n-            url = this.getUrlOrImage(arcxml.image.output)\n+        if (this.handlers.drag) {\n+            this.handlers.drag.destroy()\n         }\n-        return url\n-    },\n-    getURLasync: function(bounds, callback, scope) {\n-        bounds = this.adjustBounds(bounds);\n-        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n-            requesttype: \"image\",\n-            envelope: bounds.toArray(),\n-            tileSize: this.tileSize\n-        }));\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString(),\n-            async: true,\n-            data: axlReq.write(),\n-            callback: function(req) {\n-                var doc = req.responseXML;\n-                if (!doc || !doc.documentElement) {\n-                    doc = req.responseText\n-                }\n-                var axlResp = new OpenLayers.Format.ArcXML;\n-                var arcxml = axlResp.read(doc);\n-                callback.call(scope, this.getUrlOrImage(arcxml.image.output))\n-            },\n+        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n+        this.extentRectangle = null;\n+        if (this.rectEvents) {\n+            this.rectEvents.destroy();\n+            this.rectEvents = null\n+        }\n+        if (this.ovmap) {\n+            this.ovmap.destroy();\n+            this.ovmap = null\n+        }\n+        this.element.removeChild(this.mapDiv);\n+        this.mapDiv = null;\n+        this.div.removeChild(this.element);\n+        this.element = null;\n+        if (this.maximizeDiv) {\n+            this.div.removeChild(this.maximizeDiv);\n+            this.maximizeDiv = null\n+        }\n+        if (this.minimizeDiv) {\n+            this.div.removeChild(this.minimizeDiv);\n+            this.minimizeDiv = null\n+        }\n+        this.map.events.un({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            changebaselayer: this.baseLayerDraw,\n             scope: this\n-        })\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    getUrlOrImage: function(output) {\n-        var ret = \"\";\n-        if (output.url) {\n-            ret = output.url\n-        } else if (output.data) {\n-            ret = \"data:image/\" + output.type + \";base64,\" + output.data\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (this.layers.length === 0) {\n+            if (this.map.baseLayer) {\n+                var layer = this.map.baseLayer.clone();\n+                this.layers = [layer]\n+            } else {\n+                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n+                return this.div\n+            }\n         }\n-        return ret\n-    },\n-    setLayerQuery: function(id, querydef) {\n-        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n-            if (id == this.options.layers[lyr].id) {\n-                this.options.layers[lyr].query = querydef;\n-                return\n+        this.element = document.createElement(\"div\");\n+        this.element.className = this.displayClass + \"Element\";\n+        this.element.style.display = \"none\";\n+        this.mapDiv = document.createElement(\"div\");\n+        this.mapDiv.style.width = this.size.w + \"px\";\n+        this.mapDiv.style.height = this.size.h + \"px\";\n+        this.mapDiv.style.position = \"relative\";\n+        this.mapDiv.style.overflow = \"hidden\";\n+        this.mapDiv.id = OpenLayers.Util.createUniqueID(\"overviewMap\");\n+        this.extentRectangle = document.createElement(\"div\");\n+        this.extentRectangle.style.position = \"absolute\";\n+        this.extentRectangle.style.zIndex = 1e3;\n+        this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n+        this.element.appendChild(this.mapDiv);\n+        this.div.appendChild(this.element);\n+        if (!this.outsideViewport) {\n+            this.div.className += \" \" + this.displayClass + \"Container\";\n+            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n+            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(this.displayClass + \"MaximizeButton\", null, null, img, \"absolute\");\n+            this.maximizeDiv.style.display = \"none\";\n+            this.maximizeDiv.className = this.displayClass + \"MaximizeButton olButton\";\n+            if (this.maximizeTitle) {\n+                this.maximizeDiv.title = this.maximizeTitle\n+            }\n+            this.div.appendChild(this.maximizeDiv);\n+            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n+            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_minimizeDiv\", null, null, img, \"absolute\");\n+            this.minimizeDiv.style.display = \"none\";\n+            this.minimizeDiv.className = this.displayClass + \"MinimizeButton olButton\";\n+            if (this.minimizeTitle) {\n+                this.minimizeDiv.title = this.minimizeTitle\n             }\n+            this.div.appendChild(this.minimizeDiv);\n+            this.minimizeControl()\n+        } else {\n+            this.element.style.display = \"\"\n         }\n-        this.options.layers.push({\n-            id: id,\n-            visible: true,\n-            query: querydef\n-        })\n-    },\n-    getFeatureInfo: function(geometry, layer, options) {\n-        var buffer = options.buffer || 1;\n-        var callback = options.callback || function() {};\n-        var scope = options.scope || window;\n-        var requestOptions = {};\n-        OpenLayers.Util.extend(requestOptions, this.options);\n-        requestOptions.requesttype = \"feature\";\n-        if (geometry instanceof OpenLayers.LonLat) {\n-            requestOptions.polygon = null;\n-            requestOptions.envelope = [geometry.lon - buffer, geometry.lat - buffer, geometry.lon + buffer, geometry.lat + buffer]\n-        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n-            requestOptions.envelope = null;\n-            requestOptions.polygon = geometry\n+        if (this.map.getExtent()) {\n+            this.update()\n         }\n-        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n-        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n-        arcxml.request.get_feature.layer = layer.id;\n-        if (typeof layer.query.accuracy == \"number\") {\n-            arcxml.request.get_feature.query.accuracy = layer.query.accuracy\n-        } else {\n-            var mapCenter = this.map.getCenter();\n-            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n-            viewPx.x++;\n-            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n-            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon\n+        this.map.events.on({\n+            buttonclick: this.onButtonClick,\n+            moveend: this.update,\n+            scope: this\n+        });\n+        if (this.maximized) {\n+            this.maximizeControl()\n         }\n-        arcxml.request.get_feature.query.where = layer.query.where;\n-        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n-        OpenLayers.Request.POST({\n-            url: this.getFullRequestString({\n-                CustomService: \"Query\"\n-            }),\n-            data: arcxml.write(),\n-            callback: function(request) {\n-                var response = arcxml.parseResponse(request.responseText);\n-                if (!arcxml.iserror()) {\n-                    callback.call(scope, response.features)\n-                } else {\n-                    callback.call(scope, null)\n-                }\n-            }\n-        })\n+        return this.div\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcIMS(this.name, this.url, this.getOptions())\n+    baseLayerDraw: function() {\n+        this.draw();\n+        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw)\n+    },\n+    rectDrag: function(px) {\n+        var deltaX = this.handlers.drag.last.x - px.x;\n+        var deltaY = this.handlers.drag.last.y - px.y;\n+        if (deltaX != 0 || deltaY != 0) {\n+            var rectTop = this.rectPxBounds.top;\n+            var rectLeft = this.rectPxBounds.left;\n+            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n+            var rectWidth = this.rectPxBounds.getWidth();\n+            var newTop = Math.max(0, rectTop - deltaY);\n+            newTop = Math.min(newTop, this.ovmap.size.h - this.hComp - rectHeight);\n+            var newLeft = Math.max(0, rectLeft - deltaX);\n+            newLeft = Math.min(newLeft, this.ovmap.size.w - this.wComp - rectWidth);\n+            this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + rectHeight, newLeft + rectWidth, newTop))\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n-});\n-OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {},\n-    isBaseLayer: true,\n-    lzd: null,\n-    zoomLevels: null,\n-    initialize: function(name, url, lzd, zoomLevels, params, options) {\n-        this.lzd = lzd;\n-        this.zoomLevels = zoomLevels;\n-        var newArguments = [];\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+    mapDivClick: function(evt) {\n+        var pxCenter = this.rectPxBounds.getCenterPixel();\n+        var deltaX = evt.xy.x - pxCenter.x;\n+        var deltaY = evt.xy.y - pxCenter.y;\n+        var top = this.rectPxBounds.top;\n+        var left = this.rectPxBounds.left;\n+        var height = Math.abs(this.rectPxBounds.getHeight());\n+        var width = this.rectPxBounds.getWidth();\n+        var newTop = Math.max(0, top + deltaY);\n+        newTop = Math.min(newTop, this.ovmap.size.h - height);\n+        var newLeft = Math.max(0, left + deltaX);\n+        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n+        this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + height, newLeft + width, newTop));\n+        this.updateMapToRect()\n     },\n-    getZoom: function() {\n-        var zoom = this.map.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n-        return zoom\n+    onButtonClick: function(evt) {\n+        if (evt.buttonElement === this.minimizeDiv) {\n+            this.minimizeControl()\n+        } else if (evt.buttonElement === this.maximizeDiv) {\n+            this.maximizeControl()\n+        }\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var zoom = this.getZoom();\n-        var extent = this.map.getMaxExtent();\n-        var deg = this.lzd / Math.pow(2, this.getZoom());\n-        var x = Math.floor((bounds.left - extent.left) / deg);\n-        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n-        if (this.map.getResolution() <= this.lzd / 512 && this.getZoom() <= this.zoomLevels) {\n-            return this.getFullRequestString({\n-                L: zoom,\n-                X: x,\n-                Y: y\n-            })\n-        } else {\n-            return OpenLayers.Util.getImageLocation(\"blank.gif\")\n+    maximizeControl: function(e) {\n+        this.element.style.display = \"\";\n+        this.showToggle(false);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n-});\n-OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    DEFAULT_PARAMS: {\n-        format: \"png\"\n+    minimizeControl: function(e) {\n+        this.element.style.display = \"none\";\n+        this.showToggle(true);\n+        if (e != null) {\n+            OpenLayers.Event.stop(e)\n+        }\n     },\n-    isBaseLayer: true,\n-    initialize: function(name, url, params, options) {\n-        var newArguments = [];\n-        params = OpenLayers.Util.upperCaseObject(params);\n-        newArguments.push(name, url, params, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n-        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n-        if (this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n-            if (options == null || !options.isBaseLayer) {\n-                this.isBaseLayer = false\n-            }\n-            if (this.params.FORMAT == \"jpg\") {\n-                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" : \"png\"\n-            }\n+    showToggle: function(minimize) {\n+        if (this.maximizeDiv) {\n+            this.maximizeDiv.style.display = minimize ? \"\" : \"none\"\n+        }\n+        if (this.minimizeDiv) {\n+            this.minimizeDiv.style.display = minimize ? \"none\" : \"\"\n         }\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name, this.url, this.params, this.getOptions())\n+    update: function() {\n+        if (this.ovmap == null) {\n+            this.createMap()\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n+        if (this.autoPan || !this.isSuitableOverview()) {\n+            this.updateOverview()\n+        }\n+        this.updateRectToMap()\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var projWords = this.projection.getCode().split(\":\");\n-        var srid = projWords[projWords.length - 1];\n-        var imageSize = this.getImageSize();\n-        var newParams = {\n-            BBOX: bounds.toBBOX(),\n-            SIZE: imageSize.w + \",\" + imageSize.h,\n-            F: \"image\",\n-            BBOXSR: srid,\n-            IMAGESR: srid\n-        };\n-        if (this.layerDefs) {\n-            var layerDefStrList = [];\n-            var layerID;\n-            for (layerID in this.layerDefs) {\n-                if (this.layerDefs.hasOwnProperty(layerID)) {\n-                    if (this.layerDefs[layerID]) {\n-                        layerDefStrList.push(layerID);\n-                        layerDefStrList.push(\":\");\n-                        layerDefStrList.push(this.layerDefs[layerID]);\n-                        layerDefStrList.push(\";\")\n-                    }\n-                }\n-            }\n-            if (layerDefStrList.length > 0) {\n-                newParams[\"LAYERDEFS\"] = layerDefStrList.join(\"\")\n-            }\n+    isSuitableOverview: function() {\n+        var mapExtent = this.map.getExtent();\n+        var maxExtent = this.map.getMaxExtent();\n+        var testExtent = new OpenLayers.Bounds(Math.max(mapExtent.left, maxExtent.left), Math.max(mapExtent.bottom, maxExtent.bottom), Math.min(mapExtent.right, maxExtent.right), Math.min(mapExtent.top, maxExtent.top));\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            testExtent = testExtent.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n         }\n-        var requestString = this.getFullRequestString(newParams);\n-        return requestString\n+        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n+        return resRatio > this.minRatio && resRatio <= this.maxRatio && this.ovmap.getExtent().containsBounds(testExtent)\n     },\n-    setLayerFilter: function(id, queryDef) {\n-        if (!this.layerDefs) {\n-            this.layerDefs = {}\n+    updateOverview: function() {\n+        var mapRes = this.map.getResolution();\n+        var targetRes = this.ovmap.getResolution();\n+        var resRatio = targetRes / mapRes;\n+        if (resRatio > this.maxRatio) {\n+            targetRes = this.minRatio * mapRes\n+        } else if (resRatio <= this.minRatio) {\n+            targetRes = this.maxRatio * mapRes\n         }\n-        if (queryDef) {\n-            this.layerDefs[id] = queryDef\n+        var center;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            center = this.map.center.clone();\n+            center.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n         } else {\n-            delete this.layerDefs[id]\n+            center = this.map.center\n         }\n+        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(targetRes * this.resolutionFactor));\n+        this.updateRectToMap()\n     },\n-    clearLayerFilter: function(id) {\n-        if (id) {\n-            delete this.layerDefs[id]\n-        } else {\n-            delete this.layerDefs\n+    createMap: function() {\n+        var options = OpenLayers.Util.extend({\n+            controls: [],\n+            maxResolution: \"auto\",\n+            fallThrough: false\n+        }, this.mapOptions);\n+        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n+        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n+        OpenLayers.Event.stopObserving(window, \"unload\", this.ovmap.unloadDestroy);\n+        this.ovmap.addLayers(this.layers);\n+        this.ovmap.zoomToMaxExtent();\n+        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-left-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-right-width\"));\n+        this.wComp = this.wComp ? this.wComp : 2;\n+        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-top-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-bottom-width\"));\n+        this.hComp = this.hComp ? this.hComp : 2;\n+        this.handlers.drag = new OpenLayers.Handler.Drag(this, {\n+            move: this.rectDrag,\n+            done: this.updateMapToRect\n+        }, {\n+            map: this.ovmap\n+        });\n+        this.handlers.click = new OpenLayers.Handler.Click(this, {\n+            click: this.mapDivClick\n+        }, {\n+            single: true,\n+            double: false,\n+            stopSingle: true,\n+            stopDouble: true,\n+            pixelTolerance: 1,\n+            map: this.ovmap\n+        });\n+        this.handlers.click.activate();\n+        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle, null, true);\n+        this.rectEvents.register(\"mouseover\", this, function(e) {\n+            if (!this.handlers.drag.active && !this.map.dragging) {\n+                this.handlers.drag.activate()\n+            }\n+        });\n+        this.rectEvents.register(\"mouseout\", this, function(e) {\n+            if (!this.handlers.drag.dragging) {\n+                this.handlers.drag.deactivate()\n+            }\n+        });\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            var sourceUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n+            var targetUnits = this.ovmap.getProjectionObject().getUnits() || this.ovmap.units || this.ovmap.baseLayer.units;\n+            this.resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1\n         }\n     },\n-    mergeNewParams: function(newParams) {\n-        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n-        var newArguments = [upperParams];\n-        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n-});\n-OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    sphericalMercator: false,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    initialize: function(name, url, options) {\n-        if (options && options.sphericalMercator || this.sphericalMercator) {\n-            options = OpenLayers.Util.extend({\n-                projection: \"EPSG:900913\",\n-                numZoomLevels: 19\n-            }, options)\n+    updateRectToMap: function() {\n+        var bounds;\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            bounds = this.map.getExtent().transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n+        } else {\n+            bounds = this.map.getExtent()\n+        }\n+        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n+        if (pxBounds) {\n+            this.setRectPxBounds(pxBounds)\n         }\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n+    updateMapToRect: function() {\n+        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n+        if (this.ovmap.getProjection() != this.map.getProjection()) {\n+            lonLatBounds = lonLatBounds.transform(this.ovmap.getProjectionObject(), this.map.getProjectionObject())\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n+        this.map.panTo(lonLatBounds.getCenterLonLat())\n     },\n-    getURL: function(bounds) {\n-        var xyz = this.getXYZ(bounds);\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            var s = \"\" + xyz.x + xyz.y + xyz.z;\n-            url = this.selectUrl(s, url)\n+    setRectPxBounds: function(pxBounds) {\n+        var top = Math.max(pxBounds.top, 0);\n+        var left = Math.max(pxBounds.left, 0);\n+        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()), this.ovmap.size.h - this.hComp);\n+        var right = Math.min(pxBounds.left + pxBounds.getWidth(), this.ovmap.size.w - this.wComp);\n+        var width = Math.max(right - left, 0);\n+        var height = Math.max(bottom - top, 0);\n+        if (width < this.minRectSize || height < this.minRectSize) {\n+            this.extentRectangle.className = this.displayClass + this.minRectDisplayClass;\n+            var rLeft = left + width / 2 - this.minRectSize / 2;\n+            var rTop = top + height / 2 - this.minRectSize / 2;\n+            this.extentRectangle.style.top = Math.round(rTop) + \"px\";\n+            this.extentRectangle.style.left = Math.round(rLeft) + \"px\";\n+            this.extentRectangle.style.height = this.minRectSize + \"px\";\n+            this.extentRectangle.style.width = this.minRectSize + \"px\"\n+        } else {\n+            this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n+            this.extentRectangle.style.top = Math.round(top) + \"px\";\n+            this.extentRectangle.style.left = Math.round(left) + \"px\";\n+            this.extentRectangle.style.height = Math.round(height) + \"px\";\n+            this.extentRectangle.style.width = Math.round(width) + \"px\"\n         }\n-        return OpenLayers.String.format(url, xyz)\n+        this.rectPxBounds = new OpenLayers.Bounds(Math.round(left), Math.round(bottom), Math.round(right), Math.round(top))\n     },\n-    getXYZ: function(bounds) {\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n-        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        if (this.wrapDateLine) {\n-            var limit = Math.pow(2, z);\n-            x = (x % limit + limit) % limit\n+    getRectBoundsFromMapBounds: function(lonLatBounds) {\n+        var leftBottomPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.left,\n+            lat: lonLatBounds.bottom\n+        });\n+        var rightTopPx = this.getOverviewPxFromLonLat({\n+            lon: lonLatBounds.right,\n+            lat: lonLatBounds.top\n+        });\n+        var bounds = null;\n+        if (leftBottomPx && rightTopPx) {\n+            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y, rightTopPx.x, rightTopPx.y)\n         }\n+        return bounds\n+    },\n+    getMapBoundsFromRectBounds: function(pxBounds) {\n+        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.left,\n+            y: pxBounds.bottom\n+        });\n+        var rightTopLonLat = this.getLonLatFromOverviewPx({\n+            x: pxBounds.right,\n+            y: pxBounds.top\n+        });\n+        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat, rightTopLonLat.lon, rightTopLonLat.lat)\n+    },\n+    getLonLatFromOverviewPx: function(overviewMapPx) {\n+        var size = this.ovmap.size;\n+        var res = this.ovmap.getResolution();\n+        var center = this.ovmap.getExtent().getCenterLonLat();\n+        var deltaX = overviewMapPx.x - size.w / 2;\n+        var deltaY = overviewMapPx.y - size.h / 2;\n         return {\n-            x: x,\n-            y: y,\n-            z: z\n+            lon: center.lon + deltaX * res,\n+            lat: center.lat - deltaY * res\n         }\n     },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n+    getOverviewPxFromLonLat: function(lonlat) {\n+        var res = this.ovmap.getResolution();\n+        var extent = this.ovmap.getExtent();\n+        if (extent) {\n+            return {\n+                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n+                y: Math.round(1 / res * (extent.top - lonlat.lat))\n+            }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+    CLASS_NAME: \"OpenLayers.Control.OverviewMap\"\n });\n-OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n-    url: null,\n-    utfgridResolution: 2,\n-    json: null,\n-    format: null,\n-    destroy: function() {\n-        this.clear();\n-        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n+OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n+    layerIdentifier: \"_layer\",\n+    featureIdentifier: \"_feature\",\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n     },\n-    draw: function() {\n-        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n-        if (drawn) {\n-            if (this.isLoading) {\n-                this.abortLoading();\n-                this.events.triggerEvent(\"reload\")\n-            } else {\n-                this.isLoading = true;\n-                this.events.triggerEvent(\"loadstart\")\n-            }\n-            this.url = this.layer.getURL(this.bounds);\n-            if (this.layer.useJSONP) {\n-                var ols = new OpenLayers.Protocol.Script({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        this.json = response.data\n-                    },\n-                    scope: this\n-                });\n-                ols.read();\n-                this.request = ols\n+    gmlFormat: null,\n+    read: function(data) {\n+        var result;\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var root = data.documentElement;\n+        if (root) {\n+            var scope = this;\n+            var read = this[\"read_\" + root.nodeName];\n+            if (read) {\n+                result = read.call(this, root)\n             } else {\n-                this.request = OpenLayers.Request.GET({\n-                    url: this.url,\n-                    callback: function(response) {\n-                        this.isLoading = false;\n-                        this.events.triggerEvent(\"loadend\");\n-                        if (response.status === 200) {\n-                            this.parseData(response.responseText)\n-                        }\n-                    },\n-                    scope: this\n-                })\n+                result = new OpenLayers.Format.GML(this.options ? this.options : {}).read(data)\n             }\n         } else {\n-            this.unload()\n-        }\n-        return drawn\n-    },\n-    abortLoading: function() {\n-        if (this.request) {\n-            this.request.abort();\n-            delete this.request\n+            result = data\n         }\n-        this.isLoading = false\n+        return result\n     },\n-    getFeatureInfo: function(i, j) {\n-        var info = null;\n-        if (this.json) {\n-            var id = this.getFeatureId(i, j);\n-            if (id !== null) {\n-                info = {\n-                    id: id,\n-                    data: this.json.data[id]\n+    read_msGMLOutput: function(data) {\n+        var response = [];\n+        var layerNodes = this.getSiblingNodesByTagCriteria(data, this.layerIdentifier);\n+        if (layerNodes) {\n+            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n+                var node = layerNodes[i];\n+                var layerName = node.nodeName;\n+                if (node.prefix) {\n+                    layerName = layerName.split(\":\")[1]\n+                }\n+                var layerName = layerName.replace(this.layerIdentifier, \"\");\n+                var featureNodes = this.getSiblingNodesByTagCriteria(node, this.featureIdentifier);\n+                if (featureNodes) {\n+                    for (var j = 0; j < featureNodes.length; j++) {\n+                        var featureNode = featureNodes[j];\n+                        var geomInfo = this.parseGeometry(featureNode);\n+                        var attributes = this.parseAttributes(featureNode);\n+                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry, attributes, null);\n+                        feature.bounds = geomInfo.bounds;\n+                        feature.type = layerName;\n+                        response.push(feature)\n+                    }\n                 }\n             }\n         }\n-        return info\n+        return response\n     },\n-    getFeatureId: function(i, j) {\n-        var id = null;\n-        if (this.json) {\n-            var resolution = this.utfgridResolution;\n-            var row = Math.floor(j / resolution);\n-            var col = Math.floor(i / resolution);\n-            var charCode = this.json.grid[row].charCodeAt(col);\n-            var index = this.indexFromCharCode(charCode);\n-            var keys = this.json.keys;\n-            if (!isNaN(index) && index in keys) {\n-                id = keys[index]\n+    read_FeatureInfoResponse: function(data) {\n+        var response = [];\n+        var featureNodes = this.getElementsByTagNameNS(data, \"*\", \"FIELDS\");\n+        for (var i = 0, len = featureNodes.length; i < len; i++) {\n+            var featureNode = featureNodes[i];\n+            var geom = null;\n+            var attributes = {};\n+            var j;\n+            var jlen = featureNode.attributes.length;\n+            if (jlen > 0) {\n+                for (j = 0; j < jlen; j++) {\n+                    var attribute = featureNode.attributes[j];\n+                    attributes[attribute.nodeName] = attribute.nodeValue\n+                }\n+            } else {\n+                var nodes = featureNode.childNodes;\n+                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n+                    var node = nodes[j];\n+                    if (node.nodeType != 3) {\n+                        attributes[node.getAttribute(\"name\")] = node.getAttribute(\"value\")\n+                    }\n+                }\n             }\n+            response.push(new OpenLayers.Feature.Vector(geom, attributes, null))\n         }\n-        return id\n-    },\n-    indexFromCharCode: function(charCode) {\n-        if (charCode >= 93) {\n-            charCode--\n-        }\n-        if (charCode >= 35) {\n-            charCode--\n-        }\n-        return charCode - 32\n-    },\n-    parseData: function(str) {\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.JSON\n-        }\n-        this.json = this.format.read(str)\n-    },\n-    clear: function() {\n-        this.json = null\n+        return response\n     },\n-    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n-});\n-OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    isBaseLayer: false,\n-    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n-    useJSONP: false,\n-    tileClass: OpenLayers.Tile.UTFGrid,\n-    initialize: function(options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [options.name, options.url, {}, options]);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            utfgridResolution: this.utfgridResolution\n-        }, this.tileOptions)\n-    },\n-    createBackBuffer: function() {},\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.UTFGrid(this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getFeatureInfo: function(location) {\n-        var info = null;\n-        var tileInfo = this.getTileData(location);\n-        if (tileInfo && tileInfo.tile) {\n-            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j)\n-        }\n-        return info\n-    },\n-    getFeatureId: function(location) {\n-        var id = null;\n-        var info = this.getTileData(location);\n-        if (info.tile) {\n-            id = info.tile.getFeatureId(info.i, info.j)\n-        }\n-        return id\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n-});\n-OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    key: null,\n-    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n-    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n-    metadata: null,\n-    protocolRegex: /^http:/i,\n-    type: \"Road\",\n-    culture: \"en-US\",\n-    metadataParams: null,\n-    tileOptions: null,\n-    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n-    initialize: function(options) {\n-        options = OpenLayers.Util.applyDefaults({\n-            sphericalMercator: true\n-        }, options);\n-        var name = options.name || \"Bing \" + (options.type || this.type);\n-        var newArgs = [name, null, options];\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options.tileOptions);\n-        this.loadMetadata()\n-    },\n-    loadMetadata: function() {\n-        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n-        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n-        var params = OpenLayers.Util.applyDefaults({\n-            key: this.key,\n-            jsonp: this._callbackId,\n-            include: \"ImageryProviders\"\n-        }, this.metadataParams);\n-        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = this._callbackId;\n-        document.getElementsByTagName(\"head\")[0].appendChild(script)\n-    },\n-    initLayer: function() {\n-        var res = this.metadata.resourceSets[0].resources[0];\n-        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n-        url = url.replace(\"{culture}\", this.culture);\n-        url = url.replace(this.protocolRegex, this.protocol);\n-        this.url = [];\n-        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n-            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n-        }\n-        this.addOptions({\n-            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n-            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n-        }, true);\n-        if (!this.isBaseLayer) {\n-            this.redraw()\n-        }\n-        this.updateAttribution()\n-    },\n-    getURL: function(bounds) {\n-        if (!this.url) {\n-            return\n-        }\n-        var xyz = this.getXYZ(bounds),\n-            x = xyz.x,\n-            y = xyz.y,\n-            z = xyz.z;\n-        var quadDigits = [];\n-        for (var i = z; i > 0; --i) {\n-            var digit = \"0\";\n-            var mask = 1 << i - 1;\n-            if ((x & mask) != 0) {\n-                digit++\n-            }\n-            if ((y & mask) != 0) {\n-                digit++;\n-                digit++\n-            }\n-            quadDigits.push(digit)\n-        }\n-        var quadKey = quadDigits.join(\"\");\n-        var url = this.selectUrl(\"\" + x + y + z, this.url);\n-        return OpenLayers.String.format(url, {\n-            quadkey: quadKey\n-        })\n-    },\n-    updateAttribution: function() {\n-        var metadata = this.metadata;\n-        if (!metadata.resourceSets || !this.map || !this.map.center) {\n-            return\n-        }\n-        var res = metadata.resourceSets[0].resources[0];\n-        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n-        var providers = res.imageryProviders || [],\n-            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n-            copyrights = \"\",\n-            provider, i, ii, j, jj, bbox, coverage;\n-        for (i = 0, ii = providers.length; i < ii; ++i) {\n-            provider = providers[i];\n-            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n-                coverage = provider.coverageAreas[j];\n-                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n-                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n-                    copyrights += provider.attribution + \" \"\n+    getSiblingNodesByTagCriteria: function(node, criteria) {\n+        var nodes = [];\n+        var children, tagName, n, matchNodes, child;\n+        if (node && node.hasChildNodes()) {\n+            children = node.childNodes;\n+            n = children.length;\n+            for (var k = 0; k < n; k++) {\n+                child = children[k];\n+                while (child && child.nodeType != 1) {\n+                    child = child.nextSibling;\n+                    k++\n                 }\n-            }\n-        }\n-        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n-        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n-            type: this.type.toLowerCase(),\n-            logo: logo,\n-            copyrights: copyrights\n-        });\n-        this.map && this.map.events.triggerEvent(\"changelayer\", {\n-            layer: this,\n-            property: \"attribution\"\n-        })\n-    },\n-    setMap: function() {\n-        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"moveend\", this, this.updateAttribution)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Bing(this.options)\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    destroy: function() {\n-        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n-        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n-});\n-OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n-    this.metadata = metadata;\n-    this.initLayer();\n-    var script = document.getElementById(this._callbackId);\n-    script.parentNode.removeChild(script);\n-    window[this._callbackId] = undefined;\n-    delete this._callbackId\n-};\n-OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n-    defaultStyle: null,\n-    extractStyles: true,\n-    initialize: function(options) {\n-        options = options || {};\n-        if (options.extractStyles !== false) {\n-            options.defaultStyle = {\n-                externalGraphic: OpenLayers.Util.getImageLocation(\"marker.png\"),\n-                graphicWidth: 21,\n-                graphicHeight: 25,\n-                graphicXOffset: -10.5,\n-                graphicYOffset: -12.5\n-            }\n-        }\n-        OpenLayers.Format.prototype.initialize.apply(this, [options])\n-    },\n-    read: function(text) {\n-        var lines = text.split(\"\\n\");\n-        var columns;\n-        var features = [];\n-        for (var lcv = 0; lcv < lines.length - 1; lcv++) {\n-            var currLine = lines[lcv].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\n-            if (currLine.charAt(0) != \"#\") {\n-                if (!columns) {\n-                    columns = currLine.split(\"\\t\")\n+                tagName = child ? child.nodeName : \"\";\n+                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n+                    nodes.push(child)\n                 } else {\n-                    var vals = currLine.split(\"\\t\");\n-                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n-                    var attributes = {};\n-                    var style = this.defaultStyle ? OpenLayers.Util.applyDefaults({}, this.defaultStyle) : null;\n-                    var icon, iconSize, iconOffset, overflow;\n-                    var set = false;\n-                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n-                        if (vals[valIndex]) {\n-                            if (columns[valIndex] == \"point\") {\n-                                var coords = vals[valIndex].split(\",\");\n-                                geometry.y = parseFloat(coords[0]);\n-                                geometry.x = parseFloat(coords[1]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"lat\") {\n-                                geometry.y = parseFloat(vals[valIndex]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"lon\") {\n-                                geometry.x = parseFloat(vals[valIndex]);\n-                                set = true\n-                            } else if (columns[valIndex] == \"title\") attributes[\"title\"] = vals[valIndex];\n-                            else if (columns[valIndex] == \"image\" || columns[valIndex] == \"icon\" && style) {\n-                                style[\"externalGraphic\"] = vals[valIndex]\n-                            } else if (columns[valIndex] == \"iconSize\" && style) {\n-                                var size = vals[valIndex].split(\",\");\n-                                style[\"graphicWidth\"] = parseFloat(size[0]);\n-                                style[\"graphicHeight\"] = parseFloat(size[1])\n-                            } else if (columns[valIndex] == \"iconOffset\" && style) {\n-                                var offset = vals[valIndex].split(\",\");\n-                                style[\"graphicXOffset\"] = parseFloat(offset[0]);\n-                                style[\"graphicYOffset\"] = parseFloat(offset[1])\n-                            } else if (columns[valIndex] == \"description\") {\n-                                attributes[\"description\"] = vals[valIndex]\n-                            } else if (columns[valIndex] == \"overflow\") {\n-                                attributes[\"overflow\"] = vals[valIndex]\n-                            } else {\n-                                attributes[columns[valIndex]] = vals[valIndex]\n-                            }\n-                        }\n-                    }\n-                    if (set) {\n-                        if (this.internalProjection && this.externalProjection) {\n-                            geometry.transform(this.externalProjection, this.internalProjection)\n-                        }\n-                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n-                        features.push(feature)\n-                    }\n-                }\n-            }\n-        }\n-        return features\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.Text\"\n-});\n-OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    location: null,\n-    features: null,\n-    formatOptions: null,\n-    selectedFeature: null,\n-    initialize: function(name, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n-        this.features = []\n-    },\n-    destroy: function() {\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null\n-    },\n-    loadText: function() {\n-        if (!this.loaded) {\n-            if (this.location != null) {\n-                var onFail = function(e) {\n-                    this.events.triggerEvent(\"loadend\")\n-                };\n-                this.events.triggerEvent(\"loadstart\");\n-                OpenLayers.Request.GET({\n-                    url: this.location,\n-                    success: this.parseData,\n-                    failure: onFail,\n-                    scope: this\n-                });\n-                this.loaded = true\n-            }\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadText()\n-        }\n-    },\n-    parseData: function(ajaxRequest) {\n-        var text = ajaxRequest.responseText;\n-        var options = {};\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject()\n-        }\n-        var parser = new OpenLayers.Format.Text(options);\n-        var features = parser.read(text);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            var location;\n-            var iconSize, iconOffset;\n-            location = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y);\n-            if (feature.style.graphicWidth && feature.style.graphicHeight) {\n-                iconSize = new OpenLayers.Size(feature.style.graphicWidth, feature.style.graphicHeight)\n-            }\n-            if (feature.style.graphicXOffset !== undefined && feature.style.graphicYOffset !== undefined) {\n-                iconOffset = new OpenLayers.Pixel(feature.style.graphicXOffset, feature.style.graphicYOffset)\n-            }\n-            if (feature.style.externalGraphic != null) {\n-                data.icon = new OpenLayers.Icon(feature.style.externalGraphic, iconSize, iconOffset)\n-            } else {\n-                data.icon = OpenLayers.Marker.defaultIcon();\n-                if (iconSize != null) {\n-                    data.icon.setSize(iconSize)\n-                }\n-            }\n-            if (feature.attributes.title != null && feature.attributes.description != null) {\n-                data[\"popupContentHTML\"] = \"<h2>\" + feature.attributes.title + \"</h2>\" + \"<p>\" + feature.attributes.description + \"</p>\"\n-            }\n-            data[\"overflow\"] = feature.attributes.overflow || \"auto\";\n-            var markerFeature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(markerFeature);\n-            var marker = markerFeature.createMarker();\n-            if (feature.attributes.title != null && feature.attributes.description != null) {\n-                marker.events.register(\"click\", markerFeature, this.markerClick)\n-            }\n-            this.addMarker(marker)\n-        }\n-        this.events.triggerEvent(\"loadend\")\n-    },\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = this == this.layer.selectedFeature;\n-        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i])\n-        }\n-        if (!sameMarkerClicked) {\n-            this.layer.map.addPopup(this.createPopup())\n-        }\n-        OpenLayers.Event.stop(evt)\n-    },\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy()\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Text\"\n-});\n-OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    version: \"1.0.0\",\n-    requestEncoding: \"KVP\",\n-    url: null,\n-    layer: null,\n-    matrixSet: null,\n-    style: null,\n-    format: \"image/jpeg\",\n-    tileOrigin: null,\n-    tileFullExtent: null,\n-    formatSuffix: null,\n-    matrixIds: null,\n-    dimensions: null,\n-    params: null,\n-    zoomOffset: 0,\n-    serverResolutions: null,\n-    formatSuffixMap: {\n-        \"image/png\": \"png\",\n-        \"image/png8\": \"png\",\n-        \"image/png24\": \"png\",\n-        \"image/png32\": \"png\",\n-        png: \"png\",\n-        \"image/jpeg\": \"jpg\",\n-        \"image/jpg\": \"jpg\",\n-        jpeg: \"jpg\",\n-        jpg: \"jpg\"\n-    },\n-    matrix: null,\n-    initialize: function(config) {\n-        var required = {\n-            url: true,\n-            layer: true,\n-            style: true,\n-            matrixSet: true\n-        };\n-        for (var prop in required) {\n-            if (!(prop in config)) {\n-                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\")\n-            }\n-        }\n-        config.params = OpenLayers.Util.upperCaseObject(config.params);\n-        var args = [config.name, config.url, config.params, config];\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n-        if (!this.formatSuffix) {\n-            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop()\n-        }\n-        if (this.matrixIds) {\n-            var len = this.matrixIds.length;\n-            if (len && typeof this.matrixIds[0] === \"string\") {\n-                var ids = this.matrixIds;\n-                this.matrixIds = new Array(len);\n-                for (var i = 0; i < len; ++i) {\n-                    this.matrixIds[i] = {\n-                        identifier: ids[i]\n-                    }\n-                }\n-            }\n-        }\n-    },\n-    setMap: function() {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments)\n-    },\n-    updateMatrixProperties: function() {\n-        this.matrix = this.getMatrix();\n-        if (this.matrix) {\n-            if (this.matrix.topLeftCorner) {\n-                this.tileOrigin = this.matrix.topLeftCorner\n-            }\n-            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n-                this.tileSize = new OpenLayers.Size(this.matrix.tileWidth, this.matrix.tileHeight)\n-            }\n-            if (!this.tileOrigin) {\n-                this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.top)\n-            }\n-            if (!this.tileFullExtent) {\n-                this.tileFullExtent = this.maxExtent\n-            }\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        if (zoomChanged || !this.matrix) {\n-            this.updateMatrixProperties()\n-        }\n-        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.WMTS(this.options)\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getIdentifier: function() {\n-        return this.getServerZoom()\n-    },\n-    getMatrix: function() {\n-        var matrix;\n-        if (!this.matrixIds || this.matrixIds.length === 0) {\n-            matrix = {\n-                identifier: this.getIdentifier()\n-            }\n-        } else {\n-            if (\"scaleDenominator\" in this.matrixIds[0]) {\n-                var denom = OpenLayers.METERS_PER_INCH * OpenLayers.INCHES_PER_UNIT[this.units] * this.getServerResolution() / 28e-5;\n-                var diff = Number.POSITIVE_INFINITY;\n-                var delta;\n-                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n-                    delta = Math.abs(1 - this.matrixIds[i].scaleDenominator / denom);\n-                    if (delta < diff) {\n-                        diff = delta;\n-                        matrix = this.matrixIds[i]\n+                    matchNodes = this.getSiblingNodesByTagCriteria(child, criteria);\n+                    if (matchNodes.length > 0) {\n+                        nodes.length == 0 ? nodes = matchNodes : nodes.push(matchNodes)\n                     }\n                 }\n-            } else {\n-                matrix = this.matrixIds[this.getIdentifier()]\n             }\n         }\n-        return matrix\n-    },\n-    getTileInfo: function(loc) {\n-        var res = this.getServerResolution();\n-        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n-        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n-        var col = Math.floor(fx);\n-        var row = Math.floor(fy);\n-        return {\n-            col: col,\n-            row: row,\n-            i: Math.floor((fx - col) * this.tileSize.w),\n-            j: Math.floor((fy - row) * this.tileSize.h)\n-        }\n+        return nodes\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var url = \"\";\n-        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n-            var center = bounds.getCenterLonLat();\n-            var info = this.getTileInfo(center);\n-            var matrixId = this.matrix.identifier;\n-            var dimensions = this.dimensions,\n-                params;\n-            if (OpenLayers.Util.isArray(this.url)) {\n-                url = this.selectUrl([this.version, this.style, this.matrixSet, this.matrix.identifier, info.row, info.col].join(\",\"), this.url)\n-            } else {\n-                url = this.url\n-            }\n-            if (this.requestEncoding.toUpperCase() === \"REST\") {\n-                params = this.params;\n-                if (url.indexOf(\"{\") !== -1) {\n-                    var template = url.replace(/\\{/g, \"${\");\n-                    var context = {\n-                        style: this.style,\n-                        Style: this.style,\n-                        TileMatrixSet: this.matrixSet,\n-                        TileMatrix: this.matrix.identifier,\n-                        TileRow: info.row,\n-                        TileCol: info.col\n-                    };\n-                    if (dimensions) {\n-                        var dimension, i;\n-                        for (i = dimensions.length - 1; i >= 0; --i) {\n-                            dimension = dimensions[i];\n-                            context[dimension] = params[dimension.toUpperCase()]\n-                        }\n-                    }\n-                    url = OpenLayers.String.format(template, context)\n-                } else {\n-                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n-                    if (dimensions) {\n-                        for (var i = 0; i < dimensions.length; i++) {\n-                            if (params[dimensions[i]]) {\n-                                path = path + params[dimensions[i]] + \"/\"\n-                            }\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+        if (node.nodeType == 1) {\n+            var children = node.childNodes;\n+            var n = children.length;\n+            for (var i = 0; i < n; ++i) {\n+                var child = children[i];\n+                if (child.nodeType == 1) {\n+                    var grandchildren = child.childNodes;\n+                    var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n+                    if (grandchildren.length == 0) {\n+                        attributes[name] = null\n+                    } else if (grandchildren.length == 1) {\n+                        var grandchild = grandchildren[0];\n+                        if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n+                            var value = grandchild.nodeValue.replace(this.regExes.trimSpace, \"\");\n+                            attributes[name] = value\n                         }\n                     }\n-                    path = path + this.matrixSet + \"/\" + this.matrix.identifier + \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n-                    if (!url.match(/\\/$/)) {\n-                        url = url + \"/\"\n-                    }\n-                    url = url + path\n                 }\n-            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-                params = {\n-                    SERVICE: \"WMTS\",\n-                    REQUEST: \"GetTile\",\n-                    VERSION: this.version,\n-                    LAYER: this.layer,\n-                    STYLE: this.style,\n-                    TILEMATRIXSET: this.matrixSet,\n-                    TILEMATRIX: this.matrix.identifier,\n-                    TILEROW: info.row,\n-                    TILECOL: info.col,\n-                    FORMAT: this.format\n-                };\n-                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params])\n             }\n         }\n-        return url\n-    },\n-    mergeNewParams: function(newParams) {\n-        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n-            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, [OpenLayers.Util.upperCaseObject(newParams)])\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n-});\n-OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    serviceVersion: \"1.0.0\",\n-    layername: null,\n-    type: null,\n-    isBaseLayer: true,\n-    tileOrigin: null,\n-    serverResolutions: null,\n-    zoomOffset: 0,\n-    initialize: function(name, url, options) {\n-        var newArguments = [];\n-        newArguments.push(name, url, {}, options);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments)\n+        return attributes\n     },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TMS(this.name, this.url, this.getOptions())\n+    parseGeometry: function(node) {\n+        if (!this.gmlFormat) {\n+            this.gmlFormat = new OpenLayers.Format.GML\n         }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n-        var z = this.getServerZoom();\n-        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n+        var feature = this.gmlFormat.parseFeature(node);\n+        var geometry, bounds = null;\n+        if (feature) {\n+            geometry = feature.geometry && feature.geometry.clone();\n+            bounds = feature.bounds && feature.bounds.clone();\n+            feature.destroy()\n         }\n-        return url + path\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        if (!this.tileOrigin) {\n-            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.bottom)\n+        return {\n+            geometry: geometry,\n+            bounds: bounds\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n });\n-OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n+    hover: false,\n+    drillDown: false,\n+    maxFeatures: 10,\n+    clickCallback: \"click\",\n+    output: \"features\",\n+    layers: null,\n+    queryVisible: false,\n     url: null,\n-    tileOrigin: null,\n-    tileSize: new OpenLayers.Size(256, 256),\n-    useArcGISServer: true,\n-    type: \"png\",\n-    useScales: false,\n-    overrideDPI: false,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        if (this.resolutions) {\n-            this.serverResolutions = this.resolutions;\n-            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0])\n-        }\n-        if (this.layerInfo) {\n-            var info = this.layerInfo;\n-            var startingTileExtent = new OpenLayers.Bounds(info.fullExtent.xmin, info.fullExtent.ymin, info.fullExtent.xmax, info.fullExtent.ymax);\n-            this.projection = \"EPSG:\" + info.spatialReference.wkid;\n-            this.sphericalMercator = info.spatialReference.wkid == 102100;\n-            this.units = info.units == \"esriFeet\" ? \"ft\" : \"m\";\n-            if (!!info.tileInfo) {\n-                this.tileSize = new OpenLayers.Size(info.tileInfo.width || info.tileInfo.cols, info.tileInfo.height || info.tileInfo.rows);\n-                this.tileOrigin = new OpenLayers.LonLat(info.tileInfo.origin.x, info.tileInfo.origin.y);\n-                var upperLeft = new OpenLayers.Geometry.Point(startingTileExtent.left, startingTileExtent.top);\n-                var bottomRight = new OpenLayers.Geometry.Point(startingTileExtent.right, startingTileExtent.bottom);\n-                if (this.useScales) {\n-                    this.scales = []\n-                } else {\n-                    this.resolutions = []\n-                }\n-                this.lods = [];\n-                for (var key in info.tileInfo.lods) {\n-                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n-                        var lod = info.tileInfo.lods[key];\n-                        if (this.useScales) {\n-                            this.scales.push(lod.scale)\n-                        } else {\n-                            this.resolutions.push(lod.resolution)\n-                        }\n-                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n-                        lod.startTileCol = start.x;\n-                        lod.startTileRow = start.y;\n-                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n-                        lod.endTileCol = end.x;\n-                        lod.endTileRow = end.y;\n-                        this.lods.push(lod)\n-                    }\n-                }\n-                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n-                this.serverResolutions = this.resolutions;\n-                if (this.overrideDPI && info.tileInfo.dpi) {\n-                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi\n-                }\n-            }\n-        }\n-    },\n-    getContainingTileCoords: function(point, res) {\n-        return new OpenLayers.Pixel(Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0), Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0))\n-    },\n-    calculateMaxExtentWithLOD: function(lod) {\n-        var numTileCols = lod.endTileCol - lod.startTileCol + 1;\n-        var numTileRows = lod.endTileRow - lod.startTileRow + 1;\n-        var minX = this.tileOrigin.lon + lod.startTileCol * this.tileSize.w * lod.resolution;\n-        var maxX = minX + numTileCols * this.tileSize.w * lod.resolution;\n-        var maxY = this.tileOrigin.lat - lod.startTileRow * this.tileSize.h * lod.resolution;\n-        var minY = maxY - numTileRows * this.tileSize.h * lod.resolution;\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n-    },\n-    calculateMaxExtentWithExtent: function(extent, res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n-        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n-        var start = this.getContainingTileCoords(upperLeft, res);\n-        var end = this.getContainingTileCoords(bottomRight, res);\n-        var lod = {\n-            resolution: res,\n-            startTileCol: start.x,\n-            startTileRow: start.y,\n-            endTileCol: end.x,\n-            endTileRow: end.y\n-        };\n-        return this.calculateMaxExtentWithLOD(lod)\n-    },\n-    getUpperLeftTileCoord: function(res) {\n-        var upperLeft = new OpenLayers.Geometry.Point(this.maxExtent.left, this.maxExtent.top);\n-        return this.getContainingTileCoords(upperLeft, res)\n-    },\n-    getLowerRightTileCoord: function(res) {\n-        var bottomRight = new OpenLayers.Geometry.Point(this.maxExtent.right, this.maxExtent.bottom);\n-        return this.getContainingTileCoords(bottomRight, res)\n-    },\n-    getMaxExtentForResolution: function(res) {\n-        var start = this.getUpperLeftTileCoord(res);\n-        var end = this.getLowerRightTileCoord(res);\n-        var numTileCols = end.x - start.x + 1;\n-        var numTileRows = end.y - start.y + 1;\n-        var minX = this.tileOrigin.lon + start.x * this.tileSize.w * res;\n-        var maxX = minX + numTileCols * this.tileSize.w * res;\n-        var maxY = this.tileOrigin.lat - start.y * this.tileSize.h * res;\n-        var minY = maxY - numTileRows * this.tileSize.h * res;\n-        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options)\n-        }\n-        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj])\n-    },\n-    initGriddedTiles: function(bounds) {\n-        delete this._tileOrigin;\n-        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments)\n-    },\n-    getMaxExtent: function() {\n-        var resolution = this.map.getResolution();\n-        return this.maxExtent = this.getMaxExtentForResolution(resolution)\n-    },\n-    getTileOrigin: function() {\n-        if (!this._tileOrigin) {\n-            var extent = this.getMaxExtent();\n-            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom)\n-        }\n-        return this._tileOrigin\n-    },\n-    getURL: function(bounds) {\n-        var res = this.getResolution();\n-        var originTileX = this.tileOrigin.lon + res * this.tileSize.w / 2;\n-        var originTileY = this.tileOrigin.lat - res * this.tileSize.h / 2;\n-        var center = bounds.getCenterLonLat();\n-        var point = {\n-            x: center.lon,\n-            y: center.lat\n-        };\n-        var x = Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w)));\n-        var y = Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h)));\n-        var z = this.map.getZoom();\n-        if (this.lods) {\n-            var lod = this.lods[this.map.getZoom()];\n-            if (x < lod.startTileCol || x > lod.endTileCol || (y < lod.startTileRow || y > lod.endTileRow)) {\n-                return null\n-            }\n-        } else {\n-            var start = this.getUpperLeftTileCoord(res);\n-            var end = this.getLowerRightTileCoord(res);\n-            if (x < start.x || x >= end.x || (y < start.y || y >= end.y)) {\n-                return null\n-            }\n+    layerUrls: null,\n+    infoFormat: \"text/html\",\n+    vendorParams: {},\n+    format: null,\n+    formatOptions: null,\n+    handler: null,\n+    hoverRequest: null,\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n         }\n-        var url = this.url;\n-        var s = \"\" + x + y + z;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(s, url)\n+        if (this.drillDown === true) {\n+            this.hover = false\n         }\n-        if (this.useArcGISServer) {\n-            url = url + \"/tile/${z}/${y}/${x}\"\n+        if (this.hover) {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                move: this.cancelHover,\n+                pause: this.getInfoForHover\n+            }, OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n+                delay: 250\n+            }))\n         } else {\n-            x = \"C\" + OpenLayers.Number.zeroPad(x, 8, 16);\n-            y = \"R\" + OpenLayers.Number.zeroPad(y, 8, 16);\n-            z = \"L\" + OpenLayers.Number.zeroPad(z, 2, 10);\n-            url = url + \"/${z}/${y}/${x}.\" + this.type\n+            var callbacks = {};\n+            callbacks[this.clickCallback] = this.getInfoForClick;\n+            this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n         }\n-        url = OpenLayers.String.format(url, {\n-            x: x,\n-            y: y,\n-            z: z\n-        });\n-        return OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(this.params))\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.ArcGISCache\"\n-});\n-OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    drawMarker: function(marker) {\n-        var topleft = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.left,\n-            lat: marker.bounds.top\n-        });\n-        var botright = this.map.getLayerPxFromLonLat({\n-            lon: marker.bounds.right,\n-            lat: marker.bounds.bottom\n+    getInfoForClick: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n         });\n-        if (botright == null || topleft == null) {\n-            marker.display(false)\n-        } else {\n-            var markerDiv = marker.draw(topleft, {\n-                w: Math.max(1, botright.x - topleft.x),\n-                h: Math.max(1, botright.y - topleft.y)\n-            });\n-            if (!marker.drawn) {\n-                this.div.appendChild(markerDiv);\n-                marker.drawn = true\n-            }\n-        }\n-    },\n-    removeMarker: function(marker) {\n-        OpenLayers.Util.removeItem(this.markers, marker);\n-        if (marker.div != null && marker.div.parentNode == this.div) {\n-            this.div.removeChild(marker.div)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n-});\n-OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    format: \"image/png\",\n-    serverResolutions: null,\n-    initialize: function(name, url, layername, options) {\n-        this.layername = layername;\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, {}, options]);\n-        this.extension = this.format.split(\"/\")[1].toLowerCase();\n-        this.extension = this.extension == \"jpg\" ? \"jpeg\" : this.extension\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.TileCache(this.name, this.url, this.layername, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var res = this.getServerResolution();\n-        var bbox = this.maxExtent;\n-        var size = this.tileSize;\n-        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n-        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n-        var tileZ = this.serverResolutions != null ? OpenLayers.Util.indexOf(this.serverResolutions, res) : this.map.getZoom();\n-        var components = [this.layername, OpenLayers.Number.zeroPad(tileZ, 2), OpenLayers.Number.zeroPad(parseInt(tileX / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileX / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileX) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY) % 1e3, 3) + \".\" + this.extension];\n-        var path = components.join(\"/\");\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n-        }\n-        url = url.charAt(url.length - 1) == \"/\" ? url : url + \"/\";\n-        return url + path\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n-});\n-OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n-    isBaseLayer: true,\n-    url: null,\n-    extent: null,\n-    size: null,\n-    tile: null,\n-    aspectRatio: null,\n-    initialize: function(name, url, extent, size, options) {\n-        this.url = url;\n-        this.extent = extent;\n-        this.maxExtent = extent;\n-        this.size = size;\n-        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n-        this.aspectRatio = this.extent.getHeight() / this.size.h / (this.extent.getWidth() / this.size.w)\n-    },\n-    destroy: function() {\n-        if (this.tile) {\n-            this.removeTileMonitoringHooks(this.tile);\n-            this.tile.destroy();\n-            this.tile = null\n-        }\n-        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Image(this.name, this.url, this.extent, this.size, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    setMap: function(map) {\n-        if (this.options.maxResolution == null) {\n-            this.options.maxResolution = this.aspectRatio * this.extent.getWidth() / this.size.w\n-        }\n-        OpenLayers.Layer.prototype.setMap.apply(this, arguments)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n-        var firstRendering = this.tile == null;\n-        if (zoomChanged || firstRendering) {\n-            this.setTileSize();\n-            var ulPx = this.map.getLayerPxFromLonLat({\n-                lon: this.extent.left,\n-                lat: this.extent.top\n-            });\n-            if (firstRendering) {\n-                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent, null, this.tileSize);\n-                this.addTileMonitoringHooks(this.tile)\n-            } else {\n-                this.tile.size = this.tileSize.clone();\n-                this.tile.position = ulPx.clone()\n-            }\n-            this.tile.draw()\n-        }\n-    },\n-    setTileSize: function() {\n-        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n-        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n-        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight)\n-    },\n-    addTileMonitoringHooks: function(tile) {\n-        tile.onLoadStart = function() {\n-            this.events.triggerEvent(\"loadstart\")\n-        };\n-        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n-        tile.onLoadEnd = function() {\n-            this.events.triggerEvent(\"loadend\")\n-        };\n-        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n-        tile.events.register(\"unload\", this, tile.onLoadEnd)\n-    },\n-    removeTileMonitoringHooks: function(tile) {\n-        tile.unload();\n-        tile.events.un({\n-            loadstart: tile.onLoadStart,\n-            loadend: tile.onLoadEnd,\n-            unload: tile.onLoadEnd,\n-            scope: this\n-        })\n-    },\n-    setUrl: function(newUrl) {\n-        this.url = newUrl;\n-        this.tile.draw()\n-    },\n-    getURL: function(bounds) {\n-        return this.url\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Image\"\n-});\n-OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    DEFAULT_PARAMS: {\n-        i: \"jpeg\",\n-        map: \"\"\n-    },\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        this.request(evt.xy, {})\n     },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        return this.getFullRequestString({\n-            t: pY,\n-            l: pX,\n-            s: scale\n+    getInfoForHover: function(evt) {\n+        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+            xy: evt.xy\n+        });\n+        this.request(evt.xy, {\n+            hover: true\n         })\n     },\n-    calculateGridLayout: function(bounds, origin, resolution) {\n-        var tilelon = resolution * this.tileSize.w;\n-        var tilelat = resolution * this.tileSize.h;\n-        var offsetlon = bounds.left;\n-        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n-        var offsetlat = bounds.top;\n-        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n-        return {\n-            tilelon: tilelon,\n-            tilelat: tilelat,\n-            startcol: tilecol,\n-            startrow: tilerow\n-        }\n-    },\n-    getTileBoundsForGridIndex: function(row, col) {\n-        var origin = this.getTileOrigin();\n-        var tileLayout = this.gridLayout;\n-        var tilelon = tileLayout.tilelon;\n-        var tilelat = tileLayout.tilelat;\n-        var minX = (tileLayout.startcol + col) * tilelon;\n-        var minY = (tileLayout.startrow - row) * tilelat;\n-        return new OpenLayers.Bounds(minX, minY, minX + tilelon, minY + tilelat)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.KaMap(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        if (this.tileSize != null) {\n-            obj.tileSize = this.tileSize.clone()\n-        }\n-        obj.grid = [];\n-        return obj\n-    },\n-    getTileBounds: function(viewPortPx) {\n-        var resolution = this.getResolution();\n-        var tileMapWidth = resolution * this.tileSize.w;\n-        var tileMapHeight = resolution * this.tileSize.h;\n-        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n-        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n-        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n-        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n-});\n-OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n-    IMAGE_EXTENSIONS: {\n-        jpeg: \"jpg\",\n-        gif: \"gif\",\n-        png: \"png\",\n-        png8: \"png\",\n-        png24: \"png\",\n-        dithered: \"png\"\n-    },\n-    DEFAULT_FORMAT: \"jpeg\",\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n-        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT]\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var mapRes = this.map.getResolution();\n-        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n-        var pX = Math.round(bounds.left / mapRes);\n-        var pY = -Math.round(bounds.top / mapRes);\n-        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n-        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n-        var components = [\"/\", this.params.map, \"/\", scale, \"/\", this.params.g.replace(/\\s/g, \"_\"), \"/def/t\", metaY, \"/l\", metaX, \"/t\", pY, \"l\", pX, \".\", this.extension];\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(components.join(\"\"), url)\n-        }\n-        return url + components.join(\"\")\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n-});\n-OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    size: null,\n-    isBaseLayer: true,\n-    standardTileSize: 256,\n-    tileOriginCorner: \"tl\",\n-    numberOfTiers: 0,\n-    tileCountUpToTier: null,\n-    tierSizeInTiles: null,\n-    tierImageSize: null,\n-    initialize: function(name, url, size, options) {\n-        this.initializeZoomify(size);\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, size, {}, options])\n-    },\n-    initializeZoomify: function(size) {\n-        var imageSize = size.clone();\n-        this.size = size.clone();\n-        var tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n-        this.tierSizeInTiles = [tiles];\n-        this.tierImageSize = [imageSize];\n-        while (imageSize.w > this.standardTileSize || imageSize.h > this.standardTileSize) {\n-            imageSize = new OpenLayers.Size(Math.floor(imageSize.w / 2), Math.floor(imageSize.h / 2));\n-            tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n-            this.tierSizeInTiles.push(tiles);\n-            this.tierImageSize.push(imageSize)\n-        }\n-        this.tierSizeInTiles.reverse();\n-        this.tierImageSize.reverse();\n-        this.numberOfTiers = this.tierSizeInTiles.length;\n-        var resolutions = [1];\n-        this.tileCountUpToTier = [0];\n-        for (var i = 1; i < this.numberOfTiers; i++) {\n-            resolutions.unshift(Math.pow(2, i));\n-            this.tileCountUpToTier.push(this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h + this.tileCountUpToTier[i - 1])\n-        }\n-        if (!this.serverResolutions) {\n-            this.serverResolutions = resolutions\n-        }\n-    },\n-    destroy: function() {\n-        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n-        this.tileCountUpToTier.length = 0;\n-        this.tierSizeInTiles.length = 0;\n-        this.tierImageSize.length = 0\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.Zoomify(this.name, this.url, this.size, this.options)\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        bounds = this.adjustBounds(bounds);\n-        var res = this.getServerResolution();\n-        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-        var z = this.getZoomForResolution(res);\n-        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n-        var path = \"TileGroup\" + Math.floor(tileIndex / 256) + \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n-        var url = this.url;\n-        if (OpenLayers.Util.isArray(url)) {\n-            url = this.selectUrl(path, url)\n-        }\n-        return url + path\n-    },\n-    getImageSize: function() {\n-        if (arguments.length > 0) {\n-            var bounds = this.adjustBounds(arguments[0]);\n-            var res = this.getServerResolution();\n-            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n-            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n-            var z = this.getZoomForResolution(res);\n-            var w = this.standardTileSize;\n-            var h = this.standardTileSize;\n-            if (x == this.tierSizeInTiles[z].w - 1) {\n-                var w = this.tierImageSize[z].w % this.standardTileSize\n-            }\n-            if (y == this.tierSizeInTiles[z].h - 1) {\n-                var h = this.tierImageSize[z].h % this.standardTileSize\n-            }\n-            return new OpenLayers.Size(w, h)\n-        } else {\n-            return this.tileSize\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n-        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.top)\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n-});\n-OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    dx: null,\n-    dy: null,\n-    ratio: 1.5,\n-    maxFeatures: 250,\n-    rotation: 0,\n-    origin: null,\n-    gridBounds: null,\n-    initialize: function(config) {\n-        config = config || {};\n-        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config])\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        map.events.register(\"moveend\", this, this.onMoveEnd)\n-    },\n-    removeMap: function(map) {\n-        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n-    },\n-    setRatio: function(ratio) {\n-        this.ratio = ratio;\n-        this.updateGrid(true)\n-    },\n-    setMaxFeatures: function(maxFeatures) {\n-        this.maxFeatures = maxFeatures;\n-        this.updateGrid(true)\n-    },\n-    setSpacing: function(dx, dy) {\n-        this.dx = dx;\n-        this.dy = dy || dx;\n-        this.updateGrid(true)\n-    },\n-    setOrigin: function(origin) {\n-        this.origin = origin;\n-        this.updateGrid(true)\n-    },\n-    getOrigin: function() {\n-        if (!this.origin) {\n-            this.origin = this.map.getExtent().getCenterLonLat()\n-        }\n-        return this.origin\n-    },\n-    setRotation: function(rotation) {\n-        this.rotation = rotation;\n-        this.updateGrid(true)\n-    },\n-    onMoveEnd: function() {\n-        this.updateGrid()\n-    },\n-    getViewBounds: function() {\n-        var bounds = this.map.getExtent();\n-        if (this.rotation) {\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var rect = bounds.toGeometry();\n-            rect.rotate(-this.rotation, rotationOrigin);\n-            bounds = rect.getBounds()\n-        }\n-        return bounds\n-    },\n-    updateGrid: function(force) {\n-        if (force || this.invalidBounds()) {\n-            var viewBounds = this.getViewBounds();\n-            var origin = this.getOrigin();\n-            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n-            var viewBoundsWidth = viewBounds.getWidth();\n-            var viewBoundsHeight = viewBounds.getHeight();\n-            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n-            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n-            var maxWidth = maxHeight * aspectRatio;\n-            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n-            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n-            var center = viewBounds.getCenterLonLat();\n-            this.gridBounds = new OpenLayers.Bounds(center.lon - gridWidth / 2, center.lat - gridHeight / 2, center.lon + gridWidth / 2, center.lat + gridHeight / 2);\n-            var rows = Math.floor(gridHeight / this.dy);\n-            var cols = Math.floor(gridWidth / this.dx);\n-            var gridLeft = origin.lon + this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx);\n-            var gridBottom = origin.lat + this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy);\n-            var features = new Array(rows * cols);\n-            var x, y, point;\n-            for (var i = 0; i < cols; ++i) {\n-                x = gridLeft + i * this.dx;\n-                for (var j = 0; j < rows; ++j) {\n-                    y = gridBottom + j * this.dy;\n-                    point = new OpenLayers.Geometry.Point(x, y);\n-                    if (this.rotation) {\n-                        point.rotate(this.rotation, rotationOrigin)\n-                    }\n-                    features[i * rows + j] = new OpenLayers.Feature.Vector(point)\n-                }\n-            }\n-            this.destroyFeatures(this.features, {\n-                silent: true\n-            });\n-            this.addFeatures(features, {\n-                silent: true\n-            })\n-        }\n-    },\n-    invalidBounds: function() {\n-        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds())\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n-});\n-OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n-    name: \"OpenStreetMap\",\n-    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n-    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n-    sphericalMercator: true,\n-    wrapDateLine: true,\n-    tileOptions: null,\n-    initialize: function(name, url, options) {\n-        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n-        this.tileOptions = OpenLayers.Util.extend({\n-            crossOriginKeyword: \"anonymous\"\n-        }, this.options && this.options.tileOptions)\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n-});\n-OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n-    location: null,\n-    features: null,\n-    formatOptions: null,\n-    selectedFeature: null,\n-    icon: null,\n-    popupSize: null,\n-    useFeedTitle: true,\n-    initialize: function(name, location, options) {\n-        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n-        this.location = location;\n-        this.features = []\n-    },\n-    destroy: function() {\n-        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n-        this.clearFeatures();\n-        this.features = null\n-    },\n-    loadRSS: function() {\n-        if (!this.loaded) {\n-            this.events.triggerEvent(\"loadstart\");\n-            OpenLayers.Request.GET({\n-                url: this.location,\n-                success: this.parseData,\n-                scope: this\n-            });\n-            this.loaded = true\n-        }\n-    },\n-    moveTo: function(bounds, zoomChanged, minor) {\n-        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n-        if (this.visibility && !this.loaded) {\n-            this.loadRSS()\n+    cancelHover: function() {\n+        if (this.hoverRequest) {\n+            this.hoverRequest.abort();\n+            this.hoverRequest = null\n         }\n     },\n-    parseData: function(ajaxRequest) {\n-        var doc = ajaxRequest.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText)\n-        }\n-        if (this.useFeedTitle) {\n-            var name = null;\n-            try {\n-                name = doc.getElementsByTagNameNS(\"*\", \"title\")[0].firstChild.nodeValue\n-            } catch (e) {\n-                try {\n-                    name = doc.getElementsByTagName(\"title\")[0].firstChild.nodeValue\n-                } catch (e) {}\n-            }\n-            if (name) {\n-                this.setName(name)\n-            }\n-        }\n-        var options = {};\n-        OpenLayers.Util.extend(options, this.formatOptions);\n-        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n-            options.externalProjection = this.projection;\n-            options.internalProjection = this.map.getProjectionObject()\n-        }\n-        var format = new OpenLayers.Format.GeoRSS(options);\n-        var features = format.read(doc);\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            var data = {};\n-            var feature = features[i];\n-            if (!feature.geometry) {\n-                continue\n-            }\n-            var title = feature.attributes.title ? feature.attributes.title : \"Untitled\";\n-            var description = feature.attributes.description ? feature.attributes.description : \"No description.\";\n-            var link = feature.attributes.link ? feature.attributes.link : \"\";\n-            var location = feature.geometry.getBounds().getCenterLonLat();\n-            data.icon = this.icon == null ? OpenLayers.Marker.defaultIcon() : this.icon.clone();\n-            data.popupSize = this.popupSize ? this.popupSize.clone() : new OpenLayers.Size(250, 120);\n-            if (title || description) {\n-                data.title = title;\n-                data.description = description;\n-                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n-                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n-                if (link) {\n-                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">'\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer, url;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.WMS && (!this.queryVisible || layer.getVisibility())) {\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (this.drillDown === false && !this.url) {\n+                    this.url = url\n                 }\n-                contentHTML += title;\n-                if (link) {\n-                    contentHTML += \"</a>\"\n+                if (this.drillDown === true || this.urlMatches(url)) {\n+                    layers.push(layer)\n                 }\n-                contentHTML += \"</div>\";\n-                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n-                contentHTML += description;\n-                contentHTML += \"</div>\";\n-                data[\"popupContentHTML\"] = contentHTML\n             }\n-            var feature = new OpenLayers.Feature(this, location, data);\n-            this.features.push(feature);\n-            var marker = feature.createMarker();\n-            marker.events.register(\"click\", feature, this.markerClick);\n-            this.addMarker(marker)\n         }\n-        this.events.triggerEvent(\"loadend\")\n+        return layers\n     },\n-    markerClick: function(evt) {\n-        var sameMarkerClicked = this == this.layer.selectedFeature;\n-        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n-        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-            this.layer.map.removePopup(this.layer.map.popups[i])\n-        }\n-        if (!sameMarkerClicked) {\n-            var popup = this.createPopup();\n-            OpenLayers.Event.observe(popup.div, \"click\", OpenLayers.Function.bind(function() {\n-                for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n-                    this.layer.map.removePopup(this.layer.map.popups[i])\n+    urlMatches: function(url) {\n+        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n+        if (!matches && this.layerUrls) {\n+            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n+                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n+                    matches = true;\n+                    break\n                 }\n-            }, this));\n-            this.layer.map.addPopup(popup)\n-        }\n-        OpenLayers.Event.stop(evt)\n-    },\n-    clearFeatures: function() {\n-        if (this.features != null) {\n-            while (this.features.length > 0) {\n-                var feature = this.features[0];\n-                OpenLayers.Util.removeItem(this.features, feature);\n-                feature.destroy()\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n-});\n-OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n-    MIN_ZOOM_LEVEL: 0,\n-    MAX_ZOOM_LEVEL: 21,\n-    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n-    type: null,\n-    wrapDateLine: true,\n-    sphericalMercator: false,\n-    version: null,\n-    initialize: function(name, options) {\n-        options = options || {};\n-        if (!options.version) {\n-            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n-        }\n-        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n-        if (mixin) {\n-            OpenLayers.Util.applyDefaults(options, mixin)\n-        } else {\n-            throw \"Unsupported Google Maps API version: \" + options.version\n-        }\n-        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n-        if (options.maxExtent) {\n-            options.maxExtent = options.maxExtent.clone()\n-        }\n-        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n-        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n-        if (this.sphericalMercator) {\n-            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n-            this.initMercatorParameters()\n-        }\n-    },\n-    clone: function() {\n-        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n-    },\n-    setVisibility: function(visible) {\n-        var opacity = this.opacity == null ? 1 : this.opacity;\n-        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n-        this.setOpacity(opacity)\n-    },\n-    display: function(visible) {\n-        if (!this._dragging) {\n-            this.setGMapVisibility(visible)\n-        }\n-        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n-    },\n-    moveTo: function(bounds, zoomChanged, dragging) {\n-        this._dragging = dragging;\n-        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n-        delete this._dragging\n-    },\n-    setOpacity: function(opacity) {\n-        if (opacity !== this.opacity) {\n-            if (this.map != null) {\n-                this.map.events.triggerEvent(\"changelayer\", {\n-                    layer: this,\n-                    property: \"opacity\"\n-                })\n             }\n-            this.opacity = opacity\n-        }\n-        if (this.getVisibility()) {\n-            var container = this.getMapContainer();\n-            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n         }\n+        return matches\n     },\n-    destroy: function() {\n-        if (this.map) {\n-            this.setGMapVisibility(false);\n-            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-            if (cache && cache.count <= 1) {\n-                this.removeGMapElements()\n+    buildWMSOptions: function(url, layers, clickPosition, format) {\n+        var layerNames = [],\n+            styleNames = [];\n+        for (var i = 0, len = layers.length; i < len; i++) {\n+            if (layers[i].params.LAYERS != null) {\n+                layerNames = layerNames.concat(layers[i].params.LAYERS);\n+                styleNames = styleNames.concat(this.getStyleNames(layers[i]))\n             }\n         }\n-        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n-    },\n-    removeGMapElements: function() {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject && this.getMapContainer();\n-            if (container && container.parentNode) {\n-                container.parentNode.removeChild(container)\n-            }\n-            var termsOfUse = cache.termsOfUse;\n-            if (termsOfUse && termsOfUse.parentNode) {\n-                termsOfUse.parentNode.removeChild(termsOfUse)\n-            }\n-            var poweredBy = cache.poweredBy;\n-            if (poweredBy && poweredBy.parentNode) {\n-                poweredBy.parentNode.removeChild(poweredBy)\n-            }\n-            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n-                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n-            }\n+        var firstLayer = layers[0];\n+        var projection = this.map.getProjection();\n+        var layerProj = firstLayer.projection;\n+        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n+            projection = layerProj.getCode()\n         }\n-    },\n-    removeMap: function(map) {\n-        if (this.visibility && this.mapObject) {\n-            this.setGMapVisibility(false)\n+        var params = OpenLayers.Util.extend({\n+            service: \"WMS\",\n+            version: firstLayer.params.VERSION,\n+            request: \"GetFeatureInfo\",\n+            exceptions: firstLayer.params.EXCEPTIONS,\n+            bbox: this.map.getExtent().toBBOX(null, firstLayer.reverseAxisOrder()),\n+            feature_count: this.maxFeatures,\n+            height: this.map.getSize().h,\n+            width: this.map.getSize().w,\n+            format: format,\n+            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n+        }, parseFloat(firstLayer.params.VERSION) >= 1.3 ? {\n+            crs: projection,\n+            i: parseInt(clickPosition.x),\n+            j: parseInt(clickPosition.y)\n+        } : {\n+            srs: projection,\n+            x: parseInt(clickPosition.x),\n+            y: parseInt(clickPosition.y)\n+        });\n+        if (layerNames.length != 0) {\n+            params = OpenLayers.Util.extend({\n+                layers: layerNames,\n+                query_layers: layerNames,\n+                styles: styleNames\n+            }, params)\n         }\n-        var cache = OpenLayers.Layer.Google.cache[map.id];\n-        if (cache) {\n-            if (cache.count <= 1) {\n-                this.removeGMapElements();\n-                delete OpenLayers.Layer.Google.cache[map.id]\n-            } else {\n-                --cache.count\n-            }\n+        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n+        return {\n+            url: url,\n+            params: OpenLayers.Util.upperCaseObject(params),\n+            callback: function(request) {\n+                this.handleResponse(clickPosition, request, url)\n+            },\n+            scope: this\n         }\n-        delete this.termsOfUse;\n-        delete this.poweredBy;\n-        delete this.mapObject;\n-        delete this.dragObject;\n-        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n     },\n-    getOLBoundsFromMapObjectBounds: function(moBounds) {\n-        var olBounds = null;\n-        if (moBounds != null) {\n-            var sw = moBounds.getSouthWest();\n-            var ne = moBounds.getNorthEast();\n-            if (this.sphericalMercator) {\n-                sw = this.forwardMercator(sw.lng(), sw.lat());\n-                ne = this.forwardMercator(ne.lng(), ne.lat())\n+    getStyleNames: function(layer) {\n+        var styleNames;\n+        if (layer.params.STYLES) {\n+            styleNames = layer.params.STYLES\n+        } else {\n+            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n+                styleNames = new Array(layer.params.LAYERS.length)\n             } else {\n-                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n-                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n+                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\")\n             }\n-            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n         }\n-        return olBounds\n-    },\n-    getWarningHTML: function() {\n-        return OpenLayers.i18n(\"googleWarning\")\n-    },\n-    getMapObjectCenter: function() {\n-        return this.mapObject.getCenter()\n-    },\n-    getMapObjectZoom: function() {\n-        return this.mapObject.getZoom()\n-    },\n-    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n-        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n-    },\n-    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n-        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n-        return lat\n-    },\n-    getXFromMapObjectPixel: function(moPixel) {\n-        return moPixel.x\n-    },\n-    getYFromMapObjectPixel: function(moPixel) {\n-        return moPixel.y\n+        return styleNames\n     },\n-    CLASS_NAME: \"OpenLayers.Layer.Google\"\n-});\n-OpenLayers.Layer.Google.cache = {};\n-OpenLayers.Layer.Google.v2 = {\n-    termsOfUse: null,\n-    poweredBy: null,\n-    dragObject: null,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = G_NORMAL_MAP\n+    request: function(clickPosition, options) {\n+        var layers = this.findLayers();\n+        if (layers.length == 0) {\n+            this.events.triggerEvent(\"nogetfeatureinfo\");\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            return\n         }\n-        var mapObject, termsOfUse, poweredBy;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            termsOfUse = cache.termsOfUse;\n-            poweredBy = cache.poweredBy;\n-            ++cache.count\n-        } else {\n-            var container = this.map.viewPortDiv;\n-            var div = document.createElement(\"div\");\n-            div.id = this.map.id + \"_GMap2Container\";\n-            div.style.position = \"absolute\";\n-            div.style.width = \"100%\";\n-            div.style.height = \"100%\";\n-            container.appendChild(div);\n-            try {\n-                mapObject = new GMap2(div);\n-                termsOfUse = div.lastChild;\n-                container.appendChild(termsOfUse);\n-                termsOfUse.style.zIndex = \"1100\";\n-                termsOfUse.style.right = \"\";\n-                termsOfUse.style.bottom = \"\";\n-                termsOfUse.className = \"olLayerGoogleCopyright\";\n-                poweredBy = div.lastChild;\n-                container.appendChild(poweredBy);\n-                poweredBy.style.zIndex = \"1100\";\n-                poweredBy.style.right = \"\";\n-                poweredBy.style.bottom = \"\";\n-                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n-            } catch (e) {\n-                throw e\n-            }\n-            OpenLayers.Layer.Google.cache[this.map.id] = {\n-                mapObject: mapObject,\n-                termsOfUse: termsOfUse,\n-                poweredBy: poweredBy,\n-                count: 1\n+        options = options || {};\n+        if (this.drillDown === false) {\n+            var wmsOptions = this.buildWMSOptions(this.url, layers, clickPosition, layers[0].params.FORMAT);\n+            var request = OpenLayers.Request.GET(wmsOptions);\n+            if (options.hover === true) {\n+                this.hoverRequest = request\n             }\n-        }\n-        this.mapObject = mapObject;\n-        this.termsOfUse = termsOfUse;\n-        this.poweredBy = poweredBy;\n-        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n-            this.mapObject.addMapType(this.type)\n-        }\n-        if (typeof mapObject.getDragObject == \"function\") {\n-            this.dragObject = mapObject.getDragObject()\n         } else {\n-            this.dragPanMapObject = null\n-        }\n-        if (this.isBaseLayer === false) {\n-            this.setGMapVisibility(this.div.style.display !== \"none\")\n-        }\n-    },\n-    onMapResize: function() {\n-        if (this.visibility && this.mapObject.isLoaded()) {\n-            this.mapObject.checkResize()\n-        } else {\n-            if (!this._resized) {\n-                var layer = this;\n-                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n-                    GEvent.removeListener(handle);\n-                    delete layer._resized;\n-                    layer.mapObject.checkResize();\n-                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n-                })\n-            }\n-            this._resized = true\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            var container = this.mapObject.getContainer();\n-            if (visible === true) {\n-                this.mapObject.setMapType(this.type);\n-                container.style.display = \"\";\n-                this.termsOfUse.style.left = \"\";\n-                this.termsOfUse.style.display = \"\";\n-                this.poweredBy.style.display = \"\";\n-                cache.displayed = this.id\n-            } else {\n-                if (cache.displayed === this.id) {\n-                    delete cache.displayed\n-                }\n-                if (!cache.displayed) {\n-                    container.style.display = \"none\";\n-                    this.termsOfUse.style.display = \"none\";\n-                    this.termsOfUse.style.left = \"-9999px\";\n-                    this.poweredBy.style.display = \"none\"\n+            this._requestCount = 0;\n+            this._numRequests = 0;\n+            this.features = [];\n+            var services = {},\n+                url;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                var service, found = false;\n+                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n+                if (url in services) {\n+                    services[url].push(layer)\n+                } else {\n+                    this._numRequests++;\n+                    services[url] = [layer]\n                 }\n             }\n+            var layers;\n+            for (var url in services) {\n+                layers = services[url];\n+                var wmsOptions = this.buildWMSOptions(url, layers, clickPosition, layers[0].params.FORMAT);\n+                OpenLayers.Request.GET(wmsOptions)\n+            }\n         }\n     },\n-    getMapContainer: function() {\n-        return this.mapObject.getContainer()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        this.mapObject.setCenter(center, zoom)\n-    },\n-    dragPanMapObject: function(dX, dY) {\n-        this.dragObject.moveBy(new GSize(-dX, dY))\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n-    },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new GLatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new GPoint(x, y)\n-    }\n-};\n-OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n-    isBaseLayer: true,\n-    useHttpTile: false,\n-    singleTile: false,\n-    useOverlay: false,\n-    useAsyncOverlay: true,\n-    TILE_PARAMS: {\n-        operation: \"GETTILEIMAGE\",\n-        version: \"1.2.0\"\n-    },\n-    SINGLE_TILE_PARAMS: {\n-        operation: \"GETMAPIMAGE\",\n-        format: \"PNG\",\n-        locale: \"en\",\n-        clip: \"1\",\n-        version: \"1.0.0\"\n-    },\n-    OVERLAY_PARAMS: {\n-        operation: \"GETDYNAMICMAPOVERLAYIMAGE\",\n-        format: \"PNG\",\n-        locale: \"en\",\n-        clip: \"1\",\n-        version: \"2.0.0\"\n-    },\n-    FOLDER_PARAMS: {\n-        tileColumnsPerFolder: 30,\n-        tileRowsPerFolder: 30,\n-        format: \"png\",\n-        querystring: null\n+    triggerGetFeatureInfo: function(request, xy, features) {\n+        this.events.triggerEvent(\"getfeatureinfo\", {\n+            text: request.responseText,\n+            features: features,\n+            request: request,\n+            xy: xy\n+        });\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n     },\n-    defaultSize: new OpenLayers.Size(300, 300),\n-    tileOriginCorner: \"tl\",\n-    initialize: function(name, url, params, options) {\n-        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n-        if (options == null || options.isBaseLayer == null) {\n-            this.isBaseLayer = this.transparent != \"true\" && this.transparent != true\n-        }\n-        if (options && options.useOverlay != null) {\n-            this.useOverlay = options.useOverlay\n+    handleResponse: function(xy, request, url) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n         }\n-        if (this.singleTile) {\n-            if (this.useOverlay) {\n-                OpenLayers.Util.applyDefaults(this.params, this.OVERLAY_PARAMS);\n-                if (!this.useAsyncOverlay) {\n-                    this.params.version = \"1.0.0\"\n-                }\n-            } else {\n-                OpenLayers.Util.applyDefaults(this.params, this.SINGLE_TILE_PARAMS)\n-            }\n+        var features = this.format.read(doc);\n+        if (this.drillDown === false) {\n+            this.triggerGetFeatureInfo(request, xy, features)\n         } else {\n-            if (this.useHttpTile) {\n-                OpenLayers.Util.applyDefaults(this.params, this.FOLDER_PARAMS)\n-            } else {\n-                OpenLayers.Util.applyDefaults(this.params, this.TILE_PARAMS)\n-            }\n-            this.setTileSize(this.defaultSize)\n-        }\n-    },\n-    clone: function(obj) {\n-        if (obj == null) {\n-            obj = new OpenLayers.Layer.MapGuide(this.name, this.url, this.params, this.getOptions())\n-        }\n-        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n-        return obj\n-    },\n-    getURL: function(bounds) {\n-        var url;\n-        var center = bounds.getCenterLonLat();\n-        var mapSize = this.map.getSize();\n-        if (this.singleTile) {\n-            var params = {\n-                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n-                setdisplayheight: mapSize.h * this.ratio,\n-                setdisplaywidth: mapSize.w * this.ratio,\n-                setviewcenterx: center.lon,\n-                setviewcentery: center.lat,\n-                setviewscale: this.map.getScale()\n-            };\n-            if (this.useOverlay && !this.useAsyncOverlay) {\n-                var getVisParams = {};\n-                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n-                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n-                getVisParams.version = \"1.0.0\";\n-                getVisParams.session = this.params.session;\n-                getVisParams.mapName = this.params.mapName;\n-                getVisParams.format = \"text/xml\";\n-                url = this.getFullRequestString(getVisParams);\n-                OpenLayers.Request.GET({\n+            this._requestCount++;\n+            if (this.output === \"object\") {\n+                this._features = (this._features || []).concat({\n                     url: url,\n-                    async: false\n-                })\n-            }\n-            url = this.getFullRequestString(params)\n-        } else {\n-            var currentRes = this.map.getResolution();\n-            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n-            colidx = Math.round(colidx / this.tileSize.w);\n-            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n-            rowidx = Math.round(rowidx / this.tileSize.h);\n-            if (this.useHttpTile) {\n-                url = this.getImageFilePath({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n-                })\n-            } else {\n-                url = this.getFullRequestString({\n-                    tilecol: colidx,\n-                    tilerow: rowidx,\n-                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                    features: features\n                 })\n-            }\n-        }\n-        return url\n-    },\n-    getFullRequestString: function(newParams, altUrl) {\n-        var url = altUrl == null ? this.url : altUrl;\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)]\n-        }\n-        var requestString = url;\n-        var allParams = OpenLayers.Util.extend({}, this.params);\n-        allParams = OpenLayers.Util.extend(allParams, newParams);\n-        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n-        for (var key in allParams) {\n-            if (key.toUpperCase() in urlParams) {\n-                delete allParams[key]\n-            }\n-        }\n-        var paramsString = OpenLayers.Util.getParameterString(allParams);\n-        paramsString = paramsString.replace(/,/g, \"+\");\n-        if (paramsString != \"\") {\n-            var lastServerChar = url.charAt(url.length - 1);\n-            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n-                requestString += paramsString\n             } else {\n-                if (url.indexOf(\"?\") == -1) {\n-                    requestString += \"?\" + paramsString\n-                } else {\n-                    requestString += \"&\" + paramsString\n-                }\n-            }\n-        }\n-        return requestString\n-    },\n-    getImageFilePath: function(newParams, altUrl) {\n-        var url = altUrl == null ? this.url : altUrl;\n-        if (typeof url == \"object\") {\n-            url = url[Math.floor(Math.random() * url.length)]\n-        }\n-        var requestString = url;\n-        var tileRowGroup = \"\";\n-        var tileColGroup = \"\";\n-        if (newParams.tilerow < 0) {\n-            tileRowGroup = \"-\"\n-        }\n-        if (newParams.tilerow == 0) {\n-            tileRowGroup += \"0\"\n-        } else {\n-            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder\n-        }\n-        if (newParams.tilecol < 0) {\n-            tileColGroup = \"-\"\n-        }\n-        if (newParams.tilecol == 0) {\n-            tileColGroup += \"0\"\n-        } else {\n-            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder\n-        }\n-        var tilePath = \"/S\" + Math.floor(newParams.scaleindex) + \"/\" + this.params.basemaplayergroupname + \"/R\" + tileRowGroup + \"/C\" + tileColGroup + \"/\" + newParams.tilerow % this.params.tileRowsPerFolder + \"_\" + newParams.tilecol % this.params.tileColumnsPerFolder + \".\" + this.params.format;\n-        if (this.params.querystring) {\n-            tilePath += \"?\" + this.params.querystring\n-        }\n-        requestString += tilePath;\n-        return requestString\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n-});\n-OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n-    displayInLayerSwitcher: false,\n-    layers: null,\n-    display: function() {},\n-    getFeatureFromEvent: function(evt) {\n-        var layers = this.layers;\n-        var feature;\n-        for (var i = 0; i < layers.length; i++) {\n-            feature = layers[i].getFeatureFromEvent(evt);\n-            if (feature) {\n-                return feature\n-            }\n-        }\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n-        this.collectRoots();\n-        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n-    },\n-    removeMap: function(map) {\n-        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n-        this.resetRoots();\n-        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n-    },\n-    collectRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.map.layers.length; ++i) {\n-            layer = this.map.layers[i];\n-            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-                layer.renderer.moveRoot(this.renderer)\n+                this._features = (this._features || []).concat(features)\n             }\n-        }\n-    },\n-    resetRoots: function() {\n-        var layer;\n-        for (var i = 0; i < this.layers.length; ++i) {\n-            layer = this.layers[i];\n-            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n-                this.renderer.moveRoot(layer.renderer)\n+            if (this._requestCount === this._numRequests) {\n+                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n+                delete this._features;\n+                delete this._requestCount;\n+                delete this._numRequests\n             }\n         }\n     },\n-    handleChangeLayer: function(evt) {\n-        var layer = evt.layer;\n-        if (evt.property == \"order\" && OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n-            this.resetRoots();\n-            this.collectRoots()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n+    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n });\n-OpenLayers.Layer.Google.v3 = {\n-    DEFAULTS: {\n-        sphericalMercator: true,\n-        projection: \"EPSG:900913\"\n-    },\n-    animationEnabled: true,\n-    loadMapObject: function() {\n-        if (!this.type) {\n-            this.type = google.maps.MapTypeId.ROADMAP\n-        }\n-        var mapObject;\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        if (cache) {\n-            mapObject = cache.mapObject;\n-            ++cache.count\n-        } else {\n-            var center = this.map.getCenter();\n-            var container = document.createElement(\"div\");\n-            container.className = \"olForeignContainer\";\n-            container.style.width = \"100%\";\n-            container.style.height = \"100%\";\n-            mapObject = new google.maps.Map(container, {\n-                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n-                zoom: this.map.getZoom() || 0,\n-                mapTypeId: this.type,\n-                disableDefaultUI: true,\n-                keyboardShortcuts: false,\n-                draggable: false,\n-                disableDoubleClickZoom: true,\n-                scrollwheel: false,\n-                streetViewControl: false\n-            });\n-            var googleControl = document.createElement(\"div\");\n-            googleControl.style.width = \"100%\";\n-            googleControl.style.height = \"100%\";\n-            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n-            cache = {\n-                googleControl: googleControl,\n-                mapObject: mapObject,\n-                count: 1\n-            };\n-            OpenLayers.Layer.Google.cache[this.map.id] = cache\n-        }\n-        this.mapObject = mapObject;\n-        this.setGMapVisibility(this.visibility)\n-    },\n-    onMapResize: function() {\n-        if (this.visibility) {\n-            google.maps.event.trigger(this.mapObject, \"resize\")\n-        }\n-    },\n-    setGMapVisibility: function(visible) {\n-        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n-        var map = this.map;\n-        if (cache) {\n-            var type = this.type;\n-            var layers = map.layers;\n-            var layer;\n-            for (var i = layers.length - 1; i >= 0; --i) {\n-                layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n-                    type = layer.type;\n-                    visible = true;\n-                    break\n-                }\n-            }\n-            var container = this.mapObject.getDiv();\n-            if (visible === true) {\n-                if (container.parentNode !== map.div) {\n-                    if (!cache.rendered) {\n-                        var me = this;\n-                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n-                            cache.rendered = true;\n-                            me.setGMapVisibility(me.getVisibility());\n-                            me.moveTo(me.map.getCenter())\n-                        })\n-                    } else {\n-                        map.div.appendChild(container);\n-                        cache.googleControl.appendChild(map.viewPortDiv);\n-                        google.maps.event.trigger(this.mapObject, \"resize\")\n-                    }\n-                }\n-                this.mapObject.setMapTypeId(type)\n-            } else if (cache.googleControl.hasChildNodes()) {\n-                map.div.appendChild(map.viewPortDiv);\n-                map.div.removeChild(container)\n-            }\n-        }\n-    },\n-    getMapContainer: function() {\n-        return this.mapObject.getDiv()\n-    },\n-    getMapObjectBoundsFromOLBounds: function(olBounds) {\n-        var moBounds = null;\n-        if (olBounds != null) {\n-            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n-            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n-            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n-        }\n-        return moBounds\n-    },\n-    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n-        var size = this.map.getSize();\n-        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n-        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n-        var res = this.map.getResolution();\n-        var delta_x = moPixel.x - size.w / 2;\n-        var delta_y = moPixel.y - size.h / 2;\n-        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n-        if (this.wrapDateLine) {\n-            lonlat = lonlat.wrapDateLine(this.maxExtent)\n-        }\n-        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n-    },\n-    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n-        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n-        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n-        var res = this.map.getResolution();\n-        var extent = this.map.getExtent();\n-        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n-    },\n-    setMapObjectCenter: function(center, zoom) {\n-        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n-            var mapContainer = this.getMapContainer();\n-            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n-                mapContainer.style.visibility = \"\"\n-            });\n-            mapContainer.style.visibility = \"hidden\"\n-        }\n-        this.mapObject.setOptions({\n-            center: center,\n-            zoom: zoom\n+OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    out: false,\n+    keyMask: null,\n+    alwaysZoom: false,\n+    zoomOnClick: true,\n+    draw: function() {\n+        this.handler = new OpenLayers.Handler.Box(this, {\n+            done: this.zoomBox\n+        }, {\n+            keyMask: this.keyMask\n         })\n     },\n-    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n-        return this.mapObject.getBoundsZoomLevel(moBounds)\n-    },\n-    getMapObjectLonLatFromLonLat: function(lon, lat) {\n-        var gLatLng;\n-        if (this.sphericalMercator) {\n-            var lonlat = this.inverseMercator(lon, lat);\n-            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n-        } else {\n-            gLatLng = new google.maps.LatLng(lat, lon)\n-        }\n-        return gLatLng\n-    },\n-    getMapObjectPixelFromXY: function(x, y) {\n-        return new google.maps.Point(x, y)\n-    }\n-};\n-OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n-    bounds: null,\n-    div: null,\n-    initialize: function(bounds, borderColor, borderWidth) {\n-        this.bounds = bounds;\n-        this.div = OpenLayers.Util.createDiv();\n-        this.div.style.overflow = \"hidden\";\n-        this.events = new OpenLayers.Events(this, this.div);\n-        this.setBorder(borderColor, borderWidth)\n-    },\n-    destroy: function() {\n-        this.bounds = null;\n-        this.div = null;\n-        OpenLayers.Marker.prototype.destroy.apply(this, arguments)\n-    },\n-    setBorder: function(color, width) {\n-        if (!color) {\n-            color = \"red\"\n-        }\n-        if (!width) {\n-            width = 2\n-        }\n-        this.div.style.border = width + \"px solid \" + color\n-    },\n-    draw: function(px, sz) {\n-        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n-        return this.div\n-    },\n-    onScreen: function() {\n-        var onScreen = false;\n-        if (this.map) {\n-            var screenBounds = this.map.getExtent();\n-            onScreen = screenBounds.containsBounds(this.bounds, true, true)\n-        }\n-        return onScreen\n-    },\n-    display: function(display) {\n-        this.div.style.display = display ? \"\" : \"none\"\n-    },\n-    CLASS_NAME: \"OpenLayers.Marker.Box\"\n-});\n-OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_BUTTON,\n-    trigger: function() {},\n-    CLASS_NAME: \"OpenLayers.Control.Button\"\n-});\n-OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n-});\n-OpenLayers.Events.buttonclick = OpenLayers.Class({\n-    target: null,\n-    events: [\"mousedown\", \"mouseup\", \"click\", \"dblclick\", \"touchstart\", \"touchmove\", \"touchend\", \"keydown\"],\n-    startRegEx: /^mousedown|touchstart$/,\n-    cancelRegEx: /^touchmove$/,\n-    completeRegEx: /^mouseup|touchend$/,\n-    initialize: function(target) {\n-        this.target = target;\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.register(this.events[i], this, this.buttonClick, {\n-                extension: true\n-            })\n-        }\n-    },\n-    destroy: function() {\n-        for (var i = this.events.length - 1; i >= 0; --i) {\n-            this.target.unregister(this.events[i], this, this.buttonClick)\n-        }\n-        delete this.target\n-    },\n-    getPressedButton: function(element) {\n-        var depth = 3,\n-            button;\n-        do {\n-            if (OpenLayers.Element.hasClass(element, \"olButton\")) {\n-                button = element;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return button\n-    },\n-    ignore: function(element) {\n-        var depth = 3,\n-            ignore = false;\n-        do {\n-            if (element.nodeName.toLowerCase() === \"a\") {\n-                ignore = true;\n-                break\n-            }\n-            element = element.parentNode\n-        } while (--depth > 0 && element);\n-        return ignore\n-    },\n-    buttonClick: function(evt) {\n-        var propagate = true,\n-            element = OpenLayers.Event.element(evt);\n-        if (element && (OpenLayers.Event.isLeftClick(evt) || !~evt.type.indexOf(\"mouse\"))) {\n-            var button = this.getPressedButton(element);\n-            if (button) {\n-                if (evt.type === \"keydown\") {\n-                    switch (evt.keyCode) {\n-                        case OpenLayers.Event.KEY_RETURN:\n-                        case OpenLayers.Event.KEY_SPACE:\n-                            this.target.triggerEvent(\"buttonclick\", {\n-                                buttonElement: button\n-                            });\n-                            OpenLayers.Event.stop(evt);\n-                            propagate = false;\n-                            break\n-                    }\n-                } else if (this.startEvt) {\n-                    if (this.completeRegEx.test(evt.type)) {\n-                        var pos = OpenLayers.Util.pagePosition(button);\n-                        var viewportElement = OpenLayers.Util.getViewportElement();\n-                        var scrollTop = window.pageYOffset || viewportElement.scrollTop;\n-                        var scrollLeft = window.pageXOffset || viewportElement.scrollLeft;\n-                        pos[0] = pos[0] - scrollLeft;\n-                        pos[1] = pos[1] - scrollTop;\n-                        this.target.triggerEvent(\"buttonclick\", {\n-                            buttonElement: button,\n-                            buttonXY: {\n-                                x: this.startEvt.clientX - pos[0],\n-                                y: this.startEvt.clientY - pos[1]\n-                            }\n-                        })\n-                    }\n-                    if (this.cancelRegEx.test(evt.type)) {\n-                        delete this.startEvt\n-                    }\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n-                if (this.startRegEx.test(evt.type)) {\n-                    this.startEvt = evt;\n-                    OpenLayers.Event.stop(evt);\n-                    propagate = false\n-                }\n+    zoomBox: function(position) {\n+        if (position instanceof OpenLayers.Bounds) {\n+            var bounds, targetCenterPx = position.getCenterPixel();\n+            if (!this.out) {\n+                var minXY = this.map.getLonLatFromPixel({\n+                    x: position.left,\n+                    y: position.bottom\n+                });\n+                var maxXY = this.map.getLonLatFromPixel({\n+                    x: position.right,\n+                    y: position.top\n+                });\n+                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n             } else {\n-                propagate = !this.ignore(OpenLayers.Event.element(evt));\n-                delete this.startEvt\n-            }\n-        }\n-        return propagate\n-    }\n-});\n-OpenLayers.Control.PanZoom = OpenLayers.Class(OpenLayers.Control, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    buttons: null,\n-    position: null,\n-    initialize: function(options) {\n-        this.position = new OpenLayers.Pixel(OpenLayers.Control.PanZoom.X, OpenLayers.Control.PanZoom.Y);\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        if (this.map) {\n-            this.map.events.unregister(\"buttonclick\", this, this.onButtonClick)\n-        }\n-        this.removeButtons();\n-        this.buttons = null;\n-        this.position = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-    },\n-    draw: function(px) {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position;\n-        this.buttons = [];\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-        this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-        px.y = centered.y + sz.h;\n-        this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-        this._addButton(\"panright\", \"east-mini.png\", px.add(sz.w, 0), sz);\n-        this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-        this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-        this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered.add(0, sz.h * 4 + 5), sz);\n-        this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered.add(0, sz.h * 5 + 5), sz);\n-        return this.div\n-    },\n-    _addButton: function(id, img, xy, sz) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(img);\n-        var btn = OpenLayers.Util.createAlphaImageDiv(this.id + \"_\" + id, xy, sz, imgLocation, \"absolute\");\n-        btn.style.cursor = \"pointer\";\n-        this.div.appendChild(btn);\n-        btn.action = id;\n-        btn.className = \"olButton\";\n-        this.buttons.push(btn);\n-        return btn\n-    },\n-    _removeButton: function(btn) {\n-        this.div.removeChild(btn);\n-        OpenLayers.Util.removeItem(this.buttons, btn)\n-    },\n-    removeButtons: function() {\n-        for (var i = this.buttons.length - 1; i >= 0; --i) {\n-            this._removeButton(this.buttons[i])\n-        }\n-    },\n-    onButtonClick: function(evt) {\n-        var btn = evt.buttonElement;\n-        switch (btn.action) {\n-            case \"panup\":\n-                this.map.pan(0, -this.getSlideFactor(\"h\"));\n-                break;\n-            case \"pandown\":\n-                this.map.pan(0, this.getSlideFactor(\"h\"));\n-                break;\n-            case \"panleft\":\n-                this.map.pan(-this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"panright\":\n-                this.map.pan(this.getSlideFactor(\"w\"), 0);\n-                break;\n-            case \"zoomin\":\n-                this.map.zoomIn();\n-                break;\n-            case \"zoomout\":\n-                this.map.zoomOut();\n-                break;\n-            case \"zoomworld\":\n-                this.map.zoomToMaxExtent();\n-                break\n-        }\n-    },\n-    getSlideFactor: function(dim) {\n-        return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PanZoom\"\n-});\n-OpenLayers.Control.PanZoom.X = 4;\n-OpenLayers.Control.PanZoom.Y = 4;\n-OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    layers: null,\n-    defaultHandlerOptions: {\n-        delay: 300,\n-        pixelTolerance: 4,\n-        stopMove: false,\n-        single: true,\n-        double: false,\n-        stopSingle: false,\n-        stopDouble: false\n-    },\n-    handlerMode: \"click\",\n-    setHandler: function(hm) {\n-        this.handlerMode = hm;\n-        this.resetHandler()\n-    },\n-    resetHandler: function() {\n-        if (this.handler) {\n-            this.handler.deactivate();\n-            this.handler.destroy();\n-            this.handler = null\n-        }\n-        if (this.handlerMode == \"hover\") {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                pause: this.handleEvent,\n-                move: this.reset\n-            }, this.handlerOptions)\n-        } else if (this.handlerMode == \"click\") {\n-            this.handler = new OpenLayers.Handler.Click(this, {\n-                click: this.handleEvent\n-            }, this.handlerOptions)\n-        } else if (this.handlerMode == \"move\") {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                pause: this.handleEvent,\n-                move: this.handleEvent\n-            }, this.handlerOptions)\n-        }\n-        if (this.handler) {\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.resetHandler()\n-    },\n-    handleEvent: function(evt) {\n-        if (evt == null) {\n-            this.reset();\n-            return\n-        }\n-        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n-        if (!lonLat) {\n-            return\n-        }\n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var infoLookup = {};\n-            var layer, idx;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n-                infoLookup[idx] = layer.getFeatureInfo(lonLat)\n-            }\n-            this.callback(infoLookup, lonLat, evt.xy)\n-        }\n-    },\n-    callback: function(infoLookup) {},\n-    reset: function(evt) {\n-        this.callback(null)\n-    },\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n-                layers.push(layer)\n+                var pixWidth = position.right - position.left;\n+                var pixHeight = position.bottom - position.top;\n+                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n+                var extent = this.map.getExtent();\n+                var center = this.map.getLonLatFromPixel(targetCenterPx);\n+                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n+                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n+                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n+                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n+                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n             }\n-        }\n-        return layers\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n-});\n-OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n-    geometryTypes: null,\n-    onStart: function(feature, pixel) {},\n-    onDrag: function(feature, pixel) {},\n-    onComplete: function(feature, pixel) {},\n-    onEnter: function(feature) {},\n-    onLeave: function(feature) {},\n-    documentDrag: false,\n-    layer: null,\n-    feature: null,\n-    dragCallbacks: {},\n-    featureCallbacks: {},\n-    lastPixel: null,\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        this.handlers = {\n-            drag: new OpenLayers.Handler.Drag(this, OpenLayers.Util.extend({\n-                down: this.downFeature,\n-                move: this.moveFeature,\n-                up: this.upFeature,\n-                out: this.cancel,\n-                done: this.doneDragging\n-            }, this.dragCallbacks), {\n-                documentDrag: this.documentDrag\n-            }),\n-            feature: new OpenLayers.Handler.Feature(this, this.layer, OpenLayers.Util.extend({\n-                click: this.clickFeature,\n-                clickout: this.clickoutFeature,\n-                over: this.overFeature,\n-                out: this.outFeature\n-            }, this.featureCallbacks), {\n-                geometryTypes: this.geometryTypes\n-            })\n-        }\n-    },\n-    clickFeature: function(feature) {\n-        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n-            this.handlers.drag.dragstart(this.handlers.feature.evt);\n-            this.handlers.drag.stopDown = false\n-        }\n-    },\n-    clickoutFeature: function(feature) {\n-        if (this.handlers.feature.touch && this.over) {\n-            this.outFeature(feature);\n-            this.handlers.drag.stopDown = true\n-        }\n-    },\n-    destroy: function() {\n-        this.layer = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, [])\n-    },\n-    activate: function() {\n-        return this.handlers.feature.activate() && OpenLayers.Control.prototype.activate.apply(this, arguments)\n-    },\n-    deactivate: function() {\n-        this.handlers.drag.deactivate();\n-        this.handlers.feature.deactivate();\n-        this.feature = null;\n-        this.dragging = false;\n-        this.lastPixel = null;\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    overFeature: function(feature) {\n-        var activated = false;\n-        if (!this.handlers.drag.dragging) {\n-            this.feature = feature;\n-            this.handlers.drag.activate();\n-            activated = true;\n-            this.over = true;\n-            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onEnter(feature)\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = true\n+            var lastZoom = this.map.getZoom(),\n+                size = this.map.getSize(),\n+                centerPx = {\n+                    x: size.w / 2,\n+                    y: size.h / 2\n+                },\n+                zoom = this.map.getZoomForExtent(bounds),\n+                oldRes = this.map.getResolution(),\n+                newRes = this.map.getResolutionForZoom(zoom);\n+            if (oldRes == newRes) {\n+                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n             } else {\n-                this.over = false\n+                var zoomOriginPx = {\n+                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n+                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n+                };\n+                this.map.zoomTo(zoom, zoomOriginPx)\n             }\n-        }\n-        return activated\n-    },\n-    downFeature: function(pixel) {\n-        this.lastPixel = pixel;\n-        this.onStart(this.feature, pixel)\n-    },\n-    moveFeature: function(pixel) {\n-        var res = this.map.getResolution();\n-        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x), res * (this.lastPixel.y - pixel.y));\n-        this.layer.drawFeature(this.feature);\n-        this.lastPixel = pixel;\n-        this.onDrag(this.feature, pixel)\n-    },\n-    upFeature: function(pixel) {\n-        if (!this.over) {\n-            this.handlers.drag.deactivate()\n-        }\n-    },\n-    doneDragging: function(pixel) {\n-        this.onComplete(this.feature, pixel)\n-    },\n-    outFeature: function(feature) {\n-        if (!this.handlers.drag.dragging) {\n-            this.over = false;\n-            this.handlers.drag.deactivate();\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n-            this.onLeave(feature);\n-            this.feature = null\n-        } else {\n-            if (this.feature.id == feature.id) {\n-                this.over = false\n+            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n+                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n             }\n-        }\n-    },\n-    cancel: function() {\n-        this.handlers.drag.deactivate();\n-        this.over = false\n-    },\n-    setMap: function(map) {\n-        this.handlers.drag.setMap(map);\n-        this.handlers.feature.setMap(map);\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n-});\n-OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n-    geolocation: null,\n-    available: \"geolocation\" in navigator,\n-    bind: true,\n-    watch: false,\n-    geolocationOptions: null,\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (this.available && !this.geolocation) {\n-            this.geolocation = navigator.geolocation\n-        }\n-        if (!this.geolocation) {\n-            this.events.triggerEvent(\"locationuncapable\");\n-            return false\n-        }\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            if (this.watch) {\n-                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n+        } else if (this.zoomOnClick) {\n+            if (!this.out) {\n+                this.map.zoomTo(this.map.getZoom() + 1, position)\n             } else {\n-                this.getCurrentLocation()\n+                this.map.zoomTo(this.map.getZoom() - 1, position)\n             }\n-            return true\n         }\n-        return false\n     },\n-    deactivate: function() {\n-        if (this.active && this.watchId !== null) {\n-            this.geolocation.clearWatch(this.watchId)\n-        }\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    geolocate: function(position) {\n-        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n-        if (this.bind) {\n-            this.map.setCenter(center)\n-        }\n-        this.events.triggerEvent(\"locationupdated\", {\n-            position: position,\n-            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n-        })\n-    },\n-    getCurrentLocation: function() {\n-        if (!this.active || this.watch) {\n-            return false\n-        }\n-        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n-        return true\n-    },\n-    failure: function(error) {\n-        this.events.triggerEvent(\"locationfailed\", {\n-            error: error\n-        })\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n });\n-OpenLayers.Control.Split = OpenLayers.Class(OpenLayers.Control, {\n-    layer: null,\n-    source: null,\n-    sourceOptions: null,\n-    tolerance: null,\n-    edge: true,\n-    deferDelete: false,\n-    mutual: true,\n-    targetFilter: null,\n-    sourceFilter: null,\n-    handler: null,\n-    initialize: function(options) {\n+OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n+    element: null,\n+    geodesic: false,\n+    initialize: function(element, options) {\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.options = options || {};\n-        if (this.options.source) {\n-            this.setSource(this.options.source)\n-        }\n-    },\n-    setSource: function(layer) {\n-        if (this.active) {\n-            this.deactivate();\n-            if (this.handler) {\n-                this.handler.destroy();\n-                delete this.handler\n-            }\n-            this.source = layer;\n-            this.activate()\n-        } else {\n-            this.source = layer\n-        }\n-    },\n-    activate: function() {\n-        var activated = OpenLayers.Control.prototype.activate.call(this);\n-        if (activated) {\n-            if (!this.source) {\n-                if (!this.handler) {\n-                    this.handler = new OpenLayers.Handler.Path(this, {\n-                        done: function(geometry) {\n-                            this.onSketchComplete({\n-                                feature: new OpenLayers.Feature.Vector(geometry)\n-                            })\n-                        }\n-                    }, {\n-                        layerOptions: this.sourceOptions\n-                    })\n-                }\n-                this.handler.activate()\n-            } else if (this.source.events) {\n-                this.source.events.on({\n-                    sketchcomplete: this.onSketchComplete,\n-                    afterfeaturemodified: this.afterFeatureModified,\n-                    scope: this\n-                })\n-            }\n-        }\n-        return activated\n-    },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.source && this.source.events) {\n-                this.source.events.un({\n-                    sketchcomplete: this.onSketchComplete,\n-                    afterfeaturemodified: this.afterFeatureModified,\n-                    scope: this\n-                })\n-            }\n-        }\n-        return deactivated\n-    },\n-    onSketchComplete: function(event) {\n-        this.feature = null;\n-        return !this.considerSplit(event.feature)\n+        this.element = OpenLayers.Util.getElement(element)\n     },\n-    afterFeatureModified: function(event) {\n-        if (event.modified) {\n-            var feature = event.feature;\n-            if (typeof feature.geometry.split === \"function\") {\n-                this.feature = event.feature;\n-                this.considerSplit(event.feature)\n-            }\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.element = document.createElement(\"div\");\n+            this.div.appendChild(this.element)\n         }\n+        this.map.events.register(\"moveend\", this, this.updateScale);\n+        this.updateScale();\n+        return this.div\n     },\n-    removeByGeometry: function(features, geometry) {\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            if (features[i].geometry === geometry) {\n-                features.splice(i, 1);\n-                break\n+    updateScale: function() {\n+        var scale;\n+        if (this.geodesic === true) {\n+            var units = this.map.getUnits();\n+            if (!units) {\n+                return\n             }\n-        }\n-    },\n-    isEligible: function(target) {\n-        if (!target.geometry) {\n-            return false\n+            var inches = OpenLayers.INCHES_PER_UNIT;\n+            scale = (this.map.getGeodesicPixelSize().w || 1e-6) * inches[\"km\"] * OpenLayers.DOTS_PER_INCH\n         } else {\n-            return target.state !== OpenLayers.State.DELETE && typeof target.geometry.split === \"function\" && this.feature !== target && (!this.targetFilter || this.targetFilter.evaluate(target.attributes))\n-        }\n-    },\n-    considerSplit: function(feature) {\n-        var sourceSplit = false;\n-        var targetSplit = false;\n-        if (!this.sourceFilter || this.sourceFilter.evaluate(feature.attributes)) {\n-            var features = this.layer && this.layer.features || [];\n-            var target, results, proceed;\n-            var additions = [],\n-                removals = [];\n-            var mutual = this.layer === this.source && this.mutual;\n-            var options = {\n-                edge: this.edge,\n-                tolerance: this.tolerance,\n-                mutual: mutual\n-            };\n-            var sourceParts = [feature.geometry];\n-            var targetFeature, targetParts;\n-            var source, parts;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                targetFeature = features[i];\n-                if (this.isEligible(targetFeature)) {\n-                    targetParts = [targetFeature.geometry];\n-                    for (var j = 0; j < sourceParts.length; ++j) {\n-                        source = sourceParts[j];\n-                        for (var k = 0; k < targetParts.length; ++k) {\n-                            target = targetParts[k];\n-                            if (source.getBounds().intersectsBounds(target.getBounds())) {\n-                                results = source.split(target, options);\n-                                if (results) {\n-                                    proceed = this.events.triggerEvent(\"beforesplit\", {\n-                                        source: feature,\n-                                        target: targetFeature\n-                                    });\n-                                    if (proceed !== false) {\n-                                        if (mutual) {\n-                                            parts = results[0];\n-                                            if (parts.length > 1) {\n-                                                parts.unshift(j, 1);\n-                                                Array.prototype.splice.apply(sourceParts, parts);\n-                                                j += parts.length - 3\n-                                            }\n-                                            results = results[1]\n-                                        }\n-                                        if (results.length > 1) {\n-                                            results.unshift(k, 1);\n-                                            Array.prototype.splice.apply(targetParts, results);\n-                                            k += results.length - 3\n-                                        }\n-                                    }\n-                                }\n-                            }\n-                        }\n-                    }\n-                    if (targetParts && targetParts.length > 1) {\n-                        this.geomsToFeatures(targetFeature, targetParts);\n-                        this.events.triggerEvent(\"split\", {\n-                            original: targetFeature,\n-                            features: targetParts\n-                        });\n-                        Array.prototype.push.apply(additions, targetParts);\n-                        removals.push(targetFeature);\n-                        targetSplit = true\n-                    }\n-                }\n-            }\n-            if (sourceParts && sourceParts.length > 1) {\n-                this.geomsToFeatures(feature, sourceParts);\n-                this.events.triggerEvent(\"split\", {\n-                    original: feature,\n-                    features: sourceParts\n-                });\n-                Array.prototype.push.apply(additions, sourceParts);\n-                removals.push(feature);\n-                sourceSplit = true\n-            }\n-            if (sourceSplit || targetSplit) {\n-                if (this.deferDelete) {\n-                    var feat, destroys = [];\n-                    for (var i = 0, len = removals.length; i < len; ++i) {\n-                        feat = removals[i];\n-                        if (feat.state === OpenLayers.State.INSERT) {\n-                            destroys.push(feat)\n-                        } else {\n-                            feat.state = OpenLayers.State.DELETE;\n-                            this.layer.drawFeature(feat)\n-                        }\n-                    }\n-                    this.layer.destroyFeatures(destroys, {\n-                        silent: true\n-                    });\n-                    for (var i = 0, len = additions.length; i < len; ++i) {\n-                        additions[i].state = OpenLayers.State.INSERT\n-                    }\n-                } else {\n-                    this.layer.destroyFeatures(removals, {\n-                        silent: true\n-                    })\n-                }\n-                this.layer.addFeatures(additions, {\n-                    silent: true\n-                });\n-                this.events.triggerEvent(\"aftersplit\", {\n-                    source: feature,\n-                    features: additions\n-                })\n-            }\n+            scale = this.map.getScale()\n         }\n-        return sourceSplit\n-    },\n-    geomsToFeatures: function(feature, geoms) {\n-        var clone = feature.clone();\n-        delete clone.geometry;\n-        var newFeature;\n-        for (var i = 0, len = geoms.length; i < len; ++i) {\n-            newFeature = clone.clone();\n-            newFeature.geometry = geoms[i];\n-            newFeature.state = OpenLayers.State.INSERT;\n-            geoms[i] = newFeature\n+        if (!scale) {\n+            return\n         }\n-    },\n-    destroy: function() {\n-        if (this.active) {\n-            this.deactivate()\n+        if (scale >= 9500 && scale <= 95e4) {\n+            scale = Math.round(scale / 1e3) + \"K\"\n+        } else if (scale >= 95e4) {\n+            scale = Math.round(scale / 1e6) + \"M\"\n+        } else {\n+            scale = Math.round(scale)\n         }\n-        OpenLayers.Control.prototype.destroy.call(this)\n+        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n+            scaleDenom: scale\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Control.Split\"\n+    CLASS_NAME: \"OpenLayers.Control.Scale\"\n });\n OpenLayers.Control.Panel = OpenLayers.Class(OpenLayers.Control, {\n     controls: null,\n     autoActivate: true,\n     defaultControl: null,\n     saveState: false,\n     allowDepress: false,\n@@ -23998,413 +21404,14 @@\n         return this.getControlsBy(\"name\", match)\n     },\n     getControlsByClass: function(match) {\n         return this.getControlsBy(\"CLASS_NAME\", match)\n     },\n     CLASS_NAME: \"OpenLayers.Control.Panel\"\n });\n-OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n-    separator: \", \",\n-    template: \"${layers}\",\n-    destroy: function() {\n-        this.map.events.un({\n-            removelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            changebaselayer: this.updateAttribution,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.updateAttribution,\n-            changelayer: this.updateAttribution,\n-            addlayer: this.updateAttribution,\n-            removelayer: this.updateAttribution,\n-            scope: this\n-        });\n-        this.updateAttribution();\n-        return this.div\n-    },\n-    updateAttribution: function() {\n-        var attributions = [];\n-        if (this.map && this.map.layers) {\n-            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                if (layer.attribution && layer.getVisibility()) {\n-                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n-                        attributions.push(layer.attribution)\n-                    }\n-                }\n-            }\n-            this.div.innerHTML = OpenLayers.String.format(this.template, {\n-                layers: attributions.join(this.separator)\n-            })\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n-});\n-OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomIn()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n-});\n-OpenLayers.Format.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Format.XML, {\n-    layerIdentifier: \"_layer\",\n-    featureIdentifier: \"_feature\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    gmlFormat: null,\n-    read: function(data) {\n-        var result;\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var root = data.documentElement;\n-        if (root) {\n-            var scope = this;\n-            var read = this[\"read_\" + root.nodeName];\n-            if (read) {\n-                result = read.call(this, root)\n-            } else {\n-                result = new OpenLayers.Format.GML(this.options ? this.options : {}).read(data)\n-            }\n-        } else {\n-            result = data\n-        }\n-        return result\n-    },\n-    read_msGMLOutput: function(data) {\n-        var response = [];\n-        var layerNodes = this.getSiblingNodesByTagCriteria(data, this.layerIdentifier);\n-        if (layerNodes) {\n-            for (var i = 0, len = layerNodes.length; i < len; ++i) {\n-                var node = layerNodes[i];\n-                var layerName = node.nodeName;\n-                if (node.prefix) {\n-                    layerName = layerName.split(\":\")[1]\n-                }\n-                var layerName = layerName.replace(this.layerIdentifier, \"\");\n-                var featureNodes = this.getSiblingNodesByTagCriteria(node, this.featureIdentifier);\n-                if (featureNodes) {\n-                    for (var j = 0; j < featureNodes.length; j++) {\n-                        var featureNode = featureNodes[j];\n-                        var geomInfo = this.parseGeometry(featureNode);\n-                        var attributes = this.parseAttributes(featureNode);\n-                        var feature = new OpenLayers.Feature.Vector(geomInfo.geometry, attributes, null);\n-                        feature.bounds = geomInfo.bounds;\n-                        feature.type = layerName;\n-                        response.push(feature)\n-                    }\n-                }\n-            }\n-        }\n-        return response\n-    },\n-    read_FeatureInfoResponse: function(data) {\n-        var response = [];\n-        var featureNodes = this.getElementsByTagNameNS(data, \"*\", \"FIELDS\");\n-        for (var i = 0, len = featureNodes.length; i < len; i++) {\n-            var featureNode = featureNodes[i];\n-            var geom = null;\n-            var attributes = {};\n-            var j;\n-            var jlen = featureNode.attributes.length;\n-            if (jlen > 0) {\n-                for (j = 0; j < jlen; j++) {\n-                    var attribute = featureNode.attributes[j];\n-                    attributes[attribute.nodeName] = attribute.nodeValue\n-                }\n-            } else {\n-                var nodes = featureNode.childNodes;\n-                for (j = 0, jlen = nodes.length; j < jlen; ++j) {\n-                    var node = nodes[j];\n-                    if (node.nodeType != 3) {\n-                        attributes[node.getAttribute(\"name\")] = node.getAttribute(\"value\")\n-                    }\n-                }\n-            }\n-            response.push(new OpenLayers.Feature.Vector(geom, attributes, null))\n-        }\n-        return response\n-    },\n-    getSiblingNodesByTagCriteria: function(node, criteria) {\n-        var nodes = [];\n-        var children, tagName, n, matchNodes, child;\n-        if (node && node.hasChildNodes()) {\n-            children = node.childNodes;\n-            n = children.length;\n-            for (var k = 0; k < n; k++) {\n-                child = children[k];\n-                while (child && child.nodeType != 1) {\n-                    child = child.nextSibling;\n-                    k++\n-                }\n-                tagName = child ? child.nodeName : \"\";\n-                if (tagName.length > 0 && tagName.indexOf(criteria) > -1) {\n-                    nodes.push(child)\n-                } else {\n-                    matchNodes = this.getSiblingNodesByTagCriteria(child, criteria);\n-                    if (matchNodes.length > 0) {\n-                        nodes.length == 0 ? nodes = matchNodes : nodes.push(matchNodes)\n-                    }\n-                }\n-            }\n-        }\n-        return nodes\n-    },\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        if (node.nodeType == 1) {\n-            var children = node.childNodes;\n-            var n = children.length;\n-            for (var i = 0; i < n; ++i) {\n-                var child = children[i];\n-                if (child.nodeType == 1) {\n-                    var grandchildren = child.childNodes;\n-                    var name = child.prefix ? child.nodeName.split(\":\")[1] : child.nodeName;\n-                    if (grandchildren.length == 0) {\n-                        attributes[name] = null\n-                    } else if (grandchildren.length == 1) {\n-                        var grandchild = grandchildren[0];\n-                        if (grandchild.nodeType == 3 || grandchild.nodeType == 4) {\n-                            var value = grandchild.nodeValue.replace(this.regExes.trimSpace, \"\");\n-                            attributes[name] = value\n-                        }\n-                    }\n-                }\n-            }\n-        }\n-        return attributes\n-    },\n-    parseGeometry: function(node) {\n-        if (!this.gmlFormat) {\n-            this.gmlFormat = new OpenLayers.Format.GML\n-        }\n-        var feature = this.gmlFormat.parseFeature(node);\n-        var geometry, bounds = null;\n-        if (feature) {\n-            geometry = feature.geometry && feature.geometry.clone();\n-            bounds = feature.bounds && feature.bounds.clone();\n-            feature.destroy()\n-        }\n-        return {\n-            geometry: geometry,\n-            bounds: bounds\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSGetFeatureInfo\"\n-});\n-OpenLayers.Control.WMTSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n-    hover: false,\n-    requestEncoding: \"KVP\",\n-    drillDown: false,\n-    maxFeatures: 10,\n-    clickCallback: \"click\",\n-    layers: null,\n-    queryVisible: true,\n-    infoFormat: \"text/html\",\n-    vendorParams: {},\n-    format: null,\n-    formatOptions: null,\n-    handler: null,\n-    hoverRequest: null,\n-    pending: 0,\n-    initialize: function(options) {\n-        options = options || {};\n-        options.handlerOptions = options.handlerOptions || {};\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n-        }\n-        if (this.drillDown === true) {\n-            this.hover = false\n-        }\n-        if (this.hover) {\n-            this.handler = new OpenLayers.Handler.Hover(this, {\n-                move: this.cancelHover,\n-                pause: this.getInfoForHover\n-            }, OpenLayers.Util.extend(this.handlerOptions.hover || {}, {\n-                delay: 250\n-            }))\n-        } else {\n-            var callbacks = {};\n-            callbacks[this.clickCallback] = this.getInfoForClick;\n-            this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n-        }\n-    },\n-    getInfoForClick: function(evt) {\n-        this.request(evt.xy, {})\n-    },\n-    getInfoForHover: function(evt) {\n-        this.request(evt.xy, {\n-            hover: true\n-        })\n-    },\n-    cancelHover: function() {\n-        if (this.hoverRequest) {\n-            --this.pending;\n-            if (this.pending <= 0) {\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-                this.pending = 0\n-            }\n-            this.hoverRequest.abort();\n-            this.hoverRequest = null\n-        }\n-    },\n-    findLayers: function() {\n-        var candidates = this.layers || this.map.layers;\n-        var layers = [];\n-        var layer;\n-        for (var i = candidates.length - 1; i >= 0; --i) {\n-            layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMTS && layer.requestEncoding === this.requestEncoding && (!this.queryVisible || layer.getVisibility())) {\n-                layers.push(layer);\n-                if (!this.drillDown || this.hover) {\n-                    break\n-                }\n-            }\n-        }\n-        return layers\n-    },\n-    buildRequestOptions: function(layer, xy) {\n-        var loc = this.map.getLonLatFromPixel(xy);\n-        var getTileUrl = layer.getURL(new OpenLayers.Bounds(loc.lon, loc.lat, loc.lon, loc.lat));\n-        var params = OpenLayers.Util.getParameters(getTileUrl);\n-        var tileInfo = layer.getTileInfo(loc);\n-        OpenLayers.Util.extend(params, {\n-            service: \"WMTS\",\n-            version: layer.version,\n-            request: \"GetFeatureInfo\",\n-            infoFormat: this.infoFormat,\n-            i: tileInfo.i,\n-            j: tileInfo.j\n-        });\n-        OpenLayers.Util.applyDefaults(params, this.vendorParams);\n-        return {\n-            url: OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url,\n-            params: OpenLayers.Util.upperCaseObject(params),\n-            callback: function(request) {\n-                this.handleResponse(xy, request, layer)\n-            },\n-            scope: this\n-        }\n-    },\n-    request: function(xy, options) {\n-        options = options || {};\n-        var layers = this.findLayers();\n-        if (layers.length > 0) {\n-            var issue, layer;\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                layer = layers[i];\n-                issue = this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-                    xy: xy,\n-                    layer: layer\n-                });\n-                if (issue !== false) {\n-                    ++this.pending;\n-                    var requestOptions = this.buildRequestOptions(layer, xy);\n-                    var request = OpenLayers.Request.GET(requestOptions);\n-                    if (options.hover === true) {\n-                        this.hoverRequest = request\n-                    }\n-                }\n-            }\n-            if (this.pending > 0) {\n-                OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\")\n-            }\n-        }\n-    },\n-    handleResponse: function(xy, request, layer) {\n-        --this.pending;\n-        if (this.pending <= 0) {\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            this.pending = 0\n-        }\n-        if (request.status && (request.status < 200 || request.status >= 300)) {\n-            this.events.triggerEvent(\"exception\", {\n-                xy: xy,\n-                request: request,\n-                layer: layer\n-            })\n-        } else {\n-            var doc = request.responseXML;\n-            if (!doc || !doc.documentElement) {\n-                doc = request.responseText\n-            }\n-            var features, except;\n-            try {\n-                features = this.format.read(doc)\n-            } catch (error) {\n-                except = true;\n-                this.events.triggerEvent(\"exception\", {\n-                    xy: xy,\n-                    request: request,\n-                    error: error,\n-                    layer: layer\n-                })\n-            }\n-            if (!except) {\n-                this.events.triggerEvent(\"getfeatureinfo\", {\n-                    text: request.responseText,\n-                    features: features,\n-                    request: request,\n-                    xy: xy,\n-                    layer: layer\n-                })\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n-});\n-OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    direction: null,\n-    initialize: function(direction, options) {\n-        this.direction = direction;\n-        this.CLASS_NAME += this.direction;\n-        OpenLayers.Control.prototype.initialize.apply(this, [options])\n-    },\n-    trigger: function() {\n-        if (this.map) {\n-            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n-                return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n-            }, this);\n-            switch (this.direction) {\n-                case OpenLayers.Control.Pan.NORTH:\n-                    this.map.pan(0, -getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.SOUTH:\n-                    this.map.pan(0, getSlideFactor(\"h\"));\n-                    break;\n-                case OpenLayers.Control.Pan.WEST:\n-                    this.map.pan(-getSlideFactor(\"w\"), 0);\n-                    break;\n-                case OpenLayers.Control.Pan.EAST:\n-                    this.map.pan(getSlideFactor(\"w\"), 0);\n-                    break\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Pan\"\n-});\n-OpenLayers.Control.Pan.NORTH = \"North\";\n-OpenLayers.Control.Pan.SOUTH = \"South\";\n-OpenLayers.Control.Pan.EAST = \"East\";\n-OpenLayers.Control.Pan.WEST = \"West\";\n OpenLayers.Control.DragPan = OpenLayers.Class(OpenLayers.Control, {\n     type: OpenLayers.Control.TYPE_TOOL,\n     panned: false,\n     interval: 0,\n     documentDrag: false,\n     kinetic: null,\n     enableKinetic: true,\n@@ -24463,413 +21470,463 @@\n                 })\n             }\n             this.panned = false\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Control.DragPan\"\n });\n-OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    pinchOrigin: null,\n-    currentCenter: null,\n-    autoActivate: true,\n-    preserveCenter: false,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.handler = new OpenLayers.Handler.Pinch(this, {\n-            start: this.pinchStart,\n-            move: this.pinchMove,\n-            done: this.pinchDone\n-        }, this.handlerOptions)\n-    },\n-    pinchStart: function(evt, pinchData) {\n-        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        this.pinchOrigin = xy;\n-        this.currentCenter = xy\n-    },\n-    pinchMove: function(evt, pinchData) {\n-        var scale = pinchData.scale;\n-        var containerOrigin = this.map.layerContainerOriginPx;\n-        var pinchOrigin = this.pinchOrigin;\n-        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n-        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n-        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n-        this.map.applyTransform(dx, dy, scale);\n-        this.currentCenter = current\n-    },\n-    pinchDone: function(evt, start, last) {\n-        this.map.applyTransform();\n-        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n-        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n-            var resolution = this.map.getResolutionForZoom(zoom);\n-            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n-            var zoomPixel = this.currentCenter;\n-            var size = this.map.getSize();\n-            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n-            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n-            this.map.div.clientWidth = this.map.div.clientWidth;\n-            this.map.setCenter(location, zoom)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n-});\n-OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n     dragPan: null,\n     dragPanOptions: null,\n     pinchZoom: null,\n     pinchZoomOptions: null,\n-    clickHandlerOptions: null,\n     documentDrag: false,\n+    zoomBox: null,\n+    zoomBoxEnabled: true,\n+    zoomWheelEnabled: true,\n+    mouseWheelOptions: null,\n+    handleRightClicks: false,\n+    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n     autoActivate: true,\n     initialize: function(options) {\n         this.handlers = {};\n         OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n     destroy: function() {\n         this.deactivate();\n         if (this.dragPan) {\n             this.dragPan.destroy()\n         }\n         this.dragPan = null;\n+        if (this.zoomBox) {\n+            this.zoomBox.destroy()\n+        }\n+        this.zoomBox = null;\n         if (this.pinchZoom) {\n-            this.pinchZoom.destroy();\n-            delete this.pinchZoom\n+            this.pinchZoom.destroy()\n         }\n+        this.pinchZoom = null;\n         OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n     activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.dragPan.activate();\n-            this.handlers.click.activate();\n-            this.pinchZoom.activate();\n-            return true\n+        this.dragPan.activate();\n+        if (this.zoomWheelEnabled) {\n+            this.handlers.wheel.activate()\n         }\n-        return false\n+        this.handlers.click.activate();\n+        if (this.zoomBoxEnabled) {\n+            this.zoomBox.activate()\n+        }\n+        if (this.pinchZoom) {\n+            this.pinchZoom.activate()\n+        }\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n     deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.dragPan.deactivate();\n-            this.handlers.click.deactivate();\n-            this.pinchZoom.deactivate();\n-            return true\n+        if (this.pinchZoom) {\n+            this.pinchZoom.deactivate()\n         }\n-        return false\n+        this.zoomBox.deactivate();\n+        this.dragPan.deactivate();\n+        this.handlers.click.deactivate();\n+        this.handlers.wheel.deactivate();\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n     draw: function() {\n+        if (this.handleRightClicks) {\n+            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n+        }\n         var clickCallbacks = {\n             click: this.defaultClick,\n-            dblclick: this.defaultDblClick\n+            dblclick: this.defaultDblClick,\n+            dblrightclick: this.defaultDblRightClick\n         };\n-        var clickOptions = OpenLayers.Util.extend({\n+        var clickOptions = {\n             double: true,\n-            stopDouble: true,\n-            pixelTolerance: 2\n-        }, this.clickHandlerOptions);\n+            stopDouble: true\n+        };\n         this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n         this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n             map: this.map,\n             documentDrag: this.documentDrag\n         }, this.dragPanOptions));\n+        this.zoomBox = new OpenLayers.Control.ZoomBox({\n+            map: this.map,\n+            keyMask: this.zoomBoxKeyMask\n+        });\n         this.dragPan.draw();\n-        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-            map: this.map\n-        }, this.pinchZoomOptions))\n+        this.zoomBox.draw();\n+        var wheelOptions = this.map.fractionalZoom ? {} : {\n+            cumulative: false,\n+            interval: 50,\n+            maxDelta: 6\n+        };\n+        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n+            up: this.wheelUp,\n+            down: this.wheelDown\n+        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n+        if (OpenLayers.Control.PinchZoom) {\n+            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+                map: this.map\n+            }, this.pinchZoomOptions))\n+        }\n     },\n     defaultClick: function(evt) {\n         if (evt.lastTouches && evt.lastTouches.length == 2) {\n             this.map.zoomOut()\n         }\n     },\n     defaultDblClick: function(evt) {\n         this.map.zoomTo(this.map.zoom + 1, evt.xy)\n     },\n-    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n-});\n-OpenLayers.Control.Scale = OpenLayers.Class(OpenLayers.Control, {\n-    element: null,\n-    geodesic: false,\n-    initialize: function(element, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.element = OpenLayers.Util.getElement(element)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.element = document.createElement(\"div\");\n-            this.div.appendChild(this.element)\n-        }\n-        this.map.events.register(\"moveend\", this, this.updateScale);\n-        this.updateScale();\n-        return this.div\n+    defaultDblRightClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n     },\n-    updateScale: function() {\n-        var scale;\n-        if (this.geodesic === true) {\n-            var units = this.map.getUnits();\n-            if (!units) {\n-                return\n-            }\n-            var inches = OpenLayers.INCHES_PER_UNIT;\n-            scale = (this.map.getGeodesicPixelSize().w || 1e-6) * inches[\"km\"] * OpenLayers.DOTS_PER_INCH\n-        } else {\n-            scale = this.map.getScale()\n+    wheelChange: function(evt, deltaZ) {\n+        if (!this.map.fractionalZoom) {\n+            deltaZ = Math.round(deltaZ)\n         }\n-        if (!scale) {\n+        var currentZoom = this.map.getZoom(),\n+            newZoom = currentZoom + deltaZ;\n+        newZoom = Math.max(newZoom, 0);\n+        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n+        if (newZoom === currentZoom) {\n             return\n         }\n-        if (scale >= 9500 && scale <= 95e4) {\n-            scale = Math.round(scale / 1e3) + \"K\"\n-        } else if (scale >= 95e4) {\n-            scale = Math.round(scale / 1e6) + \"M\"\n-        } else {\n-            scale = Math.round(scale)\n+        this.map.zoomTo(newZoom, evt.xy)\n+    },\n+    wheelUp: function(evt, delta) {\n+        this.wheelChange(evt, delta || 1)\n+    },\n+    wheelDown: function(evt, delta) {\n+        this.wheelChange(evt, delta || -1)\n+    },\n+    disableZoomBox: function() {\n+        this.zoomBoxEnabled = false;\n+        this.zoomBox.deactivate()\n+    },\n+    enableZoomBox: function() {\n+        this.zoomBoxEnabled = true;\n+        if (this.active) {\n+            this.zoomBox.activate()\n         }\n-        this.element.innerHTML = OpenLayers.i18n(\"Scale = 1 : ${scaleDenom}\", {\n-            scaleDenom: scale\n-        })\n     },\n-    CLASS_NAME: \"OpenLayers.Control.Scale\"\n+    disableZoomWheel: function() {\n+        this.zoomWheelEnabled = false;\n+        this.handlers.wheel.deactivate()\n+    },\n+    enableZoomWheel: function() {\n+        this.zoomWheelEnabled = true;\n+        if (this.active) {\n+            this.handlers.wheel.activate()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n });\n-OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {\n-    layerStates: null,\n-    layersDiv: null,\n-    baseLayersDiv: null,\n-    baseLayers: null,\n-    dataLbl: null,\n-    dataLayersDiv: null,\n-    dataLayers: null,\n-    minimizeDiv: null,\n-    maximizeDiv: null,\n-    ascending: true,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n-        this.layerStates = []\n+OpenLayers.Control.EditingToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    citeCompliant: false,\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.Navigation]);\n+        var controls = [new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n+            displayClass: \"olControlDrawFeaturePoint\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n+            }\n+        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n+            displayClass: \"olControlDrawFeaturePath\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n+            }\n+        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n+            displayClass: \"olControlDrawFeaturePolygon\",\n+            handlerOptions: {\n+                citeCompliant: this.citeCompliant\n+            }\n+        })];\n+        this.addControls(controls)\n     },\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0]\n+        }\n+        return div\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n+});\n+OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n+    zoomStopWidth: 18,\n+    zoomStopHeight: 11,\n+    slider: null,\n+    sliderEvents: null,\n+    zoombarDiv: null,\n+    zoomWorldIcon: false,\n+    panIcons: true,\n+    forceFixedZoomLevel: false,\n+    mouseDragStart: null,\n+    deltaY: null,\n+    zoomStart: null,\n     destroy: function() {\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n+        this._removeZoomBar();\n         this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n             changebaselayer: this.redraw,\n+            updatesize: this.redraw,\n             scope: this\n         });\n-        this.events.unregister(\"buttonclick\", this, this.onButtonClick);\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n+        delete this.mouseDragStart;\n+        delete this.zoomStart\n     },\n     setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n         this.map.events.on({\n-            addlayer: this.redraw,\n-            changelayer: this.redraw,\n-            removelayer: this.redraw,\n             changebaselayer: this.redraw,\n+            updatesize: this.redraw,\n             scope: this\n-        });\n-        if (this.outsideViewport) {\n-            this.events.attachToElement(this.div);\n-            this.events.register(\"buttonclick\", this, this.onButtonClick)\n-        } else {\n-            this.map.events.register(\"buttonclick\", this, this.onButtonClick)\n-        }\n+        })\n     },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this);\n-        this.loadContents();\n-        if (!this.outsideViewport) {\n-            this.minimizeControl()\n+    redraw: function() {\n+        if (this.div != null) {\n+            this.removeButtons();\n+            this._removeZoomBar()\n         }\n-        this.redraw();\n-        return this.div\n+        this.draw()\n     },\n-    onButtonClick: function(evt) {\n-        var button = evt.buttonElement;\n-        if (button === this.minimizeDiv) {\n-            this.minimizeControl()\n-        } else if (button === this.maximizeDiv) {\n-            this.maximizeControl()\n-        } else if (button._layerSwitcher === this.id) {\n-            if (button[\"for\"]) {\n-                button = document.getElementById(button[\"for\"])\n+    draw: function(px) {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        px = this.position.clone();\n+        this.buttons = [];\n+        var sz = {\n+            w: 18,\n+            h: 18\n+        };\n+        if (this.panIcons) {\n+            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n+            var wposition = sz.w;\n+            if (this.zoomWorldIcon) {\n+                centered = new OpenLayers.Pixel(px.x + sz.w, px.y)\n             }\n-            if (!button.disabled) {\n-                if (button.type == \"radio\") {\n-                    button.checked = true;\n-                    this.map.setBaseLayer(this.map.getLayer(button._layer))\n-                } else {\n-                    button.checked = !button.checked;\n-                    this.updateMap()\n-                }\n+            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n+            px.y = centered.y + sz.h;\n+            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n+            if (this.zoomWorldIcon) {\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n+                wposition *= 2\n+            }\n+            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n+            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n+            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz)\n+        } else {\n+            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n+            centered = this._addZoomBar(px.add(0, sz.h));\n+            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n+            if (this.zoomWorldIcon) {\n+                centered = centered.add(0, sz.h + 3);\n+                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz)\n             }\n         }\n+        return this.div\n     },\n-    clearLayersArray: function(layersType) {\n-        this[layersType + \"LayersDiv\"].innerHTML = \"\";\n-        this[layersType + \"Layers\"] = []\n-    },\n-    checkRedraw: function() {\n-        if (!this.layerStates.length || this.map.layers.length != this.layerStates.length) {\n-            return true\n+    _addZoomBar: function(centered) {\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n+        var id = this.id + \"_\" + this.map.id;\n+        var minZoom = this.map.getMinZoom();\n+        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n+        var slider = OpenLayers.Util.createAlphaImageDiv(id, centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n+            w: 20,\n+            h: 9\n+        }, imgLocation, \"absolute\");\n+        slider.style.cursor = \"move\";\n+        this.slider = slider;\n+        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n+            includeXY: true\n+        });\n+        this.sliderEvents.on({\n+            touchstart: this.zoomBarDown,\n+            touchmove: this.zoomBarDrag,\n+            touchend: this.zoomBarUp,\n+            mousedown: this.zoomBarDown,\n+            mousemove: this.zoomBarDrag,\n+            mouseup: this.zoomBarUp\n+        });\n+        var sz = {\n+            w: this.zoomStopWidth,\n+            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n+        };\n+        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n+        var div = null;\n+        if (OpenLayers.Util.alphaHack()) {\n+            var id = this.id + \"_\" + this.map.id;\n+            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n+                w: sz.w,\n+                h: this.zoomStopHeight\n+            }, imgLocation, \"absolute\", null, \"crop\");\n+            div.style.height = sz.h + \"px\"\n+        } else {\n+            div = OpenLayers.Util.createDiv(\"OpenLayers_Control_PanZoomBar_Zoombar\" + this.map.id, centered, sz, imgLocation)\n         }\n-        for (var i = 0, len = this.layerStates.length; i < len; i++) {\n-            var layerState = this.layerStates[i];\n-            var layer = this.map.layers[i];\n-            if (layerState.name != layer.name || layerState.inRange != layer.inRange || layerState.id != layer.id || layerState.visibility != layer.visibility) {\n-                return true\n+        div.style.cursor = \"pointer\";\n+        div.className = \"olButton\";\n+        this.zoombarDiv = div;\n+        this.div.appendChild(div);\n+        this.startTop = parseInt(div.style.top);\n+        this.div.appendChild(slider);\n+        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n+        centered = centered.add(0, this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n+        return centered\n+    },\n+    _removeZoomBar: function() {\n+        this.sliderEvents.un({\n+            touchstart: this.zoomBarDown,\n+            touchmove: this.zoomBarDrag,\n+            touchend: this.zoomBarUp,\n+            mousedown: this.zoomBarDown,\n+            mousemove: this.zoomBarDrag,\n+            mouseup: this.zoomBarUp\n+        });\n+        this.sliderEvents.destroy();\n+        this.div.removeChild(this.zoombarDiv);\n+        this.zoombarDiv = null;\n+        this.div.removeChild(this.slider);\n+        this.slider = null;\n+        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar)\n+    },\n+    onButtonClick: function(evt) {\n+        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n+        if (evt.buttonElement === this.zoombarDiv) {\n+            var levels = evt.buttonXY.y / this.zoomStopHeight;\n+            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n+                levels = Math.floor(levels)\n             }\n+            var zoom = this.map.getNumZoomLevels() - 1 - levels;\n+            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n+            this.map.zoomTo(zoom)\n         }\n-        return false\n     },\n-    redraw: function() {\n-        if (!this.checkRedraw()) {\n-            return this.div\n+    passEventToSlider: function(evt) {\n+        this.sliderEvents.handleBrowserEvent(evt)\n+    },\n+    zoomBarDown: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n+            return\n         }\n-        this.clearLayersArray(\"base\");\n-        this.clearLayersArray(\"data\");\n-        var containsOverlays = false;\n-        var containsBaseLayers = false;\n-        var len = this.map.layers.length;\n-        this.layerStates = new Array(len);\n-        for (var i = 0; i < len; i++) {\n-            var layer = this.map.layers[i];\n-            this.layerStates[i] = {\n-                name: layer.name,\n-                visibility: layer.visibility,\n-                inRange: layer.inRange,\n-                id: layer.id\n+        this.map.events.on({\n+            touchmove: this.passEventToSlider,\n+            mousemove: this.passEventToSlider,\n+            mouseup: this.passEventToSlider,\n+            scope: this\n+        });\n+        this.mouseDragStart = evt.xy.clone();\n+        this.zoomStart = evt.xy.clone();\n+        this.div.style.cursor = \"move\";\n+        this.zoombarDiv.offsets = null;\n+        OpenLayers.Event.stop(evt)\n+    },\n+    zoomBarDrag: function(evt) {\n+        if (this.mouseDragStart != null) {\n+            var deltaY = this.mouseDragStart.y - evt.xy.y;\n+            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n+            if (evt.clientY - offsets[1] > 0 && evt.clientY - offsets[1] < parseInt(this.zoombarDiv.style.height) - 2) {\n+                var newTop = parseInt(this.slider.style.top) - deltaY;\n+                this.slider.style.top = newTop + \"px\";\n+                this.mouseDragStart = evt.xy.clone()\n             }\n+            this.deltaY = this.zoomStart.y - evt.xy.y;\n+            OpenLayers.Event.stop(evt)\n         }\n-        var layers = this.map.layers.slice();\n-        if (!this.ascending) {\n-            layers.reverse()\n+    },\n+    zoomBarUp: function(evt) {\n+        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n+            return\n         }\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            var layer = layers[i];\n-            var baseLayer = layer.isBaseLayer;\n-            if (layer.displayInLayerSwitcher) {\n-                if (baseLayer) {\n-                    containsBaseLayers = true\n-                } else {\n-                    containsOverlays = true\n-                }\n-                var checked = baseLayer ? layer == this.map.baseLayer : layer.getVisibility();\n-                var inputElem = document.createElement(\"input\"),\n-                    inputId = OpenLayers.Util.createUniqueID(this.id + \"_input_\");\n-                inputElem.id = inputId;\n-                inputElem.name = baseLayer ? this.id + \"_baseLayers\" : layer.name;\n-                inputElem.type = baseLayer ? \"radio\" : \"checkbox\";\n-                inputElem.value = layer.name;\n-                inputElem.checked = checked;\n-                inputElem.defaultChecked = checked;\n-                inputElem.className = \"olButton\";\n-                inputElem._layer = layer.id;\n-                inputElem._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    inputElem.disabled = true\n-                }\n-                var labelSpan = document.createElement(\"label\");\n-                labelSpan[\"for\"] = inputElem.id;\n-                OpenLayers.Element.addClass(labelSpan, \"labelSpan olButton\");\n-                labelSpan._layer = layer.id;\n-                labelSpan._layerSwitcher = this.id;\n-                if (!baseLayer && !layer.inRange) {\n-                    labelSpan.style.color = \"gray\"\n-                }\n-                labelSpan.innerHTML = layer.name;\n-                labelSpan.style.verticalAlign = baseLayer ? \"bottom\" : \"baseline\";\n-                var br = document.createElement(\"br\");\n-                var groupArray = baseLayer ? this.baseLayers : this.dataLayers;\n-                groupArray.push({\n-                    layer: layer,\n-                    inputElem: inputElem,\n-                    labelSpan: labelSpan\n-                });\n-                var groupDiv = baseLayer ? this.baseLayersDiv : this.dataLayersDiv;\n-                groupDiv.appendChild(inputElem);\n-                groupDiv.appendChild(labelSpan);\n-                groupDiv.appendChild(br)\n+        if (this.mouseDragStart) {\n+            this.div.style.cursor = \"\";\n+            this.map.events.un({\n+                touchmove: this.passEventToSlider,\n+                mouseup: this.passEventToSlider,\n+                mousemove: this.passEventToSlider,\n+                scope: this\n+            });\n+            var zoomLevel = this.map.zoom;\n+            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.min(Math.max(zoomLevel, 0), this.map.getNumZoomLevels() - 1)\n+            } else {\n+                zoomLevel += this.deltaY / this.zoomStopHeight;\n+                zoomLevel = Math.max(Math.round(zoomLevel), 0)\n             }\n+            this.map.zoomTo(zoomLevel);\n+            this.mouseDragStart = null;\n+            this.zoomStart = null;\n+            this.deltaY = 0;\n+            OpenLayers.Event.stop(evt)\n         }\n-        this.dataLbl.style.display = containsOverlays ? \"\" : \"none\";\n-        this.baseLbl.style.display = containsBaseLayers ? \"\" : \"none\";\n-        return this.div\n     },\n-    updateMap: function() {\n-        for (var i = 0, len = this.baseLayers.length; i < len; i++) {\n-            var layerEntry = this.baseLayers[i];\n-            if (layerEntry.inputElem.checked) {\n-                this.map.setBaseLayer(layerEntry.layer, false)\n-            }\n-        }\n-        for (var i = 0, len = this.dataLayers.length; i < len; i++) {\n-            var layerEntry = this.dataLayers[i];\n-            layerEntry.layer.setVisibility(layerEntry.inputElem.checked)\n-        }\n+    moveZoomBar: function() {\n+        var newTop = (this.map.getNumZoomLevels() - 1 - this.map.getZoom()) * this.zoomStopHeight + this.startTop + 1;\n+        this.slider.style.top = newTop + \"px\"\n     },\n-    maximizeControl: function(e) {\n-        this.div.style.width = \"\";\n-        this.div.style.height = \"\";\n-        this.showControls(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n+    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n+});\n+OpenLayers.Control.Button = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_BUTTON,\n+    trigger: function() {},\n+    CLASS_NAME: \"OpenLayers.Control.Button\"\n+});\n+OpenLayers.Control.Pan = OpenLayers.Class(OpenLayers.Control.Button, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    direction: null,\n+    initialize: function(direction, options) {\n+        this.direction = direction;\n+        this.CLASS_NAME += this.direction;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options])\n     },\n-    minimizeControl: function(e) {\n-        this.div.style.width = \"0px\";\n-        this.div.style.height = \"0px\";\n-        this.showControls(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n+    trigger: function() {\n+        if (this.map) {\n+            var getSlideFactor = OpenLayers.Function.bind(function(dim) {\n+                return this.slideRatio ? this.map.getSize()[dim] * this.slideRatio : this.slideFactor\n+            }, this);\n+            switch (this.direction) {\n+                case OpenLayers.Control.Pan.NORTH:\n+                    this.map.pan(0, -getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.SOUTH:\n+                    this.map.pan(0, getSlideFactor(\"h\"));\n+                    break;\n+                case OpenLayers.Control.Pan.WEST:\n+                    this.map.pan(-getSlideFactor(\"w\"), 0);\n+                    break;\n+                case OpenLayers.Control.Pan.EAST:\n+                    this.map.pan(getSlideFactor(\"w\"), 0);\n+                    break\n+            }\n         }\n     },\n-    showControls: function(minimize) {\n-        this.maximizeDiv.style.display = minimize ? \"\" : \"none\";\n-        this.minimizeDiv.style.display = minimize ? \"none\" : \"\";\n-        this.layersDiv.style.display = minimize ? \"none\" : \"\"\n-    },\n-    loadContents: function() {\n-        this.layersDiv = document.createElement(\"div\");\n-        this.layersDiv.id = this.id + \"_layersDiv\";\n-        OpenLayers.Element.addClass(this.layersDiv, \"layersDiv\");\n-        this.baseLbl = document.createElement(\"div\");\n-        this.baseLbl.innerHTML = OpenLayers.i18n(\"Base Layer\");\n-        OpenLayers.Element.addClass(this.baseLbl, \"baseLbl\");\n-        this.baseLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.baseLayersDiv, \"baseLayersDiv\");\n-        this.dataLbl = document.createElement(\"div\");\n-        this.dataLbl.innerHTML = OpenLayers.i18n(\"Overlays\");\n-        OpenLayers.Element.addClass(this.dataLbl, \"dataLbl\");\n-        this.dataLayersDiv = document.createElement(\"div\");\n-        OpenLayers.Element.addClass(this.dataLayersDiv, \"dataLayersDiv\");\n-        if (this.ascending) {\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv);\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv)\n-        } else {\n-            this.layersDiv.appendChild(this.dataLbl);\n-            this.layersDiv.appendChild(this.dataLayersDiv);\n-            this.layersDiv.appendChild(this.baseLbl);\n-            this.layersDiv.appendChild(this.baseLayersDiv)\n-        }\n-        this.div.appendChild(this.layersDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n-        this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MaximizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.maximizeDiv, \"maximizeDiv olButton\");\n-        this.maximizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.maximizeDiv);\n-        var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n-        this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_MinimizeDiv\", null, null, img, \"absolute\");\n-        OpenLayers.Element.addClass(this.minimizeDiv, \"minimizeDiv olButton\");\n-        this.minimizeDiv.style.display = \"none\";\n-        this.div.appendChild(this.minimizeDiv)\n+    CLASS_NAME: \"OpenLayers.Control.Pan\"\n+});\n+OpenLayers.Control.Pan.NORTH = \"North\";\n+OpenLayers.Control.Pan.SOUTH = \"South\";\n+OpenLayers.Control.Pan.EAST = \"East\";\n+OpenLayers.Control.Pan.WEST = \"West\";\n+OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    slideFactor: 50,\n+    slideRatio: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        var options = {\n+            slideFactor: this.slideFactor,\n+            slideRatio: this.slideRatio\n+        };\n+        this.addControls([new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)])\n     },\n-    CLASS_NAME: \"OpenLayers.Control.LayerSwitcher\"\n+    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n });\n OpenLayers.Format.SLD = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     profile: null,\n     defaultVersion: \"1.0.0\",\n     stringifyOutput: true,\n     namedLayersAsArray: false,\n     CLASS_NAME: \"OpenLayers.Format.SLD\"\n@@ -26402,763 +23459,14 @@\n                 break\n             }\n         }\n         canApply && this._queue.call(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.SLDSelect\"\n });\n-OpenLayers.Control.ZoomBox = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOOL,\n-    out: false,\n-    keyMask: null,\n-    alwaysZoom: false,\n-    zoomOnClick: true,\n-    draw: function() {\n-        this.handler = new OpenLayers.Handler.Box(this, {\n-            done: this.zoomBox\n-        }, {\n-            keyMask: this.keyMask\n-        })\n-    },\n-    zoomBox: function(position) {\n-        if (position instanceof OpenLayers.Bounds) {\n-            var bounds, targetCenterPx = position.getCenterPixel();\n-            if (!this.out) {\n-                var minXY = this.map.getLonLatFromPixel({\n-                    x: position.left,\n-                    y: position.bottom\n-                });\n-                var maxXY = this.map.getLonLatFromPixel({\n-                    x: position.right,\n-                    y: position.top\n-                });\n-                bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n-            } else {\n-                var pixWidth = position.right - position.left;\n-                var pixHeight = position.bottom - position.top;\n-                var zoomFactor = Math.min(this.map.size.h / pixHeight, this.map.size.w / pixWidth);\n-                var extent = this.map.getExtent();\n-                var center = this.map.getLonLatFromPixel(targetCenterPx);\n-                var xmin = center.lon - extent.getWidth() / 2 * zoomFactor;\n-                var xmax = center.lon + extent.getWidth() / 2 * zoomFactor;\n-                var ymin = center.lat - extent.getHeight() / 2 * zoomFactor;\n-                var ymax = center.lat + extent.getHeight() / 2 * zoomFactor;\n-                bounds = new OpenLayers.Bounds(xmin, ymin, xmax, ymax)\n-            }\n-            var lastZoom = this.map.getZoom(),\n-                size = this.map.getSize(),\n-                centerPx = {\n-                    x: size.w / 2,\n-                    y: size.h / 2\n-                },\n-                zoom = this.map.getZoomForExtent(bounds),\n-                oldRes = this.map.getResolution(),\n-                newRes = this.map.getResolutionForZoom(zoom);\n-            if (oldRes == newRes) {\n-                this.map.setCenter(this.map.getLonLatFromPixel(targetCenterPx))\n-            } else {\n-                var zoomOriginPx = {\n-                    x: (oldRes * targetCenterPx.x - newRes * centerPx.x) / (oldRes - newRes),\n-                    y: (oldRes * targetCenterPx.y - newRes * centerPx.y) / (oldRes - newRes)\n-                };\n-                this.map.zoomTo(zoom, zoomOriginPx)\n-            }\n-            if (lastZoom == this.map.getZoom() && this.alwaysZoom == true) {\n-                this.map.zoomTo(lastZoom + (this.out ? -1 : 1))\n-            }\n-        } else if (this.zoomOnClick) {\n-            if (!this.out) {\n-                this.map.zoomTo(this.map.getZoom() + 1, position)\n-            } else {\n-                this.map.zoomTo(this.map.getZoom() - 1, position)\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomBox\"\n-});\n-OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {\n-    dragPan: null,\n-    dragPanOptions: null,\n-    pinchZoom: null,\n-    pinchZoomOptions: null,\n-    documentDrag: false,\n-    zoomBox: null,\n-    zoomBoxEnabled: true,\n-    zoomWheelEnabled: true,\n-    mouseWheelOptions: null,\n-    handleRightClicks: false,\n-    zoomBoxKeyMask: OpenLayers.Handler.MOD_SHIFT,\n-    autoActivate: true,\n-    initialize: function(options) {\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n-    },\n-    destroy: function() {\n-        this.deactivate();\n-        if (this.dragPan) {\n-            this.dragPan.destroy()\n-        }\n-        this.dragPan = null;\n-        if (this.zoomBox) {\n-            this.zoomBox.destroy()\n-        }\n-        this.zoomBox = null;\n-        if (this.pinchZoom) {\n-            this.pinchZoom.destroy()\n-        }\n-        this.pinchZoom = null;\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        this.dragPan.activate();\n-        if (this.zoomWheelEnabled) {\n-            this.handlers.wheel.activate()\n-        }\n-        this.handlers.click.activate();\n-        if (this.zoomBoxEnabled) {\n-            this.zoomBox.activate()\n-        }\n-        if (this.pinchZoom) {\n-            this.pinchZoom.activate()\n-        }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n-    },\n-    deactivate: function() {\n-        if (this.pinchZoom) {\n-            this.pinchZoom.deactivate()\n-        }\n-        this.zoomBox.deactivate();\n-        this.dragPan.deactivate();\n-        this.handlers.click.deactivate();\n-        this.handlers.wheel.deactivate();\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n-    },\n-    draw: function() {\n-        if (this.handleRightClicks) {\n-            this.map.viewPortDiv.oncontextmenu = OpenLayers.Function.False\n-        }\n-        var clickCallbacks = {\n-            click: this.defaultClick,\n-            dblclick: this.defaultDblClick,\n-            dblrightclick: this.defaultDblRightClick\n-        };\n-        var clickOptions = {\n-            double: true,\n-            stopDouble: true\n-        };\n-        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n-        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n-            map: this.map,\n-            documentDrag: this.documentDrag\n-        }, this.dragPanOptions));\n-        this.zoomBox = new OpenLayers.Control.ZoomBox({\n-            map: this.map,\n-            keyMask: this.zoomBoxKeyMask\n-        });\n-        this.dragPan.draw();\n-        this.zoomBox.draw();\n-        var wheelOptions = this.map.fractionalZoom ? {} : {\n-            cumulative: false,\n-            interval: 50,\n-            maxDelta: 6\n-        };\n-        this.handlers.wheel = new OpenLayers.Handler.MouseWheel(this, {\n-            up: this.wheelUp,\n-            down: this.wheelDown\n-        }, OpenLayers.Util.extend(wheelOptions, this.mouseWheelOptions));\n-        if (OpenLayers.Control.PinchZoom) {\n-            this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n-                map: this.map\n-            }, this.pinchZoomOptions))\n-        }\n-    },\n-    defaultClick: function(evt) {\n-        if (evt.lastTouches && evt.lastTouches.length == 2) {\n-            this.map.zoomOut()\n-        }\n-    },\n-    defaultDblClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n-    },\n-    defaultDblRightClick: function(evt) {\n-        this.map.zoomTo(this.map.zoom - 1, evt.xy)\n-    },\n-    wheelChange: function(evt, deltaZ) {\n-        if (!this.map.fractionalZoom) {\n-            deltaZ = Math.round(deltaZ)\n-        }\n-        var currentZoom = this.map.getZoom(),\n-            newZoom = currentZoom + deltaZ;\n-        newZoom = Math.max(newZoom, 0);\n-        newZoom = Math.min(newZoom, this.map.getNumZoomLevels());\n-        if (newZoom === currentZoom) {\n-            return\n-        }\n-        this.map.zoomTo(newZoom, evt.xy)\n-    },\n-    wheelUp: function(evt, delta) {\n-        this.wheelChange(evt, delta || 1)\n-    },\n-    wheelDown: function(evt, delta) {\n-        this.wheelChange(evt, delta || -1)\n-    },\n-    disableZoomBox: function() {\n-        this.zoomBoxEnabled = false;\n-        this.zoomBox.deactivate()\n-    },\n-    enableZoomBox: function() {\n-        this.zoomBoxEnabled = true;\n-        if (this.active) {\n-            this.zoomBox.activate()\n-        }\n-    },\n-    disableZoomWheel: function() {\n-        this.zoomWheelEnabled = false;\n-        this.handlers.wheel.deactivate()\n-    },\n-    enableZoomWheel: function() {\n-        this.zoomWheelEnabled = true;\n-        if (this.active) {\n-            this.handlers.wheel.activate()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.Navigation\"\n-});\n-OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.Navigation, new OpenLayers.Control.ZoomBox])\n-    },\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0]\n-        }\n-        return div\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n-});\n-OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n-    fetchEvent: \"tileloadstart\",\n-    layers: null,\n-    autoActivate: true,\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            })\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n-        }\n-    },\n-    addLayer: function(evt) {\n-        evt.layer.events.register(this.fetchEvent, this, this.fetch)\n-    },\n-    removeLayer: function(evt) {\n-        evt.layer.events.unregister(this.fetchEvent, this, this.fetch)\n-    },\n-    fetch: function(evt) {\n-        if (this.active && window.localStorage && evt.tile instanceof OpenLayers.Tile.Image) {\n-            var tile = evt.tile,\n-                url = tile.url;\n-            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost && url.indexOf(OpenLayers.ProxyHost) === 0) {\n-                url = OpenLayers.Control.CacheWrite.urlMap[url]\n-            }\n-            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n-            if (dataURI) {\n-                tile.url = dataURI;\n-                if (evt.type === \"tileerror\") {\n-                    tile.setImgSrc(dataURI)\n-                }\n-            }\n-        }\n-    },\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                })\n-            }\n-        }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n-        }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n-});\n-OpenLayers.Control.OverviewMap = OpenLayers.Class(OpenLayers.Control, {\n-    element: null,\n-    ovmap: null,\n-    size: {\n-        w: 180,\n-        h: 90\n-    },\n-    layers: null,\n-    minRectSize: 15,\n-    minRectDisplayClass: \"RectReplacement\",\n-    minRatio: 8,\n-    maxRatio: 32,\n-    mapOptions: null,\n-    autoPan: false,\n-    handlers: null,\n-    resolutionFactor: 1,\n-    maximized: false,\n-    maximizeTitle: \"\",\n-    minimizeTitle: \"\",\n-    initialize: function(options) {\n-        this.layers = [];\n-        this.handlers = {};\n-        OpenLayers.Control.prototype.initialize.apply(this, [options])\n-    },\n-    destroy: function() {\n-        if (!this.mapDiv) {\n-            return\n-        }\n-        if (this.handlers.click) {\n-            this.handlers.click.destroy()\n-        }\n-        if (this.handlers.drag) {\n-            this.handlers.drag.destroy()\n-        }\n-        this.ovmap && this.ovmap.viewPortDiv.removeChild(this.extentRectangle);\n-        this.extentRectangle = null;\n-        if (this.rectEvents) {\n-            this.rectEvents.destroy();\n-            this.rectEvents = null\n-        }\n-        if (this.ovmap) {\n-            this.ovmap.destroy();\n-            this.ovmap = null\n-        }\n-        this.element.removeChild(this.mapDiv);\n-        this.mapDiv = null;\n-        this.div.removeChild(this.element);\n-        this.element = null;\n-        if (this.maximizeDiv) {\n-            this.div.removeChild(this.maximizeDiv);\n-            this.maximizeDiv = null\n-        }\n-        if (this.minimizeDiv) {\n-            this.div.removeChild(this.minimizeDiv);\n-            this.minimizeDiv = null\n-        }\n-        this.map.events.un({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            changebaselayer: this.baseLayerDraw,\n-            scope: this\n-        });\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (this.layers.length === 0) {\n-            if (this.map.baseLayer) {\n-                var layer = this.map.baseLayer.clone();\n-                this.layers = [layer]\n-            } else {\n-                this.map.events.register(\"changebaselayer\", this, this.baseLayerDraw);\n-                return this.div\n-            }\n-        }\n-        this.element = document.createElement(\"div\");\n-        this.element.className = this.displayClass + \"Element\";\n-        this.element.style.display = \"none\";\n-        this.mapDiv = document.createElement(\"div\");\n-        this.mapDiv.style.width = this.size.w + \"px\";\n-        this.mapDiv.style.height = this.size.h + \"px\";\n-        this.mapDiv.style.position = \"relative\";\n-        this.mapDiv.style.overflow = \"hidden\";\n-        this.mapDiv.id = OpenLayers.Util.createUniqueID(\"overviewMap\");\n-        this.extentRectangle = document.createElement(\"div\");\n-        this.extentRectangle.style.position = \"absolute\";\n-        this.extentRectangle.style.zIndex = 1e3;\n-        this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n-        this.element.appendChild(this.mapDiv);\n-        this.div.appendChild(this.element);\n-        if (!this.outsideViewport) {\n-            this.div.className += \" \" + this.displayClass + \"Container\";\n-            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-maximize.png\");\n-            this.maximizeDiv = OpenLayers.Util.createAlphaImageDiv(this.displayClass + \"MaximizeButton\", null, null, img, \"absolute\");\n-            this.maximizeDiv.style.display = \"none\";\n-            this.maximizeDiv.className = this.displayClass + \"MaximizeButton olButton\";\n-            if (this.maximizeTitle) {\n-                this.maximizeDiv.title = this.maximizeTitle\n-            }\n-            this.div.appendChild(this.maximizeDiv);\n-            var img = OpenLayers.Util.getImageLocation(\"layer-switcher-minimize.png\");\n-            this.minimizeDiv = OpenLayers.Util.createAlphaImageDiv(\"OpenLayers_Control_minimizeDiv\", null, null, img, \"absolute\");\n-            this.minimizeDiv.style.display = \"none\";\n-            this.minimizeDiv.className = this.displayClass + \"MinimizeButton olButton\";\n-            if (this.minimizeTitle) {\n-                this.minimizeDiv.title = this.minimizeTitle\n-            }\n-            this.div.appendChild(this.minimizeDiv);\n-            this.minimizeControl()\n-        } else {\n-            this.element.style.display = \"\"\n-        }\n-        if (this.map.getExtent()) {\n-            this.update()\n-        }\n-        this.map.events.on({\n-            buttonclick: this.onButtonClick,\n-            moveend: this.update,\n-            scope: this\n-        });\n-        if (this.maximized) {\n-            this.maximizeControl()\n-        }\n-        return this.div\n-    },\n-    baseLayerDraw: function() {\n-        this.draw();\n-        this.map.events.unregister(\"changebaselayer\", this, this.baseLayerDraw)\n-    },\n-    rectDrag: function(px) {\n-        var deltaX = this.handlers.drag.last.x - px.x;\n-        var deltaY = this.handlers.drag.last.y - px.y;\n-        if (deltaX != 0 || deltaY != 0) {\n-            var rectTop = this.rectPxBounds.top;\n-            var rectLeft = this.rectPxBounds.left;\n-            var rectHeight = Math.abs(this.rectPxBounds.getHeight());\n-            var rectWidth = this.rectPxBounds.getWidth();\n-            var newTop = Math.max(0, rectTop - deltaY);\n-            newTop = Math.min(newTop, this.ovmap.size.h - this.hComp - rectHeight);\n-            var newLeft = Math.max(0, rectLeft - deltaX);\n-            newLeft = Math.min(newLeft, this.ovmap.size.w - this.wComp - rectWidth);\n-            this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + rectHeight, newLeft + rectWidth, newTop))\n-        }\n-    },\n-    mapDivClick: function(evt) {\n-        var pxCenter = this.rectPxBounds.getCenterPixel();\n-        var deltaX = evt.xy.x - pxCenter.x;\n-        var deltaY = evt.xy.y - pxCenter.y;\n-        var top = this.rectPxBounds.top;\n-        var left = this.rectPxBounds.left;\n-        var height = Math.abs(this.rectPxBounds.getHeight());\n-        var width = this.rectPxBounds.getWidth();\n-        var newTop = Math.max(0, top + deltaY);\n-        newTop = Math.min(newTop, this.ovmap.size.h - height);\n-        var newLeft = Math.max(0, left + deltaX);\n-        newLeft = Math.min(newLeft, this.ovmap.size.w - width);\n-        this.setRectPxBounds(new OpenLayers.Bounds(newLeft, newTop + height, newLeft + width, newTop));\n-        this.updateMapToRect()\n-    },\n-    onButtonClick: function(evt) {\n-        if (evt.buttonElement === this.minimizeDiv) {\n-            this.minimizeControl()\n-        } else if (evt.buttonElement === this.maximizeDiv) {\n-            this.maximizeControl()\n-        }\n-    },\n-    maximizeControl: function(e) {\n-        this.element.style.display = \"\";\n-        this.showToggle(false);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    minimizeControl: function(e) {\n-        this.element.style.display = \"none\";\n-        this.showToggle(true);\n-        if (e != null) {\n-            OpenLayers.Event.stop(e)\n-        }\n-    },\n-    showToggle: function(minimize) {\n-        if (this.maximizeDiv) {\n-            this.maximizeDiv.style.display = minimize ? \"\" : \"none\"\n-        }\n-        if (this.minimizeDiv) {\n-            this.minimizeDiv.style.display = minimize ? \"none\" : \"\"\n-        }\n-    },\n-    update: function() {\n-        if (this.ovmap == null) {\n-            this.createMap()\n-        }\n-        if (this.autoPan || !this.isSuitableOverview()) {\n-            this.updateOverview()\n-        }\n-        this.updateRectToMap()\n-    },\n-    isSuitableOverview: function() {\n-        var mapExtent = this.map.getExtent();\n-        var maxExtent = this.map.getMaxExtent();\n-        var testExtent = new OpenLayers.Bounds(Math.max(mapExtent.left, maxExtent.left), Math.max(mapExtent.bottom, maxExtent.bottom), Math.min(mapExtent.right, maxExtent.right), Math.min(mapExtent.top, maxExtent.top));\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            testExtent = testExtent.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        }\n-        var resRatio = this.ovmap.getResolution() / this.map.getResolution();\n-        return resRatio > this.minRatio && resRatio <= this.maxRatio && this.ovmap.getExtent().containsBounds(testExtent)\n-    },\n-    updateOverview: function() {\n-        var mapRes = this.map.getResolution();\n-        var targetRes = this.ovmap.getResolution();\n-        var resRatio = targetRes / mapRes;\n-        if (resRatio > this.maxRatio) {\n-            targetRes = this.minRatio * mapRes\n-        } else if (resRatio <= this.minRatio) {\n-            targetRes = this.maxRatio * mapRes\n-        }\n-        var center;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            center = this.map.center.clone();\n-            center.transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        } else {\n-            center = this.map.center\n-        }\n-        this.ovmap.setCenter(center, this.ovmap.getZoomForResolution(targetRes * this.resolutionFactor));\n-        this.updateRectToMap()\n-    },\n-    createMap: function() {\n-        var options = OpenLayers.Util.extend({\n-            controls: [],\n-            maxResolution: \"auto\",\n-            fallThrough: false\n-        }, this.mapOptions);\n-        this.ovmap = new OpenLayers.Map(this.mapDiv, options);\n-        this.ovmap.viewPortDiv.appendChild(this.extentRectangle);\n-        OpenLayers.Event.stopObserving(window, \"unload\", this.ovmap.unloadDestroy);\n-        this.ovmap.addLayers(this.layers);\n-        this.ovmap.zoomToMaxExtent();\n-        this.wComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-left-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-right-width\"));\n-        this.wComp = this.wComp ? this.wComp : 2;\n-        this.hComp = parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-top-width\")) + parseInt(OpenLayers.Element.getStyle(this.extentRectangle, \"border-bottom-width\"));\n-        this.hComp = this.hComp ? this.hComp : 2;\n-        this.handlers.drag = new OpenLayers.Handler.Drag(this, {\n-            move: this.rectDrag,\n-            done: this.updateMapToRect\n-        }, {\n-            map: this.ovmap\n-        });\n-        this.handlers.click = new OpenLayers.Handler.Click(this, {\n-            click: this.mapDivClick\n-        }, {\n-            single: true,\n-            double: false,\n-            stopSingle: true,\n-            stopDouble: true,\n-            pixelTolerance: 1,\n-            map: this.ovmap\n-        });\n-        this.handlers.click.activate();\n-        this.rectEvents = new OpenLayers.Events(this, this.extentRectangle, null, true);\n-        this.rectEvents.register(\"mouseover\", this, function(e) {\n-            if (!this.handlers.drag.active && !this.map.dragging) {\n-                this.handlers.drag.activate()\n-            }\n-        });\n-        this.rectEvents.register(\"mouseout\", this, function(e) {\n-            if (!this.handlers.drag.dragging) {\n-                this.handlers.drag.deactivate()\n-            }\n-        });\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            var sourceUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n-            var targetUnits = this.ovmap.getProjectionObject().getUnits() || this.ovmap.units || this.ovmap.baseLayer.units;\n-            this.resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1\n-        }\n-    },\n-    updateRectToMap: function() {\n-        var bounds;\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            bounds = this.map.getExtent().transform(this.map.getProjectionObject(), this.ovmap.getProjectionObject())\n-        } else {\n-            bounds = this.map.getExtent()\n-        }\n-        var pxBounds = this.getRectBoundsFromMapBounds(bounds);\n-        if (pxBounds) {\n-            this.setRectPxBounds(pxBounds)\n-        }\n-    },\n-    updateMapToRect: function() {\n-        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);\n-        if (this.ovmap.getProjection() != this.map.getProjection()) {\n-            lonLatBounds = lonLatBounds.transform(this.ovmap.getProjectionObject(), this.map.getProjectionObject())\n-        }\n-        this.map.panTo(lonLatBounds.getCenterLonLat())\n-    },\n-    setRectPxBounds: function(pxBounds) {\n-        var top = Math.max(pxBounds.top, 0);\n-        var left = Math.max(pxBounds.left, 0);\n-        var bottom = Math.min(pxBounds.top + Math.abs(pxBounds.getHeight()), this.ovmap.size.h - this.hComp);\n-        var right = Math.min(pxBounds.left + pxBounds.getWidth(), this.ovmap.size.w - this.wComp);\n-        var width = Math.max(right - left, 0);\n-        var height = Math.max(bottom - top, 0);\n-        if (width < this.minRectSize || height < this.minRectSize) {\n-            this.extentRectangle.className = this.displayClass + this.minRectDisplayClass;\n-            var rLeft = left + width / 2 - this.minRectSize / 2;\n-            var rTop = top + height / 2 - this.minRectSize / 2;\n-            this.extentRectangle.style.top = Math.round(rTop) + \"px\";\n-            this.extentRectangle.style.left = Math.round(rLeft) + \"px\";\n-            this.extentRectangle.style.height = this.minRectSize + \"px\";\n-            this.extentRectangle.style.width = this.minRectSize + \"px\"\n-        } else {\n-            this.extentRectangle.className = this.displayClass + \"ExtentRectangle\";\n-            this.extentRectangle.style.top = Math.round(top) + \"px\";\n-            this.extentRectangle.style.left = Math.round(left) + \"px\";\n-            this.extentRectangle.style.height = Math.round(height) + \"px\";\n-            this.extentRectangle.style.width = Math.round(width) + \"px\"\n-        }\n-        this.rectPxBounds = new OpenLayers.Bounds(Math.round(left), Math.round(bottom), Math.round(right), Math.round(top))\n-    },\n-    getRectBoundsFromMapBounds: function(lonLatBounds) {\n-        var leftBottomPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.left,\n-            lat: lonLatBounds.bottom\n-        });\n-        var rightTopPx = this.getOverviewPxFromLonLat({\n-            lon: lonLatBounds.right,\n-            lat: lonLatBounds.top\n-        });\n-        var bounds = null;\n-        if (leftBottomPx && rightTopPx) {\n-            bounds = new OpenLayers.Bounds(leftBottomPx.x, leftBottomPx.y, rightTopPx.x, rightTopPx.y)\n-        }\n-        return bounds\n-    },\n-    getMapBoundsFromRectBounds: function(pxBounds) {\n-        var leftBottomLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.left,\n-            y: pxBounds.bottom\n-        });\n-        var rightTopLonLat = this.getLonLatFromOverviewPx({\n-            x: pxBounds.right,\n-            y: pxBounds.top\n-        });\n-        return new OpenLayers.Bounds(leftBottomLonLat.lon, leftBottomLonLat.lat, rightTopLonLat.lon, rightTopLonLat.lat)\n-    },\n-    getLonLatFromOverviewPx: function(overviewMapPx) {\n-        var size = this.ovmap.size;\n-        var res = this.ovmap.getResolution();\n-        var center = this.ovmap.getExtent().getCenterLonLat();\n-        var deltaX = overviewMapPx.x - size.w / 2;\n-        var deltaY = overviewMapPx.y - size.h / 2;\n-        return {\n-            lon: center.lon + deltaX * res,\n-            lat: center.lat - deltaY * res\n-        }\n-    },\n-    getOverviewPxFromLonLat: function(lonlat) {\n-        var res = this.ovmap.getResolution();\n-        var extent = this.ovmap.getExtent();\n-        if (extent) {\n-            return {\n-                x: Math.round(1 / res * (lonlat.lon - extent.left)),\n-                y: Math.round(1 / res * (extent.top - lonlat.lat))\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.OverviewMap\"\n-});\n-OpenLayers.Control.DrawFeature = OpenLayers.Class(OpenLayers.Control, {\n-    layer: null,\n-    callbacks: null,\n-    multi: false,\n-    featureAdded: function() {},\n-    initialize: function(layer, handler, options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.callbacks = OpenLayers.Util.extend({\n-            done: this.drawFeature,\n-            modify: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchmodified\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            },\n-            create: function(vertex, feature) {\n-                this.layer.events.triggerEvent(\"sketchstarted\", {\n-                    vertex: vertex,\n-                    feature: feature\n-                })\n-            }\n-        }, this.callbacks);\n-        this.layer = layer;\n-        this.handlerOptions = this.handlerOptions || {};\n-        this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-            renderers: layer.renderers,\n-            rendererOptions: layer.rendererOptions\n-        });\n-        if (!(\"multi\" in this.handlerOptions)) {\n-            this.handlerOptions.multi = this.multi\n-        }\n-        var sketchStyle = this.layer.styleMap && this.layer.styleMap.styles.temporary;\n-        if (sketchStyle) {\n-            this.handlerOptions.layerOptions = OpenLayers.Util.applyDefaults(this.handlerOptions.layerOptions, {\n-                styleMap: new OpenLayers.StyleMap({\n-                    default: sketchStyle\n-                })\n-            })\n-        }\n-        this.handler = new handler(this, this.callbacks, this.handlerOptions)\n-    },\n-    drawFeature: function(geometry) {\n-        var feature = new OpenLayers.Feature.Vector(geometry);\n-        var proceed = this.layer.events.triggerEvent(\"sketchcomplete\", {\n-            feature: feature\n-        });\n-        if (proceed !== false) {\n-            feature.state = OpenLayers.State.INSERT;\n-            this.layer.addFeatures([feature]);\n-            this.featureAdded(feature);\n-            this.events.triggerEvent(\"featureadded\", {\n-                feature: feature\n-            })\n-        }\n-    },\n-    insertXY: function(x, y) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertXY(x, y)\n-        }\n-    },\n-    insertDeltaXY: function(dx, dy) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeltaXY(dx, dy)\n-        }\n-    },\n-    insertDirectionLength: function(direction, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDirectionLength(direction, length)\n-        }\n-    },\n-    insertDeflectionLength: function(deflection, length) {\n-        if (this.handler && this.handler.line) {\n-            this.handler.insertDeflectionLength(deflection, length)\n-        }\n-    },\n-    undo: function() {\n-        return this.handler.undo && this.handler.undo()\n-    },\n-    redo: function() {\n-        return this.handler.redo && this.handler.redo()\n-    },\n-    finishSketch: function() {\n-        this.handler.finishGeometry()\n-    },\n-    cancel: function() {\n-        this.handler.cancel()\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.DrawFeature\"\n-});\n OpenLayers.Control.ModifyFeature = OpenLayers.Class(OpenLayers.Control, {\n     documentDrag: false,\n     geometryTypes: null,\n     clickout: true,\n     toggle: true,\n     standalone: false,\n     layer: null,\n@@ -27896,513 +24204,598 @@\n         }\n         delete this.zoomInLink;\n         delete this.zoomOutLink;\n         OpenLayers.Control.prototype.destroy.apply(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.Zoom\"\n });\n-OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n-    trigger: function() {\n-        if (this.map) {\n-            this.map.zoomToMaxExtent()\n+OpenLayers.Control.CacheRead = OpenLayers.Class(OpenLayers.Control, {\n+    fetchEvent: \"tileloadstart\",\n+    layers: null,\n+    autoActivate: true,\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            })\n+        }\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n-});\n-OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.ZoomIn, new OpenLayers.Control.ZoomToMaxExtent, new OpenLayers.Control.ZoomOut])\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n-});\n-OpenLayers.Control.PanZoomBar = OpenLayers.Class(OpenLayers.Control.PanZoom, {\n-    zoomStopWidth: 18,\n-    zoomStopHeight: 11,\n-    slider: null,\n-    sliderEvents: null,\n-    zoombarDiv: null,\n-    zoomWorldIcon: false,\n-    panIcons: true,\n-    forceFixedZoomLevel: false,\n-    mouseDragStart: null,\n-    deltaY: null,\n-    zoomStart: null,\n-    destroy: function() {\n-        this._removeZoomBar();\n-        this.map.events.un({\n-            changebaselayer: this.redraw,\n-            updatesize: this.redraw,\n-            scope: this\n-        });\n-        OpenLayers.Control.PanZoom.prototype.destroy.apply(this, arguments);\n-        delete this.mouseDragStart;\n-        delete this.zoomStart\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.PanZoom.prototype.setMap.apply(this, arguments);\n-        this.map.events.on({\n-            changebaselayer: this.redraw,\n-            updatesize: this.redraw,\n-            scope: this\n-        })\n+    addLayer: function(evt) {\n+        evt.layer.events.register(this.fetchEvent, this, this.fetch)\n     },\n-    redraw: function() {\n-        if (this.div != null) {\n-            this.removeButtons();\n-            this._removeZoomBar()\n-        }\n-        this.draw()\n+    removeLayer: function(evt) {\n+        evt.layer.events.unregister(this.fetchEvent, this, this.fetch)\n     },\n-    draw: function(px) {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        px = this.position.clone();\n-        this.buttons = [];\n-        var sz = {\n-            w: 18,\n-            h: 18\n-        };\n-        if (this.panIcons) {\n-            var centered = new OpenLayers.Pixel(px.x + sz.w / 2, px.y);\n-            var wposition = sz.w;\n-            if (this.zoomWorldIcon) {\n-                centered = new OpenLayers.Pixel(px.x + sz.w, px.y)\n+    fetch: function(evt) {\n+        if (this.active && window.localStorage && evt.tile instanceof OpenLayers.Tile.Image) {\n+            var tile = evt.tile,\n+                url = tile.url;\n+            if (!tile.layer.crossOriginKeyword && OpenLayers.ProxyHost && url.indexOf(OpenLayers.ProxyHost) === 0) {\n+                url = OpenLayers.Control.CacheWrite.urlMap[url]\n             }\n-            this._addButton(\"panup\", \"north-mini.png\", centered, sz);\n-            px.y = centered.y + sz.h;\n-            this._addButton(\"panleft\", \"west-mini.png\", px, sz);\n-            if (this.zoomWorldIcon) {\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", px.add(sz.w, 0), sz);\n-                wposition *= 2\n+            var dataURI = window.localStorage.getItem(\"olCache_\" + url);\n+            if (dataURI) {\n+                tile.url = dataURI;\n+                if (evt.type === \"tileerror\") {\n+                    tile.setImgSrc(dataURI)\n+                }\n             }\n-            this._addButton(\"panright\", \"east-mini.png\", px.add(wposition, 0), sz);\n-            this._addButton(\"pandown\", \"south-mini.png\", centered.add(0, sz.h * 2), sz);\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", centered.add(0, sz.h * 3 + 5), sz);\n-            centered = this._addZoomBar(centered.add(0, sz.h * 4 + 5));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz)\n-        } else {\n-            this._addButton(\"zoomin\", \"zoom-plus-mini.png\", px, sz);\n-            centered = this._addZoomBar(px.add(0, sz.h));\n-            this._addButton(\"zoomout\", \"zoom-minus-mini.png\", centered, sz);\n-            if (this.zoomWorldIcon) {\n-                centered = centered.add(0, sz.h + 3);\n-                this._addButton(\"zoomworld\", \"zoom-world-mini.png\", centered, sz)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                })\n             }\n         }\n-        return this.div\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    _addZoomBar: function(centered) {\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"slider.png\");\n-        var id = this.id + \"_\" + this.map.id;\n-        var minZoom = this.map.getMinZoom();\n-        var zoomsToEnd = this.map.getNumZoomLevels() - 1 - this.map.getZoom();\n-        var slider = OpenLayers.Util.createAlphaImageDiv(id, centered.add(-1, zoomsToEnd * this.zoomStopHeight), {\n-            w: 20,\n-            h: 9\n-        }, imgLocation, \"absolute\");\n-        slider.style.cursor = \"move\";\n-        this.slider = slider;\n-        this.sliderEvents = new OpenLayers.Events(this, slider, null, true, {\n-            includeXY: true\n-        });\n-        this.sliderEvents.on({\n-            touchstart: this.zoomBarDown,\n-            touchmove: this.zoomBarDrag,\n-            touchend: this.zoomBarUp,\n-            mousedown: this.zoomBarDown,\n-            mousemove: this.zoomBarDrag,\n-            mouseup: this.zoomBarUp\n-        });\n-        var sz = {\n-            w: this.zoomStopWidth,\n-            h: this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom)\n-        };\n-        var imgLocation = OpenLayers.Util.getImageLocation(\"zoombar.png\");\n-        var div = null;\n-        if (OpenLayers.Util.alphaHack()) {\n-            var id = this.id + \"_\" + this.map.id;\n-            div = OpenLayers.Util.createAlphaImageDiv(id, centered, {\n-                w: sz.w,\n-                h: this.zoomStopHeight\n-            }, imgLocation, \"absolute\", null, \"crop\");\n-            div.style.height = sz.h + \"px\"\n+    CLASS_NAME: \"OpenLayers.Control.CacheRead\"\n+});\n+OpenLayers.Control.Split = OpenLayers.Class(OpenLayers.Control, {\n+    layer: null,\n+    source: null,\n+    sourceOptions: null,\n+    tolerance: null,\n+    edge: true,\n+    deferDelete: false,\n+    mutual: true,\n+    targetFilter: null,\n+    sourceFilter: null,\n+    handler: null,\n+    initialize: function(options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.options = options || {};\n+        if (this.options.source) {\n+            this.setSource(this.options.source)\n+        }\n+    },\n+    setSource: function(layer) {\n+        if (this.active) {\n+            this.deactivate();\n+            if (this.handler) {\n+                this.handler.destroy();\n+                delete this.handler\n+            }\n+            this.source = layer;\n+            this.activate()\n         } else {\n-            div = OpenLayers.Util.createDiv(\"OpenLayers_Control_PanZoomBar_Zoombar\" + this.map.id, centered, sz, imgLocation)\n+            this.source = layer\n         }\n-        div.style.cursor = \"pointer\";\n-        div.className = \"olButton\";\n-        this.zoombarDiv = div;\n-        this.div.appendChild(div);\n-        this.startTop = parseInt(div.style.top);\n-        this.div.appendChild(slider);\n-        this.map.events.register(\"zoomend\", this, this.moveZoomBar);\n-        centered = centered.add(0, this.zoomStopHeight * (this.map.getNumZoomLevels() - minZoom));\n-        return centered\n     },\n-    _removeZoomBar: function() {\n-        this.sliderEvents.un({\n-            touchstart: this.zoomBarDown,\n-            touchmove: this.zoomBarDrag,\n-            touchend: this.zoomBarUp,\n-            mousedown: this.zoomBarDown,\n-            mousemove: this.zoomBarDrag,\n-            mouseup: this.zoomBarUp\n-        });\n-        this.sliderEvents.destroy();\n-        this.div.removeChild(this.zoombarDiv);\n-        this.zoombarDiv = null;\n-        this.div.removeChild(this.slider);\n-        this.slider = null;\n-        this.map.events.unregister(\"zoomend\", this, this.moveZoomBar)\n+    activate: function() {\n+        var activated = OpenLayers.Control.prototype.activate.call(this);\n+        if (activated) {\n+            if (!this.source) {\n+                if (!this.handler) {\n+                    this.handler = new OpenLayers.Handler.Path(this, {\n+                        done: function(geometry) {\n+                            this.onSketchComplete({\n+                                feature: new OpenLayers.Feature.Vector(geometry)\n+                            })\n+                        }\n+                    }, {\n+                        layerOptions: this.sourceOptions\n+                    })\n+                }\n+                this.handler.activate()\n+            } else if (this.source.events) {\n+                this.source.events.on({\n+                    sketchcomplete: this.onSketchComplete,\n+                    afterfeaturemodified: this.afterFeatureModified,\n+                    scope: this\n+                })\n+            }\n+        }\n+        return activated\n     },\n-    onButtonClick: function(evt) {\n-        OpenLayers.Control.PanZoom.prototype.onButtonClick.apply(this, arguments);\n-        if (evt.buttonElement === this.zoombarDiv) {\n-            var levels = evt.buttonXY.y / this.zoomStopHeight;\n-            if (this.forceFixedZoomLevel || !this.map.fractionalZoom) {\n-                levels = Math.floor(levels)\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Control.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.source && this.source.events) {\n+                this.source.events.un({\n+                    sketchcomplete: this.onSketchComplete,\n+                    afterfeaturemodified: this.afterFeatureModified,\n+                    scope: this\n+                })\n             }\n-            var zoom = this.map.getNumZoomLevels() - 1 - levels;\n-            zoom = Math.min(Math.max(zoom, 0), this.map.getNumZoomLevels() - 1);\n-            this.map.zoomTo(zoom)\n         }\n+        return deactivated\n     },\n-    passEventToSlider: function(evt) {\n-        this.sliderEvents.handleBrowserEvent(evt)\n+    onSketchComplete: function(event) {\n+        this.feature = null;\n+        return !this.considerSplit(event.feature)\n     },\n-    zoomBarDown: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && !OpenLayers.Event.isSingleTouch(evt)) {\n-            return\n+    afterFeatureModified: function(event) {\n+        if (event.modified) {\n+            var feature = event.feature;\n+            if (typeof feature.geometry.split === \"function\") {\n+                this.feature = event.feature;\n+                this.considerSplit(event.feature)\n+            }\n         }\n-        this.map.events.on({\n-            touchmove: this.passEventToSlider,\n-            mousemove: this.passEventToSlider,\n-            mouseup: this.passEventToSlider,\n-            scope: this\n-        });\n-        this.mouseDragStart = evt.xy.clone();\n-        this.zoomStart = evt.xy.clone();\n-        this.div.style.cursor = \"move\";\n-        this.zoombarDiv.offsets = null;\n-        OpenLayers.Event.stop(evt)\n     },\n-    zoomBarDrag: function(evt) {\n-        if (this.mouseDragStart != null) {\n-            var deltaY = this.mouseDragStart.y - evt.xy.y;\n-            var offsets = OpenLayers.Util.pagePosition(this.zoombarDiv);\n-            if (evt.clientY - offsets[1] > 0 && evt.clientY - offsets[1] < parseInt(this.zoombarDiv.style.height) - 2) {\n-                var newTop = parseInt(this.slider.style.top) - deltaY;\n-                this.slider.style.top = newTop + \"px\";\n-                this.mouseDragStart = evt.xy.clone()\n+    removeByGeometry: function(features, geometry) {\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            if (features[i].geometry === geometry) {\n+                features.splice(i, 1);\n+                break\n             }\n-            this.deltaY = this.zoomStart.y - evt.xy.y;\n-            OpenLayers.Event.stop(evt)\n         }\n     },\n-    zoomBarUp: function(evt) {\n-        if (!OpenLayers.Event.isLeftClick(evt) && evt.type !== \"touchend\") {\n-            return\n+    isEligible: function(target) {\n+        if (!target.geometry) {\n+            return false\n+        } else {\n+            return target.state !== OpenLayers.State.DELETE && typeof target.geometry.split === \"function\" && this.feature !== target && (!this.targetFilter || this.targetFilter.evaluate(target.attributes))\n         }\n-        if (this.mouseDragStart) {\n-            this.div.style.cursor = \"\";\n-            this.map.events.un({\n-                touchmove: this.passEventToSlider,\n-                mouseup: this.passEventToSlider,\n-                mousemove: this.passEventToSlider,\n-                scope: this\n-            });\n-            var zoomLevel = this.map.zoom;\n-            if (!this.forceFixedZoomLevel && this.map.fractionalZoom) {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.min(Math.max(zoomLevel, 0), this.map.getNumZoomLevels() - 1)\n-            } else {\n-                zoomLevel += this.deltaY / this.zoomStopHeight;\n-                zoomLevel = Math.max(Math.round(zoomLevel), 0)\n+    },\n+    considerSplit: function(feature) {\n+        var sourceSplit = false;\n+        var targetSplit = false;\n+        if (!this.sourceFilter || this.sourceFilter.evaluate(feature.attributes)) {\n+            var features = this.layer && this.layer.features || [];\n+            var target, results, proceed;\n+            var additions = [],\n+                removals = [];\n+            var mutual = this.layer === this.source && this.mutual;\n+            var options = {\n+                edge: this.edge,\n+                tolerance: this.tolerance,\n+                mutual: mutual\n+            };\n+            var sourceParts = [feature.geometry];\n+            var targetFeature, targetParts;\n+            var source, parts;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                targetFeature = features[i];\n+                if (this.isEligible(targetFeature)) {\n+                    targetParts = [targetFeature.geometry];\n+                    for (var j = 0; j < sourceParts.length; ++j) {\n+                        source = sourceParts[j];\n+                        for (var k = 0; k < targetParts.length; ++k) {\n+                            target = targetParts[k];\n+                            if (source.getBounds().intersectsBounds(target.getBounds())) {\n+                                results = source.split(target, options);\n+                                if (results) {\n+                                    proceed = this.events.triggerEvent(\"beforesplit\", {\n+                                        source: feature,\n+                                        target: targetFeature\n+                                    });\n+                                    if (proceed !== false) {\n+                                        if (mutual) {\n+                                            parts = results[0];\n+                                            if (parts.length > 1) {\n+                                                parts.unshift(j, 1);\n+                                                Array.prototype.splice.apply(sourceParts, parts);\n+                                                j += parts.length - 3\n+                                            }\n+                                            results = results[1]\n+                                        }\n+                                        if (results.length > 1) {\n+                                            results.unshift(k, 1);\n+                                            Array.prototype.splice.apply(targetParts, results);\n+                                            k += results.length - 3\n+                                        }\n+                                    }\n+                                }\n+                            }\n+                        }\n+                    }\n+                    if (targetParts && targetParts.length > 1) {\n+                        this.geomsToFeatures(targetFeature, targetParts);\n+                        this.events.triggerEvent(\"split\", {\n+                            original: targetFeature,\n+                            features: targetParts\n+                        });\n+                        Array.prototype.push.apply(additions, targetParts);\n+                        removals.push(targetFeature);\n+                        targetSplit = true\n+                    }\n+                }\n+            }\n+            if (sourceParts && sourceParts.length > 1) {\n+                this.geomsToFeatures(feature, sourceParts);\n+                this.events.triggerEvent(\"split\", {\n+                    original: feature,\n+                    features: sourceParts\n+                });\n+                Array.prototype.push.apply(additions, sourceParts);\n+                removals.push(feature);\n+                sourceSplit = true\n+            }\n+            if (sourceSplit || targetSplit) {\n+                if (this.deferDelete) {\n+                    var feat, destroys = [];\n+                    for (var i = 0, len = removals.length; i < len; ++i) {\n+                        feat = removals[i];\n+                        if (feat.state === OpenLayers.State.INSERT) {\n+                            destroys.push(feat)\n+                        } else {\n+                            feat.state = OpenLayers.State.DELETE;\n+                            this.layer.drawFeature(feat)\n+                        }\n+                    }\n+                    this.layer.destroyFeatures(destroys, {\n+                        silent: true\n+                    });\n+                    for (var i = 0, len = additions.length; i < len; ++i) {\n+                        additions[i].state = OpenLayers.State.INSERT\n+                    }\n+                } else {\n+                    this.layer.destroyFeatures(removals, {\n+                        silent: true\n+                    })\n+                }\n+                this.layer.addFeatures(additions, {\n+                    silent: true\n+                });\n+                this.events.triggerEvent(\"aftersplit\", {\n+                    source: feature,\n+                    features: additions\n+                })\n             }\n-            this.map.zoomTo(zoomLevel);\n-            this.mouseDragStart = null;\n-            this.zoomStart = null;\n-            this.deltaY = 0;\n-            OpenLayers.Event.stop(evt)\n         }\n+        return sourceSplit\n     },\n-    moveZoomBar: function() {\n-        var newTop = (this.map.getNumZoomLevels() - 1 - this.map.getZoom()) * this.zoomStopHeight + this.startTop + 1;\n-        this.slider.style.top = newTop + \"px\"\n+    geomsToFeatures: function(feature, geoms) {\n+        var clone = feature.clone();\n+        delete clone.geometry;\n+        var newFeature;\n+        for (var i = 0, len = geoms.length; i < len; ++i) {\n+            newFeature = clone.clone();\n+            newFeature.geometry = geoms[i];\n+            newFeature.state = OpenLayers.State.INSERT;\n+            geoms[i] = newFeature\n+        }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.PanZoomBar\"\n+    destroy: function() {\n+        if (this.active) {\n+            this.deactivate()\n+        }\n+        OpenLayers.Control.prototype.destroy.call(this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Split\"\n });\n-OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n-    protocol: null,\n-    multipleKey: null,\n-    toggleKey: null,\n-    modifiers: null,\n-    multiple: false,\n-    click: true,\n-    single: true,\n-    clickout: true,\n-    toggle: false,\n-    clickTolerance: 5,\n-    hover: false,\n-    box: false,\n-    maxFeatures: 10,\n-    features: null,\n-    hoverFeature: null,\n-    handlers: null,\n-    hoverResponse: null,\n-    filterType: OpenLayers.Filter.Spatial.BBOX,\n+OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOGGLE,\n+    previous: null,\n+    previousOptions: null,\n+    next: null,\n+    nextOptions: null,\n+    limit: 50,\n+    autoActivate: true,\n+    clearOnDeactivate: false,\n+    registry: null,\n+    nextStack: null,\n+    previousStack: null,\n+    listeners: null,\n+    restoring: false,\n     initialize: function(options) {\n-        options.handlerOptions = options.handlerOptions || {};\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.features = {};\n-        this.handlers = {};\n-        if (this.click) {\n-            this.handlers.click = new OpenLayers.Handler.Click(this, {\n-                click: this.selectClick\n-            }, this.handlerOptions.click || {})\n-        }\n-        if (this.box) {\n-            this.handlers.box = new OpenLayers.Handler.Box(this, {\n-                done: this.selectBox\n-            }, OpenLayers.Util.extend(this.handlerOptions.box, {\n-                boxDivClassName: \"olHandlerBoxSelectFeature\"\n-            }))\n-        }\n-        if (this.hover) {\n-            this.handlers.hover = new OpenLayers.Handler.Hover(this, {\n-                move: this.cancelHover,\n-                pause: this.selectHover\n-            }, OpenLayers.Util.extend(this.handlerOptions.hover, {\n-                delay: 250,\n-                pixelTolerance: 2\n-            }))\n+        this.registry = OpenLayers.Util.extend({\n+            moveend: this.getState\n+        }, this.registry);\n+        var previousOptions = {\n+            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n+        };\n+        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n+        this.previous = new OpenLayers.Control.Button(previousOptions);\n+        var nextOptions = {\n+            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n+            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n+        };\n+        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n+        this.next = new OpenLayers.Control.Button(nextOptions);\n+        this.clear()\n+    },\n+    onPreviousChange: function(state, length) {\n+        if (state && !this.previous.active) {\n+            this.previous.activate()\n+        } else if (!state && this.previous.active) {\n+            this.previous.deactivate()\n         }\n     },\n-    activate: function() {\n-        if (!this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].activate()\n-            }\n+    onNextChange: function(state, length) {\n+        if (state && !this.next.active) {\n+            this.next.activate()\n+        } else if (!state && this.next.active) {\n+            this.next.deactivate()\n         }\n-        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n-    deactivate: function() {\n-        if (this.active) {\n-            for (var i in this.handlers) {\n-                this.handlers[i].deactivate()\n-            }\n+    destroy: function() {\n+        OpenLayers.Control.prototype.destroy.apply(this);\n+        this.previous.destroy();\n+        this.next.destroy();\n+        this.deactivate();\n+        for (var prop in this) {\n+            this[prop] = null\n         }\n-        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    selectClick: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n-        this.setModifiers(evt);\n-        this.request(bounds, {\n-            single: this.single\n-        })\n+    setMap: function(map) {\n+        this.map = map;\n+        this.next.setMap(map);\n+        this.previous.setMap(map)\n     },\n-    selectBox: function(position) {\n-        var bounds;\n-        if (position instanceof OpenLayers.Bounds) {\n-            var minXY = this.map.getLonLatFromPixel({\n-                x: position.left,\n-                y: position.bottom\n-            });\n-            var maxXY = this.map.getLonLatFromPixel({\n-                x: position.right,\n-                y: position.top\n-            });\n-            bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.next.draw();\n+        this.previous.draw()\n+    },\n+    previousTrigger: function() {\n+        var current = this.previousStack.shift();\n+        var state = this.previousStack.shift();\n+        if (state != undefined) {\n+            this.nextStack.unshift(current);\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n         } else {\n-            if (this.click) {\n-                return\n-            }\n-            bounds = this.pixelToBounds(position)\n+            this.previousStack.unshift(current)\n         }\n-        this.setModifiers(this.handlers.box.dragHandler.evt);\n-        this.request(bounds)\n+        return state\n     },\n-    selectHover: function(evt) {\n-        var bounds = this.pixelToBounds(evt.xy);\n-        this.request(bounds, {\n-            single: true,\n-            hover: true\n-        })\n+    nextTrigger: function() {\n+        var state = this.nextStack.shift();\n+        if (state != undefined) {\n+            this.previousStack.unshift(state);\n+            this.restoring = true;\n+            this.restore(state);\n+            this.restoring = false;\n+            this.onNextChange(this.nextStack[0], this.nextStack.length);\n+            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n+        }\n+        return state\n     },\n-    cancelHover: function() {\n-        if (this.hoverResponse) {\n-            this.protocol.abort(this.hoverResponse);\n-            this.hoverResponse = null;\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n+    clear: function() {\n+        this.previousStack = [];\n+        this.previous.deactivate();\n+        this.nextStack = [];\n+        this.next.deactivate()\n+    },\n+    getState: function() {\n+        return {\n+            center: this.map.getCenter(),\n+            resolution: this.map.getResolution(),\n+            projection: this.map.getProjectionObject(),\n+            units: this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units\n         }\n     },\n-    request: function(bounds, options) {\n-        options = options || {};\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: this.filterType,\n-            value: bounds\n-        });\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n-        var response = this.protocol.read({\n-            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n-            filter: filter,\n-            callback: function(result) {\n-                if (result.success()) {\n-                    if (result.features.length) {\n-                        if (options.single == true) {\n-                            this.selectBestFeature(result.features, bounds.getCenterLonLat(), options)\n-                        } else {\n-                            this.select(result.features)\n-                        }\n-                    } else if (options.hover) {\n-                        this.hoverSelect()\n-                    } else {\n-                        this.events.triggerEvent(\"clickout\");\n-                        if (this.clickout) {\n-                            this.unselectAll()\n-                        }\n+    restore: function(state) {\n+        var center, zoom;\n+        if (this.map.getProjectionObject() == state.projection) {\n+            zoom = this.map.getZoomForResolution(state.resolution);\n+            center = state.center\n+        } else {\n+            center = state.center.clone();\n+            center.transform(state.projection, this.map.getProjectionObject());\n+            var sourceUnits = state.units;\n+            var targetUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n+            var resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n+            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution)\n+        }\n+        this.map.setCenter(center, zoom)\n+    },\n+    setListeners: function() {\n+        this.listeners = {};\n+        for (var type in this.registry) {\n+            this.listeners[type] = OpenLayers.Function.bind(function() {\n+                if (!this.restoring) {\n+                    var state = this.registry[type].apply(this, arguments);\n+                    this.previousStack.unshift(state);\n+                    if (this.previousStack.length > 1) {\n+                        this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n+                    }\n+                    if (this.previousStack.length > this.limit + 1) {\n+                        this.previousStack.pop()\n+                    }\n+                    if (this.nextStack.length > 0) {\n+                        this.nextStack = [];\n+                        this.onNextChange(null, 0)\n                     }\n                 }\n-                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n-            },\n-            scope: this\n-        });\n-        if (options.hover == true) {\n-            this.hoverResponse = response\n+                return true\n+            }, this)\n         }\n     },\n-    selectBestFeature: function(features, clickPosition, options) {\n-        options = options || {};\n-        if (features.length) {\n-            var point = new OpenLayers.Geometry.Point(clickPosition.lon, clickPosition.lat);\n-            var feature, resultFeature, dist;\n-            var minDist = Number.MAX_VALUE;\n-            for (var i = 0; i < features.length; ++i) {\n-                feature = features[i];\n-                if (feature.geometry) {\n-                    dist = point.distanceTo(feature.geometry, {\n-                        edge: false\n-                    });\n-                    if (dist < minDist) {\n-                        minDist = dist;\n-                        resultFeature = feature;\n-                        if (minDist == 0) {\n-                            break\n-                        }\n-                    }\n+    activate: function() {\n+        var activated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.activate.apply(this)) {\n+                if (this.listeners == null) {\n+                    this.setListeners()\n+                }\n+                for (var type in this.listeners) {\n+                    this.map.events.register(type, this, this.listeners[type])\n+                }\n+                activated = true;\n+                if (this.previousStack.length == 0) {\n+                    this.initStack()\n                 }\n-            }\n-            if (options.hover == true) {\n-                this.hoverSelect(resultFeature)\n-            } else {\n-                this.select(resultFeature || features)\n             }\n         }\n+        return activated\n     },\n-    setModifiers: function(evt) {\n-        this.modifiers = {\n-            multiple: this.multiple || this.multipleKey && evt[this.multipleKey],\n-            toggle: this.toggle || this.toggleKey && evt[this.toggleKey]\n+    initStack: function() {\n+        if (this.map.getCenter()) {\n+            this.listeners.moveend()\n         }\n     },\n-    select: function(features) {\n-        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n-            this.unselectAll()\n-        }\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n-        }\n-        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n-            features: features\n-        });\n-        if (cont !== false) {\n-            var selectedFeatures = [];\n-            var feature;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                if (this.features[feature.fid || feature.id]) {\n-                    if (this.modifiers.toggle) {\n-                        this.unselect(this.features[feature.fid || feature.id])\n-                    }\n-                } else {\n-                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n-                        feature: feature\n-                    });\n-                    if (cont !== false) {\n-                        this.features[feature.fid || feature.id] = feature;\n-                        selectedFeatures.push(feature);\n-                        this.events.triggerEvent(\"featureselected\", {\n-                            feature: feature\n-                        })\n-                    }\n+    deactivate: function() {\n+        var deactivated = false;\n+        if (this.map) {\n+            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n+                for (var type in this.listeners) {\n+                    this.map.events.unregister(type, this, this.listeners[type])\n                 }\n+                if (this.clearOnDeactivate) {\n+                    this.clear()\n+                }\n+                deactivated = true\n             }\n-            this.events.triggerEvent(\"featuresselected\", {\n-                features: selectedFeatures\n-            })\n         }\n+        return deactivated\n     },\n-    hoverSelect: function(feature) {\n-        var fid = feature ? feature.fid || feature.id : null;\n-        var hfid = this.hoverFeature ? this.hoverFeature.fid || this.hoverFeature.id : null;\n-        if (hfid && hfid != fid) {\n-            this.events.triggerEvent(\"outfeature\", {\n-                feature: this.hoverFeature\n-            });\n-            this.hoverFeature = null\n-        }\n-        if (fid && fid != hfid) {\n-            this.events.triggerEvent(\"hoverfeature\", {\n-                feature: feature\n-            });\n-            this.hoverFeature = feature\n+    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n+});\n+OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomToMaxExtent()\n         }\n     },\n-    unselect: function(feature) {\n-        delete this.features[feature.fid || feature.id];\n-        this.events.triggerEvent(\"featureunselected\", {\n-            feature: feature\n-        })\n+    CLASS_NAME: \"OpenLayers.Control.ZoomToMaxExtent\"\n+});\n+OpenLayers.Control.UTFGrid = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    layers: null,\n+    defaultHandlerOptions: {\n+        delay: 300,\n+        pixelTolerance: 4,\n+        stopMove: false,\n+        single: true,\n+        double: false,\n+        stopSingle: false,\n+        stopDouble: false\n     },\n-    unselectAll: function() {\n-        for (var fid in this.features) {\n-            this.unselect(this.features[fid])\n+    handlerMode: \"click\",\n+    setHandler: function(hm) {\n+        this.handlerMode = hm;\n+        this.resetHandler()\n+    },\n+    resetHandler: function() {\n+        if (this.handler) {\n+            this.handler.deactivate();\n+            this.handler.destroy();\n+            this.handler = null\n+        }\n+        if (this.handlerMode == \"hover\") {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                pause: this.handleEvent,\n+                move: this.reset\n+            }, this.handlerOptions)\n+        } else if (this.handlerMode == \"click\") {\n+            this.handler = new OpenLayers.Handler.Click(this, {\n+                click: this.handleEvent\n+            }, this.handlerOptions)\n+        } else if (this.handlerMode == \"move\") {\n+            this.handler = new OpenLayers.Handler.Hover(this, {\n+                pause: this.handleEvent,\n+                move: this.handleEvent\n+            }, this.handlerOptions)\n+        }\n+        if (this.handler) {\n+            return true\n+        } else {\n+            return false\n         }\n     },\n-    setMap: function(map) {\n-        for (var i in this.handlers) {\n-            this.handlers[i].setMap(map)\n+    initialize: function(options) {\n+        options = options || {};\n+        options.handlerOptions = options.handlerOptions || this.defaultHandlerOptions;\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.resetHandler()\n+    },\n+    handleEvent: function(evt) {\n+        if (evt == null) {\n+            this.reset();\n+            return\n+        }\n+        var lonLat = this.map.getLonLatFromPixel(evt.xy);\n+        if (!lonLat) {\n+            return\n+        }\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var infoLookup = {};\n+            var layer, idx;\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                layer = layers[i];\n+                idx = OpenLayers.Util.indexOf(this.map.layers, layer);\n+                infoLookup[idx] = layer.getFeatureInfo(lonLat)\n+            }\n+            this.callback(infoLookup, lonLat, evt.xy)\n         }\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n     },\n-    pixelToBounds: function(pixel) {\n-        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n-        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n-        var ll = this.map.getLonLatFromPixel(llPx);\n-        var ur = this.map.getLonLatFromPixel(urPx);\n-        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat)\n+    callback: function(infoLookup) {},\n+    reset: function(evt) {\n+        this.callback(null)\n     },\n-    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n+    findLayers: function() {\n+        var candidates = this.layers || this.map.layers;\n+        var layers = [];\n+        var layer;\n+        for (var i = candidates.length - 1; i >= 0; --i) {\n+            layer = candidates[i];\n+            if (layer instanceof OpenLayers.Layer.UTFGrid) {\n+                layers.push(layer)\n+            }\n+        }\n+        return layers\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.UTFGrid\"\n });\n-OpenLayers.Control.WMSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n+OpenLayers.Control.WMTSGetFeatureInfo = OpenLayers.Class(OpenLayers.Control, {\n     hover: false,\n+    requestEncoding: \"KVP\",\n     drillDown: false,\n     maxFeatures: 10,\n     clickCallback: \"click\",\n-    output: \"features\",\n     layers: null,\n-    queryVisible: false,\n-    url: null,\n-    layerUrls: null,\n+    queryVisible: true,\n     infoFormat: \"text/html\",\n     vendorParams: {},\n     format: null,\n     formatOptions: null,\n     handler: null,\n     hoverRequest: null,\n+    pending: 0,\n     initialize: function(options) {\n         options = options || {};\n         options.handlerOptions = options.handlerOptions || {};\n         OpenLayers.Control.prototype.initialize.apply(this, [options]);\n         if (!this.format) {\n             this.format = new OpenLayers.Format.WMSGetFeatureInfo(options.formatOptions)\n         }\n@@ -28419,295 +24812,397 @@\n         } else {\n             var callbacks = {};\n             callbacks[this.clickCallback] = this.getInfoForClick;\n             this.handler = new OpenLayers.Handler.Click(this, callbacks, this.handlerOptions.click || {})\n         }\n     },\n     getInfoForClick: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n-        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n         this.request(evt.xy, {})\n     },\n     getInfoForHover: function(evt) {\n-        this.events.triggerEvent(\"beforegetfeatureinfo\", {\n-            xy: evt.xy\n-        });\n         this.request(evt.xy, {\n             hover: true\n         })\n     },\n     cancelHover: function() {\n         if (this.hoverRequest) {\n+            --this.pending;\n+            if (this.pending <= 0) {\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+                this.pending = 0\n+            }\n             this.hoverRequest.abort();\n             this.hoverRequest = null\n         }\n     },\n     findLayers: function() {\n         var candidates = this.layers || this.map.layers;\n         var layers = [];\n-        var layer, url;\n+        var layer;\n         for (var i = candidates.length - 1; i >= 0; --i) {\n             layer = candidates[i];\n-            if (layer instanceof OpenLayers.Layer.WMS && (!this.queryVisible || layer.getVisibility())) {\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (this.drillDown === false && !this.url) {\n-                    this.url = url\n-                }\n-                if (this.drillDown === true || this.urlMatches(url)) {\n-                    layers.push(layer)\n-                }\n-            }\n-        }\n-        return layers\n-    },\n-    urlMatches: function(url) {\n-        var matches = OpenLayers.Util.isEquivalentUrl(this.url, url);\n-        if (!matches && this.layerUrls) {\n-            for (var i = 0, len = this.layerUrls.length; i < len; ++i) {\n-                if (OpenLayers.Util.isEquivalentUrl(this.layerUrls[i], url)) {\n-                    matches = true;\n+            if (layer instanceof OpenLayers.Layer.WMTS && layer.requestEncoding === this.requestEncoding && (!this.queryVisible || layer.getVisibility())) {\n+                layers.push(layer);\n+                if (!this.drillDown || this.hover) {\n                     break\n                 }\n             }\n         }\n-        return matches\n+        return layers\n     },\n-    buildWMSOptions: function(url, layers, clickPosition, format) {\n-        var layerNames = [],\n-            styleNames = [];\n-        for (var i = 0, len = layers.length; i < len; i++) {\n-            if (layers[i].params.LAYERS != null) {\n-                layerNames = layerNames.concat(layers[i].params.LAYERS);\n-                styleNames = styleNames.concat(this.getStyleNames(layers[i]))\n-            }\n-        }\n-        var firstLayer = layers[0];\n-        var projection = this.map.getProjection();\n-        var layerProj = firstLayer.projection;\n-        if (layerProj && layerProj.equals(this.map.getProjectionObject())) {\n-            projection = layerProj.getCode()\n-        }\n-        var params = OpenLayers.Util.extend({\n-            service: \"WMS\",\n-            version: firstLayer.params.VERSION,\n+    buildRequestOptions: function(layer, xy) {\n+        var loc = this.map.getLonLatFromPixel(xy);\n+        var getTileUrl = layer.getURL(new OpenLayers.Bounds(loc.lon, loc.lat, loc.lon, loc.lat));\n+        var params = OpenLayers.Util.getParameters(getTileUrl);\n+        var tileInfo = layer.getTileInfo(loc);\n+        OpenLayers.Util.extend(params, {\n+            service: \"WMTS\",\n+            version: layer.version,\n             request: \"GetFeatureInfo\",\n-            exceptions: firstLayer.params.EXCEPTIONS,\n-            bbox: this.map.getExtent().toBBOX(null, firstLayer.reverseAxisOrder()),\n-            feature_count: this.maxFeatures,\n-            height: this.map.getSize().h,\n-            width: this.map.getSize().w,\n-            format: format,\n-            info_format: firstLayer.params.INFO_FORMAT || this.infoFormat\n-        }, parseFloat(firstLayer.params.VERSION) >= 1.3 ? {\n-            crs: projection,\n-            i: parseInt(clickPosition.x),\n-            j: parseInt(clickPosition.y)\n-        } : {\n-            srs: projection,\n-            x: parseInt(clickPosition.x),\n-            y: parseInt(clickPosition.y)\n+            infoFormat: this.infoFormat,\n+            i: tileInfo.i,\n+            j: tileInfo.j\n         });\n-        if (layerNames.length != 0) {\n-            params = OpenLayers.Util.extend({\n-                layers: layerNames,\n-                query_layers: layerNames,\n-                styles: styleNames\n-            }, params)\n-        }\n         OpenLayers.Util.applyDefaults(params, this.vendorParams);\n         return {\n-            url: url,\n+            url: OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url,\n             params: OpenLayers.Util.upperCaseObject(params),\n             callback: function(request) {\n-                this.handleResponse(clickPosition, request, url)\n+                this.handleResponse(xy, request, layer)\n             },\n             scope: this\n         }\n     },\n-    getStyleNames: function(layer) {\n-        var styleNames;\n-        if (layer.params.STYLES) {\n-            styleNames = layer.params.STYLES\n-        } else {\n-            if (OpenLayers.Util.isArray(layer.params.LAYERS)) {\n-                styleNames = new Array(layer.params.LAYERS.length)\n-            } else {\n-                styleNames = layer.params.LAYERS.replace(/[^,]/g, \"\")\n-            }\n-        }\n-        return styleNames\n-    },\n-    request: function(clickPosition, options) {\n-        var layers = this.findLayers();\n-        if (layers.length == 0) {\n-            this.events.triggerEvent(\"nogetfeatureinfo\");\n-            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n-            return\n-        }\n+    request: function(xy, options) {\n         options = options || {};\n-        if (this.drillDown === false) {\n-            var wmsOptions = this.buildWMSOptions(this.url, layers, clickPosition, layers[0].params.FORMAT);\n-            var request = OpenLayers.Request.GET(wmsOptions);\n-            if (options.hover === true) {\n-                this.hoverRequest = request\n-            }\n-        } else {\n-            this._requestCount = 0;\n-            this._numRequests = 0;\n-            this.features = [];\n-            var services = {},\n-                url;\n+        var layers = this.findLayers();\n+        if (layers.length > 0) {\n+            var issue, layer;\n             for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                var service, found = false;\n-                url = OpenLayers.Util.isArray(layer.url) ? layer.url[0] : layer.url;\n-                if (url in services) {\n-                    services[url].push(layer)\n-                } else {\n-                    this._numRequests++;\n-                    services[url] = [layer]\n+                layer = layers[i];\n+                issue = this.events.triggerEvent(\"beforegetfeatureinfo\", {\n+                    xy: xy,\n+                    layer: layer\n+                });\n+                if (issue !== false) {\n+                    ++this.pending;\n+                    var requestOptions = this.buildRequestOptions(layer, xy);\n+                    var request = OpenLayers.Request.GET(requestOptions);\n+                    if (options.hover === true) {\n+                        this.hoverRequest = request\n+                    }\n                 }\n             }\n-            var layers;\n-            for (var url in services) {\n-                layers = services[url];\n-                var wmsOptions = this.buildWMSOptions(url, layers, clickPosition, layers[0].params.FORMAT);\n-                OpenLayers.Request.GET(wmsOptions)\n+            if (this.pending > 0) {\n+                OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\")\n             }\n         }\n     },\n-    triggerGetFeatureInfo: function(request, xy, features) {\n-        this.events.triggerEvent(\"getfeatureinfo\", {\n-            text: request.responseText,\n-            features: features,\n-            request: request,\n-            xy: xy\n-        });\n-        OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n-    },\n-    handleResponse: function(xy, request, url) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n+    handleResponse: function(xy, request, layer) {\n+        --this.pending;\n+        if (this.pending <= 0) {\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\");\n+            this.pending = 0\n         }\n-        var features = this.format.read(doc);\n-        if (this.drillDown === false) {\n-            this.triggerGetFeatureInfo(request, xy, features)\n+        if (request.status && (request.status < 200 || request.status >= 300)) {\n+            this.events.triggerEvent(\"exception\", {\n+                xy: xy,\n+                request: request,\n+                layer: layer\n+            })\n         } else {\n-            this._requestCount++;\n-            if (this.output === \"object\") {\n-                this._features = (this._features || []).concat({\n-                    url: url,\n-                    features: features\n+            var doc = request.responseXML;\n+            if (!doc || !doc.documentElement) {\n+                doc = request.responseText\n+            }\n+            var features, except;\n+            try {\n+                features = this.format.read(doc)\n+            } catch (error) {\n+                except = true;\n+                this.events.triggerEvent(\"exception\", {\n+                    xy: xy,\n+                    request: request,\n+                    error: error,\n+                    layer: layer\n                 })\n-            } else {\n-                this._features = (this._features || []).concat(features)\n             }\n-            if (this._requestCount === this._numRequests) {\n-                this.triggerGetFeatureInfo(request, xy, this._features.concat());\n-                delete this._features;\n-                delete this._requestCount;\n-                delete this._numRequests\n+            if (!except) {\n+                this.events.triggerEvent(\"getfeatureinfo\", {\n+                    text: request.responseText,\n+                    features: features,\n+                    request: request,\n+                    xy: xy,\n+                    layer: layer\n+                })\n             }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.WMSGetFeatureInfo\"\n+    CLASS_NAME: \"OpenLayers.Control.WMTSGetFeatureInfo\"\n });\n-OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n-    maxWidth: 100,\n-    topOutUnits: \"km\",\n-    topInUnits: \"m\",\n-    bottomOutUnits: \"mi\",\n-    bottomInUnits: \"ft\",\n-    eTop: null,\n-    eBottom: null,\n-    geodesic: false,\n+OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    slideFactor: 75,\n+    observeElement: null,\n     draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.eTop) {\n-            this.eTop = document.createElement(\"div\");\n-            this.eTop.className = this.displayClass + \"Top\";\n-            var theLen = this.topInUnits.length;\n-            this.div.appendChild(this.eTop);\n-            if (this.topOutUnits == \"\" || this.topInUnits == \"\") {\n-                this.eTop.style.visibility = \"hidden\"\n-            } else {\n-                this.eTop.style.visibility = \"visible\"\n+        var observeElement = this.observeElement || document;\n+        this.handler = new OpenLayers.Handler.Keyboard(this, {\n+            keydown: this.defaultKeyPress\n+        }, {\n+            observeElement: observeElement\n+        })\n+    },\n+    defaultKeyPress: function(evt) {\n+        var size, handled = true;\n+        var target = OpenLayers.Event.element(evt);\n+        if (target && (target.tagName == \"INPUT\" || target.tagName == \"TEXTAREA\" || target.tagName == \"SELECT\")) {\n+            return\n+        }\n+        switch (evt.keyCode) {\n+            case OpenLayers.Event.KEY_LEFT:\n+                this.map.pan(-this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_RIGHT:\n+                this.map.pan(this.slideFactor, 0);\n+                break;\n+            case OpenLayers.Event.KEY_UP:\n+                this.map.pan(0, -this.slideFactor);\n+                break;\n+            case OpenLayers.Event.KEY_DOWN:\n+                this.map.pan(0, this.slideFactor);\n+                break;\n+            case 33:\n+                size = this.map.getSize();\n+                this.map.pan(0, -.75 * size.h);\n+                break;\n+            case 34:\n+                size = this.map.getSize();\n+                this.map.pan(0, .75 * size.h);\n+                break;\n+            case 35:\n+                size = this.map.getSize();\n+                this.map.pan(.75 * size.w, 0);\n+                break;\n+            case 36:\n+                size = this.map.getSize();\n+                this.map.pan(-.75 * size.w, 0);\n+                break;\n+            case 43:\n+            case 61:\n+            case 187:\n+            case 107:\n+                this.map.zoomIn();\n+                break;\n+            case 45:\n+            case 109:\n+            case 189:\n+            case 95:\n+                this.map.zoomOut();\n+                break;\n+            default:\n+                handled = false\n+        }\n+        if (handled) {\n+            OpenLayers.Event.stop(evt)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n+});\n+OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n+    center: null,\n+    zoom: null,\n+    layers: null,\n+    displayProjection: null,\n+    getParameters: function(url) {\n+        url = url || window.location.href;\n+        var parameters = OpenLayers.Util.getParameters(url);\n+        var index = url.indexOf(\"#\");\n+        if (index > 0) {\n+            url = \"?\" + url.substring(index + 1, url.length);\n+            OpenLayers.Util.extend(parameters, OpenLayers.Util.getParameters(url))\n+        }\n+        return parameters\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n+            var control = this.map.controls[i];\n+            if (control != this && control.CLASS_NAME == \"OpenLayers.Control.ArgParser\") {\n+                if (control.displayProjection != this.displayProjection) {\n+                    this.displayProjection = control.displayProjection\n+                }\n+                break\n             }\n-            this.eBottom = document.createElement(\"div\");\n-            this.eBottom.className = this.displayClass + \"Bottom\";\n-            this.div.appendChild(this.eBottom);\n-            if (this.bottomOutUnits == \"\" || this.bottomInUnits == \"\") {\n-                this.eBottom.style.visibility = \"hidden\"\n-            } else {\n-                this.eBottom.style.visibility = \"visible\"\n+        }\n+        if (i == this.map.controls.length) {\n+            var args = this.getParameters();\n+            if (args.layers) {\n+                this.layers = args.layers;\n+                this.map.events.register(\"addlayer\", this, this.configureLayers);\n+                this.configureLayers()\n+            }\n+            if (args.lat && args.lon) {\n+                this.center = new OpenLayers.LonLat(parseFloat(args.lon), parseFloat(args.lat));\n+                if (args.zoom) {\n+                    this.zoom = parseFloat(args.zoom)\n+                }\n+                this.map.events.register(\"changebaselayer\", this, this.setCenter);\n+                this.setCenter()\n             }\n         }\n-        this.map.events.register(\"moveend\", this, this.update);\n-        this.update();\n-        return this.div\n     },\n-    getBarLen: function(maxLen) {\n-        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n-        var pow10 = Math.pow(10, digits);\n-        var firstChar = parseInt(maxLen / pow10);\n-        var barLen;\n-        if (firstChar > 5) {\n-            barLen = 5\n-        } else if (firstChar > 2) {\n-            barLen = 2\n-        } else {\n-            barLen = 1\n+    setCenter: function() {\n+        if (this.map.baseLayer) {\n+            this.map.events.unregister(\"changebaselayer\", this, this.setCenter);\n+            if (this.displayProjection) {\n+                this.center.transform(this.displayProjection, this.map.getProjectionObject())\n+            }\n+            this.map.setCenter(this.center, this.zoom)\n         }\n-        return barLen * pow10\n     },\n-    update: function() {\n-        var res = this.map.getResolution();\n-        if (!res) {\n-            return\n+    configureLayers: function() {\n+        if (this.layers.length == this.map.layers.length) {\n+            this.map.events.unregister(\"addlayer\", this, this.configureLayers);\n+            for (var i = 0, len = this.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                var c = this.layers.charAt(i);\n+                if (c == \"B\") {\n+                    this.map.setBaseLayer(layer)\n+                } else if (c == \"T\" || c == \"F\") {\n+                    layer.setVisibility(c == \"T\")\n+                }\n+            }\n         }\n-        var curMapUnits = this.map.getUnits();\n-        var inches = OpenLayers.INCHES_PER_UNIT;\n-        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n-        var geodesicRatio = 1;\n-        if (this.geodesic === true) {\n-            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w || 1e-6) * this.maxWidth;\n-            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n-            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n-            maxSizeData *= geodesicRatio\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n+});\n+OpenLayers.Control.DragFeature = OpenLayers.Class(OpenLayers.Control, {\n+    geometryTypes: null,\n+    onStart: function(feature, pixel) {},\n+    onDrag: function(feature, pixel) {},\n+    onComplete: function(feature, pixel) {},\n+    onEnter: function(feature) {},\n+    onLeave: function(feature) {},\n+    documentDrag: false,\n+    layer: null,\n+    feature: null,\n+    dragCallbacks: {},\n+    featureCallbacks: {},\n+    lastPixel: null,\n+    initialize: function(layer, options) {\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        this.handlers = {\n+            drag: new OpenLayers.Handler.Drag(this, OpenLayers.Util.extend({\n+                down: this.downFeature,\n+                move: this.moveFeature,\n+                up: this.upFeature,\n+                out: this.cancel,\n+                done: this.doneDragging\n+            }, this.dragCallbacks), {\n+                documentDrag: this.documentDrag\n+            }),\n+            feature: new OpenLayers.Handler.Feature(this, this.layer, OpenLayers.Util.extend({\n+                click: this.clickFeature,\n+                clickout: this.clickoutFeature,\n+                over: this.overFeature,\n+                out: this.outFeature\n+            }, this.featureCallbacks), {\n+                geometryTypes: this.geometryTypes\n+            })\n         }\n-        var topUnits;\n-        var bottomUnits;\n-        if (maxSizeData > 1e5) {\n-            topUnits = this.topOutUnits;\n-            bottomUnits = this.bottomOutUnits\n+    },\n+    clickFeature: function(feature) {\n+        if (this.handlers.feature.touch && !this.over && this.overFeature(feature)) {\n+            this.handlers.drag.dragstart(this.handlers.feature.evt);\n+            this.handlers.drag.stopDown = false\n+        }\n+    },\n+    clickoutFeature: function(feature) {\n+        if (this.handlers.feature.touch && this.over) {\n+            this.outFeature(feature);\n+            this.handlers.drag.stopDown = true\n+        }\n+    },\n+    destroy: function() {\n+        this.layer = null;\n+        OpenLayers.Control.prototype.destroy.apply(this, [])\n+    },\n+    activate: function() {\n+        return this.handlers.feature.activate() && OpenLayers.Control.prototype.activate.apply(this, arguments)\n+    },\n+    deactivate: function() {\n+        this.handlers.drag.deactivate();\n+        this.handlers.feature.deactivate();\n+        this.feature = null;\n+        this.dragging = false;\n+        this.lastPixel = null;\n+        OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n+    },\n+    overFeature: function(feature) {\n+        var activated = false;\n+        if (!this.handlers.drag.dragging) {\n+            this.feature = feature;\n+            this.handlers.drag.activate();\n+            activated = true;\n+            this.over = true;\n+            OpenLayers.Element.addClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onEnter(feature)\n         } else {\n-            topUnits = this.topInUnits;\n-            bottomUnits = this.bottomInUnits\n+            if (this.feature.id == feature.id) {\n+                this.over = true\n+            } else {\n+                this.over = false\n+            }\n         }\n-        var topMax = maxSizeData / inches[topUnits];\n-        var bottomMax = maxSizeData / inches[bottomUnits];\n-        var topRounded = this.getBarLen(topMax);\n-        var bottomRounded = this.getBarLen(bottomMax);\n-        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n-        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n-        var topPx = topMax / res / geodesicRatio;\n-        var bottomPx = bottomMax / res / geodesicRatio;\n-        if (this.eBottom.style.visibility == \"visible\") {\n-            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n-            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits\n+        return activated\n+    },\n+    downFeature: function(pixel) {\n+        this.lastPixel = pixel;\n+        this.onStart(this.feature, pixel)\n+    },\n+    moveFeature: function(pixel) {\n+        var res = this.map.getResolution();\n+        this.feature.geometry.move(res * (pixel.x - this.lastPixel.x), res * (this.lastPixel.y - pixel.y));\n+        this.layer.drawFeature(this.feature);\n+        this.lastPixel = pixel;\n+        this.onDrag(this.feature, pixel)\n+    },\n+    upFeature: function(pixel) {\n+        if (!this.over) {\n+            this.handlers.drag.deactivate()\n         }\n-        if (this.eTop.style.visibility == \"visible\") {\n-            this.eTop.style.width = Math.round(topPx) + \"px\";\n-            this.eTop.innerHTML = topRounded + \" \" + topUnits\n+    },\n+    doneDragging: function(pixel) {\n+        this.onComplete(this.feature, pixel)\n+    },\n+    outFeature: function(feature) {\n+        if (!this.handlers.drag.dragging) {\n+            this.over = false;\n+            this.handlers.drag.deactivate();\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, this.displayClass + \"Over\");\n+            this.onLeave(feature);\n+            this.feature = null\n+        } else {\n+            if (this.feature.id == feature.id) {\n+                this.over = false\n+            }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n+    cancel: function() {\n+        this.handlers.drag.deactivate();\n+        this.over = false\n+    },\n+    setMap: function(map) {\n+        this.handlers.drag.setMap(map);\n+        this.handlers.feature.setMap(map);\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.DragFeature\"\n });\n OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {\n     geometryTypes: null,\n     layer: null,\n     preserveAspectRatio: false,\n     rotate: true,\n     feature: null,\n@@ -29033,460 +25528,14 @@\n         this.layer = null;\n         this.dragControl.destroy();\n         this.dragControl = null;\n         OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n     CLASS_NAME: \"OpenLayers.Control.TransformFeature\"\n });\n-OpenLayers.Control.EditingToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    citeCompliant: false,\n-    initialize: function(layer, options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        this.addControls([new OpenLayers.Control.Navigation]);\n-        var controls = [new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {\n-            displayClass: \"olControlDrawFeaturePoint\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Path, {\n-            displayClass: \"olControlDrawFeaturePath\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        }), new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Polygon, {\n-            displayClass: \"olControlDrawFeaturePolygon\",\n-            handlerOptions: {\n-                citeCompliant: this.citeCompliant\n-            }\n-        })];\n-        this.addControls(controls)\n-    },\n-    draw: function() {\n-        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n-        if (this.defaultControl === null) {\n-            this.defaultControl = this.controls[0]\n-        }\n-        return div\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.EditingToolbar\"\n-});\n-OpenLayers.Control.NavigationHistory = OpenLayers.Class(OpenLayers.Control, {\n-    type: OpenLayers.Control.TYPE_TOGGLE,\n-    previous: null,\n-    previousOptions: null,\n-    next: null,\n-    nextOptions: null,\n-    limit: 50,\n-    autoActivate: true,\n-    clearOnDeactivate: false,\n-    registry: null,\n-    nextStack: null,\n-    previousStack: null,\n-    listeners: null,\n-    restoring: false,\n-    initialize: function(options) {\n-        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n-        this.registry = OpenLayers.Util.extend({\n-            moveend: this.getState\n-        }, this.registry);\n-        var previousOptions = {\n-            trigger: OpenLayers.Function.bind(this.previousTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Previous\"\n-        };\n-        OpenLayers.Util.extend(previousOptions, this.previousOptions);\n-        this.previous = new OpenLayers.Control.Button(previousOptions);\n-        var nextOptions = {\n-            trigger: OpenLayers.Function.bind(this.nextTrigger, this),\n-            displayClass: this.displayClass + \" \" + this.displayClass + \"Next\"\n-        };\n-        OpenLayers.Util.extend(nextOptions, this.nextOptions);\n-        this.next = new OpenLayers.Control.Button(nextOptions);\n-        this.clear()\n-    },\n-    onPreviousChange: function(state, length) {\n-        if (state && !this.previous.active) {\n-            this.previous.activate()\n-        } else if (!state && this.previous.active) {\n-            this.previous.deactivate()\n-        }\n-    },\n-    onNextChange: function(state, length) {\n-        if (state && !this.next.active) {\n-            this.next.activate()\n-        } else if (!state && this.next.active) {\n-            this.next.deactivate()\n-        }\n-    },\n-    destroy: function() {\n-        OpenLayers.Control.prototype.destroy.apply(this);\n-        this.previous.destroy();\n-        this.next.destroy();\n-        this.deactivate();\n-        for (var prop in this) {\n-            this[prop] = null\n-        }\n-    },\n-    setMap: function(map) {\n-        this.map = map;\n-        this.next.setMap(map);\n-        this.previous.setMap(map)\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        this.next.draw();\n-        this.previous.draw()\n-    },\n-    previousTrigger: function() {\n-        var current = this.previousStack.shift();\n-        var state = this.previousStack.shift();\n-        if (state != undefined) {\n-            this.nextStack.unshift(current);\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-        } else {\n-            this.previousStack.unshift(current)\n-        }\n-        return state\n-    },\n-    nextTrigger: function() {\n-        var state = this.nextStack.shift();\n-        if (state != undefined) {\n-            this.previousStack.unshift(state);\n-            this.restoring = true;\n-            this.restore(state);\n-            this.restoring = false;\n-            this.onNextChange(this.nextStack[0], this.nextStack.length);\n-            this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-        }\n-        return state\n-    },\n-    clear: function() {\n-        this.previousStack = [];\n-        this.previous.deactivate();\n-        this.nextStack = [];\n-        this.next.deactivate()\n-    },\n-    getState: function() {\n-        return {\n-            center: this.map.getCenter(),\n-            resolution: this.map.getResolution(),\n-            projection: this.map.getProjectionObject(),\n-            units: this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units\n-        }\n-    },\n-    restore: function(state) {\n-        var center, zoom;\n-        if (this.map.getProjectionObject() == state.projection) {\n-            zoom = this.map.getZoomForResolution(state.resolution);\n-            center = state.center\n-        } else {\n-            center = state.center.clone();\n-            center.transform(state.projection, this.map.getProjectionObject());\n-            var sourceUnits = state.units;\n-            var targetUnits = this.map.getProjectionObject().getUnits() || this.map.units || this.map.baseLayer.units;\n-            var resolutionFactor = sourceUnits && targetUnits ? OpenLayers.INCHES_PER_UNIT[sourceUnits] / OpenLayers.INCHES_PER_UNIT[targetUnits] : 1;\n-            zoom = this.map.getZoomForResolution(resolutionFactor * state.resolution)\n-        }\n-        this.map.setCenter(center, zoom)\n-    },\n-    setListeners: function() {\n-        this.listeners = {};\n-        for (var type in this.registry) {\n-            this.listeners[type] = OpenLayers.Function.bind(function() {\n-                if (!this.restoring) {\n-                    var state = this.registry[type].apply(this, arguments);\n-                    this.previousStack.unshift(state);\n-                    if (this.previousStack.length > 1) {\n-                        this.onPreviousChange(this.previousStack[1], this.previousStack.length - 1)\n-                    }\n-                    if (this.previousStack.length > this.limit + 1) {\n-                        this.previousStack.pop()\n-                    }\n-                    if (this.nextStack.length > 0) {\n-                        this.nextStack = [];\n-                        this.onNextChange(null, 0)\n-                    }\n-                }\n-                return true\n-            }, this)\n-        }\n-    },\n-    activate: function() {\n-        var activated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.activate.apply(this)) {\n-                if (this.listeners == null) {\n-                    this.setListeners()\n-                }\n-                for (var type in this.listeners) {\n-                    this.map.events.register(type, this, this.listeners[type])\n-                }\n-                activated = true;\n-                if (this.previousStack.length == 0) {\n-                    this.initStack()\n-                }\n-            }\n-        }\n-        return activated\n-    },\n-    initStack: function() {\n-        if (this.map.getCenter()) {\n-            this.listeners.moveend()\n-        }\n-    },\n-    deactivate: function() {\n-        var deactivated = false;\n-        if (this.map) {\n-            if (OpenLayers.Control.prototype.deactivate.apply(this)) {\n-                for (var type in this.listeners) {\n-                    this.map.events.unregister(type, this, this.listeners[type])\n-                }\n-                if (this.clearOnDeactivate) {\n-                    this.clear()\n-                }\n-                deactivated = true\n-            }\n-        }\n-        return deactivated\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.NavigationHistory\"\n-});\n-OpenLayers.Control.KeyboardDefaults = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    slideFactor: 75,\n-    observeElement: null,\n-    draw: function() {\n-        var observeElement = this.observeElement || document;\n-        this.handler = new OpenLayers.Handler.Keyboard(this, {\n-            keydown: this.defaultKeyPress\n-        }, {\n-            observeElement: observeElement\n-        })\n-    },\n-    defaultKeyPress: function(evt) {\n-        var size, handled = true;\n-        var target = OpenLayers.Event.element(evt);\n-        if (target && (target.tagName == \"INPUT\" || target.tagName == \"TEXTAREA\" || target.tagName == \"SELECT\")) {\n-            return\n-        }\n-        switch (evt.keyCode) {\n-            case OpenLayers.Event.KEY_LEFT:\n-                this.map.pan(-this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_RIGHT:\n-                this.map.pan(this.slideFactor, 0);\n-                break;\n-            case OpenLayers.Event.KEY_UP:\n-                this.map.pan(0, -this.slideFactor);\n-                break;\n-            case OpenLayers.Event.KEY_DOWN:\n-                this.map.pan(0, this.slideFactor);\n-                break;\n-            case 33:\n-                size = this.map.getSize();\n-                this.map.pan(0, -.75 * size.h);\n-                break;\n-            case 34:\n-                size = this.map.getSize();\n-                this.map.pan(0, .75 * size.h);\n-                break;\n-            case 35:\n-                size = this.map.getSize();\n-                this.map.pan(.75 * size.w, 0);\n-                break;\n-            case 36:\n-                size = this.map.getSize();\n-                this.map.pan(-.75 * size.w, 0);\n-                break;\n-            case 43:\n-            case 61:\n-            case 187:\n-            case 107:\n-                this.map.zoomIn();\n-                break;\n-            case 45:\n-            case 109:\n-            case 189:\n-            case 95:\n-                this.map.zoomOut();\n-                break;\n-            default:\n-                handled = false\n-        }\n-        if (handled) {\n-            OpenLayers.Event.stop(evt)\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.KeyboardDefaults\"\n-});\n-OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n-    slideFactor: 50,\n-    slideRatio: null,\n-    initialize: function(options) {\n-        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n-        var options = {\n-            slideFactor: this.slideFactor,\n-            slideRatio: this.slideRatio\n-        };\n-        this.addControls([new OpenLayers.Control.Pan(OpenLayers.Control.Pan.NORTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.SOUTH, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.EAST, options), new OpenLayers.Control.Pan(OpenLayers.Control.Pan.WEST, options)])\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.PanPanel\"\n-});\n-OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n-    autoActivate: true,\n-    element: null,\n-    prefix: \"\",\n-    separator: \", \",\n-    suffix: \"\",\n-    numDigits: 5,\n-    granularity: 10,\n-    emptyString: null,\n-    lastXy: null,\n-    displayProjection: null,\n-    destroy: function() {\n-        this.deactivate();\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n-    },\n-    activate: function() {\n-        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n-            this.map.events.register(\"mousemove\", this, this.redraw);\n-            this.map.events.register(\"mouseout\", this, this.reset);\n-            this.redraw();\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    deactivate: function() {\n-        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n-            this.map.events.unregister(\"mousemove\", this, this.redraw);\n-            this.map.events.unregister(\"mouseout\", this, this.reset);\n-            this.element.innerHTML = \"\";\n-            return true\n-        } else {\n-            return false\n-        }\n-    },\n-    draw: function() {\n-        OpenLayers.Control.prototype.draw.apply(this, arguments);\n-        if (!this.element) {\n-            this.div.left = \"\";\n-            this.div.top = \"\";\n-            this.element = this.div\n-        }\n-        return this.div\n-    },\n-    redraw: function(evt) {\n-        var lonLat;\n-        if (evt == null) {\n-            this.reset();\n-            return\n-        } else {\n-            if (this.lastXy == null || Math.abs(evt.xy.x - this.lastXy.x) > this.granularity || Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n-                this.lastXy = evt.xy;\n-                return\n-            }\n-            lonLat = this.map.getLonLatFromPixel(evt.xy);\n-            if (!lonLat) {\n-                return\n-            }\n-            if (this.displayProjection) {\n-                lonLat.transform(this.map.getProjectionObject(), this.displayProjection)\n-            }\n-            this.lastXy = evt.xy\n-        }\n-        var newHtml = this.formatOutput(lonLat);\n-        if (newHtml != this.element.innerHTML) {\n-            this.element.innerHTML = newHtml\n-        }\n-    },\n-    reset: function(evt) {\n-        if (this.emptyString != null) {\n-            this.element.innerHTML = this.emptyString\n-        }\n-    },\n-    formatOutput: function(lonLat) {\n-        var digits = parseInt(this.numDigits);\n-        var newHtml = this.prefix + lonLat.lon.toFixed(digits) + this.separator + lonLat.lat.toFixed(digits) + this.suffix;\n-        return newHtml\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n-});\n-OpenLayers.Control.ArgParser = OpenLayers.Class(OpenLayers.Control, {\n-    center: null,\n-    zoom: null,\n-    layers: null,\n-    displayProjection: null,\n-    getParameters: function(url) {\n-        url = url || window.location.href;\n-        var parameters = OpenLayers.Util.getParameters(url);\n-        var index = url.indexOf(\"#\");\n-        if (index > 0) {\n-            url = \"?\" + url.substring(index + 1, url.length);\n-            OpenLayers.Util.extend(parameters, OpenLayers.Util.getParameters(url))\n-        }\n-        return parameters\n-    },\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        for (var i = 0, len = this.map.controls.length; i < len; i++) {\n-            var control = this.map.controls[i];\n-            if (control != this && control.CLASS_NAME == \"OpenLayers.Control.ArgParser\") {\n-                if (control.displayProjection != this.displayProjection) {\n-                    this.displayProjection = control.displayProjection\n-                }\n-                break\n-            }\n-        }\n-        if (i == this.map.controls.length) {\n-            var args = this.getParameters();\n-            if (args.layers) {\n-                this.layers = args.layers;\n-                this.map.events.register(\"addlayer\", this, this.configureLayers);\n-                this.configureLayers()\n-            }\n-            if (args.lat && args.lon) {\n-                this.center = new OpenLayers.LonLat(parseFloat(args.lon), parseFloat(args.lat));\n-                if (args.zoom) {\n-                    this.zoom = parseFloat(args.zoom)\n-                }\n-                this.map.events.register(\"changebaselayer\", this, this.setCenter);\n-                this.setCenter()\n-            }\n-        }\n-    },\n-    setCenter: function() {\n-        if (this.map.baseLayer) {\n-            this.map.events.unregister(\"changebaselayer\", this, this.setCenter);\n-            if (this.displayProjection) {\n-                this.center.transform(this.displayProjection, this.map.getProjectionObject())\n-            }\n-            this.map.setCenter(this.center, this.zoom)\n-        }\n-    },\n-    configureLayers: function() {\n-        if (this.layers.length == this.map.layers.length) {\n-            this.map.events.unregister(\"addlayer\", this, this.configureLayers);\n-            for (var i = 0, len = this.layers.length; i < len; i++) {\n-                var layer = this.map.layers[i];\n-                var c = this.layers.charAt(i);\n-                if (c == \"B\") {\n-                    this.map.setBaseLayer(layer)\n-                } else if (c == \"T\" || c == \"F\") {\n-                    layer.setVisibility(c == \"T\")\n-                }\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Control.ArgParser\"\n-});\n OpenLayers.Control.Permalink = OpenLayers.Class(OpenLayers.Control, {\n     argParserClass: OpenLayers.Control.ArgParser,\n     element: null,\n     anchor: false,\n     base: \"\",\n     displayProjection: null,\n     initialize: function(element, base, options) {\n@@ -29596,121 +25645,73 @@\n                 }\n             }\n         }\n         return params\n     },\n     CLASS_NAME: \"OpenLayers.Control.Permalink\"\n });\n-OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n-    layers: null,\n-    imageFormat: \"image/png\",\n-    quotaRegEx: /quota/i,\n-    setMap: function(map) {\n-        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n-        var i, layers = this.layers || map.layers;\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            this.addLayer({\n-                layer: layers[i]\n-            })\n-        }\n-        if (!this.layers) {\n-            map.events.on({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n+OpenLayers.Control.ZoomOut = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomOut()\n         }\n     },\n-    addLayer: function(evt) {\n-        evt.layer.events.on({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        })\n-    },\n-    removeLayer: function(evt) {\n-        evt.layer.events.un({\n-            tileloadstart: this.makeSameOrigin,\n-            tileloaded: this.onTileLoaded,\n-            scope: this\n-        })\n-    },\n-    makeSameOrigin: function(evt) {\n-        if (this.active) {\n-            var tile = evt.tile;\n-            if (tile instanceof OpenLayers.Tile.Image && !tile.crossOriginKeyword && tile.url.substr(0, 5) !== \"data:\") {\n-                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(tile.url, OpenLayers.ProxyHost);\n-                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n-                tile.url = sameOriginUrl\n+    CLASS_NAME: \"OpenLayers.Control.ZoomOut\"\n+});\n+OpenLayers.Layer.Vector.RootContainer = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    displayInLayerSwitcher: false,\n+    layers: null,\n+    display: function() {},\n+    getFeatureFromEvent: function(evt) {\n+        var layers = this.layers;\n+        var feature;\n+        for (var i = 0; i < layers.length; i++) {\n+            feature = layers[i].getFeatureFromEvent(evt);\n+            if (feature) {\n+                return feature\n             }\n         }\n     },\n-    onTileLoaded: function(evt) {\n-        if (this.active && !evt.aborted && evt.tile instanceof OpenLayers.Tile.Image && evt.tile.url.substr(0, 5) !== \"data:\") {\n-            this.cache({\n-                tile: evt.tile\n-            });\n-            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url]\n-        }\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        this.collectRoots();\n+        map.events.register(\"changelayer\", this, this.handleChangeLayer)\n     },\n-    cache: function(obj) {\n-        if (window.localStorage) {\n-            var tile = obj.tile;\n-            try {\n-                var canvasContext = tile.getCanvasContext();\n-                if (canvasContext) {\n-                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n-                    var url = urlMap[tile.url] || tile.url;\n-                    window.localStorage.setItem(\"olCache_\" + url, canvasContext.canvas.toDataURL(this.imageFormat))\n-                }\n-            } catch (e) {\n-                var reason = e.name || e.message;\n-                if (reason && this.quotaRegEx.test(reason)) {\n-                    this.events.triggerEvent(\"cachefull\", {\n-                        tile: tile\n-                    })\n-                } else {\n-                    OpenLayers.Console.error(e.toString())\n-                }\n+    removeMap: function(map) {\n+        map.events.unregister(\"changelayer\", this, this.handleChangeLayer);\n+        this.resetRoots();\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n+    },\n+    collectRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.map.layers.length; ++i) {\n+            layer = this.map.layers[i];\n+            if (OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+                layer.renderer.moveRoot(this.renderer)\n             }\n         }\n     },\n-    destroy: function() {\n-        if (this.layers || this.map) {\n-            var i, layers = this.layers || this.map.layers;\n-            for (i = layers.length - 1; i >= 0; --i) {\n-                this.removeLayer({\n-                    layer: layers[i]\n-                })\n+    resetRoots: function() {\n+        var layer;\n+        for (var i = 0; i < this.layers.length; ++i) {\n+            layer = this.layers[i];\n+            if (this.renderer && layer.renderer.getRenderLayerId() == this.id) {\n+                this.renderer.moveRoot(layer.renderer)\n             }\n         }\n-        if (this.map) {\n-            this.map.events.un({\n-                addlayer: this.addLayer,\n-                removeLayer: this.removeLayer,\n-                scope: this\n-            })\n+    },\n+    handleChangeLayer: function(evt) {\n+        var layer = evt.layer;\n+        if (evt.property == \"order\" && OpenLayers.Util.indexOf(this.layers, layer) != -1) {\n+            this.resetRoots();\n+            this.collectRoots()\n         }\n-        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+    CLASS_NAME: \"OpenLayers.Layer.Vector.RootContainer\"\n });\n-OpenLayers.Control.CacheWrite.clearCache = function() {\n-    if (!window.localStorage) {\n-        return\n-    }\n-    var i, key;\n-    for (i = window.localStorage.length - 1; i >= 0; --i) {\n-        key = window.localStorage.key(i);\n-        if (key.substr(0, 8) === \"olCache_\") {\n-            window.localStorage.removeItem(key)\n-        }\n-    }\n-};\n-OpenLayers.Control.CacheWrite.urlMap = {};\n OpenLayers.Control.SelectFeature = OpenLayers.Class(OpenLayers.Control, {\n     multipleKey: null,\n     toggleKey: null,\n     multiple: false,\n     clickout: true,\n     toggle: false,\n     hover: false,\n@@ -30154,14 +26155,422 @@\n             var inPerMapUnit = OpenLayers.INCHES_PER_UNIT[geomUnits];\n             length *= inPerMapUnit / inPerDisplayUnit\n         }\n         return length\n     },\n     CLASS_NAME: \"OpenLayers.Control.Measure\"\n });\n+OpenLayers.Control.Geolocate = OpenLayers.Class(OpenLayers.Control, {\n+    geolocation: null,\n+    available: \"geolocation\" in navigator,\n+    bind: true,\n+    watch: false,\n+    geolocationOptions: null,\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    activate: function() {\n+        if (this.available && !this.geolocation) {\n+            this.geolocation = navigator.geolocation\n+        }\n+        if (!this.geolocation) {\n+            this.events.triggerEvent(\"locationuncapable\");\n+            return false\n+        }\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            if (this.watch) {\n+                this.watchId = this.geolocation.watchPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions)\n+            } else {\n+                this.getCurrentLocation()\n+            }\n+            return true\n+        }\n+        return false\n+    },\n+    deactivate: function() {\n+        if (this.active && this.watchId !== null) {\n+            this.geolocation.clearWatch(this.watchId)\n+        }\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n+    },\n+    geolocate: function(position) {\n+        var center = new OpenLayers.LonLat(position.coords.longitude, position.coords.latitude).transform(new OpenLayers.Projection(\"EPSG:4326\"), this.map.getProjectionObject());\n+        if (this.bind) {\n+            this.map.setCenter(center)\n+        }\n+        this.events.triggerEvent(\"locationupdated\", {\n+            position: position,\n+            point: new OpenLayers.Geometry.Point(center.lon, center.lat)\n+        })\n+    },\n+    getCurrentLocation: function() {\n+        if (!this.active || this.watch) {\n+            return false\n+        }\n+        this.geolocation.getCurrentPosition(OpenLayers.Function.bind(this.geolocate, this), OpenLayers.Function.bind(this.failure, this), this.geolocationOptions);\n+        return true\n+    },\n+    failure: function(error) {\n+        this.events.triggerEvent(\"locationfailed\", {\n+            error: error\n+        })\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Geolocate\"\n+});\n+OpenLayers.Control.ZoomIn = OpenLayers.Class(OpenLayers.Control.Button, {\n+    trigger: function() {\n+        if (this.map) {\n+            this.map.zoomIn()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ZoomIn\"\n+});\n+OpenLayers.Control.ScaleLine = OpenLayers.Class(OpenLayers.Control, {\n+    maxWidth: 100,\n+    topOutUnits: \"km\",\n+    topInUnits: \"m\",\n+    bottomOutUnits: \"mi\",\n+    bottomInUnits: \"ft\",\n+    eTop: null,\n+    eBottom: null,\n+    geodesic: false,\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.eTop) {\n+            this.eTop = document.createElement(\"div\");\n+            this.eTop.className = this.displayClass + \"Top\";\n+            var theLen = this.topInUnits.length;\n+            this.div.appendChild(this.eTop);\n+            if (this.topOutUnits == \"\" || this.topInUnits == \"\") {\n+                this.eTop.style.visibility = \"hidden\"\n+            } else {\n+                this.eTop.style.visibility = \"visible\"\n+            }\n+            this.eBottom = document.createElement(\"div\");\n+            this.eBottom.className = this.displayClass + \"Bottom\";\n+            this.div.appendChild(this.eBottom);\n+            if (this.bottomOutUnits == \"\" || this.bottomInUnits == \"\") {\n+                this.eBottom.style.visibility = \"hidden\"\n+            } else {\n+                this.eBottom.style.visibility = \"visible\"\n+            }\n+        }\n+        this.map.events.register(\"moveend\", this, this.update);\n+        this.update();\n+        return this.div\n+    },\n+    getBarLen: function(maxLen) {\n+        var digits = parseInt(Math.log(maxLen) / Math.log(10));\n+        var pow10 = Math.pow(10, digits);\n+        var firstChar = parseInt(maxLen / pow10);\n+        var barLen;\n+        if (firstChar > 5) {\n+            barLen = 5\n+        } else if (firstChar > 2) {\n+            barLen = 2\n+        } else {\n+            barLen = 1\n+        }\n+        return barLen * pow10\n+    },\n+    update: function() {\n+        var res = this.map.getResolution();\n+        if (!res) {\n+            return\n+        }\n+        var curMapUnits = this.map.getUnits();\n+        var inches = OpenLayers.INCHES_PER_UNIT;\n+        var maxSizeData = this.maxWidth * res * inches[curMapUnits];\n+        var geodesicRatio = 1;\n+        if (this.geodesic === true) {\n+            var maxSizeGeodesic = (this.map.getGeodesicPixelSize().w || 1e-6) * this.maxWidth;\n+            var maxSizeKilometers = maxSizeData / inches[\"km\"];\n+            geodesicRatio = maxSizeGeodesic / maxSizeKilometers;\n+            maxSizeData *= geodesicRatio\n+        }\n+        var topUnits;\n+        var bottomUnits;\n+        if (maxSizeData > 1e5) {\n+            topUnits = this.topOutUnits;\n+            bottomUnits = this.bottomOutUnits\n+        } else {\n+            topUnits = this.topInUnits;\n+            bottomUnits = this.bottomInUnits\n+        }\n+        var topMax = maxSizeData / inches[topUnits];\n+        var bottomMax = maxSizeData / inches[bottomUnits];\n+        var topRounded = this.getBarLen(topMax);\n+        var bottomRounded = this.getBarLen(bottomMax);\n+        topMax = topRounded / inches[curMapUnits] * inches[topUnits];\n+        bottomMax = bottomRounded / inches[curMapUnits] * inches[bottomUnits];\n+        var topPx = topMax / res / geodesicRatio;\n+        var bottomPx = bottomMax / res / geodesicRatio;\n+        if (this.eBottom.style.visibility == \"visible\") {\n+            this.eBottom.style.width = Math.round(bottomPx) + \"px\";\n+            this.eBottom.innerHTML = bottomRounded + \" \" + bottomUnits\n+        }\n+        if (this.eTop.style.visibility == \"visible\") {\n+            this.eTop.style.width = Math.round(topPx) + \"px\";\n+            this.eTop.innerHTML = topRounded + \" \" + topUnits\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ScaleLine\"\n+});\n+OpenLayers.Control.MousePosition = OpenLayers.Class(OpenLayers.Control, {\n+    autoActivate: true,\n+    element: null,\n+    prefix: \"\",\n+    separator: \", \",\n+    suffix: \"\",\n+    numDigits: 5,\n+    granularity: 10,\n+    emptyString: null,\n+    lastXy: null,\n+    displayProjection: null,\n+    destroy: function() {\n+        this.deactivate();\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.map.events.register(\"mousemove\", this, this.redraw);\n+            this.map.events.register(\"mouseout\", this, this.reset);\n+            this.redraw();\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.map.events.unregister(\"mousemove\", this, this.redraw);\n+            this.map.events.unregister(\"mouseout\", this, this.reset);\n+            this.element.innerHTML = \"\";\n+            return true\n+        } else {\n+            return false\n+        }\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        if (!this.element) {\n+            this.div.left = \"\";\n+            this.div.top = \"\";\n+            this.element = this.div\n+        }\n+        return this.div\n+    },\n+    redraw: function(evt) {\n+        var lonLat;\n+        if (evt == null) {\n+            this.reset();\n+            return\n+        } else {\n+            if (this.lastXy == null || Math.abs(evt.xy.x - this.lastXy.x) > this.granularity || Math.abs(evt.xy.y - this.lastXy.y) > this.granularity) {\n+                this.lastXy = evt.xy;\n+                return\n+            }\n+            lonLat = this.map.getLonLatFromPixel(evt.xy);\n+            if (!lonLat) {\n+                return\n+            }\n+            if (this.displayProjection) {\n+                lonLat.transform(this.map.getProjectionObject(), this.displayProjection)\n+            }\n+            this.lastXy = evt.xy\n+        }\n+        var newHtml = this.formatOutput(lonLat);\n+        if (newHtml != this.element.innerHTML) {\n+            this.element.innerHTML = newHtml\n+        }\n+    },\n+    reset: function(evt) {\n+        if (this.emptyString != null) {\n+            this.element.innerHTML = this.emptyString\n+        }\n+    },\n+    formatOutput: function(lonLat) {\n+        var digits = parseInt(this.numDigits);\n+        var newHtml = this.prefix + lonLat.lon.toFixed(digits) + this.separator + lonLat.lat.toFixed(digits) + this.suffix;\n+        return newHtml\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.MousePosition\"\n+});\n+OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.ZoomIn, new OpenLayers.Control.ZoomToMaxExtent, new OpenLayers.Control.ZoomOut])\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.ZoomPanel\"\n+});\n+OpenLayers.Control.CacheWrite = OpenLayers.Class(OpenLayers.Control, {\n+    layers: null,\n+    imageFormat: \"image/png\",\n+    quotaRegEx: /quota/i,\n+    setMap: function(map) {\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments);\n+        var i, layers = this.layers || map.layers;\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            this.addLayer({\n+                layer: layers[i]\n+            })\n+        }\n+        if (!this.layers) {\n+            map.events.on({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+    },\n+    addLayer: function(evt) {\n+        evt.layer.events.on({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        })\n+    },\n+    removeLayer: function(evt) {\n+        evt.layer.events.un({\n+            tileloadstart: this.makeSameOrigin,\n+            tileloaded: this.onTileLoaded,\n+            scope: this\n+        })\n+    },\n+    makeSameOrigin: function(evt) {\n+        if (this.active) {\n+            var tile = evt.tile;\n+            if (tile instanceof OpenLayers.Tile.Image && !tile.crossOriginKeyword && tile.url.substr(0, 5) !== \"data:\") {\n+                var sameOriginUrl = OpenLayers.Request.makeSameOrigin(tile.url, OpenLayers.ProxyHost);\n+                OpenLayers.Control.CacheWrite.urlMap[sameOriginUrl] = tile.url;\n+                tile.url = sameOriginUrl\n+            }\n+        }\n+    },\n+    onTileLoaded: function(evt) {\n+        if (this.active && !evt.aborted && evt.tile instanceof OpenLayers.Tile.Image && evt.tile.url.substr(0, 5) !== \"data:\") {\n+            this.cache({\n+                tile: evt.tile\n+            });\n+            delete OpenLayers.Control.CacheWrite.urlMap[evt.tile.url]\n+        }\n+    },\n+    cache: function(obj) {\n+        if (window.localStorage) {\n+            var tile = obj.tile;\n+            try {\n+                var canvasContext = tile.getCanvasContext();\n+                if (canvasContext) {\n+                    var urlMap = OpenLayers.Control.CacheWrite.urlMap;\n+                    var url = urlMap[tile.url] || tile.url;\n+                    window.localStorage.setItem(\"olCache_\" + url, canvasContext.canvas.toDataURL(this.imageFormat))\n+                }\n+            } catch (e) {\n+                var reason = e.name || e.message;\n+                if (reason && this.quotaRegEx.test(reason)) {\n+                    this.events.triggerEvent(\"cachefull\", {\n+                        tile: tile\n+                    })\n+                } else {\n+                    OpenLayers.Console.error(e.toString())\n+                }\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        if (this.layers || this.map) {\n+            var i, layers = this.layers || this.map.layers;\n+            for (i = layers.length - 1; i >= 0; --i) {\n+                this.removeLayer({\n+                    layer: layers[i]\n+                })\n+            }\n+        }\n+        if (this.map) {\n+            this.map.events.un({\n+                addlayer: this.addLayer,\n+                removeLayer: this.removeLayer,\n+                scope: this\n+            })\n+        }\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.CacheWrite\"\n+});\n+OpenLayers.Control.CacheWrite.clearCache = function() {\n+    if (!window.localStorage) {\n+        return\n+    }\n+    var i, key;\n+    for (i = window.localStorage.length - 1; i >= 0; --i) {\n+        key = window.localStorage.key(i);\n+        if (key.substr(0, 8) === \"olCache_\") {\n+            window.localStorage.removeItem(key)\n+        }\n+    }\n+};\n+OpenLayers.Control.CacheWrite.urlMap = {};\n+OpenLayers.Control.Attribution = OpenLayers.Class(OpenLayers.Control, {\n+    separator: \", \",\n+    template: \"${layers}\",\n+    destroy: function() {\n+        this.map.events.un({\n+            removelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            changebaselayer: this.updateAttribution,\n+            scope: this\n+        });\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        OpenLayers.Control.prototype.draw.apply(this, arguments);\n+        this.map.events.on({\n+            changebaselayer: this.updateAttribution,\n+            changelayer: this.updateAttribution,\n+            addlayer: this.updateAttribution,\n+            removelayer: this.updateAttribution,\n+            scope: this\n+        });\n+        this.updateAttribution();\n+        return this.div\n+    },\n+    updateAttribution: function() {\n+        var attributions = [];\n+        if (this.map && this.map.layers) {\n+            for (var i = 0, len = this.map.layers.length; i < len; i++) {\n+                var layer = this.map.layers[i];\n+                if (layer.attribution && layer.getVisibility()) {\n+                    if (OpenLayers.Util.indexOf(attributions, layer.attribution) === -1) {\n+                        attributions.push(layer.attribution)\n+                    }\n+                }\n+            }\n+            this.div.innerHTML = OpenLayers.String.format(this.template, {\n+                layers: attributions.join(this.separator)\n+            })\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.Attribution\"\n+});\n+OpenLayers.Control.NavToolbar = OpenLayers.Class(OpenLayers.Control.Panel, {\n+    initialize: function(options) {\n+        OpenLayers.Control.Panel.prototype.initialize.apply(this, [options]);\n+        this.addControls([new OpenLayers.Control.Navigation, new OpenLayers.Control.ZoomBox])\n+    },\n+    draw: function() {\n+        var div = OpenLayers.Control.Panel.prototype.draw.apply(this, arguments);\n+        if (this.defaultControl === null) {\n+            this.defaultControl = this.controls[0]\n+        }\n+        return div\n+    },\n+    CLASS_NAME: \"OpenLayers.Control.NavToolbar\"\n+});\n OpenLayers.Control.Snapping = OpenLayers.Class(OpenLayers.Control, {\n     DEFAULTS: {\n         tolerance: 10,\n         node: true,\n         edge: true,\n         vertex: true\n     },\n@@ -30426,1427 +26835,461 @@\n         }\n         delete this.layer;\n         delete this.targets;\n         OpenLayers.Control.prototype.destroy.call(this)\n     },\n     CLASS_NAME: \"OpenLayers.Control.Snapping\"\n });\n-OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n-    url: null,\n-    params: null,\n-    callback: null,\n-    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n-    callbackKey: \"callback\",\n-    callbackPrefix: \"\",\n-    scope: null,\n-    format: null,\n-    pendingRequests: null,\n-    srsInBBOX: false,\n+OpenLayers.Control.PinchZoom = OpenLayers.Class(OpenLayers.Control, {\n+    type: OpenLayers.Control.TYPE_TOOL,\n+    pinchOrigin: null,\n+    currentCenter: null,\n+    autoActivate: true,\n+    preserveCenter: false,\n     initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.pendingRequests = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.format) {\n-            this.format = new OpenLayers.Format.GeoJSON\n-        }\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params)\n-            }\n-        }\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(options.filter, options.params)\n-        }\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var request = this.createRequest(options.url, options.params, OpenLayers.Function.bind(function(data) {\n-            response.data = data;\n-            this.handleRead(response, options)\n-        }, this));\n-        response.priv = request;\n-        return response\n-    },\n-    createRequest: function(url, params, callback) {\n-        var id = OpenLayers.Protocol.Script.register(callback);\n-        var name = OpenLayers.String.format(this.callbackTemplate, {\n-            id: id\n-        });\n-        params = OpenLayers.Util.extend({}, params);\n-        params[this.callbackKey] = this.callbackPrefix + name;\n-        url = OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(params));\n-        var script = document.createElement(\"script\");\n-        script.type = \"text/javascript\";\n-        script.src = url;\n-        script.id = \"OpenLayers_Protocol_Script_\" + id;\n-        this.pendingRequests[script.id] = script;\n-        var head = document.getElementsByTagName(\"head\")[0];\n-        head.appendChild(script);\n-        return script\n-    },\n-    destroyRequest: function(script) {\n-        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n-        delete this.pendingRequests[script.id];\n-        if (script.parentNode) {\n-            script.parentNode.removeChild(script)\n-        }\n-    },\n-    handleRead: function(response, options) {\n-        this.handleResponse(response, options)\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments);\n+        this.handler = new OpenLayers.Handler.Pinch(this, {\n+            start: this.pinchStart,\n+            move: this.pinchMove,\n+            done: this.pinchDone\n+        }, this.handlerOptions)\n     },\n-    handleResponse: function(response, options) {\n-        if (options.callback) {\n-            if (response.data) {\n-                response.features = this.parseFeatures(response.data);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            this.destroyRequest(response.priv);\n-            options.callback.call(options.scope, response)\n-        }\n+    pinchStart: function(evt, pinchData) {\n+        var xy = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        this.pinchOrigin = xy;\n+        this.currentCenter = xy\n     },\n-    parseFeatures: function(data) {\n-        return this.format.read(data)\n+    pinchMove: function(evt, pinchData) {\n+        var scale = pinchData.scale;\n+        var containerOrigin = this.map.layerContainerOriginPx;\n+        var pinchOrigin = this.pinchOrigin;\n+        var current = this.preserveCenter ? this.map.getPixelFromLonLat(this.map.getCenter()) : evt.xy;\n+        var dx = Math.round(containerOrigin.x + current.x - pinchOrigin.x + (scale - 1) * (containerOrigin.x - pinchOrigin.x));\n+        var dy = Math.round(containerOrigin.y + current.y - pinchOrigin.y + (scale - 1) * (containerOrigin.y - pinchOrigin.y));\n+        this.map.applyTransform(dx, dy, scale);\n+        this.currentCenter = current\n     },\n-    abort: function(response) {\n-        if (response) {\n-            this.destroyRequest(response.priv)\n-        } else {\n-            for (var key in this.pendingRequests) {\n-                this.destroyRequest(this.pendingRequests[key])\n-            }\n+    pinchDone: function(evt, start, last) {\n+        this.map.applyTransform();\n+        var zoom = this.map.getZoomForResolution(this.map.getResolution() / last.scale, true);\n+        if (zoom !== this.map.getZoom() || !this.currentCenter.equals(this.pinchOrigin)) {\n+            var resolution = this.map.getResolutionForZoom(zoom);\n+            var location = this.map.getLonLatFromPixel(this.pinchOrigin);\n+            var zoomPixel = this.currentCenter;\n+            var size = this.map.getSize();\n+            location.lon += resolution * (size.w / 2 - zoomPixel.x);\n+            location.lat -= resolution * (size.h / 2 - zoomPixel.y);\n+            this.map.div.clientWidth = this.map.div.clientWidth;\n+            this.map.setCenter(location, zoom)\n         }\n     },\n-    destroy: function() {\n-        this.abort();\n-        delete this.params;\n-        delete this.format;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+    CLASS_NAME: \"OpenLayers.Control.PinchZoom\"\n });\n-(function() {\n-    var o = OpenLayers.Protocol.Script;\n-    var counter = 0;\n-    o.registry = {};\n-    o.register = function(callback) {\n-        var id = \"c\" + ++counter;\n-        o.registry[id] = function() {\n-            callback.apply(this, arguments)\n-        };\n-        return id\n-    };\n-    o.unregister = function(id) {\n-        delete o.registry[id]\n-    }\n-})();\n-OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n-    url: null,\n-    headers: null,\n-    params: null,\n-    callback: null,\n-    scope: null,\n-    readWithPOST: false,\n-    updateWithPOST: false,\n-    deleteWithPOST: false,\n-    wildcarded: false,\n-    srsInBBOX: false,\n+OpenLayers.Control.TouchNavigation = OpenLayers.Class(OpenLayers.Control, {\n+    dragPan: null,\n+    dragPanOptions: null,\n+    pinchZoom: null,\n+    pinchZoomOptions: null,\n+    clickHandlerOptions: null,\n+    documentDrag: false,\n+    autoActivate: true,\n     initialize: function(options) {\n-        options = options || {};\n-        this.params = {};\n-        this.headers = {};\n-        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n-        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n-            var format = new OpenLayers.Format.QueryStringFilter({\n-                wildcarded: this.wildcarded,\n-                srsInBBOX: this.srsInBBOX\n-            });\n-            this.filterToParams = function(filter, params) {\n-                return format.write(filter, params)\n-            }\n-        }\n+        this.handlers = {};\n+        OpenLayers.Control.prototype.initialize.apply(this, arguments)\n     },\n     destroy: function() {\n-        this.params = null;\n-        this.headers = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = options || {};\n-        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.filter && this.filterToParams) {\n-            options.params = this.filterToParams(options.filter, options.params)\n-        }\n-        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n-        var resp = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        if (readWithPOST) {\n-            var headers = options.headers || {};\n-            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n-            resp.priv = OpenLayers.Request.POST({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                data: OpenLayers.Util.getParameterString(options.params),\n-                headers: headers\n-            })\n-        } else {\n-            resp.priv = OpenLayers.Request.GET({\n-                url: options.url,\n-                callback: this.createCallback(this.handleRead, resp, options),\n-                params: options.params,\n-                headers: options.headers\n-            })\n+        this.deactivate();\n+        if (this.dragPan) {\n+            this.dragPan.destroy()\n         }\n-        return resp\n-    },\n-    handleRead: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    create: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: features,\n-            requestType: \"create\"\n-        });\n-        resp.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleCreate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(features)\n-        });\n-        return resp\n-    },\n-    handleCreate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    update: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"update\"\n-        });\n-        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n-        resp.priv = OpenLayers.Request[method]({\n-            url: url,\n-            callback: this.createCallback(this.handleUpdate, resp, options),\n-            headers: options.headers,\n-            data: this.format.write(feature)\n-        });\n-        return resp\n-    },\n-    handleUpdate: function(resp, options) {\n-        this.handleResponse(resp, options)\n-    },\n-    delete: function(feature, options) {\n-        options = options || {};\n-        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = new OpenLayers.Protocol.Response({\n-            reqFeatures: feature,\n-            requestType: \"delete\"\n-        });\n-        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n-        var requestOptions = {\n-            url: url,\n-            callback: this.createCallback(this.handleDelete, resp, options),\n-            headers: options.headers\n-        };\n-        if (this.deleteWithPOST) {\n-            requestOptions.data = this.format.write(feature)\n+        this.dragPan = null;\n+        if (this.pinchZoom) {\n+            this.pinchZoom.destroy();\n+            delete this.pinchZoom\n         }\n-        resp.priv = OpenLayers.Request[method](requestOptions);\n-        return resp\n-    },\n-    handleDelete: function(resp, options) {\n-        this.handleResponse(resp, options)\n+        OpenLayers.Control.prototype.destroy.apply(this, arguments)\n     },\n-    handleResponse: function(resp, options) {\n-        var request = resp.priv;\n-        if (options.callback) {\n-            if (request.status >= 200 && request.status < 300) {\n-                if (resp.requestType != \"delete\") {\n-                    resp.features = this.parseFeatures(request)\n-                }\n-                resp.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                resp.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, resp)\n+    activate: function() {\n+        if (OpenLayers.Control.prototype.activate.apply(this, arguments)) {\n+            this.dragPan.activate();\n+            this.handlers.click.activate();\n+            this.pinchZoom.activate();\n+            return true\n         }\n+        return false\n     },\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    deactivate: function() {\n+        if (OpenLayers.Control.prototype.deactivate.apply(this, arguments)) {\n+            this.dragPan.deactivate();\n+            this.handlers.click.deactivate();\n+            this.pinchZoom.deactivate();\n+            return true\n         }\n-        return this.format.read(doc)\n+        return false\n     },\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.applyDefaults(options, this.options);\n-        var resp = [],\n-            nResponses = 0;\n-        var types = {};\n-        types[OpenLayers.State.INSERT] = [];\n-        types[OpenLayers.State.UPDATE] = [];\n-        types[OpenLayers.State.DELETE] = [];\n-        var feature, list, requestFeatures = [];\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            list = types[feature.state];\n-            if (list) {\n-                list.push(feature);\n-                requestFeatures.push(feature)\n-            }\n-        }\n-        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n-        var success = true;\n-        var finalResponse = new OpenLayers.Protocol.Response({\n-            reqFeatures: requestFeatures\n-        });\n-\n-        function insertCallback(response) {\n-            var len = response.features ? response.features.length : 0;\n-            var fids = new Array(len);\n-            for (var i = 0; i < len; ++i) {\n-                fids[i] = response.features[i].fid\n-            }\n-            finalResponse.insertIds = fids;\n-            callback.apply(this, [response])\n-        }\n-\n-        function callback(response) {\n-            this.callUserCallback(response, options);\n-            success = success && response.success();\n-            nResponses++;\n-            if (nResponses >= nRequests) {\n-                if (options.callback) {\n-                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n-                    options.callback.apply(options.scope, [finalResponse])\n-                }\n-            }\n-        }\n-        var queue = types[OpenLayers.State.INSERT];\n-        if (queue.length > 0) {\n-            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n-                callback: insertCallback,\n-                scope: this\n-            }, options.create)))\n-        }\n-        queue = types[OpenLayers.State.UPDATE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options.update)))\n-        }\n-        queue = types[OpenLayers.State.DELETE];\n-        for (var i = queue.length - 1; i >= 0; --i) {\n-            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n-                callback: callback,\n-                scope: this\n-            }, options[\"delete\"])))\n-        }\n-        return resp\n+    draw: function() {\n+        var clickCallbacks = {\n+            click: this.defaultClick,\n+            dblclick: this.defaultDblClick\n+        };\n+        var clickOptions = OpenLayers.Util.extend({\n+            double: true,\n+            stopDouble: true,\n+            pixelTolerance: 2\n+        }, this.clickHandlerOptions);\n+        this.handlers.click = new OpenLayers.Handler.Click(this, clickCallbacks, clickOptions);\n+        this.dragPan = new OpenLayers.Control.DragPan(OpenLayers.Util.extend({\n+            map: this.map,\n+            documentDrag: this.documentDrag\n+        }, this.dragPanOptions));\n+        this.dragPan.draw();\n+        this.pinchZoom = new OpenLayers.Control.PinchZoom(OpenLayers.Util.extend({\n+            map: this.map\n+        }, this.pinchZoomOptions))\n     },\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort()\n+    defaultClick: function(evt) {\n+        if (evt.lastTouches && evt.lastTouches.length == 2) {\n+            this.map.zoomOut()\n         }\n     },\n-    callUserCallback: function(resp, options) {\n-        var opt = options[resp.requestType];\n-        if (opt && opt.callback) {\n-            opt.callback.call(opt.scope, resp)\n-        }\n+    defaultDblClick: function(evt) {\n+        this.map.zoomTo(this.map.zoom + 1, evt.xy)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+    CLASS_NAME: \"OpenLayers.Control.TouchNavigation\"\n });\n-OpenLayers.Protocol.SOS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.SOS.DEFAULTS);\n-    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported SOS version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.SOS.DEFAULTS = {\n-    version: \"1.0.0\"\n-};\n-OpenLayers.Protocol.CSW = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.CSW.DEFAULTS);\n-    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSW version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.CSW.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Protocol.WFS = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.WFS.DEFAULTS);\n-    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported WFS version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n-    var typeName, featurePrefix;\n-    var param = layer.params[\"LAYERS\"];\n-    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n-    if (parts.length > 1) {\n-        featurePrefix = parts[0]\n-    }\n-    typeName = parts.pop();\n-    var protocolOptions = {\n-        url: layer.url,\n-        featureType: typeName,\n-        featurePrefix: featurePrefix,\n-        srsName: layer.projection && layer.projection.getCode() || layer.map && layer.map.getProjectionObject().getCode(),\n-        version: \"1.1.0\"\n-    };\n-    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(options, protocolOptions))\n-};\n-OpenLayers.Protocol.WFS.DEFAULTS = {\n-    version: \"1.0.0\"\n-};\n-OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n-    version: null,\n-    srsName: \"EPSG:4326\",\n-    featureType: null,\n-    featureNS: null,\n-    geometryName: \"the_geom\",\n-    schema: null,\n-    featurePrefix: \"feature\",\n-    formatOptions: null,\n-    readFormat: null,\n-    readOptions: null,\n+OpenLayers.Control.GetFeature = OpenLayers.Class(OpenLayers.Control, {\n+    protocol: null,\n+    multipleKey: null,\n+    toggleKey: null,\n+    modifiers: null,\n+    multiple: false,\n+    click: true,\n+    single: true,\n+    clickout: true,\n+    toggle: false,\n+    clickTolerance: 5,\n+    hover: false,\n+    box: false,\n+    maxFeatures: 10,\n+    features: null,\n+    hoverFeature: null,\n+    handlers: null,\n+    hoverResponse: null,\n+    filterType: OpenLayers.Filter.Spatial.BBOX,\n     initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n-                version: this.version,\n-                featureType: this.featureType,\n-                featureNS: this.featureNS,\n-                featurePrefix: this.featurePrefix,\n-                geometryName: this.geometryName,\n-                srsName: this.srsName,\n-                schema: this.schema\n-            }, this.formatOptions))\n-        }\n-        if (!options.geometryName && parseFloat(this.format.version) > 1) {\n-            this.setGeometryName(null)\n+        options.handlerOptions = options.handlerOptions || {};\n+        OpenLayers.Control.prototype.initialize.apply(this, [options]);\n+        this.features = {};\n+        this.handlers = {};\n+        if (this.click) {\n+            this.handlers.click = new OpenLayers.Handler.Click(this, {\n+                click: this.selectClick\n+            }, this.handlerOptions.click || {})\n         }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n+        if (this.box) {\n+            this.handlers.box = new OpenLayers.Handler.Box(this, {\n+                done: this.selectBox\n+            }, OpenLayers.Util.extend(this.handlerOptions.box, {\n+                boxDivClassName: \"olHandlerBoxSelectFeature\"\n+            }))\n         }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-        return response\n-    },\n-    setFeatureType: function(featureType) {\n-        this.featureType = featureType;\n-        this.format.featureType = featureType\n-    },\n-    setGeometryName: function(geometryName) {\n-        this.geometryName = geometryName;\n-        this.format.geometryName = geometryName\n-    },\n-    handleRead: function(response, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                var result = this.parseResponse(request, options.readOptions);\n-                if (result && result.success !== false) {\n-                    if (options.readOptions && options.readOptions.output == \"object\") {\n-                        OpenLayers.Util.extend(response, result)\n-                    } else {\n-                        response.features = result\n-                    }\n-                    response.code = OpenLayers.Protocol.Response.SUCCESS\n-                } else {\n-                    response.code = OpenLayers.Protocol.Response.FAILURE;\n-                    response.error = result\n-                }\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, response)\n+        if (this.hover) {\n+            this.handlers.hover = new OpenLayers.Handler.Hover(this, {\n+                move: this.cancelHover,\n+                pause: this.selectHover\n+            }, OpenLayers.Util.extend(this.handlerOptions.hover, {\n+                delay: 250,\n+                pixelTolerance: 2\n+            }))\n         }\n     },\n-    parseResponse: function(request, options) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n-        }\n-        var result = this.readFormat !== null ? this.readFormat.read(doc) : this.format.read(doc, options);\n-        if (!this.featureNS) {\n-            var format = this.readFormat || this.format;\n-            this.featureNS = format.featureNS;\n-            format.autoConfig = false;\n-            if (!this.geometryName) {\n-                this.setGeometryName(format.geometryName)\n+    activate: function() {\n+        if (!this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].activate()\n             }\n         }\n-        return result\n-    },\n-    commit: function(features, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\",\n-            reqFeatures: features\n-        });\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            headers: options.headers,\n-            data: this.format.write(features, options),\n-            callback: this.createCallback(this.handleCommit, response, options)\n-        });\n-        return response\n+        return OpenLayers.Control.prototype.activate.apply(this, arguments)\n     },\n-    handleCommit: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            var data = request.responseXML;\n-            if (!data || !data.documentElement) {\n-                data = request.responseText\n-            }\n-            var obj = this.format.read(data) || {};\n-            response.insertIds = obj.insertIds || [];\n-            if (obj.success) {\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE;\n-                response.error = obj\n+    deactivate: function() {\n+        if (this.active) {\n+            for (var i in this.handlers) {\n+                this.handlers[i].deactivate()\n             }\n-            options.callback.call(options.scope, response)\n         }\n+        return OpenLayers.Control.prototype.deactivate.apply(this, arguments)\n     },\n-    filterDelete: function(filter, options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options);\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"commit\"\n-        });\n-        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n-            attributes: {\n-                service: \"WFS\",\n-                version: this.version\n-            }\n-        });\n-        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n-            attributes: {\n-                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") + options.featureType\n-            }\n-        });\n-        if (options.featureNS) {\n-            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS)\n-        }\n-        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n-        deleteNode.appendChild(filterNode);\n-        root.appendChild(deleteNode);\n-        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [root]);\n-        return OpenLayers.Request.POST({\n-            url: this.url,\n-            callback: options.callback || function() {},\n-            data: data\n+    selectClick: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+        this.setModifiers(evt);\n+        this.request(bounds, {\n+            single: this.single\n         })\n     },\n-    abort: function(response) {\n-        if (response) {\n-            response.priv.abort()\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n-});\n-OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n-    version: \"1.0.0\",\n-    srsNameInQuery: false,\n-    schemaLocations: {\n-        wfs: \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n-    },\n-    initialize: function(options) {\n-        OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n-        OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options])\n-    },\n-    readNode: function(node, obj, first) {\n-        return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments)\n-    },\n-    readers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            WFS_TransactionResponse: function(node, obj) {\n-                obj.insertIds = [];\n-                obj.success = false;\n-                this.readChildNodes(node, obj)\n-            },\n-            InsertResult: function(node, container) {\n-                var obj = {\n-                    fids: []\n-                };\n-                this.readChildNodes(node, obj);\n-                container.insertIds = container.insertIds.concat(obj.fids)\n-            },\n-            TransactionResult: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Status: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            SUCCESS: function(node, obj) {\n-                obj.success = true\n-            }\n-        }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n-        gml: OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n-        feature: OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n-        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n-    },\n-    writers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            Query: function(options) {\n-                options = OpenLayers.Util.extend({\n-                    featureNS: this.featureNS,\n-                    featurePrefix: this.featurePrefix,\n-                    featureType: this.featureType,\n-                    srsName: this.srsName,\n-                    srsNameInQuery: this.srsNameInQuery\n-                }, options);\n-                var prefix = options.featurePrefix;\n-                var node = this.createElementNSPlus(\"wfs:Query\", {\n-                    attributes: {\n-                        typeName: (prefix ? prefix + \":\" : \"\") + options.featureType\n-                    }\n-                });\n-                if (options.srsNameInQuery && options.srsName) {\n-                    node.setAttribute(\"srsName\", options.srsName)\n-                }\n-                if (options.featureNS) {\n-                    node.setAttribute(\"xmlns:\" + prefix, options.featureNS)\n-                }\n-                if (options.propertyNames) {\n-                    for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n-                        this.writeNode(\"ogc:PropertyName\", {\n-                            property: options.propertyNames[i]\n-                        }, node)\n-                    }\n-                }\n-                if (options.filter) {\n-                    this.setFilterProperty(options.filter);\n-                    this.writeNode(\"ogc:Filter\", options.filter, node)\n-                }\n-                return node\n-            }\n-        }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n-        gml: OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n-        feature: OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n-        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n-});\n-OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-    version: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n-});\n-OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n-    version: \"1.1.0\",\n-    initialize: function(options) {\n-        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n-        if (this.outputFormat && !this.readFormat) {\n-            if (this.outputFormat.toLowerCase() == \"gml2\") {\n-                this.readFormat = new OpenLayers.Format.GML.v2({\n-                    featureType: this.featureType,\n-                    featureNS: this.featureNS,\n-                    geometryName: this.geometryName\n-                })\n-            } else if (this.outputFormat.toLowerCase() == \"json\") {\n-                this.readFormat = new OpenLayers.Format.GeoJSON\n+    selectBox: function(position) {\n+        var bounds;\n+        if (position instanceof OpenLayers.Bounds) {\n+            var minXY = this.map.getLonLatFromPixel({\n+                x: position.left,\n+                y: position.bottom\n+            });\n+            var maxXY = this.map.getLonLatFromPixel({\n+                x: position.right,\n+                y: position.top\n+            });\n+            bounds = new OpenLayers.Bounds(minXY.lon, minXY.lat, maxXY.lon, maxXY.lat)\n+        } else {\n+            if (this.click) {\n+                return\n             }\n+            bounds = this.pixelToBounds(position)\n         }\n+        this.setModifiers(this.handlers.box.dragHandler.evt);\n+        this.request(bounds)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n-});\n-OpenLayers.Format.CSWGetRecords = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetRecords.DEFAULTS);\n-    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetRecords version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n-        dc: \"http://purl.org/dc/elements/1.1/\",\n-        dct: \"http://purl.org/dc/terms/\",\n-        gmd: \"http://www.isotc211.org/2005/gmd\",\n-        geonet: \"http://www.fao.org/geonetwork\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        ows: \"http://www.opengis.net/ows\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    defaultPrefix: \"csw\",\n-    version: \"2.0.2\",\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-    requestId: null,\n-    resultType: null,\n-    outputFormat: null,\n-    outputSchema: null,\n-    startPosition: null,\n-    maxRecords: null,\n-    DistributedSearch: null,\n-    ResponseHandler: null,\n-    Query: null,\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n-    },\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    selectHover: function(evt) {\n+        var bounds = this.pixelToBounds(evt.xy);\n+        this.request(bounds, {\n+            single: true,\n+            hover: true\n+        })\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+    cancelHover: function() {\n+        if (this.hoverResponse) {\n+            this.protocol.abort(this.hoverResponse);\n+            this.hoverResponse = null;\n+            OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n         }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj\n     },\n-    readers: {\n-        csw: {\n-            GetRecordsResponse: function(node, obj) {\n-                obj.records = [];\n-                this.readChildNodes(node, obj);\n-                var version = this.getAttributeNS(node, \"\", \"version\");\n-                if (version != \"\") {\n-                    obj.version = version\n-                }\n-            },\n-            RequestId: function(node, obj) {\n-                obj.RequestId = this.getChildValue(node)\n-            },\n-            SearchStatus: function(node, obj) {\n-                obj.SearchStatus = {};\n-                var timestamp = this.getAttributeNS(node, \"\", \"timestamp\");\n-                if (timestamp != \"\") {\n-                    obj.SearchStatus.timestamp = timestamp\n-                }\n-            },\n-            SearchResults: function(node, obj) {\n-                this.readChildNodes(node, obj);\n-                var attrs = node.attributes;\n-                var SearchResults = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    if (attrs[i].name == \"numberOfRecordsMatched\" || attrs[i].name == \"numberOfRecordsReturned\" || attrs[i].name == \"nextRecord\") {\n-                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue)\n+    request: function(bounds, options) {\n+        options = options || {};\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: this.filterType,\n+            value: bounds\n+        });\n+        OpenLayers.Element.addClass(this.map.viewPortDiv, \"olCursorWait\");\n+        var response = this.protocol.read({\n+            maxFeatures: options.single == true ? this.maxFeatures : undefined,\n+            filter: filter,\n+            callback: function(result) {\n+                if (result.success()) {\n+                    if (result.features.length) {\n+                        if (options.single == true) {\n+                            this.selectBestFeature(result.features, bounds.getCenterLonLat(), options)\n+                        } else {\n+                            this.select(result.features)\n+                        }\n+                    } else if (options.hover) {\n+                        this.hoverSelect()\n                     } else {\n-                        SearchResults[attrs[i].name] = attrs[i].nodeValue\n+                        this.events.triggerEvent(\"clickout\");\n+                        if (this.clickout) {\n+                            this.unselectAll()\n+                        }\n                     }\n                 }\n-                obj.SearchResults = SearchResults\n-            },\n-            SummaryRecord: function(node, obj) {\n-                var record = {\n-                    type: \"SummaryRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            BriefRecord: function(node, obj) {\n-                var record = {\n-                    type: \"BriefRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            DCMIRecord: function(node, obj) {\n-                var record = {\n-                    type: \"DCMIRecord\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n-            },\n-            Record: function(node, obj) {\n-                var record = {\n-                    type: \"Record\"\n-                };\n-                this.readChildNodes(node, record);\n-                obj.records.push(record)\n+                OpenLayers.Element.removeClass(this.map.viewPortDiv, \"olCursorWait\")\n             },\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                obj[name] = this.getChildValue(node)\n-            }\n-        },\n-        geonet: {\n-            info: function(node, obj) {\n-                var gninfo = {};\n-                this.readChildNodes(node, gninfo);\n-                obj.gninfo = gninfo\n-            }\n-        },\n-        dc: {\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!OpenLayers.Util.isArray(obj[name])) {\n-                    obj[name] = []\n-                }\n-                var dc_element = {};\n-                var attrs = node.attributes;\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    dc_element[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                dc_element.value = this.getChildValue(node);\n-                if (dc_element.value != \"\") {\n-                    obj[name].push(dc_element)\n-                }\n-            }\n-        },\n-        dct: {\n-            \"*\": function(node, obj) {\n-                var name = node.localName || node.nodeName.split(\":\").pop();\n-                if (!OpenLayers.Util.isArray(obj[name])) {\n-                    obj[name] = []\n-                }\n-                obj[name].push(this.getChildValue(node))\n-            }\n-        },\n-        ows: OpenLayers.Util.applyDefaults({\n-            BoundingBox: function(node, obj) {\n-                if (obj.bounds) {\n-                    obj.BoundingBox = [{\n-                        crs: obj.projection,\n-                        value: [obj.bounds.left, obj.bounds.bottom, obj.bounds.right, obj.bounds.top]\n-                    }];\n-                    delete obj.projection;\n-                    delete obj.bounds\n-                }\n-                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(this, arguments)\n-            }\n-        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n-    },\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetRecords\", options);\n-        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+            scope: this\n+        });\n+        if (options.hover == true) {\n+            this.hoverResponse = response\n+        }\n     },\n-    writers: {\n-        csw: {\n-            GetRecords: function(options) {\n-                if (!options) {\n-                    options = {}\n-                }\n-                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version,\n-                        requestId: options.requestId || this.requestId,\n-                        resultType: options.resultType || this.resultType,\n-                        outputFormat: options.outputFormat || this.outputFormat,\n-                        outputSchema: options.outputSchema || this.outputSchema,\n-                        startPosition: options.startPosition || this.startPosition,\n-                        maxRecords: options.maxRecords || this.maxRecords\n-                    }\n-                });\n-                if (options.DistributedSearch || this.DistributedSearch) {\n-                    this.writeNode(\"csw:DistributedSearch\", options.DistributedSearch || this.DistributedSearch, node)\n-                }\n-                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n-                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n-                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n-                        this.writeNode(\"csw:ResponseHandler\", ResponseHandler[i], node)\n-                    }\n-                }\n-                this.writeNode(\"Query\", options.Query || this.Query, node);\n-                return node\n-            },\n-            DistributedSearch: function(options) {\n-                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n-                    attributes: {\n-                        hopCount: options.hopCount\n-                    }\n-                });\n-                return node\n-            },\n-            ResponseHandler: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            Query: function(options) {\n-                if (!options) {\n-                    options = {}\n-                }\n-                var node = this.createElementNSPlus(\"csw:Query\", {\n-                    attributes: {\n-                        typeNames: options.typeNames || \"csw:Record\"\n-                    }\n-                });\n-                var ElementName = options.ElementName;\n-                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n-                    for (var i = 0, len = ElementName.length; i < len; i++) {\n-                        this.writeNode(\"csw:ElementName\", ElementName[i], node)\n-                    }\n-                } else {\n-                    this.writeNode(\"csw:ElementSetName\", options.ElementSetName || {\n-                        value: \"summary\"\n-                    }, node)\n-                }\n-                if (options.Constraint) {\n-                    this.writeNode(\"csw:Constraint\", options.Constraint, node)\n-                }\n-                if (options.SortBy) {\n-                    this.writeNode(\"ogc:SortBy\", options.SortBy, node)\n-                }\n-                return node\n-            },\n-            ElementName: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementName\", {\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            ElementSetName: function(options) {\n-                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n-                    attributes: {\n-                        typeNames: options.typeNames\n-                    },\n-                    value: options.value\n-                });\n-                return node\n-            },\n-            Constraint: function(options) {\n-                var node = this.createElementNSPlus(\"csw:Constraint\", {\n-                    attributes: {\n-                        version: options.version\n-                    }\n-                });\n-                if (options.Filter) {\n-                    var format = new OpenLayers.Format.Filter({\n-                        version: options.version\n-                    });\n-                    node.appendChild(format.write(options.Filter))\n-                } else if (options.CqlText) {\n-                    var child = this.createElementNSPlus(\"CqlText\", {\n-                        value: options.CqlText.value\n+    selectBestFeature: function(features, clickPosition, options) {\n+        options = options || {};\n+        if (features.length) {\n+            var point = new OpenLayers.Geometry.Point(clickPosition.lon, clickPosition.lat);\n+            var feature, resultFeature, dist;\n+            var minDist = Number.MAX_VALUE;\n+            for (var i = 0; i < features.length; ++i) {\n+                feature = features[i];\n+                if (feature.geometry) {\n+                    dist = point.distanceTo(feature.geometry, {\n+                        edge: false\n                     });\n-                    node.appendChild(child)\n+                    if (dist < minDist) {\n+                        minDist = dist;\n+                        resultFeature = feature;\n+                        if (minDist == 0) {\n+                            break\n+                        }\n+                    }\n                 }\n-                return node\n             }\n-        },\n-        ogc: OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n-});\n-OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n-    formatOptions: null,\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions))\n-        }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n-        }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n-    },\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var data = this.format.write(options.params || options);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            params: options.params,\n-            headers: options.headers,\n-            data: data\n-        });\n-        return response\n-    },\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                response.data = this.parseData(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            if (options.hover == true) {\n+                this.hoverSelect(resultFeature)\n             } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n+                this.select(resultFeature || features)\n             }\n-            options.callback.call(options.scope, response)\n         }\n     },\n-    parseData: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    setModifiers: function(evt) {\n+        this.modifiers = {\n+            multiple: this.multiple || this.multipleKey && evt[this.multipleKey],\n+            toggle: this.toggle || this.toggleKey && evt[this.toggleKey]\n         }\n-        return this.format.read(doc)\n-    },\n-    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n-});\n-OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(OpenLayers.Format.XML, {\n-    VERSION: \"1.0.0\",\n-    namespaces: {\n-        sos: \"http://www.opengis.net/sos/1.0\",\n-        gml: \"http://www.opengis.net/gml\",\n-        sa: \"http://www.opengis.net/sampling/1.0\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n-    defaultPrefix: \"sos\",\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+    select: function(features) {\n+        if (!this.modifiers.multiple && !this.modifiers.toggle) {\n+            this.unselectAll()\n         }\n-        var info = {\n-            features: []\n-        };\n-        this.readNode(data, info);\n-        var features = [];\n-        for (var i = 0, len = info.features.length; i < len; i++) {\n-            var container = info.features[i];\n-            if (this.internalProjection && this.externalProjection && container.components[0]) {\n-                container.components[0].transform(this.externalProjection, this.internalProjection)\n-            }\n-            var feature = new OpenLayers.Feature.Vector(container.components[0], container.attributes);\n-            features.push(feature)\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n         }\n-        return features\n-    },\n-    readers: {\n-        sa: {\n-            SamplingPoint: function(node, obj) {\n-                if (!obj.attributes) {\n-                    var feature = {\n-                        attributes: {}\n-                    };\n-                    obj.features.push(feature);\n-                    obj = feature\n-                }\n-                obj.attributes.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                this.readChildNodes(node, obj)\n-            },\n-            position: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            }\n-        },\n-        gml: OpenLayers.Util.applyDefaults({\n-            FeatureCollection: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            featureMember: function(node, obj) {\n-                var feature = {\n-                    attributes: {}\n-                };\n-                obj.features.push(feature);\n-                this.readChildNodes(node, feature)\n-            },\n-            name: function(node, obj) {\n-                obj.attributes.name = this.getChildValue(node)\n-            },\n-            pos: function(node, obj) {\n-                if (!this.externalProjection) {\n-                    this.externalProjection = new OpenLayers.Projection(node.getAttribute(\"srsName\"))\n-                }\n-                OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(this, [node, obj])\n-            }\n-        }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n-    },\n-    writers: {\n-        sos: {\n-            GetFeatureOfInterest: function(options) {\n-                var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n-                    attributes: {\n-                        version: this.VERSION,\n-                        service: \"SOS\",\n-                        \"xsi:schemaLocation\": this.schemaLocation\n+        var cont = this.events.triggerEvent(\"beforefeaturesselected\", {\n+            features: features\n+        });\n+        if (cont !== false) {\n+            var selectedFeatures = [];\n+            var feature;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                if (this.features[feature.fid || feature.id]) {\n+                    if (this.modifiers.toggle) {\n+                        this.unselect(this.features[feature.fid || feature.id])\n+                    }\n+                } else {\n+                    cont = this.events.triggerEvent(\"beforefeatureselected\", {\n+                        feature: feature\n+                    });\n+                    if (cont !== false) {\n+                        this.features[feature.fid || feature.id] = feature;\n+                        selectedFeatures.push(feature);\n+                        this.events.triggerEvent(\"featureselected\", {\n+                            feature: feature\n+                        })\n                     }\n-                });\n-                for (var i = 0, len = options.fois.length; i < len; i++) {\n-                    this.writeNode(\"FeatureOfInterestId\", {\n-                        foi: options.fois[i]\n-                    }, node)\n                 }\n-                return node\n-            },\n-            FeatureOfInterestId: function(options) {\n-                var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n-                    value: options.foi\n-                });\n-                return node\n             }\n+            this.events.triggerEvent(\"featuresselected\", {\n+                features: selectedFeatures\n+            })\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n-});\n-OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n-    fois: null,\n-    formatOptions: null,\n-    initialize: function(options) {\n-        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n-        if (!options.format) {\n-            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(this.formatOptions)\n+    hoverSelect: function(feature) {\n+        var fid = feature ? feature.fid || feature.id : null;\n+        var hfid = this.hoverFeature ? this.hoverFeature.fid || this.hoverFeature.id : null;\n+        if (hfid && hfid != fid) {\n+            this.events.triggerEvent(\"outfeature\", {\n+                feature: this.hoverFeature\n+            });\n+            this.hoverFeature = null\n         }\n-    },\n-    destroy: function() {\n-        if (this.options && !this.options.format) {\n-            this.format.destroy()\n+        if (fid && fid != hfid) {\n+            this.events.triggerEvent(\"hoverfeature\", {\n+                feature: feature\n+            });\n+            this.hoverFeature = feature\n         }\n-        this.format = null;\n-        OpenLayers.Protocol.prototype.destroy.apply(this)\n     },\n-    read: function(options) {\n-        options = OpenLayers.Util.extend({}, options);\n-        OpenLayers.Util.applyDefaults(options, this.options || {});\n-        var response = new OpenLayers.Protocol.Response({\n-            requestType: \"read\"\n-        });\n-        var format = this.format;\n-        var data = OpenLayers.Format.XML.prototype.write.apply(format, [format.writeNode(\"sos:GetFeatureOfInterest\", {\n-            fois: this.fois\n-        })]);\n-        response.priv = OpenLayers.Request.POST({\n-            url: options.url,\n-            callback: this.createCallback(this.handleRead, response, options),\n-            data: data\n-        });\n-        return response\n+    unselect: function(feature) {\n+        delete this.features[feature.fid || feature.id];\n+        this.events.triggerEvent(\"featureunselected\", {\n+            feature: feature\n+        })\n     },\n-    handleRead: function(response, options) {\n-        if (options.callback) {\n-            var request = response.priv;\n-            if (request.status >= 200 && request.status < 300) {\n-                response.features = this.parseFeatures(request);\n-                response.code = OpenLayers.Protocol.Response.SUCCESS\n-            } else {\n-                response.code = OpenLayers.Protocol.Response.FAILURE\n-            }\n-            options.callback.call(options.scope, response)\n+    unselectAll: function() {\n+        for (var fid in this.features) {\n+            this.unselect(this.features[fid])\n         }\n     },\n-    parseFeatures: function(request) {\n-        var doc = request.responseXML;\n-        if (!doc || !doc.documentElement) {\n-            doc = request.responseText\n-        }\n-        if (!doc || doc.length <= 0) {\n-            return null\n+    setMap: function(map) {\n+        for (var i in this.handlers) {\n+            this.handlers[i].setMap(map)\n         }\n-        return this.format.read(doc)\n+        OpenLayers.Control.prototype.setMap.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n-});\n-OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n-    imageSrc: null,\n-    imageSize: null,\n-    isAlphaImage: false,\n-    positionBlocks: null,\n-    blocks: null,\n-    fixedRelativePosition: false,\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n-        if (this.fixedRelativePosition) {\n-            this.updateRelativePosition();\n-            this.calculateRelativePosition = function(px) {\n-                return this.relativePosition\n-            }\n-        }\n-        this.contentDiv.style.position = \"absolute\";\n-        this.contentDiv.style.zIndex = 1;\n-        if (closeBox) {\n-            this.closeDiv.style.zIndex = 1\n-        }\n-        this.groupDiv.style.position = \"absolute\";\n-        this.groupDiv.style.top = \"0px\";\n-        this.groupDiv.style.left = \"0px\";\n-        this.groupDiv.style.height = \"100%\";\n-        this.groupDiv.style.width = \"100%\"\n+    pixelToBounds: function(pixel) {\n+        var llPx = pixel.add(-this.clickTolerance / 2, this.clickTolerance / 2);\n+        var urPx = pixel.add(this.clickTolerance / 2, -this.clickTolerance / 2);\n+        var ll = this.map.getLonLatFromPixel(llPx);\n+        var ur = this.map.getLonLatFromPixel(urPx);\n+        return new OpenLayers.Bounds(ll.lon, ll.lat, ur.lon, ur.lat)\n     },\n-    destroy: function() {\n-        this.imageSrc = null;\n-        this.imageSize = null;\n-        this.isAlphaImage = null;\n-        this.fixedRelativePosition = false;\n-        this.positionBlocks = null;\n-        for (var i = 0; i < this.blocks.length; i++) {\n-            var block = this.blocks[i];\n-            if (block.image) {\n-                block.div.removeChild(block.image)\n-            }\n-            block.image = null;\n-            if (block.div) {\n-                this.groupDiv.removeChild(block.div)\n+    CLASS_NAME: \"OpenLayers.Control.GetFeature\"\n+});\n+OpenLayers.Format.Text = OpenLayers.Class(OpenLayers.Format, {\n+    defaultStyle: null,\n+    extractStyles: true,\n+    initialize: function(options) {\n+        options = options || {};\n+        if (options.extractStyles !== false) {\n+            options.defaultStyle = {\n+                externalGraphic: OpenLayers.Util.getImageLocation(\"marker.png\"),\n+                graphicWidth: 21,\n+                graphicHeight: 25,\n+                graphicXOffset: -10.5,\n+                graphicYOffset: -12.5\n             }\n-            block.div = null\n-        }\n-        this.blocks = null;\n-        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n-    },\n-    setBackgroundColor: function(color) {},\n-    setBorder: function() {},\n-    setOpacity: function(opacity) {},\n-    setSize: function(contentSize) {\n-        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n-        this.updateBlocks()\n-    },\n-    updateRelativePosition: function() {\n-        this.padding = this.positionBlocks[this.relativePosition].padding;\n-        if (this.closeDiv) {\n-            var contentDivPadding = this.getContentDivPadding();\n-            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n-            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n-        }\n-        this.updateBlocks()\n-    },\n-    calculateNewPx: function(px) {\n-        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n-        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n-        return newPx\n-    },\n-    createBlocks: function() {\n-        this.blocks = [];\n-        var firstPosition = null;\n-        for (var key in this.positionBlocks) {\n-            firstPosition = key;\n-            break\n-        }\n-        var position = this.positionBlocks[firstPosition];\n-        for (var i = 0; i < position.blocks.length; i++) {\n-            var block = {};\n-            this.blocks.push(block);\n-            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n-            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n-            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n-            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n-            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n-            block.div.appendChild(block.image);\n-            this.groupDiv.appendChild(block.div)\n         }\n+        OpenLayers.Format.prototype.initialize.apply(this, [options])\n     },\n-    updateBlocks: function() {\n-        if (!this.blocks) {\n-            this.createBlocks()\n-        }\n-        if (this.size && this.relativePosition) {\n-            var position = this.positionBlocks[this.relativePosition];\n-            for (var i = 0; i < position.blocks.length; i++) {\n-                var positionBlock = position.blocks[i];\n-                var block = this.blocks[i];\n-                var l = positionBlock.anchor.left;\n-                var b = positionBlock.anchor.bottom;\n-                var r = positionBlock.anchor.right;\n-                var t = positionBlock.anchor.top;\n-                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n-                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n-                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n-                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n-                block.div.style.left = l != null ? l + \"px\" : \"\";\n-                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n-                block.div.style.right = r != null ? r + \"px\" : \"\";\n-                block.div.style.top = t != null ? t + \"px\" : \"\";\n-                block.image.style.left = positionBlock.position.x + \"px\";\n-                block.image.style.top = positionBlock.position.y + \"px\"\n+    read: function(text) {\n+        var lines = text.split(\"\\n\");\n+        var columns;\n+        var features = [];\n+        for (var lcv = 0; lcv < lines.length - 1; lcv++) {\n+            var currLine = lines[lcv].replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\n+            if (currLine.charAt(0) != \"#\") {\n+                if (!columns) {\n+                    columns = currLine.split(\"\\t\")\n+                } else {\n+                    var vals = currLine.split(\"\\t\");\n+                    var geometry = new OpenLayers.Geometry.Point(0, 0);\n+                    var attributes = {};\n+                    var style = this.defaultStyle ? OpenLayers.Util.applyDefaults({}, this.defaultStyle) : null;\n+                    var icon, iconSize, iconOffset, overflow;\n+                    var set = false;\n+                    for (var valIndex = 0; valIndex < vals.length; valIndex++) {\n+                        if (vals[valIndex]) {\n+                            if (columns[valIndex] == \"point\") {\n+                                var coords = vals[valIndex].split(\",\");\n+                                geometry.y = parseFloat(coords[0]);\n+                                geometry.x = parseFloat(coords[1]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"lat\") {\n+                                geometry.y = parseFloat(vals[valIndex]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"lon\") {\n+                                geometry.x = parseFloat(vals[valIndex]);\n+                                set = true\n+                            } else if (columns[valIndex] == \"title\") attributes[\"title\"] = vals[valIndex];\n+                            else if (columns[valIndex] == \"image\" || columns[valIndex] == \"icon\" && style) {\n+                                style[\"externalGraphic\"] = vals[valIndex]\n+                            } else if (columns[valIndex] == \"iconSize\" && style) {\n+                                var size = vals[valIndex].split(\",\");\n+                                style[\"graphicWidth\"] = parseFloat(size[0]);\n+                                style[\"graphicHeight\"] = parseFloat(size[1])\n+                            } else if (columns[valIndex] == \"iconOffset\" && style) {\n+                                var offset = vals[valIndex].split(\",\");\n+                                style[\"graphicXOffset\"] = parseFloat(offset[0]);\n+                                style[\"graphicYOffset\"] = parseFloat(offset[1])\n+                            } else if (columns[valIndex] == \"description\") {\n+                                attributes[\"description\"] = vals[valIndex]\n+                            } else if (columns[valIndex] == \"overflow\") {\n+                                attributes[\"overflow\"] = vals[valIndex]\n+                            } else {\n+                                attributes[columns[valIndex]] = vals[valIndex]\n+                            }\n+                        }\n+                    }\n+                    if (set) {\n+                        if (this.internalProjection && this.externalProjection) {\n+                            geometry.transform(this.externalProjection, this.internalProjection)\n+                        }\n+                        var feature = new OpenLayers.Feature.Vector(geometry, attributes, style);\n+                        features.push(feature)\n+                    }\n+                }\n             }\n-            this.contentDiv.style.left = this.padding.left + \"px\";\n-            this.contentDiv.style.top = this.padding.top + \"px\"\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n-});\n-OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n-    contentDisplayClass: \"olFramedCloudPopupContent\",\n-    autoSize: true,\n-    panMapIfOutOfView: true,\n-    imageSize: new OpenLayers.Size(1276, 736),\n-    isAlphaImage: false,\n-    fixedRelativePosition: false,\n-    positionBlocks: {\n-        tl: {\n-            offset: new OpenLayers.Pixel(44, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 18),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -632)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(0, -688)\n-            }]\n-        },\n-        tr: {\n-            offset: new OpenLayers.Pixel(-45, 0),\n-            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 19),\n-                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n-                position: new OpenLayers.Pixel(0, -631)\n-            }, {\n-                size: new OpenLayers.Size(22, 19),\n-                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -631)\n-            }, {\n-                size: new OpenLayers.Size(81, 35),\n-                anchor: new OpenLayers.Bounds(0, 0, null, null),\n-                position: new OpenLayers.Pixel(-215, -687)\n-            }]\n-        },\n-        bl: {\n-            offset: new OpenLayers.Pixel(45, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n-                position: new OpenLayers.Pixel(-101, -674)\n-            }]\n-        },\n-        br: {\n-            offset: new OpenLayers.Pixel(-44, 0),\n-            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n-            blocks: [{\n-                size: new OpenLayers.Size(\"auto\", \"auto\"),\n-                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n-                position: new OpenLayers.Pixel(0, 0)\n-            }, {\n-                size: new OpenLayers.Size(22, \"auto\"),\n-                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n-                position: new OpenLayers.Pixel(-1238, 0)\n-            }, {\n-                size: new OpenLayers.Size(\"auto\", 21),\n-                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n-                position: new OpenLayers.Pixel(0, -629)\n-            }, {\n-                size: new OpenLayers.Size(22, 21),\n-                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n-                position: new OpenLayers.Pixel(-1238, -629)\n-            }, {\n-                size: new OpenLayers.Size(81, 33),\n-                anchor: new OpenLayers.Bounds(0, null, null, 0),\n-                position: new OpenLayers.Pixel(-311, -674)\n-            }]\n         }\n+        return features\n     },\n-    minSize: new OpenLayers.Size(105, 10),\n-    maxSize: new OpenLayers.Size(1200, 660),\n-    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n-        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n-        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n-        this.contentDiv.className = this.contentDisplayClass\n-    },\n-    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n-});\n-OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.Text\"\n });\n OpenLayers.Format.Context = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     layerOptions: null,\n     layerParams: null,\n     read: function(data, options) {\n         var context = OpenLayers.Format.XML.VersionedOGC.prototype.read.apply(this, arguments);\n         var map;\n@@ -32008,908 +27451,1855 @@\n     WFS: \"urn:ogc:serviceType:WFS\",\n     WCS: \"urn:ogc:serviceType:WCS\",\n     GML: \"urn:ogc:serviceType:GML\",\n     SLD: \"urn:ogc:serviceType:SLD\",\n     FES: \"urn:ogc:serviceType:FES\",\n     KML: \"urn:ogc:serviceType:KML\"\n };\n-OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n-    defaultVersion: \"0.3.1\",\n-    getVersion: function(root, options) {\n-        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(this, arguments);\n-        if (version === \"0.3.0\") {\n-            version = this.defaultVersion\n+OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n+    defaultVersion: \"1.1.0\",\n+    layerToContext: function(layer) {\n+        var parser = this.getParser();\n+        var layerContext = {\n+            queryable: layer.queryable,\n+            visibility: layer.visibility,\n+            name: layer.params[\"LAYERS\"],\n+            title: layer.name,\n+            abstract: layer.metadata[\"abstract\"],\n+            dataURL: layer.metadata.dataURL,\n+            metadataURL: layer.metadataURL,\n+            server: {\n+                version: layer.params[\"VERSION\"],\n+                url: layer.url\n+            },\n+            maxExtent: layer.maxExtent,\n+            transparent: layer.params[\"TRANSPARENT\"],\n+            numZoomLevels: layer.numZoomLevels,\n+            units: layer.units,\n+            isBaseLayer: layer.isBaseLayer,\n+            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n+            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n+            singleTile: layer.singleTile,\n+            tileSize: layer.singleTile || !layer.tileSize ? undefined : {\n+                width: layer.tileSize.w,\n+                height: layer.tileSize.h\n+            },\n+            minScale: layer.options.resolutions || layer.options.scales || layer.options.maxResolution || layer.options.minScale ? layer.minScale : undefined,\n+            maxScale: layer.options.resolutions || layer.options.scales || layer.options.minResolution || layer.options.maxScale ? layer.maxScale : undefined,\n+            formats: [],\n+            styles: [],\n+            srs: layer.srs,\n+            dimensions: layer.dimensions\n+        };\n+        if (layer.metadata.servertitle) {\n+            layerContext.server.title = layer.metadata.servertitle\n         }\n-        return version\n+        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n+            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n+                var format = layer.metadata.formats[i];\n+                layerContext.formats.push({\n+                    value: format.value,\n+                    current: format.value == layer.params[\"FORMAT\"]\n+                })\n+            }\n+        } else {\n+            layerContext.formats.push({\n+                value: layer.params[\"FORMAT\"],\n+                current: true\n+            })\n+        }\n+        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n+            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n+                var style = layer.metadata.styles[i];\n+                if (style.href == layer.params[\"SLD\"] || style.body == layer.params[\"SLD_BODY\"] || style.name == layer.params[\"STYLES\"]) {\n+                    style.current = true\n+                } else {\n+                    style.current = false\n+                }\n+                layerContext.styles.push(style)\n+            }\n+        } else {\n+            layerContext.styles.push({\n+                href: layer.params[\"SLD\"],\n+                body: layer.params[\"SLD_BODY\"],\n+                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n+                title: parser.defaultStyleTitle,\n+                current: true\n+            })\n+        }\n+        return layerContext\n     },\n     toContext: function(obj) {\n         var context = {};\n+        var layers = obj.layers;\n         if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            var metadata = obj.metadata || {};\n+            context.size = obj.getSize();\n             context.bounds = obj.getExtent();\n-            context.maxExtent = obj.maxExtent;\n             context.projection = obj.projection;\n-            context.size = obj.getSize();\n-            context.layers = obj.layers\n+            context.title = obj.title;\n+            context.keywords = metadata.keywords;\n+            context[\"abstract\"] = metadata[\"abstract\"];\n+            context.logo = metadata.logo;\n+            context.descriptionURL = metadata.descriptionURL;\n+            context.contactInformation = metadata.contactInformation;\n+            context.maxExtent = obj.maxExtent\n+        } else {\n+            OpenLayers.Util.applyDefaults(context, obj);\n+            if (context.layers != undefined) {\n+                delete context.layers\n+            }\n+        }\n+        if (context.layersContext == undefined) {\n+            context.layersContext = []\n+        }\n+        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n+            for (var i = 0, len = layers.length; i < len; i++) {\n+                var layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.WMS) {\n+                    context.layersContext.push(this.layerToContext(layer))\n+                }\n+            }\n         }\n         return context\n     },\n-    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n+    CLASS_NAME: \"OpenLayers.Format.WMC\"\n });\n-OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        atom: \"http://www.w3.org/2005/Atom\",\n-        georss: \"http://www.georss.org/georss\"\n-    },\n-    feedTitle: \"untitled\",\n-    defaultEntryTitle: \"untitled\",\n+OpenLayers.Format.CQL = function() {\n+    var tokens = [\"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"],\n+        patterns = {\n+            PROPERTY: /^[_a-zA-Z]\\w*/,\n+            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n+            IS_NULL: /^IS NULL/i,\n+            COMMA: /^,/,\n+            LOGICAL: /^(AND|OR)/i,\n+            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n+            LPAREN: /^\\(/,\n+            RPAREN: /^\\)/,\n+            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n+            NOT: /^NOT/i,\n+            BETWEEN: /^BETWEEN/i,\n+            GEOMETRY: function(text) {\n+                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n+                if (type) {\n+                    var len = text.length;\n+                    var idx = text.indexOf(\"(\", type[0].length);\n+                    if (idx > -1) {\n+                        var depth = 1;\n+                        while (idx < len && depth > 0) {\n+                            idx++;\n+                            switch (text.charAt(idx)) {\n+                                case \"(\":\n+                                    depth++;\n+                                    break;\n+                                case \")\":\n+                                    depth--;\n+                                    break;\n+                                default:\n+                            }\n+                        }\n+                    }\n+                    return [text.substr(0, idx + 1)]\n+                }\n+            },\n+            END: /^$/\n+        },\n+        follows = {\n+            LPAREN: [\"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"VALUE\", \"LPAREN\"],\n+            RPAREN: [\"NOT\", \"LOGICAL\", \"END\", \"RPAREN\"],\n+            PROPERTY: [\"COMPARISON\", \"BETWEEN\", \"COMMA\", \"IS_NULL\"],\n+            BETWEEN: [\"VALUE\"],\n+            IS_NULL: [\"END\"],\n+            COMPARISON: [\"VALUE\"],\n+            COMMA: [\"GEOMETRY\", \"VALUE\", \"PROPERTY\"],\n+            VALUE: [\"LOGICAL\", \"COMMA\", \"RPAREN\", \"END\"],\n+            SPATIAL: [\"LPAREN\"],\n+            LOGICAL: [\"NOT\", \"VALUE\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"],\n+            NOT: [\"PROPERTY\", \"LPAREN\"],\n+            GEOMETRY: [\"COMMA\", \"RPAREN\"]\n+        },\n+        operators = {\n+            \"=\": OpenLayers.Filter.Comparison.EQUAL_TO,\n+            \"<>\": OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n+            \"<\": OpenLayers.Filter.Comparison.LESS_THAN,\n+            \"<=\": OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n+            \">\": OpenLayers.Filter.Comparison.GREATER_THAN,\n+            \">=\": OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n+            LIKE: OpenLayers.Filter.Comparison.LIKE,\n+            BETWEEN: OpenLayers.Filter.Comparison.BETWEEN,\n+            \"IS NULL\": OpenLayers.Filter.Comparison.IS_NULL\n+        },\n+        operatorReverse = {},\n+        logicals = {\n+            AND: OpenLayers.Filter.Logical.AND,\n+            OR: OpenLayers.Filter.Logical.OR\n+        },\n+        logicalReverse = {},\n+        precedence = {\n+            RPAREN: 3,\n+            LOGICAL: 2,\n+            COMPARISON: 1\n+        };\n+    var i;\n+    for (i in operators) {\n+        if (operators.hasOwnProperty(i)) {\n+            operatorReverse[operators[i]] = i\n+        }\n+    }\n+    for (i in logicals) {\n+        if (logicals.hasOwnProperty(i)) {\n+            logicalReverse[logicals[i]] = i\n+        }\n+    }\n+\n+    function tryToken(text, pattern) {\n+        if (pattern instanceof RegExp) {\n+            return pattern.exec(text)\n+        } else {\n+            return pattern(text)\n+        }\n+    }\n+\n+    function nextToken(text, tokens) {\n+        var i, token, len = tokens.length;\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            var pat = patterns[token];\n+            var matches = tryToken(text, pat);\n+            if (matches) {\n+                var match = matches[0];\n+                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n+                return {\n+                    type: token,\n+                    text: match,\n+                    remainder: remainder\n+                }\n+            }\n+        }\n+        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n+        for (i = 0; i < len; i++) {\n+            token = tokens[i];\n+            msg += \"\\n    \" + token + \": \" + patterns[token]\n+        }\n+        throw new Error(msg)\n+    }\n+\n+    function tokenize(text) {\n+        var results = [];\n+        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n+        do {\n+            token = nextToken(text, expect);\n+            text = token.remainder;\n+            expect = follows[token.type];\n+            if (token.type != \"END\" && !expect) {\n+                throw new Error(\"No follows list for \" + token.type)\n+            }\n+            results.push(token)\n+        } while (token.type != \"END\");\n+        return results\n+    }\n+\n+    function buildAst(tokens) {\n+        var operatorStack = [],\n+            postfix = [];\n+        while (tokens.length) {\n+            var tok = tokens.shift();\n+            switch (tok.type) {\n+                case \"PROPERTY\":\n+                case \"GEOMETRY\":\n+                case \"VALUE\":\n+                    postfix.push(tok);\n+                    break;\n+                case \"COMPARISON\":\n+                case \"BETWEEN\":\n+                case \"IS_NULL\":\n+                case \"LOGICAL\":\n+                    var p = precedence[tok.type];\n+                    while (operatorStack.length > 0 && precedence[operatorStack[operatorStack.length - 1].type] <= p) {\n+                        postfix.push(operatorStack.pop())\n+                    }\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"SPATIAL\":\n+                case \"NOT\":\n+                case \"LPAREN\":\n+                    operatorStack.push(tok);\n+                    break;\n+                case \"RPAREN\":\n+                    while (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type != \"LPAREN\") {\n+                        postfix.push(operatorStack.pop())\n+                    }\n+                    operatorStack.pop();\n+                    if (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n+                        postfix.push(operatorStack.pop())\n+                    }\n+                case \"COMMA\":\n+                case \"END\":\n+                    break;\n+                default:\n+                    throw new Error(\"Unknown token type \" + tok.type)\n+            }\n+        }\n+        while (operatorStack.length > 0) {\n+            postfix.push(operatorStack.pop())\n+        }\n+\n+        function buildTree() {\n+            var tok = postfix.pop();\n+            switch (tok.type) {\n+                case \"LOGICAL\":\n+                    var rhs = buildTree(),\n+                        lhs = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [lhs, rhs],\n+                        type: logicals[tok.text.toUpperCase()]\n+                    });\n+                case \"NOT\":\n+                    var operand = buildTree();\n+                    return new OpenLayers.Filter.Logical({\n+                        filters: [operand],\n+                        type: OpenLayers.Filter.Logical.NOT\n+                    });\n+                case \"BETWEEN\":\n+                    var min, max, property;\n+                    postfix.pop();\n+                    max = buildTree();\n+                    min = buildTree();\n+                    property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        lowerBoundary: min,\n+                        upperBoundary: max,\n+                        type: OpenLayers.Filter.Comparison.BETWEEN\n+                    });\n+                case \"COMPARISON\":\n+                    var value = buildTree(),\n+                        property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        value: value,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"IS_NULL\":\n+                    var property = buildTree();\n+                    return new OpenLayers.Filter.Comparison({\n+                        property: property,\n+                        type: operators[tok.text.toUpperCase()]\n+                    });\n+                case \"VALUE\":\n+                    var match = tok.text.match(/^'(.*)'$/);\n+                    if (match) {\n+                        return match[1].replace(/''/g, \"'\")\n+                    } else {\n+                        return Number(tok.text)\n+                    }\n+                case \"SPATIAL\":\n+                    switch (tok.text.toUpperCase()) {\n+                        case \"BBOX\":\n+                            var maxy = buildTree(),\n+                                maxx = buildTree(),\n+                                miny = buildTree(),\n+                                minx = buildTree(),\n+                                prop = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.BBOX,\n+                                property: prop,\n+                                value: OpenLayers.Bounds.fromArray([minx, miny, maxx, maxy])\n+                            });\n+                        case \"INTERSECTS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"WITHIN\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.WITHIN,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"CONTAINS\":\n+                            var value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.CONTAINS,\n+                                property: property,\n+                                value: value\n+                            });\n+                        case \"DWITHIN\":\n+                            var distance = buildTree(),\n+                                value = buildTree(),\n+                                property = buildTree();\n+                            return new OpenLayers.Filter.Spatial({\n+                                type: OpenLayers.Filter.Spatial.DWITHIN,\n+                                value: value,\n+                                property: property,\n+                                distance: Number(distance)\n+                            })\n+                    }\n+                case \"GEOMETRY\":\n+                    return OpenLayers.Geometry.fromWKT(tok.text);\n+                default:\n+                    return tok.text\n+            }\n+        }\n+        var result = buildTree();\n+        if (postfix.length > 0) {\n+            var msg = \"Remaining tokens after building AST: \\n\";\n+            for (var i = postfix.length - 1; i >= 0; i--) {\n+                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\"\n+            }\n+            throw new Error(msg)\n+        }\n+        return result\n+    }\n+    return OpenLayers.Class(OpenLayers.Format, {\n+        read: function(text) {\n+            var result = buildAst(tokenize(text));\n+            if (this.keepData) {\n+                this.data = result\n+            }\n+            return result\n+        },\n+        write: function(filter) {\n+            if (filter instanceof OpenLayers.Geometry) {\n+                return filter.toString()\n+            }\n+            switch (filter.CLASS_NAME) {\n+                case \"OpenLayers.Filter.Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            return \"BBOX(\" + filter.property + \",\" + filter.value.toBBOX() + \")\";\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            return \"DWITHIN(\" + filter.property + \", \" + this.write(filter.value) + \", \" + filter.distance + \")\";\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            return \"WITHIN(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.INTERSECTS:\n+                            return \"INTERSECTS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        case OpenLayers.Filter.Spatial.CONTAINS:\n+                            return \"CONTAINS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n+                        default:\n+                            throw new Error(\"Unknown spatial filter type: \" + filter.type)\n+                    }\n+                case \"OpenLayers.Filter.Logical\":\n+                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n+                        return \"NOT (\" + this.write(filter.filters[0]) + \")\"\n+                    } else {\n+                        var res = \"(\";\n+                        var first = true;\n+                        for (var i = 0; i < filter.filters.length; i++) {\n+                            if (first) {\n+                                first = false\n+                            } else {\n+                                res += \") \" + logicalReverse[filter.type] + \" (\"\n+                            }\n+                            res += this.write(filter.filters[i])\n+                        }\n+                        return res + \")\"\n+                    }\n+                case \"OpenLayers.Filter.Comparison\":\n+                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n+                        return filter.property + \" BETWEEN \" + this.write(filter.lowerBoundary) + \" AND \" + this.write(filter.upperBoundary)\n+                    } else {\n+                        return filter.value !== null ? filter.property + \" \" + operatorReverse[filter.type] + \" \" + this.write(filter.value) : filter.property + \" \" + operatorReverse[filter.type]\n+                    }\n+                case undefined:\n+                    if (typeof filter === \"string\") {\n+                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\"\n+                    } else if (typeof filter === \"number\") {\n+                        return String(filter)\n+                    }\n+                default:\n+                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter)\n+            }\n+        },\n+        CLASS_NAME: \"OpenLayers.Format.CQL\"\n+    })\n+}();\n+OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n+    rssns: \"http://backend.userland.com/rss2\",\n+    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n+    georssns: \"http://www.georss.org/georss\",\n+    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n+    featureTitle: \"Untitled\",\n+    featureDescription: \"No Description\",\n     gmlParser: null,\n     xy: false,\n+    createGeometryFromItem: function(item) {\n+        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n+        var lat = this.getElementsByTagNameNS(item, this.geons, \"lat\");\n+        var lon = this.getElementsByTagNameNS(item, this.geons, \"long\");\n+        var line = this.getElementsByTagNameNS(item, this.georssns, \"line\");\n+        var polygon = this.getElementsByTagNameNS(item, this.georssns, \"polygon\");\n+        var where = this.getElementsByTagNameNS(item, this.georssns, \"where\");\n+        var box = this.getElementsByTagNameNS(item, this.georssns, \"box\");\n+        if (point.length > 0 || lat.length > 0 && lon.length > 0) {\n+            var location;\n+            if (point.length > 0) {\n+                location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s+/);\n+                if (location.length != 2) {\n+                    location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s*,\\s*/)\n+                }\n+            } else {\n+                location = [parseFloat(lat[0].firstChild.nodeValue), parseFloat(lon[0].firstChild.nodeValue)]\n+            }\n+            var geometry = new OpenLayers.Geometry.Point(location[1], location[0])\n+        } else if (line.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.LineString(components)\n+        } else if (polygon.length > 0) {\n+            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            for (var i = 0, len = coords.length; i < len; i += 2) {\n+                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n+        } else if (where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.gmlParser = new OpenLayers.Format.GML({\n+                    xy: this.xy\n+                })\n+            }\n+            var feature = this.gmlParser.parseFeature(where[0]);\n+            geometry = feature.geometry\n+        } else if (box.length > 0) {\n+            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n+            var components = [];\n+            var point;\n+            if (coords.length > 3) {\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n+                components.push(point);\n+                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n+                components.push(point)\n+            }\n+            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n+        }\n+        if (geometry && this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.externalProjection, this.internalProjection)\n+        }\n+        return geometry\n+    },\n+    createFeatureFromItem: function(item) {\n+        var geometry = this.createGeometryFromItem(item);\n+        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n+        var description = this._getChildValue(item, \"*\", \"description\", this._getChildValue(item, \"*\", \"content\", this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n+        var link = this._getChildValue(item, \"*\", \"link\");\n+        if (!link) {\n+            try {\n+                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\")\n+            } catch (e) {\n+                link = null\n+            }\n+        }\n+        var id = this._getChildValue(item, \"*\", \"id\", null);\n+        var data = {\n+            title: title,\n+            description: description,\n+            link: link\n+        };\n+        var feature = new OpenLayers.Feature.Vector(geometry, data);\n+        feature.fid = id;\n+        return feature\n+    },\n+    _getChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (eles && eles[0] && eles[0].firstChild && eles[0].firstChild.nodeValue) {\n+            value = this.getChildValue(eles[0])\n+        } else {\n+            value = def == undefined ? \"\" : def\n+        }\n+        return value\n+    },\n     read: function(doc) {\n         if (typeof doc == \"string\") {\n             doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n         }\n-        return this.parseFeatures(doc)\n+        var itemlist = null;\n+        itemlist = this.getElementsByTagNameNS(doc, \"*\", \"item\");\n+        if (itemlist.length == 0) {\n+            itemlist = this.getElementsByTagNameNS(doc, \"*\", \"entry\")\n+        }\n+        var numItems = itemlist.length;\n+        var features = new Array(numItems);\n+        for (var i = 0; i < numItems; i++) {\n+            features[i] = this.createFeatureFromItem(itemlist[i])\n+        }\n+        return features\n     },\n     write: function(features) {\n-        var doc;\n+        var georss;\n         if (OpenLayers.Util.isArray(features)) {\n-            doc = this.createElementNSPlus(\"atom:feed\");\n-            doc.appendChild(this.createElementNSPlus(\"atom:title\", {\n-                value: this.feedTitle\n-            }));\n-            for (var i = 0, ii = features.length; i < ii; i++) {\n-                doc.appendChild(this.buildEntryNode(features[i]))\n+            georss = this.createElementNS(this.rssns, \"rss\");\n+            for (var i = 0, len = features.length; i < len; i++) {\n+                georss.appendChild(this.createFeatureXML(features[i]))\n             }\n         } else {\n-            doc = this.buildEntryNode(features)\n+            georss = this.createFeatureXML(features)\n         }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [doc])\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [georss])\n     },\n-    buildContentNode: function(content) {\n-        var node = this.createElementNSPlus(\"atom:content\", {\n-            attributes: {\n-                type: content.type || null\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var featureNode = this.createElementNS(this.rssns, \"item\");\n+        var titleNode = this.createElementNS(this.rssns, \"title\");\n+        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n+        var descNode = this.createElementNS(this.rssns, \"description\");\n+        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n+        featureNode.appendChild(titleNode);\n+        featureNode.appendChild(descNode);\n+        if (feature.attributes.link) {\n+            var linkNode = this.createElementNS(this.rssns, \"link\");\n+            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n+            featureNode.appendChild(linkNode)\n+        }\n+        for (var attr in feature.attributes) {\n+            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n+                continue\n             }\n-        });\n-        if (content.src) {\n-            node.setAttribute(\"src\", content.src)\n-        } else {\n-            if (content.type == \"text\" || content.type == null) {\n-                node.appendChild(this.createTextNode(content.value))\n-            } else if (content.type == \"html\") {\n-                if (typeof content.value != \"string\") {\n-                    throw \"HTML content must be in form of an escaped string\"\n-                }\n-                node.appendChild(this.createTextNode(content.value))\n-            } else if (content.type == \"xhtml\") {\n-                node.appendChild(content.value)\n-            } else if (content.type == \"xhtml\" || content.type.match(/(\\+|\\/)xml$/)) {\n-                node.appendChild(content.value)\n-            } else {\n-                node.appendChild(this.createTextNode(content.value))\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1]\n             }\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureNode.appendChild(attrContainer)\n         }\n-        return node\n+        featureNode.appendChild(geometryNode);\n+        return featureNode\n     },\n-    buildEntryNode: function(feature) {\n-        var attrib = feature.attributes;\n-        var atomAttrib = attrib.atom || {};\n-        var entryNode = this.createElementNSPlus(\"atom:entry\");\n-        if (atomAttrib.authors) {\n-            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ? atomAttrib.authors : [atomAttrib.authors];\n-            for (var i = 0, ii = authors.length; i < ii; i++) {\n-                entryNode.appendChild(this.buildPersonConstructNode(\"author\", authors[i]))\n-            }\n+    buildGeometryNode: function(geometry) {\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry = geometry.clone();\n+            geometry.transform(this.internalProjection, this.externalProjection)\n         }\n-        if (atomAttrib.categories) {\n-            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ? atomAttrib.categories : [atomAttrib.categories];\n-            var category;\n-            for (var i = 0, ii = categories.length; i < ii; i++) {\n-                category = categories[i];\n-                entryNode.appendChild(this.createElementNSPlus(\"atom:category\", {\n-                    attributes: {\n-                        term: category.term,\n-                        scheme: category.scheme || null,\n-                        label: category.label || null\n-                    }\n-                }))\n-            }\n+        var node;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n+            node = this.createElementNS(this.georssns, \"georss:polygon\");\n+            node.appendChild(this.buildCoordinatesNode(geometry.components[0]))\n+        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n+            node = this.createElementNS(this.georssns, \"georss:line\");\n+            node.appendChild(this.buildCoordinatesNode(geometry))\n+        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            node = this.createElementNS(this.georssns, \"georss:point\");\n+            node.appendChild(this.buildCoordinatesNode(geometry))\n+        } else {\n+            throw \"Couldn't parse \" + geometry.CLASS_NAME\n         }\n-        if (atomAttrib.content) {\n-            entryNode.appendChild(this.buildContentNode(atomAttrib.content))\n+        return node\n+    },\n+    buildCoordinatesNode: function(geometry) {\n+        var points = null;\n+        if (geometry.components) {\n+            points = geometry.components\n         }\n-        if (atomAttrib.contributors) {\n-            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ? atomAttrib.contributors : [atomAttrib.contributors];\n-            for (var i = 0, ii = contributors.length; i < ii; i++) {\n-                entryNode.appendChild(this.buildPersonConstructNode(\"contributor\", contributors[i]))\n+        var path;\n+        if (points) {\n+            var numPoints = points.length;\n+            var parts = new Array(numPoints);\n+            for (var i = 0; i < numPoints; i++) {\n+                parts[i] = points[i].y + \" \" + points[i].x\n             }\n+            path = parts.join(\" \")\n+        } else {\n+            path = geometry.y + \" \" + geometry.x\n         }\n-        if (feature.fid) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:id\", {\n-                value: feature.fid\n-            }))\n-        }\n-        if (atomAttrib.links) {\n-            var links = OpenLayers.Util.isArray(atomAttrib.links) ? atomAttrib.links : [atomAttrib.links];\n-            var link;\n-            for (var i = 0, ii = links.length; i < ii; i++) {\n-                link = links[i];\n-                entryNode.appendChild(this.createElementNSPlus(\"atom:link\", {\n-                    attributes: {\n-                        href: link.href,\n-                        rel: link.rel || null,\n-                        type: link.type || null,\n-                        hreflang: link.hreflang || null,\n-                        title: link.title || null,\n-                        length: link.length || null\n-                    }\n-                }))\n+        return this.createTextNode(path)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+});\n+OpenLayers.Format.ArcXML = OpenLayers.Class(OpenLayers.Format.XML, {\n+    fontStyleKeys: [\"antialiasing\", \"blockout\", \"font\", \"fontcolor\", \"fontsize\", \"fontstyle\", \"glowing\", \"interval\", \"outline\", \"printmode\", \"shadow\", \"transparency\"],\n+    request: null,\n+    response: null,\n+    initialize: function(options) {\n+        this.request = new OpenLayers.Format.ArcXML.Request;\n+        this.response = new OpenLayers.Format.ArcXML.Response;\n+        if (options) {\n+            if (options.requesttype == \"feature\") {\n+                this.request.get_image = null;\n+                var qry = this.request.get_feature.query;\n+                this.addCoordSys(qry.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(qry.filtercoordsys, options.filterCoordSys);\n+                if (options.polygon) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.polygon = options.polygon\n+                } else if (options.envelope) {\n+                    qry.isspatial = true;\n+                    qry.spatialfilter.envelope = {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    };\n+                    this.parseEnvelope(qry.spatialfilter.envelope, options.envelope)\n+                }\n+            } else if (options.requesttype == \"image\") {\n+                this.request.get_feature = null;\n+                var props = this.request.get_image.properties;\n+                this.parseEnvelope(props.envelope, options.envelope);\n+                this.addLayers(props.layerlist, options.layers);\n+                this.addImageSize(props.imagesize, options.tileSize);\n+                this.addCoordSys(props.featurecoordsys, options.featureCoordSys);\n+                this.addCoordSys(props.filtercoordsys, options.filterCoordSys)\n+            } else {\n+                this.request = null\n             }\n         }\n-        if (atomAttrib.published) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:published\", {\n-                value: atomAttrib.published\n-            }))\n-        }\n-        if (atomAttrib.rights) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:rights\", {\n-                value: atomAttrib.rights\n-            }))\n-        }\n-        if (atomAttrib.summary || attrib.description) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:summary\", {\n-                value: atomAttrib.summary || attrib.description\n-            }))\n-        }\n-        entryNode.appendChild(this.createElementNSPlus(\"atom:title\", {\n-            value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n-        }));\n-        if (atomAttrib.updated) {\n-            entryNode.appendChild(this.createElementNSPlus(\"atom:updated\", {\n-                value: atomAttrib.updated\n-            }))\n-        }\n-        if (feature.geometry) {\n-            var whereNode = this.createElementNSPlus(\"georss:where\");\n-            whereNode.appendChild(this.buildGeometryNode(feature.geometry));\n-            entryNode.appendChild(whereNode)\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    parseEnvelope: function(env, arr) {\n+        if (arr && arr.length == 4) {\n+            env.minx = arr[0];\n+            env.miny = arr[1];\n+            env.maxx = arr[2];\n+            env.maxy = arr[3]\n         }\n-        return entryNode\n     },\n-    initGmlParser: function() {\n-        this.gmlParser = new OpenLayers.Format.GML.v3({\n-            xy: this.xy,\n-            featureNS: \"http://example.com#feature\",\n-            internalProjection: this.internalProjection,\n-            externalProjection: this.externalProjection\n-        })\n+    addLayers: function(ll, lyrs) {\n+        for (var lind = 0, len = lyrs.length; lind < len; lind++) {\n+            ll.push(lyrs[lind])\n+        }\n     },\n-    buildGeometryNode: function(geometry) {\n-        if (!this.gmlParser) {\n-            this.initGmlParser()\n+    addImageSize: function(imsize, olsize) {\n+        if (olsize !== null) {\n+            imsize.width = olsize.w;\n+            imsize.height = olsize.h;\n+            imsize.printwidth = olsize.w;\n+            imsize.printheight = olsize.h\n         }\n-        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n-        return node.firstChild\n     },\n-    buildPersonConstructNode: function(name, value) {\n-        var oNames = [\"uri\", \"email\"];\n-        var personNode = this.createElementNSPlus(\"atom:\" + name);\n-        personNode.appendChild(this.createElementNSPlus(\"atom:name\", {\n-            value: value.name\n-        }));\n-        for (var i = 0, ii = oNames.length; i < ii; i++) {\n-            if (value[oNames[i]]) {\n-                personNode.appendChild(this.createElementNSPlus(\"atom:\" + oNames[i], {\n-                    value: value[oNames[i]]\n-                }))\n-            }\n+    addCoordSys: function(featOrFilt, fsys) {\n+        if (typeof fsys == \"string\") {\n+            featOrFilt.id = parseInt(fsys);\n+            featOrFilt.string = fsys\n+        } else if (typeof fsys == \"object\" && fsys.proj !== null) {\n+            featOrFilt.id = fsys.proj.srsProjNumber;\n+            featOrFilt.string = fsys.proj.srsCode\n+        } else {\n+            featOrFilt = fsys\n         }\n-        return personNode\n     },\n-    getFirstChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (nodes && nodes.length > 0) {\n-            value = this.getChildValue(nodes[0], def)\n+    iserror: function(data) {\n+        var ret = null;\n+        if (!data) {\n+            ret = this.response.error !== \"\"\n         } else {\n-            value = def\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data]);\n+            var errorNodes = data.documentElement.getElementsByTagName(\"ERROR\");\n+            ret = errorNodes !== null && errorNodes.length > 0\n         }\n-        return value\n+        return ret\n     },\n-    parseFeature: function(node) {\n-        var atomAttrib = {};\n-        var value = null;\n-        var nodes = null;\n-        var attval = null;\n-        var atomns = this.namespaces.atom;\n-        this.parsePersonConstructs(node, \"author\", atomAttrib);\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n-        if (nodes.length > 0) {\n-            atomAttrib.categories = []\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.term = nodes[i].getAttribute(\"term\");\n-            attval = nodes[i].getAttribute(\"scheme\");\n-            if (attval) {\n-                value.scheme = attval\n+        var arcNode = null;\n+        if (data && data.documentElement) {\n+            if (data.documentElement.nodeName == \"ARCXML\") {\n+                arcNode = data.documentElement\n+            } else {\n+                arcNode = data.documentElement.getElementsByTagName(\"ARCXML\")[0]\n             }\n-            attval = nodes[i].getAttribute(\"label\");\n-            if (attval) {\n-                value.label = attval\n+        }\n+        if (!arcNode || arcNode.firstChild.nodeName === \"parsererror\") {\n+            var error, source;\n+            try {\n+                error = data.firstChild.nodeValue;\n+                source = data.firstChild.childNodes[1].firstChild.nodeValue\n+            } catch (err) {}\n+            throw {\n+                message: \"Error parsing the ArcXML request\",\n+                error: error,\n+                source: source\n             }\n-            atomAttrib.categories.push(value)\n         }\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n-        if (nodes.length > 0) {\n-            value = {};\n-            attval = nodes[0].getAttribute(\"type\");\n-            if (attval) {\n-                value.type = attval\n+        var response = this.parseResponse(arcNode);\n+        return response\n+    },\n+    write: function(request) {\n+        if (!request) {\n+            request = this.request\n+        }\n+        var root = this.createElementNS(\"\", \"ARCXML\");\n+        root.setAttribute(\"version\", \"1.1\");\n+        var reqElem = this.createElementNS(\"\", \"REQUEST\");\n+        if (request.get_image != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_IMAGE\");\n+            reqElem.appendChild(getElem);\n+            var propElem = this.createElementNS(\"\", \"PROPERTIES\");\n+            getElem.appendChild(propElem);\n+            var props = request.get_image.properties;\n+            if (props.featurecoordsys != null) {\n+                var feat = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                propElem.appendChild(feat);\n+                if (props.featurecoordsys.id === 0) {\n+                    feat.setAttribute(\"string\", props.featurecoordsys[\"string\"])\n+                } else {\n+                    feat.setAttribute(\"id\", props.featurecoordsys.id)\n+                }\n             }\n-            attval = nodes[0].getAttribute(\"src\");\n-            if (attval) {\n-                value.src = attval\n+            if (props.filtercoordsys != null) {\n+                var filt = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                propElem.appendChild(filt);\n+                if (props.filtercoordsys.id === 0) {\n+                    filt.setAttribute(\"string\", props.filtercoordsys.string)\n+                } else {\n+                    filt.setAttribute(\"id\", props.filtercoordsys.id)\n+                }\n+            }\n+            if (props.envelope != null) {\n+                var env = this.createElementNS(\"\", \"ENVELOPE\");\n+                propElem.appendChild(env);\n+                env.setAttribute(\"minx\", props.envelope.minx);\n+                env.setAttribute(\"miny\", props.envelope.miny);\n+                env.setAttribute(\"maxx\", props.envelope.maxx);\n+                env.setAttribute(\"maxy\", props.envelope.maxy)\n+            }\n+            var imagesz = this.createElementNS(\"\", \"IMAGESIZE\");\n+            propElem.appendChild(imagesz);\n+            imagesz.setAttribute(\"height\", props.imagesize.height);\n+            imagesz.setAttribute(\"width\", props.imagesize.width);\n+            if (props.imagesize.height != props.imagesize.printheight || props.imagesize.width != props.imagesize.printwidth) {\n+                imagesz.setAttribute(\"printheight\", props.imagesize.printheight);\n+                imagesz.setArrtibute(\"printwidth\", props.imagesize.printwidth)\n+            }\n+            if (props.background != null) {\n+                var backgrnd = this.createElementNS(\"\", \"BACKGROUND\");\n+                propElem.appendChild(backgrnd);\n+                backgrnd.setAttribute(\"color\", props.background.color.r + \",\" + props.background.color.g + \",\" + props.background.color.b);\n+                if (props.background.transcolor !== null) {\n+                    backgrnd.setAttribute(\"transcolor\", props.background.transcolor.r + \",\" + props.background.transcolor.g + \",\" + props.background.transcolor.b)\n+                }\n+            }\n+            if (props.layerlist != null && props.layerlist.length > 0) {\n+                var layerlst = this.createElementNS(\"\", \"LAYERLIST\");\n+                propElem.appendChild(layerlst);\n+                for (var ld = 0; ld < props.layerlist.length; ld++) {\n+                    var ldef = this.createElementNS(\"\", \"LAYERDEF\");\n+                    layerlst.appendChild(ldef);\n+                    ldef.setAttribute(\"id\", props.layerlist[ld].id);\n+                    ldef.setAttribute(\"visible\", props.layerlist[ld].visible);\n+                    if (typeof props.layerlist[ld].query == \"object\") {\n+                        var query = props.layerlist[ld].query;\n+                        if (query.where.length < 0) {\n+                            continue\n+                        }\n+                        var queryElem = null;\n+                        if (typeof query.spatialfilter == \"boolean\" && query.spatialfilter) {\n+                            queryElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n+                        } else {\n+                            queryElem = this.createElementNS(\"\", \"QUERY\")\n+                        }\n+                        queryElem.setAttribute(\"where\", query.where);\n+                        if (typeof query.accuracy == \"number\" && query.accuracy > 0) {\n+                            queryElem.setAttribute(\"accuracy\", query.accuracy)\n+                        }\n+                        if (typeof query.featurelimit == \"number\" && query.featurelimit < 2e3) {\n+                            queryElem.setAttribute(\"featurelimit\", query.featurelimit)\n+                        }\n+                        if (typeof query.subfields == \"string\" && query.subfields != \"#ALL#\") {\n+                            queryElem.setAttribute(\"subfields\", query.subfields)\n+                        }\n+                        if (typeof query.joinexpression == \"string\" && query.joinexpression.length > 0) {\n+                            queryElem.setAttribute(\"joinexpression\", query.joinexpression)\n+                        }\n+                        if (typeof query.jointables == \"string\" && query.jointables.length > 0) {\n+                            queryElem.setAttribute(\"jointables\", query.jointables)\n+                        }\n+                        ldef.appendChild(queryElem)\n+                    }\n+                    if (typeof props.layerlist[ld].renderer == \"object\") {\n+                        this.addRenderer(ldef, props.layerlist[ld].renderer)\n+                    }\n+                }\n+            }\n+        } else if (request.get_feature != null) {\n+            var getElem = this.createElementNS(\"\", \"GET_FEATURES\");\n+            getElem.setAttribute(\"outputmode\", \"newxml\");\n+            getElem.setAttribute(\"checkesc\", \"true\");\n+            if (request.get_feature.geometry) {\n+                getElem.setAttribute(\"geometry\", request.get_feature.geometry)\n             } else {\n-                if (value.type == \"text\" || value.type == \"html\" || value.type == null) {\n-                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n-                } else if (value.type == \"xhtml\" || value.type.match(/(\\+|\\/)xml$/)) {\n-                    value.value = this.getChildEl(nodes[0])\n+                getElem.setAttribute(\"geometry\", \"false\")\n+            }\n+            if (request.get_feature.compact) {\n+                getElem.setAttribute(\"compact\", request.get_feature.compact)\n+            }\n+            if (request.get_feature.featurelimit == \"number\") {\n+                getElem.setAttribute(\"featurelimit\", request.get_feature.featurelimit)\n+            }\n+            getElem.setAttribute(\"globalenvelope\", \"true\");\n+            reqElem.appendChild(getElem);\n+            if (request.get_feature.layer != null && request.get_feature.layer.length > 0) {\n+                var lyrElem = this.createElementNS(\"\", \"LAYER\");\n+                lyrElem.setAttribute(\"id\", request.get_feature.layer);\n+                getElem.appendChild(lyrElem)\n+            }\n+            var fquery = request.get_feature.query;\n+            if (fquery != null) {\n+                var qElem = null;\n+                if (fquery.isspatial) {\n+                    qElem = this.createElementNS(\"\", \"SPATIALQUERY\")\n                 } else {\n-                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n+                    qElem = this.createElementNS(\"\", \"QUERY\")\n+                }\n+                getElem.appendChild(qElem);\n+                if (typeof fquery.accuracy == \"number\") {\n+                    qElem.setAttribute(\"accuracy\", fquery.accuracy)\n+                }\n+                if (fquery.featurecoordsys != null) {\n+                    var fcsElem1 = this.createElementNS(\"\", \"FEATURECOORDSYS\");\n+                    if (fquery.featurecoordsys.id == 0) {\n+                        fcsElem1.setAttribute(\"string\", fquery.featurecoordsys.string)\n+                    } else {\n+                        fcsElem1.setAttribute(\"id\", fquery.featurecoordsys.id)\n+                    }\n+                    qElem.appendChild(fcsElem1)\n+                }\n+                if (fquery.filtercoordsys != null) {\n+                    var fcsElem2 = this.createElementNS(\"\", \"FILTERCOORDSYS\");\n+                    if (fquery.filtercoordsys.id === 0) {\n+                        fcsElem2.setAttribute(\"string\", fquery.filtercoordsys.string)\n+                    } else {\n+                        fcsElem2.setAttribute(\"id\", fquery.filtercoordsys.id)\n+                    }\n+                    qElem.appendChild(fcsElem2)\n+                }\n+                if (fquery.buffer > 0) {\n+                    var bufElem = this.createElementNS(\"\", \"BUFFER\");\n+                    bufElem.setAttribute(\"distance\", fquery.buffer);\n+                    qElem.appendChild(bufElem)\n+                }\n+                if (fquery.isspatial) {\n+                    var spfElem = this.createElementNS(\"\", \"SPATIALFILTER\");\n+                    spfElem.setAttribute(\"relation\", fquery.spatialfilter.relation);\n+                    qElem.appendChild(spfElem);\n+                    if (fquery.spatialfilter.envelope) {\n+                        var envElem = this.createElementNS(\"\", \"ENVELOPE\");\n+                        envElem.setAttribute(\"minx\", fquery.spatialfilter.envelope.minx);\n+                        envElem.setAttribute(\"miny\", fquery.spatialfilter.envelope.miny);\n+                        envElem.setAttribute(\"maxx\", fquery.spatialfilter.envelope.maxx);\n+                        envElem.setAttribute(\"maxy\", fquery.spatialfilter.envelope.maxy);\n+                        spfElem.appendChild(envElem)\n+                    } else if (typeof fquery.spatialfilter.polygon == \"object\") {\n+                        spfElem.appendChild(this.writePolygonGeometry(fquery.spatialfilter.polygon))\n+                    }\n+                }\n+                if (fquery.where != null && fquery.where.length > 0) {\n+                    qElem.setAttribute(\"where\", fquery.where)\n                 }\n-                atomAttrib.content = value\n             }\n         }\n-        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n-        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n-        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n-        if (nodes.length > 0) {\n-            atomAttrib.links = new Array(nodes.length)\n+        root.appendChild(reqElem);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [root])\n+    },\n+    addGroupRenderer: function(ldef, toprenderer) {\n+        var topRelem = this.createElementNS(\"\", \"GROUPRENDERER\");\n+        ldef.appendChild(topRelem);\n+        for (var rind = 0; rind < toprenderer.length; rind++) {\n+            var renderer = toprenderer[rind];\n+            this.addRenderer(topRelem, renderer)\n         }\n-        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            value = {};\n-            value.href = nodes[i].getAttribute(\"href\");\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                attval = nodes[i].getAttribute(oAtts[j]);\n-                if (attval) {\n-                    value[oAtts[j]] = attval\n-                }\n+    },\n+    addRenderer: function(topRelem, renderer) {\n+        if (OpenLayers.Util.isArray(renderer)) {\n+            this.addGroupRenderer(topRelem, renderer)\n+        } else {\n+            var renderElem = this.createElementNS(\"\", renderer.type.toUpperCase() + \"RENDERER\");\n+            topRelem.appendChild(renderElem);\n+            if (renderElem.tagName == \"VALUEMAPRENDERER\") {\n+                this.addValueMapRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"VALUEMAPLABELRENDERER\") {\n+                this.addValueMapLabelRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"SIMPLELABELRENDERER\") {\n+                this.addSimpleLabelRenderer(renderElem, renderer)\n+            } else if (renderElem.tagName == \"SCALEDEPENDENTRENDERER\") {\n+                this.addScaleDependentRenderer(renderElem, renderer)\n             }\n-            atomAttrib.links[i] = value\n-        }\n-        value = this.getFirstChildValue(node, atomns, \"published\", null);\n-        if (value) {\n-            atomAttrib.published = value\n         }\n-        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n-        if (value) {\n-            atomAttrib.rights = value\n+    },\n+    addScaleDependentRenderer: function(renderElem, renderer) {\n+        if (typeof renderer.lower == \"string\" || typeof renderer.lower == \"number\") {\n+            renderElem.setAttribute(\"lower\", renderer.lower)\n         }\n-        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n-        if (value) {\n-            atomAttrib.summary = value\n+        if (typeof renderer.upper == \"string\" || typeof renderer.upper == \"number\") {\n+            renderElem.setAttribute(\"upper\", renderer.upper)\n         }\n-        atomAttrib.title = this.getFirstChildValue(node, atomns, \"title\", null);\n-        atomAttrib.updated = this.getFirstChildValue(node, atomns, \"updated\", null);\n-        var featureAttrib = {\n-            title: atomAttrib.title,\n-            description: atomAttrib.summary,\n-            atom: atomAttrib\n-        };\n-        var geometry = this.parseLocations(node)[0];\n-        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n-        feature.fid = atomAttrib.id;\n-        return feature\n+        this.addRenderer(renderElem, renderer.renderer)\n     },\n-    parseFeatures: function(node) {\n-        var features = [];\n-        var entries = this.getElementsByTagNameNS(node, this.namespaces.atom, \"entry\");\n-        if (entries.length == 0) {\n-            entries = [node]\n-        }\n-        for (var i = 0, ii = entries.length; i < ii; i++) {\n-            features.push(this.parseFeature(entries[i]))\n+    addValueMapLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        renderElem.setAttribute(\"labelfield\", renderer.labelfield);\n+        if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value)\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label)\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method)\n+                }\n+                renderElem.appendChild(eelem);\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+                    if (exact.symbol.type == \"text\") {\n+                        selem = this.createElementNS(\"\", \"TEXTSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        var keys = this.fontStyleKeys;\n+                        for (var i = 0, len = keys.length; i < len; i++) {\n+                            var key = keys[i];\n+                            if (exact.symbol[key]) {\n+                                selem.setAttribute(key, exact.symbol[key])\n+                            }\n+                        }\n+                        eelem.appendChild(selem)\n+                    }\n+                }\n+            }\n         }\n-        return features\n     },\n-    parseLocations: function(node) {\n-        var georssns = this.namespaces.georss;\n-        var locations = {\n-            components: []\n-        };\n-        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n-        if (where && where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.initGmlParser()\n+    addValueMapRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"lookupfield\", renderer.lookupfield);\n+        if (typeof renderer.ranges == \"object\") {\n+            for (var rng = 0, rnglen = renderer.ranges.length; rng < rnglen; rng++) {\n+                var range = renderer.ranges[rng];\n+                var relem = this.createElementNS(\"\", \"RANGE\");\n+                relem.setAttribute(\"lower\", range.lower);\n+                relem.setAttribute(\"upper\", range.upper);\n+                renderElem.appendChild(relem);\n+                if (typeof range.symbol == \"object\") {\n+                    var selem = null;\n+                    if (range.symbol.type == \"simplepolygon\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEPOLYGONSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        if (typeof range.symbol.boundarycolor == \"string\") {\n+                            selem.setAttribute(\"boundarycolor\", range.symbol.boundarycolor)\n+                        }\n+                        if (typeof range.symbol.fillcolor == \"string\") {\n+                            selem.setAttribute(\"fillcolor\", range.symbol.fillcolor)\n+                        }\n+                        if (typeof range.symbol.filltransparency == \"number\") {\n+                            selem.setAttribute(\"filltransparency\", range.symbol.filltransparency)\n+                        }\n+                        relem.appendChild(selem)\n+                    }\n+                }\n             }\n-            for (var i = 0, ii = where.length; i < ii; i++) {\n-                this.gmlParser.readChildNodes(where[i], locations)\n+        } else if (typeof renderer.exacts == \"object\") {\n+            for (var ext = 0, extlen = renderer.exacts.length; ext < extlen; ext++) {\n+                var exact = renderer.exacts[ext];\n+                var eelem = this.createElementNS(\"\", \"EXACT\");\n+                if (typeof exact.value == \"string\") {\n+                    eelem.setAttribute(\"value\", exact.value)\n+                }\n+                if (typeof exact.label == \"string\") {\n+                    eelem.setAttribute(\"label\", exact.label)\n+                }\n+                if (typeof exact.method == \"string\") {\n+                    eelem.setAttribute(\"method\", exact.method)\n+                }\n+                renderElem.appendChild(eelem);\n+                if (typeof exact.symbol == \"object\") {\n+                    var selem = null;\n+                    if (exact.symbol.type == \"simplemarker\") {\n+                        selem = this.createElementNS(\"\", \"SIMPLEMARKERSYMBOL\")\n+                    }\n+                    if (selem != null) {\n+                        if (typeof exact.symbol.antialiasing == \"string\") {\n+                            selem.setAttribute(\"antialiasing\", exact.symbol.antialiasing)\n+                        }\n+                        if (typeof exact.symbol.color == \"string\") {\n+                            selem.setAttribute(\"color\", exact.symbol.color)\n+                        }\n+                        if (typeof exact.symbol.outline == \"string\") {\n+                            selem.setAttribute(\"outline\", exact.symbol.outline)\n+                        }\n+                        if (typeof exact.symbol.overlap == \"string\") {\n+                            selem.setAttribute(\"overlap\", exact.symbol.overlap)\n+                        }\n+                        if (typeof exact.symbol.shadow == \"string\") {\n+                            selem.setAttribute(\"shadow\", exact.symbol.shadow)\n+                        }\n+                        if (typeof exact.symbol.transparency == \"number\") {\n+                            selem.setAttribute(\"transparency\", exact.symbol.transparency)\n+                        }\n+                        if (typeof exact.symbol.usecentroid == \"string\") {\n+                            selem.setAttribute(\"usecentroid\", exact.symbol.usecentroid)\n+                        }\n+                        if (typeof exact.symbol.width == \"number\") {\n+                            selem.setAttribute(\"width\", exact.symbol.width)\n+                        }\n+                        eelem.appendChild(selem)\n+                    }\n+                }\n             }\n         }\n-        var components = locations.components;\n-        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n-        if (point && point.length > 0) {\n-            for (var i = 0, ii = point.length; i < ii; i++) {\n-                var xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s+/);\n-                if (xy.length != 2) {\n-                    xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s*,\\s*/)\n-                }\n-                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]))\n+    },\n+    addSimpleLabelRenderer: function(renderElem, renderer) {\n+        renderElem.setAttribute(\"field\", renderer.field);\n+        var keys = [\"featureweight\", \"howmanylabels\", \"labelbufferratio\", \"labelpriorities\", \"labelweight\", \"linelabelposition\", \"rotationalangles\"];\n+        for (var i = 0, len = keys.length; i < len; i++) {\n+            var key = keys[i];\n+            if (renderer[key]) {\n+                renderElem.setAttribute(key, renderer[key])\n             }\n         }\n-        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n-        if (line && line.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = line.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(line[i].firstChild.nodeValue).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p)\n+        if (renderer.symbol.type == \"text\") {\n+            var symbol = renderer.symbol;\n+            var selem = this.createElementNS(\"\", \"TEXTSYMBOL\");\n+            renderElem.appendChild(selem);\n+            var keys = this.fontStyleKeys;\n+            for (var i = 0, len = keys.length; i < len; i++) {\n+                var key = keys[i];\n+                if (symbol[key]) {\n+                    selem.setAttribute(key, renderer[key])\n                 }\n-                components.push(new OpenLayers.Geometry.LineString(points))\n             }\n         }\n-        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n-        if (polygon && polygon.length > 0) {\n-            var coords;\n-            var p;\n-            var points;\n-            for (var i = 0, ii = polygon.length; i < ii; i++) {\n-                coords = OpenLayers.String.trim(polygon[i].firstChild.nodeValue).split(/\\s+/);\n-                points = [];\n-                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n-                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n-                    points.push(p)\n-                }\n-                components.push(new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(points)]))\n+    },\n+    writePolygonGeometry: function(polygon) {\n+        if (!(polygon instanceof OpenLayers.Geometry.Polygon)) {\n+            throw {\n+                message: \"Cannot write polygon geometry to ArcXML with an \" + polygon.CLASS_NAME + \" object.\",\n+                geometry: polygon\n             }\n         }\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var i = 0, ii = components.length; i < ii; i++) {\n-                if (components[i]) {\n-                    components[i].transform(this.externalProjection, this.internalProjection)\n-                }\n+        var polyElem = this.createElementNS(\"\", \"POLYGON\");\n+        for (var ln = 0, lnlen = polygon.components.length; ln < lnlen; ln++) {\n+            var ring = polygon.components[ln];\n+            var ringElem = this.createElementNS(\"\", \"RING\");\n+            for (var rn = 0, rnlen = ring.components.length; rn < rnlen; rn++) {\n+                var point = ring.components[rn];\n+                var pointElem = this.createElementNS(\"\", \"POINT\");\n+                pointElem.setAttribute(\"x\", point.x);\n+                pointElem.setAttribute(\"y\", point.y);\n+                ringElem.appendChild(pointElem)\n             }\n+            polyElem.appendChild(ringElem)\n         }\n-        return components\n+        return polyElem\n     },\n-    parsePersonConstructs: function(node, name, data) {\n-        var persons = [];\n-        var atomns = this.namespaces.atom;\n-        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n-        var oAtts = [\"uri\", \"email\"];\n-        for (var i = 0, ii = nodes.length; i < ii; i++) {\n-            var value = {};\n-            value.name = this.getFirstChildValue(nodes[i], atomns, \"name\", null);\n-            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n-                var attval = this.getFirstChildValue(nodes[i], atomns, oAtts[j], null);\n-                if (attval) {\n-                    value[oAtts[j]] = attval\n+    parseResponse: function(data) {\n+        if (typeof data == \"string\") {\n+            var newData = new OpenLayers.Format.XML;\n+            data = newData.read(data)\n+        }\n+        var response = new OpenLayers.Format.ArcXML.Response;\n+        var errorNode = data.getElementsByTagName(\"ERROR\");\n+        if (errorNode != null && errorNode.length > 0) {\n+            response.error = this.getChildValue(errorNode, \"Unknown error.\")\n+        } else {\n+            var responseNode = data.getElementsByTagName(\"RESPONSE\");\n+            if (responseNode == null || responseNode.length == 0) {\n+                response.error = \"No RESPONSE tag found in ArcXML response.\";\n+                return response\n+            }\n+            var rtype = responseNode[0].firstChild.nodeName;\n+            if (rtype == \"#text\") {\n+                rtype = responseNode[0].firstChild.nextSibling.nodeName\n+            }\n+            if (rtype == \"IMAGE\") {\n+                var envelopeNode = data.getElementsByTagName(\"ENVELOPE\");\n+                var outputNode = data.getElementsByTagName(\"OUTPUT\");\n+                if (envelopeNode == null || envelopeNode.length == 0) {\n+                    response.error = \"No ENVELOPE tag found in ArcXML response.\"\n+                } else if (outputNode == null || outputNode.length == 0) {\n+                    response.error = \"No OUTPUT tag found in ArcXML response.\"\n+                } else {\n+                    var envAttr = this.parseAttributes(envelopeNode[0]);\n+                    var outputAttr = this.parseAttributes(outputNode[0]);\n+                    if (typeof outputAttr.type == \"string\") {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: {\n+                                type: outputAttr.type,\n+                                data: this.getChildValue(outputNode[0])\n+                            }\n+                        }\n+                    } else {\n+                        response.image = {\n+                            envelope: envAttr,\n+                            output: outputAttr\n+                        }\n+                    }\n+                }\n+            } else if (rtype == \"FEATURES\") {\n+                var features = responseNode[0].getElementsByTagName(\"FEATURES\");\n+                var featureCount = features[0].getElementsByTagName(\"FEATURECOUNT\");\n+                response.features.featurecount = featureCount[0].getAttribute(\"count\");\n+                if (response.features.featurecount > 0) {\n+                    var envelope = features[0].getElementsByTagName(\"ENVELOPE\");\n+                    response.features.envelope = this.parseAttributes(envelope[0], typeof 0);\n+                    var featureList = features[0].getElementsByTagName(\"FEATURE\");\n+                    for (var fn = 0; fn < featureList.length; fn++) {\n+                        var feature = new OpenLayers.Feature.Vector;\n+                        var fields = featureList[fn].getElementsByTagName(\"FIELD\");\n+                        for (var fdn = 0; fdn < fields.length; fdn++) {\n+                            var fieldName = fields[fdn].getAttribute(\"name\");\n+                            var fieldValue = fields[fdn].getAttribute(\"value\");\n+                            feature.attributes[fieldName] = fieldValue\n+                        }\n+                        var geom = featureList[fn].getElementsByTagName(\"POLYGON\");\n+                        if (geom.length > 0) {\n+                            var ring = geom[0].getElementsByTagName(\"RING\");\n+                            var polys = [];\n+                            for (var rn = 0; rn < ring.length; rn++) {\n+                                var linearRings = [];\n+                                linearRings.push(this.parsePointGeometry(ring[rn]));\n+                                var holes = ring[rn].getElementsByTagName(\"HOLE\");\n+                                for (var hn = 0; hn < holes.length; hn++) {\n+                                    linearRings.push(this.parsePointGeometry(holes[hn]))\n+                                }\n+                                holes = null;\n+                                polys.push(new OpenLayers.Geometry.Polygon(linearRings));\n+                                linearRings = null\n+                            }\n+                            ring = null;\n+                            if (polys.length == 1) {\n+                                feature.geometry = polys[0]\n+                            } else {\n+                                feature.geometry = new OpenLayers.Geometry.MultiPolygon(polys)\n+                            }\n+                        }\n+                        response.features.feature.push(feature)\n+                    }\n                 }\n+            } else {\n+                response.error = \"Unidentified response type.\"\n             }\n-            persons.push(value)\n-        }\n-        if (persons.length > 0) {\n-            data[name + \"s\"] = persons\n         }\n+        return response\n     },\n-    CLASS_NAME: \"OpenLayers.Format.Atom\"\n-});\n-OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(OpenLayers.Format.XML, {\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g\n+    parseAttributes: function(node, type) {\n+        var attributes = {};\n+        for (var attr = 0; attr < node.attributes.length; attr++) {\n+            if (type == \"number\") {\n+                attributes[node.attributes[attr].nodeName] = parseFloat(node.attributes[attr].nodeValue)\n+            } else {\n+                attributes[node.attributes[attr].nodeName] = node.attributes[attr].nodeValue\n+            }\n+        }\n+        return attributes\n     },\n-    namespaces: {\n-        xsd: \"http://www.w3.org/2001/XMLSchema\"\n+    parsePointGeometry: function(node) {\n+        var ringPoints = [];\n+        var coords = node.getElementsByTagName(\"COORDS\");\n+        if (coords.length > 0) {\n+            var coordArr = this.getChildValue(coords[0]);\n+            coordArr = coordArr.split(/;/);\n+            for (var cn = 0; cn < coordArr.length; cn++) {\n+                var coordItems = coordArr[cn].split(/ /);\n+                ringPoints.push(new OpenLayers.Geometry.Point(coordItems[0], coordItems[1]))\n+            }\n+            coords = null\n+        } else {\n+            var point = node.getElementsByTagName(\"POINT\");\n+            if (point.length > 0) {\n+                for (var pn = 0; pn < point.length; pn++) {\n+                    ringPoints.push(new OpenLayers.Geometry.Point(parseFloat(point[pn].getAttribute(\"x\")), parseFloat(point[pn].getAttribute(\"y\"))))\n+                }\n+            }\n+            point = null\n+        }\n+        return new OpenLayers.Geometry.LinearRing(ringPoints)\n     },\n-    readers: {\n-        xsd: {\n-            schema: function(node, obj) {\n-                var complexTypes = [];\n-                var customTypes = {};\n-                var schema = {\n-                    complexTypes: complexTypes,\n-                    customTypes: customTypes\n-                };\n-                var i, len;\n-                this.readChildNodes(node, schema);\n-                var attributes = node.attributes;\n-                var attr, name;\n-                for (i = 0, len = attributes.length; i < len; ++i) {\n-                    attr = attributes[i];\n-                    name = attr.name;\n-                    if (name.indexOf(\"xmlns\") === 0) {\n-                        this.setNamespace(name.split(\":\")[1] || \"\", attr.value)\n-                    } else {\n-                        obj[name] = attr.value\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML\"\n+});\n+OpenLayers.Format.ArcXML.Request = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            get_image: {\n+                properties: {\n+                    background: null,\n+                    draw: true,\n+                    envelope: {\n+                        minx: 0,\n+                        miny: 0,\n+                        maxx: 0,\n+                        maxy: 0\n+                    },\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    imagesize: {\n+                        height: 0,\n+                        width: 0,\n+                        dpi: 96,\n+                        printheight: 0,\n+                        printwidth: 0,\n+                        scalesymbols: false\n+                    },\n+                    layerlist: [],\n+                    output: {\n+                        baseurl: \"\",\n+                        legendbaseurl: \"\",\n+                        legendname: \"\",\n+                        legendpath: \"\",\n+                        legendurl: \"\",\n+                        name: \"\",\n+                        path: \"\",\n+                        type: \"jpg\",\n+                        url: \"\"\n                     }\n                 }\n-                obj.featureTypes = complexTypes;\n-                obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n-                var complexType, customType;\n-                for (i = 0, len = complexTypes.length; i < len; ++i) {\n-                    complexType = complexTypes[i];\n-                    customType = customTypes[complexType.typeName];\n-                    if (customTypes[complexType.typeName]) {\n-                        complexType.typeName = customType.name\n+            },\n+            get_feature: {\n+                layer: \"\",\n+                query: {\n+                    isspatial: false,\n+                    featurecoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    filtercoordsys: {\n+                        id: 0,\n+                        string: \"\",\n+                        datumtransformid: 0,\n+                        datumtransformstring: \"\"\n+                    },\n+                    buffer: 0,\n+                    where: \"\",\n+                    spatialfilter: {\n+                        relation: \"envelope_intersection\",\n+                        envelope: null\n                     }\n                 }\n             },\n-            complexType: function(node, obj) {\n-                var complexType = {\n-                    typeName: node.getAttribute(\"name\")\n-                };\n-                this.readChildNodes(node, complexType);\n-                obj.complexTypes.push(complexType)\n-            },\n-            complexContent: function(node, obj) {\n-                this.readChildNodes(node, obj)\n+            environment: {\n+                separators: {\n+                    cs: \" \",\n+                    ts: \";\"\n+                }\n             },\n-            extension: function(node, obj) {\n-                this.readChildNodes(node, obj)\n+            layer: [],\n+            workspaces: []\n+        };\n+        return OpenLayers.Util.extend(this, defaults)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Request\"\n+});\n+OpenLayers.Format.ArcXML.Response = OpenLayers.Class({\n+    initialize: function(params) {\n+        var defaults = {\n+            image: {\n+                envelope: null,\n+                output: \"\"\n             },\n-            sequence: function(node, obj) {\n-                var sequence = {\n-                    elements: []\n-                };\n-                this.readChildNodes(node, sequence);\n-                obj.properties = sequence.elements\n+            features: {\n+                featurecount: 0,\n+                envelope: null,\n+                feature: []\n             },\n-            element: function(node, obj) {\n-                var type;\n-                if (obj.elements) {\n-                    var element = {};\n-                    var attributes = node.attributes;\n-                    var attr;\n-                    for (var i = 0, len = attributes.length; i < len; ++i) {\n-                        attr = attributes[i];\n-                        element[attr.name] = attr.value\n-                    }\n-                    type = element.type;\n-                    if (!type) {\n-                        type = {};\n-                        this.readChildNodes(node, type);\n-                        element.restriction = type;\n-                        element.type = type.base\n-                    }\n-                    var fullType = type.base || type;\n-                    element.localType = fullType.split(\":\").pop();\n-                    obj.elements.push(element);\n-                    this.readChildNodes(node, element)\n+            error: \"\"\n+        };\n+        return OpenLayers.Util.extend(this, defaults)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.ArcXML.Response\"\n+});\n+OpenLayers.Format.WCSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities\"\n+});\n+OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n+    defaultDesc: \"No description available\",\n+    extractWaypoints: true,\n+    extractTracks: true,\n+    extractRoutes: true,\n+    extractAttributes: true,\n+    namespaces: {\n+        gpx: \"http://www.topografix.com/GPX/1/1\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n+    creator: \"OpenLayers\",\n+    initialize: function(options) {\n+        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n+        }\n+        var features = [];\n+        if (this.extractTracks) {\n+            var tracks = doc.getElementsByTagName(\"trk\");\n+            for (var i = 0, len = tracks.length; i < len; i++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(tracks[i])\n                 }\n-                if (obj.complexTypes) {\n-                    type = node.getAttribute(\"type\");\n-                    var localType = type.split(\":\").pop();\n-                    obj.customTypes[localType] = {\n-                        name: node.getAttribute(\"name\"),\n-                        type: type\n-                    }\n+                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n+                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n+                    var track = this.extractSegment(segs[j], \"trkpt\");\n+                    features.push(new OpenLayers.Feature.Vector(track, attrs))\n                 }\n-            },\n-            annotation: function(node, obj) {\n-                obj.annotation = {};\n-                this.readChildNodes(node, obj.annotation)\n-            },\n-            appinfo: function(node, obj) {\n-                if (!obj.appinfo) {\n-                    obj.appinfo = []\n+            }\n+        }\n+        if (this.extractRoutes) {\n+            var routes = doc.getElementsByTagName(\"rte\");\n+            for (var k = 0, klen = routes.length; k < klen; k++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(routes[k])\n                 }\n-                obj.appinfo.push(this.getChildValue(node))\n-            },\n-            documentation: function(node, obj) {\n-                if (!obj.documentation) {\n-                    obj.documentation = []\n+                var route = this.extractSegment(routes[k], \"rtept\");\n+                features.push(new OpenLayers.Feature.Vector(route, attrs))\n+            }\n+        }\n+        if (this.extractWaypoints) {\n+            var waypoints = doc.getElementsByTagName(\"wpt\");\n+            for (var l = 0, len = waypoints.length; l < len; l++) {\n+                var attrs = {};\n+                if (this.extractAttributes) {\n+                    attrs = this.parseAttributes(waypoints[l])\n                 }\n-                var value = this.getChildValue(node);\n-                obj.documentation.push({\n-                    lang: node.getAttribute(\"xml:lang\"),\n-                    textContent: value.replace(this.regExes.trimSpace, \"\")\n-                })\n-            },\n-            simpleType: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            restriction: function(node, obj) {\n-                obj.base = node.getAttribute(\"base\");\n-                this.readRestriction(node, obj)\n+                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n+                features.push(new OpenLayers.Feature.Vector(wpt, attrs))\n+            }\n+        }\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var g = 0, featLength = features.length; g < featLength; g++) {\n+                features[g].geometry.transform(this.externalProjection, this.internalProjection)\n             }\n         }\n+        return features\n     },\n-    readRestriction: function(node, obj) {\n-        var children = node.childNodes;\n-        var child, nodeName, value;\n-        for (var i = 0, len = children.length; i < len; ++i) {\n-            child = children[i];\n-            if (child.nodeType == 1) {\n-                nodeName = child.nodeName.split(\":\").pop();\n-                value = child.getAttribute(\"value\");\n-                if (!obj[nodeName]) {\n-                    obj[nodeName] = value\n-                } else {\n-                    if (typeof obj[nodeName] == \"string\") {\n-                        obj[nodeName] = [obj[nodeName]]\n+    extractSegment: function(segment, segmentType) {\n+        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n+        var point_features = [];\n+        for (var i = 0, len = points.length; i < len; i++) {\n+            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")))\n+        }\n+        return new OpenLayers.Geometry.LineString(point_features)\n+    },\n+    parseAttributes: function(node) {\n+        var attributes = {};\n+        var attrNode = node.firstChild,\n+            value, name;\n+        while (attrNode) {\n+            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n+                value = attrNode.firstChild;\n+                if (value.nodeType == 3 || value.nodeType == 4) {\n+                    name = attrNode.prefix ? attrNode.nodeName.split(\":\")[1] : attrNode.nodeName;\n+                    if (name != \"trkseg\" && name != \"rtept\") {\n+                        attributes[name] = value.nodeValue\n                     }\n-                    obj[nodeName].push(value)\n                 }\n             }\n+            attrNode = attrNode.nextSibling\n         }\n+        return attributes\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    write: function(features, metadata) {\n+        features = OpenLayers.Util.isArray(features) ? features : [features];\n+        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n+        gpx.setAttribute(\"version\", \"1.1\");\n+        gpx.setAttribute(\"creator\", this.creator);\n+        this.setAttributes(gpx, {\n+            \"xsi:schemaLocation\": this.schemaLocation\n+        });\n+        if (metadata && typeof metadata == \"object\") {\n+            gpx.appendChild(this.buildMetadataNode(metadata))\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            gpx.appendChild(this.buildFeatureNode(features[i]))\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx])\n+    },\n+    buildMetadataNode: function(metadata) {\n+        var types = [\"name\", \"desc\", \"author\"],\n+            node = this.createElementNS(this.namespaces.gpx, \"metadata\");\n+        for (var i = 0; i < types.length; i++) {\n+            var type = types[i];\n+            if (metadata[type]) {\n+                var n = this.createElementNS(this.namespaces.gpx, type);\n+                n.appendChild(this.createTextNode(metadata[type]));\n+                node.appendChild(n)\n+            }\n+        }\n+        return node\n+    },\n+    buildFeatureNode: function(feature) {\n+        var geometry = feature.geometry;\n+        geometry = geometry.clone();\n+        if (this.internalProjection && this.externalProjection) {\n+            geometry.transform(this.internalProjection, this.externalProjection)\n+        }\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n+            var wpt = this.buildWptNode(geometry);\n+            this.appendAttributesNode(wpt, feature);\n+            return wpt\n+        } else {\n+            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n+            this.appendAttributesNode(trkNode, feature);\n+            var trkSegNodes = this.buildTrkSegNode(geometry);\n+            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ? trkSegNodes : [trkSegNodes];\n+            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n+                trkNode.appendChild(trkSegNodes[i])\n+            }\n+            return trkNode\n+        }\n+    },\n+    buildTrkSegNode: function(geometry) {\n+        var node, i, len, point, nodes;\n+        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" || geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n+            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                point = geometry.components[i];\n+                node.appendChild(this.buildTrkPtNode(point))\n+            }\n+            return node\n+        } else {\n+            nodes = [];\n+            for (i = 0, len = geometry.components.length; i < len; i++) {\n+                nodes.push(this.buildTrkSegNode(geometry.components[i]))\n+            }\n+            return nodes\n+        }\n+    },\n+    buildTrkPtNode: function(point) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n+        node.setAttribute(\"lon\", point.x);\n+        node.setAttribute(\"lat\", point.y);\n+        return node\n+    },\n+    buildWptNode: function(geometry) {\n+        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n+        node.setAttribute(\"lon\", geometry.x);\n+        node.setAttribute(\"lat\", geometry.y);\n+        return node\n+    },\n+    appendAttributesNode: function(node, feature) {\n+        var name = this.createElementNS(this.namespaces.gpx, \"name\");\n+        name.appendChild(this.createTextNode(feature.attributes.name || feature.id));\n+        node.appendChild(name);\n+        var desc = this.createElementNS(this.namespaces.gpx, \"desc\");\n+        desc.appendChild(this.createTextNode(feature.attributes.description || this.defaultDesc));\n+        node.appendChild(desc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.GPX\"\n+});\n+OpenLayers.Format.CSWGetDomain = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetDomain.DEFAULTS);\n+    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetDomain version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n+OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n+});\n+OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n+    layer: null,\n+    wfsns: \"http://www.opengis.net/wfs\",\n+    ogcns: \"http://www.opengis.net/ogc\",\n+    initialize: function(options, layer) {\n+        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n+        this.layer = layer;\n+        if (this.layer.featureNS) {\n+            this.featureNS = this.layer.featureNS\n         }\n-        var schema = {};\n-        if (data.nodeName.split(\":\").pop() === \"ExceptionReport\") {\n-            var parser = new OpenLayers.Format.OGCExceptionReport;\n-            schema.error = parser.read(data)\n-        } else {\n-            this.readNode(data, schema)\n+        if (this.layer.options.geometry_column) {\n+            this.geometryName = this.layer.options.geometry_column\n         }\n-        return schema\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n-});\n-OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.1\",\n-    profile: null,\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n-});\n-OpenLayers.Format.WMC = OpenLayers.Class(OpenLayers.Format.Context, {\n-    defaultVersion: \"1.1.0\",\n-    layerToContext: function(layer) {\n-        var parser = this.getParser();\n-        var layerContext = {\n-            queryable: layer.queryable,\n-            visibility: layer.visibility,\n-            name: layer.params[\"LAYERS\"],\n-            title: layer.name,\n-            abstract: layer.metadata[\"abstract\"],\n-            dataURL: layer.metadata.dataURL,\n-            metadataURL: layer.metadataURL,\n-            server: {\n-                version: layer.params[\"VERSION\"],\n-                url: layer.url\n-            },\n-            maxExtent: layer.maxExtent,\n-            transparent: layer.params[\"TRANSPARENT\"],\n-            numZoomLevels: layer.numZoomLevels,\n-            units: layer.units,\n-            isBaseLayer: layer.isBaseLayer,\n-            opacity: layer.opacity == 1 ? undefined : layer.opacity,\n-            displayInLayerSwitcher: layer.displayInLayerSwitcher,\n-            singleTile: layer.singleTile,\n-            tileSize: layer.singleTile || !layer.tileSize ? undefined : {\n-                width: layer.tileSize.w,\n-                height: layer.tileSize.h\n-            },\n-            minScale: layer.options.resolutions || layer.options.scales || layer.options.maxResolution || layer.options.minScale ? layer.minScale : undefined,\n-            maxScale: layer.options.resolutions || layer.options.scales || layer.options.minResolution || layer.options.maxScale ? layer.maxScale : undefined,\n-            formats: [],\n-            styles: [],\n-            srs: layer.srs,\n-            dimensions: layer.dimensions\n-        };\n-        if (layer.metadata.servertitle) {\n-            layerContext.server.title = layer.metadata.servertitle\n+        if (this.layer.options.typename) {\n+            this.featureName = this.layer.options.typename\n         }\n-        if (layer.metadata.formats && layer.metadata.formats.length > 0) {\n-            for (var i = 0, len = layer.metadata.formats.length; i < len; i++) {\n-                var format = layer.metadata.formats[i];\n-                layerContext.formats.push({\n-                    value: format.value,\n-                    current: format.value == layer.params[\"FORMAT\"]\n-                })\n+    },\n+    write: function(features) {\n+        var transaction = this.createElementNS(this.wfsns, \"wfs:Transaction\");\n+        transaction.setAttribute(\"version\", \"1.0.0\");\n+        transaction.setAttribute(\"service\", \"WFS\");\n+        for (var i = 0; i < features.length; i++) {\n+            switch (features[i].state) {\n+                case OpenLayers.State.INSERT:\n+                    transaction.appendChild(this.insert(features[i]));\n+                    break;\n+                case OpenLayers.State.UPDATE:\n+                    transaction.appendChild(this.update(features[i]));\n+                    break;\n+                case OpenLayers.State.DELETE:\n+                    transaction.appendChild(this.remove(features[i]));\n+                    break\n             }\n-        } else {\n-            layerContext.formats.push({\n-                value: layer.params[\"FORMAT\"],\n-                current: true\n-            })\n         }\n-        if (layer.metadata.styles && layer.metadata.styles.length > 0) {\n-            for (var i = 0, len = layer.metadata.styles.length; i < len; i++) {\n-                var style = layer.metadata.styles[i];\n-                if (style.href == layer.params[\"SLD\"] || style.body == layer.params[\"SLD_BODY\"] || style.name == layer.params[\"STYLES\"]) {\n-                    style.current = true\n-                } else {\n-                    style.current = false\n-                }\n-                layerContext.styles.push(style)\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction])\n+    },\n+    createFeatureXML: function(feature) {\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n+        geomContainer.appendChild(geometryNode);\n+        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n+        featureContainer.appendChild(geomContainer);\n+        for (var attr in feature.attributes) {\n+            var attrText = this.createTextNode(feature.attributes[attr]);\n+            var nodename = attr;\n+            if (attr.search(\":\") != -1) {\n+                nodename = attr.split(\":\")[1]\n             }\n-        } else {\n-            layerContext.styles.push({\n-                href: layer.params[\"SLD\"],\n-                body: layer.params[\"SLD_BODY\"],\n-                name: layer.params[\"STYLES\"] || parser.defaultStyleName,\n-                title: parser.defaultStyleTitle,\n-                current: true\n-            })\n+            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n+            attrContainer.appendChild(attrText);\n+            featureContainer.appendChild(attrContainer)\n         }\n-        return layerContext\n+        return featureContainer\n     },\n-    toContext: function(obj) {\n-        var context = {};\n-        var layers = obj.layers;\n-        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n-            var metadata = obj.metadata || {};\n-            context.size = obj.getSize();\n-            context.bounds = obj.getExtent();\n-            context.projection = obj.projection;\n-            context.title = obj.title;\n-            context.keywords = metadata.keywords;\n-            context[\"abstract\"] = metadata[\"abstract\"];\n-            context.logo = metadata.logo;\n-            context.descriptionURL = metadata.descriptionURL;\n-            context.contactInformation = metadata.contactInformation;\n-            context.maxExtent = obj.maxExtent\n-        } else {\n-            OpenLayers.Util.applyDefaults(context, obj);\n-            if (context.layers != undefined) {\n-                delete context.layers\n-            }\n+    insert: function(feature) {\n+        var insertNode = this.createElementNS(this.wfsns, \"wfs:Insert\");\n+        insertNode.appendChild(this.createFeatureXML(feature));\n+        return insertNode\n+    },\n+    update: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"))\n         }\n-        if (context.layersContext == undefined) {\n-            context.layersContext = []\n+        var updateNode = this.createElementNS(this.wfsns, \"wfs:Update\");\n+        updateNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n+        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+        var propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n+        var nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n+        var txtNode = this.createTextNode(this.geometryName);\n+        nameNode.appendChild(txtNode);\n+        propertyNode.appendChild(nameNode);\n+        var valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n+        var geometryNode = this.buildGeometryNode(feature.geometry);\n+        if (feature.layer) {\n+            geometryNode.setAttribute(\"srsName\", feature.layer.projection.getCode())\n         }\n-        if (layers != undefined && OpenLayers.Util.isArray(layers)) {\n-            for (var i = 0, len = layers.length; i < len; i++) {\n-                var layer = layers[i];\n-                if (layer instanceof OpenLayers.Layer.WMS) {\n-                    context.layersContext.push(this.layerToContext(layer))\n-                }\n-            }\n+        valueNode.appendChild(geometryNode);\n+        propertyNode.appendChild(valueNode);\n+        updateNode.appendChild(propertyNode);\n+        for (var propName in feature.attributes) {\n+            propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n+            nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n+            nameNode.appendChild(this.createTextNode(propName));\n+            propertyNode.appendChild(nameNode);\n+            valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n+            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n+            propertyNode.appendChild(valueNode);\n+            updateNode.appendChild(propertyNode)\n         }\n-        return context\n+        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n+        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        updateNode.appendChild(filterNode);\n+        return updateNode\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMC\"\n+    remove: function(feature) {\n+        if (!feature.fid) {\n+            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n+            return false\n+        }\n+        var deleteNode = this.createElementNS(this.wfsns, \"wfs:Delete\");\n+        deleteNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n+        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n+        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n+        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n+        filterIdNode.setAttribute(\"fid\", feature.fid);\n+        filterNode.appendChild(filterIdNode);\n+        deleteNode.appendChild(filterNode);\n+        return deleteNode\n+    },\n+    destroy: function() {\n+        this.layer = null\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFS\"\n });\n-OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.CSWGetRecords = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetRecords.DEFAULTS);\n+    var cls = OpenLayers.Format.CSWGetRecords[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSWGetRecords version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Format.CSWGetRecords.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n+OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.1\",\n+    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n+});\n+OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n+});\n+OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.0\",\n+    stringifyOutput: true,\n+    CLASS_NAME: \"OpenLayers.Format.XLS\"\n+});\n+OpenLayers.Format.SOSGetFeatureOfInterest = OpenLayers.Class(OpenLayers.Format.XML, {\n+    VERSION: \"1.0.0\",\n     namespaces: {\n-        ows: \"http://www.opengis.net/ows\",\n-        gml: \"http://www.opengis.net/gml\",\n         sos: \"http://www.opengis.net/sos/1.0\",\n-        ogc: \"http://www.opengis.net/ogc\",\n-        om: \"http://www.opengis.net/om/1.0\",\n+        gml: \"http://www.opengis.net/gml\",\n         sa: \"http://www.opengis.net/sampling/1.0\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n+    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosAll.xsd\",\n+    defaultPrefix: \"sos\",\n     regExes: {\n         trimSpace: /^\\s*|\\s*$/g,\n         removeSpace: /\\s*/g,\n         splitSpace: /\\s+/,\n         trimComma: /\\s*,\\s*/g\n     },\n-    VERSION: \"1.0.0\",\n-    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n-    defaultPrefix: \"sos\",\n     read: function(data) {\n         if (typeof data == \"string\") {\n             data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n         if (data && data.nodeType == 9) {\n             data = data.documentElement\n         }\n         var info = {\n-            measurements: [],\n-            observations: []\n+            features: []\n         };\n         this.readNode(data, info);\n-        return info\n-    },\n-    write: function(options) {\n-        var node = this.writeNode(\"sos:GetObservation\", options);\n-        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n-        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n-        this.setAttributeNS(node, this.namespaces.xsi, \"xsi:schemaLocation\", this.schemaLocation);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+        var features = [];\n+        for (var i = 0, len = info.features.length; i < len; i++) {\n+            var container = info.features[i];\n+            if (this.internalProjection && this.externalProjection && container.components[0]) {\n+                container.components[0].transform(this.externalProjection, this.internalProjection)\n+            }\n+            var feature = new OpenLayers.Feature.Vector(container.components[0], container.attributes);\n+            features.push(feature)\n+        }\n+        return features\n     },\n     readers: {\n-        om: {\n-            ObservationCollection: function(node, obj) {\n-                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                this.readChildNodes(node, obj)\n-            },\n-            member: function(node, observationCollection) {\n-                this.readChildNodes(node, observationCollection)\n-            },\n-            Measurement: function(node, observationCollection) {\n-                var measurement = {};\n-                observationCollection.measurements.push(measurement);\n-                this.readChildNodes(node, measurement)\n-            },\n-            Observation: function(node, observationCollection) {\n-                var observation = {};\n-                observationCollection.observations.push(observation);\n-                this.readChildNodes(node, observation)\n-            },\n-            samplingTime: function(node, measurement) {\n-                var samplingTime = {};\n-                measurement.samplingTime = samplingTime;\n-                this.readChildNodes(node, samplingTime)\n-            },\n-            observedProperty: function(node, measurement) {\n-                measurement.observedProperty = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement)\n-            },\n-            procedure: function(node, measurement) {\n-                measurement.procedure = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n-                this.readChildNodes(node, measurement)\n-            },\n-            featureOfInterest: function(node, observation) {\n-                var foi = {\n-                    features: []\n-                };\n-                observation.fois = [];\n-                observation.fois.push(foi);\n-                this.readChildNodes(node, foi);\n-                var features = [];\n-                for (var i = 0, len = foi.features.length; i < len; i++) {\n-                    var feature = foi.features[i];\n-                    features.push(new OpenLayers.Feature.Vector(feature.components[0], feature.attributes))\n+        sa: {\n+            SamplingPoint: function(node, obj) {\n+                if (!obj.attributes) {\n+                    var feature = {\n+                        attributes: {}\n+                    };\n+                    obj.features.push(feature);\n+                    obj = feature\n                 }\n-                foi.features = features\n+                obj.attributes.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                this.readChildNodes(node, obj)\n             },\n-            result: function(node, measurement) {\n-                var result = {};\n-                measurement.result = result;\n-                if (this.getChildValue(node) !== \"\") {\n-                    result.value = this.getChildValue(node);\n-                    result.uom = node.getAttribute(\"uom\")\n-                } else {\n-                    this.readChildNodes(node, result)\n-                }\n+            position: function(node, obj) {\n+                this.readChildNodes(node, obj)\n             }\n         },\n-        sa: OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n         gml: OpenLayers.Util.applyDefaults({\n-            TimeInstant: function(node, samplingTime) {\n-                var timeInstant = {};\n-                samplingTime.timeInstant = timeInstant;\n-                this.readChildNodes(node, timeInstant)\n+            FeatureCollection: function(node, obj) {\n+                this.readChildNodes(node, obj)\n             },\n-            timePosition: function(node, timeInstant) {\n-                timeInstant.timePosition = this.getChildValue(node)\n+            featureMember: function(node, obj) {\n+                var feature = {\n+                    attributes: {}\n+                };\n+                obj.features.push(feature);\n+                this.readChildNodes(node, feature)\n+            },\n+            name: function(node, obj) {\n+                obj.attributes.name = this.getChildValue(node)\n+            },\n+            pos: function(node, obj) {\n+                if (!this.externalProjection) {\n+                    this.externalProjection = new OpenLayers.Projection(node.getAttribute(\"srsName\"))\n+                }\n+                OpenLayers.Format.GML.v3.prototype.readers.gml.pos.apply(this, [node, obj])\n             }\n-        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n+        }, OpenLayers.Format.GML.v3.prototype.readers.gml)\n     },\n     writers: {\n         sos: {\n-            GetObservation: function(options) {\n-                var node = this.createElementNSPlus(\"GetObservation\", {\n+            GetFeatureOfInterest: function(options) {\n+                var node = this.createElementNSPlus(\"GetFeatureOfInterest\", {\n                     attributes: {\n                         version: this.VERSION,\n-                        service: \"SOS\"\n+                        service: \"SOS\",\n+                        \"xsi:schemaLocation\": this.schemaLocation\n                     }\n                 });\n-                this.writeNode(\"offering\", options, node);\n-                if (options.eventTime) {\n-                    this.writeNode(\"eventTime\", options, node)\n-                }\n-                for (var procedure in options.procedures) {\n-                    this.writeNode(\"procedure\", options.procedures[procedure], node)\n-                }\n-                for (var observedProperty in options.observedProperties) {\n-                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node)\n-                }\n-                if (options.foi) {\n-                    this.writeNode(\"featureOfInterest\", options.foi, node)\n-                }\n-                this.writeNode(\"responseFormat\", options, node);\n-                if (options.resultModel) {\n-                    this.writeNode(\"resultModel\", options, node)\n-                }\n-                if (options.responseMode) {\n-                    this.writeNode(\"responseMode\", options, node)\n-                }\n-                return node\n-            },\n-            featureOfInterest: function(foi) {\n-                var node = this.createElementNSPlus(\"featureOfInterest\");\n-                this.writeNode(\"ObjectID\", foi.objectId, node);\n-                return node\n-            },\n-            ObjectID: function(options) {\n-                return this.createElementNSPlus(\"ObjectID\", {\n-                    value: options\n-                })\n-            },\n-            responseFormat: function(options) {\n-                return this.createElementNSPlus(\"responseFormat\", {\n-                    value: options.responseFormat\n-                })\n-            },\n-            procedure: function(procedure) {\n-                return this.createElementNSPlus(\"procedure\", {\n-                    value: procedure\n-                })\n-            },\n-            offering: function(options) {\n-                return this.createElementNSPlus(\"offering\", {\n-                    value: options.offering\n-                })\n-            },\n-            observedProperty: function(observedProperty) {\n-                return this.createElementNSPlus(\"observedProperty\", {\n-                    value: observedProperty\n-                })\n-            },\n-            eventTime: function(options) {\n-                var node = this.createElementNSPlus(\"eventTime\");\n-                if (options.eventTime === \"latest\") {\n-                    this.writeNode(\"ogc:TM_Equals\", options, node)\n-                }\n-                return node\n-            },\n-            resultModel: function(options) {\n-                return this.createElementNSPlus(\"resultModel\", {\n-                    value: options.resultModel\n-                })\n-            },\n-            responseMode: function(options) {\n-                return this.createElementNSPlus(\"responseMode\", {\n-                    value: options.responseMode\n-                })\n-            }\n-        },\n-        ogc: {\n-            TM_Equals: function(options) {\n-                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n-                this.writeNode(\"ogc:PropertyName\", {\n-                    property: \"urn:ogc:data:time:iso8601\"\n-                }, node);\n-                if (options.eventTime === \"latest\") {\n-                    this.writeNode(\"gml:TimeInstant\", {\n-                        value: \"latest\"\n+                for (var i = 0, len = options.fois.length; i < len; i++) {\n+                    this.writeNode(\"FeatureOfInterestId\", {\n+                        foi: options.fois[i]\n                     }, node)\n                 }\n                 return node\n             },\n-            PropertyName: function(options) {\n-                return this.createElementNSPlus(\"ogc:PropertyName\", {\n-                    value: options.property\n-                })\n-            }\n-        },\n-        gml: {\n-            TimeInstant: function(options) {\n-                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n-                this.writeNode(\"gml:timePosition\", options, node);\n-                return node\n-            },\n-            timePosition: function(options) {\n-                var node = this.createElementNSPlus(\"gml:timePosition\", {\n-                    value: options.value\n+            FeatureOfInterestId: function(options) {\n+                var node = this.createElementNSPlus(\"FeatureOfInterestId\", {\n+                    value: options.foi\n                 });\n                 return node\n             }\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n-});\n-OpenLayers.Format.WMSDescribeLayer = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.1\",\n-    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer\"\n-});\n-OpenLayers.Format.XLS = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.0\",\n-    stringifyOutput: true,\n-    CLASS_NAME: \"OpenLayers.Format.XLS\"\n+    CLASS_NAME: \"OpenLayers.Format.SOSGetFeatureOfInterest\"\n });\n-OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.1.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+OpenLayers.Format.OWSContext = OpenLayers.Class(OpenLayers.Format.Context, {\n+    defaultVersion: \"0.3.1\",\n+    getVersion: function(root, options) {\n+        var version = OpenLayers.Format.XML.VersionedOGC.prototype.getVersion.apply(this, arguments);\n+        if (version === \"0.3.0\") {\n+            version = this.defaultVersion\n+        }\n+        return version\n+    },\n+    toContext: function(obj) {\n+        var context = {};\n+        if (obj.CLASS_NAME == \"OpenLayers.Map\") {\n+            context.bounds = obj.getExtent();\n+            context.maxExtent = obj.maxExtent;\n+            context.projection = obj.projection;\n+            context.size = obj.getSize();\n+            context.layers = obj.layers\n+        }\n+        return context\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.OWSContext\"\n });\n OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         kml: \"http://www.opengis.net/kml/2.2\",\n         gx: \"http://www.google.com/kml/ext/2.2\"\n     },\n     kmlns: \"http://earth.google.com/kml/2.0\",\n@@ -33683,17 +30073,878 @@\n             return null\n         } else {\n             return extendedData\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.KML\"\n });\n-OpenLayers.Format.WPSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+OpenLayers.Format.WFSDescribeFeatureType = OpenLayers.Class(OpenLayers.Format.XML, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g\n+    },\n+    namespaces: {\n+        xsd: \"http://www.w3.org/2001/XMLSchema\"\n+    },\n+    readers: {\n+        xsd: {\n+            schema: function(node, obj) {\n+                var complexTypes = [];\n+                var customTypes = {};\n+                var schema = {\n+                    complexTypes: complexTypes,\n+                    customTypes: customTypes\n+                };\n+                var i, len;\n+                this.readChildNodes(node, schema);\n+                var attributes = node.attributes;\n+                var attr, name;\n+                for (i = 0, len = attributes.length; i < len; ++i) {\n+                    attr = attributes[i];\n+                    name = attr.name;\n+                    if (name.indexOf(\"xmlns\") === 0) {\n+                        this.setNamespace(name.split(\":\")[1] || \"\", attr.value)\n+                    } else {\n+                        obj[name] = attr.value\n+                    }\n+                }\n+                obj.featureTypes = complexTypes;\n+                obj.targetPrefix = this.namespaceAlias[obj.targetNamespace];\n+                var complexType, customType;\n+                for (i = 0, len = complexTypes.length; i < len; ++i) {\n+                    complexType = complexTypes[i];\n+                    customType = customTypes[complexType.typeName];\n+                    if (customTypes[complexType.typeName]) {\n+                        complexType.typeName = customType.name\n+                    }\n+                }\n+            },\n+            complexType: function(node, obj) {\n+                var complexType = {\n+                    typeName: node.getAttribute(\"name\")\n+                };\n+                this.readChildNodes(node, complexType);\n+                obj.complexTypes.push(complexType)\n+            },\n+            complexContent: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            extension: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            sequence: function(node, obj) {\n+                var sequence = {\n+                    elements: []\n+                };\n+                this.readChildNodes(node, sequence);\n+                obj.properties = sequence.elements\n+            },\n+            element: function(node, obj) {\n+                var type;\n+                if (obj.elements) {\n+                    var element = {};\n+                    var attributes = node.attributes;\n+                    var attr;\n+                    for (var i = 0, len = attributes.length; i < len; ++i) {\n+                        attr = attributes[i];\n+                        element[attr.name] = attr.value\n+                    }\n+                    type = element.type;\n+                    if (!type) {\n+                        type = {};\n+                        this.readChildNodes(node, type);\n+                        element.restriction = type;\n+                        element.type = type.base\n+                    }\n+                    var fullType = type.base || type;\n+                    element.localType = fullType.split(\":\").pop();\n+                    obj.elements.push(element);\n+                    this.readChildNodes(node, element)\n+                }\n+                if (obj.complexTypes) {\n+                    type = node.getAttribute(\"type\");\n+                    var localType = type.split(\":\").pop();\n+                    obj.customTypes[localType] = {\n+                        name: node.getAttribute(\"name\"),\n+                        type: type\n+                    }\n+                }\n+            },\n+            annotation: function(node, obj) {\n+                obj.annotation = {};\n+                this.readChildNodes(node, obj.annotation)\n+            },\n+            appinfo: function(node, obj) {\n+                if (!obj.appinfo) {\n+                    obj.appinfo = []\n+                }\n+                obj.appinfo.push(this.getChildValue(node))\n+            },\n+            documentation: function(node, obj) {\n+                if (!obj.documentation) {\n+                    obj.documentation = []\n+                }\n+                var value = this.getChildValue(node);\n+                obj.documentation.push({\n+                    lang: node.getAttribute(\"xml:lang\"),\n+                    textContent: value.replace(this.regExes.trimSpace, \"\")\n+                })\n+            },\n+            simpleType: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            restriction: function(node, obj) {\n+                obj.base = node.getAttribute(\"base\");\n+                this.readRestriction(node, obj)\n+            }\n+        }\n+    },\n+    readRestriction: function(node, obj) {\n+        var children = node.childNodes;\n+        var child, nodeName, value;\n+        for (var i = 0, len = children.length; i < len; ++i) {\n+            child = children[i];\n+            if (child.nodeType == 1) {\n+                nodeName = child.nodeName.split(\":\").pop();\n+                value = child.getAttribute(\"value\");\n+                if (!obj[nodeName]) {\n+                    obj[nodeName] = value\n+                } else {\n+                    if (typeof obj[nodeName] == \"string\") {\n+                        obj[nodeName] = [obj[nodeName]]\n+                    }\n+                    obj[nodeName].push(value)\n+                }\n+            }\n+        }\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var schema = {};\n+        if (data.nodeName.split(\":\").pop() === \"ExceptionReport\") {\n+            var parser = new OpenLayers.Format.OGCExceptionReport;\n+            schema.error = parser.read(data)\n+        } else {\n+            this.readNode(data, schema)\n+        }\n+        return schema\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFSDescribeFeatureType\"\n+});\n+OpenLayers.Format.Atom = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        atom: \"http://www.w3.org/2005/Atom\",\n+        georss: \"http://www.georss.org/georss\"\n+    },\n+    feedTitle: \"untitled\",\n+    defaultEntryTitle: \"untitled\",\n+    gmlParser: null,\n+    xy: false,\n+    read: function(doc) {\n+        if (typeof doc == \"string\") {\n+            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n+        }\n+        return this.parseFeatures(doc)\n+    },\n+    write: function(features) {\n+        var doc;\n+        if (OpenLayers.Util.isArray(features)) {\n+            doc = this.createElementNSPlus(\"atom:feed\");\n+            doc.appendChild(this.createElementNSPlus(\"atom:title\", {\n+                value: this.feedTitle\n+            }));\n+            for (var i = 0, ii = features.length; i < ii; i++) {\n+                doc.appendChild(this.buildEntryNode(features[i]))\n+            }\n+        } else {\n+            doc = this.buildEntryNode(features)\n+        }\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [doc])\n+    },\n+    buildContentNode: function(content) {\n+        var node = this.createElementNSPlus(\"atom:content\", {\n+            attributes: {\n+                type: content.type || null\n+            }\n+        });\n+        if (content.src) {\n+            node.setAttribute(\"src\", content.src)\n+        } else {\n+            if (content.type == \"text\" || content.type == null) {\n+                node.appendChild(this.createTextNode(content.value))\n+            } else if (content.type == \"html\") {\n+                if (typeof content.value != \"string\") {\n+                    throw \"HTML content must be in form of an escaped string\"\n+                }\n+                node.appendChild(this.createTextNode(content.value))\n+            } else if (content.type == \"xhtml\") {\n+                node.appendChild(content.value)\n+            } else if (content.type == \"xhtml\" || content.type.match(/(\\+|\\/)xml$/)) {\n+                node.appendChild(content.value)\n+            } else {\n+                node.appendChild(this.createTextNode(content.value))\n+            }\n+        }\n+        return node\n+    },\n+    buildEntryNode: function(feature) {\n+        var attrib = feature.attributes;\n+        var atomAttrib = attrib.atom || {};\n+        var entryNode = this.createElementNSPlus(\"atom:entry\");\n+        if (atomAttrib.authors) {\n+            var authors = OpenLayers.Util.isArray(atomAttrib.authors) ? atomAttrib.authors : [atomAttrib.authors];\n+            for (var i = 0, ii = authors.length; i < ii; i++) {\n+                entryNode.appendChild(this.buildPersonConstructNode(\"author\", authors[i]))\n+            }\n+        }\n+        if (atomAttrib.categories) {\n+            var categories = OpenLayers.Util.isArray(atomAttrib.categories) ? atomAttrib.categories : [atomAttrib.categories];\n+            var category;\n+            for (var i = 0, ii = categories.length; i < ii; i++) {\n+                category = categories[i];\n+                entryNode.appendChild(this.createElementNSPlus(\"atom:category\", {\n+                    attributes: {\n+                        term: category.term,\n+                        scheme: category.scheme || null,\n+                        label: category.label || null\n+                    }\n+                }))\n+            }\n+        }\n+        if (atomAttrib.content) {\n+            entryNode.appendChild(this.buildContentNode(atomAttrib.content))\n+        }\n+        if (atomAttrib.contributors) {\n+            var contributors = OpenLayers.Util.isArray(atomAttrib.contributors) ? atomAttrib.contributors : [atomAttrib.contributors];\n+            for (var i = 0, ii = contributors.length; i < ii; i++) {\n+                entryNode.appendChild(this.buildPersonConstructNode(\"contributor\", contributors[i]))\n+            }\n+        }\n+        if (feature.fid) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:id\", {\n+                value: feature.fid\n+            }))\n+        }\n+        if (atomAttrib.links) {\n+            var links = OpenLayers.Util.isArray(atomAttrib.links) ? atomAttrib.links : [atomAttrib.links];\n+            var link;\n+            for (var i = 0, ii = links.length; i < ii; i++) {\n+                link = links[i];\n+                entryNode.appendChild(this.createElementNSPlus(\"atom:link\", {\n+                    attributes: {\n+                        href: link.href,\n+                        rel: link.rel || null,\n+                        type: link.type || null,\n+                        hreflang: link.hreflang || null,\n+                        title: link.title || null,\n+                        length: link.length || null\n+                    }\n+                }))\n+            }\n+        }\n+        if (atomAttrib.published) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:published\", {\n+                value: atomAttrib.published\n+            }))\n+        }\n+        if (atomAttrib.rights) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:rights\", {\n+                value: atomAttrib.rights\n+            }))\n+        }\n+        if (atomAttrib.summary || attrib.description) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:summary\", {\n+                value: atomAttrib.summary || attrib.description\n+            }))\n+        }\n+        entryNode.appendChild(this.createElementNSPlus(\"atom:title\", {\n+            value: atomAttrib.title || attrib.title || this.defaultEntryTitle\n+        }));\n+        if (atomAttrib.updated) {\n+            entryNode.appendChild(this.createElementNSPlus(\"atom:updated\", {\n+                value: atomAttrib.updated\n+            }))\n+        }\n+        if (feature.geometry) {\n+            var whereNode = this.createElementNSPlus(\"georss:where\");\n+            whereNode.appendChild(this.buildGeometryNode(feature.geometry));\n+            entryNode.appendChild(whereNode)\n+        }\n+        return entryNode\n+    },\n+    initGmlParser: function() {\n+        this.gmlParser = new OpenLayers.Format.GML.v3({\n+            xy: this.xy,\n+            featureNS: \"http://example.com#feature\",\n+            internalProjection: this.internalProjection,\n+            externalProjection: this.externalProjection\n+        })\n+    },\n+    buildGeometryNode: function(geometry) {\n+        if (!this.gmlParser) {\n+            this.initGmlParser()\n+        }\n+        var node = this.gmlParser.writeNode(\"feature:_geometry\", geometry);\n+        return node.firstChild\n+    },\n+    buildPersonConstructNode: function(name, value) {\n+        var oNames = [\"uri\", \"email\"];\n+        var personNode = this.createElementNSPlus(\"atom:\" + name);\n+        personNode.appendChild(this.createElementNSPlus(\"atom:name\", {\n+            value: value.name\n+        }));\n+        for (var i = 0, ii = oNames.length; i < ii; i++) {\n+            if (value[oNames[i]]) {\n+                personNode.appendChild(this.createElementNSPlus(\"atom:\" + oNames[i], {\n+                    value: value[oNames[i]]\n+                }))\n+            }\n+        }\n+        return personNode\n+    },\n+    getFirstChildValue: function(node, nsuri, name, def) {\n+        var value;\n+        var nodes = this.getElementsByTagNameNS(node, nsuri, name);\n+        if (nodes && nodes.length > 0) {\n+            value = this.getChildValue(nodes[0], def)\n+        } else {\n+            value = def\n+        }\n+        return value\n+    },\n+    parseFeature: function(node) {\n+        var atomAttrib = {};\n+        var value = null;\n+        var nodes = null;\n+        var attval = null;\n+        var atomns = this.namespaces.atom;\n+        this.parsePersonConstructs(node, \"author\", atomAttrib);\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"category\");\n+        if (nodes.length > 0) {\n+            atomAttrib.categories = []\n+        }\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.term = nodes[i].getAttribute(\"term\");\n+            attval = nodes[i].getAttribute(\"scheme\");\n+            if (attval) {\n+                value.scheme = attval\n+            }\n+            attval = nodes[i].getAttribute(\"label\");\n+            if (attval) {\n+                value.label = attval\n+            }\n+            atomAttrib.categories.push(value)\n+        }\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"content\");\n+        if (nodes.length > 0) {\n+            value = {};\n+            attval = nodes[0].getAttribute(\"type\");\n+            if (attval) {\n+                value.type = attval\n+            }\n+            attval = nodes[0].getAttribute(\"src\");\n+            if (attval) {\n+                value.src = attval\n+            } else {\n+                if (value.type == \"text\" || value.type == \"html\" || value.type == null) {\n+                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n+                } else if (value.type == \"xhtml\" || value.type.match(/(\\+|\\/)xml$/)) {\n+                    value.value = this.getChildEl(nodes[0])\n+                } else {\n+                    value.value = this.getFirstChildValue(node, atomns, \"content\", null)\n+                }\n+                atomAttrib.content = value\n+            }\n+        }\n+        this.parsePersonConstructs(node, \"contributor\", atomAttrib);\n+        atomAttrib.id = this.getFirstChildValue(node, atomns, \"id\", null);\n+        nodes = this.getElementsByTagNameNS(node, atomns, \"link\");\n+        if (nodes.length > 0) {\n+            atomAttrib.links = new Array(nodes.length)\n+        }\n+        var oAtts = [\"rel\", \"type\", \"hreflang\", \"title\", \"length\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            value = {};\n+            value.href = nodes[i].getAttribute(\"href\");\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                attval = nodes[i].getAttribute(oAtts[j]);\n+                if (attval) {\n+                    value[oAtts[j]] = attval\n+                }\n+            }\n+            atomAttrib.links[i] = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"published\", null);\n+        if (value) {\n+            atomAttrib.published = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"rights\", null);\n+        if (value) {\n+            atomAttrib.rights = value\n+        }\n+        value = this.getFirstChildValue(node, atomns, \"summary\", null);\n+        if (value) {\n+            atomAttrib.summary = value\n+        }\n+        atomAttrib.title = this.getFirstChildValue(node, atomns, \"title\", null);\n+        atomAttrib.updated = this.getFirstChildValue(node, atomns, \"updated\", null);\n+        var featureAttrib = {\n+            title: atomAttrib.title,\n+            description: atomAttrib.summary,\n+            atom: atomAttrib\n+        };\n+        var geometry = this.parseLocations(node)[0];\n+        var feature = new OpenLayers.Feature.Vector(geometry, featureAttrib);\n+        feature.fid = atomAttrib.id;\n+        return feature\n+    },\n+    parseFeatures: function(node) {\n+        var features = [];\n+        var entries = this.getElementsByTagNameNS(node, this.namespaces.atom, \"entry\");\n+        if (entries.length == 0) {\n+            entries = [node]\n+        }\n+        for (var i = 0, ii = entries.length; i < ii; i++) {\n+            features.push(this.parseFeature(entries[i]))\n+        }\n+        return features\n+    },\n+    parseLocations: function(node) {\n+        var georssns = this.namespaces.georss;\n+        var locations = {\n+            components: []\n+        };\n+        var where = this.getElementsByTagNameNS(node, georssns, \"where\");\n+        if (where && where.length > 0) {\n+            if (!this.gmlParser) {\n+                this.initGmlParser()\n+            }\n+            for (var i = 0, ii = where.length; i < ii; i++) {\n+                this.gmlParser.readChildNodes(where[i], locations)\n+            }\n+        }\n+        var components = locations.components;\n+        var point = this.getElementsByTagNameNS(node, georssns, \"point\");\n+        if (point && point.length > 0) {\n+            for (var i = 0, ii = point.length; i < ii; i++) {\n+                var xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s+/);\n+                if (xy.length != 2) {\n+                    xy = OpenLayers.String.trim(point[i].firstChild.nodeValue).split(/\\s*,\\s*/)\n+                }\n+                components.push(new OpenLayers.Geometry.Point(xy[1], xy[0]))\n+            }\n+        }\n+        var line = this.getElementsByTagNameNS(node, georssns, \"line\");\n+        if (line && line.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = line.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(line[i].firstChild.nodeValue).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p)\n+                }\n+                components.push(new OpenLayers.Geometry.LineString(points))\n+            }\n+        }\n+        var polygon = this.getElementsByTagNameNS(node, georssns, \"polygon\");\n+        if (polygon && polygon.length > 0) {\n+            var coords;\n+            var p;\n+            var points;\n+            for (var i = 0, ii = polygon.length; i < ii; i++) {\n+                coords = OpenLayers.String.trim(polygon[i].firstChild.nodeValue).split(/\\s+/);\n+                points = [];\n+                for (var j = 0, jj = coords.length; j < jj; j += 2) {\n+                    p = new OpenLayers.Geometry.Point(coords[j + 1], coords[j]);\n+                    points.push(p)\n+                }\n+                components.push(new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(points)]))\n+            }\n+        }\n+        if (this.internalProjection && this.externalProjection) {\n+            for (var i = 0, ii = components.length; i < ii; i++) {\n+                if (components[i]) {\n+                    components[i].transform(this.externalProjection, this.internalProjection)\n+                }\n+            }\n+        }\n+        return components\n+    },\n+    parsePersonConstructs: function(node, name, data) {\n+        var persons = [];\n+        var atomns = this.namespaces.atom;\n+        var nodes = this.getElementsByTagNameNS(node, atomns, name);\n+        var oAtts = [\"uri\", \"email\"];\n+        for (var i = 0, ii = nodes.length; i < ii; i++) {\n+            var value = {};\n+            value.name = this.getFirstChildValue(nodes[i], atomns, \"name\", null);\n+            for (var j = 0, jj = oAtts.length; j < jj; j++) {\n+                var attval = this.getFirstChildValue(nodes[i], atomns, oAtts[j], null);\n+                if (attval) {\n+                    value[oAtts[j]] = attval\n+                }\n+            }\n+            persons.push(value)\n+        }\n+        if (persons.length > 0) {\n+            data[name + \"s\"] = persons\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.Atom\"\n+});\n+OpenLayers.Format.SOSGetObservation = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        ows: \"http://www.opengis.net/ows\",\n+        gml: \"http://www.opengis.net/gml\",\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        om: \"http://www.opengis.net/om/1.0\",\n+        sa: \"http://www.opengis.net/sampling/1.0\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    VERSION: \"1.0.0\",\n+    schemaLocation: \"http://www.opengis.net/sos/1.0 http://schemas.opengis.net/sos/1.0.0/sosGetObservation.xsd\",\n+    defaultPrefix: \"sos\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var info = {\n+            measurements: [],\n+            observations: []\n+        };\n+        this.readNode(data, info);\n+        return info\n+    },\n+    write: function(options) {\n+        var node = this.writeNode(\"sos:GetObservation\", options);\n+        node.setAttribute(\"xmlns:om\", this.namespaces.om);\n+        node.setAttribute(\"xmlns:ogc\", this.namespaces.ogc);\n+        this.setAttributeNS(node, this.namespaces.xsi, \"xsi:schemaLocation\", this.schemaLocation);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    readers: {\n+        om: {\n+            ObservationCollection: function(node, obj) {\n+                obj.id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                this.readChildNodes(node, obj)\n+            },\n+            member: function(node, observationCollection) {\n+                this.readChildNodes(node, observationCollection)\n+            },\n+            Measurement: function(node, observationCollection) {\n+                var measurement = {};\n+                observationCollection.measurements.push(measurement);\n+                this.readChildNodes(node, measurement)\n+            },\n+            Observation: function(node, observationCollection) {\n+                var observation = {};\n+                observationCollection.observations.push(observation);\n+                this.readChildNodes(node, observation)\n+            },\n+            samplingTime: function(node, measurement) {\n+                var samplingTime = {};\n+                measurement.samplingTime = samplingTime;\n+                this.readChildNodes(node, samplingTime)\n+            },\n+            observedProperty: function(node, measurement) {\n+                measurement.observedProperty = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement)\n+            },\n+            procedure: function(node, measurement) {\n+                measurement.procedure = this.getAttributeNS(node, this.namespaces.xlink, \"href\");\n+                this.readChildNodes(node, measurement)\n+            },\n+            featureOfInterest: function(node, observation) {\n+                var foi = {\n+                    features: []\n+                };\n+                observation.fois = [];\n+                observation.fois.push(foi);\n+                this.readChildNodes(node, foi);\n+                var features = [];\n+                for (var i = 0, len = foi.features.length; i < len; i++) {\n+                    var feature = foi.features[i];\n+                    features.push(new OpenLayers.Feature.Vector(feature.components[0], feature.attributes))\n+                }\n+                foi.features = features\n+            },\n+            result: function(node, measurement) {\n+                var result = {};\n+                measurement.result = result;\n+                if (this.getChildValue(node) !== \"\") {\n+                    result.value = this.getChildValue(node);\n+                    result.uom = node.getAttribute(\"uom\")\n+                } else {\n+                    this.readChildNodes(node, result)\n+                }\n+            }\n+        },\n+        sa: OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.sa,\n+        gml: OpenLayers.Util.applyDefaults({\n+            TimeInstant: function(node, samplingTime) {\n+                var timeInstant = {};\n+                samplingTime.timeInstant = timeInstant;\n+                this.readChildNodes(node, timeInstant)\n+            },\n+            timePosition: function(node, timeInstant) {\n+                timeInstant.timePosition = this.getChildValue(node)\n+            }\n+        }, OpenLayers.Format.SOSGetFeatureOfInterest.prototype.readers.gml)\n+    },\n+    writers: {\n+        sos: {\n+            GetObservation: function(options) {\n+                var node = this.createElementNSPlus(\"GetObservation\", {\n+                    attributes: {\n+                        version: this.VERSION,\n+                        service: \"SOS\"\n+                    }\n+                });\n+                this.writeNode(\"offering\", options, node);\n+                if (options.eventTime) {\n+                    this.writeNode(\"eventTime\", options, node)\n+                }\n+                for (var procedure in options.procedures) {\n+                    this.writeNode(\"procedure\", options.procedures[procedure], node)\n+                }\n+                for (var observedProperty in options.observedProperties) {\n+                    this.writeNode(\"observedProperty\", options.observedProperties[observedProperty], node)\n+                }\n+                if (options.foi) {\n+                    this.writeNode(\"featureOfInterest\", options.foi, node)\n+                }\n+                this.writeNode(\"responseFormat\", options, node);\n+                if (options.resultModel) {\n+                    this.writeNode(\"resultModel\", options, node)\n+                }\n+                if (options.responseMode) {\n+                    this.writeNode(\"responseMode\", options, node)\n+                }\n+                return node\n+            },\n+            featureOfInterest: function(foi) {\n+                var node = this.createElementNSPlus(\"featureOfInterest\");\n+                this.writeNode(\"ObjectID\", foi.objectId, node);\n+                return node\n+            },\n+            ObjectID: function(options) {\n+                return this.createElementNSPlus(\"ObjectID\", {\n+                    value: options\n+                })\n+            },\n+            responseFormat: function(options) {\n+                return this.createElementNSPlus(\"responseFormat\", {\n+                    value: options.responseFormat\n+                })\n+            },\n+            procedure: function(procedure) {\n+                return this.createElementNSPlus(\"procedure\", {\n+                    value: procedure\n+                })\n+            },\n+            offering: function(options) {\n+                return this.createElementNSPlus(\"offering\", {\n+                    value: options.offering\n+                })\n+            },\n+            observedProperty: function(observedProperty) {\n+                return this.createElementNSPlus(\"observedProperty\", {\n+                    value: observedProperty\n+                })\n+            },\n+            eventTime: function(options) {\n+                var node = this.createElementNSPlus(\"eventTime\");\n+                if (options.eventTime === \"latest\") {\n+                    this.writeNode(\"ogc:TM_Equals\", options, node)\n+                }\n+                return node\n+            },\n+            resultModel: function(options) {\n+                return this.createElementNSPlus(\"resultModel\", {\n+                    value: options.resultModel\n+                })\n+            },\n+            responseMode: function(options) {\n+                return this.createElementNSPlus(\"responseMode\", {\n+                    value: options.responseMode\n+                })\n+            }\n+        },\n+        ogc: {\n+            TM_Equals: function(options) {\n+                var node = this.createElementNSPlus(\"ogc:TM_Equals\");\n+                this.writeNode(\"ogc:PropertyName\", {\n+                    property: \"urn:ogc:data:time:iso8601\"\n+                }, node);\n+                if (options.eventTime === \"latest\") {\n+                    this.writeNode(\"gml:TimeInstant\", {\n+                        value: \"latest\"\n+                    }, node)\n+                }\n+                return node\n+            },\n+            PropertyName: function(options) {\n+                return this.createElementNSPlus(\"ogc:PropertyName\", {\n+                    value: options.property\n+                })\n+            }\n+        },\n+        gml: {\n+            TimeInstant: function(options) {\n+                var node = this.createElementNSPlus(\"gml:TimeInstant\");\n+                this.writeNode(\"gml:timePosition\", options, node);\n+                return node\n+            },\n+            timePosition: function(options) {\n+                var node = this.createElementNSPlus(\"gml:timePosition\", {\n+                    value: options.value\n+                });\n+                return node\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.SOSGetObservation\"\n+});\n+OpenLayers.Format.WFSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities\"\n+});\n+OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n     defaultVersion: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities\"\n+    yx: {\n+        \"urn:ogc:def:crs:EPSG::4326\": true\n+    },\n+    createLayer: function(capabilities, config) {\n+        var layer;\n+        if (!(\"layer\" in config)) {\n+            throw new Error(\"Missing property 'layer' in configuration.\")\n+        }\n+        var contents = capabilities.contents;\n+        var layers = contents.layers;\n+        var layerDef;\n+        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n+            if (contents.layers[i].identifier === config.layer) {\n+                layerDef = contents.layers[i];\n+                break\n+            }\n+        }\n+        if (!layerDef) {\n+            throw new Error(\"Layer not found\")\n+        }\n+        var format = config.format;\n+        if (!format && layerDef.formats && layerDef.formats.length) {\n+            format = layerDef.formats[0]\n+        }\n+        var matrixSet;\n+        if (config.matrixSet) {\n+            matrixSet = contents.tileMatrixSets[config.matrixSet]\n+        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n+            matrixSet = contents.tileMatrixSets[layerDef.tileMatrixSetLinks[0].tileMatrixSet]\n+        }\n+        if (!matrixSet) {\n+            throw new Error(\"matrixSet not found\")\n+        }\n+        var style;\n+        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n+            style = layerDef.styles[i];\n+            if (style.isDefault) {\n+                break\n+            }\n+        }\n+        var requestEncoding = config.requestEncoding;\n+        if (!requestEncoding) {\n+            requestEncoding = \"KVP\";\n+            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n+                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n+                if (http.get[0].constraints) {\n+                    var constraints = http.get[0].constraints;\n+                    var allowedValues = constraints.GetEncoding.allowedValues;\n+                    if (!allowedValues.KVP && (allowedValues.REST || allowedValues.RESTful)) {\n+                        requestEncoding = \"REST\"\n+                    }\n+                }\n+            }\n+        }\n+        var dimensions = [];\n+        var params = config.params || {};\n+        delete config.params;\n+        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n+            var dimension = layerDef.dimensions[id];\n+            dimensions.push(dimension.identifier);\n+            if (!params.hasOwnProperty(dimension.identifier)) {\n+                params[dimension.identifier] = dimension[\"default\"]\n+            }\n+        }\n+        var projection = config.projection || matrixSet.supportedCRS.replace(/urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n+        var units = config.units || (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n+        var resolutions = [];\n+        for (var mid in matrixSet.matrixIds) {\n+            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n+                resolutions.push(matrixSet.matrixIds[mid].scaleDenominator * 28e-5 / OpenLayers.METERS_PER_INCH / OpenLayers.INCHES_PER_UNIT[units])\n+            }\n+        }\n+        var url;\n+        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n+            url = [];\n+            var resourceUrls = layerDef.resourceUrls,\n+                resourceUrl;\n+            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n+                resourceUrl = layerDef.resourceUrls[t];\n+                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n+                    url.push(resourceUrl.template)\n+                }\n+            }\n+        } else {\n+            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n+            url = [];\n+            var constraint;\n+            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n+                constraint = httpGet[i].constraints;\n+                if (!constraint || constraint && constraint.GetEncoding.allowedValues[requestEncoding]) {\n+                    url.push(httpGet[i].url)\n+                }\n+            }\n+        }\n+        return new OpenLayers.Layer.WMTS(OpenLayers.Util.applyDefaults(config, {\n+            url: url,\n+            requestEncoding: requestEncoding,\n+            name: layerDef.title,\n+            style: style.identifier,\n+            format: format,\n+            matrixIds: matrixSet.matrixIds,\n+            matrixSet: matrixSet.identifier,\n+            projection: projection,\n+            units: units,\n+            resolutions: config.isBaseLayer === false ? undefined : resolutions,\n+            serverResolutions: resolutions,\n+            tileFullExtent: matrixSet.bounds,\n+            dimensions: dimensions,\n+            params: params\n+        }))\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n });\n OpenLayers.Format.OSM = OpenLayers.Class(OpenLayers.Format.XML, {\n     checkTags: false,\n     interestingTagsExclude: null,\n     areaTags: null,\n     initialize: function(options) {\n         var layer_defaults = {\n@@ -33954,220 +31205,106 @@\n             if (state) {\n                 node.setAttribute(\"action\", state)\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.OSM\"\n });\n-OpenLayers.Format.GeoRSS = OpenLayers.Class(OpenLayers.Format.XML, {\n-    rssns: \"http://backend.userland.com/rss2\",\n-    featureNS: \"http://mapserver.gis.umn.edu/mapserver\",\n-    georssns: \"http://www.georss.org/georss\",\n-    geons: \"http://www.w3.org/2003/01/geo/wgs84_pos#\",\n-    featureTitle: \"Untitled\",\n-    featureDescription: \"No Description\",\n-    gmlParser: null,\n-    xy: false,\n-    createGeometryFromItem: function(item) {\n-        var point = this.getElementsByTagNameNS(item, this.georssns, \"point\");\n-        var lat = this.getElementsByTagNameNS(item, this.geons, \"lat\");\n-        var lon = this.getElementsByTagNameNS(item, this.geons, \"long\");\n-        var line = this.getElementsByTagNameNS(item, this.georssns, \"line\");\n-        var polygon = this.getElementsByTagNameNS(item, this.georssns, \"polygon\");\n-        var where = this.getElementsByTagNameNS(item, this.georssns, \"where\");\n-        var box = this.getElementsByTagNameNS(item, this.georssns, \"box\");\n-        if (point.length > 0 || lat.length > 0 && lon.length > 0) {\n-            var location;\n-            if (point.length > 0) {\n-                location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s+/);\n-                if (location.length != 2) {\n-                    location = OpenLayers.String.trim(point[0].firstChild.nodeValue).split(/\\s*,\\s*/)\n-                }\n-            } else {\n-                location = [parseFloat(lat[0].firstChild.nodeValue), parseFloat(lon[0].firstChild.nodeValue)]\n-            }\n-            var geometry = new OpenLayers.Geometry.Point(location[1], location[0])\n-        } else if (line.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(line[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.LineString(components)\n-        } else if (polygon.length > 0) {\n-            var coords = OpenLayers.String.trim(this.getChildValue(polygon[0])).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            for (var i = 0, len = coords.length; i < len; i += 2) {\n-                point = new OpenLayers.Geometry.Point(coords[i + 1], coords[i]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n-        } else if (where.length > 0) {\n-            if (!this.gmlParser) {\n-                this.gmlParser = new OpenLayers.Format.GML({\n-                    xy: this.xy\n-                })\n-            }\n-            var feature = this.gmlParser.parseFeature(where[0]);\n-            geometry = feature.geometry\n-        } else if (box.length > 0) {\n-            var coords = OpenLayers.String.trim(box[0].firstChild.nodeValue).split(/\\s+/);\n-            var components = [];\n-            var point;\n-            if (coords.length > 3) {\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[2]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[3], coords[0]);\n-                components.push(point);\n-                point = new OpenLayers.Geometry.Point(coords[1], coords[0]);\n-                components.push(point)\n-            }\n-            geometry = new OpenLayers.Geometry.Polygon([new OpenLayers.Geometry.LinearRing(components)])\n-        }\n-        if (geometry && this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.externalProjection, this.internalProjection)\n-        }\n-        return geometry\n-    },\n-    createFeatureFromItem: function(item) {\n-        var geometry = this.createGeometryFromItem(item);\n-        var title = this._getChildValue(item, \"*\", \"title\", this.featureTitle);\n-        var description = this._getChildValue(item, \"*\", \"description\", this._getChildValue(item, \"*\", \"content\", this._getChildValue(item, \"*\", \"summary\", this.featureDescription)));\n-        var link = this._getChildValue(item, \"*\", \"link\");\n-        if (!link) {\n-            try {\n-                link = this.getElementsByTagNameNS(item, \"*\", \"link\")[0].getAttribute(\"href\")\n-            } catch (e) {\n-                link = null\n-            }\n-        }\n-        var id = this._getChildValue(item, \"*\", \"id\", null);\n-        var data = {\n-            title: title,\n-            description: description,\n-            link: link\n-        };\n-        var feature = new OpenLayers.Feature.Vector(geometry, data);\n-        feature.fid = id;\n-        return feature\n-    },\n-    _getChildValue: function(node, nsuri, name, def) {\n-        var value;\n-        var eles = this.getElementsByTagNameNS(node, nsuri, name);\n-        if (eles && eles[0] && eles[0].firstChild && eles[0].firstChild.nodeValue) {\n-            value = this.getChildValue(eles[0])\n-        } else {\n-            value = def == undefined ? \"\" : def\n-        }\n+OpenLayers.Format.QueryStringFilter = function() {\n+    var cmpToStr = {};\n+    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n+    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n+    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n+    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n+\n+    function regex2value(value) {\n+        value = value.replace(/%/g, \"\\\\%\");\n+        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n+            return $1 ? $0 : \"\\\\\\\\_\"\n+        });\n+        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n+        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n+            return $1 || $2 ? $0 : \"_\"\n+        });\n+        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"%\"\n+        });\n+        value = value.replace(/\\\\\\./g, \".\");\n+        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n+            return $1 ? $0 : \"*\"\n+        });\n         return value\n-    },\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n-        }\n-        var itemlist = null;\n-        itemlist = this.getElementsByTagNameNS(doc, \"*\", \"item\");\n-        if (itemlist.length == 0) {\n-            itemlist = this.getElementsByTagNameNS(doc, \"*\", \"entry\")\n-        }\n-        var numItems = itemlist.length;\n-        var features = new Array(numItems);\n-        for (var i = 0; i < numItems; i++) {\n-            features[i] = this.createFeatureFromItem(itemlist[i])\n-        }\n-        return features\n-    },\n-    write: function(features) {\n-        var georss;\n-        if (OpenLayers.Util.isArray(features)) {\n-            georss = this.createElementNS(this.rssns, \"rss\");\n-            for (var i = 0, len = features.length; i < len; i++) {\n-                georss.appendChild(this.createFeatureXML(features[i]))\n-            }\n-        } else {\n-            georss = this.createFeatureXML(features)\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [georss])\n-    },\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var featureNode = this.createElementNS(this.rssns, \"item\");\n-        var titleNode = this.createElementNS(this.rssns, \"title\");\n-        titleNode.appendChild(this.createTextNode(feature.attributes.title ? feature.attributes.title : \"\"));\n-        var descNode = this.createElementNS(this.rssns, \"description\");\n-        descNode.appendChild(this.createTextNode(feature.attributes.description ? feature.attributes.description : \"\"));\n-        featureNode.appendChild(titleNode);\n-        featureNode.appendChild(descNode);\n-        if (feature.attributes.link) {\n-            var linkNode = this.createElementNS(this.rssns, \"link\");\n-            linkNode.appendChild(this.createTextNode(feature.attributes.link));\n-            featureNode.appendChild(linkNode)\n-        }\n-        for (var attr in feature.attributes) {\n-            if (attr == \"link\" || attr == \"title\" || attr == \"description\") {\n-                continue\n-            }\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1]\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureNode.appendChild(attrContainer)\n-        }\n-        featureNode.appendChild(geometryNode);\n-        return featureNode\n-    },\n-    buildGeometryNode: function(geometry) {\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry = geometry.clone();\n-            geometry.transform(this.internalProjection, this.externalProjection)\n-        }\n-        var node;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Polygon\") {\n-            node = this.createElementNS(this.georssns, \"georss:polygon\");\n-            node.appendChild(this.buildCoordinatesNode(geometry.components[0]))\n-        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\") {\n-            node = this.createElementNS(this.georssns, \"georss:line\");\n-            node.appendChild(this.buildCoordinatesNode(geometry))\n-        } else if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            node = this.createElementNS(this.georssns, \"georss:point\");\n-            node.appendChild(this.buildCoordinatesNode(geometry))\n-        } else {\n-            throw \"Couldn't parse \" + geometry.CLASS_NAME\n-        }\n-        return node\n-    },\n-    buildCoordinatesNode: function(geometry) {\n-        var points = null;\n-        if (geometry.components) {\n-            points = geometry.components\n-        }\n-        var path;\n-        if (points) {\n-            var numPoints = points.length;\n-            var parts = new Array(numPoints);\n-            for (var i = 0; i < numPoints; i++) {\n-                parts[i] = points[i].y + \" \" + points[i].x\n+    }\n+    return OpenLayers.Class(OpenLayers.Format, {\n+        wildcarded: false,\n+        srsInBBOX: false,\n+        write: function(filter, params) {\n+            params = params || {};\n+            var className = filter.CLASS_NAME;\n+            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n+            switch (filterType) {\n+                case \"Spatial\":\n+                    switch (filter.type) {\n+                        case OpenLayers.Filter.Spatial.BBOX:\n+                            params.bbox = filter.value.toArray();\n+                            if (this.srsInBBOX && filter.projection) {\n+                                params.bbox.push(filter.projection.getCode())\n+                            }\n+                            break;\n+                        case OpenLayers.Filter.Spatial.DWITHIN:\n+                            params.tolerance = filter.distance;\n+                        case OpenLayers.Filter.Spatial.WITHIN:\n+                            params.lon = filter.value.x;\n+                            params.lat = filter.value.y;\n+                            break;\n+                        default:\n+                            OpenLayers.Console.warn(\"Unknown spatial filter type \" + filter.type)\n+                    }\n+                    break;\n+                case \"Comparison\":\n+                    var op = cmpToStr[filter.type];\n+                    if (op !== undefined) {\n+                        var value = filter.value;\n+                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n+                            value = regex2value(value);\n+                            if (this.wildcarded) {\n+                                value = \"%\" + value + \"%\"\n+                            }\n+                        }\n+                        params[filter.property + \"__\" + op] = value;\n+                        params.queryable = params.queryable || [];\n+                        params.queryable.push(filter.property)\n+                    } else {\n+                        OpenLayers.Console.warn(\"Unknown comparison filter type \" + filter.type)\n+                    }\n+                    break;\n+                case \"Logical\":\n+                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n+                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n+                            params = this.write(filter.filters[i], params)\n+                        }\n+                    } else {\n+                        OpenLayers.Console.warn(\"Unsupported logical filter type \" + filter.type)\n+                    }\n+                    break;\n+                default:\n+                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType)\n             }\n-            path = parts.join(\" \")\n-        } else {\n-            path = geometry.y + \" \" + geometry.x\n-        }\n-        return this.createTextNode(path)\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.GeoRSS\"\n+            return params\n+        },\n+        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n+    })\n+}();\n+OpenLayers.Format.WMSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n+    defaultVersion: \"1.1.1\",\n+    profile: null,\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities\"\n });\n OpenLayers.Format.EncodedPolyline = OpenLayers.Class(OpenLayers.Format, {\n     geometryType: \"linestring\",\n     initialize: function(options) {\n         OpenLayers.Format.prototype.initialize.apply(this, [options])\n     },\n     read: function(encoded) {\n@@ -34373,882 +31510,171 @@\n             if (b < 32) break;\n             shift += 5\n         }\n         return result\n     },\n     CLASS_NAME: \"OpenLayers.Format.EncodedPolyline\"\n });\n-OpenLayers.Format.GPX = OpenLayers.Class(OpenLayers.Format.XML, {\n-    defaultDesc: \"No description available\",\n-    extractWaypoints: true,\n-    extractTracks: true,\n-    extractRoutes: true,\n-    extractAttributes: true,\n+OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.SOSCapabilities, {\n     namespaces: {\n-        gpx: \"http://www.topografix.com/GPX/1/1\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    schemaLocation: \"http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd\",\n-    creator: \"OpenLayers\",\n-    initialize: function(options) {\n-        this.externalProjection = new OpenLayers.Projection(\"EPSG:4326\");\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n-    },\n-    read: function(doc) {\n-        if (typeof doc == \"string\") {\n-            doc = OpenLayers.Format.XML.prototype.read.apply(this, [doc])\n-        }\n-        var features = [];\n-        if (this.extractTracks) {\n-            var tracks = doc.getElementsByTagName(\"trk\");\n-            for (var i = 0, len = tracks.length; i < len; i++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(tracks[i])\n-                }\n-                var segs = this.getElementsByTagNameNS(tracks[i], tracks[i].namespaceURI, \"trkseg\");\n-                for (var j = 0, seglen = segs.length; j < seglen; j++) {\n-                    var track = this.extractSegment(segs[j], \"trkpt\");\n-                    features.push(new OpenLayers.Feature.Vector(track, attrs))\n-                }\n-            }\n-        }\n-        if (this.extractRoutes) {\n-            var routes = doc.getElementsByTagName(\"rte\");\n-            for (var k = 0, klen = routes.length; k < klen; k++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(routes[k])\n-                }\n-                var route = this.extractSegment(routes[k], \"rtept\");\n-                features.push(new OpenLayers.Feature.Vector(route, attrs))\n-            }\n-        }\n-        if (this.extractWaypoints) {\n-            var waypoints = doc.getElementsByTagName(\"wpt\");\n-            for (var l = 0, len = waypoints.length; l < len; l++) {\n-                var attrs = {};\n-                if (this.extractAttributes) {\n-                    attrs = this.parseAttributes(waypoints[l])\n-                }\n-                var wpt = new OpenLayers.Geometry.Point(waypoints[l].getAttribute(\"lon\"), waypoints[l].getAttribute(\"lat\"));\n-                features.push(new OpenLayers.Feature.Vector(wpt, attrs))\n-            }\n-        }\n-        if (this.internalProjection && this.externalProjection) {\n-            for (var g = 0, featLength = features.length; g < featLength; g++) {\n-                features[g].geometry.transform(this.externalProjection, this.internalProjection)\n-            }\n-        }\n-        return features\n-    },\n-    extractSegment: function(segment, segmentType) {\n-        var points = this.getElementsByTagNameNS(segment, segment.namespaceURI, segmentType);\n-        var point_features = [];\n-        for (var i = 0, len = points.length; i < len; i++) {\n-            point_features.push(new OpenLayers.Geometry.Point(points[i].getAttribute(\"lon\"), points[i].getAttribute(\"lat\")))\n-        }\n-        return new OpenLayers.Geometry.LineString(point_features)\n-    },\n-    parseAttributes: function(node) {\n-        var attributes = {};\n-        var attrNode = node.firstChild,\n-            value, name;\n-        while (attrNode) {\n-            if (attrNode.nodeType == 1 && attrNode.firstChild) {\n-                value = attrNode.firstChild;\n-                if (value.nodeType == 3 || value.nodeType == 4) {\n-                    name = attrNode.prefix ? attrNode.nodeName.split(\":\")[1] : attrNode.nodeName;\n-                    if (name != \"trkseg\" && name != \"rtept\") {\n-                        attributes[name] = value.nodeValue\n-                    }\n-                }\n-            }\n-            attrNode = attrNode.nextSibling\n-        }\n-        return attributes\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        sos: \"http://www.opengis.net/sos/1.0\",\n+        gml: \"http://www.opengis.net/gml\",\n+        xlink: \"http://www.w3.org/1999/xlink\"\n     },\n-    write: function(features, metadata) {\n-        features = OpenLayers.Util.isArray(features) ? features : [features];\n-        var gpx = this.createElementNS(this.namespaces.gpx, \"gpx\");\n-        gpx.setAttribute(\"version\", \"1.1\");\n-        gpx.setAttribute(\"creator\", this.creator);\n-        this.setAttributes(gpx, {\n-            \"xsi:schemaLocation\": this.schemaLocation\n-        });\n-        if (metadata && typeof metadata == \"object\") {\n-            gpx.appendChild(this.buildMetadataNode(metadata))\n-        }\n-        for (var i = 0, len = features.length; i < len; i++) {\n-            gpx.appendChild(this.buildFeatureNode(features[i]))\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [gpx])\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n     },\n-    buildMetadataNode: function(metadata) {\n-        var types = [\"name\", \"desc\", \"author\"],\n-            node = this.createElementNS(this.namespaces.gpx, \"metadata\");\n-        for (var i = 0; i < types.length; i++) {\n-            var type = types[i];\n-            if (metadata[type]) {\n-                var n = this.createElementNS(this.namespaces.gpx, type);\n-                n.appendChild(this.createTextNode(metadata[type]));\n-                node.appendChild(n)\n-            }\n-        }\n-        return node\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n+        this.options = options\n     },\n-    buildFeatureNode: function(feature) {\n-        var geometry = feature.geometry;\n-        geometry = geometry.clone();\n-        if (this.internalProjection && this.externalProjection) {\n-            geometry.transform(this.internalProjection, this.externalProjection)\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.Point\") {\n-            var wpt = this.buildWptNode(geometry);\n-            this.appendAttributesNode(wpt, feature);\n-            return wpt\n-        } else {\n-            var trkNode = this.createElementNS(this.namespaces.gpx, \"trk\");\n-            this.appendAttributesNode(trkNode, feature);\n-            var trkSegNodes = this.buildTrkSegNode(geometry);\n-            trkSegNodes = OpenLayers.Util.isArray(trkSegNodes) ? trkSegNodes : [trkSegNodes];\n-            for (var i = 0, len = trkSegNodes.length; i < len; i++) {\n-                trkNode.appendChild(trkSegNodes[i])\n-            }\n-            return trkNode\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n         }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n     },\n-    buildTrkSegNode: function(geometry) {\n-        var node, i, len, point, nodes;\n-        if (geometry.CLASS_NAME == \"OpenLayers.Geometry.LineString\" || geometry.CLASS_NAME == \"OpenLayers.Geometry.LinearRing\") {\n-            node = this.createElementNS(this.namespaces.gpx, \"trkseg\");\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                point = geometry.components[i];\n-                node.appendChild(this.buildTrkPtNode(point))\n+    readers: {\n+        gml: OpenLayers.Util.applyDefaults({\n+            name: function(node, obj) {\n+                obj.name = this.getChildValue(node)\n+            },\n+            TimePeriod: function(node, obj) {\n+                obj.timePeriod = {};\n+                this.readChildNodes(node, obj.timePeriod)\n+            },\n+            beginPosition: function(node, timePeriod) {\n+                timePeriod.beginPosition = this.getChildValue(node)\n+            },\n+            endPosition: function(node, timePeriod) {\n+                timePeriod.endPosition = this.getChildValue(node)\n             }\n-            return node\n-        } else {\n-            nodes = [];\n-            for (i = 0, len = geometry.components.length; i < len; i++) {\n-                nodes.push(this.buildTrkSegNode(geometry.components[i]))\n+        }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n+        sos: {\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Contents: function(node, obj) {\n+                obj.contents = {};\n+                this.readChildNodes(node, obj.contents)\n+            },\n+            ObservationOfferingList: function(node, contents) {\n+                contents.offeringList = {};\n+                this.readChildNodes(node, contents.offeringList)\n+            },\n+            ObservationOffering: function(node, offeringList) {\n+                var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n+                offeringList[id] = {\n+                    procedures: [],\n+                    observedProperties: [],\n+                    featureOfInterestIds: [],\n+                    responseFormats: [],\n+                    resultModels: [],\n+                    responseModes: []\n+                };\n+                this.readChildNodes(node, offeringList[id])\n+            },\n+            time: function(node, offering) {\n+                offering.time = {};\n+                this.readChildNodes(node, offering.time)\n+            },\n+            procedure: function(node, offering) {\n+                offering.procedures.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            observedProperty: function(node, offering) {\n+                offering.observedProperties.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            featureOfInterest: function(node, offering) {\n+                offering.featureOfInterestIds.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n+            },\n+            responseFormat: function(node, offering) {\n+                offering.responseFormats.push(this.getChildValue(node))\n+            },\n+            resultModel: function(node, offering) {\n+                offering.resultModels.push(this.getChildValue(node))\n+            },\n+            responseMode: function(node, offering) {\n+                offering.responseModes.push(this.getChildValue(node))\n             }\n-            return nodes\n-        }\n-    },\n-    buildTrkPtNode: function(point) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"trkpt\");\n-        node.setAttribute(\"lon\", point.x);\n-        node.setAttribute(\"lat\", point.y);\n-        return node\n-    },\n-    buildWptNode: function(geometry) {\n-        var node = this.createElementNS(this.namespaces.gpx, \"wpt\");\n-        node.setAttribute(\"lon\", geometry.x);\n-        node.setAttribute(\"lat\", geometry.y);\n-        return node\n-    },\n-    appendAttributesNode: function(node, feature) {\n-        var name = this.createElementNS(this.namespaces.gpx, \"name\");\n-        name.appendChild(this.createTextNode(feature.attributes.name || feature.id));\n-        node.appendChild(name);\n-        var desc = this.createElementNS(this.namespaces.gpx, \"desc\");\n-        desc.appendChild(this.createTextNode(feature.attributes.description || this.defaultDesc));\n-        node.appendChild(desc)\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.Format.GPX\"\n-});\n-OpenLayers.Format.SOSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.0.0\",\n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.CSWGetDomain = function(options) {\n-    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Format.CSWGetDomain.DEFAULTS);\n-    var cls = OpenLayers.Format.CSWGetDomain[\"v\" + options.version.replace(/\\./g, \"_\")];\n-    if (!cls) {\n-        throw \"Unsupported CSWGetDomain version: \" + options.version\n-    }\n-    return new cls(options)\n-};\n-OpenLayers.Format.CSWGetDomain.DEFAULTS = {\n-    version: \"2.0.2\"\n-};\n-OpenLayers.Format.WFS = OpenLayers.Class(OpenLayers.Format.GML, {\n-    layer: null,\n-    wfsns: \"http://www.opengis.net/wfs\",\n-    ogcns: \"http://www.opengis.net/ogc\",\n-    initialize: function(options, layer) {\n-        OpenLayers.Format.GML.prototype.initialize.apply(this, [options]);\n-        this.layer = layer;\n-        if (this.layer.featureNS) {\n-            this.featureNS = this.layer.featureNS\n-        }\n-        if (this.layer.options.geometry_column) {\n-            this.geometryName = this.layer.options.geometry_column\n-        }\n-        if (this.layer.options.typename) {\n-            this.featureName = this.layer.options.typename\n-        }\n-    },\n-    write: function(features) {\n-        var transaction = this.createElementNS(this.wfsns, \"wfs:Transaction\");\n-        transaction.setAttribute(\"version\", \"1.0.0\");\n-        transaction.setAttribute(\"service\", \"WFS\");\n-        for (var i = 0; i < features.length; i++) {\n-            switch (features[i].state) {\n-                case OpenLayers.State.INSERT:\n-                    transaction.appendChild(this.insert(features[i]));\n-                    break;\n-                case OpenLayers.State.UPDATE:\n-                    transaction.appendChild(this.update(features[i]));\n-                    break;\n-                case OpenLayers.State.DELETE:\n-                    transaction.appendChild(this.remove(features[i]));\n-                    break\n-            }\n-        }\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [transaction])\n-    },\n-    createFeatureXML: function(feature) {\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        var geomContainer = this.createElementNS(this.featureNS, \"feature:\" + this.geometryName);\n-        geomContainer.appendChild(geometryNode);\n-        var featureContainer = this.createElementNS(this.featureNS, \"feature:\" + this.featureName);\n-        featureContainer.appendChild(geomContainer);\n-        for (var attr in feature.attributes) {\n-            var attrText = this.createTextNode(feature.attributes[attr]);\n-            var nodename = attr;\n-            if (attr.search(\":\") != -1) {\n-                nodename = attr.split(\":\")[1]\n-            }\n-            var attrContainer = this.createElementNS(this.featureNS, \"feature:\" + nodename);\n-            attrContainer.appendChild(attrText);\n-            featureContainer.appendChild(attrContainer)\n-        }\n-        return featureContainer\n-    },\n-    insert: function(feature) {\n-        var insertNode = this.createElementNS(this.wfsns, \"wfs:Insert\");\n-        insertNode.appendChild(this.createFeatureXML(feature));\n-        return insertNode\n-    },\n-    update: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"))\n-        }\n-        var updateNode = this.createElementNS(this.wfsns, \"wfs:Update\");\n-        updateNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n-        updateNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-        var propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n-        var nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n-        var txtNode = this.createTextNode(this.geometryName);\n-        nameNode.appendChild(txtNode);\n-        propertyNode.appendChild(nameNode);\n-        var valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n-        var geometryNode = this.buildGeometryNode(feature.geometry);\n-        if (feature.layer) {\n-            geometryNode.setAttribute(\"srsName\", feature.layer.projection.getCode())\n-        }\n-        valueNode.appendChild(geometryNode);\n-        propertyNode.appendChild(valueNode);\n-        updateNode.appendChild(propertyNode);\n-        for (var propName in feature.attributes) {\n-            propertyNode = this.createElementNS(this.wfsns, \"wfs:Property\");\n-            nameNode = this.createElementNS(this.wfsns, \"wfs:Name\");\n-            nameNode.appendChild(this.createTextNode(propName));\n-            propertyNode.appendChild(nameNode);\n-            valueNode = this.createElementNS(this.wfsns, \"wfs:Value\");\n-            valueNode.appendChild(this.createTextNode(feature.attributes[propName]));\n-            propertyNode.appendChild(valueNode);\n-            updateNode.appendChild(propertyNode)\n-        }\n-        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n-        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        updateNode.appendChild(filterNode);\n-        return updateNode\n+OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSDescribeLayer, {\n+    initialize: function(options) {\n+        OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this, [options])\n     },\n-    remove: function(feature) {\n-        if (!feature.fid) {\n-            OpenLayers.Console.userError(OpenLayers.i18n(\"noFID\"));\n-            return false\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n-        var deleteNode = this.createElementNS(this.wfsns, \"wfs:Delete\");\n-        deleteNode.setAttribute(\"typeName\", this.featurePrefix + \":\" + this.featureName);\n-        deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, this.featureNS);\n-        var filterNode = this.createElementNS(this.ogcns, \"ogc:Filter\");\n-        var filterIdNode = this.createElementNS(this.ogcns, \"ogc:FeatureId\");\n-        filterIdNode.setAttribute(\"fid\", feature.fid);\n-        filterNode.appendChild(filterIdNode);\n-        deleteNode.appendChild(filterNode);\n-        return deleteNode\n-    },\n-    destroy: function() {\n-        this.layer = null\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WFS\"\n-});\n-OpenLayers.Format.CQL = function() {\n-    var tokens = [\"PROPERTY\", \"COMPARISON\", \"VALUE\", \"LOGICAL\"],\n-        patterns = {\n-            PROPERTY: /^[_a-zA-Z]\\w*/,\n-            COMPARISON: /^(=|<>|<=|<|>=|>|LIKE)/i,\n-            IS_NULL: /^IS NULL/i,\n-            COMMA: /^,/,\n-            LOGICAL: /^(AND|OR)/i,\n-            VALUE: /^('([^']|'')*'|\\d+(\\.\\d*)?|\\.\\d+)/,\n-            LPAREN: /^\\(/,\n-            RPAREN: /^\\)/,\n-            SPATIAL: /^(BBOX|INTERSECTS|DWITHIN|WITHIN|CONTAINS)/i,\n-            NOT: /^NOT/i,\n-            BETWEEN: /^BETWEEN/i,\n-            GEOMETRY: function(text) {\n-                var type = /^(POINT|LINESTRING|POLYGON|MULTIPOINT|MULTILINESTRING|MULTIPOLYGON|GEOMETRYCOLLECTION)/.exec(text);\n-                if (type) {\n-                    var len = text.length;\n-                    var idx = text.indexOf(\"(\", type[0].length);\n-                    if (idx > -1) {\n-                        var depth = 1;\n-                        while (idx < len && depth > 0) {\n-                            idx++;\n-                            switch (text.charAt(idx)) {\n-                                case \"(\":\n-                                    depth++;\n-                                    break;\n-                                case \")\":\n-                                    depth--;\n-                                    break;\n-                                default:\n-                            }\n-                        }\n-                    }\n-                    return [text.substr(0, idx + 1)]\n-                }\n-            },\n-            END: /^$/\n-        },\n-        follows = {\n-            LPAREN: [\"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"VALUE\", \"LPAREN\"],\n-            RPAREN: [\"NOT\", \"LOGICAL\", \"END\", \"RPAREN\"],\n-            PROPERTY: [\"COMPARISON\", \"BETWEEN\", \"COMMA\", \"IS_NULL\"],\n-            BETWEEN: [\"VALUE\"],\n-            IS_NULL: [\"END\"],\n-            COMPARISON: [\"VALUE\"],\n-            COMMA: [\"GEOMETRY\", \"VALUE\", \"PROPERTY\"],\n-            VALUE: [\"LOGICAL\", \"COMMA\", \"RPAREN\", \"END\"],\n-            SPATIAL: [\"LPAREN\"],\n-            LOGICAL: [\"NOT\", \"VALUE\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"],\n-            NOT: [\"PROPERTY\", \"LPAREN\"],\n-            GEOMETRY: [\"COMMA\", \"RPAREN\"]\n-        },\n-        operators = {\n-            \"=\": OpenLayers.Filter.Comparison.EQUAL_TO,\n-            \"<>\": OpenLayers.Filter.Comparison.NOT_EQUAL_TO,\n-            \"<\": OpenLayers.Filter.Comparison.LESS_THAN,\n-            \"<=\": OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO,\n-            \">\": OpenLayers.Filter.Comparison.GREATER_THAN,\n-            \">=\": OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO,\n-            LIKE: OpenLayers.Filter.Comparison.LIKE,\n-            BETWEEN: OpenLayers.Filter.Comparison.BETWEEN,\n-            \"IS NULL\": OpenLayers.Filter.Comparison.IS_NULL\n-        },\n-        operatorReverse = {},\n-        logicals = {\n-            AND: OpenLayers.Filter.Logical.AND,\n-            OR: OpenLayers.Filter.Logical.OR\n-        },\n-        logicalReverse = {},\n-        precedence = {\n-            RPAREN: 3,\n-            LOGICAL: 2,\n-            COMPARISON: 1\n+        var root = data.documentElement;\n+        var children = root.childNodes;\n+        var describelayer = {\n+            layerDescriptions: []\n         };\n-    var i;\n-    for (i in operators) {\n-        if (operators.hasOwnProperty(i)) {\n-            operatorReverse[operators[i]] = i\n-        }\n-    }\n-    for (i in logicals) {\n-        if (logicals.hasOwnProperty(i)) {\n-            logicalReverse[logicals[i]] = i\n-        }\n-    }\n-\n-    function tryToken(text, pattern) {\n-        if (pattern instanceof RegExp) {\n-            return pattern.exec(text)\n-        } else {\n-            return pattern(text)\n-        }\n-    }\n-\n-    function nextToken(text, tokens) {\n-        var i, token, len = tokens.length;\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            var pat = patterns[token];\n-            var matches = tryToken(text, pat);\n-            if (matches) {\n-                var match = matches[0];\n-                var remainder = text.substr(match.length).replace(/^\\s*/, \"\");\n-                return {\n-                    type: token,\n-                    text: match,\n-                    remainder: remainder\n-                }\n-            }\n-        }\n-        var msg = \"ERROR: In parsing: [\" + text + \"], expected one of: \";\n-        for (i = 0; i < len; i++) {\n-            token = tokens[i];\n-            msg += \"\\n    \" + token + \": \" + patterns[token]\n-        }\n-        throw new Error(msg)\n-    }\n-\n-    function tokenize(text) {\n-        var results = [];\n-        var token, expect = [\"NOT\", \"GEOMETRY\", \"SPATIAL\", \"PROPERTY\", \"LPAREN\"];\n-        do {\n-            token = nextToken(text, expect);\n-            text = token.remainder;\n-            expect = follows[token.type];\n-            if (token.type != \"END\" && !expect) {\n-                throw new Error(\"No follows list for \" + token.type)\n-            }\n-            results.push(token)\n-        } while (token.type != \"END\");\n-        return results\n-    }\n-\n-    function buildAst(tokens) {\n-        var operatorStack = [],\n-            postfix = [];\n-        while (tokens.length) {\n-            var tok = tokens.shift();\n-            switch (tok.type) {\n-                case \"PROPERTY\":\n-                case \"GEOMETRY\":\n-                case \"VALUE\":\n-                    postfix.push(tok);\n-                    break;\n-                case \"COMPARISON\":\n-                case \"BETWEEN\":\n-                case \"IS_NULL\":\n-                case \"LOGICAL\":\n-                    var p = precedence[tok.type];\n-                    while (operatorStack.length > 0 && precedence[operatorStack[operatorStack.length - 1].type] <= p) {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"SPATIAL\":\n-                case \"NOT\":\n-                case \"LPAREN\":\n-                    operatorStack.push(tok);\n-                    break;\n-                case \"RPAREN\":\n-                    while (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type != \"LPAREN\") {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                    operatorStack.pop();\n-                    if (operatorStack.length > 0 && operatorStack[operatorStack.length - 1].type == \"SPATIAL\") {\n-                        postfix.push(operatorStack.pop())\n-                    }\n-                case \"COMMA\":\n-                case \"END\":\n-                    break;\n-                default:\n-                    throw new Error(\"Unknown token type \" + tok.type)\n-            }\n-        }\n-        while (operatorStack.length > 0) {\n-            postfix.push(operatorStack.pop())\n-        }\n-\n-        function buildTree() {\n-            var tok = postfix.pop();\n-            switch (tok.type) {\n-                case \"LOGICAL\":\n-                    var rhs = buildTree(),\n-                        lhs = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [lhs, rhs],\n-                        type: logicals[tok.text.toUpperCase()]\n-                    });\n-                case \"NOT\":\n-                    var operand = buildTree();\n-                    return new OpenLayers.Filter.Logical({\n-                        filters: [operand],\n-                        type: OpenLayers.Filter.Logical.NOT\n-                    });\n-                case \"BETWEEN\":\n-                    var min, max, property;\n-                    postfix.pop();\n-                    max = buildTree();\n-                    min = buildTree();\n-                    property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        lowerBoundary: min,\n-                        upperBoundary: max,\n-                        type: OpenLayers.Filter.Comparison.BETWEEN\n-                    });\n-                case \"COMPARISON\":\n-                    var value = buildTree(),\n-                        property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        value: value,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"IS_NULL\":\n-                    var property = buildTree();\n-                    return new OpenLayers.Filter.Comparison({\n-                        property: property,\n-                        type: operators[tok.text.toUpperCase()]\n-                    });\n-                case \"VALUE\":\n-                    var match = tok.text.match(/^'(.*)'$/);\n-                    if (match) {\n-                        return match[1].replace(/''/g, \"'\")\n-                    } else {\n-                        return Number(tok.text)\n-                    }\n-                case \"SPATIAL\":\n-                    switch (tok.text.toUpperCase()) {\n-                        case \"BBOX\":\n-                            var maxy = buildTree(),\n-                                maxx = buildTree(),\n-                                miny = buildTree(),\n-                                minx = buildTree(),\n-                                prop = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.BBOX,\n-                                property: prop,\n-                                value: OpenLayers.Bounds.fromArray([minx, miny, maxx, maxy])\n-                            });\n-                        case \"INTERSECTS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.INTERSECTS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"WITHIN\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.WITHIN,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"CONTAINS\":\n-                            var value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.CONTAINS,\n-                                property: property,\n-                                value: value\n-                            });\n-                        case \"DWITHIN\":\n-                            var distance = buildTree(),\n-                                value = buildTree(),\n-                                property = buildTree();\n-                            return new OpenLayers.Filter.Spatial({\n-                                type: OpenLayers.Filter.Spatial.DWITHIN,\n-                                value: value,\n-                                property: property,\n-                                distance: Number(distance)\n-                            })\n-                    }\n-                case \"GEOMETRY\":\n-                    return OpenLayers.Geometry.fromWKT(tok.text);\n-                default:\n-                    return tok.text\n-            }\n-        }\n-        var result = buildTree();\n-        if (postfix.length > 0) {\n-            var msg = \"Remaining tokens after building AST: \\n\";\n-            for (var i = postfix.length - 1; i >= 0; i--) {\n-                msg += postfix[i].type + \": \" + postfix[i].text + \"\\n\"\n-            }\n-            throw new Error(msg)\n-        }\n-        return result\n-    }\n-    return OpenLayers.Class(OpenLayers.Format, {\n-        read: function(text) {\n-            var result = buildAst(tokenize(text));\n-            if (this.keepData) {\n-                this.data = result\n-            }\n-            return result\n-        },\n-        write: function(filter) {\n-            if (filter instanceof OpenLayers.Geometry) {\n-                return filter.toString()\n-            }\n-            switch (filter.CLASS_NAME) {\n-                case \"OpenLayers.Filter.Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            return \"BBOX(\" + filter.property + \",\" + filter.value.toBBOX() + \")\";\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            return \"DWITHIN(\" + filter.property + \", \" + this.write(filter.value) + \", \" + filter.distance + \")\";\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            return \"WITHIN(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.INTERSECTS:\n-                            return \"INTERSECTS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        case OpenLayers.Filter.Spatial.CONTAINS:\n-                            return \"CONTAINS(\" + filter.property + \", \" + this.write(filter.value) + \")\";\n-                        default:\n-                            throw new Error(\"Unknown spatial filter type: \" + filter.type)\n-                    }\n-                case \"OpenLayers.Filter.Logical\":\n-                    if (filter.type == OpenLayers.Filter.Logical.NOT) {\n-                        return \"NOT (\" + this.write(filter.filters[0]) + \")\"\n-                    } else {\n-                        var res = \"(\";\n-                        var first = true;\n-                        for (var i = 0; i < filter.filters.length; i++) {\n-                            if (first) {\n-                                first = false\n-                            } else {\n-                                res += \") \" + logicalReverse[filter.type] + \" (\"\n-                            }\n-                            res += this.write(filter.filters[i])\n-                        }\n-                        return res + \")\"\n-                    }\n-                case \"OpenLayers.Filter.Comparison\":\n-                    if (filter.type == OpenLayers.Filter.Comparison.BETWEEN) {\n-                        return filter.property + \" BETWEEN \" + this.write(filter.lowerBoundary) + \" AND \" + this.write(filter.upperBoundary)\n-                    } else {\n-                        return filter.value !== null ? filter.property + \" \" + operatorReverse[filter.type] + \" \" + this.write(filter.value) : filter.property + \" \" + operatorReverse[filter.type]\n-                    }\n-                case undefined:\n-                    if (typeof filter === \"string\") {\n-                        return \"'\" + filter.replace(/'/g, \"''\") + \"'\"\n-                    } else if (typeof filter === \"number\") {\n-                        return String(filter)\n-                    }\n-                default:\n-                    throw new Error(\"Can't encode: \" + filter.CLASS_NAME + \" \" + filter)\n-            }\n-        },\n-        CLASS_NAME: \"OpenLayers.Format.CQL\"\n-    })\n-}();\n-OpenLayers.Format.WMTSCapabilities = OpenLayers.Class(OpenLayers.Format.XML.VersionedOGC, {\n-    defaultVersion: \"1.0.0\",\n-    yx: {\n-        \"urn:ogc:def:crs:EPSG::4326\": true\n-    },\n-    createLayer: function(capabilities, config) {\n-        var layer;\n-        if (!(\"layer\" in config)) {\n-            throw new Error(\"Missing property 'layer' in configuration.\")\n-        }\n-        var contents = capabilities.contents;\n-        var layers = contents.layers;\n-        var layerDef;\n-        for (var i = 0, ii = contents.layers.length; i < ii; ++i) {\n-            if (contents.layers[i].identifier === config.layer) {\n-                layerDef = contents.layers[i];\n-                break\n-            }\n-        }\n-        if (!layerDef) {\n-            throw new Error(\"Layer not found\")\n-        }\n-        var format = config.format;\n-        if (!format && layerDef.formats && layerDef.formats.length) {\n-            format = layerDef.formats[0]\n-        }\n-        var matrixSet;\n-        if (config.matrixSet) {\n-            matrixSet = contents.tileMatrixSets[config.matrixSet]\n-        } else if (layerDef.tileMatrixSetLinks.length >= 1) {\n-            matrixSet = contents.tileMatrixSets[layerDef.tileMatrixSetLinks[0].tileMatrixSet]\n-        }\n-        if (!matrixSet) {\n-            throw new Error(\"matrixSet not found\")\n-        }\n-        var style;\n-        for (var i = 0, ii = layerDef.styles.length; i < ii; ++i) {\n-            style = layerDef.styles[i];\n-            if (style.isDefault) {\n-                break\n-            }\n-        }\n-        var requestEncoding = config.requestEncoding;\n-        if (!requestEncoding) {\n-            requestEncoding = \"KVP\";\n-            if (capabilities.operationsMetadata.GetTile.dcp.http) {\n-                var http = capabilities.operationsMetadata.GetTile.dcp.http;\n-                if (http.get[0].constraints) {\n-                    var constraints = http.get[0].constraints;\n-                    var allowedValues = constraints.GetEncoding.allowedValues;\n-                    if (!allowedValues.KVP && (allowedValues.REST || allowedValues.RESTful)) {\n-                        requestEncoding = \"REST\"\n+        var childNode, nodeName;\n+        for (var i = 0; i < children.length; ++i) {\n+            childNode = children[i];\n+            nodeName = childNode.nodeName;\n+            if (nodeName == \"LayerDescription\") {\n+                var layerName = childNode.getAttribute(\"name\");\n+                var owsType = \"\";\n+                var owsURL = \"\";\n+                var typeName = \"\";\n+                if (childNode.getAttribute(\"owsType\")) {\n+                    owsType = childNode.getAttribute(\"owsType\");\n+                    owsURL = childNode.getAttribute(\"owsURL\")\n+                } else {\n+                    if (childNode.getAttribute(\"wfs\") != \"\") {\n+                        owsType = \"WFS\";\n+                        owsURL = childNode.getAttribute(\"wfs\")\n+                    } else if (childNode.getAttribute(\"wcs\") != \"\") {\n+                        owsType = \"WCS\";\n+                        owsURL = childNode.getAttribute(\"wcs\")\n                     }\n                 }\n-            }\n-        }\n-        var dimensions = [];\n-        var params = config.params || {};\n-        delete config.params;\n-        for (var id = 0, ld = layerDef.dimensions.length; id < ld; id++) {\n-            var dimension = layerDef.dimensions[id];\n-            dimensions.push(dimension.identifier);\n-            if (!params.hasOwnProperty(dimension.identifier)) {\n-                params[dimension.identifier] = dimension[\"default\"]\n-            }\n-        }\n-        var projection = config.projection || matrixSet.supportedCRS.replace(/urn:ogc:def:crs:(\\w+):(.*:)?(\\w+)$/, \"$1:$3\");\n-        var units = config.units || (projection === \"EPSG:4326\" ? \"degrees\" : \"m\");\n-        var resolutions = [];\n-        for (var mid in matrixSet.matrixIds) {\n-            if (matrixSet.matrixIds.hasOwnProperty(mid)) {\n-                resolutions.push(matrixSet.matrixIds[mid].scaleDenominator * 28e-5 / OpenLayers.METERS_PER_INCH / OpenLayers.INCHES_PER_UNIT[units])\n-            }\n-        }\n-        var url;\n-        if (requestEncoding === \"REST\" && layerDef.resourceUrls) {\n-            url = [];\n-            var resourceUrls = layerDef.resourceUrls,\n-                resourceUrl;\n-            for (var t = 0, tt = layerDef.resourceUrls.length; t < tt; ++t) {\n-                resourceUrl = layerDef.resourceUrls[t];\n-                if (resourceUrl.format === format && resourceUrl.resourceType === \"tile\") {\n-                    url.push(resourceUrl.template)\n+                var query = childNode.getElementsByTagName(\"Query\");\n+                if (query.length > 0) {\n+                    typeName = query[0].getAttribute(\"typeName\");\n+                    if (!typeName) {\n+                        typeName = query[0].getAttribute(\"typename\")\n+                    }\n                 }\n-            }\n-        } else {\n-            var httpGet = capabilities.operationsMetadata.GetTile.dcp.http.get;\n-            url = [];\n-            var constraint;\n-            for (var i = 0, ii = httpGet.length; i < ii; i++) {\n-                constraint = httpGet[i].constraints;\n-                if (!constraint || constraint && constraint.GetEncoding.allowedValues[requestEncoding]) {\n-                    url.push(httpGet[i].url)\n+                var layerDescription = {\n+                    layerName: layerName,\n+                    owsType: owsType,\n+                    owsURL: owsURL,\n+                    typeName: typeName\n+                };\n+                describelayer.layerDescriptions.push(layerDescription);\n+                describelayer.length = describelayer.layerDescriptions.length;\n+                describelayer[describelayer.length - 1] = layerDescription\n+            } else if (nodeName == \"ServiceException\") {\n+                var parser = new OpenLayers.Format.OGCExceptionReport;\n+                return {\n+                    error: parser.read(data)\n                 }\n             }\n         }\n-        return new OpenLayers.Layer.WMTS(OpenLayers.Util.applyDefaults(config, {\n-            url: url,\n-            requestEncoding: requestEncoding,\n-            name: layerDef.title,\n-            style: style.identifier,\n-            format: format,\n-            matrixIds: matrixSet.matrixIds,\n-            matrixSet: matrixSet.identifier,\n-            projection: projection,\n-            units: units,\n-            resolutions: config.isBaseLayer === false ? undefined : resolutions,\n-            serverResolutions: resolutions,\n-            tileFullExtent: matrixSet.bounds,\n-            dimensions: dimensions,\n-            params: params\n-        }))\n+        return describelayer\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n });\n-OpenLayers.Format.QueryStringFilter = function() {\n-    var cmpToStr = {};\n-    cmpToStr[OpenLayers.Filter.Comparison.EQUAL_TO] = \"eq\";\n-    cmpToStr[OpenLayers.Filter.Comparison.NOT_EQUAL_TO] = \"ne\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN] = \"lt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LESS_THAN_OR_EQUAL_TO] = \"lte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN] = \"gt\";\n-    cmpToStr[OpenLayers.Filter.Comparison.GREATER_THAN_OR_EQUAL_TO] = \"gte\";\n-    cmpToStr[OpenLayers.Filter.Comparison.LIKE] = \"ilike\";\n-\n-    function regex2value(value) {\n-        value = value.replace(/%/g, \"\\\\%\");\n-        value = value.replace(/\\\\\\\\\\.(\\*)?/g, function($0, $1) {\n-            return $1 ? $0 : \"\\\\\\\\_\"\n-        });\n-        value = value.replace(/\\\\\\\\\\.\\*/g, \"\\\\\\\\%\");\n-        value = value.replace(/(\\\\)?\\.(\\*)?/g, function($0, $1, $2) {\n-            return $1 || $2 ? $0 : \"_\"\n-        });\n-        value = value.replace(/(\\\\)?\\.\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"%\"\n-        });\n-        value = value.replace(/\\\\\\./g, \".\");\n-        value = value.replace(/(\\\\)?\\\\\\*/g, function($0, $1) {\n-            return $1 ? $0 : \"*\"\n-        });\n-        return value\n-    }\n-    return OpenLayers.Class(OpenLayers.Format, {\n-        wildcarded: false,\n-        srsInBBOX: false,\n-        write: function(filter, params) {\n-            params = params || {};\n-            var className = filter.CLASS_NAME;\n-            var filterType = className.substring(className.lastIndexOf(\".\") + 1);\n-            switch (filterType) {\n-                case \"Spatial\":\n-                    switch (filter.type) {\n-                        case OpenLayers.Filter.Spatial.BBOX:\n-                            params.bbox = filter.value.toArray();\n-                            if (this.srsInBBOX && filter.projection) {\n-                                params.bbox.push(filter.projection.getCode())\n-                            }\n-                            break;\n-                        case OpenLayers.Filter.Spatial.DWITHIN:\n-                            params.tolerance = filter.distance;\n-                        case OpenLayers.Filter.Spatial.WITHIN:\n-                            params.lon = filter.value.x;\n-                            params.lat = filter.value.y;\n-                            break;\n-                        default:\n-                            OpenLayers.Console.warn(\"Unknown spatial filter type \" + filter.type)\n-                    }\n-                    break;\n-                case \"Comparison\":\n-                    var op = cmpToStr[filter.type];\n-                    if (op !== undefined) {\n-                        var value = filter.value;\n-                        if (filter.type == OpenLayers.Filter.Comparison.LIKE) {\n-                            value = regex2value(value);\n-                            if (this.wildcarded) {\n-                                value = \"%\" + value + \"%\"\n-                            }\n-                        }\n-                        params[filter.property + \"__\" + op] = value;\n-                        params.queryable = params.queryable || [];\n-                        params.queryable.push(filter.property)\n-                    } else {\n-                        OpenLayers.Console.warn(\"Unknown comparison filter type \" + filter.type)\n-                    }\n-                    break;\n-                case \"Logical\":\n-                    if (filter.type === OpenLayers.Filter.Logical.AND) {\n-                        for (var i = 0, len = filter.filters.length; i < len; i++) {\n-                            params = this.write(filter.filters[i], params)\n-                        }\n-                    } else {\n-                        OpenLayers.Console.warn(\"Unsupported logical filter type \" + filter.type)\n-                    }\n-                    break;\n-                default:\n-                    OpenLayers.Console.warn(\"Unknown filter type \" + filterType)\n-            }\n-            return params\n-        },\n-        CLASS_NAME: \"OpenLayers.Format.QueryStringFilter\"\n-    })\n-}();\n+OpenLayers.Format.WMSDescribeLayer.v1_1_0 = OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n OpenLayers.Format.WFSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         wfs: \"http://www.opengis.net/wfs\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n         ows: \"http://www.opengis.net/ows\"\n     },\n@@ -35304,14 +31730,34 @@\n                     obj[\"abstract\"] = abst\n                 }\n             }\n         }\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1\"\n });\n+OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        removeSpace: /\\s*/g,\n+        splitSpace: /\\s+/,\n+        trimComma: /\\s*,\\s*/g\n+    },\n+    readers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            DefaultSRS: function(node, obj) {\n+                var defaultSRS = this.getChildValue(node);\n+                if (defaultSRS) {\n+                    obj.srs = defaultSRS\n+                }\n+            }\n+        }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n+        ows: OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+});\n OpenLayers.Format.WFSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n     readers: {\n         wfs: OpenLayers.Util.applyDefaults({\n             Service: function(node, capabilities) {\n                 capabilities.service = {};\n                 this.readChildNodes(node, capabilities.service)\n             },\n@@ -35382,33 +31828,294 @@\n                     obj.srs = srs\n                 }\n             }\n         }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"])\n     },\n     CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.WFSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WFSCapabilities.v1, {\n+OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n+    },\n+    defaultPrefix: \"csw\",\n+    version: \"2.0.2\",\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+    PropertyName: null,\n+    ParameterName: null,\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj\n+    },\n+    readers: {\n+        csw: {\n+            GetDomainResponse: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            DomainValues: function(node, obj) {\n+                if (!OpenLayers.Util.isArray(obj.DomainValues)) {\n+                    obj.DomainValues = []\n+                }\n+                var attrs = node.attributes;\n+                var domainValue = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    domainValue[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                this.readChildNodes(node, domainValue);\n+                obj.DomainValues.push(domainValue)\n+            },\n+            PropertyName: function(node, obj) {\n+                obj.PropertyName = this.getChildValue(node)\n+            },\n+            ParameterName: function(node, obj) {\n+                obj.ParameterName = this.getChildValue(node)\n+            },\n+            ListOfValues: function(node, obj) {\n+                if (!OpenLayers.Util.isArray(obj.ListOfValues)) {\n+                    obj.ListOfValues = []\n+                }\n+                this.readChildNodes(node, obj.ListOfValues)\n+            },\n+            Value: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.push({\n+                    Value: value\n+                })\n+            },\n+            ConceptualScheme: function(node, obj) {\n+                obj.ConceptualScheme = {};\n+                this.readChildNodes(node, obj.ConceptualScheme)\n+            },\n+            Name: function(node, obj) {\n+                obj.Name = this.getChildValue(node)\n+            },\n+            Document: function(node, obj) {\n+                obj.Document = this.getChildValue(node)\n+            },\n+            Authority: function(node, obj) {\n+                obj.Authority = this.getChildValue(node)\n+            },\n+            RangeOfValues: function(node, obj) {\n+                obj.RangeOfValues = {};\n+                this.readChildNodes(node, obj.RangeOfValues)\n+            },\n+            MinValue: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MinValue = value\n+            },\n+            MaxValue: function(node, obj) {\n+                var attrs = node.attributes;\n+                var value = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    value[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                value.value = this.getChildValue(node);\n+                obj.MaxValue = value\n+            }\n+        }\n+    },\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetDomain\", options);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    writers: {\n+        csw: {\n+            GetDomain: function(options) {\n+                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version\n+                    }\n+                });\n+                if (options.PropertyName || this.PropertyName) {\n+                    this.writeNode(\"csw:PropertyName\", options.PropertyName || this.PropertyName, node)\n+                } else if (options.ParameterName || this.ParameterName) {\n+                    this.writeNode(\"csw:ParameterName\", options.ParameterName || this.ParameterName, node)\n+                }\n+                this.readChildNodes(node, options);\n+                return node\n+            },\n+            PropertyName: function(value) {\n+                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n+                    value: value\n+                });\n+                return node\n+            },\n+            ParameterName: function(value) {\n+                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n+                    value: value\n+                });\n+                return node\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+});\n+OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(OpenLayers.Format.SLD.v1_0_0, {\n+    version: \"1.0.0\",\n+    profile: \"GeoServer\",\n+    readers: OpenLayers.Util.applyDefaults({\n+        sld: OpenLayers.Util.applyDefaults({\n+            Priority: function(node, obj) {\n+                var value = this.readers.ogc._expression.call(this, node);\n+                if (value) {\n+                    obj.priority = value\n+                }\n+            },\n+            VendorOption: function(node, obj) {\n+                if (!obj.vendorOptions) {\n+                    obj.vendorOptions = {}\n+                }\n+                obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node)\n+            },\n+            TextSymbolizer: function(node, rule) {\n+                OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n+                var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n+                if (symbolizer.graphic === undefined) {\n+                    symbolizer.graphic = false\n+                }\n+            }\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n+    }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n+    writers: OpenLayers.Util.applyDefaults({\n+        sld: OpenLayers.Util.applyDefaults({\n+            Priority: function(priority) {\n+                return this.writers.sld._OGCExpression.call(this, \"sld:Priority\", priority)\n+            },\n+            VendorOption: function(option) {\n+                return this.createElementNSPlus(\"sld:VendorOption\", {\n+                    attributes: {\n+                        name: option.name\n+                    },\n+                    value: option.value\n+                })\n+            },\n+            TextSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n+                if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n+                    this.writeNode(\"Graphic\", symbolizer, node)\n+                }\n+                if (\"priority\" in symbolizer) {\n+                    this.writeNode(\"Priority\", symbolizer.priority, node)\n+                }\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            PointSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            LineSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            },\n+            PolygonSymbolizer: function(symbolizer) {\n+                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n+                var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n+                return this.addVendorOptions(node, symbolizer)\n+            }\n+        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n+    }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n+    addVendorOptions: function(node, symbolizer) {\n+        var options = symbolizer.vendorOptions;\n+        if (options) {\n+            for (var key in symbolizer.vendorOptions) {\n+                this.writeNode(\"VendorOption\", {\n+                    name: key,\n+                    value: symbolizer.vendorOptions[key]\n+                }, node)\n+            }\n+        }\n+        return node\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n+});\n+OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        ows: \"http://www.opengis.net/ows/1.1\",\n+        wps: \"http://www.opengis.net/wps/1.0.0\",\n+        xlink: \"http://www.w3.org/1999/xlink\"\n+    },\n     regExes: {\n         trimSpace: /^\\s*|\\s*$/g,\n         removeSpace: /\\s*/g,\n         splitSpace: /\\s+/,\n         trimComma: /\\s*,\\s*/g\n     },\n+    initialize: function(options) {\n+        OpenLayers.Format.XML.prototype.initialize.apply(this, [options])\n+    },\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n+    },\n     readers: {\n-        wfs: OpenLayers.Util.applyDefaults({\n-            DefaultSRS: function(node, obj) {\n-                var defaultSRS = this.getChildValue(node);\n-                if (defaultSRS) {\n-                    obj.srs = defaultSRS\n-                }\n+        wps: {\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            ProcessOfferings: function(node, obj) {\n+                obj.processOfferings = {};\n+                this.readChildNodes(node, obj.processOfferings)\n+            },\n+            Process: function(node, processOfferings) {\n+                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n+                var process = {\n+                    processVersion: processVersion\n+                };\n+                this.readChildNodes(node, process);\n+                processOfferings[process.identifier] = process\n+            },\n+            Languages: function(node, obj) {\n+                obj.languages = [];\n+                this.readChildNodes(node, obj.languages)\n+            },\n+            Default: function(node, languages) {\n+                var language = {\n+                    isDefault: true\n+                };\n+                this.readChildNodes(node, language);\n+                languages.push(language)\n+            },\n+            Supported: function(node, languages) {\n+                var language = {};\n+                this.readChildNodes(node, language);\n+                languages.push(language)\n             }\n-        }, OpenLayers.Format.WFSCapabilities.v1.prototype.readers[\"wfs\"]),\n-        ows: OpenLayers.Format.OWSCommon.v1.prototype.readers.ows\n+        },\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WFSCapabilities.v1_1_0\"\n+    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n });\n OpenLayers.Format.OWSContext.v0_3_1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         owc: \"http://www.opengis.net/ows-context\",\n         gml: \"http://www.opengis.net/gml\",\n         kml: \"http://www.opengis.net/kml/2.2\",\n         ogc: \"http://www.opengis.net/ogc\",\n@@ -35812,14 +32519,285 @@\n         }, OpenLayers.Format.GML.v2.prototype.writers.gml),\n         ows: OpenLayers.Format.OWSCommon.v1_0_0.prototype.writers.ows,\n         sld: OpenLayers.Format.SLD.v1_0_0.prototype.writers.sld,\n         feature: OpenLayers.Format.GML.v2.prototype.writers.feature\n     },\n     CLASS_NAME: \"OpenLayers.Format.OWSContext.v0_3_1\"\n });\n+OpenLayers.Format.WFST.v1_0_0 = OpenLayers.Class(OpenLayers.Format.Filter.v1_0_0, OpenLayers.Format.WFST.v1, {\n+    version: \"1.0.0\",\n+    srsNameInQuery: false,\n+    schemaLocations: {\n+        wfs: \"http://schemas.opengis.net/wfs/1.0.0/WFS-transaction.xsd\"\n+    },\n+    initialize: function(options) {\n+        OpenLayers.Format.Filter.v1_0_0.prototype.initialize.apply(this, [options]);\n+        OpenLayers.Format.WFST.v1.prototype.initialize.apply(this, [options])\n+    },\n+    readNode: function(node, obj, first) {\n+        return OpenLayers.Format.GML.v2.prototype.readNode.apply(this, arguments)\n+    },\n+    readers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            WFS_TransactionResponse: function(node, obj) {\n+                obj.insertIds = [];\n+                obj.success = false;\n+                this.readChildNodes(node, obj)\n+            },\n+            InsertResult: function(node, container) {\n+                var obj = {\n+                    fids: []\n+                };\n+                this.readChildNodes(node, obj);\n+                container.insertIds = container.insertIds.concat(obj.fids)\n+            },\n+            TransactionResult: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Status: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            SUCCESS: function(node, obj) {\n+                obj.success = true\n+            }\n+        }, OpenLayers.Format.WFST.v1.prototype.readers[\"wfs\"]),\n+        gml: OpenLayers.Format.GML.v2.prototype.readers[\"gml\"],\n+        feature: OpenLayers.Format.GML.v2.prototype.readers[\"feature\"],\n+        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.readers[\"ogc\"]\n+    },\n+    writers: {\n+        wfs: OpenLayers.Util.applyDefaults({\n+            Query: function(options) {\n+                options = OpenLayers.Util.extend({\n+                    featureNS: this.featureNS,\n+                    featurePrefix: this.featurePrefix,\n+                    featureType: this.featureType,\n+                    srsName: this.srsName,\n+                    srsNameInQuery: this.srsNameInQuery\n+                }, options);\n+                var prefix = options.featurePrefix;\n+                var node = this.createElementNSPlus(\"wfs:Query\", {\n+                    attributes: {\n+                        typeName: (prefix ? prefix + \":\" : \"\") + options.featureType\n+                    }\n+                });\n+                if (options.srsNameInQuery && options.srsName) {\n+                    node.setAttribute(\"srsName\", options.srsName)\n+                }\n+                if (options.featureNS) {\n+                    node.setAttribute(\"xmlns:\" + prefix, options.featureNS)\n+                }\n+                if (options.propertyNames) {\n+                    for (var i = 0, len = options.propertyNames.length; i < len; i++) {\n+                        this.writeNode(\"ogc:PropertyName\", {\n+                            property: options.propertyNames[i]\n+                        }, node)\n+                    }\n+                }\n+                if (options.filter) {\n+                    this.setFilterProperty(options.filter);\n+                    this.writeNode(\"ogc:Filter\", options.filter, node)\n+                }\n+                return node\n+            }\n+        }, OpenLayers.Format.WFST.v1.prototype.writers[\"wfs\"]),\n+        gml: OpenLayers.Format.GML.v2.prototype.writers[\"gml\"],\n+        feature: OpenLayers.Format.GML.v2.prototype.writers[\"feature\"],\n+        ogc: OpenLayers.Format.Filter.v1_0_0.prototype.writers[\"ogc\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WFST.v1_0_0\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    regExes: {\n+        trimSpace: /^\\s*|\\s*$/g,\n+        splitSpace: /\\s+/\n+    },\n+    defaultPrefix: \"wcs\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var raw = data;\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        return capabilities\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n+    namespaces: {\n+        wcs: \"http://www.opengis.net/wcs/1.1\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        ows: \"http://www.opengis.net/ows/1.1\"\n+    },\n+    errorProperty: \"operationsMetadata\",\n+    readers: {\n+        wcs: OpenLayers.Util.applyDefaults({\n+            Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Contents: function(node, request) {\n+                request.contentMetadata = [];\n+                this.readChildNodes(node, request.contentMetadata)\n+            },\n+            CoverageSummary: function(node, contentMetadata) {\n+                var coverageSummary = {};\n+                this.readChildNodes(node, coverageSummary);\n+                contentMetadata.push(coverageSummary)\n+            },\n+            Identifier: function(node, coverageSummary) {\n+                coverageSummary.identifier = this.getChildValue(node)\n+            },\n+            Title: function(node, coverageSummary) {\n+                coverageSummary.title = this.getChildValue(node)\n+            },\n+            Abstract: function(node, coverageSummary) {\n+                coverageSummary[\"abstract\"] = this.getChildValue(node)\n+            },\n+            SupportedCRS: function(node, coverageSummary) {\n+                var crs = this.getChildValue(node);\n+                if (crs) {\n+                    if (!coverageSummary.supportedCRS) {\n+                        coverageSummary.supportedCRS = []\n+                    }\n+                    coverageSummary.supportedCRS.push(crs)\n+                }\n+            },\n+            SupportedFormat: function(node, coverageSummary) {\n+                var format = this.getChildValue(node);\n+                if (format) {\n+                    if (!coverageSummary.supportedFormat) {\n+                        coverageSummary.supportedFormat = []\n+                    }\n+                    coverageSummary.supportedFormat.push(format)\n+                }\n+            }\n+        }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n+        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+});\n+OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n+    namespaces: {\n+        wcs: \"http://www.opengis.net/wcs\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n+        ows: \"http://www.opengis.net/ows\"\n+    },\n+    errorProperty: \"service\",\n+    readers: {\n+        wcs: {\n+            WCS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Service: function(node, obj) {\n+                obj.service = {};\n+                this.readChildNodes(node, obj.service)\n+            },\n+            name: function(node, service) {\n+                service.name = this.getChildValue(node)\n+            },\n+            label: function(node, service) {\n+                service.label = this.getChildValue(node)\n+            },\n+            keywords: function(node, service) {\n+                service.keywords = [];\n+                this.readChildNodes(node, service.keywords)\n+            },\n+            keyword: function(node, keywords) {\n+                keywords.push(this.getChildValue(node))\n+            },\n+            responsibleParty: function(node, service) {\n+                service.responsibleParty = {};\n+                this.readChildNodes(node, service.responsibleParty)\n+            },\n+            individualName: function(node, responsibleParty) {\n+                responsibleParty.individualName = this.getChildValue(node)\n+            },\n+            organisationName: function(node, responsibleParty) {\n+                responsibleParty.organisationName = this.getChildValue(node)\n+            },\n+            positionName: function(node, responsibleParty) {\n+                responsibleParty.positionName = this.getChildValue(node)\n+            },\n+            contactInfo: function(node, responsibleParty) {\n+                responsibleParty.contactInfo = {};\n+                this.readChildNodes(node, responsibleParty.contactInfo)\n+            },\n+            phone: function(node, contactInfo) {\n+                contactInfo.phone = {};\n+                this.readChildNodes(node, contactInfo.phone)\n+            },\n+            voice: function(node, phone) {\n+                phone.voice = this.getChildValue(node)\n+            },\n+            facsimile: function(node, phone) {\n+                phone.facsimile = this.getChildValue(node)\n+            },\n+            address: function(node, contactInfo) {\n+                contactInfo.address = {};\n+                this.readChildNodes(node, contactInfo.address)\n+            },\n+            deliveryPoint: function(node, address) {\n+                address.deliveryPoint = this.getChildValue(node)\n+            },\n+            city: function(node, address) {\n+                address.city = this.getChildValue(node)\n+            },\n+            postalCode: function(node, address) {\n+                address.postalCode = this.getChildValue(node)\n+            },\n+            country: function(node, address) {\n+                address.country = this.getChildValue(node)\n+            },\n+            electronicMailAddress: function(node, address) {\n+                address.electronicMailAddress = this.getChildValue(node)\n+            },\n+            fees: function(node, service) {\n+                service.fees = this.getChildValue(node)\n+            },\n+            accessConstraints: function(node, service) {\n+                service.accessConstraints = this.getChildValue(node)\n+            },\n+            ContentMetadata: function(node, obj) {\n+                obj.contentMetadata = [];\n+                this.readChildNodes(node, obj.contentMetadata)\n+            },\n+            CoverageOfferingBrief: function(node, contentMetadata) {\n+                var coverageOfferingBrief = {};\n+                this.readChildNodes(node, coverageOfferingBrief);\n+                contentMetadata.push(coverageOfferingBrief)\n+            },\n+            name: function(node, coverageOfferingBrief) {\n+                coverageOfferingBrief.name = this.getChildValue(node)\n+            },\n+            label: function(node, coverageOfferingBrief) {\n+                coverageOfferingBrief.label = this.getChildValue(node)\n+            },\n+            lonLatEnvelope: function(node, coverageOfferingBrief) {\n+                var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n+                if (nodeList.length == 2) {\n+                    var min = {};\n+                    var max = {};\n+                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n+                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n+                    coverageOfferingBrief.lonLatEnvelope = {};\n+                    coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n+                    coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n+                    coverageOfferingBrief.lonLatEnvelope.max = max.points[0]\n+                }\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n+});\n OpenLayers.Format.XLS.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         xls: \"http://www.opengis.net/xls\",\n         gml: \"http://www.opengis.net/gml\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n     regExes: {\n@@ -36026,563 +33004,14 @@\n });\n OpenLayers.Format.XLS.v1_1_0 = OpenLayers.Class(OpenLayers.Format.XLS.v1, {\n     VERSION: \"1.1\",\n     schemaLocation: \"http://www.opengis.net/xls http://schemas.opengis.net/ols/1.1.0/LocationUtilityService.xsd\",\n     CLASS_NAME: \"OpenLayers.Format.XLS.v1_1_0\"\n });\n OpenLayers.Format.XLS.v1_1 = OpenLayers.Format.XLS.v1_1_0;\n-OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        wms: \"http://www.opengis.net/wms\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n-    },\n-    defaultPrefix: \"wms\",\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var raw = data;\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        if (capabilities.service === undefined) {\n-            var parser = new OpenLayers.Format.OGCExceptionReport;\n-            capabilities.error = parser.read(raw)\n-        }\n-        return capabilities\n-    },\n-    readers: {\n-        wms: {\n-            Service: function(node, obj) {\n-                obj.service = {};\n-                this.readChildNodes(node, obj.service)\n-            },\n-            Name: function(node, obj) {\n-                obj.name = this.getChildValue(node)\n-            },\n-            Title: function(node, obj) {\n-                obj.title = this.getChildValue(node)\n-            },\n-            Abstract: function(node, obj) {\n-                obj[\"abstract\"] = this.getChildValue(node)\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = {};\n-                bbox.bbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))];\n-                var res = {\n-                    x: parseFloat(node.getAttribute(\"resx\")),\n-                    y: parseFloat(node.getAttribute(\"resy\"))\n-                };\n-                if (!(isNaN(res.x) && isNaN(res.y))) {\n-                    bbox.res = res\n-                }\n-                return bbox\n-            },\n-            OnlineResource: function(node, obj) {\n-                obj.href = this.getAttributeNS(node, this.namespaces.xlink, \"href\")\n-            },\n-            ContactInformation: function(node, obj) {\n-                obj.contactInformation = {};\n-                this.readChildNodes(node, obj.contactInformation)\n-            },\n-            ContactPersonPrimary: function(node, obj) {\n-                obj.personPrimary = {};\n-                this.readChildNodes(node, obj.personPrimary)\n-            },\n-            ContactPerson: function(node, obj) {\n-                obj.person = this.getChildValue(node)\n-            },\n-            ContactOrganization: function(node, obj) {\n-                obj.organization = this.getChildValue(node)\n-            },\n-            ContactPosition: function(node, obj) {\n-                obj.position = this.getChildValue(node)\n-            },\n-            ContactAddress: function(node, obj) {\n-                obj.contactAddress = {};\n-                this.readChildNodes(node, obj.contactAddress)\n-            },\n-            AddressType: function(node, obj) {\n-                obj.type = this.getChildValue(node)\n-            },\n-            Address: function(node, obj) {\n-                obj.address = this.getChildValue(node)\n-            },\n-            City: function(node, obj) {\n-                obj.city = this.getChildValue(node)\n-            },\n-            StateOrProvince: function(node, obj) {\n-                obj.stateOrProvince = this.getChildValue(node)\n-            },\n-            PostCode: function(node, obj) {\n-                obj.postcode = this.getChildValue(node)\n-            },\n-            Country: function(node, obj) {\n-                obj.country = this.getChildValue(node)\n-            },\n-            ContactVoiceTelephone: function(node, obj) {\n-                obj.phone = this.getChildValue(node)\n-            },\n-            ContactFacsimileTelephone: function(node, obj) {\n-                obj.fax = this.getChildValue(node)\n-            },\n-            ContactElectronicMailAddress: function(node, obj) {\n-                obj.email = this.getChildValue(node)\n-            },\n-            Fees: function(node, obj) {\n-                var fees = this.getChildValue(node);\n-                if (fees && fees.toLowerCase() != \"none\") {\n-                    obj.fees = fees\n-                }\n-            },\n-            AccessConstraints: function(node, obj) {\n-                var constraints = this.getChildValue(node);\n-                if (constraints && constraints.toLowerCase() != \"none\") {\n-                    obj.accessConstraints = constraints\n-                }\n-            },\n-            Capability: function(node, obj) {\n-                obj.capability = {\n-                    nestedLayers: [],\n-                    layers: []\n-                };\n-                this.readChildNodes(node, obj.capability)\n-            },\n-            Request: function(node, obj) {\n-                obj.request = {};\n-                this.readChildNodes(node, obj.request)\n-            },\n-            GetCapabilities: function(node, obj) {\n-                obj.getcapabilities = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getcapabilities)\n-            },\n-            Format: function(node, obj) {\n-                if (OpenLayers.Util.isArray(obj.formats)) {\n-                    obj.formats.push(this.getChildValue(node))\n-                } else {\n-                    obj.format = this.getChildValue(node)\n-                }\n-            },\n-            DCPType: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            HTTP: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Get: function(node, obj) {\n-                obj.get = {};\n-                this.readChildNodes(node, obj.get);\n-                if (!obj.href) {\n-                    obj.href = obj.get.href\n-                }\n-            },\n-            Post: function(node, obj) {\n-                obj.post = {};\n-                this.readChildNodes(node, obj.post);\n-                if (!obj.href) {\n-                    obj.href = obj.get.href\n-                }\n-            },\n-            GetMap: function(node, obj) {\n-                obj.getmap = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getmap)\n-            },\n-            GetFeatureInfo: function(node, obj) {\n-                obj.getfeatureinfo = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getfeatureinfo)\n-            },\n-            Exception: function(node, obj) {\n-                obj.exception = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.exception)\n-            },\n-            Layer: function(node, obj) {\n-                var parentLayer, capability;\n-                if (obj.capability) {\n-                    capability = obj.capability;\n-                    parentLayer = obj\n-                } else {\n-                    capability = obj\n-                }\n-                var attrNode = node.getAttributeNode(\"queryable\");\n-                var queryable = attrNode && attrNode.specified ? node.getAttribute(\"queryable\") : null;\n-                attrNode = node.getAttributeNode(\"cascaded\");\n-                var cascaded = attrNode && attrNode.specified ? node.getAttribute(\"cascaded\") : null;\n-                attrNode = node.getAttributeNode(\"opaque\");\n-                var opaque = attrNode && attrNode.specified ? node.getAttribute(\"opaque\") : null;\n-                var noSubsets = node.getAttribute(\"noSubsets\");\n-                var fixedWidth = node.getAttribute(\"fixedWidth\");\n-                var fixedHeight = node.getAttribute(\"fixedHeight\");\n-                var parent = parentLayer || {},\n-                    extend = OpenLayers.Util.extend;\n-                var layer = {\n-                    nestedLayers: [],\n-                    styles: parentLayer ? [].concat(parentLayer.styles) : [],\n-                    srs: parentLayer ? extend({}, parent.srs) : {},\n-                    metadataURLs: [],\n-                    bbox: parentLayer ? extend({}, parent.bbox) : {},\n-                    llbbox: parent.llbbox,\n-                    dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n-                    authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n-                    identifiers: {},\n-                    keywords: [],\n-                    queryable: queryable && queryable !== \"\" ? queryable === \"1\" || queryable === \"true\" : parent.queryable || false,\n-                    cascaded: cascaded !== null ? parseInt(cascaded) : parent.cascaded || 0,\n-                    opaque: opaque ? opaque === \"1\" || opaque === \"true\" : parent.opaque || false,\n-                    noSubsets: noSubsets !== null ? noSubsets === \"1\" || noSubsets === \"true\" : parent.noSubsets || false,\n-                    fixedWidth: fixedWidth != null ? parseInt(fixedWidth) : parent.fixedWidth || 0,\n-                    fixedHeight: fixedHeight != null ? parseInt(fixedHeight) : parent.fixedHeight || 0,\n-                    minScale: parent.minScale,\n-                    maxScale: parent.maxScale,\n-                    attribution: parent.attribution\n-                };\n-                obj.nestedLayers.push(layer);\n-                layer.capability = capability;\n-                this.readChildNodes(node, layer);\n-                delete layer.capability;\n-                if (layer.name) {\n-                    var parts = layer.name.split(\":\"),\n-                        request = capability.request,\n-                        gfi = request.getfeatureinfo;\n-                    if (parts.length > 0) {\n-                        layer.prefix = parts[0]\n-                    }\n-                    capability.layers.push(layer);\n-                    if (layer.formats === undefined) {\n-                        layer.formats = request.getmap.formats\n-                    }\n-                    if (layer.infoFormats === undefined && gfi) {\n-                        layer.infoFormats = gfi.formats\n-                    }\n-                }\n-            },\n-            Attribution: function(node, obj) {\n-                obj.attribution = {};\n-                this.readChildNodes(node, obj.attribution)\n-            },\n-            LogoURL: function(node, obj) {\n-                obj.logo = {\n-                    width: node.getAttribute(\"width\"),\n-                    height: node.getAttribute(\"height\")\n-                };\n-                this.readChildNodes(node, obj.logo)\n-            },\n-            Style: function(node, obj) {\n-                var style = {};\n-                obj.styles.push(style);\n-                this.readChildNodes(node, style)\n-            },\n-            LegendURL: function(node, obj) {\n-                var legend = {\n-                    width: node.getAttribute(\"width\"),\n-                    height: node.getAttribute(\"height\")\n-                };\n-                obj.legend = legend;\n-                this.readChildNodes(node, legend)\n-            },\n-            MetadataURL: function(node, obj) {\n-                var metadataURL = {\n-                    type: node.getAttribute(\"type\")\n-                };\n-                obj.metadataURLs.push(metadataURL);\n-                this.readChildNodes(node, metadataURL)\n-            },\n-            DataURL: function(node, obj) {\n-                obj.dataURL = {};\n-                this.readChildNodes(node, obj.dataURL)\n-            },\n-            FeatureListURL: function(node, obj) {\n-                obj.featureListURL = {};\n-                this.readChildNodes(node, obj.featureListURL)\n-            },\n-            AuthorityURL: function(node, obj) {\n-                var name = node.getAttribute(\"name\");\n-                var authority = {};\n-                this.readChildNodes(node, authority);\n-                obj.authorityURLs[name] = authority.href\n-            },\n-            Identifier: function(node, obj) {\n-                var authority = node.getAttribute(\"authority\");\n-                obj.identifiers[authority] = this.getChildValue(node)\n-            },\n-            KeywordList: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            SRS: function(node, obj) {\n-                obj.srs[this.getChildValue(node)] = true\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            WMT_MS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Keyword: function(node, obj) {\n-                if (obj.keywords) {\n-                    obj.keywords.push(this.getChildValue(node))\n-                }\n-            },\n-            DescribeLayer: function(node, obj) {\n-                obj.describelayer = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.describelayer)\n-            },\n-            GetLegendGraphic: function(node, obj) {\n-                obj.getlegendgraphic = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getlegendgraphic)\n-            },\n-            GetStyles: function(node, obj) {\n-                obj.getstyles = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.getstyles)\n-            },\n-            PutStyles: function(node, obj) {\n-                obj.putstyles = {\n-                    formats: []\n-                };\n-                this.readChildNodes(node, obj.putstyles)\n-            },\n-            UserDefinedSymbolization: function(node, obj) {\n-                var userSymbols = {\n-                    supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n-                    userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n-                    userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n-                    remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n-                };\n-                obj.userSymbols = userSymbols\n-            },\n-            LatLonBoundingBox: function(node, obj) {\n-                obj.llbbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))]\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                bbox.srs = node.getAttribute(\"SRS\");\n-                obj.bbox[bbox.srs] = bbox\n-            },\n-            ScaleHint: function(node, obj) {\n-                var min = node.getAttribute(\"min\");\n-                var max = node.getAttribute(\"max\");\n-                var rad2 = Math.pow(2, .5);\n-                var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n-                if (min != 0) {\n-                    obj.maxScale = parseFloat((min / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n-                }\n-                if (max != Number.POSITIVE_INFINITY) {\n-                    obj.minScale = parseFloat((max / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n-                }\n-            },\n-            Dimension: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                var dim = {\n-                    name: name,\n-                    units: node.getAttribute(\"units\"),\n-                    unitsymbol: node.getAttribute(\"unitSymbol\")\n-                };\n-                obj.dimensions[dim.name] = dim\n-            },\n-            Extent: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                if (name in obj[\"dimensions\"]) {\n-                    var extent = obj.dimensions[name];\n-                    extent.nearestVal = node.getAttribute(\"nearestValue\") === \"1\";\n-                    extent.multipleVal = node.getAttribute(\"multipleValues\") === \"1\";\n-                    extent.current = node.getAttribute(\"current\") === \"1\";\n-                    extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n-                    var values = this.getChildValue(node);\n-                    extent.values = values.split(\",\")\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            WMS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            LayerLimit: function(node, obj) {\n-                obj.layerLimit = parseInt(this.getChildValue(node))\n-            },\n-            MaxWidth: function(node, obj) {\n-                obj.maxWidth = parseInt(this.getChildValue(node))\n-            },\n-            MaxHeight: function(node, obj) {\n-                obj.maxHeight = parseInt(this.getChildValue(node))\n-            },\n-            BoundingBox: function(node, obj) {\n-                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n-                bbox.srs = node.getAttribute(\"CRS\");\n-                obj.bbox[bbox.srs] = bbox\n-            },\n-            CRS: function(node, obj) {\n-                this.readers.wms.SRS.apply(this, [node, obj])\n-            },\n-            EX_GeographicBoundingBox: function(node, obj) {\n-                obj.llbbox = [];\n-                this.readChildNodes(node, obj.llbbox)\n-            },\n-            westBoundLongitude: function(node, obj) {\n-                obj[0] = this.getChildValue(node)\n-            },\n-            eastBoundLongitude: function(node, obj) {\n-                obj[2] = this.getChildValue(node)\n-            },\n-            southBoundLatitude: function(node, obj) {\n-                obj[1] = this.getChildValue(node)\n-            },\n-            northBoundLatitude: function(node, obj) {\n-                obj[3] = this.getChildValue(node)\n-            },\n-            MinScaleDenominator: function(node, obj) {\n-                obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n-            },\n-            MaxScaleDenominator: function(node, obj) {\n-                obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n-            },\n-            Dimension: function(node, obj) {\n-                var name = node.getAttribute(\"name\").toLowerCase();\n-                var dim = {\n-                    name: name,\n-                    units: node.getAttribute(\"units\"),\n-                    unitsymbol: node.getAttribute(\"unitSymbol\"),\n-                    nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n-                    multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n-                    default: node.getAttribute(\"default\") || \"\",\n-                    current: node.getAttribute(\"current\") === \"1\",\n-                    values: this.getChildValue(node).split(\",\")\n-                };\n-                obj.dimensions[dim.name] = dim\n-            },\n-            Keyword: function(node, obj) {\n-                var keyword = {\n-                    value: this.getChildValue(node),\n-                    vocabulary: node.getAttribute(\"vocabulary\")\n-                };\n-                if (obj.keywords) {\n-                    obj.keywords.push(keyword)\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n-        sld: {\n-            UserDefinedSymbolization: function(node, obj) {\n-                this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n-                obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n-                obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1\n-            },\n-            DescribeLayer: function(node, obj) {\n-                this.readers.wms.DescribeLayer.apply(this, [node, obj])\n-            },\n-            GetLegendGraphic: function(node, obj) {\n-                this.readers.wms.GetLegendGraphic.apply(this, [node, obj])\n-            }\n-        }\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_3, {\n-    version: \"1.3.0\",\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n-    version: \"1.1.0\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            SRS: function(node, obj) {\n-                var srs = this.getChildValue(node);\n-                var values = srs.split(/ +/);\n-                for (var i = 0, len = values.length; i < len; i++) {\n-                    obj.srs[values[i]] = true\n-                }\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n-    version: \"1.1.1\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            SRS: function(node, obj) {\n-                obj.srs[this.getChildValue(node)] = true\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n-});\n-OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1_1, {\n-    version: \"1.1.1\",\n-    profile: \"WMSC\",\n-    readers: {\n-        wms: OpenLayers.Util.applyDefaults({\n-            VendorSpecificCapabilities: function(node, obj) {\n-                obj.vendorSpecific = {\n-                    tileSets: []\n-                };\n-                this.readChildNodes(node, obj.vendorSpecific)\n-            },\n-            TileSet: function(node, vendorSpecific) {\n-                var tileset = {\n-                    srs: {},\n-                    bbox: {},\n-                    resolutions: []\n-                };\n-                this.readChildNodes(node, tileset);\n-                vendorSpecific.tileSets.push(tileset)\n-            },\n-            Resolutions: function(node, tileset) {\n-                var res = this.getChildValue(node).split(\" \");\n-                for (var i = 0, len = res.length; i < len; i++) {\n-                    if (res[i] != \"\") {\n-                        tileset.resolutions.push(parseFloat(res[i]))\n-                    }\n-                }\n-            },\n-            Width: function(node, tileset) {\n-                tileset.width = parseInt(this.getChildValue(node))\n-            },\n-            Height: function(node, tileset) {\n-                tileset.height = parseInt(this.getChildValue(node))\n-            },\n-            Layers: function(node, tileset) {\n-                tileset.layers = this.getChildValue(node)\n-            },\n-            Styles: function(node, tileset) {\n-                tileset.styles = this.getChildValue(node)\n-            }\n-        }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n-});\n-OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n-    read: function(data) {\n-        var axl = new OpenLayers.Format.ArcXML;\n-        var parsed = axl.read(data);\n-        return parsed.features.feature\n-    }\n-});\n OpenLayers.Format.WMC.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n         ol: \"http://openlayers.org/context\",\n         wmc: \"http://www.opengis.net/context\",\n         sld: \"http://www.opengis.net/sld\",\n         xlink: \"http://www.w3.org/1999/xlink\",\n         xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n@@ -37133,197 +33562,757 @@\n         for (var dim in context.dimensions) {\n             var attributes = {};\n             var dimension = context.dimensions[dim];\n             for (var name in dimension) {\n                 if (typeof dimension[name] == \"boolean\") {\n                     attributes[name] = Number(dimension[name])\n                 } else {\n-                    attributes[name] = dimension[name]\n+                    attributes[name] = dimension[name]\n+                }\n+            }\n+            var values = \"\";\n+            if (attributes.values) {\n+                values = attributes.values.join(\",\");\n+                delete attributes.values\n+            }\n+            node.appendChild(this.createElementDefaultNS(\"Dimension\", values, attributes))\n+        }\n+        return node\n+    },\n+    write_wmc_FormatList: function(context) {\n+        var node = this.createElementDefaultNS(\"FormatList\");\n+        for (var i = 0, len = context.formats.length; i < len; i++) {\n+            var format = context.formats[i];\n+            node.appendChild(this.createElementDefaultNS(\"Format\", format.value, format.current && format.current == true ? {\n+                current: \"1\"\n+            } : null))\n+        }\n+        return node\n+    },\n+    write_wmc_StyleList: function(layer) {\n+        var node = this.createElementDefaultNS(\"StyleList\");\n+        var styles = layer.styles;\n+        if (styles && OpenLayers.Util.isArray(styles)) {\n+            var sld;\n+            for (var i = 0, len = styles.length; i < len; i++) {\n+                var s = styles[i];\n+                var style = this.createElementDefaultNS(\"Style\", null, s.current && s.current == true ? {\n+                    current: \"1\"\n+                } : null);\n+                if (s.href) {\n+                    sld = this.createElementDefaultNS(\"SLD\");\n+                    if (s.name) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name))\n+                    }\n+                    if (s.title) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title))\n+                    }\n+                    if (s.legend) {\n+                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n+                    }\n+                    var link = this.write_wmc_OnlineResource(s.href);\n+                    sld.appendChild(link);\n+                    style.appendChild(sld)\n+                } else if (s.body) {\n+                    sld = this.createElementDefaultNS(\"SLD\");\n+                    if (s.name) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name))\n+                    }\n+                    if (s.title) {\n+                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title))\n+                    }\n+                    if (s.legend) {\n+                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n+                    }\n+                    var doc = OpenLayers.Format.XML.prototype.read.apply(this, [s.body]);\n+                    var imported = doc.documentElement;\n+                    if (sld.ownerDocument && sld.ownerDocument.importNode) {\n+                        imported = sld.ownerDocument.importNode(imported, true)\n+                    }\n+                    sld.appendChild(imported);\n+                    style.appendChild(sld)\n+                } else {\n+                    style.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n+                    style.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n+                    if (s[\"abstract\"]) {\n+                        style.appendChild(this.createElementDefaultNS(\"Abstract\", s[\"abstract\"]))\n+                    }\n+                    if (s.legend) {\n+                        style.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n+                    }\n+                }\n+                node.appendChild(style)\n+            }\n+        }\n+        return node\n+    },\n+    write_wmc_OnlineResource: function(href) {\n+        var node = this.createElementDefaultNS(\"OnlineResource\");\n+        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:type\", \"simple\");\n+        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:href\", href);\n+        return node\n+    },\n+    getOnlineResource_href: function(node) {\n+        var object = {};\n+        var links = node.getElementsByTagName(\"OnlineResource\");\n+        if (links.length > 0) {\n+            this.read_wmc_OnlineResource(object, links[0])\n+        }\n+        return object.href\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n+});\n+OpenLayers.Format.WMC.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n+    VERSION: \"1.1.0\",\n+    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.1.0/context.xsd\",\n+    initialize: function(options) {\n+        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n+    },\n+    read_sld_MinScaleDenominator: function(layerContext, node) {\n+        var minScaleDenominator = parseFloat(this.getChildValue(node));\n+        if (minScaleDenominator > 0) {\n+            layerContext.maxScale = minScaleDenominator\n+        }\n+    },\n+    read_sld_MaxScaleDenominator: function(layerContext, node) {\n+        layerContext.minScale = parseFloat(this.getChildValue(node))\n+    },\n+    read_wmc_SRS: function(layerContext, node) {\n+        if (!(\"srs\" in layerContext)) {\n+            layerContext.srs = {}\n+        }\n+        layerContext.srs[this.getChildValue(node)] = true\n+    },\n+    write_wmc_Layer: function(context) {\n+        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n+        if (context.maxScale) {\n+            var minSD = this.createElementNS(this.namespaces.sld, \"sld:MinScaleDenominator\");\n+            minSD.appendChild(this.createTextNode(context.maxScale.toPrecision(16)));\n+            node.appendChild(minSD)\n+        }\n+        if (context.minScale) {\n+            var maxSD = this.createElementNS(this.namespaces.sld, \"sld:MaxScaleDenominator\");\n+            maxSD.appendChild(this.createTextNode(context.minScale.toPrecision(16)));\n+            node.appendChild(maxSD)\n+        }\n+        if (context.srs) {\n+            for (var name in context.srs) {\n+                node.appendChild(this.createElementDefaultNS(\"SRS\", name))\n+            }\n+        }\n+        node.appendChild(this.write_wmc_FormatList(context));\n+        node.appendChild(this.write_wmc_StyleList(context));\n+        if (context.dimensions) {\n+            node.appendChild(this.write_wmc_DimensionList(context))\n+        }\n+        node.appendChild(this.write_wmc_LayerExtension(context));\n+        return node\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n+});\n+OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n+    VERSION: \"1.0.0\",\n+    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n+    initialize: function(options) {\n+        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n+    },\n+    read_wmc_SRS: function(layerContext, node) {\n+        var srs = this.getChildValue(node);\n+        if (typeof layerContext.projections != \"object\") {\n+            layerContext.projections = {}\n+        }\n+        var values = srs.split(/ +/);\n+        for (var i = 0, len = values.length; i < len; i++) {\n+            layerContext.projections[values[i]] = true\n+        }\n+    },\n+    write_wmc_Layer: function(context) {\n+        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n+        if (context.srs) {\n+            var projections = [];\n+            for (var name in context.srs) {\n+                projections.push(name)\n+            }\n+            node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")))\n+        }\n+        node.appendChild(this.write_wmc_FormatList(context));\n+        node.appendChild(this.write_wmc_StyleList(context));\n+        if (context.dimensions) {\n+            node.appendChild(this.write_wmc_DimensionList(context))\n+        }\n+        node.appendChild(this.write_wmc_LayerExtension(context))\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n+    namespaces: {\n+        wms: \"http://www.opengis.net/wms\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n+    },\n+    defaultPrefix: \"wms\",\n+    read: function(data) {\n+        if (typeof data == \"string\") {\n+            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        }\n+        var raw = data;\n+        if (data && data.nodeType == 9) {\n+            data = data.documentElement\n+        }\n+        var capabilities = {};\n+        this.readNode(data, capabilities);\n+        if (capabilities.service === undefined) {\n+            var parser = new OpenLayers.Format.OGCExceptionReport;\n+            capabilities.error = parser.read(raw)\n+        }\n+        return capabilities\n+    },\n+    readers: {\n+        wms: {\n+            Service: function(node, obj) {\n+                obj.service = {};\n+                this.readChildNodes(node, obj.service)\n+            },\n+            Name: function(node, obj) {\n+                obj.name = this.getChildValue(node)\n+            },\n+            Title: function(node, obj) {\n+                obj.title = this.getChildValue(node)\n+            },\n+            Abstract: function(node, obj) {\n+                obj[\"abstract\"] = this.getChildValue(node)\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = {};\n+                bbox.bbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))];\n+                var res = {\n+                    x: parseFloat(node.getAttribute(\"resx\")),\n+                    y: parseFloat(node.getAttribute(\"resy\"))\n+                };\n+                if (!(isNaN(res.x) && isNaN(res.y))) {\n+                    bbox.res = res\n+                }\n+                return bbox\n+            },\n+            OnlineResource: function(node, obj) {\n+                obj.href = this.getAttributeNS(node, this.namespaces.xlink, \"href\")\n+            },\n+            ContactInformation: function(node, obj) {\n+                obj.contactInformation = {};\n+                this.readChildNodes(node, obj.contactInformation)\n+            },\n+            ContactPersonPrimary: function(node, obj) {\n+                obj.personPrimary = {};\n+                this.readChildNodes(node, obj.personPrimary)\n+            },\n+            ContactPerson: function(node, obj) {\n+                obj.person = this.getChildValue(node)\n+            },\n+            ContactOrganization: function(node, obj) {\n+                obj.organization = this.getChildValue(node)\n+            },\n+            ContactPosition: function(node, obj) {\n+                obj.position = this.getChildValue(node)\n+            },\n+            ContactAddress: function(node, obj) {\n+                obj.contactAddress = {};\n+                this.readChildNodes(node, obj.contactAddress)\n+            },\n+            AddressType: function(node, obj) {\n+                obj.type = this.getChildValue(node)\n+            },\n+            Address: function(node, obj) {\n+                obj.address = this.getChildValue(node)\n+            },\n+            City: function(node, obj) {\n+                obj.city = this.getChildValue(node)\n+            },\n+            StateOrProvince: function(node, obj) {\n+                obj.stateOrProvince = this.getChildValue(node)\n+            },\n+            PostCode: function(node, obj) {\n+                obj.postcode = this.getChildValue(node)\n+            },\n+            Country: function(node, obj) {\n+                obj.country = this.getChildValue(node)\n+            },\n+            ContactVoiceTelephone: function(node, obj) {\n+                obj.phone = this.getChildValue(node)\n+            },\n+            ContactFacsimileTelephone: function(node, obj) {\n+                obj.fax = this.getChildValue(node)\n+            },\n+            ContactElectronicMailAddress: function(node, obj) {\n+                obj.email = this.getChildValue(node)\n+            },\n+            Fees: function(node, obj) {\n+                var fees = this.getChildValue(node);\n+                if (fees && fees.toLowerCase() != \"none\") {\n+                    obj.fees = fees\n+                }\n+            },\n+            AccessConstraints: function(node, obj) {\n+                var constraints = this.getChildValue(node);\n+                if (constraints && constraints.toLowerCase() != \"none\") {\n+                    obj.accessConstraints = constraints\n+                }\n+            },\n+            Capability: function(node, obj) {\n+                obj.capability = {\n+                    nestedLayers: [],\n+                    layers: []\n+                };\n+                this.readChildNodes(node, obj.capability)\n+            },\n+            Request: function(node, obj) {\n+                obj.request = {};\n+                this.readChildNodes(node, obj.request)\n+            },\n+            GetCapabilities: function(node, obj) {\n+                obj.getcapabilities = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getcapabilities)\n+            },\n+            Format: function(node, obj) {\n+                if (OpenLayers.Util.isArray(obj.formats)) {\n+                    obj.formats.push(this.getChildValue(node))\n+                } else {\n+                    obj.format = this.getChildValue(node)\n+                }\n+            },\n+            DCPType: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            HTTP: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Get: function(node, obj) {\n+                obj.get = {};\n+                this.readChildNodes(node, obj.get);\n+                if (!obj.href) {\n+                    obj.href = obj.get.href\n+                }\n+            },\n+            Post: function(node, obj) {\n+                obj.post = {};\n+                this.readChildNodes(node, obj.post);\n+                if (!obj.href) {\n+                    obj.href = obj.get.href\n+                }\n+            },\n+            GetMap: function(node, obj) {\n+                obj.getmap = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getmap)\n+            },\n+            GetFeatureInfo: function(node, obj) {\n+                obj.getfeatureinfo = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getfeatureinfo)\n+            },\n+            Exception: function(node, obj) {\n+                obj.exception = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.exception)\n+            },\n+            Layer: function(node, obj) {\n+                var parentLayer, capability;\n+                if (obj.capability) {\n+                    capability = obj.capability;\n+                    parentLayer = obj\n+                } else {\n+                    capability = obj\n                 }\n-            }\n-            var values = \"\";\n-            if (attributes.values) {\n-                values = attributes.values.join(\",\");\n-                delete attributes.values\n-            }\n-            node.appendChild(this.createElementDefaultNS(\"Dimension\", values, attributes))\n-        }\n-        return node\n-    },\n-    write_wmc_FormatList: function(context) {\n-        var node = this.createElementDefaultNS(\"FormatList\");\n-        for (var i = 0, len = context.formats.length; i < len; i++) {\n-            var format = context.formats[i];\n-            node.appendChild(this.createElementDefaultNS(\"Format\", format.value, format.current && format.current == true ? {\n-                current: \"1\"\n-            } : null))\n-        }\n-        return node\n-    },\n-    write_wmc_StyleList: function(layer) {\n-        var node = this.createElementDefaultNS(\"StyleList\");\n-        var styles = layer.styles;\n-        if (styles && OpenLayers.Util.isArray(styles)) {\n-            var sld;\n-            for (var i = 0, len = styles.length; i < len; i++) {\n-                var s = styles[i];\n-                var style = this.createElementDefaultNS(\"Style\", null, s.current && s.current == true ? {\n-                    current: \"1\"\n-                } : null);\n-                if (s.href) {\n-                    sld = this.createElementDefaultNS(\"SLD\");\n-                    if (s.name) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name))\n-                    }\n-                    if (s.title) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title))\n-                    }\n-                    if (s.legend) {\n-                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n-                    }\n-                    var link = this.write_wmc_OnlineResource(s.href);\n-                    sld.appendChild(link);\n-                    style.appendChild(sld)\n-                } else if (s.body) {\n-                    sld = this.createElementDefaultNS(\"SLD\");\n-                    if (s.name) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Name\", s.name))\n-                    }\n-                    if (s.title) {\n-                        sld.appendChild(this.createElementDefaultNS(\"Title\", s.title))\n-                    }\n-                    if (s.legend) {\n-                        sld.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n-                    }\n-                    var doc = OpenLayers.Format.XML.prototype.read.apply(this, [s.body]);\n-                    var imported = doc.documentElement;\n-                    if (sld.ownerDocument && sld.ownerDocument.importNode) {\n-                        imported = sld.ownerDocument.importNode(imported, true)\n+                var attrNode = node.getAttributeNode(\"queryable\");\n+                var queryable = attrNode && attrNode.specified ? node.getAttribute(\"queryable\") : null;\n+                attrNode = node.getAttributeNode(\"cascaded\");\n+                var cascaded = attrNode && attrNode.specified ? node.getAttribute(\"cascaded\") : null;\n+                attrNode = node.getAttributeNode(\"opaque\");\n+                var opaque = attrNode && attrNode.specified ? node.getAttribute(\"opaque\") : null;\n+                var noSubsets = node.getAttribute(\"noSubsets\");\n+                var fixedWidth = node.getAttribute(\"fixedWidth\");\n+                var fixedHeight = node.getAttribute(\"fixedHeight\");\n+                var parent = parentLayer || {},\n+                    extend = OpenLayers.Util.extend;\n+                var layer = {\n+                    nestedLayers: [],\n+                    styles: parentLayer ? [].concat(parentLayer.styles) : [],\n+                    srs: parentLayer ? extend({}, parent.srs) : {},\n+                    metadataURLs: [],\n+                    bbox: parentLayer ? extend({}, parent.bbox) : {},\n+                    llbbox: parent.llbbox,\n+                    dimensions: parentLayer ? extend({}, parent.dimensions) : {},\n+                    authorityURLs: parentLayer ? extend({}, parent.authorityURLs) : {},\n+                    identifiers: {},\n+                    keywords: [],\n+                    queryable: queryable && queryable !== \"\" ? queryable === \"1\" || queryable === \"true\" : parent.queryable || false,\n+                    cascaded: cascaded !== null ? parseInt(cascaded) : parent.cascaded || 0,\n+                    opaque: opaque ? opaque === \"1\" || opaque === \"true\" : parent.opaque || false,\n+                    noSubsets: noSubsets !== null ? noSubsets === \"1\" || noSubsets === \"true\" : parent.noSubsets || false,\n+                    fixedWidth: fixedWidth != null ? parseInt(fixedWidth) : parent.fixedWidth || 0,\n+                    fixedHeight: fixedHeight != null ? parseInt(fixedHeight) : parent.fixedHeight || 0,\n+                    minScale: parent.minScale,\n+                    maxScale: parent.maxScale,\n+                    attribution: parent.attribution\n+                };\n+                obj.nestedLayers.push(layer);\n+                layer.capability = capability;\n+                this.readChildNodes(node, layer);\n+                delete layer.capability;\n+                if (layer.name) {\n+                    var parts = layer.name.split(\":\"),\n+                        request = capability.request,\n+                        gfi = request.getfeatureinfo;\n+                    if (parts.length > 0) {\n+                        layer.prefix = parts[0]\n                     }\n-                    sld.appendChild(imported);\n-                    style.appendChild(sld)\n-                } else {\n-                    style.appendChild(this.createElementDefaultNS(\"Name\", s.name));\n-                    style.appendChild(this.createElementDefaultNS(\"Title\", s.title));\n-                    if (s[\"abstract\"]) {\n-                        style.appendChild(this.createElementDefaultNS(\"Abstract\", s[\"abstract\"]))\n+                    capability.layers.push(layer);\n+                    if (layer.formats === undefined) {\n+                        layer.formats = request.getmap.formats\n                     }\n-                    if (s.legend) {\n-                        style.appendChild(this.write_wmc_URLType(\"LegendURL\", s.legend.href, s.legend))\n+                    if (layer.infoFormats === undefined && gfi) {\n+                        layer.infoFormats = gfi.formats\n                     }\n                 }\n-                node.appendChild(style)\n+            },\n+            Attribution: function(node, obj) {\n+                obj.attribution = {};\n+                this.readChildNodes(node, obj.attribution)\n+            },\n+            LogoURL: function(node, obj) {\n+                obj.logo = {\n+                    width: node.getAttribute(\"width\"),\n+                    height: node.getAttribute(\"height\")\n+                };\n+                this.readChildNodes(node, obj.logo)\n+            },\n+            Style: function(node, obj) {\n+                var style = {};\n+                obj.styles.push(style);\n+                this.readChildNodes(node, style)\n+            },\n+            LegendURL: function(node, obj) {\n+                var legend = {\n+                    width: node.getAttribute(\"width\"),\n+                    height: node.getAttribute(\"height\")\n+                };\n+                obj.legend = legend;\n+                this.readChildNodes(node, legend)\n+            },\n+            MetadataURL: function(node, obj) {\n+                var metadataURL = {\n+                    type: node.getAttribute(\"type\")\n+                };\n+                obj.metadataURLs.push(metadataURL);\n+                this.readChildNodes(node, metadataURL)\n+            },\n+            DataURL: function(node, obj) {\n+                obj.dataURL = {};\n+                this.readChildNodes(node, obj.dataURL)\n+            },\n+            FeatureListURL: function(node, obj) {\n+                obj.featureListURL = {};\n+                this.readChildNodes(node, obj.featureListURL)\n+            },\n+            AuthorityURL: function(node, obj) {\n+                var name = node.getAttribute(\"name\");\n+                var authority = {};\n+                this.readChildNodes(node, authority);\n+                obj.authorityURLs[name] = authority.href\n+            },\n+            Identifier: function(node, obj) {\n+                var authority = node.getAttribute(\"authority\");\n+                obj.identifiers[authority] = this.getChildValue(node)\n+            },\n+            KeywordList: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            SRS: function(node, obj) {\n+                obj.srs[this.getChildValue(node)] = true\n             }\n         }\n-        return node\n-    },\n-    write_wmc_OnlineResource: function(href) {\n-        var node = this.createElementDefaultNS(\"OnlineResource\");\n-        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:type\", \"simple\");\n-        this.setAttributeNS(node, this.namespaces.xlink, \"xlink:href\", href);\n-        return node\n-    },\n-    getOnlineResource_href: function(node) {\n-        var object = {};\n-        var links = node.getElementsByTagName(\"OnlineResource\");\n-        if (links.length > 0) {\n-            this.read_wmc_OnlineResource(object, links[0])\n-        }\n-        return object.href\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMC.v1\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1\"\n });\n-OpenLayers.Format.WMC.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n-    VERSION: \"1.0.0\",\n-    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.0.0/context.xsd\",\n-    initialize: function(options) {\n-        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n-    },\n-    read_wmc_SRS: function(layerContext, node) {\n-        var srs = this.getChildValue(node);\n-        if (typeof layerContext.projections != \"object\") {\n-            layerContext.projections = {}\n-        }\n-        var values = srs.split(/ +/);\n-        for (var i = 0, len = values.length; i < len; i++) {\n-            layerContext.projections[values[i]] = true\n-        }\n-    },\n-    write_wmc_Layer: function(context) {\n-        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n-        if (context.srs) {\n-            var projections = [];\n-            for (var name in context.srs) {\n-                projections.push(name)\n+OpenLayers.Format.WMSCapabilities.v1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            WMT_MS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            Keyword: function(node, obj) {\n+                if (obj.keywords) {\n+                    obj.keywords.push(this.getChildValue(node))\n+                }\n+            },\n+            DescribeLayer: function(node, obj) {\n+                obj.describelayer = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.describelayer)\n+            },\n+            GetLegendGraphic: function(node, obj) {\n+                obj.getlegendgraphic = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getlegendgraphic)\n+            },\n+            GetStyles: function(node, obj) {\n+                obj.getstyles = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.getstyles)\n+            },\n+            PutStyles: function(node, obj) {\n+                obj.putstyles = {\n+                    formats: []\n+                };\n+                this.readChildNodes(node, obj.putstyles)\n+            },\n+            UserDefinedSymbolization: function(node, obj) {\n+                var userSymbols = {\n+                    supportSLD: parseInt(node.getAttribute(\"SupportSLD\")) == 1,\n+                    userLayer: parseInt(node.getAttribute(\"UserLayer\")) == 1,\n+                    userStyle: parseInt(node.getAttribute(\"UserStyle\")) == 1,\n+                    remoteWFS: parseInt(node.getAttribute(\"RemoteWFS\")) == 1\n+                };\n+                obj.userSymbols = userSymbols\n+            },\n+            LatLonBoundingBox: function(node, obj) {\n+                obj.llbbox = [parseFloat(node.getAttribute(\"minx\")), parseFloat(node.getAttribute(\"miny\")), parseFloat(node.getAttribute(\"maxx\")), parseFloat(node.getAttribute(\"maxy\"))]\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                bbox.srs = node.getAttribute(\"SRS\");\n+                obj.bbox[bbox.srs] = bbox\n+            },\n+            ScaleHint: function(node, obj) {\n+                var min = node.getAttribute(\"min\");\n+                var max = node.getAttribute(\"max\");\n+                var rad2 = Math.pow(2, .5);\n+                var ipm = OpenLayers.INCHES_PER_UNIT[\"m\"];\n+                if (min != 0) {\n+                    obj.maxScale = parseFloat((min / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n+                }\n+                if (max != Number.POSITIVE_INFINITY) {\n+                    obj.minScale = parseFloat((max / rad2 * ipm * OpenLayers.DOTS_PER_INCH).toPrecision(13))\n+                }\n+            },\n+            Dimension: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                var dim = {\n+                    name: name,\n+                    units: node.getAttribute(\"units\"),\n+                    unitsymbol: node.getAttribute(\"unitSymbol\")\n+                };\n+                obj.dimensions[dim.name] = dim\n+            },\n+            Extent: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                if (name in obj[\"dimensions\"]) {\n+                    var extent = obj.dimensions[name];\n+                    extent.nearestVal = node.getAttribute(\"nearestValue\") === \"1\";\n+                    extent.multipleVal = node.getAttribute(\"multipleValues\") === \"1\";\n+                    extent.current = node.getAttribute(\"current\") === \"1\";\n+                    extent[\"default\"] = node.getAttribute(\"default\") || \"\";\n+                    var values = this.getChildValue(node);\n+                    extent.values = values.split(\",\")\n+                }\n             }\n-            node.appendChild(this.createElementDefaultNS(\"SRS\", projections.join(\" \")))\n-        }\n-        node.appendChild(this.write_wmc_FormatList(context));\n-        node.appendChild(this.write_wmc_StyleList(context));\n-        if (context.dimensions) {\n-            node.appendChild(this.write_wmc_DimensionList(context))\n-        }\n-        node.appendChild(this.write_wmc_LayerExtension(context))\n+        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"])\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMC.v1_0_0\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1\"\n });\n-OpenLayers.Format.WMC.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMC.v1, {\n-    VERSION: \"1.1.0\",\n-    schemaLocation: \"http://www.opengis.net/context http://schemas.opengis.net/context/1.1.0/context.xsd\",\n-    initialize: function(options) {\n-        OpenLayers.Format.WMC.v1.prototype.initialize.apply(this, [options])\n-    },\n-    read_sld_MinScaleDenominator: function(layerContext, node) {\n-        var minScaleDenominator = parseFloat(this.getChildValue(node));\n-        if (minScaleDenominator > 0) {\n-            layerContext.maxScale = minScaleDenominator\n-        }\n+OpenLayers.Format.WMSCapabilities.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n+    version: \"1.1.1\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            SRS: function(node, obj) {\n+                obj.srs[this.getChildValue(node)] = true\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n     },\n-    read_sld_MaxScaleDenominator: function(layerContext, node) {\n-        layerContext.minScale = parseFloat(this.getChildValue(node))\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1_1, {\n+    version: \"1.1.1\",\n+    profile: \"WMSC\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            VendorSpecificCapabilities: function(node, obj) {\n+                obj.vendorSpecific = {\n+                    tileSets: []\n+                };\n+                this.readChildNodes(node, obj.vendorSpecific)\n+            },\n+            TileSet: function(node, vendorSpecific) {\n+                var tileset = {\n+                    srs: {},\n+                    bbox: {},\n+                    resolutions: []\n+                };\n+                this.readChildNodes(node, tileset);\n+                vendorSpecific.tileSets.push(tileset)\n+            },\n+            Resolutions: function(node, tileset) {\n+                var res = this.getChildValue(node).split(\" \");\n+                for (var i = 0, len = res.length; i < len; i++) {\n+                    if (res[i] != \"\") {\n+                        tileset.resolutions.push(parseFloat(res[i]))\n+                    }\n+                }\n+            },\n+            Width: function(node, tileset) {\n+                tileset.width = parseInt(this.getChildValue(node))\n+            },\n+            Height: function(node, tileset) {\n+                tileset.height = parseInt(this.getChildValue(node))\n+            },\n+            Layers: function(node, tileset) {\n+                tileset.layers = this.getChildValue(node)\n+            },\n+            Styles: function(node, tileset) {\n+                tileset.styles = this.getChildValue(node)\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1_1_1.prototype.readers[\"wms\"])\n     },\n-    read_wmc_SRS: function(layerContext, node) {\n-        if (!(\"srs\" in layerContext)) {\n-            layerContext.srs = {}\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_1_WMSC\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_3 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1, {\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            WMS_Capabilities: function(node, obj) {\n+                this.readChildNodes(node, obj)\n+            },\n+            LayerLimit: function(node, obj) {\n+                obj.layerLimit = parseInt(this.getChildValue(node))\n+            },\n+            MaxWidth: function(node, obj) {\n+                obj.maxWidth = parseInt(this.getChildValue(node))\n+            },\n+            MaxHeight: function(node, obj) {\n+                obj.maxHeight = parseInt(this.getChildValue(node))\n+            },\n+            BoundingBox: function(node, obj) {\n+                var bbox = OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"].BoundingBox.apply(this, [node, obj]);\n+                bbox.srs = node.getAttribute(\"CRS\");\n+                obj.bbox[bbox.srs] = bbox\n+            },\n+            CRS: function(node, obj) {\n+                this.readers.wms.SRS.apply(this, [node, obj])\n+            },\n+            EX_GeographicBoundingBox: function(node, obj) {\n+                obj.llbbox = [];\n+                this.readChildNodes(node, obj.llbbox)\n+            },\n+            westBoundLongitude: function(node, obj) {\n+                obj[0] = this.getChildValue(node)\n+            },\n+            eastBoundLongitude: function(node, obj) {\n+                obj[2] = this.getChildValue(node)\n+            },\n+            southBoundLatitude: function(node, obj) {\n+                obj[1] = this.getChildValue(node)\n+            },\n+            northBoundLatitude: function(node, obj) {\n+                obj[3] = this.getChildValue(node)\n+            },\n+            MinScaleDenominator: function(node, obj) {\n+                obj.maxScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n+            },\n+            MaxScaleDenominator: function(node, obj) {\n+                obj.minScale = parseFloat(this.getChildValue(node)).toPrecision(16)\n+            },\n+            Dimension: function(node, obj) {\n+                var name = node.getAttribute(\"name\").toLowerCase();\n+                var dim = {\n+                    name: name,\n+                    units: node.getAttribute(\"units\"),\n+                    unitsymbol: node.getAttribute(\"unitSymbol\"),\n+                    nearestVal: node.getAttribute(\"nearestValue\") === \"1\",\n+                    multipleVal: node.getAttribute(\"multipleValues\") === \"1\",\n+                    default: node.getAttribute(\"default\") || \"\",\n+                    current: node.getAttribute(\"current\") === \"1\",\n+                    values: this.getChildValue(node).split(\",\")\n+                };\n+                obj.dimensions[dim.name] = dim\n+            },\n+            Keyword: function(node, obj) {\n+                var keyword = {\n+                    value: this.getChildValue(node),\n+                    vocabulary: node.getAttribute(\"vocabulary\")\n+                };\n+                if (obj.keywords) {\n+                    obj.keywords.push(keyword)\n+                }\n+            }\n+        }, OpenLayers.Format.WMSCapabilities.v1.prototype.readers[\"wms\"]),\n+        sld: {\n+            UserDefinedSymbolization: function(node, obj) {\n+                this.readers.wms.UserDefinedSymbolization.apply(this, [node, obj]);\n+                obj.userSymbols.inlineFeature = parseInt(node.getAttribute(\"InlineFeature\")) == 1;\n+                obj.userSymbols.remoteWCS = parseInt(node.getAttribute(\"RemoteWCS\")) == 1\n+            },\n+            DescribeLayer: function(node, obj) {\n+                this.readers.wms.DescribeLayer.apply(this, [node, obj])\n+            },\n+            GetLegendGraphic: function(node, obj) {\n+                this.readers.wms.GetLegendGraphic.apply(this, [node, obj])\n+            }\n         }\n-        layerContext.srs[this.getChildValue(node)] = true\n     },\n-    write_wmc_Layer: function(context) {\n-        var node = OpenLayers.Format.WMC.v1.prototype.write_wmc_Layer.apply(this, [context]);\n-        if (context.maxScale) {\n-            var minSD = this.createElementNS(this.namespaces.sld, \"sld:MinScaleDenominator\");\n-            minSD.appendChild(this.createTextNode(context.maxScale.toPrecision(16)));\n-            node.appendChild(minSD)\n-        }\n-        if (context.minScale) {\n-            var maxSD = this.createElementNS(this.namespaces.sld, \"sld:MaxScaleDenominator\");\n-            maxSD.appendChild(this.createTextNode(context.minScale.toPrecision(16)));\n-            node.appendChild(maxSD)\n-        }\n-        if (context.srs) {\n-            for (var name in context.srs) {\n-                node.appendChild(this.createElementDefaultNS(\"SRS\", name))\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3\"\n+});\n+OpenLayers.Format.WMSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_1, {\n+    version: \"1.1.0\",\n+    readers: {\n+        wms: OpenLayers.Util.applyDefaults({\n+            SRS: function(node, obj) {\n+                var srs = this.getChildValue(node);\n+                var values = srs.split(/ +/);\n+                for (var i = 0, len = values.length; i < len; i++) {\n+                    obj.srs[values[i]] = true\n+                }\n             }\n-        }\n-        node.appendChild(this.write_wmc_FormatList(context));\n-        node.appendChild(this.write_wmc_StyleList(context));\n-        if (context.dimensions) {\n-            node.appendChild(this.write_wmc_DimensionList(context))\n-        }\n-        node.appendChild(this.write_wmc_LayerExtension(context));\n-        return node\n+        }, OpenLayers.Format.WMSCapabilities.v1_1.prototype.readers[\"wms\"])\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMC.v1_1_0\"\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_1_0\"\n });\n-OpenLayers.Format.WPSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.XML, {\n+OpenLayers.Format.WMSCapabilities.v1_3_0 = OpenLayers.Class(OpenLayers.Format.WMSCapabilities.v1_3, {\n+    version: \"1.3.0\",\n+    CLASS_NAME: \"OpenLayers.Format.WMSCapabilities.v1_3_0\"\n+});\n+OpenLayers.Format.CSWGetRecords.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n     namespaces: {\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        wps: \"http://www.opengis.net/wps/1.0.0\",\n-        xlink: \"http://www.w3.org/1999/xlink\"\n+        csw: \"http://www.opengis.net/cat/csw/2.0.2\",\n+        dc: \"http://purl.org/dc/elements/1.1/\",\n+        dct: \"http://purl.org/dc/terms/\",\n+        gmd: \"http://www.isotc211.org/2005/gmd\",\n+        geonet: \"http://www.fao.org/geonetwork\",\n+        ogc: \"http://www.opengis.net/ogc\",\n+        ows: \"http://www.opengis.net/ows\",\n+        xlink: \"http://www.w3.org/1999/xlink\",\n+        xsi: \"http://www.w3.org/2001/XMLSchema-instance\"\n     },\n+    defaultPrefix: \"csw\",\n+    version: \"2.0.2\",\n+    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n+    requestId: null,\n+    resultType: null,\n+    outputFormat: null,\n+    outputSchema: null,\n+    startPosition: null,\n+    maxRecords: null,\n+    DistributedSearch: null,\n+    ResponseHandler: null,\n+    Query: null,\n     regExes: {\n         trimSpace: /^\\s*|\\s*$/g,\n         removeSpace: /\\s*/g,\n         splitSpace: /\\s+/,\n         trimComma: /\\s*,\\s*/g\n     },\n     initialize: function(options) {\n@@ -37332,55 +34321,252 @@\n     read: function(data) {\n         if (typeof data == \"string\") {\n             data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n         }\n         if (data && data.nodeType == 9) {\n             data = data.documentElement\n         }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n+        var obj = {};\n+        this.readNode(data, obj);\n+        return obj\n     },\n     readers: {\n-        wps: {\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n+        csw: {\n+            GetRecordsResponse: function(node, obj) {\n+                obj.records = [];\n+                this.readChildNodes(node, obj);\n+                var version = this.getAttributeNS(node, \"\", \"version\");\n+                if (version != \"\") {\n+                    obj.version = version\n+                }\n             },\n-            ProcessOfferings: function(node, obj) {\n-                obj.processOfferings = {};\n-                this.readChildNodes(node, obj.processOfferings)\n+            RequestId: function(node, obj) {\n+                obj.RequestId = this.getChildValue(node)\n             },\n-            Process: function(node, processOfferings) {\n-                var processVersion = this.getAttributeNS(node, this.namespaces.wps, \"processVersion\");\n-                var process = {\n-                    processVersion: processVersion\n+            SearchStatus: function(node, obj) {\n+                obj.SearchStatus = {};\n+                var timestamp = this.getAttributeNS(node, \"\", \"timestamp\");\n+                if (timestamp != \"\") {\n+                    obj.SearchStatus.timestamp = timestamp\n+                }\n+            },\n+            SearchResults: function(node, obj) {\n+                this.readChildNodes(node, obj);\n+                var attrs = node.attributes;\n+                var SearchResults = {};\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    if (attrs[i].name == \"numberOfRecordsMatched\" || attrs[i].name == \"numberOfRecordsReturned\" || attrs[i].name == \"nextRecord\") {\n+                        SearchResults[attrs[i].name] = parseInt(attrs[i].nodeValue)\n+                    } else {\n+                        SearchResults[attrs[i].name] = attrs[i].nodeValue\n+                    }\n+                }\n+                obj.SearchResults = SearchResults\n+            },\n+            SummaryRecord: function(node, obj) {\n+                var record = {\n+                    type: \"SummaryRecord\"\n                 };\n-                this.readChildNodes(node, process);\n-                processOfferings[process.identifier] = process\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Languages: function(node, obj) {\n-                obj.languages = [];\n-                this.readChildNodes(node, obj.languages)\n+            BriefRecord: function(node, obj) {\n+                var record = {\n+                    type: \"BriefRecord\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Default: function(node, languages) {\n-                var language = {\n-                    isDefault: true\n+            DCMIRecord: function(node, obj) {\n+                var record = {\n+                    type: \"DCMIRecord\"\n                 };\n-                this.readChildNodes(node, language);\n-                languages.push(language)\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n             },\n-            Supported: function(node, languages) {\n-                var language = {};\n-                this.readChildNodes(node, language);\n-                languages.push(language)\n+            Record: function(node, obj) {\n+                var record = {\n+                    type: \"Record\"\n+                };\n+                this.readChildNodes(node, record);\n+                obj.records.push(record)\n+            },\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                obj[name] = this.getChildValue(node)\n             }\n         },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        geonet: {\n+            info: function(node, obj) {\n+                var gninfo = {};\n+                this.readChildNodes(node, gninfo);\n+                obj.gninfo = gninfo\n+            }\n+        },\n+        dc: {\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!OpenLayers.Util.isArray(obj[name])) {\n+                    obj[name] = []\n+                }\n+                var dc_element = {};\n+                var attrs = node.attributes;\n+                for (var i = 0, len = attrs.length; i < len; ++i) {\n+                    dc_element[attrs[i].name] = attrs[i].nodeValue\n+                }\n+                dc_element.value = this.getChildValue(node);\n+                if (dc_element.value != \"\") {\n+                    obj[name].push(dc_element)\n+                }\n+            }\n+        },\n+        dct: {\n+            \"*\": function(node, obj) {\n+                var name = node.localName || node.nodeName.split(\":\").pop();\n+                if (!OpenLayers.Util.isArray(obj[name])) {\n+                    obj[name] = []\n+                }\n+                obj[name].push(this.getChildValue(node))\n+            }\n+        },\n+        ows: OpenLayers.Util.applyDefaults({\n+            BoundingBox: function(node, obj) {\n+                if (obj.bounds) {\n+                    obj.BoundingBox = [{\n+                        crs: obj.projection,\n+                        value: [obj.bounds.left, obj.bounds.bottom, obj.bounds.right, obj.bounds.top]\n+                    }];\n+                    delete obj.projection;\n+                    delete obj.bounds\n+                }\n+                OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"][\"BoundingBox\"].apply(this, arguments)\n+            }\n+        }, OpenLayers.Format.OWSCommon.v1_0_0.prototype.readers[\"ows\"])\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WPSCapabilities.v1_0_0\"\n+    write: function(options) {\n+        var node = this.writeNode(\"csw:GetRecords\", options);\n+        node.setAttribute(\"xmlns:gmd\", this.namespaces.gmd);\n+        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    },\n+    writers: {\n+        csw: {\n+            GetRecords: function(options) {\n+                if (!options) {\n+                    options = {}\n+                }\n+                var node = this.createElementNSPlus(\"csw:GetRecords\", {\n+                    attributes: {\n+                        service: \"CSW\",\n+                        version: this.version,\n+                        requestId: options.requestId || this.requestId,\n+                        resultType: options.resultType || this.resultType,\n+                        outputFormat: options.outputFormat || this.outputFormat,\n+                        outputSchema: options.outputSchema || this.outputSchema,\n+                        startPosition: options.startPosition || this.startPosition,\n+                        maxRecords: options.maxRecords || this.maxRecords\n+                    }\n+                });\n+                if (options.DistributedSearch || this.DistributedSearch) {\n+                    this.writeNode(\"csw:DistributedSearch\", options.DistributedSearch || this.DistributedSearch, node)\n+                }\n+                var ResponseHandler = options.ResponseHandler || this.ResponseHandler;\n+                if (OpenLayers.Util.isArray(ResponseHandler) && ResponseHandler.length > 0) {\n+                    for (var i = 0, len = ResponseHandler.length; i < len; i++) {\n+                        this.writeNode(\"csw:ResponseHandler\", ResponseHandler[i], node)\n+                    }\n+                }\n+                this.writeNode(\"Query\", options.Query || this.Query, node);\n+                return node\n+            },\n+            DistributedSearch: function(options) {\n+                var node = this.createElementNSPlus(\"csw:DistributedSearch\", {\n+                    attributes: {\n+                        hopCount: options.hopCount\n+                    }\n+                });\n+                return node\n+            },\n+            ResponseHandler: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ResponseHandler\", {\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            Query: function(options) {\n+                if (!options) {\n+                    options = {}\n+                }\n+                var node = this.createElementNSPlus(\"csw:Query\", {\n+                    attributes: {\n+                        typeNames: options.typeNames || \"csw:Record\"\n+                    }\n+                });\n+                var ElementName = options.ElementName;\n+                if (OpenLayers.Util.isArray(ElementName) && ElementName.length > 0) {\n+                    for (var i = 0, len = ElementName.length; i < len; i++) {\n+                        this.writeNode(\"csw:ElementName\", ElementName[i], node)\n+                    }\n+                } else {\n+                    this.writeNode(\"csw:ElementSetName\", options.ElementSetName || {\n+                        value: \"summary\"\n+                    }, node)\n+                }\n+                if (options.Constraint) {\n+                    this.writeNode(\"csw:Constraint\", options.Constraint, node)\n+                }\n+                if (options.SortBy) {\n+                    this.writeNode(\"ogc:SortBy\", options.SortBy, node)\n+                }\n+                return node\n+            },\n+            ElementName: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementName\", {\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            ElementSetName: function(options) {\n+                var node = this.createElementNSPlus(\"csw:ElementSetName\", {\n+                    attributes: {\n+                        typeNames: options.typeNames\n+                    },\n+                    value: options.value\n+                });\n+                return node\n+            },\n+            Constraint: function(options) {\n+                var node = this.createElementNSPlus(\"csw:Constraint\", {\n+                    attributes: {\n+                        version: options.version\n+                    }\n+                });\n+                if (options.Filter) {\n+                    var format = new OpenLayers.Format.Filter({\n+                        version: options.version\n+                    });\n+                    node.appendChild(format.write(options.Filter))\n+                } else if (options.CqlText) {\n+                    var child = this.createElementNSPlus(\"CqlText\", {\n+                        value: options.CqlText.value\n+                    });\n+                    node.appendChild(child)\n+                }\n+                return node\n+            }\n+        },\n+        ogc: OpenLayers.Format.Filter.v1_1_0.prototype.writers[\"ogc\"]\n+    },\n+    CLASS_NAME: \"OpenLayers.Format.CSWGetRecords.v2_0_2\"\n+});\n+OpenLayers.Format.ArcXML.Features = OpenLayers.Class(OpenLayers.Format.XML, {\n+    read: function(data) {\n+        var axl = new OpenLayers.Format.ArcXML;\n+        var parsed = axl.read(data);\n+        return parsed.features.feature\n+    }\n });\n OpenLayers.Format.WMTSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.OWSCommon.v1_1_0, {\n     version: \"1.0.0\",\n     namespaces: {\n         ows: \"http://www.opengis.net/ows/1.1\",\n         wmts: \"http://www.opengis.net/wmts/1.0\",\n         xlink: \"http://www.w3.org/1999/xlink\"\n@@ -37528,901 +34714,682 @@\n                 obj.values.push(this.getChildValue(node))\n             }\n         },\n         ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n     },\n     CLASS_NAME: \"OpenLayers.Format.WMTSCapabilities.v1_0_0\"\n });\n-OpenLayers.Format.WMSDescribeLayer.v1_1_1 = OpenLayers.Class(OpenLayers.Format.WMSDescribeLayer, {\n-    initialize: function(options) {\n-        OpenLayers.Format.WMSDescribeLayer.prototype.initialize.apply(this, [options])\n+OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n+    distance: 20,\n+    threshold: null,\n+    features: null,\n+    clusters: null,\n+    clustering: false,\n+    resolution: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                beforefeaturesadded: this.cacheFeatures,\n+                featuresremoved: this.clearCache,\n+                moveend: this.cluster,\n+                scope: this\n+            })\n+        }\n+        return activated\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                beforefeaturesadded: this.cacheFeatures,\n+                featuresremoved: this.clearCache,\n+                moveend: this.cluster,\n+                scope: this\n+            })\n         }\n-        var root = data.documentElement;\n-        var children = root.childNodes;\n-        var describelayer = {\n-            layerDescriptions: []\n-        };\n-        var childNode, nodeName;\n-        for (var i = 0; i < children.length; ++i) {\n-            childNode = children[i];\n-            nodeName = childNode.nodeName;\n-            if (nodeName == \"LayerDescription\") {\n-                var layerName = childNode.getAttribute(\"name\");\n-                var owsType = \"\";\n-                var owsURL = \"\";\n-                var typeName = \"\";\n-                if (childNode.getAttribute(\"owsType\")) {\n-                    owsType = childNode.getAttribute(\"owsType\");\n-                    owsURL = childNode.getAttribute(\"owsURL\")\n-                } else {\n-                    if (childNode.getAttribute(\"wfs\") != \"\") {\n-                        owsType = \"WFS\";\n-                        owsURL = childNode.getAttribute(\"wfs\")\n-                    } else if (childNode.getAttribute(\"wcs\") != \"\") {\n-                        owsType = \"WCS\";\n-                        owsURL = childNode.getAttribute(\"wcs\")\n+        return deactivated\n+    },\n+    cacheFeatures: function(event) {\n+        var propagate = true;\n+        if (!this.clustering) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.cluster();\n+            propagate = false\n+        }\n+        return propagate\n+    },\n+    clearCache: function() {\n+        if (!this.clustering) {\n+            this.features = null\n+        }\n+    },\n+    cluster: function(event) {\n+        if ((!event || event.zoomChanged) && this.features) {\n+            var resolution = this.layer.map.getResolution();\n+            if (resolution != this.resolution || !this.clustersExist()) {\n+                this.resolution = resolution;\n+                var clusters = [];\n+                var feature, clustered, cluster;\n+                for (var i = 0; i < this.features.length; ++i) {\n+                    feature = this.features[i];\n+                    if (feature.geometry) {\n+                        clustered = false;\n+                        for (var j = clusters.length - 1; j >= 0; --j) {\n+                            cluster = clusters[j];\n+                            if (this.shouldCluster(cluster, feature)) {\n+                                this.addToCluster(cluster, feature);\n+                                clustered = true;\n+                                break\n+                            }\n+                        }\n+                        if (!clustered) {\n+                            clusters.push(this.createCluster(this.features[i]))\n+                        }\n                     }\n                 }\n-                var query = childNode.getElementsByTagName(\"Query\");\n-                if (query.length > 0) {\n-                    typeName = query[0].getAttribute(\"typeName\");\n-                    if (!typeName) {\n-                        typeName = query[0].getAttribute(\"typename\")\n+                this.clustering = true;\n+                this.layer.removeAllFeatures();\n+                this.clustering = false;\n+                if (clusters.length > 0) {\n+                    if (this.threshold > 1) {\n+                        var clone = clusters.slice();\n+                        clusters = [];\n+                        var candidate;\n+                        for (var i = 0, len = clone.length; i < len; ++i) {\n+                            candidate = clone[i];\n+                            if (candidate.attributes.count < this.threshold) {\n+                                Array.prototype.push.apply(clusters, candidate.cluster)\n+                            } else {\n+                                clusters.push(candidate)\n+                            }\n+                        }\n                     }\n+                    this.clustering = true;\n+                    this.layer.addFeatures(clusters);\n+                    this.clustering = false\n                 }\n-                var layerDescription = {\n-                    layerName: layerName,\n-                    owsType: owsType,\n-                    owsURL: owsURL,\n-                    typeName: typeName\n-                };\n-                describelayer.layerDescriptions.push(layerDescription);\n-                describelayer.length = describelayer.layerDescriptions.length;\n-                describelayer[describelayer.length - 1] = layerDescription\n-            } else if (nodeName == \"ServiceException\") {\n-                var parser = new OpenLayers.Format.OGCExceptionReport;\n-                return {\n-                    error: parser.read(data)\n+                this.clusters = clusters\n+            }\n+        }\n+    },\n+    clustersExist: function() {\n+        var exist = false;\n+        if (this.clusters && this.clusters.length > 0 && this.clusters.length == this.layer.features.length) {\n+            exist = true;\n+            for (var i = 0; i < this.clusters.length; ++i) {\n+                if (this.clusters[i] != this.layer.features[i]) {\n+                    exist = false;\n+                    break\n                 }\n             }\n         }\n-        return describelayer\n+        return exist\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WMSDescribeLayer.v1_1_1\"\n-});\n-OpenLayers.Format.WMSDescribeLayer.v1_1_0 = OpenLayers.Format.WMSDescribeLayer.v1_1_1;\n-OpenLayers.Format.WCSCapabilities.v1 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        splitSpace: /\\s+/\n+    shouldCluster: function(cluster, feature) {\n+        var cc = cluster.geometry.getBounds().getCenterLonLat();\n+        var fc = feature.geometry.getBounds().getCenterLonLat();\n+        var distance = Math.sqrt(Math.pow(cc.lon - fc.lon, 2) + Math.pow(cc.lat - fc.lat, 2)) / this.resolution;\n+        return distance <= this.distance\n     },\n-    defaultPrefix: \"wcs\",\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n-        }\n-        var raw = data;\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n-        }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n+    addToCluster: function(cluster, feature) {\n+        cluster.cluster.push(feature);\n+        cluster.attributes.count += 1\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1\"\n-});\n-OpenLayers.Format.WCSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n-    namespaces: {\n-        wcs: \"http://www.opengis.net/wcs\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        ows: \"http://www.opengis.net/ows\"\n+    createCluster: function(feature) {\n+        var center = feature.geometry.getBounds().getCenterLonLat();\n+        var cluster = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(center.lon, center.lat), {\n+            count: 1\n+        });\n+        cluster.cluster = [feature];\n+        return cluster\n     },\n-    errorProperty: \"service\",\n-    readers: {\n-        wcs: {\n-            WCS_Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Service: function(node, obj) {\n-                obj.service = {};\n-                this.readChildNodes(node, obj.service)\n-            },\n-            name: function(node, service) {\n-                service.name = this.getChildValue(node)\n-            },\n-            label: function(node, service) {\n-                service.label = this.getChildValue(node)\n-            },\n-            keywords: function(node, service) {\n-                service.keywords = [];\n-                this.readChildNodes(node, service.keywords)\n-            },\n-            keyword: function(node, keywords) {\n-                keywords.push(this.getChildValue(node))\n-            },\n-            responsibleParty: function(node, service) {\n-                service.responsibleParty = {};\n-                this.readChildNodes(node, service.responsibleParty)\n-            },\n-            individualName: function(node, responsibleParty) {\n-                responsibleParty.individualName = this.getChildValue(node)\n-            },\n-            organisationName: function(node, responsibleParty) {\n-                responsibleParty.organisationName = this.getChildValue(node)\n-            },\n-            positionName: function(node, responsibleParty) {\n-                responsibleParty.positionName = this.getChildValue(node)\n-            },\n-            contactInfo: function(node, responsibleParty) {\n-                responsibleParty.contactInfo = {};\n-                this.readChildNodes(node, responsibleParty.contactInfo)\n-            },\n-            phone: function(node, contactInfo) {\n-                contactInfo.phone = {};\n-                this.readChildNodes(node, contactInfo.phone)\n-            },\n-            voice: function(node, phone) {\n-                phone.voice = this.getChildValue(node)\n-            },\n-            facsimile: function(node, phone) {\n-                phone.facsimile = this.getChildValue(node)\n-            },\n-            address: function(node, contactInfo) {\n-                contactInfo.address = {};\n-                this.readChildNodes(node, contactInfo.address)\n-            },\n-            deliveryPoint: function(node, address) {\n-                address.deliveryPoint = this.getChildValue(node)\n-            },\n-            city: function(node, address) {\n-                address.city = this.getChildValue(node)\n-            },\n-            postalCode: function(node, address) {\n-                address.postalCode = this.getChildValue(node)\n-            },\n-            country: function(node, address) {\n-                address.country = this.getChildValue(node)\n-            },\n-            electronicMailAddress: function(node, address) {\n-                address.electronicMailAddress = this.getChildValue(node)\n-            },\n-            fees: function(node, service) {\n-                service.fees = this.getChildValue(node)\n-            },\n-            accessConstraints: function(node, service) {\n-                service.accessConstraints = this.getChildValue(node)\n-            },\n-            ContentMetadata: function(node, obj) {\n-                obj.contentMetadata = [];\n-                this.readChildNodes(node, obj.contentMetadata)\n-            },\n-            CoverageOfferingBrief: function(node, contentMetadata) {\n-                var coverageOfferingBrief = {};\n-                this.readChildNodes(node, coverageOfferingBrief);\n-                contentMetadata.push(coverageOfferingBrief)\n-            },\n-            name: function(node, coverageOfferingBrief) {\n-                coverageOfferingBrief.name = this.getChildValue(node)\n-            },\n-            label: function(node, coverageOfferingBrief) {\n-                coverageOfferingBrief.label = this.getChildValue(node)\n-            },\n-            lonLatEnvelope: function(node, coverageOfferingBrief) {\n-                var nodeList = this.getElementsByTagNameNS(node, \"http://www.opengis.net/gml\", \"pos\");\n-                if (nodeList.length == 2) {\n-                    var min = {};\n-                    var max = {};\n-                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[0], min]);\n-                    OpenLayers.Format.GML.v3.prototype.readers[\"gml\"].pos.apply(this, [nodeList[1], max]);\n-                    coverageOfferingBrief.lonLatEnvelope = {};\n-                    coverageOfferingBrief.lonLatEnvelope.srsName = node.getAttribute(\"srsName\");\n-                    coverageOfferingBrief.lonLatEnvelope.min = min.points[0];\n-                    coverageOfferingBrief.lonLatEnvelope.max = max.points[0]\n-                }\n+    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+});\n+OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n+    preload: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.layer.events.on({\n+                refresh: this.load,\n+                scope: this\n+            });\n+            if (this.layer.visibility == true || this.preload) {\n+                this.load()\n+            } else {\n+                this.layer.events.on({\n+                    visibilitychanged: this.load,\n+                    scope: this\n+                })\n             }\n         }\n+        return activated\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_0_0\"\n-});\n-OpenLayers.Format.WCSCapabilities.v1_1_0 = OpenLayers.Class(OpenLayers.Format.WCSCapabilities.v1, {\n-    namespaces: {\n-        wcs: \"http://www.opengis.net/wcs/1.1\",\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        ows: \"http://www.opengis.net/ows/1.1\"\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                refresh: this.load,\n+                visibilitychanged: this.load,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n     },\n-    errorProperty: \"operationsMetadata\",\n-    readers: {\n-        wcs: OpenLayers.Util.applyDefaults({\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Contents: function(node, request) {\n-                request.contentMetadata = [];\n-                this.readChildNodes(node, request.contentMetadata)\n-            },\n-            CoverageSummary: function(node, contentMetadata) {\n-                var coverageSummary = {};\n-                this.readChildNodes(node, coverageSummary);\n-                contentMetadata.push(coverageSummary)\n-            },\n-            Identifier: function(node, coverageSummary) {\n-                coverageSummary.identifier = this.getChildValue(node)\n-            },\n-            Title: function(node, coverageSummary) {\n-                coverageSummary.title = this.getChildValue(node)\n-            },\n-            Abstract: function(node, coverageSummary) {\n-                coverageSummary[\"abstract\"] = this.getChildValue(node)\n-            },\n-            SupportedCRS: function(node, coverageSummary) {\n-                var crs = this.getChildValue(node);\n-                if (crs) {\n-                    if (!coverageSummary.supportedCRS) {\n-                        coverageSummary.supportedCRS = []\n-                    }\n-                    coverageSummary.supportedCRS.push(crs)\n-                }\n-            },\n-            SupportedFormat: function(node, coverageSummary) {\n-                var format = this.getChildValue(node);\n-                if (format) {\n-                    if (!coverageSummary.supportedFormat) {\n-                        coverageSummary.supportedFormat = []\n+    load: function(options) {\n+        var layer = this.layer;\n+        layer.events.triggerEvent(\"loadstart\", {\n+            filter: layer.filter\n+        });\n+        layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            callback: this.merge,\n+            filter: layer.filter,\n+            scope: this\n+        }, options));\n+        layer.events.un({\n+            visibilitychanged: this.load,\n+            scope: this\n+        })\n+    },\n+    merge: function(resp) {\n+        var layer = this.layer;\n+        layer.destroyFeatures();\n+        var features = resp.features;\n+        if (features && features.length > 0) {\n+            var remote = layer.projection;\n+            var local = layer.map.getProjectionObject();\n+            if (!local.equals(remote)) {\n+                var geom;\n+                for (var i = 0, len = features.length; i < len; ++i) {\n+                    geom = features[i].geometry;\n+                    if (geom) {\n+                        geom.transform(remote, local)\n                     }\n-                    coverageSummary.supportedFormat.push(format)\n                 }\n             }\n-        }, OpenLayers.Format.WCSCapabilities.v1.prototype.readers[\"wcs\"]),\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+            layer.addFeatures(features)\n+        }\n+        layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Format.WCSCapabilities.v1_1_0\"\n+    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n });\n-OpenLayers.Format.SOSCapabilities.v1_0_0 = OpenLayers.Class(OpenLayers.Format.SOSCapabilities, {\n-    namespaces: {\n-        ows: \"http://www.opengis.net/ows/1.1\",\n-        sos: \"http://www.opengis.net/sos/1.0\",\n-        gml: \"http://www.opengis.net/gml\",\n-        xlink: \"http://www.w3.org/1999/xlink\"\n+OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n+    bounds: null,\n+    resolution: null,\n+    ratio: 2,\n+    resFactor: null,\n+    response: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            });\n+            this.update()\n+        }\n+        return activated\n     },\n-    regExes: {\n-        trimSpace: /^\\s*|\\s*$/g,\n-        removeSpace: /\\s*/g,\n-        splitSpace: /\\s+/,\n-        trimComma: /\\s*,\\s*/g\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.layer.events.un({\n+                moveend: this.update,\n+                refresh: this.update,\n+                visibilitychanged: this.update,\n+                scope: this\n+            })\n+        }\n+        return deactivated\n     },\n-    initialize: function(options) {\n-        OpenLayers.Format.XML.prototype.initialize.apply(this, [options]);\n-        this.options = options\n+    update: function(options) {\n+        var mapBounds = this.getMapBounds();\n+        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n+            this.calculateBounds(mapBounds);\n+            this.resolution = this.layer.map.getResolution();\n+            this.triggerRead(options)\n+        }\n     },\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+    getMapBounds: function() {\n+        if (this.layer.map === null) {\n+            return null\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        var bounds = this.layer.map.getExtent();\n+        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n+            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n         }\n-        var capabilities = {};\n-        this.readNode(data, capabilities);\n-        return capabilities\n-    },\n-    readers: {\n-        gml: OpenLayers.Util.applyDefaults({\n-            name: function(node, obj) {\n-                obj.name = this.getChildValue(node)\n-            },\n-            TimePeriod: function(node, obj) {\n-                obj.timePeriod = {};\n-                this.readChildNodes(node, obj.timePeriod)\n-            },\n-            beginPosition: function(node, timePeriod) {\n-                timePeriod.beginPosition = this.getChildValue(node)\n-            },\n-            endPosition: function(node, timePeriod) {\n-                timePeriod.endPosition = this.getChildValue(node)\n-            }\n-        }, OpenLayers.Format.GML.v3.prototype.readers[\"gml\"]),\n-        sos: {\n-            Capabilities: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            Contents: function(node, obj) {\n-                obj.contents = {};\n-                this.readChildNodes(node, obj.contents)\n-            },\n-            ObservationOfferingList: function(node, contents) {\n-                contents.offeringList = {};\n-                this.readChildNodes(node, contents.offeringList)\n-            },\n-            ObservationOffering: function(node, offeringList) {\n-                var id = this.getAttributeNS(node, this.namespaces.gml, \"id\");\n-                offeringList[id] = {\n-                    procedures: [],\n-                    observedProperties: [],\n-                    featureOfInterestIds: [],\n-                    responseFormats: [],\n-                    resultModels: [],\n-                    responseModes: []\n-                };\n-                this.readChildNodes(node, offeringList[id])\n-            },\n-            time: function(node, offering) {\n-                offering.time = {};\n-                this.readChildNodes(node, offering.time)\n-            },\n-            procedure: function(node, offering) {\n-                offering.procedures.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            observedProperty: function(node, offering) {\n-                offering.observedProperties.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            featureOfInterest: function(node, offering) {\n-                offering.featureOfInterestIds.push(this.getAttributeNS(node, this.namespaces.xlink, \"href\"))\n-            },\n-            responseFormat: function(node, offering) {\n-                offering.responseFormats.push(this.getChildValue(node))\n-            },\n-            resultModel: function(node, offering) {\n-                offering.resultModels.push(this.getChildValue(node))\n-            },\n-            responseMode: function(node, offering) {\n-                offering.responseModes.push(this.getChildValue(node))\n-            }\n-        },\n-        ows: OpenLayers.Format.OWSCommon.v1_1_0.prototype.readers[\"ows\"]\n+        return bounds\n     },\n-    CLASS_NAME: \"OpenLayers.Format.SOSCapabilities.v1_0_0\"\n-});\n-OpenLayers.Format.SLD.v1_0_0_GeoServer = OpenLayers.Class(OpenLayers.Format.SLD.v1_0_0, {\n-    version: \"1.0.0\",\n-    profile: \"GeoServer\",\n-    readers: OpenLayers.Util.applyDefaults({\n-        sld: OpenLayers.Util.applyDefaults({\n-            Priority: function(node, obj) {\n-                var value = this.readers.ogc._expression.call(this, node);\n-                if (value) {\n-                    obj.priority = value\n-                }\n-            },\n-            VendorOption: function(node, obj) {\n-                if (!obj.vendorOptions) {\n-                    obj.vendorOptions = {}\n-                }\n-                obj.vendorOptions[node.getAttribute(\"name\")] = this.getChildValue(node)\n-            },\n-            TextSymbolizer: function(node, rule) {\n-                OpenLayers.Format.SLD.v1_0_0.prototype.readers.sld.TextSymbolizer.apply(this, arguments);\n-                var symbolizer = this.multipleSymbolizers ? rule.symbolizers[rule.symbolizers.length - 1] : rule.symbolizer[\"Text\"];\n-                if (symbolizer.graphic === undefined) {\n-                    symbolizer.graphic = false\n-                }\n-            }\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.readers[\"sld\"])\n-    }, OpenLayers.Format.SLD.v1_0_0.prototype.readers),\n-    writers: OpenLayers.Util.applyDefaults({\n-        sld: OpenLayers.Util.applyDefaults({\n-            Priority: function(priority) {\n-                return this.writers.sld._OGCExpression.call(this, \"sld:Priority\", priority)\n-            },\n-            VendorOption: function(option) {\n-                return this.createElementNSPlus(\"sld:VendorOption\", {\n-                    attributes: {\n-                        name: option.name\n-                    },\n-                    value: option.value\n-                })\n-            },\n-            TextSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"TextSymbolizer\"].apply(this, arguments);\n-                if (symbolizer.graphic !== false && (symbolizer.externalGraphic || symbolizer.graphicName)) {\n-                    this.writeNode(\"Graphic\", symbolizer, node)\n-                }\n-                if (\"priority\" in symbolizer) {\n-                    this.writeNode(\"Priority\", symbolizer.priority, node)\n-                }\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            PointSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"PointSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            LineSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"LineSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n-            },\n-            PolygonSymbolizer: function(symbolizer) {\n-                var writers = OpenLayers.Format.SLD.v1_0_0.prototype.writers;\n-                var node = writers[\"sld\"][\"PolygonSymbolizer\"].apply(this, arguments);\n-                return this.addVendorOptions(node, symbolizer)\n-            }\n-        }, OpenLayers.Format.SLD.v1_0_0.prototype.writers[\"sld\"])\n-    }, OpenLayers.Format.SLD.v1_0_0.prototype.writers),\n-    addVendorOptions: function(node, symbolizer) {\n-        var options = symbolizer.vendorOptions;\n-        if (options) {\n-            for (var key in symbolizer.vendorOptions) {\n-                this.writeNode(\"VendorOption\", {\n-                    name: key,\n-                    value: symbolizer.vendorOptions[key]\n-                }, node)\n-            }\n+    invalidBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n         }\n-        return node\n-    },\n-    CLASS_NAME: \"OpenLayers.Format.SLD.v1_0_0_GeoServer\"\n-});\n-OpenLayers.Format.CSWGetDomain.v2_0_2 = OpenLayers.Class(OpenLayers.Format.XML, {\n-    namespaces: {\n-        xlink: \"http://www.w3.org/1999/xlink\",\n-        xsi: \"http://www.w3.org/2001/XMLSchema-instance\",\n-        csw: \"http://www.opengis.net/cat/csw/2.0.2\"\n-    },\n-    defaultPrefix: \"csw\",\n-    version: \"2.0.2\",\n-    schemaLocation: \"http://www.opengis.net/cat/csw/2.0.2 http://schemas.opengis.net/csw/2.0.2/CSW-discovery.xsd\",\n-    PropertyName: null,\n-    ParameterName: null,\n-    read: function(data) {\n-        if (typeof data == \"string\") {\n-            data = OpenLayers.Format.XML.prototype.read.apply(this, [data])\n+        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n+        if (!invalid && this.resFactor) {\n+            var ratio = this.resolution / this.layer.map.getResolution();\n+            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n         }\n-        if (data && data.nodeType == 9) {\n-            data = data.documentElement\n+        return invalid\n+    },\n+    calculateBounds: function(mapBounds) {\n+        if (!mapBounds) {\n+            mapBounds = this.getMapBounds()\n         }\n-        var obj = {};\n-        this.readNode(data, obj);\n-        return obj\n+        var center = mapBounds.getCenterLonLat();\n+        var dataWidth = mapBounds.getWidth() * this.ratio;\n+        var dataHeight = mapBounds.getHeight() * this.ratio;\n+        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n     },\n-    readers: {\n-        csw: {\n-            GetDomainResponse: function(node, obj) {\n-                this.readChildNodes(node, obj)\n-            },\n-            DomainValues: function(node, obj) {\n-                if (!OpenLayers.Util.isArray(obj.DomainValues)) {\n-                    obj.DomainValues = []\n-                }\n-                var attrs = node.attributes;\n-                var domainValue = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    domainValue[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                this.readChildNodes(node, domainValue);\n-                obj.DomainValues.push(domainValue)\n-            },\n-            PropertyName: function(node, obj) {\n-                obj.PropertyName = this.getChildValue(node)\n-            },\n-            ParameterName: function(node, obj) {\n-                obj.ParameterName = this.getChildValue(node)\n-            },\n-            ListOfValues: function(node, obj) {\n-                if (!OpenLayers.Util.isArray(obj.ListOfValues)) {\n-                    obj.ListOfValues = []\n-                }\n-                this.readChildNodes(node, obj.ListOfValues)\n-            },\n-            Value: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.push({\n-                    Value: value\n-                })\n-            },\n-            ConceptualScheme: function(node, obj) {\n-                obj.ConceptualScheme = {};\n-                this.readChildNodes(node, obj.ConceptualScheme)\n-            },\n-            Name: function(node, obj) {\n-                obj.Name = this.getChildValue(node)\n-            },\n-            Document: function(node, obj) {\n-                obj.Document = this.getChildValue(node)\n-            },\n-            Authority: function(node, obj) {\n-                obj.Authority = this.getChildValue(node)\n-            },\n-            RangeOfValues: function(node, obj) {\n-                obj.RangeOfValues = {};\n-                this.readChildNodes(node, obj.RangeOfValues)\n-            },\n-            MinValue: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.MinValue = value\n-            },\n-            MaxValue: function(node, obj) {\n-                var attrs = node.attributes;\n-                var value = {};\n-                for (var i = 0, len = attrs.length; i < len; ++i) {\n-                    value[attrs[i].name] = attrs[i].nodeValue\n-                }\n-                value.value = this.getChildValue(node);\n-                obj.MaxValue = value\n-            }\n+    triggerRead: function(options) {\n+        if (this.response && !(options && options.noAbort === true)) {\n+            this.layer.protocol.abort(this.response);\n+            this.layer.events.triggerEvent(\"loadend\")\n         }\n+        var evt = {\n+            filter: this.createFilter()\n+        };\n+        this.layer.events.triggerEvent(\"loadstart\", evt);\n+        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n+            filter: evt.filter,\n+            callback: this.merge,\n+            scope: this\n+        }, options))\n     },\n-    write: function(options) {\n-        var node = this.writeNode(\"csw:GetDomain\", options);\n-        return OpenLayers.Format.XML.prototype.write.apply(this, [node])\n+    createFilter: function() {\n+        var filter = new OpenLayers.Filter.Spatial({\n+            type: OpenLayers.Filter.Spatial.BBOX,\n+            value: this.bounds,\n+            projection: this.layer.projection\n+        });\n+        if (this.layer.filter) {\n+            filter = new OpenLayers.Filter.Logical({\n+                type: OpenLayers.Filter.Logical.AND,\n+                filters: [this.layer.filter, filter]\n+            })\n+        }\n+        return filter\n     },\n-    writers: {\n-        csw: {\n-            GetDomain: function(options) {\n-                var node = this.createElementNSPlus(\"csw:GetDomain\", {\n-                    attributes: {\n-                        service: \"CSW\",\n-                        version: this.version\n+    merge: function(resp) {\n+        this.layer.destroyFeatures();\n+        if (resp.success()) {\n+            var features = resp.features;\n+            if (features && features.length > 0) {\n+                var remote = this.layer.projection;\n+                var local = this.layer.map.getProjectionObject();\n+                if (!local.equals(remote)) {\n+                    var geom;\n+                    for (var i = 0, len = features.length; i < len; ++i) {\n+                        geom = features[i].geometry;\n+                        if (geom) {\n+                            geom.transform(remote, local)\n+                        }\n                     }\n-                });\n-                if (options.PropertyName || this.PropertyName) {\n-                    this.writeNode(\"csw:PropertyName\", options.PropertyName || this.PropertyName, node)\n-                } else if (options.ParameterName || this.ParameterName) {\n-                    this.writeNode(\"csw:ParameterName\", options.ParameterName || this.ParameterName, node)\n                 }\n-                this.readChildNodes(node, options);\n-                return node\n-            },\n-            PropertyName: function(value) {\n-                var node = this.createElementNSPlus(\"csw:PropertyName\", {\n-                    value: value\n-                });\n-                return node\n-            },\n-            ParameterName: function(value) {\n-                var node = this.createElementNSPlus(\"csw:ParameterName\", {\n-                    value: value\n-                });\n-                return node\n+                this.layer.addFeatures(features)\n             }\n+        } else {\n+            this.bounds = null\n         }\n+        this.response = null;\n+        this.layer.events.triggerEvent(\"loadend\", {\n+            response: resp\n+        })\n     },\n-    CLASS_NAME: \"OpenLayers.Format.CSWGetDomain.v2_0_2\"\n+    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n });\n-OpenLayers.Events.featureclick = OpenLayers.Class({\n-    cache: null,\n-    map: null,\n-    provides: [\"featureclick\", \"nofeatureclick\", \"featureover\", \"featureout\"],\n-    initialize: function(target) {\n-        this.target = target;\n-        if (target.object instanceof OpenLayers.Map) {\n-            this.setMap(target.object)\n-        } else if (target.object instanceof OpenLayers.Layer.Vector) {\n-            if (target.object.map) {\n-                this.setMap(target.object.map)\n-            } else {\n-                target.object.events.register(\"added\", this, function(evt) {\n-                    this.setMap(target.object.map)\n-                })\n-            }\n-        } else {\n-            throw \"Listeners for '\" + this.provides.join(\"', '\") + \"' events can only be registered for OpenLayers.Layer.Vector \" + \"or OpenLayers.Map instances\"\n+OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n+    features: null,\n+    length: 10,\n+    num: null,\n+    paging: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            this.layer.events.on({\n+                beforefeaturesadded: this.cacheFeatures,\n+                scope: this\n+            })\n         }\n-        for (var i = this.provides.length - 1; i >= 0; --i) {\n-            target.extensions[this.provides[i]] = true\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.clearCache();\n+            this.layer.events.un({\n+                beforefeaturesadded: this.cacheFeatures,\n+                scope: this\n+            })\n         }\n+        return deactivated\n     },\n-    setMap: function(map) {\n-        this.map = map;\n-        this.cache = {};\n-        map.events.register(\"mousedown\", this, this.start, {\n-            extension: true\n-        });\n-        map.events.register(\"mouseup\", this, this.onClick, {\n-            extension: true\n-        });\n-        map.events.register(\"touchstart\", this, this.start, {\n-            extension: true\n-        });\n-        map.events.register(\"touchmove\", this, this.cancel, {\n-            extension: true\n-        });\n-        map.events.register(\"touchend\", this, this.onClick, {\n-            extension: true\n-        });\n-        map.events.register(\"mousemove\", this, this.onMousemove, {\n-            extension: true\n-        })\n+    cacheFeatures: function(event) {\n+        if (!this.paging) {\n+            this.clearCache();\n+            this.features = event.features;\n+            this.pageNext(event)\n+        }\n     },\n-    start: function(evt) {\n-        this.startEvt = evt\n+    clearCache: function() {\n+        if (this.features) {\n+            for (var i = 0; i < this.features.length; ++i) {\n+                this.features[i].destroy()\n+            }\n+        }\n+        this.features = null;\n+        this.num = null\n     },\n-    cancel: function(evt) {\n-        delete this.startEvt\n+    pageCount: function() {\n+        var numFeatures = this.features ? this.features.length : 0;\n+        return Math.ceil(numFeatures / this.length)\n     },\n-    onClick: function(evt) {\n-        if (!this.startEvt || evt.type !== \"touchend\" && !OpenLayers.Event.isLeftClick(evt)) {\n-            return\n+    pageNum: function() {\n+        return this.num\n+    },\n+    pageLength: function(newLength) {\n+        if (newLength && newLength > 0) {\n+            this.length = newLength\n         }\n-        var features = this.getFeatures(this.startEvt);\n-        delete this.startEvt;\n-        var feature, layer, more, clicked = {};\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            layer = feature.layer;\n-            clicked[layer.id] = true;\n-            more = this.triggerEvent(\"featureclick\", {\n-                feature: feature\n-            });\n-            if (more === false) {\n-                break\n+        return this.length\n+    },\n+    pageNext: function(event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = -1\n             }\n+            var start = (this.num + 1) * this.length;\n+            changed = this.page(start, event)\n         }\n-        for (i = 0, len = this.map.layers.length; i < len; ++i) {\n-            layer = this.map.layers[i];\n-            if (layer instanceof OpenLayers.Layer.Vector && !clicked[layer.id]) {\n-                this.triggerEvent(\"nofeatureclick\", {\n-                    layer: layer\n-                })\n+        return changed\n+    },\n+    pagePrevious: function() {\n+        var changed = false;\n+        if (this.features) {\n+            if (this.num === null) {\n+                this.num = this.pageCount()\n             }\n+            var start = (this.num - 1) * this.length;\n+            changed = this.page(start)\n         }\n+        return changed\n     },\n-    onMousemove: function(evt) {\n-        delete this.startEvt;\n-        var features = this.getFeatures(evt);\n-        var over = {},\n-            newly = [],\n-            feature;\n-        for (var i = 0, len = features.length; i < len; ++i) {\n-            feature = features[i];\n-            over[feature.id] = feature;\n-            if (!this.cache[feature.id]) {\n-                newly.push(feature)\n+    page: function(start, event) {\n+        var changed = false;\n+        if (this.features) {\n+            if (start >= 0 && start < this.features.length) {\n+                var num = Math.floor(start / this.length);\n+                if (num != this.num) {\n+                    this.paging = true;\n+                    var features = this.features.slice(start, start + this.length);\n+                    this.layer.removeFeatures(this.layer.features);\n+                    this.num = num;\n+                    if (event && event.features) {\n+                        event.features = features\n+                    } else {\n+                        this.layer.addFeatures(features)\n+                    }\n+                    this.paging = false;\n+                    changed = true\n+                }\n             }\n         }\n-        var out = [];\n-        for (var id in this.cache) {\n-            feature = this.cache[id];\n-            if (feature.layer && feature.layer.map) {\n-                if (!over[feature.id]) {\n-                    out.push(feature)\n+        return changed\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n+});\n+OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n+    events: null,\n+    auto: false,\n+    timer: null,\n+    initialize: function(options) {\n+        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n+        this.events = new OpenLayers.Events(this)\n+    },\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    this.timer = window.setInterval(OpenLayers.Function.bind(this.save, this), this.auto * 1e3)\n+                } else {\n+                    this.layer.events.on({\n+                        featureadded: this.triggerSave,\n+                        afterfeaturemodified: this.triggerSave,\n+                        scope: this\n+                    })\n                 }\n-            } else {\n-                delete this.cache[id]\n             }\n         }\n-        var more;\n-        for (i = 0, len = newly.length; i < len; ++i) {\n-            feature = newly[i];\n-            this.cache[feature.id] = feature;\n-            more = this.triggerEvent(\"featureover\", {\n-                feature: feature\n-            });\n-            if (more === false) {\n-                break\n+        return activated\n+    },\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            if (this.auto) {\n+                if (typeof this.auto === \"number\") {\n+                    window.clearInterval(this.timer)\n+                } else {\n+                    this.layer.events.un({\n+                        featureadded: this.triggerSave,\n+                        afterfeaturemodified: this.triggerSave,\n+                        scope: this\n+                    })\n+                }\n             }\n         }\n-        for (i = 0, len = out.length; i < len; ++i) {\n-            feature = out[i];\n-            delete this.cache[feature.id];\n-            more = this.triggerEvent(\"featureout\", {\n-                feature: feature\n-            });\n-            if (more === false) {\n-                break\n-            }\n+        return deactivated\n+    },\n+    triggerSave: function(event) {\n+        var feature = event.feature;\n+        if (feature.state === OpenLayers.State.INSERT || feature.state === OpenLayers.State.UPDATE || feature.state === OpenLayers.State.DELETE) {\n+            this.save([event.feature])\n         }\n     },\n-    triggerEvent: function(type, evt) {\n-        var layer = evt.feature ? evt.feature.layer : evt.layer,\n-            object = this.target.object;\n-        if (object instanceof OpenLayers.Map || object === layer) {\n-            return this.target.triggerEvent(type, evt)\n+    save: function(features) {\n+        if (!features) {\n+            features = this.layer.features\n+        }\n+        this.events.triggerEvent(\"start\", {\n+            features: features\n+        });\n+        var remote = this.layer.projection;\n+        var local = this.layer.map.getProjectionObject();\n+        if (!local.equals(remote)) {\n+            var len = features.length;\n+            var clones = new Array(len);\n+            var orig, clone;\n+            for (var i = 0; i < len; ++i) {\n+                orig = features[i];\n+                clone = orig.clone();\n+                clone.fid = orig.fid;\n+                clone.state = orig.state;\n+                if (orig.url) {\n+                    clone.url = orig.url\n+                }\n+                clone._original = orig;\n+                clone.geometry.transform(local, remote);\n+                clones[i] = clone\n+            }\n+            features = clones\n         }\n+        this.layer.protocol.commit(features, {\n+            callback: this.onCommit,\n+            scope: this\n+        })\n     },\n-    getFeatures: function(evt) {\n-        var x = evt.clientX,\n-            y = evt.clientY,\n-            features = [],\n-            targets = [],\n-            layers = [],\n-            layer, target, feature, i, len;\n-        for (i = this.map.layers.length - 1; i >= 0; --i) {\n-            layer = this.map.layers[i];\n-            if (layer.div.style.display !== \"none\") {\n-                if (layer.renderer instanceof OpenLayers.Renderer.Elements) {\n-                    if (layer instanceof OpenLayers.Layer.Vector) {\n-                        target = document.elementFromPoint(x, y);\n-                        while (target && target._featureId) {\n-                            feature = layer.getFeatureById(target._featureId);\n-                            if (feature) {\n-                                features.push(feature);\n-                                target.style.display = \"none\";\n-                                targets.push(target);\n-                                target = document.elementFromPoint(x, y)\n-                            } else {\n-                                target = false\n-                            }\n-                        }\n-                    }\n-                    layers.push(layer);\n-                    layer.div.style.display = \"none\"\n-                } else if (layer.renderer instanceof OpenLayers.Renderer.Canvas) {\n-                    feature = layer.renderer.getFeatureIdFromEvent(evt);\n-                    if (feature) {\n-                        features.push(feature);\n-                        layers.push(layer)\n+    onCommit: function(response) {\n+        var evt = {\n+            response: response\n+        };\n+        if (response.success()) {\n+            var features = response.reqFeatures;\n+            var state, feature;\n+            var destroys = [];\n+            var insertIds = response.insertIds || [];\n+            var j = 0;\n+            for (var i = 0, len = features.length; i < len; ++i) {\n+                feature = features[i];\n+                feature = feature._original || feature;\n+                state = feature.state;\n+                if (state) {\n+                    if (state == OpenLayers.State.DELETE) {\n+                        destroys.push(feature)\n+                    } else if (state == OpenLayers.State.INSERT) {\n+                        feature.fid = insertIds[j];\n+                        ++j\n                     }\n+                    feature.state = null\n                 }\n             }\n+            if (destroys.length > 0) {\n+                this.layer.destroyFeatures(destroys)\n+            }\n+            this.events.triggerEvent(\"success\", evt)\n+        } else {\n+            this.events.triggerEvent(\"fail\", evt)\n         }\n-        for (i = 0, len = targets.length; i < len; ++i) {\n-            targets[i].style.display = \"\"\n-        }\n-        for (i = layers.length - 1; i >= 0; --i) {\n-            layers[i].div.style.display = \"block\"\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+});\n+OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n+    filter: null,\n+    cache: null,\n+    caching: false,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n+        if (activated) {\n+            this.cache = [];\n+            this.layer.events.on({\n+                beforefeaturesadded: this.handleAdd,\n+                beforefeaturesremoved: this.handleRemove,\n+                scope: this\n+            })\n         }\n-        return features\n+        return activated\n     },\n-    destroy: function() {\n-        for (var i = this.provides.length - 1; i >= 0; --i) {\n-            delete this.target.extensions[this.provides[i]]\n+    deactivate: function() {\n+        this.cache = null;\n+        if (this.layer && this.layer.events) {\n+            this.layer.events.un({\n+                beforefeaturesadded: this.handleAdd,\n+                beforefeaturesremoved: this.handleRemove,\n+                scope: this\n+            })\n         }\n-        this.map.events.un({\n-            mousemove: this.onMousemove,\n-            mousedown: this.start,\n-            mouseup: this.onClick,\n-            touchstart: this.start,\n-            touchmove: this.cancel,\n-            touchend: this.onClick,\n-            scope: this\n-        });\n-        delete this.cache;\n-        delete this.map;\n-        delete this.target\n-    }\n-});\n-OpenLayers.Events.nofeatureclick = OpenLayers.Events.featureclick;\n-OpenLayers.Events.featureover = OpenLayers.Events.featureclick;\n-OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n-OpenLayers.Tile.Image.IFrame = {\n-    useIFrame: null,\n-    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n-    draw: function() {\n-        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n-        if (draw) {\n-            var url = this.layer.getURL(this.bounds);\n-            var usedIFrame = this.useIFrame;\n-            this.useIFrame = this.maxGetUrlLength !== null && !this.layer.async && url.length > this.maxGetUrlLength;\n-            var fromIFrame = usedIFrame && !this.useIFrame;\n-            var toIFrame = !usedIFrame && this.useIFrame;\n-            if (fromIFrame || toIFrame) {\n-                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n-                    this.frame.removeChild(this.imgDiv)\n-                }\n-                this.imgDiv = null;\n-                if (fromIFrame) {\n-                    this.frame.removeChild(this.frame.firstChild)\n+        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments)\n+    },\n+    handleAdd: function(event) {\n+        if (!this.caching && this.filter) {\n+            var features = event.features;\n+            event.features = [];\n+            var feature;\n+            for (var i = 0, ii = features.length; i < ii; ++i) {\n+                feature = features[i];\n+                if (this.filter.evaluate(feature)) {\n+                    event.features.push(feature)\n+                } else {\n+                    this.cache.push(feature)\n                 }\n             }\n         }\n-        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments)\n     },\n-    getImage: function() {\n-        if (this.useIFrame === true) {\n-            if (!this.frame.childNodes.length) {\n-                var eventPane = document.createElement(\"div\"),\n-                    style = eventPane.style;\n-                style.position = \"absolute\";\n-                style.width = \"100%\";\n-                style.height = \"100%\";\n-                style.zIndex = 1;\n-                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n-                this.frame.appendChild(eventPane)\n-            }\n-            var id = this.id + \"_iFrame\",\n-                iframe;\n-            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n-                iframe = document.createElement('<iframe name=\"' + id + '\">');\n-                iframe.style.backgroundColor = \"#FFFFFF\";\n-                iframe.style.filter = \"chroma(color=#FFFFFF)\"\n-            } else {\n-                iframe = document.createElement(\"iframe\");\n-                iframe.style.backgroundColor = \"transparent\";\n-                iframe.name = id\n+    handleRemove: function(event) {\n+        if (!this.caching) {\n+            this.cache = []\n+        }\n+    },\n+    setFilter: function(filter) {\n+        this.filter = filter;\n+        var previousCache = this.cache;\n+        this.cache = [];\n+        this.handleAdd({\n+            features: this.layer.features\n+        });\n+        if (this.cache.length > 0) {\n+            this.caching = true;\n+            this.layer.removeFeatures(this.cache.slice());\n+            this.caching = false\n+        }\n+        if (previousCache.length > 0) {\n+            var event = {\n+                features: previousCache\n+            };\n+            this.handleAdd(event);\n+            if (event.features.length > 0) {\n+                this.caching = true;\n+                this.layer.addFeatures(event.features);\n+                this.caching = false\n             }\n-            iframe.scrolling = \"no\";\n-            iframe.marginWidth = \"0px\";\n-            iframe.marginHeight = \"0px\";\n-            iframe.frameBorder = \"0\";\n-            iframe.style.position = \"absolute\";\n-            iframe.style.width = \"100%\";\n-            iframe.style.height = \"100%\";\n-            if (this.layer.opacity < 1) {\n-                OpenLayers.Util.modifyDOMElement(iframe, null, null, null, null, null, null, this.layer.opacity)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n+});\n+OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n+    force: false,\n+    interval: 0,\n+    timer: null,\n+    activate: function() {\n+        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n+        if (activated) {\n+            if (this.layer.visibility === true) {\n+                this.start()\n             }\n-            this.frame.appendChild(iframe);\n-            this.imgDiv = iframe;\n-            return iframe\n-        } else {\n-            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments)\n+            this.layer.events.on({\n+                visibilitychanged: this.reset,\n+                scope: this\n+            })\n         }\n+        return activated\n     },\n-    createRequestForm: function() {\n-        var form = document.createElement(\"form\");\n-        form.method = \"POST\";\n-        var cacheId = this.layer.params[\"_OLSALT\"];\n-        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n-        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n-        form.target = this.id + \"_iFrame\";\n-        var imageSize = this.layer.getImageSize(),\n-            params = OpenLayers.Util.getParameters(this.url),\n-            field;\n-        for (var par in params) {\n-            field = document.createElement(\"input\");\n-            field.type = \"hidden\";\n-            field.name = par;\n-            field.value = params[par];\n-            form.appendChild(field)\n+    deactivate: function() {\n+        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n+        if (deactivated) {\n+            this.stop();\n+            this.layer.events.un({\n+                visibilitychanged: this.reset,\n+                scope: this\n+            })\n         }\n-        return form\n+        return deactivated\n     },\n-    setImgSrc: function(url) {\n-        if (this.useIFrame === true) {\n-            if (url) {\n-                var form = this.createRequestForm();\n-                this.frame.appendChild(form);\n-                form.submit();\n-                this.frame.removeChild(form)\n-            } else if (this.imgDiv.parentNode === this.frame) {\n-                this.frame.removeChild(this.imgDiv);\n-                this.imgDiv = null\n-            }\n+    reset: function() {\n+        if (this.layer.visibility === true) {\n+            this.start()\n         } else {\n-            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments)\n+            this.stop()\n         }\n     },\n-    onImageLoad: function() {\n-        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n-        if (this.useIFrame === true) {\n-            this.imgDiv.style.opacity = 1;\n-            this.frame.style.opacity = this.layer.opacity\n+    start: function() {\n+        if (this.interval && typeof this.interval === \"number\" && this.interval > 0) {\n+            this.timer = window.setInterval(OpenLayers.Function.bind(this.refresh, this), this.interval)\n         }\n     },\n-    createBackBuffer: function() {\n-        var backBuffer;\n-        if (this.useIFrame === false) {\n-            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this)\n+    refresh: function() {\n+        if (this.layer && this.layer.refresh && typeof this.layer.refresh == \"function\") {\n+            this.layer.refresh({\n+                force: this.force\n+            })\n         }\n-        return backBuffer\n-    }\n-};\n-OpenLayers.Lang[\"zh-TW\"] = {\n-    unhandledRequest: \"\u672a\u8655\u7406\u7684\u8acb\u6c42\uff0c\u50b3\u56de\u503c\u70ba ${statusText}\u3002\",\n-    Permalink: \"\u6c38\u4e45\u9023\u7d50\",\n-    Overlays: \"\u984d\u5916\u5716\u5c64\",\n-    \"Base Layer\": \"\u57fa\u790e\u5716\u5c64\",\n-    noFID: \"\u56e0\u70ba\u6c92\u6709 FID \u6240\u4ee5\u7121\u6cd5\u66f4\u65b0 feature\u3002\",\n-    browserNotSupported: \"\u60a8\u7684\u700f\u89bd\u5668\u672a\u652f\u63f4\u5411\u91cf\u6e32\u67d3. \u76ee\u524d\u652f\u63f4\u7684\u6e32\u67d3\u65b9\u5f0f\u662f:\\n${renderers}\",\n-    minZoomLevelError: \"minZoomLevel \u5c6c\u6027\u50c5\u9069\u5408\u7528\u5728 \" + \"FixedZoomLevels-descendent \u985e\u578b\u7684\u5716\u5c64. \u9019\u500b\" + \"wfs layer \u7684 minZoomLevel \u662f\u904e\u53bb\u6240\u907a\u7559\u4e0b\u4f86\u7684\uff0c\" + \"\u7136\u800c\u6211\u5011\u4e0d\u80fd\u79fb\u9664\u5b83\u800c\u4e0d\u8b93\u5b83\u5c07\" + \"\u904e\u53bb\u7684\u7a0b\u5f0f\u76f8\u5bb9\u6027\u7d66\u7834\u58de\u6389\u3002\" + \"\u56e0\u6b64\u6211\u5011\u5c07\u6703\u8ff4\u907f\u4f7f\u7528\u5b83 -- minZoomLevel \" + \"\u6703\u57283.0\u88ab\u79fb\u9664\uff0c\u8acb\u6539\" + \"\u7528\u5728\u9019\u908a\u63cf\u8ff0\u7684 min/max resolution \u8a2d\u5b9a: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS Transaction: \u6210\u529f ${response}\",\n-    commitFailed: \"WFS Transaction: \u5931\u6557 ${response}\",\n-    googleWarning: \"The Google Layer \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" + \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" + \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" + \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba Google Maps \u7684\u51fd\u5f0f\u5eab\" + \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\uff0c\u6216\u6c92\u6709\u5305\u542b \" + \"\u60a8\u7db2\u7ad9\u4e0a\u6b63\u78ba\u7684 API key <br><br>\" + \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n-    getLayerWarning: \"${layerType} \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" + \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" + \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" + \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba ${layerLib} \u7684\u51fd\u5f0f\u5eab\" + \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\u3002<br><br>\" + \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scale = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"\u4f60\u6b63\u4f7f\u7528 'reproject' \u9019\u500b\u9078\u9805 \" + \"\u5728 ${layerName} \u5c64\u3002\u9019\u500b\u9078\u9805\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528:\" + \"\u5b83\u7684\u4f7f\u7528\u539f\u672c\u662f\u8a2d\u8a08\u7528\u4f86\u652f\u63f4\u5728\u5546\u696d\u5730\u5716\u4e0a\u79c0\u51fa\u8cc7\u6599\uff0c\" + \"\u4f46\u9019\u500b\u529f\u80fd\u5df2\u7d93\u88ab\" + \"Spherical Mercator\u6240\u53d6\u4ee3\u3002\u66f4\u591a\u7684\u8cc7\u8a0a\u53ef\u4ee5\u5728 \" + \"http://trac.openlayers.org/wiki/SphericalMercator \u627e\u5230\u3002\",\n-    methodDeprecated: \"\u9019\u500b\u65b9\u6cd5\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528\u4e14\u57283.0\u5c07\u6703\u88ab\u79fb\u9664\uff0c\" + \"\u8acb\u4f7f\u7528 ${newMethod} \u4f86\u4ee3\u66ff\u3002\",\n-    end: \"\"\n-};\n+    },\n+    stop: function() {\n+        if (this.timer !== null) {\n+            window.clearInterval(this.timer);\n+            this.timer = null\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+});\n OpenLayers.Lang[\"lt\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Neapdorota u\u017eklausa gra\u017eino ${statusText}\",\n     Permalink: \"Pastovi nuoroda\",\n     Overlays: \"Papildomi sluoksniai\",\n     \"Base Layer\": \"Pagrindinis sluoksnis\",\n     noFID: \"Negaliu atnaujinti objekto, kuris neturi FID.\",\n     browserNotSupported: \"J\u016bs\u0173 nar\u0161ykl\u0117 nemoka parodyti vektori\u0173. \u0160iuo metu galima naudotis tokiais rodymo varikliais:\\n{renderers}\",\n@@ -38433,49 +35400,128 @@\n     E: \"R\",\n     N: \"\u0160\",\n     S: \"P\",\n     Graticule: \"Tinklelis\",\n     methodDeprecated: \"\u0160is metodas yra pasen\u0119s ir 3.0 versijoje bus pa\u0161alintas. \" + \"Pra\u0161ome naudoti ${newMethod}.\",\n     end: \"\"\n });\n-OpenLayers.Lang[\"ksh\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Met d\u00e4 Antwoot op en Aanfrooch ham_mer nix aanjefange: ${statusText}\",\n-    Permalink: \"Lengk op Duuer\",\n-    Overlays: \"Dr\u00f6vver jelaat\",\n-    \"Base Layer\": \"Jrund-Nivoh\",\n-    noFID: 'En Saach, woh kein <i lang=\"en\">FID</i> f\u00f6r doh es, l\u00f6ht sesch nit \u00e4ndere.',\n-    browserNotSupported: \"Dinge Brauser kann kein V\u00e4ktore u\u00dfj\u00e4vve. De Zoote U\u00dfjaabe, di em Momang jon, sen:\\n${renderers}\",\n-    minZoomLevelError: 'De Eijeschaff \u201e<code lang=\"en\">minZoomLevel</code>\u201c es blo\u00df dof\u00f6r jedaach, dat mer se met d\u00e4 Nivvoh\u00df bruch, di vun <code lang=\"en\">FixedZoomLevels</code> affhange don. Dat dat <i lang=\"en\">WFS</i>-Nivvoh \u00f6vverhoup de Eijeschaff \u201e<code lang=\"en\">minZoomLevel</code>\u201c pr\u00f6hfe deiht, es noch \u00f6vveresch vun fr\u00f6hjer. Mer k\u00fcnne dat \u00e4vver jez nit fott loh\u00dfe, oohne dat mer Jevaa loufe, dat Aanwendunge vun OpenLayers nit mieh loufe, di sesch doh velleijsch noch drop am verloh\u00dfe sin. Dr\u00f6m sare mer, dat mer et nit mieh han welle, un de \u201e<code lang=\"en\">minZoomLevel</code>\u201c-Eijeschaff weed hee vun de Version 3.0 af nit mieh jepr\u00f6\u00f6f w\u00e4de. Nemm dof\u00f6r de Enstellung f\u00f6r de h\u00fch\u00dfte un de klein\u00dfte Opl\u00f6hsung, esu wi et en http://trac.openlayers.org/wiki/SettingZoomLevels opjeschrevve es.',\n-    commitSuccess: 'D\u00e4 <i lang=\"en\">WFS</i>-V\u00f6rjang es joot jeloufe: ${response}',\n-    commitFailed: 'D\u00e4 <i lang=\"en\">WFS</i>-V\u00f6rjang es scheif jejange: ${response}',\n-    googleWarning: 'Dat Nivvoh <code lang=\"en\">Google</code> kunnt nit reschtesch jelaade w\u00e4\u00e4de.<br /><br />\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hke, r\u00e4h\u00df bovve en de \u00c4k.<br /><br />Wascheinlesch es dat wiel dat <i lang=\"en\">Google-Maps</i>-Skrepp entweeder nit reschtesch enjebonge wood, udder nit d\u00e4 reschtejje <i lang=\"en\">API</i>-Schl\u00f6\u00dfel f\u00f6r Ding Web-\u00dfait scheke deiht.<br /><br />F\u00f6r Projrammierer jidd_et H\u00f6lp do_dr\u00f6vver, <a href=\"http://trac.openlayers.org/wiki/Google\" target=\"_blank\">wi mer dat aan et Loufe brengk</a>.',\n-    getLayerWarning: 'Dat Nivvoh <code>${layerType}</code> kunnt nit reschtesch jelaade w\u00e4\u00e4de.<br /><br />\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hkre, r\u00e4h\u00df bovve en de \u00c4k.<br /><br />Wascheinlesch es dat, wiel dat Skrepp <code>${layerLib}</code> nit reschtesch enjebonge wood.<br /><br />F\u00f6r Projrammierer jidd_Et H\u00f6lp do_dr\u00f6vver, <a href=\"http://trac.openlayers.org/wiki/${layerLib}\" target=\"_blank\">wi mer dat aan et Loufe brengk</a>.',\n-    \"Scale = 1 : ${scaleDenom}\": \"Moh\u00dfshtaab = 1 : ${scaleDenom}\",\n+OpenLayers.Lang.en = {\n+    unhandledRequest: \"Unhandled request return ${statusText}\",\n+    Permalink: \"Permalink\",\n+    Overlays: \"Overlays\",\n+    \"Base Layer\": \"Base Layer\",\n+    noFID: \"Can't update a feature for which there is no FID.\",\n+    browserNotSupported: \"Your browser does not support vector rendering. Currently supported renderers are:\\n${renderers}\",\n+    minZoomLevelError: \"The minZoomLevel property is only intended for use \" + \"with the FixedZoomLevels-descendent layers. That this \" + \"wfs layer checks for minZoomLevel is a relic of the\" + \"past. We cannot, however, remove it without possibly \" + \"breaking OL based applications that may depend on it.\" + \" Therefore we are deprecating it -- the minZoomLevel \" + \"check below will be removed at 3.0. Please instead \" + \"use min/max resolution setting as described here: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS Transaction: SUCCESS ${response}\",\n+    commitFailed: \"WFS Transaction: FAILED ${response}\",\n+    googleWarning: \"The Google Layer was unable to load correctly.<br><br>\" + \"To get rid of this message, select a new BaseLayer \" + \"in the layer switcher in the upper-right corner.<br><br>\" + \"Most likely, this is because the Google Maps library \" + \"script was either not included, or does not contain the \" + \"correct API key for your site.<br><br>\" + \"Developers: For help getting this working correctly, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>click here</a>\",\n+    getLayerWarning: \"The ${layerType} Layer was unable to load correctly.<br><br>\" + \"To get rid of this message, select a new BaseLayer \" + \"in the layer switcher in the upper-right corner.<br><br>\" + \"Most likely, this is because the ${layerLib} library \" + \"script was not correctly included.<br><br>\" + \"Developers: For help getting this working correctly, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>click here</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scale = 1 : ${scaleDenom}\",\n     W: \"W\",\n-    E: \"O\",\n+    E: \"E\",\n     N: \"N\",\n     S: \"S\",\n-    reprojectDeprecated: \"Do bruchs de U\u00dfwahl <code>reproject</code> op d\u00e4m Nivvoh <code>${layerName}</code>. Di U\u00dfwahl es nit mieh j\u00e4hn jesinn. Se wohr dof\u00f6r jedaach, \u00f6m Date op jesch\u00e4\u00e4fsm\u00e4\u00dfesch eru\u00df jejovve Kaate bovve drop ze moole, wat \u00e4vver enzwesche besser met d\u00e4 \u00d6ngersht\u00f6zung f\u00f6r de \u00dff\u00e4\u00e4resche M\u00e4kaator Beldscher jeiht. Doh kanns De mieh dr\u00f6vver fenge op d\u00e4 Sigg: http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Hee di Metood es nim_mih akto\u00e4ll un et weed se en d\u00e4 Version 3.0 nit mieh j\u00e4vve. Nemm <code>${newMethod}</code> dof\u00f6\u00f6r.\"\n+    Graticule: \"Graticule\",\n+    reprojectDeprecated: \"You are using the 'reproject' option \" + \"on the ${layerName} layer. This option is deprecated: \" + \"its use was designed to support displaying data over commercial \" + \"basemaps, but that functionality should now be achieved by using \" + \"Spherical Mercator support. More information is available from \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"This method has been deprecated and will be removed in 3.0. \" + \"Please use ${newMethod} instead.\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"ia\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Le responsa a un requesta non esseva maneate: ${statusText}\",\n+    Permalink: \"Permaligamine\",\n+    Overlays: \"Superpositiones\",\n+    \"Base Layer\": \"Strato de base\",\n+    noFID: \"Non pote actualisar un elemento sin FID.\",\n+    browserNotSupported: \"Tu navigator non supporta le rendition de vectores. Le renditores actualmente supportate es:\\n${renderers}\",\n+    minZoomLevelError: \"Le proprietate minZoomLevel es solmente pro uso con le stratos descendente de FixedZoomLevels. Le facto que iste strato WFS verifica minZoomLevel es un reliquia del passato. Nonobstante, si nos lo remove immediatemente, nos pote rumper applicationes a base de OL que depende de illo. Ergo nos lo declara obsolete; le verification de minZoomLevel in basso essera removite in version 3.0. Per favor usa in su loco le configuration de resolutiones min/max como describite a: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transaction WFS: SUCCESSO ${response}\",\n+    commitFailed: \"Transaction WFS: FALLEVA ${response}\",\n+    googleWarning: \"Le strato Google non poteva esser cargate correctemente.<br><br>Pro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.<br><br>Multo probabilemente, isto es proque le script del libreria de Google Maps non esseva includite o non contine le clave API correcte pro tu sito.<br><br>Disveloppatores: Pro adjuta de corriger isto, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clicca hic</a\",\n+    getLayerWarning: \"Le strato ${layerType} non poteva esser cargate correctemente.<br><br>Pro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.<br><br>Multo probabilemente, isto es proque le script del libreria de ${layerLib} non esseva correctemente includite.<br><br>Disveloppatores: Pro adjuta de corriger isto, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clicca hic</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scala = 1 : ${scaleDenom}\",\n+    W: \"W\",\n+    E: \"E\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Tu usa le option 'reproject' in le strato ${layerName} layer. Iste option es obsolescente: illo esseva pro poter monstrar datos super cartas de base commercial, ma iste functionalitate pote ora esser attingite con le uso de Spherical Mercator. Ulterior information es disponibile a http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Iste methodo ha essite declarate obsolescente e essera removite in version 3.0. Per favor usa ${newMethod} in su loco.\"\n });\n-OpenLayers.Lang[\"cs-CZ\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Nezpracovan\u00e1 n\u00e1vratov\u00e1 hodnota ${statusText}\",\n-    Permalink: \"Trval\u00fd odkaz\",\n-    Overlays: \"P\u0159ekryvn\u00e9 vrstvy\",\n-    \"Base Layer\": \"Podkladov\u00e9 vrstvy\",\n-    noFID: \"Nelze aktualizovat prvek, pro kter\u00fd neexistuje FID.\",\n-    browserNotSupported: \"V\u00e1\u0161 prohl\u00ed\u017ee\u010d nepodporuje vykreslov\u00e1n\u00ed vektor\u016f. Moment\u00e1ln\u011b podporovan\u00e9 n\u00e1stroje jsou::\\n${renderers}\",\n-    minZoomLevelError: \"Vlastnost minZoomLevel by se m\u011bla pou\u017e\u00edvat pouze s potomky FixedZoomLevels vrstvami. To znamen\u00e1, \u017ee vrstva wfs kontroluje, zda-li minZoomLevel nen\u00ed zbytek z minulosti.Nelze to ov\u0161em vyjmout bez mo\u017enosti, \u017ee bychom rozbili aplikace postaven\u00e9 na OL, kter\u00e9 by na tom mohly z\u00e1viset. Proto tuto vlastnost nedoporu\u010dujeme pou\u017e\u00edvat --  kontrola minZoomLevel bude odstran\u011bna ve verzi 3.0. Pou\u017eijte pros\u00edm rad\u011bji nastaven\u00ed min/max podle p\u0159\u00edkaldu popsan\u00e9ho na: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS Transaction: \u00daSP\u011aCH ${response}\",\n-    commitFailed: \"WFS Transaction: CHYBA ${response}\",\n-    googleWarning: \"Nepoda\u0159ilo se spr\u00e1vn\u011b na\u010d\u00edst vrstvu Google.<br><br>Abyste se zbavili t\u00e9to zpr\u00e1vy, zvolte jinou z\u00e1kladn\u00ed vrstvu v p\u0159ep\u00edna\u010di vrstev.<br><br>To se v\u011bt\u0161inou st\u00e1v\u00e1, pokud nebyl na\u010dten skript, nebo neobsahuje spr\u00e1vn\u00fd kl\u00ed\u010d pro API pro tuto str\u00e1nku.<br><br>V\u00fdvoj\u00e1\u0159i: Pro pomoc, aby tohle fungovalo , <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>klikn\u011bte sem</a>\",\n-    getLayerWarning: \"The ${layerType} Layer was unable to load correctly.<br><br>To get rid of this message, select a new BaseLayer in the layer switcher in the upper-right corner.<br><br>Most likely, this is because the ${layerLib} library script was either not correctly included.<br><br>Developers: For help getting this working correctly, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>click here</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"M\u011b\u0159\u00edtko = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Pou\u017eil jste volbu 'reproject' ve vrstv\u011b ${layerName}. Tato volba nen\u00ed doporu\u010den\u00e1: byla zde proto, aby bylo mo\u017eno zobrazovat data z okomer\u010dn\u00edch server\u016f, ale tato funkce je nyn\u00ed zaji\u0161t\u011bna pomoc\u00ed podpory Spherical Mercator. V\u00edce informac\u00ed naleznete na http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Tato metoda je zavr\u017een\u00e1 a bude ve verzi 3.0 odstran\u011bna. Pros\u00edm, pou\u017eijte rad\u011bji ${newMethod}.\"\n+OpenLayers.Lang[\"sv\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Ej hanterad fr\u00e5ga retur ${statusText}\",\n+    Permalink: \"Permal\u00e4nk\",\n+    Overlays: \"Kartlager\",\n+    \"Base Layer\": \"Bakgrundskarta\",\n+    noFID: \"Kan ej uppdatera feature (objekt) f\u00f6r vilket FID saknas.\",\n+    browserNotSupported: \"Din webbl\u00e4sare st\u00f6der inte vektorvisning. F\u00f6r n\u00e4rvarande st\u00f6ds f\u00f6ljande visning:\\n${renderers}\",\n+    minZoomLevelError: \"Egenskapen minZoomLevel \u00e4r endast avsedd att anv\u00e4ndas med lager med FixedZoomLevels. Att detta WFS-lager kontrollerar minZoomLevel \u00e4r en relik fr\u00e5n \u00e4ldre versioner. Vi kan dock inte ta bort det utan att riskera att OL-baserade till\u00e4mpningar som anv\u00e4nder detta slutar fungera. D\u00e4rf\u00f6r \u00e4r det satt som deprecated, minZoomLevel kommer att tas bort i version 3.0. Anv\u00e4nd i st\u00e4llet inst\u00e4llning av min/max resolution som beskrivs h\u00e4r: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS-transaktion: LYCKADES ${response}\",\n+    commitFailed: \"WFS-transaktion: MISSLYCKADES ${response}\",\n+    googleWarning: \"Google-lagret kunde inte laddas korrekt.<br><br>F\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.<br><br>Sannolikt beror felet p\u00e5 att Google Maps-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan eller p\u00e5 att sidan inte anger korrekt API-nyckel f\u00f6r webbplatsen.<br><br>Utvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>klicka h\u00e4r</a>.\",\n+    getLayerWarning: \"${layerType}-lagret kunde inte laddas korrekt.<br><br>F\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.<br><br>Sannolikt beror felet p\u00e5 att ${layerLib}-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan.<br><br>Utvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klicka h\u00e4r</a>.\",\n+    \"Scale = 1 : ${scaleDenom}\": \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Du anv\u00e4nder inst\u00e4llningen 'reproject' p\u00e5 lagret ${layerName}. Denna inst\u00e4llning markerad som deprecated: den var avsedd att anv\u00e4ndas f\u00f6r att st\u00f6dja visning av kartdata p\u00e5 kommersiella bakgrundskartor, men nu b\u00f6r man i st\u00e4llet anv\u00e4nda Spherical Mercator-st\u00f6d f\u00f6r den funktionaliteten. Mer information finns p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Denna metod \u00e4r markerad som deprecated och kommer att tas bort i 3.0. Anv\u00e4nd ${newMethod} i st\u00e4llet.\"\n+});\n+OpenLayers.Lang[\"pt-BR\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"A requisi\u00e7\u00e3o retornou um erro n\u00e3o tratado: ${statusText}\",\n+    Permalink: \"Link para essa p\u00e1gina\",\n+    Overlays: \"Camadas de Sobreposi\u00e7\u00e3o\",\n+    \"Base Layer\": \"Camada Base\",\n+    noFID: \"N\u00e3o \u00e9 poss\u00edvel atualizar uma fei\u00e7\u00e3o que n\u00e3o tenha um FID.\",\n+    browserNotSupported: \"Seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o de vetores. Os renderizadores suportados atualmente s\u00e3o:\\n${renderers}\",\n+    minZoomLevelError: \"A propriedade minZoomLevel \u00e9 de uso restrito das camadas descendentes de FixedZoomLevels. A verifica\u00e7\u00e3o dessa propriedade pelas camadas wfs \u00e9 um res\u00edduo do passado. N\u00e3o podemos, entretanto n\u00e3o \u00e9 poss\u00edvel remov\u00ea-la sem poss\u00edvelmente quebrar o funcionamento de aplica\u00e7\u00f5es OL que possuem dep\u00eancia com ela. Portanto estamos tornando seu uso obsoleto -- a verifica\u00e7\u00e3o desse atributo ser\u00e1 removida na vers\u00e3o 3.0. Ao inv\u00e9s, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max como descrito em: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transa\u00e7\u00e3o WFS : SUCESSO ${response}\",\n+    commitFailed: \"Transa\u00e7\u00e3o WFS : ERRO ${response}\",\n+    googleWarning: \"N\u00e3o foi poss\u00edvel carregar a camada Google corretamente.<br><br>Para se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.<br><br>Muito provavelmente, isso foi causado porque o script da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo, ou porque ele n\u00e3o cont\u00e9m a chave correta da API para o seu site.<br><br>Desenvolvedores: Para obter ajuda em solucionar esse problema <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>cliquem aqui</a>\",\n+    getLayerWarning: \"N\u00e3o foi poss\u00edvel carregar a camada ${layerType} corretamente.<br><br>Para se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.<br><br>Muito provavelmente, isso foi causado porque o script da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo corretamente.<br><br>Desenvolvedores: Para obter ajuda em solucionar esse problema <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>cliquem aqui</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n+    W: \"O\",\n+    E: \"L\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Voc\u00ea est\u00e1 usando a op\u00e7\u00e3o 'reproject' na camada ${layerName}. Essa op\u00e7\u00e3o est\u00e1 obsoleta: seu uso foi projetado para suportar a visualiza\u00e7\u00e3o de dados sobre bases de mapas comerciais, entretanto essa funcionalidade deve agora ser alcan\u00e7ada usando o suporte \u00e0 proje\u00e7\u00e3o Mercator. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em: http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Esse m\u00e9todo est\u00e1 obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Ao inv\u00e9s, por favor use ${newMethod}.\"\n+});\n+OpenLayers.Lang.it = {\n+    unhandledRequest: \"Codice di ritorno della richiesta ${statusText}\",\n+    Permalink: \"Permalink\",\n+    Overlays: \"Overlays\",\n+    \"Base Layer\": \"Livello base\",\n+    noFID: \"Impossibile aggiornare un elemento grafico che non abbia il FID.\",\n+    browserNotSupported: \"Il tuo browser non supporta il rendering vettoriale. I renderizzatore attualemnte supportati sono:\\n${renderers}\",\n+    minZoomLevelError: \"La propriet\u00e0 minZoomLevel \u00e8 da utilizzare solamente \" + \"con livelli che abbiano FixedZoomLevels. Il fatto che \" + \"questo livello wfs controlli la propriet\u00e0 minZoomLevel \u00e8 \" + \"un retaggio del passato. Non possiamo comunque rimuoverla \" + \"senza rompere le vecchie applicazioni che dipendono su di essa.\" + \"Quindi siamo costretti a deprecarla -- minZoomLevel \" + \"e sar\u00e0 rimossa dalla vesione 3.0. Si prega di utilizzare i \" + \"settaggi di risoluzione min/max come descritto qui: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transazione WFS: SUCCESS ${response}\",\n+    commitFailed: \"Transazione WFS: FAILED ${response}\",\n+    googleWarning: \"Il livello Google non \u00e8 riuscito a caricare correttamente.<br><br>\" + \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" + \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" + \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria Google Maps \" + \"non \u00e8 stata inclusa nella pagina, oppure non contiene la \" + \"corretta API key per il tuo sito.<br><br>\" + \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>clicca qui</a>\",\n+    getLayerWarning: \"Il livello ${layerType} non \u00e8 riuscito a caricare correttamente.<br><br>\" + \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" + \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" + \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria ${layerLib} \" + \"non \u00e8 stata inclusa nella pagina.<br><br>\" + \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>clicca qui</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scala = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Stai utilizzando l'opzione 'reproject' sul livello ${layerName}. \" + \"Questa opzione \u00e8 deprecata: il suo utilizzo \u00e8 stato introdotto per\" + \"supportare il disegno dei dati sopra mappe commerciali, ma tale \" + \"funzionalit\u00e0 dovrebbe essere ottenuta tramite l'utilizzo della proiezione \" + \"Spherical Mercator. Per maggiori informazioni consultare qui \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Questo metodo \u00e8 stato deprecato e sar\u00e0 rimosso dalla versione 3.0. \" + \"Si prega di utilizzare il metodo ${newMethod} in alternativa.\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"nl\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Het verzoek is niet afgehandeld met de volgende melding: ${statusText}\",\n+    Permalink: \"Permanente verwijzing\",\n+    Overlays: \"Overlays\",\n+    \"Base Layer\": \"Achtergrondkaart\",\n+    noFID: \"Een optie die geen FID heeft kan niet bijgewerkt worden.\",\n+    browserNotSupported: \"Uw browser ondersteunt het weergeven van vectoren niet.\\nMomenteel ondersteunde weergavemogelijkheden:\\n${renderers}\",\n+    minZoomLevelError: \"De eigenschap minZoomLevel is alleen bedoeld voor gebruik lagen met die afstammen van FixedZoomLevels-lagen.\\nDat deze WFS-laag minZoomLevel controleert, is een overblijfsel uit het verleden.\\nWe kunnen deze controle echter niet verwijderen zonder op OL gebaseerde applicaties die hervan afhankelijk zijn stuk te maken.\\nDaarom heeft deze functionaliteit de eigenschap 'deprecated' gekregen - de minZoomLevel wordt verwijderd in versie 3.0.\\nGebruik in plaats van deze functie de mogelijkheid om min/max voor resolutie in te stellen zoals op de volgende pagina wordt beschreven:\\nhttp://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS-transactie: succesvol ${response}\",\n+    commitFailed: \"WFS-transactie: mislukt ${response}\",\n+    googleWarning: \"De Google-Layer kon niet correct geladen worden.<br /><br />\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.<br /><br />\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct ingevoegd is.<br /><br />\\nOntwikkelaars: <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klik hier</a> om dit werkend te krijgen.\",\n+    getLayerWarning: \"De laag ${layerType} kon niet goed geladen worden.<br /><br />\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.<br /><br />\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct is ingevoegd.<br /><br />\\nOntwikkelaars: <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klik hier</a> om dit werkend te krijgen.\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Schaal = 1 : ${scaleDenom}\",\n+    W: \"W\",\n+    E: \"O\",\n+    N: \"N\",\n+    S: \"Z\",\n+    reprojectDeprecated: \"U gebruikt de optie 'reproject' op de laag ${layerName}.\\nDeze optie is vervallen: deze optie was ontwikkeld om gegevens over commerci\u00eble basiskaarten weer te geven, maar deze functionaliteit wordt nu bereikt door ondersteuning van Spherical Mercator.\\nMeer informatie is beschikbaar op http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Deze methode is verouderd en wordt verwijderd in versie 3.0.\\nGebruik ${newMethod}.\"\n });\n OpenLayers.Lang[\"vi\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Kh\u00f4ng x\u1eed l\u00fd \u0111\u01b0\u1ee3c ph\u1ea3n h\u1ed3i ${statusText} cho y\u00eau c\u1ea7u\",\n     Permalink: \"Li\u00ean k\u1ebft th\u01b0\u1eddng tr\u1ef1c\",\n     Overlays: \"L\u1ea5p b\u1ea3n \u0111\u1ed3\",\n     \"Base Layer\": \"L\u1edbp n\u1ec1n\",\n     noFID: \"Kh\u00f4ng th\u1ec3 c\u1eadp nh\u1eadt t\u00ednh n\u0103ng thi\u1ebfu FID.\",\n@@ -38489,63 +35535,162 @@\n     W: \"T\",\n     E: \"\u0110\",\n     N: \"B\",\n     S: \"N\",\n     reprojectDeprecated: \"B\u1ea1n \u0111ang \u00e1p d\u1ee5ng ch\u1ebf \u0111\u1ed9 \u201creproject\u201d v\u00e0o l\u1edbp ${layerName}. Ch\u1ebf \u0111\u1ed9 n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i: n\u00f3 c\u00f3 m\u1ee5c \u0111\u00edch h\u1ed7 tr\u1ee3 l\u1ea5p d\u1eef li\u1ec7u tr\u00ean c\u00e1c n\u1ec1n b\u1ea3n \u0111\u1ed3 th\u01b0\u01a1ng m\u1ea1i; n\u00ean th\u1ef1c hi\u1ec7n hi\u1ec7u \u1ee9ng \u0111\u00f3 d\u00f9ng t\u00ednh n\u0103ng Mercator H\u00ecnh c\u1ea7u. C\u00f3 s\u1eb5n th\u00eam chi ti\u1ebft t\u1ea1i http://trac.openlayers.org/wiki/SphericalMercator .\",\n     methodDeprecated: \"Ph\u01b0\u01a1ng th\u1ee9c n\u00e0y \u0111\u00e3 b\u1ecb ph\u1ea3n \u0111\u1ed1i v\u00e0 s\u1ebd b\u1ecb d\u1eddi v\u00e0o phi\u00ean b\u1ea3n 3.0. Xin h\u00e3y s\u1eed d\u1ee5ng ${newMethod} thay th\u1ebf.\"\n });\n-OpenLayers.Lang.ca = {\n-    unhandledRequest: \"Resposta a petici\u00f3 no gestionada ${statusText}\",\n-    Permalink: \"Enlla\u00e7 permanent\",\n-    Overlays: \"Capes addicionals\",\n-    \"Base Layer\": \"Capa Base\",\n-    noFID: \"No es pot actualitzar un element per al que no existeix FID.\",\n-    browserNotSupported: \"El seu navegador no suporta renderitzaci\u00f3 vectorial. Els renderitzadors suportats actualment s\u00f3n:\\n${renderers}\",\n-    minZoomLevelError: \"La propietat minZoomLevel s'ha d'utilitzar nom\u00e9s \" + \"amb les capes que tenen FixedZoomLevels. El fet que \" + \"una capa wfs comprovi minZoomLevel \u00e9s una rel\u00edquia del \" + \"passat. No podem, per\u00f2, eliminar-la sense trencar \" + \"les aplicacions d'OpenLayers que en puguin dependre. \" + \"Aix\u00ed doncs estem fent-la obsoleta -- la comprovaci\u00f3 \" + \"minZoomLevel s'eliminar\u00e0 a la versi\u00f3 3.0. Feu servir \" + \"els par\u00e0metres min/max resolution en substituci\u00f3, tal com es descriu aqu\u00ed: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transacci\u00f3 WFS: CORRECTA ${response}\",\n-    commitFailed: \"Transacci\u00f3 WFS: HA FALLAT ${response}\",\n-    googleWarning: \"La capa Google no s'ha pogut carregar correctament.<br><br>\" + \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" + \"al gestor de capes de la cantonada superior dreta.<br><br>\" + \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca de \" + \"Google Maps no ha estat incl\u00f2s a la vostra p\u00e0gina, o no \" + \"cont\u00e9 la clau de l'API correcta per a la vostra adre\u00e7a.<br><br>\" + \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n-    getLayerWarning: \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" + \"al gestor de capes de la cantonada superior dreta.<br><br>\" + \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca \" + \"${layerLib} \" + \"no ha estat incl\u00f2s a la vostra p\u00e0gina.<br><br>\" + \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n+OpenLayers.Lang[\"nb\"] = {\n+    unhandledRequest: \"Ubehandlet foresp\u00f8rsel returnerte ${statusText}\",\n+    Permalink: \"Kobling til denne siden\",\n+    Overlays: \"Kartlag\",\n+    \"Base Layer\": \"Bakgrunnskart\",\n+    noFID: \"Kan ikke oppdatere et feature (et objekt) som ikke har FID.\",\n+    browserNotSupported: \"Din nettleser st\u00f8tter ikke vektortegning. Tegnemetodene som st\u00f8ttes er:\\n${renderers}\",\n+    minZoomLevelError: \"Egenskapen minZoomLevel er kun ment til bruk p\u00e5 lag \" + \"basert p\u00e5 FixedZoomLevels. At dette wfs-laget sjekker \" + \"minZoomLevel er en etterlevning fra tidligere versjoner. Det kan dog ikke \" + \"tas bort uten \u00e5 risikere at OL-baserte applikasjoner \" + \"slutter \u00e5 virke, s\u00e5 det er merket som foreldet: \" + \"minZoomLevel i sjekken nedenfor vil fjernes i 3.0. \" + \"Vennligst bruk innstillingene for min/maks oppl\u00f8sning \" + \"som er beskrevet her: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS-transaksjon: LYKTES ${response}\",\n+    commitFailed: \"WFS-transaksjon: MISLYKTES ${response}\",\n+    googleWarning: \"Google-laget kunne ikke lastes.<br><br>\" + \"Bytt til et annet bakgrunnslag i lagvelgeren i \" + \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" + \"Sannsynligvis for\u00e5rsakes feilen av at Google Maps-biblioteket \" + \"ikke er riktig inkludert p\u00e5 nettsiden, eller at det ikke er \" + \"angitt riktig API-n\u00f8kkel for nettstedet.<br><br>\" + \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>her</a>.\",\n+    getLayerWarning: \"${layerType}-laget kunne ikke lastes.<br><br>\" + \"Bytt til et annet bakgrunnslag i lagvelgeren i \" + \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" + \"Sannsynligvis for\u00e5rsakes feilen av at \" + \"${layerLib}-biblioteket ikke var riktig inkludert \" + \"p\u00e5 nettsiden.<br><br>\" + \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>her</a>.\",\n+    \"Scale = 1 : ${scaleDenom}\": \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Du bruker innstillingen 'reproject' p\u00e5 laget ${layerName}. \" + \"Denne innstillingen er foreldet, den var ment for \u00e5 st\u00f8tte \" + \"visning av kartdata over kommersielle bakgrunnskart, men det \" + \"b\u00f8r n\u00e5 gj\u00f8res med st\u00f8tten for Spherical Mercator. Mer informasjon \" + \"finnes p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Denne metoden er markert som foreldet og vil bli fjernet i 3.0. \" + \"Vennligst bruk ${newMethod} i stedet.\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"no\"] = OpenLayers.Lang[\"nb\"];\n+OpenLayers.Lang[\"ja\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"\u672a\u51e6\u7406\u306e\u8981\u6c42\u306f ${statusText} \u3092\u8fd4\u3057\u307e\u3059\",\n+    Permalink: \"\u30d1\u30fc\u30de\u30ea\u30f3\u30af\",\n+    Overlays: \"\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\",\n+    \"Base Layer\": \"\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\",\n+    noFID: \"FID \u306e\u306a\u3044\u5730\u7269\u306f\u66f4\u65b0\u3067\u304d\u307e\u305b\u3093\u3002\",\n+    browserNotSupported: \"\u3042\u306a\u305f\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u30d9\u30af\u30bf\u30fc\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u306e\u63cf\u5199\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u73fe\u6642\u70b9\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u3067\u3059\u3002\\n${renderers}\",\n+    minZoomLevelError: \"minZoomLevel \u30d7\u30ed\u30d1\u30c6\u30a3\u306f FixedZoomLevels \u3092\u7d99\u627f\u3059\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u4f7f\u7528\u306e\u307f\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e minZoomLevel \u306b\u5bfe\u3059\u308b WFS \u30ec\u30a4\u30e4\u30fc\u306e\u691c\u67fb\u306f\u6b74\u53f2\u7684\u306a\u3082\u306e\u3067\u3059\u3002\u3057\u304b\u3057\u306a\u304c\u3089\u3001\u3053\u306e\u691c\u67fb\u3092\u9664\u53bb\u3059\u308b\u3068\u305d\u308c\u306b\u4f9d\u5b58\u3059\u308b OpenLayers \u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7834\u58ca\u3057\u3066\u3057\u307e\u3046\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u3088\u3063\u3066\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e minZoomLevel \u691c\u67fb\u306f\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b\u3001http://trac.openlayers.org/wiki/SettingZoomLevels \u3067\u89e3\u8aac\u3055\u308c\u3066\u3044\u308b\u3001\u6700\u5c0f\u304a\u3088\u3073\u6700\u5927\u89e3\u50cf\u5ea6\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+    commitSuccess: \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u6210\u529f ${response}\",\n+    commitFailed: \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u5931\u6557 ${response}\",\n+    googleWarning: \"Google \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br><br>\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<br><br>\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f Google \u30de\u30c3\u30d7\u7528\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u304b\u3001\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8\u306b\u5bfe\u5fdc\u3059\u308b\u6b63\u3057\u3044 API \u30ad\u30fc\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002<br><br>\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b<a href='http://trac.openlayers.org/wiki/Google' target='_blank'>\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad</a>\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+    getLayerWarning: \"${layerType} \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br><br>\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<br><br>\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f ${layerLib} \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6b63\u3057\u304f\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002<br><br>\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b<a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad</a>\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u7e2e\u5c3a = 1 : ${scaleDenom}\",\n+    W: \"\u897f\",\n+    E: \"\u6771\",\n+    N: \"\u5317\",\n+    S: \"\u5357\",\n+    reprojectDeprecated: \"\u3042\u306a\u305f\u306f\u300c${layerName}\u300d\u30ec\u30a4\u30e4\u30fc\u3067 reproject \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5546\u7528\u306e\u57fa\u5e95\u5730\u56f3\u4e0a\u306b\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u76ee\u7684\u3067\u8a2d\u8a08\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u73fe\u5728\u3067\u306f\u305d\u306e\u6a5f\u80fd\u306f Spherical Mercator \u30b5\u30dd\u30fc\u30c8\u3092\u5229\u7528\u3057\u3066\u5b9f\u73fe\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u4f7f\u7528\u306f\u975e\u63a8\u5968\u3067\u3059\u3002\u8ffd\u52a0\u306e\u60c5\u5831\u306f http://trac.openlayers.org/wiki/SphericalMercator \u3067\u5165\u624b\u3067\u304d\u307e\u3059\u3002\",\n+    methodDeprecated: \"\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b ${newMethod} \u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n+});\n+OpenLayers.Lang[\"zh-CN\"] = {\n+    unhandledRequest: \"\u672a\u5904\u7406\u7684\u8bf7\u6c42\uff0c\u8fd4\u56de\u503c\u4e3a ${statusText}\",\n+    Permalink: \"\u6c38\u4e45\u94fe\u63a5\",\n+    Overlays: \"\u53e0\u52a0\u5c42\",\n+    \"Base Layer\": \"\u57fa\u7840\u56fe\u5c42\",\n+    noFID: \"\u65e0\u6cd5\u66f4\u65b0feature\uff0c\u7f3a\u5c11FID\u3002\",\n+    browserNotSupported: \"\u4f60\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u77e2\u91cf\u6e32\u67d3\u3002\u5f53\u524d\u652f\u6301\u7684\u6e32\u67d3\u65b9\u5f0f\u5305\u62ec\uff1a\\n${renderers}\",\n+    minZoomLevelError: \"minZoomLevel\u5c5e\u6027\u4ec5\u9002\u5408\u7528\u4e8e\" + \"\u4f7f\u7528\u4e86\u56fa\u5b9a\u7f29\u653e\u7ea7\u522b\u7684\u56fe\u5c42\u3002\u8fd9\u4e2a \" + \"wfs \u56fe\u5c42\u68c0\u67e5 minZoomLevel \u662f\u8fc7\u53bb\u9057\u7559\u4e0b\u6765\u7684\u3002\" + \"\u7136\u800c\uff0c\u6211\u4eec\u4e0d\u80fd\u79fb\u9664\u5b83\uff0c\" + \"\u800c\u7834\u574f\u4f9d\u8d56\u4e8e\u5b83\u7684\u57fa\u4e8eOL\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\" + \"\u56e0\u6b64\uff0c\u6211\u4eec\u5e9f\u9664\u4e86\u5b83 -- minZoomLevel \" + \"\u5c06\u4f1a\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\u8bf7\u6539\u7528 \" + \"min/max resolution \u8bbe\u7f6e\uff0c\u53c2\u8003\uff1a\" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS Transaction: \u6210\u529f\u3002 ${response}\",\n+    commitFailed: \"WFS Transaction: \u5931\u8d25\u3002 ${response}\",\n+    googleWarning: \"Google\u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" + \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" + \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" + \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542bGoogle\u5730\u56fe\u811a\u672c\u5e93\uff0c\" + \"\u6216\u8005\u662f\u6ca1\u6709\u5305\u542b\u5728\u4f60\u7684\u7ad9\u70b9\u4e0a\" + \"\u4f7f\u7528\u7684\u6b63\u786e\u7684Google Maps API\u5bc6\u5319\u3002<br><br>\" + \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+    getLayerWarning: \"${layerType} \u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" + \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" + \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" + \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542b\" + \"${layerLib} \u811a\u672c\u5e93\u3002<br><br>\" + \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u6bd4\u4f8b\u5c3a = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"\u4f60\u6b63\u5728\u4f7f\u7528 ${layerName} \u56fe\u5c42\u4e0a\u7684'reproject'\u9009\u9879\u3002\" + \"\u8fd9\u4e2a\u9009\u9879\u5df2\u7ecf\u4e0d\u518d\u4f7f\u7528\uff1a\" + \"\u5b83\u662f\u88ab\u8bbe\u8ba1\u7528\u6765\u652f\u6301\u663e\u793a\u5546\u4e1a\u7684\u5730\u56fe\u6570\u636e\uff0c\" + \"\u4e0d\u8fc7\u73b0\u5728\u8be5\u529f\u80fd\u53ef\u4ee5\u901a\u8fc7\u4f7f\u7528Spherical Mercator\u6765\u5b9e\u73b0\u3002\" + \"\u66f4\u591a\u4fe1\u606f\u53ef\u4ee5\u53c2\u9605\" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"\u8be5\u65b9\u6cd5\u5df2\u7ecf\u4e0d\u518d\u88ab\u652f\u6301\uff0c\u5e76\u4e14\u5c06\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\" + \"\u8bf7\u4f7f\u7528 ${newMethod} \u65b9\u6cd5\u6765\u66ff\u4ee3\u3002\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"sk\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Neobsl\u00fa\u017een\u00e9 po\u017eiadavky vracaj\u00fa ${statusText}\",\n+    Permalink: \"Trval\u00fd odkaz\",\n+    Overlays: \"Prekrytia\",\n+    \"Base Layer\": \"Z\u00e1kladn\u00e1 vrstva\",\n+    noFID: \"Nie je mo\u017en\u00e9 aktualizova\u0165 vlastnos\u0165, pre ktor\u00fa neexistuje FID.\",\n+    browserNotSupported: \"V\u00e1\u0161 prehliada\u010d nepodporuje vykres\u013eovanie vektorov. Moment\u00e1lne podporovan\u00e9 vykres\u013eova\u010de s\u00fa:\\n${renderers}\",\n+    minZoomLevelError: \"Vlastnos\u0165 minZoomLevel je ur\u010den\u00fd iba na pou\u017eitie s vrstvami odvoden\u00fdmi od FixedZoomLevels. To, \u017ee t\u00e1to wfs vrstva kontroluje minZoomLevel je pozostatok z minulosti. Nem\u00f4\u017eeme ho v\u0161ak odstr\u00e1ni\u0165, aby sme sa vyhli mo\u017en\u00e9mu poru\u0161eniu aplik\u00e1ci\u00ed zalo\u017een\u00fdch na Open Layers, ktor\u00e9 na tomto m\u00f4\u017ee z\u00e1visie\u0165. Preto ho ozna\u010dujeme ako zavrhovan\u00fd - dolu uveden\u00e1 kontrola minZoomLevel bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto toho kontrolu min./max. rozl\u00ed\u0161enia pod\u013ea tu uveden\u00e9ho popisu: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transakcia WFS: \u00daSPE\u0160N\u00c1 ${response}\",\n+    commitFailed: \"Transakcia WFS: ZLYHALA ${response}\",\n+    googleWarning: \"Vrstvu Google nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.<br><br>Aby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.<br><br>Toto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice Google Maps bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.<br><br>V\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>pomoc so sfunk\u010dnen\u00edm</a>\",\n+    getLayerWarning: \"Vrstvu ${layerType} nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.<br><br>Aby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.<br><br>Toto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice ${layerType} bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.<br><br>V\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 <a href='http://trac.openlayers.org/wiki/${layerType}' target='_blank'>pomoc so sfunk\u010dnen\u00edm</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Mierka = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Pou\u017e\u00edvate vo\u013eby \u201ereproject\u201c vrstvy ${layerType}. T\u00e1to vo\u013eba je zzavrhovan\u00e1: jej pou\u017eitie bolo navrhnut\u00e9 na podporu zobrazovania \u00fadajov nad komer\u010dn\u00fdmi z\u00e1kladov\u00fdmi mapami, ale t\u00fato funkcionalitu je teraz mo\u017en\u00e9 dosiahnu\u0165 pomocou Spherical Mercator. \u010eal\u0161ie inform\u00e1cie z\u00edskate na str\u00e1nke http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"T\u00e1to met\u00f3da je zavrhovan\u00e1 a bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto nej met\u00f3du ${newMethod}.\"\n+});\n+OpenLayers.Lang[\"da-DK\"] = {\n+    unhandledRequest: \"En ikke h\u00e5ndteret foresp\u00f8rgsel returnerede ${statusText}\",\n+    Permalink: \"Permalink\",\n+    Overlays: \"Kortlag\",\n+    \"Base Layer\": \"Baggrundslag\",\n+    noFID: \"Kan ikke opdateret en feature (et objekt) der ikke har et FID.\",\n+    browserNotSupported: \"Din browser underst\u00f8tter ikke vektor visning. F\u00f8lgende vektor visninger underst\u00f8ttes:\\n${renderers}\",\n+    minZoomLevelError: \"Egenskaben minZoomLevel er kun beregnet til brug \" + \"med FixedZoomLevels. At dette WFS lag kontrollerer \" + \"minZoomLevel egenskaben, er et levn fra en tidligere \" + \"version. Vi kan desv\u00e6rre ikke fjerne dette uden at risikere \" + \"at \u00f8del\u00e6gge eksisterende OL baserede programmer der \" + \" benytter denne funktionalitet. \" + \"Egenskaben b\u00f8r derfor ikke anvendes, og minZoomLevel \" + \"kontrollen herunder vil blive fjernet i version 3.0. \" + \"Benyt istedet min/max opl\u00f8snings indstillingerne, som \" + \"er beskrevet her: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS transaktion: LYKKEDES ${response}\",\n+    commitFailed: \"WFS transaktion: MISLYKKEDES ${response}\",\n+    googleWarning: \"Google laget kunne ikke indl\u00e6ses.<br><br>\" + \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" + \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" + \"Fejlen skyldes formentlig at Google Maps bibliotekts \" + \"scriptet ikke er inkluderet, eller ikke indeholder den \" + \"korrkte API n\u00f8gle for dit site.<br><br>\" + \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>klik her</a>\",\n+    getLayerWarning: \"${layerType}-laget kunne ikke indl\u00e6ses.<br><br>\" + \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" + \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" + \"Fejlen skyldes formentlig at ${layerLib} bibliotekts \" + \"scriptet ikke er inkluderet.<br><br>\" + \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>klik her</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"M\u00e5lforhold = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Du anvender indstillingen 'reproject' p\u00e5 laget ${layerName}.\" + \"Denne indstilling b\u00f8r ikke l\u00e6ngere anvendes. Den var beregnet \" + \"til at vise data ovenp\u00e5 kommercielle grundkort, men den funktionalitet \" + \"b\u00f8r nu opn\u00e5s ved at anvende Spherical Mercator underst\u00f8ttelsen. \" + \"Mere information er tilg\u00e6ngelig her: \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Denne funktion b\u00f8r ikke l\u00e6ngere anvendes, og vil blive fjernet i version 3.0. \" + \"Anvend venligst funktionen ${newMethod} istedet.\"\n+};\n+OpenLayers.Lang[\"el\"] = OpenLayers.Util.applyDefaults({\n+    \"Scale = 1 : ${scaleDenom}\": \"\u039a\u03bb\u03af\u03bc\u03b1\u03ba\u03b1 ~ 1 : ${scaleDenom}\"\n+});\n+OpenLayers.Lang[\"fur\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"Leam Permanent\",\n+    Overlays: \"Livei parsore\",\n+    \"Base Layer\": \"Livel di base\",\n+    browserNotSupported: \"Il to sgarfad\u00f4r nol supuarte la renderizazion vetori\u00e2l. Al moment a son supuart\u00e2ts:\\n${renderers}\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scjale = 1 : ${scaleDenom}\",\n     W: \"O\",\n     E: \"E\",\n     N: \"N\",\n+    S: \"S\"\n+});\n+OpenLayers.Lang[\"bg\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430 \u043f\u0440\u0435\u043f\u0440\u0430\u0442\u043a\u0430\",\n+    \"Base Layer\": \"\u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0441\u043b\u043e\u0439\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u041c\u0430\u0449\u0430\u0431 = 1 : ${scaleDenom}\",\n+    methodDeprecated: \"\u0422\u043e\u0437\u0438 \u043c\u0435\u0442\u043e\u0434 \u0435 \u043e\u0441\u0442\u0430\u0440\u044f\u043b \u0438 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u0432\u0430\u0442 \u0432 3.0. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 ${newMethod}.\"\n+});\n+OpenLayers.Lang.ro = {\n+    unhandledRequest: \"Cerere nesolu\u021bionat\u0103 return ${statusText}\",\n+    Permalink: \"Legatur\u0103 permanent\u0103\",\n+    Overlays: \"Straturi vector\",\n+    \"Base Layer\": \"Straturi de baz\u0103\",\n+    noFID: \"Nu pot actualiza un feature pentru care nu exist\u0103 FID.\",\n+    browserNotSupported: \"Browserul t\u0103u nu suport\u0103 afi\u0219area vectorilor. Supoetul curent pentru randare:\\n${renderers}\",\n+    minZoomLevelError: \"Proprietatea minZoomLevel este doar pentru a fi folosit\u0103 \" + \"cu straturile FixedZoomLevels-descendent. De aceea acest \" + \"strat wfs verific\u0103 dac\u0103 minZoomLevel este o relicv\u0103\" + \". Nu \u00eel putem , oricum, \u00eenl\u0103tura f\u0103r\u0103 \" + \"a afecta aplica\u021biile Openlayers care depind de ea.\" + \" De aceea consider\u0103m depreciat -- minZoomLevel \" + \"\u0219i \u00eel vom \u00eenl\u0103tura \u00een 3.0. Folose\u0219te \" + \"min/max resolution cum este descris\u0103 aici: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Tranzac\u021bie WFS: SUCCES ${response}\",\n+    commitFailed: \"Tranzac\u021bie WFS : E\u0218EC ${response}\",\n+    googleWarning: \"Stratul Google nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" + \"Pentru a elimina acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" + \"\u00een Layerswitcher din col\u021bul dreata-sus.<br><br>\" + \"Asta datorit\u0103, faptului c\u0103 Google Maps library \" + \"script nu este inclus, sau nu con\u021bine \" + \"cheia API corect\u0103 pentru situl t\u0103u.<br><br>\" + \"Developeri: Pentru ajutor, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>ap\u0103sa\u021bi aici</a>\",\n+    getLayerWarning: \"Stratul ${layerType} nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" + \"pentru a \u00eenl\u0103tura acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" + \"Acesta eroare apare de obicei c\u00e2nd ${layerLib} library \" + \"script nu a fost \u00eenc\u0103rcat corect.<br><br>\" + \"Developeri: Pentru ajutor privind utilizarea corect\u0103, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>apas\u0103 aici</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scara = 1 : ${scaleDenom}\",\n+    W: \"V\",\n+    E: \"E\",\n+    N: \"N\",\n     S: \"S\",\n-    Graticule: \"Ret\u00edcula\",\n-    reprojectDeprecated: \"Esteu fent servir l'opci\u00f3 'reproject' a la capa \" + \"${layerName}. Aquesta opci\u00f3 \u00e9s obsoleta: el seu \u00fas fou concebut \" + \"per suportar la visualitzaci\u00f3 de dades sobre mapes base comercials, \" + \"per\u00f2 ara aquesta funcionalitat s'hauria d'assolir mitjan\u00e7ant el suport \" + \"de la projecci\u00f3 Spherical Mercator. M\u00e9s informaci\u00f3 disponible a \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Aquest m\u00e8tode \u00e9s obsolet i s'eliminar\u00e0 a la versi\u00f3 3.0. \" + \"Si us plau feu servir em m\u00e8tode alternatiu ${newMethod}.\",\n+    Graticule: \"Graticule\",\n+    reprojectDeprecated: \"folose\u0219ti op\u021biunea 'reproject' \" + \"pentru stratul ${layerName} . Aceast\u0103 op\u021biune este depreciat\u0103: \" + \"a fost utilizat\u0103 pentru afi\u0219area straturilor de baz\u0103 comerciale \" + \"Mai multe informa\u021bii despre proiec\u021bia Mercator sunt disponibile aici \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Aceast\u0103 metod\u0103 este depreciat\u0103 \u0219i va fi \u00eenl\u0103turat\u0103 in versiunea 3.0. \" + \"folose\u0219te metoda ${newMethod}.\",\n     end: \"\"\n };\n-OpenLayers.Lang[\"hsb\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Wotmo\u0142wa njewobd\u017a\u011b\u0142aneho napra\u0161owanja ${statusText}\",\n-    Permalink: \"Trajny wotkaz\",\n-    Overlays: \"Nawor\u0161towanja\",\n-    \"Base Layer\": \"Zak\u0142adna runina\",\n-    noFID: \"Funkcija, za kotru\u017e FID njeje, njeda so aktualizowa\u0107.\",\n-    browserNotSupported: \"Tw\u00f3j wobhladowak wektorowe rysowanje njepodp\u011bruje. Tuchwilu podp\u011browane rysowaki su:\\n${renderers}\",\n-    minZoomLevelError: \"Kajkos\u0107 minZoomLevel je jeno\u017e za wu\u017eiwanje z wor\u0161tami myslena, kotre\u017e wot FixedZoomLevels pochad\u017aeja. Zo tuta wor\u0161ta wfs za minZoomLevel p\u0159epruwuje, je relikt za\u0144d\u017aenos\u0107e. Njem\u00f3\u017eemy w\u0161ak ju wotstroni\u0107, bjeztoho zo aplikacije, kotre\u017e na OpenLayers baz\u011bruja a snano tutu kajkos\u0107 wu\u017eiwaja, hi\u017eo njefunguja. Tohodla smy ju jako zestarjenu woznamjenili -- p\u0159epruwowanje za minZoomLevel budu so we wersiji 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij m\u011bsto toho nastajenje min/max, ka\u017e je tu wopisane: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS-Transakcija: WUSP\u011a\u0160NA ${response}\",\n-    commitFailed: \"WFS-Transakcija: NJEPORAD\u0179ENA ${response}\",\n-    googleWarning: \"Wor\u0161ta Google njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.<br><br>Zo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.<br><br>Najskerje so to stawa, dokel\u017e skript biblioteki Google Maps pak njebu zap\u0159ijaty pak njewobsahuje korektny klu\u010d API za twoje syd\u0142o.<br><br>Wuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n<a href='http://trac.openlayers.org/wiki/Google' target='_blank'>tu klikny\u0107</a>\",\n-    getLayerWarning: \"Wor\u0161ta ${layerType} njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.<br><br>Zo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.<br><br>Najskerje so to stawa, dokel\u017e skript biblioteki ${layerLib} njebu korektnje zap\u0159ijaty.<br><br>Wuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n<a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>tu klikny\u0107</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"M\u011britko = 1 : ${scaleDenom}\",\n-    W: \"Z\",\n-    E: \"W\",\n-    N: \"S\",\n-    S: \"J\",\n-    reprojectDeprecated: 'Wu\u017eiwa\u0161 opciju \"reproject\" wo\u0159\u0161ty ${layerName}. Tuta opcija je zestarjena: jeje wu\u017eiwanje b\u011b myslene, zo by zwobraznjenje datow nad komercielnymi bazowymi kartami podp\u011bra\u0142o, ale funkcionalnos\u0107 m\u011b\u0142a so n\u011btko z pomocu Sperical Mercator docp\u011b\u0107. Dal\u0161e informacije steja na http://trac.openlayers.org/wiki/SphericalMercator k dispoziciji.',\n-    methodDeprecated: \"Tuta metoda je so njeschwali\u0142a a bud\u017ae so w 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij ${newMethod} m\u011bsto toho.\"\n-});\n-OpenLayers.Lang[\"nn\"] = OpenLayers.Util.applyDefaults({\n-    \"Scale = 1 : ${scaleDenom}\": \"Skala = 1 : ${scaleDenom}\"\n-});\n-OpenLayers.Lang[\"km\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"\u178f\u17c6\u178e\u1797\u17d2\u1787\u17b6\u1794\u17cb\u17a2\u1785\u17b7\u1793\u17d2\u178f\u17d2\u179a\u17c3\u1799\u17cd\",\n-    \"Base Layer\": \"\u179f\u17d2\u179a\u1791\u17b6\u1794\u17cb\u1794\u17b6\u178f\u200b\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u1798\u17b6\u178f\u17d2\u179a\u178a\u17d2\u178b\u17b6\u1793 = \u17e1 \u17d6 ${scaleDenom}\"\n+OpenLayers.Lang[\"pt\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Servidor devolveu erro n\u00e3o contemplado ${statusText}\",\n+    Permalink: \"Liga\u00e7\u00e3o permanente\",\n+    Overlays: \"Sobreposi\u00e7\u00f5es\",\n+    \"Base Layer\": \"Camada Base\",\n+    noFID: \"N\u00e3o \u00e9 poss\u00edvel atualizar um elemento para a qual n\u00e3o h\u00e1 FID.\",\n+    browserNotSupported: \"O seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o vetorial. Actualmente os renderizadores suportados s\u00e3o:\\n${renderers}\",\n+    minZoomLevelError: \"A propriedade minZoomLevel s\u00f3 deve ser usada com as camadas descendentes da FixedZoomLevels. A verifica\u00e7\u00e3o da propriedade por esta camada wfs \u00e9 uma rel\u00edquia do passado. No entanto, n\u00e3o podemos remov\u00ea-la sem correr o risco de afectar aplica\u00e7\u00f5es OL que dependam dela. Portanto, estamos a torn\u00e1-la obsoleta -- a verifica\u00e7\u00e3o minZoomLevel ser\u00e1 removida na vers\u00e3o 3.0. Em vez dela, por favor, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max descritas aqui: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transac\u00e7\u00e3o WFS: SUCESSO ${response}\",\n+    commitFailed: \"Transac\u00e7\u00e3o WFS: FALHOU ${response}\",\n+    googleWarning: \"A Camada Google n\u00e3o foi correctamente carregada.<br><br>Para deixar de receber esta mensagem, seleccione uma nova Camada-Base no ''switcher'' de camadas no canto superior direito.<br><br>Provavelmente, isto acontece porque o ''script'' da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo ou n\u00e3o cont\u00e9m a chave API correcta para o seu s\u00edtio.<br><br>Programadores: Para ajuda sobre como solucionar o problema <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clique aqui</a> .\",\n+    getLayerWarning: \"A camada ${layerType} n\u00e3o foi correctamente carregada.<br><br>Para desactivar esta mensagem, seleccione uma nova Camada-Base no ''switcher'' de camadas no canto superior direito.<br><br>Provavelmente, isto acontece porque o ''script'' da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo correctamente.<br><br>Programadores: Para ajuda sobre como solucionar o problema <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clique aqui</a> .\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n+    W: \"O\",\n+    E: \"E\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Est\u00e1 usando a op\u00e7\u00e3o 'reproject' na camada ${layerName}. Esta op\u00e7\u00e3o \u00e9 obsoleta: foi concebida para permitir a apresenta\u00e7\u00e3o de dados sobre mapas-base comerciais, mas esta funcionalidade \u00e9 agora suportada pelo Mercator Esf\u00e9rico. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Este m\u00e9todo foi declarado obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Por favor, use ${newMethod} em vez disso.\"\n });\n OpenLayers.Lang[\"de\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Unbehandelte Anfrager\u00fcckmeldung ${statusText}\",\n     Permalink: \"Permalink\",\n     Overlays: \"Overlays\",\n     \"Base Layer\": \"Grundkarte\",\n     noFID: \"Ein Feature, f\u00fcr das keine FID existiert, kann nicht aktualisiert werden.\",\n@@ -38559,34 +35704,14 @@\n     W: \"W\",\n     E: \"O\",\n     N: \"N\",\n     S: \"S\",\n     reprojectDeprecated: \"Sie verwenden die \u201eReproject\u201c-Option des Layers ${layerName}. Diese Option ist veraltet: Sie wurde entwickelt um die Anzeige von Daten auf kommerziellen Basiskarten zu unterst\u00fctzen, aber diese Funktion sollte jetzt durch Unterst\u00fctzung der \u201eSpherical Mercator\u201c erreicht werden. Weitere Informationen sind unter http://trac.openlayers.org/wiki/SphericalMercator verf\u00fcgbar.\",\n     methodDeprecated: \"Die Methode ist veraltet und wird in 3.0 entfernt. Bitte verwende stattdessen ${newMethod}.\"\n });\n-OpenLayers.Lang[\"pt-BR\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"A requisi\u00e7\u00e3o retornou um erro n\u00e3o tratado: ${statusText}\",\n-    Permalink: \"Link para essa p\u00e1gina\",\n-    Overlays: \"Camadas de Sobreposi\u00e7\u00e3o\",\n-    \"Base Layer\": \"Camada Base\",\n-    noFID: \"N\u00e3o \u00e9 poss\u00edvel atualizar uma fei\u00e7\u00e3o que n\u00e3o tenha um FID.\",\n-    browserNotSupported: \"Seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o de vetores. Os renderizadores suportados atualmente s\u00e3o:\\n${renderers}\",\n-    minZoomLevelError: \"A propriedade minZoomLevel \u00e9 de uso restrito das camadas descendentes de FixedZoomLevels. A verifica\u00e7\u00e3o dessa propriedade pelas camadas wfs \u00e9 um res\u00edduo do passado. N\u00e3o podemos, entretanto n\u00e3o \u00e9 poss\u00edvel remov\u00ea-la sem poss\u00edvelmente quebrar o funcionamento de aplica\u00e7\u00f5es OL que possuem dep\u00eancia com ela. Portanto estamos tornando seu uso obsoleto -- a verifica\u00e7\u00e3o desse atributo ser\u00e1 removida na vers\u00e3o 3.0. Ao inv\u00e9s, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max como descrito em: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transa\u00e7\u00e3o WFS : SUCESSO ${response}\",\n-    commitFailed: \"Transa\u00e7\u00e3o WFS : ERRO ${response}\",\n-    googleWarning: \"N\u00e3o foi poss\u00edvel carregar a camada Google corretamente.<br><br>Para se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.<br><br>Muito provavelmente, isso foi causado porque o script da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo, ou porque ele n\u00e3o cont\u00e9m a chave correta da API para o seu site.<br><br>Desenvolvedores: Para obter ajuda em solucionar esse problema <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>cliquem aqui</a>\",\n-    getLayerWarning: \"N\u00e3o foi poss\u00edvel carregar a camada ${layerType} corretamente.<br><br>Para se livrar dessa mensagem, selecione uma nova Camada Base, na ferramenta de alterna\u00e7\u00e3o de camadas localiza\u00e7\u00e3o do canto superior direito.<br><br>Muito provavelmente, isso foi causado porque o script da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo corretamente.<br><br>Desenvolvedores: Para obter ajuda em solucionar esse problema <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>cliquem aqui</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n-    W: \"O\",\n-    E: \"L\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Voc\u00ea est\u00e1 usando a op\u00e7\u00e3o 'reproject' na camada ${layerName}. Essa op\u00e7\u00e3o est\u00e1 obsoleta: seu uso foi projetado para suportar a visualiza\u00e7\u00e3o de dados sobre bases de mapas comerciais, entretanto essa funcionalidade deve agora ser alcan\u00e7ada usando o suporte \u00e0 proje\u00e7\u00e3o Mercator. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em: http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Esse m\u00e9todo est\u00e1 obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Ao inv\u00e9s, por favor use ${newMethod}.\"\n-});\n OpenLayers.Lang[\"be-tarask\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"\u041d\u0435\u0430\u043f\u0440\u0430\u0446\u0430\u0432\u0430\u043d\u044b \u0432\u044b\u043d\u0456\u043a \u0437\u0430\u043f\u044b\u0442\u0443 ${statusText}\",\n     Permalink: \"\u0421\u0442\u0430\u043b\u0430\u044f \u0441\u043f\u0430\u0441\u044b\u043b\u043a\u0430\",\n     Overlays: \"\u0421\u043b\u0430\u0456\",\n     \"Base Layer\": \"\u0411\u0430\u0437\u0430\u0432\u044b \u0441\u043b\u043e\u0439\",\n     noFID: \"\u041d\u0435\u043c\u0430\u0433\u0447\u044b\u043c\u0430 \u0430\u0431\u043d\u0430\u0432\u0456\u0446\u044c \u043c\u0430\u0433\u0447\u044b\u043c\u0430\u0441\u044c\u0446\u044c, \u0434\u043b\u044f \u044f\u043a\u043e\u0433\u0430 \u043d\u0435 \u0456\u0441\u043d\u0443\u0435 FID.\",\n     browserNotSupported: \"\u0412\u0430\u0448 \u0431\u0440\u0430\u045e\u0437\u044d\u0440 \u043d\u0435 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u0435 \u0432\u044d\u043a\u0442\u0430\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0456\u043a\u0443. \u0423 \u0446\u044f\u043f\u0435\u0440\u0430\u0448\u043d\u0456 \u043c\u043e\u043c\u0430\u043d\u0442 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043b\u0456\u0432\u0430\u044e\u0446\u0446\u0430: ${renderers}\",\n@@ -38599,31 +35724,80 @@\n     W: \"\u0417\",\n     E: \"\u0423\",\n     N: \"\u041f\u043d\",\n     S: \"\u041f\u0434\",\n     reprojectDeprecated: \"\u0412\u044b \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0435\u0446\u0435 \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0443 'reproject' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u0413\u044d\u0442\u0430\u044f \u045e\u0441\u0442\u0430\u043d\u043e\u045e\u043a\u0430 \u0437\u044c\u044f\u045e\u043b\u044f\u0435\u0446\u0446\u0430 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u0430\u0439: \u044f\u043d\u0430 \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u043b\u0430\u0441\u044f \u0434\u043b\u044f \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u043a\u0456 \u043f\u0430\u043a\u0430\u0437\u0443 \u0437\u044c\u0432\u0435\u0441\u0442\u0430\u043a \u043d\u0430 \u043a\u0430\u043c\u044d\u0440\u0446\u044b\u0439\u043d\u044b\u0445 \u0431\u0430\u0437\u0430\u0432\u044b\u0445 \u043c\u0430\u043f\u0430\u0445, \u0430\u043b\u0435 \u0433\u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u044b\u044f \u0446\u044f\u043f\u0435\u0440 \u0440\u044d\u0430\u043b\u0456\u0437\u0430\u0432\u0430\u043d\u0430\u044f \u045e \u0443\u0431\u0443\u0434\u0430\u0432\u0430\u043d\u0430\u0439 \u043f\u0430\u0434\u0442\u0440\u044b\u043c\u0446\u044b \u0441\u0444\u044d\u0440\u044b\u0447\u043d\u0430\u0439 \u043f\u0440\u0430\u0435\u043a\u0446\u044b\u0456 \u041c\u044d\u0440\u043a\u0430\u0442\u0430\u0440\u0430. \u0414\u0430\u0434\u0430\u0442\u043a\u043e\u0432\u0430\u044f \u0456\u043d\u0444\u0430\u0440\u043c\u0430\u0446\u044b\u044f \u0451\u0441\u044c\u0446\u044c \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n     methodDeprecated: \"\u0413\u044d\u0442\u044b \u043c\u044d\u0442\u0430\u0434 \u0441\u0430\u0441\u0442\u0430\u0440\u044d\u043b\u044b \u0456 \u0431\u0443\u0434\u0437\u0435 \u0432\u044b\u0434\u0430\u043b\u0435\u043d\u044b \u045e \u0432\u044d\u0440\u0441\u0456\u0456 3.0. \u041a\u0430\u043b\u0456 \u043b\u0430\u0441\u043a\u0430, \u0437\u0430\u043c\u0435\u0441\u0442 \u044f\u0433\u043e \u0432\u044b\u043a\u0430\u0440\u044b\u0441\u0442\u043e\u045e\u0432\u0430\u0439\u0446\u0435 ${newMethod}.\"\n });\n-OpenLayers.Lang.it = {\n-    unhandledRequest: \"Codice di ritorno della richiesta ${statusText}\",\n+OpenLayers.Lang[\"ksh\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Met d\u00e4 Antwoot op en Aanfrooch ham_mer nix aanjefange: ${statusText}\",\n+    Permalink: \"Lengk op Duuer\",\n+    Overlays: \"Dr\u00f6vver jelaat\",\n+    \"Base Layer\": \"Jrund-Nivoh\",\n+    noFID: 'En Saach, woh kein <i lang=\"en\">FID</i> f\u00f6r doh es, l\u00f6ht sesch nit \u00e4ndere.',\n+    browserNotSupported: \"Dinge Brauser kann kein V\u00e4ktore u\u00dfj\u00e4vve. De Zoote U\u00dfjaabe, di em Momang jon, sen:\\n${renderers}\",\n+    minZoomLevelError: 'De Eijeschaff \u201e<code lang=\"en\">minZoomLevel</code>\u201c es blo\u00df dof\u00f6r jedaach, dat mer se met d\u00e4 Nivvoh\u00df bruch, di vun <code lang=\"en\">FixedZoomLevels</code> affhange don. Dat dat <i lang=\"en\">WFS</i>-Nivvoh \u00f6vverhoup de Eijeschaff \u201e<code lang=\"en\">minZoomLevel</code>\u201c pr\u00f6hfe deiht, es noch \u00f6vveresch vun fr\u00f6hjer. Mer k\u00fcnne dat \u00e4vver jez nit fott loh\u00dfe, oohne dat mer Jevaa loufe, dat Aanwendunge vun OpenLayers nit mieh loufe, di sesch doh velleijsch noch drop am verloh\u00dfe sin. Dr\u00f6m sare mer, dat mer et nit mieh han welle, un de \u201e<code lang=\"en\">minZoomLevel</code>\u201c-Eijeschaff weed hee vun de Version 3.0 af nit mieh jepr\u00f6\u00f6f w\u00e4de. Nemm dof\u00f6r de Enstellung f\u00f6r de h\u00fch\u00dfte un de klein\u00dfte Opl\u00f6hsung, esu wi et en http://trac.openlayers.org/wiki/SettingZoomLevels opjeschrevve es.',\n+    commitSuccess: 'D\u00e4 <i lang=\"en\">WFS</i>-V\u00f6rjang es joot jeloufe: ${response}',\n+    commitFailed: 'D\u00e4 <i lang=\"en\">WFS</i>-V\u00f6rjang es scheif jejange: ${response}',\n+    googleWarning: 'Dat Nivvoh <code lang=\"en\">Google</code> kunnt nit reschtesch jelaade w\u00e4\u00e4de.<br /><br />\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hke, r\u00e4h\u00df bovve en de \u00c4k.<br /><br />Wascheinlesch es dat wiel dat <i lang=\"en\">Google-Maps</i>-Skrepp entweeder nit reschtesch enjebonge wood, udder nit d\u00e4 reschtejje <i lang=\"en\">API</i>-Schl\u00f6\u00dfel f\u00f6r Ding Web-\u00dfait scheke deiht.<br /><br />F\u00f6r Projrammierer jidd_et H\u00f6lp do_dr\u00f6vver, <a href=\"http://trac.openlayers.org/wiki/Google\" target=\"_blank\">wi mer dat aan et Loufe brengk</a>.',\n+    getLayerWarning: 'Dat Nivvoh <code>${layerType}</code> kunnt nit reschtesch jelaade w\u00e4\u00e4de.<br /><br />\u00d6m hee di Nohreesch lo\u00df ze krijje, donn en ander Jrund-Nivvoh u\u00dfs\u00f6hkre, r\u00e4h\u00df bovve en de \u00c4k.<br /><br />Wascheinlesch es dat, wiel dat Skrepp <code>${layerLib}</code> nit reschtesch enjebonge wood.<br /><br />F\u00f6r Projrammierer jidd_Et H\u00f6lp do_dr\u00f6vver, <a href=\"http://trac.openlayers.org/wiki/${layerLib}\" target=\"_blank\">wi mer dat aan et Loufe brengk</a>.',\n+    \"Scale = 1 : ${scaleDenom}\": \"Moh\u00dfshtaab = 1 : ${scaleDenom}\",\n+    W: \"W\",\n+    E: \"O\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Do bruchs de U\u00dfwahl <code>reproject</code> op d\u00e4m Nivvoh <code>${layerName}</code>. Di U\u00dfwahl es nit mieh j\u00e4hn jesinn. Se wohr dof\u00f6r jedaach, \u00f6m Date op jesch\u00e4\u00e4fsm\u00e4\u00dfesch eru\u00df jejovve Kaate bovve drop ze moole, wat \u00e4vver enzwesche besser met d\u00e4 \u00d6ngersht\u00f6zung f\u00f6r de \u00dff\u00e4\u00e4resche M\u00e4kaator Beldscher jeiht. Doh kanns De mieh dr\u00f6vver fenge op d\u00e4 Sigg: http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Hee di Metood es nim_mih akto\u00e4ll un et weed se en d\u00e4 Version 3.0 nit mieh j\u00e4vve. Nemm <code>${newMethod}</code> dof\u00f6\u00f6r.\"\n+});\n+OpenLayers.Lang[\"km\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"\u178f\u17c6\u178e\u1797\u17d2\u1787\u17b6\u1794\u17cb\u17a2\u1785\u17b7\u1793\u17d2\u178f\u17d2\u179a\u17c3\u1799\u17cd\",\n+    \"Base Layer\": \"\u179f\u17d2\u179a\u1791\u17b6\u1794\u17cb\u1794\u17b6\u178f\u200b\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u1798\u17b6\u178f\u17d2\u179a\u178a\u17d2\u178b\u17b6\u1793 = \u17e1 \u17d6 ${scaleDenom}\"\n+});\n+OpenLayers.Lang[\"fr\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Requ\u00eate non g\u00e9r\u00e9e, retournant ${statusText}\",\n+    Permalink: \"Permalien\",\n+    Overlays: \"Calques\",\n+    \"Base Layer\": \"Calque de base\",\n+    noFID: \"Impossible de mettre \u00e0 jour un objet sans identifiant (fid).\",\n+    browserNotSupported: \"Votre navigateur ne supporte pas le rendu vectoriel. Les renderers actuellement support\u00e9s sont : \\n${renderers}\",\n+    minZoomLevelError: \"La propri\u00e9t\u00e9 minZoomLevel doit seulement \u00eatre utilis\u00e9e pour des couches FixedZoomLevels-descendent. Le fait que cette couche WFS v\u00e9rifie la pr\u00e9sence de minZoomLevel est une relique du pass\u00e9. Nous ne pouvons toutefois la supprimer sans casser des applications qui pourraient en d\u00e9pendre. C'est pourquoi nous la d\u00e9pr\u00e9cions -- la v\u00e9rification du minZoomLevel sera supprim\u00e9e en version 3.0. A la place, merci d'utiliser les param\u00e8tres de r\u00e9solutions min/max tel que d\u00e9crit sur : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transaction WFS : SUCCES ${response}\",\n+    commitFailed: \"Transaction WFS : ECHEC ${response}\",\n+    googleWarning: \"La couche Google n'a pas \u00e9t\u00e9 en mesure de se charger correctement.<br><br>Pour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.<br><br>Cela est possiblement caus\u00e9 par la non-inclusion de la librairie Google Maps, ou alors parce que la cl\u00e9 de l'API ne correspond pas \u00e0 votre site.<br><br>D\u00e9veloppeurs : pour savoir comment corriger ceci, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>cliquez ici</a>\",\n+    getLayerWarning: \"La couche ${layerType} n'est pas en mesure de se charger correctement.<br><br>Pour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.<br><br>Cela est possiblement caus\u00e9 par la non-inclusion de la librairie ${layerLib}.<br><br>D\u00e9veloppeurs : pour savoir comment corriger ceci, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>cliquez ici</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Echelle ~ 1 : ${scaleDenom}\",\n+    W: \"O\",\n+    E: \"E\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Vous utilisez l'option 'reproject' sur la couche ${layerName}. Cette option est d\u00e9pr\u00e9ci\u00e9e : Son usage permettait d'afficher des donn\u00e9es au dessus de couches raster commerciales.Cette fonctionalit\u00e9 est maintenant support\u00e9e en utilisant le support de la projection Mercator Sph\u00e9rique. Plus d'information est disponible sur http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Cette m\u00e9thode est d\u00e9pr\u00e9ci\u00e9e, et sera supprim\u00e9e \u00e0 la version 3.0. Merci d'utiliser ${newMethod} \u00e0 la place.\"\n+});\n+OpenLayers.Lang[\"nds\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Unbehannelt Tr\u00fcchmellels f\u00f6r de Anfraag ${statusText}\",\n     Permalink: \"Permalink\",\n     Overlays: \"Overlays\",\n-    \"Base Layer\": \"Livello base\",\n-    noFID: \"Impossibile aggiornare un elemento grafico che non abbia il FID.\",\n-    browserNotSupported: \"Il tuo browser non supporta il rendering vettoriale. I renderizzatore attualemnte supportati sono:\\n${renderers}\",\n-    minZoomLevelError: \"La propriet\u00e0 minZoomLevel \u00e8 da utilizzare solamente \" + \"con livelli che abbiano FixedZoomLevels. Il fatto che \" + \"questo livello wfs controlli la propriet\u00e0 minZoomLevel \u00e8 \" + \"un retaggio del passato. Non possiamo comunque rimuoverla \" + \"senza rompere le vecchie applicazioni che dipendono su di essa.\" + \"Quindi siamo costretti a deprecarla -- minZoomLevel \" + \"e sar\u00e0 rimossa dalla vesione 3.0. Si prega di utilizzare i \" + \"settaggi di risoluzione min/max come descritto qui: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transazione WFS: SUCCESS ${response}\",\n-    commitFailed: \"Transazione WFS: FAILED ${response}\",\n-    googleWarning: \"Il livello Google non \u00e8 riuscito a caricare correttamente.<br><br>\" + \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" + \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" + \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria Google Maps \" + \"non \u00e8 stata inclusa nella pagina, oppure non contiene la \" + \"corretta API key per il tuo sito.<br><br>\" + \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>clicca qui</a>\",\n-    getLayerWarning: \"Il livello ${layerType} non \u00e8 riuscito a caricare correttamente.<br><br>\" + \"Per evitare questo messaggio, seleziona un nuovo BaseLayer \" + \"nel selettore di livelli nell'angolo in alto a destra.<br><br>\" + \"Pi\u00f9 precisamente, ci\u00f2 accade perch\u00e8 la libreria ${layerLib} \" + \"non \u00e8 stata inclusa nella pagina.<br><br>\" + \"Sviluppatori: Per aiuto su come farlo funzionare correttamente, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>clicca qui</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scala = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Stai utilizzando l'opzione 'reproject' sul livello ${layerName}. \" + \"Questa opzione \u00e8 deprecata: il suo utilizzo \u00e8 stato introdotto per\" + \"supportare il disegno dei dati sopra mappe commerciali, ma tale \" + \"funzionalit\u00e0 dovrebbe essere ottenuta tramite l'utilizzo della proiezione \" + \"Spherical Mercator. Per maggiori informazioni consultare qui \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Questo metodo \u00e8 stato deprecato e sar\u00e0 rimosso dalla versione 3.0. \" + \"Si prega di utilizzare il metodo ${newMethod} in alternativa.\",\n-    end: \"\"\n-};\n+    \"Base Layer\": \"Achtergrundkoort\",\n+    noFID: \"En Feature, dat keen FID hett, kann nich aktuell maakt warrn.\",\n+    browserNotSupported: \"Dien Browser \u00fcnnerst\u00fctt keen Vektorbiller. \u00dcnnerst\u00fctt Renderers:\\n${renderers}\",\n+    commitSuccess: \"WFS-Transakschoon: hett klappt ${response}\",\n+    commitFailed: \"WFS-Transakschoon: hett nich klappt ${response}\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Skaal = 1 : ${scaleDenom}\",\n+    methodDeprecated: \"Disse Methood is oold un schall dat in 3.0 nich mehr geven. Bruuk dor man beter ${newMethod} f\u00f6r.\"\n+});\n+OpenLayers.Lang[\"ar\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"\u0648\u0635\u0644\u0629 \u062f\u0627\u0626\u0645\u0629\",\n+    \"Base Layer\": \"\u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0627\u0633\u0627\u0633\u064a\u0629\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u0627\u0644\u0646\u0633\u0628\u0629 = 1 : ${scaleDenom}\",\n+    W: \"\u063a\",\n+    E: \"\u0634\u0631\",\n+    N: \"\u0634\u0645\",\n+    S: \"\u062c\"\n+});\n OpenLayers.Lang[\"hu\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Nem kezelt k\u00e9r\u00e9s visszat\u00e9r\u00e9se ${statusText}\",\n     Permalink: \"Permalink\",\n     Overlays: \"R\u00e1vet\u00edt\u00e9sek\",\n     \"Base Layer\": \"Alapr\u00e9teg\",\n     noFID: \"Nem friss\u00edthet\u0151 olyan jellemz\u0151, amely nem rendelkezik FID-del.\",\n     browserNotSupported: \"A b\u00f6ng\u00e9sz\u0151je nem t\u00e1mogatja a vektoros renderel\u00e9st. A jelenleg t\u00e1mogatott renderel\u0151k:\\n${renderers}\",\n@@ -38636,163 +35810,14 @@\n     W: \"Ny\",\n     E: \"K\",\n     N: \"\u00c9\",\n     S: \"D\",\n     reprojectDeprecated: \"\u00d6n a 'reproject' be\u00e1ll\u00edt\u00e1st haszn\u00e1lja a(z) ${layerName} f\u00f3li\u00e1n. Ez a be\u00e1ll\u00edt\u00e1s \u00e9rv\u00e9nytelen: haszn\u00e1lata az \u00fczleti alapt\u00e9rk\u00e9pek f\u00f6l\u00f6tti adatok megjelen\u00edt\u00e9s\u00e9nek t\u00e1mogat\u00e1s\u00e1ra szolg\u00e1lt, de ezt a funkci\u00f3 ezent\u00fal a G\u00f6mbi Mercator haszn\u00e1lat\u00e1val \u00e9rhet\u0151 el. Tov\u00e1bbi inform\u00e1ci\u00f3 az al\u00e1bbi helyen \u00e9rhet\u0151 el: http://trac.openlayers.org/wiki/SphericalMercator\",\n     methodDeprecated: \"Ez a m\u00f3dszer \u00e9rv\u00e9nytelen\u00edtve lett \u00e9s a 3.0-s verzi\u00f3b\u00f3l el lesz t\u00e1vol\u00edtva. Haszn\u00e1lja a(z) ${newMethod} m\u00f3dszert helyette.\"\n });\n-OpenLayers.Lang[\"gsw\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Nit behandleti Aafrogsruckm\u00e4ldig ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Iberlagerige\",\n-    \"Base Layer\": \"Grundcharte\",\n-    noFID: \"E Feature, wu s kei FID derfir git, cha nit aktualisiert w\u00e4re.\",\n-    browserNotSupported: \"Dyy Browser unterstitzt kei Vektordarstellig. Aktu\u00e4ll unterstitzti Renderer:\\n${renderers}\",\n-    minZoomLevelError: \"D minZoomLevel-Eigeschaft isch nume d\u00e4nk fir d Layer, wu vu dr FixedZoomLevels abstamme. Ass d\u00e4\u00e4 wfs-Layer minZoomLevel prieft, scih e Relikt us dr Vergangeheit. Mir chenne s aber nit \u00e4ndere ohni OL_basierti Aaw\u00e4ndige villicht kaputt gehn, wu dervu abh\u00e4nge.  Us d\u00e4m Grund het die Funktion d Eigeschaft 'deprecated' iberchuu. D minZoomLevel-Priefig unte wird in dr Version 3.0 usegnuu. Bitte verw\u00e4nd statt d\u00e4m e min/max-Uflesig wie s do bschriben isch: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS-Transaktion: ERFOLGRYCH ${response}\",\n-    commitFailed: \"WFS-Transaktion: F\u00c4HLGSCHLAA ${response}\",\n-    googleWarning: \"Dr Google-Layer het nit korr\u00e4kt chenne glade w\u00e4re.<br><br>Go die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.<br><br>D\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr Google-Maps-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.<br><br>Entwickler: Fir Hilf zum korr\u00e4kte Yybinde vum Google-Layer <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>doo drucke</a>\",\n-    getLayerWarning: \"Dr ${layerType}-Layer het nit korr\u00e4kt chenne glade w\u00e4re.<br><br>Go die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.<br><br>D\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr '${layerLib}'-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.<br><br>Entwickler: Fir Hilf zum korr\u00e4kte Yybinde vu Layer <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>doo drucke</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n-    W: \"W\",\n-    E: \"O\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Du bruchsch d 'reproject'-Option bim ${layerName}-Layer. Die Option isch nimi giltig: si isch aagleit wore go   Date iber kommerzi\u00e4lli Grundcharte lege, aber des sott mer jetz mache mit dr Unterstitzig vu Spherical Mercator. Meh Informatione git s uf http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Die Methode isch veraltet un wird us dr Version 3.0 usegnuu. Bitte verw\u00e4bnd statt d\u00e4m ${newMethod}.\"\n-});\n-OpenLayers.Lang[\"pt\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Servidor devolveu erro n\u00e3o contemplado ${statusText}\",\n-    Permalink: \"Liga\u00e7\u00e3o permanente\",\n-    Overlays: \"Sobreposi\u00e7\u00f5es\",\n-    \"Base Layer\": \"Camada Base\",\n-    noFID: \"N\u00e3o \u00e9 poss\u00edvel atualizar um elemento para a qual n\u00e3o h\u00e1 FID.\",\n-    browserNotSupported: \"O seu navegador n\u00e3o suporta renderiza\u00e7\u00e3o vetorial. Actualmente os renderizadores suportados s\u00e3o:\\n${renderers}\",\n-    minZoomLevelError: \"A propriedade minZoomLevel s\u00f3 deve ser usada com as camadas descendentes da FixedZoomLevels. A verifica\u00e7\u00e3o da propriedade por esta camada wfs \u00e9 uma rel\u00edquia do passado. No entanto, n\u00e3o podemos remov\u00ea-la sem correr o risco de afectar aplica\u00e7\u00f5es OL que dependam dela. Portanto, estamos a torn\u00e1-la obsoleta -- a verifica\u00e7\u00e3o minZoomLevel ser\u00e1 removida na vers\u00e3o 3.0. Em vez dela, por favor, use as op\u00e7\u00f5es de resolu\u00e7\u00e3o min/max descritas aqui: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transac\u00e7\u00e3o WFS: SUCESSO ${response}\",\n-    commitFailed: \"Transac\u00e7\u00e3o WFS: FALHOU ${response}\",\n-    googleWarning: \"A Camada Google n\u00e3o foi correctamente carregada.<br><br>Para deixar de receber esta mensagem, seleccione uma nova Camada-Base no ''switcher'' de camadas no canto superior direito.<br><br>Provavelmente, isto acontece porque o ''script'' da biblioteca do Google Maps n\u00e3o foi inclu\u00eddo ou n\u00e3o cont\u00e9m a chave API correcta para o seu s\u00edtio.<br><br>Programadores: Para ajuda sobre como solucionar o problema <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clique aqui</a> .\",\n-    getLayerWarning: \"A camada ${layerType} n\u00e3o foi correctamente carregada.<br><br>Para desactivar esta mensagem, seleccione uma nova Camada-Base no ''switcher'' de camadas no canto superior direito.<br><br>Provavelmente, isto acontece porque o ''script'' da biblioteca ${layerLib} n\u00e3o foi inclu\u00eddo correctamente.<br><br>Programadores: Para ajuda sobre como solucionar o problema <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clique aqui</a> .\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n-    W: \"O\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Est\u00e1 usando a op\u00e7\u00e3o 'reproject' na camada ${layerName}. Esta op\u00e7\u00e3o \u00e9 obsoleta: foi concebida para permitir a apresenta\u00e7\u00e3o de dados sobre mapas-base comerciais, mas esta funcionalidade \u00e9 agora suportada pelo Mercator Esf\u00e9rico. Mais informa\u00e7\u00e3o est\u00e1 dispon\u00edvel em http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Este m\u00e9todo foi declarado obsoleto e ser\u00e1 removido na vers\u00e3o 3.0. Por favor, use ${newMethod} em vez disso.\"\n-});\n-OpenLayers.Lang[\"oc\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Requ\u00e8sta pas gerida, retorna ${statusText}\",\n-    Permalink: \"Permaligam\",\n-    Overlays: \"Calques\",\n-    \"Base Layer\": \"Calc de basa\",\n-    noFID: \"Impossible de metre a jorn un obj\u00e8cte sens identificant (fid).\",\n-    browserNotSupported: \"V\u00f2stre navegidor sup\u00f2rta pas lo rendut vectorial. Los renderers actualament suportats son : \\n${renderers}\",\n-    minZoomLevelError: \"La proprietat minZoomLevel deu \u00e8sser utilizada solament per de jaces FixedZoomLevels-descendent. Lo fach qu'aqueste ja\u00e7 WFS verifique la pres\u00e9ncia de minZoomLevel es una relica del passat. \u00c7aquel\u00e0, la pod\u00e8m suprimir sens copar d'aplicacions que ne poiri\u00e1n dependre. Es per aqu\u00f2 que la depreciam -- la verificacion del minZoomLevel ser\u00e0 suprimida en version 3.0. A la pla\u00e7a, merc\u00e9s d'utilizar los param\u00e8tres de resolucions min/max tal coma descrich sus : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transaccion WFS : SUCCES ${response}\",\n-    commitFailed: \"Transaccion WFS : FRACAS ${response}\",\n-    googleWarning: \"Lo ja\u00e7 Google es pas estat en mesura de se cargar corr\u00e8ctament.<br><br>Per suprimir aqueste messatge, causiss\u00e8tz una BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.<br><br>Aqu\u00f2 es possiblament causat par la non-inclusion de la librari\u00e1 Google Maps, o alara perque que la clau de l'API correspond pas a v\u00f2stre site.<br><br>Desvolopaires : per saber coss\u00ed corregir aqu\u00f2, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clicatz aic\u00ed</a>\",\n-    getLayerWarning: \"Lo ja\u00e7 ${layerType} es pas en mesura de se cargar corr\u00e8ctament.<br><br>Per suprimir aqueste messatge, causiss\u00e8tz una  BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.<br><br>Aqu\u00f2 es possiblament causat per la non-inclusion de la librari\u00e1 ${layerLib}.<br><br>Desvolopaires : per saber coss\u00ed corregir aqu\u00ed, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clicatz aic\u00ed</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Escala ~ 1 : ${scaleDenom}\",\n-    W: \"O\",\n-    E: \"\u00c8\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Utilizatz l'opcion 'reproject' sul ja\u00e7 ${layerName}. Aquesta opcion es despreciada : Son usatge permeti\u00e1 d'afichar de donadas al dess\u00fas de jaces raster comercials. Aquesta foncionalitat ara es suportada en utilizant lo sup\u00f2rt de la projeccion Mercator Esferica. Mai d'informacion es disponibla sus http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Aqueste met\u00f2de es despreciada, e ser\u00e0 suprimida a la version 3.0. Merc\u00e9s d'utilizar ${newMethod} a la pla\u00e7a.\"\n-});\n-OpenLayers.Lang[\"ru\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"\u041d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u0435\u0440\u043d\u0443\u043b ${statusText}\",\n-    Permalink: \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430\",\n-    Overlays: \"\u0421\u043b\u043e\u0438\",\n-    \"Base Layer\": \"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439\",\n-    noFID: \"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442 FID.\",\n-    browserNotSupported: \"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f:\\n${renderers}\",\n-    minZoomLevelError: \"\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e minZoomLevel \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043e \u0441\u043b\u043e\u044f\u043c\u0438, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 FixedZoomLevels. \u0422\u043e, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 WFS-\u0441\u043b\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043d\u0430 minZoomLevel \u2014 \u0440\u0435\u043b\u0438\u043a\u0442 \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0442\u0430\u043a \u043a\u0430\u043a, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u0442 \u043d\u0435\u0451 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 OpenLayers \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439 \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0432 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0451 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043c\u0438\u043d/\u043c\u0430\u043a\u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0437\u0434\u0435\u0441\u044c: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u0423\u0421\u041f\u0415\u0428\u041d\u041e ${response}\",\n-    commitFailed: \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u041e\u0428\u0418\u0411\u041a\u0410 ${response}\",\n-    googleWarning: \"\u0421\u043b\u043e\u0439 Google \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c.<br><br>\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.<br><br>\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Google Maps \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e API-\u043a\u043b\u044e\u0447\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.<br><br>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442</a>\",\n-    getLayerWarning: \"\u0421\u043b\u043e\u0439 ${layerType} \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c. <br><br>\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.<br><br>\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ${layerLib} \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e.<br><br>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u041c\u0430\u0441\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n-    W: \"\u0417\",\n-    E: \"\u0412\",\n-    N: \"\u0421\",\n-    S: \"\u042e\",\n-    reprojectDeprecated: \"\u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044e 'reproject' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439: \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442, \u043d\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0435\u0441\u0451\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u041c\u0435\u0440\u043a\u0430\u0442\u043e\u0440\u0430. \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"\u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0451\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c ${newMethod}.\"\n-});\n-OpenLayers.Lang[\"zh-CN\"] = {\n-    unhandledRequest: \"\u672a\u5904\u7406\u7684\u8bf7\u6c42\uff0c\u8fd4\u56de\u503c\u4e3a ${statusText}\",\n-    Permalink: \"\u6c38\u4e45\u94fe\u63a5\",\n-    Overlays: \"\u53e0\u52a0\u5c42\",\n-    \"Base Layer\": \"\u57fa\u7840\u56fe\u5c42\",\n-    noFID: \"\u65e0\u6cd5\u66f4\u65b0feature\uff0c\u7f3a\u5c11FID\u3002\",\n-    browserNotSupported: \"\u4f60\u4f7f\u7528\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u77e2\u91cf\u6e32\u67d3\u3002\u5f53\u524d\u652f\u6301\u7684\u6e32\u67d3\u65b9\u5f0f\u5305\u62ec\uff1a\\n${renderers}\",\n-    minZoomLevelError: \"minZoomLevel\u5c5e\u6027\u4ec5\u9002\u5408\u7528\u4e8e\" + \"\u4f7f\u7528\u4e86\u56fa\u5b9a\u7f29\u653e\u7ea7\u522b\u7684\u56fe\u5c42\u3002\u8fd9\u4e2a \" + \"wfs \u56fe\u5c42\u68c0\u67e5 minZoomLevel \u662f\u8fc7\u53bb\u9057\u7559\u4e0b\u6765\u7684\u3002\" + \"\u7136\u800c\uff0c\u6211\u4eec\u4e0d\u80fd\u79fb\u9664\u5b83\uff0c\" + \"\u800c\u7834\u574f\u4f9d\u8d56\u4e8e\u5b83\u7684\u57fa\u4e8eOL\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\" + \"\u56e0\u6b64\uff0c\u6211\u4eec\u5e9f\u9664\u4e86\u5b83 -- minZoomLevel \" + \"\u5c06\u4f1a\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\u8bf7\u6539\u7528 \" + \"min/max resolution \u8bbe\u7f6e\uff0c\u53c2\u8003\uff1a\" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS Transaction: \u6210\u529f\u3002 ${response}\",\n-    commitFailed: \"WFS Transaction: \u5931\u8d25\u3002 ${response}\",\n-    googleWarning: \"Google\u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" + \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" + \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" + \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542bGoogle\u5730\u56fe\u811a\u672c\u5e93\uff0c\" + \"\u6216\u8005\u662f\u6ca1\u6709\u5305\u542b\u5728\u4f60\u7684\u7ad9\u70b9\u4e0a\" + \"\u4f7f\u7528\u7684\u6b63\u786e\u7684Google Maps API\u5bc6\u5319\u3002<br><br>\" + \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n-    getLayerWarning: \"${layerType} \u56fe\u5c42\u4e0d\u80fd\u6b63\u786e\u52a0\u8f7d\u3002<br><br>\" + \"\u8981\u6d88\u9664\u8fd9\u4e2a\u4fe1\u606f\uff0c\u8bf7\u5728\u53f3\u4e0a\u89d2\u7684\" + \"\u56fe\u5c42\u63a7\u5236\u9762\u677f\u4e2d\u9009\u62e9\u5176\u4ed6\u7684\u57fa\u7840\u56fe\u5c42\u3002<br><br>\" + \"\u8fd9\u79cd\u60c5\u51b5\u5f88\u53ef\u80fd\u662f\u6ca1\u6709\u6b63\u786e\u7684\u5305\u542b\" + \"${layerLib} \u811a\u672c\u5e93\u3002<br><br>\" + \"\u5f00\u53d1\u8005\uff1a\u83b7\u53d6\u4f7f\u5176\u6b63\u786e\u5de5\u4f5c\u7684\u5e2e\u52a9\u4fe1\u606f\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>\u70b9\u51fb\u8fd9\u91cc</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u6bd4\u4f8b\u5c3a = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"\u4f60\u6b63\u5728\u4f7f\u7528 ${layerName} \u56fe\u5c42\u4e0a\u7684'reproject'\u9009\u9879\u3002\" + \"\u8fd9\u4e2a\u9009\u9879\u5df2\u7ecf\u4e0d\u518d\u4f7f\u7528\uff1a\" + \"\u5b83\u662f\u88ab\u8bbe\u8ba1\u7528\u6765\u652f\u6301\u663e\u793a\u5546\u4e1a\u7684\u5730\u56fe\u6570\u636e\uff0c\" + \"\u4e0d\u8fc7\u73b0\u5728\u8be5\u529f\u80fd\u53ef\u4ee5\u901a\u8fc7\u4f7f\u7528Spherical Mercator\u6765\u5b9e\u73b0\u3002\" + \"\u66f4\u591a\u4fe1\u606f\u53ef\u4ee5\u53c2\u9605\" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"\u8be5\u65b9\u6cd5\u5df2\u7ecf\u4e0d\u518d\u88ab\u652f\u6301\uff0c\u5e76\u4e14\u5c06\u57283.0\u4e2d\u88ab\u79fb\u9664\u3002\" + \"\u8bf7\u4f7f\u7528 ${newMethod} \u65b9\u6cd5\u6765\u66ff\u4ee3\u3002\",\n-    end: \"\"\n-};\n-OpenLayers.Lang[\"fur\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"Leam Permanent\",\n-    Overlays: \"Livei parsore\",\n-    \"Base Layer\": \"Livel di base\",\n-    browserNotSupported: \"Il to sgarfad\u00f4r nol supuarte la renderizazion vetori\u00e2l. Al moment a son supuart\u00e2ts:\\n${renderers}\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scjale = 1 : ${scaleDenom}\",\n-    W: \"O\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\"\n-});\n-OpenLayers.Lang[\"nb\"] = {\n-    unhandledRequest: \"Ubehandlet foresp\u00f8rsel returnerte ${statusText}\",\n-    Permalink: \"Kobling til denne siden\",\n-    Overlays: \"Kartlag\",\n-    \"Base Layer\": \"Bakgrunnskart\",\n-    noFID: \"Kan ikke oppdatere et feature (et objekt) som ikke har FID.\",\n-    browserNotSupported: \"Din nettleser st\u00f8tter ikke vektortegning. Tegnemetodene som st\u00f8ttes er:\\n${renderers}\",\n-    minZoomLevelError: \"Egenskapen minZoomLevel er kun ment til bruk p\u00e5 lag \" + \"basert p\u00e5 FixedZoomLevels. At dette wfs-laget sjekker \" + \"minZoomLevel er en etterlevning fra tidligere versjoner. Det kan dog ikke \" + \"tas bort uten \u00e5 risikere at OL-baserte applikasjoner \" + \"slutter \u00e5 virke, s\u00e5 det er merket som foreldet: \" + \"minZoomLevel i sjekken nedenfor vil fjernes i 3.0. \" + \"Vennligst bruk innstillingene for min/maks oppl\u00f8sning \" + \"som er beskrevet her: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS-transaksjon: LYKTES ${response}\",\n-    commitFailed: \"WFS-transaksjon: MISLYKTES ${response}\",\n-    googleWarning: \"Google-laget kunne ikke lastes.<br><br>\" + \"Bytt til et annet bakgrunnslag i lagvelgeren i \" + \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" + \"Sannsynligvis for\u00e5rsakes feilen av at Google Maps-biblioteket \" + \"ikke er riktig inkludert p\u00e5 nettsiden, eller at det ikke er \" + \"angitt riktig API-n\u00f8kkel for nettstedet.<br><br>\" + \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>her</a>.\",\n-    getLayerWarning: \"${layerType}-laget kunne ikke lastes.<br><br>\" + \"Bytt til et annet bakgrunnslag i lagvelgeren i \" + \"\u00f8vre h\u00f8yre hj\u00f8rne for \u00e5 slippe denne meldingen.<br><br>\" + \"Sannsynligvis for\u00e5rsakes feilen av at \" + \"${layerLib}-biblioteket ikke var riktig inkludert \" + \"p\u00e5 nettsiden.<br><br>\" + \"Utviklere: For hjelp til \u00e5 f\u00e5 dette til \u00e5 virke se \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>her</a>.\",\n-    \"Scale = 1 : ${scaleDenom}\": \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Du bruker innstillingen 'reproject' p\u00e5 laget ${layerName}. \" + \"Denne innstillingen er foreldet, den var ment for \u00e5 st\u00f8tte \" + \"visning av kartdata over kommersielle bakgrunnskart, men det \" + \"b\u00f8r n\u00e5 gj\u00f8res med st\u00f8tten for Spherical Mercator. Mer informasjon \" + \"finnes p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Denne metoden er markert som foreldet og vil bli fjernet i 3.0. \" + \"Vennligst bruk ${newMethod} i stedet.\",\n-    end: \"\"\n-};\n-OpenLayers.Lang[\"no\"] = OpenLayers.Lang[\"nb\"];\n-OpenLayers.Lang[\"io\"] = OpenLayers.Util.applyDefaults({\n-    \"Scale = 1 : ${scaleDenom}\": \"Skalo = 1 : ${scaleDenom}\"\n-});\n-OpenLayers.Lang[\"ja\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"\u672a\u51e6\u7406\u306e\u8981\u6c42\u306f ${statusText} \u3092\u8fd4\u3057\u307e\u3059\",\n-    Permalink: \"\u30d1\u30fc\u30de\u30ea\u30f3\u30af\",\n-    Overlays: \"\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\",\n-    \"Base Layer\": \"\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\",\n-    noFID: \"FID \u306e\u306a\u3044\u5730\u7269\u306f\u66f4\u65b0\u3067\u304d\u307e\u305b\u3093\u3002\",\n-    browserNotSupported: \"\u3042\u306a\u305f\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u30d9\u30af\u30bf\u30fc\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u306e\u63cf\u5199\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u73fe\u6642\u70b9\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u3067\u3059\u3002\\n${renderers}\",\n-    minZoomLevelError: \"minZoomLevel \u30d7\u30ed\u30d1\u30c6\u30a3\u306f FixedZoomLevels \u3092\u7d99\u627f\u3059\u308b\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u4f7f\u7528\u306e\u307f\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e minZoomLevel \u306b\u5bfe\u3059\u308b WFS \u30ec\u30a4\u30e4\u30fc\u306e\u691c\u67fb\u306f\u6b74\u53f2\u7684\u306a\u3082\u306e\u3067\u3059\u3002\u3057\u304b\u3057\u306a\u304c\u3089\u3001\u3053\u306e\u691c\u67fb\u3092\u9664\u53bb\u3059\u308b\u3068\u305d\u308c\u306b\u4f9d\u5b58\u3059\u308b OpenLayers \u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7834\u58ca\u3057\u3066\u3057\u307e\u3046\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u3088\u3063\u3066\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e minZoomLevel \u691c\u67fb\u306f\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b\u3001http://trac.openlayers.org/wiki/SettingZoomLevels \u3067\u89e3\u8aac\u3055\u308c\u3066\u3044\u308b\u3001\u6700\u5c0f\u304a\u3088\u3073\u6700\u5927\u89e3\u50cf\u5ea6\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-    commitSuccess: \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u6210\u529f ${response}\",\n-    commitFailed: \"WFS \u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3: \u5931\u6557 ${response}\",\n-    googleWarning: \"Google \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br><br>\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<br><br>\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f Google \u30de\u30c3\u30d7\u7528\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u304b\u3001\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8\u306b\u5bfe\u5fdc\u3059\u308b\u6b63\u3057\u3044 API \u30ad\u30fc\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002<br><br>\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b<a href='http://trac.openlayers.org/wiki/Google' target='_blank'>\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad</a>\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-    getLayerWarning: \"${layerType} \u30ec\u30a4\u30e4\u30fc\u304c\u6b63\u3057\u304f\u8aad\u307f\u8fbc\u307f\u3092\u884c\u3048\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br><br>\u3053\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\u306b\u306f\u3001\u53f3\u4e0a\u306e\u9685\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u5207\u308a\u66ff\u3048\u90e8\u5206\u3067\u65b0\u3057\u3044\u57fa\u5e95\u30ec\u30a4\u30e4\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<br><br>\u304a\u305d\u3089\u304f\u3001\u3053\u308c\u306f ${layerLib} \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u6b63\u3057\u304f\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u305f\u3081\u3067\u3059\u3002<br><br>\u958b\u767a\u8005\u306e\u65b9\u3078: \u6b63\u3057\u3044\u52d5\u4f5c\u3092\u3055\u305b\u308b\u305f\u3081\u306b<a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>\u3053\u3061\u3089\u306e\u30a6\u30a3\u30ad</a>\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u7e2e\u5c3a = 1 : ${scaleDenom}\",\n-    W: \"\u897f\",\n-    E: \"\u6771\",\n-    N: \"\u5317\",\n-    S: \"\u5357\",\n-    reprojectDeprecated: \"\u3042\u306a\u305f\u306f\u300c${layerName}\u300d\u30ec\u30a4\u30e4\u30fc\u3067 reproject \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u5546\u7528\u306e\u57fa\u5e95\u5730\u56f3\u4e0a\u306b\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u76ee\u7684\u3067\u8a2d\u8a08\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u73fe\u5728\u3067\u306f\u305d\u306e\u6a5f\u80fd\u306f Spherical Mercator \u30b5\u30dd\u30fc\u30c8\u3092\u5229\u7528\u3057\u3066\u5b9f\u73fe\u3055\u308c\u3066\u304a\u308a\u3001\u3053\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u4f7f\u7528\u306f\u975e\u63a8\u5968\u3067\u3059\u3002\u8ffd\u52a0\u306e\u60c5\u5831\u306f http://trac.openlayers.org/wiki/SphericalMercator \u3067\u5165\u624b\u3067\u304d\u307e\u3059\u3002\",\n-    methodDeprecated: \"\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u5ec3\u6b62\u304c\u4e88\u5b9a\u3055\u308c\u3066\u304a\u308a\u3001\u30d0\u30fc\u30b8\u30e7\u30f33.0\u3067\u9664\u53bb\u3055\u308c\u307e\u3059\u3002\u4ee3\u308f\u308a\u306b ${newMethod} \u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\"\n-});\n OpenLayers.Lang[\"gl\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Solicitude non xerada; a resposta foi: ${statusText}\",\n     Permalink: \"Ligaz\u00f3n permanente\",\n     Overlays: \"Capas superpostas\",\n     \"Base Layer\": \"Capa base\",\n     noFID: \"Non se pode actualizar a funcionalidade para a que non hai FID.\",\n     browserNotSupported: \"O seu navegador non soporta a renderizaci\u00f3n de vectores. Os renderizadores soportados actualmente son:\\n${renderers}\",\n@@ -38805,72 +35830,34 @@\n     W: \"O\",\n     E: \"L\",\n     N: \"N\",\n     S: \"S\",\n     reprojectDeprecated: 'Est\u00e1 usando a opci\u00f3n \"reproject\" na capa ${layerName}. Esta opci\u00f3n est\u00e1 obsoleta: o seu uso foi dese\u00f1ado para a visualizaci\u00f3n de datos sobre mapas base comerciais, pero esta funcionalidade debera agora ser obtida utilizando a proxecci\u00f3n Spherical Mercator. Hai dispo\u00f1ible m\u00e1is informaci\u00f3n en http://trac.openlayers.org/wiki/SphericalMercator.',\n     methodDeprecated: \"Este m\u00e9todo est\u00e1 obsoleto e ser\u00e1 eliminado na versi\u00f3n 3.0. Por favor, no canto deste use ${newMethod}.\"\n });\n-OpenLayers.Lang[\"pl\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Nieobs\u0142ugiwane \u017c\u0105danie zwr\u00f3ci\u0142o ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Nak\u0142adki\",\n-    \"Base Layer\": \"Warstwa podstawowa\",\n-    noFID: \"Nie mo\u017cna zaktualizowa\u0107 funkcji, dla kt\u00f3rych nie ma FID.\",\n-    browserNotSupported: \"Twoja przegl\u0105darka nie obs\u0142uguje renderowania wektor\u00f3w. Obecnie obs\u0142ugiwane renderowanie to:\\n${renderers}\",\n-    minZoomLevelError: \"W\u0142a\u015bciwo\u015b\u0107 minZoomLevel jest przeznaczona tylko do u\u017cytku \" + \"z warstwami FixedZoomLevels-descendent.\" + \"Warstwa wfs, kt\u00f3ra sprawdza minZoomLevel jest reliktem przesz\u0142o\u015bci.\" + \"Nie mo\u017cemy jej jednak usun\u0105c bez mozliwo\u015bci \u0142amania OL aplikacji, \" + \"kt\u00f3re mog\u0105 by\u0107 od niej zale\u017cne. \" + \"Dlatego jeste\u015bmy za deprecjacj\u0119 -- minZoomLevel \" + \"zostanie usuni\u0119ta w wersji 3.0. W zamian prosze u\u017cyj \" + \"min/max rozdzielczo\u015bci w spos\u00f3b opisany tutaj: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transakcja WFS: SUKCES ${response}\",\n-    commitFailed: \"Transakcja WFS: FAILED ${response}\",\n-    googleWarning: \"Warstwa Google nie by\u0142 w stanie za\u0142adowa\u0107 si\u0119 poprawnie.<br><br>\" + \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" + \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" + \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka Google Maps \" + \"nie jest za\u0142adowana, lub nie zawiera poprawnego klucza do API dla twojej strony<br><br>\" + \"Programisto: Aby uzyska\u0107 pomoc , \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>kliknij tutaj</a>\",\n-    getLayerWarning: \"Warstwa ${layerType} nie mog\u0142a zosta\u0107 za\u0142adowana poprawnie.<br><br>\" + \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" + \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" + \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka ${layerLib} \" + \"nie jest za\u0142adowana, lub mo\u017ce(o ile biblioteka tego wymaga) \" + \"byc potrzebny klucza do API dla twojej strony<br><br>\" + \"Programisto: Aby uzyska\u0107 pomoc , \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>kliknij tutaj</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Skala = 1 : ${scaleDenom}\",\n-    W: \"ZACH\",\n-    E: \"WSCH\",\n-    N: \"PN\",\n-    S: \"PD\",\n-    Graticule: \"Siatka\",\n-    reprojectDeprecated: \"w warstwie ${layerName} u\u017cywasz opcji 'reproject'. \" + \"Ta opcja jest przestarza\u0142a: \" + \"jej zastosowanie zosta\u0142 zaprojektowany, aby wspiera\u0107 wy\u015bwietlania danych przez komercyjne mapy, \" + \"jednak obecnie ta funkcjonalno\u015b\u0107 powinien zosta\u0107 osi\u0105gni\u0119ty za pomoc\u0105 Spherical Mercator \" + \"its use was designed to support displaying data over commercial. Wi\u0119cje informacji na ten temat mo\u017cesz znale\u017a\u0107 na stronie \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Ta metoda jest przestarza\u0142a i b\u0119dzie usuni\u0119ta od wersji 3.0. \" + \"W zamian u\u017cyj ${newMethod}.\"\n-});\n-OpenLayers.Lang.en = {\n-    unhandledRequest: \"Unhandled request return ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Overlays\",\n-    \"Base Layer\": \"Base Layer\",\n-    noFID: \"Can't update a feature for which there is no FID.\",\n-    browserNotSupported: \"Your browser does not support vector rendering. Currently supported renderers are:\\n${renderers}\",\n-    minZoomLevelError: \"The minZoomLevel property is only intended for use \" + \"with the FixedZoomLevels-descendent layers. That this \" + \"wfs layer checks for minZoomLevel is a relic of the\" + \"past. We cannot, however, remove it without possibly \" + \"breaking OL based applications that may depend on it.\" + \" Therefore we are deprecating it -- the minZoomLevel \" + \"check below will be removed at 3.0. Please instead \" + \"use min/max resolution setting as described here: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS Transaction: SUCCESS ${response}\",\n-    commitFailed: \"WFS Transaction: FAILED ${response}\",\n-    googleWarning: \"The Google Layer was unable to load correctly.<br><br>\" + \"To get rid of this message, select a new BaseLayer \" + \"in the layer switcher in the upper-right corner.<br><br>\" + \"Most likely, this is because the Google Maps library \" + \"script was either not included, or does not contain the \" + \"correct API key for your site.<br><br>\" + \"Developers: For help getting this working correctly, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>click here</a>\",\n-    getLayerWarning: \"The ${layerType} Layer was unable to load correctly.<br><br>\" + \"To get rid of this message, select a new BaseLayer \" + \"in the layer switcher in the upper-right corner.<br><br>\" + \"Most likely, this is because the ${layerLib} library \" + \"script was not correctly included.<br><br>\" + \"Developers: For help getting this working correctly, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>click here</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scale = 1 : ${scaleDenom}\",\n-    W: \"W\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\",\n-    Graticule: \"Graticule\",\n-    reprojectDeprecated: \"You are using the 'reproject' option \" + \"on the ${layerName} layer. This option is deprecated: \" + \"its use was designed to support displaying data over commercial \" + \"basemaps, but that functionality should now be achieved by using \" + \"Spherical Mercator support. More information is available from \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"This method has been deprecated and will be removed in 3.0. \" + \"Please use ${newMethod} instead.\",\n-    end: \"\"\n-};\n OpenLayers.Lang[\"en-CA\"] = OpenLayers.Util.applyDefaults({}, OpenLayers.Lang[\"en\"]);\n-OpenLayers.Lang[\"el\"] = OpenLayers.Util.applyDefaults({\n-    \"Scale = 1 : ${scaleDenom}\": \"\u039a\u03bb\u03af\u03bc\u03b1\u03ba\u03b1 ~ 1 : ${scaleDenom}\"\n-});\n-OpenLayers.Lang[\"hr\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Nepodr\u017eani zahtjev ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Overlays\",\n-    \"Base Layer\": \"Osnovna karta\",\n-    noFID: \"Ne mogu a\u017eurirati zna\u010dajku za koju ne postoji FID.\",\n-    browserNotSupported: \"Va\u0161 preglednik ne podr\u017eava vektorsko renderiranje. Trenutno podr\u017eani rendereri su: ${renderers}\",\n-    commitSuccess: \"WFS Transakcija: USPJE\u0160NA ${response}\",\n-    commitFailed: \"WFS Transakcija: NEUSPJE\u0160NA ${response}\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Mjerilo = 1 : ${scaleDenom}\",\n-    methodDeprecated: \"Ova metoda nije odobrena i biti \u0107e maknuta u 3.0. Koristite ${newMethod}.\"\n+OpenLayers.Lang[\"hsb\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Wotmo\u0142wa njewobd\u017a\u011b\u0142aneho napra\u0161owanja ${statusText}\",\n+    Permalink: \"Trajny wotkaz\",\n+    Overlays: \"Nawor\u0161towanja\",\n+    \"Base Layer\": \"Zak\u0142adna runina\",\n+    noFID: \"Funkcija, za kotru\u017e FID njeje, njeda so aktualizowa\u0107.\",\n+    browserNotSupported: \"Tw\u00f3j wobhladowak wektorowe rysowanje njepodp\u011bruje. Tuchwilu podp\u011browane rysowaki su:\\n${renderers}\",\n+    minZoomLevelError: \"Kajkos\u0107 minZoomLevel je jeno\u017e za wu\u017eiwanje z wor\u0161tami myslena, kotre\u017e wot FixedZoomLevels pochad\u017aeja. Zo tuta wor\u0161ta wfs za minZoomLevel p\u0159epruwuje, je relikt za\u0144d\u017aenos\u0107e. Njem\u00f3\u017eemy w\u0161ak ju wotstroni\u0107, bjeztoho zo aplikacije, kotre\u017e na OpenLayers baz\u011bruja a snano tutu kajkos\u0107 wu\u017eiwaja, hi\u017eo njefunguja. Tohodla smy ju jako zestarjenu woznamjenili -- p\u0159epruwowanje za minZoomLevel budu so we wersiji 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij m\u011bsto toho nastajenje min/max, ka\u017e je tu wopisane: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS-Transakcija: WUSP\u011a\u0160NA ${response}\",\n+    commitFailed: \"WFS-Transakcija: NJEPORAD\u0179ENA ${response}\",\n+    googleWarning: \"Wor\u0161ta Google njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.<br><br>Zo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.<br><br>Najskerje so to stawa, dokel\u017e skript biblioteki Google Maps pak njebu zap\u0159ijaty pak njewobsahuje korektny klu\u010d API za twoje syd\u0142o.<br><br>Wuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n<a href='http://trac.openlayers.org/wiki/Google' target='_blank'>tu klikny\u0107</a>\",\n+    getLayerWarning: \"Wor\u0161ta ${layerType} njem\u00f3\u017ee\u0161e so korektnje za\u010dita\u0107.<br><br>Zo by tutu zd\u017a\u011blenku wotby\u0142, wubjer nowy BaseLayer z wub\u011bra wor\u0161tow horjeka naprawo.<br><br>Najskerje so to stawa, dokel\u017e skript biblioteki ${layerLib} njebu korektnje zap\u0159ijaty.<br><br>Wuwiwarjo: Za pomoc ke korektnemu fungowanju wor\u0161tow\\n<a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>tu klikny\u0107</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"M\u011britko = 1 : ${scaleDenom}\",\n+    W: \"Z\",\n+    E: \"W\",\n+    N: \"S\",\n+    S: \"J\",\n+    reprojectDeprecated: 'Wu\u017eiwa\u0161 opciju \"reproject\" wo\u0159\u0161ty ${layerName}. Tuta opcija je zestarjena: jeje wu\u017eiwanje b\u011b myslene, zo by zwobraznjenje datow nad komercielnymi bazowymi kartami podp\u011bra\u0142o, ale funkcionalnos\u0107 m\u011b\u0142a so n\u011btko z pomocu Sperical Mercator docp\u011b\u0107. Dal\u0161e informacije steja na http://trac.openlayers.org/wiki/SphericalMercator k dispoziciji.',\n+    methodDeprecated: \"Tuta metoda je so njeschwali\u0142a a bud\u017ae so w 3.0 wotstronje\u0107. Pro\u0161u wu\u017eij ${newMethod} m\u011bsto toho.\"\n });\n OpenLayers.Lang[\"id\"] = OpenLayers.Util.applyDefaults({\n     unhandledRequest: \"Permintaan yang tak tertangani menghasilkan ${statusText}\",\n     Permalink: \"Pranala permanen\",\n     Overlays: \"Hamparan\",\n     \"Base Layer\": \"Lapisan Dasar\",\n     noFID: \"Tidak dapat memperbarui fitur yang tidak memiliki FID.\",\n@@ -38884,32 +35871,73 @@\n     W: \"B\",\n     E: \"T\",\n     N: \"U\",\n     S: \"S\",\n     reprojectDeprecated: \"Anda menggunakan opsi 'reproject' pada lapisan ${layerName}. Opsi ini telah ditinggalkan: penggunaannya dirancang untuk mendukung tampilan data melalui peta dasar komersial, tapi fungsionalitas tersebut saat ini harus dilakukan dengan menggunakan dukungan Spherical Mercator. Informasi lebih lanjut tersedia di http://trac.openlayers.org/wiki/SphericalMercator.\",\n     methodDeprecated: \"Metode ini telah usang dan akan dihapus di 3.0. Sebaliknya, harap gunakan ${newMethod}.\"\n });\n-OpenLayers.Lang[\"te\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"\u0c38\u0c4d\u0c25\u0c3f\u0c30\u0c32\u0c3f\u0c02\u0c15\u0c41\",\n-    W: \"\u0c2a\",\n-    E: \"\u0c24\u0c42\",\n-    N: \"\u0c09\",\n-    S: \"\u0c26\"\n+OpenLayers.Lang[\"zh-TW\"] = {\n+    unhandledRequest: \"\u672a\u8655\u7406\u7684\u8acb\u6c42\uff0c\u50b3\u56de\u503c\u70ba ${statusText}\u3002\",\n+    Permalink: \"\u6c38\u4e45\u9023\u7d50\",\n+    Overlays: \"\u984d\u5916\u5716\u5c64\",\n+    \"Base Layer\": \"\u57fa\u790e\u5716\u5c64\",\n+    noFID: \"\u56e0\u70ba\u6c92\u6709 FID \u6240\u4ee5\u7121\u6cd5\u66f4\u65b0 feature\u3002\",\n+    browserNotSupported: \"\u60a8\u7684\u700f\u89bd\u5668\u672a\u652f\u63f4\u5411\u91cf\u6e32\u67d3. \u76ee\u524d\u652f\u63f4\u7684\u6e32\u67d3\u65b9\u5f0f\u662f:\\n${renderers}\",\n+    minZoomLevelError: \"minZoomLevel \u5c6c\u6027\u50c5\u9069\u5408\u7528\u5728 \" + \"FixedZoomLevels-descendent \u985e\u578b\u7684\u5716\u5c64. \u9019\u500b\" + \"wfs layer \u7684 minZoomLevel \u662f\u904e\u53bb\u6240\u907a\u7559\u4e0b\u4f86\u7684\uff0c\" + \"\u7136\u800c\u6211\u5011\u4e0d\u80fd\u79fb\u9664\u5b83\u800c\u4e0d\u8b93\u5b83\u5c07\" + \"\u904e\u53bb\u7684\u7a0b\u5f0f\u76f8\u5bb9\u6027\u7d66\u7834\u58de\u6389\u3002\" + \"\u56e0\u6b64\u6211\u5011\u5c07\u6703\u8ff4\u907f\u4f7f\u7528\u5b83 -- minZoomLevel \" + \"\u6703\u57283.0\u88ab\u79fb\u9664\uff0c\u8acb\u6539\" + \"\u7528\u5728\u9019\u908a\u63cf\u8ff0\u7684 min/max resolution \u8a2d\u5b9a: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS Transaction: \u6210\u529f ${response}\",\n+    commitFailed: \"WFS Transaction: \u5931\u6557 ${response}\",\n+    googleWarning: \"The Google Layer \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" + \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" + \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" + \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba Google Maps \u7684\u51fd\u5f0f\u5eab\" + \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\uff0c\u6216\u6c92\u6709\u5305\u542b \" + \"\u60a8\u7db2\u7ad9\u4e0a\u6b63\u78ba\u7684 API key <br><br>\" + \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n+    getLayerWarning: \"${layerType} \u5716\u5c64\u7121\u6cd5\u88ab\u6b63\u78ba\u7684\u8f09\u5165\u3002<br><br>\" + \"\u8981\u8ff4\u907f\u9019\u500b\u8a0a\u606f, \u8acb\u5728\u53f3\u4e0a\u89d2\u7684\u5716\u5c64\u6539\u8b8a\u5668\u88e1\uff0c\" + \"\u9078\u4e00\u500b\u65b0\u7684\u57fa\u790e\u5716\u5c64\u3002<br><br>\" + \"\u5f88\u6709\u53ef\u80fd\u662f\u56e0\u70ba ${layerLib} \u7684\u51fd\u5f0f\u5eab\" + \"\u8173\u672c\u6c92\u6709\u88ab\u6b63\u78ba\u7684\u7f6e\u5165\u3002<br><br>\" + \"\u958b\u767c\u8005: \u8981\u5e6b\u52a9\u9019\u500b\u884c\u70ba\u6b63\u78ba\u5b8c\u6210\uff0c\" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>\u8acb\u6309\u9019\u88e1</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Scale = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"\u4f60\u6b63\u4f7f\u7528 'reproject' \u9019\u500b\u9078\u9805 \" + \"\u5728 ${layerName} \u5c64\u3002\u9019\u500b\u9078\u9805\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528:\" + \"\u5b83\u7684\u4f7f\u7528\u539f\u672c\u662f\u8a2d\u8a08\u7528\u4f86\u652f\u63f4\u5728\u5546\u696d\u5730\u5716\u4e0a\u79c0\u51fa\u8cc7\u6599\uff0c\" + \"\u4f46\u9019\u500b\u529f\u80fd\u5df2\u7d93\u88ab\" + \"Spherical Mercator\u6240\u53d6\u4ee3\u3002\u66f4\u591a\u7684\u8cc7\u8a0a\u53ef\u4ee5\u5728 \" + \"http://trac.openlayers.org/wiki/SphericalMercator \u627e\u5230\u3002\",\n+    methodDeprecated: \"\u9019\u500b\u65b9\u6cd5\u5df2\u7d93\u4e0d\u518d\u4f7f\u7528\u4e14\u57283.0\u5c07\u6703\u88ab\u79fb\u9664\uff0c\" + \"\u8acb\u4f7f\u7528 ${newMethod} \u4f86\u4ee3\u66ff\u3002\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"cs-CZ\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Nezpracovan\u00e1 n\u00e1vratov\u00e1 hodnota ${statusText}\",\n+    Permalink: \"Trval\u00fd odkaz\",\n+    Overlays: \"P\u0159ekryvn\u00e9 vrstvy\",\n+    \"Base Layer\": \"Podkladov\u00e9 vrstvy\",\n+    noFID: \"Nelze aktualizovat prvek, pro kter\u00fd neexistuje FID.\",\n+    browserNotSupported: \"V\u00e1\u0161 prohl\u00ed\u017ee\u010d nepodporuje vykreslov\u00e1n\u00ed vektor\u016f. Moment\u00e1ln\u011b podporovan\u00e9 n\u00e1stroje jsou::\\n${renderers}\",\n+    minZoomLevelError: \"Vlastnost minZoomLevel by se m\u011bla pou\u017e\u00edvat pouze s potomky FixedZoomLevels vrstvami. To znamen\u00e1, \u017ee vrstva wfs kontroluje, zda-li minZoomLevel nen\u00ed zbytek z minulosti.Nelze to ov\u0161em vyjmout bez mo\u017enosti, \u017ee bychom rozbili aplikace postaven\u00e9 na OL, kter\u00e9 by na tom mohly z\u00e1viset. Proto tuto vlastnost nedoporu\u010dujeme pou\u017e\u00edvat --  kontrola minZoomLevel bude odstran\u011bna ve verzi 3.0. Pou\u017eijte pros\u00edm rad\u011bji nastaven\u00ed min/max podle p\u0159\u00edkaldu popsan\u00e9ho na: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS Transaction: \u00daSP\u011aCH ${response}\",\n+    commitFailed: \"WFS Transaction: CHYBA ${response}\",\n+    googleWarning: \"Nepoda\u0159ilo se spr\u00e1vn\u011b na\u010d\u00edst vrstvu Google.<br><br>Abyste se zbavili t\u00e9to zpr\u00e1vy, zvolte jinou z\u00e1kladn\u00ed vrstvu v p\u0159ep\u00edna\u010di vrstev.<br><br>To se v\u011bt\u0161inou st\u00e1v\u00e1, pokud nebyl na\u010dten skript, nebo neobsahuje spr\u00e1vn\u00fd kl\u00ed\u010d pro API pro tuto str\u00e1nku.<br><br>V\u00fdvoj\u00e1\u0159i: Pro pomoc, aby tohle fungovalo , <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>klikn\u011bte sem</a>\",\n+    getLayerWarning: \"The ${layerType} Layer was unable to load correctly.<br><br>To get rid of this message, select a new BaseLayer in the layer switcher in the upper-right corner.<br><br>Most likely, this is because the ${layerLib} library script was either not correctly included.<br><br>Developers: For help getting this working correctly, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>click here</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"M\u011b\u0159\u00edtko = 1 : ${scaleDenom}\",\n+    reprojectDeprecated: \"Pou\u017eil jste volbu 'reproject' ve vrstv\u011b ${layerName}. Tato volba nen\u00ed doporu\u010den\u00e1: byla zde proto, aby bylo mo\u017eno zobrazovat data z okomer\u010dn\u00edch server\u016f, ale tato funkce je nyn\u00ed zaji\u0161t\u011bna pomoc\u00ed podpory Spherical Mercator. V\u00edce informac\u00ed naleznete na http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Tato metoda je zavr\u017een\u00e1 a bude ve verzi 3.0 odstran\u011bna. Pros\u00edm, pou\u017eijte rad\u011bji ${newMethod}.\"\n });\n-OpenLayers.Lang[\"nds\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Unbehannelt Tr\u00fcchmellels f\u00f6r de Anfraag ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Overlays\",\n-    \"Base Layer\": \"Achtergrundkoort\",\n-    noFID: \"En Feature, dat keen FID hett, kann nich aktuell maakt warrn.\",\n-    browserNotSupported: \"Dien Browser \u00fcnnerst\u00fctt keen Vektorbiller. \u00dcnnerst\u00fctt Renderers:\\n${renderers}\",\n-    commitSuccess: \"WFS-Transakschoon: hett klappt ${response}\",\n-    commitFailed: \"WFS-Transakschoon: hett nich klappt ${response}\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Skaal = 1 : ${scaleDenom}\",\n-    methodDeprecated: \"Disse Methood is oold un schall dat in 3.0 nich mehr geven. Bruuk dor man beter ${newMethod} f\u00f6r.\"\n+OpenLayers.Lang[\"ru\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"\u041d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u0435\u0440\u043d\u0443\u043b ${statusText}\",\n+    Permalink: \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430\",\n+    Overlays: \"\u0421\u043b\u043e\u0438\",\n+    \"Base Layer\": \"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439\",\n+    noFID: \"\u041d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442 FID.\",\n+    browserNotSupported: \"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u0443\u044e \u0433\u0440\u0430\u0444\u0438\u043a\u0443. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f:\\n${renderers}\",\n+    minZoomLevelError: \"\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e minZoomLevel \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043e \u0441\u043b\u043e\u044f\u043c\u0438, \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u043f\u043e\u0442\u043e\u043c\u043a\u0430\u043c\u0438 FixedZoomLevels. \u0422\u043e, \u0447\u0442\u043e \u044d\u0442\u043e\u0442 WFS-\u0441\u043b\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043d\u0430 minZoomLevel \u2014 \u0440\u0435\u043b\u0438\u043a\u0442 \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0442\u0430\u043a \u043a\u0430\u043a, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u0442 \u043d\u0435\u0451 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 OpenLayers \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439 \u2014 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 minZoomLevel \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0432 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0451 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043c\u0438\u043d/\u043c\u0430\u043a\u0441 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0437\u0434\u0435\u0441\u044c: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u0423\u0421\u041f\u0415\u0428\u041d\u041e ${response}\",\n+    commitFailed: \"\u0422\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044f WFS: \u041e\u0428\u0418\u0411\u041a\u0410 ${response}\",\n+    googleWarning: \"\u0421\u043b\u043e\u0439 Google \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c.<br><br>\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.<br><br>\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Google Maps \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0433\u043e API-\u043a\u043b\u044e\u0447\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.<br><br>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442</a>\",\n+    getLayerWarning: \"\u0421\u043b\u043e\u0439 ${layerType} \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c. <br><br>\u0427\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u0432\u044b\u0431\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u043b\u043e\u0439 \u0432 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435 \u0432 \u043f\u0440\u0430\u0432\u043e\u043c \u0432\u0435\u0440\u0445\u043d\u0435\u043c \u0443\u0433\u043b\u0443.<br><br>\u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 ${layerLib} \u043d\u0435 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u043b\u0438 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e.<br><br>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c: \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>\u0449\u0451\u043b\u043a\u043d\u0438\u0442\u0435 \u0442\u0443\u0442</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"\u041c\u0430\u0441\u0448\u0442\u0430\u0431 = 1 : ${scaleDenom}\",\n+    W: \"\u0417\",\n+    E: \"\u0412\",\n+    N: \"\u0421\",\n+    S: \"\u042e\",\n+    reprojectDeprecated: \"\u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044e 'reproject' \u0434\u043b\u044f \u0441\u043b\u043e\u044f ${layerName}. \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439: \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0445 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043a\u0430\u0440\u0442, \u043d\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0435\u0441\u0451\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u041c\u0435\u0440\u043a\u0430\u0442\u043e\u0440\u0430. \u0411\u043e\u043b\u044c\u0448\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u043d\u0430 http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"\u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043b\u0451\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 3.0. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c ${newMethod}.\"\n+});\n+OpenLayers.Lang[\"is\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"Varanlegur tengill\",\n+    Overlays: \"\u00deekjur\",\n+    \"Base Layer\": \"Grunnlag\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Skali = 1 : ${scaleDenom}\",\n+    methodDeprecated: \"\u00deetta fall hefur veri\u00f0 \u00farelt og ver\u00f0ur fjarl\u00e6gt \u00ed 3.0. Nota\u00f0u ${newMethod} \u00ed sta\u00f0in.\"\n });\n OpenLayers.Lang.es = {\n     unhandledRequest: \"Respuesta a petici\u00f3n no gestionada ${statusText}\",\n     Permalink: \"Enlace permanente\",\n     Overlays: \"Capas superpuestas\",\n     \"Base Layer\": \"Capa Base\",\n     noFID: \"No se puede actualizar un elemento para el que no existe FID.\",\n@@ -38925,195 +35953,1394 @@\n     N: \"N\",\n     S: \"S\",\n     Graticule: \"Ret\u00edcula\",\n     reprojectDeprecated: \"Est\u00e1 usando la opci\u00f3n 'reproject' en la capa \" + \"${layerName}. Esta opci\u00f3n es obsoleta: su uso fue dise\u00f1ado \" + \"para soportar la visualizaci\u00f3n de datos sobre mapas base comerciales, \" + \"pero ahora esa funcionalidad deber\u00eda conseguirse mediante el soporte \" + \"de la proyecci\u00f3n Spherical Mercator. M\u00e1s informaci\u00f3n disponible en \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n     methodDeprecated: \"Este m\u00e9todo es obsoleto y se eliminar\u00e1 en la versi\u00f3n 3.0. \" + \"Por favor utilice el m\u00e9todo ${newMethod} en su lugar.\",\n     end: \"\"\n };\n-OpenLayers.Lang[\"nl\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Het verzoek is niet afgehandeld met de volgende melding: ${statusText}\",\n-    Permalink: \"Permanente verwijzing\",\n+OpenLayers.Lang[\"te\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"\u0c38\u0c4d\u0c25\u0c3f\u0c30\u0c32\u0c3f\u0c02\u0c15\u0c41\",\n+    W: \"\u0c2a\",\n+    E: \"\u0c24\u0c42\",\n+    N: \"\u0c09\",\n+    S: \"\u0c26\"\n+});\n+OpenLayers.Lang[\"io\"] = OpenLayers.Util.applyDefaults({\n+    \"Scale = 1 : ${scaleDenom}\": \"Skalo = 1 : ${scaleDenom}\"\n+});\n+OpenLayers.Lang.ca = {\n+    unhandledRequest: \"Resposta a petici\u00f3 no gestionada ${statusText}\",\n+    Permalink: \"Enlla\u00e7 permanent\",\n+    Overlays: \"Capes addicionals\",\n+    \"Base Layer\": \"Capa Base\",\n+    noFID: \"No es pot actualitzar un element per al que no existeix FID.\",\n+    browserNotSupported: \"El seu navegador no suporta renderitzaci\u00f3 vectorial. Els renderitzadors suportats actualment s\u00f3n:\\n${renderers}\",\n+    minZoomLevelError: \"La propietat minZoomLevel s'ha d'utilitzar nom\u00e9s \" + \"amb les capes que tenen FixedZoomLevels. El fet que \" + \"una capa wfs comprovi minZoomLevel \u00e9s una rel\u00edquia del \" + \"passat. No podem, per\u00f2, eliminar-la sense trencar \" + \"les aplicacions d'OpenLayers que en puguin dependre. \" + \"Aix\u00ed doncs estem fent-la obsoleta -- la comprovaci\u00f3 \" + \"minZoomLevel s'eliminar\u00e0 a la versi\u00f3 3.0. Feu servir \" + \"els par\u00e0metres min/max resolution en substituci\u00f3, tal com es descriu aqu\u00ed: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transacci\u00f3 WFS: CORRECTA ${response}\",\n+    commitFailed: \"Transacci\u00f3 WFS: HA FALLAT ${response}\",\n+    googleWarning: \"La capa Google no s'ha pogut carregar correctament.<br><br>\" + \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" + \"al gestor de capes de la cantonada superior dreta.<br><br>\" + \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca de \" + \"Google Maps no ha estat incl\u00f2s a la vostra p\u00e0gina, o no \" + \"cont\u00e9 la clau de l'API correcta per a la vostra adre\u00e7a.<br><br>\" + \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n+    getLayerWarning: \"Per evitar aquest missatge, seleccioneu una nova Capa Base \" + \"al gestor de capes de la cantonada superior dreta.<br><br>\" + \"Probablement aix\u00f2 \u00e9s degut a que l'script de la biblioteca \" + \"${layerLib} \" + \"no ha estat incl\u00f2s a la vostra p\u00e0gina.<br><br>\" + \"Desenvolupadors: Per obtenir consells sobre com fer anar aix\u00f2, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>f\u00e9u clic aqu\u00ed</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Escala = 1 : ${scaleDenom}\",\n+    W: \"O\",\n+    E: \"E\",\n+    N: \"N\",\n+    S: \"S\",\n+    Graticule: \"Ret\u00edcula\",\n+    reprojectDeprecated: \"Esteu fent servir l'opci\u00f3 'reproject' a la capa \" + \"${layerName}. Aquesta opci\u00f3 \u00e9s obsoleta: el seu \u00fas fou concebut \" + \"per suportar la visualitzaci\u00f3 de dades sobre mapes base comercials, \" + \"per\u00f2 ara aquesta funcionalitat s'hauria d'assolir mitjan\u00e7ant el suport \" + \"de la projecci\u00f3 Spherical Mercator. M\u00e9s informaci\u00f3 disponible a \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Aquest m\u00e8tode \u00e9s obsolet i s'eliminar\u00e0 a la versi\u00f3 3.0. \" + \"Si us plau feu servir em m\u00e8tode alternatiu ${newMethod}.\",\n+    end: \"\"\n+};\n+OpenLayers.Lang[\"fi\"] = OpenLayers.Util.applyDefaults({\n+    Permalink: \"Ikilinkki\",\n+    Overlays: \"Kerrokset\",\n+    \"Base Layer\": \"Peruskerros\",\n+    W: \"L\",\n+    E: \"I\",\n+    N: \"P\",\n+    S: \"E\"\n+});\n+OpenLayers.Lang[\"br\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Distro evel reked anveret ${statusText}\",\n+    Permalink: \"Peurliamm\",\n+    Overlays: \"Gwiskado\u00f9\",\n+    \"Base Layer\": \"Gwiskad diazez\",\n+    noFID: \"N'haller ket hizivaat un elfenn ma n'eus ket a niverenn-anaout (FID) eviti.\",\n+    browserNotSupported: \"N'eo ket skoret an daskor vektorel gant ho merdeer. Setu aze an daskorerio\u00f9 skoret evit ar poent :\\n${renderers}\",\n+    minZoomLevelError: \"Ne zleer implijout ar perzh minZoomLevel nemet evit gwiskado\u00f9 FixedZoomLevels-descendent. Ar fed ma wiria ar gwiskad WHS-se hag-e\u00f1 ez eus eus minZoomLevel zo un aspadenn gozh. Koulskoude n'omp ket evit e ziverka\u00f1 kuit da derri\u00f1 arloado\u00f9 diazezet war OL a c'hallfe beza\u00f1 stag outa\u00f1. Setu perak eo dispredet -- Lamet kuit e vo ar gwiria\u00f1 minZoomLevel a-is er stumm 3.0. Ober gant an arventenno\u00f9 bihana\u00f1/brasa\u00f1 evel deskrivet ama\u00f1 e plas : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Treuzgread WFS : MAT EO ${response}\",\n+    commitFailed: \"Treuzgread WFS Transaction: C'HWITET ${response}\",\n+    googleWarning: \"N'eus ket bet gallet karga\u00f1 ar gwiskad Google ent reizh.<br><br>Evit en em zizober eus ar c'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c'horn deho\u00f9 el laez.<br><br>Sur a-walc'h eo peogwir n'eo ket bet ensoc'het levraoueg Google Maps pe neuze ne glot ket an alc'hwez API gant ho lec'hienn.<br><br>Diorroerien : Evit reizha\u00f1 an dra-se, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>click here</a>\",\n+    getLayerWarning: \"N'haller ket karga\u00f1 ar gwiskad ${layerType} ent reizh.<br><br>Evit en em zizober eus ar c'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c'horn deho\u00f9 el laez.<br><br>Sur a-walc'h eo peogwir n'eo ket bet ensoc'het mat al levraoueg ${layerLib}.<br><br>Diorroerien : Evit gouzout penaos reizha\u00f1 an dra-se, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>click here</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Skeul = 1 : ${scaleDenom}\",\n+    W: \"K\",\n+    E: \"R\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Emaoc'h oc'h implijout an dibarzh 'reproject' war ar gwiskad ${layerName}. Dispredet eo an dibarzh-ma\u00f1 : bet eo hag e talveze da ziskwel roadenno\u00f9 war-c'horre kartenno\u00f9 diazez kenwerzhel, un dra hag a c'haller ober brema\u00f1 gant an arc'hwel dre skor banndres boullek Mercator. Muioc'h a ditouro\u00f9 a c'haller da gaout war http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Dispredet eo an daore-se ha tennet e vo kuit eus ar stumm 3.0. Grit gant ${newMethod} e plas.\"\n+});\n+OpenLayers.Lang[\"nn\"] = OpenLayers.Util.applyDefaults({\n+    \"Scale = 1 : ${scaleDenom}\": \"Skala = 1 : ${scaleDenom}\"\n+});\n+OpenLayers.Lang[\"oc\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Requ\u00e8sta pas gerida, retorna ${statusText}\",\n+    Permalink: \"Permaligam\",\n+    Overlays: \"Calques\",\n+    \"Base Layer\": \"Calc de basa\",\n+    noFID: \"Impossible de metre a jorn un obj\u00e8cte sens identificant (fid).\",\n+    browserNotSupported: \"V\u00f2stre navegidor sup\u00f2rta pas lo rendut vectorial. Los renderers actualament suportats son : \\n${renderers}\",\n+    minZoomLevelError: \"La proprietat minZoomLevel deu \u00e8sser utilizada solament per de jaces FixedZoomLevels-descendent. Lo fach qu'aqueste ja\u00e7 WFS verifique la pres\u00e9ncia de minZoomLevel es una relica del passat. \u00c7aquel\u00e0, la pod\u00e8m suprimir sens copar d'aplicacions que ne poiri\u00e1n dependre. Es per aqu\u00f2 que la depreciam -- la verificacion del minZoomLevel ser\u00e0 suprimida en version 3.0. A la pla\u00e7a, merc\u00e9s d'utilizar los param\u00e8tres de resolucions min/max tal coma descrich sus : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transaccion WFS : SUCCES ${response}\",\n+    commitFailed: \"Transaccion WFS : FRACAS ${response}\",\n+    googleWarning: \"Lo ja\u00e7 Google es pas estat en mesura de se cargar corr\u00e8ctament.<br><br>Per suprimir aqueste messatge, causiss\u00e8tz una BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.<br><br>Aqu\u00f2 es possiblament causat par la non-inclusion de la librari\u00e1 Google Maps, o alara perque que la clau de l'API correspond pas a v\u00f2stre site.<br><br>Desvolopaires : per saber coss\u00ed corregir aqu\u00f2, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clicatz aic\u00ed</a>\",\n+    getLayerWarning: \"Lo ja\u00e7 ${layerType} es pas en mesura de se cargar corr\u00e8ctament.<br><br>Per suprimir aqueste messatge, causiss\u00e8tz una  BaseLayer nov\u00e8la dins lo selector de ja\u00e7 en naut a drecha.<br><br>Aqu\u00f2 es possiblament causat per la non-inclusion de la librari\u00e1 ${layerLib}.<br><br>Desvolopaires : per saber coss\u00ed corregir aqu\u00ed, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clicatz aic\u00ed</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Escala ~ 1 : ${scaleDenom}\",\n+    W: \"O\",\n+    E: \"\u00c8\",\n+    N: \"N\",\n+    S: \"S\",\n+    reprojectDeprecated: \"Utilizatz l'opcion 'reproject' sul ja\u00e7 ${layerName}. Aquesta opcion es despreciada : Son usatge permeti\u00e1 d'afichar de donadas al dess\u00fas de jaces raster comercials. Aquesta foncionalitat ara es suportada en utilizant lo sup\u00f2rt de la projeccion Mercator Esferica. Mai d'informacion es disponibla sus http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Aqueste met\u00f2de es despreciada, e ser\u00e0 suprimida a la version 3.0. Merc\u00e9s d'utilizar ${newMethod} a la pla\u00e7a.\"\n+});\n+OpenLayers.Lang[\"hr\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Nepodr\u017eani zahtjev ${statusText}\",\n+    Permalink: \"Permalink\",\n     Overlays: \"Overlays\",\n-    \"Base Layer\": \"Achtergrondkaart\",\n-    noFID: \"Een optie die geen FID heeft kan niet bijgewerkt worden.\",\n-    browserNotSupported: \"Uw browser ondersteunt het weergeven van vectoren niet.\\nMomenteel ondersteunde weergavemogelijkheden:\\n${renderers}\",\n-    minZoomLevelError: \"De eigenschap minZoomLevel is alleen bedoeld voor gebruik lagen met die afstammen van FixedZoomLevels-lagen.\\nDat deze WFS-laag minZoomLevel controleert, is een overblijfsel uit het verleden.\\nWe kunnen deze controle echter niet verwijderen zonder op OL gebaseerde applicaties die hervan afhankelijk zijn stuk te maken.\\nDaarom heeft deze functionaliteit de eigenschap 'deprecated' gekregen - de minZoomLevel wordt verwijderd in versie 3.0.\\nGebruik in plaats van deze functie de mogelijkheid om min/max voor resolutie in te stellen zoals op de volgende pagina wordt beschreven:\\nhttp://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS-transactie: succesvol ${response}\",\n-    commitFailed: \"WFS-transactie: mislukt ${response}\",\n-    googleWarning: \"De Google-Layer kon niet correct geladen worden.<br /><br />\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.<br /><br />\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct ingevoegd is.<br /><br />\\nOntwikkelaars: <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klik hier</a> om dit werkend te krijgen.\",\n-    getLayerWarning: \"De laag ${layerType} kon niet goed geladen worden.<br /><br />\\nOm deze melding niet meer te krijgen, moet u een andere achtergrondkaart kiezen in de laagwisselaar in de rechterbovenhoek.<br /><br />\\nDit komt waarschijnlijk doordat de bibliotheek ${layerLib} niet correct is ingevoegd.<br /><br />\\nOntwikkelaars: <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klik hier</a> om dit werkend te krijgen.\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Schaal = 1 : ${scaleDenom}\",\n+    \"Base Layer\": \"Osnovna karta\",\n+    noFID: \"Ne mogu a\u017eurirati zna\u010dajku za koju ne postoji FID.\",\n+    browserNotSupported: \"Va\u0161 preglednik ne podr\u017eava vektorsko renderiranje. Trenutno podr\u017eani rendereri su: ${renderers}\",\n+    commitSuccess: \"WFS Transakcija: USPJE\u0160NA ${response}\",\n+    commitFailed: \"WFS Transakcija: NEUSPJE\u0160NA ${response}\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Mjerilo = 1 : ${scaleDenom}\",\n+    methodDeprecated: \"Ova metoda nije odobrena i biti \u0107e maknuta u 3.0. Koristite ${newMethod}.\"\n+});\n+OpenLayers.Lang[\"gsw\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Nit behandleti Aafrogsruckm\u00e4ldig ${statusText}\",\n+    Permalink: \"Permalink\",\n+    Overlays: \"Iberlagerige\",\n+    \"Base Layer\": \"Grundcharte\",\n+    noFID: \"E Feature, wu s kei FID derfir git, cha nit aktualisiert w\u00e4re.\",\n+    browserNotSupported: \"Dyy Browser unterstitzt kei Vektordarstellig. Aktu\u00e4ll unterstitzti Renderer:\\n${renderers}\",\n+    minZoomLevelError: \"D minZoomLevel-Eigeschaft isch nume d\u00e4nk fir d Layer, wu vu dr FixedZoomLevels abstamme. Ass d\u00e4\u00e4 wfs-Layer minZoomLevel prieft, scih e Relikt us dr Vergangeheit. Mir chenne s aber nit \u00e4ndere ohni OL_basierti Aaw\u00e4ndige villicht kaputt gehn, wu dervu abh\u00e4nge.  Us d\u00e4m Grund het die Funktion d Eigeschaft 'deprecated' iberchuu. D minZoomLevel-Priefig unte wird in dr Version 3.0 usegnuu. Bitte verw\u00e4nd statt d\u00e4m e min/max-Uflesig wie s do bschriben isch: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"WFS-Transaktion: ERFOLGRYCH ${response}\",\n+    commitFailed: \"WFS-Transaktion: F\u00c4HLGSCHLAA ${response}\",\n+    googleWarning: \"Dr Google-Layer het nit korr\u00e4kt chenne glade w\u00e4re.<br><br>Go die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.<br><br>D\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr Google-Maps-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.<br><br>Entwickler: Fir Hilf zum korr\u00e4kte Yybinde vum Google-Layer <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>doo drucke</a>\",\n+    getLayerWarning: \"Dr ${layerType}-Layer het nit korr\u00e4kt chenne glade w\u00e4re.<br><br>Go die M\u00e4ldig nimi z kriege, wehl e andere Hintergrundlayer us em LayerSwitcher im r\u00e4chte obere Ecke.<br><br>D\u00e4\u00e4 F\u00e4hler git s seli hyfig, wel s Skript vu dr '${layerLib}'-Bibliothek nit yybunde woren isch oder wel s kei giltige API-Schlissel fir Dyy URL din het.<br><br>Entwickler: Fir Hilf zum korr\u00e4kte Yybinde vu Layer <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>doo drucke</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Ma\u00dfstab = 1 : ${scaleDenom}\",\n     W: \"W\",\n     E: \"O\",\n     N: \"N\",\n-    S: \"Z\",\n-    reprojectDeprecated: \"U gebruikt de optie 'reproject' op de laag ${layerName}.\\nDeze optie is vervallen: deze optie was ontwikkeld om gegevens over commerci\u00eble basiskaarten weer te geven, maar deze functionaliteit wordt nu bereikt door ondersteuning van Spherical Mercator.\\nMeer informatie is beschikbaar op http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Deze methode is verouderd en wordt verwijderd in versie 3.0.\\nGebruik ${newMethod}.\"\n+    S: \"S\",\n+    reprojectDeprecated: \"Du bruchsch d 'reproject'-Option bim ${layerName}-Layer. Die Option isch nimi giltig: si isch aagleit wore go   Date iber kommerzi\u00e4lli Grundcharte lege, aber des sott mer jetz mache mit dr Unterstitzig vu Spherical Mercator. Meh Informatione git s uf http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Die Methode isch veraltet un wird us dr Version 3.0 usegnuu. Bitte verw\u00e4bnd statt d\u00e4m ${newMethod}.\"\n+});\n+OpenLayers.Lang[\"pl\"] = OpenLayers.Util.applyDefaults({\n+    unhandledRequest: \"Nieobs\u0142ugiwane \u017c\u0105danie zwr\u00f3ci\u0142o ${statusText}\",\n+    Permalink: \"Permalink\",\n+    Overlays: \"Nak\u0142adki\",\n+    \"Base Layer\": \"Warstwa podstawowa\",\n+    noFID: \"Nie mo\u017cna zaktualizowa\u0107 funkcji, dla kt\u00f3rych nie ma FID.\",\n+    browserNotSupported: \"Twoja przegl\u0105darka nie obs\u0142uguje renderowania wektor\u00f3w. Obecnie obs\u0142ugiwane renderowanie to:\\n${renderers}\",\n+    minZoomLevelError: \"W\u0142a\u015bciwo\u015b\u0107 minZoomLevel jest przeznaczona tylko do u\u017cytku \" + \"z warstwami FixedZoomLevels-descendent.\" + \"Warstwa wfs, kt\u00f3ra sprawdza minZoomLevel jest reliktem przesz\u0142o\u015bci.\" + \"Nie mo\u017cemy jej jednak usun\u0105c bez mozliwo\u015bci \u0142amania OL aplikacji, \" + \"kt\u00f3re mog\u0105 by\u0107 od niej zale\u017cne. \" + \"Dlatego jeste\u015bmy za deprecjacj\u0119 -- minZoomLevel \" + \"zostanie usuni\u0119ta w wersji 3.0. W zamian prosze u\u017cyj \" + \"min/max rozdzielczo\u015bci w spos\u00f3b opisany tutaj: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n+    commitSuccess: \"Transakcja WFS: SUKCES ${response}\",\n+    commitFailed: \"Transakcja WFS: FAILED ${response}\",\n+    googleWarning: \"Warstwa Google nie by\u0142 w stanie za\u0142adowa\u0107 si\u0119 poprawnie.<br><br>\" + \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" + \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" + \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka Google Maps \" + \"nie jest za\u0142adowana, lub nie zawiera poprawnego klucza do API dla twojej strony<br><br>\" + \"Programisto: Aby uzyska\u0107 pomoc , \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>kliknij tutaj</a>\",\n+    getLayerWarning: \"Warstwa ${layerType} nie mog\u0142a zosta\u0107 za\u0142adowana poprawnie.<br><br>\" + \"Aby pozby\u0107 si\u0119 tej wiadomo\u015bci, wybierz now\u0105 Warstwe podstawow\u0105 \" + \"w prze\u0142\u0105czniku warstw w g\u00f3rnym prawym rogu mapy.<br><br>\" + \"Najprawdopodobniej jest to spowodowane tym, \u017ce biblioteka ${layerLib} \" + \"nie jest za\u0142adowana, lub mo\u017ce(o ile biblioteka tego wymaga) \" + \"byc potrzebny klucza do API dla twojej strony<br><br>\" + \"Programisto: Aby uzyska\u0107 pomoc , \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>kliknij tutaj</a>\",\n+    \"Scale = 1 : ${scaleDenom}\": \"Skala = 1 : ${scaleDenom}\",\n+    W: \"ZACH\",\n+    E: \"WSCH\",\n+    N: \"PN\",\n+    S: \"PD\",\n+    Graticule: \"Siatka\",\n+    reprojectDeprecated: \"w warstwie ${layerName} u\u017cywasz opcji 'reproject'. \" + \"Ta opcja jest przestarza\u0142a: \" + \"jej zastosowanie zosta\u0142 zaprojektowany, aby wspiera\u0107 wy\u015bwietlania danych przez komercyjne mapy, \" + \"jednak obecnie ta funkcjonalno\u015b\u0107 powinien zosta\u0107 osi\u0105gni\u0119ty za pomoc\u0105 Spherical Mercator \" + \"its use was designed to support displaying data over commercial. Wi\u0119cje informacji na ten temat mo\u017cesz znale\u017a\u0107 na stronie \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n+    methodDeprecated: \"Ta metoda jest przestarza\u0142a i b\u0119dzie usuni\u0119ta od wersji 3.0. \" + \"W zamian u\u017cyj ${newMethod}.\"\n+});\n+OpenLayers.Protocol.HTTP = OpenLayers.Class(OpenLayers.Protocol, {\n+    url: null,\n+    headers: null,\n+    params: null,\n+    callback: null,\n+    scope: null,\n+    readWithPOST: false,\n+    updateWithPOST: false,\n+    deleteWithPOST: false,\n+    wildcarded: false,\n+    srsInBBOX: false,\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.headers = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                wildcarded: this.wildcarded,\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params)\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        this.params = null;\n+        this.headers = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = options || {};\n+        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(options.filter, options.params)\n+        }\n+        var readWithPOST = options.readWithPOST !== undefined ? options.readWithPOST : this.readWithPOST;\n+        var resp = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        if (readWithPOST) {\n+            var headers = options.headers || {};\n+            headers[\"Content-Type\"] = \"application/x-www-form-urlencoded\";\n+            resp.priv = OpenLayers.Request.POST({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                data: OpenLayers.Util.getParameterString(options.params),\n+                headers: headers\n+            })\n+        } else {\n+            resp.priv = OpenLayers.Request.GET({\n+                url: options.url,\n+                callback: this.createCallback(this.handleRead, resp, options),\n+                params: options.params,\n+                headers: options.headers\n+            })\n+        }\n+        return resp\n+    },\n+    handleRead: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    create: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: features,\n+            requestType: \"create\"\n+        });\n+        resp.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleCreate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(features)\n+        });\n+        return resp\n+    },\n+    handleCreate: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    update: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"update\"\n+        });\n+        var method = this.updateWithPOST ? \"POST\" : \"PUT\";\n+        resp.priv = OpenLayers.Request[method]({\n+            url: url,\n+            callback: this.createCallback(this.handleUpdate, resp, options),\n+            headers: options.headers,\n+            data: this.format.write(feature)\n+        });\n+        return resp\n+    },\n+    handleUpdate: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    delete: function(feature, options) {\n+        options = options || {};\n+        var url = options.url || feature.url || this.options.url + \"/\" + feature.fid;\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = new OpenLayers.Protocol.Response({\n+            reqFeatures: feature,\n+            requestType: \"delete\"\n+        });\n+        var method = this.deleteWithPOST ? \"POST\" : \"DELETE\";\n+        var requestOptions = {\n+            url: url,\n+            callback: this.createCallback(this.handleDelete, resp, options),\n+            headers: options.headers\n+        };\n+        if (this.deleteWithPOST) {\n+            requestOptions.data = this.format.write(feature)\n+        }\n+        resp.priv = OpenLayers.Request[method](requestOptions);\n+        return resp\n+    },\n+    handleDelete: function(resp, options) {\n+        this.handleResponse(resp, options)\n+    },\n+    handleResponse: function(resp, options) {\n+        var request = resp.priv;\n+        if (options.callback) {\n+            if (request.status >= 200 && request.status < 300) {\n+                if (resp.requestType != \"delete\") {\n+                    resp.features = this.parseFeatures(request)\n+                }\n+                resp.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                resp.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            options.callback.call(options.scope, resp)\n+        }\n+    },\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        var resp = [],\n+            nResponses = 0;\n+        var types = {};\n+        types[OpenLayers.State.INSERT] = [];\n+        types[OpenLayers.State.UPDATE] = [];\n+        types[OpenLayers.State.DELETE] = [];\n+        var feature, list, requestFeatures = [];\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            list = types[feature.state];\n+            if (list) {\n+                list.push(feature);\n+                requestFeatures.push(feature)\n+            }\n+        }\n+        var nRequests = (types[OpenLayers.State.INSERT].length > 0 ? 1 : 0) + types[OpenLayers.State.UPDATE].length + types[OpenLayers.State.DELETE].length;\n+        var success = true;\n+        var finalResponse = new OpenLayers.Protocol.Response({\n+            reqFeatures: requestFeatures\n+        });\n+\n+        function insertCallback(response) {\n+            var len = response.features ? response.features.length : 0;\n+            var fids = new Array(len);\n+            for (var i = 0; i < len; ++i) {\n+                fids[i] = response.features[i].fid\n+            }\n+            finalResponse.insertIds = fids;\n+            callback.apply(this, [response])\n+        }\n+\n+        function callback(response) {\n+            this.callUserCallback(response, options);\n+            success = success && response.success();\n+            nResponses++;\n+            if (nResponses >= nRequests) {\n+                if (options.callback) {\n+                    finalResponse.code = success ? OpenLayers.Protocol.Response.SUCCESS : OpenLayers.Protocol.Response.FAILURE;\n+                    options.callback.apply(options.scope, [finalResponse])\n+                }\n+            }\n+        }\n+        var queue = types[OpenLayers.State.INSERT];\n+        if (queue.length > 0) {\n+            resp.push(this.create(queue, OpenLayers.Util.applyDefaults({\n+                callback: insertCallback,\n+                scope: this\n+            }, options.create)))\n+        }\n+        queue = types[OpenLayers.State.UPDATE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this.update(queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options.update)))\n+        }\n+        queue = types[OpenLayers.State.DELETE];\n+        for (var i = queue.length - 1; i >= 0; --i) {\n+            resp.push(this[\"delete\"](queue[i], OpenLayers.Util.applyDefaults({\n+                callback: callback,\n+                scope: this\n+            }, options[\"delete\"])))\n+        }\n+        return resp\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort()\n+        }\n+    },\n+    callUserCallback: function(resp, options) {\n+        var opt = options[resp.requestType];\n+        if (opt && opt.callback) {\n+            opt.callback.call(opt.scope, resp)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.HTTP\"\n+});\n+OpenLayers.Protocol.SOS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.SOS.DEFAULTS);\n+    var cls = OpenLayers.Protocol.SOS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported SOS version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.SOS.DEFAULTS = {\n+    version: \"1.0.0\"\n+};\n+OpenLayers.Protocol.WFS = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.WFS.DEFAULTS);\n+    var cls = OpenLayers.Protocol.WFS[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported WFS version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.WFS.fromWMSLayer = function(layer, options) {\n+    var typeName, featurePrefix;\n+    var param = layer.params[\"LAYERS\"];\n+    var parts = (OpenLayers.Util.isArray(param) ? param[0] : param).split(\":\");\n+    if (parts.length > 1) {\n+        featurePrefix = parts[0]\n+    }\n+    typeName = parts.pop();\n+    var protocolOptions = {\n+        url: layer.url,\n+        featureType: typeName,\n+        featurePrefix: featurePrefix,\n+        srsName: layer.projection && layer.projection.getCode() || layer.map && layer.map.getProjectionObject().getCode(),\n+        version: \"1.1.0\"\n+    };\n+    return new OpenLayers.Protocol.WFS(OpenLayers.Util.applyDefaults(options, protocolOptions))\n+};\n+OpenLayers.Protocol.WFS.DEFAULTS = {\n+    version: \"1.0.0\"\n+};\n+OpenLayers.Protocol.CSW = function(options) {\n+    options = OpenLayers.Util.applyDefaults(options, OpenLayers.Protocol.CSW.DEFAULTS);\n+    var cls = OpenLayers.Protocol.CSW[\"v\" + options.version.replace(/\\./g, \"_\")];\n+    if (!cls) {\n+        throw \"Unsupported CSW version: \" + options.version\n+    }\n+    return new cls(options)\n+};\n+OpenLayers.Protocol.CSW.DEFAULTS = {\n+    version: \"2.0.2\"\n+};\n+OpenLayers.Protocol.Script = OpenLayers.Class(OpenLayers.Protocol, {\n+    url: null,\n+    params: null,\n+    callback: null,\n+    callbackTemplate: \"OpenLayers.Protocol.Script.registry.${id}\",\n+    callbackKey: \"callback\",\n+    callbackPrefix: \"\",\n+    scope: null,\n+    format: null,\n+    pendingRequests: null,\n+    srsInBBOX: false,\n+    initialize: function(options) {\n+        options = options || {};\n+        this.params = {};\n+        this.pendingRequests = {};\n+        OpenLayers.Protocol.prototype.initialize.apply(this, arguments);\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.GeoJSON\n+        }\n+        if (!this.filterToParams && OpenLayers.Format.QueryStringFilter) {\n+            var format = new OpenLayers.Format.QueryStringFilter({\n+                srsInBBOX: this.srsInBBOX\n+            });\n+            this.filterToParams = function(filter, params) {\n+                return format.write(filter, params)\n+            }\n+        }\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.applyDefaults(options, this.options);\n+        options.params = OpenLayers.Util.applyDefaults(options.params, this.options.params);\n+        if (options.filter && this.filterToParams) {\n+            options.params = this.filterToParams(options.filter, options.params)\n+        }\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var request = this.createRequest(options.url, options.params, OpenLayers.Function.bind(function(data) {\n+            response.data = data;\n+            this.handleRead(response, options)\n+        }, this));\n+        response.priv = request;\n+        return response\n+    },\n+    createRequest: function(url, params, callback) {\n+        var id = OpenLayers.Protocol.Script.register(callback);\n+        var name = OpenLayers.String.format(this.callbackTemplate, {\n+            id: id\n+        });\n+        params = OpenLayers.Util.extend({}, params);\n+        params[this.callbackKey] = this.callbackPrefix + name;\n+        url = OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(params));\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = \"OpenLayers_Protocol_Script_\" + id;\n+        this.pendingRequests[script.id] = script;\n+        var head = document.getElementsByTagName(\"head\")[0];\n+        head.appendChild(script);\n+        return script\n+    },\n+    destroyRequest: function(script) {\n+        OpenLayers.Protocol.Script.unregister(script.id.split(\"_\").pop());\n+        delete this.pendingRequests[script.id];\n+        if (script.parentNode) {\n+            script.parentNode.removeChild(script)\n+        }\n+    },\n+    handleRead: function(response, options) {\n+        this.handleResponse(response, options)\n+    },\n+    handleResponse: function(response, options) {\n+        if (options.callback) {\n+            if (response.data) {\n+                response.features = this.parseFeatures(response.data);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            this.destroyRequest(response.priv);\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseFeatures: function(data) {\n+        return this.format.read(data)\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            this.destroyRequest(response.priv)\n+        } else {\n+            for (var key in this.pendingRequests) {\n+                this.destroyRequest(this.pendingRequests[key])\n+            }\n+        }\n+    },\n+    destroy: function() {\n+        this.abort();\n+        delete this.params;\n+        delete this.format;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.Script\"\n+});\n+(function() {\n+    var o = OpenLayers.Protocol.Script;\n+    var counter = 0;\n+    o.registry = {};\n+    o.register = function(callback) {\n+        var id = \"c\" + ++counter;\n+        o.registry[id] = function() {\n+            callback.apply(this, arguments)\n+        };\n+        return id\n+    };\n+    o.unregister = function(id) {\n+        delete o.registry[id]\n+    }\n+})();\n+OpenLayers.Protocol.CSW.v2_0_2 = OpenLayers.Class(OpenLayers.Protocol, {\n+    formatOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.CSWGetRecords.v2_0_2(OpenLayers.Util.extend({}, this.formatOptions))\n+        }\n+    },\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var data = this.format.write(options.params || options);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+        return response\n+    },\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                response.data = this.parseData(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseData: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.CSW.v2_0_2\"\n+});\n+OpenLayers.Protocol.SOS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol, {\n+    fois: null,\n+    formatOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = new OpenLayers.Format.SOSGetFeatureOfInterest(this.formatOptions)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var format = this.format;\n+        var data = OpenLayers.Format.XML.prototype.write.apply(format, [format.writeNode(\"sos:GetFeatureOfInterest\", {\n+            fois: this.fois\n+        })]);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            data: data\n+        });\n+        return response\n+    },\n+    handleRead: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                response.features = this.parseFeatures(request);\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseFeatures: function(request) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        return this.format.read(doc)\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.SOS.v1_0_0\"\n+});\n+OpenLayers.Protocol.WFS.v1 = OpenLayers.Class(OpenLayers.Protocol, {\n+    version: null,\n+    srsName: \"EPSG:4326\",\n+    featureType: null,\n+    featureNS: null,\n+    geometryName: \"the_geom\",\n+    schema: null,\n+    featurePrefix: \"feature\",\n+    formatOptions: null,\n+    readFormat: null,\n+    readOptions: null,\n+    initialize: function(options) {\n+        OpenLayers.Protocol.prototype.initialize.apply(this, [options]);\n+        if (!options.format) {\n+            this.format = OpenLayers.Format.WFST(OpenLayers.Util.extend({\n+                version: this.version,\n+                featureType: this.featureType,\n+                featureNS: this.featureNS,\n+                featurePrefix: this.featurePrefix,\n+                geometryName: this.geometryName,\n+                srsName: this.srsName,\n+                schema: this.schema\n+            }, this.formatOptions))\n+        }\n+        if (!options.geometryName && parseFloat(this.format.version) > 1) {\n+            this.setGeometryName(null)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.options && !this.options.format) {\n+            this.format.destroy()\n+        }\n+        this.format = null;\n+        OpenLayers.Protocol.prototype.destroy.apply(this)\n+    },\n+    read: function(options) {\n+        OpenLayers.Protocol.prototype.read.apply(this, arguments);\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options || {});\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"read\"\n+        });\n+        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [this.format.writeNode(\"wfs:GetFeature\", options)]);\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            callback: this.createCallback(this.handleRead, response, options),\n+            params: options.params,\n+            headers: options.headers,\n+            data: data\n+        });\n+        return response\n+    },\n+    setFeatureType: function(featureType) {\n+        this.featureType = featureType;\n+        this.format.featureType = featureType\n+    },\n+    setGeometryName: function(geometryName) {\n+        this.geometryName = geometryName;\n+        this.format.geometryName = geometryName\n+    },\n+    handleRead: function(response, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        if (options.callback) {\n+            var request = response.priv;\n+            if (request.status >= 200 && request.status < 300) {\n+                var result = this.parseResponse(request, options.readOptions);\n+                if (result && result.success !== false) {\n+                    if (options.readOptions && options.readOptions.output == \"object\") {\n+                        OpenLayers.Util.extend(response, result)\n+                    } else {\n+                        response.features = result\n+                    }\n+                    response.code = OpenLayers.Protocol.Response.SUCCESS\n+                } else {\n+                    response.code = OpenLayers.Protocol.Response.FAILURE;\n+                    response.error = result\n+                }\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE\n+            }\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    parseResponse: function(request, options) {\n+        var doc = request.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = request.responseText\n+        }\n+        if (!doc || doc.length <= 0) {\n+            return null\n+        }\n+        var result = this.readFormat !== null ? this.readFormat.read(doc) : this.format.read(doc, options);\n+        if (!this.featureNS) {\n+            var format = this.readFormat || this.format;\n+            this.featureNS = format.featureNS;\n+            format.autoConfig = false;\n+            if (!this.geometryName) {\n+                this.setGeometryName(format.geometryName)\n+            }\n+        }\n+        return result\n+    },\n+    commit: function(features, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\",\n+            reqFeatures: features\n+        });\n+        response.priv = OpenLayers.Request.POST({\n+            url: options.url,\n+            headers: options.headers,\n+            data: this.format.write(features, options),\n+            callback: this.createCallback(this.handleCommit, response, options)\n+        });\n+        return response\n+    },\n+    handleCommit: function(response, options) {\n+        if (options.callback) {\n+            var request = response.priv;\n+            var data = request.responseXML;\n+            if (!data || !data.documentElement) {\n+                data = request.responseText\n+            }\n+            var obj = this.format.read(data) || {};\n+            response.insertIds = obj.insertIds || [];\n+            if (obj.success) {\n+                response.code = OpenLayers.Protocol.Response.SUCCESS\n+            } else {\n+                response.code = OpenLayers.Protocol.Response.FAILURE;\n+                response.error = obj\n+            }\n+            options.callback.call(options.scope, response)\n+        }\n+    },\n+    filterDelete: function(filter, options) {\n+        options = OpenLayers.Util.extend({}, options);\n+        OpenLayers.Util.applyDefaults(options, this.options);\n+        var response = new OpenLayers.Protocol.Response({\n+            requestType: \"commit\"\n+        });\n+        var root = this.format.createElementNSPlus(\"wfs:Transaction\", {\n+            attributes: {\n+                service: \"WFS\",\n+                version: this.version\n+            }\n+        });\n+        var deleteNode = this.format.createElementNSPlus(\"wfs:Delete\", {\n+            attributes: {\n+                typeName: (options.featureNS ? this.featurePrefix + \":\" : \"\") + options.featureType\n+            }\n+        });\n+        if (options.featureNS) {\n+            deleteNode.setAttribute(\"xmlns:\" + this.featurePrefix, options.featureNS)\n+        }\n+        var filterNode = this.format.writeNode(\"ogc:Filter\", filter);\n+        deleteNode.appendChild(filterNode);\n+        root.appendChild(deleteNode);\n+        var data = OpenLayers.Format.XML.prototype.write.apply(this.format, [root]);\n+        return OpenLayers.Request.POST({\n+            url: this.url,\n+            callback: options.callback || function() {},\n+            data: data\n+        })\n+    },\n+    abort: function(response) {\n+        if (response) {\n+            response.priv.abort()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1\"\n+});\n+OpenLayers.Protocol.WFS.v1_1_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+    version: \"1.1.0\",\n+    initialize: function(options) {\n+        OpenLayers.Protocol.WFS.v1.prototype.initialize.apply(this, arguments);\n+        if (this.outputFormat && !this.readFormat) {\n+            if (this.outputFormat.toLowerCase() == \"gml2\") {\n+                this.readFormat = new OpenLayers.Format.GML.v2({\n+                    featureType: this.featureType,\n+                    featureNS: this.featureNS,\n+                    geometryName: this.geometryName\n+                })\n+            } else if (this.outputFormat.toLowerCase() == \"json\") {\n+                this.readFormat = new OpenLayers.Format.GeoJSON\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_1_0\"\n+});\n+OpenLayers.Protocol.WFS.v1_0_0 = OpenLayers.Class(OpenLayers.Protocol.WFS.v1, {\n+    version: \"1.0.0\",\n+    CLASS_NAME: \"OpenLayers.Protocol.WFS.v1_0_0\"\n+});\n+OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n+    hitDetection: true,\n+    hitOverflow: 0,\n+    canvas: null,\n+    features: null,\n+    pendingRedraw: false,\n+    cachedSymbolBounds: {},\n+    initialize: function(containerID, options) {\n+        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n+        this.root = document.createElement(\"canvas\");\n+        this.container.appendChild(this.root);\n+        this.canvas = this.root.getContext(\"2d\");\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitCanvas = document.createElement(\"canvas\");\n+            this.hitContext = this.hitCanvas.getContext(\"2d\")\n+        }\n+    },\n+    setExtent: function() {\n+        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n+        return false\n+    },\n+    eraseGeometry: function(geometry, featureId) {\n+        this.eraseFeatures(this.features[featureId][0])\n+    },\n+    supported: function() {\n+        return OpenLayers.CANVAS_SUPPORTED\n+    },\n+    setSize: function(size) {\n+        this.size = size.clone();\n+        var root = this.root;\n+        root.style.width = size.w + \"px\";\n+        root.style.height = size.h + \"px\";\n+        root.width = size.w;\n+        root.height = size.h;\n+        this.resolution = null;\n+        if (this.hitDetection) {\n+            var hitCanvas = this.hitCanvas;\n+            hitCanvas.style.width = size.w + \"px\";\n+            hitCanvas.style.height = size.h + \"px\";\n+            hitCanvas.width = size.w;\n+            hitCanvas.height = size.h\n+        }\n+    },\n+    drawFeature: function(feature, style) {\n+        var rendered;\n+        if (feature.geometry) {\n+            style = this.applyDefaultSymbolizer(style || feature.style);\n+            var bounds = feature.geometry.getBounds();\n+            var worldBounds;\n+            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n+                worldBounds = this.map.getMaxExtent()\n+            }\n+            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n+                worldBounds: worldBounds\n+            });\n+            rendered = style.display !== \"none\" && !!bounds && intersects;\n+            if (rendered) {\n+                this.features[feature.id] = [feature, style]\n+            } else {\n+                delete this.features[feature.id]\n+            }\n+            this.pendingRedraw = true\n+        }\n+        if (this.pendingRedraw && !this.locked) {\n+            this.redraw();\n+            this.pendingRedraw = false\n+        }\n+        return rendered\n+    },\n+    drawGeometry: function(geometry, style, featureId) {\n+        var className = geometry.CLASS_NAME;\n+        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n+            for (var i = 0; i < geometry.components.length; i++) {\n+                this.drawGeometry(geometry.components[i], style, featureId)\n+            }\n+            return\n+        }\n+        switch (geometry.CLASS_NAME) {\n+            case \"OpenLayers.Geometry.Point\":\n+                this.drawPoint(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LineString\":\n+                this.drawLineString(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.LinearRing\":\n+                this.drawLinearRing(geometry, style, featureId);\n+                break;\n+            case \"OpenLayers.Geometry.Polygon\":\n+                this.drawPolygon(geometry, style, featureId);\n+                break;\n+            default:\n+                break\n+        }\n+    },\n+    drawExternalGraphic: function(geometry, style, featureId) {\n+        var img = new Image;\n+        var title = style.title || style.graphicTitle;\n+        if (title) {\n+            img.title = title\n+        }\n+        var width = style.graphicWidth || style.graphicHeight;\n+        var height = style.graphicHeight || style.graphicWidth;\n+        width = width ? width : style.pointRadius * 2;\n+        height = height ? height : style.pointRadius * 2;\n+        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n+        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n+        var opacity = style.graphicOpacity || style.fillOpacity;\n+        var onLoad = function() {\n+            if (!this.features[featureId]) {\n+                return\n+            }\n+            var pt = this.getLocalXY(geometry);\n+            var p0 = pt[0];\n+            var p1 = pt[1];\n+            if (!isNaN(p0) && !isNaN(p1)) {\n+                var x = p0 + xOffset | 0;\n+                var y = p1 + yOffset | 0;\n+                var canvas = this.canvas;\n+                canvas.globalAlpha = opacity;\n+                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n+                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n+                if (this.hitDetection) {\n+                    this.setHitContextStyle(\"fill\", featureId);\n+                    this.hitContext.fillRect(x, y, width, height)\n+                }\n+            }\n+        };\n+        img.onload = OpenLayers.Function.bind(onLoad, this);\n+        img.src = style.externalGraphic\n+    },\n+    drawNamedSymbol: function(geometry, style, featureId) {\n+        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n+        var unscaledStrokeWidth;\n+        var deg2rad = Math.PI / 180;\n+        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n+        if (!symbol) {\n+            throw new Error(style.graphicName + \" is not a valid symbol name\")\n+        }\n+        if (!symbol.length || symbol.length < 2) return;\n+        var pt = this.getLocalXY(geometry);\n+        var p0 = pt[0];\n+        var p1 = pt[1];\n+        if (isNaN(p0) || isNaN(p1)) return;\n+        this.canvas.lineCap = \"round\";\n+        this.canvas.lineJoin = \"round\";\n+        if (this.hitDetection) {\n+            this.hitContext.lineCap = \"round\";\n+            this.hitContext.lineJoin = \"round\"\n+        }\n+        if (style.graphicName in this.cachedSymbolBounds) {\n+            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n+        } else {\n+            symbolBounds = new OpenLayers.Bounds;\n+            for (i = 0; i < symbol.length; i += 2) {\n+                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n+            }\n+            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n+        }\n+        this.canvas.save();\n+        if (this.hitDetection) {\n+            this.hitContext.save()\n+        }\n+        this.canvas.translate(p0, p1);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(p0, p1)\n+        }\n+        angle = deg2rad * style.rotation;\n+        if (!isNaN(angle)) {\n+            this.canvas.rotate(angle);\n+            if (this.hitDetection) {\n+                this.hitContext.rotate(angle)\n+            }\n+        }\n+        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n+        this.canvas.scale(scaling, scaling);\n+        if (this.hitDetection) {\n+            this.hitContext.scale(scaling, scaling)\n+        }\n+        cx = symbolBounds.getCenterLonLat().lon;\n+        cy = symbolBounds.getCenterLonLat().lat;\n+        this.canvas.translate(-cx, -cy);\n+        if (this.hitDetection) {\n+            this.hitContext.translate(-cx, -cy)\n+        }\n+        unscaledStrokeWidth = style.strokeWidth;\n+        style.strokeWidth = unscaledStrokeWidth / scaling;\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n+            }\n+            this.canvas.closePath();\n+            this.canvas.fill();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.canvas.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.fill()\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.canvas.beginPath();\n+            for (i = 0; i < symbol.length; i = i + 2) {\n+                x = symbol[i];\n+                y = symbol[i + 1];\n+                if (i == 0) this.canvas.moveTo(x, y);\n+                this.canvas.lineTo(x, y)\n+            }\n+            this.canvas.closePath();\n+            this.canvas.stroke();\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n+                this.hitContext.beginPath();\n+                for (i = 0; i < symbol.length; i = i + 2) {\n+                    x = symbol[i];\n+                    y = symbol[i + 1];\n+                    if (i == 0) this.hitContext.moveTo(x, y);\n+                    this.hitContext.lineTo(x, y)\n+                }\n+                this.hitContext.closePath();\n+                this.hitContext.stroke()\n+            }\n+        }\n+        style.strokeWidth = unscaledStrokeWidth;\n+        this.canvas.restore();\n+        if (this.hitDetection) {\n+            this.hitContext.restore()\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    setCanvasStyle: function(type, style) {\n+        if (type === \"fill\") {\n+            this.canvas.globalAlpha = style[\"fillOpacity\"];\n+            this.canvas.fillStyle = style[\"fillColor\"]\n+        } else if (type === \"stroke\") {\n+            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n+            this.canvas.strokeStyle = style[\"strokeColor\"];\n+            this.canvas.lineWidth = style[\"strokeWidth\"]\n+        } else {\n+            this.canvas.globalAlpha = 0;\n+            this.canvas.lineWidth = 1\n+        }\n+    },\n+    featureIdToHex: function(featureId) {\n+        var id = Number(featureId.split(\"_\").pop()) + 1;\n+        if (id >= 16777216) {\n+            this.hitOverflow = id - 16777215;\n+            id = id % 16777216 + 1\n+        }\n+        var hex = \"000000\" + id.toString(16);\n+        var len = hex.length;\n+        hex = \"#\" + hex.substring(len - 6, len);\n+        return hex\n+    },\n+    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n+        var hex = this.featureIdToHex(featureId);\n+        if (type == \"fill\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.fillStyle = hex\n+        } else if (type == \"stroke\") {\n+            this.hitContext.globalAlpha = 1;\n+            this.hitContext.strokeStyle = hex;\n+            if (typeof strokeScaling === \"undefined\") {\n+                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n+            } else {\n+                if (!isNaN(strokeScaling)) {\n+                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n+                }\n+            }\n+        } else {\n+            this.hitContext.globalAlpha = 0;\n+            this.hitContext.lineWidth = 1\n+        }\n+    },\n+    drawPoint: function(geometry, style, featureId) {\n+        if (style.graphic !== false) {\n+            if (style.externalGraphic) {\n+                this.drawExternalGraphic(geometry, style, featureId)\n+            } else if (style.graphicName && style.graphicName != \"circle\") {\n+                this.drawNamedSymbol(geometry, style, featureId)\n+            } else {\n+                var pt = this.getLocalXY(geometry);\n+                var p0 = pt[0];\n+                var p1 = pt[1];\n+                if (!isNaN(p0) && !isNaN(p1)) {\n+                    var twoPi = Math.PI * 2;\n+                    var radius = style.pointRadius;\n+                    if (style.fill !== false) {\n+                        this.setCanvasStyle(\"fill\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.fill();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"fill\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.fill()\n+                        }\n+                    }\n+                    if (style.stroke !== false) {\n+                        this.setCanvasStyle(\"stroke\", style);\n+                        this.canvas.beginPath();\n+                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n+                        this.canvas.stroke();\n+                        if (this.hitDetection) {\n+                            this.setHitContextStyle(\"stroke\", featureId, style);\n+                            this.hitContext.beginPath();\n+                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n+                            this.hitContext.stroke()\n+                        }\n+                        this.setCanvasStyle(\"reset\")\n+                    }\n+                }\n+            }\n+        }\n+    },\n+    drawLineString: function(geometry, style, featureId) {\n+        style = OpenLayers.Util.applyDefaults({\n+            fill: false\n+        }, style);\n+        this.drawLinearRing(geometry, style, featureId)\n+    },\n+    drawLinearRing: function(geometry, style, featureId) {\n+        if (style.fill !== false) {\n+            this.setCanvasStyle(\"fill\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"fill\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n+            }\n+        }\n+        if (style.stroke !== false) {\n+            this.setCanvasStyle(\"stroke\", style);\n+            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n+            if (this.hitDetection) {\n+                this.setHitContextStyle(\"stroke\", featureId, style);\n+                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    renderPath: function(context, geometry, style, featureId, type) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        context.beginPath();\n+        var start = this.getLocalXY(components[0]);\n+        var x = start[0];\n+        var y = start[1];\n+        if (!isNaN(x) && !isNaN(y)) {\n+            context.moveTo(start[0], start[1]);\n+            for (var i = 1; i < len; ++i) {\n+                var pt = this.getLocalXY(components[i]);\n+                context.lineTo(pt[0], pt[1])\n+            }\n+            if (type === \"fill\") {\n+                context.fill()\n+            } else {\n+                context.stroke()\n+            }\n+        }\n+    },\n+    drawPolygon: function(geometry, style, featureId) {\n+        var components = geometry.components;\n+        var len = components.length;\n+        this.drawLinearRing(components[0], style, featureId);\n+        for (var i = 1; i < len; ++i) {\n+            this.canvas.globalCompositeOperation = \"destination-out\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"destination-out\"\n+            }\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                stroke: false,\n+                fillOpacity: 1\n+            }, style), featureId);\n+            this.canvas.globalCompositeOperation = \"source-over\";\n+            if (this.hitDetection) {\n+                this.hitContext.globalCompositeOperation = \"source-over\"\n+            }\n+            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n+                fill: false\n+            }, style), featureId)\n+        }\n+    },\n+    drawText: function(location, style) {\n+        var pt = this.getLocalXY(location);\n+        this.setCanvasStyle(\"reset\");\n+        this.canvas.fillStyle = style.fontColor;\n+        this.canvas.globalAlpha = style.fontOpacity || 1;\n+        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n+        var labelRows = style.label.split(\"\\n\");\n+        var numRows = labelRows.length;\n+        if (this.canvas.fillText) {\n+            this.canvas.font = fontStyle;\n+            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n+            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n+            }\n+            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n+            pt[1] += lineHeight * vfactor * (numRows - 1);\n+            for (var i = 0; i < numRows; i++) {\n+                if (style.labelOutlineWidth) {\n+                    this.canvas.save();\n+                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n+                    this.canvas.strokeStyle = style.labelOutlineColor;\n+                    this.canvas.lineWidth = style.labelOutlineWidth;\n+                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n+                    this.canvas.restore()\n+                }\n+                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n+            }\n+        } else if (this.canvas.mozDrawText) {\n+            this.canvas.mozTextStyle = fontStyle;\n+            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n+            if (hfactor == null) {\n+                hfactor = -.5\n+            }\n+            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n+            if (vfactor == null) {\n+                vfactor = -.5\n+            }\n+            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n+            pt[1] += lineHeight * (1 + vfactor * numRows);\n+            for (var i = 0; i < numRows; i++) {\n+                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n+                var y = pt[1] + i * lineHeight;\n+                this.canvas.translate(x, y);\n+                this.canvas.mozDrawText(labelRows[i]);\n+                this.canvas.translate(-x, -y)\n+            }\n+        }\n+        this.setCanvasStyle(\"reset\")\n+    },\n+    getLocalXY: function(point) {\n+        var resolution = this.getResolution();\n+        var extent = this.extent;\n+        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n+        var y = extent.top / resolution - point.y / resolution;\n+        return [x, y]\n+    },\n+    clear: function() {\n+        var height = this.root.height;\n+        var width = this.root.width;\n+        this.canvas.clearRect(0, 0, width, height);\n+        this.features = {};\n+        if (this.hitDetection) {\n+            this.hitContext.clearRect(0, 0, width, height)\n+        }\n+    },\n+    getFeatureIdFromEvent: function(evt) {\n+        var featureId, feature;\n+        if (this.hitDetection && this.root.style.display !== \"none\") {\n+            if (!this.map.dragging) {\n+                var xy = evt.xy;\n+                var x = xy.x | 0;\n+                var y = xy.y | 0;\n+                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n+                if (data[3] === 255) {\n+                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n+                    if (id) {\n+                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n+                        try {\n+                            feature = this.features[featureId][0]\n+                        } catch (err) {}\n+                    }\n+                }\n+            }\n+        }\n+        return feature\n+    },\n+    eraseFeatures: function(features) {\n+        if (!OpenLayers.Util.isArray(features)) {\n+            features = [features]\n+        }\n+        for (var i = 0; i < features.length; ++i) {\n+            delete this.features[features[i].id]\n+        }\n+        this.redraw()\n+    },\n+    redraw: function() {\n+        if (!this.locked) {\n+            var height = this.root.height;\n+            var width = this.root.width;\n+            this.canvas.clearRect(0, 0, width, height);\n+            if (this.hitDetection) {\n+                this.hitContext.clearRect(0, 0, width, height)\n+            }\n+            var labelMap = [];\n+            var feature, geometry, style;\n+            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n+            for (var id in this.features) {\n+                if (!this.features.hasOwnProperty(id)) {\n+                    continue\n+                }\n+                feature = this.features[id][0];\n+                geometry = feature.geometry;\n+                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n+                style = this.features[id][1];\n+                this.drawGeometry(geometry, style, feature.id);\n+                if (style.label) {\n+                    labelMap.push([feature, style])\n+                }\n+            }\n+            var item;\n+            for (var i = 0, len = labelMap.length; i < len; ++i) {\n+                item = labelMap[i];\n+                this.drawText(item[0].geometry.getCentroid(), item[1])\n+            }\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n });\n-OpenLayers.Lang.ro = {\n-    unhandledRequest: \"Cerere nesolu\u021bionat\u0103 return ${statusText}\",\n-    Permalink: \"Legatur\u0103 permanent\u0103\",\n-    Overlays: \"Straturi vector\",\n-    \"Base Layer\": \"Straturi de baz\u0103\",\n-    noFID: \"Nu pot actualiza un feature pentru care nu exist\u0103 FID.\",\n-    browserNotSupported: \"Browserul t\u0103u nu suport\u0103 afi\u0219area vectorilor. Supoetul curent pentru randare:\\n${renderers}\",\n-    minZoomLevelError: \"Proprietatea minZoomLevel este doar pentru a fi folosit\u0103 \" + \"cu straturile FixedZoomLevels-descendent. De aceea acest \" + \"strat wfs verific\u0103 dac\u0103 minZoomLevel este o relicv\u0103\" + \". Nu \u00eel putem , oricum, \u00eenl\u0103tura f\u0103r\u0103 \" + \"a afecta aplica\u021biile Openlayers care depind de ea.\" + \" De aceea consider\u0103m depreciat -- minZoomLevel \" + \"\u0219i \u00eel vom \u00eenl\u0103tura \u00een 3.0. Folose\u0219te \" + \"min/max resolution cum este descris\u0103 aici: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Tranzac\u021bie WFS: SUCCES ${response}\",\n-    commitFailed: \"Tranzac\u021bie WFS : E\u0218EC ${response}\",\n-    googleWarning: \"Stratul Google nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" + \"Pentru a elimina acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" + \"\u00een Layerswitcher din col\u021bul dreata-sus.<br><br>\" + \"Asta datorit\u0103, faptului c\u0103 Google Maps library \" + \"script nu este inclus, sau nu con\u021bine \" + \"cheia API corect\u0103 pentru situl t\u0103u.<br><br>\" + \"Developeri: Pentru ajutor, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>ap\u0103sa\u021bi aici</a>\",\n-    getLayerWarning: \"Stratul ${layerType} nu a putut fi \u00eenc\u0103rcat corect.<br><br>\" + \"pentru a \u00eenl\u0103tura acest mesaj, selecteaz\u0103 un nou strat de baz\u0103 \" + \"Acesta eroare apare de obicei c\u00e2nd ${layerLib} library \" + \"script nu a fost \u00eenc\u0103rcat corect.<br><br>\" + \"Developeri: Pentru ajutor privind utilizarea corect\u0103, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>apas\u0103 aici</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scara = 1 : ${scaleDenom}\",\n-    W: \"V\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\",\n-    Graticule: \"Graticule\",\n-    reprojectDeprecated: \"folose\u0219ti op\u021biunea 'reproject' \" + \"pentru stratul ${layerName} . Aceast\u0103 op\u021biune este depreciat\u0103: \" + \"a fost utilizat\u0103 pentru afi\u0219area straturilor de baz\u0103 comerciale \" + \"Mai multe informa\u021bii despre proiec\u021bia Mercator sunt disponibile aici \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Aceast\u0103 metod\u0103 este depreciat\u0103 \u0219i va fi \u00eenl\u0103turat\u0103 in versiunea 3.0. \" + \"folose\u0219te metoda ${newMethod}.\",\n-    end: \"\"\n+OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n+    l: \"left\",\n+    r: \"right\",\n+    t: \"top\",\n+    b: \"bottom\"\n };\n-OpenLayers.Lang[\"sk\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Neobsl\u00fa\u017een\u00e9 po\u017eiadavky vracaj\u00fa ${statusText}\",\n-    Permalink: \"Trval\u00fd odkaz\",\n-    Overlays: \"Prekrytia\",\n-    \"Base Layer\": \"Z\u00e1kladn\u00e1 vrstva\",\n-    noFID: \"Nie je mo\u017en\u00e9 aktualizova\u0165 vlastnos\u0165, pre ktor\u00fa neexistuje FID.\",\n-    browserNotSupported: \"V\u00e1\u0161 prehliada\u010d nepodporuje vykres\u013eovanie vektorov. Moment\u00e1lne podporovan\u00e9 vykres\u013eova\u010de s\u00fa:\\n${renderers}\",\n-    minZoomLevelError: \"Vlastnos\u0165 minZoomLevel je ur\u010den\u00fd iba na pou\u017eitie s vrstvami odvoden\u00fdmi od FixedZoomLevels. To, \u017ee t\u00e1to wfs vrstva kontroluje minZoomLevel je pozostatok z minulosti. Nem\u00f4\u017eeme ho v\u0161ak odstr\u00e1ni\u0165, aby sme sa vyhli mo\u017en\u00e9mu poru\u0161eniu aplik\u00e1ci\u00ed zalo\u017een\u00fdch na Open Layers, ktor\u00e9 na tomto m\u00f4\u017ee z\u00e1visie\u0165. Preto ho ozna\u010dujeme ako zavrhovan\u00fd - dolu uveden\u00e1 kontrola minZoomLevel bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto toho kontrolu min./max. rozl\u00ed\u0161enia pod\u013ea tu uveden\u00e9ho popisu: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transakcia WFS: \u00daSPE\u0160N\u00c1 ${response}\",\n-    commitFailed: \"Transakcia WFS: ZLYHALA ${response}\",\n-    googleWarning: \"Vrstvu Google nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.<br><br>Aby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.<br><br>Toto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice Google Maps bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.<br><br>V\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>pomoc so sfunk\u010dnen\u00edm</a>\",\n-    getLayerWarning: \"Vrstvu ${layerType} nebolo mo\u017en\u00e9 spr\u00e1vne na\u010d\u00edta\u0165.<br><br>Aby ste sa tejto spr\u00e1vy zbavili vyberte nov\u00fa BaseLayer v prep\u00edna\u010di vrstiev v pravom hornom rohu.<br><br>Toto sa stalo pravdepodobne preto, \u017ee skript kni\u017enice ${layerType} bu\u010f nebol na\u010d\u00edtan\u00fd alebo neobsahuje spr\u00e1vny k\u013e\u00fa\u010d API pre va\u0161u lokalitu.<br><br>V\u00fdvoj\u00e1ri: Tu m\u00f4\u017eete z\u00edska\u0165 <a href='http://trac.openlayers.org/wiki/${layerType}' target='_blank'>pomoc so sfunk\u010dnen\u00edm</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Mierka = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Pou\u017e\u00edvate vo\u013eby \u201ereproject\u201c vrstvy ${layerType}. T\u00e1to vo\u013eba je zzavrhovan\u00e1: jej pou\u017eitie bolo navrhnut\u00e9 na podporu zobrazovania \u00fadajov nad komer\u010dn\u00fdmi z\u00e1kladov\u00fdmi mapami, ale t\u00fato funkcionalitu je teraz mo\u017en\u00e9 dosiahnu\u0165 pomocou Spherical Mercator. \u010eal\u0161ie inform\u00e1cie z\u00edskate na str\u00e1nke http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"T\u00e1to met\u00f3da je zavrhovan\u00e1 a bude odstr\u00e1nen\u00e1 vo verzii 3.0. Pou\u017eite pros\u00edm namiesto nej met\u00f3du ${newMethod}.\"\n-});\n-OpenLayers.Lang[\"fr\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Requ\u00eate non g\u00e9r\u00e9e, retournant ${statusText}\",\n-    Permalink: \"Permalien\",\n-    Overlays: \"Calques\",\n-    \"Base Layer\": \"Calque de base\",\n-    noFID: \"Impossible de mettre \u00e0 jour un objet sans identifiant (fid).\",\n-    browserNotSupported: \"Votre navigateur ne supporte pas le rendu vectoriel. Les renderers actuellement support\u00e9s sont : \\n${renderers}\",\n-    minZoomLevelError: \"La propri\u00e9t\u00e9 minZoomLevel doit seulement \u00eatre utilis\u00e9e pour des couches FixedZoomLevels-descendent. Le fait que cette couche WFS v\u00e9rifie la pr\u00e9sence de minZoomLevel est une relique du pass\u00e9. Nous ne pouvons toutefois la supprimer sans casser des applications qui pourraient en d\u00e9pendre. C'est pourquoi nous la d\u00e9pr\u00e9cions -- la v\u00e9rification du minZoomLevel sera supprim\u00e9e en version 3.0. A la place, merci d'utiliser les param\u00e8tres de r\u00e9solutions min/max tel que d\u00e9crit sur : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transaction WFS : SUCCES ${response}\",\n-    commitFailed: \"Transaction WFS : ECHEC ${response}\",\n-    googleWarning: \"La couche Google n'a pas \u00e9t\u00e9 en mesure de se charger correctement.<br><br>Pour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.<br><br>Cela est possiblement caus\u00e9 par la non-inclusion de la librairie Google Maps, ou alors parce que la cl\u00e9 de l'API ne correspond pas \u00e0 votre site.<br><br>D\u00e9veloppeurs : pour savoir comment corriger ceci, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>cliquez ici</a>\",\n-    getLayerWarning: \"La couche ${layerType} n'est pas en mesure de se charger correctement.<br><br>Pour supprimer ce message, choisissez une nouvelle BaseLayer dans le s\u00e9lecteur de couche en haut \u00e0 droite.<br><br>Cela est possiblement caus\u00e9 par la non-inclusion de la librairie ${layerLib}.<br><br>D\u00e9veloppeurs : pour savoir comment corriger ceci, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>cliquez ici</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Echelle ~ 1 : ${scaleDenom}\",\n-    W: \"O\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Vous utilisez l'option 'reproject' sur la couche ${layerName}. Cette option est d\u00e9pr\u00e9ci\u00e9e : Son usage permettait d'afficher des donn\u00e9es au dessus de couches raster commerciales.Cette fonctionalit\u00e9 est maintenant support\u00e9e en utilisant le support de la projection Mercator Sph\u00e9rique. Plus d'information est disponible sur http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Cette m\u00e9thode est d\u00e9pr\u00e9ci\u00e9e, et sera supprim\u00e9e \u00e0 la version 3.0. Merci d'utiliser ${newMethod} \u00e0 la place.\"\n-});\n-OpenLayers.Lang[\"da-DK\"] = {\n-    unhandledRequest: \"En ikke h\u00e5ndteret foresp\u00f8rgsel returnerede ${statusText}\",\n-    Permalink: \"Permalink\",\n-    Overlays: \"Kortlag\",\n-    \"Base Layer\": \"Baggrundslag\",\n-    noFID: \"Kan ikke opdateret en feature (et objekt) der ikke har et FID.\",\n-    browserNotSupported: \"Din browser underst\u00f8tter ikke vektor visning. F\u00f8lgende vektor visninger underst\u00f8ttes:\\n${renderers}\",\n-    minZoomLevelError: \"Egenskaben minZoomLevel er kun beregnet til brug \" + \"med FixedZoomLevels. At dette WFS lag kontrollerer \" + \"minZoomLevel egenskaben, er et levn fra en tidligere \" + \"version. Vi kan desv\u00e6rre ikke fjerne dette uden at risikere \" + \"at \u00f8del\u00e6gge eksisterende OL baserede programmer der \" + \" benytter denne funktionalitet. \" + \"Egenskaben b\u00f8r derfor ikke anvendes, og minZoomLevel \" + \"kontrollen herunder vil blive fjernet i version 3.0. \" + \"Benyt istedet min/max opl\u00f8snings indstillingerne, som \" + \"er beskrevet her: \" + \"http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS transaktion: LYKKEDES ${response}\",\n-    commitFailed: \"WFS transaktion: MISLYKKEDES ${response}\",\n-    googleWarning: \"Google laget kunne ikke indl\u00e6ses.<br><br>\" + \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" + \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" + \"Fejlen skyldes formentlig at Google Maps bibliotekts \" + \"scriptet ikke er inkluderet, eller ikke indeholder den \" + \"korrkte API n\u00f8gle for dit site.<br><br>\" + \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" + \"<a href='http://trac.openlayers.org/wiki/Google' \" + \"target='_blank'>klik her</a>\",\n-    getLayerWarning: \"${layerType}-laget kunne ikke indl\u00e6ses.<br><br>\" + \"For at fjerne denne besked, v\u00e6lg et nyt bagrundskort i \" + \"lagskifteren i \u00f8verste h\u00f8jre hj\u00f8rne.<br><br>\" + \"Fejlen skyldes formentlig at ${layerLib} bibliotekts \" + \"scriptet ikke er inkluderet.<br><br>\" + \"Udviklere: For hj\u00e6lp til at f\u00e5 dette til at fungere, \" + \"<a href='http://trac.openlayers.org/wiki/${layerLib}' \" + \"target='_blank'>klik her</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"M\u00e5lforhold = 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Du anvender indstillingen 'reproject' p\u00e5 laget ${layerName}.\" + \"Denne indstilling b\u00f8r ikke l\u00e6ngere anvendes. Den var beregnet \" + \"til at vise data ovenp\u00e5 kommercielle grundkort, men den funktionalitet \" + \"b\u00f8r nu opn\u00e5s ved at anvende Spherical Mercator underst\u00f8ttelsen. \" + \"Mere information er tilg\u00e6ngelig her: \" + \"http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Denne funktion b\u00f8r ikke l\u00e6ngere anvendes, og vil blive fjernet i version 3.0. \" + \"Anvend venligst funktionen ${newMethod} istedet.\"\n+OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n+    l: 0,\n+    r: -1,\n+    t: 0,\n+    b: -1\n };\n-OpenLayers.Lang[\"sv\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Ej hanterad fr\u00e5ga retur ${statusText}\",\n-    Permalink: \"Permal\u00e4nk\",\n-    Overlays: \"Kartlager\",\n-    \"Base Layer\": \"Bakgrundskarta\",\n-    noFID: \"Kan ej uppdatera feature (objekt) f\u00f6r vilket FID saknas.\",\n-    browserNotSupported: \"Din webbl\u00e4sare st\u00f6der inte vektorvisning. F\u00f6r n\u00e4rvarande st\u00f6ds f\u00f6ljande visning:\\n${renderers}\",\n-    minZoomLevelError: \"Egenskapen minZoomLevel \u00e4r endast avsedd att anv\u00e4ndas med lager med FixedZoomLevels. Att detta WFS-lager kontrollerar minZoomLevel \u00e4r en relik fr\u00e5n \u00e4ldre versioner. Vi kan dock inte ta bort det utan att riskera att OL-baserade till\u00e4mpningar som anv\u00e4nder detta slutar fungera. D\u00e4rf\u00f6r \u00e4r det satt som deprecated, minZoomLevel kommer att tas bort i version 3.0. Anv\u00e4nd i st\u00e4llet inst\u00e4llning av min/max resolution som beskrivs h\u00e4r: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"WFS-transaktion: LYCKADES ${response}\",\n-    commitFailed: \"WFS-transaktion: MISSLYCKADES ${response}\",\n-    googleWarning: \"Google-lagret kunde inte laddas korrekt.<br><br>F\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.<br><br>Sannolikt beror felet p\u00e5 att Google Maps-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan eller p\u00e5 att sidan inte anger korrekt API-nyckel f\u00f6r webbplatsen.<br><br>Utvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>klicka h\u00e4r</a>.\",\n-    getLayerWarning: \"${layerType}-lagret kunde inte laddas korrekt.<br><br>F\u00f6r att slippa detta meddelande, v\u00e4lj en annan bakgrundskarta i lagerv\u00e4ljaren i \u00f6vre h\u00f6gra h\u00f6rnet.<br><br>Sannolikt beror felet p\u00e5 att ${layerLib}-biblioteket inte \u00e4r inkluderat p\u00e5 webbsidan.<br><br>Utvecklare: hj\u00e4lp f\u00f6r att \u00e5tg\u00e4rda detta, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>klicka h\u00e4r</a>.\",\n-    \"Scale = 1 : ${scaleDenom}\": \"<strong>Skala</strong> 1 : ${scaleDenom}\",\n-    reprojectDeprecated: \"Du anv\u00e4nder inst\u00e4llningen 'reproject' p\u00e5 lagret ${layerName}. Denna inst\u00e4llning markerad som deprecated: den var avsedd att anv\u00e4ndas f\u00f6r att st\u00f6dja visning av kartdata p\u00e5 kommersiella bakgrundskartor, men nu b\u00f6r man i st\u00e4llet anv\u00e4nda Spherical Mercator-st\u00f6d f\u00f6r den funktionaliteten. Mer information finns p\u00e5 http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Denna metod \u00e4r markerad som deprecated och kommer att tas bort i 3.0. Anv\u00e4nd ${newMethod} i st\u00e4llet.\"\n-});\n-OpenLayers.Lang[\"ia\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Le responsa a un requesta non esseva maneate: ${statusText}\",\n-    Permalink: \"Permaligamine\",\n-    Overlays: \"Superpositiones\",\n-    \"Base Layer\": \"Strato de base\",\n-    noFID: \"Non pote actualisar un elemento sin FID.\",\n-    browserNotSupported: \"Tu navigator non supporta le rendition de vectores. Le renditores actualmente supportate es:\\n${renderers}\",\n-    minZoomLevelError: \"Le proprietate minZoomLevel es solmente pro uso con le stratos descendente de FixedZoomLevels. Le facto que iste strato WFS verifica minZoomLevel es un reliquia del passato. Nonobstante, si nos lo remove immediatemente, nos pote rumper applicationes a base de OL que depende de illo. Ergo nos lo declara obsolete; le verification de minZoomLevel in basso essera removite in version 3.0. Per favor usa in su loco le configuration de resolutiones min/max como describite a: http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Transaction WFS: SUCCESSO ${response}\",\n-    commitFailed: \"Transaction WFS: FALLEVA ${response}\",\n-    googleWarning: \"Le strato Google non poteva esser cargate correctemente.<br><br>Pro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.<br><br>Multo probabilemente, isto es proque le script del libreria de Google Maps non esseva includite o non contine le clave API correcte pro tu sito.<br><br>Disveloppatores: Pro adjuta de corriger isto, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>clicca hic</a\",\n-    getLayerWarning: \"Le strato ${layerType} non poteva esser cargate correctemente.<br><br>Pro disfacer te de iste message, selige un nove BaseLayer in le selector de strato in alto a dextra.<br><br>Multo probabilemente, isto es proque le script del libreria de ${layerLib} non esseva correctemente includite.<br><br>Disveloppatores: Pro adjuta de corriger isto, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>clicca hic</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Scala = 1 : ${scaleDenom}\",\n-    W: \"W\",\n-    E: \"E\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Tu usa le option 'reproject' in le strato ${layerName} layer. Iste option es obsolescente: illo esseva pro poter monstrar datos super cartas de base commercial, ma iste functionalitate pote ora esser attingite con le uso de Spherical Mercator. Ulterior information es disponibile a http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Iste methodo ha essite declarate obsolescente e essera removite in version 3.0. Per favor usa ${newMethod} in su loco.\"\n-});\n-OpenLayers.Lang[\"is\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"Varanlegur tengill\",\n-    Overlays: \"\u00deekjur\",\n-    \"Base Layer\": \"Grunnlag\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Skali = 1 : ${scaleDenom}\",\n-    methodDeprecated: \"\u00deetta fall hefur veri\u00f0 \u00farelt og ver\u00f0ur fjarl\u00e6gt \u00ed 3.0. Nota\u00f0u ${newMethod} \u00ed sta\u00f0in.\"\n-});\n-OpenLayers.Lang[\"br\"] = OpenLayers.Util.applyDefaults({\n-    unhandledRequest: \"Distro evel reked anveret ${statusText}\",\n-    Permalink: \"Peurliamm\",\n-    Overlays: \"Gwiskado\u00f9\",\n-    \"Base Layer\": \"Gwiskad diazez\",\n-    noFID: \"N'haller ket hizivaat un elfenn ma n'eus ket a niverenn-anaout (FID) eviti.\",\n-    browserNotSupported: \"N'eo ket skoret an daskor vektorel gant ho merdeer. Setu aze an daskorerio\u00f9 skoret evit ar poent :\\n${renderers}\",\n-    minZoomLevelError: \"Ne zleer implijout ar perzh minZoomLevel nemet evit gwiskado\u00f9 FixedZoomLevels-descendent. Ar fed ma wiria ar gwiskad WHS-se hag-e\u00f1 ez eus eus minZoomLevel zo un aspadenn gozh. Koulskoude n'omp ket evit e ziverka\u00f1 kuit da derri\u00f1 arloado\u00f9 diazezet war OL a c'hallfe beza\u00f1 stag outa\u00f1. Setu perak eo dispredet -- Lamet kuit e vo ar gwiria\u00f1 minZoomLevel a-is er stumm 3.0. Ober gant an arventenno\u00f9 bihana\u00f1/brasa\u00f1 evel deskrivet ama\u00f1 e plas : http://trac.openlayers.org/wiki/SettingZoomLevels\",\n-    commitSuccess: \"Treuzgread WFS : MAT EO ${response}\",\n-    commitFailed: \"Treuzgread WFS Transaction: C'HWITET ${response}\",\n-    googleWarning: \"N'eus ket bet gallet karga\u00f1 ar gwiskad Google ent reizh.<br><br>Evit en em zizober eus ar c'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c'horn deho\u00f9 el laez.<br><br>Sur a-walc'h eo peogwir n'eo ket bet ensoc'het levraoueg Google Maps pe neuze ne glot ket an alc'hwez API gant ho lec'hienn.<br><br>Diorroerien : Evit reizha\u00f1 an dra-se, <a href='http://trac.openlayers.org/wiki/Google' target='_blank'>click here</a>\",\n-    getLayerWarning: \"N'haller ket karga\u00f1 ar gwiskad ${layerType} ent reizh.<br><br>Evit en em zizober eus ar c'hemenn-ma\u00f1, dibabit ur BaseLayer nevez en diuzer gwiskado\u00f9 er c'horn deho\u00f9 el laez.<br><br>Sur a-walc'h eo peogwir n'eo ket bet ensoc'het mat al levraoueg ${layerLib}.<br><br>Diorroerien : Evit gouzout penaos reizha\u00f1 an dra-se, <a href='http://trac.openlayers.org/wiki/${layerLib}' target='_blank'>click here</a>\",\n-    \"Scale = 1 : ${scaleDenom}\": \"Skeul = 1 : ${scaleDenom}\",\n-    W: \"K\",\n-    E: \"R\",\n-    N: \"N\",\n-    S: \"S\",\n-    reprojectDeprecated: \"Emaoc'h oc'h implijout an dibarzh 'reproject' war ar gwiskad ${layerName}. Dispredet eo an dibarzh-ma\u00f1 : bet eo hag e talveze da ziskwel roadenno\u00f9 war-c'horre kartenno\u00f9 diazez kenwerzhel, un dra hag a c'haller ober brema\u00f1 gant an arc'hwel dre skor banndres boullek Mercator. Muioc'h a ditouro\u00f9 a c'haller da gaout war http://trac.openlayers.org/wiki/SphericalMercator.\",\n-    methodDeprecated: \"Dispredet eo an daore-se ha tennet e vo kuit eus ar stumm 3.0. Grit gant ${newMethod} e plas.\"\n-});\n-OpenLayers.Lang[\"bg\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430 \u043f\u0440\u0435\u043f\u0440\u0430\u0442\u043a\u0430\",\n-    \"Base Layer\": \"\u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0441\u043b\u043e\u0439\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u041c\u0430\u0449\u0430\u0431 = 1 : ${scaleDenom}\",\n-    methodDeprecated: \"\u0422\u043e\u0437\u0438 \u043c\u0435\u0442\u043e\u0434 \u0435 \u043e\u0441\u0442\u0430\u0440\u044f\u043b \u0438 \u0449\u0435 \u0431\u044a\u0434\u0435 \u043f\u0440\u0435\u043c\u0430\u0445\u0432\u0430\u0442 \u0432 3.0. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0439\u0442\u0435 ${newMethod}.\"\n-});\n-OpenLayers.Lang[\"fi\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"Ikilinkki\",\n-    Overlays: \"Kerrokset\",\n-    \"Base Layer\": \"Peruskerros\",\n-    W: \"L\",\n-    E: \"I\",\n-    N: \"P\",\n-    S: \"E\"\n-});\n-OpenLayers.Lang[\"ar\"] = OpenLayers.Util.applyDefaults({\n-    Permalink: \"\u0648\u0635\u0644\u0629 \u062f\u0627\u0626\u0645\u0629\",\n-    \"Base Layer\": \"\u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0627\u0633\u0627\u0633\u064a\u0629\",\n-    \"Scale = 1 : ${scaleDenom}\": \"\u0627\u0644\u0646\u0633\u0628\u0629 = 1 : ${scaleDenom}\",\n-    W: \"\u063a\",\n-    E: \"\u0634\u0631\",\n-    N: \"\u0634\u0645\",\n-    S: \"\u062c\"\n-});\n+OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n OpenLayers.Renderer.SVG = OpenLayers.Class(OpenLayers.Renderer.Elements, {\n     xmlns: \"http://www.w3.org/2000/svg\",\n     xlinkns: \"http://www.w3.org/1999/xlink\",\n     MAX_PIXEL: 15e3,\n     translationParameters: null,\n     symbolMetrics: null,\n     initialize: function(containerID) {\n@@ -40158,1213 +38385,2986 @@\n     l: 0,\n     c: .5,\n     r: 1,\n     t: 0,\n     m: .5,\n     b: 1\n };\n-OpenLayers.Renderer.Canvas = OpenLayers.Class(OpenLayers.Renderer, {\n-    hitDetection: true,\n-    hitOverflow: 0,\n-    canvas: null,\n-    features: null,\n-    pendingRedraw: false,\n-    cachedSymbolBounds: {},\n-    initialize: function(containerID, options) {\n-        OpenLayers.Renderer.prototype.initialize.apply(this, arguments);\n-        this.root = document.createElement(\"canvas\");\n-        this.container.appendChild(this.root);\n-        this.canvas = this.root.getContext(\"2d\");\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitCanvas = document.createElement(\"canvas\");\n-            this.hitContext = this.hitCanvas.getContext(\"2d\")\n+OpenLayers.Events.featureclick = OpenLayers.Class({\n+    cache: null,\n+    map: null,\n+    provides: [\"featureclick\", \"nofeatureclick\", \"featureover\", \"featureout\"],\n+    initialize: function(target) {\n+        this.target = target;\n+        if (target.object instanceof OpenLayers.Map) {\n+            this.setMap(target.object)\n+        } else if (target.object instanceof OpenLayers.Layer.Vector) {\n+            if (target.object.map) {\n+                this.setMap(target.object.map)\n+            } else {\n+                target.object.events.register(\"added\", this, function(evt) {\n+                    this.setMap(target.object.map)\n+                })\n+            }\n+        } else {\n+            throw \"Listeners for '\" + this.provides.join(\"', '\") + \"' events can only be registered for OpenLayers.Layer.Vector \" + \"or OpenLayers.Map instances\"\n+        }\n+        for (var i = this.provides.length - 1; i >= 0; --i) {\n+            target.extensions[this.provides[i]] = true\n         }\n     },\n-    setExtent: function() {\n-        OpenLayers.Renderer.prototype.setExtent.apply(this, arguments);\n-        return false\n+    setMap: function(map) {\n+        this.map = map;\n+        this.cache = {};\n+        map.events.register(\"mousedown\", this, this.start, {\n+            extension: true\n+        });\n+        map.events.register(\"mouseup\", this, this.onClick, {\n+            extension: true\n+        });\n+        map.events.register(\"touchstart\", this, this.start, {\n+            extension: true\n+        });\n+        map.events.register(\"touchmove\", this, this.cancel, {\n+            extension: true\n+        });\n+        map.events.register(\"touchend\", this, this.onClick, {\n+            extension: true\n+        });\n+        map.events.register(\"mousemove\", this, this.onMousemove, {\n+            extension: true\n+        })\n     },\n-    eraseGeometry: function(geometry, featureId) {\n-        this.eraseFeatures(this.features[featureId][0])\n+    start: function(evt) {\n+        this.startEvt = evt\n     },\n-    supported: function() {\n-        return OpenLayers.CANVAS_SUPPORTED\n+    cancel: function(evt) {\n+        delete this.startEvt\n     },\n-    setSize: function(size) {\n-        this.size = size.clone();\n-        var root = this.root;\n-        root.style.width = size.w + \"px\";\n-        root.style.height = size.h + \"px\";\n-        root.width = size.w;\n-        root.height = size.h;\n-        this.resolution = null;\n-        if (this.hitDetection) {\n-            var hitCanvas = this.hitCanvas;\n-            hitCanvas.style.width = size.w + \"px\";\n-            hitCanvas.style.height = size.h + \"px\";\n-            hitCanvas.width = size.w;\n-            hitCanvas.height = size.h\n+    onClick: function(evt) {\n+        if (!this.startEvt || evt.type !== \"touchend\" && !OpenLayers.Event.isLeftClick(evt)) {\n+            return\n         }\n-    },\n-    drawFeature: function(feature, style) {\n-        var rendered;\n-        if (feature.geometry) {\n-            style = this.applyDefaultSymbolizer(style || feature.style);\n-            var bounds = feature.geometry.getBounds();\n-            var worldBounds;\n-            if (this.map.baseLayer && this.map.baseLayer.wrapDateLine) {\n-                worldBounds = this.map.getMaxExtent()\n-            }\n-            var intersects = bounds && bounds.intersectsBounds(this.extent, {\n-                worldBounds: worldBounds\n+        var features = this.getFeatures(this.startEvt);\n+        delete this.startEvt;\n+        var feature, layer, more, clicked = {};\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            layer = feature.layer;\n+            clicked[layer.id] = true;\n+            more = this.triggerEvent(\"featureclick\", {\n+                feature: feature\n             });\n-            rendered = style.display !== \"none\" && !!bounds && intersects;\n-            if (rendered) {\n-                this.features[feature.id] = [feature, style]\n-            } else {\n-                delete this.features[feature.id]\n+            if (more === false) {\n+                break\n             }\n-            this.pendingRedraw = true\n         }\n-        if (this.pendingRedraw && !this.locked) {\n-            this.redraw();\n-            this.pendingRedraw = false\n+        for (i = 0, len = this.map.layers.length; i < len; ++i) {\n+            layer = this.map.layers[i];\n+            if (layer instanceof OpenLayers.Layer.Vector && !clicked[layer.id]) {\n+                this.triggerEvent(\"nofeatureclick\", {\n+                    layer: layer\n+                })\n+            }\n         }\n-        return rendered\n     },\n-    drawGeometry: function(geometry, style, featureId) {\n-        var className = geometry.CLASS_NAME;\n-        if (className == \"OpenLayers.Geometry.Collection\" || className == \"OpenLayers.Geometry.MultiPoint\" || className == \"OpenLayers.Geometry.MultiLineString\" || className == \"OpenLayers.Geometry.MultiPolygon\") {\n-            for (var i = 0; i < geometry.components.length; i++) {\n-                this.drawGeometry(geometry.components[i], style, featureId)\n+    onMousemove: function(evt) {\n+        delete this.startEvt;\n+        var features = this.getFeatures(evt);\n+        var over = {},\n+            newly = [],\n+            feature;\n+        for (var i = 0, len = features.length; i < len; ++i) {\n+            feature = features[i];\n+            over[feature.id] = feature;\n+            if (!this.cache[feature.id]) {\n+                newly.push(feature)\n             }\n-            return\n         }\n-        switch (geometry.CLASS_NAME) {\n-            case \"OpenLayers.Geometry.Point\":\n-                this.drawPoint(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LineString\":\n-                this.drawLineString(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.LinearRing\":\n-                this.drawLinearRing(geometry, style, featureId);\n-                break;\n-            case \"OpenLayers.Geometry.Polygon\":\n-                this.drawPolygon(geometry, style, featureId);\n-                break;\n-            default:\n+        var out = [];\n+        for (var id in this.cache) {\n+            feature = this.cache[id];\n+            if (feature.layer && feature.layer.map) {\n+                if (!over[feature.id]) {\n+                    out.push(feature)\n+                }\n+            } else {\n+                delete this.cache[id]\n+            }\n+        }\n+        var more;\n+        for (i = 0, len = newly.length; i < len; ++i) {\n+            feature = newly[i];\n+            this.cache[feature.id] = feature;\n+            more = this.triggerEvent(\"featureover\", {\n+                feature: feature\n+            });\n+            if (more === false) {\n+                break\n+            }\n+        }\n+        for (i = 0, len = out.length; i < len; ++i) {\n+            feature = out[i];\n+            delete this.cache[feature.id];\n+            more = this.triggerEvent(\"featureout\", {\n+                feature: feature\n+            });\n+            if (more === false) {\n                 break\n+            }\n         }\n     },\n-    drawExternalGraphic: function(geometry, style, featureId) {\n-        var img = new Image;\n-        var title = style.title || style.graphicTitle;\n-        if (title) {\n-            img.title = title\n+    triggerEvent: function(type, evt) {\n+        var layer = evt.feature ? evt.feature.layer : evt.layer,\n+            object = this.target.object;\n+        if (object instanceof OpenLayers.Map || object === layer) {\n+            return this.target.triggerEvent(type, evt)\n         }\n-        var width = style.graphicWidth || style.graphicHeight;\n-        var height = style.graphicHeight || style.graphicWidth;\n-        width = width ? width : style.pointRadius * 2;\n-        height = height ? height : style.pointRadius * 2;\n-        var xOffset = style.graphicXOffset != undefined ? style.graphicXOffset : -(.5 * width);\n-        var yOffset = style.graphicYOffset != undefined ? style.graphicYOffset : -(.5 * height);\n-        var opacity = style.graphicOpacity || style.fillOpacity;\n-        var onLoad = function() {\n-            if (!this.features[featureId]) {\n-                return\n-            }\n-            var pt = this.getLocalXY(geometry);\n-            var p0 = pt[0];\n-            var p1 = pt[1];\n-            if (!isNaN(p0) && !isNaN(p1)) {\n-                var x = p0 + xOffset | 0;\n-                var y = p1 + yOffset | 0;\n-                var canvas = this.canvas;\n-                canvas.globalAlpha = opacity;\n-                var factor = OpenLayers.Renderer.Canvas.drawImageScaleFactor || (OpenLayers.Renderer.Canvas.drawImageScaleFactor = /android 2.1/.test(navigator.userAgent.toLowerCase()) ? 320 / window.screen.width : 1);\n-                canvas.drawImage(img, x * factor, y * factor, width * factor, height * factor);\n-                if (this.hitDetection) {\n-                    this.setHitContextStyle(\"fill\", featureId);\n-                    this.hitContext.fillRect(x, y, width, height)\n+    },\n+    getFeatures: function(evt) {\n+        var x = evt.clientX,\n+            y = evt.clientY,\n+            features = [],\n+            targets = [],\n+            layers = [],\n+            layer, target, feature, i, len;\n+        for (i = this.map.layers.length - 1; i >= 0; --i) {\n+            layer = this.map.layers[i];\n+            if (layer.div.style.display !== \"none\") {\n+                if (layer.renderer instanceof OpenLayers.Renderer.Elements) {\n+                    if (layer instanceof OpenLayers.Layer.Vector) {\n+                        target = document.elementFromPoint(x, y);\n+                        while (target && target._featureId) {\n+                            feature = layer.getFeatureById(target._featureId);\n+                            if (feature) {\n+                                features.push(feature);\n+                                target.style.display = \"none\";\n+                                targets.push(target);\n+                                target = document.elementFromPoint(x, y)\n+                            } else {\n+                                target = false\n+                            }\n+                        }\n+                    }\n+                    layers.push(layer);\n+                    layer.div.style.display = \"none\"\n+                } else if (layer.renderer instanceof OpenLayers.Renderer.Canvas) {\n+                    feature = layer.renderer.getFeatureIdFromEvent(evt);\n+                    if (feature) {\n+                        features.push(feature);\n+                        layers.push(layer)\n+                    }\n                 }\n             }\n-        };\n-        img.onload = OpenLayers.Function.bind(onLoad, this);\n-        img.src = style.externalGraphic\n+        }\n+        for (i = 0, len = targets.length; i < len; ++i) {\n+            targets[i].style.display = \"\"\n+        }\n+        for (i = layers.length - 1; i >= 0; --i) {\n+            layers[i].div.style.display = \"block\"\n+        }\n+        return features\n     },\n-    drawNamedSymbol: function(geometry, style, featureId) {\n-        var x, y, cx, cy, i, symbolBounds, scaling, angle;\n-        var unscaledStrokeWidth;\n-        var deg2rad = Math.PI / 180;\n-        var symbol = OpenLayers.Renderer.symbol[style.graphicName];\n-        if (!symbol) {\n-            throw new Error(style.graphicName + \" is not a valid symbol name\")\n+    destroy: function() {\n+        for (var i = this.provides.length - 1; i >= 0; --i) {\n+            delete this.target.extensions[this.provides[i]]\n         }\n-        if (!symbol.length || symbol.length < 2) return;\n-        var pt = this.getLocalXY(geometry);\n-        var p0 = pt[0];\n-        var p1 = pt[1];\n-        if (isNaN(p0) || isNaN(p1)) return;\n-        this.canvas.lineCap = \"round\";\n-        this.canvas.lineJoin = \"round\";\n-        if (this.hitDetection) {\n-            this.hitContext.lineCap = \"round\";\n-            this.hitContext.lineJoin = \"round\"\n+        this.map.events.un({\n+            mousemove: this.onMousemove,\n+            mousedown: this.start,\n+            mouseup: this.onClick,\n+            touchstart: this.start,\n+            touchmove: this.cancel,\n+            touchend: this.onClick,\n+            scope: this\n+        });\n+        delete this.cache;\n+        delete this.map;\n+        delete this.target\n+    }\n+});\n+OpenLayers.Events.nofeatureclick = OpenLayers.Events.featureclick;\n+OpenLayers.Events.featureover = OpenLayers.Events.featureclick;\n+OpenLayers.Events.featureout = OpenLayers.Events.featureclick;\n+OpenLayers.Layer.PointGrid = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    dx: null,\n+    dy: null,\n+    ratio: 1.5,\n+    maxFeatures: 250,\n+    rotation: 0,\n+    origin: null,\n+    gridBounds: null,\n+    initialize: function(config) {\n+        config = config || {};\n+        OpenLayers.Layer.Vector.prototype.initialize.apply(this, [config.name, config])\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Vector.prototype.setMap.apply(this, arguments);\n+        map.events.register(\"moveend\", this, this.onMoveEnd)\n+    },\n+    removeMap: function(map) {\n+        map.events.unregister(\"moveend\", this, this.onMoveEnd);\n+        OpenLayers.Layer.Vector.prototype.removeMap.apply(this, arguments)\n+    },\n+    setRatio: function(ratio) {\n+        this.ratio = ratio;\n+        this.updateGrid(true)\n+    },\n+    setMaxFeatures: function(maxFeatures) {\n+        this.maxFeatures = maxFeatures;\n+        this.updateGrid(true)\n+    },\n+    setSpacing: function(dx, dy) {\n+        this.dx = dx;\n+        this.dy = dy || dx;\n+        this.updateGrid(true)\n+    },\n+    setOrigin: function(origin) {\n+        this.origin = origin;\n+        this.updateGrid(true)\n+    },\n+    getOrigin: function() {\n+        if (!this.origin) {\n+            this.origin = this.map.getExtent().getCenterLonLat()\n         }\n-        if (style.graphicName in this.cachedSymbolBounds) {\n-            symbolBounds = this.cachedSymbolBounds[style.graphicName]\n-        } else {\n-            symbolBounds = new OpenLayers.Bounds;\n-            for (i = 0; i < symbol.length; i += 2) {\n-                symbolBounds.extend(new OpenLayers.LonLat(symbol[i], symbol[i + 1]))\n-            }\n-            this.cachedSymbolBounds[style.graphicName] = symbolBounds\n+        return this.origin\n+    },\n+    setRotation: function(rotation) {\n+        this.rotation = rotation;\n+        this.updateGrid(true)\n+    },\n+    onMoveEnd: function() {\n+        this.updateGrid()\n+    },\n+    getViewBounds: function() {\n+        var bounds = this.map.getExtent();\n+        if (this.rotation) {\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var rect = bounds.toGeometry();\n+            rect.rotate(-this.rotation, rotationOrigin);\n+            bounds = rect.getBounds()\n         }\n-        this.canvas.save();\n-        if (this.hitDetection) {\n-            this.hitContext.save()\n+        return bounds\n+    },\n+    updateGrid: function(force) {\n+        if (force || this.invalidBounds()) {\n+            var viewBounds = this.getViewBounds();\n+            var origin = this.getOrigin();\n+            var rotationOrigin = new OpenLayers.Geometry.Point(origin.lon, origin.lat);\n+            var viewBoundsWidth = viewBounds.getWidth();\n+            var viewBoundsHeight = viewBounds.getHeight();\n+            var aspectRatio = viewBoundsWidth / viewBoundsHeight;\n+            var maxHeight = Math.sqrt(this.dx * this.dy * this.maxFeatures / aspectRatio);\n+            var maxWidth = maxHeight * aspectRatio;\n+            var gridWidth = Math.min(viewBoundsWidth * this.ratio, maxWidth);\n+            var gridHeight = Math.min(viewBoundsHeight * this.ratio, maxHeight);\n+            var center = viewBounds.getCenterLonLat();\n+            this.gridBounds = new OpenLayers.Bounds(center.lon - gridWidth / 2, center.lat - gridHeight / 2, center.lon + gridWidth / 2, center.lat + gridHeight / 2);\n+            var rows = Math.floor(gridHeight / this.dy);\n+            var cols = Math.floor(gridWidth / this.dx);\n+            var gridLeft = origin.lon + this.dx * Math.ceil((this.gridBounds.left - origin.lon) / this.dx);\n+            var gridBottom = origin.lat + this.dy * Math.ceil((this.gridBounds.bottom - origin.lat) / this.dy);\n+            var features = new Array(rows * cols);\n+            var x, y, point;\n+            for (var i = 0; i < cols; ++i) {\n+                x = gridLeft + i * this.dx;\n+                for (var j = 0; j < rows; ++j) {\n+                    y = gridBottom + j * this.dy;\n+                    point = new OpenLayers.Geometry.Point(x, y);\n+                    if (this.rotation) {\n+                        point.rotate(this.rotation, rotationOrigin)\n+                    }\n+                    features[i * rows + j] = new OpenLayers.Feature.Vector(point)\n+                }\n+            }\n+            this.destroyFeatures(this.features, {\n+                silent: true\n+            });\n+            this.addFeatures(features, {\n+                silent: true\n+            })\n         }\n-        this.canvas.translate(p0, p1);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(p0, p1)\n+    },\n+    invalidBounds: function() {\n+        return !this.gridBounds || !this.gridBounds.containsBounds(this.getViewBounds())\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.PointGrid\"\n+});\n+OpenLayers.Layer.WorldWind = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {},\n+    isBaseLayer: true,\n+    lzd: null,\n+    zoomLevels: null,\n+    initialize: function(name, url, lzd, zoomLevels, params, options) {\n+        this.lzd = lzd;\n+        this.zoomLevels = zoomLevels;\n+        var newArguments = [];\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+    },\n+    getZoom: function() {\n+        var zoom = this.map.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        zoom = zoom - Math.log(this.maxResolution / (this.lzd / 512)) / Math.log(2);\n+        return zoom\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var zoom = this.getZoom();\n+        var extent = this.map.getMaxExtent();\n+        var deg = this.lzd / Math.pow(2, this.getZoom());\n+        var x = Math.floor((bounds.left - extent.left) / deg);\n+        var y = Math.floor((bounds.bottom - extent.bottom) / deg);\n+        if (this.map.getResolution() <= this.lzd / 512 && this.getZoom() <= this.zoomLevels) {\n+            return this.getFullRequestString({\n+                L: zoom,\n+                X: x,\n+                Y: y\n+            })\n+        } else {\n+            return OpenLayers.Util.getImageLocation(\"blank.gif\")\n         }\n-        angle = deg2rad * style.rotation;\n-        if (!isNaN(angle)) {\n-            this.canvas.rotate(angle);\n-            if (this.hitDetection) {\n-                this.hitContext.rotate(angle)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.WorldWind\"\n+});\n+OpenLayers.Layer.Text = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    location: null,\n+    features: null,\n+    formatOptions: null,\n+    selectedFeature: null,\n+    initialize: function(name, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, arguments);\n+        this.features = []\n+    },\n+    destroy: function() {\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null\n+    },\n+    loadText: function() {\n+        if (!this.loaded) {\n+            if (this.location != null) {\n+                var onFail = function(e) {\n+                    this.events.triggerEvent(\"loadend\")\n+                };\n+                this.events.triggerEvent(\"loadstart\");\n+                OpenLayers.Request.GET({\n+                    url: this.location,\n+                    success: this.parseData,\n+                    failure: onFail,\n+                    scope: this\n+                });\n+                this.loaded = true\n             }\n         }\n-        scaling = 2 * style.pointRadius / Math.max(symbolBounds.getWidth(), symbolBounds.getHeight());\n-        this.canvas.scale(scaling, scaling);\n-        if (this.hitDetection) {\n-            this.hitContext.scale(scaling, scaling)\n+    },\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadText()\n         }\n-        cx = symbolBounds.getCenterLonLat().lon;\n-        cy = symbolBounds.getCenterLonLat().lat;\n-        this.canvas.translate(-cx, -cy);\n-        if (this.hitDetection) {\n-            this.hitContext.translate(-cx, -cy)\n+    },\n+    parseData: function(ajaxRequest) {\n+        var text = ajaxRequest.responseText;\n+        var options = {};\n+        OpenLayers.Util.extend(options, this.formatOptions);\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject()\n         }\n-        unscaledStrokeWidth = style.strokeWidth;\n-        style.strokeWidth = unscaledStrokeWidth / scaling;\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n+        var parser = new OpenLayers.Format.Text(options);\n+        var features = parser.read(text);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            var location;\n+            var iconSize, iconOffset;\n+            location = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y);\n+            if (feature.style.graphicWidth && feature.style.graphicHeight) {\n+                iconSize = new OpenLayers.Size(feature.style.graphicWidth, feature.style.graphicHeight)\n             }\n-            this.canvas.closePath();\n-            this.canvas.fill();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.canvas.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n+            if (feature.style.graphicXOffset !== undefined && feature.style.graphicYOffset !== undefined) {\n+                iconOffset = new OpenLayers.Pixel(feature.style.graphicXOffset, feature.style.graphicYOffset)\n+            }\n+            if (feature.style.externalGraphic != null) {\n+                data.icon = new OpenLayers.Icon(feature.style.externalGraphic, iconSize, iconOffset)\n+            } else {\n+                data.icon = OpenLayers.Marker.defaultIcon();\n+                if (iconSize != null) {\n+                    data.icon.setSize(iconSize)\n                 }\n-                this.hitContext.closePath();\n-                this.hitContext.fill()\n             }\n+            if (feature.attributes.title != null && feature.attributes.description != null) {\n+                data[\"popupContentHTML\"] = \"<h2>\" + feature.attributes.title + \"</h2>\" + \"<p>\" + feature.attributes.description + \"</p>\"\n+            }\n+            data[\"overflow\"] = feature.attributes.overflow || \"auto\";\n+            var markerFeature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(markerFeature);\n+            var marker = markerFeature.createMarker();\n+            if (feature.attributes.title != null && feature.attributes.description != null) {\n+                marker.events.register(\"click\", markerFeature, this.markerClick)\n+            }\n+            this.addMarker(marker)\n         }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.canvas.beginPath();\n-            for (i = 0; i < symbol.length; i = i + 2) {\n-                x = symbol[i];\n-                y = symbol[i + 1];\n-                if (i == 0) this.canvas.moveTo(x, y);\n-                this.canvas.lineTo(x, y)\n+        this.events.triggerEvent(\"loadend\")\n+    },\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = this == this.layer.selectedFeature;\n+        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i])\n+        }\n+        if (!sameMarkerClicked) {\n+            this.layer.map.addPopup(this.createPopup())\n+        }\n+        OpenLayers.Event.stop(evt)\n+    },\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy()\n             }\n-            this.canvas.closePath();\n-            this.canvas.stroke();\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style, scaling);\n-                this.hitContext.beginPath();\n-                for (i = 0; i < symbol.length; i = i + 2) {\n-                    x = symbol[i];\n-                    y = symbol[i + 1];\n-                    if (i == 0) this.hitContext.moveTo(x, y);\n-                    this.hitContext.lineTo(x, y)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Text\"\n+});\n+OpenLayers.Layer.WMTS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    version: \"1.0.0\",\n+    requestEncoding: \"KVP\",\n+    url: null,\n+    layer: null,\n+    matrixSet: null,\n+    style: null,\n+    format: \"image/jpeg\",\n+    tileOrigin: null,\n+    tileFullExtent: null,\n+    formatSuffix: null,\n+    matrixIds: null,\n+    dimensions: null,\n+    params: null,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    formatSuffixMap: {\n+        \"image/png\": \"png\",\n+        \"image/png8\": \"png\",\n+        \"image/png24\": \"png\",\n+        \"image/png32\": \"png\",\n+        png: \"png\",\n+        \"image/jpeg\": \"jpg\",\n+        \"image/jpg\": \"jpg\",\n+        jpeg: \"jpg\",\n+        jpg: \"jpg\"\n+    },\n+    matrix: null,\n+    initialize: function(config) {\n+        var required = {\n+            url: true,\n+            layer: true,\n+            style: true,\n+            matrixSet: true\n+        };\n+        for (var prop in required) {\n+            if (!(prop in config)) {\n+                throw new Error(\"Missing property '\" + prop + \"' in layer configuration.\")\n+            }\n+        }\n+        config.params = OpenLayers.Util.upperCaseObject(config.params);\n+        var args = [config.name, config.url, config.params, config];\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, args);\n+        if (!this.formatSuffix) {\n+            this.formatSuffix = this.formatSuffixMap[this.format] || this.format.split(\"/\").pop()\n+        }\n+        if (this.matrixIds) {\n+            var len = this.matrixIds.length;\n+            if (len && typeof this.matrixIds[0] === \"string\") {\n+                var ids = this.matrixIds;\n+                this.matrixIds = new Array(len);\n+                for (var i = 0; i < len; ++i) {\n+                    this.matrixIds[i] = {\n+                        identifier: ids[i]\n+                    }\n                 }\n-                this.hitContext.closePath();\n-                this.hitContext.stroke()\n             }\n         }\n-        style.strokeWidth = unscaledStrokeWidth;\n-        this.canvas.restore();\n-        if (this.hitDetection) {\n-            this.hitContext.restore()\n+    },\n+    setMap: function() {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments)\n+    },\n+    updateMatrixProperties: function() {\n+        this.matrix = this.getMatrix();\n+        if (this.matrix) {\n+            if (this.matrix.topLeftCorner) {\n+                this.tileOrigin = this.matrix.topLeftCorner\n+            }\n+            if (this.matrix.tileWidth && this.matrix.tileHeight) {\n+                this.tileSize = new OpenLayers.Size(this.matrix.tileWidth, this.matrix.tileHeight)\n+            }\n+            if (!this.tileOrigin) {\n+                this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.top)\n+            }\n+            if (!this.tileFullExtent) {\n+                this.tileFullExtent = this.maxExtent\n+            }\n         }\n-        this.setCanvasStyle(\"reset\")\n     },\n-    setCanvasStyle: function(type, style) {\n-        if (type === \"fill\") {\n-            this.canvas.globalAlpha = style[\"fillOpacity\"];\n-            this.canvas.fillStyle = style[\"fillColor\"]\n-        } else if (type === \"stroke\") {\n-            this.canvas.globalAlpha = style[\"strokeOpacity\"];\n-            this.canvas.strokeStyle = style[\"strokeColor\"];\n-            this.canvas.lineWidth = style[\"strokeWidth\"]\n-        } else {\n-            this.canvas.globalAlpha = 0;\n-            this.canvas.lineWidth = 1\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        if (zoomChanged || !this.matrix) {\n+            this.updateMatrixProperties()\n         }\n+        return OpenLayers.Layer.Grid.prototype.moveTo.apply(this, arguments)\n     },\n-    featureIdToHex: function(featureId) {\n-        var id = Number(featureId.split(\"_\").pop()) + 1;\n-        if (id >= 16777216) {\n-            this.hitOverflow = id - 16777215;\n-            id = id % 16777216 + 1\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.WMTS(this.options)\n         }\n-        var hex = \"000000\" + id.toString(16);\n-        var len = hex.length;\n-        hex = \"#\" + hex.substring(len - 6, len);\n-        return hex\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    setHitContextStyle: function(type, featureId, symbolizer, strokeScaling) {\n-        var hex = this.featureIdToHex(featureId);\n-        if (type == \"fill\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.fillStyle = hex\n-        } else if (type == \"stroke\") {\n-            this.hitContext.globalAlpha = 1;\n-            this.hitContext.strokeStyle = hex;\n-            if (typeof strokeScaling === \"undefined\") {\n-                this.hitContext.lineWidth = symbolizer.strokeWidth + 2\n-            } else {\n-                if (!isNaN(strokeScaling)) {\n-                    this.hitContext.lineWidth = symbolizer.strokeWidth + 2 / strokeScaling\n-                }\n+    getIdentifier: function() {\n+        return this.getServerZoom()\n+    },\n+    getMatrix: function() {\n+        var matrix;\n+        if (!this.matrixIds || this.matrixIds.length === 0) {\n+            matrix = {\n+                identifier: this.getIdentifier()\n             }\n         } else {\n-            this.hitContext.globalAlpha = 0;\n-            this.hitContext.lineWidth = 1\n+            if (\"scaleDenominator\" in this.matrixIds[0]) {\n+                var denom = OpenLayers.METERS_PER_INCH * OpenLayers.INCHES_PER_UNIT[this.units] * this.getServerResolution() / 28e-5;\n+                var diff = Number.POSITIVE_INFINITY;\n+                var delta;\n+                for (var i = 0, ii = this.matrixIds.length; i < ii; ++i) {\n+                    delta = Math.abs(1 - this.matrixIds[i].scaleDenominator / denom);\n+                    if (delta < diff) {\n+                        diff = delta;\n+                        matrix = this.matrixIds[i]\n+                    }\n+                }\n+            } else {\n+                matrix = this.matrixIds[this.getIdentifier()]\n+            }\n         }\n+        return matrix\n     },\n-    drawPoint: function(geometry, style, featureId) {\n-        if (style.graphic !== false) {\n-            if (style.externalGraphic) {\n-                this.drawExternalGraphic(geometry, style, featureId)\n-            } else if (style.graphicName && style.graphicName != \"circle\") {\n-                this.drawNamedSymbol(geometry, style, featureId)\n+    getTileInfo: function(loc) {\n+        var res = this.getServerResolution();\n+        var fx = (loc.lon - this.tileOrigin.lon) / (res * this.tileSize.w);\n+        var fy = (this.tileOrigin.lat - loc.lat) / (res * this.tileSize.h);\n+        var col = Math.floor(fx);\n+        var row = Math.floor(fy);\n+        return {\n+            col: col,\n+            row: row,\n+            i: Math.floor((fx - col) * this.tileSize.w),\n+            j: Math.floor((fy - row) * this.tileSize.h)\n+        }\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var url = \"\";\n+        if (!this.tileFullExtent || this.tileFullExtent.intersectsBounds(bounds)) {\n+            var center = bounds.getCenterLonLat();\n+            var info = this.getTileInfo(center);\n+            var matrixId = this.matrix.identifier;\n+            var dimensions = this.dimensions,\n+                params;\n+            if (OpenLayers.Util.isArray(this.url)) {\n+                url = this.selectUrl([this.version, this.style, this.matrixSet, this.matrix.identifier, info.row, info.col].join(\",\"), this.url)\n             } else {\n-                var pt = this.getLocalXY(geometry);\n-                var p0 = pt[0];\n-                var p1 = pt[1];\n-                if (!isNaN(p0) && !isNaN(p1)) {\n-                    var twoPi = Math.PI * 2;\n-                    var radius = style.pointRadius;\n-                    if (style.fill !== false) {\n-                        this.setCanvasStyle(\"fill\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.fill();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"fill\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.fill()\n+                url = this.url\n+            }\n+            if (this.requestEncoding.toUpperCase() === \"REST\") {\n+                params = this.params;\n+                if (url.indexOf(\"{\") !== -1) {\n+                    var template = url.replace(/\\{/g, \"${\");\n+                    var context = {\n+                        style: this.style,\n+                        Style: this.style,\n+                        TileMatrixSet: this.matrixSet,\n+                        TileMatrix: this.matrix.identifier,\n+                        TileRow: info.row,\n+                        TileCol: info.col\n+                    };\n+                    if (dimensions) {\n+                        var dimension, i;\n+                        for (i = dimensions.length - 1; i >= 0; --i) {\n+                            dimension = dimensions[i];\n+                            context[dimension] = params[dimension.toUpperCase()]\n                         }\n                     }\n-                    if (style.stroke !== false) {\n-                        this.setCanvasStyle(\"stroke\", style);\n-                        this.canvas.beginPath();\n-                        this.canvas.arc(p0, p1, radius, 0, twoPi, true);\n-                        this.canvas.stroke();\n-                        if (this.hitDetection) {\n-                            this.setHitContextStyle(\"stroke\", featureId, style);\n-                            this.hitContext.beginPath();\n-                            this.hitContext.arc(p0, p1, radius, 0, twoPi, true);\n-                            this.hitContext.stroke()\n+                    url = OpenLayers.String.format(template, context)\n+                } else {\n+                    var path = this.version + \"/\" + this.layer + \"/\" + this.style + \"/\";\n+                    if (dimensions) {\n+                        for (var i = 0; i < dimensions.length; i++) {\n+                            if (params[dimensions[i]]) {\n+                                path = path + params[dimensions[i]] + \"/\"\n+                            }\n                         }\n-                        this.setCanvasStyle(\"reset\")\n                     }\n+                    path = path + this.matrixSet + \"/\" + this.matrix.identifier + \"/\" + info.row + \"/\" + info.col + \".\" + this.formatSuffix;\n+                    if (!url.match(/\\/$/)) {\n+                        url = url + \"/\"\n+                    }\n+                    url = url + path\n                 }\n+            } else if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+                params = {\n+                    SERVICE: \"WMTS\",\n+                    REQUEST: \"GetTile\",\n+                    VERSION: this.version,\n+                    LAYER: this.layer,\n+                    STYLE: this.style,\n+                    TILEMATRIXSET: this.matrixSet,\n+                    TILEMATRIX: this.matrix.identifier,\n+                    TILEROW: info.row,\n+                    TILECOL: info.col,\n+                    FORMAT: this.format\n+                };\n+                url = OpenLayers.Layer.Grid.prototype.getFullRequestString.apply(this, [params])\n             }\n         }\n+        return url\n     },\n-    drawLineString: function(geometry, style, featureId) {\n-        style = OpenLayers.Util.applyDefaults({\n-            fill: false\n-        }, style);\n-        this.drawLinearRing(geometry, style, featureId)\n+    mergeNewParams: function(newParams) {\n+        if (this.requestEncoding.toUpperCase() === \"KVP\") {\n+            return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, [OpenLayers.Util.upperCaseObject(newParams)])\n+        }\n     },\n-    drawLinearRing: function(geometry, style, featureId) {\n-        if (style.fill !== false) {\n-            this.setCanvasStyle(\"fill\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"fill\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"fill\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"fill\")\n+    CLASS_NAME: \"OpenLayers.Layer.WMTS\"\n+});\n+OpenLayers.Layer.GeoRSS = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    location: null,\n+    features: null,\n+    formatOptions: null,\n+    selectedFeature: null,\n+    icon: null,\n+    popupSize: null,\n+    useFeedTitle: true,\n+    initialize: function(name, location, options) {\n+        OpenLayers.Layer.Markers.prototype.initialize.apply(this, [name, options]);\n+        this.location = location;\n+        this.features = []\n+    },\n+    destroy: function() {\n+        OpenLayers.Layer.Markers.prototype.destroy.apply(this, arguments);\n+        this.clearFeatures();\n+        this.features = null\n+    },\n+    loadRSS: function() {\n+        if (!this.loaded) {\n+            this.events.triggerEvent(\"loadstart\");\n+            OpenLayers.Request.GET({\n+                url: this.location,\n+                success: this.parseData,\n+                scope: this\n+            });\n+            this.loaded = true\n+        }\n+    },\n+    moveTo: function(bounds, zoomChanged, minor) {\n+        OpenLayers.Layer.Markers.prototype.moveTo.apply(this, arguments);\n+        if (this.visibility && !this.loaded) {\n+            this.loadRSS()\n+        }\n+    },\n+    parseData: function(ajaxRequest) {\n+        var doc = ajaxRequest.responseXML;\n+        if (!doc || !doc.documentElement) {\n+            doc = OpenLayers.Format.XML.prototype.read(ajaxRequest.responseText)\n+        }\n+        if (this.useFeedTitle) {\n+            var name = null;\n+            try {\n+                name = doc.getElementsByTagNameNS(\"*\", \"title\")[0].firstChild.nodeValue\n+            } catch (e) {\n+                try {\n+                    name = doc.getElementsByTagName(\"title\")[0].firstChild.nodeValue\n+                } catch (e) {}\n+            }\n+            if (name) {\n+                this.setName(name)\n             }\n         }\n-        if (style.stroke !== false) {\n-            this.setCanvasStyle(\"stroke\", style);\n-            this.renderPath(this.canvas, geometry, style, featureId, \"stroke\");\n-            if (this.hitDetection) {\n-                this.setHitContextStyle(\"stroke\", featureId, style);\n-                this.renderPath(this.hitContext, geometry, style, featureId, \"stroke\")\n+        var options = {};\n+        OpenLayers.Util.extend(options, this.formatOptions);\n+        if (this.map && !this.projection.equals(this.map.getProjectionObject())) {\n+            options.externalProjection = this.projection;\n+            options.internalProjection = this.map.getProjectionObject()\n+        }\n+        var format = new OpenLayers.Format.GeoRSS(options);\n+        var features = format.read(doc);\n+        for (var i = 0, len = features.length; i < len; i++) {\n+            var data = {};\n+            var feature = features[i];\n+            if (!feature.geometry) {\n+                continue\n+            }\n+            var title = feature.attributes.title ? feature.attributes.title : \"Untitled\";\n+            var description = feature.attributes.description ? feature.attributes.description : \"No description.\";\n+            var link = feature.attributes.link ? feature.attributes.link : \"\";\n+            var location = feature.geometry.getBounds().getCenterLonLat();\n+            data.icon = this.icon == null ? OpenLayers.Marker.defaultIcon() : this.icon.clone();\n+            data.popupSize = this.popupSize ? this.popupSize.clone() : new OpenLayers.Size(250, 120);\n+            if (title || description) {\n+                data.title = title;\n+                data.description = description;\n+                var contentHTML = '<div class=\"olLayerGeoRSSClose\">[x]</div>';\n+                contentHTML += '<div class=\"olLayerGeoRSSTitle\">';\n+                if (link) {\n+                    contentHTML += '<a class=\"link\" href=\"' + link + '\" target=\"_blank\">'\n+                }\n+                contentHTML += title;\n+                if (link) {\n+                    contentHTML += \"</a>\"\n+                }\n+                contentHTML += \"</div>\";\n+                contentHTML += '<div style=\"\" class=\"olLayerGeoRSSDescription\">';\n+                contentHTML += description;\n+                contentHTML += \"</div>\";\n+                data[\"popupContentHTML\"] = contentHTML\n             }\n+            var feature = new OpenLayers.Feature(this, location, data);\n+            this.features.push(feature);\n+            var marker = feature.createMarker();\n+            marker.events.register(\"click\", feature, this.markerClick);\n+            this.addMarker(marker)\n         }\n-        this.setCanvasStyle(\"reset\")\n+        this.events.triggerEvent(\"loadend\")\n     },\n-    renderPath: function(context, geometry, style, featureId, type) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        context.beginPath();\n-        var start = this.getLocalXY(components[0]);\n-        var x = start[0];\n-        var y = start[1];\n-        if (!isNaN(x) && !isNaN(y)) {\n-            context.moveTo(start[0], start[1]);\n-            for (var i = 1; i < len; ++i) {\n-                var pt = this.getLocalXY(components[i]);\n-                context.lineTo(pt[0], pt[1])\n+    markerClick: function(evt) {\n+        var sameMarkerClicked = this == this.layer.selectedFeature;\n+        this.layer.selectedFeature = !sameMarkerClicked ? this : null;\n+        for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+            this.layer.map.removePopup(this.layer.map.popups[i])\n+        }\n+        if (!sameMarkerClicked) {\n+            var popup = this.createPopup();\n+            OpenLayers.Event.observe(popup.div, \"click\", OpenLayers.Function.bind(function() {\n+                for (var i = 0, len = this.layer.map.popups.length; i < len; i++) {\n+                    this.layer.map.removePopup(this.layer.map.popups[i])\n+                }\n+            }, this));\n+            this.layer.map.addPopup(popup)\n+        }\n+        OpenLayers.Event.stop(evt)\n+    },\n+    clearFeatures: function() {\n+        if (this.features != null) {\n+            while (this.features.length > 0) {\n+                var feature = this.features[0];\n+                OpenLayers.Util.removeItem(this.features, feature);\n+                feature.destroy()\n             }\n-            if (type === \"fill\") {\n-                context.fill()\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.GeoRSS\"\n+});\n+OpenLayers.Layer.XYZ = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    sphericalMercator: false,\n+    zoomOffset: 0,\n+    serverResolutions: null,\n+    initialize: function(name, url, options) {\n+        if (options && options.sphericalMercator || this.sphericalMercator) {\n+            options = OpenLayers.Util.extend({\n+                projection: \"EPSG:900913\",\n+                numZoomLevels: 19\n+            }, options)\n+        }\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name || this.name, url || this.url, {}, options])\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.XYZ(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        var xyz = this.getXYZ(bounds);\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            var s = \"\" + xyz.x + xyz.y + xyz.z;\n+            url = this.selectUrl(s, url)\n+        }\n+        return OpenLayers.String.format(url, xyz)\n+    },\n+    getXYZ: function(bounds) {\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));\n+        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        if (this.wrapDateLine) {\n+            var limit = Math.pow(2, z);\n+            x = (x % limit + limit) % limit\n+        }\n+        return {\n+            x: x,\n+            y: y,\n+            z: z\n+        }\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.maxExtent.left, this.maxExtent.bottom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.XYZ\"\n+});\n+OpenLayers.Layer.TMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    serviceVersion: \"1.0.0\",\n+    layername: null,\n+    type: null,\n+    isBaseLayer: true,\n+    tileOrigin: null,\n+    serverResolutions: null,\n+    zoomOffset: 0,\n+    initialize: function(name, url, options) {\n+        var newArguments = [];\n+        newArguments.push(name, url, {}, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TMS(this.name, this.url, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));\n+        var z = this.getServerZoom();\n+        var path = this.serviceVersion + \"/\" + this.layername + \"/\" + z + \"/\" + x + \"/\" + y + \".\" + this.type;\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        return url + path\n+    },\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        if (!this.tileOrigin) {\n+            this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.bottom)\n+        }\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.TMS\"\n+});\n+OpenLayers.Layer.KaMap = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    DEFAULT_PARAMS: {\n+        i: \"jpeg\",\n+        map: \"\"\n+    },\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        this.params = OpenLayers.Util.applyDefaults(this.params, this.DEFAULT_PARAMS)\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        return this.getFullRequestString({\n+            t: pY,\n+            l: pX,\n+            s: scale\n+        })\n+    },\n+    calculateGridLayout: function(bounds, origin, resolution) {\n+        var tilelon = resolution * this.tileSize.w;\n+        var tilelat = resolution * this.tileSize.h;\n+        var offsetlon = bounds.left;\n+        var tilecol = Math.floor(offsetlon / tilelon) - this.buffer;\n+        var offsetlat = bounds.top;\n+        var tilerow = Math.floor(offsetlat / tilelat) + this.buffer;\n+        return {\n+            tilelon: tilelon,\n+            tilelat: tilelat,\n+            startcol: tilecol,\n+            startrow: tilerow\n+        }\n+    },\n+    getTileBoundsForGridIndex: function(row, col) {\n+        var origin = this.getTileOrigin();\n+        var tileLayout = this.gridLayout;\n+        var tilelon = tileLayout.tilelon;\n+        var tilelat = tileLayout.tilelat;\n+        var minX = (tileLayout.startcol + col) * tilelon;\n+        var minY = (tileLayout.startrow - row) * tilelat;\n+        return new OpenLayers.Bounds(minX, minY, minX + tilelon, minY + tilelat)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.KaMap(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        if (this.tileSize != null) {\n+            obj.tileSize = this.tileSize.clone()\n+        }\n+        obj.grid = [];\n+        return obj\n+    },\n+    getTileBounds: function(viewPortPx) {\n+        var resolution = this.getResolution();\n+        var tileMapWidth = resolution * this.tileSize.w;\n+        var tileMapHeight = resolution * this.tileSize.h;\n+        var mapPoint = this.getLonLatFromViewPortPx(viewPortPx);\n+        var tileLeft = tileMapWidth * Math.floor(mapPoint.lon / tileMapWidth);\n+        var tileBottom = tileMapHeight * Math.floor(mapPoint.lat / tileMapHeight);\n+        return new OpenLayers.Bounds(tileLeft, tileBottom, tileLeft + tileMapWidth, tileBottom + tileMapHeight)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.KaMap\"\n+});\n+OpenLayers.Tile.UTFGrid = OpenLayers.Class(OpenLayers.Tile, {\n+    url: null,\n+    utfgridResolution: 2,\n+    json: null,\n+    format: null,\n+    destroy: function() {\n+        this.clear();\n+        OpenLayers.Tile.prototype.destroy.apply(this, arguments)\n+    },\n+    draw: function() {\n+        var drawn = OpenLayers.Tile.prototype.draw.apply(this, arguments);\n+        if (drawn) {\n+            if (this.isLoading) {\n+                this.abortLoading();\n+                this.events.triggerEvent(\"reload\")\n             } else {\n-                context.stroke()\n+                this.isLoading = true;\n+                this.events.triggerEvent(\"loadstart\")\n+            }\n+            this.url = this.layer.getURL(this.bounds);\n+            if (this.layer.useJSONP) {\n+                var ols = new OpenLayers.Protocol.Script({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        this.json = response.data\n+                    },\n+                    scope: this\n+                });\n+                ols.read();\n+                this.request = ols\n+            } else {\n+                this.request = OpenLayers.Request.GET({\n+                    url: this.url,\n+                    callback: function(response) {\n+                        this.isLoading = false;\n+                        this.events.triggerEvent(\"loadend\");\n+                        if (response.status === 200) {\n+                            this.parseData(response.responseText)\n+                        }\n+                    },\n+                    scope: this\n+                })\n             }\n+        } else {\n+            this.unload()\n         }\n+        return drawn\n     },\n-    drawPolygon: function(geometry, style, featureId) {\n-        var components = geometry.components;\n-        var len = components.length;\n-        this.drawLinearRing(components[0], style, featureId);\n-        for (var i = 1; i < len; ++i) {\n-            this.canvas.globalCompositeOperation = \"destination-out\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"destination-out\"\n+    abortLoading: function() {\n+        if (this.request) {\n+            this.request.abort();\n+            delete this.request\n+        }\n+        this.isLoading = false\n+    },\n+    getFeatureInfo: function(i, j) {\n+        var info = null;\n+        if (this.json) {\n+            var id = this.getFeatureId(i, j);\n+            if (id !== null) {\n+                info = {\n+                    id: id,\n+                    data: this.json.data[id]\n+                }\n             }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                stroke: false,\n-                fillOpacity: 1\n-            }, style), featureId);\n-            this.canvas.globalCompositeOperation = \"source-over\";\n-            if (this.hitDetection) {\n-                this.hitContext.globalCompositeOperation = \"source-over\"\n+        }\n+        return info\n+    },\n+    getFeatureId: function(i, j) {\n+        var id = null;\n+        if (this.json) {\n+            var resolution = this.utfgridResolution;\n+            var row = Math.floor(j / resolution);\n+            var col = Math.floor(i / resolution);\n+            var charCode = this.json.grid[row].charCodeAt(col);\n+            var index = this.indexFromCharCode(charCode);\n+            var keys = this.json.keys;\n+            if (!isNaN(index) && index in keys) {\n+                id = keys[index]\n             }\n-            this.drawLinearRing(components[i], OpenLayers.Util.applyDefaults({\n-                fill: false\n-            }, style), featureId)\n         }\n+        return id\n     },\n-    drawText: function(location, style) {\n-        var pt = this.getLocalXY(location);\n-        this.setCanvasStyle(\"reset\");\n-        this.canvas.fillStyle = style.fontColor;\n-        this.canvas.globalAlpha = style.fontOpacity || 1;\n-        var fontStyle = [style.fontStyle ? style.fontStyle : \"normal\", \"normal\", style.fontWeight ? style.fontWeight : \"normal\", style.fontSize ? style.fontSize : \"1em\", style.fontFamily ? style.fontFamily : \"sans-serif\"].join(\" \");\n-        var labelRows = style.label.split(\"\\n\");\n-        var numRows = labelRows.length;\n-        if (this.canvas.fillText) {\n-            this.canvas.font = fontStyle;\n-            this.canvas.textAlign = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[0]] || \"center\";\n-            this.canvas.textBaseline = OpenLayers.Renderer.Canvas.LABEL_ALIGN[style.labelAlign[1]] || \"middle\";\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n+    indexFromCharCode: function(charCode) {\n+        if (charCode >= 93) {\n+            charCode--\n+        }\n+        if (charCode >= 35) {\n+            charCode--\n+        }\n+        return charCode - 32\n+    },\n+    parseData: function(str) {\n+        if (!this.format) {\n+            this.format = new OpenLayers.Format.JSON\n+        }\n+        this.json = this.format.read(str)\n+    },\n+    clear: function() {\n+        this.json = null\n+    },\n+    CLASS_NAME: \"OpenLayers.Tile.UTFGrid\"\n+});\n+OpenLayers.Layer.UTFGrid = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    isBaseLayer: false,\n+    projection: new OpenLayers.Projection(\"EPSG:900913\"),\n+    useJSONP: false,\n+    tileClass: OpenLayers.Tile.UTFGrid,\n+    initialize: function(options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [options.name, options.url, {}, options]);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            utfgridResolution: this.utfgridResolution\n+        }, this.tileOptions)\n+    },\n+    createBackBuffer: function() {},\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.UTFGrid(this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getFeatureInfo: function(location) {\n+        var info = null;\n+        var tileInfo = this.getTileData(location);\n+        if (tileInfo && tileInfo.tile) {\n+            info = tileInfo.tile.getFeatureInfo(tileInfo.i, tileInfo.j)\n+        }\n+        return info\n+    },\n+    getFeatureId: function(location) {\n+        var id = null;\n+        var info = this.getTileData(location);\n+        if (info.tile) {\n+            id = info.tile.getFeatureId(info.i, info.j)\n+        }\n+        return id\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.UTFGrid\"\n+});\n+OpenLayers.Layer.TileCache = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    format: \"image/png\",\n+    serverResolutions: null,\n+    initialize: function(name, url, layername, options) {\n+        this.layername = layername;\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, {}, options]);\n+        this.extension = this.format.split(\"/\")[1].toLowerCase();\n+        this.extension = this.extension == \"jpg\" ? \"jpeg\" : this.extension\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.TileCache(this.name, this.url, this.layername, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        var res = this.getServerResolution();\n+        var bbox = this.maxExtent;\n+        var size = this.tileSize;\n+        var tileX = Math.round((bounds.left - bbox.left) / (res * size.w));\n+        var tileY = Math.round((bounds.bottom - bbox.bottom) / (res * size.h));\n+        var tileZ = this.serverResolutions != null ? OpenLayers.Util.indexOf(this.serverResolutions, res) : this.map.getZoom();\n+        var components = [this.layername, OpenLayers.Number.zeroPad(tileZ, 2), OpenLayers.Number.zeroPad(parseInt(tileX / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileX / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileX) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e6), 3), OpenLayers.Number.zeroPad(parseInt(tileY / 1e3) % 1e3, 3), OpenLayers.Number.zeroPad(parseInt(tileY) % 1e3, 3) + \".\" + this.extension];\n+        var path = components.join(\"/\");\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        url = url.charAt(url.length - 1) == \"/\" ? url : url + \"/\";\n+        return url + path\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.TileCache\"\n+});\n+OpenLayers.Layer.Google = OpenLayers.Class(OpenLayers.Layer.EventPane, OpenLayers.Layer.FixedZoomLevels, {\n+    MIN_ZOOM_LEVEL: 0,\n+    MAX_ZOOM_LEVEL: 21,\n+    RESOLUTIONS: [1.40625, .703125, .3515625, .17578125, .087890625, .0439453125, .02197265625, .010986328125, .0054931640625, .00274658203125, .001373291015625, .0006866455078125, .00034332275390625, .000171661376953125, 858306884765625e-19, 4291534423828125e-20, 2145767211914062e-20, 1072883605957031e-20, 536441802978515e-20, 268220901489257e-20, 1341104507446289e-21, 6.705522537231445e-7],\n+    type: null,\n+    wrapDateLine: true,\n+    sphericalMercator: false,\n+    version: null,\n+    initialize: function(name, options) {\n+        options = options || {};\n+        if (!options.version) {\n+            options.version = typeof GMap2 === \"function\" ? \"2\" : \"3\"\n+        }\n+        var mixin = OpenLayers.Layer.Google[\"v\" + options.version.replace(/\\./g, \"_\")];\n+        if (mixin) {\n+            OpenLayers.Util.applyDefaults(options, mixin)\n+        } else {\n+            throw \"Unsupported Google Maps API version: \" + options.version\n+        }\n+        OpenLayers.Util.applyDefaults(options, mixin.DEFAULTS);\n+        if (options.maxExtent) {\n+            options.maxExtent = options.maxExtent.clone()\n+        }\n+        OpenLayers.Layer.EventPane.prototype.initialize.apply(this, [name, options]);\n+        OpenLayers.Layer.FixedZoomLevels.prototype.initialize.apply(this, [name, options]);\n+        if (this.sphericalMercator) {\n+            OpenLayers.Util.extend(this, OpenLayers.Layer.SphericalMercator);\n+            this.initMercatorParameters()\n+        }\n+    },\n+    clone: function() {\n+        return new OpenLayers.Layer.Google(this.name, this.getOptions())\n+    },\n+    setVisibility: function(visible) {\n+        var opacity = this.opacity == null ? 1 : this.opacity;\n+        OpenLayers.Layer.EventPane.prototype.setVisibility.apply(this, arguments);\n+        this.setOpacity(opacity)\n+    },\n+    display: function(visible) {\n+        if (!this._dragging) {\n+            this.setGMapVisibility(visible)\n+        }\n+        OpenLayers.Layer.EventPane.prototype.display.apply(this, arguments)\n+    },\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        this._dragging = dragging;\n+        OpenLayers.Layer.EventPane.prototype.moveTo.apply(this, arguments);\n+        delete this._dragging\n+    },\n+    setOpacity: function(opacity) {\n+        if (opacity !== this.opacity) {\n+            if (this.map != null) {\n+                this.map.events.triggerEvent(\"changelayer\", {\n+                    layer: this,\n+                    property: \"opacity\"\n+                })\n             }\n-            var lineHeight = this.canvas.measureText(\"Mg\").height || this.canvas.measureText(\"xx\").width;\n-            pt[1] += lineHeight * vfactor * (numRows - 1);\n-            for (var i = 0; i < numRows; i++) {\n-                if (style.labelOutlineWidth) {\n-                    this.canvas.save();\n-                    this.canvas.globalAlpha = style.labelOutlineOpacity || style.fontOpacity || 1;\n-                    this.canvas.strokeStyle = style.labelOutlineColor;\n-                    this.canvas.lineWidth = style.labelOutlineWidth;\n-                    this.canvas.strokeText(labelRows[i], pt[0], pt[1] + lineHeight * i + 1);\n-                    this.canvas.restore()\n-                }\n-                this.canvas.fillText(labelRows[i], pt[0], pt[1] + lineHeight * i)\n+            this.opacity = opacity\n+        }\n+        if (this.getVisibility()) {\n+            var container = this.getMapContainer();\n+            OpenLayers.Util.modifyDOMElement(container, null, null, null, null, null, null, opacity)\n+        }\n+    },\n+    destroy: function() {\n+        if (this.map) {\n+            this.setGMapVisibility(false);\n+            var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+            if (cache && cache.count <= 1) {\n+                this.removeGMapElements()\n             }\n-        } else if (this.canvas.mozDrawText) {\n-            this.canvas.mozTextStyle = fontStyle;\n-            var hfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[0]];\n-            if (hfactor == null) {\n-                hfactor = -.5\n+        }\n+        OpenLayers.Layer.EventPane.prototype.destroy.apply(this, arguments)\n+    },\n+    removeGMapElements: function() {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject && this.getMapContainer();\n+            if (container && container.parentNode) {\n+                container.parentNode.removeChild(container)\n             }\n-            var vfactor = OpenLayers.Renderer.Canvas.LABEL_FACTOR[style.labelAlign[1]];\n-            if (vfactor == null) {\n-                vfactor = -.5\n+            var termsOfUse = cache.termsOfUse;\n+            if (termsOfUse && termsOfUse.parentNode) {\n+                termsOfUse.parentNode.removeChild(termsOfUse)\n             }\n-            var lineHeight = this.canvas.mozMeasureText(\"xx\");\n-            pt[1] += lineHeight * (1 + vfactor * numRows);\n-            for (var i = 0; i < numRows; i++) {\n-                var x = pt[0] + hfactor * this.canvas.mozMeasureText(labelRows[i]);\n-                var y = pt[1] + i * lineHeight;\n-                this.canvas.translate(x, y);\n-                this.canvas.mozDrawText(labelRows[i]);\n-                this.canvas.translate(-x, -y)\n+            var poweredBy = cache.poweredBy;\n+            if (poweredBy && poweredBy.parentNode) {\n+                poweredBy.parentNode.removeChild(poweredBy)\n+            }\n+            if (this.mapObject && window.google && google.maps && google.maps.event && google.maps.event.clearListeners) {\n+                google.maps.event.clearListeners(this.mapObject, \"tilesloaded\")\n             }\n         }\n-        this.setCanvasStyle(\"reset\")\n-    },\n-    getLocalXY: function(point) {\n-        var resolution = this.getResolution();\n-        var extent = this.extent;\n-        var x = (point.x - this.featureDx) / resolution + -extent.left / resolution;\n-        var y = extent.top / resolution - point.y / resolution;\n-        return [x, y]\n     },\n-    clear: function() {\n-        var height = this.root.height;\n-        var width = this.root.width;\n-        this.canvas.clearRect(0, 0, width, height);\n-        this.features = {};\n-        if (this.hitDetection) {\n-            this.hitContext.clearRect(0, 0, width, height)\n+    removeMap: function(map) {\n+        if (this.visibility && this.mapObject) {\n+            this.setGMapVisibility(false)\n+        }\n+        var cache = OpenLayers.Layer.Google.cache[map.id];\n+        if (cache) {\n+            if (cache.count <= 1) {\n+                this.removeGMapElements();\n+                delete OpenLayers.Layer.Google.cache[map.id]\n+            } else {\n+                --cache.count\n+            }\n         }\n+        delete this.termsOfUse;\n+        delete this.poweredBy;\n+        delete this.mapObject;\n+        delete this.dragObject;\n+        OpenLayers.Layer.EventPane.prototype.removeMap.apply(this, arguments)\n     },\n-    getFeatureIdFromEvent: function(evt) {\n-        var featureId, feature;\n-        if (this.hitDetection && this.root.style.display !== \"none\") {\n-            if (!this.map.dragging) {\n-                var xy = evt.xy;\n-                var x = xy.x | 0;\n-                var y = xy.y | 0;\n-                var data = this.hitContext.getImageData(x, y, 1, 1).data;\n-                if (data[3] === 255) {\n-                    var id = data[2] + 256 * (data[1] + 256 * data[0]);\n-                    if (id) {\n-                        featureId = \"OpenLayers_Feature_Vector_\" + (id - 1 + this.hitOverflow);\n-                        try {\n-                            feature = this.features[featureId][0]\n-                        } catch (err) {}\n-                    }\n-                }\n+    getOLBoundsFromMapObjectBounds: function(moBounds) {\n+        var olBounds = null;\n+        if (moBounds != null) {\n+            var sw = moBounds.getSouthWest();\n+            var ne = moBounds.getNorthEast();\n+            if (this.sphericalMercator) {\n+                sw = this.forwardMercator(sw.lng(), sw.lat());\n+                ne = this.forwardMercator(ne.lng(), ne.lat())\n+            } else {\n+                sw = new OpenLayers.LonLat(sw.lng(), sw.lat());\n+                ne = new OpenLayers.LonLat(ne.lng(), ne.lat())\n             }\n+            olBounds = new OpenLayers.Bounds(sw.lon, sw.lat, ne.lon, ne.lat)\n         }\n-        return feature\n+        return olBounds\n     },\n-    eraseFeatures: function(features) {\n-        if (!OpenLayers.Util.isArray(features)) {\n-            features = [features]\n+    getWarningHTML: function() {\n+        return OpenLayers.i18n(\"googleWarning\")\n+    },\n+    getMapObjectCenter: function() {\n+        return this.mapObject.getCenter()\n+    },\n+    getMapObjectZoom: function() {\n+        return this.mapObject.getZoom()\n+    },\n+    getLongitudeFromMapObjectLonLat: function(moLonLat) {\n+        return this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lon : moLonLat.lng()\n+    },\n+    getLatitudeFromMapObjectLonLat: function(moLonLat) {\n+        var lat = this.sphericalMercator ? this.forwardMercator(moLonLat.lng(), moLonLat.lat()).lat : moLonLat.lat();\n+        return lat\n+    },\n+    getXFromMapObjectPixel: function(moPixel) {\n+        return moPixel.x\n+    },\n+    getYFromMapObjectPixel: function(moPixel) {\n+        return moPixel.y\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Google\"\n+});\n+OpenLayers.Layer.Google.cache = {};\n+OpenLayers.Layer.Google.v2 = {\n+    termsOfUse: null,\n+    poweredBy: null,\n+    dragObject: null,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = G_NORMAL_MAP\n         }\n-        for (var i = 0; i < features.length; ++i) {\n-            delete this.features[features[i].id]\n+        var mapObject, termsOfUse, poweredBy;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            termsOfUse = cache.termsOfUse;\n+            poweredBy = cache.poweredBy;\n+            ++cache.count\n+        } else {\n+            var container = this.map.viewPortDiv;\n+            var div = document.createElement(\"div\");\n+            div.id = this.map.id + \"_GMap2Container\";\n+            div.style.position = \"absolute\";\n+            div.style.width = \"100%\";\n+            div.style.height = \"100%\";\n+            container.appendChild(div);\n+            try {\n+                mapObject = new GMap2(div);\n+                termsOfUse = div.lastChild;\n+                container.appendChild(termsOfUse);\n+                termsOfUse.style.zIndex = \"1100\";\n+                termsOfUse.style.right = \"\";\n+                termsOfUse.style.bottom = \"\";\n+                termsOfUse.className = \"olLayerGoogleCopyright\";\n+                poweredBy = div.lastChild;\n+                container.appendChild(poweredBy);\n+                poweredBy.style.zIndex = \"1100\";\n+                poweredBy.style.right = \"\";\n+                poweredBy.style.bottom = \"\";\n+                poweredBy.className = \"olLayerGooglePoweredBy gmnoprint\"\n+            } catch (e) {\n+                throw e\n+            }\n+            OpenLayers.Layer.Google.cache[this.map.id] = {\n+                mapObject: mapObject,\n+                termsOfUse: termsOfUse,\n+                poweredBy: poweredBy,\n+                count: 1\n+            }\n+        }\n+        this.mapObject = mapObject;\n+        this.termsOfUse = termsOfUse;\n+        this.poweredBy = poweredBy;\n+        if (OpenLayers.Util.indexOf(this.mapObject.getMapTypes(), this.type) === -1) {\n+            this.mapObject.addMapType(this.type)\n+        }\n+        if (typeof mapObject.getDragObject == \"function\") {\n+            this.dragObject = mapObject.getDragObject()\n+        } else {\n+            this.dragPanMapObject = null\n+        }\n+        if (this.isBaseLayer === false) {\n+            this.setGMapVisibility(this.div.style.display !== \"none\")\n         }\n-        this.redraw()\n     },\n-    redraw: function() {\n-        if (!this.locked) {\n-            var height = this.root.height;\n-            var width = this.root.width;\n-            this.canvas.clearRect(0, 0, width, height);\n-            if (this.hitDetection) {\n-                this.hitContext.clearRect(0, 0, width, height)\n+    onMapResize: function() {\n+        if (this.visibility && this.mapObject.isLoaded()) {\n+            this.mapObject.checkResize()\n+        } else {\n+            if (!this._resized) {\n+                var layer = this;\n+                var handle = GEvent.addListener(this.mapObject, \"load\", function() {\n+                    GEvent.removeListener(handle);\n+                    delete layer._resized;\n+                    layer.mapObject.checkResize();\n+                    layer.moveTo(layer.map.getCenter(), layer.map.getZoom())\n+                })\n             }\n-            var labelMap = [];\n-            var feature, geometry, style;\n-            var worldBounds = this.map.baseLayer && this.map.baseLayer.wrapDateLine && this.map.getMaxExtent();\n-            for (var id in this.features) {\n-                if (!this.features.hasOwnProperty(id)) {\n-                    continue\n+            this._resized = true\n+        }\n+    },\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            var container = this.mapObject.getContainer();\n+            if (visible === true) {\n+                this.mapObject.setMapType(this.type);\n+                container.style.display = \"\";\n+                this.termsOfUse.style.left = \"\";\n+                this.termsOfUse.style.display = \"\";\n+                this.poweredBy.style.display = \"\";\n+                cache.displayed = this.id\n+            } else {\n+                if (cache.displayed === this.id) {\n+                    delete cache.displayed\n                 }\n-                feature = this.features[id][0];\n-                geometry = feature.geometry;\n-                this.calculateFeatureDx(geometry.getBounds(), worldBounds);\n-                style = this.features[id][1];\n-                this.drawGeometry(geometry, style, feature.id);\n-                if (style.label) {\n-                    labelMap.push([feature, style])\n+                if (!cache.displayed) {\n+                    container.style.display = \"none\";\n+                    this.termsOfUse.style.display = \"none\";\n+                    this.termsOfUse.style.left = \"-9999px\";\n+                    this.poweredBy.style.display = \"none\"\n                 }\n             }\n-            var item;\n-            for (var i = 0, len = labelMap.length; i < len; ++i) {\n-                item = labelMap[i];\n-                this.drawText(item[0].geometry.getCentroid(), item[1])\n+        }\n+    },\n+    getMapContainer: function() {\n+        return this.mapObject.getContainer()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new GLatLngBounds(new GLatLng(sw.lat, sw.lon), new GLatLng(ne.lat, ne.lon))\n+        }\n+        return moBounds\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        this.mapObject.setCenter(center, zoom)\n+    },\n+    dragPanMapObject: function(dX, dY) {\n+        this.dragObject.moveBy(new GSize(-dX, dY))\n+    },\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        return this.mapObject.fromContainerPixelToLatLng(moPixel)\n+    },\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        return this.mapObject.fromLatLngToContainerPixel(moLonLat)\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new GLatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new GLatLng(lat, lon)\n+        }\n+        return gLatLng\n+    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new GPoint(x, y)\n+    }\n+};\n+OpenLayers.Layer.PointTrack = OpenLayers.Class(OpenLayers.Layer.Vector, {\n+    dataFrom: null,\n+    styleFrom: null,\n+    addNodes: function(pointFeatures, options) {\n+        if (pointFeatures.length < 2) {\n+            throw new Error(\"At least two point features have to be added to \" + \"create a line from\")\n+        }\n+        var lines = new Array(pointFeatures.length - 1);\n+        var pointFeature, startPoint, endPoint;\n+        for (var i = 0, len = pointFeatures.length; i < len; i++) {\n+            pointFeature = pointFeatures[i];\n+            endPoint = pointFeature.geometry;\n+            if (!endPoint) {\n+                var lonlat = pointFeature.lonlat;\n+                endPoint = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat)\n+            } else if (endPoint.CLASS_NAME != \"OpenLayers.Geometry.Point\") {\n+                throw new TypeError(\"Only features with point geometries are supported.\")\n+            }\n+            if (i > 0) {\n+                var attributes = this.dataFrom != null ? pointFeatures[i + this.dataFrom].data || pointFeatures[i + this.dataFrom].attributes : null;\n+                var style = this.styleFrom != null ? pointFeatures[i + this.styleFrom].style : null;\n+                var line = new OpenLayers.Geometry.LineString([startPoint, endPoint]);\n+                lines[i - 1] = new OpenLayers.Feature.Vector(line, attributes, style)\n             }\n+            startPoint = endPoint\n         }\n+        this.addFeatures(lines, options)\n     },\n-    CLASS_NAME: \"OpenLayers.Renderer.Canvas\"\n+    CLASS_NAME: \"OpenLayers.Layer.PointTrack\"\n });\n-OpenLayers.Renderer.Canvas.LABEL_ALIGN = {\n-    l: \"left\",\n-    r: \"right\",\n-    t: \"top\",\n-    b: \"bottom\"\n-};\n-OpenLayers.Renderer.Canvas.LABEL_FACTOR = {\n-    l: 0,\n-    r: -1,\n-    t: 0,\n-    b: -1\n+OpenLayers.Layer.PointTrack.SOURCE_NODE = -1;\n+OpenLayers.Layer.PointTrack.TARGET_NODE = 0;\n+OpenLayers.Layer.PointTrack.dataFrom = {\n+    SOURCE_NODE: -1,\n+    TARGET_NODE: 0\n };\n-OpenLayers.Renderer.Canvas.drawImageScaleFactor = null;\n-OpenLayers.Strategy.Fixed = OpenLayers.Class(OpenLayers.Strategy, {\n-    preload: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.layer.events.on({\n-                refresh: this.load,\n-                scope: this\n-            });\n-            if (this.layer.visibility == true || this.preload) {\n-                this.load()\n-            } else {\n-                this.layer.events.on({\n-                    visibilitychanged: this.load,\n-                    scope: this\n-                })\n+OpenLayers.Layer.Zoomify = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    size: null,\n+    isBaseLayer: true,\n+    standardTileSize: 256,\n+    tileOriginCorner: \"tl\",\n+    numberOfTiers: 0,\n+    tileCountUpToTier: null,\n+    tierSizeInTiles: null,\n+    tierImageSize: null,\n+    initialize: function(name, url, size, options) {\n+        this.initializeZoomify(size);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, size, {}, options])\n+    },\n+    initializeZoomify: function(size) {\n+        var imageSize = size.clone();\n+        this.size = size.clone();\n+        var tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n+        this.tierSizeInTiles = [tiles];\n+        this.tierImageSize = [imageSize];\n+        while (imageSize.w > this.standardTileSize || imageSize.h > this.standardTileSize) {\n+            imageSize = new OpenLayers.Size(Math.floor(imageSize.w / 2), Math.floor(imageSize.h / 2));\n+            tiles = new OpenLayers.Size(Math.ceil(imageSize.w / this.standardTileSize), Math.ceil(imageSize.h / this.standardTileSize));\n+            this.tierSizeInTiles.push(tiles);\n+            this.tierImageSize.push(imageSize)\n+        }\n+        this.tierSizeInTiles.reverse();\n+        this.tierImageSize.reverse();\n+        this.numberOfTiers = this.tierSizeInTiles.length;\n+        var resolutions = [1];\n+        this.tileCountUpToTier = [0];\n+        for (var i = 1; i < this.numberOfTiers; i++) {\n+            resolutions.unshift(Math.pow(2, i));\n+            this.tileCountUpToTier.push(this.tierSizeInTiles[i - 1].w * this.tierSizeInTiles[i - 1].h + this.tileCountUpToTier[i - 1])\n+        }\n+        if (!this.serverResolutions) {\n+            this.serverResolutions = resolutions\n+        }\n+    },\n+    destroy: function() {\n+        OpenLayers.Layer.Grid.prototype.destroy.apply(this, arguments);\n+        this.tileCountUpToTier.length = 0;\n+        this.tierSizeInTiles.length = 0;\n+        this.tierImageSize.length = 0\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Zoomify(this.name, this.url, this.size, this.options)\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var res = this.getServerResolution();\n+        var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+        var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+        var z = this.getZoomForResolution(res);\n+        var tileIndex = x + y * this.tierSizeInTiles[z].w + this.tileCountUpToTier[z];\n+        var path = \"TileGroup\" + Math.floor(tileIndex / 256) + \"/\" + z + \"-\" + x + \"-\" + y + \".jpg\";\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(path, url)\n+        }\n+        return url + path\n+    },\n+    getImageSize: function() {\n+        if (arguments.length > 0) {\n+            var bounds = this.adjustBounds(arguments[0]);\n+            var res = this.getServerResolution();\n+            var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));\n+            var y = Math.round((this.tileOrigin.lat - bounds.top) / (res * this.tileSize.h));\n+            var z = this.getZoomForResolution(res);\n+            var w = this.standardTileSize;\n+            var h = this.standardTileSize;\n+            if (x == this.tierSizeInTiles[z].w - 1) {\n+                var w = this.tierImageSize[z].w % this.standardTileSize\n+            }\n+            if (y == this.tierSizeInTiles[z].h - 1) {\n+                var h = this.tierImageSize[z].h % this.standardTileSize\n             }\n+            return new OpenLayers.Size(w, h)\n+        } else {\n+            return this.tileSize\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                refresh: this.load,\n-                visibilitychanged: this.load,\n-                scope: this\n-            })\n+    setMap: function(map) {\n+        OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);\n+        this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left, this.map.maxExtent.top)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Zoomify\"\n+});\n+OpenLayers.Layer.ArcIMS = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        ClientVersion: \"9.2\",\n+        ServiceName: \"\"\n+    },\n+    featureCoordSys: \"4326\",\n+    filterCoordSys: \"4326\",\n+    layers: null,\n+    async: true,\n+    name: \"ArcIMS\",\n+    isBaseLayer: true,\n+    DEFAULT_OPTIONS: {\n+        tileSize: new OpenLayers.Size(512, 512),\n+        featureCoordSys: \"4326\",\n+        filterCoordSys: \"4326\",\n+        layers: null,\n+        isBaseLayer: true,\n+        async: true,\n+        name: \"ArcIMS\"\n+    },\n+    initialize: function(name, url, options) {\n+        this.tileSize = new OpenLayers.Size(512, 512);\n+        this.params = OpenLayers.Util.applyDefaults({\n+            ServiceName: options.serviceName\n+        }, this.DEFAULT_PARAMS);\n+        this.options = OpenLayers.Util.applyDefaults(options, this.DEFAULT_OPTIONS);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, [name, url, this.params, options]);\n+        if (this.transparent) {\n+            if (!this.isBaseLayer) {\n+                this.isBaseLayer = false\n+            }\n+            if (this.format == \"image/jpeg\") {\n+                this.format = OpenLayers.Util.alphaHack() ? \"image/gif\" : \"image/png\"\n+            }\n+        }\n+        if (this.options.layers === null) {\n+            this.options.layers = []\n         }\n-        return deactivated\n     },\n-    load: function(options) {\n-        var layer = this.layer;\n-        layer.events.triggerEvent(\"loadstart\", {\n-            filter: layer.filter\n+    getURL: function(bounds) {\n+        var url = \"\";\n+        bounds = this.adjustBounds(bounds);\n+        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n+            requesttype: \"image\",\n+            envelope: bounds.toArray(),\n+            tileSize: this.tileSize\n+        }));\n+        var req = new OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            data: axlReq.write(),\n+            async: false\n         });\n-        layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            callback: this.merge,\n-            filter: layer.filter,\n-            scope: this\n-        }, options));\n-        layer.events.un({\n-            visibilitychanged: this.load,\n+        if (req != null) {\n+            var doc = req.responseXML;\n+            if (!doc || !doc.documentElement) {\n+                doc = req.responseText\n+            }\n+            var axlResp = new OpenLayers.Format.ArcXML;\n+            var arcxml = axlResp.read(doc);\n+            url = this.getUrlOrImage(arcxml.image.output)\n+        }\n+        return url\n+    },\n+    getURLasync: function(bounds, callback, scope) {\n+        bounds = this.adjustBounds(bounds);\n+        var axlReq = new OpenLayers.Format.ArcXML(OpenLayers.Util.extend(this.options, {\n+            requesttype: \"image\",\n+            envelope: bounds.toArray(),\n+            tileSize: this.tileSize\n+        }));\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString(),\n+            async: true,\n+            data: axlReq.write(),\n+            callback: function(req) {\n+                var doc = req.responseXML;\n+                if (!doc || !doc.documentElement) {\n+                    doc = req.responseText\n+                }\n+                var axlResp = new OpenLayers.Format.ArcXML;\n+                var arcxml = axlResp.read(doc);\n+                callback.call(scope, this.getUrlOrImage(arcxml.image.output))\n+            },\n             scope: this\n         })\n     },\n-    merge: function(resp) {\n-        var layer = this.layer;\n-        layer.destroyFeatures();\n-        var features = resp.features;\n-        if (features && features.length > 0) {\n-            var remote = layer.projection;\n-            var local = layer.map.getProjectionObject();\n-            if (!local.equals(remote)) {\n-                var geom;\n-                for (var i = 0, len = features.length; i < len; ++i) {\n-                    geom = features[i].geometry;\n-                    if (geom) {\n-                        geom.transform(remote, local)\n-                    }\n-                }\n+    getUrlOrImage: function(output) {\n+        var ret = \"\";\n+        if (output.url) {\n+            ret = output.url\n+        } else if (output.data) {\n+            ret = \"data:image/\" + output.type + \";base64,\" + output.data\n+        }\n+        return ret\n+    },\n+    setLayerQuery: function(id, querydef) {\n+        for (var lyr = 0; lyr < this.options.layers.length; lyr++) {\n+            if (id == this.options.layers[lyr].id) {\n+                this.options.layers[lyr].query = querydef;\n+                return\n             }\n-            layer.addFeatures(features)\n         }\n-        layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n+        this.options.layers.push({\n+            id: id,\n+            visible: true,\n+            query: querydef\n         })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Fixed\"\n-});\n-OpenLayers.Strategy.Save = OpenLayers.Class(OpenLayers.Strategy, {\n-    events: null,\n-    auto: false,\n-    timer: null,\n-    initialize: function(options) {\n-        OpenLayers.Strategy.prototype.initialize.apply(this, [options]);\n-        this.events = new OpenLayers.Events(this)\n-    },\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    this.timer = window.setInterval(OpenLayers.Function.bind(this.save, this), this.auto * 1e3)\n+    getFeatureInfo: function(geometry, layer, options) {\n+        var buffer = options.buffer || 1;\n+        var callback = options.callback || function() {};\n+        var scope = options.scope || window;\n+        var requestOptions = {};\n+        OpenLayers.Util.extend(requestOptions, this.options);\n+        requestOptions.requesttype = \"feature\";\n+        if (geometry instanceof OpenLayers.LonLat) {\n+            requestOptions.polygon = null;\n+            requestOptions.envelope = [geometry.lon - buffer, geometry.lat - buffer, geometry.lon + buffer, geometry.lat + buffer]\n+        } else if (geometry instanceof OpenLayers.Geometry.Polygon) {\n+            requestOptions.envelope = null;\n+            requestOptions.polygon = geometry\n+        }\n+        var arcxml = new OpenLayers.Format.ArcXML(requestOptions);\n+        OpenLayers.Util.extend(arcxml.request.get_feature, options);\n+        arcxml.request.get_feature.layer = layer.id;\n+        if (typeof layer.query.accuracy == \"number\") {\n+            arcxml.request.get_feature.query.accuracy = layer.query.accuracy\n+        } else {\n+            var mapCenter = this.map.getCenter();\n+            var viewPx = this.map.getViewPortPxFromLonLat(mapCenter);\n+            viewPx.x++;\n+            var mapOffCenter = this.map.getLonLatFromPixel(viewPx);\n+            arcxml.request.get_feature.query.accuracy = mapOffCenter.lon - mapCenter.lon\n+        }\n+        arcxml.request.get_feature.query.where = layer.query.where;\n+        arcxml.request.get_feature.query.spatialfilter.relation = \"area_intersection\";\n+        OpenLayers.Request.POST({\n+            url: this.getFullRequestString({\n+                CustomService: \"Query\"\n+            }),\n+            data: arcxml.write(),\n+            callback: function(request) {\n+                var response = arcxml.parseResponse(request.responseText);\n+                if (!arcxml.iserror()) {\n+                    callback.call(scope, response.features)\n                 } else {\n-                    this.layer.events.on({\n-                        featureadded: this.triggerSave,\n-                        afterfeaturemodified: this.triggerSave,\n-                        scope: this\n-                    })\n+                    callback.call(scope, null)\n                 }\n             }\n+        })\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcIMS(this.name, this.url, this.getOptions())\n         }\n-        return activated\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            if (this.auto) {\n-                if (typeof this.auto === \"number\") {\n-                    window.clearInterval(this.timer)\n+    CLASS_NAME: \"OpenLayers.Layer.ArcIMS\"\n+});\n+OpenLayers.Layer.KaMapCache = OpenLayers.Class(OpenLayers.Layer.KaMap, {\n+    IMAGE_EXTENSIONS: {\n+        jpeg: \"jpg\",\n+        gif: \"gif\",\n+        png: \"png\",\n+        png8: \"png\",\n+        png24: \"png\",\n+        dithered: \"png\"\n+    },\n+    DEFAULT_FORMAT: \"jpeg\",\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.KaMap.prototype.initialize.apply(this, arguments);\n+        this.extension = this.IMAGE_EXTENSIONS[this.params.i.toLowerCase() || this.DEFAULT_FORMAT]\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var mapRes = this.map.getResolution();\n+        var scale = Math.round(this.map.getScale() * 1e4) / 1e4;\n+        var pX = Math.round(bounds.left / mapRes);\n+        var pY = -Math.round(bounds.top / mapRes);\n+        var metaX = Math.floor(pX / this.tileSize.w / this.params.metaTileSize.w) * this.tileSize.w * this.params.metaTileSize.w;\n+        var metaY = Math.floor(pY / this.tileSize.h / this.params.metaTileSize.h) * this.tileSize.h * this.params.metaTileSize.h;\n+        var components = [\"/\", this.params.map, \"/\", scale, \"/\", this.params.g.replace(/\\s/g, \"_\"), \"/def/t\", metaY, \"/l\", metaX, \"/t\", pY, \"l\", pX, \".\", this.extension];\n+        var url = this.url;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(components.join(\"\"), url)\n+        }\n+        return url + components.join(\"\")\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.KaMapCache\"\n+});\n+OpenLayers.Layer.ArcGISCache = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    url: null,\n+    tileOrigin: null,\n+    tileSize: new OpenLayers.Size(256, 256),\n+    useArcGISServer: true,\n+    type: \"png\",\n+    useScales: false,\n+    overrideDPI: false,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        if (this.resolutions) {\n+            this.serverResolutions = this.resolutions;\n+            this.maxExtent = this.getMaxExtentForResolution(this.resolutions[0])\n+        }\n+        if (this.layerInfo) {\n+            var info = this.layerInfo;\n+            var startingTileExtent = new OpenLayers.Bounds(info.fullExtent.xmin, info.fullExtent.ymin, info.fullExtent.xmax, info.fullExtent.ymax);\n+            this.projection = \"EPSG:\" + info.spatialReference.wkid;\n+            this.sphericalMercator = info.spatialReference.wkid == 102100;\n+            this.units = info.units == \"esriFeet\" ? \"ft\" : \"m\";\n+            if (!!info.tileInfo) {\n+                this.tileSize = new OpenLayers.Size(info.tileInfo.width || info.tileInfo.cols, info.tileInfo.height || info.tileInfo.rows);\n+                this.tileOrigin = new OpenLayers.LonLat(info.tileInfo.origin.x, info.tileInfo.origin.y);\n+                var upperLeft = new OpenLayers.Geometry.Point(startingTileExtent.left, startingTileExtent.top);\n+                var bottomRight = new OpenLayers.Geometry.Point(startingTileExtent.right, startingTileExtent.bottom);\n+                if (this.useScales) {\n+                    this.scales = []\n                 } else {\n-                    this.layer.events.un({\n-                        featureadded: this.triggerSave,\n-                        afterfeaturemodified: this.triggerSave,\n-                        scope: this\n-                    })\n+                    this.resolutions = []\n+                }\n+                this.lods = [];\n+                for (var key in info.tileInfo.lods) {\n+                    if (info.tileInfo.lods.hasOwnProperty(key)) {\n+                        var lod = info.tileInfo.lods[key];\n+                        if (this.useScales) {\n+                            this.scales.push(lod.scale)\n+                        } else {\n+                            this.resolutions.push(lod.resolution)\n+                        }\n+                        var start = this.getContainingTileCoords(upperLeft, lod.resolution);\n+                        lod.startTileCol = start.x;\n+                        lod.startTileRow = start.y;\n+                        var end = this.getContainingTileCoords(bottomRight, lod.resolution);\n+                        lod.endTileCol = end.x;\n+                        lod.endTileRow = end.y;\n+                        this.lods.push(lod)\n+                    }\n+                }\n+                this.maxExtent = this.calculateMaxExtentWithLOD(this.lods[0]);\n+                this.serverResolutions = this.resolutions;\n+                if (this.overrideDPI && info.tileInfo.dpi) {\n+                    OpenLayers.DOTS_PER_INCH = info.tileInfo.dpi\n                 }\n             }\n         }\n-        return deactivated\n     },\n-    triggerSave: function(event) {\n-        var feature = event.feature;\n-        if (feature.state === OpenLayers.State.INSERT || feature.state === OpenLayers.State.UPDATE || feature.state === OpenLayers.State.DELETE) {\n-            this.save([event.feature])\n+    getContainingTileCoords: function(point, res) {\n+        return new OpenLayers.Pixel(Math.max(Math.floor((point.x - this.tileOrigin.lon) / (this.tileSize.w * res)), 0), Math.max(Math.floor((this.tileOrigin.lat - point.y) / (this.tileSize.h * res)), 0))\n+    },\n+    calculateMaxExtentWithLOD: function(lod) {\n+        var numTileCols = lod.endTileCol - lod.startTileCol + 1;\n+        var numTileRows = lod.endTileRow - lod.startTileRow + 1;\n+        var minX = this.tileOrigin.lon + lod.startTileCol * this.tileSize.w * lod.resolution;\n+        var maxX = minX + numTileCols * this.tileSize.w * lod.resolution;\n+        var maxY = this.tileOrigin.lat - lod.startTileRow * this.tileSize.h * lod.resolution;\n+        var minY = maxY - numTileRows * this.tileSize.h * lod.resolution;\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n+    },\n+    calculateMaxExtentWithExtent: function(extent, res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(extent.left, extent.top);\n+        var bottomRight = new OpenLayers.Geometry.Point(extent.right, extent.bottom);\n+        var start = this.getContainingTileCoords(upperLeft, res);\n+        var end = this.getContainingTileCoords(bottomRight, res);\n+        var lod = {\n+            resolution: res,\n+            startTileCol: start.x,\n+            startTileRow: start.y,\n+            endTileCol: end.x,\n+            endTileRow: end.y\n+        };\n+        return this.calculateMaxExtentWithLOD(lod)\n+    },\n+    getUpperLeftTileCoord: function(res) {\n+        var upperLeft = new OpenLayers.Geometry.Point(this.maxExtent.left, this.maxExtent.top);\n+        return this.getContainingTileCoords(upperLeft, res)\n+    },\n+    getLowerRightTileCoord: function(res) {\n+        var bottomRight = new OpenLayers.Geometry.Point(this.maxExtent.right, this.maxExtent.bottom);\n+        return this.getContainingTileCoords(bottomRight, res)\n+    },\n+    getMaxExtentForResolution: function(res) {\n+        var start = this.getUpperLeftTileCoord(res);\n+        var end = this.getLowerRightTileCoord(res);\n+        var numTileCols = end.x - start.x + 1;\n+        var numTileRows = end.y - start.y + 1;\n+        var minX = this.tileOrigin.lon + start.x * this.tileSize.w * res;\n+        var maxX = minX + numTileCols * this.tileSize.w * res;\n+        var maxY = this.tileOrigin.lat - start.y * this.tileSize.h * res;\n+        var minY = maxY - numTileRows * this.tileSize.h * res;\n+        return new OpenLayers.Bounds(minX, minY, maxX, maxY)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGISCache(this.name, this.url, this.options)\n         }\n+        return OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj])\n     },\n-    save: function(features) {\n-        if (!features) {\n-            features = this.layer.features\n+    initGriddedTiles: function(bounds) {\n+        delete this._tileOrigin;\n+        OpenLayers.Layer.XYZ.prototype.initGriddedTiles.apply(this, arguments)\n+    },\n+    getMaxExtent: function() {\n+        var resolution = this.map.getResolution();\n+        return this.maxExtent = this.getMaxExtentForResolution(resolution)\n+    },\n+    getTileOrigin: function() {\n+        if (!this._tileOrigin) {\n+            var extent = this.getMaxExtent();\n+            this._tileOrigin = new OpenLayers.LonLat(extent.left, extent.bottom)\n         }\n-        this.events.triggerEvent(\"start\", {\n-            features: features\n+        return this._tileOrigin\n+    },\n+    getURL: function(bounds) {\n+        var res = this.getResolution();\n+        var originTileX = this.tileOrigin.lon + res * this.tileSize.w / 2;\n+        var originTileY = this.tileOrigin.lat - res * this.tileSize.h / 2;\n+        var center = bounds.getCenterLonLat();\n+        var point = {\n+            x: center.lon,\n+            y: center.lat\n+        };\n+        var x = Math.round(Math.abs((center.lon - originTileX) / (res * this.tileSize.w)));\n+        var y = Math.round(Math.abs((originTileY - center.lat) / (res * this.tileSize.h)));\n+        var z = this.map.getZoom();\n+        if (this.lods) {\n+            var lod = this.lods[this.map.getZoom()];\n+            if (x < lod.startTileCol || x > lod.endTileCol || (y < lod.startTileRow || y > lod.endTileRow)) {\n+                return null\n+            }\n+        } else {\n+            var start = this.getUpperLeftTileCoord(res);\n+            var end = this.getLowerRightTileCoord(res);\n+            if (x < start.x || x >= end.x || (y < start.y || y >= end.y)) {\n+                return null\n+            }\n+        }\n+        var url = this.url;\n+        var s = \"\" + x + y + z;\n+        if (OpenLayers.Util.isArray(url)) {\n+            url = this.selectUrl(s, url)\n+        }\n+        if (this.useArcGISServer) {\n+            url = url + \"/tile/${z}/${y}/${x}\"\n+        } else {\n+            x = \"C\" + OpenLayers.Number.zeroPad(x, 8, 16);\n+            y = \"R\" + OpenLayers.Number.zeroPad(y, 8, 16);\n+            z = \"L\" + OpenLayers.Number.zeroPad(z, 2, 10);\n+            url = url + \"/${z}/${y}/${x}.\" + this.type\n+        }\n+        url = OpenLayers.String.format(url, {\n+            x: x,\n+            y: y,\n+            z: z\n         });\n-        var remote = this.layer.projection;\n-        var local = this.layer.map.getProjectionObject();\n-        if (!local.equals(remote)) {\n-            var len = features.length;\n-            var clones = new Array(len);\n-            var orig, clone;\n-            for (var i = 0; i < len; ++i) {\n-                orig = features[i];\n-                clone = orig.clone();\n-                clone.fid = orig.fid;\n-                clone.state = orig.state;\n-                if (orig.url) {\n-                    clone.url = orig.url\n-                }\n-                clone._original = orig;\n-                clone.geometry.transform(local, remote);\n-                clones[i] = clone\n+        return OpenLayers.Util.urlAppend(url, OpenLayers.Util.getParameterString(this.params))\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGISCache\"\n+});\n+OpenLayers.Layer.ArcGIS93Rest = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    DEFAULT_PARAMS: {\n+        format: \"png\"\n+    },\n+    isBaseLayer: true,\n+    initialize: function(name, url, params, options) {\n+        var newArguments = [];\n+        params = OpenLayers.Util.upperCaseObject(params);\n+        newArguments.push(name, url, params, options);\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, newArguments);\n+        OpenLayers.Util.applyDefaults(this.params, OpenLayers.Util.upperCaseObject(this.DEFAULT_PARAMS));\n+        if (this.params.TRANSPARENT && this.params.TRANSPARENT.toString().toLowerCase() == \"true\") {\n+            if (options == null || !options.isBaseLayer) {\n+                this.isBaseLayer = false\n+            }\n+            if (this.params.FORMAT == \"jpg\") {\n+                this.params.FORMAT = OpenLayers.Util.alphaHack() ? \"gif\" : \"png\"\n             }\n-            features = clones\n         }\n-        this.layer.protocol.commit(features, {\n-            callback: this.onCommit,\n-            scope: this\n-        })\n     },\n-    onCommit: function(response) {\n-        var evt = {\n-            response: response\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.ArcGIS93Rest(this.name, this.url, this.params, this.getOptions())\n+        }\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n+    },\n+    getURL: function(bounds) {\n+        bounds = this.adjustBounds(bounds);\n+        var projWords = this.projection.getCode().split(\":\");\n+        var srid = projWords[projWords.length - 1];\n+        var imageSize = this.getImageSize();\n+        var newParams = {\n+            BBOX: bounds.toBBOX(),\n+            SIZE: imageSize.w + \",\" + imageSize.h,\n+            F: \"image\",\n+            BBOXSR: srid,\n+            IMAGESR: srid\n         };\n-        if (response.success()) {\n-            var features = response.reqFeatures;\n-            var state, feature;\n-            var destroys = [];\n-            var insertIds = response.insertIds || [];\n-            var j = 0;\n-            for (var i = 0, len = features.length; i < len; ++i) {\n-                feature = features[i];\n-                feature = feature._original || feature;\n-                state = feature.state;\n-                if (state) {\n-                    if (state == OpenLayers.State.DELETE) {\n-                        destroys.push(feature)\n-                    } else if (state == OpenLayers.State.INSERT) {\n-                        feature.fid = insertIds[j];\n-                        ++j\n+        if (this.layerDefs) {\n+            var layerDefStrList = [];\n+            var layerID;\n+            for (layerID in this.layerDefs) {\n+                if (this.layerDefs.hasOwnProperty(layerID)) {\n+                    if (this.layerDefs[layerID]) {\n+                        layerDefStrList.push(layerID);\n+                        layerDefStrList.push(\":\");\n+                        layerDefStrList.push(this.layerDefs[layerID]);\n+                        layerDefStrList.push(\";\")\n                     }\n-                    feature.state = null\n                 }\n             }\n-            if (destroys.length > 0) {\n-                this.layer.destroyFeatures(destroys)\n+            if (layerDefStrList.length > 0) {\n+                newParams[\"LAYERDEFS\"] = layerDefStrList.join(\"\")\n             }\n-            this.events.triggerEvent(\"success\", evt)\n+        }\n+        var requestString = this.getFullRequestString(newParams);\n+        return requestString\n+    },\n+    setLayerFilter: function(id, queryDef) {\n+        if (!this.layerDefs) {\n+            this.layerDefs = {}\n+        }\n+        if (queryDef) {\n+            this.layerDefs[id] = queryDef\n         } else {\n-            this.events.triggerEvent(\"fail\", evt)\n+            delete this.layerDefs[id]\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Save\"\n+    clearLayerFilter: function(id) {\n+        if (id) {\n+            delete this.layerDefs[id]\n+        } else {\n+            delete this.layerDefs\n+        }\n+    },\n+    mergeNewParams: function(newParams) {\n+        var upperParams = OpenLayers.Util.upperCaseObject(newParams);\n+        var newArguments = [upperParams];\n+        return OpenLayers.Layer.Grid.prototype.mergeNewParams.apply(this, newArguments)\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.ArcGIS93Rest\"\n });\n-OpenLayers.Strategy.Cluster = OpenLayers.Class(OpenLayers.Strategy, {\n-    distance: 20,\n-    threshold: null,\n-    features: null,\n-    clusters: null,\n-    clustering: false,\n-    resolution: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                beforefeaturesadded: this.cacheFeatures,\n-                featuresremoved: this.clearCache,\n-                moveend: this.cluster,\n-                scope: this\n-            })\n+OpenLayers.Layer.Boxes = OpenLayers.Class(OpenLayers.Layer.Markers, {\n+    drawMarker: function(marker) {\n+        var topleft = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.left,\n+            lat: marker.bounds.top\n+        });\n+        var botright = this.map.getLayerPxFromLonLat({\n+            lon: marker.bounds.right,\n+            lat: marker.bounds.bottom\n+        });\n+        if (botright == null || topleft == null) {\n+            marker.display(false)\n+        } else {\n+            var markerDiv = marker.draw(topleft, {\n+                w: Math.max(1, botright.x - topleft.x),\n+                h: Math.max(1, botright.y - topleft.y)\n+            });\n+            if (!marker.drawn) {\n+                this.div.appendChild(markerDiv);\n+                marker.drawn = true\n+            }\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                beforefeaturesadded: this.cacheFeatures,\n-                featuresremoved: this.clearCache,\n-                moveend: this.cluster,\n-                scope: this\n-            })\n+    removeMarker: function(marker) {\n+        OpenLayers.Util.removeItem(this.markers, marker);\n+        if (marker.div != null && marker.div.parentNode == this.div) {\n+            this.div.removeChild(marker.div)\n         }\n-        return deactivated\n     },\n-    cacheFeatures: function(event) {\n-        var propagate = true;\n-        if (!this.clustering) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.cluster();\n-            propagate = false\n+    CLASS_NAME: \"OpenLayers.Layer.Boxes\"\n+});\n+OpenLayers.Layer.OSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    name: \"OpenStreetMap\",\n+    url: [\"http://a.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://b.tile.openstreetmap.org/${z}/${x}/${y}.png\", \"http://c.tile.openstreetmap.org/${z}/${x}/${y}.png\"],\n+    attribution: \"&copy; <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\",\n+    sphericalMercator: true,\n+    wrapDateLine: true,\n+    tileOptions: null,\n+    initialize: function(name, url, options) {\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, arguments);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options && this.options.tileOptions)\n+    },\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.OSM(this.name, this.url, this.getOptions())\n         }\n-        return propagate\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    clearCache: function() {\n-        if (!this.clustering) {\n-            this.features = null\n+    CLASS_NAME: \"OpenLayers.Layer.OSM\"\n+});\n+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {\n+    key: null,\n+    serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625, 19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562, 1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226, 76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017, 4.777314267158508, 2.388657133579254, 1.194328566789627, .5971642833948135, .29858214169740677, .14929107084870338, .07464553542435169],\n+    attributionTemplate: '<span class=\"olBingAttribution ${type}\">' + '<div><a target=\"_blank\" href=\"http://www.bing.com/maps/\">' + '<img src=\"${logo}\" /></a></div>${copyrights}' + '<a style=\"white-space: nowrap\" target=\"_blank\" ' + 'href=\"http://www.microsoft.com/maps/product/terms.html\">' + \"Terms of Use</a></span>\",\n+    metadata: null,\n+    protocolRegex: /^http:/i,\n+    type: \"Road\",\n+    culture: \"en-US\",\n+    metadataParams: null,\n+    tileOptions: null,\n+    protocol: ~window.location.href.indexOf(\"http\") ? \"\" : \"http:\",\n+    initialize: function(options) {\n+        options = OpenLayers.Util.applyDefaults({\n+            sphericalMercator: true\n+        }, options);\n+        var name = options.name || \"Bing \" + (options.type || this.type);\n+        var newArgs = [name, null, options];\n+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArgs);\n+        this.tileOptions = OpenLayers.Util.extend({\n+            crossOriginKeyword: \"anonymous\"\n+        }, this.options.tileOptions);\n+        this.loadMetadata()\n+    },\n+    loadMetadata: function() {\n+        this._callbackId = \"_callback_\" + this.id.replace(/\\./g, \"_\");\n+        window[this._callbackId] = OpenLayers.Function.bind(OpenLayers.Layer.Bing.processMetadata, this);\n+        var params = OpenLayers.Util.applyDefaults({\n+            key: this.key,\n+            jsonp: this._callbackId,\n+            include: \"ImageryProviders\"\n+        }, this.metadataParams);\n+        var url = this.protocol + \"//dev.virtualearth.net/REST/v1/Imagery/Metadata/\" + this.type + \"?\" + OpenLayers.Util.getParameterString(params);\n+        var script = document.createElement(\"script\");\n+        script.type = \"text/javascript\";\n+        script.src = url;\n+        script.id = this._callbackId;\n+        document.getElementsByTagName(\"head\")[0].appendChild(script)\n+    },\n+    initLayer: function() {\n+        var res = this.metadata.resourceSets[0].resources[0];\n+        var url = res.imageUrl.replace(\"{quadkey}\", \"${quadkey}\");\n+        url = url.replace(\"{culture}\", this.culture);\n+        url = url.replace(this.protocolRegex, this.protocol);\n+        this.url = [];\n+        for (var i = 0; i < res.imageUrlSubdomains.length; ++i) {\n+            this.url.push(url.replace(\"{subdomain}\", res.imageUrlSubdomains[i]))\n+        }\n+        this.addOptions({\n+            maxResolution: Math.min(this.serverResolutions[res.zoomMin], this.maxResolution || Number.POSITIVE_INFINITY),\n+            numZoomLevels: Math.min(res.zoomMax + 1 - res.zoomMin, this.numZoomLevels)\n+        }, true);\n+        if (!this.isBaseLayer) {\n+            this.redraw()\n         }\n+        this.updateAttribution()\n     },\n-    cluster: function(event) {\n-        if ((!event || event.zoomChanged) && this.features) {\n-            var resolution = this.layer.map.getResolution();\n-            if (resolution != this.resolution || !this.clustersExist()) {\n-                this.resolution = resolution;\n-                var clusters = [];\n-                var feature, clustered, cluster;\n-                for (var i = 0; i < this.features.length; ++i) {\n-                    feature = this.features[i];\n-                    if (feature.geometry) {\n-                        clustered = false;\n-                        for (var j = clusters.length - 1; j >= 0; --j) {\n-                            cluster = clusters[j];\n-                            if (this.shouldCluster(cluster, feature)) {\n-                                this.addToCluster(cluster, feature);\n-                                clustered = true;\n-                                break\n-                            }\n-                        }\n-                        if (!clustered) {\n-                            clusters.push(this.createCluster(this.features[i]))\n-                        }\n-                    }\n-                }\n-                this.clustering = true;\n-                this.layer.removeAllFeatures();\n-                this.clustering = false;\n-                if (clusters.length > 0) {\n-                    if (this.threshold > 1) {\n-                        var clone = clusters.slice();\n-                        clusters = [];\n-                        var candidate;\n-                        for (var i = 0, len = clone.length; i < len; ++i) {\n-                            candidate = clone[i];\n-                            if (candidate.attributes.count < this.threshold) {\n-                                Array.prototype.push.apply(clusters, candidate.cluster)\n-                            } else {\n-                                clusters.push(candidate)\n-                            }\n-                        }\n-                    }\n-                    this.clustering = true;\n-                    this.layer.addFeatures(clusters);\n-                    this.clustering = false\n-                }\n-                this.clusters = clusters\n+    getURL: function(bounds) {\n+        if (!this.url) {\n+            return\n+        }\n+        var xyz = this.getXYZ(bounds),\n+            x = xyz.x,\n+            y = xyz.y,\n+            z = xyz.z;\n+        var quadDigits = [];\n+        for (var i = z; i > 0; --i) {\n+            var digit = \"0\";\n+            var mask = 1 << i - 1;\n+            if ((x & mask) != 0) {\n+                digit++\n+            }\n+            if ((y & mask) != 0) {\n+                digit++;\n+                digit++\n             }\n+            quadDigits.push(digit)\n         }\n+        var quadKey = quadDigits.join(\"\");\n+        var url = this.selectUrl(\"\" + x + y + z, this.url);\n+        return OpenLayers.String.format(url, {\n+            quadkey: quadKey\n+        })\n     },\n-    clustersExist: function() {\n-        var exist = false;\n-        if (this.clusters && this.clusters.length > 0 && this.clusters.length == this.layer.features.length) {\n-            exist = true;\n-            for (var i = 0; i < this.clusters.length; ++i) {\n-                if (this.clusters[i] != this.layer.features[i]) {\n-                    exist = false;\n-                    break\n+    updateAttribution: function() {\n+        var metadata = this.metadata;\n+        if (!metadata.resourceSets || !this.map || !this.map.center) {\n+            return\n+        }\n+        var res = metadata.resourceSets[0].resources[0];\n+        var extent = this.map.getExtent().transform(this.map.getProjectionObject(), new OpenLayers.Projection(\"EPSG:4326\"));\n+        var providers = res.imageryProviders || [],\n+            zoom = OpenLayers.Util.indexOf(this.serverResolutions, this.getServerResolution()),\n+            copyrights = \"\",\n+            provider, i, ii, j, jj, bbox, coverage;\n+        for (i = 0, ii = providers.length; i < ii; ++i) {\n+            provider = providers[i];\n+            for (j = 0, jj = provider.coverageAreas.length; j < jj; ++j) {\n+                coverage = provider.coverageAreas[j];\n+                bbox = OpenLayers.Bounds.fromArray(coverage.bbox, true);\n+                if (extent.intersectsBounds(bbox) && zoom <= coverage.zoomMax && zoom >= coverage.zoomMin) {\n+                    copyrights += provider.attribution + \" \"\n                 }\n             }\n         }\n-        return exist\n+        var logo = metadata.brandLogoUri.replace(this.protocolRegex, this.protocol);\n+        this.attribution = OpenLayers.String.format(this.attributionTemplate, {\n+            type: this.type.toLowerCase(),\n+            logo: logo,\n+            copyrights: copyrights\n+        });\n+        this.map && this.map.events.triggerEvent(\"changelayer\", {\n+            layer: this,\n+            property: \"attribution\"\n+        })\n     },\n-    shouldCluster: function(cluster, feature) {\n-        var cc = cluster.geometry.getBounds().getCenterLonLat();\n-        var fc = feature.geometry.getBounds().getCenterLonLat();\n-        var distance = Math.sqrt(Math.pow(cc.lon - fc.lon, 2) + Math.pow(cc.lat - fc.lat, 2)) / this.resolution;\n-        return distance <= this.distance\n+    setMap: function() {\n+        OpenLayers.Layer.XYZ.prototype.setMap.apply(this, arguments);\n+        this.map.events.register(\"moveend\", this, this.updateAttribution)\n     },\n-    addToCluster: function(cluster, feature) {\n-        cluster.cluster.push(feature);\n-        cluster.attributes.count += 1\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Bing(this.options)\n+        }\n+        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    createCluster: function(feature) {\n-        var center = feature.geometry.getBounds().getCenterLonLat();\n-        var cluster = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(center.lon, center.lat), {\n-            count: 1\n-        });\n-        cluster.cluster = [feature];\n-        return cluster\n+    destroy: function() {\n+        this.map && this.map.events.unregister(\"moveend\", this, this.updateAttribution);\n+        OpenLayers.Layer.XYZ.prototype.destroy.apply(this, arguments)\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Cluster\"\n+    CLASS_NAME: \"OpenLayers.Layer.Bing\"\n });\n-OpenLayers.Strategy.Refresh = OpenLayers.Class(OpenLayers.Strategy, {\n-    force: false,\n-    interval: 0,\n-    timer: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            if (this.layer.visibility === true) {\n-                this.start()\n+OpenLayers.Layer.Bing.processMetadata = function(metadata) {\n+    this.metadata = metadata;\n+    this.initLayer();\n+    var script = document.getElementById(this._callbackId);\n+    script.parentNode.removeChild(script);\n+    window[this._callbackId] = undefined;\n+    delete this._callbackId\n+};\n+OpenLayers.Layer.MapGuide = OpenLayers.Class(OpenLayers.Layer.Grid, {\n+    isBaseLayer: true,\n+    useHttpTile: false,\n+    singleTile: false,\n+    useOverlay: false,\n+    useAsyncOverlay: true,\n+    TILE_PARAMS: {\n+        operation: \"GETTILEIMAGE\",\n+        version: \"1.2.0\"\n+    },\n+    SINGLE_TILE_PARAMS: {\n+        operation: \"GETMAPIMAGE\",\n+        format: \"PNG\",\n+        locale: \"en\",\n+        clip: \"1\",\n+        version: \"1.0.0\"\n+    },\n+    OVERLAY_PARAMS: {\n+        operation: \"GETDYNAMICMAPOVERLAYIMAGE\",\n+        format: \"PNG\",\n+        locale: \"en\",\n+        clip: \"1\",\n+        version: \"2.0.0\"\n+    },\n+    FOLDER_PARAMS: {\n+        tileColumnsPerFolder: 30,\n+        tileRowsPerFolder: 30,\n+        format: \"png\",\n+        querystring: null\n+    },\n+    defaultSize: new OpenLayers.Size(300, 300),\n+    tileOriginCorner: \"tl\",\n+    initialize: function(name, url, params, options) {\n+        OpenLayers.Layer.Grid.prototype.initialize.apply(this, arguments);\n+        if (options == null || options.isBaseLayer == null) {\n+            this.isBaseLayer = this.transparent != \"true\" && this.transparent != true\n+        }\n+        if (options && options.useOverlay != null) {\n+            this.useOverlay = options.useOverlay\n+        }\n+        if (this.singleTile) {\n+            if (this.useOverlay) {\n+                OpenLayers.Util.applyDefaults(this.params, this.OVERLAY_PARAMS);\n+                if (!this.useAsyncOverlay) {\n+                    this.params.version = \"1.0.0\"\n+                }\n+            } else {\n+                OpenLayers.Util.applyDefaults(this.params, this.SINGLE_TILE_PARAMS)\n             }\n-            this.layer.events.on({\n-                visibilitychanged: this.reset,\n-                scope: this\n-            })\n+        } else {\n+            if (this.useHttpTile) {\n+                OpenLayers.Util.applyDefaults(this.params, this.FOLDER_PARAMS)\n+            } else {\n+                OpenLayers.Util.applyDefaults(this.params, this.TILE_PARAMS)\n+            }\n+            this.setTileSize(this.defaultSize)\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.stop();\n-            this.layer.events.un({\n-                visibilitychanged: this.reset,\n-                scope: this\n-            })\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.MapGuide(this.name, this.url, this.params, this.getOptions())\n         }\n-        return deactivated\n+        obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    reset: function() {\n-        if (this.layer.visibility === true) {\n-            this.start()\n+    getURL: function(bounds) {\n+        var url;\n+        var center = bounds.getCenterLonLat();\n+        var mapSize = this.map.getSize();\n+        if (this.singleTile) {\n+            var params = {\n+                setdisplaydpi: OpenLayers.DOTS_PER_INCH,\n+                setdisplayheight: mapSize.h * this.ratio,\n+                setdisplaywidth: mapSize.w * this.ratio,\n+                setviewcenterx: center.lon,\n+                setviewcentery: center.lat,\n+                setviewscale: this.map.getScale()\n+            };\n+            if (this.useOverlay && !this.useAsyncOverlay) {\n+                var getVisParams = {};\n+                getVisParams = OpenLayers.Util.extend(getVisParams, params);\n+                getVisParams.operation = \"GETVISIBLEMAPEXTENT\";\n+                getVisParams.version = \"1.0.0\";\n+                getVisParams.session = this.params.session;\n+                getVisParams.mapName = this.params.mapName;\n+                getVisParams.format = \"text/xml\";\n+                url = this.getFullRequestString(getVisParams);\n+                OpenLayers.Request.GET({\n+                    url: url,\n+                    async: false\n+                })\n+            }\n+            url = this.getFullRequestString(params)\n         } else {\n-            this.stop()\n+            var currentRes = this.map.getResolution();\n+            var colidx = Math.floor((bounds.left - this.maxExtent.left) / currentRes);\n+            colidx = Math.round(colidx / this.tileSize.w);\n+            var rowidx = Math.floor((this.maxExtent.top - bounds.top) / currentRes);\n+            rowidx = Math.round(rowidx / this.tileSize.h);\n+            if (this.useHttpTile) {\n+                url = this.getImageFilePath({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                })\n+            } else {\n+                url = this.getFullRequestString({\n+                    tilecol: colidx,\n+                    tilerow: rowidx,\n+                    scaleindex: this.resolutions.length - this.map.zoom - 1\n+                })\n+            }\n         }\n+        return url\n     },\n-    start: function() {\n-        if (this.interval && typeof this.interval === \"number\" && this.interval > 0) {\n-            this.timer = window.setInterval(OpenLayers.Function.bind(this.refresh, this), this.interval)\n+    getFullRequestString: function(newParams, altUrl) {\n+        var url = altUrl == null ? this.url : altUrl;\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)]\n         }\n-    },\n-    refresh: function() {\n-        if (this.layer && this.layer.refresh && typeof this.layer.refresh == \"function\") {\n-            this.layer.refresh({\n-                force: this.force\n-            })\n+        var requestString = url;\n+        var allParams = OpenLayers.Util.extend({}, this.params);\n+        allParams = OpenLayers.Util.extend(allParams, newParams);\n+        var urlParams = OpenLayers.Util.upperCaseObject(OpenLayers.Util.getParameters(url));\n+        for (var key in allParams) {\n+            if (key.toUpperCase() in urlParams) {\n+                delete allParams[key]\n+            }\n         }\n+        var paramsString = OpenLayers.Util.getParameterString(allParams);\n+        paramsString = paramsString.replace(/,/g, \"+\");\n+        if (paramsString != \"\") {\n+            var lastServerChar = url.charAt(url.length - 1);\n+            if (lastServerChar == \"&\" || lastServerChar == \"?\") {\n+                requestString += paramsString\n+            } else {\n+                if (url.indexOf(\"?\") == -1) {\n+                    requestString += \"?\" + paramsString\n+                } else {\n+                    requestString += \"&\" + paramsString\n+                }\n+            }\n+        }\n+        return requestString\n     },\n-    stop: function() {\n-        if (this.timer !== null) {\n-            window.clearInterval(this.timer);\n-            this.timer = null\n+    getImageFilePath: function(newParams, altUrl) {\n+        var url = altUrl == null ? this.url : altUrl;\n+        if (typeof url == \"object\") {\n+            url = url[Math.floor(Math.random() * url.length)]\n+        }\n+        var requestString = url;\n+        var tileRowGroup = \"\";\n+        var tileColGroup = \"\";\n+        if (newParams.tilerow < 0) {\n+            tileRowGroup = \"-\"\n+        }\n+        if (newParams.tilerow == 0) {\n+            tileRowGroup += \"0\"\n+        } else {\n+            tileRowGroup += Math.floor(Math.abs(newParams.tilerow / this.params.tileRowsPerFolder)) * this.params.tileRowsPerFolder\n+        }\n+        if (newParams.tilecol < 0) {\n+            tileColGroup = \"-\"\n+        }\n+        if (newParams.tilecol == 0) {\n+            tileColGroup += \"0\"\n+        } else {\n+            tileColGroup += Math.floor(Math.abs(newParams.tilecol / this.params.tileColumnsPerFolder)) * this.params.tileColumnsPerFolder\n+        }\n+        var tilePath = \"/S\" + Math.floor(newParams.scaleindex) + \"/\" + this.params.basemaplayergroupname + \"/R\" + tileRowGroup + \"/C\" + tileColGroup + \"/\" + newParams.tilerow % this.params.tileRowsPerFolder + \"_\" + newParams.tilecol % this.params.tileColumnsPerFolder + \".\" + this.params.format;\n+        if (this.params.querystring) {\n+            tilePath += \"?\" + this.params.querystring\n         }\n+        requestString += tilePath;\n+        return requestString\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Refresh\"\n+    CLASS_NAME: \"OpenLayers.Layer.MapGuide\"\n });\n-OpenLayers.Strategy.Paging = OpenLayers.Class(OpenLayers.Strategy, {\n-    features: null,\n-    length: 10,\n-    num: null,\n-    paging: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                beforefeaturesadded: this.cacheFeatures,\n-                scope: this\n-            })\n+OpenLayers.Layer.Image = OpenLayers.Class(OpenLayers.Layer, {\n+    isBaseLayer: true,\n+    url: null,\n+    extent: null,\n+    size: null,\n+    tile: null,\n+    aspectRatio: null,\n+    initialize: function(name, url, extent, size, options) {\n+        this.url = url;\n+        this.extent = extent;\n+        this.maxExtent = extent;\n+        this.size = size;\n+        OpenLayers.Layer.prototype.initialize.apply(this, [name, options]);\n+        this.aspectRatio = this.extent.getHeight() / this.size.h / (this.extent.getWidth() / this.size.w)\n+    },\n+    destroy: function() {\n+        if (this.tile) {\n+            this.removeTileMonitoringHooks(this.tile);\n+            this.tile.destroy();\n+            this.tile = null\n         }\n-        return activated\n+        OpenLayers.Layer.prototype.destroy.apply(this, arguments)\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.clearCache();\n-            this.layer.events.un({\n-                beforefeaturesadded: this.cacheFeatures,\n-                scope: this\n-            })\n+    clone: function(obj) {\n+        if (obj == null) {\n+            obj = new OpenLayers.Layer.Image(this.name, this.url, this.extent, this.size, this.getOptions())\n         }\n-        return deactivated\n+        obj = OpenLayers.Layer.prototype.clone.apply(this, [obj]);\n+        return obj\n     },\n-    cacheFeatures: function(event) {\n-        if (!this.paging) {\n-            this.clearCache();\n-            this.features = event.features;\n-            this.pageNext(event)\n+    setMap: function(map) {\n+        if (this.options.maxResolution == null) {\n+            this.options.maxResolution = this.aspectRatio * this.extent.getWidth() / this.size.w\n         }\n+        OpenLayers.Layer.prototype.setMap.apply(this, arguments)\n     },\n-    clearCache: function() {\n-        if (this.features) {\n-            for (var i = 0; i < this.features.length; ++i) {\n-                this.features[i].destroy()\n+    moveTo: function(bounds, zoomChanged, dragging) {\n+        OpenLayers.Layer.prototype.moveTo.apply(this, arguments);\n+        var firstRendering = this.tile == null;\n+        if (zoomChanged || firstRendering) {\n+            this.setTileSize();\n+            var ulPx = this.map.getLayerPxFromLonLat({\n+                lon: this.extent.left,\n+                lat: this.extent.top\n+            });\n+            if (firstRendering) {\n+                this.tile = new OpenLayers.Tile.Image(this, ulPx, this.extent, null, this.tileSize);\n+                this.addTileMonitoringHooks(this.tile)\n+            } else {\n+                this.tile.size = this.tileSize.clone();\n+                this.tile.position = ulPx.clone()\n             }\n+            this.tile.draw()\n         }\n-        this.features = null;\n-        this.num = null\n     },\n-    pageCount: function() {\n-        var numFeatures = this.features ? this.features.length : 0;\n-        return Math.ceil(numFeatures / this.length)\n+    setTileSize: function() {\n+        var tileWidth = this.extent.getWidth() / this.map.getResolution();\n+        var tileHeight = this.extent.getHeight() / this.map.getResolution();\n+        this.tileSize = new OpenLayers.Size(tileWidth, tileHeight)\n     },\n-    pageNum: function() {\n-        return this.num\n+    addTileMonitoringHooks: function(tile) {\n+        tile.onLoadStart = function() {\n+            this.events.triggerEvent(\"loadstart\")\n+        };\n+        tile.events.register(\"loadstart\", this, tile.onLoadStart);\n+        tile.onLoadEnd = function() {\n+            this.events.triggerEvent(\"loadend\")\n+        };\n+        tile.events.register(\"loadend\", this, tile.onLoadEnd);\n+        tile.events.register(\"unload\", this, tile.onLoadEnd)\n     },\n-    pageLength: function(newLength) {\n-        if (newLength && newLength > 0) {\n-            this.length = newLength\n-        }\n-        return this.length\n+    removeTileMonitoringHooks: function(tile) {\n+        tile.unload();\n+        tile.events.un({\n+            loadstart: tile.onLoadStart,\n+            loadend: tile.onLoadEnd,\n+            unload: tile.onLoadEnd,\n+            scope: this\n+        })\n     },\n-    pageNext: function(event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = -1\n-            }\n-            var start = (this.num + 1) * this.length;\n-            changed = this.page(start, event)\n+    setUrl: function(newUrl) {\n+        this.url = newUrl;\n+        this.tile.draw()\n+    },\n+    getURL: function(bounds) {\n+        return this.url\n+    },\n+    CLASS_NAME: \"OpenLayers.Layer.Image\"\n+});\n+OpenLayers.Layer.Google.v3 = {\n+    DEFAULTS: {\n+        sphericalMercator: true,\n+        projection: \"EPSG:900913\"\n+    },\n+    animationEnabled: true,\n+    loadMapObject: function() {\n+        if (!this.type) {\n+            this.type = google.maps.MapTypeId.ROADMAP\n         }\n-        return changed\n+        var mapObject;\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        if (cache) {\n+            mapObject = cache.mapObject;\n+            ++cache.count\n+        } else {\n+            var center = this.map.getCenter();\n+            var container = document.createElement(\"div\");\n+            container.className = \"olForeignContainer\";\n+            container.style.width = \"100%\";\n+            container.style.height = \"100%\";\n+            mapObject = new google.maps.Map(container, {\n+                center: center ? new google.maps.LatLng(center.lat, center.lon) : new google.maps.LatLng(0, 0),\n+                zoom: this.map.getZoom() || 0,\n+                mapTypeId: this.type,\n+                disableDefaultUI: true,\n+                keyboardShortcuts: false,\n+                draggable: false,\n+                disableDoubleClickZoom: true,\n+                scrollwheel: false,\n+                streetViewControl: false\n+            });\n+            var googleControl = document.createElement(\"div\");\n+            googleControl.style.width = \"100%\";\n+            googleControl.style.height = \"100%\";\n+            mapObject.controls[google.maps.ControlPosition.TOP_LEFT].push(googleControl);\n+            cache = {\n+                googleControl: googleControl,\n+                mapObject: mapObject,\n+                count: 1\n+            };\n+            OpenLayers.Layer.Google.cache[this.map.id] = cache\n+        }\n+        this.mapObject = mapObject;\n+        this.setGMapVisibility(this.visibility)\n     },\n-    pagePrevious: function() {\n-        var changed = false;\n-        if (this.features) {\n-            if (this.num === null) {\n-                this.num = this.pageCount()\n-            }\n-            var start = (this.num - 1) * this.length;\n-            changed = this.page(start)\n+    onMapResize: function() {\n+        if (this.visibility) {\n+            google.maps.event.trigger(this.mapObject, \"resize\")\n         }\n-        return changed\n     },\n-    page: function(start, event) {\n-        var changed = false;\n-        if (this.features) {\n-            if (start >= 0 && start < this.features.length) {\n-                var num = Math.floor(start / this.length);\n-                if (num != this.num) {\n-                    this.paging = true;\n-                    var features = this.features.slice(start, start + this.length);\n-                    this.layer.removeFeatures(this.layer.features);\n-                    this.num = num;\n-                    if (event && event.features) {\n-                        event.features = features\n+    setGMapVisibility: function(visible) {\n+        var cache = OpenLayers.Layer.Google.cache[this.map.id];\n+        var map = this.map;\n+        if (cache) {\n+            var type = this.type;\n+            var layers = map.layers;\n+            var layer;\n+            for (var i = layers.length - 1; i >= 0; --i) {\n+                layer = layers[i];\n+                if (layer instanceof OpenLayers.Layer.Google && layer.visibility === true && layer.inRange === true) {\n+                    type = layer.type;\n+                    visible = true;\n+                    break\n+                }\n+            }\n+            var container = this.mapObject.getDiv();\n+            if (visible === true) {\n+                if (container.parentNode !== map.div) {\n+                    if (!cache.rendered) {\n+                        var me = this;\n+                        google.maps.event.addListenerOnce(this.mapObject, \"tilesloaded\", function() {\n+                            cache.rendered = true;\n+                            me.setGMapVisibility(me.getVisibility());\n+                            me.moveTo(me.map.getCenter())\n+                        })\n                     } else {\n-                        this.layer.addFeatures(features)\n+                        map.div.appendChild(container);\n+                        cache.googleControl.appendChild(map.viewPortDiv);\n+                        google.maps.event.trigger(this.mapObject, \"resize\")\n                     }\n-                    this.paging = false;\n-                    changed = true\n                 }\n+                this.mapObject.setMapTypeId(type)\n+            } else if (cache.googleControl.hasChildNodes()) {\n+                map.div.appendChild(map.viewPortDiv);\n+                map.div.removeChild(container)\n             }\n         }\n-        return changed\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Paging\"\n-});\n-OpenLayers.Strategy.Filter = OpenLayers.Class(OpenLayers.Strategy, {\n-    filter: null,\n-    cache: null,\n-    caching: false,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.apply(this, arguments);\n-        if (activated) {\n-            this.cache = [];\n-            this.layer.events.on({\n-                beforefeaturesadded: this.handleAdd,\n-                beforefeaturesremoved: this.handleRemove,\n-                scope: this\n-            })\n+    getMapContainer: function() {\n+        return this.mapObject.getDiv()\n+    },\n+    getMapObjectBoundsFromOLBounds: function(olBounds) {\n+        var moBounds = null;\n+        if (olBounds != null) {\n+            var sw = this.sphericalMercator ? this.inverseMercator(olBounds.bottom, olBounds.left) : new OpenLayers.LonLat(olBounds.bottom, olBounds.left);\n+            var ne = this.sphericalMercator ? this.inverseMercator(olBounds.top, olBounds.right) : new OpenLayers.LonLat(olBounds.top, olBounds.right);\n+            moBounds = new google.maps.LatLngBounds(new google.maps.LatLng(sw.lat, sw.lon), new google.maps.LatLng(ne.lat, ne.lon))\n         }\n-        return activated\n+        return moBounds\n     },\n-    deactivate: function() {\n-        this.cache = null;\n-        if (this.layer && this.layer.events) {\n-            this.layer.events.un({\n-                beforefeaturesadded: this.handleAdd,\n-                beforefeaturesremoved: this.handleRemove,\n-                scope: this\n-            })\n+    getMapObjectLonLatFromMapObjectPixel: function(moPixel) {\n+        var size = this.map.getSize();\n+        var lon = this.getLongitudeFromMapObjectLonLat(this.mapObject.center);\n+        var lat = this.getLatitudeFromMapObjectLonLat(this.mapObject.center);\n+        var res = this.map.getResolution();\n+        var delta_x = moPixel.x - size.w / 2;\n+        var delta_y = moPixel.y - size.h / 2;\n+        var lonlat = new OpenLayers.LonLat(lon + delta_x * res, lat - delta_y * res);\n+        if (this.wrapDateLine) {\n+            lonlat = lonlat.wrapDateLine(this.maxExtent)\n         }\n-        return OpenLayers.Strategy.prototype.deactivate.apply(this, arguments)\n+        return this.getMapObjectLonLatFromLonLat(lonlat.lon, lonlat.lat)\n     },\n-    handleAdd: function(event) {\n-        if (!this.caching && this.filter) {\n-            var features = event.features;\n-            event.features = [];\n-            var feature;\n-            for (var i = 0, ii = features.length; i < ii; ++i) {\n-                feature = features[i];\n-                if (this.filter.evaluate(feature)) {\n-                    event.features.push(feature)\n-                } else {\n-                    this.cache.push(feature)\n+    getMapObjectPixelFromMapObjectLonLat: function(moLonLat) {\n+        var lon = this.getLongitudeFromMapObjectLonLat(moLonLat);\n+        var lat = this.getLatitudeFromMapObjectLonLat(moLonLat);\n+        var res = this.map.getResolution();\n+        var extent = this.map.getExtent();\n+        return this.getMapObjectPixelFromXY(1 / res * (lon - extent.left), 1 / res * (extent.top - lat))\n+    },\n+    setMapObjectCenter: function(center, zoom) {\n+        if (this.animationEnabled === false && zoom != this.mapObject.zoom) {\n+            var mapContainer = this.getMapContainer();\n+            google.maps.event.addListenerOnce(this.mapObject, \"idle\", function() {\n+                mapContainer.style.visibility = \"\"\n+            });\n+            mapContainer.style.visibility = \"hidden\"\n+        }\n+        this.mapObject.setOptions({\n+            center: center,\n+            zoom: zoom\n+        })\n+    },\n+    getMapObjectZoomFromMapObjectBounds: function(moBounds) {\n+        return this.mapObject.getBoundsZoomLevel(moBounds)\n+    },\n+    getMapObjectLonLatFromLonLat: function(lon, lat) {\n+        var gLatLng;\n+        if (this.sphericalMercator) {\n+            var lonlat = this.inverseMercator(lon, lat);\n+            gLatLng = new google.maps.LatLng(lonlat.lat, lonlat.lon)\n+        } else {\n+            gLatLng = new google.maps.LatLng(lat, lon)\n+        }\n+        return gLatLng\n+    },\n+    getMapObjectPixelFromXY: function(x, y) {\n+        return new google.maps.Point(x, y)\n+    }\n+};\n+OpenLayers.Tile.Image.IFrame = {\n+    useIFrame: null,\n+    blankImageUrl: \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAQAIBRAA7\",\n+    draw: function() {\n+        var draw = OpenLayers.Tile.Image.prototype.shouldDraw.call(this);\n+        if (draw) {\n+            var url = this.layer.getURL(this.bounds);\n+            var usedIFrame = this.useIFrame;\n+            this.useIFrame = this.maxGetUrlLength !== null && !this.layer.async && url.length > this.maxGetUrlLength;\n+            var fromIFrame = usedIFrame && !this.useIFrame;\n+            var toIFrame = !usedIFrame && this.useIFrame;\n+            if (fromIFrame || toIFrame) {\n+                if (this.imgDiv && this.imgDiv.parentNode === this.frame) {\n+                    this.frame.removeChild(this.imgDiv)\n+                }\n+                this.imgDiv = null;\n+                if (fromIFrame) {\n+                    this.frame.removeChild(this.frame.firstChild)\n                 }\n             }\n         }\n+        return OpenLayers.Tile.Image.prototype.draw.apply(this, arguments)\n     },\n-    handleRemove: function(event) {\n-        if (!this.caching) {\n-            this.cache = []\n+    getImage: function() {\n+        if (this.useIFrame === true) {\n+            if (!this.frame.childNodes.length) {\n+                var eventPane = document.createElement(\"div\"),\n+                    style = eventPane.style;\n+                style.position = \"absolute\";\n+                style.width = \"100%\";\n+                style.height = \"100%\";\n+                style.zIndex = 1;\n+                style.backgroundImage = \"url(\" + this.blankImageUrl + \")\";\n+                this.frame.appendChild(eventPane)\n+            }\n+            var id = this.id + \"_iFrame\",\n+                iframe;\n+            if (parseFloat(navigator.appVersion.split(\"MSIE\")[1]) < 9) {\n+                iframe = document.createElement('<iframe name=\"' + id + '\">');\n+                iframe.style.backgroundColor = \"#FFFFFF\";\n+                iframe.style.filter = \"chroma(color=#FFFFFF)\"\n+            } else {\n+                iframe = document.createElement(\"iframe\");\n+                iframe.style.backgroundColor = \"transparent\";\n+                iframe.name = id\n+            }\n+            iframe.scrolling = \"no\";\n+            iframe.marginWidth = \"0px\";\n+            iframe.marginHeight = \"0px\";\n+            iframe.frameBorder = \"0\";\n+            iframe.style.position = \"absolute\";\n+            iframe.style.width = \"100%\";\n+            iframe.style.height = \"100%\";\n+            if (this.layer.opacity < 1) {\n+                OpenLayers.Util.modifyDOMElement(iframe, null, null, null, null, null, null, this.layer.opacity)\n+            }\n+            this.frame.appendChild(iframe);\n+            this.imgDiv = iframe;\n+            return iframe\n+        } else {\n+            return OpenLayers.Tile.Image.prototype.getImage.apply(this, arguments)\n         }\n     },\n-    setFilter: function(filter) {\n-        this.filter = filter;\n-        var previousCache = this.cache;\n-        this.cache = [];\n-        this.handleAdd({\n-            features: this.layer.features\n-        });\n-        if (this.cache.length > 0) {\n-            this.caching = true;\n-            this.layer.removeFeatures(this.cache.slice());\n-            this.caching = false\n+    createRequestForm: function() {\n+        var form = document.createElement(\"form\");\n+        form.method = \"POST\";\n+        var cacheId = this.layer.params[\"_OLSALT\"];\n+        cacheId = (cacheId ? cacheId + \"_\" : \"\") + this.bounds.toBBOX();\n+        form.action = OpenLayers.Util.urlAppend(this.layer.url, cacheId);\n+        form.target = this.id + \"_iFrame\";\n+        var imageSize = this.layer.getImageSize(),\n+            params = OpenLayers.Util.getParameters(this.url),\n+            field;\n+        for (var par in params) {\n+            field = document.createElement(\"input\");\n+            field.type = \"hidden\";\n+            field.name = par;\n+            field.value = params[par];\n+            form.appendChild(field)\n         }\n-        if (previousCache.length > 0) {\n-            var event = {\n-                features: previousCache\n-            };\n-            this.handleAdd(event);\n-            if (event.features.length > 0) {\n-                this.caching = true;\n-                this.layer.addFeatures(event.features);\n-                this.caching = false\n+        return form\n+    },\n+    setImgSrc: function(url) {\n+        if (this.useIFrame === true) {\n+            if (url) {\n+                var form = this.createRequestForm();\n+                this.frame.appendChild(form);\n+                form.submit();\n+                this.frame.removeChild(form)\n+            } else if (this.imgDiv.parentNode === this.frame) {\n+                this.frame.removeChild(this.imgDiv);\n+                this.imgDiv = null\n             }\n+        } else {\n+            OpenLayers.Tile.Image.prototype.setImgSrc.apply(this, arguments)\n         }\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.Filter\"\n-});\n-OpenLayers.Strategy.BBOX = OpenLayers.Class(OpenLayers.Strategy, {\n-    bounds: null,\n-    resolution: null,\n-    ratio: 2,\n-    resFactor: null,\n-    response: null,\n-    activate: function() {\n-        var activated = OpenLayers.Strategy.prototype.activate.call(this);\n-        if (activated) {\n-            this.layer.events.on({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n-            });\n-            this.update()\n+    onImageLoad: function() {\n+        OpenLayers.Tile.Image.prototype.onImageLoad.apply(this, arguments);\n+        if (this.useIFrame === true) {\n+            this.imgDiv.style.opacity = 1;\n+            this.frame.style.opacity = this.layer.opacity\n         }\n-        return activated\n     },\n-    deactivate: function() {\n-        var deactivated = OpenLayers.Strategy.prototype.deactivate.call(this);\n-        if (deactivated) {\n-            this.layer.events.un({\n-                moveend: this.update,\n-                refresh: this.update,\n-                visibilitychanged: this.update,\n-                scope: this\n-            })\n+    createBackBuffer: function() {\n+        var backBuffer;\n+        if (this.useIFrame === false) {\n+            backBuffer = OpenLayers.Tile.Image.prototype.createBackBuffer.call(this)\n         }\n-        return deactivated\n+        return backBuffer\n+    }\n+};\n+OpenLayers.Marker.Box = OpenLayers.Class(OpenLayers.Marker, {\n+    bounds: null,\n+    div: null,\n+    initialize: function(bounds, borderColor, borderWidth) {\n+        this.bounds = bounds;\n+        this.div = OpenLayers.Util.createDiv();\n+        this.div.style.overflow = \"hidden\";\n+        this.events = new OpenLayers.Events(this, this.div);\n+        this.setBorder(borderColor, borderWidth)\n     },\n-    update: function(options) {\n-        var mapBounds = this.getMapBounds();\n-        if (mapBounds !== null && (options && options.force || this.layer.visibility && this.layer.calculateInRange() && this.invalidBounds(mapBounds))) {\n-            this.calculateBounds(mapBounds);\n-            this.resolution = this.layer.map.getResolution();\n-            this.triggerRead(options)\n-        }\n+    destroy: function() {\n+        this.bounds = null;\n+        this.div = null;\n+        OpenLayers.Marker.prototype.destroy.apply(this, arguments)\n     },\n-    getMapBounds: function() {\n-        if (this.layer.map === null) {\n-            return null\n+    setBorder: function(color, width) {\n+        if (!color) {\n+            color = \"red\"\n         }\n-        var bounds = this.layer.map.getExtent();\n-        if (bounds && !this.layer.projection.equals(this.layer.map.getProjectionObject())) {\n-            bounds = bounds.clone().transform(this.layer.map.getProjectionObject(), this.layer.projection)\n+        if (!width) {\n+            width = 2\n         }\n-        return bounds\n+        this.div.style.border = width + \"px solid \" + color\n     },\n-    invalidBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    draw: function(px, sz) {\n+        OpenLayers.Util.modifyDOMElement(this.div, null, px, sz);\n+        return this.div\n+    },\n+    onScreen: function() {\n+        var onScreen = false;\n+        if (this.map) {\n+            var screenBounds = this.map.getExtent();\n+            onScreen = screenBounds.containsBounds(this.bounds, true, true)\n         }\n-        var invalid = !this.bounds || !this.bounds.containsBounds(mapBounds);\n-        if (!invalid && this.resFactor) {\n-            var ratio = this.resolution / this.layer.map.getResolution();\n-            invalid = ratio >= this.resFactor || ratio <= 1 / this.resFactor\n+        return onScreen\n+    },\n+    display: function(display) {\n+        this.div.style.display = display ? \"\" : \"none\"\n+    },\n+    CLASS_NAME: \"OpenLayers.Marker.Box\"\n+});\n+OpenLayers.Popup.Framed = OpenLayers.Class(OpenLayers.Popup.Anchored, {\n+    imageSrc: null,\n+    imageSize: null,\n+    isAlphaImage: false,\n+    positionBlocks: null,\n+    blocks: null,\n+    fixedRelativePosition: false,\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);\n+        if (this.fixedRelativePosition) {\n+            this.updateRelativePosition();\n+            this.calculateRelativePosition = function(px) {\n+                return this.relativePosition\n+            }\n         }\n-        return invalid\n+        this.contentDiv.style.position = \"absolute\";\n+        this.contentDiv.style.zIndex = 1;\n+        if (closeBox) {\n+            this.closeDiv.style.zIndex = 1\n+        }\n+        this.groupDiv.style.position = \"absolute\";\n+        this.groupDiv.style.top = \"0px\";\n+        this.groupDiv.style.left = \"0px\";\n+        this.groupDiv.style.height = \"100%\";\n+        this.groupDiv.style.width = \"100%\"\n     },\n-    calculateBounds: function(mapBounds) {\n-        if (!mapBounds) {\n-            mapBounds = this.getMapBounds()\n+    destroy: function() {\n+        this.imageSrc = null;\n+        this.imageSize = null;\n+        this.isAlphaImage = null;\n+        this.fixedRelativePosition = false;\n+        this.positionBlocks = null;\n+        for (var i = 0; i < this.blocks.length; i++) {\n+            var block = this.blocks[i];\n+            if (block.image) {\n+                block.div.removeChild(block.image)\n+            }\n+            block.image = null;\n+            if (block.div) {\n+                this.groupDiv.removeChild(block.div)\n+            }\n+            block.div = null\n         }\n-        var center = mapBounds.getCenterLonLat();\n-        var dataWidth = mapBounds.getWidth() * this.ratio;\n-        var dataHeight = mapBounds.getHeight() * this.ratio;\n-        this.bounds = new OpenLayers.Bounds(center.lon - dataWidth / 2, center.lat - dataHeight / 2, center.lon + dataWidth / 2, center.lat + dataHeight / 2)\n+        this.blocks = null;\n+        OpenLayers.Popup.Anchored.prototype.destroy.apply(this, arguments)\n     },\n-    triggerRead: function(options) {\n-        if (this.response && !(options && options.noAbort === true)) {\n-            this.layer.protocol.abort(this.response);\n-            this.layer.events.triggerEvent(\"loadend\")\n+    setBackgroundColor: function(color) {},\n+    setBorder: function() {},\n+    setOpacity: function(opacity) {},\n+    setSize: function(contentSize) {\n+        OpenLayers.Popup.Anchored.prototype.setSize.apply(this, arguments);\n+        this.updateBlocks()\n+    },\n+    updateRelativePosition: function() {\n+        this.padding = this.positionBlocks[this.relativePosition].padding;\n+        if (this.closeDiv) {\n+            var contentDivPadding = this.getContentDivPadding();\n+            this.closeDiv.style.right = contentDivPadding.right + this.padding.right + \"px\";\n+            this.closeDiv.style.top = contentDivPadding.top + this.padding.top + \"px\"\n         }\n-        var evt = {\n-            filter: this.createFilter()\n-        };\n-        this.layer.events.triggerEvent(\"loadstart\", evt);\n-        this.response = this.layer.protocol.read(OpenLayers.Util.applyDefaults({\n-            filter: evt.filter,\n-            callback: this.merge,\n-            scope: this\n-        }, options))\n+        this.updateBlocks()\n     },\n-    createFilter: function() {\n-        var filter = new OpenLayers.Filter.Spatial({\n-            type: OpenLayers.Filter.Spatial.BBOX,\n-            value: this.bounds,\n-            projection: this.layer.projection\n-        });\n-        if (this.layer.filter) {\n-            filter = new OpenLayers.Filter.Logical({\n-                type: OpenLayers.Filter.Logical.AND,\n-                filters: [this.layer.filter, filter]\n-            })\n+    calculateNewPx: function(px) {\n+        var newPx = OpenLayers.Popup.Anchored.prototype.calculateNewPx.apply(this, arguments);\n+        newPx = newPx.offset(this.positionBlocks[this.relativePosition].offset);\n+        return newPx\n+    },\n+    createBlocks: function() {\n+        this.blocks = [];\n+        var firstPosition = null;\n+        for (var key in this.positionBlocks) {\n+            firstPosition = key;\n+            break\n+        }\n+        var position = this.positionBlocks[firstPosition];\n+        for (var i = 0; i < position.blocks.length; i++) {\n+            var block = {};\n+            this.blocks.push(block);\n+            var divId = this.id + \"_FrameDecorationDiv_\" + i;\n+            block.div = OpenLayers.Util.createDiv(divId, null, null, null, \"absolute\", null, \"hidden\", null);\n+            var imgId = this.id + \"_FrameDecorationImg_\" + i;\n+            var imageCreator = this.isAlphaImage ? OpenLayers.Util.createAlphaImageDiv : OpenLayers.Util.createImage;\n+            block.image = imageCreator(imgId, null, this.imageSize, this.imageSrc, \"absolute\", null, null, null);\n+            block.div.appendChild(block.image);\n+            this.groupDiv.appendChild(block.div)\n         }\n-        return filter\n     },\n-    merge: function(resp) {\n-        this.layer.destroyFeatures();\n-        if (resp.success()) {\n-            var features = resp.features;\n-            if (features && features.length > 0) {\n-                var remote = this.layer.projection;\n-                var local = this.layer.map.getProjectionObject();\n-                if (!local.equals(remote)) {\n-                    var geom;\n-                    for (var i = 0, len = features.length; i < len; ++i) {\n-                        geom = features[i].geometry;\n-                        if (geom) {\n-                            geom.transform(remote, local)\n-                        }\n-                    }\n-                }\n-                this.layer.addFeatures(features)\n+    updateBlocks: function() {\n+        if (!this.blocks) {\n+            this.createBlocks()\n+        }\n+        if (this.size && this.relativePosition) {\n+            var position = this.positionBlocks[this.relativePosition];\n+            for (var i = 0; i < position.blocks.length; i++) {\n+                var positionBlock = position.blocks[i];\n+                var block = this.blocks[i];\n+                var l = positionBlock.anchor.left;\n+                var b = positionBlock.anchor.bottom;\n+                var r = positionBlock.anchor.right;\n+                var t = positionBlock.anchor.top;\n+                var w = isNaN(positionBlock.size.w) ? this.size.w - (r + l) : positionBlock.size.w;\n+                var h = isNaN(positionBlock.size.h) ? this.size.h - (b + t) : positionBlock.size.h;\n+                block.div.style.width = (w < 0 ? 0 : w) + \"px\";\n+                block.div.style.height = (h < 0 ? 0 : h) + \"px\";\n+                block.div.style.left = l != null ? l + \"px\" : \"\";\n+                block.div.style.bottom = b != null ? b + \"px\" : \"\";\n+                block.div.style.right = r != null ? r + \"px\" : \"\";\n+                block.div.style.top = t != null ? t + \"px\" : \"\";\n+                block.image.style.left = positionBlock.position.x + \"px\";\n+                block.image.style.top = positionBlock.position.y + \"px\"\n             }\n-        } else {\n-            this.bounds = null\n+            this.contentDiv.style.left = this.padding.left + \"px\";\n+            this.contentDiv.style.top = this.padding.top + \"px\"\n         }\n-        this.response = null;\n-        this.layer.events.triggerEvent(\"loadend\", {\n-            response: resp\n-        })\n     },\n-    CLASS_NAME: \"OpenLayers.Strategy.BBOX\"\n+    CLASS_NAME: \"OpenLayers.Popup.Framed\"\n+});\n+OpenLayers.Popup.FramedCloud = OpenLayers.Class(OpenLayers.Popup.Framed, {\n+    contentDisplayClass: \"olFramedCloudPopupContent\",\n+    autoSize: true,\n+    panMapIfOutOfView: true,\n+    imageSize: new OpenLayers.Size(1276, 736),\n+    isAlphaImage: false,\n+    fixedRelativePosition: false,\n+    positionBlocks: {\n+        tl: {\n+            offset: new OpenLayers.Pixel(44, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 18),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -632)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(0, -688)\n+            }]\n+        },\n+        tr: {\n+            offset: new OpenLayers.Pixel(-45, 0),\n+            padding: new OpenLayers.Bounds(8, 40, 8, 9),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 51, 22, 0),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 50, 0, 0),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 19),\n+                anchor: new OpenLayers.Bounds(0, 32, 22, null),\n+                position: new OpenLayers.Pixel(0, -631)\n+            }, {\n+                size: new OpenLayers.Size(22, 19),\n+                anchor: new OpenLayers.Bounds(null, 32, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -631)\n+            }, {\n+                size: new OpenLayers.Size(81, 35),\n+                anchor: new OpenLayers.Bounds(0, 0, null, null),\n+                position: new OpenLayers.Pixel(-215, -687)\n+            }]\n+        },\n+        bl: {\n+            offset: new OpenLayers.Pixel(45, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(null, null, 0, 0),\n+                position: new OpenLayers.Pixel(-101, -674)\n+            }]\n+        },\n+        br: {\n+            offset: new OpenLayers.Pixel(-44, 0),\n+            padding: new OpenLayers.Bounds(8, 9, 8, 40),\n+            blocks: [{\n+                size: new OpenLayers.Size(\"auto\", \"auto\"),\n+                anchor: new OpenLayers.Bounds(0, 21, 22, 32),\n+                position: new OpenLayers.Pixel(0, 0)\n+            }, {\n+                size: new OpenLayers.Size(22, \"auto\"),\n+                anchor: new OpenLayers.Bounds(null, 21, 0, 32),\n+                position: new OpenLayers.Pixel(-1238, 0)\n+            }, {\n+                size: new OpenLayers.Size(\"auto\", 21),\n+                anchor: new OpenLayers.Bounds(0, 0, 22, null),\n+                position: new OpenLayers.Pixel(0, -629)\n+            }, {\n+                size: new OpenLayers.Size(22, 21),\n+                anchor: new OpenLayers.Bounds(null, 0, 0, null),\n+                position: new OpenLayers.Pixel(-1238, -629)\n+            }, {\n+                size: new OpenLayers.Size(81, 33),\n+                anchor: new OpenLayers.Bounds(0, null, null, 0),\n+                position: new OpenLayers.Pixel(-311, -674)\n+            }]\n+        }\n+    },\n+    minSize: new OpenLayers.Size(105, 10),\n+    maxSize: new OpenLayers.Size(1200, 660),\n+    initialize: function(id, lonlat, contentSize, contentHTML, anchor, closeBox, closeBoxCallback) {\n+        this.imageSrc = OpenLayers.Util.getImageLocation(\"cloud-popup-relative.png\");\n+        OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);\n+        this.contentDiv.className = this.contentDisplayClass\n+    },\n+    CLASS_NAME: \"OpenLayers.Popup.FramedCloud\"\n });\n"}]}]}]}]}]}